/** fonts **/
@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-Bold.woff2') format('woff2'),
        url('../fonts/Marianne-Bold.woff') format('woff'),
        url('../fonts/Marianne-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-Light.woff2') format('woff2'),
        url('../fonts/Marianne-Light.woff') format('woff'),
        url('../fonts/Marianne-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-ExtraBold.woff2') format('woff2'),
        url('../fonts/Marianne-ExtraBold.woff') format('woff'),
        url('../fonts/Marianne-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-Medium.woff2') format('woff2'),
        url('../fonts/Marianne-Medium.woff') format('woff'),
        url('../fonts/Marianne-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-Thin.woff2') format('woff2'),
        url('../fonts/Marianne-Thin.woff') format('woff'),
        url('../fonts/Marianne-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Marianne';
    src: url('../fonts/Marianne-Regular.woff2') format('woff2'),
        url('../fonts/Marianne-Regular.woff') format('woff'),
        url('../fonts/Marianne-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/** reset et common **/   
*,::after,::before {
box-sizing:border-box;
}
body,html {
padding:0;
margin:0;
height:100%;
}
.arrow {
    display:none
}
body {
line-height:1.5;
font-size:1em;
font-family:Marianne,arial,sans-serif;
color:#333;
}
a {
color:#12465c;
}
img {
vertical-align:top;
max-width:100%;
height:auto;
}
h1,h2,h3,h4,h5,h6 {
    font-family:Marianne,arial;
}
button {
outline:0;
overflow:hidden;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:none
}
input {
background:none;
font-family: Marianne;
}
.fieldset input[type=submit],.fieldset input[type=text] {
border:0;
border-radius:4px;
padding:0;
margin:0;
}
/** structure **/
#main,
#result,
.article-body,
.container,
.result,
.summary-left,
.table-wrapper .table-row:last-child,
.wrapper,
.wrapper-article-content,
main {
height: 100%;
}
.article-body {
    font-size: 0.95rem;
}
#main .content,.wrapper-header,.bottom-footer,.content-footer, .avertissement {
margin:auto;
max-width:1170px;
}
.container {
margin:0 auto;
}
.content {
    overflow:hidden
}
.wrapper-bloc-info {
max-width:1170px;
margin:auto;
padding:20px 0;
background:#eee
}
header {
margin:10px 0 20px;
}
.nav-top-left {
height:20px;
position:absolute;
top:-40px;
}
.bloc-info-acces-rapide {
margin-bottom:20px;
position:relative;
background:#eee;
margin-top:20px
}
.acces-rapide {
float:right;
width:30%;
}
.info-search {
width:70%;
padding-right:30px;
float:left;
padding-bottom:20px
}
.result-info::before,.none-result::before {
content:"";
display:block;
clear:both
}
.wrapper {
margin:auto;
}
.main-chatbot .table-wrapper {
min-height:inherit;
}
.texte-chatbot.chatbot-form {
width:auto;
margin-right:10px;
margin-left:10px;
}
#guide,.bloc-toutes-demarches {
margin-bottom:30px;
}
/* header **/
header img {
float:left;
margin-right:165px;
margin-top:5px;
width: 175px;
/* height: 126px; */
}
header .sub-title {
display:block;
color:#333;
font-size:.5em;
font-weight:400;
text-transform:uppercase;
}
header a {
text-decoration:none;
display:block;
border:1px solid transparent;
}
header a:focus,header a:hover {
border:1px solid #D0DADE;
}
.bloc-info-acces-rapide::after {
content:"";
clear:both;
display:block
}
/** nav top right **/
.nav-top-right a.twitter {
background:url(/images/pictos/twitter.svg) left 5px no-repeat;
display:block;
width:30px;
height:30px;
}
.nav-top-right a.fb {
background:url(/images/pictos/fb.svg) no-repeat;
display:block;
width:25px;
height:25px;
margin-right:10px;
}
.nav-top-right a.contact {
background:url(/images/pictos/contact.svg) left 3px no-repeat;
display:block;
width:30px;
height:30px;
margin-right:10px;
}
.nav-top-right a.twitter:focus,.nav-top-right a.twitter:hover {
background:url(/images/pictos/twitter-bleu.svg) left 5px no-repeat;
}
.nav-top-right a.fb:focus,.nav-top-right a.fb:hover {
background:url(/images/pictos/fb-bleu.svg) no-repeat;
}
.nav-top-right a.contact:focus,.nav-top-right a.contact:hover {
background:url(/images/pictos/contact-bleu.svg) left 3px no-repeat;
}
.nav-top-right a img {
width:100%;
height:auto;
vertical-align:middle;
}
/** menu acces rapide **/
.acces-rapide h2 {
color:#fff;
padding:0;
margin:0 0 5px;
}
.acces-rapide a,.acces-rapide-top a {
display:block;
padding:8px 8px 8px 0;
text-decoration:none;
line-height:1.5;
font-size:1.2em;
overflow:hidden;
border-bottom:1px solid #32a977;
font-weight:400;
}
.acces-rapide li::before,.acces-rapide-top li::before {
content:"";
height:1px;
width:1px;
border:8px solid transparent;
border-left:9px solid #12465c;
float:left;
margin-top:15px;
margin-left:3px;
}
.acces-rapide li:focus::before,.acces-rapide li:hover::before,.acces-rapide-top li:focus::before,.acces-rapide-top li:hover::before {
border-left:9px solid #32a977;
}
.acces-rapide-top li {
margin-bottom:18px;
}
/** pages contact **/
.container-contact ul li {
float:left;
width:25%;
padding:10px;
}
.container-contact a,.container-contact li>a {
font-size:1.1em;
text-align:center;
display:block;
padding:10px;
text-decoration:none;
color:#fff;
background:#12465c;
font-weight:700;
line-height:100px;
}
.container-contact a span {
line-height:1.1em;
display:inline-block;
vertical-align:middle;
}
.container-contact .contact-2 li.b-29,.container-contact .contact-3 li {
float:none;
width:auto;
}
.container-contact .contact-3 .blocs-2 li {
width:50%;
float:left;
}
.container-contact a:focus,.container-contact a:hover {
opacity:.7;
}
.container-contact .close ul,.container-contact .contact-1 ul {
margin:0 -10px;
overflow:hidden;
}
.info p {
margin:0;
font-size:1em;
line-height:1.5;
}
.unit_link {
margin-bottom:20px;
}
/** moteur recherche **/
.resultSearch ul li a {
display:block;
padding:8px 0 8px 10px;
text-decoration:none;
border-bottom:1px solid #D0DADE;
}
#react-autowhatever-1 {
position:absolute;
z-index:10000;
left:0;
right:0;
}
.react-autosuggest__container {
float:left;
width:calc(100% - 180px);
margin-right:5px;
position:relative;
}
.react-autosuggest__suggestions-container--open {
opacity:1;
transition:all .5s;
}
.react-autosuggest__suggestions-container ul {
margin:-5px 0 0;
list-style:none;
background:#fff;
padding:8px;
border:3px solid #12465c;
border-top:1px solid #c9c9c9;
border-radius:0 0 5px 5px;
}
.react-autosuggest__suggestions-container ul li:hover {
background:#D0DADE;
}
.fieldset input[type=submit].searchButton {
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-size:1em;
color:#fff;
background:#12465c;
text-transform:uppercase;
top:0;
right:0;
cursor:pointer;
display:block;
height:40px;
width:170px;
border-radius:4px;
float:left;
}
.fieldset input[type=text].react-autosuggest__input {
border:3px solid #32a977;
background:#fff;
font-size:1em;
color:#333;
padding-left:5px;
height:40px;
width:100%;
border-radius:4px;
}
.fieldset input[type=text].react-autosuggest__input:focus {
border-color:#12465c;
}
.div-accordeon {
max-height:0;
overflow:hidden;
}
.div-accordeon.active {
max-height:3000em;
transition:max-height 10s linear;
margin-bottom:20px;
}
.moins-result,.plus-result {
margin-bottom:10px;
}
.div-button-moins,.div-button-plus {
margin:20px 0 0;
padding-bottom:20px;
text-align:center;
border-bottom:3px solid #32a977;
}
.div-button-moins {
border-bottom: 3px solid #32a977;
display:none;
}
.div-button-plus {
border-bottom: 1px solid #32a977
}
.moins-button::after,.moins::after,.plus-button::after,.plus::after {
border:8px solid transparent;
margin-left:10px;
display:inline-block;
height:1px;
width:1px;
content:"";
}
.plus-button::after,.plus::after {
border-top:9px solid #32a977;
margin-bottom:-5px;
}
.moins-button::after,.moins::after {
border-bottom:9px solid #32a977;
vertical-align:middle;
margin-top:-15px;
}
.plus.moins::after {
display:inline-block;
border:8px solid transparent;
border-bottom:9px solid #32a977;
vertical-align:top;
}
.result-info {
font-size:1.2em;
}
/** bloc demarches page accueil **/
.bloc-top-10 ul {
padding:0;
list-style:none;
margin:0 -10px;
overflow:hidden;
}
.bloc-top-10 li {
margin-right:-4px;
padding:10px;
width:33.33%;
display:inline-block;
vertical-align:top;
}
.bloc-top-10 img {
display:block;
width:110px;
}
.bloc-top-10 ul a {
border-left:1px solid #32a977;
display:block;
text-decoration:none;
font-weight:700;
font-size:1em;
min-height:75px;
line-height:1.5;
padding-left:8px;
margin-top:10px;
}
.bloc-top-10 a .small {
font-size:.8em;
font-weight:400;
display:block;
}
.bloc-top-10 p {
margin:0;
padding:0;
color:#333;
font-size:1em;
font-weight:400;
text-transform:none;
line-height:1.3em;
}
.bloc-top-10 .div-toutes-demarches ul a {
border:none;
background:#12465c;
min-height:inherit;
padding:8px;
color:#fff;
border-radius:4px;
}
#main .bloc-top-10 .div-toutes-demarches ul a:focus,#main .bloc-top-10 .div-toutes-demarches ul a:hover {
background:#32a977;
color:#fff;
}
.bloc-top-10 .div-toutes-demarches {
text-align:center;
margin:20px -10px 0;
}
.toutes-demarches {
font-weight:700;
font-size:1.3em;
color:#12465c;
text-transform:uppercase;
text-decoration:none;
border:5px solid #12465c;
padding:10px 25px;
}
.hidden {
display:none;
}
.beta-logo-home img {
width: auto!important;
margin-left: 78px;
margin-top: 7px;
}
.before-chatbot a img {
width: 50px;
}
.closed:hover {
opacity: 1!important;
}
.warning_112 {
background-color: #B90504;
color: #fff;
font-size: 1.1em;
text-align: center;
display: table;
width: 100%
}
.actualites .plus-actu a::after,.plus.moins::after {
height: 1px;
width: 1px;
content: ""
}
.actualites .plus-actu a,.moins,.moins-button,.plus,.plus-button {
cursor: pointer;
text-transform: uppercase;
font-family: Marianne, arial, sans-serif;
font-weight: 700
}
.padding-body {
padding-bottom: 400px
}
.actualites {
overflow: hidden;
/* border-bottom: 1px solid #32a977 */
}
#divRss {
margin: 0 -10px
}
.actualites .plus-actu {
text-align: center;
margin: 20px 0
}
.actualites .plus-actu a {
border: none;
border-radius: 4px;
font-size: 1.2em;
color: #12465c;
display: inline-block;
text-decoration: none
}
.actualites .plus-actu a::after {
display: inline-block;
border: 8px solid transparent;
border-left: 9px solid #32a977;
margin-left: 10px
}
.actualites .actu {
float: left;
padding: 15px;
width: 33.33%
}
.actu img {
width: 100%;
height: auto
}
.div-toutes-demarches p {
font-size: 1.4em
}
.liste-menu ul li a,
.liste-menu-asso ul li a {
font-size: 1.4em;
margin: 20px 0 8px;
margin-top:0
}
.liste-menu-asso ul li {
margin: 20px 0 8px
}
.liste-menu-asso ul li li {
margin: 0 0 0 16px
}
.liste-menu ul ul li {
font-size: 1.1em;
font-weight: 700;
margin: 12px 0 8px 14px
}
.liste-menu ul .ul-dossier li {
display: inline-block;
padding: 0;
margin: 0;
font-size: 1em
}
.liste-menu ul .ul-dossier li a {
padding: 0 5px
}
.liste-menu .ul-dossier {
margin: 8px 0 15px 12px
}
.liste-menu ul ul ul li::after,
.ul-dossier li::after {
content: "|";
display: inline-block;
color: #333;
padding: 0 5px
}
.article-body .content aside ul li a {
text-decoration: none;
font-weight: 700;
margin-top: 12px;
display: block
}
.article-body .content aside .OuSAdresser ul li a, .article-body .content aside .OuSAdresserSupport ul li a, aside .OuSAdresser ul li a, aside .OuSAdresserSupport ul li a {
display: inline;
}
.article-body.other .content ul li a::before {
content: "";
display: inline-block;
height: 5px;
width: 5px;
background: #114156;
vertical-align: middle;
border-radius: 50%;
margin-right: 8px
}
.article-body.other .content aside ul li a::before {
content: "";
display: none
}
.content h4 {
margin: .3em 0 0;
font-size: 1.3em
}
.content h5 {
margin: .5em 0 .5em 20px;
font-size: 1.2em;
font-weight: 700
}
.content h6 {
margin: .5em 0 .5em 50px;
font-size: 1em
}
.content h4::before {
height: 1px;
width: 20px;
margin-right: 10px
}
.content h5::before {
height: 5px;
width: 5px;
margin-right: 8px;
border-radius: 50%
}
.content .liste ul {
list-style: none;
margin-left: 10px;
padding-left: 0
}
.table li {
margin-bottom: 5px
}
.content .comment ul li a {
text-decoration: none;
font-weight: 700;
margin-top: 12px;
display: block
}
#searchSub {
float:left;
padding:12px;
cursor:pointer
}
aside .ousadresser ul {
margin-left: 40px;
list-style: none
}
.content p.target {
margin-left: 40px
}
.leaflet-container {
font-size: .9em !important
}
.leaflet-popup-content p {
margin: .5em 0 !important
}
.header-bouton-mobile {
text-align:center;

}
.article-body {
background: linear-gradient(to right, #eee 34%, #fff 0)
}
/** aside **/
.aside-article li {
margin-bottom:1px;
}
.aside-article {
border:1px solid #114156;
padding:20px;
box-shadow:-10px -10px 0 #114156;
top:-20px;
}
.aside-ombre,.ombre {
overflow-y:hidden;
overflow-x:hidden;
padding-left:3px;
}
.aside-ombre {
overflow:hidden;
padding-top:3px;
}
.aside-article h2 {
margin:20px 0 10px;
border:none;
font-size:1.1em;
}
#main .aside-ombre {
max-width:1170px;
margin:30px auto auto;
}   
.article-body .content aside .ousadresser a {
display:inline;
}
.ousadresser+.ousadresser{
	margin-left: 34px;
}
.alert .bold,.fixed.summary-absolute {
position:absolute;
}
.alert .bold {
background:#fff;
top:-13px;
left:10px;
padding:0 8px;
color:#114156;
}
.alert div>p:first-letter {
text-transform:capitalize;
}
.alert {
padding: 5px 10px;
border: 1px solid #114156;
}
.table {
border-collapse: collapse;
margin: 0;
width: 100%
}
/* tooltip */
.__react_component_tooltip.type-dark {
background: #fff;
color: #333;
text-decoration: none;
padding: 8px;
border: 1px solid #114156;
font-size: 1em;
z-index: 100000;
border-radius: 0px;
opacity: 1;
box-shadow: -2px 2px 0 #114156;
max-width: 200px;
}
.__react_component_tooltip:before, .__react_component_tooltip:after {
display: none;
content: none;
}
.tooltip-glossaire {
text-decoration: none;
border-bottom: 1px dashed #333;
cursor: help
}
a.externe::after {
content: url(/images/icone-lien-externe.svg);
width: 18px;
height: 18px;
display: inline-block;
vertical-align: middle;
margin-left: 2px;
margin-top: -5px;
}
.service-en-ligne {
padding: 10px 20px;
border: 1px solid #114156;
margin: 20px 0;
position: relative;
}
.lien-teleservice {
text-align: center;
margin: 20px 0 0
}
.lien-teleservice a {
padding: 8px;
text-decoration: none;
background: #114156;
color: #fff;
display: inline-block
}
.title-aside {
font-size: 1.5em;
margin: 0;
color: #114156;
padding-bottom: 0;
text-transform: uppercase
}
.type {
float:right;
padding:3px 10px;
background-color:#eee;
color:#333;
} 
.guide {
padding: .2em .5em;
margin-right: .3em;
margin-bottom: .3em;
background-color: #d9d9d9;
color: #414856;
text-decoration: none
}
/* button sticky et accessibilité **/
button.sticky {
background:#12465c;
color:#FFF;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:40px;
height:30px;
padding-bottom:5px;
position:absolute;
left:-99999px;
cursor:pointer;
box-shadow:none;
border:0;
border-radius:4px 0 0 4px;
}
button.sticky span {
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#fff;
}
button.sticky:visited {
background:#32a977;
color:#FFF;
}
button.fixed {
position: fixed;
top: 50%;
z-index: 99999;
left: auto;
right: 0
}
button.go-contenu {
margin-right: 10px
}
.content-footer {
border-top: 8px solid #eee
}
.content-footer a {
color:#333;
font-size:1em;
text-decoration:none;
display:inline-block;
padding:5px 0;
}
.content-footer a:focus,.content-footer a:hover {
text-decoration:underline;
color:#333;
}
.bouton-top {
margin: 20px 0;
text-align: right
}
.bouton-top button {
padding: 10px;
background: #12465c;
color: #fff;
border: 0;
box-shadow: none;
border-radius: 4px
}
.page-erreur {
text-align: center;
margin-bottom: 20px
}

.page-erreur h1 {
font-size: 4.8em;
line-height: 1.5;
margin: 0
}

.page-erreur h1 span {
color: #32a977
}

.page-erreur-p {
font-size: 1.3em
}
.overflow a {
    font-size: 1rem;
    padding:0 20px;
}
.RssList span,.type {
font-size: .9em
}
.partage {
max-width: 1170px;
margin: 20px auto !important;
text-align: right
}
.tac_activate,.tac_float {
text-align:right!important;
}
.tac_activate {
padding:10px!important;
width:250px!important;
/* background:#12465c!important; */
margin:0!important;
}
.tac_float .tarteaucitronAllow {
border-radius:4px!important;
background:rgba(17,65,86,0.95)!important;
}
[href] {
 box-shadow:none!important;
}
[target=_blank]:after {
 content:none!important;
 font:var(--link-blank-font);
}
/* #tarteaucitronAlertBig {
background:#12465c!important;
opacity:.9;
} */
#tarteaucitronAlertBig #tarteaucitronPersonalize {
background:#32a977!important;
}
.tarteaucitronAlertBigTop {
height:8%!important;
}
#tarteaucitronAlertBig #tarteaucitronPersonalize:focus,#tarteaucitronAlertBig #tarteaucitronPersonalize:hover,.tac_float .tarteaucitronAllow:focus,.tac_float .tarteaucitronAllow:hover {
opacity:.6!important;
}
.tacTwitter {
margin-top:8px!important;
display:block;
}
#tarteaucitronAlertSmall,.partage .tacTwitter~.tacTwitter {
display:none!important;
}
#tarteaucitronPercentage {
    background: #32a977!important;
}

.RssList {
padding: 0;
margin: 0 -20px 0 0;
list-style: none
}
.RssList li {
float: left;
width: 33.333%;
padding: 10px
}
.form-contact fieldset {
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px
}
.form-contact button,.form-contact input[type=text],.form-contact textarea {
box-shadow: none;
background: 0 0;
border: none;
border-radius: 4px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.form-contact input[type=email],.form-contact input[type=text],.form-contact select,.form-contact textarea {
border: 1px solid #999;
display: block;
padding: 5px;
margin-top: 5px;
border-radius: 4px
}
.form-contact input[type=email]:focus,
.form-contact input[type=email]:hover,
.form-contact input[type=text]:focus,
.form-contact input[type=text]:hover,
.form-contact select:focus,
.form-contact select:hover,
.form-contact textarea:focus,
.form-contact textarea:hover {
border: 1px solid #333
}
.form-contact textarea {
min-width: 80%;
min-height: 100px
}
.form-contact input[type=email],.form-contact input[type=text],
.form-contact select {
min-width: 50%
}
.form-contact label {
display: block;
margin-bottom: 20px
}
.form-contact input[type=email],
.form-contact input[type=text] {
padding: 5px
}
.form-contact input[type=checkbox] {
float: left;
margin-top: 6px;
margin-right: 5px
}
.form-contact select {
cursor: pointer
}
.form-contact button {
color: #fff;
padding: 8px;
text-shadow: 0 1px 0 #333;
margin-top: 20px
}
.form-contact .envoyer {
background: #32a977;
margin-right: 20px
}
.form-contact .effacer {
background: #12465c
}
.displayErrors input:invalid {
border-color: #c30
}
.label-hidden {
position: absolute;
left: -9999px
}
.nav-top li {
display: inline-block;
vertical-align: top
}
.liste-menu ul ul li a,.liste-menu-asso ul ul li a {
font-size:1.1em;
font-weight:400;
}
.liste-menu ul ul ul li,.liste-menu ul ul ul li a {
font-size:1em;
font-weight:400;
margin:0;
}
article.article-body .bloc-summary.summary-absolute {
    transition: all .5s;
    opacity: 0
}

article.article-body .summary-left {
    display: block;
    background: #eee;
    width: 34%;
    height: 100%
}
.summary {
list-style:none;
padding:0;
margin-right:20px;
margin-top:10px;
}
.bloc-summary.fixed .summary {
margin-right:0;
}
.bloc-summary.fixed {
position:fixed;
top:0;
max-width:33%;
}
.sommaire-static ul li.target-actif button,.summary li.target-actif button {
border-left:solid 4px #3fa778;
padding-left:8px;
}
.sommaire-static ul li button,.summary li button {
padding:5px 0 5px 12px;
text-decoration:none;
display:block;
font-family:Marianne,Arial,Helvetica,sans-serif;
cursor:pointer;
min-width:100%;
text-align:left;
color:#12465c;
line-height:1;
}
.summary li.situation~li.chapitre button {
font-weight:400;
}
.fixed .titre-summary {
padding-right:20px;
font-weight:700;
font-size:1.2em;
margin-bottom:0;
padding-bottom: 8px;
}
.article-summary .content {
padding-left:20px;
}
/** titres **/
.titre-h2,.titre-h2-small,header .sub-title,header h1 {
font-family:Marianne,arial,sans-serif;
}
.titre-h2,.titre-h2-small {
padding:0;
margin:0;
font-size:1.1em;
}
.titre-h2 {
margin-top:10px;
}
.titre-h2-small {
font-size:1.1em;
}
header h1 {
color:#12465c;
line-height:1;
font-size:2.4em;
font-weight:400;
margin-top:30px;
}
/** contenu **/
.content .titre-h2 {
font-size:1.3em;
font-weight:400;
color:#333;
border:none;
}
.content h2 {
font-size:1.5em;
margin:.5em 0;
color:#114156;
border-bottom:3px solid #114156;
padding-bottom:0;
line-height:1.3;
}
.content .avertissement h2 {
border-bottom:none;
}
.article-body.other h1 {
color:#333;
font-weight:700;
font-size:1.6em;
}
.article-body.other h2 {
font-size:1.5em;
margin:.5em 0;
color:#333;
border-bottom:none;
padding-bottom:0;
}
.content h4::before,.content h5::before {
display:inline-block;
background:#3fa778;
vertical-align:middle;
content:"";
}
.content h3 {
font-size:1.4em;
margin:.5em 0;
color:#114156;
border-bottom:1px solid #3fa778;
}
.content .liste ul li::before,.content .comment ul li::before,.formulaires aside ul li::before,.table ul li::before,.teleservices aside ul li::before,aside ul li::before {
content:"";
float:left;
width:3px;
height:3px;
vertical-align:middle;
background:#333;
margin-right:5px;
margin-top:10px;
} 
.ousadresser ul {
list-style:none;
margin:0;
padding:0;
}
.content p.target::before {
content:"";
display:inline-block;
height:12px;
width:12px;
vertical-align:middle;
margin-right:10px;
border-radius:50%;
border:2px solid #aaa;
}
.partage .externe::after {
content:"";
display:none;
visibility:hidden;
}
.miseenevidence,.valeur,.none-result {
font-weight:700;
font-size:1em!important;
}
.citation,.expression {
font-style:italic;
}
.ousadresser:before {
content:url(/images/lieu.png);
float:left;
margin-right:10px;
margin-top:4px;
}
.description+.div-open-button {
position:absolute;
left:-9999em;
top:-9999em;
}
.description.open+.div-open-button {
position:static;
}
.alert,.aside-article {
position:relative;
background:#fff;
}
.content .ousadresser>p:first-child {
font-weight:700;
font-size:1.1em;
}
.titre-article-body {
font-size:1.7em;
color:#333;
font-weight:700;
}
.article-body {
background:linear-gradient(to right,#eee 34%,#fff 0);
}
.description,.lien-teleservice a,.service-en-ligne,.title-ts,.type {
border-radius:5px;
}
.ombre {
padding-bottom:3px;
}
.citation::after,.citation::before {
content:'"';
}
.variable::before {
content:"[";
}
.variable::after {
content:"]";
}
.avertissement span.exposant {
font-size:1em;
color:#333;
}
.li-sd {
color:#12465c;
margin-bottom:10px;
}   
.acronyme,.sigle,.glossaire {
text-decoration:none;
border-bottom:1px dashed #333;
cursor:help;
}    
.avertissement {
border-left:solid 3px #32a977;
padding:8px;
background-color: rgb(50 169 118 / 5%);
margin-top: 20px;
}
.avertissement h2,.article-body.other .avertissement h2 {
color:#32a977;
margin:0;
}
.avertissement p:last-child {
    margin-bottom: .3em;
}
.article-body header {
border-bottom:1px solid #dddbdb;
margin:0;
/* padding-bottom:20px; */
background:#fff;
}
.article-body button,.aside-article button,.aside-article-bloc button {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
padding:0;
margin:0;
border:0;
font-family:Marianne,arial;
font-weight:400;
color:#333;
font-size:1em;
}  
.article-body button {
color:#114156;
}
button.description {
cursor: pointer;
padding: 8px 30px 8px 8px;
display: block;
margin-top: 15px;
position: relative;
border: 1px solid #12465c;
border-radius: 5px
border: 1px solid lightseagreen;
padding: 7px;
margin-top: 10px;
}
button.description:focus::after,button.description:hover::after {
border-top:#12465c solid 8px;
}
button.description.open:focus::after,button.description.open:hover::after {
border-bottom:#12465c solid 8px;
border-top:solid transparent 8px;
}
button.description::after {
content: "";
height: 1px;
width: 1px;
display: inline-block;
vertical-align: middle;
border: 8px solid transparent;
border-top: 8px #12465c solid;
margin-top: 6px;
margin-left: 3px
}
button.description.open::after {
border-bottom: 8px #12465c solid;
border-top: solid transparent 8px;
margin-top: -7px;
}
/** aside **/
.aside-article li {
margin-bottom:1px;
}
.title-aside {
font-size:1.5em;
margin:0;
color:#114156;
padding-bottom:0;
text-transform:uppercase;
}
.aside-article {
border:1px solid #114156;
padding:20px;
box-shadow:-10px -10px 0 #114156;
top:-20px;
}
.aside-ombre,.ombre {
overflow-y:hidden;
overflow-x:hidden;
padding-left:3px;
}
.aside-article h2 {
margin:20px 0 10px;
border:none;
font-size:1.1em;
}
#main .aside-ombre {
max-width:1170px;
margin:30px auto auto;
}   
aside .ousadresser ul {
margin-left:40px;
list-style:none;
}
.article-body .content aside .ousadresser a {
display:inline;
}
.li-sd a,
.summary li.chapitre button,
.niveau-2 button{
    font-weight: 700
}

.niveau-3 button{
    font-weight: 400
}

.article-body button {
    color: #114156
}

/** tableaux **/
.content-table,.table-mobile {
overflow-x:scroll!important;
}
.table li {
margin-bottom:5px;
}
.content-table {
border:1px solid #ccc;
overflow-x:scroll;
margin:20px 0;
}
.table {
border-collapse:collapse;
margin:0;
width:100%;
}
.table td,.table th {
vertical-align:top;
}    
.table caption,.table td {
padding:8px;
border:1px solid #ccc;
vertical-align:top;
}
.table th {
background:#ccc;
padding:8px;
border:1px solid #aaa;
}
.table tbody tr:nth-child(even) {
background:#eee;
}
.avertissement span,.lien-teleservice p:last-child,.verifie {
font-size:.9em;
}
.lien-teleservice p:last-child {
margin:0;
padding:0;
}
.formulaires ul,.teleservices ul {
padding:0 0 0 5px;
margin:0;
list-style:none;
}
.formulaires ul li a,.teleservices ul li a {
display:block;
overflow:hidden;
font-size:1.05em;
padding:14px 0;
}
.formulaires ul a:focus,.formulaires ul a:hover,.teleservices ul a:focus,.teleservices ul a:hover {
color:#12465c;
}
.formulaires ul li::before,.teleservices ul li::before {
content:"";
width:9px;
height:9px;
background:#12465c;
float:left;
margin:18px 10px 0 20px;
}
.formulaires ul li,.teleservices ul li {
line-height:1.2;
color:#12465c;
}
.formulaires aside ul li,.teleservices aside ul li {
line-height:1.5;
}
.service-en-ligne {
padding:10px 20px;
border:1px solid #114156;
margin:20px 0;
position:relative;
}
.lien-teleservice {
text-align:center;
margin:20px 0 0;
}
.lien-teleservice a {
padding:8px;
text-decoration:none;
background:#114156;
color:#fff;
display:inline-block;
}
#main .lien-teleservice a:focus,#main .lien-teleservice a:hover {
opacity:.8;
color:#fff;
}
.lien-teleservice p {
padding:8px 0;
}
.service-en-ligne p.title-ts {
background:#fff;
color:#114156;
text-align:center;
text-transform:uppercase;
position:absolute;
padding:0 8px;
top:-20px;
}
button.go-contenu,button.go-search {
border:none;
box-shadow:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-decoration:underline;
font-size:1em;
cursor:pointer;
margin:0;
padding:0;
}
.content-footer .p-footer {
padding:0;
margin-bottom:0;
text-transform:uppercase;
font-size:1.1em;
font-weight:700;
}
.content-footer ul {
list-style:none;
line-height:1;
}
.content-footer li a::after {
content:"|";
text-align:center;
padding:0 3px 0 5px;
}
.bouton-top button,.rsslist a,.formulaires ul a,.teleservices ul a {
text-decoration:none;
font-weight:700;
}
.content-footer .left-bottom-footer a {
text-transform:none;
}
.bouton-top button,.form-contact button {
cursor:pointer;
text-transform:uppercase;
}
.content-footer .left-bottom-footer {
line-height:1;
margin:15px 0;
float:left;
}
.right-bottom-footer {
float:right;
padding:0;
font-size:.7em;
margin:25px 0;
}
.breadCrumbs li,
.breadCrumbs li::after {
display: inline-block;
vertical-align: middle
}
.breadCrumbs li::after {
content:">";
margin: -3px 7px 0 7px;
}
.breadCrumbs {
margin:20px auto;
max-width:1170px;
font-size: 0.9em;
}
.body-chatbot .article-body header {
position:fixed;
background:#fff;
z-index:1000;
padding:20px 0 0;
margin:0;
top:162px;
}
#main .content-chatbot .contenu-fiche {
margin-left:420px;
}
.main-chatbot .content-chatbot .contenu-fiche .table-wrapper {
bottom:40px;
background:#fff;
grid-template-columns:1fr;
grid-template-rows:1fr;
transition:all 3s;
margin-top:10px;
padding:10px;
}
.texte-chatbot .p-form {
margin-bottom:10px;
font-weight:700;
}
/* .main-chatbot .wrapper-article-content .content {
margin-top:0!important;
} */
.body-chatbot .header {
background:#fff;
position:fixed;
top:0;
left:0;
right:0;
background:#eee;
z-index:1000;
}
#texte-intro-chatbot {
font-size:1.2em;
padding:20px;
border-radius:5px;
border:2px solid #12465c;
}
/* .body-chatbot #main .content {
margin-top:45px;
} */
/* .body-chatbot {
margin-top:110px;
} */
.body-chatbot .article-summary .content {
padding-left:0;
}
.boite-avatar .buttons-chatbot button {
text-decoration:none;
color:#fff;
padding:8px 0;
display:inline-block;
background:#787F8B;
vertical-align:middle;
padding:5px 10px;
margin-right:5px;
margin-left:0;
border-radius:10px;
margin-bottom:8px;
cursor:pointer;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-size:1.05em;
box-shadow:0 1px 8px rgba(18,51,90,0.45);
border:none;
text-shadow:0 1px 0 #5d5d5d;
}
.boite-avatar .buttons-chatbot .button-yes {
background:#32a977
}
.boite-avatar .buttons-chatbot .button-no {
background: #B90504
}

/* .b-c  {
font-size: 13px;
position:fixed;
bottom:0;
right:0;
background:#f0f0f0;
color:#fff;
text-align:center;
font-weight:700; */
/* padding:10px; */
/* z-index:10000;
border-radius:10px;
} */

.bandeau-chatbot a {
text-decoration:none;
color:#fff;
display:inline-block;
/* background:#32a977; */
vertical-align:middle;
padding:5px 10px;
border-radius:5px;
}

/*** Boutons d'action du bandeau ***/
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert,
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronPersonalize,
#tarteaucitronRoot #tarteaucitronAlertBig .tarteaucitronCTAButton {
  font-size: inherit;
  cursor: pointer;
  background: rgba(17,65,86,0.95)!important;
  color: var(--w);
  padding: 0.5rem 1.5rem;
  line-height: 1.5rem;
  min-height: 2.5rem;
  width: 100%;
  margin: .5rem 0;
}
#tarteaucitronRoot #tarteaucitronAlertBig #tarteaucitronCloseAlert {
  background-color: var(--t-plain);
  color: var(--w)!important;
  box-shadow: inset 0 0 0 1px var(--bf500);
  order: 5; 
  margin-bottom: 0;
}


.bandeau-chatbot p {
text-align:left;
font-weight:400;
cursor: pointer;
margin:20px;
}
.bulle-bandeau {
color:var(--w)#333;
/* background:#fff; */
background:rgba(17,65,86,0.95);
padding:8px;
border-radius:30px;
line-height:1.1em;
}
.acces-rapide li.before-chatbot {
position:relative;
bottom:-20px;
width:258px;
margin:0;
padding:0;
margin-left:55px;
}
.acces-rapide li.before-chatbot:hover {
opacity:.8;
color:inherit;
}
.acces-rapide li.before-chatbot img {
position:absolute;
width:100px;
left:-5px;
top:-4px
}
.acces-rapide li.before-chatbot .span-mia {
margin-right:5px
}
.accueil-chatbot {
float:left;
display:none;
}
.header-chatbot .accueil-chatbot img {
width: 25px;
position: absolute;
margin-top: 10px;
margin-left: 7px;
}
.header-chatbot .chatbot-name {
text-align:center;
line-height:1em;
display:inline-block;
}
.beta-logo {
margin-left:176px;
}
.wrapper-chatbot .flag-beta img {
width:47px;
}
.version {
text-align:right;
font-size:.9em;
margin-bottom:5px;
display:block;
margin-right:5px;
}
.header-chatbot .version {
text-align:right;
font-size:.9em;
margin-bottom:5px;
display:inline-block;
margin-right:5px;
}
.beta {
border:1px solid #333;
padding:0 5px;
border-radius:3px;
display:inline-block;
}
.header-chatbot .beta {
border:1px solid #fff;
padding:0 5px;
border-radius:3px;
display:inline-block;
}
li.before-chatbot {
border:0;
}
.acces-rapide li.before-chatbot a {
text-decoration:none;
border:0;
}
.acces-rapide li.before-chatbot a .mia-service {
background:#21455a;
font-size:1em;
color:#fff;
border-radius:5px;
text-align:right;
padding-right:10px;
display:block;
box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

.bandeau-chatbot button {
position:initial;
border:none;
cursor:pointer;
background:none;
float:right;
}

.bandeau-chatbot .bulle-mia {
 position: absolute;
max-width: 15%;
float: right;
bottom: 0px;
right: 0px;
}

.bandeau-chatbot {
font-size: 13px;
position:fixed;
bottom:0;
right:0;
background:#f0f0f0;
color:#fff;
text-align:center;
font-weight:700;
/* padding:10px; */
z-index:10000;
border-radius:10px;



box-shadow: rgba(0, 0, 0, 0.24) 1px 4px 15px 0px;
cursor: pointer;
max-width: auto;
}

.span-mia {
position:relative;
z-index:2;
font-weight:700;
font-size:1.3em;
margin-left:8px
}
.span-mia::after {
content:"";
display:block;
position:absolute;
width:38px;
height:15px;
background:#57a67b;
z-index:-1;
top:11px;
left:-2px;
}
.wrapper-chatbot {
box-shadow:0 0 40px 0 rgba(0,0,0,0.2);
z-index:100000;
bottom:40px;
position:fixed;
top:183px;
background:#fff;
/* display:grid;
 grid-template-columns:1fr;
grid-template-rows:60px 1fr 60px; */
max-width:1170px;
width:100%
}
.wrapper-chatbot.chatbot-out {
max-width:400px;
}
.header-chatbot {
padding:10px;
background:#12465c;
color:#fff;
z-index:10000;
left:0;
right:0;
top:0;
text-align:center;
}
.header-chatbot img {
height:auto;
}
.points img {
vertical-align:middle;
}
.point {
width:5px;
height:5px;
background:#999;
border-radius:50%;
margin-bottom:2px;
}
.header-bouton {
float:right;
width:20px;
height:20px;
border:solid 1px #999;
border-top-width:4px;
cursor:pointer;
}
#table-chatbot {
overflow-y:auto;
padding:20px 50px;
}
.texte-user .boite-avatar {
color:#fff;
border-radius:10px 10px 0 10px;
margin:0 10px;
background:linear-gradient(59.38deg,#44A679 8.04%,#3FBC83 101.99%);
max-width:500px;
text-align:left;
width:auto;
padding:8px;
}
.texte-chatbot img + .boite-avatar {
color:#787F8B;
padding:8px;
border-radius:0 10px 10px 10px;
background:#ECF1F7;
display:inline-block;
vertical-align:middle;
}
.texte-chatbot .boite-avatar {
color:#787F8B;
padding:8px;
border-radius:0 10px 10px 10px;
background:#ECF1F7;
margin-top:30px;
}
.texte-user img {
float:right;
margin-left:10px;
width:50px;
}
.parole-user {
text-align:right;
}
.texte-chatbot {
display:inline-block;
word-break:break-word;
}
.texte-user {
display:inline-block;
margin:8px 0;
word-break:break-word;
}
.texte-chatbot p,.texte-user p {
margin:0;
padding:0 8px;
font-size:1em;
overflow:hidden;
line-height:1.3;
}
.RssList a,.header header {
overflow: hidden
}
.texte-chatbot img {
margin:0;
padding:0 8px;
max-width:100%;
margin-top:10px;
}
.parole-chatbot .texte-chatbot {
display:grid;
grid-template-columns:auto auto;
}
.button-envoi img + .access,label.access {
position:absolute;
left:-99999em;
}
.button-micro img + .access,label.access {
position:absolute;
left:-99999em;
}
.div-input-undo-chatbot {
align-self:center;
}
#Champs_demande {
border:none;
overflow:hidden;
font-size:.9em;
background:#ECF1F7;
border-radius:8px;
font-family:Marianne,arial,sans-serif;
height:39px;
outline:none;
padding:0 13px;
border:1px solid #ECF1F7;
transition:.2s;
display:inline-block;
vertical-align:middle;
min-width:280px;
margin-right:10px;
}
#Champs_demande:focus {
background-color:#fff;
border:1px solid #999;
}
#Champs_demande:active {
border:1px solid #ECF1F7;
}
.button-submit {
overflow:hidden;
min-width:100%;
height:30px;
background:#D3D3D3;
color:gray;
font-weight:700;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0;
}
.illustration img {
max-width:280px;
}
.parole-chatbot {
overflow:hidden;
margin:10px;
margin-left: 0;
}
.texte-chatbot .inputerror {
margin:5px 0;
color:#b11414;
}
.commentForm input[type="submit"] {
background:#787F8B;
text-align:center;
border-radius:10px;
width:100%;
display:block;
margin:0 auto;
cursor:pointer;
float:none;
font-size:.9em;
margin-top:5px;
outline:none;
}
.commentForm {
padding:10px;
}
.commentForm div {
margin-bottom:6px;
}
.commentForm textarea {
font-size:.9em;
padding:10px;
outline:none;
background-color:#fff;
border-radius:9px;
border:1px solid #999;
font-family:Marianne,arial,sans-serif;
}
.button-add-comment {
text-decoration:underline;
cursor:pointer;
margin-bottom:15px!important;
}
.button-menu-chatbot {
border:0;
background:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
display:table-cell;
vertical-align:middle;
}
.button-envoi, .button-micro {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
background:none;
cursor:pointer;
padding:0;
margin:0;
display:inline-block;
vertical-align:middle;
}
.button-envoi img {
vertical-align:top;
width:40px;
height:40px;
}
.content .button-menu-chatbot img {
vertical-align:top;
width:27px;
height:40px;
}
.form-footer {
margin:9px auto;
display:table;
}
.form-menu {
position:absolute;
border-top:1px solid #e7e7e7;
bottom:0;
left:0;
right:0;
background:#fff
}
.menu-footer-bot {
position:absolute;
left:0;
right:0;
bottom:0;
background:#fff;
z-index:50;
}
.menu-footer-bot button, .menu-footer-bot a{
border:0;
border-top:1px solid #e7e7e7;
background:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
box-shadow:0 0 0 #fff;
font-size:.9em;
font-weight:500;
height:44px;
text-align:left;
padding-left:23px;
display: block;
}
.menu-footer-bot button:first-child img, .menu-footer-bot a:first-child img {
margin-left:1px;
}
.menu-footer-bot button img, .menu-footer-bot a img{
margin-right:14px;
}
.mentions {
text-decoration: none;
color: gray;
padding-top: 12px;
font: 11px system-ui;
font: -moz-button;
}
.mentions:hover {
color: gray !important;
opacity:0.7;
}
.button-menu span {
display:block;
width:30px;
height:3px;
background:#999;
margin-bottom:5px;
border-radius:2px;
}
.form-chatbot .button-envoi img {
margin-top:-2px;
width:29px;
height:auto;
}

.form-chatbot .button-micro img {
width:29px;
height:auto;
}
.miaTalk {
width:30px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border:0;
background:none;
cursor:pointer;
padding:0;
margin:0;
display:inline-block;
vertical-align:middle;
}
input[type="text"].input-texte-chatbot {
border-right:0;
}
.input-submit-chatbot {
cursor:pointer;
width:20%;
}
.image-avatar {
width:60px;
float:left;
}
.image-avatar img {
width:100%;
height:auto;
}
.input-undo-chatbot.last {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
height:37px;
width:37px;
background:none;
border:0;
background:url(/images/pictos/undo.svg) no-repeat;
background-size:cover;
cursor:pointer;
border-radius:50%;
margin:0!important;
}
.buttons-chatbot {
position:relative;
margin:10px 10px 0;
text-align:center;
}
.loader.component img {
position:absolute;
left:50%;
top:50%;
width:260px;
height:300px;
margin-left:-130px;
margin-top:-260px;
}
.loader.component {
height:100vh;
position:relative;
}
.load_mia {
font-style:italic;
color:#6F6F6F;
position:absolute;
bottom:60px;
left:10px;
}
.comment-text {
min-width:100%;
height:100px;
border:0;
background:#efefef;
resize:none;
margin-top:10px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
button {
    font-family: Marianne;
}
.button-erase {
margin-top:5px;
cursor:pointer;
border-radius:0 0 10px 10px;
}
.advice-text {
font-weight:700;
margin-bottom:15px;
}
input[type=text] {
border:1px solid #999;
padding:10px;
min-width:80%;
}
input[type=submit] {
float:right;
border:1px solid #999;
padding:8px;
color:#fff;
background:#12465c;
}
.bottext p,.usertext p {
padding:10px;
color:#fff;
}
.bottext p {
border-radius:0 10px 10px;
border:1px solid #999;
background:#32A977;
margin-right:50px;
}
.usertext p {
float:right;
border-radius:10px 10px 0;
border:1px solid #999;
background:#355689;
margin-left:50px;
}
.confirm button:last-child {
background:#b3280a;
}
.rating {
line-height:1;
display:inline-block;
}
.rating__item {
display:inline;
font-size:0;
}
.rating__item::before {
font-size:19px;
content:"\002605";
color:#999;
cursor:pointer;
}
.rating__input {
position:absolute;
visibility:hidden;
}

.rating__item:hover ~ .rating__item::before {
color:lightgray;
}
#iframe-chatbot > .parole-chatbot + .parole-chatbot:not(:first-child) .image-avatar {
    display: none;
}
#iframe-chatbot > .parole-chatbot + .parole-chatbot:not(:first-child) .texte-chatbot .boite-avatar {
    margin-top : 0px;
    margin-left: 60px;
}
#waveMia .dot {
display:inline-block;
width:13px;
height:13px;
border-radius:50%;
margin-right:4px;
background:#fff;
animation:wave 1.3s linear infinite;
}
#waveMia .dot:nth-child(2) {
animation-delay:-1.1s;
}
#waveMia .dot:nth-child(3) {
animation-delay:-.9s;
}
p,.content .div-open-button p.bold {
margin:.5em 0!important;
}
#main a:focus,#main a:hover,.aside-article a:focus,.aside-article a:hover,.vert,.info a:focus,.info a:hover,.acces-rapide a:focus,.acces-rapide a:hover,.acces-rapide li:focus,.acces-rapide li:hover,.acces-rapide-top a:focus,.acces-rapide-top a:hover,.acces-rapide-top li:focus,.acces-rapide-top li:hover,.resultSearch ul li a:focus,.resultSearch ul li a:hover,.bloc-top-10 ul a:focus p,.bloc-top-10 ul a:hover p,.actualites .plus-actu a:focus,.actualites .plus-actu a:hover,.moins-button:focus,.moins-button:hover,.moins:focus,.moins:hover,.plus-button:focus,.plus-button:hover,.plus:focus,.plus:hover,button.description:focus,button.description:hover,button.go-contenu:focus,button.go-contenu:hover,button.go-search:focus,button.go-search:hover,.page-erreur h1 span,.rating__item--selected::before {
color:#32a977;
}
button:focus,button:hover,button.fixed:focus,button.fixed:hover,.bandeau-chatbot a:hover,.bandeau-chatbot a:focus,.input-submit-chatbot:hover,.input-submit-chatbot:focus,.input-undo-chatbot:hover {
opacity:.8;
}
.form-contact,.numeriques,.header-nav-top,.header-title-search,.wrapper-article-header,.page-contact {
max-width:1170px;
margin:auto;
}
#main::after,footer::before,.acces-rapide::after,.menu-rapide::after {
content:"";
display:block;
clear:both;
}
.texte-chatbot.chatbot-form > img,.aide-form~.aide-form,.annexe~.annexe,.content-footer li:last-child a::after,.ousadresser+.ousadresser>p,.breadCrumbs li:last-child::after,.chapitre~.cas,.container-contact .close,.content-none,.definition-none,.div-accordeon .bloc-top-10,.intro,.menu-rapide,.moins-result,.none,.snowxiti,.titre-summary,.type+.type,.body-chatbot #main.article-summary .summary-left,.body-chatbot .breadcrumbs,.type,#app .body-chatbot .partage,.chatbot-in,.body-chatbot aside {
display:none;
}
.nav-top-right ul,.nav-top-left ul,.acces-rapide ul,.container-contact ul,.table ul,.content .comment ul,.breadCrumbs ul,.nav-top ul {
padding:0;
margin:0;
list-style:none;
}
.nav-top-right li,.nav-top-left ul li,.liste-menu ul .ul-dossier li,.liste-menu ul ul ul li,.content-footer li,.guide,.type,button.sticky span {
display:inline-block;
}
.nav-top-right a.fb.externe::after,.nav-top-right a.twitter.externe::after,.liste-menu ul ul li a::before,.liste-menu-asso ul ul li a::before,.liste-menu .ul-dossier li:last-child::after,.liste-menu ul ul ul li:last-child::after,.article-body.other .content aside ul li a::before,.resultSearch ul li::before,.ousadresser+.ousadresser::before,.aside-article .ousadresser::before,.lien-teleservice a.externe::after,.acces-rapide li.before-chatbot::before {
content:"";
display:none;
}
.nav-top-right a span,.tooltip-a .definition,.twitter-hide {
position:absolute;
left:-9999em;
}
.fieldset,fieldset,.wrapper-header,.relative {
position:relative;
}
.nav-top-left a:visited,.nav-top-right a:visited,.content aside h2,.breadCrumbs a:visited {
color:#333;
}
.nav-top-left a:visited:hover,.nav-top-right a:visited:hover,.breadCrumbs a:visited:hover {
color:#767676;
}
.acces-rapide-top ul,.article-body.other .content ul,aside ul {
list-style:none;
}
.header-nav-top .acces-rapide-top li,.container-contact .close.open,.div-accordeon.active .bloc-top-10,.open,.actu .date,.actu img,.aide-form+a,.complement,.content-none.display,.fixed .titre-summary,.source,.nav-top a {
display:block;
}
.container-contact .contact-3 a,.bouton-top button:focus,.bouton-top button:hover,.formulaires ul li:focus::before,.formulaires ul li:hover::before,.teleservices ul li:focus::before,.teleservices ul li:hover::before,.confirm button {
background:#32a977;
}
#main .container-contact a:hover,.container-contact a:focus,.toutes-demarches:focus,.toutes-demarches:hover,.lien-teleservice a:visited {
color:#fff;
}
.warning_112 .warning-image-left,.warning_112 .warning-image-right,.warning_112 .warning-texte,.form-chatbot {
display:table-cell;
vertical-align:middle;
}
.div-accordeon.active,.react-autosuggest__suggestions-container,.resultSearch.table,#main .article-body,#main .content {
background:#fff;
}
.resultSearch ul,.liste-menu ul,.liste-menu-asso ul {
margin:0;
padding:0;
list-style:none;
}
.react-autosuggest__suggestions-container ul li,.form-contact select,.menu-footer-bot .button-submit {
cursor:pointer;
}
.fieldset input[type=submit].searchButton:focus,.fieldset input[type=submit].searchButton:hover,.lien-teleservice a:focus,.lien-teleservice a:hover {
opacity:.6;
}
.bloc-top-10 ul a:focus,.bloc-top-10 ul a:focus span,.bloc-top-10 ul a:hover,.bloc-top-10 ul a:hover span,.formulaires ul li:focus a,.formulaires ul li:hover a,.teleservices ul li:focus a,.teleservices ul li:hover a {
color:#32a977;
}
.bloc-top-10 .div-toutes-demarches ul,.liste ul li p {
margin:0;
}
.result-info span,.ousadresser .service-adresse,.aide-form,.annexe,.li-sd a,.summary li.chapitre button,.summary li.situation button,.bold,.div-open-button>h3,.lien-teleservice a,.strong,.title-aside,.bonjour-bold {
font-weight:700;
}
.plus,.plus-button,.moins,.moins-button {
border:none;
border-radius:4px;
display:inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
font-size:1em;
color:#12465c;
}
.content.introduction {
    padding: 8px 0px;
}
.actu img,.content img,.rsslist img {
max-width:100%;
height:auto;
}
.content img {max-width: 100%}
.actu h3,.actu p,.content-footer li,.content-footer ul {
padding:0;
margin:0;
}
.actu a,.li-sd a {
text-decoration:none;
}
.liste-menu ul li a:before,.liste-menu-asso ul li a:before,.article-body.other .content ul li a::before {
content:"";
display:inline-block;
height:5px;
width:5px;
background:#114156;
vertical-align:middle;
border-radius:50%;
margin-right:8px;
}
.center,.chatbot-name {
text-align:center;
}
.aside-article ul li a {
    text-decoration: none;
    font-weight: 700;
    margin-top: 12px;
    display: block
}
.content .comment ul li a {
    text-decoration: none;
    font-weight: 700;
    margin-top: 12px;
    display: block
}
.none-result,.main-chatbot .article-body {
margin-top:0;
}
.ousadresser~button,.sommaire-static ul li,.summary li {
font-size:1em;
}
.article-body,.aside-article,.alert,.alert+*,.form {
margin-top:20px;
}
.complement,.source,.article-body h1 {
margin-bottom:0;
}
.summary-left,.points {
float:left;
}
.footer,.form-contact {
margin-bottom:40px;
}
.partage-left,.nav-top-right,.header-chatbot .version-bloc {
float:right;
}
.formulaires aside ul li a,.teleservices aside ul li a,.wrapper-chatbot.chatbot-out #table-chatbot,.commentForm p {
padding:0;
}
.breadCrumbs li,.breadCrumbs li::after,.intro-mia,.allons-y span {
display:inline-block;
vertical-align:middle;
}
.wrapper-article-content .summary-left + .content {
    padding-left: 20px
}
@keyframes waveMia {
0%,60%,100% {
background:#fff;
}

30% {
background:#32a977;
}
}
.chat {
max-width:500px;
margin:auto;
}
.mapping {
width:100%;
height:800px;
}
.chatbot .bottext {
background:url(/images/chatbot.png) no-repeat;
background-size:50px 50px;
padding:10px 10px 10px 50px;
}
.form {
margin-top:20px;
}
#wave .dot {
display:inline-block;
width:30px;
height:30px;
border-radius:50%;
margin-right:10px;
background:#fff;
animation:wave 1.3s linear infinite;
}
#wave .dot:nth-child(2) {
animation-delay:-1.1s;
}
#wave .dot:nth-child(3) {
animation-delay:-.9s;
}
.closeComment {
float:right;
background:url(/images/pictos/close.svg);
width:35px;
height:35px;
border:none;
background-size:cover;
cursor:pointer;
}
.closeComment:hover {
opacity:.8;
}
.header-chatbot.test {
display:none;
}
div#wave {
text-align:center;
}
@keyframes wave {
0%,60%,100% {
background:#fff;
}
20% {
background:#237653;
}
}
img[src*="xiti"] {
width:1px!important;
height:1px!important;
max-width:1px!important;
display: none;
}
@media all and (max-width:1180px) {
    body {
    padding:0 10px;
    }
    .table th {
    white-space:nowrap;
    }
    .content-table {
    overflow-x:scroll;
    }
    
    button,input {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    border-radius:0;
    }
}
    @media all and (min-width:1025px) {
    #table-chatbot {
        overflow-y:auto;
        padding:20px 50px;
        height:auto
    }
    .tooltip-a:focus .definition,.tooltip-a:hover .definition {
    background:#fff;
    color:#333;
    text-decoration:none;
    padding:8px;
    border:1px solid #114156;
    font-size:1em;
    width:200px;
    left:50%;
    margin-left:-100px;
    z-index:1000;
    box-shadow:-2px 2px 0 #114156;
    }
}
@media all and (max-width:1180px) {
    body {
    padding:0 10px;
    }
} 
 @media all and (max-width:1024px) {
    .loader.component img {
    position:absolute;
    left:50%;
    top:50%;
    width:180px;
    height:200px;
    margin-left:-90px;
    margin-top:-180px;
    }
    .tooltip-open .definition {
    background:#fff;
    color:#333;
    text-decoration:none;
    padding:8px;
    border:1px solid #114156;
    font-size:1em;
    width:200px;
    left:50%;
    margin-left:-100px;
    z-index:1000;
    box-shadow:-2px 2px 0 #114156;
    }
    header img {
        margin-right: 110px;
    }
    header h1 {
        margin-top: 33px;
    }
    #table-chatbot {
    padding:0;
    padding-bottom:20px;
    height:90vh
    }
    #iframe-chatbot {
        margin-top:100px;
        padding-bottom:50px
    }
    .bloc-top-10 li {
    width:50%;
    }
    .bloc-top-10 .div-toutes-demarches li {
    width:33.333%;
    }
    .actualites .actu {
    width:auto;
    float:none;
    overflow:hidden;
    }
    .image-actu {
    float:left;
    width:40%;
    margin-right:10px;
    }
    .header header {
    overflow:hidden;
    }
    .header-title {
    margin:0;
    }
    .header-chatbot {
    display:block;
    position:fixed;
    text-align:center;
    }
    .header-bouton-mobile {
    float:right;
    cursor:pointer;
    font-size:2.5em;
    line-height:.5em;
    padding-top:7px;
  
    }
    .content-chatbot #texte-intro-chatbot  {
    font-size:0.7em!important;
    padding:0 20px!important;
    line-height:1em!important;
    }
    #main .content-chatbot .contenu-fiche {
    margin-left:auto;
    }
    .header header h1 {
    font-size:1.8em;
    }
    .wrapper-chatbot {
        box-shadow:none;
        z-index:100000;
        bottom:0;
        position:fixed;
        top:0;
        background:#fff;
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:60px auto 60px;
        max-width:1170px;
        width:100%
    }
    .chatbot-in {
    display: block;
    width: 65px;
    height: auto;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10000;
    cursor: pointer;
    text-align: right;
    overflow: hidden;
    filter: drop-shadow(0px 6px 9px #adb5b9);
    }
    .chatbot-in:hover {
    opacity:0.95;
    background:#767f89;
    border-radius:50%;
    z-index:10000;
 
    box-shadow:0 0 6px 6px rgba(0,0,0,0.2);
    }
    .wrapper-chatbot.chatbot-out {
    left:-200%;
    transition:left .5s;
    }
    /* .body-chatbot {
    margin-top:50px;
    } */
    .body-chatbot .article-body header {
    top:50px;
    }
    .button-erase {
    border-radius:0;
    }
    .acces-rapide li.before-chatbot {
    margin-left:0;
    }

    .article-body header {
    top:50px!important;
    }
    .accueil-chatbot,.main-chatbot .content-chatbot .contenu-fiche .table-wrapper {
    display:block;
    }
    .header-bouton-mobile:hover,.chatbot-in:hover {
    opacity:.8;
    }
    .header-bouton,#texte-intro-chatbot,.body-chatbot .header {
    display:none;
    }
}
 @media all and (max-width:800px) {

    header img {
        margin-right: 55px;
        width: 150px;
    }
    .header nav {
        position: fixed;
        transform: scale(0.8);
        right: -11px;
        top: -3px;
        padding: 0px 6px;
    }
    .header header h1 {
        margin-top: 30px;
        font-size: 1.6em;
    }
    .wrapper-chatbot .flag-beta {
    margin-right:47px;
    }
    .acces-rapide li.before-chatbot {
        position:relative;
        bottom:8px
    }
    .acces-rapide li.before-chatbot a .mia-service {
        padding-right:0;
        background:none;
        box-shadow:none
    }
    .acces-rapide li.before-chatbot img {
    position: absolute;
    width: 35px;
    margin-right: 10px;
    top: 3px;
    left: 27px;
    }
    .article-body {
    margin-top:0;
    }
    .rsslist a,.header header {
    overflow:hidden;
    }
    .menu-rapide {
    position:absolute;
    z-index:10;
    margin-bottom:10px;
    right:10px;
    display:block;
    }
    .acces-rapide .button-menu {
    -moz-appearance:none;
    -webkit-appearance:none;
    appearance:none;
    border:none;
    border-radius:4px;
    font-weight:700;
    font-size:1em;
    color:#12465c;
    cursor:pointer;
    font-family:Marianne,arial,sans-serif;
    margin:0;
    width:30px;
    height:35px;
    padding:0;
    float:right;
    position:relative;
    overflow:hidden;
    }
    #menu-rapide {
    position:absolute;
    z-index:1000;
    top:46px;
    margin:0;
    background:#12465c;
    border-radius:5px;
    list-style:none;
    padding:0 20px;
    left:-9999em;
    } 
    #menu-rapide .version {
        display:none
    }
    .button-menu.button-open+#menu-rapide {
    left:auto;
    right:0;
    }
    #menu-rapide li {
    padding:0;
    margin:0;
    text-align:right;
    }
    #menu-rapide li a {
    border:0;
    color:#fff;
    }
    #menu-rapide li a:hover {
    border:0;
    color:#32a977;
    }
    #menu-rapide li::before {
    content:"";
    display:none;
    }
    .info-search {
    min-width:100%;
    padding-right:0;
    min-width:100%;
    padding-right:0;
    }
    .button-menu span {
    display:block;
    height:5px;
    background:#12465c;
    margin-top:5px;
    border-radius:2px;
    }
    .button-menu.button-open span:first-child {
    position:absolute;
    top:-8px;
    width:40px;
    transform:rotate(45deg);
    transform-origin:0 50%;
    }
    .button-menu.button-open span:last-child {
    position:absolute;
    bottom:0;
    width:50px;
    transform:rotate(-45deg);
    transform-origin:0 50%;
    }
    .menu-rapide .button-menu.button-open {
    margin-top:5px;
    width:25px;
    height:30px;
    }
    #main,#result,.article-body,.result,.summary-left,.summary-leftr,.wrapper-article-content {
    height:auto!important;
    }
    .article-summary .content {
    padding-left:0;
    }
    .wrapper-bloc-info {
    padding:0;
    }
    .titre-summary {
    display:none!important;
    }
    .summary-left {
    float:none!important;
    width:auto!important;
    }
    .rsslist li,.glossaire-demarche,.glossaire-fiche,.info {
    float:none;
    width:auto;
    }
    .bloc-summary {
    position:static!important;
    width:auto!important;
    }
    #main.article-summary .article-body {
    background:#fff;
    }
    .summary.fixed {
    position:static;
    }
    .bloc-summary.fixed {
    max-width:100%;
    }
    #main.article-summary .summary-left {
    width:auto;
    }
    #main .aside-ombre {
    margin:auto!important;
    margin-left:10px!important;
    }
    .service-en-ligne {
    max-width:inherit;
    }
    .warning_112 .warning-texte {
    display:block;
    padding:10px;
    }
    .container-contact .contact-3 .blocs-2 li,.container-contact ul li,.container-contact ul li.blocs-2 {
    float:none;
    width:auto;
    padding:10px 0;
    }
    .container-contact a {
    line-height:50px;
    }
    .content,aside,.header-nav-top,fieldset,.bloc-top-10,#divrss li,.ousadresser a,.rsslist,.footer,.form-contact,.nav-top,.partage,.demande-envoi,.boite-avatar,.form,.usertext {
    overflow:hidden;
    }
    .rsslist li {
    padding:15px;
    }
    .texte-chatbot.chatbot-form > img,.aide-form~.aide-form,.annexe~.annexe,.content-footer li:last-child a::after,.ousadresser+.ousadresser>p,.breadCrumbs li:last-child::after,.chapitre~.cas,.container-contact .close,.content-none,.definition-none,.div-accordeon .bloc-top-10,.intro,.menu-rapide,.moins-result,.none,.snowxiti,.titre-summary,.type+.type,.body-chatbot #main.article-summary .summary-left,#app .body-chatbot .partage,.body-chatbot .breadcrumbs,.body-chatbot aside {
    display:none;
    }
    .rsslist h3,.rsslist p,.rsslist span {
    padding:0;
    margin:0;
    }
    .nav-top-right li,.nav-top-left ul li,.liste-menu ul .ul-dossier li,.liste-menu ul ul ul li,.content-footer li,.guide,.type,button.sticky span {
    display:inline-block;
    }
    .nav-top-right a.fb.externe::after,.nav-top-right a.twitter.externe::after,.liste-menu ul ul li a::before,.liste-menu-asso ul ul li a::before,.liste-menu .ul-dossier li:last-child::after,.liste-menu ul ul ul li:last-child::after,.article-body.other .content aside ul li a::before,.resultSearch ul li::before,.ousadresser+.ousadresser::before,.aside-article .ousadresser::before,.lien-teleservice a.externe::after,.acces-rapide li.before-chatbot::before {
    content:"";
    display:none;
    }
    input,textarea {
    font-size:16px;
    }
    .tarteaucitronAlertBigBottom {
    height:30%!important;
    }
    #tarteaucitronPersonalize,#tarteaucitronCloseAlert {
    display:block;
    margin-top:10px;
    }
    #iframe-chatbot {
    margin-top:70px;
    }
    .input-undo-chatbot,.input-undo-chatbot-last {
    right:0;
    }
    .accueil-chatbot,.rsslist a,.rsslist img,.rsslist span {
    display:block;
    }
    .nav-top-left,.button-menu.button-open span:nth-child(2),.info,.warning_112 .warning-image-left,.warning_112 .warning-image-right {
    display:none;
    }
   .rsslist a,.bloc-top-10 .div-toutes-demarches li a,.titre-h2,.titre-h2-small,h2 {
    font-size:1.2em;
    }
    .header-title,.container-contact .close ul,.container-contact .contact-1 ul {
    margin:0;
    }
}
 @media all and (max-width:700px) {
    .bandeau-chatbot a {
        display: inline;
    }


    .bandeau-chatbot .bulle-mia {
        position: absolute;
        max-width: 20%;
        float: right;
        bottom: 21px;
        right: 13px;
    }

    .breadCrumbs li, .breadCrumbs li::after, .intro-mia, .allons-y span {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
    }

    .tooltip-open .definition {
    font-size:.8em;
    }
}
@media all and (max-width:600px) {
    .bandeau-chatbot a {
        display: inline;
    }
    .bandeau-chatbot .bulle-mia {
        position: absolute;
        max-width: 20%;
        float: right;
        bottom: 21px;
        right: 13px;
    }
    
    .breadCrumbs li, .breadCrumbs li::after, .intro-mia, .allons-y span {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
    }

    .texte-user .boite-avatar {
    margin-right:10px;
    }
    .mapping {
    width:540px;
    height:600px;
    }
    .header img {
        margin-right: 30px;
    }
    .header nav {
        position: fixed;
        transform: scale(0.8);
        right: -11px;
        top: -3px;
        padding: 0px 6px;
    }
    .header header h1 {
    font-size:1.4em;
    margin-top: 33px;
    }
    .result-info span,.ousadresser .service-adresse,.aide-form,.annexe,.li-sd a,.summary li.chapitre button,.summary li.situation button,.bold,.div-open-button>h3,.lien-teleservice a,.strong,.title-aside,.bonjour-bold {
    font-weight:700;
    }
    .nav-top-left li {
    display:block;
    font-size:.9em;
    }
    .tarteaucitronAlertBigTop {
    height:auto!important;
    }

}
@media all and (max-width:500px) {
    .bandeau-chatbot a {
        display: inline;
    }

    .bandeau-chatbot .bulle-mia {
        position: absolute;
        max-width: 20%;
        float: right;
        bottom: 21px;
        right: 13px;
    }
    
    .breadCrumbs li, .breadCrumbs li::after, .intro-mia, .allons-y span {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
    }

    .texte-chatbot,.texte-user,.input-undo-chatbot,.texte-chatbot img {
    margin-right:0;
    }
    .wrapper-header {
    height:60px;
    }
    .header-title h1 {
    padding-left:10px;
    }
    .react-autosuggest__suggestions-container ul {
    text-align:left;
    }
    .titre-article-body {
    font-size:1.2em;
    }
    h1.target {
    font-size:1.1em;
    }
    .mapping {
    width:440px;
    height:500px;
    }
    .tac_activate {
    margin:auto!important;
    }
    .bloc-top-10 .div-toutes-demarches li {
    display:block;
    width:auto;
    }
    .rsslist img {
    float:none;
    max-width:inherit;
    width:100%;
    }
    .toutes-demarches {
    padding:6px;
    border-width:3px;
    }
    .glossaire-fiche ul {
    float:none;
    width:auto;
    }
    header img {
    width: 93px;
    }
    .header header h1 {
        font-size: 1em;
        margin-top: 19px;
    }
    .bloc-top-10 li {
    float:none;
    width:auto;
    padding:0 10px;
    }
    .div-button-moins,.div-button-plus {
    margin-top:20px;
    }
    .image-actu {
    float:none;
    width:auto;
    margin-right:0;
    }
    .verifie {
    line-height: 1.1;
    }
}
@media all and (max-width:420px) {
    .bandeau-chatbot a {
        display: inline;
    }
    .bandeau-chatbot .bulle-mia {
        position: absolute;
        max-width: 20%;
        float: right;
        bottom: 21px;
        right: 13px;
    }
    
    .breadCrumbs li, .breadCrumbs li::after, .intro-mia, .allons-y span {
        display: inline-block;
        vertical-align: middle;
        max-width: 80%;
    }


    .parole-chatbot .image-avatar {
        width:40px;
        height:auto;
        margin-top:15px
    }
    #Champs_demande {
        min-width:180px
    }
    /*.header-title a img,.bloc-top-10 img,*/
    .ul-rs {
    display:none;
    }
    .react-autosuggest__container {
    float:none;
    min-width:100%;
    }
    .fieldset input[type=submit].searchButton {
    float:none;
    margin-top:10px;
    }
    .mapping {
    width:360px;
    height:420px;
    }
    .actualites .plus-actu a,.bloc-top-10 ul a,.info p,.moins,.moins-button,.plus,.plus-button {
    font-size:1em;
    }
    .bouton-top a {
    font-size:.9em;
    }
    header h1 {
    font-size:1.1em;
    }
    fieldset input[type=submit].searchButton {
    font-size:.9em;
    width:130px;
    }
    fieldset input[type=text].react-autosuggest__input {
    width:calc(100% - 130px);
    }
    .nav-top-left li {
    display:none;
    }
    .header-nav-top a.contact,.header-nav-top a.twitter {
    height:25px;
    width:25px;
    }
    .header-nav-top a.fb {
    height:20px;
    width:20px;
    }
    .button-menu,.button-envoi {
    margin:0;
    }
    .mentions {
    overflow: hidden; /* to hide anything that doesn't fit in the containing element. */
    white-space: nowrap; /* to make sure the line doesn't break when it is longer than the containing div. */
    text-overflow: ellipsis; /* to do what you want. */
    }
}
 @media all and (max-width:340px) {
    .bandeau-chatbot a {
        display: inline;
    }
    
    .bandeau-chatbot {
        display:none!important
    }
    .version {
    display:none;
    }
    .header-chatbot .chatbot-name {
        display:block;
        font-size:0.9em
    }
    .beta-logo {
        margin-left:210px
    }
    .mapping {
    width:280px;
    height:340px;
    }
    .demande-envoi {
    margin:0;
    }
}