body{
font-family: "Yantramanav", sans-serif;
font-size: 17px;
color:#0D0D0D;
line-height: 130%;
margin: 0;
padding: 0;
overflow-x: hidden;
}
p{
font-weight: 300;
}
img{
display: block;
max-width: 100%;
height: auto;
}
img.inline{
display: inline;
}
a{
transition: all 0.3s;
text-decoration: none;
}
.alignright{
float:right;
margin-left: 10px;
}
.alignleft{
float:left;
margin-right: 10px;
}
.aligncenter{
float:none;
margin: auto;
}
a.btnJaune{
display: inline-block;
font-size: 16px;
color: #76030D;
background: #FCCA08;
padding: 10px 30px;
text-transform: uppercase;
margin-top: 20px;
border:2px solid #FCCA08;
}
a.btnJaune:after{
content: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/icon-fleche.svg);
width:14px;
height:10px;
padding-left: 10px;
}
a.btnJaune:hover{
background: #fff;
}
a.savoirPlus{
font-size: 15px;
color:#BC0000;
}
a.savoirPlus:after{
content: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/icon-plus.svg);
width:10px;
height:10px;
padding-left: 10px;
}
a.savoirPlus:hover{
color:#F3B002;
}
a.savoirPlus:hover:after{
content: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/icon-plus-jaune.svg);
}
#mainNav{
margin: 0;
padding: 0;
}
#mainNav .brand{
width: 326px;
height: 88px;
line-height: 88px;
padding: 5px 0;
text-align: center;
background: #FCCA08;
flex-shrink: 0;
}
#mainNav .brand img{
width: 189px;
margin: auto;
}
#mainNav a{
font-size: 17px;
color:#262626;
text-transform: uppercase;
padding: 0 15px;
white-space: nowrap;
}
#mainNav a:hover{
color: #F3B002;
}
#mainNav .contactTel{
width: 326px;
background: #FCCA08;
flex-shrink: 0;
}
#mainNav .contactTel p{
text-align: center;
font-size: 22px;
color: #76030D;
line-height: 88px;
margin: 0;
font-weight: 500;
}
#mainNav .contactTel img{
display: inline;
}
#slider{
height: 530px;
}
#slider .vegas-content {
display: flex;
align-items: center;
height: 100%;
text-align: center;
}
#slider .content{
width: 100%;
}
#slider p.title{
color:#fff;
font-size: 49px;
margin-bottom: 20px;
}
#slider h1{
color: #fff;
font-weight: 300;
font-size: 24px;
}
footer{
margin-top: 50px;
}
footer .socialLink{
display: flex;
justify-content: end;
}
footer .socialLink p{
font-size: 15px;
font-weight: 700;
}
footer .socialLink a{
color: #0D0D0D;
padding: 0 0 0 40px;
}
footer .socialLink a:hover{
color: #F3B002;
}
footer .footer{
background: #0D0D0D;
padding: 50px 0;
}
footer .footer p,
footer .footer a{
color:#fff;
font-size: 15px;
line-height: 170%;
}
footer .footer a:hover{
text-decoration: underline;
}
footer .footer p.title{
color:#fff;
font-size: 20px;
text-transform: inherit;
margin-bottom: 20px;
}
footer .footer p.title:after{
content:"";
display: block;
width: 31px;
height: 2px;
background: #fff;
margin-top: 17px;
}
footer .subFooter{
display: flex;
justify-content: center;
padding: 20px 0 5px 0;
}
footer .subFooter p,
footer .subFooter a{
color: #0D0D0D;
font-size: 14px;
}
footer .subFooter p{
padding: 0 30px;
}
footer .subFooter a:hover{
text-decoration: underline;
}
footer .logoFooter{
width: 160px;
margin-bottom: 10px;
}
footer ul{
padding: 0;
}
p.title{
font-weight: 700;
color:#BC0000;
font-size: 49px;
line-height: 90%;
text-transform: uppercase;
margin-bottom: 30px;
} .home header h1{
font-weight: 400;
color:#fff;
font-size: 21px;
}
.home p.title{
}
.home p.title strong{
color:#0D0D0D;
}
.home h2{
font-weight: 700;
color:#BC0000;
font-size: 22px;
}
#services{
margin: 70px 0;
}
#services .content{
height: 100%;
border:1px solid #EBEBEB;
border-bottom-width: 0;
display: flex;
flex-direction: column;
}
#services .contentImg{
overflow: hidden;
flex-shrink: 0;
}
#services .contentImg img{
transition: all 1.5s;
}
#services .contentImg:hover img{
transform: scale(1.1) rotate(5deg);
}
#services .contentTxt{
padding: 23px;
border-bottom: 4px solid #F3B002;
height: 100%;
}
#presentation{
background: #F5F5F5;
padding: 70px 0;
}
#certifiee{
margin: 70px 0;
}
#certifiee .title{
text-align: center;
margin-bottom: 10px;
}
#certifiee .contentImg{
line-height: 280px;
}
#certifiee img{
display: inline;
margin-bottom: 30px;
}
#fiches{
padding: 70px 0 0 0;
position: relative;
border-top: 2px solid #fff;
}
#fiches:before{
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 391px;
background: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/motifs-diag.png) #F3B002;
}
#fiches .container{
position: relative;
}
.home #fiches p.title{
color:#fff;
margin-bottom: 60px;
}
#fiches h2{
font-weight: 700;
color:#F38402;
font-size: 22px;
}
#fiches .savoirPlus{
color:#F38402;
}
#fiches a.savoirPlus:after{
content: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/icon-plus-jaune.svg);
}
#fiches a.savoirPlus:hover{
color:#BC0000;
}
#fiches a.savoirPlus:hover:after{
content: url(//renov-habitat-sn.fr/wp-content/themes/renov-habitat-sn/images/icon-plus.svg);
}
#fiches .content{
height: 100%;
border:2px solid #fff;
border-bottom-width: 0;
display: flex;
flex-direction: column;
background: #F5F5F5;
}
#fiches .contentImg{
overflow: hidden;
flex-shrink: 0;
}
#fiches .contentImg img{
transition: all 1.5s;
}
#fiches .contentImg:hover img{
transform: scale(1.1) rotate(5deg);
}
#fiches .contentTxt{
padding: 23px;
border-bottom: 4px solid #BC0000;
height: 100%;
}  #sliderPage{
height: 340px;
margin-bottom: 70px;
}
#sliderPage .vegas-content {
display: flex;
align-items: center;
height: 100%;
text-align: center;
}
#sliderPage .content{
width: 100%;
}
#sliderPage p.title{
color:#fff;
font-size: 49px;
margin-bottom: 20px;
}
#sliderPage h1{
color: #fff;
font-weight: 300;
font-size: 24px;
} #fiches .containerFiche{
background: #fff;
padding-top: 50px;
}
.single #fiches::before {
height: 261px;
}
.single p.title {
margin-bottom: 70px;
}
.single .containerFiche h1{
color:#F38402;
text-align: center;
padding: 20px 0;
font-size: 55px;
}
.single .containerFiche h1:after {
content: "";
display: block;
width: 2px;
height: 60px;
background: #F38402;
margin: 30px auto;
} #wpcf7-f29-p19-o1{
input[type="text"],
input[type="email"],
textarea
{
width: 100%;
padding: 5px;
}
}
input.btnJaune{
display: inline-block;
font-size: 16px;
color: #76030D;
background: #FCCA08;
padding: 10px 30px;
text-transform: uppercase;
margin-top: 20px;
border:2px solid #FCCA08;
transition: all 0.3s;
}
input.btnJaune:hover{
background: #fff;
}
.grecaptcha-badge{
display: none;
}
.page-id-19 .grecaptcha-badge{
display: block;
}
@media screen and (max-width:1499px){ #mainNav .brand,
#mainNav .contactTel {
width: 216px;
height: 68px;
line-height: 68px;
}
#mainNav .brand img {
width: 149px;
}
#mainNav .contactTel p {
font-size: 20px;
line-height: 68px;
}
#mainNav a{
font-size: 16px;
padding: O 13px;
}
}
@media screen and (max-width:1199px){
#mainNav .brand{
}
#mainNav .contactTel{
background: none;
order: 2;
margin-left: auto;
}
#mainNav .contactTel p {
line-height: inherit;
}
#mainNav button,
#mainNav .navbar-collapse{
order: 3;
border: none;
}
#mainNav button:focus{
box-shadow: none;
}
#mainNav a{
padding: 10px 13px;
text-align: center;
}
.home p.title {
font-size: 45px;
}
#slider{
height: 380px;
}
#services p.title br{
display: none;
}
}
@media screen and (max-width:991px){
.home p.title {
font-size: 40px;
}
#services .contentTxt,
#fiches .contentTxt {
padding: 15px;
}
}
@media screen and (max-width:767px){
#slider{
height: 290px;
}
#slider p.title {
font-size: 39px;
}
#slider h1 {
font-size: 18px;
}
#services .content,
#fiches .content{
max-width: 500px;
margin: auto;
}
@media screen and (max-width:490px){
#mainNav .brand, #mainNav .contactTel {
width: 146px;
}
#mainNav .contactTel p {
font-size: 15px;
}
#mainNav .contactTel img {
width: 17px;
}
}