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:#eaeaea;}
#header{height:137px;}
#header-logo{width:300px;height:50px; padding:24px 0 0 27px;}
#header-slogan{width:300px;height:20px; padding-left:25px;}
#header-adress{width:250px; float:right; text-align:center; color:#717171; margin-top:10px; font-size:12px;}
#slogan{width:360px; float:left; font-size:16px; font-style:italic; text-align:center; margin-top:32px; margin-left:5px; line-height:20px; color:#494949;}
#conteneur{width:960px;margin-left:auto;margin-right:auto;}
#conteneur-contenu{width:919px;margin-left:20px; padding-top:15px;padding-bottom:20px;}
#menu-nav{height:30px;width:919px;margin-left:20px; margin-bottom:10px; padding-top:10px;}
#gauche{float:left;width:251px;}
#contenu{margin-left:9px;min-height:10px;width:659px; float:left;}
#pied{height:30px;clear:both;text-align:center; padding-top:4px;}
#arbo{padding-left:18px; height:25px; background:url('image/scellier-lille-arbo.png') no-repeat;;}

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

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

/* Signature Supeva */
#pd-gauche{width:765px;float:left;height:60px; text-align:left; padding-left:20px;}
#pd-droite{width:150px;float:left;height:60px;}
a.supeva:link, a.supeva:visited, a.supeva:active, a.supeva:hover{color:#595959; text-decoration:none;font-size:7px; font-weight:bold;}
.supeva-texte{color:#595959; 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 : 30px;
	line-height : 30px; /* 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 : #333; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la plupart du temps = souligné) */
	width : 220px; /* largeur */
}

#menu a.border-gauche{background:url("image/menu-arrondi-gauche.jpg") no-repeat;}
#menu a.border-droit{background:url("image/menu-arrondi-droite.jpg") no-repeat;}
#menu a:hover.border-gauche{background:url("image/menu-arrondi-gauche-2.jpg") no-repeat;}
#menu a:hover.border-droit{background:url("image/menu-arrondi-droite-2.jpg") no-repeat;}
#menu a.taille1 /* Contenu des listes */{width:131px;}
#menu a.taille2 /* Contenu des listes */{width:170px;}
#menu a.taille3 /* Contenu des listes */{width:132px;}

#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 #717171 ; /* 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: #fff; /* 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:#b0b0b0 none repeat scroll 0 0; text-align:left; padding-left:10px; width:245px;}
#menu ul li a:hover {background:#303d7a none repeat scroll 0 0; text-align:left; padding-left:10px; width:245px;}
#menu ul.ssmenu1 li a {background:#b0b0b0 none repeat scroll 0 0; text-align:left; padding-left:10px; width:121px;}
#menu ul.ssmenu1 li a:hover {background:#303d7a none repeat scroll 0 0; text-align:left; padding-left:10px; width:121px;}

#menu ul.ssmenu2 li a {background:#b0b0b0 none repeat scroll 0 0; text-align:left; padding-left:10px; width:210px;}
#menu ul.ssmenu2 li a:hover {background:#303d7a none repeat scroll 0 0; text-align:left; padding-left:10px; width:210px;}

#menu ul.ssmenu3 li a {background:#b0b0b0 none repeat scroll 0 0; text-align:left; padding-left:10px; width:190px;}
#menu ul.ssmenu3 li a:hover {background:#303d7a none repeat scroll 0 0; text-align:left; padding-left:10px; width:190px;}

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

/*	NAV GAUCHE	*/

#nav_contacter{background:url("image/scellier-lille-contacter.jpg") no-repeat; width:243px; margin-bottom:20px; height:144px; text-align:center;}
#nav_contacter p{margin:0;}
.font-contact{font-size:14px; font-weight:500;}
.font-contact2{font-size:14px; font-weight:500; padding: 5px 0 12px;}
a.telephone:link, a.telephone:visited, a.telephone:active, a.telephone:hover {text-decoration:none; color:#1f1d87; font-size:23px; margin:0px;}

#nav_mail{background:url("image/scellier-lille-alerte.jpg") no-repeat; width:243px; margin-bottom:20px; height:125px; text-align:center;}
#nav_mail p{margin:0;}
.font-mail{font-size:14px; font-weight:500;}
.mail{font-size:18px; font-weight:500; margin:0px;}

/* Cadres */

#petitcadrehaut-coupdecoeur{background-image:url("image/coupdecoeur-haut.jpg");background-repeat:no-repeat;height:37px; width:243px;}
#petitcadrehaut-recherche{background-image:url("image/recherche-avancee-haut.jpg");background-repeat:no-repeat;height:37px; width:243px;}
#petitcadrehaut{background-image:url("image/petit-cadre-haut.jpg");background-repeat:no-repeat;height:13px; width:243px;}
#petitcadremilieu{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:y;width:243px;}
#petitcadremilieu-vert{background-image:url("image/scellier-lille-contacter.jpg") no-repeat;width:243px;}
#petitcadremilieu-coupdecoeur{background-image:url("image/petit-cadre-milieu.jpg");background-repeat:no-repeat;width:223px;padding: 10px 10px 0 10px; text-align:center; height:174px;}
#petitcadremilieu-recherche{background-image:url("image/petit-cadre-milieu-3.jpg");background-repeat:no-repeat;width:223px;padding: 10px 10px 0 10px; text-align:left; height:113px;}
#petitcadrebas{background-image:url("image/petit-cadre-bas.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 0px;}
#petitcadrebas-vert{background-image:url("image/petit-cadre-bas-vert.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 0px;}
#petitcadrebas-2{background-image:url("image/petit-cadre-bas-2.jpg");background-repeat:no-repeat;height:19px;margin:-5px 0 15px 0px;}

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

/* Cadre - Contenu principal */
#grandcadrehaut{background-image: url("image/grand-cadre-haut.png"); background-repeat:no-repeat;height:16px; width:659px;}
#grandcadremilieu{background-image: url("image/grand-cadre-milieu.png"); background-repeat:y;width:619px;padding:0 20px 10px 20px;}
#grandcadrebas{background-image: url("image/grand-cadre-bas.png"); background-repeat:no-repeat;height:16px;width:659px;}

/* 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 #061350;margin-top:15px; padding: 10px 10px 10px 10px; height:132px;}
#cadreannoncegauche-realisation{width:352px;padding-right:10px;float:left;border-right: 1px dashed #061350;height:130px;}
#cadreannoncedroite-realisation{width:202px;padding-right:10px;float:left;}

/* Mise en forme des tableaux de présentation */
#tab_taux{ border-collapse:collapse; margin:10px 0;}
#tab_taux td{ border:1px solid #494949; padding:5px;}

/* 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:#2f3c79;}
.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 #1f1d87; 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:27px; text-align:left; margin-left:10px;}
.prix-coupdecoeur{color:#1f1d87;font-weight:bold; font-size:13px;}

a:link, a:visited, a:active{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

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

a.bleu:link, a.bleu:visited, a.bleu:active{color:#1f1d87;text-decoration:none;}
a.bleu:hover{color:#1f1d87;text-decoration:underline;}

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:#2e2bbe;font-size:12px; font-weight:bold;text-decoration:underline;}

a.pied:link, a.pied:visited, a.pied:active{color:#595959;text-decoration:none;}
a.pied:hover{color:#2e2bbe; text-decoration:underline;}

a.arbo:link, a.arbo:visited, a.arbo:active{color:#5d5d5d;text-decoration:none;}
a.arbo:hover{color:#9a9999; 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:#717171; text-decoration:none;}

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

hr.hr-pied{ border-bottom:0px, border-right:0px; border-left:0px; border-top:1px solid #717171; width:400px;}

.input-email {width:200px;height:15px;color:#595959;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.png") no-repeat;width:99px;height:21px; cursor:pointer; margin-left:7px;}
.button-rappel:hover{border:none;background: url("image/rappelez-moi-on.png") 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:#494949;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:#494949;font-weight:bold; font-size:10px; vertical-align:top;}
.button-alerte {border:none;background: url("image/validez-off.png") 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.png") 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:#ff0f0f;font-size:9px;font-style:italic;}
.gras{font-weight:bold;}
.vert{color:#1f1d87;}
.rouge{color:#FF0000;}
.vertfluo{color:#1f37ab;}
.gris{color:#999999;}
.font9px{font-size:9px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.accroche{text-align:center;}

.c1{color:#1f1d87;}
.c2{color:#061350;}
.c4{color:#494949;}
.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;}

select.recherche {background-color:#061350;width:205px; font-size:11px; color:#fff;} 
   
/* 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 #1f1d87;border-width: 2px 2px 2px;color: #1f1d87;}
#gallery ul a:hover {color: #1f1d87;}   





/* 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:20px 0; padding:0 20px;}
#div-photo {float:right;}
 
.table-interesse-par-annonce {border: dashed #1f1d87; border-width:1px; background-color:#dbdbdb; margin-left:20px;}


/****************************/
/*****	tableau titre	*****/
/****************************/

#tab-titre{margin:10px 0px;}
.padding0{padding:0px;}
.td-center{background:url('image/arrondi-center-2.jpg') repeat-x; padding:4px 25px; text-align:center; font-size:13px; color:white;}
.td-center-pad0{background:url('image/arrondi-center.jpg') repeat-x; padding:4px 0px; text-align:center; font-size:13px; color:white;}

/********************/
/*	liste programme	*/
/********************/

.tab-titre-liste{background-image:url('image/bg-titre.png'); background-repeat: repeat-x; height:30px; color:#fff; font-weight:bold; font-size:13px;}
.tab-titre-liste2{background-image:url('image/bg-titre-2.png'); background-repeat: repeat-x; height:30px; color:#fff; font-weight:bold; font-size:13px;}

/************************/
/**  DETAIL PROGRAMME  **/
/************************/

#detail{margin-top:15px;}
.border-col{border-collapse:collapse; margin-bottom:10px;}
.border-col a:hover{ text-decoration:none;}
.bg-image-nav{ background-image:url(../image/detail-top.gif); background-repeat:no-repeat; height:34px;}


/************************/
/** FORMULAIRE RAPPEL  **/
/************************/

fieldset.tel{margin:0 0;margin-bottom:20px; margin-top:30px; margin-left:65px; border:1px solid #e5e5e5; width:510px;}
legend.tel{padding:0 .5em;color:#000;background:transparent;font-size:24px;font-family:"Times New Roman", Times, serif; font-weight:bold; vertical-align:middle;}
label.tel{display: inline-block; width:200px; line-height:22px; margin-left:14px;}
input.tel{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:7px 0px 7px 10px; width:219px;}
select.tel{font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; height:21px; width:225px; margin:7px 0px 7px 10px; }

.asterix{font-size:9px; color:red; vertical-align:top;}

p.info {
margin-top: 30px;
font-size: 10px;
font-style:italic;
}