body, html/*, div[class^="col-"], div[class*=" col-"], div[class="row"]*/ {
    min-height:100%;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------- avec le bootstrap 4 = utilisation de la mesure «rem» ------------------*/
/*------------------- Ce pourcentage dans le html fait que 1rem = 10px --------------------*/
/*-----------------------------------------------------------------------------------------*/
html{
    font-size:62.5%;
}
body{
    font-family: 'Open Sans', Verdana, 'Lucida Sans Unicode',  sans-serif;
    -webkit-font-smoothing:antialiased !important;
    font-size:1.6rem;
    cursor:default;
}
::-moz-selection{ 
    color: #fff !important;
    background-color:#168d2d !important;
}
::selection{ 
    color: #fff !important;
    background-color:#168d2d !important;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Styles globaux ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.container {
    width: inherit;
    max-width: 160rem;
}
.container-entete{
    max-width:inherit;
}
.wrapper{
    overflow:hidden;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------------ Fonts ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
h1, h2, h3{
    font-family: 'Roboto Slab', Rockwell, 'Century Schoolbook', serif;
    font-weight:300;
    color:#66503d;
}
h1{
    font-size:5.2rem;
    line-height:1.31;
}
h2{
    font-size:4.2rem;
    line-height:1.39;
    margin-bottom:4.3rem;
}
h3{
    font-size:3.6rem;
    line-height:1.39;
    margin-bottom:2.3rem;
}
h4{
    font-size:1.8rem;
    line-height:1.33;
    font-weight:bold;
    margin-bottom:2rem;
}
/*--font-size:16px--*/
h5, p, label{
    font-size:1.6rem;
    line-height:1.5;
}
/*--font-size:14px--*/
h6, .txt-14px, .form-control{
    font-size: 1.4rem;
    line-height:1.33;
}
.txt-15px{
    font-size:1.5rem;
    margin-bottom:.2rem !important;
}
.txt-13px{
    font-size:1.3rem;
}
/*--font-size:12px--*/
.txt-12px, .small{
    font-size: 1.2rem;
    line-height:1.33;
}
.txt-22px{
    font-size:2.2rem;
}
.txt-30px{
    font-size:3rem;
}
.txt-52px{
    font-size:5.2rem;
}
.txt-70px{
    font-size:7rem;
}
.txt-72px{
    font-size:7.2rem;
    line-height:9.5rem;
}
a, a:hover{
    color:#168d2d;
}
/*---- Texte brun -----*/
h4, p, .txt-12px, .txt-14px, .txt-14px:hover, span{
    color:#342110;
}
p, ul.liste, ol.liste{
    margin-bottom:2.7rem;
}
.white-txt{
    color:#fff;
}
.brown-txt{
    color: #8b6845;
}
.dark-brown-txt, .bouton-recherche a, .bouton-recherche a:hover, .bouton-recherche-reperage a, .bouton-recherche-reperage a:hover {
    color: #66503d;
}
.green-txt, green-txt:hover{
    color:#168d2d !important;
}
.semi-bold, h6{
    font-weight:600;
}
.bold, strong{
    font-weight:700;
}
.text-shadow{
    text-shadow: 0 0.6rem 1.7rem rgba(52, 33, 17, 0.56);
}
.text-shadow-white{
    text-shadow: 0 0.6rem 1.7rem rgba(255, 255, 255, 0.56);
}
.line-height-large{
    line-height:1.75;
}
.line-height-15px{
    line-height:1.5rem !important;
}
.break-word{
    word-break:break-word;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------- Margin -------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.margin-auto{
    margin:0 auto;
}
.margin-10px{
    margin:10px;
}
.margin-top-10px{
    margin-top:1rem;
}
.margin-top-15px{
    margin-top:1.5rem;
}
.margin-top-25px{
    margin-top:2.5rem;
}
.margin-top-30px{
    margin-top:3rem;
}
.margin-top-50px{
    margin-top:5rem;
}
.margin-top-100px{
    margin-top:10rem !important;
}
.margin-top-150px{
    margin-top:15rem !important;
}
.margin-top-moitie{
    margin-top:30%;
}
.mg-top-negative-278px{
    margin-top:-278px !important;
}
.margin-left{
    margin-left:1%;
}
.margin-right{
    margin-right:1%;
}
.margin-right-5px{
    margin-right:.5rem;
}
.margin-right-10px{
    margin-right:1rem;
}
.margin-right-25px{
    margin-right:2.5rem !important;
}
.margin-bottom-7px{
    margin-bottom:.7rem;
}
.margin-bottom-15px{
    margin-bottom:1.5rem;
}
.margin-bottom-30px{
    margin-bottom:3rem;
}
.margin-bottom-50px{
    margin-bottom:5rem;
}
.margin-bottom-150px{
    margin-bottom:15rem !important;
}
.margin-top-neg-100px{
    margin-top:-10rem;
}
.margin-top-neg-10px{
    margin-top:-1rem;
}
.margin-0px{
    margin:0rem !important;
}
.margin-right-negative{
    margin-right:-8.5rem;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------------------- Padding ---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.padding-50px{
    padding:5rem;
}
.padding-20px{
    padding:2rem;
}
.padding-10px{
    padding:1rem 0rem;
}
.padding-15px{
    padding:1.5rem;
}
.padding-0px{
    padding:0rem !important;
}
.padding-30px{
    padding:0rem 3.4rem;
}
.padding-top-10px{
    padding-top:10px;
}
.padding-bottom-10px{
    padding-bottom:10px;
}
.lien-img{
    display:block;
    overflow:hidden;
}
.lien-img:hover{
    text-decoration:none !important;
}
.img-in-text{
    margin:2.7rem
}
.align-center{
    text-align:center;
}
.align-left{
    text-align:left;
}
.align-right{
    text-align:right;
}
.main-title{
    margin-top:-220px;
    margin-bottom:6rem;
}
.title-intranet{
    margin-top:-158px;
    margin-bottom:12rem;
}
.bubble-title{
    background-color:#fff;
    width:19rem;
    padding:1rem;
    height:73px;
    box-shadow: 0rem 2rem 8rem rgba(000,000,000,0.1);
}
.bubble-title:after{
    display: block;
    content: '';
    width: 3rem;
    height: 3rem;
    margin-top: 9px;
    margin-left: 59px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg) translateY(-50%);
}
.full-width{
    width:100%;
}
.vignette-pleine{
    padding:.5rem .7rem;
    width:55%;
    text-align:center
}
.choix-inscription{
    cursor:pointer;
}
.moyen-content, .medium-content{
    max-width:123.6rem;
    margin:0 auto;
    box-shadow: 0 .9rem 4.3rem 0 rgba(0, 0, 0, 0.12);
    padding:1.5rem 10rem 2rem 10rem;
}
.xsmall-content{
    max-width:49%;
    box-shadow: 0 .9rem 4.3rem 0 rgba(0, 0, 0, 0.12);
    padding:5rem 5rem 3rem 5rem;
}
.petit-content{
    max-width:49%;
    box-shadow: 0 .9rem 4.3rem 0 rgba(0, 0, 0, 0.12);
    padding:5.5rem 3.5rem 5.5rem 3.5rem;
}
.petit-content img{
    width:100% !important;
    max-width:25rem;
    margin-bottom:1rem;
}
.max-height-250px{
    max-height:25rem;
}
.max-width-1236px{
    max-width:123.6rem;
    margin:0 auto;
}
.max-width-1000px{
    max-width:100rem;
}
.max-width-950px{
    max-width:95rem;
}
.max-width-900px{
    max-width:90rem;
}
.max-width-600px{
    max-width:60rem;
}
.max-width-500px{
    max-width:50rem;
}
.max-width-700px{
    max-width:70rem;
}
.max-width-300px{
    max-width:30rem;
}
.max-width-150px{
    max-width:15rem;
}
.min-width-190px{
    min-width:19rem;
}
.min-width-250px{
    min-width:25rem;
}
.min-width-276px{
    min-width:27.6rem;
}
.min-width-1000px{
    min-width:100rem;
}
.min-width-1205px {
    min-width:1205px;
    
}
.min-height-90px {
    min-height: 9rem;
}
.min-height-800px{
    min-height:80rem;
}
.auto-height{
    height:auto;
}
.height-310px{
    height:31rem;
}
.height-500px{
    height:50rem;
}
.white-bg{
    background-color:#fff;
}
.bg-beige{
     background-color:rgba(218, 214, 211, 0.49);
}
.bg-green{
    background-color:rgba(21, 126, 41, 0.34);
    transition: all .1s ease-in-out;
}
.bg-green.cursorPointer:hover, .bg-dark-green{
    background-color:rgba(21, 126, 41, 0.54);
}
.bg-smooth-grey{
    background-color:rgba(218, 214, 211, 0.49);
}
.bg-smooth-grey.cursorPointer:hover, .bg-dark-grey{
    background-color:rgba(218, 214, 211, 0.89);
    transition: all .1s ease-in-out;
}
.bg-white-transparence{
    background-color:rgba(255,255,255,0.85);
}
.box-shadow{
    box-shadow:0rem 0rem 2rem rgba(000,000,000,0.2);
}
.no-border{
    border:none;
}
.border-grey{
    border:solid thin #ccc;
}
.border-left-grey{
    border-left:solid thin #ccc;
}
.border-bottom-grey{
    border-bottom:solid thin #ccc;
}
.border-right-grey{
    border-right:solid thin #ccc;
}
.border-bottom-darkbrown{
    border-bottom:solid thin #66503d;
}
.border-top-darkbrown{
    border-top:solid thin #66503d;
}
.green-border{
    border:solid thin #178d2e;
}
.half-opacity{
    opacity:.6 !important;
}
.half-opacity:hover{
    opacity:1 !important;
}
.border-radius{
    border-radius:5rem !important;
}
hr{
    margin:3rem 0rem;
    border-color:#66503d;
}
.overflow-hidden{
    overflow:hidden;
}
.overflowScrollY{
    overflow-y:scroll;
}
.criteres-supplementaires{
    display:none;
}
.hover-fiche-plus{
    opacity:0;
    transition: all .2s ease-in-out;
}
.displayNone{
    display:none !important;
}
.displayBlock{
    display:block !important;
}
.opacity-full{
    opacity:1 !important;
}
.displayInlineBlock{
    display:inline-block;
}
.cursorPointer{
    cursor:pointer;
}
.bloc-recherche{
    display:none;
    padding: .1rem 2.1rem !important;
}
.bouton-recherche{
    cursor:pointer;
    margin-bottom:0rem;
    margin-top:.5rem;
    font-size:1.5rem;
}
.bouton-recherche a:hover{
    text-decoration:none;
}
.bouton-recherche span{
    float:right;
}
.bouton-recherche-reperage {
    cursor: pointer;
    margin-bottom: 0rem;
    margin-top: .5rem;
    font-size: 1.5rem;
}
.bouton-recherche-reperage a:hover {
    text-decoration: none;
}
.bouton-recherche-reperage span {
    float: right;
}

/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Entêtes diminuées -------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.entete {
    height:40rem;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------------ Corps ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.corps {
    margin:0 auto;
    margin-top: 6.8rem;
    padding:0rem 2rem 6rem 2rem;
    max-width:160rem;
}
.intranet-layout .corps{
    margin-top: 5rem;
    padding:0rem 2rem 7.5rem 2rem;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Espace pub --------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.espace-pub{
    display:none;
}
.espace-pub-utilisee .espace-pub{
    display:block;
    max-height:12rem;
    width:100%;
    background-color:#fff;
    text-align:center;
    padding:1.5rem;
    box-shadow:inset 0rem -1rem 2rem rgba(000,000,000,0.06);
}
.espace-pub-utilisee .background{
    top:12rem;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------------------- Footer ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.footer {
  width:100%;
  background-color: #fff;
  box-shadow:0rem -1.5rem 2.5rem rgba(000,000,000,0.08);
}
.inner-footer{
    max-width:160rem;
    margin:0 auto;
    padding:2rem 0rem 2rem 0rem;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Scroll to top -----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.scroll-top{
    width:5.2rem;
    height:5.2rem;
    background-color:#168d2d;
    position:fixed;
    bottom:2.8rem;
    right:2.8rem;
    z-index:100000;
    line-height:5.2rem;
    text-align:center;
    display:none;
    cursor:pointer;
    box-shadow: 0rem .8rem 2rem rgba(102, 80, 61, 0.4);
    transition: all .2s ease-in-out;
}
.scroll-top:hover{
    box-shadow: 0rem 0rem .5rem rgba(102, 80, 61, 0.7);
}
.scroll-top span{
    color:#fff;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Backgrounds extranet & intranet ----------------------------*/
/*-----------------------------------------------------------------------------------------*/
.background{
    position:absolute;
    top:0rem;
    left:0rem;
    width:100%;
    z-index:-1;
}
.extranet-layout .background{
    background:url(../img/background-extranet.png) no-repeat;
    background-size:cover;
    background-position:100% 58%;
    height:33.8rem;
}
.full-bg-layout .background{
    background-image: url(../img/structure-blanche.svg) ,url(../img/background-extranet.png);
    background-repeat:no-repeat, no-repeat;
    background-size:auto , cover;
    background-position:left bottom ,100% 58%;
    height:115rem;
}
.intranet-layout .entete{
    height:25rem;
}
.full-bg-layout .entete{
    height:40rem !important;
}
.intranet-layout .background{
    background:url(../img/background-intranet.png) no-repeat;
    background-size:cover;
    background-position:100% 45%;
    height:22rem;
}
.intranet-layout.full-bg-layout .background{
    height:100%;
    position:fixed;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------- Backgrounds parallax effet scroll-----------------------------*/
/*-----------------------------------------------------------------------------------------*/
.background-parallax1, .background-parallax2{
    background-attachment: fixed;
    height: 48rem;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
} 
.background-parallax1{
    height:auto;
    background-image: url(../img/bg-parallax.png);
    background-position: center right -52rem;
}
.background-parallax2{
    background-image: url(../img/bg-parallax-2.png);
    background-position: center right -91rem;
}
.background-parallax2:before, .background-parallax1:before{
    content:'';
    height:14.3rem;
    opacity: 0;
    background-repeat: no-repeat;
    transition: all .8s ease-in-out;
}
.background-parallax1:before{
    background-image:url(../img/icone-mains.svg);
    width:12.6rem;
    background-size:contain;
    float:right;
    margin-top:-6rem;
    margin-right:6rem;
}
.background-parallax2:before{
    background-image: url(../img/icone-ferme.svg);
    width: 14.6rem;
    background-size:contain;
    margin-left: 6rem;
    margin-top: -3rem;
    float: left;
}
.background-parallax1 .grand-titre h2, .background-parallax2 h2{
    opacity:0;
    transition: all .4s ease-in-out;  
    line-height:48rem;
    margin-left:6rem;
    margin-bottom:0rem;
}
.visible:before, .visible .grand-titre h2, .visible{
    opacity:1;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------- Logos ------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.logo-arterre{
    margin-top:2rem;
    transition: all .1s ease-in-out;
}
.logo-arterre-fixe{
    position:fixed;
    top:0rem;
    left:1.5rem;
    z-index: 10000000000;
    margin-top:-.5rem;
    transition: all .5s ease-in-out;
}
.logo-arterre img{
    width:100%;
    max-width:30rem;
}
.logo-arterre-fixe img{
    max-width:21.5rem !important;
    margin-left:0rem;
}
.logo-craaq{
    margin-top:-5px;
}
.logo-partenaires-mobile{
    display:none;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Fil d'ariane ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.fil-ariane{
    height:6.2rem;
    max-width:100%;
    position:absolute;
    top:33.8rem;
    z-index:1;
    line-height:3.8rem;
    background-color: #fff;
    padding:1.2rem 2rem;
    display:none;
    margin:0 auto;
    max-width:160rem;
}
.fil-ariane .breadcrumb-item.active{
    color:#342110;
}
.breadcrumb-item+.breadcrumb-item::before{
    font-size:1rem;
    color:#cd9c72;
}
.fil-ariane-visible{
    display:block;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- Connexion layout ----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.connexion-layout .background-parallax1{
    display:none;
}
.connexion-layout .entete{
    height:20rem !important;
}
.connexion-layout .background{
    height:100rem;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------- Top navigation extranet & intranet ------------------------*/
/*-----------------------------------------------------------------------------------------*/
.top-navigation{
    height:6rem;
    margin-bottom:2rem;
}
.top-navigation li a{
    font-size:1.4rem;
    line-height:1.43;
    padding:1.9rem 5.5rem 1.9rem 0rem;
    color:#66503d;
}
.extranet-layout .top-navigation li:nth-child(4) a{
    margin-right:.3rem;
}
.intranet-layout .top-navigation li:nth-child(6) a{
    margin-right:.3rem;
}
.user-icon, .world-icon, .lock-icon{
    margin-right:1rem;
}
.user-icon{
    height:2.3rem;
    margin-top:-5px;
}
.lock-icon{
    height:2.5rem;
    margin-top:-5px;
}
.world-icon{
    height:2.7rem;
    margin-top:-5px;
}
.navigation-btn{
    background-color:#fff;
    font-size:1.4rem !important;
    box-shadow:0px .8rem 3.5rem rgba(000,000,000,0.10);
    height:5.8rem;
    padding:1.9rem .8rem 1.9rem .8rem !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    min-width:19rem;
    text-align:center;
}
.navigation-btn:hover{
    text-decoration:none !important;
    box-shadow:0rem .3rem 1rem rgba(000,000,000,0.15);
}
.connexion-btn-fixe{
    position: fixed;
    top: 0px;
    z-index: 100000000000;
    right: 0px;
}
.connexion-btn a{
    vertical-align: middle;
    max-width: 29rem;
    padding: 1.5rem .5rem 1.5rem .5rem !important;
    display: table-cell;
}
.connexion-btn-fixe a{
    box-shadow: none !important;
    height: 7rem;
    vertical-align: middle;
    font-size: 1.3rem !important;
    max-width: 19rem;
    padding: 1.5rem .5rem 1.5rem .5rem !important;
    display: table-cell;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------- Navigation principal de l'intranet et de l'extranet ---------------------*/
/*-----------------------------------------------------------------------------------------*/
.main-navigation{
    height:3rem;
    margin-top:2.9rem;
    transition: background-color 1s ease;
    transition: box-shadow 0.2s ease;
}
.main-navigation-fixe{
    position: fixed;
    top: 0;
    right: 0rem;
    margin-top: 0rem;
    z-index: 100000000;
    background-color: #fff;
    padding: 2rem 1.5rem;
    height: 7rem;
    width: 100%;
    box-shadow:0rem 1.5rem 2.5rem rgba(000,000,000,0.08);
}
.intranet-layout .main-navigation-fixe {
    padding: 2rem 20rem 2rem 1.5rem;
}
.main-navigation li{
    text-align:center;
}
.main-navigation li a{
    font-size:1.6rem;
    max-width:14rem;
    line-height:1.65;
    text-align:center;
    padding:0rem 0rem;
    color:#66503d;
    outline:none !important;
}
.main-navigation li a.active, .top-navigation li a.active{
    text-decoration:underline;
}
.extranet-layout .main-navigation li a{
    margin-top:-12px;
}
.main-navigation li:nth-child(1){
    padding-right:3rem;
    border-right:solid thin #cd9c72;
}
.main-navigation li:nth-child(2){
    padding-left:3rem;
    padding-right:3rem;
    border-right:solid thin #cd9c72;
}
.main-navigation li:nth-child(3), .main-navigation li:nth-child(4){
    padding-right:1.5rem;
    padding-left:1.5rem;
}
.main-navigation li:nth-child(4), .main-navigation li:nth-child(5){
    padding-left:1.5rem;
    border-left:solid thin #cd9c72;
}
.extranet-layout .main-navigation li:nth-child(2) a, .extranet-layout .main-navigation li:nth-child(5) a{
    line-height:5rem;
}
.main-navigation li a:hover, .top-navigation li a:hover{
    text-decoration:underline;
}
.main-navigation li .dropdown-menu{
    padding:0rem;
    margin:0rem;
    margin-top:2rem;
    border:solid thin #ddd;
    box-shadow:0rem .4rem 1rem rgba(000,000,000,0.12);
}
.main-navigation-fixe li .dropdown-menu, .connexion-btn-fixe .menu-extranet{
    position: fixed !important;
    transform:inherit !important;
    left: auto !important;
    top: 0rem !important;
    margin-left: -6rem !important;
    will-change: inherit !important;
    top: 6rem !important;
    padding:.8rem !important;
}
.connexion-btn-fixe .menu-extranet{
    right:0rem;
}
.main-navigation li .dropdown-menu li{
    border:none !important;
    text-align:center;
    padding:0rem !important;
}
.main-navigation li .dropdown-menu li a{
    margin:0rem !important;
    padding:1rem 2rem !important;
    line-height:4rem !important;
}
.main-navigation-fixe li .dropdown-menu li a{
    line-height:2.7rem !important;
    padding:.2rem .7rem !important;
}
.main-navigation li .dropdown-toggle::after{
    display:none;
}
.main-navigation li .show::after{
    transform: rotate(45deg) translateY(-50%);
    right:27%;
    top:-.2rem;
    display: block;
    content: '';
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    z-index: -1;
    background-color: #fff;
    border-top: 1px solid #ddd;
    border-left: solid 1px #ddd;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Sous menu extranet ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.menu-extranet{
    top:.3rem !important;
    min-width:19rem;
    border-radius:0rem;
    border:none;
    box-shadow:0px .8rem 3.5rem rgba(000,000,000,0.10);
    padding:0rem;
}
.menu-extranet a{
    padding:1.5rem 2rem !important;
    max-width:19rem; 
    display:block;
    white-space:normal;
}
.menu-extranet a:hover{
    text-decoration:none !important;
    background-color:#827060;
    color:#fff;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------- Menu ajout candidat ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.menu-ajout-candidat{
    border-radius:0rem;
    background-color:#157e29;
    border-color:#157e29;
    padding:0rem;
    margin:0rem;
    margin-right:-.1rem;
}
.menu-ajout-candidat a{
    color:#fff;
    margin:0rem !important;
}
.menu-ajout-candidat a:hover{
    color:#fff;
    background-color:#137024;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------ Les boutons ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.btn{
    font-size:1.8rem;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius:0px;
    cursor:pointer;
}
.btn:focus, .date-btn:focus{
    box-shadow:none !important;
    outline:none;
}
.btn-white-txt:hover, .btn-white-txt{
    color:#fff !important;
    text-decoration:none;
}
.select-btn, .date-btn{
    border-radius:0px !important;
    border:solid thin #979797 !important;
    text-align:left;
    padding:1.4rem 1.7rem !important;
    color:#66503d !important;
    width:100%;
    font-size:1.4rem;
    background-color:#fff;
    max-height:4.7rem;
}
.select-btn{
    text-align:right;
    cursor:pointer;
}
.select-btn span{
    float:left;
    max-width:160px;
    overflow:hidden;
}
.show>.select-btn.dropdown-toggle{
    box-shadow:none;
    border:solid .1rem #000 !important;
}
.btn-brown, .btn-brown:visited, .btn-darkbrown, .btn-darkbrown:visited, .btn-green, .btn-green:visited, .btn-red, .btn-red:visited, .btn-blue, .btn-blue:visited, .btn-default, .btn-default:visited {
    color: #fff !important;
    padding: 1.5rem 5rem;
    display: inline-block;
}
.btn-gray, .btn-gray:visited {
    padding: 1.5rem 5rem;
    display: inline-block;
}
.btn-default, .btn-default:visited{
    background-color: #f5f5f5;
    border: solid thin #ccc;
    color: #333333 !important;
}
.btn-default:hover, .btn-default:focus{
    background-color: #e5e5e5;
    color: #333333 !important;
}
.btn-brown, .btn-brown:visited{
    background-color:#8b6845;
}
.btn-brown:hover, .btn-brown:focus{
    background-color:#7d5e40;
}
.btn-darkbrown, .btn-darkbrown:visited{
    background-color:#342110;
}
.btn-darkbrown:hover, .btn-darkbrown:focus{
    background-color:#342110;
}
.btn-green, .btn-green:visited{
    background-color:#168d2d;
}
.btn-green:hover, .btn-green:focus{
    background-color:#157e29;
}
.btn-gray, .btn-gray:visited {
    background-color: lightgray;
}
.btn-gray:hover, .btn-gray:focus {
    background-color: lightgray;
}
.btn-red, .btn-red:visited{
    background-color:#d0011b;
}
.btn-red:hover, .btn-red:focus{
    background-color:#bf0b21;
}
.btn-blue, .btn-blue:visited{
    background-color:#2a38d9;
}
.btn-blue:hover, .btn-blue:focus{
    background-color:#2733b9;
}
.moyen-btn{
    padding:1rem 1.5rem !important;
    font-size:1.4rem
}
.petit-btn, .small-btn{
    padding:.6rem .9rem !important;
    font-size:1.3rem
}
.btn-orange, .btn-orange:visited{
    background-color:rgb(213, 104, 91);
    padding:.6rem 1rem !important;
}
.btn-orange:hover, .btn-orange:focus{
    background-color:rgb(202, 92, 78);
}
input.padding-btn[type=text]{
    padding:1.7rem 1.3rem !important;
}
.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    background-color: grey !important;
    border: 1px solid #0066cc;
    color: #ffffff;
    padding: 5px 10px;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------- Formulaires --------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
label, .col-form-label{
    margin-bottom:1rem;
}
.bg-grey{
    background-color:rgba(218, 214, 211, 0.49);
    padding:1rem 2rem;
}
.bg-light-brown{
    background-color:rgba(218, 214, 211, 0.29);
    padding:.8rem 1.2rem;
}
input[type=text], textarea{
    padding:1.3rem 1.2rem !important;
    background-color:#fff !important;
    border:solid thin #979797 !important;
    color:#66503d !important;
    border-radius:0rem !important;
    margin-bottom:1rem;
}
input[type=text]:focus, textarea:focus{
    background-color:#eae7e5;
    border-color:#000 !important;
    color:#342110;
}
input:disabled{
    background-color:#eee !important;
}
.check-group{
    background-color:#fff;
    border:none;
    border-radius:0rem;
    padding:1rem 2.2rem;
}
select.form-control:not([size]):not([multiple]) {
    height:auto;
}
.champs-recherche::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#8b6845 !important;
}
input.champs-recherche, input.champs-recherche:focus{
    border:none !important;
    border-bottom:solid .1rem #8b6845 !important;
    border-radius:0px;
    background-color:#fff !important;
    padding:.9rem 0rem !important;
    color:#342110;
}
.complete::after, .majComplete::after{
    content:"";
    width:2.6rem;
    height:2.6rem;
    background:url(../img/check-icon.png) no-repeat;
    display: inline-block;
    position:absolute;
    right:4rem;
}
.majComplete::after{
    right:-.3rem;
    width:1.6rem;
    height:1.6rem;
    background-size:cover;
}
.card-body .complete::after{
    width:2rem;
    height:2rem;
    background-size:cover;
    right:4.3rem;
}
#formFormulaire #SauvegarderFormulaire, #formFormulaire #SauvegarderFormulaire:visited{
    position: fixed;
    bottom: 1rem;
    left: 10%;
    z-index: 1;
    width: 80%;
    background-color:#dad6d3;
    color:#333 !important;
    font-weight:700;
    box-shadow:0rem .5rem 1rem rgba(000,000,000,0.1);
}
#formFormulaire #SauvegarderFormulaire:hover, #formFormulaire #SauvegarderFormulaire:focus{
    background-color:#cbc5c1;
    box-shadow:0rem 0rem .1rem rgba(000,000,000,0.1);
}
.indprep {
    color:#138d39;
    font-weight:700;
}
/*------ Checkbox personnalisées -------*/
input[type=checkbox] {
    opacity: 0;
    padding: 1rem;
    position: absolute;
    height: 2rem;
    width: 100%;
    left: 0rem;
    cursor: pointer;
}
input[type=checkbox] + label, input[type=checkbox]:checked + label, input[type=checkbox]:hover + label{
    height: 1.7rem;
    padding: 0px 20px;
    line-height: 1.9rem;
}
input[type=checkbox] + label {
    background: url(../img/empty-checkbox.svg) 0 0px no-repeat;
    margin-bottom:3rem;
}
input[type=checkbox]:checked + label, input[type=checkbox]:checked:hover + label  {
    background: url(../img/checked-checkbox.svg) 0 0px no-repeat;
}
input[type=checkbox]:hover + label  {
    background: url(../img/hover-checkbox.svg) 0 0px no-repeat;
}
/*------ radio button personnalisés -------*/
input[type=radio] {
    opacity: 0;
    height:2.5rem;
    width:3rem;
    margin-right:-.4rem;
    margin-left:-2.5rem;
}
input[type=radio] + label {
    background: url(../img/radio-empty.svg) 0 0px no-repeat;
    margin-left:-20px;
    margin-right:2rem;
    padding:.4rem 0rem 0rem 2.5rem;
    line-height:1.6rem;
    margin-top:.5rem;
}
input[type=radio]:checked + label  {
    background: url(../img/radio-checked.svg) 0 0px no-repeat;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Error -------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
label.error{
    color:#d0011b;
    font-size:1.2rem;
}
input.error{
    border:solid thin #d0011b !important;
    margin-bottom:0rem;
}
textarea.error {
    border: solid thin #d0011b !important;
    margin-bottom: 0rem;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------------ Listes ---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
ol.liste li, ul.liste li{
    padding:.5rem .0rem;
}
ol.liste li{
    padding:.5rem .7rem;
}
ul.liste, ol.liste{
    color:#168d2d;
    font-weight:bold;
    padding:0rem 0rem 0rem 2rem;
}
ul.liste li span, ol.liste li span{
    color:#342110;
    line-height:2rem;
    font-weight:300;
}
ul.liste-clientele{
    list-style-image:url(../img/man-user.svg);
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- Menu Accordéons -----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.card{
    background-color:#fff;
    border:none;
    border-radius:0rem;
}
.card-header{
    border-bottom:solid thin #66503d;
    background-color:#fff;
    padding:0rem;
}
.card-header:hover, .card-body ul li a:hover{
    background-color:#dad6d3;
}
.card-header h5 a, .card-header h3 a{
    font-weight:bold;
    color:#342110;
    padding:.8rem .5rem;
    display:block;
}
.card-header h3{
    margin-bottom:0rem;
}
.card-header h5 a span, .card-header h3 a span{
    max-width:25rem;
    display:inline-block;
    width:100%;
}
.card-header h5 a .fleche-menu:after, .card-header h3 a:after{
    content:"";
    background:url('../img/down-arrow-square-hover.svg') 0 0px no-repeat;
    border:solid thin #dad6d3;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
    position:absolute;
    right:1rem;
}
.card-header h3 a{
    font-weight:300 !important;
    color:#66503d;
}
.card-header h3 a:after{
    margin-top:.7rem;
}
.card-header h5{
    font-size:1.5rem;
}
.card-header:hover h5 a .fleche-menu:after{
    content:"";
    background:url('../img/down-arrow-square-hover.svg') 0 0px no-repeat;
    float:right;
    background-size: cover;
    width: 2.5rem;
    height: 2.5rem;
}
.card-header h5 a:hover, .card-body ul li a:hover, .card-header h3 a:hover{
    text-decoration:none;
}
.card-body ul, .card-body{
    padding:0rem;
    list-style-type:none;
    margin:0rem;
}
#formulaire .card-body{
    background-color:#efefef;
}
.card-body ul{
    border-bottom:solid thin #66503d;
}
.card-body ul li a{
    display:block;
    width:100%;
    padding:.3rem 2rem;
    color:#342110;
    font-weight:600;
    font-size:1.5rem;
}
.region-accordion h3{
    font-size:2.8rem !important;
}
.region-accordion h3 a{
    padding:1rem 1.5rem;
}
.header-active{
    background-color:#dad6d3;
}
.card-body .lien-formulaire{
    background-color:rgba(218, 214, 211, 0.34);
    margin:0rem 0rem .4rem 0rem;
    font-size:1.4rem;
    padding: .3rem 6.5rem .3rem 2rem;
}
.lien-formulaire.active{
    background-color:rgba(218, 214, 211, 0.84) !important;
}
/*---------------- DATE ---------------*/
.ui-datepicker{
    border-radius:0rem;
    border-color:#979797 !important;
    margin-top:1rem;
    font-family: 'Open Sans', Verdana, 'Lucida Sans Unicode',  sans-serif;
    padding:1rem;
}
.ui-datepicker table{
    margin:0rem;
}
.datepicker{
    display:block !important;
}
.ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-prev:hover, .ui-datepicker-next:hover{
    border:solid thin #ccc;
    top:.4rem !important;
    border-radius:0rem;
}
.ui-datepicker-next .ui-icon, .ui-datepicker-prev .ui-icon, .ui-datepicker-next, .ui-datepicker-prev{
    text-indent:initial !important;
    cursor:pointer;
    line-height:1.5rem;
    font-weight:600;
    text-align:center;
    font-size:1.5rem;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------placeholder dans le haut----------------------------*/
/*-----------------------------------------------------------------------------------------*/
.custom-label{
    margin-top:-1.5rem;
    display:block;
    color:rgba(125, 94, 64, 0.71);
    margin-bottom:.3rem;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------- Pagination -------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.pagination{
    float:right;
}
.pagination li{
    margin: 0 .5rem;
}
.page-link{
    padding:.8rem 1.5rem 1rem 1.5rem;
    background-color:transparent !important;
    border:none !important;
    color:#66503d !important;
}
.page-link:hover{
    text-decoration:underline;
}
.page-item:last-child .page-link, .page-item:first-child .page-link{
    background-color:#e3dfdc !important;
    color:#66503d;
    border-radius:0rem !important;
    text-decoration:none !important;
}
.page-item:last-child .page-link:hover, .page-item:first-child .page-link:hover{
    background-color:#cfcbc8 !important;
}
.page-item.disabled .page-link{
    border:none !important;
    color:#66503d !important;
}
.page-item.active .page-link{
    background-color:transparent !important;
    font-weight:bold;
    border:none !important;
    text-decoration:underline !important;
    color:#cd9c72 !important;
}
.content-accueil{
    display:none;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------ Carte interactive ----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.carte-content{
    height:80rem;
}
.carte-content .liste-regions-participantes{
    display:none;
}
.carte-interactive{
    position: relative;
    background:url(../img/carte.svg) no-repeat;
    background-size:cover;
    width:129.9rem;
    height:66.3rem;
    padding: 0px;
    margin:0;
}
.green-border .carte-interactive{
    width:100%;
    height:67.5rem;
    background-attachment:local;
    overflow-x:scroll;
    overflow-y:hidden;
}
.green-border .carte-interactive .map-point{
    opacity: 1 !important;
}
.hover-info{
    position: absolute;
    min-width: 25rem;
    text-align:center;
    background-color: #fff;
    padding: 1rem;
    display:none;
    transition: all .1s ease-in-out;
}
.hover-info.center-top{
    left: -267%;
    bottom: 7rem;
    box-shadow:0rem -.4rem 1.5rem rgba(000,000,000,0.1);
}
.hover-info.center-right{
    left:7rem;
    bottom: -2.3rem;
    box-shadow:.3rem 0rem 1.5rem rgba(000,000,000,0.1);
}
.hover-info.center-bottom{
    left: -267%;
    bottom: -8rem;
    box-shadow:0rem .4rem 1.5rem rgba(000,000,000,0.1);
}
.hover-info::after{
    display: block;
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    z-index: -1;
    background-color: #fff;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
}
.hover-info.center-top::after{
    transform: rotate(45deg) translateY(-50%);
    margin-left: 9.2rem;
    margin-top: .4rem;
}
.hover-info.center-right::after{
    transform: rotate(45deg) translateY(-50%);
    margin-left: -3.2rem;
    margin-top: -15%;
}
.hover-info.center-bottom::after{
    transform: rotate(45deg) translateY(-50%);
    margin-left: 9.2rem;
    margin-top: -4.4rem;
}
.hover-info a, .hover-info p{
    margin:0rem;
    font-weight:300;
    font-family: 'Roboto Slab', Rockwell, 'Century Schoolbook', serif;
    font-size:2.2rem;
    color:#66503d;
}
.hover-info a span, .hover-info a:hover span, .hover-info:hover a span{
    color:#66503d;
}
.hover-info a:hover{
    text-decoration:none !important;
}
.map-point{
    opacity:0;
    cursor:pointer;
    outline:none !important;
    box-shadow:none !important;
    z-index:1;
    position:absolute;
    width:4rem;
    height:4rem;
    line-height:4rem;
    border-radius:10rem;
    border:none;
    text-align:center;
    background-color:transparent;
    font-size:4rem;
    font-weight:300;
    transition: all .2s ease-in-out;
}
.map-point-visible{
    opacity:1 !important;
}
.map-point span{
    color:#fff;
}
.map-point-active, .map-point:hover{
    background-color:#fff;
}
.map-point-active span{
    color:#239339;
}
.map-point-active .hover-info{
    display:block;
}
.legende-carte{
    position:absolute;
    background-color:#fff;
    /*right:18.5rem;*/
    top:0rem;
    padding:1rem;
    box-shadow: 0px 3px 6px rgba(000,000,000,0.1);
}
.conteneur-carte-regions-participantes .legende-carte{
    right:initial;
    font-size:1.2rem;
    padding:.5rem;
    border-top:solid thin #178d2e;
}
.legende-carte span{
    font-family: 'Roboto Slab', Rockwell, 'Century Schoolbook', serif;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Paragraphe à droite de carte --------------------------*/
/*-----------------------------------------------------------------------------------------*/
.p-carte-interactive{
    position:absolute;
    right:0rem;
    padding:0rem 5rem;
    margin-top:-25rem;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------ Régions participantes ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.conteneur-carte-regions-participantes{
    border:solid thin #178d2e;
    max-width:49rem;
    min-width:47rem;
    box-shadow:0rem .6rem 4rem rgba(000,000,000,0.1);
}
.carte-regions-participantes{
    background:url(../img/carte-regions-participantes.svg) no-repeat;
    height:36rem;
    padding:12rem 0rem;
}
.carte-regions-participantes .map-point{
    font-size:3rem;
    line-height:3rem;
    height:3rem;
    width:3rem;
}
.carte-regions-participantes .hover-info, .carte-regions-participantes .map-point-active .hover-info{
    min-width:21rem;
    left:-290%;
    bottom:5rem;
    padding:.5rem;
}
.carte-regions-participantes .map-point-active .hover-info::after{
    width:2rem;
    height:2rem;
}
.carte-regions-participantes .hover-info.center-top::after{
    margin-left: 8rem;
    margin-top:.1rem;

}
.carte-regions-participantes .map-point-active .hover-info a, .carte-regions-participantes .map-point-active .hover-info p{
    font-size:1.6rem;
    line-height:1.6;
}
.list-regions{
    padding:1.5rem;
    max-width:42rem;
    margin:0 auto;
}
.menu-regions{
    width:100%;
    margin: 0rem;
    padding: 0rem;
    border-radius: 0rem;
    max-height:25rem;
    overflow-y:scroll;
}
.conteneur-carte-regions-participantes .menu-regions{ 
    max-width:39rem;
}
.menu-regions a{
    font-size:1.4rem;
    padding:1.4rem 1.7rem ;
}
.menu-regions a:hover{
    background-color:#eae7e5;
}
.liste-regions-participantes h3{
    font-size:1.5rem;
    font-weight:700;
}
.liste-regions-participantes h3 a{
    padding:.9rem 1rem !important;
    font-weight:700 !important;
    color:#342110;
}
.liste-regions-participantes .card-header h3 a:after{
    margin-top:0rem;
}
.liste-regions-participantes .card-body ul li a{
    padding:.3rem 2.5rem;
    font-size:1.5rem;
    font-weight:600;
    color:#534f4c;
}
.liste-regions-participantes .card-header h3 a:hover, .liste-regions-participantes .card-body ul li a:hover{
    background-color:#d1e8d5 !important;
}
.liste-regions-participantes .card-body ul li{
    padding:0rem;
}
.grey-txt, .liste-regions-participantes h3 .grey-txt, span.grey-txt, .hover-info .grey-txt span{
    color:#aaa !important;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------------- Page d'une region -----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.carte-region{
    position: relative;
    width: 100%;
    padding: 0px;
    margin: 0 auto;
}
.carte-region-img{
    width:50.3rem;
    position:relative;
    height:auto;
    margin:0;
    padding:0;
    z-index:1;
    box-sizing:border-box;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- Nous joindre --------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#map{
    width:100%;
}
.entete-mobile, .menu-mobile{
    display:none;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Personalisation select2 -------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.select2{
    width:100% !important;
}
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--multiple:focus, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single:focus{
    border-radius:0rem !important;
    outline:none;
    min-height:4.7rem;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height:4.5rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:4.7rem;
    width:3rem;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color:rgba(218, 214, 211, 1) !important;
    color:#333 !important;
}
.select2-dropdown{
    border-radius:0rem;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline:none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice{
    font-size:1.2rem !important;
    border-radius:0rem !important;
    background-color:#e3dfdc !important;
    border:solid thin #e3dfdc;
    white-space:normal;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{
    color:#66503d;
    font-size:1.4rem !important;
    margin-right:.5rem;
}
#select2-statutDisponible-container {
    background-color: #E6F8E0;
}
#select2-statutNonDisponible-container {
    background-color: #F6CED8;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- Note et synthèse --------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.entete-formulaire{
    padding:1rem 2rem;
    margin-top:-8rem;
    margin-bottom:4rem;
    background-color:#eae7e5;
}
ul#formulaire li a{
    padding:1rem 2.5rem;
    margin:-.1rem .2rem 0rem 0rem;
    color:#342110;
    transition: all .1s ease-in-out;
    background-color:#eae7e5;
    border:solid thin #eae7e5;
    border-bottom:none;
}
ul#formulaire li a.active, ul#formulaire li a.active:hover{
    padding: 2rem 2.5rem;
    margin-top: -2.1rem;
    border:solid thin #342110;
    border-bottom:solid thin #fff !important;
    background-color:#fff;
}
ul#formulaire li a:hover{
    padding: 2rem 2.5rem;
    margin-top: -2.1rem;
}
#divAfficherPage{
    border:solid thin #342110;
    padding:1.5rem 1.5rem;
    margin-top:-.1rem;
}
#listeNotes{
    padding:0rem 1.5rem;
}
.note{
    background-color:#eee;
    margin:.5rem -1.5rem;
    padding:1.5rem 0rem;
    height:10rem !important;
}
.noteReperage {
    background-color: #eee;
    padding: 1.5rem 1.5rem;
    height: 14rem !important;
}

.texte-note{
    border:solid thin #ccc;
    background-color:#e9e9e9;
    padding:.3rem;
    max-height:7.2rem;
    min-height:7.2rem !important;
    width:97% !important;
    overflow:hidden;
    position:absolute;
    transition: all .2s ease-in-out;
}
.texte-note label{
    font-size:1.4rem;
    margin:0rem;
    width:97% !important;
    min-height:7.2rem !important;
    word-break:break-word;
}
#listeDocuments {
    padding: 0rem 1.5rem;
}
.document {
    background-color: #eee;
    margin: .5rem -1.5rem;
    padding: 1.5rem 0rem;
    height: 10rem !important;
}
.document .texte-document {
    border: solid thin #ccc;
    background-color: #e9e9e9;
    padding: .3rem;
    max-height: 7.2rem;
    min-height: 7.2rem !important;
    width: 97% !important;
    overflow: hidden;
    position: absolute;
    transition: all .2s ease-in-out;
}
.document .texte-document label {
    font-size: 1.4rem;
    margin: 0rem;
    width: 97% !important;
    min-height: 7.2rem !important;
    word-break: break-word;
}
.modal-content{
    border-radius:0rem;
    border:none;
}
.lire-plus{
    max-height:11rem !important;
    overflow-y:scroll !important;
    z-index:100000;
    box-shadow:0rem .5rem 1.5rem rgba(000,000,000,0.3);
}
.modal-dialog{
    top:15rem;
}
.modal-dialog .modal-header, .modal-dialog .modal-footer{
    border:none !important;
}
.modal-dialog .modal-title{
    font-size:1.4rem !important;
    font-weight:600 !important;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------------- Loading effect ---------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.loading-effect{
    width: 100%;
    display:none;
    background-color: rgba(255,255,255,0.5);
    height: 100%;
    top:0;
    position: fixed;
    left: 0%;
    z-index: 1000000;
}
.loading-effect span{
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------ Menu formulaire fixe -------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#divAfficherPage #accordion{
    width:33.2rem;
}
#accordion.fixe{
    position:fixed;
    top:7.6rem;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------- Section documents --------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.boite-upload{
    display:none;
    opacity:0;
    transition: all .5s ease-in-out;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Personnalisation plupload -----------------------------*/
/*-----------------------------------------------------------------------------------------*/
.boite-upload .plupload_container{
    padding:0rem;
    background:none;
    min-height:36rem !important;
}
.ui-widget-header{
    background-color:#eae7e5 !important;
    border: none
}
.boite-upload .plupload_header_content{
    color:#333;
    background:none;
    padding:.5rem 1rem;
    font-family: 'Open Sans', Verdana, 'Lucida Sans Unicode',  sans-serif !important;
}
.boite-upload .plupload_logo{
    display:none;
}
.boite-upload .plupload_view_switch .ui-button span{
    display:none;
}
.boite-upload input[type=radio] + label{
    display:none;
}
.boite-upload .ui-icon{
    margin-top:0rem;
}
.boite-upload .plupload_buttons{
    float:right;
}
.boite-upload .ui-widget-content, .boite-upload .ui-state-default, .boite-upload .ui-widget-content .ui-state-default{
    border-color:#342110 !important;
}
.boite-upload .plupload_done .ui-icon, .boite-upload .plupload_delete .ui-icon{
    background-repeat:no-repeat !important;
    background-position:initial !important;
    background-size: cover !important;
    width: 20px !important;
    height: 20px !important;
}
.boite-upload .plupload_done .ui-icon{
    background-image:url(../images/check_icon.png) !important;
}
.boite-upload .plupload_delete .ui-icon{
    background-image:url(../images/remove_icon.png) !important;
}
.boite-upload .plupload_view_thumbs div.plupload_file_action{
    right:.5rem;
}
.boite-upload .plupload_view_thumbs .plupload_content{
    top:6.7rem;
    bottom:5.3rem;
}
.boite-upload .plupload_button, .boite-upload .plupload_button:visited{
    padding:.5rem;
    background-color:#168d2d;
    transition: all .2s ease-in-out;
    color: #fff !important;
    font-weight:500;
    font-size:1.3rem;
}
.boite-upload .plupload_file_name{
    padding:2rem 0rem;
}
.boite-upload .plupload_button:hover, .boite-upload .plupload_button:focus{
    padding:.5rem;
    background-color:#157e29;
    border:none !important; 
    color: #fff !important;
    font-weight:500;
}
.plupload_header_title{
    font-weight:600;
}
.boite-upload .plupload_header_text, .plupload_header_title{
    font-family: 'Open Sans', Verdana, 'Lucida Sans Unicode',  sans-serif !important;
}
.bouton-terminer{
    content:'Terminer';
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------------ Menu compte ----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.menu-extranet .mon-compte-craaq-connecte a, .connexion-btn-fixe .menu-extranet .mon-compte-craaq-connecte a{
    max-width:inherit !important;
    display:table-row !important;
    line-height:2.7rem !important;
    font-size:1.4rem !important;
    padding:0rem !important;
    height:inherit !important;
}
.menu-extranet .mon-compte-craaq-connecte, .connexion-btn-fixe .menu-extranet .mon-compte-craaq-connecte{
    background-color:#fff !important;
}
.menu-extranet .mon-compte-craaq-connecte a:hover{
    background-color:transparent !important;
    color:#66503d !important;
    text-decoration:underline !important;
}
.menu-extranet .mon-compte-craaq-connecte .courriel{
    word-break:break-word !important;
}
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.boite-resultat:hover{
    background-color:rgba(218, 214, 211, 0.89);
}
.fa-stop{
    -webkit-transform:rotate(45deg) translateY(-.6rem) translateX(-.6rem);
    transform: rotate(45deg) translateY(-.6rem) translateX(-.6rem);
    font-size:1.8rem;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------------Répertoire des offres----------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.img-candidat-prop{
    background:url(../img/proprietaire_resultat.png) no-repeat;
}
.img-candidat-asp{
    background:url(../img/aspirant_resultat.png) no-repeat;
}
.img-candidat{
    height:29rem;
    background-size:cover;
    opacity:.8;
    cursor:pointer;
    transition: all .2s ease-in-out;
}
.img-principale-candidat {
    height: 30rem;
    width: 40rem;
    cursor: pointer;
    opacity: .8;
    transition: all .2s ease-in-out;
}
.img-candidat .candidat-name .img-principale-candidat {
    position: absolute;
    bottom: 0rem
}
.images-candidat{
    height:50rem;
}
.hover-img-candidat{
    opacity:1;
}
.resultat-repertoire a:hover{
    text-decoration:none;
}
.img-candidat-petit {
    height: 15rem;
    width: 20rem;
    cursor: pointer;
    opacity: .8;
    transition: all .2s ease-in-out;
}
.img-candidat-mini {
    height: 7rem;
    width: 10rem;
    cursor: pointer;
    opacity: .8;
    transition: all .2s ease-in-out;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------------Contrôles----------------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.select-rouge {
    background-color: #F6CED8;
}
.select-vert {
    background-color: #E6F8E0;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------Impression répertoire et dossier-------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.print-only {
    display:none;
}
@media print{
    .print-only {
        display: block;
    }
    .print-only p{
        text-align:center !important;
    }
    img {
        display: block;
        page-break-before:always !important;
        margin: 0 auto !important;
        max-width: 100%;
        max-height: 40rem;
    }
    .container-entete,.border-top-darkbrown,.fa-chevron-up, .background, .footer, .imprimer-offre, #background-parallax1, .content-accueil, .scroll-top, .espace-pub, .images-offre, .images-candidat, .img-carousel, #btnImprimerDossier{
        display:none !important;
    }

    hr{
        margin:1rem 0rem !important; 
    }
    input[type="radio"], input[type="checkbox"]{
        opacity:1 !important;
        margin:0rem !important;
        width:1rem !important;
    }
    input[type="checkbox"]{
        margin-left:.8rem !important;
    }
    input[type="radio"]{
        margin-left:1rem !important;
    }
    body{
        zoom:60% !important;
    }
    .form-question{
        margin:0rem !important;
    }
    input[type="text"]{
        padding:10px !important;
    }
    .form-check{
        padding:0rem !important;
    }
    .form-check label{
        margin:0rem !important;
    }
    .bg-grey{
        padding:0rem !important;
    }
    h4, h3{
        margin:0rem;
    }
    label{
        font-weight:700 !important;
    }
    .col-md-6{
        max-width:50% !important;
    }
    .col-md-3{
        max-width:25% !important;
    }
    .col-md-2{
        max-width:16% !important;
    }
    .col-md-4{
        max-width:33% !important;
    }
    .col-md-10{
        max-width:83% !important;
    }
    .col-md-7{
        max-width:58% !important;
    }

}
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------Jumelage et épinglage---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.dossier-en-cours, .dossier-archive{
    border:solid thin #ccc !important;
}
.dossier-en-cours:hover, .dossier-archive:hover{
    box-shadow:1px 1px 8px rgba(000,000,000,0.3);
}
.dossier-consultation, .dossier-consultation:hover{
    border: solid thin #ccc !important;
    background-color: #fff !important;
    margin-right: -3.5rem;
    border-right: none !important;
    z-index: 1000;
    position: relative;
    padding-right:2.1rem;
    box-shadow:none;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------------- Tableau rapport --------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.tableau-rapport .label-tableau, .tableau-rapport2 .label-tableau {
    font-size:1.3rem !important;
    margin:0rem !important;
}
.tableau-rapport .col-tableau, .tableau-rapport2 .col-tableau{
    padding:.3rem !important;
    border:solid thin #ddd !important;
}
.tableau-scroll{
    overflow-x:scroll !important;
    border:solid thin #ccc;
    padding:0rem 1.5rem !important;
    max-width:100% !important;
}
.tableau-rapport{
    width:175rem !important;
    text-align:center;
}
.tableau-rapport2{
    width:190rem !important;
    text-align:center;
}
.tableau-rapport .fixe-scroll, .tableau-rapport2 .fixe-scroll{
    font-weight:600;
    text-align:left !important;
}

.tableau-rapport .fixed-cellule{
    position:fixed !important;
    background-color:#fff !important;
    z-index:1 !important;
    width:25.5rem !important;
    text-align:left !important;
}
.tableau-rapport2 .fixed-cellule{
    position:fixed !important;
    background-color:#fff !important;
    z-index:1 !important;
    width:19.8rem !important;
    text-align:left !important;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------- ACTUALITÉS ---------------------------------------*/
/*-----------------------------------------------------------------------------------------*/

.actualites input[type="radio"] {
    display:none;
}
.actualites label {
  float:left;
  text-align:center;
  background:#ffffff;
  border:solid thin #333;
  padding:.5rem !important;
  margin-left:0rem !important;
  margin-bottom:3rem;
  font-size:1.4rem;
  margin-right:.5rem !important;
  background:none !important;
  cursor:pointer;
  transition:all .2s;
}
.actualites label:hover{
      background:#333 !important;
  color:#fff !important;
}
.actualites input[type="radio"][id="communiques"]:checked + label {
  background:#333 !important;
  color:#fff !important;
}
.actualites input[type="radio"][id="communiques"]:checked ~ .nouvelles, .actualites input[type="radio"][id="communiques"]:checked ~ .infolettres, .actualites input[type="radio"][id="communiques"]:checked ~ .videos {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}
.actualites input[type="radio"][id="videos"]:checked ~ .nouvelles, .actualites input[type="radio"][id="videos"]:checked ~ .infolettres, .actualites input[type="radio"][id="videos"]:checked ~ .communiques {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}
.actualites input[type="radio"][id="nouvelles"]:checked + label {
  background:#333 !important;
  color:#fff !important;
}
.actualites input[type="radio"][id="videos"]:checked + label {
    background: #333 !important;
    color: #fff !important;
}
.actualites input[type="radio"][id="nouvelles"]:checked ~ .communiques, .actualites input[type="radio"][id="nouvelles"]:checked ~ .infolettres, .actualites input[type="radio"][id="nouvelles"]:checked ~ .videos {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}
.actualites input[type="radio"][id="infolettres"]:checked + label {
  background:#333 !important;
  color:#fff !important;
}
.actualites input[type="radio"][id="infolettres"]:checked ~ .communiques, .actualites input[type="radio"][id="infolettres"]:checked ~ .nouvelles, .actualites input[type="radio"][id="infolettres"]:checked ~ .videos {
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
    opacity: 0;
}

.actualites .tile {
  width:100%;
  padding:1.5rem;
  float:left;
  margin-bottom:1rem;
  border:solid thin #ddd;
}
.actualites .nouvelles:hover, .actualites .infolettres:hover, .actualites .communiques:hover {
    box-shadow: .1rem .1rem .7rem rgba(000,000,000,0.1);
    transition: all .3s;
    cursor: pointer
}
.actualites .infolettres {
  background:#fff;
}
.actualites .communiques {
  background:#fff;
}
.actualites .nouvelles {
  background:#fff;
}
.actualites .videos {
    background: #fff;
}