Edition de CSS
vitrine
/* Update 30/03/2018 14:52:30 from 109.190.130.77 */ body { font-family: "muli"; background-color: #fff; margin: 0; overflow-x: hidden; overflow-y: auto; } .hidden { display: none; } .animwaiting { opacity: 0; filter: alpha(opacity=0); } h1, .h1, h2, .h2, h3, .h3 { margin-top: 19px!important; margin-bottom: 9.5px!important; } .pageheader { position: fixed; left: 0; right: 0; min-height: 35px; font-size: 12px; font-weight: black; z-index: 1000; } .pageheader > .menu { width: 1000px; } .page { width: 100%; } /* ALL TIME 100 % !! */ .page > .commands { width: 1000px; } .section { width: 100%; position: relative; } .section .block { width: 1000px; } .lightpage { width: 1000px; margin-top: 30px; } /* bouton vers le haut de page */ .pagetop { width: 48px; height: 48px; border: solid 1px #ccc; background-color: #5a5a5a; position: fixed; bottom: 110px; right: 60px; filter: alpha(opacity=0,8); opacity: 0.8; cursor: pointer; display: none; content: "\ea48"; font-family: "icoxygen"; font-size: 30px; color: #f6f6f6 ; overflow: hidden; text-align: center; line-height: 50px; padding: 0; z-index: 50; } .pagetop.display { display: block; } .lightpage { margin-left: auto; margin-right: auto; margin-bottom: 10px; } .page { margin-top:100px; margin-left: auto; margin-right: auto; } .center { text-align: center; } .left { text-align: left; } .right { text-align: right; } .bold, .b { font-weight: 600; } .normal, .n { font-weight: 300; } .pageheader > .logo, .pageheader .logo { aposition: fixed; position: absolute; top: 0px; margin-top: 5px; margin-left: 10px; abackground-image: url("/images/logo-horz-blue.png"); background-position: left top; background-repeat: no-repeat; background-size: contain; width: 200px; height: 80px; z-index: 999; } body.anim .pageheader > .logo, body.anim .pageheader .logo { background-image: none; } .pageheader > .menuback { z-index: 1; top: 0px; left: 0px; right: 0px; position: absolute; height: 65px; background-color: white; } .pageheader > .menu { position: relative; margin-left: auto; margin-right: auto; margin-top: 20px; z-index: 998; top: 0px; height: 40px; text-align: right; background-color: white; } .pageheader > .menu .itemopener { display: none; } .pageheader > .menu .item { display: inline-block; font-size: 14px; font-weight: 900; color: #00465c; margin: 5px; padding-top: 12px; padding-bottom: 12px; margin-right: 15px; border-top: solid 5px transparent; border-bottom: solid 5px transparent; text-transform: uppercase; } .pageheader > .menu .item.selected, .pageheader > .menu .item:hover { border-top: solid 5px #fdc813; border-bottom: solid 5px #fdc813; } .commands { margin-left: auto; margin-right: auto; /* text-align: right; margin-left: 50%; width: 50%; */ margin-top: 80px; height: 30px; font-size: 13px; font-weight: 900; clear:both; } .commands > * { margin:0px; display: inline-block; vertical-align: top; height: 30px; padding-left: 10px; padding-right: 10px; line-height: 30px; } .commands > *:hover { text-decoration: underline; } .commands > .connectionblo { background-color: #00465c; color: #fff; float: left; float: right; margin-right: 2mm; } .commands > .connection { background-color: #00465c; color: #fff; float: right; } .nsdialogback { z-index: 49; opacity: 0.02; background-color: #000000; position: fixed; left: 0px; right: 0px; top: 90px; bottom: 0px; } .callme { position: fixed; display: inline-block; right: -270px; width: 350px; top: 200px; color: #fff; z-index: 50; } .callme > .do { position: absolute; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 80px; text-align: center; font-size: 13px; font-weight: 900; padding : 7px; padding-top : 12px; padding-bottom : 12px; color: #fff; background-color: #00465c; } .callme > .do i { font-size: 32px; } .callme > .do .calltext { text-transform: capitalize; } .callme > .form { position: absolute; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 80px; width: 270px; min-height: 50px; visibility: hidden; background-color: #f6f6f6; border: solid 2px #00465c; text-align: center; padding : 12px; } .callme.opencall > .form { /*display: block;*/ visibility: visible; } .callme input { width: 85%!important; } .callme input[type="phone"], .callme input[type="text"] { padding: 2px; padding-left: 5px; padding-right: 5px; height: 25px; border: transparent; /* border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; */ margin-bottom: 10px; } .callme .form .button { margin-top: 15px; cursor: pointer; } .commands > .inscription { margin-left: 5px; background-color: #fdc813; color: #00465c; } div[onclick] { cursor: pointer; } div .info { cursor: pointer; text-align: center; display: inline-block; } div .fact > .info { cursor: pointer; text-align: left;; margin-top: 0px; } /* PAGE */ .lightpage > .title { padding : 10px; font-size: 16px; font-weight: 600; color: #00566E; } .lightpage > .text { padding : 10px; padding-bottom : 20px; font-size: 18px; line-height: 1.3; color: #222; min-height: 250px; } .text { line-height: 1.3; } .section { padding: 0px; background-position: 50% 50% ; background-size: cover; background-repeat: no-repeat; } .section.dark { background-color: #eee; color: #fff; } .section.light { color: #000; } .section.paper { background-image: url("/images/paper.jpg"); } .section.grey { background-color: #f6f6f6; } .block { margin-left: auto; margin-right: auto; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; min-height: 210px; padding-top: 45px; padding-bottom: 50px; } .block > .left { display: inline-block!important; vertical-align: top; width: 49.0%; margin: 0px; text-align: right; } .block > .right { display: inline-block!important; vertical-align: top; width: 49.0%; margin: 0px; text-align: left; } .block > .serviceicon { color: #00465c; font-size: 40px; font-weight: bold; margin-top: 12px; margin-bottom: 12px; } .block .title { font-size: 65px; font-weight: bold; padding-bottom: 20px; padding-left: 10%; padding-right: 10%; text-align: center; color: white; } .block.vehicule .title, .block.supervisable .title { padding-bottom: 35px; } .block .text { font-size: 19px; font-weight: normal; padding-left: 10%; padding-right: 10%; } .block .text.big { font-size: 18px; font-weight: 600; color: #00465c; } ul { list-style-type: square; } div[data-name="demat.text"] { font-weight: bold; } div[data-name="oxygengroup.text2"] { margin-bottom: 30px; } div[data-name="oxygengroup.text3"] { margin-top: 3%; } div[data-name="aproposdemat.text"] { font-weight: bold!important; } div[data-name="aproposrespectenv.text"] { color: #00465c; font-weight: bold!important; } .block .multi { width:100%; margin-top: 15px; margin-bottom: 15px; } .block .multi > .by2 { display: inline-block; vertical-align: top; width:49.9%; margin:0; min-height: 200px; min-width: 450px; text-align: left; font-size: 18px; font-weight: normal; color: #000; } .block .multi > .by2.EDA { width:48%; padding-left: 10px; padding-right: 10px; } .block .multi > .by2 .pict { margin-left:auto; margin-right:auto; display: block; text-align: center; } .block .multi > .by2 .pict img { max-width: 80%; padding-left: 20%; padding-right: 20%; vertical-align: middle; } #apropos_oxygengroup .by2 { min-height: auto; } .block .multi > .by3 { display: inline-block; vertical-align: top; width:32%; margin:0.5%; min-height: 150px; min-width: 300px; } .block .multi > .by3 .pict { text-align:left; width: 300px; height: 200px; margin: 20px 0 20px 0 } .block .multi > .by3 .pict img { max-width: 300px; max-height: 200px; background-color: #888; } .block .multi > .by3 .title { padding-left: 0px; padding-top: 5px; padding-bottom: 15px; text-align: left; font-size: 14px; font-weight: bold; color: #00465c; } .block .multi > .by3 .text { padding-left: 0px; padding-bottom: 10px; text-align: left; font-size: 16px; font-weight: normal; color: #000; } label[required] { font-weight: bold; } .block .multi > .by3 .godetails { text-align: left; font-size: 14px; font-style: italic; color: #6dd8e9; cursor: pointer; margin: 15px 0 30px 0; font-weight: bold; } .block .multi > .by3 .godetails .info:before { margin-top: 2px; font-size: 16px; width: 18px; height: 18px; font-size: 13px; font-style: normal; } .block .footer { margin: 30px 0 30px 0; font-size: 16px; font-weight: 600; padding-left: 10%; padding-right: 10%; } .block ul { margin-top: 25px; margin-bottom: 10px; margin-left: 5%; margin-right: 0px; padding: 0px; } .block ul li { margin: 15px; } /* hauteurs et fond de block */ .section.simple { background-image: url("/images/01_header.jpg"); } .section.quisommesnous { background-image: url("/images/photos-banner/a-propos-Oxygen.jpg"); } .section.contacts { abackground-image: url("/images/photos-banner/page-contact-oxygen.jpg"); abackground-image: url("/images/Nous-contacter.png"); background-image: url("/images/Nous-contacter.jpg"); } .section.moyens, .section.apropos { abackground-image: url("/images/photos-banner/ML-CGV-Oxygen.jpg"); background-image: url("/images/nos-moyens_header.jpg"); } .section.cgv { background-image: url("/images/photos-banner/banner-CGV-Oxygen.jpg"); } .section.cgu { background-image: url("/images/photos-banner/banner-CGU-Oxygen.jpg"); } .section.confidentialite { background-image: url("/images/photos-banner/banner-confidentialite.jpg"); } .section.sitelegal { background-image: url("/images/photos-banner/banner-mentions-legales.jpg"); } .section.intuitif .block > .left { background-image: url("/images/02_intuitif.png"); background-position: 50% 50% ; background-size: 90%; background-repeat: no-repeat; height: 300px; margin-top: 45px; } .section.blo .block > .left { background-image: url("/images/Schema_Bl_Online.png"); background-position: 50% 50% ; background-size: 90%; background-repeat: no-repeat; height: 325px; margin-top: 45px; } .section.sizable .block > .right { background-repeat: no-repeat; background-image: url("/images/03_mini-maxi.jpg"); background-position: 50% 50% ; background-size: 100%; height: 300px; } .section.devisable { background-image: url("/images/04_devis_en_ligne.jpg"); } .section.supervisable .image { text-align: center; cursor: pointer; } .section.vehicule { background-image: url("/images/nos-vehicules.jpg") } .section.lightnature { background-image: url("/images/07_environnement.jpg"); } .block.lightnature .title { color: #00465c; } .block.lightnature .text { color: #00465c; font-weight: bold; } .section.demat { background-image: url("/images/08_dematerialiser.jpg"); } .section.nosservices { background-image: url("/images/fotolia_102996545.jpg"); } .section.bloservices { background-image: url("/images/fotolia_102996545.jpg"); } .section.blonline .block.bloservices div[data-name="BLONLINE.text"] img { margin-top: -50px; margin-bottom: -50px; } .block.testez { min-height: 150px; } .block.testez input[type="email"] { width: 350px; padding: 2px 5px 2px 5px; height: 25px; /* border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px;*/ margin: 10px 0px 25px 0px; font-family: muli; font-size: 18px; } #services_testez input[type="email"] { -webkit-appearance: none; text-shadow: none; border: solid 1px #eee; background-color: white !important; } .block.pointsforts { min-height: 150px; } .info:before { display: inline-block; margin-top: 14px; width: 23px; height: 23px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; background-color: #6dd8e9; color: #ffffff; font-size: 17px; font-weight: 900!important; text-align: center; vertical-align: bottom; content: "+"; } .gold { color: #fdc813; font-size: 19px; } .button { font-size: 14px; font-weight: bold; text-transform: uppercase; color: #00465c; background-color: #fdc813; border: transparent; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; display: inline-block; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 7px; cursor: pointer; } /* clients */ .samples { font-size: 14px; text-align: left; padding-left: 4.4%; padding-right: 4.4%; } .samples .client { width: 22%; min-width: 200px; border: solid 1px #00465c; margin: 5px; padding: 5px; display: inline-block; vertical-align: top; } .samples .client > .societe { font-size: 18px; font-weight: 900; color: #00465c; margin-bottom: 4px; } .samples .client > .activite { font-size: 14px; color: #00465c; font-style: italic; } .samples .client > .text { font-size: 14px; margin-top: 10px; margin-bottom: 10px; color: #000; } .samples .client > .signature { font-size: 14px; font-weight: bold; color: #6dd8e9; } /* engagements */ .engagements { text-align: left; padding-left: 4.4%; padding-right: 4.4%; } .engagements .title { text-align: left; } .engagements .fact { min-width: 120px; width: 15.5%; padding: 3px; display: inline-block; vertical-align: top; } .engagements .fact > .title { font-size: 14px; font-weight: 900; color: #00465c; margin-bottom: 4px; margin-top: 10px; padding-left: 0%; padding-bottom: 15px; } .engagements .fact > .text { font-size: 13px; padding-left: 0%; } .engagements .fact > .activite { color: #000; } /* various */ .dblue { color: #00465c;} .mblue { color: #00465c;} .ltblue { color: #6dd8e9; } /* padding */ .pt1 { padding-top: 1px; } .pt2 { padding-top: 2px; } .pt3 { padding-top: 3px; } .pt4 { padding-top: 4px; } .pt5 { padding-top: 5px; } .pt10 { padding-top: 10px; } .pt15 { padding-top: 15px; } .pt20 { padding-top: 20px; } .pt25 { padding-top: 15px; } .pb1 { padding-bottom: 1px; } .pb2 { padding-bottom: 2px; } .pb3 { padding-bottom: 3px; } .pb4 { padding-bottom: 4px; } .pb5 { padding-bottom: 15px; } .pb10 { padding-bottom: 10px; } .pb15 { padding-bottom: 15px; } .pb20 { padding-bottom: 20px; } .pb25 { padding-bottom: 25px; } .pl1 { padding-left: 1px; } .pl2 { padding-left: 2px; } .pl3 { padding-left: 3px; } .pl4 { padding-left: 4px; } .pl5 { padding-left: 5px; } .pl10 { padding-left: 10px; } .pl15 { padding-left: 15px; } .pl20 { padding-left: 20px; } .pl25 { padding-left: 25px; } /* margin */ .mt1 { margin-top: 1px; } .mt2 { margin-top: 2px; } .mt3 { margin-top: 3px; } .mt4 { margin-top: 4px; } .mt5 { margin-top: 5px; } .mt10 { margin-top: 10px; } .mt15 { margin-top: 15px; padding-bottom: 30px; } .mt20 { margin-top: 20px; } .mt25 { margin-top: 15px; } .mb1 { margin-bottom: 1px;} .mb2 { margin-bottom: 2px;} .mb3 { margin-bottom: 3px;} .mb4 { margin-bottom: 4px;} .mb5 { margin-bottom: 5px;} .mb10 { margin-bottom: 10px;} .mb15 { margin-bottom: 15px;} .mb20 { margin-bottom: 20px;} .mb25 { margin-bottom: 25px;} .ml1 { margin-left: 1px;} .ml2 { margin-left: 2px;} .ml3 { margin-left: 3px;} .ml4 { margin-left: 4px;} .ml5 { margin-left: 5px;} .ml10 { margin-left: 10px;} .ml15 { margin-left: 15px;} .ml20 { margin-left: 20px;} .ml25 { margin-left: 25px;} /* */ .listvehicules { display: block; overflow: hidden; height: 250px; /*110px;*/ width: 100%; margin-bottom: 5px; text-align:left; position: relative; } .listvehicules .format { position: absolute; display: none; margin-left: -10%; } .listvehicules .format img { height: 200px; /* 80px; */ } .listvehicules .format .text { text-align: center; margin-top: 5px; margin-bottom: 15px; } .listvehicules .format.visible { display: block; } .form div { vertical-align: top; } .form input[type="text"], .form input[type="url"], .form input[type="email"], .form input[type="password"], .form input[type="phone"] { padding-right: 4px; padding-left: 4px!important; padding-top: 2px; padding-bottom: 2px; height: 25px; /* border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; */ margin-bottom: 10px; } .form textarea { padding: 5px; padding-left: 5px; padding-right: 5px; height: 150px; /* border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; */ margin-bottom: 10px; overflow-x: hidden; overflow-y: auto; } .form label { vertical-align: top; font-size: 16px; text-weight: bold; margin-top: 12px; } .form input, .form textarea { width: 80%; font: 400 16px Muli; } .form #email {width: 90%;} .form #message {width: 90%;} .form #formula {width: 20%;} .form .actions { padding-top: 5px; padding-bottom: 30px; text-align: center; } @media (max-width: 1050px) { .pageheader, .page { width: 100%; } .section .block { width: 100%; } .section .pict { width: 100%; } .section img { max-width: 100%; margin-bottom: 5px;} .pageheader { font-size: 12px; font-weight: black; height: 40px; } /* .pageheader .logo { position: fixed; background-image: url("/images/logo-horz-white.png"); background-position: center top; background-repeat: no-repeat; background-size: contain; width: 200px; height: 26px; z-index: 999; top: 0; left: 20%; } */ body.anim .pageheader .logo { background-image: none; } .pageheader > .menu { position: fixed; left: 0px; right: 0px; margin-top: 0px; width: 100%; top: 0px; text-align: left; height: 34px; color: #FFFFFF; background-color: #00465c; overflow: hidden; } .pageheader > .menuback { height: 34px; } .commands { width: 100%; } .pageheader > .menu .itemopener { display: block; vertical-align: top; margin-right:2px; margin-left:2px; margin-top:2px; margin-bottom:1px; margin-left:auto; height: 28px; width: 28px; border: solid 1px #eee; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pageheader .menu.opened { height: auto; } .pageheader .menu .item { display: block; color: #FFFFFF; background-color: #00465c; margin: 0px; padding: 5px; padding-left: 10px; padding-right: 10px; } .pageheader > .menu { margin-top: 0px!important;} .pageheader > .menu .logo { height: 20px!important;} .commands { margin-top: 44px; margin-left: 0px; margin-right: 0px; text-align: center; width:100%!important; } .commands > div { width: 40% !important; text-align: center; overflow: hidden; white-space: nowrap; } .commands > div > span { display: none } .samples .client { width: auto; } .engagements .fact { width: 45%; } .lightpage { border: none; width: 100%; } .listvehicules .format img{ height: 150px; /* 80px; */ } .block .multi > .by2 { min-width: 95%; } .block .multi > .by2 .pict , .block .multi > .by3 .pict { padding-left: 0%; padding-right: 0%; text-align: center; } .block .multi > .by2 .pict img, .block .multi > .by3 .pict img{ padding-left: 0%; padding-right: 0%; } } #currentpage { display: none;} .movingruns { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .movingruns .section { cursor: pointer; outline: 2px dashed #a51b1b; outline-offset: -2px; } /* autorisation des cookies */ .cookiesquery { position: fixed; bottom: 0; left: 0; right: 0; border-top: solid 1px #888; opacity: 0.9; color: #000; font-size: 12px; background-color: #f8f8f8; padding: 5px; display: none; text-align: center; } a { color: #00465c; text-decoration: none; font-weight: normal; } a:hover { color: #fdc813; text-decoration: none; font-weight: normal; } .cookiesquery a, .cookiesquery .OK { color: #00465c; text-decoration: underline; text-align: right; font-weight: bold; } .cookiesquery .OK { text-align: center; width: 24px; height: 24px; font-size: 15px; line-height: 24px; color: #00465c; position: absolute; top:0; right: 2px; text-decoration: none; } .cookiesquery a:hover, .cookiesquery .OK:hover { color: #fdc813; } h1 { font-size: 29px!important; text-align: center; color: white; font-weight: bold!important; } h2 { font-size: 45px!important; color: #00465c!important; text-align: left!important; padding-left: 8px!important; } h3 { font-size: 45px!important; color: #00465c!important; text-align: center; } h4 { font-size: 19px!important; color: #00465c!important; } h5 { color: #00465c!important; } #apropos_quisommenous.section.dark.quisommenous { background-position: 50% 17%; } #legal.section.cgv { background-position: 50% 62%; } #legal.section.cgu { background-position: 50% 34%; } #legal.section.confidentialite { background-position: 50% 70%; } h3[data-name="aproposdemat.title"], h3[data-name="aproposnosvaleurs.title"] { color: white!important; } div[data-name="aproposnosvaleurs.text"] { color: white!important; } .paper { background-size: 100% 100%; } /* QUI SOMMES NOUS apropos.html */ .apropos .by2 { width: 48%!important; } .block.center.light .multi .by2 { margin-bottom: 1px; } .block > .aproposicon { color: #00576D; font-size: 40px; font-weight: bold; margin-top: 12px; margin-bottom: 12px; text-align: center; } .apropos div[data-name="sublimation.text"] { font-style: italic; } #apropos_sublimation .block.light.sublimation { padding-bottom: 15px; } .block.light.contactsform { padding-bottom: 0; } .section.quisommenous { background-image: url(/images/page-quisommesnous/qui-sommes-nous.jpg); } .apropos #apropos_nosvaleurs { position: relative; abackground-image: url(/images/nos-valeurs.jpeg); background-image: url(/images/nos-valeursw.jpeg); } .apropos #apropos_nosvaleurs .cover { position: absolute; left:0; right:0; top:0; bottom:0; background-color: #fff; opacity: 0.5; filter: alpha(opacity=0.5); } .apropos .section.respectenv { background-image: url(/images/07_environnement.jpg); } .block.light.lesvaleurs { padding-top: 0px; padding-bottom: 0px; } .apropos .lesvaleurs .multi .by2 .pict { color : #00465c; font-size: 70px; text-align:center; } .apropos .lesvaleurs .multi .by2 .title { font-size: 26px; color: #00465c; } .apropos .lesvaleurs .multi .by2 .text { font-size: 19px; margin-bottom: 30px; } .apropos .pict.tempo img { margin-bottom: 10px; padding-top: 15px; } /* css de Page contact */ /* .contact .contactsform .callme { position: absolute; top:0; right:-230px; } */ div[data-name="BLONLINE.text4"] { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 20px; } div[data-name="BLONLINE.text5"] { padding-left: 8px !important; padding-right: 8px !important; margin-bottom: 20px; } .block.contactlogo .pict.logo img { height: 250px; margin-bottom: 20px; } .publicform .line { width: 100%; padding-left: 5%; } .publicform .part12 { text-align: left; display: inline-block; width: 50%; } .publicform div.part12 input[type="text"] {width: 332px;} .publicform .full { text-align: left; display: block; width: 100%; } .publicform div.full label, .publicform div.part12 label { width: 100%; padding: 5px 5px 10px 5px; display: block; } @media (min-width: 1050px) { .publicform div.part12 { width: 49%; float: right; } .publicform div.part12:first-child { width: 49%; float: left; color: color; } } @media (max-width: 1050px) { .publicform .part12 { display: block; width: 100%; } } .h3_text { margin-bottom: 35px; } .parcvehicules h2.title[data-name="MOYENS.title3"] { margin-top: 50px; } .section_list h2.title[data-name="devisable.title"], .section_list h2.title[data-name="vehicule.title"], .section_list h2.title[data-name="demat.title"] { color: white!important; font-weight: bold!important; } .section_list h2.title[data-name="blo.title"], .section_list h2.title[data-name="intuitif.title"], .section_list h2.title[data-name="sizable.title"], .section_list h2.title[data-name="devisable.title"], .section_list h2.title[data-name="supervisable.title"], .section_list h2.title[data-name="vehicule.title"], .section_list h2.title[data-name="accro.title"], .section_list h2.title[data-name="lightnature.title"], .section_list h2.title[data-name="demat.title"], .section_list h2.title[data-name="testez.title"], .section_list h2.title[data-name="lamarque.title"] { padding-left: 10%!important; } .section_list h2.title[data-name="sizable.title"], .section_list h2.title[data-name="devisable.title"] { text-align: right!important; } .section_list h2.title[data-name="supervisable.title"], .section_list h2.title[data-name="vehicule.title"], .section_list h2.title[data-name="accro.title"], .section_list h2.title[data-name="lightnature.title"], .section_list h2.title[data-name="demat.title"], .section_list h2.title[data-name="testez.title"], .section_list h2.title[data-name="lamarque.title"] { text-align: center!important; } div[data-name="demat.text"] { font-weight: bold!important; } .block div[data-name="testez.title"] { font-size: 45px!important; color:#00465c!important; } #apropos_oxygengroup .block.center.light { padding-top: 1px; padding-bottom: 1px; } div[data-name="oxygengroup.text"] { text-align: center; } /* Correctifs formulaire de contact */ #formula {width: 5mm!important;} .publicform div.full label[for="formula"] { width: auto!important; width: initial!important; } .publicform .part12 {width: 500px; } .publicform input, .publicform textarea { margin: 0; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; background-color: #fff; } .publicform div.full label, .publicform div.part12 label { width: 130px!important; padding: 0; padding-left: 5px; padding-top: 5px; padding-bottom: 10px; display: inline-block; } .publicform .line { awidth: 1000px; width: 100%; padding-left: 0; padding-right: 0; clear : both; } .publicform input[type="text"], .publicform input[type="url"], .publicform input[type="email"], .publicform input[type="phone"], .publicform textarea { width: 336px!important; afloat: right; margin-top: 10px; padding-left:4px; padding-right:4px; } .publicform .full input[type="text"], .publicform .full input[type="url"], .publicform .full input[type="email"], .publicform .full input[type="phone"], .publicform .full textarea { width: 85%; max-width: 842px; afloat: right; float: none; margin-top: 10px; padding-left:4px; padding-right:4px; } @media (min-width: 900px) { .publicform .full input[type="text"], .publicform .full input[type="url"], .publicform .full input[type="email"], .publicform .full input[type="phone"], .publicform .full textarea { max-width: 85%; float: none; display: inline-block; } } div[data-goancre="services_all"] { display:none; } *[data-name="oxygengroup.title"] { display: none; } .pict.oxygen { padding-bottom: 15px; padding-top: 15px; } div[data-name="CONTACT.text2"] { padding-left: 8px!important; } div[data-name="CONTACT.button"] { margin-top: 30px; } .full.securequestion { padding-top: 9px; } div[data-name="CONTACT.text3"] { color: #00465c; margin-top: 10px; font-weight: bold!important; padding-left: 8px!important; } div[data-name="CONTACT.text4"] { padding-left: 8px!important; margin-bottom: 20px; } #services_historique .pict img { max-width: 70%; margin-top: 20px; } #services_comptes .pict img { margin-top: 35px; } .parcvehicules .parcvehicules .allvehicules { text-align: center; } .parcvehicules .parcvehicules .truck { position : relative; text-align:left; display: inline-block; } .parcvehicules .parcvehicules .trucktype { text-align: left; font-weight: bold; font-size: 25px; color: #00465c; height: 20px; padding-left: 10px; } .parcvehicules .parcvehicules .truckpicture { position : relative; } .parcvehicules .parcvehicules .truckpicture img { margin-top: 8px; } .parcvehicules .parcvehicules .truckinfos { text-align: left; font-size: 14px; font-style: italic; color: #6dd8e9; cursor: pointer; margin-top:0; margin-bottom: 30px; font-weight: bold; } .parcvehicules .parcvehicules .truckinfos .info { margin:0; } .parcvehicules #cardvehicule { display: none; position: absolute; overflow-x: hidden; top: 0px; left: 0px; width: 460px !important; z-index: 3000; afilter: alpha(opacity=0.0); aopacity: 0.9; } .parcvehicules #cardvehicule.left { margin-left: -460px; } .parcvehicules #cardvehicule.right { margin-left: 460px; } .parcvehicules #cardvehicule.display { display: block; } .parcvehicules #cardvehicule .leftclose { position: absolute; margin-top: 80px; margin-left: 0px; display: inline-block; color: #00465c; width: 32px; height: 48px; border: solid 1px #a51b1b; z-index: 2000; } .parcvehicules #cardvehicule .rightclose { position: absolute; margin-top: 80px; margin-left: 0px; display: inline-block; color: #00465c; width: 32px; height: 48px; border: solid 1px #00465c; z-index: 2000; } .parcvehicules #cardvehicule.left .leftclose { display: none; } .parcvehicules #cardvehicule.right .rightclose { display: none; } .parcvehicules #cardvehicule table { background-color : #fff; width: 460px !important; } .parcvehicules #cardvehicule table th { /*min-width: 120px;*/ line-height: 1.2; } .parcvehicules #cardvehicule table td { min-width: 120px; line-height: 1.2; } .parcvehicules #cardvehicule #title { text-transform: uppercase; text-align: left; font-weight: bold; font-size: 14px; color: #fff; background-color: #00465c; padding: 4px; } .parcvehicules #cardvehicule tbody th { font-size : 14px; color : #00465c; text-weight: normal; text-align: left; line-height: 2.2; } .parcvehicules #cardvehicule tbody td { font-size : 14px; color : #00465c; text-weight: bold; text-align: left; line-height: 2.2; } .parcvehicules .part50 { width: 50%; } .parcvehicules .part100 { width: 100%; } .block.light.parcvehicules { padding: 10px 0 0 0; } .trucktype { margin-bottom: 30px; } div[data-name="MOYENS.text2"] { padding: 0 0 0 10px!important; } div[data-name="MOYENS.text3"] { padding-left: 10px!important; font-size:16px!important; font-style: italic; } .nosmoyens .l1 { background-color: var(--gris-tres-clair ); } .nosmoyens .l0 { } @media (max-width: 1050px) { .parcvehicules .part50 { width: 100%; } } @media (max-width: 768px) { .section .block > .left{ width: 100%; } .section .block > .right{ width: 100%; } .lightpage { width: 100%; } .publicform .part12 { text-align: left; display: inline-block; width: 100%!important; } .publicform .line { max-width: 100%!important; padding-left: 0; padding-right: 0; clear: both; } .form label { width: 85%!important; text-align: left; } .form input[type="text"], .form input[type="url"], .form input[type="email"], .form input[type="phone"], .form input[type="password"], .form textarea { width: 85%!important; display: inline-block; margin-left: 4%!important; margin-top: 0px!important; float: none!important; } .listvehicules .format img{ height: 100px; } } #apropos_oxygengroup .by2 .pict { text-align: left; } #apropos_oxygengroup .by2:first-child .pict { text-align: right; } .sitelegal .title H2 { color: white!important } /***** creation compte / login */ .register { border: solid 1px silver; background-color: #f6f6f6; padding: 15px; width : 485px; } .register > div { width: 240px; display: inline-block; vertical-align:top; } .register input, .register textarea { margin: 0; border: none; border-radius: 0!important; -moz-border-radius: 0!important; -webkit-border-radius: 0!important; background-color: #fff!important; } /* pb Chrome qui force les champs en fond jaune */ form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #222 !important; } .register input:-webkit-autofill, .register input:-webkit-autofill:hover, .register input:-webkit-autofill:focus, .register input:-webkit-autofill { padding: 2px; background-color: #fff!important; /* border-width: 1px!important; border-style: solid!important; border-color: silver!important; border-image: initial!important; transition: background-color 5000s ease-in-out 0s; */ color: initial!important; cursor: text!important; -webkit-appearance: none; text-shadow: none; } /* FOOTER */ .pagefooter { font-size: 13px; background-color: #00566E; min-height: 100px; width: 100%; padding-bottom: 7px; } .pagefooter .copyright { text-align: center; color: white; font-size: 11px; margin: 15px 0 7px 0 } .pagefooter .footertitle { font-weight: bold; color: #fdc813; padding-bottom: 3px; } .pagefooter > .menu { width: 1000px; margin-left: auto; margin-right: auto; } .pagefooter .column { display: inline-block; vertical-align: top; min-width: 120px; width: 20.0%; color: #fff; padding-left: 2%; padding-right: 2%; padding-bottom: 4px; padding-top: 10px; line-height: 1.6; } .pagefooter .column img { text-align: left; } .pagefooter a { color: white; text-decoration: none; font-weight: normal; } .pagefooter a:hover { font-weight: normal; } .pagefooter .menu > .column.logo3 { text-align: right; } .pagefooter .menu > .column.logo3 IMG { margin-top: 10px; } @media (max-width: 1050px) { .pagefooter .menu { width: 100%; } .pagefooter .menu .column { width: 47%; } } @media (max-width: 768px) { .pagefooter .menu > .column{ width: 100%; font-size: 12px; } .pagefooter .menu > .column.logo3 { text-align: center; } .pagefooter .menu > .column.logo3 IMG { width: 50%; } }
Send