h1 a { font-family: 'Great Vibes', cursive }
body { color: #000; background: #756752 url('bg-milieu.jpg') no-repeat center 0 fixed }
h2, .livredor-messages .titre, .coul, .liste_chiots .boxprix .prix { color: #513418 }
h1 a { display: block; height: 257px; width: 980px; background: url(affixe.png) no-repeat 60px 30px; ; }
#header-affixe { min-height: 280px }
#section-main-page { background: rgba(88, 52, 19, 0.5) }
#nav-main-bar { background: url('bgmenu.jpg') repeat 0 0; padding: 8px; width: 964px; border-bottom: 4px solid #2a232d }
#nav-main-bar ul li a:hover { color: #fff; background-color: rgba(255,255,255,.2); border-color: #000 }
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { color: #fff; background-image: none; background-color: rgba(0,0,0,.4); border-color: #000 }
#nav-main-bar ul li a.nav-main-selection { background-color: rgba(0,0,0,.4); border-color: #fec502 }
.icone-accueil { background: url(/media/vign-accueil-blanc.png) no-repeat 50% 50%; }
.box-chiens-etat, .resultat-box-txt .manif, .liste_chiots .status .contact, .p-sepa-box1, .p-sepa-box3, .nav-g-titre { background-color: #001; color: #fff }
.nav-g-rubrique a .cub { width: 12px; height: 12px; margin-right: 10px; margin-top: 1px; margin-bottom: 5px; background-color: #585555; }
.article-duo, .article-main, .article-main-max, .nav-g-rubrique, #nav-g-slide { border: 0px; background-color: #FFFFFF }
#pied .affixe, #pied .cdf a { color: #cdcdcd }
#pied .siret, #pied .avertissement { color: #cdcdcd }
a { color: #000 }
a:hover { color: #000 }
h2 { margin-bottom: 15px }
h3 { margin-bottom: 15px; margin-top: -10px; color: #555 }
.bgh3 { background-color: #F1F1F1 }
h4 { font-size: 16px; font-weight: bold; margin-top: 25px; text-transform: uppercase; text-align: left }
#aside-atara-bar, #aside-atara-bar .vign-atara { color: #FFFFFF }
#nav-main-bar ul li a, #section-main { display: block; margin: 0 0 }
.actu-alaune { background-color: #fec502; margin-bottom: 10px; line-height: normal; height: 80px }
.actu-alaune .actu-alaune-h1 { color: #FFF; font-weight: normal; text-transform: uppercase }
.nav-g-rubrique { padding: 4px 4px 1px 4px }
#nav-main-bar ul li a { margin-right: 2px; border-bottom: 0; line-height: 45px; height: 45px; font-size: 1em; text-transform: uppercase; color: #fff }
#rubaccueil a.nav-main-selection-acc .icone-accueil, #rubaccueil a:hover .icone-accueil { background: url(/media/vign-accueil-blanc.png) no-repeat 50% 50% }
#nav-main-bar ul li#rubcontact a { margin-right: 0px }
.nav-g-titre { height: 33px; line-height: 33px; padding-left: 10px; font-weight: bold; font-size: 1em; position: relative; background-color: #94572e; }
.nav-deco { position: absolute; display: block }
.nav-g-rubrique a { padding: 8px 0 8px 13px; 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); color: #FFF; border: 0 }
#nav-g-races a .vign { border-radius: 20px }
.nav-g-rubrique a:hover { background-color: #CCC }
#nav-g-races a:hover, #nav-g-slide .car-lien:hover { background-color: #ccc }
.nav-g-rubrique a:hover { }
#nav-g-races p { font-size: 18px }
.nav-g-sepa { border-color: #555 }
.nav-g-rubrique .selection { font-weight: bold }
#nav-main { width: 980px; margin: 0 auto 15px auto; text-align: center }
.p-sepa-box2 { border-color: #467b05 }
.liste_chiots .status .contact .fleche { display: none }
.article-main, #nav-g-races a { border-style: solid }
#section-main-page { min-height: 500px; max-width: 960px; padding: 10px }
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 }
.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 }
#aside-atara-bar .vign-atara { font-size: 0.7em }
.nompere, .nommere, .liste_chiots .infocdf, #aside-atara-bar .vign-atara, .box-chiens .out .nom, .box-chiens-etat, .fiche-titre .info, .galeries-photos .int, #nav-g-slide .chiotalaune .car-slide, .liste_chiots .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_chiots .nom .boxprix .int, .box-chiens-petit .out .nom, .pedigree-box .pedinomargrd, .galeries-videos .autresvideos .nb { font-size: 0.8em }
.liste_chiots, .article-main-nav, .actu-alaune-txt, .nav-g-rubrique a, #nav-g-races a .position-race, .fiche-parents .fp-int, .paragraphe div span, .paragraphe-rub, .liste_chiots .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-slide p { font-size: 1em }
h3, .liste_chiots .nom, .p-lien, .fiche-pedigree:hover { font-size: 1.1em }
.contact-tel .cont { font-size: 1.3em }
h2 { font-size: 1.5em }
.liste_chiots .boxprix, .resultat-box-img, #nav-g-slide .chiotalaune, .liste_chiots .boximg .grd, .fiche-img-vide, #nav-g-races a .vign, .box-chiens-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_chiots h4, .message, .information, .livredor-messages .nom, .resultat-box-txt .manif, .telechargement-box:hover, .bar-annee, .bout-annee:hover, .bgh3, .galeries-videos .autresvideos .nb, .fiche-info .int { background-color: #f1f1f1 }
.box-chiens, .box-chiens-petit, .fiche-info .int, .fiche-info .cont, .fiche-parents, .fiche-pedigree, .fiche-parents:hover, .fiche-pedigree:hover, .fiche-titre, .fiche-retour-bas, .liste_chiots .box, .resultat-box:hover, .telechargement-box:hover, .galeries-box, .bar-annee .gras, .liste_chiots .boxprix, #nav-g-slide button { border: 1px solid #ccc }
.flechehaut { width: 50px; height: 51px; display: block; background: url('/media/backtop-blanc.png') no-repeat 50% 50% }
.liste_chiots .boxprix { border-top: 0; border-right: 0 }

@media (max-width: 500px) {
#global { width: 100%; margin: auto; min-width: 100%; background: #756752 url('bg-resp.jpg') no-repeat center 0 fixed }
#header-affixe a { color: #fff !important }
h1 p { color: #FFF }
#section-main-page { min-height: 500px; max-width: 960px }
}