/* PROD - PORT OF MONTREAL - MEstrada-PROD-Jul20,2015*/
/*---------------------------------------------------------*/
/* Available @font-face font families
/*---------------------------------------------------------*/
/*  @font-face {font-family: 'EnriquetaRegular';}
/*  @font-face {font-family: 'EnriquetaBold';} */
@import url('fonts/fontfamily.css');
/*---------------------------------------------------------*/

body {
  font-size:13px;
  color:#444444;
  margin-top: 0;
  margin-bottom: 0;
  }
  
  body.home { }
  
a {color:#00b3be; text-decoration:none}
a:hover {text-decoration:underline;}
td {color: #444444; font-family: arial,helvetica,sans-serif; font-size: 13px;}
  
input {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  } 
  
h1 {
  color: #000000;
  font-family: EnriquetaBold,arial,helvetica,sans-serif;
  font-size: 25px;
  text-transform: uppercase;
  font-weight:normal;
  margin-top: 35px;
  padding-top: 0;
  }
  
h2 {
  color: #0080C7;
  font-family: EnriquetaBold,arial,helvetica,sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  font-weight:normal;
  margin-bottom: 0;
  }
  
h3 {  
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  }

h4 {  
  color: #C60C30;
  font-family: Arial,Helvetica,sans-serif;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  width: 85%;
  }

p {margin-top:0;}
  
td {vertical-align:top;}

.wrap { 
    background-image: url("../images/template/topBg.jpg");
    background-position: center -2px;
    background-repeat: repeat-x;
    border: 0 none;
    margin: 0;
    padding: 0;
    width: 100%;
    }
   
div#bg {z-index:20;}      
    

/*--- NEW CODE HOMEPAGE REVAMP ---*/	

#stickyHeader {
	background-color: #fff;
	border-bottom: 1px solid #999;
    margin: 0 auto;
    position: fixed;
    width: 100%;
    height: 30px;
	z-index: 11;
	}
	
@media print {
	#stickyHeader {
		position: static;
	}
	body div.header {margin-top:-30px;}
}

.topMenu {
	float: none;
	color: #00B3BE;
    font-size: 13px;
    height: 33px;
    overflow: hidden;
    padding-top: 0;
    text-align: right;
	margin: 0 auto;
    width: 960px;
	}	
	
#socialMedia {float: left; margin-top: 2px; margin-left: 45px;}	

#socialMedia li {float: left; display: inline; width: 26px; height:26px; margin-left: 0; margin-right: 10px;}	

	#socialMedia li a {
		background: url(../images/template/socialMedia.png) no-repeat 0 0 transparent;
		float: left;
		width: 100%;
		height: 100%;
		
		/*added J.R. 2014-10*/
		font-size: 0;
    	text-indent: -99999px;
		}	

	#socialMedia li#fb a { background-position: 0 0; }
	#socialMedia li#tw a { background-position: -27px 0; }
	#socialMedia li#yt a { background-position: -54px 0; }
	#socialMedia li#in a { background-position: -81px 0; }
	#socialMedia li#ig a { background-position: -108px 0; }
	
		#socialMedia li#fb a:hover { background-position: 0 -27px; }
		#socialMedia li#tw a:hover { background-position: -27px -27px; }
		#socialMedia li#yt a:hover { background-position: -54px -27px; }
		#socialMedia li#in a:hover { background-position: -81px -27px; }
		#socialMedia li#ig a:hover { background-position: -108px -27px; }
		
.mainMenuBanner { margin-top:10px; text-align: center; text-indent: -10px; line-height: normal; }
.mainMenuBanner a {border: 0 none;}		


.frontBoxes {
    float: left;
    margin: 60px 0 0;
    width: 962px;
	height: 215px;
	}

.frontBoxes > div { background: url(../images/template/frontBoxesBg.png) no-repeat 0 0 transparent; }

#fBox-publications,
#fBox-community,
#fBox-reasons { width: 306px; float: left; height: 100%; }

#fBox-community,
#fBox-reasons {margin-left: 20px;}

#fBox-publications {background-position: 0 0;}
#fBox-community  {background-position: -312px 0;}
#fBox-reasons  {background-position: -624px 0;}

#fBox-publications > a,
#fBox-community > a { float: left; margin-left: 11px; margin-top: 21px; }




/*Dashboard*/
#dashboard { float: right; width:310px;  height: 390px; }
#dashboardCtn { float: right; width: 100%; height: 370px; border: 1px solid #d2d2d2; background-color: #fff; padding: 0 5%; font-size: 12px;}

#dashboard .dSeparator { float: left; margin: 0 5px;}


/*meteo weather widget*/
#meteoWidget {float: left; clear: left; width: 100%;}
#dashboard #meteoWidget h3 { margin-bottom: 7px; }
#meteoWidget h3 span { font-family: EnriquetaRegular,arial,helvetica,sans-serif; font-weight: normal; text-transform: capitalize;}
#meteoImg { clear:left; float: left; }
#meteoImg img { width: 25px; height: 25px; }
#meteoCondition { 
	display: inline;
    float: left;

    margin-left: 5px;
	}
#meteoTemp { float: left; display: inline; margin-left: 5px; }
#meteoMore { float: left; margin-left: 5px; }



/* top carousel news */

/*#newsCarousel { float: left; width: 630px;  }*/

#portNews { float: left; width: 625px; }

#newsCarousel { float: left; width: 625px; height: 321px; }

#newsCarousel .carousel-inner { width: 615px;}

#newsCarousel .item { height: 280px; background-repeat: none; background-position: 0 0; }

#newsCarousel .carousel-indicators { font-family: EnriquetaRegular,arial,helvetica,sans-serif; position: static; width:100%; margin-left:0; left: 0; z-index:2; float: left; margin-bottom: 0;}

#newsCarousel .carousel-indicators li {
	background-color: #fff;
    border-radius: 0;
    display: inline;
    float: left;
    height: 78px;
    margin: 13px 15px 0 0;
    padding: 10px;
    position: static;
    text-indent: 0;
    width: 195px;
	border: 1px solid #d2d2d2;
	text-align: left;
	}
	#newsCarousel .carousel-indicators li:last-child { margin-right: 0;}
	
#newsCarousel .carousel-indicators li.active { background-color: #4D4D4D; color: #fff; border: 1px solid #fff; }	

#newsCarousel .callOut {
	background: url("../images/template/callOutBg.png") repeat scroll 0 0 transparent;
    float: right;
    height: 138px;
    margin-right: 20px;
    margin-top: 80px;
    padding: 10px;
    width: 200px;
    font-size: 12px;
	}
	
#newsCarousel .coDate { 
	font-size: 11px;
    font-weight: bold;
    margin-top: 10px;
	}	
	
#newsCarousel .coDesc { margin-top: 10px; line-height: 14px; }	

#newsCarousel .coLink { margin-top: 10px; color: #ab0d1f; float: left; }	





.dbIcon { clear: left; float: left; width: 40px; height: 26px; }
.dbLinks { float: left; width: 236px; }

.trafic-box .dbIcon {padding-top: 2px;}
.trafic-box .dbLinks { margin-top: 7px;}

.niveau .dbIcon {padding-top: 10px;}

#portMaps .dbIcon {padding-top: 2px;}
#portMaps .dbLinks { margin-top: 7px;}

.niveau { float: left; font-family: arial,helvetica,sans-serif; margin: 0; width: 100%; }

.home .niveau h2 { display:none !important; }

#dashboard h3 {  font-family: EnriquetaBold,arial,helvetica,sans-serif; float: left; clear: left; font-size: 13px; color: #4d4d4d; text-transform: uppercase; margin-top: 19px; margin-bottom: 4px; }

#dashboard .trafic-box > h3 { margin-top: 10px;}


  .niveau .date {
            display:inline-block;
            font-size: 13px;
            text-align: left;
            width: 45%;
            }
			
  .niveau .level {
        display:inline-block;
		font-size: 14px;
		font-weight: bold;
        margin: 0 0 7px 7px;
        text-align:left;
		text-transform: uppercase;
        width: 45%;
		}
	  
.niveau .comment {font-size: 13px; margin-top:-5px; }

.trafic-box { margin-top: 0; }
.trafic-box h2 { margin-bottom:2px; margin-top:2px; } 

.trafic-box a, #portMaps a {float: left;}

.trafic-box a, #portMaps a, #circularLetter a { color: #A90E20;}
#circularLetter a { color: #A90E20; display:block; }

.trafic-box a:hover, #portMaps a:hover, #circularLetter a:hover { text-decoration:underline; }

.slick-prev:before, .slick-next:before { content: " "; color: transparent; text-indent: -9999px; }

a.cMore { background: url(../images/template/cMoreButton.png) 0 0 no-repeat transparent; float: right; width: 35px; height: 35px; margin-right: 8px; /*Added J.R. 2014-10*/ font-size:0; text-indent:-9999px; }
a.cMore:hover { background-position: 0 -35px; }

.home .bottomFrontBoxes { border: 0 none; background: url(../images/template/bottomBoxesBg.png) 0 0 no-repeat transparent; height: 285px; }


/*carousel reasons*/
#carouselReasons {
	height: 123px;
    margin-bottom: 0;
    margin-left: 37px;
    margin-top: 25px;
    width: 230px;
	}
#carouselReasons .slick-prev,
#carouselReasons .slick-next { background: url(../images/template/arrowsReasons.png) 0 0 no-repeat transparent; width: 22px; height: 42px; }

#carouselReasons .slick-prev { background-position: left top; }
#carouselReasons .slick-next { background-position: right top; }

#carouselReasons .slick-prev:hover { background-position: left bottom; }
#carouselReasons .slick-next:hover { background-position: right bottom; }


#carouselReasons .rNumber {
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    float: left;
    font-size: 65px;
    height: 120px;
    line-height: 120px;
    text-align: center;
    width: 80px;
	}

#carouselReasons .rContent { float: left; width: 150px; margin-top: 17px; }
	
#carouselReasons .rContent h4 { font-size: 13px; font-weight: bold; color: #000; }
#carouselReasons .rContent p { font-size: 13px; }


/*carousel videos*/
#carouselVideos {
	height: 190px;
    margin-bottom: 0;
    margin-left: 35px;
    margin-top: 25px;
    width: 890px;
	}
	
#carouselVideos .slick-prev,
#carouselVideos .slick-next { background: url(../images/template/arrowsVideos.png) 0 0 no-repeat transparent; width: 33px; height: 64px; }

#carouselVideos .slick-prev { background-position: left top; }
#carouselVideos .slick-next { background-position: right top; }

#carouselVideos .slick-prev:hover { background-position: left bottom; }
#carouselVideos .slick-next:hover { background-position: right bottom; }

#carouselVideos .slick-center img { transform: scale(1.30); }

#carouselVideos .slick-slide img {margin-top: 25px;}

#carouselVideos .slick-track {height: 230px;}

#carouselVideos .slick-list { margin-left: 45px; }
	

/*news carousel*/

.newsFrontBox { 
	background: url("../images/template/newsFrontBox.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 185px;
    margin-top: 30px;
    width: 100%;
	}
	
	
#newsFeedCtn {
	float: left;
    height: 95px;
    margin-left: 40px;
    margin-top: 40px;
    width: 90%;
	}	
	
#newsFeedCtn iframe {
	border: 0 none;
    float: left;
    width: 100%;
    height: 100%;
	}	
	
	
	
/*---*/	
	
	
  
/*MEstrada*/
/*----------------------------------------------*/  
/*        HEADER STYLES           */
/*----------------------------------------------*/  
.header {background-color:transparent; width:960px; height: 185px; margin-left: auto; margin-right: auto;}
.banner1 {background-image:url(../images/template/banner1_en.jpg); background-repeat:no-repeat;  background-position: left bottom; }


  .topMenu p {}
  
  .topMenu a {
    color: #9b9b9b;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    height: 21px;
    line-height: 21px;
    margin-left: 0;
    margin-right: 0;
    text-decoration: none;
    width: 100%;
    }
    .topMenu a:hover {color: #143b60; text-decoration: underline;}
      
  .topMenu .socialMedia {
    float: right;
      height: 21px;
      margin-top: 3px;
    }
  
  .topMenu .socialMedia a {
      height: 20px;
      margin-left: 2px;
      width: 20px;
      border-bottom: 0 none;  
    }       
      
  .topMenu p.topMenuButton{ font-size:12px;}
  .topMenu p.topMenuButton a{
    display:block;
    width:120px;
    padding-right:30px;
    background: url(../images/template/urgenceBg.png) right 0 no-repeat;
    line-height:20px;
    color:#000000;
    font-weight:bold;
    text-transform:uppercase;
    }
    .topMenu p.topMenuButton a:hover{background: url(../images/template/urgenceBg.png) right bottom no-repeat;}
    
    .topMenu span.lang {margin-left: 35px; margin-right: 35px;}
    .topMenu span.lang a {margin-left: 2px; margin-right: 2px;}
    .topMenu  a.selected {color: #143b60;}

.logoCtn{
  float: left;
    height: auto;
    margin-left: 45px;
    margin-top: 46px;
    width: auto;
  }
  
.topBox{ 
  clear: right;
    color: #E3DCC7;
    display: block;
    float: right;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 34px;
    height: 37px;
    margin: 15px 10px 0 0;
    padding: 0;
    text-transform: uppercase;
    text-align: right;
    width: 660px;
  }
  
.searchCtn{
	background-color: #858585;
    clear: right;
    display: block;
    float: right;
    height: 20px;
    margin: 45px 12px 0 0;
    width: 170px;
  }
  input.search {
      background-color: #858585;
      border: 0 none;
      color: #fff;
      display: inline;
      float: left;
      height: 20px;
      padding-left: 8px;
      width: 140px;
    }
  input.searchBtn{ 
    float: right;
      height: auto;
      margin-right: 3px;
      margin-top: 3px;
      width: auto;
    }
  input.searchBtn:hover { }

/*----------------------------------------------*/  
/*            MAGAZINE STYLES               */
/*----------------------------------------------*/

/*FOR ALL NEWSLETTERS*/

/*internal page*/
.newsletter .logoCtn {margin: 45px 0 31px 45px;}
.newsletter .topBox  {display: none;} 
.newsletter .mainMenuCtn {display: none;}
.newsletter .header {height: 60px;}
/*.newsletter .topMenu {float: left; margin-left: 100px;}*/
.newsletter .searchCtn {margin: -28px 0 0;}

/*cover*/   
body.portinfo {padding: 0; background-position: 0 202px;}
.portinfo .wrap {background-position: center -156px;} 
.portinfo .logoCtn {display: none;}
.portinfo .topBox, .portinfokidz .topBox  {display: none;}  
.portinfo .mainMenuCtn, .portinfokidz .mainMenuCtn {display: none;}
.portinfo .header, .portinfokidz .header {height: 60px;}

/*.portinfo .topMenu, .portinfokidz .topMenu {float: left; margin-left: 100px;}*/

.portinfo .searchCtn {margin: 5px 0 0;}
.portinfokidz .searchCtn {margin: -28px 0 0;}

.portinfo .bottom {
    background: url("../images/port-info/portinfo-footer.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px !important;
    height: 31px;
    text-indent: 10px;
    vertical-align: middle;
    width: 659px;
  }
  
.portinfo .bottom a span.link {color: #f7844f !important;}  
.portinfo .bottom a {font-weight: bold; text-decoration: none !important;}
.portinfo .bottom a:hover {text-decoration: underline !important;}

.fr.portinfokidz .wrap {background: url("../images/template/topBg-portinfo-fr.jpg") no-repeat center -2px ;}
.en.portinfokidz .wrap {background: url("../images/template/topBg-portinfo-en.jpg") no-repeat center -2px ;}

.fr.portinfowinter .wrap {background: url("../images/template/topBg-portinfo-hiver2012-fr.jpg") no-repeat center -2px ;}
.en.portinfowinter .wrap {background: url("../images/template/topBg-portinfo-winter2012-en.jpg") no-repeat center -2px ;}

/*PORT INFO SPRING*/
.fr.portinfospring .wrap {background: url("../images/template/topBg-portinfo-prin2013-fr.jpg") no-repeat center -2px ;}
.en.portinfospring .wrap {background: url("../images/template/topBg-portinfo-prin2013-en.jpg") no-repeat center -2px ;}

/*PORT INFO FALL 2013*/
.fr.portinfofall2013 .wrap {background: url("../images/template/topBg-portinfo-fall2013-fr.jpg") no-repeat center -2px ;}
.en.portinfofall2013 .wrap {background: url("../images/template/topBg-portinfo-fall2013-en.jpg") no-repeat center -2px ;}

/*PORT INFO SPRING 2014*/
.fr.portinfosummer2014 .wrap {background: url("../images/template/topBg-portinfo-summer2014-fr.jpg") no-repeat center -2px ;}
.en.portinfosummer2014 .wrap {background: url("../images/template/topBg-portinfo-summer2014-en.jpg") no-repeat center -2px ;}

/*PORT INFO SUMMER 2014*/
.fr.portinfospring2014 .wrap {background: url("../images/template/topBg-portinfo-spring2014-fr.jpg") no-repeat center -2px ;}
.en.portinfospring2014 .wrap {background: url("../images/template/topBg-portinfo-spring2014-en.jpg") no-repeat center -2px ;}

/*PORT INFO FALL 2014*/
.fr.portinfofall2014 .wrap {background: url("../images/template/topBg-portinfo-fall2014-fr.jpg") no-repeat center -2px ;}
.en.portinfofall2014 .wrap {background: url("../images/template/topBg-portinfo-fall2014-en.jpg") no-repeat center -2px ;}

/*PORT INFO SPRING 2015*/
.fr.portinfospring2015 .wrap {background: url("../images/template/topBg-portinfo-spring2015-fr.jpg") no-repeat center -2px ;}
.en.portinfospring2015 .wrap {background: url("../images/template/topBg-portinfo-spring2015-en.jpg") no-repeat center -2px ;}

/*PORT INFO SPRING 2015*/
.fr.portinfosummer2015 .wrap {background: url("../images/template/topBg-portinfo-summer2015-fr.jpg") no-repeat center -2px ;}
.en.portinfosummer2015 .wrap {background: url("../images/template/topBg-portinfo-summer2015-en.jpg") no-repeat center -2px ;}




/*CARNET DU BORD GENERAL*/  
body.carnetbord {padding: 0; background-position: 0 202px;}
.carnetbord .wrap {background-position: center -156px;} 
.carnetbord .logoCtn {display: none;}
.carnetbordkidz .logoCtn {margin:13px 0 31px 45px;}
.carnetbord .topBox, .carnetbordkidz .topBox  {display: none;}  
.carnetbord .mainMenuCtn, .carnetbordkidz .mainMenuCtn {display: none;}
.carnetbord .header, .carnetbordkidz .header {height: 60px;}
.carnetbord .searchCtn {margin: 5px 0 0;}
.carnetbordkidz .searchCtn {margin: -28px 0 0;}

.fr.carnetbordkidz .wrap {background: url("../images/template/topBg-logbook-fr.jpg") no-repeat center -2px ;}
.en.carnetbordkidz .wrap {background: url("../images/template/topBg-logbook-en.jpg") no-repeat center -2px ;}

.carnetbordkidz table.pageNoRtCol {height:550px;}

.carnetbord .title a {color: #6D6E71 !important;}
.carnetbord .title a.link  {color: #37A8DA !important;}

.carnetbord .title2 a {color: #fff !important;}
.carnetbord .title2 a.link2  {color: #ABE1FA !important}

.carnetbord .bottom {
    background: url("../images/carnet-de-bord/logbook-footer.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    font-size: 14px !important;
    height: 31px;
    text-indent: 10px;
    vertical-align: middle;
    width: 659px;
  }

.fr.carnetbord .bottom { font-size: 14px !important;}
.carnetbord .bottom a {font-weight: normal; text-decoration: none !important; }
.carnetbord .bottom a.link2 {color:#da5619 !important;}
.carnetbord .bottom a:hover {text-decoration: underline !important;}  
  

/*CARNET DU BORD FALL 2012*/  
.fr.carnetfall2012 .wrap {background: url("../images/carnet-de-bord/carnetfall2012-fr.jpg") no-repeat center -2px ;}
.en.carnetfall2012 .wrap {background: url("../images/carnet-de-bord/carnetfall2012-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD SUMMER 2013*/  
.fr.carnetsummer2013 .wrap {background: url("../images/carnet-de-bord/carnetsummer2013-fr.jpg") no-repeat center -2px ;}
.en.carnetsummer2013 .wrap {background: url("../images/carnet-de-bord/carnetsummer2013-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD FALL 2013*/
.fr.carnetfall2013 .wrap {background: url("../images/carnet-de-bord/carnetfall2013-fr.jpg") no-repeat center -2px ;}
.en.carnetfall2013 .wrap {background: url("../images/carnet-de-bord/carnetfall2013-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD SPRING 2014*/  
.fr.carnetspring2014 .wrap {background: url("../images/carnet-de-bord/carnetspring2014-fr.jpg") no-repeat center -2px ;}
.en.carnetspring2014 .wrap {background: url("../images/carnet-de-bord/carnetspring2014-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD SUMMER 2014*/  
.fr.carnetsummer2014 .wrap {background: url("../images/carnet-de-bord/carnetsummer2014-fr.jpg") no-repeat center -2px ;}
.en.carnetsummer2014 .wrap {background: url("../images/carnet-de-bord/carnetsummer2014-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD WINTER 2015*/  
.fr.carnetwinter2015 .wrap {background: url("../images/carnet-de-bord/carnetwinter2015-fr.jpg") no-repeat center -2px ;}
.en.carnetwinter2015 .wrap {background: url("../images/carnet-de-bord/carnetwinter2015-en.jpg") no-repeat center -2px ;}

/*CARNET DU BORD SUMMER 2015*/  
.fr.carnetsummer2015 .wrap {background: url("../images/carnet-de-bord/carnetsummer2015-fr.jpg") no-repeat center -2px ;}
.en.carnetsummer2015 .wrap {background: url("../images/carnet-de-bord/carnetsummer2015-en.jpg") no-repeat center -2px ;}



/*CARNET DU BORD revamp 2015*/  
.carnetbord #logbook2015 .tab {font-family: EnriquetaBold,arial,helvetica,sans-serif; color: #fff; font-size: 14px; text-align: center; text-transform: uppercase;}
.carnetbord #logbook2015 .btn_issues {background-image: none; background-color: #32A6DA;}
.carnetbord #logbook2015 .btn_friend {background-image: none; background-color: #25408f;}
.carnetbord #logbook2015 .title2 a { color: #4d4d4f !important; }
.carnetbord #logbook2015 .title2 a.link2 { color: #37a8da !important; }
.carnetbord #logbook2015 .bottom {background-image: none;}
.carnetbord #logbook2015 .bottom a.link2 {  color: #abe1fa !important; }





/*---------------------------------------------*/ 
/*         INTERNAL PAGE MAIN MENU             */             
/*---------------------------------------------*/ 
  
.mainMenu {
  display: block;
    float: left;
    margin-left: 50px;
    margin-top: 50px;
  }
.mainMenu ul {}
.mainMenu ul li {
  font-size: 20px;
    height: 28px;
     margin-right: 40px;
    }
.mainMenu ul li a { 
  font-family:Arial, Helvetica, sans-serif;
  font-size:14px;
  line-height:15px;
  font-weight: normal;
  color:#073081;
  text-decoration:none;
  background:url(../images/template/mainMenuItem.jpg) 0 0 no-repeat;
  } 
.mainMenu ul li.selected a,
.mainMenu ul li a:hover{ 
  color:#282829;
  text-decoration:none;
  background:url(../images/template/mainMenuItem.jpg) right 0 no-repeat;
  } 

/*---------------------------------------------*/ 
/*    HOME PAGE MAIN MENU - if different       */             
/*---------------------------------------------*/ 
  
.home .mainMenu {}
.home .mainMenu ul li a{} 
.home .mainMenu ul li.selected a,
.home .mainMenu ul li a:hover{ }  

/*--------------------------------------*/
/*      Main Content STYLES     */  
/*--------------------------------------*/

.mmcmCtn {padding:0;} 
.mmcmCtn p, .mmcmCtn h1, .mmcmCtn h2 {width: 95%;}
.mmcmCtn ul, .mmcmCtn ol {width: 90%;}

/*.2ColFull p, .2ColShort p  {width:100%;}*/

table.homepage .ltCol {display: none; }
table.homepage .CenterCol {width:675px;}
table.homepage .mmcmCtn {float: left;  width: 960px;}
table.homepage .rtCol {display: none;}

table.fullpage {float: left; margin-left: 2px; width: 960px; border: 1px solid #bfbdbe; background-color: #fff;}
table.fullpage .mmcmCtn {float: left;  width: 100%;}
table.fullpage .ltCol{display:none;}
table.fullpage .CenterCol{width:726px;}
table.fullpage .rtCol{display:none;}

table.pageNoRtCol {float: left; margin-left: 2px; width: 960px; border: 1px solid #bfbdbe; background-color: #fff;}
table.pageNoRtCol .ltCol {width:235px;}
table.pageNoRtCol .CenterCol {width:726px;}
table.pageNoRtCol .mmcmCtn {float: left;  width: 717px;}
table.pageNoRtCol .rtCol {display: none;}

.rtCol .bannerRt {margin-top: 10px;}
  
.knowMore {
  border-top: 1px dashed #BEBDBE;
    display: block;
    float: left;
    font-family: Century Gothic,arial,helvetica,sans-serif;
    margin-bottom: 50px;
    margin-left: 30px;
    width: 610px;
  }

.knowMore p {
  color: #454243;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 5px;
    text-align: left;
  }

.knowMore a {
  clear: left;
    color: #143B60;
    float: left;
    font-weight: bold;
    width: 100%;
  }


table.homepage{ /*background:url(../images/home/homeBg.jpg) 0 bottom no-repeat;*/ }

.footer{ 
  background-image: url("../images/template/footerBg.jpg");
    background-position: center 10px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    float: left;
    height: 195px;
    line-height: 33px;
    padding: 0;
    width: 100%;
  }

.footer p {
	float: left;
    font-size: 12px;
    font-weight: normal;
    margin: 150px 0 0;
    width: 100%;
    
    /*Added J.R. 2014-10*/
    line-height: normal;
  }
  
.footer a {color:#fff; text-decoration: none;}

.footer a:hover {text-decoration: underline;}


.home .footer { }

.home .footer p { margin-left:0px; margin-top: 150px; line-height: normal; }



.fullpage .articleContent {
    float: left;
    margin-left: 15px;
    padding-bottom: 20px;
    width: 98%;
  }
  
  
.articleContent .embededVideo {
  
  }
  
  
/* --- PRESS RELEASES --- */

.pressRelTop {
    float: left;
    margin-bottom: 25px;
    margin-left: 15px;
    width: 100%;
  }
  
  .pressRelTop h1 {
      color: #000000;
      font-family: EnriquetaBold,arial,helvetica,sans-serif;
      font-size: 25px;
      margin-bottom: 10px;
      margin-top: 10px;
      text-transform: uppercase;
    }

.pressRelImage {
  float: left;
    margin: 0;
    }
  
.pressRelTable {
  width: 100%;
  } 
  
.pressReleases {
  font-family: arial,helvetica,sans-serif;
    float: left;
    margin-left: 15px;
    padding-bottom: 20px;
    width: 98%;
  }
  
  .pressReleases h2 {
      clear: left;
      color: #0080C7;
      float: left;
      font-family: EnriquetaBold,arial,helvetica,sans-serif;
      font-size: 20px;
      margin-bottom: 10px;
      margin-top: 0;
      text-transform: uppercase;
      width: 100%;
    }
  
  .pressReleases .current {
    display: block;
      float: left;
      margin-bottom: 20px;
      margin-left: 25px;
      width: 96%;
    }
  
  .pressReleases .current .newsdate {
    color: #888888;
    display: inline;
      float: left;
      font-weight: bold;
      width: 85px;
    }
  
  .pressReleases .current .newsTitle {
      display: inline;
      float: left;
      margin-right: 15px;
      width: 50%;
    }
    .pressReleases .current .newsTitle a {color: #AB0D1F;} 

  .pressReleases .current .newsDesc {
    color: #888888;
    display: inline;
      float: left;
      width: 30%;
    }


.fullpage .articleContent h1 {
   margin-bottom: 10px; 
   text-transform: uppercase;
   width: 100%;
   }
  
.fullpage .articleContent p {
  width: 98%;
  } 

.fullpage .articleContent a {
  color: #AB0D1F;
  text-decoration: none;
  }
  .fullpage .articleContent a:hover {text-decoration: underline;} 
  
.fullpage .fullpageTop {
  float: left;
    margin-left: 15px;
    margin-bottom: 25px;
    width: 930px;
  }

.fullpage .fullpageTop .fullpageImage {
  float: left;
    margin: 0;
  }
.fullpage .fullpageTop h1 {
    color: #000000;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
    text-transform: uppercase;
}

.fullpage table.fullpageTable {
  width: 950px;
  }


.fullpage .videoBox {
  float: left;
    margin-bottom: 20px;
    margin-left: 10px;
    width: 195px;
  }
  
.fullpage .videoBox h2 {
    color: #F15A24;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
    margin-left: 0;
    margin-top: 0;
    text-align: left;
    text-transform: none;
  }
  
.fullpage .videoBox ul {
  float: left;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 15px;
    list-style: none outside none;
    margin: 10px 0 0 0;
    padding: 0;
    width: 100%;
  }
  
.fullpage .videoBox ul li {
  background-image: url("../images/template/rightArrow.gif");
    background-position: right center;
    background-repeat: no-repeat;
  border-bottom: 1px dotted #B2AEA8;
    clear: left;
    display: block;
    float: left;
    width: 190px;
  }
  .fullpage .videoBox ul li.last {border: 0 none;}    
  
.fullpage .videoBox ul li a {
  clear: left;
    color: #AB0D1F;
    float: left;
    text-decoration: none;
    width: 130px;
    padding: 8px 0;
  }
  .fullpage .videoBox ul li a:hover {text-decoration: underline;}


.pageNoRtCol .articleContent {
   width: 100%;
   }

.articleContent {
  float: left;
  margin-top: 24px;
  width: 100%;
  }
  
.articleContent a {
  color: #AB0D1F;
  /*color: #143b60;*/
  text-decoration: none;  
  }
  .articleContent a:hover {text-decoration: underline;} 

.articleContent .newsdate {
  font-weight: bold;
    margin-bottom: 15px;
  }
  
.articleContent .index_news {
  float: left;
    margin-bottom: 20px;
  }
  
.pageNoRtCol .articleContent table.archives td {
  line-height: 35px;
  
  } 


.articleContent h1,
.agentsResults h1,
.servedRegions h1 {
    color: #000000;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 25px;
    margin-bottom: 20px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
  }

.articleContent h2 {
    color: #0080C7;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 0;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    text-transform: uppercase;
    }
  
.articleContent p {
  font-family: arial,helvetica,sans-serif;
  font-size: 13px;
  width: 95%;
  } 
  
.articleContent ul {
  font-family: arial,helvetica,sans-serif;
  font-size: 13px;
  } 


/*---------- PORTINFO TEMPLATE ------------*/

.piFloat-L {
  float:left;
  display: block;
  margin-right: 30px;
  margin-bottom: 10px;
  text-align:left;
  }
.piFloat-R {
  display: block;
  float: right;
  margin-left: 30px;
  margin-bottom: 10px;
  margin-right: 15px;
  text-align:right;
  }
.piFloat-C {  
  display: block;
  margin-bottom: 10px;
  text-align: center;
  }


/*--------------------------------------*/
/*      LEFT MENU STYLES      */  
/*--------------------------------------*/
.ltCol{ background-color: transparent;}

.leftMenu{ 
  float: left;
    margin-left: 15px;
    margin-top: 15px;
    min-height: 60px;
    padding: 0;
    width: 209px;
  }
  .leftMenu p{}


.leftMenu ul {
    display: inline;
    float: left;
    margin: 0 0 0 15px;
    padding: 0;
    width: 185px;
  }


.leftMenu ul li {
  border-bottom: 1px dotted #B2AEA8;
    clear: left;
    display: block;
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
  } 
  
.leftMenu ul li a,
.leftMenu li.selected a {
    color: #000000;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    margin: 2px 0 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 8px;
    width: 100%;
  } 
  .leftMenu li.selected a {color: #AB0D1F !important; background-color: #e6e6e6;} 
  
    
.leftMenu  ul li.last {border: 0 none;}

.leftMenu  ul li.twoLines {height: 40px;}
.leftMenu  ul li.twoLines a {
  height: 37px;
    line-height: 18px;
    padding-left: 8px;
    text-indent: 0;
    width: 177px;
    }
    
  .leftMenu ul li a:hover {
    text-decoration: none !important;
    background-color: #e6e6e6;
    font-family: arial,helvetica,sans-serif;
      font-size: 12px;
      color: #AB0D1F;
      } 

/*dimension of The left menu*/
.leftMenu a{}
.leftMenu div{
  cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
    padding: 8px 0 0;
    width: 196px;
  }
.leftMenu div div{font-size:13px;}
  
.leftMenu div a{ padding: 0 0 0 16px;}

.leftMenu div div a{}
.leftMenu div div a:hover{}

.leftMenu div div div a{}
  
/* Left  menu  - Colors & Backgrounds*/
div.selected1,
div.menuitem { 
   background-image: url("../images/template/ind_flech_droite.gif"); 
   background-repeat:no-repeat; 
   background-position: 10px 3px;
   border-bottom: 1px dashed #c1c1c1;
   margin-top: 10px;
   padding-bottom: 5px;
   padding-left: 10px;
   }

.leftMenu .last {border-bottom: 0 none !important;}

.leftMenu li.selected {min-height:28px; height: auto;}
.leftMenu li.selected ul.innerList {margin-left: 20px; width: 165px;}


.leftMenu li.selected ul.innerList li {width: 165px; overflow: hidden; height: 28px;}
.leftMenu li.selected ul.innerList li a {background-color: transparent; color:#6B6B69 !important; height: auto; margin-top: 2px; }
.leftMenu li.selected ul.innerList li.selected a {background-color: #E6E6E6; color: #AB0D1F !important; height: auto; margin-top: 2px;}


.leftMenu li.selected ul.innerList li a {background-color: transparent; color:#6B6B69 !important; }

.leftMenu li.selected ul.innerList li a:hover {
    text-decoration: none !important;
    background-color: #e6e6e6;
      color: #AB0D1F !important;
    }

.leftMenu li.selected ul li.twoLines {height: 40px;}
.leftMenu li.selected ul li.twoLines a {width: 157px;}

  

/*----*/


.fullpage .userCompass {
  margin-left: 15px;
    width: 925px;
  }

.userCompass {
  border-bottom: 1px solid #999999;
    float: left;
    height: 35px;
    margin-top: 0;
    width: 99%;
    }

.userCompass .breadcrumb {
  color: #67676A;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    margin-left: 0;
    margin-top: 15px;
  }
  .userCompass .breadcrumb a {text-decoration: none;  color: #AB0D1F;}
  .userCompass .breadcrumb a:hover {text-decoration: underline;}
  
.breadcrumb .current {
  font-weight: bold;
  color: #333333;
  }
  
.userCompass #share {
  float: right;
    height: 20px;
    margin-top: 13px;
    width: 110px;
    }
    
.userCompass #share #sizer,
.userCompass #share .printer,
.userCompass #share .mailit,
.userCompass #share .shareit {
  display: inline;
    float: left;
    margin-right: 5px;
    }



  
/*--------------------------------------*/
/*    Home Page Content STYLES    */  
/*--------------------------------------*/

.home .mmcmCtn { }  

.mainCtn{width: 960px; margin-left: auto; margin-right: auto; min-height: 430px;}
.home .mainCtn{min-height: 505px;}

#mainCtnTable{ }
.home #mainCtnTable{width: 100%;}

.home h1{}
home.p{ font-family:Arial, Helvetica, sans-serif;}

home.p.accroche{font-family:Arial, Helvetica, sans-serif;}
.home .bottomBox{margin-left:10px;}

.home h2 {
    color: #F15A24;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 8px;
    margin-left: 0;
    margin-top: 10px;
    text-align: left;
    text-transform: uppercase;
    width:100%;
  }

.welcome {
  float: left;
    height: 270px;
    width: 960px;
    font-family:arial,helvetica,sans-serif;
    margin-left: 0;
  }
  .welcome h1 {
    color: #85B3D3;
      margin-bottom: 15px;
      margin-left: 40px;
      margin-top: 26px;
    }
  .welcome a {
    color: #85b3d3;
    } 
  .welcome p {
      color: #CACACA;
      font-size: 13px;
      line-height: 15px;
      margin-left: 40px;
      text-align: left;
      width: 255px;
    }     
  .welcome div {
    font-weight: bold;
      margin-left: 40px;  
    } 
    
    
.marqueeBnr {
    background-color: #E1E1E3;
    float: left;
    height: 25px;
    margin-bottom: 13px;
    margin-left: 0;
    margin-top: 13px;
    width: 960px;
  }
  
  .marqueeBnr p {
    font-family: arial,helvetica,sans-serif;
      line-height: 25px;
      text-align: center;
      width: 100%;
    }   
  .marqueeBnr a {color: #A90E20;} 
  
  
  .marqueeBnr ul.newsticker {
    float: left;
      height: 25px;
      line-height: 25px;
      list-style: none outside none;
      margin: 0;
      padding: 0;
      text-align: center;
      width: 100%;  
    } 

/*BEGIN new home 2014 newsticker*/
#dashboardCtn .marqueeBnr {
	background-color:transparent;
	height:40px;
	margin:0;
	line-height:1emp;
	text-align:left;
	width:235px;
}
#dashboardCtn .marqueeBnr ul.newsticker {
	line-height:1.3em;
	text-align:left;
}
#dashboardCtn .marqueeBnr ul.newsticker a {
	display:inline;
}
/*END new home 2014 newsticker*/
  

  
.bottomFrontBoxes {
    border: 1px solid #DEDEDE;
    float: left;
    margin: 30px 0 0 0;
    padding: 0;
    width: 958px;
  } 

.pub {
    border: 1px solid #DEDEDE;
    float: left;
    margin:0 10px 0 0;
    width: 250px;
    height:150px;
  }
.pub img {
    border:none;
}

.publications {
    background: url(../images/template/publications-fullbg.jpg) no-repeat;
    border: 1px solid #DEDEDE;
    float: left;
    margin:0;
    width: 250px;
    height:150px;
    text-align:center;
  }
.publications h2 {
    text-align:left;
    padding-left:36px;
    margin-top:4px;
}

.publications img {
    border:none;
    margin:0 10px;
}
.publications p {
  text-align: left;
  font-size: 12px !important;
  margin-left:12px;
}
.publications p img{
  margin:0;
}
.publications p a{
  text-align: left;
  color:#FFF;
  font-size: 12px;
  font-family: Arial;

}

/* --- WEATHER BOX  --- */

.meteo {
    font-family: arial,helvetica,sans-serif;
    border-right: 1px solid #dedede;
    clear: left;
    display: inline;
    float: left;
    font-size: 13px;
    margin-top: 0;
    width: 261px;
    height:122px;
    text-align: left;
  }
  
.meteo h2 {
    border-bottom: 1px dotted #dedede;
    text-align:left;
    margin-left:10px;
    margin-bottom: 3px;
    width:240px;
} 
  
.meteo .city {
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0 10px 10px;
  } 
  
.meteo .ca-logo { 
    float: left;
    margin-left: 9px;
    width: 110px;
    }
  
#theFrame {
    color: #000000;
    display: block;
    height:35px;
  }
#weather {
    /*position:absolute;*/
margin-left: 10px
    display: block;
    margin:0 0 0 10px;
    padding:0;
  } 
  
  #weather #temp {
      font-size: 14px;
            position:absolute;
            left:85px;
            top:-27px;
            width: 70px;
      }
      #theFrame .temp sup { font-size: 9px; }
  
  #weather #desc {
            position: absolute;
      display: block;
      font-size: 13px;
            margin: -11px 0 10px 10px;
      width: 170px;   
    }
  
  #weather #image {
      position: absolute;
            top: -25px;
            left: 192px;
    }   
 
/* 
.niveau {
    border: 1px solid #DEDEDE;
    float: left;
    font-family: arial,helvetica,sans-serif;    
    height: 150px;
    text-align: center;
    margin: 0 10px 0 0;
    width: 434px;
  }
  .niveau .date {
            display:inline-block;
            font-size: 13px;
            text-align: right;
            width: 45%;
            }
  .niveau .level {
            display:inline-block;
      font-size: 14px;
      font-weight: bold;
            margin: 0 0 7px 10px;
            text-align:left;
      text-transform: uppercase;
            width: 45%;
      }
  .niveau .comment {
            font-size: 13px;
            margin-top:-5px;
            }

.niveau h2{
    margin-bottom:3px;
    margin-top:5px;
}

.trafic-box{ 
    margin: 0;
    position: absolute;
    left: 50%;
    margin: 65px 0 0 -215px;
    width:434px;
    text-align:center;
}
.trafic-box hr{ 
    border:none;
    border-top:1px dotted #dedede;
    width:80%;
    margin: 5px 0;
}

.trafic-box h2{ 
    margin-bottom:2px;
    margin-top:2px;
} 

.trafic-box a{ 
    color: #A90E20;
    display:block;
}
.trafic-box a:hover{ 
    text-decoration:underline;
}

*/

.cameras {
    border-right: 1px solid #DEDEDE;  
  float: left;
  font-family: arial,helvetica,sans-serif;
  text-align: center;
        height: 122px;
        margin-top: 0;
        width: 264px;
  }
  
  .cameras a, .meteo a {
    color: #A90E20;
      float: left;
      margin-left: 10px;
      margin-right: 0;
      margin-top: 10px;
      text-align: left;
  } 

.txtLnk {width: 105px;}
    
.cameras a.thmb, .meteo a.thmb {float: left; margin-top: 5px; margin-left: 10px;}

.cameras h2 {
        border-bottom: 1px dotted #dedede;
  margin-left: 10px;
  margin-bottom:3px;
  text-align: left;
  clear: left;
        float: left;
        width:242px;
  }

.cameras a.arrivals {
  float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-top: 10px;
  }
  
  
.news {
    color: #000000;
    float: left;
    font-family: arial,helvetica,sans-serif;
    height: 122px;
    margin-top: 0;
    padding-left: 10px;
    /*width: 395px;*/
  } 
  
  .news h2 {
                border-bottom: 1px dotted #dedede;
    text-align: left;
    margin-bottom: 0;
                width:410px;
    }
  
  .news span.date {
    font-weight: bold;  
    }
    
  .news p {
    font-size: 13px;
      width: 100%;
    }
    
  .news a {color: #a90e20;}     
  
  
.news iframe { margin-top:6px;}

  .join img, 
  .partners img  {
    float: left;
      margin-left: 20px;
    }

.introHomepage {background-color: #BABABB; float: left; width: 100%;} 
.introHomepage p { color: #000000;
    float: left;
    font-size: 14px;
    line-height: 19px;
    margin-left: 40px;
    text-align: center;
    width: 715px;
  }
  
.introLinkMap {clear:left; background-color: #fff; float: left; width: 100%;}
  
  
.copyrightBanner {clear:left; float: left;  width: 100%; background-image: url("../images/template/confetti.jpg"); background-repeat:no-repeat;  height: 146px;}
.copyrightBanner p { 
  color: #000000;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 9px;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding-top: 125px;
    text-align: center;
    width: 100%;
  }
.copyrightBanner a { color: #00B3BE; text-decoration:underline;}  
.copyrightBanner a:hover { text-decoration:none;} 
  
  
.specialOffer,
.offreSpeciale,
.servicesEnLigne,
.onlineServices{
  width: 303px;
  height:221px;
  padding:20px 0 0 0;
  }

.specialOffer{ background:url(../images/home/homeOffreBlocEn.jpg) 0 0 no-repeat;}
.offreSpeciale{background:url(../images/home/homeOffreBloc.jpg) 0 0 no-repeat;}

.servicesEnLigne{ background:url(../images/home/homeServiceBloc.jpg) 0 0 no-repeat; }
.onlineServices{background:url(../images/home/homeServiceBlocEn.jpg) 0 0 no-repeat;}

.bottomBox h3 {
  padding:0;
  margin:0 0 0 118px;
  color:#073081;
  font-family: Arial, Helvetica, sans-serif;
  font-size:16px;
  }

.bottomBox p {
  padding:4px 0 ;
  margin: 0 12px 0 120px;
  font-family:tahomaArial, Helvetica, sans-serif;
  font-size:14px;
  }
.servicesEnLigne p,
.onlineServices p{
  margin: 0 12px 0 130px;
  text-indent:-11px;
  background: url(../images/home/separateur.gif) right bottom no-repeat;
  }
.offreSpeciale p.small,
.specialOffer p.small{
  font-size:10px; 
  line-height:11px; 
  font-size:10px;
  }
.slogan1{ 
  font-family:Arial, Helvetica, sans-serif;
  color:#c1d82f;
  font-size:20px;
  line-height:20px;
  margin:0;
  padding:0;
  text-align:right;
  }
  
.slogan2{ 
  font-family:Arial, Helvetica, sans-serif;
  color:#c1d82f;
  line-height:15px;
  font-size:14px;
  font-style:italic; 
  padding:4px 0 0 0;
  margin:0;
  text-align:right;
  }
a.buttonLink{ 
  display:block;
  background:url(../images/template/buttonLink.jpg) center 0 no-repeat;
  text-decoration:none;
  text-align:center;
  font-family:TahomaArial, Helvetica, sans-serif;
  font-size:15px;
  font-weight:bold;
  width:292px;
  height:48px;
  line-height:48px;
  margin:8px 0 0 5px;
  padding:0;
  }
a.buttonLink:hover{
  background:url(../images/template/buttonLink.jpg) center bottom no-repeat;
  text-decoration:none;
  }


.tollFree,
.sansfrais{
  width:271px;
  margin-left:30px;
}

.tel{
  background:url(../images/home/telephoneBg.jpg) center -1px no-repeat; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  text-align:center;
  color:#073081; 
  margin-bottom:35px;
  margin-left:100px;
}
.tel2{
  background:url(../images/home/telephoneBg.jpg) center -1px no-repeat; 
  font-family:Arial, Helvetica, sans-serif;
  font-size:20px;
  text-align:center;
  color:#073081; 
  margin-left:100px;
    margin-bottom:3px;
}
.telSmall{ 
 font-size:12px;
 font-style:italic;
 color:#FFFFFF;
 padding-top: 0pt;
 margin-top: 5px;
 margin-bottom: 45px;
margin-left: 100px;
text-align:center;
}


/*------------------------------------------------*/
/*message de sécurité sur les formulaires importés*/
/*------------------------------------------------*/

#mainCtnTable form td p { margin-top:0; padding-top:0;}

#secureMsg{}
#secureMsg p{}
#EntrusLogo{}/* CSS Document */


/*------------------------------------------------*/
/*           google map application               */
/*------------------------------------------------*/

.fullwidth #content { left: -210px; position: relative;}


/*------------------------------------------------*/
/*          flash province application            */
/*------------------------------------------------*/

.fullwidth #Guidebook { left: 35%; position: relative;}


table.calloutBox h4 {
    padding: 20px;
  background-color: #F1F1F1;
  }
  
  
/* TOOGLE TOP MENU */

.topMenu ul {
    float: right;
    margin: 0;
    padding: 0;
    width: auto;
  }

.topMenu ul li {
    display: inline;
    float: left;
    height:29px;
    line-height: 38px;
    margin: 0 0 0 10px;
    overflow: hidden;
    text-align: left;
  }

.topMenu ul li a#mainItemTop1,
.topMenu ul li a#mainItemTop2,
.topMenu ul li a#mainItemTop3,
.topMenu ul li a#mainItemTop4,
.topMenu ul li a#mainItemTop5,
.topMenu ul li a#mainItemTop6 {line-height:30px;}
  
.topMenu ul li a {
  display: block;
    float: left;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 14px;
    color: #4D4D4D;
    height: 100%;
    width: 100%;
  }
  .topMenu ul li a:hover {
    color: #4D4D4D;
    text-decoration: underline;
    }
    
.topMenu ul li.tab1,
.topMenu ul li.tab2,
.topMenu ul li.tab3,
.topMenu ul li.tab4,
.topMenu ul li.tab5, 
.topMenu ul li.tab6   {
  width:auto; 
  text-align: center;
  padding-left: 7px;
    padding-right: 7px;
  }

.topMenu ul li.tab1:hover { }
.topMenu ul li.tab2:hover { }
.topMenu ul li.tab3:hover { }

.topMenu ul li.tab6 {background-color: #f0f0f2; width: 65px;}

.topMenu ul li.selected {background-color: #e6e6e6;}
.topMenu ul li.selected a {color: #AB0D1F;}

li.mainMenuTop .subMenuTop li.selected {background-color: transparent; }
li.mainMenuTop .subMenuTop li.selected a {background-color: #e6e6e6; color: #AB0D1F; }


.hideObjTop {display:none;}

.showTop { color:#6B6B69; }

.hideTop{ color:#6B6B69; }

/*
.topMenu ul a.hideTopOver {
   border: 1px solid #999999;
   border-bottom: 0 none;
  }
*/



  
  
/* ----- dropdown TOP MENU STYLES ----- 


.topMenu ul {
    float: right;
    margin: 12px 0 0;
    padding: 0;
    width: auto;
  }

.topMenu ul li {
    display: inline;
    float: left;
    height: 30px;
    line-height: 38px;
    margin: 0 0 0 25px;
    overflow: hidden;
    text-align: left;
  }
  
li.topMenu a.activeItemTop {color: #004b8f !important;}

.topMenu ul li a#mainItemTop1,
.topMenu ul li a#mainItemTop2,
.topMenu ul li a#mainItemTop3,
.topMenu ul li a#mainItemTop4,
.topMenu ul li a#mainItemTop5,
.topMenu ul li a#mainItemTop6 {line-height:30px;}
  
.topMenu ul li a {
  display: block;
    float: left;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 14px;
    color: #4D4D4D;
    height: 100%;
    width: 100%;
  }
  .topMenu ul li a:hover {
    color: #4D4D4D;
    text-decoration: underline;
    }
    
.topMenu ul li.tab1,
.topMenu ul li.tab2,
.topMenu ul li.tab3,
.topMenu ul li.tab4,
.topMenu ul li.tab5, 
.topMenu ul li.tab6   {
  width:auto; 
  text-align: center;
  }

.topMenu ul li.tab1:hover { }
.topMenu ul li.tab2:hover { }
.topMenu ul li.tab3:hover { }

.topMenu ul li.tab6 {background-color: #f0f0f2; width: 65px;}

.hideObjTop{display:none;}

*/


/*---------------------------------------------*/ 
/* Top Main Menu Commun
/*---------------------------------------------*/ 

  
li.mainMenuTop a,
li.selectedTop a,
li.mainMenuTop a.activeItemTop,
li.mainMenuTop a:hover { 
  display: block;
   }

/*---------------------------------------------*/ 
/* Top Sub Menu
/*---------------------------------------------*/ 
  
 li.mainMenuTop .subMenuTop {
  position:absolute;
  left:50%;
  border: 1px solid #999;
  border-top: 0 none;
  top: 29px;
  font-size:13px;
  color:#0045cc;
  background-color: #fff;
  display:block;
  z-index:20;
  }
  
.subMenuTop li{
  float:none; 
  list-style:none; 
  margin:0; 
  padding: 2px 8px 2px 8px; 
  background-image:none;
  }
 li.mainMenuTop .subMenuTop li a {
  width: 100%;
  color: #000;
  }
  li.mainMenuTop .subMenuTop li a:hover {color: #AB0D1F;}
  
.subMenuTop li a:hover{ text-decoration:underline;}

.subMenuTop li li a,
.subMenuTop li li a:hover{
  font-size:13px;
  color:#000;
  font-weight:normal;
  line-height:14px;
  }
  
/* ----- Top Menu Columns ----- */

.subMenuTop .col1,
.subMenuTop .col2 {
  float: left;
  display: inline;  
  }
    
    
#subMenuTop1 {  }

#subMenuTop2,
#subMenuTop3, 
#subMenuTop4  {    }

#subMenuTop2 {margin-left: 25px;  width: 435px;}
#subMenuTop3 {margin-left:160px; width: 235px;}
#subMenuTop5 {margin-left: 30px; width: 435px;}

  
  
/* SUB MENU 2 */

#subMenuTop2 .col1 {
  float: left;
    margin-left: 7px;
    width: 210px;
    }  
#subMenuTop2 .col2 {width: 210px;}


#subMenuTop5 .col1 {
  float: left;
    margin-left: 7px;
    width: 210px;
    }  
#subMenuTop5 .col2 {width: 210px;}


  
.subMenuTop .col1 ul,
.subMenuTop .col2 ul,
.subMenuTop .col3 ul{
  float: left;
  display: inline;
  width: 95%;
  margin: 0 0 0 15px;
  } 
  
.subMenuTop .col1 ul li,
.subMenuTop .col2 ul li,
.subMenuTop .col3 ul li {
    clear: left;
    display: block;
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 95%;
  } 
  
.subMenuTop ul li a {
    color: #777;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    margin: 2px 0 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 8px;
    } 
    
.subMenuTop  ul li.last {border: 0 none;}

.subMenuTop  ul li.twoLines {height: 40px;}
.subMenuTop  ul li.twoLines a {
  height: 37px;
    line-height: 18px;
    padding-left: 8px;
    text-indent: 0;
  }
    
  .subMenuTop ul li a:hover {
    text-decoration: none !important;
    background-color: #e6e6e6;
    font-family: arial,helvetica,sans-serif;
    color: #AB0D1F;
    } 
        
.subMenuTop .col1 ul li:hover,
.subMenuTop .col2 ul li:hover,
.subMenuTop .col3 ul li:hover { background-color: transparent; } 
    

/* ----- MEGA MENU STYLES ----- */

.mainMenuCtn {
	display: block;
    float: left;
    height: 38px;
    position: relative;
    top: 30px;
    left: 2px;
    width: 960px;
    z-index: 10;
	}

	/*
.mainMenuCtn *,
.mainMenuCtn *:before, 
.mainMenuCtn *:after {
	-moz-box-sizing: unset !important; 
	-webkit-box-sizing: unset !important; 
	box-sizing: unset !important;       
	}

	*/
	
.mainMenuCtn ul li h2 {text-align: center;}


.mainMenuCtn ul {
   float: left;
    margin: 0;
    padding: 0;
    width: 960px;
  }

.mainMenuCtn ul li {
  float: left;
  display: inline;
  height: 38px;
  line-height: 38px;
  margin:0;
  overflow: hidden;
  text-align: left;
  }
  
/*li.mainMenu span.activeItem {color: #004b8f !important; height: 40px;}*/
  
.mainMenuCtn ul li span {
    display: block;
    float: left;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 27px;
    cursor: default;
    text-transform: uppercase;
  }
  .mainMenuCtn ul li span:hover {
    color: #42845E;
    text-decoration: none;
    }
.mainMenuCtn ul li.selected1,
.mainMenuCtn ul li.selected2,
.mainMenuCtn ul li.selected3 {
  background-color: #fff !important;
  background-image: none !important; 
  border: 1px solid #bfbdbe !important; 
  border-bottom: 0 none !important;
  }
  
.mainMenuCtn ul li.selected1 span,
.mainMenuCtn ul li.selected2 span,
.mainMenuCtn ul li.selected3 span {color: #004b8f !important;}      
    
.mainMenuCtn ul li.tab1,
.mainMenuCtn ul li.tab2,
.mainMenuCtn ul li.tab3 {
  background-image: url("../images/template/arrowDown.png") ;
  background-position: 284px 15px;
  background-repeat: no-repeat;
  text-align: center;
  border: 1px solid transparent; 
  border-bottom: 0 none;
  }

.mainMenuCtn ul li.tab1:hover, 
.mainMenuCtn ul li.tab2:hover,
.mainMenuCtn ul li.tab3:hover {
	background-color: #fff; 
	background-image: none; 
	color: #004b8f; 
	border: 1px solid #dedede; 
	border-bottom: 0 none;
	}
		
/* mainMenu General Styles */
.mainMenuCtn ul li.tab1 { width:318px; margin-right: 7px; background-color: #0080c7; } /*--2(1)--*/
.mainMenuCtn ul li.tab2 { width:313px; margin-right: 6px; background-color: #30bdea; } /*--3(2)--*/
.mainMenuCtn ul li.tab3 { width:310px; background-color: #004b8f; } /*--1(3)--*/
.mainMenuCtn ul li.tab1:hover {width: 318px !important;}	
.mainMenuCtn ul li.tab2:hover {width: 313px !important;}
.mainMenuCtn ul li.tab3:hover {width: 310px !important;}

li.tab1 span.activeItem {margin-left: -479px; width: 318px !important;}
li.tab2 span.activeItem {margin-left: -152px; width: 313px !important;}
li.tab3 span.activeItem {margin-left: 169px; width: 310px !important;} 

/* Internal Page Only ONE is selected */
.mainMenuCtn ul li.selected1 {width:318px !important;}
.mainMenuCtn ul li.selected2 {width:313px !important;}
.mainMenuCtn ul li.selected3 {width:310px !important;}

/* Homepage NONE is selected */
.home .mainMenuCtn ul li.tab1 { width:320px; } /*--2(1)--*/
.home .mainMenuCtn ul li.tab2 { width:315px; } /*--3(2)--*/
.home .mainMenuCtn ul li.tab3 { width:312px; } /*--1(3)--*/
.home .mainMenuCtn ul li.tab1:hover {width: 320px !important;}	
.home .mainMenuCtn ul li.tab2:hover {width: 315px !important;}
.home .mainMenuCtn ul li.tab3:hover {width: 312px !important;}


li span.activeItem {
	background-color: #FFFFFF;
    color: #004B8F !important;
    height: 40px;
    left: 50%;
    position: absolute;
    top: 1px;
    z-index: 11;
	}

.mainMenuCtn ul li.tab1 span,
.mainMenuCtn ul li.tab2 span,
.mainMenuCtn ul li.tab3 span {width: 100%; color: #fff; }

.mainMenuCtn ul li.tab1 span:hover,
.mainMenuCtn ul li.tab2 span:hover,
.mainMenuCtn ul li.tab3 span:hover {color: #004b8f;}



/*---------------------------------------------*/ 
/* Main Menu Commun
/*---------------------------------------------*/ 
.hideObj{display:none;}
  
li.mainMenu a,
li.selected a,
li.mainMenu a.activeItem,
li.mainMenu a:hover { 
  display: block; /*width:90%;*/
   }

/*---------------------------------------------*/ 
/* Sub Menu
/*---------------------------------------------*/ 
  
 li.mainMenu .subMenu {
  position:absolute;
  left:1px;
  border-top:1px solid #dfdedf;
  top:38px;
  font-size:13px;
  color:#0045cc;
  background-color: #fff;
  display:block;
  z-index:10;
  }
  
.subMenu li{
  float:none; 
  list-style:none; 
  margin:0; 
  padding: 2px 8px 2px 8px; 
  background-image:none;
  }
 li.mainMenu .subMenu li a {
  width: 100%;
  color: #000;
  }
  li.mainMenu .subMenu li a:hover  {color: #AB0D1F;}
  
  
.subMenu li a:hover {text-decoration:underline;}

.subMenu li li a,
.subMenu li li a:hover{
  font-size:13px;
  color:#000;
  font-weight:normal;
  line-height:14px;
  }
  
/* ----- Menu Columns ----- */



.subMenu .col1,
.subMenu .col2 {
  float: left;
  display: inline;  
  }
  
.subMenu h2 {
  color: #F15A24;
    float: left;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 27px;
    line-height: normal;
    margin: 20px 0 0 15px;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
  }
    
    
.subMenu .imgCol {
  display: inline;
    float: left;
    height: 43px;
    margin: 0 0 0 15px;
    padding: 0;
    width: 100%;
    text-align: left;
  }
        
    
#subMenu1,
#subMenu2,
#subMenu3 {
  background-color: transparent;
    background-image: url("../images/template/dropshadow.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    font-size: 12px;
    padding-bottom: 10px; 
  }
  #subMenu1 {margin-left:-1px; width: 889px;} 
  #subMenu2 {margin-left:45px; width: 889px;}
  #subMenu3 {margin-left:80px; width: 889px;}


  
/* SUB MENU COLUMNS */

#subMenu1 .col1,
#subMenu2 .col1,
#subMenu3 .col1,
#subMenu3 .col4 {
  float: left;
    margin-left: 0;
    margin-right: 17px;
    margin-top: 0;
    width: 270px;
  }
  #subMenu3 .col4 {clear: left;}
  
#subMenu1 .col2,
#subMenu2 .col2,
#subMenu3 .col2,
#subMenu3 .col5 {
  float: left;
    margin-left: 0;
    margin-right: 17px;
    margin-top: 0;
    width: 267px;
  }
  
#subMenu1 .col3,
#subMenu2 .col3,
#subMenu3 .col3 {
  float: left;
    margin-left: 0;
    margin-top: 0;
    width: 267px;
  } 
  
  
.subMenu .col1 ul,
.subMenu .col2 ul,
.subMenu .col3 ul{
  float: left;
  display: inline;
  width: 250px;
  margin: 0 0 0 15px;
  } 
  
.subMenu .col1 ul li,
.subMenu .col2 ul li,
.subMenu .col3 ul li {
  border-bottom: 1px dotted #B2AEA8;
    clear: left;
    display: block;
    float: left;
    height: 28px;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
  } 
  
.subMenu ul li a, 
.subMenu li.selected a {
  background-image: none !important;
    color: #000000;
    float: left;
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    height: 24px;
    line-height: 24px;
    margin: 2px 0 0;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    text-indent: 8px;
  } 
  li.mainMenu .subMenu li.selected a {color: #AB0D1F !important; background-color: #e6e6e6;}
    
.subMenu  ul li.last {border: 0 none;}

.subMenu  ul li.twoLines {height: 40px;}
.subMenu  ul li.twoLines a {
  height: 37px;
    line-height: 18px;
    padding-left: 8px;
    padding-right: 12px;
    text-indent: 0;
    width: 230px;
  }
    
  .subMenu ul li a:hover {
    text-decoration: none !important;
    background-color: #e6e6e6;

    font-family: arial,helvetica,sans-serif;
      font-size: 14px;
      color: #AB0D1F;
    }     
        
.subMenu .col1 ul li:hover,
.subMenu .col2 ul li:hover,
.subMenu .col3 ul li:hover {
  background-color: transparent;
    } 


/*--------------------------------------------- */
/* Share & Print styles
/*---------------------------------------------*/
p.shareCtn {line-height: 25px;  margin:5px 0 0 0;}

#share{position:relative;}

#share .close {
  text-align:right;
  font-weight:bold;
  padding:2px 58px 3px 2px;
}
#share .close a{  
  color:#fff;
  background:#6f94dd url(../images/share/buttonBg.jpg) 0 0 no-repeat;
  padding:1px 3px;
  font-size:9px;
  text-decoration:none;
  border:1px solid #fff;
}
#share .close a:hover{  background: url(../images/share/buttonBg.jpg) 0 bottom no-repeat;}  

.shareDivBox{ 
  background: url("../images/share/shareDivBoxBg.png") no-repeat scroll 0 2px transparent;
    font-family: Arial,Helvetica,sans-serif;
    height: 165px;
    left: 0;
    margin-left: -75px;
    padding: 5px 5px 5px 10px;
    position: absolute;
    top: 25px;
    width: 227px;
  }
  
.shareDivBoxBot{
  height:10px; 
  position:absolute;
  left:0px;
  bottom:0;
  }
.shareDivBox ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align:left;
   font-size: 12px;
  }

.shareDivBox li {display:inline-block; width:100px;}

#share .shareDivBox li a{
  line-height: 24px !important;
    padding: 0 0 4px 22px;  
    color: #444444;
  }

  /* SHARE ICONS - créer une classe pour chaque nouvel icône*/
  
  #share .google a{background: url(../images/share/google.gif) 0 0 no-repeat;}
  #share .delicious a{background: url(../images/share/delicious.gif) 0 0 no-repeat;}
  #share .favorites a{background: url(../images/share/favorites.gif) 0 0 no-repeat;}
  #share .facebook a{background: url(../images/share/facebook.gif) 0 0 no-repeat;}
  #share .live a{background: url(../images/share/live.gif) 0 0 no-repeat;}
  #share .digg a{background: url(../images/share/digg.gif) 0 0 no-repeat;}
  #share .yahoo a{background: url(../images/share/yahoo.gif) 0 0 no-repeat;}
  #share .furl a{background: url(../images/share/furl.gif) 0 0 no-repeat;}
  #share .stumble a{background: url(../images/share/stumble.gif) 0 0 no-repeat;}
  #share .newsvine a{background: url(../images/share/newsvine.gif) 0 0 no-repeat;}
  #share .reddit a{background: url(../images/share/spreddit1.gif) 0 0 no-repeat;}
  #share .twitter a{background: url(../images/share/twitter.gif) 0 0 no-repeat;}
  #share .zoomit a{background: url(../images/share/zoomit.gif) 0 0 no-repeat;}
  .shareMenu #share .shareDivBox p {background:none; padding:0; text-align:left; margin-top:5px; font-weight:bold}
  .shareMenu #share .shareDivBox p a{background:none; padding:0 !important;}


/*---------------------------------------------*/ 
/* Expand / Collapse DL structure
/*---------------------------------------------*/


.iconContent {display: block !important;}
.hideObj {display: none !important;}



dl{width:727px; clear:both; display:block;}
dt,dd{width:677px; display:block;}

dt{ 
  font-size:12px;
  font-weight:bold;
  margin:3px 0;
  padding:4px 15px;
  clear:both;
  cursor:pointer;
  }

.showDD{ 
  background: url(../images/template/menuRightArrow.gif) right bottom no-repeat; 
  border-top:#dedede solid 1px;
  color:#6B6B69;
  }
  .showDDOver{ 
     background: url(../images/template/menuRightArrow.gif) right bottom no-repeat; 
    color: #AB0D1F;
    border-top:#dedede solid 1px;
    }

.hideDD{ 
  background: url(../images/template/menuDownArrow.gif) right bottom no-repeat;
  color:#6B6B69;
   border-top:#dedede solid 1px;
  }
  .hideDDOver{ 
      background: url(../images/template/menuDownArrow.gif) right bottom no-repeat;
     color:#6B6B69; 
     border-top:#dedede solid 1px;
     }

dd {display:none; margin:0; padding:10px 30px 10px 20px; width:677px}
body.recherche dd { display:block; }
dd p {margin-top:0; padding-top:0;} 

dd ul.list2col, 
dd ul.list3col {list-style:none; margin:0; padding:0;}

dd ul.list3col li{display:inline-block; width:204px; list-style:none; margin:0; padding:0;}
dd  ul.list2col li{display:inline-block; width:320px; }




/* ---- STEAMSHIP AGENTS RESULTS ---- */

#contentDiv {float: left;}

.agentsResults, 
.servedRegions  {float: left; font-family: arial,helvetica,sans-serif;    width: 716px;}

.agentsResults .sortSelector,
.servedRegions .regionSelector,
.servedRegions .sortSelector {
  background-color: #FAFAFA;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
    float: left;
    height: 55px;
    margin-bottom: 20px;
    width: 710px;
  }
  
  .agentsResults .sortSelector a,
  .servedRegions .regionSelector a,
  .servedRegions .sortSelector a { color: #AB0D1F;}
  
  .servedRegions .regionSelector {
      height: 150px;
    }
    
.servedRegions .regionSelector .suggestion {
  float: left;
  display: inline;
  margin-left: 30px;
  margin-top: 20px;
  width: 270px; 
   }
   
   .servedRegions .regionSelector .suggestion input.suggest {
       border: 1px solid #CCCCCC;
      display: inline;
      float: left;
      height: 27px;
      padding-left: 7px;
      width: 227px;
    }


/*
   .servedRegions .regionSelector .suggestion input.button {
    background-image: url("../images/template/suggestbtn.gif");
      background-position: center center;
      background-repeat: no-repeat;
      border: 0 none;
      width: 24px;
      height: 27px;  
      display: inline;
    float: left;
    }
*/    
    

.servedRegions .regionSelector .division { 
  float: left;
  display: inline;
  width: 33px;
  margin-left: 60px;
  margin-right: 60px;
  margin-top: 10px;
  }
  .servedRegions .regionSelector .division .oricon {
    background-image: url("../images/template/oricon.png");
      background-position: center center;
      background-repeat: no-repeat;
      color: #FFFFFF;
      display: block;
      float: left;
      font-size: 14px;
      font-weight: bold;
      height: 27px;
      line-height: 26px;
      text-align: center;
      width: 27px;
    }
  .servedRegions .regionSelector .division .separator {
      border-left: 1px dotted #CCCCCC;
      float: left;
      height: 82px;
      margin-left: 15px;
      margin-top: 10px;
      width: 2px; 
    }   

.servedRegions .regionSelector .intmap { 
  float: left;
  display: inline;
  width: 235px;
  margin-top: 20px;
  }
  
  .servedRegions .regionSelector .suggestion .label,
  .servedRegions .regionSelector .intmap .label {
    float: left;
    width: 200px;
    font-weight: bold;
    margin-bottom: 15px;
    color: #000;
    }
    
  .servedRegions .regionSelector .intmap .themap {
    float: left;
    display: inline;
    width: 150px;
    }
    
  .servedRegions .regionSelector .intmap a {
    display: inline;
      float: left;
      margin-left: 0;
      margin-top: 0;
    } 
    
  .servedRegions .regionSelector .intmap a.mapBtn {
    margin-left: 10px;
      margin-top: 20px;
    }   
    
.servedRegions h1 {margin-bottom: 5px;}

.servedRegions .subhead {
  color: #666666;
    display: block;
    float: left;
    font-size: 15px;
    margin-bottom: 10px;
    width: 100%;
  }

.agentsResults .sortSelector form,
.servedRegions .sortSelector form  {
    float: left;
    margin-left: 35px;
    margin-top: 15px;
  }

.agentsResults .sortSelector label,
.servedRegions .sortSelector label   {
  font-size: 13px;
    font-weight: bold;
  }
  
.agentsResults .sortSelector select,
.servedRegions .sortSelector select  {
  width: 520px;
  }

.agentsResults .topBar,
.servedRegions .topBar   {
  clear: left;
  display: inline;
    float: left;
    height: 15px;
    width: 100%;
    margin-bottom: 10px;
    text-align: center;
  }

/*
.agentsResults .topBar .comment,
.servedRegions .bottomBar .comment {
  display: inline;
    float: left;
    width: 200px;
  }
*/

.agentsResults .topBar .comment a,
.agentsResults .bottomBar .comment a,
.servedRegions .topBar .comment a,
.servedRegions .bottomBar .comment a {color: #AB0D1F;}  



.agentsResults .showAllResults,
.servedRegions .showAllResults {
  float: right;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: 0px;
    text-align: right;
    width: auto;
  }
  .agentsResults .showAllResults a,
  .servedRegions .showAllResults a {color: #AB0D1F;}
  
  

.agentsResults .bottomBar .comment,
.servedRegions .bottomBar .comment   {
  float: left;
    font-size: 11px;
    margin-top: 15px;
    width: 200px;
  }


.agentsResults .pagination,
.servedRegions .pagination {
  display: inline;
    float: right;
    margin-right: 10px;
    width: auto;
  }
  
.paginationContent {clear: both;} 
  
.agentsResults .pagination .page_link ,
.servedRegions .pagination .page_link,
.agentsResults .pagination .previous_link,
.servedRegions .pagination .previous_link,
.agentsResults .pagination .next_link,
.servedRegions .pagination .next_link {
  background-image: url("../images/template/pagBg.gif");
    background-position: center center;
    background-repeat: no-repeat;
    color:#ab0d1f;
    display: inline;
    float: left;
    font-size: 12px;
    height: 15px;
    line-height: 15px;
    margin-left: 3px;
    text-align: center;
    width: 13px;
  } 
  
  
.agentsResults .pagination .next_link,
.servedRegions .pagination .next_link {
  background-image: url("../images/template/nextpage.gif");
  text-indent: 99999px;
  /*color: transparent;*/ 
  }
  
.agentsResults .pagination .previous_link,
.servedRegions .pagination .previous_link {
  background-image: url("../images/template/prevpage.gif");
  text-indent: -99999px;
  /*color: transparent;*/
  } 
  
.agentsResults .pagination .active_page,
.servedRegions .pagination .active_page  {
  color:#000;
  background-image: none;
  font-weight: bold;
  } 
  

.agentsResults .agentBlock,
.servedRegions .agentBlock   {
  background-color: #DEE0E0;
    background-image: url("../images/template/agentBlockBg.png");
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #999999;
    clear: left;
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 713px;
  }
  .servedRegions .agentBlock .buffer {
    background-color: #FFFFFF;
      clear: both;
      display: block;
      float: left;
      height: 10px;
      width: 100%;
    }
  
.agentsResults .agentBlock h2,
.servedRegions .agentBlock h2,
.servedRegions  h2 {
    color: #0080C7;
    display: block;
    float: left;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 17px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 300px;
  }
  
  .servedRegions h2 {
    float: left;
      font-size: 20px;
      margin-left: 0;
      width: 710px;
    }
  
.agentsResults .agentBlock ul.contact,
.servedRegions .agentBlock ul.contact  {
  display: inline;
    float: right;
    list-style: none outside none;
    margin: 10px 15px 0 0;
    padding: 0;
    width: 300px;
    text-align: right;
    color: #000000;
    }
    .agentsResults .agentBlock ul.contact li a,
    .servedRegions .agentBlock ul.contact li a {
      color: #000000;
      text-decoration: underline;
      cursor: pointer;
      }
     .agentsResults .agentBlock ul.contact li a:hover,
     .servedRegions .agentBlock ul.contact li a:hover {
      text-decoration: none;
      } 
       
.agentsResults .agentBlock .address,
.servedRegions .agentBlock .address  {
  background-color: #FFFFFF;
    display: block;
    clear: left;
    float: left;
    min-height: 45px;
    width: 355px;
    }
    .servedRegions .agentBlock .address span.label {
    float: left;
      margin-left: 10px;
      margin-top: 5px;
      width: 200px;    
      }
    
    
.agentsResults .agentBlock .address p,
.servedRegions .agentBlock .address p {
    float: left;
    font-weight: bold;
    margin: 10px 0 0 10px;
    width: 250px;
  }
  .servedRegions .agentBlock .address p {margin-top: 0; width: 320px;}

.agentsResults .agentBlock .dataCols,
.servedRegions .agentBlock .dataCols {
  background-color: #FFFFFF;
    display: block;
    float: left;
    padding-bottom: 15px;
    width: 100%;
  }
  
  .servedRegions .agentBlock .dataCols { 
    background-image: url("../images/template/dotted-v.gif");
    background-position: center center;
      background-repeat: repeat-y;
    }   

.agentsResults .agentBlock .branches,
.servedRegions .agentBlock .countries,
.servedRegions .agentBlock .ports,
.servedRegions .agentBlock .branches {
  clear: left;
    display: inline;
    float: left;
    width: 465px;
  }
  .servedRegions .agentBlock .countries,
  .servedRegions .agentBlock .ports {
    padding-right: 10px;
      width: 347px;
    }
    
.canadausa .agentBlock .dataCols {background-image:none;}
.canadausa .agentBlock .services {
  border-left: 1px dotted #999999 !important;
  width: 250px !important;
  }
  .canadausa .agentBlock .ports,
  .canadausa .agentBlock .branches{
    width:420px;
    padding:0;
    margin-right:20px;
    } 
.canadausa .agentBlock .address p {margin: 10px 0 0 10px;}    
  
.agentsResults .agentBlock .branches h3,
.servedRegions .agentBlock .countries h3,
.servedRegions .agentBlock .ports h3,
.servedRegions .agentBlock .branches h3 {
  background-image: url("../images/template/branchesmore.gif");
    background-position: left center;
    background-repeat: no-repeat;
  font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 14px;
    margin-left: 10px;
    margin-bottom: 4px;
    padding-left: 20px;
    width: 240px;
  }
  
  .servedRegions .agentBlock .countries h3 {background-image: url("../images/template/countriesicon.gif");} 
  .servedRegions .agentBlock .ports h3 {background-image: url("../images/template/portsicon.gif");}
  
  
.agentsResults .agentBlock .branches div,
.servedRegions .agentBlock .countries div,
.servedRegions .agentBlock .ports div,
.servedRegions .agentBlock .branches div {
  float: left;
    font-size: 12px;
    line-height: 18px;
    list-style: none outside none;
    margin: 0 0 0 10px;
    padding: 0;
    width: 98%;
    color: #666666;
  }

.agentsResults .agentBlock .linesrep,
.agentsResults .agentBlock .maps, 
.servedRegions .agentBlock .services,
.servedRegions .agentBlock .cargo {
  background-color: #FFFFFF;
    border-left: 1px dotted #999999;
    display: inline;
    float: left;
    width: 240px;
    margin-top: 15px;
  }
  .servedRegions .agentBlock .services,
  .servedRegions .agentBlock .cargo {
    border-left: 0 none;
    width: 340px;
    }
    
.agentsResults .agentBlock .linesrep h3,
.agentsResults .agentBlock .maps h3,  
.servedRegions .agentBlock .services h3,
.servedRegions .agentBlock .cargo h3 {
  font-family: EnriquetaBold,arial,helvetica,sans-serif;
  font-size: 14px;
  margin-left: 10px;
  margin-top: 0;
  margin-bottom: 4px;
    padding-left: 25px;
  background-image: url("../images/template/linesrep.gif");
    background-position: left center;
    background-repeat: no-repeat;
  }
  
  .servedRegions .agentBlock .services h3 {background-image: url("../images/template/servicesicon.gif");}
  .servedRegions .agentBlock .cargo h3 {background-image: url("../images/template/cargoicon.gif");}

.agentsResults .agentBlock .maps .mapicon {
  border: 1px solid #ccc;
    display: block;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
  }


.agentsResults .agentBlock .linesrep div,
.servedRegions .agentBlock .services div,
.servedRegions .agentBlock .cargo div {
  float: left;
    list-style: none outside none;
    color: #666666;
    margin: 0 0 0 10px;
    padding: 0;
  }


.trucks .agentBlock .address {min-height: 60px;}  
.trucks .agentBlock .address p {margin-top: 10px;}
  
.docker .agentBlock .address p {margin-top: 10px;}  
.docker .agentBlock .dataCols {background-image: none;}
  
.petroleum .agentBlock .address {min-height: 60px;} 
.petroleum .agentBlock .address p {margin-top: 10px;}
.petroleum .agentBlock .cargo {margin-right: 18px;} 


.agentsResults .bottomBar,
.servedRegions .bottomBar {
  clear: both;
  float: left;
    height: 50px;
    width: 450px;
    margin-top: 10px;
  }

.agentsResults .bottomBar .backtotop,
.servedRegions .bottomBar .backtotop {
    background-image: url("../images/template/backtotop.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    float: left;
    height: 25px;
    margin-left: 290px;
    margin-top: 25px;
    text-align: center;
    width: 132px;
  }
  .agentsResults .bottomBar .backtotop a,
  .servedRegions .bottomBar .backtotop a   {
    color: #AB0D1F;
      float: left;
      padding-top: 5px;
      width: 100%;  
    }



/* --- ARRIVAL DEPARTURES --- */

.calendarView {
  float: left;
    height: 50px;
    line-height: 50px;
    margin-left: 15px;
    margin-bottom: 20px;    
    width: 930px;
    background-color: #f8f8f8;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    font-family: arial,helvetica,sans-serif;
    text-align: center;
  }
  .calendarView input {
    margin-left: 25px;
      margin-right: 5px;
    }
  .calendarView span {
    font-weight: bold;
    } 

.arrivalDeparture {
  font-family: arial,helvetica,sans-serif;
    clear: left;
    display: block;
    float: left;
    margin-left: 15px;
    width: 928px;
  }
  
.arrivalDeparture h2 {
    color: #0080C7;
    display: block;
    float: left;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 17px;
    margin-bottom: 5px;
    margin-left: 10px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 300px;
  } 
  
.arrivalDeparture .tableWrap {
  float: left;
  border: 1px solid #CCCCCC;
  padding-bottom: 5px;
  width: 100%;
  }
  
.arrivalDeparture .tableTop {
  border-bottom: 0 none;
  background-color: #E3E5E4;
    float: left;
    width: 100%;
  }
  
.arrivalDeparture .tableTop .tabs {
  float: right;
    height: 27px;
    margin-top: 5px;
    width: 468px;
  }

  .arrivalDeparture .tableTop .tabs .tab1,
  .arrivalDeparture .tableTop .tabs .tab2,
  .arrivalDeparture .tableTop .tabs .tab3,
  .arrivalDeparture .tableTop .tabs .tab4 {
    background-image: url("../images/template/departsTab.png");
      background-position: center bottom;
      background-repeat: no-repeat;
      display: inline;
      float: left;
      height: 27px;
      line-height: 27px;
      margin-left: 5px;
      text-align: center;
      width: 111px;
    }
  .arrivalDeparture .tableTop .tabs .tab1 a,
  .arrivalDeparture .tableTop .tabs .tab2 a,
  .arrivalDeparture .tableTop .tabs .tab3 a,
  .arrivalDeparture .tableTop .tabs .tab4 a {
    color: #4E4E4E;
      float: left;
      height: 100%;
      width: 100%;
    }   
  
.arrivalDeparture .tableTop .tabs .selected {
    background-image: url("../images/template/departsSelected.png");
    }
    .arrivalDeparture .tableTop .tabs .selected a {color: #0080C7;}
  
.arrivalDeparture table {
  border-top: 0 none;
    float: left;
    margin-left: 5px;
    margin-top: 12px;
    width: 919px;
  }
  
.arrivalDeparture table thead {
  
  } 

.arrivalDeparture table th {border-bottom: 1px solid #ccc; height: 30px;}

.arrivalDeparture table th a {
  background-image: url("../images/template/arrowdown.gif");
    background-position: right center;
    background-repeat: no-repeat;
    color: #000000;
    padding-right: 10px;
  }

.arrivalDeparture table th.berth,
.arrivalDeparture table td.berth {
  width: 275px;
  border-right: 1px dashed #ccc;
  }

.arrivalDeparture table th.vessel,
.arrivalDeparture table td.vessel {
  width: 225px;
  border-right: 1px dashed #ccc;
  }

.arrivalDeparture table th.etd,
.arrivalDeparture table td.etd {
  width: 120px;
  border-right: 1px dashed #ccc;
  }
  
.arrivalDeparture table th.agent,
.arrivalDeparture table td.agent {
  width: 300px; 
  } 

.arrivalDeparture table tr.odd td {}

.arrivalDeparture td {
  height: 33px;
  padding-left: 10px;
  line-height: 33px;
  }

.arrivalDeparture td.berth a {color: #aa0d1e;}

.arrivalDeparture td.vessel {
  font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 14px;
  } 
  .arrivalDeparture td.vessel a {color: #AA0D1E;}
  
.arrivalDeparture .bottomBar {
  display: block;
    float: left;
    margin-left: 5px;
    width: 920px;
  } 
  
.arrivalDeparture .waterLevel {
  border-bottom: 1px solid #CCCCCC;
    float: left;
    margin-top: 30px;
    padding-bottom: 3px;
    width: 100%;
  }

.arrivalDeparture .waterLevel .label {
  color: #0080C7;
  font-weight: bold;
  }

.arrivalDeparture .waterLevel .levelData {
  font-family: Arial Black, Gadget, sans-serif;
  color: #000;  
  }
  
.arrivalDeparture .waterLevel .dateTime {
  font-family: Arial Black, Gadget, sans-serif; 
  color: #000;
  }
  
.arrivalDeparture .footNote {
  float: left;
    margin-top: 10px;
    width: 920px;
  }
  
.arrivalDeparture .footNote p {margin-bottom: 0; }


.arrivalDeparture .bottomBar .backtotop {
    background-image: url("../images/template/backtotop.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    clear: left;
    float: left;
    height: 25px;
    margin-left: 390px;
    margin-top: 25px;
    text-align: center;
    width: 132px;
  }
  .arrivalDeparture .bottomBar .backtotop a {
    color: #AB0D1F;
      float: left;
      padding-top: 5px;
      width: 100%;  
    }
  
  
/* --- MAPS APP  --- */ 

#content h1 {
    color: #000000;
    float: left;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 25px;
    margin-bottom: 0;
    margin-left: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 920px;
  }

#content .othermaps {
  display: block;
    float: right;
    font-family: EnriquetaRegular,arial,helvetica,sans-serif;
    font-size: 14px;
    height: 25px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: auto;
  }
  
  #content .othermaps div {
    float: left;
    height: 25px;
    line-height: 25px;
    margin: 0;
    padding: 0 5px;
    }

    #content .othermaps div.separator {
    border: 0 none;
    clear: none;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    width: 5px;
}
  
    #content .othermaps div.selected {background-color: #E6E6E6;}
    
    #content .othermaps div.selected a {color: #AB0D1F;}
    
    #content .othermaps ul li {
      float:left;
      display:inline;
      margin-right: 10px;
      } 
    
    #content .othermaps a {
      color: #4D4D4D;
      }

#content .regionalmap { 
  clear: right;
    display: block;
    float: right;
    margin-bottom: 8px;
    margin-right: 20px;
  }
  
  #content .regionalmap a {
    font-weight: bold;
    color:#000;
    background-image: url("../images/template/redRightArrow.gif");
    background-position: left center;
    background-repeat: no-repeat;
      padding-left: 13px;
    }

#content .minimap {
  position: relative;
    clear: both;
    height: 145px;
    margin-left: 15px;
    width: 928px;
    z-index:5;
  }
  
/*  
#content .minimap {
    clear: both;
    display: block;
    float: left;
    height: 131px;
    margin-left: 15px;
    width: 928px;
  } 
*/

#content .locations {
  clear: left;
  display: block;
    float: left;
    margin-left: 20px;
    margin-top: 10px;
  margin-bottom: 10px;
    width: 927px;
    }
    
#content .locations h2 {
  color: #0080C7;
    float: left;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    text-transform: uppercase;
    width: 100%;
  }   

#content .locations ul {
    margin: 0;
    padding: 0;
   }
   
#content .locations ul.left {
  clear: left;
    float: left;
    width: 700px;
  }
  
  
#content .locations ul.right {
    float: right;
    width: 180px;
  } 
  #content .locations ul.right li {
    float: right;
    margin-right: 0;
    } 


#content .locations ul li {
    display: inline;
    float: left;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
    margin-right: 5px;
  margin-left:0;
  }
  
  #content .locations ul li a {
    background-color: #777777;
    float:left;
    display: inline;
    color:#FFFFFF;
    padding-left: 5px;
      padding-right: 5px;
    }
    
  #content .locations ul li a.selected {
    background-color: #000;
    color:#FFFFFF;  
    }
    
    
    #content .locations ul li a:hover {}
    
    
    
    
/*------------------------------------------------*/
/* ****************  FAQ Styles LA  **************** */
/*------------------------------------------------*/

.articleFaq h1 {
    float: left;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-top: 10px;
  }


.articleFaq h2 {
    color: #6B6B69;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 15px;
    margin-bottom: 0px;
    margin-top: 15px;
    text-transform: uppercase;
  font-weight:normal;
}

.fullpage .articleFaq a {
    color: #AB0D1F;
    text-decoration: none;
  }
  .fullpage .articleFaq a:hover {text-decoration: underline;}

.articleFaq a {
    color: #143B60;
    text-decoration: underline;
}


.articleFaq .showDDacc {
    background: none;
    border-top: 0px;
    color: #6B6B69;
}
.articleFaq .hideDDacc {
    background: none;
    border-top: 0px;
    color: #6B6B69;
}

.articleFaq dt {
    clear: both;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    margin: 3px 0 0 15px;
    padding: 4px 0px;
    /*border-bottom: 1px solid #DEDEDE;*/
}

.articleFaq dd {
    /*display: none;*/
    margin: 0;
    padding: 5px 5px 0px 20px;
    width: 910px;
}



/* ::::: form declaration AT ::::: */
form.form-declaration { clear:both;  width: 953px;}
form.form-declaration th, form.form-declaration td { font-family: arial, sans-serif; font-size:12px; font-weight: normal;}
form.form-declaration  label { color: #444444; font-family: Arial,Helvetica,sans-serif; font-size: 12px; display:block; margin-bottom: 6px;}
form.form-declaration p { margin-bottom:10px;}
form.form-declaration span { display: block; height:0;}
form.form-declaration fieldset textarea{ width:300px; height:60px;}
form.form-declaration fieldset { border:none; border-bottom:1px solid #ccc;   padding:7px;}
form.form-declaration fieldset.first { border:none;}
form.form-declaration fieldset.first .left {  float: left; width:436px; margin-left:11px; }
form.form-declaration fieldset.first .right { float: right; width:474px; margin-top:-47px;  margin-right: -8px;}
form.form-declaration fieldset.first input[type=text] ,form.form-declaration fieldset.second input[type=text]{ width:300px;}
form.form-declaration fieldset.first input[type=text],form.form-declaration fieldset.first select, form.form-declaration fieldset.first textarea{ float:right;}
form.form-declaration fieldset.first input[type="text"], form.form-declaration fieldset.first textarea { width:240px;}
form.form-declaration fieldset.first span.input-text { float:right; width:245px;}
form.form-declaration fieldset.first div.right input.position-ship { margin-top: 5px; width: 178px;}
form.form-declaration fieldset.first label {float:left; }
form.form-declaration fieldset.first input [type=text]{ float:right;}
form.form-declaration fieldset.first p.radio { width:153px; float: left;}
form.form-declaration fieldset.first p.radio label { float:left;}
form.form-declaration fieldset.first p.radio input { position:relative; top: 8px; margin-left:10px;}
form.form-declaration fieldset.second p.last{ clear:both; margin-left:11px;}
form.form-declaration fieldset.second p.last textarea { height: 43px; width: 911px;}
form.form-declaration fieldset.second div.left p select.form_input { margin-bottom:10px;}
form.form-declaration .blue-bg { background:#E4EBF1; }
form.form-declaration table { margin: 0 auto; width: 97%;}
form.form-declaration table td, form.form-declaration table th { padding: 5px;}
label.float-left { float:left; margin-right:5px;}
form.form-declaration fieldset.third table.tonnage  td { padding: 5px; vertical-align: middle; text-align: center; }
form.form-declaration fieldset.third table.tonnage td.radiotd { border:none;}
form.form-declaration fieldset.third  table.tonnage input[type=radio]{ position:relative; top:5px; margin-left: 10px;}
form.form-declaration fieldset.third table.tonnage label.radio { float:left;}
table.tonnage,table.conteneurs { background-color: #f0f0e8;}


form.form-declaration fieldset.third table.conteneurs td,form.form-declaration table.conteneurs th { text-align:center; padding:5px; }
form.form-declaration fieldset.four table.conteneurs th { background:#D2DCE8;}
form.form-declaration fieldset.four table.conteneurs th.blue-clear { background:#E4EBF1;}
form.form-declaration fieldset.four  table.conteneurs th, form.form-declaration table.conteneurs td ,.tonnage td{ border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff;}
form.form-declaration table.conteneurs td { text-align:center; vertical-align: middle;}
form.form-declaration fieldset.four label { width:120px;}
form.form-declaration fieldset.four textarea { width: 438px;}
form.form-declaration fieldset.four input[type=checkbox] { float:right;}
form.form-declaration table.passanger label {float: left; margin-right: 20px;}
form.form-declaration table.passanger input { width:40px;}
form.form-declaration table.passanger td { padding: 5px 5px;}
form.form-declaration table.soutage div.radio label { display: inline; padding-right:20px; padding-left:10px;}
form.form-declaration table.soutage input[type=text].small { width:40px;}

.clear { clear:both;}
*+html form.form-declaration fieldset.second div.left p select { display:block;}
*+html form.form-declaration fieldset.four label input[type=checkbox] { position:relative; top:-16px;}
*+html  form.form-declaration fieldset.second p.last textarea#brief_description_of_cargo { margin-left:-11px;}

form.form-declaration  input.submit{margin-top:30px; margin-bottom:30px; float:right; margin-right:30px;}

form.form-declaration label.captcha {float: left; width: 230px;}
form.form-declaration #answer { display: inline; float: left; margin-right: 20px; margin-top: 15px;}
form.form-declaration #captchaIMG {display: inline; float: left;}



/* ::::: horaire de bateaux AT ::::: */

.tableWrap2  { border: 1px solid #CCCCCC; float: left; padding-bottom: 5px; width: 100%; margin-bottom:40px; }
.tableWrap2 .tableTop { background-color: #E3E5E4; border-bottom: 0 none; float: left; width:908px;padding-left:10px; padding-right:10px; padding-top: 5px; margin-bottom: 10px;}
.tableWrap2 .tableTop h2 { color: #0080C7; font-family: EnriquetaBold,arial,helvetica,sans-serif; font-size: 16px; margin-bottom: 0px;  margin-top: 5px; text-transform: uppercase; padding-bottom:11px;}
.tableWrap2 table.basic {  border-top: 0 none; margin-left: 5px; margin-right: 5px; margin-top: 12px;   }
 .tableWrap2 table.basic thead th { border-bottom: 1px solid #CCCCCC; height: 30px; border-right: 1px dashed #CCCCCC ;  text-align: center; padding: 5px 8px;}
 .tableWrap2 table.basic thead th.last { border-right: none; }
.tableWrap2 table.basic thead th span {color: #000000;}
.tableWrap2 table.basic tbody tr.odd td, .statisticsBlock .tableWrap table tbody tr.odd th {  }
.tableWrap2 table.basic tbody td, .statisticsBlock .tableWrap table tfoot td { text-align: center; border-right:1px dashed #CCCCCC ;   padding:12px 8px; line-height:15px; }
.tableWrap2 table.basic tbody td.last , .statisticsBlock .tableWrap table tfoot td.last{ border-right: none; }
.tableWrap2 table.basic tbody tr.odd td, .statisticsBlock .tableWrap table tbody tr.odd th { }
.tableWrap2 table.basic td { line-height:40px;}
.even-hover { background:#f7eff0; }
.odd-hover { background:#d6d6d6; }
.tableWrap2  th.thdate {width:70px;}
.tableWrap2  th.tharrival { width:90px;}
.tableWrap2  th.thline{ width:155px;}
.tableWrap2  th.thdeparture{ width:106px;}
.tableWrap2  th.thpassanger{ width:100px;}
.tableWrap2  th.thitnerary{ width:127px;}
.tableWrap2 table.basic thead th.thstatus{ border-right:0px solid #ccc;}

.tableWrap2  th.thdate-fr {width:70px;}
.tableWrap2  th.tharrival-fr { width:100px;}
.tableWrap2  th.thline-fr{ width:143px;}
.tableWrap2  th.thdeparture-fr{ width:119px;}
.tableWrap2  th.thpassanger-fr{ width:104px;}
.tableWrap2  th.thitnerary-fr{ width:141px;}
.tableWrap2 table.basic thead th.thstatus-fr{ border-right:0px solid #ccc;} 
*+html  .tableWrap2  table{ table-layout: fixed; }

  
  
/* --- JOB APPLICATION --- */ 
  
.jobApplication h2 {margin:0;}
.jobApplication h3 {margin:0;}  
.jobApplication .hasDatepicker {margin-right: 5px;}
.jobApplication td {padding: 3px;}
.jobApplication td.short {padding: 0; height:10px;}

.jobApplication input,
.jobApplication select {margin: 0; height: 20px; }

.jobApplication input[type=checkbox],
.jobApplication input[type=radio] {height: 12px; margin-top: 0;}



/* --- STATISTICS PAGE --- */ 

table.statistics .statisticsBlock .tableWrap {
   margin-left: 115px;
  }
  
table.statistics .statisticsBlock #formOptions {
   margin-left: 115px;
  } 



.statisticsBlock {
    clear: left;
    display: block;
    float: left;
    font-family: arial,helvetica,sans-serif;
    margin-left: 15px;
    width: 700px;
  }
  
.statisticsBlock h1 {
    color: #000000;
    font-family: EnriquetaBold,arial,helvetica,sans-serif;
    font-size: 25px;
    margin-bottom: 0px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
  }
  
.statisticsBlock .tableBox {
  float: left;
  margin-top: 20px;
    min-height: 400px;
    width: 100%;
  }
  
.statisticsBlock .bottomBar {
  clear: left;
    float: left;
    height: 50px;
    width: 100%;
  } 
  

.statisticsBlock .bottomBar .backtotop {
    background-image: url("../images/template/backtotop.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    clear: left;
    float: left;
    height: 25px;
    margin-left: 180px;
    margin-top: 25px;
    text-align: center;
    width: 132px;
  }
  .statisticsBlock .bottomBar .backtotop a {
    color: #AB0D1F;
      float: left;
      padding-top: 5px;
      width: 100%;  
    }
    
.statisticsBlock select#currentstatsopts { }
.statisticsBlock select#historiquestatsopts { }   
    


/* ::::: STATISTICS PAGE ::::: */

.statisticsBlock .tableWrap { border: 1px solid #CCCCCC; float: left; padding-bottom: 5px; width: 100%; margin-bottom:40px; } 

.statisticsBlock .tableWrap .tableTop { background-color: #F8F8F8; border-bottom: 0 none; float: left; width:680px!important;padding-left:10px; padding-right:10px; padding-top: 5px; margin-bottom: 10px;}
.statisticsBlock .tableWrap .tableTop h2 { color: #0080C7;  font-size: 16px; margin-bottom: 0px;  margin-top: 5px; text-transform: lowercase; font-family: arial,helvetica,sans-serif; font-weight: bold; }
.statisticsBlock .tableWrap .tableTop h3  { font-size: 14px; margin: 0 0 8px; padding-top: 0; text-transform: lowercase;}
#cumulativeconttrafficsum .tableTop h3 { text-transform: none;}
.statisticsBlock .tableWrap .tableTop h2:first-letter, .statisticsBlock .tableWrap .tableTop h3:first-letter { text-transform: capitalize;}
.statisticsBlock .tableWrap table {  border-top: 0 none; margin-left: 5px; margin-right: 5px; margin-top: 12px;  width:690px; }
.statisticsBlock .tableWrap table thead th { border-bottom: 1px solid #CCCCCC; height: 30px; border-right: 1px dashed #CCCCCC ;  text-align: center; padding: 0 8px; text-transform: lowercase; font-weight: bold;}
.statisticsBlock .tableWrap table thead th:first-letter {text-transform: uppercase; }
.statisticsBlock .tableWrap table thead th.last { border-right: none; }
.statisticsBlock .tableWrap table thead th span { background-image: none; background-position: right center; background-repeat: no-repeat; color: #000000; padding-right: 10px; }
.statisticsBlock .tableWrap table thead .th-col-span { color: #AA0D1E;font-size: 14px;}
.statisticsBlock .tableWrap table thead .th-row-span { color: #000000; text-align: left; padding-left:10px; padding-top: 5px; padding-bottom: 5px; line-height: 16px; }
.statisticsBlock .tableWrap table thead th.th-row-span.last { text-align:center; }
.statisticsBlock .tableWrap table tbody th, .statisticsBlock .tableWrap table tfoot th{  font-size: 14px; border-right: 1px dashed #CCCCCC; color:#AA0D1E; font-weight: normal; text-align: left;  padding-left: 10px; font-weight:bold; padding-top:6px; padding-bottom:6px; text-transform: lowercase;}

.statisticsBlock .tableWrap table tbody th:first-letter, .statisticsBlock .tableWrap table tfoot th:first-letter{ text-transform:uppercase; }

.statisticsBlock .tableWrap table tbody td, .statisticsBlock .tableWrap table tfoot td { text-align: right; border-right:1px dashed #CCCCCC ; padding:0px 8px;padding-top:6px; padding-bottom:6px; white-space: nowrap;}
.statisticsBlock .tableWrap table tbody td.last , .statisticsBlock .tableWrap table tfoot td.last{ border-right: none; }
.statisticsBlock .tableWrap table tbody tr.odd td, .statisticsBlock .tableWrap table tbody tr.odd th { background: #E4E6E5; }

.statisticsBlock .tableWrap table tr.hblue td,.statisticsBlock .tableWrap table tr.hblue th { background:#DAEAF3;}
.statisticsBlock .tableWrap table .dashred { border-right: 1px dashed #AA0D1E; }
.statisticsBlock .tableWrap table tr.total th, tr.total td { background:#daeaf3; color:#363737; font-weight:bold;}
.statisticsBlock .tableWrap table tr.total th {font-family: arial, sans-serif;}
.statisticsBlock .tableWrap table td.vtotal { font-weight:bold;}

.statisticsBlock .tableWrap p.note { color: #98999A; font: normal 11px/13px arial; margin-left: 15px; margin-top: 15px; }
.statisticsBlock .tableWrap sup {font: normal 11px/13px arial; }

.statisticsBlock  .tableWrap table.trafic-annuel { border-bottom: 40px solid #E3E5E4; }
.statisticsBlock  .tableWrap table.trafic-annuel .t1 { background:#E3E5E4;}
.statisticsBlock  .tableWrap table.trafic-annuel .t2 { color:#444444; text-transform: uppercase;}
.statisticsBlock  .tableWrap table.trafic-annuel .t3 { color:#000000; padding-left:40px;}
.statisticsBlock  .tableWrap table.trafic-annuel .total td { background:#DAEAF3;}

.statisticsBlock  .tableWrap table.teu th span {text-transform: none;} 
.statisticsBlock  .tableWrap table.teu th.th-row-span { width:190px; text-transform: none;}
.statisticsBlock  .tableWrap table.teu th.year { width: 89px; }

.even-hover {background:#f7eff0;}
.odd-hover {background:#d6d6d6;}

.stats td h2 {
  font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    margin-bottom: 10px;
    text-transform: none;
    width: 220px;
    }

/*Selects*/
.statisticsBlock  form.stats p { font-weight: bold; margin: 19px 0 0 0; }
.statisticsBlock .jqTransformSelectWrapper { position:relative; height: 28px; background-color:#E3E5E4; border:1px solid  #D9D9D9; margin-bottom:0px; margin:8px 20px 30px 0px ;height: 16px; padding:5px 0px 6px 0px; float: left; }
.statisticsBlock .jqTransformSelectWrapper div span { overflow: hidden; cursor:pointer; padding: 0px 0px 6px 10px;float: none; position: absolute; white-space: nowrap;  overflow: hidden; cursor:pointer; font: 12px tahoma, sans-serif; color:#AB0D1F; font-weight: bold;}
.statisticsBlock .jqTransformSelectWrapper  a.jqTransformSelectOpen { display: block; position: absolute; right: 2px; top:-3px;width: 31px; height: 31px; background: url(../images/select-right2.png) no-repeat center center; }
.statisticsBlock .jqTransformSelectWrapper ul { position: absolute;width: 189px; top: 30px; left: 0px; list-style: none; background-color: #FFF; border: solid 1px #CCC; display: none; margin: 0px; padding: 0px; height: 150px; overflow: auto; overflow-y: auto; z-index:10; }
.statisticsBlock .jqTransformSelectWrapper ul a { display: block; padding: 5px 5px 5px 10px; text-decoration: none; color:#333; background-color: #FFF; font-size: 12px; }
.statisticsBlock .jqTransformSelectWrapper ul a.selected { background: #EDEDED; color: #AB0D1F; }
.statisticsBlock .jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { background:#EDEDED; color: #AB0D1F; }
/* Hidden - used to hide the original form elements */
.statisticsBlock .jqTransformHidden {display: none;}

/* ::::: end STATISTICS PAGE ::::: */


/* --- CHART STATISTICS --- */

#quarterlytraffic_chart1,
#quarterlytraffic_chart2 {
  float: left;
    margin-top: 25px;
  }
    


/*** ANA'S CODE FROM STANDARD STARTS HERE***/

/* beginning Réseau de caméras Internet*/

.camera h2 {color: #0080C7; font-family: Arial,Helvetica,sans-serif; font-size: 15px; font-weight: bold; margin-bottom: 0;}

.camera h3 { 
    float: left;
    font-size: 13px;
    margin-bottom: 0;
    width: 207px;
}


.camera p{font-size: 12px; margin-bottom: 5px;}
.fullpage .articleContent .camera .camera-container  a {color:#5E5E5E;}

.camera .camera-container .hideOverflow {
    border: 7px solid #CCCCCC;
    float: left;
    height: 133px;
    overflow: hidden;
    width: 200px;
    }
.camera .camera-container img {float: left; margin-top: -2px; width: 200px;}
.camera .camera-container {width:203px; float: left; margin-right:34px;}
.camera .camera-container.last { margin-right:0px;}



/* end Réseau de caméras Internet*/

/*-----------------beginning Le port partanaire d'affaires contacts----------------------------*/


.part-container .left { width:430px;  float:left; margin-right:20px; overflow:hidden;}
.part-container .right { width:340px;  float:left; }
.articleContent .part-container p{font-family: arial,helvetica,sans-serif; font-size: 16px;margin-bottom:30px; line-height:18px;}
.part-container strong { display:block; }
.part-container td { width:400px;}
/*-----------------end Le port partanaire d'affaires contacts----------------------------*/

/*-----------------liens utiles----------------------------*/

.articleContent  .liens-utiles h2 { margin-top: 50px; }
.articleContent  .liens-utiles h2.first { margin-top: 0px; }
.articleContent .liens-utiles p a {display:block;}
.fullpage .articleContent .liens-utiles p {width:80%;}

/*-----------------publicaciones--------------------------*/

table.tb-publication {width:100%;}
table.tb-publication td {width:50%; padding:8px; vertical-align: top;}
table.tb-publication td a { padding:0 7px;}
table.tb-publication h2.portinfo { padding-top:30px;}

/*----------------- search results --------------------------*/

.search .articleContent dd {display: block; padding: 0 0 0 40px;  width: 850px;}
.search .articleContent hr { clear: left; width: 920px;}
.search .articleContent .seachresulttitle {float: left; margin-top: 20px; width: 100%;  padding-bottom: 15px;}
.search .articleContent .content {float: left; margin-top: 10px; width: 100%;  margin-bottom: 15px;}


.search .articleContent table input.seachField {
    height: 18px;
    margin-bottom: 5px;
    margin-left: 5px;
    padding-left: 3px;
    width: 144px;
}

.search .articleContent table select.seachBtn {
     height: 20px;
     margin-bottom: 5px;
     margin-left: 5px;
     width: 150px;
} 
  
.search .articleContent table input {margin-left: 5px; }  


/*------------------- Carnet de bord ----------------------*/ 

.separator{
     clear:both;
     width:95%;
     padding: 5px 0;
     border-top: 1px dotted #cccccc;
}

/*----------------- FCK templates styles ------------------*/ 

.img .info_subscribe {margin-top:16px}

.mmcmCtn .info_archives{
    background: url("../images/template/archives.png") no-repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding: 5px 4px 0 2px;
    text-decoration:none;
    width: 100px;
    text-align:center;
}
.mmcmCtn .info_archives:hover{
    background: url("../images/template/archives.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    text-decoration:underline;
}

.mmcmCtn .info_subscribe{
    background: url("../images/template/subscribe.png") no-repeat scroll 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding: 5px 4px 0 2px;
    text-decoration:none;
    width: 100px;
    text-align:center;
}
.mmcmCtn .info_subscribe:hover{
    background: url("../images/template/subscribe.png") no-repeat scroll 0 0;
    color: #FFFFFF;
    text-decoration:underline;
}

.mmcmCtn .btn_issues{
    background: url("../images/template/issues.png") no-repeat 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding: 5px 4px 0 2px;
    text-decoration:none;
    width: 155px;
    /*border-radius: 5px 5px 5px 5px;*/
    text-align:center;
}
.mmcmCtn .btn_issues:hover{
    background: url("../images/template/issues.png") no-repeat 0 0;
    color: #FFFFFF;
    text-decoration:underline;
}

.mmcmCtn .btn_friend {
    background: url("../images/template/friend.png") no-repeat 0 0;
    color: #ffffff !important;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 22px;
    padding: 5px 4px 0 2px;
    text-decoration:none;
    width: 185px;
    /*border-radius: 5px 5px 5px 5px;*/
    text-align:center;
}
.mmcmCtn .btn_friend:hover {
    background: url("../images/template/friend.png") no-repeat 0 0;
    color: #FFFFFF;
    text-decoration:underline;
}

div#printZone.arrivalDeparture tr td { border-bottom: 1px solid #cccccc; }
/*div#printZone.arrivalDeparture table tr:last-child  td{ border: 0;  } */
tr.last td { border-bottom: 0 !important; }

span.nobr {white-space:nowrap;}


/* --- OVERRIDES FOR NEW PORT-INFO --- */

.portinfo .mmcmCtn #portinfo2015 .btn_issues {background-image: none; background-color: #45BFF2;}
.portinfo .mmcmCtn #portinfo2015 .info_subscribe {background-image: none; background-color: #F36422;}
.portinfo .mmcmCtn #portinfo2015 .title a { color: #6d6e71;}

.portinfo .mmcmCtn #portinfo2015 .title a .link,
.portinfo .mmcmCtn #portinfo2015 .title2 a .link {color: #f16221; text-decoration: none;}

.portinfo .mmcmCtn #portinfo2015 .title3 { font-family: EnriquetaBold,arial,helvetica,sans-serif; font-size: 14px; }
.portinfo .mmcmCtn #portinfo2015 .title3 a {color:#6B6C6E; }
.portinfo .mmcmCtn #portinfo2015 .title3 a .link {color: #f16221; text-decoration: none;}

.portinfo #agenda td { vertical-align: middle;}

.portinfo #portinfo2015 .bottom {background-image: none;}



/*END OF DOCUMENT Jul20,2015*/