/*---------------------FONTS---------------------*/

@import url('https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700');

/*** Intégration La Bonne Agence ***/

/* Header + Fil Ariane */
.container{
    font-family: 'Quicksand', sans-serif;
    margin: 1em 1em 100px 1em;
}
.container > h2{
    margin: 25px 20px;
    display: block;
}
.container > h2,
.container > h2 small{
    color: #000;
    font-size: 18px;
    font-weight: normal;
}
.container > h2 a{
    color: #137F8B;
    text-decoration: none;
    font-weight: bold;
}
.container > h2 a:hover,
.container > h2 a:focus{
    text-decoration: underline;
}
/**/

/* Accueil */
.accueil{
    font-family: 'Quicksand', sans-serif;
}
.accueil b{
    font-weight: 800;
    font-size: 20px;
    margin: 20px 0 10px;
    display: block;
}
.accueil ul{
    background: #f7f7f6;
    border: 1px solid #eee;
    margin: 0;
    height: auto;
    min-height: 3.5em;
    padding: 30px;
}
.accueil ul li{
    line-height: 1;
}
.accueil ul li a{
    color: #137F8B;
    text-decoration: none;
    display: inline-block;
    margin-bottom: 10px;
    font-weight: bold;
}
.accueil ul li:last-child a{
    margin-bottom: 0;
}
.accueil ul li a:hover,
.accueil ul li a:focus{
    text-decoration: underline;
}

.accueil ul li.inline-item {
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
}
.accueil ul.two-columns {
    background: inherit;
    border: none;
    margin: 0;
    height: auto;
    padding: 0;
}
.accueil ul.two-columns li a{
    margin-bottom: 10px;
}

/**/

/* Liste des recherches + Liste des demandes à traiter */
#sortable_length,
.dataTables_length, #sortable-users_length{
    background: #f7f7f6;
    float: right;
    margin: 0 0 30px 0;
    padding: 11px 18px 14px;
}

#sortable_filter,
.dataTables_filter{
    background: #f7f7f6;
    float: right;
    margin: 0 0 30px 0;
    height: 33px;
    width: 315px;
    padding: 12px 0 12px 11px;
}
.liste_territoire{
    float: right;
    text-align: center;
    background: #f7f7f6;
    padding: 12px 18px;
    width: auto;
    margin-bottom: 10px;
}
body.body-custom-liste .liste_territoire {
    background: white !important;
}
#sortable_length label,
#sortable_filter label;

.liste_territoire label{
    margin-left: 0;margin-right: 0;padding-right: 15px;
    font-weight: bold;
    vertical-align: middle;
}
#sortable_length select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    border: 1px solid #ddd;
    height: auto;
    padding: 5px 8px;
    font-size: 15px;
    min-width: 80px;
    vertical-align: middle;
    transform: rotate(0.001deg)
}
#sortable_filter input{
    margin-left: 18px;margin-right: 12px;
    -moz-appearance:none;
    width: 196px;
    -webkit-appearance:none;
    appearance:none;
    border: 1px solid #ddd;
    height: auto;
    padding: 5px 8px;
    font-size: 15px;
    min-width: 80px;
    vertical-align: middle;
    transform: rotate(0.001deg)
}
.liste_territoire select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    border: 1px solid #ddd;
    height: auto;
    padding: 5px 8px;
    font-size: 15px;
    min-width: 80px;
    vertical-align: middle;
    transform: rotate(0.001deg)
}
#sortable_length select,
.liste_territoire select {
    background-image: url('../img/arrow-down-select.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}
form .first-block #sortable_length select, form .first-block select, .formulaire_liste select#select_nb_lignes, select#theme-list {
    background-image: url('../img/icon-fleche-select.png');
}

.dataTable thead tr{
    background: #f2f8f8;
}
body.body-custom-liste .dataTable thead tr{
    background: #fff;
}
.dataTable thead th, .uppercase-header{
    padding: 8px 15px !important;
    vertical-align: middle;
    font-weight: 800 !important;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: left;
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd !important;
    color: #333;
}
body.body-custom-liste .dataTable thead th{
    border-top: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid black !important;
    color: gray !important;
    font-size: 12px !important;
}
body.body-custom-liste .dataTable tbody tr.ligne-jaune, .dataTable tbody tr.odd.ligne-jaune td.sorting_1,
.dataTable tbody tr.even.ligne-jaune td.sorting_1{
    background-color: #FFFACD !important;
}
.dataTable thead th:first-of-type{
    border-left: 1px solid #ddd;
}
body.body-custom-liste .dataTable thead th:first-of-type {
    border-left: 0px;
}
.dataTable thead th.sorting,
.dataTable thead th.sorting_asc,
.dataTable thead th.sorting_desc{
    padding-right: 20px !important;
    background-position: 100% center !important;
}
.dataTable thead th.sorting_asc,
.dataTable thead th.sorting_desc{
    background-color: #e6f1f2 !important;
}
.dataTable tbody tr td{
    padding: 10px !important;
    font-size: 14px;
    border-right: 1px solid #ddd;
}
.dataTable tbody tr td:first-of-type{
    border-left: 1px solid #ddd;
}
.dataTable tbody tr td div{
    font-size: 14px !important;
}
.dataTable tbody tr.odd td.sorting_1{
    background: rgb(249, 249, 249) !important;
}
.dataTable tbody tr.even td.sorting_1{
    background: white !important;
}
.dataTable tbody tr:hover,
.dataTable tbody tr:hover td.sorting_1{
    background: #f2f8f8 !important;
}
.dataTable tbody tr a{
    color: #137F8B;
    display: inline-block;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
.dataTable tbody tr a:hover,
.dataTable tbody tr a:focus{
    color: #333;
}
/*organisme liste*/
table.dataTable thead th.select-checkbox {
    position: relative;
  }
table.dataTable thead th.select-checkbox:before,
table.dataTable thead th.select-checkbox:after {
  display: block;
  position: absolute;
  top: 1.2em;
  left: 50%;
  width: 12px;
  height: 12px;
  box-sizing: border-box;
}
body.body-custom-liste h2{
    font-family: 'Quicksand', sans-serif !important;
}
body.body-custom-liste h2 a{
    color: #137F8B;
    text-decoration: none;
    font-weight: bold;
}
body.body-custom-liste h2 a:hover{
    text-decoration: underline;
}
body.body-custom-liste table.dataTable thead th.select-checkbox:before, 
body.body-custom-liste table.dataTable tbody td.select-checkbox:before {
    content: ' ';
    margin-top: 0px !important;
    margin-left: 0px !important;
    border: 1px solid black;
    border-radius: 3px;
    top: 40% !important;
    left: 31% !important;
  }
  table.dataTable tr.selected th.select-checkbox:after {
    content: '\2714';
    margin-top: -2px;
    margin-left: -4px;
    text-align: center;
    text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
  }  



/* pied de tableau */
#sortable_info, #sortable-users_info{
    padding: 0;
    display: block;
    margin: 10px 0;
    float: right;
}
#sortable_paginate, #sortable-users_paginate{
    padding: 15px 0;
    display: block;
    margin: 30px 0;
    float: none;
    width: 100%;
    display: inline-block;
    text-align: center;
    background: transparent;
}
#sortable_paginate span, #sortable-users_paginate span{
    margin: 0 15px;
}
#sortable_paginate .paginate_button.previous,
#sortable_paginate .paginate_button.next, .custom_lien,
#sortable-users_paginate .paginate_button.previous,
#sortable-users_paginate .paginate_button.next, .custom_lien{
    background: transparent;
    border: 2px solid #137f8b;
    border-radius: 3px;
    font-weight: bold;
    color: #137f8b !important;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
#sortable_paginate .paginate_button.previous:not(.disabled):hover,
#sortable_paginate .paginate_button.next:not(.disabled):hover,
#sortable_paginate .paginate_button.previous:not(.disabled):focus,
#sortable_paginate .paginate_button.next:not(.disabled):focus,
#sortable_paginate .paginate_button.current,
#sortable-users_paginate .paginate_button.previous:not(.disabled):hover,
#sortable-users_paginate .paginate_button.next:not(.disabled):hover,
#sortable-users_paginate .paginate_button.previous:not(.disabled):focus,
#sortable-users_paginate .paginate_button.next:not(.disabled):focus,
#sortable-users_paginate .paginate_button.current{
    background: #137f8b;
    color: white !important;
    box-shadow: none;
}
#sortable_paginate .paginate_button.disabled,
#sortable-users_paginate .paginate_button.disabled{
    border: 2px solid transparent;
    color: #ccc !important;
    cursor: not-allowed;
}
#sortable_paginate span .paginate_button,
#sortable-users_paginate span .paginate_button{
    font-weight: bold;
    color: #137f8b !important;
}
#sortable_paginate span .paginate_button.current,
#sortable-users_paginate span .paginate_button.current{
    background: #137f8b;
    color: white !important;
    border: 2px solid #137f8b;
    border-radius: 3px;
    box-shadow: none;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
#sortable_paginate span .paginate_button:not(.current):hover,
#sortable_paginate span .paginate_button:not(.current):focus,
#sortable-users_paginate span .paginate_button:not(.current):hover,
#sortable-users_paginate span .paginate_button:not(.current):focus{
    background: #f7f7f6;
    border: 1px solid transparent;
    box-shadow: none;
}
/**/

/* lien bas de page */
#sortable_wrapper + div a,
.container div[style="text-align:left"] a{
    text-align: center;
    color: #137f8b;
    font-weight: 800;
    font-size: 16px;
    display: block;
    transition: color 0.3s ease 0s;
    -webkit-transition: color 0.3s ease 0s;
}
#sortable_wrapper + div a:hover,
.container div[style="text-align:left"] a:hover,
#sortable_wrapper + div a:focus,
.container div[style="text-align:left"] a:focus{
    color: #333;
}
/**/

/* CSV - Excel - PDF - Print */
#sortable_wrapper .dt-buttons,
.dataTables_wrapper .dt-buttons{
    width: 100%;
    text-align: center;
    margin: 0 0 30px 0 !important;
}
#sortable_wrapper .dt-buttons a,
.dataTables_wrapper .dt-buttons a
{
    float: none;
    display: inline-block;
    background: #137f8b;
    color: white;
    border: 2px solid #137f8b;
    border-radius: 3px;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
.liste_territoire a.dt-button 
{
    float: none;
    display: inline-block;
    background: #137f8b;
    color: white;
    border: 2px solid #137f8b;
    border-radius: 3px;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
#sortable_wrapper .dt-buttons a:hover,
#sortable_wrapper .dt-buttons a:focus,
.dataTables_wrapper .dt-buttons a:hover,
.dataTables_wrapper .dt-buttons a:focus,
body.body-custom-liste .dt-buttons a:focus,
body.body-custom-liste .dt-buttons a:hover
{
    background: #0a717d ;
    box-shadow: none !important;
    transform: none !important;
    border: 2px solid #137f8b ;
}


/* bouton add bas de page */
.container + .button{
    position: fixed;
    bottom: 44px;
    left: 0;
    width: 100%;
    background: #f7f7f6;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}

.buttonsizesame {
    font-size: initial !important;
    font-weight: initial !important;
}

.container + .button input, .bouton_modal_question{
    background: #137f8b;
    color: white;
    /*font-weight: bold;*/
    border: 0;
    border-radius: 3px;
    box-shadow: none;
    padding: 8px 25px;
    font-family: 'Quicksand', sans-serif;
    margin: 15px 0;
    display: inline-block;
    cursor: pointer;
    transition: background 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s;
}
table.modal-question tr td.action-copy{
    text-align: center;
}
table.modal-question tr:nth-child(odd){
    background-color: #f6f6f6;
}

.container + .button input:hover,
.container + .button input:focus{
    background: #0a717d;
}
/**/

/* Filtres */
.filtres{
    width: 100%;
    background: #f7f7f6;
}
.filtres th{
    display: none;
}
.filtres td{
    padding: 12px 10px;
    text-align: center;
    width: 1%;
    font-size: 15px;
    font-weight: bold;
}
.filtres td select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    margin-top: 10px;
    border: 1px solid #bbb;
    height: 35px;
    min-width: 100px;
    padding: 5px 10px;
    vertical-align: middle;
    transform: rotate(0.001deg);
    background-image: url('../img/arrow-down-select.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}
.filtres td input{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    margin-top: 10px;
    border: 1px solid #bbb;
    height: 35px;
    box-shadow: none;
    min-width: 100px;
}

.dataTable thead tr.row-external-filter,
.dataTable .row-external-filter tbody tr:hover{
    background: none!important;
}

.dataTable thead th.col-external-filter {
    text-transform: none;
}

.dataTable thead th.col-external-filter,
.dataTable thead th.col-external-filter  tr,
.dataTable thead th.col-external-filter  td {
    border: none;
}

.dataTable thead th.col-external-filter {
    padding: 0!important;
}

.dataTable thead th.col-external-filter td.top-content {
    vertical-align: top;
}

.dataTable thead th.col-external-filter td.top-content .eligibitite {
    font-weight: bold;
    padding-left: 3px;
}
/**/

/* Formulaire */
form{
    font-family: 'Quicksand', sans-serif;
}
form fieldset{
    border: none;
    padding:30px;
    margin: 0 0 30px 0;
    border: 1px solid rgb(240, 240, 240);
    background: white;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
}
form fieldset legend{
    font-size: 25px;
    color: #156c78;
    font-weight: bold;
    padding: 15px;
    margin: 0 0 0 -30px;
    width: calc(100% + 30px);
    background: white;
    border: 1px solid #eee;
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
}
form fieldset legend a img{
    width: 20px;
}
form fieldset label{
    color: #2d3549;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.2;
    vertical-align: top;
}
form#critods fieldset label{
    font-weight: 500;
}
form fieldset label + div{
    font-weight: 500;
}

form fieldset input:not([type='checkbox']):not([type="radio"]),
form fieldset select{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    height: 30px;
    color: rgb(105, 105, 104);
    font-size: 0.9em;
    border-radius: 3px;
    border: 1px solid rgb(229, 229, 230);
    /*box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);*/
    padding: 0 10px;
}
#editeur{
    border: 1px solid #aaa;
    padding: 10px 5px;
}
form fieldset select {
   /* background: url('../img/bg-select.svg');*/
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}
form fieldset select[multiple=""]{
    height: auto;
    vertical-align: top;
    margin-bottom: 20px;
}
form .une_colonne .lab{
    width: 100%;
}

form .une_colonne .img_preview {
    display: inline-block;
}

form .une_colonne .img_preview ul {
    margin: 0;
    padding: 0;
}

form .une_colonne .img_preview ul > li {
    display: inline-block;
    position: relative;
    width: 200px;
    height: 200px;
    margin: 10px;
    vertical-align: top;
}


form .une_colonne .img_preview ul > li > img.preview {
    display: inline-block;
    max-width: 200px;
    max-height: 200px;
}

form .une_colonne .img_preview ul > li > a > img.delete_icon {
    position: absolute;
    right: 0;
}

form .deux_colonnes{
    display: block;
}
form .button input,
form input.normal_button,
form input.grey_button,
form input.danger_button,
.toAtraite,
form input[type="submit"]{
    cursor: pointer;
    background: #137f8b;
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px !important;
    border: none !important;
    padding: 12px 30px !important;
    margin: 15px 10px 15px 0 !important;
    height: auto !important;
    display: inline-block !important;
    text-align: left;
    box-shadow: 0px 8px 0px 0px rgb(10, 113, 125) !important;
    transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s;
}
form .button input.hidden-ods-orga, body.body-custom-liste .button .hidden{
    display: none !important;
}
form input.fake_submit_button {
    background: #ff9900;
    box-shadow: 0px 8px 0px 0px rgb(204, 102, 0) !important;
}

form input.grey_button, .toAtraite{
    background: #999999;
    box-shadow: 0px 8px 0px 0px rgb(99, 99, 99) !important;
    color: #000;
}

form input.danger_button {
    background: #dc143c;
    box-shadow: 0px 8px 0px 0px #b22222 !important;
}

form .button input[value*="Retour"],
form .button input.gris{
    background: #aaa;
    box-shadow: 0px 8px 0px 0px rgb(145, 145, 145) !important;
}
form .button input:hover,
form .button input:focus{
    background: #333 !important;
    box-shadow: 0px 8px 0px 0px rgb(23, 23, 23) !important;
}

form input[name*="reactiver"] {
    font-style: italic;
    text-decoration: underline;
    background: #FFFFFF;
    color: #dc143c!important;
    box-shadow: none!important;
}
/**/
.deploiement-main{
    margin-bottom: 17px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.deploiement-left{
    text-align: left;
}

.deploiement-left input{
    margin-bottom: 10px;
}

.deploiement-margin{
    margin: 0 10px 0 10px;
    text-align: left;
    }
/**/

form.theme{
    background: #f7f7f6;
    padding: 12px 18px;
    display: inline-block;
    width: auto;
}
form.theme label{
    font-weight: bold;
    font-size: 18px;
    vertical-align: middle;
}
form.theme select{
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    height: 40px;
    color: rgb(105, 105, 104);
    font-size: 1em;
    border-radius: 3px;
    border: 1px solid rgb(229, 229, 230);
    box-shadow: 1px 1px 16px 0 rgba(0,0,0,0.03);
    padding: 0 20px 0 12px;
    margin: 0 0 0 10px;
    width: auto !important;
    background-color: white;
    background-image: url('../img/arrow-down-select.png');
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    vertical-align: middle;
}

form.detail .une_colonne .lab input[type="radio"]{
    vertical-align: middle;
    margin-top: 0;
    cursor: pointer;
}
form.detail .une_colonne .lab input[type="radio"] + label{
    vertical-align: middle;
    margin-left: 6px;
    cursor: pointer;
    font-weight: 500;
}
form.detail .deux_colonnes{
    width: 48.2%; /* 49.5%*/
    display: inline-block;
    margin-right: 0;
    margin-left: 0;
}
form.detail .right_column{
    width: 50% !important;
}
form.detail .deux_colonnes .lab{
    min-width: 50%;
}

form.detail .deux_colonnes .lab .info {
    font-size: 14px;
    font-style: italic;
}
form .first-block .lab, form .second-block .lab{
    width: 212px;
    margin-left: 2px !important;
}
.second-block .div-nbre-result {
    float: right;
    margin: 26px;
}
.second-block .div-nbre-result span{
    font-weight: 400;
}
form .first-block label{
    vertical-align: top;
    font-size: 14px;
    font-weight: 400 !important;
}
.second-block input[type="button"] {
    float: right;
}
form .first-block .dataTables_filter,
form .first-block .dataTables_length {
    all: unset !important;
}
form .first-block .dataTables_filter label, form .first-block .dataTables_length label, 
.formulaire_liste .dataTables_length label, .formulaire_liste .dataTables_filter label{
    vertical-align: unset !important;
    font-weight: 400 !important;
}
form .first-block .dataTables_filter input{
    margin-left: 0px !important;
}
form .first-block .statut-offre, form .first-block .statut-list{
    display: inline-flex;
}
form .first-block input[type="search"], form .first-block select{
    width: 180px !important;
    color:gray !important;
    margin-top: 10px;
}
form .second-block .edit-filtre, form .second-block .edit-filtre:disabled{
    box-shadow: none !important;
    border-radius: 30px !important;
    font-size: 15px;
    background:url('../img/loop-filtre.png') no-repeat scroll 8px 13px #137f8b;
    padding-right:13px !important;
    background-size: 14px;
}

.btn {
    background-color: #fff;
    color: black;
    padding: 8px;
    font-size: 13px;
    
    outline: none;
    border-radius: 80px;
  }
  .btn.gray-border{
    border: 1px solid gray;
  }
  .btn.yellow-border{
    border: 1px solid orange;
  }
  .export-list{
    background:url('../img/icon-export.png') no-repeat scroll 13px 7px;
    padding-left:38px;
    background-size: 18px;
    /*background-repeat: no-repeat;
    width: 9px;
    height: 18px;
    float: left;*/
  }
  .export-list:after{
    content: '';
    background: url('../img/icon-fleche-select.png') no-repeat scroll 9px 2px;
    padding-left: 22px;
  }
  
  .dropdown {
    position: absolute;
    display: inline-block;
  }
  
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
  }
  
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .dropdown-content a:hover {background-color: #ddd}
  
  .dropdown:hover .dropdown-content {
   /* display: block;*/
  }
  .dropdown .show {
      display: block;
    }
/**/

/* éditeur wysiwyg */
#div-editeur input{
    height: auto;
    padding: 5px 10px;
    margin: 10px 0;
    cursor: pointer;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
#div-editeur input:hover,
#div-editeur input:focus{
    background: #137f8b;
    color: white;
}
/**/

/* datepicker */
#ui-datepicker-div,
.ui-datepicker-group{
    border-radius: 2px;
    border:none;
    box-shadow: 0 0 2px #ddd;
    background-color: white;
    padding: 0;
    width: 22em;
    font-family: 'Quicksand', sans-serif;
}
.ui-datepicker-group{
    width: 48% !important;
    margin-right: 2%;
    margin-bottom: 1.5%;
}
.ui-datepicker-group ~ .ui-datepicker-group{
    margin-left: 2%;
    margin-right: 0;
}
#ui-datepicker-div .ui-datepicker-header,
.ui-datepicker-inline .ui-datepicker-header{
    border:none;
    border-radius: 0;
    border-bottom: 1px solid #EBEAE9;
    padding: 22px 0;
    background: #FAFAFA;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next{
    margin-right: 10px;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev{
    margin-left: 10px;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next,
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev{
    padding: 30px 0;
    opacity: 1;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:before,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev:before{
    content: "";
    background-image: url('../img/arrow-left.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 9px;
    height: 18px;
    float: left;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:before,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next:before{
    content: "";
    background-image: url('../img/arrow-right.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 9px;
    height: 18px;
    float: right;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next span,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next span,
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev span,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev span{
    display: none;
}
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-prev:focus,
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:hover,
#ui-datepicker-div .ui-datepicker-header a.ui-datepicker-next:focus,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-prev:focus,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next:hover,
.ui-datepicker-inline .ui-datepicker-header a.ui-datepicker-next:focus{
    border:none;
    border-radius: 0;
    background: none;
    cursor: pointer;
    opacity: 0.8;
}
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title{
    font-weight: normal;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title select{
    font-weight: normal;
    border:1px solid #dedede;
    height: 35px;
    color: #555;
    text-align: center;
    text-transform: uppercase;
}
#ui-datepicker-div .ui-datepicker-header .ui-datepicker-title select option,
.ui-datepicker-inline .ui-datepicker-header .ui-datepicker-title select option{
    padding: 3px 0;
    color: #555;
}
#ui-datepicker-div .ui-datepicker-calendar,
.ui-datepicker-inline .ui-datepicker-calendar{
    margin:0;
}
#ui-datepicker-div .ui-datepicker-calendar thead tr th span,
.ui-datepicker-inline .ui-datepicker-calendar thead tr th span{
    font-weight: normal;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    font-size: 12px;
    color: #202326;
    display: block;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr{
    background-color: white;
    border-top: 1px solid #f3f3f3;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-state-disabled,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-disabled{
    background: #f1f1f1;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-datepicker-unselectable span{
    border:none;
    text-align: center;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td{
    border:none;
    padding: 0;
    border-right: 1px solid #f3f3f3;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td:last-of-type,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td:last-of-type{
    border:none;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-default,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-default{
    background:white;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-highlight,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-highlight{
    color: #008489;
}
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td.ui-state-highlight a.ui-state-default{
    background: #FCBF00;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a.ui-state-active,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a.ui-state-active{
    background:#137f8b;
    color: white;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a{
    color: #8e8e8e;
    text-align: center;
    font-size: 15px;
    border:none;
    padding: 8px;
    transition: background 0.3s ease 0s, color 0.3s ease 0s;
    -webkit-transition: background 0.3s ease 0s, color 0.3s ease 0s;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a:hover,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a:hover{
    background:rgba(19, 127, 139, 0.5);
    color: white;
}
#ui-datepicker-div .ui-datepicker-calendar tbody tr td a:focus,
.ui-datepicker-inline .ui-datepicker-calendar tbody tr td a:focus{
    background:rgba(19, 127, 139, 0.7);
    color: white;
}

/**/

/*** Bandeau ***/
h1.bandeau{
    background: linear-gradient(90deg, rgb(26, 160, 167) 0%, rgb(24, 92, 160) 100%);
    font-family: 'Quicksand', sans-serif;
    padding: 20px 0;
    vertical-align: middle;
}
h1.beta{
    background: linear-gradient(to top right, orange, red) !important;
    font-family: 'Quicksand', sans-serif;
    padding: 20px 0;
    vertical-align: middle;
}
h1.bandeau img{
    margin: 0 15px 0 30px;
    float: none;
    display: inline-block;
    vertical-align: middle;
}
h1.bandeau + .statut{
    position: absolute;
    top: 35px;
    right: 30px;
    background: transparent;
    color: white;
    font-family: 'Quicksand', sans-serif;
}
h1.bandeau + .statut a{
    color: white;
}
h1.bandeau + .statut a:last-of-type{
    display: block;
}

@media(min-width: 1565px){
span.cpvalidation
{
        margin-left: 321px;
}

}


@media(max-width: 991px){
    h1.bandeau{
        min-height: 60px;
        font-size: 1.3em;
    }
    h1.bandeau img{
        float: left;
    }
    h1.bandeau + .statut{
        position: static;
        color: #333;
        margin: 10px 10px 0 0;
    }
    h1.bandeau + .statut a{
        color: #333;
    }
}
@media(max-width: 767px){
    .accueil td{
        width: 100%;
        display: block;
        padding: 0;
    }
}
.criteres{
    min-width: 5em; /* 16em*/
    width: auto !important;
}


html{
    position: relative;
    padding-bottom: 18px;
}
.product-version{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid silver;
    text-align: right;
    background:#242c3b;
}

.product-version span{
    margin:2px 10px 4px;
    font-size: 10px;
    color: grey;
}
/*alert message*/
.message.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 4%;
}

.message.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.message.alert-error {
    color: #ec0000;
    background-color: #fce3e3;
    border-color: #facccc;
}

.message.alert-center {
    text-align: center;
}

/* Image réseaux*/



.icon-twitter{
    background:url('/img/twitter-gris.png') no-repeat center;
}
.icon-googleplus{
    background:url('/img/google-gris.png') no-repeat center;
}
.icon-facebook{
    background:url('/img/facebook-gris.png') no-repeat center;
}
.icon-viadeo{
    background:url('/img/viadeo-gris.png') no-repeat center;
}
.icon-linkedin{
    background:url('/img/linkedin-gris.png') no-repeat center;
}
.icon-email{
    background:url('/img/ico-mail-gris.png') no-repeat center;
}
.icon-footer-facebook{
   /* background:url('/img/icon-footer-custom-facebook.png') no-repeat center;*/
    width: 23px;
}
.icon-footer-youtube{
  /*  background:url('/img/footeryoutube.png') no-repeat center;*/
}
.icon-footer-linkedin{
   /* background:url('/img/icon-footer-custom-linkedin.png') no-repeat center;*/
    width: 23px;
}

.icon-footer-instagram{
    /*background:url('/img/icon-footer-custom-instagram.png') no-repeat center;*/
    width: 23px;
}

.icon-footer-hub{
    /*background:url('/img/icon-hub-gris.png') no-repeat center;*/
    width: 23px;
}

.icon-twitter:hover{
    background:url('/img/twitter-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-googleplus:hover{
    background:url('/img/google-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-facebook:hover{
    background:url('/img/facebook-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-viadeo:hover{
    background:url('/img/viadeo-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-linkedin:hover{
    background:url('/img/linkedin-couleur.png') no-repeat center;
    background-size: contain;
}
.icon-email:hover{
    background:url('/img/ico-mail-noir.png') no-repeat center;
    background-size: contain;
}


.reseau-sociaux-liens{
    display: inline-block;
    position: relative;
    top: 0px;
}

.reseau-sociaux-liens a{
    width: 23px;
    height: 40px;
    margin-right: 10px;
    display: inline-block;
    background-size: contain;
}

.reseau-sociaux span{
    color: #969696;
    font-size: 1.66em;
    font-weight: 500;
    margin-right: 73px;
}

.reseau-sociaux{
    text-align: center;
    padding: 45px 54px;
}



/* reCaptcha */
div.g-recaptcha div {
    margin: 0 auto;
}

form.auth,
form.pwd {
    margin-top: 10px;
}

/* Utilisateur detail*/
div.date_connexion input[type="submit"] {
    margin-top: 0!important;
}
input[type="button" i]:disabled {
    background: #aaa;
    box-shadow: 0px 8px 0px 0px rgb(145, 145, 145) !important;
}
/*modal commune */
#validate_ville {
    width: 316.8px;
    cursor: pointer;
    background: #137f8b;
    color: white !important;
    font-size: 20px;
    font-weight: bold;
    border-radius: 3px !important;
    border: none !important;
    margin: 0px 10px 30px 0 !important;
    display: inline-block !important;
    text-align: center;
}

#downloadImg,
#downloadPdf{
    box-shadow: none !important;
    font-weight: normal !important;
    font-size : 0.88em;
}
#downloadPdf:hover,
#downloadPdf:focus,
#downloadImg:hover,
#downloadImg:focus{
    background: #0a717d !important;
    box-shadow: none !important;
    transform: none !important;
    border: 2px solid #137f8b ;
}
#boxed {
    text-align: center;
    border: 2px solid #137f8b;
    min-width: 31px;
    float: right;
    color: white;
    background-color: #137f8b;
    margin-top: 0;
    z-index: auto;
    position: relative;
    font-weight: 500;
    padding: 0 5px 0 5px;
}
.sous-perim .input-sous-perim{
    margin-right: 7px;
}
tbody tr td.custom-td-form{
    width: 79px;
}
tbody tr.ajout-question{
    background-color: #fff !important;
}
tbody tr.ajout-question td a{
    margin: 22px;
}
tbody tr td div:first-child{
    display: inline-flex;
    margin: 14px;
}
tbody tr td div:first-child a{
    margin-top: 6px;
}