/* 
Feuille de style Imerys toiture 
Date creation : le 16/08/2007
Sommaire
1 - ELEMENTS HTML
2 - CLASSES UTILES
3 - STRUCTURE
	3.1 - gabarit 1 (gab1)
	3.2 - gabarit 2 (gab2)

*/

/* 
1 - ELEMENTS HTML
Styler ici les elements HTML qui doivent 
avoir la meme apparence sur l ensemble du site
*/

/* */
html {
	font-size: 62.0%;
	line-height: 1.2;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #333;
}
html, body,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	font-family: "Trebuchet MS", "Times New Roman", Times, sans-serif;
	color: #49519a;
	font-weight: normal;
}
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h2.textTitle { 
	font-size: 1.5em;
	font-family: "Trebuchet MS", "Times New Roman", Times, sans-serif;
	color: #49519a;
	font-weight: normal;
}


h2.textTitle2 { font-size: 1.5em; }
h3 { font-size: 1.6em; }
h4, h5, h6 { font-size: 1.4em; }
a {
	text-decoration: none;
	color: #333;
}

img { border: 0 none; }
dl, ol, ul, p, blockquote, pre, table, form {
	margin: 0.7em 0;
	padding: 0;
	font-size: 1.2em;
}
ol, ul, dd, blockquote {
	margin-left: 20px;
	margin-right: 20px;
}
dt {
	font-weight: bold;
}
ol, ul {
	list-style-position: inside;
}
blockquote {
	font-style: italic;
	font-size: 1em;
}
blockquote p {
	margin: 0.2em 0;
}

/* Liens */
a:link {

}
a:visited {

}
a:focus {

}
a:hover {
	background-color: #ff4900;
	color: #fff;
}
a:active {
	
}

a:link {

}
a:visited {

}
a:focus {

}
a:hover {
	background-color: #ff4900;
	color: #fff;
}

/* Lien plan du site */
a.sitemap:link {
	color: #fff;

}
a.sitemap:hover {
	background-color: #11204b;
	color: #fff;
}
a.sitemap:visited {
	background-color: #11204b;
	color: #fff;
}
/* 
2 - CLASSES UTILES
Styler certains elements selon le contexte :

- "clearer" sert ŕ rétablir le flux apres les flottements a gauche ou a droite.
- "puce" a mettre les chevrons devant les listes
- "zero" a supprimer les marges et retraits des liste dites de presentation.

Les listes comprises dans le contenu s'utilisent normalement sans classe ni identifiant.
*/
.clearer {
	overflow: hidden;
	height: 1%;
}
ul.puces, ul.zero {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.puces li { /* lteie6*/
	padding-left: 17px;
	background: transparent url(/img/puces.png) no-repeat 0 5px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
/* 
3 - STRUCTURE
Les pages partagent des elements qui possedent des valeurs communes
et d'autres qui sont specifiques a un gabarit.

*/

/* Elements communs */
#wrapper {
	position: relative;
	width: 957px;
	height: 800px;
	margin: 0 auto;
	border: 1px solid #11204b;
}
	#content {
		position: absolute;
		top: 190px;
	}
/* /Elements communs */

	/*
	3.1 - gabarit 1 (gab1)
	*/
		/* colonne gauche */
		.gab1 #colLeft {
			width: 475px;
			float: left;
			padding-left: 57px;
			padding-right: 25px;
		}

			.gab1 #colLeft .imgTitle {
				float: left;
				margin-right: 20px;
			}
			.gab1 #colLeft .textTitle {
				float: left;
				margin-top: 20px;
			}
		.gab1 #colLeft ul.puces {
			margin-top: 3em;
		}
		
		/* colonne droite */
		.gab1 #colRight {
			width: 399px;
			float: right;
		}
			.gab1 #colRight #coloris { /* ul */
				margin-top: 4px;
				margin-bottom: 1em;
			}
			.gab1 #colRight #coloris li {
				width: 95px;
				float: left;
				text-align: center;
				margin: 0 4px 8px 0;
			}
				.gab1 #colRight #coloris li img {
					display: block;
					margin: 0 0 4px 0;
				}
				.gab1 #colRight #coloris li span {
					display: block;
					font-size: 0.8em;
					line-height: 1;
				}
			.gab1 #colRight #realisations { /* ul */
				margin: 4px 0 0 0;
			}
			.gab1 #colRight #realisations li {
				width: 195px;
				float: left;
				margin: 0 4px 8px 0;
			}

	/*
	3.2 - gabarit 2 (gab21)
	*/
		/* colonne gauche */
		.gab2 #colLeft {
			width: 600px;
			float: left;
			padding-left: 57px;
			padding-right: 5px;
		}
		
		/* colonne droite */
		.gab2 #colRight {
			width: 275px;
			float: right;
			clear: right;
		}
			.gab2 #colRight ul.puces {
				margin-top: 3em;
			}
	
	/* Elements communs */
	#footer {
		width: 957px;
		height: 16px;
		background-color: #11204b;
		position: absolute;
		bottom: 0;
	}
		#footer p {
			margin: 0;
			color: #fff;
			line-height: 16px;
			text-align: center;
		}
	#header {
		width: 955px;
		height: 176px;
		position: absolute;
		top: 1px;
		left: 2px;
		/*background: url(img/flash.jpg) no-repeat 0 0;*/
	}
	/* /Elements communs */