body {
	margin : 0;
	padding : 0;
	font-family : Verdana, Arial, sans-serif;
	font-size : 80%;
	color : #545454;
	text-align : center;
	font-style: inherit;
	background-image: url(image/oceans_012.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
} 
p { 
margin : 0.1em 0 0.1em 0;
} 
h1 {
	text-align: center;
} 
h2 {
	margin : 0.1em;
	padding : 0;
	background-color : #0066FF;
	color : #ffffff;
	font-size : 100%;
	font-weight : bold;
} 
div { 
margin : 0;
padding : 0;
display : block;
} 
a:link { 
color : #4169e1;
text-decoration : underline;
} 
a:hover { 
color : #e16840;
text-decoration : none;
} 
a:active { 
color : #4169e1;
text-decoration : underline;
} 
a:visited { 
color : #b840e1;
text-decoration : underline;
} 
.container {
	margin : 0 auto 0 auto;
	padding : 0;
	width : 90%;
} 
.header { 
padding : 2em;
margin : 0;
text-align : left;
background-image : url(image/logo.png);
background-repeat : no-repeat;
background-position : center 0%;
height : 78px;
} 
.header p { 
text-indent : 8em;
color : #3b4471;
} 
ul.navigation { 
list-style-type : none;
float : left;
display : block;
width : 740px;
line-height : 0.1em;
clear : both;
margin : 0;
padding : 0;
background-color : white;
border-bottom : 1px solid #c4c4c4;
} 
.left { 
float : left;
clear : both;
width : 14em;
margin : 0 0 0 0.1em;
padding : 0;
} 
.leftcontent {
	margin : 0.5em;
	padding : 0.3em;
	border : 2px solid #FF6633;
	text-align : left;
	background-color: #9EDAE4;
} 
.leftcontent p { 
padding-left : 1em;
} 
.leftcontent p a:link, a:visited {
	color : #000000;
	text-decoration : none;
} 
.leftcontent p a:hover {
	color : #FF6633;
} 
.leftcontent p a:active { 
color : #545454;
text-decoration : none;
} 
.left h2 { 
text-align : left;
padding : 0 0 0 1em;
} 
.leftlinks a { 
display : block;
} 
.content {
	clear : right;
	text-align : left;
	margin : 0.5em 0.5em 0 14.2em;
	padding : 0.3em 1ex 0.3em 1ex;
	border : 1px solid #c4c4c4;
} 
.content h2 { 
padding : 0 0 0 1em;
} 
.footer { 
font-size : 75%;
margin : 0.1em;
padding : 0.3em;
text-align : center;
clear : both;
} 
.footer p { 
border : 1px solid #c4c4c4;
padding : 0.5em;
margin : 0.3em;
} 
.txt { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #0000ff;
font-variant : small-caps;
text-transform : none;
font-weight : bold;
background-position : center center;
line-height : normal;
}

.txtcharte {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	color : #FFFFFF;
	font-variant : small-caps;
	text-transform : none;
	font-weight : bolder;
	background-position : center center;
	line-height : normal;
	background-color: #0066FF;
}

.txtcont { 
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #0000ff;
background-position : center center;
line-height : normal;
} 
.txtmsg { 
font-weight : 600;
} 
form {
	padding : 10px;
	width : 350px;
} 
label { 
font-family : "trebuchet ms", sans-serif;
font-weight : bold;
} 
input {
	border : 1px solid black;
	background-color : #0066FF;
	font-family : "trebuchet ms", sans-serif;
	color : white;
} 
textarea {
	border : 1px solid black;
	background-color : #0066FF;
	font-family : "trebuchet ms", sans-serif;
	color : white;
} 
.apparence { 
font-family : arial;
font-size : 12px;
color : #0066ff;
visibility : visible;
position : absolute;
top : -50px;
} 
body {

}
.counter{
	background-color:black;
	color:#FF6633;
	font-weight:bold;
	font-size: 12px;
}
.titre {
	color : #000000;
	font-size : 200%;
	font-weight : bold;
	font-variant: small-caps;
	text-decoration: underline;
}