:root{
    --color1: #DA1307;
    --color2:#203C63;
    --gray1:#444444;
    --gray2:#CCCCCC;
    --gray3:#EEEEEE;
    --text:#000000;
    --text1:#FFFFFF;  /*Couleur du texte pour la color1 **/
    --text2:#FFFFFF;  /*Couleur du texte pour la color2 **/
    --font1:verdana;
    --font2:Oswald, verdana;
    
    /** Boutons **/
    --button-primary-bg:var(--color2);
    --button-primary-hover-bg:var(--color1);
    --button-primary-border-bg:var(--color2);
    --button-primary-border-hover-bg:var(--color1);
    --button-primary-color:var(--text2);
    --button-primary-hover-color:var(--text1);
  
    --button-secondary-bg:var(--gray1);
    --button-secondary-hover-bg:var(--gray3);
    --button-secondary-color:var(--gray3);
    --button-secondary-hover-color:var(--gray1);
  
    /** Titres**/
    --h1-bg:var(--color1);
    --h1-color:var(--text1);
    --h2-color:var(--text);
    --h3-color:var(--text);
   
    /** Liens **/
    --a-color:var(--color1);
    --a-hover-color:var(--color2);
    
    /** Body **/
    --body-bg:#FFFFFF;
    --body-color:var(--text);
    
    /** Top **/
    --top-bg:var(--color2);
    --top-color:#FFFFFF;
    --top-a-hover-color:var(--color2);
    
    /** Info bar **/
    --info-bg:#FAFAFA;
    --info-color:#888888;
    
    /** Menu **/
    --menu-bg:var(--color2);
    --menu-border-bg:var(--color1);
    --menu-color:var(--text2);
    --menu-hover-bg:#FAFAFA;
    --menu-border-hover-bg:var(--color1);
    --menu-hover-color:#222222;
    
    /** Footer **/
    --footer-bg:var(--color2);
    --footer-color:#FFFFFF;
    --footer-a-hover-color:var(--color2);
    --footer-bullet-color:var(--color1);
    --footer-border-bg:var(--gray3);
  
    /** Bottom **/
    --bottom-bg:#000000;
    --bottom-color:#FFFFFF;
  
    /** Sections **/
    --main-bg:#DDDDDD;
    --main-content-bg:#FFFFFF;
    --section-bordered-color:#DDDDDD;
    --login-bg:#e5e5e5;
  
    /** Home **/
    --home-article-bg:var(--gray3);
    --home-products-bg:var(--gray3);
    --themes-bg:#FFFFFF;
  
    /** Slidebar mobile **/
    --slidebar-bg:#222222;
    --slidebar-a-color:#FFFFFF;
    --slidebar-a-hover-color:var(--color1);
    --slidebar-a-hover-bg:#111111;
  
    /** Carte **/
    --map-circle-bg: var(--color1);
  
    /** Facebook **/
    --widget-facebook-bg: var(--color1);
    --widget-facebook-color: var(--text1);
  
    /** Liste des produits **/
    --category-a-color:#000000;
    --category-a-hover-color:var(--color1);
  
  }

  header .top .topBar .navbar a:hover {
    color: #FFC107;
}
  
  h1 {
    background-image: url(../images/custom/menuTop.png);
    background-repeat: repeat-x;
    text-shadow: 1px 2px 2px #000;
    font-size: 26px;
    padding-top:10px;
    padding-bottom:10px;
    box-shadow: inset 1px 1px 8px #000;
  }
  
  footer{
   background-image:none;
  }