body{
	background-color:#333333;
	font-family:Arial, Verdana, Helvetica;
	font-size:11px;
	color:#000000;
	SCROLLBAR-ARROW-COLOR: #ffffff;
	SCROLLBAR-FACE-COLOR: #707170;
	SCROLLBAR-TRACK-COLOR: #ffffff;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-SHADOW-COLOR: #707170;
	SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	background-color:#333333;
	margin: 0; 
	padding: 0; 
	width:100%;
}

td{
	font-family:Arial, Verdana, Helvetica;
	font-size:11px;
	color:#000000;
}

img{
	border:0px;
}

ul{
	padding: 3px 0px 3px 50px;
	margin:0px;
}

a{
	color:#456b9c;
}

a:hover{
	color:#659a01;
}

.message_erreur{
	color:#FF0000;
	font-weight:bold;
	font-size:12px;
}

.message_succes{
	color:#33CC00;
	font-weight:bold;
	font-size:12px;
}

input{
     font-size:12px;
     font-family:arial;
	 height:18px;
}

input.bouton{
	font-size: 10px;
	font-weight: bold;
	background-color: #6892ba;
	border: #000000 solid 1px;
	color:#FFFFFF;
}

.message{
	color:#FF0000;
	font-weight:bold;
}

/************************   PAGE D'ACCUEIL **************************/

.accueil{
	background-image:url('fond_accueil.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	height:712px;
	width:1150px;
	position:relative;
}

.cadre_news_accueil{
	position:absolute;
	background-image:url('fond_news_accueil.jpg');
	background-repeat:no-repeat;
	width:315px;
	height:148px;
	top:126px;
	left:176px;
	padding-top:30px;
}

.titre_news_accueil{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
}

.date_news_accueil{
	text-align:right;
	height:20px;
	font-size:9;
	font-weight:bold;
	color:#FFFFFF;
}

.texte_news_accueil{
	text-align:justify;
	font-size:9px;
	color:#FFFFFF;
}

.suite_news_accueil{
	text-align:right;
	font-size:9px;
	font-weight:bold;
	color:#FFFFFF;
}

hr.accueil{
	height: 1px; 
	color: #ffffff; 
	background-color: #ffffff;
	border: 0;
	margin: 0;
	padding: 0;
}

.cadre_bouton_accueil{
	position:absolute;
	top:283px;
	left:170px;
	width:161px;
	text-align:left;
}

.cadre_bouton_accueil img{
	cursor:pointer;
}

.cadre_bouton2{
	position:absolute;
	top:88px;
	left:1030px;
	text-align:left;
}

.cadre_bouton2 a{
	line-height:22px;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}

.cadre_bouton2 a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#659b00;
}

.cadre_documentation_accueil{
	position:absolute;
	top:553px;
	left:861px;
	text-align:left;
}

.cadre_documentation_accueil img{
	cursor:pointer;
}
.cadre_ingeo{
	position:absolute;
	top:640px;
	left:0px;
}

.cadre_ingeo img{
	cursor:pointer;
}

/************************   PAGE DE CONTENU   **********************/

.fond{
	height:712px;
	width:1150px;
	position:relative;
}

.cadre_bathymetrie{
	position:absolute;
	width:66px;
	height:218px;
	top:39px;
	left:56px;
}

.cadre_bandeau{
	position:absolute;
	width:900px;
	height:146px;
	top:39px;
	left:122px;
}

.cadre_menu{
	position:absolute;
	width:900px;
	height:69px;
	top:185px;
	left:122px;
}

.cadre_contenu{
	position:absolute;
	background-image:url('fond_contenu.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:385px;
	top:254px;
	left:122px;
}

h1{
	background-image:url('h1.jpg');
	background-repeat:no-repeat;
	background-position: 0 10;
	color:#456b9c;
	font-size:14px;
	font-weight:bold;
	line-height:37px;
	padding:10 0 0 0;
	margin:0;
	padding-left:40px;
	text-align:left;
}

.paragraphe{
	margin:0px;
	padding:0px 30px 0px 50px;
	line-height:17px;
	text-align:justify;
}

p{
	margin:0px;
	padding: 0px;
}

a.menu_niveau3{
	background-image:url('puce_niveau3.jpg');
	background-repeat:no-repeat;
	background-position:7px 3px;
	display:block;
	width:270px;
	height:25px;
	line-height:25px;
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#456b9c;
	font-size:11px;
}

a.menu_niveau3:hover{
	background-image:url('puce_niveau3.jpg');
	background-repeat:no-repeat;
	background-position:7px 3px;
	display:block;
	width:270px;
	height:25px;
	line-height:25px;
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#659b00;
	font-size:11px;
}

a.menu_niveau3_clic{
	background-image:url('puce_niveau3.jpg');
	background-repeat:no-repeat;
	background-position:7px 3px;
	display:block;
	width:270px;
	height:25px;
	line-height:25px;
	padding-left:30px;
	text-decoration:none;
	font-weight:bold;
	color:#659b00;
	font-size:11px;
}

/********************* NEWS ************************/

.cadre_contenu_news{
	position:absolute;
	background-image:url('fond_contenu_news.jpg');
	background-repeat:no-repeat;
	width:900px;
	height:385px;
	top:254px;
	left:122px;
}

.paragraphe_news{
	margin:0px;
	padding:0px 30px 0px 30px;
	line-height:17px;
	text-align:justify;
}

.news_paragraphe_resume{								
	text-decoration: none;
	font-size: 12px;
	text-align:justify;
	padding-bottom:10px;
	color:#5d5b54;
}

.news_titre{
	font-size:13px;
	font-weight:bold;
	color:#587698;
	text-align:left;
	float:left;	
	padding-left:30px !important;
	padding-left:8px;
}

.news_publication{
	font-size:9px;
	font-weight:800;
	color:#5d5b54;
	text-align:right;
	padding-top:3px;
	padding-bottom:10px;
}

.news_lire_la_suite{
	font-size:11px;
	font-weight:bold;
	color:#587698;
	text-align:right;
	margin-right:120px;
}

.trackback{
	font-size:10px;
	color:#666666;
	text-align:right;
	padding-right:5px;
}

a.trackback{
	font-size:10px;
	color:#666666;
}

a.trackback:hover{
	font-size:10px;
	color:#659a01;
}

.message_titre{
	font-size:13px;
	font-weight:bold;
	color:587698;
	float:left;
}

.message_publication{
	text-align:right;
	font-size:10px;
	color:#666666;
	font-weight:bold;
	float:right;
	font-style:italic;
}

.message_paragraphe{
	text-align:justify;
	padding-bottom:10px;
}

/************************   PAGE DE REFERENCE **************************/

.reference_nom{
	font-size:13px;
	font-weight:bold;
	color:587698;
	padding-top:15px;
}

.reference_description{
	text-align:justify;
	padding-top:15px;
}

/************************   PAGE DE LOGIN **************************/

.cadre_login{
	position:absolute;
	background-image:url('fond_login.jpg');
	background-repeat:no-repeat;
	width:315px;
	height:148px;
	top:126px;
	left:176px;
	padding-top:30px;
}