/*----- cadres --------------*/

body {
	background: #eeeeec;
	margin: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}
#page {
	text-align: left; /* Hack To Keep IE5 Windows Happy */
	border-right: 1px solid #a0a9a7;
	border-left: 1px solid #a0a9a7;
	border-bottom: 1px solid #a0a9a7;
	position: relative;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFF;
	
}
#bandeau {
	background: repeat-x url(images/toolbar_bg.png);
	position: relative;
	

}
#conteneur { width: 100%; }


/* espaceurs de blocs
------------------------- */
.invisible { position: absolute; top: -3000em; height: 1%; }
.nettoyeur { clear: both; margin: 0; padding: 0; border: 0; height: 0; line-height: 1px; font-size: 1px; overflow: hidden; }
#clear {
	/*position: relative;
	z-index: 99;
	margin-right: 700px;*/
	clear: both
}

#container {
width: 100%;
background: #FFF;
	
}

.contenu {
	margin: 10px;
}
.encart {
	float: right;
	width: 180px;
	margin-top: 1em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0.5em;
}
#margegauche
        {
	width:auto;
	height: auto;
	float: left;
	margin-left: 20%;
        }
      .colgauche
        {
	width:180px;
	height: auto;
	float: left;
	margin-left: 10px;
        }
		#flashcontent{}

      .coldroite
        {
	width:180px;
	_width:165px; /* bug ie 6 */
	float: right;
	position: relative;
	margin-right: 10px;
	_margin-left: 10px;
	
        }
		
		
.divers { background : #FFF; }
.divers a { color: #007F7F;  }
.divers .menu-titre {
	color: #FF9900;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding-bottom: 10px;
	padding-top: 5px;
}	

.divers .menu-titre-sstiret {
	color: #FF9900;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	
	padding-bottom: 10px;
	padding-top: 5px;
}	
	
.rubriques, .breves, .forums, .divers {
	font-size: 0.77em;
	
	
	margin: 3px 0 3px 0;
	/*border: 1px solid #CCC;
	min-width: 10em;
	-moz-border-radius: 0.5em;*/
}

.rubriques p, .breves p, .forums p, .divers p { margin: 0; padding: 0.2em 0.7em;  }
.rubriques ul, .breves ul, .forums ul, .divers ul { margin: 0; padding: 3px 3px 0.3em 3px ; }
.rubriques li, .breves li, .forums li, .divers li { padding: 0 0.7em; }	

       #colcentrale
        {
	/*border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;*/
	width: 470px;
	float: left;
	margin-left: 15px;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 120%;
	        }

	
#bas_page{
	font-size: 80%;
	text-align: center;
	width: 100%;
	clear: both;
}

/*------mise en page chemin ---------*/



#chemin{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	padding-left: 30px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	/*font-size: 100%;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background-color: #004A95;
	width: 100%;
	border-bottom-width: 1px;
	border-bottom-style: double;
	margin-top: 0px;
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 2px;*/
	font-size: 18px;
	font-weight: bold;
	padding-top: 20px;
}

#outilsarticle{
	float:left;
	text-align: center;
	font-size: 0.77em;
	/*-moz-border-radius: 0.5em;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0;
	background-color: #FFFFFF;
}

#outilsarticle * {display: inline;}
#outilsarticle img, #outilsarticlesondage img{
	border: none;
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	text-align: right;
}
#outilsarticle ul, #outilsarticlesondage ul{
	margin : 0 0 0 0;
	padding : 0 0 0 0;
	width: auto;
	text-align:right;
	float:right;
}
#outilsarticle li, #outilsarticlesondage li{
	margin : 0 0 0 7px;
	padding : 0 0 0 0;
	text-align:right;
}
		
/*------ Recherche-------------------*/

/* rollover bt police + et police - */
.textsizeup, .textsizedown, .textonly, .imprimer {
	cursor: pointer;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Formulaire de recherche */
.formulaire_recherche {
	
	text-align: left;
	float: left;
	/*background-image: url(image/loupe.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 35px;*/
	margin-bottom: 15px;
	padding-top: 20px;*/
}
.formulaire_recherche label { display: none; }

/*.formulaire_recherche label { background-image: url(image/loupe.jpg); }*/

.formulaire_recherche input{
	background-image: url(image/loupe.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
	
	}

/*.formulaire_recherche input
{
    background-image: url(http://style.dailymotion.com/images/icons/magnifier.png.v1183137044);
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://style.dailymotion.com/images/icons/magnifier.png', sizingMethod='crop');
    background-position: 1px 1px;
    background-repeat: no-repeat;
    padding-left: 20px;
    background-color: white;
    width: 140px;
}*/



/*  ------------------------------------------ */
/* Contenu bandeau gauche */	
/*------Agenda ----------------------*/



.Agenda{
	
	}


.Agenda .titre{
	font-size: 100%;
	color: #FF9900;
	padding-bottom: 5px;
	font-weight: bold;
	padding-top: 5px;
	background-color: #CCCCCC;
	text-align: center;
}

.Agenda .titrecorps{
	color: #333333;
	padding-top: 5px;
	text-align: center;
}

.Agenda .corps{
	color: #333333;
	padding-top: 5px;
	text-align: center;
}

.Agenda .date{
	
	color: #333333;
	padding-top: 5px;
	text-align: center;
}

a.agenda:link{font-family : Arial, helvetica; font-size : 11px; color :#666666; text-decoration: none;}
a.agenda:visited{font-family : Arial,helvetica; font-size : 11px; color :#666666; text-decoration: none;}
a.agenda:hover{font-family : Arial,helvetica; font-size : 11px; color : #730000; text-decoration: none;}
a.agenda:active{font-family : Arial,helvetica; font-size : 11px; color : #730000; text-decoration: none;}

/*------Date de dépots --------------*/
.Depots{
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
	padding-bottom: 10px;
	padding-right: 5px;
	padding-left: 5px;
}
.Depots .titre{
	color: #FFCC00;
	padding-bottom: 10px;
	font-weight: bold;
	text-indent: 10px;
	padding-top: 5px;
}
.Depots .date{
	font-size: 90%;
	text-align: center;
	color: #333333;
	font-weight: normal;
}
.Depots .corps{
	color: #0066CC;
	
	text-align: center;	
	margin-top: 5px;
}

.Depots a:link, .Depots a:visited, .Depots a:active {
font-family : Arial, helvetica;
	color :#0066CC;
	text-decoration: none;
	font-size: 100%;
}
.Depots a:hover {
font-family : Arial, helvetica;
	color : #0066FF;
	font-size: 100%;
	background-color: #CCCCCC;
}
.Depots .image{
	text-align: center;
	padding: 10px;}

/*------Rapport annuel --------------*/
.Rapport{
	/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
	
}
.Rapport .titre {
	font-size: 80%;
	color: #999999;
	padding-bottom: 10px;
	font-weight: bold;
	text-indent: 10px;
	padding-top: 5px;
	}
.Rapport .corps{
	font-size: 80%;
	font-weight: normal;
	color: #000066;
	text-indent: 15px;
	background-image: url(image/puce.gif);
	background-position: left;
	background-repeat: no-repeat;
	text-align: center;	
}

.Rapport a:link{
	font-family : Arial, helvetica;
	color :#000066;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
.Rapport a:visited{
	font-family : Arial, helvetica;
	color :#000066;
	text-decoration: none;
	font-size: 100%;
	font-weight: bold;
}
.Rapport a:hover{
	font-family : Arial, helvetica;
	color : #000066;
	font-size: 100%;
	text-decoration: underline;
}
.Rapport a:active{
	font-family : Arial, helvetica;
	text-decoration: none;
	color: #000066;font-size: 100%;
}

.Rapport .image{
	text-align: center;
	padding: 10px;}

/*--- archives ------------------------*/

.Archives{
/*border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;*/
	padding-bottom: 5px;}
	
.Archives .titre{
font-size: 80%;
	color: #999999;
	padding-bottom: 10px;
	font-weight: bold;
	text-indent: 10px;
	padding-top: 5px;}
.Archives .corps{
font-size: 80%;
	font-weight: normal;
	color: #000066;
	text-indent: 15px;
	background-image: url(image/puce.gif);
	background-position: left;
	background-repeat: no-repeat;
	padding-top: 5px;}
/*--- Mise en page colonne centrale -----*/


/*------mise en page articles--------*/

#article_cont {
	width: 98%;
	margin-bottom: 20px;
	clear: both;
	clip: rect(auto,auto,20px,auto);
}

#article_cont a:link{
	font-family : Arial, helvetica;
	color :#0066CC;
	text-decoration: none;
	font-size: 100%;
}
#article_cont a:visited{
	font-family : Arial, helvetica;
	color :#0066CC;
	text-decoration: none;
	font-size: 100%;
	
}
#article_cont a:hover{
	font-family : Arial, helvetica;
	color : #0066FF;
	font-size: 100%;
	background-color: #CCCCCC;
}
#article_cont a:active{
	font-family : Arial, helvetica;
	text-decoration: none;
	color: #33CCCC;font-size: 100%;
}



.article{
	width: 100%;
	font-size: 80%;
	text-align: justify;
	text-indent: 0px;
	vertical-align: top;
	margin-left: 5px;
}
.article .titre {
	font-size: 120%;
	font-weight: bold;
	color: #004A95;
	
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
}
.article .titre_article{
font-size: 100%;
	color: #004A95;
	
	margin-top: 15px;
	margin-right: 5px;
	margin-bottom: 15px;
}
.article .titre_article a:link,.article .titre_article a:visited {
	color: #004A95;
	text-decoration: none;
	font-weight: bold;
}
.article .titre_article a:hover {
	color: #004A95;
	text-decoration: none;
	background-color: #CCCCCC;
	font-weight: bold;

}



.article .image {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
	margin-left: 0px;
	margin-bottom: 5px;
	border-top: 1px solid #999999;
	border-right: none #999999;
	border-bottom: none #999999;
	border-left: 1px solid #999999;
	color: #FFFFFF;
}
.article .date {
	color: #666666;
	text-indent: 40px;
	font-weight: bold;
}

.article a:link{
	font-family : Arial, helvetica;
	color :#0066CC;
	text-decoration: none;
	font-size: 100%;
}
.article a:visited{
	font-family : Arial, helvetica;
	color :#0066CC;
	text-decoration: none;
	font-size: 100%;
	
}
.article a:hover{
	font-family : Arial, helvetica;
	color : #0066FF;
	font-size: 100%;
	background-color: #CCCCCC;
}
.article a:active{
	font-family : Arial, helvetica;
	text-decoration: none;
	color: #33CCCC;font-size: 100%;
}

.date{
	color: #999999;
	font-weight: bold;
	text-align: left;
}
a.spip_in { font-family : Arial, helvetica; font-size : 11px; color :#666666; text-decoration: none;}
a.spip_in :link{font-family : Arial, helvetica; font-size : 11px; color :#990000; text-decoration: none;}
a.spip_in :visited{font-family : Arial,helvetica; font-size : 11px; color :#6633FF; text-decoration: none;}
a.spip_in :hover{font-family : Arial, helvetica; font-size : 11px; color : #000099; text-decoration: none;}
a.spip_in :active{font-family : Arial,helvetica; font-size : 11px; color : #730000; text-decoration: none;}

a.spip_out{
	font-family : Arial, helvetica;
	font-size : 11px;
	color :#06C;
	text-decoration: none;
}
a.spip_out :link{
	font-family : Arial, helvetica;
	font-size : 11px;
	color :#03C;
	text-decoration: none;
}
a.spip_out :visited{
	font-family : Arial,helvetica;
	font-size : 11px;
	color :#06C;
	text-decoration: none;
}
a.spip_out :hover{
	font-family : Arial, helvetica;
	font-size : 11px;
	color : #06C;
	text-decoration: none;
}
a.spip_out :active{
	font-family : Arial,helvetica;
	font-size : 11px;
	color : #06C;
	text-decoration: none;
}


a.spip_url { font-family : Arial, helvetica; font-size : 11px; color :#666666; text-decoration: none;}


.commission_date {
	font-size: 90%;
	color: #FF9900;
	font-weight: bold;
	list-style-type: square;
	margin-left: 40px;
}

#bascontent {
	/*position: relative;
	z-index: 99;
	margin-right: 700px;*/
	clear: both
}


#footer {
	border-top: 1px solid #eeeeee;
	margin-top: 20px;
	color: #909090;
}


#footer p {
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	
}

#footer a:link, #footer a:visited {

}

#footer a:hover, #footer a:active {
}
/*  ----------------------------------------------------------- */
/*  pagination  */

/*  ----------------------------------------------------------- */
.on {
	font-size: 14px;
	color: #F00;
}
a.lien_pagination {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #06C;
	text-decoration: none;
}

#pagination{
	text-align: center;
	padding-bottom: 15px;	
}



/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes de Spip-contrib 2007  */
/*  reprises des styles de la dist et de spip.net 2007  */
/*  ----------------------------------------------------------- */

#topnav {
	text-align: right;
	padding: 4px 4px 4px 20px;
	margin-bottom: 4 px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #CCC;
}
#topnav a {padding: 4px 10px 5px 10px; font-weight: bold; color: #FFF;}
#topnav a:active, #topnav a:hover, #topnav a.on {text-decoration: underline; background-color: #54C3CF; }
#topnav * {display: inline;}

#topnav .formulaire_recherche label, #topnav .formulaire_recherche a { display: none; }
#topnav .formulaire_recherche { height: 14px; }
#topnav .formulaire_recherche input.forml {
	background: #FFF;
	padding: 1px 2px;
	border: 1px inset #68D055;
	font-size: 10px;
	color: #75507b;
	width: 130px;
}

/* Fil d'Ariane
------------------------- */
#hierarchie { clear: both; 
	margin: 0px 13em 0px 1em;
	padding-top : 0px; 
	border-top: 0px solid #339999;
	font-size: 0.77em; }

/* Pied de page
------------------------- */
#pied {
	clear: both;
	width: 100%;
	margin-top: 0px;
	border-top: 1px dotted #eeeeec;
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;	
	background-color: #E6E6E6;
}
#pied small { font-size: 0.77em; }
#pied a{
	color: #333333;
}
#pied img { vertical-align: bottom; }

/*  ------------------------------------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------------------------------------- */