@charset "utf-8";
/* CSS Document */

body{
	text-align:center;
    background-color:#FFFFFF;
    margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
/************************************************** Style header ******************************************************/
div#header{
	text-align:center;
	padding:0;
	margin:0;
}

div#deco_accueil,div#deco_active,div#deco_pratique,div#deco_vivante{
	width:100%;
	height:4px;
	margin:0;
	padding:0;
	overflow:hidden;
}
div#deco_accueil{
	background-color:#5F172D;
}
div#deco_active{
	background-color:#b7295a;
}
div#deco_pratique{
	background-color:#96172e;
}
div#deco_vivante{
	background-color:#aa1948;
}
/************************************************** Style Menu ******************************************************/

div#menu{
	text-align:center;
	width:925px;
	height:188px;
	margin:0;
	padding:0;
	background-color:#FFF;
}

html>body div#menu{
	width:920px;
}

div#masque{
	position:relative;
	height:188px;
	width:10px;
	right:14px;
	background-color:#FFF;
}

html>body div#masque{
	right:10px;
	margin:0 0 0 910px;
}

/******************************************** Menu alternatif ************************************************************/

div#banniere{
	width:100%;
	height:188px;
	background:white;
}

div#menu-alternatif{
	height:30px;
	z-index:40;
}

/*Gestion des couleurs*/

li#menu-accueil{
	background-color:#5f172d;
}

div#menu-alternatif ul li#menu-accueil ul{
	border-left:1px solid #5f172d;
	border-right:1px solid #5f172d;
	border-bottom:1px solid #5f172d;
}

div#menu-alternatif ul li#menu-accueil ul li ul{
	border-top:1px solid #5f172d;
}

div#menu-alternatif ul li#menu-accueil ul li a{
	color:#5f172d;
}

div#menu-alternatif ul li#menu-accueil ul li a:hover{
	background-color:#dfd1d5;
}

li#menu-pratique{
	background-color:#95172d;
}

div#menu-alternatif ul li#menu-pratique ul{
	border-left:1px solid #95172d;
	border-right:1px solid #95172d;
	border-bottom:1px solid #95172d;
}

div#menu-alternatif ul li#menu-pratique ul li ul{
	border-top:1px solid #95172d;
}

div#menu-alternatif ul li#menu-pratique ul li a{
	color:#95172d;
}

div#menu-alternatif ul li#menu-pratique ul li a:hover{
	background-color:#ead1d5;
}

li#menu-vivante{
	background-color:#ab1948;
}

div#menu-alternatif ul li#menu-vivante ul{
	border-left:1px solid #ab1948;
	border-right:1px solid #ab1948;
	border-bottom:1px solid #ab1948;
}

div#menu-alternatif ul li#menu-vivante ul li ul{
	border-top:1px solid #ab1948;
}

div#menu-alternatif ul li#menu-vivante ul li a{
	color:#ab1948;
}

div#menu-alternatif ul li#menu-vivante ul li a:hover{
	background-color:#eed1da;
}


li#menu-active{
	background-color:#b72959;
}

div#menu-alternatif ul li#menu-active ul{
	border-left:1px solid #b72959;
	border-right:1px solid #b72959;
	border-bottom:1px solid #b72959;
}

div#menu-alternatif ul li#menu-active ul li ul{
	border-top:1px solid #b72959;
}

div#menu-alternatif ul li#menu-active ul li a{
	color:#b72959;
}

div#menu-alternatif ul li#menu-active ul li a:hover{
	background-color:#f1d4de;
}


/******************************************** Menu alternatif Niveau 1************************************************************/
div#menu-alternatif ul{
	width:100%;
	float:left;
	height:30px;
	list-style:none;
	margin:0;
	padding:0;
}

div#menu-alternatif ul li{
	width:168px;
	height:30px;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}

div#menu-alternatif ul li a{
	text-decoration:none;
	color:white;
}

div#menu-alternatif ul li a:hover{

}

span.menu-alternatif{
	padding:5px 0 0 0;
	display:block;
	text-align:center;
}

/********************************************Menu alternatif Niveau 2***********************************************************/
div#menu-alternatif ul li ul{
	width:200px;
	height:auto;
	display:none;
	white-space:normal;
	position:absolute;
	background:white;
	margin:7px 0 0 -85px;
	padding:0;
	font-size:0.8em;
}

html>body div#menu-alternatif ul li ul{
	margin:7px 0 0 0;
}

div#menu-alternatif ul li:hover ul{
	display:block;
}

div#menu-alternatif ul li ul li{
	margin:0;
	padding:0;
	float:none;
	width:200px;
	height:30px;
	background:none;
}

div#menu-alternatif ul li ul li a{
	display:block;
	width:192px;
	height:23px;
	margin:0;
	padding:7px 0 0 8px;
}
div#menu-alternatif ul li ul li a:hover{
	background-color:#f0e0da;
	background-image:none;
}

div#menu-alternatif ul li ul li a span.menu-alternatif{
	padding:0;
	text-align:left;
}

/********************************************Menu alternatif Niveau 3***********************************************************/
div#menu-alternatif ul li ul li ul{
	font-size:1em;
	margin:-25px 0 0 90px;
	display:none;
}

html>body div#menu-alternatif ul li ul li ul{
	margin:-25px 0 0 180px;
}


div#menu-alternatif ul li:hover ul li ul{
	display:none;
}

div#menu-alternatif ul li ul li:hover ul{
	display:block;
}

/********************************************Menu alternatif Niveau 4***********************************************************/

div#menu-alternatif ul li:hover ul li ul li ul{
	display:none;
}

div#menu-alternatif ul li ul li:hover ul li ul{
	display:none;
}

div#menu-alternatif ul li ul li ul li:hover ul{
	display:block;
}


/************************************************* Style global ******************************************************/

div#global_accueil,div#global_active,div#global_pratique,div#global_vivante{
	width:900px;
	margin:0 auto 0 auto;
	text-align:center;
	overflow:hidden;
}
div#global_accueil{
	background-color:#5F172D;
}
div#global_active{
	background-color:#b7295a;
}
div#global_pratique{
	background-color:#96172e;
}
div#global_vivante{
	background-color:#aa1948;
}



/************************************************** Style filet ******************************************************/
div#filet_accueil,div#filet_active,div#filet_pratique,div#filet_vivante{
	width:900px;
	height:5px;
	margin:0;
	padding:0;
}
div#filet_accueil{
	background:url(img/deco_accueil.jpg) repeat-x;
}
div#filet_active{
	background:url(img/deco_active.jpg) repeat-x;
}
div#filet_pratique{
	background:url(img/deco_pratique.jpg) repeat-x;
}
div#filet_vivante{
	background:url(img/deco_vivante.jpg) repeat-x;
}
/************************************************** Style haut_contenu ******************************************************/
div#haut_contenu_active,div#haut_contenu_pratique,div#haut_contenu_vivante,div#haut_contenu_accueil{
	width:900px;
	height:78px;
	margin:16px 0 0 0;
	padding:0;
}

span.B_crumbBox{
	float:left;
	margin:10px 0 0 20px;
	font-size:0.8em;
	color:#FFF;
}

span.B_crumbBox span a, a.B_crumb{
	color:#FFF;
}

span.B_crumbBox span a:hover, a.B_crumb:hover{
	color:#5ba15e;
}

span.B_currentCrumb{

}

div#haut_contenu_active{
	background:url(img/haut_contenu_global_active.jpg);
	}
div#haut_contenu_pratique{
	background:url(img/haut_contenu_global_pratique.jpg);
	}
div#haut_contenu_vivante{
	background:url(img/haut_contenu_global_vivante.jpg);
	}	
div#haut_contenu_accueil{
	background:url(img/haut_contenu_global_accueil.jpg);
	}	
/************************************************** Style agenda ******************************************************/	
div#haut_agenda{
	width:900px;
	height:78px;
	margin:0;
	padding:0;
	background:url(img/agenda.jpg);
	z-index:30;
}
span#titre_agenda{
	color:#FFFFFF;
	position:relative;
	font-weight:bold;
	float:right;
	margin:59px 10px 0 0;
	text-transform:uppercase;
	text-decoration:underline;
}

div#haut_agenda a{
	font-weight:bold;
	text-decoration:none;
}
div#haut_agenda a:hover{
	text-decoration:none;
}

div#haut_agenda a#bulle_1{
	position:relative;
	float:left;
	margin:37px 0 0 332px;
}
div#haut_agenda a#bulle_2{
	position:relative;
	float:left;
	margin:34px 0 0 17px;
}
div#haut_agenda a#bulle_3{
	position:relative;
	float:left;
	margin:31px 0 0 17px;
}
div#haut_agenda a#bulle_4{
	position:relative;
	float:left;
	margin:28px 0 0 17px;
}
div#haut_agenda a#bulle_5{
	position:relative;
	float:left;
	margin:25px 0 0 16px;
}
div#text_agenda{
	width:690px;
	/*height:127px;*/
	text-align:right;
	margin:10px 0 0 0;
	padding:0;
	float:left;
	color:#FFFFFF;
}

html>body div#text_agenda{
	margin:10px 0 0 5px;
}
div#text_agenda h1{
	font-size:0.8em;
	text-transform:uppercase;
	margin:2px 0 2px 0;
	padding:0;
}
div#text_agenda p,div#text_agenda ul li{
	font-size:0.7em;
	margin:5px 0 5px 0;
	padding:0;
	color:#FFFFFF;
}

div#text_agenda p{
	margin:10px 0 10px 0;
}
div#text_agenda a{
  color:white;
}
div#text_agenda a:hover{
  text-decoration:none;
}
div#text_agenda ul{
	margin:0;
	padding:0;
}
div#text_agenda img{
	margin:0 0 0 4px;
	padding:0;
	border:solid 1px #FFFFFF;
	float:right;
}
div#bas_agenda{
	height:108px;
	min-height:108px;
	margin:10px 0 10px 0;
	padding:0;
	color:#5F172D;
	float:left;
}

html>body div#bas_agenda{
	height:auto;
}

a.active{
	color:#5ba15e;
}

a.desactive{
	color:#5F172D;
}

a.desactive:hover{
	color:#5ba15e;
}

span#tout_agenda{
	display:block;
	width:100%;
	border-top:2px solid white;
	color:#FFF;
}

span#tout_agenda a{
	display:block;
	width:200px;
	height:20px;
	background:#FFF;
	color:#5F172D;
	font-size:0.8em;
	font-weight:bold;
	float:right;
	text-align:right;
	padding:0 10px 0 10px;
}

span#tout_agenda a:hover{
	color:#5ba15e;
}

/************************************************** ********** ******************************************************/
div#gauche{
	float:left;
	width:198px;
}

div#droite{
	float:right;
	width:698px;
}

html>body div#droite{
	width:702px;
}
/************************************************** Style logo **********************************************************/
div#logo_accueil,div#logo_active,div#logo_pratique,div#logo_vivante{
	width:198px;
	height:158px;
	margin:0 0 0 2px;
	padding:0;
	float:left;
}

html>body div#logo_accueil,div#logo_active,div#logo_pratique,div#logo_vivante{
	margin:0 0 0 4px;
}

div#logo_accueil{
	background:url(img/logo_accueil.jpg) no-repeat;
}
div#logo_active{
	background:url(img/logo_active.jpg) no-repeat;
}
div#logo_pratique{
	background:url(img/logo_pratique.jpg) no-repeat;
}
div#logo_vivante{
	background:url(img/logo_vivante.jpg) no-repeat;
}


/************************************************** Style menu gauche ******************************************************/
div#menu_gauche_accueil,div#menu_gauche_active,div#menu_gauche_pratique,div#menu_gauche_vivante,div#menu_gauche_parution_accueil,div#menu_gauche_parution_active,div#menu_gauche_parution_pratique,div#menu_gauche_parution_vivante{
	width:198px;
	margin:0 0 0 2px;
	padding:0;
	float:left;
}

html>body div#menu_gauche_accueil,div#menu_gauche_active,div#menu_gauche_pratique,div#menu_gauche_vivante,div#menu_gauche_parution_accueil,div#menu_gauche_parution_active,div#menu_gauche_parution_pratique,div#menu_gauche_parution_vivante{
	margin:0 0 0 4px;
}	

div#menu_gauche_accueil ul,div#menu_gauche_active ul,div#menu_gauche_pratique ul,div#menu_gauche_vivante ul, div#menu_gauche_parution_accueil ul,div#menu_gauche_parution_active ul,div#menu_gauche_parution_pratique ul,div#menu_gauche_parution_vivante ul{
	margin:0;
	padding:0;
}

div#menu_gauche_accueil ul li,div#menu_gauche_active ul li,div#menu_gauche_pratique ul li,div#menu_gauche_vivante ul li{
	font-size:0.9em;
	width:198px;
	height:35px;
	display:block;
	text-align:right;
	font-size:0.6em;
	margin:-4px 0 0 0;
	float:left;
}	
div#menu_gauche_accueil ul li{
		background-color:#5F172D;
}
div#menu_gauche_active ul li{
		background-color:#b7295a;
}
div#menu_gauche_pratique ul li{
		background-color:#96172e;
}
div#menu_gauche_vivante ul li{
		background-color:#aa1948;
}

li.premier_accueil{
	background:url(img/fond_btn_gauche_accueil_premier.jpg) no-repeat;
}
li.milieu_accueil{
	background:url(img/fond_btn_gauche_accueil.jpg) no-repeat;	
}
li.dernier_accueil{
	background:url(img/fond_parution_accueil_haut.jpg) no-repeat;
}

li.premier_active{
	background:url(img/fond_btn_gauche_active_premier.jpg) no-repeat;
}
li.milieu_active{
	background:url(img/fond_btn_gauche_active.jpg) no-repeat;	
}
li.dernier_active{
	background:url(img/fond_parution_active_haut.jpg) no-repeat;
}

li.premier_pratique{
	background:url(img/fond_btn_gauche_pratique_premier.jpg) no-repeat;
}
li.milieu_pratique{
	background:url(img/fond_btn_gauche_pratique.jpg) no-repeat;	
}
li.dernier_pratique{
	background:url(img/fond_parution_pratique_haut.jpg) no-repeat;
}

li.premier_vivante{
	background:url(img/fond_btn_gauche_vivante_premier.jpg) no-repeat;
}
li.milieu_vivante{
	background:url(img/fond_btn_gauche_vivante.jpg) no-repeat;	
}
li.dernier_vivante{
	background:url(img/fond_parution_vivante_haut.jpg) no-repeat;
}

div#menu_gauche_parution_accueil ul li,div#menu_gauche_parution_active ul li,div#menu_gauche_parution_pratique ul li,div#menu_gauche_parution_vivante ul li{
	font-size:0.9em;
	width:198px;
	height:36px;
	display:block;
	text-align:right;
	font-size:0.6em;
	padding:0;
	float:left;
}

div#bas_parution_accueil,div#bas_parution_active,div#bas_parution_pratique,div#bas_parution_vivante{
	width:198px;
	height:183px;
	float:left;
	text-align:center;
}

div#bas_parution_accueil{
	background:url(img/fond_parution_accueil_bas.jpg) no-repeat;
}

div#bas_parution_active{
	background:url(img/fond_parution_active_bas.jpg) no-repeat;
}

div#bas_parution_pratique{
	background:url(img/fond_parution_pratique_bas.jpg) no-repeat;
}

div#bas_parution_vivante{
	background:url(img/fond_parution_vivante_bas.jpg) no-repeat;
}

div#menu_gauche_parution_accueil ul li, div#menu_gauche_parution_active ul li,div#menu_gauche_parution_pratique ul li,div#menu_gauche_parution_vivante ul li{
	margin:-4px 0 0 0;
}

div#menu_gauche_parution_acccueil ul li{
	background-color:#5F172D;
}
div#menu_gauche_parution_active ul li{
	background-color:#b7295a;
}
div#menu_gauche_parution_pratique ul li{
	background-color:#96172e;
}	
div#menu_gauche_parution_vivante ul li{
	background-color:#aa1948;
}
span.parutions_accueil,span.parutions_active,span.parutions_pratique,span.parutions_vivante{
	margin:0;
	float:left;
	width:47px;
	height:35px;
	display:block;
}

span.parutions_accueil{
	background:url(img/picto_parution_accueil.jpg) no-repeat;
}
span.parutions_active{
	background:url(img/picto_parution_active.jpg) no-repeat;
}
span.parutions_pratique{
	background:url(img/picto_parution_pratique.jpg) no-repeat;
}
span.parutions_vivante{
	background:url(img/picto_parution_vivante.jpg) no-repeat;
}

span.motion_accueil,span.motion_active,span.motion_pratique,span.motion_vivante,span.blog_accueil,span.blog_active,span.blog_pratique,span.blog_vivante,span.demarches_accueil,span.demarches_active,span.demarches_pratique,span.demarches_vivante,span.photo_accueil,span.photo_active,span.photo_pratique,span.photo_vivante,span.gardes_accueil,span.gardes_active,span.gardes_vivante,span.gardes_pratique,span.marches_accueil,span.marches_active,span.marches_pratique,span.marches_vivante,span.objets_accueil,span.objets_active,span.objets_pratique,span.objets_vivante{
	float:left;
	width:40px;
	height:35px;
	display:block;
}

span.blog_accueil{
	background:url(img/picto_blog_accueil.jpg) no-repeat;
}
span.blog_active{
	background:url(img/picto_blog_active.jpg) no-repeat;
}
span.blog_pratique{
	background:url(img/picto_blog_pratique.jpg) no-repeat;
}
span.blog_vivante{
	background:url(img/picto_blog_vivante.jpg) no-repeat;
}

span.demarches_accueil{
	background:url(img/picto_demarches_accueil.jpg) no-repeat;
}
span.demarches_active{
	background:url(img/picto_demarches_active.jpg) no-repeat;
}
span.demarches_pratique{
	background:url(img/picto_demarches_pratique.jpg) no-repeat;
}
span.demarches_vivante{
	background:url(img/picto_demarches_vivante.jpg) no-repeat;
}


span.photo_accueil{
	background:url(img/picto_photo_accueil.jpg) no-repeat;
}
span.photo_active{
	background:url(img/picto_photo_active.jpg) no-repeat;
}
span.photo_pratique{
	background:url(img/picto_photo_pratique.jpg) no-repeat;
}
span.photo_vivante{
	background:url(img/picto_photo_vivante.jpg) no-repeat;
}

span.gardes_accueil{
	background:url(img/picto_gardes_accueil.jpg) no-repeat;
}
span.gardes_active{
	background:url(img/picto_gardes_active.jpg) no-repeat;
}
span.gardes_pratique{
	background:url(img/picto_gardes_pratique.jpg) no-repeat;
}
span.gardes_vivante{
	background:url(img/picto_gardes_vivante.jpg) no-repeat;
}

span.marches_accueil{
	background:url(img/picto_marche_accueil.jpg) no-repeat;
}
span.marches_active{
	background:url(img/picto_marche_active.jpg) no-repeat;
}
span.marches_pratique{
	background:url(img/picto_marche_pratique.jpg) no-repeat;
}
span.marches_vivante{
	background:url(img/picto_marche_vivante.jpg) no-repeat;
}

span.objets_accueil{
	background:url(img/picto_objet_accueil.jpg) no-repeat;
}
span.objets_active{
	background:url(img/picto_objet_active.jpg) no-repeat;
}
span.objets_pratique{
	background:url(img/picto_objet_pratique.jpg) no-repeat;
}
span.objets_vivante{
	background:url(img/picto_objet_vivante.jpg) no-repeat;
}

span.motion_accueil{
	background:url(img/picto_motion_accueil.jpg) no-repeat;
}
span.motion_active{
	background:url(img/picto_motion_active.jpg) no-repeat;
}
span.motion_pratique{
	background:url(img/picto_motion_pratique.jpg) no-repeat;
}
span.motion_vivante{
	background:url(img/picto_motion_vivante.jpg) no-repeat;
}

span.texte{
	display:block;
	float:right;
	margin:13px 4px 0 0;
}

div#menu_gauche_accueil ul li a,div#menu_gauche_active ul li a,div#menu_gauche_pratique ul li a,
div#menu_gauche_vivante ul li a,div#menu_gauche_parution_accueil ul li a,div#menu_gauche_parution_active ul li a,div#menu_gauche_parution_pratique ul li a,div#menu_gauche_parution_vivante ul li a{
	font-size:1.2em;
	text-decoration:none;
}
div#menu_gauche_accueil ul li a,div#menu_gauche_parution_accueil ul li a{
	color:#5F172D;
}
div#menu_gauche_active ul li a,div#menu_gauche_parution_active ul li a{
	color:#b7295a;
}
div#menu_gauche_pratique ul li a,div#menu_gauche_parution_pratique ul li a{
	color:#96172e;
}	
div#menu_gauche_vivante ul li a,div#menu_gauche_parution_vivante ul li a{
	color:#aa1948;
}
div#menu_gauche_accueil ul li a:hover,div#menu_gauche_active ul li a:hover,div#menu_gauche_pratique ul li a:hover,
div#menu_gauche_vivante ul li a:hover,div#menu_gauche_parution_accueil ul li a:hover,div#menu_gauche_parution_active ul li a:hover,div#menu_gauche_parution_pratique ul li a:hover,div#menu_gauche_parution_vivante ul li a:hover{
	color:#5ba15e;
	text-decoration:none;
}

a.pub{
	float:left;
	display:block;
	margin:20px 2px 0 2px;
}

html>body a.pub{
	margin:20px 3px 0 3px;
}

a.pub img{
	border:0;
}

a.pub_c{
	float:left;
	display:block;
	margin:3px 3px 3px 4px;
	height:130px;
}
/************************************************** Style Contenu ******************************************************/ 

div#block_active,div#block_pratique,div#block_vivante,div#block_accueil{
	background:#FFFFFF;
	width:689px;
	height:513px;
	min-height:495px;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}
html>body div#block_active,div#block_pratique,div#block_vivante, div#block_accueil{
	margin:0 0 0 8px;
	height:auto;
}
div#block_bas_active,div#block_bas_pratique,div#block_bas_vivante, div#block_bas_accueil{
	width:689px;
	height:32px;
	float:left;
	padding:0;
	margin:0 0 0 4px;
}

html>body div#block_bas_active,div#block_bas_pratique,div#block_bas_vivante, div#block_bas_accueil{
	margin:0 0 0 8px;
}
div#block_bas_active{
	background:url(img/bas_block_contenu_active.jpg);
}
div#block_bas_pratique{
	background:url(img/bas_block_contenu_pratique.jpg);
}
div#block_bas_vivante{
	background:url(img/bas_block_contenu_vivante.jpg);
}
div#block_bas_accueil{
	background:url(img/bas_block_contenu_accueil.jpg);
}
div#contenu{
	/*float:left;*/
	margin:0 0 0 -4px;
	padding:0;
	clear:both;
}

html>body div#contenu{
	margin:0;
}

div#block1{
	width:335px;
	height:214px;
	background:url(img/block_1_accueil.jpg) no-repeat;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}

html>body div#block1{
	margin:0 0 0 8px;
}

div#block1 span.titre, div#block2 span.titre, div#block3 span.titre, div#block4 span.titre{
	width:170px;
	font-size:0.7em;
	font-weight:bold;
	float:left;
	text-align:left;
}

div#block1 span.titre{
	margin:25px 0 5px 10px;
}

div#block2 span.titre{
	margin:20px 0 5px 10px;
}

div#block3 span.titre{
	margin:5px 0 5px 10px;
}

div#block4 span.titre{
	margin:0 0 5px 10px;
}

div#block1 p, div#block2 p, div#block3 p, div#block4 p{
	width:160px;
	text-align:left;
	font-size:0.6em;
	color:#5F172D;
	margin:0 0 0 10px;
	padding:0;
	float:left;
}

div#block1 a, div#block2 a, div#block3 a, div#block4 a{
	float:left;
	color:#5F172D;
	font-size:0.6em;
	margin:0 0 0 10px;
}
div#block1 a:hover,div#block2 a:hover,div#block3 a:hover,div#block4 a:hover{
	color:#5ba15e;
}
div#block1 img,div#block2 img,div#block3 img,div#block4 img{
	/*width:138px;
	height:133px;*/
}

div#block1 div,div#block2 div,div#block3 div,div#block4 div{
	width:138px;
	height:138px;
	float:left;
	margin:0;
	padding:0;
}

div#block1 img{
	margin:50px 0 0 10px;
}

div#block2 img{
	margin:25px 0 0 10px;
}

div#block3 img{
	margin:20px 0 0 10px;
}

div#block4 img{
	margin:0 0 0 10px;
}

div#block2{
	width:350px;
	height:214px;
	background:url(img/block_2_accueil.jpg) no-repeat;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}

div#block3{
	width:335px;
	height:187px;
	background:url(img/block_3_accueil.jpg) no-repeat;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}
html>body div#block3{
	margin:0 0 0 8px;
}
div#block4{
	width:350px;
	height:187px;
	background:url(img/block_4_accueil.jpg) no-repeat;
	float:left;
	margin:0 0 0 4px;
	padding:0;
}


/************************************************** Style footer ******************************************************/
div#footer_accueil,div#footer_active,div#footer_pratique,div#footer_vivante{
	clear:both;
	width:900px;
	height:124px;
	color:#FFF;
	text-align:center;
	font-size:0.6em;
	margin:0 auto 0 auto;
	padding:0;
}

div#footer_accueil{
	background:url(img/bas_contenu_accueil_3.jpg);
}
div#footer_active{
	background:url(img/bas_contenu_active.jpg);
}
div#footer_pratique{
	background:url(img/bas_contenu_pratique.jpg);
}
div#footer_vivante{
	background:url(img/bas_contenu_vivante.jpg);
}

div#footer_accueil p,div#footer_active p,div#footer_pratique p,div#footer_vivante p{
	color:#FFFFFF;
	margin:0;
	padding:70px 0 0 0;
}
div#footer_accueil a,div#footer_active a,div#footer_pratique a,div#footer_vivante a{
	color:#FFFFFF;
}
div#footer_accueil a:hover,div#footer_active a:hover,div#footer_pratique a:hover,div#footer_vivante a:hover{
	color:#5ba15e;
}

.bot{
	clear:both;
}

div#block_pratique h1,div#block_vivante h1,div#block_active h1,div#block_accueil h1{
	font-size:1.1em;
	padding: 25px 16px 3px 16px;
	text-align:left;
	text-transform:uppercase;
}

html>body div#block_pratique h1,div#block_vivante h1,div#block_active h1,div#block_accueil h1{
	padding: 6px 16px 3px 16px;
}

div#block_accueil h1{
	color:#5F172D;
	border-bottom :4px solid #5F172D;
}

div#block_pratique h1{
	color:#96172e;
	border-bottom :4px solid #96172e;
}

div#block_vivante h1{
	color:#aa1948;
	border-bottom :4px solid #aa1948;
}
div#block_active h1{
	color:#b72959;
	border-bottom :4px solid #b72959;
}

div#block_pratique h2,div#block_vivante h2,div#block_active h2,div#block_accueil h2{
	text-align:left;
	font-size:.8em;
	padding: 3px 16px 3px 16px;
	color:#fff;
	clear:both;
}

div#block_accueil h2{	
	background-color:#5F172D;
}

div#block_pratique h2{	
	background-color:#96172e;
}

div#block_vivante h2{	
	background-color:#aa1948;
}

div#block_active h2{	
	background-color:#b72959;
}

h2.acc{
    margin:2px 0 0 0;
    padding:0;
}

div#block_accueil h2.acc a, div#block_pratique h2.acc a, div#block_vivante h2.acc a, div#block_active h2.acc a{
   color:#FFF;
   text-decoration:none;
}

div#block_pratique h3,div#block_vivante h3,div#block_active h3,div#block_accueil h3{
	text-align:left;
	font-size:.7em;
	padding: 0 16px 0 16px;
	margin:20px 0 0 0;
	clear:both;
}

div#block_accueil h3{	
	color:#5F172D;
}

div#block_pratique h3{	
	color:#96172e;
}

div#block_vivante h3{	
	color:#aa1948;
}

div#block_active h3{	
	color:#b72959;
}

div#block_pratique h4{
	text-align:left;
	font-size:.7em;
	text-decoration:underline;
	padding: 0 16px 0 16px;
}

div#block_pratique h5{
	text-align:left;
	font-weight:bold;
	font-size:.7em;
	padding: 0 16px 0 16px;
}

div#block_pratique h6,div#block_vivante h6,div#block_active h6{
	text-align:center;
	font-weight:bold;
	font-size:.8em;
	clear:both;
	text-transform:uppercase;
	padding:6px;
	margin:20px 0 5px 0;
}

div#block_pratique h6{
	border-top:2px solid #96172e;
	border-bottom:2px solid #96172e;
}

div#block_vivante h6{
	border-top:2px solid #aa1948;
	border-bottom:2px solid #aa1948;
}

div#block_active h6{
	border-top:2px solid #b72959;
	border-bottom:2px solid #b72959;
}

div#block_pratique p,div#block_vivante p,div#block_active p,div#block_accueil p{
	text-align:justify;
	font-size:.7em;
	padding: 0 16px 0 16px;
	margin:10px 0 10px 0;
}

div#block_pratique a,div#block_vivante a,div#block_active a,div#block_accueil a{
	color:black;

}

div#block_pratique img,div#block_vivante img,div#block_active img,div#block_accueil img{
	margin: 8px;
}

div#block_accueil img{
	border:1px solid #5F172D;
}

div#block_pratique img{
	border:1px solid #96172e;
}

div#block_vivante img{
	border:1px solid #aa1948;
}

div#block_active img{
	border:1px solid #b72959;
}

div#block_accueil img.noborder,div#block_pratique img.noborder,div#block_vivante img.noborder,div#block_active img.noborder{
	border:0;
}

div#block_pratique img.pdf,div#block_vivante img.pdf,div#block_active img.pdf,div#block_accueil img.pdf{
   float:left;
   margin:0 0 0 10px;
   padding:0;
   border:none;
}

div#block_pratique ul,div#block_vivante ul,div#block_active ul,div#block_accueil ul{
	text-align:justify;
	font-size:.7em;
	padding:0 16px 0 16px;
	list-style-position: inside;
	margin:0;
}

div#block_pratique ul li ul,div#block_vivante ul li ul,div#block_active ul li ul,div#block_accueil ul li ul{
	font-size:1em;
}

div#block_pratique input, div#block_pratique textarea{
	/*border:1px solid #96172e;*/
}

div#block_accueil input, div#block_acceuil textarea{
	/*border:1px solid #5F172D;*/
}


#contenu table{
	border:1px solid black;
	margin: 10px auto 10px auto;
	padding:0;
}

#contenu th{
	padding:3px;
	color:white;
	background:#96172e;
	font-size: 0.8em;
	font-weight:bold;
	border-bottom:1px solid #96172e;
} 

#contenu th a{
       color:white;
}

#contenu td{
	width:250px;
	vertical-align:top;
	padding: 3px;
	margin:0;
	color:black;
	font-size: 0.8em;
	font-weight:normal;
}

#contenu div.conteneur{
	width:100%;
}

#contenu div.conteneur div.c_gauche{
	float:left;
	padding:10px 20px 10px 20px;
	width:250px;
	margin:0;
}

#contenu div.conteneur div.c_droite{
	float:right;
	padding:10px 20px 10px 20px;
	width:250px;
	margin:0;
}

#contenu table{
	border:1px solid black;
	margin:10px auto 10px auto;
	padding:0;
}
#contenu table.pro, #contenu table.complex, #contenu table.active,#contenu table.educ, #contenu table.pratique,#contenu table.vivante,#contenu table.accueil{
	margin:3px;
	border:1px solid black;
}
#contenu table.educ th{
	background:#b72959;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.pro th{
	background:#96172e;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.complex th{
	background:#AA1948;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.active th{
	background:#b72959;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.vivante th{
	background:#AA1948;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.accueil th{
	background:#5F172D;
	color:white;
	font-size: 0.8em;
	font-weight:bold;
}

#contenu table.pro tr,#contenu table.complex tr,#contenu table.active tr,#contenu table.pratique tr,#contenu table.vivante tr,#contenu table.accueil tr{
	margin:2px 0 0 0;
}

#contenu table.pro td, #contenu table.complex td,#contenu table.active td,#contenu table.pratique td,#contenu table.vivante td,#contenu table.accueil td{
	vertical-align:middle;
	padding: 3px;
	color:black;
	font-size: 0.8em;
	font-weight:normal;
	border:1px solid black;
}

div.separateur,div.separateur_v,div.separateur_a,div.separateur_accueil{
	width : 100%;
	height:1px;
	margin:25px 0 0 0;
	clear:both;
	overflow:hidden;
}

div.separateur{
	background:#96172e;
}
div.separateur_v{
	background:#aa1948;
}
div.separateur_a{
	background:#b72959;
}
div.separateur_accueil{
	background:#5F172D;
}
#contenu div.elus{
	float:left;
	padding:0;
	margin:0;
	width:135px;
        height:180px;
        text-align:center;
}
#contenu div.elus h3{
        text-align:center;
}
#contenu div.elus img{

}
.error,.wlpeMessageText{
   color:red;
}

.required{
	border:1px solid red;
}

div#map{
width: 650px; 
height: 350px; 
border:1px solid #AA1948; 
margin:0 auto 0 auto;
}

/************************************************** Style Photothèque ******************************************************/

a.cat_photo{
	float:left;
	display:block;
	width:150px;
	height:150px;
	border:2px solid #5F172D;
	margin:8px;
	text-decoration:none;
	text-align:center;
	font-size:0.8em;
}

a.cat_photo:hover{
	border:2px solid black;
}

a.cat_photo:hover span{
	background:black;
}

a.photo{
	float:left;
	display:block;
	width:200px;
	height:220px;
	border:2px solid #5F172D;
	margin:8px;
	text-decoration:none;
	text-align:center;
	font-size:0.8em;
}

a.photo:hover{
	border:2px solid black;
}

a.photo:hover span{
	background:black;
}

a.cat_photo span, a.photo span{
	background:#5F172D;
	display:block;
	width:100%;
	padding:5px 0 5px 0;
	color:white;
	font-size:1em;
	font-weight:bold;
}

#trailimageid{
	font-size: 0.75em;
	position: absolute;
	display: none;
	left: 0px;
	top: 0px;
	/*width: 400px;*/
	height: 0px;
	z-index: 200;
}


.loupe_photo{
	width:150px;
	padding:5px;
	background-color: #5F172D;
	border: 2px solid black;
}

.loupe_photo h2{
	color:white;
	font-size:1.2em;
	font-weight:bold;
}

.loupe_photo p{
	color:white;
	font-size:0.8em;
	font-weight:normal;
}

#wlpeLogoutButton{
	float:right;
}


.hide{
visibility:hidden;
position:absolute;
left:-1000px;
top:-1000px;
}

.skiplink{
	display:none;
	visibility:hidden;
}

.liencache{
	text-decoration:none;
}