/*########################################################
Feuille de style pour page d'accueil site Internet Ifremer


A épurer de tous les codes inutiles
##########################################################*/

* {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#494949;
}

body {
	background-color:#1C2E3A; /* E1E1E1 */
	margin:0;
	margin-top:10px;	
}

#conteneur{
padding-left:0px;
padding-top:0px;
width: 990px;
height:520px;
margin: auto;
}

/*#####################################################
######################################################
###
###	   HEADER
###
######################################################
#####################################################*/

	#zoneTitre{
	width:990px;
	height:35px;
	 padding-bottom:5px;
	  margin-top:10px;
	  padding-top:10px;
	  background-color:#FFFFFF;
	}
	
	#contenu{
	margin-top:0px;
	width:990px;
	height:477px;
	background-image:url('image_accueil.jpg'); 
	background-color:#F6F5F5;
	background-position: right top;
	background-repeat:no-repeat		
	}

	#bandeau {
	position:relative;
	width:990px;
	height:45px;
	top:-23px;
	}
	

	#zoneGauche{
	width:257px;
	float:left;
	background-color:#F6F5F5;
	}
		
	#zoneDroite{
	width:733px;
	float:right;
	}

#menu{
	width:257px;
	height:250px;
	overflow:hidden;
}




/*#####################################################
######################################################
###
###	   MENU
###
######################################################
#####################################################*/

#menu dl{ line-height:20px; margin:0;}
#menu dt {cursor: pointer;line-height:20px;}

#menu dt a{font-family:Arial, Helvetica, sans-serif; font-size:13px; text-decoration:none; font-weight:bold; color:#000; display:block; width:257px;height:22px; padding-left:5px; border-bottom:1px dotted #504E53;}
#menu dt a:hover{background-color: #000; color: #FFF;display:block;}


#menu ul{ border-left:1px solid #ffffff; position:absolute; margin-top:-22px; width:242px; margin-left:220px; background-color:#FFFFFF; list-style-type:none; padding-left:0px;}
#menu ul li{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; border-bottom:1px solid #504E53;}
#menu ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none; display:block;height:18px; padding-left:5px;}
#menu ul li a:hover{ background-color:#FFE600; color:#040004;}



/*#####################################################
######################################################
###
###	   Bloque à la une
###
######################################################
#####################################################*/
#alaune {
	position:absolute;	
	width:255px; 
	height:100px; 
	background-color: white;
	filter:alpha(opacity=75); 
	opacity: 0.75; 
	-moz-opacity : 0.75; 
	top: 400px;
	margin-left:455px;
}
#alaune_titre {
	position:absolute;	
	width:255px; 
	height:20px; 
	background-color: #504E53;
	top: 380px;
	margin-left:455px;
}

#alaune .contenu_alaune{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; margin-top:10px; padding-left:10px; padding-right:5px;}
#alaune .contenu_alaune a{ text-decoration:none; color:#000; }
#alaune .contenu_alaune a:hover{ text-decoration:none; color:#000; background-color:#CCCCCC;}


#contact {
	width:257px;
	height:20px; 
	background-color: #504E53;
}

#outils{
	width:257px;
	height:20px; 
	background-color: #504E53;
}

#contenu_outils, #contenu_contact{
	background-color:#e6e6e6;
	height:47px;
	width:257px;
	margin:0px;
	padding-top:5px;
	padding-bottom:16px;
}


#contenu_outils a{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none;display:block; padding-left:10px;
}
#contenu_outils a:hover{
text-decoration:none; background-color:#999999; display:block; padding-left:10px;
}

#zone_recherche{
	border:0px;
	width:230px;
	height:25px;
	}
	
#zone_recherche form, #zone_recherche form p{
	margin:0; padding:0;
	}



/*
.envoi{
	border:0px none;
	width:16px;
	height:16px;
	background-image:url('btn-rechercher-home.gif');
	cursor:pointer}
*/	

input.q {
	border-style:none; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#000000; 
	width:200px;
	margin-left:2px; 
	}



#piededitorial {
	margin-top : 10px;
	margin-right : 150px;
	text-align: right;}

/*#####################################################
######################################################
###
###	   UTILISATEUR : FONT, ETC.
###
######################################################
#####################################################*/


body{ font: Arial, Helvetica, sans-serif; font-size:11px; color:#333333;}

.floatLeft{ float:left; width:240px; padding-left:10px;}
.floatLeftA{ float:left; width:50%;}
.floatLeftB{ float:left; width:46%;padding-left:10px;}

.clear {clear:both:}

.titreBandeau {font: Tahoma; font-size:24px; font-weight:bolder; color:#000000; padding-left:0px; line-height:18px; }
.soustitreBandeau { font: Arial, Helvetica, sans-serif; font-size:11px; color:#000; }

.fleche{background-image:url('fleche.gif'); background-repeat:no-repeat;background-position: 5px 1px; width:25px; padding-left:8px }
/* .fleche{background-image:url('fleche.png'); background-repeat:no-repeat;background-position: 5px 1px; width:25px; padding-left:8px } */
.titreFleche {font: Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FFFFFF; line-height:18px;}


a{color:#F26100; text-decoration:none;}
a:hover{color:#F26100; text-decoration:underline;}

.titreArticle {font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000000; border-bottom:solid 1px;}
.soustitreArticle {font:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ff6600 ; border-bottom:solid 1px; border-bottom-color:#CCCCCC;}
.textecourant {font: Arial, Helvetica, sans-serif; font-size:11px; color:#464448; line-height:15px;}
.chapeau {font: Arial, Helvetica, sans-serif; font-size:11px; color:#000000; background-color:#F6F5F5; display:block; padding:10px; line-height:15px;}


.legende {background: url('fleche_legende.gif') no-repeat 0px 4px;font-family: Arial, Helvetica, sans-serif; color:#464448; font-size:9px; margin-top:-2px; padding-left:7px; padding-right:0px; padding-top:0px; padding-bottom:0px}

li#listeTexteCourant { list-style-image:url('puce_liste.gif'); list-style-position:outside; margin-left:-24px}

.listeOutils{background: url('puce_liste_jaune.gif') no-repeat 0px 10px;margin-top:-2px; padding-left:15px; padding-right:0px; padding-top:0px; padding-bottom:0px }

.piedpage {color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.piedpage a {color:#FFFFFF; text-decoration:none;}
.piedpage a:hover {color:#FFFFFF; text-decoration:underline;}