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

@media (max-width: 500px) {
.elv-noel { display: none }
.icone-accueil span { display: none }
body { background-image: none }
#global { width: 100%; margin: auto; min-width: 100% }
#aside-atara-bar, #header-affixe-bar, #nav-main-bar, #section-main-page { width: 98%; margin: auto; background-image: none }
h3, .liste_chiots .nom, .p-lien, .fiche-pedigree:hover { font-size: 14px }
h4 { font-size: 13px }
#menumobile { display: block; background-color: rgba(255,255,255,0.6); height: 30px; position: fixed; width: 37px; 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 }
.liste-portees .int, .liste-portees .parents { margin-left: 0 }
.liste-portees .imgportee { float: none; width: 100% }
#header-affixe { height: auto; padding-top: 20px; min-height: auto !important; margin: auto !important }
#header-affixe-bar { width: 100%; min-height: 70px }
#header-affixe a { min-height: inherit; margin: 5px 0px 5px 0; color: #FFF; text-align: center }
.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 }
.article-main-deco1, .article-main-deco2, .article-main-deco3, .article-main-deco4, .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; 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 }
.w620, .w280 { width: auto }
#section-main-page .left, #section-main-page .right { float: none }
.actu-alaune { box-shadow: none; margin-bottom: 10px }
.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;  padding: 10px 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% }
}

@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 }
}