/* Modèle v1.24 24/02/2009 */


/********** A GARDER EN L'ÉTAT ************/
*{margin:0; padding:0;}
ul {margin-bottom:10px;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}
.clear{clear:both;}
.centre{text-align:center;}
.img_gauche {float:left; display:inline; margin:0 15px 5px 0;}
.img_droite {float:right; display:inline; margin:0 0 5px 15px;}

/*********** A PERSONNALISER **************/
body{font: normal 12px 'Trebuchet MS'; color:#2a2a2a; background-color:#fff;}
#body{background:#62a53e url(images/fond/body.jpg) repeat-x;}
table{font-size: 11px;}
a{text-decoration:none;}
a:hover {text-decoration:underline;}
a.bouton{background:#cec0b3; color:#583F36;padding:2px;border:1px solid #583F36;}

h1{font:normal 18px 'Trebuchet MS'; color:#2286D8; margin-bottom:15px;}*
h1#titre_fiche {margin-bottom:0;}
h2{font: bold 13px 'Trebuchet MS'; margin-bottom:5px; color:#583F36;}
h3{font: bold 11px 'Trebuchet MS';}
h5 {font:normal 16px 'Trebuchet Ms'; color:#00559b; line-height:45px; padding-left:15px;}
p {margin-bottom:10px; text-align: justify;}
strong{font-weight: bold;}
em{font-style: italic;}

.color {color:#f28a01;}
.rouge {color:#c2421b;}
.bleu {color:#226ca8;}
.vert {color:#61a53d;}

.orange_gd {font-size:24px;color:#f28a01;}
.orange_moyen {font-size:20px;color:#f28a01;}
.bleu_gd {font-size:24px;color:#226ca8;}
.bleu_moyen {font-size:20px;color:#226ca8;}
.rouge_gd {font-size:24px;color:#c2421b;}
.rouge_moyen {font-size:20px;color:#c2421b;}
.vert_gd {font-size:24px;color:#61a53d;}
.vert_moyen {font-size:20px;color:#61a53d;}

.hr{font-size:1px; height:10px; border-bottom:1px solid #f28a01; margin:0 0 10px;}
.asterisque{font-style:italic; font-size:14px;color:#c2421b;}
.block{display:block;}
.bold {font-weight:bold;}
.lien_plus {background:url(images/puce/petale.png) top right no-repeat;font-size:11px; color:#2286d8;padding:5px 20px 0 0;}
.date {color:#b7b7b7;}
.error{color:red;font-weight:bold;}

input{margin-bottom:0px !important; margin-bottom:-2px !important!; margin-bottom:-2px;}
input, select, textarea{font: normal 11px 'Trebuchet MS'; color:#015091; border:1px solid #76b3eb;}
input[type="checkbox"], input[type="radio"]{border-width: 0;}
label {color:#015091;}

.row{clear:both; margin-bottom:5px;}
.row label{display:inline; float: left; margin-right: 5px; width: 145px; text-align: right;font-size:14px;}
.row textarea{width: 160px;}
.row input {width: 160px;height:20px;}
.row select {width: 162px;height:22px;}

.row_chk{padding:0; clear:both; margin-bottom:5px;}
.row_chk input{border:0}
.row_chk label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_are{clear:both; margin-bottom:5px;}
.row_are label{margin-right: 5px; width: 145px; text-align: left;font-size:14px;}
.row_are textarea{width:340px;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad .label{float:left; width:145px; text-align:right;}
.row_rad .rad {margin-left:150px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}

.row_bt {margin-left:150px; clear:both; margin-bottom:5px;}
.row_bt .bouton, .row_bt input {border:0;}

#conteneur {width:990px; margin:0 auto; position:relative;background:url(images/fond/fond_bottom.png) bottom no-repeat;padding-bottom:22px;}
#contain {background:url(images/fond/fond.png) 0 0 repeat;width:972px; padding:0 7px 0 11px;}
#contain2 {background:#fff; width:972px;}
#head{width:1082px; height:369px; background:url(images/fond/bandeau.png) 0 0 no-repeat; position:absolute; top:0; left:-80px; z-index:2; }
#entete {position:relative; height:321px; z-index:3;margin-bottom:48px;}
#motif {background:url(images/fond/fond_motif.gif) bottom no-repeat;}
#contenu {position:relative; top:-18px; z-index:4; padding:0 13px 0 14px;}
#colonne_droite{width:314px; float:right;}
#colonne_gauche {width:619px; float:left;}


/******************************************/
/******************  ENTETE  **************/
/******************************************/
#logo {width:310px; float:left; display:inline;}
#pub_classique {width:468px; height:60px; padding:7px 7px 8px 8px; float:right; display:inline; margin:12px 88px 0 0; /*background:url(images/fond/fond_classique.png) no-repeat;*/}
ul#menu {position:absolute; bottom:15px; left:25px; list-style-type:none;}
ul#menu li{margin:0; float:left;height:38px;display:inline-block;}
ul#menu li a{float:left; display:inline-block; margin-right:6px; height:38px;}
ul#menu li a.m01{width:37px;background:url(images/menu/accueil.png) 0 0 no-repeat;}
ul#menu li a.m02{width:102px;background:url(images/menu/promotion.png) 0 0 no-repeat;}
ul#menu li a.m03{width:164px;background:url(images/menu/deposer_annonce.png) 0 0 no-repeat;}
ul#menu li a.m04{width:143px;background:url(images/menu/espace_annonceur.png) 0 0 no-repeat;}
ul#menu li a.m05{width:102px;background:url(images/menu/contact.png) 0 0 no-repeat;}
ul#menu li a:hover, ul#menu li a.active {background-position: 0 -38px;}
#bulle_annonce {width:153px; height:116px; padding:20px;position:absolute; bottom:46px; right:165px;background:url(images/fond/bulle_annonce.png) 0 0 no-repeat;z-index:1;}
#bulle_annonce p, #bulle_offre p {text-align:center; font-size:14px; color:#fff; line-height:1.1em;}
#bulle_annonce a, #bulle_offre a { display:inline-block; text-align:center;}
#bulle_offre {width:146px; height:99px; padding:45px 20px 20px ; position:absolute; bottom:0px; right:13px;background:url(images/fond/bulle_offre.png) 0 0 no-repeat;z-index:2;}

/******************************************/
/**************  COL GAUCHE  ****************/
/******************************************/

#pub_carre {width:300px; height:250px; padding:7px; margin:0 0 20px; /*background:url(images/fond/fond_carre.png) no-repeat;clear:both;*/}

.lien_spaw {width:294px; height:132px; margin:0 10px; overflow:hidden;}
.lien_spaw  .lien_txt{width:245px; height:70px; padding:10px 0 0 40px; overflow:hidden;background:url(images/puce/petale.png) top right no-repeat;}
.lien_spaw  .lien_txt p{font-size:11px; color:#00559b;line-height:1.1em;}
.lien_spaw  .lien_txt ul{list-style-type:none; margin:0;}
.lien_spaw  .lien_txt ul li{display:block;margin:0;}
.lien_spaw  .lien_txt ul li a{display:block;font-size:11px; color:#00559b;line-height:13px;background:url(images/puce/puce.png) 0 3px no-repeat; padding-left:15px;}
.destination {background:url(images/fond/destination.png) no-repeat;}
.location {background:url(images/fond/location.png) no-repeat;margin-bottom:15px;}
.location h5 {line-height:40px;}

#catalogue {width:285px; margin:0 10px 0 19px;}

/******************************************/
/**************  HOMEPAGE  ****************/
/******************************************/
#colonne_droite div#recherche_div {/*position:relative;*/ top:0;margin:0 0 15px 20px; float:none;display:block;;}
div#recherche_div {width:271px; float:left; display:inline;padding-bottom:15px; background:url(images/fond/recherche_bot.png) bottom no-repeat;/*position:relative;*/ top:-25px;}
div#recherche_div #rech_top{width:271px; padding-top:10px; background:url(images/fond/recherche_top.png) 0 0 no-repeat;}
div#recherche_div #rech_cen{width:256px; padding:0 0 1px 12px;background:url(images/fond/recherche_cen.png) repeat-y;}
div#recherche_div h2 {margin-bottom:10px;}
div#recherche_div #rech_int {width:247px; padding-bottom:21px; background:url(images/fond/recherche_int_bot.png) bottom no-repeat;}
div#recherche_div #rech_int_top{width:247px; padding-top:12px; background:url(images/fond/recherche_int_top.png) 0 0 no-repeat;}
div#recherche_div #rech_int_cen{width:247px; padding:0 0 1px 0; background:url(images/fond/recherche_int_cen.png) repeat-y;}
div#recherche_div #champ1 {margin-bottom:85px;}
div#recherche_div #champ2 {margin-bottom:15px;}
div#recherche_div label {width:92px; font-size:11px;}
div#recherche_div input {width:138px;height:16px;}
div#recherche_div select {width:140px;height:18px;}
div#recherche_div .bouton {width:89px; height:33px;}
div#recherche_div .row_rad {clear:both;padding:0 0 10px;}
div#recherche_div .row_rad .label {padding-left:5px;margin-bottom:2px;width:95px;float:none; text-align:left;}
div#recherche_div .row_rad .rad {float:left; width:110px; margin-left:10px}
div#recherche_div .row_rad label {width:130px;}
div#recherche_div .row_rad input {width:auto;}
div#recherche_div .row_bt {margin:0 0 0 80px;}

#carte {width:320px; float:left; display:inline; margin-left:20px;padding-top:14px;position:relative; top:-25px;}
.carte_region {display:none;}
#areamap {padding:25px 0 0 35px; position:relative;height:266px;}
#carte_img, .carte_region {position:absolute;z-index:2;}

#cadre {width:619px;padding-bottom:15px; background:url(images/fond/beige_bot.png) bottom no-repeat;}
#cadre_top{width:619px; padding-top:10px; background:url(images/fond/beige_top.png) 0 0 no-repeat;}
#cadre_cen{width:599px; padding:0 10px 1px;background:url(images/fond/beige_cen.png) repeat-y; min-height:295px;}
#cadre h2 {padding-left:10px; margin-bottom:15px;}

.marge {margin-right:15px;}
.promotion {width:292px;float:left;}
.prix_promo {text-align:center; font:normal 14px 'Trebuchet MS'; color:#c2421b; margin-bottom:3px;}
.promo {width:272px; height:123px; overflow:hidden; padding:10px; background:url(images/fond/cadre_promo.png) 0 0 no-repeat;}

.liste {margin-bottom:15px;}
.liste h3 {font:normal 12px 'Trebuchet Ms'; color:#2286d8; margin-bottom:5px;padding-left:30px;line-height:1.1em;}
.liste h3 a {font:normal 12px 'Trebuchet Ms'; color:#2286d8; margin-bottom:5px;/*padding-left:30px;*/line-height:1.1em;}
.liste .info { height:65px; overflow:hidden; margin-bottom:8px;}
.liste .info h4{font-weight:bold;color:#2a2a2a;margin-bottom:2px;}
.liste .info p{color:#2a2a2a;line-height:1.1em;}
.liste .photo {float:right; display:inline; margin:0 0 5px 5px;}
.liste .ico {float:left; margin-right:2px}
.liste .lien_plus {display:inline-block;float:right;}

.camping {background:url(images/icone/camping.gif) 0 0 no-repeat;}

/******************************************/
/**************  LISTE ANNONCE  ****************/
/******************************************/
#resultat {font-size:18px; color:#2286d8; margin-bottom:15px;}
.mini_fiche {width:570px; height:124px; overflow:hidden; padding:10px; background:url(images/fond/mini_fiche.png) 0 0 no-repeat;margin:0 0 15px 5px;}
#cadre .mini_fiche h2 {margin-bottom:5px; padding-left:30px; line-height:25px;height:22px;overflow:hidden;}
#cadre .mini_fiche h2 a {font:normal 16px 'Trebuchet Ms'; color:#2286d8; }
.mini_fiche .info {height:76px;overflow:hidden; margin-bottom:2px;}
.mini_fiche .info h3 {font:bold 14px 'Trebuchet Ms'; color:#2a2a2a; margin-bottom:3px;}
.mini_fiche .info p{color:#2a2a2a;line-height:1.1em;}
.mini_fiche .photo {float:left; display:inline; margin:3px 5px 5px 0;}
.mini_fiche .prix {width:107px; height:54px; float:right; display:inline; margin:0 0 5px 8px;overflow:hidden; padding:6px 10px; background:url(images/fond/mini_fiche_prix.gif) 0 0 no-repeat;}
.mini_fiche .prix p {font-size:12px;/*15px;*/ color:#2286d8; text-align:center;}
.mini_fiche .prix .ico {float:left; margin-left:4px}
.mini_fiche .bas p.date{float:left;width:100px; color:#b7b7b7; text-align:center;}
.mini_fiche .lien_plus {display:inline-block;float:right; margin-left:10px;}

.tri {float:left; display:inline; margin:5px 10px 10px 0;}
.tri span{font-size:11px; color:#015091; float:left; display:inline; line-height:14px;padding:0 5px;}
.tri label{font-size:11px; color:#015091; float:left; display:inline; line-height:14px;padding:0 5px; cursor:pointer;}
.tri a{float:left; display:inline;padding:0 5px;}
.tri input{float:left;}
.navigation {float:right; display:inline; width:380px; margin:5px 0 0 0;}
.navigation .MoteurNavigation{float:right;}
.navigation a{float:left; display:inline; font-size:16px; color:#3e4f4f; padding:0 3px; line-height:10px;}
.navigation span{float:left; display:inline; font:bold 16px 'Trebuchet Ms'; color:#C2421B; padding:0 3px; line-height:10px;}
.demande {margin:0 0 5px 0;}

/******************************************/
/**************  FICHE ANNONCE  ****************/
/******************************************/
.fiche  #cadre_cen{margin-top:10px;}
a#retour {float:right;text-align:right; background:url(images/bouton/right.png) right no-repeat; padding-right:20px;font-size:16px; color:#3e4f4f;}
#diaporama {float:left; display:inline; width:321px; margin:0 30px 20px 8px;}
#diaporama  .zoom{margin:0 0 5px 0;}
#diaporama  .mini{float:left; display:inline; width:75px; margin:0 5px 5px 0;cursor:pointer;}
#info {float:left; display:inline;width:230px;margin-bottom:20px;}
#info h2 {font:normal 16px 'Trebuchet Ms';color:#2286d8; margin-bottom:10px; padding-left:30px;line-height:16px;}
#info a {display:inline-block;margin-bottom:15px;}
#info h2 span{font-size:14px;}
#info.sans_photo{width:580px;}
#info #info_haut.sans_photo {float:left;}
#info #info_promotion {width:210px; height:127px;padding:10px; background:url(images/fond/fiche_cadre.png) 0 0 no-repeat;}
#info #info_promotion.sans_photo {float:right;}
#info #info_promotion p {text-align:center; font:normal 14px 'Trebuchet MS'; color:#c2421b;}
#info #info_promotion #prix{width:202px; height:60px;padding:5px 10px; background:url(images/fond/fiche_cadre_prix.gif) 0 0 no-repeat;}
#info #info_promotion #prix p {font-size:16px; color:#2286d8; text-align:center;}

ul#ssmenu {list-style-type:none;margin:0 0 5px 8px;height:27px;}
ul#ssmenu li{margin:0; float:left; height:27px;display:inline-block;}
ul#ssmenu li a{float:left; display:inline-block; margin-right:6px; height:27px;}
ul#ssmenu li a.m01{width:78px;background:url(images/menu/description.png) 0 0 no-repeat;outline:0; }
ul#ssmenu li a.m02{width:141px;background:url(images/menu/reserver_sejour.png) 0 0 no-repeat;outline:0; }
ul#ssmenu li a.m03{width:150px;background:url(images/menu/contact_proprietaire.png) 0 0 no-repeat;outline:0; }
ul#ssmenu li a:hover, ul#ssmenu li a.active {background-position: 0 -27px;}

.description {width:590px;padding-bottom:15px; margin-bottom:15px; background:url(images/fond/description_bot.png) bottom no-repeat;margin-left:8px;}
.description .description_top{width:590px; padding-top:10px; background:url(images/fond/description_top.png) 0 0 no-repeat;}
.description .description_cen{width:570px; padding:0 10px 1px;background:url(images/fond/description_cen.png) repeat-y;}

/*  contact annonceur  */
#form_annonceur {width:360px; float:left;padding-top:10px;}
#form_annonceur .row_are {padding:15px 0 0 8px;}
#form_annonceur input#deb_location {float:left;width:135px;}
#form_annonceur .captcha {padding:10px 0 10px 8px;}
#form_annonceur .captcha img {float:left;}
#form_annonceur .captcha input {width:72px;float:left;}
#form_annonceur .captcha label {width:190px;float:left;}
#form_annonceur #calendrier {float:left;margin-left:4px;}
#form_annonceur #div_deb_location {left:365px !important!;top:580px !important!;left:365px !important;top:580px !important;left:365px;top:580px;}

#spaw_text {float:right; display:inline; width:196px;padding-bottom:15px; background:url(images/fond/encart_bot.png) bottom no-repeat;margin-left:8px;}
#spaw_text #spaw_text_top{width:196px; padding-top:10px; background:url(images/fond/encart_top.png) 0 0 no-repeat;}
#spaw_text #spaw_text_cen{width:176px; padding:0 10px 1px;background:url(images/fond/encart_cen.png) repeat-y;}

/******************************************/
/**************  ESPACE ANNONCEUR  ****************/
/******************************************/
ul#menu_annonceur {list-style-type:none;margin:0 0 15px 8px;height:27px;}
ul#menu_annonceur li{margin:0; float:left; height:27px;display:inline-block;}
ul#menu_annonceur li a{float:left; display:inline-block; margin-right:2px; height:27px;}
ul#menu_annonceur li a.m01{width:78px;background:url(images/menu/profil.png) 0 0 no-repeat;}
ul#menu_annonceur li a.m02{width:132px;background:url(images/menu/liste_annonce.png) 0 0 no-repeat;}
ul#menu_annonceur li a.m03{width:132px;background:url(images/menu/liste_demande.png) 0 0 no-repeat;}
ul#menu_annonceur li a.m04{width:132px;background:url(images/menu/depot_annonce.png) 0 0 no-repeat;}
ul#menu_annonceur li a.m05{width:104px;background:url(images/menu/deconnecter.png) 0 0 no-repeat;}
ul#menu_annonceur li a:hover, ul#menu_annonceur li a.active {background-position: 0 -27px;}

/* Déposer une annonce  */
#deposer {padding-top:10px;}
#deposer label {width:180px;}
#deposer .row_are label {float:left; text-align:right; margin-right:5px;width:180px;}
#deposer .court {padding-top:10px;}
#deposer .photo input {width:250px;}
#deposer .photo iframe {border:0;margin-left:130px;height:70px;}
#deposer .img {text-align:center;}
#deposer #ajouter_photo {text-align:center;}
#deposer #ajouter_photo a img {width:115px; margin:0 auto;}
#deposer .row_rad {padding:15px 0 0 15px; clear:both;}
#deposer .row_rad .label {float:none;margin-bottom:10px;text-align:left;}
#deposer .row_rad .rad {width:160px;margin:0 0 5px 10px; float:left;}
#deposer .row_bt {width:90px; margin:0 auto;}
#deposer .row_duree_tarif input{width:10px;float:left;display:inline;margin:0 5px;}
#deposer .row_duree_tarif input.not_first{margin-left:190px;display:inline;}
#deposer .row_duree_tarif .label_radio{width:300px;text-align:left;display:inline;}

/* liste des annonces  */
.annonce{width:560px; height:58px; overflow:hidden; background:url(images/fond/mes_annonces.png) 0 0 no-repeat; padding:10px 15px; margin:0 0 15px 5px;}
.annonce_info {float:left; display:inline; width:260px; margin-right:5px;}
#cadre .annonce_info h2{color:#2286D8; padding:0; margin-bottom:5px;}
.annonce_statut{float:left; display:inline; width:130px;/*100px;*/}
.annonce_statut p {color:#226ca8; font-size:14px; text-align:center;}
.annonce_statut p.attente {color:#c2421b;}
.annonce_action{float:right; display:inline; width:135px;}

/* liste des demandes  */
.demande_info {float:left; display:inline; width:180px;margin-right:5px;}
#cadre .demande_info h2{color:#2286D8; padding:0; margin-bottom:5px;}
.demande_message{float:left; display:inline; width:385px;}
.demande_message p {font-size:14px;}
.imprimer{float:right; display:inline; width:90px;margin-bottom:10px;}


/******************************************/
/**************  INSCRIPTION  ****************/
/******************************************/
.inscription {padding-top:10px;}
.inscription label {width:200px;}
.inscription  .row_are {padding:20px 0 0 100px;}
.inscription  .row_are label {}
.inscription  .row_bt {width:88px; margin:0 auto; padding:5px;}
.inscription #newsletter {margin-left:100px}
#form_nouveau .cgv{margin-left:100px;}

/******************************************/
/**************  PAGE DYNAMIQUE  ****************/
/******************************************/
#page_photo {float:left; width:300px; margin-bottom:15px;}
#page_intro {width:278px; height:137px; overflow:hidden; float:right; background:url(images/fond/qui_intro.png) 0 0 no-repeat; padding:15px; margin-bottom:15px}
#page_intro p, .page p {font-size:14px;}
.page  #cadre_cen{width:589px;margin-top:15px; padding:0 15px 15px;}

/******************************************/
/**************  PAIEMENT  ****************/
/******************************************/
table#panier {background:url(images/fond/table.png) 0 0 no-repeat; width:561px;color:#226ca8; padding-left:15px;margin-bottom:30px;font-size:12px;}
table#panier th {text-align:left;font-size:14px; line-height:46px;}
table#panier td.titre {padding-left:15px;}
table#panier td {line-height:40px;}

#reglement {margin-bottom:15px;}

table#total {font-size:12px; float:right; display:inline; width:150px;color:#226ca8;}
table#total th{text-align:right;}
table#total td {padding-left:5px;}
table#total td#tot{color:#c2421b; font-weight:bold;}
/******************************************/
/**************  CONTACT  ****************/
/******************************************/
#spaw_text_bl {float:right; display:inline; width:196px;padding-bottom:15px; background:url(images/fond/encart_bl_bot.png) bottom no-repeat;margin-left:8px;}
#spaw_text_bl #spaw_text_bl_top{width:196px; padding-top:10px; background:url(images/fond/encart_bl_top.png) 0 0 no-repeat;}
#spaw_text_bl #spaw_text_bl_cen{width:176px; padding:0 10px 1px;background:url(images/fond/encart_bl_cen.png) repeat-y;}

/******************************************/
/***************  LOGIN  ******************/
/******************************************/


/******************************************/
/**************  PIEDPAGE  ****************/
/******************************************/
#piedpage{clear:both; padding:0 20px;position:relative; bottom:-45px;}
#piedpage ul{list-style-type:none;padding-bottom:15px;}
#piedpage ul li{margin:0; float:left; display:inline;}
#piedpage ul li a{margin:0; float:left; display:inline;font-size:11px; color:#2286d8;padding:0 5px; border-right:1px solid #2286d8;}
#piedpage #awc {float:right; display:inline; text-align:right; color:#ededed;}
#piedpage #awc a{color:#ededed;}


/******************************************/
/*********  BARRE PROGRESSION  ************/
/******************************************/
#deposer  .chargement  {float:right; width:257px; height:13px; padding:0 6px 0 4px; background:url(../../bop/tools/barre_progression/chargement_fond.gif) 0 0 no-repeat;margin-top:5px;display:inline;}
#deposer  .chargement .image_gauche   {  float:left; margin-top:3px; width:4px; height:7px; background:url(../../bop/tools/barre_progression/chargement_gauche.gif) 0 0 no-repeat;display:inline; }
#deposer  .chargement .image_droite   {  float:left; margin-top:3px; width:4px; height:7px; background:url(../../bop/tools/barre_progression/chargement_droit.gif) 0 0 no-repeat; display:inline;}
#deposer  .chargement .chgt {margin-top:3px; background:#98abc0;height:7px; width:10px;float:left; display:inline;}
#deposer  .chargement span  { float:left; font:normal 10px Arial; color:#596d84;width:45px;text-align:right;display:inline;}
#progression_PHOTO {position:relative; top:-25px; left:0px;  }

/******************************************/
/*****************  CB  *******************/
/******************************************/
#cadre_cb{margin-left:100px;}
#cadre_cb label{width:200px}

 .important     {  width:500px; margin-top:20px; font:bold 14px Arial; color:#800000;}