/**
 * Fichier : accueil.css
 * Description : Styles spécifiques à la page d'accueil
 * Auteur : Hamza Iqbal - hiqbal[at]agence-clark.com
 ********************************************************/
 
 
#accueil #principal
{
	width: 720px;
}

#accueil #col_1
{
	float: left;
	width: 405px;
}

#accueil #col_2
{
	float: right;
	margin: 20px 0 0;
	width: 306px;
}

#accueil #sidebar
{
	width: 200px;
	padding: 0;
}


/**
 * Position navire
 ******************************************/
#pos_navire
{
	background: #fff url(../images/commun/fonds/f_pos_actuelle.png) 0 0 no-repeat;
	clear: both;
	overflow: hidden;
	padding: 0 10px 7px;
	width: 930px;
}

#pos_navire h2
{
	color: #092f5c;
	line-height: 36px;
	font-size: 17px;
}

#pos_navire .cont
{
	float: left;
	height: 117px;
	overflow: hidden;
	position: relative;
}

#pos_navire h3
{
	background: #fff;
	color: #093a6e;
	line-height: 28px;
	font-size: 16px;
	font-style: italic;
	padding: 0 0 0 13px;
	position: relative;
	top: 15px;
	z-index: 1000;
}

/* Carte */
#pos_navire #cont_carte_pos_actuelle
{
	margin: 0 6px 0 0;
	width: 452px;
}

#pos_navire #cont_carte_pos_actuelle h3
{
	left: 0;
	width: 100px;
	background:#ee6445;
	color:#fff;
}

#pos_navire #cont_carte_pos_actuelle a.lien_majeur
{
	background: #fff url(../images/commun/puces/puce_lien_majeur.png) 10px center no-repeat;
	left: 280px;
	line-height: 28px;
	padding: 0 0 0 22px;
	position: absolute;
	top: 89px;
	width: 150px;
	z-index: 1000;
}

#pos_navire #cont_carte_pos_actuelle .ombre
{
	background: url(../images/commun/fonds/f_ombre_carte.png) 0 0 repeat-x;
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 500;
	
	_background: 0;
}

#pos_navire #carte_pos_actuelle
{
	height: 117px;
	position: absolute;
	top: 0;
	width: 452px;
}

/* Accès navire / accès mission */
#pos_navire #acces_navire,
#pos_navire #acces_mission { width: 233px; }

#pos_navire #acces_navire a.visuel,
#pos_navire #acces_mission a.visuel
{
	display: block;
	left: 0;
	position: absolute;
	top: 0;
}

#pos_navire #acces_mission { float: left; }
#pos_navire #acces_navire {
float: right;
background:url(../images/commun/visuels/visuel_acces_navire.jpg);
}

#pos_navire #acces_navire h3
{
	left: 105px;
	width: 115px;
}
#pos_navire #acces_navire .texte{
background:#fff;
position:absolute;
bottom:0px;
right:0;
width:180px;
padding:5px 10px;
}
#pos_navire #acces_navire .texte a{
color:#609DCB;
text-decoration:underline;
}
#pos_navire #acces_mission h3
{
	left:40px;
	width: 180px;
}

/**
 * Remontées actualités
 ******************************************/
#remontees_actualites
{
	background: #fcfcfd url(../images/commun/fonds/t_actu.png) no-repeat;
	margin: 0 0 10px;
	padding: 25px 0 30px;
}

#remontees_actualites h2,
#remontees_partenaires h2
{
	font-size: 25px;
	font-style: italic;
	color: #cbc0ab;
	height: 77px;
	line-height: 30px;
	padding: 0 0 0 80px;
	overflow: hidden;
	zoom:1;
}
#remontees_partenaires h2
{
	height:auto;
	padding: 0;
	margin:0 0 10px 0;
}

#remontees_actualites h2 span { font-style: normal; }

#remontees_actualites ul
{
	background: url(../images/commun/fonds/f_actu.png) 0 0 repeat-x;
	padding: 0 14px;
}

#remontees_actualites ul li
{
	background: url(../images/commun/fonds/sep2.gif) repeat-x bottom;
	padding: 0 0 15px;
	margin: 0 0 15px;
}

#remontees_actualites ul li .date
{
	background: url(../images/commun/fonds/f_date.png) no-repeat;
	color: #444139;
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	height: 54px;
	line-height: 15px;
	padding: 15px 0 0 0;
	text-align: center;
	width: 66px;
	
	_background: 0;
}

#remontees_actualites ul li .infos { margin: 0 0 0 75px; }

#remontees_actualites ul li h3
{
	background: url(../images/commun/fonds/sep.gif) 0 bottom repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	margin: 0 0 6px;
	padding: 0 0 10px;
}

#remontees_actualites ul li h3 a
{
	color: #444139;
	text-decoration: none;
}

#remontees_actualites ul li h3 a:hover { text-decoration: underline; }

#remontees_actualites ul li p { margin: 0 0 5px; }

#remontees_actualites ul li .auteur
{
	color: #609dcb;
	font-size: 10px;
}

#remontees_actualites ul li .extrait
{
	color: #232323;
	font-size: 12px;
}

#remontees_actualites .lien_majeur { margin: 0 0 0 14px; }

#remontees_actualites ul li .lien_majeur
{
	font-size: 11px;
	margin: 0;
}


/**
 * Remontes Journal de Bord
 ******************************************/
#remontees_journal_de_bord
{
	margin: 0 0 10px;
	padding: 0 10px 10px;
	width: 383px;
}

#remontees_journal_de_bord h2
{
	line-height: 48px;
	font-size: 19px;
	font-style: italic;
}

#remontees_journal_de_bord ul { margin: 0 0 10px; }

#remontees_journal_de_bord ul li p.date { color: #d5be86; }
#remontees_journal_de_bord ul li a { color: #fff; }

/**
 * Grenelle de la Mer
 ******************************************/
#grenelle_mer
{
	margin: 0 0 10px;
	width: 383px;
}

#grenelle_mer h2
{
	line-height: 27px;
	font-size: 19px;
	font-style: italic;
}

/**
 * Capitaine
 ******************************************/
#le_capitaine { margin: 0 0 10px; }

/**
 * Equipage
 ******************************************/
#equipage .visuel
{
	margin: 0 0 10px;
	text-align: center;
}

#equipage p { margin: 0 0 10px; }


/**
 * Médiathèque sidebar
 ******************************************/
#accueil #sidebar .mediatheque h2 { font-size: 12px; font-weight: bold; }
#accueil #sidebar .mediatheque ul { margin: 0 0 17px; }
#accueil #sidebar .mediatheque ul li { margin: 0 3px 3px 0; }
#accueil #sidebar .mediatheque ul li.last { margin: 0 0 3px; }