<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	background-color: #f8f8fa;
	font-size: 1.4em;
	height:50px; /* a cause du transform !!! */
}

.bgblue {
	background-color: #5987c2;
}

.txtlight {
	  font-weight: 300;
}

.txtblue {
	color: #5987c2;
}

.txtorange {
	color: #ed6a22;
}

.bgyellow {
	background-color: #f7cd1f;
}

.bgdarkyellow {
	background-color: #faba1a;
}

.txtyellow {
	color: #f7cd1f;
}

.bgdarkgrey {
	background-color: #303030;
}

.txtdarkgrey {
	color: #303030;
}

.bglightgrey {
	background-color: #EAEAEA;
}

.txtlightgrey {
	color: #EAEAEA;
}

.txtwhite {
	color: #FFFFFF;
}

.bgwhite {
	background-color: #FFFFFF;
}

.bgverylightgrey {
	background-color: #f8f8fa;
}

.nowordwrap {
	word-wrap: normal !important;
}
.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.noborder,.noborder td,noborder tr {
	border: 0px solid #ccc !important;

	/*border: 1px #EAEAEA solid;*/

}

.myovh {
  overflow: hidden;
}

.big16 {
font-size: 1.6em;
}

.fix10 {
font-size: 1.0em !important;
}
.fix11 {
font-size: 1.1em !important;
}

.fix12 {
font-size: 1.2em !important;
}

.fix13 {
font-size: 1.3em !important;
}


.fixmb0 {
  margin-bottom: 0 !important;
}

.big128 {
font-size: 1.28em;
}
.big11 {
	font-size: 1.1em;
}

.justify {
	  text-align: justify;
}
.light {
	font-weight: 300;
}

.normal {
	font-weight: 400;
}

.tablemid td {
	vertical-align:middle;
}

.lh12 {
	line-height: 1.2;
}

.lh11 {
	line-height: 1.1;
}	

.lh10 {
	line-height: 1;
}	

.h110 {
	height: 110px;
}	


.sous_titre {
	font-weight: bold;
	margin-top: 14px;
}

.fakel {
	text-decoration: none;
}

.fakel:hover {
	text-decoration: none;
	color: white;
}

.nobullet  {
   list-style-type: none;
 
}


	


/***********************************/
/*  GOOGLE MAPS           		 */
/**********************************/



#google-container {
	height:500px;	
}	

#cd-zoom-in, #cd-zoom-out {
  height: 32px;
  width: 32px;
  cursor: pointer;
  margin-left: 10px;
  background-color: #5987c2;
  background-repeat: no-repeat;
  background-size: 32px 64px;
  background-image: url("../images/cd-icon-controller.svg");
}

#cd-google-map address {
  text-align:center;
  width: 100%;
  bottom: 0;
  left: 0;
  padding: 0.5em 0.5em;
  background-color: #f7cd1f;
  color: #303030;
  font-size: 1.2em;;
  font-style: normal;
  font-weight: bold;
 
}

#cd-zoom-out {
  background-position: 50% -32px;
}

#cd-zoom-in {
  background-position: 50% 0;
  margin-top: 10px;
  margin-bottom: 1px;
}

#cd-zoom-in {
  margin-top: 20px;
}

#cd-zoom-in,#cd-zoom-out {
  margin-left: 20px;
}


.metro {
	padding-bottom: 3px;
	padding-right: 8px;
}


/***********************************/
/*  FIL ARIANE           		 */
/**********************************/

#filariane {
margin-top:106px;
height: 10px;
  
}
#filariane h1 {
display:inline;
height: 10px;
font-size: 1em;
font-weight:400;
}	

.breadcrumb {
  padding: 0;
  margin: 0;
  list-style: none;
  background: none;
}


.breadcrumb &gt; li {
  
  float: left;
  color: #333;
   
  position: relative;
  text-decoration: none;
  display: inline;
 
  vertical-align: middle;
  font-weight:400;
}

.breadcrumb &gt; li a{
  text-decoration: none;
}

.breadcrumb &gt; li a:hover{
  text-decoration: underline;
} 
  
  
.breadcrumb &gt; li:first-child &gt; a:before {
   content: url(../images/home.gif);
     padding-right: 6px;
}

.breadcrumb &gt; li:nth-child(2) &gt; a:before {
   content: "";
  border-color: transparent #ed6a22;
  border-style: solid;
  border-width: 0.45em 0 0.45em 0.45em;
  display: block;
  height: 0;
  width: 0;
  display: inline-block;
  margin-left: 8px;
  margin-right: 8px;
}

.breadcrumb  .active:before {
   content: "";
  border-color: transparent #ed6a22;
  border-style: solid;
  border-width: 0.45em 0 0.45em 0.45em;
  display: block;
  height: 0;
  width: 0;
  display: inline-block;
  margin-left: 6px;
  margin-right: 6px;
}


.suivant a:after {
	content: "";
	border-color: transparent #ed6a22;
	border-style: solid;
	border-width: 0.45em 0 0.45em 0.45em;
	display: block;
	height: 0;
	width: 0;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

.precedent a:before {
	content: "";
	border-color: transparent #ed6a22;
	border-style: solid;
	border-width: 0.45em 0.45em 0.45em 0;
	display: block;
	height: 0;
	width: 0;
	display: inline-block;
	margin-left: 8px;
	margin-right: 8px;
}

/***********************************/
/*  PAGES DIVERS           		 */
/**********************************/


.page-divers {
  padding-left: 0.5em;
  color: #303030;
  font-family: 'Lato' !important;
  font-style: normal;
  font-weight: 300;
   
}


.page-divers h2, .page-divers h1, .page-divers .h1-like {
  color: #303030;
  font-weight: 300;
  font-family: 'Lato' !important;
  font-style: normal;
  font-weight: 300;
  font-size: 2.6em;
  line-height: 1.0em;
  margin-bottom: 0;
  margin-bottom: 0;
}


.glossaire-detail h2 {
	font-weight: 400;
	font-size: 2em;
}

.glossaire a {
	text-decoration: none;
	opacity: 1;
	line-height: 1.2em;
	margin-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 1.1em;
	display: inline-block;
}

.glossaire a:hover {
	opacity: 0.8;
}

.glossaire a:before {
	color: #f7cd1f;
	font-weight: bold;
	content: "&gt;";
	line-height: 1.2em;
	margin-top: 0;
	margin-left: 0.2em;
	margin-right: 0.2em;
}

.glossaire a:hover:before {
	margin-left: 0.3em;
	margin-right: 0.1em;
}

/***********************************/
/*  HOME  MENU           		 */
/**********************************/


.lien-direct {
	position:relative;
	top:-86px;
}	
.navbar {
	position: fixed;
	top: 0px;
	min-height: 80px; /* a modifier si logo + grand -&gt; = 104 au lieu de 80  */
	background: #ffffff;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
	z-index: 1010;
	width: 100%;
}

.navbar2 {
	position: fixed;
	top: 0px;
	height: 0px;
	background: #ffffff;

	z-index: 1010;
	width: 100%;
}

.navbar2 .nav {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	width: 100%;
	text-align: right;
	background-color: white;
}





.navbar .nav {
	margin-top: 0px;
	margin-bottom: 0px;
	list-style: none;
	width: 100%;
	text-align: right;
	background-color: white;
	height:0px;
}


.collapse {
	/*position: absolute;
	width: 100%;
	*/
	position: relative;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  top: 56px;

}

.collapse2 {
	position: absolute;
	width: 100%;
	top: 0px;
	padding-top: 32px;
	/* height: 32px; */
	background-color: white;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1) !important;
}


.navbar .nav&gt;li,.navbar2 .nav&gt;li {
	float: none;
	display: inline-block;
	margin-right: 18px;
	margin-left: 18px;
	line-height: 26px;
    /*margin-top: 20px;*/    /* a modifier si logo + grand = decommenter */

}

.navbar  .liactive,.navbar2 .liactive{
 
  border-bottom: 4px solid #303030;

}



.navbar .nav&gt;li&gt;a,.navbar2 .nav&gt;li&gt;a {
	font-size: 1.1em;
	color: #303030;
	display: block;
	height: 100%;
	/*transition: all 0.3s ease-out 0s;*/
	word-spacing: 4px;
	text-shadow: none;
	text-decoration: none;
}



.navbar .nav&gt;li&gt;a:focus,.navbar .nav&gt;li&gt;a:hover {
	color: #999999;
	text-decoration: none;
	height: 100%;
	/*transition: all 0.3s ease-out 0s;*/
}

.navbar .show-menu {
	float: right;
	width: 70px;
	margin: 7px 30px 7px 10px;
	height: 70px;
	padding: 2px;
	background: url(../images/responsive-menu.png) no-repeat 2px 2px;
	background-size: 80px 80px;
	cursor: pointer;
	border-radius: 3px;
	opacity: 0.7;
	display: none
}

.navbar .show-menu:hover {
	opacity: 1;
}


#logo {
	background-color: white;
	background-size: 232px 70px;
	width: 248px;
	height: 86px;
	margin-left: 0px;
	margin-top: 0px;
	padding: 8px;
	z-index: 1011;
	float: left;


}

#responsive-menu {
	float: right;
	padding-top: 10px;
  	padding-right: 10px;
  	opacity: 0.6;
  	cursor: pointer;
  	display:none;
}	

#logo2 {
	background-color: white;
	background-size: 232px 70px;
 
	margin-left: 8px;
	margin-top: 4px;
	padding: 8px;
	z-index: 1011;
}

#logo a,#logo2 a {
	 width: 232px;   /* a modifier si logo + grand -&gt; supprimer  */
	  height: 70px;   /* a modifier si logo + grand -&gt; supprimer  */
	position: absolute;
}

.containermax {
	/*max-width:1280px; */
 
 
	/* zoom:0.8;*/
	
	/*-webkit-transform: scale(0.8,0.8);
	-webkit-transform-origin: center top 0;
	 
	-moz-transform: scale(0.8,0.8);
	-moz-transform-origin: center top 0;
	-ms-transform: scale(0.8,0.8);
	-ms-transform-origin: center top 0;*/
}


.containerlarg {
	max-width:1024px;
 
 
	 /* zoom:0.8;   /*marche pour chrome seulement*/
	
	/*-webkit-transform: scale(0.8,0.8);
	-webkit-transform-origin: center top 0;
	 
	-moz-transform: scale(0.8,0.8);
	-moz-transform-origin: center top 0;
	-ms-transform: scale(0.8,0.8);
	-ms-transform-origin: center top 0;*/
} 	

.containerdemilarg {
	max-width:512px;
 
 
	 /* zoom:0.8;   /*marche pour chrome seulement*/
	
	/*-webkit-transform: scale(0.8,0.8);
	-webkit-transform-origin: center top 0;
	 
	-moz-transform: scale(0.8,0.8);
	-moz-transform-origin: center top 0;
	-ms-transform: scale(0.8,0.8);
	-ms-transform-origin: center top 0;*/
} 	

.underline {
    
    text-decoration: underline !important;
  }
  
.morebold {
    
     font-weight: bolder;
  }
  

/***********************************/
/*  container max ipad            	 */
/**********************************/

 @media only screen and (device-width: 768px) {
  /* For general iPad layouts */
  
  
  .devisform {
    font-size: 1.2em;
    word-wrap: normal;
}
  .containermax {
	/*max-width:1280px;
 
 
	zoom:0.8;
	
	-webkit-transform: scale(1,1);
	-webkit-transform-origin: center top 0;*/
	 
	 
	} 
}



/***********************************/
/*  CALL TO ACTION            	 */
/**********************************/

.fixed-block-holder {
	position: fixed;
	  z-index: 9999;
	right: 0px;
	top: 86px; /* a modifier si logo + grand =104  au lieu de 86 */
	height: 100px;
	-ms-transform: translate(163px, 0px);
	-moz-transform: translate(163px, 0px);
	-webkit-transform: translate(163px, 0px);
	transform: translate(163px, 0px);
	
}

.fixed-block-holder-covid {
	position: fixed;
	  z-index: 9999;
	right: 0px;
	 top: calc(100vh);
	height: 210px;
 
	
}

.fixed-block-covid {

	width: 480px;
	float: right;

}

.fixed-block-covid .title-covid {

	   color: #000 !important;    
	   font-weight: bold;    
	   padding-bottom: 0px;

}

.fixed-block-covid .title-covid:before {

	  content: url(/images/calltoaction/alert.png);
    position: relative;
    left: -5px;
    top: 6px;

}
.fixed-block-collapse-covid {
	-webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	
	-ms-transform: translateY(-210px);
	-moz-transform: translateY(-210px);
	-webkit-transform: translateY(-210px);
	transform: translateY(-210px);
}

.fixed-block-collapse-covid-done {
	-webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	
	-ms-transform: translateY(210px);
	-moz-transform: translateY(210px);
	-webkit-transform: translateY(210px);
	transform: translateY(210px);
}

.fixed-block-collapse {
	-webkit-transition: all 100ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 100ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 100ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 100ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	
	-ms-transform: translate(163px, 0px);
	-moz-transform: translate(163px, 0px);
	-webkit-transform: translate(163px, 0px);
	transform: translate(163px, 0px);
}

.fixed-block-no-collapse {
	-webkit-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 1000ms cubic-bezier(0.230, 1.000, 0.320, 1.000); 	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000); 	/* easeOutQuint */

	
	-ms-transform: translate(0px, 0px);
	-moz-transform: translate(0px, 0px);
	-webkit-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.fixed-block {

	width: 203px;
	float: right;

}



.cta-list {
	list-style: none;
	padding-left: 0;
}


.cta-list&gt;li {
	display: inline;
	padding-top: 10px;
	padding-bottom: 13px;
	height: 50px;

}

.cta-list&gt;li&gt;img {
	max-height:40px;
	max-width:40px;
	cursor: pointer;
}



.cta-list&gt;li&gt;a {
	text-decoration: none;
	font-size: 16px;
	line-height:16px;
	color: white;
	width: 160px;
	text-align: center;
	display: inline-block;
	 
}

.cta-list&gt;li&gt;a:hover {
	color: white;
	opacity: 0.9;
	text-decoration: none;
	height: 100%;
	transition: all 0.3s ease-out 0s;
}

/***********************************/
/*  FOOTER                         */
/**********************************/


/***********************************/
/*  HOME SLIDER         		   */
/**********************************/
#container-slider {
	position: relative;

}
#slider {
height:640px;	
}	

.slider-text {
	position: absolute;
	left: -2500px;
	top: 40%;
	width: 100%;
	color: white;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	/* text-shadow: -1px -1px 1px rgba(0,0,0,0.1),1px 1px 1px rgba(0,0,0,0.1),0 0 10px #000;*/
}


#cycle-loader {
	top: 50%;
	text-align: center;
	position: absolute;
	width: 100%;
}

}


#slider_left {
	top: 50%;
	height: 60px;
	position: absolute;
	left: 50px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
	cursor: pointer;
	opacity: 0.5;
}

#slider_right {
	top: 50%;
	height: 60px;
	position: absolute;
	right: 50px;
	width: 32px;
	z-index: 1000;
	margin-top: -30px;
	cursor: pointer;
	opacity: 0.5;
}

.slider_bandeau {
	position: relative;
	width: 100%;
	top: 2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 3.1rem;
	background-color: rgba(48, 48, 48, 0.4);
	word-spacing: 0.2em;
	font-weight: 300;
}

.slider_bandeau2 {
	position: relative;
	width: 100%;
	top: 0.28em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 3.1rem;
	background-color: rgba(48, 48, 48, 0.4);
	word-spacing: 0.2em;
	font-weight: 300;
}

.large_bandeau {
	word-spacing: 3em;
}


.slider_bandeau2 a {
	text-decoration: none;
	color: #ed6a22;
	font-weight: bold;
	cursor: pointer;

}

.txt-slide1 {
	font-size: 3.6rem;
	font-weight: 400;
}

.txt-slide2 {
	font-size: 7.2rem;
}


.div-pager {
	position: absolute;
	display: inline-block;
	top: 90%;
	width: 100%;
}

.div-pager a {
	background: white;
	text-indent: -9999px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0.5em;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.div-pager a.active {
	background: #ed6a22;
}

/***********************************/
/*  AUTRE SLIDER         		   */
/**********************************/
 

.autreslider-text {
	position: absolute;
	top: 40%;
	width: 100%;
	color: white;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
	/* text-shadow: -1px -1px 1px rgba(0,0,0,0.1),1px 1px 1px rgba(0,0,0,0.1),0 0 10px #000;*/
}

.autre_bandeau {
	position: relative;
	width: 100%;
	top: 2em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 3.1rem;
	background-color: rgba(48, 48, 48, 0.4);
	word-spacing: 0.2em;
	 
}

.autre_bandeauh1 {
	 
	font-size: 3.1rem;
	font-weight:400;
	 
	 
}

.autre_bandeau .second{
	line-height: 1.1em;
	padding-top: 0.2em;
  	padding-bottom: 0.2em;
		 
}

.homenone{
	display:none;	
}	

.menu_bandeau {
	position: absolute;
	top: 80%;
	/*width: 40%;*/
	margin-left:5%;
	 
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right:1em;
	 
	background-color: rgba(48, 48, 48, 0.2);
	/*font-size:1.2em;*/ 
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4);
	 
}
.menu_bandeau ul {
	list-style:none;
	margin-top: 0px;
}

.menu_bandeau a:before {
	content: "";
    border-color: transparent #ed6a22;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.35em;
    display: block;
    height: 0;
    width: 0;
   /* left: -1em;
    top: 1.1em;
    position: relative;*/
    display: inline-block;
    margin-left: 0.1em;
	margin-right: 0.6em;
}

.menu_bandeau a:hover:before {


	margin-left: 0.4em;
	margin-right: 0.3em;
	  border-color: transparent #ed6a22;
}

.menu_bandeau a{
	text-decoration:none;	
	color:white;
	text-transform: uppercase;
	font-size:1.2em; 
}

.menu_bandeau strong{
	text-decoration:none;	
	color:white;
	text-transform: uppercase;
	font-size:1.0em; 
	padding-left: 12px;
}

.menu_bandeau a:hover{
	/*font-weight: bold;
	font-size:1.2em;*/ 
}

.capitalize {
	text-transform: capitalize;
}

.uppercase {
	text-transform: uppercase;
}

/***********************************/
/*  HOME PROMESSE                  */
/**********************************/
.div-promesse {
	margin-top: 6em;
	margin-bottom: 0px;
}

.div-promesse li {
	list-style: none;
	/* text-align: justify;*/
	/*padding-right: 20px;*/
	padding-left: 30px;
	background-image: url('../images/yellow-bullet.png');
	background-repeat: no-repeat;
	background-position: 0 0.32em;
	font-size: 1.1em;
}

.div-promesse li:nth-child(2) {
	padding-top:6px;
	background-position-y: 10px;
}	

/* en css pur 

.div-promesse    li:before {
     
      content:'\2022';
   
      display: block;
      position: relative;
      max-width: 0px;
      max-height: 0px;
      left: -22px;
      top: -13px;
      color: #f7cd1f;
      font-size: 30px;
    
    } */ 

.promesse,.promesse td,.promesse tr {
	text-align: center;
	border: 0px #303030 solid;
	
}

.promesselink,.promesselink:hover,.promesselink:visited {
	font-size: 1.0em !important;
	color: #FFFFFF;
}

.promesse  tr:first-child {
	background-color: #5987c2;
	border: 2px #5987c2 solid;
	color: #FFFFFF;
	font-size: 1.8em;
}

.triangle {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.8em 0.8em 0 0.8em;
	border-color: #303030 transparent transparent transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}

 


.triangleblue {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.8em 0.8em 0 0.8em;
	border-color: #5987c2 transparent transparent transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
	 
}

.demitriangleright {
	width: 100%;
	height: 0px;
	border-style: solid;
	border-width: 0 0.8em 0.8em 0;
	border-color: transparent transparent #303030 transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}

.demitriangleleft {
	width: 100%;
	height: 0px;
	border-style: solid;
	border-width: 0 0 0.8em 0.8em;
	border-color: transparent transparent #303030 transparent;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}

.triangleverti {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.8em 0 0.8em 0.8em;
	border-color: transparent transparent transparent #303030;
	margin-left: -0.8em;
	z-index: 999;
	position: absolute;
	top: 50%;
}

.trianglevertiblue {
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 0.8em 0 0.8em 0.8em;
	border-color: transparent transparent transparent #5987c2;
	margin-left: -0.8em;
	z-index: 999;
	position: absolute;
	top: 50%;
}


.ml50p {
	margin-left: 50%;
}

.promesse  tr:nth-child(2) {
	background-color: #303030;
	border: 2px #303030 solid;
	font-size: 1.4em;
	color: #FFFFFF;
	height: 3.0em;
}

.promesse  tr:nth-child(2) td {
	line-height: 1.0em;
	vertical-align: middle;
}

.promesse  tr:nth-child(3) {
	background-color: #f4f4f4;
	border: 1px #cccccc solid;
	border-bottom: 1px #f4f4f4 solid;
	color: #303030;
	font-size: 1.0em;
}

.promesse  tr:nth-child(3) p {
	line-height: 1.2em;
	margin-top: 0.3em;
}

.promesse  tr:nth-child(4) {
	background-color: #f4f4f4;
	border: 1px #cccccc solid;
	border-top: 1px #f4f4f4 solid;
	color: #303030;
	font-size: 1.05em;
}

.promesse  tr:nth-child(3)  td {
	padding-top: 0px;
	height: 6.5em;
}

.promesse a {
	text-decoration: none;
	font-size: 1.9em;
}

.promesse a:hover {
	opacity: 0.8;
}

.promesse  tr:nth-child(4) a {
	line-height: 1.2em;
	margin-top: 0.3em;
	padding-bottom: 0.8em;
	font-size: 1.9em;
	color: #303030;
	display: block;
}


.promesse  tr:nth-child(4) a:before {
	color: #f7cd1f;
	font-weight: bold;
	content: "&gt;";

	line-height: 1.2em;
	margin-top: 0;

	margin-left: 0.2em;
	margin-right: 0.2em;

}

.promesse  tr:nth-child(4) a:hover:before {


	margin-left: 0.3em;
	margin-right: 0.1em;
}

/***********************************/
/*  HOME PRODUIT                  */
/**********************************/
.header-produit {
	padding-left: 0.5em;
	color: #303030;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	 
	margin-top: 4em;
}

.header-produit h2,.header-produit h1 {
	color: #303030;
	font-weight: 300;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	font-size: 2.6em;
	line-height: 1.0em;
	margin-bottom: 0;


	margin-bottom: 0;
}

.header-produit p {
	margin-top: 0em;
	margin-bottom: 0.6em;
	font-size: 1.6em;
}


.produitplus {
	max-width: 300px;
}


.produit {&lt;!--
	max-width: 520px;
	--&gt;
}

.produit a {
	text-decoration: none;
	opacity: 1;
}

.produit a:hover {
	opacity: 0.8;
}

.produit h3 {
	font-size: 1.8em;
	line-height: 1.7;
	margin: 0px;
	font-weight: 400;
}

.produit,.produit td,.produit tr {
	text-align: center;
	border: 0px #303030 solid;
}

.produit  tr:first-child {
	background-color: #303030;
	border: 0px #303030 solid;
	color: #FFFFFF;
	 
	 
}

.produit  tr:first-child td{
		padding-bottom:0.8em;
	 
}

.produit2ln {
	color: #f7cd1f;
	margin-top: 0em;
	font-size: 1em;
}

.produit2ln a {
	color: #f7cd1f;
	text-decoration: none;
	padding-right: 5px;
}

.produit  tr:nth-child(2) {
	background-color: transparent;
	border: 0px #cccccc solid;
	font-size: 1.8rem;
	color: #FFFFFF;
}

.produit  tr:nth-child(2)  img {
	width: 100%;
}

.produit .image {
	position: relative;
}

.produit .aligntop {
	position: absolute;
	top: 0px;
}

.produit .align08bottom {
	position: absolute;
	bottom: 0.0em;
	padding-bottom: 1.2em;
	background-color: rgba(48, 48, 48, 0.4);;
	height: auto;
}

.produit .align08bottom p {
	font-size: 0.9em;
	line-height: 1.2em;
	padding-left: 0.6em;
	padding-right: 0.6em;
	padding-top: 0.1em;
}

.produit .align08bottom p a {
	color: #f7cd1f;
	text-decoration: none;
}

.produit .alignbottom {
	position: absolute;
	bottom: -1px;
}

.produit  tr:nth-child(2) td {
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.produit  tr:nth-child(3) {
	background-color: #303030;
	border: 0px #303030 solid;
	border-top: 3px #303030 solid;
}

.produit  tr:nth-child(3) a {
	line-height: 1em;
	margin-top: 0.2em;
	padding-bottom: 1em;
	font-size: 1.4em;
	color: #fff;
	display: block;
}


.produit  tr:nth-child(3) a:before {
	color: #f7cd1f;
	font-weight: bold;
	content: "&gt;";

	line-height: 1.2em;
	margin-top: 0;

	margin-left: 0.2em;
	margin-right: 0.2em;
}

.produit  tr:nth-child(3) a:hover:before {


	margin-left: 0.3em;
	margin-right: 0.1em;
}

.produit2 {
	font-size:0.8em;
}		

.produit2 a {
	text-decoration: none;
	opacity: 1;
	line-height: 1.2em;
	margin-top: 0.3em;
	padding-bottom: 0.3em;
	font-size: 2.4em;
	color: #fff;
	display: block;
}

.produit2 a:hover {
	opacity: 0.8;
}



.produit2 a:before {
	color: #f7cd1f;
	font-weight: bold;
	content: "&gt;";

	line-height: 1.2em;
	margin-top: 0;

	margin-left: 0.2em;
	margin-right: 0.2em;
}

.produit2 a:hover:before {


	margin-left: 0.3em;
	margin-right: 0.1em;
}

.bloclien td{
	padding-top:2.4em;
	padding-bottom:2.4em;
	
}	

.bloclien p{
	 font-size: 2.4em;
	 margin:0;
	 line-height: 1.2em;
	 font-weight: bold;
}


.bloclien a {
	text-decoration: none;
	opacity: 1;
	line-height: 1.2em;
	/*margin-top: 0.2em;*/
	 
	font-size: 2.4em;
	color: #303030;
	display: block;
	 font-weight: bold;
}

.bloclien a:hover {
	opacity: 0.8;
}



.bloclien a:before {
	color: #fff;
	font-weight: bold;
	content: "&gt;";

	line-height: 1.2em;
	margin-top: 0;

	margin-left: 0.2em;
	margin-right: 0.2em;
}

.bloclien a:hover:before {


	margin-left: 0.3em;
	margin-right: 0.1em;
}
/***********************************/
/*  HOME VERBATIM                 */
/**********************************/
.verbatim {
	background-color: #f7cd1f;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}




.verbatim td,.verbatim tr {
	border: 0px;
	padding: 0px;
	margin: 0px;
	/*border: 1px #EAEAEA solid;*/

}

.verbatim td {
	vertical-align: middle;
}

.verbatim .container {
	position: relative;
	overflow: hidden;
}

.verbatim .firstimg {
	position: absolute;
	top: 0;
}

.verbatim .nextimg {
	position: absolute;
	top: 0;
	z-index: 99;
}

.verbatim .firstverbatim {
	
}

.verbatim .nextverbatim {
	position: absolute;
	top: 0;
}

.verbatim .opa0 {
	opacity: 0;
}

.verbatim .dspn {
	display: none;
}

.verbatim .img1 {
	background: url(../images/home/porte-fenetre-jardin.jpg) no-repeat
		center center fixed;
	background-size: cover;
}

.verbatim .name,.verbatim .namesuiv {
	position: absolute;
	bottom: 0.0em;
	padding-bottom: 0.3em;
	padding-top: 0.3em;
	padding-right: 30px;
	background-color: rgba(48, 48, 48, 0.4);;
	height: auto;
	color: white;
	font-size: 1.2em;
	z-index: 100;
}

.verbatim .namesuiv {
	 
	bottom: -2.5em;
	 
}

.verbatim .myquotedeb {
	font-size: 3em;
}

.verbatim .myquotefin {
	font-size: 3em;
}

.verbatim p {
	padding: 0.8em;
	font-size: 2.6rem;
	font-style: italic;
}

.verbatim td:nth-child(3),.verbatim td:nth-child(4),.verbatim  td:nth-child(5),.verbatim td:nth-child(6),.verbatim td:nth-child(7)
	{
	display: none;
	height: 0px;
}

/***********************************/
/*  HOME MAROTTE                  */
/**********************************/
.marotte {
	margin-top: 2em;
}

.marottesign {
	margin-top: 0em;
	padding-top: 0em;
	padding-bottom: 2em;
}

.marottesign table,.marottesign table td,.marottesign table tr {
	border: 0px #303030 solid;
	max-width: 90%;
	 
}

.marotte table,.marotte table td,.marotte table tr {
	border: 0px #303030 solid;
	padding-top: 1.4em;
	padding-bottom: 1.4em;
	max-width: 90%;
}

.marotte table td:first-child,.marotte td:last-child {
	width: 5%;
}

.marotte td:last-child {
	vertical-align: bottom;
}

.marotte td:last-child {
	vertical-align: bottom;
}

.marotte table p {
	color: #FFFFFF;
	letter-spacing: 1px;
	font-size: 1.8em;
	font-style: italic;
	line-height: 1.2;
}

/***********************************/
/*  HOME CHIFFRE CLE               */
/**********************************/
.chiffre {
	margin-top: 2em;
}

.chiffre table,.chiffre table td,.chiffre table tr {
	border: 0px #303030 solid;
}

.chiffre-wrapper {
	max-width: 100%;
	margin: 0px auto;
}

.chiffre-viewport {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.bx-wrapper .bx-viewport {
	border: 0px;
	box-shadow: none;
	-moz-box-shadow: 0 0 0 #ccc;
	-webkit-box-shadow: 0 0 0 #ccc;
	margin-bottom: 0px;
	background: #5987c2;
}

.chiffre table td {
	vertical-align: middle;
	font-size: 2em;
}

.chiffre .span1 {
	padding-right: 40rem;
}

.chiffre .span2 {
	padding-right: 8rem;
}

.chiffre .triangle {
	display: none;
}

.chiffre .container {
	position: relative;
	width: 600px;
}

.chiffreclevegasdiv {
  height: 288px;
  width: 320px;
  /* text-align: center; */
  margin-left: 100px;
}

/***********************************/
/*  HOME MAGASIN                  */
/**********************************/

.magasin {
	   font-size: 0.8em;
}

.divmagasin {
	 
	margin-left: auto;
	margin-right: auto;
}

.magasin  td {
	vertical-align: middle;
}

.magasin h3 {
	padding-bottom: 0;
	margin-bottom: 0.0em;
	margin-top: 0.6em;
	font-size: 1.8em;
}

.magasin ul {
	padding-top: 0;
	margin-top: 0.1em;
}

.container-map {
	position: relative;
	max-width: 601px;
	zoom: 0.8;
	-moz-transform: scale(0.8);
	 

}

.map75011 {
	position: absolute;
	left: 43%;

	top: 41%;
}

.map75013 {
	position: absolute;
	left: 44%;

	top: 50%;
}

.map75015 {
	position: absolute;
	left: 36%;

	top: 51%;
}

.map75017 {
	position: absolute;
	left: 36%;

	top: 40%;
}

.map91600 {
	position: absolute;
	left: 47%;

	top: 89%;
}

.map92100 {
	position: absolute;
	left: 12%;

	top: 47%;
}

.map92700 {
	position: absolute;
	left: 33%;

	top: 25%;
}

.map93230 {
	position: absolute;
	left: 56%;

	top: 43%;
}

.map93250 {
	position: absolute;
	left: 64%;

	top: 36%;
}

.imgmagasin { /*zoom:0.4;*/
		-ms-transform: scale(0.8, 0.8) translateX(-20%) translateY(-20%)
			!important; /* IE 9 */
		-webkit-transform: scale(0.8, 0.8) translateX(-20%) translateY(-20%)
			!important; /* Safari */





		transform: scale(0.8, 0.8) translateX(-20%) translateY(-20%) !important;
	}
	
	.magactive:before {
		content: url('../images/home/magasin-orange-small.gif');
 		 position: absolute;
  		  margin-left: -24px;
  	 
 		 margin-top: 7px;
	}

/***********************************/
/*  HOME DEVIS                    */
/**********************************/

.devis {
	font-size: 0.8em;
}
#btn_devis {
	font-size: 1.5em;
}

.btn_devis_ok:before{ 
  content:url(/images/home/success_icon.png) ;
  position:relative; 
  left:-10px;
  top:4px;
 }

.devis table,.devis table td,.devis table tr {
	border: 0px #303030 solid;
}

.devis table td {
	vertical-align: middle;
	text-align:center;
}

.devis table tr:first-child {
	
	 
	font-size:2.2em;
}

.devis table  tr:nth-child(2) {
	
 
	font-size:4.2em;
	
}
.devis table  tr:nth-child(2) td{
		line-height:0.5;
}

.devis table  tr:nth-child(3) {
	
 
	font-size:1.4em;
}

.devisform {
	  
	 	font-size:0.8em;
		
}

.devisform table td{
	  
	 	padding-right:0.5em;
		
}
.devisform .sousdevis td{
	  
	 	padding:0 !important;
		
}

.devisform  input,  textarea, select {
	width:90%;
	border: 1px solid #ccc;
 	 box-shadow: inset 0 1px 3px #ddd;
  	/*border-radius: 4px;*/
  	padding: 4px 4px 4px 8px;
  	margin-top:0.4em;
  	margin-bottom:0.4em;
  	color: #303030;
  	font-size:1.2em;
  	background: #f8f8f8;
  	
  	
}


.devisform  .nbprod {
	width:90%;
	border: 1px solid #ccc;
 	 box-shadow: inset 0 1px 3px #ddd;
   
  	color: #303030;
  	font-size:1.0em;
  	background: #f8f8f8;
  	display:none;
  	
  	
}
.devisform  .form-error {
	display: inline-table;
	color:red;
	font-weight:bold;
	font-size: 1.2em;
}

 .myerror {
	background: rgb(255,225,225) !important;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}


input[type="text"][required],input[type="number"][required],input[type="tel"][required] {
  background-image: radial-gradient(red 20%, transparent 21%), radial-gradient(red 20%, transparent 21%);
  background-image: -webkit-radial-gradient(red 20%, transparent 21%), -webkit-radial-gradient(red 20%, transparent 21%);
  background-size: 1em 1em;
  background-position: top right;
  background-repeat: no-repeat;
 
}	

.devisform  button[type="submit"] {
	 
	border: 1px solid #ccc;
  
  	/*border-radius: 4px;*/
  	padding: 0.2em 4em 0.2em 4em ;
  	margin-top:0.4em;
  	margin-bottom:0.4em;
  	color: #f8f8f8; 
  	/*font-size:0.8em;*/
  	background: #303030;
  	
  	
}

.devisform ul,.devisform li {
	color:red;
	font-size:1em;
	list-style: none;
} 

.devisformcpville {
	 width: 400px;
  display: inline-block;
  text-align: left;
  
}	 

.devisformprod {
	 width: 400px;
  display: inline-block;
  text-align: left;
   /* font-size: 0.8em;*/
}	

.form-error {

		height: 0px;
		font-size:1.1em;
		overflow:hidden;
		
		 
		
  		 
}
		
.form-error-expand {

		height: 100%;
			-ms-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 1s ease-out 0s;
		
	 
		
  		 
}


/* Cachons la case Ã&nbsp; cocher */
[type="radio"]:not(:checked),
[type="radio"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prÃ©pare le label */
[type="radio"]:not(:checked) + label,
[type="radio"]:checked + label {
  position: relative; /* permet de positionner les pseudo-Ã©lÃ©ments */
  padding-left: 25px; /* fait un peu d'espace pour notre case Ã&nbsp; venir */
  cursor: pointer;    /* affiche un curseur adaptÃ© */
  /*font-size:0.8em;*/
   padding-right: 10px; 
   min-width: 100px;
   margin-bottom: 6px;
}

  
/* Aspect des radioes */
/* :before sert Ã&nbsp; crÃ©er la case Ã&nbsp; cocher */
[type="radio"]:not(:checked) + label:before,
[type="radio"]:checked + label:before {
  content: '';
  position: absolute;




  left:0; top: -2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #f8f8f8;
  /*border-radius: 3px; /* angles arrondis */*/
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* lÃ©gÃ¨re ombre interne */
  

  
}
 
/* Aspect gÃ©nÃ©ral de la coche */
[type="radio"]:not(:checked) + label:after,
[type="radio"]:checked + label:after {
  content: 'âœ”';
  position: absolute;


  top: -2px; left: 4px;
  font-size: 14px;
  color: #ed6a22;
  transition: all .2s; /* on prÃ©voit une animation */
}
/* Aspect si "pas cochÃ©e" */
[type="radio"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise Ã&nbsp; l'Ã©chelle Ã&nbsp; 0 */
}
/* Aspect si "cochÃ©e" */
[type="radio"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise Ã&nbsp; l'Ã©chelle 1:1 */
}


/* Cachons la case Ã&nbsp; cocher */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
 
/* on prÃ©pare le label */
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative; /* permet de positionner les pseudo-Ã©lÃ©ments */
  padding-left: 25px; /* fait un peu d'espace pour notre case Ã&nbsp; venir */
  cursor: pointer;    /* affiche un curseur adaptÃ© */
  /*font-size:0.8em;*/
   padding-right: 10px; 
   min-width: 100px;
   margin-bottom: 6px;
}

  
/* Aspect des checkboxes */
/* :before sert Ã&nbsp; crÃ©er la case Ã&nbsp; cocher */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;




  left:0; top: -2px;
  width: 17px; height: 17px; /* dim. de la case */
  border: 1px solid #aaa;
  background: #f8f8f8;
  /*border-radius: 3px; /* angles arrondis */*/
  box-shadow: inset 0 1px 3px rgba(0,0,0,.3); /* lÃ©gÃ¨re ombre interne */
  

  
}
 
/* Aspect gÃ©nÃ©ral de la coche */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: 'âœ”';
  position: absolute;


  top: -2px; left: 4px;
  font-size: 14px;
  color: #ed6a22;
  transition: all .2s; /* on prÃ©voit une animation */
}
/* Aspect si "pas cochÃ©e" */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise Ã&nbsp; l'Ã©chelle Ã&nbsp; 0 */
}
/* Aspect si "cochÃ©e" */
[type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise Ã&nbsp; l'Ã©chelle 1:1 */
}

/***********************************/
/*  footer                   */
/**********************************/
.iconsocial img {
zoom:0.8;
	}	
/***********************************/
/*  VOTRE PROJET                   */
/**********************************/

.financement {
	padding-left: 20px;
   padding-right: 20px;
}

.financement p{
	font-size:1.8em;	
	padding-bottom: 0px;
	line-height: 1.2em;
}

.header-centre {
 
	color: #303030;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	font-size: 1.8em;
	margin-top: 0.5em;
 	 margin-bottom: 0.5em;
}


.header-projet  h3{
  margin-top: 1.6em;
  margin-bottom: 0.6em;
  font-size: 1.6em;
  font-style: normal;
  font-weight: 300;
}
.creditimpot    {
   font-size: 1.0em;
}

.creditimpot .linesmall    {
     line-height: 1.3;
}

.creditimpot .lineverysmall    {
     line-height: 1.0;
}
.creditimpot   .p32 {
padding-left: 32px;
padding-right: 32px;
}

.creditimpot  img  {
zoom: 0.72;
}
.creditimpot ul {
   list-style-type: none;
   padding-left:4px;
}

 
.creditimpot li:before {
   content: '- ';
   
}

.creditimpot .large   {
font-size:1.4em;
}
.creditimpot .extralarge   {
font-size:2.4em;
line-height: initial;
}

.creditimpot td  {
vertical-align: top;
}

.creditimpot td:first-child  {
vertical-align: middle;
}

.creditimpot .midlle  {
vertical-align: middle;
}

.creditimpot .container {
	position:relative;	
}

.creditimpot  .triangleblue ,.creditimpot  .triangle  {
display:none;
}


.excredit  {
	/*margin-top:4px;*/

}
.excredit tr ,.excredit td, .excredit th{
text-align:center;
border: 1px #303030 solid !important;
vertical-align:middle;
}

.etape td:first-child,.etape td:last-child {
	width:5%;
}
.etape img {
	margin-top:-6px;	
}	
.etape td  {
	vertical-align:middle;
	text-align: center;
	padding:0;
	
}


.etapefleche {
background: url('../images/timeline.png') left center transparent repeat-x;
 
  padding-left:0px;
  margin-bottom: 0;
    list-style: none;
 
}
.etapefleche li {
 display: inline-block;
  margin-right:5%;
  margin-left:5%;
}


.etapecercleactive{
 
  background:#303030;
  border-radius:50%;
  width:3.0em;
  height:3.0em;
  border:0.2em solid #fff; 
  font-weight:bold;
 
 
  
  
  
} 
.etapecercle {
 
  background:#f7cd1f;;
  border-radius:50%;
  width:3.0em;
  height:3.0em;
  border:0.2em solid #fff; 
  font-weight:bold;

   
}

.etapecerclefleche {
  display: inline-block;
  line-height: 31px;
  height: 32px;
  font-size: 16px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: white;
  white-space: nowrap;
  background: #5987c2;;
  min-width: 800px;
  top: 4px;
  left: -10px;
  padding-left: 38px;
  padding-right: 40px;
}

.etapecerclefleche:after {
  position: absolute;
  content: '';
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1.2em;
  background: #f8f8fa;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  /* transform-origin: center right; */
  right: -23px;
  z-index: 2;
  margin-top: 0px;
}

.etapecercle a,.etapecercleactive a {
	text-decoration:none;
	color: #fff;
	font-size: 1.5em;
}
.etapetext p{
	 font-size: 0.6em;
	 font-weight: 400;
}


.etapev2 {
	
	cursor:pointer;	
	position: relative;
}

.etapev2after {
	
	font-size:1.6em;	
	font-weight:bold;
	
	  position: absolute;
  left: 96%;
  margin-top: -14px;
 
}

.etapev2client a{
	text-decoration: none;
	color: #f7cd1f;
}

.etapev2detail {
 
	font-size:1.0em;
}

.etapev2detail p {
  font-size: 0.6em;
  font-weight: 400;
}

.etapev2client .inactive{
	padding-top:0px;
	padding-bottom:0px;
	height:0px;
	overflow: hidden;
	transition: all 0.6s ease-out 0s;
	 
}

.etapev2client .active{
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	overflow: hidden;
	transition: all 0.6s ease-out 0s;
	 
}


.avis {
	font-size:1.1em;
	cursor:pointer;	
	position: relative;
}

.avisafter {
	
	font-size:1.8em;	
	font-weight:bold;
	
	  position: absolute;
  left: 96%;
  margin-top: -11px;
 
}

.avisclient a{
	text-decoration: none;
	color: #f7cd1f;
}

.avisdetail {
	padding-top:10px;
	padding-bottom:10px;
	font-size:1.0em;
}

.avisclient .inactive{
	padding-top:0px;
	padding-bottom:0px;
	height:0px;
	overflow: hidden;
	 
}

.avisclient .active{
	padding-top:10px;
	padding-bottom:10px;
	height:auto;
	overflow: hidden;
	transition: all 0.6s ease-out 0s;
	 
}

 

.avisdetail2 td {
	  vertical-align: middle;
}	
 
.avisv2 tr:first-child {
border: 1px #303030 solid;

}

.avisv2 h3 {
	font-size: 1.1em;
	font-weight:normal;
	padding:0;
	margin:0;
}	
 

.avisv2 tr:nth-child(2) {
border: 1px #cccccc solid;

}

.avisnom {
	line-height: 1.1;
}

.avisverbatim {
	line-height: 1.2;
	font-style:italic;
	font-size:1.1em;
	height:110px;
}


/***********************************/
/*  REJOIGNEZ NOUS              */
/**********************************/

.enteteparrain {
	  padding-left: 0.5em;
	  position: relative;
	  margin-bottom: -18px;
}
#parrainage-mondial-fenetre-direct {
	position:relative;
	top:-150px;
}		

.enteteparrain img{
	
}

.bandeauparrain {
   display: inline-block;
  /*line-height: 46px;*/
  height: 47px;
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  overflow: hidden;
  color: white;
  /*white-space: nowrap;*/
  background: #5987c2;
  width: 98%;
  top: 24px;
  left: 24px;
  padding-left: 95px;
  font-weight: 300;
  padding-top: 9px;
}

.bandeauparrain h1{
	font-size: 20px;
}


.textparrain {
	padding-left: 120px;
	font-size: 1.1em;
}
.mymbd {
	margin-bottom:0px !important;
}		
.devisform hr {
	  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  margin-top: 0px;
}


 
.devisform table .full {
  padding-right: 0px  !important;;
  width: 100%  !important;;
}

.devisform .tdinactive {
	/*display: none!important;*/
	overflow:hidden;
}

.devisform .tdactive {
	display: table-cell;
}

.devisform .inactive{
	margin-top:-60px;
}


.equipe {
	position: relative;
  width: 100%;
}

.equipe img{
 
  width: 100%;
}
.equipe .bandeau {
	
	position: absolute;
  top: 50%;

  
  color: white;
  width: 100%;
  text-align: center;
  font-size: 2.1em;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    margin-top: -1em;
}

.equipe .bandeau2 {
	
	position: absolute;
  top: 60%;

  
  color: white;
  width: 100%;
  text-align: center;
  font-size: 1.8em;
   font-style: italic;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
    margin-top: -1em;
}

.equipe .bandeau3 {
	
  position: absolute;
  bottom:20px;

  
  color: white;
  width: 100%;
  text-align: center;
  font-size: 1.2em;
  
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
  margin-top: -1em;
  background-color: rgba(48, 48, 48, 0.2);
  width: 60%;
  left: 20%;
}
 
  
/***********************************/
/*  QUI SOMMES NOUS              */
/**********************************/


 

.datefleche {
background: url('../images/dateline.png') left center transparent repeat-x;
 
  padding-left:0px;
  margin-bottom: 0;
    list-style: none;
 
}
.datefleche .adiv {
	position:absolute;
	top: -46px;
  	left: -12px;
  	bottom:10px;		
}	
.datefleche li {
 display: inline-block;
 position: relative;
  margin-right:1.5%;
  margin-left:1.5%;
  /*margin-top: 20px;*/
  /*padding-top: 25px;*/
  cursor:pointer;
}
.datefleche  .m2{
	margin-left:3%;
}
.datefleche  .m4{
	margin-left:6%;
}
.datefleche  .m6{
	margin-left:9%;
}


.datecercleactive{
 
   background: #303030;
  border-radius: 50%;
  width: 0.6em;
  height: 0.6em;
  border: 0.1em solid #fff;
  font-weight: bold;
  position: relative;
  top: -2px;
 
 
 
  
  
  
} 
.datecercle {
 
  background:#f7cd1f;;
  border-radius:50%;
    width: 0.6em;
  height: 0.6em;
  border: 0.1em solid #fff;
  font-weight: bold;
  position: relative;
  top: -2px;
  

   
}

.datecercle a,.datecercleactive a {
	text-decoration:none;
	color: #303030;
	font-size:0.6em;
}
.datetext p{
	 font-size: 0.52em;
	 font-weight: 400;
	 
}
.datetext table td {
	vertical-align:middle;	
}	

.divdate {
  display: inline-block;
  position: relative;
  z-index: 6;
  top: 7px;
  left: -2px;
}

.datelogo {
    display: inline-block;
  line-height: 38px;
  height: 39px;
  font-size: 20px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: white;
  white-space: nowrap;
  background: #303030;
  min-width: 140px;
  top: 18px;
  left: +5px;
  padding-left: 20px;
  padding-right: 30px;
  text-align: right;
}

.datelogo:after {
  position: absolute;
  content: '';
  height: 40px;
  width: 40px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1.2em;
  background: #f8f8fa;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  /* transform-origin: center right; */
  /* right: 0px; */
  left: -29px;
  margin-top: 0px;
  z-index: 2;
}

/***********************************/
/*  NOS ENGAGEMENTS                */
/**********************************/

.philosophie {
	font-size: 1.2em;
	  margin-bottom: 0px;
 
	
}

.philosophie img{
	 
}


.philosophie td p{
	line-height: 1.2em;
 
	
}

.philosophie span.tiret:before{
	content:"-";
 
	
}

 


.philosophie .entete {
line-height: 1.2em;
  font-weight: bold;
}

	.divengagement {
  display:inline-block;
  position: relative;
  z-index: 6;
  }		 
			 
 .engagement {
  display:inline-block;
  line-height:31px;
  height:32px;
  font-size:16px;
  font-weight:bold;
  
   
  position:relative;
  overflow:hidden;
  color:white;
  white-space:nowrap;
  background: #303030;
   min-width: 320px;
    top: 12px;
  left: -10px;
   padding-left:38px;
   padding-right: 40px;
}
.engagement:after {
 position: absolute;
  content: '';
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1.2em;
  background: #f8f8fa;
  transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
  /* transform-origin: center right; */
  right: -23px; /* = 32*1.422 / 2 */
  z-index: 2;
  margin-top: 0px;
 
 
 
}


.engagement2 {
  display:inline-block;
  line-height:31px;
  height:32px;
  font-size:16px;
  font-weight:bold;
  
   
  position:relative;
  overflow:hidden;
  color:white;
  white-space:nowrap;
  background: #303030;
   min-width: 320px;
    top: 12px;
  left: +5px;
   padding-left:20px;
     padding-right: 30px;
   text-align:right;
   
}
.engagement2:after {
    position: absolute;
  content: '';
  height: 32px;
  width: 32px;
  vertical-align: middle;
  display: inline-block;
  margin-top: -1.2em;
  background: #f8f8fa;
  transform: rotate(135deg);
   -webkit-transform: rotate(135deg);
  /* transform-origin: center right; */
  /* right: 0px; */
  left: -23px;  /* = 32*1.422 / 2 */
  margin-top: 0px;  
  z-index: 2;
 
 
 
}

	.divengagementverti {
  display:inline-block;
  position: relative;
  z-index: 6;
  padding-left: 34px;
  }		

.engagementverti {
  display: inline-block;
  /* line-height: 40px; */
  height: 100px;
  /* font-size: 20px; */
  font-weight: bold;
  /* padding: 0 2em 0 0.5em; */
  position: relative;
  overflow: hidden;
  color: white;
  white-space: nowrap;
  background: #303030;
  min-width: 33px;
  top: 104px;
  left: -72px;
  padding-left: 0px;
  text-align: right;
  width: 45px;
  padding-right: 0px;
   
}
.engagementverti:after {
   position: absolute;
  content: '';
  height: 45px;
  width: 45px;
  vertical-align: middle;
  display: inline-block;
  /* margin-top: -1.2em; */
  background: #5987c2;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  /* transform-origin: center right; */
  /* right: 0px; */
  left: 0px;
  top: 80px;
  z-index: 2;
 
 
 
}

.label td {

  vertical-align:top;
}
 

.label td:first-child p {
 margin-top: -30px;
  margin-left: 27px;
  margin-right: 124px;
  /* padding-right: 31px; */
  text-align: justify;
  line-height: 1.0em;
  font-size: 1.0em;
 
}

.label td:nth-child(2) p {
 margin-top: -30px;
  margin-left: 107px;
  margin-right: 45px;
  text-align: justify;
  line-height: 1.0em;
  font-size: 1.0em;
  /* padding-right: 32px; */
 
}

.environ .pentete{

 height: 192px;
 font-size: 1.1em;

}

.environ h2, .environ h3{

   
  font-size:1.5em;

}

.environ h2 strong{

  font-weight: bolder;
  

}
.environ .mb3  {
	margin-bottom:3em;
}

.environ .mbt  {
	margin-top:-0.2em;
}

.blocenv1 {
	  height: 240px;
}

.blocenv2 {
	  height: 330px;
}


.blocenv3 {
	  height: 340px;
}

/***********************************/
/*  NOS PRODUITs                */
/**********************************/
.nos-produits {
  font-size: 1.2em;
  font-weight: 400;
    color: #303030;
}
.produit  .tdhead {
	padding-top:0.8em !important;
	padding-bottom:0.8em !important;
	
}

#nos-produits-direct {
  position: relative;
  top: -150px;
}

.avantage {
	border: 1px #cccccc solid;
	  height: 182px;
  margin-bottom: 0px;	
}
.avantage td {
	vertical-align: middle;
}	

.sousmenu_produit {
	position: absolute;
  bottom: 0.0em;
  
  
  
  background-color: rgba(48, 48, 48, 0.4);
  height: auto;
  
	 
}
.sousmenu_produit ul {
	list-style:none;
	  line-height: 1.2em;
}

.sousmenu_produit a:before {
	content: "";
    border-color: transparent #ed6a22;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.35em;
    display: block;
    height: 0;
    width: 0;
   /* left: -1em;
    top: 1.1em;
    position: relative;*/
    display: inline-block;
    margin-left: 0.1em;
	margin-right: 0.6em;
}

.sousmenu_produit a:hover:before {


	margin-left: 0.4em;
	margin-right: 0.3em;
	  border-color: transparent #ed6a22;
}

.sousmenu_produit a{
	text-decoration:none;	
	color:white;
	text-transform: uppercase;
	font-size:1.0em; 
	 
}

.sousmenu_produit a:hover{
	/*font-weight: bold;
	font-size:1.2em;*/ 
}

ul.tabinline li {
 list-style:none;
 float:left;
   padding-right: 20px;
}
ul.tabinline li:before {
 content: "â€¢";
 margin-right:0.5em;
 font-size:18px;
 
}

/***********************************/
/*  DETAIL PRODUIT                  */
/**********************************/

.figure_produit {
	display:none;
}
.mytinyprod {
 		padding-right:4px;
		padding-left:4px;
		
	}
.detail-produit {
	padding-left: 0.5em;
	color: #303030;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	 
	margin-top: 4em;
}

.detail-produit h1 {
	color: #303030;
	font-weight: 300;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	font-size: 4.2em;
	line-height: 1.0em;
	 
}
.detail-produit h2  {
	color: #303030;
	font-weight: 300;
	font-family: 'Lato' !important;
	font-style: normal;
	font-weight: 300;
	font-size: 2.6em;
	line-height: 1.0em;
	 
}

.detail-produit p {
 
	margin-bottom: 0.6em;
	font-size: 1.2em;
}


.detail-produit li {
	/*list-style-type: none;*/
	font-size: 1.2em;
}

.blocpicto td{
	padding-top:0px;
	padding-bottom:10px;
	font-weight:400;
	
}

.blocpicto tr:first-child td{
	padding-top:20px;
	 
	
}

.blocpicto tr:nth-child(3) td{
	/*vertical-align:bottom;*/
	/*height:68px;*/
	font-weight: bold;
	line-height: 1.2;
	padding-bottom:20px;
	 
	
}

.td3_l2_fenetre-pvc-paris,.td3_l1_porte-pvc-paris,.td3_l1_jalousie-fenetre-paris,.td3_l1_portail-portillons-jardin-paris
	{

	height: 54px;
}

.td3_l1_fenetre-alu-paris,.td3_l1_fenetre-bois-paris,.td3_l2_porte-alu-paris,.td3_l1_stores-bannes-fenetre-paris
	{
	height: 108px;
}

.td3_l2_persienne-fenetre-paris {
	height: 124px;
}

.td3_l1_volets-roulants-paris {
	height: 162px;
}


.td3_l1_volet-battant-paris {
	height: 198px;
}

.td3_l2_volet-battant-paris,.td3_l1_porte-alu-paris,.td3_l1_porte-composite-paris,.td3_l1_porte-blindee-paris,.td3_l1_porte-garage-enroulable-paris
	{

	height: 90px;
}



.td3_l2_jalousie-fenetre-paris {
	height: 18px;
}

.td3_l1_persienne-fenetre-paris,.td3_l1_stores-occultant-fenetre-paris {
	height: 72px;
}


.blocpicto h3{
	color:#FFF;
	font-size: 1.2em;
	padding-top:0px;
	padding-bottom:0px;
	margin:0px;
	/*text-transform: capitalize;*/
}


.pge {
	  width: 69%;
}
.pgeimg {
  border: 1px solid #ccc;
  height: 110px;
  width: 110px;
}

.pgs1{
	  width: 540px;
}

.pgs2{
	  width: 360px;
}

.pgs1 td,.pgs2 td{
	  width: 180px;
}

.vb1 td:first-child {
  border: 1px #5987c2 ;
  background-color: #5987c2;
  
}

.vb1 td:nth-child(2) {
 border: 1px #EAEAEA;;
 vertical-align: middle;
 
}
 	 
.vb2 td:first-child {
   border: 1px #EAEAEA;;
    vertical-align: middle;
   
}

.vb2 td:nth-child(2)  {

 border: 1px #5987c2 ;
  background-color: #5987c2;
 
   height: 251px;
 
}

.vb1 img ,.vb2 img {
	  height: 180px;
}	

.sb1 {
	margin-left:120px;	
}

.h110 {
	  height: 110px !important;
	  
}
.h190 {
	  height: 190px !important;
}

.pepvc {
  border: 0px solid #ccc;	
}

.pepvc tr:first-child{
  border: 1px solid #ccc;	
}




/***********************************/
/*  EXTRA KNACSS                  */
/**********************************/



.mygrid-3-promesse&gt;* {
	width: calc(100% *       1/ 3 -       2em);
}

.mygrid-3-promesse&gt;.flexitem-double {
	width: calc(100% *       2/ 3 -       2em);
}

.mygrid-2-promesse {
	/*width:54%;*/
	max-width:852px;
}		
.mygrid-2-promesse&gt;* {
	 width: calc(100% * 1 / 2 - 3em);
}

.mygrid-2-promesse&gt;.flexitem-double {
	width: calc(66% *       2/ 3 -       3em);
}



.mygrid-2-environ{
	 
}		
.mygrid-2-environ&gt;* {
	 width: calc(100% * 1 / 2 - 3em);
	 overflow: hidden;  /* evite les dÃ©bordements */
}

.mygrid-2-environ&gt;.flexitem-double {
	width: calc(100% *       2/ 3 -       3em);
}



	 

	.chiffre .container {

		width: 400px;
	}
	.verbatim p {
		font-size: 2.0rem;
	}
	
	


/***********************************/
/*  EXTRA KNACSS     1280 -&gt;      */
/**********************************/



@media ( min-width : 1441px)  and (max-width: 2800px) {

	 
	 .navbar .nav {
		width:1024px;
		text-align: center;
		padding-left:0px;
	}
	 
	 
	.collapse {

		text-align: center;
 		 width: 1024px;
	}

	.produit tr:nth-child(2) {
		

	}
	
	

}


/***********************************/
/*  EXTRA KNACSS     769 -&gt;1024     */
/**********************************/



@media ( min-width : 1024px) and (max-width: 1280px) {
	/* quick reset in small resolution and less */
	
	.navbar .nav&gt;li, .navbar2 .nav&gt;li {
   
    margin-left: 1%;  
}
	


}

/***********************************/
/*  EXTRA KNACSS     769 -&gt;1024     */
/**********************************/



@media ( min-width : 769px) and (max-width: 1024px) {

	.header-produit h2 {
		font-size: 4.6rem;
	}
	
	.mygrid-2-promesse {
		width:76%;
	}
	
	.mygrid-2-environ{
	 
		 
	}		
 

	.verbatim p {
		font-size: 2.0rem;
	}

	.chiffre table td {
		word-wrap: normal;

	}
	.chiffre .triangle {
		display: none;
	}


	.chiffre .container {

		width: 100%;
	}
	
	.chiffreclevegasdiv {
	  height: 200px;
	  width: 220px;
	  /* text-align: center; */
	  margin-left: 50px;
	}
	
	 

	.devis table td:first-child {
		font-size: 1.6em;

	}

	.devis table td:nth-child(2) {
		font-size: 3.8em;
	}
	
	.devisform input, textarea, select {
  		width: 100%;
	}

	.promesse tr:nth-child(2) {
		font-size: 1.6em;
	}

	.promesse tr:nth-child(3) {
		/*font-size: 1.0em;*/
	}


	 
	
	.imgmagasin { /*zoom:0.4;*/
		-ms-transform: scale(0.75, 0.75) translateX(-25%) translateY(-25%)
			!important; /* IE 9 */
		-webkit-transform: scale(0.75, 0.75) translateX(-25%) translateY(-25%)
			!important; /* Safari */





		transform: scale(0.75, 0.75) translateX(-25%) translateY(-25%) !important;
	}
	
		#responsive-menu {
	  	display:block;
	}	


	.navbar .nav {

		height: 0px;
		overflow: hidden;
		width: 100%;
  		/*padding-top: 42px;*/
  		  padding-left: 0px;
	}
	
	.navbar .navdeveloped {

		height: auto;
		
		-ms-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		
  		padding-top: 86px;
  		position:fixed;
  		
	}
	
	.navbar .nav&gt;li 	 {
	   width:100%;
	   text-align:center;
	    line-height: 60px;
  		min-height: 60px;
  		margin-left:0px;
  		  box-shadow: 0 1px 0 0px #ccc, 0 1px 0 0 #ccc;
  		
	}
	
	.navbar .nav&gt;li:first-child {
    	border-top: 1px solid #ccc;
	}
	
	.navbar .nav&gt;li:last-child {
    	border-bottom: 4px solid #ccc;
	}
	
	
	.navbar .nav&gt;li a {
	  
	  font-size:18px;
	}  
	
	.navbar .nav&gt;li:hover a {
    	background-color: #ccc;
    	color:#fff;
	}
	
	
	.navbar .nav&gt;li a:before {
	  color: #f7cd1f;
	  font-size:18px;
	  font-weight: bold;
	  content: "&gt;";
	  line-height: 1.2em;
	  margin-top: 0;
	  margin-left: 0.4em;
	  margin-right: 0.4em;
	}
	
 
	 
	
	
	.label td:first-child p {  
		margin-right: 186px;
  	  margin-top: -20px;
  	  
  	  width: 300px;
	}
	.label td:nth-child(2) p {
   
 		 margin-right: 82px;
 		 margin-top: -20px;
 	 
 		 width: 300px;
	}
	 
	
	.etapefleche li {
  display: inline-block;
  margin-right: 0.6%;
  margin-left: 0.6%;
}
	
}




/***********************************/
/*  EXTRA KNACSS     481 -&gt;768     */
/**********************************/



@media ( min-width : 481px) and (max-width: 768px) {
	/* quick reset in small resolution and less */
	.calc100vw {
		width: calc(100vw) !important;
	}
	#form_devis .txtleft {
	display: block !important;
	}
	
	#form_devis .txtright {
	display: block !important;
	}
	#devisformcpville .w33 {
	  width:50%;
	}
	
	.imgmagasin { /*zoom:0.4;*/
		-ms-transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%)
			!important; /* IE 9 */
		-webkit-transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%)
			!important; /* Safari */





		transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%) !important;
	}


	.mygrid-3-promesse&gt;* {
		width: 100%;
	}
	.mygrid-3-promesse&gt;.flexitem-double {
		width: 100%;
	}
	
	.mygrid-2-promesse {
	 	width: 100% ;
	 	  max-width: 1024px; /* a voir */
	}
	
	.mygrid-2-promesse&gt;* {
	 	width: 100% ;
	 	
	}
	.mygrid-2-promesse&gt;.flexitem-double {
		width: 100% 
	}
	
	.grid-3&gt;* {
		width: 100%;
	}
	.grid-3&gt;.flexitem-double {
		width: 100%;
	}
	
	.promesse  {
		font-size: 0.8em;
	}
	
	.promesse tr:nth-child(4) a {
  
  margin-top: 0.1em;  
   padding-bottom: 0.3em;  
  
}
	
	.promesse tr:nth-child(3) td {
		height: auto;
	}
	.verbatim .name {
		font-size: 1.0em;
	}
	.verbatim p {
		font-size: 1.4rem;
	}
	.header-produit h2 {
		font-size: 4.6rem;
	}
	
	.marotte table p {
  
  font-size:  2.0rem;
   
}

	.chiffre .bx-wrapper img {
		height: 200px;
	}
	.chiffre table td {
		word-wrap: normal;
		font-size: 1.6rem;
	}
	.chiffre .triangle {
		display: none;
	}
	.chiffre .triangleverti {
		display: block;
	}
	


	.chiffre .container {

		width: 100%;
	}
	
	.chiffreclevegasdiv {
	  height: 200px;
	  width: 220px;
	  /* text-align: center; */
	  margin-left: 50px;
	}
	
	

	.slider-text {

		top: 25%;
	}
	.txt-slide1,.slider_bandeau,.slider_bandeau2 {
		font-size: 2.0rem;
		font-weight: 400;
		word-spacing: 6px;
		word-wrap: normal;
	}

	.txt-slide2 {
		font-size: 3.0em;
		word-spacing: 6px;
	}

	
	.magasin h3 {
  font-size:1.2em;
}



	.devis table td:first-child {
		font-size: 1.2em;

	}

	.devis table td:nth-child(2) {
		font-size: 2.8em;
	}
	
	.devisform input, textarea, select {
  		width: 100%;
	}

	.div-pager a {

		margin: 1em;
	}

	#responsive-menu {
	  	display:block;
	}	


	.navbar .nav {

		height: 0px;
		overflow: hidden;
		width: 100%;
  		/*padding-top: 42px;*/
  		  padding-left: 0px;
	}
	
	.navbar .navdeveloped {

		height: auto;
		
		-ms-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		
  		padding-top: 86px;
  		position:fixed;
  		
	}
	
	.navbar .nav&gt;li 	 {
	   width:100%;
	   text-align:center;
	    line-height: 60px;
  		min-height: 60px;
  		margin-left:0px;
  		  box-shadow: 0 1px 0 0px #ccc, 0 1px 0 0 #ccc;
  		
	}
	
	.navbar .nav&gt;li:first-child {
    	border-top: 1px solid #ccc;
	}
	
	.navbar .nav&gt;li:last-child {
    	border-bottom: 4px solid #ccc;
	}
	
	
	.navbar .nav&gt;li a {
	  
	  font-size:18px;
	}  
	
	.navbar .nav&gt;li:hover a {
    	background-color: #ccc;
    	color:#fff;
	}
	
	
	.navbar .nav&gt;li a:before {
	  color: #f7cd1f;
	  font-size:18px;
	  font-weight: bold;
	  content: "&gt;";
	  line-height: 1.2em;
	  margin-top: 0;
	  margin-left: 0.4em;
	  margin-right: 0.4em;
	}
	
	.creditimpot {
  		font-size: 1.0em;
	}
	
	.creditimpot img{
  		zoom:0.6;
	}
	
	 .creditimpot  .triangleblue ,.creditimpot  .triangle  {
			display:block;
			margin-top: -0.4em;
		
	}
	
	.creditimpot  .trianglevertiblue ,.creditimpot  .triangleverti  {
		display:none;
	}
	
	.equipe .bandeau {
	  position: absolute;
	  top: 40%;
	   
	}
	.equipe .bandeau2 {
	  position: absolute;
	  top: 50%;
	}
	.equipe .bandeau3 {
 
 		 font-size: 1.0em;
	}
	
	.label td {
	 display: block !important;
  width: auto !important;
  text-align: left !important;
	}
	
	.engagement2 {
	min-width:80%;
	}
	.engagement {
	min-width:70%;
	}
	
	.mygrid-2-environ&gt;* {
  width: calc(100% * 1 / 2 - 0.4em);
  overflow: hidden;
}
	
	
	.environ .pentete {
	  height: 282px;
	  font-size: 1.1em;
	}
	
	.small-fz08 {
		  font-size: 0.8em;
	}
	.small-w640p {
		width: 640px ! important;
		max-width: 640px ! important;
		margin-top:10px;
	}
	
	.small-w640p .avantage td {
	margin-top:0px;
	  padding-bottom:10px;
	  padding-top:10px;
	   padding-left:10px;
	  padding-right:10px;
	  margin-bottom:0px;
	  
	  border: 0px #303030 solid;

	}
	
	.small-w640p .avantage {
  
  height: 70px;
   
  }
	.blocenv1 {
	  height: 276px;
	}
		
	
	.blocenv2 {
	  height: 386px;
	}
	
	.blocenv3 {
	  height: 424px;
	}
	.photoproduit {
		/*  height: 340px;*/
  		overflow: hidden;
	}
	.photoproduit img{
		/*margin-top: -120px;*/
	}
	
	.pgs2 {
	  width: 600px;
	  margin-top: 260px;
	  margin-left: -320px;
	}
	
	.small-pgs2_1 {
		 margin-top: 380px;
	}
	
	.small-pgs2_2 {
		 margin-top: 320px;
	}
		
	.etapev2after {
	  font-size: 1.6em;
	  font-weight: bold;
	  position: absolute;
	  left: 94%;
	  margin-top: -14px;
	}
	
	.small-fs08em {
		font-size:0.8em;
	}
	.small-vb2 {
		width: 100%;
	}
	.small-w80 {
		width:80%;
	}
	.small-w90 {
		width:90%;
	}
	.small-prs {
		padding-right:5px;
	}
	.small-pls {
		padding-left:5px;
	}
	
	.small-mb0 {
		margin-bottom: 0px;
	}
	.small-mt0 {
		margin-top: 0px;
	}
	.small-pictogrid1_1_3,.small-pictogrid1_2_3,.small-pictogrid4_1_3,	.small-pictogrid5_1_3,
	.small-pictogrid6_1_3,.small-pictogrid9_1_3,.small-pictogrid10_1_3,.small-pictogrid11_1_3,
	.small-pictogrid13_1_3,.small-pictogrid14_1_3, .small-pictogrid15_1_3 {
		margin-left:calc((100% - 40px) - 272px);
	}	
	.small-pictogrid7_2_3 {
		margin-left:162px;
	}
	
	.vb2 td:nth-child(2) {
    
  		height: 356px;
	}

	.cache-grid6-ovh4,.cache-grid6-ovh5,.cache-grid6-ovh6 {
		display:none !important;
	}
}


/***************************************************/
/*  EXTRA KNACSS     481 -&gt;768  landscsape    */
/**************************************************/
@media ( min-width : 481px) and (max-width: 768px) and (orientation:
	landscape) {


	.navbar {
		min-height: 46px;

	}
	
	.collapse {
 
  		top: 40px;
	}
	#responsive-menu {
 	display:block;
  	padding-top: 6px;
  	max-height: 40px;
	}
	.fixed-block-holder {
	 
  		top: 46px;
	}
	#responsive-menu img {
		-o-transform: scale(0.5, 0.5) translateX(50%) translateY(-50%)	!important; /* IE 9 */
		-moz-transform: scale(0.5, 0.5) translateX(50%) translateY(-50%)	!important; /* IE 9 */
		-ms-transform: scale(0.5, 0.5) translateX(50%) translateY(-50%)	!important; /* IE 9 */
		-webkit-transform: scale(0.5, 0.5) translateX(50%) translateY(-50%) !important; /* Safari */
		transform: scale(0.5, 0.5)  translateX(50%) translateY(-50%) !important;
	}

	#logo {
		background-size: 116px 35px;
		width: 116px;
		height: 35px;
		/*margin-left: 8px;*/
		/*margin-top: 8px;*/
		z-index: 1011;

	}

	#logo a {
		width: 116px;
		height: 35px;
		position: absolute;
	}
	
	.navbar .nav {

		height: 0px;
		overflow: hidden;
		width: 100%;
  		/*padding-top: 42px;*/
  		  padding-left: 0px;
	}
	
	.navbar .navdeveloped {

		height: auto;
		
		-ms-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		
  		padding-top: 48px;
  		position:fixed;
  		
	}
	
	.navbar .nav&gt;li 	 {
	   width:100%;
	   text-align:center;
	    line-height: 60px;
  		min-height: 60px;
  		margin-left:0px;
  		  box-shadow: 0 1px 0 0px #ccc, 0 1px 0 0 #ccc;
  		
	}
	
	.navbar .nav&gt;li:first-child {
    	border-top: 1px solid #ccc;
	}
	
	.navbar .nav&gt;li:last-child {
    	border-bottom: 4px solid #ccc;
	}
	
	
	.navbar .nav&gt;li a {
	  
	  font-size:18px;
	}  
	
	.navbar .nav&gt;li:hover a {
    	background-color: #ccc;
    	color:#fff;
	}
	
	
	.navbar .nav&gt;li a:before {
	  color: #f7cd1f;
	  font-size:18px;
	  font-weight: bold;
	  content: "&gt;";
	  line-height: 1.2em;
	  margin-top: 0;
	  margin-left: 0.4em;
	  margin-right: 0.4em;
	}
	
	

	 




}



/***********************************/
/*  EXTRA KNACSS     -&gt; 480        */
/**********************************/


@media ( max-width :480px) {
	
	.fixed-block-holder-covid {
	position: fixed;
	  z-index: 9999;
	right: 0px;
	 top: calc(100vh);
	height: 300px;
 
	
}

.fixed-block-covid {

	width: calc(100vw);
	float: right;

}
.tel {
	font-size: 0.8em !important;
}

.fixed-block-collapse-covid {
	-webkit-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 500ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	
	-ms-transform: translateY(-300px);
	-moz-transform: translateY(-300px);
	-webkit-transform: translateY(-300px);
	transform: translateY(-300px);
}

.fixed-block-collapse-covid-done {
	-webkit-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition: all 1200ms cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	-o-transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.320, 1.000);	/* easeOutQuint */
	
	-ms-transform: translateY(300px);
	-moz-transform: translateY(300px);
	-webkit-transform: translateY(300px);
	transform: translateY(300px);
}
	
	.mygrid-3-promesse&gt;* {
		width: 100%;
	}
	.mygrid-3-promesse&gt;.flexitem-double {
		width: 100%;
	}
	.mygrid-2-promesse {
	 	width: 100% ;
	}
	
	.mygrid-2-promesse&gt;* {
	 	width: 100% ;
	}
	.mygrid-2-promesse&gt;.flexitem-double {
		width: 100% 
	}

	.slider-text {
  		top: 50%;
	}
	
	
	.autre_bandeauh1 {
	    font-size: 2.1rem;
	    
	}
	
	
	
	
	
	.promesse td,.produit  td {
		padding-top: 0px;
  		margin-top: 10px;
		text-align: center !important;
	}
	
	.promesse tr:nth-child(2) td {
  		line-height: 1.5;
  		vertical-align: middle;
  		padding-bottom: 0px;
  		  padding-top: 3px;
	}
  
  
	.triangle,.produit .image img {
		margin-top: -0.8em;
	}
	.chiffre .triangle {
		margin-top: -0.4em;
	}
	.promesse tr:nth-child(3) td {
		height: auto;
	}
	
	.verbatim .name,.verbatim .namesuiv {
		font-size: 1.4rem;
	}
	.verbatim p {
		font-size: 1.8rem;
	}
	.header-produit h2 {
		font-size: 3.0rem;
	}

	.produit2 a {
		font-size: 2.8rem;
	}
	.marotte table,.marotte table td,.marotte table tr {
		max-width: 100%;
		padding-top: 0;
		padding-bottom: 0;
	}
	.marotte table td:first-child img,.marotte table td:last-child img {
		width: 30px;
	}
	.marotte table td:last-child {
		padding-bottom: 0.8em;
		text-align: right !important;
	}
	.marotte table p {
		font-size: 1.8rem;
	}
	.chiffre .bx-wrapper img {
		height: 200px;
	}
	.chiffre table td {
		word-wrap: normal;
		font-size: 1.6rem;
	}
	.chiffre .triangle {
		display: block;
	}
	.chiffre .triangleverti {
		display: none;
	}
	.chiffreclevegasdiv {
	  height: 180px;
	  width: 200px;
	  /* text-align: center; */
	  margin-left: 100px;
	}

	.chiffre .container {
		width: 100%;
	}
	.tiny2rem {
		font-size: 2.0rem;
	}
	.tiny2drem {
		font-size: 2.5rem;
	}
	.tiny3rem {
		font-size: 3.0rem;
	}

	.txt-slide1,.slider_bandeau,.slider_bandeau2 {
		font-size: 2.0rem;
		font-weight: 400;
		word-spacing: 6px;
		word-wrap: normal;
	}

	.slider_bandeau2 {
		top:0px;
	}
	.txt-slide2 {
		font-size: 1.8em;
		
	}
	
	.large_bandeau {
    	font-size: 1.2em;
	}
	
	.h1home {
    	line-height: 29px;
	}
	
	.menu_bandeau {
   	 position: absolute;
   	 top: 75%;
	}
	
	.devisform {
	    font-size: 1.2em;
	    word-wrap: normal;
	}
	
	.tiny-smallsize{
	    font-size: 1.0em;
	    word-wrap: normal;
	}

	.devis table td:first-child {
		text-align: center !important;
		font-size: 1.0em;
		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 0px;
	}

	.devis table td:nth-child(2) {
		text-align: center !important;
		margin-top: 0px;
		margin-bottom: 0px;
		padding-top: 0px;
		font-size: 2.8em;
	}
	
	 
	.devisform .inactive {
	    margin-top: -120px;
	}
	.div-pager a {

		margin: 1em;
	}
	
	#responsive-menu {
	  	display:block;
	}	


	.navbar .nav {

		height: 0px;
		overflow: hidden;
		width: 100%;
  		/*padding-top: 42px;*/
  		  padding-left: 0px;
	}
	
	.navbar .navdeveloped {

		height: auto;
		
		-ms-transition: all 0.3s ease-out 0s;
		-moz-transition: all 0.3s ease-out 0s;
		-webkit-transition: all 0.3s ease-out 0s;
		-o-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s;
		
  		padding-top: 86px;
  		position:fixed;
  		
	}
	
	.navbar .nav&gt;li 	 {
	   width:100%;
	   text-align:center;
	    line-height: 60px;
  		min-height: 60px;
  		margin-left:0px;
  		  box-shadow: 0 1px 0 0px #ccc, 0 1px 0 0 #ccc;
  		
	}
	
	.navbar .nav&gt;li:first-child {
    	border-top: 1px solid #ccc;
	}
	
	.navbar .nav&gt;li:last-child {
    	border-bottom: 4px solid #ccc;
	}
	
	
	.navbar .nav&gt;li a {
	  
	  font-size:18px;
	}  
	
	.navbar .nav&gt;li:hover a {
    	background-color: #ccc;
    	color:#fff;
	}
	
	
	.navbar .nav&gt;li a:before {
	  color: #f7cd1f;
	  font-size:18px;
	  font-weight: bold;
	  content: "&gt;";
	  line-height: 1.2em;
	  margin-top: 0;
	  margin-left: 0.4em;
	  margin-right: 0.4em;
	}
	
	.imgmagasin { /*zoom:0.4;*/
		-ms-transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%)
			!important; /* IE 9 */
		-webkit-transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%)
			!important; /* Safari */






		transform: scale(0.5, 0.5) translateX(-50%) translateY(-50%) !important;
	}
	
	.iconsocial tr{
	  display: inline-flex;
	}	
	
	 .creditimpot  .triangleblue ,.creditimpot  .triangle  {
			display:block;
			margin-top: -0.4em;
		
	}
	
	.creditimpot  .trianglevertiblue ,.creditimpot  .triangleverti  {
		display:none;
	}
	
	.autre_bandeau {
		position: relative;
		width: 100%;
		top: 0.5em;
		padding-top: 0.3em;
		padding-bottom: 0.3em;
		font-size: 2.1rem;
		background-color: rgba(48, 48, 48, 0.4);
		word-spacing: 0.2em;
		 
	}
	
	
	.excredit tr ,.excredit td, .excredit th{
		text-align:center !important;
		border: 1px #303030 solid !important;
		display:block !important;
		padding:0;
		
		margin:0;
	 
		
	}
	.excredit td, .excredit th{
	max-height:20px;
	overflow:hidden;
	}
	
	.excredit thead,.excredit tbody {
	 		display: inline-table  !important;
	 		width:50%;
	 		vertical-align:top;
	 		 
	}
	.philosophie td {
		text-align:center !important;
	}
	
	.engagement, .engagement2 {
	min-width: 300px;
	}
	 
	 .label  {
		width:100% !important;
	}
	
	.label td:first-child p {
	 
	  margin-right: 140px;
	 
	}
	
	.mygrid-2-environ &gt;* {
		width:100%;
	}
	 
	
	.environ tr:nth-child(2) td{
		margin-top: 0px;
		text-align:center !important;
	}	
	
	.etape {
		font-size: 0.8em;
	}
	.etapeconseiller {
		font-size: 0.6em;
	}
	.etapecercle a, .etapecercleactive a {
		
	  padding-left: 0.4em;
	  font-size: 0.9em;

	}
	
	.etape td:first-child,.etape td:last-child{
		display:none !important;
	}
	.datetext {
		padding-top: 0px;
		  font-size: 0.9em;
	}
	.datetext h3{
		font-size: 0.6em;
	}
	
	
	.bandeauparrain {
	       display: inline-block;
	    /* line-height: 46px; */
	    height: 67px;
	    font-size: 20px;
	    font-weight: bold;
	    position: absolute;
	    overflow: hidden;
	    color: white;
	    /* white-space: nowrap; */
	    background: #5987c2;
	    width: 98%;
	    top: 14px;
	    left: 20px;
	    padding-left: 90px;
	    font-weight: 400;
	    padding-top: 4px;
	    padding-right: 2px;
	    width: 92%;
	}
	
	.textparrain {
		margin-top:20px;
	 	 padding-left: 10px;
	 	 font-size: 1.1em;
	}
	.inputparrain {
		max-width: 396px;
		width: 90% !important;
	} 
	
	 
	
	.equipe .bandeau {
		top: 20%;
		line-height: 1.2;
	}
	
	.equipe .bandeau2 {
		top: 55%;
	}
	
	.equipe .bandeau3 {
 
		  bottom: 00px;
		  color: white;
		  width: 100%;
		  text-align: center;
		  font-size: 1.0em;
		 line-height: 1.3;
		  
		  margin-top: -1em;
		 
		  width: 100%;
		 left: 0;
	}
	
	.etapev2after {
  font-size: 1.6em;
  font-weight: bold;
  position: absolute;
  left: 90%;
  margin-top: -14px;
}
	
	.vb2 td:nth-child(2) {
  
  height: auto;
}
	
	.pgs1 {
  width: 446px;
}
	
	.pgs2 {
  width: 446px;
}
	
	.mytinyprod {
		width:210px !important;
		padding-right:4px;
		padding-left:4px;
		
	}
	
	#intro_promo {
	 
		padding-right:6px;
		padding-left:6px;
		
	}
	
	.cache-grid6-ovh3,.cache-grid6-ovh4,.cache-grid6-ovh5,.cache-grid6-ovh6 {
		display:none !important;
	}
	
	
	.tiny-center {
		text-align:center !important;
	}
	
	.tiny-mt0 {
		 margin-top: 0px;
	}
	
	.tiny-w90 {
		 width:90% !important;
	}
	.tiny-w100 {
		 width:100% !important;
	}
	
	.tiny-mw480p {
		 max-width:100%  !important;
		 
	}
	
	.tiny-avis {
		margin-left:90px;
	}
	
	 
	.tiny-picto1 {
	  margin-left: 66px;
	}
	
	.tiny-pictogrid7_1{
	  margin-left: 90px;
	}
	
	.tiny-pictogrid7_2{
	  margin-left: 69px;
	}
	
	.tiny-pictogrid16_1 {
		 margin-left: 96px;
	}
	
	.tiny-pictogrid17_1 {
		 margin-left: 96px;
	}
	
	.tiny-picto2 {
	
	}
	.tiny-mb0 {
	 margin-bottom: 0px;
	}
	
	.tiny-mt0 {
	 margin-top: 0px;
	}
	
	.tiny-tdil {
	  display:  inline-block !important;
	}
	
	.tiny-pas {
    padding: 5px !important;
  }
	
	.produitplus {
		min-width: 100% !important;
		margin-bottom: 10px;
	}
	
	.avantage td {
	margin-top:0px;
	  padding-bottom:10px;
	  padding-top:10px;
	  margin-bottom:0px;
	  
	  border: 0px #303030 solid;

	}
	
	.avantage {
  
  height: 70px;
   
  }
	
}

	 

/***********************************/
/*  TEL IPHONE                     */
/**********************************/
.tel,.tel:visited { /*for small screens */




	text-decoration: none;
	color: white;
}

.tel:hover,.tel:focus {
	text-decoration: none;
	color: white;
}

@media screen and (min-width: 28.5em) { /* for larger screens */
	.tel,.tel:visited {
		background: none;
		cursor: default;
	}
	.tel,.tel:focus {
		color: #white;
	}
}



/***********************************/
/*  vieille page                     */
/**********************************/


#image_fenetre-2 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;

}
#image_fenetre-3 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
 
}
#image_fenetre-4 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}
#image_fenetre-5 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}
#image_fenetre-6 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}
#image_fenetre-7 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}
#image_fenetre-8 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}
#image_fenetre-9 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}

#image_fenetre-10 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}

#image_fenetre-11 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}

#image_fenetre-12 {
margin-left:auto;
margin-right:auto;
margin-top:-563px;
height:563px;
width:563px;
line-height:50px;
background-color:#5987c2;
font-family:"Trebuchet MS",'Verdana',sans-serif ;
font-size:24px;
font-weight:bold;
visibility:hidden;
}

.blocvig {
 height:80px;
 width:581px;
 margin-left:auto;
margin-right:auto;
 
 
 
}	

#vig1_fenetre_pvc {
	 
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	 
}
#vig2_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;

	 
}

#vig3_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	
	 
}

#vig4_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	 
	 
}

#vig5_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
 
	 
}

#vig6_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	 
	 
}

#vig7_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	 
	 
}

#vig8_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	 
	 
}

#vig9_fenetre_pvc {
		padding-left: 5px; 
	padding-right: 5px;
	float:left;
	    margin-top: 5px;
	 
	 
}

#vig10_fenetre_pvc {
	padding-left: 5px; 
	padding-right: 5px;
	float:left;
	    margin-top: 5px;
	 
}

#vig11_fenetre_pvc {
		padding-left: 5px; 
	padding-right: 5px;
	float:left;
	    margin-top: 5px;
	 
	 
}

#content_detail_photo {
    width: 554px;
    margin-left: 16px;
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    margin-top:20px;
}

#content_detail_photo .legendephotoD {
    position: relative;
    font-size: 14px;
    font-family: "Trebuchet MS",'Verdana',sans-serif;
    text-align: right;
}

#content_detail_photo .legendephotoG {
    position: relative;
    font-size: 14px;
    font-family: "Trebuchet MS",'Verdana',sans-serif;
    text-align: left;
}

#content_detail_photo h2{
	    font-size: 1.2em;
	    font-weight:400;
	    text-align:center;
	    margin-top:0px;
}


#content_texte_photo_detail p {
    margin-top: 6px;
    margin-bottom: 6px;
    margin-right: 6px;
    margin-left: 20px;
    display: list-item;
}


</pre></body></html>