@charset "utf-8";

/**
 *
 * style.css
 *
 * 1 - Styles généraux, initialisations
 * 2 - Mise en page, layout, cadres...
 * 3 - Styles de titres, textes...
 * 4 - Menu
 * 5 - login
 * 6 - Bonus (generated)
 * 7 - drapeaux
 * 8 - popup ID Interactive
 *
 */

/**
 * Styles généraux, initialisations
 *
 */

	html, body {
    margin: 0; padding: 0;
  	font-family: Trebuchet MS,Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif;
  	font-size: 14px;
  	line-height: 1.1em;
	}



	a img {
    border: none;
	}

	.clear {
	  clear:both;
	}

	.clearLeft {
	  clear:left;
	}

	form {
		margin:0;
		padding:0;
	}

	.erreur,.error {
    color: red;
    margin : 0px;
	}

	.succes {
    color: black;
	}

	fieldset{
		border : 1px solid black;
		padding : 10px;
	}

/**
 * Mise en page, layout, cadres...
 *
 */

	#conteneur{
	  position:relative;
	  width:1004px;
	  margin:auto;
	  margin-top:10px;
	  background-color: #FFF;
	  color: #000;

	  padding-top : 10px;
	  background: url(../images/header_top.jpg) no-repeat 0px 0px;
	}

	#contenu {
	  padding:0px;
		overflow:hidden;
		padding-left : 7px;
	}
	#hauteurMin {
		height:500px;
		width:1px;
		clear:left;
		float:left;
	}

	#header {
	    height:90px;
	    padding-left : 7px;
	}

	#footer {
	  border-top:2px solid #FA400F;
		clear:both;
	  text-align: left;
	  color:black;
		margin: 0;
		padding: 0px;
		padding-left: 10px;
		padding-top : 10px;
		height : 29px;
		font-size : 0.8em;
		padding-left : 7px;
		padding-bottom : 10px;
		background: url(../images/footer_bottom.jpg) no-repeat left bottom;
	}

	#footer p{
		margin : 0px;
		float : right;
		padding-right : 10px;
	}

	#footer p.adresse_pied{
		/*margin-right: 40px;*/
		float : left;
	}

	#footer a {
		color:black;
	}

/**
 * 3 - Styles de titres, textes...
 *
 */

	a{
		color:#D0000D;
		text-decoration: none;
	}
	a:hover{
		color:#D0000D;
		text-decoration: underline;
	}
	a:visited{
	}

	h1{
	    margin:0;
	    padding-top:22px;
	    text-align: center;
	    font-size: 1.8em;
	    color: #0A246A;
	}

	h2{
	    margin-bottom: 5px;
	  	color: black;
	    font-size: 1.2em;
	    text-align:left;
	    font-family: Trebuchet MS;
	    background : url(../images/puce_h2.jpg) no-repeat  left center;
	    padding-left : 16px;
	}

	h3 {
	    font-size:1em;
	    border-bottom:1px dotted #000;
	    margin:0;
	}

/**
 * 4 - Menu
 *
 */

	ul#menu {
		height: 30px;
    margin: 0;
		padding: 0px;
    list-style: none;
    background : url(../images/barre_menu_horiz.jpg) no-repeat left 19px;
    /*border-bottom : 3px solid #8C8C8C;*/
    text-align: center;
    float : left;
    margin-left: 20px;
    margin-top : 13px;
    overflow:hidden;
		width : 724px;
	}

	#menu li {
		height : 30px;
    margin: 0px;
	  display:block;
	  float:left;
    font-weight: bold;
    color : #8D8D8D;
    letter-spacing: 3px;
	}



	#conteneur #menu li a {
		color: #8D8D8D;
		text-decoration: none;
		font-size : 13px;
		border-right: 2px solid #8D8D8D;
    border-left : 2px solid #8D8D8D;
    padding: 10px 11px;
    padding-bottom : 0px;
	}

	#conteneur #menu li.menu_accueil a {
		 border-left : 4px solid #8D8D8D;
	}

	#conteneur #menu li:hover{
		background: url(../images/puce_menu_horiz_active.jpg) no-repeat center bottom;
	}

	#menu li.current{

		background: url(../images/puce_menu_horiz_active.jpg) no-repeat center bottom;
	}

	#menu li.current a{

	}
	#menu li a:hover {
		color: #FF7F00;
	}
	#menu li a:visited {
		color: #FFF;
	}

	#conteneur #menu li.tel_menu a{
		border-right : 4px solid #8D8D8D;
		padding:10px 10px 0px 23px;
		letter-spacing: 0px;
		background : url(../images/tel_menu.jpg) no-repeat 8px 10px;
	  font-size : 11px;
	  height : 17px;
	}

	#conteneur #menu li.tel_menu a.tel_en{
    padding-right : 15px;
    padding-left : 27px;
  }

/*	.tel_menu img, .tel_menu span{
		float : left;
	}*/

/**
 * 5 - login
 *
 */

	#login{
	  padding:5px 0px;
	  float:right;
	}
	#login input.input{
		border:1px solid #BBBBCC;
		width:100px;
	}

/**
 * 6 - Bonus
 *
 */

	#generated {
	  text-align:center;
	  display : none;
	}

	#connection{
		display:none;
	}

/**
 * 7 - drapeaux
 *
 */

	#flags {
	  float : left;
	  margin:0px;
	  margin-right : 20px;
	  width : 29px;
	  text-align: right;
	  height : 35px;
	}


	.linkFlag{
		display:block;
		width : 35px;
		height : 35px;
		float : right;
	}

	div#newsletter{
  float : left;
  width : 680px;
  text-align: right;
  margin-right : 20px;
   height : 35px;
}
div#newsletter form{
  float : right;
  width : 200px;
  height : 21px;
}

div#newsletter form p{
  height : 22px;

  float : left;
}

	/*span#flag{
		position : absolute;
		z-index:1000;
		display:block;
	}*/
/**
 * 8 - popup ID Interactive
 *
 */
 #popupIDI {
  position:absolute;
  color:black;
  background:#BBBBBB;
	border:1px solid #444444;
	padding:4px;
	right:10px;
	bottom:-10px;
	font-size:0.8em;
	display:none;
 }


 /**
  ** Logo et baseline
  **
  */


	p#logo{
		padding-top : 10px;
		padding-bottom : 0px;
		margin : 0px;
		width : 247px;
		float : left;
	}


	 /**
  ** Contenu de l'accueil
  **
  */

  #contenu_accueil{
		background : url(../images/barre_pres_moteur.jpg) no-repeat left 22px;
	}

 /**
  ** Présentation et moteur
  **
  */

  #presentation_moteur{
		width : 300px;
		height : 313px;
		background : url(../images/presentation_moteur.jpg) no-repeat 10px top;
		padding-left: 40px;
		margin-right : 37px;
		margin-top : 15px;
		margin-bottom : 3px;
		float : left;
	}

	#presentation_moteur p{
		margin : 0px;
		font-size : 12px;
		text-align: justify;
	}

	#presentation_moteur p span{
    color : #FA400F;
    font-weight : bold;
  }

	#moteur h2{
		/*margin-top : 50px;**/
	}


	/*
	*
	** Moteur
 	*/

 	form{
		padding-left:10px;
		padding-right:7px;
		padding-top : 10px;
		width : 270px;
	}

	form#formMailing{
  width : 656px;
}

	#presentation_moteur form p{
		padding : 4px 0px;

	}

	#presentation_moteur form p.typeBateauRadio{
		margin-left: 20px;
		font-size : 1.1em;
	}

	#presentation_moteur form p.typeBateauRadio label{
		margin-right : 20px;
		padding-left : 5px;
	}

	#presentation_moteur form p.typeBateauRadio_fr label{
	  margin-right : 5px;
		padding-left : 3px;
	}

	#presentation_moteur form p.prix, #presentation_moteur form p.longueur{
		float : left;
		width : 80px;
	}

	#presentation_moteur form p.prix{
		width : 150px;
		margin-top : 7px;
	}

	#presentation_moteur form p.longueur{
		margin-left: 3px;
		width : 90px;
		margin-top : 7px;
	}

	#presentation_moteur form p.longueur input{
    width : 97px;
  }

	#presentation_moteur form p.modele_constructeur{
		clear: both;

	}

	#presentation_moteur form p.modele_constructeur select{
		width : 220px;
	}

	#presentation_moteur form p.submit{
		text-align: center;
		background : url(../images/fond_submit_moteur.jpg) no-repeat center center;
	}

	#presentation p{
				margin : 10px 0px;
				height : 100px;
				width : 290px;
				margin-bottom : 10px;
	}

	/**
	 * Info d'un bateau
	 *
	 */

	#info_bateau{
		width: 616px;
		float : left;
		background : url(../images/video_info_bateau_bg.jpg) no-repeat 0px 0px;
		padding-top : 0px;
		height : 313px;
	}

	#info_bateau #info_gale ul{
		color : #8D8D8D;
		margin-left : 65px;
		font-size : 0.9em;
	}
	#info_bateau #info_gale ul li.modeleB{
	color : #F9400F;
	font-size : 1.2em;
	font-weight : bold;
	}

	#info_bateau #info_gale ul li.modeleB span{
	color : #8D8D8D;
	 }

	#info_gale ul.monnaie {
		margin-top : 5px;
	}

	#info_gale ul.monnaie li{
		font-size : 0.9em;
	}

	#info_gale ul.monnaie li span{
		color : #F9400F;
	}

	#info_spe p.savoir_plus{
		font-weight: bold;
		font-size : 1.1em;
		margin-top : 0px;
		clear : both;
		border : 1px solid white;
		/*background : url(../images/savoir_plus_bouton.jpg) no-repeat top left;*/
		background : url(../images/savoir_plus_accueil.jpg) no-repeat left top;
    width : 165px;
    height : 71px;
    padding : 7px 8px ;
    padding-left: 12px;
    text-align : center;
    margin-left : 15px;
    margin-top : 25px;
    margin-bottom : 0px;
    padding-bottom : 0px;
	}

	#info_spe p.savoir_plus{
    color : #8B8B8B;
  }

	p.inventaire{
		overflow : hidden;
	}

	p.recevoir{
		clear : both;
		overflow : hidden;
	}

	p.inventaire img, p.recevoir img{
		float : left;
		width : 29px;
		margin-top : 3px;
	}

	p.inventaire span, p.recevoir span{
		display:block;
		float : left;
		width : 181px;
		color : black;
		font-size : 0.9em;
	}

	#info_gale ul li{

		display : inline;
		font-size : 16px;

	}

	#photos_bateau{
		width : 360px;
		height : 280px;
		padding-top : 10px;
		padding-left:10px;
		padding-right:10px;
		float : left;
	}

	#info_spe{
		float : left;
		width : 215px;
		padding-left: 10px;
		background : url(../images/info_bateau2.jpg) no-repeat 0px 7px;
	}

	#info_spe ul{
		list-style : none;
		padding-left:5px;
		margin-left:0px;
		font-size : 12px;
		padding-top : 31px;
		margin-bottom : 20px;
		height : 160px;
		overflow : hidden;
	}



	#info_spe p.savoir_plus a{
		color : #8B8B8B;
	}

	#info_spe ul li{
	font-size : 1em;
		padding : 0px 0px;
		width : 180px;
		overflow : hidden;
		background : url(../images/pointille.jpg) no-repeat 0px 11px;
	}

	#info_spe ul li.commission_info_spe{
		padding-top : 5px;
		background : none;
		/*background : url(../images/pointille.jpg) no-repeat 0px 30px;*/
	}

	#info_spe ul li span{
		display: block;
		float : left;
	}

	#info_spe ul li span.pretty{
		display:block;
		float : left;
		width : 17px;
		clear : both;
		display:none;
	}

	#info_spe ul li span.carac{

		background : #FBFBFB;
	}

	#info_spe ul li span.caracCommission{
		font-size: 0.9em;
	}

	#info_spe ul li span.pointill{
		border-bottom : 1px dotted black;
		width : auto;
		height : 5px;

	}
	#info_spe ul li span.valCarac{
		float : right;
		background : #FBFBFB;
	}

	#info_spe ul li span.valCaracCommission{
		padding-top : 14px;
		font-size: 0.8em;
	}

	#info_spe p{
		margin : 10px 0px;
	}

	/*
	**
	**  Résultat recherche
	*/

	#resultat_recherche{
		clear : both;
		height : 400px;
		padding-bottom : 5px;
	}

	#resultat_recherche h2{
		padding : 0px 0px;
		color : #8D8D8D;
		padding-left : 20px;
		background : url(../images/barre_horiz_h2.jpg) no-repeat 528px center;
		font-size : 16px;
		margin-bottom : 15px;
	}

	#resultat_recherche .mini_fiche{
		float : left;
		margin-left: 3px;
		margin-bottom : 5px;
		background : url(../images/crochet_gris.jpg) no-repeat left center;
		width : 156px;
		height : 169px;
	}



	#resultat_recherche .mini_fiche:hover{
		background : url(../images/crochet_active.jpg) no-repeat left center;
	}

	#resultat_recherche .current_bat{
		background : url(../images/crochet_active.jpg) no-repeat left center;
	}

	#resultat_recherche .mini_fiche p{
		padding-left:8px;
		padding-top : 3px;
	}

	#resultat_recherche .mini_fiche ul{
		margin : 0px 0px;
		list-style: none;
		padding-left:10px;
		font-size : 0.8em;
		overflow : hidden;
		width : 140px;
	}

	#resultat_recherche .mini_fiche ul li{
		background : url(../images/pointille.jpg) no-repeat 0px 11px;
		overflow : hidden;
		width : 140px;
		height : 15px;
	}

	#resultat_recherche .mini_fiche ul li span{
		/*color : #FA400F;*/
		display: block;
		float : left;
	}

	#resultat_recherche .mini_fiche ul li a{
		color : black;
	}

	#resultat_recherche .mini_fiche ul li.modele_mf a{
		color : black;
		letter-spacing : 1px;
		font-size : 10px;
	}

	#info_spe ul li span{
		margin : 0px
		padding : 0px;
	}

	#resultat_recherche .mini_fiche ul li span.carac{
		clear : both;
		background : #FBFBFB;
	}

	#resultat_recherche .mini_fiche ul li span.pointill{
		border-bottom : 1px dotted black;
		width : auto;
		height : 5px;

	}
	#resultat_recherche .mini_fiche ul li span.valCarac{
		float : right;
		background : #FBFBFB;
	}

	/*
	* Mini fiche
	*/

	#resultat_recherche .mini_fiche ul li.info_cpl_mf{
		background : none;
	}

	#resultat_recherche .mini_fiche ul li.modele_mf{
		font-weight : bold;
		background : none;
	}

	li.modele_mf span{
		color : #FA400F;
	}

	li.prix_mf span{
		color : #D01319;
	}

	/* Admin */

	#conteneurAdmin{
		border : 1px solid black;
		width : 1007px;
		margin : 0px auto;
	}

	#conteneurAdmin h2{
		margin-top : 15px;
	}

	#ajoutMediaPage form, form.dupliquerForm{
		width : 400px;
		padding-top : 5px;
	}

	#ajoutMediaPage form p{
		margin : 5px 0px;
	}

	/*
	* Fiche bateau
	* */
	#infos_complementaires{
		clear : both;
		overflow : hidden;
	}

	#infos_complementaires_detail{
		float : left;
		width : 500px;
	}

	#infos_complementaires li span{
		display: block;
		float : left;
		width : 300px;
	}

	#infos_complementaires li{
		clear : left;
	}

	#infos_complementaires #menuBateau{
		background : url(../images/menubateau_li.jpg) repeat-x top left;
	 	width : 1004px;
	 	overflow:hidden;
	}

	#infos_complementaires #menuBateau li{
		clear : none;
		display:block;
		float : left;
		background : url(../images/menubateau_li.jpg) repeat-x top left;
		height : 12px;
		padding : 10px 15px;
		padding-left : 15px;
		padding-top : 5px;
		border-left: 1px solid #0F2B5A;
	}

	#infos_complementaires #menuBateau li a{
		color : white;
	}

	#infos_complementaires #menuBateau li.current{
		background : url(../images/menubateau_li_current.jpg) repeat-x top left;
	}

	#infos_complementaires #menuBateau li.current a{
		color : white;

	}

	#infos_complementaires_detail div{
		display :none;
		padding : 20px;
	}

	#infos_complementaires div.current{
		display :block;
	}

	 /* Formulaire de contact */

	#contactForm{
		width : 500px;
		float : left;
		height : 240px;
	}

	#contactForm p{
		margin : 10px 0px;
	}

	#info_bateau_detail form.contactForm{
		padding-top : 44px;
		height : 377px;
		padding-left : 60px;
		width : 535px;
	}

	#info_bateau_detail form.contactForm legend{

	}

	form.contactForm div{
		float : left;
		width : 255px;
		margin-top : 10px;
	}

	#info_bateau_detail form.contactForm p.nom{
		margin-top :30px;
	}

	#info_bateau_detail form.contactForm label{
		display: block;
		float : left;
		width : 80px;
		padding : 5px 0px;
		margin : 0px 0px;
	}

	#info_bateau_detail form.contactForm input[type="text"] {
clear:none;
}

#info_bateau_detail form.contactForm p.submitContact{
	padding-top : 10px;
}


	form.contactForm p{
		margin : 5px 0px;
	}

	form.contactForm p.message{
		padding-left:5px;
	}

	form p.champs_oblig{
		text-align: left;
		font-style : italic;
		font-size : 0.9em;
		color : #8D8D8D;
	}

	form.contactForm p.message textarea{
		height : 95px;
	}

	form.contactForm p.submitContact{
		text-align: center;
	}

	p.textContact span{
		color : #D01319;
		font-weight: bold;
	}


/* Page info bateau*/

#menu_bateau{
	width : 247px;
	float : left;
	/*background : url(../images/fond_menu_bateau.jpg) no-repeat top left;*/
	margin-top : 20px;
}

#menu_bateau p {
	font-size : 1.1em;
	margin-top : 30px;
	margin-left : 30px;
}

p.retourAccueil a{
	 background : url(../images/savoir_plus.jpg) no-repeat left center;
	padding-left :20px;
	color : black;
}

#menu_bateau ul {
	padding-left: 40px;
	border-left:  7px solid #8C8C8C;
}

#menu_bateau li a{
	color : black;
	font-size : 16px;
}

#menu_bateau li{
	list-style-image : url(../images/puce_menu_bateau.jpg);
	margin : 20px 0px;
}

#menu_bateau li.videos{
	padding-top : 0px;
}

#menu_bateau li.contact{
padding-bottom : 0px;
}

#menu_bateau li.current{
	list-style-image : url(../images/puce_h2.jpg);
	background : url(../images/puce_active_menu_bateau.jpg) no-repeat right center;
}

#info_bateau_detail{
	width : 740px;
	float : left;
	/*border-left: 8px #FA400F solid;*/
}



#info_bateau_detail div#info_details_bateau div{
	display : none;
	overflow: hidden;
}

#info_bateau_detail div#info_details_bateau div.caracBloc{
  float : left;
  width : 325px;
  display: block;
  padding-left : 40px;
  height : 251px;
}

#info_bateau_detail div#info_details_bateau div.smallBloc{
  height : 120px;
}

#info_bateau_detail div#info_details_bateau ul.big{

	/*width : 475px;*/
	width : 325px;
	height : 230px;

}

#info_bateau_detail div#info_details_bateau div.simple ul.big{
  height : 170px;
}

#info_bateau_detail div#info_details_bateau ul.small{

	/*width : 475px;*/
	width : 325px;
	height : 150px;

}

#info_bateau_detail div#info_details_bateau div.simple ul.small{
  height : 90px;
}

#info_bateau_detail div#info_details_bateau ul li{
	background : url(../images/long_pointilles.jpg) repeat-x left 10px;
	overflow : hidden;
}

#info_bateau_detail div#info_details_bateau ul li a.pdf{
	background : url(../images/page_white_acrobat.jpg) no-repeat left center;
	padding-left : 18px;
}

#info_bateau_detail div#info_details_bateau ul.telecharger li{
	margin : 5px 0px;
	background : none;
}

#info_bateau_detail div#info_details_bateau ul li a.jpg{
	background : url(../images/page_jpg.jpg) no-repeat left center;
	padding-left : 18px;
}

#info_bateau_detail div#info_details_bateau ul li span{
	float : left;
background : white;
}
#info_bateau_detail div#info_details_bateau ul li span.caracVal{
float : right;

}

#info_bateau_detail div#info_details_bateau div#diaporamaContent {
  padding-top : 10px;
  margin-left : 10px;
}

#info_bateau_detail div#info_details_bateau div.current{
	display : block;
	background : white url(../images/trois_carres.jpg) no-repeat bottom right;
	padding-bottom : 20px;
	overflow: hidden;
}

#info_bateau_detail div#info_details_bateau div.current div{
  display : block;
}

#info_bateau_detail div#info_details_bateau div.simple div.caracBloc{
	height : auto;
}

#info_bateau_detail div#info_details_bateau div.current div#amenagement_inventaire{
  width : 690px;
}

#info_bateau_detail div#info_details_bateau p.success{
	margin-left : 40px;
}

#info_bateau_detail div#info_details_bateau div#diaporama{
	padding-left : 40px;
	padding-top : 20px;
}

#info_bateau_detail div#info_details_bateau div#fixHauteurBateau{
	float : left;
	width : 1px;
	height : 470px;
	background:none;
display:block;
padding-bottom:0px;
}

#info_bateau_detail div#info_details_bateau{
	font-family : Trebuchet MS;
	border-left:8px solid #FA400F;
}


#info_bateau_detail #info_gale{
	margin-left : 40px;
}

#info_bateau_detail #info_gale li{
	color : #8C8C8C;
	font-size : 1.4em;
}

#info_bateau_detail #info_gale li span.commission{
	font-size : 0.7em;
	font-weight :bold;
}

#info_bateau_detail #info_gale li.modele_info_bateau{
	font-size : 1.5em;
	font-weight : bold;
}

#info_bateau_detail #info_gale ul.currency{
	font-size : 0.7em;
	font-weight : normal;
	margin-top : 8px;
}

#info_bateau_detail #info_gale ul.currency li span{
	color : #FA400F;
}

#info_bateau_detail p.indication{
	margin-left: 40px;
	margin-top : 20px;
	color : #8D8D8D;
	font-size : 0.8em;
	margin-bottom : 20px;
}

#info_bateau_detail h2{
	border-bottom : 2px solid #FA400F;
	font-weight : bold;
	background : none;
	padding : 0px;
	padding-top : 50px;
	padding-bottom : 5px;
	padding-left : 40px;
	margin-bottom : 30px;
}

#contact p.textContact{
	margin-left : 40px;
}

#contact p.contact_us span{
	color : #8D8D8D;
	font-weight : bold;
}

#info_bateau_detail div#info_details_bateau div form div{
	display: block;
}

#info_bateau_detail div#info_details_bateau div#imprimer form label{
	margin-left : 20px;
	text-align: center;
	width : 225px;
}

#info_bateau_detail form{
	background : url(../images/formulaire_impression.jpg) no-repeat top left;
	width : 460px;/* 595 417 */
	height : 347px; /* 417*/
	margin : 30px auto;
	padding : 70px 135px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-bottom: 0px;
}

#info_bateau_detail form.print_boat{
  padding: 30px;
  width : 535px;
  height : 357px;
}

#info_bateau_detail form.print_boat fieldset p{
  width : 500px;
  padding : 0px;
  margin : 10px 5px;
  margin-bottom : 25px;
  overflow : hidden;
}

#info_bateau_detail form.print_boat fieldset p.error{
  margin : 0px;
}

#info_bateau_detail form.print_boat fieldset p label{
  margin : 0px;
  padding : 0px;
}

#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat p.print_name label,
#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat p.print_email label{
  margin-left:20px;
  text-align:center;
  width:125px;
  float : left;
  display : block;
}

#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat p.print_email input[type="text"],#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat p.print_name input[type="text"] {
clear:none;
}

#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat fieldset.type_impress{
  padding-left:140px;
}

#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat p.submit{
	text-align: right;
	margin-right: 10px;
	padding-top : 0px;
}

#info_bateau_detail div#info_details_bateau div#imprimer form.print_boat fieldset.type_impress label{
  width : 300px;
}

#info_bateau_detail form.print_boat fieldset legend{
  margin-bottom : 15px;
}

#info_bateau_detail form legend{
	color : #FA400F;
	border : none;
	background : url(../images/fleche_droite.jpg) no-repeat left center;
	padding-left : 20px;
	margin-bottom : 10px;
	font-size : 1.2em;
	font-weight : bold;
	letter-spacing : 2px;
}

#info_bateau_detail form fieldset{
	border : none;
}

#info_bateau_detail form input[type=radio]{
	float : left;
	clear : left;
}

#info_bateau_detail form input[type=text]{
	clear : left;
}

#info_bateau_detail form p.email label{
	float : none;
	margin : 0px;
	padding-top : 20px;
}

#info_bateau_detail form label{
	float : left;
	margin-bottom : 50px;
	font-weight : bold;
	font-size : 1.1em;
}

#info_bateau_detail p.info_mail{
	text-align: center;
	width : 150px;
	margin-left:100px;
	font-weight : bold;
	margin-bottom : 10px;
}

#info_bateau_detail span.plus{
	font-size : 1.5em;
	color: #FA400F;
}

#info_bateau_detail form p{
	clear : left;
}

#info_bateau_detail form p.submit{
	text-align: right;
	margin-right: 10px;
	padding-top : 20px;
}

#info_bateau_detail div#info_details_bateau #equipement ul, #info_bateau_detail div#info_details_bateau #amenagement ul{
	padding-left : 40px;
	margin-bottom : 20px;
}

#info_bateau_detail div#info_details_bateau #equipement ul li,#info_bateau_detail div#info_details_bateau #amenagement ul li{
	background : none;
}

#info_bateau_detail #equipement h3, #info_bateau_detail #cles h3{
	border : none;
	background : url(../images/fleche_droite.jpg) no-repeat left center;
	padding-left : 25px;
	margin-left : 45px;
	color : #F9400F;
	margin-bottom : 10px;
}

#info_bateau_detail #cles h3{
  padding-left : 25px;
  margin-left : 0px;
}



/* Formulaire de reception par email de dossier */
#info_bateau_detail form.formEmail{
	padding-top : 46px;
	height : 371px;
	padding-left : 100px;
	width : 495px;
}

#info_bateau_detail form.formAmi p.email{
	margin-bottom : 10px;
	clear : left;
	overflow : hidden;
}

#info_bateau_detail form.formAmi p.email label{
	width : 140px;
	display: block;
	float : left;
}

#info_bateau_detail form.formAmi p.email input[type=text]{
	float : left;
	clear : none;
	margin-top:20px;
}

#ami .champs_oblig{
	margin-top : 45px;
}

div#statique {
	/*width : 595px;
	height : 285px;*/
	margin : 0px auto;
	text-align: justify;
	padding-top : 20px;
	width : 900px;

}

div#statique_contact {
	overflow : hidden;
	width : 595px;
	height : 285px;
	margin-top : 20px;
	margin-left:15px;
}

div#statique h2{
	margin-bottom : 10px;
}

div#statique p{
	padding : 8px 0px;
}

div#statique ul{
	list-style-image : url(../images/puce_menu_bateau.jpg);
	padding-left : 40px;
}

div#statique ul li{
	margin : 5px 0px;
}

div#statique dl{
	margin : 15px 0px;
}

div#statique dt, div#statique .vendeur h4{
	color : #F54011;
	background : url(../images/fleche_droite.jpg) no-repeat left center;
	padding-left: 20px;
	margin-bottom : 10px;
}

div#statique .vendeur h4{
	font-weight: normal;
}

div#statique  div.vendeur #body_menu_questions ul li{
	list-style-image : url(../images/fleche_droite.jpg);
}

div#statique  div.vendeur #body_menu_questions ul li a{
  color: #FA400F;
}



div#statique  div.vendeur #body_menu_questions ul li ul li a,div#statique  div.vendeur #body_menu_questions ul li a:hover{
  color: black;
}

div#statique  div.vendeur #body_menu_questions ul li ul li a.current,div#statique  div.vendeur #body_menu_questions ul li ul li a:hover{
  color : #FA400F;
  text-decoration : none;
}

div#statique  div.vendeur ul li ul {

  padding-left : 5px;
}

div#statique  div.vendeur #body_menu_questions ul li ul li {
  list-style-image : url(../images/puce_menu_bateau.jpg);
}

div#statique div.vendeur h3{
	background : url(../images/puce_menu_bateau.jpg) no-repeat left center;
	clear : both;
	border-bottom : 1px solid #8D8D8D;
	margin: 20px 0px;
	font-size : 1.1em;
}

div#statique h3{
background:transparent url(../images/fleche_droite.jpg) no-repeat scroll left center;
border:medium none;
color:#F9400F;
margin-top : 5px;
margin-bottom:7px;
padding-left: 20px;
}

form.contactBigForm{
	/*overflow : hidden;*/
	width : 615px;
	height : 340px;

	padding : 20px;
	padding-top : 30px;
	margin : 20px auto;
	background : url(../images/fond_form_contact.jpg) no-repeat top left;
}

form.contactBigForm2{
	/*overflow : hidden;*/
	width : 615px;
	height : 340px;

	padding : 20px;
	padding-top : 30px;
	margin : 20px 0px;
	background : url(../images/fond_form_contact.jpg) no-repeat top left;
}

div#statique form.contactBigForm p.CNIL{
	padding-top : 20px;
	clear : both;
}

form.contactBigForm label{
	width: 119px;
	display : block;
	float : left;
	margin : 5px 0px;
	padding : 0px;
	clear : left;
	text-align: left;
}

form.contactBigForm label#mess_label{
  width: 269px;
}

form.contactBigForm input,form.contactBigForm select{
	float : left;
	padding : 0px;
	margin : 2px 0px;
}

form.contactBigForm div{
	float : left;
	width : 300px;
}

div#statique form.contactBigForm p{
	margin : 0px;
	padding : 0px;
	overflow: hidden;
}

div#statique form.contactBigForm p label.messageAmi{
	width : 280px;
}

div#statique form.contactBigForm p.submit{
	clear : left;
	text-align : right;
	width: 560px;
	overflow : hidden;
}

div#statique form.contactBigForm p.submit input{
	float : right;
	margin-top : 5px;
	margin-right : 10px;
}

/* Button */

.bateauForm div.buttons p{
	float : left;
	width : 300px;
	background : none;
}

.bateauForm div.buttons p.edit{
	margin-left : 350px;
}

/* Fiche signalétique */

div#statique{
	padding-top : 30px;
}

div#statique #fiche_signal{
	background : url(../images/fiche_signal.jpg) no-repeat top left;
	width : 399px;
	height : 482px;
	float : right;
	margin-left : 40px;
}


div#statique #fiche_signal_contact{
	background : url(../images/fond_contact_fiche.jpg) no-repeat top left;
	width : 207px;
	height : 226px;
	padding : 20px;
	float : right;
	margin-left : 20px;
	font-size : 0.9em;
	margin-top : 5px;
}

div#statique #fiche_signal_contact h3{
	background : none;
}

div#statique #fiche_signal_contact ul{
	padding-left : 20px;
	margin-top : 20px;
}


div#statique #fiche_signal_contact li{
font-size : 0.9em;
margin : 5px 0px;
}

div#statique #fiche_signal_contact li.address{
	list-style-image : none;
}

div#statique #fiche_signal h3,div#statique #doc_acheteur h3,div#statique #document_vendeur h3{
	color: #FF3A00;
	text-align: center;
	background : none;
	font-size : 1.1em;
	padding : 5px 0px;
}

div#statique #fiche_signal ul,div#statique ul{
	list-style-image: url(../images/fleche_droite.jpg);
}

div#statique #fiche_signal ul ul{
	list-style-image : none;
	list-style-type: square;
	margin-bottom : 4px;
}

div#statique #fiche_signal ul ul li{
	margin : 4px 0px;
}

div#statique #fiche_signal ul li{
	margin : 8px 0px;
}

div#statique ul li{
	margin : 12px 0px;
}

#fiche_signal ul li span{
	color : black;
	font-weight : bold;
}

div#statique h2{
	padding-bottom : 4px;
	border-bottom : 2px solid #FF3A00;
	margin-bottom : 15px;
}

div#statique #doc_acheteur{
 width : 675px;
 height: 340px;
 background : url(../images/fond_document_acheteur.jpg) no-repeat top left;
 padding : 20px 30px;
 margin : 20px auto;
 clear : both;
}

div#statique #doc_acheteur ul li{
	margin : 6px 0px;
}

ul#menu_acheteur {
	background : url(../images/fond_menu_acheteur.jpg) no-repeat top left;
	width : 272px;
	padding : 10px;
	height : 65px;
	margin : 20px 0px;
}

ul#menu_vendeur {
	background : url(../images/fond_menu_vendeur.jpg) no-repeat top left;
	width : 227px;
	padding : 10px;
	height : 80px;
	margin : 20px 0px;
	padding-top : 20px;
	margin-top : 130px;
}

div#statique #document_vendeur{
	padding : 10px;
/*	margin : 20px;*/
	float : right;
	padding-top : 5px;
	padding-bottom : 15px;
	padding-left : 0px;
	padding-right : 35px;
	width : 485px;
	height: 215px;
	margin-top : 25px;
	margin-bottom : 20px;
	background : url(../images/fond_document_vendeur.jpg) no-repeat top left;
}

div#statique #document_vendeur h3{
	margin : 10px 0px;
	border :none;
}


/* Questionnaire */

#body_menu_questions{
  width : 341px;
  background : url(../images/body_menu_question.jpg) repeat-y top left;
  padding-right : 15px;
  padding-top : 1px;
  padding-bottom : 1px;
}

.bateau_indisp #body_menu_questions p{
  padding-left : 15px;
}

#statique .vendeur #body_menu_questions{
  height : 500px;
}

#statique #acheteur #body_menu_questions{
  height : 300px;
}

#statique .vendeur #displayQuest{
  height : 275px;
}

#body_menu_questions li{
  list-style-image : url(../images/puce_menu_bateau.jpg);
  line-height : 1.4em;
}

#body_menu_questions li ul{
  display : none;
}

#body_menu_questions li a{
  color : black;
  text-decoration : underline;
}

#body_menu_questions li a:hover{
  border : none;
}

#body_menu_questions li a.current{
  color : #F54011;
  border : none;
}

#menu_questions{
  width : 380px;
  float : left;
  padding-bottom : 10px;
}

#top_menu_questions{
  background : url(../images/top_menu_question.jpg) no-repeat top left;
  width : 356px;
  height : 16px;
}

#bottom_menu_questions{
 background : url(../images/bottom_menu_question.jpg) no-repeat top left;
  width : 356px;
  height : 16px;
}

#displayQuest{
  width : 500px;
  float : left;
}

#displayQuest h3 , #displayQuest p{
  display : none;
}

div#statique #displayQuest h3{
  border-bottom : 1px solid #8C8C8C;
}

p.error{
  margin : 0px;
  padding : 0px;
}