/*----------------------------------------------------CONTENEUR ET HEADER----------------------------------------------------*/
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5C1652;
margin:0;
padding:0;
background:url(imgs/bk_global.jpg) repeat-x top left;
background-color:#5D1550;
}

img{
border:none;
}

table,input,select,option,texarea,div,form{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#5C1652;
margin:0;
padding:0;
}

a{
color:#581258;
text-decoration:underline;
}
a:hover{
color:#AD1292;
text-decoration:none;
}

#global {
position: absolute;
width:759px;
left:50%;
margin-left:-379px;
border:1px solid #BBBBBB;
border-top:none;
}

#header {
float:left;
width:100%;
}

#header_conteneur {
float:left;
width:100%;
height:144px;
background:url(imgs/header_conteneur.jpg) no-repeat top left;
}

.liens_header{
float:right;
margin:10px 20px 0 0;
text-align:right;
line-height:18px;
}

.liens_header a{
color:#F7E90C;
text-decoration:underline;
}

a.liens_header_site{
color:#FFF;
text-decoration:underline;
}

#menu_home{
float:left;
height:39px;
width:100%;
background:url(imgs/bk_menu.jpg) repeat-x top left;
}

#ti_home{
float:left;
margin-left:20px;
color:#5B145C;
font-weight:bold;
font-size:18px;
line-height:39px;
}

#bienvenue_home{
float:right;
margin-right:10px;
line-height:39px;
}

#contenu_home{
float:left;
width:709px;
padding:20px 25px 60px 25px;
background-color:#FFF;
}

#contenu{
float:left;
width:721px;
padding:10px 22px 60px 16px;
background-color:#FFF;
}

#contenu_gauche{
float:left;
width:230px;
}

#contenu_droite{
float:left;
width:480px;
margin-left:11px;
}

#menu{
float:left;
height:39px;
width:100%;
}

#menu a{
float:left;
display:block;
height:39px;
line-height:39px;
text-align:center;
background:url(imgs/bk_menu.jpg) repeat-x top left;
font-size:11px;
font-weight:bold;
color:#000;
text-decoration:none;
padding:0 11px;
}

#menu a:hover{
background:url(imgs/bk_menu_on.jpg) repeat-x top left;
font-weight:bold;
color:#000;
text-decoration:none;
}

.boite{
float:left;
width:100%;
margin-top:10px;
}

.haut_boite, .bas_boite{
float:left;
width:100%;
height:12px;
}

.haut_boite{
background:url(imgs/degrade_boite_haut.jpg) repeat-x top left;
}

.bas_boite{
background:url(imgs/degrade_boite_bas.jpg) repeat-x top left;
}

.hg_boite, .bg_boite, .hd_boite, .bd_boite{
width:16px;
height:12px;
font-size:1px;
}

.hg_boite{
float:left;
background:url(imgs/coin_boite_hg.jpg) no-repeat top left;
}

.bg_boite{
float:left;
background:url(imgs/coin_boite_bg.jpg) no-repeat top left;
}

.hd_boite{
float:right;
background:url(imgs/coin_boite_hd.jpg) no-repeat top left;
}

.bd_boite{
float:right;
background:url(imgs/coin_boite_bd.jpg) no-repeat top left;
}

.centre_boite_gauche, .centre_boite_droite, .centre_boite_gen{
float:left;
border-left:1px solid #CBCBCB;
border-right:1px solid #CBCBCB;
}
.centre_boite_gauche{
width:214px;
padding:0 7px;
}

.centre_boite_droite{
width:448px;
padding:0 15px;
}

.centre_boite_gen{
width:689px;
padding:0 15px;
}

#boite_gauche{
width:216px;
padding:0 7px;
}

#boite_droite{
width:450px;
padding:0 15px;
}

/*----------------------------------------------------ACCUEIL ET INDEX----------------------------------------------------*/
#bloc_home{
width:100%;
background:#9BD1FA;
}

#bloc_home h1,#bloc_home p{
margin: 0 10px;
}

#bloc_home h1{
color:#FFF;
font-size:26px;
font-family:Trebuchet MS, Verdana, Arial, sans-serif;
}

#bloc_home p{
padding-bottom:1em;
font-size:12px;
line-height:18px;
}

#bloc_home b.rtop, #bloc_home b.rbottom{
display:block;
background:#FFF;
}

#bloc_home b.rtop b, #bloc_home b.rbottom b{
display:block;
height:1px;
overflow:hidden;
background:#9BD1FA;
}

#bloc_home b.r1{
margin:0 5px;
}

#bloc_home b.r2{
margin:0 3px;
}

#bloc_home b.r3{
margin:0 2px;
}

#bloc_home b.rtop b.r4, #bloc_home b.rbottom b.r4{
margin:0 1px;
height:2px;
}

.txt_lien_col {
padding: 170px 17px 0 17px;
}

.col_nom_gamme {
cursor: pointer;
padding-top: 1px;
color: #FF6D00;
font-size: 15px;
line-height: 20px;
font-weight: bold;
}

.txt_red {
color:#5D1550;	
font-weight:bold;
}

.col_descr {
cursor: pointer;
color: #080807;
font-size: 10px;
font-weight: normal;
line-height:12px;
height:24px;
}

.col_cadre_lien {
margin-top:8px;
cursor: pointer;
float: right;
color: #E3DDD8;
font-weight: bold;
display:block;
width: 80px;
height: 20px;
line-height:20px;
text-align:center;
background:url(imgs/bk_col_cadre_lien.jpg) no-repeat top left;
}

a.back_img_bonsplans:hover .col_nom_gamme, a.back_img_infospratiques:hover .col_nom_gamme, a.back_img_partagez:hover .col_nom_gamme, a.back_img_reservations:hover .col_nom_gamme, a.back_img_avis:hover .col_nom_gamme, a.back_img_profil:hover .col_nom_gamme{
color: #FFF001;
}

a.back_img_bonsplans:hover .col_descr, a.back_img_infospratiques:hover .col_descr, a.back_img_partagez:hover .col_descr, a.back_img_reservations:hover .col_descr, a.back_img_avis:hover .col_descr, a.back_img_profil:hover .col_descr{
color: #FFF;
}

a.back_img_bonsplans:hover .txt_red, a.back_img_infospratiques:hover .txt_red, a.back_img_partagez:hover .txt_red, a.back_img_reservations:hover .txt_red, a.back_img_avis:hover .txt_red, a.back_img_profil:hover .txt_red{
color:#FCBE03;
}

a.back_img_bonsplans:hover .col_cadre_lien, a.back_img_infospratiques:hover .col_cadre_lien, a.back_img_partagez:hover .col_cadre_lien, a.back_img_reservations:hover .col_cadre_lien, a.back_img_avis:hover .col_cadre_lien, a.back_img_profil:hover .col_cadre_lien{
color: #5D1550;
background:url(imgs/bk_col_cadre_lien_2.png) no-repeat top left;
}

#contenu_index{
position:absolute;
left:50%;
margin-left:-254px;
top:100px;
width:508px;
height:450px;
background:url(imgs/index_bk_jaune.jpg) repeat-x top left;
padding:20px;
border-left:1px solid #fff;
border-bottom:1px solid #3E0C32;
}

.td_connec_no{
font-size:12px;
font-weight:bold;
padding-bottom:10px;
color:#E55500;
text-align:center;
}

#contenu_index input{
height:25px;
width:260px;
border:none;
line-height:25px;
font-size:12px;
padding-left:10px;
color: #000000;
background-color:#F2F2F2;
}

/*----------------------------------------------------BONS PLANS----------------------------------------------------*/
a.back_img_bonsplans {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_bonplan.jpg) no-repeat top left;
}

a.back_img_bonsplans:hover {
background:url(imgs/back_bonplan_2.jpg) no-repeat top left;
}

.bandeauhaut_bonplan{
width:100%;
margin-bottom:5px;
}

.bloc_gen_bonplan{
float:left;
width:100%;
}

.bloc_bonplan_gauche{
float:left;
width:230px;
}

.ti_bonplan{
width:200px;
height:31px;
line-height:31px;
font-size:12px;
font-weight:bold;
color:#FFF;
padding-left:30px;
background:url(imgs/bonsplans_bloc_type_sejour.jpg) no-repeat top left;
}

.txt_logo_bonplan{
width:200px;
padding:15px;
text-align:center;
}

.txt_logo_bonplan p{
font-size:10px;
text-align:left;
}

.txt_logo_bonplan a{
font-size:10px;
text-decoration:underline;
}

.bloc_bonplan_droite{
float:left;
width:458px;
border-left:1px solid #FFF;
}

.description_bonplan{
width:428px;
padding:15px;
line-height:15px;
}

.description_bonplan span{
font-size:18px;
}

.bt_valide_bonplan{
float:left;
width:100%;
margin-top:5px;
text-align:center;
cursor:pointer;
}

/*----------------------------------------------------INFOS PRATIQUES----------------------------------------------------*/
a.back_img_infospratiques {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_infospratiques.jpg) no-repeat top left;
}

a.back_img_infospratiques:hover {
background:url(imgs/back_infospratiques_2.jpg) no-repeat top left;
}

.bloc_categorie {
width:433px;
height:20px;
background-color:#E8CCCC;
padding:5px 0 0 15px;
font-size:12px;
font-weight:bold;
margin:5px 0 5px 0;
}

.li_rub_info{
width:433px;
padding-left:15px;
background-color:#E8CCCC;
font-size:14px;
font-weight:bold;
margin:5px 0 5px 0;
height:25px;
line-height:25px;
}

.info_bloc_note{
width:418px;
background-color:#E3E3E3;
padding:5px 15px 15px 15px;
}

.info_bloc_note textarea{
width:100%;
height:100px;
}

.ti_info_bloc_note{
font-weight:bold;
font-size:12px;
text-decoration:underline;
margin:15px 0;
}

.li_info_pratiques{
width:100%;
text-align:center;
background-color:#601653;
color:#FFED00;
font-weight:bold;
height:25px;
line-height:25px;
}

.ti_rub_liste{
color:#601653;
font-weight:bold;
width:100%;
height:20px;
margin:1px 0;
cursor:pointer;
background-color:#F2F2F2;
padding:10px 0 0 0;
}

.li_infos{
background-color:#E3E3E3;
margin:1px 0 0 5px;
width:209px;
font-size:10px;
}

#map_infos{
width:100%;
height:220px;
}

#map_infos span, #map_photo_partage span{
display:none;
}

.imprim_memo{
float:left;
width:100%;
margin-top:5px;
background:url(imgs/back_degra_orange.jpg) repeat-x top left;
}

.imprim_memo a{
font-size:12px;
font-weight:bold;
color:#FFF;
text-decoration:underline;
}

.bloc_imprim_et_mobile{
float:left;
width:50%;
text-align:center;
height:35px;
line-height:35px;
}

/*----------------------------------------------------PARTAGEZ----------------------------------------------------*/
a.back_img_partagez {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_partagez.jpg) no-repeat top left;
}
a.back_img_partagez:hover {
background:url(imgs/back_partagez_2.jpg) no-repeat top left;
}

.bloc_gris_gen{
float:left;
width:707px;
padding:7px;
background-color:#E3E3E3;
}

#bloc_liste_photo{
float:left;
width:465px;
background-color:#D0D0D0;
}

.tab_photo_defaut{
margin:10px 5px;
}

.tab_photo_defaut td{
padding:10px;
}

.ti_photo_defaut{
font-size:16px;
font-family:Tahoma, Verdana, Arial;
font-weight:bold;
text-decoration:underline;
padding:0;
}

.txt_photo_defaut{
background-color:#E8CCCC;
font-size:12px;
}

#liste_photos{
float:left;
width:435px;
padding:10px 15px 10px 15px;
}

.bloc_photo_partage{
float:left;
width:25%;
margin-top:5px;
}

.photo_partage, .photo_partage_select{
width:100%;
text-align:center;
cursor:pointer;
}

.photo_partage img{
border:2px solid #FFF;
}

.photo_partage_select img{
border:2px solid #FEEF00;
}

.suppr_photo{
width:84px;
text-align:center;
background-color:#FFF;
padding:3px 0;
cursor:pointer;
text-decoration:underline;
font-size:10px;
}

.bloc_ajout_photo{
float:left;
width:465px;
padding-top:10px;
background-color:#E3E3E3;
}

.form_parcour_photo{
float:left;
width:445px;
padding:10px;
background-color:#E8CCCC;
margin:10px 0;
}

.form_parcour_photo input{
margin-left:15px;
width:250px;
height:20px;
border:none;
font-size:12px;
}

.form_modif_photo{
float:left;
width:445px;
padding:10px;
background-color:#E8CCCC;
}

.form_modif_photo input{
width:300px;
height:15px;
padding:2px 0 0 2px;
border:none;
font-size:12px;
}

.bloc_droite_photo{
float:right;
width:230px;
}

#map_photo_partage{
width:230px;
height:250px;
border:1px solid #BBB;
}

.bloc_explic_photo{
margin-top:10px;
background-color:#fff;
font-size:10px;
padding:5px;
width:220px;
}

.bloc_liste_cat_com{
float:left;
width:230px;
border:1px solid #FFF;
}

#bloc_insertion_com{
float:right;
width:425px;
background-color:#D0D0D0;
padding:20px;
}

.bloc_ti_cat{
width:200px;
padding-left:30px;
height:31px;
line-height:31px;
font-size:12px;
font-weight:bold;
color:#FFF;
background:url(imgs/bonsplans_bloc_type_sejour.jpg) no-repeat top left;
}

.li_cat_com{
width:210px;
padding:7px 10px;
background-color:#FEEF00;
border-top:1px solid #757373;
}

.li_cat_com_ti{
font-size:12px;
font-weight:bold;
color:#5D1550;
}

.li_com{
width:215px;
padding:5px 10px 5px 5px;
background-color:#F2F2F2;
border-top:1px solid #BBB;
}

.li_com_ti a{
font-size:12px;
color:#5D1550;
text-decoration:none;
}

.li_com_ti a:hover{
text-decoration:underline;
}

.ti_form_com{
background-color:#EAE6E6;
width:100%;
padding:10px 0;
}

.ti_form_com_haut{
font-family:Tahoma, Verdana, Arial;
font-size:16px;
font-weight:bold;
}

.ti_form_com_bas{
font-family:Tahoma, Verdana, Arial;
line-height:19px;
font-size:12px;
}

.nom_form_com{
margin:10px 0;
width:100%;
font-weight:bold;
}

.champ_form_com{
width:100%;
}

.champ_form_com input{
width:260px;
height:20px;
padding:2px 0 0 2px;
border:none;
font-size:12px;
}

.champ_form_com textarea{
width:400px;
height:100px;
}

.bt_form_com{
width:100%;
text-align:center;
margin-top:10px;
}

.bt_form_com img{
cursor:pointer;
}

.bt_ok_find_adress{
background-color:#ED6801;
color:#FFF;
font-weight:bold;
padding:3px 3px 2px 3px;
cursor:pointer;	
}

.bt_ok_form_photo{
background-color:#5D1550;
color:#FFE902;
font-weight:bold;
padding:3px 3px 2px 3px;
margin-left:10px;
cursor:pointer;
}

/*----------------------------------------------------RESERVATIONS----------------------------------------------------*/
a.back_img_reservations {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_reservation.jpg) no-repeat top left;
}

a.back_img_reservations:hover {
background:url(imgs/back_reservation_2.jpg) no-repeat top left;
}

.bloc_resum_resa {
width:438px;
height:25px;
background-color:#E8CCCC;
padding:2px 0 0 10px;
text-decoration:none;
margin-top:1px;
}

.bloc_resum_resa:hover {
text-decoration:underline;
}

.bloc_tab_resa{
width:428px;
background-color:#E3E3E3;
margin-top:5px;
padding:10px;
}

.bloc_tab_resa table{
margin-top:5px;
background-color:#D7D7D7;
}

.txt_tab_resa{
width:408px;
background-color:#FEEF00;
padding:10px;
font-size:12px;
font-weight:bold;
}

.td1_tab_resa{
text-align:right;
padding:5px 15px 5px 0;
}

.td1_tab_resa, .td1_tab_resa_haut, .td1_tab_resa_bas{
text-align:right;
width:50%;
}

.td1_tab_resa{
padding:5px 15px 5px 0;
}

.td1_tab_resa_haut{
padding:20px 15px 5px 0;
}

.td1_tab_resa_bas{
padding:5px 15px 20px 0;
}

.td2_tab_resa, .td2_tab_resa_haut, .td2_tab_resa_bas{
font-weight:bold;
width:50%;
}

.td2_tab_resa{
padding:5px 0;
}

.td2_tab_resa_haut{
padding:20px 0 5px 0;
}

.td2_tab_resa_bas{
padding:5px 0 20px 0;
}

.bloc_annul_resa{
width:408px;
background-color:#E8CCCC;
padding:10px;
}

.bloc_new_resa{
cursor:pointer;
display:block;
height:61px;
margin-top:10px;
background:url(imgs/reservation_bandeau_fleche.jpg) no-repeat top left;
line-height:61px;
color:#FFF;
font-weight:bold;
text-decoration:underline;
font-size:12px;
padding-left:80px;
}

/*----------------------------------------------------AVIS----------------------------------------------------*/
a.back_img_avis {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_avis.jpg) no-repeat top left;
}

a.back_img_avis:hover {
background:url(imgs/back_avis_2.jpg) no-repeat top left;
}

.li_resa, .li_resa_on{
width:100%;
height:25px;
line-height:25px;
background-color:#E8CCCC;
margin-top:2px;
cursor:pointer;
}

.li_resa input, .li_resa_on input{
margin-left:10px;
}

.li_resa:hover span{
text-decoration:underline;
}

.li_resa_on{
background-color:#5D1550;
color:#FFF;
}

.bloc_form_avis{
width:428px;
background-color:#E3E3E3;
margin-top:5px;
padding:10px;
}

.bloc_form_avis form{
margin-top:5px;
}

.txt_form_avis{
width:408px;
background-color:#D7D7D7;
padding:10px;
font-size:12px;
}

.td1_form_avis{
text-align:right;
padding:5px 5px 5px 0;
}

.td2_form_avis{
padding:5px 10px;
}

.bt_note{
padding:3px 5px;
font-size:12px;
font-weight:bold;
background-color:#F07F33;
color:#FFF;
cursor:pointer;
}

.input_note_avis{
padding:3px 0;
font-size:12px;
font-weight:bold;
background-color:#FEEF00;
color:#5D1550;
border:none;
width:40px;
text-align:center;
}

.td3_form_avis{
padding:5px 0 5px 0;
background-color:#F07F33;
text-align:center;
color:#FFF;
font-weight:bold;
font-size:12px;
width:40px;
border:5px solid #E3E3E3;
}

.td2_form_avis textarea{
width:240px;
height:50px;
}

.bt_envoyer_avis{
width:100%;
margin-top:15px;
text-align:center;
}

/*----------------------------------------------------PROFIL----------------------------------------------------*/
a.back_img_profil {
display: block;
width: 230px;
height: 277px;
text-decoration: none;
background:url(imgs/back_profil.jpg) no-repeat top left;
}

a.back_img_profil:hover {
background:url(imgs/back_profil_2.jpg) no-repeat top left;
}

.bloc_profil{
width:428px;
background-color:#E3E3E3;
padding:10px;
margin-top:10px;
}

.txt_profil{
width:408px;
background-color:#D7D7D7;
padding:10px;
font-size:12px;
}

.ti_form_profil {
width:418px;
margin-top:20px;
padding:3px 0 3px 10px;
background-color:#E8CCCC;
color:#5D1550;
}

.tab_form_profil, .tab_form_profil_ques{
width:100%;
margin-top:2px;
}

.tab_form_profil_ques td{
padding:10px 0 0 5px;
width:25%;
}

.td1_form_profil_haut, .td1_form_profil, .td1_form_profil_bas{
text-align:right;
width:140px;
}

.td1_form_profil_haut{
padding:20px 10px 0 0;
}

.td1_form_profil{
padding:5px 10px 0 0;
}

.td1_form_profil_bas{
padding:5px 10px 20px 0;
}

.td2_form_profil_haut{
padding:20px 0 0 10px;
}

.td2_form_profil{
padding:5px 0 0 10px;
}

.td2_form_profil_bas{
padding:5px 0 20px 10px;
}

.bloc_news_profil{
width:100%;
height:35px;
line-height:35px;
margin-top:5px;
background:url(imgs/back_degra_orange.jpg) repeat-x top left;
color:#FFF;
}

.bloc_news_profil input{
margin:0 10px;
}

.bt_envoyer_profil{
width:100%;
margin:15px 0;
text-align:center;
}

.bt_envoyer_profil img{
cursor:pointer;
}
