@charset "utf-8";
/* CSS Document */
@media (max-width: 1400px) {

/* STRUCTURE */
body { margin:0; padding:0; height:100%; width:100%;
}
html { margin:0; padding:0; height:100%; width:100%; background-color:#00d1d3;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main { width:100%; height:auto; min-width:800px; background:url(../images/index/background-little.jpg) no-repeat center top;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#header { width:100%; height:auto;
}
	#header-top { width:100%;  min-width:800px; height:auto; margin:auto;  background-color:#00d1d3;
	}
		#header-top-content { width:800px; height:25px; margin:auto;
		}
			.header-logo { width:60px; height:auto; margin:7px 0px 0px 9px; float:left;
			}
			.facebook { width:20px; height:auto; margin:2px 0px 0px 200px; float:left;
			}
			.header-tel { width:110px; height:auto; margin:3px 0px 0px 20px;
			}
			.header-tel:hover { width:120px; height:auto; margin:2px 0px 0px 18px;
			}
	#header-bottom { width:100%;  min-width:800px; height:auto; background-color: rgba(38, 38, 38, 0.8);
	}
		#header-bottom-content { width:800px; height:60px; margin:auto;
		}
			.header-logo-geservice { width:200px; height:auto; margin:9px 0px 0px 12px; float:left;
			}
			.header-logo-geservice:hover { width:210px; height:auto; margin:8px -5px 0px 7px; float:left;
			}
			#frame-container { width:auto; height:auto; margin-left:132px; float:left;
			}
			#frame-button { width:auto; height:auto; padding:20px 12px 24px 12px; text-align:center; float:left;
			}
			#frame-button:hover { background-color:#00d1d3;
			}
			
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#middle { width:100%; height:auto;
}
	#middle-top-content { width:800px; height:auto; margin:auto;
	}
		.reparation { width:295px; height:auto; margin:20px 0px 0px 486px;
		}
	#middle-bottom { width:100%;  min-width:800px; height:auto; min-height:314px; background:url(../images/index/camionnette-little.png) top center no-repeat;
	}
		#middle-bottom-content { width:800px; height:auto; min-height:314px; margin:auto;
		}
			#middle-button { width:120px; height:120px; margin:172px 0px 0px 12px; float:left; border:solid 3px #00d1d3; -moz-border-radius: 12px; -webkit-border-radius: 12px;border-radius: 12px; background-color:#404040; text-align:center;
			}
			#middle-button:hover { width:125px; height:125px; margin:170px -2px -2px 7px; background-color:#303030;
			}
				.middle-button-picto { width:100px; height:auto; margin:8px 0px 0px 0px;
				}
	#middle-end { width:100%; min-width:800px; height:1px; clear:both;
	}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer { width:100%;  min-width:800px; height:auto; background-color:#404040;
}
	#footer-content { width:1000px; height:auto; margin:auto; padding:10px 0px 12px 0px; text-align:center;
	}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/* TEXTE */
h2 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10pt; font-weight:lighter; color:#FFF; margin:0; padding:0;
}
h3 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:7pt; font-weight:bold; color:#FFF; margin:-18px 0px 2px 0px; padding:0;
}
h4 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12pt; font-weight:bold; color:#FFF; margin:0px 0px 2px 0px; padding:0; 
}
h5 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:8pt; font-weight:lighter; color:#FFF; margin:4px 0px 0px 13px; float:left;
}
h6 { font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:10pt; font-weight:lighter; color:#FFF; margin:0; padding:0;
}
.blanc { color:#FFF;
}
.bleu { color:#00d1d3;
}