/*=========================================== INFORMATION =============================================== 
Auteur: Franck GOMEZ
cyd_dark@hotmail.com

=====================> Couleurs du site
blanc :		 				#ffffff;
gris blanc :				#f9f9f9;
gris claire:				#cccccc;
Gris foncé:					#666666;
bleu onglet:				#4959a5;
bleu foncé :				#0000ff;
vert foncé :				#048a57; //pas utilisé pr le moment
vert:						#009900;
orange :					#ffa500;

=====================> Propriétés Informations
margin - padding: 0, 0, 0, 0;	//haut, droite, bas, gauche
color, background: inherit;		//prends le couleur par defaut de l'element au dessus

=====================> Structure du Document
+Page
=>	-h1								haut: bandeau
	+conteneur
		+Affichage					mileu: 
			-AffichageMenu			menu
			-AffichageContenu		contenu descriptif
		-moteur						milieu: moteur de recherche
		-selection					milieu: selection des recherches
		-adsense					milieu: publicité	
	-pied							pied de page
	

/* ===================== Balises Generique =====================*/
html, body {
	text-align: center; /*centre le document sous IE*/
	font: 12px Arial, Sans-Serif;
	padding: 0;
	margin: 0;
	background: #FFF url("../images/fond.gif") repeat-x; 
}

h2 { /*Titre Marque - Modele*/
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	background: inherit;
	color: #003366;
}

a {	color: #0000ff;	text-decoration: none; background-color: inherit;}
img { margin: 0; padding: 0; border: none;}
p { color: #000000; margin: 0; padding: 0px 3px 0 0; background-color: inherit;}
form { margin: 0; padding: 0;}
script{ margin: 0; padding: 0;}

/* ======================================= STRUCTURES : DIV PRINCIPALS ===================================*/
#page {
	border: 1px solid #545454;
	width: 770px !important;
	margin: 0 auto; /*centre le document sous Firefox*/
	padding: 0;
	background: #FFF;
	color: inherit;
}
	
/*bandeau*/
	#bandeau #LesAnnonces {float:left; width: 100%; height:18px; color: red; background: #FFF;}
	#bandeau #LesAnnonces #NomPortail {float:left;width:110px;font:bold 12px/15px Arial;padding-left:8px;}
	#bandeau #LesAnnonces #NomPortail a	{text-decoration:none;color:#000;}
	#bandeau #LesAnnonces #SitePortail {float:left;width:340px;font:bold 11px/15px Arial;color:#8A8A8A;}
	#bandeau #LesAnnonces #SitePortail a {text-decoration:none;color:#8A8A8A;}
	#bandeau #LesAnnonces #KeyPortail {float:left;width:302px;font:bold 11px/15px Arial;color:#000;text-transform:Capitalize;text-align:right;}
	#bandeau #LesAnnonces #KeyPortail a	{color:#000;text-decoration:none;}
	#bandeau #LesAnnonces .red {color:red;}
	
	/*PUB*/
	#bandeau #megaban { 
		float: left; 
		width:764px;
		margin: 0;
		padding: 0 0 0 6px;
		background: #FFF;
		}
	#bandeau #megaban #pub {
		float: left; clear: left; width: 758px;
		background: #FFF url("../images/megaban.gif") no-repeat;
		}
	#bandeau #megaban #pub p { font: 10px/10px arial; text-align: center; padding: 5px 0 0 0;}
	#bandeau #megaban #pub .keyw a { font: 10px/10px arial; color:#000; background: none; }
	/*FIN PUB*/
	
	#bandeau div.titre { 
		margin: 0;
		padding: 0;
		font-size: 1px;
		height: 97px;
		width: 243px;
		float: left;
		text-indent: -2000px;
		color: inherit;
		cursor: pointer;
		background: #FFF url(../images/logo-argus.gif) no-repeat;}
	
	#bandeau div.acces { 
		float: left; padding: 73px 0 0 0; width: 100px; color: #0F3F6F; font-size: 14px; font-weight: bold;}
	#bandeau div.login { 
		float: left; padding: 55px 0 0 0; width: 120px; color: #889197; font-size: 10px; font-weight: normal; text-align: left; }
	#bandeau div.pass { 
		float: left; padding: 55px 0 0 0; width: 155px; color: #889197; font-size: 10px; font-weight: normal; text-align: left; }
	#bandeau div.loguer { float: left; width: 275px; padding: 73px 0 0 0; text-align: left; color: #0F3F6F; font-size: 14px; font-weight: bold;}
	#bandeau div.login a, #bandeau div.pass a { color: #889197;}
	#bandeau div.loguer a { color: #0F3F6F;}
	#bandeau div.lesannonces { 
		float: left; padding: 45px 0 0; width: 143px; height: 52px; color: #000; font-size: 12px; font-weight: bold; text-align: center; background: #FFF url(../images/portailAffilia.gif) no-repeat bottom center; cursor: pointer;}
	#bandeau form { margin: 0; padding: 0;}
	#bandeau form input.mail { width: 110px;}
	#bandeau form input.mdp { width: 115px;}
	#bandeau form input.sub { font-size: 10px; width: 20px; margin: 0; padding: 0;}
	
	/*MENU*/
	#bandeau ul.bandeau_menu {
		float: left; clear: left;
		margin: 5px 0 0;
		padding: 13px 0 0;
		width: 770px;
		height: 30px;
		font-size: 14px;
		font-weight: bold; 
		background: #ffffff url(../images/barre-menu.gif) no-repeat;}
	#bandeau ul.bandeau_menu li.accueil { float: left; display: inline; margin: 0 0 0 50px; padding: 0; color : #FFF;}
	#bandeau ul.bandeau_menu li.annonces { float: left; display: inline; margin: 0 0 0 78px; padding: 0; color : #FFF;}
	#bandeau ul.bandeau_menu li.vendre { float: left; display: inline; margin: 0 0 0 77px; padding: 0; color : #FFF;}
	#bandeau ul.bandeau_menu li.bateautheque { float: left; display: inline; margin: 0 0 0 94px; padding: 0; color : #FFF;}
	
	#bandeau a.menu_bandeau{  color: #FFF; background: inherit;}
	#bandeau a.menu_bandeau:hover{ color: #FFF; background: inherit; text-decoration: none;}
	/*FIN MENU*/
/*Fin Bandeau*/


/*Pied de page*/
	#pied {
		display: block;
		clear: both;
		margin: 0;
		padding: 3px;
		border-top: 1px solid #545454;
		color : inherit;
		background: #82909F;
	}
	#pied p.PiedHaut {
		color: #FFF;
		background: inherit;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-align: center;}
	#pied p.PiedBas {
		color: #FFF;
		background: inherit;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		text-align: center;}
	#pied a.PiedLien {
		color : #FFF;
		background: inherit;
		text-decoration: none;}
	#pied a.PiedLien:hover {
		color : inherit; 
		background: inherit;
		text-decoration: underline;}
/*Fin Pied de page*/



#conteneur { /*Milieu de page*/
	margin: 0;
	padding: 3px;
	text-align: left;
}

	#moteur {
		display: block;
		width: 478px;
		height: 235px;
		float: left;
		margin: 0;
		padding: 0 0 5px 0;
		color : inherit;
		background: #FBFBFB;
		text-align: left;
		border: 1px solid #7E97B1;
	}
	
		#moteur	p.MoteurTitre {
			height: 23px;
			font: bold 13px Arial, Sans-Serif; 
			padding: 5px 0 0 5px;
			color : #FFF;
			background: url('../images/titrebleumoteur.gif?v=1');
			text-align: left;}
		#moteur	p.MoteurInfo { padding: 10px 0 5px 5px; font: bold 12px Arial, Sans-Serif;}	
		#moteur	p { padding: 0 0 5px 0;}
		#moteur form { margin: 0; padding: 10px 0 10px 5px;}
		#moteur p.EspaceForm { padding: 5px 0;}
		#moteur form label { display: block; float: left; width: 70px; color: #003366; font-weight: bold; padding: 2px 0 0 10px;}
		#moteur form select, option { width: 300px; font-size: 12px;}
		#moteur form select optgroup { width: 300px; font-size: 12px; font-weight: bold; font-style: normal;}
		#moteur p.MoteurSubmit { margin: 0; padding: 0; text-align: center; padding: 10px 0 0 0;}
		#moteur p.MoteurSubmit .ButtonV {
			height:28px;
			margin-bottom: 3px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #BCD2E9;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-bleu.gif"); 
			cursor:pointer;}
		#moteur p.Engine {text-align: right; color: #2F5982; font-style: italic; font-weight: bold; padding: 0 5px 2px 0; background: url('../images/search-engine-bar.gif') no-repeat bottom right;}	
		#moteur	a { color: #2F5982;	text-decoration: none;}
		#moteur	a:hover { color: #2F5982; text-decoration: none;}
	
	#selection {
		display: block;
		width: 428px;
		float: left;
		margin: 0 0 0 10px;
		padding: 0;
		color : inherit;
		background: #FBFBFB;
		text-align: left;
		border: 1px solid #7E97B1;
	}
		#selection	p.titrebleumoyen {
			height: 23px;
			font: bold 13px Arial, Sans-Serif; 
			padding: 5px 0 0 5px;
			color : #FFF;
			background: url('../images/titrebleumoyen.gif');
			text-align: left;
			}
		
		#selection #ListeSelection { /*Liste de selection utilisateur BLOCK a droite*/
			display: block;
			float: left;
			width: 418px;
			height: 192px;
			padding: 5px 5px;
			overflow: auto;
			}
			#selection .infopaiement { display: block; float: left;}
			#selection .infopaiement .red { padding: 10px 0 5px 0; font-weight: bold; color: red; text-decoration: underline;}
			#selection .infopaiement .cadre { margin: 5px 0; padding: 2px 5px; font-weight: bold; border: 1px solid #ccc; background: #eee;}
			#selection #ListeSelection .texte {
				margin: 0;
				padding: 4px 2px 0;
				float: left;
				width: 370px;
				height: 16px;
				border-bottom: 2px dashed #8099B3;
				text-align: left;}
			#selection #ListeSelection .texte .fontmarque { color: #204D79; font-weight: bold;}
			#selection #ListeSelection .texte .fontmodele { color: #000000; font-weight: bold;}
			#selection #ListeSelection .icone {
				margin: 0;
				padding: 0;
				float: right; 
				width: 20px;
				border: 0px dashed #666666;
				text-align: right;}
			#selection #ListeSelection img {
				margin: 0;
				padding: 5px 1px 0px 0px;
				border: none;}
		#selection .credit {
			float: left; 
			height: 22px; 
			width: 295px;
			color: #000;
			padding: 3px 0 0 5px;}
		#selection .credit a { color: #000; font-weight: bold;}
		#selection .vider {
			float: right; 
			width: 90px;
			height: 17px; 
			margin: 0 0 0 0px;
			padding: 3px 0 5px 34px;
			text-align: left;
			color: #FF0000;
			font-weight: bold;
			background: url('../images/flc-rouge.gif') no-repeat;}
		#selection .vider a { color: #FF0000; font-weight: bold;}
	
	#pubcarre {
		float: left;
		margin: 10px 0 0 15px;
		padding: 0 0 0 1px;
		width: 300px;
		height: 250px;
	}
	#pubcarre iframe { float: left; margin: 0; padding: 0;}
	
	#accueil {
		float: left; 
		width: 430px;
	}
		#accueil p.titreMag { 
			float: left; 
			width: 444px; 
			height: 17px; 
			color: #003366; 
			padding: 3px 0 10px 36px;
			font: bold 14px Arial; 
			background: url('../images/flc-bleu.gif') no-repeat;}
		#accueil p.Mag { 
			float: left; 
			width: 460px; 
			padding: 0 10px 10px 10px;
			text-align:justify;}
		#accueil #cotationsMarque { 
			float: left; 
			width: 478px; 
			margin-top: 10px;
			border-left: 1px solid #7E97B1;
			border-right: 1px solid #7E97B1;
			border-bottom: 1px solid #7E97B1;}
			#accueil #cotationsMarque .titreMarque {
				float: left; 
				width: 468px; 
				height: 23px; 
				color: #FFF; 
				padding: 5px 0 0 10px;
				font: bold 13px Arial; 
				background: url('../images/titrebleucotmarque.gif?v=1') no-repeat;}
				#accueil #cotationsMarque .titreMarque a { color: #FFF; text-decoration: none;}
				#accueil #cotationsMarque ul.listeMarque {
					float: left; clear: left;
					width: 474px;
					margin: 0;
					padding: 10px 0 3px 4px;
					font-size: 12px;
					list-style-type: none;}
					#accueil #cotationsMarque ul.listeMarque li { float: left; display: inline;  width: 90px; padding: 0 0 0 4px; color: #000; font-weight: bold;}
					#accueil #cotationsMarque ul.listeMarque li a { color: #000;}
				#accueil #cotationsMarque p.soustitreMarque { 
					float: right; 
					width: 130px; 
					height: 17px; 
					color: #003366; 
					padding: 3px 0 5px 36px;
					margin-top:6px;
					font: bold 12px Arial; 
					background: url('../images/flc-bleu.gif') no-repeat;
					cursor: pointer;}
					#accueil #cotationsMarque p.soustitreMarque a { color: #003366;}
			
			/* Magazine numérique */
			#MagazineNumerique	{
				float:right;
				width:263px;
				height:519px;
				margin-right:8px;
				padding-bottom:5px;
				border-left: 1px solid #7E97B1;
				border-right: 1px solid #7E97B1;
				border-bottom: 1px solid #7E97B1;}
				#LigneTitreMN		{
					float: left; 
					width: 253px; 
					height: 23px; 
					color: #FFF; 
					padding: 5px 0 0 10px;
					font: bold 13px Arial; 
					background: url('../images/titrebleucotmarque.gif?v=1') no-repeat;}
				#BlocMN				{clear:both;width:263px;height:228px;}
					#CouvMN				{float:left;width:150px;height:201px;background:url(../images/ombreMN.png) no-repeat;margin-top:8px;margin-left:8px;}
					#LiensMN			{float:left;width:100px;height:200px;padding-left:5px;padding-top:9px;}
						.UnLienMN			{clear:both;width:105px;height:30px;padding-bottom:18px;}
							.IconeLienMN		{float:left;width:30px;height:30px;}
							.TexteLienMN		{float:left;width:70px;height:22px;font-size:11px;padding-top:8px;padding-left:5px;}
							.TexteLienMN		a		{color:#000000;text-decoration:none;}
							.TexteLienMN		a:hover	{color:#000000;text-decoration:underline;}
					#DisponibiliteMN	{float:left;width:263px;padding-top:15px;}
						#TexteDispoMN	{float:left;width:192px;color:#636363;font-size:11px;padding-left:8px;padding-top:2px;}
						#IconesDispoMN	{float:left;width:63px;margin-top:-7px;}
	
	#argus {
		float: left;
		width: 761px;
		margin: 0 0 10px 0;
		border: 1px solid #993366;
		}
		#argus .titrearguslong {
			float: left; 
			width: 751px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			background: url('../images/titrearguslong.gif') no-repeat;}
		#argus .texte { float: left; width: 750px; padding: 0 0 0 5px;}
		#argus #ArgusMarMod { float: left; width: 500px;}
		#argus span.marmod { display: block; float: left; clear: both; width: 70px; font-weight: bold; font-size: 16px;}
		#argus h2 { color: #993366;}
		#argus .ButtonAchatArgus {
			float: right;
			width: 205px;
			height: 40px;
			padding: 3px 0 0 15px;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			color: #FFF;
			background: url('../images/boutonachatargus.gif') no-repeat;}
		#argus .ButtonAchatArgus a { color: #FFF;}
		#argus .ButtonAchatArgus .UnderButtonAchatArgus { margin-top: 5px; color: #000;}
		#argus #ListeArgus{ /*Conteneur des Div de Tableau cotations*/
			clear: both;
			margin: 0;
			padding: 10px 0 0 0;
			}
			#argus #ListeArgus .etoile{ /*petite etoile renseignement*/
				font-size: 12px; color: #993366; font-weight: bold;}
				
			#argus #ListeArgus div.DivListeArgus { /*Div pour lister les differentes Tableau de cotations*/
				margin: 0;
				padding: 0 0 3px 0;
				text-align: left;}
			
			#argus #ListeArgus p.CatListeArgus{
				color: #900147;
				background: inherit;
				font-weight: bold;
				text-align: left;}
			
			#argus #ListeArgus table.TableListeArgus { /*Tableau pour lister les differentes cotations*/
				margin: 0;
				padding: 0;
				border-collapse: collapse;
				border: 1px solid #545454;
				text-align: left;}
			#argus #ListeArgus table.TableListeArgus th{ /*entete du tableau*/
				margin: 0;
				padding: 0px 3px;
				border-right: 1px solid #C34B86;
				color: #FFF;
				background: url('../images/bg-tableargusth.gif') repeat-x;
				text-align: center;}
			#argus #ListeArgus table.TableListeArgus td{ /*infos generales d'une cellule*/
				margin: 0;
				padding: 0px 3px;
				border: 1px solid #545454;
				color: inherit;
				background: inherit;
				text-align: center;}
			#argus #ListeArgus table.TableListeArgus tr.color1{ /*infos complementaire d'une ligne*/
				color: #000; font-weight: normal; background: url('../images/bg-tableargusth2.gif') repeat-x;}
			#argus #ListeArgus table.TableListeArgus tr.color2{ /*infos complementaire d'une ligne*/
				color: #000; font-weight: normal; background: url('../images/bg-tableargusth3.gif') repeat-x;}
			#argus #ListeArgus table.TableListeArgus td.textL { text-align: left;}
			#argus #ListeArgus table.TableListeArgus td.textR { text-align: right;}
		
	
	#annonces{ /* Liste annonces - demi largeur*/
		display: block;
		margin: 0;
		padding: 0;
		float: left;
		width: 440px;
	}
		#annonces .titreAnnonces {
				float: left; 
				width: 435px; 
				height: 23px; 
				color: #FFF; 
				margin: 10px 0 0;
				padding: 5px 0 0 5px;
				font: bold 13px Arial; 
				background: url('../images/titrevertannonce.gif') no-repeat;}
				#annonces .titreAnnonces a { color: #FFF;}
		#annonces .soustitreAnnonces {
			float: left;
			width: 400px; 
			font-size: 12px;
			font-weight: bold;
			margin: 7px 0 3px 2px;
			border-bottom: 2px dashed #ccc;
			}
		#annonces .listeAnnonces { float: left; width: 440px;}
		#annonces .listeAnnonces .petiteAnnonce { float: left; width: 215px; padding: 5px 0 0 5px;}
		#annonces .listeAnnonces .petiteAnnonce img.imgAnnonce { float: left; padding: 0 10px 0 0;}
		#annonces .listeAnnonces .petiteAnnonce .marquemodele { color: #9B9B9B; font-size: 10px;}
		#annonces .listeAnnonces .petiteAnnonce .marquemodele a { color: #9B9B9B; font-size: 10px; }
		#annonces .listeAnnonces .petiteAnnonce .prix { color: #ff0000; font-size: 10px; font-weight: bold;}
		#annonces #plusannonces { float: right; color: #86991A; font-weight: bold; width : 250px; padding: 15px 0 0 0;}
		#annonces #plusannonces .fleche {
				height: 17px; 
				margin: 0 0 0 50px;
				padding: 3px 0 5px 36px;
				color: #86991A; 
				font-weight: bold; 
				background: url('../images/flc-vert.gif') no-repeat;}
		#annonces #plusannonces a { color: #86991A; font-weight: bold;}
			
	#annoncesmarine {
		float: left;
		width: 755px;
		margin: 0;
		padding: 0 0 0 5px;}	
		
		#annoncesmarine p.titrevertlong {
			float: left; 
			width: 740px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 0 10px;
			margin: 0 0 10px 0;
			font: bold 13px Arial; 
			background: url('../images/titrevertlong.gif') no-repeat;}
		#annoncesmarine p.titrevertlong a { color: #FFF; font-weight: bold;}
		#annoncesmarine p.soustitre { color: #000; font-weight: bold; padding: 0 0 0 20px;}
		#annoncesmarine p.soustitre a { color: #000; font-weight: bold;}
		#annoncesmarine p.texte { color: #000; padding: 10px 0 0 20px;}
		
		#annoncesmarine #moteurAnnoncesmarine { float: left; padding: 15px 0 15px 210px; width : 540px;}
			#annoncesmarine #moteurAnnoncesmarine .titrecenter { 
				height: 17px; 
				margin: 0 0 0 50px;
				padding: 3px 0 5px 36px;
				color: #86991A; 
				font-weight: bold; 
				background: url('../images/flc-vert.gif') no-repeat;}
			#annoncesmarine #moteurAnnoncesmarine .titrecenter a { color: #86991A; font-weight: bold;}
			#annoncesmarine #moteurAnnoncesmarine form { float: left; padding: 10px 20px; width : 300px; border: 1px solid #CBCBCB; background: #EDEDED;}
			#annoncesmarine #moteurAnnoncesmarine form p.EspaceForm { padding: 5px 0;}
			#annoncesmarine #moteurAnnoncesmarine form label { display: block; float: left; font-weight: bold; color: #86991A; width: 80px; padding: 2px 0 0 0;}
			#annoncesmarine #moteurAnnoncesmarine form select, option { width: 210px; font-size: 12px;}
			#annoncesmarine #moteurAnnoncesmarine p.MoteurSubmit { margin: 0; padding: 0; text-align: center; padding: 15px 0 0 0;}
			#annoncesmarine #moteurAnnoncesmarine p.MoteurSubmit .ButtonV {
				height:28px;
				margin-bottom: 5px;
				font-family:arial; 
				font-size:11px; 
				border-width : 2px; 
				border-style:outset; 
				border-color: #86991A;
				font-weight:bold; 
				text-transform: uppercase;
				color: #FFFFFF;
				background:url("../images/bouton-vert.gif"); 
				cursor:pointer;}
			#annoncesmarine #moteurAnnoncesmarine .logoAM { float: left; padding: 102px 0 0 10px;}
			
			#annoncesmarine #annonces2{ /* Liste annonces - largeur complete */
				display: block;
				margin: 0;
				padding: 0;
				float: left;
				width: 740px;
			}
				#annoncesmarine #annonces2 .titreAnnonces {
						float: left; 
						width: 740px; 
						height: 23px; 
						color: #FFF; 
						margin: 0;
						padding: 5px 0 0 10px;
						margin: 0 0 10px 0;
						font: bold 13px Arial; 
						background: url('../images/titrevertlong.gif') no-repeat;}
						#annoncesmarine #annonces2 .titreAnnonces a { color: #FFF;}
				#annoncesmarine #annonces2 .soustitreAnnonces {
					float: left;
					width: 740px; 
					font-size: 12px;
					font-weight: bold;
					margin: 5px 0 0 2px;
					border-bottom: 2px dashed #ccc;
					}
				#annoncesmarine #annonces2 .listeAnnonces { float: left; width: 740px;}
				#annoncesmarine #annonces2 .listeAnnonces .petiteAnnonce { float: left; width: 240px; height: 42px; padding: 5px 0 0 5px;}
				#annoncesmarine #annonces2 .listeAnnonces .petiteAnnonce img.imgAnnonce { float: left; padding: 0 10px 0 0;}
				#annoncesmarine #annonces2 .listeAnnonces .petiteAnnonce .marquemodele { color: #9B9B9B; font-size: 10px; } 
				#annoncesmarine #annonces2 .listeAnnonces .petiteAnnonce .marquemodele a { color: #9B9B9B; font-size: 10px; }
				#annoncesmarine #annonces2 .listeAnnonces .petiteAnnonce .prix { color: #ff0000; font-size: 10px; font-weight: bold;}
				
	#vendrebateaux {
		float: left;
		width: 755px;
		margin: 0;
		padding: 0 0 0 5px;}	
		
		#vendrebateaux p.titrebleulong {
			float: left; 
			width: 740px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 0 10px;
			margin: 0 0 10px 0;
			font: bold 13px Arial; 
			background: url('../images/titrebleulong.gif') no-repeat;}
		#vendrebateaux p.titrebleulong a { color: #FFF; font-weight: bold;}
		#vendrebateaux p.titre { color: #003366; font-weight: bold; padding: 10px 0;}
		#vendrebateaux span.forfait { color: #003366; font-weight: bold;}
		#vendrebateaux span.forfait a { color: #003366; font-weight: bold;}
		#vendrebateaux div.img { height: 190px;}
		#vendrebateaux #vendreInternet { float: left; width: 375px; text-align: center; font-weight: bold; cursor: pointer; margin: 0 0 20px 0;}
		#vendrebateaux #vendreMagInternet { float: left; width: 375px; text-align: center; font-weight: bold; cursor: pointer; border-right: 1px solid #003366; margin: 0 0 20px 0;}
		#vendrebateaux #formbutton { padding: 0 0 0 307px !important; padding: 0 0 0 285px; float: left;}
		#vendrebateaux #formbutton .ButtonB {
			height:28px;
			margin-bottom: 5px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #BCD2E9;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-bleu.gif"); 
			cursor:pointer;}
		#vendrebateaux .logoAM { float: right; padding: 0 40px 0 0;}
	
	#bateautheque {
		float: left;
		width: 755px;
		margin: 0;
		padding: 0 0 0 5px;}	
		
		#bateautheque p.titrerouge {
			float: left; 
			width: 740px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			background: url('../images/titrevioletlong.gif') no-repeat;}
		#bateautheque p.titrerouge a { color: #FFF; font-weight: bold;}
		
		#bateautheque .EspaceFleche { float: left; width: 700px; padding: 0 0 5px 0;}
		#bateautheque .fleche { height: 17px; 
				margin: 0 0 0 20px;
				padding: 3px 0 5px 36px;
				color: #000; 
				font-weight: bold;
				background: url('../images/flc-violet.gif') no-repeat;}
		#bateautheque #formbutton { padding: 0 0 0 307px !important; padding: 0 0 0 285px; float: left;}
		#bateautheque #formbutton .violet { color: #A32B65; font-weight: bold; padding: 20px 0 20px 0px !important; padding: 20px 0 20px 17px;}
		#bateautheque #formbutton .ButtonR {
			height:28px;
			margin-bottom: 5px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #A32B65;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-rouge.gif"); 
			cursor:pointer;}
	
	#Recherche{
		width: 750px;
		margin: 0;
		padding: 0 0 0 7px;
		float: left;
		clear: both;
		}
		#Recherche a { color: #003366;}
		#Recherche p.titrebleu { 
			float: left; 
			width: 740px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			background: url('../images/titrebleulong.gif') no-repeat;}
		#Recherche p.soustitre { font-weight: bold; padding: 0 0 3px 0;}
		#Recherche span.marmod { display: block; float: left; clear: both; width: 70px; font-weight: bold; font-size: 16px;}
		#Recherche ul.ULalphabet{
			margin: 0;
			padding: 0 0 10px 0;
			border-bottom: 2px dashed #ddd;}
		#Recherche li.alphabet{ 
			margin: 0;
			padding: 0 4px;
			display: inline; 
			list-style-type: none;}
		#Recherche ul.ULliste{
			margin: 0;
			padding: 0;}
		#Recherche li.liste {	
			display: block;
			background-image: url(../images/flc-bleu.gif);
			background-repeat: no-repeat;
			background-position: left;
			list-style-type: none;
			margin: 0 0 0 120px;
			padding: 6px 80px 5px 36px;
			color: #003366; 
			font-weight: bold;}
		#Recherche li.liste a { color: #003366;}
		#Recherche p.note{ color: #009900; background: inherit;}
		#Recherche .underline{ text-decoration: underline;}
		#Recherche #ListeRecherche{ width: 750px;}
		#Recherche td.taille{ width: 240px; border: 0px solid #ddd;}



/* ===================================== STRUCTURES : DIV SECONDAIRES DE CONTENU====================================*/
#Contact {
	float: left;
	width: 755px;
	margin: 0;
	padding: 0 0 0 5px;}	
	
	#Contact p.titrebleu {
		float: left; 
		width: 740px; 
		height: 23px; 
		color: #FFF; 
		margin: 0;
		padding: 5px 0 10px 10px;
		margin: 0;
		font: bold 13px Arial; 
		background: url('../images/titrebleulong.gif') no-repeat;}
	#Contact p.texte1 { padding: 0 0 0 10px;}
	#Contact p.texte2 { padding: 0 0 0 10px; color: #003366;}
	
	#Contact #formContact { padding: 0 0 0 10px;}
	#Contact #form_contact {
		margin: 0px;
		padding: 0px; 
		width: 710px;
		border: 1px solid #CCC;
		padding: 10px;}
	#Contact #form_contact label {
		display: inline;
		float: left;
		width: 110px;
		font-weight: bold;
		padding: 4px 0 0 160px;}
	#Contact #form_contact input{ margin: 1px 0;}
	#Contact #form_contact input.submit{ padding: 0 30px;}
	#Contact #form_contact p.submit{ text-align: center;}
	#Contact #form_contact textarea { overflow: auto;}
	#Contact #form_contact input.nom, input.prenom { width: 100px;}
	#Contact #form_contact input.mail, input.telephone { width: 160px;}
	#Contact #form_contact textarea.commentaires { width: 330px;}
	#Contact .ButtonB {
		height:28px;
		margin-bottom: 5px;
		font-family:arial; 
		font-size:11px; 
		border-width : 2px; 
		border-style:outset; 
		border-color: #BCD2E9;
		font-weight:bold; 
		text-transform: uppercase;
		color: #FFFFFF;
		background:url("../images/bouton-bleu.gif"); 
		cursor:pointer;}

#Compte{ /* Client non connecté */
	float: left;
	width: 755px;
	margin: 0;
	padding: 0 0 0 5px;
	}
	#Compte p.titrebleu {
		float: left; 
		width: 740px; 
		height: 23px; 
		color: #FFF; 
		margin: 0;
		padding: 5px 0 10px 10px;
		margin: 0;
		font: bold 13px Arial; 
		background: url('../images/titrebleulong.gif') no-repeat;}
		
	#Compte p.erreur { text-align: center; color: red;}
	
	#Compte #Identification{
		margin: 0 auto;
		padding: 10px 0 10px 5px;
		width: 300px;
		text-align: center;
		border: 1px solid #8099B3;
	}
		#Compte #Identification p.soustitre {
			float: left;
			clear: right; 
			width: 100px; 
			height: 17px; 
			color: #003366; 
			margin: 0 0 0 64px !important;
			margin: 0 0 0 32px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#Compte #Identification p.soustitre2 {
			float: left;; 
			width: 30px; 
			height: 17px; 
			color: #003366; 
			margin: 0;
			padding: 3px 0 10px 2px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu2.gif') no-repeat;}
		#Compte #Identification #form_identification { margin: 0; padding: 0;}
		#Compte #Identification #form_identification label.mail, 
		#Compte #Identification #form_identification label.mdp {
			float: left; margin: 4px 0 0 0; padding: 0 5px; width: 100px; text-align: left; font-weight: bold;}
		#Compte #Identification #form_identification input.mail, 
		#Compte #Identification #form_identification input.mdp{ 
			width: 150px;}
		
		#Compte #Identification .ButtonB {
			height:28px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #BCD2E9;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-bleu.gif"); 
			cursor:pointer;}
	
#MyCompte{ /* Client connecté */
	float: left;
	width: 760px;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border: 1px solid #6886A4;
	}
	#MyCompte .titrebleucompte {
		float: left; 
		width: 750px; 
		height: 23px; 
		color: #FFF; 
		margin: 0;
		padding: 5px 0 10px 10px;
		margin: 0;
		font: bold 13px Arial; 
		background: url('../images/titrebleulong.gif') no-repeat;}
	#MyCompte .flecheverte {
		float: left;
		width: 120px; 
		height: 17px; 
		color: #86991A; 
		margin: 0 0 0 5px;
		padding: 3px 0 10px 34px;
		font: bold 14px Arial; 
		text-align: left;
		background: url('../images/flc-vert.gif') no-repeat;}
	#MyCompte .flecheverte a { color: #86991A; font-weight: bold;}
	#MyCompte .flechebleu {
		float: left;
		width: 200px; 
		height: 17px; 
		color: #003366; 
		margin: 0 0 0 34px;
		padding: 3px 0 10px 34px;
		font: bold 14px Arial; 
		text-align: left;
		background: url('../images/flc-bleu.gif') no-repeat;}
	#MyCompte .flechebleu a { color: #003366; font-weight: bold;}
	
	#MyCompte .flecheverte2 {
		float: left;
		width: 120px; 
		height: 17px; 
		color: #86991A; 
		margin: 0 0 0 5px;
		padding: 3px 0 10px 34px;
		font: bold 14px Arial; 
		text-align: left;}
	#MyCompte .flecheverte2 a { color: #86991A; font-weight: bold;}
	#MyCompte .flechebleu2 {
		float: left;
		width: 200px; 
		height: 17px; 
		color: #003366; 
		margin: 0 0 0 34px;
		padding: 3px 0 10px 34px;
		font: bold 14px Arial; 
		text-align: left;}
	#MyCompte .flechebleu2 a { color: #003366; font-weight: bold;}
	
	#MyCompte .deco { 
		float: right;
		width: 100px; 
		height: 17px; 
		color: #990000; 
		margin: 2px 0 0 34px;
		padding: 0px 0 10px 20px;
		font: bold 12px Arial; 
		text-align: left;
		background: url('../images/croix.gif') no-repeat;}
	#MyCompte .deco a { color: #990000; }
	#MyCompte .ligne{margin: 0 0 20px 0; padding: 0; clear: both; border-bottom: 1px dashed #003366;}
	#MyCompte .ligne2{margin: 0 0 10px 0; padding: 5px 0 0 0	; clear: both; border-bottom: 1px dashed #003366;}
	#MyCompte .texte {padding: 0 0 0 10px;}
	#MyCompte .texte .fleche {
		float: left; 
		width: 715px;
		height: 17px; 
		margin: 0 0 0 0px;
		padding: 3px 0 5px 34px;
		text-align: left;
		background: url('../images/flc-bleu.gif') no-repeat;}

	#MyCompte #ModifClient, #MyCompte #ModifClient2{
		margin: 0;
		padding: 0;
		float: left;
		clear: both;
		width: 100%;
		}
		#MyCompte #ModifClient .info{ margin: 0; padding: 6px 0; float: left; clear: both; width: 100%;}
		#MyCompte #ModifClient .gauche{ float: left; width: 150px; font: bold 12px verdana,arial,sans-serif;margin: 3px 0 0 0;}
		#MyCompte #ModifClient .gauche2{ float: left; width: 90px; font: bold 12px verdana,arial,sans-serif;margin: 3px 0 0 0;}
		#MyCompte #ModifClient .gauche3{ float: left; width: 80px; font: bold 12px verdana,arial,sans-serif;margin: 3px 0 0 0;}
		#MyCompte #ModifClient .droite{ float: left; width: 88px; padding: 0 0 0 3px;}
		#MyCompte #ModifClient .droite2{ float: left; width: 150px; margin: 3px 0 0 0;}
		#MyCompte #ModifClient #form_modifclient { margin: 0; padding: 0;}
		#MyCompte #ModifClient #form_modifclient input.adresse{ width: 320px; text-align: left;}
		#MyCompte #ModifClient #form_modifclient input.cp{ width: 40px; text-align: left;}
		#MyCompte #ModifClient #form_modifclient input.ville{ width: 150px; text-align: left;}
		#MyCompte #ModifClient #form_modifclient select.pays{ width: 150px; text-align: left;}
		#MyCompte #ModifClient #form_modifclient input.mail{ width: 150px; text-align: left;}
		#MyCompte #ModifClient #form_modifclient span.infos { margin: 0; padding: 0; font: normal 10px verdana,arial,sans-serif;}
		#MyCompte #ModifClient2 span.newsletter { margin: 0; padding: 0;}
		#MyCompte #ModifClient2 p.submit{ margin: 10px 0 0 0; padding: 6px 0; width: 100%; text-align: center;}
		#MyCompte .ButtonB {
			width: 150px;
			height:28px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #BCD2E9;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-bleu.gif"); 
			cursor:pointer;}

#Inscription{
	margin: 0;
	padding: 0;
}	
	#Inscription .titrebleulong {
		float: left; 
		width: 750px; 
		height: 23px; 
		color: #FFF; 
		margin: 0;
		padding: 5px 0 10px 10px;
		margin: 0;
		font: bold 13px Arial; 
		background: url('../images/titrebleulong.gif') no-repeat;}
	#Inscription #intro{
		float: left;
		width: 750px;
		padding: 0 0 10px 10px;
		border-bottom: 1px dashed #417AA8;}
		#Inscription #intro .infopaiement { display: block; float: left;}
		#Inscription #intro .infopaiement .red { padding: 10px 0 5px 0; font-weight: bold; color: red; text-decoration: underline;}
		#Inscription #intro .infopaiement .cadre { margin: 5px 0; padding: 2px 5px; font-weight: bold; border: 1px solid #ccc; background: #eee;}
		
	#Inscription .soustitrebleu {float: left;
		width: 700px; 
		height: 17px; 
		color: #003366; 
		margin: 10px 0 0 5px;
		padding: 3px 0 10px 34px;
		font: bold 14px Arial; 
		text-align: left;
		background: url('../images/flc-bleu.gif') no-repeat;}
	#Inscription .texte { float: left; clear: both; padding: 5px 10px; width: 730px;}
	#Inscription .texte2 { float: left; clear: both; padding: 5px 10px;}
		
	#Inscription #form_inscription {
		margin: 0;
		padding: 0px 10px;}
	/*DIV*/
	#Inscription #form_inscription div.civilite { margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.nom { float: left; width: 325px;	margin: 0; padding: 5px 0 15px 0; }
	#Inscription #form_inscription div.prenom { float: left; width: 415px; margin: 0; padding: 5px 0 15px 0;}
	#Inscription #form_inscription div.adresse { margin: 0; padding: 20px 0 0 0;}
	#Inscription #form_inscription div.cp {	float: left; width: 325px; margin: 0; padding: 5px 0;}
	#Inscription #form_inscription div.ville { float: left; width: 415px; margin: 0; padding: 5px 0;}
	#Inscription #form_inscription div.pays{ margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.anniversaire{ margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.telephone { margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.mail { margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.mdp{ margin: 0; padding: 10px 0;}
	#Inscription #form_inscription div.confmdp{ margin: 0; padding: 10px 0; border-bottom: 1px dashed #417AA8;}
	#Inscription #form_inscription div.info, div.newsletter  { margin: 0; padding: 0; font: normal 11px arial,sans-serif;}
	/*LABEL*/
	#Inscription #form_inscription label.nom, 
	#Inscription #form_inscription label.adresse, 
	#Inscription #form_inscription label.pays, 
	#Inscription #form_inscription label.anniversaire, 
	#Inscription #form_inscription label.telephone, 
	#Inscription #form_inscription label.mail, 
	#Inscription #form_inscription label.mdp, 
	#Inscription #form_inscription label.confmdp {
		display: inline; 
		float: left; 
		margin: 4px 0 0 0;
		padding: 0;
		width: 140px;
		font: bold 12px arial,sans-serif;}
	#Inscription #form_inscription label.civilite {display: inline; float: left; width: 140px; padding: 2px 0 0 0; font: bold 12px arial,sans-serif;}
	#Inscription #form_inscription label.cp{ display: inline; float: left; margin: 4px 0 0 0;width: 140px; font: bold 12px arial,sans-serif;}
	#Inscription #form_inscription label.prenom, label.ville { display: inline; float: left; width: 80px; margin: 4px 0 0 0; font: bold 12px arial,sans-serif;}
	#Inscription #form_inscription label.newsletter { display: inline; font: normal 11px arial,sans-serif;}
	/*INPUT*/
	#Inscription #form_inscription span{ display: inline; text-align: left;}
	#Inscription #form_inscription input.civilite{ text-align: left;}
	#Inscription #form_inscription span.civilitecat{ text-align: left; padding-right: 60px;}
	#Inscription #form_inscription input.nom{ width: 150px; text-align: left;}
	#Inscription #form_inscription input.prenom{ width: 150px; text-align: left;}
	#Inscription #form_inscription input.adresse{ width: 300px; text-align: left;}
	#Inscription #form_inscription input.cp{ width: 50px; text-align: left;}
	#Inscription #form_inscription input.ville{ width: 150px; text-align: left;}
	#Inscription #form_inscription select.pays{ width: 150px; text-align: left;}
	#Inscription #form_inscription select.annivJ{ width: 40px; text-align: left; font: normal 10px Arial,sans-serif;}
	#Inscription #form_inscription select.annivM{ width: 40px; text-align: left; font: normal 10px Arial,sans-serif;}
	#Inscription #form_inscription select.annivA{ width: 60px; text-align: left; font: normal 10px Arial,sans-serif;}
	#Inscription #form_inscription input.telephone{ width: 100px; text-align: left;}
	#Inscription #form_inscription input.mail{ width: 150px; text-align: left;}
	#Inscription #form_inscription input.mdp{ width: 150px; text-align: left;}
	#Inscription #form_inscription input.confmdp{ width: 150px; text-align: left;}
	#Inscription #form_inscription p.submit{text-align: left; padding: 0 0 0 300px;}
	#Inscription .ButtonB {
			width: 150px;
			height:28px;
			font-family:arial; 
			font-size:11px; 
			border-width : 2px; 
			border-style:outset; 
			border-color: #BCD2E9;
			font-weight:bold; 
			text-transform: uppercase;
			color: #FFFFFF;
			background:url("../images/bouton-bleu.gif"); 
			cursor:pointer;}
	
	#Inscription #activer_compte { margin: 0; padding: 0;}
	#Inscription .cadre1 { float: left; width: 360px;}
	#Inscription .cadre2 { float: left; width: 360px;}
	#Inscription .ActiveCompte1{ /* activer compte */
		margin: 0 0 15px 5px;
		padding: 5px 5px ;
		width: 320px;
		height: 100px;
		float: left;
		color: #000000;
		background: #cccccc;
		border: 1px solid #000000;
	}
	#Inscription .ActiveCompte2{ /* activer compte */
		margin: 0 0 15px 5px;
		padding: 10px 5px 5px 5px ;
		width: 320px;
		height: 95px !important;
		height: 80px;
		float: left;
		color: #000000;
		background: #cccccc;
		border: 1px solid #000000;
	}
	#Inscription #activer_compte div.submit{ float: left; clear: both; padding: 10px 0; width: 720px; text-align: center;}
	
	#Inscription #recapitulatif {
		display: block;
		clear: both;
		margin: 0;
		padding: 0px 10px;}
	#Inscription #recapitulatif div.recap_civilite, 
	#Inscription #recapitulatif div.recap_adresse, 
	#Inscription #recapitulatif div.recap_mail {
		display: block;
		float: left;
		clear: both;
		width: 100%;
		margin: 0;
		padding: 10px 0;
		border-top: 1px solid #cccccc;}
	#Inscription #recapitulatif div.gauche{
		display: block;
		float: left;
		width: 300px;}
	#Inscription #recapitulatif div.droite{
		display: block;
		float: left;}

	
	#Paiement {
		float: left;
		width: 760px;
		}
		#Paiement .titrebleulong {
			float: left; 
			width: 750px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			text-align: left;
			background: url('../images/titrebleulong.gif') no-repeat;}
		#Paiement .soustitrebleu {
			float: left;
			width: 500px; 
			height: 17px; 
			color: #003366; 
			margin: 10px 0 0 5px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#Paiement #centertable {
			float: left;
			clear: left;
			width: 500px;
			padding: 0 0 0 180px;}
		#Paiement .center { text-align: center;}
		#Paiement .texte { float: left; clear: both; padding: 0 0 40px 10px; font-weight: bold; width: 700px;}
		#Paiement .formpaypal { margin: 0; padding: 10px 0 5px 170px; font-weight: bold;}
		#Paiement .textpaypal { margin: 0; padding: 0 0 0 60px; font-weight: bold;}

	#AchatCotation {
		float: left;
		width: 760px;
		margin: 0 0 20px 0;
		}
		#AchatCotation .titrebleulong {
			float: left; 
			width: 750px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			text-align: left;
			background: url('../images/titrebleulong.gif') no-repeat;}
		#AchatCotation .soustitrebleu {
			float: left;
			width: 716px; 
			height: 17px; 
			color: #003366; 
			margin: 10px 0 0 5px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#AchatCotation .texte { float: left; width: 730px; padding: 0 0 0 20px;}
		#AchatCotation .infopaiement { display: block; float: left; width: 730px; padding: 0 0 0 20px;}
		#AchatCotation .infopaiement .red { padding: 10px 0 5px 0; font-weight: bold; color: red; text-decoration: underline;}
		#AchatCotation .infopaiement .cadre { margin: 5px 0; padding: 2px 5px; font-weight: bold; border: 1px solid #ccc; background: #eee; cursor: pointer;}


	#Cnil {
		float: left;
		width: 760px;
		margin: 0 0 20px 0;
		}
		#Cnil .titrebleulong {
			float: left; 
			width: 750px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			text-align: left;
			background: url('../images/titrebleulong.gif') no-repeat;}
		#Cnil .soustitrebleu {
			float: left;
			width: 716px; 
			height: 17px; 
			color: #003366; 
			margin: 10px 0 0 5px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#Cnil .texte { float: left; width: 730px; padding: 0 0 0 20px;}

	#ListePlan {
		float: left;
		width: 760px;
		margin: 0 0 20px 0;
		}
		#ListePlan .titrebleulong {
			float: left; 
			width: 750px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			text-align: left;
			background: url('../images/titrebleulong.gif') no-repeat;}
		#ListePlan .soustitrebleu {
			float: left;
			width: 716px; 
			height: 17px; 
			color: #003366; 
			margin: 10px 0 0 5px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#ListePlan ul.liste {
			margin: 0;
			padding: 0;
		}
			#ListePlan ul.liste li {
				background-image: url(../images/puce_plan.png);
				background-repeat: no-repeat;
				background-position: left center;
				list-style-type: none;
				padding-left: 12px;}
			#ListePlan ul.liste li.nolink {
				color: #4959a5;
				background: inherit;}
				
		#ListePlan ul.moteur {
			margin: 0;
			padding: 0;
			color : inherit;
			background: inherit;
			list-style-type: none;
		}
			#ListePlan ul.moteur li {
				display: inline;
				list-style-type: none;
				padding-left: 12px;}
	
		#ListePlan a {
			color : #4959a5;
			background: #ffffff;
			text-decoration: underline;
		}
	
	#Faq {
		float: left;
		width: 760px;
		margin: 0 0 20px 0;
		}
		#Faq .titrebleulong {
			float: left; 
			width: 750px; 
			height: 23px; 
			color: #FFF; 
			margin: 0;
			padding: 5px 0 10px 10px;
			margin: 0;
			font: bold 13px Arial; 
			text-align: left;
			background: url('../images/titrebleulong.gif') no-repeat;}
		#Faq .soustitrebleu {
			float: left;
			width: 716px; 
			height: 17px; 
			color: #003366; 
			margin: 10px 0 0 5px;
			padding: 3px 0 10px 34px;
			font: bold 14px Arial; 
			text-align: left;
			background: url('../images/flc-bleu.gif') no-repeat;}
		#Faq p.question{font-weight: bold;padding: 10px 0 0 5px;}
		#Faq p.reponse{font-weight: normal; color: blue; background: inherit; padding: 0 10px 0 5px; text-align: justify;}

	
/* ===================== CLASSES =====================*/
.clear { /*Separateur*/
	margin: 0;
	padding: 0;
	clear: both;}