@import url(https://fonts.googleapis.com/css?family=Dynalight);
body {
color: #000000;
background: #2db1d3 url('bg-milieu.jpg') no-repeat center 24px; 
}

a { color: #000; }
a:hover { color: #777; }
/****************  AFFIXE & RACE  ***************/
h1 {
position:absolute;
top: 40px;	
margin-left: 30px;
}
h1 a {
color: #fff;
text-shadow: 0 0 5px #000;
font-size: 90px;
font-family: 'Dynalight', cursive;
padding-left:20px;
}
h1 a:hover {
color: #9e7023;
text-shadow: 0 0 10px #fff inset;
}
h1 p {
position: relative;
top: 8px;
text-transform: uppercase;
text-align: right;
color: #000;
font-size: 14px; 
text-shadow: 0 0 2px #000;
top:-5px;
}
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: #08596f; }
h3 { color: #555; }
.bgh3 { background-color: #F1F1F1; }
#aside-atara-bar, #aside-atara-bar .vign-atara { color: #FFFFFF; }
/*********** AFFIXE ***************/
#header-affixe { /*background: url('bg-haut.jpg') top center; */ }
#header-affixe .affixe-supp {
display:none;
}
/****************  MENU HAUT (NAV-MAIN)  ***************/
#nav-main, #nav-main-bar ul li a, #section-main {
display: block; 
margin: 0 0;
}
.nav-g-rubrique a .cub, #nav-g-chats a .cub, .nav-g-chatons-a .cub, #nav-g-slide .car-lien .cub {
background-color: #08596f;
transform: rotate(-45deg);
box-shadow: 0 0 4px #000 inset;
width: 10px;
height: 10px;
margin-right: 10px;
margin-top: 4px;
margin-bottom: 5px;
}
#nav-g-chats p .cub {
background-color: #CCC;
width: 8px;
height: 8px;
border-radius: 10px;
}
#nav-main { color: #fff; }

/**************** 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 {
background-color: #FFFFFF;
border: 1px solid #CCC;
}
/****************  MENU GAUCHE RUBRIQUES / RACES (NAV-G) ***************/
.nav-g-titre {
background: #08596f;
height: 33px;
line-height: 33px;
padding-left: 16px;
font-size: 1.1em;
position: relative;
font-weight:bold;
color:#fff;
}
.nav-deco { 
background: url('nav-deco.png') no-repeat 0 0;
width: 41px;
height: 33px;
position: absolute;
left: -35px;
top: 0px;
display: block;
}
#nav-g-chats, .nav-g-rubrique, #nav-g-chatons {
border-bottom: 1px solid #555;
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 ou pas */
border-color: #000; /* Couleur des border */
margin-bottom: 0px; /* Espace entre les boutons */
background-color: #F1F1F1; /*  Couleur de fond */
margin-bottom: 4px;
}
#nav-g-races .nav-g-races-bottom {
border-width: 0px;  /* Border ou pas */
border-color: #000; /* Couleur des border */
margin-bottom: 4px; /* Espace entre les boutons */
}
#nav-g-races a {
margin-bottom: 4px;
background-color:#FFF;
}
#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 *************/
.box-chats-etat, .resultat-box-txt .manif,  .liste_chatons .status .contact {
background-color: #08596f;
color: #fff;
}
#nav-g-chats .select, .nav-g-rubrique .selection { /*border: 1px solid #ccc;*/
font-weight: bold; }
.nav-g-rubrique .selection { background-color: #FFF; }

#nav-main-bar ul li a {
background-color:#08596f;
border:1px solid #023f50;
border-bottom: 0px;
border-radius: 4px 4px 0 0;
line-height: 40px;
height: 40px;
color: #fff;
margin-right:1px;
font-size: 1.1em;
}
#nav-main-bar ul li a:hover {
color: #fff;
background-color: #69d2ef;
text-shadow: 0 0 4px #000000;
}
#rubaccueil a.nav-main-selection-acc, #nav-main-bar ul li a.nav-main-selection {
border-radius: 4px 4px 0 0;
color: #fff;
background-color: #69d2ef;
}
	#nav-main-bar ul li#rubcontact a { margin-right:0;}
#rubaccueil a .icone-accueil, #rubaccueil a.nav-main-selection-acc .icone-accueil {background: url('https://sev4.chats-de-france.com/media/vign-accueil-blanc.png') no-repeat 50% 50%; }

.p-sepa-box1, .p-sepa-box3 { background-color: #08596f; }
.p-sepa-box2 { border-color: #08596f; }
.liste_chatons .status .contact .fleche { border-color: transparent #08596f 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 {
box-shadow: 0 0 20px #000;
min-height: 500px;
max-width: 960px;
padding: 10px;
background-color:#08596f;
background: rgb(8, 89, 111);
background: rgba(8, 89, 111, 0.7);
border-top:1px solid #000;
}
/******** PIED *********/

#pied .affixe { color: #FFFFFF; }
#pied .siret, #pied .avertissement  { color: #40260d; }
 #pied .cdf a { color: #CCCCCC; }
/******** 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 { background-color: #ccc; }
#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, .fiche-retour-bas 
{ font-size: 0.8em; }
.liste_chatons, .liste-portees .parents, .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, .resultat-box 
{ 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; }
/* 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, .fiche-retour-bas:hover, .fiche-retour:hover, .pedigree-box-first:hover, .pedigree-box:hover, .galeries-photos a, 
.contact-tel, .paragraphe-rub p, .liste-portees .imgportee, .liste-portees .parents .box .imgbox, .liste_chatons h4, .message, .information, 
.livredor-messages .nom, #nav-g-slide button,  .telechargement-box:hover, .bar-annee, .bout-annee:hover, .bgh3, .actu-alaune, 
.galeries-videos .autresvideos .nb, .fiche-info .int 
{ background-color: #e3efda; }
/* BORDER */
.actu-alaune, .box-chats, .box-chats-petit, .fiche-info .int, .fiche-info .cont, .fiche-parents, .fiche-pedigree, .fiche-parents:hover, .fiche-pedigree:hover, .fiche-titre, 
.fiche-retour-bas,   .liste_chatons .box, .telechargement-box:hover, .galeries-box, .bar-annee .gras, .liste_chatons .boxprix 
{ border: 1px solid #CCC	; }
#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;
}
.actu-alaune { border-bottom:0;}