@import url(https://fonts.googleapis.com/css?family=Oleo+Script);
@import url(https://fonts.googleapis.com/css?family=Qwigley);
body {
color: #000000;
background: url('bg.png') repeat center top fixed;
}
#global {
background: url('bg-milieu.jpg') no-repeat center 14px; 
}
a { color: #000; }
a:hover { color: #777; }
/****************  AFFIXE & RACE  ***************/
h1 { position:absolute; margin:auto;  }
h1 a {
display:block;
color: #FFFFFF;
font-size: 60px;
margin-top:50px;
margin-left:70px;
text-shadow: 0 0 4px #000000;
font-family: 'Oleo Script', cursive;
} 
h1 a:hover {
color: #000000;
text-shadow: 0 0 10px #fff;
}
h1 p {
position:relative;
top:-10px;
color:#000;
text-align:right;
font-size: 30px;
top: -10px;
text-shadow: 0 0 4px #3b9cda;	
padding:5px;
font-family: 'Qwigley', cursive;
}
h2 {
font-size: 1.6em;
margin-bottom: 15px;
}
h3 {
font-size: 1.1em;
margin-bottom: 15px;
margin-top: -10px;
}
h4 {
font-size: 16px;
font-weight: bold;
margin-top: 25px;
text-transform: uppercase;
text-align: left;
}
h2, .livredor-messages .titre, .coul, .liste_chatons .boxprix .prix { color: #3b9cda; }
h3 { color:#555;}

.bgh3 { background-color: #F1F1F1; }
#aside-atara-bar, #aside-atara-bar .vign-atara { color: #FFFFFF; }
/*********** AFFIXE ***************/
/****************  MENU HAUT (NAV-MAIN)  ***************/
#nav-main, #nav-main-bar ul li a,  #section-main { 
display: block;
margin: 0 0.5px;
/*border-right:1px solid #b7e393;*/
}
#rubcontact { margin-right:0;}
.nav-g-rubrique a .cub, #nav-g-chats a .cub, .nav-g-chatons-a .cub, #nav-g-slide .car-lien .cub {
background-color:#fbb020;
width: 10px;
height: 10px;
border-radius:5px;
margin-right: 10px;
margin-top: 4px;
margin-bottom:5px;
}
#nav-g-chats p .cub {
background-color: #CCC;
width: 8px;
height: 8px;
border-radius: 10px;
}

.actu-alaune { border:1px solid #CCC; border-bottom:0; }

/**************** SECTION MAIN  ***************/
#section-main, #nav-g-chatons, #nav-g-slide {  }
#section-main {}
.article-duo, .article-main, .article-main-max, #nav-g-chatons, #nav-g-slide, .nav-g-chatons-a {
border:1px solid #CCC;
background-color: #FFFFFF;
}
/****************  MENU GAUCHE RUBRIQUES / RACES (NAV-G) ***************/
.nav-g-titre {
height: 33px;
line-height: 33px;
padding-left: 20px;
font-weight:bold;
position: relative;
color:#FFF;
}
.nav-deco { 
background: url('nav-deco.png') no-repeat 0 0; /* Vignette des menus */
width: 38px;
height: 51px;
position: absolute;
left: -25px;
top: -9px;
display: block;
}
#nav-g-chats, .nav-g-rubrique, #nav-g-chatons {
border: 1px solid #ccc;
background-color: #FFF;
padding: 4px 4px 0 4px;
}
#nav-g-chats a, .nav-g-rubrique a, #nav-g-chats .nav-g-rub-bottom, #nav-g-chats p {
padding: 8px 0 8px 13px;
border-width: 0px;  
border-color: #000; 
margin-bottom: 0px; 
background-color: #F1F1F1; 
margin-bottom: 4px;
}
#nav-g-races .nav-g-races-bottom {
border-width: 0px;  
border-color: #000; 
margin-bottom: 4px; 
}

#nav-g-races a {
margin-bottom: 4px; 
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.2);
}

#nav-g-races a .vign { border-radius: 20px; } /* Vignettes menu race*/
.nav-g-rubrique a:hover { background-color: #CCC; }
#nav-g-chats a:hover, #nav-g-races a:hover, #nav-g-slide .car-lien:hover { background-color: #ccc; }
#nav-g-chats a:hover, .nav-g-rubrique a:hover { padding-left: 18px; }
#nav-g-races p { font-size: 18px; }
.nav-g-sepa { border-color: #555; }
/************* couleur principal *************/
.nav-g-titre, .box-chats-etat, .resultat-box-txt .manif,  .liste_chatons .status .contact {
background-color: #3b9cda;
}
#nav-g-chats .select, .nav-g-rubrique .selection {
/*border: 1px solid #ccc;*/
font-weight: bold;
}

#nav-main-bar ul li a {
border-radius:4px 4px 0 0;
color:#fff;
font-size:1.1em; 
background: rgb(1, 126, 209);
background: rgba(1, 126, 209, 0.7);
border:1px solid #017ed1;
border-bottom:0px;
line-height:45px; 
height:45px; 
}
#nav-main-bar ul li a:hover {
color: #fff;
background-color: #fc9107;
}
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { 
color:#FFFFFF;
background-color: #fc9107;
border-color:#fc9107;
}

.p-sepa-box1, .p-sepa-box3 { background-color: #14347d; }
.p-sepa-box2 { border-color: #14347d; }
.liste_chatons .status .contact .fleche { border-color: transparent #14347d transparent transparent; }
/************* PAGES **************************/
#nav-g-chats a, .article-main, #nav-g-races a, #nav-g-chats p {
border-style: solid; /* border des pages et rubriques */
}
#section-main-page {
min-height: 500px;
max-width: 960px;
padding: 10px;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.6);
border:0;
}
/******** PIED *********/
#pied { width:980px; margin:auto; border-top: 5px solid #0f255a; }
#pied .affixe { color: #000; }
#pied .siret, #pied .avertissement { color: #3b9cda; }
/******** FORMULAIRE ************/
input[type="submit"] {
box-shadow: 0 0 1px #000;
background-image: linear-gradient(#f1f1f1, #d7d7d7);
border: 1px solid #FFFFFF;
}
input[type="submit"]:hover {
box-shadow: 0 0 3px #555;
background-image: linear-gradient(#d7d7d7, #f1f1f1);
border: 1px solid #555;
}
/************* DIVERS *************************/
#nav-g-chats .selection, .nav-g-rubrique .selection { background-color: #fff; }
#nav-g-races .selection {
font-weight: bold;
text-shadow: 0 0 5px #555;
}
.fiche-titre .info .ville { color: #555555; }

/* TAILLE DES POLICES */
#aside-atara-bar .vign-atara 
{ font-size:0.7em;}
.nompere, .nommere, .liste_chatons .infocdf, #aside-atara-bar .vign-atara, .box-chats .out .nom, .box-chats-etat,
.fiche-titre .info, .galeries-photos .int,  #nav-g-slide .chatonalaune .car-slide, 
.liste_chatons .nom .gris, #pied .cdf, #pied .avertissement, .p-agpere .p-lien, .p-agmere .p-lien, .p-pere, .p-mere, .p-gpere, .p-gmere, .p-agpere, .p-agmere,
#pied .siret, .liste_chatons .nom .boxprix .int, .box-chats-petit .out .nom, .pedigree-box .pedinomargrd,  .galeries-videos .autresvideos .nb
{ font-size: 0.8em; }
.liste_chatons, .article-main-nav, .actu-alaune-txt, #nav-g-chats a, .nav-g-rubrique a, #nav-g-races a .position-race, 
.fiche-parents .fp-int, .paragraphe div span, .paragraphe-rub, .liste_chatons .commentaire, input[type="submit"], .galeries-box .int, 
.actu-alaune, .lien-text, .livredor-messages .txt, .galeries-videos .autresvideos, .telechargement-box, .liste-portees .parents .box .gras
{ font-size: 0.9em; }
#nav-g-chatons p, #nav-g-slide p 
{ font-size: 1em;}
h3, .liste_chatons .nom, .p-lien, .fiche-pedigree:hover 
{ font-size: 1.1em; }
.contact-tel .cont 
{ font-size: 1.3em; }
h2 
{ font-size: 1.5em; }


.fiche-retour-bas {  background-color: #3b9cda; color:#FFF; border: 1px solid #3b9cda;}

/* COULEUR FOND */
.liste_chatons .boxprix, .resultat-box-img, #nav-g-slide .chatonalaune, .liste_chatons .boximg .grd, .fiche-img-vide, #nav-g-races a .vign, 
.box-chats-petit .out .in, .fiche-img-vide, .fiche-parents .imgparents, .fiche-retour-bas:hover, .fiche-retour:hover, .pedigree-box-first:hover, 
.pedigree-box:hover, .contact-tel, .paragraphe-rub p, .liste-portees .imgportee, 
.liste-portees .parents .box .imgbox, .liste_chatons h4, .message, .information, .livredor-messages .nom, 
.resultat-box:hover, .resultat-box-txt .manif, .telechargement-box:hover, .bar-annee, .actu-alaune,
.bout-annee:hover, .bgh3, .galeries-videos .autresvideos .nb, .fiche-info .int
{ background-color: #b8e2ff; }

/* BORDER */
.box-chats, .box-chats-petit, .fiche-info .int, .fiche-info .cont, .fiche-parents, .fiche-pedigree, .fiche-parents:hover, .fiche-pedigree:hover, 
.fiche-titre,  .liste_chatons .box, .resultat-box:hover, .telechargement-box:hover, 
.galeries-box, .bar-annee .gras, .liste_chatons .boxprix 
{ border: 1px solid #99caec; } 

#nav-g-slide button { border:1px solid #ccc;}

/* DIVERS */
.flechehaut { width:50px; height:51px; display:block; background: url('https://sev4.chats-de-france.com/media/backtop-blanc.png') no-repeat 50% 50%;}
.liste_chatons .boxprix {border-top:0;border-right:0;}