@import url('https://fonts.googleapis.com/css?family=Amatic+SC');
@import url('https://fonts.googleapis.com/css?family=Lily+Script+One');
.IMG_PERSO { position: absolute; height: 20px; width: 20px; top: 0; right: 0 }
.filtre-sepia { filter: sepia(1); -webkit-filter: sepia(1); -moz-filter: sepia(1); -o-filter: sepia(1); -ms-filter: sepia(1) }
.filtre-nb { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%) }
.fond-exemple { position: relative; border: 1px solid #000; height: 400px; width: 600px; margin: 0 auto 10px auto; background: url('https://eleveurs.chiens-de-france.com/sites/images_perso/fond-exemple-generation.jpg') no-repeat top right; }
.main-page-deco1 { display: none }
#particles-js { position: absolute; top: 0;  }
#header-affixe-bar { position: relative }
#global { background: #FFF url(bg.jpg) no-repeat center 20px; padding-bottom: 10px }
.image_perso { height: 1px; width: 1px; position: absolute; top: 0; right: 0px; border: 0px solid #FFF; }
.tag-image-cadre { box-shadow: 0 0 30px #000; overflow: hidden;   border: 3px dotted rgba(255,255,255,0.8); background-color: rgba(255,255,255,.3) }
.overflowh { overflow: hidden}
.tag-image-1,.tag-image-2,.tag-image-3,.tag-image-4,.tag-image-5 { position: absolute;  }
.tag-image-1 { z-index: 2; top: 34px;  right: 135px; min-width: 145px; max-height: 111px; min-height: 70px }
.tag-image-2 { z-index: 1; top: 196px; right: 75px; min-width: 140px; max-height: 160px; min-height: 60px }
.tag-image-3 { z-index: 1; top: 100px;  right: 12px;  min-width: 95px;  max-height: 87px;  min-height: 50px }
.tag-image-4 { z-index: 3; top: 165px; right: 239px; min-width: 75px;  max-height:135px;  min-height: 50px }
.tag-image-5 { z-index: 3; top: 25px; right: 0px; min-width: 75px; max-height: 55px;  min-height: 40px }

.tableaunoelcadre1, .tableaunoelcadre2, .tableaunoelcadre3, .tableaunoelcadre4, .tableaunoelcadre5  {position: absolute; z-index: 10;}

.tableaunoelcadre2, .tableaunoelcadre3 {background: url(tableaunoelcadre1.png) no-repeat 0 0; }
.tableaunoelcadre1, .tableaunoelcadre4 {background: url(tableaunoelcadre2.png) no-repeat 0 0; }

.tableaunoelcadre1 { top: 0 }
.tableaunoelcadre4 { bottom: 0 }
.tableaunoelcadre2 { left: 0 }
.tableaunoelcadre3 { right: 0 }


.tag-image-1 .tableaunoelcadre1, .tag-image-1 .tableaunoelcadre4 { height:12px; width: 100%; }
.tag-image-1 .tableaunoelcadre2, .tag-image-1 .tableaunoelcadre3 { height:100%; width: 12px; }

.tag-image-2 .tableaunoelcadre1, .tag-image-2 .tableaunoelcadre4 { height:10px; width: 100%; }
.tag-image-2 .tableaunoelcadre2, .tag-image-2 .tableaunoelcadre3 { height:100%; width: 10px; }

.tag-image-3 .tableaunoelcadre1, .tag-image-3 .tableaunoelcadre4 { height:8px; width: 100%; }
.tag-image-3 .tableaunoelcadre2, .tag-image-3 .tableaunoelcadre3 { height:100%; width: 8px; }

.tag-image-4 .tableaunoelcadre1, .tag-image-4 .tableaunoelcadre4 { height:7px; width: 100%; }
.tag-image-4 .tableaunoelcadre2, .tag-image-4 .tableaunoelcadre3 { height:100%; width: 7px; }

.tag-image-5 .tableaunoelcadre1, .tag-image-5 .tableaunoelcadre4 { height:6px; width: 100%; }
.tag-image-5 .tableaunoelcadre2, .tag-image-5 .tableaunoelcadre3 { height:100%; width: 6px; }





.theme-img-cursor { cursor: pointer }
.theme-img-info1 { z-index: 2; width: 145px; margin: auto; }
.theme-img-info2 { z-index: 1; width: 150px; margin: auto; }
.theme-img-info3 { z-index: 2; width: 95px; margin: auto; }
.theme-img-info4 { z-index: 3; width: 75px; margin: auto; }
.theme-img-info5 { z-index: 3; width: 75px; margin: auto; }
.theme-img-border0 { border: 0px }
.theme-img-border1 { border: 1px solid #EDEDED }
.theme-img-border2 { border: 2px solid #EDEDED }
.theme-img-border3 { border: 3px solid #EDEDED }
.theme-img-border4 { border: 5px solid #EDEDED }
.theme-img-border5 { border: 7px solid #EDEDED }
#nav-g-slide { background: url(bgcarrousel.jpg) no-repeat 0 0; border: 0; }
#nav-g-slide .carrousel-pagination { display: flex; justify-content: space-between}
#nav-g-slide  .carrou  { background: #FFF url('chiotimg.jpg') no-repeat top right; width: 100%; height: 200px; margin-bottom: 10px}

#nav-g-slide button { background-color: #255812; border: 1px solid #358815; color: #fff; border-radius: 4px; width: 48%;}
.tag-remove-image,.tag-changer-image,.tag-rotate-image { cursor: pointer; position: absolute; z-index: 1000; text-align: center; font-size: .75em; color: #FFF; height: 20px; width: 20px; }
.tag-changer-image { left: 0px; top: 0px; background: rgba(24,105,189,1.00) url('https://eleveurs.chiens-de-france.com/media/v4/mini-icone-modifier.png') no-repeat 50% 50%; }
.tag-rotate-image { left: 25px; top: 0px; background: rgba(24,105,189,1.00) url('https://eleveurs.chiens-de-france.com/media/v4/mini-icone-pivoter.png') no-repeat 50% 50%; }
.tag-remove-image { left: 49px; top: 0px; background: #cc0000 url('https://eleveurs.chiens-de-france.com/media/v4/mini-icone-poubelle.png') no-repeat 50% 50%; }
.tag-remove-image:hover { background-color: #6E0000 }
.tag-changer-image:hover { background-color: #347A03 }

.tag-remove-image, .tag-changer-image, .tag-rotate-image { background-size: 50%}
h1 a {
  color: #FFF;
  background-size:120%;
  background-repeat: repeat;
  width: 100%;
  text-shadow: 0 0 20px rgba(255,255,255,0.70);
  letter-spacing: -1.5px;
  display: block;
  position: relative;
  font-family: 'Lily Script One', cursive;
  line-height: .85em;
  margin-left: 20px;
}
body { color: #000; background: #fff url('') no-repeat center 0 }
h2,
.livredor-messages .titre,
.coul,
.liste_chiots .boxprix .prix { color: #513418 }
h1 { display: flex; flex-wrap: wrap;   height: 335px; align-items: center; max-width: 650px; overflow: hidden;  }
h1 a span {
    letter-spacing: normal; font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; font-size: 14px;
    color: #44c106;
    text-transform: uppercase;position: absolute; display: block; bottom: -3.5em; margin-left: 40px
}
#nav-g-slide .carrousel li { background-color: #5f9547;}

h1 a span:first-letter { text-transform: uppercase }
h1 p { display: none   }
h1 a:hover { color: #fff }
#header-affixe { min-height: 400px;   position: relative }
#section-main-page { background: linear-gradient(0deg, #e5ebf7, rgba(255,255,255,0.00));border-bottom: 5px solid #7095af; position: relative }
#pied { background-color: #FFF; padding: 15px 0; }
.nav-effets-speciaux1 { display: none;}
.nav-g-rubrique a.chiot { padding:  8px 4px 8px 27px}
.box-chiens { background-color: #FFF}
#pied .affixe {font-family: 'Amatic SC', cursive; color: #000; font-size: 2.5em; font-weight: bold}
#nav-main { font-family: 'Amatic SC', cursive;   z-index: 1; margin: auto; text-align: center; /*background: url(bg-menu.jpg) repeat 0 0;*/ border-top: 0px solid #000; }
#nav-main-bar { padding: 8px }
#nav-main-bar ul li a:hover { color: #cc0000; text-shadow: .5px .5px 20px #000 }
#rubaccueil a.nav-main-selection-acc {
    color: #fff;
    background-color: rgba(255,255,255,.5);
    border: 4px solid rgba(49, 59, 92, 1);
    border-radius: 53%;
    width: 45px;}
#nav-main-bar ul li a.nav-main-selection { text-shadow: 0 0 10px #626262;}
#nav-main-bar ul li a {margin-right: 2px; border-bottom: 0; line-height: 45px; height: 45px; font-size: 2em; font-weight: bold; text-transform: uppercase; color: #000;  }
#nav-g a { border: 1px solid #ccc;}
.icone-accueil { background: url(/media/vign-accueil-rouge.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 { display: none }
.article-duo,
.article-main,
.article-main-max { border: 0px; background: linear-gradient(0deg,#FFF, #e5ebf7); }
.nav-g-rubrique { /* background-color: rgba(186,101,32,.2); */}
.aucun { color: #646e7d; }
#pied .affixe,
#pied .cdf a { color: #18266B }
#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 .vign-atara { color: #FFFFFF }
#aside-atara { border: 0}
#nav-main-bar ul li a, #section-main { display: block; margin: 0 0 }
.actu-alaune { background: url(bg-actu.jpg) no-repeat 50% 50%; margin-bottom: 10px; line-height: normal; height: 80px; border-top: 2px solid #73340b }
.actu-alaune .actu-alaune-h1 { color: #FFF; font-weight:bold; text-transform:lowercase; font-size: 1.3em }
.actu-alaune-txt { color: #CCC; }
.nav-g-rubrique { padding: 4px 0 }
#rubaccueil a.nav-main-selection-acc .icone-accueil, #rubaccueil a:hover .icone-accueil { background: url(/media/vign-accueil-rouge.png) no-repeat 50% 50% }
#nav-main-bar ul li#rubcontact a { margin-right: 0px }
.nav-g-titre { border-bottom: 1px solid #180d08; font-size: 1.2em; height: 40px; line-height: 40px; padding-left: 14px; position: relative; background: #fff url(bg-titre.jpg) no-repeat top right; text-shadow: 0 0 8px #000 }
.nav-deco { position: absolute; display: block;  background: url('deco-titre.png') no-repeat top right; width: 15px; height: 32px; left: -15px  }
.nav-g-rubrique a { background: url(cub.png) no-repeat 5px 7px; padding: 8px 4px 8px 27px; background-color: #fff; margin-bottom: 4px; color: #313b5c }
#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:#FFF ; color: #313b5c; border: 0 }
#nav-g-races a .vign { border: 0; }
.nav-g-rubrique a:hover { background-color: #cfd9ec }
#nav-g-races a:hover,
#nav-g-slide .car-lien:hover { background-color: #fff }
.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 }
.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 }
.nav-g-rubrique .selection { background-color: #e5ebf7 }
#nav-g-races .selection { 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 { color: #FFF; font-size: 1.2em; font-weight: normal }
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: #fff }
.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 { border: 1px solid #ccc }
.flechehaut { width: 50px; height: 51px; display: block; background: url('http:/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: #0a1020 url('bg-resp.jpg') no-repeat center 0 fixed; background-size: contain }
#header-affixe a { color: #fff !important }
h1 a span { position: relative; bottom: 0; color: #ccc; font-size: 14px !important; text-align: center}
#section-main-page { min-height: 500px; max-width: 960px }
.main-page-deco1, .IMG_PERSO { display: none;}
h1 a { font-size: 20px !important; font-family: 'Bigelow Rules', cursive;}
#particles-js, .particles-js-canvas-el { display: none}
#section-main { padding: 0}
}