:root {
  /********************************/
  /*COULEUR NORMAL***************/
  --color_bleufonce_neomedia: #2A28A7;
  --color_bleuclaire_neomedia: #e4e9f3;
  --color_bleuclairehover_neomedia: #c0c9dd;
  --color_rosefonce_neomedia: #DA069E;
  --color_roseclaire_neomedia: #f4bad7;
  --color_jaune_neomedia: #bed001;
  --color_gristresfonce_neomedia: #696969;
  --color_grisfonce_neomedia: #969696;
  --color_grisclaire_neomedia: #c9c9c9;
  --color_grisclaireplus_neomedia: #eaeaea;

  /********************************/
  /*ANIMATION NORMAL**********/
  --anim_time1:0.8s;
  --anim_time2:0.4s;
  --anim_ease:ease-in-out;
  --anim_delay:0s;

  /********************************/
  /*VARIABLES HEADER **************/
  --header_font: 'Exo-Light';
  --header_mobile: 'Exo-Medium';
  --header_font_H: 12px;
  --header_bouton_h:40px;
  --header_bar_h:40px;
  --header_menu_h:110px;
  --header_menu_file:url("../../skin/curve.webp");
  
  --header_logo_file:url("../../skin/logo_neomedia.webp");
  --header_logo_ecart:40px;
  --header_logo_L:200px;
  --header_logo_H:60px;

  --header_separateur_ecart:22px;  
  --header_font_filiales_H: 14px; 
  --header_font_menu_H: 16px;
  --header_font_ssmenu_H: 14px;
  --header_ssmenu_L: 290px;
  --header_sociaux_h:22px;
  
  --header_padding_menu: 0px 20px 0px 20px;
  --header_padding_ssmenu: 12px 16px 12px 24px;
  
  /********************************/
  /*VARIABLES FOOTER **************/
  --footer_H:var(--header_bar_h);
  --footer_ecartL:var(--header_logo_ecart);
  --footer_font: var(--header_font);
  --footer_font_H:var(--header_font_H);

  /********************************/
  /*VARIABLES MAIN ****************/
  --ariane_h:80px;  
  --ariane_fleche_L:100px;  
  --ariane_font_fleche_h: 30px;
  --ariane_pos_L: 6px; 
  --ariane_pos_E: 20px; 
  --ariane_pose_H: 18px;
  --ariane_puce_left:var(--ariane_fleche_L);

  /********************************/
  /*VARIABLES POPUP ***************/
  --popup_ex:50px;  
  --popup_ey:80px;  
}


/* RESPONSIF

  - root.css
  - header.css
  - header-filiales.css
  - header-menu.css
  - footer.css


*/


@media (min-width: 860px) and (max-width: 1060px) {

    :root {

        --header_font_H: 10px;
        --header_bouton_h:30px;
        --header_bar_h:30px;
        --header_menu_h:90px;
    
        --header_logo_ecart:20px;
        --header_logo_L:180px;
        --header_logo_H:40px;

        --header_separateur_ecart:16px;  
        --header_font_filiales_H: 12px; 
        --header_font_menu_H: 14px;
        --header_font_ssmenu_H: 12px;
        --header_ssmenu_L: 220px;
        --header_sociaux_h:18px;
  
        --header_padding_menu: 0px 10px 0px 10px;
        --header_padding_ssmenu: 8px 0px 8px 18px;
        
        --ariane_fleche_L:100px;  
        --ariane_h:80px;
    }
}
@media (min-width: 730px) and (max-width: 860px) {

    :root {

        --header_font_H: 10px;
        --header_bouton_h:30px;
        --header_bar_h:30px;
        --header_menu_h:90px;
    
        --header_logo_ecart:20px;
        --header_logo_L:180px;
        --header_logo_H:40px;

        --header_separateur_ecart:16px;  
        --header_font_filiales_H: 12px; 
        --header_font_menu_H: 14px;
        --header_font_ssmenu_H: 12px;
        --header_ssmenu_L: 240px;
        --header_sociaux_h:18px;
  
        --header_padding_menu: 0px 10px 0px 10px;
        --header_padding_ssmenu: 8px 0px 8px 18px;
        
        --ariane_fleche_L:80px;
        --ariane_h:50px;
        --ariane_font_fleche_h: 20px; 
            
    }
}
@media (min-width: 580px) and (max-width: 730px) {

    :root {

        --header_font_H: 10px;
        --header_bouton_h:30px;
        --header_bar_h:30px;
        --header_menu_h:80px;
    
        --header_logo_ecart:10px;
        --header_logo_L:180px;
        --header_logo_H:30px;

        --header_separateur_ecart:16px;  
        --header_font_filiales_H: 10px; 
        --header_font_menu_H: 12px;
        --header_font_ssmenu_H: 10px;
        --header_ssmenu_L: 180px;
        --header_sociaux_h:18px;
  
        --header_padding_menu: 0px 8px 0px 8px;
        --header_padding_ssmenu: 4px 0px 4px 10px;
        
        --ariane_fleche_L:60px;
        --ariane_h:50px;
        --ariane_font_fleche_h: 20px; 
            
    }
}
@media (max-width: 580px) {

    :root {

        --header_font_H: 8px;
        --header_bouton_h:30px;
        --header_bar_h:30px;
        --header_menu_h:60px;
    
        --header_logo_ecart:10px;
        --header_logo_L:200px;
        --header_logo_H:40px;

        --header_separateur_ecart:16px;  
        --header_font_filiales_H: 10px; 
        --header_font_menu_H: 12px;
        --header_font_ssmenu_H: 10px;
        --header_ssmenu_L: 180px;
        --header_sociaux_h:18px;
  
        --header_padding_menu: 0px 8px 0px 8px;
        --header_padding_ssmenu: 4px 0px 4px 10px;
        
        --ariane_fleche_L:50px;
        --ariane_h:50px;
        --ariane_font_fleche_h: 20px; 
        --ariane_puce_left:20px;
        --ariane_pose_H: 12px;
        --ariane_pos_E: 10px; 
        --ariane_pos_L: 4px; 

        --popup_ex:20px;  
        --popup_ey:50px;  
            
    }
}