/* CSS Document */

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

body
{
    margin: 0px;
    text-align: center; /* pour corriger le bug de centrage IE */
    font-size: 12px;
    font-family: Tahoma, Arial, Sans-Serif;
    color: #666666;
    background: #2357c5;
    z-index: 0;
}

#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;
	z-index: 1;
}

img
{
    border: none;
}

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

a:hover
{
    text-decoration : underline;
}

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

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

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

.gras
{
    font-weight: bold;
}

h1 a
{
    width: 950px;
    height: 320px;
    margin: -20px 5px 0 0;
    background-image: url(images/bandeau.jpg);
    background-repeat: no-repeat;
    float: right;
}

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

h2 a {
	color: white !important;
}

h3
{
    clear: left;
    margin: 0 0 20px 100px;
    padding: 0px;
    text-decoration: underline;
    color: #FF6600;
    font-size: 16px;
}

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

h4 a
{
    color: white;
}

h6
{
    float: left;
    width: 187px;
    height: 25px;
    margin: 5px 0 5px 2px;
    padding: 3px 0 0 0;
    text-align: center;
    font-weight: bold;
    color: white;
    background-image: url(images/title_h6.png);
    background-repeat: no-repeat;
    font-size: 11px;
}

h6 a
{
    color: white;
}

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

/**************************************************************** menu ***********************************************************************************************/
#menu
{
	float: right;
	margin-top: -40px;
	margin-right: 5px;
}


/**************************************************************** menu déroulant ******************************************************************************************/
ul ul{
	display: none;
}

ul.niveau1 {
	list-style: none;
	margin: 0;
	padding: 0;
}

.niveau2 a {
	color: white;
}

li:hover ul.niveau2 {
	margin-top: -2px;
	margin-left: 0px;
	position: absolute;
	display: block;
	background : #2357c5;
	color : #000;
	list-style-type: square;
}


/**************************************************************** index.php ***********************************************************************************************/
#texte_accueil
{
    float: left;
    padding: 10px 50px 20px 75px;
    margin: 0px;
    text-align: justify;
}

#flux h2 {
	margin-left: 0px;
	background: url(images/title_h6.jpg) no-repeat;
	width: 187px;
}

#flux {
	vertical-align: top;
	margin: 0px 10px 10px 10px;
	width: 250px;
}

/*=========================================  page devis-seychellles.php ***********************************************************************************************/
#demande_de_devis
{
    clear: left;
  	width: 950px;
  	height: 618px;
    padding: 0px;
    margin: 0px;
  	background-image: url(images/demande_de_devis.jpg);
  	background-repeat: no-repeat;
}

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

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

.demande_devis_input_long input
{
    width: 353px;
}

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

#demande_devis_tel input
{
    width: 113px;
}

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

}

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

}

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

}

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

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

/**************************************************************** informations-seychelles.php ***********************************************************************************************/
.texte_informations
{
    clear: left;
    width: 800px;
    margin: 10px 0 15px 75px;
    text-align: justify;
}

.texte_informations td
{
    padding: 5px;
}

/**************************************************************** informations-legales.php ***********************************************************************************************/

#informations_legales
{
    margin: 10px 75px;
    padding: 0px;
    text-align: justify;
}

/****************************************************************  conditions-generales.php  ***********************************************************************************************/
.titre_conditions_generales
{
    float: left;
    width: 460px;
    height: 25px;
    margin : 0 0 0 0px;
    padding : 3px 0 0 0;
    cursor: default;
  	font-size : 11px;
    color: white;
  	text-align: center;
  	font-weight: bold;
  	background-image: url(images/title_conditions_generales.jpg);
    background-repeat: no-repeat;
}

.bloc_conditions_generales
{
    float: left;
    width: 475px;
    margin: 15px 0 0 0;
    padding: 0px;
    text-align: justify;
}

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

#caps-boat_conditions_generales
{
    display: none;
}

/****************************************************************  page client.php et form_client.php  ***********************************************************************************************/
#espace_client
{
	clear: left;
	width: 750px;
	height: 550px;
	margin: 0px;
	padding: 0px;
	background-image: url(images/espace_client.jpg);
	background-repeat: no-repeat;
	z-index: -1;
}

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

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

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

/**************************************************************** bons-plans.php ***********************************************************************************************/
.texte_bons_plans
{
    clear: left;
    width: 800px;
    margin: 10px 0 15px 75px;
    text-align: justify;
}

/**************************************************************** FOOTER ***********************************************************************************************/

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

#menu_footer
{
    clear: left;
    padding: 140px 0 0 500px;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}

#menu_footer a
{
    color: black;
}

#texte_footer
{
    clear: left;
    width: 480px;
    padding: 35px 0 0 470px;
    margin: 0px;
    color: white;
}