/*
 Theme Name:   Cabanas Ismasoris 2019
 Theme URI:    http://www.cabanasismasoris.com/
 Description:  Thème unique pour le site de Cabanas Ismasoris.
 Author:       Charles Bergeron
 Author URI:   http://www.commparlimage.ca
 Template:     blankslate
 Version:      1.0.0
 Text Domain:  cabanas
*/

/********************************************************************************************************************/

@font-face {
    font-family: 'colaborate-boldregular';
    src: url('fonts/ColabBol-webfont.eot');
    src: url('fonts/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabBol-webfont.woff') format('woff'),
         url('fonts/ColabBol-webfont.ttf') format('truetype'),
         url('fonts/ColabBol-webfont.svg#colaborate-boldregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'colaborate-thinregular';
    src: url('fonts/ColabThi-webfont.eot');
    src: url('fonts/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabThi-webfont.woff') format('woff'),
         url('fonts/ColabThi-webfont.ttf') format('truetype'),
         url('fonts/ColabThi-webfont.svg#colaborate-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;}

@font-face {
    font-family: 'colaborate-regularregular';
    src: url('fonts/ColabReg-webfont.eot');
    src: url('fonts/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ColabReg-webfont.woff') format('woff'),
         url('fonts/ColabReg-webfont.ttf') format('truetype'),
         url('fonts/ColabReg-webfont.svg#colaborate-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;}

/********************************************************************************************************************/

html{
	font-size: 12pt;
	font-family: 'colaborate-thinregular';}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	text-decoration: none; }

img, fieldset {
	border: 0;}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;}

ul li {
	list-style-type: none;}


#human{display:none !important;}


html, body {
	width: 100%;
	height: 100%;}

/********************************************************************************************************************/
/* BACKGROUNDS */

.bg2, .bg3, .bg4{display:none;}

/********************************************************************************************************************/

.wrap{position:relative; margin:0 auto; width:1860px;}
.wrap-top{position:relative; margin:0 auto; width:1860px;}
.specialheight{min-height:760px;}

/********************************************************************************************************************/

#hovermenu{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,164,231,0.85); z-index:2000; display:none; opacity:0;}
#hovermenu ul{position:relative; display:block; margin:60px 5%; text-align:center; list-style:none;}
#hovermenu ul li{position:relative;}
#hovermenu ul li a{
	display:block; text-align:center; font-family: 'colaborate-boldregular'; color:#fff;
	font-size:2em; height:60px; line-height:60px;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#hovermenu ul li a:hover{
	opacity:0.5;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#hovermenu #close{
	position:absolute; top:10px; right:10px; width:30px; height:30px; background:url(img/icones/close.jpg); z-index:100;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#hovermenu #close:hover{
	cursor:pointer; opacity:0.5;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/********************************************************************************************************************/

#nav{position:fixed; top:0; left:0; width:100%; height:115px; z-index:1000;}
#nav .wrap{display:flex; flex-direction:row; align-items:center; height:110px;}
#nav .wrap .left{order:1; width:50%;}
#nav .wrap .left .toplogo{
	display:inline-block; background:url(img/top-logo.png); width:280px; height:110px; margin-top:20px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#nav .wrap .right{order:2; text-align:right; width:50%;}
#nav .wrap .right > ul{display:inline-block; list-style:none;}
#nav .wrap .right > ul > li{display:inline; position:relative;}
#nav .wrap .right > ul > li > a{
	display:inline-block; color:#fff; padding:15px 0; margin:0 0 0 40px; font-size:1.2em;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#nav .wrap .right > ul > li:first-of-type > a{
	margin:0;
}
#nav .wrap .right > ul > li:hover > a{
	padding-bottom:9px; border-bottom:6px solid #0aa3e9;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#nav .wrap .right > ul > li > ul{display:none; list-style:none; position:absolute; top:100%; left:-10px; width:auto; background:rgba(0,0,0,0.5); border:1px solid #FFF;}
#nav .wrap .right > ul > li:hover > ul{display:block;}

#nav .wrap .right > ul > li > ul > li{position:relative;}
#nav .wrap .right > ul > li > ul > li > a{
	white-space: nowrap; display:block; color:#fff; height:40px; line-height:40px; padding:0 15px;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#nav .wrap .right > ul > li > ul > li:hover > a{
	color:#0aa3e9;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#nav .wrap .right > a[href^="tel:"]{
	display:inline-block; height:31px; line-height:31px; padding-left:50px; margin-left:50px;
	font-family: 'colaborate-regularregular'; color:#fff; font-size:1.2em;
	background:url(img/icones/phone.png) no-repeat center left;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#nav .wrap .right > a[href^="tel:"]:hover{
	padding-left:40px; padding-right:10px;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

#nav .wrap .right > a.menuicon{
	display:none; width:40px; height:40px; line-height:40px; margin-left:20px;
	background:url(img/icones/menu.png) no-repeat;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
#nav .wrap .right > a.menuicon:hover{
	opacity:0.7; cursor:pointer;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;}

/********************************************************************************************************************/

#nav.scrolled{background:#fff; -webkit-box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3); box-shadow: 0 5px 20px 0 rgba(0,0,0,0.3);}
#nav.scrolled .wrap .right ul > li > a{color:#2c2c2c !important;}
#nav.scrolled .wrap .right > a{color:#2c2c2c !important;}
#nav.scrolled .wrap .right ul > li > ul > li > a{color:#fff !important;}

/********************************************************************************************************************/

.home-top{position:relative; background:#222;}

.top-shadow{
	position:absolute; top:0; left:0; width:100%; height:225px; z-index:2;
	background:url(img/bg/shadow-top.png) repeat-x;}

.slogan{
	display:inline-block; position:absolute; bottom:150px; left:0; padding:0 25px; z-index:100;
	color:#fff; font-size:5em; font-family: 'colaborate-boldregular'; text-shadow: 2px 2px 4px #000;}

.sl2, .sl3, .sl4{display:none;}

/********************************************************************************************************************/

.presentation{position:relative; padding:90px 0;}
.presentation .wrap{}
.presentation .wrap img{display:inline; margin-bottom:40px;}
.presentation .wrap h1{font-family: 'colaborate-thinregular'; color:#0aa3e9; font-size:2.4em; line-height:1.2em; text-align:center; font-weight:700; margin-bottom:20px;}
.presentation .wrap h1 strong{font-family: 'colaborate-boldregular';}
.presentation .wrap p{font-size:1.4em; line-height:1.4em; font-family: 'colaborate-thinregular';}

/********************************************************************************************************************/

.services{
	position:relative; padding:70px 0; background:url(img/bg/services-accueil.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.services .wrap{}
.services .wrap h2{font-family: 'colaborate-boldregular'; color:#fff; font-size:3em; margin-bottom:20px; font-weight:normal;}
.services .wrap h2 strong{font-family: 'colaborate-thinregular';}
.services .wrap p{color:#fff; font-size:1.4em; margin-bottom:40px; display:block; width:560px; margin:0 auto;}
.services .wrap ul{display:block; text-align:center; width:70%; margin:0 auto 40px;}
.services .wrap ul li{display:inline-block; background:url(img/icones/checkmark.png) no-repeat center left; height:44px; line-height:44px; color:#fff; font-size:1.8em; padding-left:60px; margin-right:50px; margin-bottom:20px;}
.services .wrap .esp{
	display:inline-block; height:50px; line-height:50px; padding:0 50px; color:#fff; border:1px solid #fff;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
.services .wrap .esp:hover{
	background:#fff; color:#0aa3e9;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/********************************************************************************************************************/

.realisations{position:relative; margin:30px 0;}
.realisations .wrap{}
.realisations .wrap #gal{}
.realisations .wrap #gal a{}
.realisations .wrap #gal a img{}
.realisations .wrap .more{
	position:absolute; bottom:0; left:0; right:0; margin:0 auto;
	display:inline-block; height:50px; line-height:50px; padding:0 25px; width:300px; text-align:center; font-size:1.4em;
	background:rgba(174,221,62,0.7); color:#000;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
.realisations .wrap .more:hover{
	background:rgba(10,163,233,0.8); color:#fff;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/********************************************************************************************************************/

.contact{position:relative; padding:80px 0;}
.contact .wrap{display:flex; flex-direction:row; align-items:flex-start;}
.contact .wrap > div{margin:0 30px;}

.contact .wrap .col1{order:1;}
.contact .wrap .col1 img{position:relative;}

.contact .wrap .col2{order:2;}
.contact .wrap .col2 input[type="text"], .contact .wrap .col2 input[type="tel"], .contact .wrap .col2 input[type="email"]{
	display:block; height:80px; line-height:80px; padding:0 30px;
	border:1px solid #0aa3e9; color:#2c2c2c; font-size:1.8em; margin-bottom:15px;
}
.contact .wrap .col2 textarea{display:block; height:160px; padding:20px 30px; border:1px solid #0aa3e9; color:#2c2c2c; font-size:1.8em; margin-bottom:15px;}
.contact .wrap .col2 input[type="submit"]{
	display:block; height:80px; line-height:80px; padding:0 30px; width:100%; text-align:left;
	border:1px solid #0aa3e9; color:#fff; font-size:1.8em; background:#0aa3e9;
	font-family: 'colaborate-thinregular';
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
.contact .wrap .col2 input[type="submit"]:hover{
	cursor:pointer; background:#2c2c2c; border:1px solid #2c2c2c;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

.contact .wrap .col3{order:3; display:none;}
.contact .wrap .col3 h3{font-family: 'colaborate-boldregular'; font-size:1.8em; color:#2c2c2c; margin-bottom:30px;}
.contact .wrap .col3 ul{position:relative;}
.contact .wrap .col3 ul li{color:#2c2c2c; font-size:1.4em; height:24px; line-height:24px; margin-bottom:15px; padding-left:35px; background:url(img/icones/checkmark-red.png) no-repeat center left;}

/********************************************************************************************************************/

.footer{position:relative;}
.footer .top-footer{position:relative; background:#0aa3e9; padding:15px 0; overflow:hidden;}
.footer .top-footer .wrap{display:table; z-index:2;}
.footer .top-footer .wrap .left{display:table-cell; vertical-align:middle; width:100%;}
.footer .top-footer .wrap .left ul.social{display:block; list-style:none;}
.footer .top-footer .wrap .left ul.social li{display:inline-block; margin-right:25px;}
.footer .top-footer .wrap .left ul.social li a{
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
.footer .top-footer .wrap .left ul.social li a:hover{
	opacity:0.7;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}
.footer .top-footer .wrap .left .footer-logo{position:relative; display:block;}
.footer .top-footer .wrap .left p{color:#fff; font-size:1.2em; line-height:1.4em;}
.footer .top-footer .wrap .left p a[href^="tel:"]{font-family: 'colaborate-boldregular'; color:#fff;}
.footer .top-footer .wrap .left p a[href^="tel:"]:hover{padding-left:15px;}

.footer .top-footer .wrap .right{display:table-cell; vertical-align:middle; text-align:right;}
.footer .top-footer .wrap .right p{width:330px; font-size:1.2em; text-align:right; line-height:1.4em; color:#fff;}
.footer .top-footer .wrap .right .temoignage{display:inline-block; margin-left:80px; width:330px; font-size:1.2em; vertical-align:top;}
.footer .top-footer .wrap .right .temoignage p{color:#fff; line-height:1.4em; margin-bottom:35px;}
.footer .top-footer .wrap .right .temoignage b{font-family: 'colaborate-boldregular'; color:#fff;}

.footer .top-footer .diagonal-color-accent{
	position:absolute; top:0; right:0; background:#aedd3e; z-index:1;
	width:1800px; height:100%;  margin: 0 -700px 0 0;
   	-moz-transform: skew(45deg);
   	-ms-transform: skewX(45.01deg);
   	-webkit-transform: skew(45deg);
   	-o-transform: skew(45deg);
}

.footer .lower-footer{position:relative; background:#444444; height:60px;}
.footer .lower-footer .wrap{display:table;}
.footer .lower-footer .wrap .left{display:table-cell; vertical-align:middle; height:60px; color:#fff; font-size:0.9em;}
.footer .lower-footer .wrap .right{display:table-cell; vertical-align:middle; height:60px; text-align:right;}
.footer .lower-footer .wrap .right a{
	color:#fff; font-size:0.9em;
	transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
}
.footer .lower-footer .wrap .right a:hover{
	opacity:0.8;
	transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
}

/********************************************************************************************************************/

.error_message{position:relative; padding:15px; background:#0aa3e9; color:#fff; margin-bottom:15px; font-size:1.2em;}

/********************************************************************************************************************/

.top-spacer{position:relative; height:145px; background:#222;}

.page-content{position:relative; padding:40px 0;}
.page-content .wrap{display:table;}
.page-content .wrap-top{display:block;}
.page-content .wrap .lcol{display:table-cell; vertical-align:top; padding:0 40px 0 0;}
.page-content .wrap .scol{display:table-cell; margin-left:40px; width:550px; vertical-align:top;}
	.page-content .wrap .scol h3, .page-content .wrap .lcol h3{color:#0aa3e9 !important;}
.page-content .wrap .fcol{position:relative;}

.full-width-img{width:100%; height:auto; margin-bottom:30px;}

.page-content h1{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:40px; font-size:2.6em;}
.page-content h2{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:40px; font-size:2.2em;}
.page-content h3{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:30px; font-size:1.8em;}
.page-content h4{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:30px; font-size:1.4em;}
.page-content h5{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:20px; font-size:1.2em;}
.page-content h6{font-family: 'colaborate-boldregular'; font-weight:normal; color:#2c2c2c; margin-bottom:20px; font-size:1em;}
.page-content p{font-size:1.2em; color:#2c2c2c; margin-bottom:20px; line-height:1.6em;}
.page-content p b, .page-content p strong{font-family: 'colaborate-boldregular'; font-weight:normal;}
.page-content p a{text-decoration:underline;}
.page-content p a:hover{text-decoration:none; color:#0aa3e9;}
.page-content p u{text-decoration:underline;}
.page-content p i{font-style:italic;}

/********************************************************************************************************************/

ul.mini-gallery{position:relative; display:block; list-style:none;}
ul.mini-gallery li{display:inline; margin-right:15px;}
ul.mini-gallery li a{display:inline-block; width:250px; height:auto;}
ul.mini-gallery li a:hover{opacity:0.85;}

ul.liste{position:relative; list-style:none;}
ul.liste li{
	display:block; color:#2c2c2c; padding-left:35px; padding-bottom:15px; font-size:1.4em; line-height:1.4em;
	background:url(img/icones/checkmark-red.png) no-repeat top left;
}

/********************************************************************************************************************/

ul.partenaires{position:relative; list-style:none; margin-bottom:30px;}
ul.partenaires li{display:inline-block; width:29%; height:auto; margin:0 2% 15px;}
ul.partenaires li img{width:100%; height:auto;}

/********************************************************************************************************************/

ul.gallery{position:relative; display:block; list-style:none; margin-bottom:60px;}
ul.gallery li{display:inline-block; margin:0 7px 10px;}
ul.gallery li img{height:240px; width:auto;}

/******************************************************************************************************************ADDS**/

.checks-col{
	width:70px; padding:0 30px 0 0; padding:0 0 0 100px; float:left;}

	.checks-p{
		background:url(img/icones/checkmark-red.png) no-repeat 0% 50%;}

ul.checks{
	list-style-image:none;
	margin-bottom:30px;
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
	-moz-column-count: 3; /* Firefox */
	column-count: 3;
}
ul.checks li{
	color:#333; line-height:2.2em; font-size:1.2em; padding:5px 0 5px 50px;
	background:url(img/icones/checkmark-red.png) no-repeat left center;
}
		
.clear{
	clear:both;}
	
.infos-bleues{
	width:90%; padding:50px 5% 60px;
	background:url(img/bg/services-accueil.jpg) no-repeat center center;}

	.infos-bleues h3{
		color:#FFF; font-size:3em; text-align:center;}
	
		.infos-bleues h4{
			color:#FFF; margin-bottom:10px !important; font-size:2em;}
		
			.infos-bleues p{
				color:#FFF;}
				
.infos-bleues .flex{display:flex; flex-direction:row; justify-content:space-between; margin-bottom:30px;}
.infos-bleues .flex .col-services{width:30%; color:#fff; font-size:1.2em;}

.title-bleu{ color:#0aa3e9 !important;}
.title-padding{ padding:80px 0 0 0;}

/********************************************************************************************************************/



/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

/********************************************************************************************************************/

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #2c2c2c;
  font-family: 'colaborate-thinregular';
}
::-moz-placeholder { /* Firefox 19+ */
  color: #2c2c2c;
  font-family: 'colaborate-thinregular';
}
:-ms-input-placeholder { /* IE 10+ */
  color: #2c2c2c;
  font-family: 'colaborate-thinregular';
}
:-moz-placeholder { /* Firefox 18- */
  color: #2c2c2c;
  font-family: 'colaborate-thinregular';
}

/********************************************************************************************************************/

.ulmargin{margin-left:17px;}
.center{text-align:center;}
.clear{clear:both;}
.table{display:table;}






/* CSS MEDIA QUERIES - WIDTH */

@media screen and (max-width: 1900px) {
	.wrap, .wrap-top{width:1400px;}
	#nav .wrap .left{width:auto;}
	#nav .wrap .right{width:auto; flex-grow:2;}
	#nav .wrap .right ul > li > a{margin:0 0 0 30px;}
	.realisations .wrap #gal a img{height:364px;}
	.contact .wrap .col3{width:290px;}
	.footer .top-footer .diagonal-color-accent{margin:0 -1000px 0 0;}
	.footer .top-footer .wrap .right .temoignage{margin-left:40px; width:300px;}
	ul.gallery li img{height:206px;}
}

@media screen and (max-width: 1450px) {
	.wrap, .wrap-top{width:1000px;}
	#nav .wrap .left .toplogo{width:325px; height:128px;	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	#nav.scrolled .wrap .left .toplogo{width:325px; height:128px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	#nav .wrap .right > a[href^="tel:"]{font-size:1.6em; margin-left:20px; padding-left:40px;}
	#nav .wrap .right ul > li > a{margin:0 0 0 10px;}
	.slogan{font-size:3em;}
	.services .wrap ul{width:100%;}
	.services .wrap ul li{font-size:1.6em;}
	.realisations .wrap #gal a img{height:259px;}
	.contact .wrap{flex-wrap:wrap;}
	.contact .wrap .col1{margin-bottom:40px;}
	.contact .wrap .col2{flex-grow:2;}
	.contact .wrap .col2 input[type="text"], .contact .wrap .col2 input[type="tel"], .contact .wrap .col2 input[type="email"], .contact .wrap .col2 textarea{width:89.5%;}
	.footer .top-footer .wrap .left{width:33%;}
	.footer .top-footer .wrap .right .temoignage{width:290px;}
	.footer .top-footer .diagonal-color-accent{margin:0 -950px 0 0;}
	ul.gallery li img{height:216px;}
	.page-content .wrap .scol{width:400px;}
	.footer .top-footer .wrap .right p{width:auto;}
	ul.checks{
		-webkit-column-count: 2; /* Chrome, Safari, Opera */
		-moz-column-count: 2; /* Firefox */
		column-count: 2;
	}
}

@media screen and (max-width: 1080px) {
	
	ul.checks li{
		font-size:1em; line-height:1em; padding:20px 0 20px 50px;}
	
}

@media screen and (max-width: 1050px) {
	.wrap, .wrap-top{width:800px;}	
	#nav .wrap .right ul{display:block;}
	#nav .wrap .right ul > li > a{padding:6px 0; margin-bottom:4px;}
	#nav .wrap .right ul > li:hover > a{padding-bottom:3px; border-bottom:3px solid #0aa3e9;}
	#nav .wrap .right > a[href^="tel:"]{font-size:1.4em; margin-left:0; padding-left:25px; height:20px; line-height:20px;	-webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px;}
	.services .wrap h2{font-size:2.4em;}
	.services .wrap p{font-size:1.2em; margin-bottom:30px;}
	.services .wrap ul{margin:0 0 10px;}
	.services .wrap ul li{-webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -o-background-size: 30px 30px; background-size: 30px 30px; font-size:1.4em; padding-left:40px; margin-right:30px; margin-bottom:10px;}
	.realisations .wrap #gal a img{height:207px;}
	.realisations .wrap .more{font-size:1em; width:215px;}
	.contact .wrap .col1{margin:0 0 40px;}
	.contact .wrap .col2 input[type="text"], .contact .wrap .col2 input[type="tel"], .contact .wrap .col2 input[type="email"]{height:60px; line-height:60px;  font-size: 1.4em; margin-bottom:5px;}
	.contact .wrap .col2 textarea{font-size: 1.4em; margin-bottom:5px; height:240px;}
	.contact .wrap .col2 input[type="submit"]{height:60px; line-height:60px;  font-size: 1.4em;}
	.footer .top-footer .wrap .left ul.social li a{display:block; width:60px;}
	.footer .top-footer .wrap .right .temoignage{width:80%; margin-bottom:20px;}
	.footer .top-footer .wrap .right .temoignage p{margin-bottom:15px;}
	.footer .top-footer .diagonal-color-accent{margin:0 -1300px 0 0;}
	ul.gallery li img{height:166px;}
	ul.mini-gallery li a{width:175px;}
	ul.partenaires li{width:45%;}
	ul.checks{
		margin-bottom:0;
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;
	}
}

@media screen and (max-width: 850px) {
	.wrap, .wrap-top{width:600px;}
	#nav, #nav .wrap{height:145px;}
	#nav .wrap .left .toplogo, #nav.scrolled .wrap .left .toplogo{width:207px; height:80px;}
	#nav .wrap .right ul{display:none;}
	#nav .wrap .right > a[href^="tel:"]{vertical-align:middle;}
	#nav .wrap .right > a.menuicon{display:inline-block; vertical-align:middle;}
	.presentation, .services{padding:50px 0;}
	.presentation .wrap img{width:250px;}
	.presentation .wrap h1, .services .wrap h2{font-size:2em;}
	.services .wrap ul li{-webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -o-background-size: 25px 25px; background-size: 25px 25px; padding-left:35px;}
	.realisations .wrap #gal a img{height:155px;}
	.contact{padding:40px 0 80px;}
	.contact .wrap > div{margin:0 2%;}
	.contact .wrap .col2{flex-grow:0; width:280px;}
	.contact .wrap .col3{width:230px;}
	.contact .wrap .col2 input[type="text"], .contact .wrap .col2 input[type="tel"], .contact .wrap .col2 input[type="email"], .contact .wrap .col2 textarea{width:76.5%;}
	.footer .top-footer .wrap .left{width:40%;}
	.footer .top-footer .wrap .left ul.social li{margin-right:15px;}
	.footer .top-footer .wrap .left ul.social li a{width:50px;}
	.footer .top-footer .wrap .right .temoignage{font-size:1em;}
	ul.gallery li img{height:136px;}
	.page-content .wrap{display:block;}
	.page-content .wrap .lcol{display:block; width:100%; margin-bottom:40px; padding:0; overflow:hidden;}
	.page-content .wrap .scol{display:block; width:100%; margin-left:0;}
	
}

@media screen and (max-width: 625px) {
	.wrap, .wrap-top{width:96%;}
	#nav .wrap{flex-direction:column;}
	#nav .wrap .left .toplogo, #nav.scrolled .wrap .left .toplogo{margin-top:5px;}
	.slogan{font-size:2em;}
	.services .wrap p{font-size:1.1em; width:auto;} 
	.services .wrap ul li{font-size:1.2em;}
	.realisations .wrap #gal a img{width:100%; height:auto;}
	.realisations .wrap .more{width:auto; position:relative; border:1px solid #0aa3e9; coor:#0aa3e9; display:block;}
	.contact{padding:0 0 40px;}
	.contact .wrap .col1{margin:0 0 30px;}
	.contact .wrap .col2{margin:0 0 30px; width:auto; text-align:center;}
	.contact .wrap .col2 input[type="text"], .contact .wrap .col2 input[type="tel"], .contact .wrap .col2 input[type="email"], .contact .wrap .col2 textarea{display:inline-block;}
	.contact .wrap .col2 input[type="submit"]{display:inline-block; width:94%;}
	.contact .wrap .col3{width:100%; text-align:center;}
	.contact .wrap .col3 ul li{display:inline-block; width:160px; text-align:left;}
	.footer .top-footer .wrap{display:block;}
	.footer .top-footer .wrap .left{display:block; width:auto; text-align:center; margin-bottom:40px;}
	.footer .top-footer .wrap .right{display:block; text-align:center;}
	.footer .top-footer .wrap .right .temoignage{margin-left:0;}
	.footer .top-footer .diagonal-color-accent{margin:0 -1725px 0 0;}
	.footer .lower-footer{height:auto;}
	.footer .lower-footer .wrap{display:block;}
	.footer .lower-footer .wrap .left{display:block; text-align:center; height:auto; padding:10px 0;}
	.footer .lower-footer .wrap .right{display:block; text-align:center; height:auto; padding:0 0 10px;}
	ul.gallery li{width:31%; margin:0 1% 10px;}
	ul.gallery li img{height:auto;}
	ul.mini-gallery li a{width:100%;}
	ul.partenaires li{width:96%;}
	.footer .top-footer .wrap .right p{text-align:center;}
}

/* CSS MEDIA QUERIES - HEIGHT */


@media screen and (max-width:550px) {
	
	.infos-bleues .flex{
		display:block; flex-direction:none; justify-content:none;}
		
		.infos-bleues .flex .col-services{
			width:90%; font-size:1em;}
	
}

@media screen and (max-width: 400px) {
	
	ul.checks li{
		font-size:0.8em; background-size:8%; background-repeat:no-repeat; margin:2px 0; line-height:1.2em; padding:10px 0 10px 40px;}
		
		ul.checks{
			list-style-image:none;
			margin-bottom:0;
			-webkit-column-count: 1; /* Chrome, Safari, Opera */
			-moz-column-count: 1; /* Firefox */
			column-count: 1;}
	
}
