/*----------------------------------------------------------------------------//
// Feuille de styles du client -----------------------------------------------//
//----------------------------------------------------------------------------//
// Client : Groupe Performance Marine
// Note   : Les font-size doivent êtres en em, même les styles provenant de 
			editeur.css.
// Date   : Avril 2009
//----------------------------------------------------------------------------*/
@import url(reset.css);/* Mise à zéro de tous les padding / margin par défaut */
@import url(traductions.css);/* Redéfinitions des images traduites */

/*- Général -------------------------------------------------------------------*/
body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 62.6%; /* 10px par défaut */
	background: #03080c url(/images/Bg.jpg) no-repeat top center;
}
p {
	margin: 0 0 12px 0;
}
h1 {
	font-size: 3.2em;
	font-weight: bold;
	color: #0d1f2b;
	margin: 0 0 13px;
}
h1 span {
	font-weight: normal;
	color: #898989;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #0d1f2b;
	margin: 25px 0 15px 0;
}
h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: ;
	margin: 15px 0 3px 0;
}
h4, h5, h6 {
	font-size: 1.2em;
	font-weight: bold;
	color: #577596;
	text-transform: uppercase;
	margin: 10px 0 6px 0;
}
a, a:hover {
	color: #739bc7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sup {
	font-size: 80%;
	line-height: 100%;
	vertical-align: text-top;
	padding-bottom: 5px;
}

/*- Styles communs à toutes les pages -----------------------------------------*/
.PrintOnly { display: none; }
.AligneGauche { float: left; }
.AligneDroite { float: right; }
.Clearer { clear: both; }
.Clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#Wrapper {
	width: 960px;
	margin: 0 auto;
}
#Entete {
	background: url(/images/Bg_Entete.png) no-repeat;
	height: 140px;
	position: relative;
}
#Logo {
	position: absolute;
	left:0; top: 22px;
}
#Logo a {
	display: block;
	width: 160px; height: 108px;
	background: url(/images/Logo_PerformanceMarine.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

/*-- Navigation fixe --*/
#NavFixe {
	position: absolute;
	top:9px;
	right:0;
}
#NavFixe li {
	font-size: 1.1em;
	background: url(/images/Bg_NavFixe.gif) no-repeat 0 5px;
	float: left;
	padding: 3px 10px 0;
}
#NavFixe li.PremierItem {
	background: none;
	/*padding-right: 0;*/
}
#NavFixe li a {
	color: #739bc7;
}
#NavFixe li a:hover, #NavFixe li a.On, #NavFixe li a.On:hover {
	text-decoration: none;
	border-bottom:1px solid #c41230;
}
#NavFixe li.BtLangue {
	background: none;
	padding: 0;
}
#NavFixe li.BtLangue a {
	color: #fff;
	display: block;
	background:#c41230;
	line-height: 20px;
	text-align:center;
}
#NavFixe li.BtLangue a:hover {
	background: #810e21;
}
#NavFixe li.BtLangue a:hover {
	border: 0;
}

/*-- Corps de la page --*/
#Corps {
	width:960px;
}
#Contenu {
	background: #e4ecf6 url(/images/Bg_Contenu.png) repeat-x;
	padding: 25px 40px;
	width: 880px;
}
#Contenu p {
	font-size: 1.3em;
	line-height: 1.4em;
	color: #898989;
}

/*-- Inscription au bulletin --*/
#BlocBulletinPub {
	background: url(/images/Bg_BlocBulletinPub.png) no-repeat;
	width: 960px;
	height: 123px;
}
#Bulletin {
	background: url(/images/Bg_Bulletin.jpg) no-repeat;
	width: 212px;
	height: 100px;
	float: left;
	margin-right: 10px;
	display: inline;
}
#Bulletin p.TiBulletin {
	margin: 18px 0 17px 61px;
	text-indent: -9999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 141px;
	height: 41px;
}
#Bulletin input {
	color: #fff;
	background: #424d56;
	border:0;
	padding: 4px 7px 0;
	margin-left: 21px;
	width: 145px;
	height: 19px;
	vertical-align: middle;
}
#imgPub,
img.PubBanniere {
	border: 1px solid #000;
	margin-top: 10px;
}

/*-- Fournisseurs --*/
#LogosFournisseurs {
	background: url(/images/Bg_Fournisseurs.png) no-repeat;
	height: 88px;
}
#LogosFournisseurs ul {
	margin: 0;
	height: 88px;
}
#LogosFournisseurs ul li {
	/*width: 16%;*/
	float: left;
	height: 88px;
	text-align: center;
	padding-top: 4px;
}

/*-- Pied de page --*/
#Succursales, #Copyright {
	margin-top: 25px;
	display: inline;
}
#Succursales {
	float: left;
	margin-left: 20px;
	text-transform: uppercase;
}
#Copyright {
	float: right;
	margin-right: 20px;
}
#Succursales ul li, #Copyright ul li {
	background: url(/images/Bg_NavFixe.gif) no-repeat 0 2px;
	padding: 0 9px;
}
#Succursales ul li.PremierItem, #Copyright ul li.PremierItem {
	background: none;
	padding-left: 0;
}
#PiedPage {
	margin-top: 12px;
	padding-bottom: 20px;
}
#PiedPage p {
	font-size: 1.1em;
	color: #707070;
	text-transform: uppercase;
	margin: 0;
}
#PiedPage ul li {
	float: left;
}
#Succursales a, #Copyright a {
	font-size: 1.1em;
}
#Succursales a:hover, #Copyright a:hover {
	border-bottom:1px solid #C41230;
	text-decoration: none;
}

/*- Styles spéciaux pour page d'accueil ---------------------------------------*/
.ConteneurTransparent {
	height: 192px;
	overflow: hidden;
	float: left;
}
.ConteneurTransparent.Noir {
	color: #959595;
	background: transparent url(/images/Bg_TransparentNoir.png);
	width: 222px;
	margin: 12px 8px 0 0;
}
.ConteneurTransparent.Blanc {
	color: #000;
	background: transparent url(/images/Bg_TransparentBlanc.png);
	width: 267px;
	margin: 12px 0 0 0;
}
.ConteneurTransparent div {
	font-size: 1.1em;
	margin: 3px;
	padding: 14px 16px;
}
.ConteneurTransparent.Noir div {
	background: url(/images/Bg_CoinTransparentNoir.gif) no-repeat top right;
}
.ConteneurTransparent.Blanc div {
	background: url(/images/Bg_CoinTransparentBlanc.gif) no-repeat top right;
}
.ConteneurTransparent h2 {
	margin: 0 0 12px 0;
	text-indent: -9999px;
	background-repeat: no-repeat;
	height: 47px;
}
.InfoEvenement {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
}
.ConteneurTransparent h3 {
	font-size:1.4em;
	color: #fff;
	text-transform: uppercase;
	margin:0;
}
a.BtVoirModeles, a.BtVoirCatalogue, a.BtSavoirPlus, a.BtPlusInfos, a.BtNousContacter {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height:10px;
	background-repeat: no-repeat;
}

/*- Styles spéciaux pour pages intérieures ------------------------------------*/
#Contenu div.hr {
	background: url(/images/Bg_LigneBasContenu.gif) repeat-x;
	height: 3px;
	margin: 12px 0;
}
#Contenu div.hr hr {
	display: none;
}

/*-- Menu utilitaire en haut de page --*/
#Contenu div#MenuUtile {
	border-bottom: 1px solid #e7e8e9;
	padding-bottom: 8px;
	margin-bottom: 30px;
	width: 880px;
}
#Contenu div#MenuUtile p {
	float: left;
	margin: 0;
}
#Contenu div#MenuUtile ul {
	float: right;
	font-size: 1.1em;
	line-height: normal;
	margin: 0;
}
#Contenu div#MenuUtile ul li {
	float: left;
	margin-left: 17px;
	padding: 0;
	list-style: none outside none;
	line-height: 22px;
}
#Contenu div#MenuUtile ul li a {
	background: url(/images/Puce_Lien.gif) no-repeat 100% 4px;
	padding-right: 8px;
}

/*-- Conteneurs pour répétitions --*/
.ConteneurElement {
	margin: 40px 0;
}
.ContenuElement {
	width: 672px;
	float:right;
}

/*-- Accordéon --*/
#Contenu ul.Accordeon {
	font-size: 1em;
	margin: 0 0 12px;
}
#Contenu ul.Accordeon li {
	list-style: none none;
	width: 100%;
	background: #fff;
	margin: 0 0 6px;
	padding: 0;
}
#Contenu ul.Accordeon li .Titre {
	display: block;
	font-size: 1.2em;
	line-height: 24px;
	background: #d8e4f2 url(/images/Bg_Accordeon.gif) no-repeat 100% 0px;
	padding: 0 10px;
	outline: none;
}
#Contenu ul.Accordeon li .Titre:hover {
	text-decoration: none;
	background-color: #fff;
}
#Contenu ul.Accordeon li.On .Titre {
	background-color: transparent;
	background-position: 100% -24px;
}
#Contenu ul.Accordeon li .Section		 { padding: 8px 10px 4px; }
#Contenu ul.Accordeon li .Section p		 { font-size: 1.1em; margin: 0 0 6px; }
#Contenu ul.Accordeon li .Section strong { color: #0d1f2b; }

/*-- Blocs Call-to-action dans le contenu --*/
#Contenu .CallsToAction {
	float: right;
	margin: 0 0 24px 32px;
}
#Contenu .CallsToAction .Bloc {
	width: 169px;
	background: #0c1720 url(/images/Bg_CallToAction.png) no-repeat 100% 0%;
	padding: 12px 18px 2px;
	margin: 0 0 12px;
}
#Contenu .CallsToAction .Bloc p { font-size: 1.1em; margin: 0 0 8px; }
#Contenu .CallsToAction .Bloc p strong {
	font-size: 1.5em;
	color: #739bc7;
	line-height: 1.2em;
}
#Contenu .CallsToAction .Bloc a {
	color: #fff;
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 8px;
}
/* Styles pour bateaux neufs / fiche --------------------------------------*/
body.BateauxNeuf #ColG {
	float: left;
	width: 636px;
	margin-right: 35px;
}
body.BateauxNeuf h2,
body.BateauxNeuf #ColG h3 { margin-top: 0; }
body.BateauxNeuf #ColD {
	float: left;
	width: 205px;
}

/*-- Landing-page, Gamme de produit --*/
body.BateauxNeuf #Contenu ul.Accordeon li .Section { padding: 0; }
body.BateauxNeuf #Contenu ul.Accordeon .Texte {
	float: left;
	width: 280px;
	padding: 0 10px;
	margin: 10px 0;
}
body.BateauxNeuf #Contenu ul.Accordeon .Marques {
	float: left;
	width: 312px;
	font-size: 1.1em;
	line-height: normal;
	border-left: 1px solid #d8e4f2;
	margin: 10px 0;
	padding-left: 12px;
}
body.BateauxNeuf #Contenu ul.Accordeon .Marques li {
	float: left;
	width: auto;
	text-align: center;
	margin: 0 8px 0 0;
	overflow: hidden;
}

/*-- Landing-page, Résultats de recherche --*/
body.BateauxNeuf #Contenu h2 span { color: #898989; }
body.BateauxNeuf #Contenu a.Suite {
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 10px;
}
body.BateauxNeuf #Contenu table.Tableau td {
	border-bottom: 1px solid #eaf0f7;
	padding: 7px 19px;
}
body.BateauxNeuf #Contenu table.Tableau td.CelluleTitre {
	border-bottom: 5px solid #eaf0f7;
	padding: 4px 19px;
}

/*-- Fiche, Bloc nouveauté --*/
#Contenu .BlocRecherche {
	position: relative;
	background: #19242e url(/images/Bg_BlocRecherche.jpg) no-repeat 100% 0%;
	padding: 16px;
}
#Contenu .BlocRecherche h2 {
	width: 122px;
	height: 39px;
	margin: 0 0 16px;
	text-indent: -9999px;
	overflow: hidden;
}
#Contenu .BlocRecherche p {
	font-size: 1.1em;
	color: #a1a1a1;
}
#Contenu .BlocRecherche label {
	display: block;
	font-size: .9em;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 2px;
}
#Contenu .BlocRecherche div.hr {
	background: #2c465c;
	height: 1px;
}

/*-- Fiche, Tableau de modèles --*/
#Contenu table.Tableau.Series {
	float: right;
	margin-left: 20px;
}
#Contenu table.Tableau.Series td {
	text-align: center;
}
#Contenu table.Tableau.Series td table td {
	padding: 5px;
	text-align: center;
}

/*-- Fiche, Photo du modèle --*/
div.PhotoModele {
	width: 185px;
	float:left;
	margin-right: 21px;
	float: left;
}
div.PhotoModele img {
	background: url(/images/Bg_PhotoModele.png) no-repeat;
	border: 3px solid #cfd8e0;
	margin-bottom: 8px;
}
#Contenu div.PhotoModele p {
	font-size: 1.1em;
}
#Contenu div.PhotoModele a {
	text-transform: uppercase;
	background: url(/images/Puce_Photo.gif) no-repeat;
	padding-left: 18px;
}
#Contenu .BlocNouveaute div.PhotoModele a {
	background-image: url(/images/Puce_PhotoAlt.gif);
}
#Contenu div.PhotoModele span {
	padding-left: 18px;
}

/*-- Fiche, Bloc nouveauté --*/
.BlocNouveaute {
	background: #0c1720 url(/images/Bg_BlocNouveaute.gif) repeat-x;
	padding: 20px 22px;
	margin-left: -22px;
	float: left;
	display: inline;
	width: 879px;
	position: relative;
}
.BlocNouveaute .ContenuElement {
	width: 647px;
	float: left;
}
.BlocNouveaute h2 {
	font-size: 1.6em;
	font-weight: bold;
	color: #739bc7;
	margin-top: 0;
}
.BlocNouveaute h3 {
	font-size: 2.4em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	margin:0;
}
#Contenu .BlocNouveaute p {
	color: #a1a1a1;
}
.BlocNouveaute p.BtSavoirPlus {
	position: absolute;
	top: 0;
	right:23px;
}

/* Styles pour bateaux location, landing page ---------------------------------*/
body.BateauxUsages #Contenu .Categorie {
	color: #577596;
	text-transform: uppercase;
	margin: 0;
}
body.BateauxUsages #ColG, body.BateauxUsages #ColD {
	float: left;
	margin-right: 40px;
}
body.BateauxUsages #ColG { width: 249px; padding-top: 22px; }
body.BateauxUsages #ColD { width: 591px; padding-top: 8px; margin-right: 0; }

body.BateauxUsages #ColG h2 { margin-top: 0; }

/*-- Paginations --*/
body.BateauxUsages #ColD .Pagination { height: 28px; padding-top: 12px; }
body.BateauxUsages #ColD .Pagination ul {
	font-size: 1.1em;
	line-height: normal;
	margin: 0;
}
body.BateauxUsages #ColD .Pagination li {
	list-style: none none;
	float: left;
	line-height: 20px;
	padding: 0;
}
body.BateauxUsages #ColD .Pagination .Nav { float: left; }
body.BateauxUsages #ColD .Pagination .Nav li { margin-right: 12px; }
body.BateauxUsages #ColD .Pagination .Nav a.Prec {
	background: url(/images/Bg_BtnMoinsInfos.gif) no-repeat 0% 50%;
	padding-left: 10px;
}
body.BateauxUsages #ColD .Pagination .Nav a.Suiv {
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 10px;
}
body.BateauxUsages #ColD .Pagination .Pages { float: right; }
body.BateauxUsages #ColD .Pagination .Pages li { margin-left: 3px; }
body.BateauxUsages #ColD .Pagination .Pages a {
	display: block;
	width: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background: #c41230;
}
body.BateauxUsages #ColD .Pagination .Pages a:hover,
body.BateauxUsages #ColD .Pagination .Pages a.On,
body.BateauxUsages #ColD .Pagination .Pages a.On:hover { background-color: #810e21; }

/*-- Liste des résultats --*/
body.BateauxUsages #Resultats {
	width: 100%;
	background: url(/images/Bg_ResultatsUsages.gif);
}
body.BateauxUsages #Resultats p {
	font-size: 1.1em;
	color: #0d1f2b;
	margin: 0 0 8px;
}
body.BateauxUsages #Resultats ul {
	font-size: 1em;
	line-height: normal;
	margin: 0;
}
body.BateauxUsages #Resultats li {
	float: left;
	width: 187px; height: 203px;
	margin-right: 15px;
	padding: 7px 0 0;
	overflow: hidden;
}
body.BateauxUsages #Resultats li.DernierItem { margin-right: 0; }
body.BateauxUsages #Resultats .Photo {
	position: relative;
	width: 181px; height: 134px;
	background: #0d1f2b;
	border: 3px solid #cfd8e0;
}
body.BateauxUsages #Resultats .Texte {
	position: absolute;
	width: 181px; height: 134px;
	text-align: center;
	line-height: 134px;
	background: url(/images/spacer.gif);
	margin: 3px 0 0 3px;
	z-index: 50;
}
body.BateauxUsages #Resultats .Texte a {
	color: #fff;
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 8px;
}
body.BateauxUsages #Resultats .Masque { position: absolute; z-index: 10; }
body.BateauxUsages #Resultats .Note { float: right; color: #898989; }

/* Styles pour bateaux location, fiche ----------------------------------------*/
body.BateauxUsagesFiche #Contenu .Categorie {
	color: #577596;
	text-transform: uppercase;
	margin: 0;
}
body.BateauxUsagesFiche #ColG, body.BateauxUsagesFiche #ColC, body.BateauxUsagesFiche #ColD {
	float: left;
	margin-right: 40px;
}
body.BateauxUsagesFiche #ColG { width: 209px; }
body.BateauxUsagesFiche #ColC { width: 238px; }
body.BateauxUsagesFiche #ColD { width: 353px; margin-right: 0; }

/*-- Colonne de gauche --*/
body.BateauxUsagesFiche #ColG h2 { margin-top: 0; }
body.BateauxUsagesFiche .ConteneurElement { margin: 24px 0; }
body.BateauxUsagesFiche .ConteneurElement h4 {
	background: #d8e4f2;
	margin: 0 0 5px;
	padding: 3px 12px;
}
body.BateauxUsagesFiche .ConteneurElement .Texte {
	background: #fff;
	padding: 8px 12px 2px;
}
body.BateauxUsagesFiche #Contenu .ConteneurElement .Texte p { font-size: 1.1em; }

/*-- Colonne du centre --*/
body.BateauxUsagesFiche #ColC h2 {
	margin-top: 0;
	margin-bottom: 12px;
}
body.BateauxUsagesFiche #ColC ul {
	font-size: 1.1em;
	line-height: normal;
	border-top: 1px solid #cfd8e0;
	margin: 0 0 16px;
}
body.BateauxUsagesFiche #ColC ul li {
	list-style: none none;
	color: #898989;
	border-bottom: 1px solid #cfd8e0;
	padding: 5px 0;
}

/*-- Colonne de droite --*/
body.BateauxUsagesFiche #ColD p { font-size: 1.1em; }
body.BateauxUsagesFiche #ColD .Photo {
	height: 264px;
	background: #0d1f2b url(/images/Img_Chargement.gif) no-repeat 50% 50%;
	margin: 0 0 7px;
	overflow: hidden;
	clear: both;
}
body.BateauxUsagesFiche #ColD .Photo img { border: 3px solid #cfd8e0; }
body.BateauxUsagesFiche #ColD .Thumbs {	margin: 0; }
body.BateauxUsagesFiche #ColD .Thumbs li {
	list-style: none none;
	float: left;
	width: 107px; height: 79px;
	background: #0d1f2b;
	border: 3px solid #cfd8e0;
	margin: 0 7px 7px 0;
	padding: 0;
}
body.BateauxUsagesFiche #ColD .Thumbs li.DernierItem { margin-right: 0; }
body.BateauxUsagesFiche #ColD .Thumbs li a { display: block; }


/* Styles pour bateaux location, landing page ---------------------------------*/
body.BateauxLocation #ColG, body.BateauxLocation #ColC, body.BateauxLocation #ColD {
	float: left;
	margin-right: 40px;
}
body.BateauxLocation #ColG { width: 246px; }
body.BateauxLocation #ColC { width: 173px; padding-top: 54px; }
body.BateauxLocation #ColD { width: 381px; margin-right: 0; }

/*-- Landing page, Colonne de gauche --*/
body.BateauxLocation #ColG h2 { margin-top: 0; }

/*-- Landing page, Colonne centrale --*/
body.BateauxLocation #ColC h4 { margin: 0; }
body.BateauxLocation #ColC p { font-size: 1.1em; }
body.BateauxLocation #ColC ul {
	font-size: 1.1em;
	line-height: normal;
	border-top: 1px solid #cfd8e0;
	margin: 20px 0 16px;
}
body.BateauxLocation #ColC ul li {
	list-style: none none;
	border-bottom: 1px solid #cfd8e0;
	padding: 7px 0;
}

/*-- Landing page, Colonne de droite --*/
body.BateauxLocation #ColD h2 { margin: 0; }
body.BateauxLocation #ColD p { font-size: 1.1em; }
body.BateauxLocation #ColD ul {
	font-size: 1.1em;
	line-height: normal;
	margin: 0;
}
body.BateauxLocation #ColD ul li {
	list-style: none none;
	float: left;
	position: relative;
	width: 181px; height: 134px;
	background: #0d1f2b;
	border: 3px solid #cfd8e0;
	margin: 0 7px 7px 0;
	padding: 0;
}
body.BateauxLocation #ColD ul li.Alt {
	margin-right: 0;
}
body.BateauxLocation #ColD ul li img { display: block; }
body.BateauxLocation #ColD ul li .Texte {
	position: absolute;
	width: 141px; height: 114px;
	font-size: 1em;
	color: #739bc7;
	line-height: normal;
	text-transform: uppercase;
	margin: 0;
	padding: 20px 20px 0;
}
body.BateauxLocation #ColD ul li .Texte em { font-style: normal; font-weight: bold; }
body.BateauxLocation #ColD ul li .Texte strong { font-size: 1.2em; color: #fff; }
body.BateauxLocation #ColD ul li .Texte a {
	position: absolute;
	right: 12px; bottom: 12px;
	color: #fff;
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	text-transform: none;
	padding-right: 8px;
}
body.BateauxLocation #ColD ul li.Loue .Texte {
	width: 181px; height: 134px;
	padding: 0;
}

/* Styles pour bateaux location, fiche ----------------------------------------*/
body.BateauxLocationFiche #Contenu .Categorie {
	color: #577596;
	text-transform: uppercase;
	margin: 0;
}
body.BateauxLocationFiche #ColG, body.BateauxLocationFiche #ColD {
	float: left;
	margin-right: 40px;
}
body.BateauxLocationFiche #ColG { width: 251px; }
body.BateauxLocationFiche #ColD { width: 589px; margin-right: 0; padding-top: 22px; }

/*-- Fiche, Colonne de gauche --*/
body.BateauxLocationFiche #ColG h2 { margin: 24px 0 8px; }
body.BateauxLocationFiche #ColG ul {
	font-size: 1.1em;
	line-height: normal;
	border-top: 1px solid #cfd8e0;
	margin: 12px 0 16px;
}
body.BateauxLocationFiche #ColG ul li {
	list-style: none none;
	color: #898989;
	border-bottom: 1px solid #cfd8e0;
	padding: 5px 0;
}

/*-- Fiche, Colonne de droite --*/
body.BateauxLocationFiche #ColD p { font-size: 1.1em; }
body.BateauxLocationFiche #ColD .Nav {
	height: 23px;
	font-size: 1.1em;
	line-height: normal;
	margin: 0 0 12px;
}
body.BateauxLocationFiche #ColD .Nav li {
	list-style: none none;
	line-height: 23px;
	padding: 0;
}
body.BateauxLocationFiche #ColD .Nav li.AligneGauche { margin-right: 12px; }
body.BateauxLocationFiche #ColD .Nav li.AligneDroite { margin-left: 12px; }
body.BateauxLocationFiche #ColD .Nav li a.Prec {
	background: url(/images/Bg_BtnMoinsInfos.gif) no-repeat 0% 50%;
	padding-left: 10px;
}
body.BateauxLocationFiche #ColD .Nav li a.Suiv {
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 10px;
}
body.BateauxLocationFiche #ColD .Photo {
	height: 442px;
	background: #0d1f2b url(/images/Img_Chargement.gif) no-repeat 50% 50%;
	margin: 0 0 14px;
	overflow: hidden;
	clear: both;
}
body.BateauxLocationFiche #ColD .Photo img { border: 3px solid #cfd8e0; }
body.BateauxLocationFiche #ColD .Thumbs {
	height: 96px;
	margin: 0;
}
body.BateauxLocationFiche #ColD .Thumbs li {
	list-style: none none;
	float: left;
	width: 107px; height: 79px;
	background: #0d1f2b;
	border: 3px solid #cfd8e0;
	margin-right: 6px;
	padding: 0;
}
body.BateauxLocationFiche #ColD .Thumbs li.DernierItem { margin-right: 0; }
body.BateauxLocationFiche #ColD .Thumbs li a { display: block; }

/* Styles pour bateaux neufs / fiche --------------------------------------*/
body.Nouvelles #ColG, body.Nouvelles #ColD {
	float: left;
	margin-right: 40px;
}
body.Nouvelles #ColG { width: 615px; }
body.Nouvelles #ColD { width: 225px; margin-right: 0; }

/*-- Colonne de gauche --*/
body.Nouvelles #ColG h2 { margin: 0 0 15px; }
body.Nouvelles #ColG h2 span { font-size: 0.7em; }
body.Nouvelles #ColG h4 { margin: 0 0 12px; }

/*-- Colonne de droite --*/
body.Nouvelles #ColD h4 { margin: 0; }
body.Nouvelles #ColD p { font-size: 1.1em; }
body.Nouvelles #ColD .Bloc {
	border-bottom: 1px solid #cfd8e0;
	margin: 0 0 18px;
	padding: 0 2px 2px;
}
body.Nouvelles #ColD .Bloc .Date { margin: 0; }

/* Styles pour formulaire de contact ------------------------------------------*/
body.Contact #Contenu div.hr {
	margin: 20px 0;
}

body.Contact #Contenu .Formulaire p label strong {
	font-size: 1.1em;
	color: #0d1f2b;
}
body.Contact #Contenu .Formulaire .Coin {
	position: absolute;
	top: 0;
	width: 390px; height: 112px;
	border-left: 1px solid #cfd8e0;
	margin-left: 460px;
	padding-left: 20px;
	overflow: hidden;
}
body.Contact #Contenu .Formulaire .Coin p { padding-left: 110px; }
body.Contact #Contenu .Formulaire .Coin p label { margin-left: -110px; }
body.Contact #Contenu .Formulaire .Coin p.Alt { padding-left: 185px; }
body.Contact #Contenu .Formulaire .Coin p.Alt label { margin-left: -185px; }
body.Contact #Contenu .Formulaire .Coin p.RadioBtn {
	font-weight: bold;
	color: #577596;
	text-transform: uppercase;
}

body.Contact table.Tableau td td { padding-right: 4px; vertical-align: middle; }
body.Contact table.Tableau td td input {
	margin: 3px;
	vertical-align: middle;
}
body.Contact table.Tableau td td strong { color: #577596; }
body.Contact table.Tableau td.Form p { margin: 0 0 8px; }
body.Contact table.Tableau td.Form p label { display: block; margin-bottom: 3px; }

/*- Styles pour menu principal / sous-menu  -----------------------------------*/
#MenuPrincipal {
	position: absolute;
	top: 80px;
	left: 186px;
	height: 27px;
}
#MenuPrincipal li {
	float: left;
	height: 32px;
	background: url(/images/Bg_MenuPrincipal.png) no-repeat top right;
	padding: 0 12px;
}
#MenuPrincipal li ul li {
	/*border-right: 1px solid #233949;*/
	background: url(/images/Bg_MenuPrincipal-Niveau2.gif) no-repeat top right;
	padding: 0 9px;
	height: 19px;
	border:0;
}
#MenuPrincipal li.Bateaux {
	padding: 0;
}
#MenuPrincipal li.Bateaux span {
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#MenuPrincipal li.Nouvelles {
	background: none;
}
#MenuPrincipal li ul li.Usages {
	padding-left: 0;
}
#MenuPrincipal li ul li.Locations {
	background: none;
}
#MenuPrincipal li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	line-height:32px;
}
#MenuPrincipal li ul li a {
	line-height: 19px;
}
#MenuPrincipal li a:hover {
	background-position: 0 -32px;
}
#MenuPrincipal li.Neufs a:hover,
#MenuPrincipal li.Financement a:hover {
	background-position: 0 -18px;
}
#MenuPrincipal li ul li a:hover {
	background-position: 0 -19px;
}
#MenuPrincipal li a.On,
#MenuPrincipal li a.On:hover {
	background-position: bottom left;
}
#MenuPrincipal li.Bateaux {
	width: 170px;
}
#SousMenu {
	background: url(/images/Bg_SousMenu.png) no-repeat;
	height: 34px;
}
#SousMenu ul {
	margin-left: 5px;
}
#SousMenu ul li {
	font-size: 1.1em;
	float: left;
	text-transform: uppercase;
	background: url(/images/Bg_ItemSousMenu.gif) no-repeat top right;
	padding: 0 14px;
}
#SousMenu ul li a {
	display: block;
	width: auto;
	_width: 1%;
	height: 23px;
	color: #959595;
	white-space: nowrap;
}
#SousMenu ul li a:hover {
	color: #739bc7;
	text-decoration: none;
}
#SousMenu ul li a.On,
#SousMenu ul li a.On:hover {
	color: #739bc7;
	background: url(/images/Bg_SousMenu_Item.gif) repeat-x 0% 100%;
}

/*- Styles pour Plan du site --------------------------------------------------*/
#Contenu ul#PlanSite {
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: 1px solid #cfd8e0;
	margin: 0 0 6px 0;
}
#Contenu ul#PlanSite li {
	list-style: none none;
	background: url(/images/Puce_Liste.gif) no-repeat 0% 8px;
	border-top: 1px solid #cfd8e0;
	padding: 6px 0 6px 15px;
}
#Contenu ul#PlanSite li a,
#Contenu ul#PlanSite li span {
	float: left;
}
#Contenu ul#PlanSite ul {
	float: left;
	font-weight: normal;
	border-bottom: 0;
	margin: 0;
}
#Contenu ul#PlanSite ul li {
	float: left;
	background-image: none;
	border-top: 0;
	padding: 0 0 0 18px;
}
#Contenu ul#PlanSite ul li a {
	float: none;
}

#Contenu ul#PlanSite li.Bateaux ul li {
	float: none;
	font-weight: bold;
	padding: 0 0 6px 18px;
}
#Contenu ul#PlanSite li.Bateaux ul li a {
	float: left;
}
#Contenu ul#PlanSite li.Bateaux ul ul {
	padding-left: 10px;
}
#Contenu ul#PlanSite li.Bateaux ul ul li {
	float: left;
	font-weight: normal;
	background: url(/images/Bg_PlanSiteSepar.gif) no-repeat 0% 50%;
	margin-right: 10px;
	padding: 0 0 0 10px;
}
#Contenu ul#PlanSite li.Bateaux ul ul li a {
	float: none;
}



/*- Styles pour formulaires ----------------------------------------------------*/
#Contenu .Formulaire {
	position: relative;
}
#Contenu .Formulaire p {
	padding-left: 80px;
	margin: 0 0 8px;
}
#Contenu .Formulaire p label {
	position: absolute;
	margin-left: -80px;
}
#Contenu .Formulaire p label small {
}
#Contenu .Formulaire p.Checkbox,
#Contenu .Formulaire p.RadioBtn {
	padding-left: 0 !important;
}
#Contenu .Formulaire p.Checkbox label,
#Contenu .Formulaire p.RadioBtn label {
	position: static;
	margin-left: 0 !important;
}
#Contenu .Formulaire p.Checkbox input,
#Contenu .Formulaire p.RadioBtn input {
	margin: 3px;
	vertical-align: middle;
}
#Contenu .Formulaire p.Checkbox label, #Contenu .Formulaire p.RadioBtn label,
#Contenu .Formulaire p.Checkbox span, #Contenu .Formulaire p.RadioBtn span {
	margin-right: 4px;
}

#Contenu div.SommaireValidation {
	font-size: 1.2em;
	color: #c41230 !important;
	background: #fdf1f1;
	border:1px solid #c41230;
	padding: 8px 12px;
	margin-bottom: 18px;
}
#Contenu div.SommaireValidation ul {
	font-size: 1em;
	margin: 4px 0 0 15px;
}
#Contenu div.SommaireValidation ul li {
	color: #c41230;
	padding: 0;
}

input, textarea, select,
.TxtBox, .TxtArea, .SelectList, .Btn, .BtnSuite, .TxtLabel {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px; /* fixer la size pour pas que les champs défoncent si la grosseur du texte est grandie par l'utilisateur */
}
.TxtErreur {
	color: #c41230;
}
.TxtBox, .TxtArea {
	color: #314b60;
	background:	#fff;
	border: 1px solid #cfd8e0;
	margin: 1px 0;
	padding: 2px 3px;
}
.SelectList {
	color: #314b60;
	background:	#fff;
	border: 1px solid #cfd8e0;
	margin: 1px 0;
	padding: 1px 2px;
}
a.Btn, a.BtnSuite {
	color: #fff;
	background: #c41230 no-repeat 100% 50%;
	padding: 4px 5px 0;
	height: 19px;
	line-height: normal;

	/* Display Hack */
	display: -moz-inline-stack;
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
}
a.Btn:hover, a.BtnSuite:hover {
	color: #fff;
	text-decoration: none;
	background-color: #810e21;
}
a.BtnSuite {
	background-image: url(/images/Bg_BtnSuite.gif);
	padding-right: 15px;
}
input.BtnSuite {
	color: #fff;
	background: #c41230 url(/images/Bg_BtnSuite.gif) no-repeat 100% 50%;
	border: 0;
	padding: 4px 15px 4px 5px;
	cursor: pointer;
}


/*- Styles de l'éditeur ----------------------------------------------------*/

/*- Classes pour les textes ----*/
#Contenu .TexteSpecial {
	font-weight: bold;
	color: #577596;
}
#Contenu p.TextePetit { font-size: 1.1em; }
#Contenu span.TextePetit { font-size: 0.85em; }

/*- Classes pour les hyperliens ----*/
a.LienSuite {
	background: url(/images/Bg_BtnPlusInfos.gif) no-repeat 100% 50%;
	padding-right: 8px;
}

/*- Classes pour les images ----*/
img.ImageContour {
	border: 3px solid #cfd8e0;
}
img.ImageGauche {
	border: 3px solid #cfd8e0;
	margin:	0 18px 12px 0;
	float: left;
}
img.ImageDroite {
	border: 3px solid #cfd8e0;
	margin: 0  0 12px 18px;
	float: right;
}

/*- Classes pour les listes ----*/
/* 	NOTE : Il est important de garder le font-size sur les ul et ol et non de le
	mettre sur les li, plus bas se trouve une liste d'ajustements pour les EM */
#Contenu ul {
	font-size: 1.3em;
	color: #898989;
	line-height: 1.4em;
	margin: 0 0 6px 15px;
	padding: 0;
}
#Contenu ul li {
	list-style: disc outside url(/images/Puce_Liste.gif);
	padding: 0 0 6px 0;
}

#Contenu ol {
	font-size: 1.3em;
	color: #898989;
	line-height: 1.4em;
	margin: 0 0 6px 24px;
	padding: 0;
}
#Contenu ol li {
	list-style: decimal outside;
	padding: 0 0 6px 0;
}

/*- Classes pour les tableaux ----*/
/* 	NOTE : Il est important de garder le font-size sur le tableau et non de le 
	mettre sur les td, plus bas se trouve une liste d'ajustements pour les EM */
table.Tableau {
	font-size: 1.1em;
	background: ;
	padding: 0 0 0 0;
	border-right: ;
	border-top: ;
	margin-bottom: 12px;
}
table.Tableau td {
	color: #898989;
	background: #fff;
	padding: 10px 19px;
	border-right: 1px solid #eaf0f7;
	vertical-align: top;
}
table.Tableau td.CelluleTitre {
	font-size: 1.1em;
	font-weight:bold;
	color: #577596;
	background: #d8e4f2;
	padding: 4px 19px;
	border-right: 1px solid #eaf0f7;
	border-bottom: 5px solid #f8f9fa;
	vertical-align: top;
}
table.Tableau td.CelluleSousTitre {
	color: #577596;
	text-transform: uppercase;
	background: #f8fafc;
}
table.Tableau td.CelluleAlternative {
	font-size: 1.1em;
	color: ;
	background: ;
	padding: 0 0 0 0;
	border-left: ;
	border-bottom: ;
	vertical-align: top;
}
table.Tableau td table td {
	border:0;
	padding: 0;
}

/*--------------------------------------------------------------------------*/

/*- Styles d'ajustement pour les EM ----------------------------------------*/
div#Contenu p p,
div#Contenu ul ul, 
div#Contenu ol ol, 
div#Contenu ol ul, 
div#Contenu ul ol,
div#Contenu table.Tableau ul,
div#Contenu table.Tableau ol,
div#Contenu table.Tableau p {
	font-size:1em;
}
