@import url('https://fonts.googleapis.com/css?family=Convergence|Open+Sans:400,400i,700');



/*

    font-family: 'Convergence', sans-serif;

    font-family: 'Open Sans', sans-serif;

*/



html {

  height: 100%;

  font-size: 100%;

  -ms-text-size-adjust: 100%;

  -webkit-text-size-adjust: 100%;

  line-height: 1.4;

}

html, body {

  position: relative;

  font-family: 'Open Sans', sans-serif;

  color: #333333;

  font-size: 14px;

}

body {

  overflow-x: hidden;

  background: url(../images/bg-champ.jpg) no-repeat top center; background-size: 100%;

}

body * {

  box-sizing: border-box;

}

h1, h2, h3 {

  position: relative;

  font-family: 'Convergence', sans-serif;  

  font-weight: 400;

}



p {margin-top: 0; position: relative;}



/**

 * Generic

 */

a {color: #12a2cc;text-decoration: none;transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; border: 0; text-decoration: none;}

a:hover, a:active, a:focus {}

img {display: block;max-width: 100%; height: auto;}

.col-md-50 {float: left; width: 50%;}

.col-md-100 {float: left; width: 100%;}

.container {max-width: 1240px; margin: 0 auto;}

.layout-sidebar-first {width: 20%; float: left;}

main {text-align: center;}

main > .container {background: white; padding: 2.5em 2.2em 3.5em; display: inline-block; text-align: left; width: 100%;}

.has-sidebar-first .layout-content {width:80%;}

.has-sidebar-first.has-sidebar-second .layout-content {width:60%;}

.element-top {margin-top: -4px;}

.region-breadcrumb {background: white; display: inline-block; margin-bottom: 1em; border-bottom: 1px solid #eeeeee;}

h1 {display: inline-block; color: #0069b4; font-size: 2em; font-weight: 400; text-transform: uppercase; margin: 0; line-height: 1;}

h2, .field--name-field-titre-de-la-rubrique, .field--name-field-titre-du-trombinoscope {color: #0069b4; font-size: 1.8em; margin: 0; font-family: 'Convergence', sans-serif; font-weight: 400;}

.img-sl-ttle {position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); color: white; width: 100%; padding: 1em 1em 1.4em;}

.slick-slide {position: relative;}



/*Header*/

header {display: inline-block; width: 100%;}

.layout-container {position: relative;}

.header-degrade {position: absolute; left: 0; top: 0; width: 100%; height: 300px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */

background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}

.site-logo {width: 280px; float: left; margin: 2em 1em 1em; max-width: 90%;}

.region-primary-menu {width: 100%; display: inline-block; background: #333333; color: white;}

#block-fontrieu-search {float: right; position: relative; width: 232px; height: 38px; max-width: 100%; border: 1px solid #eeeeee; background: white; margin-top: 2em;}

#block-fontrieu-search > div {position: absolute; left: 1.3em; top: 8px; color: #c2c2c2;}

#block-fontrieu-search input[type="search"] {border: 0; width: 80%; float: left; margin: 0; padding: 0 0.5em; height: 36px; box-sizing: border-box;}

#block-fontrieu-search input[type="submit"] {width: 20%; float: right; height: 36px; text-indent: -9999px; overflow: hidden; border:0; background: white url(../images/sprite.svg) no-repeat -4px -7px; background-size: 450px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

#block-fontrieu-search input[type="submit"]:hover {background-position: -48px -7px;}



/*Menu*/

ul.sf-menu a, ul.sf-menu span {color: #333333; border-bottom: 1px solid #c0c0c0; border-left: 4px solid #e6e6e6; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; display: block; padding: 1em 1.5em; position: relative;}

ul.sf-menu a:hover, ul.sf-menu span:hover, ul.sf-menu a.is-active.sf-depth-2 {border-left: 4px solid #12a2cc;}

ul.sf-menu a.sf-depth-1, ul.sf-menu span.sf-depth-1 {display: block; padding: 1em 1.5em; font-family: 'Convergence', sans-serif; font-size: 1.1em; text-transform: uppercase; color: white; height: 46px; border: 0; position: relative; overflow: hidden;}

ul.sf-menu a.sf-depth-1:hover, ul.sf-menu span.sf-depth-1:hover, ul.sf-menu li.sfHover a.sf-depth-1, ul.sf-menu li.sfHover span.sf-depth-1, ul.sf-menu li:nth-child(n+2).active-trail a.sf-depth-1, ul.sf-menu li.active-trail span.sf-depth-1 {color: #12a2cc; background: white;}

ul.sf-menu li:first-child a.sf-depth-1 {width: 60px; text-indent: -99999px; background: url(../images/home.png) no-repeat center;}

ul.sf-menu li:first-child a.sf-depth-1:hover {background-color: #12a2cc;}

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 46px; background: #e6e6e6;}



/*Breadcrumb*/

.breadcrumb li:before {content: ' >';}

.breadcrumb, .breadcrumb a {color: #bababa; font-size: 13px;}

.breadcrumb a:hover {color: #0069b4;}



/*Home*/

#block-views-block-slider-accueil-block-1 {width: 56%; float: left; text-align: center; position: relative; z-index: 2;}

.path-frontpage #block-fontrieu-page-title, .path-frontpage #block-fontrieu-content {width: 56%; float: left;}

.path-frontpage h1 {font-size: 1.8em; margin: 0.7em 0 0.3em; text-transform: none; line-height: 1.4;}

.slick-dots {display: inline-block; padding: 0; position: absolute; bottom: 0.3em; left: 50%; transform: translateX(-50%); margin: 0;}

.slick-dots li {float: left; list-style: none; margin: 0 0.4em 5px; width: 11px; height: 11px; background: white; text-indent: -99999px; border: 0; overflow: hidden; border-radius: 50%; cursor: pointer;}

.slick-dots li.slick-active, .slick-dots li:hover {background: #12a2cc;}

.slick-arrow {z-index: 10; position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; background:white url(../images/arrow.png) no-repeat 10px center; border-radius: 50%; border: 0; overflow: hidden; text-indent: -9999px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.slick-arrow:hover {background-position: 27px center;}

.slick-arrow.slick-next {right: -23px;}

.slick-arrow.slick-prev {left: -23px; transform: rotate(180deg) translateY(-50%); transform-origin: top;}



#block-views-block-actualites-block-1 {width: 44%; float: right; padding-left: 2.5em; position: relative;}

#block-views-block-actualites-block-1 > div:first-child {color: #12a2cc; font-family: 'Convergence', sans-serif; font-size: 2em; border-bottom: 3px solid #12a2cc;}

#block-views-block-actualites-block-1 .view-header a, #block-titreagenda a {position: absolute; top: 1em; right: 0.5em; color: #333333;}

#block-views-block-actualites-block-1 .view-header a:hover, #block-titreagenda a:hover {color: #12a2cc;}

#block-views-block-actualites-block-1 .view-header a span, #block-titreagenda a span {color: #12a2cc;}

.view-actualites .views-row, .view-liste-des-agendas.view-display-id-page_1 .views-row {display: inline-block; width: 100%; border-bottom: 1px solid #eeeeee; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.view-actualites .views-row:hover, .view-liste-des-agendas.view-display-id-page_1 .views-row:hover {background: #eeeeee;}

.view-actualites .view-content .views-row:last-child, .view-liste-des-agendas.view-display-id-page_1 .view-content .views-row:last-child {border-bottom: 0;}

.view-actualites .views-field-field-images-actu {float: left; margin: 0 1.5em 0 0; max-width: 50%;}

.lk-actus a, .lk-agenda a {display: inline-block; width: 100%; height: 100%; color: #333333; padding: 1.5em 0;}

.view-actualites .views-field-title, .view-liste-des-agendas.view-display-id-page_1 .views-field-title {font-family: 'Convergence', sans-serif; font-size: 1.4em;}

.view-actualites .views-field-date, .view-liste-des-agendas.view-display-id-page_1 .views-field-field-date, .field--name-field-date {color: #999999; margin: 0.2em 0 0.3em;}



/*Calendar*/

.region-content-bottom {display: inline-block; width: 100%;}

#block-views-block-contenu-field-date-on-calendar-block-1 {width: 28%; float: left; text-align: center;}

#block-views-block-contenu-field-date-on-calendar-block-1 .view-header {position: relative; border: 1px solid #eeeeee; padding: 0.5em 0;}

#block-views-block-contenu-field-date-on-calendar-block-1 .view-header h3 {margin: 0; text-transform: uppercase;}

.path-frontpage .view-contenu-field-date-on-calendar {width: 254px;}

.calendar-calendar td {text-align: center; background: #eeeeee; border: 0; height: 30px; line-height: 30px; color: #333333;}

.calendar-calendar .mini {background: white;}

.calendar-calendar .mini div {width: 29px; height: 29px; border-radius: 50%; border: 1px solid #eeeeee; margin: 3px; line-height: 26px;}

.calendar-calendar tbody {border: 1px solid #eeeeee;}

.calendar-calendar tr td.today, .calendar-calendar tr.odd td.today, .calendar-calendar tr.even td.today {background: white;}

.calendar-calendar tr td.today div {background: #eeeeee;}

.calendar-calendar tr td.has-events div {border-color: #0f4290;}

.calendar-calendar tr td.has-events div a {color: #0f4290; text-decoration: none;}

.pager__item--previous a span:last-child, .pager__item--next a span:first-child {display: none;}

.view-header .pager__item {padding: 0;}

.view-header .pager__item a {position: absolute; top: 0; font-size: 1.5em; color: #333333; line-height: 1.6;}

.pager__item--previous a {left: 1em;}

.pager__item--next a {right: 1em;}

ul.js-pager__items {margin: 0; padding: 0;}

.calendar-empty{display:none;}

/*Agenda home*/

#block-titreagenda {position: relative;}

#block-titreagenda h2 {color: #0f4290; font-family: 'Convergence', sans-serif; font-size: 2em; border-bottom: 3px solid #0f4290; margin-bottom: 1em;}

#block-views-block-liste-des-agendas-block-1 {width: 72%; float: left;}

#block-views-block-liste-des-agendas-block-1 .view-content {display: flex; flex-wrap: wrap;}

#block-views-block-liste-des-agendas-block-1 .views-row {width: 33.33333%; padding-left: 2em;}

#block-views-block-liste-des-agendas-block-1 .views-field-field-date a {font-family: 'Convergence', sans-serif; font-size: 1.3em; padding: 0.6em 0.8em; color: white; background: #0f4290; border-radius: 10px 0; display: block; width: 100%; margin-bottom: 0.8em;}

#block-views-block-liste-des-agendas-block-1 .views-field-field-date a:hover {background: #333333;}

#block-views-block-liste-des-agendas-block-1 .views-field-title a {color: #333333; font-family: 'Convergence', sans-serif; font-size: 1.3em;}

#block-views-block-liste-des-agendas-block-1 .views-field-title a:hover {color: #0f4290;}



/*Footer*/

footer {background: #333333; color: white; padding: 2em 0 0; text-align: center;}

footer ul.menu {display: inline-block; margin: 0;}

footer ul.menu li {float: left; padding: 0 0.5em; margin: 0 0.5em; position: relative;}

footer ul.menu li:after {content: "|"; position: absolute; right: -0.7em; top: 0;}

footer ul.menu li:last-child:after {display: none;}

footer a {color: white;}

footer a:hover {color: #12a2cc;}

.region-footer {padding-bottom: 2em;}



.footer-bottom-wrapper {background: white; padding: 3em 0;}

#block-footer2 {display: inline-block;}

#block-footer2 .img-wrap {float: left; margin: 0 1em; height: 90px;}

#block-footer2 .img-wrap img {position: relative; top: 50%; transform: translateY(-50%);}





/*Actu detail*/

.field--name-field-images-actu {max-width: 48.5%; float: left; position: relative; margin: 0 3% 1.5em 0;}

.field--name-field-paragraphes > .field__item {display: inline-block; width: 100%; margin-bottom: 1em;}

.field--name-field-image {margin: 0 auto; position: relative;}



/*Fichiers à télécharger*/

span.file {background: none; padding: 0; display: block; height: 100%;}

.field--name-field-fichier-s-a-telecharger {display: flex; flex-wrap: wrap; margin: 0 -1em;}

.field--name-field-fichier-s-a-telecharger > .field__item {width: 25%; padding: 0 1em 2em;}

.field--name-field-fichier-s-a-telecharger a {display: block; width: 100%; height: 100%; border: 1px solid #dddddd; padding: 1em 1em 1em 4em; min-height: 68px; position: relative; color: #333333;}

.field--name-field-fichier-s-a-telecharger a:before {content: ""; width: 3em; height: 100%; position: absolute; left: 0; top: 0; border-right: 1px solid #dddddd; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out; background: url(../images/sprite.svg) no-repeat -108px 10px; background-size: 450px;}

.field--name-field-fichier-s-a-telecharger a:hover, .field--name-field-fichier-s-a-telecharger a:hover:before {border-color: #0069b4; background-position: -158px 10px;}



/*2 colonnes*/

.field--name-field-image-s- {max-width: 48.5%; position: relative; margin-bottom: 0.8em;}

.img-left .field--name-field-image-s- {float: left; margin-right: 3%;}

.img-right .field--name-field-image-s- {float: right; margin-left: 3%;}

.field--type-text-long img {margin: 0 1em 1em;}



/*Trombinoscope*/

.field--name-field-personnel {display: flex; flex-wrap: wrap; margin: 0 -1em;}

.field--name-field-personnel > .field__item {width: 33.33333%; padding: 0 1em; margin-bottom: 2em;}

.page-node-1 .field--name-field-personnel > .field__item:first-child {width: 100%; padding: 0 3em; text-align: center;}

.paragraph--type--bloc-detail-trombi {background: #eeeeee; width: 100%; margin: 0 auto; height: 100%; padding: 1em; display: inline-block;}

.page-node-1 .field--name-field-personnel > .field__item:first-child .paragraph--type--bloc-detail-trombi {width: 33.33333%; text-align: left;}

.field--name-field-portrait {float: left; margin-right: 1em; max-width: 45%;}

.field--name-field-personnel .field--name-field-nom {font-size: 1.1em; font-weight: 700; margin-bottom: 0.5em;}



/*Blocs liens*/

.field--name-field-bloc-lien {display: flex; flex-wrap: wrap; margin: 0 -1em;}

.field--name-field-bloc-lien > .field__item {width: 25%; padding: 0 0.5em; margin-bottom: 1em;}

.field--name-field-bloc-lien a {background: #12a2cc; display: block; color: white; height: 100%; padding: 0.5em;}

.field--name-field-bloc-lien a:hover {background: #333333;}

.paragraph--type--bloc-lien {height: 100%;}



/*Contact*/

.field--name-webform {width: 50%; float: left;}

.page-node-type-webform article .field--name-body {width: 50%; float: right; padding-left: 2em;}

.page-node-type-webform article .field--name-body a {color: #333333;}

body:not(.page-node-52) .field--name-webform input:not(.button):not(.form-checkbox) {height: 36px; width: 70%; float: right;}

.field--name-webform input:not(.button):not(.form-checkbox) {border: 1px solid #dddddd; padding-left: 0.5em;}

.form-textarea-wrapper {width: 70%; float: right;}

.field--name-webform textarea {border: 1px solid #dddddd; padding: 0.5em;}

.field--name-webform .form-actions {display: inline-block; width: 100%; margin: 0 0 3em;}

.field--name-webform label:not(.option) {width: 30%; float: left; padding-right: 0.5em; margin: 1em 0 0;}

body:not(.page-node-52) .field--name-webform label:not(.option) {text-align: right;}

.field--name-webform .form-item {display: inline-block; width: 100%; margin: 0 0 1em;}

.field--name-webform .button {margin-left: 30%; border: 1px solid #dddddd; padding: 0.7em 4em; background: white; color: #bababa; text-transform: uppercase; letter-spacing: 2px; transition: all 0.25s ease-in-out;-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;}

.field--name-webform .button:hover {color:#0069b4; border-color: #0069b4;}

.page-node-type-webform .captcha {margin: 1em 0 2em 30%;}



/*Location salle*/

.page-node-52 .field--name-webform {width: 100%;}

.page-node-52.page-node-type-webform article .field--name-body {width: 100%; padding: 0;}

.page-node-52 .field--name-webform input:not(.button):not(.form-checkbox) {height: 36px; width: 35%;}

.page-node-52 .field--name-webform input#edit-telephone {width: 100%; padding-left: 3.5em;}

.ttle-form {color: #0069b4; font-size: 1.3em; margin: 0.3em 0; font-family: 'Convergence', sans-serif; font-weight: 400;}

#edit-demandeur--wrapper {margin-top: 1em;}

#edit-demandeur--wrapper > legend {float: left; font-weight: 400;} 

#edit-demandeur {display: flex; width: 70%; float: right;}

#edit-demandeur > div {width: 120px;}

.page-node-52 .intl-tel-input {width: 35%; }

#edit-salle-davy > div:first-child {float: left; width: 30%;}

#edit-choix-de-salle--wrapper {float: right; width: 70%;}



/*Tableaux*/

.field--name-field-titre-de-tableau {font-weight: 700; text-transform: uppercase; font-size: 1.1em; margin: 0.3em 0;}

.paragraph--type--tableau-x-, .paragraph--type--ligne-de-tableau {display: flex; flex-wrap: wrap;}

.paragraph--type--tableau-x- > .field--type-entity-reference-revisions {width: 100%;}

.field--name-field-titre-du-groupe-de-tableau {width: 100%; color: #0069b4; font-size: 1.8em; margin: 0; font-family: 'Convergence', sans-serif; font-weight: 400;}

.paragraph--type--tableau-x-.has-2-tab > .field--type-entity-reference-revisions {width: 50%;}

.paragraph--type--tableau-x-.has-2-tab.has-3-tab > .field--type-entity-reference-revisions {width: 33.33333%;}

.field--name-field-lignes-du-tableau {display: inline-block; min-width: 40%; border-bottom: 1px solid #333333;}

.field--name-field-lignes-du-tableau > .field__item:first-child {color: white; background:#12a2cc;}

.field--name-field-lignes-du-tableau > .field__item .field--type-string {padding: 0.2em 0.5em;}

.has-2-tab .field--name-field-lignes-du-tableau {width: 80%;}

.has-2-tab.has-3-tab .field--name-field-lignes-du-tableau {width: 90%;}

.paragraph--type--ligne-de-tableau > div {width: 50%; text-align: left;}

.field--name-field-cellule-de-gauche {border: 1px solid #333333; border-bottom: 0;}

.field--name-field-cellule-de-droite {border-top: 1px solid #333333; border-right: 1px solid #333333;}

.field--name-field-lignes-du-tableau > .field__item:nth-child(n+2) .field--name-field-cellule-de-gauche {background: #eeeeee;}



/*Liste blocs*/

.wrap-cont {display: flex; flex-wrap: wrap; margin: 0 -0.75em;}

.bc-cont {padding: 0.75em;}

.col-2 .bc-cont {width: 50%;}

.col-3 .bc-cont {width: 33.33333%;}

.col-4 .bc-cont {width: 25%;}

.bc-cont > div {padding: 1em; background: #eeeeee; height: 100%;}



.field--name-field-image-s- img {margin: 0 auto;}



.role-webmaster .toolbar-icon-system-admin-config, .role-webmaster .toolbar-icon-help-main, .role-webmaster .toolbar-icon-system-admin-structure {display: none !important;}



/*Responsive*/

@media (max-width: 1200px) {

ul.sf-menu a.sf-depth-1, ul.sf-menu span.sf-depth-1 {padding: 1em 0.8em;}

}



@media (max-width: 940px) {

#block-views-block-contenu-field-date-on-calendar-block-1 {width: 100%; margin-bottom: 1.5em;}

.view-contenu-field-date-on-calendar {display: inline-block;}

#block-views-block-liste-des-agendas-block-1 {width: 100%;}

#block-views-block-liste-des-agendas-block-1 .views-row {padding: 0 1em;}

.col-4 .bc-cont {width: 33.33333%;}

}	



@media (max-width: 767px) {

ul.sf-menu li:hover > ul, ul.sf-menu li.sfHover > ul {top: 0;}

ul.sf-menu ul {left: 0; position: relative; top: 0;}

li.sf-depth-1 ul {background: #e6e6e6;}

#superfish-main-toggle {font-family: 'Convergence', sans-serif; font-size: 1.1em; text-transform: uppercase; color: white; text-align: center; display: inline-block; width: 100%; padding: 1em;}

#block-views-block-slider-accueil-block-1, .path-frontpage #block-fontrieu-page-title, .path-frontpage #block-fontrieu-content {width: 100%;}

#block-views-block-actualites-block-1 {padding-left: 0; width: 100%;}

.field--name-field-personnel > .field__item {width: 33.33333%; padding: 0 0.5em; margin-bottom: 1em;}

.page-node-1 .field--name-field-personnel > .field__item:first-child {padding: 0 1.5em;}

.field--name-field-fichier-s-a-telecharger > .field__item {width: 50%; padding: 0 1em 1em;}

.field--name-field-bloc-lien > .field__item {width: 50%;}

.has-2-tab .field--name-field-lignes-du-tableau {width: 95%;}

.col-3 .bc-cont, .col-4 .bc-cont {width: 50%;}

}	



@media (max-width: 655px) {

.field--name-field-personnel > .field__item, .page-node-1 .field--name-field-personnel > .field__item:first-child .paragraph--type--bloc-detail-trombi {width: 50%;}

}	



@media (max-width: 556px) {

#block-views-block-liste-des-agendas-block-1 .views-row {width: 100%; padding: 0; margin-bottom: 1.5em;}

main > .container {background: white; padding: 2.5em 0.5em 3.5em;}

#block-fontrieu-search {margin-top: 0;}

.field--name-webform, .page-node-type-webform article .field--name-body {width: 100%; padding: 0;}

.field--name-field-image-s- {max-width: 100%; margin-right: 0; width: 100%;}

.paragraph--type--tableau-x-.has-2-tab > .field--type-entity-reference-revisions, .has-2-tab .field--name-field-lignes-du-tableau {width: 100%; max-width: 100%;}

.col-2 .bc-cont, .col-3 .bc-cont, .col-4 .bc-cont {width: 100%; padding: 0.75em 0;}

}	



@media (max-width: 440px) {

.field--name-field-personnel > .field__item, .page-node-1 .field--name-field-personnel > .field__item:first-child .paragraph--type--bloc-detail-trombi, .field--name-field-fichier-s-a-telecharger > .field__item, .field--name-field-bloc-lien > .field__item {width: 100%;}

.page-node-1 .field--name-field-personnel > .field__item:first-child {padding: 0;}

}	





/**
  Form reservation cantine
*/

.webform-submission-reservation-cantine-form details {
  background: #F7F7F7;
  border: none;
  margin: 2rem;
}

.webform-submission-reservation-cantine-form summary,
.webform-submission-reservation-cantine-form #edit-eleve-1 > legend,
.webform-submission-reservation-cantine-form #edit-eleve-2 > legend,
.webform-submission-reservation-cantine-form #edit-eleve-3 > legend {
  text-align: center!important;
  font-family: 'Convergence', sans-serif;
  font-weight: 400;
  color: #333333;
  font-size: 17px;
  line-height: 35.28px;
  padding: 1rem 0;
}

.webform-submission-reservation-cantine-form .form-item {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  margin: 1rem 0!important;
}

.webform-submission-reservation-cantine-form .form-type-textarea {
  display: block;
}
.webform-submission-reservation-cantine-form label{
  margin: unset!important;
  padding-right: unset;
}

.webform-submission-reservation-cantine-form .form-type-radio input {
  height: unset!important;
  width: unset!important;
  float: unset!important;
}

.webform-submission-reservation-cantine-form .form-checkboxes .form-item, 
.webform-submission-reservation-cantine-form .form-radios .form-item {
  margin-top: 0.4em!important;
  margin-bottom: 0.4em!important;
}

.webform-submission-reservation-cantine-form fieldset {
  border: none;
}

.webform-submission-reservation-cantine-form #edit-reservation-mois,
.webform-submission-reservation-cantine-form #edit-reservation-jours {
  background-color: #fff;
  padding: 1rem;
}

.webform-submission-reservation-cantine-form #edit-reservation-mois > legend,
.webform-submission-reservation-cantine-form #edit-reservation-jours > legend {
  position: relative;
  top: 25px;
  margin-bottom: 10px;
  font-weight: 700;
}

.webform-submission-reservation-cantine-form select {
  height: 36px;
  width: 70%;
  float: right;
  border: 1px solid #dddddd;
  padding-left: 0.5em;
}

.webform-submission-reservation-cantine-form .form-type-select label {
  width: 100%;
}

.webform-submission-reservation-cantine-form .form-item-nombre-eleves label{
  width: 30%;
}

.webform-submission-reservation-cantine-form #edit-reservation-mois .webform-element-description {
  display: none;
}


.webform-submission-reservation-cantine-form #edit-reservation-mois .form-checkboxes{
  column-count: 2;
  column-gap: 60px;
}


.webform-submission-reservation-cantine-form #edit-reservation-mois .form-item,
.webform-submission-reservation-cantine-form #edit-reservation-jours .form-item {
  margin: 0!important;
}

.webform-submission-reservation-cantine-form .form-item-conditions {
  margin: 0 auto !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}


@media all and (min-width: 600px){
  .webform-submission-reservation-cantine-form .form-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    margin: 1rem 0!important;
  }
}




@media all and (min-width: 1000px){
  .webform-submission-reservation-cantine-form details {
    min-width: 720px;
    margin-left: 0rem;
    margin-right: 0rem;
  }
}