/*!------------------------------------------------------------------
[MAIN STYLESHEET]
Template Name: Constra - Construction Html5 Template
Description: Constra - Construction Html5 Template
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
CUSTOM CSS sur labofanch.fr
-------------------------------------------------------------------*/
#page-title img{cursor:pointer;}
#cible img{cursor:pointer;}
#main-container img{cursor:pointer;}


/* Smartphones ----------- */
@media only screen and (max-width: 768px) {
  #mobile { display: none; }
}
/* Ipad Portrait----------- */
@media only screen and (min-width: 768px) and (max-width: 768px) {
  #ipad-portrait { display: none; }
}
/* Ipad Paysage---------- */
@media only screen and (min-width: 1024px) and (max-width: 1024px)  {
  #ipad-paysage { display: none; }
}
/* Desktop---------- */
@media only screen and (min-width: 1025px)  {
  #desktop { display: none; }
}
.thecolor{color:#ee7f08;}
a{color:#ee7f08;}
.textcenter {
    text-align: center;
}
.txtleft {
    text-align: left;
}
.mgtop5 {
    margin-top: 5px;
}
.mgtop10 {
    margin-top: 10px;
}
.mgtop20 {
    margin-top: 20px;
}
.mgtop30 {
    margin-top: 30px;
}
.mgbot15{margin-bottom: 15px;}
.padleft30{padding-left:30px;}
/* banière colorée au top */
.tstbanner {
    position: absolute !important;
    top: 0px !important;
    z-index: 9999 !important;
    position: fixed !important;
    width: 100%;
}


@media (min-width: 769px) {
    .changebg {
        background: rgba(0, 0, 0, 0.5) !important;
    }
    .inlblck {
        width: 25%;
        display: inline-block;
    }
    .changebg2 {
        background: rgba(0, 0, 0, 0.5) !important;
    }
    .pos-submenu {
        margin-top: -20px !important;
        width: 100% !important;
    }
    .asaisir {
        margin-top: 15px;
    }
    .speinline {
        width: 25%;
    }
    .speinline1,
    .speinline2,
    .speinline3 {
        width: 25%;
        display: inline-block;
    }
}
@media (max-width: 768px) and (min-width: 768px) {
    .pos-submenu {
        margin-top: 10px;
    }
    .menu-link-title {
        font-weight: bold !important;
    }
    .asaisir {
        margin-top: 15px;
    }
    .speinline1,
    .speinline2,
    .speinline3 {
        width: 25%;
        display: inline-block;
    }
}
@media (max-width: 990px) and (min-width: 767px) {
	ul.top-info-box li {
    position: relative;
    float: left;
    margin-left: 0;
    border-right: 1px solid #dedede;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding-right: 0px;
    margin-right: 0px;
	width: 30% !important;
	}
	ul.top-info-box{
	width: 100% !important;
	}
}
@media (max-width: 767px) {
	
	.footer-menu ul li {
		display: inline-block;
		line-height: 12px;
		padding-left: 5px;
	}
    .bannerppal,  #interactif {
        display: none;
    }
	
	.top-info-box .header-get-a-quote .btn-primary{width:100% !important;}
    .pos-submenu {
        margin-top: 10px;
    }
    .menu-link-title {
        font-weight: bold !important;
    }
    .asaisir {
        margin-top: 20px;
    }
    .speinline,
    .speinline3 {
        display: none;
    }
    .speinline1 {
        width: 50%;
    }
    .speinline2 {
        width: 50%;
        display: inline-block;
    }
}
.scroll {
    background: #fff !important;
}
.titlesubmenu:hover + .imgsubmenu {
    display: block;
}
#imgsubmenu0,
#imgsubmenu1,
#imgsubmenu2,
#imgsubmenu14 {
    position: absolute;
    top: -1px;
    right: 50px;
}
.menu-link div img {
    position: absolute;
    top: -1px;
    right: 50px;
}
.part ul,
.entrep ul,
.ecole ul {
    margin-left: 25px;
}
.terms a {
    color: #999;
}
#target h2,
#target p {
    background-color: rgba(0, 0, 0, 0.45);
}
#target p {
    text-align: left;
}
.slogan i {
    color: #ee7f08;
    font-size: 70px;
    margin-bottom: 15px;
}
.fbox-content p {
    text-align: left;
}
/* ----------------------------------------------------------------    PAGE  INDEX	-----------------------------------------------------------------*/

.bannerppal{height:50px; width:100% !important; margin: 0px auto !important; padding: 0px !important;}

.video-overlay{background-color: rgba(0, 0, 0, 0.15);}

.nav-search #search i{color:#fff;}
#search{margin-right:25px;}

#vidmobile p{display:none;}

#bgmobile h3, #vidmobile h3{background-color: rgba(0,0,0,0.45);}
#bgmobile p, #vidmobile p{background-color: rgba(0,0,0,0.45);font-size:20px;}

@media (max-width: 768px) {
	.slider-content p{display:none;}
}
@media (min-width: 768px) and (max-width: 992px) {
	#header .col-lg-3{margin-top:10px !important; margin-bottom:10px !important;}
}

body, html {
		  height: 100%;
		}
        .video-wrap {
            position: relative;
            padding-bottom: 56.25%;
            padding-top:0px;
            height: 0;
            overflow: hidden;
        }
        #slide-video {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
			z-index: -1;
        }
		.fdsg {
			position:absolute;
			top:35%; left:15%;
			text-align:center;
			width:70%;	
			background: black;
			color:white;
		}
		.fdsghj {
			position:absolute;
			top:50%; 
			left:15%;
			text-align:center;
			width:70%;	
			background: black;
		}
/* ----------------------------------------------------------------    PAGE  LISTE DES PRODUITS BACK OFFICE	-----------------------------------------------------------------*/
.lestitles div {
    font-weight: bold;
    color: #ee7f08;
    background-color: #f3f8a0;
    padding-left: 10px;
}
.lesresults:nth-child(2n + 2) {
    background-color: #f7f7f7;
} /* ----------------------------------------------------------------    PAGE  SAISIE AJOUT PRODUITS BACK OFFICE	-----------------------------------------------------------------*/
input::placeholder {
    color: #ccc;
    font-style: italic;
} /* ----------------------------------------------------------------    PAGE  MODIFICATION PRODUITS BACK OFFICE	-----------------------------------------------------------------*/
#form-modif-produit input,
#form-modif-produit select,
#form-modif-produit textarea {
    color: #ee7f08;
    font-style: italic;
    background-color: #fdfeec;
}
#header.hidden {
    opacity: 0 !important;
}
/* ----------------------------------------------------------------    PAGE  PRODUIT FRONT OFFICE	-----------------------------------------------------------------*/
#content{padding:30px 0;}
#page-title h4{font-weight:normal}

/* ----------------------------------------------------------------    PAGE  CONTACT	-----------------------------------------------------------------*/
.ts-service-box-bg{background:#f5f5f5;}
.ts-service-box-bg .ts-service-box-content h4{color:#666;}
.ts-service-box-bg .ts-service-box-content p{color:#666;}
.section-sub-title, .column-title{color:#666;}

p#leemail a{color:#ee7f08;}
p#leemail a:hover{color:#666;cursor:pointer;}
/* ----------------------------------------------------------------    GESTION menu	-----------------------------------------------------------------*/
ul#lesthemes ul{list-style: none}
ul#lesthemes3{list-style: none;}
.testlibef::before{color:#ee7f08; display:inline-block; width:1em; margin-left:-1em} /*    content:"\2022";   pour la puce */

#openpart, #openpro, #openassoce{font-size:18px;}


@media (min-width: 992px) {
	#lesthemes{ margin-left:-220px; width: 1150px; }
	#lesthemes ul{ float:left; }
	#lesthemes2 { display:none !important; }
}
@media (max-width: 991px) {
	#lesthemes { display:none !important; }

}
@media (max-width: 1199px) {
	.header-get-a-quote{margin: 0px 5px 0px 0px !important; padding: 0px 0px 0px 0px !important;}
}
@media (max-width: 769px) {
	ul.top-info-box li{display:inline-block;}
}
/* ----------------------------------------------------------------    PAGE  OCCASION	-----------------------------------------------------------------*/
#accordion2 h3{color:#ee7f08;background:#F3F8A0;font-weight:bold;}
.ui-accordion .ui-accordion-header span{
	background-image: url(http://download.jqueryui.com/themeroller/images/ui-icons_ee7f08_256x240.png) !important;
}
@media (max-width: 767px) {
	.txtanim{margin-top:10px; font-size: 13px;}
	  section p{padding: 0px 10px;}
}
/*  style popup des boutons part, pro et assoce si mobile ou tablette  */
#lesthemes3 li a{color:#666;}
#overlay {
		position: fixed;
		left: 0px;
		top:0px;
		background-color: rgba(0,0 ,0 , 0.5);
		width: 100%;
		height: 100%;
		z-index:1;
		display:none;
}
#popup{
		margin: 10% auto;
		width : 70%;
		background-color: rgb(243, 243, 243);
		padding: 1em;
		box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
		border-radius: 5px;
}
#btnClose{
			position: absolute;
			color: #fff;
			top:20px;
			right:20px;
}
/*            GESTION DE L'ACCORDEON        */
#accordion2 a{color:#EE7F08;}
#accordion2 img{width:100%;}
#accordion2{margin:0 auto !important; padding: 15px;}
.lineblock49{width:49%; display: inline-block;}
.txtanim div{text-align:left; padding:0px;}

/* ----------------------------------------------------------------    PAGE  INFOS-DEVIS FRONT OFFICE	-----------------------------------------------------------------*/
.titledev{margin-bottom:15px;}
.ligndev{margin-top:-15px;}
#deldev{font-size:24px;color:#ff0000;}
.titledev .nompdt{display:inline-block; width:50%;padding:5px;}
.titledev .nompdt p{color:#fff; background:#EE7F08;padding-left:10px;}
.titledev .imgpdt{display:inline-block; width:25%;padding:5px;}
.titledev .imgpdt p{color:#fff; background:#EE7F08;padding-left:10px;}
.titledev .delpdt{display:inline-block; width:25%;padding:5px;}
.titledev .delpdt p{color:#fff; background:#EE7F08;padding-left:10px;}

.ligndev .nompdt{display:inline-block; width:50%;padding:5px;}
.ligndev .nompdt p{border:solid 1px #ccc; padding-left:10px;}
.ligndev .imgpdt{display:inline-block; width:25%;padding:5px;}
.ligndev .imgpdt p{border:solid 1px #ccc; padding-left:10px;}
.ligndev .delpdt{display:inline-block; width:25%;padding:5px;}
.ligndev .delpdt p{border:solid 1px #ccc; padding-left:10px;}
.ligndev .delpdt p:hover{cursor:pointer;}
/*------------------------------------------------------------------
CUSTOM CSS
-------------------------------------------------------------------*/
/*  hauteur logo page index */
.logo img{
  width: auto;
  height: 135px;
}
/*  div sous le heaedr */
.top-bar {
  padding: 0px 0;
  background: #FFF;
  position: relative;
}
.header-one .logo-area {
  padding: 0 0 10px 0;
}
.banner{padding:10px 0px 0px 0px !important; }
.banner a{font-size: 18px; color:#F7F7F7;}
.colororange{color:#EE7F08 !important;}
.speopacity{opacity:0.4 !important;}
.i-index{color:#EE7F08; font-size: 80px;}
.bggrey{background:#F5F5F5;}
.expliq i{color:#EE7F08; font-size: 30px;}
footer a {color:#000;}
section{padding:30px 0;}
/*------------------------------------------------------------------
CACHER TEMOIGNAGES EN ATTENDANT
-------------------------------------------------------------------*/
#temoignages{display: none;}