/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	height: 100%;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}

q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
section, header{
	display: block;
}


	
form .fake{display:none}

/* General Demo Style */
body{
	font-family: Arial, Verdana, sans-serif;
	background-color:#000000;
	font-size: small;
	line-height:1.5;
	color: #FFFFFF;
	overflow-y: scroll;
}
a{
	color: #FFFFFF;
	text-decoration: none;
}


.container{
	width: 90%;
margin-left:auto;
margin-right:auto;
border:solid 1px #CCCCCC;
}

.clear{
	clear: both;
}

.logo {
	padding: 10px 0px 10px 0px;
	margin: 0px 20px 10px 0px;
	position: relative;
 float:left;
 width: 100%; display: block; height:100%;
}

.picto {
width:75px;
height:75px
	padding: 0px 10px 10px 10px;
	position: relative;
 float:left;

}

.container > header{
height:100px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: relative;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: center;
	 float:right;
}
.container > header h1{
	position: relative;
	color: #498ea5;
	font-weight: 700;
	font-style: normal;
	font-size: 30px;
	padding: 0px 0px 5px 0px;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}
.container > header h1 span{
	font-family: 'Alegreya SC', Georgia, serif;
	font-size: 20px;
	line-height: 20px;
	display: block;
	font-weight: 400;
	font-style: italic;
	color: #719dab;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.container > header h2{
	font-size: 16px;
	font-style: italic;
	color: #2d6277;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.8);
}

.container img {width: 90%; display: block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px; height:auto}

.accueil {
 background-image:url(../images/bg_home.png);
 background-repeat:no-repeat; 
 width:100%;
 margin-top:0px;
 }

.services {
 background-image:url(../images/bg_services.png);
 background-repeat:no-repeat; 
 width:100%;
 margin-top:0px;
 }
 
.content {
 width:70%;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;	
 }
 .content img {
border:1px solid #CC0000;}

.content_accueil {
 width:95%;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;	
 }
 
 .content_galerie {
 width:70%;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;	
 float:center;
 }
 
 .content_galerie img {
border:1px solid #CC0000;}
 
.contact {
 width:90%;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;	
 }
 
 .contact img {
 width:50%;
 margin-top:0px;
 margin-left:auto;
 margin-right:auto;	
 }

.bandeau_image{
 margin-left:auto; 
 margin-right:auto; 
 background-image:url(../images/bg_slide.jpg);
 background-repeat:repeat;
 padding-top:20px;
 padding-bottom:20px;
 }
 
.bandeau_image img {width: 70%; display: block; margin-left:auto; margin-right:auto; margin-top:10px; margin-bottom:10px}

h1 {
font-size:18px;
font-weight:bolder;
line-height:1.5;
 }

h2 {
color:#60c817;
font-size:20px;
line-height:1.5;
 }
 
.bas {
width:100%;
line-height:1;
background-image: url(../images/bg_bas.jpg);
font-size:18px;
font-weight:bold;
text-align:center;
padding-top:25px;
padding-bottom:25px;
 }
 
 
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }