/*--------- CSS Document----------- */
/*                                  */
/*         ACCES-WEB.COM            */
/*   Copyright 2006, Acces-web      */
/*    CREE LE : 26-09-2006          */
/*         par Dorothée             */
/*----------------------------------*/


body {
  background:url(../images/fond-page.jpg);
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:0px;
  margin:0px auto;
}

#conteneur {
  position: relative;
  text-align: justify;
  margin: 0px auto;
  padding: 0px;
  width: 870px;
  background:#D8DFE6;
}

a {
	color: #404754;
	text-decoration:underline;
}


/********************************************************************************/
/******************************* PAGE ACCUEIL ***********************************/
/********************************************************************************/
#header {
	background:url(../images/img-default/header.jpg) no-repeat;
	padding:0;
	width: 100%;
	height: 152px;
	margin: 0 auto;
	text-indent:-5000px;
}

#contenu { 
	background-color: #D8DFE6; 
	float:left;
	width:100%;
	padding:0;
	margin: 0px auto;
}

#adresse {
	padding: 120px 0 0 0;
	margin: 0;
	float:left;
	background: url(../images/img-default/bas-menu.jpg);
	width:244px;
	height:55px;
	text-align:center;
	color:#ffffff;
	line-height:18px;
}

/************ Menu ************/
#menu {float:left; margin:0; padding:0; width:244px; background:url(../images/img-default/bg-rouge.jpg) repeat-y;}

#menu ul {float:left; padding:6px 0 0 0; margin:0; width:244px; height:323px; background:url(../images/img-default/bg-menu-nav.jpg) no-repeat top; list-style:none;}
#menu ul li {float:left; padding:0 0 0 30px; margin:0; width:214px; height:35px; line-height:35px; font-size:17px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/img-default/puce-menu.jpg) no-repeat 16px center;}
#menu ul li a { color:#FFF; text-decoration:none;}

#menu p {
	padding:0;
	margin:0;
	display:block;
	float:left;
}
/******************************/

#redactionnel {position:relative; 
	margin:0px auto;
	padding:0;
	width:626px;
	float:left;
	background-color : #D8DFE6;
	min-height:551px;
}

#bienvenue { float:left; display:inline; padding:0 0 8px 0; margin:5px 6px; width:330px; font-size:11px; color:#404754; background:url(../images/img-default/guillemet-fermant.jpg) no-repeat right bottom;}
#bienvenue h2 {float:left; padding:0 0 0 15px; margin:0; width:315px; color:#424951; font-size:1.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; background:url(../images/img-default/guillemet-ouvrant.jpg) no-repeat left top;}
#bienvenue p { clear:left; float:left; padding:0 15px; margin:3px 0; width:300px; }

#une { float:left; display:inline; padding:0; margin:5px 0px 5px 10px; width:260px; font-size:11px; color:#404754;}
#une h2 {float:left; padding:0; margin:0; width:260px; color:#424951; font-size:1.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
#une h3 {float:left; padding:5px 0 5px 15px; margin:0; width:245px; border-bottom:1px solid #b9c2ca; background:url(../images/img-nav/puce.jpg) no-repeat 0px 8px; font-size:11px; font-weight:normal;}
#une h3 a {color:#404754; text-decoration:none;}
#une h3 a strong {color:#c80724; text-decoration:none;}
#une h3 a span {color:#404754; text-decoration:underline; font-weight:bold;}

.metier {clear:left; float:left; display:inline; padding:10px; margin:0 0 10px 21px; width:560px; height:80px; background:url(../images/img-default/bg-metier.jpg) no-repeat top;}
.metier img {float:left; width:120px; margin:0 10px 0 0; border:none;}
.metier h2 {float:left; padding:0; margin:-2px 0 3px 0; width:430px; font-size:12px; color:#c90626; font-weight:bold; }
.metier p {float:left; padding:0; margin:0; width:430px; font-size:11px; color:#404754; line-height:13px; }

.metierPlus {clear:left; float:left; display:inline; padding:0 10px; margin:0 0 10px 21px; width:560px; height:29px; background:url(../images/img-default/bg-metier-plus.jpg) no-repeat top; font-size:12px; color:#c90626; line-height:29px; text-align:center;}
.metierPlus a {color:#c90626; }


#loremipsum {
	float:left;
	margin:0px;
	padding:0 8px 0 0;
	background:#D8DFE6;
	font-size:11px;
	color: #333333;
}

#loremipsum h2 {position:relative; padding:0; margin:5px 6px; width:600px; color:#424951; font-size:1.8em; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; border-bottom:1px solid #424951;}
/************ actualites ************/
.uneActu {clear:left; float:left; display:inline; padding:10px 0 10px 15px; margin:0 6px; width:585px; border-bottom:1px solid #b9c2ca; background:url(../images/img-nav/puce.jpg) no-repeat 0px 15px;}
.uneActu h3 {float:left; padding:0; margin:0; width:585px; color:#C90D2A; font-weight:bold; font-size:13px;}
.uneActu h3 a {color:#C90D2A; text-decoration:none;}
.uneActu p {float:left; padding:0; margin:0 0 5px 0; width:585px; color:#C90D2A; font-size:12px;}
.uneActu p a {color:#2d343e; text-decoration:none;}
.uneActu p a span {color:#2d343e; font-weight:bold; text-decoration:underline;}
/************************************/

/***********************************************************************************/
/******************************* PAGE navigation ***********************************/
/***********************************************************************************/
.texte {clear:left; float:left; display:inline; margin:0 6px; padding:0; width:600px; font-size:12px;}
.texteCentre {
	padding: 5px 13px 5px 8px;
	margin:0;
	font-size:12px;
	text-align:center;
}
.texteDecale {clear:left; float:left; display:inline; padding:5px 13px 5px 15px; margin:0 6px; width:585px; font-size:12px;}

/********** formulaire contact ***************/
fieldset {
	border:none;
	margin:0;
	padding:0 0 0 25px;
}
.champFrom {
	margin:0;
	padding:0;
	vertical-align:top;
	padding:0 0 5px 0;
	width:590px;
}
label {
	display: inline ;
	float: left ;
	width: 180px ;
	font-size:12px;
	font-weight:bold;
}
#zoneForm .largeur{ width:350px;}
.mention {
	margin:0;
	padding:0px 50px 0 0;
	color: #C90624;
	font-size:11px;
	text-align:right;
}
/*******************************************/

/********** liste bateaux neufs ***************/
ul#listeNeufs {float:left; padding:0; margin:15px 9px; width:600px; list-style:none;}
ul#listeNeufs li {float:left; padding:5px; margin:0 5px 10px 5px; width:175px; height:160px; border:1px solid #6a7179; background:#FFF; text-align:center;}
ul#listeNeufs li a img {border:none; margin-bottom:5px;}
ul#listeNeufs li a h3 {clear:left; padding:0; margin:0; color:#2d343e; text-decoration:none; font-weight:bold; font-size:1.2em;}

#colPhotos {float:left; display:inline; padding:0; margin:10px 0 0 6px; width:290px;}
#colPhotos img {float:left; padding:0; margin:0 9px 10px 0; border:1px solid #FFF;}
#colPhotos #interesse {float:left; padding:0; margin:10px 0; width:280px; height:33px; background:url(../images/img-nav/interesse.jpg); text-indent:-5000px;}

#colDescriptif {float:left; display:inline; padding:0; margin:10px 0; width:310px;}
#colDescriptif p {float:left; padding:0; margin:0 0 10px 0; width:310px; font-size:1.2em; text-align:left;}
#colDescriptif ul {float:left; padding:0; margin:0; width:310px; list-style:none; font-size:1.2em;}
#colDescriptif ul li {float:left; padding:5px 0; margin:0; width:310px; border-bottom:1px solid #bac7d5;}
#colDescriptif ul li span.etiquette {float:left; padding:0; margin:0; width:105px; font-weight:bold;}
#colDescriptif ul li span.contenu {float:left; padding:0; margin:0; width:205px; text-align:left;}
#colDescriptif ul li span.contenu2 {float:left; padding:0; margin:0; width:205px; color:#c90626; font-weight:bold;}

#retour {clear:left; float:left; padding:20px 0; margin:0 6px; width:600px; color:#2d343e; font-size:1.1em; text-align:center; text-decoration:none; font-weight:bold; }

/********** liste bateaux occasion ***************/
.nbResultats {clear:left; float:left; display:inline; padding:0; margin:0 6px; width:600px; color:#C90624; font-size:12px; text-align:right; font-weight:bold;}

ul#menuProduits { float:left; display:inline; margin:10px 6px; padding:0 0 0 65px; width:535px; list-style:none;}
ul#menuProduits li { float:left; padding:0; margin:0 60px 0 0; width:200px; border:1px solid #ffffff; background-color:#404754; text-align:center;}
ul#menuProduits li a { font-size:12px; text-decoration:none; color:#ffffff; line-height:22px;}

ul#listeOccaz {clear:left; float:left; padding:0 0 20px 0; margin:0 6px; width:600px; list-style:none;}
ul#listeOccaz li {clear:left; float:left; padding:10px 0; margin:0; width:600px; border-bottom:1px solid #404754;}
ul#listeOccaz li a {float:left; padding:5px; margin:0; width:590px; color:#404754; font-size:12px; text-decoration:none;}
ul#listeOccaz li a:hover {float:left; padding:5px; margin:0; width:590px; color:#404754; font-size:12px; background:#EDE3E4; text-decoration:none;}
ul#listeOccaz li .photo {float:left; padding:0; margin:0 15px 0 0; width:150px;}
ul#listeOccaz li .titre {float:left; padding:0; margin:0 0 5px 0; width:425px; color:#C90D2A; font-weight:bold; font-size:13px;}
ul#listeOccaz li .description {float:left; padding:0; margin:0 0 3px 0; width:425px; color:#404754;}