html{
--oeuf:#fffff0;
--inter:#0000FF;
--inter04:rgba(0,0,255,0.4);
--inter03:rgba(0,0,255,0.3);
--inter01:rgba(0,0,255,0.1);
--auteur:#fbe1ec;
--editeur:#8fcec7;
--bibli:#d4da61;
--manif:#b1c3e6;
--libraire:#ffee00;
--public:#ffac27;
font-size: 16px;
}
body{
width: 100%;
height: 100%;
text-align: center;
font-family: 'bs-regular';
font-weight: normal;
font-size: 1rem;
/*-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;*/
-moz-osx-font-smoothing: subpixel-antialiased;
-webkit-font-smoothing: subpixel-antialiased;
font-smoothing: subpixel-antialiased;
background-color: var(--oeuf);
/*background-image: url(../img/placement_iphone.jpg);*/
background-repeat: no-repeat;
background-position-x: center;
color: #000;
}
dl, ol, ul {
margin-bottom: 0rem;
}
#cdu_close {
top:-100px!important;
}
/* Override styles */
.small, small {
font-size: 100%!important;
}
div.cck-pad-8 .cck-plr {
padding-left: 0px;
padding-right: 0px;
}
.cck-pad-8 > div {
margin-left: 0px;
margin-right: 0px;
}
.order-phone-1{
order:1;
}
.order-phone-2{
order:2;
}
/* */
bold, strong{
font-family: 'bs-semibold';
font-weight: normal;
}
input:focus, button:focus{
outline: none!important;
}
blockquote{
margin-left: 20px;
}
.inter{
color: var(--inter);
}
.bgd-inter{
background-color: var(--inter);
}
.bgd-inter01{
background-color: var(--inter01);
}
.bgd-inter03{
background-color: var(--inter03);
}
.bgd-inter04{
background-color: var(--inter04);
}
.bgd-auteur{
background-color: var(--auteur);
}
.bgd-editeur{
background-color: var(--editeur);
}
.bgd-bibli{
background-color: var(--bibli);
}
.bgd-manif{
background-color: var(--manif);
}
.bgd-libraire{
background-color: var(--libraire);
}
.bgd-public{
background-color: var(--public);
}
.bd-none{
border: none!important;
}
.gris1{
color: #999;
}
.cont{
display: inline-block;
width: 100%;
text-align: left;
padding: 0 25px;
}
.desktop{
display: none;
}
.phone{
display: initial;
}
.barre-noire{
width: 100%;
height: 25px;
background-color: #000;
}
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 18px;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
background-color: #fcf8e3;
border: 1px solid #faebcc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.alert,
.alert h4 {
color: #8a6d3b;
}
.alert h4 {
margin: 0 0 .5em;
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
cursor: pointer;
}
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #3c763d;
}
.alert-success h4 {
color: #3c763d;
}
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #ebccd1;
color: #a94442;
}
.alert-danger h4,
.alert-error h4 {
color: #a94442;
}
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #31708f;
}
.alert-info h4 {
color: #31708f;
}
.alert-block {
padding-top: 14px;
padding-bottom: 14px;
}
.alert-block > p,
.alert-block > ul {
margin-bottom: 0;
}
.alert-block p + p {
margin-top: 5px;
}
.nav{
display: block;
border: none;
}
.login{
padding: 1em 0;
}
.login .btn-primary{
margin-top: 1em;
}
.login label{
margin-top: 1em;
}
.login-description{
font-family: 'bs-medium';
font-size: 1.2em;
}
.flav{
position: relative;
margin-bottom: 0;
line-height: 1.2em;
}
.flav .titre_flav{
font-family: 'bs-semibold';
}
.flav:hover .titre_flav{
color: var(--inter);
}
.ariane1 {
color: #666;
font-size: 0.8em;
}
.menu-admin{
width:100%;
position: absolute;
right: 0;
top: 0px;
z-index: 130;
}
.menu-admin-header{
width: 100%;
height: 25px;
padding-right: 1em;
text-align: right;
color: #FFF;
font-size: 0.9em;
}
.menu-admin-header:hover{
cursor: pointer;
}
.menu-admin-cont{
display: none;
background-color: #CCC;
min-height: 200px;
}
.menu-admin-cont a{
display: block;
}
.menu-admin-cont .nav{
text-align: left;
font-size: 0.9em;
padding: 1em;
}
.menu-admin:hover .menu-admin-cont{
display: block;
}
.llb-titre{
font-family: 'sb-air';
font-size: 1.31em;
line-height: 1.19em;
font-weight: normal;
margin-top: 17px;
}
.llb-titre-fr{
font-family: 'sb-mediumitalic';
}
.llb-titre-bz, .llb-titre-ga{
/*font-family: 'sb-light';
font-size: 0.97em;*/
font-weight: bolder;
}
nav{
text-align: center;
padding: 90px 25px 30px;
z-index: 120;
list-style: none;
position: fixed;
width: 80%;
top: 0px;
left: -80%;
background-color: #E7E7E7;
height: 100%;
overflow: scroll;
transition: left .4s ease-in-out;
font-size: 1.1em;
}
nav ul{
padding:0!important;
width: 100%;
}
.titre-niv2{
padding: 0px!important;
}
nav>ul>li .titre-niv1{
display: inline-block;
font-family: 'bs-semibold';
font-size: 1em;
margin-top: 1em;
}
nav>ul>li>ul>li{
padding:0!important;
}
nav>ul>li>ul>li>ul>li .titre-niv2{
display: block;
position: relative;
}
nav>ul>li>ul>li>ul>li .titre-niv2:after{
display: inline-block;
content: '';
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -2px -8px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
transition: all .4s ease-in-out;
}
.rot90:after{
margin-left: 10px;
-webkit-transform: rotate(90deg)!important;
-moz-transform: rotate(90deg)!important;
-o-transform: rotate(90deg)!important;
-ms-transform: rotate(90deg)!important;
transform: rotate(90deg)!important;
transition: all .4s ease-in-out;
}
nav>ul>li>ul>li>ul>li>ul{
max-height: 0;
overflow: hidden;
padding-left: 10px!important;
border-left: 1px solid #CCC;
transition: all .4s ease-in-out;
}
#plan_site{
}
#plan_site .titre-niv2 {
font-size: 1.2em;
text-decoration: underline;
}
#plan_site .nav>li{
margin-bottom: 1em;
}
#cookies_consent{
position: fixed;
display: flex;
justify-content: center;
align-items: center;
bottom: 0;
height: 150px;
width: 100%;
background-color: rgba(255,255,255,0.9);
}
.ssmenu-open{
max-height: 300px;
margin:10px 0px!important;
transition: all .4s ease-in-out;
}
.menu-bgd{
position: fixed;
width: 100%;
height: 100%;
background-color: rgba(255,255,240,0.8);
top: 0;
z-index: 10;
display: none;
}
.info_dates {
font-size: 0.9em;
margin-bottom: 1em;
}
.info_dates p{
margin: 0!important;
}
.acces-direct{
display: block;
position: absolute;
top: 10px;
border-bottom: 1px solid #000;
}
.acces-direct-l:first-child{
padding-bottom: 5px;
border-bottom: 1px solid #000;
}
.acces-direct-l:last-child{
padding-top: 5px;
}
.acces-direct-l .fleche1{
margin-bottom: -5px;
}
.acces-direct-l{
}
.acces-direct select{
font-family: "bs-medium";
border: 0!important;
color: #000;
background: transparent;
-webkit-appearance: none;
padding: 0px!important;
height: calc(1em + .75rem + 2px);
font-size: 1rem;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.acces-direct select:focus{
background: transparent;
outline: none!important;
}
.bgdim1{
background-image: url(../img/fleche1.svg)!important;
background-repeat: no-repeat!important;
background-position: 145px 13px!important;
}
.acces-direct select:disabled, .acces-direct select[readonly] {
font-family: "bs-regular";
background-color: transparent;
opacity: 1;
cursor: not-allowed;
}
header{
height: 200px;
}
main{
position: relative;
background-color: #FFF;
padding-bottom: 2em;
}
main .mainCont2{
display: block;
}
main .aside1{
display: none;
}
main .aside2, main .aside11{
display: inline-block;
width:100%;
}
main .article1{
display: inline-block;
position: relative;
width: 100%;
vertical-align: top;
padding-bottom: 2em;
}
.form_iframe{
border: 1px solid #AAA;
margin: 1em 0;
padding: 1em 0;
}
.fil-ariane{
font-family: 'bs-light';
font-weight: normal;
margin-bottom: 1em;
}
.fil-ariane .active{
font-family: 'bs-medium';
}
.cck_module_breadcrumbs{
position: relative;
background-color: transparent;
}
.cck_module_breadcrumbs .icon-location{
display: none;
}
.cck_module_breadcrumbs .separator{
margin: 0 0.3em 0 0.2em;
}
.cck_module_breadcrumbs li:last-child{
font-family: 'bs-medium';
}
.pathway:first-child > span{
margin-left: 20px;
}
.pathway:first-child > span:before{
position: absolute;
top:7px;
left: 0px;
content: '';
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -8px;
margin-right: 5px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
h1{
font-family: 'bs-bold';
font-weight: normal;
font-size: 1.5em;
}
h2{
font-family: 'bs-semibold';
font-weight: normal;
font-size: 1.3em;
margin-top: 1em;
}
h3{
font-family: 'bs-semibold';
font-weight: normal;
font-size: 1.2em;
margin-top: 0.5em;
}
h4{
font-size: 1.1em;
margin-top: 0.5em;
}
h3.title{
color: inherit;
}
hr{
border: 0px;
height: 1px;
background-color: #000;
}
#paginated-results-list hr{
background-color: #AAA;
}
h1.titre{
margin-bottom: 1em;
}
h2.titre{
margin: 0;
}
#formIns .required{
background-color: rgba(255,0,0,0.2)!important;
}
.doc-link{
position: relative;
display: block;
/*width: max-content;*/
}
.blue-link, .blue-link:hover, .blue-link:focus, .blue-link:visited, .article-cont a, .article-cont a:hover, .article-cont a:focus, .article-cont a:visited, .introspec a, .introspec a:hover, .introspec a:focus, .introspec a:visited{
color:var(--inter)!important;
}
.doc-link:before, .flav:before {
position: relative;
display: inline-block;
content: '';
width: 32px;
height: 20px;
background-image: url(../img/fleches-longues.svg);
background-repeat: no-repeat;
background-position: -20px 6px;
margin-right: 5px;
}
.flav:before {
background-position: -20px -14px;
}
.pdf-group{
margin-top: 1em;
margin-bottom: 1em;
}
.intro{
position: relative;
font-size: 1.25em;
line-height: 1.5em;
padding-right: 0.3em;
}
.intro_bgd{
position: absolute;
width: 100%;
height: calc(100% - 1.5em);/* = sup dernière ligne */
top: 1.5em;
background-size: 100% 1.5em;
background-image:linear-gradient(to bottom, #000 1px, transparent 1px);
}
.introspec{
font-size: 1.15em;
margin-bottom: 2em;
}
.zone-img{
position: relative;
width: fit-content;
}
.fond-coul{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.coul-bleu{
background-color: var(--inter);
}
.zone-credits{
text-align: right;
margin-bottom: 1.5em;
}
.legende-photo{
font-size: 0.8em;
font-family: 'bs-semibold';
}
.credit-photo{
display: inline-block;
font-size: 0.7em;
}
.encart-equipe{
width: 100%;
max-width: 200px;
margin-top: 1em;
}
.encart-equipe > img{
width: 100%;
border: 1px solid #9494ff;
}
.equipe-texte{
font-size: 0.8em;
line-height: 1.2em;
padding-top: 0.5em;
}
.article-cont{
font-size: 1.05em;/* environ 17px */
list-style: inherit;
}
.article-cont ul{
list-style: inherit;
}
.bloc-blog{
display: block;
position: relative;
border-top: 1px solid #000;
margin-top: 0.5em;
padding-top: 0.5em;
overflow: hidden;
}
.bloc-blog:last-child{
/*margin-bottom: 2em;*/
}
.bloc-blog:hover{
opacity: 1!important;
}
.public-couls{
float: right;
margin-left: 10px;
padding-top: 5px;
cursor: initial;
}
.pastille{
width: 20px;
height: 20px;
border-radius: 50%;
margin: 0 0 8px;
}
.bloc-blog-cont{
padding-bottom: 0.5em;
}
.bloc-blog-cont:before {
/**/
}
.retour-blog{
float: left;
text-align: right;
margin-top: 2em;
margin-right: 30px;
font-size: 0.9em;
}
.public-texte{
color: #808080;
}
.reponse-entete{
margin-top: 2em;
padding-bottom: 0.5em;
border-bottom: 1px solid #000;
}
.question{
font-family: 'bs-semibold';
}
.question-intro{
font-family: 'bs-mediumitalic';
}
.question-complete{
margin-top: 1em;
}
.reponse-complete{
position: relative;
font-family: 'bs-mediumitalic';
margin-top: 1em;
}
.reponse-complete-entete{
font-family: 'bs-medium';
}
.h2publi{
position: relative;
margin-top: 2em;
}
.h2publi:before {
position: relative;
display: inline-block;
content: '';
width: 32px;
height: 35px;
background-image: url(../img/signe-LL.svg);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-right: 5px;
}
.encart1{
font-size: 0.8em;
color: #555;
line-height: 1.3em;
}
.encart1 p{
margin-bottom: 0.25em;
}
.pagedeb-fiche{
display: flex;
margin: 2em 0;
}
.pagedeb-visu{
width: 65%;
text-align: right;
}
.pagedeb-texte{
margin-left: 20px;
width: calc(35% - 20px);
border-top: 1px solid #000;
padding-top: 0.5em;
}
.video_container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
margin-bottom: 2em;
}
.video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lecteur-audio{
display: inline-block;
width: 100%;
}
.article-cont .publications-bloc:first-child{
margin-top: 2em;
}
.publications-bloc{
position: relative;
display: flex;
padding : 0.5em 0;
border-top: 1px solid #000;
}
.publications-bloc.spec{
border: none;
}
.publications-texte{
width: 100%;
}
.publications-link{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.publications-couv{
width: 100%;
margin-right: 10px;
}
.publications-couv img{
width: 100%;
}
.publications-couv:hover{
opacity: 1;
}
.affReste{
display: inline-block;
font-family: "bs-medium";
font-weight: normal;
margin-top: 1em;
}
.affReste:before{
position: relative;
display: inline-block;
content: '';
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -8px;
margin-right: 5px;
}
.affReste.active:before{
transform: rotate(180deg);
background-position: -6px -16px;
}
.archives-publis{
max-height:0;
overflow: hidden;
-webkit-transition: max-height 0.30s;
-moz-transition: max-height 0.30s;
-ms-transition: max-height 0.30s;
-o-transition: max-height 0.30s;
transition: max-height 0.30s;
}
.archives-publis.active:before{
transform: rotate(180deg);
background-position: -6px -16px;
}
.archives-publis.active{
max-height:1000px;
height: auto;
-webkit-transition: max-height 0.30s;
-moz-transition: max-height 0.30s;
-ms-transition: max-height 0.30s;
-o-transition: max-height 0.30s;
transition: max-height 0.30s;
}
.cont_barre_services{
display: none;
position: relative;
top: 5px;
z-index: 110
}
.barre_services{
cursor: pointer;
position: absolute;
top: 0;
right: 0;
width: 70px;
overflow: hidden;
/*padding: 20px 0;*/
-webkit-transition: width 0.30s;
-moz-transition: width 0.30s;
-ms-transition: width 0.30s;
-o-transition: width 0.30s;
transition: width 0.30s;
}
.barre_services .overlay{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: transparent;
z-index: 1;
}
.barre_services:hover .overlay{
left: 200px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.barre_services:hover{
width: 175px;
-webkit-transition: width 0.30s;
-moz-transition: width 0.30s;
-ms-transition: width 0.30s;
-o-transition: width 0.30s;
transition: width 0.30s;
}
.barre_services:hover a{
background-color: #AAA;
-webkit-transition: background-color 0.30s;
-moz-transition: background-color 0.30s;
-ms-transition: background-color 0.30s;
-o-transition: background-color 0.30s;
transition: background-color 0.30s;
}
.barre_services a{
display: block;
position: relative;
width: 175px;
height: 71px;
padding: 5px 0;
background-color: #CCC;-webkit-transition: background-color 0.30s;
-moz-transition: background-color 0.30s;
-ms-transition: background-color 0.30s;
-o-transition: background-color 0.30s;
transition: background-color 0.30s;
}
.barre_services a:hover{
opacity: 1;
background-color: #999;
}
.barre_services a .texte{
position: absolute;
top: 0;
left: 70px;
color: #FFF;
font-family: 'bs-semibold';
font-size: 13px;
line-height: 15px;
}
.barre_services a .texte1, .barre_services a .texte3, .barre_services a .texte4{
top: 12px;
}
.barre_services a .texte2, .barre_services a .texte5, .barre_services a .texte6{
top: 19px;
}
footer{
width: 100%;
min-height: 100px;
padding:20px 0;
background-color: #CCCCCC;
}
.services{
position: relative;
margin: 10px 0 30px;
}
.services .row{
margin: 0;
}
.services-navig{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 40px;
height: 100%;
top: 0px;
}
.services-navig-l{
left: 0px;
}
.services-navig-r{
right: 0px;
}
.services .slick-slide img {
display: inline-block!important;
}
.services a, .services a:focus, .services a:visited{
outline: none;
}
.picto-navig{
width: 30px;
height: 36px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
}
.picto-navig-l{
background-position: -130px 0px;
}
.picto-navig-r{
background-position: -100px 0px;
}
.service{
display: inline-block;
width: 100%;
text-align: center;
}
.service img {
width: 100px;
}
.service-texte{
display: inline-block;
text-align: left;
font-family: 'bs-bold';
font-weight: normal;
font-size: 0.9em;
line-height: 1.1em;
}
.service-agenda{
background-image: url(../img/pictos_services.svg);
background-position: -10px 0px;
}
.service-agenda:hover{
background-image: url(../img/agenda.gif);
background-size: 100%;
background-position: 1px -6px;
}
.service-annuaire{
background-position: -117px 0px;
}
.service-formations{
background-position: -230px 0px;
}
.service-publications{
background-position: -345px 0px;
}
.service-juridique{
background-position: -458px 0px;
}
.service-emploi{
background-position: -580px 0px;
}
.s3,.s4,.s5,.s6{
display: none;
}
.services .col-2{
flex: 0 0 50%;
max-width: 50%;
}
.footer-cols{
font-size: 1em;
line-height: 1.45em;
}
.footer-cols>div{
float: left;
}
.footer-cols>div:first-child{
width:40%;
}
.footer-cols>div:last-child{
width: 60%;
padding-left: 20px;
}
.footer-cols>div:last-child>div{
float: left;
width: 100%;
margin-bottom: 15px;
}
.zone-actu-blanche{
position: absolute;
width: 100%;
height: calc(100% + 20px);
background-color: #FFF;
}
.zone-actu-contenu{
position: relative;
width: 100%;
}
.diaporama-actus{
width: 100%;
position: relative;
}
.points-navig{
position: absolute;
display: flex;
right: 0px;
bottom: 10px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
z-index: 3;
opacity: 0.3;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.points-navig:hover{
opacity: 1;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.points-navig .point{
width: 22px;
height: 22px;
border-radius: 50%;
background-color: transparent;
border:1px solid rgb(0,0,255);
margin: 0 5px;
}
.points-navig .point:not(.active):hover{
cursor: pointer;
border:2px solid rgb(0,0,255);
}
.points-navig .point.active{
background-color: rgb(0,0,255);
}
.diapo-picto-navig{
width: 30px;
height: 36px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform:scale(0.7);
opacity: 0.3;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.diapo-picto-navig-l{
background-position: -295px 0px;
}
.diapo-picto-navig-r{
background-position: -265px 0px;
}
.diapo-picto-navig:hover{
opacity: 1;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.diapo-navig{
display: flex;
align-items: center;
justify-content: center;
position: absolute;
width: 40px;
height: 100%;
top: 0px;
z-index: 2;
}
.diapo-navig:hover{
cursor: pointer;
}
.diapo-navig-l{
left: 0px;
}
.diapo-navig-r{
right: 0px;
}
.diapos-actus{
width: 100%;
}
.diapo-actu{
position: relative;
float: left;
width: 100%;
height: auto;
margin-bottom: 10px;
}
.diapo-actu-img{
position: relative;
width: 100%;
padding-top: 66.5%; /* 3:2 Aspect Ratio */
background-size: contain;
}
.diapo-actu-texte{
padding:25px 25px 0px;
}
.lien-toutes-actus{
display: inline-block;
text-align: right;
padding:0 25px;
font-family: 'sb-mediumitalic';
font-weight: normal;
font-size: 0.9em;
}
.actu_une{
display: block;
margin-bottom: 1em;
}
.actu_une:hover{
opacity: 1;
}
.actu_une .fleche3{
-webkit-transition: margin 200ms ease;
transition: margin 200ms ease;
}
.actu_une:hover .fleche3{
margin-left: 20px;
background-position: 0px 8px;
-webkit-transition: margin 400ms ease;
transition: margin 400ms ease;
}
.actu_une_texte{
width: 60%;
float: right;
padding: 10px;
}
.actu_une_visuel{
width: 40%;
}
.actu-entete{
margin-top: 2em;
}
.actu-img{
margin-bottom: 1em;
}
.signe-guim{
display: none;
vertical-align: top;
width: 40px;
height: 60px;
background-image: url(../img/signe1.svg);
background-position: -7px -10px;
}
.lire-tout-texte{
display: inline-block;
vertical-align: top;
text-decoration: underline;
}
.new-publis{
float: none;
width: 100%;
}
.new-publis-img{
display: none;
}
.zone-actu-texte{
text-align: left;
font-size: 1.3em;
line-height: 1.1em;
font-family: 'bs-light';
font-weight: normal;
}
.zone-actu-titre-rub{
margin-right: 0.5em;
font-family: 'sb-mediumitalic';
font-weight: normal;
}
.new-publis-texte{
padding:25px 25px 0px;
}
.liresuite{
margin: 0;
padding:0;
font-family: 'bs-thinitalic';
font-weight: normal;
font-size: 0.85em;
}
a, a:visited, a:focus, a:hover{
color: #000;
text-decoration: none;
}
a:hover, .btnlink:hover{
opacity :0.5;
}
a.noeffect:hover{
opacity :1;
}
b, .bold{
font-family: 'bs-semibold';
font-weight: normal;
}
.normal{
font-family: 'bs-regular';
}
.llb-titre-pictos-menu{
position: relative;
text-align: center;
min-height: 175px;
}
.llb-pictos{
position: absolute;
right: 20px;
bottom: 0px;
width:inherit;
text-align: right;
padding: 0px;
}
.picto{
display: inline-block;
width: 35px;
height: 35px;
background-image: url(../img/pictos_nav_new.svg);
margin-left: 10px;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
border: none;
background-color: transparent;
background-size: 1028px;
}
.picto_home{
display: none;
background-position: -4px -2px;
}
.picto_contact{
background-position: -48px -2px;
}
.picto_access{
background-position: -88px -2px;
}
.picto_rech{
background-position: -132px -2px;
}
.picto_menu{
background-position: -278px -4px;
position: absolute;
top: 16px;
right: 20px;
}
.picto_close_menu{
background-position: -318px -3px;
margin: 0;
margin-top: 20px;
}
.picto_fb{
background-position: -170px -5px;
}
.picto_tw{
background-position: -390px -5px;
}
.picto_insta{
background-position: -208px -6px;
}
.picto_youtube{
background-position: -243px -5px;
}
.picto_linked {
background-position: -427px -5px;
}
.picto_courrier{
height: 34px;
background-position: -506px -5px;
}
.picto_share{
background-size: 724px auto;
width: 22px;
height: 22px;
background-position: -1057px -2px;
}
.btnlink{
vertical-align: top;
}
.close_menu{
position: fixed;
top: 0;
right: 120%;
width: 20%;
height: 70px;
background-color: #000;
z-index: 11;
text-align: center;
transition: right .4s ease-in-out;
}
.fs24{
font-size: 24px
}
.sb-mediumitalic{
font-family: 'sb-mediumitalic';
font-weight: normal;
}
.sb-air{
font-family: 'sb-air';
font-weight: normal;
}
.bs-light{
font-family: 'bs-light';
font-weight: normal;
}
.bs-regular{
font-family: 'bs-regular';
font-weight: normal;
}
.bs-semibold{
font-family: 'bs-semibold';
font-weight: normal;
}
.bs-bold{
font-family: 'bs-bold';
font-weight: normal;
}
.bs-medium{
font-family: 'bs-medium';
font-weight: normal;
}
.fleche1{
display: inline-block;
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -12px;
}
.fleche1-back{
display: inline-block;
width: 16px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -17px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fleche2-back{
display: inline-block;
width: 52px;
height: 20px;
background-image: url(../img/fleches-longues.svg);
background-repeat: no-repeat;
background-position: 0px -12px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fleche2{
display: inline-block;
width: 60px;
height: 25px;
margin: 0;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -34px -4px;
}
.fleche2-active:hover{
background-position: -34px -31px;
}
.fleche3{
display: inline-block;
width: 52px;
height: 20px;
margin: 0;
background-image: url(../img/fleches-longues.svg);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.scrolltotop{
position: fixed;
display: none;
bottom:250px;
right: 50px;
width: 46px;
height: 35px;
margin: 0;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -160px 0px;
z-index: 10;
}
.scrolltotop.active{
display: none;
}
.clignote{
animation: Clign1 4s infinite;
}
@keyframes Clign1{
0%{opacity: 1;}
10%{opacity: 0;}
20%{opacity: 1;}
100%{opacity: 1;}
}
.pr{
position: relative
}
.dilb{
display: inline-block;
}
.db{
display: block;
}
.sep{
display: inline-block;
}
.mgt0{
margin-top: 0!important;
}
.mgt05{
margin-top: 0.5em;
}
.mgt1{
margin-top: 1em;
}
.mgt2{
margin-top: 2em;
}
.mgl01{
margin-left: 0.1em;
}
.vaba{
vertical-align: baseline;
}
.vabo{
vertical-align: bottom;
}
.vatb{
vertical-align: text-bottom;
}
.pt0{
padding-top: 0!important;
}
.pt1{
padding-top: 1em!important;
}
.pb0{
padding-bottom: 0!important;
}
.pb1{
padding-bottom: 1em!important;
}
.pr0{
padding-right: 0;
}
.sc08{
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-o-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.sc1{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.totl{
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-o-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
}
.mg0{
margin:0px!important;
}
.break-word{
overflow-wrap: break-word;
}
.custom-search {
position: absolute;
right: 90px;
top: -4px;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.custom-search-opened{
right: 105px;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.bJAtsu {
display: block;
position: absolute;
top: 8px;
right: -110px;
width: 22px;
height: 15px;
margin-right: 15px;
margin-left: 5px;
opacity: 0;
background-color: transparent;
padding: 0px;
border-width: 0px;
border-style: initial;
border-color: initial;
border-image: initial;
cursor: pointer;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
.bJAtsu:hover{
opacity:0.5;
}
.bJAtsu-show {
opacity: 1;
-webkit-transition: all 400ms ease;
transition: all 400ms ease;
}
#express-form-typeahead {
display: block;
border: none;
font-size: 1em!important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background-image: url(../img/loupe.svg);
background-size: 19px;
background-position: 6px 10px;
background-repeat: no-repeat;
height: 37px;
line-height: inherit;
position: relative;
-webkit-transition: all 400ms ease, background 400ms ease;
transition: all 400ms ease, background 400ms ease;
color: #000!important;
outline: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.express-notfocus{
background-color: transparent;
border: none;
cursor: pointer;
width: 0;
margin: 3px 0;
padding: 0 6px 0 34px!important;
}
.express-focus {
background-color: var(--oeuf);
border: 1px solid black;
cursor: text;
width: 300px;
margin: 3px -100px;
padding: 0 30px 0 34px;
}
.search-btn {
display: none;
}
input[type="search"] {
-webkit-appearance: textfield;
}
.menu-open{
left: 0px;
transition: left .4s ease-in-out;
}
.close-menu-open{
right: 0px;
transition: right .4s ease-in-out;
}
/** Custom Select **/
.custom-select-wrapper {
position: relative;
display: inline-block;
user-select: none;
}
.custom-select-wrapper select {
display: none;
}
.custom-select {
position: relative;
display: inline-block;
background: none!important;
border: none!important;
padding: 0;
}
.custom-select{
border-bottom: 1px solid #000!important;
}
.custom-select-trigger {
position: relative;
display: block;
width: 230px;
/*padding: 0 84px 0 22px;*/
font-size: 1em;
font-weight: 300;
color: #000;
/*line-height: 60px;*/
background: transparent;
border-radius: 4px;
cursor: pointer;
}
.custom-select-trigger:after {
position: absolute;
display: block;
content: '';
top: 3px; right: 70px;
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -12px;
}
.custom-select.opened .custom-select-trigger:after {
margin-top: 3px;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.custom-options {
position: absolute;
display: block;
top: 100%; left: 0; right: 0;
min-width: 100%;
margin: 15px 0;
border: 1px solid #b5b5b5;
border-radius: 4px;
box-sizing: border-box;
background: #fff;
transition: all .4s ease-in-out;
opacity: 0;
visibility: hidden;
pointer-events: none;
-webkit-transform: translateY(-15px);
-moz-transform: translateY(-15px);
-o-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px);
}
.custom-select.opened .custom-options {
opacity: 1;
visibility: visible;
pointer-events: all;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.custom-options:before {
position: absolute;
display: block;
content: '';
bottom: 100%; right: 25px;
width: 7px; height: 7px;
margin-bottom: -4px;
border-top: 1px solid #b5b5b5;
border-left: 1px solid #b5b5b5;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transition: all .4s ease-in-out;
}
.option-hover:before {
background: #f9f9f9;
}
.custom-option {
position: relative;
display: block;
padding: 0 22px;
/*border-bottom: 1px solid #b5b5b5;*/
font-size: 18px;
color: #000;
line-height: 47px;
cursor: pointer;
transition: all .4s ease-in-out;
}
.custom-option:first-of-type {
border-radius: 4px 4px 0 0;
}
.custom-option:last-of-type {
border-bottom: 0;
border-radius: 0 0 4px 4px;
}
.custom-option:hover,
.custom-option.selection {
background: #f9f9f9;
}
.cont-actus{
width: 800px;
height: 533px;
}
.container-diapos {
display: flex;
align-items: center;
width: 100%;
overflow-y: hidden;
height: 100%;
max-height:100%;
overflow-x: hidden;
}
.container-diapos img {
min-width: 100%; /* needed so Firefox doesn't make img shrink to fit */
width: 100%; /* can't take this out either as it breaks Chrome */
}
.diaporama-container{
position: relative;
text-align: left;
}
.diaporama-content {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
background-color: #FFF;
}
.diaporama-content .imgs {
display: flex;
align-items: top;
width: 100%;
transition-property: transform;
transition-duration: 0.5s;
transition-timing-function: ease-out;
/*apply a transform to kick in the hardware acceleration. Without this, the first
time we add the transform you get odd rendering of the divs (half missing) */
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.diaporama-content .imgs li {
min-width: 100%;
width: 100%;
/*apply a transform to kick in the hardware acceleration. Without this, the first
time we add the transform you get odd rendering of the divs (half missing) */
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.diaporama-content .imgs li img{
min-width: 100%;
width: 100%;
}
.filtres{
position: relative;
font-size: 0.85em;
line-height: 1.6em;
}
.filtres label{
height: 1em;
}
.filtres label:hover{
cursor: pointer;
}
.filtres input{
margin-right: 10px!important;
}
.rechmot-zone{
width: calc(100% - 40px);
margin-top: 2em;
padding: 1em 1em 1.5em 1em;
background-color: #EEE;
}
.zone-rech-word{
width: 100%;
}
.zone-rech-word .rechmot-query{
width: calc(100% - 40px);
}
.zone-rech-word .rechmot-button{
border: none;
background-color: transparent;
padding: 0;
}
.liste-contrats, .liste-sscat{
padding-left: 1.5em;
}
.liste-contrats label, .liste-sscat label {
margin-right: 10px!important;
opacity: 0.5!important;
}
.liste-contrats label input, .liste-sscat label input {
margin-right: 5px!important;
}
.ricSearch ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #999;
opacity: 1; /* Firefox */
}
.ricSearch input[type="checkbox"],.ricSearch input[type="radio"]{
margin-right: 10px;
}
.ricSearch label{
/**/
transform-origin: top left;
margin-bottom: 0.2em;
height: 12px;
}
.ricSearch label.active input{
background-color: var(--oeuf);
}
.ricSearch .formBloc{
margin: 0 2em 0 1em;
}
.ricSearch .formBloc label:first-child{
/*font-family: 'bs-semibold';*/
}
.ricSearch .formBloc label:not(:first-child){
--sc:1;
-webkit-transform: scale(var(--sc));
-moz-transform: scale(var(--sc));
-o-transform: scale(var(--sc));
-ms-transform: scale(var(--sc));
transform: scale(var(--sc));
opacity: 0.5;
/*margin-left: 1em;*/
}
.ricSearch .formGroupe{
border-top: 1px solid #000;
padding:1em 0;
}
.ricSearch.filtres .formGroupe{
border-top: none;
padding:0 0 0.5em;
}
.ricSearch .formGroupe .row > div{
}
.ricSearch .formGroupe2{
padding: 1em;
display: flex;
background-color: rgba(0,0,255,0.1);
padding-bottom: 2em;
border:none!important
}
.ricSearch .colRech .formBloc:not(:first-child){
margin-top: 0.5em;
}
.ricSearch .formAdj{
border-top:0;
padding-top: 0;
}
.ricSearch .affRechAvancee{
display: inline-block;
font-family: "bs-medium";
font-weight: normal;
margin-top: 2em;
}
.ricSearch h2{
margin-top: 0;
}
.ricSearch input[type='text']{
background-color: #FFF;
border: 1px solid #999;
padding: 0 0.5em;
height: 2em;
}
.qbox{
border:1px solid #000;
border-top: 7px solid #000;
min-height: 100px;
padding: 0.5em;
margin-bottom: 1em;
position: relative;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-radius: 0;
background-color: inherit;
}
.qbox h3 > label.badge {
box-shadow: none;
}
.badge {
padding:0;
background-color: #FFF;
color: #000;
width: 1.7em;
height: 1.7em;
line-height: 1.7em;
}
.filtres .qbox{
border: none;
padding: 0;
}
div.checkbox:not(.level_1) {
opacity:0.5;
}
div.checkbox label {
font-size: 1em!important;
}
img.leaflet-marker-icon {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.fa-phone:before, .fa-link:before, .fa-calendar:before {
content: ""!important;
}
.pagination {
display: flex;
}
.list-item, .list-item:nth-child(odd) {
background-color: inherit;
border-left: none;
border-top: none;
border-right: none;
padding-bottom: 15px;
}
.thumbnail {
padding: 0;
border: none;
}
.pagination>li {
display: block;
}
.pagination>li>a, .pagination>li>span {
float: none;
padding: 0;
background-color: inherit;
border: none;
margin-left: 0;
color: #000;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
color: #000;
background-color: inherit;
border-radius: 0;
}
#paginated-results-list {
background-color: inherit;
border: none;
border-radius: 0px;
margin: 0;
padding: 0;
position: relative;
}
.panel-primary {
margin: 0 1em;
padding: 0 10px;
border: none;
border-radius: 0px;
}
.panel-body {
padding: 0;
}
div.checkbox.level_1 {
margin-top: 0;
}
div.checkbox.level_1:not(:first-child) {
/*margin-top: 0.5em;*/
}
h2.titre_groupe{
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.searchForm .nav-tabs>li {
background-color: rgba(255,255,255,0.3);
}
.searchForm .nav-tabs>li>a {
opacity: 0.5;
border: none;
border-radius: 0px;
margin: 0;
}
.searchForm .nav-tabs>li.active>a, .searchForm .nav-tabs>li.active>a:hover, .searchForm .nav-tabs>li.active>a:focus {
opacity: 1;
color: #FFF;
background-color: #000;
border:none;
border-bottom-color: transparent;
cursor: default;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], input[type="password"], .ui-autocomplete-input, textarea, .uneditable-input {
font-size: inherit;
}
a.communes_autocomplete_label {
font-size: 1em;
}
.well{
padding: 1em;
background-color: rgba(0,0,255,0.1);
padding-bottom: 2em;
border: none;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#medias .well{
background-color: #FFF;
}
.main_content {
border: none;
background-color: inherit;
padding: 0;
font-size: 1em;
}
.main_content .well{
background-color: rgba(231,231,231,0.3);
padding-bottom: 1em;
}
.main_content .well span{
font-size: inherit;
padding: 0;
font-family: 'bs-semibold';
}
.searchForm h4 {
margin-bottom: 0.5em;
}
.showSearch{
background-color: rgba(0,0,255,0.3);
border-radius: 0px;
margin-bottom: 1em;
border: none;
color: #000;
}
.showSearch:hover{
background-color: rgba(0,0,255,0.5);
}
#SearchKeywords, #SearchCommune{
padding: 10px;
}
#SearchKeywords, #SearchCommune, #searchFormSubmit {
border: none;
border-radius: 0;
margin: 0;
}
#searchFormSubmit {
background-color: rgba(0,0,255,1);
}
#count {
color: rgb(0,0,255);
background-color: rgba(0,0,255,0.1);
border: none;
border-radius: 0;
height: auto;
padding: 5px;
}
#advanced-search-options{
margin-top: 1em;
}
.pager li>a, .pager li>span {
position: relative;
padding: 0;
background-color: inherit;
border: none;
border-radius: 0px;
}
.pager li>a:hover, .pager li>a:focus, .pager li>span:hover, .pager li>span:focus {
background-color: inherit;
}
.pager li.back a:before{
position: absolute;
top: 7px;
left: -24px;
content: '';
width: 20px;
height: 20px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -8px;
margin-right: 5px;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.pager li.back a:hover:before{
left: -30px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
#mapcontainer{
/*height: fit-content!important;*/
}
.qbox .res{
font-size: 0.8em;
line-height: 1.2em;
margin-bottom: 1em;
}
.qbox .res > div{
margin-top: 0.3em;
}
#paginated-results-list-header {
border-bottom: 1px solid #000;
margin: 20px 0;
overflow: hidden;
}
#item-header {
border-bottom: none;
margin: 20px 0;
padding-bottom: 10px;
overflow: hidden;
}
.tools-env{
float: right;
text-align: left;
}
.tools-env a{
float: none!important;
}
.tools a {
display: inline-block;
line-height: 20px;
margin: 5px 0;
margin-left: 20px;
padding-left: 20px;
float: right;
border-left: none;
}
#overlay {
z-index: 125;
}
#mapviewer[style*="position: fixed;"] {
z-index: 130;
}
#mapviewer h3, #favorite h3{
font-size: 1em;
background-color: #FFF;
background-image: none;
color: #000;
text-shadow: none;
}
#mapswitch .fa-expand, #favorite .glyphicon-pushpin{
display: none!important;
}
.list-item{
margin:1em 0;
border-bottom: 1px solid #AAA;
}
.list-item .add-to-list-js{
border: 1px solid #000;
font-size: 0.8em;
}
.list-item .btn-primary, .tab-content .btn-primary{
font-size: 0.8em;
border: 1px solid #000;
background-color: var(--oeuf);
color:#000;
}
.list-item .list-unstyled a{
color:#999;
}
.tabbable select{
min-width: 130px;
}
.qbox .btn-secondary:disabled, .filtres-form .btn-secondary:disabled{
opacity: 0.4;
cursor:not-allowed;
}
.qbox .btn-secondary, .filtres-form .btn-secondary{
background-color: transparent;
color: #000;
border-color: #000;
font-family: "bs-medium";
font-weight: normal;
font-size: 1em;
border-radius: 0;
}
.filtres-form{
width: 100%;
}
.filtres-form .third{
font-family: "bs-regular";
color: #8D8D8D;
border-color: #8D8D8D;
background-color: #FFF;
}
.filtres-form .third:hover{
border-color: #000;
color: #000;
}
.form-abonnement{
position: relative;
padding: 1em;
border-radius: 0.5em;
/*border: 1px solid #000;*/
line-height: 1.2em;
background-color: #EEE;
display: none;
}s
.form-abonnement .res{
font-size: 0.8em;
line-height: 1.4em;
}
.filtres-form input[type='text']{
border: 1px solid #000;
padding: 0.2em 0.5em;
}
.posabsright{
position: absolute;
top: 7px;
right: 5px;
}
.icon-spec{
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: .5em;
line-height: 14px;
background-repeat: no-repeat;
background-size: contain;
}
.icon-annonce{
background-image: url(../img/picto-annonces.svg);
background-position: 0px 0px;
}
.icon-cherche{
width: 18px;
height: 18px;
background-image: url(../img/loupe.svg);
background-position: 0px 0px;
}
.texte-bouton{
display: inline-block;
vertical-align: middle;
}
#paginated-results-list a[target='pdf']:before, #favorite a[target='pdf']:before,
.main_content a[target='pdf']:before, .article-cont a[target='pdf']:before, .pdf_btn{
position: relative;
display: inline-block;
content: '';
width: 25px;
height: 34px;
background-image: url(../img/picto_pdf.svg);
background-repeat: no-repeat;
background-position: 0px 0px;
}
.main_content a[target='pdf']:before{
margin-left: 20px;
top: 10px;
}
.csv_btn{
background-image: url(../img/picto_csv.svg);
}
.pdf_btn{
border: none;
background-color: #FFF;
}
.pdf_btn:hover{
opacity: 0.5;
}
#paginated-results-list a[target='pdf'], #favorite a[target='pdf'], .main_content a[target='pdf']{
font-size: 0;
}
#favorite.hidden{
height: 60px;
min-height: 60px;
overflow: hidden;
}
#favorite a[target='pdf']{
position: absolute;
top: 7px;
right: 45px;
}
#favorite ol{
list-style: none;
}
#favorite ol li:first-child{
border-top:1px solid #000;
margin-top: 1.5em;
}
#favorite ol li{
border-bottom:1px solid #000;
padding: 5px 0;
font-size: 0.9em;
}
#favorite h3{
font-size: 1em;
}
#favorite h3 .badge{
font-size: 1.1em;
font-family: "bs-bold";
font-weight: normal;
}
#favorite-email{
display: inline-block;
font-size: 0.8em;
margin-top: 0.5em;
}
.ficheactivite_title {
font-family: "bs-medium";
}
.pagination{
float: none;
}
.pagination li{
width: 30px;
height: 30px;
text-align: center;
background-color: #EEE;
margin-left: 10px;
font-size: 0.8em;
}
.pagination li.active{
padding:5px;
background-color: var(--oeuf);
border: 1px solid #000;
}
.pagination li a{
padding:5px;
width: 100%;
height: 100%;
display: block;
}
.list-btns {
display: block;
list-style: none;
padding: 0;
margin: 10px 0 10px 0;
}
.list-btns li {
display: inline-block;
padding: 0;
margin: 0 4px 7px 0;
}
#content {
border-top: 7px solid #000;
}
.qbox .badge{
border: 1px solid #000;
border-radius: 20px;
font-size: 80%;
}
.openGallery{
position: relative;
width: 100%;
height: 250px;
cursor: pointer;
}
.openGallery:hover .gal_over{
opacity: 1;
}
.gal_fond{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: sepia(100%);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.gal_infos{
position: absolute;
top: 0;
right: 0;
background-color: rgba(255,255,255,0.8);
color:#000;
width: 66%;
min-height: 50%;
padding: 1em;
line-height: 1.3em;
}
.titre_gal{
border-bottom: 1px solid #000;
}
.intro_gal{
font-size: 0.9em;
line-height: 1.2em;
}
.gal_over{
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(255,255,255,0.5);
color:#000;
background-image: url(../img/loupe.svg);
background-repeat: no-repeat;
background-size: 50px;
background-position: center;
-webkit-transition: all 0.30s;
-moz-transition: all 0.30s;
-ms-transition: all 0.30s;
-o-transition: all 0.30s;
transition: all 0.30s;
}
.share_pictos{
/*position: absolute;*/
margin-top: -15px;
z-index: 10;
width: 100%;
height: 0;
overflow: hidden;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
}
.share_pictos.affiche{
margin-top: 10px;
height: 35px;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
transition: all 0.30s ease-in-out;
}
.pull-right {
float: right!important;
}
.pull-left{
float: left!important;
}
.op30{
opacity: 0.3;
}
.op40{
opacity: 0.4;
}
.mw300{
max-width: 300px;
}
.mw400{
max-width: 400px;
}
.mw700{
max-width: 700px;
}
.mgr05{
margin-right: 0.5em;
}
.mgr1{
margin-right: 1em;
}
.mgb0{
margin-bottom: 0;
}
.mgb05{
margin-bottom: 0.5em;
}
.mgb1{
margin-bottom: 1em;
}
.mgt05{
margin-top: 0.5em!important;
}
.mgt1{
margin-top: 1em!important;
}
.hauto{
height: auto!important;
}
.bdt0{
border-top: 0;
}
.w100{
width: 100%;
}
.w70{
width: 70%;
}
.w100-ilb{
width: 100%;
display: inline-block;
}
.w100-ilb{
width: 100%;
display: inline-block;
}
.dspn{
display: none!important;
}
.dspb{
display: block;
}
.dspilb{
display: inline-block;
}
.dspf{
display: flex;
}
.fs09{
font-size: 0.9em;
}
.fs08{
font-size: 0.8em;
}
.fs07{
font-size: 0.7em;
}
.fs06{
font-size: 0.6em;
}
.fs11{
font-size: 1.1em;
}
.fs12{
font-size: 1.2em;
}
.lh09{
line-height: 0.9em;
}
.lh08{
line-height: 0.8em;
}
.lh1{
line-height: 1em;
}
.lh11{
line-height: 1.1em;
}
.lh12{
line-height: 1.2em;
}
.upper{
text-transform: uppercase;
}
.w10px{
width: 10px;
}
.w20px{
width: 20px;
}
.w20px{
width: 50px;
}
.bgdtr{
background-color: transparent;
}
.ft-bd{
font-family: 'bs-bold';
}
.ft-bm{
font-family: 'bs-medium';
}
.ft-regular{
font-family: 'bs-regular';
}
.ft-pluriel{
font-family: 'bs-regular';
margin-left: 0.1em;
}
.tar{
text-align: right;
}
.tal{
text-align: left;
}
.tac{
text-align: center;
}
.fll{
float: left;
}
.flr{
float: right;
}
.fwn{
font-weight: normal;
}
.sepia{
filter: sepia(100%);
}
.contlink1, .contlink2{
width: 100%;
height: 100%;
}
@media only screen and (max-width: 991px) {
.encart_accueil{
margin-top: 5em;
}
}
@media only screen and (min-width: 992px){
body{
/*background-image: url(../img/placement2.jpg);*/
}
.desktop{
display: initial;
}
.phone{
display: none;
}
.cont{
max-width: 980px;
padding: 0px
}
.container-liquid{
padding-right: 90px;
}
.pagination{
float: right;
}
.acces li{
max-width: 43ch;
}
.filtres-form{
width: 70%;
}
.lien-toutes-actus{
display: block;
}
.menu-admin{
width:300px;
}
.cont_barre_services{
display: inline-block;
}
.doc-link:before, .flav:before {
position: absolute;
top: 0px; left: -80px;
width: 52px;
background-position: 0px 6px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.flav:before {
background-position: 0px -14px;
}
.doc-link:hover:before, .flav:hover:before {
left: -70px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.flav:hover:before {
}
.h2publi:before{
position: absolute;
top: -15px; left: -60px;
}
h1.juridique:before{
display: inline-block;
position: absolute;
left: -120px;
top: 46px;
content: '';
width: 90px;
height: 110px;
background-image: url(../img/picto-page.svg);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
h1.annonces:before{
display: inline-block;
position: absolute;
left: -140px;
top: 46px;
content: '';
width: 110px;
height: 110px;
background-image: url(../img/picto-annonces.svg);
background-repeat: no-repeat;
background-position: 0px 0px;
background-size: contain;
}
.bloc-blog-cont:before, .reponse-complete:before {
display: inline-block;
position: absolute;
top: 0.5em;
left: -80px;
content: '';
width: 52px;
height: 20px;
background-image: url(../img/fleches-longues.svg);
background-repeat: no-repeat;
background-position: 0px -12px;
margin-right: 5px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.reponse-complete:before {
top: 0;
}
.bloc-blog:hover .bloc-blog-cont:before {
background-position: 0px 8px;
left: -70px;
-webkit-transition: left 0.30s;
-moz-transition: left 0.30s;
-ms-transition: left 0.30s;
-o-transition: left 0.30s;
transition: left 0.30s;
}
.retour-blog{
float: right;
text-align: right;
margin-top: -6em;
margin-right: 30px;
}
.llb-titre{
font-size: 2.5em;
line-height: 1.15em;
font-family: 'sb-air';
margin-top: 40px;
}
.llb-titre-bz, .llb-titre-ga{
/*font-family: 'sb-light';
font-size: 0.97em;*/
font-weight: normal;
}
.llb-pictos{
right: 0px;
top: 32px;
width:210px;
text-align: left;
}
.picto{
margin-left: 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.picto_home{
display: inline-block;
}
.pictos-l1{
height:45px;
border-bottom: 1px solid #000
}
.pictos-l2{
position: relative;
margin-top: 10px;
}
.picto:not(:last-child){
margin-right: 15px;
}
header{
height: 355px;
}
nav{
/**/
position :relative;
display: block;
padding:0 25px;
margin-top: 25px;
background-color: transparent;
height: auto;
width: 100%;
overflow:inherit;
left: 0;
font-size: 1em;
}
nav>ul{
border-top:1px solid #000
}
nav>ul>li{
float: left;
margin-top:-5px;
padding-top: 10px;
height:130px;
cursor: pointer;
}
nav>ul>li:nth-child(1){
width:15%;
}
nav>ul>li:nth-child(2){
width:20%;
}
nav>ul>li:nth-child(3){
width:15%;
}
nav>ul>li:nth-child(4){
width: 23%;
margin-right: 6%;
}
nav>ul>li:nth-child(5){
width: 21%;
}
nav>ul>li:nth-child(4) .titre-niv1{
padding-top: 0.5em;
}
nav>ul>li .pr{
position: relative;
width: 100%;
height: 100%;
padding-left: 25px;
padding-top:21px;
}
nav>ul>li:first-child .pr{
padding-left: 0px;
}
nav>ul>li .titre-niv1{
font-family: 'bs-extralight';
font-size: 1.6em;
line-height: 1.2em;
margin-top: 0;
}
nav>ul>li .fleche1{
margin-top: 5px;
-webkit-transition: -webkit-transform 0.30s;
-moz-transition: -moz-transform 0.30s;
-ms-transition: -ms-transform 0.30s;
-o-transition: -o-transform 0.30s;
transition: transform 0.30s;
}
nav>ul>li .ligne-verticale-1{
width:1px;
height: 95px;
background-color: #000;
position: absolute;
right: 0;
top: 4px;
}
nav>ul>li:last-child .pr{
padding-top: 2em;
}
nav>ul>li:last-child .titre-niv1{
margin-top: 1.6em;
}
nav>ul>li:not(:last-child):hover{
border-top:10px solid #000;
padding-top: 0px;
}
nav>ul>li:hover .titre-niv1{
font-family: 'bs-regular';
}
nav>ul>li .pr:hover{
cursor: pointer;
}
nav>ul>li:hover ul{
/*height: -moz-calc(100% + 130px);
height: -webkit-calc(100% + 130px);
height: -o-calc(100% + 130px);
height: calc(100% + 130px);*/
display: block;
}
nav>ul>li:not(:last-child):hover .fleche1{
background-position: -6px -40px;
-webkit-transition: -webkit-transform 0.30s;
-moz-transition: -moz-transform 0.30s;
-ms-transition: -ms-transform 0.30s;
-o-transition: -o-transform 0.30s;
transition: transform 0.30s;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
nav>ul>li>ul{
position: absolute;
width: 100%;
left: 0px;
padding: 0px;
background-color: #E7E7E7;
margin-top: 0px;
text-align: center;
display: none;
font-size: 0.95em;
/*height: 0px;
overflow: hidden;
-webkit-transition: height .2s ease-in-out;
-o-transition: height .2s ease-in-out;
transition: height .2s ease-in-out;
text-align: center;*/
}
nav>ul>li>ul>li{
margin: 20px;
margin-bottom: 50px;
}
nav>ul>li>ul>li>ul>li{
display: inline-block!important;
vertical-align: top;
font-size: 0.9em;
}
nav>ul>li>ul>li>ul>li:not(:last-child){
margin-right: 35px;
}
nav>ul>li>ul>li>ul>li .titre-niv2{
font-family: 'bs-semibold';
font-size: 1.2em;
}
nav>ul>li>ul>li>ul>li .titre-niv2:after{
display: none;
}
nav>ul>li>ul>li>ul>li ul{
position: relative;
opacity: 0.5;
-webkit-transition: opacity 0.30s;
-moz-transition: opacity 0.30s;
-ms-transition: opacity 0.30s;
-o-transition: -opacity 0.30s;
transition: opacity 0.30s;
}
nav>ul>li>ul>li>ul>li:hover ul{
opacity: 1;
-webkit-transition: opacity 0.30s;
-moz-transition: opacity 0.30s;
-ms-transition: opacity 0.30s;
-o-transition: -opacity 0.30s;
transition: opacity 0.30s;
}
nav>ul>li>ul>li>ul>li li{
position: relative;
}
nav>ul>li>ul>li>ul>li span.titre-niv2{
/*font-family: 'bs-light';*/
}
nav>ul>li>ul a{
/*display: inline-block;
border-bottom: 1px solid #CCC;*/
}
nav>ul>li>ul a:hover{
opacity: 1;
/*border-bottom: 1px solid #000;*/
color: var(--inter);
}
nav>ul>li>ul>li>ul>li:hover .titre-niv2:before{
display: inline-block;
position: absolute;
top: 8px;
left: -22px;
content: '';
width: 20px;
height: 12px;
background-image: url(../img/fleches.svg);
background-repeat: no-repeat;
background-position: -6px -17px;
opacity: 0.5;
}
nav>ul>li>ul>li>ul>li>ul{
height: auto;
max-height: 1000px;
overflow: inherit;
padding-left: 0!important;
border: none;
}
.acces-direct{
position: relative;
margin-top: 10px;
top: 0px;
border:none;
}
.acces-direct-l{
width: 100%;
}
.acces-direct-l>span:first-child{
display: inline-block;
width: 60%;
vertical-align: center;
}
.acces-direct-l .fleche1{
display: inline-block;
vertical-align: center;
}
.custom-search {
right: 170px;
}
.custom-search-opened{
right: 170px;
}
#express-form-typeahead {
background-size: inherit;
background-position: 6px 6px;
}
main{
display: inline-block;
width: 100%;
min-height: 400px;
padding: 0px;
padding-bottom: 2em;
}
main .mainCont2{
display: flex;
}
main .aside1, main .aside11{
display: inline-block;
width: 33%;
font-family: "bs-light";
font-weight: normal;
font-size: 1.05em;
line-height: 1.8em;
}
main .aside11{
padding-top: 170px;
}
main .aside11.aside-spec{
padding-top: 15px;
}
main .aside1 li.active a{
font-family: "bs-semibold";
}
main .aside2{
margin-left:40px;
width: 25%;
}
.sticky{
position: fixed;
top: 20px;
z-index: 2;
background-color: #FFF;
/*width: 100%;*/
}
main .article1{
width: 50%;
}
main .article2{
width: 75%;
}
.ancre{
display: inline-block;
}
.maxwidth{
max-width: 980px;
}
.zone-actu-blanche{
width: calc(100% + 40px);
height: calc(100% - 20px);
bottom: -50px;
left: -20px;
}
.zone-actu-contenu{
height: 100%;
}
.diaporama-actus{
display: inline-block;
float: none;
height: auto;
}
.points-navig{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
right: 20px;
bottom: 20px;
}
.diapo-actu{
width: 73%;
display: block;
margin-bottom: 0;
}
.lien-toutes-actus{
padding:0;
padding-left: 74%;
text-align: left;
font-size: 1.1em;
}
.signe-guim{
display: inline-block;
}
.lire-tout-texte{
text-decoration: none;
}
.new-publis{
position: absolute;
right: 0px;
bottom: 0px;
width: 24%;
}
.new-publis-img{
display: block;
width: 100%;
}
.diapo-actu-texte, .new-publis-texte{
padding-left: 0;
}
.s3,.s4,.s5,.s6{
display: inline-block;
}
.services{
margin: 40px 0;
}
.services .col-2{
flex: 0 0 16.667%;
max-width: 16.667%;
}
.services-navig{
display: none;
}
.footer-cols>div:first-child{
width:16%;
}
.footer-cols>div:last-child{
width: 84%;
padding:0;
}
.footer-cols>div:last-child>div{
width: 25%;
}
.footer-cols>div:last-child>div:nth-child(2), .footer-cols>div:last-child>div:nth-child(4){
width: 29%;
}
.footer-cols>div:last-child>div:last-child{
width: 14%;
}
.footer-cols>div:last-child>div:not(:first-child){
padding-left: 20px;
border-left: 1px solid #FFF;
}
.scrolltotop.active{
display: block;
}
.diapo-picto-navig{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform:scale(1.1);
}
.diapos-actus {
width: 88%;
}
.lien-toutes-actus {
padding-left: 66%;
}
.new-publis {
width: 32%;
height: 250px;
top: 120px;
}
.new-publis-diapo:not(.new-publis-diapo1){
opacity: 0;
}
.new-agenda .new-publis-img{
max-height: 200px;
}
.encart_accueil{
height: 100%;
}
.zone-actu-texte2{
text-align: left;
line-height: 1.1em;
font-family: 'bs-light';
font-weight: normal;
}
.zone-actu-titre2{
font-size: 1.1em;
line-height: 1.1em;
}
.zone-actu-texte-sm{
font-size: 1em;
line-height: 1.2em;
margin-top: 1em;
}
.encart_accueil{
height: 200px;
position: relative;
text-align: right;
font-size: 1em;
}
.lien-toutes-actus2 {
display: inline-block;
text-align: left;
padding: 1em 0 0 0;
font-family: 'sb-mediumitalic';
font-weight: normal;
font-size: 0.9em;
}
.lien-toutes-actus2 .signe-guim{
width: 23px;
height: 60px;
background-size: 65px 100px;
}
.contlink1, .contlink2{
text-align: right;
}
.contink1{
margin-top: 0.5rem!important;
}
.contlink2{
}
}
@media only screen and (min-width: 700px){
.gal_infos{
width: 33%;
}
.zone-actu-texte{
/*height: 120px;*/
}
.order-phone-1{
order:0;
}
.order-phone-2{
order:0;
}
}
@media only screen and (min-width: 1120px){
.cont, .maxwidth{
max-width: 1110px;
}
nav>ul>li>ul>li>ul>li{
font-size: 0.95em;
}
nav>ul>li>ul>li>ul>li:not(:last-child){
margin-right: 40px;
}
.contlink1{
padding-right: 0.5rem!important;
}
.contlink2{
padding-right: 3rem!important;
}
}
@media only screen and (min-width: 1120px) and (max-width: 1165px){
.zone-actu-blanche{
width: calc(100% + 20px);
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Tablette verticale */
.footer-cols>div:last-child>div {
width: 45%;
float: none;
display: inline-block;
vertical-align: top;
}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Tablette horizontale */
/*.zone-actu-blanche{
width: 100%!important;
height: 100%;
bottom: -30px;
left: 0px;
}*/
.cont {
max-width: 980px;
}
.maxwidth {
max-width: 980px;
}
nav>ul{
width: 100%!important;
}
nav>ul>li:nth-child(3)>ul>li>ul>li:not(:last-child) {
margin-right: 15px;
}
.cont_barre_services{
display: inline-block;
}
}
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
input[type="checkbox"],
input[type="radio"] {
--active: #FFF;
--active-inner: #000;
--focus: 1px #666;
--border: #000;
--border-hover: #000;
--background: #fff;
--disabled: #f6f8ff;
--disabled-inner: #e1e6f9;
-webkit-appearance: none;
-moz-appearance: none;
height: 16px;
margin-top: 3px!important;
outline: none;
display: inline-block;
vertical-align: top;
position: relative;
margin: 0;
cursor: pointer;
border: 1px solid #000;
background: var(--b, var(--background));
-webkit-transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
transition: background 0.3s, border-color 0.3s, box-shadow 0.2s;
}
input[type="checkbox"]:after,
input[type="radio"]:after {
content: "";
display: block;
left: 0;
top: 0;
position: absolute;
-webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
--b: var(--active);
--bc: var(--active);
--d-o: 0.3s;
--d-t: 0.6s;
--d-t-e: cubic-bezier(0.2, 0.85, 0.32, 1.2);
}
input[type="checkbox"]:disabled,
input[type="radio"]:disabled {
--b: var(--disabled);
cursor: not-allowed;
opacity: 0.9;
}
input[type="checkbox"]:disabled:checked,
input[type="radio"]:disabled:checked {
--b: var(--disabled-inner);
--bc: var(--border);
}
input[type="checkbox"]:disabled + label,
input[type="radio"]:disabled + label {
cursor: not-allowed;
}
input[type="checkbox"]:hover:not(:checked):not(:disabled),
input[type="radio"]:hover:not(:checked):not(:disabled) {
--bc: var(--border-hover);
}
input[type="checkbox"]:focus,
input[type="radio"]:focus {
box-shadow: 0 0 0 var(--focus);
}
input[type="checkbox"]:not(.switch),
input[type="radio"]:not(.switch) {
width: 16px;
}
input[type="checkbox"]:not(.switch):after,
input[type="radio"]:not(.switch):after {
opacity: var(--o, 0);
}
input[type="checkbox"]:not(.switch):checked,
input[type="radio"]:not(.switch):checked {
--o: 1;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
font-size: 14px;
line-height: 16px;
display: inline-block;
vertical-align: top;
cursor: pointer;
margin-left: 4px;
}
input[type="checkbox"]:not(.switch) {
border-radius: 12px;
}
/*input[type="checkbox"]:not(.switch):after {
width: 5px;
height: 9px;
border: 2px solid var(--active-inner);
border-top: 0;
border-left: 0;
left: 5px;
top: 3px;
-webkit-transform: rotate(var(--r, 20deg));
transform: rotate(var(--r, 20deg));
}*/
input[type="checkbox"]:not(.switch):after {
width: 6px;
height: 6px;
background-color: #000;
border-radius: 5px;
left: 4px;
top: 4px;
}
input[type="radio"]:not(.switch):after {
width: 12px;
height: 12px;
background-color: #000;
border-radius: 6px;
left: 1px;
top: 1px;
}
input[type="checkbox"]:not(.switch):checked {
--r: 43deg;
}
input[type="checkbox"].switch {
width: 38px;
border-radius: 11px;
}
input[type="checkbox"].switch:after {
left: 2px;
top: 2px;
border-radius: 50%;
width: 15px;
height: 15px;
background: var(--ab, var(--border));
-webkit-transform: translateX(var(--x, 0));
transform: translateX(var(--x, 0));
}
input[type="checkbox"].switch:checked {
--ab: var(--active-inner);
--x: 17px;
}
input[type="checkbox"].switch:disabled:not(:checked):after {
opacity: 0.6;
}
input[type="radio"] {
border-radius: 50%;
}
input[type="radio"]:after {
width: 19px;
height: 19px;
border-radius: 50%;
background: var(--active-inner);
opacity: 0;
-webkit-transform: scale(var(--s, 0.7));
transform: scale(var(--s, 0.7));
}
input[type="radio"]:checked {
--s: 0.5;
}
}