
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
html,body{ height: 100%;}
body{ position: relative; height: 100%; font-size: 12px;}
.clear { float: none; clear: both;}
.hack_inline_block{ letter-spacing: -1px; font-size: 1px;}
.ie7 .hack_inline_block * {zoom: 1 !important; display: inline !important;}
.loader{ width: 100%; height: 100%; background:#fff; position: fixed; z-index:900;}
@import url('https://fonts.googleapis.com/css?family=Cabin');


@font-face {
    font-family: 'playfair_display_scregular';
    src: url('../fonts/playfairdisplaysc-regular-webfont.eot');
    src: url('../fonts/playfairdisplaysc-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/playfairdisplaysc-regular-webfont.woff2') format('woff2'),
         url('../fonts/playfairdisplaysc-regular-webfont.woff') format('woff'),
         url('../fonts/playfairdisplaysc-regular-webfont.ttf') format('truetype'),
         url('../fonts/playfairdisplaysc-regular-webfont.svg#playfair_display_scregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'aaarghnormal';
    src: url('../fonts/aaargh-webfont.eot');
    src: url('../fonts/aaargh-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/aaargh-webfont.woff2') format('woff2'),
         url('../fonts/aaargh-webfont.woff') format('woff'),
         url('../fonts/aaargh-webfont.ttf') format('truetype'),
         url('../fonts/aaargh-webfont.svg#aaarghnormal') format('svg');
    font-weight: normal;
    font-style: normal;

}


::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #333;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #333;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #333;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #333;
}
*{font-family: 'Cabin', sans-serif !important;}

.loader h1 { color:#9ACD32; font-family: 'aaarghnormal'; font-size:13px; width:100%; position:absolute; top:50%; display:block; left:0; text-align:center; margin-top:-120px; }
.loader .logo { left:50%; margin-left: -48px; position: absolute; top: 50%; margin-top:-80px; }
.loader #progress-bar-container { position: absolute; top: 50%; height: 2px; margin-top: -1px; width: 100%; left: 0; }
.loader #progress-bar{ width: 0%; height: 100%; background-color:#9ACD32;position: absolute; }
#progress-bar-elements { display: none;}



/* container total */
#container { position: relative; width: 100%; height: 100%;}

/*menu*/

#btn-menu {position: absolute; right: 0; background: #9ACD32; top: 0; border: none; padding: 0; margin: 0; width: 80px; height: 100%; cursor: pointer; overflow: hidden; font-family: "playfair_display_scregular";}
#btn-menu.btn_active { background-color: #00CED1; -webkit-transition : background-color 0.5s; transition: background-color 0.5s;}
#btn-menu span {-ms-transform: rotate(0); -webkit-transform: rotate(45d0);transform: rotate(0);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;width:40px; border-bottom: 1px solid #fff; display: block; margin: 0 auto 4px; position: relative;}
#btn-menu span.active { -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s;margin-top: 10px;}
#btn-menu span.active:last-child {top:-4px; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s; margin-top: 0;}
#btn-menu i {color: #fff; position: relative;top: -20px; font-size: 12px; text-transform: uppercase; top: -10px;}


#menu { width: 25%; background:#00CED1 url(../img/fond-menu.png) no-repeat top center; position: fixed; top: 95px; z-index: 9999; margin-left:-100%;}
#menu ul { position: relative; top: 50%; width: 80%; margin: 0 auto; }
#menu ul li { font-size: 18px; text-transform: uppercase; display: block; height: 45px; line-height: 45px; border-bottom: 1px solid #000; position:relative; z-index:1 }
#menu ul li a { color:#000 ; text-decoration: none; -webkit-transition : color 0.5s; transition : color 0.5s; display: block;}
#menu ul li a:hover { color: #fff;}

#menu ul li ul { position:absolute; background:#fff; color:#00CED1; margin-top:15px !important; width:100%; z-index:3; display:none; }
#menu ul li ul li { font-size: 16px; text-transform:none; display: block; height:auto; line-height:17px; border-bottom: 1px solid #00CED1; position:relative; padding:6px 0px; margin:0px 15px; }
#menu ul li ul li:last-child { border-bottom:0px; }
#menu ul li ul li a { color:#00CED1; font-family: 'aaarghnormal'; font-size:12px; }
#menu ul li ul li a:hover { color: #9ACD32;}
#menu ul li ul .bt_fermer_ss_smenu { position:absolute; right:0;  width:15px; height:15px; line-height:15px; background:#fff; color:#00CED1; top:0; -webkit-transition: -webkit-transform 0.3s;transition: transform 0.3s; text-align:center; display:block; font-size:17px; padding:2px; border:0px; margin-right:0px;  margin-top:-19px; cursor:pointer; font-family:Verdana, Geneva, sans-serif;}
#menu ul li ul .bt_fermer_ss_smenu:hover { color: #9ACD32; }

/*logo*/
#logo { height: 95px; width: 100%; position: absolute; text-align: center; background: #fff;}
#logo img { margin-top: 16px;}

/*ligne*/
#container .row { width: 100%; position: relative; font-size: 0; float: left;}
#container .row .col { width: 25%; height: 100%; display: inline-block; letter-spacing: normal; font-size: 16px; position: relative; overflow: hidden; float:left;}
#container .row .col>img { position: absolute; }

/* ligne du haut et du bas */
#container .row-top{ width: 100%; z-index: 3;}
#container .row-bottom { position: relative; height: 95px; width: 100%;}

#container .row-top { top: 0; }
#container .row-top .col{background: #f2f2f2; height:95px;}
#container .row-bottom .col>img, #container .row-top .col>img{z-index: 1; }
#container .row-bottom .col>a,#container .row-top .col>a{ -webkit-transition:color 0.6s;transition : color 0.6s; z-index: 3!important; position: absolute;}
#container .row-bottom .col>a:hover, #container .row-top .col>a:hover{color:#000; text-shadow:0px 0px 5px rgba(255,255,255,1);}
#container .row-top .col>a,#container .row-bottom .col>a { display: block; width: 100%; height: 95px; color: #fff; text-align: center; text-decoration: none; font-family: 'playfair_display_scregular'; position: absolute; z-index: 2; line-height: 95px;}
#container .row-top .col>span, #container .row-bottom .col>span {display: block; position: absolute;height: 95px; width: 10%;z-index: 2;}
.vert { background: #9ACD32 !important;}
.marron { background: #00CED1 !important;}
.dnone { background:#f2f2f2; }


/*Lien boutique dans ligne top accueil*/
#container .row-top #col_boutique_top{}
#container .row-top #bt_boutique_top{width:100%; margin:auto; height:95px; color:#fff; font-family: 'playfair_display_scregular';}
#container .row-top #bt_boutique_top span{background:url('../images/picto_boutique_acceuil_h30.png') no-repeat scroll 0 0; line-height:35px; padding-left: 40px; display:inline-block; font-size:12px; 
text-transform: uppercase;}
#container .row-top #col_boutique_top_mobil{display:none;}


/*Google translate

.skiptranslate{bottom:0;}*/
#google_translate_element{position:fixed; bottom:0; right:0; z-index:200;}


/*Reservation*/
#container_panier{height:95px; position:absolute; top:0; right:0; background-color:#9ACD32; padding-top:10px;}

#container .row #col-resa {height:95px;}
#container .row #col-resa #widget-panier{position:absolute; margin:0; top:95px;}

/*Moteur recherche affaire*/
#container .row-top #ct_moteur{width:50% !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
#container .row-top #ct_moteur_mobil{display:none; border:4px solid #9ACD32; height:auto;}
#container .row-top #btn_form_recherche{display:none;}
.moteur_recherche .champ_moteur, .moteur_recherche #btn_recherche_container {width:24%; padding:3px 2px; font-family :'playfair_display_scregular'; display:inline-block; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}

.moteur_recherche .champ_moteur label{font-weight:blod; font-size:12px;}
#container .row-top #ct_moteur{display:inline-block; width:100%;}

.moteur_recherche {
    padding: 10px 8px 8px;
    background-color: #eff0f1 !important;
    border-radius: 0 !important;
    font-size: 12px !important;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.moteur_recherche #ct_critere{
	width:100%;
	float: left;
	padding: 0;
	padding-right:120px;
	margin-top: 5px;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.moteur_recherche .champ_moteur label {
    color: #9ACD32 !important;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 12px;
    font-weight: bold;
	display: inline-block;
}



.moteur_recherche .champ_moteur input, .moteur_recherche .champ_moteur select {
    
    font-size: 11px !important;
    padding: 2px 3px;
	border: 1px solid #c3c3c3;
	width:100%;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
	line-height: 17px;
	color: #333 !important;
	height: 25px;
}


/*Style AR
.moteur_recherche .champ_moteur .moteurWrapSelect{
	background: #fff url("../images/select_down-noir.png") no-repeat scroll right center !important;
    border: 1px solid #c3c3c3 !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.2) inset !important;
    color: #333 !important;
    display: block !important;
    line-height: 29px;
    overflow: hidden !important;
    width: 100% !important;
	height: 25px !important;
    padding: 2px 1px !important;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.moteur_recherche .champ_moteur select {
	-moz-appearance: none;
    background-color: transparent !important;
    border: 0 none;
    color: #666;
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 !important;
    text-indent: 0;
	vertical-align: top;
	border: 0 none !important;

}*/

.moteur_recherche #btn_recherche {
    float: right !important;
	width:100%;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.moteur_recherche #btn_recherche{
    background-color: #9ACD32 !important;
    font-family: "Open Sans Condensed",sans-serif;
    font-size: 15px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
	border:0 none;
	cursor:pointer;
	box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}

.row .no_result {height: 22px; margin: 0 auto; position: relative; text-align: center; top: 50%; width: 100%; z-index: 2;}

.row .no_result span{ display: block; line-height: 22px; padding: 0px 40px; font-size: 22px; color: rgb(81, 73, 54);}



/*ligne milieu*/
#container .row-middle { position: relative;}
/*#container .row-middle.premiere { margin-top: 95px;}*/
#container .row-float-right .col { display:block; float:right; }

#container .row-middle .col .liens { width: 100%; height: 100%; font-family: 'playfair_display_scregular'; color: #00CED1;}
#container .row-middle .col .liens .face {text-align:center; height:22px; width: 100%; position: relative; top: 0!important; margin:0px auto 0; z-index: 2;color:#fff!important;}
#container .row-middle .col .liens .face .title { font-size: 16px; display:block; padding:0px 40px; line-height:22px;}
#container .row-middle .col .liens .face .trait { display: block; width: 100%!important; height: 1px; background:#fff; position: absolute; bottom: 0; }
#container .row-middle .col .liens .face .trait:last-child{ right: 0;}
#container .row-middle .col div.liens:hover .face { color:#fff;}
#container .row-middle .col div.liens:hover .face .trait{ background-color:#fff;}
#container .row-middle .col>a{ text-decoration: none; width: 100%; height: 100%; display: block; transition:background 0.5s; -webkit-transition:background 0.5s;}
#container .row-middle .col{ background:#9ACD32!important; color: #fff!important;}
#container .row-middle .col>a:hover .face .trait{ background: #fff !important;}

#container .row-middle .col .liens .back { background: #9ACD32!important; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block!important;opacity:1!important;}
#container .row-middle .col .liens .back ul { width: 100%; text-align: center; top:0; position: absolute; width: 70%; top:30px;}
#container .row-middle .col .liens .back ul li { height: 12px; padding:3px 0px; line-height: 14px;}

#container .row-middle .col .liens .desc_liens { position:absolute; text-align:center; bottom:0; margin-bottom:15px; width:auto; width:100%; text-transform:none; color:#FFF; font-size:12px; line-height:14px; font-family: 'aaarghnormal';  }
#container .row-middle .col .liens .desc_liens p { display:block; padding:0px 15px;  }
#container .row-middle .col .liens .desc_liens a { display:block; width:110px; text-align:center; background:#FFF; color:#00CED1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease; transition: all 0.5s ease; text-decoration:none; line-height:28px; height:26px; padding-top:2px; font-size:14px; margin:3px auto; margin-top:7px;  font-family: 'playfair_display_scregular'; }
#container .row-middle .col .liens .desc_liens a:hover { width:130px; padding-top:6px; padding-bottom:3px; font-size:16px; }
#container .row-middle .col .liens .back ul li a {display: block; text-decoration: none; color: #fff; font-family: 'aaarghnormal'; font-size:11px;-webkit-transition: color 0.5s; transition : color 0.5s;}
#container .row-middle .col .liens .back ul li a:hover { color: #fff;}
#container .row-middle .col nav{ width: 100%; height: 100%; position: relative; z-index: 2; background-color: #00CED1; color: #fff;  font-family: 'playfair_display_scregular'; display: none; }

#container .row-float-left .col .liens .face .arrow_right {display:none;}
#container .premiere .col .liens .face .arrow_right {display:none;}
#container .row-float-right .col .liens .face .arrow_left {display:none;}
.arrow_left{position:absolute; left:0; top:11px; background:url('../images/fleche-left_h21.png') no-repeat; height: 22px; width: 11px;}
.arrow_right{position:absolute; right:0; top:11px; background:url('../images/fleche-right_h21.png') no-repeat; height: 22px; width: 11px;}
#container .row-middle .col>a:hover .face .arrow_left{  background:url('../images/fleche-left_h21.png') no-repeat;}
#container .row-middle .col>a:hover .face .arrow_right{  background:url('../images/fleche-right_h21.png') no-repeat;}

/* CONTACT */
.double_row { position:relative; width:100%; }
.double_col { position:relative; width:50%; display:block; float:left; font-family: 'aaarghnormal'; font-size:12px; color: #000; line-height:17px; text-align:justify; }
.double_col h2 { color:#9ACD32; font-family: 'playfair_display_scregular'; border-bottom:1px solid #9ACD32; padding-bottom:5px; margin-bottom:5px; font-size:15px;  text-align:left; }
.contenu_double_col { padding:10px; font-size: 14px; }
.contenu_double_col iframe { position:absolute; left:0; top:0; width:100%; height:100%; }
#zone-form { background:#f2f2f2; padding:5px; margin-top:10px; }
#zone-form table { width:100%; }
#zone-form table td { padding-bottom:5px; vertical-align:middle; font-family: 'aaarghnormal'; font-size:12px;  color: #000; font-size: 14px;}
#zone-form table h3 { color:#00CED1; font-family: 'playfair_display_scregular';  font-size:13px;  text-align:left; border-bottom:1px solid #000; padding-bottom:5px;  margin-bottom:5px;}

/* METEO */
#meteo { position:absolute;  width:200px; height:305px; padding:5px; background:#FFF; z-index:999; box-shadow:0px 0px 5px rgba(0,0,0,0.5); display:none;}
#fermer_meteo { position:absolute;  display:block; background:#FFF; font-size:15px; padding:3px; top:0; right:0; margin-right:5px; margin-top:5px; text-align:center; color:#000;  box-shadow:0px 0px 5px rgba(0,0,0,0.5); border-top:0px; border-left:0px; font-family:Arial, Helvetica, sans-serif; cursor:pointer;}

/* PARTENAIRE */



#container .row .col_partenaire{background-color:#fff;}
#container .row-bottom .col_partenaire a{display: inline-block;
    height: auto;
    margin-right: 11%;
    position: relative;
    width: 26%;
	float: left;
	}
	
	#container .row-bottom .col_partenaire a img{width:100%;}
	
	#container .row-bottom .col_partenaire a:last-child{ margin-right: 0; float: right;}
	#container .row-bottom .col_partenaire a:last-child{ margin-right: 0; float: right;}

/*DETAIL */
#masque { width:100%; height:100%; position:fixed; z-index:4; top:0; left:0; background:rgba(0,0,0,0.75); display:none; }
#ajax { width: 75%; height: 100%;  z-index: 15; position: fixed; display: none; right: 0; font-family: 'playfair_display_scregular'; background:url(../images/loading.gif) center center no-repeat #FFF; }
#conteneur_detail { border:1px solid #000;  position:relative; }
#fermer_detail { cursor:pointer;  height:40px; width:40px; line-height:40px; position:absolute; font-family:Verdana, Geneva, sans-serif; z-index:1000; right:0; top:0; font-size:20px; text-align:center; background:#9ACD32; color:#FFF; } 

#menu_detail{ width: 50%; position:relative;  top:0;   padding-left:20px;  }
#menu_detail li{	list-style-type: none; display:block; clear:both; font-family: 'aaarghnormal'; margin-top:10px;}
#menu_detail li .titre_li { float:left; background:url(../images/li_detail.png) top left no-repeat; width:84px; height:45px; line-height:22px; color:#FFF; text-align:center; padding:20px 15px 20px 0px; font-size:11px; }
#menu_detail li .ligne { line-height:45px; }
#menu_detail li .texte_li { float:left; margin-left:10px; line-height:85px; }
#menu_detail li .texte_li li { margin-left:0px; }
#contenu{ position:absolute; width:50%; right:20px; top:0; 	color:#ffffff; background:#00CED1; height:100%; font-family: 'aaarghnormal'; font-size:13px; line-height:17px; }
#contenu a { color:#FFF; }
#contenu h2{	font-size:16px; color:#ffffff;	text-align:center; text-transform:uppercase;  margin-bottom:5px;font-family: 'playfair_display_scregular';	}
#contenuimg { position:relative; color:#ffffff;	text-align: justify; z-index:1;}
#contenuimg li{ text-align:left;}
#detail_photo { position:absolute; bottom:0; left:0; width:100%;  z-index:2; padding:0px; margin:0px; }
#detail_photo img { width:100%; margin:0px; padding:0px; display:block; opacity:0; }
#cycle_photo { position:relative; z-index:1; } 
#contenu #prev_photo { position:absolute; left:0; top:50%; height:18px; padding-top:2px; line-height:20px; width:20px; text-align:center; background:#FFF; color:#000; opacity:0; margin-top:-10px; margin-left:15px; display:block; text-decoration:none; color:#000; font-size:16px; z-index:999; cursor:pointer; }
#contenu #next_photo { position:absolute; right:0; top:50%; height:18px;  padding-top:2px; line-height:20px; width:20px; text-align:center; background:#FFF;color:#000; opacity:0; margin-top:-10px; margin-right:15px; display:block; text-decoration:none; color:#000; font-size:16px; z-index:999; cursor:pointer;}
#contenu_desc { padding:10px 15px; }
#contenu #desc .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255, 255, 255, 0.9) !important; width: 6px !important; }
#contenu #desc .mCSB_1_container{margin-left: 20px;}
#contenu #desc .mCSB_scrollTools{margin-right: 20px;}
#menu_detail .mCSB_scrollTools{margin-bottom:110px;}


#div_reserver {  position:absolute; z-index:1001; bottom:0; left:0; width:100%; }

#bt_reserver { display:block; color:#FFF; background:url(../images/bt_resrever.jpg); width:105px; text-align:center; height:85px; padding-right:50px; line-height:85px; font-size:16px; margin:0px auto; position:relative;  margin-bottom:20px;  cursor:pointer; font-family: 'aaarghnormal'; }
#bt_boutique { display:block; color:#FFF; background:url(../images/bt_boutique.jpg); width:105px; text-align:center; height:85px; padding-right:50px; line-height:85px; font-size:16px; margin:0px auto; position:relative;  margin-bottom:20px;  cursor:pointer; font-family: 'aaarghnormal'; }
#div_reserver #zone-form { width:680px; margin:0px auto;  padding:10px; position:relative;  margin-bottom:10px; display:none; }
.resa_ar #zone-form{width:90% !important ; background-color:#f6f6f6;}
#fermer_form_resa { cursor:pointer;  height:30px; width:30px; line-height:30px; position:absolute; font-family:Verdana, Geneva, sans-serif; z-index:1000; right:0; top:0; font-size:17px; text-align:center; background:#9ACD32; color:#FFF; }
#lien_acces{margin-top:22px; display: inline-block; z-index:1500; position:relative;}
#lien_acces img{display:block;}


#contenu_menu_detail ul li .texte_li strong { font-weight:bold; }
#contenu_desc strong { font-weight:bold; }
.ct_act{font-size: 12px;
    line-height: 14px;
    margin: 10px 0 5px 25px;}
.ct_act li{margin: 5px 0;}


@media screen and (max-width: 1100px)
{
	#container .row-middle .col .liens .face {height:20px; }
    #container .row-middle .col .liens .back ul li { padding: 3px 0;}
    #container .row-middle .col .liens .face .title { font-size: 14px ;}
    #container .row-middle .col .liens .back ul li a {font-size: 11px;}
}

@media screen and (max-width: 1024px)
{


	
	#container .row-top { position:relative; max-height: 140px;}
	#container .row-middle.premiere {    margin-top:0px !important;}
	#container .row-middle {  height:500px !important; }
	#container .row-middle .col { box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50% !important; height:250px !important; vertical-align:middle !important; }

	
	#container .row-top .col,#container .row-bottom .col { box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:50% !important; height:95px; }
	#container .row-top .col > a, #container .row-bottom .col > a { height:95px;}
	#container .dnone { display:none !important; }
	#container .row-middle .float-right { display:block !important; float:right; }
	#container .row-middle .float-left { display:block !important; float:left; }
	
	
	#container .premiere .col .liens .face .arrow_right {display:none;}
	#container .premiere .col .liens .face .arrow_left {display:none;}
	#container .row .col .liens .face .arrow_right {display:none;}
	#container .row .col .liens .face .arrow_left {display:none;}
	
	#menu { width:50%;  position:absolute; padding-bottom:95px; }
	
	
	#container .row-top #col_boutique_top{display:none;}
	
	#container .row-top #col_boutique_panier_top{
		width: 50% !important;
		position: absolute;
		z-index: 12;
		top: 95px;
		height: 45px;
		right: 0;
	}
	#container .row-top #col_boutique_top_mobil{display:block; height:45px; line-height:45px;}
	#container .row-top #bt_boutique_top{width:100% !important;}
	
	#container .row-top #bt_boutique_top{
		height:45px;
		line-height:45px;
		
	}
	
	
	
	#container .row-top #ct_moteur form{display:none;}
	#container .row-top #ct_moteur_mobil{width:100% !important;}
	#container .row-top #ct_moteur{
		width: 50% !important;
		position: absolute;
		z-index: 12;
		top: 95px;
		height: 45px;
		right: 0;
	}
	
	#container .row-top  #container_panier{width:100%; height: 45px;}
	
	#container .row-top #container_panier #widget-panier{margin-top:0; position:absolute; left:50%; top:0; margin-left:-50px;}
	#container .row-top #container_panier #widget-panier .OsPanier.api .ospanier.minitoggle .entete{background-position: 46% 20% !important; height:45px;}
	#container .row-top #container_panier #widget-panier .OsPanier.api .ospanier.minitoggle .entete .LibelleEntete{display:none}
	#container .row-top #container_panier #widget-panier .OsPanier.api .ospanier.minitoggle .entete .EnteteNbArticles{top:0 !important}
	
	
	#container .row-top #btn_form_recherche{
		width:50% !important; 
		display:inline-block;
		font-size: 16px;
		height: auto;
		letter-spacing: normal;
		overflow: hidden;
		position: relative;
	}
	#container .row-top #btn_form_recherche a{
		color: #fff;
		display: inline-block;
		font-family: "playfair_display_scregular";
		height: 45px;
		line-height: 45px;
		text-align: center;
		text-decoration: none;
		width: 100%;
		z-index: 2;
		background-color:#00CED1;
		position:relative;
		
	}
	
	
	.moteur_recherche #ct_critere{padding:0;}
	.moteur_recherche .champ_moteur, .moteur_recherche #btn_recherche_container {width:33%;}
	.moteur_recherche .champ_moteur label { min-width: 75px; }
	.moteur_recherche .champ_moteur input, .moteur_recherche .champ_moteur select { min-width: 135px; }
	
	
	
	/*DETAIL */
	#ajax { width:95%; left:2.5%; height:auto !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:absolute; background:#FFF;}
	#conteneur_detail { border:1px solid #000; height:auto !important;  position:relative; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; max-width: 1200px;margin:0 auto;display:block; }
	
	#menu_detail{ width:100% !important; height:auto !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;  top:0;   padding-left:20px;  }
	#contenu #desc { height:auto !important; }
	
	#contenu{ position:relative; width:100% !important; right:0px; top:0; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
	#contenuimg { height:auto !important; }

	#detail_photo { position:relative; bottom:0; left:0; width:100%;  z-index:2; padding:0px; margin:0px; overflow:hidden; }
	#detail_photo #cycle_photo { overflow:hidden; }
	
	#div_reserver {  position:relative; z-index:1001; bottom:0; margin-bottom:0px; left:auto; margin-left:0px; width:100%; background:rgba(0, 0, 0, 0) url("../images/fond_bt_reserver.jpg") repeat-x scroll 0 0;  }
	#bt_reserver { margin:0px auto; }
	#div_reserver #zone-form { width:100%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

	
	/* CONTACT */
	.double_row {  margin-top:0px; height:auto !important; }
	.double_col { width:100%; display:block; float:none; height:auto !important;  }
	.contenu_double_col iframe { position:relative; left:0; top:0; width:100%; height:350px; }
}

@media screen and (max-width: 700px)
{
	#div_reserver #zone-form table td { display:block; width:50%; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; float:left;}
	#div_reserver #zone-form table td:nth-child(2n+1) { clear:both; }
}

@media screen and (max-width: 480px)
{
	#container .row-top {
		max-height: 235px;
		position: relative;
	}
	
	#container .row-top #ct_moteur{ top: 190px;}
	
	#container .row-top #col_boutique_panier_top{ top: 190px;}
	#container .row-top #col_boutique_top_mobil{width:50% !important;}
	#container .row-top #bt_boutique_top span{font-size:0; line-height:normal; margin: 5px auto 0; padding-left:0; width:35px; height:40px; display:block;}
	
	
	
	
	#container .row-bottom { height:190px; }
	#container .row-middle { height:900px !important; }
	#container .row-middle .col { width:100% !important; height:225px !important; }

	#container .row-middle .col .liens .back ul li { padding: 2px 0;}
    #container .row-middle .col .liens .face .title { font-size: 13px ;}
    #container .row-middle .col .liens .back ul li a {font-size: 10px;}
	
	#container .row-top .col,#container .row-bottom .col {  width:100% !important; height:95px; }
	.float-right { display:block !important; float:none; }
	.float-left { display:block !important; float:none; }
	
	#google_translate_element {left: 0;}
	
	#menu { width:100%;}
	#menu_detail{ padding-left:0px;  }
	#menu_detail li{	list-style-type: none; display:block; clear:both; font-family: 'aaarghnormal'; margin-top:10px; padding:0px 10px; width:100%;  box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
	#menu_detail li .titre_li { float:none;  margin-bottom:10px; }
	#menu_detail li .texte_li { float:none; clear:both; margin-left:0px; line-height:20px !important; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; width:100% !important; padding:0px;}
	#menu_detail li .texte_li li { padding:0px; }
	
	
	.moteur_recherche #ct_critere {
		margin-right: 0;
	}
	
	.moteur_recherche .champ_moteur{
		width:100%;
	}

	.moteur_recherche .champ_moteur label {
		width: 33%;
		text-align: center;
	}

	.moteur_recherche #btn_recherche{
		width:100%;
		position:relative;
		top:0;
		right:0;
	}
	
	#container .row_no_result{height:40% !important;}

	
	
}




/* Menu encart hauteur */

 
@media screen and (min-height: 800px) and (min-width: 1024px) 
{
	#container .row-middle .col .liens .back ul li {
		height: 18px;
		line-height: 18px;
		padding: 4px 0;
	}
	
	#container .row-middle .col .liens .back ul li a {
		font-size: 14px;
	}

}

@media screen and (max-height: 799px)
{
	#container .row-middle .col .liens .back ul li {
		height: 12px;
		line-height: 14px;
		padding: 3px 0;
	}
	
	#container .row-middle .col .liens .back ul li a {
		font-size: 11px;
	}

}












