*{
	padding:0; 
	margin:0; 
	border:none;
	font-size:100%;
	font-family:Helvetica, arial, trebuchet, sans-serif;
	text-align:left;
}


body{
	background:url("../img/bg.jpg") top right;
}

.clear{clear:both;line-height:1px;}

/*  #################################################################  */
/*  ########################### Template ############################  */
/*  #################################################################  */


/* ############################ Menu supérieur ########################### */

.headernav{
	width:100%;
	height:42px;
	background: #000000  url("../img/menubg.png") bottom left repeat-x;
	position:fixed;
		top:0;
		left:0;
		z-index:499;
}

.topmenu{
    min-height:42px;
	width:1000px;
	margin:0 auto;
	background: url('../img/light.png') top center no-repeat;
	position:fixed;
		top:0;
		left:50%;
		margin-left:-500px;
		z-index:500;
}

.topmenu ul li{
	list-style-type:none;
	display:inline-block;
	*display:block;
	zoom:1;
	float:left;
	border-right:1px solid #595959;
}
	.topmenu ul li:last-child{
		border:none;
	}
	.topmenu ul li a:hover{
		background:#272727 url("../img/menubg.png") bottom left repeat-x;
	}

.topmenu ul li ul{
	display:none;
	width:inherit;
}
.topmenu ul li:hover ul{
	display:block;
	position:absolute;
}
.topmenu ul li ul li{
	clear:both;
	margin:0;
	width:100%;
	background:#4a4c5b;
	border:none;
}

.topmenu ul li ul li a{
	color:#ffffff;
	background: url("../img/menubg.png") bottom left repeat-x;
	border-left:1px solid #595959;
	border-right:1px solid #595959;
}
.topmenu ul li ul li:last-child a{
	border-bottom:1px solid #595959;	
}
.topmenu ul li ul li a:hover{
	background-color:#cacaca;
	color:#000000;
}

/* ########################### Logo et fil d'arianne ######################## */

.placeholdertop{
	/*height:42px;*/
	width:100%;
}
.masthead{
	width:1000px;
	margin:0 auto;
	height:176px;
}
	.masthead img {
  margin-top:40px;
	}	
	.arianne{
		display:inline;
		float:right;
		margin:15px 7px 0px 0px;
	}	
	.arianne li{
		list-style-type:none;
		*display:block;
		zoom:1;
		float:left;
		margin-left:7px;
	}


/* ########################### Habillage slider texte  ######################## */


.slidewrap{
	width:100%;
	height:430px;
	position:relative;
	margin: -80px 0 0;
}

.slidewrap .fondBlanc{
	width:100%;
	height:370px;
	background:#ffffff;
	position:relative;
	margin: 60px 0 0;
}

.innerslidewrap{
	width:100%;
	margin:0 auto;
	position:relative;
}
.worker.first{
	position:absolute;
	top:-61px;
	right:145px;
}
.worker.two{
	position:absolute;
	bottom:0px;
	right:-42px;
}
.worker.three{
	position:absolute;
	bottom:0px;
	right:45px;
}	
	

.boxtext{
	position:relative;
	top:65px;
}





/* ############################# Colonne gauche  ############################# */

.contentswrap{
	width:100%;
	position:relative;
	overflow:auto;
	background:#fff;
	padding-bottom:0px;
	background: #ffffff; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #cccccc 0%, #ffffff 0%, #ffffff 50%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#cccccc), color-stop(0%,#ffffff), color-stop(50%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #cccccc 0%,#ffffff 0%,#ffffff 50%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #cccccc 0%,#ffffff 0%,#ffffff 50%,#cccccc 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #cccccc 0%,#ffffff 0%,#ffffff 50%,#cccccc 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #cccccc 0%,#ffffff 0%,#ffffff 50%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#cccccc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.contents{
	width:1000px;
	margin:10px auto 0 auto;
	position: relative;
	overflow: auto;
	clear:both;
}



.contents.contentsite{
	margin:0 auto 0 auto;
	background:url("../img/bg-colright.jpg") top right repeat-y;
}
	.leftcol{
		width:668px;
		float:left;
		position:relative;
		overflow:auto;
	}
	.leftcol.content{
		width:688px;
		padding:20px 0 0 0;
	}
		.row1, .row2, .row3{
			width:100%;
			position: relative;
			overflow: auto;
			clear:both;
			margin-bottom:40px;
		}
			.col1, .col2{
				float:left;
				width:310px;
			}
			.col2{
				margin-left:48px;
			}

		.headrow{
			height:49px;
			background-color:#000000;
			padding:15px 0 0 0;
			margin:0 0 20px 0;
		}	
			.col1 .headrow{
				position:relative;
				top:0
				left:0;
				width:358px;
			}
			.row3 .headrow{
				width:80%;
				height:65px;
			}
				.col1 .headrow img, .row3 .headrow img, .leftcol.content .headrow img{
					float:left;
					margin:0 15px 0 15px;
				} 
				.row3 .headrow img{
					margin:5px 15px 0 15px;
				} 
				.col2 .headrow img{
					float:left;
					margin:0px 15px 0 0px;
				} 		

				
.col1 a, .col2 a,
.col1 a:visited, .col2 a:visited
{
color:#fff;
text-decoration:none;
}
				
				
				
#player{
	display:block;
	width:283px;
	height:147px;
	margin:0 auto;
}
	#player_api{
		float:left;
	}

#map{
	position:absolute;
	bottom:0px;
	right:30px;
}

.imgheader{
	width:685px;
	height:268px;
	background:url("../img/img-background.png") top center no-repeat;
	margin-bottom:10px;
}
	.imgheader img{
		margin:10px 7px 0 7px;
		max-width:669px;
		max-height:237px;
	}

.puce{
	float:left;
	position:relative;
	bottom:-2px;
}

/* ########################### Colonne droite ############################ */

.colright{
	float: right;
	text-align:left;
	width:283px;
}
.colright.content{
	width: 240px;
	padding: 0 15px 0 35px;
 position: relative;
}
	.article{
		padding-bottom:30px;
		margin-bottom:50px;
		background:url("../img/sep.png") bottom center no-repeat;
		position: relative;
		overflow: auto;
	}
	
	.block_twitter{
		margin: 10px 0 30px -8px;
	}

	.block_facebook{
		margin: 10px 0 40px 2px;
		background:#000;
		color:#fff;
		border-top:1px dotted #333;
		width:218px;
	}

/* ############################### footer ############################### */

.footer{
	width:100%;
	height:60px;
	margin:0 0 0 0;
	background:#fff;
}
.footer.content{
	margin:0px 0 0 0;	
    -webkit-box-shadow:  0px -5px 10px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:  0px -5px 10px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px -5px 10px 0px rgba(0, 0, 0, 0.3);  
    position:relative; 
    z-index:999;     
}
	.footernav{
		display:block;
		width:585px;
		margin:0 auto;
		text-align:center;
	}
		.footernav li{
			list-style-type:none;
			display:inline-block;
			*display:block;
			zoom:1;
		}
		
		
/**********liste videos************************/

.itemVid{
float:left;
padding:5px;
border:1px solid #cfcfcf;
width:300px;
height:150px;
margin:15px;
}

.itemVid h2{
margin-bottom:10px;
}

.itemVid h2 a, 
.itemVid h2 a:visited {
	color:#000;
	text-decoration:none;

}

/***********sitemap*/

ul.sitemap li {
font-weight:bold;
margin:10px 0;

}

ul.sitemap li ul{
padding-left:10px;

}

ul.sitemap li ul li, ul.sitemap li ul li a{
font-weight:normal;
font-size:12px;
margin:2px 0;
color:#333;
text-decoration:none;

}

ul.sitemap li ul li a:hover{
text-decoration:underline;

}


/***********formulaires*/

#form-general{
color:#333;
font-size:12px;

}

#form-general input, #form-general textarea {
margin-left:45px;
border:1px solid #999;
width:300px;
text-align:center;
}
#form-general textarea {

text-align:left;
}

#form-general input.button{
background:#f60;
color:#000;
width:90px;
float:right;
}


/* Ajout Commercible : antirobot */
#form-general input[name=terminator] {
  display:none;
}