/* CSS Document liste-sejours */
@import 'https://fonts.googleapis.com/css?family=Maven+Pro:700';

/* listes puce texte intro*/
.ul_liens{margin-bottom:2%;}
.ul_liens li{margin-bottom:2%;font-size:1.5rem;clear:both}
.ul_liens li a{color:#0059b2;font-size:1.5rem;}
.ul_liens li a:before{content:" > "}

.ul_puces{margin-bottom:2%;}
.ul_puces li{display:list-item;list-style-type:disc;margin-left:2%;text-align:justify;margin-bottom:2%;font-size:1.5rem}
.ul_puces li p{font-size:1.5rem}
.ul_puces li a{color:#0059b2;font-size:1.5rem;}

.ul_inline{margin-bottom:2%;}
.ul_inline li{display:inline-block;margin:2%}

/*div plus infos*/
#div_plus_infos{}
.div_entete_texte{}
.div_entete_texte h3{font-size:1.5rem;margin-bottom:0.2%}
.div_entete_texte p{font-size:1.5rem;margin-bottom:1%}

/*entete*/
#s_liste_entete,#s_liste{position:relative;}
#s_liste_entete h1 {display:inline-block;vertical-align:top;width:80%;}
#s_liste_entete a{color:#006699;font-weight:bold}
#div_btn_nouvellerecherche {display: inline-block;vertical-align: top;width: 21.5%;}
#div_btn_aide{display:inline-block;vertical-align:top;width:7%;;text-align:right;padding:0.5% 0% 0% 0%}
#div_btn_devis {display:none;}
.btn_filtrer {display: block;font-size: 1.8rem;padding: 3% 18%;}
#div_liste_nboffres{width:57%}

/*section partage*/
#div_partage{position:absolute;top:0;right:0;margin-top:1.5rem}

/* section aide*/
#s_aide{background-color:#F7F7F7;padding:1%;margin-top:1%}
#s_aide p{font-size:1.5rem;padding-bottom:1%}

/* resultat */
#div_liste_resultat{margin:1% 0%;background-color: #f7f7f7;padding:0.5% 1%;}
#div_liste_resultat p{font-size:1.5rem;}
#div_liste_resultat h5{font-size:1.5rem}

/*moteur contenu*/

#s_liste_filtres {background-color: #f7f7f7;display: block;}
.s_moteur_content{/*background-color:#243137;padding:1%;*/padding:0.5%;text-align:center}
/*.s_moteur_recherche {float:left;width:80%;}*/
.div_moteur_recherche {display:inline-block;vertical-align:top;width:84%;text-align:right}

.div_moteur_recherche form{width:100%;padding:0px}
.div_moteur_recherche fieldset{display:inline-block;vertical-align:top;width:19%;padding:0px}
.div_moteur_recherche legend{display:none}
.div_moteur_recherche label, .div_moteur_recherche .input_date{width:100%;text-align:left;font-size:1.8rem;background-color:white;color:#243137;border-radius:5px;border:none;height:32px;text-indent:5px;cursor:pointer;display:block;line-height:34px;overflow:hidden}
.i_select{background-position: 95% 55%;background-image: url("/img/sdf_css/i_select.png");background-repeat: no-repeat}
.i_calendrier{background-position: 95% 55%;background-image: url("/img/sdf_css/i_calendrier.png");background-repeat: no-repeat}
#fieldset_date_arrivee label, #fieldset_date_depart label{display:none}
.moteur_imitecheckbox_off{background: url("/img/sdf_css/sprite.png");background-position: -35px -80px;background-repeat: no-repeat;}
.moteur_imitecheckbox_on{background: url("/img/sdf_css/sprite.png");background-position: -35px -130px;background-repeat: no-repeat;}
.div_moteurContent {text-align:left;width:inherit;background-color: #fff;border-bottom: 1px solid #d7cdb9;border-left: 1px solid #d7cdb9;border-radius: 0 0 5px 5px;border-right: 1px solid #d7cdb9;;overflow: auto;padding:10px;position:absolute;;z-index:100000;}
.a_click{display: block;color:#73645a;text-indent:25px;font-size:1.2rem;line-height:20px;}

/*submit*/
#submit_recherche{font-size:1.8rem;display:block;height:32px;color:white;width:88%;padding:0px}
#div_erreur{font-size:0.8rem;color:red;background-color:#F7F7F7;}

/*recherche reference*/
#div_moteur_reference{display:inline-block;vertical-align:top;width:15%;}
#form_rech_reference fieldset label{display:none}
#form_rech_reference #input_reference{font-size:1.2rem;width:75%;background-color:white;color:#243137;border-radius:5px;border:none;line-height:32px;height:32px;text-indent:2px;cursor:pointer}
#form_rech_reference #submit_reference{font-size:1.2rem;width:20%;height:32px;text-transform:uppercase}

/* en tete*/

/* produit*/
#s_liste_produits{}
.div_liste {margin-top:1%;}
.ul_liste {}
.ul_liste > li{margin:0.5%;width:32%;overflow:hidden;display:inline-block;vertical-align:top;}

.div_produit{position:relative;}
.div_liste_vignette{}
.div_liste_vignette img{width:100%;}
.div_liste_label {width:100%;position:absolute;z-index:100;top:5px;left:5px}
.div_liste_label img{width:20%;max-height: 10rem;}
.div_liste_vignette img:hover{filter: brightness(30%);-webkit-filter: brightness(30%);-moz-filter: brightness(30%);-o-filter: brightness(30%);-ms-filter: brightness(30%);}
.div_liste_avanttitre {position:absolute;z-index:100;top:30%;left:0;width:100%}
.div_liste_avanttitre span{display:block;background-color:#F4B704;width:30%;margin:auto;text-align:center;color:white;font-weight:bold;font-size:1.5rem;padding:5px;text-transform:uppercase}
.div_liste_titre {position:absolute;z-index:100;top:40%;left:0;width:100%;}
.div_liste_titre h2 {margin:auto;width:96%;text-align:center;font-family: 'Maven Pro', sans-serif;}
.div_liste_titre h2 a{color:white;font-size:2.5rem;font-weight:bold;text-transform:uppercase;}
.div_liste_titre h2 a:hover{text-decoration:none}

.div_liste_infos{color:white;padding:4% 2%;position:absolute;z-index:100;bottom:3px;left:0;width:10rem;height:8rem; background-color: rgba(245,188,18, 0.8);border-radius:0 100px 0  0 ;-moz-border-radius:0 100px 0 0;-webkit-border-radius:0 100px 0 0}
.span_lst_libelle_avant_prix{display:block;font-size:1.1rem}
.span_lst_prix{display:block;font-size:2rem}
.span_fiche_LblParPers{display:none}
.prixListeNormal {display:block;font-size:2rem;font-weight:bold}
.div_liste_duree{font-size:1.1rem}

.div_liste_argumentaire{display:none;position:absolute;z-index:1000;top:0%;left:0;width:100%;height:99%;background-color: rgba(0,0,0, 0.6)}
.div_liste_argumentaire div{height:100%;display: -webkit-box;display: -moz-box;display: -ms-flexbox; display: -webkit-flex;display: flex; justify-content: center;align-items: center;-webkit-box-align: center}
.div_liste_argumentaire ul{padding:5%;}
.div_liste_argumentaire ul li {text-align:justify;color:white;font-size:1.5rem;margin-bottom:5px}

/*boutons*/
/*.div_liste_boutons{margin-top:2%;display:inline-block;vertical-align:top;width:39%;text-align:right}*/
.div_liste_boutons{margin-top:2%;display:inline-block;vertical-align:top;width:80%;text-align:right}
.div_liste_boutons div{display:inline-block;vertical-align:top;margin-left:0%;font-size:1.5rem;color:white;text-align:center;margin-bottom:1%;}
/*btn sur liste pour safari*/
.div_liste_boutons div, .div_btn_reserver button{padding:0%;width:18rem;height:4rem;text-align:center;line-height:4rem}
.div_btn_reserver button,.div_btn_fiche a,.div_btn_reserver a{display:block;color:white;font-size:1.5rem;}


/*ipad*/
  @media only screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
  body{}
    #div_main{margin-top:0}
    /*produit*/
     .div_liste_titre h2 a{font-size:2rem}
    .div_liste_titre h2 span.sp_nomProd{font-size:1.6rem;}
    .div_liste_avanttitre span{font-size:1.1rem}
    .div_liste_argumentaire ul li {font-size:1.2rem;}
  }

  @media only screen and (max-width: 800px), screen and (max-device-width: 800px) {
  body{}
    .ul_liste > li{width:48%;}

  }

/*mobile*/
  @media only screen and (max-width: 640px), screen and (max-device-width: 640px) {
  .mcontainer {display:block;width:100%;float:none;padding:0px;margin:0px}
  #div_main {margin-top:0}
  #s_liste_en_tete h1 {color: #333333;font-size: 2rem;}
  #s_moteur_sejours,#s_moteur_reference,.s_moteur_recherche form fieldset,#fieldset_form_submit,#submit_recherche{display:block;width:100%;margin-bottom:1%}
  .s_moteur_recherche {width:100%;}
  #div_btn_nouvellerecherche{width:40%}
  #div_liste_nboffres {width:58%;padding:1.5% 0.5%}

  .ul_liste > li{width:100%;}
  .div_liste_titre h2 span.sp_nomProd{font-size:2.4rem;}
  .div_liste_argumentaire ul li {font-size:1.6rem;}
  }