p, h1, h2, h3, h4, ul, img, div {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Verdana", Arial, serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	background: #000000;
}

div#page {
	width: 870px;
	margin: 0 auto;
}


/*###############################
#								#
#	DIVERS						#	
#								#
#################################*/	


a {	text-decoration: none; }
img { border:0; }
.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.underline { text-decoration: underline; }
.bold { font-weight: bold; }
.normal {font-weight: normal; }
.italic { font-style: italic; }
.inline { display: inline; }
.block { display: block; }
.clear { clear: both; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }
.error { border: 1px solid #ff0000; }
.center { text-align: center; }
.alignCenter { text-align: center; }
.left { text-align: left; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.block { display: block; }
.inline { display: inline }


/*###############################
#								#
#	HAUT						#	
#								#
###############################*/	
	
div#haut {
	width: 860px; /* 860 */
	height: 83px; /* 83 */
	/*padding: 12px 4px 0 4px;*/
	background: #ffffff;
	border-bottom: 3px solid #fe7900;
}

	div#haut a#logo {
		float: left;
		width: 427px;
		height: 83px;
	}

	div#haut div#menu_haut {
		float: right;
		width: 250px;
		height: 83px;
		padding-right: 5px;
	}
	
		div#menu_haut ul {
			list-style-type: none;
		}
		
			div#menu_haut ul.ulniveau1 li {
				display: block;
				float: left;
				background: url("images/menuH-borderLi.gif") right 0 no-repeat;
			}
			
					div#menu_haut ul.ulniveau1 li.btn_1 { border-right: 1px solid #f33f00; }
					div#menu_haut ul.ulniveau1 li.btn_2 { border-right: 1px solid #616161; }
			
				div#menu_haut ul.ulniveau1 li a {
					display: block;
					padding: 38px 10px 5px 10px;
					font-size: 11px;
					font-weight: bold;
					color: #616161;
				}
				
						div#menu_haut ul.ulniveau1 li.btn_1 a { color: #f33f00; }
						div#menu_haut ul.ulniveau1 li.btn_2 a { color: #616161; }
						div#menu_haut ul.ulniveau1 li.btn_3 a { color: #616161; }
				
					div#menu_haut ul.ulniveau1 li a:hover {
						color: #f54900;
					}
					
										
/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/
	
div#conteneur {
	position:relative;
	clear: both;
	width: 870px;
	padding-bottom:73px;
	/*padding: 13px 4px 0 4px;*/
	background: url("images/conteneur-fond.gif") 0 0 repeat-y;
}

	
/*###############################
#								#
#	GAUCHE						#
#								#
###############################*/
	
div#gauche {
	position: relative;
	float: left;
	width: 317px; /* 317 */
}
				
/* MENU */
div#gauche ul {
	list-style-type: none;
}

div#gauche ul.ulGn1 {
	width: 271px;
	padding: 0 32px 9px 14px;
	background-position: 0 bottom;
	background-repeat: no-repeat;
	background-image: url("images/ulGn1_fond.gif");
}

	div#gauche ul.ulGn1 li {
		position: relative;
	}
	
			div#gauche ul.ulGn1 li.borderLi {
				border-bottom: 2px solid #515151;
			}
	
		div#gauche ul.ulGn1 li a {
			display: block;
			width: 229px; /* 271 */
			font-size: 11px;
			padding: 9px 0 9px 42px;
			background-position: 0 8px;
			background-repeat: no-repeat;
			background-image: url("images/puce_aGn1.gif");
		}
		
			div#gauche ul.ulGn1 li a, div#gauche ul.ulGn1 li a.out {
				color: #a3a3a3;
			}
			
			div#gauche ul.ulGn1 li a:hover, div#gauche ul.ulGn1 li a.over {
				color: #f54900;
			}
		
				div#gauche ul.ulGn1 li#liN1_1 a {
					color: #f54900;
					padding: 21px 0 10px 42px;
					background-position: 0 0;
					background-repeat: no-repeat;
					background-image: url("images/puce_aGn1_1.gif");
				}

/* ---------- Sous-menu ---------- */

div#gauche ul.ulGn2 {
	position: absolute;
	top: -2px;
	left: 271px;
	width: 180px;
	display: none;
	background-image: none;
	background: #000000;
	border: 2px solid #515151;
	padding: 7px;
}

	div#gauche ul.ulGn2 li {
		border: 0;
	}

		div#gauche ul.ulGn2 li a {
			width: 168px; /* 180 */
			padding: 4px 0 4px 12px;
			background-position: 0 7px;
			background-repeat: no-repeat;
			background-image: url("images/puce_titreN2.gif");
		}
		

/* BLOCKS */
div#gauche div#block div.block {
	width: 282px; /* 317 */
	padding: 10px 15px 0 20px;
}


/*###############################
#								#
#	CONTENU						#
#								#
###############################*/
	
div.contenu {
	float: left;
	width: 543px;
	padding-bottom: 10px;
}

	/* TRACKER */
	div.tracker {
		width: 525px; /* 543 */
		height: 24px; /* 44 */
		padding: 20px 0 0 18px;
		background: url("images/tracker-fond.jpg") 0 0 no-repeat;
	}
	
			div#trackerIndex {
				padding: 10px 0 10px 18px;
				background: url("images/trackerIndex-fond.jpg") 0 0 no-repeat;
			}
		
		div.tracker, div.tracker span, div.tracker a, div#cms div.tracker, div#cms div.tracker span, div#cms div.tracker a {
			font-size: 11px;
		}
		
			div.tracker, div.tracker a, div#cms  div.tracker, div#cms  div.tracker a {
				color: #ffffff;
			}
			
			div.tracker span, div#cms  div.tracker span {
				color: #a3a3a3;
			}
		
				div.tracker a:hover, div#cms div.tracker a:hover {
					color: #F54900;
					text-decoration: underline;
				}
				
	div.contenu div.h1 {
		font-family: "Arial", Verdana, serif;
		font-size: 18px;
		font-weight: bold;
		color: #ff7e00;
		padding: 0 0 10px 22px;
		margin: 10px 0 0 18px;
		background: url("images/puce_h1.gif") 0 4px no-repeat;
	}
	
/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
	div#bas {
		position: absolute;
		left:0;
		bottom:0;
		width: 960px;
		padding: 15px 0 30px 0;
		text-align: center;
		border-top: 2px solid #515151;
		background-color:#000;
	}



	div#bas, div#bas span, div#bas a {
		color: #616161;
		font-size: 11px;
	}
	
	div#bas a.calculateur{
	color:#FF0000;
	font-weight:bold;
	}
		div#bas a:hover {
			text-decoration: underline;
		}

	
/*###############################
#								#
#	INDEX						#
#								#
###############################*/

div#index {
	padding-bottom: 0;
}

	div#indexG {
		float: left;
		width: 532px;
		border-right: 2px solid #515151;
	}
	
	div#indexD {
		float: left;
		width: 326px;
		height: 50px;
	}
	
	div#block div.block {
		width: 291px; /* 326 */
		padding: 10px 15px 0 20px;
	}
	
		div#block div#block1 {
			height: 93px; /* 103 */
			background: url("images/G_block1-fond.gif") 0 0 repeat-x;
		}
		
		div#block div#block2 {
			height: 77px; /* 87 */
			border-bottom: 2px solid #515151;
		}
		
		div#block div#block3 {
			height: 98px; /* 108 */
			border-bottom: 4px solid #515151;
		}
		
		div#block div#block4 {
			height: 98px; /* 108 */
			background: #ff7e00;
		}
		
		div#block div.block div.titre {
			background-position: 0 3px;
			background-repeat: no-repeat;
			padding: 0 0 5px 22px;
		}
		
			div#block div.block div.titre a {
				font-family: "Arial", Verdana, serif;
				font-size: 18px;
				/*font-weight: bold;*/
			}
		
				div#block div#block1 div.titre { background-image: url("images/puce_block1.gif"); color: #f33f00; }
					div#block div#block1 div.titre a { color: #f33f00; }
				div#block div#block2 div.titre { background-image: url("images/puce_block2.gif"); color: #ffffff; }
					div#block div#block2 div.titre a { color: #ffffff; }
				div#block div#block3 div.titre { background-image: url("images/puce_block3.gif"); color: #ff7e00; }
					div#block div#block3 div.titre a { color: #ff7e00; }
				div#block div#block4 div.titre { background-image: url("images/puce_block4.gif"); color: #ffffff; }
					div#block div#block4 div.titre a { color: #ffffff; }
			
			div#block p.lien {
				text-align: right;
				padding-top: 5px;
			}
			
					div#block1 p.lien {
						padding-top: 15px;
					}
			
				div#block p.lien a {
					color: #ffffff;
					font-weight: bold;
					padding-right: 12px;
					background-position: right 4px;
					background-repeat: no-repeat;
				}
				
					div#block1 p.lien a { background-image: url("images/puce_lien-b1.gif"); background-position: right 6px; padding-right: 15px; font-size: 16px; }
					div#block2 p.lien a, div#block3 p.lien a { background-image: url("images/puce_lien-b2.gif"); }
					div#block4 p.lien a { background-image: url("images/puce_lien-b4.gif"); }
					
						div#block p.lien a:hover { text-decoration: underline; }

		
/*###############################
#								#
#	CMS							#
#								#
###############################*/

div#cmsBlock {
	float: left;
	width: 460px; /* 543 */
	padding: 0 40px 0 43px;
}

/* LES TITRES */

	div#cms div.h2 {
		font-family: "Arial", Verdana, serif;
		font-size: 16px;
		font-weight: bold;
		color: #ff7e00;
		padding: 0 0 5px 10px;
		margin-top: 10px;
		background: url("images/puce_titreN1.gif") 0 4px no-repeat;
	}
	
	div#cms div.h3 {
		font-family: "Arial", Verdana, serif;
		font-size: 11px;
		font-weight: bold;
		color: #ff7e00;
		padding: 0 0 5px 10px;
		margin-top: 10px;
		background: url("images/puce_titreN2.gif") 0 3px no-repeat;
	}
	
	div#cms div.h4 {
		font-size: 11px;
		font-weight: normal;
		color: #ff7e00;
		padding: 5px 0 0 20px;
	}

/* DIVERS COMMUN */

	div#cms a {
		color: #F54900;
		font-size: 12px;
		text-decoration: underline;
	}
	
		div#cms a:hover {
			color: #ffffff;
		}
	
	div#cms q {
		display: block;
		text-align: center;
		font-size: 11px;
		padding-top: 5px;
	}
	
	div#cms ul {
		padding-left: 15px;
		list-style-type: none;
	}
	
			div#cms ul li {
				background: url(images/puce_titreN2.gif) no-repeat scroll 0 3px;
				padding-left: 15px;
				margin: 4px 0;
			}
			
	
	/* NEW */
	div#cms .accroche, div#cms .texte, div#cms .texte2, div#cms .texte3 {
		line-height: 15px;
		color: #ffffff;
		text-align: justify;
		padding: 5px 0;
	}
	
	div#cms .accroche {
		font-weight: bold;
	    padding: 0 0 10px 0;
	}
	
	div#cms .media {
		padding: 10px 0;
		text-align: center;
	}
	
		div#cms .media img {
			border: 2px solid #515151;
		}
	
	div#cms .texte2 {
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	
	div#cms .texte3 {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	
	div#cms .last {
		margin-right: 0;
	}
	
	div#cms .left {
		float: left;
		margin: 0 10px 10px 0;
		text-align: center;
	}
	
	div#cms .right {
		float: right;
		margin: 0 0 10px 10px;
		text-align: center;
	}
	
	/* COMPLEMENT INFO */
	div#complInfo {
		padding-top: 30px;
	}
	
		div#complInfo div.titre {
			font-size: 14px;
			font-weight: bold;
			color: #F54900;
			padding-bottom: 5px;
			margin-bottom: 10px;
			border-bottom: 2px solid #F54900;
		}
		
			div#complInfo div.titre span {
				text-decoration: underline;
			}
			

/*###############################
#								#
#	CONTACT						#
#								#
###############################*/
	
	div#contact form {
		padding-top: 20px;
	}
	
	div#contact form div {
		text-align: right;
		margin-top: 4px;
		width: 350px;
	}
	
		div#contact form div.marginTop20 {
			margin-top: 20px;
		}
		
		div#contact form div.marginBottom20 {
			margin-bottom: 20px;
		}
	
	div#contact form p.s1 {
		float: left;
		text-align: right;
		margin-top: 4px;
		width: 248px;
	}
	
	div#contact label {
		cursor: pointer;
	}
	
	div#contact input.txt, div#contact textarea {
		padding: 3px;
		width: 180px;
		vertical-align: middle;
	}
	
	div#contact select {
		padding: 2px;
		width: 188px;
	}
	
	div#contact input.txt, div#contact textarea, div#contact select {
		border: 1px solid #FF7E00;
	}
	
	div#contact input.txt {
		height: 14px;
		background-image: url("images/input-fond.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: #ffffff;
		margin-left: 5px;
	}
	
	div#contact textarea {
		height: 70px;
		background-image: url("images/textarea-fond.gif");
		background-position: left bottom;
		background-repeat: repeat-x;
		background-color: #ffffff;
		overflow-y: auto;
		overflow-x: hidden;
		margin-left: 5px;
	}
	
	div#contact input.error, div#contact textarea.error {
		border: 1px solid #ff6666;
		background-image: none;
		background-color: #fde4e4;
	}
	
	div#contact div.fondBleu {
		padding: 12px 25px 12px 0;
		background: #d5e2f0;
	}
	
	div#contact div#btn_envoyer {
		margin: 20px 0;
	}
	
		div#contact div#btn_envoyer input {
			margin-left: 5px;	
		}