HTML {color : #000;}
BODY {margin:0px; padding:0px; font-family: Arial, Helvetica, sans-serif;}
A {text-decoration : none; cursor: pointer;}
H1, H2, H3, H4, H5, H6 {margin:0; padding:0; font-weight: normal; color: #466373; font-weight: bold;} 
LABEL {display: block; margin-top: 3px; width: 150px; float: left; clear:left}

.test {border : 1px solid red}
.SiteCont{width:960px; margin-left: auto; margin-right: auto;}

.HeaderCont {font-size:0px;}
.HeaderCont .BtPage {font-size:11px; text-align: right; font-weight: bold; color:#ffa800;}
.HeaderCont .BtPage A{color:#6e8692;}
.HeaderCont .BtPage A:hover {color:#ffa800;}
.HeaderCont .Top {height: 55px; width: 960px; position:relative; background: url(../img_site/top_header.jpg) no-repeat top left}
.HeaderCont .Top .Logo {float:left; height:50px; width:820px;}
.HeaderCont .Top .ContText {float:right; font-size:11px; margin-top:17px;}
#input_search {width: 85px;}
.HeaderCont .Top .Sub{display: block; float:left; padding:0px; margin-left:5px; margin-right:5px;}
.HeaderCont .Top .Sub IMG {padding: 4px;}
.HeaderCont .Top FORM { font-size:10px; clear:both;}
#cse-search-box A {padding:0}
  
.HeaderCont .Top INPUT{float:left; height:13px; font-size:11px;}
.HeaderCont .Menu {font-size:0px; height: 27px;}

.HeaderCont .Menu A {float:left; height: 28px; display:block; background: no-repeat bottom right}
.HeaderCont .Menu A:hover {background-position:top right;}
.HeaderCont .Menu .Sel {background-position:top right;}


.HeaderCont .Menu .Vai_fr {width:213px; background-image: url('../img_site/lang/fr/sd_vai.png')}
.HeaderCont .Menu .Vai_en {width:213px; background-image: url('../img_site/lang/en/sd_vai.png')}

.HeaderCont .Menu .Var_fr {width:97px; background-image: url('../img_site/lang/fr/sd_var.png')}
.HeaderCont .Menu .Var_en {width:97px; background-image: url('../img_site/lang/en/sd_var.png')}

.HeaderCont .Menu .Filieres_fr {width:178px; background-image: url('../img_site/lang/fr/sd_filieres.png')}
.HeaderCont .Menu .Filieres_en {width:178px; background-image: url('../img_site/lang/en/sd_filieres.png')}

.HeaderCont .Menu .Poles_fr {width:197px;background-image: url('../img_site/lang/fr/sd_poles.png')}
.HeaderCont .Menu .Poles_en {width:197px;background-image: url('../img_site/lang/en/sd_poles.png')}

.HeaderCont .Menu .Implanter_fr {width:144px; background-image: url('../img_site/lang/fr/sd_implanter.png')}
.HeaderCont .Menu .Implanter_en {width:144px; background-image: url('../img_site/lang/en/sd_implanter.png')}

.HeaderCont .Menu .Partenaires_fr {float:right; width:131px;background-image: url('../img_site/lang/fr/sd_partenaires.png')}
.HeaderCont .Menu .Partenaires_en {float:right; width:131px;background-image: url('../img_site/lang/en/sd_partenaires.png')}


.MainCont {margin-top: 12px; text-align: justify;}
.Link {vertical-align: top; display:block; padding-bottom:2px; padding-left: 20px; color:#246bab; font-size:11px; font-weight:bold;  margin-top:5px; background: url('../img_site/bullet_arrow.png') no-repeat top left}
.MainCont .LinkYellow {display:block; padding-bottom:2px; padding-left: 20px; color:#e99d0b; font-size:11px; font-weight:bold;  margin-top:5px; background: url('../img_site/bullet_arrow_yel.jpg') no-repeat top left}
.Link.Disable {color : #C0C0C0}
.Content .Pdf {margin-top:3px; display:block; color: #ba4401; padding:2px; padding-left: 22px; ;background: url(../img_site/pdf.gif) no-repeat top left; font-weight: bold;}
.Title {color: #466373; font-weight: bold;}
.Mail, .Tel, .TelGreen {padding-left: 22px; background: no-repeat top left;margin-right:10px; padding-bottom:3px;}
.Tel {background-image: url(../img_site/phone.gif);}
.TelGreen {background-image: url(../img_site/phone_green.gif);}
.Mail {background-image: url(../img_site/mail.png);}
.Column {float:left;}

.LeftColumn {float:left; width:206px; padding:0px 0px 40px 12px;}
.LeftColumn IMG {margin-left: -8px; border:0px}
.LeftColumn .News {padding:0px 7px 0px 13px; font-size: 9px;}
.LeftColumn .News H5 {font-size: 13px; text-align: left; margin-left: -8px; padding-left: 5px; border-bottom: 1px solid #d9e1e4; background: url('../img_site/bg_titlenews.jpg') no-repeat top #fdcd21 ;}
.LeftColumn .News H5 A {color:#246bab;}
.LeftColumn .News H6 {font-size: 11px; line-height: 18px;}
.LeftColumn .News .Link.PlusInfosfr {margin-left:62%; text-align:right}
.LeftColumn .News .Link.PlusInfosen {margin-left:35%; text-align:right}
.LeftColumn .Vignette A {display:block; height: 88px; margin-left: -10px; width:222px; background-position: top; background-repeat: no-repeat;}
.LeftColumn .Vignette .Projet_fr {background-image: url('../img_site/lang/fr/bt_1clic.jpg')}
.LeftColumn .Vignette .Projet_en {background-image: url('../img_site/lang/en/bt_1clic.png')}
.LeftColumn .Vignette .Choisi_fr {background-image: url('../img_site/lang/fr/bt_choisirlevar.jpg')}
.LeftColumn .Vignette .Choisi_en {background-image: url('../img_site/lang/en/bt_choisirlevar.png')}
.LeftColumn .Vignette .Vip {background-image: url('../img_site/bt_vip.jpg')}
.LeftColumn .Vignette A:hover {background-position: bottom;}

.Content.Accueil {font-size:10px;}
.Content.Accueil H3, .Content.Vai H3, .Content.Tourisme H3 {font-size: 13px; margin-bottom:10px;}

.Content.Arch_news {} 
.Content.Arch_news H4 {font-size:13px}
.Content.Arch_news .Link_PlusInfos {position:static; vertical-align: top; display:block; padding-bottom:2px; padding-left: 20px; color:#246bab; font-size:11px; font-weight:bold;  margin-top:5px; background: url('../img_site/bullet_arrow.png') no-repeat top left}

.Content.Vai .Block {border:0px;}
.Content.Vai H1 {width:380px;}
.Content.Vai H2, .Content.Accueil .TVai, .Content .Menu.Vai H2 {background-image: url('../img_site/blt_vai.jpg')}
.Content.Vai .Box H4 {color: #f7a733}
.Content.Vai UL {list-style-image: url(../img_site/list_vai.png);}
.Content.Vai LI {margin-bottom: 6px;}
.Content.Vai .BoxContact {float:left; height:75px;}

.Content.Var .Box H4 {color: #3CABD2}
.Content.Var H2, .Content.Accueil .TVar, .Content .Menu.Var H2 {background-image: url('../img_site/blt_var.jpg')}
.Content.Var UL, .Content .Menu.Var UL {list-style-image: url(../img_site/list_var.png);}
.Content.Var_atouts {position:relative; z-index:0;}
.Content.Var_atouts .UlPad, .Content.Var_enseignement .UlPad {padding-top: 7px; padding-bottom:7px;}


.Content.Partenaires H2, .Content .Menu.Partenaires H2 {margin-bottom:15px; margin-top:20px; background-image: url('../img_site/blt_partenaires.jpg')}
.Content.Partenaires .Box H4 {color: #f2be42}
.Content.Partenaires UL, .Content .Menu.Partenaires UL {list-style-image: url(../img_site/list_partenaires.png);}
.Content.Partenaires H4 {font-size:13px; margin-bottom:4px;}
.Content.Partenaires .PagImg {padding-left: 105px;}

.Content.Poles H2, .Content .Menu.Poles H2 {background-image: url('../img_site/blt_poles.jpg')}
.Content.Poles .Box H4 {color: #d798bf}
.Content.Poles IMG {width: 90px;}
.Content.Poles UL, .Content .Menu.Poles UL {list-style-image: url(../img_site/list_poles.png);}

.Content.Filieres .Box H4 {color: #ADCA52}
.Content.Filieres .Box H4:hover {color: #246BAB}

.Content.Filieres UL, .Content .Menu.Filieres UL {list-style-image: url(../img_site/list_filieres.png);}
.Content.Filieres_logistique H4 {color: #b2cd5c; font-size:14px; margin: 0px 0px 5px 5px; padding-bottom: 5px;}
.Content.Filieres_logistique .Box {width: 331px;}
.Content.Filieres H2, .Content .Menu.Filieres H2 {background-image: url('../img_site/blt_filieres.jpg')}
.Content.Filieres_ecomaritime .Box {font-size: 10px}
.Content.Filieres_ecomaritime .Box UL {margin-left: 20px; margin-right: 5px;}

.Content.Implanter {width:495px;}
.Content.Implanter H2,.Content.Accueil .TImplanter, .Content .Menu.Implanter H2 {background-image: url('../img_site/blt_implanter.jpg')}
.Content.Implanter .Box {width: 177px; float:none;}
.Content.Implanter .Box H4 {color: #cc7600; float:none;}
.Content.Implanter .Box IMG {margin-bottom: 0px; margin-right:0px; display:block; float:none;}
.Content.Implanter UL,.Content .Menu.Implanter UL {list-style-image: url(../img_site/list_implanter.png);}

.Content.Contact H2, .Content.Accueil .TContact, .Content.projet1clic H2, .Content.Sent H2 {background-image: url('../img_site/blt_contact.jpg')}
.TContact.Player {margin-bottom: 20px;}
.Content.Contact UL {list-style-image: url(../img_site/list_contact.png);}
.Content.Vai .ListContact {width: 255px; float:left;}
.Content.Vai .ListContact.right {margin-left:50px;}
.Bleu {color: #7f9db9}
.Content.projet1clic H4 {font-size: 13px;}
.Content.projet1clic .Field {height:23px; padding:5px;}
.Content.projet1clic LABEL {float:left; width: 120px; margin-top:7px; width: auto;}
.Content.projet1clic .Required {text-decoration : underline;}
.Content.projet1clic INPUT {width:170px; float:right;}
.Content.projet1clic TEXTAREA {float: right; width:99%; margin-top:10px;}
.Content.projet1clic SELECT {float: right; width:173px;}
.Content.projet1clic .Captcha { clear: left;  padding-top: 10px; }
.Content.projet1clic .Captcha IMG { margin-left: 200px }
.Content.projet1clic .Disclaimer { margin-top: 20px; float: left; padding:5px;}

.Content.Vip H5, .Content.Choisi H5 {color:#ADCA52; font-size:11px; font-weight:bold; margin-bottom:0}

.Content.Plan .Menu {margin:2px; padding-top:5px; width:99%;  padding-bottom:5px; border-bottom:1px solid #F0f0f0; text-align: left;}
.Content.Plan .Menu.Pre H2 {float:left; padding-left:12px;}
.Content.Plan .Menu.Pre {padding-bottom:0px;}
.Content.Plan .Menu H2 {margin-left: 10px;}
.Content.Plan .Menu A {color:#246bab;}
.Content.Plan .Menu UL {margin-left: 30px; padding-bottom:5px;}
.Content.Plan .Menu H2 A {color: #466373}

.Content.Rosace {margin:0; padding-left:0; color:black; font-size:11px; width:100%}
.Content.Rosace .Bg {background: url(../img_site/bg_results.jpg) repeat-y;}
.Content.Rosace .Rosace {float:right; width:715px; margin-right:3px;}
.Content.Rosace .Resultats {float:left; width:217px; margin-top:-11px; padding:0px;}
.Content.Rosace .Resultats .Msg{color:#537FD6; font-weight:bold; padding:10px; text-align:left; float:left}
.Content.Rosace .Resultats .Title {margin: 10px;}
.Content.Rosace .Resultats A {display: block; margin-left:15px; font-weight:bold; font-size:11px; color:black}
.Content.Rosace .Resultats .Sel {color: #DB7103}
.Content.Rosace .Title, .Resultats .Title {color: #537FD6; font-weight:bold; font-size:12px; display:block; margin-top:3px;}
.Content.Rosace .Criteres {width:100%; height: 131px; background: url(../img_site/bg_criteres.jpg) repeat-x ; border:1px solid #82817F;}
.Content.Rosace .Criteres .Title {margin-left: 8px;} 
.Content.Rosace .Criteres .Boite {float:left; height: 90px; /*border-right:1px solid;*/font-size:11px; padding:6px 9px 0px 9px; position:relative}
.Content.Rosace .Criteres .Boite.Last {border:none; /*float:right*/}
.Content.Rosace .Criteres .Boite.Last SELECT {width:170px;}
.Content.Rosace .Criteres .Boite .Acces {clear:left;margin-bottom:7px;}
.Content.Rosace .Criteres .Boite .Titre {font-weight: bold; display:block; margin-bottom:7px; }
.Content.Rosace .Criteres .Boite SPAN {font-size: 10px; color:#82817F; display:block; margin-top:3px;}
.Content.Rosace .Criteres .Boite LABEL {clear:none; float:none; display:inline}
.Content.Rosace .Criteres .Boite SELECT {font-size: 10px;}
.Content.Rosace .ActionList {width:100%; height: 20px; /*border:1px solid blue;*/}
.Content.Rosace .ActionList A, .ActionList A:visited {font-size:11px; color:#fff; display: block; height: 20px; padding: 2px 5px 0 5px; background: url(../img_site/bg_actions.jpg) top left repeat-x; text-align: center; float: right; margin-left:3px;}
.Content.Rosace .ActionList A:hover {color:#FFA800}
.Content.Rosace .Infos {background-color:#F5F2EB; margin-top: 22px; width:100%; border:1px solid #82817F;}
.Content.Rosace .Partie {clear:right; width:695px; padding: 0 8px}

.Content.Rosace .Partie .Ville {width:341px; float:left; padding-top:5px;}
.Content.Rosace .Partie .Ville .Commune {color: #DB7103; font-weight:bold; font-size:12px;}
.Content.Rosace .Partie .Ville .Bassin {font-size:12px; font-weight:bold;}
.Content.Rosace .Partie .Ville .InfosVille {margin:5px 0px; text-align:right}
.Content.Rosace .Partie .Ville .InfosVille .Titre {float:left; margin-left:7px; /*color:#40AABA*/}
.Content.Rosace .Partie .Ville .InfosVille .Res {color: #82817F; /*text-align:right*/ /*float:right*/}
.Content.Rosace .Partie .Ville .InfosVille .Demi {width:170px; float:left;}
.Content.Rosace .Partie .Ville .InfosVille .Links  { float: left; width: 100%; margin: 5px 0px 5px; padding: 3px 0; text-align: center; background: #FFFEFF ; text-align: center }
.Content.Rosace .Partie .ExtLink { color: #DDA931; padding: 2px 10px; background: url(../img_site/ext_link.gif) no-repeat top right;}
.Content.Rosace .Partie .ExtLink:hover {color: #DFC68B }


.Content.Rosace .Partie .Ville .Desc {clear:left}
.Content.Rosace .Partie .Ville .Desc, .Content.Rosace .Partie .Texte {color: #537FD6; text-align:justify; margin-bottom:8px;}

.Content.Rosace .Partie .Carte {width:335px; float:right; margin-bottom:10px}
.Content.Rosace .Partie .Carte A {color:inherit; font-weight:normal}
.Content.Rosace .Partie .Carte .Action { float: right; margin-right: 10px; height: 19px; background: url(../img_site/bg_zoom.jpg)}
.Content.Rosace .Partie .Carte .Action A { display: block; float: left; height: 13px; padding: 3px 5px; color:#fff; border-left: 1px solid #AAA}  
.Content.Rosace .Partie .Carte .Action IMG {padding: 0px; margin: 0px; float:left;}
.Content.Rosace .Partie .Carte .Action A:hover { color:#FFA800 }
.Content.Rosace .Partie .Carte .Legend {float: left; margin-top:5px; width: 100%; text-align: center }
.Content.Rosace .Partie .Carte .Legend IMG { float: none; display: inline; padding: 0px; margin: 0px;  width: 25px}
.Content.Rosace .Partie .Carte .Legend SPAN {position: relative; top: -11px}

.Content.Rosace .Partie .Onglets {width:695px; height:19px; margin-top:5px; font-size:12px;}
.Content.Rosace .Partie .Onglets A {float:left; font-weight:bold; text-align:center; width:90px; border:1px solid #495C63; background: #46606D; color:#fff; margin:0; padding:1px 4px 1px 4px; overflow:hidden; height:15px;}
.Content.Rosace .Partie .Onglets .Sel {color:#46606D; background:url(../img_site/bg_onglet.jpg)}
.Content.Rosace .Partie .Onglets IMG {margin-top:17px; width:85px;}
.Content.Rosace .Partie .Maj {text-align: right; color: #82817F; height:20px;}
.Content.Rosace .Partie .Nom {font-size:16px; color: #DB7103; font-weight:bold; margin-bottom:5px; clear:left}
.Content.Rosace .Partie .Site {width:237px; float:left; text-align:right; margin-bottom:8px;}
.Content.Rosace .Partie .Site .Titre.WLink {padding-top: 2px}
.Content.Rosace .Partie .Site .ExtLink { float: left; }
.Content.Rosace .Partie .Site .ExtLink DIV {width: 150px; overflow: hidden; white-space: nowrap;}

.Content.Rosace .Partie .Site .Titre {margin-left:7px; float:left;}
.Content.Rosace .Partie .Site .Res {color: #82817F;}
.Content.Rosace .Partie .Site .Access {margin-top: 7px; margin-left:10px; clear:left}
.Content.Rosace .Partie .Texte {width:400px; float:right;}
.PreFooter {margin-top:30px; margin-right:10px; margin-bottom:10px;  width: 95%; float:left;}
.Content .PreFooter .Pdf {float:left}
.Content .PreFooter .LinkYellow {float:right}


.FooterCont {height:105px; width:960px; font-size: 10px; background: url('../img_site/bg_footerlinks.jpg')}
.FooterCont .Column {width:175px; height: 90px; margin-top: 10px; padding-left:5px;}
.FooterCont .Column.First {margin-left: 50px;}
.FooterCont .Column H1 {text-transform: uppercase; margin-left: -5px; font-size: 12px;}
.FooterCont .Column A {color: #466373}

.Content {margin-left:240px; padding-left:10px; padding-right:5px; font-size:11px; color:#45616d; background: no-repeat top left;}
.Content IMG {float:left; margin-right: 8px; margin-bottom: 5px;}
.Content UL {margin:0; padding:0; margin-left:11px;}
.Content LI {margin-top:0; line-height: 14px; margin-left: 3px;}
.Content .Block B {color: black;}
.MainCont DIV .UlPad {padding-left: 30px; list-style-image: none; list-style-type:disc;}
.Content .Block {float:left; position:relative; width: 320px; margin-top:10px; border-right: 1px solid #e4e4e4; padding-right:24px;}
.Content .Block.Right {float:right; border:none;}
.Content .Block.NoPad {padding-right:0px; width: 343px;}
.Content .Separator {border-bottom: 1px solid #9b9b9b; height:217px;}
.Content .LightSeparator {border-bottom: 1px solid #ededed; height:365px; padding-bottom:10px;}
.Content H1 {color: #0078b5; font-size:14px; margin-bottom:20px; margin-top:10px;}
.Content H2 {padding-left:20px; font-size:14px; margin-bottom:5px; background-repeat: no-repeat; background-position: center left}
.Content H3 {margin-bottom:5px; font-size:14px; color:#616161; text-align:left}
.Content H5 {font-size: 11px; margin-bottom: 5px;}
.Content .PlusInfos {bottom:0px; right:25px; position:absolute;}
.Content .Row {border-top: 1px solid #9b9b9b; clear:left; padding: 3px 0px; height:53px; overflow:hidden}
.Content .Row DIV {float:left; width:250px;}
.Content .Row DIV A {color:#45616D}
.Content .Row DIV A:hover {text-decoration: underline}
.Content .Row H4 {color: #1fa9cd; font-size:12px;}
.Content .Row IMG {width:56px;}
.Content .PadImg {padding-left: 105px}
.Content .Medium {width: 490px}
.Content .BoxContact {text-align:left; width:255px; margin-bottom: 10px; padding-left: 40px; color: #466373; background: no-repeat top left}
.Content .BoxContact H4 {color: black; font-size:12px;}
.Content .BoxContact.H {background-image: url('../img_site/icn_hom.png')}
.Content .BoxContact.F {background-image: url('../img_site/icn_fem.png')}
.Content .Box {overflow: hidden;float:left; margin-top:3px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; margin-bottom: 10px; background:url(../img_site/encart_top.png) repeat-x top left;  position: relative;}
.Content .Box .Cont {overflow: hidden;}
.Content .Box .Cont.Open {height: 100%}
.Content .Box .PadText {margin-left: 20px; margin-right:10px; }
.Content .Box .Link {margin-left: 15px; margin-top:0;}
.Content .Box LI {list-style-type:none; list-style-image: none;}
.Content .Box .Bottom {width:100%; color:black; font-weight:bold; height:22px; background: url(../img_site/encart_bot.png) repeat-x bottom left}
.Content .Box.Resize H4 {cursor: pointer;}
.Content .Box.Resize .Bottom  A{float:right}
.Content .Box H4 {padding: 5px 0px 5px 10px; font-size:13px; margin-top:0px; margin-right:5px;}
.Content .Box.Right {margin-left:10px;}
.Content A {color:#246bab; font-weight:bold;}
.Content LI .Pdf {color: #ba4401;}


.FormError, .Error {color: red}

.Key {margin-top: 5px;}