body { background:url(https://www.poney-club-mayenne.com/stage-poney//uploads/stage-poney/fond-mobile.jpg) no-repeat center top fixed; } div#pagewrapper { /* min max width, IE wont understand these, so we will use java script magic in the */ max-width: 96%; min-width: 300px; } div#header { /* adjust according your image size */ height: 99px; background: none; } div#header h1 a { height: 99px; width:100%; background: url(https://www.poney-club-mayenne.com/stage-poney//uploads/stage-poney/logo-mobile.png) no-repeat center top; } div#header h1 { background: none; margin:0 auto; } div#menu_top { margin: -100px 10px 0px 0px; } div.breadcrumbs { /* css shorthand rule will be opened to be "0px 0px 0px 0px" */ margin: 0 0 0 -2500px; } div#search { /* enough width for the search input box */ width: 98%; text-align: center; margin: 0 auto; } div#print { display: none; } div#mainbottom { background: url(https://www.poney-club-mayenne.com/stage-poney//uploads/mfr-craon-oudon/bottom_mobile.png) no-repeat center top; height: 115px; } .NewsSummary { width:95%; min-height:160px; clear:both; } #main .NewsSummary .NewsSummarySummary img { width:140px; height: auto; } object { width: 250px; height: 180px; } #youtube { width:100%; float:left; } /* TEXT */ div#content h2 { padding-left: 0; } #main img { border: 0; width: 250px; height: auto; float:none; } #icone img { border: 0; width: 30px; height: auto; } #site { display:none; } #main .gallery .img img { width: 120px; height: 120px; } p { font-size: 1.25em; } blockquote { margin-left: 35px; } div#main ul, div#main ol, div#main dl { font-size: 1.25em; } div#main ul ul { font-size: 1em; } div#main ul li, div#main ol li { margin: 0 0 0.25em 1em; } /* MENU */ #menu_vert { /* no margin/padding so it fills the whole div */ margin: 0 0 0 -2500px; padding: 0; } #menu_vert_mobile { /* no margin/padding so it fills the whole div */ display: block; width: 100%; height: 30px; margin: -80px auto 0 auto; padding: 0; background: url(https://www.poney-club-mayenne.com/stage-poney//uploads/stage-poney/fond_menu.png) no-repeat left top; } #menu_vert_mobile ul { list-style-type: none; margin: 0; padding: 0; } #menu_vert_mobile li { float:left; text-align:center; margin:-7px 1% 0; width:31%; } #menu_vert_mobile li a { /* specific font size, this could be larger or smaller than default font size */ font-size: 1.1em; /* make sure we keep the font normal */ font-weight: normal; /* set default link colors */ color: #f4eed7; /* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */ padding: 0px 24px 10px; display: block; /* sets no underline on links */ text-decoration: none; border-right:0px solid #fff; font-weight: bold; } #menu_vert_mobile le a:hover { } #menu_mobile { width:300px; margin:0 auto; } #menu_mobile ul { list-style-type: none; font-weight:bold; } #menu_mobile ul li { margin: 0; padding:0.2em; width:250px; background: url(https://www.poney-club-mayenne.com/stage-poney//uploads/stage-poney/fond_menu.png) no-repeat center top; } #menu_mobile ul li a { color:#ffffff; font-size:1.2em; padding:0.5em; width:250px; text-decoration: none; } #menu_mobile ul li ul{ margin: 0.5em 0 0 0; } #menu_mobile ul li ul li{ width:215px; background:#89a02c; margin: 0.5em 0 0.5em 1.5em; } #menu_mobile ul li ul li a{ background:#89a02c; padding:0em; } /* TARIFS INSCRIPTIONS */ div#tarif { background-color:#dedede; min-height:100px; margin:10px 0; } div#zone { width:98%; } div#date_sejour { width:98%; } div#prix_sejour { width:48%; } div#inscription { width:48%; } /* END TARIFS INSCRIPTIONS */ /* Stylesheet: Layout: Top menu (Mobile) Modified On 2021-01-04 09:20:23 */