/* COULEURS

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

/* SPECIAL SPIP */
#minibando {margin-top: 40px !important;}
.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";}

/* CSS CORRECTION POUR PERFECT JOURNEY */
a {border-bottom: 0;}
header > .logotop > a > img {height:30px; width:auto; margin-top: 20px;}
#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;}

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 > .inner > h2 > img {max-width: 600px;}
#banner .inner .logo-banner {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -moz-transition: -moz-transform 0.5s ease, opacity 0.5s ease;
  -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
  -ms-transition: -ms-transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  display: block;
  opacity: 1;
  padding: 0.35em 1em;
  position: relative;
}
#banner > .inner > .logo-banner > img {max-width: 400px; margin-top: -30px;}
#banner br {display: block;}

#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: #c36c0f !important;}
.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;}
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;}
#footer {padding: 2em 0 1em 0;}

/* MOBILE */
@media screen and (max-width: 980px) {
  .spotlight .content {text-align: left;}
}
@media screen and (max-width: 640px) {
  header > h1 > a > img {height:25px; width:auto; margin-top: 8px;}
  #banner {height: 100vh;}
  #banner h2 {padding: 0.6em 0 0.4em 0em;}
  #banner h2 img {width: 80%;}
  .box .col-6 {width: 100%}
}