/*  ********************************	*/



/* 		PALETTE UTILISEE		*/



/*	ROUGE	#990000			*/



/*	VERT		#003300			*/



/*	GRIS		#404040			*/



/* *********************************	*/







/* =======================================REGLAGES GENERAUX ====================================== */







html{font-size:100%;}







body{width:90%; font-family:Calibri, Arial, Sans; color:#404040; }







img{margin:0; border:none;}







em{color:#990000; font-style:normal; font-weight:bold;}







.clearfix:after { content:".";  display:block; height:0; clear:both; visibility:hidden; } 



.clearfix {display:inline-block;} 



/* Hides from IE-mac */ 



* html .clearfix {height:1%;} 



.clearfix {display:block;} 



 







/* ==================================== BANDEAU SUPERIEUR  ========================================= */







/*++++++++++++++++++++++++++++++++++++++++++++++++++ banniere ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.banniere{background:url("img/carrerouge.png") no-repeat; border-bottom:2px solid #990000; padding:0;}







/* -----------------------------carre rouge -----------------*/



#carre{float:left; background:#990000; width:100px;}







/* -------------------------------- logo ----------------------- */



#logo{float:left; padding-top:.3em; height:100px; margin-left:1em; margin-right:6em;}



#logo p{font-size:1.2em; font-weight:bold; padding-top:0; margin-top:0;}







/* -------------------------------- tabcontact ------------------  */



#tabcontact{float:left; margin:1em 0 0 3em; border-left:1px solid #404040; font-size:.9em;}



#tabcontact td.libelle{padding-left:2em;}



#tabcontact td.detail{padding-left:1em;}



#tabcontact td.detail a:link{color:#990000;}



#tabcontact td.detail a:visited, a:hover{ text-decoration:none; color:#003300;}







/* --------------------------------- titres ------------------- */







/*++++++++++++++++++++++++++++++++++++++++++++++++++ navigation ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */







/*  ------------------------------- accesrapide --------------- */







/*  ------------------------------- menu -----------------------  */











/* ==================================== CORPS DE PAGE  ========================================= */







/*++++++++++++++++++++++++++++++++++++++++++++++++++ global ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */



.global{width:90%; }



/* -------------------------------- gauche ----------------------- */







/* --------------------------------central  ----------------------- */



#central{margin-left: 6em; margin-right:6em; margin-top:3em;}



.acteur{font-weight:bold; margin-bottom:0;}



.cite{margin-top:0; margin-bottom:0;}



#source{font-size:.9em; font-style:italic;}



/* -------------------------------- droite  ----------------------- */















/* ==================================== PIED DE PAGE   ========================================= */