/*////////////////////////
/////////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:#6682a9 url(../images/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;}


/*//DIV CALAGE//*/
div.clear {position:relative; top:0; left:0; width:980px; height:1px; margin:0 auto; padding:0; line-height:1px; font-size:1px; clear:both;}





/*/////////////////////////
///////CONTENU SITE///////
///////////////////////*/
/*//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/background-page.jpg) top center no-repeat;}


/*//CONTENU - le contenu cale les éléments header, bandeau flash, footer//*/
div#contenu {position:relative; top:0; left:0; width:1000px; margin:0 auto; background:url(../images/background-contenu.png) center top no-repeat;}


/*//HEADER//*/
div#header {position:relative; top:0; left:0; width:1000px; height:151px; margin:0 auto; font-size:11px;}
div#logo {position:relative; top:28px; left:17px; width:112px; height:70px; float:left;}
div#slogan {position:relative; top:28px; left:17px; width:310px; height:70px; float:left;}
div#lien-header {position:relative; top:31px; right:10px; width:260px; height:70px; float:right;}
div#lien-header #contact {position:relative; top:0; left:46px; height:19px; line-height:19px; padding:0 10px 0 0; text-align:right; float:left; border-right:1px solid #a5acb2;}
div#lien-header form {position:relative; top:0; right:10px; float:right;}
div#lien-header select {width:135px; height:19px; min-height:19px; background:#ffffff; border:1px solid #a5acb2; font-size:11px; line-height:11px; padding:1px; color:#999999;}
div#lien-header #picto {position:relative; top:18px; width:250px; left:0; height:16px; line-height:16px; text-align:right; clear:both;}
/*POSITIONNEMENT MENU HEADER --> VOIR MENU.CSS*/


/*//BANDEAU FLASH//*/
div#presentation {position:relative; top:0; left:0; width:980px; height:266px; margin:0 0 0 10px; background:#6682a9 url(../images/ombre-flash.png) 0 247px no-repeat;}


/*//CONTENU DES PAGES DU SITE//*/

/*/COLONNE DROITE ET GAUCHE/*/
div#left {position:relative; top:0; left:10px; width:655px; padding:24px 0 30px 25px; float:left;}
div#right {position:relative; top:0; right:10px; width:300px; height:395px; padding:24px 0 30px 0; float:right; background:url(../images/ombre-div-right.png) 0 13px no-repeat;}
div#right-avec-btn {position:relative; top:0; right:10px; width:300px; height:395px; padding:30px 0; float:right; /*background:url(../images/ombre-div-right.png) 0 13px no-repeat;*/}
div#right-avec-sous-menu {position:relative; top:0; right:10px; width:300px; height:395px; padding:54px 0 30px 0; float:right; background:url(../images/ombre-div-right.png) 0 13px no-repeat;}
div#titre {position:relative; top:0; left:0; width:655px; padding:0 0 5px 0; border-bottom:1px dotted #6682a9;}


/*/PAGE PRESENTATION/*/
div#img-presentation {position:relative; top:13px; right:0; width:188px; height:294px; float:right;}
div#itm-crew-services {position:relative; top:0; left:0; width:257px; height:60px; margin:0 0 0 36px;}
div#conteneur-news {position:relative; top:0; left:0; width:248px; margin:13px 0 0 36px; padding:0 7px 12px 0; border:1px solid #d6d6d6; background:#ffffff; text-align:right;}
div.news {/*position:relative; top:0; left:0;*/ width:237px; margin:16px 0 0 11px; padding:0 0 10px 0; text-align:left;}


/*/PAGE REFERENCES/*/
div.colonne {position:relative; top:0; left:0; width:218px; margin:30px 0 0 0; float:left;}


/*/PAGE ACTUALITE/*/
div.actualite {position:relative; top:0; left:0; width:655px; min-height:145px; padding:40px 0 30px 0; border-bottom:1px dotted #6682a9;}
div.photo-actu {position:relative; top:0; left:0; width:142px; height:118px; float:left; /*background:#333333;*/}
div.texte-actu {position:relative; top:0; left:0; width:480px; margin:0 0 0 30px; float:left;}


/*/PAGE INFO ACCES/*/
div#carte {position:relative; top:0; left:0; width:654px; height:313px; margin:35px 0 28px 0;}
div#adresse {position:relative; top:0; left:0; width:205px; margin:65px 0 0 82px;}


/*/BOUTON BLEU PLAN D'ACCES, CONTACTEZ NOUS/*/
div#right div#btn-bleu143 {position:relative; top:0; left:0; width:143px; height:40px; margin:15px 0 0 82px; padding:0; text-align:center; line-height:27px; font-weight:bold; color:#ffffff; background:#6682a9 url(../images/btn-bleu143.png) 0 0 no-repeat;}
div#left div#btn-bleu143 {position:relative; top:0; left:0; width:143px; height:40px; margin:30px 0 0 0; padding:0; text-align:center; line-height:27px; font-weight:bold; color:#ffffff; background:#6682a9 url(../images/btn-bleu143.png) 0 0 no-repeat;}
div#left div#btn-bleu248 {position:relative; top:0; left:0; width:248px; height:40px; margin:30px 0 0 0; padding:0; text-align:center; line-height:27px; font-weight:bold; color:#ffffff; background:#6682a9 url(../images/btn-bleu248.png) 0 0 no-repeat;}



/*//FOOTER//*/
div#footer {position:relative; top:0; left:0; width:1000px; height:154px; margin:0 auto; background:#6682a9 url(../images/background-footer.png) 0 0 no-repeat; clear:both;}
/*POSITIONNEMENT MENU FOOTER --> VOIR MENU.CSS*/
div#coordonnees {position:relative; top:18px; left:40px; width:246px; height:110px; padding:0 0 0 20px; float:left; border-right:1px dotted #7a7a7a; border-left:1px dotted #7a7a7a;}
div#classifications {position:relative; top:18px; left:40px; width:272px; height:110px; padding:0 0 0 20px; float:left;}
div.logo-classification {position:relative; top:18px; left:0; height:25px; margin:0 10px 0 0; padding:6px 0; float:left;}
div#ISPS {position:relative; top:28px; left:0; width:90px; line-height:14px; margin:0; padding:0; font-size:11px; text-align:center; color:#666666; border-top:1px solid #666666; border-bottom:1px solid #666666; float:left;}
div#mp-2013 {position:relative; top:0; right:10px; width:126px; height:128px; float:right;}
div#animage {position:relative; top:10px; left:0; width:990px; height:9px; padding:3px 10px 10px 0; color:#ffffff; font-size:10px; text-align:right; clear:both;}
div#animage img {vertical-align:top;}





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

/*//TEXTE CONTENU PAGES DU SITE//*/
/*/TITRE H1/*/
div#left h1 {height:24px; font-size:24px; line-height:1; color:#6682a9; font-weight:normal;}


/*/TITRE H2/*/
div#left h2 {height:18px; font-size:18px; line-height:1; margin:14px 0 0 0; color:#666666; font-weight:normal;}
div#left div.texte-actu h2 {font-size:14px; line-height:1; margin:0; color:#6682a9; font-weight:bold;}
div#right div#adresse h2 {font-size:14px; line-height:1; margin:0 0 22px 0; color:#6682a9; font-weight:bold;}
div#right div#conteneur-news h2 {font-size:16px; line-height:1; margin:20px 0 22px 11px; padding:0 0 9px 0; color:#999999; font-weight:normal; text-align:left; border-bottom:1px solid #cdcdcd;}


/*/TITRE H3/*/
div#right div#conteneur-news h3 {font-size:13px; line-height:1; margin:0 0 12px 0; color:#6682a9; font-weight:normal;}


/*/PARAGRAPHES/*/
div#left p {margin:20px 0 0 0;}
div#left p.bleuGras {margin:20px 0 0 0; color:#6682a9; font-weight:bold;}
div#left p.presentation {margin:20px 228px 0 0;}
div#left p.bleuGras-presentation {margin:20px 228px 0 0; color:#6682a9; font-weight:bold;}
div#left div.texte-actu p.date {margin:0; color:#666666; font-weight:bold;}
div#left div.texte-actu p {margin:23px 0 13px 0;}
div#right div#adresse p {margin:0 0 22px 0;}
div#right div#conteneur-news p {margin:12px 0 5px 0;}
.bleuGras {color:#6682a9; font-weight:bold;}


/*/LISTE/*/
ul {margin:20px 0 0 0;}
li {margin:0 0 0 12px;}


/*//TEXTE FOOTER//*/
div#footer p.titre {margin:10px 0 0 0; line-height:1; color:#666666; font-weight:bold;}
div#footer p {margin:11px 0 0 0; line-height:1; color:#666666; font-size:11px;}
div#footer div#classifications p {margin:11px 0 0 0; line-height:1; color:#666666; font-size:9px;}





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

/*//LIEN BLEU//*/
a.bleu, a.bleu:link, a.bleu:visited, a.bleu:active, a.bleu:focus {text-decoration:none; color:#6682a9;}
a.bleu:hover {text-decoration:underline; color:#6682a9;}
a.bleuSouligne, a.bleuSouligne:link, a.bleuSouligne:visited, a.bleuSouligne:active, a.bleuSouligne:focus {text-decoration:underline; color:#6682a9;}
a.bleuSouligne:hover {text-decoration:none; color:#6682a9;}


/*//LIEN BLANC//*/
a.blanc, a.blanc:link, a.blanc:visited, a.blanc:active, a.blanc:focus {text-decoration:none; color:#ffffff;}
a.blanc:hover {text-decoration:underline; color:#ffffff;}


/*//LIEN GRIS SOULIGNE//*/
a.gris, a.gris:link, a.gris:visited, a.gris:active, a.gris:focus {text-decoration:underline; color:#666666;}
a.gris:hover {text-decoration:none; color:#6682a9;}


/*//LIEN GRIS SOUS-MENU//*/
div#right-avec-sous-menu a, div#right-avec-sous-menu a:link, div#right-avec-sous-menu a:visited, div#right-avec-sous-menu a:active, div#right-avec-sous-menu a:focus {text-decoration:none; color:#999999;}
div#right-avec-sous-menu a:hover {text-decoration:none; color:#6682a9;}


/*/LIEN HEADER/*/
div#header a, div#header a:link, div#header a:visited, div#header a:active, div#header a:focus {text-decoration:none; color:#666666;}
div#header a:hover {text-decoration:none; color:#6682a9;}
div#header div#lien-header a, div#header div#lien-header a:link, div#header div#lien-header a:visited, div#header div#lien-header a:active, div#header div#lien-header a:focus {text-decoration:none; color:#999999;}
div#header div#lien-header a:hover {text-decoration:none; color:#6682a9;}

/*/LIEN FOOTER/*/
div#footer a, div#footer a:link, div#footer a:visited, div#footer a:active, div#footer a:focus {text-decoration:none; color:#666666;}
div#footer a:hover {text-decoration:none; color:#333333;}


div#right-avec-sous-menu2 {
background:transparent url(../images/ombre-div-right.png) no-repeat scroll 0 -25px;
clear:right;
float:right;
height:395px;
padding:4px 0 30px;
position:relative;
right:10px;
top:0;
width:300px;
}
#listing-navigation {
color:#6682A9;
font-size:11px;
margin:20px 0 0;
position:relative;
text-align:center;
width:605px;
}

.txt_notification {
font-family:Verdana, Arial, Sans-sherif;
font-size:12px;
color:#6682A9;
font-weight:normal;
}

/*news presentation*/
div#content_news {
float:left;
height:300px;
left:0;
margin:0;
overflow:hidden;
position:relative;
top:-10px;
width:248px;
}
ul#liste_news {
position:absolute;
left:0;
visibility:visible;
list-style-type: none;
}

/*press actu*/
div#bt-revue-presse {position:relative; top:0; left:0; width:245px; height:111px; margin:0 0 0 38px;z-index:0;}
div#bt-revue-presse2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#bt-presse-actus {position:relative; top:20px; left:0; width:245px; height:111px; margin:0 0 0 38px; z-index:0; }
div#bt-presse-actus2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}

/*/PAGE ACCUEIL / SERVICES/*/
div#btn-tourisme {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px;z-index:0; }
div#btn-tourisme2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-activite {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px;z-index:0;}
div#btn-activite2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-logistique {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px;z-index:0; }
div#btn-logistique2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-hebergement {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px;z-index:0; }
div#btn-hebergement2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}


/*/PAGE MOYENS LOGISTIQUES/*/
div#btn-caleSeche {position:relative; top:0; left:0; width:245px;  margin:0 0 0 38px; z-index:0;}/*height:91px;*/
div#btn-caleSeche2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-watershed {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px; z-index:0;}
div#btn-watershed2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-conformeISPS {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px; z-index:0;}
div#btn-conformeISPS2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-ITMaway {position:relative; top:0; left:0; width:245px; height:91px; margin:0 0 0 38px;  z-index:0;}
div#btn-ITMaway2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}

/*DESIGN*/
div#btn-ITDesign {position:relative; top:0; left:0; width:245px; height:71px; margin:0 0 0 38px;z-index:0;}
div#btn-ITDesign2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}
div#btn-Competences {position:relative; top:20px; left:0; width:245px; height:71px; margin:0 0 0 38px; z-index:0; }
div#btn-Competences2 {position:absolute; top:59px; left:0; width:245px; padding:0 0 0 13px; height:22px; font-size:11px; line-height:22px;z-index:10;}

div#right-competence {
background:transparent url(../images/ombre-div-right.png) no-repeat scroll 0 0px;
float:right;
height:180px;
padding:30px 0;
position:relative;
right:10px;
top:0;
width:300px;
}