/*-- Design by ici-reparation-iphone Author: ici-reparation-iphone --*/ h4, h5, h6, h1, h2, h3 {margin: 0;} ul, ol {margin: 0;} p {margin: 0;} html, body{ font-family: 'Hind-Regular'; font-size: 100%; background:#fff; /*--arriere plan--*/ } a { text-decoration: none; } a:hover { transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } @font-face { font-family: 'Hind-Regular'; src:url(../fonts/Hind-Regular.ttf) format('truetype'); } @font-face { font-family: 'MontserratAlternates-Regular'; /*src:url(../fonts/MontserratAlternates-Regular.ttf) format('truetype');*/ src:url(../fonts/LEMONMILK-Regular.otf) format('truetype'); /*src:url(../fonts/MADE TOMMY Regular_PERSONAL USE.oft) format('truetype');*/ /*src:url(../fonts/AlteHaasGroteskRegular.ttf) format('truetype');*/ } /*--header --*/ .header-strip { background: url(../images/strip.png); min-height: 3px; position: fixed; width: 100%; z-index: 100; } .header { padding: 5em 0em 1em 0em; } span.menu { display: none; } .logo{ margin-top:6em; margin-left: auto; margin-right: auto; margin-bottom:3em; width: 10em } .logo h1 { font-size: 3em; text-align: center; font-family: 'MontserratAlternates-Regular'; } .logo h1 a { color:#b0316a; } .logo h1 a:hover{ text-decoration:none; } .navg-strip { padding: 1em 0em 1em 0em; box-shadow: 0px 1px 15px #000; position: fixed; clear: both; background: #FFF; width: 100%; z-index: 99; } .top-nav { float: left; width: 79%; } .top-nav ul { padding: 0em; list-style: none; } .top-nav ul li { display: inline-block; margin:0em 2.3em 0em 0em; } .top-nav ul li a { font-size: 1.1em; color: #000; } .top-nav ul li a:hover { text-decoration:none; color:#b0316a; } .header-right { float: right; width: 21%; } .close-in{ position: absolute; top: -22px; right: 0px; cursor: pointer; background: #b0316a; padding: 4px; } .right button { cursor: pointer; font-size: .8em; color: #777; position: absolute; bottom: 0; top:0px; right: 0px; border: none; outline: none; background: url('../images/search.png') no-repeat 0px ; width: 25px; height: 25px; padding: 0; } /*--banner --*/ .banner { background: url(../images/qq.jpg)no-repeat center; min-height: 600px; background-size: cover; } .banner-main { padding: 1em 0em 4em 0em; text-align: center; } .banner-main h2 { font-size: 2.5em; max-width: 80%; display: inline-block; color:#b0316a; font-family: 'MontserratAlternates-Regular'; } .banner-main p { font-size: 1.5em; color: #5b5b5b; max-width: 60%; display: inline-block; padding:1.5em; } .tel{ margin-left:1em; margin-right:4em; float:right; } .nancy-depannage{ } /*--banner end--*/ .line { border-top: 1px solid #8f8f8f; } /*--single--*/ .single-grid{ margin:0em 0 3em; background: #fff; } .single-grid h4{ margin:0 0 0.3em; font-size:2em; font-family: 'MontserratAlternates-Regular'; color:#b0316a; } .single-grid p{ margin:0.7em 0 1em; font-size:1em; color:#7c7c7c; line-height:1.9em; } .single-profile h4 { font-size: 2em; color:#3A3A3A; margin: 0em; font-family: 'MontserratAlternates-Regular'; } .single-left { padding: 2em 0 0; } .post-top { padding: 0 1em 0 0em; } .single-profile { padding:0 0 3em 0; } .cal ul { padding: 0px; } .cal ul li{ display: inline-block; } .cal ul li span{ color:#7C7C7C; font-size:1em; margin-right: 1em; font-family: 'MontserratAlternates-Regular'; } .cal ul li a{ color:#7C7C7C; text-decoration:none; font-size:1em; font-family: 'MontserratAlternates-Regular'; } .post-top h6 { font-size: 1.5em; color: #000; padding: 0.3em 0em 0.1em 0em; margin: 0em; font-family: 'MontserratAlternates-Regular'; } .post-top h6 a { color: #000; text-decoration:none; } .post-top h6 a:hover{ text-decoration:none; color: #b0316a; } .post-top p{ font-size: 1em; color: #7c7c7c; line-height:1.7em; } .categories-grid h4{ color:#3A3A3A; font-size: 1.7em; padding: 0em 0 0.5em; margin: 0em; font-family: 'MontserratAlternates-Regular'; } .grid-categories { padding: 0 0 1em; } ul.popular li { list-style: none; } ul.popular li a{ color: #7c7c7c; font-size: 1em; padding: 0.5em 0; display: block; text-decoration: none; } ul.popular li i { margin: 0 8px 0px; } ul.popular li a:hover{ color:#fc5c5c; padding: 0.5em 0 0.5em 0.3em; } .single-bottom h3 { font-size: 2em; color:#b0316a; margin: 0em; font-family: 'MontserratAlternates-Regular'; } .single-bottom input[type="text"], .single-bottom textarea { font-size: 1.1em; width: 98%; padding: 0.5em 1em; margin: 0.5em 0; background: #fff; outline: none; border: 1px solid #bbb; color: #bbb; } .single-bottom input[type="submit"]{ border: none; color: #000; font-size: 1em; width: 10%; margin: 0.5em 0em; background:none; border: 2px solid #b0316a; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; padding: 0.3em 1em; outline:none; } .single-bottom input[type="submit"]:hover{ border: 2px solid #3A3A3A; } .comment { padding: 0; } .single-bottom textarea { resize:none; min-height:180px; margin:0.5em 0em; width: 99%; } .single-bottom form{ padding:2em 0 0; } .single { padding: 4em 0; } .grid-categories ul.popular { padding: 0px; } i.glyphicon.glyphicon-calendar { margin: 0em 0.4em 0em 0em; } i.glyphicon.glyphicon-comment { margin: 0em 0.4em 0em 0em; } /*--//single--*/ /*--partenaires--*/ .ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 200px; height: 200px; display: inline-block; margin: 0 10px; } h3.tittle-one:after, h3.tittle-one:before{ border: 1px dotted #c2c2c2; width: 120px; display: inline-block; vertical-align: middle; content: ""; margin: 0 2%; } h3.tittle-one{ text-align:center; font-family: 'JosefinSans-Regular'; color:#E1009F; font-size:50px; margin-bottom:50px; } .staff{ padding-bottom:4em; } .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; } .ch-info-wrap, .ch-info{ position: absolute; width: 162px; height: 162px; border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; -ms-perspective: 800px; perspective: 800px; } .ch-info-wrap { top: 20px; left: 20px; box-shadow: 0px 1px 15px #000; } .ch-info { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-position: center center; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .ch-info .ch-info-front { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; z-index: 100; box-shadow: inset 2px 1px 4px rgba(0,0,0,0.1); } .ch-info .ch-info-back { background: rgba(230,132,107,0); } .ch-img-1 { background-image: url(../images/logo-audi.jpg); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; } .ch-img-2 { background-image: url(../images/a12.jpg); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; } .ch-img-3 { background-image: url(../images/a13.jpg); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; } .ch-img-4{ background-image: url(../images/logo-psa.jpg); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; } .ch-img-5{ background-image: url(../images/logo-bmw.jpg); border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; } .ch-info h4{ color: #dba1bb; font-size: 28px; font-weight: 600; margin: 0 18px; padding: 40px 0 0 0; } .ch-info p { color: #fff; line-height:1.8em; padding: 10px 5px; font-style: italic; font-size: 13px; } .ch-item:hover .ch-info-front { -webkit-transform: rotate3d(1,0,0,-180deg); -moz-transform: rotate3d(1,0,0,-180deg); -o-transform: rotate3d(1,0,0,-180deg); -ms-transform: rotate3d(1,0,0,-180deg); transform: rotate3d(1,0,0,-180deg); box-shadow: inset 0 0 5px rgba(255,255,255,0.2), inset 0 0 3px rgba(0,0,0,0.3); } .ch-item:hover .ch-info-back { background: #464646; } /*--about --*/ .about { padding: 5em 0em 5em 0em; } .about-top { text-align: center; } .about-top h3 { font-size: 2.5em; color: #16214d; margin: 0em 0em 0.2em 0em; font-family: 'MontserratAlternates-Regular'; } .about-top p { font-size: 1em; color: #5A5A5A; width: 60%; margin: 0 auto; line-height: 1.8em; } .about-left h4 { font-size: 3em; color: #b0316a; margin: 0em 0em 0.2em 0em; font-family: 'MontserratAlternates-Regular'; text-align: center; } .about-left h5 { font-size: 1.2em; color: #000; margin: 0em 0em 1em 0em; } .about-left p { font-size: 1em; color:#9b9b9b4; line-height: 1.8em; } .about-right p { color:#9b9b9b4; line-height: 1.8em; font-size: 1em; margin: 1em 0em 0em 0em; } span.ab-gd-img { float: left; width: 15%; } .ab-gd-text { float: right; width: 85%; } .ab-gd-text h6 { font-size: 1.1em; color:#2A2828; margin-bottom: 0.4em; font-family: 'MontserratAlternates-Regular'; } .ab-sub-gd { margin: 0em 0em 1.2em 0em; } span.glyphicon.glyphicon-star-empty.ab-gd-img { font-size: 3em; color: #c9c9c9; } span.glyphicon.glyphicon-cloud.ab-gd-img { font-size: 3em; color: #c9c9c9; } span.glyphicon.glyphicon-leaf.ab-gd-img { font-size: 3em; color:#c9c9c9; } .about-grid { margin: 1.8em 0em 0em 0em; } /*--about end--*/ /*--ab-info --*/ span.ab-info-clr { display: block; } .ab-info-left h3 { font-size: 1.7em; color:#b0316a; line-height: 1.5em; font-family: 'MontserratAlternates-Regular'; } .ab-info-left p { font-size: 1em; margin: 1em 0em 0em 0em; color: #000000; line-height: 1.6em; } .ab-info-right p { font-size: 1em; color: #000000; line-height: 1.8em; } .ab-info-right a { font-size: 0.9em; color: #000000; padding: 0.4em 0em 0.4em 0em; display: inline-block; width: 20%; background: none; border: 3px double #b0316a; text-align: center; margin: 1em 0em 0em 0em; } .ab-info-right a:hover { text-decoration:none; border: 3px double #2A2828; } span.ab-line { background: #999; width: 2px; height: 100px; display: block; position: absolute; top: 0%; left: 85%; } .ab-info-bott { position: relative; } .ab-info { padding: 4em 0em 4em 0em; background: #F0F0F0; } /*--ab-info end--*/ /*--tarifs --*/ .ser-top { text-align: center; padding: 0em 0em 4em 0em; } .tarifs { padding: 2em 0em 5em 0em; } .ser-top h3 { font-size: 3em; color:#b0316a; margin-bottom: 0.2em; font-family: 'MontserratAlternates-Regular'; } .ser-top h4 { font-size: 1.5em; padding: .5em 0em .5em 0em; } .ser-top p { font-size: 1em; color:#9b9b9b4; width: 50%; margin: 0 auto; line-height: 1.8em; } span.glyphicon.glyphicon-plane{ font-size: 2.5em; color: #4A4949; } span.glyphicon.glyphicon-glass{ font-size: 2.5em; color: #4A4949; } span.glyphicon.glyphicon-cutlery{ font-size: 2.5em; color: #4A4949; } .ser-icon { float: left; width: 15%; text-align: center; } .ser-text { float: right; width: 85%; } .ser-grid { padding: 2em 0em; } .tarifs-right { padding: 0px; border-top: 2px solid #B8B8B8; } .service-left { padding: 0px; } .ser-grid { padding: 2.17em 0em; border-bottom: 2px solid #B8B8B8; } .ser-text h4 { font-size: 1.4em; color: #000; font-family: 'MontserratAlternates-Regular'; } .ser-text p { font-size: 1em; color: #9b9b9b4; line-height: 1.8em; } /*--tarifs end--*/ /*--dream --*/ .dream-grid h4 { font-size: 1.2em; color: #000; margin: 1em 0em 0.3em 0em; } .reparation { padding: 2em 0em 5em 0em; } .dream-top { text-align: center; padding: 4em 0em 2.5em 0em; } .dream-top h3 { font-size: 3em; color:#b0316a; margin-bottom: 0.2em; font-family: 'MontserratAlternates-Regular'; } .dream-top h4 { font-size: 2em; margin-bottom: 0.2em; } .dream-top p { font-size: 1em; color: #9b9b9b4; line-height: 1.8em; } .dream-bottom h4 { font-size: 1.1em; color:#b0316a; margin-bottom: 0.5em; font-family: 'MontserratAlternates-Regular'; } .dream-bottom p { font-weight : bold; } .dream-grid { text-align: center; } .dream-grid h3 { font-size: 1.8em; color:#b0316a; } .dream-grid p { font-size: 1em; color: #9b9b9b4; line-height: 1.5em; margin: 0em 0em 0.4em 0em; } /*--dream end--*/ /*--map --*/ .map { background: #F2F2F2; } .map iframe { width: 100%; height: 200px; border: none; } /*--map end--*/ /*--contact --*/ .contact { padding:5em 0em 5em 0em; } .contact-top { text-align: center; padding: 0em 0em 3em 0em; } .contact-top h3 { font-size: 3em; color:#b0316a; margin-bottom: 0.2em; font-family: 'MontserratAlternates-Regular'; } .contact-top p { font-size: 0.95em; font-weight: 400; color: #9b9b9b4; line-height: 1.8em; margin: 0 auto 0em; width: 60%; } .contact-left input[type="text"] { display: inline-block; background: none; border: 1px solid #A3A1A1; width: 100%; outline: none; font-size: 0.95em; color: #747577; font-weight: 400; padding: 13px 15px 13px 15px; margin: 0em 0em 1.5em 0em; } .contact-right textarea { background: none; border: 1px solid #A3A1A1; width: 100%; display: block; height: 150px; outline: none; font-size: 0.9em; color: #747577; font-weight: 400; resize: none; padding: 10px 15px 10px 15px; } .contact-right input[type="submit"] { font-size: 1em; color: #000; background: none; padding: 0.5em 1em 0.5em 1em; display: block; border: 2px solid #b0316a; margin: 0.5em 0em 0em 0em; outline: none; } .contact-right input[type="submit"]:hover{ border: 2px solid #2A2828; text-decoration:none; } /*--contact end--*/ /*--footer --*/ .footer { background:#b0316a; padding: 2em 0em; } .ftr-grd h3 { font-size: 2em; color: #fff; margin-bottom: 0.5em; font-family: 'MontserratAlternates-Regular'; } .ftr-grd p { font-size: 1em; color: #fff; line-height: 1.7em; } ul.ftr-links { list-style: none; padding: 0px; } ul.ftr-links li { margin: 0em 0em 0.8em 0em; color:#fff; font-size: 1em; } ul.ftr-links li a{ color:#fff; font-size: 1em; } ul.ftr-links li a:hover{ color:#3A3A3A; text-decoration:none; } ul.ftr-categ { padding: 0em; list-style: none; } ul.ftr-categ li{ font-size: 1em; margin:0em 0em 0.8em 0em; color:#fff; } ul.ftr-categ li a { font-size: 1em; color:#fff; margin: 0em 0em 0em 0em; } ul.ftr-categ li a:hover{ color:#3A3A3A; text-decoration:none; } .ftr-gd4-1 { padding: 0px 6px 6px 0px; } #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 0px; overflow: hidden; width: 48px; height: 48px; border: none; text-indent: 100%; background: url(../images/top_mover.png) no-repeat 0px 0px; } /*--footer end--*/ /*--copyright start --*/ .copyright { padding: 1em 0em; background:#3A3A3A; } .copy-main { text-align: center; } .copy-main p { font-size: 1em; color: #fff; } .copy-main p a{ color:#b0316a; } .copy-main p a:hover{ text-decoration:none; color:#fff; } .avantages{ text-align:center; font-size:1.0em; font-weight: 300; padding:1.0em; } .avantages span{ font-weight: 700; color: #b0316a; } /******** Content bottom *********/ .content_bottom{ padding:1em 5em 3em 5em; text-align:center; } .plans_table { margin-bottom:70px; } .plans_table thead{ background:#b0316a; font-family: 'Roboto', sans-serif; } .plans_table thead th.plans-list{ padding: 15px; border: 1px solid #540008; } .plans_table thead th.plans-list h3{ font-size: 1.2em; color: #FFF; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.31); display: block; width: 100%; margin: 0; text-align: center; } .plans_table thead th.plans-list h4{ font-size: 1em; color: #FFF; display: block; width: 100%; margin: 0; text-align: center; } .plans_table thead th.plans-list h4 small{ font-size:14px; padding-left:2px; } .plans_table td.plan_list_title{ font-size:0.85em; text-align:left; color:#222; } .plans_table tbody td{ padding:10px; color:#7e7e7e; font-size:0.8em; border:1px solid #cbcbcb; text-align:center; } .plans_table tfoot td.order_now button{ display:block; font-size:0.85em; text-align:center; color:#FFF; text-decoration:none; margin:0 auto; background:#b0316a; outline: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; padding:8px 10px; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; border:none; cursor:pointer; } .plans_table tfoot td.order_now button:hover{ background:#57229B; } .plans_table tfoot td{ text-align:center; padding:10px 0; border:1px solid #cbcbcb; } .notes_tarifs{ padding-top:1em; font-size:.75em; text-align:left; color:#8f8f8f; } /* ajouter 01 pour couleur rouge de important */ .notes_tarifs2{ padding-top:1em; font-size:.99em; text-align:left; color:#b0316a; font-weight:bold; } .notes_tarifs3{ padding-top:1em; font-size:.99em; text-align:left; color:#1A73E8; font-weight:bold; } /*fin de rajouter 01*/ .customer_desc{ margin-top:2.5em; box-shadow:0px 0px 5px #A5A5A5; -webkit-box-shadow:0px 0px 5px #A5A5A5; -moz-box-shadow:0px 0px 5px #A5A5A5; -o-box-shadow:0px 0px 5px #A5A5A5; border-radius: 1em; -webkit-border-radius: 1em; -moz-border-radius: 1em; -o-border-radius: 1em; margin-bottom:3em; position:relative; } .customer_desc h6{ font-size:1.1em; color:#131313; font-weight: 500; } .customer_desc p{ font-size:1em; color:#131313; line-height:2em; padding:15%; } /**************** FIN TARIFS *********************************************************/ /*--copy right send here--*/ @media(max-width:1440px){ .ser-grid { padding: 1.74em 0em; } } @media(max-width:1366px){ .ser-grid { padding: 1.6em 0em; } } @media(max-width:1280px){ .ser-grid { padding: 1.35em 0em; } .banner { min-height: 515px; } } @media(max-width:1024px){ .header-right { width: 26%; } .top-nav { width: 74%; } .banner { min-height: 500px; } .ab-sub-gd { margin: 0em 0em 0.9em 0em; } .about-grid { margin: 1em 0em 0em 0em; } .about-left h5 { margin: 0em 0em 0.5em 0em; } .about { padding: 4em 0em 4em 0em; } span.ab-line { left: 92%; } .tarifs { padding: 3em 0em 3em 0em; } .about-left h4 { font-size: 2.5em; } .ser-top h3 { font-size: 2.5em; } .ser-top p { width: 70%; } span.glyphicon.glyphicon-plane { font-size: 2em; } span.glyphicon.glyphicon-glass { font-size: 2em; } span.glyphicon.glyphicon-cutlery { font-size: 2em; } .ser-text h4 { font-size: 1em; } .ser-grid { padding: 0.98em 0em; } .ser-top { padding: 0em 0em 2.5em 0em; } .dream-top h3 { font-size: 2em; } .dream-grid h4 { font-size: 1em; } .dream-grid h4 { margin: 0.5em 0em 0.3em 0em; } .dream-grid p { font-size: 0.9em; } .dream-grid h3 { font-size: 1.3em; } .reparation { padding: 0em 0em 4em 0em; } .project-eff:hover span.rollover1 { height: 204px; width: 283px } .contact { padding: 3em 0em 3em 0em; } .contact-top h3 { font-size: 2.5em; } .ftr-grd h3 { font-size: 1.7em; } /*--single--*/ .single-bottom input[type="submit"] { font-size: 1em; width: 14%; } .post-top p { font-size: 0.81em; } .single-grid p { font-size: 0.85em; } ul.popular li a { font-size: 0.8em; } } @media(max-width:768px){ span.menu{ display: block; text-align: left; padding: 0px 0px 0px 0px; cursor: pointer; color: #E74C3C; font-size: 16px; font-weight: 700; position:relative; } .top-nav ul.res{ display:none; padding:0px; } .top-nav ul.res { padding: 0; margin:1.7em 0em 0em 0em; z-index: 9999; position: absolute; width: 100%; left:0; } .top-nav ul.res li{ display: block; text-align: center; background:#b0316a; margin: 0; width: 100%; padding: 0em; } .top-nav ul.res li a { font-size: 16px; padding: 0.6em 0; color: #fff; display: block; border: none; text-align: center; margin: 0em; } ul.res li a:hover,ul.res li a.active{ color:#000; } .header-right { width: 33%; } .top-nav { width: 50%; } .banner { min-height:350px; } .banner-main { padding: 8em 0em 0em 0em; } .logo h1 { font-size: 2.5em; } .about { padding: 3em 0em 3em 0em; } .about-left p { font-size: 0.95em; } .about-right { margin: 2.5em 0em 0em 0em; } .about-right img { width: 100%; } .ab-info-left { float: left; width: 50%; } .ab-info-right { float: right; width: 50%; } .ab-info-right a { width: 40%; } .ab-info { padding: 3em 0em 3em 0em; } .dream-grid { float: left; width: 50%; margin: 0em 0em 1em 0em; } .reparation { padding: 0em 0em 2em 0em; } .ab-info-right p { font-size: 0.9em; } .project-eff:hover span.rollover1 { height: 166px; width: 230px; } .contact-top p { width: 85%; } .ftr-grd { float: left; width: 50%; } .ftr-gd4-1 { float: left; width: 33%; } .ftr-gd4-1 img { width: 100%; } .top-nav ul.res { margin: 1.34em 0em 0em 0em; } .contact-left input[type="text"] { font-size: 0.9em; padding: 8px 10px 8px 10px; margin: 0em 0em 1em 0em; } /*--single--*/ .post-top { float: left; width: 25%; } .single-bottom input[type="text"], .single-bottom textarea { width: 100%; } .categories-grid { margin-top: 1em; } .single-grid h4 { font-size: 1.5em; } .single-grid { margin: 0em 0 2em; } .post-top h6 { font-size: 1.2em; } .single-profile { padding: 0 0 2em 0; } .single-bottom form { padding: 1em 0 0; } .single { padding: 2em 0; } .single-bottom input[type="text"], .single-bottom textarea { font-size: 0.9em; } } @media(max-width:736px){ .header-right { width: 35%; } } @media(max-width:667px){ .header-right { width: 38%; } } @media(max-width:640px){ .header-right { width: 40%; } span.ab-line { left: 95%; } .project-eff:hover span.rollover1 { height: 135px; width: 187px; } .map iframe { height: 220px; } .ser-top p { width: 95%; } .header { padding: 1.5em 0em 1.5em 0em; } .banner-main h2 { font-size: 2.5em; } /*--single--*/ .single-grid h4 { font-size: 1.5em; } .post-top h6 { font-size: 1.2em; } .single { padding: 3em 0 2em; } } @media(max-width:600px){ .header-right { width: 43%; } } @media(max-width:568px){ .header-right { width: 46%; } } @media(max-width:480px){ .content_bottom{ padding:1em .5em 3em .5em; text-align:center; } .top-nav { width: 30%; } .header-right { width: 55%; } .banner-main h2 { font-size: 1.8em; } .banner { min-height: 275px; } .banner-main { padding: 0em 0em 0em 0em; } .banner-main h2{ font-size: 1.5em; max-width: 95%; } .banner-main p { font-size: 1.2em; max-width: 95%; } .banner { min-height: 240px; } .header { padding: 1em 0em 1em 0em; } .logo h1 { font-size: 2.3em; } .about { padding: 1.5em 0em 1.5em 0em; } .about-left h4 { font-size: 2em; } .about-left h5 { font-size: 1.1em; } .about-left p { font-size: 0.9em; } span.glyphicon.glyphicon-star-empty.ab-gd-img { font-size: 2.6em; } span.glyphicon.glyphicon-cloud.ab-gd-img { font-size: 2.6em; } span.glyphicon.glyphicon-leaf.ab-gd-img { font-size: 2.6em; } .ab-gd-text h6 { font-size: 1em; margin-bottom: 0.2em; } .about-right { margin: 1.5em 0em 0em 0em; } .about-right p { font-size: 0.9em; } .ab-info-left h3 { font-size: 1.3em; } .ab-info-left p { font-size: 0.95em; margin: 0.5em 0em 0em 0em; } .ab-info-right p { font-size: 0.8em; } .ab-info-right a { font-size: 0.83em; padding: 0.3em 0em 0.3em 0em; width: 50%; margin: 0.8em 0em 0em 0em; } .ab-info { padding: 2em 0em 2em 0em; } span.ab-line { height: 140px; } .ser-top h3 { font-size: 2em; } .tarifs { padding: 1.5em 0em 1.5em 0em; } .ser-top p { width: 100%; font-size: 0.9em; } .dream-top h3 { font-size: 1.5em; } .dream-grid h4 { font-size: 0.9em; } .dream-top { padding: 0em 0em 1.5em 0em; } .dream-top p { font-size: 0.9em; } .reparation { padding: 0em 0em 1em 0em; } .ftr-grd h3 { font-size: 1.5em; } .contact-top p { width: 100%; font-size: 0.9em; } .ser-text p { font-size: 0.9em; } .project-eff:hover span.rollover1 { height: 149px; width: 206px; } .contact { padding: 1.5em 0em 2em 0em; } .contact-top h3 { font-size: 2em; } .ftr-grd { float: none; width: 100%; margin: 0em 0em 0em 0em; padding:0px; } span.menu img { width: 19%; } /*--single--*/ .lone-line { padding: 0.5em 0em 0em 0em; } .single-grid h4 { font-size: 1.2em; } .single-grid h4 { font-size: 1.2em; } .single-grid { margin: 0em 0 1.5em; } .single-profile { padding: 0 0 1.5em 0; } .single-profile h4,.single-bottom h3 { font-size: 1.5em; } .post-top { width: 50%; padding: 0 10px; } .single-bottom form { padding: 1em 0 0; } .single-bottom input[type="submit"] { width: 17%; } } @media(max-width:414px){ .header-right { width: 65%; } } @media(max-width:384px){ .header-right { width: 70%; } } @media(max-width:320px){ .header-right { width: 61%; } .logo h1 { font-size: 1.8em; } .right button { width: 15px; height: 19px; background-size: 106%; } span.menu img { width: 27%; } .navg-strip { padding: 0.5em 0em 0.5em 0em; } .banner-main h2 { font-size: 1.2em; } .banner-main { padding: 3.5em 0em 0em 0em; } .banner { min-height: 180px; } .about-left { padding: 0em; } .about-left h5 { font-size: 1em; } .about-left h4 { font-size: 1.7em; } span.glyphicon.glyphicon-star-empty.ab-gd-img { font-size: 2.1em; } span.glyphicon.glyphicon-cloud.ab-gd-img { font-size: 2.1em; } span.glyphicon.glyphicon-leaf.ab-gd-img { font-size: 2.1em; } .about-right { padding: 0em; } .ab-info-left { float: none; width: 100%; padding: 0em; } span.ab-line { width: 50px; height: 2px; top: 106%; left: 35%; } .ab-info-right { float: none; width: 100%; padding: 1.2em 0em 0em 0em; } .ab-info { padding: 1em 0em 1.5em 0em; } .ser-top h3 { font-size: 1.7em; } .ser-top { padding: 0em 0em 1.5em 0em; } .ser-text h4 { font-size: 0.92em; } .dream-grid { float: none; width: 100%; margin: 0em 0em 1em 0em; padding: 0em; } .project-eff:hover span.rollover1 { height: 92px; width: 126px; } .project-eff:hover span.rollover1 { background-size: 15%; } .map iframe { height: 150px; } .contact-left { padding: 0px; } .contact-right { padding: 0px; } .ftr-grd h3 { margin-bottom: 0.2em; } .contact-top h3 { font-size: 1.8em; } .contact-top { padding: 0em 0em 1.5em 0em; } .contact-right textarea { height: 100px; } .ftr-grd h3 { font-size: 1.2em; } .ftr-grd p { font-size: 0.9em; } ul.ftr-links li { margin: 0em 0em 0.5em 0em; } ul.ftr-links li a { font-size: 0.9em; } ul.ftr-categ li a { font-size: 0.9em; } ul.ftr-categ li { margin: 0em 0em 0.5em 0em; } .footer { padding: 1.2em 0em; } /*--single--*/ .single { padding: 1.5em 0 0.5em; } .col-md-8,.categories-grid { padding: 0; } .single-grid h4 { font-size: 1em; } .single-grid p { margin: 0.3em 0 0em; font-size: 0.8em; } .single-profile h4, .single-bottom h3 { font-size: 1.3em; } .single-left { padding: 1em 0 0; } .post-top { width: 50%; padding: 0 5px; margin: 0em 0em 1em 0em; } .post-top p { font-size: 0.8em; line-height: 1.5em; } .post-top h6 { font-size: 1em; } .single-bottom textarea { min-height: 140px; } .single-bottom input[type="submit"] { width: 24%; } button.btn.btn-1 { font-size: 0.79em; } span.label { margin: 0 0 0.5em; display: inline-block; font-size: 0.8em; } button.btn.btn-lg { font-size: 0.8em; padding: 0px; } .single-profile { padding: 0 0 0.5em 0; } .single-bottom form { padding: 0.4em 0 0; } .categories-grid h4 { font-size: 1.5em; } .single-bottom input[type="submit"] { padding: 0.3em 1em; } .close-in { top: -22px; padding: 0px; } }