/* Général */
body {
       padding: 0px 5px;
       color: #000;
      background: #FFF;
}

a {
	color: #FFF;
}
a:hover, a:focus {
	color: #000;
}
strong {
	color:#475f73 ;
}
/* --- POSITIONNEMENT --- */

#global {  
        background-color:#7b99af;
        background-image: url("img/banniere.jpg");
        background-position: top;
        background-repeat: no-repeat;
	width: 900px;
	margin-left: auto;
	margin-right: auto;
        border: 1px solid #7b99af;
        
 
       
        
     
}


/* En-tête */
#entete {
        width: 900px;
        height:200px;
	padding: 0;margin:0px;
        /*background: #FFF url(img/banniere.jpg)top left no-repeat;*/ 
        border: none;
}

#entete a img{ padding:0; margin:0; }
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}





/* Conteneur central */
#centre {
float: left;
width:100%;      
min-height:600px;
background-color:#7b99af;  border-right: 1px solid #7b99af; 
}


/* Navigation gauche */
/* Menu de navigation */
#colGauche {  
     
       width: 231px;
       min-height:600px;
       float: left;
       background:#7b99af;
       padding: 0;
       margin: 0;
       font-weight: bold;
       font-size: 1em;  

}
#colGauche ul {
       margin: 0;
       padding: 20px 10px 20px 10px;
       list-style: none;
}
#colGauche ul li ul { margin-left: 2em;padding:5px; }
#colGauche ul li ul a {font-weight:normal;  }

#colGauche a {
	
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
        color: #FFF;
        font-size: .9em;
	text-decoration: none;
}

#colGauche #rec{
display:block;
width: 231px;
float:left;
margin:0px;
padding:0px;
height: 18px;

 } 

#colGauche a:hover, #colGauche a:focus {
	color: #000000;
}
#colGauche ul li a.on {color: #000;  }
#colGauche ul li ul li a.on {color: #000;font-weight: bold;  }
#lettre{
	
	padding:10px 5px 5px 5px;margin:0;
        text-align: left;

}
#lettre img{float: left; padding:5px 5px 0px 0px;margin:0; }
#lettre a{
	float: left;
	padding: 0;margin:0;
       

}



/*wrapper droit qui permet d'avoir la col droite en blanc et l'illusion de trois col de meme taille*/
#wrapper{ 
float: left;
width: 669px;
min-height:600px;
background-color:#FFF;

 }
/*barre d'outils*/


#hierarchie {
background-color: #dae3eb;
height: 18px;
text-align: left;
padding-left: 10px;
font-family: helvetica, verdana, sans-serif;
font-weight: bold;
font-size: 1em;
color: #FFF;
 }
/* Contenu principal */
#contenu{
        float: left;        
        margin:0px 0px 0px 0px; padding: 0px 10px 10px 10px;
        width:450px;
	color: #181A12;
	background-color:#FFF;
        min-height:600px;  border-right:6px double #7b99af;       
}

.page_article #contenu{ width:90%; border:none; }

#contenu h1 {
        font-family: "Dustismo", verdana, arial, sans-serif;
        font-size:1.6em;
        text-align: left;
        font-weight: bold;
        font-style: normal;
	color: #8ba4b6;
}
#contenu h2 {
        font-family: "Dustismo", verdana, arial, sans-serif;
        font-size:1.4em;
        text-align: left;
        font-weight: bold;
        font-style: normal;  margin:0;
        text-align: left;}

#contenu h3 {
        font-family: "Dustismo", verdana, arial, sans-serif;
        font-size:1.4em;
        text-align: left;
        font-weight: bold;
        font-style: normal;    margin:0; 
}
h3.plan{  text-align: left; }

#contenu h3 > p,#contenu h3 > ul { margin-left: 20px; }
.plan ul{ text-align: left; margin-left: 60px; }
#contenu a {
	color: #332510;
}
#contenu a:hover, #principal a:focus {
	color: #6E5122;
}
#contenu strong {
	color: #181A12;
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
        text-align: justify;
}

#contenu .chapo{ color:  #475f73;font-weight: normal;}
#contenu .chapo strong{  color:  #475f73; }

#contenu form{ text-align: left; margin-left: 20px; }
#contenu form label{ display: block; font-weight: bold;width: 180px; margin: 10px 0px 0px 20px; float: left;}
#contenu form input,#contenu form textarea {  width: 200px; border: 1px solid; margin: 10px 0px 0px 0px; }
#contenu form input.go{ width:30px; }

#contenu .formulaire_spip label

{display: block;
text-align: left;
color: #444444;
font-weight: bold;
position: relative;

}

.plan h3{ text-align: left;}
/* Colone de droite Actus */
#colDroite {
	float: right;
	width: 175px;
      

        overflow: auto;
        min-height:600px;
        height: auto;
        margin:0px;
	padding:0px  5px 0px  5px;
        background-color:#FFF;
        text-align: left;
}


#colDroite h1,#colDroite h2,#colDroite h3{ 
        font-family:"Dustismo", verdana, arial, sans-serif;
        font-size: 16pt;
        color: #8ba4b6;
        text-align: center;
        margin:0;
 }

#colDroite h4 {font-family:"Dustismo", verdana, arial, sans-serif; font-size: 1.1em;font-weight:bold; text-align:left;margin: 0 0 0 0;  }
#colDroite ul li{ list-style-type: square;text-align:left;}
#colDroite dl dt{font-weight: bold;}
#colDroite dl dd{margin: 0px;padding: 0px;}
#colDroite dl dd p{display: inline;}
#colDroite a{ color: #000;text-align:left; }

/* Pied de page */
#pied {
      
        clear: both;
        background-color:#475f73;
	margin: 0;
        width: 900px;
        max-width: 900px;
        min-width: 900px;
	padding: 0px 0px 10px 0px;
	font-size: .85em;
        color: #FFF;

}
/*encart mise ajour site*/
#pied #jour{ 
width:221px;
background-color:#475f73; 
text-align: left;
font-weight:bold;
padding-left: 10px;
color: #000;
float: left;
margin:-25px 0px 0px 0px;

 }
#pied #mentions{ 
width: 670px;
float: left; 
text-align: left;
margin:-16px 0px 0px 230px;
padding: 5px 0px 0px 0px;
background-color: #475f73;
 }

/*formulaires recherche*/
#colGauche #rec label{width:82px; height: 18px;float: left; background-color:#000;color:#FFF;font-family: "Lucida Sans", arial, sans-serif ;font-weight: bold; }
#colGauche #rec input {height: 18px;float: left; border-color:#000;  }

#colGauche #rec input.submit{margin:-18px 0px 0px 0px ;float: right;width:24px;height: 18px; background-color:#000;color:#FFF; font-weight: bold;  border:1px solid #000; }
#colGauche #rec .formulaire_recherche input.text {margin:-18px 0px 0px 82px ; width:98px;height: 15px;float: left; border:1px solid #000; }

div.socialtags{ float:left; }

li.archive{ list-style-image: URL(img/pucedtbleu.gif);  }
li.ssrubarchive{ list-style-type: none; }

.texteencadre-spip {
clear: both;
color: #000033;
border: 1px solid #8ba4b6;
background-color: #eeeeff;
margin : 20px 1em 2em 1em;
padding: 0.25em 0.25em 0.25em 0.25em;  


}

#contenu #spip-listes.formulaire-spiplistes-abo label { width: 90%; text-align: justify;}