/* CSS Document */

/**************************************************************** CONSTANTE ***********************************************************************************************/

body
{
  margin: 0px;
  text-align: center; /* pour corriger le bug de centrage IE */
	font-size: 11px;
	font-family: Tahoma, Arial, Sans-Serif;
	color: #8F8F8F;
  background: #FFFFFF url(images/montage_caps.jpg) no-repeat center top;
}

#page
{
	width: 960px;
	margin: auto;
	text-align: left; /* on retablit l'alignement normal du texte */
}

#bordure
{
  float: left;
	width: 960px;
	background-image: url(images/bordure.jpg);
  background-repeat: repeat-y;
  margin: 0px;
  padding: 0px;
}

img
{
  border: none;
}

a
{
  text-decoration: none;
  color: #FF6600;
}

a:hover
{
  text-decoration : underline;
}

p
{
  margin: 0px;
  padding: 5px 0 5px 0;
}

iframe
{
    border: none;
    border-width: 0 0 0 0;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

h1
{
    clear: left;
    width: 950px;
    height: 213px;
    margin: 0 0 0 5px;
    padding: 0px;
    background-image: url(images/bandeau/bandeau_haut.jpg);
    background-repeat: no-repeat;
    font-size: 14px;
}

h1 a
{
    float: right;
    margin: 0px;
    padding: 10px 10px 0 0;
    color: #8a8a8c;
}

h2
{
  clear: left;
  width: 750px;
  height: 29px;
  margin : 10px 0 0 0;
  padding : 4px 0 0 0;
	font-size : 12px;
  color : white;
  cursor: default;
	text-align: center;
	background-image: url(images/title_h2.jpg);
  background-repeat: no-repeat;
}

h2 a
{
  color: white;
}

h3
{
    clear: left;
    width: 180px;
    height: 24px;
    margin: 0 0 0 2px;
    padding : 2px 0 0 0;
    font-size: 12px;
    text-align: center;
    cursor: default;
    color: white;
    background-image: url(images/title_h3.jpg);
    background-repeat: no-repeat;
}

h3 a
{
    color: white;
}

h4
{
    float: left;
    width: 360px;
    height: 25px;
    margin : 0px;
    padding : 3px 0 0 0;
    cursor: default;
  	font-size : 11px;
    color: white;
  	text-align: center;
  	background-image: url(images/title_h4.jpg);
    background-repeat: no-repeat;
}

h4 a
{
    color: white;
}

h5
{
    float: left;
    width: 210px;
    height: 25px;
    margin : 0 0 0 7px;
    padding : 3px 0 0 0;
  	font-size : 11px;
    color: white;
    cursor: default;
  	text-align: center;
  	background-image: url(images/title_h5.jpg);
    background-repeat: no-repeat;
}

h5 a
{
    color: white;
}

h6
{
    clear: left;
    height: 25px;
    margin : 0 55px 0 55px;
    padding : 3px 0 0 0;
  	font-size : 11px;
    color: white;
    cursor: default;
  	text-align: center;
  	background-image: url(images/title_h6.jpg);
    background-repeat: no-repeat;
}

h6 a
{
    color: white;
}

.centrer
{
    clear: left;
    text-align: center;
}

.centrer_orange
{
    clear: left;
    text-align: center;
    color: #FF6600;
}

.centrer_gras
{
    clear: left;
    text-align: center;
    font-weight: bold;
}

.gras
{
    font-weight: bold;
}

.gras_souligner
{
    font-weight: bold;
    text-decoration: underline;
}

.italique
{
  font-style: italic;
}

.souligner
{
    text-decoration: underline;
}

hr
{
    color: #8F8F8F;
    background-color: #8F8F8F;
    height: 2px;
    border: 0;
}


/**************************************************************** LOGO ***********************************************************************************************/

#logo
{
  clear: left;
  width: 950px;
  height: 213px;
  margin: 0 0 0 5px;
  padding: 0px;
}

#logo img
{
  vertical-align: bottom;
}

/**************************************************************** MENU ***********************************************************************************************/

#menu
{
  clear: left;
  width: 950px;
  height: 45px;
  margin: 0 0 0 5px;
  padding: 0px;
}

/**************************************************************** GAUCHE ***********************************************************************************************/

#gauche
{
  float: left;
  width: 195px;
  margin: 0 0 0 5px;
  padding: 0px;
  background-image: url('images/gauche.jpg');
  background-repeat: repeat-y;
}

#flash_image
{
  clear: left;
  width: 185px;
  height : 134px;
  margin: 0px;
  padding: 0px;
}

.separateur_gauche
{
  clear: left;
  width: 191px;
  height: 22px;
  margin: 0px;
  padding: 0px;
  background-image: url('images/separateur_gauche.jpg');
  background-repeat: no-repeat;
}

#lastminute
{
  clear: left;
  width: 185px;
  min-height: 280px;
  margin: 0px;
  padding: 0 0 0 3px;
  font-size: 12px;
  background-image: url('images/lastminute.jpg');
  background-repeat: no-repeat;
}

#titre_lastminute
{
  width: 185px;
  text-align: center;
  color: #FF6600;
  font-size: 20px;
  font-weight: bold;
  padding: 20px 0 0 0;
}

#flux_rss ul
{
  width: 150px;
  margin: 0 0 0 25px;
  padding: 0px;
}

#flux_rss li
{
  margin: 0 0 0 0px;
  padding: 0px;
  text-align: left;
  font-size: 9px;
  list-style-image: url('images/fleche.gif');
  list-style-position: outside;
}

#flux_rss a
{
  color: #FF6600;
}

#degrif_boat
{
  clear: left;
  width: 180px;
  margin: 0px;
  padding: 0px;
}

#degrif_boat ul
{
  margin: 0 0 0 25px;
  padding: 0px;
}

#degrif_boat li
{
  margin: 0px;
  padding: 0px;
  font-size: 9px;
  list-style-image: url('images/fleche.gif');
  list-style-position: outside;
}

#degrif_boat img
{
  margin: 0 0 0 4px;
  padding: 0px;
}

#pratiques ul
{
  width: 150px;
  margin: 0 0 0 25px;
  padding: 0px;
}

#pratiques li
{
  margin: 0 0 0 0px;
  padding: 0px;
  text-align: left;
  font-size: 9px;
  list-style-image: url('images/fleche.gif');
  list-style-position: outside;
}

#pratiques a
{
  color: #666666;
}

#tout_lastminute
{
	float: left;
	width: 180px;
	margin: 0px;
	padding: 12px 0 0 0;
	font-weight: bold;
	text-align: center;
}

.lien_lastminute
{
	clear:left;
	margin: 0px;
	padding: 0px;
}

.promo
{
	float:right;
	color:#CC0000;
	font-weight:bold;
	padding: 0px 0 0px 0;
	margin: 0px;
}

.bat
{
	clear:left;
	float: left;
	font-size:10px;
	padding: 3px 0 0 0;
	margin: 0px;
}

#lastminute ul
{
  clear: left;
	margin:5px 5px 0px 0px;
	padding:0px;
	list-style-type: none;
}
#lastminute li
{
  clear: left;
	margin: 0px 0 0 20px;
	padding: 0px;
	padding: 0px;
	color: #666666;
  list-style-image: url('images/fleche.gif');
  list-style-position: outside;
  min-height: 35px;
}

#lastminute a
{
  clear: left;
  color: #FF6600;
}

#lastminute a:hover {
	color: #bfbfbf;
}

#degrif_reglement
{
    margin: 0 5px 0 5px;
    padding: 0px;
}

/**************************************************************** CENTRE ***********************************************************************************************/

#centre
{
  float: left;
  width: 754px;
}

.liste_centre
{
  margin: 5px 0 5px 0;
  padding: 0px;
}

.liste_centre ul
{
  width: 754px;
  margin: 0px;
  padding: 0px;
}

.liste_centre li
{
  text-align: center;
  list-style-image: url('images/fleche.gif');
  list-style-position: inside;
  margin: 0px;
  padding: 0px;
}

.liste_centre img
{
  width: 12px;
  height: 15px;
}

#explication_recherche
{
  width: 754px;
  height: 80px;
  text-align: center;
}

#explication_texte
{
  float: left;
  width: 284px;
  margin: 0 0 0 0px;
  padding: 0 0 0 150px;
  text-align: justify;
}

#jeremy_actu
{
    float: left;
    width: 650px;
    padding: 0 0 0 50px;
    margin: 0px;
}

#recherche_carte
{
  float : left;
  margin: 0 0 0 10px;
}

.rech
{
  font-family : Arial, Helvetica, sans-serif;
  font-size : 11px;
  font-style : normal;
  color : #ffffff;
  background-color : #ff6600;
  margin : 0;
  padding : 0;
  border-style: none;
  border-width: 0px;
  display : list-item;
  width : 160px;
}

#naviguer
{
  width: 750px;
  text-align: justify;
}

.ligne_naviguer
{
  clear: left;
  width: 750px;
  min-height: 120px;
}

#naviguer img
{
    float: left;
    width: 150px;
    height: 100px;
    margin: 0 0 0 2px;
    padding: 0px;
}

.naviguer_choix_gauche
{
    clear: left;
    float: left;
    width: 370px;
    height: 200px;
}

.naviguer_choix_droit
{
    float: right;
    width: 370px;
    height: 200px;
}

.naviguer_texte
{
    float: right;
    width: 210px;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}

#liste_centre_tactile
{
    float: left;
    margin:5px 40px 5px 60px;
    padding:0;
}

/**************************************************************** page index.php ***********************************************************************************************/

#liste_centre_tactile li
{
    list-style-image:url(images/fleche.gif);
    list-style-position:inside;
    margin:0;
    padding:0;
    text-align:center;
}

#bouton_tactile
{
    float: left;
}

#flux_rss_index
{
    clear: left;
    padding: 0 45px 0 200px;
}

#flux_rss_index h3
{
    float: left;
    width: 360px;
    margin: 15px 0px 0 0px;
    background-image: url(images/title_h4.jpg);
}

#flux_rss_index ul
{
  width: 360px;
  margin: 0 0 0 0px;
  padding: 0px;
}

#flux_rss_index li
{
  width: 360px;
  margin: 0 0 0 0px;
  padding: 0px;
  text-align: left;
  font-size: 9px;
  list-style-image: url('images/fleche.gif');
  list-style-position: outside;
}

#flux_rss_index a
{
  color: #FF6600;
}

#facebook
{
    clear: left;
    width: 185px;
    text-align: center;
}

/**************************************************************** page devis ***********************************************************************************************/
#lien_devis
{
    clear: left;
    margin: 0px 0 0 42px;
    padding: 30px 0 0 0;
}

#titre_devis
{
    clear: left;
    padding: 20px 0 20px 0;
    margin: 0px;
    text-align: center;
}

/****************************************************************  page location-bateau-flotte  ***********************************************************************************************/
.image_liste_bateau_flotte
{
    float: left;
    width: 250px;
    padding: 15px 0 10px 0;
    margin: 0px;
    text-align: center;
}

.image_liste_bateau_flotte img
{
    padding: 0 0 10px 0;
    margin: 0px;
}

#video_liste_bateau_flotte
{
    clear: left;
    width: 754px;
    padding: 0px;
    margin: 0px;
    text-align: center;
}

#marques_liste_bateau_flotte
{
    clear: left;
    width: 754px;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/****************************************************************  page informations-generales  ***********************************************************************************************/
#services_gauche
{
    clear: left;
    float: left;
    width: 375px;
    text-align: center;
}

#services_droite
{
    float: right;
    width: 375px;
    text-align: center;
}

.informations_generales
{
    float: left;
    width: 250px;
    text-align: center;
}

/****************************************************************  page conditions-generales  ***********************************************************************************************/
.bloc_conditions_generales
{
    float: left;
    width: 375px;
    margin: 15px 0 0 0;
    padding: 0px;
    text-align: justify;
}

.bloc_conditions_generales p
{
    float: left;
    width: 335px;
    margin: 0px;
    padding: 15px;
}

#caps-boat_conditions_generales
{
    display: none;
}

/****************************************************************  page devis-destinations  ***********************************************************************************************/
.devis_destinations
{
    float: left;
    width: 90px;
    height: 100px;
    margin: 0 0 0 3px;
    padding: 0px;
    text-align: center;
}

.devis_destinations img
{
    width: 85px;
    height: 60px;
}

/****************************************************************  page informations-pratiques  ***********************************************************************************************/
#titre_faq_infos_pratiques
{
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 0;
    padding: 0px;
}

#rss_informations_pratiques
{
    margin: 15px 0 0 220px;
    padding: 0px;
}

#rss_informations_pratiques li
{
    margin: 0px 0 0 0px;
  	padding: 0px;
  	color: #666666;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
    font-weight: bold;
}

.pdf_informations_pratiques
{
    float: left;
    width: 250px;
    margin: 20px 0 20px 0px;
    padding: 0px;
}

.pdf_informations_pratiques li
{
    margin: 20px 0 0 0;
  	padding: 0px;
  	color: #666666;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
    font-weight: bold;
}

#centrer_infos_pratiques
{
    clear: left;
    text-align: center;
    margin: 0 0 15px 0;
    padding: 0px;
}

/****************************************************************  page reglement-en-ligne  ***********************************************************************************************/
#reglement_en_ligne
{
    clear: left;
  	width: 750px;
  	height: 467px;
    padding: 0px;
    margin: 0px;
  	background-image: url(images/reglement_en_ligne.jpg);
  	background-repeat: no-repeat;
}

#email_reglement
{
	clear: left;
	margin: 77px 0 0 370px;
	padding: 0px;
}

#contrat_reglement
{
	clear: left;
	margin: 12px 0 0 370px;
	padding: 0px;
}

#montant_reglement
{
	clear: left;
	margin: 12px 0 0 370px;
	padding: 0px;
}

#paiement_reglement
{
	clear: left;
	margin: 20px 0 0 340px;
	padding: 0px;
	text-align: center;
}

/****************************************************************  page client.php et form_client.php  ***********************************************************************************************/
#page_client
{
	clear: left;
	width: 940px;
	height: 1330px;
	margin: 0 5px 0 5px;
	padding: 0px;
}

#page_client h2
{
    margin: 0 100px 0 100px;
}

#page_client iframe
{
    overflow: auto;
}

#espace_client
{
	clear: left;
	width: 950px;
	height: 434px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/espace_client.jpg);
	background-repeat: no-repeat;
}

#mail_espace_client
{
    clear: left;
    margin: 127px 0 0 50px;
    padding: 0px
}

#pswd_espace_client
{
    clear: left;
    margin: 23px 0 0 50px;
    padding: 0px;
}

#login_espace_client
{
    clear: left;
  	margin: 80px 0 0 0;
  	padding: 0px;
  	text-align: center;
}

/****************************************************************  page informations-legales  ***********************************************************************************************/
#informations_legales
{
    margin: 10px 25px;
    padding: 0px;
    text-align: justify;
}

/****************************************************************  page qui-sommes-nous  ***********************************************************************************************/
.qui_sommes_nous
{
    margin: 10px 25px;
    padding: 0px;
    text-align: justify;
}

/****************************************************************  page actualites  ***********************************************************************************************/
.actu_centrer
{
    clear: left;
    margin: 0 0 0 200px;
    padding: 0px;
}

.actu_centrer ul
{
    clear: left;
    width: 370px;
    padding: 20px 0 0 20px;
    margin: 0px 0 0 0;
}

.actu_centrer li
{
  	color: #666666;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
}

.actu_float
{
    float: left;
    width: 370px;
}

.actu_float ul
{
    clear: left;
    padding: 20px 0 20px 60px;
    margin: 0px 0 0 0;
}

.actu_float li
{
  	color: #666666;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
}

.actu_float p
{
    margin: 0 0 20px 0;
    padding: 0px;
}

#actu_bloc_rss
{
    width: 750px;
    height: 370px;
    margin: 0px;
    padding: 0px;
}

.actualites_centrage
{
    margin: 0 30px 0 30px;
    padding: 5px 0 5px 0;
    font-weight: bold;
}

#nouveaux_sites
{
    margin: 0px;
    padding: 20px 0 20px 310px;
    font-weight: bold;
}

#nouveaux_sites li
{
    color: #666666;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
}

/****************************************************************  page liens  ***********************************************************************************************/
#partenaires img
{
    margin: 20px;
    padding: 0px;
}

/****************************************************************  page plan-du-site-caps-boat  ***********************************************************************************************/
#plan_du_site
{
    margin: 0px;
    padding: 5px 30px 5px 60px;
}

#plan_du_site ul
{
    margin: 15px 0 15px 0;
    padding: 0px;
}

#plan_du_site li
{
    color: #FF6600;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
}

#plan_du_site h4
{
    clear: left;
    float: none;
    margin: 10px 0 0 100px;
    padding: 3px 0 0 0;
}

#plan_du_site h5
{
    clear: left;
    float: none;
    margin: 10px 0 0 180px;
    padding: 3px 0 0 0;
}

#plan_du_site .liste_float
{
    float: left;
    width: 130px;
}

#plan_du_site .liste_plan_centrer
{
    padding: 0px;
    margin: 15px 0 15px 230px;
}

#plan_du_site .liste_plan_last
{
    padding: 0px;
    margin: 15px 0 15px 160px;
}

/****************************************************************  page informations-destinations (et toutes les pages par pays)  ***********************************************************************************************/
.region_informations_destinations
{
    float: left;
    width: 149px;
    padding: 3px 0 0 0;
    margin: 0px;
    height: 25px;
    color: white;
    background-image: url(images/titre_region_info.jpg);
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
}

.region_informations_destinations a
{
    color: white;
}

.pays_informations_destinations
{
    float: left;
    width: 145px;
    margin: 0 0 0 0px;
    padding: 0px;
}

.pays_informations_destinations ul
{
    margin: 15px 0 15px 50px;
    padding: 0px;
}

.pays_informations_destinations li
{
    margin: 0px;
    padding: 0px;
    color: #FF6600;
    list-style-image: url('images/fleche.gif');
    list-style-position: outside;
}

.titre_destination
{
    float: left;
    width: 187px;
    height: 25px;
    margin: 5px 0 5px 0;
    padding: 3px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: white;
    background-image: url(images/titre_informations.jpg);
    background-repeat: no-repeat;
}

.titre_destination_select
{
    float: left;
    width: 750px;
    height: 22px;
    margin: 15px 0 15px 0;
    padding: 0px;
    text-align: center;
}

.titre_destination_select select
{
    margin: 0px;
    padding: 0px;
    color: white;
    background-color: #ff9e23;
    border: none;

}

.titre_destination a
{
    color: white;
}

.texte_destination
{
    clear: left;
    margin: 15px 60px;
    padding: 0px;
    text-align: justify;
    font-size: 12px;
    color: #666666;
}

.image_base_infos_pratiques
{
    clear: left;
    float: left;
    margin: 0px;
    padding: 20px;
}

.image_base_infos_pratiques img
{
    width: 170px;
    height: 120px;
}

.texte_base_infos_pratiques
{
    margin: 0px;
    padding: 20px;
    min-height: 122px;
    height:auto !important;
    height: 122px; /* Pour IE */
    font-size: 12px;
    color: #666666;
    text-align: justify;
}

/****************************************************************  page avion-croatie.php  ***********************************************************************************************/
#decalage_avion_croatie
{
    margin: 10px 25px 10px 25px;
    padding: 0px;
}

/****************************************************************  page demande-de-devis.php et form-demande-de-devis.php ***********************************************************************************************/
#demande_de_devis
{
    clear: left;
  	width: 750px;
  	height: 618px;
    padding: 0px;
    margin: 0px;
  	background-image: url(images/demande_de_devis.jpg);
  	background-repeat: no-repeat;
}

.demande_devis_texte
{
    float: left;
    width: 150px;
    height: 16px;
    margin: 0px;
    padding: 6px 0 0 100px;
    color: #FF6600;
    font-weight: bold;
}

.demande_devis_input_long
{
    float: right;
    margin: 0 0px 0 0;
    padding: 0 120px 0 0;
}

.demande_devis_input_long input
{
    width: 353px;
}

#demande_devis_tel
{
    float: right;
    margin: 0px;
    padding: 0 370px 0 0;
}

#demande_devis_tel input
{
    width: 103px;
}

#demande_devis_question
{
    float: left;
    width: 150px;
    height: 70px;
    margin: 0px;
    padding: 6px 0 0 100px;
    color: #FF6600;
    font-weight: bold;

}

#demande_devis_pays
{
    float: right;
    margin: 0px;
    padding: 0 258px 0 0;

}

#demande_devis_pays select
{
    margin: 0px;
    padding: 0px;
    width: 221px;

}

#demande_devis_sexe
{
    clear: left;
    width: 750px;
    text-align: center;
    color: #FF6600;
    font-weight: bold;
    padding: 10px 0 7px 0;
    margin: 0px;
}

/**************************************************************** lastminute ***********************************************************************************************/

#promotion_lastminute
{
    float: left;
    width: 750px;
    height: 1426px;
    padding: 0px;
    margin: 0 0 0 0px;
    background-image: url(images/fond_lastminute.jpg);
    background-repeat: no-repeat;
}

#texte_promotion
{
    float: left;
    width: 200px;
    height: 60px;
    margin: 0px;
    padding: 40px 0 0 150px;
    font-size: 20px;
    color: #FF6600;
    font-weight: bold;
    text-align: center;
}

#texte_selection_lastminute
{
    float: left;
    width: 350px;
    height: 60px;
    margin: 0px;
    padding: 40px 0 0 30px;
    font-size: 12px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.retour_toutes_lastminutes
{
    clear: left;
    margin: 0px;
    padding: 10px 0 5px 0;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

/*=============================== lastminute - partie information ======================================*/
.informations_last
{
    float: left;
    width: 260px;
    height: 325px;
    padding: 0px 0 0 0px;
    margin: 0px 0 0 0px;
    background-image: url(images/informations_last.gif);
    background-repeat: no-repeat;
}

.info
{
    margin: 0 0 0 220px;
}

.image_last
{
    float: left;
    margin: 0px;
    padding: 10px 0 0 70px;
}

.image_last img
{
    width: 120px;
    height: 84px;
}

.regions_last
{
    clear: left;
    float: left;
    width: 50px;
    padding: 0px 0 0 15px;
    color: black;
    font-weight: bold;
}

.pays_last
{
    float: left;
    width: 170px;
    margin: 0px 0px 4px 5px;
    padding: 0px;
    color: black;
}

.bateaux_last
{
    float: left;
    width: 50px;
    padding: 0px 0 0 15px;
    color: black;
    font-weight: bold;
}

.infos_bateaux_last
{
    float: left;
    width: 170px;
    margin: 0px 0px 4px 5px;
    padding: 0px;
    color: black;
}

.prix_last
{
    clear: left;
    float: left;
    width: 50px;
    padding: 0px 0 0 15px;
    color: black;
    font-weight: bold;
}

.prix_sans_remise_last
{

    float: left;
    width: 170px;
    margin: 0px 0px 4px 5px;
    padding: 0px;
    color: black;
}

.remise_last
{

    float: left;
    width: 170px;
    margin: 0px 0px 4px 5px;
    padding: 0px;
    color: #FF6600;
    font-weight: bold;
}

.prix_texte_last
{
    clear: left;
    float: left;
    width: 100px;
    padding: 0px 0 0 15px;
    color: black;
    font-weight: bold;
}

.prix_avec_remise_last
{

    float: left;
    width: 120px;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    color: #FF6600;
    font-weight: bold;
    font-size: 14px;
}

.bouton_last
{
    clear: left;
    text-align: center;
}

#pas_promotion
{
    float: left;
    width: 530px;
    height: 403px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    background-image: url(images/pas_promotion.gif);
    background-repeat: no-repeat;
}

#pas_promotion p
{
    margin: 90px 0 70px 205px;
    font-size: 22px;
    color: #FF6600;
    font-weight: bold;
}

#pas_promotion .bouton_pas_promotion
{
    margin: 30px 0 0 200px;
    padding: 0px;
}

.lien_fiche
{
    clear: left;
    padding: 7px 0 7px 0;
    margin: 0px;
    text-align: center;
    color: black;
}

/*=============================== lastminute - partie pagination======================================*/
.pagination
{
    clear: left;
    margin: 0px;
    padding: 10px 0 10px 0;
    font-weight: bold;
    text-align: center;
    color: black;
}

.pagination a
{
    color: black;
    text-decoration: none;
}

/*=============================== lastminute - partie recherche ======================================*/
#chercher_lastminute
{
    float: left;
    width: 165px;
    height: 340px;
    padding: 10px 10px 0 18px;
    margin: 0px;
    background-image: url(images/chercher_lastminute.gif);
    background-repeat: no-repeat;
    color: black;
    font-weight: bold;
}

#chercher_lastminute form
{
    padding: 0px;
    margin: 0px;
}

#chercher_lastminute select
{
    margin: 2px 0 2px 0;
    width: 150px;
}

#chercher_lastminute #submit_last
{
    margin: 7px 0 0 40px;
    padding: 0px;
    text-align: center;
}

/******************************************************* envoyer-a-un-ami.php *************************************************************/
/* EAUA = envoyer-a-un-ami*/
#envoyer_ami
{
    float: right;
    width: 450px;
}

#titre_envoyer_ami
{
    float: left;
    width: 400px;
    height: 20px;
    padding: 3px 0 0 0;
    margin: 20px 0 0 0;
    background-image: url(images/titre_envoyer_ami.jpg);
    background-repeat: no-repeat;
    color: white;
    font-weight: bold;
    text-align: center;
}

#EAUA_texte_message
{
    float: left;
    width: 220px;
    height: 30px;
    padding: 20px 0 0 5px;
    margin: 0px;
    color: #FF6600;
    font-size: 18px;
}

#EAUA_texte_ami
{
    float: left;
    width: 225px;
    height: 45px;
    padding: 5px 0 0 0;
    margin: 0px;
    color: white;
    font-size: 11px;
    font-weight: bold;
}

#cadre_envoyer_ami
{
    float: left;
    width: 430px;
    height: 400px;
    padding: 0px 0 0 0;
    margin: 0px 0 0 0;
    background-image: url(images/cadre_envoyer_ami.jpg);
    background-repeat: no-repeat;
}

#cadre_photo_envoyer_ami
{
    float: left;
    width: 110px;
    height: 180px;
    padding: 20px 0 0 10px;
    margin: 0px;
}

#cadre_photo_envoyer_ami img
{
    width: 100px;
    height: 70px;
}

#cadre_info_envoyer_ami
{
    float: left;
    width: 130px;
    height: 360px;
    padding: 10px 0 0 10px;
    margin: 20px 0 20px 0;
    background-color: #d4ccc4;
    color: black;
    font-weight: bold;
}

#cadre_mail_envoyer_ami
{
    float: left;
    width: 150px;
    height: 360px;
    padding: 10px 5px 0 5px;
    margin: 20px 0 20px 0;
    background-color: #e5e1df;
    color: black;
    font-weight: bold;
}

#cadre_mail_envoyer_ami input
{
    float: left;
    margin: 10px 0 10px 0px;
    padding: 0px;
    text-align: center;
}

#oublie_contact
{
    clear: left;
    color: red;
    font-weight: bold;
    text-align: center;
}

/******************************************************* disponibilite.php *************************************************************/
#disponibilite
{
    float: right;
    width: 550px;
}

#titre_disponibilite
{
    float: left;
    width: 500px;
    height: 20px;
    padding: 1px 0 0 0;
    margin: 20px 0 0 0;
    background-image: url(images/titre_disponibilite.jpg);
    background-repeat: no-repeat;
    color: white;
    font-weight: bold;
    text-align: center;
}

#texte_message_disponibilite
{
    float: left;
    width: 220px;
    height: 30px;
    padding: 10px 0 0 5px;
    margin: 0px;
    color: #FF6600;
    font-size: 18px;
}

#question_disponibilite
{
    float: right;
    width: 280px;
    height: 45px;
    padding: 15px 0 0 0;
    margin: 0px;
    color: white;
    font-size: 11px;
    font-weight: bold;
}

#cadre_disponibilite
{
    float: left;
    width: 460px;
    height: 367px;
    padding: 20px;
    margin: 0px;
    background-image: url(images/cadre_disponibilite.jpg);
    background-repeat: no-repeat;
}

#cadre_disponibilite label
{
    float: left;
    width: 100px;
    height: 25px;
    margin: 0px;
    padding: 14px 10px 0 0;
    display:block;
    text-align: right;
    font-weight: bold;
    color: black;
}

#cadre_disponibilite .input_disponibilite input
{
    float: left;
    width: 250px;
    height: 20px;
    margin: 10px 0 10px 20px;
    padding: 0px 0 0px 0;
}

#cadre_disponibilite textarea
{
    float: left;
    width: 250px;
    height: 100px;
    margin: 10px 0 0 20px;
    padding: 0px;
}

#cadre_disponibilite #bouton_envoyer_disponibilite
{
    clear: left;
    width: 100px;
    height: 29px;
    padding: 0 0 0 10px;
    margin: 0px;
}

/**************************************************************** location-voilier-derniere-minute ***********************************************************************************************/
.liste_promotion
{
    clear: left;
    width: 400px;
    height: 80px;
    margin: 5px 0 0 150px;
    padding: 10px 0 0 50px;
    border-width: 1px;
    border-color: black;
    border-style: solid;
}

.liste_promotion_photo
{
    float: left;
    width: 100px;
    padding: 0px;
    margin: 0px 0 0 0;
}

#liste_promotion img
{
    width: 100px;
    height: 70px;
}

.liste_promotion_texte
{
    float: left;
    margin: 0px;
    padding: 30px 0 0px 10px ;
}

#autre_recherche a
{
    text-align: center;
    color: #FF6600;
    font-size: 26px;
    font-weight: bold;
    margin: 20px 0 0 175px;
}

/****************************************************************  page paiement-securise-paybox.php  ***********************************************************************************************/
#paiement_securise
{
    clear: left;
    width: 610px;
    height: 272px;
    margin: 0 0px 0 0px;
    padding: 100px 70px 0 70px;
  	background-image: url(images/paiement-securise.jpg);
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
}

#paiement_paybox
{
    float: left;
    width: 150px;
    text-align: center;
}

#paiement_hsbc, #paiement_cheque, #paiement_virement
{
    float: left;
    width: 150px;
    text-align: center;
}

#paiement_securise_paybox
{
    clear: left;
    width: 550px;
    height: 302px;
    margin: 0 0 0 0px;
    padding: 80px 0 0 200px;
  	background-image: url(images/paiement-securise-paybox.jpg);
    background-repeat: no-repeat;
}

#paiement_securise_paybox label
{
    display:block;
    width: 200px;
    font-weight: bold;
    clear: left;
    float: left;
    color: #f66916;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0px;
}

#paiement_securise_paybox .input_texte_paiement
{
    width: 200px;
    float: left;
    margin: 8px 0 0 0;
    padding: 0px;
}

#paiement_securise_paybox #bouton_paiement
{
    clear: left;
    padding: 7px 0 0 150px;
    margin: 0px;
}

#choix_type_carte_paybox
{
    clear: left;
    width: 750px;
    height: 302px;
    margin: 0 0 0 0px;
    padding: 50px 0 0 0px;
  	background-image: url(images/choix-type-carte-paybox.jpg);
    background-repeat: no-repeat;
    text-align: center;
}

#choix_type_carte_paybox img
{
    margin: 0px;
    padding: 0px 20px 10px 0px;
}

#choix_type_carte_paybox input
{
    padding: 0px;
    margin: 30px 0 0 0;
    vertical-align: top;
}

#choix_type_carte_paybox #bouton_paiement input
{
    padding: 0px;
    margin: 0px;
}

#resultat_paiement_paybox
{
    clear: left;
    width: 750px;
    height: 302px;
    margin: 0 0 0 0px;
    padding: 100px 0 0 0px;
  	background-image: url(images/resultat-paiement-paybox.jpg);
    background-repeat: no-repeat;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/**************************************************************** paiement-securise-hsbc ***********************************************************************************************/

#paiement_securise_hsbc
{
    clear: left;
    width: 610px;
    height: 302px;
    margin: 0 0 0 0px;
    padding: 70px 0 0 202px;
  	background-image: url(images/paiement-securise-hsbc.png) !important;
    background-repeat: no-repeat !important;
/*    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/paiement-securise-hsbc.png');*/
    background: none;
}

#paiement_securise_hsbc input
{
    position: relative;
}

#paiement_securise_hsbc label
{
    position: relative;
    display:block;
    width: 200px;
    font-weight: bold;
    clear: left;
    float: left;
    color: #f66916;
    font-size: 13px;
    font-weight: bold;
    padding: 10px 0 0 0;
    margin: 0px;
}

#paiement_securise_hsbc .input_texte_paiement
{
    position: relative;
    margin: 8px 0 0 0;
    padding: 0px;
}

#paiement_securise_hsbc #bouton_paiement
{
    position: relative;
    clear: left;
    padding: 7px 0 0 150px;
    margin: 0px;
}

#resultat_paiement_hsbc
{
    clear: left;
    width: 750px;
    height: 302px;
    margin: 0 0 0 0px;
    padding: 70px 0 0 0px;
  	background-image: url(images/resultat-paiement-hsbc.png) !important;
    background-repeat: no-repeat !important;
/*    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/resultat-paiement-hsbc.png');*/
    background: none;
    color: black;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#oublie_paiement
{
    clear: left;
    color: red;
    font-weight: bold;
    margin: 0px 0 0 120px;
    padding: 0px;
}

/**************************************************************** paiement-securise-virement ou cheque ***********************************************************************************************/
#paiement_securise_autre
{
    clear: left;
    width: 610px;
    height: 272px;
    margin: 0 0px 0 0px;
    padding: 30px 70px 0 70px;
  	background-image: url(images/paiement-securise.jpg);
    background-repeat: no-repeat;
    font-weight: bold;
}
#paiement_securise_autre input
{
    position: relative;
}

#paiement_securise_autre label
{
    position: relative;
    display:block;
    clear: left;
    float: left;
    padding: 10px 0 0 130px;
    margin: 0px;
    width: 200px;
    color: #f66916;
    font-size: 13px;
    font-weight: bold;
}

#paiement_securise_autre .input_texte_paiement
{
    position: relative;
    margin: 8px 0 0 0;
    padding: 0px;
}

#paiement_securise_autre #bouton_paiement
{
    position: relative;
    clear: left;
    padding: 7px 0 0 250px;
    margin: 0px;
}

#succes_mail_autre
{
    font-weight: bold;
    color: black;
    text-align: center;
}

/**************************************************************** location-bateau-moteur.php ***********************************************************************************************/
#page_bateau_moteur
{
    clear: left;
    width: 950px;
    height: 773px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/fond-bateau-moteur.jpg);
    background-repeat: no-repeat;
}

#last_minute_bateau_moteur
{
    clear: left;
    float: left;
    width: 200px;
    padding: 50px 0 0 80px;
    margin: 0px;
}

#last_minute_bateau_moteur p a
{
    color: black;
    font-weight: bold;
}

#slogan_page_bateau_moteur
{
    float: left;
    width: 350px;
    padding: 160px 0 0 90px;
    margin: 0px;
    font-size: 24px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;
    color: white;
}

#slogan_page_bateau_moteur a
{
    color: white;
}

#url_page_bateau_moteur
{
    float: left;
    width: 350px;
    padding: 110px 0 0 90px;
    margin: 0px;
    font-size: 18px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;

}

#url_page_bateau_moteur a
{
    color: white;
}

#menu_bateau_moteur
{
    clear: left;
    width: 950px;
    height: 30px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/boutons/fond-menu-bateau-moteur.jpg);
    background-repeat: no-repeat;
}

#menu_bateau_moteur a
{
    color: white;
    font-weight: bold;
}

#texte_page_bateau_moteur
{
    float: left;
    width: 550px;
    padding: 120px 0 0 50px;
    margin: 0px;
    color: black;
}

/**************************************************************** location-goelette-avec-equipage.php ***********************************************************************************************/
#page_locations_bateaux
{
    clear: left;
    width: 950px;
    height: 719px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/fond-locations-bateaux.jpg);
    background-repeat: no-repeat;
}

#menu_locations_bateaux
{
    clear: left;
    width: 950px;
    height: 30px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/boutons/fond-menu-locations-bateaux.jpg);
    background-repeat: no-repeat;
}

#menu_locations_bateaux a
{
    color: white;
    font-weight: bold;
}


#last_minute_locations_bateaux
{
    clear: left;
    float: left;
    width: 200px;
    padding: 50px 0 0 80px;
    margin: 0px;
}

#last_minute_locations_bateaux p a
{
    color: black;
    font-weight: bold;
}

#slogan_page_locations_bateaux
{
    float: left;
    width: 250px;
    padding: 160px 0 0 80px;
    margin: 0px;
    font-size: 24px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;
    color: white;
    text-align: center;
}

#slogan_page_locations_bateaux a
{
    color: white;
}

#url_page_locations_bateaux
{
    float: left;
    width: 350px;
    padding: 50px 0 0 90px;
    margin: 0px;
    font-size: 18px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;

}

#url_page_locations_bateaux a
{
    color: white;
}

#texte_page_locations_bateaux
{
    float: left;
    width: 550px;
    padding: 100px 0 0 50px;
    margin: 0px;
    color: black;
}

/**************************************************************** location-catamran.php ***********************************************************************************************/
#page_voilier_location
{
    clear: left;
    width: 950px;
    height: 757px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/fond-voilier-location.jpg);
    background-repeat: no-repeat;
}

#menu_voilier_location
{
    clear: left;
    width: 950px;
    height: 30px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/boutons/fond-menu-voilier-location.jpg);
    background-repeat: no-repeat;
}

#menu_voilier_location a
{
    color: white;
    font-weight: bold;
}


#last_minute_voilier_location
{
    clear: left;
    float: left;
    width: 200px;
    padding: 50px 0 0 80px;
    margin: 0px;
}

#last_minute_voilier_location p a
{
    color: black;
    font-weight: bold;
}

#slogan_page_voilier_location
{
    float: left;
    width: 350px;
    padding: 160px 0 0 40px;
    margin: 0px;
    font-size: 24px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;
    color: white;
    text-align: center;
}

#slogan_page_voilier_location a
{
    color: white;
}

#url_page_voilier_location
{
    float: left;
    width: 350px;
    padding: 90px 0 0 100px;
    margin: 0px;
    font-size: 18px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;

}

#url_page_voilier_location a
{
    color: white;
}

#texte_page_voilier_location
{
    float: left;
    width: 550px;
    padding: 100px 0 0 50px;
    margin: 0px;
    color: black;
}

/**************************************************************** location-voilier.php ***********************************************************************************************/
#page_location_voilier
{
    clear: left;
    width: 950px;
    height: 773px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/fond-location-voilier.jpg);
    background-repeat: no-repeat;
}

#menu_location_voilier
{
    clear: left;
    width: 950px;
    height: 30px;
    padding: 0px;
    margin: 0 0 0 5px;
    background-image: url(images/boutons/fond-menu-location-voilier.jpg);
    background-repeat: no-repeat;
}

#menu_location_voilier a
{
    color: white;
    font-weight: bold;
}


#last_minute_location_voilier
{
    clear: left;
    float: left;
    width: 200px;
    padding: 50px 0 0 80px;
    margin: 0px;
}

#last_minute_location_voilier p a
{
    color: black;
    font-weight: bold;
}

#slogan_page_location_voilier
{
    float: left;
    width: 350px;
    padding: 160px 0 0 40px;
    margin: 0px;
    font-size: 24px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;
    color: white;
    text-align: center;
}

#slogan_page_location_voilier a
{
    color: white;
}

#url_page_location_voilier
{
    float: left;
    width: 350px;
    padding: 90px 0 0 80px;
    margin: 0px;
    font-size: 18px;
    font-family: Myriad Pro, Tahoma, Arial, Sans-Serif;

}

#url_page_location_voilier a
{
    color: white;
}

#texte_page_location_voilier
{
    float: left;
    width: 550px;
    padding: 100px 0 0 50px;
    margin: 0px;
    color: black;
}

/**************************************************************** meteo ***********************************************************************************************/
#meteo_information
{
    clear: left;
}

#meteo_information hr
{
    clear: left;
}

#image_meteo
{
    clear: left;
    float: left;
    width: 120px;
    height: 70px;
}

#texte_meteo
{
    float :left;
}

/**************************************************************** devenir-fournisseur.php ***********************************************************************************************/
#fournisseur
{
    clear: left;
    width: 950px;
    padding: 0 5px 0 5px;
    margin: 0px;
}

#fournisseur h2
{
    margin-left: 120px;
    margin-bottom: 20px;
}
/**************************************************************** page formulaire de transfert reservation-transfert.php + admin-transfert.php ***********************************************************************************************/

/* Background formulaire */
.transfert
{
   background-image:url(images/transfert/fond-demande-de-transfert-gd.jpg);
}

.formulaire
{
   background-image:url(images/transfert/fond-demande-de-transfert-gd.jpg);
   background-repeat: repeat;
   float: none !important;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 20px;
}

/* Titre */
#titre_transfert
{
   padding: 10px 0 0 0px;
   height:45px;
   background-image:url(images/transfert/titre-transfert2.png);
   background-position:center center;
}

#titre_transfert_admin
{
   padding: 10px 0 0 0px;
   margin-left:55px;
   height:45px;
   background-image:url(images/transfert/titre-transfert2.png);
   background-position:center center;
   float:left;
   width:635px;
}

/* A mettre dans un div pour arrêter l'effet float:left */
.clear_left
{
   clear:left;
}

/* DIV */
.form_left
{
   width: 390px;
   float: left;
}

.form_right
{
   width: 330px;
   float: left;
}

.field
{
   padding: 0px 0px 0px 95px;
   margin: 0px 10px 0px 0;
}

/* Style pour la partie transfert */
.field_transfert
{
   padding: 0px 0px 0px 95px;
   margin: 0 10px 10px 0;
}

.field_right
{
   margin: 0 10px 10px 0;
}
/* Fieldset formulaire */
fieldset
{
   border:none;
   margin: 0px 0px 20px 10px;
   background-repeat:no-repeat;
}

#locataire_transfert
{
   padding: 0px 0 0 0px;
   height:92px;
   background-image:url(images/transfert/locataire-transfert.png);
   background-repeat:no-repeat;
   background-position:left center;
}

#type_transfert
{
   padding: 0px 0 0 0px;
   margin: 0px 0px 10px 10px;
}

.form_retour
{
   margin-top:23px;
}

#prix_presta
{
   background-image:url(images/transfert/prix-presta-transfert.png);
   margin: 0px 0px 10px 10px;
}

/* H2 des fieldset */
fieldset h2
{
   padding:3px 0px 0 0px;
   margin:0 0 0 -14px;
   font-size:11px;
   height: 25px;
   text-align:center;
   color:#ff6600;
   background-image:none;
}

/* Labels formulaire */
.demande_transfert_texte
{
    float: left;
    width: 100px;
    margin: 0 0 0 0px;
    padding: 5px 0 0 0px ;
    font-weight: bold;
}

.formulaire_texte
{
    float: left;
    width: 200px;
    margin: 0 0 0 0px;
    padding: 5px 0 0 0px ;
    font-weight: bold;
}

.demande_transfert_texte_long
{
    float: left;
    width: 160px;
    margin: 0 0 0 0px;
    padding: 5px 0 0 0px ;
    font-weight: bold;
}

.demande_transfert_texte_right
{
    float: left;
    width: 150px;
    height: 16px;
    margin: 0px;
    padding: 0 0 0 0px ;
    font-weight: bold;
}

#label_type_trajet
{
   width:200px;
}

#prix_presta p
{
   margin: 0px 0 1px 90px;
}

.prix
{
   color:#ff6600;
   font-weight:bold;
   font-size:12px;
}

.first
{
   margin:  4px 0 1px 90px !important;
}

.lien_menu_admin
{
   display:block;
   text-align:center;
}
/* Label Deconnexion */
#logout
{
   text-align:right;
}

/* Input formulaire */
.demande_transfert_input_long
{
    margin: 0 0px 0 0;
    padding: 0 30px 0 0;
}

/* Calage de l'image calendrier */
.ui-datepicker-trigger
{
   vertical-align:middle;
}

/**************************************************************** page d'aministration concernant les transferts***********************************************************************************************/
.num_list
{
   clear:left;
   width:20px !important;
}

.last_list
{
   width:40px !important;
}

#demande_de_devis table
{
   width:580px;
   margin-left:75px;
}

.ajout_admin
{
   margin-right:50px;
}

.fil_ariane
{
   float:left;
   width:300px;
   margin-left:75px
}

#fil_ariane_transfert
{
   float:left;
   margin-left:75px
}

.radio
{
   height:22px;
}

.num_id
{
   padding-top:0px;
}

.demande_texte_long
{
   width:160px;
}

#demande_de_devis select
{
   height:22px;
}
/**************************************************************** FOOTER ***********************************************************************************************/

#footer
{
    clear: left;
    width: 950px;
    height: 135px;
    margin: 0px 0 0 5px;
    padding: 0px;
    background-image: url(images/bandeau_bas2.jpg);
    background-repeat: no-repeat;
    color: black;
    font-size: 9px;
}

#footer_droit
{
    float: right;
    width: 230px;
}

#footer_droit #cb
{
    margin: 80px 0px 0 0px;
    padding: 0px;
}

#footer_gauche
{
    float: left;
    width: 550px;
    padding: 30px 0px 0 30px;
    margin: 0px
}

#footer_gauche ul
{
    clear: left;
    padding: 10px 0px 0 0px;
    margin: 0 210px 0 0px;
}

#footer_gauche ul a
{
	color: white;
	font-weight: bold;
}

#footer_gauche p
{
    padding: 12px 0 0 0px;
}

#trait_footer
{
    clear: left;
    height: 11px;
    margin: 0 5px 0 5px;
    padding: 0px;
    background-image: url(images/trait_footer.jpg);
    background-repeat: no-repeat;
}

#pays_footer
{
    padding: 10px 0 5px 0px;
    text-align: justify;
}

#pays_footer a
{
    color: black;
}

#compteur
{
    width: 94px;
    height: 20px;
    margin: 20px 0px 0 0px;
    padding: 0px;
    background-image: url(images/visiteur.jpg);
    background-repeat: no-repeat;
    font-size: 8px;
    color: black;
    font-weight: bold;
}

#nombre_visiteur
{
    width: 69px;
    padding: 5px 0 0 32px;
    text-align: center;
}

#lien_footer
{
    padding: 0 0 0 30px;
    margin: 0px;
}

#lien_footer a
{
    color: white;
    font-weight: bold;
}