* {padding:0; margin:0;}
html, body{ height: 100%; padding:0; margin:0; font-family: verdana, sans-serif; font-size: 12px;}
body{ text-align: center; background: #F5F5F5 url(../img/background.png) repeat; }
#global{ position: relative; clear: both; height: auto; width: 800px; padding: 0; margin: 0 auto; text-align: left;}

/* Header */
#header{ display: block; width: 800px; height: 200px; }
#flags{ list-style-type: none; margin-right: 30px; }
#flags li{ float: right; margin: 20px 5px 0 0; }
#flags img{ border: none; }
.header_search{ float: right; clear: right; margin: 15px 35px 0 0; width: 400px; }
#header form{ float: right; }
.search_text{ border: 1px solid #666; color: #666; padding: 1px; }
.search_submit{ border: 1px #666 solid; background: #FFF; color: #666; font-weight: bold; font-size: 13px;  }
#header p{ float: right; clear: right; color: #FFF; font-size: 13px; font-family: verdana, sans-serif; font-weight: bold; text-align: right; width: auto; }

#left{ float: left; width: 205px; }
/* Boite de Login */
#user{ display: block; width: 205px; height: 130px; background: url(../img/box-body.png) repeat-y; }
#user .user_top{ display: block; width: 205px; height: 100%; background: url(../img/box-top.png) no-repeat; }
.user_label{ display: block; text-indent: 14px; text-align: center; padding-top: 12px; margin-bottom: 2px; color: #919bca; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; }
.user_text{ display: block; width: 140px; margin-left: 38px; color: #919bca; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; }
.user_submit{ display: block; width: 205px; text-indent: 0; padding-left: 12px; border: none; margin-top: 10px; padding-bottom: 15px; text-align: center; background: url(../img/box-bottom.png) no-repeat bottom; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; cursor: pointer; }
#user h3{ display: block; width: 205px; background: url(../img/box-top.png) no-repeat; text-indent: 14px; text-align: center; padding-top: 12px; padding-bottom: 8px;  margin-bottom: 2px; color: #919bca; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; }
.user_bottom{ display: block; width: 205px; text-indent: 0; padding-left: 12px; border: none; margin-top: 10px; padding-bottom: 15px; text-align: center; background: url(../img/box-bottom.png) no-repeat bottom; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; cursor: pointer; }
#user a{ display: block; margin-left: 14px; text-align: center; margin-bottom: 4px; color: #919bca; font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; }
#user a:hover{ color: #008eff; }

/*
* Pub
*/
#pub{ display: block; width: 205px; height: 150px; background: url(../img/box-body.png) repeat-y; }
#pub .menu-top{ display: block; width: 205px; background: url(../img/box-top.png) top left no-repeat; height: 20px; }
#pub .menu-bottom{ display: block; width: 205px; background: url(../img/box-bottom.png) bottom left no-repeat; height: 20px; }

/* Menu */
#menu{ display: block; width: 205px; background: url(../img/box-body.png) repeat-y; }
#menu ul{ list-style-type: none; color: #919bca; }
#menu .menu-top{ display: block; width: 205px; background: url(../img/box-top.png) top left no-repeat; height: 20px; }
#menu .menu-bottom{ display: block; width: 205px; background: url(../img/box-bottom.png) bottom left no-repeat; height: 20px; }
#menu p{ text-align: center; padding-left: 31px; padding-right: 17px; color: #919bca; }
#menu a{ display: block; margin: 3px 0 5px 5px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
#menu a:hover{ display: block; margin: 3px 0 5px 5px; color: #008eff;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
#menu li{ margin: 0; padding: 0; }
#menu li a{ display: block; margin: 5px 0 5px 40px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
#menu li a:hover{ display: block; margin: 5px 0 5px 40px; color: #008eff;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; }

/* Zone Centrale */
#main{ float: right; width: 595px; margin: 0; background: url(../img/main-top.png) top left no-repeat; padding: 0 !important; }
#main .main-bottom{ display: block; width: 595px; height: 25px; background: url(../img/main-bottom.png) bottom left no-repeat; }
#main .main-body{ display: block; background: url(../img/main-body.png) top left repeat-y; padding-bottom: 5px; padding-top: 10px; }

#main ul{ margin-left: 30px; color: #666;  }
#main h3{ color: #666; font-size: 14px; margin-bottom: 5px; }
#main h2 { margin:0 0 10px !important; padding:0 35px 5px 20px !important; border-top: solid 1px #666; }
#main h2 a { color:#919BCA; font-size:13px !important; text-align:center; font-family:verdana,sans-serif; }
#main p{ text-indent: 0; color: #666; text-align: justify; margin: 0 0 5px 0 !important; padding: 0 35px 5px 20px; }

/* Formulaire d'inscription */
.search, .new_user, .new_house{ padding:  0 35px 5px 20px; }
.search fieldset, .new_user fieldset, .new_house fieldset{ border: 1px solid #919bca; padding: 5px 10px; margin: 15px 0; }
.search legend, .new_user legend, .new_house legend{ color: #919bca; }
.new_user label{ float: left; width: 240px; margin-bottom: 10px; margin-left: 15px; padding-top: 3px; color: #666; }
.search label, .new_house label{ float: left; width: 240px; margin-bottom: 10px; margin-left: 15px; padding-top: 3px; color: #666; }
.search br, .new_user br, .new_house br{ clear: both; }
.search select, .new_house select,.new_user .pays, .new_house input.text, .new_user input.text{ width: 250px; }
.new_house textarea{ width: 250px; height: 80px; }
.search .checkbox, .new_house .checkbox{ display: block; margin-left: 20px; }
.search .checkbox label, .new_house .checkbox label{ width: 140px; }
.search .checkbox input, .new_house .checkbox input{ margin-right: 5px; }
#new_house_periods{ display: block; margin-left: 60px; margin-bottom: 10px; text-indent: 21px; }
#new_house_periods label{ float: none; }
#new_house_periods select{ width: 50px;  }
#new_house_destinations label{ margin-left:70px; width: 185px; }
.input_submit{ display: block; width: 200px; margin: 0 auto; border: 1px solid #919bca; background: #FFF; color: #919bca; font-weight: bold; padding: 2px 0; }

.error{ color: red !important; text-align: center; border: 1px solid red; padding: 5px; margin: 5px 35px 5px 20px; }
.error ul{ margin-left: 80px; text-align: left; margin-top: 5px; color: red !important; }

/* Liste des maisons (courte) */
.short_list{ display: block; width: 90%; _width: 520px; margin: 10px; margin-left: 20px; _margin-left: 30px; border-top: 1px solid #666; }
.house_short{ display: block; width: 100%; margin: 0; height: auto; min-height: 120px; _height: 120px; padding: 5px 0; border-bottom: 1px solid #666; color: #666; }
/* .even{ background: #FFF; } */
/* .odd{ background: #EEE; } */ 
.house_short img{ margin: 0 10px; border: 1px solid #999; }
.house_short h2{ font-size: 13px !important; text-align: center;  }
.house_short h3{ font-size: 12px !important;  }
.house_short p{ text-indent: 0 !important; }
.house_short ul{ }
.house_short li{ float: left; margin-left: 20px; }
.house_short strong{ color: #666; float: left; width: 200px; }
.actions{ display: block; text-align: center; margin-top: 10px; }
.actions form{ display: inline; }

/* D�tails sur une maison */
.house_photos{ float: left; width: 150px; margin-left: 20px; text-align: center; }
.house_photos img{ display: block; border: 1px solid #999; margin: 5px 0; }
.main_infos{ margin-left: 170px; color: #666; }
.main_infos h2{ font-size: 14px !important; text-align: center; }
.main_infos h3{ font-size: 12px !important; margin: 10px 0; }
.main_infos p{ text-indent: 0 !important; margin: 0 0 10px 0 !important; padding: 0 35px 0 0 !important;} 
.video{ width: 500px; margin: 10px auto; text-align: center; }
.main_infos strong{ color: #666; float: left; width: 200px; }

/* Boutons et Liens */
a.bouton,button.bouton { display:-moz-inline-box; display:inline-block; margin:0; padding:0; font:13px verdana, sans-serif; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; border:0; background:none; text-decoration: none; }
a.bouton span, button.bouton span { float:left; padding:0 0 0 6px; vertical-align:middle; background:url(../img/bouton_gch.gif) left top no-repeat; }
a.bouton span span, button.bouton span span { padding:0 6px 0 0; background:url(../img/bouton_dte.gif) right top no-repeat; }
a.bouton span span span, button.bouton span span span { height:28px; padding:0; line-height:24px; background:url(../img/bouton_mil.gif) left top repeat-x; color: #FFF; font-weight: bold; }

/* Messagerie */
.admin{ display : block; width: 530px; margin: 10px auto 10px auto; border: 1px solid #666; border-collapse: collapse; }
.mess{ display : block; width: 500px; margin: 10px auto 10px auto; border: 1px solid #666; border-collapse: collapse; }
.mess tr{ width: 100%; }
.mess th{ width: 125px; padding: 4px 5px; font-size: 12px; font-family: verdana, sans-serif; font-weight: bold; }
.admin td, .mess td{ width: auto; padding: 3px 5px; font-size: 12px; font-family: verdana, sans-serif; font-weight: normal; }
.mess td img{ float: left; width: 17px; height: 17px; }
.mess td a{ color: #008eff; }
.mess td a:hover{ text-decoration: none; }

.message{ font-family: verdana, sans-serif; width: 400px; margin: 10px auto 0 auto; border-bottom: 1px solid #666; border-left: 1px solid #666; color: #666; }
.message h3{ font-size: 14px !important; font-weight: bold; text-align: center; margin-bottom: 10px; }
.message strong{ float: left; font-size: 12px !important; font-weight: bold; text-align: left; margin-left: 10px; width: 50px;}
.message p{ display: block; padding: 10px 5px 5px 10px !important; text-align: justify; }

.mess_write label{ float: left; margin-left: 55px; color: #666; width: 160px; }
.mess_write input.text{ width: 300px; border: 1px solid #666; }
.mess_write textarea{ margin-left: 55px; margin-top: 10px; width: 460px; height: 300px; border: 1px solid #666; }

/* Pages */
.page{ display: inline; margin: 0 !important; padding: 0 0 0 20px !important; }
.page span, .page a{ border: 1px solid #999; padding: 1px 2px; text-decoration: none; color: #666; margin: 0; font-size: 12px; font-family: verdana, sans-serif; }
.page a:hover{ border: 1px solid #008eff; color: #008eff; }
.page_form, .page_form input{ display: inline; }
.page_submit{ border: 1px solid #999; padding: 1px 1px; text-decoration: none; color: #666; margin: 0; background: #FFF; font-size: 12px; font-family: verdana, sans-serif; cursor: pointer; }

/* Notes */
.short_list .mark_average{ float: right; margin: 0; padding: 0; }
.main_infos .mark_average{ display: block; text-align: center; }
.mark_average img{ margin: 0 !important; border: none !important; }

.mark{ border-bottom: 1px solid #666; }
.mark_form{ float: right; margin-right: 50px; }

/* Drupal theme */
div.breadcrumb { margin:0 0 10px !important; padding:0 35px 5px 0px !important; }
ul.tabs { list-style-type: none; padding: 0; margin: 0; }
ul.tabs li { float: right; width: 100px; }
/* div.tabs { float: right; margin-right: 0px; } */
div.tabs { margin-right: 0px; }

div.block div.item-list ul { list-style-type: none; padding-left: 0; }
div.block div.item-list ul li { list-style-image: none; list-style-type: none; padding: 0; }
div.block div.item-list ul li a { display: block; margin: 5px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 160px; }
.item-list ul li { margin: 0; }

ul.menu { list-style-type: none; padding-left: 0; }
ul.menu li { list-style-image: none; list-style-type: none; padding: 0; }
ul.menu li a { display: block; margin: 5px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
/* ul.menu li a:hover{ display: block; margin: 5px 0 5px 40px; color: #008eff;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; } */
div.block { background:transparent url(http://www.exchangeourhouses.com/img/box-body.png) repeat-y scroll 0 0; display:block; width:170px; padding: 0px 0px 0px 30px; }
div.block h2.title { text-align: center; font-size: 14px; }
div.block a{ display: block; margin: 3px 0 5px 5px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
div.block a:hover{ display: block; margin: 3px 0 5px 5px; color: #008eff;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; }
div.block div.form-item { width: 150px; text-align: center; margin: auto; }
/* div.block div.item-list ul { list-style-type: none;  } */
/* div.block div.item-list ul li a{ display: block; margin: 5px 0 5px 40px; color: #919bca;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; width: 140px; } */
/* div.block div.item-list ul li a:hover{ display: block; margin: 5px 0 5px 40px; color: #008eff;  font-family: verdana, sans-serif; font-weight: bold; font-size: 12px; text-decoration: none; } */ 
div.block div.menu-top { background:transparent url(http://www.exchangeourhouses.com/img/box-top.png) no-repeat scroll left top; display:block; height:20px; width:205px; margin-left: -30px; }
div.block div.menu-bottom{ display: block; width: 205px; background: url(../img/box-bottom.png) bottom left no-repeat; height: 20px; margin-left: -30px; }
#user-login-form div { text-align: center; }
span.submitted { display: none; }
a img { border: 0; }
a.feed-icon { margin-left: 0px; }
li.expanded ul { padding-left: 10px; }
#drp-main { padding: 0 40px 0 20px; }
.block-locale UL { list-style-type: none; }
.node { margin: 10px 0; }
.field { margin: 10px 20px; }
.field-label { font-weight: bold; float: left; width: 175px; clear: left; padding: 3px; }
.field-items { float: left;  }
.field-item .odd { background-color: white; }
.field-item .even { background-color: white; }
.field-item { padding: 3px; }
div.fivestar-form-item { padding: 20px 22px; }
.block { border-bottom: 0; }
.field-field-rating { display: none; }
div.block-locale { display: none; }