/*********************************************************************************/
/*********************************** Général ***************************************/
/*********************************************************************************/

html
{
	overflow-y: auto;
}

.html_galerie
{
	overflow: hidden;
}

body, .body_galerie
{
	line-height: 1.3em;
	font-size: 12px;
	font-family: verdana;
	color: #000;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
}

.body_galerie
{
	background: transparent url(/images/site/fond_galerie.jpg) no-repeat -3px -18px;
}

a:link, a:visited
{
	text-decoration: none;
	color: #000;
}

a:hover, a:active
{
	text-decoration: underline;
}

p
{
	margin: 0px;
}

ul
{
	margin-top: 3px;
	margin-left: -27px;
	margin-bottom: 0px;
}

h1
{
	margin: 3px 0px 5px 0px;
	padding: 20px 0px 8px 0px;
	font-size: 20px;
	border: 0px solid #548f3b;
	border-width: 0px 0px 0px 0px;
	font-style: normal;
}

h2
{
	margin: 0px 0px 10px 0px;
	font-size: 18px;
}

h3
{
	margin: 5px 0px 0px 0px;
	font-size: 14px;
}

/*********************************************************************************/
/********************************* Couleurs ***************************************/
/*********************************************************************************/

.span_couleur_violet_fonce
{
	color: #7558c2;
}

.span_couleur_vert_fonce
{
	color: #548f3b;
}

/*********************************************************************************/
/********************************* Conteneur ***************************************/
/*********************************************************************************/

#div_conteneur, #div_conteneur_ombre
{
	width: 900px;
	height: 475px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-237px 0px 0px -448px;
	padding: 0px 0px 0px 0px;
}

#div_conteneur_ombre
{
	width: 930px;
	height: 500px;
	margin:-239px 0px 0px -450px;
	border: 0px solid #f00;
	background: transparent url(/images/site/fond_accueil_ombre.jpg) no-repeat bottom right;
}

/*******************************************************************************/
/********************************** Commun ************************************/
/*******************************************************************************/

#div_cadre_int_accueil, #div_cadre_int_rubrique, #div_cadre_int_contact
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 760px;
	height: 100%;
	border: 1px solid #548f3b;
}

#div_cadre_int_accueil
{
	background: #FFF url(/images/site/fond_accueil.jpg) no-repeat top left;
}

#div_cadre_int_rubrique, #div_cadre_int_contact
{
	background: #FFF url(/images/site/fond_rubrique.jpg) no-repeat top left;
}

#div_accueil_text1, #div_accueil_text2, #div_rubrique1_text1, #div_rubrique1_text2, #div_rubrique2_text1, #div_rubrique2_text2, #div_rubrique3_text1, #div_rubrique3_text2, #div_rubrique4_text1, #div_contact1, #div_contact2
{
	border: 1px solid #86be6f;
	padding: 5px 5px 5px 5px;
}

#div_titre_bloc, #div_titre_bloc2
{
	position: absolute;
	top: -30px;
	left: 10px;
	width: 97%;
	height: 25px;
	color: #54903b;
}

/*******************************************************************************/
/************************************ Accueil ************************************/
/*******************************************************************************/

#div_accueil_text1
{
	position: absolute;
	top: 50px;
	left: 320px;
	width: 285px;
	padding-top: 100px;
	background: transparent url(/images/upload/accueil_i01.jpg) no-repeat top left;
}

#div_accueil_text2
{
	position: absolute;
	top: 290px;
	left: 440px;
	width: 260px;
	padding-top: 78px;
	background: transparent url(/images/upload/accueil_i02.png) no-repeat top left;
}

/*******************************************************************************/
/********************************** Les menus************************************/
/*******************************************************************************/

#div_menu_vertical
{
	position: absolute;
	top: 0px;
	left: 767px;
	width: 130px;
	height: 475px;
	border: 1px solid #6147a5;
	font-size: 15px;
	overflow: hidden;
	margin: 0px 0px 0px 5px;
	background-color: #FFF;
}

.img_menu_element_off, .img_menu_element_on
{
	position: relative;
	float: left;
	border: 0px solid #F00;
	margin-bottom: 1px;
}

#div_menu_horizontal
{
	position: relative;
	float: left;
	width: 100%;
	height: 20px;
	border: 0px solid #F00;
	font-size: 10px;
	color: #000;
	margin: -20px 0px 0px 10px;
}

#div_menu_horizontal a:link, a:visited
{
	text-decoration: none; 
	color: #000;
}

#div_menu_horizontal a:hover, #div_menu_horizontal a:active
{
	text-decoration: underline; 
}

/*******************************************************************************/
/********************************** Rubriques ************************************/
/*******************************************************************************/

#div_rubrique1_fond, #div_rubrique2_fond, #div_rubrique3_fond, #div_rubrique4_fond, #div_contact_fond
{
	position: absolute;
	top: 16px;
	left: 454px;
	width: 307px;
	height: 116px;
}

#div_rubrique1_fond
{
	background: transparent url(/images/site/titre_rubrique_aluminium.png) no-repeat top left;
}

#div_rubrique2_fond
{
	background: transparent url(/images/site/titre_rubrique_realisations.png) no-repeat top left;
}

#div_rubrique3_fond
{
	background: transparent url(/images/site/titre_rubrique_couleurs.png) no-repeat top left;
}

#div_rubrique4_fond
{
	background: transparent url(/images/site/titre_rubrique_vitrages.png) no-repeat top left;
}

#div_rubrique_titre, #div_contact_titre
{
	position: absolute;
	top: 10px;
	left: 35px;
	width: 320px;
	height: 60px;
	border: 0px solid #F00;
	font-size: 13px;
	font-style: italic;
}

#div_rubrique1_text1
{
	position: absolute;
	top: 100px;
	left: 30px;
	width: 170px;
}

#div_rubrique1_text2
{
	position: absolute;
	top: 360px;
	left: 280px;
	width: 400px;
}

#div_rubrique1_images1
{
	position: absolute;
	top: 90px;
	left: 260px;
	width: 450px;
	height: 220px;
	border: 1px solid #548f3b;
}

#div_rubrique2_text1
{
	position: absolute;
	top: 92px;
	left: 30px;
	width: 210px;
}

#div_rubrique2_text2
{
	position: absolute;
	top: 370px;
	left: 300px;
	width: 400px;
}

#div_rubrique2_text3
{
	position: absolute;
	top: 96px;
	left: 300px;
	width: 400px;
	height: 218px;
	border: 1px solid #548f3b;
	background: transparent url(/images/site/opacity.png) repeat top left;
}

#div_galerieMiniature
{
	padding: 13px 0px 0px 13px;
}

#div_galerieMiniature img
{
	margin: 0px 13px 10px 0px;
}

#div_rubrique3_text1
{
	position: absolute;
	top: 100px;
	left: 30px;
	width: 200px;
}

#div_rubrique3_text2
{
	position: absolute;
	top: 360px;
	left: 285px;
	width: 400px;
}

#div_rubrique3_images_out
{
	position: absolute;
	top: 80px;
	left: 270px;
	width: 440px;
	height: 220px;
}

#div_rubrique3_images_in
{
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: transparent url(/images/site/opacity.png) repeat top left;
	border: 1px solid #548f3b;
	margin-top: 15px;
	padding-top: 10px;
}

.tab_carre_couleur
{
	position: relative;
	float: left;
	border-collapse: collapse;
	font-size: 11px;
	border: 0px solid #fff;
	margin: 5px 0px 0px 20px;
	text-align: center;
}

.td_carre_couleur
{
	width: 80px;
	height: 80px;
	border: 1px solid #000;
}

#div_rubrique4_text1
{
	position: absolute;
	top: 105px;
	left: 30px;
	width: 180px;
}

#div_rubrique4_text2
{
	position: absolute;
	top: 80px;
	left: 250px;
	width: 490px;
}

.tab_carre_legende
{
	border-collapse: collapse;
	font-size: 11px;
	border: 0px solid #fff;
	margin: 8px 0px 0px 5px;
}

.td_carre_legende
{
	width: 15px;
	height: 10px;
	background-color: #f4e39f;
	border: 1px solid #000;
}

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

#div_footer
{
	float: left;
	width: 100%;
	margin-top: 5px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #000;
}

.p_footer
{
	text-align: center;
	margin: 5px 0px 5px 0px; 
	font-size: 10px;
	color: #000;
}

/*********************************************************************************/
/************************************ Contact **************************************/
/*********************************************************************************/

#div_contact1
{
	position: absolute;
	top: 135px;
	left: 30px;
	width: 220px;
	height: 85px;
	background: transparent url(/images/site/opacity.png) repeat top left;
}

#div_contact2
{
	position: absolute;
	top: 125px;
	left: 300px;
	width: 410px;
	height: 285px;
	background: transparent url(/images/site/opacity.png) repeat top left;
}

#div_contact_fond
{
	background: transparent url(/images/site/titre_contact.png) no-repeat top left;
}


.verif_contact
{
	border: 0px solid #000;
	width: 13px;
	height: 13px;
	margin-left: 5px;
	position: relative;
	background-repeat: no-repeat;
	background-position: top left;
}

#tab_contact
{
	border: 0px solid #000;
	border-collapse: collapse;
	margin-top: 20px;
}

.img_code
{
	margin: 0px 3px 0px 3px;
}

.input_Text1, .input_Text2, .input_Textarea1, .input_button1
{
	border: 1px solid #6d599e;
	font-family: verdana;
	font-size: 11px;
}

.input_Text1
{
	padding: 2px;
	width: 300px;
}

.input_Text2
{
	padding: 2px;
	width: 40px;
	text-align: center;
}

.input_Textarea1
{
	width: 300px;
	height: 120px;
}

.input_button1
{
	padding: 1px;
	margin: 2px;
}