/* GENERAL */
* {box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
html, body {padding: 0;margin: 0;width: 100%;}
body {font-family: 'Comfortaa', Verdana, cursive;overflow-y: scroll;background: #f8f8f8;}

body a {text-decoration: none;color: #ea3900;}

/* HEADER */
header {background: #000233;position: fixed;left: 0;top: 0;right: 0;text-align: center;height: 125px;z-index: 20;}
#logo {color: #ea3900;padding: 15px 5px 5px 5px;font-weight: 300;}
#slogan {color: #dddddd;font-size: 10px;padding-bottom: 10px;}
#icon-nav {height: 125px;position: fixed;right: 0;top: 0;width: 100px;background: url(../images/icon-nav.png) center center no-repeat;cursor: pointer;opacity: 1;}
#icon-nav:hover {opacity: 0.6;}

/* MENU */
nav {position: fixed;width: 350px; top: 0;right: -350px;bottom: 0;background: #ea3900;z-index: 30;border-left: #000233 solid 1px;}
.nav-title {border-bottom: 1px solid #ce3503;padding-left: 15px;padding-right: 15px;position: relative;color: #fff;background: #ce3503;height: 125px;line-height: 125px;font-weight: 600;}
.nav-content a {display: block;padding: 10px 15px;color: #fff;font-size: 14px;}
.nav-content a:hover {background: #000233;}
.nombre-actu {display: inline-block;vertical-align: middle;}
.icon-close {background: url(../images/nav-close.png) center center no-repeat;width: 48px;position: absolute;top: 0;bottom: 0;right: 20px;cursor: pointer;}

.content-box-search {background: #fff;margin: 15px;position: relative;margin-bottom: 20px;}
.search-left {float: left; width: 80%;padding: 10px;}
.search-right {position: absolute;right: 0;top: 0;bottom: 0;width: 20%;}
.search-right input {position: absolute;right: 0;top: 0;bottom: 0;background: #000750 url(../images/btn-search.png) center center no-repeat;width: 100%;display: inline-block;border: none;cursor: pointer;}
.search-right input:hover {background: #000233 url(../images/btn-search.png) center center no-repeat;}
.search-void {background: #fff;padding: 60px 20px;margin: 15px;text-align: center;}
.texte-important {color: #820505;font-weight: 300;}
.input-search {padding: 5px;display: block;width:100%;font-family: 'Comfortaa', Verdana, cursive;border: none; outline: none;}

/* CONTENU */
#container {margin: 145px auto auto auto;width: 1024px;position: relative;}
#container h1 {margin: 20px 20px;padding-top: 10px;padding-bottom: 10px;border-bottom: 1px solid #ccc;}

.box-list-actu {margin-bottom: 30px;}
.actualite {width: 33.3333%;padding: 10px 20px;float: left;}
.actu-info {background: #fff;border: 1px solid #ddd;height: 560px;overflow: hidden;}
.actu-info-image {height: 200px;overflow: hidden;}
.actu-info-rubrique {color: #ffffff;background: #000233;padding: 10px;text-transform: uppercase;font-weight: 100;font-size: 12px;}
.actu-info-comment-vue {margin-top: 10px;}
.actu-info-comment-vue .comment,.actu-info-comment-vue .vue {float: left;width: 50%;padding: 5px 10px;font-size: 12px;}
.actu-info-comment-vue .icon-actu, .box-actu-details h3 .icon-actu {width: 32px;height: 32px;display: inline-block;vertical-align: middle;margin-right: 5px;}
.actu-info-comment-vue .icon-comment, .box-actu-details h3 .icon-comment  {background: url(../images/icon-comment.png) center center no-repeat;}
.actu-info-comment-vue .icon-vue {background: url(../images/icon-vue.png) center center no-repeat;}
.actu-info-title {padding: 2px 10px;font-size: 13px;}
.actu-info-title a:hover, .actu-info-accroche a:hover {color: #000233;}
.actu-info-accroche {padding: 10px;font-size: 13px;border-top: 1px solid #eeeeee;color: #444;}
.categorie-actualite {margin: 10px 10px 50px 10px;border-bottom: 1px solid #eee;padding: 0 10px;}
.categorie-actualite a {display: inline-block;padding: 10px;background: #ea3900;border: #ea3900 1px solid;color: #000233;font-weight: 100;}
.categorie-actualite a:hover {background: transparent}

.file-ariane {margin: 20px;padding-top: 20px;border-bottom: 1px solid #ddd;}
.file-ariane a {font-size: 12px;font-weight: 100;}
.file-ariane a:hover {color: #000233;}

.box-actu-details {float: left;width: 60%;padding: 20px;}
.actu-current {background: #fff;padding: 0;}
.actu-current img {width: 100%;}
.other-image {}
.other-image .image-second,.other-image .image-troisieme {float: left;width: 50%;padding: 15px;}
.other-image .image-second img {border: 1px solid #eee;padding: 5px;cursor: pointer;}
.other-image .image-troisieme img {border: 1px solid #eee;padding: 5px;cursor: pointer;}
.actu-current-description {padding: 15px;}
.box-actu-details h3 {color: #555555;border-bottom: #555555 solid 1px;}
.share-rs {padding: 10px;background: #eee;}
.share-rs a {display: inline-block;font-size: 12px;}
.share-rs a:hover {color: #000233;}
.share-rs .share-icon {display: inline-block;vertical-align: middle;width: 32px;height: 32px;margin-right: 5px;}
.share-rs .share-icon-facebook {background: url(../images/facebook.png) center center no-repeat;}

.box-actu-suite {float: right;width: 40%;padding: 20px;position: sticky;top: 0;right: 0}
.content-box-actu-suite {border: 1px solid #ccc;background: #fff;}
.titre-actu-suite {background: #000233;border-bottom: 1px solid #ddd;font-weight: 400;padding: 10px;color: #fff;}
.content-actu-suite {padding: 10px;}

.suite-actu {position: relative;height: 150px;overflow: hidden;margin-bottom: 15px;border: 1px solid #eee;}
.suite-actu-image {position: absolute;left: 0;top: 0;bottom: 0;width: 160px;background:red;}
.suite-actu-content {margin-left: 170px;}
.suite-actu-titre {padding-top: 10px;}
.suite-actu-content a:hover {color: #000233;}
.suite-actu-accroche {display: none;color: #666;margin-top: 15px;font-size: 13px;}

.box-comments-container {}
.content-comment {border: 1px solid #ddd;box-shadow: 2px 0px 3px #ddd;
-o-box-shadow: 2px 0px 3px #ddd;
-ms-box-shadow: 2px 0px 3px #ddd;
-moz-box-shadow: 2px 0px 3px #ddd;
-webkit-box-shadow: 2px 0px 3px #ddd;position: relative;margin-top: 50px;margin-left: 25px;background: #fff;}
.bulle-pseudo {width: 50px;height: 50px;border: 1px solid #ccc;text-align: center;line-height: 50px;border-radius: 50%;position: absolute;top: -25px;left: -25px;background:#fff;}
.body-comment {font-size: 12px;padding: 20px;}
.footer-comment {padding: 20px;border-top: 1px solid #ddd;}
.footer-comment .repondre, .head-comment .repondre {margin-right: 5px; width: 12px; height: 12px; display: inline-block;vertical-align: middle;background: url(../images/repondre.png) center center no-repeat;}
.footer-comment .btn-reply {background: transparent;border: none;font-size: 13px;cursor: pointer;color: #ea3900;display: inline-block;text-transform: uppercase;}
.footer-comment .btn-reply:hover {color: #250b6e;}
.suite-commentaire {display: none;}
.lien-comment {color: #ea3900;cursor: pointer;}
.lien-comment:hover {color: #000233;}
.comment-children {margin-left: 45px;position: relative;}

.head-comment {padding: 20px;font-size: 12px;border-bottom: 1px solid #ddd;background: #eee;}
.first-comment {background: #fff;text-align: center;padding: 30px 20px;color: #820505;font-size: 13px;}

#form-add-comment {background: #fff;padding: 15px;margin-left: 25px;margin-top: 10px;}
#form-add-comment h4 {padding: 0;margin: 0;border-bottom: 1px solid #ddd;margin-bottom: 20px;}
.box-btn {margin-top: 20px;}
.btn-envoyer {background: #000750; color: #ea3900; padding: 10px; width: 100%; text-align: center; cursor: pointer; border: 1px #250b6e solid;}
.btn-envoyer:hover {background: transparent;}
.content-form-contact {margin: 15px;position: relative;}
.description-contact {margin: 15px;padding: 15px 10px;background: #fff;}
.box-form-contact {padding: 10px;}
.box-form-contact {background: #fff;float: left; width: 60%;}
.vdsv-captcha {margin-top: 10px;background: #f9f9f9;padding: 10px;}
.vdsv-captcha .securite {font-size: 13px;margin-bottom: 10px;}
.box-service-presse {float: right;width: 35%;background: #fff;}
.titre-service-presse {background: #eee;border-bottom: 1px solid #ddd;padding: 10px;font-weight: 600;text-transform: uppercase;}
.content-service-presse {padding: 10px;position: sticky;top: 0;right: 0}
.content-service-presse h5 {border-bottom: 1px solid #ddd;}

.resultat-success, .resultat-erreur {margin: 15px;padding: 20px;text-align: center;}
.resultat-success {background: #2e8300;color: #c2f9a4;}
.resultat-erreur {background: #8f0000;color: #ffb2b2}

#box-newsletter {margin-top: 10px;}
.titre-newsletter {margin-bottom: 10px;}

.btn-newsletter {display: inline-block;padding: 10px;cursor: pointer;background: #ea3900;color: #fff;border: none;text-transform: uppercase;}
.btn-newsletter:hover {background: #ce3503;}

/* FOOTER */
footer {background: #111111;color: #fff;}
#footer {width: 1024px;margin: 0 auto;padding-top: 25px;padding-bottom: 25px;}
.box-footer {float: left; width: 33.3333%;padding: 10px 20px;}
.title-footer {text-transform: uppercase;font-weight: 300;border-bottom: 1px dashed #aaa;margin-bottom: 10px;padding-bottom: 10px;color: #aaaaaa;}
.content-footer a {display: block;padding: 5px 0;}
.content-footer a:hover {color: #ddd;}
#copyright {background: #1C1C1C;text-align: center;padding-top: 20px;font-size: 11px;color: #eee;padding-bottom: 20px;padding-left: 10px;padding-right: 10px;}
.footer-icon {width: 24px; height: 24px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.icon-facebook {background: url(../images/facebook.png) center center no-repeat;}
.icon-rss {background: url(../images/rss.png) center center no-repeat;}

.content-error-newsletter {color: #ffa9a9; background: #9c0000;padding: 10px 5px;display: block;font-size: 10px;margin-bottom: 5px;}
.content-success-newsletter {color: #b7ffa9;background: #126c00;font-size: 13px;padding: 10px 5px;}
#box-newsletter a {display: inline !important;}

/* AUTRES */
.clear {clear: both;}
.line-separator {border-top: #000750;height: 1px;margin-top: 5px;margin-bottom: 6px;}
.separator-box {border-bottom: 1px solid #ccc; margin: 10px 0;}
.separator {border-top: 1px dashed #ddd; margin: 20px 0;}

.flash {margin-bottom: 10px;}
.flash-box {position: relative;}
.flash-box-error {background: #fa7373;}
.flash-box-icon {width: 55px;position:absolute;top:0;bottom:0;left:0;}
.flash-box-icon-error {background: #bd4444 url(../images/icons/warning.png) center center no-repeat;}
.flash-box-content {margin-left: 50px;padding: 25px 20px;color:#fff;font-weight: 300;}
.flash-box-success {background: #4bc04e;}
.flash-box-icon-success {background: #28832a url(../images/icons/valid.png) center center no-repeat;}
.flash-title-error {background:#820505}
.flash-success {background: #4E8538;}
.flash-title {padding: 10px; text-align: center;color:#fff;}
.flash-title-success {background: #329219}
.flash-error {background: #F00;position: relative}
.flash-title {padding: 10px; border-bottom: 1px solid #ddd;color: #fff;font-weight: bold;}
.flash-content {padding: 10px; color: #fff; font-size: 15px;}
.flash-content a {color: #000;text-decoration: none;}
.flash-content a:hover {color:#eee;text-decoration: underline}

/* Transition color */
.transition-color {transition: color 0.3s;-o-transition: color 0.3s;-ms-transition: color 0.3s;-moz-transition: color 0.3s;-webkit-transition: color 0.3s;}
.transition-background {transition: background 0.3s;-o-transition: background 0.3s;-ms-transition: background 0.3s;-moz-transition: background 0.3s;-webkit-transition: background 0.3s;}
.transition-border {transition: border 0.3s;-o-transition: border 0.3s;-ms-transition: border 0.3s;-moz-transition: border 0.3s;-webkit-transition: border 0.3s;}
.transition-opacity {transition: opacity 0.3s;-o-transition: opacity 0.3s;-ms-transition: opacity 0.3s;-moz-transition: opacity 0.3s;-webkit-transition: opacity 0.3s;}

/* Border radius */
.border-radius-5 {border-radius: 5px;-o-border-radius: 5px;-ms-border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.border-radius-10 {border-radius: 10px;-o-border-radius: 10px;-ms-border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}

/* Box shadow */
.box-shadow {box-shadow: 2px 0px 3px #ddd;-o-box-shadow: 2px 0px 3px #ddd;-ms-box-shadow: 2px 0px 3px #ddd;-moz-box-shadow: 2px 0px 3px #ddd;-webkit-box-shadow: 2px 0px 3px #ddd;}

/* Pagination. */
#container-pagination {padding: 15px;}
#pagination {padding-top: 10px;}
#pagination span a, .link-page-no-actif {display: inline-block;padding: 10px;
    border: 1px solid #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#pagination .link-page-no-actif {background: #fff;}
#pagination span a {transition: border 0.4s, color 0.4s, background 0.4s;}
#pagination .link-page-actif a {color: #fff;background: #075d74;}
#pagination .link-page-actif a:hover {color: #075d74;background: #fff;}
#pagination .link-page-actif, #pagination .link-page-no-actif, #pagination a {padding: 10px;display: inline-block;min-width: 17px;margin-right: 5px;text-align: center;}

#pagination a {
    margin-bottom: 10px;
    //border: #ce3503 1px solid;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    font-family: Nexa,Helvetica,Arial,Verdana,Arial,sans-serif;
    background: #ce3503;
    color: #fff;
}
#pagination a:hover {background: transparent;color: #ce3503}