html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */



body { font-size: 0.8125em; font-family: Arial, Helvetica, sans-serif; color:#FDFED4; }







/* Titraille / Intertitres */



h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }



h1 { font-size: 1.70em; color: #F24F23; }



h2 { font-size: 1.40em; font-weight: normal; }



h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #FDFED4; }



h3 {

	font-size: 1.2em;

	font-weight: bold;

	color: #FFFFFF;

	height: auto;

	padding-top: 0.1em;

	padding-bottom: 0.1em;

	padding-left: 1em;



}



h3.spip {} /* Cf.: spip_style.css */



hr.spip {} /* Cf.: spip_style.css */



li {

	list-style-type: none;

	padding-top: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

	margin-left: 0px;

}









/* Autres enrichissements typo */



strong { font-weight: bold; }



em { font-style: italic; }



abbr, acronym { border-bottom: 1px dotted; cursor: help; }



small { font-size: 0.9em; color: #000; }



dfn { font-weight: bold; color: #666; }



del { text-decoration: line-through; }



ins { color: red !important; text-decoration: none; }



sup, sub { font-size: .8em; font-variant: normal; }







/* Listes */



ul.spip {} /* Cf.: spip_style.css */



ol.spip {} /* Cf.: spip_style.css */



dl {}



dt {}



dd {}







/* Citations, code et poesie */



cite {}



q {}



blockquote {}



blockquote.spip {} /* Cf.: spip_style.css */



blockquote.spip_poesie {} /* Cf.: spip_style.css */



.spip_code {} /* Cf.: spip_style.css */



.spip_cadre {} /* Cf.: spip_style.css */



address {}







/* Tableaux */



table.spip {} /* Cf.: spip_style.css */







/* Logos, documents et images */



img { margin: 0; padding: 0; border: 0; }



.spip_logos {} /* Cf.: spip_style.css */



.spip_documents {} /* Cf.: spip_style.css */



.spip_documents_center {} /* Cf.: spip_style.css */



.spip_documents_left {} /* Cf.: spip_style.css */



.spip_documents_right {} /* Cf.: spip_style.css */



.spip_doc_titre {} /* Cf.: spip_style.css */



.spip_doc_descriptif {} /* Cf.: spip_style.css */



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



/* Disposition a l'ecran des blocs principaux



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



body { background: #4B4529; margin: 0; padding: 0; text-align: justify; }







#page {width:900px;margin:0 auto;color: #013300;background: #EBE6D2;}







#entete {



	margin: 0;



	/*overflow: hidden;*/


	height: auto;



	background: #EBE6D2 url(images/accesBleu2.jpg) repeat-x;



}



/*#entete a.accueil { display: block; }*/



/*#entete a.accueil img.spip_logos {


}*/







#entete .formulaire_menu_lang { position: absolute;padding-right: 0; right: 30em; top: 0.3em; width: 10%; } /*Cf.: spip_formulaires.css*/



#conteneurphotos {float:left;width:400px}

/*pour positionner texte à gauche de la grande photo à la page d'accueil*/

#contenusom {

width:102%;

padding-top: 0.1em;

padding-left: 2em;

padding-right:0em;

}

#contenusom h3{

	float: left;

	width:97%;

	text-align:justify;



}







/*pour positionner photo à la page d'accueil*/



#navigationphotos {



	float:right;



	color: #003300;



	width:400px;



	padding-top: 3.2em;



	padding-right: 0.6em;

}









#conteneur { clear: both; float:right;width:66%; overflow: hidden; }

#contenu {

	padding-top: 0.3em;

	padding-right: 1em;

	padding-left: 1px;

}



#navigation {

	float:left;

	width:33%;

	background: #C7BF9C;

	margin-top: 1em;

	overflow: hidden;

	color: #FFFFFF;

}

#navigation li{

	list-style-type: none;

}



#navigation li a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1em;
	text-align: left;

}



#navigation li a:hover{

	text-decoration: underline;

}



#extra { float: right; clear: right; width: 33%; margin-top: 1em; overflow: hidden; }



/* Espaceur de blocs */



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







/* Non visible a l'ecran */



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











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



/* Habillage des elements du contenu



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















.cartouche { margin-bottom: 2em; }



.cartouche .spip_logos { float: right; margin-left: 16px; margin-bottom: 4px; }



.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche h1 { color:#A8C400;}


.surtitre, .soustitre { font-size: 0.90em; color: #666; text-transform: uppercase; letter-spacing: 0.10em; }



.cartouche .surtitre { margin-bottom: 0.30em; }



.cartouche .soustitre { margin-top: 0.50em; margin-bottom: 0.30em; }



.cartouche .traductions { font-size: 0.90em; }

#contenusom.cartouche h3 {

	font-size: 1em;

	text-transform: uppercase;

	color: #FFFFFF;

	width: 33%;

}

#contenu.cartouche h3 {

	font-size: 1em;

	text-transform: uppercase;

	color: #FFFFFF;

	width: 50%;

	line-height: 25px;

}







.chapo { margin-bottom: 1.50em; line-height: 1.40em; font-weight: bold; color: #669; }



.texte {



	line-height: 1.60em;



	list-style-image: url(puce.png);



}



.hyperlien { display: block; background: #EEE; padding: 0.50em 1em; font-weight: bold; color: #8B6F92; }



.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }



.notes { clear: both; font-size: 0.90em; }







abbr.published { border: 0; }







/* Portfolio */



#documents_portfolio { clear: both; margin: 2em auto; text-align: center; }



#documents_portfolio .spip_logos { margin: 6px 3px 0 3px; border: 4px solid #DDD; }



#documents_portfolio a.on .spip_logos { border-color: #F57900; }



#documents_portfolio a:focus .spip_logos,



#documents_portfolio a:hover .spip_logos,



#documents_portfolio a:active .spip_logos { border-color: #8B6F92; }











/* Habillage des forums



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



.repondre { clear: both; margin-top: 2.50em; margin-right: 1em; text-align: right; font-weight: bold; }







/* Habillage des forums: sur le site de Dominique, correspond à la page d'accueil, le bloc(texte+phot) du bas à gauche */



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



ul.forum, ul.forum ul { list-style: none; }



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



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



.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; color: #333; }



.forum-texte { margin: 0; padding: 0.50em 1em; color: #333; }



.forum-texte .hyperlien {}



.forum-texte .repondre { margin: 0; padding: 0.10em 0; text-align: right; }







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



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



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



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



ul ul ul ul .forum-message { border: 1px solid #CCC; }



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



ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }







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



ul .forum-chapo { border: 0; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; background: #C4E0E0; }



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



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



ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }



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



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



/* Sous-navigation et autres menus



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







/* Habillage general des menus de navigation */



.menu { clear: both; margin-bottom: 2em; text-align: left; }



.menu p { margin: 0.20em 0; padding: 0.20em 0.10em;  text-align: justify;}



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



.menu ul li { margin: 0.20em 0; padding: 0.20em; }



.menu ul li ul { margin-left: 1em; border: 0; }



.menu ul li li { padding: 0; border: 0; }







/* Pagination */



.pagination { clear: both; text-align: right; font-size: 0.90em; color: #666; }



.pagination .on { font-weight: bold; color: #666; }







/* Rubriques et menu horizontal sous le bandeau des 3 photos */



.rubriques ul {



	border: 0;



	margin-top: 10px;



	margin-left: 60px;







}



.rubriques ul li {



	display: inline;



	margin-right: 1px;



}



.rubriques ul li a{



	padding: 7px 20px;



	color: #fff;



	font: /*font-weight: bold;*/normal 1em/1em "Trebuchet MS", Arial, sans-serif;



	text-align: center;



	text-decoration: none;



	-moz-border-radius : 5px 5px 5px 5px; 







}



.rubriques ul li a:hover, #navigation li a:focus, #navigation li a:active {



	



	text-decoration: underline ;



	}







.formulaire_recherche { margin-bottom: 2em; } /*Cf.: spip_formulaires.css*/







/* Listes d'articles et extraits introductifs */



.articles ul li { clear: both; padding: 0.40em 0.20em; }



.articles ul li h3 {

	margin: 0.3em 0;

	padding-left: 10px;

	width: 325px;

	vertical-align: middle;

	line-height: 25px;

	color: #FFFFFF;



}



.articles ul li h3 a{



	color: #FFFFFF;



}



.articles .spip_logos { float: right; clear: right; margin: 0 0 4px 16px; }



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



.articles ul li .introduction {



	margin-top: 0.30em;



	line-height: 1.40em;



	text-align: justify;



}

.articles ul li .introduction a{

	

	color: #0F73B1;

}











/* Couleurs des liens



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



a { color: #0F73B1; text-decoration: none; }



a:focus,a:hover,a:active {text-decoration: underline; }







/* le Menu le plus haut dans la page

---------------------------------------------- */
#acces{height:32px;background: #EBE6D2 url(images/accesBleu2.jpg) repeat-x;}
#acces ul {
	margin-top:0px;
	margin-left:-40px;
	!margin-left:0px;
	text-align: left;
}

#acces li {
	display: inline;
	padding-right: 15px;
}



 #acces li a{



	font-size: 1em;



	color: #FFF;



	text-decoration: none;



	font-weight: bold;
	vertical-align: middle;


}

#acces li a:hover{

	text-decoration: underline;
}







/* Pied de page */



#pied {



	clear: both;



	width: 100%; 



	margin-top: 1em;



	background: #C7BF9C;



	border-top: 5px solid #0F73B1;



	text-align: center; }







#pied .forums, #pied .syndic { 



	float: left;



	width: 45%;



	margin-top:1.5em;



	text-align:justify;



	font-size: 1em;



	color: #000; }

#pied .forums{margin-left: 2.3em;

	margin-right:1.15em;

}

#pied .syndic {margin-left: 1.15em;

	margin-right:2.3em;}



#pied .forums ul, #pied .syndic ul { list-style: none; padding: 0; margin: 0; }



#pied .forums ul li, #pied .syndic ul li { border-bottom: 1px dotted #6e6e6e; padding: 0.4em 0; }



#pied .forums a, #pied .syndic a { color: #fff; }



#pied .forums a:hover, #pied .syndic a:hover { text-decoration: underline; }



#pied .syndic em { font-style: normal; }



#pied .syndic em a{ color: #fff; }

#pied .syndic em a:hover{ text-decoration: underline; }







#pied .forums h3, #pied .syndic h3{

	font-size: 1.2em;

	font-weight: bold;

	color: #FFFFFF;

	height: auto;

	padding-top: 0.1em;

	padding-bottom: 0.1em;

	padding-right:1em;

	padding-left:1em;

	

}



	



#pied .credit{



	clear: both;



	width: 100%;



}



#pied .credit li {



	padding: 1em 0;



	display: inline;



}



#pied a {

	color: #fff;

	font-weight: bold;

}



#pied a:hover { text-decoration: underline; }



#pied img { vertical-align: bottom; margin-right: 5px; }



#pied hr{ clear: both; visibility: hidden; }

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

/*   menu vertical colonne de gauche

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

#menu {

	font:  /*font-weight: bold;*/normal 1em/1em "Trebuchet MS", Arial, sans-serif;

	margin: 0px;

	padding: 5px;



}

.open {

	display: block;

	padding-top: 0px;

	padding-bottom: 10px;

	/*font-weight: bold;*/

}

.closed {

	display: none;

}

li .actif {

	/*font-weight: bold;*/

	color: #C59E67;

}

.artracine {

	margin-bottom: 3px;

	padding-left: 6px;

	border-left-width: 2px;

	border-left-style: solid;

	border-color: #4B4529;

	/*font-weight: bold;*/

	color: #FFF;

}

#postes_offerts #conteneur{
	float:left;
	width:80%;
	min-height:390px;
	padding-left: 10.5%;
}
#minpage #conteneur{min-height:390px;}



#postes_offerts h3{
	text-align:left;
	font-weight: bold;
	width: 88%;
	margin-left: 5%;
	
}

#postes_offerts h4{
	margin-left:0.5em;
	padding-left:2em;

}



#postes_offerts .blocs_destination{
	padding-left: 5%;;
}


div.cs_bloc2 h4.blocs_titre{
	position: relative;
	left: -32px;}
	
div.cs_bloc2 h4.blocs_titre a, div.cs_bloc2 h4.blocs_replie a {
	color: #333333;
	padding-bottom: 50px;
	
}
div.cs_bloc2 .blocs_destination{
	position: relative;
	color: #0F73B1;
	margin-left: -30px;


}