:root {  
/* BODY*/ 
--main-body-color : #e3bf8f;
--main-section-main : #3a220b8f;
/* BANDE CDF */
--main-asideatara-bgcolor : #44383c;
--main-asideatara-txtcolor : #cccccc;
--main-asideatara-txtsize : .8em; 
/* BACKGROUND COLOR*/ 
--main-bg-color-0 	: transparent;
--main-bg-color-1 	: #e8e8e880;
--main-bg-color-1-h : #e8e8e8;
--main-bg-color-2 	: #D5D5D5;
--main-bg-color-2-h : #D5D5D580;
--main-bg-color-3 	: #a0a0a0;
--main-bg-color-3-h : #949494;
--main-bg-color-4 	: #8B5823;
--main-bg-color-4-h : #874F16;
/* TXT COLOR*/ 
--main-txt-color-1 : #9e6e3d;
--main-txt-color-1-h : #C06E19;
--main-txt-color-2 : #bd1212;
--main-txt-color-2-h : #420303;
--main-txt-color-3 : #555555;
--main-txt-color-3-h : #1A1A1A;
/* MENU HAUT */ 
--main-menu-xl-bg-color : #87735c80;
--main-menu-bg-color : #87735c80;
--main-menu-txtcolor : #fff;
--main-menu-select : #532C05;
--main-menu-txtcolorh : #98530D;
--main-menu-txtsize : 1.3em;
--main-menu-txtype : uppercase;
/* MENU GAUCHE */
--main-navgbox-bg : #5e4a31ba;
--main-nav-g-titre-bg : #453321;
--main-nav-g-titre-txtcolor : #fff;
--main-nav-g-titre-txtsize : 1.1em;
--main-nav-g-rubrique-a-bgcolor : transparent;
--main-nav-g-rubrique-a-bgcolorh : #FFFFFF70 ;
--main-nav-g-rubrique-a-txtcolor : #FFF;
/* ACTU */   
--main-actu-alaune-bg-color : #0000006b;
--main-actu-alaune-titre : #fff;
--main-actu-alaune-txt : #ccc;
/* AFFIXE */ 
--main-affixe-border-color : #44383c;
/* PAGE */ 
--main-allpage-bg-color : #3b2d22;
--main-article-main-bgcolor : #FFFFFF;
/* PIED*/
--main-footer-bgcolor : #b5b5b530 ;
--main-footer-txtcolor : #000;
--main-footer-a-txtcolor : #6F2B0C;  
}

a  { color:  var(--main-txt-color-3); } 

body {
font-family: 'Calibri', sans-serif;  
color:  var(--main-txt-color) !important;
background-color: var(--main-body-color); 
}

#global {  
background-image: url(bg-global-4.jpg);
background-position: center top;
background-repeat: no-repeat;
}

/* HAUT */
#aside-atara { background-color: var(--main-asideatara-bgcolor);  font-size: var(--main-asideatara-txtsize); color: var(--main-asideatara-txtcolor); }
#aside-atara a { color: var(--main-asideatara-txtcolor);  }
h1 a { color:#FFF; font-size: 4em; text-shadow: 0 1px 1px var(--main-affixe-border-color), 0 -1px 1px var(--main-affixe-border-color), 1px 0 1px var(--main-affixe-border-color), -1px 0 1px var(--main-affixe-border-color), 0 0 10px #00000080; }
#header-affixe { height: 350px}
h1 p { background-color: #79420c6e; color: #f5f5f5; padding: 5px 20px; border-radius:8px; display: block;  }

/* MENU HAUT */
#nav-main { background-color: var(--main-menu-xl-bg-color);  }
#nav-main ul { background-color: #623c1080;  padding: 15px 0    }
#nav-main-bar ul li a {  text-transform: var(--main-menu-txtype); font-size: var(--main-menu-txtsize); color: var(--main-menu-txtcolor);}
#nav-main-bar ul li a:hover { background-color: var(--main-bg-color-1-h); color: var(--main-menu-txtcolorh);}
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { background-color: #eecca066; }
.icone-accueil { background: url('/media/vign-accueil-blanc.png') no-repeat 50% 50%; }

/* ACTU A LA UNE*/
.actu-alaune { border: 1px solid #00000050; background-color: var(--main-actu-alaune-bg-color); max-width: 1200px; margin: 0 auto var(--main-margin-20) auto; }
.actu-alaune-h1	 	{ color: var(--main-actu-alaune-titre); margin-bottom: var(--main-margin-10)}
.actu-alaune-img 	{ background-color: var(--main-bg-color-3);}
.actu-alaune  .actu-alaune-txt { color: var(--main-actu-alaune-txt); } 

/* PAGE STRUCTURE */
#section-main 		{   box-shadow: 0 0 ;  }
#section-main-page 	{ background-color: var(--main-bg-color-0);}

/* MENU GAUCHE */
.nav-g-box			{  background-color: var(--main-navgbox-bg);}
.nav-g-box .selection { color: var(--main-txt-color-1); }
.nav-g-titre, #nav-g-slide p {  background-image: url(texture-5.png); background-color: var(--main-nav-g-titre-bg); border-bottom: 0px; color: var(--main-nav-g-titre-txtcolor); font-size: var(--main-nav-g-titre-txtsize); }
#rubaccueil { border:0px }
.nav-g-titre a  { color: var(--main-nav-g-titre-txtcolor)}
.nav-g-rubrique {   }
#nav-g-slide button, #nav-g-races a, .nav-g-rubrique a, .aucun-menu 	{ background-color: var(--main-nav-g-rubrique-a-bgcolor); color: var(--main-nav-g-rubrique-a-txtcolor) !important; }
.nav-g-rubrique a:hover { background-color: var(--main-bg-color-2-h);}
.nav-deco { display: none}
#nav-g-races a { background-color: var(--main-bg-color-1) }
#nav-g-races a:hover { background-color: var(--main-bg-color-1-h) }
#nav-g-races a .vign { background-color: var(--main-bg-color-1); }

/* PAGE */
.article-duo, .article-main { background-color: var(--main-article-main-bgcolor)}
.nav-g-box, .actu-alaune, .article-duo, .article-main { box-shadow: 0 0 5px #00000050 }
.livredor-messages { border: 1px solid var(--main-bg-color-3);}
.livredor-messages .titre { color: var(--main-txt-color-1); }
h2, .paragraphe h2 { font-size:1.45em; color: var(--main-txt-color-1);} 
.paragraphe p 		{ color: var(--main-txt-color-3)}
h3 { color: var(--main-txt-color-2); }
h4 { font-size: 1.2em;   color: var(--main-txt-color-1); font-weight: bold }
.fiche-info .int { color:var(--main-txt-color-2); background-color: var(--main-bg-color-1);  }
.fiche-info .cont { border: 1px solid var(--main-bg-color-1); }
.fiche-regroup-parents a { background-color: var(--main-bg-color-1);  }
.fiche-branche {  border: 1px solid var(--main-bg-color-1); }
.fiche-pedigree { border: 1px solid var(--main-bg-color-1);  background-color: var(--main-bg-color-4); }
.fiche-pedigree:hover { background-color: var(--main-bg-color-1); }
.fiche-titre { background-color: var(--main-bg-color-1); }
.information {  border: 1px solid var(--main-bg-color-3); }
.email-invisible, .sollicite { color: var(--main-txt-color-2) }
.jcarousel-skin-tango .jcarousel-item {	background-color: var(--main-bg-color-3); }
#nav-g-slide button { background-color: var(--main-bg-color-3);}
#nav-g-slide button:hover { background-color: var(--main-bg-color-3-h); }
#nav-g-slide .chiotalaune .car-slide { background-color: #000; color: #FFFFFF;  background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.6) }
.liste_chiots .boximg .grd, .liste_chiots .boximg .grdvide { background-color: var(--main-bg-color-1);}
.liste_chiots .box-chiot:hover  { border: 1px solid var(--main-bg-color-3-h);}
.box-chiot .box-regroup .boxprix .prix  { color: var(--main-txt-color-2); font-size: 1.2em}
 .box-regroup .boxprix {  background-color: var(--main-bg-color-4); padding: 5px; padding: 5px 15px; text-align: right;}
.box-regroup .status a { background-color: var(--main-bg-color-4)  }
.box-regroup .status a:hover { background-color: var(--main-bg-color-4-h);  }
.infocdf { color:var(--main-txt-color-1)}
.info_portee {  margin-bottom: var(--main-margin-20);     border: 1px solid var(--main-bg-color-3); }
.info_portee_img {  margin-bottom: var(--main-margin-20); }
.galeries-box, .box-chiens, .actu-box, .galeries-photos-box, .telechargement-box  { border: 1px solid var(--main-bg-color-3);   }
.galeries-box:hover, .actu-box:hover, .galeries-photos-box:hover  { border: 1px solid var(--main-bg-color-2); background-color: var(--main-bg-color-2); }
.liste-portees { border : 1px solid var(--main-bg-color-3);}
.liste-portees:hover { background-color:  var(--main-bg-color-1-h)}
.liste-portees .regroup .int p:first-child { color: var(--main-txt-color-2); }
.liste-portees .parents .box { background-color: transparent;  }
.liste-portees .parents .box .nom .gras {background-color: var(--main-bg-color-4); color:var(--main-txt3-txt); }
.galeries-box .gb-img .nb { color: var(--main-txt-color-2) }
.bar-annee a {  background-color: var(--main-bg-color-4) }
.bar-annee a:hover { background-color: var(--main-bg-color-1-h) }
.telechargement-box-dl { background-color: var(--main-bg-color-3); border: 1px solid  var(--main-bg-color-3); }
.telechargement-box-dl:hover {background-color: var(--main-bg-color-1); border: 1px solid  var(--main-bg-color-1);  }
.telechargement-box .regroup .gras { color: var(--main-txt-color-1); }
.resultat-box {  border: 1px solid var(--main-bg-color-3); display: flex; flex-wrap: wrap}
.resultat-box:hover { border: 1px solid var(--main-bg-color-1);  background-color: var(--main-bg-color-1-h); }
.resultat-box-img {  background-color: var(--main-bg-color-3);    }
.resultat-box-txt .manif { color: var(--main-txt-color-1);   }
.resultat-box-txt .upper { color: var(--main-txt-color-2); }
.resultat-box .lien-nom { color: var(--main-txt-color-1)}
.information .gras {color: var(--main-txt-color-1); font-weight: bold;  }
.contact-tel .titre {color: var(--main-txt-color-1);}
.contact-tel .int { color: var(--main-txt-color-1);}
.contact-tel .u { background-color: var(--main-bg-color-3); }
.contact-rs {color: var(--main-txt-color-1);}
.contact-nom {color: var(--main-txt-color-2);}

.info-contact tr td { border: 1px solid var(--main-txt-color-2); }
.info-contact tr td:first-child {  color: var(--main-txt-color-2)}
.info-contact a { color: var(--main-txt-color-3); }
.info-contact-plan, .info-contact-qrcode {  color: var(--main-txt-color-3)}
div.button, button, [type=submit] { background: var(--main-bg-color-4); } 
.actu-box:hover { display: flex; background-color: var(--main-bg-color-1-h)}
.actu-box .actu-alaune-img, .actu-box .actu-alaune-img-vide {  background-color: var(--main-bg-color-1) }
.actu-box .actu-alaune-h1 {color: var(--main-txt-color-2); }
.actu-publie { color : var(--main-txt-color-2)}
.liste-fiche-resultat .fiche-titre .titre { color: var(--main-txt-color-1)}
.box-chiens:hover	{ background-color: var(--main-bg-color-1-h)}
.box-chiens .nom 	{ color: var(--main-txt-color-3); }
.box-chiens-etat-bas { background-color: var(--main-bg-color-4); }

.liste-portees .parents .box .nom .gras, .bar-annee a, .bar-annee a, .fiche-pedigree, .boxprix, .box-chiot .box-regroup .boxprix .prix, .box-regroup .status a   {
    background-color: var(--main-bg-color-4);
    color: #FFF;
}
/* VIA https://css.gg/ */ 
.rond-vide { color: var(--main-bg-color-3) } 

/* PIED */
footer {  background-color: var(--main-footer-bgcolor); color: var(--main-footer-txtcolor)}
footer a { color: var(--main-footer-a-txtcolor)}
 

#nav-main-bar ul li a, #rubaccueil, #nav-g-races a, .article-main, .article-duo, .information, .telechargement-box-dl,
.iamenu-show .menumobile-bout, .raccourci-bout a, .actu-alaune, input[type=text], input[type=date], input[type=number], input[type=email], 
input[type=file], input[type=range], input[type=password], input[type=tel], textarea, select, div.button, button, [type=submit], .nav-g-box, 
.nav-g-rubrique, #menumobile, .nav-g-titre, #nav-g-slide p, #nav-g-races a .vign  img { border-radius: 0px; }

@media (max-width: 800px) {
	#global {  background-image: url(bg-mobile-4.jpg); }
	.iamenu-show .menumobile-bout a:hover { border: 2px solid var(--main-bg-color-4); color: #000 }
	.iamenu-show .menumobile-titre { color: var(--main-txt-color-1); }
	.article-main { padding: 20px;   }
	#section-main-page { padding: 0; background-color: transparent}
}

@media (max-width: 500px) { 
	.menurub { color: #FFF; padding: 10px 10px !important; background-color: rgba(255,255,255,0.2) }	
}