/* .................................................................................................... */ /* .................................................................................................... */ /* Résolutions d'écran comprises entre 800 et 1024px (tablettes retournées et autres) */ /* .................................................................................................... */ @media all and (min-width:801px) and (max-width:1024px) { #header-content { width:800px; height:193px; margin-left:auto; margin-right:auto;} /* Header-TOP*/ /* .................................................................................................... */ #header-top { width:800px; height:103px; margin-bottom:15px;} #logo { width:350px; height:103px; } #logo img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #tel { width:200px; height:103px; } #tel img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #icones { width:250px; height:70px; } #icones img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; margin-left:10px;} #recherche { width:250px; height:33px; float:right; max-width: 100%; height: auto; width: auto; box-sizing: border-box;} /* Header-BOTTOM*/ /* .................................................................................................... */ #header-bottom { width:800px; height:90px; margin-left:auto; margin-right:auto;} /* Menu*/ /* .................................................................................................... */ /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size:13px; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { padding-right:11px; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 50px; width:150px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { font-size: 10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { font-size: 10px; } /* Main*/ /* .................................................................................................... */ #main { width:750px; } #main-page { width:750px; } #main-page p { font-size:12px; text-align:justify;} #main-page h3 { font-size:14px; } #main-page h3 a { font-size:14px; } #main-page h4 { font-size:14px; } #main-page h4 a { font-size:14px;} #main-menu { width:750px; } #bloc-particulier { width:230px; height:244px; margin-right:10px;} .titre { width:230px; height:33px;} .titre h1 { font-size:16px;} #bloc-img-particulier { width:230px; height:213px; background:url(images/moyen-particulier-home.jpg); } #bloc-img-particulier p { font-size:12px; padding-top:188px; padding-right:15px;} #bloc-professionnel { width:230px; height:244px; margin-right:10px;} #bloc-img-professionnel {width:230px; height:213px; background:url(images/moyen-professionnel-home.jpg); } #bloc-img-professionnel p { font-size:12px; padding-top:188px; padding-right:15px;} #bloc-actu { width:230px; height:244px; float:left; } #bg-actu { width:220px; height:193px; padding-top:10px;} #bg-actu h2 { font-size:12px; } #bg-actu p { font-size:10px; } .visuel-entreprise { width:750px; height:396px;} /* Main page des Particuliers*/ /* .................................................................................................... */ .titre-page { width:750px; height:41px;} .titre-page h1 { font-family:'juralight', Open Sans, Arial, sans serif; font-size:22px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;} #main-menu-particulier { width:750px; height:650px;} #bloc-fenetres { width:350px; height:270px; } .titre-bloc-particulier { width:350px; height:31px; margin-bottom:10px;} .titre-bloc-particulier h2 { font-size:16px;} .img-bloc-particulier { width:125px; height:177px; margin-right:30px;} .texte-bloc-particulier { width:165px; height:177px; font-size:09px;} #bloc-stores { width:350px; height:270px; } #bloc-portes { width:350px; height:270px; } #bloc-alarmes { width:350px; height:270px; } .vignette-categorie-fille { width:180px; height:127px; } /* Main page des Partenaires*/ /* .................................................................................................... */ #main-partenaires { width:800px; height:550px;} #main-partenaires h2 { font-size:18px;} .wp-caption { float:left; margin-right:15px;} .wp-caption p,.wp-caption-text { font-size:12px; } /* Main page des actus*/ /* .................................................................................................... */ #main-actu { width:750px; } #main-actu p { font-size:12px; } #main-actu h2 { font-size:18px;} .entry-content { margin-bottom:100px;} /* Contact*/ /* .................................................................................................... */ #contact { width:750px; height:720px;} #form { width:350px; height:690px; float:left;} #form p { font-style:italic;} #adresse { width:400px; height:150px; float:left;} #adresse p { line-height:14px;} #map { width:400px; height:540px; float:left;} #map iframe { max-width: 100%; height: auto; width: auto; box-sizing: border-box;} #sitemap { width:750px; height:2000px;} /* Footer*/ /* .................................................................................................... */ #footer { width:100%; height:200px; background-color:#adadad;} #footer-content { width:800px; } #footer-liens { width:400px; } #footer-logos { width:400px;} #footer-newsletter { width:800px;} } /* ................................................................................................. */ /* .................................................................................................... */ /* Résolutions entre 582px et 873px */ /* .................................................................................................... */ @media screen and (min-width:0px) and (max-width:800px) { #header-content { width:480px; height:auto; margin-left:auto; margin-right:auto;} /* Header-TOP*/ /* .................................................................................................... */ #header-top { width:480px; height:100px; margin-bottom:15px;} #logo { width:240px; height:auto; } #logo img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #tel { width:120px; height:auto; } #tel img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #icones { width:120px; height:auto; } #icones img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; margin-left:10px;} #recherche { width:120px; height:auto; float:right; max-width: 100%; height: auto; width: auto; box-sizing: border-box;} /* Header-BOTTOM*/ /* .................................................................................................... */ #header-bottom { width:100%; height:30px; margin-left:auto; margin-right:auto;} /* Menu*/ /* .................................................................................................... */ /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size:13px; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { padding-right:11px; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 50px; width:150px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { font-size: 10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { font-size: 10px; } /* Main*/ /* .................................................................................................... */ #main { width:430px; } #main-page { width:430px; } #main-page p { font-size:12px; text-align:justify;} #main-page h2 { font-size:18px; } #main-page h3 { font-size:14px; } #main-page h3 a { font-size:14px; } #main-page h4 { font-size:14px; } #main-page h4 a { font-size:14px;} #main-menu { width:430px; height:500px; } #slider { height:auto;} #bloc-particulier { width:200px; height:214px; margin-right:10px;} .titre { width:200px; height:33px;} .titre h1 { font-size:14px;} #bloc-img-particulier { width:200px; height:185px; background:url(images/petit-particulier-home.jpg); } #bloc-img-particulier p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-professionnel { width:200px; height:185px; margin-right:10px;} #bloc-img-professionnel {width:200px; height:185px; background:url(images/petit-professionnel-home.jpg); } #bloc-img-professionnel p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-actu { width:200px; height:244px; float:left; margin-top:50px; } #bg-actu { width:190px; height:193px; padding-top:10px;} #bg-actu h2 { font-size:12px; } #bg-actu p { font-size:10px; } .visuel-entreprise { width:430px; height:227px;} /* Main page des Particuliers*/ /* .................................................................................................... */ .titre-page { width:430px; height:41px;} .titre-page h1 { font-family:'juralight', Open Sans, Arial, sans serif; font-size:18px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;} #main-menu-particulier { width:430px; height:1000px;} #bloc-fenetres { width:430px; height:270px; } .titre-bloc-particulier { width:430px; height:31px; margin-bottom:10px;} .titre-bloc-particulier h2 { font-size:16px;} .img-bloc-particulier { width:125px; height:177px; margin-right:30px; margin-left:0px;} .texte-bloc-particulier { width:275px; height:177px; font-size:10px;} #bloc-stores { width:430px; height:270px; margin-left:0px; } #bloc-portes { width:430px; height:270px; } #bloc-alarmes { width:430px; height:270px; margin-left:0px; } .vignette-categorie-fille { width:180px; height:127px; } /* Main page des Pro*/ /* .................................................................................................... */ /* Main page des Partenaires*/ /* .................................................................................................... */ #main-partenaires { width:430px; height:950px;} #main-partenaires h2 { font-size:18px;} .wp-caption { float:left; margin-right:15px;} .wp-caption p,.wp-caption-text { font-size:12px; } /* Main page des actus*/ /* .................................................................................................... */ #main-actu { width:430px; } #main-actu p { font-size:12px; } #main-actu h2 { font-size:18px;} .entry-content { margin-bottom:100px;} /* Contact*/ /* .................................................................................................... */ #contact { width:430px; height:950px;} #form { width:430px; height:690px; float:left;} #form p { font-style:italic;} #adresse { width:430px; height:150px; float:left;} #adresse p { line-height:14px;} #map { width:430px; height:200px; float:left;} #map iframe { max-width: 100%; height: auto; width: auto; box-sizing: border-box;} textarea { width:430px;} #form input { width:430px;} #sitemap { width:430px; height:2000px;} /* Footer*/ /* .................................................................................................... */ #footer { width:100%; height:230px; background-color:#adadad;} #footer-content { width:430px; } #footer-liens { width:100%; } #footer-logos { width:100%; margin-top:10px;} #footer-logos img { width:35px; height:35px; float:right;} #footer-newsletter { width:100%;} } /* .................................................................................................... */ /* .................................................................................................... */ /* Résolutions mobiles comprises entre 0 et 480px */ /* .................................................................................................... */ @media screen and (min-width:0px) and (max-width:480px) { #header-content { width:450px; height:auto; margin-left:auto; margin-right:auto;} /* Header-TOP*/ /* .................................................................................................... */ #header-top { width:450px; height:100px; margin-bottom:15px;} #logo { width:240px; height:auto; } #logo img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #tel { width:110px; height:auto; } #tel img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #icones { width:100px; height:auto; } #icones img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; margin-left:10px;} #recherche { width:100px; height:auto; float:right; max-width: 100%; height: auto; width: auto; box-sizing: border-box;} /* Header-BOTTOM*/ /* .................................................................................................... */ #header-bottom { width:450px; height:30px; margin-left:auto; margin-right:auto;} /* Menu*/ /* .................................................................................................... */ /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size:13px; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { padding-right:11px; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 50px; width:150px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { font-size: 10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { font-size: 10px; } /* Main*/ /* .................................................................................................... */ #main { width:430px; } #main-page { width:430px; } #main-page p { font-size:12px; text-align:justify;} #main-page h2 { font-size:18px; } #main-page h3 { font-size:14px; } #main-page h3 a { font-size:14px; } #main-page h4 { font-size:14px; } #main-page h4 a { font-size:14px;} #main-menu { width:430px; height:500px; } #slider { height:auto;} #bloc-particulier { width:200px; height:214px; margin-right:10px;} .titre { width:200px; height:33px;} .titre h1 { font-size:14px;} #bloc-img-particulier { width:200px; height:185px; background:url(images/petit-particulier-home.jpg); } #bloc-img-particulier p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-professionnel { width:200px; height:185px; margin-right:10px;} #bloc-img-professionnel {width:200px; height:185px; background:url(images/petit-professionnel-home.jpg); } #bloc-img-professionnel p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-actu { width:200px; height:244px; float:left; margin-top:50px; } #bg-actu { width:190px; height:193px; padding-top:10px;} #bg-actu h2 { font-size:12px; } #bg-actu p { font-size:10px; } .visuel-entreprise { width:430px; height:227px;} /* Main page des Particuliers*/ /* .................................................................................................... */ .titre-page { width:430px; height:41px;} .titre-page h1 { font-family:'juralight', Open Sans, Arial, sans serif; font-size:18px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;} #main-menu-particulier { width:430px; height:1000px;} #bloc-fenetres { width:430px; height:270px; } .titre-bloc-particulier { width:430px; height:31px; margin-bottom:10px;} .titre-bloc-particulier h2 { font-size:16px;} .img-bloc-particulier { width:125px; height:177px; margin-right:30px; margin-left:0px;} .texte-bloc-particulier { width:275px; height:177px; font-size:10px;} #bloc-stores { width:430px; height:270px; margin-left:0px; } #bloc-portes { width:430px; height:270px; } #bloc-alarmes { width:430px; height:270px; margin-left:0px; } .vignette-categorie-fille { width:180px; height:127px; } /* Main page des Pro*/ /* .................................................................................................... */ /* Main page des Partenaires*/ /* .................................................................................................... */ #main-partenaires { width:430px; height:1000px;} #main-partenaires h2 { font-size:18px;} .wp-caption { float:left; margin-right:15px;} .wp-caption p,.wp-caption-text { font-size:12px; } /* Main page des actus*/ /* .................................................................................................... */ #main-actu { width:430px; } #main-actu p { font-size:12px; } #main-actu h2 { font-size:18px;} .entry-content { margin-bottom:100px;} /* Contact*/ /* .................................................................................................... */ #contact { width:430px; height:950px;} #form { width:430px; height:690px; float:left;} #form p { font-style:italic;} #adresse { width:430px; height:150px; float:left;} #adresse p { line-height:14px;} #map { width:430px; height:200px; float:left;} #map iframe { max-width: 100%; height: auto; width: auto; box-sizing: border-box;} textarea { width:430px;} #form input { width:430px;} #sitemap { width:430px; height:2000px;} /* Footer*/ /* .................................................................................................... */ #footer { width:100%; height:230px; background-color:#adadad;} #footer-content { width:430px; } #footer-liens { width:100%; } #footer-logos { width:100%; margin-top:10px;} #footer-logos img { width:35px; height:35px; float:right;} #footer-newsletter { width:100%;} } /* .................................................................................................... */ /* .................................................................................................... */ /* Résolutions mobiles comprises entre 0 et 384px */ /* .................................................................................................... */ @media screen and (min-width:0px) and (max-width:384px) { #header-content { width:350px; height:auto; margin-left:auto; margin-right:auto;} /* Header-TOP*/ /* .................................................................................................... */ #header-top { width:350px; height:120px; margin-bottom:15px;} #logo { width:200px; height:auto; } #logo img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #tel { width:90px; height:auto; } #tel img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #icones { width:60px; height:auto; } #icones img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; margin-left:10px;} #recherche { width:60px; height:auto; float:right; max-width: 100%; height: auto; width: auto; box-sizing: border-box;} /* Header-BOTTOM*/ /* .................................................................................................... */ #header-bottom { width:350px; height:30px; margin-left:auto; margin-right:auto;} /* Menu*/ /* .................................................................................................... */ /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size:13px; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { padding-right:11px; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 50px; width:150px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { font-size: 10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { font-size: 10px; } /* Main*/ /* .................................................................................................... */ #main { width:320px; } #main-page { width:320px; } #main-page p { font-size:12px; text-align:justify;} #main-page h2 { font-size:16px; } #main-page h3 { font-size:12px; } #main-page h3 a { font-size:12px; } #main-page h4 { font-size:12px; } #main-page h4 a { font-size:12px;} #main-menu { width:320px; height:680px; } #slider { height:auto;} #bloc-particulier { width:200px; height:214px; margin-right:10px; margin-bottom:20px;} .titre { width:200px; height:33px;} .titre h1 { font-size:14px;} #bloc-img-particulier { width:200px; height:185px; background:url(images/petit-particulier-home.jpg); } #bloc-img-particulier p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-professionnel { width:200px; height:185px; margin-right:10px;} #bloc-img-professionnel {width:200px; height:185px; background:url(images/petit-professionnel-home.jpg); } #bloc-img-professionnel p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-actu { width:200px; height:244px; float:left; margin-top:50px; } #bg-actu { width:190px; height:193px; padding-top:10px;} #bg-actu h2 { font-size:12px; } #bg-actu p { font-size:10px; } .visuel-entreprise { width:320px; height:169px;} /* Main page des Particuliers*/ /* .................................................................................................... */ .titre-page { width:320px; height:55px;} .titre-page h1 { font-family:'juralight', Open Sans, Arial, sans serif; font-size:16px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;} #main-menu-particulier { width:320px; height:1000px;} #bloc-fenetres { width:320px; height:275px; } .titre-bloc-particulier { width:320px; height:31px; margin-bottom:10px;} .titre-bloc-particulier h2 { font-size:16px;} .img-bloc-particulier { width:125px; height:177px; margin-right:30px; margin-left:0px;} .texte-bloc-particulier { width:165px; height:182px; font-size:10px;} #bloc-stores { width:320px; height:275px; margin-left:0px; } #bloc-portes { width:320px; height:275px; } #bloc-alarmes { width:320px; height:275px; margin-left:0px; } .vignette-categorie-fille { width:180px; height:127px; } /* Main page des Pro*/ /* .................................................................................................... */ /* Main page des Partenaires*/ /* .................................................................................................... */ #main-partenaires { width:430px; height:1000px;} #main-partenaires h2 { font-size:18px;} .wp-caption { float:left; margin-right:15px;} .wp-caption p,.wp-caption-text { font-size:12px; } /* Main page des actus*/ /* .................................................................................................... */ #main-actu { width:320px; } #main-actu p { font-size:12px; } #main-actu h2 { font-size:16px;} .entry-content { margin-bottom:100px;} /* Contact*/ /* .................................................................................................... */ #contact { width:320px; height:950px;} #contact p { font-size:12px;} #form { width:320px; height:650px; float:left;} #form p { font-style:italic;} #adresse { width:320px; height:150px; float:left;} #adresse p { line-height:14px;} #map { width:320px; height:200px; float:left;} #map iframe { max-width: 100%; height: auto; width: auto; box-sizing: border-box;} textarea { width:320px;} #form input { width:320px;} #sitemap { width:320px; height:2000px;} /* Footer*/ /* .................................................................................................... */ #footer { width:100%; height:230px; background-color:#adadad;} #footer-content { width:320px; } #footer-liens { width:100%; } #footer-logos { width:100%; margin-top:10px;} #footer-logos img { width:35px; height:35px; float:left;} #footer-newsletter { width:100%;} } /* .................................................................................................... */ /* .................................................................................................... */ /* Résolutions mobiles comprises entre 0 et 320px */ /* .................................................................................................... */ @media screen and (min-width:0px) and (max-width:320px) { #header-content { width:100%; height:auto; margin-left:auto; margin-right:auto;} /* Header-TOP*/ /* .................................................................................................... */ #header-top { width:100%; height:160px; margin-bottom:15px;} #logo { width:100%; height:auto; } #logo img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; } #tel { display:none;} #icones { width:100%; height:auto; } #icones img { max-width: 100%; height: auto; width: auto; box-sizing: border-box; margin-left:10px;} #recherche { width:30%px; height:auto; float:right; max-width: 100%; height: auto; width: auto; box-sizing: border-box;} /* Header-BOTTOM*/ /* .................................................................................................... */ #header-bottom { width:100%; height:30px; margin-left:auto; margin-right:auto;} /* Menu*/ /* .................................................................................................... */ /* Top Level Items */ #megaMenu ul.megaMenu > li > a, #megaMenu ul.megaMenu > li > span.um-anchoremulator { font-size:13px; } /* Horizontal Menu Items */ #megaMenu.megaMenuHorizontal ul.megaMenu > li > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li > span.um-anchoremulator { padding-right:11px; } /* Sub Menu Columns */ #megaMenu ul.megaMenu > li.ss-nav-menu-mega > ul.sub-menu-1 > li { min-width: 50px; width:150px; } /* Sub Menu Headers */#megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li:hover > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > a, #megaMenu ul li.ss-nav-menu-mega ul.sub-menu-1 > li > span.um-anchoremulator, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu .ss-nav-menu-header > span.um-anchoremulator, .wpmega-widgetarea h2.widgettitle { font-size: 10px; } /* Sub Menu Links & Fake Links */ #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > a, #megaMenu ul li.ss-nav-menu-mega ul ul.sub-menu li > span.um-anchoremulator, #megaMenu ul ul.sub-menu li > a, #megaMenu ul ul.sub-menu li > span.um-anchoremulator { font-size: 10px; } /* Main*/ /* .................................................................................................... */ #main { width:90%; } #main-page { width:95%; } #main-page p { font-size:12px; text-align:justify;} #main-page h2 { font-size:16px; } #main-page h3 { font-size:12px; } #main-page h3 a { font-size:12px; } #main-page h4 { font-size:12px; } #main-page h4 a { font-size:12px;} #main-menu { width:90%; height:680px; } #slider { height:auto;} #bloc-particulier { width:200px; height:214px; margin-right:10px; margin-bottom:20px;} .titre { width:200px; height:33px;} .titre h1 { font-size:14px;} #bloc-img-particulier { width:200px; height:185px; background:url(images/petit-particulier-home.jpg); } #bloc-img-particulier p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-professionnel { width:200px; height:185px; margin-right:10px;} #bloc-img-professionnel {width:200px; height:185px; background:url(images/petit-professionnel-home.jpg); } #bloc-img-professionnel p { font-size:10px; padding-top:165px; padding-right:15px;} #bloc-actu { width:200px; height:244px; float:left; margin-top:50px; } #bg-actu { width:190px; height:193px; padding-top:10px;} #bg-actu h2 { font-size:12px; } #bg-actu p { font-size:10px; } .visuel-entreprise { width:100%px; height:169px;} /* Main page des Particuliers*/ /* .................................................................................................... */ .titre-page { width:100%; height:55px;} .titre-page h1 { font-family:'juralight', Open Sans, Arial, sans serif; font-size:16px; border-top:1px solid #000; border-bottom:5px solid #000; padding-top:5px; padding-bottom:3px;} #main-menu-particulier { width:100%; height:1000px;} #bloc-fenetres { width:100%; height:200px; } .titre-bloc-particulier { width:100%; height:31px; margin-bottom:10px;} .titre-bloc-particulier h2 { font-size:16px;} .img-bloc-particulier { display:none; } .texte-bloc-particulier { width:100%; height:182px; font-size:10px;} #bloc-stores { width:100%; height:200px; margin-left:0px; } #bloc-portes { width:100%; height:200px; } #bloc-alarmes { width:100%; height:200px; margin-left:0px; } .vignette-categorie-fille { width:100%; height:auto; margin-bottom:20px; } /* Main page des Pro*/ /* .................................................................................................... */ /* Main page des Partenaires*/ /* .................................................................................................... */ #main-partenaires { width:95%; height:1000px;} #main-partenaires h2 { font-size:18px;} .wp-caption { float:left;} .wp-caption img { width:50%; height:50%;} .wp-caption p,.wp-caption-text { font-size:10px; } /* Main page des actus*/ /* .................................................................................................... */ #main-actu { width:320px; } #main-actu p { font-size:12px; } #main-actu h2 { font-size:16px;} .entry-content { margin-bottom:100px;} /* Contact*/ /* .................................................................................................... */ #contact { width:100%; height:950px;} #contact p { font-size:12px;} #form { width:100%; height:650px; float:left;} #form p { font-style:italic;} #adresse { width:100%; height:150px; float:left;} #adresse p { line-height:14px;} #map { width:100%; height:200px; float:left;} #map iframe { max-width: 100%; height: auto; width: auto; box-sizing: border-box;} textarea { width:100%;} #form input { width:100%;} #sitemap { width:100%; height:2300px;} /* Footer*/ /* .................................................................................................... */ #footer { width:100%; height:230px; background-color:#adadad;} #footer-content { width:320px; } #footer-liens { width:100%; } #footer-logos { width:100%; margin-top:10px;} #footer-logos img { width:35px; height:35px; float:left;} #footer-newsletter { width:100%;} }