@charset "utf-8";
/* CSS Document */

html, body {
	background-image:url(../images/back_global.jpg);
	background-repeat: repeat;
	background-position: left top;
	background-color: #080d3f;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:100%;
	padding: 0;
	margin: 0;
}
#site {
	background-color: #ffffff;
	text-align:left;
	width: 800px;
	min-height:100%;
	margin: 0 auto 0 auto;
	padding: 0;
	overflow:hidden;
}
span.menu {
	display:none
}
#zone_photo {
	width:800px;
	height:256px;
	margin:0;
	padding:0;
	float:left;
}
#zone_contenu {
	width:800px;
	margin:24px 0 0 0;
	padding:0;
	float:left;
}
#zone_contenu_gauche {
	width:217px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnees {
	width:217px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnees p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#2c5fa2;
	margin:50px 10px 10px 35px;
	padding:0;
}
#coordonnees p a{
	text-decoration:underline;
	color:#2c5fa2;
	margin:0;
	padding:0;
}
#coordonnees p a:hover{
	text-decoration:underline;
	color:#666666;
	margin:0;
	padding:0;
}
#zone_contenu_droit {
	width:561px;
	margin:0;
	padding:0;
	float:left;
}
#photos {
	text-align:left;
	width:541px;
	margin:10px 0 10px 20px;
	padding:0;
	float:left;
}
#photos img {
	margin: 10px 5px 10px 0px;
	padding:0;
	border:0px;
}
#zone_contenu_droit p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#6a6a6a;
	text-align:justify;
	margin:20px 20px 5px 20px;
	padding:0;
}
#zone_contenu_droit table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#6a6a6a;
	text-align:justify;
	margin:20px 0 5px 20px;
	padding:0;
}
#zone_contenu_droit table table{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	color:#6a6a6a;
	text-align:justify;
	margin:0;
	padding:0;
}
#zone_contenu_droit ul, li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	color:#6a6a6a;
	text-align:justify;
	margin:10px 20px 0px 40px;
	padding:0;
}
#h1_entete {
	width:561px;
	height:65px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}
#h1_contenu {
	width:433px;
	height:65px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnee_contenu {
	width:561px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnee_contenu_gauche {
	width:300px;
	margin:0;
	padding:0;
	float:left;
}
#coordonnee_contenu_droit {
	width:261px;
	margin:0;
	padding:0;
	float:left;
}
#accessoires {
	width:128px;
	height:65px;
	margin:0;
	padding:0;
	float:left;
}
#ul_li {
	width:600px;
	margin:0;
	padding:0;
	float:left;
}
#h2_suite {
	width:600px;
	margin:0 0 15px 0;
	padding:0;
	float:left;
}
#footer {
	background-color:#d5dfec;
	width:740px;
	height:83px;
	margin:20px 0 20px 28px;
	padding:0;
	float:left;
}
#footer_gauche {
	width:293px;
	height:83px;
	margin:0;
	padding:0;
	float:left;
}
#footer_gauche p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	color:#2c5fa2;
	margin:23px 0 10px 20px;
	padding:0;
}
#footer_gauche p a{
	color:#2c5fa2;
	margin:0;
	padding:0;
}
#footer_gauche p a:hover{
	color:#666666;
	margin:0;
	padding:0;
}
#footer_droit {
	text-align:right;
	width:430px;
	height:83px;
	margin:0;
	padding:0;
	float:left;
}
#footer_droit p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#2c5fa2;
	margin:27px 0 10px 20px;
	padding:0;
}
#footer_droit p a{
	color:#2c5fa2;
	margin:0;
	padding:0;
}
#footer_droit p a:hover{
	color:#666666;
	margin:0;
	padding:0;
}	
/* ------------ H1 ----------- */

h1.h1_accueil {
	background-image:url(../fr/images/h1/accueil.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}	
h1.h1_accueil_en {
	background-image:url(../fr/images/h1/accueil_en.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}	
h1.h1_apropos {
	background-image:url(../fr/images/h1/distributeur_estrien.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}	
h1.h1_services {
	background-image:url(../fr/images/h1/services.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}	
h1.h1_realisations {
	background-image:url(../fr/images/h1/realisations.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_contact {
	background-image:url(../fr/images/h1/contact.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_portes {
	background-image:url(../fr/images/h1/selection_portes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_fenetres {
	background-image:url(../fr/images/h1/selection_fenetres.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_solariums {
	background-image:url(../fr/images/h1/solariums.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_rampes {
	background-image:url(../fr/images/h1/rampes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_plan_site {
	background-image:url(../fr/images/h1/plan_site.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}
h1.h1_soumission {
	background-image:url(../fr/images/h1/soumission.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:65px;
	margin:0;
	padding:0;
}

/* ------------ H2 ----------- */

h2.h2_estimation {
	background-image:url(../fr/images/h2/estimation.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}	
h2.h2_ventes {
	background-image:url(../fr/images/h2/ventes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_installation {
	background-image:url(../fr/images/h2/installation.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_services_apres_vente {
	background-image:url(../fr/images/h2/services_apres_vente.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_realisations_residentielles {
	background-image:url(../fr/images/h2/realisations_residentielles.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_realisations_commerciales {
	background-image:url(../fr/images/h2/realisations_commerciales.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_coordonnees {
	background-image:url(../fr/images/h2/coordonnees.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_heures_ouverture {
	background-image:url(../fr/images/h2/heures_ouverture.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_dimensions_portes {
	background-image:url(../fr/images/h2/dimensions_portes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_materiaux {
	background-image:url(../fr/images/h2/materiaux.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_options_portes {
	background-image:url(../fr/images/h2/options_portes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_types_ouvertures {
	background-image:url(../fr/images/h2/types_ouvertures.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_dimensions_fenetres {
	background-image:url(../fr/images/h2/dimensions_fenetres.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_options_fenetres {
	background-image:url(../fr/images/h2/options_fenetres.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}	
h2.h2_dimensions_solarium {
	background-image:url(../fr/images/h2/dimensions_solariums.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_solarium_torrefie {
	background-image:url(../fr/images/h2/solarium_torrerie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
h2.h2_dimensions_rampes {
	background-image:url(../fr/images/h2/dimensions_rampes.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:433px;
	height:31px;
	margin:0;
	padding:0;
}
/* ---------------- MENU TOP ---------------- */

#menu_top {
	width:800px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
}
#menu_top p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.7em;
	color:#666666;
	margin:10px 0 0 460px;
	padding:0;
}
#menu_top p a{
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	text-decoration:underline;
	margin:0;
	padding:0;
}
#menu_top p a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-decoration:underline;
	margin:0;
	padding:0;
}

/* ---------------- FIN MENU TOP ---------------- */

/* ---------------- MENU PRODUITS ET SERVICES ---------------- */

#menu {
	background-image:url(../fr/images/menu/back.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:800px;
	height:48px;
	margin:0;
	padding:0;
	float:left;
}
#menu ul{
	margin: 0;
	padding: 0;
}

#menu ul li{
	margin: 0;
	padding: 0;
	display: inline;
}
#menu a.portes{
	background-image: url(../fr/images/menu/portes_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 126px;
	height: 48px;
	margin: 0 0 0 25px;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.portes:hover{
	background-image: url(../fr/images/menu/portes_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 126px;
	height: 48px;
	margin: 0 0 0 25px;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.fenetres{
	background-image: url(../fr/images/menu/fenetres_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.fenetres:hover{
	background-image: url(../fr/images/menu/fenetres_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.solariums{
	background-image: url(../fr/images/menu/solariums_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.solariums:hover{
	background-image: url(../fr/images/menu/solariums_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.rampes{
	background-image: url(../fr/images/menu/rampes_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.rampes:hover{
	background-image: url(../fr/images/menu/rampes_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.services{
	background-image: url(../fr/images/menu/services_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.services:hover{
	background-image: url(../fr/images/menu/services_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 125px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}
#menu a.realisations{
	background-image: url(../fr/images/menu/realisations_1.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 129px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}

#menu a.realisations:hover{
	background-image: url(../fr/images/menu/realisations_2.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 129px;
	height: 48px;
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}