/* GENERAL */ 
body {
	background-color: #fff;
	margin : 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fff;
	line-height:14px;
	background-color:#fff;
}
a:link {
	color: #fff;
}
a:visited {
	color: #fff;
}
a:hover {
	background-color: #fff;
	text-decoration:none;
	color:#333;
}

h3 {
	margin:17px 20px 7px 20px;
	font-size: 12px;
	color: #fff;
}

h3:hover {
	text-decoration:none;
}

/* BLOCS DE MISE EN PAGE */
#conteneur {
	position:absolute;
	width:930px;
	height:530px;
	left:50%;
	top:50%;
	margin-left:-465px;
	margin-top:-265px;
}

#colonneGauche {
	width:300px;
	height:470px;
	position:absolute;
	left:0px;
	top:0px;
	background-image:url(images/bg_ColGauche.gif);	
}

#colonneGauche #titre {
	width:300px;
	height:20px;
	position:absolute;
	left:0px;
	top:158px;	
}

#colonneGauche #txt {
	width:300px;
	height:256px;
	position:absolute;
	left:0px;
	top:195px;
	overflow:auto;
	padding-top:5px;
	scrollbar-3dlight-color : #302f2d;/* couleur pour les effets de relief */
	scrollbar-arrow-color : #6b6b6b; /* couleur pour les pointeur de défilement */
	scrollbar-darkshadow-color :#0f0f0f ; /* couleur pour les ombres */
	scrollbar-face-color : #302f2d; /* couleur pour la surface */
	scrollbar-highlight-color : #3a3a3a; /* couleur pour le bord haut et le bord gauche */
	scrollbar-shadow-color : #1d1d1d; /* couleur pour le bord droit et le bord du bas */
	scrollbar-track-color : #302f2d; /* couleur pour la barre de défilement non cachée par le pointeur de défilement */
	}
	
#colonneGauche #txt p {
	margin:0px 10px 10px 20px;
}

#colonneGauche #txt ul {
	margin-top:-5px;
}

#colonneGauche #txt ul.special {
	margin-top:0px;
}

#colonneGauche #txt li {
	list-style-position:outside;
	list-style-type:square;
	margin:0 5px 3px -4px;
}

#colonneGauche #txt h5 {
	margin:0 0 10px 20px;
}

#colonneCentre {
	margin-left:10px;
	width:410px;
	height:470px;
	position:absolute;
	left:300px;
	top:0px;
}

#colonneDroite {
	background-image:url(images/bg_colDroite.gif);
	position:absolute;
	left:730px;
	top:0px;
	width:200px;
	height:470px;
}

#colonneDroite #thumbs {
	width:180px;
	height:265px;
	position:absolute;
	left:0px;
	top:185px;
	overflow:auto;
	margin-left:20px;
	scrollbar-3dlight-color : #302f2d;/* couleur pour les effets de relief */
	scrollbar-arrow-color : #6b6b6b; /* couleur pour les pointeur de défilement */
	scrollbar-darkshadow-color :#0f0f0f ; /* couleur pour les ombres */
	scrollbar-face-color : #302f2d; /* couleur pour la surface */
	scrollbar-highlight-color : #3a3a3a; /* couleur pour le bord haut et le bord gauche */
	scrollbar-shadow-color : #1d1d1d; /* couleur pour le bord droit et le bord du bas */
	scrollbar-track-color : #302f2d; /* couleur pour la barre de défilement non cachée par le pointeur de défilement */
	}

#colonneDroite #thumbs img {
	margin:0 10px 10px 0px;
}

/* FOOTER */
#footer {
	position:absolute;
	left:0px;
	top:480px;
	width:930px;
	height:50px;
	background-color:#1d1d1d;	
}

#footer p {
	color:#999;
	font-size:10px;
	margin:18px 0 0 20px;
}

#footer a, #footer a:visited, #footer a:active {
	text-decoration:underline;
	color:#999;
	font-size:10px;
}

#footer a:hover {
	text-decoration:none;
	background-color:#999;
	color: #000;
}

/* MENU */

#m_alu, #m_pvc, #m_bois, #m_veranda {
	background-image:url(images/bg_menu.gif);	
	height:38px;
	width:200px;
	position:absolute;
	left:0px;
}

#m_alu {
	top:0px;
}

#m_pvc {
	top:39px;
}

#m_bois {
	top:78px;
}

#m_veranda {
	top:117px;
}

#m_aluActive, #m_pvcActive, #m_boisActive, #m_verandaActive {
	background-image:url(images/bg_menuActive.gif);	
	height:38px;
	width:200px;
	position:absolute;
	left:0px;
}

#m_aluActive {
	top:0px;
}

#m_pvcActive {
	top:39px;
}

#m_boisActive {
	top:78px;
}

#m_verandaActive {
	top:117px;
}

#m_alu h3, #m_pvc h3, #m_bois h3, #m_veranda h3, #m_aluActive h3, #m_pvcActive h3, #m_boisActive h3, #m_verandaActive h3 {
	margin-top:13px;
}


/* HOMEPAGE */
#colonneDroiteHome {
	position:absolute;
	left:730px;
	top:0px;
	width:200px;
	height:470px;
}

#colonneDroiteHome #alu {
	position:absolute;
	left:0px;
	top:0px;
	width:200px;
	height:110px;
	background-image:url(images/hm_bgCategorie.gif);
	float:left;
}

#colonneDroiteHome #pvc {
	position:absolute;
	left:0px;
	top:120px;
	width:200px;
	height:110px;
	background-image:url(images/hm_bgCategorie.gif);
}

#colonneDroiteHome #bois {
	position:absolute;
	left:0px;
	top:240px;
	width:200px;
	height:110px;
	background-image:url(images/hm_bgCategorie.gif);
}

#colonneDroiteHome #veranda {
	position:absolute;
	left:0px;
	top:360px;
	width:200px;
	height:110px;
	background-image:url(images/hm_bgCategorie.gif);
}

#colonneDroiteHome #pvc p, #colonneDroiteHome #alu p, #colonneDroiteHome #bois p, #colonneDroiteHome #veranda p{
	margin:0px 20px 0px 20px;
}