/*---------------------------------------- GENERALE -------------------------------------------*/
html, body { font-family: 'Roboto', Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%; overflow:visible; transform:none !important; }

body { position:relative; color:#5a5a5a; background-color:white; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight: 300; margin:0; overflow-x:hidden; }



/*------------------------------------------------------------  --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:250px) and (max-width: 649px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:250px) and (max-width: 649px) {
    body {  background:#ffffff;  }
    #fermer_img_css { margin-top:20px; }
    
    .min_petit_show { display:block; }
    .min_moyen_show { display:none; }
    .min_grand_show { display:none; }
    
    
    #contain_minim:first-child { opacity:.99; }
    #contain_minim  { position:relative; z-index:180; opacity:.99; padding-top:0; padding-bottom:0px; width:80%; margin-top:2px; text-align:left; margin-left:2px; }
    #contain_minim  div{ padding-top:0px; padding-bottom:2px; }
    
    #ajouter_favoris { background: url("../images/global/favories-coeur01.png") no-repeat center;
    background-size:18px;
    display:block;
    width:18px;
    height:18px;
 }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:18px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden; width:18px; height:18px;  }
            
    #ajouter_favoris_div_left { position: absolute;
    top: 8px;
    right: 8px;
    background-color: white;
    padding:5px;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
    
    #ajouter_favoris_div_right { position: absolute;
    top: 8px;
    left: 8px;
    background-color: white;
    padding:5px;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
   
    
    h1 {  color:#152233; font-size:18px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold; margin-left:6px; margin-right:6px; }
    h2 {  color:#152233; font-size:18px; padding-top:5px; margin-left:6px; margin-right:6px;  padding-bottom:5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h3 { color:#152233; font-size:13px; margin-left:6px; margin-right:6px; padding-top:4px; padding-bottom:5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h4 { color:#152233; font-size:12px; margin-left:6px; margin-right:6px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h5, h6 { color:#152233; font-size:11px; margin-left:6px; margin-right:6px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    
    #toggle_div { display:none; }
    

    #mycontain { display:none;  }
    
    
    
    .menu_filtre_toggle { position:relative; width:100%;  background-color:#ffffff; z-index:2900; height:70px; padding-left:8px; text-align:left; box-sizing:border-box;
    }
    .menu_filtre_toggle_ar { position:relative; right:6px; width:100%; margin:0 auto; background-color:#ffffff; z-index:2900; height:70px; padding-right:2px; margin-right:10px;  text-align:right;  box-sizing:border-box;
    }
    
    
    #mycontain_min { width:100%;  background-color:#ffffff; margin:0 auto; position:fixed; z-index:30; height:65px;  top:0px; left:0;  display:flex;
        align-items:center;
    }
    #global_min{ width:620px;  margin:0 auto;  line-height:14px; position:relative;  z-index:1; padding:0px;  }
    #wrap_min{ width:100%; position:relative; z-index:1;  }
    
    
    #souscontain_min { width:100%;  background-color:#ffffff; height:60px;
                 position:fixed; z-index:1; opacity:.99;  top:56px; left:0; margin:0 auto; overflow:visible; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); display:flex; 
    }
    
    
    #container { width:100%; margin: 0 auto;  -webkit-overflow-scrolling: auto !important;
 position:relative; display:flex; z-index:1; opacity:0.99; }
    #wrapper{ width:620px; position:relative; margin:0 auto;  -webkit-overflow-scrolling: auto !important; z-index:1; opacity:.99; line-height:20px; top:60px; margin-bottom:120px;  }
    
    /*------------------------------------------------------- ----------------------------------------------------*/
    .container { display:none;  }

 
    #recherche-responsive { position:absolute; top:71%;  left: 50%;
    transform: translate(-50%,71%);  margin-bottom:50px; }
    
    
    #titre_container { width:90%; color:#000000; text-align:left; height:35px; }
    
    #titre_container_ar { width:90%; text-align:right; margin-left:1px;  margin-right:1px;  color:#000000; height:35px; }

    
    .ville_container { width:90%;   height:35px; padding-left:30px; background:#ffffff; background-image:url("../images/global/localisation.png"); 
            background-repeat: no-repeat; background-position:4px; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8;  color:#000000; }
            
    .ville_container_ar { width:90%; height:35px;  padding-right:30px;  background:#ffffff; background-image:url("../images/global/localisation.png"); background-position:right; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-left:2px solid #e8e8e8;
              background-repeat: no-repeat;  color:#000000; }
              
    #search_button { font-size:12px; }
    #search_button_ar { font-size:13px; }
    
    /* ----------------------------- ------------------------------ */
     #contain_hide { display:none; }
     #contain { display:none; }
     #annonce_avec_photo { display:none; }
     #annonce_avec_photo_ar { display:none; }
     #sauvegarde_js { display:none; }
     #sauvegarde-innactive-contain  { display:none; }
     #sauvegarde-innactive-contain_ar { display:none; }
     #sauvegarde-contain { display:none; }
     #sauvegarde-contain_ar { display:none; }
     #sauvegarde_connect_js { display:none; }
     #sauvegarde_connect_js_ar { display:none; }
     
     #sauvegarde_connect_results { display:none; }
     #sauvegarde_connect_results_ar { display:none; }
     
     #sauvegarde_js { display:none; }
     #sauvegarde_js_ar { display:none; }
     #prix_js { display:none; }
     #prix_js_ar { display:none; }
     #sauvegarde_results { display:none; }
     #sauvegarde_results_ar  { display:none; }
     
     ::placeholder { color:#000000; }
     ::-ms-input-placeholder { /* Edge 12-18 */
        color: #000000;
     }
    
    /*----------------------------       ---------------------------*/
    .select{ 
       position: relative; display: block;  margin: 0 auto; width: 95%;  height:42px; /* height:100%;*/  /*max-width: 300px;*/
       vertical-align: center; text-align: left; user-select: none; -webkit-touch-callout: none;   
    }
    .placeholder{  
        position: absolute;  display: block; background-color: #f2f2f2; padding: 15px 13px; 
        top:-4px; left:0px; z-index:1;  border-radius: 2px; cursor: pointer;}
    .placeholder:hover{
         background: darken(#393d41,2%);
    }
    .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;   top:50%; transform: translateY(-50%);
       position: absolute; right: 8px; 
       font-family: 'Roboto', Arial, Helvetica, sans-serif; content:"\25BC";  }
  
    .is-open .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;  }

    .select--white .placeholder{ background-color:#f2f2f2; border:1px solid #ccc; position:relative; width:82%; height:1px; color:#676767; font-weight:bold; }
    .select--white .placeholder :hover{ background: darken(#fff,2%); }  

    .place { position:absolute; height:10px; width:90%; vertical-align:center; top:22%; left:4px; font-size:13px;}
    .place_ar { position:absolute; height:10px; width:90%; vertical-align:center; top:22%; left:-10px; font-size:13px;}

    /*-----------------------------------------------------------------------------*/
    .select-wrapper { width:180px; height:35px;   display:inline-block;    overflow-x:hidden;  overflow-y:hidden;     
        padding:0px; cursor:pointer; border-bottom:2px solid #e6e6e6;  border-right:2px solid #e6e6e6; 
    }
    .select-wrapper select { border:0;  min-width:110%; min-height:110%; cursor:pointer; color:#000; color:rgba(0,0,0,0);  
        text-shadow:0 0 0 #000; -webkit-appearance:none; outline:none; white-space:nowrap;
    }
    /* Pour Opera */noindex:-o-prefocus, .select-wrapper select { color:#000;}
    .select-wrapper:after {    content:"\25BC"; /*content:url(../images/global/location.png);*/
        display:block;    position:relative;    float:right;    top:-25px;    right:5px;    background-color:#f2f2f2;    width:20px;      
        text-align:center;    margin-bottom:-5px;  margin-right:-5px;}  

  
    /*-----------------------------------------------------------------------*/
    .left {  float:left; width:20%;  padding:5px;  overflow:hidden; margin:0 auto; font-size:12px;}
    .center {  float:left; width:58%;}
    .right { float:right; width:20%;  overflow:hidden; }

    .left_pied { width:50%; display:inline-block; vertical-align:top; padding:12px; box-sizing:border-box; }
    .right_pied { width:50%; display:inline-block; padding:12px; margin:0 auto; overflow:hidden; box-sizing: border-box; }
    
     #min_hide { display:none; }
     .min_hide { display:none; }

    .rubs_js { cursor:pointer; display:block; background:#e6e6e6; margin-top:2px;  padding:2px; font-size:12px;
              color:#597ca0; }
    .cats_js { cursor:pointer; color:#676767; font-weight:bold; font-size:12px; width:99%; padding:1px; }
    
    .rubs_js_ar { cursor:pointer; display:block; background:#e6e6e6; margin-top:2px;  padding:2px; font-size:12px;
              color:#597ca0; }
    .cats_js_ar { cursor:pointer; color:#676767;  font-weight:bold; font-size:12px; width:99%; padding:1px; }

    .rubs { display:inline-block;  width:88%; /*color:#597ca0;*/ color:#515151; }
    .cats { display:inline-block; color:black; width:88%; }
    
    
    .rubs_min { display:inline-block; font-size:13px; font-weight:bold; width:88%; /*color:#597ca0;*/ color:#515151; }
    .cats_min { display:inline-block; font-size:13px; color:black; width:88%; }
    
    /*------------------------------------------------- CONTENU-------------------------------------------*/
    .right { text-align:right;  }
    .canvas canvas{ cursor:pointer; width:17%; margin-right:6px; }
    .demi_float { /*float:left; position:relative; width:49%;*/  text-align:left; margin:0 auto; padding:1px; padding-top:4px; }
    .demi_float input { width:90%; font-size:13px; }
    .demi_float input[type="name"] { width:99%; }
    .demi_float div.select { width:99%; padding:1px; font-size:14px; }
    .tierce_float { width:45%; float:left; min-height:100px; overflow:hidden; margin:0 auto; text-align:center; padding:2px; }
     .tierce_float_right { width:45%; float:right; min-height:100px; overflow:hidden; margin:0 auto; text-align:center; padding:2px; }
    .contenu_float { float:right; text-align:left;  color:gray; margin-left:26%; padding:10px;  }
    .contenu_globe { width:25%;  padding:5px;  }
    .spacer {  clear: both; padding:0; margin:0; height:0; }
    
    .demi_left { /*float:left; position:relative; width:49%;*/  text-align:left; margin:0 auto; padding:4px; }
    .demi_left input { width:90%; font-size:13px; }
    .demi_left input[type="name"] { width:99%; }
    .demi_left div.select { width:99%; padding:4px; font-size:14px; }
    
    .demi_right { /*float:left; position:relative; width:49%;*/  text-align:right; margin:0 auto;  padding-top:4px; }
    .demi_right input { width:90%; font-size:13px; }
    .demi_right input[type="name"] { width:99%; }
    .demi_right div.select { width:97%; font-size:14px; }
    
    /*---------------------------------------------- annonce_select ---------------------------------------*/
    .float_right { float:right; width:16%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_right_post { float:right; padding:3px; margin:4px; }
    .float_left { float:left;  padding:2px; margin:4px; text-align:left; }
    .float_centre { margin-right:17%;  margin-left:30%; overflow:hidden; padding:3px; }
    
    #float_left { display:block; width:87%; padding:3px;  overflow:hidden; margin:0 auto; text-align:left; background:#ffffff;  }
    
    /*----------------------------------------- connect_form -------------------------------------------*/
    .connect_left { display:block; width:95%; margin:0 auto;/*float:left; width:48%; padding:5px;*/}
    .connect_register_right { display:none; width:95%; margin:0 auto; /*float:right; width:48%; padding:5px; */}
    .connect_left_ar { display:block; width:95%; margin:0 auto; text-align:right;/*float:right; width:48%; padding:5px; text-align:right;*/}
    .connect_register_right_ar { display:none; width:95%; margin:0 auto; /*float:left; width:48%; padding:5px; text-align:right; */}
    .toggle_if_min { display:block; width:99%; padding:3px;  overflow:hidden; margin:0 auto; }
    
    
    /* --------------------------------------------------- */
    .connect_css { padding:10px; padding-top:0px; width:92%;  }
    
    .connect_div_css {  width:100%; padding:10px; text-align:center; vertical-align:top;  margin:0 auto; overflow:hidden;  min-height:360px; font-size:14px; border-radius:10px; background:#ffffff; padding-top:5px; padding-bottom:10px; box-sizing: border-box; }
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #menu_navig { display:block; margin:0 auto; overflow:hidden; font-size:14px;  padding-top:4px; color:#597489; margin-left:20px; margin-right:6px; margin-top:12px;  margin-bottom:17px;  font-weight:bold; }
    #menu_navig a { color:#597489; font-weight:bold; text-decoration:underline;  }
    #menu_navig img { margin-left:4px; margin-right:8px; width:13px; }
    
    
    
    /* ---- previous/next buttons ---- */
    .flickity-prev-next-button {
       /* display:none; */
     }
    
     /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:98%; margin:0 auto; overflow:hidden; text-align:center; padding-left:0px; padding-right:6px; margin-top:0px; margin-bottom:0px; background:#ffffff; border-radius:10px; 
     }
  
    .carousel-rub-cell { width:24%; height:58px; margin-top:0px;  padding-bottom:0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 12px; background:#ffffff; text-align:center; font-size:11px;
     }
     
     .carousel-rub-cell img { margin-top:0px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
     
     .carousel-rub-cell img:hover { opacity:0.5; }
     
    .carousel-rub-cell div { margin-top:3px; }
    
    #big-carousel-rub { width:24%; }
    #big-carousel-rub a { font-size:13px; font-weight:bold;  color:#597489; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    
    
    /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin-top:0px; background:#ffffff; color:#5a5a5a;  overflow:hidden; margin:0 auto; padding:5px; z-index:1; margin-left:0px; margin-right:0px;  }
    #contenu_lang { position:relative; margin-top:0px; background:#ffffff; color:#5a5a5a; overflow:hidden; margin:0 auto; padding:5px; margin-left:0px; margin-right:0px;  z-index:1;  padding-right:6px; }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation { display:block; }
    #navigation_lang { display:block }
    
    #navigation_mas { display:none;
        }
    #contenu_mas { position:relative; background:#ffffff; color:#5a5a5a; overflow:hidden;  padding:0px;  margin-top:0px; margin-left:7px; margin-right:7px; }
    
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }
    #contenu_mas_lang h4,#contenu_mas_lang h3 { font-size:13px; }

    #navigation_mas_lang { display:none;
    }
    #contenu_mas_lang { position:relative; background:#ffffff; color:#5a5a5a;   /*margin-right:36%; width:64%;*/  overflow:hidden;  padding:4px;  margin-left:7px; margin-right:7px;  margin-top:10px; text-align:right; }
    
    
     /*----------------------------------------   -----------------------------------------------------*/   
    img {vertical-align:middle; border:none;}
    #thumbs { margin:0 auto; overflow:hidden;  list-style:none; padding:0; height:115px; margin-top:10px; }
    #thumbs li {float:left; display:none; margin-right:6px; border:1px solid #e8e8e8;
     }
    #thumbs a { padding:0px;  outline:none; }
    #thumbs a:hover, #thumbs a:focus { background:#fff; opacity:0.5; }
    #thumbs a.active {background:#000;}

    #biggest { width:350px; height:250px; }
    
    
    .bigger2 {
        width:100%;
        height:130px;
        overflow:hidden;
        background:#e8e8e8;
    }

   .bigger2 img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    
    img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}
    
  
    #controls a img { display:inline;  }
    #next { color:red; font-size:45px; font-weight:bold; cursor:pointer; }
    #prev {  color:red; font-size:45px; font-weight:bold; cursor:pointer; }

    .loader {
          position : fixed; z-index: 9999; background : url('./images/global/loader.png') 50% 50% no-repeat;
          top : 0px; left : 0px; height : 100%; width : 100%; cursor : wait; }
      

    
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    .bloc_picture { float:left; width:100px; overflow:hidden; background-color:#e8e8e8; top:0;
                   text-align:center; height:100px; border:1px solid #e6e6e6; }
    .bloc_picture img{ margin-top:0; }


    #bloc_favoris { border-bottom:1px solid #e6e6e6;  padding:0; margin-top:0; }
    #bloc_favoris:hover { background:#e8e8e8; }
    #bloc_favoris a { display:block; width:100%; height:157px; margin-top:0; }

    #bloc_post { position: relative; width:45%; display:inline-block; height:285px;  background:#ffffff;  border-radius:15px; padding-bottom:0px;  margin:0 auto; overflow:hidden;  margin-bottom:18px;  margin-left:6px; margin-right:6px; box-sizing:border-box; }
            
    
    
    #bloc_post_min{
      position: relative; width:46%; display:inline-block; height:285px;  background:#ffffff;  border-radius:15px; padding-bottom:0px;  margin:0 auto; overflow:hidden;  margin-bottom:18px;  margin-left:6px; margin-right:6px; box-sizing:border-box;
    }
            
    #bloc_post:hover  { background:#f0f2f5; }
    #bloc_post_min:hover  { background:#f0f2f5; }
    #bloc_post a {  width:100%; margin-top:0; }

    #div_hover:hover { background:#e8e8e8; }

    #bloc_post_boutique { border:1px solid #ededed;  line-height:20px; height:155px; }
    #bloc_post_boutique:hover { background:#e8e8e8; }
    #bloc_post_boutique a {  width:100%; height:125px; margin-top:0px; }

    #bloc_picture {  position:relative; margin:0 auto; overflow:hidden; background-color:#e6e6e6;  width:45%;
        /* background-image: url("../images/global/photo-back.png"); */ padding:1px; text-align:center; height:95px; }
    #bloc_picture img{ top:25%; left:25%; margin:0 auto; }

    .bloc_prix { font-size:14px; font-weight:bold; font-family: 'Roboto', Arial, Helvetica, sans-serif; color:#152233; padding:0; margin-top:3px; margin-bottom:3px; }
    
    .bloc_ville { color:#152233; font-size:14px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; line-height:16px; padding-left:0px; padding-right:0px; margin-top:3px; margin-bottom:3px; }

    td.colorize_td { vertical-align:center; overflow:hidden; margin:0 auto; padding-top:10px; background:#e8e8e8; font-weight:bold;  padding-left:12px; height:25px;  width:30%; font-size:13px; color:#3c5e79; }
    td.span_td {   vertical-align:center; height:25px; overflow:hidden; margin:0 auto; border-top:1px solid #d8d8d8; 
             border-left:1px solid #d8d8d8; border-right:1px solid #e8e8e8; padding-top:10px; padding-left:10px; font-size:13px; }
    td.span_td_ar {  vertical-align:center; height:25px; overflow:hidden; margin:0 auto;
          border-top:1px solid #d8d8d8;   border-left:1px solid #e8e8e8; border-right:1px solid #d8d8d8; padding-top:10px; 
          padding-right:10px; font-size:12px;  text-align:right;}
    td.colorize_td_ar {  width:30%; background:#e8e8e8; font-weight:bold;  height:25px; font-size:13px;  padding-right:12px; text-align:right; color:#3c5e79;  }
    
    
    
    
    /* --------------------------- buttons of container -------------------------*/
    #btn_type { margin-bottom:7px; margin-top:8px; width:100%; font-size:12px; }
    
    .btn { background-color:white; color:orange;  border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin-bottom:0px;  padding:8px; 
            border-top:2px solid #cccccc; padding-right:10px; border-radius:4px; }
    
    .btn_head { font-size:12px; padding-bottom:2px; padding-top:4px; text-decoration: none; text-align: center; cursor: pointer; 
             height:52px;  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; 
    }
    .btn_head .active { border-bottom: 2px solid #ff6e14; color: #000000; font-size:12px; font-weight:bold;  min-width:60px;  
              font-family: 'Roboto', Arial, Helvetica, sans-serif; padding-right:8px; padding-left:8px;}
    .btn_head img { margin-bottom:2px;}

    .button-group-navigation { display:inline; margin:0; padding:0; width:100%;  }
    .button-group-navigation li { margin-top:3px; display: inline-block; list-style:non; padding: 0; /* border-right:1px solid #d1d1d1; */}
    .button-group-navigation a { color:#000000; vertical-align:center; }
    .button-group-navigation li .btn_head { float: left;  }
    .button-group-navigation>.btn_head:first-child,
    .button-group-navigation li:first-child .btn_head { margin-left:0; }
    .button-group-navigation>.btn_head:last-child,
    .button-group-navigation li:last-child>.btn_head { margin-right: 0; }
    
    
    /*-------------------------------------- ---------------------------------------*/
    #telephone { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 2px auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    .telephone { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 2px auto;
    background: #ffffff;
    color: #3c5e79;
    border:1px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    #telephone_min { display: flex;
    justify-content: center; 
    align-items: center;
    width: 80%;
    height: 35px;
    margin: 2px auto;
    border:2px solid #3c5e79;
    background: #ffffff;
    color: #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    
    #post_mail { display:inline-block; width:66%;  border:1px solid #0075da; border-radius:5px; background:#0075da;  color:white;  font-size:12px;   
        margin:0px; padding:10px 10px; font-weight:bold; margin:0 auto;}
    
    .menu_whatsup { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 2px auto;
    border:2px solid #3c5e79;
    background: #3c5e79;
    color: #ffffff;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    
    /*--------------------------------------------- -------------------------------------------------------*/    
    .form_col {  width:145px; display: inline-block;  min-height: 1px; padding-left:10px; font-size:12px; font-weight:bold; }

    .champ {  
        width:240px; height:25px; display: inline-block;  border:2px solid #bbbbbb;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }
 
    .tooltip { 
        width:240px; height:30px; display: none;  margin-top: 5px; margin-left: 5px; color:#336699; font-size:14px;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct { 
        width:240px; height:30px; border-color: rgba(68, 191, 68, 0.75);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct:focus {
         width:240px; height:30px; border-color: rgba(68, 191, 68, 0.75);
        -moz-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -webkit-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5);
        box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect { 
        width:240px; height:30px;
        border-color: rgba(191, 68, 68, 0.75); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect:focus { 
        width:240px; height:30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        border-color: rgba(191, 68, 68, 0.75); -moz-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); 
        -webkit-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); }
        
        
    /*---------------------------------- ----------------------------------*/
    #div_klk_chose_vendre { margin:0 auto; text-align:center; font-size:12px; }
    
    
    /*---------------------------------- ----------------------------------*/
    #boutique_rubrique { color:#474747; font-weight:bold; font-size:12px; }
    #boutique_titre { margin-right:4px; margin-left:4px;  font-size:13px; }
    
    /*----------------------------------------   -----------------------------------------------------*/        
    #footer { display:flex; align-items:flex-start; width:100%; }
    
    .pied_categorie { /*width: 100%; display:flex; align-items:flex-start; box-sizing:border-box;*/ display:none; }
    
    
    
    #pied_first {clear:both;width:100%; margin-top: 0px; padding-bottom:20px; background:#282828;    margin:0 auto;  overflow:hidden; display:flex; }
    #tweet_first h2 { color:white; padding-bottom:0px; margin-bottom:4px; font-size:14px; }
    
    #tweet_fist { color:#ffffff;background:#282828;  display: inline-block; vertical-align:top; width: 30%; margin:0 auto; overflow:hidden;
              padding:4px; margin:4px; font-size: 11px; }
    
    #pied { clear:both;width:100%; margin-top: 0px; background:#26394c; padding:0px; box-sizing: border-box; display:flex; align-items:flex-start;
     }
    .pied_center { width:100%;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; padding:2px; box-sizing: border-box;}
    
    #top_pied { background:white; color:white; font-size:13px; padding:2px 5px 5px; margin:5px; margin:0 auto; }
    #pied a.rubs_js { color:white;  background:#f1f1f1; font-size:13px; width:99%; margin:0 auto; }
    #pied a.cats_js { color:white; font-size:11px; width:99% }
    #pied a.rubs_css { color:white; border-bottom: 1px solid #ffffff; background:#f1f1f1; font-size:13px; width:100% } 
    #pied h2 { font-size: 14px; padding:3px; margin-bottom: 0px; padding-bottom: 0px; color:#ffffff; font-weight:bold; }       
    #pied h3 { font-size:13px; padding:3px; padding-top:0px; margin-top: 4px; margin-bottom: 0px; color:#ffffff; font-weight:bold; } 
    
    #copyright { clear:both; width:100%; background:#26394c; color:#ffffff;  text-align:center;  border-top: 1px solid #777777; padding:2px;
          font-size:12px; font-weight:bold; margin:0 auto; overflow:hidden; display:flex;}
    #copyright a { color:#ffffff; }
    
    h3, h4 { font-size:15px; }
    
    #deposer a { width:150px; font-size:13px; }
    
    #deposer_ar a { width:110px; }
    
    /*---------------------------                   ------------------------*/
    .filtre_select { width: 160px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-droite.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .filtre_select_ar {  width: 130px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-gauche.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .localisation_select { width: 120px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  
  /*background-image: url('https://www.obien.ma/images/global/localisation-menu.png');
   background-size:32px;
  background-repeat: no-repeat;
  background-position: left; */
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
      .localisation_select_ar { width: 120px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .prix_select { width: 100px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
  
  
 /*---------------------------                   ------------------------*/
    .prix_select_ar { width: 100px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
    /*---------------------------                   ------------------------*/
    #toggle_footer { display:none; /* position:fixed; z-index:1; opacity:.99; width:100%; font-size:13px; background-color:#ffffff;  height:60px; margin-top:20px;
                   bottom:0; left:0; margin:0 auto; overflow:hidden; box-shadow: 0px -4px 3px rgba(120, 120, 120, 0.2); display:flex; */
    }
    
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: 100%; position:fixed; bottom:10px; left:0; z-index:2200; background:#ffffff; border-top:1px solid #e8e8e8; }
    
    /*---------------------------                   ------------------------*/
    .toggle_non_fix_bottom { width: 100%; position:fixed; bottom:10px; left:0; z-index:2200; background:#ffffff; border-top:1px solid #e8e8e8; }
    
    .btn_left,
    .btn_right {
        flex: 1;
         box-sizing: border-box;
        padding: 2px;
    }
    
    
    /*---------------------------                   ------------------------*/
    #toggle_categorie {
      position:fixed; z-index:180; opacity:.99;  display:none; top:0; left:0; width: calc(100% - 10px); 
      height:100%;
      border:1px transparent; margin:0 auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_categorie_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation {
      position:fixed; z-index:180; opacity:.99;  display:none; top:0; left:0; width: calc(100% - 10px); 
      height:100%;
      border:1px transparent; margin:0 auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    /*---------------------------                   ------------------------*/
    #toggle_marque {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_marque_ar {
      position:fixed; z-index:180; display:none; top:0;  right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_modele {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_modele_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
       
    /*---------------------------                   ------------------------*/
    #toggle_immobilier {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_immobilier_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_pointure {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_pointure_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_prix {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_prix_ar {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
       
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
     
       bottom:0; overflow-y:scroll; overflow-x:hidden;
      border:1px transparent; margin:0 auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14; 
        flex-direction: column; }
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre_ar {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      
       bottom:0; overflow-y:scroll; overflow-x:hidden;
      border:1px transparent; margin:0 auto; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14; flex-direction: column;}
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre_ar h3, #toggle_filtre h3 { color:#3c5e79; font-weight:bold; }
    
    /*---------------------------                   ------------------------*/
    #toggle_menu {
      position:fixed; z-index:150; display:none; top:0; right:0; width:100%; height:100%; /* min-height:213px; */
      border:1px transparent; margin:0 auto; overflow-y: scroll; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; 
      margin-right: 1px;  font-size:14px; color:#ff6e14;}	
    
    #toggle_menu a { color:#f83d00; cursor:pointer; }
    #toggle_menu h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    
    /*---------------------------                   ------------------------*/
    #toggle_search {
      position:fixed; z-index:150; opacity:0.99; display:none; top:0; right:0; width:100%; height:100%; /* min-height:213px; */
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:center;  border:1px solid #e6e6e6;  border-radius:5px;
      margin-right: 1px;  font-size:14px; color:#ff6e14;}	
    
    #toggle_search a { color:#474747; cursor:pointer; }
    #toggle_search h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    #toggle_search input { width:50%; margin:0 auto; }
    
    #navigation_mas_fix { display:none; } 
    #navigation_mas_lang_fix { display:none; } 
    
    #navigation_mas_share_fix { display:none; } 
    #navigation_mas_lang_share_fix { display:none; } 
    
     #controls-slide { display:none; }
     #controls-slide_ar { display:none; }
     
     
     .categorie_boutique { width:97%; text-align:center; margin:0 auto;}
     
    
    /*--------------------------- -------------------------------------*/
    #menu_rub {  display:none;  }
    #menu_cat {  display:none; }

    #menu_rub_boutique { display:none; }
    #menu_cat_boutique { display:none; }

    /*------------------- --------------------------------------------------*/
    #menu_rub_ar { display:none; }
    #menu_cat_ar { display:none; }

    #menu_rub_boutique_ar { display:none; }
    #menu_cat_boutique_ar { display:none; }

   .nbre_tof { display:none; /* position:absolute; font-size:9px; top:85px; left:6px; background:#545454; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; */ }
   
   .nbre_tof_ar { display:none; /* position:absolute; font-size:10px; top:85px; right:6px; background:#545454; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; */ }
   
   
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:20px; height:62px; padding-bottom:0px; margin:0; color:#212121;  font-weight:bold; font-size:13px; }
    
    .annonce-margin-top { margin-top:4px; }
    
    /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; font-size:13px; padding:0px; }
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
#search {
margin:0 auto; width:97%; background:#f4f7f8; text-align:left;  display:block; margin-left:6px; margin-top:2px;
}
#search input[type=text] {
float:left; border:none; color:gray; font-size:0.7em; 
width: 78%; height:40px; text-align:left;
background : url(../images/global/search1.png) top left no-repeat; padding: 0 0 0 14px; outline: none; color:#3c5e79; font-size:12px; font-weight:bold;
}
#search input[type=text]:focus{
 outline: none;
}

#search input[type=submit] {
width:40px; height:40px; float:left; border:none;
background : url(../images/global/search1.png) top right no-repeat;
cursor:pointer;
}
#search input[type=submit]:hover{
outline: none;
}

/*---------------------------------- formulaire de recherche -------------------------------------------*/
#search_ar {
margin:0 auto; width:97%; background:#f4f7f8; text-align:right;  display:block; margin-right:6px; margin-top:2px;
}
#search_ar input[type=text] {
float:right; border:none; color:gray; font-size:0.7em; 
width: 78%; height:40px; text-align:right;
background : url(../images/global/search1-ar.png) top right no-repeat; padding: 0 14px 0 0; outline: none; color:#3c5e79; font-size:13px; font-weight:bold;
}
#search_ar input[type=text]:focus{
 outline: none;
}

#search_ar input[type=submit] {
width:40px; height:40px; float:right; border:none;
background : url(../images/global/search1-ar.png) top left no-repeat;
cursor:pointer;
}
#search_ar input[type=submit]:hover{
outline: none;
}


/*---------------------------------- flickity -------------------------------------------*/
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 40%; width: 28px; height: 28px; border-radius: 50%;
  /* vertically center */
  transform: translateY(-40%);
}

}

.small_profil_img img { width:50px; margin:0; padding:0; margin-top:10px; }
.small_profil_pseudo { font-size:12px; }

/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:650px) and (max-width: 1023px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:650px) and (max-width: 1023px) {
    body {  background:#ffffff;  }
    
    .min_moyen_show { display:block; }
    .min_grand_show { display:none; }
    .min_petit_show { display:none; }
    
    #contain_minim:first-child { opacity:.99; }
    #contain_minim  { position:relative; z-index:180; opacity:.99; padding-top:0; padding-bottom:0px; width:80%; margin-top:2px; text-align:left; margin-left:2px; }
    #contain_minim  div{ padding-top:0px; padding-bottom:2px; }
    
    #ajouter_favoris { background: url("../images/global/favories-coeur01.png") no-repeat center;
    background-size:18px;
    display:block;
    width:18px;
    height:18px;
 }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:18px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden; width:18px; height:18px;  }
            
    #ajouter_favoris_div_left { position: absolute;
    top: 8px;
    right: 8px;
    background-color: white;
    padding:5px;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
    
    #ajouter_favoris_div_right { position: absolute;
    top: 8px;
    left: 8px;
    background-color: white;
    padding:5px;
    width:18px;
    height:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
   
    
    h1 {  color:#152233; font-size:18px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold; margin-left:6px; margin-right:6px; }
    h2 {  color:#152233; font-size:18px; padding-top:5px; margin-left:6px; margin-right:6px;  padding-bottom:5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h3 { color:#152233; font-size:13px; margin-left:6px; margin-right:6px; padding-top:4px; padding-bottom:5px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h4 { color:#152233; font-size:12px; margin-left:6px; margin-right:6px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    h5, h6 { color:#152233; font-size:11px; margin-left:6px; margin-right:6px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    
    #toggle_div { display:none; }
    
    #mycontain { display:none;  }

    
 
    .menu_filtre_toggle { position:relative; width:100%;  background-color:#ffffff; z-index:2900; height:70px; padding-left:8px; text-align:left; box-sizing:border-box;
    }
    .menu_filtre_toggle_ar { position:relative; right:6px; width:100%; margin:0 auto; background-color:#ffffff; z-index:2900; height:70px; padding-right:2px; margin-right:10px;  text-align:right;  box-sizing:border-box;
    }
    
    
     
    #mycontain_min { width:100%; background-color:#ffffff; height:56px;
                 position:fixed; z-index:30; opacity:.99;  top:0; left:0; box-shadow:1px 2px 2px #f0f2f5; display:flex; transition:all .2s ease; box-sizing:border-box;
    }
    #global_min{ width:920px;  margin:0 auto;  line-height:14px; position:relative;  z-index:1; padding:0px;  }
    #wrap_min{ width:100%; position:relative; z-index:1;  }
    
    
    #souscontain_min { width:100%;  background-color:#ffffff; height:60px;
                 position:fixed; z-index:1; opacity:.99;  top:56px; left:0; margin:0 auto; overflow:visible; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); display:flex; 
    }
    
    
    #container { width:100%; margin: 0 auto;  -webkit-overflow-scrolling: auto !important;
 position:relative; display:flex; z-index:1; opacity:0.99; }
    #wrapper{ width:100%; position:relative; margin:0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; z-index:1; opacity:.99; line-height:20px; top:60px; margin-bottom:120px;  }
    
    
    /*-------------------------                            ----------------------*/    
    
    /*---------------------------                   ------------------------*/
    .filtre_select { width: 160px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-droite.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .filtre_select_ar {  width: 140px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-gauche.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .localisation_select { width: 140px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
      .localisation_select_ar { width: 140px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .prix_select { width: 140px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
  
  
 /*---------------------------                   ------------------------*/
    .prix_select_ar { width: 140px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
    /*------------------------------------------------------- ----------------------------------------------------*/
    .container { display:none; }
    /*.container input, select {  border:1px solid #ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;  padding:4px;
         padding-left:0px; font-size:13px; font-family: Arial, Sans-serif,Nimbus Mono L; color:#676767; background:white; background-position:4px;  }*/
    
    #recherche-responsive { position:absolute; top:71%;  left: 50%;
    transform: translate(-50%,71%);  margin-bottom:50px; }
    
    #titre_container { width:95%; height:22px; color:#676767; margin-top:4px;  font-weight:bold; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8; background-size:15px; }
    
    #titre_container_ar { width:95%; height:22px; text-align:right; margin-top:4px; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8; margin-left:1px;  margin-right:1px; color:#676767; font-weight:bold; background-size:15px; }
    
    .ville_container { width:90%;   height:29px; padding-left:22px; background:#ffffff; background-image:url("../images/global/localisation.png");
            background-repeat: no-repeat; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8; color:#676767; font-weight:bold; }
    
    .ville_container_ar { width:90%; height:29px;  padding-right:25px;  background:#ffffff; background-image:url("../images/global/localisation.png"); background-position:right; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-left:2px solid #e8e8e8;
              background-repeat: no-repeat; color:#676767; font-weight:bold;}
    
    #search_button { font-size:11px; width:100%; }
    
    /* ----------------------------- ------------------------------ */
     #contain_hide { display:none; }
     #contain { display:none; }
     #annonce_avec_photo { display:none; }
     #annonce_avec_photo_ar { display:none; }
     #sauvegarde_js { display:none; }
     #sauvegarde-innactive-contain  { display:none; }
     #sauvegarde-innactive-contain_ar { display:none; }
     #sauvegarde-contain { display:none; }
     #sauvegarde-contain_ar { display:none; }
     #sauvegarde_connect_js { display:none; }
     #sauvegarde_connect_js_ar { display:none; }
     
     #sauvegarde_connect_results { display:none; }
     #sauvegarde_connect_results_ar { display:none; }
     
     #sauvegarde_js { display:none; }
     #sauvegarde_js_ar { display:none; }
     #prix_js { display:none; }
     #prix_js_ar { display:none; }
     #sauvegarde_results { display:none; }
     #sauvegarde_results_ar  { display:none; }
     
     
    /*----------------------------       ---------------------------*/
    .select{ 
       position: relative; display: block;  margin: 0 auto; width: 95%;  height:42px; /* height:100%;*/  /*max-width: 300px;*/
       vertical-align: center; text-align: left; user-select: none; -webkit-touch-callout: none;   
    }
    .placeholder{  
        position: absolute;  display: block; background-color: #f2f2f2; padding: 15px 13px; 
        top:-4px; left:0px; z-index:1;  border-radius: 2px; cursor: pointer;}
    .placeholder:hover{
         background: darken(#393d41,2%);
    }
    .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;   top:50%; transform: translateY(-50%);
       position: absolute; right: 8px; 
       font-family: 'Roboto', Arial, Helvetica, sans-serif; content:"\25BC";  }
  
    .is-open .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;  }

    .select--white .placeholder{ background-color:#f2f2f2; border:1px solid #ccc; position:relative; width:82%; height:1px; color:#676767; font-weight:bold;  }
    .select--white .placeholder :hover{ background: darken(#fff,2%); }  

    .place { position:absolute; height:10px; width:90%; vertical-align:center; top:22%; left:4px; font-size:13px;}
    .place_ar { position:absolute; height:10px; width:90%; vertical-align:center; top:22%; left:-10px; font-size:13px;}

    /*-----------------------------------------------------------------------------*/
    .select-wrapper { width:180px; height:35px;   display:inline-block;    overflow-x:hidden;  overflow-y:hidden;     
        padding:0px; cursor:pointer; border-bottom:2px solid #e6e6e6;  border-right:2px solid #e6e6e6; 
    }
    .select-wrapper select { border:0;  min-width:110%; min-height:110%; cursor:pointer; color:#000; color:rgba(0,0,0,0);  
        text-shadow:0 0 0 #000; -webkit-appearance:none; outline:none; white-space:nowrap;
    }
    /* Pour Opera */noindex:-o-prefocus, .select-wrapper select { color:#000;}
    .select-wrapper:after {    content:"\25BC"; /*content:url(../images/global/location.png);*/
        display:block;    position:relative;    float:right;    top:-25px;    right:5px;    background-color:#f2f2f2;    width:20px;      
        text-align:center;    margin-bottom:-5px;  margin-right:-5px;}  

    
    #min_hide { display:none; }
    .min_hide { display:none; }
    
    /*-----------------------------------------------------------------------*/
    .left { float:left; width:20%; padding:5px;  overflow:hidden; margin:0 auto; font-size:10px;}
    .right { float:right; width:20%;  overflow:hidden; }

    .left_pied { width:50%; display:inline-block; vertical-align:top; padding:12px; box-sizing:border-box; }
    .right_pied { width:50%; display:inline-block; padding:12px; margin:0 auto; overflow:hidden; box-sizing: border-box; }
    

    .rubs_js { cursor:pointer; display:block; background:#e6e6e6; margin-top:2px;  padding:2px; font-size:9px;
           color:#597ca0; }
    .cats_js { cursor:pointer; color:#676767; font-weight:bold; font-size:13px; width:98%; padding:1px; }
    
    .rubs_js_ar { cursor:pointer; display:block; background:#e6e6e6; margin-top:2px;  padding:2px; font-size:9px;
           color:#597ca0; }
    .cats_js_ar { cursor:pointer; color:#676767; font-weight:bold; font-size:13px; width:98%; padding:1px; }

    .rubs { display:inline-block; /*background:#e6e6e6;*/ font-size:13px; /*color:#597ca0;*/ color:#515151; font-weight:bold; }
    .cats { display:inline-block; color:#9b9ca3; font-size:13px; width:85%; }
    
    .rubs_min { display:inline-block; font-size:15px; font-weight:bold; width:88%; /*color:#597ca0;*/ color:#515151; }
    .cats_min { display:inline-block; font-size:16px; color:black; width:88%; }
    
    /*------------------------------------------------- CONTENU-------------------------------------------*/
    .right { text-align:right;  }
    .canvas canvas{ cursor:pointer; width:17%; margin-right:6px; }
    .demi_float { /*float:left; position:relative; width:49%;*/  text-align:left; margin:0 auto; padding:1px; padding-top:4px; }
    .demi_float input { width:90%; font-size:13px; }
    .demi_float input[type="name"] { width:99%; }
    .demi_float div.select { width:99%; padding:1px; font-size:14px; }
    .tierce_float { width:31.7%; float:left; overflow:hidden; min-height:100px; margin:0 auto; text-align:center; padding:2px; }
    .tierce_float_right { width:31.7%; float:right;  min-height:100px; overflow:hidden; margin:0 auto; text-align:center; padding:2px; }
    .contenu_float { float:right; text-align:left;  color:gray; margin-left:26%; padding:10px;  }
    .contenu_globe { width:25%;  padding:5px;  }
    .spacer {  clear: both; padding:0; margin:0; height:0; }
    
    .demi_left { float:left; position:relative; width:48%;  text-align:left; margin:0 auto; padding:2px; }
    .demi_left input { width:80%; font-size:13px; }
    .demi_left input[type="name"] { width:70%; }
    .demi_left div.select { width:90%; padding:2px; font-size:14px; }
    
    .demi_right { float:right; position:relative; width:48%;  text-align:right; margin:0 auto; padding-top:4px; }
    .demi_right input { width:80%; font-size:13px; }

    
    /*---------------------------------------------- annonce_select ---------------------------------------*/
    .float_right { float:right; width:16%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_right_post { float:right; padding:3px; margin:4px; }
    .float_left { float:left;  padding:2px; margin:4px; text-align:left; }
    .float_centre { margin-right:17%;  margin-left:30%; overflow:hidden; padding:3px; }
    
    #float_left { float:right;  padding:6px;  overflow:hidden; margin:0 auto; text-align:left; background:#ffffff;  }
    
    /*----------------------------------------- connect_form -------------------------------------------*/
    .connect_left { /*display:block; width:95%; margin:0 auto; */  float:left; width:48%; padding:5px;}
    .connect_register_right { /*display:none; width:95%; margin:0 auto;*/ float:right; width:48%; padding:5px; }
    .connect_left_ar { float:right; width:48%; padding:5px; text-align:right;}
    .connect_register_right_ar { float:left; width:48%; padding:5px; text-align:right; }
    .toggle_if_min { display:none; }
    
    /* --------------------------------------------------- */
    .connect_css { padding:10px;  padding-top:0px; width:95%; margin:0 auto; }
    
    .connect_div_css { width:75%; padding:15px; text-align:center; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; background:#ffffff; border-radius:10px; padding-top:5px; padding-bottom:10px; }
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #menu_navig { display:block; margin:0 auto; overflow:hidden; font-size:14px;  padding-top:4px; color:#597489; margin-left:20px; margin-right:20px; margin-top:6px;  margin-bottom:17px;  font-weight:bold; }
    #menu_navig a { color:#597489; font-weight:bold; text-decoration:underline;  }
    #menu_navig img { margin-left:4px; margin-right:8px; width:15px; }
    
    
     /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:95%; margin:0 auto; overflow:hidden; text-align:center; padding-left:0px; margin-top:3px; margin-bottom:3px; background:#ffffff;  border-radius:10px;
     }
  
    .carousel-rub-cell { width:12%; height:58px; margin-top:0px;  padding-bottom:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; background:#ffffff; text-align:center; line-height: 13px;
     }
           
    .carousel-rub-cell img { width:30px; height:30px; margin-top:4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
    
    .carousel-rub-cell img:hover { opacity:0.5; }
    
    .carousel-rub-cell div { margin-top:1px; }
    
    #big-carousel-rub { width:12%; }
    #big-carousel-rub a { font-size:15px; font-weight:bold; color:#3d4d5a; }
     
     
     /*----------------------------------------   -----------------------------------------------------*/   
    img {vertical-align:middle; border:none;}
    #thumbs { margin:0 auto; overflow:hidden;  list-style:none; padding:0; height:115px; margin-top:10px; }
    #thumbs li {float:left; display:none; width:60px; height:60px; margin-right:6px; border:1px solid #e8e8e8;
    border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-bottomleft:6px;
	    -moz-border-radius-bottomright:6px; -webkit-border-top-left-radius:6px;
        -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; }
    #thumbs a {display:block; padding:0px; width:60px; height:60px; outline:none; }
    #thumbs a:hover, #thumbs a:focus {background:#fff; opacity:0.5; }
    #thumbs a.active {background:#000;}

    #small { max-width:100%; height:85px; background:#f1f1f1; margin:0; padding:0; }
    #bigger { width:100%; height:205px; border-radius: 15px 15px 15px 0; }
    
    .bigger2 {
        width:100%;
        height:150px;
        overflow:hidden;
        background:#e8e8e8;
    }

   .bigger2 img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    
    .biggerAnn { width:95%; height:200px; border-radius:8px; }
    #biggest { width:250px; height:250px; }

    img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}

      #viewer { position:relative; height:400px; margin:0 auto; text-align:center; background:#f0f2f5;  border-radius: 12px; }
     .viewer {  height:400px; }
     #myCanvas { max-width:100%; height:400px;  background:#f0f2f5;   }
     
     #myCanvas img { display: none; }


    #controls { margin-top:0px; width:100%; height:100px; margin:0 auto; overflow:hidden; text-align:center; background:#ffffff; }
    #controls a img { display:inline;  }
    #thumbs li { width:85px; height:85px; }
     #thumbs a { width:85px; height:85px; }
     
     #next { color:red; font-size:50px; font-weight:bold; cursor:pointer; }
    #prev {  color:red; font-size:50px; font-weight:bold; cursor:pointer; }
     
     .prev_button img { width:50px; height:50px; }
     .next_button img { width:50px; height:50px; }

    .centre_button { margin-right:10px; margin-left:10px; overflow:hidden; margin:0 auto; text-align:center; width:75%; text-align:center; }
    .prev_button { position:relative; margin-top:28px; float:left; width:60px; height:60px; margin-left:20px;  }
    .next_button { position:relative; margin-top:28px; float:right; width:60px; height:60px; margin-right:20px;  }

    .loader {
          position : fixed; z-index: 9999; background : url('./images/global/loader.png') 50% 50% no-repeat;
          top : 0px; left : 0px; height : 100%; width : 100%; cursor : wait; }
      
     
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #bloc_post_right { margin-left:28%; margin-right:33px; width:60%; overflow:hidden; padding-top:10px; padding-bottom:10px;   padding-right:2px;  }
    #bloc_post_left { margin-right:28%; margin-left:33px; width:60%; overflow:hidden;  padding-top:10px; padding-bottom:10px; padding-right:2px; text-align:right;   }
          
    #navig_post_right { position:relative; float:left; width:26%; margin-right:35px;  margin:0 auto; overflow:hidden; padding-top:10px; padding-bottom:10px; margin-top:20px; margin:4px;  background:#ffffff; text-align:center; }
    #navig_post_left { position:relative; float:right; width:26%; margin-left:35px;  margin:0 auto; overflow:hidden;  padding-top:10px; padding-bottom:10px; margin-top:20px; text-align:right; margin:4px;  background:#ffffff; text-align:center; }           
  
          
    .bloc_picture { float:left; width:100px; overflow:hidden; background-color:#e8e8e8; top:0;
                   text-align:center; height:100px; border:1px solid #e6e6e6; }
    .bloc_picture img{ margin-top:0; }


    #bloc_favoris { border-bottom:1px solid #e6e6e6;  padding:0; margin-top:0; }
    #bloc_favoris:hover { background:#e8e8e8; }
    #bloc_favoris a { display:block; width:100%; height:157px; margin-top:0; }

    #bloc_post { position: relative; width:31%; display:inline-block; height:300px;  background:#ffffff;  border-radius:15px; padding-bottom:0px;  margin:0 auto; overflow:hidden;  margin-bottom:18px;  margin-left:6px; margin-right:6px; box-sizing:border-box; }
            
    
    
    #bloc_post_min{
      position: relative; width:31%; display:inline-block; height:300px;  background:#ffffff;  border-radius:15px; padding-bottom:0px;  margin:0 auto; overflow:hidden;  margin-bottom:18px;  margin-left:6px; margin-right:6px; box-sizing:border-box;
    }
            
    #bloc_post:hover  { background:#f0f2f5; }
    #bloc_post_min:hover  { background:#f0f2f5; }
    #bloc_post a {  width:100%; height:135px; margin-top:0; }

    #div_hover:hover { background:#e8e8e8; }

    #bloc_post_boutique { border:1px solid #ededed;  line-height:20px; height:155px; }
    #bloc_post_boutique:hover { background:#e8e8e8; }
    #bloc_post_boutique a {  width:100%; height:125px; margin-top:0px; }

    #bloc_picture {  position:relative; margin:0 auto; overflow:hidden; background-color:#e6e6e6;  width:45%;
        /*background-image : url("../images/global/photo-back.png");*/ padding:1px; text-align:center; height:95px; }
    #bloc_picture img{ top:25%; left:25%; margin:0 auto; }

    .bloc_titre { padding-bottom:6px; margin:0; color:#426078; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold;  font-size:14px; padding-left:0px; padding-right:0px; }
    
    .bloc_prix { font-size:16px; font-weight:bold; font-family: 'Roboto', Arial, Helvetica, sans-serif; color:#152233; padding:0; margin-top:6px; margin-bottom:3px; }
    
    .bloc_ville { color:#152233; font-size:14px; font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:normal; text-align:left; line-height:16px; padding-left:0px; padding-right:0px; margin-top:6px; margin-bottom:3px; }
    
    .ville_div { padding:6px; font-size:13px; }


    td.colorize_td { vertical-align:center; background:#e8e8e8; padding-left:12px; font-weight:bold;  height:25px;  width:20%; color:#3c5e79; }
    td.span_td {   vertical-align:center; height:25px; overflow:hidden; margin:0 auto; border-top:1px solid #d8d8d8; 
             border-left:1px solid #d8d8d8; border-right:1px solid #e8e8e8; padding-top:10px; padding-left:10px; font-size:14px; }
    td.span_td_ar {  vertical-align:center; height:25px; overflow:hidden; margin:0 auto;
          border-top:1px solid #d8d8d8;   border-left:1px solid #e8e8e8; border-right:1px solid #d8d8d8; padding-top:10px; 
          padding-right:10px; font-size:14px;  text-align:right;}
    td.colorize_td_ar {  width:20%; padding-right:12px; background:#e8e8e8; font-weight:bold;  height:25px;  text-align:right; color:#3c5e79;   }
    
    
   /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin-top:0px; background:#ffffff; color:#5a5a5a;  overflow:hidden; margin:0 auto; padding:5px;  margin-bottom:15px; z-index:1; margin-left:6px; margin-right:6px;  }
    #contenu_lang { position:relative; margin-top:0px; background:#ffffff; color:#5a5a5a; overflow:hidden; margin:0 auto; padding:5px; margin-left:6px; margin-right:6px;  margin-bottom:30px; z-index:1;  padding-right:6px; }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation { display:none; background:#f1f1f1;}
    #navigation_lang { display:none; background:#f1f1f1; }
    
    #navigation_mas { background:#ffffff; display:none;  }
    #contenu_mas { position:relative; background:#ffffff; color:#5a5a5a; overflow:hidden;  padding:4px;   margin-left:10px; margin-right:10px; }
    
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }
    #contenu_mas_lang h4,#contenu_mas_lang h3 { font-size:13px; }

    #navigation_mas_lang { display:none; margin-left:3px; margin-right:3px; background:#ffffff;
       overflow:hidden; margin:0 auto; padding:4px;
       /*float:right; width:35%;*/ width:98%;  text-align:center;  
    }
    #contenu_mas_lang { position:relative; background:#ffffff; color:#5a5a5a;   /*margin-right:36%; width:64%;*/  overflow:hidden;  padding:4px;  margin-left:10px; margin-right:10px; }
    
    
    /* --------------------------- buttons of container -------------------------*/
    #btn_type { margin-bottom:7px; margin-top:8px; width:100%; font-size:12px; }
    
    .btn { background-color:white; color:orange;  border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; margin-bottom:0px;  padding:8px; 
            border-top:2px solid #cccccc; padding-right:10px; border-radius:4px; }
    
    .btn_head { font-size:12px; padding-bottom:2px; padding-top:4px; text-decoration: none; text-align: center; cursor: pointer; 
             height:52px;  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold; color:#000000; 
    }
    .btn_head .active { border-bottom: 2px solid #ff6e14; color: #000000; font-size:12px; font-weight:bold;  min-width:60px;  
              font-family: 'Roboto', Arial, Helvetica, sans-serif; padding-right:8px; padding-left:8px;}
    .btn_head img { margin-bottom:2px;}

    .button-group-navigation { display:inline; margin:0; padding:0; width:100%;  }
    .button-group-navigation li { margin-top:3px; display: inline-block; list-style:non; padding: 0; /* border-right:1px solid #d1d1d1; */}
    .button-group-navigation a { color:#000000; vertical-align:center; }
    .button-group-navigation li .btn_head { float: left;  }
    .button-group-navigation>.btn_head:first-child,
    .button-group-navigation li:first-child .btn_head { margin-left:0; }
    .button-group-navigation>.btn_head:last-child,
    .button-group-navigation li:last-child>.btn_head { margin-right: 0; }
    
    /*-------------------------------------- ---------------------------------------*/
    #telephone { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 10px auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    .telephone { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 10px auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    #telephone_min { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 10px auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    
    #post_mail { display:inline-block; width:66%;  border:1px solid #0075da; border-radius:5px; background:#0075da;  color:white;  font-size:14px;   
        margin:0px; padding:10px 10px; font-weight:bold; margin:0 auto;}
    
    .menu_whatsup { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 35px;
    margin: 10px auto;
    border:2px solid #3c5e79;
    background: #3c5e79;
    color: #ffffff;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    
    
    /*--------------------------------------------- -------------------------------------------------------*/
    .form_col {  width:200px; display: inline-block;  min-height: 1px; padding-left:10px; font-size:13px; font-weight:bold; }

    .champ {  
        width:350px; height:30px; display: inline-block; border:2px solid #bbbbbb;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
 
    .tooltip { 
        width:350px; height:30px; display: none;  margin-top: 5px; margin-left: 5px; color:#336699; font-size:14px;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct { 
        width:350px; height:30px; border-color: rgba(68, 191, 68, 0.75);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct:focus {
         width:350px; height:30px; border-color: rgba(68, 191, 68, 0.75);
           -moz-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -webkit-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5);
        box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect { 
        width:350px; height:30px;
        border-color: rgba(191, 68, 68, 0.75); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect:focus { 
        width:350px; height:30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        border-color: rgba(191, 68, 68, 0.75); -moz-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); 
        -webkit-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); }
    
    
    /*---------------------------------- ----------------------------------*/
    #div_klk_chose_vendre { margin:0 auto; text-align:center; font-size:12px; width:70%; }
    
    
    /*---------------------------------- ----------------------------------*/
    #boutique_rubrique { color:#474747; font-weight:bold; font-size:13px; }
    #boutique_titre { margin-right:4px; margin-left:4px; padding-left:4px; padding-right:4px; font-size:13px; }

    
    /*----------------------------------------   -----------------------------------------------------*/        
    #footer { display:flex; align-items:flex-start; width:100%; }
    
    .pied_categorie { /*width: 100%; display:flex; align-items:flex-start; box-sizing:border-box;*/ display:none; }
    
    
    
    
    #pied_first {clear:both;width:100%; margin-top: 0px; padding-bottom:20px; background:#282828;    margin:0 auto;  overflow:hidden; display:flex; }
    #tweet_first h2 { color:white; padding-bottom:0px; margin-bottom:4px; font-size:14px; }
    
    #tweet_fist { color:#6a6a6a;background:#282828;  display: inline-block; vertical-align:top; width: 30%; margin:0 auto; overflow:hidden;
              padding:4px; margin:4px; font-size: 11px; }
    
    #pied { clear:both;width:100%; margin-top: 0px; background:#2b3441; padding:0px; box-sizing: border-box; display:flex; align-items:flex-start;
     }
     
     .pied_categorie_min { width:99%; background:#f1f1f1; margin:0 auto; overflow:hidden; position:relative; font-size:13px; } 
     
    .pied_center { width:100%;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; padding:2px; box-sizing: border-box;}
    
    #top_pied { background:white; color:white; font-size:13px; padding:2px 5px 5px; margin:5px; margin:0 auto; }
    #pied a.rubs_js { color:white;  background:#f1f1f1; font-size:13px; width:99%; margin:0 auto; }
    #pied a.cats_js { color:white; font-size:11px; width:99% }
    #pied a.rubs_css { color:white; border-bottom: 1px solid #ffffff; background:#f1f1f1; font-size:13px; width:100% } 
    #pied h2 { font-size: 14px; padding:3px; margin-bottom: 0px; padding-bottom: 0px; color:#ffffff; font-weight:bold; }       
    #pied h3 { font-size:13px; padding:3px; padding-top:0px; margin-top: 4px; margin-bottom: 0px; color:#ffffff; font-weight:bold; }    
    
    
    #tweet_first { color:#ffffff;background:#282828;  display: inline-block; vertical-align:top; width: 42%; margin:0 auto; overflow:hidden;
              padding:4px; margin:4px; font-size: 12px; }
    
    #tweet { color:#ffffff;background:#2b3441;  display: inline-block; vertical-align:top; width: 32%; margin:0 auto; overflow:hidden;
          padding:10px; margin:0px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 15px; box-sizing:border-box; }
    #tweet img {  margin-right: 2px;}
    #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;}
    #tweet a {  display: inline-block; text-decoration: none; color:#ffffff; padding:4px; margin-bottom:1px; font-weight:bold; font-size: 15px; }
    #tweet input {  display: inline-block; text-decoration: none; color:#ffffff; padding:4px; margin-bottom:1px; font-weight:bold; font-size: 14px; }
    
    #tweet h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:15px; border-bottom:1px solid #526374; color:#ffffff; font-weight:bold; padding-bottom:10px; padding-top:10px; text-transform: uppercase; margin-bottom:15px; }
    
    
    #copyright { clear:both; width:100%;background:#355167; color:#ffffff;  text-align:center;  border-top: 1px solid #777777; padding:2px;
          font-size:12px; font-weight:bold; margin:0 auto; overflow:hidden; display:flex;}
    #copyright a { color:#ffffff; }
    
    /* --------------------------------------------------------------------------------------------- */
    /*  -------------  CARROUSSEL TACTILE ---------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------- */
    .main-carousel { width:95%; margin:0 auto; overflow:hidden; 
    }
    .carousel-cell { width:25%;  margin-top:0px; padding-bottom:3px;  background-color:#e8e8e8; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;
    margin:4px; line-height: 80%; }
    
    .acceuil-carousel-cell { width:40%;  margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1); border-radius:8px; 
    margin:6px; background:white; padding:10px; padding-bottom:10px;  }
    
    #big-carousel { width:16%; }
    #big-carousel a { font-size:11.5px; }
    
    #deposer a {  width:150px; font-size:10px;  margin:0 auto;}
    
    #deposer_ar a { width:130px; }
    
    

    
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: 100%;   position:fixed; bottom:0; left:0; z-index:2200; background:#ffffff; border-top:1px solid #e8e8e8; }
    
    /*---------------------------                   ------------------------*/
    .toggle_non_fix_bottom { width: 100%;   position:fixed; bottom:0; left:0; z-index:2200; background:#ffffff; border-top:1px solid #e8e8e8; }
    
    .btn_left,
    .btn_right { width:50%;
        flex: 1;
         box-sizing: border-box;
        padding: 2px;
    }
    
    
    /*---------------------------                   ------------------------*/
    #toggle_categorie {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_categorie_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    /*---------------------------                   ------------------------*/
    #toggle_marque {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_marque_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_modele {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_modele_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
       
    /*---------------------------                   ------------------------*/
    #toggle_immobilier {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_immobilier_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_pointure {
      position:fixed; z-index:180; display:none; top:0; left:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_pointure_ar {
      position:fixed; z-index:180; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_prix {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_prix_ar {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      height: 100vh; /* for browsers that do not support Custom Properties */
      height: calc(var(--vh, 1vh) * 100);
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14;}
       
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
     
       bottom:0; overflow-y:scroll; overflow-x:hidden;
      border:1px transparent; margin:0 auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14; 
        flex-direction: column; }
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre_ar {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width: calc(100% - 10px); 
      
       bottom:0; overflow-y:scroll; overflow-x:hidden;
      border:1px transparent; margin:0 auto; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:14px; color:#ff6e14; flex-direction: column;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_menu {
      position:fixed; z-index:150; display:none; top:0; left:0; right:0; width:100%; height:100%; /* min-height:213px; */
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; 
      margin-right: 1px;  font-size:18px; color:#ff6e14;}	
    
    #toggle_menu a { color:#f83d00; cursor:pointer; }
    #toggle_menu h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }

    
    /*---------------------------                   ------------------------*/
    #toggle_search {
      position:fixed; z-index:150; display:none; top:0;  right:0; width:100%; height:100%; /* min-height:213px; */
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:center;  border:1px solid #e6e6e6; border-radius:5px; 
      margin-right: 1px;  font-size:18px; color:#ff6e14;}	
    
    #toggle_search a { color:#474747; cursor:pointer; }
    #toggle_search h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    
    
    #navigation_mas_fix { display:none; } 
    #navigation_mas_lang_fix { display:none; } 
    
     /*----------------------------------------   -----------------------------------------------------*/
    #thumbs-slide img {vertical-align:center; border:none;}
    #thumbs-slide {overflow:hidden;  list-style:none; padding:0; text-align:center;  width:100%; }
    #thumbs-slide li {float:left; display:none; width:20%; height:110px;}
    #thumbs-slide a {display:block; padding:2px; outline:none; margin:0px 6px;
         -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    #thumbs-slide a:hover, #thumbs-slide a:focus {opacity:0.5; overflow:hidden;}

    #controls-slide {width:82%; margin-top:5px; margin:0 auto; }
    #controls-slide a img { display:inline; }
    #next-slide { color:red; font-size:45px; font-weight:bold; cursor:pointer; }
    #prev-slide {  color:red; font-size:45px; font-weight:bold; cursor:pointer; }

    .centre_button_slide { position:relative; margin-top:0px; overflow:hidden; margin:0 auto; text-align:center;  width:90%; height:124px; }

    .prev_button_slide { position:relative; margin-top:60px; float:left; width:40px; height:110px; margin-left:0;  }
    .next_button_slide { position:relative; margin-top:60px; float:right; width:40px; height:110px;  }

    .loader_slide {
           position : fixed; z-index: 9999; background : url('./images/global/loader.png') 50% 50% no-repeat;
           top : 0px; left : 0px;  height : 100%; width : 100%; cursor : wait; }
           
     #controls-slide_min { display:none;}
     
      /*-----------------------Galery AR ------------------------------------------------------------*/
    #thumbs-slide_ar img {vertical-align:center; border:none;}
    #thumbs-slide_ar {overflow:hidden;  list-style:none; padding:0; text-align:center;  width:100%; }
    #thumbs-slide_ar li {float:right; display:none; width:20%; height:110px;overflow:hidden;}
    #thumbs-slide_ar a {display:block; padding:2px; outline:none; margin:0px 6px;overflow:hidden;
               -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    #thumbs-slide_ar a:hover, #thumbs-slide_ar a:focus {opacity:0.5; overflow:hidden;}

    #controls-slide_ar {width:82%; margin-top:5px;  margin:0 auto; }
    #controls-slide_ar a img { display:inline; }
    #next-slide_ar { color:red; font-size:45px; font-weight:bold; cursor:pointer; }
    #prev-slide_ar {  color:red; font-size:45px; font-weight:bold; cursor:pointer; }

    .centre_button_slide_ar { position:relative; margin-top:0px; overflow:hidden; margin:0 auto; text-align:center;  width:91%; 
         height:124px; }
    .prev_button_slide_ar { position:relative; margin-top:60px; float:left; width:40px; height:110px; margin-left:0;  }
    .next_button_slide_ar { position:relative; margin-top:60px; float:right; width:40px; height:110px;  } 
    
    #slider { width:100px; height:75px;}
    
    
    #toggle_footer { display:none; }
    
    /*--------------------------- -------------------------------------*/
    #menu_rub {  display:none;  }
    #menu_cat { display:none;  }

    #menu_rub_boutique { display:none; }
    #menu_cat_boutique { display:none; }

    /*------------------- --------------------------------------------------*/
    #menu_rub_ar { display:none; }
    #menu_cat_ar { display:none; }

    #menu_rub_boutique_ar { display:none; }
    #menu_cat_boutique_ar { display:none; }
    
    /*-------------------- -------------------------------------------*/
    .nbre_tof { position:absolute; font-size:10px; top:95px; left:6px; background:#000000; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; }
   
   .nbre_tof_ar { position:absolute; font-size:10px; top:95px; right:12px; background:#000000; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; }
   
   
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:20px; height:62px; padding-bottom:0px; margin:0; color:#404040;  font-weight:bold; font-size:15px; }
    
    .annonce-margin-top { margin-top:4px; }
    
    /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
#search {
margin:0 auto; width:92%; background:#f4f7f8; text-align:left;  display:block; margin-left:18px; margin-top:2px;
}
#search input[type=text] {
float:left; border:none; color:gray; font-size:0.7em; 
width: 70%; height:40px; text-align:left;
background : url(../images/global/search1.png) top left no-repeat; padding: 0 0 0 14px; outline: none; color:#3c5e79; font-size:14px; font-weight:bold;
}
#search input[type=text]:focus{
 outline: none;
}

#search input[type=submit] {
width:40px; height:40px; float:left; border:none;
background : url(../images/global/search1.png) top right no-repeat;
cursor:pointer;
}
#search input[type=submit]:hover{
outline: none;
}

/*---------------------------------- formulaire de recherche -------------------------------------------*/
#search_ar {
margin:0 auto; width:92%; background:#f4f7f8; text-align:right;  display:block; margin-right:18px; margin-top:2px;
}
#search_ar input[type=text] {
float:right; border:none; color:gray; font-size:0.7em; 
width: 70%; height:40px; text-align:right;
background : url(../images/global/search1-ar.png) top right no-repeat; padding: 0 14px 0 0; outline: none; color:#3c5e79; font-size:14px; font-weight:bold;
}
#search_ar input[type=text]:focus{
 outline: none;
}

#search_ar input[type=submit] {
width:40px; height:40px; float:right; border:none;
background : url(../images/global/search1-ar.png) top left no-repeat;
cursor:pointer;
}
#search_ar input[type=submit]:hover{
outline: none;
}


/*---------------------------------- flickity -------------------------------------------*/
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%; width: 30px; height: 30px; border-radius: 50%;
  /* vertically center */
  transform: translateY(-45%);
}


/* ---------------------------------------- */
.small_profil_img img { width:70px; margin:0; padding:0; margin-top:5px; }
.small_profil_pseudo { font-size:13px; }



}



/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*----------------------------------------  (min-width:1480px) and (max-width: 2480px)----------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:1024px) and (max-width: 2480px) {
   body {  background:#ffffff;  }
   
   .min_petit_show { display:none; }
   .min_moyen_show { display:none; }
   .min_grand_show { display:block; }
    
    #ajouter_favoris { background: url("../images/global/favories-coeur01.png") no-repeat center;
      background-size:20px;
      display:block;
      width:20px;
      height:20px;
    }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:20px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden;  }
            
    #ajouter_favoris_div_left { position: absolute;
    top: 8px;
    right: 8px;
    background-color: white;
    padding:5px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
    
    #ajouter_favoris_div_right { position: absolute;
    top: 8px;
    left: 8px;
    background-color: white;
    padding:5px;
    width:20px;
    height:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    border:1px solid #dfe9f8; }
   
   
    
    h1 { font-size:18px; color:#152233; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-left:6px; margin-right:6px; margin-bottom:4px; padding-bottom:4px; }
    h2 { font-size:18px; color:#152233; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-bottom:4px; padding-bottom:4px; }
    h3 { font-size:15px; color:#152233; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-top:6px; margin-bottom:4px; padding-bottom:4px; }
    h4 { font-size:14px; color:#152233; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-bottom:4px; padding-bottom:4px; }
    h5, h6 { font-size:13px; color:#152233; font-family: 'Roboto', Arial, Helvetica, sans-serif; margin-bottom:4px; padding-bottom:4px; }

    .menu_filtre_toggle { position:relative; width:100%;  background-color:#ffffff; z-index:2900; height:65px; padding-left:8px; text-align:left;  display:flex;
        align-items:left; box-sizing:border-box;
    }
    .menu_filtre_toggle_ar { position:relative; width:100%; background-color:#ffffff; z-index:2900; height:65px; padding-right:8px; text-align:right;  display:flex;
        align-items:right; box-sizing:border-box;
    }

    #mycontain { width:100%;  background-color:#ffffff; margin:0 auto; position:fixed; z-index:1000; height:65px;  top:0px; left:0;  display:flex;
        align-items:center;
    }
    #global{ width:1050px;  margin:0 auto; line-height:20px;position:relative; z-index:1; }
    #global-max{ width:1050px;  margin:0 auto; line-height:20px;position:relative; z-index:1; }
    #wrap{ width:100%; position:relative; z-index:1; }
    
    #mycontain_min { display:none; }
    #global_min { display:none; }
    #wrap_min { display:none; }
    

    #container { width:1050px; margin: 0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; position:relative; margin-bottom:50px; z-index:1; opacity:.99;  }
    #wrapper{ width:100%; position:relative; margin:0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; z-index:1; opacity:.99; line-height:20px;  margin-bottom:120px;   }
    
    #menu_navig { display:block; margin:0 auto; overflow:hidden; font-size:15px;  padding-top:4px; color:#7d8a9c; margin-left:10px; margin-right:6px; margin-top:12px;  margin-bottom:17px;  font-weight:bold; }
    #menu_navig a { color:#7d8a9c; font-weight:bold; text-decoration:underline; margin-top:5px;  }
    #menu_navig img { margin-left:5px; margin-right:5px; padding-top:0px; margin-top:0px; width:20px; }
    
    /*------------------------------------------------------- ----------------------------------------------------*/
    .container { position:relative; z-index:1; opacity:.99; width:87%;  margin:0 auto;  text-align:center; padding:2px; padding-top:4px; padding-bottom:8px; background:white;
          border-radius:5px; margin-top:0px; border:2px solid #e8e8e8;  box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.2);  color:#474747;      
    }
    
    .container:before {
        content: ""; position: absolute;
        left: 0px; right: 0px; height: 2px;
        background-repeat: no-repeat;
        background: linear-gradient(to right, #d4956e 0 33%, #a2d289 33% 66%, #73b7eb 66%);   width: 100%;
    }

    .container:before {
         top: 0px;
    }
    .container input, select { border:1px solid #e8e8e8; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#e8e8e8;
         padding-left:1px; font-size:12px; font-weight:bold; font-family: 'Roboto', Arial, Helvetica, sans-serif; color:#676767; background:white;  }
         
    #titre_container { width:84%; color:#676767; text-align:left; margin-left:1px;  margin-right:1px; font-weight:bold; font-size:13px;  }
    
    #titre_container_ar { width:86%; text-align:right; margin-left:1px;  margin-right:1px; color:#676767; font-weight:bold;  font-size:13px; }
    
    .ville_container { min-width:99%;   height:30px; padding-left:30px; padding-top:2px; background:#ffffff; background-image:url("../images/global/localisation.png"); background-size:32px; font-size:13px;  color:#676767; font-weight:bold;background-repeat: no-repeat; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-right:2px solid #e8e8e8; }
 
    .ville_container_ar { min-width:99%; height:30px;  padding-right:30px;  background:#ffffff; background-image:url("../images/global/localisation.png"); background-position:right;  background-size:32px; border:1px solid #e8e8e8; border-bottom:2px solid #e8e8e8; border-left:2px solid #e8e8e8; font-size:13px; color:#676767; font-weight:bold;
              background-repeat: no-repeat; }
              
    #search_button { font-size:15px; width:100%; }
    
    #contain:first-child { opacity:.99; }
    #contain  { position:relative; z-index:180; opacity:.99; padding-top:0; padding-bottom:0px; width:80%; margin-top:2px; text-align:left; margin-left:2px; }
    #contain  div{ padding-top:0px; padding-bottom:2px; }
    #contain_hide { margin-top:4px; text-align:left; margin-left:8px; display:none; }

    #sauvegarde-contain { cursor:pointer; position:relative; z-index:180; opacity:.99; padding-top:0; padding-bottom:0; margin:0 auto; }
    #sauvegarde-contain { display:none; margin-top:2px; float:right; width:23%;  padding:0;  z-index:1; text-align:right;  font-size:14px; }
    #sauvegarde-contain_ar { cursor:pointer; position:relative; z-index:180; opacity:.99; padding-top:0; padding-bottom:0; margin:0 auto; }
    #sauvegarde-contain_ar { display:none; margin-top:2px;  height:15px; float:left; width:13%; z-index:1;  font-size:14px; }
    
    
    #sauvegarde-innactive-contain { margin-top:2px; height:15px;  padding:0; margin-bottom:1px; float:right; width:23%; text-align:left; 
            font-weight:bold; color:#a9a9a9; font-size:14px; }
    #sauvegarde-innactive-contain_ar { margin-top:2px;  height:15px; float:left; width:13%; text-align:right; font-weight:bold;  padding:0;
            color:#a9a9a9; font-size:14px; }
            
    #sauvegarde_pos_contain { position:relative; top:0; }
     
               
    #sauvegarde_js { text-align:center; font-weight:bold; color:#428ddc; font-size:13px; }
    #sauvegarde_connect_js { text-align:center; font-weight:bold; color:#428ddc; font-size:13px; }
    #sauvegarde_connect_results {  padding:6px; position:absolute;   z-index:180; background:white; 
                  width:310px; display:none; top:22px; right:0px; border:1px solid #e8e8e8;  margin:0 auto; overflow:hidden; }
    #sauvegarde_results { padding:6px; position:absolute;   z-index:180; background:white; 
                  width:310px; display:none; top:22px; right:0px; border:1px solid #e8e8e8;  margin:0 auto; overflow:hidden; }
            
    
    #sauvegarde_js_ar { text-align:center; font-weight:bold; color:#428ddc; font-size:12px; } 
    #sauvegarde_connect_js_ar { text-align:center; font-weight:bold; color:#428ddc; font-size:12px; }
    #sauvegarde_connect_results_ar { padding:6px; position:absolute;   z-index:180; background:white; 
                         width:280px; display:none; top:25px; left:10px; border:1px solid #e8e8e8;  margin:0 auto; overflow:hidden; }
    #sauvegarde_results_ar { padding:6px; position:absolute;   z-index:180; background:white;  width:280px; display:none; top:25px; 
        left:10px; border:1px solid #e8e8e8;  margin:0 auto; overflow:hidden; }
            
    
    #annonce_avec_photo {margin-top:0px; padding:2px; margin-bottom:1px; margin-left:2px; float:left; text-align:left; width:76%; height:15px; font-size:14px; 
             font-weight:bold; color:#6f6f6f; }           
    #annonce_avec_photo_ar { margin-top:0px; margin-right:8px; height:15px; float:right; width:86%;  font-size:14px; font-weight:bold; color:#6f6f6f;
             text-align:right; }
    
    /*----------------------------       ---------------------------*/
    .select{  
       position: relative; display: block;  margin: 0 auto; width: 99%;  height:35px; /* height:100%;*/  /*max-width: 300px;*/
       vertical-align: center; text-align: left; user-select: none; -webkit-touch-callout: none;  border-radius: 2px;
       -moz-border-radius: 2px; -webkit-border-radius: 2px; 
    }
    .placeholder{   
        position: absolute;  display: block; background-color: #f2f2f2; padding: 11.5px; 
        top:0px; left:-3px; z-index:1;  border-radius: 2px; cursor: pointer;}
    .placeholder:hover{
         background: darken(#393d41,2%);
    }
    .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;   top:50%; transform: translateY(-50%);
       position: absolute; right: 1em; 
       font-family: 'Roboto', Arial, Helvetica, sans-serif; content:"\25BC";  }
  
    .is-open .placeholder:after{ content:"\25BC"; background-color:#f2f2f2;  }

    .select--white .placeholder{ background-color:#f2f2f2; border:1px solid #ccc; position:relative; width:87%; height:3px; color:#676767;  font-weight:bold;}
    .select--white .placeholder :hover{ background: darken(#fff,2%); }  

    .place { position:absolute; height:10px; width:90%; vertical-align:center; top:10%; left:10px; font-size:12px; color:#676767; }
    .place_ar { position:absolute; height:10px; width:90%; vertical-align:center; top:10%; left:-10px; font-size:12px; color:#676767; }

    /*-----------------------------------------------------------------------------*/
    .select-wrapper { width:180px; height:35px;   display:inline-block;    overflow-x:hidden;  overflow-y:hidden;      
        padding:0px; cursor:pointer; border-bottom:2px solid #e6e6e6;  border-right:2px solid #e6e6e6; 
    }
    .select-wrapper select { border:0;  min-width:110%; min-height:110%; cursor:pointer; color:#000; color:rgba(0,0,0,0);
        text-shadow:0 0 0 #000; -webkit-appearance:none; outline:none; white-space:nowrap;
    }
    /* Pour Opera */noindex:-o-prefocus, .select-wrapper select {     color:#000;}
    .select-wrapper:after {    content:"\25BC"; /*content:url(../images/global/location.png);*/
        display:block;    position:relative;    float:right;    top:-25px;    right:5px;    background-color:#f2f2f2;    width:20px;      
        text-align:center;    margin-bottom:-5px;  margin-right:-5px;}  

      
  
    /*----------------------------------------   -----------------------------------------------------*/
    img {vertical-align:middle; border:none;}
    #thumbs { margin:0 auto; overflow:hidden;  list-style:none; padding:0; height:85px; margin-top:10px; }
    #thumbs li {float:left; display:none; padding:0; width:80px; height:80px; margin-right:6px; border:1px solid #e8e8e8;
        border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -moz-border-radius-topleft:6px;
         -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -webkit-border-top-left-radius:6px;
         -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; }
    #thumbs a {display:block; padding:0; width:80px; height:80px; outline:none; }
    #thumbs a:hover, #thumbs a:focus {background:#fff; opacity:0.5; }
    #thumbs a.active {background:#000;}

    #small { width:80px; height:80px; background:#ffffff; margin:0; padding:0; }
    #bigger { width:100%; height:230px; background:#ffffff;  padding:0; margin:0; border-radius: 15px 15px 15px 0; }
     
    .bigger2 {
        width:100%;
        height:180px;
        overflow:hidden;
        background:#e8e8e8;
    }

   .bigger2 img{
        width:100%;
        height:100%;
        object-fit:cover;
    }
    
    .biggerAnn { width:96%; height:180px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    #biggest { width:250px; height:250px; }

    img[src="loader"] { position:absolute; left:50%; top:50%; margin:-15px 0 0 -15px;}

    #viewer { position:relative; height:400px; margin:0 auto; text-align:center; background:#f0f2f5;  border-radius: 12px; }
     .viewer {  height:400px; }
     #myCanvas { max-width:100%; height:400px;  background:#f0f2f5;   }
      
    #btn_type { margin-bottom:3px;  margin-top:8px; width:100%; font-size:12px; }

    #controls { margin-top:0px; width:99%; height:100px; margin:0 auto; overflow:hidden; background:#ffffff; }
    #controls a img { display:inline;  }
    #next { color:red; font-size:75px; font-weight:bold; cursor:pointer; }
    #prev {  color:red; font-size:75px; font-weight:bold; cursor:pointer; }

    .centre_button { margin-right:25px; margin-left:25px; overflow:hidden; margin:0 auto; text-align:center; width:70%;  }
    .prev_button { position:relative; margin-top:25px; margin-left:10px; float:left; width:60px; height:60px;  }
    .next_button { position:relative; margin-top:25px; margin-right:0px; float:right; width:60px; height:60px;  }

    .loader {
        position : fixed; z-index: 9999; background : url('./images/global/loader.png') 50% 50% no-repeat;
        top: 0px; left: 0px; height: 100%; width: 100%; cursor: wait; }
        
    
     #bloc_post_right { height:160px; margin-left:23%; margin-right:0px; width:72%;  margin:0 auto; overflow:hidden; padding-top:7px; padding-bottom:7px; padding-right:2px; padding-left:4px;  margin:0; }
     #bloc_post_left { height:160px; margin-right:23%; margin-left:0px; width:72%; margin:0 auto;  overflow:hidden;  padding-top:7px; padding-bottom:7px; padding-right:4px; text-align:right; padding-left:2px;  margin:0; }
          
    #navig_post_right { position:relative; height:180px; float:left; width:22%;  margin-right:0px; text-align:left; margin:0 auto; overflow:hidden; padding-top:0px; padding-bottom:0px; 
           padding-right:0px;  margin:0px; background:#f2f2f2; text-align:center; }
    #navig_post_left { position:relative; height:180px; float:right; width:22%; margin-left:0px; text-align:right; margin:0 auto; overflow:hidden;  padding-top:0px; padding-bottom:0px;  padding-left:0px; margin:0px; background:#f2f2f2; text-align:center; }      
    
    

    .bloc_picture { float:left; width:100px; overflow:hidden; background-color:#e8e8e8; top:0;
                   text-align:center; height:100px; border:1px solid #e6e6e6; }
    .bloc_picture img{ margin-top:0; }


    #bloc_favoris { border-bottom:1px solid #e6e6e6;  padding:0; margin-top:0; }
    #bloc_favoris:hover { background:#e8e8e8; }
    #bloc_favoris a { display:block; width:100%; height:157px; margin-top:0; }


    #bloc_post_max { width:31%; display:inline-block; height:330px;  background:#ffffff; box-shadow: 1px 2px 2px 2px #e8e8e8,
            1px -1px 2px 2px #e8e8e8; border-radius:15px;  margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:20px;  margin-left:6px; margin-right:6px; }
    

    #bloc_post { position: relative; width:31%; display:inline-block; min-height:390px; max-height:415px; background:#ffffff; border-radius:15px;  margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:20px;  margin-left:8px; margin-right:8px; box-sizing:border-box; }
            
    #bloc_post_min { width:19%; display:inline-block; min-height:390px; max-height:415px; background:#ffffff; border-radius:15px;  margin:0 auto; overflow:hidden; margin-top:0px; margin-bottom:20px; margin-left:6px; margin-right:6px; }
            
    #bloc_post:hover  { background:#f0f2f5; }
    #bloc_post_min:hover  { background:#f0f2f5; }
    #bloc_post a {  width:100%; margin-top:0; }

    #div_hover:hover { background:#e8e8e8; }

    #bloc_post_boutique { border:2px solid #ededed;  line-height:20px; height:155px; }
    #bloc_post_boutique:hover { background:#e8e8e8; }
    #bloc_post_boutique a {  width:100%; height:125px; margin-top:0px; }

    #bloc_picture {  position:relative; margin:0 auto; overflow:hidden; background-color:#e6e6e6;  width:45%;
        /*background-image : url("../images/global/photo-back.png");*/ padding:1px; text-align:center; height:95px; }
    #bloc_picture img{ top:25%; left:25%; margin:0 auto; }

    .bloc_prix {  font-size:15px; font-weight:bold; font-family: 'Roboto', Arial, Helvetica, sans-serif; color:#152233; padding:0; margin-top:8px; margin-bottom:3px; padding-left:0px; padding-right:0px; }
    .bloc_titre { padding-top:5px; padding-bottom:0px; margin:0; color:#152233;  font-weight:bold; font-family: 'Roboto', Arial, Helvetica, sans-serif;   font-size:15px; padding-left:0px; padding-right:0px; line-height:18px;  }
    .bloc_ville { color:#152233; font-size:14px; font-weight:normal; text-align:left; margin-top:8px; padding-left:0px; padding-right:0px; font-family: 'Roboto', Arial, Helvetica, sans-serif; }
    
    .ville_div { padding:6px; font-size:14px; }


    td.colorize_td { vertical-align:center; width:20%;background:#e8e8e8; font-weight:bold; padding-left:12px; height:25px; color:#3c5e79; }
    td.span_td { background:#ffffff; vertical-align:center; height:25px; overflow:hidden; margin:0 auto;  padding-top:10px; padding-left:10px; font-size:14px; color:#3c5e79; }
    td.span_td_ar { background:#ffffff; vertical-align:center; height:25px; overflow:hidden; margin:0 auto;
           padding-top:10px; 
          padding-right:10px; font-size:14px;  text-align:right;  color:#3c5e79; }
    td.colorize_td_ar {  width:20%; background:#e8e8e8; font-weight:bold;  height:25px;   padding-right:12px;  text-align:right; color:#3c5e79;  }
         
    
    /*----------------------------------------   -----------------------------------------------------*/
    .left { float:left; width:18.5%; padding:5px;  overflow:hidden; margin:0;}
    .right { float:right; width:20%;  overflow:hidden; }

    .left_pied { float:left; width:18%; padding:5px;  overflow:hidden; margin:0 auto;}
    .right_pied { float:right; width:18%; padding:5px;  overflow:hidden; margin:0 auto; text-align:right; }

    .rubs_js { cursor:pointer; display:block; background:#e6e6e6; border-radius:3px; margin-top:2px;  padding:3px; font-size:14px;
           color:#336699; }
    .cats_js { cursor:pointer; color:#676767; font-size:13px; width:98%; padding:1px; }
    
     .rubs_js_ar { cursor:pointer; display:block; background:#e6e6e6; border-radius:3px; margin-top:2px;  padding:3px; font-size:14px;
           color:#336699; }
    .cats_js_ar { cursor:pointer; color:#676767; font-size:12px; width:98%; padding:1px; }

    .rubs { display:inline-block;  margin:1px;  padding:1px; font-size:15px; color:#474747; font-weight:bold; margin-bottom:4px; margin-top:2px; }
    .cats { display:inline-block; font-size:13px; width:98%; padding:1px; margin:1px;  color:#666464; font-weight:bold; }

    
    /*------------------------------------------------- CONTENU-------------------------------------------*/
    .right { text-align:right;  }
    .canvas canvas{ cursor:pointer; width:17%; margin-right:6px; }
    .demi_float { float:left; position:relative; width:49%; text-align:left; margin:0 auto; overflow:hidden; padding-right:1px; padding-left:3px;}
    .demi_float input { width:81%; }
    .tierce_float { width:31.7%; float:left; overflow:hidden; margin:0 auto; text-align:center; padding:2px; min-height:50px;  }
    .tierce_float_right { width:31.7%; float:right; overflow:hidden; margin:0 auto; text-align:center; padding:2px; min-height:50px;  }
    .contenu_float { float:right; text-align:left;  color:gray; margin-left:26%; padding:10px;  }
    .contenu_globe { width:25%;  padding:5px;  }
    .spacer {  clear: both; padding:0; margin:0; height:0; }  
    
    .demi_left { float:left; position:relative; width:49%;  text-align:left; margin:0 auto; padding:2px; }
    .demi_left input { width:83%; font-size:13px; }
    .demi_left input[type="name"] { width:70%; }
    .demi_left div.select { width:99%; padding:4px; font-size:14px; }
    
    .demi_right { float:right; position:relative; width:49%;  text-align:right; margin:0 auto; padding:2px; }
    .demi_right input { width:83%; font-size:13px; }
    .demi_right input[type="name"] { width:70%; }
    .demi_right div.select { width:97%; font-size:14px; }
    
    
    /*---------------------------------------------- annonce_select ---------------------------------------*/
    .float_right { float:right; width:16%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_right_post { float:right; padding:3px; margin:4px; }
    .float_left { float:left; padding:2px; margin:1px; text-align:left; }
    .float_centre { margin-right:17%;  margin-left:30%; overflow:hidden; padding:3px; } 
    
    #float_left { float:left; width:36%; padding:3px;  overflow:hidden; margin:0 auto; text-align:left; }
    
    /*----------------------------------------- connect_form -------------------------------------------*/
    .connect_left { float:left; width:48%; padding:5px;}
    .connect_register_right { float:right; width:48%; padding:5px; }
    .connect_left_ar { float:right; width:48%; padding:5px; text-align:right;}
    .connect_register_right_ar { float:left; width:48%; padding:5px; text-align:right; }
    .toggle_if_min { display:none; } 
    
    /* --------------------------------------------------- */
    .connect_css { padding:10px;  padding-top:0px; margin:0 auto; }
    
    .connect_div_css { width:56%; padding:20px; text-align:center; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; background:#ffffff; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:15px; padding-top:15px; padding-bottom:15px; }
    
     
     /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin:0 auto; overflow:hidden;  margin-top:0px;  background:#ffffff;  color:#5a5a5a; margin-right:31%; padding:0px;  margin-bottom:30px;  }

    #contenu_lang { position:relative; margin-top:0px;  background:#ffffff; color:#5a5a5a; margin-left:31%;   text-align:right; margin-bottom:30px; }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation_mas_fix { top:155px;
       color:#2f2f2c; background:white; margin:0 auto;
       display: block; width:99%; text-align:center; font-size:12px; margin-top:10px; margin-right:0px; padding:0px; background:#ffffff; max-height: calc(100vh - 125px); overflow-y: scroll; overflow-x: hidden; box-sizing:border-box; }
    
    #navigation_mas_lang_fix { top:155px;
       color:#2f2f2c; background:white; margin:0 auto; 
       display: block; width:99%; text-align:center; margin-left:0px; padding:0px; margin-top:10px; background:#ffffff; max-height: calc(100vh - 125px);  overflow-y: scroll; overflow-x: hidden; box-sizing:border-box; direction: rtl;
    }
    
    
    
    #navigation_mas { 
       color:#2f2f2c; background:white; margin:0 auto; overflow:visible; 
       float:right; width:25%;  text-align:center; margin-top:5px; margin-right:0px; padding:0px; background:#ffffff; box-sizing:border-box; }
    #contenu_mas { position:relative;  background:#ffffff;  color:#5a5a5a; margin-right:26%; padding:0px; width:74%; overflow:hidden; margin-top:10px; min-height:300px; padding-right:3px; }

    #navigation_mas_lang {
       color:#2f2f2c; background:white; margin:0 auto; overflow:visible;
       float:left; width:25%;  text-align:center; margin-left:0px; padding:0px;  background:#ffffff; box-sizing:border-box;
    }
    #contenu_mas_lang { position:relative; background:#ffffff; color:#5a5a5a; margin-left:26%; padding:0px; width:74%; overflow:hidden; margin-top:0px;  min-height:300px; text-align:right;  }

    #navigation { 
       color:#2f2f2c; background:#f1f1f1; overflow:hidden; margin:0 auto;
       float:right; width:30%;  text-align:left;   border-radius:12px; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec;  }
    #navigation a{
       color:#d3575f; text-decoration:none; padding:3px; margin:3px; text-align:right; }
    #navigation a:hover{
       color:black; text-decoration:none; }
    #navigation_lang { 
       color:#2f2f2c; background:#f1f1f1; overflow:hidden; margin:0 auto;
       float:left; width:30%;  text-align:left;  border-radius:12px; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec;  }
    #navigation_lang a{
       color:#d3575f; text-decoration:none; padding:3px; margin:3px; text-align:right;}
    #navigation_lang a:hover{
       color:black; text-decoration:none; }
       
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }
    #contenu_mas_lang h4,#contenu_mas_lang h3 { font-size:13px; }

    
    /* --------------------------- buttons of container -------------------------*/
    .btn { font-size:12px; background-color:white; color:orange;  border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; margin-bottom:0px; padding:10px;
            border-top:2px solid #b8b8b8; padding-right:10px; border-radius:4px;}
    .btn_head { display:inline-block; font-size:15px; padding-top:0px; text-decoration: none; text-align: center; cursor: pointer; padding-right:8px; padding-left:8px; 
            min-width:55px; height:56px;  font-family: 'Roboto', Arial, Helvetica, sans-serif; font-weight:bold; color:#152233;
    }
    
    a.btn_head:hover { border-bottom: 2px solid #f83d00; color: #425b6f; font-size:15px; font-weight:bold;  min-width:55px;  
              font-family: 'Roboto', Arial, Helvetica, sans-serif; padding-right:8px; padding-left:8px;}
    
    .btn_head .active, .active { border-bottom: 2px solid #f83d00; color: #425b6f; font-size:15px; font-weight:bold;  min-width:55px;  height:56px; 
              font-family: 'Roboto', Arial, Helvetica, sans-serif; padding-right:8px; padding-left:8px;}
    .btn_head img { margin-bottom:0px; width:25px;}

    .button-group-navigation { display:inline; margin:0; padding:0;   }
    .button-group-navigation li { display: inline-block; list-style:non; padding: 0; background: #ffffff;}
    .button-group-navigation a { color:#152233; vertical-align:center; font-weight:normal; }
    .button-group-navigation li .btn_head { float: left;  }
    .button-group-navigation>.btn_head:first-child,
    .button-group-navigation li:first-child .btn_head { margin-left:0; }
    .button-group-navigation>.btn_head:last-child,
    .button-group-navigation li:last-child>.btn_head { margin-right: 0; }
    
    /*-------------------------------------- ---------------------------------------*/
    #telephone { display: flex;  
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */
    text-align:center;
    width: 80%;
    height: 32px;
    margin: 0 auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    .telephone { display: flex;  
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */
    text-align:center;
    width: 80%;
    height: 32px;
    margin: 0 auto;
    background: #ffffff;
    color: #3c5e79;
    border:2px solid #3c5e79;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    #post_mail { display:inline-block; width:80%; border:1px solid #0075da; border-radius:12px; background:#0075da; 
       color:white; text-align:center; margin:0px; padding:2px; font-size:14px; font-weight:bold; margin:0 auto;}
       
    .menu_whatsup { display: flex;
    justify-content: center; /* centre horizontal */
    align-items: center;     /* centre vertical */

    width: 80%;
    height: 32px;
    margin: 10px auto;
    border:2px solid #3c5e79;
    background: #3c5e79;
    color: #ffffff;
    border-radius: 12px;
    text-decoration: none;

    font-weight: bold; }
    
    
    /*--------------------------------------------- -------------------------------------------------------*/
    .form_col {  width:220px; display: inline-block;  min-height: 1px; padding-left:10px; font-size:14px; font-weight:bold; }

    .champ {  
        width:350px; height:25px; display: inline-block;  border:2px solid #bbbbbb;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
 
    .tooltip { 
        width:280px; height:30px; display: none; margin-top: 5px; margin-left: 5px; color:#336699; font-size:14px;
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct { 
        width:350px; height:30px; border-color: rgba(68, 191, 68, 0.75);
        -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .correct:focus {
         width:350px; height:30px; border-color: rgba(68, 191, 68, 0.75);
        -moz-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -webkit-box-shadow: 0 0 0 rgba(68, 191, 68, 0.5);
        box-shadow: 0 0 0 rgba(68, 191, 68, 0.5); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect { 
        width:350px; height:30px;
        border-color: rgba(191, 68, 68, 0.75); -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

    .incorrect:focus { 
        width:350px; height:30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
        border-color: rgba(191, 68, 68, 0.75); -moz-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); 
        -webkit-box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); box-shadow: 0 0 0 rgba(191, 68, 68, 0.5); }
    
    
    
    /*---------------------------------- ----------------------------------*/
    #div_klk_chose_vendre { margin:0 auto; text-align:center; font-size:15px; width:60%; }
    
    
    /*---------------------------------- ----------------------------------*/
    #boutique_rubrique { color:#474747; font-weight:bold; font-size:14px; }
    #boutique_titre { margin-right:4px; margin-left:4px; padding-left:4px; padding-right:4px; font-size:14px; }
    
    #min_show { display:none; }
    
    /*----------------------------------------   -----------------------------------------------------*/     
    #pied_first {clear:both;width:100%; margin-top: 0px;  padding-bottom:20px; background:#282828;    margin:0 auto;  overflow:hidden; display:flex; }
    #tweet_first h2 { color:white; padding-bottom:0px; margin-bottom:4px; font-size:14px; }
    
    #tweet_first { color:#6a6a6a;background:#282828;  display: inline-block; vertical-align:top; width: 30.8%; margin:0 auto; overflow:hidden;
          padding:4px; margin:4px; font-size: 13px; }
    
    
    #pied {clear:both;width:100%; margin-top: 15px; background:#2b3441; position:relative; overflow:hidden; margin:0 auto; z-index:1; font-size:14px; color:#aab4be; padding-top:15px; padding-bottom:30px; }
    #footer { clear:both; width: 100%;  background:#f0f2f5;  margin:0 auto;overflow:hidden;  position:relative;  z-index:1; display:flex;}
    .pied_categorie { width:1050px; background:#f0f2f5; margin:0 auto; position:relative; z-index:1; font-size:14px; padding-top:12px; padding-bottom:12px; }
    .pied_categorie_min { display:none; }
    .pied_center { width:1050px;  margin:0 auto; overflow:hidden; line-height:20px; position:relative;}
    #top_pied { background:white; color:black; font-size:13px; padding:2px 5px 5px; margin:5px; margin:0 auto; }
    #pied a.rubs_js { color:white;  background:#f1f1f1; font-size:11px; width:99% }
    #pied a.cats_js { color:#ffffff; font-size:11px; width:99% }
    #pied a.rubs_css { color:#ffffff; border-bottom: 1px solid #ffffff; background:#f1f1f1; font-size:11px; width:100% } 
    #pied h2 { font-size: 15px; padding:0px; margin-bottom: 0px; color:#ffffff; font-weight:bold; }
    #pied h3 { padding:0px; font-size: 14px; padding:0px; margin-bottom: 0px; color:#ffffff; font-weight:bold; }
    
    #tweet { color:#ffffff;background:#2b3441;  display: inline-block; vertical-align:top; width: 24.5%; margin:0 auto; overflow:hidden;
          padding:10px; margin:0px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 15px; box-sizing:border-box; }
    #tweet img {  margin-right: 2px;}
    #tweet ul { display: inline-block; vertical-align:top; margin-top: 0; width: 48%; padding-left: 2px;}
    #tweet a {  display: inline-block; text-decoration: none; color:#ffffff; padding:4px; margin-bottom:5px; font-weight:bold; font-size: 15px; }
    #tweet input {  display: inline-block; text-decoration: none; color:#ffffff; padding:4px; margin-bottom:1px; font-weight:bold; font-size: 14px; }
    
    #tweet h2 { font-family: 'Roboto', Arial, Helvetica, sans-serif; font-size:15px; border-bottom:1px solid #526374; color:#ffffff; font-weight:bold; padding-bottom:10px; padding-top:10px; text-transform: uppercase; margin-bottom:15px; }
    
    #copyright {width:100%;background:#2b3441; color:#ffffff;  text-align:center; border-top: 1px solid #777777; padding:2px;
          font-size:13px; position:relative;  margin:0 auto; overflow:hidden; z-index:1;}
    #copyright a { color:#ffffff; }
    
    /* --------------------------------------------------------------------------------------------- */
    /*  -------------  CARROUSSEL TACTILE ---------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------- */
    .main-carousel {  width:100%; margin:0 auto; overflow:hidden; text-align:center; padding-left:5px; margin-top:3px; margin-bottom:3px; 
     }
  
    .carousel-cell { width:23%;  margin-top:0px;  padding-bottom:6px;  background-color:#e8e8e8; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:4px; line-height: 80%;
           }

    .acceuil-carousel-cell { width:24%;  margin-top:0px; padding-bottom:0px; background-color:#f9f9f9; color:#474747; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1); border-radius:8px;
    margin:6px; background:white; padding:10px; padding-bottom:10px; }
    
    /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:100%; margin:0 auto; overflow:hidden; padding-left:0px; margin-top:0px; margin-bottom:0px; background:#ffffff; border-radius:10px;
     }
  
    .carousel-rub-cell { width:10%; height:68px; margin-top:0px; background:#e8e8e8;  padding-bottom:4px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin:2px 4px; font-size:16px; background:#ffffff; text-align:center; line-height: 15px;
           }
           
    .carousel-rub-cell img { width:38px; height:38px; margin-top:1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
    
    .carousel-rub-cell img:hover { opacity:0.5; }
    .carousel-rub-cell a:hover { opacity:0.5; }
    
     .carousel-rub-cell div { margin-top:3px; }
    
    #big-carousel-rub { width:10%; }
    #big-carousel-rub a { font-size:14px; font-weight:bold; color:#3d4d5a; }
    
    /*-------------------------------------------------------------*/
    
    #big-carousel { width:10%; }
    #big-carousel a { font-size:12px; }
    
    #deposer a { width:170px; font-size:9px; }
    
    #deposer_ar a { width:130px; }
    
    
    /*---------------------------                   ------------------------*/
    .filtre_select { width: 160px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-droite.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .filtre_select_ar {  width: 130px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 35px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/menu-filtre.png'), url('https://www.obien.ma/images/global/fleche-menu-gauche.png');
   background-size:30px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .localisation_select { width: 220px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  
  /*background-image: url('https://www.obien.ma/images/global/localisation-menu.png');
   background-size:32px;
  background-repeat: no-repeat;
  background-position: left; */
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
      .localisation_select_ar { width: 220px;
  height: 40px;
  display: inline-block;
  float:right;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:12px;
  background-image: url('https://www.obien.ma/images/global/localisation-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    /*---------------------------                   ------------------------*/
    .prix_select { width: 180px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 35px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: left, right;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
  
  
 /*---------------------------                   ------------------------*/
    .prix_select_ar { width: 180px;
  height: 40px;
  display: inline-block;
  float:left;
  background:#ffffff;
  margin-top: 0px;
  padding-top: 7px;
  padding-left: 10px;
  padding-right: 40px;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #474747;
  color: #152233;
  border-radius:15px;
  background-image: url('https://www.obien.ma/images/global/prix-menu.png'), url('https://www.obien.ma/images/global/fleche-menu-bas.png');
   background-size:28px, 32px;
  background-repeat: no-repeat, no-repeat;
  background-position: right, left;
  cursor: pointer;
  line-height: 25px; /* important pour centrage vertical */
  box-sizing: border-box; }
    
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom_right {  position:fixed;
    right:0;
    bottom:0;
    width:30%;
    padding:5px;
    z-index:2200;
    background:#ffffff;
    border-top:1px solid #e8e8e8;
    box-sizing:border-box; }
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom_left {  position:fixed;
    left:0;
    bottom:0;
    width:30%;
    padding:5px;
    z-index:2200;
    background:#ffffff;
    border-top:1px solid #e8e8e8;
    box-sizing:border-box; }
    
    /*---------------------------                   ------------------------*/
    .toggle_non_fix_bottom {  position:absolute;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    border-top:1px solid #e8e8e8;
    box-sizing:border-box; }
    
    .btn_left,
    .btn_right {
        flex: 1;
         box-sizing: border-box;
        padding: 2px;
    }

    
    /*---------------------------                   ------------------------*/
    #toggle_categorie {
      position:absolute; z-index:180; display:none; top:48px; left:0;
      width: calc(35%); 
      height:245px;
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:18px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_categorie_ar {
      position:absolute; z-index:180; display:none; top:48px; right:0;
      width: calc(35%); 
      height:245px;
      border:1px transparent; background:white;
      text-align:right;  border:1px solid #e6e6e6; border-radius:5px; padding:5px; 
       font-size:18px; color:#ff6e14;}
    
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation {
      position:absolute; z-index:180; display:none; top:52px; left:0px;
      width: 270px; 
      height:245px;
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left;  box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}	
    
    /*---------------------------                   ------------------------*/
    #toggle_localisation_ar {
      position:absolute; z-index:180; display:none; top:52px; right:3px;
      width: 270px;  
      height:245px;
      border:1px transparent; background:white;
      text-align:right;  box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}
    
    /*---------------------------                   ------------------------*/
    #toggle_prix {
      position:absolute; z-index:180; display:none; top:52px; left:228px; 
      width: 260px; 
      height: 300px;
      border:1px transparent; margin:0 auto; overflow:hidden; background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14; }	
       
      /*---------------------------                   ------------------------*/
    #toggle_prix_ar {
      position:absolute; z-index:180; display:none; top:52px; right:228px; 
      width: 260px;
      height: 300px;
      border:1px transparent; background:white;
      text-align:right; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14; }	
       
     /*---------------------------                   ------------------------*/
    #toggle_marque { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; left:20%; 
      width: calc(35%); 
      height:280px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_marque_ar { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; right:20%; 
      width: calc(35%); 
      height:300px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:right; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}
      
     /*---------------------------                   ------------------------*/
    #toggle_modele { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; left:40%; 
      width: calc(35%); 
      height:280px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_modele_ar { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; right:40%; 
      width: calc(35%); 
      height:300px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:right;  box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}
    
    
     /*---------------------------                   ------------------------*/
    #toggle_immobilier { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; left:20%; 
      width: calc(35%); 
      height:280px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_immobilier_ar { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; right:20%; 
      width: calc(35%); 
      height:300px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:right; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}
    
     /*---------------------------                   ------------------------*/
    #toggle_pointure { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; left:20%; 
      width: calc(35%); 
      height:280px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}	
       
    /*---------------------------                   ------------------------*/
    #toggle_pointure_ar { 
      position:absolute; z-index:180; opacity:.99; display:none; top:52px; right:20%; 
      width: calc(35%); 
      height:300px;
      /* min-height:213px; */
      border:1px transparent;  background:white;
      text-align:right; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
       font-size:18px; color:#ff6e14;}
    
       
    /*---------------------------                   ------------------------*/
    #toggle_filtre {
      position:fixed; z-index:2147483647; display:none; top:0; right:0;
      width: calc(30%); 
      height:100vh;
      
      /* min-height:213px; */  overflow-y:auto;
      border:1px transparent; margin:0 auto;  background:white;
      text-align:left;  box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
      padding-left:20px; font-size:24px; color:#ff6e14; 
       
        overflow-y:auto;

        transition:right 0.3s ease;

       box-shadow:-4px 0 15px rgba(0,0,0,0.15);
    }
      
    /*---------------------------                   ------------------------*/
    #toggle_filtre_ar {
      position:fixed; z-index:2147483647; display:none; top:0; left:0;
      width: calc(30%); 
      height:100vh;
      
      /* min-height:213px; */  overflow-y:auto;
      border:1px transparent; margin:0 auto;  background:white;
      text-align:left; box-shadow: 1px 2px 2px 2px #d9e1ec,
            1px 1px 2px 2px #d9e1ec; border-radius:12px; padding:8px; 
      padding-right:20px; font-size:18px; color:#ff6e14; 
       
        overflow-y:auto;

        transition:right 0.3s ease;

       box-shadow:-4px 0 15px rgba(0,0,0,0.15);
    }
       
    #toggle_filtre.open{
        right:0;
    }

    #overlay_filtre.open{
        display:block;
        opacity:1;
    }
    
    #overlay_filtre{
    position:fixed;

    top:0;
    left:0;

    width:100vw;
    height:100vh;

    background:#3e4e5a8c;

    z-index:9998;

    display:none;

    opacity:0;
    transition:opacity 0.25s ease;
}   
       
     /*----------------------------------------  Galery -----------------------------------------------------*/    
    #thumbs-slide img {vertical-align:center; border:none;}
     #thumbs-slide { margin: 0 auto; overflow:hidden;  list-style:none; padding:0; text-align:center;   margin-top:10px; } 
    #thumbs-slide li {float:left; display:none; width:20%; height:135px; }
    #thumbs-slide a {display:block; padding:2px; outline:none; margin:0px 3px;
       -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    #thumbs-slide a:hover, #thumbs-slide a:focus {opacity:0.5; overflow:hidden;}

    #controls-slide {width:81%; margin-top:5px; height:135px; margin:0 auto; }
    #controls-slide a img { display:inline; }
    #next-slide { color:red; font-size:45px; font-weight:bold; cursor:pointer; }
    #prev-slide {  color:red; font-size:45px; font-weight:bold; cursor:pointer; }

    .centre_button_slide { position:relative; margin-top:0px; overflow:hidden; margin:0 auto; text-align:center;  width:90%; height:135px; }

    .prev_button_slide { position:relative; margin-top:35px; float:left; width:40px;  margin-left:0;  }
    .next_button_slide { position:relative; margin-top:35px; float:right; width:40px;   }
    

    .loader_slide {
         position : fixed; z-index: 9999; background : url('./images/global/loader.png') 50% 50% no-repeat;
         top : 0px; left : 0px; height : 100%; width : 100%; cursor : wait; }

    #controls-slide_min { display:none;}
    
    /*-----------------------Galery AR ------------------------------------------------------------*/
    #thumbs-slide_ar img {vertical-align:center; border:none;}
    #thumbs-slide_ar {overflow:hidden;  list-style:none; padding:0; text-align:center;  margin-top:15px; }
    #thumbs-slide_ar li {float:right; display:none; width:20%;  height:135px; }
    #thumbs-slide_ar a {display:block; padding:2px; outline:none; margin:0px 6px;
         -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
    #thumbs-slide_ar a:hover, #thumbs-slide_ar a:focus {opacity:0.5; overflow:hidden;}

    #controls-slide_ar {width:81%; margin-top:5px; height:135px; margin:0 auto; }
    #controls-slide_ar a img { display:inline; }
    #next-slide_ar { color:red; font-size:45px; font-weight:bold; cursor:pointer; }
    #prev-slide_ar {  color:red; font-size:45px; font-weight:bold; cursor:pointer; }

    .centre_button_slide_ar { position:relative; margin-top:0px; overflow:hidden; margin:0 auto; text-align:center;  width:91%;
          height:135px; }

    .prev_button_slide_ar { position:relative; margin-top:35px; float:left; width:40px; margin-left:0;  }
    .next_button_slide_ar { position:relative; margin-top:35px; float:right; width:40px;  }  
  
     #slider { width:100%; height:90px; border-radius:4px; }
     
     
     #toggle_footer { display:none; }
     
     
     .bold { font-weight:bold; display:inline-block;  overflow:hidden; height:42px; padding:0px 2px; margin:0; }
     .bold:hover { border-bottom:3px solid black; }
     
    /*--------------------------- -------------------------------------*/
    /*--------------------------- -------------------------------------*/
#menu_rub { position:relative; z-index:20;  width:100%; height:58px; top:57px; left:0;  margin:0 auto;  padding:0px;  margin-right:0px; margin-left:0px;  padding-bottom:3px; 
background-color:white; display:flex;    box-sizing:border-box; }
#menu_rub a {
    overflow:hidden;
    display:inline-block;
    height:42px;
    padding:0px 9px;
    margin:0;
    background-color:white;
    font-size:14px;
    font-weight:normal;
    color:#152233;
    box-sizing:border-box;
    box-shadow:none;
    transition:box-shadow 0.15s ease; }
#menu_rub a:hover {
    font-weight:bold;
 }

#menu_cat { position:fixed; z-index:10; height:350px; width:100%; top:78px;  font-size:14px; overflow:hidden; margin:0 auto;   margin-right:0px;
  color:#152233; font-size:15px; border-radius:15px; padding-top:15px;
}

#menu_cat  #global { margin:0 auto; overflow:hidden; padding:0; height:346px; border-radius:5px; margin-top:0px; border:1px solid #f0f2f5;  box-shadow: 1px 2px 2px 2px #dadfe6,
            2px 2px 2px 2px #dadfe6; background-color:#ffffff; border-radius:18px; }

#menu_cat a { color:#152233; font-size:15px; padding-bottom: 30px; }

   /*--------------------------- -------------------------------------*/
    /*--------------------------- -------------------------------------*/
#menu_rub_ar { position:relative; z-index:20;  width:100%; height:60px; top:57px; left:0;  margin:0 auto;  padding:0px;  margin-right:0px; margin-left:0px;  padding-bottom:3px; 
background-color:white; display:flex;    box-sizing:border-box; }
#menu_rub_ar a { overflow:hidden;
    display:inline-block;
    height:42px;
    padding:0px 24px;
    margin:0;
    background-color:white;
    font-size:15px;
    font-weight:normal;
    color:#152233;
    box-sizing:border-box;
    box-shadow:none;
    transition:box-shadow 0.15s ease;  }
#menu_rub_ar a:hover {
    font-weight:bold;
 }

#menu_cat_ar { position:fixed; z-index:10;  height:390px; width:100%; top:78px;  font-size:14px; overflow:hidden; margin:0 auto;  margin-right:0px; margin-left:0px; 
background-color:#ffffff;  color:#7f7f7f;  padding-top:15px;
}

#menu_cat_ar  #global { margin:0 auto; overflow:hidden; height:386px; border-radius:5px; margin-top:0px; border:1px solid #f0f2f5;  box-shadow: 1px 2px 2px 2px #dadfe6,
            1px -1px 2px 2px #dadfe6; background-color:#ffffff;  border-radius:15px; }
#menu_cat_ar a { color:#152233; font-size:16px; padding-bottom: 30px; }



   /*--------------------------- -------------------------------------*/
    /*--------------------------- -------------------------------------*/
#menu_rub_boutique { position:relative; z-index:20;  width:100%; height:45px; top:53px; left:0; overflow:hidden; margin:0 auto;  padding:0px;  margin-right:0px; margin-left:0px; 
background-color:white;  }
#menu_rub_boutique a { margin:0 auto; overflow:hidden; display:inline-block; height:45px; padding:0px 40px; background-color : white; border:none; font-size:16px; font-weight:normal; color:#474747;  }
/*#menu_rub_boutique a:hover { border-bottom:2px solid orange;}*/

#menu_cat_boutique { position:fixed; z-index:10;  height:250px; width:100%; top:85px;  font-size:14px; overflow:hidden; margin:0 auto; margin-right:0px; margin-left:0px; 
background-color:#f1f1f1;  color:#696969;
}

#menu_cat_boutique  #global { margin:0 auto; overflow:hidden; height:205px; border-radius:5px; margin-top:0px; border:1px solid #e8e8e8;  box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.2);  background-color:#ffffff; }
#menu_cat_boutique a { color:#718392;}
#menu_cat_boutique a:hover { border-bottom:2px solid #ff5000; }


   /*--------------------------- -------------------------------------*/
    /*--------------------------- -------------------------------------*/
#menu_rub_boutique_ar { position:relative; z-index:20;  width:100%; height:45px; top:53px; left:0; overflow:hidden; margin:0 auto;  padding:0px;  margin-right:0px; margin-left:0px; text-align:right;
background-color:white; color:#5b768c; }
#menu_rub_boutique_ar a { margin:0 auto; overflow:hidden; display:inline-block; height:45px; padding:0px 43px; background-color : white; border:none; font-size:14px; font-weight:normal; color:#5b768c;  text-align:right; }
/*#menu_rub_boutique_ar a:hover { border-bottom:2px solid orange;}*/


#menu_cat_boutique_ar { position:fixed; z-index:10;  height:205px; width:100%; top:85px;  font-size:14px; overflow:hidden; margin:0 auto; margin-right:0px; margin-left:0px; background-color:#f1f1f1;  color:#696969;
}

#menu_cat_boutique_ar  #global { margin:0 auto; overflow:hidden; height:205px; border-radius:5px; margin-top:0px; border:1px solid #e8e8e8;  box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.2); background-color:#ffffff;  }
#menu_cat_boutique_ar a { color:#718392;}
#menu_cat_boutique_ar a:hover { border-bottom:2px solid #ff5000; }
 
 
 /*------------------------------------------------------*/
 .nbre_tof { position:absolute; font-size:10px; top:15px; left:8px; width:26px;  background:#000000; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; }
   
   .nbre_tof_ar { position:absolute; font-size:10px; top:225px; right:12px; width:26px; background:#545454; opacity: 0.5; padding:3px; z-index:2; border-radius:4px; color:#ffffff; }
   
   
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:25px; height:62px; padding-bottom:0px; margin:0; color:#404040;  font-weight:bold; font-size:16px; }
    
    .annonce-margin-top { margin-top:6px; }
   
   /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
#search {
margin:0 auto; width:93%; background:#f0f2f5; text-align:left;  display:block; margin-left:20px; margin-top:18px;
}
#search input[type=text] {
float:left; border:none; color:gray; font-size:0.7em; 
width: 80%; height:40px; text-align:left;
background : url(../images/global/search1.png) top left no-repeat; padding: 0 0 0 20px; outline: none; color:#3c5e79;  font-size:15px;
}
#search input[type=text]:focus{
 outline: none;
}

#search input[type=submit] {
width:40px; height:40px; float:left; border:none;
background : url(../images/global/search1.png) top right no-repeat;
cursor:pointer;
}
#search input[type=submit]:hover{
outline: none;
}

/*---------------------------------- formulaire de recherche -------------------------------------------*/
#search_ar {
margin:0 auto; width:99%; background:#f4f7f8; text-align:right;  display:block; margin-right:30px; margin-top:18px;
}
#search_ar input[type=text] {
float:right; border:none; color:gray; font-size:0.7em; 
width: 80%; height:40px; text-align:right;
background : url(../images/global/search1-ar.png) top right no-repeat; padding: 0 20px 0 0; outline: none; color:#3c5e79; font-size:15px;
}
#search_ar input[type=text]:focus{
 outline: none;
}

#search_ar input[type=submit] {
width:40px; height:40px; float:right; border:none;
background : url(../images/global/search1-ar.png) top left no-repeat;
cursor:pointer;
}
#search_ar input[type=submit]:hover{
outline: none;
}


/*---------------------------------- flickity -------------------------------------------*/
/* ---- previous/next buttons ---- */
.flickity-prev-next-button {
  top: 50%; width: 34px; height: 34px; border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}
    
    
}






/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*-------------------------------------------------------- Generale ---------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
html, body {
    font-family: 'Roboto', Arial, Helvetica, sans-serif;
}



#deposer a { display:block; width:240px; padding:20px; cursor:pointer; background-color:#f83d00; text-align:center; text-decoration:none; border:none; color:white;
-webkit-border-radius: 15px; font-weight:bold; }
#deposer a:link {   cursor:pointer; background-color:#f83d00; text-decoration:none; border:none; color:white; 
-webkit-border-radius: 15px; font-weight:bold;  }
#deposer a:hover { background-color:#ff6e14;   }


#deposer_ar a { display:block; cursor:pointer; background-color:#f83d00; text-decoration:none; border:none; color:white;  font-size:13px; text-align:center; 
-webkit-border-radius: 15px; font-weight:bold;  padding:20px; margin-top:5px;   }
#deposer_ar a:link {   cursor:pointer; background-color:#f83d00; text-decoration:none; border:none; color:white;   font-size:13px;  
-webkit-border-radius: 15px; font-weight:bold; padding:20px; margin-top:8px;  }
#deposer_ar a:hover { background-color:#ff6e14;  }

#deposer_min_ar a { display:block; cursor:pointer; background-color:#ff6e14; text-decoration:none; border:none; color:white;  font-size:12px; text-align:center;  -webkit-border-radius: 4px; font-weight:bold;  padding:6px; margin-top:4px;   }
#deposer_min_ar a:link {   cursor:pointer; background-color:#ff6e14; text-decoration:none; border:none; color:white;   font-size:12px;  
-webkit-border-radius: 4px; font-weight:bold; padding:4px; margin-top:4px;  }
#deposer_min_ar a:hover { background-color:#99420c;  }

#deposer_min a { display:block;   cursor:pointer; background-color:#ff6e14; text-decoration:none; border:none; color:white;  font-size:11px; text-align:center;  -webkit-border-radius: 4px; font-weight:bold;  padding:6px; margin-top:4px;   }
#deposer_min a:link {   cursor:pointer; background-color:#ff6e14; text-decoration:none; border:none; color:white;   font-size:11px;   text-align:center;
-webkit-border-radius: 4px; font-weight:bold; padding:4px; margin-top:4px;  }
#deposer_min a:hover { background-color:#99420c;  }




.div_navigation { width:100%; text-align:left; overflow:hidden; margin:0 auto; padding-bottom:6px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.div_navigation h3 { padding:6px; margin-top:0px; color:black; font-size:15px; }


.a_button { -moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px;
	-moz-border-radius-bottomright:4px; -webkit-border-top-left-radius:4px;
    -webkit-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; }

.div_resume { text-align:left; border:1px solid #d8d8d8; font-size:13px; -webkit-border-radius: 5px; border-radius: 5px; margin:0 auto; overflow:hidden; padding:0px; margin-top:0px; }
.div_resume h3{ background:#e6e6e6; padding:10px; margin-top:0px; color:black; text-align:center; }
.div_resume h4{ background:#e6e6e6; padding:10px; margin-top:0px; color:black; text-align:center; }
/*.div_resume img{ display:block; margin:0 auto; text-align:center;  }*/
.div_resume a { display:block; width:90%; }

.down { border: 1px solid #e1e1e1; height:230px;}
.down a{ display:inline; text-align:center; margin:0 auto; width:20%; overflow:hidden;  float:left;}
.down h3{ position:relative; border: 1px solid #666666; background:#666666; padding:8px; margin-top:0px; color:white; text-align:left; }

.div_down a{ display:inline; text-align:center; margin:0 auto; width:20%; overflow:hidden;  float:left;}
.div_down { position:relative; overflow:hidden; text-align:left; border:1px solid #e6e6e6; /*-webkit-border-radius: 5px; border-radius: 5px;*/  }
.div_down h4{ position:relative; background:#f1f1f1; padding:8px; margin-top:0px; color:black; text-align:left; }
.div_down img{ display:inline; }


/*---------------------------------------- header -------------------------------------------*/
#header_float { float:right; width:70%; text-align:left; padding: 1px 1px 1px 1px; margin:1px 1px 1px 1px; }
#header_float a {color:white; background:#2e2e2e; 
font-family: 'Roboto', Arial, Helvetica, sans-serif;  font-size:0.9em; font-weight:bold; 
border-right:1px solid #7d0000; text-decoration:none; padding:3px 5px 3px 5px; align:right; }

#header_globe { margin-right:760px; padding:10px 20px; margin:10px;  }

/* menu de navigation #header_menu */
#header_menu{
background:#0c3f3e;
padding: 1px;  font-size:1em; height:25px;  border-bottom:1px solid #f3f3f3; 
}
#header_menu a{  color:white; font-weight:bold; display:inline;}
#header_menu a:hover,#header_menu a:focus  {color:#CC6600;}




.modal { /*background-image : url("../images/global/spinner.gif");*/  display:none; width:50%; height:50%; } /* ************************ */

@keyframes spinner {
    to {transform: rotate(360deg);}
}
 
@-webkit-keyframes spinner {
    to {-webkit-transform: rotate(360deg);}
}
 
.spinner {  min-width: 30px; min-height: 30px; display:inline;  }
 .spinner:before {
    content: 'Loading…'; position: absolute; top: 50%; left: 50%;
    width: 44px; height: 44px; margin-top: -13px; margin-left: -13px;
}
.spinner:not(:required):before {
    content: '';  border-radius: 50%;  border: 1px solid #ccc;
    border-top-color: #c33;  animation: spinner .6s linear infinite;
    -webkit-animation: spinner .6s linear infinite;
}
/* New CSS */
.spinner { position: relative;  width: 70px;  height: 70px; }




.validate_button { border:1px solid red; height:32px; color:red; }

#verif_annonce { width:98%; padding-left:6px; padding-right:4px; }
table#verif_annonce{ border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1;  border-right:1px solid #d1d1d1;  margin:0; padding:0; }
#verif_annonce th { background:#e8e8e8; color:#336699; height:36px;  text-align:left;  margin:0; padding:6px; }
#verif_annonce td {  padding: 10px 6px; height:22px; margin:0; border-bottom:1px solid #d1d1d1; }

#post_annonce { width:100%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;  }
#post_annonce tr { padding:0; margin:0;}
#post_annonce th {  background:#e8e8e8; height:32px; color:#336699; text-align:left; margin:0; }
#post_annonce td { padding:6px; }
#post_annonce td.left_td {  margin:2px; }
#post_annonce td.right_td { margin:2px; }
#post_annonce input[type=text] ,textarea, select {  border:1px solid #d8d8d8;
                   border-radius:5px;  box-shadow:1px 1px 2px #C0C0C0 inset;}
#post_annonce select {  height:38px; width: 45%; font-size:16px;}
#post_annonce textarea {  height:160px; padding: 5px; }
#post_annonce h4 { padding:3px; margin:3px; } 

/* #post_annonce td.bottom_td { border-bottom:1px solid #e8e8e8; } */


.input_toggle { display:none;}

/* ---------------------------------------------------- */
input[type="radio"].radio { cursor:pointer; display:none; }
input[type="radio"].radio + label { cursor:pointer;
  position:relative;  display:inline-block; padding-left:25px;
}
input[type="radio"].radio + label::before,
input[type="radio"].radio + label::after { cursor:pointer;
 display:inline-block; position:absolute; box-sizing: border-box;  content:'';  border-radius:1rem; 
}
input[type="radio"].radio + label::before { border:2px solid gray; top:4px; left:0; background-color:white; width:16px; height:16px; cursor:pointer; }
input[type="radio"].radio + label::after { top:8px; left:4px;  width:calc(16px - 8px); height:calc(16px - 8px); cursor:pointer; }
input[type="radio"].radio:checked + label::after {  background-color:#ffb600; }
input[type="radio"].radio:checked + label::before { border:2px solid #ffb600; }
/* ---------------------------------------------------- */
input[type="radio"].radioar { cursor:pointer; display:none; }
input[type="radio"].radioar + label { cursor:pointer;
  position:relative;  display:inline-block; padding-left:25px;
}
input[type="radio"].radioar + label::before,
input[type="radio"].radioar + label::after { cursor:pointer;
 display:inline-block; position:absolute; box-sizing: border-box;  content:'';  border-radius:1rem; 
}
input[type="radio"].radioar + label::before { border:2px solid gray; top:4px; left:0; background-color:white; width:16px; height:16px; cursor:pointer; }
input[type="radio"].radioar + label::after { top:8px; left:4px;  width:calc(16px - 8px); height:calc(16px - 8px); cursor:pointer; }
input[type="radio"].radioar:checked + label::after {  background-color:#ffb600; }
input[type="radio"].radioar:checked + label::before { border:2px solid #ffb600; }
/* ---------------------------------------------------- */
input[type="checkbox"].avec_tof { cursor:pointer; display:none; }
input[type="checkbox"].avec_tof + label { cursor:pointer; box-sizing:border-box; display:inline-block; border-radius:1.5rem; width:2.2rem; height:1.1rem; padding:1px; background-color:#c0ceda; transition:all 0.5s;  }
input[type="checkbox"].avec_tof + label::before { cursor:pointer; box-sizing:border-box; display:inline-block; content:''; width:calc(1.3rem - 4px); height:calc(1.1rem - 4px); border-radius:50%;  background-color:#fff; transition:all 0.5s;  }
input[type="checkbox"].avec_tof:checked + label { cursor:pointer; background-color:#ff6e14;   }
input[type="checkbox"].avec_tof:checked + label::before { cursor:pointer; margin-left:1rem; }


/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
/* --------------------------------------------------------- */
input::placeholder {
    color: #3c5e79;
}

textarea::placeholder {
    color: #3c5e79;
}


/*select option:disabled { color:#000; background-color:#CCC }*/
.inline { display:inline-block; }

/*-------------------------------------------------*/
#accueil_href a{ background:#666666; font-weight:bold; font-size:15px; color:white; padding:8px; /* margin:0px; */ margin-left:0px;  }


a#modif_button { border:1px solid blue; moz-radius:5px; height:30px; color:blue; }

#map_liens { color:black; text-align:right; font-size:13px; }
#map_liens div{ height:35px; }
#map_liens a { color:black; font-weight:bold; padding-bottom:3px;  }
#map_liens a:hover { color:#ff6e14; font-weight:italic; }



td { vertical-align:top; margin:2px; padding:5px; }
table {    width:100%;}
th { background-color: #e8e8e8; margin:5px; padding:5px;}
fieldset{ width:400px; margin:5px; padding:5px; border:none; display:block;}
form { display:block;}
fieldset  label{color:#000000;  display:block;  width:200px;  float:left;}
label{ color:#5a5a5a; display:block; text-align:left; margin:3px;  }
a img{border:none;}
a {text-decoration:none; color:black;}
a:active {outline-style:none; text-decoration:none;}

.option { border : 1px solid #f1eccd; margin-left:71%; }
.indic_option { float:left; width:70%; }




/*------------------------------------------------Mes annonces-------------------------------*/
.spoiler { display:none; }

/*---------------------------- pagination -------------------------------*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap; /* reste sur une seule ligne */
    gap: 6px;
    font:12px Arial, Helvetica, sans-serif;
    text-align:center;
    margin-top:35px;
    margin-bottom:45px;
}
.pagination a,
.pagination span {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 45px;
    height: 45px;

    min-width: 45px;
    min-height: 45px;

    padding: 0;
    line-height: 40px;

    background: #ffffff;
    color: #000000;
    font-weight: bold;
    text-decoration: none;

    border-radius: 15px;

    margin: 4px;
    box-sizing: border-box;
}

.pagination a:hover {
    background: #dfdfdf;
    color: #9e9e9e;
}

.pagination span.inactive {
    background: #ffffff;
    color: #c1c1c1;
    padding:6px;
}

.pagination span.active {
    background: #ff5000;
    color: #ffffff;
    padding:6px;
}

#results{ margin:0 auto; list-style-type:circle }



/*-------------------------------------- Boutique ---------------------------------*/
.inline_payment { display:inline; background:#e9e9e9; width:22%; float:left; margin:15px; padding:0px; }
 

#tabs-1 { margin:0; padding:0; }
#tabs-2 { margin:0; padding:0;  }
#tabs-3 { margin:0; padding:0; }
#tabs-4 { margin:0; padding:0; }



.cookie-alert {
 width:100%; margin:0 auto; color:black; font-size:14px; font-weight: normal; 
                 position:fixed; z-index:10;  bottom:0; left:0; height:30px; display:flex; }
.cookie-alert a { 
   display:inline-block; text-align: center; padding:5px; color:white; font-size:16px;
   margin:8px auto 0 auto; border-radius: 10px; background:#858585;
     transition: all .3s ease;
}
   .cookie-alert a:hover {
      background: #336699;
      color:white;
   }
   
   #cookie-global{ width:1050px; position:fixed; z-index:10;  background:#858585;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; z-index:1; }
   
@media only screen and (max-width:680px) {
   .cookie-alert {
       display:none;
   }
   
   #cookie-global{ width:100%;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; z-index:1; }
}
 


/* --------------------------------------------------------------------------------------------- */
/*  -------------  CARROUSSEL TACTILE ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------- */



.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button { position: absolute; background: #f83d00; border: none; color: #333; }
.flickity-button:hover { cursor: pointer; }
.flickity-button:focus { outline: none;  }
.flickity-button:active { opacity: 0.6; }

.flickity-button:disabled {
  opacity: 0.3; cursor: auto; display:none;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon { fill: white; }


.flickity-prev-next-button.previous { left: 10px;  display: block !important;
    opacity: 1 !important; }
.flickity-prev-next-button.next { right: 10px; }

.flickity-prev-next-button:disabled {
    opacity: 0.5 !important;
}

/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }

.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; fill:white; }



/* ---- page dots ---- */
.flickity-page-dots {  position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }

.flickity-page-dots .dot.is-selected {  opacity: 1; }



/*---------------------------                   ------------------------*/
#toggle_div {
      position:absolute;  top:75px; left:0; z-index:150; display:none;
      border:1px transparent; max-height:380px; background:white;
      text-align:left;  height:400px; /*border-bottom:1px solid #e6e6e6;*/ border:1px solid #e6e6e6;
      margin-right: 0px; color:#789; font-size:11px; width:100%; 
}
	
    
#toggle_div a { display:block; font-size:14px; }

#contain { margin-top:0px; }

/*---------------------------                   ------------------------*/
.social-share {  align-items:center; text-align:center; margin:0 auto; overflow:hidden; }
.social-icon {  width:30px; height:30px; }
.social-icon img { width:30px; height:30px; }

.social-share-top { width:100%;  text-align:center; margin:0 auto; overflow:hidden; }
.social-icon-top { width:25px; height:25px; text-align:center;  }
.social-icon-top img { width:25px; height:25px; padding:5px 2px; }


/*-- ------------------------------------------- */
.select-orange{
    color: #f83d00 !important;
}
select option{
    color: #00335B; /* options normales */
}


.fix_voir_annonce {  background:#ffffff; width:100%; }
.fix_voir_annonce_min {  background:#ffffff; width:100%;  }


/* ------------------------------------------------------------------- */
/* ----------------------- simulateur -------------------------------- */
/* ------------------------------------------------------------------- */
#credit-simulator  { width:50%;
    float:left;
    background:#fff;
    margin:0 auto;
    padding:5px;
    border-radius:8px;
    position:relative; box-sizing:border-box;
}

#credit-simulator input  { padding:6px; height:35px; border:1px solid #e8e8e8; border-radius:8px; display:inline-block; }
#credit-simulator label  { display:inline-block; }


#result_credit  { float:right; margin:0 auto; width:50%;
    padding:5px;
    border-radius:8px;
    position:relative; box-sizing:border-box;  }
    
#result_credit_ar  { float:left; margin:0 auto; width:50%;
    padding:5px;
    border-radius:8px;
    position:relative; box-sizing:border-box;  }