/* CSS Document */

body {
	background-color: #003366;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin:0px;
	padding:0px;
	padding-top:0px;
	color: #ECF1EB;
} 
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

a:link {
color: #FFFFFF; text-decoration: underline;
} 

a:visited {
color: #FFFFFF; text-decoration: underline;
} 
.tableau {
	color: #FFFFFF;
	background-color: #FF9900;
	border: 1px none #000000;
	font-style: normal;
}


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

a.yzeo:link {
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
} 

a.yzeo:visited {
	color: #000000;
	text-decoration: underline;
	font-size: 9px;
} 

a.yzeo:hover {
color: #000000; text-decoration: underline;
}
a.lien:link {
color: #CCCCCC; text-decoration: underline;
} 

a.lien:visited {
color: #CCCCCC; text-decoration: underline;
} 

a.lien:hover {
color: #FFFFFF; text-decoration: underline;
}
#navcontainer
{

border-top: 0px solid ;
font: normal normal 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#navlist
{
list-style: none outside none;
margin: 0;
padding: 0;
}

@media all {
#navlist {
text-align: left;
padding: 10px 0px 0px 110px;
}
}

#navlist li
{
bottom: 0px;
display: inline;
line-height: 1.2em;
margin: 0;
padding: 0;
position: relative;
}

html>body #navlist li
{
background: #00017E;
margin: 0 02px 0 0;
padding: 0px 0px 4px 0;
}

#navlist a, #navlist a:link, #navlist a:visited
{
background: #C6CFE2;
border: 1px solid #FFF;
bottom: 1px;
color: #18243C;
cursor: pointer;
display: inline;
height: 1em;
margin: 0;
padding: 3px 5px 3px 5px;
position: relative;
right: 2px;
text-decoration: none;
}

#navlist a:hover
{
background: #C6CFE2;
bottom: 1px;
color: #5B6781;
position: relative;
right: 1px;
}

#navlist a:active
{
background: #274565;
top: 2px;
bottom: 0px;
color: #FFF;
position: relative;
right: 0px;
}

#navlist li#active
{
top: 0px;
bottom: 13px;
display: inline;
margin: 0 0px 0 0;
padding: 0;
position: relative;
}

html>body #navlist li#active
{

margin: 0 4px 0 4px;
}

#navlist #active a, #navlist #active a:link, #navlist #active a:visited, #navlist #active a:hover
{

border-bottom: none;
border-left: 1px solid #9CC;
border-right: 1px solid #9CC;
border-top: 1px solid #9CC;
bottom: 0;
color: #FFF;
cursor: text;
margin: 0;
padding: 2px 10px 2px 5px;
position: relative;
right: 0;
}

.texte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
	}
	
.texte2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texte3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #ffffff;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.texte4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	text-transform: none;
	color: #C8A8C8;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}

.TopMenuItemContact {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	background: #ffffff;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #f4f4f4;
	border-right-color: #f4f4f4;
	border-bottom-color: #f4f4f4;
	border-left-color: #f4f4f4;
}

.TopMenuItem {
	font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 8pt;
	font-weight: normal;
	padding: 1px 15px 1px 15px;
	cursor: hand;
	background: #ffffff;
	border: 1px solid #000000;
}



/* ************************* Class Plan API GOOGLE ************************* */

.titreplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000000;
	font-weight: bold;
}
.txtplan {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #9a379b;
}
.plan {
	width: 500px;
	height: 350px;
	border:1px #140411 solid;
	text-align: center;
}

/* ************************* Fin Class Plan API GOOGLE ************************* */
.Style34 a {
	color: #003366;
}
.yzeo2 {
	color: #000000;
	font-size: 9px;
}

.Style32 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.intro {
	color: #FFFFFF;
}
.texte5 {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	text-transform: none;
	color: #000000;
	letter-spacing: normal;
	word-spacing: normal;
	white-space: normal;
}
.tableau2 {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFFFFF;
}
.style1 {
	color: #FFFFFF;
}


.div-plan-site{margin:auto; width:725px;  }
.divdupiqueplan{ background-image: url(images/plan-site/duplique-plan.jpg); background-repeat:repeat-y; width:725px; }
.txtplan{
	width:650px;
	padding-left: 30px;
	color:#ECF1EB;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
}
.headerplan{width:725px;}
.footerplan{width:725px; background-image: url(images/plan-site/footer-plan-site.jpg); background-repeat:no-repeat; height:54px;}


/******premiere mousee******/
.divmousse{
	width:200px;
	background-color:#e0e299;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.divmousse2{
	width:200px;
	height:200px;
	background-color:#e0e299;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.titre-mousse{
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:14px;
color:#000000;
font-weight:bold;
}

.titre-mousse2{
font-family:Geneva, Arial, Helvetica, sans-serif; 
font-size:14px;
color:#417202;
font-weight:bold;
}
.letrine{ font-family:Verdana, Arial, Helvetica, sans-serif; color: #009933; font-size:14px; font-weight:bold; font-style:italic;}
.clearer{
	width:0;
	height:0px;
	line-height:0;
	padding:0;
	margin:0;
	clear: both;
	font-size:0;
}
.divencart{
position: relative;
}
.surfer{
	position:absolute;
	width:300px;
	height:auto;
	margin-top:90px;
	margin-left:280px;
}

/******vague de bronze******/


.surfer2{
	position:absolute;
	width:400px;
	height:302px;
	margin-top:130px;
	margin-left:5px;
}
.divmousse3{
	width:200px;
	height:435px;
	padding-left:3px;
	background-color:#f59d35;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
.divmousse3bis{
	width:200px;
	height:auto;
	padding-left:3px;
	background-color:#f59d35;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
 /*****vague d'argenr*******/
 
 .divmousse4{
	width:200px;
	height:485px;
	padding-left:3px;
	background-color:#bfefbc;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
 
 .divmousse4bis{
	width:200px;
	height:auto;
	padding-left:3px;
	background-color:#bfefbc;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.surfer3{
	position:absolute;
	width:350px;
	height:354px;
	margin-top:120px;
	margin-left:25px;
}
 
 
 /*****vague d'or*******/
 
  .divmousse5{
	width:200px;
	height:auto;
	padding-left:3px;
	background-color:#d6a6dd;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}
  .divmousse5bis{
	width:200px;
	height:405px;
	padding-left:3px;
	background-color:#d6a6dd;
	float: left;
	margin-left:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.surfer4{
	position:absolute;
	width:400px;
	height:293px;
	margin-top:105px;
	margin-left:220px;
}



/***fin*****/