/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
body {
  font-family: 'Arial', sans-serif;
  font-style: normal;
  font-weight: 300 !important;
  text-shadow: none !important; }

a {
  transition: color .4s ease; }

td.link {
  cursor: pointer;
  padding: 0 !important; }

td.link a {
  display: block;
  padding: 8px; }

td.link a:hover {
  text-decoration: none; }

tr:hover a,
tr:hover a:hover {
  color: #4283cc; }

a:visited,
a:focus {
  text-decoration: none;
  outline: none; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Arial', sans-serif; }

button, input, select, textarea, a.btn, .select2-selection--single {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important; }

.select2-container.select2-container .select2-selection--single {
  height: 34px;
  padding: 2px 8px; }

.effet-scroll-g,
.effet-scroll-d {
  -webkit-transform: translate(0x, 0);
  -ms-transform: translate(0x, 0);
  transform: translate(0, 0);
  transition: all 0.5s; }

.effet-scroll-g.act {
  -webkit-transform: translate(80px, 0);
  -ms-transform: translate(80px, 0);
  transform: translate(80px, 0);
  transition: all 0.5s; }

.effet-scroll-d.act {
  -webkit-transform: translate(-80px, 0);
  -ms-transform: translate(-80px, 0);
  transform: translate(-80px, 0);
  transition: all 0.5s; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-right {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important; }

.tooltip {
  background-color: transparent !important;
  font-size: 11px;
  line-height: 11px;
  max-width: 300px; }

.fancybox-title-float-wrap {
  bottom: auto;
  margin: 0;
  padding: 5px;
  right: auto;
  position: relative;
  background-color: #000000; }

.fancybox-title-float-wrap .child {
  background: transparent;
  color: #FFFFFF;
  display: block;
  font-weight: normal;
  line-height: 14px;
  margin: 0;
  padding: 0;
  text-shadow: none;
  white-space: normal; }

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url("/common/images/fancybox_sprite.png"); }

.fancybox-close {
  cursor: pointer;
  height: 36px;
  position: absolute;
  right: -10px;
  top: -28px;
  width: 36px;
  z-index: 8040; }

.pagination a {
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -o-border-radius: 0 !important;
  -ms-border-radius: 0 !important; }

.section {
  padding: 45px; }

/* ----------- Tri liste ----------- */
.tri-liste {
  padding: 10px;
  margin-bottom: 15px; }

.tri-liste .bt-selectionner-tout {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

.tri-liste .form-actions {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle; }

/* ----------- Etat selection ----------- */
.etat-selection {
  display: none; }

.etat-selection.checked {
  display: inline-block; }

.etat-selection.restrictif.act {
  display: none; }

/* ----------- Etat action ----------- */
.etat-action {
  display: inline-block; }

.etat-action.restrictif.act {
  display: none; }

/* ----------- Top ----------- */
.top {
  background-color: #e5e5e5;
  padding: 10px; }

.top .logo {
  display: block;
  float: left; }

.top h1 {
  display: inline-block;
  vertical-align: middle;
  margin-top: 13px;
  margin-left: 0.25em;
  font-size: 30px; }

.top .info_utilisateur {
  display: block;
  float: right; }
  .top .info_utilisateur .mon_compte {
    padding: 0;
    border: 0;
    color: #4283cc !important;
    transition: color .4s ease;
    background-color: transparent; }
    .top .info_utilisateur .mon_compte .fa-stack-1x {
      color: #a1c1e6; }
    .top .info_utilisateur .mon_compte:hover {
      color: #a1c1e6 !important;
      text-decoration: none; }
      .top .info_utilisateur .mon_compte:hover .fa-stack-1x {
        color: #4283cc; }
    .top .info_utilisateur .mon_compte,
    .top .info_utilisateur .mon_compte i.fa {
      margin-right: 10px; }
  .top .info_utilisateur .dropdown-menu {
    padding: 0; }
    .top .info_utilisateur .dropdown-menu:before {
      background-image: url("/common/images/fleche_popup_up.png");
      background-position: center;
      background-repeat: no-repeat;
      content: "";
      position: absolute;
      top: -6px;
      right: 12px;
      width: 11px;
      height: 6px; }
    .top .info_utilisateur .dropdown-menu > li > a {
      padding: 5px; }
    .top .info_utilisateur .dropdown-menu > li.divider {
      margin: 0;
      padding: 0; }
    .top .info_utilisateur .dropdown-menu > li.item {
      padding-left: 10px;
      padding-right: 10px; }
      .top .info_utilisateur .dropdown-menu > li.item:first-child {
        padding-top: 10px; }
      .top .info_utilisateur .dropdown-menu > li.item.last {
        padding-bottom: 10px; }
    .top .info_utilisateur .dropdown-menu > li .encart-bas {
      padding: 10px;
      background-color: #f5f5f5; }

/* ----------- Titre page ----------- */
.entete-page {
  padding: 10px;
  border-bottom: 1px solid #ebebeb; }
  .entete-page h2 {
    color: #dd4b39;
    font-size: 20px;
    margin-top: 10px; }
    .entete-page h2 a > i {
      margin-right: 10px; }
  .entete-page .form-actions-page {
    text-align: right; }

.filter-group {
  position: relative; }
  .control-label .filter-group {
    display: inline-block;
    margin-top: -6px;
    transform: translateY(-1px);
    z-index: 1000; }

.project-filter-menu {
  width: 300px;
  padding: 1em; }
  .project-filter-menu .form-group {
    width: 100%;
    display: block; }
  .project-filter-menu .form-control, .project-filter-menu .select2-container {
    width: 100%;
    margin-bottom: 15px; }
  .project-filter-menu .select2-selection__rendered .label {
    display: none; }
  .project-filter-menu .clear-filter-btn {
    display: none; }
    .active-filter + .project-filter-menu .clear-filter-btn {
      display: block; }

.active-filter i.fa-filter {
  color: #4283cc; }

/* ----------- Contenu page ----------- */
.contenu-page {
  padding: 10px; }

.contenu-page .section-page fieldset {
  border: 1px solid #ddd !important;
  -webkit-box-shadow: 0 0 0 0 #000;
  box-shadow: 0 0 0 0 #000;
  padding: 15px;
  margin-bottom: 15px;
  display: table-cell; }

.contenu-page .section-page fieldset legend {
  width: inherit;
  /* Or auto */
  padding: 0 5px;
  /* To give a bit of padding on the left and right */
  border-bottom: none;
  margin-bottom: 0; }

/* ----------- Titre page ----------- */
.titre-page {
  text-align: center;
  padding: 30px;
  margin-bottom: 30px; }

/* ----------- Footer ----------- */
.footer {
  position: relative;
  padding: 30px;
  font-size: 11px;
  margin-top: 50px;
  border-top: 1px solid #cccccc; }

.footer .copyright {
  float: left; }

.footer .logo-societe {
  float: right; }
  .footer .logo-societe span,
  .footer .logo-societe img {
    display: inline-block; }

.icon-badge {
  position: absolute;
  top: 0;
  right: 8px; }

/* ----------- Fancybox Connexion ----------- */
.formulaire_connnexion .modal-body .picto_utilisateur {
  font-size: 42px;
  color: #4283cc; }

.formulaire_connnexion .modal-body {
  text-align: center; }

.formulaire_connnexion .modal-body .picto_utilisateur .fa-user {
  color: #a1c1e6; }

.formulaire_connnexion .modal-body .bouton_connexion {
  width: 100%; }

.formulaire_connnexion .modal-footer {
  margin-top: 0 !important; }

.formulaire_connnexion #champ_info_zone {
  margin-bottom: 0 !important; }

/* ----------- Popup progression ----------- */
.fancybox-inner a.progress-more-details {
  display: none; }

.fancybox-inner .message.progress-popup {
  padding-top: 20px;
  padding-right: 25px;
  padding-left: 25px; }

.fancybox-inner .message.progress-popup h3 {
  margin-top: 0;
  display: none; }

.fancybox-inner .message.progress-popup #progress-message a.telecharger-le-fichier-zip {
  display: block;
  text-align: center; }

.fancybox-inner .message.progress-popup #progress-message a.telecharger-le-fichier-zip .fa {
  font-size: 24px; }

.fancybox-inner .message.progress-popup #progress-message a.telecharger-le-fichier-zip .nom-du-fichier-zip {
  display: none; }

.fancybox-inner .message.progress-popup #progress-text {
  display: none; }

.fancybox-inner .message.progress-popup #progress-message {
  text-align: center; }

/* ----------- Fancybox ----------- */
.fancybox-skin {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px; }

a.fancybox-item.fancybox-close {
  display: none; }

/* ----------- Responsive ----------- */
@media (max-width: 1000px) {
  .page.accueil .entete .stockage-france {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important; }
    .page.accueil .entete .stockage-france img {
      position: relative; }
  .page.accueil .entete .ombre-stockage-france {
    display: none; }
  .page.accueil .section.logo {
    padding-bottom: 0 !important; }
  .page.accueil .section.acces {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }
  .page.accueil .acces .colonne-droite {
    border-left: 0 !important; }
  .page.accueil .acces .bloc-telephone h4,
  .page.accueil .acces .bloc-connexion h4 {
    margin-bottom: 10px !important; }
  .page.accueil .acces .bloc-connexion {
    margin-bottom: 45px !important;
    padding-bottom: 45px !important;
    border-bottom: 1px solid #FFFFFF; }
  .page.accueil .savoir-plus .texte {
    text-align: center !important; }
    .page.accueil .savoir-plus .texte li {
      list-style-type: none !important; }
  .page.accueil .section .bouton-bas {
    left: 50% !important; }
  .page.accueil .applications {
    /*display:none;*/ }
  .logged .page.accueil .acces .bloc-connexion {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0; }
  .footer .copyright {
    float: none !important;
    text-align: center !important;
    margin-bottom: 30px; }
  .footer .logo-fingerprint {
    float: none !important;
    text-align: center !important; }
    .footer .logo-fingerprint span {
      display: block !important; } }

@media (max-width: 600px) {
  .page.accueil .section.baseline {
    font-size: 28px !important; } }

.cgu_block_popup {
  background-color: white;
  text-align: left;
  padding: 5px; }

.cgu_block_popup h1 {
  font-size: 18px;
  text-align: center; }

.cgu_block_popup h2 {
  font-size: 14px; }

.cgu_block_popup p,
.cgu_block_popup li {
  font-size: 12px; }

.formulaire_connnexion .form-group {
  text-align: left; }

.info_quota {
  color: #777;
  font-size: 12px; }

.info_quota.red {
  color: #dd4b39; }

.nomargin {
  margin-left: 0;
  margin-right: 0; }

@media (min-width: 768px) {
  .form-inline .btn-block {
    width: auto;
    display: inline-block; } }

.page.dossier .liste-elements .item .icone .fa {
  color: #838383; }

.page.dossier .liste-elements .item .encart-survol {
  border: 3px solid #a1c1e6; }
  .page.dossier .liste-elements .item .encart-survol .zone-selection,
  .page.dossier .liste-elements .item .encart-survol .zone-suppression,
  .page.dossier .liste-elements .item .encart-survol .zone-zoom,
  .page.dossier .liste-elements .item .encart-survol .zone-agrandir,
  .page.dossier .liste-elements .item .encart-survol .zone-telechargement {
    background-color: #a1c1e6; }

#progress-bar {
  background-color: #a1c1e6; }

#progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.multiple_emails-email {
  border-color: #4283cc;
  background: #a1c1e6; }

.page.accueil .visuel_accueil .fleche_bas:hover {
  color: #4283cc !important; }

.page.accueil .section.savoir-plus .fond-bleu {
  background-color: #4283cc;
  color: #FFFFFF; }

.page.accueil .section.savoir-plus .fond-blanc {
  background-color: #FFFFFF;
  color: #272727; }

.page.accueil .entete .bouton-contact {
  background-color: #efefef;
  color: #272727; }

.page.accueil .bouton-bas:hover .fa {
  color: #272727; }

.page.accueil .section.entete {
  color: #FFFFFF;
  background-color: #4283cc; }
  .page.accueil .section.entete .logo {
    border-bottom-color: #cccccc;
    background-color: #ffffff; }

.page.accueil .section.entete .bouton-bas, .page.accueil .section.fond-bleu .bouton-bas {
  background-color: #4283cc;
  color: #ffffff !important; }

.page.accueil .section.fond-blanc .bouton-bas {
  background-color: #FFFFFF;
  color: #4283cc !important; }

.page.accueil .creation_compte, .page.accueil .creation_compte a, .page.accueil .creation_compte a:hover {
  color: #FFFFFF !important; }

.page.accueil .identification .oubli {
  color: #FFFFFF; }

.page.accueil .acces .bouton-acces {
  color: #a1c1e6 !important; }
  .page.accueil .acces .bouton-acces:hover {
    color: #FFFFFF !important; }
  .page.accueil .acces .bouton-acces .fa-user,
  .page.accueil .acces .bouton-acces .fa-folder-open {
    color: #FFFFFF !important; }
    .page.accueil .acces .bouton-acces .fa-user:hover,
    .page.accueil .acces .bouton-acces .fa-folder-open:hover {
      color: #a1c1e6 !important; }
  .page.accueil .acces .bouton-acces > div {
    color: #FFFFFF; }

.page.accueil .acces .colonne-droite {
  border-left-color: #FFFFFF; }

.page.accueil .acces .telephone {
  background-color: #FFFFFF;
  color: #4283cc; }

.page.accueil .texte_visuel_accueil {
  border-bottom-color: #cccccc; }

.page.accueil .visuel_accueil .fleche_bas {
  color: #FFFFFF !important; }

.page.accueil .section.baseline {
  color: #FFFFFF; }
  .page.accueil .section.baseline .baseline-1 {
    color: #4283cc;
    background-color: #FFFFFF; }
  .page.accueil .section.baseline .baseline-2 {
    color: #272727;
    background-color: #FFFFFF; }

.page.accueil .section.savoir-plus {
  border-bottom-color: #cccccc; }

.page.accueil .applications a {
  border-color: #FFFFFF; }

.filter-btn:active, .filter-btn:focus {
  color: initial;
  outline: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.filter-btn:not(.collapsed) {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad; }

div[data-toggle="dropdown"] .caret {
  cursor: pointer; }