/* less */
@accent:#6f8f1d;
@backgroundColor:#dddfdc;
@logoColor:#000000;
@titleColor:#ffffff;
@contentBg:#ffffff;
@contentText:#303030;
@txtFooter:#ffffff;
@infobarBg:#000000;
@txtinfobarBg:#ffffff;
@bginput:#ffffff;
@txtinput:#000000;
@borderInput:#313131;
@txtFooterH:#000000;
/* less */

/* Basics */
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400);
@import url(http://fonts.googleapis.com/css?family=Rambla);
@import url(http://fonts.googleapis.com/css?family=Open+Sans);

*{padding:0;margin:0;}
a{outline:none; color:@accent; text-decoration:underline;}
a:hover {text-decoration:none; outline:none;}

@font-face {
    font-family: 'league_gothicregular';
    src: url('/media/js/league_gothic-webfont.eot');
    src: url('/media/js/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/js/league_gothic-webfont.woff') format('woff'),
         url('/media/js/league_gothic-webfont.ttf') format('truetype'),
         url('/media/js/league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('/media/js/avgardn-webfont.eot');
    src: url('/media/js/avgardn-webfont.eot?#iefix') format('embedded-opentype'),
         url('/media/js/avgardn-webfont.woff') format('woff'),
         url('/media/js/avgardn-webfont.ttf') format('truetype'),
         url('/media/js/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style:normal;
}
/* styling */
body {
	background-image: url(/media/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color:@backgroundColor;
	font-family: 'Open Sans', Trebuchet MS, sans-serif;
	font-weight:400;
}
#bg-container{
/*background-image: url(/media/images/bg-container.png);
	background-repeat: no-repeat;
	background-position: center top;*/
	width:100%;
	overflow:hidden;
	height:auto;
}
#holder {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	background-color:none;
	color: @contentText;
	font-size: .8em;
	position: relative;
}

/* header */
#header{
float:left;
position:relative;
margin-left:56px;
width:890px;
height:auto;
padding-top:25px;
}

#header #nav {
    position:relative;
    text-align:left;
	width:616px;
	height:45px;
	float:left;
	font-family: 'league_gothicregular';
	font-weight: 300;
	font-size:20px;
	background-color:@contentBg;
	padding-left: 274px;

}
#header #nav ul {
	list-style:none;
    position:relative;
	
  
}
#header #nav li {
	float:left;position:relative;
	/*border-left:1px solid;
	line-height:12px;
	height:12px;*/
	margin-top:0px;
	height:45px;
	line-height:45px;
	background-image:url(/media/images/sep-menu.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#header #nav li:first-child {
  border-left: none;
  background-image:none;
}
#header #nav li a{text-decoration:none;
    color:@contentText;
    padding:9px 7px;
    text-align:center;
    white-space:nowrap;}
#header #nav li.selected a{outline:none; color:@accent;}
#header #nav  a{ color:@contentText; outline:none;}
#header #nav li a:hover{ color:@accent;}



#top_header{
	float:left;
	width:890px;
	height:8px;
	background-color:@accent;
	
	
}
#logo {
	position: absolute;
	height: 242px;
	top: 78px;
	font-family: 'Archivo Narrow', sans-serif;
	font-size: 40px;
	color:@logoColor;
	width:335px;
	background:url(/media/images/bg_logo.png) no-repeat top right;
	text-align:center;
	padding-right:40px;
	padding-top:15px;
	padding-left:515px;
	left:0px;
}
#logo a img{margin-top: -5px;}
#Slogan{
font-family: 'AvantGardeBkBTBook', sans-serif;
color:@logoColor !important;
letter-spacing:4px;
font-size:16px;
line-height:38px;
}
#phone {
	position:absolute;
	top:45px;
	left:9px;
	width:264px;
	height:55px;
	background-color:@accent;
	font-family: 'league_gothicregular', serif;
	font-size:28px;
	line-height:58px;
	color:@titleColor;
	text-align:center;
	z-index:100;
}
.tel{
	color:@titleColor;
	font-size:32px;
	padding-left:8px;
}

#slideshow{
	float:left;
	width:890px;
	height:257px;

}
#titre{
	float:left;
	height:auto;
	background-color:@accent;
	width:457px;
	min-height:69px;
	color:@titleColor;
	padding-left:33px;
	padding-right:400px;
	
	font-weight: 400;
	color:@titleColor;
	font-size: 40px;
	font-family: 'league_gothicregular';
	line-height:69px;
}
/*#titre h1{ 
	font-weight: 400;
	color:@titleColor;
	font-size: 40px;
	font-family: 'league_gothicregular';
	line-height:69px;
}*/
/* contenu */ 

#bg_content{
	width:890px;
	height:auto;
	background-color:@contentBg;
	margin-left:56px;
	float:left;
	/*min-height:665px;*/
}
#content p, #content h1, #content h2{margin-top:20px;}
#content li {margin-left:30px}
#content ul {margin-top:10px}
#content {
	text-align: justify;
	padding:0 29px 29px 29px;
	margin:0;
	height:auto;
	/*min-height:784px;*/
	/*margin-left:25px;*/
	width:450px;
	line-height:20px;
	float:left;
	
}
#logo a{ color:@logoColor; text-decoration:none;}
#content h1{ 
	/*font-weight: 400;
	color:@accent;
	font-size: 40px;
	font-family: 'league_gothicregular';
	/*line-height:69px;
	margin-top:25px;*/
	font-size: 130%;
	line-height:27px;
}
h2 {
	font-size: 120%;
	line-height:22px;
}



/** infobar **/
#infobar{
	
	
	background-color:@infobarBg;
    float: right;
    height: auto;
    margin-bottom: 20px;
    margin-right: 37px;
    margin-top: -67px;
    min-height: 503px;
    padding: 18px;
    position: relative;
    width: 302px
}
#infobar #slide{
	float:right;
	width:302px;
	
	height:201px;
	border: 1px solid #878888;
}
.carte{
background-image: url(/media/images/icon-menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:50px;
	padding-left:50px;
	padding-top:21px;
	
}
.carte a{ font-family: 'league_gothicregular'; font-size:23px;color:@titleColor;}
#infobar #map {
	float:left;
	/*padding-top:20px;*/
	width:304px;
	margin-top:6px;
}
.box_googlemaps{border: 1px solid @borderInput;}
.CTA-right{display:block;margin-bottom:10px;font-size:30px;color:@txtinfobarBg; font-family: 'league_gothicregular';}
#infobar #form{
	float:right;
	width:302px;
	padding:0px 0px 10px 0px;
}

/** footer **/
#footer {

   	background-color:@accent;
    color:@txtFooter;
    float: left;
    font-size: 90%;
    height: auto;
    margin-left: 56px;
    padding-bottom: 15px;
    padding-top: 10px;
    text-align: left;
    width: 840px;
	padding-left:25px;
	padding-right:25px;

}

#footer p{
margin-top:20px;
}
#footer #nav {
    float:left;
    position:relative;
    text-align:left;
	width:840px;
	color:@titleColor;

}
#footer  #nav ul {
	list-style:none;
    position:relative;
	margin-left:-11px;

}
#footer  #nav li {
	float:left;position:relative;
	border-right:1px solid;
	line-height:12px;
	height:12px;
	margin-top:18px;
}
#footer  #nav li:first-child {
  border-left: none;
}
#footer #nav li a{text-decoration:none;
    margin:0px;
    float:left;
    color:@txtFooter;
    padding:0px 6px;
    text-align:left;
    white-space:nowrap;
	}
#footer #nav li.selected a, #footer #nav li a:hover{color:@txtFooterH;}

#footer  a{ color:@txtFooter;}
#footer  a:hover{ color:@txtFooterH;}
/* classes */

.hide {
	display: none;
}
.clear {
	clear: both;
}
.shadow {
	box-shadow: 0 0 10px #000000;
	-moz-box-shadow: 0 0 10px #000000;
	-webkit-box-shadow: 0 0 10px #000000;
}   
.roundcorners{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
        
/* form */       
.formItem{margin:4px 0;}  
label{color:@txtinfobarBg; font-family: 'AvantGardeBkBTBook'; font-size:14px;}                                  
label, input {display:inline-block;vertical-align:top;  }
input,textarea{background-color:@bginput; border:1px solid @borderInput !important;}
label{width:120px;padding:5px 0 0;}
fieldset{border:none;}
legend {display:block;margin-bottom:10px;font-size:30px;color:@txtinfobarBg; font-family: 'league_gothicregular';}
input[type=text], textarea {width:170px; padding:5px; font-family:inherit;font-size:inherit; border:0;.roundcorners; color:@txtinput !important;}
submitButton{text-align:right;line-height:120%;}
input[type=submit]{background-color:@accent;font-family: 'league_gothicregular';height:34px;font-size:24px;font-weight:400;border:none;width:180px;cursor:pointer;color:@titleColor;margin: 0 0 0 120px;padding:0 10px auto;.roundcorners; border:none !important;}
input[type=submit]:hover{background-color:@accent;color:@infobarBg;}
.private_policy{font-size:70%; margin:5px 0 0 120px;}
.private_policy a{color:@txtinfobarBg;}
.private_policy a:hover{color:@txtinfobarBg/2;}
/*  Ombre Footer */
#ombre{
 width:1000px;
 float:left;
 background:url(/media/images/ombre.png) no-repeat top center;
 height:48px;
}

.accro {
	height: auto; 
	padding-top:8px; 
	padding-bottom:8px; 
	margin-left: -29px;
	display:block;
	height:auto;
	background-color:@accent;
	width:450px;
	/*min-height:69px;*/
	color:@titleColor;
	padding-left:33px;
	padding-right:407px;
	font-weight: 300;
	color:@titleColor;
	font-size: 28px;
	line-height:42px;
	font-family: 'league_gothicregular';
	}
.merci{
margin-top:-31px;
}
#phonefix{
 background-color: @accent;
  color: @titleColor;
  font-family: 'league_gothicregular',serif;
  height: 40px;
  font-size: 26px;
  right:0px;
  line-height:44px;
  position:fixed;
  text-align:center;
  bottom:0px;
  width:250px;
  border-radius:4px 0px 0px 0px;
  
}
#phonefix .tel{
	font-size: 29px !important;
	padding-left:8px !important;
}
.fb-like{
width:890px !important;
/*height:90px !important;*/
margin:0 auto !important;
display:block !important;
margin-top:-30px !important;
z-index:100;
float:left !important;
margin-left: 56px !important;
margin-bottom:50px !important;
/*background-color:@contentBg;*/
padding:10px 0px;
}
#SuperContainer{
/*float:left;*/
}

.highslide-content{
margin-left:-7px;
position:relative;
}
.highslideContainer {
    float: left;
    height: 100px;
    margin-left: 15px!important;
    margin-top: 15px!important;
    width: 210px!important;
}
.highslide img {
    border: 1px solid @contentText!important;
}
.highslide-text{
display:block!important;
text-align:center!important;
}

.contactForm .contact-field-item .contact-field-element .form-field {
    width: 93% !important;
    padding: 5px 10px;
    border: none !important;
    border-radius: 0 !important;
}

.gdpr_policy {
    margin: 5px 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: baseline;
}
.contactForm .gdpr_policy label {
    display: inline;
    width: 100%;
}