html,body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;text-align:center; text-align:left; color:black; text-align:justify; background-color:white;}
#header{height:110px;background-image:url("image/bandeau.jpg"); background-repeat:no-repeat; background-position:right;}
#header-logo{width:350px;height:50px; padding:10px 0 0 40px;}
#header-slogan{width:350px;height:20px; padding-left:45px;}
#conteneur{width:960px;margin-left:auto;margin-right:auto;}
#conteneur-contenu{width:919px;margin-left:20px; padding-top:15px;background-color:#eaeaea; padding-bottom:20px;}
#menu-nav{height:46px;width:919px;background-color:#1d5d17; margin-left:20px;background:url("image/bg-menu.jpg") repeat-x;background-position:bottom;}
#gauche{float:left;width:251px;}
#contenu{margin-left:251px;background:url("image/grand-cadre-milieu.jpg") repeat-y;min-height:10px;}
#pied{height:30px;clear:both;background:url("image/pied.jpg") repeat-x;padding-top:10px;background-color:white;text-align:center;}
#arbo{margin-left:10px; height:25px;}

#lille-immo {margin:0 0 20px 20px;}

#pub{margin-top:16px;color:#053001; font-weight:bold;}

/* Signature Supeva */
#pd-gauche{width:765px;float:left;height:70px; text-align:left; padding-left:20px;}
#pd-droite{width:150px;float:left;height:70px;}
a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#32a226;text-decoration:none;font-size:7px; font-weight:bold;}
.supeva-texte{color:#32a226;font-size:7px; font-weight:bold;}

/* Menu */

#menu, #menu ul /* Liste */	
{
	padding : 0; /* pas de marge int?rieure */
	margin : 0; /* ni ext?rieure */
	list-style : none; /* on supprime le style par d?fault de la liste */
	height : 46px;
	line-height : 40px; /* on défini une hauteur pour chaque élément */
	text-align : center; /* on centre le texte qui se trouve dans la liste */
	width:920px;
}

#menu{font-weight:bold;font-family :Arial;font-size:12px;}

#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0; /* aucune marge intérieure */
	background:url("image/menu-off.jpg") repeat-x; /* couleur de fond */	
	color : white; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 210px; /* largeur */
}

#menu a.taille1 /* Contenu des listes */{width:124px;}
#menu a.taille2 /* Contenu des listes */{width:115px;}
#menu a.taille3 /* Contenu des listes */{width:170px;}

#menu li /* Elements des listes */{float :left;/* pour ie qui ne reconnait pas "transparent" */border-right: 1px solid #fff;/* on met une bordure blanche ? droite de chaque élément */}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li{border-right: 1px solid #539800 ; /* on met une bordure transparante droite de chaque élément */}

#menu li ul /* Sous-listes */
{ 
	position: absolute; /* Position absolu */
	width: 144px; /* Largeur des sous-listes */
	left: -999em; /* Hop, on envoi loin du champ de vision */
	line-height:20px;
}

#menu li ul ul 
{
	margin		: -22px 0 0 144px ; /* On décale les sous-sous-listes qu'elles ne soient pas au dessus des sous-listes */	
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-left	: 1px solid #fff ; /* Petite bordure ? gauche pour ne pas coller ... */	
}

/* ie ne reconnaissant pas le s?lecteur ">" ... je me répéte ;-) */
html>body #menu li ul ul{border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #353535; /* On passe le texte en noir ... */
	background:url("image/menu-on.jpg") repeat-x; /* ... et au contraire, le fond en blanc */
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un ?l?ment de liste */
{
	left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un ?l?ment de liste ET sous-sous-lites lorsque la souris passe sur un ?l?ment de sous-liste */
{
	left: auto; /* Repositionnement normal */
	min-height: 0; /* Corrige un bug */
}

#menu ul li a {background:#5b9a03 none repeat scroll 0 0; text-align:left; padding-left:10px; width:245px;}
#menu ul li a:hover {background:#74c600 none repeat scroll 0 0; text-align:left; padding-left:10px; width:245px;}
#menu ul.ssmenu1 li a {background:#5b9a03 none repeat scroll 0 0; text-align:left; padding-left:10px; width:115px;}
#menu ul.ssmenu1 li a:hover {background:#74c600 none repeat scroll 0 0; text-align:left; padding-left:10px; width:115px;}

#menu ul.ssmenu2 li a {background:#5b9a03 none repeat scroll 0 0; text-align:left; padding-left:10px; width:200px;}
#menu ul.ssmenu2 li a:hover {background:#74c600 none repeat scroll 0 0; text-align:left; padding-left:10px; width:200px;}

#menu ul.ssmenu3 li a {background:#5b9a03 none repeat scroll 0 0; text-align:left; padding-left:10px; width:185px;}
#menu ul.ssmenu3 li a:hover {background:#74c600 none repeat scroll 0 0; text-align:left; padding-left:10px; width:185px;}

/* Pied de page en ligne*/
ul#menu_horizontal li {list-style-type :none;display :inline;padding :0 1em;}

/* Cadres - ON VOUS GUIDE & COUPS DE COEUR*/
#petitcadrehaut-onvousguide{background-image:url("image/onvousguide-haut.jpg");background-repeat:no-repeat;height:39px; width:223px;margin-left:15px;}
#petitcadrehaut-coupdecoeur{background-image:url("image/coupdecoeur-haut.jpg");background-repeat:no-repeat;height:34px; width:223px;margin-left:15px;}
#petitcadrehaut-recherche{background-image:url("image/recherche-avancee-haut.jpg");background-repeat:no-repeat;height:34px; width:223px;margin-left:15px;}
#petitcadrehaut{background-image:url("image/petit-cadre-haut.jpg");background-repeat:no-repeat;height:13px; width:223px;margin-left:15px;}
#petitcadremilieu{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:y;width:223px;margin-left:15px;}
#petitcadremilieu-vert{background-image:url("image/petit-cadre-milieu-vert.jpg");background-repeat:y;width:223px;margin-left:15px;}
#petitcadremilieu-coupdecoeur{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:y;width:203px;margin-left:15px;padding: 10px 10px 0 10px; text-align:center; height:170px;}
#petitcadremilieu-recherche{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:y;width:203px;margin-left:15px;padding: 10px 10px 0 10px; text-align:left;}
#petitcadrebas{background-image:url("image/petit-cadre-bas.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}
#petitcadrebas-vert{background-image:url("image/petit-cadre-bas-vert.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}
#petitcadrebas-2{background-image:url("image/petit-cadre-bas-2.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 15px;}

#contenantcadre{width:190px; margin-left:20px;margin-bottom:5px; margin-top:0;}

/* Cadre - Contenu principal */
#grandcadrehaut{background-image: url("image/grand-cadre-haut.jpg"); background-repeat:no-repeat;height:16px; width:650px;}
#grandcadremilieu{background-image: url("image/grand-cadre-milieu.jpg"); background-repeat:y;width:610px;padding:0 20px 0 20px;}
#grandcadrebas{background-image: url("image/grand-cadre-bas.jpg"); background-repeat:no-repeat;height:26px;width:650px; clear: both;}

/* Cadre - Mini Annonce */
#cadreenglobeannonce{width:624px;float:left; padding-top:10px;}
#cadreenglobeuneannonce{float:left; margin-right:13px;}

#cadreminiannoncehaut{background-image: url("image/petiteannonce-haut.jpg"); background-repeat:no-repeat;height:16px; width:195px;}
#cadreminiannoncemilieu{background-image: url("image/petiteannonce-milieu.jpg"); background-repeat:y;width:155px;padding:0 20px 0 20px; text-align:center;}
#cadreminiannoncebas{background-image: url("image/petiteannonce-bas.jpg"); background-repeat:no-repeat;;height:26px;width:195px; margin-bottom:20px;}

/* Cadre - page Annonce */
#cadreannonce{width:612px;}
#cadreannoncedroite{width:292px;padding-right:10px;float:left;}

#cadreannonce-realisation{width:592px;border: 1px solid #5b9a05;float:left; margin-bottom:10px; padding: 10px 10px 10px 10px;}
#cadreannoncegauche-realisation{width:352px;padding-right:10px;float:left;border-right: 1px dashed #5b9a05;}
#cadreannoncedroite-realisation{width:202px;padding-right:10px;float:left;}

/* Mise en forme des tableaux de présentation */
/* Style des en-têtes du tableau */
.tableau-border{border:0px;}
.table-entete {color:white;font-weight:bold;font-family :Arial;font-size:12px;font-weight:bold;height:38px;text-align:center; background-color:#6bc100;}
.table-ligne1 {color :#333333;background-color :#c6c3bd;font-weight:bold;text-align:center;}
.table-ligne2 {color :#333333;background-color :#cccccc;font-weight:bold;text-align:center;}


/* Cadre couleur pour index et autres */
#encadrecouleur{width:592px;border: 1px solid #5b9a05; padding: 10px 10px 10px 10px; margin-bottom:10px;}

/* 3 cadres pour les contacts */
#cadre1{width:173px;float:left; padding:10px 5px 0 5px;}
#cadre2{width:213px;float:left;padding:10px 5px 0 5px;}
#cadre3{width:193px;float:left;padding:10px 5px 0 5px;}

/* mise en forme du texte */
img{border:0;}
h1, h2, h3, h4, h5{font-size:14px;font-weight:bold;background:url("image/puce-hn.jpg") no-repeat 0% 1px; padding-left:21px; margin:0; margin-bottom:10px; display:block;}

.mc-c1{color:#E0E0E0; font-size:9px;}
.titre-logo{font-size:30px; text-align:left;}
.prix-coupdecoeur{color:#1d5d17;font-weight:bold; font-size:13px;}

a:link, a:visited, a:active{color:black;text-decoration:none;}
a:hover{color:black;text-decoration:underline;}

a.blanc:link, a.blanc:visited, a.blanc:active{color:white;text-decoration:none; margin-bottom:10px;}
a.blanc:hover{color:white;}

a.noir-guide:link, a.noir-guide:visited, a.noir-guide:active{color:black;text-decoration:none; font-size:12px; font-weight:bold;}
a.noir-guide:hover{color:#1d5d17;font-size:12px; font-weight:bold;text-decoration:underline;}

a.pied:link, a.pied:visited, a.pied:active{color:#30a226;text-decoration:none;}
a.pied:hover{color:#1d5d17; text-decoration:underline;}

a.arbo:link, a.arbo:visited, a.arbo:active{color:#1d5d17;text-decoration:none;}
a.arbo:hover{color:#30a226; text-decoration:underline;}

a.coupdecoeur:link, a.coupdecoeur:visited, a.coupdecoeur:active{color:#1d5d17;text-decoration:underline;}
a.coupdecoeur:hover{color:#30a226;text-decoration:underline;}

a.slogan:link, a.slogan:visited, a.slogan:active, a.slogan:hover{color:#27731e; text-decoration:none;}

hr {border: none 0;
    border-top: 1px dashed #1d5d17;/*the border*/
    width: 90%;
    height: 3px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-top: 15px;
    margin-bottom: 8px;
   }

.input-email {width:200px;height:15px;color:#1d5d17;font-weight:bold; font-size:11px;}
*+ html .input-email{padding:0;}

#formulaire-rappel {margin-top:5px;}
*+ html .input-telephone{padding:0;height:23px;}
.button-rappel {border:none;background: url("image/rappelez-moi-off.jpg") no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.button-rappel:hover{border:none;background: url("image/rappelez-moi-on.jpg") no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.input-telephone {width:92px;height:13px;line-height:15px;font-size:10px;vertical-align:top;color:#1d5d17;font-weight:bold;}

#restezinforme{font-size:14px;margin-left:7px;color:#535353;font-weight:bold;}
#programme {font-size:14px;margin-left:7px;color:#535353; font-weight:bold;}
#inscrivez {font-size:10px;margin-left:7px; padding-top:5px;color:#1d5d17;;text-align:left;font-weight:bold;}

#formulaire-alerte {margin-left:7px;margin-top:8px;}
#formulaire-alerte form, #formulaire-rappel form{margin:0px;padding:0px;}
.input-alerte {width:122px;height:13px;line-height:15px;color:#1d5d17;font-weight:bold; font-size:10px; vertical-align:top;}
.button-alerte {border:none;background: url("image/validez-off.jpg") no-repeat;color:white;font-weight:bold;width:81px;height:22px; cursor:pointer; margin-left:3px;}
.button-alerte:hover{border:none;background: url("image/validez-on.jpg") no-repeat;color:white;font-weight:bold;width:81px;height:22px; cursor:pointer; margin-left:3px;}


/* Cadre contact - Vous avez une question */
#question {font-size:14px;margin-left:10px; text-align:left;width:202px; font-weight:bold;color:#535353;}
#appelez {font-size:17px;margin-left:10px;width:202px;font-weight:bold; text-align:center;color:#535353;}
#telephone {font-size:23px;margin-left:10px;width:202px;font-weight:bold;color:#76c801;}
.exposant {font-size:10px;vertical-align:text-top;}
#rappeler {font-size:12px;width:213px; background-image:url("image/petit-cadre-milieu-2.jpg"); padding:5px 0 0 10px; height:65px;}



.img-center{display: block; margin-right: auto; margin-left: auto;}


.italic{font-style:italic;}
.orange9ita{color:#ff7a0f;font-size:9px;font-style:italic;}
.gras{font-weight:bold;}
.vert{color:#1f4909;}
.rouge{color:#FF0000;}
.vertfluo{color:#76c801;}
.gris{color:#999999;}
.font9px{font-size:9px;}

.c1{color:#e17522;}
.font14px{font-size:14px;}

/*
input[type=submit]{border:2px outset #565656;cursor:pointer; font-family:Verdana; font-size:11px; font-weight:bold;}
input[type=submit]:hover{border:2px outset #1e4607;background-color:#dbdbdb;}
input[type=submit]:active{border:2px inset #565656;background-color:#565656;color:white;} 
*/

ul.liste{list-style-image: url("image/puce-orange.gif");}
ul.liste li{padding-bottom:10px;}*/

ul.liste{list-style-image: url("image/puce-verte.gif");}
ul.liste li{padding-bottom:10px;}

select.recherche {background-color:#C6DE6D;width:205px; font-size:11px;} 
   
/* agrandissement des photos */
/* jQuery lightBox plugin - Gallery style */
#gallery {width:305px;float:left; padding-top:20px;}
#gallery ul {list-style: none; padding: 0 20px 10px 20px; margin:0;}
#gallery ul li {display: inline;margin-right:2px;}
#gallery ul img {border: 2px solid #565656;border-width: 2px 2px 2px;}
#gallery ul a:hover img {border: 2px solid #1d5d17;border-width: 2px 2px 2px;color: #1d5d17;}
#gallery ul a:hover {color: #363636;}   





/* tableau affiche annonce */
.table-annonce{width:610px; height:181px; background-image:url("image/annonce-liste.jpg"); background-repeat: no-repeat; margin-bottom:10px;} 
.table-annonce-align-gauche{text-align:left;}
.table-annonce-align-droite{text-align:right;}
.table-annonce-align-haut{vertical-align:top;}
.table-annonce-align-milieu{vertical-align:middle;}
.table-annonce-align-centrer{text-align:center;}
.table-annonce-230px{width:260px;}
.table-annonce-h100px{heigh:100px;}

.align-droite{text-align:right;}
.align-gauche{text-align:left;}
.table-annonce-photo{width:230px;}
.table-annonce-prix{width:110px;}

/* DIV ANNONCE*/
#div-annonce{width:610px; margin-bottom:20px;}
#div-photo {float:right;}
 
.table-interesse-par-annonce {border: dashed #1d5d17; border-width:1px; background-color:#dbdbdb;}