/* ----------------------------- DEV Oct12,2017 DEV ------------------------- */

/*ADMINISTRATION DE PILOTAGE DES LAURENTIDES 2015 - NPlaJuarez - DEV January20,2015*/

/*************************************************/
/********* IMPORTANT IMPORTANT IMPORTANT *********/
/******* THIS IS A MOBILE FIRST STYLESHEET *******/
/*************************************************/

/* -----------------------------------*/
/* ---->>> MASTER ELEMENTS <<<--------*/
/* -----------------------------------*/

/*---------------------------------------------------------*/
/* FONTS ARE TYPEKIT - remove this later*/

@font-face {
    font-family: 'Novecento';
    src: url('../fonts/Novecentowide-DemiBold-webfont.eot');
    src:  url('../fonts/Novecentowide-DemiBold-webfont.eot?#iefix') format('embedded-opentype'),
          url('../fonts/Novecentowide-DemiBold-webfont.ttf') format('truetype');    
    font-weight: normal;
    font-style: normal;
}

/* ---- INDEX ----
1. Master elements
2. Homepage
-------------- */

/* -----------------------------------*/
/* ---->>> MASTER ELEMENTS <<<--------*/

html{height:100%;position: relative;}
body {padding-top:0px;font-family:"source-sans-pro";font-size:16px;height: 100%;position: relative;}
a { color:#0a3659; }
.margin{margin-top: 20px;}
h1 { font-weight:600; font-size:38px; color: #113959;text-transform: uppercase;} 
h2 { font-family:Novecento; color: #20609e;text-transform: uppercase; font-size:22px; margin-top:20px; margin-bottom: 20px;}
h3 { text-transform: uppercase; font-size:18px;}
h4 { font-weight:600; font-size:22px;color:#fff;}
p {font-size:16px;color:#676a6c;font-family: 'Source Sans Pro', sans-serif;line-height:22px;}

th {
    background-color: #747474;
    color: #fff;
}


.close-menu, div#sidemenu[data-role="sidemenu"]{left:-230px;}

.navbar {border: none;min-height: 40px;margin-bottom:0px;}
.navbar #help{ text-indent: -99999px;background-image:url("../img/help.png"); width: 35px; height: 35px; background-repeat: no-repeat;  margin-top: 2px; margin-left: 10px;float: right;}
.navbar-inverse {background-color: #f8f8f8;border-color:transparent;}
.navbar-inverse .navbar-nav a:hover, .navbar-inverse .navbar-nav a:focus{color:#073F75;}
#access {margin-top:9px;display:block;float: right;/*width:188px;*/}
#canada-logo {padding-top: 1px;display: block;margin: auto;}
#session {background: none repeat scroll 0 0 #073e76;height: 40px;padding: 10px 21px;margin:auto;margin-top: 0px;margin-bottom:0px;width: 192px;display:block; position: relative;}
body.fr #session{width:215px;}
#session:hover {background:#3E99B5;}
#session a {color:#fff;}
.glyphicon-user:before {margin-left: 6px;}
#logo-adpl {display: block;height: 82px;margin:10px auto;}
#logo-session{background-image: url("../img/logo-session.png");width:23px; height: 23px; float: right;  margin-left: 10px;  position: absolute;  right: 14px; top: 9px;}
.jumbotron { background-color: transparent;}
.jumbotron h1 {text-transform: uppercase;}
.container .jumbotron, .container-fluid .jumbotron {padding-left: 0;}
.wrapper-top{  background: #e8ebec;}
#mainContent{ padding-top: 20px; padding-bottom: 20px; min-height: 400px;}
#main-menu a#menu-desktop{ min-width: initial;padding: 13px 20px;}
#main-menu a.dropdown-toggle{ text-align: center;}
.breadcrumbs, .breadcrumbs a{color: #20609e;	font-family: 'Source Sans Pro', sans-serif;	font-size: 16px;}
.breadcrumbs .arrow{	font-weight: bold;	margin-left: 5px; margin-right: 5px;}
#top-section{float: right;}
#top-section #access{margin-right: 10px; float: left;   font-size: 14px; color: #636363;}
#top-section #session .label-session{float: left;text-decoration:underline;}
#top-section #session .label-session{float: left; }
h3.popover-title{text-align: center;  padding: 9px 14px 7px 14px;}
.popover.bottom>.arrow:after{border-bottom-color: #f7f7f7;}
.popover.bottom{padding-top:0px;}
.popover-content a{font-size: 12px;  font-family: "source-sans-pro", sans-serif;color: #0a3659;}

/* ---->>> LEFT SIDE TOGGLE MENU <<<----*/
#sidemenu{ background-color: #043462;   border-right: 1px solid #fff; overflow: auto;}
#sidemenu #logo-side-menu{ width: 89px; margin: 0 auto; display: block;  }
#sidemenu .panel-group .panel{  border-radius: 0;border:0;margin-bottom:0px;}
#sidemenu  .panel-default>.panel-heading{    background-color: #043462;   font-family: source-sans-pro, sans-serif;font-size: 14px;}
#sidemenu  .panel-default>.panel-heading{padding:0;}
#sidemenu  div.panel-title{ font-weight: normal; font-size:14px;}
#sidemenu li.list-group-item{background-color: #20609e;color: #fff; border-radius: 0; padding: 20px;}
#sidemenu li.list-group-item a{ padding: 0;  font-size: 14px;color: #fff; }
#sidemenu li.list-group-item:hover{background-color: #3d7fbf;}
#sidemenu .panel-group{ margin-bottom: 0px;}
[data-role="sidemenu"]{overflow: auto; width: 230px;}
[data-role="sidemenu"] a{color: #fff;padding: 20px 20px 20px 9px; text-transform: uppercase;}
[data-role="sidemenu"] ul li.home-label a{color: #749EC5; text-transform: none; font-weight:bold;}
[data-role="sidemenu"] li{border-bottom:1px solid #fff;}
[data-role="sidemenu"] li:first-of-type{ color: #306aa2;font-size: 26px; padding: 20px 20px 20px 9px;  display: block; }

#footer-mobile-menu {margin-top: 20px; margin: 0 auto;}
#footer-mobile-menu a{text-transform: none; font-size: 10px; color: #fff; text-decoration: underline; text-align: center;}
#footer-mobile-menu img{display: block; margin: 0 auto; clear: both; margin-bottom: 8px; opacity: 0.5;}

[data-role="sidemenu"] li.openSession a{ color: #749EC5; font-weight:bold;text-transform : none;}

#sidemenu [aria-expanded="false"] .caret { background-image: url("../img/arrow-down-sidemenu.png"); width: 19px; height: 10px; border: 0; margin-left: 6px;float: right;}
#sidemenu [aria-expanded="true"] .caret { background-image: url("../img/arrow-up-sidemenu.png"); width: 19px; height: 10px; border: 0; margin-left: 6px;float: right;}
.close-menu{ top: 0px; position: fixed; z-index:10;}
.menu-is-opened.close-menu{ padding: 0; position: fixed; left: 230px; top: 0px;}
a.switch-lang{position: absolute; right: 13px;top: 21px;font-family: "source-sans-pro", sans-serif;font-size:14px; color: #fff; padding: 8px; border: 1px solid #fff;}

.wrapper-top{margin-top: 10px; padding-top: 0px; background: #f8f8f8;}
#mainContent h1{ background-color: #20609E;color: #fff; text-transform: uppercase; font-size: 22px; height: auto; padding-bottom: 18px; padding: 10px 15px; margin-bottom: 30px; float: left;}
#mainContent h2{ color: #5188bd; text-transform: uppercase; font-size: 18px; height: auto; padding: 0;}
#mainContent h3{ color: #676a6c; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-size: 18px; height: auto; padding: 0; margin-top: 20px; margin-bottom: 20px; font-weight: 700;}
#mainContent h4{ color: #20609e; font-size: 18px; height: auto; padding: 0; margin-bottom: 0px; margin-top: 15px;}
#mainContent p{  font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #676a6c;}
#mainContent ul li,#mainContent ol li {  font-family: 'Source Sans Pro', sans-serif; font-size: 18px; color: #676a6c;}


/* ---->>> SEARCH PAGE <<<----*/
.notice-search{	font-family: 'Source Sans Pro', sans-serif; font-size: 14px; font-weight: 400;   font-style: italic; color: #676a6c;}
#mainContent label{ color:#676a6c; font-size: 16px; ;font-family: 'Source Sans Pro', sans-serif;text-align:left; }
#mainContent .form-group{ float: left; margin-top: 0;margin-bottom: 10px;}
#mainContent .form-group > div{ padding:0;}
#mainContent h2.alternate{ margin-bottom: 0px; }
#mainContent h3.alternate{color: #20609e; }
#search-btn{background: url("../img/search-btn.png") no-repeat; width: 219px; height: 62px;  border:0;   float: left;  margin: 0 auto;  display: block; }
#search-btn:hover{background: url("../img/search-btn.png") no-repeat;}
form .sort-filter{ float: left;}

/* ---->>> SEARCH RESULTS <<<----*/
.wrapper-bottom{ padding-top : 20px;}
.wrapper-bottom  a.title{ text-transform: uppercase;color: #20609e; text-decoration: underline;font-family: 'Source Sans Pro', sans-serif; margin-bottom:10px;font-weight: bold; font-size: 16px;}
.wrapper-bottom  .results{ margin-bottom : 30px; margin-top : 30px;}
.wrapper-bottom  .results .stars{ text-decoration: none;  display: inline-block; margin-left: 10px;}
.wrapper-bottom  .results p{ margin-bottom:0px;}
.wrapper-bottom  .results .link-page{ font-style: italic; color: #337ab7;   word-wrap: break-word;}
.wrapper-bottom  .results .link-page h3{ text-transform: none; font-size: 16px; margin: 0;font-style: italic; color: #337ab7;   word-wrap: break-word; margin: 2px 0px 0px 0px;}
.wrapper-bottom  .results code{ color: #676a6c; background-color: #F8F8F8; }

/* ---->>> CONTACT PAGE <<<----*/
.wrapper.contact-template{ background: url("../img/background-contact.png") no-repeat;  min-height: 100%;  width: 100%;  height: auto;  position: relative;  background-size: cover;  background-position: top center;}
.wrapper.contact-template  { padding: 10px;}
.wrapper.contact-template #mainContent{padding:20px;}
.wrapper.contact-template #mainContent h2.alternate{ margin-bottom: 20px;}
.wrapper.contact-template  h3{ color: #20609e;}
.wrapper.contact-template #mainContent h2{  color: #20609e;  text-transform: uppercase;  font-family: 'Source Sans Pro', sans-serif;  font-size: 18px;  height: auto;  padding: 0;  margin-top: 20px;
  margin-bottom: 20px;  font-weight: 700;}

.wrapper.contact-template .box{   padding: 25px 10px 10px 10px;}
.wrapper.contact-template .box span{ display: block;font-size: 14px; color: #113959; font-weight: bold;  }
.wrapper #top-section h2{  color: #20609e;  text-transform: uppercase;  font-family: 'Source Sans Pro', sans-serif;  font-size: 18px;  height: auto;  padding: 0;  margin-top: 20px;  margin-bottom: 20px;  font-weight: 700;}

/* ---->>> FORM CONTACT PAGE <<<----*/
.wrapper.contact-template #contact-form{ margin-top: 20px; margin-bottom:30px; float: left;}
.wrapper.contact-template #contact-form h3{margin-bottom: 10px; }
.wrapper.contact-template #contact-form h3.alternate{cursor: pointer;}
.wrapper.contact-template #contact-form h3:after{ content:""; background: url("../img/square_icon_plus.png") no-repeat;   width: 42px;  height: 42px;  position: absolute;  bottom: 0;  margin-left: 50px;  top: 8px;cursor:pointer;}
.wrapper.contact-template #contact-form h3.expand:after{ content:""; background: url("../img/square_icon_minus.png") no-repeat;   width: 42px;  height: 42px;  position: absolute;  bottom: 0;  margin-left: 50px;  top: 8px;cursor:pointer;z-index: 1;}


.wrapper.contact-template #contact-form form{  padding-top: 40px;  background-color: rgba(255, 255, 255, 0.4);  padding-bottom: 40px; display: none;}
.wrapper.contact-template #contact-form form label{ color:#20609e; font-size: 14px; }
.wrapper.contact-template #contact-form form #submit-btn{ background: url("../img/submit-btn.png") no-repeat; width: 219px; height: 62px;  border:0;   float: left;  margin: 0 auto;  display: block; margin-top: 20px; }
.wrapper.contact-template #contact-form form #submit-btn{background: url("../img/submit-btn.png") no-repeat; text-indent:-999999px;}
body.en .wrapper.contact-template #contact-form form #submit-btn{background: url("../img/submit-btn-en.png") no-repeat; text-indent:-999999px;}
.form-control-width select,.form-control-width textarea{ width: 50%; }
.form-control-width select{margin-bottom: 10px;}
.form-control-width label[for="file"], .form-control-width input[type="file"]{margin-top:10px;}

.bootstrap-filestyle input {margin-top:10px;}

#captchaIMG{background:#fff;margin-bottom:10px;}
/* ---->>> MARINE TRAFFIC PAGE <<<----*/

iframe#marinetraffic { margin: 0 auto; display: block; width: 75%; min-height: 450px; border: 5px solid #fff; margin-bottom:40px; }

.map-link{text-align:center;}
.map-link:after{text-align:center;content:""; background: url("../img/icon-link.png") no-repeat;   width: 28px;  height: 28px;  position: absolute;  bottom: 0;  margin-left: 10px;  top: 13px;;}

/* ---->>> TEMPLATE TEXT <<<----*/
#mainContent.template-text h1{margin-bottom: 10px;}
#mainContent.template-text{padding-bottom: 40px;}

/* ---->>> NAV TOP mobile <<<----*/
#links-top {font-size: 15px;margin: auto; width: 326px;}
.separator {padding-top:10px;}
.nav > li a {border:none;}
.nav > li > a:hover, .nav > li > a:focus{ background:transparent;border:none;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {  -moz-border-bottom-colors: none;  -moz-border-left-colors: none;  -moz-border-right-colors: none;  -moz-border-top-colors: none;  border-width: 0;  border:none;  background-color: transparent;}
.nav-tabs {border-bottom: none;}
#help {display:block;}

/* ---->>> Search bar  <<<----*/
.has-feedback {width: 248px;margin:20px auto auto;}
.banner-home .form-control {border-radius: 12px;color: #504f50;font-size: 14px;}
.glyphicon-search {color:#626879;}

/* ---->>> FLEXNAV mobile and tablet <<<----*/<
.navbar-toggle {float: left; margin-left: 15px;}
.navbar-default .navbar-nav > li > a {color: #fff;text-transform:uppercase;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background: #20609E;color:#fff;}
.navbar-default .navbar-toggle:hover , .navbar-default .navbar-toggle:focus {background:#3E99B5;}
#main-menu  {background-color: #073f75;margin-top:30px;width:100%;}
#main-menu .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus {background-color: #20609e;color: #fff;}
.navbar-default .navbar-toggle {border-color: #32608C;color: #fff;height: 58px;border-radius: 0;}
.navbar-default .navbar-toggle .icon-bar { background-color:  #fff; margin: 0 0 4px 4px; padding-bottom: 3px; width: 30px;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #20609E;color: #fff;}

/* ---->>> PANNELS HOMEPAGE <<<----*/
#boxes{padding-top:10px;background:#e8ebec;}
.boxes-wrap .col-md-6  {padding-left:9px;padding-right:9px;}
#boxes h2{text-align:center; font-size: 18px;padding-top: 16px;}
#boxes p {text-align:left;}
.panel {border-radius: 0;}
.panel-primary {border: 0px;}
.panel-primary > .panel-heading {background-color: #fff; background-image: url("../img/bg-boxes.png");background-repeat: repeat;color: #20609e;text-transform: uppercase; font-size:22px; height: auto;padding-bottom:18px;}
.panel-heading {border-bottom: 0px;border-top-left-radius: 0px; border-top-right-radius: 0px;}
.icons-boxes {height: 66px;left: -5px;position: relative;top: 28px;}
.panel-body {padding: 15px 20px;min-height: 114px;}
.panel-body a {color:#3e99b5;}
.panel-body a:hover{color:#0a3659;text-decoration:none; }
#boxes ul {list-style: none; padding: 0;}
#boxes li:before {position: relative; top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 0 8px; content: "\e080"; color:#3e99b5; font-size:10px;}

#home .banner-home .btn-success {margin-left: 0;}
#home .banner-home .jumbotron h1 {text-align:left;}

/* ---->>> BUTTONS <<<----*/  
.btn-lg, .btn-group-lg > .btn {border-radius: 0;}
.btn-success {background-color: transparent;border: 2px solid #fff;color: #fff;display:block;margin: auto;width:200px;text-transform:uppercase;font-weight:700;}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {background-color: rgba(255, 255, 255, 0.6);border:2px solid #fff; color:#073F75;}
.btn-box-comm {background-image: url("../img/btn-box.png");background-repeat:no-repeat;width:275px;height:71px;position:relative;top:-20px;padding-top:4px;}
.btn-box-comm a{color:#fff;font-size:16px;display: block; margin: auto;padding-top: 2px;width: 210px;}
.btn-box-comm .glyphicon {font-size:12px;}
.btn-box-lois {background-image: url("../img/btn-box.png");background-repeat:no-repeat;width:275px;height:71px;position:relative;top:-20px;padding-top:4px;/*left:-9px;*/}
.btn-box-lois a{color:#fff;font-size:16px;display: block; margin: auto;padding-top: 2px;width: 250px;}
.btn-box-lois .glyphicon {font-size:12px;}
.btn-box-outils {background-image: url("../img/btn-box.png");background-repeat:no-repeat;width:275px;height:71px;position:relative;top:-20px;padding-top:4px;}
.btn-box-outils a{color:#fff;font-size:16px;display: block; margin: auto;padding-top: 5px;width: 136px;}
.btn-box-outils .glyphicon {font-size:12px;}
.btn-box-securite {background-image: url("../img/btn-box.png");background-repeat:no-repeat;width:275px;height:71px;position:relative;top:-20px;padding-top:4px;}
.btn-box-securite a{color:#fff;font-size:16px;display: block; margin: auto;padding-top: 5px;width: 170px;}
.btn-box-securite .glyphicon {font-size:12px;}
.btn-info {  background-color: #2978c5;border-color: #2978c5;color: #fff; display: block;height: 40px;margin: 24px auto auto;width: 150px;    font-size: 16px;font-weight: bold;}

/* ---->>> FOOTER mobile <<<----*/
footer{background-image: url("../img/bg-footer.png");background-repeat: repeat;padding-top:30px;}
footer h4 {text-align:center;margin-bottom:40px;}
footer a {color:#fff;font-size:20px;font-weight:600;}
footer p {color:#fff; margin-bottom: 0px;}
footer .form-control {border-radius: 0;margin-top:20px;} 
.icons-social{margin-bottom:20px;}
.socialmedia a {padding-top:20px;}
.bottom-footer{background:#ECF0F1;margin-top:40px;}
.links-bottom {margin-top:10px;margin-bottom:10px;}
.links-bottom ul{margin:auto;padding: 0px;list-style-type: none;text-align: center;}
.links-bottom ul li { display: inline; color:#0a3659;font-size:14px;}
.links-bottom ul li a {color: #0a3659;font-size: 14px;font-weight: normal;padding: 0.2em 1em;text-decoration:none;}
.links-bottom ul li a:hover{color: #2978c5;}


/* ---->>> Page Top Notifications <<<----*/
.topNotificationBar{position:relative;background:#ae2030;color:#fff;width:100%;display:block;padding:10px;}
.topNotificationBar p, 
.topNotificationBar a,
.topNotificationBar li,
.topNotificationBar h1,
.topNotificationBar h2,
.topNotificationBar h3,
.topNotificationBar h4,
.topNotificationBar h5,
.topNotificationBar h6 {color:#fff;}
.topNotificationBar .notiWrap {display:table;padding:0;margin:0 auto;}
.topNotificationBar .notiWrapInner {display:table-row;}
.topNotificationBar .notiText {display:table-cell; padding-top:10px; paddign-left:10px;vertical-align:middle;}
.topNotificationBar .notiClose {display:table-cell; padding-left:8px;}
.topNotificationBar a {text-decoration:underline;}
/* -----------------------------------*/
/* -------->>> CARROUSEL <<<-----------*/
/* -----------------------------------*/

#carrousel {padding-bottom:80px;}
#carrousel h1, #carrousel h3{text-align:center;}
#carrousel h3{  font-weight: 600;  font-size: 38px;  color: #113959;  text-transform: uppercase;   font-family: source-sans-pro, sans-serif;}
/* jssor slider arrow navigator skin 13 css */
/*
  .jssora13l              (normal)
  .jssora13r              (normal)
  .jssora13l:hover        (normal mouseover)
  .jssora13r:hover        (normal mouseover)
  .jssora13ldn            (mousedown)
  .jssora13rdn            (mousedown)
*/
.jssora13l, .jssora13r, .jssora13ldn, .jssora13rdn { position: absolute;cursor: pointer;display: block;background: url(../img/a13.png) no-repeat;overflow: hidden;}
.jssora13l {background-position: -10px -35px; }
.jssora13r {background-position: -70px -35px;}
.jssora13l:hover {background-position: -130px -35px;}
.jssora13r:hover {background-position: -190px -35px;}
.jssora13ldn {background-position: -250px -35px;}
.jssora13rdn {background-position: -310px -35px;}
#slider1_container{position: relative; top: 0px; left: -16px; width: 800px;height: 300px; overflow: hidden;margin:auto;}


#slider1_container{position: relative; top: 0px; left: -16px; width: 800px;height: 300px; overflow: hidden;margin:auto;}


.slick-prev {
	background-position: -10px -35px;
	background: url(../img/a13.png) no-repeat;
	width: 55px;
	height: 100px;     
	left: 5px;
}
.slick-next[aria-label="next"] {
	background: transparent url("../img/a13.png") no-repeat scroll -60px 0px;
	width: 55px;
	height: 100px;     
	right: 5px;           
}                              
.slick-next, .slick-prev{
	top: 50%;
	margin-top:-50px;
}
.slick-prev:hover {
	background: transparent url("../img/a13.png") no-repeat scroll -240px 0px;
}
.slick-next:hover {
	background: transparent url("../img/a13.png") no-repeat scroll -185px 0px;
}                              
.slick-prev:before, .slick-next:before{
	content: "";
}
.slick-slide img {
  margin-top: 25px;
}
.slick-center img {
  /*transform: scale(1.30);*/
  transform: scale(1.20, 1.4);
}
.slick-track {
  height: 350px;
}

.slick-slider {
	/*height: 300px;*/
    margin-bottom: 0;
    margin-top: 25px;
}
#sidemenu{overflow: hidden;}


/* -----------------------------------*/
/* -------->>> NEWS <<<-----------*/
/* -----------------------------------*/
.newsList .newsItem .newsTitle h2 {margin:0;}


/* -----------------------------------*/
/* -------->>> 2 COLUMNS TEMPLATE <<<-----------*/
/* -----------------------------------*/
.twocolumn-template{width: 100%; max-width: 1170px; float: left;}
.twocolumn-template .leftcolumn, .twocolumn-template .rightcolumn{ width: 45%; float: left;     padding: 10px;}
.twocolumn-template .leftcolumn img, .twocolumn-template .rightcolumn img{ width: 100%; max-width:400px; display: block; float: none; margin: 0 auto;}
.twocolumn-template .column-text{margin: 0 auto; width: 100%; display: block;max-width: 400px; padding-bottom:10px;}
.twocolumn-template h3{text-align: center;}



/* -----------------------------------*/
/* -------->>> STAFF TEMPLATE <<<-----------*/
/* -----------------------------------*/
.direction .member img {
    padding: 0;
    min-height: 190px;
    min-width: 190px;
    float: left;
    margin-bottom: 15px;
	border: 1px solid #ccc;
}
.direction{
	width: 100%;
	max-width: 990px;
	margin: 0 auto;
}
.direction img {
    max-width: 100%;
}
.direction .member {
    margin-bottom: 15px;
    padding-bottom: 15px;
    width: 190px;
    float: left;
    margin: 0 28px;
}
img.direction-image{clear: both; display: block; margin: 0 auto; width: 100% !important; height : auto !important;}
#mainContent .direction-membres .column-text p{text-align: justify; font-size:16px;}

/* -----------------------------------*/
/* -------->>> BANNIERE DE CONTENU <<<-----------*/
/* -----------------------------------*/
.banniere{ width: 100% !important; display: block; margin-bottom:25px; height: auto !important;}
.aveccadre {padding:3px; border:2px solid #679acb; background-color:#F9F9F9;}

table.two-cols-table{ width: 100%;}
table.two-cols-table .left-cell{padding-right: 15px;}
table.two-cols-table .left-cell, table.two-cols-table .right-cell{vertical-align: top;}
table.two-cols-table .right-cell, table.two-cols-table .left-cell{ width: 50%;}
table.two-cols-table .right-cell img{width: 100%;}

/* -----------------------------------*/
/* -------->>> TABLEAUX <<<-----------*/
/* -----------------------------------*/
div.table-responsive .section{
	clear: left;
}
div.table-responsive table.table th{
	background-color:#4181C0;
	text-align: center;
}
div.table-responsive table.table tr td{
	text-align: center;
	border: 1px solid #ddd;
}
div.table-responsive table.table{
	border: 1px solid #F1F1F1;
	background-color: #fff;
}
div.table-responsive table.table>thead>tr>th{
	border-bottom: 1px solid #ddd;
}
div.table-responsive, div.table-responsive table {width: 100% !important;max-width:100% !important;}


/* -----------------------------------*/
/* -------->>> IMAGE DE BACKGROUND  <<<-----------*/
/* -----------------------------------*/
.background{
    background: url("../img/background-contact.png") no-repeat;  min-height: 100%;  width: 100%;  height: auto;  position: relative;  background-size: cover;  background-position: top center;
	    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

/* -----------------------------------*/
/* -------->>> POUR RENDRE LES IMAGES RESPONSIVE  <<<-----------*/
/* -----------------------------------*/
img.responsive{width: 100% !important; height: auto !important;}

div.table-responsive table{overflow-x: auto;overflow-y: auto;}
div.table-responsive table::-webkit-scrollbar {
    width:9px;
}

div.table-responsive table::-webkit-scrollbar-track {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.1);
}

div.table-responsive table::-webkit-scrollbar-thumb {
    -webkit-border-radius:5px;
    border-radius:5px;
    background:rgba(0,0,0,0.2);
}

div.table-responsive table::-webkit-scrollbar-thumb:hover {
    background:rgba(0,0,0,0.4);
}

div.table-responsive table::-webkit-scrollbar-thumb:window-inactive {
    background:rgba(0,0,0,0.05);
}


table.videos{ width: 100%; }
table.videos td{width: 30%; margin-right: 20px; float: left;}
table.videos td iframe{width: 100%; border:0;}
table.videos td p{font-size:10px;}
 

 
 
 
/* -----------------------------------*/
/* -------->>> POUR AJOUTER LA FONCTIONNALIT� DE SHOW/HIDE SUR LES TITRES H2  <<<-----------*/
/* -----------------------------------*/
h2.toggle:after{
    content: "";
    background: url("../img/square_icon_plus.png") no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 0;
    margin-left: 20px;
    top: -10px;
    cursor: pointer;
}
h2.toggle{position: relative; cursor: pointer;}
.toggle-content{display: none;}
h2.toggle.open:after{ 
    content: "";
    background: url("../img/square_icon_minus.png") no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    bottom: 0;
    margin-left: 20px;
    top: -10px;
    cursor: pointer;
}


/* ADPL12 #2974 */
h3.newsCategoryName{text-transform:none;font-size: 18px; color: #3e99b5;margin-bottom: 0px;margin-top:15px;}
h3.newsCategoryName:first-child {margin-top: 4px;}
h3.newsCategoryName:before{position: relative; top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;
    line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;padding: 0px 22px 0px 0px;content: "\e080"; color: #3e99b5;font-size: 10px;}
.btn-box-comm .glyphicon{margin-left: 5px;}
#NewsFilter a{display: block;background: #20609e;color: #fff;margin-right: 0px;margin-bottom: 10px;border-radius: 0;text-transform: uppercase;font-weight: bold;font-size: 14px;border: 0;
    border: 3px solid #20609e;line-height: 14px;} 
#NewsFilter a:hover,#NewsFilter a.active {background:#fff ;color: #20609e;}
#NewsFilter a.active{box-shadow:none;-webkit-box-shadow:none;}
#NewsList{margin-top:10px; min-height: 300px;}
#NewsList .newsItem{margin-bottom:25px;}
#NewsList .newsItem+br{display:none;}
#NewsList .newsItem .newsdate, #NewsList .newsItem .newsTitle h2{font-size:14px;}
#boxes p {margin-bottom:0;}
#boxes .panel-body.newsBox{padding-left:40px; padding-right:40px;}
#boxes .panel-body p.homeNewsDate{color: #20609e;}
#boxes .panel-body p{color:#3e99b5;}
#carrousel h3{color:#20609e;}

/* Image assemblée publique */

.imgMeeting {
	width: 100%;
    margin-bottom: 20px;
}


/* ----------------------------------*/
/* ------>>> MEDIA QUERIES <<<-------*/
/* ---- Ordered by Mobile First -----*/

@media (max-width: 990px) {  
    .navbar-header {
        float: none;
    }
    .navbar-toggle {display: block;margin: 8px 19px 8px 11px;float:left; background-color: #073F75; border-radius: 0;padding: 9px 6px; margin-left: 0;}
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
		padding-left:0px;
		padding-right: 0px;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing { overflow: hidden!important;}
	#links-top{margin-top:40px; float: right;}
	#sidemenu {
	  overflow: scroll;
	}
	table.two-cols-table .right-cell, table.two-cols-table .left-cell {
		width: 100%;
		display: block;
	}
	
	.banner-internal #links-top{display: none;}
	.banner-internal form{ margin-top:5px;} 
	.banner-internal #main-menu{background-color: transparent; width: 91px; display: none;}
	.banner-internal .navbar-default .navbar-toggle{background-color: #073f75;}
	.banner-internal .navbar-header{ float: left;}
	#home .banner-internal .btn-success{ float: none; margin: 0 auto; }
	.banner-internal #logo-adpl{margin-top:10px; float: right;}
	.navbar-toggle{ display: block; background-color: #073F75; border-radius: 0;padding: 9px 6px; margin-left: 0;}
	
	/* -----------------------------------*/
	/* -------->>> PAGE METEO <<<-----------*/
	/* -----------------------------------*/
	div.meteo-page table td{
		display: block;
		float: left;
		width:50%;
	}
	
	body#simple iframe{ width: 100%;}
	
	table.videos td{width: 100%; margin-right:0px; margin-bottom: 15px;}
	
}

/*++++++++++++++++++++++++++++*/
/* Phone Portrait ----------- */
@media (max-width: 320px) {
	.navbar-toggle {float: left; margin-left: 15px;}
	.jumbotron h1 { color:#676a6c;text-transform: uppercase; font-size:18px;margin-bottom:28px;font-weight:600;}
	.direction { width: 100%;    max-width: 250px;    clear: both;    margin: 0 auto;}
	
}  /*MQ ends*/
@media (max-width: 380px) {
	#mainContent #contact-form h3.alternate:after{margin-left: 50px; top: 0;}
	.direction { width: 100%;    max-width: 250px;    clear: both;    margin: 0 auto;}
	#sidemenu {
	  overflow: scroll;
	}
	div.table-responsive, div.table-responsive table{background-color: #fff;}
	.wrapper.contact-template #contact-form {width: 100%;}
}  /*MQ ends*/

/*++++++++++++++++++++++++++++*/
/* Phone Portrait ----------- */
@media (max-width: 480px) {
	#carrousel h1 {font-size: 30px;}
	.btn-box-lois, .btn-box-comm, .btn-box-securite, .btn-box-outils{float: right !important;}
	.container.boxes-wrap{padding-left: 0px; padding-right: 10px;}
	.marine-template iframe{ width: 100%; }
	#carrousel h3{font-size:18px;}
	.direction { width: 100%;    max-width: 250px;    clear: both;    margin: 0 auto;}
	
    .navbar-toggle{margin-left:0px; margin-right:10px; padding: 9px 0px;}
    header .banner-home #logo-adpl, header .banner-internal #logo-adpl{ height: auto; width: 70%; float: right; max-width: 240px;}
    header .banner-home{  background-position: 75% 0px; height: auto; height: 100vh;}
    .container .jumbotron{ position: relative; bottom: 0; right: 0; left: 0; margin-top: 50px;}
	.wrapper.contact-template #contact-form {width: 100%;}
	footer #coordonnees{margin-top: 25px;}
	footer h4{margin-bottom: 25px;}
}  /*MQ ends*/




/*++++++++++++++++++++++++++++*/
/* Phone Landscape ---------- */
@media (max-width: 767px) {
	.navbar-toggle {float: left; margin-left: 15px;}
	.jumbotron h1 { color: #fff;text-transform: uppercase; font-size:18px;margin-bottom:28px;font-weight:600;margin-top:-6px;text-align:left;line-height:30px;font-weight:700;}
	body {padding-top:0px;font-family:"source-sans-pro", sans-serif;font-size:16px;}
	.banner-home{margin-top: 0px;width:100%; background: url("../img/banner-homepage-mob.jpg");margin-top:-20px;background-color: #fff;}
	#access { /*font-size: 14px;*/ margin-bottom: 0px;float: none; text-align: center;}
	#session { /*font-size: 14px;*/}
	#links-top{margin-top:20px !important;}
	#links-top{float: none; margin: 0 auto;}
	#mainContent .form-group > div{  padding-right: 15px;  padding-left: 15px;}
	.form-control-width select, .form-control-width textarea{width: 100%;}
	.map-link:after{ top: -8px;}
	#logo-adpl{margin-top: 25px;}
	#mainContent .form-group.sort-filter{ padding-left:0px; padding-right:0px;}
	#mainContent .form-group{float: none;}
	#sidemenu {
	  overflow: scroll;
	}
	/*.slick-next, .slick-prev{
		margin-top:0px;
	}*/
      .twocolumn-template .leftcolumn, .twocolumn-template .rightcolumn{ width:100%;}
      .direction { width: 500px;    clear: both;    margin: 0 auto;}
      html:lang(en) #main-menu a { min-width:110px;}

	/* -----------------------------------*/
	/* -------->>> PAGE METEO <<<-----------*/
	/* -----------------------------------*/
	div.meteo-page table td{
		display: block;
		float: left;
		width:100%;
		margin: 0 auto;
	}
	div.meteo-page table td iframe{
		display: block;
		margin: 0 auto;
	}
	
	.table-responsive{overflow-x:scroll;}
	
	
} /*MQ ends*/


@media (max-width: 767px){
	.banner-home, .banner-internal{ margin-top: 0px;}
}


/*++++++++++++++++++++++++++++*/
/* IPAD ---------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
#sidemenu {
  overflow: scroll;
}
.direction { width: 500px;    clear: both;    margin: 0 auto;}

}


/*++++++++++++++++++++++++++++*/
/* Tablet Portrait ---------- */
@media (min-width: 767px) {

	body {padding-top:0px;font-family:"source-sans-pro", sans-serif;font-size:16px;}
	p {font-size:18px;color:#676a6c;}
	footer p {font-size:15px;}
	h3 {margin-top:40px;margin-bottom:20px;}
	.navbar-inverse .container{width:782px}
	#canada-logo {float:left;}
	#access {margin-top:7px;float:right;/*margin-right:10px;width: 208px;*/}
	#menu-desktop{display:none;}
	#session {float: left; margin-top: 0px; margin-bottom:0px;}
	.form-group {margin-bottom: 34px;margin-top: 0px;float:right;}
	.banner-home{width:100%;height:720px; background: url("../img/banner-homepage3.jpg");margin-top:0px;}
	#logo-adpl{margin-top:20px;height:90px;float:left;}
	#links-top {margin-top:30px;float:right;width:328px}
	#links-top a {padding: 10px 16px;}
	#main-menu {margin-top: 14px;width: 100%;}
	.boxes-wrap .col-md-6  {padding-left:15px;padding-right:15px;}
	.icons-boxes {left: -5px;top: 36px;height:88px;}
	.jumbotron h1 { color: #fff;text-transform: uppercase; font-size:18px;margin-bottom:28px;font-weight:600;}
	#boxes h2{text-align:center; font-size: 20px;padding-top: 5px;}
	#boxes a {font-size: 18px;}
	#boxes p {text-align:justify;font-size:20px;}
	.jumbotron{margin-left:30px;}
	#boxes li:before {padding: 0 22px;}
	.btn-box-lois {/*left:-15px;*/}
	.btn-box-comm a { width: 240px; text-align: center;}
	.btn-box-lois a { width: 250px; text-align: center;}
	.btn-box-outils a { width: 136px; text-align: center;}
	.btn-box-securite a { width: 170px; text-align: center;}
	#carrousel .container {}
	#sep-footer2{display:block;margin:80px auto auto;}
	#sep-footer1{display:block;margin:80px auto auto;}
	footer #coordonnees p{ margin-bottom: 0px;}
	footer #coordonnees p a:hover, footer #coordonnees p a{color: #fff;font-size: 18px; } 
	.icons-social {margin-bottom: 6px;width: 52px;}
	#slider1_container{position: relative; top: 0px; left: -22px; width: 800px;height: 300px; overflow: hidden;margin:auto;}
	
	/* ADPL12 #2974 */
	h3.newsCategoryName{font-size: 18px; color: #3e99b5;}
	.panel-body .col-md-9 p{width: 100%;text-overflow: ellipsis;display: block; overflow: hidden;white-space: nowrap;}
	.panel-body p{font-size:18px;}
	#boxes p { font-size: 18px;}
	#NewsFilter a{display:inline-block;margin-right:10px;}
	#NewsFilter a:last-child{margin-right:0px;}
	
} /*MQ ends*/

/*++++++++++++++++++++++++++++*/
/* Desktop Standard --------- */

@media (min-width: 980px)  {
	header .col-md-8.col-sm-6.col-xs-12 { padding-right: 0; }
	header .col-md-3.col-sm-5.col-xs-12 { padding-left: 5px; }
	#links-top { margin-bottom: 42px;margin-top:10px;width: 280px;}
	#logo-adpl{margin-top:10px;height:110px;}
	.form-group {margin-top: -30px;}
	.banner-home .container {width: 950px;padding-left:0;padding-right:0;}
	.navbar-inverse .container{width:980px;}
	.navbar-inverse{margin-bottom:0px;}
	.panel-body {padding: 15px 20px;min-height: 184px;}
	#access{margin: 10px auto 0px auto; float: right;color: #073f75;}
	#menu-desktop{width:88px;border-color: transparent;color: #fff;height: 70px; padding: 9px 10px;background:#073f75;display:block;float: left; display: inline-block;border-right: 3px solid #fff;}
	.banner-home{margin-top:0;background-position:center;}
	#main-menu  {background-color: #073f75;height:70px;margin:auto;display:block;}
	#main-menu a {color: #fff;font-size: 12px;min-width: 128px;padding-bottom: 25px;padding-top: 25px; text-align: left;text-transform: uppercase;}
	#main-menu .dropdown-menu { background: none repeat scroll 0 0 #073f75;border-bottom: 0px solid #fff;border-top: 2px solid #fff;font-size: 18px;padding: 0; z-index:9999;}
	#main-menu .navbar-collapse {padding-left: 0;padding-right: 0;}
	#main-menu .navbar-nav  > li {border-right: 3px solid #fff;}
	.navbar-default .navbar-nav > li > a{	padding-left: 4px;	padding-right: 4px;}
	.navbar-default .navbar-nav > li.dropdown.active > a{background-color:#20609e; }
	#exception-menu {  border-right: none!important;}
	#main-menu .dropdown-menu > li > a { padding: 14px 20px 14px 12px; text-transform:none;}
	#main-menu .dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus {background-color: #3d7fbf;}
	.dropdown-menu .divider {margin: 0; height: 2px;}
	.jumbotron {background-color: transparent;margin-bottom: 44px;;width: 700px;}
	.jumbotron h1 {color: #fff;font-size: 20px;font-weight: 700;line-height: 30px;margin-bottom: 28px;text-align: left;text-transform: uppercase;}
	.container .jumbotron, .container-fluid .jumbotron {padding-left: 0;}
	#boxes{height: auto;}
	#boxes h2{text-align:center; font-size: 18px;padding-top:10px;}
	#slider1_container{position: relative; top: 0px; left: 0px; width: 800px;height: 300px; overflow: hidden;margin:auto;}
	footer .form-control {height:45px;margin:20px auto auto;} 
	footer p {font-size: 16px;}
	.links-bottom ul li a {font-size: 16px;}
	.links-bottom ul li {font-size:16px;}
	#main-menu a { padding-left: 14px; padding-right: 14px; min-width:0;}
	html:lang(en) body #main-menu a{ padding-left: 20px; padding-right: 24px; }
	html:lang(en) body #main-menu  #exception-menu{float: left;}
	 #exception-menu a{padding-left: 15px;padding-right: 10px;}
	html:lang(en) body #main-menu  #exception-menu a{padding-left: 15px;padding-right: 5px;}
	html:lang(en) body #main-menu .dropdown-menu > li#exception-menu > a, body #main-menu .dropdown-menu > li#exception-menu > a{ float: left; text-align:left;}
	body #main-menu .dropdown-menu > li.dropdown > a, body #main-menu .dropdown-menu > li.divider{ float: left; text-align:left;    width: 100%;}
} /*MQ ends*/

/*++++++++++++++++++++++++++++*/
/* Exception for banner on home page */
@media (max-width: 990px){
     .banner-home{
	     width: 100%;
	     background: url("../img/banner-homepage-mob.jpg");
	     background-color: #fff;
	     background-repeat: no-repeat;
	     background-size: cover;
	     background-position: 75% 0px;
	     background-repeat: no-repeat;
     }
     .banner-home #links-top{display: none;}
     .banner-home form{ margin-top:5px;} 
     .banner-home #main-menu{background-color: transparent; width: 91px; display: none;}
     .banner-home .navbar-default .navbar-toggle{background-color: #073f75;}
     .banner-home .navbar-header{ float: left;}
     .jumbotron h4{ font-size: 18px; line-height: 18px; text-align: center; text-shadow: 1px 1px #000;}
     #home .banner-home .btn-success{ float: none; margin: 0 auto; }
     .banner-home #logo-adpl{margin-top:10px; float: right;}
     .navbar-toggle{ display: block; background-color: #073F75; border-radius: 0;padding: 9px 6px; margin-left: 0;}
}


/* Normal Desktop Exceptions  */
@media (min-width: 991px)  and (max-width:1199px)  { 
		/*#access {margin-right: 56px!important;}*/
		#main-menu .dropdown-menu > li > a {padding-left: 8px; z-index:9999;}
             
		
} /*MQ ends*/
@media (min-width: 980px)  and (max-width:999px)  { 
	ul.nav.navbar-nav{display: none;}
} /*MQ ends*/



@media (min-width: 992px)  and (max-width:1199px)  { 
		/*#access {margin-right: 56px!important;}*/
		#main-menu .dropdown-menu > li > a {padding-left: 8px;}
        .direction{ width: 750px;}
		div.meteo-page table td{width: 33%; float: left;	}
	.navbar-toggle.navbar-toggle-mobile{display: none !important;}
}

/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1200px) {
	footer p {font-size:16px;font-weight:normal;text-align:justify;}
	.navbar-nav{width:1052px;}
	.navbar-inverse .container{width:1210px;}
	.banner-home .container {width:1170px;padding-left:15px;padding-right:15px;}
	#main-menu {margin:auto;}
	#main-menu a {font-size: 16px;  padding-left: 16px; padding-right: 17px;}
	html:lang(en) body #main-menu a{padding-left: 23px; padding-right: 26px; }
	html:lang(en) body #main-menu  #exception-menu{float: left;}
	html:lang(en) body #main-menu  #exception-menu a{padding-left: 20px;padding-right: 5px;}
	#boxes{height:890px;}
	#boxes h2{text-align:center; font-size: 22px;padding-top: 5px;}
	#coordonnees p {width:300px}
	#exception-menu {  float: left;}
	#exception-menu  a{     padding-left: 5px;    padding-right: 5px;    float: right;    text-align: right;    min-width: 50px;}
	body #main-menu .dropdown-menu > li.dropdown > a, body #main-menu .dropdown-menu > li.divider{ float: left; text-align:left;    width: 100%; z-index: 9999;}
	.navbar-toggle.navbar-toggle-mobile{display: none !important;}
	
	
	
} /*MQ closes*/

/*++++++++++++++++++++++++++++*/
/* Desktop Wide ------------- */
@media (min-width: 1600px) {
	footer p {font-size:16px;font-weight:normal;text-align:justify;}
	#main-menu {margin:auto;display:block;}
} /*MQ closes*/

/*++++++++++++++++++++++++++++*/
/* Desktop Ultra Wide ------------- */
@media (min-width: 2000px) {
	.banner-home{ background-size: cover;}
} /*MQ closes*/



/*++++++++++++++++++++++++++++*/
/* Override for Corporate Video button ------------- */

/*2017-10-12 corporate video button on home*/
 @media (max-width:481px) {
 .banner-home .jumbotron {
   margin-top:20px;
 }
}
@media (min-width:991px) {
.banner-home .jumbotron {
  position:relative;
  width:auto;
}

.btnVideoCorpo{
  position:absolute;
  margin-top:-62px;
  margin-right:30px;
  right: 0;
}
}