@font-face {
  font-family: 'AkziGroMed';
  src: url('../fonts/AkzidenzGroteskBQ-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/AkzidenzGroteskBQ-Medium.woff') format('woff'), url('../fonts/AkzidenzGroteskBQ-Medium.ttf')  format('truetype'), url('../fonts/AkzidenzGroteskBQ-Medium.svg#AkzidenzGroteskBQ-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AkziGro';
  src: url('../fonts/AkzidenzGroteskBQ-Reg.eot?#iefix') format('embedded-opentype'),  url('../fonts/AkzidenzGroteskBQ-Reg.woff') format('woff'), url('../fonts/AkzidenzGroteskBQ-Reg.ttf')  format('truetype'), url('../fonts/AkzidenzGroteskBQ-Reg.svg#AkzidenzGroteskBQ-Reg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkziGroLight';
  src: url('../fonts/AkzidenzGroteskBQ-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/AkzidenzGroteskBQ-Light.woff') format('woff'), url('../fonts/AkzidenzGroteskBQ-Light.ttf')  format('truetype'), url('../fonts/AkzidenzGroteskBQ-Light.svg#AkzidenzGroteskBQ-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AkziGroBold';
  src: url('../fonts/AkzidenzGrotesk-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/AkzidenzGrotesk-Bold.woff') format('woff'), url('../fonts/AkzidenzGrotesk-Bold.ttf')  format('truetype'), url('../fonts/AkzidenzGrotesk-Bold.svg#AkzidenzGrotesk-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}


body{font-family: Arial, Helvetica, sans-serif; position: relative;}


a:hover,a:focus{ text-decoration: none;}

.container{
  padding-right: 10px;
  padding-left: 10px;
  /*width: 1080px !important;*/
}
.row{ margin-left: -10px; margin-right: -10px;}
.main{ padding: 40px 0px; }
.main.loader{ background: url( "../img/ajax-loader.gif" ) no-repeat bottom center;}

.wrap-bloc{ padding: 0px 10px; margin: 20px 0px 0px 0px;}
.external:before{ position: absolute; top: 15px; left: 15px; content: " "; z-index: 9999; display: inline-block; margin-right: 5px; width: 18px; height: 18px; background: url( "../img/picto/ico-external-link.png" ) no-repeat top left;}
.alaune.external:before, .external:hover:before{ background-position: left bottom;}




.bloc{ height: 350px; background-color:#dcdfe1; padding: 0px; position: relative; padding-top: 1px; border: 3px solid #dcdfe1;}
.bloc .content{ margin:10px 20px 0px 20px; height: 293px; position: relative;}
.bloc .info-links{ margin:0px 20px; height: 43px; padding-top: 0px; line-height: 40px; border-top: 1px solid #a3a7a9; font-size: 12px; color: #696d71; position: relative; z-index: 100;}
.bloc .info-links .views{ position: absolute; right: 0px; font-size: 12px; font-family: arial; color: #9ea2a4; }
.bloc .info-links.multiple-line{ line-height: 17px; padding-top: 3px; height: 40px;  }
.bloc .info-links a{ color: #696d71; }
.bloc .info-links a .glyphicon{ font-size: 10px;}
.bloc .info-links a:hover{ text-decoration: none;}
.bloc .bottom-align{ display: block; width: 100%; position: absolute; bottom: 0px;}
.bloc .title{ line-height: 20px;  font-weight: 400; color: #919497;}
.bloc .title a, .bloc .title span.namecontact{ font-family: 'AkziGroMed'; color: #919497; font-size: 19px; line-height: 20px; font-weight: 400;}
.bloc .title .date-title{ font-family: 'AkziGro'; font-size: 16px;}
.bloc .title a:hover{ text-decoration: none;}
.bloc .desc a, .bloc .desc span.postecontact{ font-family: 'AkziGroMed'; font-size: 19px; line-height: 23px; color: #292A2B; 



}
.bloc .desc span.postecontact{     display: block;
    width: 202px;
    max-height: 70px;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis; }
.bloc .desc a{text-decoration: none;}
.bloc .project{  line-height: 48px; height: 48px; text-align: right; font-size: 14px; color: #cbddf7; display: none;}
.bloc .project .labelp{ width: 70%;  display: inline-block; vertical-align: middle; line-height: 17px;}
.bloc .project .picto{ text-align: center; width: 48px; display: inline-block; float: right; margin-left: 5px;}

.staff .desc a{ line-height: 18px;}

.loadervideo{ min-height: 645px; background: #dcdfe1 ;  font-family: 'AkziGro'; font-size: 16px; color: #292A2B;}
.loadervideo .sep{ border-left: 1px solid #a3a7a9; padding: 0px 60px;  margin: 20px 0px; }
.loadervideo  .descvideo{ margin: 20px 0px; padding-left: 20px; padding-right: 60px; }
.loadervideo h3{ font-family: 'AkziGroMed'; font-size: 16px; color: #919497; margin-top: 0px;}
.loadervideo  .descvideo a{ font-size: 14px; color: #696d71; font-family: arial; }
.loadervideo  .descvideo a .glyphicon{ font-size: 10px;}
.videoitem .loader{ display: none;}
.videoitem.loading .loader{ margin: -3px; position: absolute; z-index: 9999; background: rgba(220, 223, 225, 0.85) url( "../img/video-loader-transparent.gif" ) no-repeat center 195px; text-align: center; padding-top: 140px; width: 250px; height: 350px; font-family: 'AkziGroMed'; font-size: 16px; color: #292A2B; display: block; top: 0px; left: 0px; }



.col-xs-6 .bloc .title{ line-height: 29px;}
.col-xs-6 .bloc .title a{ font-family: 'AkziGroMed';  font-size: 29px; line-height: 29px; }
.col-xs-6 .bloc .desc a{font-size: 29px; line-height: 30px; }
.col-xs-6 .bloc .title .date-title{font-size: 23px;}

.bloc:hover{ background-color:#4793e9; border-color:#4793e9;    }
.bloc:hover .project{color: #cbddf7; display: block; }
.bloc:hover .info-links{color: #eaf1fc; border-color: #91bef2;}
.bloc:hover .info-links a{ color: #eaf1fc;}
.bloc:hover .title a, .bloc:hover .title span.namecontact{color: #c3d8f6;}
.bloc:hover .desc a, .bloc:hover .desc span.postecontact{color: #fff; }
.bloc:hover .desc span.postecontact{display: block; overflow: visible; width: auto; height: auto; max-height: none; }
.bloc:hover .views{ color: #fff;}


.wrap-bloc .publication { background-color:#84a3b7; border: 3px solid #84a3b7;}
.wrap-bloc .publication .title a{ color: #d3dde4;}
.wrap-bloc .publication .desc a{ color: #fff;}
.wrap-bloc .publication .project{ color: #d3dde4;}
.wrap-bloc .publication .info-links{border-top: 1px solid #bbccd7; color: #eff3f5; }
.wrap-bloc .publication .info-links a{ color: #eff3f5; }
.wrap-bloc .publication:hover{ background-color:#4793e9; border-color:#4793e9;    }
.wrap-bloc .publication:hover .project{color: #cbddf7; display: block; }
.wrap-bloc .publication:hover .info-links{color: #eaf1fc; border-color: #91bef2;}
.wrap-bloc .publication:hover .info-links a{ color: #eaf1fc;}
.wrap-bloc .publication:hover .title a{color: #c3d8f6;}
.wrap-bloc .publication:hover .desc a{color: #fff;}



.wrap-bloc .newsbloc { background-color:#0eb3fe; border: 3px solid #0eb3fe;}
.wrap-bloc .newsbloc .title a{ color: #fff;}
.wrap-bloc .newsbloc .desc a{ color: #fff;}
.wrap-bloc .newsbloc .project{ color: #fff;}
.wrap-bloc .newsbloc .info-links{border-top: 1px solid #fff; color: #fff; }
.wrap-bloc .newsbloc .info-links a{ color: #fff; }
.wrap-bloc .newsbloc:hover{ background-color:#4793e9; border-color:#4793e9;    }
.wrap-bloc .newsbloc:hover .project{color: #cbddf7; display: block; }
.wrap-bloc .newsbloc:hover .info-links{color: #eaf1fc; border-color: #91bef2;}
.wrap-bloc .newsbloc:hover .info-links a{ color: #eaf1fc;}
.wrap-bloc .newsbloc:hover .title a{color: #c3d8f6;}
.wrap-bloc .newsbloc:hover .desc a{color: #fff;}


.wrap-bloc .verticale { background-color:#e5a600; border: 3px solid #e5a600;}
.wrap-bloc .verticale .title a{ color: #f5deb8;}
.wrap-bloc .verticale .desc a{ color: #fff;}
.wrap-bloc .verticale .project{ color: #f5deb8;}
.wrap-bloc .verticale .info-links{border-top: 1px solid #f3d78c; color: #f8ead2; }
.wrap-bloc .verticale .info-links a{ color: #f8ead2; }
.wrap-bloc .verticale .info-links .views{ color: #f8ead2;}
.wrap-bloc .verticale:hover .info-links .views{ color: #f8ead2;}
.wrap-bloc .verticale:hover{ background-color:#f0b007; border-color:#f0b007;     }



.wrap-bloc .alaune { background-color:#4793e9; border: 3px solid #4793e9;}
.wrap-bloc .alaune .title a{ color: #c3d8f6; }
.wrap-bloc .alaune .desc a{ color: #fff; }
.wrap-bloc .alaune .info-links{border-top: 1px solid #91bef2; color: #eaf1fc; }
.wrap-bloc .alaune .info-links a{ color: #eaf1fc; }
.wrap-bloc .alaune:hover{ background-color:#fff; border-color:#4793e9;     }
.wrap-bloc .alaune:hover .title a{ color: #a1c3f2;}
.wrap-bloc .alaune:hover .info-links{ color: #6da6ec; }
.wrap-bloc .alaune:hover .info-links a{ color: #6da6ec; }
.wrap-bloc .alaune:hover .desc a{ color: #4793e9; }

.wrap-bloc .col-xs-6 .alaune .title a{ color: #c3d8f6; font-size: 30px; }
.wrap-bloc .col-xs-6 .alaune .desc a{ color: #fff; font-size: 29px;}



.wrap-bloc .agenda { background-color:#4793e9; border: 3px solid #4793e9; height: 720px;}
.wrap-bloc .agenda .event{ height: 450px;}
.wrap-bloc .agenda .title{ margin-top: 10px;}
.wrap-bloc .agenda .title a{ color: #c3d8f6;}
.wrap-bloc .agenda .subtitle{ margin-top: 15px;}
.wrap-bloc .agenda .subtitle a{ color: #c3d8f6; font-size: 17px;}
.wrap-bloc .agenda .desc a{ color: #fff;}
.wrap-bloc .agenda .desc-event a{ font-family: 'AkziGro'; color: #fff; font-size: 15px; line-height: 15px;}
.wrap-bloc .agenda .project{ color: #f5deb8;}
.wrap-bloc .agenda .info-links{border-top: 1px solid #91bef2; color: #fff; }
.wrap-bloc .agenda .info-links a{ color: #fff; }
.wrap-bloc .agenda .content{ height:664px; }
.wrap-bloc .agenda .day-agenda{ font-family: 'AkziGroMed'; font-size: 160px; line-height: 140px; color: #fff; }
.wrap-bloc .agenda .month-agenda{ font-family: 'AkziGroMed'; font-size: 19px; color: #fff; padding: 0px; margin-right: 10px;}
.wrap-bloc .agenda .year-agenda{ font-family: 'AkziGroMed'; font-size: 19px; color: #fff;padding: 0px; margin-left: -10px;}
.wrap-bloc .agenda .month-agenda span, .wrap-bloc .agenda .year-agenda span{ border-top: 1px solid #91bef2; display: block; }
.wrap-bloc .agenda .month-agenda span{ margin-right: 5px; padding: 8px 5px;}
.wrap-bloc .agenda .year-agenda span{ margin-left: 5px; padding: 8px 5px;}
.wrap-bloc .agenda:hover{ background-color:#fff; border-color:#4793e9;     }
.wrap-bloc .agenda:hover .info-links{border-top: 1px solid #b5d4f6; color: #6da6ec; }
.wrap-bloc .agenda:hover .info-links a{ color: #6da6ec; }
.wrap-bloc .agenda:hover .day-agenda{color: #4793e9;}
.wrap-bloc .agenda:hover .month-agenda{ font-family: 'AkziGroMed'; font-size: 19px; color: #559aea;}
.wrap-bloc .agenda:hover .year-agenda{ font-family: 'AkziGroMed'; font-size: 19px; color: #559aea;}

.wrap-bloc .agenda:hover .subtitle a{ color: #4793e9; font-size: 17px; text-decoration: none;}
.wrap-bloc .agenda:hover .desc a{ color: #4793e9;}
.wrap-bloc .agenda:hover .desc-event a{ font-family: 'AkziGro'; color: #4793e9; font-size: 15px; text-decoration: none;}

.wrap-bloc .agenda-small{ height: 350px;}
.wrap-bloc .agenda-small .event{ height: 173px;}
.wrap-bloc .agenda-small .subtitle{ margin-top: 5px;
margin-bottom: 5px;
line-height: 16px;}

.wrap-bloc .agenda-small .title{  margin-top: 0px; margin-bottom: 0px;}
.wrap-bloc .agenda-small .day-agenda{ font-size: 100px; line-height: 75px;}
.wrap-bloc .agenda-small .month-agenda{ line-height: 15px;}
.wrap-bloc .agenda-small .year-agenda{ line-height: 15px;}
.wrap-bloc .agenda-small .content{ height: 293px;}


.wrap-bloc .coproduction { background-color:#003855; border: 3px solid #003855;}
.wrap-bloc .coproduction .title a{ color: #b4bdc3;}
.wrap-bloc .coproduction .desc a{ color: #fff;}
.wrap-bloc .coproduction .project{ color: #b4bdc3;}
.wrap-bloc .coproduction .info-links{border-top: 1px solid #7392a2; color: #e6e9eb; }
.wrap-bloc .coproduction .info-links a{ color: #e6e9eb; }
.wrap-bloc .coproduction .info-links .views{ color: #e6e9eb;}
.wrap-bloc .coproduction:hover .info-links .views{ color: #e6e9eb;}
.wrap-bloc .coproduction:hover{ background-color:#00466a; border-color:#00466a;     }

.wrap-bloc .staff .bio{display: none;}
.wrap-bloc .staff .contact{display: none;}
.wrap-bloc .staff .styledscroll{  display: none;}
.wrap-bloc .staff .content{    margin: 10px 0px 0px 0px;}
.wrap-bloc .staff .bio , .wrap-bloc .staff .bio a{  font-family: 'AkziGroLight'; font-size: 16px; line-height: 21px; color: #ffffff; font-weight: 400; }
.wrap-bloc .staff .bio a:hover{ text-decoration: none;}
.wrap-bloc .staff .contact a{ font-family: 'AkziGroMed'; color: #fff; font-size: 19px; text-decoration: underline; font-weight: 400; }
.wrap-bloc .staff .img-equipe{ margin: -14px -3px 0px -3px;}
.wrap-bloc .staff:hover .img-equipe{  display: none;}
.wrap-bloc .staff:hover .bio{ display: block; word-wrap:break-word;}
.wrap-bloc .staff:hover .contact{ display: block; word-wrap:break-word;}
.wrap-bloc .staff .bio, .wrap-bloc .staff .desc, .wrap-bloc .staff .title, .wrap-bloc .staff .contact{margin-left: 20px; margin-right: 20px;}
.wrap-bloc .staff:hover .styledscroll{ display: block; height: 210px; padding-top: 0px;}
.wrap-bloc .staff .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #417bbd;  }






/*.wrap-bloc .equipe .img-equipe{ z-index: 10; margin: -14px -23px 0px -23px;}*/
.wrap-bloc .equipe .bottom-align{ display: none;}
.wrap-bloc .equipe .title a{ color: #c3d8f6;}
.wrap-bloc .equipe p a{ font-family: 'AkziGroMed'; color: #ffffff; font-size: 18px;}
.wrap-bloc .equipe .info-links{border-top: 1px solid #959697; color: #e8e8e8; }
.wrap-bloc .equipe  .info-links a{ color: #e8e8e8; }

.wrap-bloc .equipe:hover .info-links{ border-top: 1px solid #a3c9f4; color: #eaf1fc;  }
.wrap-bloc .equipe:hover .info-links a{ color: #eaf1fc;}
.wrap-bloc .equipe:hover .img-equipe{ display: none; }
.wrap-bloc .equipe:hover .bottom-align{ display: block;}




.wrap-bloc .links { background-color:#fff; border: 3px solid #6b6f71;}
.wrap-bloc .links .info-links{border-top: 1px solid #b8babb; color: #717578; }
.wrap-bloc .links .info-links a{ color: #717578; }
.wrap-bloc .links:hover{ background-color:#fff; border-color:#6b6f71;     }


.wrap-bloc .links .content{ height: 283px; padding-bottom: 10px;}

.wrap-bloc .links ul{ padding: 0px; list-style: none;}
.wrap-bloc .links ul li { margin: 0px 0px 10px 0px; position: relative;}
.wrap-bloc .links ul li a{-webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGro'; display: block;  font-size: 15px; line-height: 16px; color: #292A2B; }
.wrap-bloc .links ul li a:before{ position: absolute; content: " "; display: none; top:6px;  left: -10px; height: 2px; width: 20px; }
.wrap-bloc .links ul li a:hover{  color: #257cde; text-decoration: none; }
/*.wrap-bloc .links ul li:hover a:before{ display: block; background-color: #257cde;}*/




.wrap-bloc .actumed { background-color:#fff; border: 3px solid #6b6f71; height: 720px;}
.wrap-bloc .actumed .styledscroll{    height: 672px;}
.wrap-bloc .actumed .info-links{border-top: 1px solid #b8babb; color: #717578; }
.wrap-bloc .actumed .info-links a{ color: #717578; }
.wrap-bloc .actumed:hover{ background-color:#fff; border-color:#6b6f71;     }


.wrap-bloc .actumed .content{ height: 283px; padding-bottom: 10px;}

.wrap-bloc .actumed ul{ padding: 0px; list-style: none;}
.wrap-bloc .actumed ul li { margin: 0px 0px 0px 0px; position: relative; padding: 20px 0px;}
.wrap-bloc .actumed ul li:after{ position: absolute; bottom: 0px; content: " "; height: 1px; width: 170px; left: 50%; margin-left: -85px;  background-color: #b8babb;}
.wrap-bloc .actumed ul li a{ -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGroMed'; display: block;  font-size: 15px; line-height: 16px; color: #292A2B; }
.wrap-bloc .actumed ul li a:hover{  color: #257cde; text-decoration: none; }
.wrap-bloc .actumed ul li:hover a:before{ display: block; background-color: #257cde;}
.wrap-bloc .actumed ul li:last-child:after{ display: none;}
.wrap-bloc .actumed ul li .title-actu{ margin-bottom: 3px; clear: both; display: block; font-family: 'AkziGroMed'; font-size: 15px; color: #a3a5a7;}
.wrap-bloc .actumed ul li .date-actu{margin-bottom: 3px; clear: both; display: block;  font-family: 'AkziGro';  font-size: 12px;  color: #a3a5a7;}

.wrap-bloc .actumed ul li .view-more{ margin-top: 15px; clear: both; display: block; font-family: arial; font-size: 14px; color: #717578; } 
.wrap-bloc .actumed ul li .view-more:before{ content: " "; display: inline-block; margin-right: 5px; width: 11px; height: 11px; background: url( "../img/picto/ico-view-more.png" ) no-repeat top left;}
.wrap-bloc .actumed ul li:hover .view-more:before{ background-position: left bottom;}
.wrap-bloc .actumed ul li:hover .view-more, .wrap-bloc .actumed ul li:hover .title-actu, .wrap-bloc .actumed ul li:hover .date-actu{ color: #257cde;}


.wrap-bloc .partenaire { background-color:#fff; border: 3px solid #6b6f71; height: 720px;}
.wrap-bloc .partenaire .styledscroll{    height: 672px;}
.wrap-bloc .partenaire .info-links{border-top: 1px solid #b8babb; color: #717578; }
.wrap-bloc .partenaire .info-links a{ color: #717578; }
.wrap-bloc .partenaire:hover{ background-color:#fff; border-color:#6b6f71;     }


.wrap-bloc .partenaire .content{ height: 283px; padding-bottom: 10px;}

.wrap-bloc .partenaire ul{ padding: 0px; list-style: none;}
.wrap-bloc .partenaire ul li { min-height: 60px; position: relative; margin: 5px 0px; position: relative; padding: 12px 0px; padding-left: 50px; position: relative;}
.wrap-bloc .partenaire ul li:after{ position: absolute; bottom: 0px; content: " "; height: 1px; width: 170px; left: 50%; margin-left: -85px;  background-color: #b8babb;}
.wrap-bloc .partenaire ul li a{word-break: break-all;  -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGro'; display: block;  font-size: 15px; line-height: 16px; color: #292A2B; }
.wrap-bloc .partenaire ul li a img{ position: absolute; left:0px; top: 10px;   display: inline-block;   }
.wrap-bloc .partenaire ul li a strong{ padding-top: 7px;}
.wrap-bloc .partenaire ul li a:hover{ color: #257cde; text-decoration: none; }
.wrap-bloc .partenaire ul li:last-child:after{ display: none;}





.wrap-bloc .twitter ul{ padding: 0px; margin-bottom: 0px; list-style: none;}
.wrap-bloc .twitter .head-twitt{ height: 32px; margin-bottom: 10px !important;  position: relative; font-family: 'AkziGro'; font-size: 14px; line-height: 16px; color: #292A2B; font-weight: 400;}
.wrap-bloc .twitter .head-twitt span{ font-size: 13px; color: #a3a5a7;}
.wrap-bloc .twitter .head-twitt .datet{ position: absolute; top: 0px; right:0px; font-size: 11px; color: #a3a5a7; }
.wrap-bloc  .twitter p { margin-bottom: 0px; font-family: 'AkziGro'; font-size: 13px;  line-height: 16px;  color: #292A2B; font-weight: 400;}
.wrap-bloc  .twitter ul li{ position: relative; padding-bottom: 15px; margin-bottom: 15px;}
.wrap-bloc  .twitter ul li:after{ position: absolute; content:" "; left: 50%; margin-left: -85px; bottom: 0px; background-color: #b4b6b8; height: 1px; width: 170px; display: block;}
.wrap-bloc  .twitter ul li:last-child:after{ display: none;}
.wrap-bloc .twitter .info-links{ padding-right: 25px; background: url( "../img/twitter.png" ) no-repeat right 8px; }


.wrap-bloc  .twitter ul li p a{  font-family: 'AkziGro'; font-size: 13px; display: inline-block; color: #292A2B;}
.wrap-bloc  .twitter ul li p span{color: #257cde;   }
.wrap-bloc  .twitter ul li a:hover p{ font-family: 'AkziGro'; padding-left: 0px;color: #257cde !important;   }
.wrap-bloc  .twitter ul li:hover a:before{ display: none;}
.wrap-bloc .head-twitt img{ float: left; display:inline-block; margin-right: 5px; }

.styledscroll{ height: 302px; padding-bottom: 10px; padding-top: 10px; margin-right: 0px !important; overflow: hidden;}
.mCSB_inside > .mCSB_container{ margin-right: 0px !important; }
.styledscroll .content{ height: auto !important; min-height: 270px;}
.styledscroll .titlescroll{ font-family: 'AkziGroMed'; font-size: 19px; color:#a3a5a7; margin-top: -10px;}

.home-slider{  height: 720px; overflow: hidden;}
.home-slider .bxsliderhome{background-color: #4793e9; height: 724px;}
.home-slider li{  color:#fff;}
.home-slider .content-slide{    
    margin: 10px 20px 0px 20px;
    height: 340px;
    position: relative;
}
.home-slider .content-slide .bottom-align{ display: block; width: 100%; position: absolute; bottom: 0px; padding-bottom: 40px;}
.home-slider .info-links{ margin:0px 20px; height: 43px; line-height: 35px; border-top: 1px solid #91bef2; font-size: 14px; color: #fff;}
.home-slider .info-links a{ color: #fff; }
.home-slider .info-links a .glyphicon{ font-size: 10px;}
.home-slider .info-links a:hover{ text-decoration: none;}
.home-slider .title{ font-family: 'AkziGroMed'; color: #c3d8f6; font-weight: 400; font-size: 29px; }
.home-slider p{ font-family: 'AkziGroMed'; color: #fff; font-weight: 400; font-size: 29px; }
.home-slider .img-slide{ width: 100%; height: 370px;}

.home-slider .bxsliderhome361{ list-style: none; padding: 0px;}
.home-slider .bx-pager{ z-index: 2000;}
.home-slider .title-slider{ margin: 0px 20px;  display:block; clear: both; width: 480px;   position: absolute; z-index: 1; bottom: 0px; height: 43px; line-height: 35px; border-top: 1px solid #accef5; font-size: 14px; color: #eaf1fc;}




.media-slider{  height: 350px; overflow: hidden; position: relative;  }
.media-slider .title-slider{ margin: 0px 20px;  display:block; clear: both; width: 480px;   position: absolute; z-index: 2; bottom: 0px; height: 43px; line-height: 35px; border-top: 1px solid #fff; font-size: 14px; color: #fff;}
.media-slider .title-slider a{ color: #fff; position: relative; z-index: 9999; }
.media-slider .mask-slider{ display:block; clear: both; margin-left: -10px;  width: 100%; height: 150px; position: absolute; bottom: 0px; z-index: 1; background: url( "../img/mask-slider.png" ) no-repeat center bottom; }
.media-slider .bxslider{background-color: #dcdfe1; height: 350px;}
.media-slider .bx-pager{ z-index: 2000; width: 80% !important; margin-left: 20% !important;}
.media-slider li{  color:#fff;}

.media-slider .info-links{  position: relative; z-index: 900;margin:-43px 20px 0px 20px; height: 43px; line-height: 35px; border-top: 1px solid rgba(255, 255, 255, 0.75); font-size: 14px; color: #fff;}
.media-slider .info-links a{ color: #fff; }
.media-slider .info-links a .glyphicon{ font-size: 10px;}
.media-slider .info-links a:hover{ text-decoration: none;}
.media-slider .title{ font-family: 'AkziGroMed'; color: #c3d8f6; font-weight: 400; font-size: 29px; }
.media-slider p{ font-family: 'AkziGroMed'; color: #fff; font-weight: 400; font-size: 29px; }
.media-slider .img-slide{ position: relative; z-index: 500; width: 100%; height: 350px;}

.media-slider .bxslider{ list-style: none; padding: 0px;}


.wrap-bloc .alaune.revue{ height: 720px;}
.wrap-bloc .revue .title a{ font-size:39px; line-height: 39px;}
.wrap-bloc .revue .title a .date-title{ font-family: 'AkziGro'; font-size: 33px;}
.wrap-bloc .revue .desc a{ font-size:39px; line-height: 39px;}
.wrap-bloc .revue .content{ height: 663px;}



.header{ height: 168px; position: relative;}
.header .wrapper-menu{  height: 168px; background:#003855 url( "../img/bkg-header.jpg" ) no-repeat right center;    }
.header .wrapper-menu a{ -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGroMed';  font-size: 17px; line-height: 21px; display: block;   font-weight: 400; color:#fff;  }
.header .wrapper-menu a:before{ position: absolute; content: " "; display: none; top:10px;  left: -10px; height: 2px; width: 20px; }

.header .wrapper-menu ul{  position: relative; list-style: none; padding: 20px 60px; width: 250px;}
.header .wrapper-menu ul li{position: relative;}
.header .wrapper-menu li:hover a:before, .header .wrapper-menu li.active a:before{ display: block; background-color: #fff;}
.header .wrapper-menu li:hover a, .header .wrapper-menu li.active a{ font-family: 'AkziGroMed'; color: #fff; text-decoration: none; padding-left: 20px;}
.header #langues{font-family: 'AkziGroMed';  position: absolute; top: 20px; right: 20px; }
.header #langues a{ font-size: 13px; color:#a1abb3; text-decoration: none;}
.header #langues a:hover, .header #langues a.active{ color:#fff; text-decoration: none;}
.header .col-xs-3, .header .col-xs-9{  padding: 0px 10px; }

.footer{ margin-top: 20px; font-size: 13px; color:#484d51; min-height: 350px; padding: 30px 0px; background:#dde0e2 url( "../img/bkg-footer.jpg" ) no-repeat left bottom;  }
.footer .bloc-footer {  padding: 0px; border-top:1px solid #cfd2d3; margin: 0px 15px;}
.footer ul { list-style: none; padding: 0px; padding-bottom: 25px;  }
.footer ul li{ margin-top: 3px;}
.footer ul li a{ font-size: 12px; color:#484d51; display: block; font-weight: 400; }
.footer .title{ font-size: 18px; color:#484d51; padding: 15px 0px; margin: 0px; }
.footer .small-title{ font-size: 12px; color:#484d51; float: left; display: inline-block; margin-right: 20px;}
.header .small-title{ font-size: 12px; color:white; float: left; display: inline-block; margin-right: 13px;}
.footer .social-title { line-height: 32px;}
.footer .title a{color:#484d51;}
.footer .ico-info{ float: left; width: 20px; height: 20px; display: inline-block;}
.footer .ico-tel{background: url( "../img/picto/ico-tel.png" ) no-repeat; }
.footer .ico-map{background: url( "../img/picto/ico-pointer.png" ) no-repeat; }
.footer .ico-print{background: url( "../img/picto/ico-print.png" ) no-repeat; }
.footer .bloc-info-footer{ line-height: 22px; margin-right: 3px;     border-top: 3px solid #cfd2d3;}

.footer .ico-social{ width: 32px; height: 32px; display: inline-block; margin-top: 20px;}
.footer .ico-facebook{background: url( "../img/picto/ico-facebook.jpg" ) no-repeat; background-size:auto 32px; }
.footer .ico-twitter{background: url( "../img/picto/ico-twitter.jpg" ) no-repeat; background-size:auto 32px;  margin-left: 5px;}
.footer .ico-youtube{background: url( "../img/picto/ico-youtube.jpg" ) no-repeat;background-size:auto 32px;   margin-left: 20px;}


.footer .bloc-footer-newsletter input[type=text]{ font-size: 15px; color:#3f454b; border:1px solid #c6cacc; height: 32px; width: 100%; padding: 0px 40px 0px 20px; background-color: #c6cacc; }
.header .bloc-footer-newsletter input[type=text]{ font-size: 15px; color:#3f454b; border:1px solid #c6cacc; height: 32px; width: 100%; padding: 0px 40px 0px 20px; background-color: #c6cacc; }
.footer .bloc-footer-newsletter a.buttonf{ width: 35px; text-align: center; font-size: 18px; font-weight: 700; line-height: 30px;   border:1px solid #b3b7ba; background-color: #b3b7ba; position: absolute; right: 0px; top: 0px; height: 32px;}
.header .bloc-footer-newsletter a.buttonf{ width: 35px; text-align: center; font-size: 18px; font-weight: 700; line-height: 30px;   border:1px solid #b3b7ba; background-color: #b3b7ba; position: absolute; right: 0px; top: 0px; height: 32px;}
.footer .bloc-footer-newsletter a.buttonf .glyphicon{ color: #3f454b; }
.header .bloc-footer-newsletter a.buttonf .glyphicon{ color: #3f454b; }
.footer .bloc-footer-newsletter .form{ position: relative; max-width:  210px; float: left; display: inline-block; margin-top: 20px;}
.header .bloc-footer-newsletter .form{ position: relative;  float: left; display: inline-block; margin-top: 20px;}
.footer .bloc-footer-newsletter input[type=text]::-webkit-input-placeholder {
   color: #3f454b;
}
.header .bloc-footer-newsletter input[type=text]::-webkit-input-placeholder {
   color: #3f454b;
}

.footer .bloc-footer-newsletter input[type=text]:-moz-placeholder { /* Firefox 18- */
   color: #3f454b;
}

.header .bloc-footer-newsletter input[type=text]:-moz-placeholder { /* Firefox 18- */
   color: #3f454b;
}

.footer .bloc-footer-newsletter input[type=text]::-moz-placeholder {  /* Firefox 19+ */
   color: #3f454b; 
}
.header .bloc-footer-newsletter input[type=text]::-moz-placeholder {  /* Firefox 19+ */
   color: #3f454b; 
}

.footer .bloc-footer-newsletter input[type=text]:-ms-input-placeholder {  
   color: #3f454b;
}
.header .bloc-footer-newsletter input[type=text]:-ms-input-placeholder {  
   color: #3f454b;
}
.footer .bloc-footer .col-xs-6{ padding: 0px;}
.copyright{ padding: 0px 10px; font-size: 14px; color: #fff;} 
.copyright .content-copyright{ background-color: #003855;height: 100px; }
.copyright  .line-copyright{ line-height: 58px; margin-top: 20px;}
.copyright  .line-copyright.text-right{ padding-right: 40px;}
.copyright  .line-copyright img{ margin-left: 7px;}



/**** article ***/
.wrapper-article{ padding: 0px 10px; margin-top: 20px;}
.wrapper-article .article{ padding: 35px; border:3px solid #6c7072;}
.wrapper-article .article .main-title{ margin-top: 0px;  font-family: 'AkziGroBold'; color:#292A2B; font-weight: 400; font-size: 30px; }
.wrapper-article .article p{ clear: both;float: none; line-height: 21px; font-family: 'AkziGro'; font-size: 17px; text-align: justify; color: #292A2B; font-weight: 400;}
.wrapper-article .article p strong{ font-family: 'AkziGroBold';}
.wrapper-article .article p small{ font-size: 15px; line-height: 16px; }
.wrapper-article .article .sub-title, .wrapper-article .article h2{ font-family: 'AkziGroBold'; color:#292A2B; font-weight: 400; font-size: 17px; margin-bottom: 2px; }

.wrapper-article .header-article{ margin-left: -53px; margin-top: 20px; margin-bottom: 40px; }
.wrapper-article .header-article .breadcrumbi{ z-index: 100; position: relative; background-color:#4793e9; padding: 15px 15px 15px 40px; max-width: 250px;}
.wrapper-article .header-article .imgbreadcrumbi{ padding-bottom: 275px;}
.wrapper-article .header-article .breadcrumbi ul{ padding: 0px;  list-style: none; margin: 0px;}
.wrapper-article .header-article .breadcrumbi ul li{  font-family: 'AkziGroLight'; font-size: 15px; color: #fff; text-align: left;}
.wrapper-article .header-article .breadcrumbi ul li.active{  font-family: 'AkziGroBold'; font-size: 20px; color: #fff;}
.wrapper-article .header-article .img-article {  position: relative; margin-top: -270px; margin-left: 172px; z-index: 200; border: solid 1px #cfcfcf;
-moz-box-shadow: 5px 5px 2px 0px #cfcfcf;
-webkit-box-shadow: 5px 5px 2px 0px #cfcfcf;
-o-box-shadow: 5px 5px 2px 0px #cfcfcf;
box-shadow: 5px 5px 2px 0px #cfcfcf;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=134, Strength=2); }
.wrapper-article .header-article  .legende{ position: absolute; left: 260px; bottom: 330px; font-family: 'AkziGro'; font-size: 15px;  color: #292A2B; }
.wrapper-article .header-article .legendenoimg{bottom: 20px;  }
.wrapper-article .liste_article{ padding: 0px; padding-left: 15px; margin-top: 20px;}


.wrapper-article .wrapper-tabs{ background-color:#f3f3f3; width: 784px; padding: 35px; margin: 20px -35px -35px -35px; }
.wrapper-article .wrapper-tabs .nav-tabs{ border-color:transparent;}
.wrapper-article .wrapper-tabs  .nav-tabs>li>a{ margin-right: 15px; position: relative; font-size: 19px;  padding: 10px 15px; padding-left: 0px; font-family: 'AkziGroMed'; font-weight: 400; color: #2e3438; }
.wrapper-article .wrapper-tabs  .nav-tabs>li>a:hover{ background-color: transparent; border-color: transparent;}
.wrapper-article .wrapper-tabs .nav-tabs>li.active>a, .wrapper-article .wrapper-tabs .nav-tabs>li.active>a:focus,.wrapper-article .wrapper-tabs .nav-tabs>li.active>a:hover{ border-color: transparent; background-color: transparent; font-size: 19px; font-family: 'AkziGroMed'; font-weight: 400; color: #257cde; }
.wrapper-article .wrapper-tabs .nav-tabs>li.active>a:after ,.wrapper-article .wrapper-tabs  .nav-tabs>li>a:hover:after{ position: absolute; display: block; content: " "; background-color: #257cde; width: 100%; height: 2px; top: 0px; }

.wrapper-article .wrapper-tabs .sub-title{ font-family: 'AkziGroMed'; font-size: 19px; color: #292A2B; margin-bottom: 15px;}

.wrapper-article  .telechargement_bloc{ left: 62px; bottom: 60px; position: absolute; width: 65px; display: block; z-index: 9999;}
.wrapper-article  .telechargement_bloc a{ clear: both; float: none; display: block; color: #fff;font-family: 'AkziGroBold'; font-size: 12px; text-align: center; }
.wrapper-article  .telechargement_bloc a:first-child{ margin-bottom: 25px;}

.wrapper-article  .liste_article li{line-height: 21px; font-family: 'AkziGro'; font-size: 17px; text-align: justify; color: #292A2B; font-weight: 400; }
.wrapper-article   hr{border-color: #b8babb; width: 80%; margin:20px 10%;  }

.wrapper-article  .label-project{ height: 40px; clear: both; width: 710px; display: block; border-top: 1px solid #abaeaf; position: absolute; bottom: 0px;}
.wrapper-article  .label-project a{ font-size: 14px; color: #717578; display: inline-block; line-height: 35px;}
.wrapper-article  .label-project a span{ font-size: 12px;}
.wrapper-article  .label-project a:hover{ color: #257cde; text-decoration: none;}

.wrapper-article .artfooter{ padding-bottom: 60px;}
.wrapper-article table{border-collapse:separate;}
.wrapper-article table td{ padding: 5px; }

.wrapper-menu{ padding-left: 10px; padding-right: 10px; position: relative;  }
.main .wrapper-menu  { margin-top: 20px;}
.wrapper-menu .menu-right{ top:0px;  background-color:#f3f3f3;   display:block; width: 250px; padding:20px 20px 40px 20px; }
.wrapper-menu  .backonly{ padding:20px ; }

.wrapper-menu .menu-right > ul{ list-style:none; margin: 0px; padding: 0px; margin-left: 30px; margin-top: 20px; }
.wrapper-menu .fake-spacer{ display: block; height: 660px; background-color:#000;}
.wrapper-menu .menu-right .back{ float: none; display: block; font-family: 'AkziGroLight'; font-size: 17px; color: #9d9fa0; padding: 0px 0px  10px 0px; border-bottom: 1px solid #9d9fa0;  }
.wrapper-menu  .backonly .back { border:none !important;}
.wrapper-menu .menu-right .back .glyphicon{ font-size: 12px; margin-right: 10px; }
.wrapper-menu .menu-right .back:hover{ text-decoration: none; color: #257cde;  }
.wrapper-menu .menu-right > ul li{  position: relative;   }
.wrapper-menu .menu-right > ul li a{-webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGro'; display: block;  font-size: 15px; line-height: 16px; color: #292A2B; padding: 3px 0px;}
.wrapper-menu .menu-right > ul li a:before{ position: absolute; content: " "; display: none; top:10px;  left: -10px; height: 2px; width: 20px; }
.wrapper-menu .menu-right > ul li a:hover{color: #257cde; text-decoration: none; }
.wrapper-menu .menu-right > ul li.active a{ font-family: 'AkziGroMed'; color: #257cde; text-decoration: none; padding-left: 20px;}
.wrapper-menu .menu-right > ul li.active a:before{ display: block; background-color: #257cde;}
.stick{   
  position: fixed;
  top: 0;
  z-index: 500; }
 .stickBottom{   
  position: absolute;
  bottom: 0px; 
  top: auto !important;   
  z-index: 500; min-height: 10px; }   

.wrapper-menu .menu-free{ background-color: transparent; padding: 0px;}  
.wrapper-menu .menu-free .back{ padding:20px 20px 20px 20px; background-color:#f3f3f3; border-bottom: transparent;  }  
.wrapper-menu .menu-free  .wrap-bloc{ margin-bottom: 20px; margin-top: 0px; padding: 0px;}
.wrapper-menu .menu-free .wrap-bloc:last-child{ margin-bottom: 0px;}

.wrapper-menu .menu-free .actumed{ height: 352px;}
.wrapper-menu .menu-free .actumed ul { margin-left: 0px;}
.wrapper-menu .menu-free  .wrap-bloc .actumed .styledscroll{ height: 340px;}



.wrapper-social{ padding: 0px; clear: both; border-top: 1px solid #b8babb; margin-top: 20px;   }
.wrapper-social .title-social{ padding: 15px 0px;  font-size: 19px; color: #292A2B; font-family: 'AkziGroMed'; }    
.wrapper-social .itemsocial{  line-height: 40px; border-right: 1px solid #fff; font-family: 'AkziGro'; height: 40px; display: block; background-color: #dcdfe1; line-height: 40px; font-size: 14px; color: #6b6f71;}    
.wrapper-social .itemsocial .fa{ float: left; display: inline-block; font-size: 25px; margin-right: 8px; margin-left: 5px; line-height: 42px; }
.wrapper-social .itemsocial strong{ float: left; display: inline-block; margin-right: 8px;  font-family: 'AkziGroMed'; font-size: 25px; font-weight: 400;}
.wrapper-social .itemsocial:last-child{ border: none;}
.wrapper-social .itemsocial:hover{ background-color: #4793e9; text-decoration: none; color: #fff;  }

.wrapper-artdoc{ padding: 0px;  border-top: 1px solid #b8babb; margin-top: 20px; padding-bottom: 20px; max-width: 230px; margin-right: 25px;   }
.wrapper-artdoc .title-artdoc{ padding: 15px 0px;  font-size: 19px; color: #292A2B; font-family: 'AkziGroMed'; }  

.wrapper-artdoc ul{ padding: 0px; list-style: none; padding-right: 25px;}
.wrapper-artdoc ul li { margin: 0px 0px 10px 0px; position: relative;}
.wrapper-artdoc ul li a{-webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGro'; display: block;  font-size: 15px; line-height: 16px; color: #292A2B; text-align: left; }
.wrapper-artdoc ul li a:before{ position: absolute; content: " "; display: none; top:6px;  left: 0px; height: 2px; width: 20px; }
.wrapper-artdoc ul li a:hover{  color: #257cde; text-decoration: none;}



.wrapper-artvideo{ padding: 0px;  border-top: 1px solid #b8babb; margin-top: 20px;    }
.wrapper-artvideo .title-artvideo{ padding: 15px 0px;  font-size: 19px; color: #292A2B; font-family: 'AkziGroMed'; }

.wrapper-artvideo .bx-wrapper{ margin-bottom: 40px;}
.wrapper-artvideo .bx-wrapper .bx-pager{ text-align: center;} 
.wrapper-artvideo .bx-wrapper .bx-pager, .wrapper-artvideo .bx-wrapper .bx-controls-auto { bottom: -30px;} 
.wrapper-artvideo .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #96999b;}
.wrapper-artvideo  .bx-wrapper .bx-pager.bx-default-pager a:hover, .wrapper-artvideo  .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #2e3438;}



.wrapper-artphotos{ padding: 0px;  border-top: 1px solid #b8babb; margin-top: 20px; padding-left: 0px; max-width: 457px;    }
.wrapper-artphotos .title-artphotos{ padding: 15px 0px;  font-size: 19px; color: #292A2B; font-family: 'AkziGroMed'; }
.wrapper-artphotos .bx-wrapper{ margin-bottom: 40px;}
.wrapper-artphotos .bx-wrapper .bx-pager{ text-align: center;} 
.wrapper-artphotos .bx-wrapper .bx-pager, .wrapper-artphotos .bx-wrapper .bx-controls-auto { bottom: -30px;} 
.wrapper-artphotos .bx-wrapper .bx-pager.bx-default-pager a{ background-color: #96999b;}
.wrapper-artphotos  .bx-wrapper .bx-pager.bx-default-pager a:hover, .wrapper-artphotos  .bx-wrapper .bx-pager.bx-default-pager a.active{ background-color: #2e3438;}

.wrapper-artphotos .photo-article{ transition: all .2s; float: left; display: inline-block; margin: 0px 19px 19px 0px; opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */}
.wrapper-artphotos .photo-article:hover{ opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }
.wrapper-artphotos .photo-article:nth-child(4n){ margin-right: 0px;}

/**** projets ****/
.intro-projet { border:3px solid #6b6f71; padding: 40px; }
.intro-projet .main-title{ font-family: 'AkziGroBold'; font-size: 30px; color: #2e3438; font-weight: 400; margin-top: 0px;}
.intro-projet p{ line-height: 21px; font-family: 'AkziGro'; font-size: 17px; text-align: justify; color: #292A2B; font-weight: 400; margin-bottom: 5px;}


.artprojet .main-title { position: relative; padding-left: 60px; margin-bottom: 20px;min-height: 40px; }
.artprojet .main-title img{ position: absolute; top: 5px; left: 0px;}

.filters{ padding: 25px; background-color: #8495a9; margin-bottom: 20px; }
.filters .principal { float: left; display: inline-block;margin-bottom:0px; margin-right: 10px; font-family: 'AkziGroMed'; font-size: 19px; color: #fff; font-weight: 400; }

.filters label{ font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  color: #fff; font-size: 15px; font-weight: bold;  }
.filters span.labeler{ height: 25px; line-height: 25px; margin-right: 40px; display: inline-block; position: relative; padding-left: 10px; padding-right: 25px;  }
.filters button{ padding: 0px 20px; font-family: Arial,Helvetica Neue,Helvetica,sans-serif;  border:1px solid #fff; color: #8495a9; font-size: 17px; font-weight: bold; background-color: #fff;}
.filters span.labeler label{ padding-right: 10px; text-align: right;}
.filters span.labeler label.multipleline{ font-size: 14px;  line-height: 14px; width: 200px; margin-bottom: 0px; }
.filters span.labelerselect{ margin-right: 10px; padding-right: 0px; }


/* Aspect des checkboxes */
/* :before sert à créer la case à cocher */
.filters [type="checkbox"]{ display: none;}
.filters [type="checkbox"]:not(:checked) + label:before,
.filters [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  right:0; top: 0px;
  width: 25px; height: 25px; /* dim. de la case */
  border: 1px solid #e2e6eb;
  background: #8495a9;
  border-radius: 3px; /* angles arrondis */
 
}
 
/* Aspect général de la coche */
.filters [type="checkbox"]:not(:checked) + label:after,
.filters [type="checkbox"]:checked + label:after {
  font: normal normal normal 16px/1 FontAwesome;
  content: '\f00c';
  position: absolute;
  top: 4px; right: 4px;
  font-weight: 300;
  color: #e2e6eb;
  transition: all .2s; /* on prévoit une animation */
}
/* Aspect si "pas cochée" */
.filters [type="checkbox"]:not(:checked) + label:after {
  opacity: 0; /* coche invisible */
  transform: scale(0); /* mise à l'échelle à 0 */
}
/* Aspect si "cochée" */
.filters [type="checkbox"]:checked + label:after {
  opacity: 1; /* coche opaque */
  transform: scale(1); /* mise à l'échelle 1:1 */
}


.filters .notIE {
  position: relative;
  display: inline-block;
}
.filters select {
  display: inline-block;
  height: 30px;
  width: 315px;
  outline: none;
  color: #fff;
  border: 1px solid #d6dce2;
  border-radius: 5px;  
  background: #8495a9;
}

.filters input[type=text] {
  display: inline-block;
  height: 30px;
  width: 260px;
  outline: none;
  color: #fff;
  border: 1px solid #d6dce2;
  border-radius: 5px;  
  background: #8495a9;
  padding: 0px 5px;
}


.filters input[type=text]::-webkit-input-placeholder {
  color: #fff;
}

.filters input[type=text]:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.filters input[type=text]::-moz-placeholder {  /* Firefox 19+ */
  color: #fff;
}

.filters input[type=text]:-ms-input-placeholder {  
  color: #fff;
}

.filters .separator{ padding-left: 28px; padding-right: 28px; color: #fff; font-size: 19px; font-family: 'AkziGroMed'; }

/* Select arrow styling */

.filters .notIE .fancyArrow {
  width: 23px;
  height: 28px;
  position: absolute;
  display: inline-block;
  top: 1px;
  right: 5px;
  background: url(../img/ico-select.png) right / 90% no-repeat ;
  pointer-events: none;
}
@media screen and (min-width: 0\0) {
  .filters .notIE .fancyArrow {
    display: none;
  }
}


#commentaires {  margin-top: 50px; padding-bottom: 40px;}
#commentaires form {border-top: 1px solid #b8babb;}
#commentaires  .title-comment{padding: 15px 0px;  font-size: 19px; color: #292A2B; font-family: 'AkziGroMed'; }
#commentaires #cdrh{ margin-top: 20px; background-color: #4793e9; padding: 40px; font-size: 17px; color: #fff; font-family: 'AkziGro'; font-weight: 400;  }

#commentaires #cdrh a.membre{ padding: 10px 20px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 700; color: #4793e9;}

#commentaires form input[type=text]{  font-family: Arial, Helvetica, sans-serif; border:1px solid #888c8e;  -webkit-border-radius: 5px;
-moz-border-radius: 5px; padding: 3px 20px; width: 260px;
border-radius: 5px; font-size: 15px; font-weight: 700; color: #292A2B; margin-right: 30px;}
#commentaires form input[type=submit]{padding: 3px 20px; background-color: #292A2B; border:1px solid #292A2B;  font-family: Arial, Helvetica, sans-serif;  font-size: 17px; font-weight: 700; color: #fff;}
#commentaires form input[type=submit]:hover{ background-color: #4793e9; border:1px solid #4793e9;}
#commentaires .switch_acces{ display: inline-block; margin: 10px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: 700; color: #4793e9;}


.liste-composition{ display: table; margin-top: 40px;}
.liste-composition .partenaire-item{ display: table; border-top: 1px solid #cccccc; padding: 50px 0px; max-width: 340px; min-height: 243px; } 
.liste-composition .partenaire-item:hover{ text-decoration: none; color: #257cde;}
.liste-composition .partenaire-item:hover h2{ color: #257cde;}

.liste-composition .partenaire-item .content-partenaire{ display: table-cell; width: 70%;  vertical-align: middle; text-align: right;}
.liste-composition .partenaire-item .content-partenaire h2{ margin:0px; padding-right: 40px;  font-family: 'AkziGroMed'; font-size: 19px; font-weight: 400;}
.liste-composition .partenaire-item .content-partenaire h2 span{ font-family: 'AkziGro'; font-size: 15px;}
.liste-composition .partenaire-item .img-partenaire{ text-align: center; display: table-cell; width: 30%; vertical-align: middle;}


.liste-composition .partenaire-right { margin-left: 34px;}
.liste-composition .partenaire-right .content-partenaire h2{  padding-left: 40px; padding-right: 0px;}
.liste-composition .partenaire-right .content-partenaire { text-align: left;}

.row-organe{ margin-top: 40px;}
.row-organe .info-organe{ text-align: left; padding: 15px 0px; border-top:1px solid #cccccc; max-width: 225px; margin-right: 29px;}
.row-organe .info-organe h2 { margin-top: 0px; font-size: 21px; font-family: 'AkziGroMed'; font-weight: 400; margin-bottom: 20px; }
.row-organe .info-organe h2 span{ font-size: 14px; font-family: 'AkziGro'; }
.row-organe .info-organe p{ font-family: 'AkziGro';  font-size: 15px; text-align: left;}
/*.row-organe  .staff-organe{ padding: 0px; max-width: 460px; }*/
.row-organe  .staff-organe .staff-item{ position: relative; float: left; display: inline-block; width:140px; padding: 30px 0px; height: 370px; }
.row-organe  .staff-organe .staff-item:nth-child(3n+2){ margin: 0px 20px; }
.row-organe  .staff-organe .staff-item:nth-child(3n+1):before{ content: " "; display: block; width:460px; height: 1px; position: absolute; top: 0px; left: 0px; background-color: #cccccc;   }
.row-organe  .staff-organe h3{ font-size: 14px; margin-top: 10px; font-family: 'AkziGroBold'; color: #5e6164; padding-right: 5px; }
.row-organe  .staff-organe h3 span{ font-size: 14px;  font-family: 'AkziGro'; }


.liste-equipe{  margin-top: 40px;}
.liste-equipe .item-equipe{ float: left; display: inline-block; width: 345px; padding: 30px 0px; border-top: 1px solid #cccccc;}


.liste-equipe .item-equipe .bio { width: 710px; display: none; padding-top: 40px; }
.liste-equipe .item-equipe .info-equipe{ line-height: 20px; font-family: 'AkziGroMed'; font-weight: 400; font-size: 19px; color: #292A2B;  position: relative; padding-right: 147px; text-align: right; float: none; width: 345px; display: table-cell; vertical-align: bottom;  height: 183px; }
.liste-equipe .item-equipe .info-equipe span{ font-family: 'AkziGro'; display: inline-block;  font-size: 15px; line-height: 18px;  font-weight: 400;}
.liste-equipe .item-equipe .info-equipe img{ position: absolute; right: 0px; bottom: 0px;  }
.liste-equipe .item-equipe-right{ float: right;  }
.liste-equipe .item-equipe-right .info-equipe{ text-align: left;padding-left: 165px; padding-right: 0px;}
.liste-equipe .item-equipe-right img{ left: 0px; right: auto;} 
.liste-equipe .item-equipe-right .bio{ margin-left: -365px;}
.liste-equipe .item-equipe .disable:after{ content: " "; display: block; width: 100%; height: 100%; opacity: 0.7; filter: alpha(opacity=70); position: absolute; background-color: #fff; top: 0px; left: 0px; }
.liste-equipe .item-equipe .info-equipe a{  position: relative; -webkit-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; font-family: 'AkziGro'; display: inline-block;  font-size: 15px; line-height: 16px; color: #292A2B; padding: 0px 0px;}
.liste-equipe .item-equipe .info-equipe a:before{ position: absolute; content: " "; display: none; top:7px;  left: -12px; height: 2px; width: 20px; }

.liste-equipe .item-equipe .info-equipe a:hover, .liste-equipe .item-equipe .info-equipe a.active{ font-family: 'AkziGroMed';  text-decoration: none; padding-left: 10px; color: #257cde; }
.liste-equipe .item-equipe .info-equipe a:focus{ text-decoration: none;}
.liste-equipe .item-equipe .info-equipe a:hover:before, .liste-equipe .item-equipe .info-equipe a.active:before{ display: block; background-color: #257cde;}



#loader {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: left;
    opacity: .8;
   /* background-color: #FFFFFF;*/
}

#pages {
    display: none;
}


/* debut des popups*/
#popupbox{ clear:both; width:372px; }
#popupbox #accroche_popup{ clear:both; background-color:#cccccc; padding:15px 10px 15px 10px; }
#popupbox #accroche_popup h3 { font-family:'MyriadProRegular'; font-size:14pt; color:#FFF; background-color:#1d3444; padding:5px 10px 5px 10px; text-transform:uppercase; display:inline;}
#popupbox #accroche_popup p{ clear:both; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#1e3344; margin-top:10px;}
#popupbox #accroche_popup p span.adresse{ text-align:center; font-size:8pt;}
#popupbox form{ background-color:#d6d6d6; padding:0px 10px 8px 10px;}
#popupbox form fieldset{ border-top:1px solid #FFF; padding-top:5px;}
#popupbox form fieldset select{ width:350px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#3b3b3b; padding:2px 0px 2px 8px; border:none; margin-top:8px;}

#popupbox form fieldset input{ width:340px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#3b3b3b; padding:2px 0px 2px 10px; border:none; margin-top:8px;}
#popupbox form fieldset label{ width:340px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#3b3b3b; padding:2px 0px 2px 10px; border:none; margin-top:8px; display:block;}
#popupbox form fieldset .errorinput{ background-color:#f58282; color:#FFF;}

#popupbox form fieldset textarea{ width:340px; height:150px; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#3b3b3b; padding:2px 0px 2px 10px; border:none; margin-top:8px;}
#popupbox form fieldset p#msg_zone_error{  margin-top:5px; width:270px; height:17px; padding-top:8px;  float:left; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#ff0000;}

#popupbox form fieldset p#msg_zone_error.flexi_error{ width:auto; height:auto;}

#popupbox form fieldset #btenvoyer_formu,#popupbox #btfermer_popup{ margin-top:10px; padding:0px; width:72px; height:22px; float:right; display:inline-block;  border:none; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; color:#607890; font-size:8pt; text-align:center; cursor:pointer;  }
#popupbox #btfermer_popup { float:none; display:block; margin-left:auto; margin-right:auto;}
#popupbox p#result_popup{ display:none; background-color: #D6D6D6;  clear:both; font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#1e3344; padding:100px 10px 100px 10px; text-align:center;  }
.url_menu_pdv2{display:none;}

/* fin des popups*/

.gridrange{ padding: 0px;}


#main .article ol,#main .article ul {
margin-top: -4px;
margin-bottom: 10px;
font-family: 'AkziGro';
font-size: 17px;
text-align: justify;
}

.show_router_mobile{
    display:none;
}
.menu_project_mobile{
   display:none;  
}

.menu_seminaire_new_mobile{
   display: none;
}

/*
.header #langues{
  position: unset;

}*/

.search_input{
  margin-top: 20px;
}

@media only screen and (max-width: 1200px) and (min-width: 992px){
    .logo-wrapper a img{
        width: 100%;
    }
    .bloc .info-links{
        line-height: 16px;
    }
    .footer .small-title{
        margin-right: 10px;
    }
    .footer .bloc-footer-newsletter .form{
        max-width: 200px;
    }
}
@media only screen and (max-width: 991px) and (min-width: 768px){
    .bloc .info-links{
        line-height: 14px;
        height: 38px;
        font-size: 14px;
    }
    .bloc .desc a, .bloc .desc span.postecontact{
        font-size: 14px;
        line-height: 20px;
    }
    .bloc .content{
        height:310px;
        margin: 10px 10px 0px 10px;
    }
    .logo-wrapper{
        text-align: center;
    }
    .wrap-bloc .agenda .event{
        height: 255px;
    }
    .wrap-bloc .agenda .content{
        height: 455px;
    }
    .wrap-bloc .agenda{
        height: 495px;
    }
    .home-slider .title-slider{
  margin: 0% 6%;
        width: 85%;
    }
    .home-slider .img-slide{
        width: 100%;
        height: initial;
    }
    .home-slider .content-slide .bottom-align{
        height: 200px;
    }
    .home-slider .content-slide{
        height: 200px;
    }
    .home-slider .title{
        font-size: 18px;
    }
    .home-slider p{
        font-size: 14px;
    }
    .home-slider{
        height: 465px;
    }
    .wrapper-menu #navside{
        min-height: 0px !important;
    }
    .wrapper-menu .menu-right{
      width:100%;
    }
    .filters span.labeler{
    margin-right:0px;
    height:initial;
    }
    .wrapper-menu .menu-right > ul li a{
      font-size:12px;
    }
    .filters_child{
        width: 370px;
  margin: 0 auto;
  margin-bottom: 30px;
    }
    #loadervideo iframe{
        width: 100%;
        height: 100%;
   }
   .h1, h1{
      font-size:28px;
   }
   
   #flt2{
    width: 100%;
   }
   
    .filters button{
      padding:0px;
      margin: 10px;
    }
       
   .wrap-bloc .equipe .img-equipe{
    margin: 0px;
   }
   
   .wrapper-article .header-article .img-article{
    margin-left: 73px;
    width: 90%;
        height: initial;
   }
   .row-organe  .staff-organe .staff-item:nth-child(n):before{ 
    content: " "; display: block; width:100%; height: 1px; position: absolute; top: 0px; left: 0px; background-color: #cccccc;  
   }
   
   .row-organe .staff-organe .staff-item{
    width: 100%;
    height: initial;
   }
   
   .row-organe .staff-organe .staff-item:nth-child(3n+2) {
      margin: 0px;
   }
   
   .liste-equipe .item-equipe{
    width:100%;
   }
   
   
   
   
   
   
   
   .stick{   
        position: unset;
   }
   .stickBottom{   
    position: unset;
   } 
   
   .wrapper-article .header-article .img-article {
      margin-left: 125px;
   }
   
   .wrapper-article .header-article .legende {
       position: absolute;
       left: 260px;
       bottom: 315px;
       font-family: 'AkziGro';
       font-size: 12px;
       color: #292A2B;
   }
   
   .wrapper-article .header-article .legende{
    display: none;
   }
   
   .liste-equipe .item-equipe .bio{
    width: 100%;
   }
   
   .wrapper-article  .label-project{
    width: 85%;
   }
      
   .wrapper-article .wrapper-tabs{
    width: 100%;
    margin: 0 auto;
   }

    .header #langues{
        width: 30px;
        font-family: 'AkziGroMed';
        position: absolute;
        top: 187px;
        right: 48px;
    }
        
    .iframe_youtube_zone_media .iframe-youtube{
    	width: 100%;
    }
}
@media only screen and (max-width: 767px) {

    .bloc{
      height: 340px;
    }
    .bloc .content{
      height: 280px;
    }
    .home-slider p{
      font-size: 20px;
    }
    .footer .ico-social{
      width: 28px;
      height: 28px;
    }
    .footer .small-title{
      margin-right: 10px;
    }
    .copyright  .line-copyright{
      font-size: 12px;
      line-height: 20px;
    }
    .logo-wrapper{
      text-align: center;
    }
    .styledscroll{
      height: 300px;
    }
    .wrap-bloc .agenda .event{
      height: 300px;
    }
    .wrap-bloc .agenda .content{
      height: 500px;
    }
    .wrap-bloc .agenda{
      height: 555px;
    }
    .home-slider .img-slide{
      height:160px;
    }
    .home-slider{
      height:510px;
    }
    .wrapper-article .article .main-title{
      font-size: 18px;
    }
    .wrapper-article .article p{
      font-size: 12px;
    }
    .filters button{
      padding:0px;
      margin: 10px;
    }
    .wrapper-menu #navside{
        min-height: 0px !important;
    }
    .wrapper-menu .menu-right{
      width:100%;
    }
    .filters span.labeler{
    margin-right:0px;
    height:initial;
    }
    .filters .filters_style{
      width: 190px;
  padding: 10px;
    }

    .filters select{
      width: 100%
    }
    .filters_child{
        width: 200px;
  margin: 0 auto;
  margin-bottom: 30px;
    }
    .bloc .info-links{
      font-size: 12px;
    }
    .h1, h1{
      font-size:25px;
    }
    #loadervideo iframe{
        width: 100%;
        height: initial;
   }
   .url_menu_pdv2{
    display: initial;
   }
   .url_menu_pdv1{
  display: none;
   }
   #flt2{
    width: 100%;
   }
   
   .wrap-bloc .equipe .img-equipe{
    margin: 0px;
   }
   .bloc2{
    height:455px;
   }
   .bloc2 .content{
    height: 400px;
   }
   .wrapper-article .header-article .img-article{
    margin-left: 73px;
    width: 90%;
        height: initial;
   }
   .cadre_image_article img{
    width: 100%;
    height: initial;
   }
   .show_router_PC{
       display: none;
   }
   .show_router_mobile{
       display: initial;
   }
   .row-organe .staff-organe .staff-item:nth-child(3n+2) {
      margin: 0px;
   }
   .row-organe  .staff-organe .staff-item:nth-child(n):before{ 
    content: " "; display: block; width:100%; height: 1px; position: absolute; top: 0px; left: 0px; background-color: #cccccc;  
   }
   
   .row-organe .staff-organe .staff-item{
    width: 100%;
    height: initial;
   }
   .liste-composition .partenaire-right{
      margin: 0px;
   }
   .liste-composition .partenaire-item .content-partenaire h2{
    font-size: 16px;
   }
   .liste-equipe .item-equipe{
    width:100%;
   }
   .liste-equipe .item-equipe-right .info-equipe {
      padding-left: 155px;
      font-size: 14px;
   }
   .liste-equipe .item-equipe .info-equipe {
      
      font-size: 14px;
   }
   .liste-equipe .item-equipe-right{
    float: left;
   }
   .menu_projectPC{
    display: none;
   }
   .menu_project_mobile{
    display: initial;
   }
   .stick{   
        position: unset;
   }
   .stickBottom{   
    position: unset;
   } 
   
   
   .wrapper-article .header-article .breadcrumbi ul li{
    font-size: 12px;
   }
   
   .wrapper-article .header-article .breadcrumbi ul li.active{
    font-size: 12px;
   }
   
   .telechargement_bloc a span {
    font-size: 12px;
   }
   
   .telechargement_bloc a img{
    width: 30px;
    height: initial;
   }
   
   
   .wrapper-article .header-article .img-article{
    margin-left: 109px;
      width: 90%;
      height: initial;
   }
   .wrapper-article .header-article .imgbreadcrumbi {
  padding-bottom: 250px;
   }

   #main .article ol, #main .article ul{
    margin-left: -30px;
   }
  
  
   
   .wrapper-article .header-article .legende {
  display: none;
  }
   
   .wrapper-artdoc ul li a{
    font-size: 11px;
   }
   
   
   .wrapper-article .liste_article li{
    font-size: 14px;
   }
   .liste-equipe .item-equipe .bio{
    width: 100%;
   }
    
   .wrapper-article  .label-project{
    width: 75%;
   }
   
   .menu_seminaire_new_PC{
    display: none;
   }
   
   .menu_seminaire_new_mobile{
    display:initial;
   }
   
   .wrapper-article .wrapper-tabs{
    width: 100%;
    margin: 0 auto;
   }

    .header #langues{
        width: 30px;
        font-family: 'AkziGroMed';
        position: absolute;
        top: 187px;
        right: 48px;
    }

    .search_input{
        margin-bottom: 10px;
    }

    #searchContent::placeholder {
        font-size: 9px;
    }
    #searchPDFContent::placeholder {
        font-size: 9px;
    }
    
    
    .iframe_youtube_zone_media .iframe-youtube{
    	width: 100%;
    	height: 100%;
    }
}


  .iframe-youtube iframe{
    width: 100%;
    height: 100%;
  }
  .img-size{
    width: 100%;
    height: initial;
  }
  .img-equipe{
    width: 100%;
    height: initial;
  }
  .wrap-bloc .staff .img-equipe{
    margin: -11px 0px 0px 0px;
  }


  .bloc1{
    background-color: #dcdfe1;
    padding-top: 1px;
    border: 3px solid #dcdfe1;
  }

  .bloc1 .content {
    margin: 10px 20px 0px 20px;

  }

  .bloc1 .bottom-align{
    display: block;
    width: 100%;
  }

  .row1{
      margin-top: 10px;
  }