/*-BODY----------------------------------------------------------*/
body{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    background: #FFFFFF;
}
/*-TOOLS---------------------------------------------------------*/
table{
    border-collapse: collapse;
}
th{
    text-align: center;
}
td, th{
    border: 1px solid black;
    padding: 5px;
}
/*-float-*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}
/*-clear-*/
.clear{
    clear: both;
}
/*-no-marg-no-pad-*/
.no-marg-no-pad{
    margin: 0;
    padding: 0;
}
/*-button-*/
button{
    border: none;
    border-spacing: 0;
    background: none;    
    outline: none;
    text-decoration: none;
    line-height: normal;
}
/*-logo-*/
.logo{
    display: block;
    width: auto;
    height: 100px;
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
}
/*-h1-*/
h1{
    width: auto;
    height: 50px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    margin: 30px 0 0 0;
    padding: 0 0 0 10px;
    text-align: left;
    float: left;
}
h1 a{
    display: block;
    color: #000000;
}
h1 a:hover,
h1 a:focus{
    color: #000000;
    text-decoration: none;
    outline: 0;
}
/*-h2-*/
h2{
    width: 100%;
    height: auto;
    margin: 25px 0 25px 0;
    padding: 0;
}
.col-background-h2{
    background: url("../../img/img-background/img-background-5px.png");
    width: 100%;
    height: 70px;
    margin: 0;
    padding: 0;
}
.nav-h2 a,
.no-nav-h2{
    background: #FFFFFF;
    width: 100%;
    height: auto;
    text-align: center;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 10px 0 10px 0;
    border-top: 1px solid #00AEEF;
    border-bottom: 1px solid #00AEEF;
    position: relative;
    display: inline-block;
    outline: 0;
    text-decoration: none;
}
.nav-h2 a:hover,
.nav-h2 a:focus{
    outline: 0;
    text-decoration: none;
}
.nav-h2 a span:first-child,
.no-nav-h2 span:first-child{
    display: block;
    margin: 0;
    padding: 0 0 2px 0;
    color: #00AEEF;
    font-size: 26px;
}
.nav-h2 a span:last-child,
.no-nav-h2 span:last-child{
    display: block;
    margin: 0;
    padding: 2px 0 0 0;
    color: #000000;
    font-size: 14px;
    font-style: italic;
}
/*-h2 page-*/
.title-h2{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
}
.span-text-h2{
    width: 100%;
    height: auto;
    display: block;
    background: #FFFFFF;
    color: #00AEEF;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    padding: 10px 0 10px 0;
    margin: 0;
}
.span-img-h2 img{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;
}
span .a-h2{
    background: #00AEEF;
    color: #FFFFFF;
    width: 100%;
    min-height: 30px;
    line-height: 30px;
    font-size: 16px;
    outline: 0;
    text-decoration: none;
    padding: 0;
    margin: 0 0 15px 0;
    display: block;
}
.a-link,
.a-link:hover,
.a-link:focus{
    border: 1px solid #00AEEF;
    width: auto;
    height: auto;
    background: #FFFFFF;
    color: #00AEEF;
    font-size: 14px;
    outline: 0;
    text-decoration: none;
    padding: 5px 10px 5px 10px;
    margin: 0;
}
span .a-back{
    background: #FFFFFF;
    color: #00AEEF;
    width: 100%;
    height: 30px;
    font-size: 16px;
    outline: 0;
    text-decoration: none;
    margin: 0 0 15px 0;
    padding: 0;
    display: block;
}
h3{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #00AEEF;
    margin: 0;
    padding: 0 0 15px 0;
    display: block;  
}
.h3-files{
    background: #00AEEF;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    color: #FFFFFF;
    margin: 0 0 20px 0;
    padding: 0 0 0 10px;
}
.h3-legend{
    width: 100%;
    height: auto;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    background: #00AEEF;
    color: #FFFFFF;
    margin: 0 0 25px 0;
    padding: 5px 0 5px 0;
    display: block;
    text-align: center;
}
.h3-legend-link{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: block;
}
.h3-legend-link a{
    width: 100%;
    height: auto;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    background: #FFFFFF;
    color: #00AEEF;
    display: block;
    text-align: center;
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #00AEEF;
}
.h3-legend-link a:hover,
.h3-legend-link a:focus{
    outline: 0;
    text-decoration: none;
    background: #FFFFFF;
    color: #00AEEF;
}
.h3-about-page{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #00AEEF;
    margin: 0;
    padding: 0 0 10px 0;
}
.h3-article{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: #00AEEF;
    margin: 0;
    padding: 0 0 10px 0;
}
.h3-help{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 18px;
    color: #00AEEF;
    margin: 0;
    padding: 0;
    display: block;
    float: left;
}
.span-h3-help{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    color: #FFFFFF;
    background: #00AEEF;
    margin: 0 10px 0 0;
    padding: 0;
    display: block;
    float: left;
}
.h4-text-toggle{
    width: 100%;
    height: 20px;
    margin: 0 0 25px 0;
    padding: 0;
}
.h4-toggle{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #00AEEF;
    margin: 0;
    padding: 0 0 0 10px;
    width: auto;
    height: auto;
    float: left;
}
.h4-contact{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    background: #FFFFFF;
    color: #00AEEF;
    text-align: center;
    margin: 0;
    padding: 0 0 10px 0;
}
.h5-toggle{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #00AEEF;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
/*link*/
.link{
    background: none;
    color: #000000;
    width: auto;
    height: 50px;
    line-height: 50px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    display: block;
    margin: 0;
    padding: 0;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
.link::before{
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
.link:hover::before,
.link:focus::before{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.link:hover,
.link:focus{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.link-blue{
    width: auto;
    height: auto;
    color: #00AEEF;
    font-size: 14px;
    padding: 0;
    margin: 0;
    display: block;
}
.link-blue:hover{
    color: #00AEEF;
    outline: 0;
    text-decoration: none;
}
/*link-top-*/
#back-to-top{
    position: fixed;
    bottom: 0;
    right: 0;
    display: block;
    z-index: 9999;
}
.link-top-header{
    background: #00AEEF url("../../img/img-background/img-nav-top.png");
    background-repeat: no-repeat;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-align: center;
    color: #FFFFFF;
    width: 70px;
    height: 80px;
    display: block;
    margin: 0;
    padding: 20px 0 0 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.45;
}
.link-top-header:hover{
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
    opacity: 1;
}
.link-top-header:focus{
    color: #FFFFFF;
    outline: 0;
    text-decoration: none;
}
/*-SECTION------------------------------------------------------*/
/*-HEADER-------------------------------------------------------*/
header{
    background: #FFFFFF url("../../img/img-background/img-background-5px.png");
    width: 100%;
    height: 160px;
    margin: 0;
    padding: 0;
}
.header{
    background-color: #FFFFFF;
    height: 110px;
    position: relative;
    top: 25px;
    margin: 0;
    padding: 0;
}
/*-navigation header-*/
.nav-header{
    height: auto;
    margin: 30px 0 0 0;
    padding: 0;
}
.nav-header nav ul{
    list-style: none;
    margin: 0;
    padding: 0;
}
.nav-header nav ul li{
    width: 25%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
}
.nav-header nav ul li span{
    width: auto;
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 0;
    padding: 0;
    color: #00AEEF;
}
#actif{
    color: #00AEEF;
}
#actif:hover,
#actif:focus{
    text-decoration: none;
    outline: 0;
}
/*-SECTION------------------------------------------------------*/
/*-FOOTER-------------------------------------------------------*/
footer{
    background: #FFFFFF url("../../img/img-background/img-background-5px.png");
    margin: 0;
    padding: 0;
    width: 100%;
    height: 600px;
}
/*-div-top-footer-*/
.div-top-footer{
    background: none;
    width: 100%;
    height: 400px;
    margin: 0;
    padding: 50px 0 0 0;
}
/*-col footer-*/
.col-footer{
    margin: 0;
    padding: 0;
    width: auto;
    min-height: 175px;
}
.col-footer p{
    background: #FFFFFF;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    margin: 0;
    padding: 10px;
}
.col-footer p span{
    color: #00AEEF;
}
.col-footer h5{
    margin: 0;
    padding: 0;
}
.col-footer h5 .h5{
    background: #FFFFFF;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #00AEEF;
    font-size: 14px;
    text-shadow: 0 1px 0 #FFFFFF;
    text-align: center;
    border-bottom: 1px solid #00AEEF;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 10px;
}
.col-footer h5 .h5:hover,
.col-footer h5 .h5:focus{
    text-decoration: none;
    outline: 0;
}
.col-footer .link-footer a{
    background: #FFFFFF;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #000000;
    font-size: 14px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 10px;
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
.col-footer .link-footer a::before{
    -webkit-transition: color 0.5s;
    -moz-transition: color 0.5s;
    transition: color 0.5s;
}
.col-footer .link-footer a:hover::before,
.col-footer .link-footer a:focus::before{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.col-footer .link-footer a:hover,
.col-footer .link-footer a:focus{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.col-footer .link-footer a span{
    color: #00AEEF;
}
.col-footer-facebook{
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
}
/*-div-bottom-footer-*/
.div-bottom-footer{
    background: url("../../img/img-footer/img_background_footer.png");
    width: 100%;
    height: 250px;
    margin: 0;
    padding: 0;
}
.div-bottom-footer .p-footer{
    margin: 210px 0 0 0;
    padding: 0;
    text-align: center;
}
.div-bottom-footer .p-footer .p-copyright-footer,
.div-bottom-footer .p-footer .p-link-footer{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #000000;
    font-size: 14px;
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}
.div-bottom-footer .p-footer .p-link-footer a{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #000000;
    font-size: 14px;
}
.div-bottom-footer .p-footer .p-link-footer a:hover::before,
.div-bottom-footer .p-footer .p-link-footer a:focus::before{
    text-decoration: none;
    outline: 0;
}
.div-bottom-footer .p-footer .p-link-footer a:hover,
.div-bottom-footer .p-footer .p-link-footer a:focus{
    text-decoration: none;
    outline: 0;
}
/*-INDEX PAGE---------------------------------------------------*/
/*--------------------------------------------------------------*/
/*-slider index-------------------------------------------------*/
.da-slider{
    width: 100%;
    height: 400px;
    margin: 50px 0 0 0;
    padding: 0;
    position: relative;
    overflow: hidden;
    background: transparent url("../../img/img-slider/waves.gif");
    -webkit-transition: background-position 1s ease-out 0.3s;
    -moz-transition: background-position 1s ease-out 0.3s;
    -o-transition: background-position 1s ease-out 0.3s;
    -ms-transition: background-position 1s ease-out 0.3s;
    transition: background-position 1s ease-out 0.3s;
}
.da-slide{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: left;
}
.da-slide-current{
    z-index: 1000;
}
.da-slider-fb .da-slide{
    left: 100%;
}
.da-slider-fb  .da-slide.da-slide-current{
    left: 0px;
}
.da-slide .h-slider,
.da-slide .p-slider,
.da-slide .da-link,
.da-slide .da-img{
    position: absolute;
    opacity: 0;
    left: 110%;
}
.da-slider-fb .da-slide .h-slider,
.da-slider-fb .da-slide .p-slider,
.da-slider-fb .da-slide .da-link{
    left: 10%;
    opacity: 1;
}
.da-slider-fb .da-slide .da-img{
    left: 60%;
    opacity: 1;
}
.da-slide .h-slider{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 30px;
    color: #00AEEF;
    width: 50%;
    height: auto;
    z-index: 10;
    top: 100px;
}
.da-slide .h-slider .img-slider-header{
    width: 30px;
    height: 45px;
    margin: 0 10px 0 0;
}
.da-slide .p-slider{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 16px;
    line-height: 32px;
    font-style: italic;
    color: #FFFFFF;
    width: 48%;
    top: 160px;
}
.da-slide .da-img{
    top: 0;
    left: 0;
    height: 400px;
}
.da-dots{
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 100%;
    text-align: center;
    -moz-user-select: none;
    -webkit-user-select: none;
    z-index: 2000;
}
.da-dots span{
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #00AEEF;
    margin: 3px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    outline: 0;
}
.da-dots span.da-dots-current:after{
    content: '';
    width: 11px;
    height: 11px;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: #00AEEF;
}
.da-arrows{
    -moz-user-select: none;
    -webkit-user-select: none;
}
.da-arrows span{
    position: absolute;
    top: 45%;
    height: 30px;
    width: 30px;
    cursor: pointer;
    z-index: 2000;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    outline: 0;
}
.da-slider:hover .da-arrows span,
.da-slider:hover .da-dots span{
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    outline: 0;
}
.da-arrows span:after{
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px;
    background: transparent url("../../img/img-slider/arrows-slider.png") no-repeat top left;
}
.da-arrows span.da-arrows-next:after{
    background-position: top right;
}
.da-arrows span.da-arrows-prev{
    left: 15px;
}
.da-arrows span.da-arrows-next{
    right: 15px;
}
.da-slide-current .h-slider,
.da-slide-current .p-slider,
.da-slide-current .da-link{
    left: 10%;
    opacity: 1;
}
.da-slide-current .da-img{
    left: 60%;
    opacity: 1;
}
.da-slide-fromright .h-slider{
    -webkit-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim1 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .p-slider{
    -webkit-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim2 0.6s ease-in-out 0.8s both;
}
.da-slide-fromright .da-link{
    -webkit-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
    animation: fromRightAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromright .da-img{
    -webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    -ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
    animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
figure.effect-ming figcaption::before{
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale3d(1.4,1.4,1);
    transform: scale3d(1.4,1.4,1);
}
.link-icon-zoom{
    position: absolute;
    top: 190px;
    left: 190px;
}
figure.effect-ming .link-icon-zoom{
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
}
figure.effect-ming:hover figcaption::before,
figure.effect-ming:hover .link-icon-zoom{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1);
}
figure.effect-ming:hover img{
    opacity: 1;
}
.md-modal{
    position: fixed;
    top: 52%;
    left: 50%;
    z-index: 5050;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
.md-show{
    visibility: visible;
}
.md-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 0;
    left: 0;
    z-index: 5000;
    opacity: 0;
    background: rgba(0,0,0,0.8);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}
.md-show ~ .md-overlay{
    opacity: 1;
    visibility: visible;
}
.md-content{
    position: relative;
    margin: 0 auto;
    width: 1125px;
}
.md-effect-2 .md-content{
    -webkit-transform: translateX(20%);
    -moz-transform: translateX(20%);
    -ms-transform: translateX(20%);
    transform: translateX(20%);
    opacity: 0;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
    transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.md-show.md-effect-2 .md-content{
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.img-button, .img-button:hover{
    cursor: pointer;
}
.link-icon-zoom-off{
    float: right;
}
@-webkit-keyframes fromRightAnim1{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromRightAnim2{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromRightAnim3{
    0%{left: 110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromRightAnim4{
    0%{left: 110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-moz-keyframes fromRightAnim1{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-moz-keyframes fromRightAnim2{
    0% {left: 110%; opacity: 0;}
    100% {left: 10%; opacity: 1;}
}
@-moz-keyframes fromRightAnim3{
    0%{left: 110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-moz-keyframes fromRightAnim4{
    0%{left: 110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-o-keyframes fromRightAnim1{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromRightAnim2{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromRightAnim3{
    0%{left: 110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromRightAnim4{
    0%{left: 110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-ms-keyframes fromRightAnim1{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromRightAnim2{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromRightAnim3{
    0%{left: 110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromRightAnim4{
    0%{left: 110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@keyframes fromRightAnim1{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromRightAnim2{
    0%{left: 110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromRightAnim3{
    0%{left: 110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromRightAnim4{
    0%{ left: 110%; opacity: 0; }
    100%{ left: 60%; opacity: 1; }
}
.da-slide-fromleft .h-slider{
    -webkit-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .p-slider{
    -webkit-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim2 0.6s ease-in-out 0.6s both;
}
.da-slide-fromleft .da-link{
    -webkit-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -moz-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -o-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    -ms-animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
    animation: fromLeftAnim3 0.4s ease-in-out 1.2s both;
}
.da-slide-fromleft .da-img{
    -webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    -ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
    animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromLeftAnim2{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromLeftAnim3{
    0%{left: -110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-webkit-keyframes fromLeftAnim4{
    0%{left: -110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-moz-keyframes fromLeftAnim1{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-moz-keyframes fromLeftAnim2{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-moz-keyframes fromLeftAnim3{
    0%{left: -110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-moz-keyframes fromLeftAnim4{
    0%{left: -110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-o-keyframes fromLeftAnim1{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromLeftAnim2{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromLeftAnim3{
    0%{left: -110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-o-keyframes fromLeftAnim4{
    0%{left: -110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@-ms-keyframes fromLeftAnim1{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromLeftAnim2{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromLeftAnim3{
    0%{left: -110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@-ms-keyframes fromLeftAnim4{
    0%{left: -110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
@keyframes fromLeftAnim1{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromLeftAnim2{
    0%{left: -110%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromLeftAnim3{
    0%{left: -110%; opacity: 0;}
    1%{left: 10%; opacity: 0;}
    100%{left: 10%; opacity: 1;}
}
@keyframes fromLeftAnim4{
    0%{left: -110%; opacity: 0;}
    100%{left: 60%; opacity: 1;}
}
.da-slide-toright .h-slider{
    -webkit-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -moz-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -o-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    -ms-animation: toRightAnim1 0.6s ease-in-out 0.6s both;
    animation: toRightAnim1 0.6s ease-in-out 0.6s both;
}
.da-slide-toright .p-slider{
    -webkit-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toRightAnim2 0.6s ease-in-out 0.3s both;
    animation: toRightAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toright .da-link{
    -webkit-animation: toRightAnim3 0.4s ease-in-out both;
    -moz-animation: toRightAnim3 0.4s ease-in-out both;
    -o-animation: toRightAnim3 0.4s ease-in-out both;
    -ms-animation: toRightAnim3 0.4s ease-in-out both;
    animation: toRightAnim3 0.4s ease-in-out both;
}
.da-slide-toright .da-img{
    -webkit-animation: toRightAnim4 0.6s ease-in-out both;
    -moz-animation: toRightAnim4 0.6s ease-in-out both;
    -o-animation: toRightAnim4 0.6s ease-in-out both;
    -ms-animation: toRightAnim4 0.6s ease-in-out both;
    animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-webkit-keyframes toRightAnim2{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-webkit-keyframes toRightAnim3{
    0%{left: 10%;  opacity: 1;}
    99%{left: 10%; opacity: 0;}
    100%{left: 100%; opacity: 0;}
}
@-webkit-keyframes toRightAnim4{
    0%{left: 60%;  opacity: 1;}
    30%{left: 55%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-moz-keyframes toRightAnim1{
    0%{left: 10%;  opacity: 1;}
    100%{ left: 100%; opacity: 0;}
}
@-moz-keyframes toRightAnim2{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-moz-keyframes toRightAnim3{
    0%{left: 10%;  opacity: 1;}
    99%{left: 10%; opacity: 0;}
    100%{left: 100%; opacity: 0;}
}
@-moz-keyframes toRightAnim4{
    0%{left: 60%;  opacity: 1;}
    30%{left: 55%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-o-keyframes toRightAnim1{
    0%{ left: 10%;  opacity: 1;}
    100%{ left: 100%; opacity: 0;}
}
@-o-keyframes toRightAnim2{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-o-keyframes toRightAnim3{
    0%{left: 10%;  opacity: 1;}
    99%{left: 10%; opacity: 0;}
    100%{left: 100%; opacity: 0;}
}
@-o-keyframes toRightAnim4{
    0%{ left: 60%;  opacity: 1;}
    30%{ left: 55%;  opacity: 1;}
    100%{ left: 100%; opacity: 0;}
}
@-ms-keyframes toRightAnim1{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-ms-keyframes toRightAnim2{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@-ms-keyframes toRightAnim3{
    0%{left: 10%;  opacity: 1;}
    99%{left: 10%; opacity: 0;}
    100%{left: 100%; opacity: 0;}
}
@-ms-keyframes toRightAnim4{
    0%{left: 60%;  opacity: 1;}
    30%{left: 55%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@keyframes toRightAnim1{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@keyframes toRightAnim2{
    0%{left: 10%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
@keyframes toRightAnim3{
    0%{left: 10%;  opacity: 1;}
    99%{left: 10%; opacity: 0;}
    100%{left: 100%; opacity: 0;}
}
@keyframes toRightAnim4{
    0%{left: 60%;  opacity: 1;}
    30%{left: 55%;  opacity: 1;}
    100%{left: 100%; opacity: 0;}
}
.da-slide-toleft .h-slider{
    -webkit-animation: toLeftAnim1 0.6s ease-in-out both;
    -moz-animation: toLeftAnim1 0.6s ease-in-out both;
    -o-animation: toLeftAnim1 0.6s ease-in-out both;
    -ms-animation: toLeftAnim1 0.6s ease-in-out both;
    animation: toLeftAnim1 0.6s ease-in-out both;
}
.da-slide-toleft .p-slider{
    -webkit-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -moz-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -o-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    -ms-animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
    animation: toLeftAnim2 0.6s ease-in-out 0.3s both;
}
.da-slide-toleft .da-link{
    -webkit-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -moz-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -o-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    -ms-animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
    animation: toLeftAnim3 0.6s ease-in-out 0.6s both;
}
.da-slide-toleft .da-img{
    -webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    -ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
    animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-webkit-keyframes toLeftAnim2{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-webkit-keyframes toLeftAnim3{
    0%{left: 10%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-webkit-keyframes toLeftAnim4{
    0%{left: 60%;  opacity: 1;}
    70%{left: 30%;  opacity: 0;}
    100%{left: -50%; opacity: 0;}
}
@-moz-keyframes toLeftAnim1{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-moz-keyframes toLeftAnim2{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-moz-keyframes toLeftAnim3{
    0%{left: 10%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-moz-keyframes toLeftAnim4{
    0%{left: 60%;  opacity: 1;}
    70%{left: 30%;  opacity: 0;}
    100%{left: -50%; opacity: 0;}
}
@-o-keyframes toLeftAnim1{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-o-keyframes toLeftAnim2{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-o-keyframes toLeftAnim3{
    0%{left: 10%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-o-keyframes toLeftAnim4{
    0%{left: 60%;  opacity: 1;}
    70%{left: 30%;  opacity: 0;}
    100%{left: -50%; opacity: 0;}
}
@-ms-keyframes toLeftAnim1{
    0%{ left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-ms-keyframes toLeftAnim2{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-ms-keyframes toLeftAnim3{
    0%{left: 10%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@-ms-keyframes toLeftAnim4{
    0%{left: 60%;  opacity: 1;}
    70%{left: 30%;  opacity: 0;}
    100%{left: -50%; opacity: 0;}
}
@keyframes toLeftAnim1{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@keyframes toLeftAnim2{
    0%{left: 10%;  opacity: 1;}
    30%{left: 15%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@keyframes toLeftAnim3{
    0%{left: 10%;  opacity: 1;}
    100%{left: -50%; opacity: 0;}
}
@keyframes toLeftAnim4{
    0%{left: 60%;  opacity: 1;}
    70%{left: 30%;  opacity: 0;}
    100%{left: -50%; opacity: 0;}
}
/*-section about index------------------------------------------*/
.section-about{
    margin: 0;
    padding: 100px 0 25px 0;
}
.container-col-about{
    margin: 15px 0 0 0;
    padding: 0;
}
.container-col-about .p-about{
    border-top: 1px solid #00AEEF;
    border-bottom: 1px solid #00AEEF;
    color: #000000;
    font-size: 14px;
    text-align: left;
    margin: 0;
    padding: 10px;
}
.grid{
    position: relative;
    clear: both;
    list-style: none;
}
.grid figure{
    position: relative;
    width: 100%;
    background: none;
}
.grid figure .header-col-about{
        text-align: center;
}
.grid figure .header-col-about img{
    z-index: 100;
    position: relative;
    opacity: 1;
    height: 125px;
    width: 110px;
}
.grid figure figcaption,
.grid figure figcaption > .hover-col-about{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure.hover-col-about .icon-hover-col-about{
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 0.50s, -webkit-transform 0.50s;
    transition: opacity 0.50s, transform 0.50s;
    -webkit-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
}
figure.hover-col-about .icon-hover-col-about{
    z-index: 0;
    text-align: center;
    width: 100%;
}
figure.hover-col-about .icon-hover-col-about img{
    opacity: 0;
    -webkit-transition: opacity 0.50s, -webkit-transform 0.50s;
    transition: opacity 0.50s, transform 0.50s;
}
figure.hover-col-about:hover figcaption::before{
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(0px);
    transform: translateX(0px) translateY(0px);
    cursor: default;
}
.icon01-hover-col-about{
    float: left;
}
figure.hover-col-about:hover .icon-hover-col-about .icon01-hover-col-about:empty{
    -webkit-transform: translateX(0px) translateY(-30px);
    transform: translateX(0px) translateY(-30px);
    opacity: 1;
}
figure.hover-col-about:hover .icon-hover-col-about .icon02-hover-col-about:empty{
    -webkit-transform: translateX(0px) translateY(-70px);
    transform: translateX(0px) translateY(-70px);
    opacity: 1;
}
.icon03-hover-col-about{
    float: right;	
}
figure.hover-col-about:hover .icon-hover-col-about .icon03-hover-col-about:empty{
    -webkit-transform: translateX(0px) translateY(-30px);
    transform: translateX(0px) translateY(-30px);
    opacity: 1;
}
/*-section files index------------------------------------------*/
.section-files{
    margin: 0;
    padding: 25px 0 25px 0;
}
.col-files{
    width: 100%;
    min-width: 262px;
    margin: 0 0 25px 0;
}
.container-extract-files{
    margin: 0;
    padding: 0;
}
.img-files{
    width: 100%;
    margin: 0;
    padding: 0;
}
.title-files{
    width: 100%;
    margin: 0;
    padding: 0;
}
.h4{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 24px;
    background: #FFFFFF;
    color: #00AEEF;
    margin: 0;
    padding: 15px 10px 10px 15px;
}
.p-h4{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 26px;
    background: none;
    color: #000000;
    margin: 0;
    padding: 10px 10px 15px 15px;
}
.p-h4 span{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 22px;
    line-height: 26px;
    background: none;
    color: #00AEEF;
    margin: 0;
    padding: 0;
}
.files{
    position: relative;
    display: block;
    width: 100%;
    min-width: 262px;
    min-height: 222px;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 0 1px #F5F5F5 inset;
    -moz-box-shadow: 0 0 0 1px #F5F5F5 inset;
    -ms-box-shadow: 0 0 0 1px #F5F5F5 inset;
    -o-box-shadow: 0 0 0 1px #F5F5F5 inset;
    box-shadow: 0 0 0 1px #F5F5F5 inset;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 1px;
}
.files::before{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.files:hover::before,
.files:focus::before{
    text-decoration: none;
    outline: none;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 0 1px #00AEEF inset;
    -moz-box-shadow: 0 0 0 1px #00AEEF inset;
    -ms-box-shadow: 0 0 0 1px #00AEEF inset;
    -o-box-shadow: 0 0 0 1px #00AEEF inset;
    box-shadow: 0 0 0 1px #00AEEF inset;
}
.files:hover,
.files:focus{
    text-decoration: none;
    outline: none;
    background: #FFFFFF;
    -webkit-box-shadow: 0 0 0 1px #00AEEF inset;
    -moz-box-shadow: 0 0 0 1px #00AEEF inset;
    -ms-box-shadow: 0 0 0 1px #00AEEF inset;
    -o-box-shadow: 0 0 0 1px #00AEEF inset;
    box-shadow: 0 0 0 1px #00AEEF inset;
}
/*-section discovery index---------------------------------------*/
.section-discovery{
    margin: 0;
    padding: 25px 0 50px 0;
}
.col-nav-book{
    margin: 0;
    padding: 0 15px 0 0;
}
.nav-book{
    background: #FFFFFF;
    margin: 0;
    padding: 0;
}
.nav-discovery,
.download-discovery{
    width: 25px;
    height: 275px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding: 0;
}
.nav-discovery a{
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: 0 0 5px 0;
    padding: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
}
.download-discovery a{
    display: inline-block;
    width: 25px;
    height: 25px;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 1;
}
.nav-discovery a:hover,
.download-discovery a:hover{
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    transition: opacity 0.5s;
    opacity: 0.5;
}
.nav-discovery a:focus,
.download-discovery a:focus{
    outline: 0;
}
.legend-book{
    background: #FFFFFF;
    width: 290px;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0;
    padding: 10px;
    display: block;
}
.legend-book p{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
}
.legend-book a{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #00AEEF;
    text-align: left;
    color: #00AEEF;
    margin: 0;
    padding: 0;
}
.legend-book a:hover,
.legend-book a:focus{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.discovery-link{
    width: 100%;
    min-height: 550px;
    margin: 0;
    padding: 0;
}
.partner-link{
    background: none;
    width: 100%;
    height: auto;
    margin: 0 0 20px 0;
    padding: 0;
}
.website-link{
    background: none;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.partner-link h3,
.website-link h3{
    margin: 0;
    padding: 0;
}
.partner-link h3 a,
.website-link h3 a{
    background: none;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    color: #00AEEF;
    font-size: 22px;
    text-shadow: 0 1px 0 #FFFFFF;
    border-bottom: 1px solid #00AEEF;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px;
}
.partner-link h3 a:hover,
.partner-link h3 a:focus,
.website-link h3 a:hover,
.website-link h3 a:focus{
    text-decoration: none;
    outline: 0;
}
.partner-link ul,
.website-link ul{
    list-style: none;
    margin: 0;
    padding: 5px;
}
.partner-link li,
.website-link li{
    margin: 0;
    padding: 0 0 2px 0;
    color: #000000;
    font-size: 14px;
}
.partner-link a,
.website-link a{
    color: #00AEEF;
    font-size: 14px;
}
.partner-link a:hover,
.partner-link a:focus,
.website-link a:hover,
.website-link a:focus{
    color: #00AEEF;
    text-decoration: none;
    outline: 0;
}
.bb-custom-wrapper{
    width: 665px;
    height: 550px;
    position: relative;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
.bb-bookblock{
    width: 665px;
    height: 550px;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bb-page{
    position: absolute;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    transition-property: transform;
}
.bb-vertical .bb-page{
    width: 50%;
    height: 100%;
    left: 50%;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    transform-origin: left center;
}
.bb-horizontal .bb-page{
    width: 100%;
    height: 50%;
    top: 50%;
    -webkit-transform-origin: center top;
    -moz-transform-origin: center top;
    transform-origin: center top;
}
.bb-page > div,
.bb-outer,
.bb-content,
.bb-inner{
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.bb-outer{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bb-vertical .bb-content{
    width: 200%;
}
.bb-horizontal .bb-content{
    height: 200%;
}
.bb-page > div {
    width: 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.bb-page > div:not(:only-child){
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bb-vertical .bb-back{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.bb-horizontal .bb-back{
    -webkit-transform: rotateX(-180deg);
    -moz-transform: rotateX(-180deg);
    transform: rotateX(-180deg);
}
.bb-outer{
    width: 100%;
    overflow: hidden;
    z-index: 999;
}
.bb-overlay, 
.bb-flipoverlay{
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.bb-flipoverlay{
    background-color: rgba(0, 0, 0, 0.2);
}
.bb-bookblock.bb-vertical > div.bb-page:first-child,
.bb-bookblock.bb-vertical > div.bb-page:first-child .bb-back{
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.bb-bookblock.bb-horizontal > div.bb-page:first-child,
.bb-bookblock.bb-horizontal > div.bb-page:first-child .bb-back{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.bb-vertical .bb-front .bb-content{
    left: -100%;
}
.bb-horizontal .bb-front .bb-content{
    top: -100%;
}
.bb-vertical .bb-flip-next,
.bb-vertical .bb-flip-initial{
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
}
.bb-vertical .bb-flip-prev{
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    transform: rotateY(0deg);
}
.bb-horizontal .bb-flip-next,
.bb-horizontal .bb-flip-initial{
    -webkit-transform: rotateX(180deg);
    -moz-transform: rotateX(180deg);
    transform: rotateX(180deg);
}
.bb-horizontal .bb-flip-prev{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    transform: rotateX(0deg);
}
.bb-vertical .bb-flip-next-end{
    -webkit-transform: rotateY(-15deg);
    -moz-transform: rotateY(-15deg);
    transform: rotateY(-15deg);
}
.bb-vertical .bb-flip-prev-end{
    -webkit-transform: rotateY(-165deg);
    -moz-transform: rotateY(-165deg);
    transform: rotateY(-165deg);
}
.bb-horizontal .bb-flip-next-end{
    -webkit-transform: rotateX(15deg);
    -moz-transform: rotateX(15deg);
    transform: rotateX(15deg);
}
.bb-horizontal .bb-flip-prev-end{
    -webkit-transform: rotateX(165deg);
    -moz-transform: rotateX(165deg);
    transform: rotateX(165deg);
}
.bb-item{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
/*-ABOUT PAGE---------------------------------------------------*/
/*--------------------------------------------------------------*/
/*-tools about page---------------------------------------------*/
.section-about-page{
    margin: 0;
    padding: 0 0 50px 0;
}
/*-nav about page-*/
#expertise,
#prevention,
#referencement,
#aide{
    width: 100%;
    height: 100px;
}
.navigation-about-page{
    background: #FFFFFF;
    width: 100%;
    height: auto;
    position: absolute;
    margin: 0;
    padding: 0;
}
.nav-about-page{
    background: #FFFFFF;
    width: 100%;
    height: auto;
}
.border-bottom-nav-about-page{
    background: url("../../img/img-background/img-background-nav-4px.png") #FFFFFF;
    width: 100%;
    height: 5px;
}
.fixNavigation{
    position: fixed;
    top: 0;
    z-index: 9999;
}
.text-about-page{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 25px 0;
}
.article{
    margin: 0;
    padding: 25px 0 25px 0;
}
.article img{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 5px 0 0 0;
}
.text-article{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin: 0;
    padding: 0;	
}
.text{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin: 0;
    padding: 0 0 25px 0;	
}
/*-FILES PAGE---------------------------------------------------*/
/*--------------------------------------------------------------*/
/*-tools files page---------------------------------------------*/
.section-files-page{
    margin: 0;
    padding: 0 0 50px 0;
}
.round-border{
    border: none;
    background: none;
    margin: 0;
    padding: 0;
}
.text-toggle{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 0 0 25px 0;
}
.nav-toggle{
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    float: left;
}
.img-expo{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 25px 0;
    display: block;	
}
.img-expo img{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0;
    display: block;	
}
/*-HELP PAGE---------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-tools help page---------------------------------------------*/
.section-help-page{
    margin: 0;
    padding: 0 0 50px 0;
}
.col-lateral{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.a-col-lateral{
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0 0 25px 0;
}
.a-download-form,
.a-download-form:hover{
    width: 100%;
    height: auto;
    background: #00AEEF;
    color: #FFFFFF;
    font-size: 18px;
    padding: 5px 0 5px 0;
    margin: 0;
    display: block;
    outline: 0;
    text-decoration: none;
    text-align: center;
}
.text-help-page{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding: 25px 0 25px 25px;
}
/*section contact*/
.section-contact-help{
    margin: 0;
    padding: 0 0 50px 0;
}
.col-contact{
    border: 1px solid #CCCCCC;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    width: 100%;
    height: auto;
    padding: 10px 10px 0 10px;
    margin: 0;
}
.p-col-contact{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.label-contact{
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #00AEEF;
    font-weight: normal;
}
.col-alert-contact{
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
    font-size: 14px;
    text-align: center;
    padding: 0;
    margin: 25px 0 0 0;
}
.btn-submit{
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #00AEEF;
    color: #FFFFFF;
    font-size: 18px;
    outline: 0;
    text-decoration: none;
    padding: 0;
    margin: 25px 0 0 0;
    display: block;
}
/*-PLAN PAGE---------------------------------------------------*/
/*-------------------------------------------------------------*/
/*-tools plan page---------------------------------------------*/
.section-plan{
    margin: 0 0 50px 0;
    padding: 0;
}
.plan{
    margin: 0;
    padding: 0;
}
.ul-plan{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ul-plan .link-plan{
    border-bottom: 1px solid #00AEEF;
}
.ul-plan .list-link-plan{
    text-align: left;
}
/*-MENTIONS PAGE---------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*-tools mentions page---------------------------------------------*/
.section-mentions{
    margin: 0 0 50px 0;
    padding: 0;
}