/* CSS Document */

/*----------------------------- body -----------------------------*/

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
/*background-color:#157B9B;*/
background: #157B9B url(../IMG/fil2.gif) repeat-x;
}

/*----------------------------- bandeau -----------------------------*/

#header {
background-image:url(../IMG/maquette02_ecran.gif);
background-repeat:no-repeat;
height: 123px;
background-color:#FFFFFF;
}

/*----------------------------- fil d'ariane -----------------------------*/

#haut {
height:17px;
background-color:#157B9B;
color:#FFFFFF;
font-style:italic;
}

#haut a {
text-decoration:none;
color:#FFFFFF;
}

#haut a:hover{
text-decoration:underline;
color:#FFFFFF;
}

#hierarchie {
	clear: both;
	margin-bottom: 2em;
	font-size: 0.77em; }
/*----------------------------- conteneur -----------------------------*/

#conteneur {
position: relative;
width: 974px;
margin: 0 auto; 
background-color:#FFFFFF;
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:1px;
}

/*----------------------------- tout0 -----------------------------*/

#tout0 {
height:1400px;
}

/*----------------------------- tout -----------------------------*/

#tout {
height:850px;
}

/*----------------------------- tout2 -----------------------------*/

#tout2 {
height:3000px;
}

/*----------------------------- tout21 -----------------------------*/

#tout21 {
height:11000px;
width:auto;
}

/*----------------------------- zone centrale -----------------------------*/

#centre {
padding:15px 15px 15px 15px;
border:1px dashed #157B9B;
background-color:#FFFFFF;
margin-left: 170px;
margin-right: 170px;
margin-top:20px;
margin-bottom:10px;

/* restriction de la hauteur de la zone*/
height:auto;
}

p {
margin: 0 0 10px 0;
color:#333333;
/*color:#157B9B;
font-weight:bold;
font-style:italic;*/
}

a {
text-decoration: none; 
color:#2CD92B;
}
a:hover { 
text-decoration: underline; 
}

.liste-articles ul { margin: 0; padding: 0; list-style-type: none; }
.liste-articles li { margin-bottom: 1em; clear: both; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

/* titre de l'Edito page d'accueil*/
.liste-articles li .titre1 {
color:#157B9B;
font-size: 1.03em;
font-weight: bold;
}

.liste-articles li .spip_logos {
	float: left;
	margin-left: 16px;
	margin-bottom: 16px;
	clear: left; }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

/* Texte de l'Edito page d'accueil */
.liste-articles li .edito {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; 
	color:#000000;
}

/*----------------------------- zone centrale 21 / classements -----------------------------*/

#centre21 {
padding:15px 15px 15px 15px;
border:1px dashed #157B9B;
background-color:#FFFFFF;
margin-left: 170px;
margin-right: 170px;
margin-top:20px;
margin-bottom:10px;

/* restriction de la hauteur de la zone*/
height:auto;
width:750px;
}

p {
margin: 0 0 10px 0;
color:#333333;
/*color:#157B9B;
font-weight:bold;
font-style:italic;*/
}

a {
text-decoration: none; 
color:#2CD92B;
}
a:hover { 
text-decoration: underline; 
}

/*----------------------------- menu de droite -----------------------------*/

#droite {
position: absolute;
right:0;
width: 170px;
padding-left:10px;
margin-top:10px;
}

/*----------------------------- menu de gauche -----------------------------*/

#gauche {
background-color:#FFFFFF;
position: absolute;
left:0;
width: 150px;
margin-top:10px;
background-image:url(../IMG/dynamique.gif);
background-repeat:repeat-y;
/*border: 1px solid #157B9B;
border-left: 1px solid #EDEDED;*/


}

.menugauche {
margin: 0;
padding-left:5px;
}

.menugauche li {
list-style-type:none;
margin-bottom: 15px;
margin-top: 15px;
}

.menugauche a {
margin: 0 4px;
font-style:normal;
color:#157B9B;
font-weight:lighter;
margin-bottom: 10px;
text-decoration:none;
}
.menugauche a:hover {
text-decoration:underline;
color:#2DD92B;
}

.titrerub {
color:#2DD92B;
}
/*#gauche {
background-image:url(../IMG/fondmenu2.gif);
background-repeat:no-repeat;
position: absolute;
left:0;
width: 150px;
margin-top:10px;
font-style:italic;
}*/

/*.listemenu {
list-style-image:url(../IMG/menupuce.gif);
list-style-position:outside;	
	font-weight:bold;
}*/

/*.menugauche {
margin: 0;
padding:0;
}
.menugauche li {
list-style-type:none;
margin-bottom: 15px;
}
.menugauche a {
margin: 0 4px;
color:#666666;
font-weight:bold;
margin-bottom: 10px;
text-decoration:none;
}
.menugauche a:hover {
text-decoration:underline;
}*/


/*----------------------------- Pied de page -----------------------------*/

#pied {
font-style:italic;
color:#FFFFFF;
height: 46px;
background-image:url(../IMG/maquette02-pied3.gif);
background-repeat:no-repeat;
/*background-color: #2CD92B;*/
}

#pied a {
color:#FFFFFF;
font-style:normal;
text-decoration:none;
}

#pied a:hover {
color:#FFFFFF;
text-decoration:underline;
font-style:normal;
}

/*----------------------------- calendrier / agenda -----------------------------*/


/* Habillage du mini calendrier */
#calendar { -moz-border-radius: 1em;text-align: center; border: 1px dotted #ccc; padding: 2px; padding-top: 0.5em; width:140px;}
#calendar table { width: 100%; margin: 0 auto; padding: 0; }
#calendar caption { font-size:0.8em;padding: 5px ; font-weight: bold; }
#calendar th { -moz-border-radius: 1em;background: #ADC7D6; font-weight: normal; color: #666; }
#calendar th abbr { border: none; cursor: help; }
#calendar td {-moz-border-radius: 0.7em; margin: 0; padding: 0; border: none; text-align: center; background: #ddd; line-height: 1.6em; }
#calendar td.horsperiode { background: #ececec; color: #ccc; }
#calendar td.occupe { background: #99CCFF; }
#calendar td a { display: block; color:#0066CC; font-weight:bold;}
#calendar td span { color: #aaa; }
#calendar td a:hover { border:0px }
#calendar tr { font-size:0.9em; }

/* Habillage agenda */
#agenda dt{
		font-weight:bold;
        background-color: #FFD98F;
        -moz-border-radius: 10px;
        padding: 2px 0px 2px 10px;
        margin: 0px 0px 0px 0px;
}
#agenda dd{
		
        font-size: 0.9em;
        padding: 2px 0px 2px 20px;
        margin: 0px 0px 0px 0px;
}

#agenda b{
		color:#0066CC;
		}
/**************** Calendrier *************/