body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(/Images/WH_bg.jpg);
	background-repeat:no-repeat;
	}

body h2{
	font-size:1.2em;
} 

#wrapper{
	width:959px;
	margin:auto;
}

#banniereTop{
width:734px; 
height:98px;
margin:0 auto;
}

#pageCenter{
	float:left;
	width:954px;	
	border:1px solid #dedede;
	min-height:1290px;
	background-color:#FFFFFF;
}

#headerC{
	width:957px;
	height:97px;
}

/*logo*/
#headLogo{
	width:283px;
	height:97px;
	float:left;
}

/*champs newsletter*/
#headMid{
	width:362px;
	height:97px;	
	background-image:url(/Images/WM-V2_02.jpg);
	float:left;
}

/*champs de saisie newletter */
#email-newsletter{
	margin-left:30px;
	margin-top:52px;
	width:172px;
}

#boutonOk{
	display:block;
	height:20px;
	margin:-21px 0 0 206px;
	position:absolute;
	width:30px;
}


/*zone facebook, tweeter,..*/
#headRight{
	width:309px;
	height:97px;	
	float:left;
	background-image:url(/Images/WM-V2_03.jpg);
}

/*-----------------------------------------------------------------> MENU */

#barNav{ /*barre de navigation*/
	width:954px;
	margin: 0 0 8px 0;
	background-repeat:repeat-x;
	height:22px;
	background-image: url(/Images/bgMenu.jpg);
}

#barNav ul{
	margin:0;
	padding:0;
	}
	
#barNav ul li{
	display:inline;
	margin:0;
	}

#barNav ul li a{
	text-decoration:none;
	font-weight:bold;
	
	display:block;
	float:left;
	height:22px;
	}
	
#barNav ul li a:hover{
	background-image: url(/Images/bgMenuHov.jpg);
	}
	
.bouton{
	padding:0 20px 0 20px;
	margin:0;
	border-right:solid 1px #78a8bc;
	color:#FFFFFF;
}

.boutonActif{
	background-image: url(/Images/menuActif.jpg);
	padding:0 20px 0 20px;
	margin:0;
	border-right:solid 1px #78a8bc;
	color:#0f6186;
}


#content{ /*englobe le contenu principal*/
	width:954px;
	padding:0 0 0 17px;
}

#contentLeft{/*englobe le contenu de gauche*/
	width:582px;
	float:left;
}

#bloc_A{/*conteneur 1ère catégorie*/
	width:582px;
}

#titreImg_A{ /*titre image 1ère catégorie*/
	width:582px;
	height:32px;
	clear:both;
}

/*première photo*/
#blocPhoto_A{
	width:582px;
	height:250px;
	margin-top:5px;
}

#titreTeaser_A2{/*conteneur titre page onglet A*/
	width:480px;
	border-bottom: 1px solid #ff6b09;
}



#titreTeaser_A{/*conteneur titre 1èere partie*/
	width:582px;
	border-bottom: 1px solid #ff6b09;
}

.titre_A {/*titre 1ère catégorie*/
	margin:0 0 5px 0;
}

.titre_A a{/*titre 1ère catégorie*/
	color:#ff6b09;
	margin:0 0 4px;
	text-decoration:none;
}

.titre_A a:hover{/*titre 1ère catégorie*/
	color:#ff944c;
}



#teaser_A{
	width:582px;
}

.textArticle{
	font-size: 0.9em;
	text-align:justify;
	margin-top:5px;
	margin-bottom:26px;
}

.textArticle a{
	color: #666;
}

.textArticle a:hover{
	color: #aaa;
}


#bloc_B{/*conteneur 2eme catégorie*/
	width:582px;
}

#titreImg_B{ /*titre image 2eme catégorie*/
	width:582px;
	height:32px;
	clear:both;

}

/*première photo*/
#blocPhoto_B{
	width:582px;
	height:250px;
	margin-top:5px;
}

#titreTeaser_B{/*conteneur titre 2eme partie*/
	width:582px;
	border-bottom: 1px solid #f03971;
}

#titreTeaser_B2{/*conteneur titre 2eme partie*/
	width:480px;
	border-bottom: 1px solid #f03971;
}

.titre_B {/*titre 2eme catégorie*/
	margin:0 0 5px 0;
}

.titre_B a{/*titre 2eme catégorie*/
	color:#f03971;
	margin:0 0 4px;
	text-decoration:none;
}


.titre_B a:hover{/*titre 2eme catégorie*/
	color:#f0789c;
	margin:0 0 4px;
	text-decoration:none;
}


#teaser_B{
	width:582px;
}

#bloc_C{/*conteneur 2eme catégorie*/
	width:582px;
	height:170px;
}

#titreImg_C{ /*titre image 2eme catégorie*/
	width:582px;
	height:32px;
	clear:both;

}

.contenerCD{
	width:582px;
	float:left;
	position:relative;
	margin:5px 0 0 0;
	width:582px;
}

.blocText_A{
 	width:480px;
	float:left;
	margin-left:16px;
}

.blocText_B{
 	width:480px;
	float:left;
	margin-left:16px;
}

.blocText_C{
 	width:480px;
	float:left;
	margin-left:16px;
}

.blocText_D{
 	width:480px;
	float:left;
	margin-right:16px;
}

/*première photo*/


#titreTeaser_C{/*conteneur titre 2eme partie*/
	width:480px;
	border-bottom: 1px solid #63cbe4;
}

.titre_C {/*titre 2eme catégorie*/
	margin:0 0 5px 0;
}

.titre_C a{
	color:#63cbe4;
	margin:0 0 4px;
	text-decoration:none;
}


.titre_C a:hover{
	color:#9fd5e3;
	margin:0 0 4px;
	text-decoration:none;
}


.miniPhoto{
	width:86px;
	float:left;
	margin:8px 0 0;
}

#teaser_C{
	float:left;
	width:460px;
}

#bloc_D{/*conteneur 2eme catégorie*/
	width:582px;
	height:170px;

}

#titreImg_D{ /*titre image 2eme catégorie*/
	width:582px;
	height:32px;
	clear:both;
}

/*première photo*/


#titreTeaser_D{/*conteneur titre 2eme partie*/
	width:480px;	
	float:left;
	border-bottom: 1px solid #13ce97;
	margin-bottom:5px;
}

.titre_D{/*titre 2eme catégorie*/
	margin:0 0 5px 0;
}

.titre_D a{
	color:#13ce97;
	margin:0 0 4px;
	text-decoration:none;
}

.titre_D a:hover{
	color:#72cfb3;
	margin:0 0 4px;
	text-decoration:none;
}



#teaser_D{ /*aperçu article*/
	width:480px;
	margin:0 16px 0 0;
}



/*------------------------------------------------->colonne de droite<-----------------------------------------------------*/

#contentRight{/*englobe le contenu de droit*/
	width:356px;
	height:1000px;/*test*/
	float:left;
}

#pubCarre_A{
	background-image:url(/Images/WM-V2_08.jpg);
	background-repeat:no-repeat;
	height:260px;
	padding-left:32px;
	padding-top:18px;
	width:337px;
}

#blocAgenda{
	width:355px;
	height:539px;
}

#listEvent{
	padding-top:120px;
	position:absolute;
}

#listEvent ul{
	list-style:none;
	padding-left:30px;
}

#listEvent ul li{
	padding: 0 0 10px 0;
	width:290px;
}



#listEvent a {
	text-decoration:none;
	font-size:0.9em;
}

.event1{
color:#11749e;
}

.event1:hover{
color:#77bad9;
}

.event2{
color:#ffa366;
}

.event2:hover{
color:#ffd1b2;
}

#pubCarre_B{
	background-image:url(/Images/WM-V2_18.jpg);
	background-repeat:no-repeat;
	height:278px;
	padding-left:31px;
	padding-top:20px;
	width:355px;
}



/*footer*/

#footerBar{
	height: 24px;
	 width:955px; 
	 background-color:#1380ae; 
	 color:#FFFFFF; 
	 text-align:center; 
	 padding:4px 0 0 0;
}

#footerBar a{
	color:#FFFFFF;
	text-decoration:none;
	margin:0 10px 0 10px;
}

.rub h5{
	color:#666666;
}
.rub a{
	color:#888888;
	text-decoration:none;
}

.rub a:hover{
	color:#aaaaaa;
}

/*------------------------------------->page article<------------------------------*/

.titreContentidneige h1{ /*titre page easy*/
	color:#FF6B09;
	margin:5px 0 0;
	width:680px;
	font-size:1.3em;


}

.titreContentidneige h2{/*sous-titre page easy*/
	color:#FF6B09;
}

.titreContenteasy h1{ /*titre page easy*/
	color:#F03971;
	margin:5px 0 0;
	width:583px;
	font-size:1.3em;
	
}

.titreContenteasy h2{/*sous-titre page easy*/
	color:#F03971;
}

.titreContenttest h1{/*titre page test*/
	color:#63CBE4;
	margin:5px 0 0;
	width:592px;
	font-size:1.3em;
}

.titreContenttest h2{/*sous-titre page test*/
	color:#63CBE4;
}

.titreContentcarole h1{/*titre page carole*/
	color:#13CE97;
	margin:5px 0 0;
	width:680px;
	font-size:1.3em;
	
}

.titreContentcarole h2{/*sous-titre page carole*/
	color: #13CE97;
	
}

.titreContentagenda h1{/*titre page agenda*/
	color:#f9ca00;
	margin:5px 0 0;
	width:680px;
	font-size:1.3em;
	
}

.titreContentagenda h2{/*sous-titre page agenda*/
	color:#f9ca00;
}


/*------------------------------------->page agenda<------------------------------*/


#titreTeaser_E{/*conteneur titres page article*/
	border-bottom:1px solid #FBCF18;
	width:458px;
	}

.titre_E {
	margin:4px 0 0;
	color:#FBCF18;

}

#teaser_E {
	float:left;
	width:459px;
}