/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

body, html {
	font-family:  'Raleway', Arial, Helvetica, sans-serif !important;
	font-size:14px;
	color:#fff;
	background-color:#fff !important;
}

h1{font-size:36px !important;}

strong{font-weight: 800 !important;}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#fff;
	text-decoration: none !important;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.no-padding{
	padding: 0px !important;
}

.no-margin{
	margin: 0px !important;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1440px !important;
	width:100%;
	margin:0 auto;
	position:relative;
}

/* container */
.container{
	max-width:1310px !important;
}

/* header */
.header, main {
	background: #fff;
}

.header li{
	padding:0px 12px;
}

.header li.nav-item a{
	color:#000;
	text-transform: uppercase;
	font-weight: bold;
	/* letter-spacing: 1px; */
    font-size: 13px;
	padding-left:0px !important;
	padding-right:0px !important;
}
.header li.nav-item:last-child{
	padding-right: 0px;
}

.header ul.navbar-nav li.current_item:after, .header ul.navbar-nav li:hover:after{
	content:'';
	display: block;
	margin: 0 auto;
	background:#2d5dd8;
	width: 60px;
	height: 2px;
}

.header ul.navbar-nav li a.current_menu{
	color: #2d5dd8;
}



.slider{position: relative;}

.slider .bloc-contact{
	width: 260px;
	position: absolute;
	top:50px;
	right: 0px;
	z-index: 20;
}

.slider .bloc-contact .en-tete{
	background: #000;
	color:#fff;
}

.slider .bloc-contact > .row{
	padding:20px 0px;
}

.slider .bloc-contact .address-row {
	padding:10px 0px;
}

.slider .bloc-contact .en-tete h2{
	font-size: 24px !important;
	text-align: center;
}


.slider .bloc-contact .transparent:hover{
	background:#2d5dd8 !important;
	font-weight: bold;
}

.slider .bloc-contact .transparent:not(:last-child){
	border-bottom: 1px solid #999;

}

.slider .bloc-contact .transparent{
	background: rgba(0,0,0,0.5);
}

.carousel-caption{text-align: inherit !important;}

.slider .bloc-contact .col-md-3{text-align: center;}
.slider .bloc-contact .col-md-9, .slider .bloc-contact .col-md-9 a{color:#fff;}
.carousel-caption{
	position: absolute;
}

.carousel-item{background-repeat: no-repeat !important; background-size:cover !important; background-position: center !important;}

.top-left{top:30px; left:120px !important;}
.top-center{top:30px; left:0px !important; right: 0px !important; margin: 0 auto;}
.top-right{top:30px; right:120px !important;}
.middle-left{top:40%; left:120px !important;}
.middle-center{top:40%; left:0px !important; right: 0px !important; margin: 0 auto;}
.middle-right{top:40%; right:120px !important;}
.bottom-left{bottom:30px; left:180px !important;}
.bottom-center{bottom:30px; left:0px !important; right: 0px !important; margin: 0 auto;}
.bottom-right{bottom:30px; right:120px !important;}

/* logo */
.logo {
	text-align: center;
}

.logo .baseline{
	display: block;
	text-align: center;
	color:#000;
	font-weight: 600;
	letter-spacing: 1px;
}

.logo-img {

}
/* navbar */
.navbar {
	padding: 16px 0px 30px !important;
}

.navbar .col-12{padding: 0px;}

.navbar-toggler-icon{
	background-image: url("/wp-content/themes/html5blank-stable/img/menu-button.png") !important;
}

/* sidebar */
.sidebar {

}
/* footer */
.footer  {
	
}

.footer .sub-footer{
	background: rgb(30,37,70);	background: linear-gradient(180deg, rgba(30,37,70,1) 0%, rgba(57,93,167,1) 28%, rgba(57,93,167,1) 69%, rgba(30,37,70,1) 100%);
}
/*.footer .footer-content {
	padding: 50px 0px 10px;
}*/

.footer ul li{list-style-type: none; display: inline-block;}
.footer ul{text-align: center; padding-left: 0px;}

.footer ul li, .footer ul li a{color:#fff;}

.footer ul#menu-sub-footer-menu li a, .footer ul#menu-sub-footer-menu li a, .footer #menu-menu-footer-en li a{text-transform: uppercase; font-size: 12px;}
.footer ul.menu{margin-top: 30px;}
.footer ul#menu-header-menu li, .footer #menu-sub-footer-menu li, .footer #menu-menu-footer-en li{padding:0px 20px;}

.footer ul#menu-footer-menu li a{font-size: 10px;}
.footer ul#menu-footer-menu li{padding:0px 10px; position: relative;}
.footer ul#menu-footer-menu li:not(:last-child):after{content:''; display: block; float: right; background:#703f48; height:10px; width: 2px; position: absolute; right: 0px; top:10px}

.footer ul#menu-sub-footer-menu-en li:not(:last-child):after{content:''; display: block; float: right; background:#703f48; height:10px; width: 2px; position: absolute; right: 0px; top:10px}

.footer ul#menu-sub-footer-menu-en li a{font-size: 10px;}
.footer ul#menu-sub-footer-menu-en li{padding:0px 10px; position: relative;}


.footer .contact-info ul{
	display: table;
	padding-left: 0px;
	text-align: center;
    margin: 0 auto;
}

.footer .contact-info ul li{
	display: table-cell;
	height: 50px;
	vertical-align: middle;
	padding:0px 20px;
}



.footer .contact-info ul li a{
	display:table-cell;
	vertical-align: middle;
	height:50px;
}
.footer .contact-info ul li span, .footer .contact-info ul li img{display: inline-block; float: left;}
.footer .contact-info ul li span{margin-left: 10px;}

.footer #menu-header-menu, .footer #menu-sub-footer-menu{width: auto; padding-bottom: 30px;  border-bottom: 1px solid #5d72a1;}



/*------------------------------------*\
    PAGES
\*------------------------------------*/

.ligne_repeteur{min-height:400px; margin: 0px !important;}
.ligne_repeteur .bloc-image{min-height:400px; background-position: center !important; background-size: cover !important; padding:0px;}

.ligne_repeteur h2:after{margin:15px 0px 20px !important;}
.ligne_repeteur:not(.inverse){flex-direction: row-reverse;}

#intro{ background: rgb(30,37,70);	background: linear-gradient(180deg, rgba(30,37,70,1) 0%, rgba(57,93,167,1) 28%, rgba(57,93,167,1) 69%, rgba(30,37,70,1) 100%);}
#intro p{font-size:26px; margin-bottom: 0px; line-height: 30px;}


.guillemet-left{margin-top: -10px !important;}
.guillemet-right{margin-bottom: -10px !important;}

#indication{background:#2d5dd8;}

#bloc_content h2{color:#2d5dd8;font-size:40px !important; text-align: center; font-weight: 900; padding-bottom: 5px; margin-bottom: 15px; position: relative; padding: 0 20px;}


#bloc_content h2:before{left: 0px; top: 40%;}
#bloc_content h2:after{right: 0px; top: 40%;}

#bloc_content a{font-size:18px; color:#0a1f4b; font-weight: bold;}

#bloc_content h3{ color:#000; font-size: 20px;}
#bloc_content p{color:#000; text-align: justify;}

.container-fluid .content{max-width: 1300px; display: block; margin: 0 auto;}

#liste_service{background: #fff; margin-top: 80px;}
#liste_service .container{border:1px solid #dcdcdc;}

#liste_service .container .content{max-width: 1100px; margin: 0 auto;}
#liste_service h2{font-size: 40px; font-weight: 900; color:#0a1f4b; margin: -26px auto 80px; width: 320px; display: block; background: #fff;}
#liste_service .column-service{text-align: center;}
#liste_service .column-service img.icon{margin-bottom: 40px;}
#liste_service .column-service .libelle{display: block; font-size: 18px; text-transform: uppercase; font-weight: bold; margin-top: -20px; margin-bottom: 15px;}
#liste_service .column-service a {font-size:18px; color:#0a1f4b; font-weight: bold;}

#liste_service .column-service h3{color:#0a1f4b; font-size: 22px; font-weight: bold; margin-bottom: 30px;}

#liste_service .texte_service{text-align: justify; margin: 30px 0px 50px;}

#entreprise { background: rgb(30,37,70);
	background: linear-gradient(180deg, rgba(30,37,70,1) 0%, rgba(57,93,167,1) 40%, rgba(57,93,167,1) 59%, rgba(30,37,70,1) 100%); padding: 60px 0px;}
#entreprise .bloc-portrait{width: 100%; height: 100%; min-height: 300px; background: #2d5dd8; text-align: center;}
#entreprise .bloc-portrait-center{
	background-position: center !important; background-size: cover !important;
}
#entreprise .bloc-portrait img{padding:20px 0px 20px;}
#entreprise .bloc-portrait p{font-size:22px; color:#fdc449; font-weight: 500;margin-bottom: 32px;}
#entreprise h2{font-size: 40px; font-weight: 900; color:#fdc449; margin-bottom: 50px;}


#indication p{font-size: 26px;}

/*#infos_pratique .bloc-texte{width: calc(100% - 54px)}*/
#infos_pratique{padding: 80px 0px;}
#infos_pratique .bloc-image{margin-right: 20px;}
#infos_pratique .ligne-info{margin:0px !important;}

#infos_pratique .ligne-info{padding-bottom: 20px;}

#infos_pratique h2{color:#2d5dd8;font-size:40px !important; text-align: center; font-weight: 900; padding-bottom: 5px; margin-bottom: 80px; position: relative;}


input, textarea{background:#ddd !important;}
form.wpcf7-form{max-width: 600px; margin: 0 auto;}
form.wpcf7-form label{color:#000;}
form.wpcf7-form input.wpcf7-submit{background:#2d5dd8 !important; color:#000; text-transform: uppercase;padding:10px 20px;}

.wpcf7-response-output{color:#000;}

.wpml-ls-legacy-dropdown{width: inherit;}

/*.wpml-ls{width: 26px; height: 26px; border-radius: 50%;}
.wpml-ls-legacy-dropdown-click a.wpml-ls-item-toggle:after{display: none;}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{background:transparent !important; border:0px;line-height: 22px; text-align: center; padding: 0px;}
.wpml-ls-legacy-dropdown-click>ul, .wpml-ls-legacy-dropdown-click>ul li{height: 100%;}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language:hover>a{background: transparent;}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{top:0px; left:inherit; right: -26px; border-radius: 50%; background:#2d5dd8;width: 26px; height: 26px; text-align: center;}
.wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{border:0px; line-height: 22px; color:#fff}
.wpml-ls-legacy-dropdown-click a{background: transparent !important; padding: 0px;}*/

.top-bar-elements > *{display: inline-block;}

#main_content h2{color:#2d5dd8; font-weight: 900; font-size:40px;}

.product_furniture{max-width:200px; text-align: center; padding: 40px 0px;}

.product_furniture h4{height: 45px; font-size: 18px !important; margin: 30px 0px 10px; color:#2d5dd8; font-weight: bold;}
.product_furniture span.tarif{color: #fdc449; font-size: 22px; font-weight: bold;}
/*.wpml-ls ul{padding: 0px;}
.wpml-ls ul li.wpml-ls-item-legacy-dropdown{padding: 4px 8px !important; list-style-type: none;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{padding: 6px 0px 0px !important; text-align: center;}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a{border-radius: 50%;width: 32px; height: 32px;}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{right: -15px;}
  
.wpml-ls-sub-menu{
	display: none;
    position: absolute !important;
    left: 25px !important;
    top: 4px !important;
	background: #2d5dd8 !important;
list-style-type: none !important;}
  
.wpml-ls-sub-menu li{background: #2d5dd8;  list-style-type: none;}
.wpml-ls-sub-menu li a{color:#fff; background: #2d5dd8;padding:0px 10px; }*/

.navbar-toggler {
    border-color: rgb(9,55,244, 1) !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(9,55,244, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}

.maps h3{
	color:#2d5dd8;
	margin-bottom: 20px;
	font-weight: bold;
}

.btn-reviews{
	margin-right: 10px;
	font-size:16px; line-height: 16px;
	color:#2D5DD8;
}

.btn-reviews img{
	width: 16px;
}


/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

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

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

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

}


@media only screen and (max-width:479px){
	
	#slider{
		height: 200px;
	}
	#intro p {
		font-size:18px !important
	}
	.carousel-item h1{padding:10px; background-color:rgba(0,0,0,0.5);}

	#infos_pratique .ligne-info .justify-content-center{
		justify-content: start!important;
		padding: 0px 40px;
	}
}

@media only screen and (min-width:480px) and (max-width:767px){
	
	#slider{
		height: 350px;
	}
}

@media only screen and (min-width:768px) and (max-width:991px){
	
	#slider{
		height: 450px;
	}
}
@media only screen and (max-width:767px) {
	h1{font-size:26px !important;}
	.top-left{top:-10px; left:20px !important;}
	.top-center{top:-10px; left:0px !important; right: 0px !important; margin: 0 auto;}
	.top-right{top:-10px; right:20px !important;}
	.middle-left{top:40%; left:20px !important;}
	.middle-center{top:40%; left:0px !important; right: 0px !important; margin: 0 auto;}
	.middle-right{top:40%; right:20px !important;}
	.bottom-left{bottom:30px; left:40px !important;}
	.bottom-center{bottom:30px; left:0px !important; right: 0px !important; margin: 0 auto;}
	.bottom-right{bottom:30px; right:20px !important;}

	.footer ul#menu-header-menu li{display: block; padding:10px 0px;}
	.footer .contact-info li{display: block !important; padding:10px 0px !important;}
	#bloc_content h2, #infos_pratique h2, #entreprise h2{font-size: 26px !important;}


	.top-bar-elements{
		padding:0px 20px;
	}
}
@media only screen and (min-width:768px) {
	.footer .contact-info ul li:not(:last-child){
		border-right: 1px solid #5372b1;
	}
	#bloc_content h2:before, #bloc_content h2:after{
		content:"";
		display: inline-block;
		width: 20px;
		height: 3px;
		background: #0a1f4b;
		margin: 10px 0px !important;
		position: absolute;
	}
	#infos_pratique h2:before, #infos_pratique h2:after{
		content:"";
		display: inline-block;
		width: 20px;
		height: 3px;
		background: #0a1f4b;
		margin: 10px 5px !important;
	}
	#entreprise h2:before, #entreprise h2:after{
		content:"";
		display: inline-block;
		width: 20px;
		height: 3px;
		background: #fff;
		margin: 10px 5px !important;
	}
	

}
@media only screen and (max-width:991px){
	/*.wpml-ls{position: absolute; top:20px !important; left: 20px !important; right: inherit !important; width: 32px; height: 32px; border-radius: 50%;}*/

	.header ul.navbar-nav li.current_item:after, .header ul.navbar-nav li:hover:after{float: left;}
	#infos_pratique div.col-lg-4{padding:10px 0px;}
	.maps .col-lg-6:first-child{padding-bottom: 20px !important;}
	
	
}
@media only screen and (min-width:992px){
	#infos_pratique .ligne-info:not(:last-child) div.col-lg-4:not(:last-child) .bloc-texte{border-bottom: 2px solid #2d5dd8; height: 80px; }

	.maps .col-lg-6:first-child{padding-right: 15px !important;}
	.maps .col-lg-6:last-child{padding-left: 15px !important;}
	#slider{
		height: 650px;
	}
	
}
@media only screen and (min-width:1024px) {

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

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

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
/*a img.alignnone {
	margin:5px 20px 20px 0;
}*/
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}