|
Server IP : 10.128.40.6 / Your IP : 216.73.216.233 Web Server : Apache System : Linux webd006.cluster128.gra.hosting.ovh.net 5.15.206-ovh-vps-grsec-zfs-classid #1 SMP Fri May 15 02:41:25 UTC 2026 x86_64 User : logmcpe ( 111175) PHP Version : 7.3.33 Disable Function : _dyuweyrj4,_dyuweyrj4r,dl MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0705) : /home/logmcpe/www/TEST/www/../../AB/css/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
@import url(http://fonts.googleapis.com/css?family=Dancing+Script:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,700,600,300);
/*ICONS SPECIAUX */
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot?-heiyu5');
src:url('fonts/icomoon.eot?#iefix-heiyu5') format('embedded-opentype'), url('fonts/icomoon.woff?-heiyu5') format('woff'), url('fonts/icomoon.ttf?-heiyu5') format('truetype'), url('fonts/icomoon.svg?-heiyu5#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-bourse:before {
content: "\e602";
}
.icon-ferarepasser:before {
content: "\e600";
}
.icon-aspirateur:before {
content: "\e601";
}
/* GLOBAL */
body {
background:url(../image/bg-fullsite.png);
}
* {
color:#3c3c3b;
}
*:before, *:after {
box-sizing: border-box;
}
.tagline {
text-shadow: 0 0 10px #000;
color: #fff;
}
.police2 {
font-family: 'Dancing Script', cursive;
}
.police1 {
font-family: 'Open Sans', sans-serif;
}
.bg_rose {
background-color:#d61666;
}
.bg_gris {
background-color:#3c3c3b;
}
.bg_hachure_gris {
background:url(../image/bg-hachure-gris.jpg) repeat #3c3c3b;
}
.couleur_rose {
color:#e61873;
}
a:hover, a:focus {
color: #e61873;
text-decoration: none;
}
.couleur_gris {
color:#3c3c3b;
}
.couleur_blanc {
color:#fff;
}
.maj {
text-transform:uppercase;
}
.gras {
font-weight:700;
}
.ultragras {
font-weight:800;
}
.semigras {
font-weight:600;
}
.no-padding {
padding:0!important;
}
.no-margin {
margin:0!important;
}
.italic {
font-style:italic;
}
.font-size_tarif {
font-size:4rem;
}
.asterisque {
font-size: 12px!important;
}
.couleur_rose.fontsize_tarif {
font-size: 2rem!important;
}
.titre-offre {
color: #e61873;
font-family: "Open Sans",sans-serif;
text-align: center;
font-size: 40px;
font-weight: 800;
text-transform: uppercase;
margin-bottom: 10px;
margin-top: 20px;
line-height: 1.1;
}
.soustitre-offre {
color: #e61873;
font-family: "Open Sans",sans-serif;
text-align: center;
font-size: 30px;
font-weight: 500;
margin-bottom: 10px;
margin-top: 20px;
line-height: 1.1;
}
/* HEADER 1 */
#barre_sociale {
margin-bottom:0;
border:none;
}
#barre_sociale .navbar-header {
font-size:12px;
text-transform:uppercase;
padding-bottom: 15px;
color:#fff;
padding-top: 15px;
float: none;
text-align: center;
}
#barre_sociale .navbar-header strong {
font-weight:600;
color:#3c3c3b
}
#barre_sociale .fa-twitter, #barre_sociale .fa-facebook, #barre_sociale .fa-google-plus {
padding-bottom: 12px;
color:#fff;
padding-top: 12px;
font-size:18px
}
#barre_sociale .fa-twitter:hover, #barre_sociale .fa-facebook:hover, #barre_sociale .fa-google-plus:hover {
color:#3c3c3b;
}
.navbar {
border-radius: 0px;
min-height:auto;
}
/* HEADER 2 */
.business-header .titre_menage, .carousel-inner .titre_menage {
font-weight:800;
font-size:80px;
text-transform:uppercase
}
.business-header .logo_header, .carousel-inner .baseline {
margin-top:30px;
}
.business-header .logo_header object {
height:147px;
}
.business-header .baseline {
font-size:48px;
line-height: 27px;
margin-bottom:35px
}
hr.star-light, hr.star-primary {
margin: 20px auto 20px;
padding: 0;
max-width: 200px;
border: 0;
border-top: solid 4px;
text-align: center;
}
hr.star-light:after, hr.star-primary:after {
content: "\f111";
display: inline-block;
position: relative;
top: -.9em;
padding: 0 .50em;
font-family: FontAwesome;
font-size: 1em;
}
hr.star-light {
border-color: #fff;
}
hr.star-light:after {
color: #d61666;
background-color: #3c3c3b;
}
hr.star-primary {
border-color: #2c3e50;
}
hr.star-primary:after {
color: #2c3e50;
background-color: #fff;
}
hr.star-light2:after {
color: #e61873;
background-color: #a71e51;
}
.carousel-inner .titre_menage {
font-weight:800;
font-size:80px;
line-height: 78px;
text-transform:uppercase
}
.carousel-inner .baseline {
font-size:48px;
line-height: 27px;
margin-bottom:35px
}
.carousel-inner .ss_titre_menage {
font-weight:700;
font-size:40px;
letter-spacing:1px
}
.btn-default-slider {
border-radius:50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
-webkit-border-radius: 50px;
-ms-border-radius: 50px;
border:3px solid #fff;
font-weight:600;
font-size:21px;
padding:12px 30px;
text-transform:uppercase;
margin-top:10px;
}
.btn-default-slider:hover {
background-color:#a71e51;
color:#fff;
border-color:#fff;
}
.btn-default-slider:active {
background-color:#a71e51;
}
.btn-default-slider:focus {
background-color:#a71e51;
}
/* MENU */
.navbar {
margin:0;
}
.img-center {
margin: 0 auto;
}
#menu {
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#menu .navbar-brand {
padding:0;
}
#menu .navbar-brand object {
height:50px
}
#menu li a {
text-transform:uppercase;
color:#fff;
font-weight:700;
font-size:16px;
padding:15px 20px;
border-right:1px solid #444444;
-webkit-transition: 200ms linear;
-moz-transition: 200ms linear;
-ms-transition: 200ms linear;
-o-transition: 200ms linear;
transition: 200ms linear;
}
#menu li a:not(*:root) {
-webkit-transition:none;
-moz-transition: none;
-ms-transition: :none;
-o-transition: :none;
transition: :none;
}
#menu li a:hover {
background:#fff;
color:#333333
}
#navigation.floatable {
background: none repeat scroll 0 0 #ffffff;
position: fixed;
top: 0;
width: 100%;
z-index: 1031;
}
.margin-top-carousel {
margin-top: 0px;
}
#menu .fa-chevron-down {
color: #fff;
}
#menu .dropdown-menu {
background-color: #3c3c3b;
padding: 0;
text-align: center;
left: -50%;
}
#menu .dropdown-menu li a {
border-right: 0;
font-size: 14px;
font-weight: 400;
padding: 5px 20px;
}
#menu li.dropdown a:hover i {
color: #3c3c3b;
}
.navbar-collapse {
max-height: 370px;
}
/* HEADER 3 */
.carousel-inner {
background:url(../image/bg-slider-1.jpg);
height:576px;
}
.carousel-inner-2 {
height:400px;
background:url(../image/bg-paralax3.jpg);
background-attachment:fixed;
padding-left:-10px;
}
.carousel-inner > .item {
height:100%
}
.carousel-inner > .item > img, .carousel-inner > .slider-unlarge > a > img {
margin: auto;
max-width: 100%;
width: auto !important;
}
.carousel-inner .carousel-caption {
left:0;
right:0;
padding:0;
margin:auto;
bottom:0;
position:absolute;
display:block;
margin:auto;
}
.carousel-inner-2 .carousel-caption {
position:relative;
display:block;
margin:auto;
left:0;
right:0;
bottom:-4%;
}
.carousel-inner .text_carousel {
font-size:1.2em;
}
.carousel-inner .text_carousel h3 {
font-size:1.5em
}
.carousel-inner .text_carousel .icon-aspirateur {
color:#fff;
background:#3c3c3b;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border:5px solid #fff;
font-size: 80px;
padding: 23px 27px;
margin-right:30px
}
.carousel-inner .text_carousel .icon-ferarepasser {
color:#fff;
background:#3c3c3b;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border:5px solid #fff;
font-size: 40px;
padding: 43px 23px;
margin-right:30px
}
.carousel-inner .text_carousel .icon-bourse {
color:#fff;
background:#3c3c3b;
border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
-webkit-border-radius: 50%;
-ms-border-radius: 50%;
border:5px solid #fff;
font-size: 70px;
padding: 27px 35px;
margin-right:30px
}
.carousel-inner h3 {
font-size:24px;
text-transform:uppercase;
font-weight:700;
text-shadow:none;
padding-top:30px
}
.carousel-indicators {
bottom: 0;
}
/* HEADER 4 */
.barre_rappel .texte_rappel {
font-weight:700;
font-size:18px;
text-transform:uppercase;
text-align:right;
padding:15px;
}
.barre_rappel .btn-default {
color:#fff;
font-weight:700;
font-size:16px;
border:none;
padding:0;
text-transform:uppercase;
margin:10px;
padding-right:15px
}
.barre_rappel .btn-default span {
margin-right:10px;
background:#a71e51;
padding:10px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.barre_rappel .btn-default:hover {
background:#a71e51;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
background-color: #a71e51;
}
/* CENTRE SITE */
h1 {
font-size:40px;
text-transform:uppercase;
font-weight:800
}
hr.star-black, hr.star-primary {
margin: 20px auto 20px;
padding: 0;
max-width: 200px;
border: 0;
border-top: solid 4px;
text-align: center;
}
hr.star-black:after, hr.star-primary:after {
content: "\f111";
display: inline-block;
position: relative;
top: -.9em;
padding: 0 .50em;
font-family: FontAwesome;
font-size: 1em;
}
hr.star-black {
border-color: #3c3c3b;
}
hr.star-black:after {
color: #e82e80;
background-color: #f4f2ed;
}
hr.star-primary {
border-color: #2c3e50;
}
hr.star-primary:after {
color: #2c3e50;
background-color: #3c3c3b;
}
#centre .baseline {
font-size:30px;
line-height: 27px;
}
#centre .texte_header {
font-size:18px;
font-weight:400; text-align:center
}
#centre .picto_4_col .picto img {
background: none repeat scroll 0 0 #e61873;
border: 9px solid #edeae4;
color: #ffffff;
font-size: 110px;
padding:27px;
width:75%;
margin:auto;
-webkit-transition: 200ms linear;
-moz-transition: 200ms linear;
-ms-transition: 200ms linear;
-o-transition: 200ms linear;
transition: 200ms linear;
}
#centre .picto_4_col .picto img:not(*:root) {
-webkit-transition:none;
-moz-transition: none;
-ms-transition: :none;
-o-transition: :none;
transition: :none;
}
#centre .picto_4_col .col-sm-4 img {
padding:27px;
width:65%;
}
#centre .picto_4_col .picto img:hover {
border: 0px solid #edeae4;
padding:15px;
}
#centre .picto_4_col h2 {
font-weight:700;
font-size:18px;
text-transform:uppercase;
padding:25px 0 15px 0;
}
#centre .picto_left .picto img {
width:100%;
}
#centre .picto_left h2 {
margin-top:0;
padding:35px 0 0px 0;
}
.bg_paralax .picto_4_col .col-xs-9 img {
background: none repeat scroll 0 0 #ffffff;
border: 9px solid #edeae4;
color: #ffffff;
font-size: 110px;
padding:17px;
width:50%;
margin:auto;
margin-top:20px
}
.bg_paralax .picto_4_col .col-xs-9 {
float:none
}
.bg_paralax .picto_4_col h2 {
font-weight:700;
font-size:18px;
text-transform:uppercase;
padding:0px;
}
.bg_paralax .gros_chiffres {
font-weight:800;
font-size:80px;
line-height: 70px;
padding-top:10px
}
.bg_paralax {
background: url(../image/bg-paralax.jpg);
background-attachment:fixed;
}
/*CARTE ACCUEIL*/
#carte_france {
margin-top:30px
}
#carte_france .info_agence {
margin-top:60px;
background:url(../image/mascotte-menage-co2.png) left top no-repeat;
background-size: 100%;
padding-left:180px;
padding-top:140px
}
#carte_france .info_agence .departement_chiffre {
font-size:50px;
padding:2px 12px;
display:inline;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
font-weight:700
}
#carte_france .info_agence .departement_lettre {
font-size:19px;
text-transform:uppercase;
font-weight:700
}
#carte_france .info_agence .baseline_agence {
font-size:16px;
font-weight:600;
font-style:italic
}
#carte_france .info_agence .adresse {
font-size:20px;
font-weight:400;
padding-top:10px
}
#carte_france .info_agence .gras {
font-weight:800;
}
#carte_france .btn-default {
color:#fff;
font-weight:700;
font-size:16px;
border:none;
padding:0;
text-transform:uppercase;
padding:10px 20px;
}
#carte_france .btn-default:hover {
background:#a71e51;
}
#carte_france .lien_carte:hover circle, #carte_france .lien_carte:hover .circle {
fill:#000;
}
#carte_france .lien_carte:hover circle:not(*:root), #carte_france .lien_carte:hover .circle:not(*:root) {
-webkit-transition:none;
-moz-transition: none;
-ms-transition: :none;
-o-transition: :none;
transition: :none;
}
.lien_carte, #carte_france .lien_carte:hover circle {
transition: all 300ms ease-in-out;
}
.lien_carte:hover {
cursor:pointer;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
#carte_france .img-responsive {
height:600px!important;
}
}
/* Page listing agence*/
ul.listing_agence { list-style:none; padding:0; margin:0;}
ul.listing_agence li { text-align:center; padding:10px 5px}
ul.listing_agence li a { color:#3c3c3b;font-family: 'Open Sans', sans-serif; text-transform:uppercase}
ul.listing_agence li a:hover { color:#d61666;}
/*DETAIL AGENCE MENU GAUCHE*/
.nav-pills {
margin-top:50px;
margin-bottom:50px
}
.nav-pills > li > a {
-webkit-border--radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
font-size:19px
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .nav-pills > li > a:hover {
background-color: #3c3c3b;
color: #ffffff;
}
.nav-pills .fa {
width:25px
}
.adresse_bloc {
margin-top:50px;
position:relative;
padding:10px;
padding-top:90px;
}
.adresse_bloc .departement_chiffre {
position:absolute;
top:-30px;
left:50%;
font-size:50px;
padding:12px 25px;
display:inline;
border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-webkit-border-radius: 5px;
-ms-border-radius: 5px;
font-weight:700;
margin-left:-52px
}
.adresse_bloc .departement_lettre {
font-size:23px;
text-transform:uppercase;
font-weight:700
}
.adresse_bloc .ville, .adresse_bloc .adresse {
font-size:20px;
}
.adresse_bloc .contact {
font-size:35px;
text-transform:uppercase;
font-weight:700;
line-height:30px
}
/* CONTACT FOOTER */
.contact_footer h3 {
font-size:40px;
text-transform:uppercase;
font-weight:800
}
.contact_footer .img-responsive { padding-left:20px; padding-right:20px; padding-top:20px}
hr.star-black, hr.star-primary {
margin: 20px auto 20px;
padding: 0;
max-width: 200px;
border: 0;
border-top: solid 3px;
text-align: center;
}
hr.star-black:after, hr.star-primary:after {
content: "\f111";
display: inline-block;
position: relative;
top: -.9em;
padding: 0 .50em;
font-family: FontAwesome;
font-size: 1em;
}
hr.star-black {
border-color: #3c3c3b;
}
hr.star-black:after {
color: #e82e80;
background-color: #f4f2ed;
}
hr.star-primary {
border-color: #2c3e50;
}
hr.star-primary:after {
color: #2c3e50;
background-color: #3c3c3b;
}
.contact_footer .baseline {
font-size:30px;
line-height: 27px;
}
.contact_footer form {
margin-top:20px
}
.form-control {
-webkit-border-radius: 0 0 0 0;
border-radius: 0 0 0 0;
-moz-border-radius: 0 0 0 0;
-o-border-radius: 0 0 0 0;
margin:5px auto;
padding:15px auto;
height: 40px;
border:1px solid #e61873;
}
.btn-envoyer2 {
display: inline;
width: auto;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
font-weight:700;
text-transform:uppercase;
margin-top:17px
}
.btn-envoyer2:hover {
background-color: #a71e51;
}
.btn-envoyer2:active {
background-color: #a71e51;
}
.btn-envoyer2:footer {
background-color: #a71e51;
}
.encours { color:#CCCCCC}
.success { color:#fff}
.form_ville .success { color:#000}
.form_ville .encours { color:#666666}
#ReponseFormulaire_rappel .encours { color:#000}
#ReponseFormulaire_rappel .success { color:#000}
/* FOOTER 2 Barre rappel rose */
.barre_rappel .texte_rappel {
font-weight:700;
font-size:18px;
text-transform:uppercase;
padding:15px;
}
.barre_rappel .btn-default {
color:#fff;
font-weight:700;
font-size:16px;
border:none;
padding:0;
text-transform:uppercase;
margin:10px;
padding-right:15px
}
.barre_rappel .btn-default span.gris {
margin-right:10px;
background:#ababab;
padding:10px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.barre_rappel .btn-default:hover {
background:#a71e51;
}
.contact_footer h3 {
font-weight:600;
font-size:20px;
margin-top:30px
}
.formulaire_newsletter #Email2 {
width:70%;
float:left;
background:#2b2a28;
border:none;
}
.formulaire_newsletter .btn-envoyer2 {
width:20%;
float:left;
margin: 5px 4px 4px 5%;
}
.contact_footer .fa {
font-size:20px;
position:absolute;
left:0;
top:4PX;
}
.contact_footer .footer_p_picto {
position:relative;
padding-left:35px;
display:inline-block;
margin-bottom:10px
}
.error {
font-size:16px; font-weight:bold; color:#FFFF00;
}
.success {font-size:16px; font-weight:bold; color:#CCFF00;}
/*Footer 3 Adresse*/
/* FOOTER */
footer .col-xs-12 {
padding: 20px 0;
background:#222222
}
/* map detail agence*/
.mapdetail {
width:100%;
height:300px
}
/* MODIF FABIEN*/
#erreur_news > h1 {
font-size: 2.5rem;
margin-top: 6rem;
}
#erreur_news h2 {
font-size: 2.5rem;
padding: 2rem 0 8rem;
}
.bloc_tarif {
font-family: 'Open Sans', sans-serif;
margin-top:5rem;
padding: 0 0 3rem 0;
}
.bloc_tarif p {
font-size:2rem;
margin-bottom:2rem;
}
.bloc_tarif small {
font-size: 1.3rem;
}
.bottom_footer {
margin-bottom: 5rem;
}
.fontsize_tarif {
font-size: 3rem!important;
}
.fontsize_heure {
font-size: 2.2rem;
}
.fontsize_tarifponctuel {
font-size: 2rem !important;
}
.btn-tarif {
padding : 8px 20px;
font-size: 15px;
}
/******* MULTI TAILLES ***********/
/******* MULTI TAILLES ***********/
/******* MULTI TAILLES ***********/
/******* MULTI TAILLES ***********/
/******* MULTI TAILLES ***********/
/* TAILLE LARGE*/
@media (min-width: 1199px) {
}
/* TAILLE MD*/
@media (min-width: 992px) and (max-width: 1199px) {
h1 {
font-size: 35px;
}
.business-header .titre_menage, .carousel-inner .titre_menage {
font-size: 60px;
}
.carousel-inner .ss_titre_menage {
font-size: 35px;
}
.business-header .logo_header object {
height: 120px;
}
.business-header .baseline, .carousel-inner .baseline {
font-size: 40px;
margin-bottom:32px
}
#menu li a {
font-size: 15px;
padding: 15px 13px;
}
.carousel-inner .carousel-caption {
position:relative;
margin: auto;
left:0;
right:0;
}
.carousel-inner {
height: auto;
}
#centre .texte_header {
font-size: 19px;
}
#centre .picto_4_col h2 {
font-size: 16px;
padding: 0;
text-transform: uppercase;
}
#centre .picto_left .picto img {
width:100%;
padding: 13px;
}
#centre .picto_left h2 {
margin-top:0;
padding:35px 0 0px 0;
}
#carte_france .info_agence {
margin-top: 80px;
padding-left: 137px;
padding-top: 53px;
}
#carte_france .info_agence .departement_chiffre {
font-size: 42px;
}
#carte_france .info_agence .baseline_agence {
font-size: 12px;
}
#carte_france .info_agence .adresse {
font-size: 17px;
}
#carte_france .btn-default {
font-size: 15px;
}
}
/* TAILLE SM*/
@media (min-width: 768px) and (max-width: 991px) {
.business-header .titre_menage, .carousel-inner .titre_menage {
font-size: 54px;
}
.carousel-inner .ss_titre_menage {
font-size: 30px;
}
.business-header .logo_header {
margin-top: 13px;
}
hr.star-light, hr.star-primary {
margin: 15px auto;
}
.business-header .logo_header object {
height: 110px;
}
.business-header .baseline, .carousel-inner .baseline {
font-size: 36px;
margin-bottom:25px
}
#menu li a {
font-size: 15px;
padding: 15px 30px;
}
.carousel-inner .carousel-caption {
position:relative;
margin: auto;
left:0;
right:0;
}
.carousel-inner {
height: auto;
}
#centre .texte_header {
font-size: 16px;
}
#centre .picto_4_col h2 {
font-size: 16px;
padding: 0;
text-transform: uppercase;
}
#carte_france .info_agence {
margin-top: 4px;
padding-left: 204px;
padding-top: 123px;
margin-bottom:30px
}
#carte_france .info_agence .departement_chiffre {
font-size: 42px;
}
#carte_france .info_agence .baseline_agence {
font-size: 17px;
}
#carte_france .info_agence .adresse {
font-size: 17px;
}
#carte_france .btn-default {
font-size: 15px;
}
.navbar-nav > li {
float: none;
}
.nav > li {
display: inline-block;
position: relative;
}
.carousel-inner .text_carousel .icon-aspirateur {
font-size: 55px;
margin-right: 25px;
}
.carousel-inner .text_carousel .icon-ferarepasser {
font-size: 29px;
padding: 39px 23px;
margin-right: 25px;
}
.carousel-inner .text_carousel .icon-bourse {
font-size: 44px;
padding: 30px 35px;
margin-right: 25px;
}
.carousel-inner h3 {
padding-top: 11px;
}
.barre_rappel .texte_rappel {
padding: 15px 0 0 0;
}
h1 {
font-size: 30px;
}
#centre .baseline {
font-size: 26px;
}
#centre .picto_4_col .picto img {
width:65%;
}
#centre .picto_left .picto img {
width:90%;
padding: 13px;
}
#centre .picto_left h2 {
margin-top:0;
padding:20px 0 0px 0;
}
.bg_paralax .picto_4_col .col-xs-9 img {
width: 34%;
}
#carte_france .info_agence {
background: url("../image/mascotte-menage-co2.png") no-repeat scroll left top / 69% auto rgba(0, 0, 0, 0);
}
.btn-default-slider {
font-size: 15px;
padding: 7px 25px;
}
.nav-pills > li > a {
font-size: 16px;
padding: 10px 12px;
}
.nav-pills {
margin-bottom: 20px;
margin-top: 20px;
}
}
/* TAILLE XS*/
@media (max-width: 767px) {
#carte_france {
margin-top:0px
}
.business-header .titre_menage, .carousel-inner .titre_menage {
font-size: 44px;
}
.carousel-inner .ss_titre_menage {
font-size: 28px;
}
.business-header .logo_header {
margin-top: 13px;
}
hr.star-light, hr.star-primary {
margin: 15px auto;
}
.business-header .logo_header object {
height: 110px;
}
.business-header .baseline, .carousel-inner .baseline {
font-size: 33px;
margin-bottom:25px
}
#menu li a {
font-size: 15px;
padding: 15px 37px;
}
#menu .dropdown-menu li a {
font-size: 13px;
}
.carousel-inner .carousel-caption {
position:relative;
margin: auto;
left:0;
right:0;
}
.carousel-inner {
height: auto;
}
#centre .texte_header {
font-size: 16px;
}
#centre .picto_4_col h2 {
font-size: 16px;
padding: 0;
text-transform: uppercase;
}
#carte_france .info_agence {
margin-top: 4px;
padding-left: 0;
padding-top: 0;
text-align: center;
margin-bottom:30px
}
#carte_france .info_agence .departement_chiffre {
font-size: 42px;
}
#carte_france .info_agence .baseline_agence {
font-size: 17px;
}
#carte_france .info_agence .adresse {
font-size: 17px;
}
#carte_france .btn-default {
font-size: 15px;
}
.navbar-nav > li {
float: none;
}
.nav > li {
display: inline-block;
position: relative;
}
#menu li {
display: block;
}
.carousel-inner {
padding-bottom:40px
}
.carousel-inner .text_carousel .icon-aspirateur {
font-size: 55px;
margin-right: 25px;
}
.carousel-inner .text_carousel .icon-ferarepasser {
font-size: 29px;
padding: 39px 23px;
margin-right: 25px;
}
.carousel-inner .text_carousel .icon-bourse {
font-size: 44px;
padding: 30px 35px;
margin-right: 25px;
}
.carousel-inner h3 {
padding-top: 11px;
}
.barre_rappel .texte_rappel {
padding: 15px 0 0 0;
}
h1 {
font-size: 30px;
}
#centre .baseline {
font-size: 26px;
}
#centre .picto_4_col .picto img {
width:60%;
}
#centre .picto_left h2 {
margin-top:0;
padding:20px 0 0px 0;
}
.bg_paralax .picto_4_col .col-xs-9 img {
width: 35%;
border:5px solid #edeae4;
padding: 0px;
}
#carte_france .info_agence {
background:none;
}
#barre_sociale li {
display:inline-block;
float:none
}
.text-center-xs {
text-align:center
}
.btn-default-slider {
font-size: 13px;
padding: 6px 20px;
}
.nav-pills > li {
width:100%
}
.adresse_bloc .contact {
font-size: 25px;
line-height:20px;
}
.adresse_bloc .ville, .adresse_bloc .adresse {
font-size: 17px;
}
.adresse_bloc .departement_lettre {
font-size: 19px;
}
.nav-pills > li > a {
font-size: 17px;
}
.nav-pills {
margin-bottom: 15px;
margin-top: 15px;
}
}
@media (max-width: 767px) {
#carte_france .img-responsive {
height:100%!important;
}
}