* {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #313131;
	background-color: #eeeeee;
}

div.page {
	width: 960px;
	background: url('images/bodyFond.png') center 0 repeat-y;
	padding: 0 15px;
	margin: 10px auto;
}

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

ul { list-style-type: none; }
a {	text-decoration: none; }
img { border:0; }

.alignTop { vertical-align: text-top; }
.alignBottom { vertical-align: text-bottom; }
.alignMiddle  { vertical-align: middle; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }
.alignCenter { text-align: center; }

.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; }
.clear2 { clear: both; height: 1px; font-size: 1px; }
.spanClear { display: block; clear: both; font-size: 1px; height: 1px; }
.floatLeft { float: left; }

.error { border: 1px solid #ff0000; }

/********** ESPACEMENTS *************/

.padT10 { padding-top: 10px; }
.padT13 { padding-top: 13px; }

/********** COULEURS ****************/

.color1 { color: #ffffff; } /* Blanc */
.color2 { color: #000000; } /* Noir */


/* ####################
#                     #
#     	HAUT		  #
#                     #
##################### */

div#haut {
	width: 960px;
	height: 280px;
	background: url("images/bandeau2.gif") 0 0 no-repeat;
}

	div#haut div.blockGauche { 
		float: left;
		width: 351px;
	}

		div#haut div.blockGauche  a#logo {
			display: block;
			width: 351px;
			height: 218px;
			cursor: pointer;
		}

			div#haut div.blockGauche  a#logo img {
				border: 0;
			}
			
		div#haut div.blockGauche  div#devis {
			background: url("images/devis-fond.gif") 0 0 no-repeat;
			width: 227px;
			height: 53px;
			text-align: center;
			margin: 1px 0 0 17px;
		}

			div#haut div.blockGauche  div#devis a {
				display: block;
				height: 53px;
				width: 227px;
				color: #224873;
			}

				div#haut div.blockGauche  div#devis a:hover {
					text-decoration: none;
				}

					div#haut div.blockGauche  div#devis span.s1 {
						font-size: 18px;
					}

					div#haut div.blockGauche  div#devis span.s2 {
						font-size: 12px;
					}
	
	div#haut div.blockDroite { 
		float: left;
		width: 557px; 
		padding: 180px 0 0 0;
	}
	
		div#haut div.blockDroite p#baseline1 {
			font-family: trebuchet MS;
			font-size: 24px;
			font-weight: bold;
			color: #ffffff;
			text-align: center;
			text-transform: uppercase;
		}
		
		div#haut div.blockDroite p#baseline2 {
			font-family: trebuchet MS;
			font-size: 28px;
			font-weight: normal;
			color: #000000;
			text-align: center;
			letter-spacing: 3px;
			line-height: 20px;
			background: url("images/baseline2Fond.png") center 52px no-repeat;
			padding: 16px 0 7px 0;
		}
		
			div#haut div.blockDroite p#baseline2 span {
				font-size: 20px;			
				letter-spacing: normal;
			}

	

/* ---------- Menu ---------- */
div#menu_haut {
	z-index: 99;
	position: relative;
	width: 960px;
	height: 41px;
	background: url("images/menu-fond.gif") top left repeat-x;
}

	div#menu_haut ul {
		list-style-type: none;		
	}
	
	div#menu_haut ul.ulHn1 {
		padding: 0 0 0 46px;		
	}
	
		div#menu_haut ul.ulHn1 li {
			position: relative;
			display: block;
			float: left;
			text-align: center;
			background: url("images/menuLi-fond.gif") top left repeat-x;
		}
		
			div#menu_haut ul.ulHn1 li a {
				display: block;
				font-family: trebuchet MS;
				font-size: 14px;
				font-weight: bold;
				text-align: center;
				color: #ffffff;
				letter-spacing: 1px;
				background: url("images/menuLiA-fond.gif") top left repeat-x;
				padding: 0 18px 3px 18px;
				margin-left: 1px;
			}
			
				div#menu_haut ul.ulHn1 li a.ligne1 { padding: 10px 18px 11px 18px; margin-right: 1px; }
				
			div#menu_haut ul.ulHn1 li a:hover { 
				color: #224873;
				background: url("images/menuLiAHover-fond.gif") top left repeat-x; 
			}
		
				/* Niveau 2 */
		
				div#menu_haut ul.ulHn1 li ul.ulHn2 {
					position: absolute;
					display: none;
					border: 1px solid #a5a5a5;
					background-color: #d7f4b9;	
					padding: 5px 0;
					top: 39px;
					left: -10px;
				}
				
					div#menu_haut ul.ulHn1 li ul.ulHn2 li {
						display: inline;				
						background-image: none;
						text-align: left;
					}
				
						div#menu_haut ul.ulHn1 li ul.ulHn2 li a {
							display: block;
							width: 129px; /*169*/
							font-family: arial;
							font-size: 12px;
							font-weight: normal;
							text-align: left;
							color: #224873;
							text-transform: none;
							background: url("images/fleche_blanche.gif") 10px 8px no-repeat; 
							padding: 5px 14px 5px 26px;
						}
						
						div#menu_haut ul.ulHn1 li ul.ulHn2 li a:hover { text-decoration: none;}

			div#menu_haut ul.ulHn1 li:hover ul {
				display : block;
			}

/*###############################
#								#
#	CONTENEUR					#
#								#
###############################*/


div#conteneur {
	position: relative;
	width: 960px; /* 960px*/	
	background: #ffffff url("images/fond_gauche1.png") 0 0 repeat-y;
	padding-bottom: 70px;
}

/* #############################
#                              #
#   GAUCHE              	   #
#                              #
###############################*/

div#gauche {
	width: 269px;
	float: left;
}

	div#gauche div#gauche1 {
		background: url("images/gauche1.png") 0 bottom no-repeat;
		padding: 5px 0 20px 0;
	}
		
		/*niveau 1 */

		div#gauche ul.ulGn1 li {
			list-style-type: none;
		}

			div#gauche ul.ulGn1 li a {
				display: block;
				font-family: trebuchet MS;
				font-size: 12px;
				font-weight: bold;
				color: #3d7204;
				text-transform: uppercase;
				background: url("images/ulGn1Fond.png") 0 0 no-repeat;
				padding: 1px 0 1px 35px;
			}
			
			/*niveau 2*/
			
			div#gauche ul.ulGn1 li ul.ulGn2 {
				padding: 4px 0;
			}				

				div#gauche ul.ulGn1 li ul.ulGn2 li {
					list-style-type: none;
					display: block;
					}
					
					div#gauche ul.ulGn1 li ul.ulGn2 li a {
						font-family: arial;
						font-size: 12px;
						font-weight: bold;
						color: #4f4f4f;
						text-transform: none;
						border-bottom: 0;
						background: url("images/fleche-vert.gif") 44px 7px no-repeat;
						padding: 3px 0 3px 60px;
					}


	div#gauche div#gauche2 {
		background: url("images/encart_deroulement.png") 0 0 no-repeat;
		width: 264px;
		height: 241px;
	}
	
		div#gauche div#gauche2  p.petitblocH { 
			color: #ffffff; 			
			padding: 10px 14px 0 14px;
		}
		
			div#gauche div#gauche2 p.petitblocH span.titre {
				display: block;
				font-family: trebuchet MS;
				font-size: 18px;
				text-transform: uppercase;
				font-weight: normal;
				text-decoration: underline;
				padding-bottom: 5px;
			}
			
			div#gauche div#gauche2 p.petitblocH span.texte {
				display: block;
				font-family: arial;
				font-size: 16px;
				font-weight: normal;
				text-align: right;
				padding-right: 11px;
			}
			
			div#gauche div#gauche2 p.petitblocH a#link {
				display: block;
				font-family: arial;
				font-size: 12x;
				font-weight: bold;
				text-align: right;
				color: #c01a1a;
				background: url('images/lien-vert.png') 0 5px no-repeat;
				margin: 17px 0 9px 138px;
			}
			
				div#gauche div#gauche2 p.petitblocH a#link:hover { text-decoration: underline; }
				
		div#gauche div#gauche2 div.petitblocB {
			width: 260px;
			height: 60px;
			font-family: arial;
			font-size: 14px;
			font-weight: normal;
		}
		
			div#gauche div#gauche2 div.petitblocB a { 
				display: block;
				color: #224873;
				background: url('images/fleche_blanche.gif') 21px 15px no-repeat;
				padding: 12px 2px 12px 44px;
			}


/*###############################
#									#
#	CONTENU							#
#									#
###############################*/
	
div.contenu {
	float: left;
	width: 689px; /*689*/;
}

div#tracker {
	width: 621px;
	height: 30px;
	font-family: arial;
	font-size: 11px;
	color: #9d9388;
	padding-top: 20px;
}

div#tracker a  {
	color: #272727 !important;
}

div#tracker span {
	color: #016839;
}

/*###############################
#								#
#	BAS DE PAGE					#	
#								#
###############################*/
	
div#bas {
	position: absolute;
	width: 960px;
	height: 29px; /*61*/
	font-size: 9px;
	color: #919090;
	text-align: center;
	background: url("images/bas-fond.gif") left bottom no-repeat;
	padding-top: 32px;
	bottom: 0;
	left: 0;
}

	div#bas a { color: #919090; }

	div#bas a:hover { color: #636363;text-decoration: underline; }	
	
	
/*###############################
#								#
#	INDEX						#
#								#
###############################*/
	
div#index {
	width: 662px; /*689*/
	padding: 10px 0 0 27px;
}
	
	div#index div#enteteHaut {		
		width: 656px; /*656*/
		height: 14px;
		background: url("images/enteteHaut.gif") 0 top no-repeat;
	}
	
	div#index div#enteteCentre {		
		width: 656px; /*656*/
		background: url("images/enteteCentre.gif") 0 bottom repeat-y;}
	
		div#index div#entete {		
			width: 616px; /*656*/
			background: url("images/entete.gif") 0 bottom no-repeat;
			padding: 0 19px 13px 21px;
		}

			div#index div#entete h1 {
				font-family: arial;
				font-size: 18px;
				font-weight: normal;
				border-bottom: 1px solid #b6b5b5;
				padding-bottom: 5px;
				margin-bottom: 11px;
				color: #3d7204;
			}
			
				div#index div#entete  h1 span{ color: #272727; }

			div#index div#entete div.bloc {
				width: 621px;
				text-align: justify;
			}
			
				div#index div#entete div.bloc img {
					float: left;
					width: 176px;
					height: 117px;
					border: 1px solid #66af19; 
				}
				
				div#index div#entete div.bloc p {
					float: left;
					width: 400px; /*438*/
					font-family: arial;
					font-size: 11px;
					padding: 2px 9px 5px 25px;
					margin-bottom: 11px;
					color: #272727;
				}
					
					div#index div#entete div.bloc p span { display: block; padding-bottom: 15px; }
			
					div#index div#entete div.bloc p a {
						font-size: 11px;
						font-weight: bold;
						color: #c01a1a;
						background: url('images/lien-vert.png') 0 5px no-repeat;
						padding-left: 10px;
						margin-left: 355px;
					}
	
	div#index div.block_bas {		
		width: 656px; 
		padding-top: 15px;
	}
		
		div#index  div.block_bas h2 {
			font-family: arial;
			font-size: 14px;
			border-bottom: 1px solid #b6b5b5;
			padding-bottom: 5px;
			margin-bottom: 11px;
			color: #3d7204;
		}
		
			div#index div.blockbas h2 a {color: #3d7204;}
		
				div#index  div.block_bas h2 a span { color: #272727; }
			
		div#index div.blockbasHaut {		
			float: left;
			width: 318px;
			background: url("images/blockbasHaut.gif") 0 top no-repeat;
			padding-top: 14px;
		}
		
				div#index div#blockbasHaut1  { margin-right: 20px; }
	
			div#index div#blockbasCentre {		
				width: 318px; 
				background: url("images/blockbasCentre.gif") 0 bottom repeat-y;}
			
				div#index div.blockbas {
					width: 278px; /*318*/
					background: url("images/blockbas.gif") 0 bottom no-repeat;
					padding: 0 19px 13px 21px;
				}
						
					div#index div#blockbas1  { padding-top: 15px; }
		
					div#index div.blockbas h3 {
						font-family: arial;
						font-size: 11px;
						margin-bottom : 5px;
					}
						div#index div.blockbas h3 a {color: #272727;}

					div#index div.blockbas img {
						float: left;
						width: 111px;
						height: 80px;
						border: 1px solid #66af19; 
					}
				
					div#index div.blockbas p {
						float: left;
						font-family: arial;
						font-size: 11px;
						text-align: justify;
						margin-bottom: 11px;
						color: #272727;
					}
					
						div#index div.blockbas p.text1 { width: 150px; /*180*/ padding: 2px 5px 5px 10px; }
						div#index div.blockbas p.text2 { width: 273px; /*278*/ padding: 2px 5px 5px 0; }
										
						div#index div.blockbas p span { display: block; padding-bottom: 15px; }
				
						div#index div.blockbas p a {
							font-size: 11px;
							font-weight: bold;
							color: #c01a1a;
							background: url('images/lien-vert.png') 0 5px no-repeat;
							padding-left: 10px;
						}
						
							div#index div.blockbas p a.savoir { margin-left: 60px; }
							div#index div.blockbas p a.lire { margin-left: 230px; }


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

div#cms {
	width: 621px; /*691*/
	padding: 0 30px 10px 40px;
}

/* LES TITRES */

	div#cms h1 {
		width: 621px;
		font-family: arial;
		font-size: 18px;
		font-weight: normal;
		border-bottom: 1px solid #b6b5b5;
		padding-bottom: 5px;
		margin-bottom: 11px;
		color: #3d7204;
	}

	div#cms h2 {
		width: 596px; /*  621px */
		font-size: 11px;
		font-weight: bold;
		color: #3d7204;
		text-transform: uppercase;
		background-color: #e1e1e1;
		border: 1px solid e9e9e9;
		padding: 10px 0 10px 25px;
		margin: 10px 0;
	}

	
	div#cms h3 {
		width: 596px; /*  621px */
		font-size: 12px;
		font-weight: bold;
		color: #016738;
		text-decoration: underline;
		background: url("images/fleche-vert.png") 10px 10px no-repeat;
		padding: 5px 0 5px 25px;
		margin: 10px 0;
	}
	
	div#cms h4 {
		width:  596px; /*  621px */
		font-size: 12px;
		color: #016738;
		font-weight: normal;
		text-decoration: underline;
		background: url('images/fleche_blanche.gif') 10px 10px no-repeat;
		padding: 5px 0 5px 25px;
		margin: 10px 0;
	}

/* DIVERS COMMUN */

	div#cms a {
		color: #016738;
	}
	
	div#cms #bouton a {
		color: #016738;
		text-decoration: none;
	}
	
	div#cms q { /*legende*/
		display: block;
		color: #272727;
		text-align: center;
		font-size: 10px;
	}
	

	div#cms ul {
		padding-left: 45px;
		list-style-type: none;
	}
	
			div#cms ul li {
				background: url("images/fleche-vert.png") 0 5px no-repeat;
				padding: 0 0 10px 15px;
			}

	
	/* NEW */
	
	div#cms .text1, div#cms .text2, div#cms .text3 {
		color: #272727;
		font-family: arial;
		text-align: justify;
		font-size: 12px;
	}
	
	
	div#cms .catcher {
		width:  609px; /*  621px*/
		font-size: 12px;
		font-style: italic;
		text-align: justify;
		font-weight: bold;
		color: #3066a1;
		cursor: pointer;
		background-color: #f3f3f3;
		border: 1px solid #e1e1e1;
		padding: 5px;
		margin-bottom: 25px;
	}
	
	div#cms .media {
		overflow: hidden;
		width:  621px;
		text-align: center;
		padding: 15px 0 15px 0;
	}
	
	div#cms .text1 {
		width:  621px; /*  621px */
		padding: 10px 0 10px 0;
	}
	
	div#cms .text2 {
		float: left;
		width: 48%;
		padding: 0 0 10px 0;
		margin-right: 2%;
	}
	
	div#cms .text3 {
		float: left;
		width: 32%;
		padding: 0 0 10px 0;
		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;
	}


/*###############################
#								#
#	CONTACT						#
#								#
###############################*/

div#contact {
	width: 691px;
	padding-bottom: 10px;
}

	div#contact div.entete {
		width: 621px; /*691*/
		font-family: arial;
		text-align: justify;
		background-color: #ffffff;
		border-bottom: 1px solid #eceae6;
		padding: 0 30px 5px 40px;
	}

		div#contact h1 {
			width: 621px;
			border-bottom: 1px solid #eceae6;
			font-size: 18px;
			font-weight: bold;
			border-bottom: 1px solid #9d9387;
			margin-bottom: 27px;
			color: #3d7204;		
		}
		
		div#contact div.text {
			width: 621px;
			font-size: 11px;
			color: #272727;
			padding-bottom: 32px;
		}
		
			div#contact div.text p { padding-bottom: 2px; }	
			div#contact div.text a { color: #272727; font-weight: bold; }	


	div#contact div.block_bas {
		width: 621px; /*691*/
		font-family: arial;
		border-top: 1px solid #efeee9;	
		padding: 0 30px 5px 40px;
	}	
	
		div#contact div.block_bas p.accroche { 
			color: #3066a1; 
			font-size: 11px; 
			font-weight: bold;
			text-align: justify;
			border-bottom: 1px solid #9d9387; 
			padding: 10px 0 5px 0;
		}
		
		div#contact div.block_bas p.obligation { 
			width: 621px;
			color: #e80a0a; 
			font-size: 11px; 
			font-weight: normal;
			text-align: right;  
			padding: 8px 0 15px 0;
		}
			
			div#contact form div {
				width: 621px;
				text-align: right;
				margin-bottom: 15px;
			}
			
			div#contact form div.form1 {
				width: 435px; /*621*/
				margin-right: 186px;
			}
			
			div#contact form div.form2 {
				width: 541px; /*621*/
				margin-right: 80px;
			}
			
			div#contact form label {
				cursor: pointer;
			}
			
			div#contact form label span {
				color: #e80a0a;
			}
			
			div#contact form input.inputxt, 
			div#contact form input.inputxt2, 
			div#contact form input.inputxt3, 
			div#contact form textarea, 
			div#contact select {	
				font-size:11px;
				vertical-align: middle;
				background-color: #ffffff;
				border: 1px solid #d5d5d5;
			}
			
			
				div#contact form input.inputxt { width: 152px; vertical-align: middle; padding: 3px 2px; }
				div#contact form input.inputxt2 { width: 108px; vertical-align: middle; padding: 3px 2px; }				
				div#contact form input.inputxt3 { width: 259px; vertical-align: middle; padding: 3px 2px; }
				div#contact form textarea { width: 258px;vertical-align: top; padding: 3px 2px; }
				div#contact form select { width: 159px; padding: 1px 2px;}
				
			div#contact form input.error, div#contact form textarea.error {
				border: 1px solid #ff6666;
				background-image: none;
				background-color: #fde4e4;
			}

		div#contact form div.btn {
			float: left;
			width: 203px;
			border-top: 1px solid #9d9387; 
			padding: 15px 30px 0 30px;
			margin: 10px 0 10px 170px;
		}
			
			div#contact div.btn input {
				width: 77px;
				height: 26px;
				background-position: 0 0;
				background-repeat: repeat-x;
				border: 0;	
			}
			
				div#contact div.btn input.efface { background-image: url("images/btn-effacer.gif"); margin-right: 30px; }
				div#contact div.btn input.valid { background-image: url("images/btn-valider.gif"); }
				
		.hidden{
			display : none;
		}

/*###############################
#								#
#	ANNUAIRE						#
#								#
###############################*/

div#annuaire ul li {
	background: none !important;
	margin-left:5px !important;
}


/*###############################
#								#
#	PARTENAIRE					#
#								#
###############################*/
				
div#cms ul#golden-n1, div#cms ul#golden-n1 li {
	list-style-type:none;
	background:none;
	padding: 0;
}

/*###############################
#								#
#	PLAN							#
#								#
###############################*/
				
div#cms div#plan ul, div#cms div#plan ul li {
	list-style-type:none;
}

div#cms div#plan ul li a{
	font-weight: bold;
}

div#cms div#plan ul li ul li a{
	margin-left: 50px;
	font-weight: normal;
}
}