/*

Theme name: meubles

Author: Abdelkrim HAROUN

Description: Un theme pour le site web meubles

*/



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

	LA BASE

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

html,body,div,ul,li,h1,h2,h3,h4,p,input,img{

	margin: 0;

	padding: 0;

}



body{

	font-family: 'Open Sans', sans-serif;

	color: #231f20;

}



.stop-float{

	clear: both;

}



li{

	list-style: none;

}



a{

	text-decoration: none;

}



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

	HEADER

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

.header-top{

	height: 45px;

	background: #231f20;

	position: relative;

	font-size: 15px;

}



.header-top i{

	font-size: 18px;

}



.header-top a{

	color: #fff;

}



.rechercher-icon{

	color: #fff;

	border: none;

}



.rechercher-icon:hover{

	background: #231f20 ;

}



.header-top-right{

	background: #414042;

	height: 45px;

	width: 50%;

	position: absolute;

	top: 0;

	left: 50%;

}



.header-top-left li{

	float: left;

}





.info-header-top{

	margin-top: 12px;

}



.info-header-top li{

	float: left;

}



.info-header-top li:first-child{

	margin-right: 58px;

}



.info-left{

	position: relative;

	z-index: 100;

}



.rechercher{

	width: 420px;

	position: relative;

	border-right: 1px solid #fff; 

	float: left;

}



.info-left input{

	height: 45px;

	border: none;

	background: transparent;

	color: #fff;

	width: 100%;

	border-right: 1px solid #fff ; 

}



.rechercher-icon{

	position: absolute;

	right: 0;

	top: 0px;

	width: 45px;

	height: 45px;

	line-height: 45px;

	text-align: center;

	background: #414042;

}



.media-sociaux-header{

	float: right;

}



.media-sociaux-header li{

	float: left;

}



.media-sociaux-header a{

	width: 45px;

	display: inline-block;

	text-align: center;

	line-height: 45px;

	border-right: 1px solid #fff; 

}



.media-sociaux-header a:hover{

	background: #231F20;

}



.content-logo{

	padding: 24px 0;

	position: relative;

}



.content-btn-header{

	position: absolute;

	right: 0px;

	top:53px;

	display: none;

}



.btn-b{

	padding: 10px 20px;

	display: inline-block;

	background:  #041c68 ;

	color: #fff;

	font-size: 15px;

	font-weight: bold;

	border:2px solid #041c68;

	transition: all 0.2s;

}



.btn-b:hover{

	background: #fff;

	border:2px solid #041c68;

	color: #041c68;

	text-decoration: none;

}



.logo-top {

	width: 162px;

	margin: auto;

	display: block;

}



.content-nav{

	border-top: 1px solid #cccccc; 

	display: block;

}

.content-nav-mobile{
	display: none;
	background-color: #231f20;
	height: 291px;
	overflow: auto;
}


.content-nav nav > ul > li{

	float: left;

	position: relative;

}

.menu-menu-1-container{
	float: none;
	transition: all 0.3s;
	height: 79px;
}

#menu-menu-2{
	display: inline-block;
}


.fixe-menu .content-nav #menu-menu-2 li:first-child{
	display: none;
}

.fadeInUp .fixe-menu #menu-item-22{
	display: none;
}

.content-logo-fix{
	float: left;
	width: 99px;
	margin-top: 8px;
	display: none;
}

.fixe-menu #menu-item-16 a{
	margin-left: 0px;
}

.fixe-menu .content-logo-fix{
	display: block;
}

.content-nav nav > ul > li > a{

	font-size: 13px;

	color: #231f20;

	font-family: "Montserrat";

	padding: 30px 10px;

	display: block;

	margin: 0 30px;

	position: relative;
	font-weight: bold;

}



.content-nav nav > ul > li::after{

	position: absolute;

	top:34px;

	right: 0;

	width: 1px;

	height: 12px;

	background: #cccccc;

	display: block;

	content: "";

}



.content-nav nav > ul > li:last-child::after{

	display: none;

}



.content-nav nav > ul > li > a:hover{

	text-decoration: none;

	color: #041c68;

}



.content-nav nav > ul > li > a::after{

	width: 0%;

	left: 50%;

	background: #041c68;

	content: "";

    height: 2px;

    margin-top: 4px;

    position: absolute;

    top: -6%;

    transition: all 0.3s;

}





.content-nav nav > ul > li > a:hover::after {   

    left: 0%;  

    width: 100%;

}



#menu-menu-2 .current_page_item a{

	text-decoration: none;

	color: #041c68 !important;

}



#menu-menu-2 .current_page_item a::after {

    left: 0% !important;  

    width: 100% !important;

}



.menu-btn{
	display: none;
}

.menu-btn .text-center div:last-child{
	padding-bottom: 8px;
}



#menu-menu-2 .menu-item-25 , #menu-item-25{
	position: relative;
}


#menu-menu-2 .menu-item-25::before {
	bottom: 0;
	color: #231f20;
	content: "\f107";
	font-family: FontAwesome;
	font-size: 18px;
	left: 0;
	text-align: center;
	right: 0;
	top: 50px;
	position: absolute;
	display: inline-block;
	margin: auto;
}



#ca{

	position: absolute;

	z-index: 100;

	width: 100%;

	background: #fff;

	border-top: 3px solid #041c68;

	opacity: 0;

	visibility: hidden;

	transform: translate(0px, 10px);

	transition: opacity 0.2s , visibility 0.2s , transform 0.2s;

}



#ca{
	padding: 0px 5px 0px 5px;
}

#ca-mob{
	display: none;
}



#menu-menu-2 .menu-item-25:hover #ca{

	opacity: 1;

	visibility: visible;

	transform: translate(0px, 0px);	

}



#ca a{

	text-align: left;

	padding-top:10px;

	padding-bottom: 10px; 

	border-bottom: 1px solid #cccccc; 

	display: block;

}



#ca a:last-child{

	border-bottom: none; 

}



.icon-nav{

	width: 30px;

	height: 30px;

	display: inline-block;

	float: left;

	margin-right:10px ; 

	background-size: cover;

	background-position: center center;   

	background-repeat: no-repeat; 

}



#ca span{

	font-size: 15px;

	color: #231f20;

	text-align: left;

	height: 30px;

	display: inline-block;

	margin-top: 5px;
}



#ca a:hover{
	background: #e6e7e8;
}


.fixe-menu{
	position:fixed;
	top : 0;
	left : 0;
	z-index:999;
	width: 100%;
	background-color: #fff;
	border-bottom: 1px solid rgba(35, 31, 32,1)!important ;
}

.fixe-menu-mobile{
	position:fixed;
	top : 80px;
	left : 0;
	z-index:999;
	width: 100%;
	background-color: #fff;
}


.fadeInUp .fixe-menu .menu-menu-1-container {
	/*display: block;*/
	float: right;
}


.content-navigation{

	/*transition:border-bottom 5s;*/

	/*border-bottom: 1px solid rgba(35, 31, 32,0);*/

}

/*

.fixe-menu a , .fixe-menu i {

	color: #fff !important;

}*/



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

	SLIDER

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

.slider div{

	position: relative;

}



.slider h1{

	color: #fff;

	font-size: 40px;

	font-weight: 700;

	text-align: center;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    width: 100%;

    text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);

    font-family: "Montserrat";

}





.slider .owl-dots{

	bottom: 15px;

    position: absolute;

    text-align: center;

    width: 100%;

    z-index: 100;

}



.slider .owl-dots .owl-dot{

	display: inline-block;

}



.slider .owl-dot span {

	width: 15px;

	height: 15px;

	display: inline-block;

	background:#8a8a8a;

    border-radius:0px; 

    opacity: 1;

    margin: 0 5px;

    border: 6px solid #fff;

    text-shadow: 0px 0px 0px rgba(150, 150, 150, 1);

}



.slider .owl-dot span:hover{

	opacity: 1; 

	background: #041c68 ;

}



.slider .owl-dots .active span{

	opacity: 1;

	background: #041c68 ;

}



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

	INTEREUR - HOME

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

.inter-home{

	padding-top: 30px;

	padding-bottom:  30px; 

}





.titre{

	font-size: 30px;

	font-family: "Montserrat";

	font-weight: 700;

	text-align: center;

	margin-bottom: 30px;

}



.titre::after{

	content: "";

	background: url("svg/icon-titre.svg") center center no-repeat;

	width: 78px;

	height: 14px;

	display: block;

	margin: 5px auto 0 auto;

}



.categories-home li{

	/*float: left;*/

}



.categories-home li a{

	width: 100%;

	height: 228px;

	display: block;

	position: relative;

}



.icon-categories-home{

	background-repeat:no-repeat;

    background-position: center center ; 

    z-index: 102;

    transition: all 0.3s;

}



.ch{

	width: 100%;

	height: 228px;

	position: absolute;

	top:0;

	left: 0;

}



.img-categories-home{

    background-repeat:no-repeat;

    background-size:cover;

    background-position: center center ; 

    z-index: 100;

}



/*

.categories-home li:first-child a{

	border-left:  1px solid #000; 	

}*/





.categories-home ul .owl-stage .owl-item:first-child a{

	border-left:  1px solid #000; 

}



.categories-home .cache , .realisations-home .cache , .page-c-2 .cache{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	background: rgba(0,0,0,0.5);

	z-index: 101;

	border-top: 1px solid #000;

	border-bottom:  1px solid #000;

	border-right: 1px solid #000; 

	transition: all 0.3s;

}



.realisations-home .cache{

	border:none;

}



.page-c-2 .cache{

	border:none;

}



.realisation-home h2{

	position: absolute;

	font-weight: bold;

}





.categories-home h2{

	width: 100%;

	font-size: 17px;

	font-family: "Montserrat";

	z-index: 222;

	position: absolute;

	color: #fff;

	bottom: 42px;

	opacity: 0;

	visibility: hidden;

	transition: all 0.3s;

}



.categories-home li a:hover .icon-categories-home{

	background-position: center 28px;

}



.categories-home li a:hover  h2{

	visibility: visible;

	opacity: 1;

}



.categories-home li a:hover  .cache{

	background: rgba(0,0,0,0.9);

}



.text-categorie{

	margin: 30px auto 30px auto;

	font-size: 15px;

	text-align: center;

	width: 885px;

}



.bouton{

	display: inline-block;

	padding: 10px 15px;

	font-size: 13px;

	border: 1px solid #231f20;

	font-family: "Montserrat";

	color: #231f20;

	position: relative;

	background: #fff;

}



.bouton:hover{

	color: #231f20;

	text-decoration: none;

}



.bouton:hover .fleche{

	right: -30px;

    width: 30px;

}



.bouton:hover .triangle{

	right: -35px;

}



.fleche{

	background: #231f20;

    display: block;

    height: 1px;

    position: absolute;

    right: -20px;

    top: 19px;

    width: 30px;

    transition:all 0.2s;
    z-index: -1;
}



.triangle{

	border-color: transparent transparent transparent #231f20;

    border-style: solid;

    border-width: 5px 0 5px 5px;

    display: inline-block;

    height: 0;

    position: absolute;

    right: -25px;

    top: 14px;

    width: 0;

   transition:all 0.2s;

   

}



.realisations{

	padding-bottom: 30px;

    padding-top: 30px;

    background: url("images/background.jpg") center center repeat;

}



.realisation-home{

	height: 498px;

	width: 33.33%;

	display: block;

	float: left;

}



.realisation-home{

	background-size:cover; 

	background-position: center center;

    background-repeat: no-repeat;

    transition: all 0.3s ease 0s;

    z-index: 102;

    position: relative;	

    overflow: hidden;

}



.realisation-home h2{

	font-family: "Montserrat";

	font-weight: 700;

	position: absolute;

	color: #fff;

	font-size: 30px;

	z-index: 300;

	right: 10px;

	top: 10px;

	text-shadow: 0px 0px 9px rgba(150, 150, 150, 1);

	transition: all 0.2s ;

}



.realisation-home h2:last-child{

	top: 50px;

	opacity: 0;

}



.realisation-home:hover h2:nth-child(2){

	top: -34px;

	opacity: 0;

}



.realisation-home:hover h2:nth-child(3){

	top: 10px;

	opacity: 1;

}



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

	INTEREUR

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

.text-single-article{

	font-size: 15px;

	text-align: left;

	/*margin-top: 10px;*/

}

.img-inter{
	/*background: url("images/interieur.jpg") center center no-repeat;*/
	height: 300px;
	background-repeat: no-repeat;
	background-size:  cover;
	background-position: center center; 
	position: relative;
	text-align: center;
}



.fil {

	padding: 10px 60px;

	background: #fff;

	display: inline-block;

	transform: translate(0px, 243px);

	font-size: 15px;

}



.breadcrumb{

	margin-bottom: 0px;

	background: #fff;

}



.breadcrumb > li + li::before{

	padding: 0 13px;

}



.act{

	color: #041c68;
	font-weight: bold;

}



.act:hover{

	color: #041c68;	

}



.page-inter{

	padding-bottom: 30px;

    padding-top: 30px;

}

.fildariane-moblie{
	display: none;
}


.text-single{

	text-align: center;

	font-size: 15px;

	margin-bottom: 30px;

}



.text-single p{

	margin-bottom: 10px;

}



.text-single p:last-child{

	margin-bottom: 0px;	

}



.boit-op {

	margin-bottom: 20px;

}



.boit-op h2 , .titre-single{

	font-size: 20px;

	font-weight: bold;

	border-bottom: 1px solid #041c68;

	padding-bottom: 5px;

}

.couleur-ton{
	position: relative;
}

.couleur-ton span{
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 18px;
	padding: 10px 15px;
	width: 100%;
	display: block;
	color: #fff;
	background-color: rgba(35, 31, 32,0.5);
	font-weight: bold;
}

.boit-op ul{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 30px;
}

.boit-op h2{
	margin-bottom:  10px;
}

.boit-op ul li{ 

	list-style-image:url("images/puce-red.png");

}


.color li{
	margin-top: 3px;
	display: inline-block;
}


.modeles{
	margin-top: 20px;
}



.modele{

	width: 50%;

	float: left;

	border:1px solid #fff;

	display: block;

}



.page-c-2 {

	display: inline-block;

	width: 100%;

	height:  300px;

	background-size: cover;

	background-repeat: no-repeat;

	color: #fff;

	background-position: center center;

	position: relative;

	margin-bottom: 30px;

	border:  1px solid #000;

}



.page-c-2:hover .titre-1{

	top: 0%;

	opacity: 0;

}



.page-c-2:hover .titre-2{

	top: 50%;

	opacity: 1;

	color: #fff;

}



.page-c-2 h2{

	font-size: 30px;

	position: absolute;

	text-align: center;	

	width: 100%;

	transform: translateY(-50%);

	font-weight: bold;

	z-index: 102;

	transition:all 0.2s;

}



.page-c-2 .titre-1{

	top: 50%;

}



.page-c-2 .titre-2{

	top: 70%;

	opacity: 0;

}



#pagination-links {

	text-align: center;

}



#pagination-links > a {

	display: inline-block;

	padding: 10px 20px;

	background-color: #e2e2e2;

	text-align: center;

	margin: 10px 5px 0px 5px;

	color:#000;

	font-size: 16px;

}



#pagination-links > a:hover {

	background-color:#b0b0b0;

	text-decoration: none;

}



#pagination-links > .page-active {

	background-color:#b0b0b0;

}



.pagination-page{

	display: table;

}





.play-pause + div{

	display: none !important;

}





.text-single-article p{

	margin-bottom: 10px;

}



.text-single-article p:last-child{
	margin-bottom: 0px;
}


.img-der-re{
	display: block;
	overflow: hidden;
	position: relative;
}

.couver{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255, 255, 255,0);
	display: block;
	transition:all 0.4s;
}

.icon-zoom{
	position: absolute;
	top:-325px;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	/*border-radius: 100%;*/
	background-color: #041c68;
	font-size: 20px;
	color: #fff;
	transition:all 0.2s;
}

.img-der-re:hover .icon-zoom{
	top:0px;
}

.img-der-re img{
	transition:all 0.4s;
}

.img-der-re:hover img{
	transform: scale(1.1, 1.1);
}

.img-der-re:hover .couver{
	background: rgba(255, 255, 255,0.6);
}


.realisation-article { width: 33.33%; }


.couleur{
	display: inline-block;
}



.couleur span{

	width: 60px;

	height: 60px;

	display: block;

}



.img-mat{

	width: 200px;

	margin: auto;

}



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

	NOTRE RESEAU

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

.reseau-left{

	width: 230px;

	float: left;

}





.reseau-left a{

	font-size: 16px;

	font-weight: bold;

	display: block;

	padding: 10px 9px;

	color: #231f20;

	background: #e6e7e8;

	border-bottom: 1px solid #fff;

}



.reseau-left a:hover{

	background: #F1F2F2;

	text-decoration: none;

}



.reseau-left .active{

	border-left: 3px solid #041c68;

	padding-left: 6px; 

	background: #f1f2f2;

}



.reseau-right{

	background: #f1f2f2;

	width: 910px;

	float: left;

	padding: 30px;

	/*height: 262px*/

}



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

	CONTACT

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

.form-contact {

    background: #fff;

    border: 1px solid #231f20;

    color: #000;

    padding: 0.625em 0.4375em;

    transition: border 0.3s ease 0s, background 0.3s ease 0s;

    width: 100%;

}



.item-coordonner{

	font-weight: bold;

}



.all-coordonner{

	font-size: 15px;

}



.all-coordonner hr{

	border-top: 1px solid #fff;

}



.contact hr {

	border-top: 1px solid #231f20;

}



.map {

	border: none;

}



.map iframe{

	width: 100%;

	margin-top: 30px;

	border: none;

}



.btn-noir{

	padding: 10px 15px;

	background: #231f20;

	color: #fff;

	font-size: 14px;

	border: none;

	display: inline-block;

	font-weight: bold;

}



.btn-noir:hover{

	background: #58595b;

	color: #fff;

}



.tabs .active{

	background: #041c68;

	color: #fff;

}



.tabs a{

	padding: 10px 20px;

	color: #231f20;

	font-size: 15px;

	font-weight: bold;

	border-bottom: 1px solid #231F20;

	display: block;

	float: left;

}



.tabs a:hover{

	text-decoration: none;

	background: #041c68;

	color: #fff;

}





.reseau-centent iframe , #map iframe{

	width: 100% !important;

	border:none;

	height: 600px !important;

	margin-top: 20px; 

}







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

	FOOTER

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

.footer-top{

	background: url("images/footer.jpg") center center no-repeat;

	padding-bottom: 30px;

    padding-top: 30px;

}



.text-footer{

	font-size: 20px;

	text-align: center;

	color: #fff;

	line-height: 27px;

	margin-top: 30px; 

}



.menu-footer{

	font-size: 15px;

	line-height: 30px;

	padding-left: 24px;

}



.footer-top h2{

	font-size: 22px;

	color: #fff;

	font-family: "Montserrat";

	margin-bottom: 10px;

}



.footer-top li{

 list-style-image : url(images/puce.png);

}



.menu-footer a{

	color: #fff;

}



.logo-footer{

	width: 160px;

	display: block;

	margin: auto;

}



.media-sociaux-footer a{

	display: inline-block;

	text-align: center;

	line-height: 40px;

	width: 40px;

	height: 40px;

	border: 1px solid #fff;

	font-size: 20px;

	color: #fff;

	transition: all 0.2s; 

}



.media-sociaux-footer a:hover{

	color: #000;

	background: #fff;

}



.media-sociaux-footer span{

	height: 1px;

	width: 20px;

	display: inline-block;

	background: #fff;

	margin: 7px 10px;

}



.footer-bottom{

	background: #000000;

	padding-bottom: 30px;

    padding-top: 30px;

 	color: #fff;

}



.footer-bottom p:first-child{

	float: left;

}



.footer-bottom p:last-child{

	float: right;

}



.footer-bottom a{

	color: #fff;

}



.footer-bottom a:hover{

	color: #fff;

}





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

	RECHERCHE

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

.link-search {

	color:#041c68;

	display: inline-block;

}



.link-search h2{

	font-size: 20px; 

}





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

	INTERIEUR

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



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

	RESPONSIVE

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

@media (max-width: 1199px){

	.rechercher{

		width: 320px;

	}


	
	.content-nav nav > ul > li > a{

		margin: 0 27px;

	}



	/*.categories-home li a , .ch{

		width: 188px;

	}*/

}



@media (max-width: 991px){
	.fil{
		display: none;
	}

	.fildariane-moblie{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
		display: block;
	}

	.fildariane-moblie .breadcrumb{
		background-color: rgba(255,255,255,0.8);
		margin: 0 30px;
		border-radius: 0px;
	}

	.realisation-article { width: 50%; }

	.content-nav nav > ul > li > a{

		margin: 0 5px;
		padding: 30px 8px;

	}

	.rechercher {

   		width: 210px;

	}



	.info-header-top {

    	margin-top: 13px;

	}



	.info-header-top li:first-child {

   		margin-right: 25px;

	}



	.header-top {

   		font-size: 13px;

   		height: auto;

	}



	/*.categories-home li a , .ch{

		width: 144px;

	}*/



	.text-categorie{

		width: 100%;

	}

}





@media (max-width: 767px){
	.all-coordonner{
		margin-bottom: 30px;
	}

	#menu-item-25 > a::after {
		bottom: 0;
		color: #fff;
		content: "\f107";
		font-family: FontAwesome;
		font-size: 18px;
		text-align: center;
		display: inline-block;
		margin-left: 10px;
	}

	#menu-item-18 > a{
		border-bottom: none;
	}
	.content-nav nav > ul > li{
		float: none;
	}

	.realisation-article { width: 100%; }

	.img-der-re > img{
		width: 100% !important;
	}

	.icon-zoom{
		top: -463px;
	}

	.content-btn-header{
		position: static;
		margin-top: 24px;
		text-align: center;
	}

	.content-nav nav > ul > li::after {
		display: none;
	}
	

	#ca span{
		text-align: center;
		display: block;
	}


	#ca{
		position: static;
		border-top:none;
		visibility: visible;
		opacity: 1;
		/*transform: translate(0px, 0px);*/
		background: #f1f2f2;
		padding: 0px;
		/*display: none;*/
	}

	#ca a:hover{
		background: #e6e7e8;
		text-decoration: none;
	}

	#ca a:hover li{
		color: #041c68;
	}

	.icon-nav{
		margin-right: 0px;
	}

	.icon-nav + span{
		margin-top: 5px;
		display:block;
	}


	#ca li{
		text-align: center;
		padding: 0px;
	}

	#ca a{
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.icon-nav{
		float: none;
	}

	.content-nav nav > ul > li > a{
		display: block !important  ;
	}

	.content-nav nav > ul > li > a:hover{
		background: #e6e7e8;
	}

	.footer-bottom p:first-child{
		margin-bottom: 10px;
	}

	.footer-bottom p:last-child , .footer-bottom p:first-child{
		float: none;
	}

	.footer-top h2{
		text-align: center;
	}

	.menu-footer{

		text-align: left;

	}



	.categories-home .icon-categories-home{

		background-position: center 28px;

	}



	.categories-home  h2{

		visibility: visible;

		opacity: 1;

	}



	.categories-home .cache{

		background: rgba(0,0,0,0.5);

	}



	.info-left input{

		color: #231F20;

		padding: 10px 5px;

	}



	.content-nav{

		display: none;

	}

	.realisation-home{

		float: none;

		width: 100%;

		height:240px;

		margin-bottom: 10px;

	}



	.categories-home li{

		float: none;

	}



	.categories-home li{

		margin-bottom: 10px;

	}



	.slider h1{

		display: none;

	}

	.header-top-right{

		display: none;

	}



	.info-header-top {

		font-size: 15px;

		margin-top:0px;

		padding-bottom: 20px;

    	padding-top: 20px;

	}

	

	.info-header-top li{

		float: none;

		display: block;

		line-height: 25px;

	}



	.info-header-top li:first-child{

		margin-right: 0px;

	}



	.header-top .col-sm-6{

		text-align: center;

	}



	.info-left input{

		background: #fff;

	}



	.rechercher , .media-sociaux-header{

		float: none;

	}



	.rechercher {

	    margin: auto;

	    width: 270px;

	    border-right:none;

	    margin-bottom: 20px;

	}



	.media-sociaux-header li{

		display: inline-block;

		float: none;

	}



	.media-sociaux-header a{

		border: 1px solid #fff;

		line-height: 40px;

	    text-align: center;

	    width: 40px;

	    line-height: 40px;

	}



	.media-sociaux-header a:hover{

		background: #fff;

		color: #231F20;

	}



	.header-top{

		padding-bottom: 20px;

	}



	.media-sociaux-header li:nth-child(2){

		margin:0px 20px; 

	}



	.content-nav nav > ul > li > a{

		font-size: 15px;

		padding: 18px 10px;

		display: inline-block;

	}



	.content-nav nav a::after{

		display: none;

	}



	.content-nav nav > ul > li{

		display: block;

	}



	.menu-icon {

	    border: 1px solid #231f20;

	    cursor: pointer;

	    height: 34px;

	    margin: auto;

	    position: relative;

	    width: 44px;

	}

	.menu-icon span {

	    background-color: #231f20;

	    display: block;

	    height: 2px;

	    left: 50%;

	    position: absolute;

	    top: 50%;

	    transform: translateX(-50%) translateY(-50%);

	    transition: background 0.5s ease 0s, transform 0s ease 0s;

	    width: 22px;

	    z-index: 2;

	}

	.menu-icon span::before, .menu-icon span::after {

	    background-color: #231f20;

	    content: "";

	    display: block;

	    height: 2px;

	    left: 0;

	    position: absolute;

	    top: 0;

	    transform: translateY(-6px);

	    transform-origin: 50% 50% 0;

	    transition: transform 0.5s ease 0s;

	    width: 22px;

	}

	.menu-icon span::after {

	    transform: translateY(6px);

	}

	.menu-icon:hover span::before {

	    transform: translateY(-8px);

	}

	.menu-icon:hover span::after {

	    transform: translateY(8px);

	}

	.menu-icon.is-opened span {

	    background: transparent none repeat scroll 0 0;

	}

	.menu-icon.is-opened span::before {

	    transform: translateY(0px) rotate(45deg);

	}

	.menu-icon.is-opened span::after {

	    transform: translateY(0px) rotate(-45deg);

	}



	.menu-btn{

		display: block;

		padding-top: 10px ;

		border-top: 1px solid #CCCCCC ; 

	}



	.content-nav nav li::after{

		display: none;

	}



	.text-footer{

		margin-top: 20px;

		margin-bottom: 20px;

	}



	/*.content-navigation{

		display: none;

	}*/



	.fil{

		background: #fff none repeat scroll 0 0;

	    /*display: inline-block;*/

	    font-size: 15px;

	    padding: 0px;

	    margin: auto;

	    transform: translate(0px, 263px);

	}



	.breadcrumb > li + li::before{

		padding: 0 5px;

	}

	.content-nav-mobile a{
		font-size: 15px;
		display: block;
		padding: 18px 0px;
		color: #fff;
		font-family: "Montserrat";
		border-bottom:1px solid #333333;
	}

	.content-nav-mobile a:hover{
		background-color: #000;
		text-decoration: none;
	}

	#ca-mob  a{
		background-color: #fff !important;
		color: #231F20;
	}

	#ca-mob  a:hover{
		background-color: #efefef !important;
	}
}



@media (max-width: 500px){

	.modele{

		border:0;

		width: 100%;

		float: none;

		margin-bottom: 2px;

	}



}