/*////////////////////////
/////////GENERAL/////////
//////////////////////*/
/*//BODY - le body affiche la couleur de fond du site : le dégradé sur la partie haute et le bleu sur la partie basse//*/
html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; font-family:Arial, Helvetica, Sans-sherif; font-size:12px; color:#999999; background:#002f6f url(../images/home/background-body.png) 0 0 repeat-x;}


/*//MISE A 0 DES MARGES INTERNES ET EXTERNES//*/
img, div, form, a, p, ul, li, h1, h2, h3 {border:none; margin:0; padding:0;}





/*/////////////////////////
///////CONTENU HOME///////
///////////////////////*/
/*//CONTENEUR - le conteneur affiche le fond du site : image de fond et emplacement blanc//*/
div#conteneur {position:relative; top:0; left:0; width:100%; height:100%; background:url(../images/home/background-home.jpg) top center no-repeat;}


/*//HEADER//*/
div#header {position:relative; top:0; left:0; width:980px; height:155px; margin:0 auto; font-size:11px;}
div#logo {position:absolute; top:27px; left:0; width:96px; height:61px;}
div#nom {position:absolute; top:95px; left:0; width:277px; height:19px;}
div#ISPS {position:absolute; top:62px; right:0; width:90px; line-height:14px; font-size:10px; text-align:center; color:#ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff;}

form {position:absolute; top:97px; right:0;}
select {width:135px; height:19px; min-height:19px; background:#003c7d; border:1px solid #003c7d; font-size:11px; line-height:11px; padding:1px; color:#87b7dc;}

div#a-leading-mediterranean-shipyard {position:absolute; bottom:0; left:0; width:980px; height:30px;}


/*//BANDEAU FLASH//*/
div#presentation {position:relative; top:0; left:0; width:980px; height:247px; margin:10px auto; background:#ffffff;}


/*/MENU/*/
div#menu {position:relative; top:0; left:0; width:978px; height:24px; line-height:24px; margin:0 auto; padding:0 0 0 2px; border-bottom:1px solid #ffffff;}
div#menu div.item-menu {position:relative; top:0; left:0; height:11px; line-height:11px; margin:6px 0 0 0; padding:0 18px; font-size:10px; color:#ffffff; border-right:1px solid #ffffff; float:left;text-transform:uppercase;}


/*/BLOC BAS/*/
div#bloc {position:relative; top:23px; left:0; width:980px; height:151px; margin:0 auto;}


div#news {position:relative; top:0; left:0; width:219px; height:125px; margin:0 0 0 0; padding:0 0 0 19px; border-left:1px solid #8ea5c7; float:left;}

div#allnews {position:absolute; bottom:0; left:19px; width:219px; height:19px; line-height:19px; background:#395e92; font-size:11px;}

div#mp2013 {position:relative; top:0; right:0; width:114px; height:125px; float:right;}

div#animage {position:relative; top:7px; left:0; width:980px; height:7px; padding:3px 0 0 0; color:#ffffff; font-size:10px; clear:both;}
div#animage img {vertical-align:top;}





/*//////////////////
///////TEXTE///////
////////////////*/

div#news h1 {height:16px; font-size:16px; line-height:1; color:#ffffff; font-weight:normal; margin:0 0 10px 0;}

div#news h2 {height:12px; font-size:12px; line-height:1; color:#87b7dc; font-weight:normal; margin:0 0 5px 0;}

div#news p {font-size:11px; line-height:1; color:#ffffff; margin:0 0 7px 0;}





/*//////////////////
///////LIENS///////
////////////////*/

/*//LIEN MENU//*/
div#menu a, div#menu a:link, div#menu a:visited, div#menu a:active, div#menu a:focus {text-decoration:none; color:#ffffff;}
div#menu a:hover {text-decoration:none; color:#6699cc;}

/*//LIEN NEWS//*/
div#news a, div#news a:link, div#news a:visited, div#news a:active, div#news a:focus {text-decoration:underline; color:#ffffff;}
div#news a:hover {text-decoration:none; color:#ffffff;}


/*liste news home*/
div.news_home {
height:105px;
margin:0;
padding:0 0 0 0px;
width:219px;
}
div#content_news_home {
float:left;
height:80px;
left:0;
margin:0;
overflow:hidden;
position:relative;
top:0;
width:219px;
}

ul#liste_news_home {
position:absolute;
left:0;
visibility:visible;
list-style-type: none;
}

/*div#watershed {position:relative; top:0; left:0; width:283px; height:24px; background:#02214a url(../images/home/watershed.jpg) 0 0 no-repeat; margin:0 13px 0 0; padding:101px 0 0 7px; line-height:24px; color:#5e93bd; float:left;}*/

div#watershed  {line-height:24px; color:#5e93bd; float:left; width:290px; height:101px;margin:0 13px 0 0;z-index:0;}
div#watershed2 {position:absolute; top:101px; left:0; width:283px; padding:0 0 0 7px; height:24px; line-height:24px;z-index:10;font-size:12px;background-color:#02214A ;color:#5E93BD;}

/*div#marseille {position:relative; top:0; left:0; width:283px; height:24px; background:#02214a url(../images/home/vieux-port-marseille.jpg) 0 0 no-repeat; margin:0 13px 0 0; padding:101px 0 0 7px; line-height:24px; color:#5e93bd; float:left;}
*/
div#marseille  {line-height:24px; color:#5e93bd; float:left; width:290px; height:101px;margin:0 13px 0 0;z-index:0;}
div#marseille2 {position:absolute; top:101px; left:302px; width:283px; padding:0 0 0 7px; height:24px; line-height:24px;z-index:10;font-size:12px;background-color:#02214A ;color:#5E93BD;}

.bleu_h a, .bleu_h a:link, .bleu_h a:visited, .bleu_h a:active, .bleu_h a:focus {text-decoration:none; color:#5E93BD;}
.bleu_h a:hover {text-decoration:none;}