body {
	color: #000000;
	font-size: 15px;
    font-family: 'open_sansregular';
	font-style: normal;
	font-weight: normal;
	text-align: left;

}

.all-content 	{
    background-color: #272727;
}

		
/*-----------------------------------------------------------------------*/
	#footerSlideButton {
	bottom: 8px !important;
}
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
	background: #cf181f !important;
}
.cc-cookies {
	z-index: 10 !important;
	width: 100% !important;
}

#img-content {
    float: left;
}
.content1 {
    float: right;
    padding-bottom: 30px;
    width: 649px;
}

#social {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 15px;
    width: 100%;
}
#like {
    margin: auto;
    width: 1000px;
}
#like a {
    color: #fff;
    letter-spacing: 1px;
    line-height: 25px;
}
#like a img {
    float: right;
    margin-left: 10px;
}
/*---------------h2 contenu----------------------------------------------------*/
#content h2 {
    color: #cf181f;
    font-family: geoslab703_lt_btlight;
    font-size: 21px;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: left;
}
#content h3 {
    color: #3f3f3f;
    font-family: geoslab703_lt_btlight;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 25px;
    text-align: left;
}
.bold {
	font-weight: bold;
}
.clear {
	clear: both;
}
#content p {
	margin-bottom: 15px;
}
.list-service {
	display: table;
	min-height: 20px;
	padding-bottom: 13px;
}
.list-service li {
	float: left;
	width: 370px;
	padding-right: 10px;
}


.camera_pag {
    margin-right: 400px !important;
    margin-top: -116px !important;
}

.camera_wrap .camera_pag .camera_pag_ul li {
    background: none repeat scroll 0 0 #cf181f !important;
}

.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
    background: none repeat scroll 0 0 #fff !important;
}

.fluid_container {
   bottom: 0;
   max-height: 470px;
   left: 0;
   position: absolute;
   right: 0;
   top: 0;
   z-index: 0;
	height:auto;
}
.camera_wrap {
   height: 100%;
}


/*Style general
---------------------------------------------------------------*/
aside, section, article, header, footer, div, span {
	box-sizing: border-box;
}

.header{
	background:url(../images/img-slid.jpg)no-repeat scroll 50% 0 / cover #e3e3e3;
	}
header {
  width:100%;
  min-height:20px;
  overflow:hidden;
  	
}

p em {
    color: #fff;
}

	/*--------------
nav--------------------------------------*/	
nav {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    clear: both;
    float: left;
    height: 190px;
    margin-bottom: 30px;
    padding: 20px;
    width: 275px;
	margin-top: 0px;
}

.sf-menu > li {
	background: url(../images/separateur.png)left bottom no-repeat;
	padding:4px 0;
}

#logo {
    display: block;
    float: left;
    height: 153px;
    margin: 5px auto 11px 147px;
    width: 567px;
}	
/*------------------------------------------------------------*/

footer {
    background: url(../images/bg-footer.jpg)no-repeat scroll 50% 0 / cover #e3e3e3;
    min-height: 20px;
    overflow: hidden;
	position:relative;
    padding-bottom: 40px;padding-top: 40px;
    width: 100%;
}




#call {
    background: rgba(0, 0, 0, 0) url("../images/bg-call.png") no-repeat scroll left center;
    clear: both;
    color: #fdfdfd;
    float: left;
    font-family: geoslab703_lt_btlight;
    font-size: 26px; letter-spacing: 1px;
    font-weight: normal;
    line-height: 52px;
    padding-top: 6px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
	padding-left:70px;
}		  #call a {
			 color:#fff; font-size:23px; 
			 line-height:30px;letter-spacing: 3px;
 
}



#container {
    min-height: 20px;
    position: relative; display: table;
    width: 1000px;
	margin:auto;
    z-index: 1;
}

#container-header{width:850px; min-height: 20px;
    position: relative; display: table;
	margin:auto;
    z-index: 1;}

#callin0{
	background:#cf181f;
	width:100%;
	min-height:20px;
	position:relative;
	z-index:1;
	    margin-top: 10px;
	    padding: 10px 0 10px;}
/*****************************Box**********************************************/
.box {
    color: #bbbbbb;
    float: left;
    line-height: 22px;
    min-height: 20px;
    padding-right: 62px;
    position: relative;
	padding-bottom:10px;
    width: 50%;
}

.box a {
    display: block;
    font: 0px/0 a;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}



.box1{
	background:url(../images/separateur-box.png) right bottom no-repeat;}
	.box2{
		padding-left:62px;}.box:hover h2 { color: #cf181f;}
.box h2 {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    font-family: geoslab703_lt_btlight;
    font-size: 33px;
 
    height: auto;
    line-height: 33px;font-weight: normal;
    margin-bottom: 20px;
    padding-bottom: 15px;
}
.lien {
    background: #3a3a38 none repeat scroll 0 0;
    clear: both;
    color: #fff;
    display: block;
    float: right;
    height: 35px;
    line-height: 35px;
    margin-top: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 105px;
}
	 
	 .box:hover .lien{
		  background: #cf181f none repeat scroll 0 0;

		  color:#fff}

#ouvert{
	float:right;
	 color:#fff;
	 width:325px;
	  line-height:22px;
	  
	}
	#ouvert h2{ border-bottom: 1px solid rgba(255,255,255,0.3);    font-family: geoslab703_lt_btlight; font-size:33px; line-height:35px;
	padding-bottom:10px;
	margin-bottom:40px; color:#fff;font-weight: normal;
		}
/**-----------------------------------------------------------------------------*/
#contact {
    background: rgba(0, 0, 0, 0) url("../images/bg-contact.png") no-repeat scroll right bottom;
    color: #fff;
    float: left;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 20px;
    min-height: 18px;
    overflow: hidden;
    padding-right: 10px;
    width: 650px;
}
#contact a {
	color: #cf181f;	text-decoration: underline;

}
#contact a:hover {text-decoration: none;	}



#contact h2 {
   border-bottom: 1px solid rgba(255,255,255,0.3);    font-family: geoslab703_lt_btlight; font-size:33px; line-height:35px;
	padding-bottom:10px;font-weight: normal;
	margin-bottom:40px; color:#fff;
}


.sp1 {
    background: rgba(0, 0, 0, 0) url("../images/sp1.png") no-repeat scroll left center;
    display: block;
    float: left;
    line-height: 21px;
    padding-left: 38px; padding-top: 4px;
    width: 366px;
}
.sp2 {
    background: rgba(0, 0, 0, 0) url("../images/sp2.png") no-repeat scroll left top;
    display: block;
    float: left;
    line-height: 33px;
    margin-bottom: 5px;
    padding-left: 36px;
    width: 270px;
}
.sp3 {
    background: rgba(0, 0, 0, 0) url("../images/sp3.png") no-repeat scroll left center;
    display: block;
    float: left;
    line-height: 23px;
    margin-bottom: 5px;
    padding-left: 36px;
    width: 270px;
}

/*--------------------------bloc-bas----------------------------------------------*/
#bloc-bas {
    width:100%;
	min-height:20px;
	overflow:hidden;
	 background:url(../images/bg-box.jpg)no-repeat scroll 50% 0 / cover #e3e3e3;
	 padding:30px 0 10px 0;
}

#newletter{
	width:100%;
	min-height:20px;
	color:#fff;
	 line-height:22px;
	background:#cf181f;
	padding:15px 0;}
.news h2{
	font-size:33px;
	color:#fff;
	float:left;
	    font-family: 'geoslab703_lt_btlight';
		line-height:33px;
		height:auto;font-weight: normal;
		width:196px
	
	}
	

/*------------------------content-----------------------*/	
#content {
    color: #fff;
    line-height: 22px;
    margin: auto;
    min-height: 20px;
    padding: 40px 0;
    text-align: justify;
    width: 1000px;
}
#content li {
	list-style: url(../images/puce.png);
	margin-left: 10px;
	line-height: 22px;
	text-align: left;
}
#content h1 {
    border-bottom: 1px solid #cf181f;
    color: #cf181f;
    font-family: geoslab703_lt_btlight;
    font-size: 33px; text-align: left;
    font-weight: normal;
    height: auto;
    letter-spacing: 0;
    line-height: 35px;
    margin-bottom: 30px;
}

.camera_overlayer {
    bottom: 0;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    background: rgba(0,0,0,0.2);
}
	
.reservv {
   background-color: white!important;
}
        
@media only screen and (max-width: 1200px){
}
@media only screen and (max-width: 1024px){
	#content {
    	width: 100%;
	}
	.all-content {
		padding: 30px!important;
	}
	.content1 {
    	float: left;
    	width: 100%;

	}
	#img-content {
    	display: none;
	}
	#container {
    	width: 100%;
	}
	#content img {
    	width: 100%;
		height: auto;
	}
	
}
@media only screen and (max-width: 768px){
	#bloc-bas {
    	padding: 30px!important;
	}
	#newletter {
    	padding: 15px 30px!important;
	}
	article form#form-nl {
    	width: 100%!important;
	}
	footer {
    	padding: 30px;
	}
	#contact {
    	width: 48%;
	}
	#callin0 {
    	padding: 10px 0 10px 20px;
	}
	#container-header {
    	width: 100%;
	}
	#logo {
    	margin: 5px auto 11px 57px;
    	width: 70%;
	}
	#logo img {
    	width: 100%;
	}
	nav {
    	background: none;
	}
}
@media only screen and (max-width: 414px){
	#container-header {
    	width: 100%;
	}
	nav {
    display: none;
}
	#camera_wrap_1 {
    height: 230px!important;
}
	#logo {
    	height: auto;
    	margin: 5px auto 11px 30px;
    	width: 100%;
	}
	#logo img {
    	width: 70%;
	}
	#call a {
    	font-size: 16px;
    	line-height: 20px;
	}
	.camera_wrap .camera_pag .camera_pag_ul {
    	display: none!important;
	}
	.box1 {
    	background: none;
	}
	.box {
    	padding-right: 0px;
   	 	width: 100%;
	}
	.box2 {
    	padding-left: 0px;
		padding-top:20px;
	}
	article form#form-nl ol li {
    	width: 100% !important;
	}
	article form#form-nl #subscriber-submit {
    	margin: 20px 0 0;
	}
	#ouvert {
    float: left;
    color: #fff;
    width: 100%;
    line-height: 22px;
    padding-right: 30px;
}
	#call {
    padding-left: 60px;
    padding-right: 20px;

}
	.sp1, .sp2, .sp3 {
    width: 100%;
}
	#contact {
    width: 100%;
}
	
	
}
@media only screen and (max-width: 320px){
	a.mobile-nav {
    	right: 5px!important;
	}
	#content {
    	padding: 0px 0;
	}
	#call {
    padding-left: 10px;
		background: none;
}
	#call p {
    margin-bottom: 0px;
}
	#callin0 {

    margin-top: 40px;

}
}