@charset "utf-8";

/*page accueil*/

.Page #presentImg{       position:relative;
						 display:block;
						 margin:0;
						 padding:0;
							}
/*Responsive accueil*/
@media all and (min-width: 800px) {	 		   

.Page #presentImg{  width:100%;
                	height:290px;
	             }
	
}

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

.Page #presentImg{  width:100%;
                	height:374px;
	             }
	
}

@media all and (min-width: 1280px) {	 		   

.Page #presentImg{  width:100%;
                	height:468px;
	             }
	
}

@media all and (min-width: 1360px) {	 		   

.Page #presentImg{  width:100%;
                	height:495px;
	             }
	
}

@media all and (min-width: 1600px) {	 		   

.Page #presentImg{  width:100%;
                	height:585px;
	             }
	
}

@media all and (min-width: 1920px) {	 		   

.Page #presentImg{  width:100%;
                	height:700px;
	             }
	
}

.Page #presentImg #gabpresentImg, .Page #presentImg #gabpresentImg .slide, .Page #presentImg #gabpresentImg .slide .visu, .Page #presentImg #gabpresentImg .slide .visu img{  																																				             																																	   position:absolute;
																																				   width:100%;
																																				   height:100%;
																																				  }
						
.Page .gabContent{   height:430px;
				  }
						 
.Page #SubMenu{   margin-top:20px;
			   }	
						 								 
.Page #presentImg #titlepresentImg{    position:absolute;
									   font-size:1.2em;
									   text-shadow: 0px 3px 2px #000;
									   text-align:left;
									   line-height:1em;
									   margin:0;
									 }
									 
@media all and (min-width: 800px) {	 		   

.Page #presentImg #titlepresentImg{ margin-top:5%;
                                    }
	
}	

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

.Page #presentImg #titlepresentImg{ margin-top:10%;
                                    }
	
}		
							 
@media all and (min-width: 1600px) {	 		   

.Page #presentImg #titlepresentImg{ margin-top:20%;
                                    }
	
}

.Page .gabContent a .gabSubMenu{  positon:relative;
								  display:inline-block;
								  float:left;
								  width:29%;
								  height:45%;
								  padding:0;
								  text-align:center;
								  margin:15px;
								  border:thin #fdd71c solid;
							   }

											
.Page .gabContent a:hover .gabSubMenu {       background-color:#fdd71c;
									  }
												 							 
.Page .gabContent a .gabSubMenu .imgSubmenu{     positon:relative;
                                                 width:100%;  
												 height:40%;
												 background-repeat:no-repeat;
												 background-position: center;
												 background-size:contain;
												 margin-top:10%;
											 }

	
.Page .gabContent a .gabSubMenu #planDesLieux{        background-image:url(../img/EspacePro/plan.jpg);
											 }
											 
.Page .gabContent a:hover .gabSubMenu #planDesLieux{  background-image:url(../img/EspacePro/plan_roll.jpg);
											 }
											 
.Page .gabContent a .gabSubMenu #ficheTechnique{      background-image:url(../img/EspacePro/ficheTechnique.jpg);
												 }
												 
.Page .gabContent a:hover  .gabSubMenu #ficheTechnique{  background-image:url(../img/EspacePro/ficheTechnique_roll.jpg);
												 }
												 
.Page .gabContent a .gabSubMenu #plaquette{           background-image:url(../img/EspacePro/plaquette.jpg);
											  }
											  
.Page .gabContent a:hover  .gabSubMenu #plaquette{    background-image:url(../img/EspacePro/plaquette_roll.jpg);
											  }

.Page .gabContent a .gabSubMenu #galerie{             background-image:url(../img/EspacePro/galerie.jpg);
											}

.Page .gabContent a:hover  .gabSubMenu #galerie{      background-image:url(../img/EspacePro/galerie_roll.jpg);
											}

.Page .gabContent a .gabSubMenu #newsletter{          background-image:url(../img/EspacePro/newsletter.jpg);
												}
									
.Page .gabContent a:hover  .gabSubMenu #newsletter{   background-image:url(../img/EspacePro/newsletter_roll.jpg);
												}

.Page .gabContent a .gabSubMenu #devis{               background-image:url(../img/EspacePro/devis.jpg);
										  }													

.Page .gabContent a:hover  .gabSubMenu #devis{        background-image:url(../img/EspacePro/devis_roll.jpg);
										  }														

													
.Page .gabContent a .gabSubMenu .titleSubMenu{   font-weight:bold;
												 margin-top:5%;
											     width:100%;  
                                                 height:30%;
											   }
														  
.Page .gabContent a .gabSubMenu .titleSubMenu h2 {  color:#fdd71c;
													margin:0;
													padding:0;
													line-height:100%;
												  }
									
.Page .gabContent a:hover .gabSubMenu .titleSubMenu h2 {  color:black;
													}