#MainMenu 
{
	width:100%;
	height:32px;
	background: url("../images/bmid_047.gif");
	margin:0;
	border:0;
}
#tab 
{
	margin-left: 194px;
	margin-right: 332px;
	
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	
}
#tab li 
{
	display:inline;
	float:left;
	margin:0;
	padding:0;
	
}
#tab a 
{
	background:#000000 url("../images/bright_047.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("../images/bleft_047.gif") no-repeat left top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
	font-weight:bold;
	line-height:32px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#006600;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #000000;
	background: url("../images/bmid_047.gif");
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link
{
	width:180px;
	margin:0;
	padding:0;
	display:block;
	border:0 solid #FF9300;
	color:#000000;
	background:url("../images/bleft_047.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:32px;
	background:url("../images/bright_047.gif") no-repeat right top;
	padding:0 15px 0 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FF9300;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:underline;
	color:#006600;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#006600;
	font-weight:bold;
	text-decoration:underline;
}


body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	background-color: #DCEFF8;
	color: #4C4C4C;
}
#header {
	height: 169px;
	background: url("../images/accueil5_01.jpg");
	background-color: #DEEFF6;
	width: 780px;
}
#headercoindroit {
	height: 169px;
	background: url("../images/accueil5_02.jpg");
	position: absolute;
	right:0;
	top: 0px;
	float: right;
	width: 220px;
}
#ban468 {
	margin-right: 240px;
	height: 65px;
	margin-left: 265px;
}
#fentrelogin {
	position: absolute;
	left:80px;
	width: 232px;
	height: 50px;
	top: 101px;
}
#minimenuhaut {
	position: absolute;
	left:264px;
	width: 455px;
	height: 35px;
	top: 60px;
}
#visiteguidee {
	position: absolute;
	left:562px;
	width: 102px;
	height: 35px;
	top: 60px;
}
#fentrelogin {
	position: absolute;
	left:380px;
	width: 400px;
	height: 50px;
	top: 85px;
}
#fentretopjoueur {
	position: absolute;
	left:384px;
	width: 354px;
	height: 55px;
	top: 93px;
}
#fentrelogingo {
	position: absolute;
	left:665px;
	width: 80px;
	height: 62px;
	top: 127px;
}
#haut {
	
	height: 32px;
	background-color:#FFFFFF;
	
}
#gauchemenu {
	background: url("../images/pageaccueil3_02.png");
	position: absolute;
		left:0;
	width: 194px;
	height: 32px;
}
#droitemenu {
	background: url("../images/accueil6_05.png");
	position: absolute;
	right:0;
	width: 332px;
	height: 32px;
}
#conteneur {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color:#FFFFFF;
	
}
#centre {

	background-color:#FFFFFF;
	margin-left: 194px;
	margin-right: 332px;
	height: 1100px;
}
#gauche {
	background: url("../images/pageaccueil3_02.png");
	position: absolute;
	left:0;
	width: 194px;
	height: 1100px;
}
#droite {
	background: url("../images/accueil6_05.png");
	position: absolute;
	right:0;
	width: 332px;
	height: 1100px;
	
	
}
#pied {
	
	background: url("../images/pageaccueil_07.png");
	height: 10px;
	background-color: #DCEFF8;
}
#piedliens {
	
	height: 20px;
	background-color: #DCEFF8;
}
#presentation {
background: url("../images/Palmierfeuillesmer.gif");
	color: #2A3F55;
	/*border:1px dashed grey;	border-left-color: #00DFFF;
	border-right-color: #A0A0A4;*/
	
	position:relative;

}



	/*pas de border image*/
a img
{
border:0px;
}

#lot1 {
	width: 100px;
	color: #2A3F55;
	/*border:1px dashed grey;	border-left-color: #00DFFF;
	border-right-color: #A0A0A4;*/
	background: url("../images/Palmierfeuillesmer.gif");
	float: left;
}
#lot2 {
	width: 110px;
	color: #2A3F55;
	/*border:1px dashed grey;	/*border-left-color: #00DFFF;
	border-right-color: #A0A0A4;*/
	background: url("../images/Palmierfeuillesmer.gif");
float: left;
}
#lot3 {
	width: 110px;
	color: #2A3F55;
	/*border:1px dashed grey;	/*border-left-color: #00DFFF;
	border-right-color: #A0A0A4;*/
background: url("../images/Palmierfeuillesmer.gif");
float: left;
}
#lot4 {
	width: 110px;
	color: #2A3F55;
	/*border:1px dashed grey;	/*border-left-color: #00DFFF;
	border-right-color: #A0A0A4;*/
	background: url("../images/Palmierfeuillesmer.gif");
float: left;
}
fieldset {
	border-color: transparent;
	background-color: #F5FFF6;
	border: 0px;
}
label {
	display:block;
	width:100px;
	float:left;
	color: #FF6D3B;
	border-right-color: #A0A0A4;
}

/* button submit */
#form2 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
}

#form2 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
#form2 label{
	display:block;
	width:160px;
	float:left;
	color: #FF6D3B;
	border-right-color: #A0A0A4;
}
#form2 textarea{
	
	width:153px;
	
}

/* button submit */
#form3 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
}

#form3 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
#form3 label{
	display:block;
	width:130px;
	
	color: #FF6D3B;
	border-right-color: #A0A0A4;
}
#form3 textarea{
	
	width:153px;
	
}
/* button submit */
#form4 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
}

#form4 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
/* button submit */
#form6 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
}

#form6 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
/* bulletin vrp */
#form7 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 90px;
}

#form7 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
#form7 label{
	display:block;
	width:100px;
	
	color: #FF6D3B;
	border-right-color: #A0A0A4;
}
#form7 textarea{
	width:330px;
	height: 200px;
	background-color: #F6FDEF;
	border-color: #FFFFFF;
	border: 0;	
}
/* button submit */
#form7 input[type="submit"]
{
	background-color: #FFDF55;
	border: #DDEEFF 1px solid;
	width: 100px;
}

#form7 input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}

/* url vrp */
#formurl input
{
	background-color: #FFFEE1;
	border: #DDEEFF 1px solid;
	width: 450px;
}

#formurl input[type="submit"]:hover
{
	background-color: #AADFAA;
	cursor: pointer;
}
#formurl label{
	display:block;
	width:300px;
	
	color: #FF6D3B;
	border-right-color: #A0A0A4;
}
#formurl textarea{
	width:330px;
	height: 200px;
	background-color: #F6FDEF;
	border-color: #FFFFFF;
	border: 0;	
}




.nuagebonsplans
{
margin-right: 30px;
   color: red;

   font-size: 1.0em;
}

.lead1
{
	margin-right: 20px;
	color: #0098C5;
	font-size: 1em;
}
.lead2
{
	margin-right: 20px;
	color: #FF0055;
	font-size: 1em;
	background-color: #DCEFF8;
}
.lead3
{
	margin-right: 20px;
	color: #64BA9D;
	font-size: 1.0em;
}
.lead4
{
	margin-right: 0px;
	color: #A0A0A4;
	font-size: 1em;
}
.lead5
{
	margin-right: 20px;
	color: #0598FF;
	font-size: 1em;
	background-color: #FEFFA1;
}

.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
}
.menuhaut a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menuhaut a:hover {
text-decoration: none;
}
.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}
.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
	margin: 15px;
	color: #0099CC;
	text-decoration: underline;
		font-size: 1.0em;
}
.menugauche a:hover {
text-decoration: none;
}
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}


p {
	height: auto;
	width: auto;
	margin-top: 0;
	margin-right: 2px;
	margin-bottom: 10px;
	margin-left: 15px;
}
.Style2 {color: #35B0DC}
.Style3 {
	color: #FF6633;
	font-size: 0.6em;
}
.Style5 {color: #CC6632}
.Style6 {color: #999999}
.Style7 {color: #D4E700}
.Style8 {color: #F2683C}
.Style9 {color: #5BA7CD}
.Style10 {color: #53B695}
.Style11 {color: #C22026}
.Style12 {color: #D41FFF}
.Style17 {font-size: 2.0em}
.Style18 {
	font-size: 5.5em;
	color: #A0A0A4;
	text-align: center;
}
.Style19 {
	font-size: 2em;
	color: #D40000;
	text-align: left;
}
.Style20 {
	font-size: 1.8em;
	color: #808080;
	text-align: left;
}
.Style21 {
	color: #2A0000;
}

/*a;info pour les infos bulles*/
a.info {
  position:relative;
  
}
a.info:hover {
   background: none; 
   z-index: 500; 
   text-decoration: none;
}
a.info span {display: none;}
a.info li {
	text-decoration: none;
	
}
a.info:hover span {
text-decoration:none;
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:15em;
	border:1px solid #000;
	background-color:#FFF;
	color:#E03F0A;
	text-align: justify;
	font-weight:none;
	padding:5px;
	border: 1px solid #5D779A;
	border-top: 4px solid #FFFADB;
	background: url("../images/Palmierfeuillesmer.gif");
	text-decoration: none;
	
}


a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #D43F00;
	font-size: 0.85em;
	
}


a:link {
	text-decoration: none;
}

 a:hover {
	text-decoration: none;
	color: #D40000;
	background-color:#DEF4FF;
	font-size: 0.85em;	
}
a:active {
	text-decoration: none;
}
a:visited {
text-decoration: none;
}
.Style16 {font-size: 1.0em}


/*cadre arrondi*/
div#cadre {/* conteneur global et arrière-plan du titre du cadre */
width: 480px;
padding-top: 17px;
background: url(../images/cadre_01.png) top left no-repeat;
}
div#bloccadre {/* arrière-plan bas et sur l'ensemble du cadre */
background: url(../images/cadre_02.png) bottom left no-repeat;
padding-bottom: 5px;
}
div#bloccadre p {
margin: 0 20px 0 20px;
}

div#bloccadre li {
margin: 0 20px 0 20px;
}



/*cadre arrondi plan*/
div#cadreplan {/* conteneur global et arrière-plan du titre du cadre */
	width: 480px;
	padding-top: 17px;
	background: url(../images/cadre_01.png) top left no-repeat;
	
}
div#bloccadreplan {/* arrière-plan bas et sur l'ensemble du cadre */
	background: url(../images/cadre_02.png) bottom left no-repeat;
	padding-bottom: 5px;
	
}
div#bloccadreplan p {
	margin: 0 20px 0 5px;
	

}
div#bloccadreplan ul {
	margin-bottom: 2px;
	margin-left: 300px;
}



div#imageplan {
margin: 0 5px 0 15px;
	
	

}
.pointsplan {
   float: right;
}
.imggauche {
	float: left;
	margin: 0 5px 0 5px;
	height: 31px;
	width: 88px;
  } 
  .imggauche2 {

	margin: 0 5px 0 5px;
	float: left;
  } 

.imgdroite {
   float: left;
 
  } 
.vrplink {
	padding-left: 90px;
}







/*v2 infobulle*/
a.bulle{
	position: relative;
	z-index: 50;	
}

a.bulle:hover{
	z-index: 51;
	background-color: #FDE581;
	text-decoration: none;
}

a.bulle span{
	display: none;
	text-decoration: none;
}

a.bulle:hover span{
	
	top: 20px;
	left: 10px;
	width: 250px;

		/*top:2em;
	left:2em;
	width:15em;*/
	

	display:block;
	position:absolute;

		border: 1px solid #CCCCCC;
	background-color:#FFF;
	color:#E03F0A;
	text-align: justify;
	font-weight:none;
	padding:5px;
	border: 1px solid #5D779A;
	border-top: 4px solid #FFFADB;
	background: url("../images/Palmierfeuillesmer.gif");
	text-decoration: none;
}



/*V3 infobul*/
a.info_bulle span.info_bulle
{								   
  display          : none; /* Rend invisible tout notre bloc span */
} 
 
a.info_bulle
{				
  
  
  text-decoration : none; 
  
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('../images/micro_bulle.gif') no-repeat right center;
  
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
}  
 
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
} 

a.info_bulle:hover span.info_bulle
{				
  display        :  block;    /* Rend visible notre bloc span */
  position       :  absolute; /* Sort notre bloc de son conteneur afin de le positionner */
  

  
  width          : 240px;     /* On fixe une largeur par défaut */
  
  color:#E03F0A;     /* Réinitialisation de la couleur du texte */
  
  text-align     : justify;   /* Justification du texte */	
  
  cursor         : default;   /* Réinitialisation de notre curseur, sinon par défaut on a le même que notre lien */
  
  /* Positionnement de notre info-bulle */
  top            : 1.8em;     
  left           : 1px;
  
  z-index        : 1000; /* Positionne au premier plan l'info-bulle en cas de chevauchement */
}  

span.header
{
	display         : block;
	height          : 35px;  /* Hauteur correspondant à celle de notre image */
	line-height     : 220%;  /* Propriété qui centrera le texte verticalement */
	text-align      : center;
	background      : transparent url('../images/bubulls_header.png') no-repeat 0 0;
	

	font-size       : 1.0em;
	font-weight     : bold;
} 

dfn.content
{
   display     : block; 
   background  : transparent url('../images/bubulls_body.png') repeat-y;
   padding     : 0 8px;
} 

span.footer
{
   display     : block; 
   height      : 10px; 
   background  : url('../images/bubulls_footer.png') no-repeat bottom left; 
   font-size   : 0; /* Corrige l'espacement inutile sous IE */
}