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

/*css reset*/

html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, em, img, q, s, samp, strong, u, i, center, ol, ul, li, form, label{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

/*end css reset*/


body{ background-image:url(../images/bg.jpg); background-position:top center; background-repeat:no-repeat; background-color:#231a0b; font-family: 'Open Sans', arial, sans-serif; font-weight: 400; font-size:13px; color:#505050; }

p{ font-family: 'Open Sans', arial, sans-serif;  margin:5px 15px 15px 0;}
a{ color:#154f62; text-decoration:none;}
a:hover{ color:#707070; text-decoration:none;}


h1, h2, h3, h4, h5, h6 {font-family: 'Open Sans', arial, sans-serif; color:#154f62;}
h1{ font-size:18px;}
h2{ font-size:16px;}
h3{ font-size:14px;}

#wrapper{ width:960px; height:auto; margin-left:-480px; left:50%; position:absolute; background-color:#FFF; -webkit-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
#main{ width:920px; margin-left:25px; float:left; margin-bottom:30px;}

#header{ width:960px; height:auto; float:left;}
.logo{ width:276px; height:63px; float:left; margin:13px 15px 15px 25px;}
.tel{ float:right; margin:4px 15px 0 ; font-size:18px; color:#5b3615; font-family:"Times New Roman", Times, serif;}
.titre{ font-size:16px; line-height:18px; color:#115a71; float:left; width:600px; margin:10px 0 0 30px; font-family: 'Open Sans', arial, sans-serif;}

#nav{ float:right; height:29px; background-color:#115a71; -webkit-border-radius: 0 0 0 8px; border-radius: 0 0 0 8px;}
#nav ul{ padding:5px; height:29px; vertical-align:middle;}
#nav ul li{  display:inline; font-family:"Times New Roman", Times, serif; font-size:14px; border-right: solid 1px #1c647c; padding:6px 15px;}
#nav ul li:last-child{border-right:none;}
#nav ul li a{ color:#fff; text-decoration:none; font-size:14px; margin-top:5px;}
#nav ul li a:hover{ color:#bfbfbf;}
#nav a.active{color:#bfbfbf; font-style:italic;}

#slider{ width:920px; height:330px; float:left; margin-left:25px;}
#shadow-slider{ width:920px; height:28px; float:left; margin-left:25px; margin-bottom:-10px; background-image:url(../images/shadow-slider.jpg); background-repeat:no-repeat;}

#footer{ width:920px; height:auto; position:relative; margin:0 auto; padding:5px 10px; clear:both; border-top:solid 1px #ccc;}
#copy{ width:60%; height:20px; float:left; margin:3px 15px 8px 0px;  font-family:Georgia, "Times New Roman", Times, serif;  font-size:12px; font-style:italic;}
 #copy a{ text-decoration:none; color:#115a71;}
   #copy a:hover{ text-decoration:none; color:#707070;}
 
#octantis{ width:35%; height:20px; float:right; text-align:right; margin:3px 0 8px 0;  font-family:Georgia, "Times New Roman", Times, serif;  font-size:12px; font-style:italic;}
 #octantis a{ color:#115a71; text-decoration:none;}
   #octantis a:hover{ color:#707070;}
   
   

/*--------------------------------*/
/*---------Medias Queries---------*/
/*--------------------------------*/
@media only screen 
and (min-width : 1920px) 
 {
body{ background-image:url(../images/bg-2300.jpg); background-position:top center; background-repeat:no-repeat; background-color:#231a0b;}
}