/* balises */
body { margin:5px 0 0 0; padding:0; }
form { margin:0; padding:0; }
div, td, p, textarea { text-align:justify; font-family:Arial; font-size:12px; color:#000; }
textarea { height:60px; }
img { border:0; }
select { border:1px solid #CCC; }
a { color:#000; }
a:hover { color:#CC0000; }

hr { clear:both; margin:0; padding:0; height:1px; width:100%; font-size:1px; color:#CCC; border:0; background-color:#CCC; }

/* styles courants */
.txt11 { font-size:10px; }
.txt13 { font-size:13px; font-weight:bold; }
.txt16 { font-size:16px; }
.txt22 { font-size:22px; }
.bold { font-weight:bold; }
.rouge { color:#CC0000; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.italic { font-style:italic; }
.puce_jaune { padding-left:15px; background:transparent url(img/puce_jaune.gif) no-repeat 0 3px; }
.hdp { float:right; display:block; margin:0 !important; margin:-7px 0 0 0; padding:2px; font-size:10px; color:#FFF; background-color:#CCC; }

/* montage principal */
#container { width:892px; background:#FFF url(img/bg_container.gif) no-repeat 0 100px; }
#container table { margin:0 0 0 16px; }

	#header { height:100px; }
	#header img#logo { float:left; margin:22px 33px 0 35px; }
	#header div#banner { float:left; width:581px; height:97px; }

	#menu { margin:0 0 0 16px; padding:0 0 0 5px; width:855px !important; width:860px; height:59px; }
	#menu ul { margin:0; padding:0; }
	#menu ul li { float:left; margin:0; list-style-type:none; }
	#menu ul li a { display:block; height:59px; background-position:0 0; }
	#menu ul li a:hover, #menu ul li a.current { background-position:0 -59px; }
	#menu ul li a#m_accueil { width:128px; background-image:url(img/m_accueil.gif); }
	#menu ul li a#m_services { width:137px; background-image:url(img/m_services.gif); }
	#menu ul li a#m_securite { width:105px; background-image:url(img/m_securite.gif); }
	#menu ul li a#m_tarifs { width:121px; background-image:url(img/m_tarifs.gif); }
	#menu ul li a#m_localisations { width:169px; background-image:url(img/m_localisations.gif); }
	#menu ul li a#m_entrepreneur { width:186px; background-image:url(img/m_entrepreneur.gif); }
	#menu ul li a span { display:none; }

	a#col_devis { display:block; margin:5px 0 0 0; height:82px; width:240px; background:transparent url(img/col_devis.jpg) 0 0; }
	a:hover#col_devis, a#col_devis.current { background-position:0 -82px; }
	a#col_devis span { display:none; }

	#main { width:620px; height:570px; background:transparent url(img/bg_main.gif) no-repeat; }
	#main p.titre { padding:25px 0 0 0; margin:0; width:100%; height:43px !important; height:68px; text-align:center; }

		/* pages */
		#accueil { margin:0 0 0 5px; width:603px; }
		#accueil p { padding:0 20px; }

		#contenu { padding:0 10px; margin:5px 0 0 5px; width:583px !important; width:603px; }
		#contenu img.details { float:left; margin:0 20px 0 0; }

		#formulaire { padding:0 0 0 10px; margin:5px 0 0 5px; width:593px !important; width:603px; }
		#formulaire img.details { float:left; margin:0 20px 0 0; }
		#formulaire form p { clear:both; margin:2px 0 !important; margin:0; padding:0 !important; padding:2px 0; font:12px arial; }
		#formulaire form p select { padding:0 0 0 4px; margin:0 !important; margin:0 0 -2px -3px; width:202px !important; width:210px; }
		#formulaire form p input.check { margin-left:0px !important; margin-left:-6px; }
		#formulaire form p .libelle { display:block; float:left; padding:0 0 0 12px; margin:1px 0 0 0; width:225px; text-align:left; background:transparent url(img/puce_jaune.gif) no-repeat 0 3px; }
		#formulaire form p input.champs { float:left; padding:0 4px; width:202px !important; width:210px; height:20px; border:0; background-color:#DEDEDE; border:1px solid #CCC; }
		#formulaire form p textarea.champs { padding:0 4px; margin:0 !important; margin:0 0 -3px -3px; width:202px !important; width:210px; border:0; background-color:#DEDEDE; border:1px solid #CCC; }
		#formulaire form p input.validation { float:right; margin:20px 0; }
		#formulaire form p.alerte input { border:1px solid #CC0000; }
		#formulaire form p.alerte .libelle, form p.alerte .libelle { background:transparent url(img/puce_croix.gif) no-repeat 0 0px; }
		#formulaire form .obligatoire{ font-weight: bold; }

			#entrepreneur ul span { display:block; margin:0 0 4px -25px !important; margin:0 0 4px -30px; }
			#entrepreneur ul span span.bold { display:inline; font-weight:bold; }
			#entrepreneur ul li { padding:2px 20px 2px 0; color:#CC0000; font-weight:bold; list-style-type:decimal; }
			#entrepreneur ul li span { display:inline; margin:0 !important; color:#000; font-weight:normal; }

		#localisations { padding:0 10px; margin:5px 0 0 5px; width:583px !important; width:603px; height:460px; }
		#localisations div span { margin:0 0 0 9px; }
			#localisations #map_holder { width:356px; height:426px; background:transparent url(img/bg_localisations.gif) no-repeat 0 0; }
			#localisations #map_holder #map { width:339px; height:426px; margin-left: 8px;}
			#localisations #details { float:left; padding:28px 0 0 10px; width:210px !important; width:220px; }
			#localisations #details p { padding:0 0 15px 25px; margin:0; }
			#localisations #details span { margin:0; }
			#localisations #details img.apercu { border:1px solid #FAA71A; }
		
		#securite { padding:0 10px; margin:5px 0 0 5px; width:583px !important; width:603px; height:460px; }
		#securite img { float:left; margin:0 5px 0 0; }
		#securite p { float:left; padding:4px; margin:0 0 20px 0; width:142px !important; width:150px; height:172px; background:transparent url(img/bg_securite.gif) no-repeat 0 0; }

		#services { padding:0 10px; margin:5px 0 0 5px; width:583px !important; width:603px; }
		#services p img { float:left; margin:0 20px 0 0; }
		#services ul { margin:20px 0 20px 29px; padding:0; }
		#services ul li { clear:both; padding:1px 0 1px 20px; margin:4px 0; list-style-type:none; background:transparent url(img/bg_services2.gif) no-repeat 0 0; }
		#services ul li a { display:block; text-decoration:none; cursor:pointer; }
		#services ul li a:hover { color:#000; text-decoration:none; font-weight:bold; }
		#services ul li div.col { float:left; padding:0 0 0 4px; margin: 0 10px 0 0; width:160px; }
			#services #particuliers p, #services #professionnels p { margin:0; padding:4px 10px; width:562px !important; width:582px; height:100px; background-color:#F3F3F3; }
			#services #details { margin:0 0 0 30px; }
			#services #details p { clear:both; margin:50px 0 10px 0 !important; margin:50px 0 4px 0; }

		#tarifs { padding:0 70px; margin:5px 0 0 5px; width:463px !important; width:603px; }
		#tarifs div.intro { padding-top:20px; background:#FFF url(img/tarifs02.gif) no-repeat 340px 0; }
		#tarifs div.intro div { padding-left:13px; }
		#tarifs p { clear:both; }
		/* --- */

	#footer { padding:6px 0 0 0; width:861px; height:34px !important; height:40px; background:transparent url(img/bg_footer.gif) no-repeat; }
	#footer ul { margin:0 0 0 200px; padding:0; }
	#footer ul li { float:left; margin:0 20px 0 0; padding-left:17px; list-style-type:none; background:transparent url(img/puce_footer.gif) no-repeat 0 2px; }
	#footer a { text-decoration:none; }
	#footer a:hover { text-decoration:underline; }

/* btn gmap*/
a#btnDeZoom{ display:block; position:absolute; z-index: 10000; background:transparent url(img/btn_dezoom.gif) no-repeat 0 0; cursor:pointer; top: 10px; right: 10px; height: 20px; width: 89px; }
