/* GENERAL */
*{ padding: 0; margin: 0; outline: none; }
html, body { height: 100%; width: 100%; }
body{ font-family: Arial, sans-serif; background:#fff; font-size: 12px; margin: 0; padding: 0; }
#conteneur{ width: 960px; margin: 0 auto; }
.clear{ clear: both; }
img{ border: none; }
table tr td{padding: 2px;}
a{ text-decoration: none; color: #fff; }
a:hover{ text-decoration: underline; }
.no-width{width: auto; padding: 5px; margin-right: 5px;}
input.check{display:none;}
.lab_check{border: none; background: none; cursor: pointer; margin-bottom: 5px;}
.lab_check.active{background: #fff;}
#pan_gauche ul li a#logout{color:#ef2754;}
.absolute a:hover{text-decoration:none;}
/* END GENERAL */

/* HEADER */
#header{ background: #CCC; border: 1px solid #aaa; height: 155px; margin-bottom: 10px; }
#header #logo{ float: left; width: 310px; height: 155px; }
#header #info_contact{ float: left; width: 140px; height: 93px; color: #fff; text-align: center; font-size: 17px; margin: 20px 20px 0 20px;}
#header #info_contact span{font-weight: bold;}
#header #div_banner{display: inline-block; margin: 15px 0; width: 420px; height: 93px; background: url(../images/bg_banner.jpg) no-repeat;}
/* menu */
#header #menu{ margin-left: 440px; margin-top: -25px; font-size: 13px; }
#header #menu ul{ list-style-type: none; }
#header #menu ul li{float: left;}
#header #menu ul li a{ display: inline-block; border: 1px solid #aaa; height: 24px; width: 121px; text-align: center; line-height: 24px; margin-left: 5px; font-weight: bold;}
#header #menu a.bg_blanc{ background: #fff; color: #4d4d4d; }
#header #menu a.bg_rouge_pale{ background: #fd38cc; }
#header #menu a.bg_rouge{ background: #ff0768; }
/* end menu */
/* END HEADER */

/* PANNEAU GAUCHE */
#panneau{ float: left; width: 310px; }
div.etiquette{ background: url(../images/bg_etiquette.jpg) no-repeat; margin: 5px; padding-left: 5px; line-height: 22px; text-align: left; width: 285px; height: 22px; color: #fff; font-weight: bold; font-size: 14px; }
#panneau div.margin_entends{ margin-bottom: 15px;}
div.etiquette a{ display: inline-block; width: 100%; margin-left: -5px; padding-left: 5px; }
#panneau img{ margin: 5px; }

#panneau_top{ padding: 0 5px 0 5px; width: 300px; border: 1px solid #aaa; }
#contact{ margin: 5px; padding: 5px; width: 280px; background: #f5e6f3; }
form label{ display: inline-block; width: 120px; }
form input{ background: #fff; border: 1px solid #aaa; width: 150px; margin-bottom: 5px; }
form input:focus{ border: 1px solid #333; }
form textarea{ background: #fff; border: 1px solid #aaa; width: 280px; height: 70px; margin-bottom: 5px; }
form textarea:focus{ border: 1px solid #333; }
form select{ background: #fff; border: 1px solid #aaa; }
form select:focus{ border: 1px solid #333; }
form .bouton{ border: none; background: url(../images/bg_bt_contact_panneau.png); width: 180px; height: 27px; margin-bottom: 5px; margin-left: 100px; color: #fff; cursor: pointer; font-weight: bold; }
.bouton:focus, .bt:focus{ border: none; }
.bt{ border: none; background: #d67c1f; cursor: pointer; width: auto; padding: 0 10px 0 10px;}
.bt:hover{ background: #e5994c; }
#bt_connec{width: 152px; height: 20px; font-size: 14px; margin-left: 123px;}

form.rappel label { display: inline-block; width: 90px; }
form.rappel input{background: url(../images/bg_champ_rappel.png) no-repeat; border: none; width: 170px; height: 15px; font-size: 11px; padding: 0 5px 0 5px;}
form.rappel input:focus{border: none;}
form.rappel textarea{background: url(../images/bg_zone_rappel.png) no-repeat; border: none; width: 268px; height: 50px; padding: 5px 2px 2px 5px; }
form.rappel_gestion textarea{background: url(../images/bg_zone_rappel_gestion.png) no-repeat; height: 125px;}
form.rappel_g_loc textarea{background: url(../images/bg_zone_rappel_gestion_loc.png) no-repeat; height: 64px;}
form.rappel textarea:focus{border: none;}
form.rappel_g_loc select{border: none; background: url(../images/bg_champ_rappel.png) no-repeat; border: none; width: 180px; height: 15px; line-height: 15px; font-size: 11px;}
form.rappel_g_loc select:focus{border: none;}
form.rappel .bouton{ border: none; background: url(../images/bg_bt_contact_panneau.png); width: 260px; height: 35px; margin-bottom: 5px; margin-left: 8px; color: #fff; cursor: pointer; font-weight: bold; font-size: 18px; }

#contact_gestion{ position: absolute; top: 610px; left: 50%; margin-left: -470px; padding: 5px; width: 280px; background: #f5e6f3; }

#panneau_bottom{ padding: 0 5px 0 5px; width: 300px; }
/* END PANNEAU GAUCHE */

/* CONTENT */

#content { width: 640px; margin-left: 320px; min-height: 1100px; margin-bottom: 10px; }

/* tabs */
.tabs{ height: 32px; width: 640px; padding: 0; font-size: 20px; }
.large_tabs{width: 950px;}
.tabs div{ float: left; text-align: center; font-weight: bold; height: 32px; line-height: 32px; width: 208px; color: white; }
.tabs div a{ display: inline-block; height: 30px; width: 208px; color: #fff; }

.tabs div.tab_bleu_un{ background: url(../images/bg_tab_bleu-1.png) no-repeat; }
.tabs div.tab_violet_un{ background: url(../images/bg_tab_violet-1.png) no-repeat; }
.tabs div.tab_rouge_un{ background: url(../images/bg_tab_rouge-1.png) no-repeat; }
.tabs div.tab_jaune_un{ color: #cc3300;  background: url(../images/bg_tab_jaune-1.png) no-repeat; }
.tabs div.tab_jaune_un a{ color: #cc3300; }
.tabs div.tab_gris_un{ background: url(../images/bg_tab_gris-1.png) no-repeat; }
.tabs div.tab_blanc{ color: #000; }
.tabs div.jaune_2{background: url(../images/bg_tab_jaune2-1.png) no-repeat;}
.tabs div.jaune_3{background: url(../images/bg_tab_jaune3-1.png) no-repeat;}

.tabs div.tab_jaune_deux{ color: #cc3300; width: 423px; background: url(../images/bg_tab_jaune-2.png) no-repeat; }
.tabs div.tab_jaune_deux a{ color: #cc3300; }

.tabs div.tab_un_tiers{ margin-right: 8px; }
.tabs div.tab_deux_tiers{ margin-right: 8px; }
.tabs div.tab_trois_tiers{ margin-right: 0; }

.tabs div.tab_un_demi{ margin-right: 9px; }
.tabs div.tab_un_demi a{width: 420px;}
/* end tabs */
object a{ color: #000; }
/* background panels */
.bg_bleu{ background: #1c70a7; border-bottom: 1px solid #2399b3; border-left: 1px solid #2399b3; border-right: 1px solid #2399b3; }
.bg_violet{ background: #a22d76; border-bottom: 1px solid #7e23bf; border-left: 1px solid #7e23bf; border-right: 1px solid #7e23bf; }
.bg_blanc_violet{ background: #fff; border: 1px solid #000; }
.bg_rouge{ background: #d67c1f; border-bottom: 1px solid #b34513; border-left: 1px solid #b34513; border-right: 1px solid #b34513; }
.bg_jaune{ background: #f8eeb5; border-bottom: 1px solid #bab388; border-left: 1px solid #bab388; border-right: 1px solid #bab388; }
.bg_jaune a{color: #cc3300; }
.bg_gris{ background: #cac8c5; border-bottom: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; }
.bg_blanc{ background: none; border: 1px solid #aaa; }

/* premier panel de contenu */
#pan1{ min-height: 240px; width: 617px; padding: 20px 10px 20px 10px; margin-bottom: 20px; float: left; }
#pan1 #bloc_items{ height: auto; }
#pan1 h3{ background: url(../images/fleche_h3.gif) no-repeat left center #d7fd6b; height: 25px; line-height: 25px; margin-left: -10px; margin-top: 20px; margin-bottom: 20px; padding-left: 45px; width: 592px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
#pan1 h2{ margin-bottom: 20px; }

#pan1 #photo_cle{ margin-left: 350px;}

/* liste des items */
#pan1 .item{ float:left; width: 183px; height: 216px; background: #fff; border: 1px solid #aaa; padding: 5px; margin: 5px; font-size: 14px; }
#pan1 .item img{ margin-left: 2px; }
#pan1 .item div{ margin-left: 2px; }
#pan1 .item div.absolute{ margin-left: 0; position: absolute;}
#pan1 .item div.absolute .accroche{ position: absolute; top:0; left:0; margin-left: 2px; padding: 0 5px 0 5px; width: 171px; height: auto; background: url(../images/bg_accroche.png); line-height: 20px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;}
#pan1 .item div.absolute .accroche-loc{ position: absolute; top:0; left:0; margin-left: 2px; padding: 0 5px 0 5px; width: 171px; background: url(../images/bg_accroche_loc.png); line-height: 20px; text-align: center; color: #fff; font-size: 14px; font-weight: bold;}
#pan1 .item a{ color: #cc3300;}
#pan1 .item div p.item_info{ min-height: 45px; }
#pan1 .item div a.plus{ display: inline-block; width: 90px; color: #cc3300; margin-left: 95px; }
#pan1 .item .img_item{ padding: 0; margin-left: 0; width: 181px; height: 121px;}
#pan1 .bloc_haut{ background: none; border: none; }
/* END liste des items */

#pan1 .info{ line-height: 20px; }
#pan1 .info a{ color: #cc3300; }
#pan1 .bloc_gauche{ padding: 5px; }
#pan1 .bloc_gauche .etiquette{ margin-bottom: 15px; }
#pan1 .info ul{ margin-left: 30px; }

/* détails */
#pan1 .un_item{ margin-bottom: 50px; }
#pan1 .un_item #info_detail{ float: left; margin-right: 10px; width: 410px; }
#pan1 .un_item #img_detail{max-width:400px;max-height:310px;}
#pan1 .un_item #list_imgs{ width: 190px; background: #fff; border: 1px solid #aaa; margin-left: 420px; padding-left: 5px; min-height:200px;}
#pan1 .un_item #list_imgs img{ margin: 5px; }
#pan1 .un_item #list_imgs div.pan_scroll{ max-height: 600px; margin-bottom: 10px; margin-left: -5px; }
#pan1 .un_item li{margin-left: 20px;}
#pan1 .un_item #img_dpe{border: 1px solid #aaa;}
#pan1 .autres_biens{margin-right:10px;}
#listeimages img{ cursor: pointer; }

#pan1 .etiquette_arrondi{ clear: both; background: url(../images/bg_etiquette_arrondi.png) no-repeat; height: 22px; width: 403px; line-height: 18px; padding-left: 5px; color: #fff; margin-bottom: 10px; font-weight: bold; font-size: 14px; }

#pan1 .pagination{ margin-top: 10px; font-size: 20px; font-weight: bold; }
#pan1 #fleche_prev{position: absolute; top: 550px; left:50%; margin-left: -159px;}
#pan1 #fleche_next{position: absolute; top: 550px; left:50%; margin-left: 465px;}

#pan1 #ref{ text-align: right; font-weight: bolder; }
#pan1 #info_maison p.desc{ font-size: 14px; color: #cc3300; }
#pan1 #info_maison h3 { color: #000; }

#pan1 .plus{ width: 400px; float: left; margin-right: 15px; }
#pan1 ul.liste li{ margin-left: 30px; }

#pan_une_video{ min-height: 320px; width: 590px; padding: 20px 10px 20px 10px; margin-bottom: 10px; }
#pan_une_video #une_video{ float: left; margin-right: 5px; }
/* END détails */

.pagination{text-align: right;}
.pagination a img{ margin-top: 10px; }
/* texte defilant */
#text-scroller {color:#fff;font-size:16px;font-weight:bold;}
/* END premier panel de contenu */

/* second panel de contenu */
#pan2{ min-height: 220px; width: 617px; padding: 20px 10px 20px 10px; }
#pan2 #bloc_video{ height: 170px; white-space: nowrap; }
#pan2 #bloc_video .video{ width: 205px;}
#pan2 #bloc_video .video span.video_ref{position: absolute;padding-left:5px;}
#pan2 #bloc_video .video iframe{margin-top:15px;}

#pan2 #brochure a{ text-align: center; color: #000; display: inline-block; width: 617px; height: 220px; line-height: 220px; }
#pan2 #brochure a.vente{background: url(../images/bg_brochure_vente.jpg) no-repeat center;}
#pan2 #brochure a.gestion{background: url(../images/bg_brochure_gestion.jpg) no-repeat center;}
/* END second panel de contenu */

/* panel de gestion */
#pan_gestion{ width: 950px; height: 690px; padding: 20px 0 0 10px; margin-top: -1px;}
.gestion_1{background: url(../images/bg_pan_gestion.gif) no-repeat;}
.gestion_2{background: url(../images/bg_pan_gestion-2.png) no-repeat;}
.gestion_3{background: url(../images/bg_pan_gestion-3.png) no-repeat;}
#pan_gauche{ padding: 0; margin: 10px 0; float: left; margin-right: 10px; height: 600px; max-width: 400px;}
#pan_gauche div.etiquette, #pan1 div.etiquette{ margin: 0; }
#pan1 .bloc_gauche{ background: #fff; border: 1px solid #aaa; width: 290px; margin-bottom: 20px; }

#pan_gestion .bloc_gauche_top{background: url(../images/bg_bloc_gauche_top.png) no-repeat; width: 290px; height: 23px; line-height: 18px; padding-left: 15px; font-weight: bold; font-size: 14px; color: #fff;}
#pan_gestion .bloc_gauche_mid{background: #fff; width: 279px; padding: 5px 5px 0px 5px; margin-top: -6px; font-size: 16px;}
#pan_gestion .bloc_gauche_bot{background: url(../images/bg_bloc_gauche_bottom.png) no-repeat; margin-top: -10px; margin-bottom: 20px; width: 290px; height: 22px; }

#pan_gestion #pan_droite .bloc_top{ margin-left: 380px; background: url(../images/bg_bloc_droite_top.png) no-repeat; width: 500px; height: 23px; line-height: 23px; padding-left: 15px; font-weight: bold; font-size: 14px; color: #fff;}
#pan_gestion #pan_droite .bloc_mid{ margin-left: 380px; background: #fff; width: 490px; padding: 5px; margin-top: -1px;}
#pan_gestion #pan_droite .bloc_bot{ margin-left: 380px; background: url(../images/bg_bloc_droite_bottom.png) no-repeat; margin-bottom: 20px; width: 500px; height: 22px; }

#pan_gauche ul { list-style-type: none; padding-left: 10px; }
#pan_gauche ul li{ margin: 10px 0 10px 0; }
#pan_gauche ul li a{ color: #000; }
#scroll-h img{ margin: 0 10px 0 2px; }
#pan_gauche table tr{ border-bottom: 1px solid #aaa; }
.bandeau{ display: inline-block; margin-left: -9px; padding-left: 10px; background: #d7fd6b; height: 20px; line-height: 20px; width: 948px;}

#mess-loc li{margin-left: 20px;}

#pan_droite{ padding: 0; }
#pan_droite p{ margin-bottom: 30px; }
#pan_droite a{ color: #cc3300;}
#pan_droite p.float{ float: left; margin-right: 40px; }
.tab_gestion{min-height: 100px; max-height: 590px;}
.tab_gestion_min{min-height: 100px; max-height: 300px;}
.tab_gestion_rem{max-height: 230px;}
.documents_location{width: 98%; padding: 10px 0 10px 10px;}
/* END panel de gestion */

/* formulaires */
.forms p{margin-bottom: 10px;}
.espace{ display: block; height: 30px; }
.forms h4{ background: #d7fd6b; height: 25px; line-height: 25px; margin-left: -10px; margin-bottom: 20px; padding-left: 15px; width: 622px; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; }
.forms .label{ display: inline-block; width: 150px; }
.forms input,textarea,select{ background: #fff; border: 1px solid #aaa; }
.forms .zone_texte{ width: 600px; height: 200px; }
.forms .grand { width: 450px; }
.forms .moyen { width: 250px; }
.forms .pettit { width: 100px; }
.forms div.gauche{ float: left; }
.forms #submitLocation{ background: url(../images/bg_bt_envoi_location.png); border: none; width: 157px; height: 68px; cursor: pointer; color: #fff; font-size: 12px; margin-left: 30px; margin-top: 150px; font-weight: bold; font-size: 16px; }

/* end formulaires */
.tab_impression tr td{border-bottom: 1px dashed #000000; height: 30px; line-height: 30px;}
/* END CONTENT */

/* FOOTER */
#footer { width: 960px; height: 15px; border: 1px solid #aaa; background: #ccc; clear: both;}
#footer ul{ list-style-type: none; }
#footer ul li{ float: left; }
#footer ul li a{display: inline-block; width: 130px; text-align: center; color: #000;  line-height: 16px; }
/* lien sinfin-c */
#footer p{ padding-right: 5px; }
#footer p a{ color: black; line-height: 16px; text-align: right; margin-left: 70px; }
/* END FOOTER */

#facebook { display: block; float: right; width: 20px; height: 20px; background: url(../images/facebook.png) no-repeat; }