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

* { padding: 0; margin: 0; }

body {
 background: #f9f9f1 url(../img/bg_body.jpg) repeat-x left top;
 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:black;
	/*border-bottom: 1px dotted #438800;*/
}
a.img:hover {
	border:none;
}

a.miniature:hover {
	border:none;
}

p {
	/*display:block;*/
	margin-bottom:5px;

}

/* 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: #74BB1E;
}
h2 {
	font-size: 1.6em;
	line-height:1.6em;
	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: black;
}

/* 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;}
img.agbig {margin:0 30px 30px 0;}
img.imgcenter {margin:0 auto;}
img.exclugic {float:left;}

blockquote {
	margin: 15px 10px;
 	padding: 10px 10px 10px 35px;
    background: #C8D686 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: 997px;
	margin: 0 auto;
	text-align: left;
	background: url(../img/bg_main.png) repeat-y center top;
}
#mastheader{
 	/*background: url(../img/bg_header.jpg) repeat-x center top;*/
}
	#bandeau {
		margin:0 auto;
		width: 997px;
		height:296px;
	}
		#header {
		 color: #333;
		 width: 997px;
		 height: 295px;
		 margin: 0 auto;
		 /*float:left;*/
		}
			#header a img {
				border:0;
			}
		#fla {
		 float:left;
		 overflow:hidden;
		 width:460px;
		 height:165px;
		 margin:0;
		}
	#menu {
	 width:900px;
	 height:52px;
	 margin: 0 auto;
	 top: 259px;
	 left:355px;
	 position:absolute;
	}

		/*Credits: Dynamic Drive CSS Library */
		/*URL: http://www.dynamicdrive.com/style/ */

		.animatedtabs{
		overflow: hidden;
		width: 100%;
		font-size: 1.2em; /*font of menu text*/
		}


		.animatedtabs ul{
		list-style-type: none;
		margin: 0;
		margin-left: 10px; /*offset of first tab relative to page left edge*/
		padding: 0;
		}

		.animatedtabs li{
		float: left;
		margin: 0;
		padding: 0;
		}

		.animatedtabs a{
		float: left;
		position: relative;
		top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
		background: url(../img/tab-blue-left.gif) no-repeat left top;
		margin: 0;
		margin-right: 3px; /*Spacing between each tab*/
		padding: 0 0 0 9px;
		text-decoration: none;

		}

		.animatedtabs a span{
		float: left;
		position: relative;
		display: block;
		background: url(../img/tab-blue-right.gif) no-repeat right top;
		padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */
		font-weight: bold;
		color: black;
		}

		/* Commented Backslash Hack hides rule from IE5-Mac \*/
		.animatedtabs a span {float:none;}
		/* End IE5-Mac hack */


		.animatedtabs .selected a{
		background-position: 0 -125px;
		top: 0;
		}

		.animatedtabs .selected a span{
		background-position: 100% -125px;
		color: black;
		padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		top: 0;
		}

		.animatedtabs a:hover{
		background-position: 0% -125px;
		top: 0;
		}

		.animatedtabs a:hover span{
		background-position: 100% -125px;
		padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */
		top: 0;
		}

#mastmain {
 width: 960px;
 margin: 0 auto;
 background: white;
}
#leftcolumn {
 height:100%;
 color: #666;
 padding: 10px;
 width: 178px;
}

.box {
	background: white url(../img/bg-sidebar.jpg) repeat-x left top;
	border: 1px solid #ccc;
	margin:0 0 15px 0;
	position:relative;
	padding:5px;
}
	.short {
		background: white url(../img/bg-box.jpg) repeat-x left top;
	}

	.boxtitle {
		background: url(../img/boxheader.jpg) no-repeat top left;
		width:178px;
		color:white;
		font-weight:bold;
		text-align:center;
		position:absolute;
		top:-5px;
		left:-1px;
		padding-left:10px;
	}

		.pictotitle {position:absolute;top:-15px;left:2px;}

	/* Msg erreur form recherche */
	.validation-advice {
	color : #F00;
	}

#maincolumn {
 float:right; display:inline; overflow:hidden;
 width:530px;
}


#main {
 float: right; display:inline; overflow:hidden;
 width: 740px;
 padding: 0 10px 10px 10px;
 background:white;
}
	#rightcolumn {
	 float:right; display:inline; overflow:hidden;
	 height:100%;
	 color: #666;
	 padding: 10px;
	 width: 178px;
	}
	/*#main ul { margin-left:30px; }

	#main ul li { list-style-image: url(../img/bullet.gif); }*/

	.bien-resume {background:white url(../img/bg-bien.jpg) repeat-x top left; border:1px solid #CCCACA; position:relative; min-height:182px; margin:0 0 15px 0; padding-top:5px;}
	p.descriptions {padding-right:10px;}

	.pasexclu {
	color:white;
	background:white 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:white url('../img/bg-descriptif-exclu.jpg') no-repeat top left;
	width:710px;
	position:absolute;
	top:-10px;
	left:-1px;
	padding:0 0 0 10px;
	}

	#main .row {
		/*margin-top:10px;*/
		/*margin-left:10px;*/
	}
	#main .row p {
		text-align:justify;
		/*display:inline;*/
		padding-left:0px;
	}
	.agence {
		width:210px;
		height:300px;
		margin:10px;
		float:left;
		overflow:hidden;
		background:url('../img/bg-agence.jpg') no-repeat center top;
		color:#707173;
		position:relative;
	}
		.agence .titre_agence {
			width:210px;
			text-align:center;
			color:white;
			font-weight:bold;
			font-size:1.2em;
			padding-top:5px;
		}
		.agence .corpsag {
			position:absolute;
			top:68px;
			left:8px;
		}
		.agence .bt-consulter {
			margin:10px 0 0 85px;
		}
	#calculette {
		text-align:center;
		width:750px;
		height:500px;
		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;
		}

		#main .row .left2 {
			width:240px;
			float:left;
			padding-left:20px;
		}

		#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.radio {
			 width:20px;
			 /*background-color:#262525;*/
			}
			input.bt-form {
			 border:none;
			 padding:0;
			 margin:0;
			 background:none;
			 width:160px;
			 height:21px;
			 }
			 input.bt-form2 {
			 border:none;
			 padding:0;
			 margin:0;
			 background:none;
			 width:16px;
			 height:16px;
			 }
			select.secteur {
				width:160px;
			}
			select.quartier {
				width:170px;
			}
			select#emailagence {width:300px;}

			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 #ccc;
	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: #8DB3D0;
	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: #666;
	background: #f7f7f7;
	margin: 0;
	padding: 1em;
}
#corpForm fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em;
	border:1px solid #ccc;
}
#corpForm legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color: #666;
	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:#666;
}
#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-color:#d4d4d4;
	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;
}

	/* Animation page accueil */
	.pics { height:  212px; width:   510px; padding: 0; margin-top:  10px; }
    .pics slide { padding: 10px;  border:  1px solid #ccc; background-color: #eee; width:  480px; height: 180px; top:  10px; left: 0 }
    .pics .slide .pasexclu, .pics .slide .exclu  {margin-top:9px; }



	/* 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;
}

a.info {color:white;font-size:1.2em; font-weight:bold;}
a.info:hover {color:black;}

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:#8DB3D0;
}

.ti_descr {
	color: #000;
	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;
}

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

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

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

.infoscomp {
	padding:5px;
}


p.erreur {
	color: #FF0000;
	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: 0;
	/*margin-top: 30px;*/
	font-size: 0.9em /*'Trebuchet MS', Tahoma, sans-serif*/;
	background: #f7f7f7 url(../img/footer-top.jpg) no-repeat center top;
	color: #555;
	width: 961px;
	float: left;
	display: inline;
	margin:0 auto;
	border-bottom: 20px solid #8DB3D0;
}
#footer-wrap h3 {
	/*font: normal 1.6em/1.6em Georgia, 'Times New Roman', Times, serif;*/
	color: #000;
}
#footer-content {
	margin: 0 auto;
	width: 880px;
	text-align: left;
}
#footer-content ul.col-list {
	border-top: 1px solid #303030;
	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: black;
	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;}

/* Div centr� */
.center {text-align:center;}