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

body {
	background-color: #FFFFFF;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

div#page {
	margin: auto;
	width: 906px;
	padding-top: 6px;
}

div.bloc {
	float: left;
	position: relative;
	width: 256px;
	height: 310px;
	padding-right: 0;
}

div.bloc2 {
	float: left;
	position: relative;
	width: 518px;
	padding-right: 6px;
}

div.b {
	background-color: #006BBF;
	position: relative;
	height: 61px;
	color: #FFFFFF;
	font-size: 12px;
}

div.b span {
	position: absolute;
}

div.b strong {
	font-size: 16px;
	font-weight: normal;
}

div.cms div.c {
	padding: 10px;
	text-align: justify;
	font-size: 12px;
	color: #434343;
}

div.cms h1 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: normal;
	color: #006BBF;
}

div.cms h2 {
	margin: 20px 10px 0 10px;
	font-size: 14px;
	font-weight: normal;
	color: #006BBF;
}

div.cms h3 {
	margin: 20px 10px 0 30px;
	font-size: 12px;
	font-weight: normal;
	color: #006BBF;
}

div.cms div.c img.left {
	float: left;
	padding: 0 10px 10px 0;
}

div.cms div.c img.right {
	float: right;
	padding: 0 0 10px 10px;
}

div.cms div.c ol, div.cms div.c ul {
	margin: 15px;
}

div.cms div.c li {
	margin-left: 30px;
}

div.c div.i {
	background: url("images/carre.gif") 1px 6px no-repeat;
	padding-left: 8px;
	float: left;
	width: 118px;
}

div.c div.i a {
	color: #434343;
	text-decoration: none;
}

div.c div.i a:hover {
	color: #000000;
	text-decoration: underline;
}

div.bouton {
	text-align: right;
	padding: 10px 10px 10px 0;
	clear: both;
}

/* ---------- Titres ---------- */

h1 {
	color: #001B34;
	font-size: 12px;
}

h1 strong {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
}

h1 span {
	position: absolute;
}

h1 span.s1 { left: 414px; top: 20px; }
h1 span.s2 { left: 418px; top: 33px; }
h1 span.s3 { left: 516px; top: 52px; }
h1 span.s4 { left: 448px; top: 65px; }
h1 span.s5 { left: 473px; top: 81px; }
h1 span.s6 { left: 499px; top: 97px; }

h2 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: normal;
	color: #006BBF;
}

h3 {
	background: url("images/fleche2.gif") 0 18px no-repeat;
	padding: 14px 0 2px 9px;
	font-size: 12px;
	width: 200px;
}

h3, h3 a {
	color: #004D8E;
	text-decoration: underline;
}

/* ---------- Haut de page ---------- */

div#haut {
	float: left;
}

div.bouton-bleu, div.bouton-orange {
	float: left;
}

div.bouton-bleu a, div.bouton-orange a {
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 7px 0;
}

div.bouton-bleu a {
	background-color: #006BBF;
	width: 125px;
	margin-right: 6px;
}

div.bouton-orange a {
	background: url("images/fond_orange.gif") top left repeat-y #FF7E00;
	width: 251px;
}

div#logo {
	background: url("images/logo.jpg") top left no-repeat #006BBF;
	float: left;
	width: 649px;
	height: 142px;
	margin: 8px 6px 0 0;
	position: relative;
}

div#telephone {
	background: url("images/telephone.jpg") top left no-repeat #FF7E00;
	float: left;
	width: 251px;
	height: 136px;
	margin: 8px 0 6px 0;
	position: relative;
	color: #FFFFFF;
}

div#telephone span {
	position: absolute;
}

div#telephone span.s1 {
	left: 6px;
	top: 10px;
	font-size: 24px;
}

div#telephone span.s2 {
	left: 10px;
	top: 40px;
	font-size: 14px;
}

div#telephone span.s3 {
	left: 20px;
	top: 58px;
	font-size: 14px;
}

div#telephone span.s4 {
	left: 32px;
	top: 90px;
	font-size: 10px;
}

div#telephone a {
	color: #FFFFFF;
	text-decoration: none;
}

/* ---------- Bandeau ---------- */

div#bandeau {
	background: url("images/main.jpg") top left no-repeat #001C33;
	float: left;
	width: 780px;
	height: 61px;
	color: #FFFFFF;
}

div#bandeau input, div#bandeau select {
	background-color: #FFFFFF;
}

div#bandeau div.contenu {
	float: left;
	width: 370px;
	padding-left: 10px;
}

div#bandeau div.titre {
	padding: 7px 0 8px 23px;
	font-size: 12px;
}

div#tracker {
	float: left;
	width: 590px;
	height: 20px;
	padding: 3px 0 0 190px;
}

div#tracker span {
	color: #004D8E;
	position: relative;
}

div#tracker, div#tracker a {
	color: #000000;
}

/* ---------- Menu de gauche ---------- */

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

/* -------------------- */

div#login h2 {
	color: #FF7E00;
}

div#login div.b {
	background: url("images/b03.jpg") top left no-repeat #FF7E00;
}

div#login span.s1 { left: 32px; top: 7px; }
div#login span.s2 { left: 38px; top: 20px; }
div#login span.s3 { left: 90px; top: 36px; }

div#login div.c {
	margin-top: 12px;
}

div#login div.c div.i {
	width: 248px;
	color: #818181;
}

div#login div.c a {
	color: #434343;
	font-weight: bold;
	text-decoration: none;
}

div#login div#adherent-privilege {
	background: url("images/b06.jpg") top left no-repeat #FF7E00;
	height: 92px;
}

div#adherent-privilege span.s1 { left: 32px; top: 10px; }
div#adherent-privilege span.s2 { left: 41px; top: 23px; }
div#adherent-privilege span.s3 { left: 108px; top: 40px; }
div#adherent-privilege span.s4 { left: 174px; top: 62px; }

div#login div#cesu {
	background: url("images/b16.jpg") top left no-repeat #FF7E00;
	height: 92px;
}

div#cesu span.s1 { left: 126px; top: 10px; }
div#cesu span.s2 { left: 140px; top: 23px; }
div#cesu span.s3 { left: 184px; top: 36px; }
div#cesu span.s4 { left: 174px; top: 62px; }

div#login div#charte-qualite {
	background: url("images/b17.jpg") top left no-repeat #006BBF;
	height: 61px;
}

div#charte-qualite span.s1 { left: 88px; top: 6px; }
div#charte-qualite span.s2 { left: 88px; top: 20px; }
div#charte-qualite span.s3 { left: 212px; top: 36px; }

/* -------------------- */

div#plus-demandes div.b {
	background: url("images/b07.jpg") top left no-repeat #006BBF;
}

div#plus-demandes div.c {
	margin-top: 12px;
}

div#plus-demandes div.c div.i {
	background: none;
	width: 252px;
	color: #004D8E;
	padding: 0 0 0 10px;
}

div#plus-demandes div.c div.i a {
	color: #004D8E;
}

/* -------------------- */

div#fiches-pratiques {
	height: 120px;
}

div#fiches-pratiques div.b {
	background: url("images/b10.jpg") top left no-repeat #006BBF;
}

div#fiches-pratiques span.s1 { left: 32px; top: 6px; }
div#fiches-pratiques span.s2 { left: 50px; top: 20px; }
div#fiches-pratiques span.s3 { left: 60px; top: 36px; }
div#fiches-pratiques span.s4 { left: 212px; top: 32px; }

/* ---------- Contenu de la page ---------- */

div#contenu {
	float: left;
	position: relative;
	width: 524px;
}

/* -------------------- */

div#service-personne div.b {
	background: url("images/b04.jpg") top left no-repeat #006BBF;
}

div#service-personne span.s1 { left: 32px; top: 7px; }
div#service-personne span.s2 { left: 37px; top: 20px; }
div#service-personne span.s3 { left: 60px; top: 36px; }

/* -------------------- */

div#service-habitat div.b {
	background: url("images/b05.jpg") top left no-repeat #006BBF;
}

div#service-habitat span.s1 { left: 96px; top: 7px; }
div#service-habitat span.s2 { left: 100px; top: 20px; }
div#service-habitat span.s3 { left: 140px; top: 36px; }

/* -------------------- */

div#utilities div.b {
	background: url("images/b08.jpg") top left no-repeat #006BBF;
}

div#utilities span.s1 { left: 33px; top: 7px; }
div#utilities span.s2 { left: 37px; top: 20px; }
div#utilities span.s3 { left: 100px; top: 36px; }

/* -------------------- */

div#services-plus h2 {
	color: #FF7E00;
}

div#services-plus div.b {
	background: url("images/b09.jpg") top left no-repeat #FF7E00;
}

div#services-plus div.c {
	background-color: #7DD6F9;
	padding: 12px 9px;
}

div#services-plus div.c h3 {
	background: url("images/fleche3.gif") 0 18px no-repeat;
}

div#services-plus div.d {
	background-color: #ADE8FF;
	padding: 9px 9px;
	color: #004D8E;
	width: 220px;
}

div#services-plus span.s1 { left: 150px; top: 7px; }
div#services-plus span.s2 { left: 155px; top: 20px; }
div#services-plus span.s3 { left: 194px; top: 36px; }

/* -------------------- */

div#service-urgence h2 {
	color: #BC2F2C;
}

div#service-urgence div.b {
	background: url("images/b11.jpg") top left no-repeat #BC2F2C;
}

div#service-urgence div.c {
	padding: 20px 10px 0 20px;
}

div#service-urgence span.s1 { left: 32px; top: 6px; }
div#service-urgence span.s2 { left: 40px; top: 20px; }
div#service-urgence span.s3 { left: 70px; top: 36px; }
div#service-urgence span.s4 { left: 410px; top: 32px; }

/* -------------------- */

div#mes-devis div.b {
	background: url("images/b12.jpg") top left no-repeat #006BBF;
}

div#mes-devis div.c div.i {
	width: 250px;
}

div#mes-devis h4 {
	border-left: 4px solid;
	border-bottom: 1px solid;
	border-color: #58cbf4;
	color: #006BBF;
	font-weight: bold;
	font-size: 11px;
	padding: 1px 3px;
	width: 497px;
	margin-top: 12px;
}

div#mes-devis div.urgence h4 {
	background-color: #ffeeee;
	border-color: #ff0000;
	color: #ff0000;
}

div#mes-devis div.urgence table {
	background-color: #ffeeee;
}

div#mes-devis div.urgence td, div#mes-devis div.urgence th {
	border-color: #ff6666;
}

div#mes-devis span.s1 { left: 32px; top: 6px; }
div#mes-devis span.s2 { left: 40px; top: 20px; }
div#mes-devis span.s3 { left: 70px; top: 36px; }

/* -------------------- */

div#metier div.b {
	background: url("images/b13.jpg") top left no-repeat #006BBF;
}

div#metier div.i {
	float: none;
}

div#metier span.s1 { left: 32px; top: 6px; }
div#metier span.s2 { left: 50px; top: 20px; }
div#metier span.s3 { left: 90px; top: 36px; }

/* -------------------- */

div#travailler div.b {
	background: url("images/b14.jpg") top left no-repeat #006BBF;
}

div#travailler div.c {
	padding: 0 10px;
	text-align: justify;
}

div#travailler h3 {
	width: 400px;
	padding-bottom: 10px;
}

div#travailler span.s1 { left: 32px; top: 5px; }
div#travailler span.s2 { left: 74px; top: 21px; }
div#travailler span.s3 { left: 126px; top: 37px; }

/* -------------------- */

div#inscription div.b {
	background: url("images/b15.jpg") top left no-repeat #006BBF;
}

div#inscription div.c {
	padding: 20px 10px 0 20px;
}

div#inscription span.s1 { left: 32px; top: 6px; }
div#inscription span.s2 { left: 40px; top: 20px; }
div#inscription span.s3 { left: 70px; top: 36px; }

/* -------------------- */

div#qui div.b {
	background: url("images/b18.jpg") top left no-repeat #006BBF;
}

div#qui span.s1 { left: 34px; top: 6px; }
div#qui span.s2 { left: 30px; top: 19px; }
div#qui span.s3 { left: 102px; top: 36px; }

/* -------------------- */

div#services div.b {
	background: url("images/b19.jpg") top left no-repeat #006BBF;
}

div#services span.s1 { left: 34px; top: 6px; }
div#services span.s2 { left: 68px; top: 19px; }
div#services span.s3 { left: 130px; top: 36px; }

/* -------------------- */

div#engagements div.b {
	background: url("images/b20.jpg") top left no-repeat #006BBF;
}

div#engagements span.s1 { left: 34px; top: 6px; }
div#engagements span.s2 { left: 30px; top: 19px; }
div#engagements span.s3 { left: 152px; top: 36px; }

/* -------------------- */

div#contact div.b {
	background: url("images/b21.jpg") top left no-repeat #006BBF;
}

div#contact span.s1 { left: 178px; top: 6px; }
div#contact span.s2 { left: 284px; top: 23px; }
div#contact span.s3 { left: 270px; top: 36px; }

/* -------------------- */

div#cgv div.b {
	background: #006BBF;
}

div#cgv div.c {
	padding: 20px 10px 0 20px;
}

/* ---------- Publicité ---------- */

div#pub {
	float: right;
}

div#pub img {
	display: block;
	margin-bottom: 6px;
}

/* ---------- Bas de page ---------- */

div#bas {
	text-align: center;
	color: #0B518C;
	padding: 30px 0 14px 0;
}

div#bas a {
	color: #0B518C;
	text-decoration: none;
	margin: 0 4px;
}

/* ---------- Formulaires ---------- */

input, select, textarea {
	border: 1px solid #999999;
	background-color: #F9F9F9;
	font-family: Arial, sans-serif;
	font-size: 11px;
	vertical-align: middle;
}

input, textarea {
	padding: 1px 3px;
}

option {
	padding-left: 3px;
}

input.bouton {
	border: 0;
	padding: 0;
}

input.checkbox {
	border: 0;
	padding: 0;
	margin: 0;
	width: 13px;
	height: 13px;
	vertical-align: text-bottom;
}

/* ---------- Tableau devis ---------- */

table.devis {
	margin: 0 2px;
	border-collapse: collapse;
}

table.devis th, table.devis td {
	padding: 1px 3px;
}

table.devis th {
	border-left: 4px solid;
	border-bottom: 1px solid;
	border-color: #818181;
	color: #434343;
	text-align: left;
	width: 120px;
	vertical-align: top;
}

table.devis td {
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-color: #818181;
	color: #434343;
	width: 370px;
}

table.devis td.lire {
	border-left: 4px solid;
	border-bottom: 1px solid;
	border-color: #818181;
	color: #434343;
	width: 496px;
	height: 30px;
}

table.devis td.lire a {
	text-decoration: none;
}

table.devis td.rouge, table.devis td.rouge a {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none;
}

table.devis td.orange, table.devis td.orange a {
	color: #FF6500;
	font-weight: bold;
	text-decoration: none;
}

table.devis td.bleu, table.devis td.bleu a {
	color: #006BBF;
	font-weight: bold;
	text-decoration: none;
}

/* ---------- Tableau formulaire ---------- */


table.form th {
	color: #004D8E;
	font-size: 12px;
	font-weight: bold;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	line-height: 13px;
}

table.form strong {
	color: #FF0000;
}

table.form i {
	color: #004D8E;
}

table.form span {
	font-weight: normal;
	font-size: 10px;
	color: #000000;
}

table.form input.o, table.form input.n {
	width: 160px;
	margin-right: 6px;
}

table.form textarea.o, table.form textarea.n {
	height: 100px;
	margin-right: 6px;
}

table.form select.o, table.form select.n {
	width: 168px;	
	margin-right: 6px;
}

table.form select.multi {
	height: 80px;
}

table.form .n {
	border-color: #FF0000;
	background-color: #EEEEEE;
}

/* ---------- Divers ---------- */

div.clear {
	clear: both;
}

div.right {
	text-align: right;
}

img {
	vertical-align: middle;
}

hr {
	height: 1px;
	background-color: #006BBF;
	color: #006BBF;
	margin: 0 10px;
}

a {
	color: #004D8E;
	text-decoration: underline;
}

span.error {
	color: #FF0000;
	font-weight: bold;
}


/* ---------- Plan du site ---------- */

div#plan {
	/*padding-left:10px;*/
}

div#plan ul li {
	/*list-style-type:upper-roman;*/
	list-style-type:none;
	padding-top:10px;
	color: #ED008C;
}

		div#plan ul li  a {
			font-size:15px;
			font-variant:small-caps;
			font-weight:bold;
			color: #ED008C;
		}

div#plan ul li ul li{
	list-style-type:upper-roman;
	/*list-style-type:upper-alpha;*/
	padding-top:5px;
	margin-left:10px;
	color: #000000;
}

		div#plan ul li ul li a {
			font-size:14px;
			font-weight:bold;
			color: #000000;
		}

div#plan ul li ul li ul li{
	list-style-type:decimal;
	padding-top:2px;
	margin-left:10px;
}

		div#plan ul li ul li ul li a {
			font-size:12px;
			font-variant:normal;
			font-style:italic;
			font-weight: bold;
			color:#00C3FF;
		}

div#plan ul li ul li ul li ul li{
	list-style-type:lower-alpha;
	margin-left:60px;
}

		div#plan ul li ul li ul li ul li a {
			font-size:11px;
		}

div#plan div.nousContacter {
	padding:20px 0 30px 0;
}

div#plan div.nousContacter ul li {
	list-style-type:none;
	margin:0;
}

/* ---------- Annuaire ---------- */


div#annuaire {
	height: 700px;
	overflow: auto;
	padding-left: 20px;
}

div#annuaire h1.golden-h1 { display: none;}

div#annuaire ul#golden-n1 { 
	padding: 0 0 0 19px;
}

	div#annuaire ul#golden-n1 li {
		list-style-type: none;
	}
	
	div#annuaire ul#golden-n1 h2, ul#golden-n1 h3 {
		background: none;
		height: 15px;
		padding: 0;
	}
	
	div#annuaire ul#golden-n1 h2 {
		padding: 10px 0 5px 0;
		font-size: 13px;
	}
	
	div#annuaire ul#golden-n1 h3 {
		font-size:11px;
		padding: 10px 0 0 0;
	}
		div#annuaire ul#golden-n1 h2 a, ul#golden-n1 h3 a { 
			color: #006BBF;
			font-weight: bold;
			background: url('/images/fleche.gif') 0 1px no-repeat;
			padding-left:12px;
			text-transform:uppercase;
		}
		div#annuaire ul#golden-n1 li p {
			padding: 10px 0 10px;
			width: 450px;
		}

div#annuaire ul.golden-n2 { 
	padding: 0 0 0 20px;
}

	div#annuaire ul.golden-n2 li { 
		padding: 2px 0 0 10px;
	}
	
	div#annuaire ul.golden-n2 li h3 {
		font-size:11px;
		background: url('/images/puce_carreVert.gif') 0 1px no-repeat;
		display: inline;
		padding-left:10px;
		color: #FF6100;
	}
	
		div#annuaire ul.golden-n2 a {
			color: #3d4e57;
		}
	
	div#annuaire h2#golden-h2 {
		display: none;
	}