/* cmsms stylesheet: RenovDeco-CSS modified: 31/01/2018 15:35:35 */
* { margin:0; padding:0; }
ul, li{list-style-type:none}
body {
	font-family: 'Lato', sans-serif;
	font-size:14px;
	font-weight:400;
	color:#000;
	text-align:center;
	background:#fff; 
}
.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}
.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
.clear{clear:both;}

p{text-align:left; line-height:22px; font-family: 'Lato', sans-serif; font-size:15px;}
img { border:none; vertical-align:top; max-width:100%; }
a  { color:#333;outline: none; text-decoration:none;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;}
  
a.plus {display:inline-block; color:#fff !important; font-family: 'Lato', sans-serif; font-size:14px; padding:5px 15px; letter-spacing:0.8px;  background:#9DA1AA; border-bottom:3px solid #878D95;}
a.plus:hover{background:#F89232; border-color:#F18435;}

ul.puce{margin:5px 0 10px 20px; text-align:left;}
ul.puce li{background:url(http://www.renovdeco37.fr/images/puce.jpg) 0 13px no-repeat; padding:5px 0 5px 15px ;line-height:24px; font-size:16px; }
ul.puce li strong{font-size:16px; font-weight:700;}
img.illustration{width:100%; max-width:1080px; margin:20px auto; }
.contenu .page p span{font-style:italic; color:#F99432;}
.contenu .page p a.plus span{color:#fff; font-style:normal;}
.contenu .page p a.plus:hover{text-decoration:none; }
.contenu .page p a.plus:hover span{color:#000;}
.contenu .page p strong{font-size:16px; font-weight:700;}
.page p a{color:#F8881C;}
.page p a:hover{text-decoration:underline;}
.page p.center{text-align:center;}
.page p strong{color:#F89232;}
img.float{margin:0 15px 10px 0; max-width:auto; height:auto !important}
img.float.right{ margin:0 0 15px 10px;}



h1{text-align:center; color:#373738; font-size:22px; font-family: 'Lato', sans-serif; font-weight:900;background:url(http://www.renovdeco37.fr/images/bg-h1.png) center top no-repeat; text-transform:uppercase; }
h2{text-align:center; color:#52575F; font-size:16px; font-family: 'Lato', sans-serif;  font-weight:normal; }
h3{text-align:center; color:#8C7E77; font-size:25px;  font-family: 'Lato', sans-serif; font-weight:400; padding-bottom:0px; margin-bottom:0px; text-align:left; }
h4{color:#C29705; font-size:20px;  font-family: 'Lato', sans-serif; font-weight:normal; }


/*DIAPO*/
#wrap-header{width:100%; margin:0 auto; position:relative; z-index:101;background:url(http://www.renovdeco37.fr/images/bg-header.png) right top no-repeat; background-size:cover;}

header{ max-width:1080px; margin:0 auto; }
header #logo {display:block; width:80%; max-width:284px;}
header #logo img { width:100%;}
header p.baseline {display:none;}	

header .tool {display:none;}

#bouton_nav{cursor:pointer; display:inline-block; background:url(http://www.renovdeco37.fr/images/bg_btn_nav.png) center 5px no-repeat #F8871B ; color:#fff; font-size:14px; padding:35px 10px 5px 10px;  font-family: 'Lato', sans-serif; font-weight:700; text-align:center; position:absolute; top:10px; right:10px;}

#top-nav{ display:none; width:100%; padding:0 0;   position:absolute; z-index:100000;}
#top-nav ul{background:#F8871B; }
#top-nav li a{color:#fff; font-size:14px; display:block; font-family: 'Lato', sans-serif; font-weight:700;  cursor:pointer;padding:10px;}
#top-nav ul li:hover > a, #top-nav ul li.active > a, #top-nav ul li:hover p, #top-nav ul li.active p,
#top-nav ul li.currentpage > a, #top-nav ul li.currentpage p, #top-nav ul li.activeparent > a, #top-nav ul li.activeparent p
{color:#fff; background:#40444D;}
#top-nav ul li nav{display:none;}

#top-nav-sticky-wrapper { float:none!important; }
.is-sticky #top-nav { left:0px; }

.wrap-page {position:relative; width:100%; }
.page { width:96%;max-width:1080px; margin:0px auto; text-align:center; position:relative; }
.home .page {  background:none;}


footer {margin-top:60px; }
footer p {font-size:13px; margin-top:10px; text-align:center;}
.page footer p a{font-size:13px; color:#fff; }
.page footer p a:hover{text-decoration:underline;}

/**HOME**/
.wrap-page.diapo .flexslider{margin:0; border:none;}
.wrap-page.diapo .flexslider .flex-control-nav, .wrap-page.diapo .flexslider .flex-pauseplay {display:none;}
.wrap-page.diapo .flexslider .flex-direction-nav {display:none; }
.wrap-page.diapo .flexslider p {display:none; }

.wrap-page.services { background:url(http://www.renovdeco37.fr/images/bg-services.jpg) 0 0 no-repeat #53575F; background-size:auto 100%; padding:50px 0 15px 0;}
.wrap-page .item {display:inline-block;  text-align:center; margin:40px 15px; max-width:250px; border:1px solid #CCCCCC; background:#53575F;}
.wrap-page .item:first-child {margin-left:0;}
.wrap-page .item:last-child {margin-right:0;}
.wrap-page .item img {margin-top:-40px;}
.wrap-page .item h4 {font-family: 'Lato', sans-serif; color:#F89232; font-size:18px; text-align:center; text-transform:uppercase; font-weight:500;}
.wrap-page .item p {color:#fff; font-size:14px;margin:5px 0; padding:0 15px;}
.wrap-page .item a.plus {margin:0 0 10px 0;}

.wrap-page.presentation { background:#C7CECE ; padding:60px 0;}
.wrap-page.presentation .texte { padding:30px 1%;}
.wrap-page.presentation .texte p strong { color:#000;}
.wrap-page.presentation .texte p a { color:#000;}

.wrap-page.avantages { background:url(http://www.renovdeco37.fr/images/bg-avantages.jpg) top center no-repeat ; background-size:cover; padding-bottom:0;}
.wrap-page.avantages .item { background:#E47E33; border-color:#fff;padding-bottom:15px; width:40%; min-width:220px; margin:70px 2% 0 0;}
.wrap-page.avantages .item h4 { color:#fff; font-size:24px; font-weight:900; line-height:22px;padding:0 3px;}
.wrap-page.avantages .item p {font-size:15px; text-align:center; padding:0;}
.wrap-page.avantages img.baie {margin-top:25px;}


.contact-bot{background:#333;}	
.contact-bot .col01{padding:2%;  text-align:center;}	
.contact-bot .col02{}	
.contact-bot .col02 address{color:#fff; font-size:18px; line-height:27px; text-align:center; font-style:normal; font-weight:300; margin-top:50px;}	
.contact-bot .col02 address strong{font-weight:700;}	
.contact-bot .col02 address a{color:#fff; }	
.contact-bot .col02 address a.plus{margin-top:30px;}	
.contact-bot .col02 iframe{margin-top:50px; }	



.contenu .wrap-page.bg { background:url(http://www.renovdeco37.fr/images/fond-page.png) bottom left no-repeat ;}
.contenu .page{padding:0 2% 20px 2%; }
.page .ariane{float:left; margin:20px 0 50px 0;}
.page .ariane nav li{display:inline-block; margin:0 5px 0 0; font-size:11px;}

.saut{display:none;}
.contenu .saut{display:block;}
.page.mentions h2{text-align:left;}

/**CONTACT**/
.page form{text-align:right; margin-top:0px; width:100%; }
.page form table{ width:100%;}
.page form td{padding-top:10px; vertical-align:top; text-align:left;font-size:13px;}
.page form td.label{font-size:13px;padding-right:7px; text-align:right;}
.page form td span.champs{font-size:11px;font-style:italic;}
.page form td input{border:none; color:#fff;  }
.page form#m62b34moduleform_1 label{text-align:left; margin-top:20px; float:left;}
.page form#m62b34moduleform_1 input[type=text],.page form#m62b34moduleform_1 input[type=email], .page form#m62b34moduleform_1 textarea{border:none; background:#333 ; color:#fff; padding:5px 2%; width:96%;}
.page form#m62b34moduleform_1 input[type=submit]{cursor:pointer;display:inline-block; color:#fff;border:none; font-family: 'Lato', sans-serif; font-size:14px; padding:5px 15px; letter-spacing:0.8px; background:#F89232; }
.page form#m62b34moduleform_1 input[type=submit]:hover{background:#999; border:none;}
.page form#m62b34moduleform_1 textarea{height:100px;}
.page form#m62b34moduleform_1 .submit{margin:30px auto; float:none;text-align:center;}

.ff-items p{text-align:left !important;}

address{font-size:18px; line-height:27px; text-align:left; font-style:normal; font-weight:300; }	
address strong{font-weight:700;}	
address a{color:#EF771F; font-weight:700; font-size:22px; }	



/* Messages d'alerte */
.fielderror { background:#FFC!important; }
.warning {
	color: #000;
	background-color: #FF9;
	padding: 10px;
	border: 2px dashed #FC0;
	margin:0;
}
.ok {
	color: #000;
	background-color: #6F6;
	text-align: left;
	padding: 10px;
	border: 2px dashed #3C0;
	margin:0;
}
.erreur {
	color: #000;
	background-color: #F99;
	text-align: left;
	padding: 10px;
	border: 2px dashed #F00;
	margin:0;
}

.QapTcha{float:right !important;}



@media only screen and (min-width:860px){
#bouton_nav{display:none;}


#top-nav{padding:0 0; float:right; display:inline-block !important; text-align:right; width:100%;position:relative; background:#EF771F; z-index:9;}
#top-nav nav{max-width:1080px; margin:0 auto;position:relative; background:#EF771F; }
#top-nav ul{display:inline-block; padding:0; background:none; width:auto; position:relative;}
#top-nav ul li{display:inline-block; margin:0 3px; background:none; padding:0;}
#top-nav ul li a{text-align:center;  padding:15px 5px; }
#top-nav ul li nav{display:none; position:absolute; left:0;top:46px; background:#40444D; width:100%; }
#top-nav ul li nav ul{width:100%;}
#top-nav ul li nav ul li.sectionheader{display:inline-block; float:left; margin:20px 5%; width:40%;}
#top-nav ul li nav ul li p, #top-nav ul li nav ul li.sectionheader span{font-size:14px; font-weight:900; color:#999999 !important;}


#top-nav ul li:hover > nav{display:block;}
#top-nav ul li ul li{display:block; margin:5px 0;text-align:left;}
#top-nav ul li ul li a{margin:0; padding:5px 0px;text-align:left; font-weight:400; }
#top-nav ul li ul li a:hover, #top-nav ul li ul li.active a,#top-nav ul li ul li.currentpage a{color:#F89232; }
#top-nav ul li ul li p{margin:0; padding:5px 0px; }


.wrap-page .item {margin:10px 15px; }
.wrap-page.avantages .item {width:20%;}


.wrap-page.presentation .photo{ width:40%; float:left;}
.wrap-page.presentation .texte{ width:54%; float:right; padding:30px 3%;text-align:left}

img.float{float:left; width:40%;  }
img.float.right{float:right; }

.contenu .page img.float{width:40%; margin:10px 0 0 0; max-width:auto;}
.contenu .page .texte{width:54%; float:left; padding:0 ; margin-left:10px;}


.contact-bot{background:url(http://www.renovdeco37.fr/images/bg-footer.jpg) 0 0 repeat-x;}	
.contact-bot .col01{float:left; width:28%; padding:2%; background:#9DA1AA; text-align:center;}	
.contact-bot .col02{float:right; width:65%;}	
.contact-bot .col02 address{float:left; color:#fff; font-size:18px; line-height:27px; text-align:left; font-style:normal; font-weight:300; margin-top:50px;}	
.contact-bot .col02 address strong{font-weight:700;}	
.contact-bot .col02 address a{color:#fff; }	
.contact-bot .col02 address a.plus{margin-top:30px;}	
.contact-bot .col02 iframe{float:right;margin-top:50px; }	


footer p{color:#3F444C;  }
.page footer p a{color:#3F444C; }

}


@media only screen and (min-width:1070px){

header { position:relative; min-height:132px; padding-top:1px; }	
header #logo { position:absolute; left:0; top:0;z-index:10}	

header p.baseline {display:block; font-size:25px; color:#373738;font-family: 'Lato', sans-serif; text-align:left; margin:50px 0 0 350px;  }	
header p.baseline span {font-weight:700; font-style:italic; color:#F88519;}	

header .tool {display:block; float:right; text-align:right;margin-top:20px;}
header .tool p {display:block; text-align:right; background:url(http://www.renovdeco37.fr/images/phone.png) left center no-repeat; font-weight:700; padding-left:40px; font-size:15px;}
header .tool p span {display:block; font-weight:normal;}
header .tool a {display:inline-block; margin-top:10px;}



.wrap-page.diapo {display:block; max-height:600px; overflow:hidden; }
.wrap-page.diapo .flexslider p{display:block;background:url(http://www.renovdeco37.fr/images/bg-orange.png) 0 0 repeat; padding:45px; position:absolute; z-index:102; top:170px; right:200px; font-size:27px; color:#fff;font-family: 'Lato', sans-serif; font-weight:300;}
.wrap-page.diapo .flexslider .flex-direction-nav {display:inline-block;  margin:0 auto; position:absolute; top:283px; right:200px; z-index:100; }
.wrap-page.diapo .flexslider .flex-direction-nav li {width:50px; height:50px; display:inline-block; text-indent:-10000px;
  -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
}
.wrap-page.diapo .flexslider .flex-direction-nav li:hover {opacity:0.7;}
.wrap-page.diapo .flexslider .flex-direction-nav li a {display:block;width:50px; height:50px;}
.wrap-page.diapo .flexslider .flex-direction-nav .flex-nav-prev {background:url(http://www.renovdeco37.fr/images/prev.png) 0 0 no-repeat; margin-right:3px; }
.wrap-page.diapo .flexslider .flex-direction-nav .flex-nav-next {background:url(http://www.renovdeco37.fr/images/next.png) 0 0 no-repeat;}

.contact .col01{width:40%; float:left;}
.contact .col02{width:45%; float:right;}

}
/* cmsms stylesheet: RenovDeco-Filter-CSS modified: 21/04/2017 15:39:16 */
.ff-container{
	width: auto;
	margin: 10px auto 30px auto;
}
.ff-container label{
	cursor: pointer;
	color: #fff;
	font-size: 15px;
	background: #40444D;
	display:inline-block;
	text-transform:uppercase;
	padding:10px;
	margin:5px 0;

}

.ff-container input.ff-selector-type-all:checked ~ label.ff-label-type-all,
.ff-container input.ff-selector-type-1:checked ~ label.ff-label-type-1,
.ff-container input.ff-selector-type-2:checked ~ label.ff-label-type-2,
.ff-container input.ff-selector-type-3:checked ~ label.ff-label-type-3,
.ff-container input.ff-selector-type-4:checked ~ label.ff-label-type-4,
.ff-container input.ff-selector-type-5:checked ~ label.ff-label-type-5{
	background: #F8881C;
}
.ff-container input{
	display: none;
}
.ff-items{
	position: relative;
	margin: 0px auto;
	padding-top: 20px;
}
.ff-items a{
	display: block;
	position: relative;
	width: 290px;
	padding:20px;

}

.ff-items li figure
{
width:290px;
height:215px;
overflow:hidden;
position:relative;
}

.ff-items li img{
	display: block;
width:100%;
height:auto;
position:absolute;
left:0;
top:0;
right:0;
bottom:0;
margin:auto;
}

.ff-items li{
	margin: 0px;
	display:block;
	float:left;
	width: 0px;
	text-align:center;
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
}
.ff-container input.ff-selector-type-all:checked ~ .ff-items li{
	width: 330px;
	height:330px;
	overflow:hidden;
	display:block;
	float:left;
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition: -webkit-transform 0.3s linear;
	-o-transition: -o-transform 0.3s linear;
	-ms-transition: -ms-transform 0.3s linear;
	transition: transform 0.3s linear;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items .ff-item-type-1,
.ff-container input.ff-selector-type-2:checked ~ .ff-items .ff-item-type-2,
.ff-container input.ff-selector-type-3:checked ~ .ff-items .ff-item-type-3,
.ff-container input.ff-selector-type-4:checked ~ .ff-items .ff-item-type-4,
.ff-container input.ff-selector-type-5:checked ~ .ff-items .ff-item-type-5
{
	-webkit-transition: -webkit-transform 0.3s linear, width 0s linear 0.3s;
	-moz-transition: -moz-transform 0.3s linear, width 0s linear 0.3s;
	-o-transition: -o-transform 0.3s linear, width 0s linear 0.3s;
	-ms-transition: -ms-transform 0.3s linear, width 0s linear 0.3s;
	transition: transform 0.3s linear, width 0s linear 0.3s;
	-webkit-animation: scaleUp 0.3s linear 0.4s forwards;
	-moz-animation: scaleUp 0.3s linear 0.4s forwards;
	-o-animation: scaleUp 0.3s linear 0.4s forwards;
	-ms-animation: scaleUp 0.3s linear 0.4s forwards;
	animation: scaleUp 0.3s linear 0.4s forwards;
}
.ff-container input.ff-selector-type-1:checked ~ .ff-items li:not(.ff-item-type-1),
.ff-container input.ff-selector-type-2:checked ~ .ff-items li:not(.ff-item-type-2),
.ff-container input.ff-selector-type-3:checked ~ .ff-items li:not(.ff-item-type-3),
.ff-container input.ff-selector-type-4:checked ~ .ff-items li:not(.ff-item-type-4),
.ff-container input.ff-selector-type-5:checked ~ .ff-items li:not(.ff-item-type-5)
{
	-webkit-animation: scaleDown 0.3s linear forwards;
	-moz-animation: scaleDown 0.3s linear forwards;
	-o-animation: scaleDown 0.3s linear forwards;
	-ms-animation: scaleDown 0.3s linear forwards;
	animation: scaleDown 0.3s linear forwards;
}
@-webkit-keyframes scaleUp {
	50% { width: 330px; -webkit-transform: scale(0,0); }
    100% { width: 330px; -webkit-transform: scale(1,1); }
}
@-webkit-keyframes scaleDown {
	0% { width: 330px;-webkit-transform: scale(1,1);}
	99% { width: 330px; -webkit-transform: scale(0,0);}
    100% { width: 0px; -webkit-transform: scale(0,0); }
}
@-moz-keyframes scaleUp {
	50% { width: 330px; -moz-transform: scale(0,0); }
    100% { width: 330px; -moz-transform: scale(1,1); }
}
@-moz-keyframes scaleDown {
	0% { width: 330px;-moz-transform: scale(1,1);}
	99% { width: 330px; -moz-transform: scale(0,0);}
    100% { width: 0px; -moz-transform: scale(0,0); }
}
@-o-keyframes scaleUp {
	50% { width: 330px; -o-transform: scale(0,0); }
    100% { width: 330px; -o-transform: scale(1,1); }
}
@-o-keyframes scaleDown {
	0% { width: 330px;-o-transform: scale(1,1);}
	99% { width: 330px; -o-transform: scale(0,0);}
    100% { width: 0px; -o-transform: scale(0,0); }
}
@-ms-keyframes scaleUp {
	50% { width: 330px; -ms-transform: scale(0,0); }
    100% { width: 330px; -ms-transform: scale(1,1); }
}
@-ms-keyframes scaleDown {
	0% { width: 330px;-ms-transform: scale(1,1);}
	99% { width: 330px; -ms-transform: scale(0,0);}
    100% { width: 0px; -ms-transform: scale(0,0); }
}
@keyframes scaleUp {
	50% { width: 330px; transform: scale(0,0); }
    100% { width: 330px; transform: scale(1,1); }
}
@keyframes scaleDown {
	0% { width: 330px; transform: scale(1,1);}
	99% { width: 330px; transform: scale(0,0);}
    100% { width: 0px; transform: scale(0,0); }
}