#menumobile { display: none; background-color: #FFF; }

@media (max-width: 500px) {
.elv-noel { display: none; }
.icone-accueil span { display: none; }
body { background-image: none; /* background-color:#CCC; */ }
/* GLOBAL + ENTETE */
#global { width: 100%; margin: auto; min-width: 100%; background: url('../../media/bg-mobile.png') repeat 50% 50%; }
#aside-atara-bar, #header-affixe-bar, #nav-main-bar, #section-main-page { width: 95%; margin: auto; background-image: none; }
h3, .liste_chiots .nom, .p-lien, .fiche-pedigree:hover { font-size: 14px; }
h4 { font-size: 13px; }
/* MENU MOBILE */
#menumobile { display: block; background-color: #FFF; height: 40px; position: fixed; width: 100%; z-index: 1000; box-shadow: 0 0 5px rgba(0,0,0,0.4) }
.iamenu .iamenu-btn { position: fixed; z-index: 999; }
#menu_mobile.h1 { font-size: 0.6em; }
.iamenu-show { overflow: auto; }
.iamenu ul li a { float: left; display: block; font-size: 15px; text-align: left; padding: 3%; width: 36%; margin: 2% 4%; box-shadow: 1px 1px 0 rgba(0,0,0,0.5); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.galeries-photos-box p { width: 100%; }
.galeries-box, .galeries-photos-box .gpb-img { width: 100%; float: none; height: auto; margin: 5px auto; }
.icone-accueil span { display: block; }
.icone-accueil { background-image: none; }
.menusepa { float: none; width: 98%; clear: both; height: 5px; text-align: center; margin: auto; }
.menutop { float: none; width: 98%; clear: both; height: 40px; text-align: center; margin: auto; }
.iamenu-show { }
.liste-portees .int, .liste-portees .parents { margin-left: 0; }
.liste-portees .imgportee { float: none; width: 100%; }
/* AFFIXE */
#header-affixe { height: auto; padding-top: 60px; min-height: auto !important; margin: auto !important; }
#header-affixe-bar { width: 100%; min-height: 70px; /*height: 100px; */}
#header-affixe a { min-height: inherit; margin: 5px 0px 5px 0; color:#FFF; }
.menuaffixe { text-transform: uppercase; text-align: center; margin-bottom: 20px; margin-top: -10px; font-size: 1.4em; }
.menurub { text-align: center; margin: 1% 4% !important; overflow: hidden; line-height: 15px; }
.nav-effets-speciaux1, .nav-effets-speciaux2, .nav-effets-speciaux3, .nav-effets-speciaux4, .nav-effets-speciaux5, .nav-effets-speciaux6, .nav-effets-speciaux7, .nav-effets-speciaux8, .nav-effets-speciaux9, .affixe-supp, #nav-g-races, .qrcode { display: none !important; }
h1 { border: 0px solid #CC0000; position: relative; margin: auto; top: 0; padding: 0; height: auto; }
h1 a { border: 0px solid #000; width: 100%; font-family: arial !important; /* color: #FFF;  font-size:25px; text-transform: uppercase; */margin-top: 10px; height: auto; background: none;  text-shadow: 0 0 4px #000; font-weight: bold; }
h1 a:hover { background: none; }
h1 p { width:auto; border: 0px solid #FFF; text-align: center; margin-top: 0 auto; top: 0; left:0; right:0; bottom:0; min-width: auto; font-family: arial !important; text-transform: lowercase; font-size: 14px; }
h1 p:first-letter { text-transform: uppercase; }
.mini { font-size: 20px }
.actu-alaune-h1 { height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.actu-alaune-txt {  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.paragraphe-img-right, .paragraphe-img-left { max-width: 100%; float: none; }
.formulaire { padding: 10px 0; }
.liste_chiots .boximg { width: 100%; }
.liste_chiots .nom, .liste_chiots .status, .liste_chiots .commentaire { margin-left: 0; }
.liste_chiots .boxprix { position: static; text-align: center; padding: 5px; margin-bottom: 5px; border: 1px; }
.liste_chiots .boximg .grd { width: 100%; }
.article-main-nav a.mr4 { margin-right: 2px; }
.article-main-nav a { height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.liste_chiots .nom, .liste_chiots .status, .liste_chiots .commentaire { padding: 5px 0; }
.w400, .info_portee_img img { max-width: 100%; height: auto; }
.finput, .finput p { font-size: 14px; }
.fiche-info { font-size: 12px; }
.oksite { display: none !important; }
.okmobile { display: block !important; }
/* DIVERS */
.w620, .w280 { width: auto; }
#section-main-page .left, #section-main-page .right { float: none }
/* PAGE*/

.actu-alaune { box-shadow: none; margin-bottom: 10px; border: 1px solid #CCC; }
.article-duo { margin-bottom: 10px; }
#aside-atara, #nav-main, #nav-g { display: none; }
.article-main, .actu-alaune { margin-left: 0%; }
#section-main-page { /*background-color:transparent;*/ box-shadow: none; border: 0; }
.menu-mobile-titre { text-align: left; margin: 5px 4% !important; color: #FFF; }
.menu-mobile-race { color: #FFF !important; width: 86% !important; background-color: rgba(255,255,255,0.3) !important; border-radius: 6px; margin: 5px 4% !important; text-shadow: 0 0 4px #000; }
.menu-mobile-race a { color: #FFF !important; }
.box-chiens { width: 100%; height: 220px; }
.box-chiens .out .nom { position: relative; margin-top: 0px; padding-top: 6px; text-transform: uppercase; text-align: center; word-wrap: break-word; }
.box-chiens .out .nom .etoile { position: relative; top: 0px; left: 0; margin: 4px auto; padding-right: 0px; text-align: center; background-color: #FFFFFF; }
.fiche-parents, .fiche-pedigree { margin-top: 15px; border: 0px solid #CCC; width: auto; padding: 4%; display: block; transition: 0.1s ease-out; overflow: hidden; }
.fiche-parents:hover, .fiche-pedigree:hover { box-shadow: none; border: 1px solid #555; }
.fiche-branche { border: 0; width: 100%; }
.p-global-2 { display: none; }
.p-sepa-box3 { background-color: transparent !important; }
#pied { font-size: 10px; width:100%; }
}

/* PAGES THEMES */
@media (max-width: 500px) {
.menuaffixe { color: #FFF; text-shadow: 0 0 4px #000; font-weight: bold; }
.menurub { color: #FFF; padding: 10px 10px !important; background-color: rgba(255,255,255,0.2); }
.iamenu ul li.menurub a { color: #FFF; text-decoration: none; background-color: #065870; width: 85% ; margin: 1% 2% !important; }
.plus { width:40% !important; float:left;}
.iamenu ul li a { color: #000; text-decoration: none; background-color: rgba(255,255,255,1); }
.iamenu ul li a { color: #000; text-decoration: none; background-color: rgba(255,255,255,1); }
.iamenu ul { background: #555 url('http://sev4.chiens-de-france.com/media/menu-mobile-bg-noir.png') repeat 0 0; padding-top:0 !important; }
h1 a { font-size: 1.55em; margin: auto; text-align: center; }
}