/********************************************
# GENERAL
*******************************************/
body{
    overflow-x: hidden;
    color: #002639;
}
#icoca{
    overflow-x: hidden;
}
.clear{
    clear:both;
}

a{
    color: #002639;
    text-decoration: none;
}

/********************************************
# Fix IE 10 on Windows Phone 8 Viewport
*******************************************/
@-webkit-viewport{
    width: device-width;
}
@-moz-viewport{
    width: device-width;
}
@-ms-viewport{
    width: device-width;
}
@-o-viewport{
    width: device-width;
}
@viewport{
    width: device-width;
}

/********************************************
# FONTS
# http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
# http://www.google.com/fonts#UsePlace:use/Collection:Noto+Sans
*******************************************/
.open-sans{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 400;
    font-style: normal;
}

.open-sans-semi-bold{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;

}
.open-sans-bold{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
}

.overlay{
    background-color: #000;
    position: fixed;
    z-index: 80;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    opacity: 0;
}


/********************************************
# POPUP
*******************************************/
.white-popup,
.popup-wrapper{
    background-color: #fff;
    width: 80%;
    margin: 0 auto;
    max-width: 880px;
    color:#002639;
}
.white-popup .mfp-close,
.popup-wrapper .mfp-close{
    display:none;
}


.popup-modal .header-closer,
.popup-wrapper .header-closer{
    background-color: #f2f2f2;
    height: 40px;
    line-height: 40px;
    padding-right: 10px;
    text-align: right;

}
.popup-wrapper .header-closer span{
    cursor: pointer;
}
.white-popup .content,
.popup-wrapper .header,
.popup-wrapper .content{
    padding: 20px 50px;
}
.popup-wrapper .header .col-left{
    width: 30%;
    margin-right: 10%;
    float: left;
}
.popup-wrapper .header .col-left .image{
    text-align: center;
}
.popup-wrapper .header .col-left ul{
    margin-top: 20px;
}
.popup-wrapper .header .col-left ul li{
    border-bottom: 1px solid #002639;
    color:#002639;
    padding: 10px 0px;
    position: relative;
    padding-left: 30px;
}
.popup-wrapper .header .col-left ul li span{
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    font-size: 22px;
}
.popup-wrapper .header .col-left ul li .icoca-icons-Arrow{
    left: inherit;
    right: 0;
}
.popup-wrapper .header .col-left .current_certification_stat {
  padding-top: 15px;
}
.popup-wrapper .header .col-left .current_certification_stat .certification-logo {
  padding-right: 10px;
  display: inline-block;
  position: relative;
  top: -2px;
}
.popup-wrapper .header .col-left .current_certification_stat .certification-title-text {
  display: inline-block;
  width: 200px;
}
.popup-wrapper .header .col-left .current_certification_stat .title {
  text-transform: lowercase;
}
.popup-wrapper .header .col-left .current_certification_stat .content-body {
  padding-top: 7px;
}
.popup-wrapper .header .col-left .current_certification_stat .text {
  margin-left: 32px;
  width: 200px;
}
.popup-wrapper .header .col-right{
    float: left;
    width: 60%;
}
.popup-wrapper .header .col-right .title{
    font-size: 22px;
    margin-bottom: 50px;
}
.popup-wrapper .header .col-right .description{
    line-height: 22px;
}

.popup-wrapper .content{
    margin-top: 35px;
}
.popup-wrapper .content .title span.icoca-icons-Arrow{
    display:none;
}
.popup-wrapper .content .col-left{
    width: 50%;
    float: left;
    box-sizing: border-box;
    padding-right: 40px;
    margin-right: 40px;
    border-right: 1px solid #e6e6e6;
}
.popup-wrapper .content .col-left .title{
    color:#006498;
}
.popup-wrapper .content .col-left .text{
    margin: 10px 0px 25px 0px;
    line-height: 22px;
}
.popup-wrapper .content .col-right{
    float: left;
    display: inline-block;
    width: 40%;
}
.popup-wrapper .content .col-right .title{
    color:#006498;
}
.popup-wrapper .content .col-right ul{
    margin: 10px 0px 25px 20px;
}
.popup-wrapper .content .col-right ul li{
    list-style-type: disc;
    margin: 5px 0px;
}
.popup-wrapper .description b, .popup-wrapper .description {
  font-weight: 400;
}
.popup-wrapper .description b, .popup-wrapper .description strong {
  font-weight: 600;
}
.popup-wrapper .description b, .popup-wrapper .description ul {
  list-style: disc;
  padding-left: 20px;
}
.popup-wrapper .description b, .popup-wrapper .description p {
  padding: 10px 0;
}
.popup-wrapper .description b, .popup-wrapper .description h2 {
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0;
}
/********************************************
# ADMIN
*******************************************/
#user-login{
    width: 372px;
    border: 1px solid #d9d9d9;
    padding: 15px 10px;
    margin: 20px auto;
    background-color: #f6f6f6;

}
#user-login .form-item{
    margin-top: 0;
}
#user-login .form-actions{
    margin-bottom: 0;
}
#user-login .form-item *:focus{
    outline: none;
}
#user-login .form-item input[type=text],
#user-login .form-item input[type=password]{
    border:1px solid #ccc;
    padding: 5px 10px;
    width: 350px;
    color:#525252;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#user-login .form-item label{
    color:#006498;
    font-weight: bold;
}
#user-login .form-item .description{
    font-size: 12px;
}
#user-login #edit-submit{
    background-color: #006498;
    padding: 6px 10px;
    border: 0;
    color:#fff;
    font-weight: bold;
}
/********************************************
# HEADER
*******************************************/
#block-global-layout-global-layout-header{
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 144px;
}
/* logo */
#block-global-layout-global-layout-menu .logo{
    display: none;
}
#block-global-layout-global-layout-header .logo{
    margin: 22px 0px 0px 16px;
    display: inline-block;
}
#block-global-layout-global-layout-header .logo a{
    display: block;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    line-height: 98px;
    height: 98px;
    vertical-align: middle;
}
#block-global-layout-global-layout-header .logo .image{
    display: inline-block;
    float: left;
    height: 96px;
}
#block-global-layout-global-layout-header .logo .slogant{
    vertical-align:middle;
    display:inline-block;
    line-height:28px;
    margin-left: 10px;
    width: 220px;
    font-size: 26px;
}
/* liens */
#block-global-layout-global-layout-header .liens{
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 341px;
}
#block-global-layout-global-layout-menu .liens{
    display: inline-block;
}
#block-global-layout-global-layout-menu .liens ul li,
#block-global-layout-global-layout-header .liens ul li{
    display: inline-block;
}
#block-global-layout-global-layout-menu .liens ul li a,
#block-global-layout-global-layout-header .liens ul li a{
    color:#335161;
    text-decoration: none;
    padding-left: 20px;
    display: inline-block;
    display: inline-block;
    line-height: 33px;
    font-size: 14px;
}
/* langues */
#block-global-layout-global-layout-menu .desktop  .langues,
#block-global-layout-global-layout-header .desktop  .langues{
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 186px;
}
#block-global-layout-global-layout-menu  .langues ul li,
#block-global-layout-global-layout-header .langues ul li{
    display: inline-block;
}
#block-global-layout-global-layout-menu .langues ul li a,
#block-global-layout-global-layout-header .langues ul li a{
    text-decoration: none;
    width: 29px;
    height: 29px;
    display: inline-block;
    line-height: 29px;
    vertical-align: middle;
    border:2px solid #ccd4d7;
    color:#7f929c;
    text-align: center;
    transition : border 500ms ease-out;
    -webkit-transition : border 500ms ease-out;
    -moz-transition : border 500ms ease-out;
    -o-transition : border 500ms ease-out;
    font-size: 14px;
}
#block-global-layout-global-layout-menu .langues ul li a:hover,
#block-global-layout-global-layout-menu .langues ul li.active a,
#block-global-layout-global-layout-header .langues ul li a:hover,
#block-global-layout-global-layout-header .langues ul li.active a{
    border:2px solid #002639;
    color:#002639;
}

#block-global-layout-global-layout-menu .mobile .langues ul li a{
    border:2px solid #80939c;
    color:#80939c;
    margin: 20px 20px 0px 0px;
}

#block-global-layout-global-layout-menu .mobile .langues ul li a:hover,
#block-global-layout-global-layout-menu .mobile  .langues ul li.active a{
    border:2px solid #fff;
    color:#fff;
}


/* reseaux */
#block-global-layout-global-layout-menu .reseaux,
#block-global-layout-global-layout-header .reseaux{
    display: inline-block;
    position: absolute;
    top: 17px;
    right: 17px;
}
#block-global-layout-global-layout-menu .reseaux ul li,
#block-global-layout-global-layout-header .reseaux ul li{
    display: inline-block;
}
#block-global-layout-global-layout-menu .reseaux ul li a,
#block-global-layout-global-layout-header .reseaux ul li a{
    display: inline-block;
    background-color: #e6e6e6;
    padding: 8px 8px 8px 9px;
    font-size: 16px;
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
}
#block-global-layout-global-layout-menu .reseaux ul li a:hover,
#block-global-layout-global-layout-header .reseaux ul li a:hover{
    background-color: #002639;
}

#block-global-layout-global-layout-menu .reseaux ul li a:hover span:before,
#block-global-layout-global-layout-header .reseaux ul li a:hover span:before{
    color:#e6e6e6;
}
/* search form */
#block-global-layout-global-layout-menu .recherche,
#block-global-layout-global-layout-header .recherche{
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 68px;
}
#block-global-layout-global-layout-menu .recherche{
    top: 19px;
    right: 370px;
}
#block-global-layout-global-layout-menu .recherche .form-text,
#block-global-layout-global-layout-header .recherche .form-text{
    width: 232px;
    height: 15px;
    background-color: #e6e6e6;
    padding: 9px 0 9px 14px;
    border: 0;
    margin: 0;
    float:left;
}
.recherche .form-text:focus {
    outline: none;
}
#block-global-layout-global-layout-menu .recherche .form-submit,
#block-global-layout-global-layout-header .recherche .form-submit{
    padding: 0;
    border: 0;
    margin: 0;
    background-color: #80929c;
    width: 33px;
    height: 33px;
    display:none;
    float:left;
}
#block-global-layout-global-layout-menu .recherche form .icoca-icons-MagnifyingGlass,
#block-global-layout-global-layout-header .recherche form  .icoca-icons-MagnifyingGlass{
    border: 0;
    margin: 0;
    background-color: #80929c;
    font-size: 12px;
    padding: 10px 11px 11px 10px;
    color: #fff;
    float: left;
    cursor:pointer;
}
#block-global-layout-global-layout-menu .recherche form .icoca-icons-MagnifyingGlass:hover,
#block-global-layout-global-layout-header .recherche form  .icoca-icons-MagnifyingGlass:hover{
    background-color: #6a7d87;
}

/********************************************
# MENU
*******************************************/
#block-global-layout-global-layout-menu{
    height: 56px;
    background-color: #002639;
    color:#fff;
    width: 100%;
}
#block-global-layout-global-layout-menu .hide_scroll{
    display: none;
}
#block-global-layout-global-layout-menu .logo{
    position: absolute;
    left: -50px;
    top: 4px;
}

#block-global-layout-global-layout-menu .burger-icon{
    width: 53px;
    height: 53px;
    position: absolute;
    cursor: pointer;
    right: 0px;
    text-align: center;
}
#block-global-layout-global-layout-menu .burger-icon span{
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 32px;
    margin-top: -16px;
    margin-left: -16px;
}
#block-global-layout-global-layout-menu .desktop .burger-icon.close{
    background-color: #fff;
}
#block-global-layout-global-layout-menu .desktop .burger-icon.close span{
    transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg); /* IE 9 */
   -webkit-transform: rotate3d(0, 0, 1, 90deg); /* Opera, Chrome, and Safari */
    color: #002639;
}
#block-global-layout-global-layout-menu .desktop .wrapper-burger-content{
    position: fixed;
    height: 73px;
    left: 0;
    width: 100%;
    top: 53px;
    display: none;
    overflow: hidden;
}
#block-global-layout-global-layout-menu .desktop .burger-content{
    background-image: url(../img/fond-menu.png);
    background-repeat: repeat-x;
    position: absolute;
    left: 0;
    width: 100%;
    top: -73px;
    background-position: center bottom;
    color:#002639;
    display: block;
    overflow: hidden;
}
#block-global-layout-global-layout-menu .burger-content .content{
    max-width: 960px;
    padding: 20px;
    margin: 0 auto;
}
#block-global-layout-global-layout-menu .content{
    max-width: 960px;
    margin: 0 auto;
    position: relative;
}
#block-global-layout-global-layout-menu .content .desktop .menu{
    position: absolute;
    z-index: 151;
    height: 53px;
}
#block-global-layout-global-layout-menu .content .barre_active{
    background-color: #006498;
    height: 8px;
    position: absolute;
    z-index: 150;
    margin-top: 48px;
    opacity: 0;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li > a{
    height: 53px;
    line-height: 53px;
    vertical-align: middle;
    text-transform: uppercase;
    color:#fff;
    text-decoration: none;
    display: block;
    padding: 0px 14px;
    font-size: 14px;
    text-align: center;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li > a > span{
    vertical-align: middle;
    display: inline-block;
    line-height: normal;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li{
    display: inline-block;
    /*width: 12%;*/
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail{

    display: inline-block;
    width: 500px;
    position: absolute;
    top:80px;
    padding-top: 10px;
    display: none;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content{
    background-color: rgba(0,38,57,0.9);
    color:#fff;
    padding: 30px;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content a{
    color: #fff;
    padding: 10px 0px;
    display: block;
    font-size: 14px;
    line-height: 16px;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content a:hover{
    color: #4d6774;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content ul > li{
    display: inline-block;
    width: 50%;
    float: left;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content ul > li > ul > li a{
    font-weight: normal;
}

#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content ul > li > ul > li{
    width: 100%;
    border-bottom: 1px solid #4d6774;
    position: relative;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .detail-content ul > li > ul > li span{
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li .detail .arrow{
    width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid rgba(0,38,57,0.9);
}

/* MENU 460 ID */

#block-global-layout-global-layout-menu .content .desktop .menu > li.menu_550 .detail{
    width: 960px;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li.menu_550 .detail .detail-content >  ul > li{
    width: 150px;
     float: left;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li.menu_550 .detail .detail-content > ul > li:nth-child(-n+3){
     margin-right: 50px;
      width: 200px;
}
#block-global-layout-global-layout-menu .content .desktop .menu > li.menu_550 .detail .detail-content > ul > li:nth-child(-n+3) > a{
    height: 50px;
}


/********************************************
# FOOTER
*******************************************/
.region.region-footer{
    background: #002639;
    color:#fff;
    border-top: 1px solid #dfe4e6;
    padding-top:28px;
    padding-bottom: 28px;
    font-family: 'Open Sans', sans-serif !important;
}

.region.region-footer #block-global-layout-global-layout-footer{
    max-width: 960px;
    margin: auto;
    height: 100%;
}

.region.region-footer #block-global-layout-global-layout-footer .title{
    font-size : 16px;
    font-weight : 700;
    margin-bottom : 30px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left{
    float:left;
    /*width:277px;*/
    margin: 0 120px 0 38px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left .first{
    line-height: 10px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left .first li{
    font-size : 14px;
    font-weight : 700;
    margin-bottom : 13px;
    line-height: 18px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left .second{
    margin-top : 37px;
    line-height: 10px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left .second li{
    font-size : 16px;
    font-weight : 400;
    margin-bottom : 13px;
    color : #b2bdc3;
}

.region.region-footer #block-global-layout-global-layout-footer .col-left .second li a{
    font-size : 16px;
    font-weight : 400;
    color : #b2bdc3;
    border-bottom : 1px solid white;
}

.region.region-footer #block-global-layout-global-layout-footer .col-right{
    float:left;
}

.region.region-footer #block-global-layout-global-layout-footer .col-right .helper {
    font-size : 16px;
    font-weight : 400;
    margin-top : 57px;
    margin-bottom : 20px;
}

.region.region-footer #block-global-layout-global-layout-footer .col-right span{
    font-size : 16px;
    font-weight : 400;
    margin-top : 32px;
    float : left;
}

.region.region-footer #block-global-layout-global-layout-footer .col-right .follow li span{
    font-size : 16px;
        margin-left : 30px;
        color : #fff;

}

.region.region-footer #block-global-layout-global-layout-footer{

}

.form-newsletter input[type=text]{
    width: 225px;
    height: 12px;
    background-color: #fff;
    padding:  9px 0 11px 14px;
    border: 0;
    margin: 0;
    color: #b2bec4;
    float:left;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.form-newsletter .form-item-mail{
    float:left;
    margin:0;
}
.form-newsletter input[type=submit]{
    padding: 0;
    border: 0;
    margin: 0;
    background-color: #006498;
    width: 32px;
    height: 32px;
    color:#fff;
    float: left;
    cursor:pointer;
    -webkit-appearance:none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}



#block-global-layout-global-layout-menu .mobile{
    display: none;
}

/********************************************
# NEWS AND EVENTS
*******************************************/
.news_and_events{
    color:#006498;
}
.home-news-events .news_and_events .container a{
    color:#006498;
    display: block;
}

.news_and_events .container{
    color:#006498;
    /*padding:39px 53px 21px 29px;*/
    margin: 0;
    line-height: 70px;
    height: 70px;
    padding: 10px 10px 10px 50px;
    position: relative;
}
.news_and_events .container .icoca-icons-News,
.news_and_events .container .icoca-icons-Calendar{
    display: inline-block;
    position: absolute;
    left: 0px;
    /* left: 7px; */
    top: 16px;
    /* margin-top: -22px; */
    font-size: 32px;
}

.page-news_and_events .boutons_load_content{
    text-align: center;
    padding: 20px 0px;
}
.page-news_and_events .boutons_load_content a{
    display: inline-block;
    padding: 10px 20px;
    background-color: #006498;
    color: #fff;
}
.news_and_events .container .text{
    vertical-align:middle;
    display:inline-block;
    line-height:normal;
}
.news_and_events .icoca-icons-Arrow{
    position:absolute;
    right: 0;
    top: 50%;
    right: -8px;
    margin-top: -15px;
    font-size: 32px;
}
.news_and_events .col-6{
    border-bottom:1px solid #006498;
}
.page-news-and-events .news_and_events .container .titre,
.page-news .news_and_events .container .titre,
.page-events .news_and_events .container .titre{
    padding-left: 50px;
    padding: 20px 0px 20px 50px;
    text-transform: uppercase;
}
.page-news-and-events .news_and_events .container .text,
.page-news .news_and_events .container .text,
.page-events .news_and_events .container .text{
    vertical-align:middle;
    display:block;
    line-height:normal;
    background-color: #f2f2f2;
    border:1px solid #e5e5e5;
    padding: 20px;
    color:#002639;
}
.page-news-and-events .news_and_events .container,
.page-news .news_and_events .container,
.page-events .news_and_events .container{
    height: auto;
    line-height:initial;
    border: 0;
    padding: 0;
    margin-top: 30px;
}
/*.page-news-and-events .news_and_events .container .icoca-icons-News,
.page-news-and-events .news_and_events .container .icoca-icons-Calendar
.page-news .news_and_events .container .icoca-icons-News,
.page-news .news_and_events .container .icoca-icons-Calendar,
.page-events .news_and_events .container .icoca-icons-News,
.page-events .news_and_events .container .icoca-icons-Calendar{
    top: 35px;
}*/
.page-news-and-events .news_and_events .col-6,
.page-news .news_and_events .col-6,
.page-events .news_and_events .col-6{
    border: 0;
}

.page-news-and-events .news_and_events .container .gallery .image,
.page-news .news_and_events .container .gallery .image,
.page-events .news_and_events .container .gallery .image{
    display: inline-block;
}
.page-news-and-events .news_and_events .container .gallery .image img,
.page-news .news_and_events .container .gallery .image img,
.page-events .news_and_events .container .gallery .image img {
    display: block;
}


.mfp-container .mfp-preloader{
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 700;
}

.popup-wrapper .header .col-right .certification-wrapper {
  padding-top: 20px;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-title {
  cursor: pointer;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-title:hover {
  text-decoration: underline;
}

.hidden {
  display: none !important;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-footnotes-cta {
  font-size: 14px;
  padding: 20px 0 0 0;
  cursor: pointer;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-opener {
  padding-left: 7px;
  font-size: 13px;
  top: -2px;
  position: relative;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-footnotes-cta:hover {
  text-decoration: underline;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-footnotes-cta .fa {
  padding-right: 7px;
}
.popup-wrapper .header .col-right .certification-wrapper .certification-footnotes-cta .fa-chevron-down, .popup-wrapper .header .col-right .certification-wrapper .certification-footnotes-cta .fa-chevron-up {
  font-size: 10px;
}