/* CSS Document */

@font-face {
    font-family: 'latoRegular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'coolveticaRegular';
    src: url('../fonts/coolvetica_rg-webfont.eot');
    src: url('../fonts/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/coolvetica_rg-webfont.woff2') format('woff2'),
         url('../fonts/coolvetica_rg-webfont.woff') format('woff'),
         url('../fonts/coolvetica_rg-webfont.ttf') format('truetype'),
         url('../fonts/coolvetica_rg-webfont.svg#coolveticaregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
body
{
	font-family:"latoRegular";
	margin:0;
	padding: 0;
	font-size: 18px;
}
a img
{
	border:0;
}
/***************************
***********HEADER***********
***************************/
header
{
	background-color: #faae02;
	color:#FFF;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
}
header a
{
	color:#FFF;
	text-decoration: none;
	text-transform: uppercase;
}
.headerTel
{
	background-color: #faae02;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	font-family: 'coolveticaRegular';
	font-size: 30px;
	padding: 5px;
}
.headerTel img,.headerContact img
{
	padding: 5px;
}

.headerCol
{
	width:calc((100% - 1600px)/2) ;
}
.headerContact
{
	
	background-color: #faae02;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 18px;
	font-family: 'coolveticaRegular';
	padding: 5px;
}
.headerContact a
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;	
}
.imgLogo
{
	margin:5px 0;
}



/****************************************************************
*********************     NAVIGATION CSS     ************************
****************************************************************/
#navigation
{
	position:relative;
}
.menu
{
	width:100%;
	font-size: 16px;
}
.menu a
{
	padding: 2px;
}
.menu-xs
{
	display:none;
	padding: 5px 10px;
	cursor:pointer;
}
.menu-xs a
{
	text-align: center;
	margin-right: -50px;
}
.icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
	background-color:#fff
}
.btnMenu
{
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	border-radius: 4px;
	cursor:pointer;
	padding: 9px 10px;
}
.icon-bar +.icon-bar
{
	margin-top:4px;
}

.navigation
{
	text-transform:uppercase;
	margin-bottom:0px;
}
.menu>div
{
	cursor:pointer;
}
/*****Sous menu deroulant*****/
.hidden-menu
{
	display:none;
}
/****************************************************************
******************     NAVIGATION CSS_QUERY     *****************
****************************************************************/
@media(max-width:992px)
{
.menu-xs
{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	width: 100%;
}
#navigation
{
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	    -ms-flex-direction:column;
	        flex-direction:column;
}
#navigation>.menu
{
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	display:none;
}
.menu
{
	position: absolute;
    left: 0px;
    background-color: rgb(0, 0, 0);
}
.menu-visible {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: -webkit-flex !important;
	display: flex !important;
}
.menu > div > a {
	padding: 10px;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
	display:block;
}
.menu > div
{
	margin:inherit;
	text-align:center;
}
.hidden-menu-xs
{
	display:none;
}
.ssMenuVisible 
{
	position:inherit;
	margin-left:auto;	
	padding:0;	
	margin-top:0px;
	border:none;
}
.ssMenuVisible >div
{
	padding:10px;
	width:inherit;
}
}

@media(max-width:768px)
{
	.menu
	{
		position:inherit;
		left: 0px;
		background-color: rgb(0, 0, 0);
	}
}
/***************************
***********SLIDER***********
***************************/
.txtSlide
{
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;	
	font-size: 12px;	
}
.txtSlideBlanc
{
	font-size: 36px;
	color:#fff;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;
	
}
.txtSlideOrange
{
	font-size: 48px;
	color:#f57e00;
	
}
.txtSlideBlanc2
{
	font-size: 48px;
	color:#fff;
	text-transform: uppercase;
	text-shadow: 2px 2px 5px #000;
	
}
.txtSlideOrange2
{
	font-size: 36px;
	color:#f57e00;
	
}
.active
{
	color:#F57E00;	
}
/***************************
***********INDEX***********
***************************/
h1,h2
{
	font-size: 30px;
	text-align: center;	
	text-transform: uppercase;
	margin: 30px 10px;
	color:#424144;
}
h2
{
	background-color: #dadada;
	padding:30px 10px;
	margin:0;
}

.fraction-slider
{
	margin-bottom:10px;	
}
.fraction-slider .prev,.fraction-slider .prev:hover
{
	background: url(images/fs-prev.png) no-repeat;
}
.fraction-slider .next,.fraction-slider .next:hover
{
	background: url(images/fs-next.png) no-repeat;
}
.fraction-slider .prev,.fraction-slider .next
{
	border-radius:5px;
	top:calc(100% - 55px);
}

p,ul
{
	margin: 0;
	color: #424144;
}
.cadreCouleur
{
	font-size: 14px;
}
.fondCouleur
{
	padding: 23px;	
	text-align: center;
	height: 100%;
}
.fondOrange
{
	background-color: #f57e00;	
}
.fondJaune
{
	background-color: #f8c500;
}
.fondJaune2
{
	background-color: #e1c994;
}
.fondGris
{
	background-color: #dadada;
}
.fondVert
{
	background-color: #44ac89;
}
.fondVertClair
{
	background-color: #96d85c;
}
.fondGris1
{
	background-color: #c0c0c0;
}
.fondGris2
{
	background-color: #bfced5;
}
div[class^="fond"]>p
{
	width:100%;	
}
.fondTxt
{
	padding: 23px;	
	color: #424144;
	margin-top: 8px;
	font-size: 16px;
	height: calc(100% - 8px);
}
.fondTxt ul
{
	margin: 0;
}
.blocReparationRenovationMH,.blocInstallationMH,.blocIndexTxt,#content_slide
{
	padding:4px 0;
}
.blocIndexTxt
{
	text-align: justify;	
}
.paddingL-xs
{
	padding:0 0 0 4px;
}
.paddingR-xs
{
	padding:0 4px 0 0;		
}
.paddingLR-xs
{
	padding:0 4px;	
}
.padding-xs
{
	padding:4px 0;
}
@media(min-width:768px)
{	
.paddingL-sm
{
	padding:0 0 0 4px;
}
.paddingR-sm
{
	padding:0 4px 0 0;	
}
.paddingLR-sm
{
	padding:0 4px;	
}
.padding-sm
{
	padding:4px 0;
}
}
@media(min-width:992px)
{
.paddingL-md
{
	padding:0 0 0 4px;
}
.paddingR-md
{
	padding:0 4px 0 0;		
}
.paddingLR-md
{
	padding:0 4px;	
}
.padding-md
{
	padding:4px 0;
}
}
@media(min-width:1200px)
{
.paddingL-lg
{
	padding:0 0 0 4px;
}
.paddingR-lg
{
	padding:0 4px 0 0;	
}
.paddingLR-lg
{
	padding:0 4px;	
}
.padding-lg
{
	padding:4px 0;
}
}
@media(min-width:768px)
{
.blocReparationRenovationMH
{
	padding:0 4px 0 0;
}
.blocInstallationMH
{
	padding:0 0 0 4px;	
}
}
@media(min-width:1200px)
{
.blocInstallationMH
{
	padding: 0 4px;	
}
.blocIndexTxt
{
	padding:0 4px 0 0;	
}
#content_slide
{
	padding:0 0 0 4px;
}
}
.paddingR
{
	padding-right:4px;
}
.paddingL
{
	padding-left:4px;
}
.paddingLR
{
	padding:0 4px;	
}
#content_slide
{
	max-width:530px;
}
.titre2
{
	text-transform: uppercase;
	font-size: 18px;
	color:#000;
	margin: 0;
}
.titre3
{
	text-transform: uppercase;	
}

.txtCentre
{
	font-size: 14px;
	text-align: center;
	height: calc(100% - 16px);
	margin-top: 8px;
	margin-bottom: 8px;
}
.txtCentre>div
{
	padding:75px 5px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;		
	height:100%;
}
.txtCentreLien
{
	text-align: center;
	height: calc(100% - 6px);
}
.txtCentre1
{
	font-size: 14px;
	text-align: center;
	height: calc(100%);
}
.txtCentre1>div
{
	padding:75px 5px;
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;		
	height:100%;
}
.h100p
{
	height:100%;
}
.txtRelooking
{
	margin-top:8px;	
}
.txtRelookingLien
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	text-align: center;			
	height:100%;
	min-height:250px;
}
.btnNosRealisation
{
	background-color: #dadada;
	text-decoration: none;
	padding: 3px 10px;
	border-radius: 5px;
	color: #424144;
}
h3#prestataires
{
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 40px;
}

#sliderPresta ul, #sliderPresta li{
	margin:0;
	padding:0;
	list-style:none;
	text-align: center;
	}

#sliderPresta, #sliderPresta li{ 
	width:calc(1600px / 6);
	overflow:hidden; 
	}
#sliderPresta
{
	padding-top:50px;
	padding-bottom:20px;
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin-bottom: 60px;
	width: 100% !important;
}
.adresseBas
{
	text-align: center;
	margin-bottom:20px;
	padding:0 10px;
}
.adresseBas a
{
	color:#000;
}
/***************************
***********FOOTER***********
***************************/
footer
{
	background-color: #dadada;
	padding: 20px;
	margin-bottom: 50px;
}
.lienBas a,footer a
{
	color:	#000000;
	text-transform: uppercase;
}
.lienBas a
{
	padding:0 3px;	
}

.txtFooter>div
{
	padding: 0 20px;
	/*margin: 15px 20px 80px 20px;	*/
}
@media(min-width:1095px)
{
.txtFooter>div
{
	padding: 15px 20px 15px;
	/*margin: 15px 20px 80px 20px;	*/
}
}
.txtFooter
{
	padding:10px;	
}
.copy
{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	text-align: center;
}
.copy img
{
	margin:5px;
}
.noWrap
{
	white-space:nowrap;
}
/***************************
***********INSTALLATION***********
***************************/
.txtInstallationTitre,.txtRenovationTitre
{
	font-size: 24px;
	font-weight:bold;
	text-transform: uppercase;
}
.txtInstallationCol,.txtInstallationColTitre
{
	padding:20px;	
	text-align: justify;
}
.txtInstallationCol {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
}
.txtInstallationCol>div
{
	width:100%;
}
.txtInstallationBas
{
	margin-top:20px;
	margin-bottom:40px;	
}
.txtCentre2
{
	padding-bottom: 4px;
	padding-top: 4px;
	height: 100%;
}
.txtCentre2>div
{
	padding: 20px;
	height: 100%;
}
/***************************
***********techno mh***********
***************************/
.technoMHBas
{
	margin-top: 20px;
	margin-bottom: 40px;
}

.fondCouleur1
{
	padding: 23px;	
	text-align: justify;
	height: 100%;
}

.photo
{
	text-align: center;
	padding: 0 4px;
}

.situation
{
	margin-bottom: 20px;
}
iframe
{
	width:100%;
	min-height:400px;
	border:0;
}
.txtSituation
{
	height: 100%;
}
.txtSituation>div
{
	padding: 20px;
	height: 100%;
}
.txtSituation a
{
	color:#424144;
}

/***************************
***********Contact***********
***************************/
.formCol1
{
	padding-right:16px;
	text-align: center;
}
.formCol1 input
{
	width: calc(100% - 220px);
	padding: 12px;
	font-size: 18px;
	margin-bottom: 10px;
	border:1px solid #6e6e6e;
	border-radius:5px;
}
.formCol2
{
	padding-left:16px;
}
.formCol2 input
{
	width: 34px;
	padding: 12px;
	font-size: 18px;
	border:1px solid #6e6e6e;
	border-radius:5px;
	text-align: center;
	margin:10px 10px 10px 0;
}
.formCol2 textarea
{
	width:430px;
	height:110px;	
	margin-bottom: 20px;
	font-size: 18px;
	border:1px solid #6e6e6e;
	border-radius:5px;
	padding: 12px;
}
.btnSubmit
{
	width:430px;
}
.formCol2 input[type=submit]
{
	width:300px;
	color: #333333;	
	cursor:pointer;
	padding: 5px 12px;
	
}
.formulaire
{
	margin-bottom: 80px;	
	padding: 10px;
}

@media(max-width:1200px)
{
	.formCol1 input,.formCol2 textarea
	{
		width: calc(100% - 26px);
	}
	
}

@media(max-width:1200px)
{	
	.formCol1,.formCol2
	{
		padding: 5px;
	}
}
@media(max-width:1200px)
{	
	.btnSubmit 
	{width:100%;
	}
}
.merci
{
	margin-bottom: 50px;
}
.wrapper a
{
	color:#424144;
}

.cc-revoke, .cc-window {
        z-index: 20000;
}

/* EG 01/08/24 */
.copy a {
	text-transform: inherit;
}
.section {
	padding: 0 10px;
}