/*********************/
/*XHTML*/
/*********************/
*{margin:0; padding:0}

a{text-decoration:none}

a:hover{text-decoration:underline}

strong{font-weight:bold}

em{font-style:italic}

del{text-decoration:line-through}
p{margin:0}

img{border:none}

ul{padding-left:20px; margin:0; list-style:square}

label{cursor:pointer}

fieldset{border:none; padding:0; margin:0}

legend{font-family:Arial,sans-serif; font-size:12px; text-transform:uppercase; margin:0; padding:0; font-weight:bold; //margin-left:-5px; color:#333}

input[type=checkbox]{vertical-align:middle; margin-left:0px;  *margin-left:-4px; margin-right:3px}

input[type=radio]{vertical-align:middle}

select{margin-right:5px}

/*Display*/
.display_none{display:none}

.display_table{display:table}

/*Fleches*/
.arrow_left_type1{background:url(../images/arrow1.gif) left no-repeat; padding-left:11px; //background:url(../images/arrow1.gif) 3px left no-repeat}
.arrow_left_type2{background:url(../images/arrow2.gif) left no-repeat; padding-left:8px}
.arrow_left_type3{background:url(../images/arrow3.gif) left no-repeat; padding-left:15px}
.arrow_left_type4{background:url(../images/arrow4.gif) left no-repeat; padding-left:12px}
.arrow_left_type5{background:url(../images/arrow5.gif) left no-repeat; padding-left:12px}

/*Background*/
/*Bleu*/
.background_color1{background:#0054a4}

/*Fushia*/
.background_color2{background:#eb028d}

/*Jaune*/
.background_color3{background:#f90}

/*Vert*/
.background_color4{background:#8cc43f}

/*fond gris très clair*/
.background_color5{background:#f6f6f6}

/*fond gris clair*/
.background_color6{background:#eee}

.background_color7{background:#f2f6fa}

/*Borders*/
.border_type1{border-bottom:1px dotted #999}

.color_type1{color:#0054a4}

.color_type2{color:#eb028d}

.color_type3{color:#f90}

.color_type4{color:#8cc43f}

.hr_type1{color:#f2f2f2}
/*Hierarchie texte*/
h2{font-family:Arial,Helvetica,sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase}

h2 span{background:#fff;display:inline-block}

h3, h3 a{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:12px; font-weight:bold; color:#1793c7}

h4{font-family:Georgia,Garamond,"Times New Roman",Times,serif; color:#006191; font-size:14px; font-weight:bold; width:100%}
/*Textes*/
.text_type1{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:12px; color:#333}
body, .text_type2, label, select, input{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; color:#333}

.text_type2{line-height:18px}

.text_type3, th{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:10px; color:#000}
.text_type4{color:#000; font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal}
.text_type5{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; color:#fff}
.text_type6{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:10px; color:#fff}

.text_type7{color:#e2057c; font-size:11px; font-family:Arial,Helvetica,Tahoma,Arial,sans-serif}

.text_type8{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; color:#fff}

.text_type9{color:#e2057c; font-size:13px; font-family:Arial,Helvetica,Tahoma,Arial,sans-serif}

/*Liens*/
.link_type1{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:12px; font-weight:bold; color:#067ab4}
.link_type2{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal; color:#067ab4}
.link_type3{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; font-weight:normal !important; text-decoration:underline; color:#067ab4}

.link_type4{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:11px; font-weight:bold; color:#067ab4}

.link_type5{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:14px; font-weight:bold; color:#fff}

.link_type6{font-family:Arial,Helvetica,Tahoma,Arial,sans-serif; font-size:10px; font-weight:bold; color:#fff}
/*Alignement du texte*/
.text_align_right{text-align:right}

.text_align_center{text-align:center !important}

.text_align_justify{text-align:justify}

/*Style de police*/
.text_italic{font-style:italic}
/*Empattement*/
.font_weight_bold{font-weight:bold}
.font_weight_normal{font-weight:normal}
/*Marges*/
/*Top*/
.margin_top_type1{margin-top:20px}
.margin_top_type2{margin-top:15px}
.margin_top_type3{margin-top:10px}
.margin_top_type4{margin-top:5px}

/*Bottom*/
.margin_bottom_type1{margin-bottom:20px}
.margin_bottom_type2{margin-bottom:15px}
.margin_bottom_type3{margin-bottom:10px}
.margin_bottom_type4{margin-bottom:5px}

/*Left*/
.margin_left_type1{margin-left:20px}
.margin_left_type2{margin-left:15px}
.margin_left_type3{margin-left:10px}
.margin_left_type4{margin-left:5px}

/*Right*/
.margin_right_type1{margin-right:20px}
.margin_right_type2{margin-right:15px}
.margin_right_type3{margin-right:10px}
.margin_right_type4{margin-right:5px !important}

/*Null*/
.margin_null{margin:0}

/*Padding*/
/*Bottom*/
.padding_bottom_type1{padding-bottom:20px !important}
.padding_bottom_type2{padding-bottom:15px !important}
.padding_bottom_type3{padding-bottom:10px !important}
.padding_bottom_type4{padding-bottom:5px !important}

/*Top*/
.padding_top_type1{padding-top:20px !important}
.padding_top_type2{padding-top:15px !important}
.padding_top_type3{padding-top:10px !important}
.padding_top_type4{padding-top:5px !important}

/*Left*/
.padding_left_type1{padding-left:20px !important}
.padding_left_type2{padding-left:15px !important}
.padding_left_type3{padding-left:10px !important}
.padding_left_type4{padding-left:5px !important}

/*Right*/
.padding_right_type1{padding-right:20px !important}
.padding_right_type2{padding-right:15px !important}
.padding_right_type3{padding-right:10px !important}
.padding_right_type4{padding-right:5px !important}

/*All*/
.padding_type1{padding:20px}
.padding_type2{padding:15px}
.padding_type3{padding:10px}
.padding_type4{padding:5px}

/*Null*/
.padding_null{padding:0 !important}

/*Largeur d'élément*/
.half_type1{width:50%}
.half_type2{width:25%}

.half_type3{width:300px}

.half_type4{width:220px}

.half_type5{width:170px}

.half_type6{width:250px}

.half_type7{width:60%}

.half_type8{width:35%}

.half_type9{width:30%//width:29%}

.half_type10{width:440px}

.half_type11{width:240px}

.half_type12{width:150px}
/*Foat*/
.float_clear{clear:both}
.height_null{height:0;overflow:hidden}
.float_left{float:left}
.float_right{float:right !important}
.float_left_half{float:left; width:50%}
/*Borders*/
.border_top_type1{border-top:1px solid #f9f9f9}

.border_bottom_type1{border-bottom:1px solid #ccc}
.border_bottom_type2{border-bottom:1px dashed #0054a4}

.border_bottom_type3{border-bottom:1px dashed #ccc}

/*FORMULAIRE RECHERCHE*/
.liste_region, .liste_dpt{display:none}
/*image type 1*/
/*présentation des résultats*/
.conteneur_image_type1{width:116px; height:86px; border:1px solid #d1cbc3; background:#f0eee8; padding:1px; overflow:hidden}
.image_type1{width:116px; height:86px; border:none}
/*image type 2*/
/*images thématiques*/
.image_type2{width:70px; height:53px; border:none}

/*image type3*/
.td_image_type3{width:40px; height:30px}

.conteneur_image_type3{width:40px; height:30px; border:1px solid #dedede; padding:1px; background:#ececec; overflow:hidden}
.image_type3{width:40px; height:30px; border:none}

/*image type4*/
.image_type4{width:200px; height:150px; border:none}

/*image type6*/
.conteneur_image_type5{width:250px; height:188px; border:5px solid #dedede; background:#ececec; overflow:hidden; position:relative}

.image_type5_center{width:250px; border:none; top:50%; margin-top:-94px}

.image_type5{width:250px; border:none}

/*image miniature type1*/
.miniature_type1{width:39px !important; height:29px !important; border:none !important; margin:1px 2px 0 0 !important; float:left}
/*image miniature type2*/
.miniature_type2{width:90px; height:68px; border:none}
/*Tableaux*/
.table_space_line td{font-size:5px; height:5px}
.table_type1{width:100%; border-collapse:collapse}
.table_type1 td{vertical-align:top; padding:0px}

.table_type2{width:100%; border-collapse:collapse}

.table_type2 th{vertical-align:middle; padding:0 0 5px 0; text-align:center; color:#0054a4; border-bottom:1px solid #0054a4}

.table_type2 td{padding:5px}
.table_type3{width:100%; border-collapse:collapse}
.table_type3 td, .table_type3 th{vertical-align:middle; padding:5px}
.table_type4{width:100%; border-spacing:0px; border-collapse:collapse}
.table_type4 td, .table_type4 th{vertical-align:middle; text-align:left}
/*TH*/
.th_libelle{width:34%; text-align:left}
.th_personnes{width:15%; text-align:center}
.th_periode{width:22%; text-align:center}
.th_tarif{width:12%; text-align:center}
.th_lien{width:17%; text-align:center}

.th_personnes_type2{width:15%; text-align:center}
.th_periode_type2{width:30%; text-align:center}
.th_tarif_type2{width:35%; text-align:center}
.th_lien_type2{width:20%; text-align:center}
.td_personnes_type2{width:15%; vertical-align:middle !important; text-align:center !important}
.td_periode_type2{width:30%; vertical-align:middle !important; text-align:center !important}
.td_tarif_type2{width:35%; vertical-align:middle !important; text-align:center !important}
.td_lien_type2{width:20%; text-align:right !important; vertical-align:middle !important}

/*numerotation*/
.width_all{width:100%}
/*PAGES ETABLISSEMENTS*/
/*onglet pages etablissement*/
#onglets{padding:0; float:left; width:100%; border-bottom:1px solid #bbb}

/*onglet on*/
/*Code pour le bouton moteur de recherche*/
 .clear{    overflow:hidden;     width:100%}

#onglets li.off{    background:transparent url('../images/bg_onglet_a.png') no-repeat scroll top right;  display:block;  float:left; font-weight:bold;  font:normal 11px Tahoma,arial,sans-serif;  height:30px; cursor:pointer;  margin-right:2px;  padding-right:5px; /* sliding doors padding */    text-decoration:none; color:#333}

#onglets li.off a{color:#333; font-size:10px}

#onglets li.off span{    background:transparent url('../images/bg_onglet_span.png') no-repeat;  display:block;  line-height:20px;  padding:5px 4px 5px 8px; font-weight:bold}

#onglets li.off:hover{text-decoration:none !important}

#onglets li.off:active{ background-position:bottom right;  color:#333; font-weight:bold;  outline:none; /* hide dotted outline in Firefox */}

#onglets li.off:active span{ background-position:bottom left;  padding:5px 4px 5px 8px; /* push text down 1px */}

/*onglet off*/
#onglets li.on{    background:transparent url('../images/bg_onglet_off_a.png') no-repeat scroll top right;  color:#333;  display:block;  float:left; font-weight:bold;  font:normal 12px arial,sans-serif;  height:30px; cursor:pointer;  margin-right:2px;  padding-right:5px; /* sliding doors padding */    text-decoration:none; position:relative; top:1px}

#onglets li.on a{color:#666; font-size:10px}

#onglets li.on span{    background:transparent url('../images/bg_onglet_off_span.png') no-repeat;  display:block;  line-height:20px;  padding:5px 4px 5px 8px; font-weight:bold}

#onglets li.on:hover{text-decoration:none !important}

#onglets li.on:active{ background-position:bottom right;  color:#333; font-weight:bold;  outline:none; /* hide dotted outline in Firefox */}

#onglets li.on:active span{ background-position:bottom left;  padding:5px 4px 5px 8px; /* push text down 1px */}

/*Div principal page etablissement*/
#etablissement{width:514px; padding:10px; border:1px solid #b9b9b9; min-height:133px; margin-top:44px}

#etablissement_medias{width:504px; padding:10px; border-top:1px solid #b9b9b9; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; float:left}

#etablissement_medias2{width:504px; padding:10px; border-bottom:1px solid #b9b9b9; border-left:1px solid #b9b9b9; border-right:1px solid #b9b9b9; overflow:hidden; float:left}
/*Etablissement infos*/
.mail{background:url(../images/mail.png) no-repeat left; padding-left:20px}
.site_web{background:url(../images/siteweb.png) no-repeat left; padding-left:20px}
.tel{background:url(../images/telephone.png) no-repeat left; padding-left:20px}
.fax{background:url(../images/fax.png) no-repeat left; padding-left:20px}
.adresse{background:url(../images/adresse.png) no-repeat top left; padding-left:20px}
.gps{background:url(../images/gps.png) no-repeat top left; padding-left:20px}
#map{width:100%; height:300px; margin:20px auto 0 auto}

#map2{width:280px; height:170px; overflow:hidden}
/*Avis consommateurs*/
.noteMoyenne td{vertical-align:middle}
.note_moyenne{font-size:16px; color:#004c72}
.td_avis{width:90px}
.note_avis{color:#eb028d; font-weight:bold; font-size:16px}
.note_sur{color:#c0c0c0; font-size:14px}
p.plus_avis{background:url(../images/plus_avis.gif) #f2f6fa no-repeat; background-position:0px 0px; padding:5px 5px 5px 25px}
p.moins_avis{background:url(../images/moins_avis.gif) #fef2f9 no-repeat; background-position:0px 0px; padding:5px 5px 5px 25px}
.avisPseudo{font-weight:bold; color:#333; font-size:11px; background:url(../images/userS.png) no-repeat; background-position:0px 4px; padding-left:10px}
.note_table_moyenne .td_on{height:14px; width:10px; border:1px solid #6aa216; background:#BADC8C; padding:0px !important}
.note_table_moyenne .td_off{height:14px; width:10px; border:1px solid #6aa216; background:#FFF; padding:0px !important}
.td_on{height:7px; width:5px; border:1px solid #6aa216; background:#BADC8C; padding:0px !important}
.td_off{height:7px; width:5px; border:1px solid #6aa216; background:#FFF; padding:0px !important}
.note_table{border-collapse:collapse; float:left}
.note_table td{vertical-align:middle; padding:0px}
.note_table_moyenne{border-collapse:collapse}
.note_table_moyenne td{vertical-align:middle; padding:0px}
.note_avis{border-collapse:collapse; width:100%}
.bulle_avis{background:url(../images/comment.png) no-repeat; float:right; padding-top:5px; text-align:center; height:30px; width:46px}
.bulle_avis span{color:#fff; font-weight:bold; font-size:16px}
.avis_table{border-collapse:collapse; width:100%}
.avis_table td{padding:2px 0px}
.avis_td1{width:30%}
.avis_table span{margin-left:5px}
.avis_td2{width:20%}
/*PROCESSUS DE RESERVATION*/
/*Conditions générales de vente*/
 
#conditions{width:97%; padding:10px; height:150px; overflow-y:scroll; border:1px solid #f2f2f2}

/******************/
/*Etapes réservation*/
/******************/
.reservationCase{width:25%; background:#e5eef6; float:left; padding:5px 0px; font-family:Helvetica,Arial,sans-serif; font-size:14px; font-weight:bold}
.reservationNumber{font-size:24px; margin-left:10px}
.reservationColor1{color:#0054a4}
.reservationColor2{color:#b2cbe4}

.infos_bulle{z-index:500; position:absolute; top:-999px; visibility:hidden; font:normal 11px Arial,Verdana; color:#333; padding:8px; border:1px solid #999; background-color:#eee}