@charset "utf-8";
/* CSS Document */
/* Bleu foncé : 035098 Bleu clair : 718ca7Vert : 5ea396Gris clair : d4d6d7*/

* {
 margin:0;
 padding:0;
 }

html, body{width:100%; height: 100%;  text-align: center; color:black; font-family:"futura-pt"; font-weight: 400; font-size: 18px;}
.conteneur{width: 100%; min-height:80%; margin:65px auto 0 auto;}

/* Max-width */
.top ul, .visuel h1, nav, .nav-child ul, .medium, footer section{max-width: 920px !important; min-width: 100px; margin: 0 auto ;}
.medium section{max-width: 920px; }
.medium section p{max-width: 880px;}

/* Logo, bandeau haut */
.top{width: 100%; height: 86px; }
.top ul{text-align: left; margin:0 auto;}
.top li{display: inline-block; text-transform: uppercase; color:#d4d6d7; font-size: 23px;  margin-right: 10px; vertical-align: top; padding-top:52px;
font-style: italic; }
	.top li:first-child{padding-top:0px !important;  margin-right: 0px; margin-top:0px; width: 83px; height:78px; }
		.logo {width:100%; margin-top: 5px;}
.facebook{position: absolute; top:50px; right:/*310px*/70px; font-size: 15.5px; text-transform: none; color:#035098; font-style: italic;}
#home .facebook{/*right:310px;*/}
.facebook a{text-decoration: none;}
.facebook img{width:30px; height:30px; margin-left: 15px;}

/* Navigation */
.conteneurNav{width: 100%; background-color: #035098; display: block; position:absolute; top:86px; height:68px; z-index: 9}

nav{color:white; margin:0 auto; }
nav ul{ text-align: left; display: table; width:100%; max-width: 1000px; }
nav li{display: table-cell; height: 100%; font-size:20px; vertical-align: middle; }
nav li a, nav li a:link, nav li a:visited{text-decoration: none; display: block;  padding:22px 0 20px 0; color:#91989c; font-weight: 400;}
#home nav li a, #home nav li a:link, #home nav li a:visited{color:white;}
nav li a:hover, .actif>a, .actif{color:white !important;}
.nonactif>a{color:#91989c !important;}
.cacheBouton{width: /*450px*/300px;}

/* Sous-menu */
.nav-child{display: none; position: absolute;  background-color: #035098; width: 100%; left:0px; border-top:1px solid #91989c; z-index: 9; margin-top: -1px;}
.nav-child li{display: inline-block; font-size:18px; color:#91989c;}
.nav-child li a, .nav-child li a:link, .nav-child li a:visited{padding:12px 0 10px 0; color:white;}
.nav-child .separator{padding:0px 10px;}
.ancre{padding-top:80px; margin-top:0px;}
.hauteurAncre{height:60px;}
/* Fixer les éléments au scroll */
.fixSSmenu{width:100%; z-index: 90; position: fixed; top: 0; margin-top:0px; }
.fixDevisUrgence{z-index: 999; position: fixed !important; top: 0px;  }

.placementMenu{width:100%; height: 100px; top :90px; position: absolute; z-index:-10;}


/* Bouton haut */
.boutonUp{display: none; position:fixed; bottom:20px; right:/*300px*/50px; width: 40px; height: 40px; border-radius: 20px; z-index: 999999;
font-size: 10px !important; line-height: 40px; font-weight: 300; cursor: pointer; 
background: url(../images/bouton-up.png) center center no-repeat #035098; background-size: 40%;}
/*#home .boutonUp{right:300px;}*/

/* Boutons devis et urgences */
.btDevisUrgence{font-size: 0px; text-align: right; display: inline-block; position: absolute; right:/*284px*/42px; height: 68px; overflow: hidden; z-index:95}
/*#home .btDevisUrgence{right:284px;}*/
.bt h1{color: white !important;}
.btDevisUrgence li{display: inline-block; text-align: center; color:white;}
.btUrgence{background:url(../images/ico-urgence.png) left center no-repeat #5ea396; background-size: 48%; font-size: 25px; width:240px; text-align: center; line-height: 25px; padding: 10px 0 9.5px 0;}
.btUrgence span{padding-left:80px; display: block;}
.btDevis{background:url(../images/bt-texture-gris.jpg) center center no-repeat; background-size: cover; font-size: 25px; width: 240px; margin-right: 0;
text-align: center; line-height: 25px; padding: 10px 0 9.5px 0;}

/* Etude de cas */

.etudesCas{position:fixed; z-index:999; right:/*0*/-244px; text-align: left; top:0px;background-color:#718ca7; width:284px; height: 100%; min-height: 210px; font-size:0px;}
.boutonEtudesCas{width: 44px; height: 100%; background-color: #d4d6d7; display: inline-block; cursor: pointer; vertical-align: top; font-size: 14px;}
.boutonEtudesCas div{width:300px; text-transform: uppercase; color:#91989c; left: -127px; top: 228px; position: absolute;
-webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); writing-mode: lr-tb; text-align: right;}
.boutonEtudesCasOff{background:url(../images/ico-fleche1.png) 13px 55px no-repeat #d4d6d7; background-size: 45%; display: none;}
.boutonEtudesCasOn{background:url(../images/ico-fleche2.png) 13px 55px no-repeat #d4d6d7; background-size: 45%; display:inline-block; }
.etudesCas ul{display: inline-block; height: 100%; width:240px; }
.etudesCas li{list-style-type: none; text-align: center;  height: 20%;}
.etudesCas li a{color:white; font-size: 24px; line-height: 24px; font-weight: 300; text-decoration: none; height:100%; display: block;  
display: table; width: 100%;}
.etudesCas li a span{display: table-cell; vertical-align: bottom; padding-bottom: 10px;}
.etudesCas li a span img{width:30%;}
	.etudesCas li a:hover{font-size: 0;}
	.etudesCas li a:hover span img{width: 0;}
	.etudesCas li a:hover.chauffeeau{background:url(../images/etude-chauffeeau.jpg) center center no-repeat; background-size: cover;} 
	.etudesCas li a:hover.chaudiere1{background:url(../images/etude-chaudiere1-vig.jpg) center center no-repeat; background-size: cover;} 
	.etudesCas li a:hover.adoucisseur{background:url(../images/etude-adoucisseur.jpg) center center no-repeat; background-size: cover;} 
	.etudesCas li a:hover.salledebain{background:url(../images/etude-salledebain.jpg) center center no-repeat; background-size: cover;} 
	.etudesCas li a:hover.chaudiere2{background:url(../images/etude-chaudiere2.jpg) center center no-repeat; background-size: cover;} 


/* Polices */
h1{color: #035098; font-size: 72px; line-height: 72px; font-weight: 300;}
h2{margin:70px 0 15px 0; color:#035098; font-size: 24px; font-weight:600;}
h3{font-size: 18px; color:#035098; font-weight: 400; margin:15px 0 -15px 0}
p{margin:15px 0 15px 0; font-size: 18px;}
b{color:#035098; font-size: 17px;}
strong{color:#035098; font-weight: normal; font-size:24px;}
a, a:visited, a:link{color: #035098; }
sup, sub {line-height: .6em; font-size: 10px;}
hr{width: 100%; border: 0px; height: 1px; background-color: #c8cbcd; margin-top: 30px;}
section ul{margin:0 0 15px 0;}
section li{margin-left: 10px; padding-left: 0px; list-style-type: none;} .citations li, .competence li, .metiers li{margin-left: 0px;} 
section li:before {content: '- '; margin-left: -10px;} .citations li:before, .competence li:before, .metiers li:before {content: ''; margin-left: 0px;}
.txtBig{font-size: 36px !important;}
.sansStyles{color: black !important; text-decoration: none;}
.sansSoulignement{text-decoration: none;}
.sautDeLigne{display: block;}
.note{font-size: 14px; text-align: right;}
.margeBasse{margin-bottom: 30px;}
.inlineBlock{display: inline-block;}
.fluide{width: 100%;}
.total{width: 100%; height: 100%; display: block;}

/* Taille des sections */
section{text-align: left;}
.visuel{height:450px; width:100%; background-color: gray; vertical-align: bottom; display: table;  margin-bottom: -50px; margin-top:0px;}
.visuel .titre{display: table-cell; height: 100%;vertical-align: bottom;}
	.visuel h1{ margin:0 auto; font-size: 4.5em; padding-bottom: 28px; color:white;}
.xl{width:100%; padding:35px 0px;}
.medium{margin:0px auto; padding:20px 0 58px;}
.col{display: inline-block; width:48%; vertical-align: top;}

/* Alignement des ancres */
section[id^="etude_"] {padding-top:100px; padding-bottom: 0 !important;}
#chauffe-eau{margin-top:170px; padding-bottom:0;}
.toutesLesEtudes{margin: -90px auto 0 auto; width:100%; }

/* Bouton */
.bt{display: inline-block; width:48%; color: white; min-height: 248px; vertical-align: top; text-align: center; max-width:452px; margin:50px 0 10px; }
.bt h1{font-size: 30px !important; line-height: 34px; font-weight: 300; margin:20px 0 !important;  padding: 0px !important}
.bt1{ background-color:#5ea396; }
.bt1 h1{padding-top:0px;}
.bt2{background: url(../images/bt-texture-gris.jpg) center center no-repeat; background-size: cover;}
.bt2 h1{padding-top:20px !important;}
.btForm{color: white; text-transform: uppercase; width: 250px; border: 0px; font-size: 24px; font-family:"futura-pt"; font-weight: 300; padding:10px; }
.btForm1{background-color: #5ea396; margin: 0 20px 20px 0;}
.btForm2{background: url(../images/bt-texture-gris.jpg) center center no-repeat; background-size: cover;}


/* Entreprise */
.competence li{display: inline-block; width: 19%; text-align: center; list-style-type: none; color:#035098; font-size:24px; font-weight: 300;
line-height: 24px;}
.competence li img{width:100%;}
.competence li>span{display: block}

/* Etudes de cas */
#etudescas h1{background-color: #718ca7; font-size:48px; padding:10px 0 10px 0px; width:100%; color: white; font-weight: 300;}
#etudescas .bt h1{background-color: transparent !important;}
.icoEtude {height:100%; max-height: 90px; max-width:90px; float: left; margin:0 10px 0 30px; }
.titreEtude {border-bottom: 1px solid white; min-height:90px; height:100%; line-height:100%;}
.titreEtude span{display: block; padding-left: 100px; margin-top:20px;}


/* Nos métiers */
.metiers li{list-style-type: none; display: inline-block; padding-bottom: 26px; font-size: 18px; line-height: 20px; font-weight:400; vertical-align: middle;}
.metiers li:first-child{padding-right:20px;}
.metiers img{width:275px;}

/* Certification */
img.certification{width: 375px; margin: 20px 0 10px 0;}

/* Citations */
.guillemet2{margin-left: 5px;}
blockquote{font-size:42px; line-height: 42px; font-weight:300; color:#035098;   margin-bottom: 10px; display:block;height: 100%;}
.smallCitation{font-size: 32px; line-height: 32px;}
blockquote span{font-size:16px; font-weight: bold; color:#91989c; display: block;}
.citations{min-height: 150px; margin:35px 0; display:block; height:100%; background-color: white; }
.citations li{list-style-type: none;}

.swiper-wrapper{} 

/* Formulaire */
label{width: 140px; text-align: right; display: inline-block; margin:0 0 5px 0}
.elementForm input{width:100%; max-width:430px; height:25px; border: 1px solid #e6e6e6; border-radius:6px; 
background-image: -webkit-gradient(linear,left top,right top,color-stop(0.06, #E6E6E6),color-stop(1, #FFFFFF));
background-image: -o-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%); background-image: -moz-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%); background-image: -ms-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%);
background-image: linear-gradient(to right, #E6E6E6 6%, #FFFFFF 100%);}
.elementForm{margin:0 0 12px 0;}
input[type=checkbox]{}
input[type=submit], input[type=reset]{-webkit-appearance: none; -webkit-border-radius:0px; border-radius: 0; cursor:pointer;}
textarea{width:100%; height:120px; border: 1px solid #e6e6e6; border-radius:6px;
background-image: -webkit-gradient(linear,left top,right top,color-stop(0.06, #E6E6E6),color-stop(1, #FFFFFF));
background-image: -o-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%); background-image: -moz-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%); background-image: -ms-linear-gradient(right, #E6E6E6 6%, #FFFFFF 100%);
background-image: linear-gradient(to right, #E6E6E6 6%, #FFFFFF 100%);}
.renvoi{width: 250px; font-style: italic; font-size: 14px; text-align: right; float: right; margin-top:-86px;}
.renvoi span{background-color: #035098; color:white; display: block; text-transform: uppercase; text-align: center; padding: 5px 10px;
line-height: 14px; margin-bottom: 5px;}
.messageReponse p{color:#5ea396; font-weight:bold;} p.alerte{color:#FF6633;}

/* Contact */



/* Mentions legales */
#mentionslegales .medium{padding-top: 75px;}
#mentionslegales h1{font-weight: 600; font-size:24px;}
#mentionslegales h2{margin: 35px 0 0px 0 !important;}
#mentionslegales .medium section p{margin: 0px 0 15px 0;}
#mentionslegales .medium{padding-top:20px;}

/* Slider home */
.visuelHome{height:727px; width:100%; background-color: black;}
.diaporama{height:429px; width:100%; background-color: black; overflow: hidden;}
.swiper-container {width: 100%; height: 100%; background-color: white}
.swiper-slide {background-position: center; background-size: cover; background-repeat: no-repeat; background-color: white !important;}

/* SLider clients */
.flecheSlider{position: absolute; top:50%; width: 100%; max-width:880px; margin: 0 auto; left:50%; margin-left: -440px; margin-top: -20px;}
.swiper-button-prev, .swiper-button-next{position: relative;} 
.swiper-button-next{float: right; background: url(../images/ico-fleche-slider2.png) center center no-repeat; background-size: 100%; height: 70px; width: 70px} 
.swiper-button-prev{float: left; background: url(../images/ico-fleche-slider1.png) center center no-repeat; background-size: 100%; height: 70px; width: 70px}
.diaporama .swiper-container {width: 100%;height: 100%;}
.diaporama .swiper-slide {text-align: center;font-size: 18px; background: #fff;  width:auto;  opacity: 0.2;
	
	/* Animation */
	transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;  
    /* Hack Safari */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.2s; 
     
	/* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
      width: auto;
    }
.diaporama .swiper-slide:nth-child(2n) {width: auto;}
.diaporama .swiper-slide:nth-child(3n) {width: auto;}
.diaporama .swiper-slide-active{opacity:1;
transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: linear;
    transition-delay: 0.2s;
    /* Hack Safari */
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: linear;
    -webkit-transition-delay: 0.2s; }

.diaporama .swiper-pagination {background-color: white; position: absolute; bottom:0px;}
/* Pied de page */
#contact footer{}
footer{width: 100%; background-color: #91989c; color:white; font-size: 15px; text-transform: uppercase;}
footer section p{padding:22px 0 29px 0; margin: 0px;}
footer a, footer a:link, footer a:visited{color:white; text-decoration: none; font-size: 15px;}


@media screen and (max-width: 1500px)  {
.visuel h1, .medium{max-width: 920px !important; margin: 0 auto;}
.visuel{height:300px;}
.top ul, nav, .nav-child ul, footer section{max-width: 920px !important; margin: 0 20px;}
}


@media screen and (max-width: 1243px)  {
.btUrgence{font-size: 20px; width:170px; line-height: 20px; padding: 13px 0 16px 0;}
.btUrgence span{padding-left:60px; display: block;}
.btDevis{font-size: 20px; width: 170px; margin-right: 0;line-height: 20px; padding: 13px 0 16px 0;}
	.visuelHome { margin-bottom:-50px;}
}



@media screen and (max-width: 1126px)  {
.conteneurNav{height: 53px;}
nav li{font-size:16px; }
nav li a, nav li a:link, nav li a:visited{ padding: 17px 0 15px 0;}
.nav-child li{font-size:14px;}
.cacheBouton{width: 60%;}
.btUrgence{font-size: 16px; width:170px; line-height: 16px; padding: 9px 0 12px 0;}
.btUrgence span{padding-left:60px; display: block;}
.btDevis{font-size: 16px; width: 170px; margin-right: 0;line-height: 16px; padding: 9px 0 12px 0;}	
section[id^="etude_"] {padding-top:80px;}
#chauffe-eau{margin-top:150px;}
.conteneur{margin:30px auto 0 auto;}
}


.menuSmart, .facebookSmart, .btDevisUrgenceSmart, .smartphone{display: none;}
@media screen and (max-width: 959px)  {
.ordi{display: none;}
body{padding-top:50px;}
.smartphone{display: inline-block;}	
.menuSmart{height: 50px; display: block; position: fixed; top:0; width: 100%; background-color: white; z-index: 99; border-bottom: 1px solid #d4d6d7; 
	text-align: left; min-width: 100px;}
	.menuSmart p{text-transform: uppercase; color:#91989c; font-size: 11px; line-height: 10px; margin-left: 4px; padding-top:0px; margin-top:7px; font-style: italic; display:inline-block; text-align: left;}
.logoSmart{margin-top: 5px; float: left; margin-left: 20px;}
.btMenuSmart{display: block; cursor:pointer; height: 100%; line-height: 50px; float: right; margin-right: 50px;}	
.fermeMenu{display: none; width:40px; height:40px; background: url(../images/ico-burger-off.png) center center no-repeat; background-size: 100%; margin-top: 5px;}	
.ouvreMenu{width:40px; height:40px; background: url(../images/ico-burger-on.png) center center no-repeat; background-size: 100%; margin-top: 5px;}
.facebookSmart{   width: 220px; margin: 0 auto;}
.facebookSmart, .btDevisUrgenceSmart{display: block; margin-top: 10px;}
.btDevisUrgenceSmart .btUrgence {background-size: contain;}
.facebookSmart a, .btDevisUrgenceSmart a{color:white;}
.btDevisUrgenceSmart li{display: block; border: 0px; width: 100%; margin: 10px 0;}
.btUrgence span{padding-left: 0;}

img.certification{width: 90%;     max-width: 400px;}
.nav-child{position: relative;  background-color: red/*#035098*/; width: 0px; height: 0px; overflow: hidden; border-top:0px; padding-bottom:0px;}
.nav-child li{display: block; border-bottom: 0px !important;}
.nav-child li a, .nav-child li a:link, .nav-child li a:visited{padding:0px 0 0px 0;}
.nav-child .separator{display: none;}
.cacheBouton{display: none;}
	
.btDevisUrgence, .top, .facebook{display: none;}
	
.conteneurNav{position:fixed; top:50px; height: 100%; z-index: 99; display: none; overflow: auto;}
nav li{display: block; border-bottom: 1px solid white; text-align: center;}
nav li:nth-child(4){border-bottom: 0px;}
.conteneur{margin:0px auto 0 auto;}	
.visuel, .visuelHome {height: 250px; margin-left:-30px; margin-top:0px;}
	.visuel h1{font-size: 52px; line-height: 52px; margin: 0 60px 0 45px !important;}	
h1{font-size: 62px; line-height: 62px; }
.top ul, .visuel h1, nav, .nav-child ul,.medium, footer section{margin: 0 60px 0 20px;}

.col{display: inline-block; width: 100%;}
label{text-align: left;}	
#home .etudesCas, .etudesCas{right:-244px;}	
#home .boutonEtudesCasOff, .boutonEtudesCasOff{display:none;}
#home .boutonEtudesCasOn, .boutonEtudesCasOn{display:inline-block;}	
.boutonUp{right:50px;}	
.competence li { margin-bottom: 30px; /*height: 150px; overflow: hidden;*/ width:200px;}
	.competence li img{width:70%;}
.competence li br {display: none;}	

.diaporama {margin-top:-130px;}
	.flecheSlider {width:97%; left: -10px;margin-left: 0; margin-top:0px;}	
	.swiper-button-next, .swiper-button-prev{ height: 40px; width: 40px;}
#etudescas h1 {font-size: 32px;} .titreEtude {min-height:40px; } .icoEtude {margin:0 10px 0 10px; max-height: 40px;} .titreEtude span{ margin-top:5px;}
#etudescas h1 span {padding-left: 40px;}
.toutesLesEtudes{margin:-50px auto 0 auto;}
.bt {display:block; width: 100%;  min-height: 240px; margin: 0 auto; max-width: 100%;}
.bt h1 { padding:20px 0 0 0px !important;}	
.citations{min-height: 300px; margin:0px;}
blockquote{font-size: 28px; line-height: 28px; }
.smallCitation{font-size: 24px; line-height: 24px; }
.guillemet1, .guillemet2 {width: 35px;}
.sautDeLigne{display: none;}	
.renvoi {width: 250px; text-align: left; float: none; margin-top: 0px; }
.note {text-align: left; margin: -10px 0 30px 0;}
section[id^="etude_"] {padding-top:70px;}
#chauffe-eau{margin-top:50px;}
}



/*******************/
/* Sur la hauteur */
@media screen and (min-height:1200px)  {
.visuel{height:550px;}
}
@media screen and (max-height: 900px)  {
.visuel{height:350px;}
.visuelHome{height:600px;}
}

@media screen and (max-height: 750px)  {
.visuel{height:300px;}
.visuelHome{height:490px;}	
}
@media screen and (max-height: 750px) and (max-width: 650px)  {
.visuelHome{height:300px;}	
}

@media screen and (max-height: 650px)  {
.etudesCas li a span img {width: 20%;}
.etudesCas li a {font-size: 15px;line-height: 15px;}	
}

@media screen and (max-height: 450px)  {
.etudesCas li a span img {display: none;}
.visuel{height:250px;}
}

@media screen and (max-height: 380px)  {
.visuel{height:190px;}
}

@media screen and (max-height: 340px)  {
.visuel{height:130px;}
}
/*******************/



@media screen and (max-width: 672px)  {
.metiers img{ margin-left: -25%;}	
.metiers li:first-child{width:30%; overflow: hidden; margin-right: 5px; margin-top: -8px;}	
	.diaporama {margin-top:-130px; width:87%; height: 300px; margin-left:20px;}
	.flecheSlider {width:103%; left: -10px;margin-left: 0; margin-top:0px;}	
	.swiper-button-next, .swiper-button-prev{ height: 40px; width: 40px;}
}

@media screen and (max-width: 538px)  {
.diaporama {width: 85%; height: 300px;}
	.diaporama img{width: 60%;} .flecheSlider {width:104%; left: -10px;margin-left: 0; margin-top:0px;}
.metiers img{width: 100%; margin-left:0%;}
.metiers li:first-child{width:100%; overflow: hidden;}
ul.competence{text-align: center;}
}

@media screen and (max-width: 472px)  {
.diaporama {width: 80%;}
#etudescas h1 {font-size: 20px;} .titreEtude {min-height:30px; } .icoEtude {margin:0 5px 0 10px; max-height: 30px;} .titreEtude span{ margin-top:5px;}
#etudescas h1 span {padding-left: 35px;}
.visuelHome{height:300px;}
}

@media screen and (max-width: 397px)  {
.bt {min-height: 220px; padding: 5px 10px; width:95%} .bt1{margin-bottom: 20px;}
.bt h1 {font-size: 25px !important; line-height: 30px;  padding:20px 0 0 0px !important;}
.bt p { margin: 0px 0 15px 0;}
.visuel h1{font-size: 42px;line-height: 42px;margin: 0 10px 0 45px !important;} h1 {font-size: 42px;line-height: 42px;}
.txtBig {font-size:26px !important;}
.visuelHome{height:250px;}
}

@media screen and (max-width: 440px)  {
h1 {font-size: 35px;line-height: 35px;}
}