/*
      Created by 
	  Benjamin MAUGAIN - EASY W3
	  http://www.easyw3.fr
*/

* { padding: 0; margin: 0; }

body {
 background: black;
 font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
 color: #707070;
 /*height:100%;*/
}

/* Links */
a, a:active, a:link {
	text-decoration: none;
	color: #487CA1;			
}
a:visited {
	text-decoration: none;
}
a:hover {
	color: #fff;
	/*border-bottom: 1px dotted #438800;*/
}
a.img:hover {
	border:none;
}

a.miniature:hover {
	border:none;
}

/* headers */
h1, h2, h3 {
	/*font-family: 'Trebuchet MS', Tahoma, Arial, Sans-serif;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #ABABAB;
}
h1 {
	font-size: 2.4em;	
	font-weight: normal;
	/*letter-spacing: -2px;*/
	padding: 15px 10px 5px 10px;
	color: white;	
}
h2 {
	font-size: 1.7em;
	line-height:1.2em;
	color: #4F87C1;
	padding: 15px 10px 5px 10px;	
}
h3 {
	font-size: 1.7em;	
	font-weight: normal;
	padding: 20px 10px 5px 10px;	
}
h4 {
	font-size: 1.3em;
	color: white;
}

/* images */
img {
	/*background: #1B1B1B;*/
    /*border: 1px solid #1B1B1B;
	*/
}
img.float-right {margin: 5px 0px 10px 10px;}
img.float-left {margin: 5px 10px 10px 0px;}
img.noborder {border:none;}
img.padding5 {padding: 5px;}
img.bt-voir {margin:0 0 10px 270px;}

blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;  
    background: #111 url(../img/quote.jpg) no-repeat 10px 10px;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.6em;
	font-style: italic;
	font-family: Georgia, 'Times New Roman', Times, serif;	
	color: #808080;	
}


.clear {
 clear: both;
}

#wrapper { 
	position: relative;
	width: 960px;	
	margin: 0 auto;
	text-align: left;
	/*background-color: #161616;*/
	/*background-color: white;*/
}
#mastheader{
 	background: url(../img/bg_header.jpg) repeat-x center top;
}
	#bandeau {
		margin:0 auto;
		width: 960px;
		height:165px;
	}
		#header {
		 color: #333;
		 width: 960px;
		 height: 165px;
		 margin: 0;
		 float:left;
		}
			#header a img {
				border:0;
				float:left;
			}
		#fla {
		 float:left;
		 display:overflow;
		 width:460px;
		 height:165px;
		 margin:0;
		}
	#menu {
	 width:900px;
	 height:52px;
	 margin: 0 auto;
	}
		#menu a.nav, a.nav:link, a.nav:visited {
			display:block; 
			width:150px; 
			height:42px; 
			margin-top:0px; 
			text-align:center; 
			text-decoration:none;
			color:#5B5B5B;
			font-weight:bold;
			font-size:1.2em;
			line-height:42px; overflow:hidden; float:left;
		}
		#menu a.nav:hover {color:#fff; background:#011543 url(../img/bg-menu-hover.png) repeat-x left top; border:none;}
		#menu span {
			display:block; 
			width:150px; 
			height:42px; 
			margin-top:0px; 
			text-align:center; 
			text-decoration:none;
			color:white;
			background: url(../img/current.png) no-repeat center bottom;
			font-weight:bold;
			font-size:1.2em;
			line-height:42px; overflow:hidden; float:left;
		}
#mastmain {
 width: 960px;
 margin: 0 auto;
 background: #161616 url(../img/bg-mastmain.jpg) repeat-y left top;
 /*background: white;*/
}

#leftcolumn {
 height:100%; 
 color: #eee;
 background: #1e1e1d url(../img/bg-sidebar.jpg) no-repeat 0% 0%;
 padding: 10px;
 width: 178px;
 border: 1px solid #383839;
 /*display:block;*/
}

	/* Msg erreur form recherche */
	.validation-advice {
	color : #F00;
	}	
	
#main { 
 float: right; display:inline; overflow:hidden;
 width: 740px;
 padding: 0 10px 10px 10px;
 background:#161616;
}

	.bien-resume {background:#161616 url(../img/bg-bien.jpg) repeat-x top left; border:1px solid #383839; position:relative; min-height:182px; margin:0 0 15px 0; padding-top:5px; color:white;}
	p.descriptions {padding-right:10px;}
	
	.pasexclu {
	color:white;
	background:#161616 url('../img/bg-descriptif.jpg') no-repeat top left;
	width:710px;
	position:absolute;
	top:-10px;
	left:-1px;
	padding:0 0 0 10px;
	}
	.exclu {
	color:white;
	background:#161616 url('../img/bg-descriptif-exclu.jpg') no-repeat top left;
	width:710px;
	position:absolute;
	top:-10px;
	left:-1px;
	padding:0 0 0 10px; 
	}
	
	/*#main ul { margin-left:30px; }
	
	#main ul li { list-style-image: url(../img/bullet.gif); }*/
	
	#main .row {
		/*margin-top:10px;*/
		/*margin-left:10px;*/
	}
	#main .row p {
		text-align:justify;
		display:inline;
		padding-left:20px;
	}
	#calculette {
		border: 1px solid #383839;
		text-align:center;
		width:600px;
		height:350px;
		margin:15px auto 0 auto;
	}
	#animpcpale {
		border: 1px solid #383839;
		text-align:center;
		width:655px;
		height:391px;
		margin:15px auto 0 auto;
	}
	p.inside {
		margin-left:30px;
	}
	#outside {
		margin-left:20px;
	}
	
		#main .row .left {
			width:300px;
			float:left;
			padding-right:5px;
		}
		
		#Map {
		
		}
		
		#main .row .left #coordonnees {
			padding-left:30px;
		}
		
			#coordonnees img.icon {
				width:16px;
				height:16px;
			}
		
		#main .row .right {
			width:240px;
			/*display:inline;*/
			float:left;
			margin-left:10px;
		}
		
		#main .row .right #form {
			}

			#main .row .right #form #name{
			 visibility:hidden;
			}
			.columnr{
			 width:197px;
			 font-size:12px;
			 padding:10px;
			 float:right;
			 /*color:#4E4E4E;*/
			}
			div.row3 {
				width:150px;
			  }
			div.frow {
			  clear: both;
			  padding-top:2px;
			  }
			  
			  div.row2 {
				clear: both;
				padding:10px 0px 0px 0px;
				width:100px;
				float:right;
			  }
			
			div.frow span.label {
			  float: left;
			  width: 70px;
			  text-align: right;
			  }
			
			div.frow span.formw {
			  float: right;
			  width: 120px;
			  text-align: left;
			  } 
			INPUT, TEXTAREA, SELECT { 
			 color:#4E4E4E;
			 padding-left:2px;
			 font-size: 11px; 
			 border: none;
			 background-color:#EDEDED;
			 width:100px;
			}
			INPUT.prix {
			  width:60px;
			}
			INPUT.nbpieces {
			  width:60px;
			}
			INPUT.radio {
			 width:20px;
			 background-color:#262525;
			}
			input.bt-form {
			 border:none;
			 padding:0;
			 margin:0;
			 background:none;
			 width:129px;
			 height:43px;
			 }
			 input.bt-form2 {
			 border:none;
			 padding:0;
			 margin:0;
			 background:none;
			 width:16px;
			 height:16px;
			 }
			select.secteur {
				width:170px;
			}
			select.quartier {
				width:170px;
			}
			
			TEXTAREA {
			font-family:Arial, Helvetica, sans-serif;
			}
			.button{
			 background-color:#375781; 
			 border: 1px solid #FFFFFF;
			 padding:0px;
			 width:80px;
			 display:block;
			 color: #FFFFFF;
			 font-weight:bold;
			 text-transform:uppercase;
			 text-align:center;} 
			 
/*** Mise en forme du formulaire ***/

#inscription {
	border: 1px solid #383839;
	margin: 10px 0 0 70px;
	padding: 0;
	width: 50em;	/*** Largeur du formulaire ***/
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
	/*font: bold 1.1em arial, hevetica, sans-serif;*/
	font-weight:bold;
	color: white;
	background: #131313;
	margin: 0;
	padding: .5em;
}
#piedForm {
	text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
}
#corpForm {	/*** Mise en forme du corp du formulaire (bordure, couleur du fond...) ***/
	color: #707070;
	background: #1e1e1d;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border:1px solid #383839;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: white;
	background: transparent;
}
#corpForm p {	/*** Mise en forme des lignes du formulaire ***/
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#corpForm textarea#detail {	/*** Mise en forme du bloc de saisie ***/
	width:200px;
}
#corpForm input#name {	/*** Mise en forme du bloc de saisie ***/
	visibility:hidden;
}
#corpForm fieldset label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	color:white;
}
#corpForm label:hover, #piedForm input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpForm a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpForm a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpForm a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: grey;
	color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpForm .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpForm .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('../img/exclamation.png') no-repeat left center;
}
						 
			 
			 

	/* LES CLASSES MAIN */

td.fonds_tab, th.fonds_tab {
	border: 1px solid #FFFFCC;
	background-color: #FFFFCC;
	color: #000000;
}

td.fonds_tab_descr, th.fonds_tab_descr {
	background-color: #004BCD;
	color: #FFFFFF;
	font-size: 12pt;
}

td.rappel_sel, th.rappel_sel {
	font-size:7pt;
}

td.fonds_rap_sel, th.fonds_rap_sel {
	border: 1px solid #FFFFCC;
	background-color: #FFFFCC;
	color: #000000;
	font-size:7pt;
}

th.info {
	color: #FFFFCC;
}

h4.info {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	text-align:center;
	font-weight:bold;
}

li.info {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
}

li.info2, p.info {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 09pt;
	font-weight:lighter;
}

ul.designation {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 09pt;
}

td.ti_des {
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 09pt;
	font-weight: bold;
	font-style: italic;
	text-align: left;
	padding-left:5px;
	background-color:#333333;
}

.ti_descr {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 08pt;
	font-weight: bold;
	text-align: right;
}

span.prixEur {
	color: #4F87C1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	text-align:right;
}

.action {
	text-align:right;
}

span.ref {
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding:0 0 0 10px;
}

span.categorie {
	color: #FFFFFF;
	/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 11pt;
	text-align: center;
	font-weight:bold;
}

table.border {
	border: 1px solid #666666;
}

.bref-descriptif span {
	color:white;
}

/*span.price {
	font-size:1.5em;
}*/

.bref {
	background-color:#333333;
	padding:3px;
}

.bref #boutons {
	/*line-height: 16px;
	height:16px;
	vertical-align:middle;*/
	margin-top:5px;
	/*padding-bottom:5px;*/
}

.infoscomp {
	padding:5px;
}


p.erreur {
	color: #FFFFCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.submitPanier {
	background-color: #FFFFFF;
	font-size: 7pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


#onecolumn {
	width:766px;
}

/* BACK LINK
------------------------------------------------------------------*/

/*.top a, .top a:visited{
	position: absolute;
	left: 20px;
	bottom: 10px;
	background: transparent url(../img/top.gif) no-repeat 0 0;
	width: 14px;
	height: 14px;
	overflow: hidden;
	display: block;
	line-height: 1000%;
}
.top a:hover{
	background: transparent url(../img/top.gif) no-repeat 0 -19px;
}*/


/* footer */
#footer-wrap {
	position: relative;
	clear: both;
	padding: 1em 0 2.5em 0;
	/*margin-top: 30px;*/
	font: normal 1em 'Trebuchet MS', Tahoma, sans-serif;	
	background: #161616 url(../img/footer-top.png) no-repeat center top;
	color: #555;
	width: 960px;
	float: left;	
	display: inline;
	border-bottom: 30px solid #070707;		
}
#footer-wrap h3 {
	font: normal 1.6em/1.6em Georgia, 'Times New Roman', Times, serif;
	color: #ABABAB;	
}
#footer-content {	
	margin: 0 auto;		
	width: 880px;
	text-align: left;
}
#footer-content ul.col-list {
	border-top: 1px solid #202020;
	list-style: none;
	margin: 5px 0 0 5px; padding: 0;	
	width: 98%;
}
#footer-content ul.col-list li {
	border-bottom: 1px solid #202020;
}
#footer-content ul.col-list li a {
	display: block;
	line-height: 2em;
	font-weight: bold;
	padding: 4px 0 4px 8px;
	width: 98%;	
	color: #555;
	border: none;
}
#footer-content ul.col-list li a span {
	color: #444;
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, serif;
}
#footer-content ul.col-list li a:hover,
#footer-content ul.col-list li a:hover span {
	color: #fff;
	text-decoration: none;
}

#footer-content .col {
	width: 280px;
	padding: 0 0 30px 0;			
	display: inline;
}
#footer-content .col2 {
	width: 285px;
	padding: 0 0 30px 0;	
	display: inline;	
}
#footer-content .space-sep {
	margin-right: 12px;
}

		
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* margin & padding classes */
.padding-left-right-10 { padding-left:10px; padding-right:10px;}
.padding-left-right-20 { padding-left:20px; padding-right:20px;}
.padding-left-20 { padding-left:20px;}
.padding-left-30 { padding-left:30px;}

/* border classes */
.border {border: 1px solid #383839;}