/* CSS Document */



body {
background-color: #E8D9C6;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
margin: 0px;
padding: 0px;
border: 0px;
text-align: center;/* pour corriger le bug de centrage IE */ 
}
#contenant {
position: relative;
padding: 0px;
width: 1000px;
margin-top: 2%;
margin-left: auto;
margin-right: auto;
border: 0px solid #AC7;
text-align: left; /* on rétablit l'alignement normal du texte */ 
}
#titre_site{
font-family: Times, serif;
font-weight:bold;
font-size: 3.5em;
text-align:center;
letter-spacing: 0.06em;
background-image:url(/IMG/jpg/titre.jpg);
background-repeat:no-repeat;
background-position: top;
margin-bottom: 0px;
height:87px;
}
#gauche {
float: left;
width: 180px;
margin-left: 0px;
font-size: 0.9em;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#agenda {
margin-top: 10px;
color: #521;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#agenda p{
font-size: 1em;
margin-top: 10px;
color: #521;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#agenda strong {
	font-size: 1.3em;
	font-weight:bold;
}
#centre {
float: left;
width: 515px;
font-size: 1em;
margin: 0px 10px 0px 20px;
}
#droite {
float: right;
width: 275px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 0px;
}
#droite p{
font-size: 1em;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#pied {
background-color:#E7D9C5;
height: 1.1em;
color: #003A81;
font-weight: light;
margin-left:auto;
margin-right: auto;
margin-bottom: 0;
font-size: 0.7em;
padding:2px;
}
#pied a { 
color: #003A81;
}

ul {
list-style-type: none;
margin: 0;
padding: 0;
}

#gauche ul{
font-weight: normal;
background-color: #888;
color: #FFF;
}
#gauche a{
color: #003A81;
}
#gauche li{
margin: 0px;
border-bottom: 1px solid #fdebc8;
}
#agenda a{
color: #310;
}

.liste {
font-size: 0.8em;
padding: 0px;
}

#gauche .liste ul{
background-color: #fdebc8;
font-weight: normal;
color: #CCC;
list-style-type: none;
margin: 0px;
padding: 0px;
border-bottom: 0px;
}
#gauche .liste ul li{
border-bottom: 1px solid #BBBBBB;
margin: 2px 0px;
font-size: 0.9em;
padding: 2px 2px;
}
#gauche .liste a{
color: #847a82;
}

.diaporama {
margin-top: 0px;
margin-bottom: 20px;
margin-left: auto;
margin-right: auto;
text-align:center;
}

a { 
text-decoration: none; 
color: #521;
}
#centre-droit {
float: left;
width: 810px;
padding-left:20px;
}
.titre{
color: #fdebc8;
font-family: Verdana, sans-serif;
font-size: 1.7em;
letter-spacing: 0.05em;
background-color: #847a82;
text-align:center;;
font-weight:bolder;
text-transform: uppercase;
margin-bottom: 1em;
}
.demie {
	width: 300px;
	border: 2px solid #fdebc8;
	margin: 0 0 10px 0px;
	padding: 0px;
	float:left;
	background-color: #fff;
}
.demie .spip_documents{
	margin: 0px;
}
.quart {
	width: 185px;
	border: 2px solid #fdebc8;
	margin: 0 10px 10px 0px;
	padding: 5px;
	float:left;
	background-color: #fff;
}
.quart img{
	margin-right: 2%;
}
.quart h3 a{
font-family: Verdana, sans-serif;
font-size: 0.8em;
color: #767;
}
.livres {
	width: 178px;
	height: 360px;
	border: 2px solid #fdebc8;
	margin: 0 10px 10px 0px;
	padding: 5px;
	float:left;
	background-color: #fff;
	text-align:center;
}
.livres img{
	margin-right: 2%;
	border: 1px solid #333;

}
.livres h3 a{
font-family: Verdana, sans-serif;
font-size: 0.7em;
color: #620;
}
.leftedito {
float: left; /* alignement à gauche */
width: 115px;
height: 150px;
background-color: #FFF;
margin: 5px;
padding: 0px;
}
.leftrubrique {
float: left; /* alignement à gauche */
width: 175px;
height: 230px;
background-color: #FFF;
margin: 5px 10px 5px 0px;
padding: 0px;
}
.right {
float: right; /* alignement à droite */
margin: 5px;
padding: 0px;
}
.left {
float: left; /* alignement à gauche */
margin: 5px;
padding: 0px;
}

#droite li{
margin: 6px 1px;
border-bottom: 1px solid #BBB;
}
p img {
	margin-top: 12px;
	margin-bottom: 2px;
}

figure.spip_doc_inner {
	margin:0;
	padding:0;
	clear:both;
	margin-bottom: 5px;
}

a img {
border: none;
margin-bottom:5px;
} 
.separation{
clear: both;
visibility: hidden;
margin:0px;
}
a:hover {
color: #E00; 
}
h1{
font: 2.15em "Arial", sans-serif;
font-weight:normal;
color: #521;
margin: 0px;
margin-bottom: 5px;
} 
a:hover h1 {
color: #662200; 
}
h2{
font: 1.8em Georgia, serif;
color: #662200;
margin: 5px 0px;
} 

h3{
font: 1.3em Georgia, serif;
color: #662200;
margin: 0px;
} 
h3.bold{
font-weight: bold;
color: #300;
} 
h4{
font: 1.2em Verdana, sans-serif;
color: #600;
margin: 0px;
} 
h5{
font: 1em Verdana, sans-serif;
color: #940;
font-weight: bold;
margin: 0px;
margin-bottom: 4px;
} 
a:hover h2 {
color: #C00; 
}
p{
font-family: georgia,serif;
font-size: 1.1em;
line-height: 1.4em;
letter-spacing: 0.03em;
margin: 5px 0px;
padding: 0px;
} 
.mots{
color: #540;
font-family: Verdana, sans-serif;
font-size: 0.8em;
letter-spacing: 0.05em;
border-bottom: 1px solid #A80;
float: right;
}
#centre .mots{
font-size: 0.9em;
} 
#centre-droit .mots{
font-size: 0.7em;
} 

.left img.spip_logos{
border: 1px solid #333;
}
.marge{
margin-left: 180px;
}
.adroite {
float: right; /* alignement à droite */
}
ul#menu {
background-color:#552211;
    background: linear-gradient( #A42, #320);
    background: -webkit-linear-gradient( #A42, #320);
    background: -moz-linear-gradient( #A42, #320);
    background: -ms-linear-gradient( #A42, #320);
    background: -o-linear-gradient( #A42, #320);
    background: linear-gradient( #A42, #320);
margin: 0;
padding: 0;
font: normal 0.9em Arial;
color:#FEF4E0;
letter-spacing: 0.05em;
list-style: none;
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
margin-bottom: 20px;
border-radius:12px 0 12px 0;
box-shadow: 0 0 1px rgba( 0, 0, 0, 0.2), 0 -1px 0 rgba( 255, 255, 255, 0.1);
text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.3);
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
					/* si enlevé, gros décalage des sous menu vers la droite. */
		margin : 0; 

 }



#menu a{
display: block;
padding: 0 0.8em;
color: #FEF4E0;
margin: 0px;
text-decoration: none;
text-align: center;
border: 0px;
border-bottom: 0px solid #EEE;
}
#menu a:hover {
color: #333;
background-color: #fef3e1;
border-radius:12px 0 12px 0;
}
#menu ul /* Sous-listes */
{ 
   display: none; 
	position: absolute; 
	left: 0px; 
	top: -10px; 
	margin: 0px; 
	padding: 0px;}
#menu li 
{ 
        float:left;
}

#menu li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
		display: block

}
form {
	margin-bottom: 0px;
}




#menu li li a {
color: #847a82;
background-color: #fdebc8;
}
#menu li li a:hover {
color: #fdebc8;
background-color: #847a82;
}
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 170px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}
#menu li ul li /* éléments Sous-listes */
{ 
        position: relative; /* Position  */

}

#menu li:hover ul /* Sous-listes lorsque la souris passe sur un élément de liste */
{
		list-style: none;
        left: 190px; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
		font-weight: normal;
		background-color: #fdebc8;
		border:1px solid #847a82;
}

.boutique{
	margin: 10px;
font-size:0.7em;
font-weight:bolder;
}
.boutique a{
	color: #900;
}
formulaire_recherche {
	float:right;
	margin-right:10px;
}
.slideshow {  
       width: 275px;   
       overflow: hidden;
	   margin-top: 10px;
}  
.slideshow ul {  
        /* 10 images donc 10 x 100% */  
       width: 2000%;    
       padding:0; margin:0;  
       list-style: none;  
}  
.slideshow li {  
       float: left;  
} 
.spip_logos{
	border: 1px solid #666;
	margin-right: 20px;
	margin-bottom: 20px;
}
#droite .spip_logos{
	box-shadow: 2px 5px 5px 2px rgba(50,50,0,.5);
	margin-bottom:20px;
}
#gauche .spip_logos{
	margin-bottom:0px;
}
.bio {
	background-color:#847A82;
	color: #FFF;
	padding: 5px 10px;
}
.bio p{
	font-size: 1em;
	line-height:1.2em;
	font-family:Arial, Helvetica, sans-serif;
}
.bouton {
	border-radius:12px 0 12px 0;
	background: #fef3e1;
	border:none;
	color:#555;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	cursor:pointer;
	text-align:center;
}
.bouton:hover{
	border-radius:12px 0 12px 0;
	background: #fff;
	border:none;
	color:#333;
	font:bold 12px Verdana;
	padding:6px 0 6px 0;
	box-shadow:1px 1px 3px #999;
	cursor:pointer;
}
a:link {
color:#521;
}
a:hover {color:red;}
a:active { color:#F00;} /* lien activé */

.repondre a {
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	background-color: #fef3e1;
	padding: 1px 10px 0;
	border-radius:10px 0 10px 0;
	box-shadow:1px 1px 3px #999;
}
.repondre a:hover {
	background-color: #fff;
}

.spip_doc_descriptif{
	display: none;
}
.spip_doc_titre{
	font-weight: normal;
	font-size: small;
	mergin-bottom: 5px;
}