body {
	background-color:#fff;
	font: normal 0.8em/normal Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	 
	text-decoration: none;
	min-width:800px;
	min-height:600px;
}
#logo_table
{
	width:995px;
	 margin:10px;
	 height:88px;
	 
}
#logo_table span
{
	display:block;
	float:left;
		
}
#logo_site
{
	position:relative;
	top:15px;
	left:2px;
	width:195px;
	height:54px;
	margin:2px 5px;
	 
}

#logo_site_banner
{
	position:relative;
	left:14px;
	top:1px;
	width:747px;
	height:88px;
	clear:right;
	float:right;
	margin:0px;
	background-image:url(../wwwimages/logo_banniere_06.jpg);
	background-repeat:no-repeat;
	background-position:right;
	 
}



/* message de haut de page, slide */
#ban_hoppy_slide
{
	width:960px;
	height:20px;
	margin:1px 20px;
	display:block;
	overflow:hidden;

}

#ban_hoppy_slide span
{
	display:block;
	float:left;
	height:20px;
	margin:0px;
	text-align:center;
	overflow:hidden;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
}
#ban_hoppy_slide_gauche
{
	width:20px;
	color:#eee;
}
#ban_hoppy_slide_alt_gaucheb
{
	width:50px;
 	
	color:#ccc;
}
#ban_hoppy_slide_alt_gauche
{
	position:relative;
	display:block;
	width:150px;
	background-color:#fff;
	position:relative;
	opacity:0.7;
	filter: alpha(opacity = 80);
	left:50px;
	color:#aaa;
	z-index:1;

}
#ban_hoppy_slide_centre a 
{
	
	text-decoration:none;
	
}
#ban_hoppy_slide_centre
{
 	position:relative;
	display:block;
	width:680px;
	left:-50px;
	background-color:#fff;
	color:#333;
	overflow:hidden;
	z-index:0;
}

#ban_hoppy_slide_centre a:hover 
{
	
	cursor:pointer;
	text-decoration:underline;
	
}

#ban_hoppy_slide_alt_droite
{
	position:relative;
	display:block;
	width:100px;
	background-color:#fff;
	position:relative;
	opacity:0.8;
	filter: alpha(opacity = 70);
	left:-150px;
	color:#aaa;
	z-index:2;
}
#ban_hoppy_slide_alt_droiteb
{
	width:50px;

	color:#ccc;
}
#ban_hoppy_slide_droite
{
width:20px;

color:#eee;
}

/* banniere contenant les widgets et fonctions annexes au dessus du redactionnel */
#ban_content_main
{
	display:table;
	width:972px;
	border-bottom: #fff 2px solid; 
	
}
/* contenu de la banniere wigets */
#ban_content_sub
{
	display:block;
 	/*background-image:url(../wwwimages/grille.gif);*/
	width:970px;
	
	height:28px;
	padding-top:3px;
}
#ban_content_sub span
{
	position:relative;
	display:block;
 	 
 
	margin:2px 0px 0px 0px;
	padding-top: 2px;
	float:left;
	height:auto;
	text-align:center;
}
/* wigets de la banniere  */
#ban_content_block_gauche
{
 
    width:360px;
    height:24px;
    overflow:visible;
top:-3px;
    color:#999;
   font: normal 0.8em/normal Verdana, Arial, Helvetica, sans-serif;
   font-weight:bold;
   left:3px;

}
 #ban_content_block_gauche input
{
	font: normal 0.95em/normal Verdana, Arial, Helvetica, sans-serif;
}
#ban_content_block_gauche span
{
	
	display:inline;
	padding:0px;
	margin:2px;
	text-align:center;
}

#ban_content_block_centre
{
 	width:360px;
}
#ban_content_block_centre a,
#ban_content_block_centre a:link,
#ban_content_block_centre a:visited,
#ban_content_block_centre a:active
{
	color: #0F6F41;
	text-decoration:underline;
}
#ban_content_block_centre a:hover
{
	color: #666;
	text-decoration:none;
}

#ban_content_block_droite
{
	display:table;
	 
	padding:2px 5px;
	left:10px;
	font-size:0.8em;
	color:#333;
	font-weight:bold;
	background-color:#fff;
	text-align:center;
	overflow:visible;
	   border: #7F9DB9 1px solid;
	font: normal 0.80em Verdana, Arial, Helvetica, sans-serif;
}

.ban_content_main_sub
{
	background-color:#4F95DA;
}
.uri_menu_color_annexe
{
	
	background-color:#A3C71F;
	color:#fff;
	
}
.uri_menu_color
{
		color:#fff;
	
}
/* redactionnel principal */
#content_table
{
margin:0px 5px 5px 8px ;
  width:980px;
height:468px;
 
}
#main_content 
{
	 
	width:972px;
 
	overflow:visible; 
	clear:both;
	background-color:#fff;
}
#ma_in_content span
{
	position:relative;
	display:block;
 	margin:2px;
	padding:2px;
	float:left;
	
}
#main_content_block_gauche span
{
	display:block;
	width:180px;
}
#main_content_block_gauche div
{
	 
	 display:block;
	 position:relative;
 	margin:0px 5px  0px 0px;
	padding:0px;
 
  
    top:-15px;
    width:190px;

    overflow:hidden;
    font-size:0.9em;
}

#main_content_block_gauche ul
{
margin:5px 0px 0px 0px;
}
#main_content_block_gauche ul, #main_content_block_gauche ul li
{
	display:block;
	clear:both;
	font-weight:bolder;
	
	list-style:none;
	cursor:pointer;
}
#main_content_block_gauche ul li
{
	overflow:visible;
	color:#fff;
}
#main_content_block_gauche ul li div a
{
	font: normal 0.98em Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	color:#fff;
	text-decoration:none;
	 top:3px;
	 left:4px;
	 
	 display:block;
	 position:relative;
	 width:160px;
	
	
}
#main_content_block_gauche ul li div a:hover
{
	font-weight:bolder;
	color:#fff;
	text-decoration:underline;
}
#main_content_block_gauche ul li ul li,  #main_content_block_gauche ul li ul li a
{
	font-weight:bold;
	font: normal 0.98em/normal Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	 color:#333;
	
	
}
#main_content_block_gauche ul li ul li a:hover
{
	text-decoration: underline;
	color:#f3e;
}
#main_content_block_gauche ul li div
{
	
	position:relative;
	display:block;
	top:-2px;
	width:160px;
	height:18px;
	float:left;
}
#main_content_block_gauche ul li span
{
	position:relative;
	display:block;
	width:22px;
	height:18px;
	top:-2px;
	float:right;
	clear:right;
	margin:0px 0px 0px 0px;
	background-image:url(../wwwimages/fleche_basse.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.menu_rubrique
{
	height:16px;
	width:160px;
	background-image:none;
	float:left;
	text-align:left;
	padding-top:4px;
	
	margin-bottom:10px;
	clear:both;
}
#main_content_block_gauche ul li ul
{
	margin:0px 0px 2px 18px;
 
}

#main_content_block_centre
{
 
	 display:table;
 	margin:2px;
	padding:4px;
 
	 
  
         clear:both;
	 
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	
}
#main_content_block_centre h3
{
 
	 
	clear:both;
	width:220px;
	display:block;
	margin: 5px 0px 10px 0px;
}
#main_content_block_centre h4, .block_texte_droite_image h4, .block_texte_gauche_image h4
{
	border-bottom:#ccc 2px solid;
	 
	 
	width:100%;
	height:18px;
	display:block;
	clear:both;
	margin: 2px 0px 10px 0px;
	color:#333;
	background-color:#fff;
	text-align:left;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	 
 
}
#main_content_block_centre h4 div 
{
	display:block;
	position:relative;
	 
	margin:3px 4px -10px 0px;
	background-color:transparent;
	float:left;
	clear:right;
	width:80%;
}

#main_content_block_centre h4 span
{	 
	display:block;
	float:left;
	position:relative;
	width:13px;
	height:12px;
	
	overflow:visible;
	top:2px;
	margin:4px 4px 0px 0px;
}
#main_content_block_centre li
{
	
	margin:5px;
	
}


.block_fond_image_vert
{	
	background-image:url(../wwwimages/phalempin_fond_vert.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:2px;
}

.block_fond_image_gris
{	
	background-image:url(../wwwimages/phalempin_fond_beige.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	/* padding:2px; */
}
.block_fond_image_orange
{	
	background-image:url(../wwwimages/phalempin_fond_orange.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding:2px;
}
.block_texte_droite_image h4 span, .block_texte_gauche_image h4 span
{
	margin:0px 10px 0px 0px;
}
#main_content_block_centre h3 span
{
	display:block;
	clear:left;
	float:left;
	width:15px;
	height:15px;
	margin:0px 10px 2px 0px;
}
#main_content_block_centre a, #main_content_block_centre a:visited
{
	cursor:pointer;
	text-decoration:none;
	color:#336;
	
}
#main_content_block_centre a:hover, #main_content_block_centre p a:hover
{
	color:#9aa;
	text-decoration:underline;
	
}
.texte_introduction 
{
	 
	font-weight:bold;
	 
	padding:2px;
}


.block_texte_mosaique_image img
{

	display:block;
	width:170px;
	

	color:#fff;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	 
}

.block_texte_mosaique_image
{

	display:block;
	width:170px;
	float:left;
	margin:0px 5px;
	color:#fff;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	 
}

.block_texte_mosaique_colle_image
{

	display:block;
	width:170px;

	margin:0px 0px 0px 0px;
	color:#fff;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	 
}


.block_texte_droite_image
{
	display:block;
	float:left;
	width:auto;
	margin:2px 10px 10px 2px;
	color:#fff;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
	 
}



.block_texte_gauche_image
{
	display:block;
	  
	float:right;
	width:auto;
	margin:2px 2px 10px 10px;
	color:#fff;
	font: normal 0.9em/normal Verdana, Arial, Helvetica, sans-serif;
}

#main_content_block_droite 
{
	position:relative;
	display:block;
	padding:0px;
	top:-15px;
        width:190px;
	height:100%;
	  
	margin:0px 0px 0px 0px;

 
        
	 
}
#main_content_block_droite img
{
 
	display:block;
	position:relative;
	clear:both;
	float:none;
	left:2px;
}
#main_content_block_droite input, #main_content_block_droite select
{
	border:#7F9DB9 1px solid;	
	font: normal 0.8em/normal Verdana, Arial, Helvetica, sans-serif;
	
	
}
#main_content_block_droite p
{
 
	display:block;
	position:relative;
	clear:both;
	left:5px;
	width:175px;
	font: normal 0.8em/normal Verdana, Arial, Helvetica, sans-serif;
}
#main_content_block_droite p a
{
	clear:both;
	margin:2px;
	text-decoration:none;
	color:#666;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
}

#main_content_block_droite p a:hover
{
	color:#ddd;
	font-weight:bolder;
	text-decoration:underline;
	cursor:pointer;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
}

#chemin_navigation
{
	display:block;
	float:left;
	position:relative;
	top:3px;
	left:3px;
	height:20px;
	width:390px;
		 font-weight:bold;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	clear:left;
	color:#fff;
	text-decoration:none;
}
#chemin_navigation a
{

	margin:2px;
	padding:2px;
	 color:#fff;
	 font-weight:bold;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size:10px;
	text-decoration:none;
	
}
#chemin_navigation a:hover
{
	color:#aaa;
	text-decoration:underline;
	cursor:pointer;
}


#police_loupe
{
	display:block;
	float:right;
	clear:right;
	width:80px;
	height:18px;
	margin:0px 2px;
	
}
#police_loupe span
{
	display:block;
	float:left;
	height:18px;
	width:20px;
	border:#999 1px solid;
	cursor:pointer;
}
#police_loupe span div {
	text-align:center;
	background-color:#fff;
	color:#333;
	
}
#police_loupe span:hover
{
text-decoration:underline;
background-color:#FFCC00;
}
.loupepolicenormale
{

	font-size:0.7em;
	
}
.loupepoliceintermediaire
{
	font-size:0.8em;
	margin: 0px 5px;
	 

}
.loupepolicegrande
{
	font-size:0.85em;
	font-weight:bold;
	 
}
.loupepolicenormale div
{
	position:relative;
	top:3px;
	left:3px;
	width:12px;
	height:12px;
	text-align:center;
	
}
.loupepoliceintermediaire div
{
	position:relative;
	top:3px;
	left:3px;
	width:12px;
	height:12px;
	text-align:center;
	
}
.loupepolicegrande div
{
	position:relative;
	top:3px;
	left:3px;
	width:12px;
	height:12px;
	clear:right;
	 
}
/* ******************* */

#sign_content, #sign_content a
{
	
	min-width:928px;
	min-height:40px;
	margin:5px 0px;
	clear:both;
	color:#333;
	font: normal 0.95em/normal Verdana, Arial, Helvetica, sans-serif;
}
#sign_content_top a
{
font-weight:bold;

}
#sign_content div 
{
	text-align:center;

}
#sign_content_middle 
{
	display:block;
	font-weight:bold;
	text-decoration:none;
	margin:5px;
	color:#333;
	font: normal 0.95em/normal Verdana, Arial, Helvetica, sans-serif;

	
}

#sign_content_bottom a , #sign_content_middle a
{
 
	text-decoration:none;
	margin:5px;
	color:#333;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	
}


#sign_content_bottom{
	
	margin:5px 5px 10px 5px;
	font-weight:bold;
	color:#333;
	font: normal 0.95em/normal Verdana, Arial, Helvetica, sans-serif;
	
}
#sign_content_bottom a:hover, #sign_content_middle a:hover ,#sign_content a:hover
{
	
	color:#000;
	text-decoration:underline;
		font-weight:bold;
}
#short_newsletter
{
		

}
.form_input{
	
	
	color:#666;
	font-weight:bold;
	margin:5px;
	font: normal 0.80em/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.form_input textarea
{
	
	border:#7F9DB9 1px solid;		

}
div.cadre
{
	padding:5px;
	position:relative;
	display:block;
	left:5px;
	width:540px;
	margin:5px;
	border: #ccc 1px solid;
	padding:2px;
	/*background-color: #F1EEE9;*/
	background-image:url(../wwwimages/phalempin_fond_beige.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
}

div #Envoyer
{
	border: #666 1px solid;
	color:#999;
	background-color:transparent;
	
}
div.form_input
{
	 
    width:480px;
    text-align:center;
    color:#7CA03E;
    font-weight:bold;
}
div.form_input   span
{
    display:block;
    position:relative;
    width:80px;
    float:left;
    
}
.form_input span, .form_input select
{
	
	color:#666;

}
div.form_input   input
{
	width:200px;
	clear:right;
	color:#7CA03E;

}

.contenu_grande_image
{
	display:block;
	height:210px;
	 
	 
}
.contenu_moyenne_image
{
	display:block;
	height:140px;
	 
 
}
.contenu_petite_image
{
	display:block;
	height:115px;
	 
	 
}
.contenu_mosaique_image
{
	display:block;
	height:120px;
	width:170px;
}


.contenu_grande_image div, .contenu_petite_image div, .contenu_moyenne_image div
{
	width:240px;
	background-color:#ccc;
	clear:none;
	display:block;
	padding:2px;
}
.titre_image_gauche 
{
	display:block;
	clear:both;
	 float:right;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	width:190px;
	color:#eee;
	 
	text-align:justify;

}

.titre_image_gauche span
{
	display:block;
	overflow:visible;
	padding:1px;
	float:left;
	clear:right;
	left:0px;
	height:16px;
	width:20px;
	margin:5px 4px 5px 0px;
	background-color:#A3C71F;
	font: normal 0.80em/normal Verdana, Arial, Helvetica, sans-serif;
	
}
.titre_image_gauche div
{
	display:block;
	overflow:visible;
	padding:1px;
	float:right;
	 
	clear:right;
	height:16px;
	width:160px;
	margin:5px 0px 5px 1px;
	background-color:#A3C71F;
	font: normal 0.80em/normal Verdana, Arial, Helvetica, sans-serif;
	
}

.titre_image_gauche div a
{
	display:block;
	margin:2px 0px 0px 5px;
	text-decoration:none;
	color:#fff;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
}
.titre_image_gauche span a:hover
{
	color:#aee;
	text-decoration:underline;
	cursor:pointer;
}




.list_telechargement
{
	display:table;
	margin:5px 0px ;
	overflow:visible;
	clear:both;
	padding:2px;
	width:550px;
        background-color:#EAE6DD;
}

.list_telechargement a:hover
{
	color:#9aa;
	text-decoration:underline;
	cursor:pointer;
}
.list_telechargement img
{
	background-color:#9aa;
	display:block;
	clear:both;
	height:15px;
	width:12px;
	 
	
}
.list_telechargement h4
{
	
	position:relative;
	display:block;
	left:-2px;
	top:-5px;
	padding:2px;
	
}


.list_telechargement h4 div
{
	
	margin: 0px 0px 0px 20px;
	
}
.list_telechargement ul
{
	display:table;
	position:relative;
	left:20px;
	overflow:visible;
	margin:5px 2px 2px 2px;
}
.list_telechargement ul li
{

	display:table;
	 overflow:visible;
	clear:both;
	width:485px;
	 
	list-style-image:url(../wwwimages/fleche_droite_verte.gif);
	 
	
}
 
.list_telechargement ul li ul li
{
	 display:block;
	width:450px;
 
	 
}
.list_telechargement ul li ul li ul li
{
	 display:block;
	width:420px;
 
	 
}

.list_telechargement ul li div
{
	display:block;
	float:left;
	width:250px;
	clear:left;
	 
	 

}
.list_telechargement ul li span
{
	display:block;
	 
	 
	float:right;
	width:130px;
	 clear:right;
	margin:5px 10px;
 
	overflow:visible;
	 

}
.list_telechargement ul li span span
{
	display:block;
	 width:60px;
	margin:0px;
	float:left;
	overflow:visible;
	 

}



.list_adresse_numero
{
	display:table;
	overflow:visible;
	margin:10px 0px;
}

.list_adresse_numero h4 div
{
	
	margin: 0px 0px 0px 5px;
	
}
.list_adresse_numero ul
{
	display:block;
	overflow:visible;
	position:relative;
	left:5px;
	
}
.list_adresse_numero ul li
{
	display:table;
	
	clear:both;
	 width:510px;
	 overflow:visible;
	 margin: 10px 0px 10px 5px;
	list-style:none;
	
}
.list_adresse_numero ul li div , .list_adresse_numero ul li span {
	 
	 display:block;
	overflow:visible;
}
 
.list_adresse_numero ul li  #adresse
{

	float:left;
	display:table;
	 
	width:170px;


}

.list_adresse_numero ul li div
{
	display:block;
	float:left;
	width:210px;
	font-weight:bold;
	font-size:0.9em;
 
}
#adresse
{

	display:table;
	overflow:visible;
	float:left;
	width:170px;
	font-size:0.8em;
 
}

#telephone
{
	display:block;
	 
	float:left;
	width:120px;
	  overflow:visible;
	font-size:0.8em;
	text-align:right;
}


#telephone span
{
	
	display:inline;
	 float:right;
	text-align:left;
	margin:2px ;
 
	 
	
}

#contact_ema_il
{
	display:block;
	float:right;
	clear:both;
	background-color:#ff0;
	width:150px;
}

.ensavoirplus , #contact_email
{
	clear:both;	
	
	overflow:visible;
	margin:5px;
	background-image:none;
	background-color:transparent;

}
.ensavoirplus  div, #contact_email div
{
	color:#666; 
	width:120px;
	 
	float:right;
	text-align:center;
	padding:2px;
	text-decoration:none;
	background-image:none;
	
	overflow:visible;
	

}



.ensavoirplus_centre 
{
	clear:both;	
	 
	overflow:visible;
	margin:5px;
	background-image:none;
	background-color:transparent;

}
.ensavoirplus_centre div 
{
	
	color:#666;
	display:block;
	position:relative;
	width:120px;
	height:20px;
	left:40%;
	float:none;
	text-align:center;
	padding:2px;
	text-decoration:none;
	background-image:none;
	overflow:visible;
	
	
}
.ensavoirplus_gauche
{
	clear:both;	
	 
	overflow:visible;
	margin:5px;
	background-image:none;
	background-color:transparent;

}

.ensavoirplus_gauche  div
{
	
	color:#666; 
	width:120px;
	height:20px;
	float:left;
	text-align:left;
	padding:2px;
	text-decoration:none;
	background-image:none;
	overflow:visible;
	
}
.ensavoirplus  div img , #contact_email div img
{
 

}
.ensavoirplus  a , .ensavoirplus_centre a , .ensavoirplus_gauche a
{
	color:#666;
	text-align:right;
	
	clear:both;
	text-decoration:none;
	background-image:none;
	background-color:transparent;

}


 .ensavoirplus_centre a  
{
	color:#666;
	text-align:center;
	
	clear:both;
	text-decoration:none;
	background-image:none;
	background-color:transparent;

}
 .ensavoirplus_gauche a
{
	color:#666;
	text-align:left;
	
	clear:both;
	text-decoration:none;
	background-image:none;
	background-color:transparent;

}




.ensavoirplus div span, .ensavoirplus_centre div span , .ensavoirplus_gauche div span
{
	display:block;
	float:left;
	width:20px;
	height:10px;
	margin:2px;
	background-image:url(../wwwimages/fleche.gif);
	background-position:center;
	background-repeat:no-repeat;
	
}


td.info_bulle div 
{
	display          : block;
	font: normal 1.0em/normal Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	background-color:#fff;
} 

td.info_bulle
{
	
	width:70px;
	overflow:hidden;
	border:#7F9DB9 1px solid;
}
td.info_bulle div
{
	
	width:70px;
	overflow:hidden;
	margin: 2px 0px;
	padding:2px;
	background-color:#eee;
}

td.info_bulle a:hover span
{
	display        :  none;    
	position       :  absolute; 
	background     : #AAEFA0;  
	border         : 1px solid #FFC505;
 
	width:100px;
	height:20px;
	z-index:2;
	overflow:visible;
	border: 0;
}
#date td a:hover{
	
	background-color:#AAEFA0;
	
}

#tableau_pastille td
{
 
	width:20px;
	height:16px;
	background-color:#FFFFFF;
	text-align:center;
	
}
#tableau_pastille td:hover
{
	background-color:#FFFFFF;
}