@charset "ISO-8859-1";
body {
	background-image: url(../images/accueil-gd-fd.jpg);
	background-repeat: no-repeat;
	background-position: -30px 130px;
}
#max_page {/*pour englober les colonnes sur une largeur de 1020 px*/
	/*width:100%;
	max-width:1020px; je passe tout en largeur fixe de 988px le 17 08 2010
	width:expression(document.body.clientWidth > 1020 ? "1020px" : "890px");for shit IE*/
	position: absolute;
	top:130px;
	left:0;
	width:988px;
	height: 530px;
	z-index: 10;
	/*border:solid 1px red;*/
}
#pub_hori {
	position:absolute;/*pour placer des pubs horizontales sous la grande image*/
	top:587px;/*old : 570. 670 pour être en dessous*/
	left:24px;
	width:760px;
	text-align:right;
	z-index:99;
}

/*2 colonnes d'info et de pub*/
#colonne_gauche, #colonne_droite {
	position: absolute;
	height: 530px;
	margin-top: 16px;
	text-align: right;
	}
#colonne_droite {  }
#colonne_gauche {
	left: 24px;
	width: 135px;
	z-index: 20;
	top: 0;
}
#colonne_droite {
	top:-30px;
	width: 180px;
	left: 808px;
	font-family: Arial, Helvetica, sans-serif;
}
#col_droite_haut, #col_droite_bas,#col_droite_centre { width:180px; }
#col_droite_haut, #col_droite_bas					 { height:21px; }
#col_droite_haut   { background: transparent url(../images/col_droite_haut.png)   left top no-repeat; }
#col_droite_centre { background: transparent url(../images/col_droite_centre.png) left top repeat-y; }
#col_droite_bas    { background: transparent url(../images/col_droite_bas.png)    left top no-repeat; margin-top:-7px; /* pour contrarier le dernier a*/ }
#claim {/*l'introduction*/
	color: #FFFFFF;
	text-align: center;
	margin-bottom: 5px;
	position: absolute;
	width: 252px;
	left: 260px;
	top: 142px;
	height: 60px;
	font-size: 13px;
}


td img {display: block;}/*???*/

/*TABLE FOCUS 1*/
table#focus1 td#head {
	background-image: url(../boutons/focus1-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 24px;
	width: 140px;
}
/*note*/
table#focus1  td#lien_note {
	height: 29px;
	width: 140px;
}
table#focus1  td#lien_note a {
	background-image: url(../boutons/btn-note.gif);
	display: block;
	height: 29px;
	width: 140px;
}
table#focus1 td#lien_note a:hover {
	background-image: url(../boutons/btn-note_f2.gif);
}
/*carte*/
table#focus1 td#lien_carte a:hover {
	background-image: url(../boutons/btn-carte_f2.gif);
}
table#focus1  td#lien_carte {
	height: 20px;
	width: 140px;
}
table#focus1  td#lien_carte a {
	background-image: url(../boutons/btn-carte.gif);
	display: block;
	height: 20px;
	width: 140px;
}
/* corps : commun aux deux */
table#focus1 td#body, table#focus2 td#body {
	background-image: url(../boutons/focus-body.gif);
	background-repeat: repeat-y;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 15px;
	padding-bottom: 4px;
}

/*bas : commun aux deux */
table#focus1 td#footer, table#focus2 td#footer {
	background-image: url(../boutons/focus-footer.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 140px;
}
/*TABLE FOCUS 2*/
table#focus2 td#head {
	background-image: url(../boutons/focus2-head.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 140px;
}
/*colloque*/
table#focus2  td#lien_colloque {
	height: 30px;
	width: 140px;
}
table#focus2  td#lien_colloque a {
	background-image: url(../boutons/btn-colloque.gif);
	display: block;
	height: 30px;
	width: 140px;
}
table#focus2 td#lien_colloque a:hover {
	background-image: url(../boutons/btn-colloque_f2.gif);
}
/*corps : idem focus 1*/

/*rapport*/
table#focus2  td#lien_rapport {
	height: 20px;
	width: 140px;
}
table#focus2  td#lien_rapport a {
	background-image: url(../boutons/btn-rapport.gif);
	display: block;
	height: 20px;
	width: 140px;
}
table#focus2 td#lien_rapport a:hover {
	background-image: url(../boutons/btn-rapport_f2.gif);
}
#encart {
	position:absolute;
	width:367px;
	height:185px;
	z-index:1;
	left: auto;
	top: 140px;
	background-image: url(../images/encart-10ans.gif);
	background-repeat: no-repeat;
	background-position: left top;
	right: 150px;
	visibility: hidden;
}
#complementpub {
	position:absolute;
	width:306px;
	height:97px;
	z-index:2;
	left: auto;
	top: 329px;
	right: 152px;
	visibility: hidden;
}
/* -- pubs et logos partenaires en relatif -- */
#colonne_droite a  {
	display: block;
	position:relative;
	margin-bottom: 7px;
	margin-top: 0px;
	padding: 0;
	/*float: right;
	clear: right;*/
}
/*la pub du 17 sept 08 est un livre*/
a.livreMerEco {
	display: block;
	height: 158px;
	width: 200px;
	position:relative;
	/*on aurait pu mettre une margin négative pour décaler l'image sur la gauche....*/
	/*...mais IE6 PC affiche l'image UNIQUEMENT ds la largeur de la colonne....*/
	/*....et un 'overflow:visible;' ds la colonne n'y change rien !! Donc : positionnement*/
	/*position:absolute;
	left:-63px;*/
}
a.livreMerEco:link, a.livreMerEco:visited {background:transparent url(../images/pub-061009-OFF.png) top left no-repeat; }
a.livreMerEco:hover, a.livreMerEco:active {background:transparent url(../images/pub-061009-ON.png) top left no-repeat; }

/* -- les évènements e la colonne de droite -- */
a.livre       { display:block; width:160px; height:160px; text-decoration:none; }
a.livre_two_lines       { display:block; width:160px; height:40px; text-decoration:none; }
a#port_monde {background:transparent url(/fr/boutons/base_ports_monde_2.png) left top no-repeat;}
a#diplomatie {background:transparent url(/fr/boutons/diplomatie-13.png) left top no-repeat;}
a#shipping-2010 {background:transparent url(/fr/boutons/shipping-2010.png) left top no-repeat;}
a#shipping-2011 {background:transparent url(/fr/boutons/shipping-2011.png) left top no-repeat;}
/* -- une ligne de texte éditable -- */
a.livre h4 { 
	padding-top: 114px; /* pour être en base de l'image*/
	margin:0; /* pour contrarier le margin par défaut*/
	width:136px;/*pour pas manger le filet : 160 - 22*/
	text-align:left; padding-left:22px;/* pour laisser la place à la flèche*/
	background:transparent url(/fr/boutons/btn_fleche_titre.png) left 112px no-repeat;
	color:#D31530;/* rouge sombre*/ font-size:12px;
}
a.livre:hover h4 { background:transparent url(/fr/boutons/btn_fleche_titre_f2.png) left 112px no-repeat; }
a.livre h5       { font-size:11px; margin:0; color:#1B64AC;/* bleu roi*/}
/* -- pour une annonce sur deux lignes (vs trois), descendre bouton et h4 -- */
a.livre h4#two_lines { 
	padding-top:128px; /* descendre dans le cas de 2 lignes*/
	background:transparent url(/fr/boutons/btn_fleche_titre.png) left 126px no-repeat;
}
a.livre:hover h4#two_lines { background:transparent url(/fr/boutons/btn_fleche_titre_f2.png) left 126px no-repeat; }

a#gecope {
	background:url(/fr/boutons/banniere-geocop-detoure-reduite.png) 0 0 no-repeat;
	width:400px;
	left:0;/*360px avec shangai*/
}
a#shanghai {
	background:url(/fr/boutons/banniere-shangai-detoure-reduite.png) 0 0 no-repeat;
	width:340px;
	left:0;
	display: none;
}
a#eco-2011 {
	background:url(/fr/boutons/economie-mer-2011.png) 0 0 no-repeat;
	width:364px;
	/*left:410px;après Gecope*/
	left:0px;
}
a#enjeux-2011 {
	background:url(/fr/boutons/banniere-enjeux-2011-01.png) 0 0 no-repeat;
	width:400px;
	left: 374px;
}
a.banniere {
	display:block;
	height:90px;
	position:absolute;
	top:0;
}
a.banniere span {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8px;
	text-align:center;
	display:block;
	width:100%;
	position:absolute;
	bottom:0;
	letter-spacing:1px;
	text-transform:uppercase;
}
a.banniere:hover span { font-weight:bold;}
/* --- */
a#eco_mer_left {
	position:absolute;
	left:150px;
	bottom:31px;
}