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

#wrapper {
	margin: 0 auto;
	padding:0;
	display:block;
}




/**********************************************************************/
/*************     Haut de la page (  #Topheader )   *****************/
/**********************************************************************/
#Topheader {
	margin: 0;
	padding:0;
	background:url(../images/bkg_top.gif) #333;
	height:124px;
	display:block;
}

#Topheader #TopheaderPlacer{
	margin: 0 auto;
	height:124px;
	padding:0;
	display:block;
	width: 968px;
	position:relative;
}

/*#Topheader #TopheaderPlacer #TopheaderLogo{
	padding: 0 0 0 26px;
	margin:0;
	display:block;
	width:392px;
	float:left
}*/
#Topheader #TopheaderPlacer #TopheaderLogo{
	position:absolute;
	top:0px;
	left:21px;
	z-index:5000;
}

#Topheader #TopheaderPlacer #TopheaderLink{
	padding: 0;
	margin:0;
	display:block;
	width:524px;
	position:absolute;
	right: 26px;
	top:10px;
	text-align:right;
	color:#999;
	font-size:10px;
	text-transform:uppercase
}

#Topheader #TopheaderPlacer #TopheaderLink a{
	color:#CCC;
	text-decoration:none;
}

#Topheader #TopheaderPlacer #TopheaderLink a:hover{
	color:#FFF;
}
/**********************************************************************/
/*************     Menu principal (  #TopheaderGeneralNav )   *****************/
/**********************************************************************/

#Topheader #TopheaderPlacer #TopheaderGeneralNav{
	float:right;
	margin:52px 0 0 0;
	padding:0;
	display:block;
	width: 550px;
	height:42px;
	position:relative;
	text-align:right;
}

#Topheader #TopheaderPlacer #TopheaderGeneralNav ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

#Topheader #TopheaderPlacer #TopheaderGeneralNav ul li{
	font-weight:bold;
	font-size: 11px;
	text-transform:uppercase;
	float:right;
}


#Topheader #TopheaderPlacer #TopheaderGeneralNav ul li a{
	padding:14px 26px;
	color:#FFF;
	display:block;
	text-decoration:none;
	border-right:1px solid #666
	
}

#Topheader #TopheaderPlacer #TopheaderGeneralNav ul li a:hover{
	color:#76767b;
	background: #FFF
}

#Topheader #TopheaderPlacer #TopheaderGeneralNav ul li.active{
	color:#99cc33;
	background:#FFF;
	padding:14px 26px;
}

/**********************************************************************/
/*************     Menu principal (  #TopheaderMainNav )   *****************/
/**********************************************************************/

#Topheader #TopheaderPlacer #TopheaderMainNav{
	margin: 0 auto;
	padding:0;
	display:block;
	width: 968px;
	position:relative;
	clear:both;
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul{
	margin: 0;
	padding:0;
	display:block;
	list-style:none;
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li{
	font-weight:bold;
	font-size: 12px;
	text-transform:uppercase;
	float:left;
	color:#717176;
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li.NosSecteur{
	padding:8px 23px;
	color:#eaeaea;
}


#Topheader #TopheaderPlacer #TopheaderMainNav ul li a{
	padding:7px 20px;
	color:#717176;
	display:block;
	text-decoration:none;
	
}

#Topheader #TopheaderPlacer #TopheaderMainNav ul li a:hover{
	color:#FFF;
}





/*****************************************/
/***    Layout pour le Flash d'accueil      ***/
/*****************************************/
#HomeFlash{
	display:block;
	margin: 0 auto;
	padding:0 ;
	width: 968px;
	height:395px;
}

/*****************************************/
/***    Layout for the news on the home page     ***/
/*****************************************/
#HomeContent{
	display:block;
	margin: 0 auto;
	padding:0px;
	border-top:4px solid  #FFF;
	width: 968px;
}

#Hometxt{
	display:block;
	margin: 0;
	padding:16px 0 12px 30px;
	width: 604px;
	float:left;
	background:url(../images/bkg_hometxt.jpg) #FFF top left repeat-x;
}

#Hometxt .TitleBlock{
	display:block;
	margin: 0;
	padding:0;
	width: 590px;
	float:left;
	border-bottom:1px dotted #666
}

#Hometxt .TitleBlock .TitleNews{
	display:block;
	margin: 0;
	padding:0;
	width: 320px;
	float:left;
}

#Hometxt .TitleBlock .TitleRss{
	display:block;
	margin: 0;
	width: 210px;
	height:31px;
	float:right;
	text-align:left;
	padding-left: 33px;
	padding-right:20px;
	font-size: 1.18em;
	background: url(../images/bkg_rss.png) left center no-repeat;
}

#Hometxt .TitleBlock .TitleRss h3{
	margin-top:6px;
}


#Hometxt a{
	color:#000;
	text-decoration:none
}

#Hometxt a:hover{
	color:#336699;
	text-decoration:underline
}

#Hometxt .firstNews{
	display:block;
	float:left;
	margin: 10px 0 0 0;
	padding:0;
	width: 590px;
	border-bottom:1px dotted #ccc
	
}

#Hometxt .firstNews img{
	display:block;
	margin:0 20px 0 0;
	float:left;
	padding:0;
	border:4px solid #e6e9e9
}

#Hometxt .secondNews{
	display:block;
	margin: 10px 0;
	padding:0 10px;
	float:left;
	width: 176px;
	border-right:1px dotted #ccc
}


/*****************************************/
/***    Layout for the calendar on the home page     ***/
/*****************************************/
#calendar{
	display:block;
	float:left;
	margin: 0;
	padding:16px;
	width: 298px;
	border-left:4px solid #FFF;
	background:url(../images/bkg_hometxt.jpg) #FFF top left repeat-x;
}

#calendar .TitleInfolettre{
	display:block;
	margin: 0px 0 14px 0;
	width: 200px;
	/*height:31px;*/
	height:98px;
	float:left;
	text-align:right;
	/*padding-left: 28px;*/
	padding-right:20px;
	font-size: 1.18em;
	/*background: url(../images/ico_infolettre.jpg) left top no-repeat;*/
	border-bottom:1px dotted #666
}

/*#calendar .TitleInfolettre .infolettre{
	display:block;
	width:330px;
	height:98px;
	background: url(../images/btn_infolettre.gif) left top no-repeat;
}

#calendar .TitleInfolettre .infolettre:hover{
	background: url(../images/infolettre_hover.jpg) left top no-repeat;
}*/

#calendar .eventElement{
	display:block;
	float:left;
	margin: 10px 0 0 0;
	padding:5px 0 ;
	width: 284px;
	border-bottom:1px dotted #666;
}
#calendar .eventElementDate{
	display:block;
	float:left;
	margin: 0;
	padding:8px 2px ;
	width: 44px;
	height:28px;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	font-family: Georgia, Times;
	text-align:center;
	background:url(../images/bkg_dateCalendar.jpg) #666 top left;
}


#calendar .eventContent{
	display:block;
	float:left;
	margin: 0;
	padding:0 0 0 16px ;
	width: 218px;
}

#calendar .eventContent a{
	color:#333;
	text-decoration:none
}

#calendar .eventContent a:hover{
	color:#336699;
	text-decoration:underline
}



/*****************************************/
/***    Layout pour contenue de page     ***/
/*****************************************/
#mainContent{
	display:block;
	margin: 0 auto;
	padding:0;
	bottom:0;
	width:100%
}
#mainContent .contentPlacer{
	display:block;
	margin: 0 auto;
	width:968px;
	padding:0;
}

/*****************************************/
/***    Layout pour contenue de gauche    ***/
/*****************************************/
#mainContent .contentPlacer .leftSide{
	display:block;
	margin: 0;
	width:205px;
	padding:0 0 20px 0;
	float:left;
	background:#FFF;
}

#mainContent .contentPlacer .leftSideBottom{
	display:block;
	margin: 0;
	width:205px;
	padding:0 0 20px 0;
	float:left;
	background:#FFF;
}
 
#mainContent .contentPlacer .leftSide h2{
	color:#FFF;
	font-size:20px;
	font-weight:lighter;
	line-height:20px;
	text-transform:uppercase;
}




#mainContent .contentPlacer .leftSide .smPage,
#mainContent .contentPlacer .leftSide .smPage01,
#mainContent .contentPlacer .leftSide .smPage02,
#mainContent .contentPlacer .leftSide .smPage03,
#mainContent .contentPlacer .leftSide .smPage04,
#mainContent .contentPlacer .leftSide .smPage05,
#mainContent .contentPlacer .leftSide .smPageGeneral{
	display:block;
	margin: 0 0 20px 0;
	width:165px;
	padding:10px 20px 10px 20px;
	line-height:13px
}





/*****************************************/
/***    Layout pour contenue de droit    ***/
/*****************************************/
#mainContent .contentPlacer .rightSide{
	display:block;
	margin: 0;
	width:763px;
	padding:0px;
	float:left;
	background:#FFF
}


#mainContent .contentPlacer .rightSide .entetePage{
	margin: 0;
	width:763px;
	padding:0px;
}

#mainContent .contentPlacer .rightSide .titlePage{
	margin: 0 0 10px;
	width:719px;
	padding:12px 22px 0 22px ;
	border-bottom:1px dotted #666
}

#mainContent .contentPlacer .rightSide .textSide{
	margin: 0;
	width:350px;
	padding:0 0 40px 22px;
	float:left
}


#mainContent .contentPlacer .rightSide .textSideFull{
	margin: 0;
	width:720px;
	padding:0 0 40px 22px;
	float:left
}

#mainContent .contentPlacer .rightSide .textSide ul,
#mainContent .contentPlacer .rightSide .textSideFull ul
{
	margin: 15px 0 15px 0;
	padding:0 	
}



#mainContent .contentPlacer .rightSide .textSide p,
#mainContent .contentPlacer .rightSide .textSideFull p{
	text-align:justify;
}


/*****************************************/
/***   Layout Unique pour Équipe     ***/
/*****************************************/
.personnelEquipe{
	margin: 0;
	width:350px;
	padding:5px 0 5px 0;
	border-top:1px dotted #666;
	
}

.personnelEquipeImg{
	margin: 0;
	width:120px;
	padding:0;
	float:left;
}

.personnelEquipeTxt{
	margin: 0;
	width:220px;
	padding:20px 0 5px 10px;
	float:left;
	color:#666666;
	text-align:left;
}
#mainContent .contentPlacer .rightSide .textSide .personnelEquipeTxt p {	
	text-align:left;
}

.personnelEquipeTxt h3{
	margin: 0;
	padding:0;
	color:#000;
	font-size:14px;
}

/*****************************************/
/***    Layout pour newsFull     ***/
/*****************************************/
.NewsFull {
	display:block;
	width:720px;
	padding:0 0 10px 0;
	float:left;
	border-bottom:1px dotted #666
	
}
/*
.NewsFull .image {
	display:block;
	width:170px;
	padding:0;
	float:left;
}
*/
.NewsFull .image {
	width:180px;
	float:left;
}

.NewsFull .image2 {
	float:right;
	margin: 0 0 0 10px;
}

.NewsFull .image img {
	border:none
}

.NewsFull .newText {}
/*
.NewsFull .newText {
	display:block;
	width:520px;
	padding:0 0 0 10px;
	float:left;
}
*/

.NewsFull .newTextActivites {
	display:block;
	width:640px;
	padding:0 0 0 10px;
	float:left;
}

.eventElementDate{
	display:block;
	float:left;
	margin: 12px 0 0 0;
	padding:8px 2px ;
	width: 44px;
	height:28px;
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	font-family: Georgia, Times;
	text-align:center;
	background:url(../images/bkg_dateCalendar.jpg) #666 top left;
}

.newText  a,
.newTextActivites a{
	color:#000;
	text-decoration:none
}

.newTextActivites p { margin:4px 0 0 0 }
.newTextActivites h2 { margin:0 0 4px 0 }

.newText  a:hover,
.newTextActivites a:hover{
	color:#336699;
	text-decoration:underline
}
/**********************************************************************/
/*************     Plan du site   *****************/
/**********************************************************************/

.siteMap{
	float:left;
	margin:0;
	padding:10px;
	display:block;
	width: 220px;
}

.siteMap  a{
	color:#000;
	text-decoration:none
}

.siteMap  a:hover{
	color:#336699;
	text-decoration:underline
}

/*****************************************/
/***   Page Navigation     ***/
/*****************************************/
.pageNavigation{
	display:block;
	padding:4px 20px 4px 0;
	float:right;
	text-align:right;
}

.pageNavigation a{
	color:#666;
	text-decoration:underline;
}

.pageNavigation a:hover{
	color:#336699;
	text-decoration:underline;
}
/*****************************************/
/***    Layout pour le Footer de la page     ***/
/*****************************************/
#Footer{
	display:block;
	margin: 0;
	height: 83px;
	padding:0;
	height: 83px;
	color:#ccc;
	overflow:hidden;
}
#Footer .FooterPlacer{
	display:block;
	margin: 0 auto;
	width:968px;
	padding:0;
	height: 83px;
	background:url(../images/bkg_footer.gif);
}

#Footer .FooterLink{
	display:block;
	padding:16px 0 0 0px;
	color:#ccc
}

#Footer .FooterLink a{
	color:#999;
	text-decoration:none;
}

#Footer .FooterLink a:hover{	
	color:#ccc;
	text-decoration:underline;
}

#Footer .FooterLogo{
	display:block;
	float:right;
	width:140px;
	padding:0;
	text-align:center
}

.medias_sociaux{
	padding: 0 0 40px 22px;
}

.etapes-faciles{font-size:20px; font-weight:bold; font-family:verdana, arial;}

.sondage-titre{font-size:16px;}

#newsSubtitle{padding:10px 5px; background-color:#1780D3; color:#fff; font-weight:bold; font-size:20px; margin:10px 0;}

.big {
	font-size:20px;
	color:#1780D3;
}

.titreBleu{color:#1780D3; font-size:16px;}

.sondage2 {color:#1780D3; float:left; margin-top:20px; font-size:20px;}
.sondage2 strong {font-weight:bold;}

a.lienSondage{font-weight:bold; color:#1780D3; font-size:14px; text-decoration:none;}
a.lienSondage:hover{color:#000;}