/*  ------------------------------------------

/*  Correction des styles HTML par defaut

/*  ------------------------------------------ */

body { margin: 0px auto 0px auto; padding: 0;
	background: #E0E2E9; 
	text-align: center;
	color: #333333;
	font-size: 11px; 
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


img { padding: 0; border: 0;}
ul, ol, li { margin: 0; padding: 0;  list-style: none;   }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 13px; font-weight: normal; }

a   {    text-decoration: none;   }
a.on    {    font-weight: bold;    color: #DC143C;}
a:hover   {    text-decoration: none;}

/*  ------------------------------------------

/*  Disposition a l'ecran des blocs principaux

/*  ------------------------------------------ */

#page {margin: 0 auto 0 auto; padding: 0 0 0 0;
	text-align: left;
	width: 802px;	
	background: White;	
	background-image: url(images/fondgauche-200x2.jpg); 
	background-position: left;  
	background-repeat: repeat-y;
	border: solid #FFFFFF 1px;
}

#conteneur { margin: 0 ; padding: 0;
 background-position: right;
 background-repeat: no-repeat;
 float: left;
 }  /* Particularisme IE/PC */



#navigation {
	width: 200px;
	text-align: left;
	float: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #AEB2BB;
	}	

#conteneur2  { width: 580px; float: right; margin: 0 ; padding: 0; }

#contenu { width: 570px; float: left; margin: 0 ; padding: 0;}



#contenu h1, #conteneur h1  {font-size: 24px; 
font-weight: bold;  color: #666666; 
 text-align: left;  
 margin-top: 5px;  margin-bottom: 5px;  margin-left: 20px;  margin-right: 10px;
	background: transparent repeat-y;
	border-right: 2px  #999999;
	border-bottom: 2px  #999999;
	padding-top: 10px;
}

#contenu h2{font-size: 18px; font-weight: bold; text-indent: 0 px;}
#contenu .encart h2{font-size: 14px; font-weight: bold; text-indent: 0 px;}

#contenu p.chapo  a {color: #E8020C; font-size: 12px;	font-weight: bold; float: right;}
#contenu p.chapo a:hover {	text-decoration: underline;}





#portfolio {
margin-right: 20px;
	margin-left:20px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;

}





/*  theme couleur principale

---------------------------------------------- */

.color_titre-dk {color: #E8020C;  }
.color_titre-md {color: Gray;  }
.color_fond-dk  {background-color: Gray;  }
.color_fond-md  {background-color: #CCCCCC;  }
.color_fond-lt  {background-color: #DCDCDC;  }  

.titre_fond { background: url(images/ftitresmenu-200x30.jpg) repeat-y right;
  display: block; color: White;} 

.titre_fond h2,  h2.titre_fond { 
font-size: 12px;  font-weight: 700; padding-bottom: 3px; padding-top: 3px;
 text-align: center; background: url(images/ftitresmenu-200x30.jpg) repeat-y right; color: #666666;}
 
.titre_fond h3,  h3.titre_fond { 
font-size: 14px;  font-weight: bold; text-indent: 0px; 
background: url(images/ftitresmenu-200x30.jpg) repeat-y right;
 vertical-align: middle;  margin-bottom: 5px; margin-top: 0px;}
h3.titre_fond img {   vertical-align: middle;  padding-left: 10px;  padding-right: 10px;    }
  
  small a { float: right;  text-align: center; 	}
 .titre_menu {  color: White; font-weight: bold; margin-top: 10px; }


/*  Blocs du contenu (c-a-d. la colonne principale)

---------------------------------------------- */


#contenu .desc_site { 	background: #CCCCCC;	

background-image: url(images/fheader-600x400.jpg);
margin: 0px 0px 0px 0px;		
padding: 10px 10px 10px 10px;
font-weight: bold;	font-size: 11px;	line-height: 15px;
text-align: justify;}


#contenu .desc_site  h1  { color: #E8020C;	font-weight: bold;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;	}

#contenu .contre-encart { width: 380px; font-size: 12px; float: left;  margin-left: 10px;}

#edito {	margin-bottom: 5px;
	margin-left: 15px;
}

#actualite  small { font-size: 10px ;	color: Gray;	font-style: italic;
	display: block; clear: both;	float: right;	}

#actualite  small:before {	content: " >>>";	font-size: x-small;	color: Silver;}

#actualite  .texte { margin-top: 5px;	margin-bottom: 10px; font-size: 11px; 	 }
#actualite  .teasers { width:260px;  
margin-left: 0;  
margin-right: 20px;  float: left; 
 margin-top: 20px;
 margin-bottom: 20px;
 }

#contenu	#actualite  p.texte { font-size: 11px; 	 }

#actualite  img {	margin-right: 5px;	margin-left: 5px;	float: left;}

#contenu .contre-encart  img {margin-right: 5px;	margin-left: 5px;	float: left;}



.titre_edito img { float: left;  padding: 5px;   }

.titre_edito .titre_fond {  text-indent: 0px;}



.titre_article { font-size: 12px; color: Gray;  font-weight: bold;}

.titre_article a, .liste-article .titre_article a  {font-size: 12px;    color: #E8020C;    font-weight: bold; }
 

#actualite .teasers .titre_article  { margin: 10px; }	

.texte { color: #000000; 	margin: 10px;}	

.texte a { color: #E8020C; }	

h4 {	color: #333333;	 font-size: 12px; font-weight: bold;	

text-align: left; 	padding-bottom: 10px;	padding-top: 10px;	}

.flash { 	
 
float: right;
	margin-right: 0;
	padding-right: 0;
}


.encart { 	
width: 150px; 
float: right; 
margin-bottom: 1em;	
background: #CDD0D9;	
font-size: 10px;
border: 1px solid #666666;
 margin-top: 25px;
}


#navigation .encart { 	
float: right;
 margin-right: 23px;
  margin-top: 0px;
  margin-left: 23px;
  background: #ADB1BA;
  border: 1px solid #ffffff;
}



.liste_articles { 	background: #e0e2e9;}
.liste_articles li { list-style: none; }
.liste_articles h2.titre_fond {	font-size: 18px;}



#contenu .encart h3.titre_article {	font-size: 12px;	font-weight: bold;	color: #E8020C;}

#contenu .encart div h3 {	font-size:12px;	font-weight: bold;	}





/*  Entete et pied de page

---------------------------------------------- */



/* * Entete */

#entete {	width: 100%;	font-size: 12px;	background-color: White; }
#entete a img { border: 0px; float: left; }
#entete h1 {
	font-weight: bold;	font-size: 12px;
	margin: 0;	padding: 0;
	visibility: hidden;
}

.bandeau_haut{width: 100%;
background-image:url(images/fonds/fond-bandeau1.jpg);
}
.anim_bandeau{
height: 30px; background-color:#FFFFFF;
 float: right;
}





/* * Fil d'Ariane */

#hierarchie {
	margin-bottom: 5px;
	font-size: 10px;
	color: Gray;
	margin-left: 15px;
}


/* * Pied de page */

#pied { 
	clear: both;
	margin-top: 0;
	border-top: 2px solid #999999;
	padding: 2px;	
	text-align: center;	
	background: #708090;	color: #DCDCDC;
	font: 10px Arial, Helvetica, sans-serif;

}
#pied  a { 	color: #F5F5F5;
	font: 10px Arial, Helvetica, sans-serif;
}


/*  ------------------------------------------

/*  Habillage des menus et de navigation

/*  ------------------------------------------ */


#navigation div h3 { font-size: 12px; font-weight: bold; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */

.rubriques { background: transparent;  font-size: 12px; }
.rubriques .titre { background: transparent;   }



/*  Habillage commun des menus

---------------------------------------------- */

 .liste_articles, .breves, .syndic, .forums, .divers { 
 	text-align: left; 	border: 1px  #CCCCCC; 
	margin-bottom: 16px;		background: #C0C0C0;
	}

.titre,  .liste_articles.titre,  .breves .titre, .syndic .titre, .forums .titre, .divers .titre { 
	background: #e0e2e9 url(images/fondb3-200x100.jpg);
	color: #E8020C; font-size: 12 px;	font-weight: bold;
	text-align: left;}

 .breves p, .syndic p, .forums p, .divers p { margin: 2px 4px; }
 .breves ul, .syndic ul, .forums ul, .divers ul {display: block;	padding: 0px 0;  	padding: 3px;}
 .breves li, .syndic li, .forums li, .divers li, { list-style: none; 	padding-left: 0em;} 
 .spip li,.texte .spip ul li{ list-style: inside url(images/pucerouge-10x10.gif); 	padding-left: 5px;  margin-left: 5px; } 
 


#navigation .rubriques a.on {  
font-weight: bold;  
font-style: normal;
text-decoration: none; 
line-height: 28px; 
}
 

 #navigation .rubriques a:hover { color: #E0E2E9;  text-decoration: none;}
 .rubriques, .rubriques ul , .rubriques li  {display: block;  }

/* #D4D4D4 */ 
 #navigation .rubriques ul li { 
color: #FFFFFF;	
border-bottom-color:  Silver;
border-bottom-style: solid;  
border-bottom-width: 1px;  
border-top-color:  #F5F5F5 ;  
border-top-style: solid;   
border-top-width: 1px;	

}
 
#navigation .rubriques ul li a { 
color: White; 
font-weight: bold;
padding-left: 10px;
margin-left: 10px;
line-height: 28px; display: block; }



 #navigation .rubriques ul li ul li {
color: #F8F8FF;	
border-bottom-color:  Silver;
border-bottom-style: solid;  
border-bottom-width: 1px;  
border-top-color:  #F5F5F5 ;  
border-top-style: solid;   
border-top-width: 1px;	
font-size: 10px;
 list-style-type: none;
}
 #navigation .rubriques ul li ul li  a 
{color: #F8F8FF; 
  list-style-type: none;
  display: block; 
  padding-left: 20px;
 line-height: 18px;
}
.rubriques ul li ul li ul li  {	
font-size: 10px;
}


.rubriques ul li ul {border: 0px none; }
.rubriques ul li ul li ul {border: 0px none;	}




/*  ------------------------------------------

/*  Habillage du contenu

/*  ------------------------------------------ */



/*  Cartouche et titraille

---------------------------------------------- */

.cartouche {margin: 0px 5px 0px 5px;  }

.cartouche small { font-size: 10px;  text-align: right;  clear: both;  float: right;    }
.cartouche .titre { 	font-size: 12px; 	font-weight: bold; }
.cartouche img.spip_logos {	float: left;
	border: solid #999999 2px;
	border-spacing: 1px;
	margin: 10px;
}
.cartouche p { margin: 0px 5px 0px 5px;  padding: 0px 5px 0px 5px;  }
.cartouche .chapo {margin: 0px 5px 0px 5px;  padding: 0px 5px 0px 5px; }
.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions p { float: left; }
.cartouche .traductions li {	float: left;	margin-left: 1em; }



#contenu .surtitre { 
	font-size: 12px; 
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #E8020C;
	font-weight: bold;
	letter-spacing: 1px;	}

#contenu .soustitre {
	font: 600 10px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
}





/*  Mise en forme des textes du contenu

---------------------------------------------- */

.chapo { color: #666666;	
	margin-bottom: 0.5em;
	font: 600 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.chapo_rub {
	color: #666666;
	text-align: left;
	font: 600 12px Verdana, Arial, Helvetica, sans-serif;
	margin-left: 20px;
}

#id {
	
}



.lien {	background: #FAFAFA;
	margin: 1em;	margin-bottom: 1.5em;	padding: 8px;	border: 1px solid #CCCCCC;
	font-size: 12px;	font-weight: bold; }

.texte *{ font-size: 11px; }

hr.spip { border: 1px solid #CCCCCC;  }


.texteencadre-spip {
	border: 1px solid #CCCCCC;
	background-color: #F5F5F5;
	margin-left: 10%;	margin-right: 10%;	margin-top: 10px;	margin-bottom: 10px;
	padding: 5px;
	}

h4 {	color: #E8020C;	 font-size: 12px; font-weight: bold;	
text-align: left; 	padding-bottom: 10px;	padding-top: 10px;	}



.ps, .notes {	margin-top: 1.4em;	padding-top: 2px;	border-top: 2px solid #CCCCCC; }

.ps { font-size: 11px; }

.notes { clear: both; font-size: 11px; }



.ps h3, .notes h3 { font-size: 12px; font-weight: bold; }



/* * Citations */

q, blockquote { font-family: Georgia, Garamond, Times, serif; }

blockquote { 

	margin: 10px 20px; 

	padding: 0em 1em; 

	border: 1px dotted #CCCCCC; }





/*  Portfolio

---------------------------------------------- */

#documents_portfolio {	clear: both;	margin-top: 1.4em;	padding-top: 2px;

	border-top: 2px solid #CCCCCC;	padding-top: 1em; }

  

#document_actif { 	clear: both;	margin-top: 1em;	text-align: center; }

#document_actif img { margin: auto; }



/*  Listes de documents joints (a un article ou une rubrique)

---------------------------------------------- */

#documents_joints {

	margin-top: 1.4em;	padding-top: 2px;	border-top: 2px solid #CCCCCC;	font-size: 11px; }

#documents_joints h3 {

	margin-bottom: 10px; font-weight: bold; }

#documents_joints li { margin-bottom: 10px; }

#documents_joints li img.spip_logos {
	margin: 10px;
}

#documents_joints li .spip_doc_titre { text-align: left; }

#documents_joints li .spip_doc_descriptif {}





/* Listes d'articles et extraits introductifs

----------------------------------------------- */

.extrait { margin-bottom: 16px; padding-top: 0.3em; }

.extrait .titre a { 	font-size: 12px; 	font-weight: bold; }

.extrait img.spip_logos {	float: right;	clear: right;
	margin: 10px;
}

.extrait p { margin: 0; padding: 0; }

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

	

.extrait small { 	display: block; 	font-size: 10px;	text-align: right; }

	

.extrait .texte { 	margin-top: 5px;

	margin-bottom: 10px; 

	border: 1px solid #CCCCCC; 

	padding: 0.9em; 

	font-size: 11px; 

	line-height: 1em; }


.contexte {
	padding: 5px;
	font-size: 10px;
	text-align: center;
	color: #333333;
}

/*  ------------------------------------------

/*  Habillage specifique du plan du site

/*  ------------------------------------------ */



#contenu.plan {}



#contenu.plan h3 {	clear: both;

	background: #E0E2E9;

	border: 1px solid #CCCCCC;

	margin-bottom: 16px; 

	font-weight: bold; 

	text-align: left;
	color: #666666;
	padding-left: 30px;
	margin-right: 0;
}

	

#contenu.plan ul { 

	display: block; 

	clear: left; 

	margin-left: 10px; 

	margin-bottom: 16px;
	list-style: url(images/pucerouge-10x10.gif);
}

	

#contenu.plan li { list-style: square url(images/pucerouge-10x10.gif); }

#contenu.plan .encart ul, #contenu.plan .encart li { margin: 0; list-style: none; }



/*  ------------------------------------------

/*  Habillage des forums

/*  ------------------------------------------ */



#contenu .repondre {

	clear: both;

	margin-top: 2.5em;

	padding-top: 2px;

	border-top: 2px solid #CCCCCC;

	font-size: 0.88em;

	font-weight: bold; }



/* * Habillage des forums */



ul.forum { display: block; clear: both; margin: 0; padding: 0; }

.forum-fil { margin-top: 1.5em; }

.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }

.forum-chapo .forum-titre, .forum-chapo .forum-titre a:hover { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333333; }

.forum-chapo small {}

.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333333; font-size: 0.82em; }

.forum-texte .forum-lien {}

.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }



/* Boite d'un forum : eclaircissement progressif des bords */



ul .message { border: 1px solid Gray; margin: 0; padding: 0; margin-bottom: 1em; }

ul ul .message { border: 1px solid #A4A4A4; }

ul ul ul .message { border: 1px solid #B8B8B8; }

ul ul ul ul .message { border: 1px solid #CCCCCC; }

ul ul ul ul ul .message { border: 1px solid #E0E0E0; }

ul ul ul ul ul ul .message { border: 1px dashed #E0E0E0; }



/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */



ul .forum-chapo { border: 0; border-bottom: 1px dashed #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }

ul ul .forum-chapo { background: #D4E8E8; }

ul ul ul .forum-chapo { background: #E4F0F0; }

ul ul ul ul .forum-chapo { background: #F4F8F8; }

ul ul ul ul ul .forum-chapo { background: #FFFFFF; }



/*  ------------------------------------------

/*  Habillage des petitions

/*  ------------------------------------------ */



#signatures { clear: both; font-size: 12px; }



#signatures h3 {

	padding: 0.5em;

	text-align: center;

	font-size: 12px;

	font-weight: bold; }



#signatures table { width: 100%; margin: 1em 0; }

#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td {}



#signatures td.signature-date {

	background: #E4F0F0;

	padding: 0.5em;

	white-space: nowrap; }



#signatures td.signature-nom {

	background: #ECF4F4;

	padding: 0.2em;

	text-align: center;

	font-weight: bold; }



#signatures td.signature-message {

	background: #F4F8F8;

	padding: 0.4em;

	font-size: 0.96em; }



/*  ------------------------------------------

/*  Divers

/*  ------------------------------------------ */





h3 {font-weight: bold;	font-size: 14px;}

.invisible { position: absolute; top: -3000em; height: 1%; }

.nettoyeur { clear: both;  margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }

form, fieldset, legend, label, input, textarea, select, option   
{
    margin-top: 0pt;
    margin-bottom: 0pt;
   padding-top: 0pt;
    padding-bottom: 0pt;
    border-top-width: 0pt;
    border-right-width: 0pt;
    border-bottom-width: 0pt;
    border-left-width: 0pt;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: -moz-use-text-color;
    border-right-color: -moz-use-text-color;
    border-bottom-color: -moz-use-text-color;
    border-left-color: -moz-use-text-color;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	 
}

.forml  
{   width: 150px;
    background-color: #F5F5F5;
    color: #CC0033;
    font-size: x-small;
    border: 1px inset Silver;
    margin-left: 10px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.spip_puce { list-style-position: inside; border: 0;  padding-right: 5px;  padding-left: 5px;   }