* {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word
    }
    
*::-moz-focus-inner{
    border:0;
    }
    
img {
    border: none;
    max-width: 100%;
    vertical-align: middle
    } 
    
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section 
    {
    display: block;
    }
    
body {
    background: url(../images/wood.jpg) repeat fixed
    }

a, a:link, a:visited, a:active{
    text-decoration: none;
    color: white;
    color: inherit;
    outline:none;
    }
    
li {
    list-style-type:none;    
    }

p {
    /*color: white; */
    font: 1em Arial, sans-serif
    }

p a {
    color: white;
    font: #A79561 0.8em Arial, sans-serif
    }

p a:hover {
    color: red
    }

.cb {
    display: block;
    clear: both
    }

hr.cb {
    color: transparent;
    color: rgba(0, 0, 0, 0);
    height: 0;
    line-height: 0;
    visibility: hidden;
    border-width:0;
    background-color:rgba(0,0,0,0);
    }

.mt2 {
    margin-top: 10px;
    display: block
    }

#languages {
    margin-top: -20px;
    position: relative;
    text-align: center;
    top: 25px;
    z-index: 2
    }

#languages img {
    margin-left: 10px;
    width: 20px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    opacity: 0.75
    }

#languages img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1
    }

.page {
    margin: 36px auto;
    width: 990px;
    max-width: 98.5%;
    height: auto;
    min-height: 1600px;
    padding-left: 1.5%;
    padding-bottom: 25px;
    background-color: #000;
    -moz-box-shadow: 5px 5px 5px 5px #171617;
    -webkit-box-shadow: 5px 5px 5px 5px #171617;
    box-shadow: 5px 5px 5px 5px #171617;
    position: relative
    }

.header_marrakech {
    width: 100%;
    height: auto;
    background-color: #000
    }

#logo_marrakech {
    position: absolute;
    top: 50px;
    left: 5%;
    float: left;
    max-width: 67%;
    z-index: 100
    }

#titre_marrakech {
    float: right;
    margin-right: 45px;
    clear: both;
    width: 16%
    }

/* nav header */
.nav_marrakech {
    float: right;
    height: 50px
    }


.nav_marrakech > ul > li > a:after {
    content: " | "
    }

.nav_marrakech > ul > li:lastchild > a:after {
    content: ""
    }

.nav_marrakech ul {
    margin: 0;
    padding: 0;
    height: inherit;
    }

.nav_marrakech ul > li {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px;
    position:relative;
    }

.nav_marrakech ul > li > a {
    height: 20px;
    text-decoration: none;
    text-align: right;
    color: #FFF;
    display: block;
    font: normal 0.7em Verdana, sans-serif;
    text-transform: uppercase
    }

.nav_marrakech li a:hover {
    color: #caa026;
    }

#en_cours a {
    color: #caa026;
    }
    
.nav_marrakech ul li ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    width:200px;
    z-index:2000;
    background:black;
    }
    
.nav_marrakech ul li:hover ul{
    display:block;
    padding:5px;
    -o-box-shadow:0px 2px 4px #333;
    -moz-box-shadow:0px 2px 4px #333;
    -webkit-box-shadow:0px 2px 4px #333;
    box-shadow:0px 2px 4px #333;
    }
      
.nav_marrakech ul li ul li{
    float:none;
    width:auto;
    display:block;
    text-align:left;
    height:auto;
    }
    
.nav_marrakech ul li ul li a{
    font-family:verdana; 
    text-align:left;
    height:auto;
    }
.nav_marrakech ul li ul > li a:after {
    content: ""
    }          
.slideshow {
    /*625px (largeur fixe) / 800px (largeur fixe de #page) = 0,78125*/
    width: 77%;
    float: left;
    margin: 0 0 0 5px
    }

.main {
    width: 80.625%;
    /*645px (largeur fixe) / 800px (largeur fixe de #page) = 0,80625*/
    height: auto;
    float: left;
    padding-top: 10px
    }

#categorie {
    width: 95%;
    margin: 10px;
    margin: 10px 10px 5%
    }

.sous_cat {
    margin-bottom: 20px;
   /* display:none; */
   display:none;
   padding:0 5px 0 0;
    }

.sous_cat > li {
    border-bottom: 1px solid #A79561;
    color: #A79561;
    float: right;
    font-weight: 600;
    font-size:0.8em;
    letter-spacing: 0.9px;
    list-style-type: none;
    margin-right: 0px;
    padding: 7px 0;
    margin-left: 15px
    }

.sous_cat > li.selected_s_cat,.sous_cat > li:hover {
    color: white
    }

.devise {
    text-transform: uppercase;
    font-size: 0.5em
    }

.sidebar {
    width: 19.375%;
    /*155px (largeur fixe) / 800px (largeur fixe de #page) = 0,19375*/
    height: auto;
    float: left;
    }

#exange {
    padding: 0 10px 0 10px;
    background: #000;
    color: #808080;
    top: 173px;
    right: 1%;
    z-index: 2;
    position: absolute;
    margin-bottom: 15px;
    color: #aaa;
    text-align: left;
    font: 0.85em arial;
    width: 18%
    }

#exange #convert_opener {
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 1px solid #A7965E;
    cursor: pointer;
    background: url(../images/convert_arrow.gif) 98% 6px no-repeat #000
    }

#exange #convert_opener.close_convert {
    background: url(../images/convert_close.png) 98% 6px no-repeat #000
    }

#converter {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    background: #000;
    border-bottom: 1px solid #A7965E;
    border-left: 1px solid #A7965E;
    border-right: 1px solid #A7965E;
    padding: 0 5px 5px 5px
    }

#exange form {
    font-size: 0.8em;
    padding: 5px 0
    }

#exange form p, #exange form input, #exange form label, #exange form select {
    margin: 5px 0;
    width: 100% !important;
    color: #808080;
    float: none !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important;
    display: inline-block;
    padding: 0;
    text-align: left
    }

#exange #montant_alert {
    font-style: italic;
    color: red
    }

#exange #convert {
    text-align: center;
    padding: 5px;
    border: 1px solid #333;
    -moz-box-shadow: 0 0 9px #333 inset;
    -webkit-box-shadow: 0 0 9px #333 inset;
    box-shadow: 0 0 9px #333 inset;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer
    }

#response {
    text-align: center
    }

/* nav laterale */
.nav_laterale {
    padding-left: 10px;
    margin-top: 17px;
    list-style-type: none;
    font: normal 0.8em Verdana, sans-serif
    }

.nav_laterale .rub {
    margin: 0 0 0 0;
    width: auto !important
    }

.nav_laterale .rub ul {
    list-style-type: none;
    width: 100%;
    padding: 2px;
    margin: 10px 0 10px 0;
    font: normal 0.8em Verdana, sans-serif
    }

.nav_laterale li a {
    text-decoration: none;
    text-align: left;
    color: #a7965e;
    /*#887800*/
    display: block;
    height: inherit;
    margin: 0;
    text-transform: uppercase
    }

.nav_laterale li {
    list-style-type: none
    }

/* sous menu nav laterale */
.nav_laterale li:hover ul {
    display: block
    }

.nav_laterale li ul li {
    float: none
    }

.nav_laterale li ul li a {
    float: none;
    color: #FFF;
    text-transform: capitalize
    }

.nav_laterale li ul li a:before {
    content: " > "
    }

.nav_laterale li ul li a:hover {
    float: none;
    color: #a7965e;
    }

.pagination {
    clear: both;
    width: 100%;
    height: auto;
    margin: 10px;
    text-align: right
    }

#prev, #next, .pagination a {
    float: left;
    font-family: arial;
    line-height: 50px;
    margin: 10px;
    text-decoration: underline;
    color:grey;
}

.pagination a#page_en_cours{
    color:white;
    }
.pagination > p {
    float: right;
    margin:10px 5% 0 0;
    line-height:50px;
    }

.footer {
    width: 100%;
    height: auto;
    clear: both;
    margin: auto;
    width: 990px;
    max-width: 100%;
    text-align: center;
    padding: 0 0 15px 0
    }

/* menu footer page d'accueil */
.footer ul {
    margin-right: auto;
    margin-left: auto;
    width: 50%;
    height: inherit;
    text-align: center;
    font: normal 0.9em Verdana, sans-serif
    }

.footer li {
    float: left;
    list-style-type: none;
    padding: 5px;
    margin-right: auto;
    margin-left: auto;
    text-align: center
    }

.footer li a {
    height: 20px;
    text-decoration: none;
    color: grey;
    display: block
    }

.footer li a:hover {
    color: white
    }

/* menu footer page int */
.left {
    float: left;
    width: 25%;
    margin: auto
    }

.nav_seo {
    width: 100%;
    height: auto;
    text-align: left
    }

.nav_seo ul {
    margin: auto;
    width: 100%;
    height: inherit;
    text-align: left;
    font: normal 0.7em Verdana, sans-serif
    }

.nav_seo ul li {
    text-align: left;
    list-style-type: none;
    width: 100%;
    height: auto;
    padding: 0
    }

.nav_seo ul li a {
    color: white;
    text-transform: capitalize
    }

.nav_seo ul li a:before {
    content: " > "
    }

.nav_seo ul li a:hover {
    color: grey
    }

/*plan du site*/
.colonne {
    margin: 20px auto 0 0;
    clear:both;
    width:96%;
    padding-bottom:20px;
    border-bottom:1px solid #333;
    }
    
.colonne h2{
    margin-bottom:10px;
    }
    
.colonne ul:after{
    display:block;
    clear:both;
    content:"";
    }
    
.colonne li {
    float:left;
    margin-right:20px;
    }
        
.colonne li a {
    color: grey;
    font: normal 0.8em Verdana, sans-serif
    }

.colonne p a:hover,.colonne li a:hover, .colonne h2 span a {
    color: white
    }
       
.colonne h2 span a:hover {
    color: grey
    }

.rubrique {
    text-decoration: none;
    text-align: justify;
    color: #a7965e!important;
    /*#887800*/
    display: block;
    height: inherit;
    margin: 0;
    text-transform: uppercase;
    font: normal 0.6em Verdana, sans-serif
    }

/**************************************************************************/
/**************************************************************************/
/**************************************************************************/
/*MAIN*/
figcaption {
    color: white;
    background-color: #000
    }

.main #categorie {
    width: 95%;
    margin: 10px 10px 5%
    }

/* encarts pubs */
.encart_pub_1, .encart_pub_2, .encart_pub_3 {
    width: 31%;
    margin: 5px;
    float: left;
    background-color: #000;
    position: relative
    }

.encart_pub_1_contenu h2, .encart_pub_2_contenu h2, .encart_pub_3_contenu h2 {
    text-align: center;
    font-weight: normal;
    font-size: 0.9em;
    font-family: Arial, sans-serif;
    padding-bottom: 10px;
    color: grey;
    height: 2.43em
    }

.nom_pub {
    line-height: 1.19em
    }

.encart_pub_1_contenu #logo_pub, .encart_pub_2_contenu #logo_pub, .encart_pub_3_contenu #logo_pub {
    width: 100%;
    max-height: 40%
    }

.encart_pub_1_contenu img, .encart_pub_2_contenu img, .encart_pub_3_contenu img {
    width: 100%;
    max-height: 60%
    }

.texte_pub {
    width: 100%;
    position: relative;
    overflow: hidden
    }

.text_anim {
    width: 100%;
    height: 115%;
    padding: 3%;
    text-align: left;
    position: absolute;
    right: 0;
    top: 100%;
    margin-top: -30px;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 5
    }

.open_details {
    padding-bottom: 5px
    }

.offer_details {
    padding-top: 5px;
    height: 100%
    }

a.disp_block {
    display: block;
    height: 100%
    }

.texte_pub:hover .text_anim {
    top: 0%
    }

.teaser {
    padding-bottom: 30px;
    color: white;
    font-family: Verdana, sans-serif
    }

.teaser:before, .pub_page_item .texte_pub a:before {
    content: " > ";
    color: red
    }

.from {
    font-size: 0.9em;
    text-transform: uppercase
    }

.prix {
    margin-left: 5px;
    font-size: 3em;
    text-transform: uppercase
    }

.devise {
    text-transform: uppercase;
    font-size: 0.5em
    }

.text_anim p {
    color: white;
    font: normal 0.8em Arial, sans-serif
    }

/* encarts offres */
.offre_1, .offre_2 {
    width: 47%;
    margin: 5px;
    float: left
    }

.offre_1_contenu img, .offre_2_contenu img {
    width: 100%
    }

.offre_1_contenu h2, .offre_2_contenu h2 {
    text-align: center;
    font: normal 0.9em Arial, sans-serif;
    padding-bottom: 10px
    }

.offre_1_contenu h2 a, .offre_2_contenu h2 a, .offre_1_contenu h3 a, .offre_2_contenu h3 a {
    color: grey
    }

.offre_1_contenu h3, .offre_2_contenu h3 {
    text-align: center;
    font: 1.7em/52px helvetica_neueregular, sans-serif;
    /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
    filter: alpha(opacity=99);
    opacity: 0.99;  */
    background-color: rgba(0,0,0,0.5);
    margin-top: -55px;
    line-height: 52px;
    padding: 5px 2%;
    letter-spacing: 1.5px;
    position:relative;
    }

.offre_1_contenu h3 a, .offre_2_contenu h3 a {
    color: white ;
    text-shadow:0.5px 0.5px 0px black;
    }

.offre_1_contenu h3 a:hover, .offre_2_contenu h3 a:hover {
    color: #a7965e
    }

.offre_1_contenu figcaption, .offre_2_contenu figcaption {
    color: grey;
    background-color: #000;
    font: normal 0.7em Verdana, sans-serif
    }

.main #bandeau {
    clear: both;
    display: inline-block;
    width: 95.5%;
    height: 8px;
    margin: 5px;
    background-color: #ac824b
    }

/* encarts rubriques */
.rub {
    width: 47%;
    margin: 5px;
    float: left;
    position: relative
    }

.rub_contenu img, .rub1_contenu img, .rub2_contenu img, .rub3_contenu img, .rub4_contenu img {
    width: 100%
    }

.rub figure {
    position: relative;
}
.item_over {
    left: 30%;
    margin-left: 0;
    position: absolute;
    top: 0;
    width: 40% !important;
    background:black;
}
.rub_contenu h3, .rub1_contenu h3, .rub2_contenu h3, .rub3_contenu h3, .rub4_contenu h3 {
    text-align: center;
    font: normal 1.8em helveticaneuelight, sans-serif;
    top: 50px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 7;
    text-transform: uppercase
    }

.rub_contenu h3 a, .rub1_contenu h3 a, .rub2_contenu h3 a, .rub3_contenu h3 a, .rub4_contenu h3 a {
    color: red;
    display: block;
    text-shadow: 1px 1px 0 black
    }

.rub_contenu h3 a:after, .rub1_contenu h3 a:after, .rub2_contenu h3 a:after, .rub3_contenu h3 a:after, .rub4_contenu h3 a:after {
    content: " > ";
    color: red
    }

.rub_contenu figcaption, .rub1_contenu figcaption, .rub2_contenu figcaption, .rub3_contenu figcaption, .rub4_contenu figcaption {
    text-align: center;
    color: red;
    font: normal 0.7em Verdana, sans-serif;
    margin-top: 6px
    }

.social1, .social2 {
    width: 47%;
    margin: 5px;
    float: left
    }

.social1_contenu img, .social2_contenu img {
    width: 100%
    }

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/
/*categorie*/
.item {
    width: 100%;
    margin: 0;
    height: auto;
    clear: both;
    display: inline-block;
    border-bottom: 1px dotted #454344;
    padding:5px 0px 8px 0; 
    }

.item a {
    cursor: pointer
    }

.item:hover, .item:hover figcaption {
    background-color: #454344
    }

#miniature_item {
    width: 35%;
    height: auto;
    float: left;
    /*margin: 5px*/
    }

.item_contenu img {
    width: 100%;
    max-height: 100%;
    float: left;
    border: 1px solid #454344
    }

.item_contenu h2, .item_contenu figcaption, .item address, #tel {
    float: right;
    width: 58%;
    padding-left: 1%
    }

.item_contenu h2 {
    text-align: left;
    font: normal 1.2em Arial, sans-serif;
    margin-left: 35px
    }

.item_contenu h2 a {
    color: white
    }

.item_contenu figcaption {
    color: white;
    font: normal 0.8em Arial, sans-serif
    }

.item address {
    vertical-align: bottom;
    color: #A79561;
    font: normal 0.8em Arial, sans-serif
    }

#tel {
    color: #A79561;
    font: normal 1em Arial, sans-serif
    }

/***************************************************/
/***************************************************/
/**********************/
/*items*/
.contenu_fiche {
    width: 100%;
    height: auto
    }

.full_black {
    clear: both
    }

.logo_fiche, .image1_fiche, .image2_fiche, .image3_fiche, .video, .geoloc {
    width: 47%;
    float: left;
    margin: 5px
    }

.adresse_fiche {
    text-align: center
    }

.geoloc iframe {
    max-height: 272px
    }

.logo_fiche img, .image1_fiche img, .image2_fiche img, .image3_fiche img {
    width: 100%
    }

.violet {
    background-color: #5a0755;
    margin: 5px;
    width: 95.4%;
    display: table
    }

/*.violet hr.cb{
    margin-top:-2px;
    } */

.offre_fiche, .adresse_fiche {
    min-height: 150px;
    background-color: #5a0755;
    width: 50%;
    display: table-cell;
    /*padding-top:10px;*/
    }

.offre_fiche {
    border-right: 5px solid #000
    }

.adresse_fiche {
    border-left: 5px solid #000
    }

.pub_page_item {
    margin: 10px 5px 10px 0;
    padding: 15px;
    width: 95.3%;
    text-align: center
    }

.from {
    font-size: 0.9em;
    text-transform: uppercase
    }

.prix {
    margin-left: 5px;
    font-size: 3em;
    text-transform: uppercase
    }

.devise {
    text-transform: uppercase;
    font-size: 0.5em
    }

.offre_fiche p, .adresse_fiche address {
    padding: 15px
    }

.offre_fiche p, .adresse_fiche address, .texte_pub a {
    font: normal 0.8em Arial, sans-serif;
    color: white
    }

.infos_fiche p {
    color: #ccc;
    font: normal 1em Arial, sans-serif;
    line-height: 1.5em
    }

.texte_pub a, .adresse_fiche a {
    color: grey
    }

.texte_pub a:hover, .adresse_fiche a:hover {
    color: white
    }

.texte_anim a:before, .adresse_fiche a:before {
    content: " > ";
    color: red
    }

.infos_fiche {
    width: 96%;
    height: auto;
    float: left;
    margin: 20px 0;
    padding: 5px
    }

#col1, #col2 {
    width: 47%
    }

#col1 {
    float: left
    }

#col2 {
    float: right
    }

#col1 img, #col2 img, #col100 img {
    float: left;
    margin: 5px 5px 0 0
    }

.video iframe, .geoloc iframe {
    width: 100%
    }

.video p, .geoloc p {
    color: white;
    background-color: #000;
    text-align: center;
    padding: 5px
    }

.video img {
    width: 100%
    }

.full_height {
    height: 280px;
    line-height: 280px
    }

.pagination_item {
    text-align: center;
    height: auto;
    margin-top: 1em;
    width: 100%;
    display: block
    }

.pagination_item a {
    font: normal 0.8em Arial, sans-serif;
    color: white
    }

.pagination_item a:hover {
    color: grey
    }

/***************************************************/
/***************************************************/
/**********************/
/*boutique*/
.produit {
    width: 95%;
    height: auto;
    margin: 10px 0 10px 5px;
    border: 1px solid #6c6161;
    clear: both;
    display: inline-block;
    position: relative;
    padding-bottom: 20px
    }

#miniature_produit {
    float: left;
    margin: 24px 0 0 3%;
    width: 27%
    }

.desc_prod {
    width: 64%;
    float: left;
    margin: 5px 3%
    }

.produit_contenu h2 {
    text-transform: uppercase
    }

.produit_contenu h2, .produit_contenu figcaption {
    text-align: justify;
    font: normal 1.2em Arial, sans-serif;
    padding-top: 15px
    }

.produit_contenu h2 a, .produit_contenu figcaption {
    color: white
    }

.produit_contenu figcaption {
    font: normal 0.8em Arial, sans-serif;
    background: none
    }

.vignettes {
    float: left;
    width: 65%;
    margin: 15px 0 5px 0
    }

.fancybox {
    width: auto;
    margin: 0 20px 0 0;
    float:left;
    text-align:center;
    }

.article_prix{
   margin-top:5px;
}

#prix {
    float: right;
    text-align: justify;
    margin-right: 5%;
    margin-top: 55px;
    color: #A27B38;
    font: bold 1.5em Arial, sans-serif
    }

#acheter {
    bottom: 0;
    clear: both;
    height: 25px;
    position: absolute;
    right: 20px;
    z-index: 2
    }

/***************************************************/
/***************************************************/
/**9********************/
/*offres*/
.formule_1, .formule_2, .formule_3 {
    width: 31%;
    height: auto;
    margin: 5px;
    float: left
    }

.titre_offre {
    text-align: center;
    width: 100%;
    padding-bottom:15px;
    }

.titre_offre:hover {
    background-color: #454344
    }

.formule_1 h2 a, .formule_2 h2 a, .formule_3 h2 a {
    font: normal 0.8em Times, sans-serif;
    color: #c7be87;
    text-transform: uppercase
    }

.nom_formule {
    font-size: 1.6em;
    text-transform: uppercase;
    width: 100%;
    line-height: 1.19em
    }

.nom_court_formule {
    line-height: 2.38em;
    font-size: 1.6em;
    text-transform: uppercase;
    width: 100%
    }

#ornement {
    width: 60%
    }

#visu_formule {
    width: 100%;
    height: auto
    }

.formule_1 figcaption, .formule_2 figcaption, .formule_3 figcaption {
    text-align: left;
    width: 96%;
    padding: 15px 2% 10px 2%
    }

#texte_formule {
    color: white;
    font: normal 0.7em Verdana, sans-serif
    }

#texte_formule:hover, #texte_formule h2:hover {
    background-color: #454344
    }

#texte_formule span {
    text-align: center;
    display: block;
    margin: 0 0 10px 0;
    font: normal 1.5em Times, sans-serif;
    color: #c7be87;
    text-transform: uppercase
    }

#texte_formule a {
    color: #c7be87
    }

#texte_formule a:hover {
    color: #c7be87
    }

#reserver {
    width: 15%;
    height: auto;
    margin: 15px 8%;
    text-align: center;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -moz-linear-gradient(#ededed, #bababa);
    background: -o-linear-gradient(#ededed, #bababa);
    background: -webkit-linear-gradient(#ededed, #bababa);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(1, #bababa));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, EndColorStr=#bababa)";
    background: linear-gradient(#ededed, #bababa);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #777;
    padding: 6px 0px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
    }

#reserver:hover {
    background: -moz-linear-gradient(#bababa, #ededed);
    background: -o-linear-gradient(#bababa, #ededed);
    background: -webkit-linear-gradient(#bababa, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa), color-stop(1, #ededed));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa, EndColorStr=#ededed)";
    background: linear-gradient(#bababa, #ededed);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background-color: #bababa
    }

#reserver:active {
    position: relative;
    top: 1px
    }

#reserver p{
    text-align:center
    }
    
#reserver p a {
    font: normal 0.8em Arial, sans-serif;
    color: #777
    }

#reserver p a:hover {
    color: red
    }

#reserver p a:before {
    content: " > ";
    color: red
    }

.tel {
    display: none
    }

/***************************************************/
/***************************************************/
/**9********************/
/*contact*/
.main form {
    margin: 10px;
    width: 95%;
    height: auto;
    min-height: 500px;
    padding: 10px
    }

fieldset {
    width: 100%;
    border: none
    }

label {
    width: 20%;
    text-align: right;
    padding-right: 10px;
    display: block;
    float: left;
    padding-top: 10px;
    color: white;
    font: normal 1em Arial, sans-serif;
    padding: 13px 10px 0 0
    }

input {
    width: 21.7%;
    float: left;
    margin: 10px;
    display: block;
    vertical-align: right;
    padding: 3px
    }

textarea {
    width: 66%;
    height: 100px;
    margin: 10px;
    resize: none
    }

select {
    margin: 10px;
    width: 20%;
    float: none
    }

#ld_formule {
    width: 20%
    }

#submit {
    float: left;
    font: 0.8em Arial, sans-serif;
    margin-left: 23%;
    width: 15%;
    -moz-box-shadow: inset 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff;
    background: -moz-linear-gradient(#ededed, #bababa);
    background: -o-linear-gradient(#ededed, #bababa);
    background: -webkit-linear-gradient(#ededed, #bababa);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(1, #bababa));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed, EndColorStr=#bababa)";
    background: linear-gradient(#ededed, #bababa);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(top, #ededed 5%, #bababa 100%);
    background: -moz-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -o-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -webkit-linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed 5%), color-stop(1, #bababa 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#ededed 5%, EndColorStr=#bababa 100%)";
    background: linear-gradient(to bottom, #ededed 5%, #bababa 100%);
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    color: #777;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
    }

#submit:hover {
    color: red;
    font: normal 0.8em Arial, sans-serif;
    background: -moz-linear-gradient(#bababa, #ededed);
    background: -o-linear-gradient(#bababa, #ededed);
    background: -webkit-linear-gradient(#bababa, #ededed);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa), color-stop(1, #ededed));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa, EndColorStr=#ededed)";
    background: linear-gradient(#bababa, #ededed);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(top, #bababa 5%, #ededed 100%);
    background: -moz-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -o-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -webkit-linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bababa 5%), color-stop(1, #ededed 100%));
    filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr=#bababa 5%, EndColorStr=#ededed 100%)";
    background: linear-gradient(to bottom, #bababa 5%, #ededed 100%);
    background-color: #bababa
    }

#submit:active {
    background-color: #887800;
    -moz-box-shadow: 1px 1px 1px grey inset;
    -webkit-box-shadow: 1px 1px 1px grey inset;
    box-shadow: 1px 1px 1px grey inset
    }

#alert, #good {
    clear: both;
    margin-left: 1.5%;
    font: normal 0.8em Arial, sans-serif
    }

#good {
    color: gold
    }

#alert {
    color: red
    }

.formule_contact {
    border: 1px solid #C7BE87;
    float: left;
    height: auto;
    margin: 10px;
    padding: 10px 2%;
    text-align: left;
    width: 66%
    }

.formule_contact .nom_formule {
    font-size: inherit;
    text-transform: none
    }

.titre_offre_contact {
    text-align: center;
    width: 29%;
    padding-right: 1%;
    float: left;
    margin-top: 10px
    }

.formule_contact h2 {
    color: #C7BE87;
    font: 1em Times, sans-serif;
    text-decoration: none
    }

.formule_contact h2:hover {
    color: #C7BE87;
    text-decoration: none;
    width: 100%
    }

.formule_contact #ornement {
    text-align: center;
    width: 100%
    }

.formule_contact figure {
    width: 69%;
    padding-right: 1%;
    float: left
    }

.formule_contact figcaption {
    text-align: left;
    padding-left: 1%
    }

#texte_formule_contact span {
    color: #C7BE87;
    font: 1.5em Times, sans-serif;
    padding: 0 0 10px 0;
    display: block;
    text-align: left;
    text-decoration: none
    }

#texte_formule_contact {
    background: none;
    color: white;
    font: 0.8em Times, sans-serif;
    text-decoration: none
    }

#texte_formule:hover {
    background-color: #454344;
    text-decoration: none
    }

#texte_formule h2:hover {
    background-color: #454344
    }

#le_code {
    padding: 11px
    }

#captcha {
    margin-top: 10px;
    float: left
    }

#refresh {
    float: left;
    margin-top: 5px;
    cursor: pointer
    }

.note {
    color: white;
    font-style: italic;
    font-size: 0.8em;
    margin-left: 21%
    }

.requis:before, .note:before {
    color: #006EA0;
    content: "* ";
    font-style: normal
    }

.couleur_champ {
    border: 2px solid red
    }

/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/**********************************************/
/*QUERIES*/
@media only screen and (max-width: 992px) {
    br {
        display: inline-block;
        height: 0;
        visibility: hidden;
        line-height: 0.001em
        }
    .page {
        margin: 45px auto;
        padding-left: 10px;
        padding-right: 10px;
        width: 815px;
        max-width: 100%
        }
    .footer {
        padding: 15px
        }
    #logo_marrakech {
        position: absolute;
        top: 0 !important;
        left: 10px !important;
        margin: auto;
        z-index: 100;
        width: 300px
        }
     #titre_marrakech {
        position: absolute;
        top: 15px;
        right: 0%;
        margin-right:10px;
        width:10%;
        }
    .slideshow {
        width: 100%;
        margin-left: 0;
        padding: 0;
        }
    .nav_marrakech {
        margin: 70px auto 20px auto;
        text-align: center;
        width: 100%;
        height: auto
        }
    .nav_marrakech ul li {
        margin: auto;
        padding: 5px 10px 5px 0;
        }
    .nav_marrakech li a {
        text-align: center;
        font-size: 0.8em;
        }
    .nav_marrakech ul li:hover ul{
        display:none;
        }
    .main {
        width: 100%;
        float: none;
        padding: 10px 0px 50px 0px
        }
    .main #categorie{
        width:100%;
        margin:10px 0;
        padding-right:0px;
        }
    .sous_cat{
        display:block;
        }
    .full_black{
        padding:5px;
        }
    .violet{
        margin:0;
        width:100%;
    }
    .logo_fiche, .image1_fiche, .image2_fiche, .image3_fiche, .video, .geoloc {
        width:50%;
        padding:5px;
        margin:0;
        }   
    .sidebar {
        width: 100%;
        float: none
        }
    .encart_pub {
        width: 33.33%;
        padding: 5px;
        margin: 0 0 20px 0 !important
        }
    #exange {
        position: relative;
        top: 0;
        left: 0;
        width: 250px;
        max-width: 100%;
        margin: 0 auto
        }
    .texte_pub:hover .text_anim {
        top: 100%
        }
    .offer_details {
        display: none !important
        }
    .offre_1, .offre_2, .main .rub, .main .social, .main .social1, .main .social2 {
        padding: 5px;
        margin: 0 !important;
        width: 50% !important
        }
    .offre_1_contenu h3, .offre_2_contenu h3 {
        font-size: 1.2em
        }
    .main #bandeau {
        display: none
        }
    .nav_laterale {
        font-size: 1em
        }
    .nav_laterale ul li {
        float: none !important;
        margin-top: 10px
        }
    .nav_laterale ul li a {
        line-height: 2em
        }
    .nav_laterale ul li ul li {
        float: left !important
        }
    .pagination {
        text-align: justify;
        margin-left: 5px
        }
    .left .nav_seo ul li a {
        line-height: 2.5em !important
        }
    .sidebar .pagination_item {
        display: none
        }
    .produit {
        margin: 0 0 20px 0;
        padding-bottom: 15px
        }
    .main form {
        margin: 10px 0;
        width: 100%
        }

    }


@media only screen and (max-width: 720px) {
    .sous_cat {
        display: block;
        }
    .logo_fiche, .image1_fiche, .image2_fiche, .image3_fiche {
        background: none
        }
    .footer .left {
        width: 50%
        }
    .text_anim {
        margin-top: -25px
        }
    .offre_fiche, .adresse_fiche {
        display: block;
        width: 100%;
        border-left: 0;
        border-right: 0;
        border-bottom: 5px solid #000;
        border-top:0;
        }
    .adresse_fiche {
        border-top: 5px solid #000;
        border-bottom:0;
        }
    .pc {
        display: none;
        }
    .tel {
        display: block;
        }
     #reserver{
        float:right;
        
        }    
    .formule_1, .formule_2, .formule_3 {
        width: 100%;
        margin: 20px 0;
        float: none;
        clear:both;
        }
    .titre_offre h2{
        display:none;
        }
    #ornement{
        width:20%;
        }
    #visu_formule {
        width: 20%;
        float:left;
        }
    #texte_formule {
        float:right;
        width:80%;
        }
    
    
    #texte_formule span {
        text-align: left;
        }
        
    .produit {
        width: 100%;
        margin: 10px 0;
        padding: 15px
        }
    .produit_contenu h2 {
        font-size: 0.8em;
        padding-top: 0
        }
    #miniature_produit {
        display: none
        }
    .desc_prod {
        width: 100%;
        margin: 0
        }
    .vignettes {
        width: 75%;
        margin: 15px 0 0 0
        }
    #prix {
        margin-top: 30px;
        margin-right: 1%
        }
    #le_code {
        width: 18% !important
        }
    .formule_contact, textarea {
        width: 68%
        }
    .colonne li a {
        font: normal 0.8em Verdana, sans-serif;
        line-height:40px;
       }
    }
@media only screen and (max-width: 549px) {
    /* ##### header */
    /* ##### Menu */
    /* ##### header */
    .page {
        min-height: 0;
        margin-bottom: 15px;
        padding-left:10px;
        padding-right:10px;
        }
    .slideshow{
        width:100%;
    }
    #titre_marrakech {
        width:16%;
       }
    /* ############# Content */
    .encart_pub {
        padding: 3px;
        margin: 0 0 20px 0 !important
        }
    .text_anim, .texte_pub:hover .text_anim {
        position: relative;
        margin: 0;
        top: 0
        }
    .offre_1, .offre_2, .main .rub, .main .social, .main .social1, .main .social2 {
        padding: 3px
        }
    .encart_pub_1 h2, .encart_pub_2 h2, .encart_pub_3 h2 {
        font-size: 0.7em;
        min-height: 50px
        }
    .nom_court_pub {
        line-height: 1.19em
        }
    .encart_pub .text_anim, .encart_pub #logo_pub, .encart_pub .nom_pub {
        float: none;
        clear: both;
        height: auto;
        width: auto;
        line-height: 1.2em;
        padding-left: 0
        }
    .encart_pub .text_anim, .encart_pub .nom_pub {
        width: 100% !important
        }
    .offre_1, .offre_2 {
        margin: 2px 0
        }
    .offre_1_contenu h2, .offre_2_contenu h2 {
        display: none
        }
    .offre_1_contenu h3, .offre_2_contenu h3 {
        line-height: 32px;
        margin-top: 0
        }
    .offre_1_contenu figcaption, .offre_2_contenu figcaption, .rub_contenu figcaption, .rub1_contenu figcaption, .rub2_contenu figcaption, .rub3_contenu figcaption, .rub4_contenu figcaption {
        display: none
        }
    .rub_contenu h3, .rub1_contenu h3, .rub2_contenu h3, .rub3_contenu h3, .rub4_contenu h3 {
        /*top:100%;
                padding:3px 0;
                position:relative;*/
        top: 40%;
        font: normal 0.85em helveticaneue-bold, sans-serif
        }
    /*page catries*/
    .main #categorie {
        width: 100%;
        margin: 10px 0 10px 0;
        clear: both
        }
    .main #categorie h1 {
        text-align: left;
        font-size:1.3em;
        }
    .sous_cat li{
        float:left;
        margin: 0 15px 0 0;
        }
    .item_contenu h2 {
        text-align: left;
        font-size: 1em;
        margin-left: 5px
        }
    .item_contenu figcaption {
        display: none
        }
    /*.logo_fiche, .image1_fiche, .image2_fiche, .image3_fiche {
        width:50%;
        margin:0;
        border-color:black;
        border-style:solid;
        }
    .logo_fiche,.image2_fiche {
        border-width:5px 5px 5px 0;
        }*/
    .full_black{
        padding-top:0;
        }
    .image1_fiche,.image3_fiche {
        border-width:5px 0px 5px 5px;
        }        
    .violet {
        margin: 5px 0 0 0;
        }
    .encart_pub_1_contenu h2 {
        font-size: 0.7em
        }
    .from, .prix, .devise, .text_anim p {
        display: inline
        }
    .texte_pub {
        font-size: 0.9em
        }
    .encart_pub_1_contenu a {
        font-size: 0.9em
        }
    .infos_fiche #col100 p {
        margin: 20px 5px
        }
    .infos_fiche {
        width: 100%;
        margin: 0;
        padding: 0
        }
    .video, .geoloc {
        clear: both;
        width: 100%;
        margin: 10px 0 0 0;
        }
    /*page offres*/
    .formule_1, .formule_2, .formule_3 {
        width: 100%;
        float: none;
        clear:both;
        }
      #texte_formule {
        float:none;
        width:100%;
        }
    .formule_1 h2, .formule_2 h2, .formule_3 h2 {
        display: none
        }
    .formule_1 img, .formule_2 img, .formule_3 img {
        display: none
        }
    .nav_laterale li a {
        clear: both
        }
    .nav_laterale li ul li {
        margin: 0 5px 0 5px;
        float: left
        }
    #reserver {
        width: auto;
        float:right;
        padding:6px;
        }
    .pc {
        display: none
        }
    .tel {
        display: block
        }
    /*page boutique*/
    #acheter {
        bottom: 12px
        }
    /*page contact*/
    label {
        clear: both;
        width: auto;
        text-align: left;
        font-size: 0.8em;
        padding-right: 0
        }
    input {
        width: 50%;
        float: right;
        vertical-align: left
        }
    .formule_contact {
        clear: both;
        margin: 10px 0 10px 0;
        width: 98%
        }
    .titre_offre_contact{
        float:none;
        margin-top:0;
        text-align:left;
        width:100%;
    }
    .formule_contact #ornement{
        display:none;
    }
    .formule_contact figure{
        margin-top:10px;
        padding:0;
        width:100%;
        float:none;
    }
    #le_code {
        clear: both;
        float: left !important;
        margin: 10px 0 !important
        }
    #refresh {
        width: 30px;
        margin-top: 15px;
        background: white;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px
        }
    textarea {
        clear: both;
        width: 98%;
        margin: 10px 0
        }
    #le_code {
        clear: both;
        width: 100px !important
        }
    #captcha, #submit {
        margin: 10px 0
        }
    .requis:before {
        content: ""
        }
    .requis:after {
        color: #006EA0;
        content: " *";
        font-style: normal
        }
    #submit {
        margin: 20px 10px;
        float: none;
        width: auto;
        }
    #alert, #good {
        margin-left: 10px
        }
    /* ############# footer */
    .footer ul {
        margin: 0;
        width: 100%
        }
    .footer ul li a {
        display: inline
        }

    .produit {
        padding: 10px
        }
    .fancybox {
        margin-right: 10px
        }
    }
@media only screen and (max-width: 400px) {
    .main{
        padding:0 5px 50px 5px;
        }
    .main .offre_1, .main .offre_2, .main .rub, .main .social1, .main  .social2{
         width:100%!important;
         padding:0!important;
         margin-top:10px!important;
         border:none!important;
        }

    .teaser{
        display:block;
        width:100%;
        text-align:center;
        }
    .item{
        padding-bottom:15px;
        margin-bottom:15px;
        }
    .item:hover{
        background:black;
        }
    #miniature_item{
        width:100%;
        float:none;
        }
    .item_contenu h2, .item_contenu figcaption, .item address, #tel{
        float:none;
        width:100%;
        padding:0 0 0 0;
        margin:5px 0 0 0;
        }
    .logo_fiche, .image1_fiche, .image2_fiche, .full_black, .image3_fiche, .video, .geoloc {
        margin: 10px 0;
        width: 100%;
        padding: 0;
        border:0px solid black;
        }
    .violet, .offre_fiche, .adresse_fiche {
        width: 100%;
        padding: 0;
        margin: 0
        }
    .offre_fiche{
        border-bottom: 15px solid #000
        }
    .footer .left, .footer .left * {
        width: 100%;
        float: none
        }
    .footer .left .nav_seo ul li {
        text-align: center
        }
    .footer .left .nav_seo ul li a:before {
        content: ""
        }
    .vignettes, #prix {
        float: none;
        width: auto
        }
    #prix {
        margin-top: 10px
        } 
    #visu_formule{
        display: block;
        float:none;
        width:auto;
        max-width:100%;
        margin:20px 0;
        }
    }

/* ##### Small screens portrait & landscape ##### */
@media only screen and (min-width: 550px) and (max-width: 767px) {
    /* ############ Header */
    #titre_marrakech {
        margin-right: 20px
        }
    /* ############# Content */
    .main #categorie h1 {
        font-size: 1.3em
        }
    .encart_pub_1, .encart_pub_2, .encart_pub_3 {
        margin: 2px
        }
    .encart_pub_1 h2, .encart_pub_2 h2, .encart_pub_3 h2 {
        min-height: 50px
        }
    .nom_court_pub {
        line-height: 1.19em
        }
    .offre_1_contenu h3, .offre_2_contenu h3 {
        font-size: 0.8em;
        line-height: 32px;
        margin-top: -40px
        }
    .rub_contenu h3, .rub1_contenu h3, .rub2_contenu h3, .rub3_contenu h3, .rub4_contenu h3 {
        top: 30px;
        font-size: 0.8em
        }
    /*page boutique*/
    .produit_contenu h2 {
        margin-left: 15px;
        padding-top: 5px
        }
    .produit_contenu figcaption {
        line-height: 1.5em;
        text-indent: 15px
        }
    #miniature_produit {
        display: none
        }
    .vignettes {
        text-align: left;
        /*ne s'aligne pas auche sur figcaption*/
        }
    /*page categorie*/
    /*.item{				
    				margin:10px 0 10px 0;
    				
    		}*/
    .item_contenu h2 {
        text-align: left;
        font-size: 1em;
        margin-left: 5px
        }
    .pagination {
        text-align: justify;
        margin-left: 0
        }
    /*page offres*/
    .formule_1 h2 a, .formule_2 h2 a, .formule_3 h2 a {
        font-size: 0.6em
        }
    #texte_formule:hover, #texte_formule h2:hover {
        background: none
        }
    /*page contact*/
    #formule {
        clear: both;
        width: 30%;
        text-align: left
        }
    #recap_formule {
        clear: both;
        margin: 5% 0 0 0;
        width: 95%
        }
    #captcha, #submit {
        margin: 10px 0
        }
    #submit {
        margin: 20px 10px;
        float: none;
        width: auto;
        }
    #alert, #good {
        margin-left: 10px
        }
    /*ITEMS*/
    .sidebar .pagination_item {
        display: none
        }
    }
/* ##### Possible tablet layouts #### */
@media only screen and (min-width: 768px) and (max-width: 902px) {
    /* ##### Menu */
    /* ############ Header */
    #logo_marrakech {
        top: 30px;
        left: 5.2%
        }
    #titre_marrakech {
        margin-right: 30px
        }
    /* ############# Content */
    .nom_court_pub {
        line-height: 1.19em
        }
    .text_anim p {
        font-size: 0.7em
        }
    /*page categorie*/
    /*.item{				
    				margin:10px 0 10px 0;
    				
    		}*/
    .item_contenu h2 {
        text-align: left;
        font-size: 1em;
        margin-left: 5px
        }
    /*page boutique*/
    #miniature_produit {
        display: none
        }
    .desc_prod {
        width: 94%;
        margin: 5px 3%
        }
    /*page contact*/
    #formule {
        clear: both;
        width: 30%;
        text-align: left
        }
    #recap_formule {
        width: 60%
        }
    /* ############# footer */
    .footer ul {
        margin: auto;
        width: 100%
        }
    }
/* ##### Regular Screens #### */
@media only screen and (max-width: 1279px) and (min-width: 902px) {
    /*page contact*/
    #formule {
        width: 20%;
        text-align: right;
        padding-right: 10px;
        display: block;
        clear: both;
        padding-top: 10px
        }
    }
/* ##### very large screens ##### */