body { background-color:#1e1e1e; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;}

#site { width:920px; margin: 40px auto 0px auto; text-align:left; border:1px solid #696969; padding:20px; background-color:#1e1e1e;}
#site2 { width:1000px; margin: 30px auto 0px auto; text-align:left; padding:0px; background-color:#1e1e1e;}

a {color:#ffffff; text-decoration:none; cursor:pointer;}
a:hover {color:#00cccc; text-decoration:none; cursor:pointer;}

h1 {padding:0px 0px 3px 0px; margin:0px; color:#ffffff; font-size:12px;}

#visuelbox{width: 631px; margin: 0px auto 0px auto; float:right; }
#mapsbox{width: 1000px; margin: 0px auto 0px auto; border-bottom: 2px solid #00cccc; border-top: 2px solid #00cccc; padding: 20px 0px 20px 0px;height:410px;}
#mapsbox2{width: 1000px; margin: 0px auto 0px auto; border-bottom: 2px solid #00cccc; border-top: 2px solid #00cccc; padding: 20px 0px 20px 0px;}
#maps{width:800px; height:400px;margin: 0px; float:left;}
#moteur{width:200px; margin: -25px; float:right;}
#visuel{width: 631px; margin: 0px 0px 0px 0px;}
#menuvisuel{width: 570px; height: 20px; margin:  0px 0px 0px 61px; font-weight:bold; letter-spacing:1px; color:#ffffff; padding-top:20px; text-align:center;}
#menubas{width: 1000px; height: 20px; margin:0px; font-weight:bold; letter-spacing:1px; color:#ffffff; padding-top:3px; text-align:center;}
#menubas a {margin:30px;}

#menu{margin:0px; width:285px; height:498px;}
#menu2{margin:0px 0px 3px 0px; width:1000px; height:92px;padding-bottom:0px;}
.identifdroite{ float:right; height:92px; width:250px; color:#ffffff; font-weight:bold; padding: 8px 0px 8px 16px; }
.menuhaut{font-weight:bold;padding-top:5px;padding-bottom:1px;}
.menuhaut a {color:#ffffff; text-decoration:none; padding: 0px 8px 0px 8px;margin-left:20px;margin-right:20px;font-size:13px;}
.menuhaut a:hover {color:#00cccc; text-decoration:none;}
.rubrique { padding:65px 0px 65px 43px;}
.rubrique p { color:#ffffff; font-weight:bold; letter-spacing:1px; margin:0px; padding:0px 0px 16px 0px; font-size:13px; }
.rubrique p a { color:#ffffff; text-decoration:none;}
.rubrique p a:hover {color:#00cccc; text-decoration:none; padding: 0px 0px 0px 30px;}

.active {color:#00cccc; text-decoration:none; font-weight:bold; padding: 0px 8px 0px 8px;margin-left:20px;margin-right:20px;font-size:13px}

.moteurimmo { padding:0px 10px 10px 15px; background-color:#1e1e1e; color:#ffffff;}

.separateur { height:1px; width:247px; background-color:#696969; margin-bottom:8px;}

.mygdl {color:#ffffff;font-weight:bold; padding: 8px 0px 8px 16px; }

form { margin:0px; padding:10px 0px 10px 0px;}
.form {font-size:11px; width:100px;color:#666666; margin:0px; padding:0px;}
#txtRecherche{width:250px;}
.form2 {font-size:11px; color:#666666; margin:0px; padding:0px;}
.formb {font-size:11px; width:30px; color:#1e1e1e; margin:0px; padding:0px; cursor:pointer;}
.formb3 {font-size:11px; width:70px; color:#1e1e1e; margin:0px; padding:0px; cursor:pointer;}
.formb2 {font-size:11px; width:75px; color:#1e1e1e; margin:0px; padding:0px;background-color:#1e1e1e;color:white;border:1px solid white; cursor:pointer;}
#frmIdent{padding-top:0px;}

#copy { font-size:11px; color:#ffffff; text-align:center; padding-top:20px; width: 570px; margin:  0px 0px 0px 61px;}
#copy a {color:#ffffff; text-decoration:none;}
#copy a:hover {color:#ffffff; text-decoration:underline; background-color:#1e1e1e;}

#copy2 { font-size:11px; color:#ffffff; text-align:center; padding-top:20px; margin: 0px;}
#copy2 a {color:#ffffff; text-decoration:none;}
#copy2 a:hover {color:#ffffff; text-decoration:underline; background-color:#1e1e1e;}

#liste{position:absolute;background-color:#1e1e1e; height:30px; width:177px; border:1px solid #696969; color:#ffffff; display:none; padding-right:0px;padding-top:3px;}
#liste a{ cursor:pointer; background-color:#1e1e1e; color:#ffffff; padding-right:0px; text-decoration:none;}
#liste a:hover{color:#00cccc;}
#liste div{ cursor:pointer; background-color:#1e1e1e; color:#ffffff; width:auto; padding-right:0px; text-decoration:none;}
#liste div:hover{color:#1e1e1e; width:auto;}

.authent{color:white;text-align:right;font-weight:bold;}

/*-----------------------------*/
.erreur{color:#00CCCB;margin-top:3px;font-weight:bold;}
#btSubmit{background-color:#1e1e1e;color:white;border:1px solid white;}
.rubrique img{display:none;width:20px;height:19px;position:fixed;}


.texteblanc {color:#ffffff;}
.retrait{margin-left:8px;}
.input{width:265px;}
.titrebleu{
	color:#00cccc;
	font-family:'Arial Narrow';
	font-size:34px;
	
}

#copy3 { font-size:11px; color:#ffffff; text-align:center; margin: 0px; padding-top:8px;}
#copy3 a {color:#ffffff; text-decoration:none;}
#copy3 a:hover {color:#ffffff; text-decoration:underline; background-color:#1e1e1e;}

/*------------------------------
					CLASSES JORIS
-------------------------------*/

.lienGM a { color:black; text-decoration:none; }
.lienGM a:hover { color:blue; text-decoration:underline; }
a.bleu{color:#00cccb;}
a.bleu:hover{color:#ffffff;}

#cat_annonce{
width: 350px;
height: 25px;
text-align:right;
font-weight:bold;
float:right;
}

/* Affichage annonces (rubrique) */
#prix_annonce2{
width: 720px;
height: 50px;
}

#cat_annonce2{
width: 400px;
height: 25px;
text-align:right;
font-weight:bold;
float:right;
}

#titre_annonce2{
width: 720px;
height: 25px;
font-weight:bold;
text-align:center;
font-size:larger;
}

#adresse_annonce2{
width: 280px;
height: 25px;
font-weight:bold;
clear:both;
float:left;
}

#bloc_annonce2 {
margin-left: 9px;
width: 900px;
height: 140px;
border-bottom:2px solid #00cccb;
margin-bottom: 5px;
margin-top: 10px;
clear:left;
}

#consulter_annonce2{
width: 720px;
height: 30px;
text-align:right;
font-weight:bold;
}

/* Fin rubrique */

#footer{
text-align:left;
margin-left:5px;
}

.justify p{text-align:justify;line-height:150%;}
.titreann{color:#ffffff;}
.contenutext{color:#ffffff;text-align:justify;}


/* ajout Romain - page annonces */
/* Copier-coller de Arro */

#zonecentre2 {
width: 772px;
float:left;
}

#top_annonce {
margin-top: 10px;
margin-left: 9px;
width: 759px;
height: 30px;
}


#titre_annonce {
margin: 0;
width: 150px;
height:30px;
font-size:17px;
float:left;
}

#nombre_pages {
width:450px;
height:30px;
float:left;
}

#croissant {
width: 159px;
height:30px;
text-align:right;
float:left;
}

#bloc_annonce {
margin-left: 9px;
width: 900px;
height: 130px;
border-bottom:2px solid #00cccb;
margin-bottom: 5px;
margin-top: 10px;
clear:left;
}

#image_annonce {
width: 155px;
height: 120px;
background :url(images/cadre_vide.gif) no-repeat;
background-position:left center;
float:left;
}

#placement_image {
margin-top: 7px;
margin-left: 3px;
width: 142px;
height: 105px;
}

#information_annonce{
margin-left: 3px;
width: 720px;
float:left;
}

#prix_annonce{
width: 720px;
height: 20px;
}

#adresse_annonce{
width: 250px;
height: 20px;
font-weight:bold;
float:left;
}

#price_annonce{
width: 150px;
height: 20px;
text-align:right;
font-weight:bold;
float:right;
}

.lien_suite {
color: #00cccb;
}

.lien_suite:hover {
color: #ffffff;
}


#contenu_annonce{
margin-top:5px;
width: 720px;
height: 65px;
}

#consulter_annonce{
width: 720px;
margin-top:16px;
text-align:right;
font-weight:bold;
}

.lien_consulter {
font-weight:bold;
color:#00cccb;
text-decoration:none
}

.lien_consulter:hover {
font-weight:bold;
color:#ffffff;
text-decoration:none
}

/* Ajout ROMAIN bas de page */

#footer_ref{
margin:0 auto;
width: 1000px;
background-color: #1e1e1e;
text-align:left;
margin-bottom: 7px;
/*float:left;
margin-left:55px;*/
}


.bloc_liens {
width: 200px;
margin-left: 80px;
margin-bottom: 10px;
float:left;
}

.bloc_liens2 {
width: 200px;
margin-left: 10px;
margin-bottom: 10px;
float:left;
}


h3 {padding:0; margin:0; color: #00cccb; font-size: 13px; border-bottom: 1px solid #00cccb; background: url(../images/carre.gif) no-repeat right 9px ; margin-bottom: 5px}
h3 a{color: #00cccb; font-size: 13px; text-decoration:none;}
h3 a:hover{text-decoration:underline}

ul.liensfotter_ref {
padding: 0;
margin: 0;
font-size:12px;
color:#ffffff;
list-style-type:none
}

ul.liensfotter_ref li {
line-height:17px;
}


ul.liensfotter_ref a {
font-size:12px;
color:#ffffff;
text-decoration:none;
}

ul.liensfotter_ref a:hover {
text-decoration:underline;
}

.brclear{
clear:left;
line-height:0;
}


/* ajout Romain - page luxeweb */
/* ici ici ici ici ici ici ici */

#mapsbox_luxeweb{width: 1000px; margin: 0px auto 0px auto; border-bottom: 2px solid #00cccc; border-top: 2px solid #00cccc; height:410px;}
.moteurimmo_luxeweb {background-color:#1e1e1e; color:#ffffff;}

.color_bleu {
color: #06a9a8;
}

.bolder {
font-weight: bold;
font-size: 9px;
}

.clear {
clear:both;
}

#zone_gauche {
width: 527px;
height: 450px;
font-family:Arial, Helvetica, sans-serif;
margin-top: 6px;
float:left;
}

#bandeau_luxeweb {
width: 527px;
height: 22px;
margin-bottom: 15px;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
border-bottom: 1px solid #00cccb;
margin-bottom: 10px;
}


h3.luxeweb{
z-index: 3;
margin-top: -14px;
width: 200px;
height: 44px;
text-indent: 37px;
padding-top: 21px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #ffffff;
border: none;
background :url(../images/boite1.jpg) no-repeat;
}

h3.luxeweb2{
z-index: 3;
margin-top: -14px;
width: 200px;
height: 44px;
text-indent: 37px;
padding-top: 21px;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #ffffff;
border: none;
background :url(../images/boite2.jpg) no-repeat;
}

h4.titre_identite{
z-index: 3;
width: 150px;
height: 20px;
text-indent: 28px;
padding-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #ffffff;
border: none;
background :url(../images/gl_identite.jpg) no-repeat 6px;
}

h4.titre_multimedia{
z-index: 3;
width: 150px;
height: 20px;
text-indent: 28px;
padding-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #ffffff;
border: none;
background :url(../images/gl_multimedia.jpg) no-repeat 6px;
}

h4.titre_publication{
z-index: 3;
width: 150px;
height: 20px;
text-indent: 28px;
padding-top: 6px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:bold;
color: #ffffff;
border: none;
background :url(../images/gl_publication.jpg) no-repeat 6px;
}

p.luxeweb {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
color: #e8e8e8;
text-align: justify;
}

#competences_luxeweb{
width: 527px;
height:155px;
background-color: #193c3c;
border: 1px solid #155352;
margin-top: 20px;
}

#liste_solutions {
width: 185px;
float: left;
}

#liste_engagements {
width: 340px;
float: left;
}

ul.luxeweb {
margin-top: -25px;
z-index: 4;
font-size: 11px;
color: #00cccb;
margin-left: 11px;
}

ul.luxeweb li{
list-style-type: none;
line-height: 20px;
}


#zone_droite {
width: 457px;
height: 450px;
font-family:Arial, Helvetica, sans-serif;
background: url(../images/fond_luxeweb.jpg) no-repeat 35px 70px;
margin-left: 16px;
float:left;
}

#top_zonedroite {
width: 457px;
margin-top: 6px;
}

#projet {
width: 117px;
height: 203px;
background: url(../images/projet_luxeweb.jpg) no-repeat;
float: left;
}

.reas {
width: 104px;
font-size: 11px;
border-bottom: 1px dotted #ffffff;
margin-top: 2px;
margin-left: 5px;
}

ul.luxeweb_reas {
margin-top: 5px;
font-size: 11px;
color: #00cccb;
margin-left: 5px;
}

ul.luxeweb_reas li{
list-style-type: none;
line-height: 20px;
background: url(../images/fleche_reas.jpg) no-repeat left 7px;
text-indent: 8px;
}

ul.luxeweb_reas li a{
color: #00cccb;
text-decoration: none;
}

ul.luxeweb_reas li a:hover{
color: #e8e8e8;
text-decoration: none;
}



#diapo {
width: 334px;
height: 203px;
background: url(../images/diapo_luxeweb.jpg) no-repeat;
margin-left: 6px;
float: left;
}

#bas_zonedroite {
width: 457px;
padding-top: 7px;
clear:both;
}

#identite {
width: 152px;
height:190px;
background: url(../images/trait_luxeweb.jpg) no-repeat 0 4px;
float:left;
}

#multimedia {
width: 152px;
height:190px;
background: url(../images/trait_luxeweb.jpg) no-repeat 0 4px;
float:left;
}

#publication {
width: 152px;
height:190px;
background: url(../images/trait_luxeweb.jpg) no-repeat 0 4px;
float:left;
}

ul.luxeweb_savoirfaire {
font-size: 11px;
color: #00cccb;
margin-left: 7px;
}

ul.luxeweb_savoirfaire li{
list-style-type: none;
line-height: 20px;
}