@import url(https://fonts.googleapis.com/css?family=Fredericka+the+Great);
body {
color: #000000;
background-color: #113956;
}
#global { background: #113956 url('bg-milieu.jpg') no-repeat center 13px; }
a { color: #000; }
a:hover { color: #777; }
/****************  AFFIXE & RACE  ***************/
h1 {
position: absolute;
display: block;
margin-left: 50px;
}
h1 a {
display: block;
margin-top: 63px;
color: #000;
font-size: 80px;
font-family: 'Fredericka the Great', cursive;
text-shadow: 0 0 10px #000;
}
h1 a:hover {
color: #000000;
text-shadow: 0 0 10px #fff inset;
}
h1 p {
position: relative;
top: -4px;
text-transform: uppercase;
text-align: right;
color: #000;
font-size: 13px;
bottom: -10px;
height: 22px;
line-height: 22px;
padding-right: 10px;
color: #fff;
}
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: #596e44; }
h3 { color: #555; }
.bgh3 { background-color: #F1F1F1; }
#aside-atara-bar, #aside-atara-bar .vign-atara { color: #FFFFFF; }
/*********** AFFIXE ***************/
#header-affixe { height: 200px; }
#header-affixe .affixe-supp {
display: none;
font-size: 240px;
top: 42px;
z-index: 1;
max-height: 215px;
text-shadow: 0 0 40px #000000;
position: absolute;
color: rgba(255, 255, 255, 0.2);
overflow: hidden;
font-family: 'Dynalight', cursive;
padding: 0 30px;
}
/****************  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: #487da2;
width: 9px;
height: 9px;
margin-right: 10px;
margin-top: 4px;
border-radius: 5px;
margin-bottom: 5px;
}
#nav-g-chats p .cub {
background-color: #CCC;
width: 8px;
height: 8px;
border-radius: 10px;
}
#nav-main { color: #fff; }
.actu-alaune { box-shadow: 0 0 2px #000; }
/**************** 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-color: #1f8b8a;*/ 
box-shadow: 0 0 2px #000;
background-color: #FFFFFF;
border: 0px;
}
/****************  MENU GAUCHE RUBRIQUES / RACES (NAV-G) ***************/
.nav-g-titre {
background-color: #487da2;
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; /* Vignette des menus */
width: 48px;
height: 48px;
position: absolute;
left: -34px;
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;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.6);
}
#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: #596e44;
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 {
margin: 0 2px 0 0;
background-color: #000;
background: rgb(255, 255, 255);
background: rgba(255, 255, 255, 0.8);
border-bottom: 0px;
border-left: 0px;
border-radius: 4px 4px 0 0;
line-height: 45px;
height: 45px;
font-size: 1.1em;
}
#rubcontact .a {
border: 1px solid #000;
margin-right: 0px;
}
#nav-main-bar ul li a:hover {
color: #fff;
background-color: #4a8bb9;
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: #042c48;
}
#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: #596e44; }
.p-sepa-box2 { border-color: #596e44; }
.liste_chatons .status .contact .fleche { border-color: transparent #596e44 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-color: #042c48;
box-shadow:0 0 20px #000;
}
/******** PIED *********/
#pied { }
#pied .affixe { color: #FFFFFF; }
#pied .siret, #pied .avertissement { 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 { 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, .liste-portees .parents .box, .paragraphe-rub, .liste_chatons .commentaire, input[type="submit"], .galeries-box .int, .actu-alaune, .lien-text, .livredor-messages .txt, .galeries-videos .autresvideos, .telechargement-box { font-size: 0.9em; }
#nav-g-chatons p, #nav-g-slide p { font-size: 1em; }
.liste-portees .parents .box { font-size: 1.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: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, .resultat-box:hover, .resultat-box-txt .manif, .telechargement-box:hover, .bar-annee, .bout-annee:hover, .bgh3, .actu-alaune, .galeries-videos .autresvideos .nb, .fiche-info .int { background-color: #f1f1f1; }
/* BORDER */
.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, .resultat-box:hover, .telechargement-box:hover, .galeries-box, .bar-annee .gras, .liste_chatons .boxprix { border: 1px solid #ccc; }
#nav-g-slide button { border: 1px solid #86d4d6; }
/* 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;
}