body {
	margin: 0;
	padding: 0;
	background-color: #3366bb;
	/*background-image: url('images/fond.jpg');*/
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: small;
	color: #404040;
}

.haut{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 956px;
	height: 239px;
	background-image: url('images/top.jpg');
	background-repeat: no-repeat;
}

#conteneur {
	position: absolute;
	width: 956px;
	left: 50%;
	margin-left: -479px;
	border: 1px solid navy;
	background-color: #ffffff;
	height : 2500px;
}

#contenu {
	float: top;
	margin-left: 160px;
	margin-top: 252px;
	width: 580px;		
	background: #ffffff;
	line-height : 1.5em;
}

#contenu-boutique {
	float: top;
	margin-left: 160px;
	margin-top: 252px;
	width: 780px;		
	background: #ffffff;
	line-height : 1.5em;
}
/*
#contenu A {
	color: #000000; text-decoration: none; border-bottom: 1px dotted gray;
}
#contenu A:hover {
	color : blue; text-decoration: none; border-bottom: 1px dotted blue;
}
*/

#pied {
	background-color: #ffffff;
}

#bordgauche {
	position: absolute;
	left: 0px;
	top: 240px;
	width: 150px;
	height: 2500px;
}

.raccourcis {
	position: absolute;
	left: 0px;
	top: 0px;
}

.accueilimg {
	position: absolute;
	left: 4px;
	top: 186px;
	width: 24px;
	height: 28px;
	border: 0;
}

.favorisimg
{
	position: absolute;
	left: 36px;
	top: 177px;
	width: 24px;
	height: 22px;
	border: 0;
}

.contactimg
{
	position: absolute;
	left: 70px;
	top: 170px;
	width: 26px;
	height: 24px;
	border: 0;
}

.searchimg {
	position: absolute;
	left: 810px;
	top: 188px;
	width: 26px;
	height: 30px;
	border: 0;
}

.accesimg {
	position: absolute;
	left: 850px;
	top: 188px;
	width: 28px;
	height: 30px;
	border: 0;
}

.logoimg {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 326px;
	height: 80px;
	border: 0;

}

.flags {
	position : absolute;
	top: 189px;
	right: 72px;
}

.imgflagen {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 24px;
	height: 18px;
	border: 0;
}

.imgflagit {
	position: absolute;
	left: 34px;
	top: -1px;
	width: 24px;
	height: 18px;
	border: 0;
}

.liste ol {
	float: left;
	display: inline;
	margin-top: 2px;
	margin-left: 7px;
}

.liste ul {
	float: left;
	display: inline;
	margin-top: 2px;
	margin-left: 7px;
}

.liste li {
	/*display: inline;*/
	margin-left: 0px;
	font-size : 100%;
}

.liste dd {
		font-weight : none;
		font-family : Arial;
		margin-left: -40px;
		font-size : 90%;
		color : #404040;
		text-align: justify;
	}
	
.liste a {
	text-decoration: underline;
	font-weight : bold;
}


.barretop {
	position : absolute;
	left: 16px;
	top: 18px;
	border: 0;
}

.banner {
	text-align: center;
	float: bottom;
	left: 150px;
	top: 60px;
	width: 580px;
	height: 90px;
}

.bannertopleft {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 24px;
	height: 23px;
}

.bannertopright {
	position: absolute;
	left: 576px;
	top: 0px;
	width: 24px;
	height: 23px;
}

.bannerimg {
	left:66px;
	top: 3px;
	width: 468px;
	height: 60px;
	border: 0;
}

.date {
	width: 150px;
	height: 18px;
}

.datetexte{
	margin-top: 2px;
	text-align: center;
	font-size: 80%; 
	color: gray;
}

.menurubrique {
	left: 0px;
	width: 150px;
}

.rubrique {
	margin-top: 2px;
	text-align: center;
	border:0;
}

.menugauche {
  margin-top: -8px;
  padding: 0px;
  width: 150px; 
  border: 0;
}
	 
.menugauche ul {
	display: inline;
	margin: 0px;
    padding: 0px;
	list-style-type: none;
} 

.menugauche li {
	padding: 0px;
	margin-left: 3px;
}

.menugauche a {
  color: #003399;
  text-decoration: none;
  border-bottom: 0px;
}

.menugauche a:hover {
	color: #0033FF;	 
}
	 
.menugauche a:active {
	text-decoration: underline;
}

.menugauche #marinemenu {
  font-weight: bold;
  color: #3366cc;
}

.menugauche #redmenu {
  font-weight: bold;
  font-size : 95%;
  color: #ff4141;
}

.petitmenu {
  font-size : 85%;
}

.statsimg {
	margin-left: 29px;
	margin-top: 25px;
	width: 88px;
	height: 31px;
	border: 0;
}
/*
#boutonform
{
	FONT: 14px Arial; COLOR: #336699; BACKGROUND-COLOR: #eaf7ff
}
*/



/* ---------------------------------------------------------------*/

A {
	color: #3366bb; text-decoration: underline;
}
A:hover {
	color: maroon; text-decoration: underline;
}

OPTION {
	FONT: 10px Verdana; COLOR: #336699;
}
TEXTAREA {
	FONT: 10px Verdana; COLOR: #336699;
}
INPUT {
	FONT: 10px Verdana; COLOR: #336699;
}

h1 {
	display: inline;
	font-size: 105%;
	font-style: bold;
	color: #0053E2;	/*#3c6bc1;*/
	margin-left : 5px;
}


h2 {
	display: inline; font-size: 100%; font-weight:bold; color: #0053E2; margin-left : 5px;
}

h1.subtitle {
	DISPLAY: inline; PADDING-LEFT: 0px; FONT: bold 14px/24px Verdana; COLOR: #000000
}

#TitrePage {
	width: 100%;
}

#Titre {
	margin-top: -18px;
	margin-left : 14px;
}

#Titre ul {
	display: block;
	list-style-type: none; 
	margin-top: 4px;
}

#Titre li
{
	margin: -10px 0 0 0;
}

ul {
	display: block; list-style-type: square; 
	margin-top: 5px;
}
li
{
	margin: 2px 0 0 -20px;
}


#chemin {
	color: #000000;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#chemin ul {
	margin-left: 1%;
	padding-left: 0;
	font-size: 90%;
}

#chemin li {
	display: inline;
	margin: 0 0.1em 0 0;
	padding: 0 0.1em 0 0;
}

#chemin a {
	background-color: transparent;
	color: #000000;
}

#chemin a:hover {
	color: maroon;
	text-decoration: underline;
}

#guidepage {
	font-size: 80%;
	font-weight: bold;
	border-top: 1px solid gray;
}

.pageretour {
	float: left;
	margin-top: 5px;
	width: 50%;
	height: 20px;
}

.pageretour a{
	color: #0053E2;	/*#2e69c2;*/
	text-decoration : none;
}

.pageretour a:hover{
	text-decoration : none;
}

.pagesuivante {
	float: right;
	margin-top: 5px;
	text-align: right;
	width: 50%;
	height: 20px;
}

.pagesuivante a{
	color: #0053E2;
	text-decoration : none;
}

.pagesuivante a:hover{
	text-decoration : none;
}

.RedLink {
	font-weight: 600; color: #ff4141; text-decoration: none; border-bottom: 0px;
}
.RedLink:hover {
	font-weight: 600; color: #ff4141; text-decoration: underline; border-bottom: 0px;
}
.MarineLink {
	font-weight: 600; color: #3366cc; text-decoration: none; border-bottom: 0px;
}
.MarineLink:hover {
	font-weight: 600; color: #3366cc; text-decoration: underline; border-bottom: 0px;
}
.AlphabetLink {
	font-size: 80%; color: #336699; text-decoration: none; border-bottom: 0px;
}
.AlphabetLink:hover {
	font-size: 80%; color: #ff9933; text-decoration: underline; border-bottom: 0px;
}
.FraisDePort {
	font-size: 85%; color: #ff4141; text-decoration: none; border-bottom: 0px;
}
.Legende {
	font-size: 85%; tEXT-DECORATION: none; border-bottom: 0px;
}
.Atlas {
	font-size: 90%; COLOR: #000066; TEXT-DECORATION: none; border-bottom: 0px;
}
.Copyright {
	font-size: 100%; COLOR: gray; TEXT-DECORATION: none; border-bottom: 0px;
}
.Siesi {
	font-size: 100%; COLOR: gray; TEXT-DECORATION: none; border-bottom: 0px;
}
.Bottom {
	font-size: 100%; COLOR: gray; TEXT-DECORATION: none; border-bottom: 0px;
}
.Title {
	 color: #336699;
}
.SubTitle {
	font-weight: 600;
	color: navy;
}
.Erreur {
	font-weight: 600; COLOR: #dd0000
}
.Texte12 {
	FONT: bold 11px Verdana; COLOR: #006699
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.livredor {
/*
	margin-left: auto;
	margin-right: auto;*/
	width: 150px;
	text-align: justify;
	background-color: ivory;	/*#eaf7ff;*/
	border: 1px dotted gray;
	margin-left: 10px;
	padding: 10px;
	font-family: "Tahoma";
	font-size: 90%;
}

.livredor a {color : green; text-decoration: none;}
.livredor a:hover {color : #3366bb; text-decoration: none;}

.titrequestionnaire {
  text-align: center;
}
.questionnaire {
  margin-left: 1%; 
}

.choixquestion {
  margin-left: 3%; 
}

.fondcheckbox {
  color: #336699; background-color: #ffffff;
}

.fondradio {
  color: #336699; background-color: #ffffff;
}

.attention {
	text-align: justify;
	background-color: #eaf7ff;
	border: 1px solid #000000;
	padding: 10px;
}

.args a
{
  color : blue;
	text-decoration : none;
	font-weight: bold;
}

.args a:hover
{
  color : red;
  text-decoration : none;
	border-style: gray;
	border-bottom: 1px dotted;
}

.espace_user {
	font-size: 90%;
	color: black;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	text-align: justify;
	background-color: #eaf7ff;
	border: 1px solid #336699;
	padding: 0.5em;
}

/* Ticker - Debut */
.ticker
{
	position:		relative;
	visibility:		hidden;
	left:			0px; 
	top:			0px;
	border-width:	0px;
	border-style:	solid;
	font-family:	"Trebuchet MS", Verdana;
	font-size:		13px;
	font-weight:	none;
	width:			200%;
	color : #3c6bc1;
}

.clstsu
{
	color:			marron;
	cursor: 		hand;
	cursor: 		pointer; 
	padding-bottom: 2px; 
	padding-left:	2em;
	padding-right:	2em;
	margin: 		0px;
	text-decoration : none;
}

.clstsd
{
	color:			red;
	cursor: 		hand;
	cursor: 		pointer; 
	padding-bottom: 2px; 
	padding-left:	2em;
	padding-right:	2em;
	margin: 		0px;
	text-decoration : none;
}

.clstimg
{
	height: 12px;
	width:	18px;
}
/* Ticker - Fin */

#screens {
	float: right;
	left: 500px;
	margin-top: -210px;
	width: 240px;
	height: 240px;
	text-align: center;
}

.paypal
{
	font-size: small;
	/*font-weight: bold;*/
	color : #404040;
}

.encadre_bleu {
	font-size: 100%;
	color: maroon;
	margin-left: auto;
	margin-right: auto;
	width: 90%;
	text-align: left;
	background-color: white;
	border: 1px dotted #336699;
	padding: 0.5em;
}

.LienPrix {
	font-weight: bold; color: #ff4141; text-decoration: underline; font-size : 130%;
}
.LienPrix:hover {
	font-weight: bold; color: #ff4141; text-decoration: underline; font-size : 130%;
}

.spotpub {
	left: 5px;
	top: 5px;
	height: 100%;
	text-align: justify;
	background-color: #eaf7ff;
	border: 1px dotted #000000;
	padding: 0.5em;
}

.listebuy ul {
	float: left;
	display: inline;
	margin-top: 2px;
	margin-left: 7px;
}

.listebuy li {
	/*display: inline;*/
	margin-left: 0px;
	font-size : 90%;
	color: navy;
}

.listebuy dd {
	margin-top: 4px;
	margin-left: -40px;
	font-size : 95%;
	color : #404040;
}

q {
	color : #0053e2;
	margin-left: 55px;
	text-align: justify;
}

.LinkBold  {
	font-weight : bold;
	text-decoration: underline;
}

.imgcdrom {
	float: left;
	border: 0;
	padding: 10px;
}

.TableauCompare
{
    border: 2px solid green;
	border-collapse: collapse;
	font-size: 11px;
	width : 580px;
	font-family: Tahoma, Verdana, Arial;
}

.TableauCompare th
{
    border: 1px solid green;
	padding: 5px;
	<!--white-space:nowrap; -->
	background-color : ivory;	
}

.TableauCompare	td
{
	padding: 5px;
	border: 1px solid green;
}

/*	Recherche	*/
.cachediv {
	visibility: hidden;
	overflow: hidden;
	height: 1px;
	margin-top: -1px;
	position: absolute;
}

#ToolTip {
	position : absolute;
	border : 0px;
	left : 650px; top: 50px; width: 140px; height:110px; 
	font-family: "Verdana" small;
	font-size: 110%;
	color : white;
	text-align: center;
}
#ToolTipTexte {
	vertical-align: middle;
	margin-top: 35%;
	font-weight: bold;
}

.gotoimg {
	position : absolute;
	top: 230px;
	right: 6px;
	border: 0;
}

.avantage {
	vertical-align: top;
	padding-top:4px;
}

.TableauTarifsVPC
{
	border: 2px solid green;
	border-collapse: collapse;
	font-size: 11px;
	width : 180px;
	font-family: Tahoma, Verdana, Arial;
	margin-left: 30px;
}

.TableauTarifsVPC th
{
    border: 1px solid green;
	padding: 3px;
	text-align: center;
	background-color : ivory;
	letter-spacing: 1.5px;
}

.TableauTarifsVPC	td
{
	padding: 3px;
	border: 1px solid green;
	font-size: 105%;
	text-align: center;
}

.TableauCommander
{
	border: 0px solid #3366bb;
	border-collapse: collapse;
	font-size: 12px;
	width : 750px;
	margin-left: 15px;
	font-family: Verdana, Arial;
}

.TableauCommander th
{
	border-bottom: 1px solid #336699;
	border-right: 1px solid #336699;
	padding: 5px;
}

.TableauCommander	td
{
	padding: 5px;
	/*border: 1px solid green;*/
	border-bottom: 1px solid #336699;
	border-right: 1px solid #336699;
}

.Live
{
	background-color : #DBF2FB;
	text-align: center;
}

.CDRom
{
	background-color : #DBEAFB;
	text-align: center;
}

.Pack
{
	background-color : #DCE3FB;
	text-align: center;
}

.LienPayPal
{
	font-weight: bold; color: blue; text-decoration: underline; font-size : 130%;
}
.LienPayPal:hover {
	font-weight: bold; color: red; text-decoration: underline; font-size : 130%;
}

.LastVersion {
	color: #2020bb;
	font-size: 80%;
	cursor: help;
}

.TextCaptcha {
	padding: 0px; font-size: 18px; font-weight: bold; color : maroon;
}

.TableauDuo
{
	border: 2px solid #3366bb;
	border-collapse: collapse;
	font-size: 12px;
	width : 630px;
	margin-left: 135px;
	font-family: Verdana, Arial;
}

.TableauDuo th
{
	border-bottom: 1px solid #3366bb;
	background-color : #3366bb;
	color: white;
	padding: 0px;
	font-size: 130%;
	font-family: Tahoma;
	letter-spacing: 3px;
	height: 50px;
	line-height: 24px;
	/*
	background-image: url('images/xmas-left.jpg');
	background-repeat: no-repeat;
	background-position: left;*/
}

.TableauDuo	td
{
	padding: 5px;
	text-align: center;
}