/* Échec de l'agrandissement. Renvoi du contenu non agrandi.
(214,22): run-time error CSS1030: Expected identifier, found ','
(214,34): run-time error CSS1031: Expected selector, found ')'
(214,34): run-time error CSS1025: Expected comma or open brace, found ')'
(239,16): run-time error CSS1030: Expected identifier, found 'i'
(239,17): run-time error CSS1031: Expected selector, found ')'
(239,17): run-time error CSS1025: Expected comma or open brace, found ')'
(640,34): run-time error CSS1046: Expect comma, found '0'
(640,38): run-time error CSS1046: Expect comma, found '/'
(642,42): run-time error CSS1046: Expect comma, found '0'
(642,46): run-time error CSS1046: Expect comma, found '/'
 */
/* POLICE */

/*Playfair*/
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-Regular.ttf');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-Italic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-Medium.ttf');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-MediumItalic.ttf');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-ExtraBoldItalic.ttf');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-Black.ttf');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Playfair Display';
    src: url('/Content/Conseillers/fonts/PlayfairDisplay/PlayfairDisplay-BlackItalic.ttf');
    font-weight: 900;
    font-style: italic;
}

/*Muli*/
@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-Regular.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-ExtraBold.ttf');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Muli';
    src: url('/Content/Conseillers/fonts/Muli-Black.ttf');
    font-weight: 900;
    font-style: normal;
}

/*PARAMETRAGE GLOBAL*/
body {
    background-color: #f3f0ee;
}

.layout{
    overflow:hidden;
}

div {
    font-family: 'Muli', sans-serif;
}

h1 {
    font-family: 'Playfair Display', serif;
    font-size: 45px;
    font-weight: 900;
    text-transform: none;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    margin:0;
    padding:0;
}

h2 {
    font-weight: 700;
    font-size: 18px;
    padding: 0;
    margin-bottom: 25px;
    text-transform: none;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: 'Muli', sans-serif;
}

h2 {
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #003db9;
    border-bottom: 1px solid #003db9;
    padding-bottom: 30px;
    display: inline-block;
    margin-bottom: 25px;
    text-transform: uppercase;
    min-width: 45%;
}

h3 {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    color: #003db9;
    font-weight: 900;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    border: 0;
}

h4 {
    font-size: 16px;
    color: #003db9;
    font-weight: 900;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: 'Muli', sans-serif;
}

p {
    font-family: 'Muli', sans-serif;
    font-size:15px;
    margin:0;
}

ul{
    list-style:none;
    margin:0;
    padding:0;
}

a {
    text-decoration: none;
    font-family: 'Muli', sans-serif;
    font-size:15px;
}

a:hover:not(.nav-link, .Actualite) {
    text-decoration: underline;
}

.Bloc a:hover span{
    text-decoration:underline;
}

a.button,
.CategorieNom,
.BlocDocument,
.min-button,
.Template_BlocPDF,
.BoutonContact,
.BoutonConnexionAgent,
.MenuGP a,
.MenuTab a {
    text-decoration: none !important;
}


label {
    font-family: 'Muli', sans-serif;
}

i:not(#BlocCms i){
    font-size:24px;
}

hr{
    opacity:1;
    height:1px;
}

img{
    width:100%;
}

input:focus {
    outline: none;
    box-shadow: none;
}

textarea:focus {
    outline: none;
    box-shadow: none;
}

input[type=checkbox] {
    cursor: pointer;
    color: #fff;
    width: 34px;
    height: 34px;
    border: solid 1px #003db9;
    display: flex;
    align-items: center;
    justify-content: center;
    -moz-appearance: none;
    -ms-appearance: none;
}

input[type=checkbox]:checked {
    background-color: #003db9;
    color: #fff;
    position: relative;
    content: '\2714';
}

input[type=checkbox]::before {
    display: block;
    font-size: 24px;
    content: '';
    /*content: '\2714';*/
}

input[type=checkbox]:checked::before {
    display: block;
    font-size: 14px;
    color: #fff;
    content: '\2714';
}

a.button{
    font-weight:900;
    padding:16px 60px;
    color:#fff;
    background-color:#003db9;
    display:inline-block;
    text-transform:uppercase;
}

a.button:hover {
    font-weight: 900;
    padding: 16px 60px;
    background-color: #326feb;
    border:0;
}

button.button {
    font-weight: 900;
    padding: 20px 60px;
    color: #fff;
    background-color: #003db9;
    border:0;
    text-transform:uppercase;
}

.dnone{
    display:none;
}

.Bold{
    font-weight:700;
}

.icon-arrow-right::before {
    vertical-align: initial !important;
}

section.GrandPublic {
    min-height:calc(100vh - 153px - 44px - 4rem);
}

.Notifications {
    width: 100%;
    align-items: center;
    position: fixed;
    bottom: 0.5rem;
    display: flex;
    flex-direction: column;
}
.Notifications div.alert{
    width: 98%;
}

/* LAYOUT */
.GrandPublic{
    background-color:#fff;
}

.GrandPublic .ContainerGrandPublic{
    margin:0 20rem;
}

/*COOKIES*/
.Accepter {
    background-color: #003db9;
    color: #fff!important;
}
.Accepter:hover {
    background-color: #fff!important;
    color: #003db9!important;
}

.ContainerCookies {
    position: absolute;
    width: 100%;
    top: -153px;
}

.OverlayCookies {
    position: fixed;
    z-index: 1000000;
    background: #000;
    opacity: 0.6;
    width: 100%;
    height: 200vh;
}

.Cookies {
    width: 1000px;
    position: fixed;
    background-color: #fff;
    padding: 2rem;
    z-index: 2000000;
    left: calc(50% - 500px);
    transform: translateY(-50%);
    top: 50%;
}

.Cookies i {
    position: absolute;
    right: 2rem;
    top: 2rem;
    color: #003db9;
}

.Cookies i:hover {
    cursor: pointer;
}

.ContentCookies {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ContentCookies .CTA {
    margin-top: 1rem;
    display: flex;
    align-self: center;
}

.ContentCookies .CTA a:hover {
    color: #fff;
    border: 1px solid #003db9;
    background-color: #003db9;
}

.ContentCookies .CTA a {
    padding: 1rem 5rem;
    cursor: pointer;
    border: 1px solid #003db9;
    color: #003db9;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    margin-right: 2rem;
    user-select: none;
}

.ContentCookies div.Paragraphe.CookiesInput .Texte {
    width: 70%;
}

.ContentCookies div.Paragraphe.CookiesInput .Input {
    width: 30%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.ContentCookies div.Paragraphe.CookiesInput {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.Cookies .ContentCookies label.switch {
    width: 60px;
    height: 30px;
    border-radius: 40px;
    background-color: #003db9;
    position: relative;
}

.Cookies .ContentCookies .Paragraphe.CookiesInput .Input .Etat {
    text-transform: uppercase;
    position: absolute;
    font-size: 10px;
    font-weight: 700;
    color: #d5d8dc;
}

.Cookies .ContentCookies .Paragraphe.CookiesInput .Input .Desactive {
    left: 40px;
}

.Cookies .ContentCookies .Paragraphe.CookiesInput .Input .Active {
    right: 60px;
}

.InputActive {
    color: #003db9 !important;
}

label.switch > span {
    display: block;
    width: 50%;
    height: 75px;
    border-radius: 40px;
}

label.switch > input[type="checkbox"]:checked ~ span::before {
    transform: scale(0);
    opacity: .7;
}

label.switch > span::before {
    width: 103%;
    height: 100%;
    box-sizing: border-box;
    background-color: #f1f1f1;
    border-radius: 60px;
    transition: opacity .2s ease-out .1s, transform .2s ease-out .1s;
    transform: scale(1);
    opacity: 1;
}

label.switch > span::before, label.switch > span::after {
    content: "";
    cursor: pointer;
    position: absolute;
}

label.switch > span::after {
    top: 50%;
    z-index: 3;
    transition: transform .4s cubic-bezier(0.44,-0.12, 0.07, 1.15);
    width: calc(60px / 2);
    height: calc(60px / 2);
    transform: translate3d(0, -50%, 0);
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
}

label.switch > input[type="checkbox"]:checked ~ span::after {
    transform: translate3d(100%, -50%, 0);
}

.Cookies .ContentCookies label.SwitchLock {
    width: 60px;
    height: 30px;
    border-radius: 40px;
    background-color: #f1f1f1;
    position: relative;
    cursor: default;
}

label.SwitchLock > span {
    display: block;
    width: 50%;
    height: 75px;
    border-radius: 40px;
}

label.SwitchLock > span::before, label.SwitchLock > span::after {
    content: "";
    cursor: pointer;
    position: absolute;
}

label.SwitchLock > span::after {
    top: 50%;
    z-index: 3;
    transition: transform .4s cubic-bezier(0.44,-0.12, 0.07, 1.15);
    width: calc(60px / 2);
    height: calc(60px / 2);
    transform: translate3d(100%, -50%, 0);
    background-color: #fff;
    border-radius: 100%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    cursor: default;
}

.Cookies .ContentCookies input[type="checkbox"] {
    display: none;
}

.ContainerCookies .Paragraphe {
    margin-bottom: 1rem;
    text-align: justify;
}

.ContainerCookies div:first-child div {
    margin-bottom: 1rem;
}

.ContainerCookies h3 {
    margin-bottom: .2rem;
}

/*MENU*/
.NavGrandPublic {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 2rem;
    background-color: #fff;
    align-items:flex-end;
}

.NavGrandPublic a:not(.BoutonConnexionAgent){
    color:#003db9;
}

.NavGrandPublic .MenuLogo {
    width: 140px;
}

.MenuLogo hr {
    width: 100%;
    position: absolute;
    top: 90px;
    height: 2px !important;
    z-index: 10;
    left: 190px;
    color: #b9b3ae;
    opacity: 1;
}

.NavGrandPublic .MenuTexte {
    width: calc(100% - 140px);
    display:flex;
    flex-direction:row;
    justify-content:flex-end;
    align-items:baseline;
}

.MenuTexte .MenuGP {
    display: flex;
    flex-direction: row;
    width: calc(100% - 303px);
    justify-content: flex-end;
}

.MenuMobile {
    display:none;
}

.MenuTexte .MenuGP .Niveau1 ul{
    display:none;
}

.MenuTexte .MenuGP .Niveau1:hover ul,
.MenuTexte .MenuGP .Niveau1:hover ul:active,
.MenuTexte .MenuGP .Niveau1:hover ul:focus {
    display: block;
    position: absolute;
    top: 106px;
    background-color: #fff;
    border-top: 2px solid #003db9;
    z-index: 1000;
    background-color: #fff;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
}

.MenuTexte ul li a,
.MenuTexte ul li span {
    user-select:none;
}

.MenuMobile {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #003db9;
    font-weight: 700;
    cursor: pointer;
    margin-left: 1rem;
    padding-bottom:2px;
}

.NavGrandPublic {
    align-items: center;
}

.MenuMobile hr {
    opacity: 1;
    height: 3px;
    color: #003db9;
    margin: 0;
    margin-top: 5px;
}

.NavBouton {
    display: flex;
}

.OffCanvasGrandPublic ul.dropdown-menu.show {
    display: block;
    position: initial !important;
    transform: none !important;
    background-color: transparent !important;
    border: 0;
    padding: 0;
}

.OffCanvasGrandPublic ul.dropdown-menu.show li {
    padding-left: 1rem;
    margin: 1rem 0;
}

.OffCanvasGrandPublic .dropdown-toggle-split {
    padding: 0 8px;
    color: #003db9;
    background-color: transparent;
    box-shadow: none;
    border: 0;
    border-radius: 14px;
    position: absolute;
    right: -26px;
    font-size: 22px;
    top: -4px;
}

.OffCanvasGrandPublic .dropdown-toggle-split.show {
    transform: rotate(180deg);
}

.OffCanvasGrandPublic .btn-secondary.dropdown-toggle:focus {
    box-shadow: none;
}


#offcanvasGP {
    background-color: #f3f0ee;
    width: 400px;
    overflow-y: scroll;
}

#offcanvasGP i {
    position: absolute;
    cursor: pointer;
    color: #003db9;
    top: 50px;
    right: 50px;
}



.NavBoutonMobile a {
    display:inline-block;
    border: 0;
    margin-bottom: 1rem;
    margin-left: 4rem;
    padding:1rem;
    width:152px;
    line-height:1;
}
.NavBoutonMobile a:first-child {
    background-color:#fff;
    color:#003db9;
    border:1px solid #003db9;
}
.NavBoutonMobile a:last-child {
    background-color: #003db9;
    color: #fff;
    border: 1px solid transparent;
}

.NavBoutonMobile a:hover:first-child {
    background-color: #003db9;
    color: #fff;
    border-color:transparent;
}
.NavBoutonMobile a:hover:last-child {
    background-color: #fff;
    color: #003db9;
    border-color: #003db9;
}

.OffCanvasGrandPublic .MenuTab {
    list-style-type: none;
    margin-top: 6rem;
    margin-left: 4rem;
}

.OffCanvasGrandPublic .MenuTab a {
    color: #003db9;
}

.OffCanvasGrandPublic .MenuTab .Niveau1 {
    margin-bottom: 2rem;
    position: relative;
    max-width: 78%;
}
.OffCanvasGrandPublic .MenuTab .Niveau1:last-child {
    margin-bottom: 3rem;
}
.SousMenu {
    display: block;
    position: initial;
    margin: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: #f3f0ee;
}
.SousMenu li {
    padding: 0;
    padding-left: 2rem;
    margin: 0;   
}

.MenuTexte .MenuGP .Niveau1:hover li {
    padding:1rem;
}
.MenuTexte .MenuGP .Niveau1 {
    padding-right:1rem;
    padding-bottom:3rem;
    white-space:nowrap;
}

.MenuTexte .MenuGP .Niveau1 span{
    color:#003db9!important;
}
.OffCanvasGrandPublic .Niveau1 span {
    color: #003db9 !important;
}

.MenuTexte .NavBouton{
    white-space: nowrap;
}

.MenuTexte .NavBouton a {
    padding: .6rem 1rem;
    border: 1px solid #003db9;
    white-space:nowrap;
}

.BoutonConnexionAgent{
    background-color:#003db9;
    color:#fff;
    margin-left:1rem;
}

.BoutonConnexionAgent:hover {
    background-color: #fff;
    color: #003db9;
}

.BoutonContact:hover {
    background-color:#003db9;
    color: #fff!important;
}

/*************/
/*** ACTUS ***/
/*************/
.PageActualites {
    padding-bottom: 2rem;
}

.CategoriesListe{
    width:100%;
    margin-bottom:2rem;
}
.CategoriesListe .Selectionnee {
    background-color: #003db9 !important;
    color: #fff !important;
}

.CategoriesListe button.ToggleDrouot{
    display:none;
}

.CategoriesListe .CategorieNom {
    min-width: 180px;
    cursor: pointer;
    color: #1e1914;
    padding: 1rem;
    background-color: #f3f0ee;
    font-weight: 700;
    user-select: none;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-right: 1rem;
}

.CategoriesListe .CategorieNom:last-child {
    margin-right: 0rem;
}

.ListeActualite {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
}

.Actualite {
    background-color: #f3f0ee;
    overflow: hidden;
    text-overflow: ellipsis;
    position:relative;
}
.Actualite:hover {
    background-color: #003db9;
    cursor: pointer;
}
.Actualite a {
    text-decoration: none!important;
}

.Actualite:hover .ActuTexte h1 {
    color: #fff;
}
.Actualite:hover .ActuTexte .Colonne p {
    color: #fff;
}
.Actualite:hover .ActuTexte hr {
    background-color: #fff;
}
.Actualite:hover .ActuTexte .Description {
    color: #fff;
}
.Actualite:hover .Consulter {
    color: #fff;
}
.Actualite:hover .ellipsis::after {
    background: linear-gradient(to right, rgba(0, 61, 185, 0), rgba(0, 61, 185, 1) 100%);
}


.Actualite .ActuTexte {
    margin: 1.5rem;
}

.Actualite .ActuTexte h1 {
    font-family:Muli, sans-serif;
    font-size: 22px;
    font-weight: 700;
    color: #003db9;
    margin-bottom: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 54px;
}
.Actualite .ActuTexte hr {
    margin-bottom: 2rem;
    height: 2px;
    background-color: #003db9;
    opacity: 1;
}

.Actualite .ActuTexte .Colonne {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
    color: #1e1914;
}
.Actualite .ActuTexte .Colonne p:first-child {
    text-transform: uppercase;
    font-weight: 700;
    width: 40%;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Actualite .ActuTexte .Colonne p:last-child {
    text-transform: uppercase;
    font-weight: 700;
    width: 60%;
    text-align: right;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Actualite .ActuTexte .Description {
    overflow: hidden;
    margin-bottom: 4rem;
    text-align: justify;
    color: #1e1914;
    position:relative;
}

.Consulter {
    text-transform: uppercase;
    font-weight: 900;
    align-items: center;
    color: #1e1914;
    display: flex;
    align-items: center;
    position:absolute;
    bottom:1.5rem;
}
.Consulter i {
    margin-right: 10px;
}

.ellipsis {
    position: relative;
}

.ellipsis:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 1.6em;
    background: linear-gradient(to right, rgba(243, 240, 238, 0), rgba(243, 240, 238, 1) 100%);
}

.Actualite:hover .ellipsis:after {
    background: linear-gradient(to right, rgba(0, 61, 185, 0), rgba(0, 61, 185, 1) 100%);
    display: inline-block;
}

.Actualite .ellipsis:after {
    content: "";
    width: 25%;
    height: 1.05rem;
    background: linear-gradient(to right, rgba(243, 240, 238, 0), rgba(243, 240, 238, 1) 100%);
    display: inline-block;
    margin-left: -5rem;
    position: relative;
}

/**************/
/*** FOOTER ***/
/**************/

footer {
    margin: 2rem;
}
footer img {
    width: 44px;
    height: 44px;
}
footer a {
    color: #212529;
    font-size: 12px;
}
footer p {
    font-size: 12px;
}

.FooterContainer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #f3f0ee;
}
.FooterContainer .FooterLogo {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    width: 35%;
}
.FooterContainer .FooterLogo p {
    margin: 0;
    margin-left: 1rem;
}
.FooterContainer .MentionsLegales {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    width: 65%;
}
.ContainerMentionsLegales .MentionsLegales div {
    margin-bottom: 1rem;
}
.FooterContainer .MentionsLegales p {
    margin: 0;
}

/***********************************************/
/*** MENTIONS LEGALES + DONNEES PERSONNELLES ***/
/***********************************************/
.ContainerMentionsLegales .MentionsLegales{
    padding-bottom:2rem;
    text-align:justify;
}
.ContainerMentionsLegales .MentionsLegales h3{
    margin-bottom:.4rem;
}
.ContainerMentionsLegales ul {
    margin-left: 3rem;
    list-style:disc;
}
.ContainerMentionsLegales ul li{
    padding-left: 1rem;

}
.ContainerMentionsLegales .MentionsLegales h4 {
    text-decoration:underline;
    margin-top:.5rem;
    margin-bottom: .5rem;
}

/*****************/
/*** BLOCS CMS ***/
/*****************/
#BlocCms .Bloc{
    padding-bottom:3rem;
}

/*#BlocCms .Bloc:last-child {
    margin-bottom: 0rem;
}*/

#BlocCms .Bloc.element_Template_HeaderAvecImageTitreEtBoutonCentre:last-child,
#BlocCms .Bloc.element_Template_HeaderAvecImageEtBoutonGauche:last-child,
#BlocCms .Bloc.element_Template_HeaderAvecImageTitreBlanc:last-child,
#BlocCms .Bloc.element_Template_HeaderAvecImageTitreNoir:last-child {
    padding-bottom: 0rem;
}

#BlocCms .Bloc.element_Template_BlocPDF{
    padding-bottom: 0rem;
}
.Bloc.element_Template_BlocPDF + .Bloc:not(.element_Template_BlocPDF){
    padding-top:4rem;
}

#BlocCms .Bloc.element_Template_TitreH1 {
    padding-bottom: 0rem;
}

#BlocCms img {
    width: 100%;
}

/***********/
/*** CMS ***/
/***********/

.Contenu p i strong {
    font-weight:700;
    font-style:italic;
}


.element_Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
    padding: 0 -20rem;
}
.element_Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
    padding: 0 -20rem;
}
.element_Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
    padding: 0 -20rem;
}
.element_Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
    padding: 0 -20rem;
} 

/*Template_HeaderAvecImageTitreBlanc*/
div.element_Template_HeaderAvecImageTitreBlanc {
    margin: 0 -20rem;
}

.Template_HeaderAvecImageTitreBlanc {
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
}

.Template_HeaderAvecImageTitreBlanc .CmsBlocImage {
    width:100%;
}

.Template_HeaderAvecImageTitreBlanc .CmsBlocTexte{
    position:absolute;
    width:100%;
    color:#fff;
    padding:0 10rem;
}

.Template_HeaderAvecImageTitreBlanc h2 {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    border-bottom: none;
    padding: 0;
    margin-bottom: 0;
    text-transform: none;
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Template_HeaderAvecImageTitreNoir*/
div.element_Template_HeaderAvecImageTitreNoir {
    margin: 0 -20rem;
}

.Template_HeaderAvecImageTitreNoir {
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
}

.Template_HeaderAvecImageTitreNoir .CmsBlocImage {
    width: 100%;
}

.Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
    position: absolute;
    width: 100%;
    color: #212529;
}

.Template_HeaderAvecImageTitreNoir h2 {
    font-weight: 700;
    font-size: 18px;
    color: #212529;
    border-bottom: none;
    padding: 0;
    margin-bottom: 25px;
    text-transform: none;
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*Template_TitreImageEtParagrapheAGauche*/
.Template_TitreImageEtParagrapheAGauche{
    display:flex;
    flex-direction:row;
    width:100%;
    align-items:center;
}

.Template_TitreImageEtParagrapheAGauche .BlocImage{
    width:60%;
}

.Template_TitreImageEtParagrapheAGauche > div:not(.BlocImage) {
    width: 40%;
    padding-left:4rem;
    position:relative;
}

.Template_TitreImageEtParagrapheAGauche > div:not(.BlocImage) > div{
    margin-top:4rem;
    

}

.Template_TitreImageEtParagrapheAGauche div:not(.BlocImage) h1{
    margin-bottom:1rem;
    color:#003db9;
}

.Template_TitreImageEtParagrapheAGauche div:not(.BlocImage) h2 {
    font-weight: 700;
    color: #003db9;
    border-bottom: none;
    margin-bottom:2rem;
    text-transform:uppercase;
    font-size:24px;
    padding:0;
    text-align:left;
}

.Template_TitreImageEtParagrapheAGauche div:not(.BlocImage) hr{
    position:absolute;
    left:-4rem;
    width:300px;
    opacity:1;
    color:#003db9;
}

.Template_TitreImageEtParagrapheAGauche div:not(.BlocImage) p {
    max-height: 20rem;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    color: #212529;
}

.Template_TitreImageEtParagrapheADroite blockquote p,
.Template_TitreImageEtParagrapheAGauche blockquote p {
    margin-top: 0 !important;
}

/*Template_TitreImageEtParagrapheADroite*/
.Template_TitreImageEtParagrapheADroite {
    display: flex;
    flex-direction: row;
    width: 100%;
    align-items: center;
}

.Template_TitreImageEtParagrapheADroite .BlocImage {
    width: 60%;
}

.Template_TitreImageEtParagrapheADroite div:not(.BlocImage) h1 {
    margin-bottom: 1rem;
    color:#003db9;
}

.Template_TitreImageEtParagrapheADroite div:not(.BlocImage) h2 {
    font-weight: 700;
    color: #003db9;
    border-bottom: none;
    margin-bottom: 2rem;
    text-transform: uppercase;
    font-size: 24px;
    padding:0;
    text-align:left;
}

.Template_TitreImageEtParagrapheADroite div:not(.BlocImage) hr {
    position: absolute;
    right: -4rem;
    width: 300px;
    opacity: 1;
    color:#003db9;
}

.Template_TitreImageEtParagrapheADroite > div:not(.BlocImage) > div {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    margin-top: 4rem;
    color: #212529;
}

.Template_TitreImageEtParagrapheADroite > div:first-child {
    width: 40%;
    padding-right: 5rem;
    position: relative;
}

/*Template_HeaderAvecImageTitreEtBoutonCentre*/
div.element_Template_HeaderAvecImageTitreEtBoutonCentre {
    margin: 0 -20rem;
}

.Template_HeaderAvecImageTitreEtBoutonCentre {
    display: flex;
    position: relative;
    align-items: center;
    text-align: center;
}

.Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocImage {
    width: 100%;
}

.Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
    position: absolute;
    width: 100%;
    color: #fff;
    padding:0 20rem;
}

.Template_HeaderAvecImageTitreEtBoutonCentre h2 {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    border-bottom: none;
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    text-transform: none;
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Template_QuatreColonnes*/
.Template_QuatreColonnes {
    display: flex;
    flex-direction: row;
}

.Template_QuatreColonnes > div {
    width: 25%;
    margin-right:3rem;
}

.Template_QuatreColonnes h4 {
    margin-bottom: 1rem;
}

.Template_QuatreColonnes div:last-child {
    margin-right: 0;
}

.Template_QuatreColonnes div hr {
    width: 80%;
    color: #003db9;
}

/*Template_HeaderAvecImageEtBoutonGauche*/
.element_Template_HeaderAvecImageEtBoutonGauche {
    margin:0 -20rem;
}

.Template_HeaderAvecImageEtBoutonGauche {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.Template_HeaderAvecImageEtBoutonGauche div {
    width: 100%;
}

.Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
    position: absolute;
    padding-left: 2rem;
}

.Template_HeaderAvecImageEtBoutonGauche h2 {
    font-weight: 700;
    font-size: 18px;
    color: #212529;
    border-bottom: none;
    padding: 0;
    margin-bottom: 25px;
    text-transform: none;
    width: 100%;
    max-height: 12rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*Template_BlocPDF*/
.Template_BlocPDF {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 1rem;
    cursor: pointer;
    user-select: none;
}

.Template_TexteBlocPDF {
    display: block;
    width: 90%;
    overflow-wrap: anywhere;
    word-break: keep-all;
    color: #1e1914;
}

.Template_IconeBlocPDF {
    display: block;
    width: 10%;
    text-align: right;
    color: #003db9;
}

.Template_BlocPDF:hover {
    color: #212529;
    background-color: #fff;
    cursor: pointer;
    box-shadow: 0 0 30px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0, 0.1);
}

.Template_BlocPDF:hover .Template_TexteBlocPDF {
    color: #003db9;
}

/*Template_Paragraphe*/
.Template_Paragraphe h1 {
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    font-weight: 900;
    color: #003db9;
    border-bottom: 1px solid #003db9;
    padding-bottom: 30px;
    display: inline-block;
    margin-bottom: 25px;
    text-transform: uppercase;
}

.Template_Paragraphe p {
    text-align:justify;
}

blockquote {
    margin: 0 auto;
}

blockquote p {
    position: relative;
    display: inline;
    font-style: italic;
}

.ContainerBlockquote {
    position:relative;
    display:inline-block;
}

.BlockquoteGauche::before,
.BlockquoteDroit::before {
    font-size: 4em;
    position: absolute;
    color: #9c9691;
}

.BlockquoteGauche,
.BlockquoteDroit {
    display: inline-block;
    width: 2rem;
    height: 40px;
    background-color: transparent;
}

.BlockquoteGauche::before {
    display: block;
    background-color: transparent;
    content: '“';
    position: absolute;
    top: 3px;
}
.BlockquoteDroit {
    height:auto;
    position:relative;
}

.BlockquoteDroit::before {
    display: block;
    background-color: transparent;
    content: '”';
    position: absolute;
    right:0;
    bottom:-58px;
}
#BlocCms ul {
    list-style: disc;
    padding-left: 3rem;
}
#BlocCms ol {
    list-style-type: decimal;
    padding-left: 3rem;
}

.table table tbody tr:first-child td {
    color: #003db9;
    font-weight: 900;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 5px;
}

.table table tbody tr td {
    height: 40px;
    color: #1e1914;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
}

.table table tbody tr:first-child {
    background-color: #fff !important;
}

.table table tbody tr:nth-child(2n) {
    background-color: #f3f0ee;
}

.table table tbody tr {
    border: 0 !important;
}

.table table {
    width: 100%;
}

/*Template_DeuxColonnes*/
.Template_DeuxColonnes {
    display: flex;
    flex-direction: row;
}

.Template_DeuxColonnes > div:first-child {
    margin-right: 5rem;
}

.Template_DeuxColonnes > div {
    width: 50%;
}

.Template_DeuxColonnes p {
    text-align: justify;
}

.Template_DeuxColonnes hr {
    width: 80%;
    color: #003db9;
}

.Template_DeuxColonnes h4 {
    margin-bottom: 1rem;
}

/*Template_TroisColonnes*/
.Template_TroisColonnes {
    display: flex;
    flex-direction: row;
}

.Template_TroisColonnes > div:first-child {
    margin-right: 4rem;
}

.Template_TroisColonnes > div {
    width: 33%;
}

.Template_TroisColonnes > div:last-child {
    margin-right: 0rem;
    margin-left: 4rem;
}

.Template_TroisColonnes hr {
    width: 80%;
    color: #003db9;
}

.Template_TroisColonnes h4 {
    margin-bottom: 1rem;
}

.Template_TroisColonnes p {
    text-align: justify;
}

/*Template_QuatreColonnes*/
.Template_QuatreColonnes {
    display: flex;
    flex-direction: row;
}

.Template_QuatreColonnes > div {
    width:25%;
    margin-right: 3rem;
}

.Template_QuatreColonnes div:last-child {
    margin-right: 0;
}

.Template_QuatreColonnes div hr {
    width: 80%;
    color: #003db9;
}

.Template_QuatreColonnes h4 {
    margin-bottom: 1rem;
}

.Template_QuatreColonnes p {
    text-align: justify;
}


/********************/
/*** PAGE CONTACT ***/
/********************/
#ContactFormulaire {
    padding-bottom: 2rem;
}

.ContainerGrandPublicContact .DoubleCol {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 3rem;
}

.ContainerGrandPublicContact .ContactCoordonnees {
    width: 100%;
    position: relative;
    padding-top: 1rem;
    padding-left: 4rem;
    margin-bottom:4rem;
}

.ContainerGrandPublicContact  .ContactCoordonnees h1 {
    color: #003db9;
    margin-bottom: 25px;
}

.ContainerGrandPublicContact .ContactCoordonnees hr {
    position: absolute;
    width: 300px;
    height: 1px;
    color: #003db9;
    opacity: 1;
    left: -50px;
    margin: 0;
}

.ContainerGrandPublicContact  .ContactCoordonnees .ContactCoordonneesInfos {
    margin-top: 50px;
}

.ContainerGrandPublicContact  .ContactCoordonnees .ContactCoordonneesInfos div {
    margin-bottom: 1rem;
}

.ContainerGrandPublicContact  .ContactCoordonnees .ContactCoordonneesInfos div h4 {
    color: #000000;
    font-size: 15px;
}

.ContainerGrandPublicContact .ContactFormulaire {
    width: 60%;
}

.FormulaireChoix {
    margin-bottom: 2rem;
}

.FormulaireChoix .Choix input {
    display: none;
}

.FormulaireChoix .Choix label {
    /*color: #9b9590;*/
    color: #003db9;
    padding: 1.5rem 3rem;
    /*border: 1px solid #9b9590;*/
    border: 1px solid #003db9;
    user-select: none;
}

.FormulaireChoix input[type="radio"]:checked + label {
    color: #fff;
    text-transform:uppercase;
    font-weight:700;
    background-color:#003db9;
    border: 1px solid #003db9;
}

.FormulaireChoix .Choix label:hover {
    cursor: pointer;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireTexte {
    display: flex;
    flex-direction: column;
    margin-bottom: 1rem;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireTexte label {
    margin-bottom: .2rem;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireInformationsSaisies {
    margin: 2rem 0rem;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireInformationsSaisies div {
    display: flex;
    flex-direction: row;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireInformationsSaisies input[type="checkbox"] {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    min-height: 20px !important;
    margin-right: .5rem;
    padding: 0;
}

.FormulaireChoix div {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireTexte input {
    background-color: #F3f0ee;
    padding: 1rem;
    border: 0;
    color: #212529;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireTexte #Message {
    min-height: 10rem;
    background-color: #F3f0ee;
    padding: 1rem;
    border: 0;
}

.ContainerGrandPublicContact .ContactFormulaire .Formulaire .FormulaireInformationsSaisies label {
    text-align: justify;
    font-size: 14px;
}

/*MSG ERREURS FORMULAIRE*/
.FormulaireTexte.ErreurChampsVide input {
    border: 1px solid red !important;
}
input.ErreurChampsVide,
textarea.ErreurChampsVide {
    border: 1px solid red !important;
}

.FormulaireChoix .MsgErreurFormulaire {
    margin-bottom: 0rem;
    margin-top: .2rem;
    color: #ff3110;
    font-weight: 700;
    text-align: center;
    margin-top: 2rem;
}

.FormulaireInformationsSaisies .MsgErreurFormulaire {
    color: #ff3110;
    font-weight: 700;
    text-align: left;
    margin-top: .2rem;
    padding-left: 1.8rem;
}

.MsgErreurFormulaire {
    margin-bottom: 0rem;
    margin-top: .2rem;
    color: #ff3110;
    font-weight: 700;
    text-align: left;
}

/*AUTREs*/
.ContainerGrandPublic .img-presentation {
    margin-left: -20rem;
    margin-right: -20rem;
    margin-bottom: 4rem;
}

.TabGestionCookies {
    margin-bottom:2rem;
}

.TabGestionCookies table{
    margin-bottom: 0rem;
}

.TabGestionCookies table th {
    color: #003db9;
    font-weight: 900;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 5px;
    vertical-align: middle;
    min-width:10rem;
}
.TabGestionCookies tbody tr:nth-child(2n+1) {
    background-color: #f3f0ee;
}

.TabGestionCookies td {
    height: 40px;
    color: #1e1914;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
}

.container-presentation ul {
    list-style: disc !important;
    padding-left: 2rem !important;
    margin-bottom: 1rem !important;
}
.container-presentation p {
    margin-bottom:1rem!important;
}

/******************/
/*** RESPONSIVE ***/
/******************/

@media screen and (max-width: 1880px) {
    .GrandPublic .ContainerGrandPublic {
        margin: 0rem 10rem;
    }

    div.element_Template_HeaderAvecImageTitreBlanc{
        margin:0 -10rem;
    }
    div.element_Template_HeaderAvecImageEtBoutonGauche {
        margin: 0 -10rem;
    }
    div.element_Template_HeaderAvecImageTitreEtBoutonCentre {
        margin: 0 -10rem;
    }
    div.element_Template_HeaderAvecImageTitreNoir {
        margin: 0 -10rem;
    }
    .element_Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
        padding: 0 -10rem;
    }
    .element_Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
        padding: 0 -10rem;
    }
    .element_Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
        padding: 0 -10rem;
    }
    .element_Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
        padding: 0 -10rem;
    }

    .ContainerGrandPublic .img-presentation {
        margin: 0 -10rem;
        margin-bottom: 4rem;
    } 
}

@media screen and (max-width: 1346px) {
    h1{
        font-size:42px;
    }
    h2{
        font-size:22px;
    }
    div, p, a, span {
        font-size: 14px;
    }

    .Actualite .ActuTexte .Colonne {
        flex-direction: column;
    }
    .Actualite .ActuTexte .Colonne p:first-child {
        width: 100%;
        text-align: left;
    }
    .Actualite .ActuTexte .Colonne p:last-child {
        width: 100%;
        text-align: left;
    }

    .GrandPublic .ContainerGrandPublic {
        margin: 0rem 4rem;
    }
    div.element_Template_HeaderAvecImageTitreBlanc {
        margin: 0 -4rem;
    }
    div.element_Template_HeaderAvecImageEtBoutonGauche {
        margin: 0 -4rem;
    }
    div.element_Template_HeaderAvecImageTitreEtBoutonCentre {
        margin: 0 -4rem;
    }
    div.element_Template_HeaderAvecImageTitreNoir {
        margin: 0 -4rem;
    }
    .element_Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
        padding: 0 4rem;
    }
    .element_Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
        padding: 0 4rem;
    }
    .element_Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
        padding: 0 4rem;
    }
    .element_Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
        padding: 0 4rem;
    }

    .ContainerGrandPublic .img-presentation {
        margin: 0 -4rem;
        margin-bottom: 4rem;
    } 
}

@media screen and (max-width: 1100px) {
    .CategoriesListe button.ToggleDrouot.collapsed {
        display: block;
        position: relative;
        border: 1px solid #003db9;
        border-radius: 0;
        background-color: #fff;
        width: calc(34.6% - 2rem);
        max-width: 100%;
        text-align: left;
        padding: 1rem;
    }
    .CategoriesListe button.ToggleDrouot {
        display: block;
        position: relative;
        border: 1px solid #003db9;
        border-radius: 0;
        background-color: #003db9;
        width: calc(34.6% - 2rem);
        max-width: 100%;
        text-align: left;
        padding: 1rem;
    }

    .CategoriesListe button.ToggleDrouot #CategorieActif {
        color: #fff;
        font-weight: 500;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        font-size: 14px;
        font-weight: 700;
    }
    .CategoriesListe button.ToggleDrouot.collapsed #CategorieActif {
        color: #003db9;
        font-weight: 500;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 90%;
        font-size:14px;
        font-weight:700;
    }

    .CategoriesListe button.ToggleDrouot.collapsed svg {
        position: absolute;
        right: 5px;
        top: 30%;
        fill: #003db9;
        background-color: #fff;
    }
    .CategoriesListe button.ToggleDrouot svg {
        position: absolute;
        right: 5px;
        top: 30%;
        fill: #fff;
        background-color: #003db9;
    }

    .CategoriesListe .CategorieNom {
        justify-content: flex-start;
        white-space: nowrap;
        width: calc(34.6% - 2rem);
    }
    .CategoriesListe .Selectionnee {
        display:none;
    }
}

@media screen and (max-width: 1024px) {
    .GrandPublic .ContainerGrandPublic {
        margin: 0rem 2rem;
    }
    div.element_Template_HeaderAvecImageTitreBlanc {
        margin: 0 -2rem;
    }
    div.element_Template_HeaderAvecImageEtBoutonGauche {
        margin: 0 -2rem;
    }
    div.element_Template_HeaderAvecImageTitreEtBoutonCentre {
        margin: 0 -2rem;
    }
    div.element_Template_HeaderAvecImageTitreNoir {
        margin: 0 -2rem;
    }
    .element_Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
        padding: 0 2rem;
    }
    .element_Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
        padding: 0 2rem;
    }
    .element_Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
        padding: 0 2rem;
    }
    .element_Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
        padding: 0 2rem;
    }

    .ContainerMentionsLegales ul {
        margin-left: 2rem;
    }
    .FooterContainer{
        flex-direction:column;
    }
    .FooterContainer .FooterLogo{
        width:100%;
    }
    .FooterContainer .MentionsLegales {
        width: 100%;
        justify-content:flex-start;
        margin-top:.4rem;
    }

    /*COOKIES*/
    .ContentCookies div.Paragraphe.CookiesInput {
        flex-direction: column;
        margin-top: 1rem;
        align-items: center;
    }
    .ContentCookies div.Paragraphe.CookiesInput .Texte {
        width: 100%;
        margin-bottom: 1rem;
    }
    .ContentCookies div.Paragraphe.CookiesInput .Input {
        width: 40%;
    }
    .Cookies .ContentCookies .Paragraphe.CookiesInput .Input .Desactive {
        left: 0;
    }
    .Cookies .ContentCookies .Paragraphe.CookiesInput .Input .Active {
        right: 20px;
    }
    .ContentCookies .CTA a {
        padding: 1rem 2rem;
    }
    .Cookies {
        width: 600px;
        left: calc(50% - 300px);
        top: 50%;
        transform: translateY(-50%)
    }
}

@media screen and (max-width: 1023px) {
    #BlocCms .Bloc {
        padding-bottom: 2rem;
    }

    .Template_TitreImageEtParagrapheAGauche{
        flex-direction:column;
    }
    .Template_TitreImageEtParagrapheAGauche .BlocImage {
        width: 100%;
        margin-bottom: 1rem;
    }
    .Template_TitreImageEtParagrapheAGauche div:last-child {
        width: 100%;
        padding: 0;
    }
    .Template_TitreImageEtParagrapheAGauche div:not(.BlocImage) hr{
        left:0;
    }

    .Template_TitreImageEtParagrapheADroite {
        flex-direction: column-reverse;
    }
    .Template_TitreImageEtParagrapheADroite div:first-child {
        width: 100%;
        padding: 0;
    }
    .Template_TitreImageEtParagrapheADroite div:last-child {
        width: 100%;
        margin-bottom:1rem;
    }
    .Template_TitreImageEtParagrapheADroite div:not(.BlocImage) hr {
        left: 0rem;
    }

    .ContainerGrandPublicContact .DoubleCol {
        flex-direction: column;
    }
    .ContainerGrandPublicContact .DoubleCol .ContactCoordonnees {
        width: 100%;
        padding-left: 0rem;
    }
    .ContainerGrandPublicContact .DoubleCol .ContactCoordonnees hr {
        left: 0;
    }
    .ContainerGrandPublicContact .DoubleCol .ContactImage {
        width: 100%;
    }
    .ContainerGrandPublicContact .ContactFormulaire{
        width:100%;
    }

}

@media screen and (max-width: 768px) {
    h1{
        font-size:35px;
    }
    h2{
        font-size:20px;
    }
    div, p, a, span{
        font-size:13px;
    }
    .ellipsis::after{
        top:3.7rem;
    }

    .ListeActualite {
        grid-template-columns: 48% 48%;
    }
    .CategoriesListe button.ToggleDrouot.collapsed {
        width: calc(52.6% - 2rem);
    }
    .CategoriesListe button.ToggleDrouot {
        width: calc(52.6% - 2rem);
    }
    .CategoriesListe .CategorieNom {
        width: calc(52.6% - 2rem);
    }

    /*Template_DeuxColonnes*/
    .Template_DeuxColonnes {
        flex-direction: column;
    }
    .Template_DeuxColonnes div{
        width:100%;
    }

    /*Template_TroisColonnes*/
    .Template_TroisColonnes {
        flex-direction: column;
    }
    .Template_TroisColonnes div {
        width: 100%;
    }
    .Template_TroisColonnes div:last-child {
        margin-left:0;
    }

    /*Template_QuatreColonnes*/
    .Template_QuatreColonnes {
        flex-direction: column;
    }
    .Template_QuatreColonnes div {
        width: 100%;
        margin-right:0;
    }

    /*Template_HeaderAvecImageTitreEtBoutonCentre*/
    .Template_HeaderAvecImageTitreEtBoutonCentre {
        flex-direction: column;
    }
    .Template_HeaderAvecImageTitreEtBoutonCentre .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
        color: #212529;
        padding-bottom:1rem;
    }
    .Template_HeaderAvecImageTitreEtBoutonCentre h2 {
        color: #212529;
    }

    /*Template_HeaderAvecImageEtBoutonGauche*/
    .Template_HeaderAvecImageEtBoutonGauche {
        flex-direction: column;
    }
    .Template_HeaderAvecImageEtBoutonGauche .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
        color: #212529;
        padding-bottom: 1rem;
    }

    /*Template_HeaderAvecImageTitreNoir*/
    .Template_HeaderAvecImageTitreNoir {
        flex-direction: column;
    }

    .Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
        color: #212529;
        padding-bottom: 1rem;
    }

    /*Template_HeaderAvecImageTitreBlanc*/
    .Template_HeaderAvecImageTitreBlanc {
        flex-direction: column;
    }
    .Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
        color: #212529;
        padding-bottom: 1rem;
    }
    .Template_HeaderAvecImageTitreBlanc h2 {
        color: #212529;
    }
}

@media screen and (max-width: 600px) {
    .ListeActualite {
        grid-template-columns: 100%;
    }
    .CategoriesListe button.ToggleDrouot.collapsed{
        width:100%;
    }
    .CategoriesListe button.ToggleDrouot {
        width: 100%;
    }
    .CategoriesListe .CategorieNom {
        width: 100%;
    }

    .NavBouton {
        display: none;
    }
    .NavGrandPublic .MenuTexte {
        width: 10%;
    }

    /*Template_HeaderAvecImageTitreNoir*/
    .Template_HeaderAvecImageTitreNoir {
        flex-direction: column;
    }
    .Template_HeaderAvecImageTitreNoir .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
    }

    /*Template_HeaderAvecImageTitreBlanc*/
    .Template_HeaderAvecImageTitreBlanc {
        flex-direction: column;
    }
    .Template_HeaderAvecImageTitreBlanc .CmsBlocTexte {
        margin-top: 1rem;
        position: initial;
        color:#212529;
    }
    .Template_HeaderAvecImageTitreBlanc h2{
        color:#212529;
    }
    
    /*COOKIES*/
    .ContentCookies .CTA {
        flex-direction: column;
    }

    .ContentCookies .CTA a {
        margin: 0;
        margin-top: 1rem;
    }
    .ContentCookies div.Paragraphe.CookiesInput .Input {
        width: 100%;
    }
    .Cookies {
        width: 320px;
        left: calc(50% - 160px);
        top: 5%;
        height:90%;
        transform:none;
        overflow:scroll;
    }
    .Cookies i {
        right: 1rem;
    }
    .Cookies .icon-close::before {
        font-size: 14px;
    }
    .ContainerCookies h3 {
        font-size: 13px;
    }

    .ContainerGrandPublic .img-presentation {
        margin: 0 -2rem;
        margin-bottom: 2rem;
    }

    .ContainerGrandPublicContact .ContactCoordonnees {
        padding-left:0rem;    
    }
    .FormulaireChoix div {
        flex-direction: column;
    }
    .FormulaireChoix div.Choix {
        text-align: center;
        margin-bottom: 2rem;
    }

    .FormulaireChoix div.Choix:last-child {
        margin-bottom: 0rem;
    }
}

@media screen and (max-width: 450px) {
    .ContainerGrandPublicContact .DoubleCol .ContactCoordonnees {
        padding-left: 0rem;
    }
    
    
}

@media screen and (max-width: 425px) {
    h2 {
        font-size: 14px;
    }
    div, p, a, span {
        font-size: 12px;
    }

    .FooterContainer p{
        font-size:10px;
    }

    footer a {
        font-size: 10px;
    }

    .ellipsis::after {
        top: 3.5rem;
    }
}

@media screen and (max-width: 320px) {
    .layout{
        min-width:320px;
    }
}
@font-face {
    font-family: 'icones';
    src: url('/Content/Conseillers/fonts/icomoon.eot?zgsed5');
    src: url('/Content/Conseillers/fonts/icomoon.eot?zgsed5#iefix') format('embedded-opentype'), url('/Content/Conseillers/fonts/icomoon.ttf?zgsed5') format('truetype'), url('/Content/Conseillers/fonts/icomoon.woff?zgsed5') format('woff'), url('/Content/Conseillers/fonts/icomoon.svg?zgsed5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icones' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 0;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow4:before {
  content: "\e913";
    vertical-align: middle;
    font-size: 24px;
}
.icon-admin:before {
  content: "\e900";
    vertical-align: middle;
    font-size: 24px;
}
.icon-arrow2-right:before {
  content: "\e901";
    vertical-align: middle;
    font-size: 24px;
}
.icon-arrow3-right:before {
  content: "\e902";
    vertical-align: middle;
    font-size: 24px;
}
.icon-arrow-right:before {
  content: "\e903";
    vertical-align: middle;
    font-size: 24px;
}
.icon-burger:before {
  content: "\e904";
    vertical-align: middle;
    font-size: 24px;
}
.icon-close:before {
  content: "\e905";
    vertical-align: middle;
    font-size: 24px;
}
.icon-corbeille:before {
  content: "\e906";
    vertical-align: middle;
    font-size: 24px;
}
.icon-deconnexion:before {
  content: "\e907";
    vertical-align: middle;
    font-size: 24px;
}
.icon-display:before {
  content: "\e908";
    vertical-align: middle;
    font-size: 24px;
}
.icon-go:before {
  content: "\e909";
    vertical-align: middle;
    font-size: 24px;
}
.icon-hide:before {
  content: "\e90a";
    vertical-align: middle;
    font-size: 24px;
}
.icon-modifier:before {
  content: "\e90b";
    vertical-align: middle;
    font-size: 24px;
    line-height:1;
}
.icon-phone:before {
  content: "\e90c";
    vertical-align: middle;
    font-size: 24px;
}
.icon-search:before {
  content: "\e90d";
    vertical-align: middle;
    font-size: 24px;
}
.icon-star:before {
  content: "\e90e";
    vertical-align: middle;
    font-size: 24px;
}
.icon-star-full:before {
  content: "\e90f";
    vertical-align: middle;
    font-size: 24px;
}
.icon-telecharger:before {
  content: "\e910";
    vertical-align: middle;
    font-size: 24px;
}
.icon-user:before {
  content: "\e911";
    vertical-align: middle;
    font-size: 24px;
}
.icon-verrouiller:before {
  content: "\e912";
    vertical-align: middle;
    font-size: 24px;
}

.icon-add:before {
    content: "\e905";
    font-size: 14px;
}

.icon-add {
    content: "\e905";
    transform: rotate(45deg);
    font-size:14px;
}


.dnone{
    display:none!important;
}
.ContainerGrandPublic .PageOffre .ElementFavoris i {
    display: none;
}

.PageOffre .ElementFavoris {
    position: absolute;
    right: 3rem;
}

.PageOffre .light-button {
    align-items: center;
    font-weight: 900;
    background-color: #fff;
    color: #003db9 !important;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #003db9;
    cursor: pointer;
    text-transform: uppercase;
    display: inline-flex;
    padding: .8rem .6rem;
    margin: .2rem;
}
.PageOffre .light-button:hover {
    background-color: #003db9;
    color: #fff !important;
}

.PageOffre .DoubleContainer {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.PageOffre .ContainerGauche {
    width: 75%;
    padding-right: 2rem;
}

.PageOffre .ContainerDroite {
    width: 25%;
    padding: 2rem 0rem;
    margin-top: 59px;
}

.PageOffre .Container {
    margin-bottom: 4rem;
}
.PageOffre .Head{
    margin-bottom: 2rem;
}

.PageOffre .PageOffre .col-valeur {
    display: grid;
    grid-template-columns: calc(50% - 0.5rem) calc(50% - 0.5rem);
    grid-gap: 1rem;
    margin-bottom: 2rem;
}
.PageOffre .col-valeur .liste {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.PageOffre .col-valeur-libelle {
    color: #003db9;
    width: 60%;
    max-width: 250px;
}

.PageOffre .ContainerGauche img {
    margin-bottom: 2rem;
}

.PageOffre .DoubleContainer .ContainerDroite .Prix span {
    font-size: 24px;
    text-align: center;
    background-color: #f3f0ee;
    padding: 16px 0;
    margin: 15px 0;
    display: block;
    margin-bottom: 4rem;
}
.PageOffre .DoubleContainer .ContainerDroite .Prix span:last-child {
    margin-bottom: 2rem;
}

.PageOffre .DoubleContainer .ContainerDroite .ContainerData div {
    margin-bottom: 2rem;
}
.PageOffre .DoubleContainer .ContainerDroite .ContainerData div:last-child {
    margin-bottom: 0;
}
.PageOffre .DoubleContainer .ContainerDroite .ContainerData p {
    color: #003db9;
    display: inline-block;
    width: 30%;
}
.PageOffre .DoubleContainer .ContainerDroite .ContainerData span {
    display: inline-block;
    width: 70%;
}

.PageOffre table.TabPerso {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
.PageOffre table.TabPerso th {
    color: #003db9;
    font-weight: 900;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 5px;
    vertical-align: middle;
}
.PageOffre table.TabPerso tbody tr:nth-child(2n+1) {
    background-color: #f3f0ee;
}
.PageOffre table.TabPerso td {
    height: 40px;
    color: #1e1914;
    padding-left: 10px;
    padding-top: 14px;
    padding-bottom: 14px;
    vertical-align: middle;
}

.PageOffre .DoubleCol {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    margin-top: 2rem;
}
.PageOffre .DoubleCol:last-child {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 2rem;
    margin-top: 0rem;
}

.PageOffre .GraphDonut {
    height: 300px;
}
.PageOffre .GraphDonut svg > g > g:last-child {
    pointer-events: none
}
.PageOffre .GraphiqueLegend .Graph {
    width: 100% !important;
    margin: 0 !important;
}

.PageOffre .GraphiqueLegend table td, .GraphiqueLegend table tr:nth-child(2n+1) {
    background-color: transparent !important;
    vertical-align: middle;
    padding: 1px !important;
    height: 15px !important;
}
.PageOffre .GraphiqueLegend tr td:nth-child(2) {
    width: 50rem !important;
}
.PageOffre .GraphiqueLegend tr td:last-child {
    width: 100%;
}
.PageOffre .GraphiqueLegend .CaseLegende {
    width: 15px;
    height: 15px;
    margin-right: 1rem;
}

.PageOffre .ContainerDocuments h3 {
    margin-bottom: 1rem;
}

.PageOffre .BlocDocument {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding: 1rem;
    cursor: pointer;
    user-select: none;
}

.PageOffre .BlocDocument.MiseEnAvant {
    background-color: rgba(189, 180, 180, 0.20);
}

.PageOffre .BlocDocument.MiseEnAvant:hover {
    background-color: rgba(189, 180, 180, 0.50);
    box-shadow: 0 0 30px 0 rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0, 0.1);
}

.PageOffre .BlocDocument:hover {
    box-shadow: 0 0 30px 0 rgba(0,0,0, 0.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0, 0.1);
}

.PageOffre.BlocDocument:hover .BlocDocumentTexte {
    color: #003db9;
}
.PageOffre .BlocDocumentTexte {
    display: block;
    width: 90% !important;
    overflow-wrap: anywhere;
    word-break: keep-all;
    color: #1e1914;
}

.PageOffre .BlocDocumentIcone {
    display: block;
    width: 10%;
    text-align: right;
    color: #003db9;
}

.PageOffre .BlocDocumentIcone .zip {
    fill: #003db9;
    width:24px;
}
/*RESPONSIVE*/
@media screen and (max-width: 1600px) {
    .PageOffre .col-valeur {
        grid-template-columns: 100%;
    }
    .PageOffre .col-valeur-libelle {
        width: 45%;
        max-width: 200px;
    }
}

@media screen and (max-width: 1100px) {
    .PageOffre .DoubleContainer {
        display: flex;
        flex-direction: column;
    }

    .PageOffre .ContainerGauche img {
        margin-bottom: 2rem;
    }

    .PageOffre .DoubleContainer .ContainerGauche {
        width: 100%;
        padding: 0;
    }

    .PageOffre .DoubleContainer .ContainerDroite {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: row;
        margin-bottom: 4rem;
        align-items: center;
    }

    .PageOffre .DoubleContainer .ContainerDroite div {
        width: 50%;
    }
    .PageOffre .DoubleContainer .ContainerDroite .Prix span {
        width: 90%;
        margin-bottom: 2rem;
    }

    .PageOffre .ContainerDroite{
        margin-top:0;
    }
}

@media screen and (max-width: 1024px) {
    .ContainerGrandPublic .PageOffre .ElementFavoris {
        display:none;
    }
}

@media screen and (max-width: 768px) {

    .PageOffre .ElementFavoris {
        top:284px;
        right:19px;
    }
     
    .PageOffre .DoubleContainer .ContainerDroite {
        flex-direction: column;
        width: 100%;
        padding: 0;
    }
    .PageOffre .DoubleContainer .ContainerDroite div {
        width: 100%;
    }

    .PageOffre .DoubleCol:last-child {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 2rem;
    }

    .PageOffre .DoubleContainer .ContainerDroite .Prix span {
        width: 100%;
    }
}

@media screen and (max-width: 550px) {
    .PageOffre .col-valeur .liste {
        display:flex;
        flex-direction: column;
        align-items:center;
    }
    .col-valeur-libelle {
        width: 100%!important ;
        max-width:none!important;
    }
    .col-valeur-value {
        width: 100% !important;
        max-width: none !important;
    }
    .col-valeur .liste{
        margin-bottom: 1rem;
    }
}

@media screen and (max-width: 435px) {
    .PageOffre .ElementFavoris {
        top: 254px;
    }

    .ElementFavoris a.btn {
        font-size: 13px !important;
        padding: 6px 10px;
        
    }
}

@media screen and (max-width: 425px) {
    .PageOffre .ElementFavoris {
        top: 241px;
    }
    .ElementFavoris a.btn {
        font-size: 12px !important;
        padding: 4px 6px;
    }
}