/*------------------------------------------------------*
  *-----------------------------------     CSS FONCTION     ----*
  *------------------------------------------------------*
  pour enlever les pointillés autour des liens sur Firefox
  *------------------------------------------------------*/


a {
	outline: none;
}

:focus {
	-moz-outline-style: none;
}


*{
	margin:0px;
	padding:0px;
}


body{
	background-image: url(images/bg.gif);
	/*background-color:#000;*/
	text-align:center;
	font-family: arial;
	font-size:13px;

}

img{
	border:0;
}

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

a:hover{
	color:#fed300;
}

#page{
	position:relative;
	margin:auto;
	width:1011px;
	text-align:left;
}

img#logo{
	margin-left:39px;
	margin-top:30px;
}

#haut_home{
	line-height: 1px;
	font-size: 1px;
	height:16px;
	background-image: url(images/home/haut_home.png);
}

#iepadder{
	padding-left:6px;
}
#milieu_home{
	position:relative;
	width:995px;
	height:429px;
	background-image: url(images/home/milieu_home.jpg);
}

#bas_home{
	height:35px;
	background-image: url(images/home/bas_home.png);
	background-repeat: no-repeat;
	text-align:center;
	padding-left:16px;
	padding-top:20px;
}

#bas_home p{	
	color:#fff;
	width:90%;
	margin:auto;
	text-align:justify;
	font-size:14px;
	font-weight:bold;
}

/* nav francais / anglais */
#fr{
	position:absolute;
	top:78px;
	left:880px;
	text-indent:-2000px;
	background-image: url(images/francais.png);
	width:60px;
	height:15px;
}

#fr:hover{
	background-image: url(images/francais_on.png);
}

#en{
	position:absolute;
	top:78px;
	left:940px;
	text-indent:-2000px;
	background-image: url(images/english.png);
	width:46px;
	height:15px;
}

#en:hover{
	background-image: url(images/english_on.png);
}


/*menu et sous menu*/

#menu{
	position:absolute;
	left:55px;
	top:30px;
	list-style-type:none;
}

#menu_accueil{
	width:147px;
	height:23px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_accueil.png);
}

#menu_accueil:hover{
	background-image: url(images/menu/nav_accueil_on.png);
}

#menu_neuf{
	width:147px;
	height:26px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_neuf.png);
}
#menu_neuf:hover{
	background-image: url(images/menu/nav_neuf_on.png);
}

#menu_occasion{
	width:147px;
	height:26px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_occasion.png);
}
#menu_occasion:hover{
	background-image: url(images/menu/nav_occasion_on.png);
}

#menu_location{
	width:147px;
	height:24px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_location.png);
}
#menu_location:hover{
	background-image: url(images/menu/nav_location_on.png);
}

#menu_places{
	width:147px;
	height:25px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_places.png);
}
#menu_places:hover{
	background-image: url(images/menu/nav_places_on.png);
}

#menu_services{
	width:147px;
	height:25px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_services.png);
}
#menu_services:hover{
	background-image: url(images/menu/nav_services_on.png);
}

#menu_contact{
	width:147px;
	height:27px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu/nav_contact.png);
}
#menu_contact:hover{
	background-image: url(images/menu/nav_contact_on.png);
}


#ssmenuneuf ul, #ssmenuoccas ul, #ssmenulocation ul{
	list-style-type:none;
}

#ssmenuneuf li, #ssmenuoccas li, #ssmenulocation li{
	margin-bottom:5px;
	margin-left:10px;
}

#ssmenuneuf a, #ssmenuoccas a, #ssmenulocation a{
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#ssmenuneuf a:hover, #ssmenuoccas a:hover, #ssmenulocation a:hover{
	color:#fed300;
}

#ssmenuneuf{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;
}
#ssmenuneuf ul{
	padding-top:53px;
}


#ssmenuoccas{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;

}
#ssmenuoccas ul{
	padding-top:78px;
}

#ssmenulocation{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;
}
#ssmenulocation ul{
	padding-top:102px;
}



/*menu en anglais*/


#menu_accueil_en{
	width:147px;
	height:23px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_accueil.png);
}

#menu_accueil_en:hover{
	background-image: url(images/menu_en/nav_accueil_on.png);
}

#menu_neuf_en{
	width:147px;
	height:26px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_neuf.png);
}
#menu_neuf_en:hover{
	background-image: url(images/menu_en/nav_neuf_on.png);
}

#menu_occasion_en{
	width:147px;
	height:26px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_occasion.png);
}
#menu_occasion_en:hover{
	background-image: url(images/menu_en/nav_occasion_on.png);
}

#menu_location_en{
	width:147px;
	height:24px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_location.png);
}
#menu_location_en:hover{
	background-image: url(images/menu_en/nav_location_on.png);
}

#menu_places_en{
	width:147px;
	height:25px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_places.png);
}
#menu_places_en:hover{
	background-image: url(images/menu_en/nav_places_on.png);
}

#menu_services_en{
	width:147px;
	height:25px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_services.png);
}
#menu_services_en:hover{
	background-image: url(images/menu_en/nav_services_on.png);
}

#menu_contact_en{
	width:147px;
	height:27px;
	display:block;
	text-indent:-2000px;
	background-image: url(images/menu_en/nav_contact.png);
}
#menu_contact_en:hover{
	background-image: url(images/menu_en/nav_contact_on.png);
}

#ssmenuneuf_en ul, #ssmenuoccas_en ul, #ssmenulocation_en ul{
	list-style-type:none;
}

#ssmenuneuf_en li, #ssmenuoccas_en li, #ssmenulocation_en li{
	margin-bottom:5px;
	margin-left:10px;
}

#ssmenuneuf_en a, #ssmenuoccas_en a, #ssmenulocation_en a{
	color:#fff;
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

#ssmenuneuf_en a:hover, #ssmenuoccas_en a:hover, #ssmenulocation_en a:hover{
	color:#fed300;
}

#ssmenuneuf_en{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;
}
#ssmenuneuf_en ul{
	padding-top:53px;
}


#ssmenuoccas_en{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;

}
#ssmenuoccas_en ul{
	padding-top:78px;
}

#ssmenulocation_en{
	top:0px;
	left:213px;
	height:100%;
	width:120px;
	position:absolute;
	background-color:#3e3d40;
	display:none;
}
#ssmenulocation_en ul{
	padding-top:102px;
}



/* contenu */

h1{
	float:left;
	font-weight:normal;
	color:#fed300;
	font-size:14px;
	margin-left:220px;
	padding-top:3px;
}

h2{
	float:left;
	font-weight:normal;
	color:#fff;
	font-size:14px;
	margin-left:10px;
	padding-top:3px;
}

h3{
	float:left;
	font-weight:normal;
	color:#fff;
	font-size:14px;
	margin-left:10px;
	padding-top:3px;
}

#milieu{
	position:relative;
	width:995px;
	height:429px;
	background-image: url(images/content/milieu.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}

html>body #milieu{
	position:relative;
	width:995px;
	min-height:429px;
	height: auto;
	background-image: url(images/content/milieu.jpg);
	background-repeat:no-repeat;
	background-color:#fff;
}

/* page contact */
img#plan{
	position:absolute;
	top:35px;
	left:230px;

}

img#bureaux{
	position:absolute;
	top:240px;
	left:695px;

}

p#adresse strong{
	font-size:15px;
}

p#adresse{
	position:absolute;
	font-weight:bold;
	font-size:13px;
	top:60px;
	left:720px;
}

p#adresse a{
	color:#000;
	text-decoration:none;
}

p#adresse a:hover{
	color:#fed300;
}

/* page services*/
img#service{
	position:absolute;
	top:35px;
	left:230px;
}

ul#services{
	position:absolute;
	top:315px;
	left:250px;
	list-style-type:none;
}

ul#services li{
	font-size:13px;
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	background-image:url('/images/content/services/fleche.gif');
	background-position: 0px 5px;
	background-repeat:no-repeat;
}

/* page places au port*/
img#photo_places{
	position:absolute;
	top:35px;
	left:485px;
}

a#lien_places{
	position:absolute;
	top:385px;
	left:745px;
}


p#texte_place{
	position:absolute;
	top:55px;
	left:230px;
	text-align:justify;
	width:240px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}


/* page formulaire places au port*/


p#texteformplaces{
	position:absolute;
	top:30px;
	left:230px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}

form#formplaces{
	position:absolute;
	top:60px;
	left:230px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}

form#formplaces p{
	margin-bottom:1px;
}

form#formplaces label{
	display:block;
	width:120px;
	float:left;
}

/* page formulaire demande en ligne*/


p#texteformdemande{
	clear:both;
	padding-top:30px;
	padding-left:230px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}

form#formdemande{
	padding-left:230px;
	font-size:13px;
	line-height:20px;
	font-weight:bold;
}

form#formdemande p{
	margin-bottom:4px;
}

form#formdemande label{
	display:block;
	width:120px;
	float:left;
}




/* page détail bateau */

p#descriptif{
	clear:both;
	text-align:justify;
	padding-top:30px;
	margin-left:230px;
	width:450px;	
}

img#plan_bateau{
position:absolute;
top:50px;
right:20px;	
}

#fleche_gauche{
	width:
}

/* page liste */

div#divliste{
	padding-top:40px;
}

ul#bateaux_liste{
	list-style-type:none;
	clear:both;
	margin-left:230px;
	/*padding-top:30px;*/
}

ul#bateaux_liste li{
	cursor:pointer;
	float:left;
	width:240px;
	height:95px;
	margin-bottom:10px;
	margin-left:10px;
	background-image: url(images/content/liste/fond_bateau.png);
	background-repeat:no-repeat;
	background-position: center right;
	position:relative;
}

ul#bateaux_liste li a{
	text-decoration:none;
}

ul#bateaux_liste li img{
	position:absolute;
	top:0px;
	right:117px;
}

span.nom_bateau{
	display:block;
	color:#fff;
	text-decoration:none;
	margin-left:135px;
	padding-top:20px;
	font-size:15px;
	
}