body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul,.content-gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li,.content-gallery>ul li{float:left}.ce_gallery>ul li.col_first,.content-gallery>ul li.col_first{clear:left}.float_left,.media--left>figure{float:left}.float_right,.media--right>figure{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
@media (max-width:767px){#wrapper{margin:0;width:auto}#container{padding-left:0;padding-right:0}#main,#left,#right{float:none;width:auto}#left{right:0;margin-left:0}#right{margin-right:0}}img{max-width:100%;height:auto}.audio_container audio{max-width:100%}.video_container video{max-width:100%;height:auto}.aspect,.responsive{position:relative;height:0}.aspect iframe,.responsive iframe{position:absolute;top:0;left:0;width:100%;height:100%}.aspect--16\:9,.responsive.ratio-169{padding-bottom:56.25%}.aspect--16\:10,.responsive.ratio-1610{padding-bottom:62.5%}.aspect--21\:9,.responsive.ratio-219{padding-bottom:42.8571%}.aspect--4\:3,.responsive.ratio-43{padding-bottom:75%}.aspect--3\:2,.responsive.ratio-32{padding-bottom:66.6666%}
legend{width:100%;display:block;font-weight:700;border:0}input[type=text],input[type=password],input[type=date],input[type=datetime],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=time],input[type=url],input:not([type]),textarea{width:100%;display:inline-block;padding:3px 6px;background:#fff;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-moz-box-shadow:inset 0 1px 1px #eee;-webkit-box-shadow:inset 0 1px 1px #eee;box-shadow:inset 0 1px 1px #eee;-moz-transition:all .15s linear;-webkit-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=number]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=time]:focus,input[type=url]:focus,input:not([type]):focus,textarea:focus{outline:0;background:#fcfcfc;border-color:#bbb}input[type=file]{cursor:pointer}select,input[type=file]{display:block}form button,input[type=file],input[type=image],input[type=submit],input[type=reset],input[type=button],input[type=radio],input[type=checkbox]{width:auto}textarea,select[multiple],select[size]{height:auto}input[type=radio],input[type=checkbox]{margin:0 3px 0 0}input[type=radio],input[type=checkbox],label{vertical-align:middle}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background:#eee}input[type=radio][disabled],input[type=checkbox][disabled],input[type=radio][readonly],input[type=checkbox][readonly]{background:0 0}form button,input[type=submit],.button{display:inline-block;padding:4px 15px 4px 14px;margin-bottom:0;text-align:center;vertical-align:middle;line-height:16px;font-size:11px;color:#000;cursor:pointer;border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-color:#ececec;background-image:-moz-linear-gradient(top,#fff,#ececec);background-image:-webkit-linear-gradient(top,#fff,#ececec);background-image:-ms-linear-gradient(top,#fff,#ececec);background-image:-o-linear-gradient(top,#fff,#ececec);background-image:linear-gradient(to bottom,#fff,#ececec);background-repeat:repeat-x;-moz-transition:background .15s linear;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear}form button:hover,input[type=submit]:hover,.button:hover{text-decoration:none;background-position:0 -15px!important}form button:active,input[type=submit]:active,.button:active{background-color:#e6e6e6;background-position:0 -30px!important}form button.blue,input[type=submit].blue,.button.blue{background-color:#2f96b4;background-image:-moz-linear-gradient(top,#5bc0de,#2f96b4);background-image:-webkit-linear-gradient(top,#5bc0de,#2f96b4);background-image:-ms-linear-gradient(top,#5bc0de,#2f96b4);background-image:-o-linear-gradient(top,#5bc0de,#2f96b4);background-image:linear-gradient(to bottom,#5bc0de,#2f96b4);border-color:#2f96b4;color:#fff}form button.blue:active,input[type=submit].blue:active,.button.blue:active{background-color:#2e95b3}form button.green,input[type=submit].green,.button.green{background-color:#51a351;background-image:-moz-linear-gradient(top,#62c462,#51a351);background-image:-webkit-linear-gradient(top,#62c462,#51a351);background-image:-ms-linear-gradient(top,#62c462,#51a351);background-image:-o-linear-gradient(top,#62c462,#51a351);background-image:linear-gradient(to bottom,#62c462,#51a351);border-color:#51a351;color:#fff}form button.green:active,input[type=submit].green:active,.button.green:active{background-color:#4f9f4f}form button.orange,input[type=submit].orange,.button.orange{background-color:#f89406;background-image:-moz-linear-gradient(top,#fbb450,#f89406);background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:-ms-linear-gradient(top,#fbb450,#f89406);background-image:-o-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406);border-color:#f89406;color:#fff}form button.orange:active,input[type=submit].orange:active,.button.orange:active{background-color:#f28f04}form button.red,input[type=submit].red,.button.red{background-color:#bd362f;background-image:-moz-linear-gradient(top,#ee5f5b,#bd362f);background-image:-webkit-linear-gradient(top,#ee5f5b,#bd362f);background-image:-ms-linear-gradient(top,#ee5f5b,#bd362f);background-image:-o-linear-gradient(top,#ee5f5b,#bd362f);background-image:linear-gradient(to bottom,#ee5f5b,#bd362f);border-color:#bd362f;color:#fff}form button.red:active,input[type=submit].red:active,.button.red:active{background-color:#be322b}.widget{margin-bottom:12px}.widget>label{display:block;margin-bottom:6px;font-weight:700}.inline-form .widget{display:inline-block;margin-bottom:0;vertical-align:middle}.horizontal-form .widget:after{content:"";display:table;clear:both}.horizontal-form .widget>label{width:20%;float:left;padding:3px 2% 0 0;text-align:right}.horizontal-form .widget>input,.horizontal-form .widget>textarea{width:78%;float:left}.horizontal-form .widget>fieldset{margin-left:20%}
.mobile_menu{position:fixed;z-index:100;display:none}.mobile_menu .inner{height:100%;background:#000;overflow-y:scroll}.mobile_menu.active.position_left{box-shadow:2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_top{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_right{box-shadow:-2px 0 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.position_bottom{box-shadow:0 -2px 5px 0 rgba(0,0,0,.5)}.mobile_menu.active.no_shadow{box-shadow:none!important}.mobile_menu_trigger{display:none}.mobile_menu_wrapper{position:relative;width:100%;overflow:hidden}.mobile_menu_overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:99}.mobile_menu_overlay.background{background:rgba(0,0,0,.5)}.mobile_menu li.submenu_hide>ul{display:none}.mobile_menu li.submenu_show>ul{display:block}body.ie8 .mobile_menu,body.ie8 .mobile_menu_trigger,body.ie9 .mobile_menu,body.ie9 .mobile_menu_trigger{display:none!important}
@charset "UTF-8";
.contao-cookiebar {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  font-size: 0;
  letter-spacing: 0;
  text-align: center;
  padding: 15px;
  max-height: 100vh;
  box-sizing: border-box;
  pointer-events: none;
  overflow: hidden; }
  .contao-cookiebar * {
    box-sizing: border-box; }
  .contao-cookiebar:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .contao-cookiebar .cc-inner {
    display: inline-block;
    overflow-y: auto;
    max-height: 100%;
    max-width: 100%;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    font-size: 1rem;
    text-align: left; }
  .contao-cookiebar.cc-top .cc-inner {
    vertical-align: top; }
  .contao-cookiebar.cc-top.cc-active .cc-inner {
    animation: cookiebar-top-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-top.cc-saved .cc-inner {
    animation: cookiebar-top-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom .cc-inner {
    vertical-align: bottom; }
  .contao-cookiebar.cc-bottom.cc-active .cc-inner {
    animation: cookiebar-bottom-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-bottom.cc-saved .cc-inner {
    animation: cookiebar-bottom-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle .cc-inner {
    vertical-align: middle; }
  .contao-cookiebar.cc-middle.cc-active .cc-inner {
    animation: cookiebar-middle-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-middle.cc-saved .cc-inner {
    animation: cookiebar-middle-out 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-left {
    text-align: left; }
  .contao-cookiebar.cc-right {
    text-align: right; }
  .contao-cookiebar .cc-head h1:first-child, .contao-cookiebar .cc-head h2:first-child, .contao-cookiebar .cc-head h3:first-child, .contao-cookiebar .cc-head h4:first-child, .contao-cookiebar .cc-head h5:first-child, .contao-cookiebar .cc-head h6:first-child {
    margin-top: 0; }
  .contao-cookiebar .cc-head p {
    margin-bottom: 15px; }
  .contao-cookiebar .cc-btn {
    display: inline-block;
    cursor: pointer;
    width: 100%;
    padding: 8px 14px;
    margin-bottom: 8px;
    font-size: 15px;
    outline: 0 none;
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    color: #444;
    background: #f5f5f5; }
    .contao-cookiebar .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .cc-btn:last-child {
      margin-bottom: 0; }
  .contao-cookiebar .grayscale .cc-btn {
    background: #f1efef; }
    .contao-cookiebar .grayscale .cc-btn:hover {
      background: #ececec; }
    .contao-cookiebar .grayscale .cc-btn.success {
      background: #fbfbfb; }
      .contao-cookiebar .grayscale .cc-btn.success:hover {
        background: #f7f7f7; }
  .contao-cookiebar .highlight .cc-btn.success {
    background: #4e9e3e;
    border-color: #3e7830;
    color: #fff; }
    .contao-cookiebar .highlight .cc-btn.success:hover {
      background: #4c933f; }
  .contao-cookiebar label {
    position: relative;
    display: block;
    padding: 8px 13px 8px 0;
    line-height: 1.2rem; }
    .contao-cookiebar label.group {
      font-weight: 600; }
  .contao-cookiebar input {
    position: absolute;
    width: 1px;
    height: 1px;
    outline: 0 none;
    opacity: 0; }
    .contao-cookiebar input + label {
      padding: 8px 13px 8px 50px;
      cursor: pointer; }
      .contao-cookiebar input + label:before {
        content: '';
        position: absolute;
        top: 6px;
        left: 0;
        width: 35px;
        height: 18px;
        margin: 0;
        box-sizing: content-box;
        border-radius: 10px;
        background: #fff;
        border: 2px solid #9c9b99;
        transition: border-color .2s; }
      .contao-cookiebar input + label:after {
        display: block;
        content: '';
        position: absolute;
        top: 10px;
        left: 4px;
        width: 14px;
        height: 14px;
        border-radius: 10px;
        background: #9c9b99;
        transition: background .2s, margin-left .2s, padding .2s; }
      .contao-cookiebar input + label:active:after {
        padding-left: 5px; }
    .contao-cookiebar input.cc-group-half + label:after {
      background: linear-gradient(to right, #9c9b99 0%, #9c9b99 50%, #399d32 50%, #399d32 100%); }
    .contao-cookiebar input:checked + label:after {
      background: #399d32;
      margin-left: 17px; }
    .contao-cookiebar input:checked + label:active:after {
      margin-left: 12px; }
    .contao-cookiebar input:checked + label:before {
      background: #dcf3db;
      border-color: #399d32; }
    .contao-cookiebar input:disabled + label {
      pointer-events: none; }
      .contao-cookiebar input:disabled + label:after {
        background: #c8c7c5; }
      .contao-cookiebar input:disabled + label:before {
        background: #f4f4f4;
        border-color: #c8c7c5; }
  .contao-cookiebar.cc-active .cc-inner {
    opacity: 1;
    pointer-events: auto;
    visibility: visible; }
  .contao-cookiebar.cc-active.cc-blocked {
    pointer-events: auto;
    animation: cookiebar-overlay-in 0.5s ease-in-out forwards; }
  .contao-cookiebar.cc-saved.cc-inner {
    opacity: 0;
    pointer-events: none;
    visibility: hidden; }
  .contao-cookiebar.cc-saved.cc-blocked {
    pointer-events: none;
    animation: cookiebar-overlay-out 0.5s ease-in-out forwards; }

@media (min-width: 768px) {
  .contao-cookiebar .cc-btn {
    width: auto;
    margin-bottom: 0; }
  .contao-cookiebar .cc-inner {
    max-width: 750px; } }

@keyframes cookiebar-overlay-in {
  0% {
    background: rgba(0, 0, 0, 0); }
  100% {
    background: rgba(0, 0, 0, 0.75); } }

@keyframes cookiebar-overlay-out {
  0% {
    background: rgba(0, 0, 0, 0.75); }
  100% {
    background: rgba(0, 0, 0, 0);
    visibility: hidden; } }

@keyframes cookiebar-top-in {
  0% {
    opacity: 0;
    transform: translateY(-100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-top-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%); } }

@keyframes cookiebar-middle-in {
  0% {
    opacity: 0;
    transform: scale(0); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes cookiebar-middle-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: scale(1); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: scale(0); } }

@keyframes cookiebar-bottom-in {
  0% {
    opacity: 0;
    transform: translateY(100%); }
  100% {
    opacity: 1;
    transform: translateY(0); } }

@keyframes cookiebar-bottom-out {
  0% {
    opacity: 1;
    visibility: visible;
    transform: translateY(0); }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(100%); } }

.contao-cookiebar {
  color: #444444; }
  .contao-cookiebar p {
    color: #868686;
    line-height: 1.4; }
  .contao-cookiebar .cc-inner {
    padding: 25px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);
    background: #fff; }
  .contao-cookiebar .cc-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    position: relative;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    margin-bottom: 10px; }
    .contao-cookiebar .cc-group > label {
      flex-grow: 1;
      margin: 5px 0 5px 10px; }
    .contao-cookiebar .cc-group .cc-detail-btn {
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      padding: 8px 10px;
      line-height: 1.2rem; }
      .contao-cookiebar .cc-group .cc-detail-btn span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn:hover {
        color: #717171; }
    .contao-cookiebar .cc-group .cc-detail-btn-details {
      display: inline-block;
      border: 0 none;
      outline: 0 none;
      background: transparent;
      font-size: 13px;
      letter-spacing: 0;
      text-transform: initial;
      cursor: pointer;
      color: #a2a2a2;
      text-decoration: underline;
      padding: 0;
      margin: 0 0 10px; }
      .contao-cookiebar .cc-group .cc-detail-btn-details span:nth-child(2) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(1) {
        display: none; }
      .contao-cookiebar .cc-group .cc-detail-btn-details.cc-active span:nth-child(2) {
        display: inline; }
      .contao-cookiebar .cc-group .cc-detail-btn-details:hover {
        color: #717171; }
  .contao-cookiebar .cc-cookies {
    display: none;
    width: 100%;
    background: #fbfbfb;
    border-radius: 0 0 5px 5px; }
    .contao-cookiebar .cc-cookies > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-cookies > p, .contao-cookiebar .cc-cookies > .cc-cookie {
      margin: 0;
      padding: 15px;
      border-top: 1px solid #e6e6e6; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info {
      font-size: 0.875rem;
      background: #fff;
      padding: 10px;
      border-radius: 5px;
      border: 1px solid #efefef; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div > span {
        font-weight: 600; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info > div + div {
        margin-top: 5px;
        word-wrap: break-word; }
      .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-info + button.cc-detail-btn-details {
        margin-top: 15px; }
    .contao-cookiebar .cc-cookies .cc-cookie .cc-cookie-desc > p {
      margin-bottom: 0; }
    .contao-cookiebar .cc-cookies .cc-cookie label.cookie + p, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + .cc-cookie-info, .contao-cookiebar .cc-cookies .cc-cookie label.cookie + button.cc-detail-btn-details {
      margin-top: 10px; }
    .contao-cookiebar .cc-cookies .cc-cookie p {
      margin: 0 0 15px;
      font-size: 0.875rem; }
  .contao-cookiebar .cc-footer, .contao-cookiebar .cc-info {
    text-align: center; }
  .contao-cookiebar .cc-info {
    margin-top: 15px; }
    .contao-cookiebar .cc-info > p {
      font-size: 0.875rem; }
    .contao-cookiebar .cc-info > a {
      display: inline-block;
      font-size: 0.813rem;
      color: #a2a2a2;
      text-decoration: none; }
      .contao-cookiebar .cc-info > a:hover {
        color: #717171; }
      .contao-cookiebar .cc-info > a + a:before {
        display: inline-block;
        content: '·';
        margin-right: 5px; }

@font-face {
    font-family: 'introheadr';
    src: url('/files/thème/introheadr-base-webfont.woff2') format('woff2'),
         url('/files/thème/introheadr-base-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'introscriptr';
    src: url('/files/thème/introscriptr-h2base-webfont.woff2') format('woff2'),
         url('/files/thème/introscriptr-h2base-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'kalam';
    src: url('/files/thème/kalam-regular-webfont.woff2') format('woff2'),
         url('/files/thème/kalam-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kalam bold';
    src: url('/files/thème/kalam-bold-webfont.woff2') format('woff2'),
         url('/files/thème/kalam-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'kalam light';
    src: url('/files/thème/kalam-light-webfont.woff2') format('woff2'),
         url('/files/thème/kalam-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* GLOBAL */
:root {
/* CSS HEX */
--mustard: #ffd551ff;
--cambridge-blue: #9dc4b5ff;
--raisin-black: #2e282aff;
--cedar-chest: #cd5334ff;
--pale-pink: #fad8d6ff;
}

html {
  scroll-behavior: smooth;
}

body {
  /* background-color: #fffbeb; */
  /* background-color: var(--mustard); */
  color: var(--raisin-black);
  background: rgb(252,251,245);
  background: linear-gradient(-90deg, rgba(252,251,245,1) 20%, rgba(255,246,212,1) 100%);

}


.titre-site img {
  height : 80px;
}
@media screen and (max-width: 400px) {
  .titre-site img {
    height : 35px;
  }
}

#wrapper {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  /* padding-left: 2%; */
  /* padding-right: 2%; */
  /* box-shadow: -2px 0 4px #ffd551ff, 2px 0 4px #ffd551ff; */
}

#header {
  padding-top: 1em;
  padding-bottom: 1em;
  padding: 1em;
}
#header .inside {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#main {
  margin-left: auto;
  margin-right: auto;
  box-shadow: -2px 0 4px #ffd551ff, 2px 0 4px #ffd551ff;
}
#main .inside {
  min-height: 50vh;
  padding: 2%;
  background-color: #fff;
}
#footer {
  padding-top: 1.5rem;
  /* background-color: #fff; */
}

h1, h2, h3 {
  font-family: 'introheadr', sans-serif;
  font-weight: bolder;
}
h1 {
  font-size: 3rem;
  color: var(--cedar-chest);
}

.intro {
  font-size: 1.2rem;
  border-left : 3px solid var(--mustard);
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  background-color: #fffbeb;
}
.message {
	font-family: "introheadr";
	color: var(--cedar-chest);
  font-size: 2rem;
  border-left : 3px solid var(--mustard);
  padding-left: 1.5rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  background-color: #fffbeb;
}
/* MENUS */

.mobile_menu .inner {
  background-color: #fffbeb;
}
.mobile_menu ul {
  list-style: none;
}
.mobile_menu ul a {
  display: block;
  font-size: 1.3em;
  color: #cd5334;
  padding-top: 1em;
  padding-bottom: 1em;
  text-decoration: none;
}
.mobile_menu li {
  /* background-color: #fffbeb; */
  border-bottom : 2px solid var(--cedar-chest);
  margin-bottom: 0.2em;
  padding-left: 0.2rem;
}
.mobile_menu li:hover {
  background-color: #ffd551;
}

.menu.principal .level_1 {
  list-style: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  column-gap: 2px;
}
.menu.principal a {
  text-decoration: none;
  color: var(--raisin-black);
  padding: 10px;
  border-radius: 5px;
}
.menu.principal a:hover {
  background-color: #ffd551;
  transition: background-color 1s;
}
.menu.principal .active strong,
.menu.principal .trail a {
  padding: 10px;
  border-radius: 3px;
  /* background-color: var(--cambridge-blue); */
  background-color: #ffd551;
  font-weight: normal;
}

a.more,
.more a,
.back a {
  color : var(--raisin-black);
  padding : 3px;
  border-radius: 3px;
  text-decoration: none;
  font-size: 0.8em;
  font-weight: bold;
}
a.more:hover,
.more:hover a,
.back:hover a {
  background-color: #ffd551;
}

a.more {
  display: flex;
  justify-content: center;
  background-color: #ffd551;
  padding-top: 0.9em;
  padding-bottom: 0.9em;
  border-radius: 3px;
}
a.more:hover {
  background-color: #ffce34;
}

.menu.pied .level_1 {
  list-style: none;
}
.menu.pied .level_1 a {
  text-decoration: none;
  color: var(--raisin-black);
}

/* Réseaux sociaux */
ul.rs {
  display: flex;
  list-style: none;
  padding-left: 0;
  justify-content:flex-end;
  align-items: center;
  gap: 20px;
}
.rs li img {
  width: 35px;
}


/* BLOG */
.layout_latest {
  background-color: #fff;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* background-color: rgba(157, 196, 181, 0.4); */
  margin-bottom: 1em;
  margin-right: 1em;
  /* box-shadow: 3px 3px 2px rgba(157, 196, 181, 0.6); */
}
.layout_latest .textes {
  padding-left : 3%;
  padding-right: 3%;
}

.layout_latest img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border: 0;
}
.layout_latest .defaut {
  display: block;
  height: 200px;
  /* background-color: var(--cambridge-blue); */
}
.layout_latest figure {
  /* width: 100%; */
  height: 200px;
  border: 0;
}

.mod_newsmenu .level_1,
.mod_eventmenu .level_1 {
  display: flex;
  justify-content: center;
  list-style: none;
  padding-left: 0;
  column-gap: 8px;
}
.mod_newsmenu .level_1 a,
.mod_eventmenu .level_1 a {
  text-decoration: none;
  color : var(--cedar-chest);
  padding: 3px 5px;
  border-radius: 3px;
  border: solid 1px var(--cedar-chest);
}
.mod_newsmenu strong.active,
.mod_eventmenu strong.active {
  padding: 3px 5px;
  border-radius: 3px;
  background-color: var(--cedar-chest);
  color: #fff;
  font-weight: normal;
  border: solid 1px var(--cedar-chest);
}
.mod_newsmenu .level_1 a:hover,
.mod_eventmenu .level_1 a:hover {
  background-color: var(--cedar-chest);
  color: #fff;
  font-weight: normal;
  border-color: #fff;;
  transition: background-color 0.9s;
}

/*
    ACCUEIL
*/
.bloc-bas {
  display: flex;
  flex-wrap: wrap;
  row-gap : 1rem;
}

.bloc-bas div {
  /* display: block; */
  height: 235px;
  width: 48%;
  background-size: cover;
  padding: 0.5rem;
}
/* .bloc-accueil.paniers {
  background: no-repeat url("/files/thème/photos/coucher de soleil.jpg");

}
.bloc-accueil.yopcast {
  background: no-repeat url("/files/thème/photos/coucher de soleil.jpg");
  background-size:cover;
  /* position: relative; */

/* } */
.mediatheque {
  background: no-repeat url("/files/thème/photos/serres.jpg");
  background-size: contain;
}
.projet {
  background: no-repeat url("/files/thème/photos/cabanon.jpg");
  background-size: contain;
}
.bloc-accueil.actus {
  height: auto;
  display: flex;
  flex-direction: column;
  margin-bottom: 2rem;
}


.bloc-accueil .layout_latest {
  display: inline-flex;
  border-radius: 5px;
  margin-left: 0.5rem;
  margin-top: 0.5rem;
}

.bloc-accueil .layout_latest a {
  display: inline-flex;
  align-items: center;
  background-color: var(--mustard);
  padding-top: 0;
  padding-bottom: 0;
  color: var(--cedar-chest);
}
.bloc-accueil .layout_latest a:hover {
  background-color: #ffce34;
}
.bloc-accueil .layout_latest img {
  height: 2rem;
  width: 2rem;
}

/*
    ACCUEIL - BLOC-BAS
*/
.bloc-bas {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.bloc-bas .bloc {
  width:48%;
}
.bloc-bas div h3 {
  font-size: 1.5rem;
  color : var(--cedar-chest);
}

@media screen and (max-width: 835px) {
  .bloc-bas.yopcast,
  .bloc-bas.mediatheque,
  .bloc-bas.projet {
    background-size: cover;
  }
  .bloc-bas {
    justify-content: center;
  }
  .bloc-bas div {
    width: 90%;
  }
}
.bloc-bas h2 {
  color: var(--cedar-chest);
  font-size : 3rem;
  margin: 0;
}
.bloc-bas p {
    margin: 0;
    color: var(--cedar-chest);
}
.bloc-bas a {
  display: block;
  padding : 0.5rem;
  text-decoration: none;
  background-color: rgba(255,255,255,0.6);
}
a.nav {
  color: #9d9d9d;
  text-decoration: none;
  font-size: 0.9rem;
}
a.nav::after {
  content: " >";
}

/* ACTUALITÉS - Accueil */

.bloc-bas h3 {
  margin-top: 0;
  color: var(--cedar-chest);
}
.actus .mod_newslist {
  display: flex;
  flex-direction: column;
  justify-content: start;
  /* row-gap: 1%; */
  /* position: static; */
}


.bloc .layout_simple {
  display: flex;
  flex-direction: column;
  padding: 5px;
  border-radius: 5px;
}
.actus .layout_simple a {
  background-color: unset;
  color: var(--cedar-chest);
  /* font-weight: bold; */
  /* background-color: #fffbeb; */
  text-decoration: none;
}
.actus .layout_simple a:hover {
  text-decoration: underline;
}
.actus .layout_simple time {
  font-size: 0.8rem;
  /* padding-left: 8px; */
  color: #767676;
}
.actus > a::after {
  content: " >";
}
.actus > a {
  font-size: 0.9rem;
  color: #767676;
}
.actus a:hover {
  color: #000000;
}

.row .mod_newslist {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  /* flex-direction: column; */
}
.row .mod_newslist div {
  width: 30%;
  margin-right: 0px;
}
.row .mod_newslist a img {
  object-fit: contain;
}
@media screen and (max-width: 835px) {
  .row .mod_newslist {
    justify-content: center;
  }
  .row .mod_newslist div {
    width: 90%;
  }
  .row .mod_newslist a img {
    object-fit: cover;
  }
}
.row .mod_newslist .ce_text {
  width: 100%;
  margin-right: 0;
}

@media screen and (max-width: 400px) {
  .bloc-accueil .mod_newslist {
    flex-direction: column;
    border: 1px solid var(--cedar-chest);
  }
  .bloc-accueil .layout_simple {
    width: 95%;
    border: 0;
  }
}


/* ACTUALITÉS */

.mod_newslist .layout_latest h2,
.mod_newslist .layout_latest h2 a,
.mod_eventlist .layout_latest h2,
.mod_eventlist .layout_latest h2 a {
  color: var(--cedar-chest);
}

/*
    BLOG
*/

.mod_newsarchive .liste {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

/*
    AGENDA
*/

.accueil .bloc.agenda {
  display: flex;
  flex-direction: column;
  margin-bottom : 2rem;
}
.accueil .mod_eventlist {
  flex-grow: 1;
}

.accueil .agenda .event {
  display : flex;
  flex-direction: column;
  margin-bottom: 5px;
}
.accueil .agenda .event a {
  color: var(--cedar-chest);
  text-decoration: none;
}

.liste_agenda {
  display: flex;
  flex-wrap: wrap;
  justify-content:start;
  row-gap: 5%;
  column-gap: 5%;
}
.liste_agenda .event {
  width: 30%;
}
/* ATELIERS */

.menu-ateliers {
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;
  row-gap: 3px;
}
.menu-ateliers li {
  padding-left: 5px;
  padding-right: 5px;
}
.menu-ateliers a {
  text-decoration: none;
  color : #cd5334;
}
.menu-ateliers li:hover {
  background-color : #d8ea97;
}
.ateliers .top {
  text-align: right;

}
.ateliers .top a {
  text-decoration: none;
  padding: 0.5em;
  text-transform: lowercase;
  color: rgba(206, 87, 57, 0.5);
  margin-bottom: 1em;
  background-color: #f7F7F7;
}


.ateliers {
  padding-left: 0;
}
.ateliers li {
  padding: 0.5em;
  border: 2px solid rgba(206, 87, 57, 0.5);
  margin-bottom: 1em;
}
.ateliers li.loco {
  border: 2px solid #35d94d;
}
.ateliers li.loco h2 {
  color : #35d94d;
}
.ateliers .textes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 1em;
}
.ateliers .textes p {
  width: 49%;
}
@media screen and (max-width: 400px) {
  .ateliers .textes {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* flex-wrap: wrap;
    margin-bottom: 1em; */
  }
  .ateliers .textes p {
    width: 100%;
  }
}
.ateliers .descriptif::before {
  content:"Descriptif : ";
  font-weight: bold;
}
.ateliers .objectif::before {
  content:"Objectif : ";
  font-weight: bold;
}
.ateliers h2 {
  color : #cd5334;
  text-transform: uppercase;
  font-size: 2em;
}
.video-yt {
width: 100%;
aspect-ratio: 16/9;
}
@media screen and (width > 400px) {
  .videos {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .video-yt {
  width: 49%;
  aspect-ratio: 16/9;
  }
}

.ateliers .images {
  display: flex;
}
@media screen and (max-width: 400px) {
  .ateliers .images {
    flex-direction: column;
  }
}
.checkbox_container {
  display: flex;
  flex-direction: column;
}


/* YOPCAST */

#yopcast_liste {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#yopcast_liste .item {
  padding: 0.5em;
  background-color: #f2f2f2;
  border-radius: 5px;
  margin-bottom: 1rem;
}

#yopcast_liste h2 {
  color: #cd5334;
  margin-bottom: 0;
}
#yopcast_liste p {
  margin-top: 0;
  font-size: 0.9rem;
}

/* Lecteur audio */
.ce_player.full-width audio {
	width: 100%;
}

@media screen and (min-width: 400px) {
  #yopcast_liste {
    justify-content: space-between;
  }
  #yopcast_liste .item {
    width: 47%;
  }
}
@media screen and (min-width: 900px) {
  #yopcast_liste .item {
    width: 300px;
}

/* MÉDIATHÈQUE */


.liste .layout_latest p {
  font-size: 0.8em;
  text-align: justify;
}

.layout_mediatheque figure {
  display: block;
  width: 200px;
  height: auto;
  /* border: 1px solid #ccc; */
}
.layout_mediatheque img {
  border: 1px solid #ccc;
}

.layout_mediatheque h2 {
  margin-top: 0;
  margin-bottom: 0;
  /* font-size: 1.3em; */
}
.layout_mediatheque .ce_text {
  font-size: 0.8em;
}
.layout_mediatheque a {
  text-decoration: none;
  color: #cd5334;
}
.mod_newslist .info {
  font-size: 0.8em;
  color: #838383;
}
/* #detail_media iframe {
  object-fit: cover;
} */

/* TAGS */
#nuage_tags .cloud,
.tag-chain {
  display: flex;
  list-style: none;
  padding-left: 0;
  gap: 5px;
  margin-top: 0;
}
#nuage_tags .cloud li,
.tag-chain li {
  /* background-color: #fffbeb; */
  padding: 0 3px;
}

.tag-chain li a {
  font-size: 0.8rem;
  text-decoration: none;
  color: #838383;
}
#nuage_tags .cloud li a {
  /* font-size: 0.8rem; */
  text-decoration: none;
  color: #838383;
  color: #cd5334;
}
#nuage_tags .cloud li:hover,
#nuage_tags .cloud li.active {
  background-color: #fffbeb
}


/*  PANIERS SMS  */

#panier_sms table {
  width: 100%;
  font-family: "kalam", sans-serif;
  background-color: #1d1d24;
  color: #fff;
  border-radius: 6px;
}
#panier_sms th {
  text-align: left;
}
#panier_sms .head_0 {
  width: 30%;
  padding-left: 10px;
}
#panier_sms .head_1,
#panier_sms .head_2 {
  width: 15%;
  text-align : center;
}
#panier_sms .head_3 {
  padding-left: 10px;
}
#panier_sms td.col_0,
#panier_sms td.col_4 {
  padding-left: 10px;
  padding-right: 10px;
}
#panier_sms .col_1,
#panier_sms .col_2 {
  text-align: center;
}
#panier_sms tr {
  line-height: 2em;
}
#panier_sms thead {
  /* background-color: #ecf79e; */
  background-color: #000;
  font-family: "kalam bold", sans-serif;
  color: #fff;
}
#panier_sms tfoot {
  background-color: #000;
  color: #fff;
  font-size: 0.85em;
}
#panier_sms .foot_0 {
  padding-left: 10px;
}
/* #panier_sms tr.even { */
  /* background-color: #ecf4b182; */
/* } */
#panier_sms caption {
  display: none;
}
.en_ligne .formbody {
  display: flex;
  flex-wrap: wrap;
  /* justify-content: space-between; */
  column-gap: 10px;
}
.en_ligne .widget {
  display: flex;
}

#prix_panier {
  display: flex;
  justify-content : center;
}
#prix_panier p {
  display:inline;
  background-color: #1d1d24;
  font-family: "kalam bold", sans-serif;
  font-size: 2em;
  color: #f69d0a;
  padding: 10px 20px;
  border-radius: 6px;
  transform: rotate(10deg);
}


.ce_form {
  display: flex;
  max-width: 50%;
  padding : 0.7em;
  background-color: #fcfbf5;
  border : 1px dashed #cd5334;
}
.ce_form .widget {
  display: flex;
  flex-direction: column;
}
.ce_form input.text {
  width: 200px;
}
.ce_form input[type="number"] {
  width: 50px;
}
.ce_form .widget-submit {
  margin-top: 1em;
}
.ce_form .submit {
  max-width: 100px;
}

/* RESPONSIVE */


@media screen and (min-width: 1000px) {
  #news_accueil {
    display: flex;
    flex-wrap: wrap;
    justify-content:space-around;
  }
  #news_accueil .layout_latest {
    width:45%;
    margin: 0;
  }
  #blog-accueil,
  #blog-liste,
  #blog-listearchives .liste {
    display: flex;
    column-gap: 5px;
    flex-wrap: wrap;
  }
  #blog-accueil .layout_latest,
  #blog-liste .layout_latest,
  #blog-listearchives .layout_latest {
    width: 22%;
  }
  .layout_mediatheque {
    display: flex;
    flex-direction: row;
    margin-bottom: 2rem;
    column-gap: 1rem;
  }
  .layout_mediatheque .textes {
    width: 90%;
  }

  .liste .layout_latest {
    width: 31%;
    gap : calc(4% / 3);
  }
}