/* commun */

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;
}

/* 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 {
/*text-align: center;*/ 
margin: 0; 
padding: 0;
width: 100%;
height:100%;
min-height:100%;
background-image: url(../media/fr/vente_flash/bandeau_big_vf.gif); 
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;
}

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

.menu_holder {
float: left;
}

#fond_blanc {
/* original width 1000px */
width: 1000px;
height:100%;
background-image: url(../media/commun/fond_blanc.gif); 
background-repeat: no-repeat;
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;
} 

.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;
}


#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;
}

.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: 556px;
height: 77px;
float: left;
text-align: left;
}

#agences {
width: 330px;
height: 77px;
float: left;
vertical-align: top;
}

#version {
width: 114px;
height: 77px;
float: left;
text-align: right;
}

/* home */

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

#destination_int_container {
width: 216px;
height: 100%;
float: left;
margin-right: 20px;
}

#destination_int {
/* width original 206*/
/* height original 223 */
width: 170px;
height: 188px;
background-image: url(../media/fr/commun/destination.gif); 
background-repeat: no-repeat;
padding: 35px 18px 10px 18px;
margin-right: 10px;
}

#destination_voyages {
/* 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: 169px;
height: 206px;
}

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

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

.destinations_titre {
width: 169px;
color: #419dc5;
font-weight: bold;
font-size: 11px;
margin: 3px 0px 2px 0px;
}

.destinations_dropdown_container {
}

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

.btn_reserver {
text-align: right;
width: 169px;
margin-top: 6px;
}

#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;
}

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

#decouvrir_container {
width: 206px;
}

#decouvrir_fond {
/* width original 206*/
width: 146px;
background-image: url(../media/fr/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;
}

#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;
}

.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;
}

.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;
}

.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;
}

.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;
}


/* 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; }

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;}
