/*GÉNÉRIQUE*/
html,
body {
color: #333;
font-family: 'Roboto', sans-serif;
font-size: 16px;
height: 100%;
line-height: 22px;
width: 100%;
}
#conteneur {color:#4C4C4C; margin:0 auto -300px; min-height:100%; width:100%;}
p {margin: 0 0 30px 0; color: #333; line-height: 24px;}
hr { margin:0 0 30px 0; border-top: 2px solid #eaeaea;}
/*TITRE*/
h1, h2, h3, h4, h5, h6 {font-weight:normal; margin:0; padding:0 0 15px 0; color: #333;}
h1/*,
.home #main h2*/ { font-size:1.875rem; /*margin-top:-9px;*/ padding-top:0; padding-bottom: 0px; font-weight: 500;}
h2 { font-size:1.5rem; padding-top:15px; line-height: 30px;}
h3 { font-size:1.25rem; padding-top:15px;}
h4 { /*background: url('images/bg_pointille.png') repeat-x top left;*/ font-size:1.125rem; padding-top:15px;}
p+h4{padding-top:30px;}
h2+h4 {background:none;}
table h4 {background:none;}
.su-spoiler-content h4:first-child {background:none;}
h5 {font-size:100%; font-weight:bold; }
h6 {font-weight:bold;}
/*Ajustement COVID-19 */
#contenu_gauche .menu {padding-bottom:30px;}
.textwidget p {
margin-bottom: 20px;
}
.wp-block-image {
padding-bottom: 30px;
}
.page .entry-content h2+ul {margin-top: -5px}
/*Iframe*/
embed, iframe, object {
border: 0;
}
/*LIENS*/
a,
a:link,
a:visited {color:#0079BE; text-decoration:none;}
a:hover {text-decoration:underline;}
a.lien_externe, .lien_externe a {background: url("images/fleche_droite_bleu.svg") no-repeat right top 5px; padding-right:15px;}
/*LISTE*/
ul,
ul li ul {list-style:none; margin:0; padding:0;}
ul li p{margin-bottom:0px;}
#contenu_centre ul {padding:0 0 20px 0;}
#contenu_centre ul li ul {padding:10px 0 0 0;}
ol, ol li ol {margin-left:10px; padding:0 0 10px 20px;}
#contenu_centre ol li{padding-bottom:10px;}
/*TABLEAU*/
#main table {display:block; max-width:100%;}
#main table.noSticky {overflow:auto;}
#main table thead {background:#ebebeb; font-weight:bold; text-transform:uppercase;}
#main table thead tr {}
#main table thead tr th {padding:10px 20px;}
#main table thead tr th,
#main table tbody tr td {border:1px solid #d9d9d9;}
#main table tbody {}
#main table tbody tr {}
#main table tbody tr td {padding:15px 20px;}
#main .su-accordion table thead tr th,
#main .su-accordion table thead tr td {background:#F2F2F2;}
#main .su-accordion table tbody tr td {background:#FFF;}
/*dégradé, qui se met lorsque le tableau peut se continuer à droite*/
div.degrade {
background: transparent;
background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
height: 50px;
position: absolute;
right: 15px;
width: 50px;
z-index: 110;
}
.tableTOlist+.degrade {display:none;}
.sticky-thead+div.degrade {display:none;}
.sticky-wrap {margin:0;}
.sticky-wrap .sticky-thead {box-shadow:none;}
/*ACCORDÉON*/
#main .su-accordion {margin-bottom:30px; clear:both;}
.su-accordion .su-spoiler .su-spoiler-title,
.panel-group .panel .panel-heading h4 a {
background: url('images/moins.svg') no-repeat #564076;
background-position:right 20px center;
color:#FFF;
font-size:16px;
padding: 10px 40px 10px 20px;
}
.panel-group .panel .panel-heading.ouvert h4 a,
.panel-group .panel .panel-heading.ouvert h4 a:hover,
.panel-group .panel .panel-heading h4 a[aria-expanded="true"],
.panel-group .panel .panel-heading h4 a[aria-expanded="true"]:hover{
background: url('images/moins.svg') no-repeat #564076;
background-position:right 20px center;
color:#FFF;
font-size:16px;
padding: 10px 40px 10px 20px;
}
.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title,
.panel-group .panel .panel-heading h4 a{background: url('images/plus-mauve.svg') no-repeat #EEECF1; color:#564076; background-position:right 20px center; }
.su-accordion .su-spoiler.su-spoiler-closed .su-spoiler-title:hover,
.panel-group .panel .panel-heading h4 a:hover {background-color:#564076; background-image: url('images/plus.svg'); color:#FFF;}
.su-accordion .su-spoiler .su-spoiler-title .su-spoiler-icon {left:auto; right:10px; top:5px;}
.su-accordion .su-spoiler .su-spoiler-title span {display:none;}
.su-accordion .su-spoiler .su-spoiler-content .degrade {
background: transparent;
background: -moz-linear-gradient(right, rgba(235,235,235,1) 0%, rgba(235,235,235,0) 100%);
background: -webkit-linear-gradient(right, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
background: linear-gradient(to left, rgba(235,235,235,1) 0%,rgba(235,235,235,0) 100%);
margin-top:30px;
}
/*PSI-631*/
.su-accordion .su-spoiler .su-spoiler-content h2,
.su-accordion .su-spoiler .su-spoiler-content h3{/*padding-top:5px;*/}
/*Ajustement Collapse Bootstrap*/
.entry-title+#accordion-defaut {margin-top: 1.5rem;}
.panel-group{height: auto !important;}
.panel-group .panel {border: none; margin-bottom: .5em; position:relative !important; top:0 !important; left: 0 !important;}
.panel-group .panel .panel-heading {padding: 0; margin: 0;}
.panel-group .panel .panel-heading h4 {padding:0;}
.panel-group .panel .panel-heading h4 a {display: block; line-height: 20px;}
.panel-group .panel .panel-heading h4 a:hover {text-decoration: none;}
.panel-group .panel .panel-collapse {padding: 0;}
.panel-group .panel .panel-collapse .panel-body {padding: 0; border: none;}
.quicksearch {margin: 20px 0 10px;}
/*FORMULAIRE*/
form .ninja-forms-all-fields-wrap .ninja-forms-required-items {display:none;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select,
form .ninja-forms-all-fields-wrap .field-wrap textarea {margin:0 !important; width:75%;}
form .ninja-forms-all-fields-wrap .field-wrap input[type=text],
form .ninja-forms-all-fields-wrap .field-wrap select {
border: 1px solid #d9d9d9;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
height: 33px;
padding:3px;
}
form .ninja-forms-all-fields-wrap .field-wrap select {
background: url('images/fleche_form.svg') no-repeat right top;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
}
form .ninja-forms-all-fields-wrap .field-wrap input[type=submit] {background:#0079BE; border:none; box-shadow:none; color:#FFF; float:right; font-weight:bold; line-height:normal; padding:7px 30px;}
form .ninja-forms-all-fields-wrap .field-wrap label {display:block; float:left; padding:5px 10px 0 0; text-align:right; width:25%;}
form .ninja-forms-all-fields-wrap .field-wrap span ul {margin-left:-15px;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li,
#contenu_interieur .nf-form-content .nf-field-element ul li {background:none; float:none;}
form .ninja-forms-all-fields-wrap .field-wrap span ul li label {width:auto;}
#header form input[type=submit],
#header form input[type=text] {border:0; box-shadow:none; color:#818181; font-family:'Roboto', sans-serif; padding:0;}
#header form input[type=text] {padding:0 0 0 7px;}
/*Styles pour les boutons*/
.nf-form-content .submit-container .submit-wrap input[type=button]{background-image: url(images/fleche_droite.svg); background-color: rgba(0,0,0,0.85); background-position: right 25px top 16px; background-position-x: 83%; background-position-y: 50%; background-repeat: no-repeat; border:none; border-radius:0; box-shadow:none;text-shadow:none; color: #FFF; font-size: 112.5%; padding: 10px 43px 10px 25px; }
.nf-form-content .submit-container .submit-wrap input[type=button]:hover{background-color:#4c4c4c;}
/*BLOCKQUOTES*/
blockquote {
border-left: none;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
float: left;
font-size: 150%;
line-height: 120%;
margin: 0 25px 25px 0;
max-width: 350px;
padding: 0 25px 25px 0;
}
/*EMPHASE*/
mark {background:#ebebeb; display:block; padding:35px;}
mark strong {display:block;}
.su-accordion mark {background:#FFF;}
/*IMAGES*/
#contenu_centre table img {max-width:none;}
/*TITRE*/
#conteneur #header #header_couleur #header_interieur #titre #titre_site {margin:2px 0 4px;}
/*IMAGE ACCORDION*/
#contenu_centre .su-accordion img {float:none;}
/*CONTENU*/
#conteneur #contenu {}
/*CONTENU INTERIEUR*/
#conteneur #contenu #contenu_interieur {margin:0 auto;}
/*CONTENU GAUCHE*/
#conteneur #contenu #contenu_interieur #contenu_gauche {}
#contenu #contenu_interieur #contenu_gauche h2 {font-size:150%; padding-bottom:5px; padding-top:0;}
#contenu #contenu_interieur #contenu_gauche #liens_rapides_menu {padding: 15px 0 0 27px;}
/*MENU SECONDAIRE*/
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire {margin-bottom:30px;}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container {}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul {}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li {
background: rgba(0,0,0,0.85);
margin-bottom: 5px;
padding: 0;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li:hover,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container>ul>li.current-menu-item,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li:hover,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container>ul>li.current-menu-item {background:#4c4c4c;}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li a,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li a,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li.menu-item-has-children>a,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li.menu-item-has-children>a {
background: url('images/plus.svg') no-repeat;
background-position:right 20px top 16px;
background-position-x:92%;
background-position-y:50%;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li a.active,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li a.active {background: url('images/moins.svg') no-repeat right 20px top 16px #000;}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul {
background: #4C4C4C;
display: none;
padding: 15px;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li {
background: none;
padding: 0;
}
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-container ul li ul li a,
#conteneur #contenu #contenu_interieur #contenu_gauche #menu_secondaire .menu-menu-secondaire-en-container ul li ul li a {
background: url('images/puce_sous_menu.svg') no-repeat left 10px top 13px;
padding: 5px 10px 5px 30px;
}
/*CONTENU CENTRE*/
#conteneur #contenu #contenu_interieur #contenu_centre a.noAfterContent[target="_blank"]:after {content:none;}
/*FOOTER*/
.logo_sav {
float:right;
}
/*FIL D'ARIANE*/
#conteneur #header #fil_ariane #fil_ariane_interieur #ariane ul li:last-child {color:#585858;}
/*PAGE D'ACCUEIL*/
.home #conteneur #contenu #contenu_interieur #contenu_centre #main {}
.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil {padding-bottom:45px; position:relative;}
.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous {}
.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul {}
.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous ul li {
background: none;
padding: 0;
}
.home #conteneur #contenu #contenu_interieur #contenu_centre #main .section_accueil .liens_tous a {
background:url('images/fleche_droite_bleu.svg') no-repeat right center;
padding-right: 15px;
}
/*TABLEAU vers LISTE mobile*/
#conteneur #contenu #contenu_interieur #contenu_centre #main .tableTOlist li ul {margin-bottom:0;}
#contenu_interieur .tableTOlist>li {
background: none;
border-top: 1px solid #ccc;
padding-top: 17px;
}
/*MESSAGE IMPORTANT*/
.alerte {
background: #ca4700;
color: #FFF;
padding: 20px;
}
/*EN CHIFFRE*/
.chiffreSeparation {display:none;}
.row .chiffre,
.row .chiffre div{
margin: 0;
}
.row .chiffre .wp-block-column {
border-top: 1px solid #cbcbcb;
margin-top: 20px;
padding-top: 30px;
}
.chiffre p {
margin-bottom: 10px;
text-align: center;
}
.chiffre p:first-child {
font-size: 22px;
font-weight: 500;
}
.chiffre p+p {
font-size: 18px;
}
/*ACCUEIL*/
.home .entry-content .wp-block-image:first-child {
display:none;
}
.encadre {
padding: 30px 30px 10px;
border: 2px solid #333;
margin-bottom: 20px;
}