/**** DIVERS ****************************/
:root {
  --primaryColor: #FF0000; /* 00243e, 005d8d */
  --secondaryColor: #005d8d;
}
h1 {font-size: 31px; line-height: 42px;}

.iframe-contact {width: 100%; height: 280px;}
@media screen and (min-width: 768px) {
	.iframe-contact {height: 330px;}
}
@media screen and (min-width: 992px) {
	.iframe-contact {height: 450px;}
}



/**** HEADER ****************************/
.sf-menu li {padding: 0 20px;}
.sf-menu li > a {text-transform: uppercase; font-size: 16px; font-weight: 600; line-height: 26px; padding: 12px 0 12px 20px}
.sf-menu li li > a {text-transform: none; font-size: 15px; font-weight: 500; line-height: 22px; padding: 8px 12px}
.menu li a, .menu li a:visited {color: #222; font-size: 18px;}
.header .menu-container {width: 900px;}
.header .logo {width: 200px;}
.header .logo img {width: 120px;}
/*.header-container {background: #dfebf1;}*/
.header-top-bar-container {background: #ff0000; display: none;}
.header-top-bar .contact-details li {font-weight: 600;}
.header-top-bar .contact-details li:hover, .header-top-bar .contact-details li.selected {background: #C60000;}
.header-top-bar .contact-details li a {color: #fff;}
.header-top-bar .contact-details li a {text-decoration: none; display: block; height: 100%; padding: 15px 12px; ;}
.header-top-bar .contact-details li {/*padding: 15px 12px; */padding: 0; font-size: 17px;}
.contact-details li:first-child {border-left: none;}
.contact-details li:last-child {border-right: none;}
.header-top-bar {
    text-align: center; /* centre les enfants inline ou inline-block */
	height: 50px;
}
.header-top-bar .contact-details {
    float: none;            /* on enlève le float */
    display: inline-block;  /* on rend la liste centrable */
}
.sf-menu li, .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
    background: none;
}

.mobile-menu li a {text-transform: uppercase; color: #000;}
.mobile-menu li li a {text-transform: none;}
.mobile-menu li a:hover {background-color: var(--primaryColor); color: #fff; text-decoration: none;}
@media screen and (min-width: 400px) {
	.header .logo img {width: 120px;}
}
@media screen and (min-width: 480px) {
	.header .logo img {width: 130px;}
}
@media screen and (min-width: 768px) {
	.header .logo img {width: 140px;}
	.header-top-bar-container {display: block;}
}


@media screen and (max-width:1189px) {
	.header .mobile-menu-switch
	{
		display: table-cell;
	}
	.sf-menu {display: none;}
	.header-top-bar-container {display: none;}
	.mobile-menu-container {display: block;}
	.header .logo {width: 720px;}
	.menu-container nav {float: none;}
}
@media screen and (max-width:991px) {
	/*.header .logo {width: 680px;}*/

}
@media screen and (max-width: 767px) {
    .header-top-bar .contact-details {float: left;}
}
@media screen and (max-width: 479px) {
    .header-top-bar-container .header-toggle {display: none;}
	.header-top-bar {display: block;  padding-top: 0px; }
	.header-top-bar .contact-details {
		float: left;
	}
	.header-top-bar .social-icons {float: right;}
}


/**** HOMEPAGE ****************************/
body.page-home h1.box-header {text-align: center;}
body.page-home h1.box-header:after {
    width: 80px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}
body.page-home .header-container {background: none;}
body.page-home .page-padding-top-section {padding-bottom: 65px;}

.services-list li {width: 360px; margin: 15px;}
@media screen and (max-width: 1189px) {
	.services-list li {width: 340px;  }
}
@media screen and (max-width: 767px) {
	.services-list li {float: none; margin-left: auto; margin-right: auto;}
}
@media screen and (max-width: 479px) {
	.services-list li {width: 100%;}
}

/**** LISTE REALISATIONS ****************************/
.projects-list li .view p.title
{
	color: #FFF;
	margin-top: -20px;
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: 700;
	line-height: 24px;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	padding: 0;
}
.projects-list li .view p.description {margin-top:0; margin-bottom: 0; padding: 0;}

.projects-list li:hover .view p.title {margin-top:5px;}
.projects-list li:hover .view p.description {margin-top:0; margin-bottom: 0;}



/**** CMS ****************************/
.blog .post-content {width: 100%;}
.blog .post-content h2 {font-size: 24px; line-height: 36px;}
.post.single p, .post.single li {font-size: 16px; line-height: 26px; font-family: "Raleway";}

.column-1-3 {width: calc(33.33% - 30px);}
.column-2-3 {width: calc(66.66% - 30px);}
.column-2-2 {width: calc(50% - 30px);}
.column.premiere{margin-left: 0;}

h1.titre-page {text-transform: uppercase;}


@media screen and (max-width: 767px) {
    .row .blog .post-content {width: 100%;}
}


@media screen and (max-width: 767px) {
    .column-1-3, .column-2-3, .column-2-2 {
        width: 100%!important; margin-left: 0;
    }
	.row .column { margin-top: 0;}
	
	
}


/**** LISTING AVIS CLIENTS ****************************/
.listing-complet-avis .testimonials-list .author-details-box {margin-top: 30px!important;}
@media screen and (max-width: 767px) {
    .listing-complet-avis .testimonials-list .author-details-box {margin-top: 30px!important;}
}



/**** CONTACT ****************************/
.comment-form .hint, .contact-form .hint {color: #454545;}
input, textarea {border: 1px solid #aaa;}
.comment-form textarea, .contact-form textarea {height: 260px;}



/**** LISTING PAGES ****************************/
.services-list  li {background: #f7f7f7; }
.services-list  li.li-home {background: #fff;}
@media screen and (min-width: 480px) {
	.services-list  li {height: 380px;}
}
@media screen and (min-width: 1200px) {
	.services-list  li {height: 440px;}
}
/*@media screen and (min-width: 480px) {
	.services-list li .accroche-service {height: 130px;}
}
@media screen and (min-width: 1200px) {
	.services-list li .accroche-service {height: 75px;}
}
*/


/**** LISTING REALISATIONS ****************************/
.projects-list .bt-agrandir {margin:0 auto; margin-top: 10px; padding:6px 10px; border-radius: 8px; color: #fff; text-decoration: none; background: var(--primaryColor); display: block; width: 90px; }
.projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img {/*width: 270px; height: 360px;*/width: 370px; height: 290px;}
@media screen and (max-width: 1189px) {
    .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img {
        width: 230px;
        /* height: auto; */
        height: 185px;
    }
}
@media screen and (max-width: 767px) {
    .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img {
        width: 216px;
        height: 175px;
    }
}
@media screen and (max-width: 479px) {
    .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img {
        height: 225px;
    }
}
@media screen and (max-width: 479px) {
    .projects-list.isotope, .projects-list.isotope li, .projects-list.isotope li>a, .projects-list.isotope a>img {
        width: 300px;
    }
}




/**** FOOTER ****************************/
.encart-contacts {background: #808080!important;}
.lien-bas-de-page {padding:0 ;}
.lien-bas-de-page a {font-weight: 400; text-decoration: underline;}