html,body,#allbg,#all{min-height:100%;}
#allbg{}
body{
   color:#FFF;
   font: 12px 'Open Sans', sans-serif;
   font-style:normal;
   margin:0px;
   background:#000;
}
#facebook{position:absolute;right:4px;top:4px;z-index:999}
#facebook img{width:40px;}
#content #menutop a{color:black;}
#menutop input[type=text]{
   padding:2px;
   border:1px solid #117AB9;
   background-color:#07324D;
   border-radius:1px;
   width:160px;
   color:#FFF;
}
ul{list-style-image:url(img/li.png);padding-left: 20px;margin-bottom:10px;}
ul li{padding:4px 0px;}
input[type="text"], input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"],textarea{
   padding-left:2px;
   border:2px inset #EEE;
}
input[type="submit"], input[type="button"]{
   background: #ff7708;
   padding: 6px 12px;
   margin: 5px;
   color: #FFF;
   font-weight: bold;
   border: none;
   box-shadow: 2px 2px 4px #333;
   cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover{background:#ff7708;}
label,input[type=checkbox]{cursor:pointer;}
hr{border:none 0;border-top:1px solid #CCC;width:90%;height:1px;}
.clear{clear:both;}
.tcenter{text-align:center;}
table.tcenter{margin:auto;}
.tleft {text-align:left;}
.tright {text-align:right;}
table.tright {float:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align: middle;}
.link:hover{cursor:pointer;}
.jHide{display:none;}
.no-js .jHide{display:block;}

.twin{display:inline-block;vertical-align:top;text-align:left;width:46%;min-width:300px;margin-right:30px;}
.triple{display:inline-block;vertical-align:top;text-align:left;width:29%;margin-right:4%;min-width:300px;}
.quad{display:inline-block;vertical-align:top;text-align:left;width:23%;margin-right:2%;min-width:300px;}

.twin h3, .triple h3{margin-top:8px;color:#ff7708;font-weight:bold;}
.twin .head h3, .triple .head h3{margin-bottom: 5px;position: relative;top: -3px;display:inline-block;vertical-align:middle;font-size: 20px;}
.twin .head .img, .triple .head .img{display:inline-block;vertical-align:middle;margin-right:10px;margin-left:-45px;width: 32px;text-align: right;}
.triple .twin, .twin .twin{min-width:150px;width: 39%;margin: 0px 5%;}
.triple ul{margin-top:8px;}

.shrink_contact{width:320px;margin:auto;}
.shrink_contact table{border-collapse: collapse;}
.shrink_contact td{padding:1px 0px;}


/* --- Pagination --- */
.pagination {position: relative;float: left;left: 50%;margin-left: -100px;}
.pagination .page{float:left;margin:2px 5px;background:#00ABE0;color:#FFF;box-shadow:2px 2px 3px #333;border-radius:4px;}
.pagination .page a{text-decoration:none;padding:5px;display:block;color:#FFF;font-weight:bold;}
.pagination .page.selected{background:#59CFF3;padding:4px 5px;}

/* --- Article Affichage N°1 --- */
#articles{  
   text-align: center;
   margin: auto;
   position: fixed;
   top: 200px;
   padding-top:70px;
   bottom:0px;
   overflow:auto;
   z-index: 20;
   width:100%;
}
#articles .shrink{width:1400px;margin:auto;max-width: 100%;}
.article{
   text-align:left;
   position: relative;
   z-index: 100;
   display: inline-block;
   vertical-align: top;
   width: 550px;
   height: 720px;
   background: #292929;
   background: rgba(41, 41, 41, 0.90);
   margin:30px 40px;
}
#preview{width:760px;margin:auto;border:groove 2px #CCC;}
#produit_index .article{margin:10px 18px;background:#E5E7E8;}
.article.last{margin-right:0px;}
.article .resa_link{
   position: absolute;
   margin-left: 380px;
   margin-top: -55px;
   background: #ff7708;
   font-size: 22px;
   text-transform: uppercase;
   padding: 8px 0px;
   width:160px;
   text-align:center;
   text-decoration:none;
}
.article h3{
   color:#ff7708;
   font-size:22px;
   margin:22px 30px;
}
.article h3 a{cursor:default;color:#ff7708;font-size:22px;text-decoration:none;font-weight:bold;}
.article .vignette{max-width:100%;width:500px;height:350px;padding:0px;margin:0px;border:none;}
.galerie_shrink{overflow:hidden;width:500px;margin:auto;text-align:center;height:350px;max-width:100%;}
.article .prd_texte{overflow:hidden;height:260px;padding:15px;font-size: 15px;}

.galerie_shrink .bx-controls{width:500px;text-align:center;left:0px;top: -30px;}
.bx-pager-item{display:inline-block;margin:8px;}
.bx-pager-item a{border-radius:8px;display:block;padding:7px;font-size:0px;background:#FFF;background:rgba(255,255,255,0.5);}
.bx-pager-item a.active{background:#FFF;}

#move{position:absolute;width:300px;overflow:hidden;z-index:100000;}
#move img{width:100%;}
/* --- Article Affichage N°2 --- */
.article.aff_2{margin-right:0px;background:none;height:120px;color:#797979;font-size:11px;padding:0px;width:280px;}
.article.aff_2 .vignette_article{width:auto;height:auto;float:left;border:none;margin-top:-20px}
.article.aff_2 .vignette_article,.article.aff_2 .vignette_article img{max-width:100px;max-height:100px;}
.article.aff_2 h1{float:right;width:180px;margin-top:-20px;}
.article.aff_2 h1 a{font-weight:normal;}
.article.aff_2 .texte{float:right;width:180px;}
/* --- Article Affichage N°3 --- */
.article.aff_3 .vignette_article,.article.aff_3 .vignette_article img{max-width:150px;max-height:160px;}
.article.aff_3{margin:0px;padding:0px;}

.article .stock, #article_grd .stock{width:150px;height:42px;background:url(img/stock.png) no-repeat;margin: auto;}
#article_grd .stock{margin: 0px;}
.article .stock_0, #article_grd .stock_0{background:none;}
.article .stock_1, #article_grd .stock_1{background-position:0px 0px;}
.article .stock_2, #article_grd .stock_2{background-position:0px -43px;height:34px;margin-top: 8px;}
.article .stock_3, #article_grd .stock_3{background-position:0px -77px;height:34px;margin-top: 8px;}
.article .stock_4,#article_grd .stock_4{background-position:0px -112px;height:34px;margin-top: 8px;}
.article .stock a, #article_grd .stock a{display:block;width:100%;height:100%;}

/* --- Article Affichage Blog --- */
.blog .article{float:none;width:95%;border: none;box-shadow: none;border-bottom: solid 1px #999;border-radius: 0px;height: 120px;}
.blog .article a{text-decoration:none;}
.blog .article .vignette{height:120px;padding:0px;float:left;width:20%;border:none;border-radius:0px;margin:0px;}
.blog .article .vignette img{max-width:100%;border-radius:0px;}
.blog .article .prd_texte{float:left;width:78%;text-align:left;margin-left:2%;max-height:120px;overflow:hidden;}
.blog .article h1{margin:0px;font-size:14px;float:left;}
.blog .article h2{margin:0px;font-size:13px;float:left;}
.blog .article h3{margin:0px;font-size:10px;margin-bottom: 5px;clear:both;}
.blog .article .more{color: #444;border: solid 1px #999;padding: 4px 10px;float: right;margin-top: 5px;}


#article_grd .bx-controls-direction{margin-top:-120px;width:670px;}

#bloc_texte.small{width:630px;float:left;}

#bloc_texte.blog{float:left;width:68%;}
#sideblog{float:left;width:25%;margin-left:7%;}

#sidebloc{float:right;width:300px;}
#sidebloc h1{color:#797979;font-size:20px;}

#article_grd{width:640px;}
#article_grd h1{
   color:#535353;
   font-size:18px;
   padding-top:5px;
   margin-bottom:2px;
}
#article_grd h2{
   color:#362d26;
   font-size:18px;
   padding-bottom:5px;
   margin-top:2px;
   padding-left:20px;
}
#move{position:absolute;width:300px;overflow:hidden;z-index:100000;}
#move img{width:100%;}
#article_grd h3,#article_grd p{margin-top:2px;color:#797979;font-size:12px;}
#article_grd .vignette, #article_grd .vignette img{border:none;max-width:300px;}
#article_grd .texte{float:right;width:320px;overflow:hidden;}
#article_grd select{width:100%;}
#article_grd #prix{font-weight:bold;color:#ff7708;font-size:20px;}
#article_grd input[type=image]{top:15px;position:relative;}

#article_grd .sep{font-size:13px;font-weight:bold;clear:both;width:600px;height:20px;background:#2D7EBD;color:white;padding:10px;margin:auto;}

#pay_cbs{display:none;}

.share_this fieldset{width:250px;}
.share_this div{margin-bottom:8px;margin-top:8px;}
#bloc_like{position:absolute;left:50%;top:32px;margin-left:225px;width:350px;}
#bloc_like .twitter{float:right;margin-top:-26px;}
/* --- TETIERE --- */
#header{
   z-index: 50;
   position: fixed;
   top:0px;
   width:100%;
   background:url(img/header.png) repeat;
   height:91px;
}
#bar_menu{
   position: fixed;
   left: 0px;
   top: 80px;
   height: 65px;
   right: 35.6%;
  /* background: #505050;
   background: rgba(80,80,80,0.75);*/
   z-index: 21;
}


.home #menu, .home #bar_menu{display:none;}
.home #header{top:-200px;}
.home #logo{display:none;}
.home #resa{margin-top:-210px;transition:margin 1s;}
.home #resa.effect{margin-top:0px;}
.home #bloc_actu{}
.home #bloc_actu.effect{}
.home #resa .head, .home #bloc_actu .head{opacity:0;}

#header h1{color:#036;font-size:30px;}
#header h2{color:#036;font-size:22px;margin-left:350px;}
#logo{
   position: fixed;
   left: 62%;
   margin-top: 30px;
   margin-left: -197px;
   z-index: 110;
}
#my_account {
   background: #FFF;
   position: absolute;
   left: 50%;
   margin-left:-110px;
   top: 25px;
   padding: 5px;
   width: 220px;
   text-align: center;
   border-radius: 14px;
   box-shadow: 0px 3px 6px #333;
}
#my_account a{text-decoration:none;display:block;color:#333;font-size:14px;font-style:italic;}
#caddie{
   position:relative;
   top:-45px;
   width:130px;
   left:630px;
   text-align:left;
   border-radius:7px;
   overflow:hidden;
}
#caddie span{
   position:relative;
   top:-8px;
   margin-top:-16px;
   display:block;
   margin-left:35px;
}
.coord{float:left;width:50%;}
#jlivraison{background: #00ABE0;padding: 5px 10px;border-radius: 20px;color:#FFF;}

#btoplink {background:#FFF;height:44px;border-radius: 20px;overflow: hidden;}
#btoplink .btoplink{float:left;background:#00ABE0;text-align:center;width:25%;}
#btoplink .btoplink .titre, #btoplink .btoplink a{border-left:solid 2px #FFF;color: #FFF;font-size: 20px;text-decoration: none;display:block;padding: 10px 15px;}
#btoplink .btoplink:first-child .titre, #btoplink .btoplink:first-child a{border:none;}
#btoplink .btoplink.selected{background:#59CFF3;}
#btoplink .btoplink.disabled{background:#103F4E;}

#languages{position:absolute;top:1px;left:20px;}
#languages a{
   margin-right: 10px;
   text-transform: uppercase;
   border: solid 1px #ff7708;
   padding: 4px;
   margin: 2px;
   display: inline-block;
   width: 25px;
   text-align: center;
   text-decoration:none;
   font-size: 14px;
}
#languages a:hover,#languages a.sel{background: #ff7708;color: #FFF;}

#bdn_cookies{background: #333;color: #FFF;text-align: center;font-size: 11px;padding: 2px 0px;left:0px;width:100%;z-index:1000;}
#bdn_cookies.rtop{position:relative;}
#bdn_cookies.atop{position:absolute;}
#bdn_cookies.ftop{position:fixed;}
#bdn_cookies.fbottom{position:fixed;bottom:0px;}
#bdn_cookies a, #inform-and-ask button{
   color: #FFF;
   text-align: center;
   display: inline-block;
   margin: 2px 10px;
   background: #666;
   padding: 6px 8px;
   min-width: 50px;
   border-radius: 8px;
   text-decoration: none;
   font-size: 13px;
   border: none;
   outline: none;
   cursor:pointer;
}

#mask_fond{  
   position: fixed;   
   bottom: 0px;
   width: 100%;
   text-align: center;
   z-index: 3;
}
#mask_fond img{max-width:100%;}

#formulaire{
   margin-top: 96px;
   background: #F30;
   height: 0px;
   overflow:hidden;
   width: 300px;
   right: 0px;
   float: right;
   position: relative;
   transition:all 1s;
}
.open #formulaire{height: 200px;}
#formulaire input.datepick, #formulaire select{
   background:#505050;
   color: #FFF;
   border: none;
   border-radius: 0px;
   margin: 3px 0px;
   font-size: 18px;
   width: 175px;
   padding: 6px 5px;
   cursor:pointer;
}
#formulaire select{width:185px;}
#formulaire input.datepick{}
#formulaire input.datepick::-webkit-input-placeholder {color:#EEE;}
#formulaire input.datepick::-moz-placeholder {color:#EEE;}
#formulaire input.datepick:-ms-input-placeholder { color:#EEE;}
#formulaire input.submit{
   float: right;
   background: #505050;
   border-radius: 0px;
   box-shadow: none;
   padding: 6px 10px;
   position: relative;
   left: -10px;
   font-size: 16px;
   font-weight: normal;
}
#formulaire form{width: 200px;float: right;margin-right: 35px;}


#resa .btn_resa{
   float: left;
   background: #FFF;
   padding: 10px 30px;
   width: 185px;
   height: 269px;
}
#resa #btn_resa{
   text-align: center;
   font-size: 24px;
   color: #831361;
   float: left;
   padding: 5px;
   cursor:pointer;
}
#resa{ 
   overflow: hidden;
   position: fixed;
   width:470px;
   right: 0px;
   top: 75px;
   z-index: 99;
   min-height:105px;
}
#resa.open{z-index:101;}
#resa .bg{

  /* background-size:100% 100%;*/
   position:absolute;
   width:100%;
   height: 171px;
}
#resa .head{
   position: absolute;
   top: 24px;
   left: 80px;
   font-size: 20px;
   width: 220px;
   text-align: center;
   height: 50px;
   line-height: 50px;
}
#resa .shrink{ 
   position: absolute;
   margin-left: 110px;
   margin-top: 5px;
   overflow: hidden;
}

#smenu{text-align:center;}
#smenu .smenu{display: block;width:225px;margin:10px;margin-top: 50px;}
#smenu .smenu .vignette{float:none;padding:0px;margin:0px;max-width:100%;}
#smenu .smenu h3{background-color: rgba(255, 119, 9, 0.9);border:1px dashed #FFF; margin:0px;}
#smenu .smenu.sel h3{background-color:rgba(80, 80, 80, 0.9) ;}
#smenu .smenu h3 a{font-size: 20px;text-decoration: none;display: block;padding: 4px 0px;}


.bloc_right .grd_img{text-align:center;margin-top:5px;}
.bloc_right .grd_img img{max-width:100%;max-height: 220px;}

/* --- PIED DE PAGE --- */
#footer{
   clear: both;
   text-align: center;
   padding-top: 5px;
   padding-bottom: 5px;
   font-size: 10px;
   color: #FFF;
   background: #000;
   z-index:20;
}
#footer a{color:#FFF;margin: 0px 5px;}
#footer p{font-size:10px;margin:5px 0px;  display: inline;}
#footer .ref, #footer .ref a{font-size:9px;}
#footer .ref{margin-left:5px;display: inline;}

/* --- Rubriques --- */
#bloc_rub{width:1040px;margin:auto;}
#bloc_rub ul.niveau1{margin-right:50px;margin-left:50px;list-style-type:none;float:left;padding:0px;}
#bloc_rub ul.niveau1.nb1{margin:auto;float:none;}
#bloc_rub ul.niveau1 a{}
#bloc_rub ul.niveau2{list-style-position:inside;padding:0px;font-size:14px;color:#1F95D4;list-style-type:disc;}
#bloc_rub ul.niveau2 a{font-weight:normal;}

/* --- CONTENU --- */
#goto{position:absolute;bottom:0px;margin-bottom:20px;left:50%;margin-left:-20px;z-index: 100;}
#content{
   z-index: 20;
   text-align:left;
   position: absolute;
   top: 100%;
   width: 100%;
    background:url(img/content.png);
   
   
}
#all #content.scrolled{position: fixed;top: 200px;bottom: 0px;overflow: auto;}
.page #goto{bottom:30%;}
.page #content{top:70%;}
.page_article #content{top:auto;}

#content .large_texte{padding:1px 35px;}

#content .bloc_left{float:left;width:32%;margin-right:2%;}
#content .bloc_left .top{padding:5px;}
#content .bloc_left .top h1{margin-top:2px;margin-bottom:5px;}
#content .bloc_right{margin-top: 24px;float:left;width:66%;}
#content .bloc_right2{clear: right;text-align:center;float: right;width: 66%;margin-top: 5px;}
#content .bloc_right2 iframe{width: 100%;height:300px;border:none;max-width:600px;margin:auto;}
#content .sousmenu a{display:block;border:solid 1px #000;color:#FFF;font-size:14px;padding:8px 0px;text-align:center;border-bottom:0px;text-decoration:none;}
#content .sousmenu a:last-child{border-bottom:solid 1px #000;}
#content .bloc_right .btn_resa{color:#FFF;padding:5px 0px;width:100px;text-align:center;display:block;text-decoration:none;background:#FF3300;text-transform:uppercase;position:absolute;margin-top:-30px;left: 100%;
   font-size:18px;
margin-left: -116px;}

#main{
   padding:0px 0px;
   font-size:14px;
}
#bloc_texte{padding:1px;}
#ariane{margin-top:10px;font-size:10px;}
#liensuivant{float:right;padding-right:20px;clear:both;}
.space{height:10px;width:510px;}
/* --- MENU RUBRIQUE --- */
#menutop{
   height:50px;
   background-position:top left;
   background-repeat:repeat;
   text-align:right;
   width:600px;
   margin:auto;
   margin-top:-135px;
}
#menutop input[type=image]{position:relative;top:6px;left:5px;}
#menutop a{color:#FFF;font-weight:normal;font-size:11px;}
#menutop ul{padding:0;margin:0px;background:#6B6350;}
#menutop li:hover{background:#A48A77;}
#menutop li.sousmenu:hover{background:#A48A77;}
#menutop ul li{position:relative;list-style:none;border-left:1px solid #A48A77;float:right;}
#menutop ul.niveau2 li{float:left;}
#menutop ul.niveau2 a{font-weight:normal;}
#menutop ul ul{position:absolute;display:none;}
#menutop li a{text-decoration:none;padding:4px 6px 4px 6px;display:block;}
#menutop li.sousmenu:hover ul.niveau2{display:block;}
#bloc_recherche{text-align:right;}
/* --- NAVIGATION --- */
#search_footer{font-size:14px;color:#DDD;}
/* --- TEXTES --- */
/*titre*/
h1,.h1{color:#ff7708;font-size:24px;font-family:'Open Sans';font-weight:normal;margin-bottom:-6px;}
/*sous-titre*/
h2{font-size:20px;font-weight:bold;}
/*texte*/
h3{font-size:18px;font-weight:normal;}
p, td, li{font-size:17px;}
b,strong{color:#ff7708;}
p{margin: 8px 0px;}
a:link{color:#FFF;text-decoration:none;}
a:visited{color:#FFF;text-decoration:none;}
a:hover{color:#FFF;text-decoration:underline;}
.petit{font-size:10px;color:#000;}
.right{text-align:right;}
.center{text-align:center;}
select{font-size:9pt;}
input{font-size:9pt;}
hr{height:1px;}
.classic{width:100%;}
/* --- MESSAGES --- */
.erreur{font-size:12px;background-color:#FCC;padding:3px;color:#F00;margin-bottom:10px;border:solid 1px #F00;}
.succes{font-size:12px;background-color:#CFC;padding:3px;color:#390;margin-bottom:10px;border:solid 1px #390;}
.info{font-size:11px;background-color:#EEE;padding:10px;color:#999;margin-bottom:10px;border:solid 1px #CCC;}
/* --- IMAGES - GALERIES --- */
img{border:none;}
.texte.wphoto{float:right;width:50%;}
.galerie{
   float:left;
  width:650px;
   height:380px;

}
.galerie .vignette{
   width:26%;
   float:left;
   margin:20px 10px 0.6%;
   padding:0px;
   border:none;
   height:370px;
      border:1px solid #CCC;
}


.galerie2 .vignette{}
.galerie2 .vignette img{height:100%;min-width:100%;}

.galerie_pdf .vignette{border:none;}
.vignette{
   height:165px;
   overflow:hidden;
   float:left;
   margin:5px;
   padding:2px;

}
.vignette a:hover{text-decoration:none;opacity:0.5}
.vignette_pdf{width:75px;height:75px;margin:2px 15px 10px 0;}
/* --- LIENS --- */
.lien{
   width:500px;
   float:left;
   border:solid 1px #EEE;
   margin:10px 10px 10px 10px;
   padding:5px;

}
.plat{
color:#CCC;

}
.traduction{
color:#ff7708;
font-style:italic;
font-size:12px;
padding-bottom:2px;


}


.lien.l0{clear:both;}
#liens h3{margin:5px 0px;color:#ff7708;font-size:14px;font-weight:bold;}
#liens p{margin:5px 0px;}
#liens a{color:#ff7708;}
/* --- ACTUALITES DEFILANTES --- */
#news_inline{}
#news_inline .actu{float: left;width: 47%;margin: 5px 1%;border: solid 1px #999;box-shadow: 3px 3px 5px #333;border-radius: 8px;}
#news_inline h2, #news_inline h3{margin:2px 0px;}
#news_inline div .actu_date{font-size:11px;}
.ctitre, .actu_date, .sous_titre{
   margin-left: 2%;
}
#bloc_actu{ 
   /*overflow: hidden;*/
   position: fixed;
   right: 0px;
   left: 64.2%;
   top: 80px;
   z-index: 100;
   transition: all 1s;
   min-height: 110px;
}
#bloc_actu .head{
   position: absolute;
    top: -60px;
    /* transform: rotate(-14Deg); */
    font-size: 21px;
    cursor: pointer;
    width: 240px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    right: 80px;
    background: #ff7708;
    border: 1px dashed white;
}
#bloc_actu #link_actu.head{right:285px;}
#bloc_actu .slide{max-width: 100%;transition:height 1s;margin-top: 110px;width: 500px;float: right;height:0px;overflow:hidden;}
#bloc_actu.open .slide{height:160px;}


#div_container .vignette{border:none;height: 140px;	max-width: 150px;}
#div_container p, #div_container h3{margin:0px;font-size: 18px;margin-top: 20px;}

#div_container a {
    background: #ff7708;
    padding: 0px 75px;
}
#div_container h3,#div_container h3 a{
   color:#505050;
   text-decoration:none;
   font-weight:bold;
   font-size:26px;
   width: 441px;
    text-align: center;
    color: white;
    margin-top: 85px;
    }
#div_container p {
    position: absolute;
    top: 6px;
    text-align:center;
}
#div_container .actu_date{font-size:12px;font-weight:normal;}
#div_container .read_more{display:none;}

.bx-controls{position:relative;top:-60px;width:980px;left:-20px;}
.bx-prev{float:left;}
.bx-next{float:right;}
#sidebloc #div_container{width:300px;overflow:hidden;}
#div_container{
   height: 145px;
    width: 100%;
    background-color: #ffffff;
    padding: 5px 5px 5px 5px;
    border: 1px dashed black;
    color: black;
}
#div_container_ext{margin-top: 40px;}
#div_container_ext h2, #div_container_ext ul{margin:4px 0px;}
#div_container_ext .actu_ext{border-bottom: solid 1px #ff7708;padding:8px;}


#div_container_ext .actu_ext .vignette{
   float: left;
   width: 200px;
   height:200px;
   text-align: center;
   padding: 10px;
   margin: 0px;
   margin-right: 30px;
   background: #333;
}
#div_container_ext .actu_ext .vignette img{height:200px;max-width:100%;}
#div_container_ext .actu_ext .texte{margin-left:250px;}

#produit_index{/*Division contenant les fiche produits de la page index.*/
   clear:both;
   top:20px;
   position:relative;
   border:solid 1px #CCC;
}

#edit_box{position:absolute;right:20px;background:#F1F1F1;border:groove 2px;padding:8px;border-radius:10px;text-align:center;}
#edit_box img{margin-top:5px;margin-bottom:5px;}
#edit_box #edit_disabled{display:none;}

/* --- Livre d'or/Commentaire --- */
#div_book{border:solid 1px black;}
#div_book h1{color:black;font-size:15px;}
#div_book div:nth-child(odd){background-color:#E2E2E2;}
.texte_wcontenu .texte{width:48%;float:left;margin-top:4px;}
.texte_wcontenu .contenu{width:48%;float:right;}

.contact input[type='text']{width:160px;}
.contact input[type='submit']{text-transform:uppercase;}
.texte_wcontenu .contact{color:#333;padding:0px;box-shadow:none;border:solid 1px #666666;}
.texte_wcontenu .contact .head{text-align: center;padding: 5px 0px;}
.texte_wcontenu .contact .input{padding:8px;background: #FFF;}
.texte_wcontenu .contact .input textarea{width:98%;margin:auto;}
.texte_wcontenu .contact .foot{text-align:center;}
.texte_wcontenu .contact .foot input{text-align:center;background: none;border: none;width: 100%;box-shadow:none;padding:5px 0px;}
.texte_wcontenu .contact .head, .texte_wcontenu .contact .input input, .texte_wcontenu .contact .input textarea, .texte_wcontenu .contact .foot{background: #666666;border-radius:0px;color: #FFF;}

.triple iframe{width:98%;}

.contact{width: 320px;}
.contact textarea{width:309px;}
.contact .foot{text-align:center;margin-top: 5px;}

.robotk{font-size: 12px;position: absolute;text-indent: -10000%;z-index:-2;}
.robotm{font-size: 12px;position: absolute;text-indent: -10000%;z-index:-2;}
.robotp{font-size: 12px;position: relative;text-indent: 0px;z-index:2;}
.robotl{font-size: 12px;position: absolute;text-indent: -10000%;z-index:-2;}

/* --- Icône reseaux sociaux --- */
#reseau{position:relative;top:104px;}
#menu #reseau a{margin-left:10px;width:33px;height:31px;float:left;border:none;}
#reseau div{width:33px;height:31px;background:url("img/reseau_soc_h.png");}
#reseau #facebook{background-position:0% 100%;}
#reseau #twitter{background-position:25% 100%;}
#reseau #google{background-position:50% 100%;}
#reseau #trip{background-position:75% 100%;}
#reseau #facebook:hover{background-position:0% 0%;}
#reseau #twitter:hover{background-position:25% 0%;}
#reseau #google:hover{background-position:50% 0%;}
#reseau #trip:hover{background-position:75% 0%;}

/* --- Nuage de mot --- */
#nuage{border:dotted 1px black;width:420px;}
#nuage h1{display:inline;margin-top:0;margin-bottom:0;color:#837C7C;text-align:left;white-space:nowrap;}
#nuage h2{display:inline;margin-top:0;margin-bottom:0;color:#999797;text-align:center;white-space:nowrap;}
#nuage h3{display:inline;margin-top:0;margin-bottom:0;color:#B3B3B3;text-align:left;margin-left:10px;white-space:nowrap;}
#nuage h4{display:inline;margin-top:0;margin-bottom:0;color:#868181;text-align:right;white-space:nowrap;}
#nuage h5{display:inline;margin-top:0;margin-bottom:0;color:#666565;text-align:center;white-space:nowrap;}

#main #nuage h1 a{font-size:25px;}
#main #nuage h2 a{font-size:21px;}
#main #nuage h3 a{font-size:19px;}
#main #nuage h4 a{font-size:17px;}
#main #nuage h5 a{font-size:15px;}

/* --- Commentaire --- */
#div_comments{border:dotted 1px black;}
#div_comments > div{border-bottom :dotted 1px black;margin-bottom:5px;}
#div_comments h1{margin:2px 0px;font-size:15px;}
#div_comments h2{margin:2px 0px;font-size:13px;}
#div_comments h3{margin:2px 0px;font-size:11px;}
#div_comments .reponse{font-style:italic;margin-left:20px;}
#div_comments .reponse div{margin-left:20px;}

/* --- Style Diaporama Skitter --- */
#msg_diapo{position: absolute;top: 248px;background:rgba(236,118,46,0.8);padding: 7px 10px;font-size: 20px;color:#000}
#msg_diapo b{color:#000;}
#diaporama{position:relative;width:100%;height:100%;}
.mask{position:fixed;width:100%;height:100%;overflow:hidden;}
.mask img{display:block;}
.mw.mask img{height: 100%;min-width: 100%;    position: absolute;}
.mh.mask img{width: 100%;min-height: 100%;    position: absolute;}
#diaporama img{max-width:none;}
#diaporama ul{display:none;}
#diaporama .container_skitter{overflow:hidden;position:relative;max-width:100%;min-width:100%;min-height:100%;max-height:100%;}
#diaporama .image{overflow:hidden;max-width:100%;min-width:100%;min-height:100%;max-height:100%;}
#diaporama .image img{display:none;}
#diaporama .box_clone{max-width:100%;min-width:100%;min-height:100%;max-height:100%;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
#diaporama .box_clone img{z-index:20;}
#diaporama .prev_button{position:absolute;top:50%;left:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(img/prev.png) no-repeat left top;}
#diaporama .next_button{position:absolute;top:50%;right:35px;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(img/next.png) no-repeat left top;}
#diaporama .info_slide{position:absolute;top:15px;left:15px;z-index:100;background:#000;color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;border-radius:5px;opacity:0.75;}
#diaporama .info_slide .image_number{background:#333;float:left;padding:2px 10px;margin:0 5px 0 0;cursor:pointer;border-radius:2px;}
#diaporama .info_slide .image_number_select{background:#cc0000;float:left;padding:2px 10px;margin:0 5px 0 0;}
#diaporama .container_thumbs{top:-50px;position:relative;overflow:hidden;height:50px;}
#diaporama .info_slide_thumb{height:50px;border-radius:0;overflow:hidden;top:auto;top:0;left:0;padding:0 !important;opacity:1.0;}
#diaporama .info_slide_thumb .image_number{overflow:hidden;width:100px;height:50px;position:relative;margin:0 !important;padding:0 !important;border-radius:0 !important;}
#diaporama .info_slide_thumb .image_number img{position:absolute;top:-30px;left:-30px;height:100px;}
#diaporama .box_scroll_thumbs{padding:0;}
#diaporama .box_scroll_thumbs .scroll_thumbs{position:absolute;bottom:60px;left:50px;background:#ccc;background:linear-gradient(to left, #555, #fff);width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;cursor:pointer;}
#diaporama .info_slide_dots{position:absolute;bottom:0px;z-index:151;padding:0px 10px 8px 5px;margin-left:-30px;width:1000px;text-align:right;}
#diaporama .info_slide_dots .image_number{background:#BCBFC4;margin:0 5px 0 0;cursor:pointer;border-radius:50px;width:12px;height:12px;text-indent:-9999em;overflow:hidden;font-size:0px;
padding:6px;}
#diaporama .info_slide_dots .image_number_select{background:#ff7708;margin:0 5px 0 0;}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(img/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}
#diaporama .label_skitter{ 
   z-index: 22;
   position: absolute;
   top: 350px;
   left: 30%;
   color: #fff;
 max-width: 918px;
 background-color: rgba(0, 0, 0, 0.5);
   /*transform: rotate(-5Deg);*/
}
#diaporama .label_skitter p{
   font-weight:normal;
   font-family:'Open Sans';
   text-align:center;
   color:#FFF;
   font-size:50px;
   border-top:2px solid #FFF;
     border-bottom:2px solid #FFF;
   
}
#diaporama .info_slide *{font-family:Consolas,arial,tahoma !important;}
#diaporama .progressbar{background:#000;position:absolute;top:5px;left:15px;height:5px;width:200px;z-index:99;border-radius:20px;}
#diaporama .preview_slide{display:none;position:absolute;z-index:152;bottom:30px;left:-40px;width:100px;height:100px;background:#fff;border:1px solid #222;box-shadow:rgba(0,0,0,0.7) 2px 2px 5px;overflow:hidden;}
#diaporama .preview_slide ul{height:100px;overflow:hidden;margin:0;list-style:none;display:block;position:absolute;top:0;left:0;}
#diaporama .preview_slide ul li{width:100px;height:100px;overflow:hidden;float:left;margin:0;padding:0;position:relative;display:block;}
#diaporama .preview_slide ul li img{position:absolute;top:0;left:0;height:150px;width:auto;}
#overlay_skitter{position:absolute;top:0;left:0;width:100%;z-index:9998;opacity:1;background:#000;}
#diaporama .focus_button{position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(https://www.lebistrotdesolidor.com/img/focus-button.png) no-repeat left top;opacity:0;}
#diaporama .play_pause_button{position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(img/pause-button.png) no-repeat left top;opacity:0;}
#diaporama .play_pause_button.play_button{background:url(img/play-button.png) no-repeat left top;}

/* --- Style Shadowbox --- */
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;z-index:999;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-loading-inner span{background:url(scripts/sb/loading.gif) no-repeat;padding-left:34px;display:inline-block;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;margin: 0px !important;}
#sb-info,#sb-info-inner{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;margin-top: 0px !important;}
#sb-info-inner{font-size:12px;}
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
#sb-nav a{display:block;float:right;height:50px;width:30px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav a#sb-nav-close{background-image:url(scripts/sb/close.png);margin-left: -14px;position: absolute;left: 100%;top: 8px;}
#sb-nav-next{background-image:url(scripts/sb/next.png);position: absolute;top: 50%;left: 101%;}
#sb-nav-previous{background-image:url(scripts/sb/previous.png);position: absolute;left: -34px;top: 50%;}
#sb-nav-play{background-image:url(scripts/sb/play.png);}
#sb-nav-pause{background-image:url(scripts/sb/pause.png);}
#sb-counter{bottom: -15px;width:45%;position: absolute;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}
div.sb-message{font-size:12px;padding:10px;text-align:center;}
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
/* --- Style Shadowbox --- */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0,0,0,0.5);}
.fancybox-outer,.fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image,.fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {background-image: url('img/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('img/ajax-loader.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background:#000;background:rgba(0,0,0,0.6);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;	background: rgba(0,0,0,0.8);border-radius: 10px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0,0,0,.8);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {background-image: url('https://www.lebistrotdesolidor.com/fancybox_sprite@2x.png');background-size: 44px 152px;}
	#fancybox-loading div {background-image: url('https://www.lebistrotdesolidor.com/fancybox_loading@2x.gif');background-size: 24px 24px;}
}
#btn_mobile{
   background-color: #ff7708;
   text-align: center;
   font-size: 20px;
   color: #FFF;
   border-top: solid 1px #FFF;
   display:none;
   padding: 5px;
   cursor:pointer;
}
#btn_mobile img{vertical-align: middle;height:20px;margin-top: -4px;}
/* --- MEDIA QUERY --- */
@media print{
   #menu,#info_slide_dots,#menutop,#languages{display:none;}
}
.texte img{max-width:100%;}

@media all and (max-width:1850px){#all ul#css3menu a, #all ul#css3menu span {padding: 20px 15px;font-size: 15px;}}
@media all and (max-width:1840px){#logo img{width:300px;}}
@media all and (max-width:1750px){#all ul#css3menu a, #all ul#css3menu span {padding: 20px 14px;font-size: 14px;}}
/* @media all and (max-width:1700px){} */
@media all and (max-width:1650px){#all ul#css3menu a, #all ul#css3menu span {padding: 20px 13px;font-size: 13px;}}
@media all and (max-width:1640px){#logo{left:55%}}
@media all and (max-width:1550px){#all ul#css3menu a, #all ul#css3menu span {padding: 20px 12px;font-size: 12px;}}
@media all and (max-width:1450px){#all ul#css3menu a, #all ul#css3menu span {padding: 20px 8px;}}
@media all and (max-width:1500px){.galerie{width:700px;}}
@media all and (max-width:1400px){
   #logo{top: 10px;left: 10px;margin: 0px;}
   #all #menu{top:180px;}
   #header{height:180px;}
   #all #css3menu{width:auto;}
   #msg_diapo{top: 280px;}
}
@media all and (max-width:1350px){.galerie{width:600px;}}
@media all and (max-width:1200px){.galerie{width:500px;}}
@media all and (max-width:1100px){
   #goto{display:none;}
   .page #content{right:auto;}
   #resa{top:-30px;}
   #bloc_actu{top:50px;left:auto;right:0px;}
}
@media all and (min-width:1000px) and (max-width:1200px){
   .twin,.triple{width:auto;}
}
@media all and (max-width:1000px){
   .galerie{float:none;margin:auto;width:auto;}
   .texte.wphoto{float:none;width:auto;}
}
@media all and (max-width:800px){
   #resa{width: 420px;}
   #bloc_actu .head{right:30px;}
   #content .bloc_left, #content .bloc_right, #content .bloc_right2{width:auto;float:none;margin:0px;}
}
@media all and (max-width:800px){
   .twin,.triple{overflow: hidden;display:block;width:auto;float:none;min-width: 0px;margin:0px;}
}
@media all and (max-width:700px){
   #btn_mobile{display:block;}
   #all #css3menu{display:none;overflow: hidden;width:100%;}
   
   .home #menu, .home #logo{display:block;}
   #bloc_actu .slide{float:none;width:auto;margin-top: 0px;}
   #div_container h3, #div_container h3 a{font-size:17px;width: initial;padding: 0 10px;}
   #div_container p, #div_container h3{font-size:12px}
   #bloc_actu .slide img{display:none;}
   #all ul#css3menu .toproot, #all ul#css3menu .topmenu {  
      display: block;
      margin-right: 0px;
      float: none;
      text-align: center;
      background: #F60;
   }
   ul#css3menu li.toproot>a, ul#css3menu li.topmenu>a, ul#css3menu ul li.menu>a, ul#css3menu li.toproot>span{text-align:center;}
   #all ul#css3menu .submenu {  
      position: relative;
      float: none;
      background-color: #F30;
   }
   #all ul#css3menu a, #all ul#css3menu span {padding: 4px 16px;}
   #header{position:relative;height: auto;padding-bottom: 140px;}
   #all #resa,#all  #bloc_actu,#all #bloc_actu .head, #all #resa .head{
      width: auto;
      background:none;
      max-width: 200px;
      margin: 5px auto;
      top: 0px;
      left: 0px;
      height: auto;
      min-height:0px;
      transform:none;
      color:#FFF;
      line-height: normal;
      opacity:1;
   }
   #all #resa{top:160px;position: absolute;}
   #all #bloc_actu{top:200px;position: absolute;}
   #all #bloc_actu .head,#all  #resa .head{
      background:#FF7708;
      padding:5px 0px;
      margin:0px; 
      position: relative;
   }
   #content, .page #content{position:relative;left: 0px;right: 0px;top:0px;width: 100%;min-width:0px;margin-top: 360px;}
   #msg_diapo {top: 307px;}
   #footer{position:relative;margin-top: 10px;}
   #content .bloc_left{float: none;width: 100%;margin: 5px auto;}
   #content .bloc_right, #content .bloc_right2{margin-top:35px;float: none;width: 100%;}
   #articles {position: relative;top: 0;}
   #main{padding:0px;}
   #all #menu{position:relative;top: 255px;padding: 0px;}
   #all #header{height: 28px;top:0px;padding-bottom:0px;}
   #logo{left:0px;height:150px;margin-left: 0px;width: 100%;text-align: center;position: absolute;}
   #logo img{max-width:100%;height:150px;}
   #diaporama .label_skitter{visibility:hidden;}
}
@media all and (max-width:640px){
   .article{width:auto;margin:20px 0px;display: block;height: auto;padding: 1px 0px;}
   .article .resa_link{  
      margin-left: 0px;
      right: 0px;
      margin-top: 5px;
      margin-bottom:5px;
      position: relative;
      clear: both;
      float: right;
   }
}
@media all and (max-width:500px){
   #content .large_texte{padding:1px 10px;}
   .widget{display:none;}
   #div_container h3{font-size: 18px;}
   #div_container h3 a{font-size: 18px;}
}
@media all and (max-width:380px){
   #languages{left:1px;}
   #languages a{padding:2px;}
}