body {
	background-color: #00a3bd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0 0px;
	padding: 0;

} 
    h1, h2, h3 {
	margin: 0;
} 

    ul, li {
	margin: 0;
} 
    img {
	margin: 0 0px;
	padding: 0;
} 

	
	
#wrapper-gene { 
	position: relative;
	background-color: #FFFFFF;
	height: 100%;
	width: 901px;
	margin: 0 auto;
	color: #FF9900;
} 



#wrapper { 
	margin: 0 auto;
	position: relative;
width: 901px;

} 

#sidebar-galets H2 {
	color: #c4f3fb;
	font: bold 14px verdana, arial, helvetica, sans-serif;
	padding: 0 0 0 0;
	margin-top: 15px;
	text-align: center;
	}

#drapo {
	float: right;
	width: 150px;
	height: 18px;
	margin-left: 0px;
	
	
	}
	
	 #drapo ul {
	padding: 0;
	margin: 0;
	margin-top: 2px;
}

   #drapo ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

   #drapo ul li a{
	padding: 0 0px 0 0px;
	text-decoration: none;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	color: #ffffff;
	text-align: center;
}

 #drapo ul li a:hover{
	padding: 0 0px 0 0px;
	font: bold 11px verdana, arial, helvetica, sans-serif;
	text-decoration: underline;
	color: #FFCC00;
	text-align: center;
}

	

 #menu-banner {
	background-image: url(../images/nav/ban-galets-piscine.jpg);
	background-repeat: no-repeat;
	background-color: #00a3bd;
	position: relative;
	width: 900px;
	padding: 0;
	margin: 0;
	margin-top: 0px;
	height: 160px;
	border: 0px solid #ffffff;
	}
	
	 .animation {
	background-image: url(../images/galets/2007/ban-galets-animation.jpg);
	background-repeat: no-repeat;
	
	}
	
	
	#nav-banner {
	position: absolute;
	margin-left: 0px;
	width: 150px;
	height: 160px;
	text-align: center;
	padding-top: 28px;
	padding-left: 5px;
	padding-right: 15px;
	
	
}

 #nav-banner ul {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	
	
}
   
  #nav-banner ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	height: 14px;
	line-height: 13px;
    font-size: 11px;
     margin: 0 0 0 0px;
	padding: 0 5 0 5px;
    text-align:center;
   
}


#nav-banner ul li a{
	color: #ffffff;
	text-decoration: none;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-size: 11px;
	
	
}

  #nav-banner ul li a:hover{
	
	background-color: #0099CC;
	color: #fff;
	text-decoration: underline;

	 
}

   #dispos {
    font-weight: bold;
	
	
}

   #dispos a {
	color: #FFFFFF;
}


   #dispos a: hover {
	color: #0033CC;
	text-decoration: underline;
}


 #column2 {
	margin: 0;
	padding: 0;
	background-image: url(../images/nav/dotclear.gif);
	background-position: right;
	background-repeat: repeat-y;
	width: 100%;
	background-color: #2a90d1;
	border: 0px solid #000000;
	
}

    #column1 {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/nav/dotclear.gif);
	background-repeat: repeat-y;
	width: 100%;
	border: 0px solid #000000;
	
}


.clear {
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#maincontent2 {
	float: right;
	background-image: url(../images/marsouin/fond-marsouins.gif);
	background-repeat: no-repeat;
	border: 0px solid #333; 
	font-size: 0.8em; 
	margin: 0 0 0 0;
	padding-left: 0px;
	background-color: #FFFFFF;
	width: 750px;
	height: 600px;
	color: #003366;
	padding-top: 0px;
	border: 0px solid #000000;
	
}


#maincontent {
	float: right;
	border: 0px solid #333; 
	font-size: 0.8em; 
	margin: 0 0 0 0;
	padding-left: 0px;
	background-color: #FFFFFF;
	width: 750px;
	color: #003366;
	padding-top: 0px;
	
}


#maincontent H2 {
	color: #003366;
	padding: 0px;
	padding-top: 15px;
	font-size: 11px;
	
}


	
	#maincontent a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#maincontent a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
 
 #camp-menu {
	float: left;
	background: #62D0CC;
	width: 750px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 0px;
	height: 16px;
	}
		 
		 .menu-encour2 a {
	background: #000000;
	font-size: 10px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 0px;
	padding-bottom: 0px;
    border-right: 1px solid #000000;
	border-left: 0px solid #000000;
	border-top: 1px solid 000000;
	
	}
	
	.menu-encour2 a:hover {
	text-decoration: underline;
	font-size: 11px;
	}
	
	
	 .menu-encour a {
	background: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	padding-left: 6px;
	padding-right: 6px;
	margin-top: 0px;
	padding-bottom: 0px;
    border-right: 1px solid #000000;
	border-left: 0px solid #000000;
	border-top: 1px solid 000000;
	
	}
	
	.menu-encour a:hover {
	text-decoration: underline;
	font-size: 10px;
	}
	
    #camp-menu-mar1 {
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 3px;
	
	
	}
	
	#camp-menu-mar1 a {
	text-decoration: none;
	height: 16px;
	padding: 0px 34px 0px 34px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #003366;

	
	}
	
	#camp-menu-mar1 a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 11px;
	background-color: #FFFFFF;
	
	}
	
	
	#camp-menu-mar {
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 3px;
	
	
	}
	
	#camp-menu-mar a {
	text-decoration: none;
	height: 16px;
	padding: 0px 34px 0px 34px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #003366;

	
	}
	
	#camp-menu-mar a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 11px;
	background-color: #FFFFFF;
	
	}
	
	 #camp-menu-cal {
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 3px;
	}
	
	#camp-menu-cal a {
	text-decoration: none;
	 padding: 0px 34px 0px 34px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #003366;

	
	}
	
	#camp-menu-cal a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 11px;
	background-color: #FFFFFF;
	}
	
	#camp-menu-gal {
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 3px;
	}
	
	#camp-menu-gal a {
	text-decoration: none;
	padding: 0px 34px 0px 34px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #003366;

	
	}
	
	#camp-menu-gal a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 11px;
	background-color: #FFFFFF;
	}
	
	#camp-menu-sol {
	float: left;
	padding: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 3px;
	}
	
	#camp-menu-sol a {
	text-decoration: none;
   padding: 0px 34px 0px 37px;
	color: #003366;
	font-size: 11px;
	font-weight: bold;
	border-right: 1px solid #003366;

	
	}
	
	#camp-menu-sol a:hover {
	text-decoration: underline;
	color: #FF6633;
	font-size: 11px;
	background-color: #FFFFFF;
	}
	
	 #txt-camp {
	float: left;
	background-image: url(../images/marsouin/fond-marsouins.gif);
	background-repeat: no-repeat;
	width: 750px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 12px;

	}
	
	
	#logo-dte {
	float: right; 
	width: 133px;
	margin: 0px;
	padding: 0px;
}

	#logo-ghe {
	float: left; 
	width: 610px;
	margin: 0px;
	padding: 0px;
}

	
	 #space-page {
	float: left;
	width: 749px;
	height: 5px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 0px;
	border: 0px solid #000;
	

	}
	
	#cadre-news {
	float: left;
	background-color: #98e2df;
	width: 680px;
	padding: 5px;
	margin: 0 0 0 0;
	margin-top: 0px;
	border: 2px dotted #62D0CC;
	

	}
	
	#cadre-news p {
	color: #003366;
	text-align: justify;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	

	}
	
		#cadre-plongee {
	float: left;
	background-color: #ffcc00;
	width: 680px;
	padding: 5px;
	margin: 0 0 0 0;
	margin-top: 0px;
	border: 2px dotted #62D0CC;
	

	}
	
	#cadre-plongee p {
	color: #003366;
	text-align: justify;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	

	}
	
	#txt-camp {
	float: left;
	background-image: url(../images/marsouin/fond-marsouins.gif);
	background-repeat: no-repeat;
	width: 750px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 0px;

	}
	
	 #txt-camp h3 {
	color: #003366;
	text-align: left;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	
	
	
	}
	
	
	 #txt-camp h5 {
	color: #003366;
	text-align: center;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 14px; 
	padding-top: 0px;
	margin-top: 25px;
} 

	 #txt-camp h2 {
	color: #666666;
	text-align: center;
	font: verdana, arial, helvetica, sans-serif;
	font-size: 10px; 
	padding-top: 0px;
} 

 #space-camp {
	
	float: left;
	width: 15px;
	border: 0px solid #000000;
	
	
} 


	#txt-camp p{
	color: #003366;
	font-size: 11px;
	text-decoration: none;
	}
	
	#txt-camp a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#txt-camp a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
	
	#txt-left {
	float: left;
	text-align: justify;
	width: 330px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid #000000;
	
	
	}
	
	#txt-left p{
	color: #003366;
	font-size: 10px;
	text-decoration: none;
	}
	
	#txt-left a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#txt-left a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
	
	#txt-left h3 {
	color: #003366;
	text-align: left;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	
	
	
	}
	
	#txt-left-plongee {
	float: left;
	background-color: #ffcc00;
	text-align: center;
	width: 330px;
	height: 250px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	margin-top: 0px;
	border: 0px solid #000000;
	
	
	}
	
	#txt-left-plongee p{
	color: #003366;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
	}
	
	#txt-left-plongee a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#txt-left-plongee a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
	
	#txt-left-plongee h3 {
	color: #003366;
	text-align: center;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	
	
	
	}
	
	 #txt-right {
	float: left;
	text-align: justify;
	width: 330px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	border: 0px solid #000000;
	
	
	}
	
		#txt-right p{
	color: #003366;
	font-size: 10px;
	text-decoration: none;
	}
	
	#txt-right a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#txt-right a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
		
		#txt-right h3 {
	color: #003366;
	text-align: left;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	
	}
	
	
		  #camp-photo {
	float: left;
	background: #FFFFFF;
	width: 750px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-top: 2px;
	border: 0px solid #003366;
	

	}
	
	#photo-left {
	float: left;
	width: 350px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	border: 0px solid #000000;
	
	
	}
	
	 #photo-right {
	float: left;
	width: 350px;
	padding-top: 0px;
	margin: 0 0 0 0;
	margin-left: 0px;
	border: 0px solid #000000;
	
	
	}
	
	
	#menuimg {
	width: 660px;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	}
	
	#menuimg p {
	width: 660px;
	text-align: center;
	float: left;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	}
	
	#menuimg a{
	color: #FF6600;
	text-decoration: none;
	}
	
	#menuimg a:hover{
	color: #0099FF;
	text-decoration: underline;
	}
	
	#menuimg2 {
	width: 680px;
	float: left;
	padding: 0px;
	margin-left: 0px;
    margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border: 0px solid #000;
	}
	
	#menuimg2 p {
	width: 680px;
	float: left;
	clear: both;
	text-align: center;
	margin-left: 0px;
    margin-top: 26px;
	padding-top: 0px;
	border: 0px solid #000;
	}
	
	#menuimg2 img {
    float: left;
    margin-left: 10px;
	margin-top: 10px;
	 margin-left: 10px;
	padding-bottom: 0px;
	border: 2px dotted #00a3bd;
	}
	
	#menuimg3 {
	width: 750px;
	float: left;
    margin-top: 9px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	}
	
	#menuimg3 img {
    margin-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	#menuimg-cam {
	width: 600px;
	float: left;
	padding-left: 50px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	

#sidebar {
	border: 0px solid #333;
	font-size: 0.75em;
	padding: 0px;
	float: left;
	top: 0;
	left: 0;
	width: 170px;
	
	background-color: #007dc5;
	height: 450px;
	
}

#sidebar ul {
  padding: 0px;
  margin-left: 6px;
  border: 0px solid black;

}

#sidebar li {
    text-align: left;
	list-style-type: none;
	margin-top: 3px;
	border: 0px solid black;

}
	
	#sidebar li a {
    text-decoration: none;
	padding: 0px 0px 0px 0px;
	color: #ffffff;
	font-size: 9px;
	font-weight: bold;
	border-right: 0px solid #003366;

}
	
	#sidebar li a:hover {
   text-decoration: underline;
	color: #f4a662;
	font-size: 9px;
	
}


	#menu5 {
	width: 150px;
	position: absolute;
	margin-top: 5px;
	margin-left: 0px;
}

#menu5 dt {
	cursor: pointer;
	background: #62D0CC;
	height: 20px;
	line-height: 20px;
	margin: 2 0;
	border: 1px solid gray;
	text-align: center;
	font-weight: normal;
	padding-right: 0px;
	margin-right: 0px;
}

#menu5 dd {
	position: absolute;
	z-index: 100;
	left: 110px;
	margin-top: -22px;
	width: 100px;
	border: 1px solid gray;
	background-color: #b7d9ea;
	display: none;
	
}

#menu5 ul {
	padding: 0px;
}

#menu5 li {
	text-align: center;
	font-size: 10px;
	height: 18px;
	line-height: 18px;
	list-style-type: none;
}


#menu5 li a {
color: #003366;
text-decoration: none;
display: block;
}

#menu5 dt a{
	color: #003366;
	text-decoration: none;
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-right: 0px;
}

#menu5 dt a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	display: block;
	font-size: 10px;
	background-color: #66CCFF;
}

#menu5 li a:hover {
text-decoration: underline;
color: #ff3e3e;
background: #fff

}

	#footer {
	float: left;  
    color: #003366; 
	font-size: 10px;
	width: 880px;
	text-align: center;
	margin: 0 auto;
	padding: 11px;
	background: #62D0CC;
	
} 

    #footer p {
	margin-top: 0px;
	background: #62D0CC;
	
}

    #footer ul {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	
}
   
  #footer ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	height: 10px;
	line-height: 10px;
    font-size: 10px;
     margin: 0 0 0 0px;
	padding: 0 0 0 0px;
    text-align:center;
   display: inline;
  
	
}


#footer ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-size: 11px;
	 border-right: 1px solid #666666;
	
	
	
}

  #footer ul li a:hover {
	color: #FF6600;
	text-decoration: underline;
	background: #fff;

}

#dynloadarea {
	float: left;
	background-image: url(../images/nav/fond-photos-galets.gif);
	background-repeat: no-repeat;
	padding: 0px;
	text-align: center;
    margin-top: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	border: 3px dotted #62D0CC;

	}
	
	
	#fiche-txt-cam h5 {
	color: #003366;
	text-align: center;
	font: bold verdana, arial, helvetica, sans-serif;
	font-size: 11px; 
	padding-left: 65px;
	padding-top: 12px;
} 

   #fiche-txt-cam {
	float: left;
	width: 600px;
	margin: 0 0 0 0;
	background-color: #FFFFFF;
	padding-left: 12px;
	padding-top: 0px;
	padding-right: 0px;
	

	}	
	
	#map1 {
	float: left;
	width: 680px;
	height: 450px
	margin: 0 0 0 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px ;
	color: #003366;
	padding: 0px;
	margin-left: 30px; 
	border: 4px dotted #62D0CC;
	

	}
	
	#map1 a {
	text-decoration: none;
	color: #cc5137;
	padding: 0px;
	margin: 0;
	font-size: 10px;
	
	}
	
	#map1 a:hover {
	text-decoration: underline;
	color: #003366;
	font-size: 10px;	
	}
	
	#closeWin2 {
	position:absolute;
	width:150px;
	height:15px;
	left: 0px;
	top: 300px;
	padding-left: 0px;
	
	}	
	
	#closeWin2 a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	background-color: #FF9900;
	}
	
	#closeWin2 a:hover {
	text-decoration: underline;
	color: #FFFF99;
	font-size: 11px;	
	}
	
		#closeWin3 {
	position:absolute;
	width:150px;
	height:15px;
	left: 270px;
	top: 12px;
	padding-left: 0px;
	
	}	
	
	#closeWin3 a {
	text-decoration: none;
	color: #FFFFFF;
	padding: 3px;
	margin: 0;
	font-size: 11px;
	background-color: #FF9900;
	}
	
	#closeWin3 a:hover {
	text-decoration: underline;
	color: #FFFF99;
	font-size: 11px;	
	}
	
	#legal {
	position:absolute;
	background-color: #FFFFFF;
	width:400px;
	height: 250px;
	margin-top: 32px;
	margin-left: 0px;
	
}

#legal p {
	position:absolute;
	background-color: #FFFFFF;
	left: 80px;
	margin-top: 50px;
	color: #003366;
	font-size: 11px;
}

#legal H2 {
	position:absolute;
	left: 80px;
	margin-top: 30px;
	color: #003366;
	font-size: 12px;
}


#navbarph {
	position:absolute;
	width:689px;
	height: 32px;
	left: 0;
	top: 0;
	background-image: url(../images/galets/nav-gallery-photos.gif);
	background-repeat: no-repeat;
}

#navbarph p {
	position:absolute;
	left: 290px;
	top: 7px;
	color: #0066CC;
	font-size: 12px;
}