body
	{
	margin: 0;
	padding: 0;
	background: #fff;
	text-align: left;
	font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
	font-size: 80%;
	}

img, ul, form, h1, h2, h3, h4, p, hr
	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
ul, li
	{
	list-style: none ;
	}

#page
	{
	width: 950px;
	margin: 0 auto;
	padding: 0;
	}

/********************************************/
/*                                   ENTETE                                  */
/********************************************/
	#header
		{
		height: 160px ;
		margin: 0;
		padding: 0;
		background: #85C9EA ;
		}
		a#banniere
			{
			display: block;
			width: 950px;
			height: 134px;
			margin: 0;
			padding: 0;
			border: 0px;
			font-size: 180%;
			font-weight: bold;
			text-decoration: none;
			color: #000 ;
			}
		ul#menu
			{
			height: 26px ;
			margin: 0;
			list-style: none;
			}
		ul#menu { background: #7F7F7F ; padding: 0 0 0 40px ; }
			ul#menu li 
				{ 
				float: left; 
				height: 25px ; 
				padding: 1px 0 0 30px ; 
				margin-right: 50px ;
				}
			ul#menu li#tel
				{ 
				font-size : 12px ;
				padding-top : 2px ;
				margin-right : 0 ;
				}
			ul#menu li.autre
				{
				height: 21px ; 
				padding: 2px 0 0 30px ;
				}
				ul#menu li a:link, ul#menu li a:visited
					{
					text-decoration: none;
					color: #FFF;
					font-size: 140%;
					font-weight: bold;
					}
				ul#menu li a:hover
					{
					/*légère modif sur le padding, le font size et weight*/
					text-decoration: none;
					color: #DDD ;
					font-weight: bold;
					}
				ul#menu li.autre a:link, ul#menu li.autre a:visited
					{
					font-size: 130%;
					font-weight: Bold;
					}
				ul#menu li.autre a:hover
					{
					font-weight: bold;
					}

/********************************************/
/*                              CONTENEUR                               */
/********************************************/
	#conteneur
		{
		clear: both ;
		padding: 0 30px;
		margin: 0;
		}
		.evaluation{ color: #44677c ; }
		.diagnostic{ color: #e23b31 ; }
		.copropriete{ color: #009779 ; }
		#h3_diag, #h3_eval, #h3_copro
			{
			text-transform: uppercase ;
			font-size: 130% ;
			}
		#h2_diag, #h2_eval, #h2_copro
			{
			font-size: 440% ;
			}
		#h3_diag a:link, #h3_eval a:link, #h3_copro a:link, #h3_diag a:visited, #h3_eval a:visited, #h3_copro a:visited, #h2_diag a:link, #h2_eval a:link, #h2_copro a:link, #h2_diag a:visited, #h2_eval a:visited, #h2_copro a:visited
			{
			text-decoration: none;
			}
		#h2_diag a:hover, #h2_eval a:hover, #h2_copro a:hover
			{
			text-decoration: underline;
			}
		#h3_diag a:hover, #h3_eval a:hover, #h3_copro a:hover
			{
			text-decoration: none;
			}

		#h3_eval { padding: 50px 0 0 45px ; }
		#h2_diag { padding: 0 0 0 30px ; }
		#h3_copro { padding: 30px 0 0 70px ; }
		#h3_diag { padding-top: 30px ; }
		
		#h3_diag, #h2_diag  { margin: 0 0 0 10px ; }
		#h3_eval, #h2_eval { margin: 0 0 0 350px ; }
		#h3_copro, #h2_copro  { margin: 0 0 0 440px ; }
		

/********************************************/
/*BLOC DROITE AVEC COVERFLOW ET CONTENU*/
/********************************************/
		#droite
			{
			float: right;
			width: 680px;
			margin: 0 0 0 10px;
			}
			
			#coverflow{ position:absolute; top: 258px ; left: auto; width:679px; margin: 0 0 0 2px ; background-color:#eee;}
				#coverflow img{ border: none; -ms-interpolation-mode: bicubic; cursor: pointer ; }
			#menucoverflow{ position:relative; }
				#cmenu{position:absolute; bottom:0; left:0;}
					#cmenu span{position:fixed relative; bottom:0px; display:inline-block;}
			#cmenu_text {clear: both; margin-bottom: -22px ; padding-top: 95px ; height: 24px ; color: #fff ; font-size: 1px ;}
			
			#border {
				margin: 0;
				background: url(/images/lr.gif) repeat-y 0 0 ;
				padding: 0 3px ;
			}
			#border-top {
				margin: 25px 0 0 0 ;
				padding: 0 ;
				background: url(/images/t.gif) no-repeat 0 0 ;
				height: 3px ;
				font-size : 1px ;
			}
			#border-bottom {
				margin: 0 0 1px 0 ;
				background: url(/images/b.gif) no-repeat 0 0 ;
				height: 3px ;
			}
			
			#contenu
				{
				margin: 0 ;
				padding: 8px 20px 8px 20px ;
				border: 0px;
				}
			
			#contenu p.first {
				margin-top: 15px ;
			}
			#contenu ul.list {
				margin: 5px 0 20px 0; 
				padding: 0 10px ;
			}
			
			#contenu ul.list li {
				padding: 0 0 0 15px ;
			}
			/*cette écriture de marche pas sous ie*/
			div.contenu.evaluation { background-color: #dae1e5 ; }
			div.contenu.diagnostic { background-color: #f9d8d6 ; }
			div.contenu.copropriete { background-color: #cceae4 ; }
			div.contenu.autre { background-color: #e2dbe6 ; }
			div.contenu.accueil { background-color: #e2dbe6 ; }
			
			div.contenu.evaluation ul.list li {
				background: url(../images/bulle-bleu.gif) no-repeat 0 7px ;
			}
			div.contenu.diagnostic ul.list li {
				background: url(../images/bulle-rouge.gif) no-repeat 0 7px ;
			}
			div.contenu.copropriete ul.list li {
				background: url(../images/bulle-verte.gif) no-repeat 0 7px ;
			}
			div.contenu.autre ul.list li {
				background: url(../images/bulle.gif) no-repeat 0 7px ;
			}
			
				#contenu strong { text-transform: uppercase ; }
				#contenu h3 
					{
					font-size: 110% ;
					text-transform: uppercase ;
					font-weight: bold ;
					margin-bottom: 5px ;
					}
				#contenu h2
					{
					clear: none ;
					float: left;
					font-size: 340% ;
					line-height: 36px;
					margin: 0 20px 0 0 ;
					}

				#contenu span.h2
					{
					clear: none ;
					float: left;
					font-size: 44px ;
					line-height: 48px;
					margin: 0 20px 0 0 ;
					}
				#contenu span.h1
					{
					clear: none ;
					font-size: 54px ;
					}
				#contenu.evaluation h3, #contenu.evaluation h2, #contenu.evaluation h1 { color: #44677c; }
				#contenu.diagnostic h3, #contenu.diagnostic h2, #contenu.diagnostic h1 { color: #e23b31; }
				#contenu.copropriete h3, #contenu.copropriete h2, #contenu.copropriete h1 { color: #009779; }
				#contenu.evaluation h3 { border-bottom: 1px solid #44677c ; padding: 0 0 0 20px ; background: url(/images/bpuce-eval.gif) no-repeat 0 3px ; }
				#contenu.diagnostic h3 { border-bottom: 1px solid #e23b31 ; padding: 0 0 0 20px ; background: url(/images/bpuce-diag.gif) no-repeat 0 3px ; }
				#contenu.copropriete h3 { border-bottom: 1px solid #009779 ; padding: 0 0 0 20px ; background: url(/images/bpuce-copro.gif) no-repeat 0 3px ; }
				#contenu.autre h3, #contenu.autre h2, #contenu.autre h1 { color: #6F4B81; }
				#contenu.accueil h3, #contenu.accueil h2, #contenu.accueil h1 { color: #6F4B81; }
				#contenu a:link, #contenu a:visited
					{
					font-weight: bold;
					text-decoration: none;
					}
				#contenu a:hover
					{
					font-weight: bold;
					text-decoration: underline;
					}
				#contenu.evaluation a { color: #44677c; }
				#contenu.diagnostic a { color: #e23b31; }
				#contenu.copropriete a { color: #009779; }
				#contenu.autre a { color: #6F4B81; }
				#contenu.accueil a { color: #6F4B81; }
				
				#contenu p
					{
					margin: 0;
					padding: 0 0 15px 0;
					}
				.tableau 
					{
					border : 1px solid #91adc1 ;
					margin : 15px auto;
					background-color: #fff ;
					}
				.tableau td, .tableau th
					{
					font : 11px Verdana ; 
					padding : 1px 4px ; 
					line-height : 16px;
					}
				.tableau th
					{
					font-weight : bold ; 
					background : #BFDEFF ; 
					border : 1px solid #6FA5DF ; 
					text-align : center;
					}

/********************************************/
/*                        DIAGNOSTIC                                  */
/********************************************/
					#script {text-align: left;}
					div.infos_loi {position : absolute ; background : #AFAFAF ; display : none ; margin : 3px 0}
					div.infos_loi div {position : relative ; top : -1px ; left : -1px ; font-weight : normal ; width : 280px ; background : #FFFCDF ; padding : 4px ; border : 1px solid #EFE2A4 ; border-bottom : 1px solid #5F5F5F ; border-right : 1px solid #5F5F5F; color: #222}
					#table_besoins_diag {font : 11px Verdana; border-collapse: collapse;}
					#table_besoins_diag td, #table_besoins_diag th { padding: 3px;}
					#table_besoins_diag th {text-align : left; background-color: #EFF6FF; border : 1px solid #9FCBFF }
					#table_besoins_diag td {border : 1px solid #9FCBFF;}
					#form_diag {font : 11px Verdana}
					#form_diag select {font : 11px Verdana ; margin : 3px 0 0 ; padding : 0}
					#form_diag input {border : 0 ;}
					#diag_lien {font : 11px Verdana ;text-align : center ; width : 240px}
					#transaction_suite {height : 40px}
					#diag_resultat {
						font : 11px Verdana ;
						width: 220px ;
						background: transparent;
						position: absolute ;
						top: 265px ;
						left: auto ; 
						margin: 0 0 0 390px ;
					}
					#diag_resultat table {
						width: 240px ;
						margin: 0 0 0 1px ;
						padding: 0 ;
						background: #fff;
						border-collapse: collapse ;
						border-bottom: 1px solid #aaa ;
						border-right: 1px solid #aaa ;
						font-weight: bold ;
						color: #aaa ;
						}
					#diag_resultat table td {
						font : 11px Verdana ;
						/* font-weight : normal ; */
						border-top: 1px solid #aaa ;
						border-left: 1px solid #aaa ; 
						}
					#diag_resultat table td.oui {
						background-color: #ff8040 ;
						color: #fff ;
						text-align : center ;
					}
					#diag_resultat table td.non {
						background-color: #ffffff ;
						color: #808080 ;
						text-align : center ;
						font-weight : normal ;
					}

/********************************************/
/*                        MENU GAUCHE                                */
/********************************************/
		dl#gauche
			{
			float: left;
			width: 200px;
			margin: 0;
			padding: 15px 0 0 0;
			}
			dl#gauche dt
				{
				margin: 5px 0 0 0;
				padding: 0;
				font-size: 195%;
				font-weight: bold;
				}
			dl#gauche dd
				{
				margin: 0;
				padding: 0 0 0 30px;
				}
			dl#gauche dt.normal, div.normal
				{
				height: 24px ;
				font-family: Verdana,Arial,Helvetica,sans-serif;
				font-size: 120%;
				font-style: italic ;
				text-align: right ;
				padding: 15px 75px 0 0 ;
				line-height: 10px ;
				}
			div.normal {
				width: 130px ;
				padding: 10px 0 0 0;
				font-weight: bold ;
			}
			div.normal a {
				color: #020202 ;
				text-decoration: none ;
			}
			div.normal a:hover {
				text-decoration: underline ;
			}
			span.notaire { color: #5EA6CC ; font-size: 60%}
			dl#gauche a:link, dl#gauche a:visited
				{
				font-weight: bold;
				text-decoration: none ; 
				}
			dl#gauche a:hover
				{
				font-weight: bold;
				text-decoration: underline ; 
				}
			dl#gauche a.evaluation{ color: #44677c ; }
			dl#gauche a.diagnostic{ color: #e23b31 ; }
			dl#gauche a.copropriete{ color: #009779 ; }
			dl#gauche a.noir{ color: #020202 ; }
			dl#gauche a.select{ text-decoration: underline ;  }

/********************************************/
/*                                   FOOTER                                 */
/********************************************/
		#footer
			{
			clear: both;
			width: 950px ;
			border-collapse: collapse ;
			margin: 20px auto 0;
			font-size: 13px ;
			text-align: center ;
			color: #ccc ;
			}
			#footer td { border: 0px solid #000 ; vertical-align: top ;  }
			
			#footer img { float: left ; }
			#footer ul {
				margin: 10px 0 0 0 ;
				list-style: none;
			}
				#footer ul li {
					float: left ;
					border-left: 1px solid #BBBDBE;
					width: 23% ;
					padding: 0 5%  ;
					text-align: left ;
				}
				#footer ul li.first { border-left: 0px; }
			
			#footer ul.ref li { border-color: #fff; }
			
			#footer a:link, #footer a:visited {
				color: #BBBDBE;
				text-decoration: none ;
			}
			#footer a:hover {
				color: #BBBDBE;
				text-decoration: underline ;
			}
			
		.index {
			text-align: center ;
			background-color: #fff ;
			color: #999 ;
			font-size: 12px ;
			margin-bottom : 20px ;
		}
		#sommaire {margin : 30px auto 20px ; width: 950px ;}
		.index h1 {
			margin-top: 0 ;
			font-size: 14px ;
		}

/********************************************/
/*                               COMMANDE                              */
/********************************************/

form dl, ul, ol {list-style-type : none ; margin : 0 ; padding : 0}
form dt {display : block ; float : left ; width : 80px ; font-weight : bold ; line-height : 22px ; padding-top : 3px ; color : #0261DA}
form li {margin : 6px 0 0}
form ol {margin-left : 20px}
form ol li {margin : 2px 0}
dl#coordonnees dt {font : bold 11px Arial}
#contenu form .erreur {background : #f6f6f6 ; border : 1px solid #aaa ; margin : 5px 0 ; padding : 0 6px 3px}
#contenu form .erreur p {margin : 4px 0 ; font : bold 11px Arial ; color : #df1111}
tr.erreur input, tr.erreur textarea, tr.erreur select {background : #f6f6f6 ; border : 1px solid #aaa}
tr.erreur label {color : #df1111}
form dd input, input.text, textarea, select {border : 1px solid #999 ; font : 11px Arial ; margin : 2px 0}

#sommaire {border-collapse : collapse}
#sommaire h3 {background : #ccc ; padding : 3px 5px ; font : bold 11px Verdana}
#sommaire td {width : 20% ; vertical-align : top ; font : 11px/18px Verdana ; border : 1px dashed #bbb ; border-left : 1px dashed #bbb}
#sommaire td li {padding : 0 5px}
#sommaire td a {text-decoration : none ; width : 20% ; vertical-align : top ; color : #666}