@charset "utf-8";
/*
ELEMENT STYLE ---------------------------
*/
html{ overflow:-moz-scrollbars-vertical;height:100%}
*{margin:0; padding:0}
body h1, h2, h3, h4, h5, h6, ul, li, img, p, textarea, input ,select, table{margin:0px;padding:0px;border:0px;} 
body{background:#FFFFFF url(../images/bg/bg-body.gif) repeat-x;font:11px Tahoma; color:#333333;}
a{text-decoration:none;color:#515151}
a:hover{text-decoration: underline;color:#333333}
ul{list-style:none; margin:0; padding:0}
table {border-collapse: collapse;border-spacing: 0;}
/*Global STYLE ---------------------------
*/							
#global{ width:100%; margin:0 auto;}
#top-header{ width:986px; height:73px; position:relative; margin:0 auto; z-index:9}
#top-header .logo{position:absolute; left:25px; top:20px}
#top-header .langue{ width:103px; height:11px;position:absolute;left:362px; top:0px}
#top-header .langue ul{}
#top-header .langue li{float:left}
#top-header .acces{position:absolute; right:0px; top:12px;height:45px; width:auto}
#top-header .acces ul{float:left; background:#00ace4; margin-top:14px; height:18px;}
#top-header .acces li{ float:left}
#top-header .acces .pictos-left{ float:left;}
#top-header .acces .pictos-right{ float:left;}
#header{ width:100%; height:227px; background:url(../images/bg/bg-header.gif) repeat-x; position:relative;z-index:1}
#header .bandeau{width:986px;height:225px;z-index:2;margin:0 auto; position:relative; top:1px}
#header .bandeau .shadow-right{position:absolute;right:-60px;top:0px; height:225px; width:131px;z-index:2;}
#header .bandeau .shadow-left{position:absolute;left:-60px;top:0px; height:225px; width:131px;z-index:2;}
#header .bandeau .slogan{ position:absolute; top:55px; left:66px; z-index:5}
#content{ width:946px;;margin:0 auto;top:-26px; z-index:9;position:relative;padding-bottom:64px}
#content .menu{ width:946px;height:70px;background:url(../images/bg/menu.png) no-repeat !important ;background:none ;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg/menu.png', sizingMethod='scale');}
#content .menu ul{ margin-left:22px}
*html #content .menu ul{ margin-left:10px}
#content .menu li{ float:left;width:133px;margin:6px 10px 0 10px;}
*html #content .menu li{ float:left;width:133px;margin:6px 9px 0 12px;}
#content .menu li a{position:relative; z-index:1;}
#content .main{ width:928px; margin:0 auto; padding-top:28px}
/*---------------------------  Div Gauche ---------------------------*/
#content .main .Divleft{ width:283px; float:left}
#content .main .Divleft h1{ margin-bottom:8px}
#content .main .Divleft .depart{ width:283px;background:url(../images/bg/shadow-bottom.gif) bottom no-repeat; height:90px; position:relative}
#content .main .Divleft .depart .link1{ position:absolute; bottom:-4px; right:35px; width:54px; height:11px;}
#content .main .Divleft .depart .d1{ padding:1px 0 1px 6px; background:#e8ebef; font-weight:bold; height:14px;clear:both;}
#content .main .Divleft .depart .d1 .port1{ float:left; color:#333333}
#content .main .Divleft .depart .d1 .heure1{ float:left; color:#0099cc; padding-left:8px}
#content .main .Divleft .depart .d1 .company1{float:left; color:#006699;padding-left:10px}
#content .main .Divleft .depart .d2{ padding:2px 0 2px 6px; background:#ffffff;font-weight:bold; height:14px;clear:both;}
#content .main .Divleft .depart .d2 .port2{ float:left; color:#333333}
#content .main .Divleft .depart .d2 .heure2{ float:left; color:#0099cc; padding-left:8px}
#content .main .Divleft .depart .d2 .company2{float:left; color:#006699;padding-left:10px}
#content .main .Divleft .empty{ width:283px;height:33px;}

/* New Deiv gauche */

#content .main .Divleft{ width:283px; float:left}
#content .main .Divleft h1{ margin-bottom:8px}
#content .main .Divleft .empty{ width:283px;height:11px;}
#content .main .Divleft .titrenav{font-weight:bold; padding-bottom:6px}
#content .main .Divleft .titrenav ul{}
#content .main .Divleft .titrenav li{padding:0 5px 0 15px; background:url(../images/pictos/puce_da.gif) no-repeat left 4px; color:#000000; float:left;}
#content .main .Divleft .titrenav li.first{padding:0 8px 0 0; background:none; float:left;}
#content .main .Divleft .depart{ width:283px;background:url(../images/bg/shadow-bottom.gif) bottom no-repeat; height:82px; position:relative}
#content .main .Divleft .depart .link1{ position:absolute; bottom:-4px; right:35px; width:54px; height:11px;}
#content .main .Divleft .depart .tableVoyage td{font-weight:bold;}
#content .main .Divleft .depart .tableVoyage td.color1{color:#0099cc;}
#content .main .Divleft .depart .tableVoyage td.color2{color:#006699;}
#content .main .Divleft .depart .tableVoyage .trTitre{color:#FFF;background:url(../images/bg/titre-table.gif) repeat-x #00ace4; }
#content .main .Divleft .depart .tableVoyage .trTitre td{ padding:2px 0 3px 8px}
#content .main .Divleft .depart .tableVoyage .trFondGris{ background:#e8ebef;}
#content .main .Divleft .depart .tableVoyage .trFondGris td{padding:1px 0 1px 8px}
#content .main .Divleft .depart .tableVoyage .trFondBlanc td{padding:2px 0 2px 8px}
/*---------------------------  Div milieu ---------------------------*/
#content .main .Divmiddle{ width:287px; height:257px; float:left;background:url(../images/bg/shadow-bottom.gif) bottom no-repeat;position:relative; margin-left:29px}
#content .main .Divmiddle h2{margin-bottom:8px}
#content .main .Divmiddle p{width:287px; padding-bottom:8px; padding-left:4px}
#content .main .Divmiddle .link2{ position:absolute; bottom:-4px; right:15px; width:54px; height:11px;}
*html #content .main .Divmiddle .link2{ position:absolute; bottom:-5px; right:15px; width:54px; height:11px;}
/*---------------------------  Div Droit ---------------------------*/
#content .main .Divright{ width:285px;float:left;margin-left:25px; margin-bottom:5px}
#content .main .Divright h3{margin-bottom:6px}
*html #content .main .Divright h3{margin-bottom:5px}
#content .main .Divright .terminal{ width:285px; height:70px;float:left;background:url(../images/bg/shadow-bottom.gif) bottom no-repeat;margin-bottom:5px}
#content .main .Divright .terminal p{ padding-left:5px}
#content .main .Divright .terminal img{ float:right; margin-left:5px}
#content .main .Divright .question{width:285px; height:63px; padding-bottom:9px}
#content .main .Divright .question p{padding-left:5px; padding-bottom:4px}
#content .main .Divright .n-vert{width:285px;height:47px}
/*
Footer  STYLE ---------------------------
*/
#footer{width:100%;height:27px;background: url(../images/bg/bg-footer.gif) repeat-x;clear:both;position:fixed;bottom:0px; z-index:999}
*html #footer{position:absolute;width:100%; height:64px;clear:both; z-index:999;}
/* For ie 6*/
* html #footer{position:absolute;top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}
#footer .accesBottom{width:905px;margin:0 auto;}
#footer .accesBottom .element {float:left; width:auto}
#footer .accesBottom .element ul{padding-top:8px}
#footer .accesBottom .element li{float:left; padding:0 7px 0 7px;background:url(../images/pictos/puce-footer.gif) left 3px no-repeat;}
#footer .accesBottom .element li .puceright{float:left; padding:0 7px 0 2px;background:url(../images/pictos/puce-footer.gif) right 3px no-repeat;}
#footer .accesBottom .copyright{float:right; width:auto}
#footer .accesBottom .copyright ul{padding-top:8px}
#footer .accesBottom .copyright li{float:left; padding:0 7px 0 7px;background:url(../images/pictos/puce-footer.gif) left 3px no-repeat;}
#footer .accesBottom .logotm{ float:right; margin-top:3px}