@charset "utf-8";
/* CSS Document */


body{
  background:#0e0c0a no-repeat;
  margin:auto;
  width:1024px;
  color:white;
  font: 14px  Arial, Helvetica, sans-serif;}
  
#img{position: relative; z-index:55; float:right; right:98px; top:65px;}
  
.flash_bann
{margin-left:40px;
margin-bottom: 10px;
margin-top:-10px;
background:url("img/bg-flash.jpg") no-repeat;
z-index:0;}
  
#corp{
background: url(img/bgbody.jpg) no-repeat;
width:1024px;
margin-bottom:0px;
margin-top:0px;}

#carousel
{
width:800px;
margin-left:100px;
margin-top:-75px;
}


a {color:white; text-decoration:none;}

th
{color:#6633CC;}

ul{list-style-type:none;}

/* PDP*/
 
#footer{background: url(img/footer.png) no-repeat;width:980px; clear:both}
.liste_footer{ text-align:center; padding-top:6px; color:#FFFFFF;  padding-right:40px; font:small-caps 12px}
.foot{ padding-bottom:15px;}
.copyright{font-size:10px; padding-bottom:5px;}


/* CADRE NEWSLETTER */


.lien
{float:right;
margin-right:120px;
margin-top:-53px;
background-color:#5e5b59;
width:180px;
text-align:center;
height:27px;
padding-top:10px;
border-bottom: 2px solid #5e5b59;}


/* CADRE RECHERCHER */


.budget
{position:relative;
 left:20px;
 margin-left:-20px;
 width:214px;}


.corp_gauche{
margin-left: 98px;
width: 470px;
height:200px;
background:url(img/recherche.png) no-repeat;}

.rechercher{ 
 text-align:right;
 margin-right:110px;
 padding-top:0.5px;}

.texte_rechercher
{  text-align:center;
  margin-left:0px;
font:small-caps 13px  Arial, Helvetica, sans-serif}

option { background-color:white; color:black;}
select{ width:220px; margin-right:10px}
  
p { margin-bottom:25px;}
input { margin-right: 30px;}

/* PAGE RECHERCHER */

.new_recherche
{margin: 50px 250px 50px;
 width:350px;
 height:20px;
 text-align:center;
 padding-top:5px;
 border-bottom: 1px solid #c5c4c3;
 background-color: #343230;
}



/* FOND FLASH */

.corp_droite{ 
float:right; 
width:377px;
height:170px;
margin-right: 120px;}

  /* PAGE LIVRE OR*/

.titre
{background:url(img/separateur.jpg) no-repeat;
 margin-left: 110px;
 padding-top:20px;
 padding-left:15px;
 height:50px;
 margin-bottom:0px;}
 
.bouton, .bouton_contact
{background-color:#343230;
 color:white; 
 height:27px;
 width:180px;
 border-bottom: 2px solid #c5c4c3;
 border-top: none;
 border-left: none;
 border-right: none;
 margin-left:120px;}

.livredor
{ margin-left:150px;
  width: 710px; }

.livredor img{position:relative; top:-20px; left:16px; width:668px;}

.message{
text-align:justify;
background:#f7f5f6 url(img/top-bulle.jpg)no-repeat top;
width:622px;
color:black;
margin:20px;
padding: 3px 20px 20px 20px;}
  
.page_livredor
{position:relative;
 left:380px;}
 
.erreur, .valide
{color:red;
 margin-left:50px;}
 

 /* PAGE CONTACT*/
 
 .tri-contact
{
margin:auto;
background: url(img/mailbox.jpg) no-repeat;
width:330px;
height:40px;
padding-top:15px;
padding-left:60px;
text-align:center;
height:50px;
}
 .mess, .mess:hover
{
 padding-top:45px;
 text-align:center;
 display:block;
 width:460px;
 height:45px;
 margin-left:300px;
 margin-bottom:-30px;}

.mess{background: url(img/titrelivre.jpg) no-repeat;}
.mess:hover{background: url(img/titrelivrehover.jpg) no-repeat;color:#d5bd4a;}

#nous_contacter td
{text-align:right;
padding:3px;}

#coordonne table{
background:url(img/fond-contact.jpg) no-repeat;
padding:5px;
color:black;
width:400px;
}

.table1
{margin-left:270px;}

.table4 {margin-left:250px;}
.table4 td{width:233px;}

.table2
{
margin-top:10px;
margin-left:217px;
}
.table3
{margin-left:400px;}

.table_select
{ width:389px;
 margin-left:20px;}
 
.btn_contact{border:1px solid white; color:white;}
 
.btn_contact, .btn_contact:hover
{background:none; 
 border-left:none;
 border-right:none;
 width:230px;
 padding:10px;
 margin-top:10px;}

.btn_contact:hover {border:1px solid #0099CC; color:#0099CC; border-left:none;
 border-right:none;}

  /* PAGE NEWSLETTER*/


.formulaire_news
{ text-align:right;
  width:300px;
  margin-left:100px;
  margin-top:30px;}
  
.formulaire_news_desinscription
{ margin-left:100px; }

.newsletter2

{width:235px;
 text-align:justify;
 float:right;
 margin-right: 250px;
 background:url("img/bg_news.jpg") no-repeat;
 height:120px;
 padding-left:10px;}
 
 .newsletter2 p
{ position:relative;
 top:-10px;}
 
 
.btn_news
{background-color:#343230;
 color:white; 
 height:27px;
 width:100px;
 border-bottom: 2px solid #c5c4c3;
 border-top: none;
 border-left: none;
 border-right: none;}

.btn_news:hover
{background-color:#5e5b59;}

  /* PAGE ADMIN*/
  
.adm:hover
{color:#f43131;}

.text_erreur
{
color:red;
margin-left: 100px;
border: 1px solid red;
width: 250px;
text-align:center;
padding: 5px;}

.partie_gauche
{padding-right:10px;
width:350px;
border: 1px solid #343230;
float:left;
margin-left:100px;}

.partie_gauche p, .partie_gauche_modif p
{text-align:center;
color:grey;
background-color:#343230;
height:20px;
width:360px;}

.partie_gauche input, .partie_gauche select, .partie_droite input, .partie_droite select
{ margin-top:5px;margin-left:5px; border:none;}

.partie_droite
{width:350px;
border: 1px solid #343230;
float:right;
margin-right:100px;}

.formulaire{text-align:right;}
#prev {text-align:center;}

.partie_droite p, .partie_droite_modif p
{text-align:center;
color:grey;
background-color:#343230;
height:20px;
width:350px;}

.texte
{clear:both;
 text-align:center;
 border: 1px solid #343230;
 width:540px;
 margin-left:250px;
 margin-top:400px;
 padding:10px;}

.texte p
 {color:grey;
background-color:#343230;
height:20px;
width:540px;}

.texte textarea
{border:none;
 -moz-border-radius:10px;
 padding:5px;}
 
 
.submit {background:none; border-left:none; border-right:none; color:white; width:450px; padding:10px;margin-top:20px;margin-right:280px;}
.submit:hover{background:none; border-left:none; border-right:none; border-top:1px solid #0099CC; border-bottom:1px solid #0099CC ; color:#0099CC; width:450px; padding:10px;margin-top:20px;margin-right:280px;}

 .monnaie{width:60px;}
 
.table_bien
{
width: 900px;
border: 1px solid black;
border-collapse: collapse;
margin:auto;
text-align:center;
}

.table_bien td, .table_bien th
{
border: 1px solid black;
padding:5px;
}

.texta{border: 1px solid grey; -moz-border-radius: 15px; padding:10px;}

.titre_adm{color:grey;} 
.titre_adm:hover{color:#F90;}
a:hover{color:#C03;}
 
/* PAGE ACHETER*/
.page /* numero de page en bas*/ {margin:5px;text-align:center;}

#immobilier {width:880px; height:305px; background: url(img/bg_bien.jpg) no-repeat; padding-left:20px; padding-right:5px; margin-top:15px; margin-bottom:50px;margin-left:40px;}
#immobilier .prix{text-align:right; }
#immobilier .id{text-align:right;color:grey;}
#immobilier .l1{height:50px;}
#immobilier .text{text-align:center; height:20px; padding:5px;}
#immobilier .description{ height:0px; text-indent:20px; line-height:21px; text-align:justify;width:410px;padding-right:10px;}
#immobilier img{ max-height: 225px; max-width:460px; }
#immobilier .img{max-width:705px;min-width:445px; text-align:center; padding:10px;}
#immobilier .vendu{position:absolute; margin-left:80px;}
#immobilier .btn a:hover{background-color:#5e5b59; border-bottom: 2px solid #343230; color:black;}
#immobilier .btn a{display:block; height:30px; text-align:center; padding-top:15px;background-color: #343230; border-bottom: 2px solid #c5c4c3;}

/* PAGE IMMO*/

.detail_loca, .detail
{background: url(img/bg_description.jpg) no-repeat;font: small-caps 16px Verdana bold;margin-left:60px;padding-right: 210px;height: 58px;text-align:right;}

.detail_loca
{width:365px;
padding-top:52px;}

.detail
{width: 380px;
padding-top:53px;
float:left;
margin-bottom:0px;
margin-top:-30px;}

.detail_immo
{
width: 500px;
text-align:justify;
margin-left:80px;
margin-bottom: 50px;
}
/* PAGE IMMO COLONNE DROITE*/ 

.table_technique

{float:right;
 width:265px;
 margin-right:70px;
 border-collapse:collapse;
 margin-top:22px;}

.titre_tek
{background:url(img/fond_tek.jpg) no-repeat 8px;
 height:65px;
 padding-bottom:10px;

 text-align:center;
 font-variant:small-caps;}

.fond_tek
{background:url(img/table_fd.jpg) no-repeat 7px;}

.fond_tek form
{text-align:right;
 padding-right:30px;
padding-bottom:10px;}

.vendeur_tek
{background-color:#343230;
border-bottom:2px solid #c5c4c3;
padding:10px;
width:221px;
margin-left:15px;
text-align:center;}

.a_tek
{background-color:#343230;
display:block;
margin-top:15px;
border-bottom:2px solid #c5c4c3;
padding:15px;
width:211px;
margin-left:15px;
text-align:center;}

.mini_contact
{margin-bottom:20px;
 padding-bottom:10px;
margin-left:20px;}

/* MAP*/

#map{
	width: 500px;
	height: 350px;
	margin-left: 100px;
}

/* GALERIE*/

.miniature
{
height:50px;
width: 70px;
}

#galerie_mini ul
{ float:left;}

ul#galerie_mini 
{ 
    margin-left:85px;  
    padding-top: 10px; 
    padding-left: 10px;
    list-style-type: none; 
    background: url(img/bg_gal.jpg) no-repeat;
    height:80px;
    width: 230px;
    float:left;} 
 
ul#galerie_mini li 
{ 
    display: inline;
} 
 
ul#galerie_mini li a img 
{ 
    margin: 1px; 
    border: 1px solid #5e5b59 ;
    margin-bottom:20px; 
} 
 
dl#photo 
{ 
    margin-top: 0px;
    margin-bottom:40px;
} 
 
dl#photo img 
{ 
    margin-top: 25px;
    margin-left:40px;
    border: 1px solid #5e5b59;
} 

dl#photo dt 
{ 
      font: 13px  Arial, Helvetica, sans-serif;
    color: white ; 
   margin-left:270px;
  margin-bottom:20px;
} 

/* PARTENAIRE */

.liste_blog
{background: url(img/bg_blog.jpg) no-repeat;
 margin-left:150px;
 padding-top:60px;
 height:180px;}

.liste_blog li
{
padding-bottom:7px;
}

.blog
{
position:relative;
top:55px;
left:190px;
}

.facebook
{border:none;}

.uspi
{border:none;}

/* MODIF */

.form_modif
{
margin-left:100px;
}

.partie_gauche_modif
{
text-align:left;
padding-right:10px;
width:350px;
border: 1px solid #343230;
float:left;
margin-left:100px;}

.partie_droite_modif
{text-align:left;
width:400px;
border: 1px solid #343230;
float:right;
margin-right:100px;
magin-bottom:30px;}

.partie_bas_modif p
{text-align:center;
color:grey;
background-color:#343230;
height:20px;
width:820px;}

.partie_bas_modif
{
text-align:left;
padding-right:10px;
width:810px;
text-align:justify;
border: 1px solid #343230;
margin-top:330px;
margin-left:100px;}

/* UPLOAD*/

.form_up
{
margin-left:240px;
width:450px;
height:260px;
background: url(img/bg_up_photo.jpg) no-repeat;
padding-top:40px;
padding-left:55px;}

.titre_up
{padding-bottom:10px;
 padding-right:70px;
 text-align:center;
 color:black;
 font-weight:bold;}
 
 .table_photo_droite
{
float:right;
margin-right: 140px;
}

.table_photo
{
margin-left:110px;
}
 
 /* SUPPR*/
 
 .suppression
{
margin-left: 150px;
width: 400px;
text-align:center;
}

.err
{
position:relative;
left:540px;
color:red;
border: 1px solid red;
padding:5px;
top:-130px;
}
 
  /* CLIENT*/
  
.partie_gauche_client
{
text-align:right;
padding-right:10px;
width:350px;
border: 1px solid #343230;
margin-left:130px;}

.partie_gauche_client p
{text-align:center;
color:grey;
background-color:#343230;
height:20px;
width:360px;}

  /* MODIF MESSAGE*/

.message_livre
{
width:800px;
margin-left:100px;
}


.menu_admin
{margin-left:230px;
background:#343230;
width:580px;
text-align:center;
padding:5px;
padding-left:5px;}

.menu_admin li
{
display:inline;
padding:5px;}

.menu_admin a:hover
{
color:black;
}

  /* PAGE CAROUSEL*/
.carousel_image_tab td{
border: 1px solid #2d2c2c;}

.carousel_image_tab
{margin-left:200px;
 width:600px;
 margin-bottom:10px;
 text-align:center;}
	
	  /* PAGINATION*/
	  	
.pagination {
	line-height:2em;
	margin:auto;
	text-align:center;
}
.pagination a,
.pagination span {
	padding:0.2em 0.5em;
}
.pagination a {
	color:grey;
        border: 1px solid grey;






        -moz-border-radius: 5px 5px 5px 5px;
        padding:5px;
}
.pagination a:hover {
	color:black;
        border: 1px solid grey;
        -moz-border-radius: 5px 5px 5px 5px;
        padding:5px;
        background-color:grey;
        }

.pagination .prevnext {
	color:#ECE6D7;
}
.pagination span.disabled { 
	border:1px solid grey;
	-moz-border-radius: 5px 5px 5px 5px;
	color:#999999;
}
.pagination span.current {
	color:black;
        border: 1px solid #ECE6D7;
        -moz-border-radius: 5px 5px 5px 5px;
        padding:5px;
        background-color:#ECE6D7}
		
a.opacity img {
filter:alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

a.opacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

.pass
{
margin-left:200px;
width:150px;
padding-left: 50px;
padding-top:10px;
padding-bottom:10px;
}

#block_tab{height:270px;}


.tableau_passerelle
{width:200px;
margin-left:200px;}

.tableau_passerelle2
{width:200px;
margin-right:200px;}

.tableau_passerelle2{float:right;}
.tableau_passerelle{float:left;}

.tableau_passerelle td, .tableau_passerelle2 td
{border:1px solid #343230;
 height:40px;
 text-align:center;}

 .tri_vend{
margin-left:40px;
background-color:grey;
padding:7px;
width:920px;
text-align:center;
margin-bottom:20px;
}
.tri_vend a
{color:black;
 font-variant:small-caps;
 font-size:15px;}
.tri_vend a:hover
{color:#26e0d1;}

.tri_vend .lien_vendeur_actif{
color:white;
font-weight:bold;}


.lien_vendeur{
margin-left:80px;
border:1px solid grey;
text-align:center;
width:850px;
padding:7px;
margin-bottom:10px;
-moz-border-radius:7px;}

.lien_vendeur a{margin-left:20px;}
.lien_vendeur a:hover{color:#f36814;}

.marque_page
{width:350px;
 margin-left:350px;
 margin-top:30px;
 margin-bottom:30px;}

.marque_page a:hover{color:#4d4d85;}

#table_global
{margin-left:220px;}

#table_global table
{width:550px;}

#table_global label
{ float:left;
  text-align:left;
  margin-bottom:3px;
}
#table_global input[type=checkbox]
{margin-left:30px;
 float:right;}
#table_global input[type=submit]
{margin-top:20px;
 margin-left:80px;}

.job{width:850px;margin-left:80px;}
.job td{border:1px solid #2d2c2c}

#table_global table th, .job th
{color:black;
 background-color:#686868;
 font-weight:normal;
 border-bottom: 1px dotted #c7c3c3;}

#table_global td
{padding:5px;
text-align:center;
border-collapse: collapse;
border:1px solid #2d2c2c;}

.staff {margin-left:250px;}
.staff td {margin-left:0px; padding-bottom:3px;}

#table_passerelle 
{margin-left:120px;
 width:765px;
 background-color:#5a5752;
 padding:0;
 border-collapse:collapse;}

#table_passerelle th
{background-color:#333333;
 height:30px;
 color:white;
 font-size:15px;
 font-variant:small-caps;
 text-align:right;
 padding-right:30px;}

#table_passerelle td{
background-color:#989795;
height:30px;
text-align:right;
color:black;
font-size:15px;
font-variant:small-caps;}

#table_passerelle td label{border-bottom:0.5px dotted black; width:650px; display:block;text-shadow:0px 1px grey;}

#table_passerelle .color{ background-color:#d0cfcc; align:center;}

#table_passerelle .checkbox{
      width: 19px;
      height: 25px;
      padding: 0 45px 0 0;
      background: url(../img/checkbox.gif) no-repeat;
      display: block;
      clear: left;
      float: left;
    }

#table_passerelle input[type=submit]
{border:none;
 width:770px;
 height:30px;
 margin-right:0px;
 font-weight:bold;
 cursor:pointer;
border:1px dotted #242121;}

#table_passerelle input[type=submit]:hover{ background-color:#242121; color:white; border:1px dotted white;}

#table_passerelle {margin-bottom: 75px; margin-top: 20px;}


#alertemail {margin-left:100px;  padding:0px;}
#alertemail label{margin-left:-25px;}
#alertemail .lab,#alertemail .lab_mail{color:red;}
#alertemail .lab, #alertemail .lab_tel, #alertemail .lab_mail{margin-left:4px;}
#alertemail .lab_tel{margin-right:0px;}
#alertemail .input_tel{margin-right:30px;}
#alertemail .info{text-align:right; padding-right:120px;}
#alertemail .info input{text-align:center; border:none; height:20px;}
#alertemail td{text-align:left;font-size:12px;}
#alertemail p{text-align:center; border-bottom:1px dotted white; padding:5px; margin-bottom:8px;}
#alertemail .minip{text-align:center; border-bottom:none; padding:3px; margin-bottom:5px;padding-right:10px;}
#alertemail .minip img{ position:relative; top:2px; border:1px solid grey;}
#alertemail input[type=submit]{background:none; width:450px; border-left:none; margin-left:120px; border-right:none; color:white; padding:10px; margin-top:20px; font-size:17px;}
#alertemail input[type=submit]:hover{border-top:1px solid #0099CC; border-bottom:1px solid #0099CC; color:#0099CC; cursor:pointer;}
#alertemail .mistake{text-align:center; border:1px dotted red; font-weight:normal; color:red;}

.corp_droite{padding-top:20px; padding-left:20px;background:url(img/ampng.png) no-repeat;}
.corp_droite p img{float:left; margin-top:-20px; margin-bottom:35px;}
.corp_droite p {clear:left;}

#uphoto {margin-left:90px; color:#333333; background-color:#EFEFEF; width:817px; padding:0px; height:505px;}
#uphoto h3{background:url(../img/uphoto/top.png) no-repeat; height:37px; color:#C9C9C9; text-align:left; padding-left:168px; padding-top:12px;font-size:15px; width:650px;position:relative;z-index:0;}
#uphoto #bloc1 ul{background:url(../img/uphoto/bg_tab.jpg) no-repeat; width:850px; height:360px; padding-left:2px;} 
#uphoto #bloc1 ul li{background:url(../img/uphoto/bg.png) no-repeat; padding:12px; float:left; height:118px; width:101px; margin-right:10px; margin-bottom:36px; border:1px solid #cccbcb;}
#uphoto #bloc1 ul li .poubelle{background:url(../img/uphoto/trash.png) no-repeat;border:none; width:42px; height:40px; margin-top:6px;margin-left:10px; cursor:pointer;}
#uphoto #bloc1 ul li .actu{background:url(../img/uphoto/open.png) no-repeat;border:none; width:42px; height:40px; margin-top:6px;display:block; float:right; margin-top:-40px;}
#uphoto #bloc1 ul li .ajouter{background:url(../img/uphoto/ajouter.png) no-repeat; width:95px; height:40px; margin-top:6px;display:block; float:right; margin-top:5px;}
#uphoto #bloc1 ul li img{width:100px;}
#uphoto #bloc1 ul li .image{max-height:75px;}
#uphoto .envoie{background:url(../img/uphoto/go.png) no-repeat;border:none; width:42px; height:40px; cursor:pointer; position:relative; left:-95px;top:4px;}
#uphoto .upload{ position:relative; left:170px;top:11px; cursor:pointer;}
#uphoto .form{border:1px solid #CCCBCB; background-color:#F7F7F7; padding-bottom:13px; }
#uphoto .form label{color:black; position:relative; left:200px; font-variant:small-caps; }



/* style global de la liste non ordonné */
ul#list_photo{
  list-style:none;
}
/* style des éléments de la liste */
ul#list_photo li{
 cursor:move; 
}

/* style de l'élément fantome, qui apparait losque que l'on bouge un élément */
ul#list_photo li.highlight{
  background:#f2f2f2;
  border:1px dashed #212326;
}


#input_text{position:relative; left:200px;
-moz-border-radius: 5px;
border:none;
height:25px;
width:170px;
border:1px solid grey; 
opacity:1;}

.input_file{
 opacity:0;
filter: alpha(opacity=0);}