@import url("https://fonts.googleapis.com/css?family=Lobster");
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700&display=swap');

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
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: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

body{color:#26221a;font-family:"Raleway";}
.lobster{font-family:lobster}
section{float:left;width:100%}
#entete{background-image:url('../img/entete.png');}
.logo{float:left;position:relative;margin-top:50px;}
.entete_liste{float:left;position:absolute;left:50%}
.entete_liste ul{float:left;margin:0px;padding:0px;}
.entete_liste li{list-style:none; color:#FFF;background-color:#26221a;float:left;margin-left:10px;padding:3px;padding-left:10px;width:150px;border-radius:0px 0px 10px 10px;}
.entete_liste li span {float:left; width:100%;font-weight:bold;font-size:12px}
.entete_liste li a {color:#FFF;cursor: pointer}
.titre_presentation{line-height:38px}
.titre_presentation span{float:left;width:100%;text-align:center;font-size:40px;line-height:45px}
.titre_presentation .lobster{color:#594b3f;font-weight:initial}
.info_presentation{margin-top:10px;float:left;font-style:italic;color:#434343;line-height: 20px;}
.illus_presentation img{position:absolute;margin-top:-200px;}
.main_presentation h2{text-align:center;margin-top:20px}
h2{font-size:30px}

.element_box{background-color:#efefef;padding-bottom:25px;border-radius:20px}
.element_box h3{text-align:center;background-color:#594b3f;color:#FFF;padding:3px;font-size:24px}
#wk_gite h3{background-color:#6eb13d;}
#wk_ch, #wk_gite{position: relative}
.coffret_indisponible_div{opacity: 0.3;position: relative}
.coffret_indisponible{position:absolute;bottom:0px;left:0px;text-align: center;margin:190px 25%;font-size:16px;width:50%;z-index: 99;color:#434343;font-weight:bold}
#wk_ch h3{background-color:#b13d40;}
.duree_coff {font-weight:bold}
.lien_cata, .duree_coff, .img_coff,.lien_command_coff,.titre_rassur,.img_rassur,.text_rassur{float:left;width:100%;text-align:center;margin-top:5px;position:relative}
.img_coff img{position:relative;z-index:20;box-shadow:1px 1px 1px 1px #000;border-radius:8px;}
.prix_coff{color:#FFF;background-color:#594b3f;display:block;float:left;padding:30px 10px 30px 60px;border-radius:100px;position:absolute;margin-left:270px;margin-top:150px;z-index:1}
.prix_coff span{font-weight:bold;font-size:24px;font-style:italic}
.lien_cata a{color:#594b3f;font-size:14px;}

.lien_command_coff {margin-top:15px;}
.lien_command_coff a{background-color:#594b3f;padding:10px 30px;color:#FFF;text-decoration:none;border-radius:8px;}
.lien_command_coff a:hover{background-color:#26221a;}
.titre_rassur span{width:100%;float:left}
.titre_rassur .maj{text-transform: uppercase;font-weight:bold;font-style:italic}
.titre_rassur .lobster{font-size:28px;}
.text_rassur{font-size:14px;}
#rassur_client{background-color:#e2e2e2;margin-top:30px;}
#info_box{margin-top:20px;}
.main_info h2{text-align:center}
.info_img img{width:100%}
.info_tuto_box img{width:80%}
main{min-height: 500px}
footer{background-image:url('../img/footer.png');float:left;width:100%;background-repeat:no-repeat}
.participant{float:left;width:100%;padding:0px;margin:0px;}
.participant li{list-style:none;float:left;margin-left:10px;width:11.4%}
.participant li img{width:100%;border-radius:100px;box-shadow:1px 1px 1px 1px #000;float:left}
.participant li span{color:#FFF;font-family:lobster;width:100%;float:left;text-align:center;font-size:18px}
footer h2{color:#FFF;float:left;width:100%;text-align:center;padding-top:20px;font-weight:bold}
.signature{text-align:center;color:#FFF}

.signature .logo_gdf{margin-right:15px;}
.signature  a {color:#FFF}

#mentions_legales{line-height: initial!important;}
.inter_paragraphe_contenu{margin-bottom:30px;margin-top:20px}
@media (max-width: 940px)
{
  .entete_liste{float:left;left:5%}
  .illus_presentation img{position:relative;margin-top:0px;width:100%}
  .logo{float:left;position:relative;margin-top:50px;}
  .logo img{width:80%}
  .prix_coff{color:#FFF;background-color:#594b3f;display:block;float:left;padding:5px;border-radius:10px;position:relative;margin-left:40%;margin-top:0px;z-index:1}
  .participant li{margin-left:10px;width:20%;margin-top:5px}
  .container_12 {  margin-left: auto;  margin-right: auto;  width: 100% !important;}  
  .container_12 .grid_1,
  .container_12 .grid_2,
  .container_12 .grid_3,
  .container_12 .grid_4,
  .container_12 .grid_5,
  .container_12 .grid_6,
  .container_12 .grid_7,
  .container_12 .grid_8,
  .container_12 .grid_9,
  .container_12 .grid_10,
  .container_12 .grid_11,
  .container_12 .grid_12 {width:100% !important}
  footer{background-position: center; background-size: auto 100%;}
  
}



#pop-menu{display:none;padding:2vw 5%;width:90%;background:rgba(0,0,0,0.5);color:#fff;position: fixed;left:0;top:0;z-index: 9999;height:100%;text-align: center;}
#pop-menu-inside{background:#fff;padding:20px;box-shadow:1px 1px 30px #000;position: relative;max-width:1200px;display: inline-block}
#pop-menu.pop-menu-play{display: block;}
#clic-pop-menu{background-color: #f45d5c;color:#fff;float: right;transition: all 0.5s ease-in-out 0s;line-height: 98px;height:98px;width:70px;text-align:center;text-transform: uppercase;font-weight:bold;}
#close-pop-menu{position: absolute;right:0px;top:0px;padding:20px;color:#3a485f;cursor:pointer!important;}
#pop-menu-inside h2{margin-left: 1%;margin-top:20px;letter-spacing:1px;text-align: center}