/* less */
@accent:#8dc003;

@bgColor:#fbf9ec;

@AccroColor:#503938;
@bgAccro:#dcdbdb;
@logoColor: #a4df04;


@backgroundColor:#614746; /* couleur bg holder */
@contentBg:#ffffff;/* bg content */
@contentText:#5d4443;

@txtFooter:#c2b6b3;
@txtFooterH:#9bcb0d;

@bgInput:#785e5d;
@borderInput :#523c3b;
@textInfobar:#eee7e0;
@phoneBg:#766666;
@txtphone:#e8e6d6;

@txtMenu:#503938;
@HoverMenu:#5c4342;
@txtHoverMenu:#fff;

/* less */

/* Basics */
*{padding:0;margin:0;}
a{ text-decoration:underline; color:@contentText;}
a:hover{text-decoration:none;}


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

}
@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('../js/avgardn-webfont.eot');
    src: url('../js/avgardn-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../js/avgardn-webfont.html') format('woff'),
         url('../js/avgardn-webfont.ttf') format('truetype'),
         url('../js/avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style:normal;
}
@font-face {
    font-family: 'romanescoregular';
    src: url('../js/romanesco-regular-webfont.eot');
    src: url('../js/romanesco-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('../js/romanesco-regular-webfont.html') format('woff'),
         url('../js/romanesco-regular-webfont.ttf') format('truetype'),
         url('../js/romanesco-regular-webfont.svg#romanescoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* styling */
body {
	background-image: url(../images/bg.html);
	background-repeat: repeat;
	background-position: center top;
	font-family:"Trebuchet MS", sans-serif;
	background-color:@bgColor;
}

#holder {
	width: 890px;
	margin-top: 16px;
	margin-right: auto;
	margin-left: auto;
	background-color:@backgroundColor;
	color:@contentText;
	font-size: .8em;
	position: relative;
}
.shadow {
	box-shadow: 0 10px 10px #535353;
	-moz-box-shadow: 0 0 10px #535353;
	-webkit-box-shadow: 0 0 10px #535353;
}   
#top_holder{
	height:44px;
	width:890px;
	background-color:@accent;
	float:left;
	
}
#top_holder #nav {
    position:relative;
    text-align:left;
	margin-left:17px;
	width:865px;
	float:left;
	padding-top:0px;
	font-family: 'league_gothicregular';
	font-weight: 300;
	font-size:22px;
}
#top_holder #nav ul {
	list-style:none;
    position:relative;
	
  
}
#top_holder #nav li {
	float:left;position:relative;
	margin-top:0px;
	height:44px;
	line-height:44px;
	background-image:url(../images/sep-menu.png);
	background-repeat:no-repeat;
	background-position:left top;
}
#top_holder #nav li:first-child {
  border-left: none;
  background-image:none;
}
#top_holder #nav li a{text-decoration:none;
    color:@txtMenu;
    padding:0px 22px;
    text-align:center;
    white-space:nowrap;
	display:inline-block;
	height:44px;
	line-height:44px;
	}
#top_holder #nav li.selected a{outline:none; background-color:@HoverMenu; color:@txtHoverMenu;}
#top_holder #nav  a{ color:@txtMenu; outline:none;}
#top_holder #nav li a:hover{background-color:@HoverMenu; color:@txtHoverMenu;}
/* left side */
#holder #leftbar {
	float: left;
	width: 521px;
	margin-left:17px;
}

#holder #leftbar #video{margin:0; padding:0; width:521px; height:294px;

background-image: url("../images/video.jpg");
background-repeat:no-repeat;


}

#holder #leftbar #content{
	height:auto;
	background-color:@contentBg;
	min-height:704px;
}
#holder #leftbar #content h1 {
	font-size: 130%;
}

#holder #leftbar #content h2 {
	font-size: 120%;
}
#holder #leftbar #content h3 {
	font-size: 110%;
}
#holder #leftbar #content p, #holder #leftbar #content h1, #holder #leftbar #content h2, #holder #leftbar #content h3{margin-top:20px;}
#holder #leftbar #content {
	text-align: justify;
	padding: 25px;
	margin:0;
}
#holder #leftbar #content li {margin-left:30px}
#holder #leftbar #content ul {margin-top:10px}

/* right side */
#holder #rightbar {
	width: 352px;
	float: right;margin:0; padding:0;
}

#holder #rightbar #logo {
	position: relative;
	height: 252px;
	font-family: 'romanescoregular';
	font-size: 86px;
	color:@logoColor;
	text-align:center;
	width:314px;
	/* text-transform:uppercase; */
	margin:21px 20px;
	background:url(../images/bg_logo.png) no-repeat top left;
}
#holder #rightbar #logo a{ color:@logoColor; text-decoration:none; position:relative; z-index:100; display:table-cell; vertical-align:middle; text-align:center; height:auto; width:314px; line-height:74px;}
#holder #rightbar #logo #Slogan{
font-family: 'AvantGardeBkBTBook';
font-size: 16px;
color:@logoColor;
letter-spacing:4px;
}
#holder #rightbar #phone {
	text-align: center;
	height:97px;
	float: left;
	font-size:26px;
	font-family: 'league_gothicregular', serif;
	width:342px;
	background:url(../images/bg_phone.png) no-repeat top left @phoneBg;
	color:@txtphone;
	line-height:97px;
}

#holder #rightbar #phone .tel{
	font-size:28px;
	margin-left:10px;
}
#shodow_phone{ height:22px; background:url(../images/shodow_phone.png) top center; width:359px; float:left; position:relative;}
/** infobar **/
#infobar{
	width: 359px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
#infobar .heurs{
	float:left;
	padding:0px 20px 20px 20px;
	width:319px;
	font-family: 'AvantGardeBkBTBook';
	font-size: 14px;
	line-height:25px;
}
#infobar .heurs .titre{
	font-size:28px;
	font-family: 'league_gothicregular', serif;
	color:@accent;
	font-weight:300;
	line-height:28px;
	padding-bottom:8px;
}
#infobar #map {
	float:left;
	padding:0px 20px 20px 20px;
	width:312px;

}
.box_googlemaps{
border:1px solid @borderInput;
	display:block;
	-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;
	padding:2px;
	height:160px;
	background:#fff;
}
#infobar #form{
	float:right;
	width:324px;
	padding:0px 20px 15px 20px;
	color:@textInfobar;
	margin-top:-7px;
}

/** footer **/
#footer {
	margin-top:15px;
	margin-left:18px;
	padding-right:18px;
	padding-bottom:25px;
	
	color: @txtFooter;
	font-size: 11px;
	text-align: left;
	overflow:hidden;
	height:auto;
}
#footer p{
margin-top:0px;
}
#footer #nav {

    position:relative;
    text-align:left;
	margin-left:0px;
		float:left;
	width:480px;
}
#footer #nav ul {
	list-style:none;
    position:relative;
   
}
#footer #nav li {
	float:left;position:relative;
	border-left:1px solid;
	line-height:12px;
	height:12px;
	margin-top:15px;
}
#footer  #nav li:first-child {
  border-left: none;
}
#footer  #nav li:first-child {
  border-left: none;
}
#footer #nav li a{text-decoration:none;
    color:@txtFooter;
    padding:0px 12px;
    text-align:center;
    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;
}

.roundcorners{-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border-radius:5px;}
.roundcornersh{-moz-border-radius:0px 0px 5px 5px;-webkit-border-radius:0px 0px 5px 5px;-khtml-border-radius:0px 0px 5px 5px;border-radius:0px 0px 5px 5px;}      
/* form */       
.formItem{margin:5px 0;}                                    
label, input {display:inline-block;vertical-align:top; font-family: 'AvantGardeBkBTBook'; font-size:14px;}
label{width:125px;padding:5px 0 0;}
fieldset{border:none;}
legend {/*display:block;margin-bottom:20px;font-size:150%;*/ display:none;}
input[type=text], textarea {width:183px; padding:5px; background-color:@bgInput; border:1px solid @borderInput;  font-family:inherit;font-size:inherit; .roundcorners;}
submitButton{text-align:right;line-height:120%;}
input[type=submit]{font-family: 'league_gothicregular'; background-color:@accent;height:40px;font-size:28px;border:none;width:195px;cursor:pointer;color:@textInfobar;margin: 0 0 0 125px;padding:0 10px auto;.roundcorners;}
input[type=submit]:hover{color:@textInfobar*2;}
.private_policy{font-size:70%; margin:5px 0 0 125px;}
.private_policy a{color:@txtFooter;}
.private_policy a:hover{color:@txtFooterH;}

#shodow{
width:100%;
background-image:url(../images/ombre.png);
background-position:center bottom;
background-repeat:no-repeat;
padding-bottom:100px;
}
.accro {height: auto;min-height: 79px;background-color: @bgAccro;padding-left: 25px;padding-right: 25px; padding-top:18px; padding-bottom:0px; color: @AccroColor !important;font-size: 34px;font-family: 'league_gothicregular';font-weight: 300;margin-top: -25px !important;margin-left: -25px;margin-right: -25px;display: block; width:471px; text-align:left; }

.network{
float:left; margin-top:20px;
margin-left:32px;
}
.bezoom{
width:86px !important;
height:30px !important;
float:right;
display:block !important;
z-index:100;
position:absolute;
top:20px;
right:25px;
}
.bloc_contact{
float:right;
position:relative;
height:auto;
width:374px;
margin-right:0px;
text-align:right;
margin-top:15px;
}
#logo_fb_tweet_bez {
	
	margin:0 auto;
	position:relative;
	width:890px;

}
.at15t_facebook{
background:url(../images/fb.png) no-repeat top left !important;
	width:30px !important;
	height:30px !important;
}
.addthis_32x32_style .at15t_facebook{
background-position:0px 0px !important;
}
.at15t_twitter{
background:url(../images/tweeter.png) no-repeat top left !important;
	width:30px !important;
	height:30px !important;
}
.addthis_32x32_style .at15t_twitter{
background-position:0px 0px !important;
}