:root {  
/* BODY*/  
--main-body-color : #FFFFFF;
--main-section-main : #FFFFFF;
/* BANDE CDF */
--main-asideatara-bgcolor : #4e8b0a;
--main-asideatara-txtcolor : #FFF;
--main-asideatara-txtsize : .8em; 
/* BACKGROUND COLOR*/ 
--main-bg-color-0 	: transparent;
--main-bg-color-1 	: #c5ebb990;
--main-bg-color-1-h : #c5ebb980;
--main-bg-color-2 	: #FFFFFF35;
--main-bg-color-2-h : #FFFFFF50;
--main-bg-color-3 	: #66b607;
--main-bg-color-3-h : #66b60750;
--main-bg-color-4 	: #BDBDBD;
--main-bg-color-4-h : ##BDBDBD80;
/* TXT COLOR*/ 
--main-txt-color-1 : #217a03;
--main-txt-color-1-h : #2D940A;
--main-txt-color-2 : #ff830f;
--main-txt-color-2-h : #63350b;
--main-txt-color-3 : #565656;
--main-txt-color-3-h : #cccccc;
/* MENU HAUT */ 
--main-menu-xl-bg-color : #40be167e;
--main-menu-bg-color : #40be167e;
--main-menu-bg : #40be167e;
--main-menu-txtcolor : #FFF;
--main-menu-select : #fff;
--main-menu-txtcolorh : #fff;
--main-menu-txtsize : 1.3em;
--main-menu-txtype : uppercase;
/* MENU GAUCHE */
--main-nav-g-titre-bg : #30960c;
--main-nav-g-titre-txtcolor : #FFFFFF;
--main-nav-g-titre-txtsize : 1.1em;
--main-nav-g-rubrique-a-bgcolor : transparent ;
--main-nav-g-rubrique-a-bgcolorh : #80afb950 ;
--main-nav-g-rubrique-a-txtcolor : #61343c;
/* AFFIXE */ 
--main-affixe-border-color : #e6bb3a;
/* PAGE et ACTU */ 
--main-article-main-bgcolor : #FFFFFF; 
/* PIED*/
--main-footer-bgcolor : #fbfffa ;
--main-footer-txtcolor : #000;
--main-footer-a-txtcolor : #24a022;  
}

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-5.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 #00000050; }
h1 p { color: #207309 }
#header-affixe { height: 308px}

/* MENU HAUT */
#nav-main { background-color: var(--main-menu-bg); } 
#nav-main-bar ul li a { text-shadow: 0 0 6px #00000082; 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: #ffffff6b; color: var(--main-menu-txtcolorh);}
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { background-color: var(--main-menu-select); }
.icone-accueil { background: url('/media/vign-accueil-blanc.png') no-repeat 50% 50%; }
#nav-main { padding: var(--main-padding-15) 0 0 0; }

/* ACTU A LA UNE*/
.actu-alaune { background-color: #c5ebb990; max-width: 1200px; margin: 0 auto var(--main-margin-20) auto; }
.actu-alaune-h1	 	{ color: var(--main-txt-color-1); margin-bottom: var(--main-margin-10)}
.actu-alaune-img 	{ background-color: var(--main-bg-color-3);}
.actu-alaune  .actu-alaune-txt { color: #534f67; }
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { background-color: #31881fa3; border:0 }


/* 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-bg-color-1)}
.nav-g-box .selection { color: var(--main-txt-color-1); }
.nav-g-titre, #nav-g-slide p { text-shadow: 0 0 4px #00000070;  background-color: var(--main-nav-g-titre-bg);  color: var(--main-nav-g-titre-txtcolor); font-size: var(--main-nav-g-titre-txtsize); }
#rubaccueil { border:1px solid var(--main-bg-color-2); }
.nav-g-titre a  { color: var(--main-nav-g-titre-txtcolor)}
.nav-g-rubrique { background-color: var(--main-bg-color-1) }
.nav-g-rubrique a, .aucun-menu 	{ background-color: var(--main-nav-g-rubrique-a-bgcolor); color: var(--main-nav-g-rubrique-a-txtcolor); }
.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, .nav-g-box, #nav-g-races a			{  box-shadow: 0 0 8px #00000020}
.article-duo, .article-main { background-color: var(--main-article-main-bgcolor); }
.livredor-messages { border: 1px solid var(--main-bg-color-3);}
.livredor-messages .titre { color: var(--main-txt-color-1); }
.actu-alaune-h1, 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, h1 p, #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: 1000px) {
#nav-main-bar ul li a {  font-size: 1.15em; }
@media (max-width: 800px) {
	#global {  background-image: url(bg-mobile-5.jpg); }
	.iamenu-show .menumobile-bout a:hover { border: 2px solid var(--main-bg-color-5); 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) }	
}