/*
Theme Name: Elegant Small business
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: Theme enfant The7 - Elegant Small business
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/





/* CSS Document 

	display:inline-block;
	*display:inline;
	/*display:-moz-inline-stack;
	zoom:1; */
@import url("../_globalthemecode/standard_layout.css");
@charset "utf-8";




/***************************************************************************************** */
/***************************************************************************************** */
/**************  The7 templates hacks  hacks  ******************* */

	.wf-wrap{
		padding:0px !important; }
	.wf-container, .wf-container-main{margin:0px !important;}



/***************************************************************************************** */
/***************************************************************************************** */
/**** header  &  Navigation **** */


#main{
     padding: 0px 0px 0px 0px !important;
}


	.navigation-holder{
		background-color: #cfcdce;
		
		background-repeat:no-repeat;
		background-position:left top;
		border-top: 0px !important;
		/* height:56px !important; */
	}
	
	.navigation-holder .wf-wrap{padding:0px !important;}
	
	#navigation{
		margin-left:-125px;
		padding-left:125px;
		background-image:url(/wp-content/uploads/2015/08/fond_menu_navigation_marge.png);
		background-repeat:no-repeat;
		background-position:left top;
		
		
	}
	
	#main-nav {
				
			background-color:#cfcdce;
			background-position:-200px;
			background-repeat:no-repeat;
			vertical-align:bottom;
		}
	
	
	
/***************************************************************************************** */
/***************************************************************************************** */
/**** MENU USUEL  **** */
	
	#desktop_menu_usuel li   a , #desktop_menu_usuel li   a  { padding:4px 10px 4px 10px  !important; }
	#desktop_menu_usuel ul > li a,       #desktop_menu_usuel ul > li a { text-decoration: none; color: #000; }
	#desktop_menu_usuel ul > li a:hover, #desktop_menu_usuel ul > li a:hover { text-decoration: none; color: #00afd8; }
	#desktop_menu_usuel ul > li.current-menu-item a,    #desktop_menu_usuel ul > li.current-menu-item a  { text-decoration: none; color: #00afd8; }
	
	#desktop_menu_usuel li{
		display:inline-block;
		margin-top:0px;
		font-size:0.9em;
	}
		
	#desktop_menu_usuel li a:last-child{
		margin-right:0px;		
	}
	
	#desktop_menu_usuel li, #top-bar  li { 
		border-left-color:#00afd8;
		border-left-style:solid;
		border-left-width:1px; 
		
		margin-top:0px;
		padding-top:0px;	
	}	
	
	

/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** MOBILE MENU   **** */

	#mobileIconMenu .topbarbutton a i {
		color:#414141;
	}
	
	
	/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** Home Page   **** */

#sliderhomepage_Container {
	text-align:center;
	background-color:#000;
	
}

#sliderhomepage_Container  #rev_slider_1_1_wrapper{
max-width:1400px;
margin:auto;	
}

body.home #main  {
	background-image:url(/wp-content/uploads/2015/08/fond_main_homepage_topshadowed.png);
	background-position:center top;
	
}

body.home #main .wf-wrap  {
	background-image:url(/wp-content/uploads/2015/08/fond_homepage_wf-wrap_topshadowed.png);
	background-position:left top;
	background-color:#000;
	background-repeat:no-repeat;
	
}

body.home #main h3.frontpage_blackbox  {
	
	max-width:400px;
	background-color:rgba(0,0,0,0.7);
	 -webkit-border-radius: 5px;
		  -moz-border-radius: 5px;
		  border-radius: 5px;
		  margin:auto;
	
	
}

.imgAccueil{
	font-size: 1.3em;
	width:320px;
	float:left;
	text-align: center;
    height: 280px;
}

.imgAccueil a{
	text-decoration:none;
}



#sliderhomepage_Container{
width:100%;
background-color:#000000;
}

.stripe-style-1{
	
}




/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** Page Title  **** */

	/* pour mettre l'image de fond dans le fancy title */
	.wf-container-title{
		background-image:url(/wp-content/uploads/2015/08/fond_titres_pages.png);
		background-position:left top;
		background-repeat:no-repeat;	
	}
	
	/* pour mettre l'image de fond dans le fancy title */
	.page-title .wf-wrap {
		vertical-align:top;
		padding: 0px;	
	}
	
	.page-title{
	
		background-image:url(/wp-content/uploads/2015/08/fond_titre_page_marge_gauche.png);
		background-position:center top;
		background-repeat:no-repeat;	
	}
	
	
	.page-title .wf-container-title .wf-table .wf-td{
		vertical-align:middle !important;}
		
	
	
	.page-title .wf-container-title .wf-table .wf-td h2{
			color:#cecece;
			position:relative;
			line-height:14px;
			
			font-variant:small-caps;}
	
	
	
	.page-title .wf-container-title .wf-table{
		vertical-align:middle !important;
		margin-bottom:35px;
		
		
	}


/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** Page content  **** */


	#main a, #main a:link{
		color:#fff !important;		
	}
	
	#main .wf-wrap{		
		padding-bottom:25px !important;		
	}
	
	body.home #main .wf-wrap{
		padding-bottom:0px !important;
	}
	
	body.home img[alt=image_front_stripe2]{
		position:relative;
		left:10px;
	}
	
	#page{
		background-color:#000;
		border:#686868 solid 1px !important;
	}	
	
	.content{
		padding:0px !important;
		width:70%;		
	}
	
	.whitetext{
		color:#fff !important;
	}	
	
	.postChildItem li{
		 background-color: #444 !important;    	 
	}

	ul{
		line-height:2em;	
	}

/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** content layout   **** */


	/* Visual composer hacks */
	
	h4.cq-flipbox-title{
		margin-left:8px !important;
		margin-top:40px !important;
		font-weight:bold;
	}
	
	
	div.vc_col-sm-10.wpb_column.column_container{
		padding-left: 55px !important;
		padding-right: 55px !important;
	}
	
	
	
	.vc_custom_1419240516480{
	   -webkit-border-radius: 9px;
		  -moz-border-radius: 9px;
		  border-radius: 9px;
	
	}
	
	
	
	.vc_col-sm-11{
		  padding-left: 90px;
	}
	
	div[class^="vc_col"] {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	
		
		/*    patching styles de visual composer */	
		.column_container, .vc_col-xs-1, .vc_col-sm-1, .vc_col-md-1, .vc_col-lg-1, .vc_col-xs-2, .vc_col-sm-2, .vc_col-md-2, .vc_col-lg-2, .vc_col-xs-3, .vc_col-sm-3, .vc_col-md-3, .vc_col-lg-3, .vc_col-xs-4, .vc_col-sm-4, .vc_col-md-4, .vc_col-lg-4, .vc_col-xs-5, .vc_col-sm-5, .vc_col-md-5, .vc_col-lg-5, .vc_col-xs-6, .vc_col-sm-6, .vc_col-md-6, .vc_col-lg-6, .vc_col-xs-7, .vc_col-sm-7, .vc_col-md-7, .vc_col-lg-7, .vc_col-xs-8, .vc_col-sm-8, .vc_col-md-8, .vc_col-lg-8, .vc_col-xs-9, .vc_col-sm-9, .vc_col-md-9, .vc_col-lg-9, .vc_col-xs-10, .vc_col-sm-10, .vc_col-md-10, .vc_col-lg-10, .vc_col-xs-11, .vc_col-sm-11, .vc_col-md-11, .vc_col-lg-11, .vc_col-xs-12, .vc_col-sm-12, .vc_col-md-12, .vc_col-lg-12{
			padding:0px !important;
			padding-left:0px !important;
			padding-right:0px !important;
		}


/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** SideBar  **** */

	.sidebar {
		padding:0px !important;
		width:25%;
	}
	
	
	.widget{
		margin-bottom:20px !important;
		margin-top:25px !important;
	}
	
	
	.widget-title{
		font-size:1.1em;
	}
	
	#rendez-vousform_sideBar input,#rendez-vousform_sideBar  textarea,#rendez-vousform_sideBar  select  {
		
		background-color:#444 !important;
		
		border:#686868 solid 1px !important;
		
	}
	#rendez-vousform_sideBar  input[type="submit"] {
		background:none;
		background-color:#444 !important;
		
		border:#00afd8 solid 1px !important;
		color:#00afd8;
		
	}
	#rendez-vousform_sideBar input[type="submit"]:hover {
		background:none;
		background-color:#00afd8 !important;
		
		border:#00afd8 solid 1px !important;
		color:#000000;
		
	}

/***************************************************************************************** */
/***************************************************************************************** */
/***************************/
/**** Footer  **** */


	
	.footer {
	
		
		background-color:rgb(234,234,234) !important;
		background-image:url(/wp-content/uploads/2015/08/fond_footer.png);
		position:center top;
	}
	
	#bottom-bar{
		text-align:center;
		
		background-repeat:no-repeat;
		background-position:left top;
	
	}
	
	#bottom-bar > .wf-wrap{
		margin:auto;
	}
	#bottom-bar .wf-wrap{
		padding:0px !important;	
	}
		
	#bottom-bar .wf-td, .wf-td bottom-text-block{
		margin:0px !important;
		padding:0px !important;
	}
	
	#mapfooter{
		display:table;
		width:100%;
		max-width:1000px;
		margin:auto;
		margin:0px !important;
		padding:0px !important;
		background-image:url(/wp-content/uploads/2021/02/carte-footer.jpg);
		background-repeat:no-repeat;
		background-position:right top;
		
		
		}
		.full-width-line{
		    background-color:black;
		}
	#footerzonegauche{
		display:table-cell;
		max-width:350px;
		width:65%;
		padding-top:20px;
		vertical-align:top;
		
	}
	
		
	#footerzonedroite{
		display:table-cell;
		width:50%;
		max-width:450px;
		min-height:280px;
		height:100%;
		vertical-align:top;
		
		}
		
		
	.bottom-text-block{
		padding:0px !important;
	}
	
	
	
	.bleuTelephone{
		color: #00afd8;
		font-size:1.5em;
		font-weight:bold;
	}
	
	#copyright{
		font-size: 0.9em;
		margin-top:15px;	
	}



/***************************************************************************************** */
/***************************************************************************************** */
/**************  ??????????????   ******************* */

#text-3{
	width:128px;		
}

.bottom-text-block{
	padding-left:128px;
	text-align:left !important;
	vertical-align: top;
	padding-top:30px;
}




.wf-container-bottom{
			margin:0px !important;
			padding:0px !important;
			
}
		




/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */

@media screen and (min-width: 900px) {
		 
			/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  Main Navigation  ******************* */
			#main-nav > li{
				margin:0px !important;}
			
			nav#navigation{
				text-align:left;
			}
			
				
		
			#main-nav>li {
				background-image:url(/wp-content/uploads/2015/08/barre_oliblique_item_menu_droite.png);
				background-position:right bottom;
				background-repeat:no-repeat;
				padding-right: 30px;
				padding-top:20px;
			}
			#main-nav>li:last-child{
				background-image:none;
			}
			#main-nav>li:first-child{
				
				background-color:#000;
				padding-top:10px;
				padding-bottom:0px !important;
				background-image:url(/wp-content/uploads/2015/08/fond_menu_first_li.png);
				
				background-position:right top;
				background-repeat:no-repeat;
			float:left;
				display:block;
				width:305px;
				height:50px !important;
				
				
			}
			
			/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  Mobile menu  ******************* */
			
			#mobileIconMenu{/* display:none; */
			}
			  
			#mobileIconMenu li{
			display:inline-block;
			margin:0 auto;
			max-width:80%;
			overflow: auto;
			zoom: 1;	
			padding:0px ;
			margin:0px ;
			}
		
	}

/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */



@media screen and (max-width: 1200px) {
		
		.navigation-holder{
			background-position:-100px top;
		}
}
@media screen and (max-width: 1000px){
	
	.wf-wrap{
		padding-left:50px !important;
		padding-right:50px !important;
	}
	.navigation-holder .wf-wrap{padding-left:50px !important;}
#bottom-bar{
		text-align:center;
		background-image:unone;
	
	
	}
	
#mapfooter{
		display:table;
		width:100%;
		margin:auto;
		margin:0px !important;
		padding:0px !important;
		background-repeat:no-repeat;
		
	
  			background-image:url(/wp-content/uploads/2021/02/carte-footer.jpg);
			background-position:right top;

		
		
		
		
		
		}
	#footerzonegauche{
		display:table-cell;
		max-width:350px;
		width:45%;
		padding-top:20px;
		vertical-align:top;
		background-image:url(/wp-content/uploads/2015/08/fond_footer_black_map_transp_atelier.png);
		background-position:right top;
		padding-left:20px !important;
			padding-top:20px;
			vertical-align:top;
		
	}
	
		
	#footerzonedroite{
		display:table-cell;
		width:60%;
		max-width:450px;
		min-height:280px;
		height:100%;
		vertical-align:top;
		background-image:none;
		
	
			
		}
		
		
	}
	



/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */
/***************************************************************************************** */

@media screen and (max-width: 900px) {
	
	/**************  patch pour centrer logo dans verison mobile ******************* */
	.logo-classic.show-device-logo #branding img.mobile-logo, .logo-center.show-device-logo #branding img.mobile-logo, .logo-side.show-device-logo #branding img.mobile-logo{
		
		
		display:block !important;
		margin:auto !important;}
		
		/************** FIN  patch pour centrer logo dans verison mobile ******************* */
	
	
	
	
	
		/***************************************************************************************** */
		/***************************************************************************************** */
		/***************************/
		/**** Home Page   **** */
	
		#sliderhomepage_Container {
			display:none;
			
		}

	
	
		/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  Main navigation  ******************* */
			.navigation-holder .wf-wrap{
				padding-left:0px !important;
			}
	
	
			
			/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  Mobile menu  ******************* */
			[class^="icon-"]::before, [class*=" icon-"]::before{
				width:auto !important;
			}
			
		
			
			#mobileIconMenu{
			margin:0 auto;
			max-width:90%;
			overflow: auto;
			zoom: 1;	  
			}
			
			#mobileIconMenu a, #mobileIconMenu i, [class^="icon-"]::before, [class*=" icon-"]::before{
			margin:0px ;
			padding:0px ;
			clear:both ;
			overflow:visible ;
			
			}
			
			#mobileIconMenu li{
			display:inline-block;
			margin:0 auto;
			max-width:80%;
			overflow: visible;
			zoom: 1;	
			padding:0px ;
			margin:0px ;
			}
			
			#mobileIconMenu li .topbarbutton{
			display:inline-block;
			margin:5px;
			overflow: visible;
			zoom: 1;	
			/*overflow:visible!important;
			margin:0px!important;overflow:visible !important;
			*/
			padding:5px;
			vertical-align:top;
		
			
			color:#fff;
			width:6em;
			min-height:6em ;
			height:auto;
		
			
			}
			
			#mobileIconMenu .topbarbutton a i{
			display:block;
			font-size:4em ;
			color:#fff;
			width:auto !important;
				background-color:#00afd8;
			}
			
			
			#mobileIconMenu a.icon-label{
			display:block;
			margin:0px ;
			color:#000;
			font-size:1em ;
			padding:2px ;
			overflow:auto ;
			
			
			}
			
			
			/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  PAge Title   ******************* */
			
				.page-title{
	
					background-image:none;);
					
				}
	
			
			div.wf-td.hgroup.titleImageContainer{
			display:none !important}
			
			.page-title .wf-container-title{
			padding:10px !important;
			margin-bottom:10px !important;
			}
			
			.wf-container-title{
			background-image:none !important;
			color:#fff;
			border-bottom:#00afd8 1px solid;
			
			}
			
			.wf-container-title #pagetitre{
			padding:25px;
			color:#fff;
			border-bottom:#00afd8 1px solid;
			
			} 
			
			.page-title .wf-container-title .wf-table .wf-td h1{
				position:relative;
				left:0px;}
				
			.page-title .wf-container-title .wf-table .wf-td h2{
				color:#cecece;
				position:relative;
				left:0px;}
			
			

			/***************************************************************************************** */
			/***************************************************************************************** */
			/**************  PAge Content    ******************* */
			
			#content{
			padding-left:15px !important;
			
			}
			.wf-container-bottom{
			margin:0px !important;
			padding:0px !important;
			
			}
			
			
			
		

			body.home .stripe-style-2{
				background-image:none;
				background-color:#cdcbcc;
			
			}
			
	
	
	
		
}


@media screen and (max-width: 600px) {
	
		/***************************************************************************************** */
		/***************************************************************************************** */
		/**************  Footer    ******************* */
			
		#mapfooter{
	
          	background-image:url(/wp-content/uploads/2021/02/carte-footer.jpg);
			background-position:right top;

		
		
		}
		
		body.home .stripe-style-2{
			background-image:none;
			background-color:#cdcbcc;
			
		}
		
		
		#footerzonegauche{
	
		width:70%;
		
		
	}
	
	#footerzonegauche img{
	
		max-width:70%;
		
		
	}
	
		
	#footerzonedroite{
	
		width:30%;
		
		
	
			
		}

}