/** ATYPIC 2016 **/


/* Table des matieres 

    / Import des pictos /
    / I GLOBAL /
    / II NAVBAR /
    / III SEARCH /
    / IV RESULTATS /
    / V CONTAINER /
    / VI FOOTER /

    *** pages spécifiques **
    
    / A LOGIN /
    / B HOMEPAGE /
    / C VIDEOTHEQUE /
    / D ELEMENTS GRAPHIQUES /
    / E RESULTATS DE RECHERCHES /
    / F DETAILS /
    / G POPUP /
    / H REPORTAGES /
    / I LISTE DES REPORTAGES /
    / J MAPS /
    / K THEMES /
    / L ABCDAIRE /
    / M MY ACCOUNT /
    / N SELECTION EN COUR /
    / O SHOPPING BAG /

*/


/* Import des icons SVG */

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

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'areva-icon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-localisation:before {
    content: "\e914";
}

.icon-mail:before {
    content: "\e915";
}

.icon-phone:before {
    content: "\e916";
}

.icon-validate:before {
    content: "\e911";
}

.icon-cancel:before {
    content: "\e912";
}

.icon-zoom:before {
    content: "\e913";
}

.icon-arrow-liste:before {
    content: "\e910";
}

.icon-account:before {
    content: "\e900";
}

.icon-arrow-down:before {
    content: "\e901";
}

.icon-arrow-left:before {
    content: "\e902";
}

.icon-arrow-right:before {
    content: "\e903";
}

.icon-arrow-up:before {
    content: "\e904";
}

.icon-checklist:before {
    content: "\e905";
}

.icon-close:before {
    content: "\e906";
}

.icon-grid:before {
    content: "\e907";
}

.icon-liste-right:before {
    content: "\e908";
}

.icon-liste:before {
    content: "\e909";
}

.icon-more:before {
    content: "\e90a";
}

.icon-picto-add-cart:before {
    content: "\e90b";
}

.icon-picto-eye:before {
    content: "\e90c";
}

.icon-picto-image:before {
    content: "\e90d";
}

.icon-search:before {
    content: "\e90e";
}

.icon-shop:before {
    content: "\e90f";
}


/* I GLOBAL */

body {
    background: #eee;
}

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


/* II NAVBAR */

.navbar {
    background: rgba(25, 32, 35, 0.95);
    -webkit-box-shadow: 0 0 15px 0 rgba(13, 15, 14, 0.55);
    box-shadow: 0 0 15px 0 rgba(13, 15, 14, 0.55);
}

.navbar h1 {
    margin: 0px;
    display: inline-block;
}

.navbar .logo-container {
    background: #FFF;
    margin-right: 20px;
}

.navbar .logo-container,
.navbar .menu,
.navbar .user,
.navbar .langage {
    float: left
}

.navbar ul {
    margin: 0px;
}

.navbar .menu .list-inline > li {
    text-align: center;
    text-transform: uppercase;
    padding: 0px;
    display: block;
    float: left;
}

.navbar .menu .list-inline > li:last-of-type a {
    border-right: 1px solid #000;
}

.navbar .menu ul li a {
    color: #c1c1c1;
    display: block;
    padding: 15px 12px;
    line-height: 15px;
    border-left: 1px solid #000;
}

.navbar .menu ul li a.metier:hover,
.navbar .menu ul li a.metier.active,
.navbar .dropdown-menu li a.metier:hover,
.navbar .dropdown-menu li a.metier.active {
    color: #bdbf0d;
}

.navbar .menu ul li a.phototheque:hover,
.navbar .menu ul li a.phototheque.active,
.navbar .dropdown-menu li a.phototheque:hover,
.navbar .dropdown-menu li a.phototheque.active {
    color: #00b2cb;
}

.navbar .menu ul li a.videotheque:hover,
.navbar .menu ul li a.videotheque.active,
.navbar .dropdown-menu li a.videotheque:hover,
.navbar .dropdown-menu li a.videotheque.active {
    color: #cc0066;
}

.navbar .menu ul li a.rushes:hover,
.navbar .menu ul li a.rushes.active,
.navbar .dropdown-menu li a.rushes:hover,
.navbar .dropdown-menu li a.rushes.active {
    color: #cc0066;
}

.navbar .menu ul li a.parutions:hover,
.navbar .menu ul li a.parutions.active,
.navbar .dropdown-menu li a.parutions:hover,
.navbar .dropdown-menu li a.parutions.active {
    color: #FFE600;
}

.navbar .menu ul li a.graphique:hover,
.navbar .menu ul li a.graphique.active,
.navbar .dropdown-menu li a.graphique:hover,
.navbar .dropdown-menu li a.graphique.active {
    color: #ff6600;
}

.navbar .menu ul li a.metier.active,
.navbar .dropdown-menu li a.metier.active {
    background: url(../images/border-menu-metier.gif) repeat-x bottom 1px left #192023;
}

.navbar .menu ul li a.phototheque.active,
.navbar .dropdown-menu li a.phototheque.active {
    background: url(../images/border-menu-corporate.gif) repeat-x bottom 1px left #192023;
}

.navbar .menu ul li a.videotheque.active,
.navbar .dropdown-menu li a.videotheque.active {
    background: url(../images/border-menu-video.gif) repeat-x bottom 1px left #192023;
}

.navbar .menu ul li a.rushes.active,
.navbar .dropdown-menu li a.rushes.active {
    background: url(../images/border-menu-video.gif) repeat-x bottom 1px left #192023;
}

.navbar .menu ul li a.graphique.active,
.navbar .dropdown-menu li a.graphique.active {
    background: url(../images/border-menu-graphique.gif) repeat-x bottom 1px left #192023;
}

.navbar .menu .list-inline > li:hover {
    background: #192023;
}

.navbar .menu .list-inline > li.active {
    background: #192023;
}

.navbar .menu ul li a:hover {
    text-decoration: none;
}

.navbar .menu ul li a span {
    display: block;
}

.account-utility {
    float: right;
    margin-right: 0px;
}

.navbar .user a,
.navbar .langage a {
    line-height: 30px;
    margin: 15px 0 0;
    display: block;
}

.navbar .user a.active {
    margin: 15px 0 0 0;
    padding-top: 15px;
}

.navbar .user a.add {
    /*background: #c4122f;*/
    background: #FFE600;
    color:black;
}

.navbar .user li:first-of-type a.add.active {
    background: #929495;
}

.navbar .user a.add:hover {
    /*background: #ff0040;*/
    background: #FFE600;
}

.navbar .user .list-inline > li {
    padding: 0px;
    margin: 0 2px;
    vertical-align: top;
}

.navbar .user a {
    width: 30px;
    text-align: center;
    background: #40474c;
    color: #FFF;
}

.navbar .user a:hover {
    background: #929495;
}

.navbar .langage {
    margin-left: 15px;
}

.navbar .langage .list-inline > li {
    padding: 0px;
}

.navbar .langage a {
    color: #9d9e9e;
    text-transform: uppercase;
    font-size: 10px;
}

.navbar .langage a.active {
    color: #FFF;
}

.navbar .langage a:hover {
    color: #FFF;
}

.navbar .menu-tablet {
    float: left;
    margin-top: 9px;
    border-left: 1px solid #000100;
    padding: 6px 10px;
}

.navbar .menu-tablet button {
    background: #939496;
    color: #FFF;
    text-transform: uppercase;
    border: 0px;
    padding: 5px 10px;
}

.navbar ul.dropdown-menu {
    background: #454a4d;
    border-radius: 0px;
    top: 52px;
    max-width: 210px;
    padding: 0px;
    border: 0px;
    z-index: 5;
}

.navbar ul.dropdown-menu li {
    text-align: center;
    border-bottom: 1px solid #34393c;
}

.navbar ul.dropdown-menu li:last-of-type {
    border-bottom: 0px;
}

.navbar ul.dropdown-menu a {
    color: #b4b4b4;
    text-transform: uppercase;
    display: block;
    line-height: 14px;
    padding: 12px 0;
    width: 210px;
}

.navbar ul.dropdown-menu a:hover {
    background: #182023;
}

.navbar ul.dropdown-menu a span {
    display: block;
}


/* Couleur des menus */

.navbar .menu .list-inline > li a.videotheque:hover,
.navbar ul.dropdown-menu a.videotheque:hover {
    color: #cc0066;
}

.navbar .menu .list-inline > li a.rushes:hover,
.navbar ul.dropdown-menu a.rushes:hover {
    color: #cc0066;
}

.navbar .menu .list-inline > li a.parutions:hover,
.navbar ul.dropdown-menu a.parutions:hover {
    color: #FFE600;
}

.navbar .menu .list-inline > li a.phototheque:hover,
.navbar ul.dropdown-menu a.phototheque:hover {
    color: #00b2cb;
}

.navbar .menu .list-inline > li a.metier:hover,
.navbar ul.dropdown-menu a.metier:hover {
    color: #bdbf0d;
}

.navbar .menu .list-inline > li a.graphique:hover,
.navbar ul.dropdown-menu a.graphique:hover {
    color: #ff6600;
}


/* III SEARCH */

.search .icon-search {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    font-size: 30px;
    color: #7b7d7e;
    width: 45px;
    line-height: 26px;
}

.search .form-control:focus,
.search .submit:focus {
    box-shadow: none;
    outline: none;
}

.search .form-control#search-bar {
    font-style: italic;
    padding-left: 3px;
    margin-left: 3px;
}

.search .dropdown-menu {
    border-radius: 0px;
    margin: -2px 0 0 0px;
    width: auto;
    border: none;
    right: 0px;
    padding: 0px 0px 5px 0px;
}

.search .dropdown-menu a,
.search .dropdown-menu p {
    line-height: 30px;
    padding: 0 10px;
    font-size: 14px;
    margin: 0px;
}

.search .dropdown-menu p {
    text-transform: uppercase;
}

.search .dropdown-menu a span {
    color: #6b6b6b;
    font-size: 10px;
    display: inline-block;
    width: 12px;
    text-align: center;
}

.search .dropdown-menu a.disable,
.search .dropdown-menu a.disable span {
    color: #a9a9a9;
}

.search .dropdown-menu a.disable:hover,
.search .dropdown-menu a.disable:hover span {
    color: #192023;
}

.search .dropdown-menu p {
    font-weight: bold;
    color: #192023;
}

.search .dropdown-menu .divider {
    margin: 2px 10px;
    background: none;
    border-bottom: 1px dotted #d4d4d4;
}

.search .dropdown-menu a:hover {
    background: #dddede;
}

.search button.dropdown-toggle.btn {
    border-radius: 0px;
    border-left: 1px solid #d4d4d4;
    box-shadow: none;
    border-bottom: 0px;
    border-right: 0px;
    border-top: 0px;
    margin: 2px 0;
    height: 26px;
    line-height: 26px;
    padding: 0 12px;
    min-width: 261px;
    text-align: left;
}

.search button.dropdown-toggle.btn:active,
.search button.dropdown-toggle.btn:focus {
    background: #FFF;
}

.search .input-group {
    background: #FFF;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(13, 15, 14, 1);
    -moz-box-shadow: 5px 5px 5px 0px rgba(13, 15, 14, 1);
    box-shadow: 5px 5px 5px 0px rgba(13, 15, 14, 1);
    /* -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; */
}

.search .btn {
    border: none;
}

.search .submit {
    height: 44px;
    border-radius: 0px;
    /*color: #FFF;
    background: #cc0033;*/
    background: #FFE600;
    color:black;
    text-transform: uppercase;
    padding: 0 43px;
    margin-left: 0px !important;
}

.search .submit:hover {
    /*background: #ff0040;
    color: #FFF;*/
}

.search .form-control {
    height: 44px;
    background: none;
    border-radius: 0px;
    border: 0px;
}

.search button.dropdown-toggle.btn:hover {
    background: #FFF;
}

.search button.dropdown-toggle.btn:focus span:before {
    color: #FFF;
}

.search button.dropdown-toggle.btn span {
    font-size: 8px;
    margin-left: 10px;
    float: right;
    line-height: 26px;
}

.search .container {
    /* -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease; */
}

.search .container.fixed {
    width: 100%;
    padding: 0px;
    padding-top: 38px;
    top: 60px;
    z-index: 3;
    position: fixed;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(13, 15, 14, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(13, 15, 14, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(13, 15, 14, 0.75);
}

.search .container.fixed .input-group {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.search .container.fixed .icon-search {
    padding-left: 0px;
}

.search .container.fixed .icon-search:before {
    border-left: 1px solid rgba(147, 147, 147, 0.4);
    font-size: 23px;
    padding-left: 10px;
}

.search .container.fixed .row {
    margin: 0 auto;
    max-width: 960px;
}

.search .container.fixed .col-sm-8 {
    width: auto;
    margin-left: 120px;
    padding-right: 0px;
    padding-left: 0px;
}


/* IV RESULTATS */

.results .container-img {
    position: relative;
    margin-bottom: 10px;
}

.results .container-img > a {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.best .container-img > a {
    display: table-cell;
}

.results .container-img a:hover .desc {
    background: rgba(25, 32, 35, 0.95);
}

.results .container-img a:hover img {
    -webkit-transform: scale(1.10);
    /* Safari and Chrome */
    -moz-transform: scale(1.10);
    /* Firefox */
    -ms-transform: scale(1.10);
    /* IE 9 */
    -o-transform: scale(1.10);
    /* Opera */
    transform: scale(1.10);
}

.results .video .container-img a:hover img {
    -webkit-transform: none;
    /* Safari and Chrome */
    -moz-transform: none;
    /* Firefox */
    -ms-transform: none;
    /* IE 9 */
    -o-transform: none;
    /* Opera */
    transform: none;
}

.videotheque .results > .video > .container-img a:hover:before,
.videotheque .results-filtered > .video > .container-img a:hover:before {
    background: url(../images/play.png) no-repeat center center rgba(0, 0, 0, 0.5);
    background-size: 60px;
}

.videotheque .results > .video.col-sm-4 > .container-img a:hover:before,
.videotheque .results > .video.col-sm-6 > .container-img a:hover:before,
.videotheque .results-filtered > .video.col-sm-4 > .container-img a:hover:before,
.videotheque .results-filtered > .video.col-sm-6 > .container-img a:hover:before {
    background-size: 95px;
}

.rushes .results > .video > .container-img a:hover:before,
.rushes .results-filtered > .video > .container-img a:hover:before {
    background: url(../images/play.png) no-repeat center center rgba(0, 0, 0, 0.5);
    background-size: 60px;
}

.rushes .results > .video.col-sm-4 > .container-img a:hover:before,
.rushes .results > .video.col-sm-6 > .container-img a:hover:before,
.rushes .results-filtered > .video.col-sm-4 > .container-img a:hover:before,
.rushes .results-filtered > .video.col-sm-6 > .container-img a:hover:before {
    background-size: 95px;
}

.results img {
    width: 100%;
    display: block;
    margin: 0px;
    height: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.results .desc {
    position: absolute;
    bottom: 0px;
    z-index: 2;
    background: rgba(25, 32, 35, 0.8);
    color: #FFF;
    padding: 10px;
    width: 100%;
}

.results .desc p {
    margin: 0px;
    line-height: 14px;
}

.results .desc .date,
.results .video .desc p.date {
    font-size: 12px;
    color: #aeaeae;
}

.results .video .desc p,
.results .video .desc span {
    font-size: 13px;
}

.results .video .desc span {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 5px 10px;
    background: rgba(25, 32, 35, 0.90);
}

.title-section p {
    font-size: 18px;
    margin-bottom: 6px;
    margin-top: 23px;
    line-height: 18px;
}

.best .container-img {
    background: #dddddd;
    padding: 10px;
    text-align: center;
    height: 200px;
    overflow: hidden;
    vertical-align: middle;
    display: table;
    width: 100%;
}

.best .container-img img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 180px;
}


/* V CONTAINER */

.main-content {
    margin-top: 164px;
}

.main-content > .row {
    margin-bottom: 23px;
    position: relative;
}

.chapeau {
    margin-bottom: 50px;
}


/* Ici on personnalise les couleurs des différents environnements ( phototeque, vidéotheque ainsi que les rubrique lié ) */

.row h2 {
    text-transform: uppercase;
    font-weight: normal;
    font-size: 30px;
    display: inline-block;
    line-height: 30px;
    margin-bottom: 20px;
}

.videotheque h2 span {
    color: #cc0066;
}

.rushes h2 span {
    color: #cc0066;
}

.parutions h2 span {
    color: #FFE600;
}

.phototheque h2 span {
    color: #00b2cb;
}

.metier h2 span {
    color: #bdbf0d;
}

.graphique h2 span {
    color: #ff6600;
}

.selection h2 span {
    color: #cc0033;
}

.videotheque .results > .video > .container-img a:before,
.videotheque .results-filtered .video > .container-img a:before {
    content: " ";
    background: url(../images/play.png) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-size: 50px;
}

.videotheque .results > .col-sm-4.video > .container-img a:before,
.videotheque .results-filtered > .col-sm-4.video > .container-img a:before,
.videotheque .results > .col-sm-6.video > .container-img a:before,
.videotheque .results-filtered > .col-sm-6.video > .container-img a:before {
    background-size: 85px;
}

.rushes .results > .video > .container-img a:before,
.rushes .results-filtered .video > .container-img a:before {
    content: " ";
    background: url(../images/play.png) no-repeat 50% 50%;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-size: 50px;
}

.rushes .results > .col-sm-4.video > .container-img a:before,
.rushes .results-filtered > .col-sm-4.video > .container-img a:before,
.rushes .results > .col-sm-6.video > .container-img a:before,
.rushes .results-filtered > .col-sm-6.video > .container-img a:before {
    background-size: 85px;
}


/* filter */

.filter {
    background: #FFF;
    position: relative;
    display: table;
    width: 100%;
    margin-bottom: 10px;
}

.filter ul {
    margin: 0 0 0 5px;
    font-size: 0;
    padding: 1px 0;
}

.filter ul li {
    font-size: 14px;
}

.filter li a {
    line-height: 28px;
    display: block;
    background: #e3e3e4;
    padding: 0 10px;
    color: #192023;
}

.filter p {
    margin-bottom: 0px;
    color: #FFF;
    padding: 5px 32px 5px 16px;
}

.filter .intro {
    display: table-cell;
    vertical-align: middle;
    max-width: 120px;
}

.phototheque .filter ul li,
.videotheque .filter ul li,
.rushes .filter ul li,
.graphique .filter ul li,
.metier .filter ul li {
    line-height: 32px;
    padding: 0px;
    margin: 1px 2px 1px 0;
}

.filter ul li:first-of-type {
    float: left;
}


/* Couleurs des survols et activ */

.filter li a.active {
    color: #FFF;
    cursor: default;
}

.metier .filter .intro {
    background: url(../images/filter-photo-metier.gif) no-repeat right center #bdbf0d;
    background-size: auto 100%;
}

.metier .filter li a:hover {
    background: #e6e6b4;
}

.metier .filter li a.active {
    background: #bdbf0d;
}

.phototheque .filter .intro {
    background: url(../images/filter-photo-corporate.gif) no-repeat right center #00b2cb;
    background-size: auto 100%;
}

.phototheque .filter li a:hover {
    background: #b3e8f0;
}

.phototheque .filter li a.active {
    background: #00b2cb;
}

.videotheque .filter .intro {
    /*background: url(../images/filter-video-corporate.gif) no-repeat right center #cc0066;
    background-size: auto 100%;*/
    background: url(../images/filter-photo-corporate.gif) no-repeat right center #00b2cb;
    background-size: auto 100%;
}

.videotheque .filter li a:hover {
    /*background: #f6b3d7;*/
    background: #b3e8f0;
}

.videotheque .filter li a.active {
    /*background: #cc0066;*/
    background: #00b2cb;
}

.rushes .filter .intro {
    /*background: url(../images/filter-video-corporate.gif) no-repeat right center #cc0066;
    background-size: auto 100%;*/
    background: url(../images/filter-photo-corporate.gif) no-repeat right center #00b2cb;
    background-size: auto 100%;
}

.rushes .filter li a:hover {
    /*background: #f6b3d7;*/
    background: #b3e8f0;
}

.rushes .filter li a.active {
    /*background: #cc0066;*/
    background: #00b2cb;
}

.graphique .filter .intro {
    background: url(../images/filter-graphique-corporate.gif) no-repeat right center #ff6600;
    background-size: auto 100%;
}

.graphique .filter li a:hover {
    background: #f8dab3;
}

.graphique .filter li a.active {
    background: #ff6600;
}


/* collapser */

.collapser {
    line-height: 30px;
    float: right;
    display: block;
    margin-top: 20px;
    background: #e3e3e4;
    color: #192023;
}
.metier .collapser.collapsed:after,
.videotheque .collapser.collapsed:after,
.rushes .collapser.collapsed:after,
.phototheque .collapser.collapsed:after {
    width: 100%;
    height: 1px;
    display: block;
    border-bottom: 3px solid #FFF;
    margin-top: 20px;
    content: " ";
    position: absolute;
    left: 0px;
}

.collapser:hover {
    background: #d6d6d6;
    color: #192023;
}

.collapser span {
    line-height: 30px;
    vertical-align: top;
    text-align: center;
    width: 30px;
    font-size: 9px;
    padding: 0 8px;
}


/* goto */

.goto {
    text-align: right;
    clear: both;
    padding: 2px 0 12px;
}
.goto.left {
    text-align: left;
}
.goto.left span {
    margin-right: 5px;
}

.account .goto {
    margin-top: 10px;
}

.goto a {
    text-transform: uppercase;
    line-height: 16px;
    color: #192023;
}

.goto a span {
    font-size: 14px;
    color: #868a8b;
}


/* Effet de survol */

.metier .goto a:hover,
.metier .goto a:hover span {
    color: #bdbf0d;
}

.phototheque .goto a:hover,
.phototheque .goto a:hover span {
    color: #00b2cb;
}

.videotheque .goto a:hover,
.videotheque .goto a:hover span {
    color: #cc0066;
}

.rushes .goto a:hover,
.rushes .goto a:hover span {
    color: #cc0066;
}

.graphique .goto a:hover,
.graphique .goto a:hover span {
    color: #ff6600;
}

.account .goto a:hover,
.account .goto a:hover span,
.selection .goto a:hover,
.selection .goto a:hover span {
    color: #cc0033;
}




/* VI FOOTER */

footer {
    background: #454b4c;
    padding: 10px 0 50px;
    margin-top: 50px;
}

.footer-title {
    color: #949090;
    text-transform: uppercase;
    margin: 40px 0 10px;
}

footer a:before {
    content: "\e903";
    font-family: 'areva-icon';
    font-size: 6px;
    margin-right: 6px;
    display: block;
    float: left;
    line-height: 14px;
}

footer .row > div {
    padding: 0 10px;
}

footer a {
    color: #c1c1c1;
    font-size: 12px;
    padding: 8px 0;
    display: block;
    border-top: 1px solid #666666;
}

footer a:hover {
    text-decoration: none;
    color: #FFF;
}

footer .toolbox {
    /*background: url(../images/tools_box_background.jpg) no-repeat center top, url(../images/tools_box_background_bottom.jpg) no-repeat bottom center;*/
    background: url(../images/icone_boite_a_outils.png) no-repeat center top, url(../images/tools_box_background_bottom.jpg) no-repeat bottom center;
    /*margin-top: 50px;*/
    /*background-size: contain, contain;*/
}

footer .toolbox .section {
    /*padding: 40px 10px 12px;*/
    padding: 145px 10px 12px;
}


/* Couleurs categories */

.phototheque footer {
    border-top: 5px solid #00b2cb;
}

.videotheque footer {
    border-top: 5px solid #cc0066;
}

.rushes footer {
    border-top: 5px solid #cc0066;
}

.metier footer {
    border-top: 5px solid #bdbf0d;
}

.graphique footer {
    border-top: 5px solid #ff6600;
}

.phototheque .footer-title {
    color: #00b2cb;
}

.videotheque .footer-title {
    color: #cc0066;
}

.rushes .footer-title {
    color: #cc0066;
}

.metier .footer-title {
    color: #bdbf0d;
}

.graphique .footer-title {
    color: #ff6600;
}


/* Tooltip */

.tooltip-inner {
    background: #e3e3e4;
    color: #d60432;
    border-radius: 0px;
}

.tooltip-arrow {
    color: #e3e3e4;
}


/* A LOGIN */

.connexion-pages {
    -webkit-background-size: cover;
    /* pour anciens Chrome et Safari */
    background-size: cover;
    /* version standardisée */
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: #cc0033;
}

.connexion-pages#login {
    /*background-image: url(../images/background-register/login.jpg);*/
}

.connexion-pages#password {
    background-image: url(../images/background-register/password.jpg);
}

.connexion-pages#inscription {
    background-image: url(../images/background-register/register.png);
}

.connexion-pages .navbar .logo-container {
    margin-right: 28px;
}

.connexion-pages nav h2 {
    font-size: 18px;
    color: #c1c1c1;
    font-weight: normal;
}

.connexion-pages footer {
    position: fixed;
    z-index: 1080;
    bottom: 0px;
    width: 100%;
}

.connexion {
    padding: 20px 20px 25px;
    background: rgba(255, 255, 255, 0.75);
    -webkit-box-shadow: 0 0 15px 0 rgba(13, 15, 14, 0.55);
    box-shadow: 0 0 15px 0 rgba(13, 15, 14, 0.55);
}

.connexion h3 {
    margin-top: 0px;
    font-size: 18px;
    color: #192023;
    margin-bottom: 16px;
    font-weight: bold;
}

.connexion input,
.connexion button,
.connexion textarea,
.connexion select,
.connexion option {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0px;
}

.connexion select {
    -webkit-appearance: none;
}

.connexion input,
.connexion textarea,
.connexion select {
    margin-bottom: 10px;
}

.connexion select option {
    color: #555;
}

.connexion a,
.connexion p {
    color: #192023;
}

.connexion a {
    text-decoration: underline;
}

.connexion input[placeholder] {
    width: 100%;
}

.connexion #submit {
    text-align: center;
    margin: 20px 0 30px;
}

#inscription .connexion #submit {
    margin: 14px auto;
}

.connexion > p > button {
    background: #cc0033;
    padding: 15px 40px;
    text-transform: uppercase;
    border: 0px;
    font-size: 14px;
    white-space: normal;
}

.connexion.password-area button {
    padding: 15px;
    margin: 0 5px;
}

.connexion button:focus,
.connexion button:active,
.connexion button:hover,
.connexion button:active:hover {
    /*background: #ff0040;*/
    background: #FFE600;
    color:black;
}

.connexion > a:last-of-type {
    font-size: 12px;
}

.connexion form {
    padding-top: 10px;
}

.connexion-pages footer {
    padding: 20px 0;
    background: rgba(25, 32, 35, 0.95);
    color: #c1c1c1;
    font-size: 12px;
    text-transform: uppercase;
}

#login .main-content,
#password .main-content {
    margin-top: 208px;
    margin-bottom: 160px;
}

#inscription .main-content {
    margin-top: 115px;
}

#souscription {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;
}

#souscription > p#required {
    text-align: right;
    margin-bottom: 0px;
    line-height: 26px;
    font-size: 12px;
}

#souscription > p#required span {
    color: #c4122f;
}

#souscription > div {
    position: relative;
}

#souscription > div button {
    position: absolute;
    right: -32px;
    width: 16px;
    height: 16px;
    background: url(../images/informations-souscriptions.png) no-repeat center center;
    top: 50%;
    margin-top: -8px;
}

#inscription .inscription-area {
    position: relative;
    margin-bottom: 150px;
}

#inscription .inscription-area #close {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 44px;
    text-align: center;
    line-height: 44px;
    background: #252b2e;
    color: #FFF;
    text-decoration: none;
}

.footer-inscription p {
    margin: 0px;
    font-size: 12px;
}

.footer-inscription > p:first-of-type a {
    color: #c4122f;
}

.footer-inscription > p:last-of-type a {
    color: #52595d;
}

#inscription input[placeholder]::-webkit-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription input[placeholder]:-moz-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription input[placeholder]:-ms-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription textarea[placeholder]::-webkit-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription textarea[placeholder]:-moz-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription textarea[placeholder]:-ms-input-placeholder {
    color: rgba(25, 32, 35, 0.7);
}

#inscription select {
    color: rgba(25, 32, 35, 0.7);
}

#inscription .has-error .form-control {
    border: 1px solid #c4122f;
}

.connexion-pages .tooltip-inner {
    width: 300px;
    background: #FFF;
    color: #192023
}

.connexion-pages .tooltip.right .tooltip-arrow {
    color: #fff;
    border-right-color: #FFF;
}

.connexion-pages .form-control-feedback.icon-arrow-down {
    font-size: 8px;
    color: #252c2e;
}

.connexion-pages .form-group {
    margin-bottom: 10px;
}

.connexion-pages .form-control {
    height: 40px;
}

.connexion-pages .form-control-feedback {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 12px;
}


/* B HOMEPAGE */

#home .search {
    min-height: 480px;
    /*background: url(../images/header_background.jpg) no-repeat center center;*/
    padding-top: 400px;
    background-size: cover;
    position: relative;
    margin-bottom: 40px;
}

#home .main-content {
    margin-top: 0px;
}


/* C VIDEOTHEQUE */

body.videotheque .title-section p {
    margin-top: 18px;
}

body.rushes .title-section p {
    margin-top: 18px;
}

.video.new .container-img {
    margin-bottom: 0px;
}

.video.new .desc {
    position: relative;
    background: #FFF;
}

.results-filtered .video.new {
    margin-bottom: 10px;
}

.results-filtered .video.new .desc {
    padding: 10px;
}

.results-filtered .video.new .container-img {
    position: relative;
}

.video.new .desc p {
    color: #192023;
    margin-bottom: 10px;
    font-weight: bold;
}

.video.new .desc .ref {
    color: #373c3e;
    font-weight: normal;
    font-size: 12px;
}

.results .video.new .desc a,
.results-filtered .video.new .desc a {
    color: #192023;
    text-transform: uppercase;
    text-align: right;
    display: block;
}

.results .video.new .desc a:hover,
.results-filtered .video.new .desc a:hover,
.results .video.new .desc a:hover span,
.results-filtered .video.new .desc a:hover span {
    color: #cc0066;
}

.results .video.new .desc a span,
.results-filtered .video.new .desc a span {
    position: relative;
    background: none;
    color: #8b8f90;
    padding: 0 0 0 5px;
}

.results .video.new .timer,
.results-filtered .video.new .timer {
    position: absolute;
    z-index: 2;
    right: 0px;
    bottom: 0px;
    color: #FFF;
    background: rgba(25, 32, 35, 0.9);
    padding: 5px 10px;
    font-size: 11px;
}

.videotheque #affichage,
.videotheque #taille-grid {
    visibility: hidden;
}

.rushes #affichage,
.rushes #taille-grid {
    visibility: hidden;
}


/* D ELEMENTS GRAPHIQUE */

.subhome.graphique .main-content > .row {
    margin-bottom: 40px;
}

.subhome.graphique .main-content > .row:last-of-type {
    margin-bottom: 70px;
}

.graphique .container-img {
    background: #FFF;
    margin-bottom: -5px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: inline-block;
}

.graphique .container-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.subhome.graphique .col-sm-6 .container-img {
    height: 206px;
    padding: 10px;
}

.subhome.graphique .col-sm-4 .container-img {
    height: 220px;
}

.subhome.graphique .col-sm-3 .container-img {
    height: 162px;
}

.graphique .logotype .container-img {
    height: 206px;
}

.logotype .desc {
    position: relative;
    background: #dedede;
    color: #192023;
}

.logotype .desc .titre {
    font-weight: bold;
    line-height: 20px;
}

.logotype .desc .format {
    text-align: right;
    margin-bottom: 0px;
}

.logotype .desc .format li {
    margin-bottom: 10px;
}

.logotype .desc .format li:last-of-type {
    margin-bottom: 0px;
}

.desc .format li a {
    background: #192023;
    color: #FFF;
    line-height: 30px;
    padding: 8px;
}

.graphique .categories .desc {
    background: #FFF;
    text-align: right;
    padding: 10px;
    position: relative;
}

.graphique .categories .desc a {
    color: #192023;
}

.graphique .categories .desc a span {
    color: rgba(25, 32, 35, 0.5);
    padding-left: 5px;
}

.graphique .categories .desc a:hover,
.graphique .categories .desc a:hover span {
    color: #ff6600;
}

.graphique.subhome .col-sm-3 .desc {
    top: 0px;
    padding: 20px;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
}

.graphique.subhome .col-sm-3 .container-img:hover .desc {
    opacity: 1;
}

.graphique.subhome .col-sm-3 .container-img:hover img {
    -webkit-transform: scale(1.10);
    /* Safari and Chrome */
    -moz-transform: scale(1.10);
    /* Firefox */
    -ms-transform: scale(1.10);
    /* IE 9 */
    -o-transform: scale(1.10);
    /* Opera */
    transform: scale(1.10);
}

.graphique.subhome .col-sm-3 .desc .ref {
    font-size: 12px;
    margin-bottom: 10px;
}

.graphique.subhome .col-sm-3 .desc ul {
    position: absolute;
    bottom: 5px;
    width: 100%;
    left: 5px;
    right: 0px;
    text-align: center
}

.graphique.subhome .col-sm-3 .desc ul li {
    border-right: 1px solid #404d53;
    padding: 0px;
}

.graphique.subhome .col-sm-3 .desc ul li:last-of-type {
    border: none;
}

.graphique.subhome .col-sm-3 .desc ul li a {
    margin: 0 10px;
}

.graphique .desc ul.format li a:hover {
    color: #ff6600;
}

.graphique #affichage {
    visibility: hidden;
}


/* E RESULTATS DE RECHERCHE */

.grid-options {
    line-height: 44px;
    margin-bottom: 20px;
}

.grid-options > div {
    margin: 0px;
    background: #FFF;
}

.grid-options p {
    margin-bottom: 0px;
}

.grid-options ul {
    padding: 0px;
    margin: 0px;
}

.grid-options ul li {
    padding: 0px;
}

.grid-options ul li.back a {
    color: #192023;
    text-transform: uppercase;
    margin-left: 10px;
}

.grid-options ul li.back a span {
    color: rgba(25, 32, 35, 0.5);
}

.metier .grid-options ul li.back a:hover,
.metier .grid-options ul li.back a:hover span {
    color: #bdbf0d;
}

.videotheque .grid-options ul li.back a:hover,
.videotheque .grid-options ul li.back a:hover span {
    color: #cc0066;
}

.rushes .grid-options ul li.back a:hover,
.rushes .grid-options ul li.back a:hover span {
    color: #cc0066;
}

.phototheque .grid-options ul li.back a:hover,
.phototheque .grid-options ul li.back a:hover span {
    color: #00b2cb;
}

.graphique .grid-options ul li.back a:hover,
.graphique .grid-options ul li.back a:hover span {
    color: #ff6600;
}

.grid-options ul ul {
    border-left: 1px solid #eeeeee;
}

.grid-options > div > ul li:first-of-type > ul {
    border: 0px;
}

#nb-results,
#affichage {
    padding-left: 5px;
}

#taille-grid li,
#affichage li {
    padding: 0 5px;
}

#taille-grid a,
#affichage a {
    display: inline-block;
    width: 32px;
    height: 24px;
    line-height: 44px;
    vertical-align: middle;
}

#taille-grid #little {
    background: url(../images/list-mini-bg.png) top no-repeat;
}

#taille-grid #middle {
    background: url(../images/list-normal-bg.png) top no-repeat;
}

#taille-grid #big {
    background: url(../images/list-big-bg.png) top no-repeat;
}

#taille-grid #little.active,
#taille-grid #little:hover {
    background: url(../images/list-mini-bg.png) bottom no-repeat;
}

#taille-grid #middle.active,
#taille-grid #middle:hover {
    background: url(../images/list-normal-bg.png) bottom no-repeat;
}

#taille-grid #big.active,
#taille-grid #big:hover {
    background: url(../images/list-big-bg.png) bottom no-repeat;
}

#affichage a {
    opacity: 0.3;
}

#affichage a.active,
#affichage a:hover {
    opacity: 1;
}

#affichage #grid-list {
    background: url(../images/grid-picto.png) top no-repeat;
}

#affichage #list-list {
    background: url(../images/list-picto.png) top no-repeat;
}

#nb-results .form-control {
    background: #eeeeee;
    color: #192023;
    font-weight: bold;
    width: 60px;
    height: 32px;
    margin-left: 5px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border: 0px;
    -webkit-appearance: none;
}

#nb-results .form-group {
    margin-bottom: 0px;
    position: relative;
}

#nb-results .form-control-feedback {
    line-height: 28px;
    font-size: 8px;
    color: #878b8c;
    right: 0px;
    top: 3px;
}

.pagination {
    width: 100%;
    border-radius: 0px;
    margin: 0 0 10px;
}

.pagination:last-of-type {
    margin-bottom: 0px;
}

.pagination nav {
    background: #ddd;
    margin: 0 5px;
}

.pagination .pager {
    margin: 0px;
    padding: 7px 0;
}

.pagination .pager .previous > a,
.pagination .pager .previous > span {
    float: none;
}

.pagination .pager .previous {
    margin-right: 26px;
}

.pagination .pager .next {
    margin-left: 26px;
}

.pagination .pager .previous span {
    margin-right: 5px;
    color: rgba(25, 32, 35, 0.5);
}

.pagination .pager .next span {
    margin-left: 5px;
    color: rgba(25, 32, 35, 0.5);
}

.pagination .pager .next > a,
.pagination .pager .next > span {
    float: none;
}

.pager li > a,
.pager li > span {
    border-radius: 0px;
    background: none;
    color: #192023;
    font-size: 14px;
    text-transform: uppercase;
}

.phototheque .pager li > a:hover,
.phototheque .pagination .pager .next:hover span,
.phototheque .pagination .pager .previous:hover span {
    color: #00b2cb;
}

.videotheque .pager li > a:hover,
.videotheque .pagination .pager .next:hover span,
.videotheque .pagination .pager .previous:hover span {
    color: #cc0066;
}

.rushes .pager li > a:hover,
.rushes .pagination .pager .next:hover span,
.rushes .pagination .pager .previous:hover span {
    color: #cc0066;
}

.graphique .pager li > a:hover,
.graphique .pagination .pager .next:hover span,
.graphique .pagination .pager .previous:hover span {
    color: #ff6600;
}

.metier .pager li > a:hover,
.metier .pagination .pager .next:hover span,
.metier .pagination .pager .previous:hover span {
    color: #bdbf0d;
}

.selection .pager li > a:hover,
.selection .pagination .pager .next:hover span,
.selection .pagination .pager .previous:hover span {
    color: #cc0033;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > a:hover span,
.pager .disabled > a:focus span {
    background: none;
    border: 0px;
    color: #777 !important;
}

#nb-page {
    width: 42px;
    border: none;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #192023;
}

#nb-pageBas {
    width: 42px;
    border: none;
    text-align: center;
    line-height: 30px;
    margin-right: 5px;
    font-size: 18px;
    font-weight: bold;
    color: #192023;
}

#total-page {
    padding: 0px;
    font-size: 18px;
}

.phototheque #total-page {
    color: #00b2cb;
}

.videotheque #total-page {
    color: #cc0066;
}

.rushes #total-page {
    color: #cc0066;
}

.graphique #total-page {
    color: #ff6600;
}

.metier #total-page {
    color: #bdbf0d;
}

.selection #total-page {
    color: #cc0033;
}

.pager input[placeholder]::-webkit-input-placeholder {
    color: rgba(25, 32, 35, 1);
}

.pager input[placeholder]:-moz-input-placeholder {
    color: rgba(25, 32, 35, 1);
}

.pager input[placeholder]:-ms-input-placeholder {
    color: rgba(25, 32, 35, 1);
}

.pager li > a:hover,
.pager li > a:focus {
    background: none;
}


/*** Le contenu ***/

.results-filtered {
    padding: 0px;
}

.filtered {
    margin-bottom: 10px;
    height: auto;
}


/** Taille des vignettes **/


/** Format Grille **/

.grid .filtered .container-img {
    background: #dddddd;
    padding: 10px;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: inline-block;
}

.grid.col-sm-12 .filtered.col-sm-6 {
    height: 334px;
}

.grid.col-sm-12 .filtered.col-sm-6 .container-img {
    height: 334px;
}

.grid.col-sm-12 .filtered.col-sm-4 {
    height: 220px;
}

.grid.col-sm-12 .filtered.col-sm-4 .container-img {
    height: 220px;
}

.grid.col-sm-12 .filtered.col-sm-3 {
    height: 163px;
}

.grid.col-sm-12 .filtered.col-sm-3 .container-img {
    height: 163px;
}

.grid.col-sm-8 .filtered.col-sm-6 {
    height: 220px;
}

.grid.col-sm-8 .filtered.col-sm-6 .container-img {
    height: 220px;
}

.grid.col-sm-8 .filtered.col-sm-4 {
    height: 145px;
}

.grid.col-sm-8 .filtered.col-sm-4 .container-img {
    height: 145px;
}

.grid.col-sm-8 .filtered.col-sm-4 .container-img .desc p.ref {
    margin-bottom: 5px;
}

.grid.col-sm-8 .filtered.col-sm-3 {
    height: 106px;
}

.grid.col-sm-8 .filtered.col-sm-3 .container-img {
    height: 106px;
}

.grid.col-sm-8 .filtered.col-sm-3 .container-img .desc p.ref {
    text-align: center;
}

.grid.col-sm-8 .filtered.col-sm-3 .container-img .desc p.resume {
    display: none;
}

.grid.col-sm-8 .filtered.col-sm-3 .container-img .desc ul li a {
    font-size: 14px;
}

.grid .filtered .container-img:hover .desc {
    opacity: 1;
}

.grid .filtered .container-img .desc {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    background: rgba(25, 32, 35, 0.80);
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
}

.grid .filtered .container-img .desc p {
    color: #fff;
}

.grid .filtered .container-img > a {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
}

.grid .filtered .container-img .desc .actions {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.filtered img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    margin: auto;
}

.graphique .filtered img {
    padding: 0px;
}

.grid .filtered .long-desc {
    display: none;
}

.grid .filtered .tag {
    display: none;
}


/** animations filtered **/

.grid .filtered .container-img img {
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
}

.grid .filtered .container-img:hover img {
    -webkit-transform: scale(1.40);
    /* Safari and Chrome */
    -moz-transform: scale(1.40);
    /* Firefox */
    -ms-transform: scale(1.40);
    /* IE 9 */
    -o-transform: scale(1.40);
    /* Opera */
    transform: scale(1.40);
}


/** Format Liste **/

.list .filtered {
    width: 100%;
    clear: both;
    overflow: hidden;
}

.list .filtered .container-img {
    background: #FFF;
    overflow: hidden;
}

.list .filtered .container-img > a {
    display: inline-block;
    position: relative;
    float: left;
    padding: 10px;
    background: #dddddd;
    overflow: hidden;
}

.list .filtered .container-img .desc {
    float: left;
    padding: 10px;
    color: #192023;
    line-height: 16px
}

.list .filtered .container-img .desc .ref {
    margin: 0px 0 10px;
}

.list .filtered .container-img .desc .resume {
    font-weight: bold;
    color: #192023;
}

.list .filtered .container-img .desc ul.tag {
    text-align: left;
    color: #878b8c;
}

.list .filtered .container-img .actions {
    position: absolute;
    bottom: 0px;
    cursor: pointer;
    left: 0px;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    height: 100%;
}

.list .filtered .container-img .actions ul {
    background: rgba(25, 32, 35, 0.80);
    padding: 14px 0;
    margin-left: 5px;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

.list .filtered .container-img .actions:hover {
    opacity: 1;
}

.list .filtered.col-sm-6 .container-img a {
    height: 334px;
    width: 50%;
    text-align: center;
    overflow: hidden;
}

.list .filtered.col-sm-6 .container-img .desc {
    width: 50%;
}

.list .filtered.col-sm-6 .container-img .actions {
    width: 50%;
}

.list .filtered.col-sm-4 .container-img a {
    height: 220px;
    width: 33.33333333%;
    text-align: center;
    overflow: hidden;
}

.list .filtered.col-sm-4 .container-img .desc {
    width: 66.66666667%;
}

.list .filtered.col-sm-4 .container-img .actions {
    width: 33.44%;
}

.list.col-sm-8 .filtered.col-sm-4 .container-img .actions {
    width: 33.54%;
}

.list .filtered.col-sm-3 .container-img a {
    height: 145px;
    width: 25%;
    text-align: center;
    overflow: hidden;
}

.list .filtered.col-sm-3 .container-img a {
    height: 190px;
}

.list .filtered.col-sm-3 .container-img .desc {
    width: 75%;
}

.list .filtered.col-sm-3 .container-img .actions {
    width: 25.3%;
}

.list.col-sm-8 .filtered.col-sm-3 .container-img .actions {
    width: 25.3%;
}

.list.col-sm-8 .filtered.col-sm-3 .container-img .desc ul li a {
    font-size: 13px;
}

.list.col-sm-8 .filtered.col-sm-3 .container-img .actions ul {
    padding: 10px 5px;
}


/** Fin des affichages grilles-listes **/

.filtered .container-img .desc .ref {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 10px
}

.filtered .container-img .desc ul {
    text-align: center;
    margin-left: 0px;
}

.filtered .container-img .desc ul li {
    padding: 0px;
}

.filtered .container-img .desc .format li,
.filtered .container-img .desc ul li a {
    border-right: 1px solid #404d53;
}

.filtered .container-img .desc .format li a {
    background: #192023;
    color: #FFF;
    line-height: 30px;
    padding: 8px;
    font-size: 14px;
    margin: 0 10px;
    border: 0px;
}

.filtered .container-img .desc .format li:last-of-type {
    border: 0px;
}

.filtered .container-img .desc ul li a {
    color: #FFF;
    font-size: 18px;
    padding: 0 12px;
}

.phototheque .filtered .container-img .desc ul li a:hover {
    color: #00b2cb;
}

.videotheque .filtered .container-img .desc ul li a:hover {
    color: #cc0066;
}

.rushes .filtered .container-img .desc ul li a:hover {
    color: #cc0066;
}

.metier .filtered .container-img .desc ul li a:hover {
    color: #bdbf0d;
}

.graphique .filtered .container-img .desc ul li a:hover {
    color: #ff6600;
}

.selection .filtered .container-img .desc ul li a:hover {
    color: #cc0033;
}

.filtered .container-img .desc ul li:last-of-type a {
    border-right: 0px;
}

.resume-results {
    background: #192023;
}

.resume-results ul {
    padding: 0px;
    margin: 0px;
}

.resume-results ul li {
    padding: 0px;
    margin: 0px;
    line-height: 44px;
}

.resume-results ul li p {
    margin-bottom: 0px;
}

.resume-results > ul > li:first-of-type {
    width: 180px;
    padding: 0 10px 0;
}

.resume-results > ul > li:last-of-type {
    text-align: center;
    width: 120px;
}

.resume-results #button-filter a {
    color: #c1c1c1;
    text-transform: uppercase;
}

.resume-results #button-filter a:before {
    content: " ";
    height: 18px;
    width: 18px;
    display: block;
    float: left;
    margin-right: 4px;
    background: url(../images/filter-state.png) no-repeat top left;
}

.phototheque .resume-results #button-filter.active a:before {
    background: url(../images/filter-state.png) no-repeat top -18px left;
}

.videotheque .resume-results #button-filter.active a:before {
    background: url(../images/filter-state.png) no-repeat top -36px left;
}

.rushes .resume-results #button-filter.active a:before {
    background: url(../images/filter-state.png) no-repeat top -36px left;
}

.graphique .resume-results #button-filter.active a:before {
    background: url(../images/filter-state.png) no-repeat top -54px left;
}

.metier .resume-results #button-filter.active a:before {
    background: url(../images/filter-state.png) no-repeat top -72px left;
}

.resume-results #button-filter a span {
    color: #8c9091;
    font-size: 9px;
    padding-left: 5px;
}

.resume-results p#nb_results {
    color: #c1c1c1;
}

.phototheque .resume-results p#nb_results.active {
    color: #00b2cb;
}

.videotheque .resume-results p#nb_results.active {
    color: #cc0066;
}

.rushes .resume-results p#nb_results.active {
    color: #cc0066;
}

.graphique .resume-results p#nb_results.active {
    color: #ff6600;
}

.metier .resume-results p#nb_results.active {
    color: #bdbf0d;
}

#collaspeFilters {
    background: #273034;
    padding: 20px;
}

#collaspeFilters form > p:last-of-type {
    text-align: center;
}

#collaspeFilters .form-group {
    position: relative;
}

#collaspeFilters .form-control {
    background: rgba(255, 255, 255, 0.20);
    border-radius: 0px;
    border: 0px;
    height: 40px;
    color: #FFF;
    -webkit-appearance: none;
    cursor: pointer;
}

#collaspeFilters .form-control:focus {
    box-shadow: none;
}

#collaspeFilters .form-group .icon-arrow-down {
    font-size: 9px;
    color: #FFF;
    line-height: 40px;
    height: 40px;
}

#collaspeFilters .multiple.form-control {
    background: #273034;
    border: 2px solid #52595d;
}

#collaspeFilters form div.list-active a {
    line-height: 30px;
    color: #192023;
    background: #bfc1c2;
    display: block;
    width: 100%;
    margin: 10px 0;
    padding: 0 10px;
}

#collaspeFilters form div.list-active a span {
    float: right;
    margin-top: 10px;
    font-size: 12px;
    margin-right: 2px;
}

#collaspeFilters form div.list-active a:last-of-type {
    margin: 10px 0 20px;
}

#collaspeFilters form .filter-hidden {
    background: #52595d;
    padding: 10px;
    margin-top: -2px;
    position: absolute;
    left: 0px;
    right: 0px;
    z-index: 5;
    list-style-type: none;
    -webkit-box-shadow: 0px 5px 3px 0px rgba(13, 15, 14, 0.75);
    -moz-box-shadow: 0px 5px 3px 0px rgba(13, 15, 14, 0.75);
    box-shadow: 0px 5px 3px 0px rgba(13, 15, 14, 0.75);
}

#collaspeFilters form .filter-hidden.multiple-filter {
    background: #273034;
    border-bottom: 2px solid #52595d;
    border-right: 2px solid #52595d;
    border-left: 2px solid #52595d;
}

#collaspeFilters form .filter-hidden label {
    color: #FFF;
    line-height: 24px;
    font-weight: normal;
}

#collaspeFilters form .filter-hidden input {
    margin-right: 10px;
}

#collaspeFilters button {
    margin-top: 20px;
    border-radius: 0px;
    text-transform: uppercase;
    background: #FFE600;
    font-size: 14px;
    border: 0px;
    color: black;
}

#collaspeFilters button:hover {
    background: #FFE600;
}

.absolute-fixed {
    position: absolute;
    height: 100%;
}

.absolute-fixed #collaspeFilters {
    position: absolute;
    top: 44px;
    bottom: 0px;
    left: 5px;
    right: 5px;
}

.results-grid .main-content > .row {
    margin-bottom: 0px;
}


/* F DETAILS */

.row.navigation a {
    line-height: 44px;
    background: #FFF;
    margin-bottom: 10px;
    color: #192023;
    text-transform: uppercase;
}

.row.navigation .back a span {
    color: #7b7e80;
}

.row.navigation a span {
    color: #919496;
    font-size: 14px;
    padding: 5px;
}

.phototheque .row.navigation a:hover,
.phototheque .row.navigation a:hover span {
    color: #00b2cb;
}

.videotheque .row.navigation a:hover,
.videotheque .row.navigation a:hover span {
    color: #cc0066;
}

.rushes .row.navigation a:hover,
.rushes .row.navigation a:hover span {
    color: #cc0066;
}

.metier .row.navigation a:hover,
.metier .row.navigation a:hover span {
    color: #bdbf0d;
}

.graphique .row.navigation a:hover,
.graphique .row.navigation a:hover span {
    color: #ff6600;
}

.row.navigation .back a {
    background: #dddddd;
}

.phototheque .row.navigation .back a:hover,
.phototheque .row.navigation .back a:hover span {
    background: #b3e8f0;
    color: #192023;
}

.videotheque .row.navigation .back a:hover,
.videotheque .row.navigation .back a:hover span {
    background: #f6b3d7;
    color: #192023;
}

.rushes .row.navigation .back a:hover,
.rushes .row.navigation .back a:hover span {
    background: #f6b3d7;
    color: #192023;
}

.metier .row.navigation .back a:hover,
.metier .row.navigation .back a:hover span {
    background: #e6e6b4;
    color: #192023;
}

.graphique .row.navigation .back a:hover,
.graphique .row.navigation .back a:hover span {
    background: #f8dab3;
    color: #192023;
}

.main-content .details {
    background: #FFF;
    margin: 0px;
    display: flex;
}

.main-content .details .zoom {
    border-right: 2px solid #eeeeee;
    position: relative;
    padding: 0px;
}

.main-content .details .zoom .image-container {
    position: absolute;
    top: 0;
    bottom: 44px;
    left: 0;
    right: 0;
    text-align: center;
    /* Align center inline elements */
    font: 0/0 a;
}

.main-content .details .zoom .image-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.main-content .details .zoom img {
    vertical-align: middle;
    display: inline-block;
    max-width: 100%;
    height: auto;
}

.main-content .details .zoom ul {
    position: absolute;
    bottom: 0px;
    text-align: center;
    width: 100%;
    margin-bottom: 0px;
    padding: 10px;
    background: #252b2e;
    visibility: hidden;
}

.main-content .details .zoom:hover ul {
    visibility: visible;
}

.main-content .details .zoom ul li {
    padding: 0px;
    margin-right: -4px;
}

.main-content .details .zoom ul li a {
    color: #FFF;
    line-height: 24px;
    font-size: 20px;
    padding: 0 10px;
    border-right: 1px solid #404d53;
}

.phototheque .main-content .details .zoom ul li a:hover {
    color: #00b2cb
}

.videotheque .main-content .details .zoom ul li a:hover {
    color: #cc0066;
}

.rushes .main-content .details .zoom ul li a:hover {
    color: #cc0066;
}

.graphique .main-content .details .zoom ul li a:hover {
    color: #ff6600;
}

.metier .main-content .details .zoom ul li a:hover {
    color: #bdbf0d;
}

.main-content .details .zoom ul li:last-of-type a {
    border-right: none;
}

.informations {
    padding: 20px;
}

.informations .ref {
    font-size: 12px;
    margin-bottom: 10px;
}

.informations p {
    margin-bottom: 20px;
}

.informations p:last-of-type {
    text-align: center;
}

.informations h3 {
    font-size: 16px;
    line-height: 16px;
    font-weight: bold;
    margin-top: 8px;
}

.informations button#submit {
    border-radius: 0px;
    /*background: #cc0033;*/
    background: #FFE600;
    color:black;
    border: 0px;
    font-size: 14px;
    padding: 15px 40px;
    text-transform: uppercase;
}

.informations button#submit:hover,
.informations button#submit:focus,
.informations button#submit:active,
.informations button#submit:active:focus {
    /*background: #ff0040;*/
}

.informations .dl-horizontal dt {
    text-align: left;
    line-height: 21px;
    font-size: 12px;
    width: 130px;
}

.videotheque .informations .dl-horizontal {
    margin-bottom: 0px;
    border-top: 1px dotted #d4d4d4;
    padding-top: 20px;
}

.rushes .informations .dl-horizontal {
    margin-bottom: 0px;
    border-top: 1px dotted #d4d4d4;
    padding-top: 20px;
}

.informations .dl-horizontal dd {
    margin-left: 140px;
    line-height: 21px;
}

.informations .dl-horizontal dd a {
    text-decoration: underline;
    color: #888a89;
}

.informations .dl-horizontal dd a:hover {
    color: #192023;
}

.informations .form-group {
    position: relative;
}

.informations .form-control-feedback {
    top: 12px;
    font-size: 9px;
    color: #252b2e;
}

.informations label {
    font-size: 12px;
}

.informations .form-inline select {
    border-radius: 0px;
    -webkit-appearance: none;
    background: #ebebeb;
    height: 32px;
    border: 0px;
    width: 260px;
}

.informations form {
    margin-bottom: 20px;
}

.informations .item-informations-more {
    background: url(../images/informations.png) no-repeat top center;
    display: block;
    width: 16px;
    height: 16px;
}

.informations .item-informations-more:hover {
    background-position: 0 -16px;
}

.informations #getcopyrights {
    border: 0px;
    background: none;
    box-shadow: none;
    padding-top: 0px;
    padding-bottom: 0px;
}

.download-table {
    padding-top: 12px;
}

.download-table > p {
    font-size: 18px;
}

.options-download {
    background: #FFF;
    padding: 15px;
}

.options-download table {
    margin-bottom: 0px;
}

.options-download table tr {
    border-bottom: 2px solid #eeeeee;
}

.options-download table tr:last-of-type {
    border: none;
}

.options-download table tr td {
    border-top: 0px;
    padding: 4px;
    line-height: 30px;
}

.options-download .name {
    font-weight: bold;
    padding-left: 13px;
}

.options-download .qualite {
    text-align: center;
}

.options-download .bt-download {
    text-align: center;
}

.options-download input[type="radio"] {
    margin-top: 8px;
}

.options-download fieldset[disabled] .btn {
    opacity: 1;
    background: #bcc3c4;
}

.options-download fieldset[disabled] .btn:hover {
    background: #bcc3c4;
}

.options-download .bt-td {
    text-align: right;
}

.options-download .bt-td button {
    margin: 0 5px;
}

.options-download .bt-td .btn-areva {
    width: 104px;
}

.account .options-download .date {
    text-align: center;
}


/* G POPUP */

@media (min-width:980px) {
    .modal-dialog {
        margin: 120px auto;
    }
}

.modal-header {
    border-bottom: 0px;
    padding: 0px;
}

.modal-header .close {
    background: #252b2e;
    opacity: 1;
    color: #FFF;
    text-shadow: 0px;
    margin-top: 0px;
    width: 44px;
}

.modal-header .close span {
    font-size: 12px;
    line-height: 44px;
}

.modal-content {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 0px;
    border-radius: 0px;
}

.modal-body {
    padding: 0 20px;
}

.modal-dialog p.modal-title {
    font-size: 16px;
    font-weight: bold;
    margin: 10px 0 12px;
}

.modal-body p {
    margin-bottom: 15px;
}

.modal-footer {
    border-top: 0px;
}

.modal-dialog.bgpictures {
    max-width: 960px;
    width: auto;
}

.modal-dialog.dlmention {
    max-width: 470px;
}

.bgpictures .modal-body {
    padding: 0 44px;
    text-align: center;
}

.bgpictures .modal-body img {
    display: block;
    margin: 0 auto;
    height: auto;
    width: auto;
}

.bgpictures .modal-footer {
    height: 44px;
    padding: 0px;
}

.dlmention .modal-footer {
    text-align: left;
    border-top: 1px solid #d0d0d0;
}

.dlmention .modal-footer input {
    margin-top: 14px;
    margin-right: 10px;
}

.dlmention .modal-footer label {
    padding-left: 35px;
}

.dlmention .modal-footer label span {
    display: block;
    font-weight: bold;
    font-size: 14px;
}

.dlmention .modal-footer label p {
    padding: 0 22px 0 37px;
    font-size: 12px;
}

.dlmention .modal-footer #bureautique p {
    background: url(../images/desktop-icon.png) no-repeat left center;
    border-right: 1px solid rgba(69, 75, 76, 0.50);
}

.dlmention .modal-footer #impression p {
    background: url(../images/print-icon.png) no-repeat left center;
}

.dlmention .modal-footer form {
    padding: 0 15px;
}

.dlmention .modal-footer fieldset > p:last-of-type {
    text-align: center;
}

.dlmention .modal-footer #submit {
    /*background: #c4122f;*/
    background: #FFE600;
    color:black;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    border-radius: 0px;
    padding: 15px 42px;
    margin: 20px 0 0 0;
    font-family: Arial, sans-serif;
    border: none;
}

.dlmention .modal-footer #submit:hover {
    /*background: #ff0040;*/
}

.dlmention .modal-footer fieldset[disabled] .btn#submit {
    opacity: 1;
    background: #bbbcbe;
}

.dlmention .modal-footer #submitDl {
    /*background: #c4122f;*/
    background: #FFE600;
    color:black;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 14px;
    border-radius: 0px;
    padding: 15px 42px;
    margin: 20px 0 0 0;
    font-family: Arial, sans-serif;
    border: none;
}

.dlmention .modal-footer #submitDl:hover {
    background: #ff0040;
}

.dlmention .modal-footer fieldset[disabled] .btn#submitDl {
    opacity: 1;
    background: #bbbcbe;
}


/* H REPORTAGES */

.intro-reportage {
    background: #192023;
    text-align: center;
    padding: 10px;
    clear: both;
    margin: 0 5px 10px;
}

.intro-reportage p {
    color: #FFF;
    margin: 0px 0px 5px 0;
    line-height: 18px;
    font-weight: bold;
}

.intro-reportage .date,
.intro-reportage a {
    font-size: 12px;
    color: #dddddd;
}

.intro-reportage .date,
.intro-reportage .legend {
    font-weight: normal;
}

.intro-reportage p:last-of-type {
    margin: 0px;
}

.intro-reportage a {
    text-decoration: underline;
}

.reportage .grid-options {
    margin-bottom: 10px;
}


/* I LISTE DES REPORTAGES */

.reportages-container {
    margin-bottom: 10px;
}

.reportages-container .container-img > a {
    display: block;
    border: 0px;
}

.reportages-container .container-img > a img {
    border: 0px;
}

.reportages-container .desc {
    color: #FFF;
    background: #242b2d;
    padding: 10px;
    border: 0px;
    position: relative;
    margin-top: -7px;
}

.reportages-container .date {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #aeaeae;
}

.reportages-container .copyrights {
    text-decoration: underline;
    color: #aeaeae;
    margin-bottom: 0px;
}

.reportages-container .actions {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.reportages-container .actions li a {
    color: #fff;
    padding: 5px 9px;
    border-left: 1px solid #404d53;
}

.phototheque .reportages-container .actions li a:hover {
    color: #00b2cb;
}

.videotheque .reportages-container .actions li a:hover {
    color: #cc0066;
}

.rushes .reportages-container .actions li a:hover {
    color: #cc0066;
}

.graphique .reportages-container .actions li a:hover {
    color: #ff6600;
}

.metier .reportages-container .actions li a:hover {
    color: #bdbf0d;
}

.reportages-container .container-img > a {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: inline-block;
    height: 220px;
    background: #dddddd;
}

.reportages-container .container-img > a:hover img {
    -webkit-transform: scale(1.10);
    /* Safari and Chrome */
    -moz-transform: scale(1.10);
    /* Firefox */
    -ms-transform: scale(1.10);
    /* IE 9 */
    -o-transform: scale(1.10);
    /* Opera */
    transform: scale(1.10);
}

.reportages-container .container-img img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* J map */

.map {
    position: relative;
    width: 100%;
    height: 490px;
    background-color: rgba(255, 255, 255, 0.3);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width:768px) and (max-width:979px) {
    .map {
        height: 383px;
    }
    .map.europe a {
        font-size: 11px;
    }
    .map.europe a span {
        display: none;
    }
}

.phototheque .map.world {
    background-image: url(../images/maps/phototheque-monde.jpg);
}

.videotheque .map.world {
    background-image: url(../images/maps/videotheque-monde.jpg);
}

.graphique .map.world {
    background-image: url(../images/maps/graphique-monde.jpg);
}

.metier .map.world {
    background-image: url(../images/maps/metier-monde.jpg);
}

.phototheque .map.europe {
    background-image: url(../images/maps/phototheque-europe.jpg);
}

.videotheque .map.europe {
    background-image: url(../images/maps/videotheque-europe.jpg);
}

.graphique .map.europe {
    background-image: url(../images/maps/graphique-europe.jpg);
}

.metier .map.europe {
    background-image: url(../images/maps/metier-europe.jpg);
}

.map a {
    color: #192023;
    display: block;
    position: absolute;
    font-weight: bold;
}

.map.europe a {
    font-size: 12px;
    line-height: 14px;
}

.map a:hover {
    text-decoration: underline;
}

.map a span {
    display: block;
    font-weight: normal;
    font-size: 12px;
}

.map a.al {
    text-align: left;
}

.map a.ar {
    text-align: right;
}

.map a.am span,
.map a.am {
    text-align: center;
}


/** link monde **/

.map.world #AN {
    top: 45.1020%;
    right: 77.291666%;
}

.map.world #AS {
    top: 75.91736%;
    right: 67.5%;
}

.map.world #ZE {
    top: 44.897958%;
    left: 39.479166%;
}

.map.world #MO {
    top: 52.857142%;
    left: 53.75%;
}

.map.world #AF {
    top: 71.020408%;
    left: 54.583333%;
}

.map.world #CE {
    top: 32.448979%;
    left: 66.041666%;
}

.map.world #AP {
    top: 56.122448%;
    left: 73.75%;
}


/** link europe **/

.map.europe #irl {
    top: 32.673469%;
    left: 21.754166%;
}

.map.europe #roy {
    top: 39.183673%;
    left: 26.979166%;
}

.map.europe #fra {
    top: 57.551020%;
    left: 33.333333%;
}

.map.europe #esp {
    top: 76.326530%;
    left: 26.145833%;
}

.map.europe #por {
    top: 78.163265%;
    left: 18.854166%;
}

.map.europe #pay {
    top: 36.938775%;
    left: 35.3125%;
}

.map.europe #bel {
    top: 43.877551%;
    left: 34.583333%;
}

.map.europe #lux {
    top: 49.183673%;
    left: 36.666666%;
}

.map.europe #sui {
    top: 56.530612%;
    left: 40.208333%;
}

.map.europe #ita {
    top: 69.183673%;
    left: 45.416666%;
}

.map.europe #all {
    top: 40.816326%;
    left: 41.5625%;
}

.map.europe #dan {
    top: 23.877551%;
    left: 39.583333%;
}

.map.europe #nor {
    top: 7.755102%;
    left: 39.791666%;
}

.map.europe #sue {
    top: 11.836734%;
    left: 46.5625%;
}

.map.europe #rep {
    top: 46.734693%;
    left: 46.875%;
}

.map.europe #aut {
    top: 54.285714%;
    left: 46.979166%;
}

.map.europe #slo {
    top: 60%;
    left: 47.395833%;
}

.map.europe #cro {
    top: 65.510204%;
    left: 48.75%;
}

.map.europe #bos {
    top: 67.755102%;
    left: 51.666666%;
}

.map.europe #mon {
    top: 71.224489%;
    left: 50.625%;
}

.map.europe #mac {
    top: 74.081632%;
    left: 55.3125%;
}

.map.europe #alb {
    top: 77.346938%;
    left: 52.604166%;
}

.map.europe #gre {
    top: 80.204081%;
    left: 56.458333%;
}

.map.europe #fin {
    top: 0.816326%;
    left: 59.0625%;
}

.map.europe #est {
    top: 11.428571%;
    left: 60.833333%;
}

.map.europe #let {
    top: 18.367346%;
    left: 60.833333%;
}

.map.europe #lit {
    top: 24.489795%;
    left: 58.020833%;
}

.map.europe #pol {
    top: 37.551020%;
    left: 53.125%;
}

.map.europe #bie {
    top: 32.244897%;
    left: 62.291666%;
}

.map.europe #ukr {
    top: 46.938775%;
    left: 67.708333%;
}

.map.europe #mol {
    top: 54.693877%;
    left: 63.854166%;
}

.map.europe #rou {
    top: 60.204081%;
    left: 58.854166%;
}

.map.europe #bul {
    top: 69.795918%;
    left: 60.104166%;
}

.map.europe #tur {
    top: 81.020408%;
    left: 71.354166%;
}

.map.europe #slov {
    top: 50.204081%;
    left: 52.8125%;
}

.map.europe #hon {
    top: 56.122448%;
    left: 53.125%;
}

.map.europe #ser {
    top: 65.918367%;
    left: 55.729166%;
}

.map.europe .back {
    text-indent: -9999px;
    width: 17.291666%;
    height: 22.448979%;
    left: 1.5625%;
    top: 2.040816%;
}

.map.europe #cro span,
.map.europe #bos span,
.map.europe #mon span,
.map.europe #mac span,
.map.europe #alb span,
.map.europe #ser span {
    display: none;
}


/* K theme et metier */

.themes .col-sm-3  {
    margin-bottom: 10px;
}

.themes .col-sm-3 .content {
    background: #FFF;
    min-height: 115px;
    position: relative;
}

.themes .col-sm-3 .content > a {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
}

.themes .col-sm-3 .content > a:hover {
    background: url(../images/hover-themes.png) no-repeat bottom right;
}

.themes .col-sm-3 .content > a:hover span:before {
    content: "\e903";
    font-family: 'areva-icon';
    color: #acafaf;
    margin-right: 5px;
    font-size: 12px;
}

.themes .col-sm-3 .content span {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding-left: 15px;
    font-size: 12px;
    color: #454b4c;
}

.themes .col-sm-3 .content h4 {
    margin: 0px;
    font-size: 15px;
    font-family: Arial, sans-serif;
    font-weight: bold;
}

.phototheque .themes .col-sm-3 .content h4 {
    color: #00b2cb;
}

.videotheque .themes .col-sm-3 .content h4 {
    color: #cc0066;
}

.rushes .themes .col-sm-3 .content h4 {
    color: #cc0066;
}

.graphique .themes .col-sm-3 .content h4 {
    color: #ff6600;
}

.metier .themes .col-sm-3 .content h4 {
    color: #bdbf0d;
}


/* L ABCDAIRE */

.abcdaire {
    padding: 15px;
    background: #FFF;
}

.abcdaire .col-sm-6 {
    position: relative;
}

.abcdaire .col-sm-6:last-of-type {
    margin-top: 27px;
}

.abcdaire p {
    font-weight: bold;
}

.abcdaire .letter li {
    text-align: center;
    vertical-align: middle;
    transition: all .2s ease-in-out;
    padding: 0 14px;
}

.abcdaire .letter a {
    font-size: 75px;
    color: #a7a8a9;
    transition: all .2s ease-in-out;
}

.abcdaire .letter li:hover {
    -webkit-transform: scale(1.45);
    /* Safari and Chrome */
    -moz-transform: scale(1.45);
    /* Firefox */
    -ms-transform: scale(1.45);
    /* IE 9 */
    -o-transform: scale(1.45);
    /* Opera */
    transform: scale(1.45);
}

.phototheque .abcdaire .letter a:hover {
    color: #00b2cb;
}

.videotheque .abcdaire .letter a:hover {
    color: #00b2cb;
}

.rushes .abcdaire .letter a:hover {
    color: #00b2cb;
}

.graphique .abcdaire .letter a:hover {
    color: #00b2cb;
}

.metier .abcdaire .letter a:hover {
    color: #00b2cb;
}

.content-site {
    overflow: scroll;
    height: 450px;
}

.content-site li {
    line-height: 30px;
}

.content-site li:nth-child(odd) {
    background-color: #eeeeee;
}

.content-site li:nth-child(even) {
    background-color: #f9f9f9;
}

.content-site li a {
    text-transform: uppercase;
    color: #192023;
    display: block;
    padding-left: 30px;
    background-image: url(../images/fleche-liste-sites.gif);
    background-repeat: no-repeat;
    background-position: 13px 11px;
}

.content-site li a:hover,
.content-site li a.added {
    background-color: #cecfd0;
}


/* M MY ACCOUNT */

.account h2 span {
    color: #cc0033
}

.account .search {
    display: none;
}

.account .main-content {
    margin-top: 120px;
}

.account-box {
    background: #FFF;
    padding: 20px;
    position: relative;
}

.btn-areva {
    text-transform: uppercase;
    color: #FFF;
    border-radius: 0px;
    background: #337ab7;
    font-size: 14px;
    padding: 4px 15px;
    border: 0px;
}

.btn-areva:hover {
    color: #FFF;
    background: #454b4c;;
}

.btn-areva:focus, .btn-areva:active {
    color: #FFF;
}

.btn-areva-simple {
    background: none;
    text-decoration: underline;
    color: #192023;
    border-radius: 0px;
     padding: 4px 15px;
    box-shadow: none;
}

.btn-areva-simple:active {
    box-shadow: none;
}

.btn-areva-simple:hover {
    text-decoration: underline;
    color: #cc0033;
}

.personnel-data,
.adresse {
    margin-right: 20px;
    width: 230px;
    float: left;
    padding-left: 40px;
}

.personnel-data {
    background: url(../images/account-profil.gif) no-repeat top left;
}

.adresse {
    background: url(../images/account-locate.gif) no-repeat top left;
}

.contact {
    float: left;
    width: 290px;
}

fieldset[disabled] .contact {
    width: 320px;
}

.contact .form-group {
    padding-left: 40px;
}

.contact .form-group:first-of-type {
    background: url(../images/account-phone.gif) no-repeat left center;
}

.contact .form-group:last-of-type {
    background: url(../images/account-mail.gif) no-repeat left center;
}

.account-box .form-group {
    margin-bottom: 5px;
}

.account-box form input,
.account-box form textarea {
    border: 0px;
    border-radius: 0px;
    background: #eeeeee;
}

.account-box .form-control {
    box-shadow: none;
}

.account-box form input {
    height: 30px;
}
.account-box  input[placeholder]::-webkit-input-placeholder {
    color: #192023;
}

.account-box  input[placeholder]:-moz-input-placeholder {
     color: #192023;
}

.account-box  input[placeholder]:-ms-input-placeholder {
     color: #192023;
}

.bt-account {
    position: absolute;
    right: 40px;
    bottom: 20px;
}

.account-box textarea.form-control {
    height: 135px;
    margin-bottom: 0px;
}

.account-box .from-control[disabled], .account-box .form-control[readonly], fieldset[disabled] .form-control {
    background: #FFF;
    font-size: 16px;
    color: #383c3d;
}

fieldset[disabled] .form-control[placeholder]::-webkit-input-placeholder {
    color: #383c3d;
}

fieldset[disabled] .form-control[placeholder]:-moz-input-placeholder  {
    color: #383c3d;
}
fieldset[disabled] .form-control[placeholder]:-ms-input-placeholder {
    color: #383c3d;
}

fieldset[disabled] .personnel-data .form-control {
    height: 18px;
    padding: 0 12px;
}

.account-box fieldset[disabled] textarea.form-control {
    height: 120px;
    padding: 0 12px;
}

.account-box fieldset[disabled] .job {
    margin-top: 20px;
}


/* N SELECTION EN COUR **/

.info-selection {
    margin-bottom: 40px;
}

.info-selection .btn-areva, .info-selection .btn-areva-simple {
    margin-bottom: 10px;
    padding: 4px 10px;
}

.info-selection .name {
    margin-bottom: 0px;
    line-height: 20px;
    font-size: 18px;
}

.info-selection .results span {
    font-size: 12px;
}

.info-selection .col-sm-3 {
    padding-left: 0px;
}
.info-selection .col-sm-9 {
    padding-right: 0px;
}

.info-selection .col-sm-9 ul {
    padding-top: 6px;
}
.info-selection .col-sm-9 ul li {
    padding: 0px 1px;
}

.recorded.selection .col-sm-9 {
    text-align: right;
}

.selection .search {
    display: none;
}

.selection .main-content {
    margin-top: 91px;
}

.selection .goto {
}

.selection .row h2 {
    padding-top: 15px;
}

.selection .filtered .container-img .desc .format li.delete a
{
 background: none;
    margin: 0px;
}

/* O SHOPPING BAG */

.shopping-bag {
    background: #192023;
    padding: 15px 0;
    -webkit-box-shadow: inset 0px 21px 5px -15px rgba(0, 0, 0, 0.55);
    -moz-box-shadow: inset 0px 21px 5px -15px rgba(0, 0, 0, 0.55);
    box-shadow: inset 0px 21px 5px -15px rgba(0, 0, 0, 0.55);
    margin: 0 -15px;
}

.shopping-bag .container {
    padding: 0;
    white-space: nowrap;
    position: relative;
}

.inner-slideshow {
    padding: 0 32px;
    position: relative;
}

.cycle-slideshow div {
    float: none;
}

.cycle-slideshow {
    padding: 0px;
    margin: 0 5px 0 40px;
}

.inner-slideshow #prev,
.inner-slideshow #next {
    line-height: 85px;
    background: #26343a;
    display: inline-block;
    color: #c1c1c1;
    padding: 0 12px;
}

.inner-slideshow #prev:hover,
.inner-slideshow #next:hover {
    color: #FFF;
    background: #32444c;
}

.inner-slideshow #prev {
    position: absolute;
    left: 35px;
}


/*If using Jquery Enhanced*/

.cycle-carousel-wrap {
    top: 0 !important;
}

.cycle-slideshow .container-img {
    position: relative;
    height: 85px;
    background: #26343a;
}

.cycle-slideshow .container-img .desc {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    padding: 10px;
    opacity: 0;
    -webkit-transition: all 0.15s ease;
    transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    cursor: pointer;
}

.cycle-slideshow .container-img .desc:hover {
    opacity: 1;
}

.cycle-slideshow .container-img > a {
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 100%;
}

.cycle-slideshow .container-img .desc .actions {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
}

.cycle-slideshow img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.cycle-slideshow .container-img .actions ul {
    background: rgba(25, 32, 35, 0.80);
    padding: 10px 0;
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    text-align: center;
}

.cycle-slideshow .container-img .actions ul li {
    border-right: 1px solid #404d53;
}

.cycle-slideshow .container-img .actions ul li:last-of-type {
    border: none;
}

.cycle-slideshow .container-img .actions ul li a {
    color: #FFF;
}

.shopping-bag .completement {
    position: absolute;
    right: 0px;
    top: 0px;
    text-align: center;
}

.shopping-bag .completement p {
    color: #c1c1c1;
    margin-top: 17px;
}

.phototheque .shopping-bag .completement p.actif,
.phototheque .cycle-slideshow .container-img .actions ul li a:hover {
    color: #00b2cb;
}

.videotheque .shopping-bag .completement p.actif,
.videotheque .cycle-slideshow .container-img .actions ul li a:hover {
    color: #cc0066;
}

.rushes .shopping-bag .completement p.actif,
.rushes .cycle-slideshow .container-img .actions ul li a:hover {
    color: #cc0066;
}

.graphique .shopping-bag .completement p.actif,
.graphique .cycle-slideshow .container-img .actions ul li a:hover {
    color: #ff6600;
}

.metier .shopping-bag .completement p.actif,
.metier .cycle-slideshow .container-img .actions ul li a:hover {
    color: #bdbf0d;
}

.shopping-bag .completement a {
    color: #c1c1c1;
    background: #26343a;
    line-height: 30px;
    padding: 7px 18px;
    text-decoration: underline;
}

.shopping-bag .completement a:hover {
    color: #FFF;
    background: #32444c;
}

.btn-lg:hover {
    background: #FFE600;
    color:black;
}

/** CORRECTION POUR TABLETTE **/

@media (min-width:768px) and (max-width:979px) {
    .resume-results > ul > li:first-of-type {
        width: auto;
    }
    .filter .intro {
        max-width: 160px;
    }
    .grid-options p {
        display: none
    }
    .grid-options #nb-results p {
        display: block
    }
    #nb-results {
        padding-left: 30px;
    }
    .shopping-bag .completement {
        right: 40px;
    }
    .cycle-slideshow .col-sm-3 {
        width: 155px !important;
    }
    .main-content .details .zoom ul {
        visibility: visible;
    }
    .modal-dialog.bgpictures {
        max-width: 600px;
    }
    .bgpictures .modal-body img {
        width: 100%;
    }
    .navbar .logo-container {
        margin-right: 10px;
    }
    footer .toolbox {
        background: url(../images/toolbox-tablet.png) no-repeat center center;
    }
    .videotheque .results > .col-sm-3.video > .container-img a:before,
    .videotheque .results-filtered .col-sm-3.video > .container-img a:before {
        background-position: 50% 10px;
        background-size: 40px;
    }

    .rushes .results > .col-sm-3.video > .container-img a:before,
    .rushes .results-filtered .col-sm-3.video > .container-img a:before {
        background-position: 50% 10px;
        background-size: 40px;
    }

    .personnel-data, .adresse, .contact {
        width: 33%;
        margin-right: 0px;
        padding-right: 10px;
    }
    fieldset[disabled] .contact {
        width: 33%;
    }
    .account-box .from-control[disabled], .account-box .form-control[readonly], fieldset[disabled] .form-control {
        font-size: 14px;
        padding: 0px;
    }
}