* {
margin: 0px;
padding: 0px;
font-size: inherit;
border:0px;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,
blockquote,th,td {margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:0; }
abbr,acronym { border:0; }

img { border : 0; }

body {
	background: url(../img/bg.jpg) repeat-x;
	
	background-position: top;
	font-family: arial, helvetica, sans-serif;
	margin: 0;
/* pour éviter les marges */
	text-align: center;
/* pour corriger le bug de centrage IE */
	display: block;
	/*line-height: 9px;
*/
}




#global { 

	background: url("../img/fond.jpg") no-repeat center top;
	background-position: top center;
	text-align: center;
/* on rétablit l'alignement normal du texte */
	margin: 0;
}



#div_center {
	width: 866px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
/* on rétablit l'alignement normal du texte */
	/*background: #FFFFFF;*/
	position: relative;
	left: +10px;
	overflow: hidden;

/*	z-index: 20;*/
	/* overflow: hidden;
*/
}

#gauche{
width:199px;
float:left;

}

#menu_1{

  float:left;
  height:227px;
  margin:0;
  padding:0;  
}
#postit{
  position:relative;  
  top:-3px;
float:left;
background-color:#FFFFFF;
background:url("../img/menu_postit_new.jpg") no-repeat left top;
height:493px;
z-index:0;
}
#corps {
  float:left;
  position:relative;
  text-align: center;
  width:667px;
  background-color:#FFFFFF;
 /*background:url("./img/fond_corps.jpg") no-repeat top right;*/
  
}
#corps_formulaire {
  text-align: center;
  width:650px;
  height:600px;
  background-color:#FFFFFF;
 /*background:url("./img/fond_corps.jpg") no-repeat top right;*/
  
}
#corps_formulaire_souscription {
  text-align: center;
  width:100%;
  height:100%;
  background-color:#FFFFFF;
 /*background:url("./img/fond_corps.jpg") no-repeat top right;*/
  
}
#header{
/*background:url("../img/menu_2_top_new.jpg") no-repeat top left;*/

height:32px;

font-size:11px;

}
#flash{
/*background:url("./img/flash_gabarit.jpg") no-repeat top left;*/
width:667px;
z-index:1;


}
#corps_txt{
background:url("../img/fond_corps_texte_new.jpg") no-repeat top left;
height:365px;
position:relative;
top:-4px;
}
#telephone_gras{
font-size:21px;
text-decoration : none;
}
#titre_gras{
font-size:25px;
font-weight:bolder;
}
#bas{
clear:both;
position:relative;
top:-8px;
background:url("../img/fond_bas_accueil.jpg") no-repeat top left;
}
#logos{
/*background:url("../img/logos_new.png") no-repeat top left;*/
position:relative;
top:-550px;
height:208px;
width:130px;


}
#popup_garanties{
background:url("../img/formulaire_div_fond_garanties_jet.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;
}
#contenu_garanties{
text-align:justify;
}

#popup_tarifs{
background:url("../img/formulaire_div_fond_paysage.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;
}
#popup_tarifs_jet{
background:url("../img/formulaire_div_fond_paysage_jet.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;
}
#popup_formule_jet{
background:url("../img/formulaire_div_fond_popup_formule_jet.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;
height:351px;
}
#contenu_tarifs{
text-align:justify;
}
#popup_FAQ{
background:url("../img/formulaire_div_fond_court.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;
}

#contenu_FAQ{
text-align:justify;
}
#formulaire_corps_txt{
background:url("../img/fond_corps_texte_formulaire.jpg") no-repeat top left;
position:relative;
top:-4px;
}
#formulaire{
background:url("../img/formulaire_div_fond_court.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;

}
#formulaire_souscription{
background:url("../img/formulaire_div_fond_souscription.png") no-repeat center top;
background-color: #FFFFFF;
/*text-align:left;*/
font-family: arial, helvetica, sans-serif;
font-size:small;
font-size:12px;

}

#formulaire_contenu{
width:420px;
position:relative;
left:+85px;

}

#formulaire_titre1{
text-align:center;
font-family: arial, helvetica, sans-serif;
font-weight:bold;
font-stretch:extra-condensed;
color: #951321;
font-size:14px;

}
#formulaire_soustitre1{
color:#FF0000;
font-size:small;
font-size:12px;
text-align:center;
}
#formulaire_titre_rubrique{
color:#FFFFFF;
text-align:center;
padding-top:5px;
font-weight:bold;
background:url("../img/formulaire_titre_rubrique.png") no-repeat top left;
width:425px;
height:28px;

}
#formulaire_info{
color: #666666;
text-align:justify;
padding:20px;
font-size:10px;
}

#div_center_formulaire {
	width: 866px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: left;
/* on rétablit l'alignement normal du texte */
	/*background: #FFFFFF;*/
	background:url("../img/fond_div_center_formulaire.jpg") no-repeat top left;
	position: relative;
	left: +10px;
	overflow: hidden;

/*	z-index: 20;*/
	/* overflow: hidden;
*/
}
#liensurfondnoir{
  color:#FF9600;
	text-decoration: none;
}
#liensurfondnoir:hover{
  color:#FF9600;
	text-decoration: none;
}
.libelle{
float:left;}
.champs{
float:left;
}
/*##################### ANCIENS CSS A CONSERVER #############################*/





/*body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 00px;
	margin-bottom: 0px;
	background-color:#e1e3f1;
}

div#bandeau_haut {
	background:url(../images/fond_bandeau_repeat.jpg) repeat-x;
	width:100%;
	height:84px;
	text-align: center;
}

div#bandeau_haut_quad {
	width:100%;
	height:115px;
	text-align: center;
}

div#bandeau_haut_autres {
	background:url(../images/fond_bandeau_autres_repeat.jpg) repeat-x;
	width:100%;
	height:84px;
	text-align: center;
}*/

/******************************* PAGE ***************/
#page {
	position: relative;
	width:1000px;
	height:600px;
	margin: 0 auto;
	z-index:1;
	
}

#creation {

	width:1000px;
	height:50px;
	margin: 0 auto;
	z-index:1;

}

#titre_site {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #C8CCE6;
	text-decoration: none;

}

.lien_creation {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;

}

a.lien_creation:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: underline;

}

#logo_gauche {

		width:217px;
		height:181px;
		background:url(../images/fond_01.jpg) no-repeat;
		float:left;

}
/******************* haut de page a droite ******************/
#banniere_centrale {

		width:783px;
		height:181px;
		background:url(../images/fond_02.jpg) no-repeat;
		float:left;

}
/************************ femme sur le jet ski ****************/
#jetski_gauche {

		width:217px;
		height:419px;
		background:url(../images/fond_03.jpg) no-repeat;
		clear:left;
		float:left;

}
/********************* MENU accueil jet quad etc... *****************************/
#menu {

		width:783px;
		height:29px;
		margin: 0;
		padding: 0;
		float:left;
		background:url(../images/menu/fond_eau1.jpg) no-repeat;
		
}

#menu ul{

	list-style: none;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}

#menu li {
	overflow: hidden;
	line-height: 30px;
	margin: 0;
	padding: 0;
	text-indent: 140px;
}

#menu li a {
	display: block;
	height: 26px;
	text-decoration: none;
	font-size: 1px;
	line-height: 30px;
	color: #651f17;
}

#menu ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

/************************ ACCUEIL *********************************/
.accueil {

	background:url(../images/menu/menu_01.jpg) no-repeat;
	width:134px;
	height:26px;
}

.accueil_active {

	background:url(../images/menu/menu_01.jpg) no-repeat 0 -26px;
	width:134px;
	height:26px;
}

.accueil a:hover {

	background:url(../images/menu/menu_01.jpg) no-repeat 0 -26px;
	width:134px;
	height:26px;
}
/************************* FIN ACCUEIL ****************************/

/************************ JET *********************************/
.jet {

	background:url(../images/menu/menu_02.jpg) no-repeat;
	width:95px;
	height:26px;
}

.jet_active {

	background:url(../images/menu/menu_02.jpg) no-repeat 0 -26px;
	width:95px;
	height:26px;
}



.jet a:hover {

	background:url(../images/menu/menu_02.jpg) no-repeat 0 -26px;
	width:95px;
	height:26px;
}
/************************ FIN JET ***********************************/

/*********************** QUAD ***************************************/
.quad {

	background:url(../images/menu/menu_03.jpg) no-repeat;
	width:91px;
	height:26px;
}

.quad a:hover {

	background:url(../images/menu/menu_03.jpg) no-repeat 0 -26px;
	width:91px;
	height:26px;
}
.quad_active {

	background:url(../images/menu/menu_03.jpg) no-repeat 0 -26px;
	width:91px;
	height:26px;
}
/********************* FIN QUAD *******************************/
/******************** BATEAU *********************************/
.bateau {

	background:url(../images/menu/menu_04.jpg) no-repeat;
	width:113px;
	height:26px;
}

.bateau a:hover {

	background:url(../images/menu/menu_04.jpg) no-repeat 0 -26px;
	width:113px;
	height:26px;
}
.bateau_active {

	background:url(../images/menu/menu_04.jpg) no-repeat 0 -26px;
	width:113px;
	height:26px;
}

/****************** FIN BATEAU *********************************/

/****************** LIEN   *******************************/
.lien {

	background:url(../images/menu/menu_05.jpg) no-repeat;
	width:93px;
	height:26px;
}

.lien a:hover {

	background:url(../images/menu/menu_05.jpg) no-repeat 0 -26px;
	width:93px;
	height:26px;
}

.lien_active {

	background:url(../images/menu/menu_05.jpg) no-repeat 0 -26px;
	width:93px;
	height:26px;
}

/******************** FIN LIEN *********************************/
/******************** CONTACT *********************************/
.contact {

	background:url(../images/menu/menu_06.jpg) no-repeat;
	width:120px;
	height:26px;
}

.contact a:hover {

	background:url(../images/menu/menu_06.jpg) no-repeat 0 -26px;
	width:120px;
	height:26px;
}

.contact_active {

	background:url(../images/menu/menu_06.jpg) no-repeat 0 -26px;
	width:120px;
	height:26px;
}
/******************** FIN CONTACT *********************************/
/******************** FAQ *********************************/
.faq {

	background:url(../images/menu/menu_07.jpg) no-repeat;
	width:102px;
	height:26px;
}

.faq a:hover {

	background:url(../images/menu/menu_07.jpg) no-repeat 0 -26px;
	width:102px;
	height:26px;
}

.faq_active {

	background:url(../images/menu/menu_07.jpg) no-repeat 0 -26px;
	width:102px;
	height:26px;
}
/******************** FAQ *********************************/
#menu_central {

		width:783px;
		height:390px;
		background:url(../images/fond_05.jpg);
		float:left;

}
#menu_central_contact {

		width:783px;
		height:390px;
		background:url(../images/fond_05_contact.jpg);
		float:left;

}

#support {
		width:450px;
		height:180px;
		overflow:hidden;
		position:relative;
		margin:-18px 0 0 60px;
		
}

#contenu {
	width:450px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:180px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;


	
}


#fleche_haut {

	width:15px;
	height:20px;
	margin:15px 0 0 515px;
	
}

#fleche_bas {

		width:15px;
		height:20px;
		margin:-10px 0 0 515px;

}

#form_contact {

		width:189px;
		height:152px;
		/*background:url(../images/fond_contact.gif) no-repeat;*/
		margin: -13px 0 0 5px;
		clear:left;
		float:left;
}

#form_contact ul{

	list-style: none;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}

#form_contact li {
	overflow: hidden;
	line-height: 175px;
	margin: 0;
	padding: 0;
	text-indent: 160px;
}

#form_contact li a {
	display: block;
	height: 152px;
	text-decoration: none;
	font-size: 1px;
	line-height: 175px;
	color: #651f17;
}

#form_contact ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#flash_accueil {
		position: absolute;
		left: 580px;
		top: 410px;
		clear:left;
		float:left;
}

#form_devis {

		width:189px;
		height:152px;
		/*background:url(../images/fond_devis.gif) no-repeat;*/
		margin: -13px 0 0 5px;
		clear:left;
		float:left;
}

#form_devis ul{

	list-style: none;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
}

#form_devis li {
	overflow: hidden;
	line-height: 290px;
	margin: 0;
	padding: 0;
	text-indent: 90px;
}

#form_devis li a {
	display: block;
	height: 152px;
	text-decoration: none;
	font-size: 1px;
	line-height: 175px;
	color: #651f17;
}

#form_devis ul li {
	position: relative;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

#diaporama {

	width:143px;
	height:86px;
	margin:12px 0 0 370px;

}

#titre_diapo {

	width:143px;
	height:18px;
	background:url(../images/fond_11.jpg);

}

#menu_carre {

	width:23px;
	height:86px;
	float:left;
}

#carre_1 {
	
	width:23px;
	height:20px;
}

#carre_2 {
	
	width:23px;
	height:21px;
}

#carre_3 {
	
	width:23px;
	height:20px;
}

#carre_4 {
	
	width:23px;
	height:25px;
}

#petite_image {
	
	width:120px;
	height:86px;
	float:left;
	
}

.lien_texte {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;


}

a.lien_texte:hover {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #951321;
	text-decoration:underline;

}

#cadre {

	border:1px dashed #6183e0;
	width:300px;
	height:30px;
	margin:auto;
}

#fond_popup {

	background:url(../images/fond_bandeau_repeat.jpg) repeat-x;
	width:100%;
	height:84px;


}

.champ_form {

	background:#FFFFFF;
	border:0px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;


}

.bouton {

	background:#FFFFFF;
	border:1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight:bold;


}






