body {
	margin: 5px 0px 0px 0px; padding: 0;
	font-family: Arial, sans-serif; font-size: 62.5%;
	background-color: #ffffff;	
}
div{
	background-position:top left;
	background-repeat:no-repeat;
}
img{
	border:none;
}

div#page{
  position:absolute;
  top:50%;left:50%;
	margin:-290px auto 0px -500px;
  padding:0;
	border:dotted 1px #1f3c43;	
	width:1000px;
	height:580px;
}
	div#page div#menu{
		float:left;
		margin:0; padding:0;
		background-image:url(../images/fond-menu.jpg);
		width:217px; height:581px;
	}
	div#page div#menu.menu-int{
		background-image:url(../images/fond-menu-int.jpg);
		

	}

	div#page div#menu.menu-longue2{
		background-image:url(../images/fond-menu-lg2.jpg);
		height:1050px;
	}
		div#page div#menu img{
			margin:25px 0px 0px 30px; padding:0;
		}
		div#page div#menu div#swf{
			margin:40px 0px 0px 30px; padding:0;
		}
		div#page div#menu span{
			margin:0px 0px 0px 30px; padding:0;
			color:#6FC0F6;
			font-weight:bold;
			font-size:1.1em;
		}
		
		div#page div#menu p{
			margin:0px 0px 0px 30px; padding:0;
			color:#FFFFFF;
		}
	
	div#page div#header{
		float:left;
		margin:0; padding:0;
		height:94px; width:783px;
		background-image:url(../images/header.jpg);
	}
	div#page div#header.header-int{
		background-image:url(../images/header-int.jpg);
	}
		div#page div#header img#retour-accueil{
			margin:75px 0px 0px 15px;
		}
	div#page div#slogan{
		float:left;
		margin:0; padding:0;
		height:36px; width:605px;
		background-color:#67c6dd;
	}
		div#page div#slogan h1{
			margin:4px 0px 0px 16px;
			_margin:8px 0px 0px 16px;
			padding:0;
			font-family:Impact, Arial;
			font-size:2.2em;
			
			_line-height:0.8em;
			font-weight:normal;
		}
			div#page div#slogan h1 span{
				color:#FFF;
				font-size:0.9em;
			}

	div#page div#contact-haut{
		position:absolute;
		height:36px; width:184px;
		top:99px;
		right:160px;
		background-image:url(../images/contact.png);			
	}
		div#page div#contact-haut a{
			position:relative;
			margin:2px 0px 0px 40px;
			display:block;
			font-family:Impact, Arial;
				font-size:1.5em;
				color:#F00;
			text-decoration:none;
		}
		div#page div#contact-haut a:hover{
			color:#F00;
		}
		
	div#page div#devis{
		float:left;
		height:36px; width:178px;
		background-image:url(../images/fond-devis.gif);
			
	}
		div#page div#devis a:link, div#page div#devis a:visited{
			margin:7px 0px 0px 25px;
			display:block;
			font-family:Impact, Arial;
				font-size:1.5em;
				color:#FFF;
			text-decoration:none;
		}
		div#page div#devis a:hover{
			color:#F00;
		}
			div#page div#devis a img{
				margin:0px 0px 0px 10px;
				vertical-align:bottom;
			}
	div#page div#bateau{
		float:left;
		margin:0; padding:0;
	}
	
	
	
	div#page div#anim{
		float:left;
		margin:0; padding:0;
	}
/*---------------------page interieure ---------------*/

	div#page div#texte {
		float:left;
		width:527px; height:331px;
		margin:0; padding:20px 0px 0px 0px;
		background-image:url(../images/fond-texte.gif);
		font-size:1.2em;
	}
	div#page div.colonne {
	  font-size:1.2em;
	}

	div#page div#texte.longue2,
	div#page div.colonne.longue2{
		height:801px;
		_margin-top:-20px;	
	}

	
		div#page div#texte p,
		div#page div.colonne p{
			margin:0px 0px 0px 20px; padding:0;
			
				color:#1F3C43;
				font-weight:bold;
		}
			div#page div#texte p a:link, div#page div#texte p a:visited,
			div#page div.colonne p a:link, div#page div.colonne p a:visited {
				color:#F00;				
			}
		
			
		div#page div#texte p.titre,
		div#page div.colonne p.titre{
			margin-bottom:10px;
			color:#F00;
		}
		div#page div#texte ul,
		div#page div.colonne ul{
			margin:0px 0px 0px 20px; padding:0;
			list-style-image:url(../images/puce.gif);
				color:#1F3C43;
				font-weight:bold;
			
		}
		div#page div#texte ul.colonneGauche,
		div#page div.colonne ul.colonneGauche{
			width:350px;
		}
			div#page div#texte ul li,
			div#page div.colonne ul li{
				margin:0px 0px 4px 20px;
			}
				div#page div#texte ul li a:link, div#page div#texte ul li a:visited,
				div#page div.colonne ul li a:link, div#page div#texte ul li a:visited{
					color:#F00;
				}
		div#page div#texte table,
		div#page div.colonne table{
			color:#1F3C43;
				font-weight:bold;
		}
			div#page div#texte table tr td ul,
			div#page div.colonne table tr td ul{
				list-style-image:none;
				list-style:none;
			}
	
	div#page div#image{
		float:left;
		margin:0; padding:0;
		width:256px; height:351px;
		font-size:1.2em;
		background-image:url(../images/fond-image.gif);
		overflow:hidden;
	}
	div#page div#image2{
		float:left;
		margin:0; padding:0;
		width:256px; height:351px;
		font-size:1.2em;
		background-image:url(../images/fond-image.gif);
		_position:absolute;
		_margin-left:-100px;
		_margin-top:-20px;
	}
		div#page div#image img{
			margin:55px 0px 0px 50px;
		}
		div#page div#image img.gosset{
			margin:70px 0px 0px 90px;
		}
		div#page div#image p{
			margin:20px 0px 0px 40px;
			font-size:0.9em;
				color:#1F3C43;
				font-weight:bold;
		}
		div#page div#image2 p{
			margin:20px 0px 0px 40px;
			font-size:0.9em;
				color:#1F3C43;
				font-weight:bold;
		}
		div#page div#image div#accessoires{
		    float: left;
			margin: 5px 0px 0px 0px; 
		}
		
		
		div#page div#image2 div#accessoires2{
			margin:20px 5px 0px -70px;
			_margin:0;
			/*_position:absolute;
			_margin-top:-680px;
			_margin-left:500px;*/
		}
		div#page div#image div#accessoires p{
			margin:0;
			font-size:1em;
		}
			div#page div#image div#accessoires ul{
				margin:0px 0px 0px 20px; padding:0;
				list-style:outside;
				list-style-image:url(../images/puce.gif);		
					color:#1F3C43;
					font-weight:bold;
			}
		div#page div#image2 div#accessoires2 p{
			margin:0;
			font-size:1em;
		}
			div#page div#image2 div#accessoires2 ul{
				margin:0px 0px 0px 20px; padding:0;
				
				list-style:none;		
					color:#1F3C43;
					font-weight:bold;
			}
		div#page div#image div#plan-du-site{
			margin:20px 0px 0px -230px;
		}
		
			div#page div#image div#plan-du-site ul{
				
				list-style-image:url(../images/puce.gif);		
					color:#1F3C43;
					font-weight:bold;
			}
				div#page div#image div#plan-du-site ul li{
					
				}
					div#page div#image div#plan-du-site ul li a:link, div#page div#image div#plan-du-site ul li a:visited{
						color:#F00;
					}
	
	div#page div#plus-info{
		float:left;
		margin:0; padding:0;
		width:783px; height:26px;
		background-image:url(../images/fond-plus-infos.gif);
	}
	
		div#page div#plus-info a:link, div#page div#plus-info a:visited{
			margin:0px 0px 0px 368px;
			display:block;
			font-family:Impact, Arial;
				font-size:1.5em;
				color:#FFF;
			text-decoration:none;
		}
			div#page div#plus-info a img{
				margin:0px 0px 0px 9px;
				vertical-align:bottom;
			}
		div#page div#plus-info a:hover{
			color:#F00;
		}
		
div#page div#plus-info a.telecharger{
	float:left;
	margin:0px 0 0 20px;
	color:red;
	font-size:12px;
	font-family:arial;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	width:138px;
	height:26px;
	background: url("../images/fiche_produit.png") no-repeat;
	text-indent:-9999px;
}
div#page div#plus-info img.telecharger{
	margin-left:8px;
	float:left;
	margin-top:3px;
}
		
	div#page div#coordonnees{
		float:left;
		margin:0; padding:0;
		width:783px; height:46px;
		background-image:url(../images/fond-coordonnees.gif);
	}
		div#page div#coordonnees p{
			margin:5px 0px 0px 10px; padding:0;
			font-size:1.4em;
				color:#F00;
				font-weight:bold;
		}
		
/*------------------------------------ // ------------------*/
	
	div#page div#footer{
		float:left;
		height:28px; width:783px;
		background-color:#000;
	}
		div#page div#footer ul{
			margin:10px 0px 0px 0px; padding:0;
		}
			div#page div#footer ul li{
				display:inline;
			}
				div#page div#footer ul li a:link, div#page div#footer ul li a:visited{
					margin:0px 0px 0px 30px;
					color:#6FC0F6;
					font-size:1.2em;
					text-decoration:none;
				}

    #imprimer{
        text-align: right;
    }
    
    #imprimer img{
        vertical-align: middle; 
        margin-right: 5px;
    }
	
/*-----------------------------------------//-----------------------------*/
	.titreProd{
		color:#67C6DD;
		margin-bottom:-40px;
	}

/*######################################## MENU JS #############################*/

.categorie1{
	background: url('../images/menu/sails-menu1.png') top left ;
}

.categorie2{
	background: url('../images/menu/sails-menu2.png') top left ;
}

.categorie3{
	background: url('../images/menu/sails-menu3.png') top left ;
}

.categorie4{
	background: url('../images/menu/sails-menu4.png') top left ;
}

.categorie5{
	background: url('../images/menu/sails-menu5.png') top left ;
}

.categorie6{
	background: url('../images/menu/sails-menu6.png') top left ;
}

.categorie7{
	background: url('../images/menu/sails-menu7.png') top left ;
}

#menu_secondaire{
    float: left;
    width: 170px;
	margin-top: 20px;
	margin-left: 35px;
	
}
#menu_secondaire a{
    float: left;
    width: 120px;
	padding-left:50px;
	color:white;
	text-decoration:none;
	font-size:1.2em;
	margin : 3px 0 5px 0;
}
#menu_secondaire ul{
    margin: 0;
	padding: 0px;
	line-height: 25px;
	width: 170px;
}
#menu_secondaire ul li{
    list-style-image: none;
	list-style-type: none;
	padding: 1px 0 5px 5px;
}

#menu_secondaire ul li a:hover{
    text-decoration: none;
	color: #FF0000;
}
#menu_secondaire ul li ul {
	padding: 0 0 0px 10px;
	line-height: 15px;
}
#menu_secondaire ul li ul li {
	padding: 0 0 0px 0px;
}
#menu_secondaire ul li ul li a {
    color: #1F3C43;
    font-size: 1.1em;
    line-height: 16px;
    margin: 0;
    width: 150px;
    padding-left: 0;
}

#menu_secondaire ul li ul li a:hover{
	text-decoration: none;
	color: #FF0000;
	font-weight: bold;
}
#menu_secondaire ul li a.current{
	text-decoration: none;
	color: #FF0000;
	font-weight:bold;
}
#menu_secondaire ul li ul li a.current{
	text-decoration: none;
	color: #FF0000;
	font-weight:bold;
}

	div#page div#nav_left{
		float:left;
		margin:0; padding:0;
		background-image:url(../images/fond-menu.jpg);
		width:217px; height:581px;
	}
	div#page div#nav_left.menu-int{
		background-image:url(../images/fond-menu-int.jpg);
		

	}

	div#page div#nav_left.menu-longue2{
		background-image:url(../images/fond-menu-lg2.jpg);
		height:1050px;
	}
		div#page div#nav_left img{
			margin:25px 0px 0px 30px; padding:0;
		}
		div#page div#nav_left div#swf{
			margin:40px 0px 0px 30px; padding:0;
		}
		div#page div#nav_left span{
			margin:0px 0px 0px 30px; padding:0;
			color:#6FC0F6;
			font-weight:bold;
			font-size:1.1em;
		}
		
		div#page div#nav_left p{
			margin:0px 0px 0px 30px; padding:0;
			color:#FFFFFF;
		}

.bloc_adresse{
	bottom: 0;
    float: left;
    margin-bottom: 3px;
    position: absolute;
}

/*################## Diaporama accueil ##################*/

div#img_acc {
    float: left;
	width:456px;
    margin: 0;
    padding: 0;
	background: #1F3C44;
}

div#slider_acc {
  position:relative;
  width: 456px;
  height: 423px;
   background: transparent url(../../images/acc/back_slider.png) no-repeat center top;
}
div#slider_acc ul#navigation-slider {
  float: left;
  list-style-type: square;
  color: red;
  font-family:Helvetica;
  padding:0;
	margin:0;
	width:274px;
	background: url('../images/menu_diapo.png');
	  height: 100%;
}

div#slider_acc ul#navigation-slider h2{
	margin:0;
	padding:0;
	color:#000000;
	font-family: Impact,Arial;
	display:block;
	height:21px !important;
}



div#slider_acc ul#navigation-slider .h2-1{	margin-left:100px;}
div#slider_acc ul#navigation-slider .h2-2{	margin-left:80px; margin-top: -5px;}
div#slider_acc ul#navigation-slider .h2-3{	margin-left:50px;  margin-top: -5px;}
div#slider_acc ul#navigation-slider .h2-4{ margin-left:110px; margin-top:-3px;}
div#slider_acc ul#navigation-slider .h2-5{	margin-left:70px; margin-top: -4px;}

div#slider_acc ul#navigation-slider li {
  padding: 2px 0;
  list-style-type:none;
  font-size:1.5em;
  font-weight:bold;
  display:block;
  height:21px;
}

div#slider_acc ul#navigation-slider li.current {
  list-style-type: none;
  background-image: url(../../images/css/general/gauche_h.png);
  background-position:0;
  background-repeat:no-repeat;

}

/*div#slider_acc ul#navigation-slider li.current a {
  border-left: 2px solid #F6623B;
}*/

div#slider_acc ul#navigation-slider li.sl1 {  margin-left:75px; margin-top:5px; }
div#slider_acc ul#navigation-slider li.sl2 {  margin-left:70px; }
div#slider_acc ul#navigation-slider li.sl3 {  margin-left:33px; }
div#slider_acc ul#navigation-slider li.sl4 {  margin-left:10px; }
div#slider_acc ul#navigation-slider li.sl5 {  margin-left:70px; }
div#slider_acc ul#navigation-slider li.sl6 {  margin-left:50px; }
div#slider_acc ul#navigation-slider li.sl7 {  margin-left:10px; }
div#slider_acc ul#navigation-slider li.sl8 {  margin-left:105px; }
div#slider_acc ul#navigation-slider li.sl9 {  margin-left:95px; }
div#slider_acc ul#navigation-slider li.sl10 {  margin-left:95px; }
div#slider_acc ul#navigation-slider li.sl11 {  margin-left:155px; }
div#slider_acc ul#navigation-slider li.sl12 {  margin-left:130px; margin-top:-6px;}

div#slider_acc ul#navigation-slider li.sl1:hover, div#slider_acc ul#navigation-slider li.sl1.current {  }
div#slider_acc ul#navigation-slider li.sl2:hover, div#slider_acc ul#navigation-slider li.sl2.current {  }
div#slider_acc ul#navigation-slider li.sl3:hover, div#slider_acc ul#navigation-slider li.sl3.current {  }
div#slider_acc ul#navigation-slider li.sl4:hover, div#slider_acc ul#navigation-slider li.sl4.current {  }
div#slider_acc ul#navigation-slider li.sl5:hover, div#slider_acc ul#navigation-slider li.sl5.current {  }

div#slider_acc ul#navigation-slider li a {
  color: red !important;
  font-size: 0.75em;
  text-decoration:none;
}

div#slider_acc ul#navigation-slider li:hover a {
  color:black !important;
  padding: 0 30px 0 10px;
  text-decoration:none;
}
div#slider_acc ul#navigation-slider li:hover {
  list-style-type: none;
  background-image: url(../../images/css/general/gauche_h.png);
  background-position:0;
  background-repeat:no-repeat;

}

div#slider_acc div#content-slider {
  float: right;
  margin-right:2px;
  margin-top:43px;
  position:absolute;
  right:0;
  overflow: hidden;
  width:265px;
  height: 322px;
}

div#slider_acc div#content-slider ul {
  list-style-type: none;
  padding:0;
}

div#slider_acc div#content-slider img{
	float:right;
}