body, html {
min-height:100%;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------- 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;
}
/* -------------------------------------------------------------------------------------- */
/* -------------------------- FONTE PERSONNALISEE COMPTE CRAAQ -------------------------- */
/* -------------------------------------------------------------------------------------- */
@font-face {
font-family: 'compteCRAAQ';
src: url('../../fonts/FonteCRAAQ/comptecraaq.eot?4211182');
src: url('../../fonts/FonteCRAAQ/comptecraaq.eot?4211182#iefix') format('embedded-opentype'),
url('../../fonts/FonteCRAAQ/comptecraaq.woff2?4211182') format('woff2'),
url('../../fonts/FonteCRAAQ/comptecraaq.woff?4211182') format('woff'),
url('../../fonts/FonteCRAAQ/comptecraaq.ttf?4211182') format('truetype'),
url('../../fonts/FonteCRAAQ/comptecraaq.svg?4211182#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icone-"]:before, [class*=" icone-"]:before {
display: inline-block;
font-family: "compteCRAAQ";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1em;
margin-right: 1em;
margin-left: 0.2em;
speak: none;
text-align: center;
text-decoration: inherit;
text-transform: none;
width: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icone-comptecraaq_profile:before {
content: '\e804';
}
.icone-comptecraaq_deconnexion:before {
content: '\e825';
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Migration Bootstrap ----------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.col-1, .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-2, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-3, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-4, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-5, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-6, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-7, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-8, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-9, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-10, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-11, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-12, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical>.btn-group:before, .btn-group-vertical>.btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {
display: table;
content: " ";
}
.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {
clear: both;
}
.row {
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.collapsing {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.float-right {
float: right !important;
}
#div-filtres .datepicker + div span.input-group-text {
border: none;
font-size: 21px;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-size: 75%;
font-weight: normal;
line-height: 1;
color: #999;
}
hr {
background: #66503d;
opacity: 1;
}
.btn {
font-size: 1.4rem;
}
.hide {
display: none !important;
}
.margin-top {
margin-top: 15px;
}
.form-group {
margin-bottom: 10px;
}
.form-check-label {
padding-left: 1.25rem;
margin-bottom: 0;
}
.nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav-link:focus, .nav-link:hover {
color: inherit;
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.small {
font-size: 12px;
}
a {
text-decoration: none;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
top: -1px;
border-width: 1rem 1rem 0;
opacity: .9;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.form-control {
color: #505050;
}
.col-md-auto {
position: relative;
}
.questions-repertoire-offres {
display: inline-block !important;
width: auto;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- 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);
}
.hide {
display: none !important;
}
.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-75px {
margin-bottom: 7.5rem !important;
}
.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;
height: auto;
}
.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 6.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.jpg) 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.jpg);
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.jpg) 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.jpg);
background-position: center right -52rem;
}
.background-parallax2{
background-image: url(../img/bg-parallax-2.jpg);
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;
}
.max-width-600px.margin-auto .contenantConnexion .input-group-addon i {
right: -9px !important;
}
/*-----------------------------------------------------------------------------------------*/
/*----------------------------- 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;
}
.intranet-layout .top-navigation .dropdown-menu {
border: none;
padding: 0;
-webkit-box-shadow: 0 .8rem 3.5rem rgba(0,0,0,.1);
box-shadow: 0 .8rem 3.5rem rgba(0,0,0,.1);
}
.intranet-layout .top-navigation .dropdown-menu a,
.extranet-layout .top-navigation .dropdown-menu a {
padding: 1.5rem;
}
.intranet-layout .top-navigation .dropdown-menu a:hover {
background-color: #827060;
color: #fff;
text-decoration: none;
}
.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;
line-height:1.65;
text-align:center;
padding:0rem 0rem;
color:#66503d;
outline:none !important;
}
.main-navigation > li > a{
max-width: 14rem;
}
.main-navigation > li > a:hover,
.main-navigation > li > a:active,
.main-navigation > li > a:focus,
.main-navigation > li > a:visited {
color: #66503d;
}
.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;
}
.main-navigation .dropdown-menu li:nth-child(1) {
padding-right: 0;
}
.extranet-layout .main-navigation li:nth-child(2) a,
.extranet-layout .main-navigation li:nth-child(5) a{
line-height:5rem;
}
.extranet-layout .main-navigation li ul.dropdown-menu li a {
line-height: 1.65;
}
.main-navigation li a:hover, .top-navigation li a:hover{
text-decoration:underline;
}
.main-navigation li .dropdown-menu {
padding: 0rem;
margin: 0rem;
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;
}
.main-navigation-fixe .dropdown {
padding: 0;
}
.connexion-btn-fixe .menu-extranet {
right: 0rem;
}
.main-navigation li .dropdown-menu li {
border: none;
}
.main-navigation li .dropdown-menu li a {
color: #66503d;
display:block;
margin: 0;
padding: .7rem;
}
.main-navigation-fixe li .dropdown-menu li a{
display: block;
line-height:2.7rem !important;
padding: .7rem;
text-align: center;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown-item:hover {
background: transparent;
background-color: transparent;
color: inherit;
}
.main-navigation li .dropdown-toggle::after{
display:none;
}
.main-navigation .show::after{
transform: rotate(45deg) translateY(-50%);
left:20%;
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;
}
.dropdown-menu-item-craaq {
width: 275px !important;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------- Sous menu extranet ------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
.menu-extranet{
top:.3rem !important;
min-width:20rem;
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 !important;
max-width:20rem;
display:block;
white-space:normal;
}
.menu-extranet a:hover{
text-decoration:none !important;
background-color:#827060;
color:#fff;
}
/*-----------------------------------------------------------------------------------------*/
/*---------------------------- Fenêtre modale avertissement -------------------------------*/
/*-----------------------------------------------------------------------------------------*/
#modalRegistre .modal-header {
border-bottom: 0;
padding: 20px 20px 0 0;
}
#modalRegistre .modal-body {
padding: 45px;
padding-top: 0;
}
#modalRegistre .modal-body p {
font-size: 16px;
}
#modalRegistre .modal-body {
padding: 50px 0 70px 0;
}
#modalRegistre .modal-body img {
margin-bottom: 30px;
}
#modalRegistre .modal-dialog {
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
}
#btnModalRegistre {
float: right;
font-size: 4rem;
padding: 5px;
position: absolute;
right: 11px;
z-index: 9999;
}
#modalRegistre .modal-content {
border-radius: 10px;
}
#modal-dialog .modal-header {
float: right;
text-align: right;
}
.modal-header .close {
margin-top: -2px;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: 0 0;
border: 0;
float: right;
}
.close {
float: right;
font-size: 21px;
font-weight: 700;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
button {
outline: none !important;
}
.modal-dialog {
-webkit-box-shadow: 1px 3px 15px 0px rgba(0,0,0,0.3);
box-shadow: 1px 3px 15px 0px rgba(0,0,0,0.3);
}
#modalRegistre .modal-dialog {
max-width: 500px;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------- 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#triRecherche {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
}
.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:250px;
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;
}
/* ===================== */
/* Autre version boutons */
/*#ModifierEvenement,
#SupprimerEvenement {
border: 1px solid #66503d;
background: transparent;
}
#ModifierEvenement:hover,
#SupprimerEvenement:hover {
background: #66503d;
}
#ModifierEvenement:hover span,
#SupprimerEvenement:hover span {
color: #ffffff;
}
#ModifierEvenement span,
#SupprimerEvenement span {
color: #66503d;
}*/
#ModifierEvenement, #ModifierActualite {
margin-top: 20px;
margin-right: 35px;
}
#SupprimerEvenement, #SupprimerActualite {
margin-top: 20px;
margin-right: 15px;
}
/* ------------------------------------------------------------------------------------------ */
/* ----------------------------------------- FOOTER ----------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
.footerFull {
background: #282828;
position: relative;
z-index: 1000;
}
footer#piedPage iframe {
width: 100%;
}
#piedPage * {
color: #ffffff;
font-size: 1.3rem;
}
#piedPage {
background: #282828 !important;
padding: 1.5rem 1.5rem 1rem 1.5rem;
max-width: 1200px;
/* Patch Flex pour IE */
-ms-flex-negative: 0;
flex-shrink: 0;
}
#piedPage h6 {
color: #7c7c7d !important;
font-size: 1.5rem;
font-weight: 900;
margin-top: 0;
padding: 1.5rem 0 .5rem 0;
text-transform: uppercase;
}
#piedPage h6 i {
display: none;
}
#piedPage p {
line-height: 2.6rem !important;
margin-bottom: .5rem;
}
#piedPage .basPiedPage a {
font-weight: normal;
}
#piedPage .logoSite {
padding-top: 1rem;
}
#piedPage .logoSite a {
display: inline-block;
}
#piedPage .logoSite > div {
text-align: left;
}
#piedPage .logo-impression {
display:none;
}
#piedPage .repertoire > div {
align-self: flex-end;
}
#piedPage .copyright p br {
display: none;
}
#piedPage .logoSite h5,
#piedPage .logoSite h5 strong {
font-size: 1rem;
}
#piedPage .logoSite h5 {
padding-top: 1rem;
}
#piedPage .communications a {
font-weight: 600;
}
#piedPage .liensFooter a span {
display: inline-block;
width: 2.4rem;
}
#piedPage sup {
font-size: 1rem !important;
}
#piedPage .copyright > p,
#piedPage .copyright > p span {
font-size: 1.2rem;
color: #7c7c7d;
}
#piedPage .copyright > p span {
margin-top: .5rem;
}
#piedPage .footerMediaSociaux {
padding-top: 2.2rem;
text-align: right;
}
#piedPage .footerMediaSociaux a {
display: inline-block;
padding-right: .8rem;
}
#piedPage .footerMediaSociaux a:last-of-type {
padding-right: 0;
}
#piedPage .footerMediaSociaux a:hover {
text-decoration: none;
}
#piedPage .footerMediaSociaux a > span {
color: #7c7c7d;
font-size: 3rem;
}
#piedPage .footerMediaSociaux a:hover span {
color: #ffffff;
}
#piedPage .liensFooter a:last-of-type span {
position: relative;
top: -.1rem;
}
#piedPage .propulsion p {
color: #7c7c7d;
font-size: 1.2rem;
margin-top: 1.2rem;
padding-bottom: 1rem;
}
#piedPage .propulsion p a {
color: #7c7c7d;
font-size: 1.2rem;
text-decoration: underline;
}
#piedPage .propulsion p a:hover {
color: #ffffff;
text-decoration: none;
}
#piedPage .siteOptimise p {
color: #7c7c7d;
font-size: 1.2rem;
margin-top: 1.2rem;
}
#piedPage .siteOptimise a {
color: #7c7c7d;
font-size: 1.2rem;
text-decoration: underline;
}
#piedPage .siteOptimise a:hover {
color: #ffffff;
}
#piedPage .basPiedPage {
margin-top: .5rem;
padding: 1rem 0 .5rem 0;
position: relative;
}
#piedPage .basPiedPage p {
line-height: 0 !important;
}
#piedPage .basPiedPage .corpo span {
color: #7c7c7d;
font-size: 1.2rem;
margin-left: 7px;
position: absolute;
top: 7px;
left: 84px;
text-align: right;
}
#piedPage .basPiedPage .corpo a {
display: block;
position: relative;
}
#piedPage .basPiedPage .corpo a:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
#piedPage .corpo a {
display: inline-block;
}
#piedPage .corpo img {
display:block;
max-width: 23rem;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------- COOKIES POLICY ------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
#avisCookies ::-moz-selection {
background-color: #55AB22;
color: #fff;
}
#avisCookies ::selection {
background-color: #55AB22;
color: #fff;
}
#avisCookies * {
font-size: 13px;
font-weight: 400;
font-family: 'Open Sans';
}
#avisCookies {
background-color:rgba(0,0,0,0.8);
min-height: 68px;
padding: 13px;
position: fixed;
right: 0;
bottom: -200px;
left: 0;
width: 100%;
z-index: 10000;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}
#avisCookies.active {
bottom: -1px;
}
#avisCookies .container {
max-width: 130rem;
}
#avisCookies p,
#avisCookies a {
color: #fff;
line-height: 20px;
margin-bottom: 0;
}
#avisCookies a {
font-weight: 400;
}
#avisCookies button {
background-color: #55AB22;
border: none;
border-radius: 5px;
color: #fff;
font-weight: bold;
line-height: 1.2;
outline: 0;
padding: 13px 23px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
#avisCookies button:hover,
#avisCookies button:focus,
#avisCookies button:visited {
background-color: #44891b;
border: none;
}
#avisCookies button:active {
background-color: #366e16;
}
@media screen and ( min-width: 820px ) and ( max-width: 1109px ) {
#ModifierEvenement, #ModifierActualite {
margin-top: 20px;
margin-right: 5px;
}
#SupprimerEvenement, #SupprimerActualite {
margin-top: 20px;
margin-right: 5px;
}
}
@media screen and ( min-width: 768px ) and ( max-width: 820px ) {
#ModifierEvenement, #ModifierActualite {
margin-top: 0px;
margin-right: 5px;
}
#SupprimerEvenement, #SupprimerActualite {
margin-top: 5px;
margin-right: 5px;
}
}
.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], input.padding-btn[type=email] {
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], input[type=email], 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, input[type=email]:focus, textarea:focus {
background-color: #eae7e5;
border-color: #000 !important;
color: #342110;
}
.contenantConnexion input[type=email] {
border: 1px solid #ccc !important;
color: #212529 !important;
}
input:disabled {
background-color: #eee !important;
cursor: not-allowed;
}
.zoneTextarea {
display: none;
}
.check-group{
background-color: transparent;
border:none;
border-radius:0rem;
padding:1rem 2.2rem;
}
.form-control {
height: auto !important;
}
select.form-control:not([size]):not([multiple]) {
height: auto;
}
.champs-recherche::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, input[type=email]::-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: 4rem;
left: 10%;
z-index: 9999;
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 10px 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:.5rem 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;
}
label.infob {
margin-right: .6rem;
}
label.infob + i {
margin-right: 1.5rem;
}
/*------ Gestion des régions et des mrc -------*/
#divRegionParticipante label,
#divAspirantGereParAgent label,
#divProprioGereParAgent label,
#resultatAssociationAgentMrc label {
margin-top: 1rem;
}
#btnTexteMrc,
#btnTexteRegion {
background: #168d2d url(../img/icone_edition.svg) center center no-repeat;
background-size: 15px 15px;
display: inline-block;
margin-top: 8px;
max-width: 100px !important;
padding-top: 15px !important;
padding-bottom: 15px !important;
width: 100%;
}
#btnTexteRegion {
margin-top: 30px;
}
#btnTexteMrc:hover,
#btnTexteRegion:hover {
background: #157e29 url(../img/icone_edition.svg) center center no-repeat;
background-size: 15px 15px;
}
.form-check-input:disabled {
opacity: 0;
}
.sectionParticipant .form-check-input + label {
margin-top: 15px;
}
.select2-container--default .select2-results > .select2-results__options {
max-height: 216px;
}
.colonneParticipants {
visibility: hidden;
}
.colonneParticipants label {
margin-top: 5px;
}
/*-----------------------------------------------------------------------------------------*/
/*--------------------------------------- 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);
}
/* ==== Boîte description ==== */
ul.liste-clientele.AccompJume .btnCritere {
background: none;
border: none;
color: #168d2d;
font-size: 14px;
font-weight: 700;
outline: 0;
padding-left: 0;
padding-bottom: 20px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
ul.liste-clientele.AccompJume .btnCritere > span {
background: #168d2d;
border-radius: 20px;
color: #168d2d;
display: inline-block;
font-size: 18px;
font-weight: 300;
height: 18px;
line-height: 0.5;
margin-right: 7px;
padding: 4px 3px 3px 4px;
position: relative;
text-align: center;
width: 18px;
}
ul.liste-clientele.AccompJume .btnCritere > span::before {
content: "";
position: absolute;
top: 8px;
right: 0;
bottom: 0;
left: 0;
background: #ffffff;
width: 10px;
height: 2px;
margin: 0 auto;
}
ul.liste-clientele.AccompJume .btnCritere > span::after {
content: "";
position: absolute;
top: 4px;
right: 0;
bottom: 0;
left: 0;
background: #ffffff;
width: 2px;
height: 10px;
margin: 0 auto;
-webkit-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
ul.liste-clientele.AccompJume .btnCritere[aria-expanded=true] > span::after {
top:50%;
bottom: 50%;
height: 0;
}
ul.liste-clientele.AccompJume .CritereContenu {
background: transparent;
color: #000000;
font-weight: 300;
margin-left: 6px;
padding-left: 20px;
position: relative;
}
ul.liste-clientele.AccompJume ol {
font-size: 1.5rem;
list-style-image: none;
list-style-type: decimal;
padding-left: 17px;
}
ul.liste-clientele.AccompJume .CritereContenu::before {
content: '';
position: absolute;
top: 0;
left: 2px;
bottom: 0;
width: 1px;
background: #168d2d;
}
/*-----------------------------------------------------------------------------------------*/
/*------------------------------------- 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;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
color: transparent;
}
/*-----------------------------------------------------------------------------------------*/
/*-------------------------------------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;
}
/* Custom tooltip */
.tooltip {
z-index: 10000;
}
.tooltip-inner {
background-color: #1a1a1a;
color: #fff;
font-family: 'Roboto Slab', Rockwell, 'Century Schoolbook', serif;
font-size: 15px;
opacity: 1;
max-width: 660px;
padding: 15px;
z-index: 10000;
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.2);
}
.tooltip-inner a {
font-weight: bold;
position: relative;
}
.tooltip-inner a:hover {
color: #168d2d;
text-decoration: none;
}
[data-bs-toggle="tooltip"] {
position: relative;
z-index: 1050;
}
.check-group [data-bs-toggle="tooltip"] {
right: 8px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #1a1a1a;
}
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
border-right-color: #1a1a1a;
}
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #1a1a1a;
}
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
border-left-color: #1a1a1a;
}
.tooltip-inner br {
content: ' ';
display: block;
line-height: 20px;
margin: 10px 0 0 0;
}
/*.tooltip {
position: absolute;
background-color: #eeeefe;
border: 1px solid #aaaaca;
font-size: smaller;
padding: 4px;
width: 160px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
}*/
.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, #loading-divAfficherPage {
border: solid thin #342110;
padding: 1.5rem 1.5rem;
margin-top: -.1rem;
}
#loading-divAfficherPage {
min-height: 300px;
line-height: 300px;
vertical-align: baseline;
text-align:center;
}
.typeID {
padding-right: 0;
}
.typeID br {
display:none;
}
#listeNotes {
padding: 0rem 1.5rem;
}
.note, .evenement, .actualite{
background-color:#eee;
margin:.5rem -1.5rem;
overflow: hidden;
padding:1.5rem 0rem;
height:10rem !important;
}
.actualite {
overflow: hidden;
}
.actualite label {
font-size: 1.4rem;
}
.note {
overflow: visible;
}
.noteReperage {
background-color: #eee;
padding: 1.5rem 1.5rem;
height: 14rem !important;
}
.texte-note, .texte-evenement, .texte-actualite {
border: solid thin #ccc;
background-color: #e9e9e9;
padding: .3rem;
max-height: 7.2rem;
min-height: 7.2rem !important;
width: 97% !important;
overflow: hidden;
transition: all .2s ease-in-out;
}
.texte-note label, .texte-evenement label, .texte-actualite 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,
#modalConfirmationSuppression .modal-dialog {
top: calc( 50% - 45px );
}
#modalNote .modal-dialog {
top: 25%;
}
#modalEvenement .modal-dialog {
top: 5%;
}
#modalTexteRegion .modal-dialog {
top: calc(50% - 285px);
}
.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;
position: absolute;
top: calc( 50% - 55px );
}
@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;
}
.contenantConnexion .form-group {
margin-bottom: 12px !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.jpg) no-repeat;
}
.img-candidat-asp{
background:url(../img/aspirant_resultat.jpg) 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;
}
/*-----------------------------------------------------------------------------------------*/
/*-----------------------------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 --------------------------------------*/
/*-----------------------------------------------------------------------------------------*/
/* ==== Menu des préférences du Rapport ==== */
.conteneurRapport {
padding-left: 1rem !important;
}
.conteneurPreferencesRapport {
margin-top:2.0rem;
}
.conteneurPreferencesRapport h6 {
color: #66503d;
padding-bottom: 5px;
}
.conteneurPreferencesRapport .blocTypeSortie {
margin-bottom: 10px;
}
.conteneurPreferencesRapport .blocTypeSortie > div,
.conteneurPreferencesRapport .blocTypeRapport > div {
padding-left: 15px;
position: relative;
}
.conteneurPreferencesRapport .blocTypeSortie > div label,
.conteneurPreferencesRapport .blocTypeRapport > div label {
font-weight: normal;
}
.conteneurPreferencesRapport .blocTypeSortie > div [type="text"],
.conteneurPreferencesRapport .blocTypeRapport > div [type="text"] {
border:1px solid green;
}
.conteneurPreferencesRapport .blocTypeSortie > div [type="radio"],
.conteneurPreferencesRapport .blocTypeRapport > div [type="radio"] {
position: absolute;
}
.conteneurRapport #divVide {
margin: 0;
}
.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 .inscInfoLtr {
float: right;
margin-right: 1rem;
margin-bottom: 2rem;
}
.actualites .inscInfoLtr > h3 {
font-size: 2.2rem;
padding-top: 1rem;
}
.actualites .inscInfoLtr > div {
text-align: left;
}
.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 .communiques:hover,
.actualites .nouvelles:hover,
.actualites .infolettres:hover,
.actualites .videos:hover {
cursor: auto;
}
.actualites .tile.nouvelles figure img, .actualites .tile.communiques figure img, .actualites .tile.infolettres figure img {
display: block;
width: 250px;
}
.actualites .tile.nouvelles figure small, .actualites .tile.communiques figure small, .actualites .tile.infolettres figure small {
font-size: 11px;
}
.actualites .videos {
background: #fff;
}
.actualites .videos .date-parution {
margin-bottom: 10px;
}
.texte-region-mrc ul {
list-style-type: circle;
padding-left: 4rem;
border-bottom: none;
padding-bottom: 2rem;
}
.creditPhoto,
.creditPhoto strong {
font-size: 11px;
line-height: 15px;
display: inline-block;
margin-top: 7px;
max-width: 250px;
}
.creditPhoto strong {
font-weight: 600
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------ BLOC PARTENARIAT ------------------------------------ */
/* ------------------------------------------------------------------------------------------ */
#BlocPartenariat {
padding: 30px 0 50px 0;
text-align: center;
}
#BlocPartenariat .container-fluid {
max-width: 1100px;
}
#BlocPartenariat h3 {
font-size: 18px;
font-weight: 900;
margin: 0;
padding: 3px 0 25px 0;
text-align: left;
}
#BlocPartenariat div[class^=col-] {
float: left;
padding-right: 0;
padding-left: 0;
}
#BlocPartenariat div[class^=col-]:first-of-type {
display: flex;
flex-direction: column;
}
#BlocPartenariat div[class^=col-]:last-of-type {
padding-top: 25px;
}
#BlocPartenariat div[class^=col-] span,
#BlocPartenariat div[class^=col-] a.logocraaq {
float: left;
}
#BlocPartenariat div[class^=col-] span {
font-weight: 700;
margin: 25px 30px 0 130px;
}
#BlocPartenariat div[class^=col-] a.logocraaq {
padding-top: 10px;
}
#BlocPartenariat a {
display: inline-block;
}
#BlocPartenariat .lien-img:not(.logocraaq) {
padding-top: 0;
width: 100%;
}
#BlocPartenariat img {
max-width: 800px;
width: 100%;
}
#BlocPartenariat .logocraaq img {
display: inline-block;
width: 60px;
}
#BlocPartenariat p {
margin-bottom: 5px;
padding: 7px 0 5px 0;
}
#BlocPartenariat p > strong {
font-weight: 700;
}
@media screen and (max-width: 991px) {
#BlocPartenariat div[class^=col-] span {
margin: 25px 30px 0 60px;
}
#BlocPartenariat .container {
margin: 15px;
}
}
@media screen and (max-width: 767px) {
#BlocPartenariat {
padding: 10px 0 15px 0;
}
#BlocPartenariat p {
padding-top: 20px;
}
#BlocPartenariat div+div {
overflow: hidden;
}
#BlocPartenariat div + div {
margin-top: 20px;
width: 100% !important;
clear: both;
}
#BlocPartenariat div[class^=col-]:last-of-type {
padding-top: 5px;
}
#BlocPartenariat div[class^=col-] span {
margin: 5px 30px 0 0;
}
#BlocPartenariat div + div span {
display: block;
float: left;
margin-right: 0 !important;
padding-right: 30px;
text-align: left;
}
#BlocPartenariat .logocraaq {
display: block;
float: left;
text-align: left;
width: 48%;
}
#BlocPartenariat div[class^=col-] a.logocraaq {
padding-top: 0;
}
#BlocPartenariat div[class^=col-] a.logocraaq img {
width: 40px;
height: 33px;
}
#avisCookies *,
#avisCookies button {
font-size: 13px;
}
#avisCookies p {
line-height: 17px;
}
}
@media screen and (max-width: 576px) {
#avisCookies #btnAccepterCookies {
display: block;
width: 100%;
}
}
/* Notification cookies */
#avisCookies ::-moz-selection{
background-color:#55AB22;
color: #fff;
}
#avisCookies ::selection{
background-color:#55AB22;
color: #fff;
}
#avisCookies * {
font-size: 13px;
font-weight: 400;
font-family: "Open Sans";
}
#avisCookies {
background-color:rgba(0,0,0,0.8);
min-height: 68px;
padding: 13px;
position: fixed;
right: 0;
bottom: -200px;
left: 0;
width: 100%;
z-index: 10000;
-webkit-transition: all 800ms ease;
-moz-transition: all 800ms ease;
-o-transition: all 800ms ease;
transition: all 800ms ease;
}
#avisCookies .container {
max-width: 1300px;
}
#avisCookies.active {
bottom: -1px;
}
#avisCookies p,
#avisCookies a {
color: #fff;
line-height: 20px;
margin-bottom: 0;
}
#avisCookies a {
font-weight: 400;
}
#avisCookies button {
background-color: #55AB22;
border: none;
border-radius: 5px;
color: #fff;
font-weight: 400;
line-height: 1.2;
outline: 0;
padding: 13px 23px;
-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
#avisCookies button:hover,
#avisCookies button:focus,
#avisCookies button:visited {
background-color: #44891b;
border: none;
cursor: pointer;
}
#avisCookies button:active {
background-color: #366e16;
}
/* ==== Bandeau avertissement environnement Dev/Preprod ==== */
#msgEnvDev {
background: #5b157e;
display: none;
height: auto;
line-height: 2rem;
padding: 10px;
opacity: 0.9;
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
z-index: 9999;
}
#msgEnvDev p {
margin: 0;
padding: 0;
font-size: 16px;
color: #ffffff;
line-height: 1.4;
position: relative;
text-align: center;
}
#msgEnvDev p > strong {
font-weight: 600;
}
#msgEnvDev p > a {
color: #ffffff !important;
font-weight: 600;
text-decoration: underline;
}
#msgEnvDev p > a:hover {
text-decoration: none;
}
#msgEnvDev.preprod {
background: #ffdb00;
}
#msgEnvDev.preprod p {
color: #000;
}
#msgEnvDev.preprod p > a {
color: #000 !important;
}
.dropdown-toggle {
white-space: normal !important;
}
.grecaptcha-badge {
right: -252px !important;
}
.questions-repertoire-offres {
background-color: #F1F1AC;
}
/* ------------------------------------------------------------------------------------------ */
/* ------------------------------------ Tableau de bord ------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
.conteneurTableauBord {
margin-top: -250px !important;
padding: 0 1em 1em 1em;
}
.custom-label-tableau-bord {
margin-top: -1.5rem;
display: block;
color: black;
margin-bottom: 0.3rem;
}
.data-div-infos {
height: 120px;
width : 120px;
overflow : scroll;
}
.div-hidden {
display: none !important;
}
.openbtn {
margin: 15px 0;
}
.openbtn i {
font-size: 18px;
}
#div-resultats {
min-height: 70vh;
}
.div-nowrap {
white-space: nowrap;
}
#div-filtres label {
color: #66503d;
font-size: 14px;
font-weight: bold;
}
#div-filtres > div {
padding-top: 20px !important;
}
#div-filtres h2 {
font-size: 2.5rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
}
#div-filtres .input-group {
position: relative;
}
#div-filtres .input-group-append,
#div-filtres .input-group-append:hover {
font-size: 20px;
position: absolute;
top: 7px;
right: 13px;
z-index: 10;
}
#div-filtres #btnRechercherTableauBord {
margin-top:15px;
width: 100%;
}
#div-filtres .jQuerydatepicker .input-group-text {
font-size: 18px;
}
#tableaubordTable thead tr {
background-color: rgba(218, 214, 211, 0.29);
font-size: 14px;
color: #342110;
}
#tableaubordTable thead th {
border-right: 1px solid rgba(0, 0, 0, 0.15);
text-align: center;
}
#tableaubordTable thead th:last-of-type {
border-right: none;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #342110 !important;
font-size: 14px;
}
.dataTables_length select {
background-color: transparent;
border-radius: 0px !important;
border: solid thin #979797 !important;
padding: 1rem 1rem !important;
color: #66503d !important;
width: 6.8rem;
font-size: 1.4rem;
max-height: 4.7rem;
transition: all .2s ease-in-out;
cursor: pointer;
display: inline-block;
font-weight: 400;
vertical-align: middle;
line-height: 1.25;
}
.tooltipInfo-dashboard:hover {
cursor: pointer;
}
/* Chargement */
#loadingModalTableauBord .modal-dialog {
max-width: 300px;
}
#loadingModalTableauBord .modal-header,
#loadingModalTableauBord .modal-title {
display: block;
text-align: center !important;
}
#loadingModalTableauBord .modal-body {
background: rgba(218, 214, 211, 0.29);
color: #342110;
font-size: 14px;
height: 110px;
position: relative;
text-align: center;
}
#loadingModalTableauBord .modal-body i {
font-size: 60px;
opacity: 0.4;
position: absolute;
right: 0;
bottom: 10px;
left: 0;
}
@media print {
#msgEnvDev,
#avisCookies,
.top-navigation,
.main-navigation,
#btnImprimerDossier,
input[type="radio"],
input[type="checkbox"],
.fa-chevron-up,
#background-parallax1,
#piedPage .logoSite,
#piedPage .liensFooter,
#piedPage .communications,
#piedPage .adresse,
#piedPage .copyright .siteOptimise,
#piedPage .basPiedPage .corpo span,
#piedPage .footerMediaSociaux {
display: none !important;
}
#piedPage .basPiedPage .copyright p {
color: #000;
text-align: left;
position: absolute;
bottom: 9px;
left: 34%;
}
#piedPage .basPiedPage .copyright span {
color: #000;
font-size: 14px;
}
#piedPage .basPiedPage::after {
background: transparent !important;
content: none !important;
}
#piedPage .craaq-logo-horizontal_imp {
display: block;
-webkit-print-color-adjust: exact !important;
color-adjust: exact !important;
print-color-adjust: exact !important;
}
.footerFull,
#piedPage {
background: transparent !important;
}
#piedPage .basPiedPage .corpo > a {
background: none !important;
}
.background-parallax1,
.intranet-layout .background {
background-image: none;
}
.questions-repertoire-offres {
background-color: transparent;
}
.extranet-layout .background {
background: none;
height: 5rem;
}
.entete {
height: 8rem;
}
.logo-arterre-fixe {
position: relative;
}
textarea,
textarea.form-control {
min-height: 7rem;
resize: none;
white-space: pre-wrap;
}
.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, .footerFull, .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;
width: 100%;
height: 100%;
}
.form-question{
margin:0rem !important;
}
input[type="text"], textarea{
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;
}
/* corrections print checkbox et boutons radio */
input:disabled {
background-color: #fff;
}
input[type="radio"],
input[type="checkbox"] {
display: inline-block;
width: 18px !important;
}
.form-check-input {
-webkit-appearance: auto !important;
-moz-appearance: auto !important;
appearance: auto !important;
}
input[type=radio] + label,
input[type=radio]:checked + label,
input[type=checkbox] + label,
input[type=checkbox]:checked + label {
background: none !important;
background-image: none !important;
padding-left: 10px;
}
.form-check-input:disabled {
opacity: 1;
}
input[type=checkbox] {
opacity: 1;
padding: 0;
position: relative;
height: 18px;
width: 18px;
left: auto;
}
input[type=checkbox] + label {
margin-bottom: 10px !important;
}
textarea {
display: none !important;
}
.zoneTextarea {
background: #fff;
display: block;
border: 1px solid #979797;
margin: 15px 0;
min-height: 75px;
padding: 15px;
}
.col-md-auto {
width: auto !important;
}
h1, h2, h3, h4, h5, h6, p, strong, label, span, small, div, input[type=text], input[type=email], textarea, i, em, b {
color: #000 !important;
}
i[data-bs-toggle="tooltip"] {
display: none;
}
}