/* commun */

@font-face {
    font-family: 'HelveticaNeueCondensed';
    src: url('fonts/hlc-webfont.eot');
    src: url('fonts/hlc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hlc-webfont.woff') format('woff'),
         url('fonts/hlc-webfont.ttf') format('truetype'),
         url('fonts/hlc-webfont.svg#HelveticaNeueCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueHeavyCond';
    src: url('fonts/hlhc-webfont.eot');
    src: url('fonts/hlhc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hlhc-webfont.woff') format('woff'),
         url('fonts/hlhc-webfont.ttf') format('truetype'),
         url('fonts/hlhc-webfont.svg#HelveticaNeueHeavyCond') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueLightCond';
    src: url('fonts/hllc-webfont.eot');
    src: url('fonts/hllc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/hllc-webfont.woff') format('woff'),
         url('fonts/hllc-webfont.ttf') format('truetype'),
         url('fonts/hllc-webfont.svg#HelveticaNeueLightCond') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { 
color: #003d8f; 
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
/*text-align: center;*/ 
margin: 0; 
padding: 0;
/*
width: 100%;
height:100%;
min-height:100%;
*/
background-image: url(../media/commun/fond.gif); 
background-repeat: repeat-x;
background-position: 50% 0%;
/*overflow-x: hidden;*/
}

.body_vf { 
	color: #003d8f; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*text-align: center;*/ 
	margin: 0; 
	padding: 0;
	width: 100%;
	height:100%;
	min-height:100%;
	background-image: url(../media/commun/vente_flash/fond_vf.gif); 
	background-repeat: repeat-x;
	background-position: 50% 0%;
	overflow-x: hidden;
}

.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;  
} 
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.clear{	clear:both; }

img{border: none}

/* commun */

#container_fond {
/*text-align: center;*/
margin: 0; 
padding: 0;
width: 100%;
height:100%;
min-height:100%;
/*background-image: url(../media/fr/commun/bandeau_big.gif); */
background-repeat: no-repeat;
background-position: 50% 0%;
}

#container_fond_vf_fr {
	/*text-align: center;*/ 
	margin: 0; 
	padding: 0;
	width: 100%;
	height:100%;
	min-height:100%;
	background-image: url(../media/fr/vente_flash/bandeau_big_vf.png); 
	background-repeat: no-repeat;
	background-position: 50% 0%;
}
#container_fond_vf_en {
	/*text-align: center;*/ 
	margin: 0; 
	padding: 0;
	width: 100%;
	height:100%;
	min-height:100%;
	background-image: url(../media/en/vente_flash/bandeau_big_vf.png); 
	background-repeat: no-repeat;
	background-position: 50% 0%;
}

#container_main {
margin: 0px auto;
width: 1000px;
height: 100%;
/*text-align: center;*/
}

#bandeau {
width: 1000px;
height: 87px;
position: relative;
}

#slogan{
	position: absolute;
	top: 51px;
	left: 268px;
}

#telephone-bandeau{
	position: absolute;
	top: 0;
	left: 265px;
}

ul#boutons-header{
	position: absolute;
	top: 0;
	left: 582px;
	height: 40px;
	width: 418px;
}
ul#boutons-header li{display: inline}
ul#boutons-header li a{
	float: left;
	background-position: 0 0;
	background-repeat: none;
}
ul#boutons-header li a:hover{background-position: left bottom}

a#btn-catalogue_fr{
	width: 112px;
	height: 33px;
	background-image: url(../media/fr/boutons/catalogue.png);
}
a#btn-catalogue_en{
	width: 112px;
	height: 33px;
	background-image: url(../media/en/boutons/catalogue.png);
}

a#btn-contact_fr{
	width: 89px;
	height: 30px;
	background-image: url(../media/fr/boutons/contact.png);
}
a#btn-contact_en{
	width: 89px;
	height: 30px;
	background-image: url(../media/en/boutons/contact.png);
}


a#btn-compte_fr{
	width: 127px;
	height: 30px;
	background-image: url(../media/fr/boutons/mon-compte.png);
}

a#btn-compte_en{
	width: 104px;
	height: 30px;
	background-image: url(../media/en/boutons/mon-compte.png);
}

#menu_renouveau {
width: 1000px;
height: 33px;
margin: 0px;
padding: 0px;
}

.menu_holder {
float: left;
}

#fond_blanc {
/* original width 1000px */
width: 1000px;
height:100%;
background: url(../media/commun/fond_blanc.png) 0 0 repeat-y; 
padding: 0px 13px 2px 13px;
text-align: left;
}

#fond_blanc_vf {
/* original width 1000px */
width: 1000px;
height:100%;
background-image: url(../media/commun/vente_flash/fond_blanc_vf.gif); 
background-repeat: no-repeat;
padding: 0px 13px 2px 13px;
text-align: left;
}

#fond_blanc_int {
/* original width 1000px */
width: 974px;
height:100%;
background-image: url(../media/commun/fond_blanc_int.gif); 
background-repeat: no-repeat;
padding: 0px 13px 2px 13px;
text-align: left;
}

#fond_blanc_int_vf {
/* original width 1000px */
width: 1000px;
height:100%;
background-image: url(../media/commun/vente_flash/fond_blanc_int_vf.gif); 
background-repeat: no-repeat;
padding: 0px 13px 2px 13px;
text-align: left;
}

#banner {
width: 974px;
height: 95px;
}

ul {
list-style-type: none;
padding: 0px;
margin: 0em 0em 0em 1em
}

.menu_list {
list-style: outside;
list-style: none;
margin: 0px;
padding: 0px;
}

.menu_list li {
background-image: url(../media/commun/fleche.gif); 
background-repeat: no-repeat;
background-position: 0 .4em;
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 18px;
}

.spacer {
clear: both;
/*padding:10px 0 10px 0;*/
} 

.spacer_noclear {
} 

#bas {
width: 1000px;
clear: both;
height: 10px;
text-align: center;
}

.bas_blocs {
width: 218px;
float: left;
border-top: #c9e1eb 3px solid;
padding: 10px 0px 0px 0px;
margin: 30px 0px 0px 5px;
}

.bas_blocs_spacer {
width: 34px;
float: left;
}

.footer_titre {
color: #699dc5;
font-size: 14px;
padding-bottom: 6px;
}

.footer_liste {
margin: 0px;
padding: 0px;
list-style: outside;
list-style: none;
color: #a4a5a5;
}

.footer_liste li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.footer_univers {
width: 1000px;
border : #e7e7f2 2px solid;
background-color: #e8f2f7 ;
padding : 2px 0 2px 0;
}


#middle {
width: 738px;
height: 100%;
text-align: left;
float: left;
}

#middle-grand {
width: 974px;
}

.middle-grand-gauche {
	width: 650px;
	float:left;
	margin-right:29px;
}

.middle-grand-contenu-gris {
background-color:#f3f3f3;
padding:10px;
}

#titre-gauche {
font-size: 26px;
font-weight: bold;
width:420px;
float:left;
}

#titre-droite {
width:230px;
float:left;
text-align:right;
padding-top:14px;
}

.reserver-titre-img {
margin:0px;
}



.reserver-form-col-droite {
width:300px;
float:left;
}

.reserver-form-col-droite-align {
width:90px;
padding-left:210px;
float:left;
}

.reserver-form-continuer {
width:90px;
padding:50px 0px 0px 200px;
float:left;
}

.reserver-form-col-droite-align-total {
width:90px;
padding-left:520px;
float:left;
}

.font-12-bold {
font-size:12px;
font-weight:bold;
}

.border {
border-top:#c6c4c4 1px solid;
margin:10px 0px 10px 0px;
clear:both;
}
.border-menu {
border-top:#d9d9d9 1px solid;
clear:both;
}


.middle-grand-droite {
width: 295px;
float:left;
}

.reserver-align-right {
width: 275px;
text-align:right;
}

.reserver-grand-align-right {
width: 650px;
text-align:right;
}

#fil_ariane {
width: 738px;
height: 20px;
text-align: left;
}

.trait_gris {
width: 738px;
height: 20px;
vertical-align: middle;
clear: both;
}

.trait_gris_noclear {
width: 738px;
height: 20px;
vertical-align: middle;
}

.two_col_gauche {
width: 359px;
margin-right: 10px;
float: left;
}

.two_col_droite {
width: 359px;
margin-left: 10px;
float: left;
}

.one_col {
width: 738px;
}

.one_col_rss_gauche {
width: 490px;
float: left;
padding-top: 4px;
}

.one_col_rss_droite {
width: 240px;
float: left;
}

.one_col_align_right {
width: 738px;
text-align: right;
}

.form_text {
width: 114px;
margin-bottom: 2px;
padding-top: 2px;
float: left;
}

.form_text_grand {
width: 165px;
margin-bottom: 2px;
padding-top: 2px;
float: left;
}

.form_text_vgrand {
width: 492px;
margin-bottom: 2px;
padding-top: 2px;
float: left;
}

.form_one_col_alignright {
width: 359px;
text-align: right;
font-size: 10px;
clear: both;
}

.form_field {
width: 240px;
margin-bottom: 2px;
float: left;
}

.form_field_small {
width: 190px;
margin-bottom: 2px;
float: left;
}

.form_field_emploi {
width: 160px;
margin-bottom: 2px;
float: left;
margin-right: 10px;
}

.parcourir {
float: left;
width: 70px;
}

.textfield {
width: 240px;
font-size: 10px;
}

label{
float: left;
padding-top: 3px;
padding-right: 0px;
width:162px;
}

.textfield-reserver {
width: 125px;
font-size: 10px;
}

.textfield-reserver-petit {
width: 105px;
font-size: 10px;
}

.textfield-reserver-petit-2 {
width: 125px;
font-size: 10px;
}

.calendrier {
margin-left:3px;
}

.textfield_emploi {
width: 160px;
font-size: 10px;
}

.dropdown {
width: 246px;
font-size: 11px;
}

.dropdown_small {
width: 195px;
font-size: 11px;
}

.dropdown_vsmall {
width: 50px;
font-size: 11px;
}

/* text */

#titre {
font-size: 26px;
font-weight: bold;
}

#sous_titre {
font-size: 18px;
}

#sous_titre2 {
font-size: 15px;
font-weight: bold;
color: #7f9ec7;
}

.small {
font-size: 10px;
}

.text_gris {
font-size: 10px;
color: #cccccc;
}

.grand_soustitre {
font-size: 18px;
font-weight: bold;
}

.orange_bold {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
color: #fd8504;
}

.orange {
color: #fd8504;
}

.orange_bold_24 {
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
color: #fd8504;
line-height: 24px;
}

.orange_bold_18 {
font-size: 18px;
font-weight: bold;
color: #fd8504;
}

.cyan {
font-size: 10px;
color: #419dc5;
}

.cyan_14 {
font-size: 14px;
color: #419dc5;
}

.orange_14 {
font-size: 14px;
color: #fd8504;
}

/* bandeau */

#logo {
width: 370px;
height: 77px;
float: left;
text-align: left;
}

#version {
/*height: 77px;*/
float: left;
text-align: right;
padding:0 0 0 15px;
}

#compte {
margin-top:46px;
color:#fd6d04;
font-weight:bold;
}

/* home */
#bt-dispo-reserver {
width: 186px;
height: 26px;
margin-left:-15px;
margin-top:30px;
}

#bt-dispo-reserver-int {
width: 186px;
height: 26px;
margin-left:-8px;
margin-top:-65px;
}
/*
---- inutilisé

#destination_home {
/* width original 217 */
/* height original 300 *//*
	width: 169px;
	height: 276px;
	background-image: url(../media/fr/accueil/destination.gif); 
	background-repeat: no-repeat;
	float: left;
	padding: 14px 18px 10px 30px;
	margin-top: -3px;
}
*/
#destination_int_container {
width: 216px;
float: left;
margin-right: 10px;
}

#destination_int {
/* width original 206*/
/* height original 223 */
width: 206px;
/*margin-top: 10px;*/
}

#destination_int_container p.titre-dispo{
width: 201px; 
padding: 15px 0 0 5px;
background: #4188be url(../media/commun/bg-dispo-pages.png) 0 0 no-repeat;
text-transform: uppercase;
color: #fff;
font-family: 'HelveticaNeueCondensed';
font-size: 15px;
min-height: 33px;
margin: 0;
}

#destination_int  #reserver , #destination_int  #bt-dispo-reserver{
display:none;
}

#destination_voyages_en {
	/* width original 206*/
	/* height original 223 */
	width: 170px;
	height: 188px;
	background-image: url(../media/en/commun/destination_voyages.gif); 
	background-repeat: no-repeat;
	padding: 37px 18px 10px 18px;
	margin-right: 10px;
	color: #419dc5;
	font-size: 10px;
}
#destination_voyages_fr {
	/* width original 206*/
	/* height original 223 */
	width: 170px;
	height: 188px;
	background-image: url(../media/fr/commun/destination_voyages.gif); 
	background-repeat: no-repeat;
	padding: 37px 18px 10px 18px;
	margin-right: 10px;
	color: #419dc5;
	font-size: 10px;
}

#destination_home_top {
width: 204px;
border: 1px solid #e8e8e8;
border-top: none;
padding-bottom: 10px;
position: relative;
}

#destination_home_top form{
margin-left: 5px;
padding-top: 10px
}

#destination_home_top select{
border: 1px solid #b2b1b1;
padding: 3px;
color: #4b4747;
width: 193px;
height: 24px;
}

#destination_home_top p{clear: both; color: #4b4747;}
#destination_home_top p#champs-obligatoires{
clear: none;
position: absolute;
bottom: 3px;
left: 5px;
}

#destination_home_top label{
color: #4b4747;
margin: 3px 0px 2px 0px;
width: auto;
float: left;
}
#destination_home_top #label_date{width: 130px}


#destination_home_top input[type=text]{
border: 1px solid #b2b1b1;
padding: 3px;
color: #4b4747;
height: 16px;
}
#destination_home_top input.dates-enfants{
width: 75px;
float: right;
margin: 7px 5px 0 0;
}
input#date{
float:left;
width: 90px;
}
#destination_home_top select.petit_select{
	width: 37px;
	float: left;
}
select#adultes{margin: 0 7px 0 5px}
#destination_home_top select#enfants{float: right; margin-right: 5px}

a#icone-calendrier{
float: left;
width: 16px;
height: 16px;
margin: 4px 9px 0 7px;
}

#destination_home_bottom {
width: 124px;
font-weight: bold;
padding: 0px 0px 0px 45px;
}

#reserver {
width: 169px;
text-align: right;
}

.destinations_titre {
width: 169px;
color: #4b4747;
font-size: 11px;
margin: 3px 0px 2px 0px;
}

.destinations_dropdown_container {
}

.destinations_dropdown {
width: 169px;
height: 18px;
font-size: 10px;
}

#sel-formule{
clear: both;
padding-top: 10px;
}

#btn_reserver_fr {
	width: 90px;
	height: 29px;
	background: url(../media/fr/boutons/rechercher.png) 0 0 no-repeat;
	margin: 6px 0 0 109px;
}
#btn_reserver_fr:hover{
	background-position: left bottom;
}
/* avant btn_reserver_en semble inutilisé */
#btn_reserver_en {
	width: 69px;
	height: 29px;
	background: url(../media/en/boutons/rechercher.png) 0 0 no-repeat;
	margin: 6px 0 0 130px;
}
#btn_reserver_en:hover{
	background-position: left bottom;
}

#flashContainer {
width: 757px;
height: 300px;
float: left;
padding-bottom: 10px;
margin-top: -3px;
}

#flashContainer_carte {
width: 206px;
height: 191px;
position: absolute;
z-index:2000;
top : 157px;
left: 235px;
}

#flashContainer_vf {
	/* original width 757px */
	/* original height 300px */
	width: 177px;
	height: 65px;
	float: left;
	margin-bottom: 10px;
	background-image: url(../media/fr/accueil/vente_flash_model.jpg); 
	background-repeat: no-repeat;
	padding: 235px 0px 0px 580px;
	margin-top: -3px;
}

#carte-recherche{
	margin-top: 10px
}



#flash_carte {
width: 206px;
height: 191px;
margin-bottom: 2px;
}

#decouvrir_container {
	width: 206px;
}

#decouvrir_fond_fr {
	/* width original 206*/
	width: 146px;
	background-image: url(../media/fr/commun/decouvrir_fond.gif); 
	background-repeat: no-repeat;
	padding: 6px 10px 6px 50px;
}
#decouvrir_fond_en {
	/* width original 206*/
	width: 146px;
	background-image: url(../media/en/commun/decouvrir_fond.gif); 
	background-repeat: no-repeat;
	padding: 6px 10px 6px 50px;
}

.image {
margin-bottom: -3px;
}

#focus {
width: 217px;
height: 250px;
float: left;
}

#focus_titre {
width: 217px;
height: 10px;
}

#focus_photo {
width: 217px;
height: 105px;
}

/*
---- inutilisé
#focus_fond {
	width: 197px;
	height: 115px;
	background-image: url(../media/fr/accueil/focus_fond.gif); 
	background-repeat: no-repeat;
	padding: 10px;
}
*/
.push_container {
width: 277px;
float: left;
}

.promo {
width: 277px;
height: 115px;
}

.push_photo {
width: 115px;
height: 115px;
float: left;
}

/*
---- inutilisé
.promo_fond {
/* width orig 162 */
/* height orig 155 *//*
width: 132px;
height: 95px;
background-image: url(../media/fr/accueil/promo_fond.gif); 
background-repeat: no-repeat;
float: left;
padding: 20px 15px 0px 15px;
}*/
/*
---- inutilisé
.decouvrir_fond {
/* width orig 162 */
/* height orig 155 *//*
width: 132px;
height: 95px;
background-image: url(../media/fr/accueil/decouvrir_fond.gif); 
background-repeat: no-repeat;
float: left;
padding: 20px 15px 0px 15px;
}*/

/*
---- inutilisé
.sejour_fond {
/* width orig 162 */
/* height orig 155 *//*
width: 132px;
height: 95px;
background-image: url(../media/fr/accueil/sejour_fond.gif); 
background-repeat: no-repeat;
float: left;
padding: 20px 15px 0px 15px;
}*/
/*
---- inutilisé
.savoir_fond {
/* width orig 162 */
/* height orig 155 *//*
width: 132px;
height: 95px;
background-image: url(../media/fr/accueil/savoir_fond.gif); 
background-repeat: no-repeat;
float: left;
padding: 20px 15px 0px 15px;
}*/

.vente_flash_container {
width: 172px;
float: left;
margin: -5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.vente_flash {
width: 172px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.vente_flash_sondage {
width: 172px;
height: 115px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: url(../media/commun/sondage-fond.gif); 
background-repeat: no-repeat;
}

.vente_flash_sondage_titre {
color: #ffffff;
font-size: 11px;
/*font-weight: bold;*/
height: 26px;
padding: 4px;
}

.vente_flash_sondage_body {
color: #419dc4;
font-size: 10px;
height: 55px;
padding: 0px 2px 4px 0px;
}

.vente_flash_sondage_footer {
padding-top:5px;
padding-left:4px;
height: 17px;
}

.vente_flash_sondage_radio {
width: 30px;
float: left;
margin-bottom:-6px;
}

.vente_flash_sondage_text {
line-height:10px;
padding-top:4px;
width: 135px;
float: left;
margin-bottom:-3px;
}


.spacer_height {
}

.spacer_8px {
height: 8px;
clear: both;
}

.spacer_16px {
height: 16px;
}

.push_fond_top {
width: 132px;
height: 75px;
}

.push_fond_bottom {
width: 132px;
}

#vente_flash {
width: 172px;
height: 250px;
float: left;
}

.ten_px_spacer {
width: 10px;
float: left;
}

/* agences */

.index_entry_container {
width: 738px;
margin-bottom: 10px;
}

.image_index_container {
width: 205px;
margin-right: 20px;
float: left;
}

.image_index {
width: 205px;
margin-right: 20px;
float: left;
text-align: center;
}

.image_index_groupes_details {
text-align: center;
}

.image_index_text {
text-align: left;
}

.image_index_groupes {
width: 130px;
margin-right: 20px;
float: left;
}

.index_col_droite_container {
width: 513px;
float: left;
}

.index_col_droite_container_groupes {
width: 588px;
float: left;
}

.trait_gris_float {
width: 738px;
height: 20px;
vertical-align: middle;
float: left;
}

.index_col_droite {
width: 513px;
}

.index_col_droite_groupes {
width: 588px;
}

.align_right {
width: 513px;
text-align: right;
margin-top: 10px;
}

.align_right_groupes {
width: 588px;
text-align: right;
margin-top: 10px;
}

.vertical_align_middle {
vertical-align: middle;
float: right;
}

.vertical_align_middle_text {
vertical-align: middle;
padding-top: 5px;
float: right;
}

/* index */

/* orig width collective 359 */
.index_3col_1 {
vertical-align: top;
padding: 0px;
float: left;
width: 97px;
}

.index_3col_2_container {
vertical-align: top;
float: left;
width: 262px;
}

.index_3col_2 {
vertical-align: top;
margin-right: 4px;
float: left;
width: 126px;
font-size: 10px;
line-height: 11px;
}

.index_3col_3 {
vertical-align: top;
margin-left: 4px;
float: left;
width: 126px;
font-size: 10px;
line-height: 11px;
}

#saison {
width: 738px;
text-align: right;
height: 22px;
margin: 0px;
padding: 0px;
border-bottom: #dddbdb 1px solid;
}

.destination_photo {
width: 220px;
text-align: left;
float: left;
}

.destination_text {
width: 518px;
text-align: left;
float: left;
}

.vignette1 {
width: 64px;
text-align: left;
float: left;
margin-right: 5px;
}

.vignette2 {
width: 64px;
text-align: center;
float: left;
font-size: 10px;
}

.vignette3 {
width: 64px;
text-align: right;
float: left;
margin-left: 5px;
}

.destination_pictos {
width: 46px;
float: left;
margin-top: 5px;
}

.destination_picto_text_container {
width: 122px;
float: left;
margin-top: 5px;
}

.destination_picto_text {
height: 19px;
font-size: 10px;
}

.destination_partenaire_voyages {
width: 220px;
float: left;
}

.destination_partenaire {
width: 72px;
float: left;
}

.destination_text_droite {
width: 278px;
float: left;
text-align: right;
font-size: 10px;
margin-top: 10px;
}

.vente_flash {
margin: 5px 0px 14px 0px;
}

#destination_tableau {
width: 526px;
margin: 0px 7px 0px 0px;
float: left;
}

#destination_tableau_voyages {
width: 738px;
margin: 0px 0px 0px 0px;
float: left;
}

.destination_onglet {
float: left;
margin-bottom: 0px;
height: 23px;
}

.destination_tableau_int {
background-color: #fef2cd;
padding: 10px;
}

.destination_int_gauche {
margin-right: 10px;
float: left;
width: 243px;
padding-top: 10px;
}

.destination_int_droite {
margin-left: 10px;
float: left;
width: 243px;
padding-top: 10px;
}

.destination_int_gauche_voyages {
margin-right: 10px;
float: left;
width: 349px;
padding-top: 10px;
}

.destination_int_droite_voyages {
margin-left: 10px;
float: left;
width: 349px;
padding-top: 10px;
}

.destination_tableau_container_voyages {
width: 738px;
}

.destination_tableau_container {
width: 526px;
}

.destination_tableau_titres {
background-color: #ffb352;
padding: 2px 0px 0px 0px;
float: left;
border-top: #325483 1px solid;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
font-weight: bold;
text-align: center;
width: 74px;
height: 50px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_titres_droite {
background-color: #ffb352;
padding: 2px 0px 0px 0px;
float: left;
border-top: #325483 1px solid;
border-bottom: #325483 1px solid;
font-weight: bold;
text-align: center;
width: 76px;
height: 50px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc1 {
background-color: #fee9a8;
float: left;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 72px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc1_droite {
background-color: #fee9a8;
float: left;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 74px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc2 {
background-color: #ffdc70;
float: left;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 72px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc2_droite {
background-color: #ffdc70;
float: left;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 74px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_titres_voyages {
background-color: #ffb352;
padding: 2px 0px 0px 0px;
float: left;
border-top: #325483 1px solid;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
font-weight: bold;
text-align: center;
width: 122px;
height: 30px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_titres_droite_voyages {
background-color: #ffb352;
padding: 2px 0px 0px 0px;
float: left;
border-top: #325483 1px solid;
border-bottom: #325483 1px solid;
font-weight: bold;
text-align: center;
width: 123px;
height: 30px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc1_voyages {
background-color: #fee9a8;
float: left;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 120px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc1_droite_voyages {
background-color: #fee9a8;
float: left;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 121px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc2_voyages {
background-color: #ffdc70;
float: left;
border-right: #325483 1px solid;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 120px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

.destination_tableau_bloc2_droite_voyages {
background-color: #ffdc70;
float: left;
border-bottom: #325483 1px solid;
text-align: center;
font-size: 10px;
width: 121px;
height: 20px;
line-height: 10px;
vertical-align: middle;
}

#destination_menu {
width: 205px;
float: left;
}

.destination_menu_onglet {
width: 205px;
margin-bottom: 3px;
}

.destination_menu_onglet_ouvert {
width: 195px;
padding: 5px 5px 10px 5px;
margin: -3px 0px 3px 0px;
background-color: #bbdaf0;
font-size: 10px;
}

/* offres */

.offre_col1 {
width: 184px;
float: left;
color: #fd8504;
font-size: 18px;
font-weight: bold;
height: 23px;
vertical-align: middle;
padding-top: 2px;
}

.offre_col2 {
width: 184px;
float: left;
color: #fd8504;
height: 19px;
vertical-align: middle;
padding-top: 6px;
}

.offre_col3 {
width: 184px;
float: left;
color: #419dc5;
height: 19px;
vertical-align: middle;
padding-top: 6px;
}

.offre_col4 {
width: 184px;
float: left;
text-align: right;
height: 25px;
vertical-align: middle;
}

.offre_info {
background-color: #fef1ce;
padding: 5px;
margin-top: 10px;
}

/* plan */

.plan1 {
text-transform: uppercase;
font-weight: bold;
padding: 15px 0px 5px 0px;
}

.plan2 {
font-weight: bold;
padding: 0px 0px 5px 20px;
}

.plan3 {
padding: 0px 0px 5px 50px;
}

.table_dropdown {
	padding: 4px 6px 4px 6px;
	font-size: 9px;
	background-color: #eaeced;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	text-align: left;
	width:237px; !important/*250*/
	display:block;
}

.table_dropdown_final {
	padding: 4px 6px 4px 6px;
	font-size: 9px;
	background-color: #eaeced;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	text-align: left;
	width:237px; !important/*250*/
	display:block;
}


/* liens */

a:link { color: #fd8504; text-decoration: none;  }
a:visited { color: #fd8504; text-decoration: none; }
a:hover { color: #fd8504; text-decoration: underline; }
a:active { color: #fd8504; text-decoration: none; }

#boutons-header li a.lien_version {float: right; margin-right: 10px;} 
a.lien_version:link { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 10px; }
a.lien_version:visited { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 10px; }
a.lien_version:hover { color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px; }
a.lien_version:active { color: #ffffff; text-decoration: underline; font-weight: bold; font-size: 10px; }

a.lien_bleu:link { color: #003d8f; text-decoration: underline;  }
a.lien_bleu:visited { color: #003d8f; text-decoration: underline; }
a.lien_bleu:hover { color: #003d8f; text-decoration: none; }
a.lien_bleu:active { color: #003d8f; text-decoration: underline; }

a.footer_big:link { color: #003d8f; text-decoration: none;  }
a.footer_big:visited { color: #003d8f; text-decoration: none; }
a.footer_big:hover { color: #003d8f; text-decoration: underline; }
a.footer_big:active { color: #003d8f; text-decoration: none; }

a.footer_big2:link { color: #003d8f; text-decoration: none; font-weight: bold; }
a.footer_big2:visited { color: #003d8f; text-decoration: none; font-weight: bold;}
a.footer_big2:hover { color: #003d8f; text-decoration: underline; font-weight: bold;}
a.footer_big2:active { color: #003d8f; text-decoration: none; font-weight: bold;}

a.footer_small:link { color: #419dc5; text-decoration: none; font-size: 10px;  }
a.footer_small:visited { color: #419dc5; text-decoration: none; font-size: 10px; }
a.footer_small:hover { color: #419dc5; text-decoration: underline; font-size: 10px; }
a.footer_small:active { color: #419dc5; text-decoration: none; font-size: 10px; }

a.menu_roll:link { color: #003d8f; font-size: 10px; text-decoration: none; }
a.menu_roll:visited { color: #003d8f; font-size: 10px; text-decoration: none; }
a.menu_roll:hover { color: #fd8504; font-size: 10px; text-decoration: none; }
a.menu_roll:active { color: #003d8f; font-size: 10px; text-decoration: none; }

a.footer_lien:link { color: #a4a5a5; text-decoration: none; font-size: 10px; }
a.footer_lien:visited { color: #a4a5a5; text-decoration: none; font-size: 10px;}
a.footer_lien:hover { color: #a4a5a5; text-decoration: underline; font-size: 10px;}
a.footer_lien:active { color: #a4a5a5; text-decoration: none; font-size: 10px;}


/*------------------------- RESERVATION ------------------------------*/
#reserver-en-ligne{
	float:left;
	padding:0 7px 0 0;
}
#mon-compte{
	float:left;
	padding:0 15px 0 0;
}
#agences{
	float: left;
	vertical-align: top;
	color:#FFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
#agences a{
	color:#FFF;
	text-decoration:underline;
}
#agences a:hover, #agences a.active{
	color:#FFF;
	text-decoration:none;
}

#navigation{
	padding:0 0 0px 0;
	margin:0;
}
#navigation li{
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
}
#navigation li #nav-recherche{
	background:url(../media/fr/reserver/1-recherche.gif);
	width:77px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-recherche:hover, #navigation li #nav-recherche.active{
	width:77px;
	background-position:0 22px;
}
#navigation li #nav-sejours{
	background:url(../media/fr/reserver/2-sejours.gif);
	width:65px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-sejours:hover, #navigation li #nav-sejours.active{
	width:65px;
	background-position:0 22px;
}
#navigation li #nav-dispos{
	background:url(../media/fr/reserver/3-disponibilites.gif);
	width:130px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-dispos:hover, #navigation li #nav-dispos.active{
	width:130px;
	background-position:0 22px;
}
#navigation li #nav-identification{
	background:url(../media/fr/reserver/4-identification.gif);
	width:90px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-identification:hover, #navigation li #nav-identification.active{
	width:90px;
	background-position:0 22px;
}
#navigation li #nav-reservation{
	background:url(../media/fr/reserver/5-reservation.gif);
	width:88px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-reservation:hover, #navigation li #nav-reservation.active{
	width:88px;
	background-position:0 22px;
}
#navigation li #nav-paiement{
	background:url(../media/fr/reserver/6-paiement.gif);
	width:81px;
	height:22px;
	display:block;
	float:left;
}
#navigation li #nav-paiement:hover, #navigation li #nav-paiement.active{
	width:81px;
	background-position:0 22px;
}
.middle-grand-contenu{

}
.reserver-form-col-gauche {
	float:left;
	width:355px;
	padding:15px 0 0 0;
}
.reserver-form-col-gauche p{
	float:left;
	padding:0 0 8px 0;
	margin:0;
}

.liste-grande{
	width:193px;
	float: right;
	color:#003d8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.liste-moyenne{
	width:150px;
	float: right;
	color:#003d8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.liste-petite{
	width:95px;
	float: right;
	color:#003d8f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#calendrier{
	float: right;
	padding:2px 0 0 15px;
}
#rechercher{
	float:right;
	padding:8px 0 12px 0;
}

#photo-texte{
	padding:10px 0 0 0;
}
#photo{
	float:left;
}
#texte{
	float:left;
	padding:0 0 0 10px;
	width:430px;
}
#texte h1{
	color:#003d8f;
	font-weight:bold;
	font-size:20px;
	padding:0;
	margin:0;
}
#texte h2{
	color:#003d8f;
	font-size:16px;
	font-weight:normal;
	padding:0;
	margin:0;
}
#texte p{
	font-size:11px;
	float:left;
	width:430px;
}
#texte a{
	float:right;
	color:#f57313;
	font-size:11px;
	text-decoration:underline;
}
#texte a:hover{
	float:right;
	color:#f57313;
	font-size:11px;
	text-decoration:none;
}
.resultat{
	float:left;
	padding:10px 0 15px 0;
	width:640px;
}
.resultat-texte{
	float:left;
	font-size:13px;
	width:515px;
}
.prix-orange{
	color:#fc6d05;
	font-size:14px;
}
.prix-barre{
	color:#59a9cc;
	font-size:14px;
	text-decoration:line-through;
}
.btn-choisir{
	padding:15px 0 0 0;
	float:right;
}
#suggerons{
	color:#59a9cc;
	font-weight:bold;
	font-size:16px;
	padding:20px 0 0 0;
	text-align:right;
}
#colonne-gauche{
	width:270px;
	float:left;
	padding:0 110px 0 0;
	margin:0;
}
#colonne-droite{
	width:270px;
	float:left;
}
#colonne-1{
	width:170px;
	float:left;
	padding:0 100px 0 0;
	margin:0;
}
#colonne-2{
	width:380px;
	float:left;
}
#form-disponibilites p{
	float:left;
	padding:0 0 8px 0;
	margin:0;
}
#calculer{
	float:right;
	padding:25px 15px 12px 0;
}
.champ{
	float:right;
	width:213px;
	margin:3px 0 0 0;
	color:#003d8f;
	font-size:11px;
}
.champ2{
	float:right;
	width:150px;
	margin:3px 0 0 0;
	color:#003d8f;
	font-size:11px;
}
.champ3{
	float:left;
	width:150px;
	margin:3px 0 0 0;
	color:#003d8f;
	font-size:11px;
}
.titre-colonne{
	color:#003d8f;
	font-weight:bold;
	font-size:12px;
	padding:0 0 8px 0;
}
#valider{
	float:right;
	padding:25px 0 12px 0;
}
#valider-gauche{
	float:left;
	padding:0 0 0 8px;
}
#gris-droit{
	color:#8a8989;
	font-size:10px;
	clear:both;
	text-align:right;
	padding:0 0 10px 0;
}
#gris-droit-2{
	color:#8a8989;
	font-size:10px;
	clear:both;
	text-align:left;
	padding:0 0 10px 163px;
	width:160px;
}
#colonne-2 a{
	text-align:right;	
	text-decoration:underline;
	color:#e96404;
	font-size:10px;
}
#colonne-2 a:hover{
	text-decoration:none;
	color:#e96404;
}
.droite{
	text-align:right;
	clear:both;
}
#colonne-3{
	width:320px;
	float:left;
	padding:0 10px 15px 0;
}
#colonne-4{
	width:320px;
	float:left;
}
.radio{
	float:left;	
	padding:0 3px 0 0;
}
#civilite{
	float:left;
	padding:0 20px 0 0;
}
/* hack ie7 */
*+html #civilite{
	padding:3px 0 0 0;
}
/* hack ie6 */
* html #civilite{
	padding:3px 0 0 0;
}
#bloc-valider{
	clear:both;
	width:650px;
}
#bloc-valider p{
	clear:both;
	width:650px;
}
.bordure-petit{
	height:1px;
	background:#c6c4c4 repeat-x;
	width:317px;
	float:left;
	margin:5px 0 10px 0;
	font-size:1px;
}

/*************** Vos Destinations ********************/
#middle p#destinations-resa{
	color: #003d8f;
	font-size: 26px;
	font-weight: bold;
	margin-top: 10px;
}
#middle div.resultat-resa{
	width: 738px;
	padding-top: 25px;
	margin-bottom: 20px;
	border-top: 1px solid #dddbdb;
}
#middle div.resultat-first{
	border: none;
	padding-top: 0;
}

div.entete-resultat{
	width: 539px;
	margin-bottom: 10px;
	position: relative;
}

div.entete-resultat p{
	padding: 0;
	margin: 0;
}

p.titre-resultat{
	color: #666;
	font-size: 14px;
}

p.destination-resultat{
	font-size: 22px;
	font-weight: bold;
	padding: 0;
}
p.montagne{color: #4a2509}
p.mer{color: #0e71bd}
p.campagne{color: #478300}

img.pictos-resultat{padding: 0 0 0 15px}
img.photo-resultat{float: left}
img.categorie-resultat{padding-left: 20px}

#middle div.notation{
	position: absolute;
	bottom: 3px;
	right: 0;
}

ul.onglets-resultat, ul.onglets-resultat-carte{
	width: 395px;
	border-bottom: 1px solid #ccc;
	margin: 0 0 0 183px;
	height: 23px;
}
ul.onglets-resultat-carte{width: 555px}

ul.onglets-resultat li, ul.onglets-resultat-carte li{display: inline}

ul.onglets-resultat li a, ul.onglets-resultat-carte li a{
	float: left;
	height: 22px;
	background-position: left bottom;
	background-repeat: none;
	margin-right: 2px;
	outline:none;
}
ul.onglets-resultat li a.selected, ul.onglets-resultat-carte li a.selected{background-position: left top}


a.nos-plus_fr{
	width: 92px;
	background-image: url(../media/fr/reserver/nos-plus.jpg);
}
a.nos-clubs_fr{
	width: 133px;
	background-image: url(../media/fr/reserver/nos-clubs-enfants.jpg);
}
a.nos-animations_fr{
	width: 127px;
	background-image: url(../media/fr/reserver/nos-animations.jpg);
}
a.nos-plus_en{
	width: 92px;
	background-image: url(../media/en/reserver/nos-plus.jpg);
}
a.nos-clubs_en{
	width: 133px;
	background-image: url(../media/en/reserver/nos-clubs-enfants.jpg);
}
a.nos-animations_en{
	width: 127px;
	background-image: url(../media/en/reserver/nos-animations.jpg);
}


.contenu-onglets{
	display:none;
}
.contenu-onglets-actif{
	display:block;
}
div.contenu-resultat{
	margin-left: 188px;
	width: 350px;
	color: #666;
	position: relative;
	padding-bottom: 28px;
	padding-top: 10px;
}

div.contenu-resultat p{
	padding: 0 0 10px 0;
	margin : 0;
}

a.voir-fiche_fr{
	display: block;
	width: 77px;
	height: 21px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../media/fr/reserver/voir-fiche.jpg) 0 0 no-repeat;
}
a.voir-fiche_fr:hover{
	background-position: left bottom
}
a.voir-fiche_en{
	display: block;
	width: 77px;
	height: 21px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url(../media/en/reserver/voir-fiche.jpg) 0 0 no-repeat;
}
a.voir-fiche_en:hover{
	background-position: left bottom
}

div.prix-resultat{
	width: 160px;
	height: 101px;
	background: url(../media/commun/bg-prix-resultat.png) 0 0 no-repeat;
	position: absolute;
	right: -200px;
	top: -1px;
}
div.prix-resultat p{
	margin: 0;
	padding: 5px 0 0 20px;
	font-size: 14px;
}
span.barre{
	display: block;
	text-decoration: line-through;
}
span.prix{
	display: block;
	color: #fd7003;
	font-size: 20px;
}

a.btn-valider{
	float: right;
	margin: 5px 5px 0 0;
	width: 66px;
	height: 25px;
	background: url(../media/fr/boutons/valider.png) 0 0 no-repeat;
}
a.btn-valider:hover{background-position: left bottom}

/**************** Fin Vos Destinations *****************/

/***************** Choisir séjour *********************/

.middle-grand-resa-gauche {
	width: 600px;
	float:left;
	margin: 0 15px;
}


ul#menu-sejour{
	width: 940px;
	border-bottom: 1px solid #ccc;
	height: 22px;
	margin: 25px 0 20px 0;
}
ul#menu-sejour li{display: inline}
ul#menu-sejour li a{
	float: left;
	height: 22px;
	background-position: left bottom;
	background-repeat: none;
	margin-right: 2px;
}
ul#menu-sejour li a.selected{background-position: left top}
a#votre-sejour{
	width: 137px;
	background-image: url(../media/fr/reserver/1-votre-sejour.jpg);
}
a#vos-coordonnees{
	width: 161px;
	background-image: url(../media/fr/reserver/2-vos-coordonnees.jpg);
}
a#vos-extras{
	width: 126px;
	background-image: url(../media/fr/reserver/3-vos-extras.jpg);
}
a#votre-paiement{
	width: 125px;
	background-image: url(../media/fr/reserver/4-paiement.jpg);
}

p.titre-form-orange, #crea-compte p.titre-form-orange{
	color: #f37e02;
	font-size: 18px;
    font-family: 'HelveticaNeueCondensed';
}

#fenetre-formule{
	width: 581px;
	background: url(../media/commun/fenetre-choix-bg.png) 0 0 repeat-y;
	position: relative;
}

#sel-dates{
	position: absolute;
	width: 196px;
	height: 47px;
	background: url(../media/commun/bg-dates-sejour.png) center top no-repeat;
	top: -26px;
	left: 361px;
}

a#date-prec{
	display: block;
	width: 25px;
	height: 24px;
	background: url(../media/commun/semaine-prec.png) 0 0 no-repeat;
	position: absolute;
	top: 13px;
	left: 0;
}

a#date-suiv{
	display: block;
	width: 25px;
	height: 24px;
	background: url(../media/commun/semaine-suiv.png) 0 0 no-repeat;
	position: absolute;
	top: 13px;
	right: 0;
}

#sel-dates p{
	color: #fff;
	font-size: 14px;
	padding: 7px 0 0 55px;
	margin: 0;
}

div.fenetre-sejour-top{
	width: 581px;
	height: 21px;
	background: url(../media/commun/fenetre-choix-top.png) 0 0 no-repeat;
}
#fenetre-appartements div.fenetre-sejour-top{height: 5px}

div.fenetre-sejour-bottom{
	width: 581px;
	height: 4px;
	background: url(../media/commun/fenetre-choix-bottom.png) 0 0 no-repeat;
}

div.formule-sejour{
	margin: 1px 0 0 2px;
	padding: 0;
	width: 576px;
	height: 50px;
	line-height: 50px;
}
div.clair{background: #e1eff7}
div.fonce{background: #c4e0f0}

a.info-bulle{
	float: left;
	width: 24px;
	height: 24px;
	background-position: 0 0;
	background-repeat: none;
	margin: 12px 20px 0 27px;
}
a.info-bleue{background-image: url(../media/commun/info-bleu.png)}
a.info-grise{background-image: url(../media/commun/info-gris.png)}

#fenetre-formule label{
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
	float: left;
	padding: 0;
	width: auto;
}

p.prix-formules{
	float: right;
	margin: 0;
}

span.barre-formule{
	font-size: 14px;
	color: #666;
	float: left;
	text-decoration: line-through;
	padding: 0 5px;
}

span.prix-formule{
	font-size: 18px;
	font-weight: bold;
	color: #f37e02;
	float: left;
	padding: 0 5px;
}

input.pension{
	float: left;
	margin: 18px 40px 0 15px;
}

p.info-tarif{
	padding: 2px 0 0 8px;
	margin: 0 0 0 1px;
	width: 570px;
	line-height: 30px;
	color: #666;
	background: #f9f9f9;
}
	
#fenetre-appartements{
	width: 581px;
	background: url(../media/commun/fenetre-choix-bg.png) 0 0 repeat-y;
	position: relative;
	margin-top: 20px;
}

#fenetre-appartements label{
	font-size: 12px;
	color: #666;
	float: left;
	padding: 0;
	width: auto;
}

div.formule-appartements{
	padding: 0;
	width: 576px;
	height: 50px;
	line-height: 50px;
}

span.barre-appartements{
	font-size: 12px;
	color: #ccc;
	float: left;
	text-decoration: line-through;
	padding: 0 5px;
}

span.prix-appartements{
	font-size: 16px;
	font-weight: bold;
	color: #ccc;
	float: left;
	padding: 0 5px;
}

#btn-reserver{
	width: 138px;
	height: 33px;
	background: url(../media/fr/boutons/reserver.png) 0 0 no-repeat;
	margin: 20px 0 30px 442px;
}
#btn-reserver:hover{background-position: left bottom}

/**************** Fin choisir s�jour ***********************/

/***************** Identification ***********/

#fenetre-connexion{
	float: left;
	width: 278px;
	margin: 2px 24px 0 0;
	background: url(../media/commun/fenetre-identification-bg.gif) 0 0 repeat-y;
}
#fenetre-connexion p{
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}
#connexion p{
	color: #666;
	font-size: 12px;
}

.fenetre-connexion-top{
	width: 278px;
	background: url(../media/commun/fenetre-identification-top.gif) 0 0 no-repeat;
	height: 10px;
}

.fenetre-connexion-bottom{
	width: 278px;
	background: url(../media/commun/fenetre-identification-bottom.gif) 0 0 no-repeat;
	height: 10px;
}

#connexion input[type=text], #connexion input[type=password]{
	border: 1px solid #ccc;
	height: 20px;
	width: 245px;
	color: #999;
	padding-left: 6px;
}

label.label-erreur{color: red}

span.erreur{
	color: red;
	display: block;
	clear: left;
}

#btn-identification{
	width: 66px;
	height: 25px;
	background: url(../media/fr/boutons/valider.png) 0 0 no-repeat;
	margin: 5px 0 15px 197px; 
}
#btn-identification:hover{background-position: left bottom}

a#mdp-oublie{
	text-decoration: underline;
	color: #999;
	font-size: 12px;
}
#mdp-oublie:hover{text-decoration: none}

#fenetre-creer-compte{
	float: left;
	width: 278px;
	background: url(../media/commun/fenetre-identification-bg.gif) 0 0 repeat-y;
	margin-top: 2px;
}

#fenetre-creer-compte p{
	margin: 0 0 0 10px;
}

a#btn-creer-compte{
	display: block;
	width: 131px;
	height: 26px;
	background: url(../media/fr/boutons/creer-compte.png) 0 0 no-repeat;
	margin: 35px 0 0 135px;
}
#btn-creer-compte:hover{background-position: left bottom}

/**************** fin identification *****************/

/*************** Crea compte ****************/

#coordonnees-gauche{
	float: left;
	width: 290px;
	border-right: 1px solid #ccc;
	padding-right: 20px;
	margin-bottom: 40px;
}

#crea-compte label{
	width: 100px;
}

#crea-compte span.label-contact{
	float: left;
	width: 100px;
}

#crea-compte input.en-ligne{
	float: left;
	margin: 0 10px 10px 0;
}

#crea-compte label.radio{
	float: left;
	margin-right: 10px;
	width: 25px;
}

#crea-compte input[type=text], #crea-compte input[type=password]{
	border: 1px solid #ccc;
	width: 158px;
	height: 20px;
	padding-left: 5px;
	color: #999;
}
#crea-compte select{
	height: 23px;
	border: 1px solid #ccc;
	width: 165px;
	padding: 2px 0 0 1px;
	color: #999;
}
#crea-compte input.code-postal{
	width: 50px;
}

#crea-compte p{
	margin: 8px 0;
	padding: 0;
	clear: both;
	font-size: 12px;
	color: #666;
}

#coordonnees-droite{
	float: left;
	margin: 21px 0 0 25px;
	width: 250px;
}

#champs-tel input.indicatif{
	float: left;
	width: 20px;
	margin-right: 3px;
}
#champs-tel input.num-tel{
	width: 128px;
}
#champs-tel label{
	width: 80px;
}

#crea-compte .checkbox{
	float: left;
	margin-right: 10px;
}

#champs-identifiants label{
	margin-right: 10px;
}

#crea-compte #champs-identifiants input{
	width: 128px;
}

#participants{clear: both}

#crea-compte #participants input[type=text]{width: 138px}

#noms-participants{
	float: left;
	width: 180px;
}
#prenoms-participants{
	float: left;
	width: 180px;
}
#date-naissance-participants{
	float: left;
	width: 210px;
	margin-bottom: 5px;
}

#date-naissance-participants input{float: left; margin-bottom: 8px;}

a.suppr-participant{
	float: left;
	width: 12px;
	height: 12px;
	background: url(../media/commun/suppr-champs.png) 0 0 no-repeat;
	margin: 6px 5px 0 10px;
}
input.checkbox-participants{
	margin: 7px 5px 0 5px;
}

a#btn-ajouter-participant{
	display: block;
	clear: both;
	margin-bottom: 15px;
	width: 152px;
	height: 25px;
	background: url(../media/fr/boutons/ajouter-participant.png) 0 0 no-repeat;
}
#btn-ajouter-participant:hover{background-position: left bottom}

p#obligatoires-participants{
	border-top: 1px solid #ccc;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	color: #999;
	font-size: 11px;
}

#btn-valid-crea{
	float: right;
	width: 66px;
	height: 25px;
	background: url(../media/fr/boutons/valider.png) 0 0 no-repeat;
	margin: 0 18px 15px 0; 
}
#btn-valid-crea:hover{background-position: left bottom}
	
/***************** fin crea compte *********/

/**************** Vos extras ***************/

.fenetre{
	width: 581px;
	background: url(../media/commun/fenetre-choix-bg.png) 0 0 repeat-y;
	position: relative;
	margin-bottom: 10px;
	color: #666;
	font-size: 12px;
}

.fenetre a.info-bulle{
	position: absolute;
	top: 29px;
	left: 20px;
	margin: 0;
}

span.intitule-extra{
	float: left;
	color: #f37e02;
	font-size: 16px;
	margin: 0 0 10px 69px;
	width: 360px;
}

span.intitule-extra-detail{
	float: left;
	margin-left: 69px;
	width: 360px;
}

p.secu-annulation{padding-bottom: 20px}

span.prix-extra{
	float: left;
	color: #f37e02;
	font-size: 16px;
	width: 49px;
	text-align: right;
}
span.quantite-extra{
	line-height: 16px;
	font-size: 14px;
	color: #f37e02;
	padding-left: 10px;
}

.fenetre .fenetre-sejour-bottom{
	margin-top: 30px;
}

.fenetre p{clear: both}

.fenetre label{width: 360px; line-height: 16px;}

p.conditions-extras{
	margin-left: 69px;
	padding: 10px 0;
	width: 365px;
}

span.intitule-extra input{margin-left: 10px}

p.conditions-extras input{
	float: left;
	margin: 0 5px 0 0; 
}

p.conditions-extras a{
	color: #013e90;
	text-decoration: underline;
}
p.conditions-extras a:hover{text-decoration: none}

.fenetre select{
	border: 1px solid #ccc;
	height: 20px;
	width: 45px;
	padding: 1px 0 0 1px;
	color: #999;
	margin-left: 20px;
}

a.pt-info-bulle{
	float: left;
	margin: 0 -41px 0 23px;
	width: 18px;
	height: 18px;
	background: url(../media/commun/pt-info-bulle.gif) 0 0 no-repeat;
}

.participants-extra{padding: 15px 0}

p.participant-extra{
	margin: 0 0 10px 69px;
}
p.participant-extra label{
	width: auto;
}
p.participant-extra input{
	float: left;
	width: 95px;
	border: 1px solid #ccc;
	margin: 0 15px 10px 15px;
	height: 20px;
	padding-left: 5px;
	color: #999;
}
p.erreur-participant{
	margin: 0 10px 10px 69px;
	color: red;
}
	
/**************** Fin vos extras ***************/

/******************* Bloc Panier *************/
#bloc-panier{
	width: 325px;
	float: left;
	margin-top: 70px;
}

#panier{
	width: 325px;
	background: url(../media/commun/panier-sejour-bg.gif) 0 0 repeat-y;
}

.panier-top{
	height: 6px;
	width: 325px;
	background: url(../media/commun/panier-sejour-top.gif) 0 0 no-repeat;
}

img#thumb-panier{
	float: left;
	margin: 0 0 0 7px;
}

p#selection-panier{
	height: 54px;
	width: 170px;
	margin: 0 0 0 121px;
	background: url(../media/commun/selection-panier-bg.png) 0 0 no-repeat;
	padding: 21px 0 0 26px;
	color: #419dc5;
	font-size: 26px;
    font-family: 'HelveticaNeueCondensed';
}

#destination-panier{
	width: 311px;
	margin: 7px 0 0 7px;
	background: url(../media/commun/panier-donnees-bg.png) 0 0 no-repeat;
	padding-top: 7px;
}
p#titre-panier{
	color: #666;
	font-size: 14px;
    font-family: 'HelveticaNeueCondensed';
	margin: 0 0 0 8px;
	padding: 0;
}
p#ville-panier{
    font-family: 'HelveticaNeueCondensed';
	font-size: 18px;
	margin: 0 0 0 8px;
	padding: 0;
	line-height: 14px;
}

#recap-panier{
	width: 311px;
	margin: 7px 0 0 7px;
	background: url(../media/commun/panier-donnees-bg.png) 0 0 no-repeat;
	min-height: 44px;
	position: relative;
	color: #666;
	padding-top: 7px;
}
#recap-panier p{
	margin: 0 0 0 8px;
	padding: 0;
	font-size: 12px;
}
#recap-panier p#prix-recap{
	position: absolute;
	right: 10px;
	bottom: 0;
	color: #419dc5;
	font-weight: bold;
	font-size: 16px;
}

p#total-panier{
	width: 311px;
	margin: 7px 0 0 7px;
	height: 44px;
	background: url(../media/commun/total-panier-bg.png) 0 0 no-repeat;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
span#total-left{
	float: left;
	margin: 0 0 0 8px;
	line-height: 44px;
}
span#total-right{
	float: right;
	margin: 0 10px 0 0;
	line-height: 44px;
}

.panier-bottom{
	width: 325px;
	background: url(../media/commun/panier-sejour-bottom.gif) 0 0 no-repeat;
	height: 8px;
}

#aide{
	width: 325px;
	background: url(../media/commun/panier-sejour-bg.gif) 0 0 repeat-y;
	position: relative;
	margin: 15px 0 50px 0;
}

#aide p{
	margin: 0 0 0 15px;
	color: #666;
	font-size: 14px;
    font-family: 'HelveticaNeueCondensed';
}
span#contactez-nous-aide{
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
span#telephone-aide{
	color: #419dc5;
	font-size: 22px;
	display:block;
	margin-top: 8px;
}

a#on-rappelle{
	position: absolute;
	top: 30px;
	right: 11px;
	width: 139px;
	height: 26px;
	background: url(../media/fr/boutons/rappel.png) 0 0 no-repeat;
}
#on-rappelle:hover{background-position: left bottom}

#recap-extras{
	width: 311px;
	margin: 7px 0 0 7px;
	background: url(../media/commun/panier-extras-bg.png) left bottom no-repeat;
	color: #666;
	padding: 7px 0;
}
#recap-extras p{
	margin: 0 10px 0 8px;
	padding: 0;
	font-size: 12px;
	color: #419dc5;
	text-align: right;
}

#recap-extras span.intitule-extra-panier{
	color: #666;
	font-weight: bold;
	float: left;
}
/***************** Fin bloc panier ****************/

/************ Accueil *************/
/*
#carousel{
	margin-top: -9px;
	width: 735px;
	height: 324px;
	background: url(../media/commun/bg-carousel.png) 0 0 no-repeat;
	position:relative;
	border:1px solid #f00;
}*/


#carousel{
	margin-top: -9px;
	width: 735px;
	height: 324px;
	background: url(../media/commun/bg-carousel.png) 0 0 no-repeat;
	position:relative;
	/*border:1px solid #f00;*/
}

#img-carousel{
	position: relative;
	top: 16px;
	left: 15px;
	width: 704px;
	height: 294px;
	background: url(../media/provisoire/image-carousel.jpg) 0 0 no-repeat;
}

.img-carousel{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 704px;
	height: 294px;
	margin:16px;
	padding:0px;
	/*border:1px solid #ff0;*/
	/*background: url(../media/provisoire/image-carousel.jpg) 0 0 no-repeat;*/
}

#carousel ul{
	position: absolute;
	top: 0;
	right: 0;
	width: 205px;
	margin:16px 16px 0px 0px;
	padding:0px;
	/*border:1px solid #f00;*/
}

#carousel ul li a{
	display: block;
	width: 205px;
	height: 80px;
	background: url(../media/commun/bouton-carousel.png) 0 -160px no-repeat;
	overflow: hidden;
}
#carousel ul li a:hover{background-position: 0 -80px; text-decoration: none}
#carousel ul li a.actif{background-position: 0 0}

#carousel ul li a span{
	display: block;
	text-align: right;
	position: relative;
	top: 16px;
	left: 40px;
	width: 152px;
	height: 51px;
    font-family: 'HelveticaNeueLightCond';
	font-size: 20px;
	color: #4b4747;
}
#carousel ul li a:hover span{color: #fff}
#carousel ul li a.actif span{color: #fff}

a#lien-carousel{
	position: absolute;
	top: 0;
	left: 0;
	width: 496px;
	height: 294px;
}

.push-accueil{
	float: left;
	width: 228px;
	border: 1px solid #e7e7e7;
	margin: 0 2px 0 10px;
	position: relative;
}

.push-accueil p{
	padding: 0 10px;
	margin: 0 0 10px 0;
	color: #4b4747;
}

p.titre-push-accueil{
	position: relative;
	top: -1px;
	left: -1px;
	width: 210px;
	height: 47px;
	margin-bottom: 10px;
	line-height: 47px;
	background: url(../media/commun/push-accueil-top.png) 0 0 no-repeat;
    /*font-family: 'HelveticaNeueLightCond';
	color: #4b4747;*/
	color: #4188be;
    font-family: 'HelveticaNeueHeavyCond';
	font-size: 18px;
}
p.titre-push-accueil span{
	color: #4188be;
    font-family: 'HelveticaNeueHeavyCond';
}

img.img-push-accueil{
	margin: 0;
}

a.titre-push{
	color: #419dc5;
	font-size: 14px;
	font-weight: bold;
}

a.texte-push{
	color: #4b4747;
}

a.en-savoir-plus_fr{
	display: block;
	width: 102px;
	height: 29px;
	background: url(../media/fr/boutons/savoir-plus.png) 0 0 no-repeat;
	margin: 0 0 10px 120px;
}
a.en-savoir-plus_fr:hover{
	background-position: left bottom
}

a.en-savoir-plus_en{
	display: block;
	width: 102px;
	height: 29px;
	background: url(../media/en/boutons/savoir-plus.png) 0 0 no-repeat;
	margin: 0 0 10px 136px;
}
a.en-savoir-plus_en:hover{background-position: left bottom}

/****************** fin accueil ***************/

/************** footer  ****************/
#footer{position: relative}

p.titre-footer{
	color: #4188be;
    font-family: 'HelveticaNeueCondensed';
	font-size: 16px;
	border-bottom: 1px solid #a2d0e8;
}

.col-footer{
	width: 150px;
	margin: 0 20px 0 10px;
	float: left;
	color: #999;
}
	
ul#reseaux-sociaux{
	margin: 0;
	padding: 0;
}
	
ul#reseaux-sociaux li a{
	display: block;
	padding: 2px 0 2px 30px;
	height: 20px;
	color: #999;
	line-height: 26px;
	height: 26px;
	width: 100px;
}
a#fb{background: url(../media/commun/fb.gif) 0 0 no-repeat}
a#blog{background: url(../media/commun/blog.gif) 0 0 no-repeat}
a#youtube{background: url(../media/commun/youtube.gif) 0 0 no-repeat}
a#flickr{background: url(../media/commun/flickr.gif) 0 0 no-repeat}
a#rss{background: url(../media/commun/flux.gif) 0 0 no-repeat}

ul#reseaux-sociaux li a.pas-reseau{padding-left: 0}

#catalogue{
	width: 150px;
	background: #ffffff;
	margin-top: -15px;
}
#catalogue p{padding: 5px 0 5px 10px}
#catalogue a{color: #999}

a#sabonner_fr, #sabonner_fr{
	display: block;
	width: 85px;
	height: 29px;
	background: url(../media/fr/boutons/abonner.png) 0 0 no-repeat;
}
#sabonner_fr:hover{
	background-position: left bottom
}

a#sabonner_en, #sabonner_en{
	display: block;
	width: 79px;
	height: 29px;
	background: url(../media/en/boutons/abonner.png) 0 0 no-repeat;
}
#sabonner_en:hover{
	background-position: left bottom
}

ul#menu-savoir{
	margin: 0;
	padding: 0;
}

ul#menu-savoir li a{
	color: #999;
	padding: 0;
}

p#mini-tel{
	line-height: 18px;
	padding: 0 0 0 25px;
	color:#666;
	font-size: 12px;
	background: url(../media/commun/mini-tel.png) 0 0 no-repeat;
}

p.infos-resa{padding-left: 25px}

#realisation{
	position: absolute;
	top: 32px;
	right: 35px;
}
#realisation a{color: #419dc5}

#consulter-catalogue{
	/*border:1px solid #ff0;*/
	margin:20px 0px; 
	padding:0px 
	
}
#consulter-catalogue .bloc-catalogue{
	/*border:1px solid #f00;*/
	float:left;
	margin:0;
	padding:0;
	text-align:center;
	width:240px;
	margin:0 0 20px;
}
#consulter-catalogue .bloc-catalogue h2{
	color:#003d8f;
	font-size:14px;
	font-weight:normal;
	padding:0;
	margin:6px 0;
	height:40px;
}
#consulter-catalogue .bloc-catalogue .catalogue-bouton-consulter{
	/*padding:10px 0px;*/
	margin:10px auto;
}
#consulter-catalogue .bloc-catalogue .catalogue-bouton-commander{
	padding:10px 0px;
	margin:10px auto;
	background-color:#F3F3F3;
	color:#999999;
	width:160px;
}
#consulter-catalogue .bloc-catalogue .catalogue-bouton-commander span{
	vertical-align:2px;
}


#consulter-catalogue #bouton-valider{
	float:right;
	/*border:1px solid #f00;*/
	margin:10px 0px;
	padding:0px;
}

#footer_newsletter_form{border:1px solid #ccc;color:#666;padding:2px 5px;font-size:11px;width:135px;}
input#sabonner_fr{position:relative;top:5px;left:65px;}
input#sabonner_en{position:relative;top:5px;left:73px;}

.destination-gris{
	background-color:#f6f6f6;
	padding:10px 10px 10px 20px;
	margin-bottom:20px;
}
.destination-bleuclair{
	background-color:#eff4f9;
	padding:10px 10px 10px 20px;
	margin-bottom:20px;
}
.destination-bleu{
	background-color:#e0effc;
	padding:10px 10px 10px 20px;
	margin-bottom:20px;
}

.destination-gris-intro{
	float:left;
	width:150px;
	margin-right:0px;
}

.push-destination{
	float: right;
	width: 160px;
	border: 1px solid #e7e7e7;
	margin: 0 0px 0 15px;
	background-color:#FFF;
}

.push-destination p{
	padding: 0 10px;
	margin: 0 0 10px 0;
	color: #4b4747;
}


p.titre-push-destination{
	position: relative;
	top: -1px;
	left: -1px;
	width: 162px;
	height: 47px;
	margin-bottom: 10px;
	line-height: 47px;
	background: url(../media/commun/push-destination-top.png) 0 0 no-repeat;
	color: #4188be;
    font-family: 'HelveticaNeueHeavyCond';
	font-size: 14px;
}
p.titre-push-destination span{
	color: #4188be;
    font-family: 'HelveticaNeueHeavyCond';
}

a.texte-push{
	color: #4b4747;
}

a.en-savoir-plus-destination_fr{
	display: block;
	width: 102px;
	height: 29px;
	background: url(../media/fr/boutons/savoir-plus.png) 0 0 no-repeat;
	margin: 0 0 10px 53px;
}
a.en-savoir-plus-destination_fr:hover{
	background-position: left bottom
}

a.en-savoir-plus-destination_en{
	display: block;
	width: 102px;
	height: 29px;
	background: url(../media/en/boutons/savoir-plus.png) 0 0 no-repeat;
	margin: 0 0 10px 69px;
}
a.en-savoir-plus-destination_en:hover{background-position: left bottom}