/*
	TO ALL
------------------------------------*/
*
{
   	padding:0;
	margin:0;
}
/*
	GENERIC
------------------------------------*/
html{
	min-height: 100%;
	height: auto;	
		
}
body {
	width:100%;
	margin:0 0px 0 0px;
	vertical-align:top;
	font-family: Arial;	
	overflow-x:hidden;
}
.endl{
	clear:left;
	height:0.1em;
	line-height:0.1em;
}
img{
	border:0px;
}
.red{
	color:#990000;
}
/*

	header-holder			
------------------------------------*/
#header-holder{

}
#header-holder .wrapper{
	position:relative;
	z-index:1;
	margin:0px auto;
	width:1025px;
	height:60px;
	/*background:yellow;*/
}
#header-holder .wrapper ul{
	list-style:none;
	float:right;	
	margin:40px 45px 0 0;
}
#header-holder .wrapper ul li{
	float:left;
	width:109px;
	line-height:18px;
	height:27px;
	text-align:center;
}
#header-holder .wrapper ul li a{
	color:#ffffff;
	font-size:10px;
	line-height:18px;
	height:27px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;	
}

#header-holder .wrapper ul li a:hover{
	/*background-image:url(../images/top-header-btn-home-over.jpg);*/
}
/*

	content-holder			
------------------------------------*/
#content-holder{
	
}
#content-holder .wrapper{
	position:relative;
	z-index:5;
	margin:0px auto;
	/*width:1025px;*/
}

#content-holder .wrapper .main-nav{
	position:absolute;
	width:1025px;
		
}
#content-holder .wrapper .main-nav .logo{
	z-index:100;
	top:-35px;
	left:45px;
	position:absolute;	
}
#content-holder .wrapper .main-nav .theme-holder{
	z-index:100;
	top:-40px;
	right:0px;
	position:absolute;	
}
#content-holder .wrapper .main-nav .wrapper{
	/*
	width:955px;
	height:55px;
	*/
	background:none;
}
/* main-menu */
#main-menu {
	margin:6px 0 0px 2px;
	width:956px;
	height:55px;
}
#main-menu .nav-item{
	float:left;	
	margin:0 0.9em 0 0.9em;

}
#main-menu .nav-item .wrapper{
	/*
	width:auto;
	height:auto;
	*/
	
}
#main-menu .nav-item .wrapper a{
	color:#ffffff;
	letter-spacing:1px;
	font-size:12.2px;
	font-weight:bold;
	line-height:55px;	
	text-transform:uppercase;
	text-decoration:none;
	padding-left:20px;
}
#main-menu .nav-item .wrapper .nav-item-childs {
	position:absolute;	
	display:none;
	width:300px;
}
#main-menu .nav-item .wrapper .show  {
	display:block;		
}
#main-menu .nav-item .wrapper .nav-item-childs .wrapper{
	/*
	width:auto;
	height:auto;
	*/
	margin:0 0 10px 0;
	
}
#main-menu .nav-item .wrapper .nav-item-childs .wrapper ul{
	list-style:none;
	clear:both;	
	display: block;	
	float:none;
	width:280px;
	
}
#main-menu .nav-item .wrapper .nav-item-childs .wrapper  ul li{
	line-height:12px;
	margin:5px 0 5px 0;
	
	
}
#main-menu .nav-item .wrapper .nav-item-childs .wrapper  ul li a{
	position:relative;
	z-index:1000;
	font-weight:normal;
	text-transform:none;
	line-height:12px;
	font-size:12px;
	margin:5px 0 5px 0;
	padding-bottom:0px;

}
#main-menu .nav-item .wrapper .nav-item-childs .wrapper ul li a:hover{
	background:none;
	color:#faa929;
}
/*  ZONE MAIN IMAGE */
#content-holder .wrapper .img-holder{
	width:956px;
	margin:5px 0 0 36px;
	/*background:center center;*/
}
#content-holder .wrapper .img-holder .alert_message{
	position: absolute;
	z-index:100;
	bottom: 0px; 
	width:956px;
	overflow: hidden;
	margin:0 0 0.46em 0;
	background:#faa929;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
}
#content-holder .wrapper .img-holder .alert_message .wrapper{
	width:926px;
	/*margin:0px auto;*/
	padding: 0 0 0  6px;
	margin:0 0 0 960px;
	background:none;
	height:auto;
	overflow:hidden;
}
#content-holder .wrapper .img-holder .le_relais_slogan{
	position:absolute;
	bottom:0.4em;
	left:2.3em;
	z-index:100;
}	

/* HOME */
#content-holder .home{
	height:450px;
	background:url(../images/bg-frame-accueil.png) center no-repeat;
}
#content-holder .home .img-holder{
	height:437px;
	/*background:center center;*/
}
#content-holder .home .pod-meteo-holder{
	position:absolute;
	text-align:center;
	right:40px;
	top:75px;
	height:168px;
	width:82px;
	
}
#content-holder .home .pod-meteo-holder h1{
	color:#fff;
	font-weight:normal;
	font-size:0.75em;
	margin:5px 0;
}
#content-holder .home .pod-meteo-holder span{
	color:#fff;
	font-weight:normal;
	font-size:1em;
	margin:5px 0;
}
#content-holder .home .pod-meteo-holder ul{
	list-style:none;
	margin:3px 0 0 5.5px;
	
}
#content-holder .home .pod-meteo-holder ul li{
	margin:2px 0 2px 0;
	text-align:center;
}
#content-holder .home .pod-meteo-holder ul li a{
	color:#fff;
	font-size:0.70em;
	line-height:1.15em;
	width:70px;
	height:27px;
	text-decoration:none;
	display:block;
	text-align:center;
}
#content-holder .home .pod-meteo-holder ul li .small{
	height:20px;
	line-height:20px;
}
/* SERVICES */
#content-holder .services{		
	background:url(../images/bg-frame-services.png) center -7px no-repeat;
	height:150px;	
}
#content-holder .services .img-holder{
	height:123px;
}
/* MAIN CONTENT */
#center-content-holder{
	/*clear:both;*/
	margin-top:-25px;
}
#center-content-holder .wrapper{
	margin:0px auto;
	width:973px;
	/*background:pink;*/
}
/* LEFT SUB-MENU */
#center-content-holder .sub-menu{	
	/*clear:left;
	background:url(../images/bg-left-sub-menu.png) 5px 0px repeat-y;*/	
	margin:0px;
	padding:0px;	
}
#center-content-holder .sub-menu .wrapper{
	width:215px;
	float:left;
	margin:0 0 0 0px;	
}
#center-content-holder .sub-menu h1{
	padding:10px 0 15px 30px;
	width:170px;
	text-align:left;		
	color:#fff;
	font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
	font-weight:normal;
	font-size:18px;
	text-transform:uppercase;
}
#center-content-holder .sub-menu ul{	
	margin:0 0 0 12px;	
	width:220px;
	color:#fff;	
	list-style:none;
	
}
#center-content-holder .sub-menu ul li{	
	text-transform:uppercase;
}
#center-content-holder .sub-menu ul li a{
	padding:0 0 0 20px;
	width:183px;
	color:#fff;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-decoration:none;
	display:block;
}
#center-content-holder .sub-menu ul li a:hover{
	text-decoration:none;
	background:url(../images/bg-lnk-over-dot-blnc.png) 8px center no-repeat;	
}
#center-content-holder .sub-menu ul li ul{
	margin:0px 0 5px 0px;
}
#center-content-holder .sub-menu ul li ul li a{			
	color:#f8aa1b;
	font-size:11px;
	line-height:14px;
	text-decoration:none;
	text-transform:none;
}
#center-content-holder .sub-menu ul li ul li a:hover{			
	/*color:#ffffff;*/
	background-color:#034969;
}
/* SERVICES MAIN CONTENT */
#center-content-holder .content{	
	float:left;
	margin:0px;
	padding:0px;	
	background:#fff;

	

}
#center-content-holder .content .wrapper-title{
	width:718px;
	height:auto;
	background:#fdad1c;
	margin:10px 0px 0px 0px;
	padding:15px 0 0 40px;
	height:27px;
	
}
#center-content-holder .content .titre-wrapper{
/*
	padding:15px 0 0 40px;
	clear:left;
*/	
}
	
#center-content-holder .content .wrapper-title .bg-dossier-titre-gauche{
	float:left;
	width:20px;
	height:27px;	
	background:url(../images/bg-dossier-onglet.png) left center no-repeat;
}
#center-content-holder .content .wrapper-title .bg-dossier-titre-centre{
	float:left;
	display:block;
	height:27px;
	background:#fff;
		
}
#center-content-holder .content .wrapper-title .bg-dossier-titre-droite{
	float:left;
	display:block;
	width:20px;
	height:27px;
	background:url(../images/bg-dossier-onglet.png) right center no-repeat;
}
#center-content-holder .content h1{	
	padding:0px;
	width:auto;
	text-align:left;		
	font-family:Arial;	
	font-size:24px;
	margin:5px 0;	
	position:relative;
	z-index:4;
	color:#095073;
	text-transform:none;
	overflow:visible

}
/*
*
*	SLIDER
*
******************************************************/
#slider-holder{	
	float:left;
	height:27px;
	padding:0 0 0 6px;
	overflow:hidden;
	width:300px;
}
#slider-holder .wrapper {	
	line-height:27px;
	overflow:hidden;
}
#sub-section-slider{
	width:auto;
	margin:0 0 0 500px;
	font-weight:bold;
}




#center-content-holder .content .wrapper{
	width:758px;
	display:block;
	clear:both;
	margin:0px;
	padding:0px;	
 	background:none;
	
}
#center-content-holder .content .wrapper h2{	
	font-size:18px;	
	border-bottom:1px solid #000;
}
#center-content-holder .content .wrapper .form-holder{
	width:100%;
	background:#c6dce7;
	/*border:1px solid #666666;*/
}
#center-content-holder .content .wrapper .form-holder .wrapper{
	background:none;
	margin:10px 10px 20px 10px;
}
#center-content-holder .content .wrapper .form-holder .wrapper label{
	font-size:11px;
}
#center-content-holder .content .wrapper .form-holder .wrapper span{
	font-size:10px;
}
#center-content-holder .content .wrapper .form-holder .wrapper input{
	width:200px;
}
#center-content-holder .content .wrapper .form-holder .wrapper textarea{
	width:300px;
	height:95px;	
}
/*

	DYNAMIC GENERATED CONTENT
	
*/	
#center-content-holder .content .wrapper .content-texte{
	background:none;
	padding:20px 62px 0 62px;	
	display:block;
}

#center-content-holder .content .wrapper .content-texte p{
	font-family:arial;
	font-size:12px;
	margin:5px 0 5px 0;
	text-align:justify;	
}
#center-content-holder .content .wrapper .content-texte a{
	color:#195974;
	text-decoration:none;
}
#center-content-holder .content .wrapper .content-texte a:hover{
	color:#f8aa1b;
	text-decoration:none;
}
#center-content-holder .content .wrapper .content-texte td{
	padding:5px 5px 5px 5px;
	font-size:12px; 
 	
}
#center-content-holder .content .wrapper .content-texte .table-holder{
	width:100%; 	
	display:table;	
}

#center-content-holder .content .wrapper .content-texte .table-holder .row{
	width:100%; 	
	/*background:pink;*/
	/*height:35px;*/	
	clear:left;
}
#center-content-holder .content .wrapper .content-texte .table-holder .alt{
	background-color:#d9e4e9;
}
#center-content-holder .content .wrapper .content-texte .table-holder .row .cell{
	/*border:1px solid #000;*/
	margin:1px 0 1px 0;
	float:left; 	
}
#center-content-holder .content .wrapper .content-texte .table-holder .row .cell span{
	font-size:10px; 	
}
#center-content-holder .content .wrapper .content-texte ul{
	width:auto;
}
#center-content-holder .content .wrapper .content-texte ul li{
	color:#000;
	list-style:square;
	width:auto;
}




/* GALERIE MEDIAS */
#center-content-holder .content .wrapper .content-image-holder{	
	background:#ffffff;
	padding:0 0 0px 5px;
}
#center-content-holder .content .wrapper .media-menu{
	padding:0 0 0px 30px;
	list-style:none;
	width:100%;
}
#center-content-holder .content .wrapper .media-menu li{
	float:left;
	width:auto;
	margin:10px 10px 10px 0px;
}
#center-content-holder .content .wrapper .media-menu li a{
	color:#095073;
	font-size:14px;
	font-weight:bold;
	width:auto;	
	margin:0px;
	padding:0px;
}
#center-content-holder .content .wrapper .media-menu li a:hover{
	color:#fdad1c;
	background:none;
}
#center-content-holder .content .wrapper .content-image-holder .frame{
	position:absolute;	
	margin:-8px 0 0 25px;
	width:675px;
	height:307px;
	background:url(../images/bg-frame-media-images.png) center center no-repeat;
	z-index:100;
}
#center-content-holder .content .wrapper .content-image-holder .wrapper{
	width:657px;
	min-height:288px;
	height:288px;	
	margin:0px auto;
	padding:0px 62px 0px 34px;		
}
#center-content-holder .content .wrapper .content-image-holder .video{
	width:657px;
	min-height:410px;
	text-align:center;
	height:auto;
	padding:1em 62px 1em 34px;
}
#center-content-holder .content .wrapper .content-image-holder .wrapper img{
	position:relative;
	z-index:150;
	width:655px;
	height:288px;
}
#center-content-holder .content .wrapper .content-image-holder .text{
	width:657px;	
	margin:0px auto;
	padding:10px 62px 0px 34px;	
}
#center-content-holder .content .wrapper .content-image-holder .text a{
	text-decoration:none;
	color:#000;
}
#center-content-holder .content .wrapper .content-image-holder .text h1{
	color:#095073;
	display:inline;
	margin:0px;
	padding:0px;
	font-size:11px;
	font-weight:bold;	
}
#center-content-holder .content .wrapper .content-image-holder .text span{
	font-size:9px;
}
#center-content-holder .content .wrapper .content-image-holder .nav ul{
	padding:10px 62px 0px 0px;	
	list-style:none;
	width:100%;	
}
#center-content-holder .content .wrapper .content-image-holder .nav ul li{
	float:left;
	width:auto;	
	margin:0.5em;
	padding:0px;
}
#center-content-holder .content .wrapper .content-image-holder .nav ul li a{
	margin:0px;
	padding:0px;
	float:left;
	width:auto;
	color:#095073;
}
#center-content-holder .content .wrapper .content-image-holder .nav ul li a:hover{
	text-decoration:underline;
	background:none;
}
#center-content-holder .content .wrapper .content-image-holder .nav ul li img{
	width:100px;
}
/* 
	promo-holder 
									*/
#promo-holder{
	position:relative;
	z-index:10;
	margin-top:-1px;
		
}
#promo-holder .wrapper{
	position:relative;
	margin:0px auto;
	width:1025px;
	/*min-height:220px;*/
	height:auto;	
}
#promo-holder .wrapper ul{
	list-style:none;
	margin:0 0 0 30px;
}
#promo-holder .wrapper ul li{
	float:left;
	width:260px;
	/*min-height:220px;	*/
}
#promo-holder .wrapper ul li h1{
	width:260px;
	margin:20px 0 0 0;
	text-align:center;
	color:#fff;
	line-height:18px;
	font-size:18px;
	font-weight:normal;
	text-transform:uppercase;
}
#promo-holder .wrapper ul li h2{
	text-align:left;	
	line-height:12px;
	font-size:12px;
	font-weight:bold;
}
#promo-holder .wrapper ul li span{	
	font-size:10px;
	line-height:12px;	
}
#promo-holder .wrapper ul li .wrapper{
	width:240px;
	margin:20px auto;
	background:none;
	min-height:none;

}
#promo-holder .wrapper ul li .wrapper .image_frame{
	/*
		width:228px;
		height:95px;
	*/
	/*background:url(../images/promo-frame-image.jpg) center center no-repeat;;	*/
	width:auto;
	background-color:#ffffff;
	padding:0.1em;
	margin:0 0 0 0;
}
#promo-holder .wrapper ul li .wrapper .image_frame img{
	padding:2px 2px 2px 2px;
}
#promo-holder .wrapper ul li .wrapper .link_holder{
	background:#ffffff;
	margin:10px auto;
	padding:2px 2px 2px 2px;
}
#promo-holder .wrapper ul li .wrapper .link_holder a{
	display:block;	
	font-size:11px;
	font-weight:bold;	
	text-decoration:none;
}
#promo-holder .wrapper ul li .wrapper .link_holder a:hover{
	text-decoration:underline;
}
#promo-holder .wrapper ul li ul{
	margin:15px 0px 0px 0px;	
	display:block;
}
#promo-holder .wrapper ul li ul li{
	clear:left;
	width:auto;
	line-height:12px;
	min-height:12px;
	margin:0px;
}
#promo-holder .wrapper ul li ul li p span{
	
}
#promo-holder .wrapper ul li ul li a{
	font-size:10px;
	line-height:12px;	
	text-decoration:none;
}
/* PROMO */
#promo-holder .wrapper p span{	
	line-height:140px;
}
/*

	footer-holder */
#footer-holder {
	clear:both;
	display:block;
	padding:10px 0 0 0;
}
#footer-holder .wrapper{
	margin:0px auto;
	/*width:1025px;	*/
	height:auto;
	background:none;
}
#footer-holder .wrapper ul{
	text-align:center;	
	margin:0px auto;
	list-style:none;	
	display:block;
	/*width:700px;*/
}
#footer-holder .wrapper ul li{
	width:auto;
	display: inline;
	font-size:10px;
}
#footer-holder .wrapper ul li a{
	font-size:10px;
	text-decoration:none;
}
#footer-holder .wrapper ul li a:hover{
	text-decoration:underline;
}
#footer-holder .wrapper span{
	text-align:center;
	width:100%;
	display:block;
	color:#000;
	font-size:9px;
}