/***************************/
/* STYLE DU FRAME DE PAGE */
/***************************/

body {
	text-align: -moz-center;
	!text-align: center;
	background-repeat: repeat-x;
	margin: 0;
}

h1:first-letter {
	font-size: 24px;
	color: #800000;
	font-family: verdana,geneva;	
}


H1 {
	float: left; 
	margin-bottom: 0; 
	text-align: left; 
	font-size: 20px; 
	font-family: geneva;
	margin-top: 22px;
	font-variant: small-caps;
}

p{
	text-align: justify;
	font-size: 16px;
}

.presentation { float: left; width: 500px; }

.presentation ul { margin: 0; padding: 0;clear: both; display: block; height: 200px;}
.presentation ul li {clear: both; margin: 0;}

.parProduitsServicesTop {
	margin-top: 10px;
	float: left;
	width: 600px;
}

.parProduitsServices {
	float: left; 
	width: 200px; 
	margin-top: 15px;
}

.parBlockGaucheTechnique {
	float: left; 
	text-align: left; 
	font-weight: bold;
}

.parBlockDroiteTechnique {
	float: left; 
	text-align: left; 
	margin-left: 28px;
}

.parRecommandation {
	width: 300px; 
	float: left; 
	margin-top: 60px;
}

.parHistoire1 {
	margin-top: 35px; 
	width: 600px; 
	float: left;
}

.parHistoire2 {
	float: left; 
	width: 300px; 
	border-left: 1px dotted gray; 
	margin-left: 10px; 
	padding-left: 15px; 
	margin-top: 30px;
}

.parHistoire3 {
	margin-top: 65px; 
	width: 500px;
}

.parHistoire4 {
	margin-top: 25px; 
	float: left; 
	width: 350px; 
	padding-right: 15px; 
	border-right: 1px dotted gray;
}

.parContact {
	margin-top: 30px;
	font-size: 18px;
	float: left;
	width: 400px;
	border-left: 1px dotted gray;
	padding-left: 10px;
	padding-top: 60px;
	height: 220px;
}

li {
	list-style: none;
	margin-top: 15px;
	float: left;
	text-align: center;
}

#mainframe {
	width: 1000px;
	_margin-left: 10px;
	
}

#header {
	background-image: url("design/DeckingBeauce Recouvrement patios Quebec.jpg");
	float: left;
	width: 950px;
	height: 198px;
	text-align: right;
	color: #605133;
	font-size: 18px;
	background-repeat: no-repeat;
}

#header img {
	margin-top: 61px;
}

.offset {
	position: absolute; top: -9999px; left: -9999px; border: 1px solid white;
}

#menu {
	width: 156px;
	height: 500px;
	float: left;
	font-size: 16px;
	font-family: Century Gothic;
	font-variant: small-caps;
	margin-left: 4px;
}

#content {
	width: 800px;
	height: 607px;
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	_margin-left: 10px;
}

#Galleries_Photos { }

.imgArrow { height: 28px; width: 24px; margin-top: 9px; margin-left:5px;float: left; }

#div_choix_couleur {
	float: left;
	margin-left: 7px;
	margin-top: 7px;
}

#div_encadre {
	float: left;
	background-image: url('design/decking_beauce_background.jpg'); 
	padding: 15px; 
	border: 1px solid gray;
}

#divDetailsConstruction {
	float: left;
	width: 300px;
	padding-top: 55px;
	margin-top: 10px;
	margin-left: 30px;
}

#div_pratique_standard {
	float: left; 
	width: 350px; 
	padding-right: 15px; 
	border-right: 1px dotted gray; 
	margin-top: 40px;
}

#div_solution_decking {
	float: left; 
	width: 350px; 
	margin-left: 15px; 
	margin-top: 40px;
}

#div_block_standard {
	height: 120px; 
	padding-left: 10px; 
	padding-top: 10px; 
	background-color: #e5e4e1;
	border: 1px dotted gray;
	margin-top: 10px;
}

#div_block_decking {
	height: 120px; 
	padding-left: 10px; 
	padding-top: 10px;
	margin-top: 10px;
}

#div_caracteristiques_decking {
	float: left; 
	border-right: 1px dotted gray; 
	padding-right: 15px; 
        width: 430px;
}

#div_40_millieme {
	float: left; 
	width: 350px; 
	padding-top: 20px; 
	margin-top: 50px;
}

#div_60_millieme {
	float: left; 
	margin-left: 30px; 
	padding-top: 20px; 
	height: 230px; 
	padding-left: 30px; 
	border-left: 1px dotted gray; 
	width: 350px; 
	margin-top: 50px;
}

#div_nettoyage {
	float: left; 
	width: 350px; 
	margin-left: 30px; 
	padding-left: 30px; 
	border-left: 1px dotted gray;
}

#div_ecoulement_exemple {
	float: left; 
	text-align: left;
}

#div_brin_histoire {
	float: left; 
	width: 410px; 
	margin-top: 15px; 
	text-align: center;
}

/********************/
/* STYLE DES LIENS */
/*******************/

li a {
	color: #1a29a0;
	text-decoration: none;
}

li a:Hover {
	color: #7895BF;
	text-decoration: none;
}

a.contactLink {
	color: #fff;
	text-decoration: nonse;
	float: left;
	background-color: #205ba1;
	margin-top: 10px; 
	margin-left: 167px;
	height: 20px;
	padding: 5px 5px 0 5px;
	text-decoration: none; 
	font-size: 15px;
}

a.contactLink:Hover {
	text-decoration: underline;
}

.imgTelephone { float: left; border :0; width: 34px;  margin-left: 10px; }

.voir_gallerie_link:Link {
	font-size: 18px;
	!font-size: 16px;
	color: #5f2f2f;
	font-family: verdana;
	font-variant: small-caps;
	font-weight: bold;
}

.voir_gallerie_link:Visited {
	font-size: 18px;
	!font-size: 16px;
	color: #5f2f2f;
	font-family: verdana;
	font-variant: small-caps;
	font-weight: bold;
}

.voir_gallerie_link:Hover {
	font-size: 18px;
	!font-size: 16px;
	color: #5f2f2f;
	font-family: verdana;
	font-variant: small-caps;
	font-weight: bold;
}

.liens_interne:Link {
	text-decoration: none;
}

.liens_interne:Visited {
	text-decoration: none;
}

.liens_interne:Hover {
	text-decoration: none;
	color: #706244;
}

.mailto:Link {
	text-decoration: none;
	color: blue;
}

.mailto:Visited {
	text-decoration: none;
	color: blue;
}

.mailto:Hover {
	text-decoration: none;
	color: #800000;
}


/**********************/
/* STYLE DES IMAGES */
/**********************/

.imgPresentDecking {
	float: left;
	margin-left: 25px;
	margin-top: 65px;
	width: 260px;
	height: 150px;
}

.imgContact {
	margin-top: 45px;
	float: left; 
	width: 370px; 
	border: 1px solid black;
	margin-right: 15px;
}

.imgEntretien {
	float: left; 
	width: 300px; 
	margin-top: 25px; 
}

.imgCaracteristiqueDecking {
	float: left; 
	width: 300px; 
	margin-left: 20px; 
	margin-top: 80px;
}

.imgEcoulementDecking {
	width: 400px; 
	margin-top: 10px;
}

.imgModeleBrique {
	float: left;
	margin-left: 55px; 
	margin-top: 10px; 
	width: 600px;
}

.imgDetailTechniqueDecking {
	width: 800px;
}

.imgHistoire1 {
	width: 400px; 
	margin-top: 20px;
}

.imgHistoire2 {
	float: left; 
	margin-left: 15px; 
	width: 350px; 
	margin-top: 35px;
}

.imgDetailsConstruction {
	float: left;
	margin-top: 10px;
}

.imgChoixEpaisseur {
	float: left; 
	width: 250px; 
	margin-top: 15px;
}

.imgProduitsServices {
	float: left; 
	margin-left: 15px; 
	width: 96px; 
	border: 1px solid black;
}

.decking_photo {
	float: left;
	border: 0;
}

.choix_couleur {
	width: 100px; 
	height: 100px;
}