@charset "utf-8";
/* CSS Document */

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

html, body {
	text-align:center;	
	font-family: Arial, sans-serif;
	height:100%;
	min-height:900px;
	color:#888888;
}

/* COIN DROIT */
#coinDroit {
	position: relative;
	right: 0; top: 0;
	float: right; 
	z-index: 99;
}

#coinDroit img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;

}

#coinDroit .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	position: absolute;
	right: 0; top: 0;
	background:url(../images/page-over.png) no-repeat right top;

}

 #coinGauche {
	background:url(../images/bg-haut.jpg) top left	no-repeat;
	width:96px;
	height:191px;
	position:absolute;
	top:0;
	left:0;
}

/*---------------------------------------------------------------------------------------------------------*/
/* GENERAL CSS */

a img {
	border:0px;
}

#container {
	text-align:left;	
	margin:0 auto;
	width:980px;
	min-height:100%;
	position:relative;
}

a {
	color:#888888;
	text-decoration:none;
	font-size:14px;
}

p {
	font-size:14px;	
}

.clear {
	clear:both;
}
 h1 img {
	margin-right:10px; 
}

.left {
	float:left;
}

/* couleurs clean */
.bleu_clair {
	color:#61b5e0;
}

.bleu_fonce {
	color:#33509b;
}

.vert_clair {
	color:#7ab51d;
}

/* couleurs bold */
.bleu_clair_bold {
	color:#61b5e0;
	font-weight:bold;
}

.bleu_fonce_bold {
	color:#33509b;
	font-weight:bold;
}

.vert_clair_bold {
	color:#7ab51d;
	font-weight:bold;
}

h1 {
	font-size:26px;
	font-weight:normal;
	margin-right:5px;
}

h2 {
	font-size:24px;	
	font-weight:normal;
}

h3 {
	font-size:16px;
	font-weight:bold;
}

.bouton {
	margin-top:15px;
	width:100px;
	text-align:center;
	padding:3px 6px 3px 6px;
	background: #787878;
	background: -webkit-gradient(linear, left top, left bottom, from(#787878), to(#9b9b9b));
	background: -moz-linear-gradient(top, #787878, #9b9b9b);
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	-khtml-border-radius: 15px;
	color:white;
	font-size:12px;
	border:solid 1px #787878;
}

.contenu {
	/*margin:20px 0px 20px 0px;*/
	margin-top:15px;
	text-align:justify;
}

.contenu p {
	margin-bottom:20px;
	text-align:justify;
}

.contenu ul {
	margin-bottom:20px;
}

.contenu ul li {
	list-style:disc;
	margin-left:17px;
}

.puce {
	width:14px;
	height:13px;
	margin-right:10px;
}

.souligner {
	text-decoration:underline;
}

#coinGauche {
	background:url(../images/bg-haut.jpg) top left	no-repeat;
	width:96px;
	height:191px;
	position:absolute;
}

#bas {
	background:url(../images/bg-bas.gif) left repeat-x;
	height:110px;
	margin-top:-100px;
}

.reponse {
	color:#888;	
	margin-top:10px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* HEADER CSS */

.header {
	width:980px;
	height:280px;
	text-align:center;
}

.header-normal {
	background:url(../images/bandeau.jpg) bottom no-repeat;
}

.header-index {
	background:url(../images/bandeau_index.jpg) bottom no-repeat;
}

.header-portuaire {
	background:url(../images/bandeau-portuaire.jpg) bottom no-repeat;
}

.header-logistique {
	background:url(../images/bandeau-logistique.jpg) bottom no-repeat;
}

.header-multimodal {
	background:url(../images/bandeau-multimodal.jpg) bottom no-repeat;
}

.header-recrutement {
	background:url(../images/bandeau-portuaire.jpg) bottom no-repeat;
}

.header img {
	margin-top:20px;
}

.header #logo {
	margin-left:50px;
}

#myAlternativeContent {
	margin-top:138px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
	#myAlternativeContent {
	margin-top:141px;
}	

}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
	#myAlternativeContent {
	margin-top:141px;
}
/*
.envoyer_rejoignez-nous {
	margin-left:40px;
}*/
}

#baseline {
	width:970px;
	text-align:left;
	padding: 0px 0px 5px 10px;
	position:relative;
	top:162px;
	/*left:-357px;*/
	color:white;
	background:url(../images/fond_bleu.png) repeat-x;
}

#langues {
	float:right;
}

#langues img {
	margin-right:5px;
}


/*---------------------------------------------------------------------------------------------------------*/
/* FOOTER */

#footer {
	width:100%;
	text-align:center;
	margin-bottom:10px;
	font-size:12px;
	margin-top:50px;
}

#footer img {
	margin:10px 0px 10px 0px;
}



/*---------------------------------------------------------------------------------------------------------*/
/* LEFT COLUMN */

#left_column {
	/* background:green; */
	width:710px;
	margin:20px 20px 20px 0px;

}

.separateur {
	margin:16px 20px 0 8px;
	border:0;
	height:1px;
	color:#bfbfbf;
	background-color:#bfbfbf;
}

/*---------------------------------------------------------------------------------------------------------*/
/* RIGHT COLUMN */

#right_column {
	width:250px;
	margin:20px 0px 20px 0px;
	/* background:red;
	height:400px; */
}

.email_newsletter {
	width:208px;
	height:25px;
	padding-left:10px;
	border:solid 1px #a4a4a4;
	color:#a4a4a4;
	font-size:12px;
}

.ok_button {
	width:27px;
	height:27px;
	background:#a4a4a4;
	color:white;
	border:0px;
	font-size:12px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* tag */

#bloc_tagcloud {
	width:250px;
	height:250px;
}

/*---------------------------------------------------------------------------------------------------------*/
/* INDEX */

#schemas {
	
}

.index_service {
	width:216px;
	margin:10px 20px 30px 0px;
	text-align:left;
}

.index_service h2 {
	margin:10px 10px 0px 0px;
	font-size:18pt;
}


.index_service img {
	margin-bottom:10px;
}

.index_service_texte {
	height:125px;
	font-size:14px;
}


.index_actu {
	margin:20px 0px 20px 0px;
}

.index_actu p {
	margin:10px 0px 10px 0px;
}

.index_actu div {
	width:520px;
	margin-left:20px;
}



/*---------------------------------------------------------------------------------------------------------*/
/* QUI SOMMES-NOUS ? */



.bouton_menu_droite {
	width:94%;
	height:22px;
	border:solid 1px #9fbac0;
	background: #f3fbfc;
	background: -webkit-gradient(linear, left top, left bottom, from(#f3fbfc), to(#d2edf4));
	background: -moz-linear-gradient(top, #f3fbfc, #d2edf4);
	color:#437182;
	text-align:center;
	padding:10px 5px 5px 5px;
	margin-bottom:10px;
}

.bouton_menu_droite:hover {
	background:#b5d5dd;
}

.droite_selected {
	background:#b5d5dd;
}

.photo_pascal {
	float:right;
	margin-left:20px;
}


/*---------------------------------------------------------------------------------------------------------*/
/* NOS PRESTATIONS */

#partenaires {
	height:150px;
}

#partenaires img {
	margin:20px 42px 20px 0px;
}

table {
	border-spacing:0px;
	border-bottom:solid 1px #888888;
}



.portuaire, .multimodal, .logistique {
	font-size:12px;
}



.portuaire th {
	background:#61b5e0;
}

.multimodal th {
	background:#7ab51d;
}

.logistique th {
	background:#33509b;
}

th {
	color:white;
	padding:10px 30px 10px 30px;
	border:solid 1px #888888;
}

td {
	padding:10px 10px 10px 10px;
	vertical-align:top;
	text-align:left;
	border:solid 1px #888888;
}

.btn_bleu_clair {
	background: #61b5e0;
	background: -webkit-gradient(linear, left top, left bottom, from(#61b5e0), to(#4e92b4));
	background: -moz-linear-gradient(top, #61b5e0, #4e92b4);
	border:#f3fbfc;
}

.btn_vert_clair {
	background: #7ab51d;
	background: -webkit-gradient(linear, left top, left bottom, from(#7ab51d), to(#629217));
	background: -moz-linear-gradient(top, #7ab51d, #629217);
	border:#7ab51d;
}

.btn_bleu_fonce {
	background: #33509b;
	background: -webkit-gradient(linear, left top, left bottom, from(#33509b), to(#29407d));
	background: -moz-linear-gradient(top, #33509b, #29407d);
	border:#33509b;
}

.col1 {
	width:417px;
	border-right:0px;
	border-bottom:0px;
}
.col2 {
	width:265px;
	border-bottom:0px;
}

#navigation {
	float:right;
	margin-top:12px;
	font-size:12px;
}

#navigation a {
	margin:0px 5px 0px 5px;
	font-size:12px;
}


/*---------------------------------------------------------------------------------------------------------*/
/* CONTACT */


.champ_contact {
	margin:10px 50px 10px 0px;
	width:290px;
	height:30px;
	padding-left:10px;
	border:solid 1px #a4a4a4;
	color:#a4a4a4;
}

.textearea_contact {
	margin:10px 20px 10px 0px;
	width:633px;
	height:106px;
	padding: 10px;
	border:solid 1px #a4a4a4;
	color:#a4a4a4;
}

.btn_contact {
	float:right;
	margin-right:60px;
}



/*---------------------------------------------------------------------------------------------------------*/
/* FICHE REFERENCE */

.titreFiche {
	font-weight:bold;	
	color:#61b5e0;
	margin-top:10px;
}

.hrFiche {
	width:400px;
	margin:20px auto;	
	border:0;
	height:1px;
	color:#61b5e0;
	background-color:#61b5e0;
}

.btnImprimer {
	margin-top:10px;
}

#fiche {
	text-align:justify;	
}

#fiche img {
	margin:20px auto;	
}




/*---------------------------------------------------------------------------------------------------------*/
/* MENU ESPAGNOL */

#container_menu {
	text-align:center;
}

#menu {
	font-size:14px;
	margin:0 auto;
	width:700px;
}

#menu li{
	list-style:none;
	display:inline;	
}

#menu li a {
	padding: 10px 8px 5px 8px;
	margin:0px 5px 0px 5px;
}

#menu a:hover {
	background:#395c86;
	color:white;
}

.activeClass {
	background:#395c86;
	padding: 10px 5px 5px 5px;
}

.activeClass a {
	color:white;
}

.activeClass .sous_menu {
	margin-left:0px !important;
}

.sous_menu {
	background:#395c86;
	margin-left:0px !important;
	padding: 0px 0px 5px 0px !important;
	border-radius: 0px 0px 15px 15px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-radius: 0px 0px 15px 15px;
	-khtml-border-radius: 0px 0px 15px 15px;
}

.sous_menu_un {
	width:149px ;
}

.sous_menu_deux {
	width:108px;
}

.sous_menu_trois {
	width:102px;;
}

.sous_menu li a {
	color:white;
}

.titre_sous_menu:hover {
	background:#395c86;
}