/*---------------------------------------- GENERALE -------------------------------------------*/
html, body { margin: 0; padding: 0; }




/*------------------------------------------------------------  --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:250px) and (max-width: 649px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:250px) and (max-width: 649px) {
    
    #fermer_img_css { margin-top:20px; font-weight:bold; }
     h1 { font-size:18px; font-weight:bold; color:#000000; }
     h2 { font-size:17px; font-weight:bold; }
     h3 { font-size:16px; font-weight:bold; }
     h5, h6 { font-size:15px; font-weight:bold; }
    
    #ajouter_favoris { background: transparent url(../images/global/favories-coeur01.png) no-repeat; background-size:23px; display:block;
         text-indent:-9999px; /*Hides the anchor text*/
         height:23px; /*Set height and width to the exact size of your image*/
         width:23px; }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:23px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden;  }
            
    #ajouter_favoris_div_left { float:right; position:relative; background-color:white; top:40px; right:10px; padding-top:5px; padding-left:2px; width:25px; height:25px; text-align:center; border-radius:50%; }
    
    #ajouter_favoris_div_right { float:left; position:relative; background-color:white; top:40px; left:10px; padding-top:5px; padding-left:2px; width:25px; height:25px; text-align:center; border-radius:50%; }
   
    
    h1 { font-size:19px; padding-top:2px;  padding-bottom:2px; margin-top:0px; }
    h2 { font-size:17px; padding-top:5px;  padding-bottom:2px; }
    h3 { font-size:16px; padding-top:4px;  padding-bottom:3px; }
    h4 { font-size:13px; }
    h5, h6 { font-size:12px; }
    
    #toggle_div { display:none; }
    

    #mycontain { display:none;  }
    #global { display:none; }
    #wrap { display:none; }
    
    #mycontain_min { width:100%;  background-color:#ffffff; height:56px;
                 position:fixed; z-index:10; opacity:.99;  top:0; left:0; margin:0 auto; overflow:hidden; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); display:flex; 
    }
    #global_min{ width:620px;  margin:0 auto;  line-height:14px; position:relative;  z-index:1; padding:4px;  }
    #wrap_min{ width:100%; position:relative; z-index:1;  }
    
    
    #mycontain_min_left {  float:left; width:87%; margin-left:0px; text-align:center;  padding:0px; margin:0px; }
    #mycontain_min_right { float:right; margin-left:87%; height:55px; padding:0px; margin:0px; }


    #mycontain_min table { border:none; margin:0; padding:0; }
    #mycontain_min tr { border:none; margin:0; padding:0; }

    #mycontain_min .td_first { width:5%; text-align:left; border:none; padding:0px; margin:0px; }
    #mycontain_min .td_first_div { display:inline-block; color:#ff6e14; font-weight:bold; text-align:center; height:55px; margin-top:0px; margin-right:4px; }
    #mycontain_min .td_second { width:82%; border:none; text-align:center; }
    #mycontain_min .td_second_div {   display:inline-block; color:#ff6e14; font-weight:bold; text-align:center; height:50px; margin-top:0px; margin-right:4px; }    



    
    #container { width:100%; margin: 0 auto; overflow:hidden; -webkit-overflow-scrolling: auto !important;
 position:relative; margin-bottom:60px; display:flex; z-index:1; opacity:0.99; }
    #wrapper{ width:620px; position:relative; z-index:1; opacity:0.9; margin:0 auto; overflow:hidden; line-height:18px; top:80px; margin-bottom:50px; }

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

    .left_pied { /*float:left; width:9%;*/ display:block; width:650px; padding:2px; margin-right:10px; margin-left:4px; overflow:hidden;}
    .right_pied { /*float:left; width:9%;*/ display:block; width:650px; padding:2px; margin-right:10px; margin-left:4px; overflow:hidden;}
      #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:block;  font-size:13px; width:98%; /*color:#597ca0;*/ color:#515151; font-weight:bold; }
    .cats { display:inline-block; color:black; font-size:12px; 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:left; 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 { display:none;  width:36%; padding:3px; overflow:hidden; margin:0 auto; background:#ffffff; }
    .float_left { display:block; width:15%; padding:3px;  overflow:hidden; margin:0 auto; text-align:left; background:#ffffff;  }
    .float_centre {  float:left; width:32%; overflow:hidden; padding:0px 2px;  margin:0px; background:#ffffff; } 
    
    #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; width:92%;  }
    
    .connect_div_css {  width:92%; padding:15px; text-align:left; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; }
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #menu_navig { width:92%; margin:0 auto; overflow:hidden;  padding:4px; font-size:11px;  color:#a8a8a8;  margin-top:0px;  margin-bottom:5px; font-weight:bold; font-family:  verdana; }
    #menu_navig a { font-weight:bold; font-family:  verdana; color:#565656; }
    #menu_navig img { margin-left:6px; margin-right:5px; }
    
    
     /* --------------------------- 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:  verdana; 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:  verdana, Times New Roman, Candara; 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 { display: inline-block; list-style:non; padding:3px; height:50px; background: white;}
    .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; }
    
    
    /* ---- previous/next buttons ---- */
    .flickity-prev-next-button {
       /* display:none; */
     }
    
     /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:90%; margin:0 auto; overflow:hidden; text-align:center; padding-left:0px; padding-right:6px; margin-top:0px; margin-bottom:0px; margin-left:10px;
     }
  
    .carousel-rub-cell { width:47%;  margin-top:0px;  padding-bottom:0px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%;
     }
     
     .carousel-rub-cell img:hover { opacity:0.5; }
           
    
    #big-carousel-rub { width:28%; }
    #big-carousel-rub a { font-size:11px; }

    
    
    /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin-top:0px; background:#FFFFFF; color:#000000;  overflow:hidden; margin:0 auto; padding:5px;  margin-bottom:15px; z-index:1; margin-left:10px; margin-right:10px;  }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation { display:none; }

    #navigation_mas {
       background:white; overflow:hidden; padding:4px;  margin-left:3px; margin-right:3px;  margin-top:0px;
       /*float:right; width:35%;*/  width:98%;  text-align:center;  }
    #contenu_mas { position:relative; background:#FFFFFF; color:#5a5a5a; overflow:hidden;  padding:4px;  margin-top:0px; margin-left:10px; margin-right:10px; }
    
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }


    #bloc_post { width:45%; display:inline-block; height:360px; border:1px solid #ffffff; border-radius:4px; padding-right:6px; padding-left:6px; padding-top:0px; padding-bottom:0px;  margin:0 auto; overflow:hidden;  margin-bottom:15px;   }
    #bloc_post:hover .bloc_titre { color:#ad6031; }
    #bloc_post a {  width:100%; margin-top:0; }

    #div_hover:hover { background:#e8e8e8; }
    
    
    /*--------------------------------------------- -------------------------------------------------------*/    
    .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); }
        
    
    /*----------------------------------------   -----------------------------------------------------*/        
    #footer { /*display:none;*/ clear:both; width: 100%;  background:#e8e8e8;  margin:0 auto; overflow:hidden; margin-top:2px;  }
    .pied_categorie { 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 { display:none; /*clear:both;width:100%; margin-top: 0px; background:#2b3441;    margin:0 auto;  overflow:hidden; display:flex; padding:0px; */ }
    .pied_center { width:820px;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; z-index:1; padding:2px; font-size:11px;}
    
    #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: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 #a0a0a0; background:#f1f1f1; font-size:13px; width:100% } 
    #pied h2 { font-size: 12px; padding:3px; margin-bottom: 0px; padding-bottom: 0px; color:#c7c7c7; font-weight:bold; }       
    #pied h3 { font-size:11px; padding:3px; padding-top:0px; margin-top: 4px; margin-bottom: 0px; color:#c7c7c7; font-weight:bold; } 
   
    
    h3, h4 { font-size:15px; }   
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: calc(100% - 20px); position:absolute; bottom:15px; } 
     
     .categorie_boutique { width:97%; text-align:center; margin:0 auto;}
     
    
    /*--------------------------- -------------------------------------*/
    #menu_rub {  }
    #menu_cat { }


   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:20px; height:55px; padding-bottom:5px; margin:0; color:#212121;  font-weight:bold; font-size:13px; }
    
    .annonce-margin-top { margin-top:4px; }
    
    
     /*---------------------------                   ------------------------*/
    #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:hidden; overflow-y:auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; 
      margin-right: 1px;  font-size:14px; color:#ff6e14;}	
    
    #toggle_menu a { display:block; padding: 5px 10px; cursor: pointer; position: relative; font-family:verdana; font-size:16px; color:#272727; }
    #toggle_menu h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    #toggle_menu hr { width:100%; padding:0; margin:0; margin-top:2px; }
    
    /*---------------------------                   ------------------------*/
    #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 hr { width:100%; padding:0; margin:0; margin-top:2px; }
    #toggle_search h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    #toggle_search input { margin:0 auto; background:#ffffff;  width:80%; height:50px; text-align:left; padding-left:12px; border:2px solid #e8e8e8; border-radius:4px; padding:10px; }
    #toggle_search .submit_search { position: absolute; bottom:15px; left:10px; margin-left:0px; background:#ff6e14; border:1px solid #ff6e14; height:60px; color:white; font-weight:bold; font-size:13px; margin:0 auto; margin:0px; padding:2px 30px; width:95%;  cursor:pointer; border-radius:6px; text-align:center; }
    
    
    /*---------------------------                   ------------------------*/
    #toggle_left_title { float:left; width:83%; text-align:center; font-weight:bold; color:#474747; padding-top:4px; }
    #toggle_left_title h2 { font-size:15px; position:relative; left:10%; margin-top:15px; }
    #toggle_left_title h6 { position:relative; left:10%; padding:0; margin:0; }
    #toggle_right_fermer { float:right; padding:8px; margin-top:2px; }
    
    /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    
    .article_left_min { display:block; vertical-align:center; width:95%;  padding:16px; margin:0 auto; overflow:hidden; position:relative; top:0px; z-index:10; border:1px solid #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1);  }
    
    #shop { height:200px; }
    
    .also_like { background-color:white; border-radius:6px; padding:5px; overflow:hidden; font-size:14px; margin-top:15px;  height:190px; }
    
    /* ------------------------------------------------- */
    #bigger { width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    
    #big { width:100%; border-radius:6px; }
    
    #moyen { width:100%; border-radius:6px;  }
    
    #bloc_rubrique { margin-top:8px;  margin-bottom:6px; padding-top:0px; padding-bottom:0px; color:#848484; font-size:14px; font-weight:bold; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; }
    
    #bloc_titre { margin-top:6px; padding-top:0px; margin-bottom:6px; padding-bottom:0; color:#1a1a1a; font-size:14px; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; font-weight:bold; }
    
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
    #search {
     margin:0 auto; width:75%; background:#f4f7f8; text-align:left;  display:block; margin-left:0px; margin-top:0px;
    }
    #search input[type=text] { text-align:left;
      float:left; border:none; color:gray; font-size:0.8em; 
      width:80%; height:42px; font-family:  verdana;
      background : url(../images/global/search2.png) top left no-repeat; padding: 0 0 0 18px;
    }

    #search input[type=text]:focus{
      height:42px;  background : url(../images/global/search2.png) top left no-repeat;
    }

    #search input[type=submit] {
      width:15%; height:42px; float:left; border:none;
      background : url(../images/global/search2.png) top right no-repeat;
      cursor:pointer;
    }
    
    /* ------------------- ----------------------------------------- */
    #toggle_footer { position:relative; z-index:1; opacity:.99; width:100%; font-size:13px; background-color:#ff914d;  height:60px; margin-top:20px;  padding-top:20px;
                   bottom:5px; left:0; margin:0 auto; overflow:hidden; text-align:center; color:white; font-weight:bold;  }
     #toggle_footer a { color:white; margin-left:12px; font-weight:normal;  }
    
}





/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:650px) and (max-width: 1023px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:650px) and (max-width: 1149px) {
    
    #ajouter_favoris { background: transparent url(../images/global/favories-coeur01.png) no-repeat scroll 0 0; display:block;
         text-indent:-9999px; /*Hides the anchor text*/
          background-size:23px;
         height:25px; /*Set height and width to the exact size of your image*/
         width:25px; }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:23px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden;  }
            
    #ajouter_favoris_div_left { float:right; position:relative; background-color:white; top:40px; right:10px; padding-top:5px; padding-left:4px; width:27px; height:27px; text-align:center; border-radius:50%; }
    
    #ajouter_favoris_div_right { float:left; position:relative; background-color:white; top:40px; left:10px; padding-top:5px; padding-left:4px; width:27px; height:27px; text-align:center; border-radius:50%; }
   
   
    
    h1 { font-size:18px; font-weight:bold; color:#000000; }
    h2 { font-size:16px; font-weight:bold; }
    h3 { font-size:15px; font-weight:bold; }
    h4 { font-size:14px; font-weight:bold; }
    h5, h6 { font-size:13px; font-weight:bold; }

    #mycontain { display:none;  }
    #global { display:none; }
    #wrap { display:none; }
    
    #mycontain_min { width:100%;  background-color:#ffffff; margin:0 auto; overflow:hidden; height:50px;
                 position:fixed; z-index:10; top:0; left:0; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); display:flex; 
    }
    #global_min{ width:750px;  margin:0 auto;  line-height:12px;position:relative; z-index:1;  }
    #wrap_min{ width:100%; position:relative; z-index:1; }
    
    #mycontain_min_left {  float:left; width:87%; margin-left:0px; text-align:center;  padding:0px; margin:0px; }
    #mycontain_min_right { float:right; margin-left:87%; height:55px; padding:0px; margin:0px; }
    
    #mycontain_min table { border:none; margin:0; padding:0; }
    #mycontain_min tr { border:none; margin:0; padding:0; }

    #mycontain_min .td_first { width:5%; text-align:left; border:none; padding:0px; margin:0px; }
    #mycontain_min .td_first_div { display:inline-block; color:#ff6e14; font-weight:bold; text-align:center; height:55px; margin-top:0px; margin-right:4px; }
    #mycontain_min .td_second { width:82%; border:none; text-align:center; }
    #mycontain_min .td_second_div {   display:inline-block; color:#ff6e14; font-weight:bold; text-align:center; height:55px; margin-top:0px; margin-right:4px; }    
    
    
    #container { width:100%; margin: 0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; position:relative; margin-bottom:50px; display:flex; z-index:1; }
    #wrapper{ width:750px; position:relative; z-index:1; margin:0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; line-height:20px; top:80px; margin-bottom:50px; }

    
    #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 { float:left; width:18%; padding:5px;  overflow:hidden; margin:0 auto;}
    .right_pied { float:right; width:18%; padding:5px;  overflow:hidden; margin:0 auto;}

    .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:block; /*background:#e6e6e6;*/ font-size:13px; /*color:#597ca0;*/ color:#515151; font-weight:bold; }
    .cats { display:inline-block; color:#9b9ca3; font-size:13px; width:85%; }
    /*------------------------------------------------- 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:left; margin:0 auto; padding-top:4px; }
    .demi_right input { width:80%; font-size:13px; }

    
    /*---------------------------------------------- annonce_select ---------------------------------------*/
    .float_right { display:none; float:right; padding:6px; overflow:hidden; margin:0 auto;  background:#ffffff; }
    .float_right_post { display:none; float:right; padding:6px; overflow:hidden; margin:0 auto;  background:#ffffff; }
    .float_left { float:right;  padding:6px;  overflow:hidden; margin:0 auto; text-align:left; background:#ffffff;  }
    .float_centre { float:left;  overflow:hidden; padding:4px 4px; margin-bottom:0px; margin-top:0px;  background:#ffffff; }
    
    #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; width:95%; margin:0 auto; }
    
    .connect_div_css { display:block; width:65%; padding:15px; text-align:left; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; }
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #menu_navig { margin:0 auto; overflow:hidden;  padding:4px; font-size:12px;  color:#a8a8a8; margin-left:10px; margin-right:2px; margin-top:0px;  margin-bottom:5px; font-weight:bold; font-family:  verdana; }
    #menu_navig a { font-weight:bold; font-family:  verdana; color:#565656; }
    #menu_navig img { margin-left:3px; margin-right:2px; }
    
    /* --------------------------------- buttons of container ------------------------------------------*/
    #btn_type { margin-bottom:5px;  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 { display:inline-block; font-size:11px; padding-top:10px; text-decoration: none; text-align: center; cursor: pointer; padding-right:8px; 
         padding-left:8px;  min-width:60px; height:58px;  font-family:  verdana, Times New Roman, Candara; font-weight:bold; color:#000000;
    }
    
    a.btn_head:hover { border-bottom: 2px solid #ff6e14; color: #000000; font-size:12px; font-weight:bold;  min-width:60px;  
              font-family:  verdana, Times New Roman, Candara; padding-right:8px; padding-left:8px;}
    
    .btn_head .active { border-bottom: 2px solid #ff6e14; color: #000000; font-size:12px; font-weight:bold;  min-width:60px;  
              font-family:  verdana, Times New Roman, Candara; padding-right:8px; padding-left:8px;}
    .btn_head img { margin-bottom:2px;}

    .button-group-navigation { display:inline; margin:0; padding:0;   }
    .button-group-navigation li { display: inline-block; list-style:non; padding:3px; height:50px; background: #ffffff;}
    .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; }
    
    
     /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:99%; margin:0 auto; overflow:hidden; text-align:center; padding-left:0px; margin-top:3px; margin-bottom:3px; 
     }
  
    .carousel-rub-cell { width:32%;  margin-top:0px;  padding-bottom:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:6px; line-height: 80%;
     }
           
    .carousel-rub-cell img { width:155px; height:90px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
    
    .carousel-rub-cell img:hover { opacity:0.5; }
    
    #big-carousel-rub { width:18%; }
    #big-carousel-rub a { font-size:11px; }
          
    
    /*----------------------------------------------- ------------------------------------------------------------*/
    #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_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 { width:31%; display:inline-block; height:360px; border:1px solid #ffffff; border-radius:4px; padding:0;  margin:0 auto; overflow:hidden;  margin-bottom:15px;   }
    #bloc_post:hover .bloc_titre { color:#ad6031; }
    #bloc_post a {  width:100%; height:135px; margin-top:0; }

    #div_hover:hover { background:#e8e8e8; }
  
   /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin-top:0px; background:#FFFFFF; color:#000000;  overflow:hidden; margin:0 auto; padding:5px;  margin-bottom:15px; z-index:1; margin-left:6px; margin-right:6px;  }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation { display:none; }
    
    #navigation_mas { 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; }
    
    
    /*--------------------------------------------- -------------------------------------------------------*/
    .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); }
    
  

    
    /*----------------------------------------   -----------------------------------------------------*/        
    #footer { /*display:none;*/ clear:both; width: 100%;  background:#e8e8e8;  margin:0 auto; overflow:hidden; margin-top:2px;  }
    .pied_categorie { 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:#f2f2f2;    margin:0 auto;  overflow:hidden; display:flex; padding:0px;}
    .pied_center { width:820px;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; z-index:1; padding:2px; font-size:11px;}
    
    #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: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 #a0a0a0; background:#f1f1f1; font-size:13px; width:100% } 
    #pied h2 { font-size: 12px; padding:3px; margin-bottom: 0px; padding-bottom: 0px; color:#c7c7c7; font-weight:bold; }       
    #pied h3 { font-size:11px; padding:3px; padding-top:0px; margin-top: 4px; margin-bottom: 0px; color:#c7c7c7; font-weight:bold; } 
    
    
    
    #tweet { color:#ffffff; background:#f2f2f2;  display: inline-block; vertical-align:top; width: 44%; margin:0 auto; overflow:hidden;
              padding:8px; margin:2px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 13px; }
    #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:#a8a8a8; padding:4px; margin-bottom:1px; font-weight:bold; }
    
    #tweet h3 a { font-weight:bold; }
 
    
    /* --------------------------------------------------------------------------------------------- */
    /*  -------------  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%; }
    
    #big-carousel { width:16%; }
    #big-carousel a { font-size:11.5px; }
         
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: calc(100% - 20px); position:absolute; bottom:12px; }
    
    
    #navigation_mas_fix { display:none; } 
    #navigation_mas_lang_fix { display:none; } 
    
    /*--------------------------- -------------------------------------*/
    #menu_rub {  }
    #menu_cat { }


    /*------------------- --------------------------------------------------*/
    #menu_rub_ar {  }
    #menu_cat_ar { }

   
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:20px; height:55px; padding-bottom:5px; margin:0; color:#212121;  font-weight:bold; font-size:13px; }
    
    .annonce-margin-top { margin-top:4px; }
    
    /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    .article_left {  display:inline-block;  vertical-align:center; width:48%; height:390px; padding:4px;  margin-left:10px;  margin:0 auto; overflow:hidden;
         top:0px; z-index:10; color:#272727; }
    
    .article_left_min { display:block; width:95%; padding:16px; margin:0 auto; overflow:hidden; position:relative; top:0px; z-index:10; border:1px solid #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1);  }
    
    #shop { height:200px; }
    
    .also_like { background-color:white; border-radius:6px; padding:5px 10px; overflow:hidden; font-size:14px; margin-top:20px;  height:180px; }
    
    
    /*---------------------------                   ------------------------*/
    #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; overflow-y:auto; background:white;
      text-align:left;  border:1px solid #e6e6e6; border-radius:5px; 
      margin-right: 1px;  font-size:18px; color:#ff6e14;}	
    
    #toggle_menu a { display:block; padding: 5px 10px; cursor: pointer; position: relative; font-family:verdana; font-size:16px; color:#272727; }
    #toggle_menu h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    #toggle_menu hr { width:100%; padding:0; margin:0; margin-top:2px; }
    
    /*---------------------------                   ------------------------*/
    #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 hr { width:100%; padding:0; margin:0; margin-top:2px; }
    #toggle_search h3 { font-size:15px; padding-bottom:0px; margin-bottom:0px; }
    #toggle_search input { margin:0 auto; background:#ffffff;  width:80%; height:60px; text-align:left; padding-left:12px; border:2px solid #e8e8e8; border-radius:4px; padding:10px; }
    #toggle_search .submit_search { position: absolute; bottom:15px; left:10px; margin-left:0px; background:#ff6e14; border:1px solid #ff6e14; height:50px; color:white; font-weight:bold; font-size:13px; margin:0 auto; margin:0px; padding:2px 30px; width:98%;  cursor:pointer; border-radius:6px; text-align:center; }
       
   /*---------------------------                   ------------------------*/
    #toggle_left_title { float:left; width:83%; text-align:center; font-weight:bold; color:#474747; padding-top:4px; }
    #toggle_left_title h2 { font-size:15px; position:relative; left:10%; margin-top:15px; }
    #toggle_left_title h6 { position:relative; left:10%; padding:0; margin:0; }
    #toggle_right_fermer { float:right; padding:8px; margin-top:2px; }
    
    
    #bigger { width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    #big { width:100%;  border-radius:6px; }
    
    #bloc_rubrique { display:block; margin-top:12px; padding-top:0px; color:#848484; font-size:14px; font-weight:bold; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; }
    
    #bloc_titre { margin-top:6px; padding-top:0px; color:#292929; font-size:14px; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; font-weight:bold; }
    
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
    #search {
     margin:0 auto; width:55%; background:#f4f7f8; text-align:left;  display:block; margin-left:0px; margin-top:0px;
    }
    #search input[type=text] { text-align:left;
      float:left; border:none; color:gray; font-size:0.9em; 
      width:75%; height:42px; font-family:  verdana;
      background : url(../images/global/search2.png) top left no-repeat; padding: 0 0 0 18px;
    }

    #search input[type=text]:focus{
      height:42px;  background : url(../images/global/search2.png) top left no-repeat;
    }

    #search input[type=submit] {
      width:15%; height:42px; float:left; border:none;
      background : url(../images/global/search2.png) top right no-repeat;
      cursor:pointer;
    }
    
    /* ------------------- ----------------------------------------- */
    #toggle_footer { position:relative; z-index:1; opacity:.99; width:100%; font-size:13px; background-color:#ff914d;  height:60px; margin-top:20px;  padding-top:20px;
                   bottom:5px; left:0; margin:0 auto; overflow:hidden; text-align:center;  color:white; font-weight:bold; }
                   
     #toggle_footer a { color:white; margin-left:12px;  font-weight:normal; }

}





/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*--------------------------------------------(min-width:1024px) and (max-width: 1480px)  -----------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:1150px) and (max-width: 1479px)  {
   
   #ajouter_favoris { background: transparent url(../images/global/favories-coeur01.png) no-repeat scroll 0 0; display:block; background-size:23px;
         text-indent:-9999px; /*Hides the anchor text*/
         height:25px; /*Set height and width to the exact size of your image*/
         width:25px; text-align:center; }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:23px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden;  }
    
    
    #ajouter_favoris_div_left { float:right; position:relative; background-color:white; top:40px; right:20px; padding-top:5px; padding-left:4px; width:27px; height:27px; text-align:center; border-radius:50%; }
    
    #ajouter_favoris_div_right { float:left; position:relative; background-color:white; top:40px; left:20px; padding-top:5px; padding-left:4px; width:27px; height:27px; text-align:center; border-radius:50%; }
   
   
    
    h1 { font-size:26px; font-weight:bold; color:#000000; }
    h2 { font-size:22px; font-weight:bold; color:#336699; }
    h3 { font-size:16px; font-weight:bold; }
    h4 { font-size:14px; font-weight:bold; }
    h5, h6 { font-size:12px; font-weight:bold; }
    
    
    /*--------------------------- -------------------------------------*/
    #mytop { width:100%; text-align:center; background-color:#e8e8e8; margin:0 auto; overflow:hidden; position:relative; z-index:30; height:35px;  top:0px; left:0; display:flex; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); }
    /*--------------------------- -------------------------------------*/
    #mycontain { width:100%;  background-color:#ffffff; margin:0 auto; overflow:hidden; 
                 position:relative; z-index:30; height:115px;  top:0px; left:0;  display:flex; }
    #global{ width:1140px;  margin:0 auto; overflow:hidden; line-height:20px; position:relative; z-index:1; }
    #wrap{ width:100%; position:relative; z-index:1; }
    
    
    #mycontain table { height:68px; border:none; margin:0; padding:0; }
    #mycontain tr { border:none; margin:0; padding:0; }

    #mycontain .td_first { width:32%; text-align:left; margin:0 auto; overflow:hidden;  padding:0; padding-top:0px; padding-left:0px; padding-right:4px;  border:none; }
    #mycontain .td_second { width:40%; text-align:left; margin:0 auto; overflow:hidden; margin:0; padding:0; padding-top:0px; padding-left:6px; padding-right:4px;  border:none; }
    #mycontain .td_third { width:20%; text-align:left; margin:0 auto; overflow:hidden; padding:0; padding-top:0px; padding-left:0px; padding-right:4px; border:none; }
    
    
    /*--------------------------- -------------------------------------*/
    #mycontain_min { display:none; }
    #global_min { display:none; }
    #wrap_min { display:none; }
    
    
    /*--------------------------- -------------------------------------*/
    #container { width:1140px; margin: 0 auto; overflow:visible; -webkit-overflow-scrolling: auto !important; position:relative; margin-bottom:50px; z-index:1; }
    #wrapper{ width:100%; position:relative; margin:0 auto; overflow:hidden; -webkit-overflow-scrolling: auto !important; z-index:1; line-height:20px; top:30px; 
        margin-bottom:50px; }
        
     /*--------------------------- -------------------------------------*/   
    #menu_global { width:1140px;  background:black; margin:0 auto; line-height:20px; position:relative; z-index:990; }
    
    /*--------------------------- -------------------------------------*/
    #menu_navig { display:block; margin:0 auto; overflow:hidden; font-size:13px;  padding-top:3px; color:#929fae; margin-left:2px; margin-right:4px; margin-top:0px;  margin-bottom:20px; font-weight:bold; font-family:  verdana; }
    #menu_navig a { color:#565656; font-weight:bold; font-family:  verdana; }
    #menu_navig img { margin-left:7px; margin-right:7px; }
    
    
/* --------------------------- buttons of container -------------------------*/
    #btn_type { margin-bottom:3px;  margin-top:8px; width:100%; font-size:12px; }
    
    .btn { font-size:14px; background-color:white; color:orange;  border-left:1px solid #b8b8b8; border-right:1px solid #b8b8b8; margin-bottom:0px;  padding:10px;
            border-top:1px solid #b8b8b8; padding-right:10px; border-radius:4px; }
    .btn_head { display:inline-block; font-size:14px; padding-top:4px; text-decoration: none; text-align: center; cursor: pointer; padding-right:8px; 
         padding-left:8px;  min-width:55px; height:48px;  font-family:  verdana, Times New Roman, Candara; font-weight:bold; color:#454545;
    }
    
    a.btn_head:hover { border-bottom: 2px solid #ff6e14; color: #000000; font-size:14px; font-weight:bold;  min-width:60px;  
              font-family:  verdana, Times New Roman, Candara; padding-right:8px; padding-left:8px;}
    
    .btn_head .active { border-bottom: 2px solid #ff6e14; color: #343434; font-size:14px; font-weight:bold;  min-width:60px;  height:50px;  
              font-family:  verdana, Times New Roman, Candara; 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:#454545; 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; }
    
     
   
    /*-----------------------------------------------    -------------------------------------------------------*/
    .left { float:left; width:19%; padding:5px;  overflow:hidden; margin:0;}
    .right { float:right; width:20%;  overflow:hidden; }

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

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

    .rubs { display:block; margin:1px;  padding:1px; font-size:13px;  color:#515151; font-weight:bold; }
    .cats { display:inline-block; color:#9b9ca3; font-size:13px; width:98%; padding:1px; margin:1px;  font-weight:bold; }  
    
    /*------------------------------------------------- CONTENU-------------------------------------------*/
    .right_align { 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:85%; font-size:13px; }
    .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.5%;  text-align:right; margin:0 auto; padding:0px; }
    .demi_right input { width:83%; font-size:13px; }
    .demi_right input[type="name"] { width:70%; }
    .demi_right div.select { width:99%; padding:0px; font-size:14px; }
    
    /*---------------------------------------------- annonce_select ---------------------------------------*/
    .float_right { float:right; width:16%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_right_post { float:right; width:28%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_left { float:left;  width:28%; padding:3px;  overflow:hidden; margin:0 auto; 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; width:75%; margin:0 auto; }
    
    .connect_div_css { display:block; width:55%; padding:15px; text-align:left; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; }
    
    
     /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin:0 auto; overflow:hidden;  margin-top:0px; background:#FFFFFF; color:#000000; margin-right:26%; padding:0px;  margin-bottom:30px;  }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation_mas { 
       color:#2f2f2c; background:white; margin:0 auto; overflow:hidden; 
       float:right; width:26%;  text-align:center; font-size:12px; margin-top:10px; margin-right:5px; }
    #contenu_mas { position:relative; background:#FFFFFF; color:#5a5a5a; margin-right:27%; width:73%; overflow:hidden; margin-top:10px; min-height:300px; }


    #navigation { 
       color:#2f2f2c; background:white; overflow:hidden; margin:0 auto;
       float:right; width:25%;  text-align:left;    }
    #navigation a{
       color:#d3575f; text-decoration:none; font-size:13px; padding:3px; margin:3px; text-align:right; }
    #navigation a:hover{
       color:black; text-decoration:none; }

       
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }
    
    
    .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 { padding:10px; margin-top:0px; color:black; text-align:center; }
    .div_resume h4 { 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%; }
    
           
    /*--------------------------------------------- -------------------------------------------------------*/
    .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;font-size:14px;
        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); }
    
    
    
    #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: 14px; }
    
    
    #pied {clear:both; width:100%; margin-top: 0px;  padding-top:25px; padding-bottom:20px; background:#f2f2f2;  position:relative;  margin:0 auto; overflow:hidden; z-index:1; color:#aab4be;  font-size:14px;}
    #footer { clear:both; width: 100%;  background:#e8e8e8;  margin:0 auto;overflow:hidden; z-index:40; display:flex;}
    .pied_categorie { width:1140px; background:#f2f2f2; margin:0 auto; position:relative;  z-index:1; font-size:13px; padding-top:2px; padding-bottom:2px; }
    .pied_categorie_min { display:none; }
    .pied_center { width:1140px;  margin:0 auto; line-height:20px;position:relative; z-index:1;}
    #top_pied { background:white; color:black; font-size:14px; padding:2px 5px 5px; margin:5px; margin:0 auto; }
    #pied a.rubs_js { color:#000000;  background:#f1f1f1; font-size:13px; width:99% }
    #pied a.cats_js { color:#ababab; font-size:11px; width:99% }
    #pied a.rubs_css { color:#000000; border-bottom: 1px solid #a0a0a0; background:#f1f1f1; font-size:13px; width:100% } 
    #pied h2 { font-size: 15px; padding:0px; margin-bottom: 0px; padding-bottom: 0px;  color:#aab4be; font-weight:bold; }
    #pied h3 { font-size:14px; padding:0px; margin-bottom: 0px; color:#aab4be; font-weight:bold; }
    
    #tweet { color:#aab4be; background:#f2f2f2;  display: inline-block; vertical-align:top; width: 32.5%; margin:0 auto; 
               padding:0px; margin:0px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 14px; }
    #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:#aab4be; font-weight:normal; font-size:14px; padding-top:3px;  padding-bottom:3px; }
    
    #tweet h3 a { font-weight:bold; }
    
    /* --------------------------------------------------------------------------------------------- */
    /*  -------------  CARROUSSEL TACTIL ---------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------- */
    .main-carousel {  width:100%; margin:0 auto; overflow:hidden; text-align:left; padding-left:5px; margin-top:3px; margin-bottom:3px; 
     }
  
    .carousel-cell { width:47%;  margin-top:0px;  padding-bottom:6px;  background-color:#ffffff; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:4px; line-height: 80%; line-height:25px; 
           }
           
    /* .carousel-cell img { width:44px; } */
    
    #big-carousel { width:9.7%; }
    #big-carousel a { font-size:11px; }
    
    /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:100%; margin:0 auto; overflow:hidden; padding-left:0px; margin-top:0px; margin-bottom:0px; text-align:center;
     }
  
    .carousel-rub-cell { width:24%;  margin-top:0px;  padding-bottom:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin:2px 4px; line-height: 80%;
           }
           
    .carousel-rub-cell img { width:180px; height:125px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
    
    .carousel-rub-cell img:hover { opacity:0.9; }
    
    #big-carousel-rub { width:18%; }
    #big-carousel-rub a { font-size:11px; }
   
   
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: calc(100% - 20px); position:absolute; bottom:5px; }
    
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:20px; height:55px; padding-bottom:5px; margin:0; color:#404040;  font-weight:bold; font-size:16px; }
    
    .annonce-margin-top { margin-top:6px; }
    
    /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    
    .article_left {  display:inline-block;  vertical-align:top; width:32%; height:380px; padding:4px;  margin-left:10px;  margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; }
    
    .article_left canvas:hover { opacity:0.8; }
    
    .article_left_min { display:inline-block; width:21%;  padding:12px; margin:0 auto; overflow:hidden; position:relative; top:10px; z-index:10; height:440px; border:1px solid #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1);  }
    
    .also_like { background-color:white; border-radius:6px; padding:5px 10px; overflow:hidden; font-size:14px; margin-top:20px;  height:250px; }
         
         
    #bigger { width:265px; height:180px;  border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    #shop { height:200px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
    
    /* ------------------------------------------------- */
    #moyen { width:200px; height:150px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    #big { width:870px; height:500px; border-radius:6px; }
    
    #small { width:90px; height:60px; border-radius:6px; }
    
    #bloc_rubrique { display:block; margin-top:12px; padding-top:0px; color:#848484; font-size:14px; font-weight:bold; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; }
    
    #bloc_titre { margin-top:8px; padding-top:0px; color:#292929; font-size:14px; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; font-weight:bold; }
    
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
    #search {
     margin:0 auto; width:70%; background:#f4f7f8; text-align:left;  display:block; margin-left:0px; margin-top:0px;
    }
    #search input[type=text] { text-align:left;
      float:left; border:none; color:gray; font-size:0.9em; 
      width:85%; height:42px; font-family:  verdana;
      background : url(../images/global/search2.png) top left no-repeat; padding: 0 0 0 18px;
    }

    #search input[type=text]:focus{
      height:42px;  background : url(../images/global/search2.png) top left no-repeat;
    }

    #search input[type=submit] {
      width:15%; height:42px; float:left; border:none;
      background : url(../images/global/search2.png) top right no-repeat;
      cursor:pointer;
    }
    
    /* ------------------- ----------------------------------------- */
    #toggle_footer {  display:none;  }
    #toggle_search {  display:none;  }
    #toggle_menu {  display:none;  }
    
    #menu_forum_right { display:inline; font-weight:bold; float:right; }
    
    
    /* ------------------- ----------------------------------------- */
    #menu a { font-size:14px; }
}




/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*----------------------------------------  (min-width:1480px) and (max-width: 2480px)----------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
@media all and (min-width:1480px) and (max-width: 2480px) {

    /*--------------------------- -------------------------------------*/
    #ajouter_favoris { background: transparent url(../images/global/favories-coeur01.png) no-repeat scroll 0 0; display:block; background-size:21px;
         text-indent:-9999px; /*Hides the anchor text*/
         height:25px; /*Set height and width to the exact size of your image*/
         width:25px; text-align:center; }
     
    #ajouter_favoris:hover { display:block; background-image:url("../images/global/favories-coeur01-focus.png"); background-size:21px;
            background-repeat: no-repeat;  margin:0 auto; overflow:hidden;  }
    
    
    #ajouter_favoris_div_left { float:right; position:relative; background-color:white; top:40px; right:10px; padding-top:5px; padding-left:4px; width:25px; height:25px;
         text-align:center; border-radius:50%; }
    
    #ajouter_favoris_div_right { float:left; position:relative; background-color:white; top:40px; left:20px; padding-top:5px; padding-left:4px; width:25px; height:25px; 
         text-align:center; border-radius:50%; }
   
   
    /*--------------------------- -------------------------------------*/
    h1 { font-size:27px; font-weight:bold; color:#000000; }
    h2 { font-size:22px; font-weight:bold; color:#336699; }
    h3 { font-size:16px; font-weight:bold; }
    h4 { font-size:14px; font-weight:bold; }
    h5, h6 { font-size:13px; font-weight:bold; }
    
    /*--------------------------- -------------------------------------*/
    #mytop { width:100%; text-align:center; background-color:#e8e8e8; margin:0 auto; overflow:hidden; position:relative; z-index:30; height:35px;  top:0px; left:0; display:flex; box-shadow:2px 4px 4px rgba(120,120,120, 0.2); }
    /*--------------------------- -------------------------------------*/
    #mycontain { width:100%;  background-color:#ffffff; margin:0 auto; overflow:hidden; 
                 position:relative; z-index:30; height:115px;  top:0px; left:0;  display:flex; }
    #global{ width:1300px;  margin:0 auto; overflow:hidden; line-height:20px; position:relative; z-index:1; }
    #wrap{ width:100%; position:relative; z-index:1; }
    
    
    #mycontain table { height:68px; border:none; margin:0; padding:0; }
    #mycontain tr { border:none; margin:0; padding:0; }

    #mycontain .td_first { width:32%; text-align:left; margin:0 auto; overflow:hidden;  padding:0; padding-top:0px; padding-left:0px; padding-right:4px;  border:none; }
    #mycontain .td_second { width:40%; text-align:left; margin:0 auto; overflow:hidden; margin:0; padding:0; padding-top:0px; padding-left:6px; padding-right:4px;  border:none; }
    #mycontain .td_third { width:20%; text-align:left; margin:0 auto; overflow:hidden; padding:0; padding-top:0px; padding-left:0px; padding-right:4px; border:none; }
    
    
    /*--------------------------- -------------------------------------*/
    #mycontain_min { display:none; }
    #global_min { display:none; }
    #wrap_min { display:none; }
    
    /*--------------------------- -------------------------------------*/
    #container { width:1300px; 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:hidden; -webkit-overflow-scrolling: auto !important; z-index:1; opacity:.99; line-height:20px; 
          margin-bottom:50px; top:30px; }
          
     /*--------------------------- -------------------------------------*/     
    #menu_global { width:1300px;  background:black; margin:0 auto; line-height:20px; position:relative; z-index:990; }
         
    /*--------------------------- -------------------------------------*/
    #menu_navig { margin:0 auto; overflow:hidden; font-size:13px;  color:#929fae; margin-left:2px; margin-right:4px; margin-top:0px; 
         margin-bottom:25px;  font-weight:bold; font-family:  verdana; }
    #menu_navig a { color:#565656; font-weight:bold;  font-family:  verdana; }
    #menu_navig img { margin-left:7px; margin-right:7px; }
    
    
    /* --------------------------- buttons of container -------------------------*/
    #btn_type { margin-bottom:3px;  margin-top:8px; width:100%; font-size:12px; }
    
    .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:14px; padding-top:4px; text-decoration: none; text-align: center; cursor: pointer; padding-right:8px; padding-left:8px; 
            min-width:55px; height:48px;  font-family:  verdana, Times New Roman, Candara; font-weight:bold; color:#000000;
    }
    
    a.btn_head:hover { border-bottom: 2px solid #ff6e14; color: #000000; font-size:14px; font-weight:bold;  min-width:60px;  
              font-family:  verdana, Times New Roman, Candara; padding-right:8px; padding-left:8px;}
    
    .btn_head .active { border-bottom: 2px solid #ff6e14; color: #000000; font-size:14px; font-weight:bold;  min-width:60px;  height:50px; 
              font-family:  verdana, Times New Roman, Candara; 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:#454545; 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; }
    
               
     #search_button { font-size:15px; width:100%; }     
 
    /*--------------------------- -------------------------------------*/
    #viewer { position:relative; width:400px; height:400px; margin:0 auto; text-align:center; background:#e8e8e8;  }
     .viewer { position:absolute;  width:400px; height:400px; }
     #myCanvas {   width:300px; height:400px;  background:#e8e8e8;   }
 
    /*----------------------------------------   -----------------------------------------------------*/
    .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;}

    .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:block;  margin:1px;  padding:1px; font-size:13px; color:#515151; font-weight:bold; }
    .cats { display:inline-block; color:#9b9ca3; font-size:13px; width:98%; padding:1px; margin:1px;  font-weight:bold; }
    
    /*------------------------------------------------- CONTENU-------------------------------------------*/
    .right_align { 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:left; 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; width:28%; padding:3px; overflow:hidden; margin:0 auto; }
    .float_left { float:left; width:28%; padding:3px;  overflow:hidden; margin:0 auto; 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; width:95%; margin:0 auto; }
    
    .connect_div_css { width:55%; padding:15px; text-align:left; vertical-align:top;  margin:0 auto; overflow:hidden; font-size:15px;  min-height:360px; }
    
     
     /*------------------------------------- contenu ----------------------------------------------*/
    #contenu { position:relative; margin:0 auto; overflow:hidden;  margin-top:0px; background:#FFFFFF; color:#000000; margin-right:29%; padding:0px;  margin-bottom:30px; font-family:  verdana;  }

    /*--------------------------------------- NAVIGATION ----------------------------------------*/
    #navigation_mas { 
       color:#2f2f2c; background:white; margin:0 auto; overflow:hidden; 
       float:right; width:26%;  text-align:center; font-size:12px; margin-top:10px; margin-right:5px; }
    #contenu_mas { position:relative; background:#FFFFFF; color:#5a5a5a; margin-right:27%; width:73%; overflow:hidden; margin-top:10px; min-height:300px; }


    #navigation { 
       color:#2f2f2c; background:white; overflow:hidden; margin:0 auto;
       float:right; width:27%;  text-align:left;  margin-top:6px;  }
    #navigation a{
       color:#646464; text-decoration:none; font-weight:bold; font-size:14px; margin-bottom:6px; text-align:right; }
    #navigation a:hover{
       color:black; text-decoration:none; }

       
    #contenu_mas h4,#contenu_mas h3 { font-size:13px; }
    
    
    .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 { padding:10px; margin-top:0px; color:black; text-align:center; }
    .div_resume h4 { 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%; }
    
    
    /*--------------------------------------------- -------------------------------------------------------*/
    .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); }
   
    
    #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: 0px; background:#f2f2f2; position:relative; overflow:hidden; margin:0 auto; z-index:1; font-size:16px; color:#000000; padding-top:25px; padding-bottom:20px; }
    #footer { clear:both; width: 100%;  background:#e8e8e8;  margin:0 auto;overflow:hidden;  position:relative;  z-index:1; display:flex;}
    .pied_categorie { width:1300px; background:#f2f2f2; margin:0 auto; position:relative; z-index:1; font-size:15px; padding-top:12px; padding-bottom:12px; }
    .pied_categorie_min { display:none; }
    .pied_center { width:1300px;  margin:0 auto; overflow:hidden; line-height:20px; position:relative; z-index:1;}
    #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:#000000; font-size:11px; width:99% }
    #pied a.rubs_css { color:#000000; border-bottom: 1px solid #a0a0a0; background:#f1f1f1; font-size:11px; width:100% } 
    #pied h2 { font-size: 16px; padding:0px; margin-bottom: 0px; color:#000000; font-weight:bold; }
    #pied h3 { padding:0px; font-size: 16px; padding:0px; margin-bottom: 14px; color:#000000; font-weight:bold; }
    
    #tweet { color:#000000; background:#f2f2f2;  display: inline-block; vertical-align:top; width: 32.5%; margin:0 auto; overflow:hidden;
          padding:0px; margin:0px; margin-bottom:0px; margin-top:0px; padding-top:0px; padding-bottom:0px; font-size: 16px; }
    #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:#000000; padding:4px; margin-bottom:1px; font-weight:normal; font-size: 16px; }
    
    #tweet h3 a { font-weight:bold; }
    
    /* --------------------------------------------------------------------------------------------- */
    /*  -------------  CARROUSSEL TACTILE ---------------------------------------------------------- */
    /* --------------------------------------------------------------------------------------------- */
    .main-carousel {  width:100%; margin:0 auto; overflow:hidden; text-align:left; padding-left:5px; margin-top:3px; margin-bottom:3px; 
     }
  
    .carousel-cell { width:47%;  margin-top:0px;  padding-bottom:6px;  background-color:#ffffff; color:#474747; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin:4px; line-height: 80%; line-height:25px; 
           }
           
    /* .carousel-cell img { width:44px; } */
    
    
    /*------------------------------------------------------------------*/
    .main-carousel-rub {  width:98%; margin:0 auto; overflow:hidden; padding-left:0px; margin-top:0px; margin-bottom:0px; text-align:left;
     }
  
    .carousel-rub-cell { width:24%;  margin-top:0px;  padding-bottom:12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; margin:2px 4px; line-height: 80%;
           }
           
    .carousel-rub-cell img { width:180px; height:110px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }
    
    .carousel-rub-cell img:hover { opacity:0.9; }
    
    #big-carousel-rub { width:18%; }
    #big-carousel-rub a { font-size:12px; }
    
    /*-------------------------------------------------------------*/
    
    #big-carousel { width:10%; }
    #big-carousel a { font-size:12px; }
    
    /*---------------------------                   ------------------------*/
    .toggle_bottom { width: calc(100% - 20px); position:absolute; bottom:5px; }

   
   /* -------------------- --------------------------------------- */
    .annonce_select_css { line-height:25px; height:62px; padding-bottom:5px; margin:0; color:#404040;  font-weight:bold; font-size:16px; }
    
    .annonce-margin-top { margin-top:6px; }
   
   /* ------------------------------------------------- */
    .contenu_mas_search { margin-top:9px; color:#535353; }
    
    .article_left {  display:inline-block;  vertical-align:top; width:48%; height:380px; padding:4px;  margin-left:10px;  margin:0 auto; overflow:hidden; top:0px; z-index:10; color:#272727; }
         
    .article_left canvas:hover { opacity:0.8; }
             
    .article_left_min { display:inline-block; width:21%;  padding:18px; margin:0 auto; overflow:hidden; position:relative; top:10px; z-index:10; height:450px; border:1px solid #f8f8f8; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; box-shadow: 1px 2px 2px 2px rgba(190,190,190, 0.1),
            1px -1px 2px 2px rgba(190,190,190, 0.1);  }
    
    .also_like { background-color:white; border-radius:6px; padding:5px 10px; overflow:hidden; font-size:14px; margin-top:25px;  height:230px; }
    
    #pseudonyme { width:49.5%;}
    #email { width:49.5%;}
    #message { width:99.5%;}
         
         
    #bigger { width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    #shop { height:200px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;  }
    
    #moyen { width:100%; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; }
    
    #big { width:1120px; height:660px;  border-radius:6px; }
    
    #small { width:90px; height:60px; border-radius:6px; }
    
    
    #bloc_rubrique { display:block; margin-top:12px; padding-top:0px; color:#848484; font-size:14px; font-weight:bold; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; }
    
    #bloc_titre { margin-top:8px; padding-top:0px; color:#292929; font-size:15px; font-family:  verdana; line-height:20px; margin-left:4px; margin-right:4px; font-weight:bold; margin-bottom:10px; }
    
    
    
    /*---------------------------------- formulaire de recherche -------------------------------------------*/
    #search {
     margin:0 auto; width:65%; background:#f4f7f8; text-align:left;  display:block; margin-left:0px; margin-top:0px;
    }
    #search input[type=text] { text-align:left;
      float:left; border:none; color:gray; font-size:0.9em; 
      width:80%; height:42px; font-family:  verdana;
      background : url(../images/global/search2.png) top left no-repeat; padding: 0 0 0 18px;
    }

    #search input[type=text]:focus{
      height:42px;  background : url(../images/global/search2.png) top left no-repeat;
    }

    #search input[type=submit] {
      width:15%; height:42px; float:left; border:none;
      background : url(../images/global/search2.png) top right no-repeat;
      cursor:pointer;
    }
    
    
    /* ------------------- ----------------------------------------- */
    #toggle_footer {  display:none;  }
    #toggle_search {  display:none;  }
    #toggle_menu {  display:none;  }
    
    /* ------------------- ----------------------------------------- */
    #menu_forum_right { display:inline; font-weight:bold; float:right; }
    
    /* ------------------- ----------------------------------------- */
    #menu a { font-size:15px; }
    
}






/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*-------------------------------------------------------- Generale ---------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/
/*------------------------------------------------------------ --------------------------------------------------------------------*/

.div_navigation { width:98%; text-align:left; border:1px solid #d8d8d8; overflow:hidden; margin:0 auto; padding-bottom:6px; font-size:14px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.div_navigation h3 {  background:red; padding:6px; margin-top:0px; color:black; font-size:15px; }




.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:  verdana,times new roman;  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;}



#post_annonce { width:98%;  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 { }
#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[name="pseudo"]:focus { ext-align:left; width:90%; height:45px; color:#272727; margin-top:3px; padding-top:3px; padding-left:45px; background-image:url(images/global/obien-register-pseudo.png); background-repeat: no-repeat; }
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; }


/*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; }





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




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

/*---------------------------- pagination -------------------------------*/
.pagination { font:12px Arial, Helvetica, sans-serif; text-align:center; margin-top:35px; margin-bottom:45px; }
.pagination a { background:#ffffff;  color:#000000; font-weight:bold; padding:15px; margin:0px; text-decoration:none; border-radius:6px; }
.pagination a:hover { background:#dfdfdf; color:#9e9e9e; margin:0px; border-radius:6px; }
.pagination span.inactive { background:white; color:#c1c1c1; padding:15px; margin:0px; text-decoration:none; border-radius:6px; }
.pagination span.active { background:#272727; color:#ffffff; padding:15px; margin:0px; text-decoration:none; 
font-weight:bold; border-radius:6px; }


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




.cookie-alert {
 width:100%; margin:0 auto; color:black; background:white; font-size:14px; font-weight: normal; 
                 position:fixed; z-index:10;  bottom:0; left:0; min-height:120px; display:flex; }
.cookie-alert a { 
   display:block; text-align: center; padding:5px; color:white; font-size:16px;
   margin:8px auto 0 auto; border-radius: 10px; background:#46A2D9;
   border: 2px solid #46A2D9;  transition: all .3s ease;
}
   .cookie-alert a:hover {
      background: #336699; border: 2px solid #212327;
      color:white;
   }
   
   #cookie-global{ width:1000px;  margin:0 auto; overflow:hidden; line-height:20px;position:relative; z-index:1; }
   
@media only screen and (max-width:680px) {
   .cookie-alert {
       position:fixed; z-index:10;  top:5%; left:5%; 
       width:90%; margin:0 auto; color:black;  background:white;  font-size:12px; font-weight: normal; height:300px;
   }
   
   #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: hsla(0, 0%, 100%, 0.75); border: none; color: #333; }
.flickity-button:hover { background: white; cursor: pointer; }
.flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; }
.flickity-button:active { opacity: 0.6; }

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

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

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

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }

/* 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%; }

/* ---- 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; }


/* ------ permet d'enlever bordure lors du focus -------- */
input:focus {
     outline:  none;
}


/*--------------------- Rating ***** -----------------------------------*/
.star { display: inline-block; background: url(../images/global/star.png) no-repeat; width:12px; height:12px; }
.star_hover { display: inline-block; background: url(../images/global/star.png) no-repeat; background-position: 0 -12px; width: 12px; height:12px; }
.starArt { display: inline-block; background: url(../images/global/star2.png) no-repeat; width:15px; height:15px; }
.starArt_hover { display: inline-block; background: url(../images/global/star2.png) no-repeat; background-position: 0 -15px; width: 15px; height:15px; }


/*--------------------- menu nav -----------------------------------*/
#menu_container { position:relative;  width:100%;  z-index:990; background:white;  box-shadow:2px 4px 4px rgba(120,120,120, 0.2); }
.menu_wrap { width:100%; position:relative; z-index:990; background:black; }

nav { width: 100%; height:35px; background-color: white; position:relative; z-index:990; }

#menu, #menu ul{ padding:0; margin:0; list-style:none; text-align: left; }
#menu li{  display:inline-block;  position:relative; }
#menu ul li{ display:inherit; }
#menu ul li:last-child{ border-radius:0 0 8px 8px; }
#menu ul{ position:absolute; top:35px; max-height:0; width:330px; overflow:hidden; transition: .6s all .2s; margin-top:0px; border:1px solid #e8e8e8;  }
#menu li:hover ul{ max-height:20em; }
#menu li{ background: #ffffff;  color:black; font-weight:bold; }
#menu li li{ background: #ffffff;  height:45px; color:black; font-weight:bold; font-size:15px; }
#menu li:hover, #menu li li:hover{ background:  #eaeaea; }
#menu a { text-decoration:none; display:block; padding:8px 12px; color: #292929; font-family:  verdana; }
#menu ul a{ padding:10px 12px; font-weight:normal; }
#menu li:hover li a{ color: #000000; text-transform:inherit; }
#menu li:hover a, #menu li li:hover a{ color: #000; }


/* -------------------------------------  Menu de navigation slid----------------------------------------- */
/* message display page */
.messages { list-style: none; margin:1; padding:0px; width: 100%; color:#272727;  font-weight:bold; }
.messages li { display:block; padding: 0; margin: 0; color:#272727;  font-weight:bold; border-bottom:1px solid #e8e8e8;}
.entete { display:block;  padding: 5px 10px; cursor: pointer; position: relative; font-family:  verdana; font-size:16px; color:#272727; font-weight:bold; }
.entete .commentaire {color: #272727; font-size: 95%; position: absolute;right: 10px;top: 5px;}
.entete cite {font-size: 100%; font-weight: bold; color:#272727;}
.corps {padding: 5px 10px; margin-left:0px; font-family:  verdana; font-size:16px; color:#272727; }
.corps a { display:block; padding-top:0px; padding-bottom:0px; font-family:  verdana; font-size:16px; color:#272727;  }
.boutons {text-align: right; border-top: solid 1px #e4e4e4; padding: 5px 0; width: 383px;}
.boutons a {margin-left: 15px;	float: right;}
.voir_tous {background: url(../images/tall-down-arrow.gif) no-repeat right center; padding-right: 12px; text-decoration: none; color: #272727}
.voir_recent {display: none;background: url(../images/tall-up-arrow.gif) no-repeat right center;padding-right: 12px;text-decoration: none;
 color: #272727}
.replier_tous {background: url(../images/collapse-all.gif) no-repeat right center;	padding-right: 12px; color: #272727;text-decoration: none}



/* -------------------------------------  ----------------------------------------- */
table { width:98%; margin-top:10px; margin-bottom:10px; margin:0 auto; overflow:hidden; }
table, tr, th, td {  border:1px solid #848484; border-collapse:collapse; padding:5px;  margin:0 auto; overflow:hidden; }

iframe { width:99%; height: 64vh; }



		
		
/* -------------------------------------  ----------------------------------------- */
.social-share { display:flex; align-items:center; }
.social-icon { display:block; 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; }


/* -------------------------------------  ----------------------------------------- */
.roundedImage{
    overflow:hidden;
    -webkit-border-radius:80px;
    -moz-border-radius:80px;
    border-radius:580px;
    width:280px;
    height:280px;
}


/* -------------------------------------  ----------------------------------------- */
a:link { text-decoration: none; color:#656565; }
a:focus { text-decoration: none; color:#656565; }
a:selected { text-decoration: none; color:#656565; }
a:hover { text-decoration: none; color:#656565; }
a:active { text-decoration: none; color: inherit; }
a:visited{ text-decoration: none; color:inherit; }

.img_left { float:left; margin-right:15px;}

        

/* -------------------------------------  ----------------------------------------- */
    
input { padding:10px; } 
  
#news_submit { cursor:pointer; padding:10px; width:35%; border:1px solid #444444; background:#444444; border-radius:3px; color:#ffffff; font-weight:bold; }
  
hr { border:1px solid #e8e8e8; width:96%; text-align:center; margin:0; padding:0;  }
  
.center { text-align:center; }
  



/* -------------------------------------  menu articled----------------------------------------- */
.recipe-intro {
    color: #666; margin: 10px 0; padding: 10px;
            background-color: #fff; border-left: 4px solid #e43f34; }

.ingredients {background-color: #f7d2d0;  padding: 20px;
     border-radius: 8px; margin: 20px 0; border: 1px solid #ddd; }

.ingredients-list {  list-style-type: none;  padding-left: 0; }

.ingredients-list li { padding: 8px 0;  border-bottom: 1px dashed #b3b3b3;}

.ingredients-list li:last-child { border-bottom: none; }

.step-box, .steps {
     background-color: #fff; padding: 20px;
    margin: 15px 0; border-radius: 8px;  border-left: 4px solid #e43f34;
}

.tips-box, .tips {  background-color: #fff3e0; padding: 20px;
    margin: 20px 0;  border-radius: 8px; }

.warning {
     background-color: #ffebee; padding: 15px;
    margin: 10px 0; border-radius: 5px; border-left: 4px solid #ef5350;
}

.success-indicators { background-color: #e8f5e9; padding: 20px;   margin: 20px 0; border-radius: 8px; }