:root {
/* Hauteur du header fixe en mobile (< 1160px) : barre 88px (logo 72px + 2 x 8px) + 5px de marge haute */
--hauteur-header-mobile: 93px;
/*--c-primaire: #FF621B;*/
--c-primaire: #592494;
--c-tertiaire: #f9f6fe;
--c-blanc: #FFF;
/*--c-secondaire: #23426d;*/
--c-secondaire: #592494;
/** DEFINE COLOR **/
/*--c-primary-hexa: 255,98,27;
--c-secondary-hexa: 35,66,109;*/
--c-primary-hexa: 89,36,148;
--c-secondary-hexa: 89,36,148;
--c-tertiary-hexa: 34, 44, 60;
--c-error-color: #F44336;
--c-success-color: #4CAF50;
/** END DEFINE COLOR **/
--c-primary: rgba(var(--c-primary-hexa), 1);
--c-secondary: rgba(var(--c-secondary-hexa), 1);
--c-tertiary: rgba(var(--c-tertiary-hexa), 1);
--c-primary-light: rgba(var(--c-primary-hexa), 0.8);
--c-secondary-light: rgba(var(--c-secondary-hexa), 0.8);
--c-tertiary-light: rgba(var(--c-tertiary-hexa), 0.8);
--c-primary-ultra-light: rgba(var(--c-primary-hexa), 0.3);
--c-secondary-ultra-light: rgba(var(--c-secondary-hexa), 0.3);
--c-tertiary-ultra-light: rgba(var(--c-tertiary-hexa), 0.3);
}
.clear {clear: both;}
.display-flex {display: flex;}
.display-block {display: block;}
.margin-auto {margin: auto;}
.flex-column {flex-direction: column;}
.width_max {width:100%;}
.flex-1 {flex: 1;}
.flex-2 {flex: 2;}
.flex-3 {flex: 3;}
.float-left {float: left;}
.float-right {float: right;}
.max_width {width: 100%;}
.fond_primaire {background: var(--c-primaire) !important; color: #fff;}
.fond_secondaire {background: var(--c-secondaire); color: #fff;}
.border-droit {border-right: 1px solid var(--c-secondaire);}
.border-gauche {border-left: 1px solid var(--c-secondaire);}
.margin-15-bottom {margin-bottom: 15px;}
.btn-toggle-signature {margin-right: 10px;}
.bold {font-weight: bold;}
.couleur-secondaire {color: var(--c-secondaire);}
.couleur-primaire {color: var(--c-primaire);}
.couleur-verte {color: #4CAF50;}
.color-noir {color: #272727;}
.cursor {cursor: pointer;}
.no_scroll {overflow-y: inherit !important; height:100% !important}
.btn_menu_statique span
{
vertical-align: text-bottom;
}
html
{
background: #fff !important;
}
body
{
font-family: "Montserrat", Arial !important;
margin: 0px;
position: relative;
padding-bottom: 0px;
font-size: 1.1rem !important;
color: #272727;
min-height:100vh;
background: #fff !important;
font-weight: 200;
}
header
{
margin: auto;
background: var(--c-blanc) !important;
padding-bottom: 15px;
font-weight: 200 !important;
}
#div_header {
/* padding-top: 5px; */
padding: 16px 8px;
z-index: 99;
max-width: 98%;
}
header .phrase_logo
{
font-weight: bold;
color: var(--c-blanc);
font-size: 20px;
text-align: right;
}
header .btn_menu_statique
{
padding-right: 10px !important;
padding-left: 10px !important;
}
header #sub_top_header_connecte
{
float: right;
margin-top: 6px;
}
header #sub_top_header_connecte a span
{
/* color: var(--c-primaire) !important; */
color: #272727 !important;
}
header #sub_top_header_connecte *
{
text-align: right;
/* color: var(--c-primaire); */
color: #272727;
}
header #sub_top_header_connecte img {
width: 12px;
}
header #top_navigation a
{
/* color: var(--c-secondaire); */
color: #272727;
font-weight: 400;
text-align: center;
padding: 10px;
}
header #top_navigation a:hover
{
/* color: var(--c-secondaire) !important; */
color: #0C7EC4 !important;
}
footer
{
position: initial;
padding: 0px !important;
text-align: left;
width: 100%;
margin-top: 30px;
z-index: 1;
}
footer .top-footer
{
/*background: var(--c-secondaire);*/
width: inherit;
padding: 0px !important;
}
footer .footer
{
/*background-image: url("/institution/img/bg_uniscite_logo.jpg");
background-size: 100%;
background-position-x: 100%;*/
width: inherit;
text-align: center;
padding: 0px !important;
}
footer .block-footer
{
width: 100% !important;
color: var(--c-secondaire);
margin-top: 15px;
margin-bottom: 15px;
}
footer .texte_footer
{
font-size: 14px;
text-align: left;
}
footer .logo_footer
{
text-align: right;
width: 50%;
}
footer .logo_footer img
{
margin-right: 15px;
}
.main-container {
width: 1160px;
}
#contenu {
padding: 0px !important;
z-index: 80;
}
#taille_responsive
{
width: 1160px;
}
#btn_rechercher_menu
{
text-decoration: none;
padding: 8px;
color: var(--c-primaire) !important;
}
.width-max.menu_navigation.cache_responsive>.display-flex.justify-content-end.max_width {
display: flex;
justify-content: flex-end;
}
.bandeau
{
/* background: var(--c-primaire); */
/* width: 100%; */
padding-bottom: 15px;
padding-top: 15px;
/* color: var(--c-blanc); */
color: #272727;
text-align: center;
font-size: 24px;
margin-bottom: 30px;
text-transform: uppercase;
}
.calque .modal .modal-title H2 {
color: var(--c-blanc) !important;
}
.calque .modal .modal-title H2::after {
border-top: none !important;
}
.calque .btn span {
display: contents;
}
.grand_titre, h1
{
text-align: left;
color: var(--c-primaire-texte) !important;
font-weight: bold;
font-size: 40px;
padding: 15px 10px 15px 10px;
}
h2
{
font-size: 2.3rem;
color: #272727 !important;
font-weight: 700;
text-transform: uppercase;
text-align: left;
}
h2, h1 {
display: table;
white-space: nowrap;
width: 100%;
}
h2:after, h1:after {
border: none;
content: "";
display: table-cell;
position: relative;
top: 0.8em;
width: 75%;
z-index: 1;
}
h2:after, h1:after {
left: 1.5%;
}
.sous_texte
{
margin-top: 3px;
margin-bottom: 3px;
}
#detail_formation h2:after, #detail_formation h1:after {
width: 20% !important;
}
#detail_formation h1#sTitre {
color: #666666 !important;
text-transform: uppercase;
}
.grand_bloc
{
vertical-align: top;
padding: 8px;
}
.petit_bloc
{
width: 32%;
vertical-align: top;
padding: 8px;
}
.sous_section
{
margin-bottom: 15px;
line-height: 22px;
}
.sous_titre
{
color: var(--c-primaire);
font-weight: bold;
font-size: 18px;
margin-bottom: 8px;
padding: 5px;
display: block;
/*
background: var(--c-secondaire);
padding: 8px;
*/
}
.grand_bloc h1:after, .grand_bloc h2:after, .petit_bloc h1:after, .petit_bloc h2:after
{
border: none !important;
}
.fond_info
{
background: #f3f3f3;
}
.sous_titre i
{
color: var(--c-secondaire);
font-size: 19px;
margin-right: 5px;
}
#titre_accueil
{
margin-top: 50px !important;
margin-bottom: 50px !important;
}
.texte_contenu
{
line-height: 26px;
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple {
background-color: var(--c-blanc) !important;
padding: 8px !important;
border: none !important;
overflow: inherit !important;
}
.select2
{
z-index:1;
}
#advanced_research
{
padding: 15px;
border: 3px solid var(--c-primaire) !important;
background: var(--c-blanc) !important;
color: var(--c-primaire) !important;
}
#form_changer_mot_de_passe
{
padding: 15px;
color: var(--c-primaire) !important;
background-color: rgba(69, 190, 223, 0.20);
border-radius: 1rem;
width: 50% !important;
}
#form_changer_mot_de_passe div.force
{
color: #272727;
text-align: justify;
padding-left: 1rem;
}
#form_changer_mot_de_passe label
{
padding: 8px;
margin-top: 20px;
}
#form_changer_mot_de_passe .un_champ
{
padding: 8px;
margin-top: 15px;
}
#form_changer_mot_de_passe input
{
width: 96%;
border: none;
background: #fff;
/* border: 1px solid var(--c-secondaire); */
padding: 0.5rem;
font-size: 1.1rem;
color: #272727;
display: block;
border-radius: 0.6rem !important;
}
/* #form_changer_mot_de_passe input:focus
{
border: 1px solid var(--c-secondaire) !important;
} */
.boutons_form.form-action-bar
{
margin: auto;
}
.boutons_form.form-action-bar a
{
text-decoration: none;
}
#advanced_research h4
{
color: var(--c-primaire) !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]
{
/* color: var(--c-primaire) !important; */
/* color: var(--c-secondaire) !important; */
/* color: #fff !important;
background-color: var(--c-secondaire) !important; */
color: var(--c-secondaire) !important;
background-color: rgba(69, 190, 223, 0.2) !important;
border-radius: 0.3rem !important;
}
#btn_launch_search
{
background: var(--c-primaire);
color: var(--c-blanc);
}
#contenu
{
min-height: 59vh;
}
.grid .column-8 {
width: 64%;
}
/*#div_fond_bg
{
width: 100%;
height: 15vh;
background-image: url("/institution/img/fond_uc.svg");
background-repeat: no-repeat;
background-position: center;
}*/
#div_fond_bg_footer
{
width: 100%;
height: 110px;
background-image: url("/institution/img/fond_uc.svg");
background-repeat: no-repeat;
background-position: center;
}
#page_404
{
font-size: 30px;
line-height: 40px;
text-align: center;
}
#page_404 .img_logo
{
margin-top: 8vh;
margin-bottom: 8vh;
}
#page_404 div
{
margin-top: 2vh;
margin-bottom: 2vh;
}
#page_404 b, #page_404 a
{
color: var(--c-primaire);
}
.pointer
{
cursor: pointer;
}
/**
* GÉNÉRAL
**/
.tui-full-calendar-month-week-item .tui-full-calendar-today .tui-full-calendar-weekday-grid-date-decorator {
background-color: var(--c-blue);
}
.calendar-render-range {
color: var(--c-blue);
font-size:20px;
vertical-align: top;
margin-left: 20px;
}
.move-today {
font-size: 20px;
vertical-align: top;
}
.tui-full-calendar-popup-detail-item .tui-full-calendar-content {
white-space: pre;
}
p, .texte_editable {
font-size: 1rem;
line-height: 24px;
margin: 5px 0px;
color: var(--c-grey);
}
header a:hover, footer a:hover {
cursor: pointer;
color: #888;
}
header .btn-orange {
padding: 15px 44px;
}
header .main-container {
width: 1160px;
}
a:hover {
cursor: pointer;
/*color: var(--c-blue);*/
}
.display-flex {
display: flex;
}
.display-block {
display: block;
}
.display-inline-block {
display: inline-block;
}
.margin-0-auto {
margin: 0px auto;
}
.margin-auto-0 {
margin: auto 0px;
}
.margin-auto {
margin: auto;
}
.space-between {
justify-content: space-between;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.space-title {
margin-top: 30px;
margin-bottom: 30px;
}
.justify-content-end {
justify-content: flex-end;
}
.justify-content-center {
justify-content: center;
}
.flex-1 {
flex: 1;
}
.flex-2 {
flex: 2;
}
.flex-3 {
flex: 3;
}
.flex-4 {
flex: 4;
}
.flex-basis-10 {
flex-basis: 10%;
}
.flex-basis-20 {
flex-basis: 20%;
}
.flex-basis-30 {
flex-basis: 30%;
}
.flex-basis-40 {
flex-basis: 40%;
}
.flex-basis-50 {
flex-basis: 50%;
}
.flex-basis-55 {
flex-basis: 55%;
}
.flex-basis-60 {
flex-basis: 60%;
}
.flex-basis-70 {
flex-basis: 70%;
}
.flex-basis-80 {
flex-basis: 80%;
}
.flex-basis-90 {
flex-basis: 90%;
}
.flex-basis-100 {
flex-basis: 100%;
}
.flex-column {
flex-direction: column;
}
.h1 {
font-size: 60px;
line-height: 60px;
}
.h2 {
font-size: 48px;
line-height: 48px;
}
.h3 {
font-size: 30px;
line-height: 36px;
}
.h4 {
font-size: 24px;
line-height: 30px;
}
.h5 {
font-size: 18px;
line-height: 24px;
}
.h6 {
font-size: 16px;
line-height: 20px;
}
h1, h2, h3, h4, h5, h6 {
color: var(--c-secondaire);
margin: 0px;
}
.uppercase {
text-transform: uppercase;
}
.text-little {
font-size: .6rem;
}
.text-normal {
font-size: .8rem;
}
.text-x2 {
font-size: 1.6rem;
}
.text-x3 {
font-size: 2.4rem;
}
.text-x4 {
font-size: 3.2rem;
}
.text-right {
text-align: right;
}
.space-top {
margin-top: 15px;
}
.space-bottom {
margin-bottom: 15px;
}
.space-right {
margin-right: 15px;
}
.space-right-x2 {
margin-right: 40px;
}
.space-right-x3 {
margin-right: 60px;
}
.space-bottom-x2 {
margin-bottom: 30px;
}
.space-bottom-x3 {
margin-bottom: 60px;
}
.padding-bottom {
padding-bottom: 15px;
}
.padding-bottom-x2 {
padding-bottom: 30px;
}
.padding-bottom-x3 {
padding-bottom: 60px;
}
.padding {
padding: 15px;
}
.space-top-x2 {
margin-top: 30px;
}
.space-top-x3 {
margin-top: 60px;
}
.text-center {
text-align: center;
}
.font-medium {
font-family: "Rubik-Medium";
}
.font-light {
font-family: "Rubik-Light";
}
.font-size-small {
font-size: .7rem;
}
.font-size-medium {
font-size: .8rem;
}
.font-size-large {
font-size: 1.1rem;
}
.font-size-extra-large {
font-size: 1.8rem;
}
.lead-text {
color: var(--c-grey);
font-size: 1.1rem;
}
.middle-text {
color: var(--c-grey);
font-size: 1rem;
line-height: 20px;
}
.little-text {
color: var(--c-grey);
font-size: .85rem;
}
.border-bottom {
border-bottom: solid 1px var(--c-light-blue-2);
}
.border-radius {
border-radius: 8px;
}
.border-top-none {
border-top: none !important;
}
.align-item-center {
align-items: center;
}
form {
width: 100%;
}
.material-icons {
vertical-align: sub;
}
/* .field {
position: relative;
flex-grow: 1;
flex-shrink: 1;
margin-right: 25px;
} */
.field.field-large {
max-width: 250px;
}
.field.field-medium {
max-width: 155px;
}
.field .form-element {
border-radius: 44px;
background-color: var(--c-light-blue);
border: none;
padding: 15px 20px;
}
.field select.form-element {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: url("/institution/img/arrow.png") no-repeat left var(--c-light-blue);
background-position-x: calc(100% - 15px);
background-size: 13px;
}
.field .form-element::placeholder {
color: var(--c-grey);
}
#formulaire_recherche_annuaire ::placeholder {
opacity: 1;
color: #fff;
}
.field .form-element:focus {
outline: none;
}
.field label {
margin-left: 10px;
/* text-transform: uppercase; */
font-size: 0.65rem;
/* color: var(--c-dark-blue); */
color: #272727 !important;
font-weight: 400;
margin-bottom: 5px;
display: block;
}
/**
* SLIDER
**/
.bx-viewport ul li:hover a ~ .slide-info {
visibility: visible;
opacity: 1;
}
.slide-info {
background-color: rgba(3, 77, 110, 0.9);
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
border-radius: 8px;
visibility: hidden;
opacity: 0;
transition: all .3s;
}
.slide-info .slide-tags ul {
padding: 0px;
}
.bx-wrapper .bx-controls-direction a:hover {
background-color: var(--c-dark-blue) !important;
}
.slide-info .slide-tags ul li{
list-style-type: none;
}
.slide-info .slide-tags {
position: absolute;
top: 25px;
left: 30px;
}
.slide-info a.btn-view {
position: absolute;
bottom: 20px;
right: 20px;
width: 40px;
height: 40px;
background-color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
}
.slide-info a img {
width: 50%;
margin: auto;
}
.bx-wrapper {
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
margin: auto !important;
background: transparent !important;
border: none !important;
}
.bx-viewport {
height: auto !important;
}
.bx-viewport ul {
max-height: 207px;
}
.bx-viewport ul li {
overflow: hidden;
border-radius: 8px;
}
.bx-wrapper .bx-prev {
left: -50px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50%;
text-indent: 0px !important;
background: url('/institution/img/demo/arrow_left.svg') center center no-repeat !important;
background-color: #cae6ec !important;
background-size: 10px !important;
background-position: 13px center !important;
}
.bx-wrapper .bx-prev:hover {
left: -50px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50%;
text-indent: 0px !important;
background: url('/institution/img/icons/arrow_left_white.svg') center center no-repeat !important;
background-color: #cae6ec !important;
background-size: 10px !important;
background-position: 13px center !important;
}
.bx-wrapper .bx-next {
right: -50px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50%;
text-indent: 0px !important;
background: url('/institution/img/demo/arrow_right.svg') center center no-repeat !important;
background-color: #cae6ec !important;
background-size: 10px !important;
background-position: 16px center !important;
}
.bx-wrapper .bx-next:hover {
right: -50px !important;
width: 40px !important;
height: 40px !important;
border-radius: 50%;
text-indent: 0px !important;
background: url('/institution/img/icons/arrow_right_white.svg') center center no-repeat !important;
background-color: #cae6ec !important;
background-size: 10px !important;
background-position: 16px center !important;
}
/**
* FIN SLIDER
**/
.block-footer {
width: 450px;
margin: auto;
text-align: center;
margin: 60px auto;
}
.block-footer p {
font-size: 1.8rem;
line-height: 32px;
}
.block-footer p, .block-footer span {
color: var(--c-white);
}
footer .social-network ul {
padding: 0px;
}
footer .social-network ul li:not(:first-child) {
list-style-type: none;
margin: auto;
}
footer .social-network ul li:first-child {
list-style-type: none;
margin: auto 40px auto 0px;
font-size: 1.2rem;
}
footer .social-network ul li img {
width: 30px;
margin: 0px 5px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border: none !important;
background-image: url('/institution/img/icons/select-arrow-close.svg') !important;
height: 12px !important;
width: 12px !important;
background-repeat: no-repeat;
background-size: contain !important;
right: 20px !important;
left: auto !important;
top: 75% !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
color: #000 !important;
text-align: left !important;
}
/**
* FIN GÉNÉRAL
**/
/**
* BOUTONS
**/
button:focus {
outline: none;
}
button:hover {
cursor: pointer;
}
.btn-orange {
text-align: center;
border-radius: 50px;
text-transform: uppercase;
padding: 15px 31px;
color: #fff;
/* height: 44px; */
background-color: var(--c-orange);
display: block;
font-size: .8rem;
border: none;
text-decoration: none;
transition: all .2s;
margin: 0;
}
.btn-orange:hover {
background-color: #FF9101;
color: #fff;
cursor: pointer;
}
.btn-white {
cursor: pointer;
text-align: center;
border-radius: 50px;
text-transform: uppercase;
padding: 15px 31px;
color: var(--c-orange);
min-height: 44px;
background-color: var(--c-white);
display: inline-block;
font-size: .8rem;
border: none;
text-decoration: none;
transition: all .2s;
}
.btn-dark-blue {
text-align: center;
border-radius: 50px;
text-transform: uppercase;
padding: 15px 31px;
color: var(--c-white);
height: 44px;
background-color: var(--c-dark-blue);
display: inline-block;
font-weight: bold;
border: none;
font-size: 0.8rem;
}
.btn-circle {
border-radius: 50%;
border: solid 1px red;
}
.btn-icon-circle {
border-radius: 50%;
border: none;
width: 28px;
height: 28px;
text-align: center;
padding: 0px;
display: inline-flex;
vertical-align: middle;
transition: all .2s;
}
.btn-icon-circle.bg-orange:hover {
background-color: #ff9101;
}
.btn-icon-medium {
width: 38px;
height: 38px;
}
.btn-icon-small {
width: 21px;
height: 21px;
}
.btn-icon-extra-small {
width: 18px;
height: 18px;
}
.btn-icon-extra-small i {
font-size: 1rem;
margin: 1px auto auto 1px !important;
}
.btn-icon-small i {
font-size: 1.2rem;
margin: 1px auto auto 1px !important;
}
.btn-icon-small em {
font-size: 1.2rem;
margin: 1px auto auto 1px !important;
}
.btn-icon-circle i {
color: #fff;
vertical-align: middle;
margin: auto;
}
.btn-icon-circle em {
color: #fff;
vertical-align: middle;
margin: auto;
}
/**
* FIN BOUTONS
**/
/**
* TAG
**/
.tag {
border-radius: 35px;
background-color: var(--c-dark-blue);
color: #fff;
font-size: .6rem;
padding: 4px 10px;
margin-right: 5px;
}
.tag-medium {
margin-right: 5px;
border-radius: 35px;
background-color: var(--c-white);
color: var(--c-dark-blue);
font-size: .7rem;
padding: 5px 10px;
font-family: 'Rubik-Medium';
}
.tag-close {
border-radius: 35px;
border: solid 1px var(--c-dark-blue);
color: var(--c-dark-blue);
font-size: .6rem;
padding: 4px 10px;
}
.tag-close span i {
font-size: .6rem;
}
/**
* END TAG
**/
/**
* CHECKBOX
*/
input.checkbox:not(:checked),
input.checkbox:checked {
position: absolute;
left: -9999px;
}
input.checkbox:not(:checked) + label,
input.checkbox:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
font-size: .9rem;
text-transform: capitalize;
color: var(--c-grey);
}
input.checkbox:not(:checked) + label:before,
input.checkbox:checked + label:before {
content: '';
position: absolute;
left: 0;
top: -2px;
width: 1.2em;
height: 1.2em;
border-radius: 3px;
background: var(--c-light-blue);
transition: all .3s;
}
input.checkbox:not(:checked) + label:after,
input.checkbox:checked + label:after {
content: '\E5CA';
position: absolute;
left: 3px;
top: 2px;
font-size: .8rem;
line-height: 0.8;
color: #fff;
transition: all .2s;
font-family: "Material Icons";
}
input.checkbox:checked + label:before,
input.checkbox:checked + label:before {
background: var(--c-blue);
}
input.checkbox:not(:checked) + label:after {
opacity: 0;
transform: scale(0);
}
input.checkbox:checked + label:after {
opacity: 1;
transform: scale(1);
}
input.checkbox:disabled:not(:checked) + label:before,
input.checkbox:disabled:checked + label:before {
box-shadow: none;
border-color: #bbb;
background-color: #ddd;
}
input.checkbox:disabled:checked + label:after {
color: #999;
}
input.checkbox:disabled + label {
color: #aaa;
}
/**
* FIN CHECKBOX
**/
/**
* BREADCRUMB
**/
#breadcrumb ul {
padding: 0px;
margin: 0px 0px;
display: flex;
}
#breadcrumb ul li {
list-style-type: none;
}
#breadcrumb ul li a {
font-size: .8rem;
color: #4395b6;
text-decoration: none;
}
#breadcrumb ul li a:hover {
text-decoration: underline;
}
#breadcrumb li span {
margin: 0px 5px;
font-size: .8rem;
color: #4395b6;
}
#evaluation_formation
{
text-decoration: none;
}
#form_changer_mot_de_passe
{
text-align: center;
margin: auto;
}
#form_changer_mot_de_passe .icon-voir-mdp {
vertical-align: middle !important;
}
#advanced_research .field .form-element
{
background-color: #fff;
}
/**
* FIN BREADCRUMB
**/
/**
* LIST
**/
.list {
border-collapse: collapse;
}
.list thead tr th {
font-size: .75rem;
color: var(--c-dark-blue);
text-transform: uppercase;
text-align: left;
padding-left: 10px;
padding-bottom: 5px;
}
.list tbody tr td:first-child {
border-radius: 8px 0px 0px 8px;
}
.list tbody tr td:last-child {
border-radius: 0px 8px 8px 0px;
}
.list tbody tr:nth-child(odd) {
background-color: var(--c-light-grey);
}
.list tbody tr td {
padding: 15px;
color: var(--c-grey);
font-size: .9rem;
}
/**
* END LIST
**/
/**
* TITLE BLOCk
**/
.block-title {
text-align: center;
display: flex;
margin: 0px auto 25px;
flex-direction: column;
}
.block-title img {
width: 70px;
margin: 10px auto;
}
.block-title h2{
color: var(--c-dark-blue);
}
/**
* END TITLE BLOCK
**/
/**
* PAGINATION
**/
.div_pagination {
display:flex;
margin: auto;
padding: 20px 0px;
}
.div_pagination ul {
display: flex;
padding: 0px;
}
.div_pagination ul li {
display:flex;
list-style:none;
text-align:center;
margin: 0px 5px;
}
.div_pagination ul li a {
text-decoration:none;
padding:12px;
display:block;
font-size: .9rem;
margin: auto;
color: var(--c-blue);
}
.div_pagination ul li.pagination_sup_1 a, .div_pagination ul li.pagination_reste a {
color: var(--c-blue);
margin: auto 0;
}
.div_pagination ul li:hover {
background-color:#FAFAFA;
}
.div_pagination ul li:active {
background-color:#EEEEEE;
}
.div_pagination ul li.active a {
color:#fff !important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color:var(--c-orange) !important;
border-radius: 50%;
width: 40px;
height: 40px;
}
/**
* END PAGINATION
**/
#contenu {
padding: 0px !important;
z-index: 80;
}
#contenu.page-middle {
max-width: 760px;
/* margin-top: 55px; */
}
body {
font-size: 16px;
}
.page-image {
width: 60px;
}
#bg-gradient {
background-image: linear-gradient(60deg, var(--c-blue), var(--c-dark-blue));
background-repeat: no-repeat;
height: 700px;
background-size: 100% 700px;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
#bg-image {
background-image: url("/institution/img/demo/header-background.png");
background-repeat: no-repeat;
height: 700px;
background-size: 100% 700px;
position: absolute;
top: 0;
left: 0;
right: 0;
opacity: 0.1;
}
#le_contenu {
margin: 0px;
}
header {
background: transparent;
border: none;
}
header ul {
padding-left: 110px;
}
header ul li, footer ul li {
list-style-type: none;
}
header ul li a
{
color: #fff;
}
footer ul li a
{
/* color: #666666; */
color: var(--c-secondaire);
font-weight: 400;
text-decoration: underline !important;
}
header ul li a{
font-size: 1.1rem;
text-decoration: none;
transition: all .2s;
}
footer ul li a, #lien_footer a {
font-size: 1rem;
transition: all .2s;
}
/*
header ul li:not(:nth-last-child(1)) a:after {
content:'';
border-right: solid 1px var(--c-separator);
margin: 0px 15px;
display: inline-block;
height: 10px;
}
header ul li:nth-last-child(1) a:after {
content:'';
border: none;
margin: 0px 26px;
}
header ul li:last-child a:after {
content: '';
margin: 0px 15px;
display: inline-block;
height: 10px;
}
*/
#top_header {
max-height: 100px;
}
header {
height: auto;
}
footer {
background-color: transparent;
position: initial;
padding: 0px;
margin-bottom: 2rem;
text-align: left;
width: 100%;
}
.top-footer {
/* color: #888; */
color: var(--c-secondaire);
width: 100%;
padding: 15px 0px;
}
.sub-footer {
text-align: center;
}
.footer {
background-color: #0473a0;
width: 100%;
padding: 0px 0px 0px 0px;
}
.copyright {
text-align: center;
display: block;
padding: 18px 0px;
color: #fff;
border-top: solid 1px var(--c-blue);
font-size: .9rem;
}
#btn_create_account, #btn_connect_user {
background-color: rgba(255, 255, 255, 0.9);
border-radius: 0px 0px 12px 12px;
padding: 5px 17px;
border: none;
color: var(--c-dark-blue);
font-weight: bold;
opacity: 0.9;
font-size: 0.75rem;
display: flex;
text-decoration: none;
}
#btn_create_account::before, #btn_connect_user::before {
content: '';
background-image: url(/institution/img/icons/icon-create-account.svg);
background-size: contain;
display: inline-block;
width: 13px;
height: 13px;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: bottom;
}
#header_center {
position: relative;
margin-top: 25px;
}
#advanced_research {
background-color: #fff;
-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
border-radius: 8px;
}
.main-container {
max-width: 1160px;
}
.small-container {
max-width: 768px;
}
#top_navigation ul
.activity-link::after {
content: '';
display: block;
clear: both;
}
/**
* CMS
**/
.sChapeauCMS p {
font-size: 30px;
line-height: 36px;
color: var(--c-dark-blue);
}
#cms_header {
margin-top: 15px;
}
#cms_header:before {
content: '';
position: absolute;
width: 100%;
height: 280px;
background: var(--c-light-blue);
left: 0;
z-index: -2;
}
/**
* CMS
**/
/*
footer .cms-menu ul li a:after {
content: '';
margin: 0px 25px;
display: inline-block;
height: 10px;
} */
#bg-circle-1 {
z-index: -1 !important;
}
.cache {
display: none !important;
}
.select2-selection--multiple input {
color: rgba(0,0,0,0.87);
}
.width-auto {
width: auto !important;
}
form label.error {
color: red;
}
#header_center_research {
/* flex: 1; */
position: initial;
margin-top: 25px;
width: 90%;
margin: 0 auto;
}
.cms-micro-contenu_tableau_tarif .szChapeauMC {
width: 70% !important;
}
.cms-widget-commentcamarche .szChapeauMC .img-cogs {
margin-bottom: 1em;
}
.cms-micro-contenu_tableau_tarif .list {
width: 100%;
margin: 15px 0px;
}
.detail-block {
width: 100%;
height: 0px;
-webkit-transition: height 1s; /* For Safari 3.1 to 6.0 */
transition: height 1s;
overflow: hidden;
}
.detail-block.open {
height: 390px;
}
.btn-add-favorite:hover {
cursor: pointer;
}
.calque_commande {
max-width: 768px;
margin: auto;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus {
/*border: none !important;*/
outline: none;
}
.cms-menu.cms-menu-footer ul li {
width: auto;
padding-right: 8px;
text-align: center;
}
li.menu_accueil {
display: none;
}
.ajouter-membre-tribu {
left: 100%;
position: relative;
text-decoration: none;
}
.select_commune {
width: 100%;
background-image: none;
border: solid 1px rgba(0, 0, 0, 0.12);
border-radius: 2px;
min-height: auto;
z-index: 20;
}
.content-editable{
margin:0 auto;
/******* Important *******/
position:relative;
display: table;
}
/****** Important *****/
.content-editable *{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.content-editable form{
margin: 0px;
}
.contenu-cms.ch-image form, .contenu-cms.ch-image .header-image{
width: 100%;
display: block;
}
.dz-preview {
width: 100%;
}
.contenu-cms.cb-image{position: absolute;right: 0;bottom: 0;left: 0;padding: 1rem;text-align: center;background: #ccc;margin-bottom: 0px;height: 50px;}
.contenu-cms.c-texte{
width: 100%;
}
.wrapper-texte {
box-sizing: border-box;
}
.contenu-cms{
margin-bottom: 15px;
margin-top: 15px;
}
.contenu-cms.img-center {
margin-bottom: 30px;
}
.id_zone_005_bloc_2 {
float: left;
}
.front-separator {
border-top: solid 1px var(--c-light-blue);
}
.contenu-cms.img-center {
margin-bottom: 40px;
}
.contenu-cms.g-texte-d-texte .wrapper-texte {
width: 50%;
float: left;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
margin-bottom: 15px;
}
.contenu-cms.g-texte-c-texte-d-texte .wrapper-texte {
width: 33.3333333%;
float: left;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
margin-bottom: 15px;
}
.contenu-cms.g-texte-d-image .wrapper-texte{
width: 60%;
float: left;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
margin-bottom: 15px;
}
.contenu-cms.g-texte-d-image .wrapper-image{
width: 40%;
float: left;
left: auto;
right: auto;
margin-bottom: 15px;
}
.contenu-cms.g-image-d-texte .wrapper-texte{
width: 60%;
float: left;
left: auto;
right: auto;
padding: 0px 15px 0px 15px;
margin-bottom: 15px;
}
.contenu-cms.g-image-d-texte .wrapper-image{
width: 40%;
float: left;
left: auto;
right: auto;
margin-bottom: 15px;
}
#page_title {
max-width: 740px;
}
#page_title img {
width: 60px;
}
/***** Classe à ajouter sur les images qui doivent s'adapter ****/
.img-responsive{
width: 100%;
display: block;
}
#page_title {
text-align: center;
margin-bottom: 160px;
}
#page_title .page-image {
width: 60px;
}
#contenu .wrapper-image.img-logo {
width: 60px;
height: 60px;
}
.page-description {
font-size: 1.1rem;
}
.pack-block {
display: flex;
-webkit-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.15);
border-radius: 8px;
}
.pack-block .pack-price {
flex-direction: column;
display: flex;
flex: 1;
padding: 20px;
border-radius: 8px 0px 0px 8px;
color: #fff;
justify-content: center;
}
.pack-block .pack-price span:not(:last-child) {
margin-bottom: 3px;
}
.pack-block .pack-price span:last-child {
font-size: .85rem;
}
.pack-block .pack-description {
flex-direction: column;
display: flex;
flex: 7;
padding: 15px 30px;
}
.pack-block .pack-description ul li{
color: var(--c-grey);
}
.pack-block .pack-button {
display: flex;
flex: 2;
margin: auto;
}
.pack-block .pack-button a {
margin: auto;
}
.pack-block .pack-price .euro-price {
font-size: 3rem !important;
}
.list tbody tr:nth-child(odd) {
background-color: var(--c-light-blue);
}
.list thead tr th {
font-size: 1.1rem;
padding: 15px 0px;
text-transform: none;
}
.list tbody tr td:last-child {
color: var(--c-dark-blue);
}
.list tbody tr td:first-child {
max-width: 338px;
}
#activity_price_detail, #activity_price_detail_supp, #activity_price_example {
margin: auto;
width: 100%;
}
#activity_price_example.list tbody tr td:last-child {
color: var(--c-grey);
}
.open-detail {
text-align: left;
width: 100%;
margin: 15px auto;
}
.open-detail .read-more .btn-icon-circle {
margin-right: 5px;
}
.pack-block .texte_editable {
color: #fff;
}
.div_centree {
margin: 0 auto;
}
#sMessageEntete{
color: #fff;
}
#logo_site > a > img{
max-width: 300px;
max-height: 100px;
}
#toast-list {
position: absolute;
top: 0px;
right: 75%;
width: 350px;
padding-right: 15px;
padding-top: 7.5px;
z-index: 9999999;
}
#toast-list .toast {
display: block;
padding: 10px;
border-radius: 4px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
width: 100%;
color: #fff;
margin: 7.5px 0px;
}
#toast-list .toast .toast-title span {
font-size: 1rem;
font-family: "Roboto-Regular";
margin-bottom: 10px;
display: block;
}
#toast-list .toast .toast-content span {
font-size: 0.8rem;
font-family: "Roboto-Regular";
margin-bottom: 5px;
}
#toast-list .toast.succes {
background-color: #4caf50;
}
#toast-list .toast.erreur {
background-color: #f44336;
}
#toast-list .toast.slideOut {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(380px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 0;
transform: translateX(380px);
}
100% {
opacity: 1;
transform: translateX(0px);
}
}
#toast-list .toast.slideIn {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
select, .select2 .selection
{
height: 39px;
/* display: grid; */
}
#formulaire_edition_formateur .select2 .selection
{
height: 100%;
}
/*.select2 *
{
max-height: 28px;
line-height: 15px !important;
}*/
#select2-nRegionRch-container
{
color: var(--c-secondaire) !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered
{
line-height: 18px !important;
}
.ui-datepicker-title span, .ui-datepicker-title
{
color: black;
}
#div_btn_recherche
{
margin-top: 16px;
}
.espace_logo:not(:first-child)
{
margin-left: 15px;
}
.espace_logo
{
vertical-align: calc(8px);
}
#lien_footer
{
text-align: center;
}
#lien_footer a
{
cursor: pointer;
/* color: #666666; */
color: var(--c-secondaire);
width: auto;
padding-right: 8px;
text-align: center;
font-size: 1rem;
font-weight: 400;
}
.cms-menu-footer
{
margin-bottom: 2px !important;
}
.bloc_info
{
background: #f3f3f3;
font-size: 1rem;
padding: 30px;
line-height: 19px;
}
/*#div_fond_bg_footer
{
display: none;
}*/
#legende_annuaire
{
/* border: 1px solid var(--c-secondaire); */
border-radius: 10px;
padding: 8px;
margin-bottom: 15px;
}
/* #formulaire_login
{
width:75%;
margin:auto;
} */
.colonne_region_annuaire
{
width: 156px;
}
.colonne_chemin_annuaire
{
width: 520px;
}
#legende_annuaire h4
{
/* color: var(--c-secondaire); */
color: #272727;
font-weight: 300;
}
#div_annuaire .ligne_annuaire a, .couleur-gris
{
color: #666666;
}
.ligne_formation, .ligne_bibliotheque, .ligne_document, .ligne_annuaire, .ligne_recherche
{
margin-top: 8px;
margin-bottom: 8px;
padding: 5px;
color: inherit;
position: relative;
display: block;
text-decoration: inherit;
}
#div_recherche_publique .ligne_recherche a
{
text-decoration: inherit;
width: 95%;
display: inline-block;
color: var(--c-secondaire);
}
#div_recherche_publique .ligne_recherche .supprimer_recherche
{
position: absolute;
right: 0;
top: 8px;
cursor: pointer;
color: var(--c-secondaire);
}
.ligne_bibliotheque, .ligne_document, .ligne_annuaire
{
display: block;
text-decoration: none;
color: inherit;
}
.ligne_annuaire *
{
vertical-align: middle;
}
.succes .calque_petit
{
width: 30% !important;
}
.ligne_formation *, .ligne_bibliotheque *, .ligne_document *, .ligne_annuaire *
{
display: inline-block;
/* margin-left: 5px;
margin-right: 5px; */
text-decoration: none;
}
.ligne_formation .img_calendrier
{
margin-right: 20px;
}
.ligne_formation .img_detail_formation
{
margin-left: 20px;
}
.ligne_formation:hover, .ligne_bibliotheque:hover, .ligne_document:hover, .ligne_annuaire:hover
{
background: #f3f3f3;
border-radius: 0.5rem;
}
.ligne_bibliotheque .download_ressource, .ligne_document .download_ressource, .ligne_annuaire .download_ressource
{
padding: 0px !important;
}
.ligne_formation .material-icons, .ligne_bibliotheque .material-icons, .ligne_document .material-icons, .ligne_annuaire .material-icons
{
vertical-align: baseline;
}
.ligne_formation .show_formation, .ligne_bibliotheque .download_ressource, .ligne_document .download_ressource, .ligne_annuaire .download_ressource
{
position:absolute;
right: 0;
top: 8px;
}
.ligne_annuaire .download_ressource i
{
vertical-align: -1px;
}
#formulaire_recherche_bibliotheque_precise
{
width: 100%;
}
#recherche_haute_bibliotheque
{
width: 100%;
margin: auto;
}
#recherche_haute_bibliotheque
{
margin-bottom: 10px;
}
#recherche_haute_bibliotheque ::placeholder {
color: #fff;
opacity: 1;
}
#recherche_haute_bibliotheque #sTexteRch {
background-color: rgba(69, 190, 223, 0.20);
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-position: 1rem center;
background-size: 1rem;
padding: 1rem 3rem 1rem 3rem;
height: 1.2rem;
width: 100%;
border-radius: 0.6rem;
border: none;
color: var(--c-secondaire);
font-size: 1.2rem !important;
font-weight: 300 !important;
}
#formulaire_recherche_annuaire
{
/* background: var(--c-primaire); */
background: rgba(69, 190, 223, 0.20);
border-radius: 1rem;
color: #fff;
padding: 5px;
}
#recherche_haute_bibliotheque .select2 *, #formulaire_recherche_annuaire .select2 *
{
background: transparent !important;
}
#recherche_haute_bibliotheque .select2-selection, #formulaire_recherche_annuaire .select2-selection
{
height:100%;
padding: 13px !important;
}
#recherche_haute_bibliotheque .select2, #formulaire_recherche_annuaire .select2
{
width: 30% !important;
}
#recherche_haute_bibliotheque input, #recherche_haute_bibliotheque select,
#recherche_haute_bibliotheque .select2,
#formulaire_recherche_annuaire input, #formulaire_recherche_annuaire select,
#formulaire_recherche_annuaire .select2
{
background: transparent;
border: none;
border-bottom: 2px solid var(--c-secondaire);
/* color: #fff; */
color: var(--c-secondaire);
margin-left: 5px;
margin-right: 5px;
margin-bottom: 0px !important;
font-weight: 200 !important;
font-size: 1.1rem !important;
}
#recherche_haute_bibliotheque input::placeholder {
color: var(--c-secondaire);
}
#reinitialiser_recherche_bibliotheque, #reinitialiser_recherche_annuaire
{
padding-top: 12px;
cursor: pointer;
}
#recherche_haute_bibliotheque input:focus, #formulaire_recherche_annuaire input:focus
{
border-bottom: 2px solid #fff !important;
}
#div_formation_accueil .ligne_formation .show_formation
{
display: block;
color: inherit;
float: none;
}
.border_secondaire
{
height: 2px;
width: 75%;
/* background-color: var(--c-secondaire); */
background-color: var(--c-tertiaire);
margin-bottom: 15px;
}
footer .top-footer {
padding: 24px 0;
}
footer .footer-content {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 0;
font-size: 0.85rem;
text-align: center;
}
footer .footer-copyright,
footer .footer-copyright span {
color: #1a1a1a;
/* texte noir */
text-decoration: none;
}
footer .cms-menu-footer ul {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
/* Tiret séparateur avant chaque lien (y compris le premier, après le copyright) */
footer .cms-menu-footer li::before {
content: "—";
color: #c8c8c8;
margin: 0 14px;
}
footer .cms-menu-footer li span {
color: #5b2a9e;
/* violet : reprends ta variable de thème, ex. var(--c-primaire) */
text-decoration: none;
font-weight: 400;
}
/* Trait du haut : fin, gris clair, pleine largeur du contenu */
footer .border_secondaire {
width: 100%;
max-width: 1400px;
border-top: 1px solid #e5e5e5;
}
/* Mobile : on empile */
@media (max-width: 600px) {
footer .footer-content {
flex-direction: column;
gap: 8px;
}
footer .cms-menu-footer li:first-child::before {
content: none;
}
}
.btn
{
background: var(--c-secondaire);
color: #fff;
cursor: pointer;
text-transform: uppercase;
padding: 15px !important;
border-radius: 5px;
}
.btn img
{
margin-right: 5px;
}
.btn span
{
vertical-align: bottom;
font-size: 16px;
}
select
{
background: #fff;
border: 1px solid var(--c-secondaire);
color: var(--c-secondaire);
padding:8px;
text-transform: uppercase;
border-radius: 5px;
height: 36px;
}
#btn_recherche_formation_accueil
{
text-align: center;
}
#btn_recherche_formation_accueil span
{
vertical-align: baseline !important;
}
#btn_bibliotheque
{
margin-bottom: 15px;
}
#btn_bibliotheque i
{
vertical-align: sub;
font-size: 24px !important;
}
.div_action
{
width: 625px;
}
.div_action select, .div_action .btn
{
margin-left: 20px;
width: 600px;
}
.boutons_form.form-action-bar a
{
border-radius: 5px;
}
.boutons_form.form-action-bar
{
margin: auto;
text-align: center;
}
.action_authentification_btn_connexion span
{
vertical-align: middle;
font-size: 15px;
}
#div_option_header #sub_top_header_connecte a span
{
/* font-size: 15px !important; */
font-size: 1rem !important;
padding: 0.1rem;
}
/* #header_logo */
#div_option_header #sub_top_header_connecte, #div_option_header
{
display: inline-block;
}
#sub_top_header_connecte a img
{
vertical-align: revert;
}
#div_option_header #sub_top_header_connecte *
{
display: inline-block;
}
#sub_top_header_connecte .icone_menu, #top_header .icone_menu
{
font-size: 1.1rem !important;
color: var(--c-secondaire);
vertical-align: middle;
}
#div_formation
{
height: 41vh;
overflow-y: scroll;
}
#div_formation_accueil *:not(i)
{
font-size: 1rem;
}
#div_formation_accueil i
{
vertical-align: bottom;
}
#div_formation_accueil .material-icons, #div_formation .material-icons
{
color: var(--c-secondaire);
cursor: pointer;
}
.ligne_formation .material-icons
{
position: relative;
top: 0px;
}
#footer_div_formation .btn
{
text-align: center;
width: 500px;
}
.btn .material-icons
{
color: #fff;
font-size: 18px !important;
cursor: pointer;
}
#filtre_formation
{
margin-top: 15px;
margin-left: 60px;
position: relative;
z-index: 1;
}
#div_filtre
{
margin-bottom: 0px !important;
position: absolute;
z-index: 98;
top: 58px;
}
#div_filtre .field
{
margin: auto;
margin-top: 9px;
margin-bottom: 9px;
width: 550px;
}
#div_filtre .un_champ_switch
{
width: 48%;
display: inline-block;
}
#div_filtre .switch .switch-action-name
{
margin-top: 0px !important;
}
#div_filtre .field label
{
font-weight: normal;
font-size: 14px;
}
#switch-distanciel, #switch-presentiel
{
width: 0px !important;
}
#div_filtre .switch input:checked + label
{
background: #fff;
}
#div_filtre .switch
{
text-align: center;
margin: auto;
display: inherit;
}
#div_filtre select, #div_filtre input, #div_filtre .selection, #div_filtre .select2-selection
{
border-bottom : 2px solid #fff;
color: #fff !important;
padding: 8px;
margin: auto;
border-radius: 0px !important;
width: 500px;
text-align: left;
font-size: 18px !important;
background: transparent !important;
font-family: "Montserrat";
}
#div_filtre .select2-selection {
border: none;
}
#div_filtre .select2-selection span
{
color: #fff !important;
}
#div_filtre input
{
width: 471px;
}
/* .select2-dropdown, .select2-container--open .select2-dropdown--below, .select2-container--open .select2-dropdown--above
{
border: 4px solid var(--c-secondaire) !important;
border-radius: 0px !important;
font-size: 16px !important;
padding: 8px !important;
text-align: center !important;
color: var(--c-secondaire) !important;
} */
.ui-datepicker-header, .ui-state-default.ui-state-active , .ui-state-default.ui-state-hover
{
background-color: var(--c-secondaire);
}
.ui-state-default.ui-state-highlight
{
background-color: var(--c-secondaire);
color: #fff;
}
.ui-datepicker-today .ui-state-default.ui-state-highlight:not(.ui-state-hover):not(.ui-state-active){
background-color: transparent;
border-color: var(--c-secondaire) !important;
color:#000
}
.session_complete_formation, .inscrit_formation
{
width: 33px;
text-align: center;
}
.session_complete_formation
{
font-size: 9px;
color: var(--c-secondaire);
}
.inscrit_formation
{
font-size: 12px;
color: var(--c-primaire);
}
.bloc_accueil .selection
{
color: var(--c-secondaire);
border: 2px solid var(--c-secondaire);
}
.calque.confirmation .modal-content input
{
width: 80%;
margin-left: 5% !important;
margin: auto;
}
.demi_bloc {
width: 46%;
}
.btn.demi_bloc
{
text-align: center;
margin-bottom: 5px;
}
/* #visio_detail, #beekast_detail, #visio_detail:hover, #beekast_detail:hover
{
text-decoration: none;
color: #fff;
} */
/* #visio_detail i, #beekast_detail i
{
margin-right: 5px;
} */
form {
width: 100%;
}
#btn_bibliotheque:hover
{
color: #fff;
}
#btn_contact_menu, #btn_bibliotheque_menu, #btn_bibliotheque, #btn_annuaire_menu, #btn_formation_menu
{
text-decoration: none !important;
font-size: 1.1rem !important;
}
#formulaire_contact_classique
{
width: 96%;
margin-bottom: 15px;
}
#formulaire_contact_classique button
{
display: none;
}
#formulaire_contact_classique input, #formulaire_contact_classique textarea {
padding: 5px;
color: var(--c-secondaire);
margin: 8px;
font-size: 16px;
font-size: Arial;
}
#calque_inscription_formation *
{
background: #fff;
color: var(--c-secondaire) !important;
}
#calque_inscription_formation .modal-title
{
border-bottom:none;
}
#calque_inscription_formation .form-action-bar
{
border-top:none;
}
#calque_inscription_formation .btn
{
margin: 8px;
}
#calque_envoi_mail .btn
{
margin: 8px;
}
#calque_inscription_formation .btn:not(.btn-tertiaire), #calque_inscription_formation .btn i, #calque_inscription_formation .btn:not(.btn-tertiaire) span
{
color: #fff !important;
background: var(--c-secondaire);
}
/* .btn-tertiaire est violet (main.css, !important) : libellé et icône en blanc, sinon violet sur violet. */
#calque_inscription_formation .btn-tertiaire span, #calque_inscription_formation .btn-tertiaire i
{
background: transparent !important;
color: #fff !important;
}
/* Les h2 sont en table + nowrap (application.css) : le titre doit revenir à la ligne pour rester dans le cadre. */
#calque_inscription_formation .modal-title h2
{
display: block;
white-space: normal;
}
#calque_inscription_formation .calque_inscription_formation
{
border: 3px solid var(--c-secondaire);
}
#formulaire_contact_classique input, #formulaire_contact_classique input:focus
{
border: none;
border-bottom: 2px solid var(--c-secondaire) !important;
}
#formulaire_contact_classique textarea, #formulaire_contact_classique textarea:focus {
border: 1px solid var(--c-secondaire) !important;
}
#formulaire_creer_compte
{
z-index: 1;
}
.un_bloc *:not(i)
{
font-family: "Montserrat";
}
.bloc_calque .grand_titre, .bloc_calque h2
{
margin-bottom: 0px !important;
}
.calque_mot_passe_oublie
{
padding: 8px;
padding: 2rem;
}
.calque_mot_passe_oublie .btn
{
background: var(--c-secondaire) !important;
margin: auto;
display: block;
width: 279px !important;
text-align: center;
margin-top: 5px !important;
}
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie .entete_mot_pass_oublie
{
position: relative;
z-index: 1;
}
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie .field .form-element
{
padding: 5px;
}
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie *
{
border: none;
border-radius: 1.8rem;
background: #fff;
margin: auto;
font-weight: 200;
}
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie input
{
border-radius: 0.4rem !important;
}
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie .btn-primary i.material-icons {
border-radius: 0.4rem;
color: var(--c-secondaire) !important;
}
/* #modal_calque_mot_passe_oublie #calque_mot_passe_oublie span.close {
position: absolute;
left: 20px;
top: 25px;
} */
#modal_calque_mot_passe_oublie #calque_mot_passe_oublie span.close .material-icons {
color: #fff;
background-color: var(--c-secondaire);
border-radius: 0.4rem;
}
.calque_mot_passe_oublie label
{
text-align: center;
color: var(--c-secondaire);
font-size: 16px;
}
.calque_mot_passe_oublie input
{
border-radius: 0px !important;
color: var(--c-secondaire);
font-size: 1rem !important;
}
.calque_mot_passe_oublie .btn:hover
{
color: #fff !important;
}
#div_formation .btn_desinscription
{
width : 69px;
margin-left: 5px;
margin-right: 0px;
padding: 8px;
text-align: center;
font-size:12px;
padding-top: 3px !important;
padding-bottom: 3px !important;
}
.bloc_info a
{
display:block;
text-decoration: none;
color: var(--c-primaire);
}
.bloc_info a i
{
vertical-align: text-bottom;
}
#section_creer_compte{
width: 50%;
}
#contenu_page_creer_compte{
width: 50%;
text-align: center;
display: flex;
align-items: center;
}
#modal_calque_inscription_formation #calque_inscription_formation
{
width: 900px !important;
}
#modal_calque_inscription_formation #calque_inscription_formation .calque_inscription_formation
{
width: 100% !important;
}
#formulaire_creer_compte span.select2.error
{
padding-bottom: 0px;
border: 1px solid red !important;
}
#formulaire_creer_compte #sNom-error, #formulaire_creer_compte #sPrenom-error, #formulaire_creer_compte #sCivilite-error,
#sNumAgrementVolontaire-error, #sEmailVolontaire-error, #nDepartement-error, #nRegion-error, #sStructureVolontaire-error,
#nPays-error
{
display: none !important;
}
.calque_mot_passe_oublie .btn {
text-align: center !important;
}
#formulaire_creer_compte input.error {
border: 1px solid red !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice
{
margin-top : 0px !important;
}
.modal-content input.select2-search__field, .modal-content input.select2-search__field:focus
{
border: none !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b
{
margin-top: inherit !important;
right: 8px !important;
}
#formulaire_envoi_mail input, #formulaire_envoi_mail textarea
{
width: 94%;
background: rgba(69, 190, 223, 0.2);
border: none;
color: var(--c-secondaire);
border-radius: 0.5rem;
}
#formulaire_envoi_mail .tiers_bloc
{
width: 31%;
display: inline-block;
margin-left: 12px;
}
#formulaire_envoi_mail .tiers_bloc input
{
width: 95%;
}
#formulaire_envoi_mail .premier_bloc
{
margin-left: 0px;
}
#formulaire_recherche_formation .select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url('/institution/img/icons/select-arrow-close-white.svg') !important;
}
#formulaire_recherche_formation .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background-image: url('/institution/img/icons/select-arrow-open-white.svg') !important;
}
#formulaire_recherche_formation{
margin-top: 20px;
}
#formulaire_edition_volontaire .demi_bloc:not(.first_bloc), #formulaire_edition_volontaire .tiers_bloc:not(.first_bloc),
#formulaire_edition_formateur .tiers_bloc:not(.first_bloc),
#formulaire_mon_compte .demi_bloc:not(.first_bloc), #formulaire_mon_compte .tiers_bloc:not(.first_bloc) {
margin-left: 2%;
}
#formulaire_edition_volontaire .tiers_bloc, #formulaire_edition_formateur .tiers_bloc, #formulaire_mon_compte .tiers_bloc
{
width: 31% !important;
display: inline-block;
}
#formulaire_edition_volontaire .un_champ, #formulaire_edition_formateur .un_champ, #formulaire_mon_compte .un_champ
{
width: 100%;
}
#formulaire_edition_formateur .un_champ .select2, #formulaire_edition_volontaire .un_champ .select2, #formulaire_mon_compte .un_champ .select2
{
width: 99% !important;
}
#formulaire_edition_volontaire .un_champ input:not([type="checkbox"]), #formulaire_edition_volontaire .un_champ textarea,
#formulaire_edition_formateur .un_champ input:not([type="checkbox"]), #formulaire_edition_formateur .un_champ textarea,
#formulaire_mon_compte .un_champ input:not([type="checkbox"]), #formulaire_mon_compte .un_champ textarea
{
width: 97% !important;
box-sizing: border-box;
}
#formulaire_edition_volontaire .demi_bloc, #formulaire_mon_compte .demi_bloc {
width: 48% !important;
display: inline-block;
}
#btn_executer_commande
{
margin: auto;
float: inherit !important;
}
#indicateur_force_mdp .jauge_force_mdp
{
display:none;
}
#bloc_document
{
padding: 15px;
border: 1px solid var(--c-secondaire);
border-radius:25px;
width: 90% !important;
margin: auto;
margin-bottom: 15px;
}
/* Questionnaire de satisfaction */
i.etoile {
color: rgba(25, 139, 226, 0.24) !important;
cursor:pointer;
}
i.etoile:hover {
color: var(--c-secondaire) !important;
}
.select2-results__option
{
text-align: left !important;
}
i.etoile.selectionnee {
color: var(--c-secondaire) !important;
}
#div_questionnaire textarea.sCommentaire{
border: 1px solid var(--c-secondaire) !important;
}
.ligne_formation .evaluation_formation {
float: right;
}
.onglet_bibliotheque.selected
{
color: var(--c-secondaire);
}
.onglet_bibliotheque
{
cursor: pointer;
padding: 15px;
}
#div_bibliotheque
{
display:inline-block;
width: 74%;
vertical-align: top;
}
#onglet_bibliotheque .onglet_bibliotheque:hover
{
background: #f3f3f3;
color: var(--c-secondaire);
}
#onglet_bibliotheque
{
display:inline-block;
width: 25%;
}
#onglet_bibliotheque select
{
height: inherit;
width: 100%;
background: rgba(69, 190, 223, 0.20);
overflow: hidden !important;
}
#onglet_bibliotheque select option:checked {
/* color: inherit !important;
background: #f3f3f3 !important; */
background: var(--c-secondaire) !important;
color: #fff !important;
border-radius: inherit;
}
#onglet_bibliotheque option
{
padding: 8px;
}
#btn_enregistrement_volontaire
{
margin-right: 5px;
}
.btn_changer_email_utilisateur
{
margin-left: 5px;
}
#barre_icone i
{
margin-left: 15px;
}
#barre_icone i:hover
{
opacity: 0.5;
}
#barre_icone i:first-child
{
margin-left: 0px;
}
#div_recherche_publique
{
position: absolute;
z-index: 99;
right: 20px;
padding: 8px;
max-height: 50vh;
overflow-y: scroll;
width: max-content;
height: max-content;
background: #d6f3fc;
border: none;
border-radius: 0.6rem;
}
#close_recherche_publique
{
float: right;
cursor: pointer;
}
#div_recherche_publique .ligne_recherche:first-child
{
margin-top: -8px;
}
.select_commune {
width: 100%;
background-image: none;
border: solid 1px rgba(0, 0, 0, 0.12);
border-radius: 2px;
min-height: auto;
z-index: 20;
}
#dialogue_questionnaire, #dialogue_recherche_connexion
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 1;
}
.dialogue, #dialogue_questionnaire .dialogue, .dialogue, #dialogue_recherche_connexion .dialogue
{
margin: auto;
width: 40%;
text-align: center;
padding:0.5rem;
margin-top: 48vh;
background: #fff;
border-radius: 0.5rem;
border: none;
color: var(--c-secondaire);
font-weight: 300;
}
#dialogue_questionnaire span, #dialogue_recherche_connexion span
{
font-size: 1rem;
}
#dialogue_questionnaire a, #dialogue_recherche_connexion a
{
color: #fff !important;
}
#dialogue_questionnaire .btn, #dialogue_recherche_connexion .btn
{
width: 34%;
text-align: center;
margin: auto;
margin-top: 8px;
}
#detail_formation h1#sTitre {
color: #666666 !important;
text-transform: uppercase;
}
#formulaire_mot_passe_oublie input
{
border: 1px solid var(--c-secondaire) !important;
}
/* BOUTON VOIR MOT DE PASSE MDP */
.revele-mot-de-passe i
{
color: var(--c-secondaire);
cursor: pointer;
}
.revele-mot-de-passe
{
cursor:pointer;
border-radius: 0.6rem;
background: #fff;
padding:8px;
height:27px;
border-left: none;
}
#tarteaucitronRoot
{
position: relative !important;
}
#tarteaucitronIcon
{
position: absolute !important;
bottom: 0 !important;
}
#div_signature .demi
{
display: inline-block;
width: 49%;
}
#div_signature input{
border: 1px solid var(--c-secondaire);
}
#div_signature .action_uniscite_btn_valider_signature_formation{
float: left;
}
#div_signature #effacer_signature{
float: right;
}
#link_annuaire
{
vertical-align: top;
margin-top: 1.3%;
color: #fff;
background: var(--c-secondaire);
border-radius: 0.6rem;
float: right;
padding: 5px;
text-align: center;
font-size: 1.2rem;
padding: 0.5rem 1rem;
text-decoration: none;
font-weight: 400;
cursor: pointer;
}
#texte_annuaire
{
float:left;
width: 66%;
text-decoration: none;
}
.div-annuaire-enveloppe
{
margin-left: 12px;
/* float:right;
margin-right: 22px;
margin-top: 5px; */
}
/* .div-annuaire-enveloppe
{
width:calc(100% - 200px);
} */
/* .div-annuaire-enveloppe .material-icons
{
float:right;
} */
#div_annuaire
{
background-color: rgba(69, 190, 223, 0.20);
border-radius: 1rem;
padding: 1rem;
}
#div_annuaire .petite_div-sm
{
width: 20%;
text-align: left;
}
#signature_formation, #signature_formation1, #signature_formation2 {
text-decoration: none;
}
#cadre_signature
{
background: #f3f3f3;
margin-top: 9px;
padding: 8px;
border-radius: 5px;
}
.btn-toggle-signature, .btn-toggle-paraphe
{
opacity: 0.7;
}
.bouton_singature_actif
{
opacity: 1 !important;
}
.btn-disabled
{
opacity: 0.3;
cursor: no-drop !important;
}
.wrapper-image img
{
max-width: 100%;
}
#pastille
{
width: 15px;
height: 15px;
border-radius: 800px;
background: var(--c-primaire);
display: block;
position: absolute;
top: -6px;
right: -5px;
}
.pastilleRouge
{
width: 10px;
height: 10px;
border-radius: 800px;
background: var(--c-primaire);
display: block;
position:absolute;
left: -5px;
top: 3px;
}
#btn_mes_formations, #evaluation_formation {
position: relative;
}
#pastilleMenu
{
width: 0.3rem !important;
height:0.3rem !important;
border-radius: 800px !important;
background: var(--c-primaire) !important;
display: block !important;
position: absolute !important;
right: 0.5rem !important;
top: 0.3rem !important;
}
#inscription_detail-inactif.cache
{
display: none !important;
}
#header_logo {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding: 16px 8px;
}
#header_logo img {
height: 27px;
width: auto;
}
#header_logo img.aime {
height: 37px;
width: auto;
}
#bandeau_accueil_parcours {
padding: 16px 8px;
display: flex;
flex-direction: column;
justify-content: center;
flex-shrink: 0;
font-size: 2.6rem;
font-weight: 700;
text-transform: uppercase;
text-align: left;
}
.bandeau_accueil {
width: 100%;
font-weight: 300;
font-size: 1.2rem;
color: #272727;
}
.bandeau_accueil .texte_accueil {
padding: 1rem 0;
}
.bandeau_accueil img {
width: 100%;
height: auto;
border-radius: 3rem 3rem 0 0;
}
.btn-primary {
vertical-align: middle;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-transform: uppercase;
border-radius: 1rem !important;
font-size: 1rem;
font-weight: 500;
cursor: pointer;
padding: 0.6rem 1.2rem;
}
.btn-primary i.material-icons {
font-size: 1.6rem !important;
vertical-align: middle;
}
.btn-secondary {
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
text-transform: uppercase;
border-radius: 1rem !important;
font-size: 1.1rem;
font-weight: 500;
cursor: pointer;
padding: 0.6rem 1.2rem;
background-color: var(--c-secondaire);
color: var(--c-blanc);
}
.btn-secondary i.material-icons {
font-size: 1.6rem !important;
vertical-align: middle;
}
.btn-danger {
display: inline-flex;
align-items: center;
gap: 0.5rem;
text-decoration: none;
text-transform: uppercase;
border-radius: 1rem !important;
font-size: 1.1rem;
font-weight: 500;
cursor: pointer;
padding: 0.6rem 1.2rem;
background-color: #d32f2f;
color: var(--c-blanc);
}
.btn-danger i.material-icons {
font-size: 1.6rem !important;
vertical-align: middle;
}
.boutons_form.form-action-bar {
display: flex;
justify-content: center;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
}
.section_info_accueil {
width: 100%;
padding: 1rem 0;
}
.section_info_accueil img {
width: 100%;
height: auto;
}
.section_formation {
display: flex;
flex-wrap: wrap;
gap: 1rem;
}
.section_formation_scroll {
height: 120vh;
overflow-y: scroll;
}
.card_formation {
border-radius: 1.2rem;
background: var(--c-tertiaire);
display: flex;
flex-direction: column;
padding: 2rem;
flex: 1 1 calc(33.33% - 1rem);
box-sizing: border-box;
row-gap: 1rem;
max-width: 33.33%;
}
.card_formation.empty_formation {
flex: 1 1 100%;
max-width: 100%;
text-align: center;
}
.card_formation span {
font-size: 1.1rem;
color: #272727;
}
.card_formation span.dDateFormation {
font-size: 1.2rem;
}
.card_formation .lieu, .card_formation .duree {
font-size: 1.1rem;
}
.card_formation img.picto_formation {
width: 1.1rem;
height: auto;
}
.card_formation div.sDateFormation {
display: flex;
flex-direction: row;
justify-content: space-between;
}
.color-white {
color: #FFFFFF !important;
}
.weight-700 {
font-weight: 700 !important;
}
.weight-600 {
font-weight: 600 !important;
}
.weight-500 {
font-weight: 500 !important;
}
.weight-400 {
font-weight: 400 !important;
}
.weight-300 {
font-weight: 300 !important;
}
.weight-200 {
font-weight: 200 !important;
}
.section_badge {
display: flex;
flex-direction: row;
column-gap: 0.8rem;
}
.badge {
font-size: 0.8rem !important;
color: #FFFFFF !important;
border-radius: 0.4rem !important;
padding: 5px 10px !important;
display: inline-block;
}
.badge_distanciel {
background-color: #45BEDF;
}
.badge_complet {
background-color: var(--c-primaire);
font-size: 1rem !important;
}
.badge_agrement {
height: 28px;
width: auto;
}
.thematique_formation {
display: flex;
flex-wrap: wrap;
gap: 2rem;
padding: 2rem 0;
justify-content: flex-start;
}
.switch label {
border: 1px solid var(--c-secondaire);
margin-top: 0.5rem;
}
.une_thematique {
flex: 1 1 calc(25% - 2rem);
/* max-width: calc(25% - 2rem); */
box-sizing: border-box;
border: 2px solid var(--c-secondaire);
border-radius: 0.6rem;
padding: 0.6rem 2rem;
color: var(--c-secondaire);
font-size: 1.4rem;
cursor: pointer;
text-align: center;
}
.une_thematique:hover, .thematique_selectionnee {
background-color: rgba(69, 190, 223, 0.20);
}
@media (max-width: 900px) {
.thematique_formation .une_thematique {
flex: 1 1 calc(50% - 2rem);
max-width: calc(50% - 2rem);
font-size: 1.0rem;
}
.une_info {
width: 100%;
}
}
.recherche_general {
display: flex;
flex-direction: row;
align-items: center;
gap: 2rem;
}
.more_filtre {
color: var(--c-secondaire);
font-size: 1.4rem;
cursor: pointer;
text-decoration: none;
}
.more_filtre i.material-icons {
font-size: 1.6rem !important;
}
.filtre_recherche {
padding: 0.5rem;
border-radius: 0.6rem;
border: 1px solid var(--c-secondaire);
}
/* Conteneur des filtres : disposition en ligne, retour à la ligne automatique */
#formulaire_recherche_formation .filtre_recherche {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem;
padding: 1rem;
border-radius: 1.5rem;
border: 1.5px solid var(--c-secondaire);
}
/* Aucun champ ne s'étire par défaut pour remplir la ligne */
#formulaire_recherche_formation .filtre_recherche>* {
flex: 1 1 200px !important;
/* grandit/rétrécit, base 200px */
max-width: 20rem;
/* mais jamais plus large que 20rem */
min-width: 200px;
/* jamais plus petit que 200px */
}
/* Largeur cohérente pour chaque champ */
#formulaire_recherche_formation .filtre_recherche #sRechercheKilometre {
width: 20rem !important;
}
#formulaire_recherche_formation .filtre_recherche .select2-container {
width: 20rem !important;
}
#formulaire_recherche_formation .filtre_recherche .field-recherche {
width: auto;
flex: 0 0 auto !important;
}
#formulaire_recherche_formation .filtre_recherche .field_datepicker {
width: 20rem;
display: inline-block;
}
#formulaire_recherche_formation .filtre_recherche .field_datepicker input.datepicker {
width: 100%;
}
.field {
/* padding: 0.5rem; */
display: flex;
flex-direction: row;
gap: 1rem;
align-items: center;
justify-content: flex-start;
}
.field input, .field select, .field textarea, .field .select2-container {
padding: 0.5rem !important;
}
.section_form {
display: flex;
flex-direction: column;
align-items: center;
gap: 3rem;
}
.div_form {
display: flex;
flex-direction: column;
gap: 1rem;
background-color: var(--c-tertiaire);
padding: 2rem;
border-radius: 1.2rem;
}
.lien_login {
color: var(--c-secondaire);
font-size: 1rem;
cursor: pointer;
}
.input_login {
padding: 1rem !important;
border-radius: 0.6rem !important;
border: none;
font-size: 1rem !important;
color: #272727;
}
.input_login::placeholder {
color: #272727;
opacity: 0.7;
font-weight: 300;
}
.field-switch {
display: flex;
flex-direction: column;
align-items: baseline;
}
h3.form-title {
display: flex;
flex-direction: column;
padding: 1rem;
color: #272727;
font-size: 1.6rem;
font-weight: 600;
}
.font-size-default {
font-size: 1.1rem !important;
}
.picto_arrow_right {
position: relative;
width: 1.4rem;
height: 1.4rem;
top: 3px;
}
.picto_arrow_right--in-button {
top: initial;
}
.radius06 {
border-radius: 0.6rem !important;
}
.radius2 {
border-radius: 2rem !important;
}
.w-50percent {
width: 50% !important;
}
.w-80percent {
width: 80% !important;
}
.w-95percent {
width: 95% !important;
}
.force-left {
margin-left:0 !important;
display:inline-flex;
}
.more_formation {
text-align: center;
padding: 2rem;
}
/* .une_info {
border-radius: 1.2rem;
background-color: rgba(69, 190, 223, 0.20);
padding: 1.2rem;
box-sizing: border-box;
width: calc(25% - 1rem);
} */
.info_titre {
display: flex;
flex-direction: row;
align-items: center;
gap: 1rem;
}
.info_label {
font-size: 1.4rem;
color: #272727;
text-transform: uppercase;
}
.picto_info_titre {
width: 1.4rem;
height: 1.4rem;
}
.info_content {
display: flex;
flex-direction: column;
border-left: 2px solid var(--c-secondaire);
padding: 0 1.4rem;
margin-left: 0.6rem;
}
.info_content_row {
display: flex;
flex-direction: row;
border-left: 2px solid var(--c-secondaire);
padding: 0 1.4rem;
margin-left: 0.6rem;
gap: 0.5rem;
}
.info_content a {
cursor: pointer;
}
.lien_retour {
color: var(--c-secondaire);
font-size: 1rem;
text-decoration: none;
cursor: pointer;
}
.lien_retour span {
text-decoration: underline;
padding-left: 0.4rem;
}
.lien_retour i.material-icons {
background-color: var(--c-secondaire);
color: #fff !important;
border-radius: 0.2rem;
vertical-align: sub;
font-size: 1.2rem;
padding: 0.1rem;
}
.partie1, .partie2 {
display: flex;
flex-direction: column;
font-size: 1rem;
}
#sDescription h3 {
color: #272727;
}
#sDescription h3 span {
text-decoration: none !important;
}
.form_change_password_div {
background: #fff;
border-radius: 0.6rem;
}
#contenu h1 {
color: #272727 !important;
text-transform: uppercase !important;
font-size: 2.3rem !important;
}
#btn_executer_commande {
border-radius: 0.4rem;
}
.change_mot_passe {
font-weight: 400;
padding: 1rem;
text-align: left;
}
/* Cible un select2 du champ #id en erreur, même si le .select2 n'est pas un frère direct */
#nRegion.error ~ .select2-container .select2-selection.select2-selection--single,
#nRegion.error[data-select2-id] ~ span.select2.select2-container .select2-selection.select2-selection--single,
#nDepartement.error ~ .select2-container .select2-selection.select2-selection--single,
#nDepartement.error[data-select2-id] ~ span.select2.select2-container .select2-selection.select2-selection--single,
#nPays.error ~ .select2-container .select2-selection.select2-selection--single,
#nPays.error[data-select2-id] ~ span.select2.select2-container .select2-selection.select2-selection--single,
#sCivilite.error ~ .select2-container .select2-selection.select2-selection--single,
#sCivilite.error[data-select2-id] ~ span.select2.select2-container .select2-selection.select2-selection--single,
#sNumAgrementVolontaire.error ~ .select2-container .select2-selection.select2-selection--single,
#sNumAgrementVolontaire.error[data-select2-id] ~ span.select2.select2-container .select2-selection.select2-selection--single {
border: 1px solid red !important;
}
.btn_menu_statique {
display: flex;
align-items: center;
justify-content: center;
}
.btn_menu_statique span.icone_menu {
background: var(--c-secondaire);
color: #fff;
border-radius: 50%;
width: 1rem;
height: 1rem;
}
.btn_menu_statique span.icone_menu i.material-icons {
font-size: 1rem !important;
color: #fff !important;
vertical-align: top !important;
}
.btn_menu_statique span:not(.icone_menu) {
vertical-align: middle;
font-size: 1.1rem;
font-weight: 200;
}
.presentation_formation {
font-size: 1.2rem;
color: #272727;
}
.presentation_formation span {
font-size: 1.4rem;
}
.presentation_formation p {
padding: 1rem 0;
}
#calque_edition_volontaire span:has(h2), #calque_edition_formateur span:has(h2) {
background: var(--c-secondaire);
}
#formulaire_edition_formateur *, #formulaire_edition_volontaire *, #formulaire_mon_compte * {
color: #272727;
font-weight: 200;
}
#formulaire_edition_formateur input:not(.select2-search__field), #formulaire_edition_volontaire input:not(.select2-search__field), #formulaire_mon_compte input:not(.select2-search__field),
#formulaire_edition_formateur textarea, #formulaire_edition_volontaire textarea, #formulaire_mon_compte textarea,
#formulaire_login input
{
border-radius: 0.75rem !important;
border: none !important;
box-shadow:#0000001A 0px 4px 10px !important;
padding: 0.75rem 1.5rem !important;
}
#formulaire_edition_formateur input:read-only, #formulaire_edition_volontaire input:read-only, #formulaire_mon_compte input:read-only {
background: #e0e0e0;
}
#formulaire_mon_compte input::placeholder,
#formulaire_mon_compte textarea::placeholder {
color: #888 !important;
font-weight: 300 !important;
font-size: 1rem !important;
opacity: 1 !important;
}
#formulaire_edition_formateur .select2-container--default .select2-selection--single,
#formulaire_edition_volontaire .select2-container--default .select2-selection--single,
#formulaire_mon_compte .select2-container--default .select2-selection--single {
background: rgba(69, 190, 223, 0.20) !important;
border: none !important;
border-radius: 12px !important;
min-height: 2.6rem !important;
height: 2.6rem !important;
display: flex !important;
align-items: center !important;
padding: 0 1rem !important;
padding-right: 3.5rem !important;
box-shadow: none !important;
}
#formulaire_edition_formateur .select2-container--default .select2-selection--single .select2-selection__rendered,
#formulaire_edition_volontaire .select2-container--default .select2-selection--single .select2-selection__rendered,
#formulaire_mon_compte .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #272727 !important;
font-weight: 300 !important;
font-size: 1.2rem !important;
line-height: 52px !important;
padding: 0 !important;
display: block !important;
}
#formulaire_edition_formateur .select2-container--default .select2-selection--single .select2-selection__arrow,
#formulaire_edition_volontaire .select2-container--default .select2-selection--single .select2-selection__arrow,
#formulaire_mon_compte .select2-container--default .select2-selection--single .select2-selection__arrow {
background: #0C7EC4 !important;
border-radius: unset !important;
border-radius: 0.5rem !important;
width: 1.4rem !important;
height: 1.4rem !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
right: 0.5rem !important;
top: 55% !important;
transform: translateY(-50%) !important;
}
#formulaire_edition_formateur .select2-container--default .select2-selection--single .select2-selection__arrow b,
#formulaire_edition_volontaire .select2-container--default .select2-selection--single .select2-selection__arrow b,
#formulaire_mon_compte .select2-container--default .select2-selection--single .select2-selection__arrow b {
width: 1rem !important;
height: 1rem !important;
background: url('data:image/svg+xml;utf8,') no-repeat center/contain !important;
border: none !important;
margin: 0 !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
#formulaire_edition_formateur .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#formulaire_edition_volontaire .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#formulaire_mon_compte .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background: url('data:image/svg+xml;utf8,') no-repeat center/contain !important;
}
/** Dropdown Button styles **/
.dd {
display: inline-block;
position: relative;
}
.dd-button {
background-color: var(--c-secondaire);
color: #fff;
font-size: 1.2rem;
font-weight: 500;
border-radius: 0.6rem;
padding: 0.5rem 1rem;
width: fit-content;
display: inline-flex;
align-items: center;
flex-direction: row;
cursor: pointer;
}
.dd-button .icon-dd {
font-size: 1.6rem !important;
display: flex;
align-items: center;
justify-content: center;
color: var(--c-secondaire) !important;
background-color: #fff !important;
width: 1.6rem !important;
height: 1.6rem !important;
border-radius: 0.4rem !important;
margin-left: 1rem;
margin-right: 0;
}
.dd-button .text-dd {
vertical-align: middle;
}
.dd-click {
display: none;
}
.dd-click + .dd-list {
display: none;
}
.dd-click:checked + .dd-list {
display: block;
}
.dd-list {
padding: 0;
border: none;
border-radius: 0.3rem;
background-color: #d6f3fa;
list-style: none;
width: 100%;
text-align: center;
z-index: 9999 !important;
position: absolute;
top: 70%;
left:0;
}
.dd-list li, .dd-list li a {
color: var(--c-secondaire);
font-size: 1.2rem;
cursor: pointer;
font-weight: 500;
padding: 0.2rem 0;
text-decoration: none;
}
.dd-list li:hover, .dd-list li a:hover {
background-color: var(--c-secondaire);
color: #fff;
}
.action_formation {
display: flex;
flex-direction: row;
gap: 1rem;
flex-wrap: wrap;
}
.force-padding-05 {
padding: 0.5rem !important;
}
.btn-formation {
color: #fff;
font-size: 1.2rem;
text-decoration: none;
background-color: var(--c-secondaire);
padding: 0.5rem 1rem;
border-radius: 0.6rem;
cursor: pointer;
height: fit-content;
}
.btn-formation span {
text-decoration: none;
}
.btn-formation i.material-icons {
background-color: #fff;
color: #fff !important;
border-radius: 0.4rem;
color: var(--c-secondaire) !important;
}
.btn-formation i.material-icons.lock {
font-size: 1rem;
padding: 5px;
vertical-align: baseline;
}
.info_inscription {
text-align: center;
}
.bouton_haut_formation {
display: flex;
flex-direction: row;
padding: 1rem 0;
justify-content: space-between;
}
.btn-formation-disabled {
background-color: #cfcfcf;
cursor: not-allowed;
}
.btn-formation-disabled i.material-icons {
color: #cfcfcf !important;
}
.ligne_annuaire {
display: flex;
flex-direction: row;
gap: 1rem;
align-items: flex-start;
justify-content: space-around;
}
section.detail_formation p.sTitre {
color: #272727 !important;
font-size: 2.3rem;
text-transform: uppercase;
line-height: 2.6rem;
font-weight: 700;
}
p.sDomaine{
font-size: 2.3rem;
text-transform: uppercase;
line-height: 2.6rem;
font-weight: 700;
}
#dialogue_questionnaire #lien-mesformations {
color: var(--c-secondaire) !important;
}
/** Formulaire Creer compte **/
.tableCreerCompte {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: repeat(5, auto);
grid-row-gap: 1rem;
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.ligneCreerCompte {
padding: 0;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.parentColumn1 {
display: grid;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 16px;
grid-row-gap: 16px;
padding: 0 1rem 0.5rem 1rem;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.childColumn1 {
grid-area: 1 / 1 / 2 / 2;
padding-right: 1rem;
display: flex;
}
.parentColumn2 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 0 1rem;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.childColumn2n1 {
padding-right: 0.5rem;
}
.childColumn2n2 {
padding-left: 0.5rem;
}
.parentColumn3 {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-template-rows: 1fr;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
}
.childColumn3n1 {
grid-area: 1 / 1 / 2 / 2;
padding: 1rem 0.5rem 1rem 1rem;
}
.childColumn3n2 {
grid-area: 1 / 2 / 2 / 3;
padding: 1rem 0.5rem 1rem 1rem;
}
.childColumn3n3 {
grid-area: 1 / 3 / 2 / 4;
padding: 1rem 0.5rem 1rem 1rem;
}
.childColumn1,
.childColumn2n1,
.childColumn2n2,
.childColumn3n1,
.childColumn3n2,
.childColumn3n3 {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
}
#formulaire_creer_compte label {
font-size: 1rem;
font-weight: 400;
}
#formulaire_creer_compte .switch .switch-action-name {
margin-top: 0;
display: inline-flex;
align-items: center;
line-height: 1;
font-size: 1.2rem;
font-weight: 400;
}
#formulaire_creer_compte span.switch-span {
padding-top: 0;
font-weight: 400;
}
#formulaire_creer_compte .switch {
display: inline-flex;
align-items: center;
gap: 0.8rem;
}
#formulaire_creer_compte .switch label {
margin: 0;
align-self: center;
}
#formulaire_creer_compte .switch input.bStructureAccueil {
align-self: center;
}
#formulaire_creer_compte input[type="checkbox"]:not(.bStructureAccueil) {
-webkit-appearance: none;
appearance: none;
width: 1.2rem;
height: 1.2rem;
margin: 0 0.5rem 0 0;
padding: 0 !important;
border: 2px solid var(--c-secondaire);
border-radius: 50%;
background: #fff;
vertical-align: middle;
cursor: pointer;
position: relative;
flex: 0 0 auto;
}
#formulaire_creer_compte input[type="checkbox"]:not(.bStructureAccueil):checked {
background: radial-gradient(circle, var(--c-secondaire) 0 45%, transparent 46% 100%);
}
#formulaire_creer_compte input[type="checkbox"]:not(.bStructureAccueil):focus-visible {
outline: 2px solid rgba(var(--c-secondaire-rgb), 0.35);
outline-offset: 2px;
}
#formulaire_creer_compte input:not(.bdd_field_tinyint), #formulaire_creer_compte textarea {
height: fit-content;
text-align: left;
padding: 0.4rem;
border-radius: 0.6rem;
color: #272727;
font-weight: 200;
font-size: 1.2rem;
border: none;
}
#formulaire_creer_compte .select2-container--default .select2-selection--single {
border: none !important;
border-radius: 12px !important;
min-height: 2.6rem !important;
height: 2.6rem !important;
display: flex !important;
align-items: center !important;
padding: 0 1rem !important;
padding-right: 3.5rem !important;
}
#formulaire_creer_compte .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #272727;
font-weight: 200;
font-size: 1.1rem;
line-height: 2.6rem;
padding: 0 !important;
}
#formulaire_creer_compte .select2-container--default .select2-selection--single .select2-selection__arrow {
width: 1.6rem;
height: 1.6rem;
display: flex;
align-items: center;
justify-content: center;
right: 0.5rem;
top: 52%;
transform: translateY(-50%);
}
#formulaire_creer_compte .select2-container--default .select2-selection--single .select2-selection__arrow b{
width: 1rem !important;
height: 1rem !important;
background: url('data:image/svg+xml;utf8,') no-repeat center/contain !important;
border: none !important;
margin: 0 !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
}
#formulaire_creer_compte .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
background: url('data:image/svg+xml;utf8,') no-repeat center/contain !important;
}
#formulaire_creer_compte .select2-selection__clear {
font-size: 1.4rem;
padding-left: 0.3rem;
padding-top: 0.1rem;
}
#formulaire_creer_compte .select2-selection__placeholder {
color: var(--c-grey);
font-weight: 200 !important;
font-size: 1.1rem !important;
line-height: 2.6rem !important;
}
#formulaire_creer_compte #btn_creer_compte span {
vertical-align: text-top;
}
.padding-top-05rem {
padding-top: 0.5rem;
}
.padding-right-15rem {
padding-right: 1.5rem;
}
.padding-right-18rem {
padding-right: 1.8rem;
}
.padding-right-25rem {
padding-right: 2.5rem;
}
#formulaire_creer_compte h3.form-title {
display: inline-flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
justify-self: start;
align-self: start;
gap: 0.9rem;
margin: 0;
padding: 0 0 0.5rem;
color: #272727;
font-size: 1.3rem;
font-weight: 600;
text-align: left;
}
#formulaire_creer_compte h3.form-title::after {
content: "";
display: inline-block;
width: 42px;
border-top: 2.5px solid #161616;
}
#formulaire_creer_compte .ligne-informations-compte,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte,
#formulaire_creer_compte #section-facturation:not(.cache) {
display: grid;
grid-template-columns: minmax(0, 1fr);
column-gap: 2rem;
row-gap: 1rem;
margin-top: 2rem;
}
@media (min-width: 1100px) {
#formulaire_creer_compte .tableCreerCompte > .ligneCreerCompte:nth-child(2),
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte,
#formulaire_creer_compte #section-facturation:not(.cache) {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
#formulaire_creer_compte .ligne-informations-compte > h3,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte > h3,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte > .parentColumn1,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte > h3,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte > p,
#formulaire_creer_compte #section-facturation:not(.cache) {
grid-column: 1 / -1;
}
#formulaire_creer_compte .section-volontaire-grille {
display: contents;
}
#formulaire_creer_compte .ligne-informations-compte .parentColumn1,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte .parentColumn1,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte .parentColumn1,
#formulaire_creer_compte #section-facturation:not(.cache) .parentColumn1 {
display: block;
padding: 0;
}
#formulaire_creer_compte .ligne-informations-compte .childColumn1,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte .childColumn1,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte .childColumn1,
#formulaire_creer_compte #section-facturation:not(.cache) .childColumn1,
#formulaire_creer_compte .ligne-informations-compte .padding-right-18rem,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte .padding-right-18rem,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte .padding-right-18rem,
#formulaire_creer_compte #section-facturation:not(.cache) .padding-right-18rem {
padding-right: 0 !important;
}
#formulaire_creer_compte .choix-ligue-enseignement {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.25rem 1.5rem;
margin-top: 0.4rem;
}
#formulaire_creer_compte .choix-ligue-enseignement-option {
display: inline-flex;
align-items: center;
gap: 0.4rem;
white-space: nowrap;
cursor: pointer;
font-weight: 400;
}
#formulaire_creer_compte .dates-contrat-grille {
display: flex;
flex-wrap: wrap;
gap: 1rem;
width: 100%;
}
#formulaire_creer_compte .dates-contrat-grille .dates-contrat-champ {
flex: 1 1 200px;
min-width: 0;
}
#formulaire_creer_compte .dates-contrat-grille .dates-contrat-champ input {
box-sizing: border-box;
width: 100%;
}
#formulaire_creer_compte .champ-label {
display: block;
margin-bottom: 0.35rem;
font-size: 1rem;
font-weight: 400;
}
@media (max-width: 900px) {
#formulaire_creer_compte .ligne-informations-compte,
#formulaire_creer_compte #section-volontaire-mission > .ligne-mission-compte,
#formulaire_creer_compte #section-structure-accueil > .ligneCreerCompte,
#formulaire_creer_compte #section-facturation:not(.cache) {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
#contenu.main-container {
width: 100% !important;
max-width: 100% !important;
padding: 0 clamp(0.6rem, 3vw, 0.8rem) !important;
box-sizing: border-box;
}
.main-container,
#taille_responsive,
#section_creer_compte,
#contenu_page_creer_compte {
width: 100% !important;
max-width: 100% !important;
}
.section_form {
gap: clamp(1rem, 3vw, 1.5rem);
padding: 0;
max-width: 100%;
min-width: 0;
}
.section_form h2 {
display: inline-block;
width: auto;
max-width: 100%;
font-size: clamp(1rem, 6.2vw, 1.9rem);
line-height: 1.05;
white-space: nowrap;
}
.section_form h2:after {
display: none;
content: none;
}
.div_form,
.w-95percent {
width: 100% !important;
max-width: 100%;
min-width: 0;
}
.div_form {
padding: clamp(0.85rem, 3vw, 1rem);
border-radius: clamp(0.75rem, 2.5vw, 0.9rem);
}
#formulaire_creer_compte .tableCreerCompte {
row-gap: clamp(0.55rem, 2vw, 0.7rem);
}
#formulaire_creer_compte .parentColumn1 {
padding: 0 0 clamp(0.3rem, 1.5vw, 0.4rem) 0;
}
#formulaire_creer_compte .parentColumn1,
#formulaire_creer_compte .childColumn1 {
min-width: 0;
width: 100%;
}
#formulaire_creer_compte .childColumn1 {
display: block;
}
#formulaire_creer_compte .switch {
display: flex;
flex-wrap: nowrap;
gap: clamp(0.2rem, 1.2vw, 0.35rem);
width: 100%;
min-width: 0;
}
#formulaire_creer_compte .switch .switch-action-name {
font-size: clamp(0.78rem, 2.1vw, 0.9rem);
line-height: 1;
}
#formulaire_creer_compte span.switch-span {
font-size: clamp(0.78rem, 2.1vw, 0.9rem);
line-height: 1;
}
#formulaire_creer_compte input[type="checkbox"]:not(.bStructureAccueil) {
width: 1rem;
height: 1rem;
margin-right: 0.35rem;
border-width: 1.5px;
}
#formulaire_creer_compte input:not(.bdd_field_tinyint),
#formulaire_creer_compte textarea,
#formulaire_creer_compte .select2-container--default .select2-selection--single {
font-size: clamp(0.95rem, 2.5vw, 1rem);
}
#formulaire_creer_compte input:not([type="checkbox"]):not(.bdd_field_tinyint),
#formulaire_creer_compte textarea,
#formulaire_creer_compte select,
#formulaire_creer_compte .select2-container {
width: 100% !important;
max-width: 100%;
box-sizing: border-box;
}
#formulaire_creer_compte .select2-container .select2-selection--single,
#formulaire_creer_compte .select2-container .select2-selection--multiple {
width: 100% !important;
max-width: 100%;
box-sizing: border-box;
}
#formulaire_creer_compte .weight-200,
#formulaire_creer_compte label,
#formulaire_creer_compte .text-secondary,
#formulaire_creer_compte .lien_login {
font-size: clamp(0.88rem, 2.4vw, 1rem) !important;
white-space: normal;
overflow-wrap: break-word;
word-break: normal;
}
#formulaire_creer_compte .text-secondary {
display: block;
width: 100%;
}
#formulaire_creer_compte h3.form-title {
font-size: clamp(1rem, 5.4vw, 1.2rem);
white-space: nowrap;
}
#formulaire_creer_compte .select2-container--default .select2-selection--single .select2-selection__rendered,
#formulaire_creer_compte .select2-selection__placeholder,
#formulaire_creer_compte #btn_creer_compte span {
font-size: clamp(0.92rem, 2.4vw, 1rem) !important;
}
#formulaire_creer_compte .select2-container {
width: 100% !important;
}
#formulaire_creer_compte #btn_creer_compte {
width: 100%;
justify-content: center;
}
#formulaire_creer_compte .lien_login {
display: inline-block;
text-align: center;
width: 100%;
}
}
#table_annuaire {
width: 100%;
border: none;
border-spacing: 0.5rem 1rem;
}
#table_annuaire td, #table_annuaire th {
box-sizing: border-box;
}
#table_annuaire td.szContact {
text-align: center;
}
#table_annuaire tr:hover td {
background: #f3f3f3;
border-radius: 0.5rem;
cursor: pointer;
box-shadow: 0 0 0.5rem 0.5rem #f3f3f3;
}
#table_annuaire th {
text-align: left;
}
legend.section-formation-title {
color: var(--c-secondaire);
font-size: 1rem;
font-weight: 500;
text-transform: uppercase;
padding: 1rem;
}
fieldset.formation-title {
border: 0.1rem solid var(--c-secondaire);
border-left: none;
border-right: none;
border-bottom: none;
padding-top: 1rem;
}
#select2-sCategorie-container{
flex-direction: row !important;
}
/** Section block (mon compte, formulaires publics) **/
form#formulaire_mon_compte, form#form_changer_mot_de_passe
{
border: 1px solid var(--c-secondaire-fonce);
margin-bottom: 1.5rem;
background: var(--c-tertiaire);
padding: 1.5rem 2rem;
border-radius: 1rem;
}
form#formulaire_mon_compte input
{
font-size: 1rem;
}
form#formulaire_mon_compte .section-block, form#formulaire_mon_compte .section-title
{
display: block;
padding: 0rem;
font-weight: 600 !important;
}
form#formulaire_mon_compte .section-content, form#formulaire_mon_compte .section-title{
padding-left: 0rem;
padding-top: 0rem;
padding-bottom: 1rem;
}
form#formulaire_mon_compte .form_ligne{
padding-left: 0rem !important;
padding-bottom: 0rem;
padding-right: 0rem;
padding-top: 1rem !important;
}
.un_champ input {
margin: 0.5rem;
}
div.ligne{
display: inline-block; /* Empêche le passage à la ligne */
vertical-align: middle; /* Centre la ligne par rapport à la hauteur du texte */
width: 42px;
border: 2.5px solid #161616;
margin: 16px;
}
.bouton_transparent {
background-color: transparent !important;
color: var(--c-secondaire) !important;
border-radius: 2rem !important;
padding: 0.5rem 1rem;
font-size: 1.2rem;
font-weight: bold !important;
cursor: pointer;
}
.bouton_transparent span {
color: var(--c-secondaire) !important;
}
.bouton_transparent i {
background-color: var(--c-secondaire) !important;
color: white !important;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
padding: 0.1rem;
}
/* Plus spécifique que ".annuler i.material-icons" (fond blanc) : cercle transparent, bordure violette. */
.annuler.bouton_transparent i.material-icons {
}
.btn_action.action_authentification_btn_connexion, div.presentation_formation a, .btn_savoir_plus {
border-radius: 2rem !important;
}
.btn_action.action_authentification_btn_connexion i, .btn_savoir_plus i, #formation_savoir_plus i {
background-color: white !important;
color: var(--c-secondaire) !important;
border-radius: 50%;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
padding: 0.1rem;
}
/* Bouton public uniforme : forme/taille commune à tous les boutons d'action */
.bouton_public {
display: inline-flex !important;
align-items: center !important;
vertical-align: middle;
gap: 0.5rem;
height: 2.75rem !important;
box-sizing: border-box !important;
border-radius: 2rem !important;
width: auto !important;
font-weight: 700;
font-size: 0.95rem;
text-transform: uppercase;
letter-spacing: 0.02em;
text-decoration: none;
cursor: pointer;
white-space: nowrap;
padding: 0.25rem 0.25rem 0.25rem 1rem !important;
}
/* Bouton violet uniforme : fond violet, texte blanc, icône en pastille blanche */
.bouton_violet, .continue {
background-color: var(--c-secondaire) !important;
border-radius: 2rem !important;
}
.bouton_violet span, .continue span {
color: white !important;
font-weight: 400 !important;
}
.bouton_violet i.material-icons, .continue i.material-icons {
background-color: white !important;
color: var(--c-secondaire) !important;
border-radius: 50% !important;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
padding: 0.1rem;
}
.annuler {
border-radius: 2rem !important;
}
.annuler span {
color: var(--c-secondaire) !important;
font-weight: 400 !important;
}
.annuler i.material-icons {
background-color: var(--c-secondaire) !important;
color: white !important;
border-radius: 50% !important;
width: 1.5rem;
height: 1.5rem;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5rem;
padding: 0.1rem;
}
#formation_savoir_plus{
margin-top: 0.5rem;
margin-bottom: 1.5rem;
}
form#formulaire_mon_compte div.boutons_form {
justify-content: flex-start !important;
}
form#formulaire_mon_compte a.bouton span {
font-weight: 600 !important;
}
#btn_droit_oubli span, #btn_droit_oubli i {
color: var(--c-secondaire) !important;
font-weight: 400 !important;
}
#btn_droit_oubli span {
text-decoration: underline
}
label.error {
color: red !important;
font-size: 0.75em !important;
display: block;
}
/* Masquer les boutons prev/next */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
display: none !important;
}
/* Selects mois/année sur toute la largeur du header */
.ui-datepicker .ui-datepicker-title {
display: flex !important;
margin: 0 !important;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year {
flex: 1 !important;
width: 50% !important;
margin: 0 2px !important;
}
a.ui-state-default {
font-weight: 300 !important;
border-radius: 0.2rem !important;
text-align: center !important;
}
form#formulaire_mon_compte .btn_reinit_password{
color: var(--c-secondaire) !important;
}
/* Case à cocher "facturation différente" en radio plein violet */
#formulaire_mon_compte input.champ-radio-circle {
-webkit-appearance: none;
appearance: none;
width: 1rem;
height: 1rem;
margin: 0 0.6rem 0 0;
padding: 0 !important;
border: 3px solid var(--c-secondaire);
border-radius: 50%;
background: transparent;
vertical-align: middle;
cursor: pointer;
position: relative;
flex: 0 0 auto;
box-shadow: none !important;
outline: 2px solid var(--c-secondaire);
}
#formulaire_mon_compte input.champ-radio-circle:checked {
background: radial-gradient(circle, var(--c-secondaire) 0 38%, transparent 40% 100%);
}
#formulaire_mon_compte label.label-radio-circle {
vertical-align: middle;
cursor: pointer;
font-weight: 300;
}
/* Options "Type de formateur" : mêmes ronds violets que la case facturation, alignés en ligne */
#formulaire_mon_compte .radio-group {
display: flex;
flex-wrap: wrap;
gap: 0.6rem 1.5rem;
margin-top: 0.4rem;
}
.btn_connexion .material-icons {
margin-left: 10px;
vertical-align: middle; /* Assure l'alignement vertical si le bouton n'est pas en flex */
}
.btn_connexion span{
padding-left: 10px;
}
.btn_connexion{
padding-top: 0.4rem !important;
padding-bottom: 0.4rem !important;
}
form#formulaire_login div{
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
/* FCC-77 - Structure d'accueil */
.couleur-erreur {
color: var(--c-error-color, red);
font-size: 0.9rem;
display: block;
margin-top: 0.2rem;
}
.siret-suggestions {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #ddd;
border-radius: 0.4rem;
z-index: 100;
max-height: 200px;
overflow-y: auto;
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
/* Sécurité d'affichage : masque la div dès qu'elle n'a aucune suggestion, sans dépendre de la classe cache */
.siret-suggestions:empty {
display: none;
border: none;
box-shadow: none;
}
.siret-suggestion-item {
padding: 0.5rem 1rem;
cursor: pointer;
font-size: 1rem;
font-weight: 300;
}
.siret-suggestion-item:hover {
background: var(--c-primaire, #f0f0f0);
color: #fff;
}
#formulaire_edition_structure_accueil .select2-container {
position: relative;
top: 4px;
}
.text-secondary {
color: var(--c-secondaire) !important;
}
#formulaire_creer_compte input, #formulaire_creer_compte span.select2-selection.select2-selection--single {
box-shadow: #0000001A 3px 4px 10px;
}
#formulaire_creer_compte .select2-search__field {
box-shadow: none;
}
#formulaire_creer_compte #aPerimetreTerritorial + .select2 .select2-selection--multiple .select2-search--inline {
float: none;
width: 100%;
}
#formulaire_creer_compte #aPerimetreTerritorial + .select2.is-editing .select2-selection--multiple .select2-search--inline .select2-search__field {
width: 100% !important;
}
.btn_creer_compte {
padding-left: 1em !important;
}
.photo_accueil .picto_formation {
display: block;
}
.picto_formation {
width: 100%;
height: 460px;
opacity: 1;
border-top-left-radius: 150px;
border-top-right-radius: 150px;
object-fit: cover;
object-position: center 40%;
margin-bottom: 20px;
/* évite la déformation si le ratio de l'image ne correspond pas exactement à 1798x717 */
}
.titre_secondaire {
color: var(--c-secondaire) !important;
}
.event-card {
position: relative;
width: 49%;
box-sizing: border-box;
padding: 0 15px;
/* épaisseur du dégradé gauche/droite */
background: linear-gradient(126.88deg, #2821A9 0%, #B34474 50%, #AE90DC 98.96%);
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
margin-bottom: 40px;
}
.card-content {
background: #FAF7FF;
border-bottom-left-radius: 50px;
border-bottom-right-radius: 50px;
padding: 57px 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 24px;
height: 100%;
}
/* les anciens pseudo-éléments ne sont plus nécessaires */
.event-card::before,
.event-card::after {
content: none;
}
.event-card::before {
left: 0;
}
.event-card::after {
right: 0;
}
/* Header : date + statut / icône localisation */
.card-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
align-items: center;
}
.date-badge {
display: flex;
align-items: center;
gap: 12px;
}
.date-text {
font-size: 22px;
font-weight: 700;
color: #161616;
}
.status-pill {
padding: 4px 14px;
border: 1px solid #592494;
border-radius: 20px;
font-size: 12px;
font-weight: 600;
color: #592494;
}
.location-icon {
width: 44px;
height: 44px;
background: #592494;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.location-icon .material-icons {
color: #FAF7FF;
font-size: 22px;
}
/* Titre avec icône ronde */
.card-title-row {
display: flex;
align-items: flex-start;
gap: 14px;
width: 100%;
}
.title-icon {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.title-icon .material-symbols-outlined {
color: #592494;
font-size: 20px;
}
.card-title {
font-size: 20px;
font-weight: 700;
color: #161616;
margin: 0;
flex: 1;
/* prend l'espace restant disponible */
min-width: 0;
/* AUTORISE le retour à la ligne dans un conteneur flex */
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
}
/* Description */
.card-description {
font-size: 15px;
color: #444;
line-height: 1.5;
margin: 0;
}
/* Meta infos (durée, auteur, lieu) */
.card-meta {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 10px;
}
.card-meta li {
display: flex;
align-items: center;
gap: 8px;
font-size: 15px;
color: #444;
}
.meta-icon {
font-size: 18px;
color: #888;
}
.meta-location {
color: #888;
padding-left: 2px;
/* aligné avec le texte des autres lignes, sans icône */
}
/* Bouton CTA */
.card-cta {
margin-top: 10px;
width: fit-content;
background: #592494;
border: none;
border-radius: 33.5px;
color: white;
font-size: 16px;
font-weight: 700;
display: flex;
align-items: center;
gap: 16px;
padding: 14px 14px 14px 24px;
cursor: pointer;
}
.cta-icon {
width: 32px;
height: 32px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.cta-icon .material-icons {
color: #592494;
font-size: 18px;
}
.card-title.sTitreLibelle::after {
content: none !important;
}
strong {
font-weight: 600 !important;
}
#loader_formation.cache {
display: none;
}
#loader_formation {
display: flex;
justify-content: center;
padding: 30px 0;
}
#loader_formation .spinner {
width: 32px;
height: 32px;
border: 3px solid #ddd;
border-top-color: var(--c-secondaire, #333);
border-radius: 50%;
animation: spin 0.8s linear infinite;
}
#formulaire_mon_compte .boutons_form.form-action-bar{
margin-top: 1rem;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}