@font-face { font-family: 'Zeyada'; font-style: normal; font-weight: 400; src: local('Zeyada'), url(https://fonts.gstatic.com/s/zeyada/v6/dcE9P1va-09wPqxMFAN3vw.woff2) format('woff2'); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}
body { color: #000; margin-top: 0px; background-color: #000; font-family: 'Century Gothic' }
#global { color: #000; margin-top: 0px; position: relative; background-color: #632d71; background-image: url('piedfond.png'), url('img-global.jpg'); background-position: center bottom, center top; background-repeat: repeat-x, no-repeat; padding-bottom: 40px }
#nav-g-slide p, #nav-g-chiots p, .nav-g-titre, .actu-alaune-h1 { font-size: 1em; font-weight: normal }
.actu-alaune-h1 { color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 4px }
.actu-alaune-txt { color: #FFF }
h2, .livredor-messages .titre, .coul, .liste_chiots .boxprix .prix { color: #000 }
h2 { color: #931273; font-size: 1.2em; margin-bottom: 15px; font-weight: bold; display: block }
h1 p { text-transform: capitalize; font-size: 14px; letter-spacing: -0.5px; color: #000; left: 50px; top: 120px; position: absolute; background: -moz-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,.5) 0%, rgba(255,255,255,0) 100%); padding: 5px; min-width: 50%; border-radius: 4px 0 0 4px }
h4 { display: block; color: rgba(0, 0, 0, 0.6); margin-top: -20px; margin-left: 245px; font-size: 3em; font-family: 'Henny Penny', cursive; text-shadow: 0px 0px 16px #FFF }
#header-affixe, #header-affixe-bar { border: 0px solid #000 }
#header-affixe a { position: absolute; left: 50px; top: 60px; font-family: 'Zeyada', cursive; text-transform: capitalize; font-size: 5em; text-shadow: 2px 2px 0 rgba(0,0,0,.5); color: #FFF }
#header-affixe a:hover { text-shadow: 2px 2px 0 rgba(0,0,0,1) }
.mini { font-size: 3.2em !important }
#nav-g-slide button { width: 106.5px; color: #FFF !important; border: 0px solid #FFF !important; padding: 6px 0px 6px 0px; cursor: pointer }
.carrousel-prev { background: #FFF url('carrousel-prev.png') no-repeat -8px 0; height: 30px }
.carrousel-next { background: #FFF url('carrousel-next.png') no-repeat 4px 0; height: 30px }
.carrousel-prev:hover, .carrousel-next:hover { opacity: 0.7 }
.actu-box { border: 1px solid #CCC }
.actu-box:hover { background-color: #F4F4F4 }
#nav-main-bar ul li a { font-size: 1.2em; color: #7e044c; text-transform: uppercase; margin-right: 2px; line-height: 45px; height: 45px; letter-spacing: -.5px }
#rubaccueil a { border: 1px solid rgba(255,255,255,.2); border-radius: 3px }
#rubaccueil a:hover { background-color: rgba(0,0,0,.3); border: 1px solid rgba(0,0,0,0) }
#nav-main-bar ul li a:hover { text-shadow: 0 0 20px rgba(0,0,0,1); color: #000 !important }
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc { color: #000 }
#header-affixe-bar { position: relative; height: 224px }
#nav-main { width: 100%; height: 100px }
#nav-main-bar { padding-top: 17px }
#nav-main-bar .nav-main-deco, #nav-main-bar .nav-main-decodroit, #nav-main-bar .nav-main-decogauche { box-shadow: 0 0 12px rgba(0,0,0,0.65) inset; top: -20px; position: absolute; width: 40px; height: 30px; border: 4px solid #fff2a8; display: block }
.nav-main-deco { right: 38px; background: #92066c url('iconetop.png') no-repeat -68px 5px }
.nav-main-decodroit { right: 273px; background: #92066c url('iconetop.png') no-repeat 11px 5px }
.nav-main-decogauche { right: 158px; background: #92066c url('iconetop.png') no-repeat -28px 5px }
.article-main .article-main-deco1 { background: url('img1.png') no-repeat top center; width: 354px; height: 37px; display: block; position: absolute; top: -35px; right: -5px }
.article-main .article-main-deco2 { background: url('img2.png') no-repeat top center; width: 40px; height: 224px; display: block; position: absolute; top: -8px; right: -35px }
.nav-g-titre { background: url('nav-bg-titre.png') no-repeat top left; color: #FFF; min-height: 30px; line-height: 30px; padding: 5px 0px 5px 30px; position: relative; border-bottom: 1px solid #931273; font-weight: bold; text-shadow: 1px 1px 4px rgba(0,0,0,.3) }
.nav-deco { background: url('nav-g-titre.png') no-repeat 0 0; width: 25px; height: 25px; left: -12px; top: 5px; border: 0px #FFF solid }
.nav-g-rubrique a .cub { background: url(cub.png) no-repeat top center; width: 15px; min-height: 30px; opacity: 0.5; margin: 0 5px 0 0; display: block }
.article-duo, .article-main, .article-main-max, .nav-g-rubrique, #nav-g-slide { border: 0px; background-color: #FFFFFF }
#pied .affixe, #pied .cdf a { color: #555 }
#pied .siret, #pied .avertissement { color: #92066c }
footer { margin: auto; background-color: #000 }
#pied { padding: 10px 20px; border-top: 4px solid #000000 }
#nav-g-races .nav-g-races-top { display: none }
a { color: #000 }
a:hover { color: #000 }
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 { background-color: #252222; background-image: none }
#aside-atara-bar, #aside-atara-bar .vign-atara { color: #FFFFFF }
#nav-main, #nav-main-bar ul li a, #section-main { display: block; margin: 0 0 }
#nav-g-slide { border: 0px solid #ccc; border-bottom: 0px }
.actu-alaune { min-height: 90px; margin-bottom: 10px; color: #FFF; background: rgba(188, 35, 134, 0.8) url('actualaunefond.png') no-repeat bottom center }
.actu-alaune-img img { box-shadow: none }
#section-main { padding-bottom: 10px }
.nav-g-rubrique { padding: 4px 4px 1px 4px; background-color: rgba(150, 82, 160, .7) }
#nav-main-bar ul li#rubcontact a { margin-right: 0px }
.nav-deco { position: absolute; display: block }
.nav-g-rubrique a { padding: 8px 8px 8px 13px; margin-bottom: 4px; border-top: 1px solid rgba(255,255,255,.15); background-color: #a366aa; color: #ffc5f1 }
#nav-g-races .nav-g-races-bottom { border-width: 0px; border-color: #000; margin-bottom: 4px }
#nav-g-races a { margin-bottom: 4px; background-color: rgba(255,255,255,0.10); color: #fff }
#nav-g-races a .vign { border: 0 }
.nav-g-rubrique a:hover { text-shadow: 0 0 4px rgba(0,0,0,0.3); background-color: rgba(255,255,255,.4) }
#nav-g-races a:hover, #nav-g-slide .car-lien:hover { background-color: rgba(255,255,255,0.70) }
#nav-g-races p { font-size: 18px }
.nav-g-sepa { border-color: #555 }
#nav-main { margin: auto; text-align: center }
.p-sepa-box2 { border-color: #000 }
.liste_chiots .status .contact { background-color: #000 }
.liste_chiots .status .contact .fleche { border-color: transparent #000 transparent transparent }
.article-main, #nav-g-races a { border: 0px solid #ccc }
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: #92066c }
#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, .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 }
h3, .liste_chiots .nom, .p-lien, .fiche-pedigree:hover { font-size: 1.1em }
.contact-tel .cont { font-size: 1.3em }
.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('backtop-blanc.png') no-repeat 50% 50% }
.liste_chiots .boxprix { border-top: 0; border-right: 0 }
.nav-effets-speciaux1 { position: absolute; bottom: 15px; left: 58%; display: block; width: 4px; height: 4px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 4s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames linear 4s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames linear 4s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames linear 4s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux2 { position: absolute; bottom: 20px; left: 60%; display: block; width: 5px; height: 5px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames linear 8s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 8s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames linear 8s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames linear 8s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames linear 8s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux3 { position: absolute; bottom: 24px; left: 62%; display: block; width: 3px; height: 3px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames linear 12s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 12s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames linear 12s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames linear 12s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames linear 12s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux5 { position: absolute; bottom: 10px; left: 73%; display: block; width: 4px; height: 4px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames2 linear 10s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames2 linear 10s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames2 linear 10s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames2 linear 10s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames2 linear 10s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux6 { position: absolute; bottom: 20px; left: 72%; display: block; width: 5px; height: 5px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames2 linear 6s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames2 linear 6s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames2 linear 6s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames2 linear 6s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames2 linear 6s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux4 { position: absolute; bottom: 8px; left: 71%; display: block; width: 3px; height: 3px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames2 linear 8s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames2 linear 8s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames2 linear 8s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames2 linear 8s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames2 linear 8s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux9 { position: absolute; bottom: 20px; left: 83%; display: block; width: 4px; height: 4px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames linear 4s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 4s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames linear 4s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames linear 4s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames linear 4s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux7 { position: absolute; bottom: 8px; left: 84%; display: block; width: 5px; height: 5px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames2 linear 12s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames2 linear 12s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames2 linear 12s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames2 linear 12s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames2 linear 12s 1s; -ms-animation-iteration-count: infinite }
.nav-effets-speciaux8 { position: absolute; bottom: 12px; left: 81%; display: block; width: 3px; height: 3px; opacity: 0; border-radius: 50%; background-color: #fff2a8; animation: animationFrames linear 6s; animation-iteration-count: infinite; transform-origin: 50% 50%; -webkit-animation: animationFrames linear 6s 1s; -webkit-animation-iteration-count: infinite; -moz-animation: animationFrames linear 6s 1s; -moz-animation-iteration-count: infinite; -o-animation: animationFrames linear 6s 1s; -o-animation-iteration-count: infinite; -ms-animation: animationFrames linear 6s 1s; -ms-animation-iteration-count: infinite }
@keyframes "animationFrames" {
0% {
transform:translate(100px, 20px);
}
20% {
transform:translate(90px, 0px);
}
40% {
transform:translate(95px, -20px);
}
60% {
transform:translate(85px, -40px);
opacity:1;
}
100% {
transform:translate(100px, -60px);
opacity:0;
}
}
@-moz-keyframes "animationFrames" {
0% {
transform:translate(100px, 20px);
}
20% {
transform:translate(90px, 0px);
}
40% {
transform:translate(95px, -20px);
}
60% {
transform:translate(85px, -40px);
opacity:1;
}
100% {
transform:translate(100px, -60px);
opacity:0;
}
}
@-webkit-keyframes "animationFrames" {
0% {
transform:translate(100px, 20px);
}
20% {
transform:translate(90px, 0px);
}
40% {
transform:translate(95px, -20px);
}
60% {
transform:translate(85px, -40px);
opacity:1;
}
100% {
transform:translate(100px, -60px);
opacity:0;
}
}
@-o-keyframes animationFrames {
0% {
transform:translate(100px, 20px);
opacity:0
}
20% {
transform:translate(90px, 0px);
opacity:1
}
40% {
transform:translate(95px, -20px)
}
60% {
transform:translate(85px, -40px);
opacity:1

}
100% {
transform:translate(100px, -60px);
opacity:0
}
}
@keyframes "animationFrames2" {
0% {
transform:translate(85px, 20px);
}
10% {
transform:translate(95px, 0px);
}
39% {
transform:translate(90px, -20px);
}
72% {
transform:translate(100px, -40px);
opacity:1;
}
100% {
transform:translate(105px, -60px);
opacity:0;
}
}
@-moz-keyframes "animationFrames2" {
0% {
transform:translate(85px, 20px);
}
10% {
transform:translate(95px, 0px);
}
39% {
transform:translate(90px, -20px);
}
72% {
transform:translate(100px, -40px);
opacity:1;
}
100% {
transform:translate(105px, -60px);
opacity:0;
}
}
@-webkit-keyframes "animationFrames2" {
0% {
transform:translate(85px, 20px);
}
10% {
transform:translate(95px, 0px);
}
39% {
transform:translate(90px, -20px);
}
72% {
transform:translate(100px, -40px);
opacity:1;
}
100% {
transform:translate(105px, -60px);
opacity:0;
}
}
@-o-keyframes animationFrames2 {
0% {
transform:translate(85px, 20px)
}
10% {
transform:translate(95px, 0px)
}
39% {
transform:translate(90px, -20px)
}
72% {
transform:translate(100px, -40px);
opacity:1
}
100% {
transform:translate(105px, -60px);
opacity:0
}
}
@media (max-width: 500px) {
#global { width: 100%; margin: auto; min-width: 100%; background-image:none}
#header-affixe a { color: #FFF !important; margin:0; padding:0;font-size:1.7em;  position:relative; left:0; top:0}
#header-affixe-bar { height:auto}
h1 p { color: #FFF; margin: 0 auto 10px auto; top:0; left:0; background:none; position:relative} 
}