/* DEFINITION DES STYLES GRAPHIQUES */

body {
	background:#FFF url(images/bg.png) repeat;
}

div#global {
	background:#FFF;
}



/* liens */
.description-annonce a {
	color:#000;
	text-decoration:none;
}

.description-annonce a:hover {
	color:#a20303;
	text-decoration:none;
}

.description-annonce-b a {
	color:#FFF;
	text-decoration:none;
}

.description-annonce-b a:hover {
	color:#a20303;
	text-decoration:none;
}

a:hover {
	color:#a20303;
}

/* balise <p> générales */
.soustitres {
	margin:25px 0px 0px 40px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:.9em;
}

.soustitres-2 {
	margin:25px 0px 20px 15px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:.9em;
}

.soustitres-3 {
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	text-decoration: underline;
	font-size:.9em;
}

.soustitres-4 {
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	text-decoration: underline;
	font-size:.9em;
	float:left;
	width:250px;
}

.soustitres-5 {
	float:left;
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	text-decoration: underline;
	font-size:.9em;
}

.soustitres-6 {
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	text-decoration: underline;
	font-size:.9em;
	float:left;
	width:180px;
	margin-left:10px;
}

.soustitres-7 {
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	text-decoration: underline;
	font-size:.9em;
	float:left;
	width:170px;
	margin-left:40px;
}

.soustitres-n {
	float:left;
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	font-size:.9em;
	width:100%;
}

.no-decoration {
	float:left;
	color:#000;
	font-family:arial;
	font-weight:bold;
	font-size:.9em;
}

/* DEFINITION DES POSITIONNEMENTS */

/* conditions générales */
body,html {
	margin:0px 0px;
	padding:0px 0px;
}

/* class utile */

.clear {
clear:both;
}

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

/* bloc global */

div#global {
	margin:0 auto;
	width:1014px;
}

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

/* bloc header */

div#header {
	margin:0 auto;
	//padding:10px;
	width:100%;
	float:left;
}

div#header h1 {
	float:right;
	margin:0px 70px 0px 0px;
}
/* ----------------------------------------- */




/* bloc navigation */

div#navigation {
	margin:0 auto;
	width:1014px;
	height:60px;
	background:url(images/bg-menu.png) top left repeat-x;
}

.corner-l {
	float:left;
	width:11px;
	height:60px;
	background:url(images/corner-l.png);
}

.corner-r {
	float:right;
	width:11px;
	height:60px;
	background:url(images/corner-r.png);
}
/* suite de la navigation en bas de page !!  */
/* ----------------------------------------- */




/* bloc b-presentation */

div#b-presentation {
	margin:5px 0px 5px 0px;
	width:100%;
	height:267px;
	background:#FFF url(images/bg-panel.png) top left no-repeat;
}

.bg-presentation {
	width:829px;
	height:259px;
	float:left;
	margin:5px 0px 0px 8px;
	background:url(images/bg-presentation.png) top left;
}

p.cliquez {
	margin:100px 425px;
}

div#right-presentation {
	width:175px;
	height:259px;
	float:left;
}

p.right-link {
	margin:5px 0px 0px 8px;
}


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


/* bloc b-coeur */

div#b-coeur {
	margin:5px 0px 5px 0px;
	width:100%;
	height:267px;
	background: #FFF url(images/bg-panel.png) top left no-repeat;
}

div#coup-de-coeur {
	float:left;
	margin:4px 0px 0px 36px;
	width:700px;
	height:260px;
}

h2.c2-coeur {
	float:left;
	width:100%;
	height:37px;
	margin:15px 0px 5px -28px;
	padding:0px;
}

div.bloc-annonces {
	margin:10px 0px;
	width:160px;
	height:150px;
	float:left;
}

div.images-annonces {
	width:145px;
	height:110px;
	margin:0 auto;
}

div.images-annonces img{
	height:102px;
	border-top:4px solid #a1a1a1;
	border-bottom:4px solid #a1a1a1;
	float:left;
}

.description-annonce {
	text-align:center;
	font-family:arial;
	font-weight:600;

	color:#000;
	font-size:.9em;
}

.description-annonce-b {
	text-align:center;
	font-family:arial;
	font-weight:600;
	color:#FFF;
	font-size:.9em;
}

p.view-all-link {
	margin:0px 20px;
	float:left;
	height:30px;
	width:100%;
}

p.view-all-link2 {
	margin:0px 20px;
	float:left;
	height:30px;
	width:100%;
}

p.view-all-link a{
	margin:0px 0px;
	text-align:left;
	font-family:arial;
	font-weight:bold;
	text-decoration:underline;
	color:#333;
	font-size:1.1em;
	line-height:30px;
}

p.view-all-link2 a{
	margin:0px 0px;
	text-align:left;
	font-family:arial;
	font-weight:bold;
	text-decoration:underline;
	color:#FFF;
	font-size:1.1em;
	line-height:30px;
}

p.view-all-link a:hover{
	color:#a20303;
}

p.view-all-link2 a:hover{
	color:#a20303;
}

div#coordonnes {
	float:left;
	margin:4px 0px 0px 0px;
	width:276px;
	height:260px;
	background:url(images/bg-coordonne.png) top left no-repeat;
}

h2.coordonnes-title {
	float:right;
	width:253px;
	height:37px;
	margin:15px 0px 10px 0px;
	padding:0px;
}

.soustitres-coord {
	margin:30px 0px 0px 15px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:.9em;
	text-align:center;
}

.coord-adress {
	margin:20px 0px 0px 15px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:1.3em;
	text-align:center;
}

.coord-contact {
	margin:17px 0px 0px 15px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:.9em;
	text-align:center;
}

.coord-site {
	margin:10px 0px 0px 15px;
	font-family:arial;
	font-weight:bold;
	letter-spacing:1px;
	color:#a20303;
	font-size:.9em;
	text-align:center;
}

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



/* bloc b-annonces */

div#b-annonces {
	margin:0 auto;
	width:100%;
	height:293px;
	background:#FFF url(images/bg-panel-black.png) top left no-repeat;
}

div#annonces {
	float:left;
	margin:4px 0px 0px 36px;
	width:700px;
	height:286px;
}

h2.les-annonces {
	float:left;
	width:100%;
	height:37px;
	margin:15px 0px 5px -28px;
	padding:0px;
}

div#outils-pratiques {
	float:left;
	margin:3px 0px 0px 0px;
	width:276px;
	height:286px;
	background:url(images/bg-outils.png) top left no-repeat;
}

h2.outils-title {
	float:right;
	width:253px;
	height:37px;
	margin:15px 0px 0px 0px;
	padding:0px;
}

ul.menu-outils {
	list-style-type:none;
	float:right;
	margin:10px 60px 0px 0px;
}

ul.menu-outils a {
	font-family:arial;
	font-weight:bold;
	color:#FFF;
	font-size:.9em;
	line-height:18px;
	text-decoration:none;
}

ul.menu-outils a:hover {
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	font-size:.9em;
	line-height:18px;
	text-decoration:none;
}

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



/* bloc footer */

div#footer {
	margin:0 auto;
	width:100%;
	background:#FFF;
}

div#footer p {
	text-align:center;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:.9em;
}

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

/* Definition du bloc wrapper */

#wrapper {
	width:100%;
	margin:0px 0px;
	padding:0px 0px;
}

/* Definition du bloc content */

div#content {
	width:742px;
	float:left;
}

.title {
	margin-left:20px;
}

/* definition du bloc de la colonne gauches */

div#left-col {
width:272px;
float:right;
}

/* Definition des bloc fixe de la colonne de gauche */

div#left-coord {
	width:100%;
	margin-top:15px;
	height:267px;
	background:url(images/cadre-left-fixe.png) top left no-repeat;
	float:left;
}

.margin-correction {
	margin:-27px 5px 0px 0px;
	//margin:0px 5px 0px 0px;
}

div#left-pub {
	width:100%;
	margin-top:15px;
	height:267px;
	background:url(images/cadre-left-fixe.png) top left no-repeat;
	float:left;
}

div#left-pub img{
	margin-top:3px;
	margin-left:8px;
}

#colone-coeur {
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
	float:left;
}

#top-form {
	width:100%;
	margin:0px 0px;
	height:13px;
	background:url(images/top-left-col.png) top left no-repeat;
}
div#left-c2coeur {
	width:100%;
	background:url(images/center-left-col.png) top left repeat-y;
	float:left;
}

div#left-c2coeur h3 {
	width:262px;
	margin-left:7px;
	margin-top:5px;
}

#bottom-form {
	width:100%;
	margin:0px 0px;
	height:57px;
	background:url(images/bottom-left-col.png) top left no-repeat;
}

div.bloc-annonces-left {
	margin-left:5%;
	width:250px;
	float:left;
}

.left-img {
	width:4px;
	height:100%;
	background: url(images/left-img.png) top left no-repeat;
	float:left;
}

.right-img {
	width:4px;
	background: url(images/right-img.png) top left no-repeat;
	float:left;
	height:100%;
}

/* Contenu de la page contact */

div#formulaire {
	float:left;
	width:97%;
	margin-left:10px;
	background:#f0efef;
	border:1px solid #dfdede;
	padding-bottom:10px;
}

#champs {
	width:510px;
}

.input {

	width:100%;
	padding:5px 5px;
	margin:10px 100px;
	//margin:2px 100px;
}

#champs .input label{
	float:left;
	width:160px;
	text-align:right;
	margin-bottom:10px;
}


#champs .input input{
	float:left;
	margin-bottom:10px;
}

/* formulaire colonne gauche */

div#left-form {
	width:100%;
	margin-top:15px;
	float:left;
}



#type-left .checkbox input{
	margin:2px 0px;
}

.check-left1 {
	width:100%;
	float:left;
	margin-top:10px;
}

.check-left2 {
	width:100%;
	float:left;
}

.mini-input-left {
	float:left;
	//width:100%;
}



#type-left {
	float:left;
	width:235px;
	border:1px solid #666;
	padding:5px 5px;
	margin-top:10px;
	margin-left:15px;
}

#type-left input{
	margin:2px 2px;
}

#type-left p{
	margin:2px 2px;
}

#type-left label{
	font-size:10px;
}

.cl1 {
	margin-left:20px;
}

.cl2 {
	margin-top:0px;
}

.title-form {
	margin:0px 20px;
	margin-bottom:10px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	font-size:1em;
}

/* Definition des bloc de la page ESTIMER */

.radio {
	margin-left:20px;
}

#champs-1 {
    float:left;
	width:91%;
	margin:10px 20px;
	padding:10px 10px;
	background:#FFF;
	border:1px solid #999;
}

#champs-1 .input-2{
	float:left;
	margin:5px 10px;
	width:45%;
}

#champs-1 .input-2 label{
	float:left;
	width:70px;
	text-align:right;
}

#champs-1 .input-3{
	float:left;
	margin:5px 10px;
	width:100%;
}

#champs-1 .input-3 label{
	float:left;
	width:130px;
	text-align:right;
}

#champs-1 .input-4{
	float:left;
	margin:5px 10px;
	width:190px;
	text-align:right;
}

#champs-1 .input-4 label{
	float:left;
	width:130px;
	text-align:right;
}

#champs-1 .input-4 input{
	float:left;
	margin-left:0px;
}

#champs-1 .input-4bis{
	float:left;
	margin:5px 10px;
	text-align:right;
	width:290px;
}

#champs-1 .input-4bis input,#champs-1 .input-4bis select{
	float:left;
	margin-left:5px;
}

#champs-1 .input-4bis label{
	float:left;
	width:130px;
	text-align:right;
}

.precision {
	float:left;
	width:420px;
	font-family:arial;
	font-weight:600;
	color:#000;
	padding:0px 0px;
	font-size:.9em;
	margin-top:1px;
}

.precision-2 {
	float:left;
	width:100px;
	font-family:arial;
	font-weight:600;
	color:#000;
	padding:0px 0px;
	font-size:.9em;
	margin-top:8px;
}

#champs-1 .input-5{
	float:left;
	margin:5px 10px;
	width:130px;
	text-align:right;
}

.radio-2 {
	float:left;
	width:150px;
	margin:0px 5px;
	margin-top:5px;
}

.radio-2 label{
	float:left;
	margin:0px 0px;
	padding:0px 0px;
	text-align:right;
	width:120px;
}

.radio-3 {
	float:left;
	margin:0px 5px;
	margin-top:5px;
}

.submit {
	width:100px;
	height:30px;
	float:right;
	margin:10px 20px 0px 20px;
}

.submit input{
	width:100px;
	height:30px;
	float:right;
	padding:5px 2px;
	border:1px solid #333;
	background:#000;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
}

.submit input:hover, .submit input:active{

	border:1px solid #000;
	background:#333;
	color:#FFF;
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
}

/* Rajout pour le Formulaire de recherche de logement */

div#formulaire-degrade {
	float:left;
	width:718px;
	margin-left:10px;
	background: url(images/bg-formulaire.png) bottom center no-repeat;
	border:1px solid #dfdede;
	padding-bottom:5px;
}

#champs-2 {
    float:left;
	width:91%;
	margin:10px 20px;
	padding:10px 10px;
	border:1px solid #999;
}

#type, #type-n, #type-n2 {
	float:left;
	width:640px;
	border:1px solid #666;
	padding:5px 5px;
	margin-top:20px;
}

#type .checkbox ,#type-n .checkbox, #type-n2 .checkbox{
	float:left;
	width:180px;
	height:20px;
	margin:2px 0px;
}

#type .nombre-check , #type-n .nombre-check , #type-n2 .nombre-check {
	float:left;
	padding:7px 10px;
}

#type-2, #type-2-n {
	float:left;
	width:200px;
	border:1px solid #666;
	padding:5px 5px;
	margin-top:20px;
	margin-right:10px;
}

.mini-input {
	margin-bottom:5px;
	float:left;
	width:100%;
}

.mini-input label{
	width:50px;
	text-align:right;
	float:left;
}

.geo input {
	margin:5px 5px;
	//margin:5px 0px;
}

.menu-deroulant {
	width:50%;
	float:left;
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	font-size:.9em;
}

.opt1,.opt2,.opt3 {
	float:left;
	margin:10px 10px;
}

#check-opt-2 {
	background:#fefefe;
	border:1px solid #333;
	width:300px;
}

.mentions {
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	margin:5px 5px;
}

/*---  PArti reserve a la page "LISTING"  ---*/

.title-list {
	float:left;
	margin-left:20px;
	margin-top:5px;
	color:#a20303;
	text-decoration:underline;
	width:200px;
}

#list-menu{
	float:left;
	display:inline;
}

#list-menu ul{
	float:left;
	display:inline;
	list-style:none;
	
}

#list-menu ul li{
	float:left;
	display:inline;
}

#recherche {
	width:91%;
	margin: 0 auto;
	border-bottom:1px solid #ccc;
}

#affiné {
	width:91%;
	margin: 0 auto;
	line-height:20px;
	height:20px;
}

.menu-deroulant2 {
	width:;
	float:left;
	font-family:arial;
	font-weight:bold;
	color:#a20303;
	font-size:.9em;
	margin-left:10px;
	margin-top:10px;
}

.entete-fiche-list {
	width:100%;
	height:64px;
	float:left;
	margin-top:20px;
	color:#FFF;
	font-size:12px;
	background: url(images/entete-fiche-list.png) top left no-repeat;
}

.entete-fiche-list_coeur {
	width:100%;
	height:64px;
	float:left;
	margin-top:20px;
	color:#FFF;
	font-size:12px;
	background: url(images/entete-fiche-list_coeur.png) top left no-repeat;
}

.corps-fiche-list {
	width:550px;
	border:1px solid #333;
	background:#FFF url(images/bg-Flist.png) bottom left repeat-x;
	padding-bottom:10px;
}

#left-cF {
	width:70%;
	float:left;
}

#ref-list {
	margin-top:30px;
}

.r1 {
	width:70%;
	float:left;
}

#ref-list p{
	margin:5px 10px;
}

#ref-list a img{
	float:right;
}

#right-cF {
	float:right;
	width:30%;
}

#right-cF img{
	margin:5px 10px;
	float:right;
}

#nav-bottom {
	float:right;
	margin-right:20px;
}

#nav-list {
	width:91%;
	margin: 0 auto;
	line-height:20px;
	height:20px;
	color:#333;
	text-decoration:none;
	font-size:10px;
	font-weight:bold;
}

#nav-list a{
	color:#333;
	text-decoration:none;
	font-size:10px;
	margin:0px 15px;
}

#nav-list a:hover,#nav-list a:active {
	color:#a20303;
	text-decoration:none;
	font-size:10px;
	margin:0px 15px;
}

#listing {
	width:718px;
	background:url(images/entete-list.png) 7px 0px no-repeat;
}

/* Partie reserver a la page "Produit" */

.fiche {
	margin:0 auto;
	width:552px;
}

#entete-fiche {
	width:100%;
	float:left;
	margin-top:20px;
	color:#FFF;
	font-size:12px;
	background: url(images/entete-fiche.png) top left no-repeat;
}

#entete-fiche_coeur {
	width:100%;
	float:left;
	margin-top:20px;
	color:#FFF;
	font-size:14px;
	background: url(images/entete-fiche_coeur.png) top left no-repeat;
}

.mentions-2 {
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	color:#000;
	margin:5px 5px;
	width:600px;
}

.left-en {
	width:45%;
	float:left;
	margin-left:10px;
	font-weight:bold;

}

.right-en {
	width:45%;
	float:right;
	margin-right:10px;
	font-weight:bold;
}

.left-en p , .right-en p {
	font-size:12px;
	margin-top:5px;
}

.en-1 {
	float:right;
}

.en-2 {
	float:right;
	font-size: 10px;
	margin-right:10px;
	font-weight:bold;
	color:#FFF;
	margin-top:5px;
}

#corps-fiche {
	width:550px;
	border:1px solid #333;
	background:#FFF url(images/bg-formulaire.png) bottom left no-repeat;
	padding-bottom:10px;
}

#visioneuse {
	width:505px;
	/*background:#fc45ae;*/
	margin:20px auto;
	text-align:center;
}

#imgprod {
	float:left;
	width:100%;
	text-align:center;
}

#infos > :first-child {
	margin-left:10px;
	font-size: 12px;
	font-weight:bold;
	color:#000;
}

#information {
	width:520px;
	border:1px solid #666;
	margin:0 auto;
	background:#FFF;
}

.title-infos {
	width:510px;
	height:20px;
	line-height:20px;
	color:#FFF;
	background: #000 url(images/bg-title-info.png) top left repeat-x;
	margin:0px 0px;
	padding-left:10px;
}

.c1 {
	float:left;
	margin:5px 15px;
	
}

.info-t2 {
	margin-left:10px;
	font-size: 12px;
	font-weight:bold;
	color:#000;
}

.c1 p, .c3 p {
	float:left;
	margin:0px 0px;
}
.c2 {
	float:right;
	margin-top:20px;
	margin-right:10px;
	width:60%;
}

.c3 {
	float:left;
	margin:5px 5px;
	width:35%;
	border-right:1px solid #ddd;
}

.Botc {
	width:100%;
	float:left;
	border-top:1px solid #ddd;
}

.c4 {
	float:left;
	margin:5px 5px;
	width:60%;
	}
	
.c5 {
	float:left;
	margin:5px 5px;
	padding:10px 5px;
	width:30%;
	border-right:1px solid #ddd;

}
.c4 a {
	float:left;
	display:block;
	text-align:left;
	vertical-align:middle;
}
.liste-fiche {
	margin-left:40px;
}

#HideMail input{
	margin-left:10px;
}

#Inenvoi {
	background:#ddd;
	border:1px solid #333;
	margin:5px 5px 5px 0px;
	cursor:pointer;
	font-weight:700;
}

#Inenvoi:hover {
	background:#333;
	color:#FFF;
}
.rehausse {
	margin-top:-10px;
}
/*----------------------------------------------------------------------------------------------------------------------*/

/* correctif visioneuse */
#posimg {
	float:left;
	margin:5px 5px;
}
/*------------------*/

/* correctif wysiwyg */
#wysiwyg {
	float:left;
	width:90%;
	margin-left:5%;
}
/*------------------*/

/* Navigation */
.white { color:white; }

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  font-family: Arial, Helvetica, sans-serif;
  z-index: 100;
  position: relative;
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  font: bold 1em/25px Arial, Helvetica, sans-serif;
  color: #FFF;
  display: block;
  padding: 0 9px;
  text-decoration: none;
}

.nav li a:hover {
  color: #FFF;	

}

#menu-nav {
	float:left;
	margin-top:25px;
	margin-left:50px;
}

#menu-nav li{
	margin:0px 10px;
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #a20303;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
  color: #FFF;	
}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  color: #000;	
}


.nav ul {
  background: #000;
  border-bottom: 1px solid #000;
  list-style: none;
  margin: 0;
font-size:12px;
  position: absolute;
  top: -999em;
  left: -1px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 25px;
}
.nav ul li {
  border: 0;
  float: none;
}
.nav ul a {
  border-top: 1px solid #333;
  border-bottom: 0;
  padding-right: 10px;
  font-size:12px;
}
.nav ul a:hover {
  background: #a20303;
  color: #000;
  font-size:12px;
}