/* COULEURS

Orange : #f2a207 // 242,162,7
*/

/* SPECIAL SPIP */
.major ul li::marker {color: transparent;}
#minibando {margin-top: 40px !important;}
.formulaire_crayon .crayon-active {background: #333 !important; color: #fff !important;}
.formulaire_spip label {font-weight: normal;}
.formulaire_formidable .choix label {padding-left: 45px;}
.formulaire_spip .boutons {text-align: left;}
#champ_formidable_contact_fieldset_1 {margin: 0;}
fieldset.editer_checkbox_1 {margin:0 !important;}
.formulaire_spip .choix {padding: 0;}
.content ul.spip {margin:-2em 0 0 -1.2em; list-style-type: none;}
.content ul.spip li::before {position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: bold; font-size: 1.4em; line-height: 0.7; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.content ul.spip li::before {content: "\203A";}
.leaflet-popup-content strong, .leaflet-popup-content b {color: #333;}
.manuelsite__contenu a {color: hsl(0, 89.8%, 49.8%);}
.wrapper.style5 header.major h4 {border: 0;}
header.major h4::after {margin-top: -18px; color: #f2a207;}
.blocs_titre {line-height: 3.0em;}
.blocs_replie {background: transparent url(../images/deplier-right.svg) no-repeat scroll left center; background-size: 26px;}
 
.cs_blocs {display: flex;flex-direction: column;}
.cs_blocs h4 {align-self: center;}
.cs_blocs h4.cs_done {}
.cs_blocs .blocs_destination {display: flex;flex-direction: column;}
.cs_blocs .blocs_destination.blocs_invisible {display: none;}
.cs_blocs ul.spip {align-self: center;}
.cs_blocs ul li {text-align: left;}
.cs_blocs ul li::marker {color: inherit;}
.cs_blocs .blocs_titre {color: #f2a207;}
.cs_blocs h4.blocs_replie {color: #2E3842 !important;}
.wrapper.style5 header.major h4 {color: #f2a207;}

/* Calendar (Flex) */
.wrapper.style5 button.fc-button-primary {color: #fff;}
.pj-calendrier {letter-spacing: 0.225em; font-size: 0.8em; color: #91F4EF;}

/* CSS CORRECTION POUR PERFECT JOURNEY */
a {border-bottom: 0;}
p a {border-bottom: dotted 2px; color: inherit; text-decoration: none; -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; transition: color 0.2s ease, border-bottom-color 0.2s ease;}
p a:hover {border-bottom: solid 2px; color: rgba(255, 255, 255, 0.5); -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; transition: color 0.2s ease, border-bottom-color 0.2s ease;}
.box a {border-bottom: dotted 1px; color: inherit; text-decoration: none; -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; transition: color 0.2s ease, border-bottom-color 0.2s ease;}
.box a:hover {border-bottom: solid 1px; color: inherit; text-decoration: none; -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease; -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease; -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease; transition: color 0.2s ease, border-bottom-color 0.2s ease;}
header > .logotop > a > img {height: 35px; width: auto; margin-top: 15px;}
#header.alt .logotop {pointer-events: none;opacity: 0;}
#header .logotop {-moz-transition: opacity 0.2s ease; -webkit-transition: opacity 0.2s ease; -ms-transition: opacity 0.2s ease; transition: opacity 0.2s ease; height: inherit; left: 1.25em; line-height: inherit; position: absolute; top: 0;}
#header nav > ul > li > a.menuToggle span {font-size: 120%; line-height: 3em}
.wrapper.style1 header.major h1 {border-color: rgba(255, 255, 255, 0.3);}
.wrapper.style1 h1 {color: #ffffff;}
.wrapper.style5 p a:hover {
  border-bottom: solid 2px;
  color: rgba(242, 162, 7, 1);
  -moz-transition: color 0.2s ease, border-bottom-color 0.2s ease;
  -webkit-transition: color 0.2s ease, border-bottom-color 0.2s ease;
  -ms-transition: color 0.2s ease, border-bottom-color 0.2s ease;
  transition: color 0.2s ease, border-bottom-color 0.2s ease;
}
.wrapper.style1 header.major h2 {border-color: rgba(255, 255, 255, 0.5);}
header.major h1 {border-bottom: solid 2px #fff; border-bottom-color: rgb(255, 255, 255); display: inline-block; padding-bottom: 1em; position: relative; font-size: 1.35em; line-height: 1.75em;}

#banner {min-height: 600px;}
#banner > .inner > h2 > img {max-width: 600px;}
#banner .inner .logo-banner {display: block; opacity: 1; padding: 0.35em 1em; position: relative;}
#banner > .inner > .logo-banner > img {max-width: 400px;}
#banner p {text-shadow: 1px 1px 3px #333; font-size: 1.2em;}
#banner br {display: block;}
#banner .scrolly {font-size: 0.6em;}

#page-wrapper2 {height: 600px;background-position: center center; background-repeat: no-repeat; background-size: cover;}
#page-wrapper2 #banner {height: auto;}

#menu {background: #324f6a;}
input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, button.primary, .button.primary {background-color: #f2a207 !important;}
input[type="submit"].primary:hover, input[type="reset"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover {background-color: #fff !important;
  color: #1B1C1B !important;
  border: 1px solid #1B1C1B;}
.wrapper {padding: 3em 0 2em 0;}
.wrapper.style1 {background-color: rgba(242,162,7,0.90); color: #c8ece9;}
.wrapper.style1 .icon.major {border-color: rgba(255, 255, 255, 0.8);}
.icon.style1 {color: #eee;}
.icon.style2 {color: #f2a207;}
.wrapper.style3 {background-color: #11491a; color: #d3d4e4;}
.wrapper.style3 strong, .wrapper.style3 b {color: #333;}
.wrapper.style3 header.major h2, .wrapper.style3 header.major h3, .wrapper.style3 header.major h4, .wrapper.style3 header.major h5, .wrapper.style3 header.major h6 {
  border-color: rgba(255, 255, 255, 0.8);
}
#page-wrapper.wrapper-rubrique {max-height: 600px !important;} 
#page-wrapper.wrapper-rubrique #banner {height: 600px; min-height: 20em !important;} 

.image.fit img {height: 100%;}
ul.icons li {line-height: 2em;}
.icon2 {width: 100%;}
.icon2::before {margin-right: 10px; color: #ccc;}
a .label2 {display: block; margin-top: 20px; text-decoration: none;}
a .icon {text-decoration: none;}
a .icon.major::before {text-decoration: none;}
.spotlight .image img {height: auto;}

.editer_input_1 label, .editer_email_1 label, .editer_textarea_1 label {display: none;}
#champ_formidable_contact_fieldset_1 {display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: stretch; margin: 0; width: 50%; float: left;}
#champ_formidable_contact_fieldset_1 legend, #champ_formidable_contact_fieldset_2 legend {display: none;}
.fieldset_fieldset_2 {margin: 0 !important; padding: 0 !important;}
#champ_formidable_contact_date_1 {max-width: 70% !important;}
.editer_date_1 {margin-bottom: 0 !important; padding-bottom: 0 !important;}
.editer_date_1 label {float: left; margin-right: 15px;}
.editer_input_3 {margin: 0 !important; padding-top: 0 !important;}
#champ_formidable_contact_input_3 {width: 50px; padding: 0 10px;}
.editer_input_3 label {float: left; max-width: 70%; margin-right: 15px;}
input#champ_formidable_contact_date_1, input#champ_formidable_contact_input_3 {height: 1.8em;}
.datepicker {background-color: #f2a207 !important;}
table thead {border-bottom: solid 2px #fff; font-size: 1.3em;}
.datepicker.dropdown-menu {color: #fff !important;}
.datepicker table tr td.day:hover, .datepicker table tr td.day.focused {background: #b52525 !important;}

#footer {padding: 2em 0 1em 0;}

/* MOBILE */
@media screen and (max-width: 980px) {
  header > .logotop > a > img {height: 30px;}
}
@media screen and (max-width: 980px) {
   header br {display: block;}
   #banner > .inner > .logo-banner > img {width: 400px; max-width: 80%; margin-top: 0px;}
  .spotlight .content {text-align: left;}
  .wrapper > .inner {padding: 0 1.5em;}
}
@media screen and (max-width: 736px) {
  #banner {padding: 7em 0em 5em 0em;}
  header > .logotop > a > img {height: 30px; width: auto; margin-top: 7px;}
  #page-wrapper2 #banner {height: 600px;}
}
@media screen and (max-width: 640px) {
  header > h1 > a > img {height:25px; width:auto; margin-top: 8px;}
  #banner {height: 100vh;}
  #banner h2 {padding: 0.4em 0 0.4em 0em;}
  #banner > .inner > h2 > img {max-width: 90%;}
  #banner > .inner > .logo-banner > img {max-width: 90%; margin-top: 0x;}
  .box .col-6 {width: 100%}
}