@import url(https://fonts.googleapis.com/css?family=Lobster);
body 	{ color: #000;  margin-top:0px; background-color:#071939; }
#global { color: #000; background: #071939 url('bg.jpg') no-repeat center -7px; margin-top:0px; }

#annulehref { display:none; }

h2, #nav-main-bar ul li a, #nav-g-slide p,  #nav-g-chiots p, .actu-alaune-h1, h1 a, .nav-g-titre { font-family: 'Lobster', cursive; }
#nav-g-chiots p, .nav-g-titre  { font-size: 1.4em; font-weight:normal; }

.actu-box .actu-alaune-h1 {  margin-bottom:5px; font-size:1.1em; color:#355fb0;}
.actu-alaune .actu-alaune-h1 { color:#FFF; font-size:1.3em; text-shadow:0 0 3px   rgba(0,0,0,0.6); margin-bottom:8px; }

/****************  ALL   ***************/

h2, .livredor-messages .titre, .coul, .liste_chiots .boxprix .prix { color: #cc0000; }
h2 { font-size: 1.7em; text-shadow:1px 1px 0 rgba(0,0,0,0.30); margin-bottom: 5px; }
.article-main h2 { font-size: 1.5em; text-shadow:1px 1px 0 rgba(0,0,0,0.30); margin-bottom: 10px; }
/****************  AFFIXE & RACE  ***************/
.actu-alaune-txt { color:#CCC !important;}
.article-main .actu-alaune-txt { color:#555 !important;}

h1 a {
width:100%;
display:block;
margin:auto;
text-align:center;
padding-top:0px;
font-size:4em;
color:#fff;
/*
text-shadow:-2px -2px 3px -5px rgba(0,0,0,1), 0px 0px #fff, 0px 0px 0px 7px #FFF, 0 0 10px rgba(0,0,0,1);
-moz-text-shadow:0 0 10px rgba(0,0,0,1);
-ms-text-shadow:0 0 10px rgba(0,0,0,1);
-o-text-shadow:0 0 10px rgba(0,0,0,1);
-webkit-text-shadow:0 0 10px rgba(0,0,0,1);
text-shadow: 0px 1px 0px #ccc, 0px 2px 0px #c9c9c9, 0px 3px 0px #bbb, 0px 6px 1px rgba(0,0,0,0.1), 0px 0px 5px rgba(0,0,0,0.1), 0px 1px 3px rgba(0,0,0,0.3), 0px 3px 5px rgba(0,0,0,0.2), 0px 5px 10px rgba(0,0,0,0.25), 0px 20px 20px rgba(0,0,0,0.15);
*/
text-shadow:0 2px 1px #cc0000, 0 -2px 1px #cc0000, 2px 0 1px #cc0000, -2px 0 1px #cc0000, 0 0 12px rgba(0,0,0,0.6);
}
h1 a:hover { color:#1e5e04; text-shadow:0 2px 1px #fff, 0 -2px 1px #fff, 2px 0 1px #fff, -2px 0 1px #fff, 0 0 12px rgba(255,255,255,0.6);}

h1 p {
display:block;
text-align:center;
position: relative;
top:0px;
text-transform:uppercase;
font-size:12px;
bottom:-20px;
letter-spacing:-0.5px;
width:100%;
color:#00fcff;
}

.mini {font-size:4em !important;}

h4	{
display:block;
color:rgba(0, 0, 0, 0.6);

margin-top:-20px;
margin-left:245px;
font-size:3em;
text-shadow: 0px 0px 16px #FFF;
}
#header-affixe          { height:255px; position:relative;}
#header-affixe-bar          { height:250px}
#header-affixe a        { margin-top:75px; text-align:center; display:block;}
/*#header-affixe a:Hover  {color:#CC0000;}*/
.carrousel { background-color: transparent !important;}
.car-slide { display:none;}
#nav-g-slide button {
width: 106.5px;
color:#FFF !important;
border:0px solid #FFF !important;
padding: 6px 0px 6px 0px;
cursor: pointer;
 background-color:rgba(25,121,111,0.6);
}
.carrousel-prev { /*background: #FFF url('carrousel-prev.png') no-repeat -8px 0; */height:30px;border-radius:4px;}
.carrousel-next { /*background: #FFF url('carrousel-next.png') no-repeat 4px 0; */height:30px; border-radius:4px; }
.carrousel-prev:hover, .carrousel-next:hover { background-color:rgba(25,121,111,0.9) !important;}

/****************  FOND PAGE   ***************/
#section-main-page {
background-color:rgba(255,255,255,0.3);
/*box-shadow: 0 0 20px rgba(0,0,0,1.00);*/
margin-top:35px;
}

 #aside-atara-bar { position:relative;}
 #sonambiance { position:absolute; right:0; top:0; padding:5px; background-color:#cc0000; box-shadow:0 0 4px rgba(0,0,0,0.4); border-radius: 0 0 4px 4px;}
 .audioplayer { background-color:#31b1b9;  height:20px; }

 #lecteur { width:100px; font-size:0.8em; background-color:rgba(255,255,255,0.3); line-height:20px; height:20px; padding: 0 8px; border-radius:4px; cursor:pointer; }
 #lecteur:hover {  background-color:rgba(255,255,255,0.6); }
 .muted div, .unmuted div { display: inline-block; position:absolute; right:10px; top:10px; }
 .muted div     { border-radius:0; height:10px; width:10px; background-color:#FFF;}
 .unmuted div   { width:0px; border:5px solid transparent; border-left:10px solid #FFF;  }


/****************  MENU PRINCIPAL  ***************/
#nav-main-bar ul li a {
font-size:1.4em;
color: #fff;
text-shadow:0 1px 1px rgba(0,0,0,0.5), 0 -1px 1px rgba(0,0,0,0.5), 1px 0 1px rgba(0,0,0,0.5), -1px 0 1px rgba(0,0,0,0.5), 0 0 5px rgba(0,0,0,0.6);
}
#nav-main-bar ul li a.nav-main-selection, #rubaccueil a.nav-main-selection-acc, #nav-main-bar ul li a:hover { color: #255d68; text-shadow:0 1px 1px rgba(255,255,255,0.5), 0 -1px 1px rgba(255,255,255,0.5), 1px 0 1px rgba(255,255,255,0.5), -1px 0 1px rgba(255,255,255,0.5), 0 0 3px rgba(255,255,255,0.6);}

#rubaccueil a.nav-main-selection-acc{}
.icone-accueil {background: url('../../vign-accueil-blanc.png') no-repeat 50% 50%; }

#nav-main {}
#nav-main-bar {
    position:relative;
}
#nav-main-bar .nav-main-deco {
    display:block;
    height:18px;
    width:100%;
    display:block;
    position:absolute;
    border:0px solid rgba(0,0,0,1.00);
    bottom:-10px;
    right:0;
}
/*************** MENU ******************/
#nav-main-bar ul { list-style:none;}
#nav-main-bar ul li { float: left; }
#nav-main-bar ul li a {
display: block;
margin: 0 0;
text-align: center;
/*border:1px solid #FFF;*/
}
#rubcontact { width: 8%; }
#rubliens{ width: 7%; }
#rublivre { width: 9%; }
#rublivre span, #rubliens span, #rubcontact span { display:none;}
#rubchiens, #rubchiots { width: 10%; margin-right:1%; }
#rubactus { width: 12%; margin-right:18% }
#rubphotos { width: 17%; }
#rubaccueil { width: 6%; margin-right:1%; }
.icone-accueil {
background: url('/media/vign-accueil-noir.png') no-repeat 50% 50%;
width: 100%;
height: 100%;
display: block;
margin: auto;
}
#rubaccueil a.nav-main-selection-acc .icone-accueil, #rubaccueil a:hover .icone-accueil { background: url('/media/vign-accueil-blanc.png') no-repeat 50% 50%; }

#header-affixe-bar {/* width:100% !important;    z-index:1 !important */}

#rubaccueil a.nav-main-selection-acc { background: url('bgacc.png') no-repeat 50% 70% ;  }
#rubaccueil a { background: url('bgacc.png') no-repeat 50% 50% ;  }


#nav-g-slide p {color: #fff; font-size:1.3em; text-shadow:0 1px 1px rgba(0,0,0,0.2), 0 -1px 1px rgba(0,0,0,0.2), 1px 0 1px rgba(0,0,0,0.2), -1px 0 1px rgba(0,0,0,0.52), 0 0 5px rgba(0,0,0,0.2);}
.nav-g-titre {
background: url('nav-g-titre2.png') no-repeat 0 0;
color: #fff;
min-height: 33px;
line-height: 33px;
padding-left: 20px;
position: relative;
margin-left:-25px;
text-shadow:2px 2px 0 #000;
}

.nav-deco 	 { background: url('nav-g-titre.png') no-repeat 0 0; width: 50px; height:113px; left: -12px; top: -13px; border:0px #FFF solid; border:0px solid #FFF; }
.nav-g-rubrique a .cub  {  background: url('cub.png') no-repeat bottom left;   width: 26px; height: 26px; margin-right: 8px; margin-top: -4px; margin-bottom: 5px; }

/****************  FOND PAGE + FOND MENU + FOND SLIDE CHIOT A LA UNE ***************/

.nav-g-rubrique, #nav-g-slide {
border: 0px;
background-color:rgba(255,255,255,0.08);
}

.article-duo, .article-main, .article-main-max  {
border: 0px;
background-color: #FFFFFF;
}

#nav-g-slide { background-color:rgba(255,255,255,0.00); border:1px solid #59a3b2;}

.article-duo, .article-main, .article-main-max,  #nav-g-slide {
border-radius : 0px;
}

/****************  PIED   ***************/
#pied .affixe, #pied .cdf a { color: #ccc; }
#pied .siret, #pied .avertissement { color: #fff; }
footer  {   margin:auto;  }
#pied   {  padding:10px 20px;}
#nav-g-races .nav-g-races-top { display:none}

/*************************************************************************************************************************************/
/**************************************************     SUPP     *********************************************************************/
/*************************************************************************************************************************************/
#global { }
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; margin-left:0;   }
#aside-atara { background-color:#000; background-image:none; border-bottom:1px solid #CC0000;}
#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, .actu-alaune { border: 1px solid #ccc;border-bottom: 0px; }*/
.actu-alaune  { min-height:90px;background: rgba(0,0,0,0.40); margin-bottom:10px; color:#FFF; }
.actu-alaune-img img {box-shadow:none;}

#section-main { }
.nav-g-rubrique { padding: 4px 4px 1px 4px; }
#nav-main-bar ul li a {
margin-right: 2px;
border-bottom: 0;
border-radius: 4px 4px 0 0;
line-height: 45px;
height: 45px;
}
#nav-main-bar ul li#rubcontact a { margin-right:0px; }

.nav-deco {position: absolute;display: block;}
.nav-g-rubrique a  {
padding: 8px 0 8px 13px;
margin-bottom: 0px;
margin-bottom: 4px;
color:#fff; text-shadow:0px px 2px rgba(0,0,0,0.4); letter-spacing:-0.5px;
background: url('bg-srub.png') no-repeat bottom left;
}
#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:#000; border-radius:5px;}
#nav-g-races a .vign { border-radius: 20px; } /* Vignettes menu race*/
.nav-g-rubrique a:hover { }
#nav-g-races a:hover, #nav-g-slide .car-lien:hover { background-color:rgba(255,255,255,0.70); }
.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: auto;text-align: center;}
.p-sepa-box2 { border-color: #255d68; }
.liste_chiots .status .contact { background-color: #255d68;}
.liste_chiots .status .contact .fleche { border-color: transparent #255d68 transparent transparent; }
.article-main, #nav-g-races a { border:0px solid #ccc}
#section-main-page {min-height: 500px;max-width: 960px;padding: 10px;}
#pied { }
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: rgba(255,255,255,0.9);*/ }
#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; }
h3, .liste_chiots .nom, .p-lien, .fiche-pedigree:hover { font-size: 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('/media/backtop-blanc.png') no-repeat 50% 50%; }
.liste_chiots .boxprix { border-top: 0; border-right: 0; }

.i-large,
.i-medium,
.i-small {
	position : absolute;
	top: 0; right: 0; bottom: 0; left: 0;
}
.nav-effets-speciaux9 { display:block; bottom:-25px; z-index:999; position:absolute;background: url("/media/themes/sign-noel2015/nav-effets-speciaux1.png") repeat 50% 0%; width:314px; height:91px;}

.i-large {
	background: url("/media/themes/sign-noel2015/aff_particules_large.png") repeat 50% 0%;
    background-size:100%;
	-webkit-animation: dropFlowParticles 60s linear infinite;
	     -o-animation: dropFlowParticles 60s linear infinite;
	        animation: dropFlowParticles 60s linear infinite;
    opacity:1;     z-index:1;
}
.i-medium {
	background: url("/media/themes/sign-noel2015/aff_particules_medium.png") repeat 50% 0%;
    background-size:100%;
    z-index:0.7;
    opacity:1;
	-webkit-animation: dropFlowParticles 70s linear infinite;
	     -o-animation: dropFlowParticles 70s linear infinite;
	        animation: dropFlowParticles 70s linear infinite;
}
.i-small {
	background:url("/media/themes/sign-noel2015/aff_particules_small.png") repeat 50% 0%;
    opacity:0.5;
     background-size:100%;
    z-index:1;
	-webkit-animation: dropFlowParticles 80s linear infinite;
	     -o-animation: dropFlowParticles 80s linear infinite;
	        animation: dropFlowParticles 80s linear infinite;
}

@-webkit-keyframes dropFlowParticles {
	from { background-position: 0 0;}
	to { background-position: 0 500px;}
}
@keyframes dropFlowParticles {
	from { background-position: 0 0;}
	to { background-position: 0 500px;}
}

.elv-noel {  margin:auto; border:0px solid #FFF; height:1px;   }
.bg-degr { z-index:2; position:absolute;  width:100%; height:84px;  background:url("/media/themes/sign-noel2015/bg-degr.png") repeat 50% 0%;}

#nav-main-bar { position:relative;}
#add-sign-noel2015 {   position:absolute; left:420px; top:-90px; width:130px; height:172px; }
#add-sign-noel2015 .add-sapin { z-index:2; position:absolute; background: url('/media/themes/sign-noel2015/add-sapin.png') no-repeat 50% 50%; width:130px; height:172px;    }
#add-sign-noel2015 .add-aura1, #add-sign-noel2015 .add-aura2 { border:0px solid #FFF; width:165px; height:165px;top:24px;  left:-15px; /*border:1px solid #FFF; */ z-index:1;}
#add-sign-noel2015 .add-aura1 {
  position:absolute; background: url('/media/themes/sign-noel2015/add-aura1.png') no-repeat 50% 0%; background-size:contain;
animation: addaura1 35s infinite   linear;
-webkit-animation: addaura1 35s infinite   linear;
-moz-animation: addaura2 35s infinite   linear;
-ms-animation: addaura1 35s  infinite  linear;
-o-animation: addaura1 35s infinite  linear;
}

@keyframes addaura1 {
    0%      { opacity:0; transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { opacity:0;  transform: rotate(360deg); }
}

@-moz-keyframes addaura1 {
    0%      { transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { transform: rotate(360deg); }
}

@-webkit-keyframes addaura1 {
    0%      { transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { transform: rotate(360deg); }
}

#add-sign-noel2015 .add-aura2 {
position:absolute; background: url('/media/themes/sign-noel2015/add-aura2.png') no-repeat 50% 50%; background-size:contain;
animation: addaura2 50s infinite   linear;
-webkit-animation: addaura2 50s infinite   linear;
-moz-animation: addaura2 50s infinite   linear;
-ms-animation: addaura2 50s  infinite  linear;
-o-animation: addaura2 50s infinite  linear;
}
@keyframes addaura2 {
    0%      { opacity:0; transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { opacity:0;  transform: rotate(360deg); }
}

@-moz-keyframes addaura2 {
    0%      { transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { transform: rotate(360deg); }
}

@-webkit-keyframes addaura2 {
    0%      { transform: rotate(0deg); }
    50%     { opacity:1;  }
    100%    { transform: rotate(360deg); }
}

.rond1, .rond2, .rond3, .rond4, .rond5, .rond6, .rond7, .rond8, .rond9, .rond10   { border-radius:50%; position: absolute; z-index:3; }

.rond1, .rond2 { width:30px; height:30px; }
.rond3  { width:25px; height:25px; }
.rond4, .rond5, .rond7 { width:10px; height:10px; }
.rond6 { width:15px; height:15px; }
.rond8, .rond9 { width:8px; height:8px; }
.rond10 { width:18px; height:18px; }

.rond1 { background:#ff0500; bottom:38px; left:20px; }
.rond2 { background:#0a97f4; bottom:15px; right:15px; }
.rond3 { background:#23d300; bottom:72px; right:25px; }

.rond4 { background:#00ebff; bottom:75px; left:45px; }
.rond5 { background:#00ebff; bottom:45px; right:45px; }
.rond6 { background:#147a00; bottom:12px; left:37px; }
.rond7 { background:#b31a17; bottom:9px;  left:10px; }

.rond8 { background:#b31a17; top:30px; left:50px; }
.rond9 { background:#00ebff; top:45px; right:50px; }
.rond10 { background:#0a97f4;top:60px; left:37px; }

.rond1, .rond10 { animation: add-rond1 5s infinite   linear; -webkit-animation: add-rond1 5s infinite   linear; -moz-animation: add-rond1 5s infinite   linear; -ms-animation: add-rond1 5s  infinite  linear; -o-animation: add-rond1 5s infinite  linear; }
.rond2, .rond9 { animation: add-rond2 4s infinite   linear; -webkit-animation: add-rond2 4s infinite   linear; -moz-animation: add-rond2 4s infinite   linear; -ms-animation: add-rond2 4s  infinite  linear; -o-animation: add-rond2 4s infinite  linear; }
.rond3, .rond8 { animation: add-rond3 3s infinite   linear; -webkit-animation: add-rond3 3s infinite   linear; -moz-animation: add-rond3 3s infinite   linear; -ms-animation: add-rond3 3s  infinite  linear; -o-animation: add-rond3 3s infinite  linear; }
.rond4, .rond7 { animation: add-rond4 2s infinite   linear; -webkit-animation: add-rond4 2s infinite   linear; -moz-animation: add-rond4 2s infinite   linear; -ms-animation: add-rond4 2s  infinite  linear; -o-animation: add-rond4 2s infinite  linear; }

@keyframes add-rond1 { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}
@-moz-keyframes add-rond1 {  0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}
@-webkit-keyframes add-rond1 { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}
@keyframes add-rond2 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-moz-keyframes add-rond2 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes add-rond2 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@keyframes add-rond3 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-moz-keyframes add-rond3 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@-webkit-keyframes add-rond3 { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; }}
@keyframes add-rond4 { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}
@-moz-keyframes add-rond4 { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}
@-webkit-keyframes add-rond4 { 0% { opacity:0; } 50% { opacity:1; } 100% { opacity:0; }}

/*.actu-alaune, #rubactus, #rubphotos, #nav-main-bar ul { z-index:5; border:1px solid rgba(0,0,0,1.00);}*/