body
{
	margin: 10px 0 ;
	padding: 0 ;
	font: 0.7em "Trebuchet MS", helvetica, sans-serif ;
	color:#000000;
	background:#015E9E url(../media/site/diving.jpg) no-repeat;
	background-attachment:fixed;
	}

	
div#global
{
	width: 978px ;
	/*height: auto;*/
	margin: auto ;
}

	
div#conteneur
{
	width: 978px ;
	/*height: auto;*/
	margin: 0 auto ;
	text-align: left ;
	border: 1px solid black ; 
	background-color: white; /*no-repeat right top*/
}

h1#header
{
	height: 237px ;
	width: 978px;
	margin: 0px;
}

h1#header a
{
	width: 978px ;
	height: 237px ;
	display: inline ;
	background-image: url(img/banniere.gif);
	position: relative;
	left: 0px ;
	top: 0px ;
}

h1#header a span
{
	display: none ;
}


div#contenu
{
float:left;
padding: 30px 24px 10px 24px;
margin-top: 23px;
background: url(../media/site/bg_conteneur.gif) no-repeat;
width: 930px;
height: auto;
}

div#contenu h2
{
	padding: 0px;
	margin: 0px;
	/*line-height: 25px ;*/
	font-size: 1.4em ;
	/*background: url(http://www.diving-mayotte.com/media/site/fruit-1.gif) no-repeat left bottom ;*/
	color:  #1F6AA6;
	border-bottom: 1px dotted black;
}

div#contenu h3
{
	margin-left: 25px ;
	padding-left: 25px ;
	border-bottom: 1px solid #FF3300 ;
	border-left: 3px solid #FF3300 ;
	color: #FF3300 ;
}

div#contenu h4
{
	font-size: 1.4em;
}

div#contenu p
{
	text-align: justify ;
	padding-left: 5px ;
	text-indent: 1em ;
	color:#000000;
	/*line-height: 1.7em ;*/
}

div#contenu a
{
	color: black ;
	/*font-size: 1.4em;*/
}

div#contenu a:hover
{
	color: #ff9900 ;
}

p#footer
{
	width: 978px;
	margin: 0 ;
	padding-right: 10px ;
	line-height: 30px ;
	text-align: right ;
	color: #8a0 ;
}
p#footer a
{
	color: white ;
}

a:link {color: #FF3300; text-decoration: none;}
a:visited {color: #FF3300; text-decoration: none;}
a:hover {color: #C80A10; text-decoration: none;}
a:active {color: #C80A10; text-decoration: none;}

.breve {font-size: 10px; color: #000000; font-weight: 700; text-decoration: none;}
a.breve:link {color: #ffffff;text-decoration: none;}
a.breve:visited {color: #ffffff;text-decoration: none;}
a.breve:hover {color: #ff0000;text-decoration: none;}
a.breve:active {color: #ffffff;text-decoration: none;}

img.bord0{border:none;}
img.bord1{border-color:gray 1px solid;}

.tof {float: left; font-size: 9px; text-decoration: none; font-weight: normal; color: #333333; margin-top: 5px; margin-bottom: 3px; margin-left: 10px; margin-right: 10px;}
.tof a
{border-color:#333333 1px solid;}

.legende {font-size: 11px; font-style: bold; color: #8F8F8F;}

.actu 
{
width: 400px; 
padding: 0px 0px 20px 0px;
background-color: transparent;
filter:alpha(opacity=86);
 -moz-opacity: 0.86;
}

.lien
{
width: 180px;
border: 1px dotted #9B936E; 
padding: 9px;"
}

#3images {
float: left;
height: auto;
width: 200px;
background-color: red;
}

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

* html pre
{
	width: 636px ;
}

pre span
{
	color: #560 ;
}

pre span.comment
{
	color: #b30000 ;
}
FORM {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 10px;
}
INPUT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
SELECT {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
TEXTAREA {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; FONT-FAMILY: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
INPUT {
	MARGIN-BOTTOM: 4px;
}
LABEL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 15px; FONT-WEIGHT: bold; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 120px; PADDING-TOP: 5px;
}