@charset "utf-8";

/*  Body
/*  ---------------------------------------------------------------
*/

body
{
	margin: 5px 0 0 0 ;
	padding: 0 ;
	text-align: center ;
	font: 0.8em "Trebuchet MS", helvetica, sans-serif ;
	background: #53412e ;
	background-image:url(../images/bg_body.jpg);
}


/*  Flags
/*  ---------------------------------------------------------------
*/

div#tiptop
{
	width: 944px ;
	margin: 0 auto ;
	text-align: center ;
	font-size:9px;
	height:15px;
}

label {
  float:left;
}
div.inpContainer {
  float: right;
}


p#flag
{
	font-size: 10px ;
	margin: 0 ;
	line-height: 20px ;
	text-align: center ;
	color: #fff ;
}

div#aquaworld
{
	margin: 0 auto ;
	text-align: center ;
	background-color:#66CC00;
	line-height: 20px ;
}

.Style2 {color: #336600;font-weight: bold;font-size: 12px;}
.Style3 {font-size: 8px}
.Style4 {font-size: 1.2em}
.Style6 {font-size: 12px}
.Style9 {font-size: 10px}
.Style10 {color: #00717f;font-weight: bold;}

/*  Liens
/*  ---------------------------------------------------------------
*/

a:link {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	color: #594c40;
	text-decoration: underline;
}
a:visited {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	color: #594c40;
	text-decoration: underline;
}
a:hover {
	font-family:"Trebuchet MS",Arial,sans-serif ;
	text-decoration: none;
	color: #006e7f;
	}

/*  M.E.P.
/*  ---------------------------------------------------------------
*/

div#conteneur
{
	width: 944px ;
	margin: 0 auto ;
	text-align: left ;
	border: 2px solid #fff ;
	background-color:#f0ede8;
}

h1#header
{
	height: 130px ;
	margin: 0 ;
	background:url(../images/header_saint-malo.jpg) no-repeat left top;
}

h1#header a
{
	width: 200px ;
	height: 114px ;
	display: block ;
	background: url(../images/logotype_header.jpg) no-repeat ;
	position: relative ;
	left: 460px ;
	top: 7px ;
	text-indent: -5000px ;
}

div.row {margin: 0; padding: 0; width: 98.5%;}
div.cols2 {float: left; width: 49%; margin: 0 3px 0 0; padding: 0;}

#menu {
	background: #fff;
	font: 14px "Trebuchet MS", helvetica, sans-serif ;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

div#contenu
{
	padding: 20px 0px 0 0px ;
	background-color:#F0EDE8;
}

div#contenu h2
{
	padding-left: 35px ;
	line-height: 32px ;
	font-size: 1.4em ;
	color: #594c40 ;
	border-bottom: 1px solid #594c40 ;
	
}

div#contenu h3
{
	text-indent: 2em ;
	font-size: 14px;
}

div#contenu p
{
	text-align: justify ;
	line-height: 1.7em ;
}

p#copyright
{
	font-size: 10px ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #594c40 ;
	background-color:#f0ede8;
}

p#footer
{
	font-size: 10px ;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: center ;
	color: #594c40 ;
		background-color:#f0ede8;
}

p#flag
{
	font-size: 10px ;
	margin: 0 ;
	line-height: 20px ;
	text-align: center ;
	color: #fff ;
}

#color_footer  {color:#fff; }


pre
{
	overflow: auto ;
	background: #0065B3 ;
	border: 2px solid #9b2 ;
	padding: 5px 0 0 5px ;
	font-size: 1.2em ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}

/*  Parcours Aquatonic
/*  ---------------------------------------------------------------
*/

div.row_jazt {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt {background-color: #007381; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

#blanc {color: #ffffff}
#a1 {height:24px}
#a2 {height:30px}


/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_spa {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_spa {background-color: #655c57; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_be {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_be {background-color: #693d3c; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Spa
/*  ---------------------------------------------------------------
*/

div.row_jazt_host {margin: 0; padding: 0; width: 98.5%;}
div.cols_jazt_host {background-color: #999933; float: left; width: 49%; margin: 0 3px 0 0; padding: 0; text-align:center}

/*  Menu
/*  ---------------------------------------------------------------
*/
#menu li {
	float: left;
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	font-variant:small-caps;
}
#menu a {
	color: #000;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 29px;
	text-decoration: none;
}
#menu a:hover {
	background: #006e7f ;
	color: #fff;
	padding-bottom: 8px;
}


/*  Table
/*  ---------------------------------------------------------------
*/

#table-home { visibility: visible;width: 100%;position: center }
#table-home table { font-size: 14px;font-family: "Trebuchet MS",Arial,sans-serif;background-color: transparent}
#table-home td { padding: 0 4px; padding: 0 4px; text-align: center ; width: 50%; }
#table-home tr { width: 50%; }
#table-home th { color: #663; font-size: 14px; text-align: center ; padding: 0 4px; width: 50%; }

/*  Float
/*  ---------------------------------------------------------------
*/

.floatright
{
float: right;
width: 150px;
margin: 50px 0 5px 20px;
background-color: #ddd;
padding: 10px;
border: 1px solid #666;
}

.float_droite
{
float: right;
margin: 0px 25px 10px 15px;
border: 0px solid #ffffff;
padding: 0px;
}

.float_gauche
{
float: left;
margin: 0px 25px 10px 15px;
border: 0px solid #ffffff;
padding: 0px;
}


/*  ---------------------------------------------------------------
/*  Demande de doc
/*  ---------------------------------------------------------------
*/

form {
	width: 95%;
	padding: 10px 20px;
}
form h3 {
	margin: 0 0 1em 0;
	padding: 10px 20px;
	text-align: center;
	background: #99796c;
	color: white;
}
form p.blabla {
	margin: 1em 20px 1.5em 20px;
	color: #369;
}
form fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
form fieldset legend {
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-style: italic;
	font-size: 0.9em;
}
form div.gauche {
	width: 250px;
	margin: 0 0 1em 20px;
	float: left;
	display: inline; /* évite le Doubled Float-Margin Bug d'IE6 */
}
form div.gauche p {
	margin: .5em 0;
}
form div.gauche span.label {
	display: block;
	margin-bottom: .2em;
}
form div.gauche label {
	font-weight: bold;
	cursor: pointer;
}
form div.gauche span.controle {
	display: block;
}
form div.droite {
	margin: 0 20px 1em 310px;
}
form div.droite span.label {
	display: block;
	font-weight: bold;
}
form div.droite span.controle {
	display: block;
	margin: .5em 0 0 30px;
}
form div.droite span.controle input.bouton {
	position: absolute;
	margin-left: -30px;
	left: 750px;
	top: 553px;
}
form div.droite span.controle br {
	display: none;
}
form input.text {
	width: 95%;
	border: solid 1px #8a815a;
	padding: 2px 4px;
}
form textarea {
	border: solid 1px #8a815a;
	padding: 2px 0 0 4px;
}
form p.submit {
	clear: left;
	margin: 1em 20px 1em 310px;
}
form p.submit input {font-size: 0.9em;}