@import url(reset.css);

/* CSS Document */

html{
    margin: 0; padding: 0;
}

body{
    margin: 0; padding: 0;
    background-color: #FFF;
    font-family : "Times New Roman", Times, serif;
	 font-size : 0.9em;
	 line-height :1em;
	 
}

p{
	margin : 5px 0px;
	background : transparent;
	line-height: 1.3em;
}

strong{
	font-weight : bold;
}

em{
	font-style : italic;
}

small{
	font-size : 0.8em;
}

h1{
    margin: 0; padding: 5px;
    background-color: /*#ABC2CD*/#43758C;
    text-align: left;
    color: #FFF;
    font-size: 15px;
    font-weight: normal;
}

h2{
	background : url(img/bateau_h2.jpg) no-repeat left bottom;
	padding-left: 30px;
	color : #0E516F;
	font-size: 13px;
	font-weight: bold;
	height : 18px;
	padding-top : 5px;
	margin : 8px 0px;
}

h3{
	background : url(img/ancre.jpg) no-repeat left top;
	padding-left : 20px;
	margin-left:10px;
	padding-bottom:5px;
	/*border-bottom : 1px solid #A4A4A4;*/
	font-size : 13px;
	font-weight: bold;
	color: #4A4A4A;
}

h4{
	color : #A7A793;
	font-weight: bold;
	border-bottom : 1px solid #A7A793;
	padding-bottom : 5px;
	font-size : 12px;
	margin-bottom : 10px;
}

ul,ol{
	margin-left:30px;
	margin-bottom : 10px;
}

li{
	list-style-image : url(img/puce_carre.jpg);
	padding: 2px 0px;
}

a{
    color: #4E4E72; 
    text-decoration: none;
}

a:hover{
    color: #FF7F00;    
}

a:visited{
    color: #4E4E72;
}

hr{
	margin : 0;
	padding : 0;
}

form{
	background : transparent;
}

fieldset{
	border : 1px solid #0E516F;
	margin-bottom : 10px;
	padding : 10px;
	background : transparent;
	margin-right : 10px;
}

legend{
	margin-left:10px;
	
}


input[type=submit]{
	text-align : center;

}

#container{
    margin: 0;
    padding:0;
    margin-left: auto;
    margin-right : auto;
    width: 970px;
    font-family: arial, helvetica, verdana, sans-serif;
    font-size: 12px;   
}

#container img{
    border: 0;
}

#header{
    width: 963px;
    height: 160px;
    padding-left:3px;
}

#header a{
	display: block;
	width : 961px;
	height : 155px;
}

#sub_header{
		width: 963px;
    height: 160px;
    padding-left:1px;
    background : url(../img/header5.jpg) no-repeat top right;
}

#content{
    padding-left: 5px; 
    padding-top: 5px;
    background : url(img/content_bg2.jpg) repeat-y top left;
    /*padding-bottom: 5px; */
    width : 965px;
    margin : 0;
    padding-bottom:0px;
    
}

/* Tableau */

table{
	margin : 20px 0px;
	border:1px solid #0C4A63;
}

th{
	padding : 5px;
	background : #116387;
	font-weight: bold;
	border : 1px solid #0C4A63;
	text-align : center;
	color : white;
}

td{
	padding:5px;
	background: #D2E6EF;
	border :1px solid #B9CBD3;
}


/* Liens et vignettes */

/* Message succes, error, warning */
p.success,.success{
	background : /*#EFE4BD*/#DCF2FB url(img/accept.png) no-repeat 3px center;	
	border:2px solid /*#8F8871*/#116387;
	padding:10px;
	padding-left :25px;
	width : 625px;
	color : #5B5748;
}



p.error,.error{
	background : /*#EFE4BD*/#DCF2FB url(img/delete.png) no-repeat 3px center;
	padding:10px;
	border:2px solid /*#8F8871*/#116387;
	padding-left :25px;
	width : 600px;
	color : #5B5748;
}


p.warning{
	background : /*#EFE4BD*/#DCF2FB url(img/warning.jpg) no-repeat 3px center;
	border:2px solid /*#8F8871*/#116387;
	padding:10px;	
	padding-left :20px;
	width : 600px;
}

.delete,.notOk{
	background : url(img/delete.jpg) no-repeat left top;
	padding-left:20px;
	color:none;
}

.delete span{
	display:none;
}

.add{
	background : url(img/add.png) no-repeat left top;
	padding-left:20px;
}

.edit{
	background : url(img/edit.png) no-repeat left top;
	padding-left:20px;
}

.edit span{
	display:none;
}

.view{
	background : url(img/view.png) no-repeat left top;
	padding-left:20px;
}

.view span{
	display: none;
}

.reserver{
	background : url(img/cart_go.png) no-repeat left top;
	padding-left:20px;
}

.user{
	background : url(img/user.jpg) no-repeat left top;
	padding-left:20px;
}


#bloc_gauche{        
    float: left;    
    width: 255px;
    
}

#inscription_nl{    
    padding-top: 2px; padding-left: 2px; 
    width: 253px; height: 30px;
    background-color: #BFD1D9;    
    color: #0E516F;
    font-size: 12px;
}

#inscription_nl label{
	margin-left:3px;
}

#inscription_nl p{
	margin-top : 3px;
}

#colonne_gauche{
    margin-top: 5px;
    padding_bottom:20px;
}

#colonne_gauche h2{
    margin:0; padding: 5px;
    text-align: justify;
    color: #4E4E72;
    font-size: 14px;
    font-weight: bold;    
    background : none;
}

#cg_1{
    padding-bottom: 30px;  padding-left: 5px;
    background: url(../img/vague_bleu_menu_bloc1.jpg) /*#D2C8A6*/#CDDAE2 no-repeat bottom left;
    color: #fff;
   /*overflow: hidden;*/
}

#cg_1 li a, #cg_2 li a, #cg_2 fieldset, #cg_1 p, #cg_2 p{
	font-weight:bold;
	font-size : 12px; 
}

#cg_2 p a, #cg_1 p a{
	padding-bottom : 8px;
}


#cg_1 form#retourAdmincg1, #cg_2 form#retourAdmincg2{
		padding-top:15px;
		padding-right:5px;
		padding-bottom:15px;
		text-align:right;
	 
}

#cg_2 form a.logoutAdmin, #cg_1 form a.logoutAdmin{
	font-weight:bold;
	font-size : 12px;
	padding-bottom : 12px;
}

#cg_2 ul.avantages{
    margin-top: 5px;
    margin-bottom: 5px;   
    list-style: none;
}

#cg_2 ul.avantages li{
    padding: 0;
   margin: 10px 0;
    font-weight : normal;
    font-size:12px;
}

#cg_2{
    padding-bottom: 30px;  padding-left: 5px;
    background: url(../img/vague_bleu_menu_bloc2.jpg) #DAE3E8 no-repeat bottom left;
    /*#DBD3B8*/
    color: #4E4E72;
    font-size: 11px;
    /* overflow: hidden;*/
     
}
#cg_2 form fieldset{
	border : none;
	padding-top : 0px;
	padding-left:0px;
	margin-left:0px;
	text-indent : none;
	padding-bottom : 0px;
	margin-bottom : 0px;
}

#cg_2 form legend{
	padding-left:0px;
	margin-left:0px;
}

#cg_2 p.informations_bateau{
	font-weight: normal;
}

#cg_3 p{
    margin: 0; 
		padding: 0; 
		margin: 10px 0px;
		padding-bottom : 16px;
}

#cg_3 div.pro_img{
	width : 222px;
	height : 97px;
	padding : 20px 10px;
	padding-left: 18px;
	padding-right : 0px;
	background : url(../img/professionnel_bloc3.jpg) no-repeat bottom left;
	margin : 0px;
	line-height:1.2em;
}

#cg_3 div.pro_img a{
	display:block;
	width : 214px;
	height : 96px;
	color : #43758C;
	
}

#cg_3 div.pro_img a p{
	margin : 0px;
	padding : 0px;
	padding-bottom : 8px;
}

#cg_3 div.pro_img a p.titre, #cg_3 div.pro_img a p.rejoindre{
	font-size : 1.1em;
	font-weight : bold;
	line-height:1.2em;
	padding-bottom : 10px;
}

#cg_3 div.pro_img a p.titre{
	/*text-align: center;*/
}

#cg_3 div.pro_img a p.rejoindre{
	color : #FF6600;
	font-size : 1.3em;
	margin-left:30px;
}

#cg_3 img{
    float: left;
    margin: 0 5px;
}

#cg_1i{
    padding-bottom: 30px;  padding-left: 5px;
    background: url(../img/blocg2.jpg) #CDCDCD no-repeat bottom left;
    color: #4E4E72; 
}

#cg_1i form{    
    margin: 0; padding: 0;
    color: #4E4E72;
    font-weight: bold;
}

#cg_1i td{
    margin: 0; padding: 4px 0px;
}

#cg_1i p{
    margin: 0; padding: 4px 0px;
}

#cg_3{
    padding-left: 5px;
    background-color: /*#E9E4D4*/#EAEFF3;
    color: #4E4E72;
    padding-top : 5px;
    padding-bottom : 5px;
   /* overflow: hidden;*/
}

#cg_3 ul{
   border-top : 1px solid #BBB7AA;
   padding :0px 5px;
   margin-left:0px;
   padding-left : 30px;
   margin-bottom : 0px;
}

#cg_1 ul,#cg_2 ul{
    margin: 0; padding: 5px;
		padding-left:20px;    
    list-style: none; 
    font-weight: bold;
}

#cg_1 ul li{
    margin-top: 5px; 
}

#cg_1 form, #connectClient form{
    margin: 0; padding: 0;
    color: #FF7F00;
}

#cg_1 td{
    margin: 0; padding: 0;
}

#cg_1 label,#connectClient label{
    font-size: 10px;
    font-weight: bold;
    display:block;
    float : left;
    width : 100px;
    padding-left:5px;
}

form.connexion p{
	padding:0;
	margin : 0;
	margin-bottom : 2px;
}

#inscription_nl form{
    margin: 0; padding: 0;
}

#bloc_droit{ 
    float: left;    
    margin-left: 8px;    
    width: 690px;
    
}

#menu{
    height: 31px;
    background-color: /*#0E516F*/#335C90;
    font-size: 13px;
    font-weight: bold;    
    color: #FFF;
}


#menu ul{    
    margin: 0px 8px; 
		padding: 5px 0;     
    padding-top : 8px;
    list-style: none;
}

#menu ul li{    
    /*display: inline;*/
    margin: 0 6px;
  	margin-left : 13px;
	padding : 0px;
}

#menu ul li.contact a{
	border-right : 0px;
}

.menuLouer{
	width : 121px;
}

.menuLoueur{
	width: 171px;
}

.menuSociete{
	width : 62px;
}

#menu ul ul{
	/*display:none;*/
}

#menu a{    
    color: #FFF;
    text-decoration: none;
    border-right: 1px solid white;
	margin : 0px;
	padding : 0px;
    padding-right : 13px;
	
}

#menu li li a{
border-right: none;

}

#menu li a:hover{
    color: #FF7F00;
    text-decoration: none;
}

#menu a:visited{
    color: #FFF;
}

#main, #main_i{
    margin-top: 6px;    
    color: #000;    
}

#main{
    background : #FFF url(../img/blocc_v2.jpg)no-repeat 0 188px;  
    padding-bottom : 10px;
}

#main_i{
    background : /*url(../img/blocc.jpg)*/ #FFF no-repeat 0 129px;  
    background-image : none;
    
}

.image1{
	clear:both;
	width : 200px;
	/*height : 100px;*/
	padding : 20px 0px;
	float : none;
	position : absolute;
	z-index : 5000;
}


.image1 p{
	height : 70px;
}

.image1 img{
	padding : 0px 0px;
	top : 0px;
	position : absolute;
	z-index : -10000;
}

#main_i p{
    margin: 10px 15px; 
    
}

#main_1 {       
	height: 303px;
/*	margin-top : 10px;    */ 
	
}

#main_1 form{    
    margin: 0; padding: 0;
    color: #4E4E72;
    font-weight: bold;
    padding : 5px;
}

#main_1 form fieldset{
	border:none;
	/*border-bottom : 1px solid #ABC2CD;*/
}

#main_1 td{
    padding: 8px 15px; 
}

#main_2{    
   /* overflow: hidden;    */
    margin-top: 0px;
    margin-bottom : 20px;
    padding-left: 45px; 
    display:none;
}

#main_3 div{
    float: left;     
    margin: 0 15px; 
    color: #C1B384;    
    position : relative;
}

#main_3 div div {
	float : none;
	margin: 0px; 
}

.type_bateau{
    color: #0E516F;
}

#main_3{    
    background: url(../img/blocm3_v2.jpg) #FFF no-repeat bottom left;    
    margin-top : 5px;
		padding-bottom: 5px;  
		height : 200px;  
		padding-top : 8px; 
}

#bulle{    
    width: 605px;
    height: 104px;
    background: url(../img/cadre_arr_transp.gif) transparent no-repeat top left;     
    padding-bottom : 18px;
}

#bulle h1{
    margin:0; padding: 15px 15px 10px 15px; 
    background: none;
    text-align: left;
    color: #0E516F;
    font-size: 16px;
    font-weight: bold;
}

#bulle p{
    margin: 0px 0px 5px 0px; 
    padding: 0px 0px 0px 15px; 
    color: #0E516F;
    font-style: italic;
    font-weight: bold;
}

#footer{
    width: 965px;
    background: #FFF url(../img/footer_bg2.jpg) no-repeat top left;
    height: 54px;
    margin: 0;
    padding:0;
    padding-top :15px;
    margin-left :-1px;
    font-size: 12px;
}

#footer img#paiement-cb{
  position: relative; 
  left: 15px; top: 2px;
  float : left;
  margin-left:  15px;
  padding-bottom : 10px;
}

#footer ul{
  float : left;
  margin: 5px  0 0 30px;
  padding: 0;
  list-style: none;
  font-size : 0.9em;
  color : white;
}

#footer ul li{    
    float: left;
    margin: 1px 10px;
    padding: 0; 
    font-weight: bold;
    list-style-image: none;
}

#footer a{
    color: #FFF;
    text-decoration: none;
}

#footer a:hover{
    color: #FF7F00;
    text-decoration: none;
}

#footer a:visited{
    color: #FFF;
}

.puce{
    margin: 0 5px;
    list-style-image : url(../img/puce_ronde_orange.gif);
}

.c_texte, .c_select{
    color: #333;
}

.clear{
	clear : both;
	
}

br.clear{

}

form#moteurLocation fieldset, form#petitMoteurLocation fieldset{
	margin : 3px 0px;
	margin-right: 10px;
	padding : 0px 3px;
	border : #BFBFBF 1px solid;
	padding-bottom : 5px;
	margin-bottom : 5px;
}



#mini_moteur form#moteurLocation select{
	width : 130px;
}


#mini_moteur form#moteurLocation{
	width : 237px;
}


form#moteurLocation legend{
	color : /*#ABC2CD*/#43758C;
	padding-left: 5px;
	padding-right : 5px;
	margin-left:0px;
	font-size : 1.1em;
}
form#moteurLocation p{
	float : left;
	margin : 0px;
	padding : 5px 0px;
	width: 320px;
}

div#voilier, div#moteur{
	padding : 0px;
	margin : 0px;
	height: 19px;
}


div#typeVoilier, div#typeMoteur{
	height : 45px;
}

div#typeVoilier p,div#typeMoteur p{
	margin : 0px 18px;
}

form#moteurLocation select{
	width : 150px;
}



#mini_moteur form#moteurLocation p,#mini_moteur form#moteurLocation fieldset{
	width : 237px;
	float : none;
	
}

#mini_moteur form#moteurLocation fieldset{
	border : 1px solid #9B9682;
	padding: 4px;
}

form#moteurLocation fieldset.rechercheOu{
	width : 663px;
}

#mini_moteur form#moteurLocation legend{
	color: #9B9682;
}

#mini_moteur form#moteurLocation p{
	padding : 0px;
	margin : 4px 0px;
}
form#moteurLocation p.submitBtn{
	margin : 0px;
	padding : 5px;
	float : right;
	text-align: right;
	padding-right : 10px;
}


form#moteurLocation label{
	display:block;
	float : left;
	width: 100px;
		margin-top:5px;
	padding-left:20px;
}

#mini_moteur form#moteurLocation label{
	padding-left:0px;
}

form#moteurLocation p.zone_nav label, form#moteurLocation p.date_start label{
	width: 138px;
}

#mini_moteur form#moteurLocation label{
	width : 85px;
}

#mini_moteur form#moteurLocation p.zone_nav label, #mini_moteur form#moteurLocation p.date_start label,
#mini_moteur form#moteurLocation p.dureeSejour label {
	width: 85px;
}

form#moteurLocation label.radioBtn, form#moteurLocation label.checkBoxBtn{

	display:inline;
	float : none;
	padding-left:30px;
}

#mini_moteur form#moteurLocation label.radioBtn{
	padding-left: 0px;
}

form#moteurLocation label.checkBoxBtn{
	padding-left:0px;
}

form#moteurLocation p.typebateau{

}

form#moteurLocation p.typebateau label{

}

form#moteurLocation p.dureeSejour{
	width: 290px;
	margin-left:30px;
}

#mini_moteur form#moteurLocation p.dureeSejour{
	width: 230px;
	margin-left:0px;
	margin-top : 0px;
	padding-top : 0px;
}

#mini_moteur form#moteurLocation p.dureeSejour label{
margin-top : 0px;
}
 
form#moteurLocation p.utilisation{
	
} 

form#moteurLocation p.utilisation label{

}

form#moteurLocation p.dureeSejour label{
	/*width: 75px;
	margin-left:60px;*/
}

form#moteurLocation label.dp-choose-date{
	width : 10px;
}

form#moteurLocation p.taille label{
}

form#moteurLocation p.alignDroit{
	width : 270px;
	float : right;
	margin-right: 30px;
}


#mini_moteur form#moteurLocation p.alignDroit{
	width : 237px;
	float : none;
	margin-right: 0px;
}

div#mini_moteur div#voilier,div#mini_moteur div#moteur,div#mini_moteur form#moteurLocation p.utilisation,div#mini_moteur form#moteurLocation p.taille{
	height:20px;
	margin : 0px;
	padding : 0px;
}

div#mini_moteur div#voilier p,div#mini_moteur div#moteur p{
	margin : 0px;
}


form#moteurLocation .date-pick{
	float : left;
}

form#moteurLocation a.dp-choose-date {	
	margin: 5px 3px 0;
	background: url(img/calendar.png) no-repeat; 
	height : 20px;
	display:block;
	float : left;
}

form#moteurLocation p.skipper{
	margin-left:38px;
	width : 220px;
}

#mini_moteur form#moteurLocation p.skipper{
	margin-left:0px;
	width : 220px;
} 

form#moteurLocation p.gauche{
	width: 380px;
}

form#moteurLocation select{
	float : left;
}


form#moteurLocation .rechercherBtn{
	text-align : right;
	width: 300px;
}

#main_i #listBateaux p{
	clear : both;
}

.inscript_bateau li , .inscript_bateau2 li{
	float : left;
}

#etape1 fieldset{
	margin-right : 10px;
	
}

#etape1 .societe{
	margin-left:10px;
}

#etape1 .demi fieldset{
	margin-right : 0px;
}

fieldset.demi, div.demi{
	width : 300px;
	float : left;	
}

#main_i .double_champs{
	width : 350px;
}

#main_i .double_champs_bis{
	width : 300px;
}

#main_i .double_champs_bis p{
	float : left;
	
	width : 140px;
	margin : 0px 10px;
	margin-right: 5px; 
}

#main_i .double_champs p{
	float : left;
	
	width : 140px;
	margin : 0px 10px;
	margin-right: 5px;
}

#main_i .double_champs p.petit{
	width : 20px;
}



#etape1 div.double_champs{
	/*clear: left;*/
	width : 350px;
}

#etape1 div fieldset.coordonnee{
	margin-bottom : 15px;
}

#etape1 fieldset.societe p{
	margin : 5px 2px;
}	

fieldset.gauche{
	/*margin-right : 10px;*/
}

fieldset.droite{
	margin-left : 10px;
}

fieldset.captchaFieldset{
	clear : both;
}

div#captcha{
	width :555px;
	margin: 0px auto;
	
}

#main_i p.captcha{
	text-align : center;
	margin:0px;
}

div#captcha label{
	width : 230px;
	float : none;
	display: inline;
}

div#captcha label,div#captcha img, div#captcha input{
	float : left;
	margin-top : 10px;
}

div#captcha img{
	margin-top : 0px;
}

div#captcha input{
	margin-left : 20px;
}

#etape1 div{
	float : left;
	width : 330px;		
}

#etape1 div#codeP_ville{	
	width : 280px;		
}

#etape1 div.right,#etape2 div.right{
	width : 280px;
	padding-left: 20px;
}

#etape1 fieldset.societe,#etape1 fieldset.civilite, #etape1 fieldset.coordonnee{
	width: 300px;
}

#etape1 fieldset.civilite,#etape1 div{
	width: 300px;
}

#codeP_ville p{
	float : left;
	margin : 5px 0px; 
	margin-left: 0px ;
}

.label_ville{
	padding-left : 12px;
}

#codeP_ville label{
	
	margin-left: 0px ;
}

.fausse_image{
	list-style-image:none;
}

.ui-tabs-nav li.avant_fausse_image{
	min-width : 50px;
}

#recap_bateau ul,#recap_client ul{
	float : left;
}
#recap_bateau ul ul ,#recap_client ul ul{
	float : none;
}
form.connexion .submit_connexion{
	text-align : right;
	margin : 0;
	padding : 0;
	margin-right : 30px;
}

form.connexion .submit_connexion input{
	margin-left:0px;
}

input[type="submit"].selectBateauFiche_submit{
	margin-left:0px;
}

form.connexion input.connectClient{
	margin-left:70px;

}

div.moteur p{
	float : left;
	margin-right : 6px;
}
.inscription_btn{
	text-align :center;
}

.error{
	color : red;
}

.pretty{
	background : url(img/information.jpg) no-repeat right center;
	padding-right : 20px;
}

p.dateIncompressible a.pretty{
  background : url(img/information.jpg) no-repeat right center;
	padding-right : 20px;
	width : auto;
	text-decoration : none;
	color : black;
}

/*#infoBateauOnglet {
float:right;
padding:8px 0px;
text-align:left;
width:218px;

}

#infoBateauOnglet .corps{
	padding-top : 10px;
	min-height : 130px;
	background: #E9E4D4;
}

#infoGenerales div,#caractBateau div{
	width : 200px;
	float : left;	
	margin-right:30px;
}

#infoGenerales ul{
	margin-left: 15px;
}*/

.label{
	color : #0A3D53;
}

.reserver_btn{
	clear : right;
}
.clear{
	clear : both;
}

fieldset.flottant div{
	float : left;
	width : 300px;
}

.typeLoueurField p{
	float : left;
	width : 280px;
}

#photos .photo{
	float : left;
	padding:5px;
}

.td_vide{
	background : #F1F0F7;
}

ul.liste_photos li{
	float :left;
	list-style:none;
	list-style-image:none;
}

ul.liste_photos li img {
	padding:0;
	margin:0;
}

.ok{
	background : url(img/tick.png) no-repeat left top;
	padding-left:20px;
	min-height:15px;
}

div#mise_en_ligne div{
	border-bottom : 1px solid black;
	margin : 10px 0px;
	margin-top : 15px;
	padding-bottom : 5px;
}

li a.edit{
	background : none;
	padding-left:0px;
}

.back{
	background : url(img/back.png) no-repeat top left;
	padding-left : 20px;
}

.error{
	color : red;
}

table.debug{
	float : left;
}

.bienvenue{
	padding-top : 5px;
	padding-left:5px;
}

form.ajout_type_saison p{
	float : left;
	padding-right : 15px;
}

form.ajout_date_saison p{
	float : left;
}

form.ajout_date_saison p.submit{
	padding-left: 20px;
}

form.ajout_date_saison label{
	width : 80px;
}


.form_ajout_promo p{
	float : left;
	margin-right:  20px;
}

.logout{
	background : url(img/door_out.jpg) no-repeat left top;
	padding-left:20px;
	font-size : 0.9em;
}

.logoutAdmin{
	background : url(img/retourAdmin.png) no-repeat right top;
	border: double purple;
	padding-right:35px;
	padding-top:8px;
	padding-left:8px;
	font-size : 0.9em;
}

.item_bateau{
	background : #F1F0F7;
	padding : 5px;
	margin : 5px;
	height:120px;
}

table#resultat_recherche{
	font-size : 0.9em;
}

.item_bateau img, .item_bateau ul{
	float : left;
}

.item_bateau img{
	max-width : 150px;
}

.item_bateau ul{
	width : 220px;
}

#connectClient{
	width : 200px;
}

#details ul,.liste_detail,.liste_detail_option{
	border : 1px solid #0E516F;
	padding : 10px;
	margin-left:0px;
	padding-left:40px;
	margin-bottom : 10px;
	margin-right: 10px;
}

#details .liste_detail{
	overflow : hidden;
}

#details .liste_detail ul{
	border : none;
	float : left;
	padding:  0px;
	margin-right : 10px;
	width : 400px;
}

#details .liste_detail ul.droite{
	border : none;
	float : left;
	padding:  0px;
	margin-right : 10px;
	text-align: right;
	width : 200px;
}

#details .liste_detail_option{

	overflow : hidden;
}

#details .liste_detail_option h4{
	width : 175px;
}

#details .liste_detail_option ul{
border : none;
padding:  0px;
margin-right : 10px;
}

#details .liste_detail_option .detail_option{
	width : 175px;
	float : left;
	padding:  0px;
	margin-right : 20px;
}

.prix{
	float : right;
	width : 350px;
	text-align: right;
	margin-right : 10px;
	font-weight : bold;
	
	font-size : 1.2em;
}

.prix span{
	color : #D3850A;
}


.submit_float{
	width : 200px;
	float : left;


}

.submit_float input{
	margin-left:0px;

}

.myForm{
	width : 555px;
	margin : 0px auto;
	
}

#main_i .myForm p.center{

	margin : 0px auto;
	width : 80px;
	
}

#main_i .myForm p.submitDroite{
	text-align : right;
}


.myForm label{
	width: 150px;
	display : block;
	float : left;
	font-family : Verdana;
}

.myForm fieldset{
	border : 1px solid  #43758C;
}

.formContact{
	float : left;
	padding-left : 30px;
	margin-right : 40px;
}

h3.h3FormContact{
	color : white;
	background : #43758C;
	padding : 5px;	
	width : 535px;
	margin-left:67px;
}

h3.captchaTitre{
	color : white;
	background : #43758C;
	padding : 5px;
	width : 200px;	
	padding-right:35px;
	display: block;
	margin-left:0px;
}

fieldset.infoPerso{
	background : url(img/bateau_form_contact.jpg) no-repeat left bottom;
}

#main_3 div.bateauDispo{
	float : left;
	margin : 0 7px;
	font-size : 0.95em;
}

#main_3 div.bateauDispo p{
	line-height: 1.3em;
}

#main_3 div.bateauDispo p span.prixTotal{
	margin-left:70px;
	color : #FF6600;
}

#main_i form.caracForm p{
	float : left; 
	width : 220px;
	padding-left:0px;
margin-left:5px;	
}

#main_i form.caracForm p.commentCarac{
	float : left; 
	width : 290px;
}

div.list2 h4{
	padding-left:15px;
	background : url(img/active_plus.jpg) no-repeat top left;
}

div.active div.list1{
		display : none;
}

div.list2 h4.active{
	padding-left:15px;
	background : url(img/active_moins.jpg) no-repeat top left;
}

form.caracForm fieldset{
	padding : 0px;
	padding-bottom : 20px;
}

#main_i form.caracForm p.prixCarac{
	float : left;
	width : 100px;
}

p.par_add_carac{
	width : 500px;
}

p.submitEtapeSuiv{
	text-align: right;
}

#prixLocation{
	height: 800px;
}

#prixLocation table{
	
}

.bateauSelect{
	height : 250px;
	width : 210px;
	float : left;
	padding-top : 20px;
	margin-right: 5px;
}

#main_i div.bateauSelect p.nom_bateau{
	padding-top : 120px;
	width : 210px;
	margin : 5px 0px;
}

#main_i div.bateauSelect .image1 p.listSelectHack{
	height: 70px;
	margin : 5px 0px;
}

td.dateSelectTd,p.dateSelectTd span, p.dateSelectTd a{
	background : #F7EC6D;
}

td.dateSsSaison,p.dateSsSaison span, p.dateSsSaison a{
	background : #AEAEAB;
}
td.dateReservee,p.dateReservee span, p.dateReservee a{
	background : #EF4951;
}

td.dateDisponible,p.dateDisponible span, p.dateDisponible a{
	background : #9ECEEF;
}

td.dateIncompressible, p.dateIncompressible span, p.dateIncompressible a{
	background : #9FEFA3;
}

.actions_dispo{
	width : 310px;
	position : absolute;
	left : 300px; 
	top : 0px;
	height : 300px;
}

#main_i p.dateSelectTd, #main_i p.dateSsSaison, #main_i p.dateReservee, #main_i p.dateDisponible, #main_i p.dateIncompressible{
	width : 300px;
	margin : 0px;
	margin-right : 20px;
	padding : 3px;	
	overflow : hidden;
}

form#actionSurDispo{
	overflow : hidden;
	position : relative;
}

form#actionSurDispo p.date_depart, form#actionSurDispo p.date_fin{
	float : left;
	width : 250px;
	clear : left;
}



p.dateSelectTd span, p.dateSsSaison span, p.dateReservee span, p.dateDisponible span, p.dateIncompressible span,p.dateSelectTd a, p.dateSsSaison a, p.dateReservee a, p.dateDisponible a, p.dateIncompressible a{
	display: block;
	width : 20px;
	/*height : 20px;*/
	margin-right : 20px; 
	float : left;
}

a.actionDispo{
	border : 1px solid #116387;
	display : block;
	float : left;
}

a.actionDispo span{
	display: inline;
	background : none;
	float : none;
}

a.actionDispo:hover{
	border : 1px solid red;
}

#attente{
	text-align: center;
}


td.fill, td.start, td.end{
background-color : black;
color : white;

}

td.fill a, td.start a, td.end a{
color : white;
}

div.choixSelect{
	overflow :hidden;
	clear : both;
	float : left;
	width : 600px;
	height : 200px;
}

p.warning_action{

	background : #F7F2BA url(img/error.png) no-repeat left center ;
	padding : 5px;
	padding-left : 25px; 
}

div#aide{
	background : #E5ECEF url(img/help.png) no-repeat 5px center;
	margin-top : 5px;	
		padding-left : 10px ; 
}

div#aide p{
	padding : 3px ;
	color : #FF7420;
	font-weight: bold;
}

div.nb_jour_select{
	width : 250px;
	float : left;
	clear : left;
}

p.identification {
	width : 300px;
	float : left;
	text-align: center;
}

p.identification span{
	font-weight : bold;
	color : #0C4A63;
}

p#deja_client{
	border-right:1px dashed #0C4A63;
}

.list1, .list1 p, div.caracLigne{
	overflow:hidden;
}

p.date_depart, p.date_fin, p.nb_jour_select{
	color : #116387;
	font-weight : bold;
	float : left;
	width : 250px;
	
}

p.date_depart span, p.date_fin span, p.nb_jour_select span{
	color : black;
	font-weight : normal;
	
}

.list2 ul{
	margin : 0;
}

/*div.conseil{
	background:#DCF2FB;
	border:2px solid #116387;
	color:#5B5748;
	padding:5px 5px 5px 5px;
	width:640px;
	margin-right : 10px;
	margin-bottom : 5px;
}*/

div.conseil{
  margin : 10px 15px;
}

#main_i div.conseil p{
  margin : 0px;
}

div.conseil ul li{
	list-style-image : url(img/accept.png);
	display:inline;
}

div.conseil ul li a {
	color : #FF7D00;
}

.bulle_aide{
  color : #8F8562;
  border : 1px solid #C1B384;
  background : #FFF8E0;
  padding : 5px;
  line-height : 1.3em;
}

.bulle_aide span{
  background : url(img/information.jpg) no-repeat top left;
  padding-left : 20px;
  font-weight : bold;
  
  font-size : 1.1em;
}

#main_i p.reponseAbonn{
  width : 180px;
  margin-top : 3px;
  float : right;  
}

a.test_code{
  background : #FF8003;
  color : white;
  padding : 3px 0px;
  display:block;
  float : right;
  width : 105px;
  text-align: center;
}

.successAbonn{
  background : url(img/accept.png) no-repeat 3px center;
	padding:10px;
	padding-left :25px;
	color : #6DC361;
}

.errorAbonn{
  background : url(img/delete.png) no-repeat 3px center;
	padding:10px;
	padding-left :25px;
	width : 100px;
	color : #FF0000;
}

.price_abonn, .totalAbonn{
  text-align: right;
  
}

.totalAbonn{
  display:none;
  clear : both;
}

/***** Info comment référencer votre bateau **************/

#info_referencement_bateau img{
    float : right;
    padding-left : 10px;
    padding-top : 10px;
    padding-bottom : 10px;
}

#info_referencement_bateau p{
  font-family: Tahoma;
  text-align: justify;
}

/***** Principe fonctionnement loueur **************/

#principe_fonctionnement_loueur img{ 
    padding-top : 10px;
    padding-bottom : 10px;
}

#principe_fonctionnement_loueur p{
  font-family: Tahoma;
  text-align: justify;
}