@font-face {
  font-family: "KelsonRegular";
  src: url("../assets/fonts/Kelson.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Kelson.otf") format("opentype"), url("../assets/fonts/Kelson.woff") format("woff"), url("../assets/fonts/Kelson.ttf") format("truetype"), url("../assets/fonts/Kelson.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KelsonBold";
  src: url("../assets/fonts/Kelson-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Kelson-Bold.otf") format("opentype"), url("../assets/fonts/Kelson-Bold.woff") format("woff"), url("../assets/fonts/Kelson-Bold.ttf") format("truetype"), url("../assets/fonts/Kelson-Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KelsonMedium";
  src: url("../assets/fonts/Kelson-Medium.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Kelson-Medium.otf") format("opentype"), url("../assets/fonts/Kelson-Medium.woff") format("woff"), url("../assets/fonts/Kelson-Medium.ttf") format("truetype"), url("../assets/fonts/Kelson-Medium.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "KelsonXBold";
  src: url("../assets/fonts/Kelson-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Kelson-ExtraBold.otf") format("opentype"), url("../assets/fonts/Kelson-ExtraBold.woff") format("woff"), url("../assets/fonts/Kelson-ExtraBold.ttf") format("truetype"), url("../assets/fonts/Kelson-ExtraBold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Glyphicon";
  src: url("../dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../dist/fonts/glyphicons-halflings-regular.woff") format("woff"), url("../dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../dist/fonts/glyphicons-halflings-regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: normal;
  src: url("../assets/fonts/fa-brands-400.eot");
  src: url("../assets/fonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fa-brands-400.woff2") format("woff2"), url("../assets/fonts/fa-brands-400.woff") format("woff"), url("../assets/fonts/fa-brands-400.ttf") format("truetype"), url("../assets/fonts/fa-brands-400.svg#fontawesome") format("svg");
}
.container {
  max-width: 970px;
  margin: 0 auto;
}
@media only screen and (max-width : 480px) {
  .container {
    width: 92%;
  }
}
@media only screen and (min-width : 481px) and (max-width: 969px) {
  .container {
    width: 95%;
  }
}

* {
  min-height: 0;
  min-width: 0;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}

html, body {
  width: 100%;
  background-color: #fff;
  font-size: 10px;
  padding: 0;
  margin: 0;
  font-family: Arial, Sans-serif;
}

img {
  border: none;
}

ul, li {
  list-style-position: inside;
}

a {
  cursor: pointer;
  text-decoration: none;
}

.header {
  margin-bottom: 50px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header {
    margin-bottom: 30px;
  }
  .header .container {
    width: 100%;
    max-width: 100%;
  }
}
.header > .line1 .container #triggerMenu {
  display: none;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line1 .container {
    display: flex;
  }
  .header > .line1 .container #triggerMenu {
    display: block;
    background-color: #2d2d2d;
    color: #ffffff;
    width: 62px;
    border: 0;
    padding: 0;
    margin: 0;
  }
  .header > .line1 .container #triggerMenu span {
    font-size: 30px;
    display: block;
    text-align: center;
  }
  .header > .line1 .container .logo {
    flex: 3;
    padding-left: 5px;
  }
}
.header > .line1 .logo {
  text-decoration: none;
  height: 70px;
  display: block;
  float: left;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line1 .logo {
    background-color: #c00431;
    float: none;
    height: 62px;
  }
}
.header > .line1 .logo img, .header > .line1 .logo .txt {
  vertical-align: top;
}
.header > .line1 .logo img {
  display: inline-block;
  width: 70px;
  height: 70px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line1 .logo img {
    height: 62px;
    width: 62px;
  }
}
.header > .line1 .logo .txt {
  display: inline-block;
  padding: 8px 0 0 15px;
}
.header > .line1 .logo .txt strong {
  font-family: "KelsonBold", arial, sans-serif;
  font-weight: normal;
  color: #3a3a39;
  display: block;
  font-size: 2.2em;
}
.header > .line1 .logo .txt span {
  color: #565655;
  font-family: "KelsonRegular", arial, sans-serif;
  font-weight: 500;
  font-size: 1.4em;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line1 .logo .txt {
    padding-top: 2px;
    max-width: 120px;
  }
  .header > .line1 .logo .txt strong, .header > .line1 .logo .txt span {
    color: #ffffff;
  }
  .header > .line1 .logo .txt strong {
    font-size: 1.5em;
  }
  .header > .line1 .logo .txt span {
    font-size: 1.2em;
  }
}
.header > .line1 .cnnct {
  float: right;
  padding-top: 10px;
  text-align: right;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line1 .cnnct {
    display: none;
  }
}
.header > .line1 .cnnct span {
  color: #565655;
  font-family: "KelsonRegular", arial, sans-serif;
  font-size: 1.6em;
  display: block;
  text-align: right;
}
.header > .line1 .cnnct span strong {
  font-weight: normal;
  font-family: "KelsonMedium", arial, sans-serif;
  color: #3a3a39;
}
.header > .line1 .cnnct a {
  font-size: 1.6em;
  color: #c00431;
  text-decoration: underline;
  font-family: "KelsonRegular", arial, sans-serif;
}
.header > .line1 .cnnct a:hover {
  text-decoration: none;
}
.header > .line2Anonyme .container {
  background: #2d2d2d;
  height: 7px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line2 {
    display: block;
    left: -100%;
    width: 100%;
    max-width: 375px;
    top: 62px;
    -webkit-transition: left 0.25s ease;
    -moz-transition: left 0.25s ease;
    -o-transition: left 0.25s ease;
    transition: left 0.25s ease;
    position: absolute;
  }
  .header > .line2.rspv-active {
    left: 0;
  }
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line2 > .container {
    max-width: 100%;
  }
}
.header > .line2 > .container nav {
  background: #2d2d2d;
}
.header > .line2 > .container nav ul, .header > .line2 > .container nav li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.header > .line2 > .container nav > ul {
  width: 100%;
  text-align: center;
}
.header > .line2 > .container nav > ul > li {
  display: inline-block;
  font-size: 1.6em;
  font-family: "KelsonRegular", arial, sans-serif;
  font-weight: 500;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line2 > .container nav > ul > li {
    display: block;
  }
}
.header > .line2 > .container nav > ul > li span,
.header > .line2 > .container nav > ul > li a {
  color: #ffffff;
  display: block;
  padding: 12px 15px;
  background: #2d2d2d;
  text-decoration: none;
  text-align: center;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .header > .line2 > .container nav > ul > li span,
.header > .line2 > .container nav > ul > li a {
    text-align: left;
  }
}
.header > .line2 > .container nav > ul > li:hover > span, .header > .line2 > .container nav > ul > li:hover > a {
  background-color: #c00431;
}
.header > .line2 > .container nav > ul > li > ul {
  display: none;
}
.css_mce .button-tpl {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  background-color: #3a3a3a;
  font-family: "KelsonMedium", arial, sans-serif;
  font-weight: normal;
  padding: 8px 20px;
  font-size: 1.1em;
}
.css_mce .button-tpl:hover {
  background-color: #c00431;
}
.css_mce img {
  height: auto;
  max-width: 100%;
  border: 0;
}
.css_mce p {
  margin: 0 0 15px 0;
}
.css_mce p.info_required {
  font-size: 14px;
}
.css_mce p.center {
  text-align: center;
}
.css_mce p, .css_mce li {
  font-size: 14px;
}
.css_mce p strong, .css_mce li strong {
  font-weight: bold;
}
.css_mce p a, .css_mce li a {
  color: #c00431;
  text-decoration: underline;
}
.css_mce h1, .css_mce h2, .css_mce h3, .css_mce h4 {
  margin: 0 0 15px;
  padding: 0;
}
.css_mce h1 {
  font-family: "KelsonBold", arial, sans-serif !important;
  font-size: 45px;
  color: #3a3a39;
}
@media (max-width: 480px) {
  .css_mce h1 {
    font-size: 30px !important;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .css_mce h1 {
    font-size: 36px !important;
  }
}
.css_mce h2 {
  font-family: "KelsonMedium", arial, sans-serif;
  font-size: 22px;
  color: #3a3a39;
}
@media (max-width: 480px) {
  .css_mce h2 {
    font-size: 18px !important;
  }
}
.css_mce h3 {
  font-family: "KelsonMedium", arial, sans-serif;
  font-size: 20px;
  color: #3a3a39;
}
@media (max-width: 480px) {
  .css_mce h3 {
    font-size: 18px !important;
  }
}
.css_mce a {
  color: #c00431;
  text-decoration: underline;
}
.css_mce ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 10px;
}
.css_mce ul li {
  padding: 0;
  margin: 0;
}
.css_mce figure {
  margin-bottom: 30px;
  margin-top: 30px;
}
.css_mce figure img {
  max-width: 100%;
  height: auto;
}
.css_mce figure figcaption {
  font-style: italic;
  font-size: 14px;
  line-height: 17px;
  margin-top: 20Px;
}
.css_mce blockquote {
  font-size: 26px;
  font-style: italic;
  font-weight: bold;
  color: #c00431;
  border: 0;
  line-height: 30px;
  margin: 66px 0;
  text-align: center;
  position: relative;
}
@media (max-width: 480px) {
  .css_mce blockquote {
    margin: 20px 0 !important;
    line-height: normal !important;
    font-size: 21px;
  }
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  .css_mce blockquote {
    margin: 20px 0 !important;
    line-height: normal !important;
    font-size: 21px;
  }
}
.css_mce blockquote p {
  position: relative;
  z-index: 10;
}
.css_mce blockquote:before {
  content: url(../assets/img/quote-open.png);
  position: absolute;
  top: -10px;
  left: 35px;
  z-index: 0;
}
.css_mce blockquote:after {
  content: url(../assets/img/quote-close.png);
  position: absolute;
  bottom: -29px;
  right: 76px;
  z-index: 0;
}
.css_mce a.ext {
  display: inline-block;
  margin-right: 22px;
  position: relative;
}
.css_mce a.ext:after {
  position: absolute;
  right: -22px;
  bottom: 5px;
  width: 17px;
  height: 15px;
  background: transparent url(../img/icon-blank.png) center center no-repeat;
  content: " ";
  display: block;
  text-decoration: none !important;
}
.css_mce dl {
  font-size: 14px;
}
.css_mce dl.col-2 {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.css_mce dl dt {
  float: left;
  clear: left;
  width: 200px;
  text-align: left;
  font-weight: bold;
  font-weight: bold;
}
.css_mce dl dd {
  margin: 0 0 0 210px;
  padding: 0 0 0.5em 0;
}
.css_mce .page-content-54 p, .css_mce .page-content-54 li {
  color: #565655;
  font-size: 18px;
  line-height: 25px;
}
@media (max-width: 768px) {
  .css_mce .page-content-54 p, .css_mce .page-content-54 li {
    font-size: 16px;
    line-height: 22px;
  }
}
.css_mce .page-content-54 ul {
  padding-left: 15px;
}
.css_mce .page-content-54 ul li {
  list-style-position: outside;
}

.pro-login .container .col1 .css_mce h1 {
  line-height: 40px;
}

.pro-accueil .container {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container {
    flex-direction: column;
  }
}
.pro-accueil .container > div {
  flex: 1;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container > div {
    margin-bottom: 20px;
  }
}
.pro-accueil .container .col1 {
  padding-right: 35px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container .col1 {
    padding-right: 0;
  }
}
.pro-accueil .container .col1 .css_mce a:hover {
  color: inherit;
}
.pro-accueil .container .col2 {
  padding: 0 15px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container .col2 {
    padding: 0;
  }
}
.pro-accueil .container .col2 .content {
  background-color: #1984aa;
  padding: 20px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container .col2 .content .css_mce h2 {
    font-size: 25px !important;
  }
}
.pro-accueil .container .col2 .content .css_mce h2, .pro-accueil .container .col2 .content .css_mce p, .pro-accueil .container .col2 .content .css_mce li {
  color: #ffffff;
}
.pro-accueil .container .col2 .content .css_mce .button-tpl {
  background-color: #015675;
}
.pro-accueil .container .col2 .content .css_mce .button-tpl:hover {
  background-color: #3a3a3a !important;
}
.pro-accueil .container .col2 .content form {
  display: block;
  margin: 0;
  padding: 0;
}
.pro-accueil .container .col2 .content form .line-input {
  display: block;
  margin-bottom: 10px;
}
.pro-accueil .container .col2 .content form .line-input label {
  display: block;
  width: 100%;
  font-size: 14px;
  color: #ffffff;
  margin-bottom: 5px;
}
.pro-accueil .container .col2 .content form .line-input input[type=text],
.pro-accueil .container .col2 .content form .line-input input[type=password] {
  display: block;
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 13px;
  background-color: #f0eeef;
  border: 0;
}
.pro-accueil .container .col2 .content form .password-forgotten {
  margin-bottom: 20px;
}
.pro-accueil .container .col2 .content form .password-forgotten a {
  font-size: 13px;
  color: #fff;
  text-decoration: underline;
}
.pro-accueil .container .col2 .content form .password-forgotten a:hover {
  color: #3a3a3a;
}
.pro-accueil .container .col2 .content form .line-input-submit {
  display: block;
}
.pro-accueil .container .col2 .content form .line-input-submit button {
  border: 0;
  display: inline-block;
  cursor: pointer;
  background-color: #015675;
  color: #ffffff;
  font-family: "KelsonMedium", arial, sans-serif;
  font-size: 16px;
  padding: 10px 20px;
}
.pro-accueil .container .col2 .content form .line-input-submit button:hover {
  background-color: #3a3a3a;
}
.pro-accueil .container .col3 {
  padding: 0 15px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container .col3 {
    padding: 0;
    margin-bottom: 0;
  }
}
.pro-accueil .container .col3 .css_mce h2 {
  font-size: 30px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .pro-accueil .container .col3 .css_mce h2 {
    font-size: 30px !important;
  }
}
.pro-accueil .container .col3 .login-bgme {
  padding: 20px;
  background-color: #f4f4f4;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
.pro-accueil .container .col3 .login-bgme .css_mce .button-tpl {
  background-color: #c00431;
}

.agenda-bloc {
  display: block;
}
.agenda-bloc .date_container .date .jour, .agenda-bloc .date_container .date .mois, .agenda-bloc .date_container_multiple .date .jour, .agenda-bloc .date_container_multiple .date .mois {
  display: inline-block;
  color: #3a3a39;
  vertical-align: middle;
  text-transform: uppercase;
}
.agenda-bloc .date_container {
  display: flex;
  background-color: #f5cb42;
}
.agenda-bloc .date_container .date {
  padding: 15px;
  flex: 1 auto;
  align-items: center;
  text-align: center;
}
.agenda-bloc .date_container .date .jour {
  font-size: 3em;
  font-family: "KelsonBold", arial, sans-serif;
}
.agenda-bloc .date_container .date .mois {
  font-size: 1.4em;
  font-family: "KelsonRegular", arial, sans-serif;
  margin-left: 5px;
}
.agenda-bloc .date_container_multiple {
  background-color: #f5cb42;
  padding: 15px;
  text-align: center;
}
.agenda-bloc .date_container_multiple .date, .agenda-bloc .date_container_multiple .liaison {
  vertical-align: middle;
  display: inline-block;
}
.agenda-bloc .date_container_multiple .date .jour, .agenda-bloc .date_container_multiple .date .mois {
  vertical-align: middle;
  display: inline-block;
}
.agenda-bloc .date_container_multiple .date .jour {
  font-size: 3em;
  font-family: "KelsonBold", arial, sans-serif;
  text-align: right;
}
.agenda-bloc .date_container_multiple .date .mois {
  font-size: 1.4em;
  font-family: "KelsonRegular", arial, sans-serif;
  margin-left: 5px;
  line-height: 17px;
}
.agenda-bloc .date_container_multiple .liaison {
  font-size: 14px;
  font-family: "KelsonRegular", arial, sans-serif;
  text-transform: uppercase;
  color: #3a3a39;
  text-align: center;
  width: 25%;
}
.agenda-bloc .content {
  background: #F4F4F4;
  padding: 20px;
  font-size: 15px;
}
.agenda-bloc .content .css_mce p {
  margin-bottom: 0;
  color: #3a3a39;
}
.agenda-bloc .content .css_mce p strong {
  display: block;
  margin-bottom: 5px;
}
.agenda-bloc:hover .content {
  background-color: #e6e6e6;
}

.main-bicolonne .container .row {
  display: flex;
}
@media only screen and (max-width : 480px) {
  .main-bicolonne .container .row {
    flex-direction: column;
  }
}
.main-bicolonne .container .row .contenu {
  flex: 2;
}
.main-bicolonne .container .row .contenu .main-contenu {
  padding-right: 80px;
}
@media only screen and (min-width : 481px) and (max-width: 969px) {
  .main-bicolonne .container .row .contenu .main-contenu {
    padding-right: 5%;
  }
}
@media only screen and (max-width : 480px) {
  .main-bicolonne .container .row .contenu .main-contenu {
    padding-right: 0;
  }
}
.main-bicolonne .container .row aside {
  width: 260px;
  padding-top: 70px;
}
@media only screen and (max-width : 480px) {
  .main-bicolonne .container .row aside {
    width: 100%;
    padding-top: 0;
  }
}
.main-bicolonne .container .row aside .aside-cont {
  background-color: #f4f4f4;
}
.main-bicolonne .container .row aside .aside-cont .aide {
  padding: 20px;
}
.main-bicolonne .container .row aside .aside-cont .agenda {
  padding: 20px;
}

.more-agenda {
  padding: 15px;
  background-color: #f4f4f4;
}
.more-agenda .css_mce p {
  text-align: center;
  margin: 0;
}

.soumission-liens {
  text-align: center;
}
.soumission-liens, .soumission-liens li {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
.soumission-liens li {
  display: inline-block;
  width: 33%;
  padding: 0 10px;
}
.soumission-liens li a {
  display: block;
  padding: 10px;
  background-color: #c00431;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
}

.pro-table-filters {
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #b5b5b5;
}
.pro-table-filters > form {
  display: flex;
  margin: 0;
  padding: 0;
}
.pro-table-filters > form > div {
  display: flex;
  padding: 5px;
  align-items: center;
}
.pro-table-filters > form > div label {
  font-size: 1.3em;
  padding-right: 5px;
}
.pro-table-filters > form > div select {
  padding: 5px 10px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 13px;
  background-color: #f0eeef;
  border: 1px solid #ccc;
}

.pro-table {
  margin: 20px 0;
}
.pro-table table, .pro-table .table {
  border-collapse: collapse;
  width: 100%;
}
@media only screen and (max-width : 480px) {
  .pro-table table thead, .pro-table .table thead {
    display: none;
  }
}
.pro-table table thead tr th, .pro-table .table thead tr th {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  padding: 10px 8px;
  font-size: 16px;
  color: #3a3a39;
  font-weight: bold;
}
.pro-table table thead tr th.col-montant, .pro-table .table thead tr th.col-montant {
  width: 100px;
}
.pro-table table thead tr th.col-action, .pro-table .table thead tr th.col-action {
  width: 50px;
}
.pro-table table thead tr th:last-child, .pro-table .table thead tr th:last-child {
  width: 80px;
}
.pro-table table thead tr th:last-child.medaille-col-tarif, .pro-table .table thead tr th:last-child.medaille-col-tarif {
  width: auto;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody, .pro-table .table tbody {
    display: block;
  }
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr, .pro-table .table tbody tr {
    display: block;
    margin-bottom: 30px;
  }
}
.pro-table table tbody tr td, .pro-table .table tbody tr td {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  font-size: 12px;
  color: #3a3a39;
  border: 1px solid #b5b5b5;
  border-left: 0;
  border-right: 0;
  padding: 10px 8px;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td, .pro-table .table tbody tr td {
    display: block;
    border: 0;
    padding: 5px;
  }
}
.pro-table table tbody tr td .rspv, .pro-table .table tbody tr td .rspv {
  display: none;
  font-weight: bold;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td .rspv, .pro-table .table tbody tr td .rspv {
    display: inline-block;
    width: 110px;
    font-weight: bold;
  }
}
.pro-table table tbody tr td .rspv-action, .pro-table .table tbody tr td .rspv-action {
  display: none;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td .rspv-action, .pro-table .table tbody tr td .rspv-action {
    float: right;
    display: block;
  }
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td form,
.pro-table table tbody tr td div, .pro-table .table tbody tr td form,
.pro-table .table tbody tr td div {
    display: inline-block;
  }
}
.pro-table table tbody tr td .clear, .pro-table .table tbody tr td .clear {
  clear: both;
  width: 100%;
  display: block;
}
.pro-table table tbody tr td.center, .pro-table .table tbody tr td.center {
  text-align: center;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td.center, .pro-table .table tbody tr td.center {
    text-align: left;
  }
}
.pro-table table tbody tr td button,
.pro-table table tbody tr td a, .pro-table .table tbody tr td button,
.pro-table .table tbody tr td a {
  color: #c00431;
}
.pro-table table tbody tr td button .fa,
.pro-table table tbody tr td a .fa, .pro-table .table tbody tr td button .fa,
.pro-table .table tbody tr td a .fa {
  padding: 5px;
  border: 1px solid #c00431;
  font-size: 1.1em;
}
.pro-table table tbody tr td button.btn,
.pro-table table tbody tr td a.btn, .pro-table .table tbody tr td button.btn,
.pro-table .table tbody tr td a.btn {
  display: inline-block;
  padding: 5px;
  background-color: #c00431;
  color: #fff;
  text-decoration: none;
  border: 0;
  cursor: pointer;
}
.pro-table table tbody tr td button.btn:hover,
.pro-table table tbody tr td a.btn:hover, .pro-table .table tbody tr td button.btn:hover,
.pro-table .table tbody tr td a.btn:hover {
  background-color: #3a3a39;
}
.pro-table table tbody tr td:first-child a, .pro-table .table tbody tr td:first-child a {
  text-decoration: underline;
}
.pro-table table tbody tr td:first-child a:hover, .pro-table .table tbody tr td:first-child a:hover {
  color: #3a3a3a;
}
.pro-table table tbody tr td .rspv-action, .pro-table table tbody tr td.action, .pro-table .table tbody tr td .rspv-action, .pro-table .table tbody tr td.action {
  text-align: center;
}
@media only screen and (max-width : 480px) {
  .pro-table table tbody tr td .rspv-action, .pro-table table tbody tr td.action, .pro-table .table tbody tr td .rspv-action, .pro-table .table tbody tr td.action {
    display: none !important;
  }
  .pro-table table tbody tr td .rspv-action.rspv-action, .pro-table table tbody tr td.action.rspv-action, .pro-table .table tbody tr td .rspv-action.rspv-action, .pro-table .table tbody tr td.action.rspv-action {
    display: block !important;
  }
}
.pro-table table tbody tr td .rspv-action a:first-child, .pro-table table tbody tr td.action a:first-child, .pro-table .table tbody tr td .rspv-action a:first-child, .pro-table .table tbody tr td.action a:first-child {
  margin-right: 5px;
}
.pro-table table tbody tr td .rspv-action a .fa.fa-pencil, .pro-table table tbody tr td.action a .fa.fa-pencil, .pro-table .table tbody tr td .rspv-action a .fa.fa-pencil, .pro-table .table tbody tr td.action a .fa.fa-pencil {
  color: #ffffff;
  background-color: #c00431;
}
.pro-table table tbody tr td .rspv-action a .fa.fa-trash,
.pro-table table tbody tr td .rspv-action a .fa.fa-copy, .pro-table table tbody tr td.action a .fa.fa-trash,
.pro-table table tbody tr td.action a .fa.fa-copy, .pro-table .table tbody tr td .rspv-action a .fa.fa-trash,
.pro-table .table tbody tr td .rspv-action a .fa.fa-copy, .pro-table .table tbody tr td.action a .fa.fa-trash,
.pro-table .table tbody tr td.action a .fa.fa-copy {
  color: #c00431;
  background-color: #fff;
}
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-pencil, .pro-table table tbody tr td.action a:hover .fa.fa-pencil, .pro-table .table tbody tr td .rspv-action a:hover .fa.fa-pencil, .pro-table .table tbody tr td.action a:hover .fa.fa-pencil {
  color: #fff;
  background-color: #3a3a3a;
  border-color: #3a3a3a;
}
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-trash,
.pro-table table tbody tr td .rspv-action a:hover .fa.fa-copy, .pro-table table tbody tr td.action a:hover .fa.fa-trash,
.pro-table table tbody tr td.action a:hover .fa.fa-copy, .pro-table .table tbody tr td .rspv-action a:hover .fa.fa-trash,
.pro-table .table tbody tr td .rspv-action a:hover .fa.fa-copy, .pro-table .table tbody tr td.action a:hover .fa.fa-trash,
.pro-table .table tbody tr td.action a:hover .fa.fa-copy {
  color: #3a3a3a;
  border-color: #3a3a3a;
}
.pro-table table tbody tr td ul, .pro-table table tbody tr td li, .pro-table .table tbody tr td ul, .pro-table .table tbody tr td li {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}
.pro-table table tbody tr td ul, .pro-table .table tbody tr td ul {
  padding-left: 15px;
}
.pro-table table tbody tr td ul li, .pro-table .table tbody tr td ul li {
  margin-bottom: 4px;
}
.pro-table table tbody tr td form, .pro-table .table tbody tr td form {
  -webkit-transition: opacity 0.25s ease;
  -moz-transition: opacity 0.25s ease;
  -o-transition: opacity 0.25s ease;
  transition: opacity 0.25s ease;
}
.pro-table table tbody tr td form.submitting, .pro-table .table tbody tr td form.submitting {
  opacity: 0.6;
}
.pro-table table tbody tr td:nth-child(odd), .pro-table .table tbody tr td:nth-child(odd) {
  background-color: #efefef;
}
@media only screen and (max-width : 480px) {
  .pro-table table tfoot, .pro-table .table tfoot {
    display: block;
  }
}
@media only screen and (max-width : 480px) {
  .pro-table table tfoot tr, .pro-table .table tfoot tr {
    display: block;
    background-color: #efefef;
    text-align: center;
  }
}
.pro-table table tfoot tr td, .pro-table .table tfoot tr td {
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  padding: 10px 8px;
  font-size: 16px;
  color: #3a3a39;
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width : 480px) {
  .pro-table table tfoot tr td, .pro-table .table tfoot tr td {
    display: inline-block;
  }
}
.pro-table table tfoot tr td:first-child, .pro-table .table tfoot tr td:first-child {
  text-align: right;
}
.pro-table table tr td.alignRight, .pro-table .table tr td.alignRight {
  text-align: right;
}
.pro-table.pro-table-commande table thead tr th,
.pro-table.pro-table-commande table tbody tr td,
.pro-table.pro-table-commande table tfoot tr td {
  border: 1px solid #000;
  border-collapse: collapse;
}
.pro-table.pro-table-commande table thead tr th.th-saveurADecouvrir, .pro-table.pro-table-commande table thead tr th.th-description,
.pro-table.pro-table-commande table tbody tr td.th-saveurADecouvrir,
.pro-table.pro-table-commande table tbody tr td.th-description,
.pro-table.pro-table-commande table tfoot tr td.th-saveurADecouvrir,
.pro-table.pro-table-commande table tfoot tr td.th-description {
  width: 300px;
}

.documents,
.ajout-documents {
  display: block;
  margin-bottom: 30px;
}
.documents p,
.ajout-documents p {
  padding: 0;
  margin: 0 0 20px;
  font-size: 14px;
}
.documents p.titreSouligne,
.ajout-documents p.titreSouligne {
  margin: 0 0 20px;
  padding: 30px 0 10px;
  font-weight: bold;
  font-size: 23px;
  color: #3a3a39;
  border-bottom: 1Px solid #b5b5b5;
}

form.form-inscription button[type=submit],
.big-button,
.css_mce .big-button {
  display: inline-block;
  text-decoration: none;
  color: #ffffff;
  font-family: "KelsonMedium", arial, sans-serif;
  font-weight: normal;
  cursor: pointer;
  border: 0;
  font-size: 18px;
  padding: 15px 20px;
  background-color: #c00431;
}
form.form-inscription button[type=submit].grey,
.big-button.grey,
.css_mce .big-button.grey {
  background-color: #cccccc;
  color: #3a3a39;
}
@media only screen and (max-width : 480px) {
  form.form-inscription button[type=submit],
.big-button,
.css_mce .big-button {
    display: block;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width : 480px) {
  .ou {
    display: block;
    text-align: center;
    margin-bottom: 10px;
  }
}

.titre-sep {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 23px;
  color: #3a3a39;
  border-bottom: 1Px solid #b5b5b5;
}

form.form-inscription {
  display: block;
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}
form.form-inscription a {
  color: #c00431;
  text-decoration: underline;
}
form.form-inscription h3 {
  font-weight: bold;
  padding-bottom: 10px;
  margin-top: 50px;
  margin-bottom: 20px;
  font-size: 23px;
  color: #3a3a39;
  border-bottom: 1Px solid #b5b5b5;
}
@media only screen and (max-width : 480px) {
  form.form-inscription h3 {
    font-size: 19px;
  }
}
form.form-inscription .input-line {
  margin-bottom: 25px;
}
form.form-inscription .input-line label {
  font-weight: normal;
  font-size: 18px;
  color: #565655;
}
form.form-inscription .input-line > label {
  padding-left: 10px;
  margin-bottom: 5px;
  display: block;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line > label {
    padding-left: 0;
  }
}
form.form-inscription .input-line textarea,
form.form-inscription .input-line select,
form.form-inscription .input-line input[type=text],
form.form-inscription .input-line input[type=password],
form.form-inscription .input-line input[type=file],
form.form-inscription .input-line input[type=email] {
  background-color: #f0efef;
  padding: 12px 10px;
  border: 0;
  color: #000000;
  display: block;
  width: 100%;
  font-size: 14px;
  font-family: Arial;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
}
form.form-inscription .input-line textarea.w50,
form.form-inscription .input-line select.w50,
form.form-inscription .input-line input[type=text].w50,
form.form-inscription .input-line input[type=password].w50,
form.form-inscription .input-line input[type=file].w50,
form.form-inscription .input-line input[type=email].w50 {
  width: 50%;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line textarea.w50,
form.form-inscription .input-line select.w50,
form.form-inscription .input-line input[type=text].w50,
form.form-inscription .input-line input[type=password].w50,
form.form-inscription .input-line input[type=file].w50,
form.form-inscription .input-line input[type=email].w50 {
    width: 100%;
  }
}
form.form-inscription .input-line textarea.w30,
form.form-inscription .input-line select.w30,
form.form-inscription .input-line input[type=text].w30,
form.form-inscription .input-line input[type=password].w30,
form.form-inscription .input-line input[type=file].w30,
form.form-inscription .input-line input[type=email].w30 {
  width: 30%;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line textarea.w30,
form.form-inscription .input-line select.w30,
form.form-inscription .input-line input[type=text].w30,
form.form-inscription .input-line input[type=password].w30,
form.form-inscription .input-line input[type=file].w30,
form.form-inscription .input-line input[type=email].w30 {
    width: 100%;
  }
}
form.form-inscription .input-line.alerteme label {
  color: red;
}
form.form-inscription .input-line textarea {
  height: 100px;
}
form.form-inscription .input-line textarea.small {
  height: 100px;
}
form.form-inscription .input-line textarea.tall {
  height: 200px;
}
form.form-inscription .input-line input[type=file] {
  padding: 0;
  width: auto;
}
form.form-inscription .input-line.entreprise-type > label {
  display: inline-block;
  margin-right: 10px;
}
form.form-inscription .input-line.entreprise-type input[type=text] {
  display: inline-block;
}
form.form-inscription .input-line.password input {
  float: left;
  width: 50%;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line.password input {
    width: 100%;
  }
}
form.form-inscription .input-line.password .password-verif-info {
  width: 48%;
  text-align: left;
  float: right;
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  font-size: 14px;
  color: #565655;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line.password .password-verif-info {
    width: 100%;
    padding-left: 0;
  }
}
form.form-inscription .input-line .radios-inline label {
  display: inline-block;
  margin-right: 30px;
  margin-left: 5px;
}
form.form-inscription .input-line.gps p {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 16px;
  color: #a09fa3;
  margin-bottom: 10px;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line.gps p {
    padding-left: 0;
  }
}
form.form-inscription .input-line.gps .coords {
  margin-bottom: 5px;
}
form.form-inscription .input-line.gps .coords .lat, form.form-inscription .input-line.gps .coords .lng {
  float: left;
  width: 50%;
  text-align: center;
}
form.form-inscription .input-line.gps .coords input {
  display: inline-block;
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
form.form-inscription .line-input-submit-bicol {
  display: flex;
}
form.form-inscription .line-input-submit-bicol .col-input {
  padding-right: 25px;
}
form.form-inscription .line-input-submit-bicol .col-texte {
  flex: 1;
}
form.form-inscription .line-input-submit-bicol .col-texte .css_mce p {
  color: #3c3d3c;
}
form.form-inscription .info-password p {
  padding: 0 0 0 10px;
  margin: 0;
  font-size: 16px;
  color: #565655;
  margin-bottom: 20px;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .info-password p {
    padding-left: 0;
  }
}
form.form-inscription .legend {
  font-size: 16px;
  color: #a09fa3;
  padding: 0 0 0 10px;
  margin: 0 0 20px;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .legend {
    padding-left: 0;
  }
}
form.form-inscription .mot-restant {
  font-size: 12px;
  color: #a09fa3;
  padding: 0;
  text-align: right;
  margin: 0 0 20px;
}
form.form-inscription .input-line-logo {
  margin-bottom: 25px;
}
form.form-inscription .input-line-logo input[type=file] {
  margin-bottom: 10px;
  float: left;
}
form.form-inscription .input-line-logo .vich-image {
  position: relative;
  display: block;
}
form.form-inscription .input-line-logo .vich-image .vich-image-cont {
  display: block;
  max-width: 220px;
  padding-right: 20px;
  float: left;
}
form.form-inscription .input-line-logo .vich-image .vich-image-cont a {
  display: block;
}
form.form-inscription .input-line-logo .vich-image .vich-image-cont a img {
  max-width: 100%;
  border: 1px solid #efefef;
}
form.form-inscription .input-line-logo .vich-image .vich-image-cont div {
  text-align: center;
}
form.form-inscription .input-line-logo .vich-image .vich-image-cont div label {
  font-size: 12px;
  color: #c00431;
}
form.form-inscription .input-line-logo .info {
  padding: 0 0 0 10px;
  margin: 0 0 10px;
  font-size: 14px;
  color: #a09fa3;
}
@media only screen and (max-width : 480px) {
  form.form-inscription .input-line-logo .info {
    padding-left: 0;
  }
}
form.form-inscription.form-livraison {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
form.form-inscription.form-livraison .center {
  text-align: center;
}
form.form-inscription.form-livraison .input-line > label {
  display: inline-block;
  width: 35%;
  padding-left: 0;
  vertical-align: top;
  padding-top: 5px;
}
@media only screen and (max-width : 480px) {
  form.form-inscription.form-livraison .input-line > label {
    padding-left: 0;
    width: 100%;
    display: block;
  }
}
form.form-inscription.form-livraison .input-line textarea,
form.form-inscription.form-livraison .input-line select,
form.form-inscription.form-livraison .input-line input[type=text],
form.form-inscription.form-livraison .input-line input[type=password],
form.form-inscription.form-livraison .input-line input[type=file],
form.form-inscription.form-livraison .input-line input[type=email] {
  width: 65%;
  display: inline-block;
  vertical-align: top;
}
@media only screen and (max-width : 480px) {
  form.form-inscription.form-livraison .input-line textarea,
form.form-inscription.form-livraison .input-line select,
form.form-inscription.form-livraison .input-line input[type=text],
form.form-inscription.form-livraison .input-line input[type=password],
form.form-inscription.form-livraison .input-line input[type=file],
form.form-inscription.form-livraison .input-line input[type=email] {
    width: 100%;
    display: block;
  }
}

.tips,
.tips_ok,
.tips_erreur {
  padding: 10px;
  font-size: 1.4em;
  color: #ffffff;
  background-color: #c00431;
  margin-bottom: 15px;
  text-align: center;
}
.tips ul, .tips li,
.tips_ok ul,
.tips_ok li,
.tips_erreur ul,
.tips_erreur li {
  padding: 0;
  margin: 0;
  font-size: 1em;
}
.tips.tips_ok,
.tips_ok.tips_ok,
.tips_erreur.tips_ok {
  background-color: #1984aa;
}
.tips.tips,
.tips_ok.tips,
.tips_erreur.tips {
  background-color: #efefef;
  color: #3a3a39;
}
.btn, .btn-default.focus, .btn-default:focus {
  cursor: pointer;
  border: 0 !important;
}

.btn-span {
  display: inline-block;
  padding: 5px;
  margin-bottom: 1px;
  text-decoration: none;
  font-size: 12px;
  background-color: #ddd;
}
.btn-span.btn-commande-etat-11, .btn-span.btn-commande-etat-21, .btn-span.btn-ok {
  background-color: #c3ffc5;
}
.btn-span.btn-err-invalide, .btn-span.btn-err-doc {
  background-color: #efefef;
}

.alignRight {
  text-align: right;
}

.btn-small {
  display: inline-block;
  padding: 5px;
  background-color: #c00431;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
.btn-small:hover {
  background-color: #3a3a39;
}

.clear {
  clear: both;
}

#cnilCookie {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(230, 230, 230, 0.9);
  padding: 10px 10px;
  font-size: 14px;
}
@media only screen and (min-width: 481px) and (max-width: 768px) {
  #cnilCookie {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#cnilCookie .css_mce p {
  text-align: center;
  margin-bottom: 10px;
}
#cnilCookie .boutons {
  text-align: center;
}
#cnilCookie .boutons button {
  font-size: 1em;
  display: inline-block;
  border: 0;
  background-color: #c00431;
  color: #ffffff;
  margin: 0 5px;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 3px;
  font-family: "KelsonBold", arial, sans-serif;
  font-weight: normal;
}
#cnilCookie .boutons button#refusCookie {
  background-color: #777;
}
#cnilCookie .boutons button#acceptCookie:hover {
  background-color: #1f140c;
}
#cnilCookie .boutons button#refusCookie:hover {
  background-color: #1f140c;
}
#cnilCookie.sticked-activated {
  padding-bottom: 70px;
}

.footer {
  background: #f4f4f4;
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 50px;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer {
    margin-top: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.footer .content {
  position: relative;
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer .content {
    text-align: center;
    position: relative;
  }
}
.footer .content .col1, .footer .content .col3 {
  position: absolute;
  top: 0;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer .content .col1, .footer .content .col3 {
    position: static;
    top: auto;
    display: inline-block;
    width: auto;
    margin: 0 10px;
  }
}
.footer .content .col1 p, .footer .content .col3 p {
  margin: 0;
  padding: 0;
}
.footer .content .col1 {
  left: 0;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer .content .col1 {
    left: auto;
  }
}
.footer .content .col3 {
  right: 0;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer .content .col3 {
    right: auto;
  }
}
.footer .content .col4,
.footer .content .col2 {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 360px;
}
.footer .content .col4 p,
.footer .content .col2 p {
  text-align: inherit;
  font-size: 1.4em;
  color: #565655;
  padding: 0;
  margin: 0 0 15px;
}
.footer .content .col4 p a,
.footer .content .col2 p a {
  color: inherit;
}
.footer .content .col4 p a:hover,
.footer .content .col2 p a:hover {
  color: #c00431;
}
.footer .content .col4 p a.emphasize,
.footer .content .col2 p a.emphasize {
  color: #c00431;
  font-weight: 500;
  text-decoration: underline;
}
.footer .content .col4 p a.emphasize:hover,
.footer .content .col2 p a.emphasize:hover {
  color: #565655;
}
.footer .content .col4 p small,
.footer .content .col2 p small {
  font-size: 0.8em;
}
.footer .content .col4 p small a,
.footer .content .col2 p small a {
  text-decoration: underline;
}
@media only screen and (max-width : 480px), only screen and (min-width : 481px) and (max-width: 969px) {
  .footer .content .col4 {
    padding-top: 35px;
  }
}

.pageResetting,
.pageLogin {
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  border: 1px solid #efefef;
  margin: 40px auto;
  font-size: 10px;
}
.pageResetting .password-forgotten .css_mce,
.pageLogin .password-forgotten .css_mce {
  text-align: center;
}
.pageResetting .css_mce,
.pageLogin .css_mce {
  margin: 0;
  padding: 0;
}
.pageResetting .css_mce p,
.pageLogin .css_mce p {
  font-size: 1.6em;
}
.pageResetting h1,
.pageLogin h1 {
  padding: 0;
  margin: 0 0 30px;
  font-size: 3.4em;
  text-align: center;
}
.pageResetting .padme,
.pageLogin .padme {
  padding: 20px;
}
.pageResetting form,
.pageLogin form {
  display: block;
  padding: 0;
  margin: 0;
}
.pageResetting form .line-input,
.pageLogin form .line-input {
  margin-bottom: 20px;
}
.pageResetting form .line-input label,
.pageLogin form .line-input label {
  font-size: 1.8em;
  width: 35%;
  padding-top: 5px;
  float: left;
  font-weight: normal;
}
@media (max-width: 480px) {
  .pageResetting form .line-input label,
.pageLogin form .line-input label {
    float: none;
    width: 100%;
    padding: 0;
  }
}
.pageResetting form .line-input .input,
.pageLogin form .line-input .input {
  width: 60%;
  float: right;
}
@media (max-width: 480px) {
  .pageResetting form .line-input .input,
.pageLogin form .line-input .input {
    width: 100%;
    padding: 0;
    float: none;
  }
}
.pageResetting form .line-input .input textarea,
.pageResetting form .line-input .input input[type=text],
.pageResetting form .line-input .input input[type=password],
.pageResetting form .line-input .input input[type=email],
.pageResetting form .line-input .input input[type=file],
.pageLogin form .line-input .input textarea,
.pageLogin form .line-input .input input[type=text],
.pageLogin form .line-input .input input[type=password],
.pageLogin form .line-input .input input[type=email],
.pageLogin form .line-input .input input[type=file] {
  display: inline-block;
  padding: 10px;
  background-color: #f0efef;
  border: none;
  font-size: 1.4em;
  width: 100%;
  color: #555555;
}
.pageResetting form .line-input .input textarea,
.pageLogin form .line-input .input textarea {
  height: 150px;
  overflow: auto;
}
@media (max-width: 480px) {
  .pageResetting form .line-input .input textarea,
.pageLogin form .line-input .input textarea {
    height: 100px;
  }
}
.pageResetting form .cont-remember-me,
.pageLogin form .cont-remember-me {
  margin-bottom: 20px;
  text-align: center;
}
.pageResetting form .cont-remember-me label,
.pageLogin form .cont-remember-me label {
  font-size: 1.2em;
}
.pageResetting form .cont-remember-me a,
.pageLogin form .cont-remember-me a {
  font-size: 1.2em;
  color: #c00431;
}
.pageResetting form .line-input-submit,
.pageLogin form .line-input-submit {
  text-align: center;
  margin-bottom: 20px;
  padding-top: 20px;
}
.pageResetting form .line-input-submit button,
.pageLogin form .line-input-submit button {
  display: inline-block;
  color: #ffffff;
  text-align: center;
  padding: 15px 40px;
  text-decoration: none;
  background-color: #c00431;
  cursor: pointer;
  border: none;
  font-family: "KelsonBold", arial, sans-serif;
  font-weight: normal;
  font-size: 18px;
}
.pageResetting form .line-input-submit button:hover,
.pageLogin form .line-input-submit button:hover {
  background-color: #000;
}
.pageResetting form .line-input-recaptcha,
.pageLogin form .line-input-recaptcha {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .pageResetting form .line-input-recaptcha label,
.pageLogin form .line-input-recaptcha label {
    display: none;
  }
}
.pageResetting form .line-input-obl,
.pageLogin form .line-input-obl {
  margin-bottom: 20px;
}
@media (max-width: 480px) {
  .pageResetting form .line-input-obl,
.pageLogin form .line-input-obl {
    margin-bottom: 10px;
  }
}
@media (max-width: 480px) {
  .pageResetting form .line-input-obl label,
.pageLogin form .line-input-obl label {
    display: none !important;
  }
}
.pageResetting form .line-input-obl .input label,
.pageLogin form .line-input-obl .input label {
  width: auto;
}
@media (max-width: 480px) {
  .pageResetting form .line-input-obl .input label,
.pageLogin form .line-input-obl .input label {
    display: block !important;
  }
}
.pageResetting form .line-input-obl .input label span,
.pageLogin form .line-input-obl .input label span {
  color: #ff0000;
}

.pageResetting form .line-input label {
  width: 100%;
  float: none;
  margin-bottom: 5px;
  text-align: center !important;
  display: block;
}
.pageResetting form .line-input .input {
  width: 100%;
  float: none;
}
.pageResetting form .line-input-submit button {
  width: 100%;
}

.pageResettingPassword form label {
  text-align: center !important;
  display: block;
  width: 100%;
  margin-bottom: 5px;
  font-size: 1.2em;
}
.pageResettingPassword form input {
  width: 100%;
  float: none;
  display: inline-block;
  padding: 5px;
  border: 1px solid #e5e5e5;
  font-size: 1.2em;
  background-color: #eeeeee;
  margin-bottom: 10px;
}
.pageResettingPassword form input:focus {
  background-color: #ffffff;
}
.agendas-pro > ul, .agendas-pro > ul > li {
  list-style: none;
  display: block;
  padding: 0;
  margin: 0;
}
.agendas-pro > ul > li {
  display: inline-block;
  width: 50%;
  padding: 0 15px 30px 15px;
  margin: 0;
  vertical-align: top;
}
@media (max-width: 767px) {
  .agendas-pro > ul > li {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.agendas-pro > ul > li a {
  display: flex;
  color: #565655;
  min-height: 135px;
  text-decoration: none;
}
@media (max-width: 767px) {
  .agendas-pro > ul > li a {
    min-height: auto;
  }
}
.agendas-pro > ul > li a:hover {
  text-decoration: none;
}
.agendas-pro > ul > li a:hover .content {
  background-color: #e6e6e6;
}
.agendas-pro > ul > li a div {
  align-self: stretch;
}
.agendas-pro > ul > li a div.date_container {
  background: #f5cb42;
  width: 120px;
  align-self: stretch;
  font-size: 30px;
  font-family: "KelsonBold", arial, sans-serif;
  text-align: center;
  padding: 15px;
}
.agendas-pro > ul > li a div.date_container.multiple {
  padding: 15px;
}
.agendas-pro > ul > li a div.date_container.multiple .date {
  flex-direction: row;
  padding: 0 10px;
  height: auto;
}
.agendas-pro > ul > li a div.date_container .date {
  flex-direction: column;
  align-items: center;
  display: flex;
  height: 100%;
  color: #3a3a39;
  justify-content: center;
}
.agendas-pro > ul > li a div.date_container .mois {
  font-size: 14px;
  font-family: "KelsonRegular", arial, sans-serif;
  display: flex;
  line-height: 17px;
  padding-left: 10px;
  flex-direction: column;
  text-transform: uppercase;
}
.agendas-pro > ul > li a div.date_container .liaison {
  font-size: 14px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
  line-height: 17px;
  font-family: "KelsonRegular", arial, sans-serif;
  text-transform: uppercase;
}
.agendas-pro > ul > li a div.content {
  background: #F4F4F4;
  padding: 15px;
  font-size: 15px;
  flex: 1;
}
.agendas-pro > ul > li a div.content strong {
  font-size: 16px;
  color: #3a3a39;
  display: block;
}
.agendas-pro .pagination {
  width: 100%;
  display: block;
  text-align: center;
}
.agendas-pro .pagination .glyphicon {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 40px;
  height: 40px;
  background-position: center center;
  background-repeat: no-repeat;
}
.agendas-pro .pagination .glyphicon.next {
  content: "";
  background-image: url(../assets/img/fleche-droite-icon.png);
}
.agendas-pro .pagination .glyphicon.prev {
  content: "";
  background-image: url(../assets/img/fleche-gauche-icon.png);
}
.agendas-pro .pagination a, .agendas-pro .pagination span {
  padding: 0;
  color: #565655;
  font-family: "KelsonRegular", arial, sans-serif;
  font-size: 28px;
}
.agendas-pro .pagination > a,
.agendas-pro .pagination > span {
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  height: 40px;
  text-decoration: none;
}
.agendas-pro .pagination > a.current, .agendas-pro .pagination > a.active,
.agendas-pro .pagination > span.current,
.agendas-pro .pagination > span.active {
  color: #1984aa;
  font-size: 37px;
  font-family: "KelsonBold", arial, sans-serif;
  height: 50px;
  vertical-align: bottom;
}
.agendas-pro .pagination > a.previous, .agendas-pro .pagination > a.next,
.agendas-pro .pagination > span.previous,
.agendas-pro .pagination > span.next {
  background: #1984aa;
  margin: 0 10px;
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  width: 40px;
  font-size: 28px;
  background-position: center center;
  background-repeat: no-repeat;
}
.agendas-pro .pagination > a.previous a, .agendas-pro .pagination > a.next a,
.agendas-pro .pagination > span.previous a,
.agendas-pro .pagination > span.next a {
  color: #FFF;
  opacity: 0;
  display: block;
  height: 40px;
}
.agendas-pro .pagination > a.previous.next, .agendas-pro .pagination > a.next.next,
.agendas-pro .pagination > span.previous.next,
.agendas-pro .pagination > span.next.next {
  content: "";
  background-image: url(../assets/img/fleche-droite-icon.png);
}
.agendas-pro .pagination > a.previous.previous, .agendas-pro .pagination > a.next.previous,
.agendas-pro .pagination > span.previous.previous,
.agendas-pro .pagination > span.next.previous {
  content: "";
  background-image: url(../assets/img/fleche-gauche-icon.png);
}
.agendas-pro .pagination > a.first, .agendas-pro .pagination > a.last,
.agendas-pro .pagination > span.first,
.agendas-pro .pagination > span.last {
  display: none;
}
.agendas-pro .pagination > a.current, .agendas-pro .pagination > a.active,
.agendas-pro .pagination > span.current,
.agendas-pro .pagination > span.active {
  color: #f5cb42;
}
.agendas-pro .pagination > a.previous, .agendas-pro .pagination > a.next,
.agendas-pro .pagination > span.previous,
.agendas-pro .pagination > span.next {
  background-color: #f5cb42;
}

.cont-links-cols {
  margin-bottom: 25px;
}
.cont-links-cols h3 {
  font-weight: bold;
  font-size: 18px;
  color: #565655;
  margin-bottom: 25px;
}
.cont-links-cols .links {
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}
.cont-links-cols .links .link {
  padding: 0 10px;
  flex: 1;
}
.cont-links-cols .links .link .bt {
  width: 100%;
  display: block;
  text-decoration: none;
  color: #565655;
  font-weight: bold;
  cursor: pointer;
  border: 0;
  font-size: 16px;
  padding: 10px 0;
  background-color: #cccccc;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  margin-bottom: 20px;
  font-family: Arial, Sans-serif;
  text-align: center;
}
.cont-links-cols .links .link .bt:hover {
  background-color: #3a3a39;
  color: #fff;
}
.cont-links-cols .links .link .css_mce p {
  color: #3c3d3c;
  margin: 0;
}

.popup-unload {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: none;
  z-index: 1;
}
.popup-unload .popup-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.popup-unload .popup-container .popup-cont {
  width: 600px;
  -moz-box-sizing: border-box;
  /* Firefox */
  box-sizing: border-box;
  border: 1px solid #c5c5c5;
  padding: 20px;
  background-color: #fff;
  max-width: 90%;
}
.popup-unload .popup-container .popup-cont .css_mce {
  color: #3c3d3c;
}
.popup-unload .popup-container .popup-cont > ul, .popup-unload .popup-container .popup-cont > ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.popup-unload .popup-container .popup-cont ul.bts {
  text-align: right;
}
.popup-unload .popup-container .popup-cont ul.bts li {
  display: inline-block;
  margin-left: 20px;
}
.popup-unload .popup-container .popup-cont ul.bts li button, .popup-unload .popup-container .popup-cont ul.bts li a {
  display: block;
  text-decoration: none;
  color: #565655;
  font-weight: bold;
  cursor: pointer;
  border: 0;
  font-size: 16px;
  padding: 10px 15px;
  background-color: #cccccc;
  font-family: Arial, Sans-serif;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.popup-unload .popup-container .popup-cont ul.bts li button:hover, .popup-unload .popup-container .popup-cont ul.bts li a:hover {
  background-color: #3a3a39;
  color: #fff;
}
.popup-unload .popup-container .popup-cont ul.bts li button {
  background-color: #c00431;
  color: #ffffff;
}

.produit-tabs {
  display: block;
  margin-bottom: 25px;
}
.produit-tabs ul, .produit-tabs li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.produit-tabs ul {
  border-bottom: 4px solid #c00431;
  margin-bottom: 25px;
}
.produit-tabs ul li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: center;
}
.produit-tabs ul li a {
  display: block;
  text-decoration: none;
  color: #565655;
  font-weight: normal;
  cursor: pointer;
  border: 0;
  font-size: 16px;
  padding: 15px 20px;
  background-color: #cccccc;
  font-family: Arial, Sans-serif;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.produit-tabs ul li a:hover {
  background-color: #3a3a39;
  color: #fff;
}
.produit-tabs ul li a.selected {
  background-color: #c00431;
  color: #ffffff;
  font-weight: bold;
}

.body-popup-jury {
  padding: 0;
  margin: 0;
  display: flex;
}
@media print {
  .body-popup-jury {
    display: block;
  }
}
.body-popup-jury .popup-jury {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media print {
  .body-popup-jury .popup-jury {
    display: block;
  }
}
.body-popup-jury .popup-jury .infos {
  flex: 1;
}
.body-popup-jury .popup-jury .infos .css_mce {
  height: 100%;
  overflow: auto;
}
@media print {
  .body-popup-jury .popup-jury .infos .css_mce {
    height: auto;
  }
}
.body-popup-jury .popup-jury .infos .css_mce li {
  margin-bottom: 0;
  padding: 0;
  list-style-position: outside;
  margin-left: 10px;
}
.body-popup-jury .popup-jury .actions {
  background-color: #2d2d2d;
}
@media print {
  .body-popup-jury .popup-jury .actions {
    display: none;
  }
}
.body-popup-jury .popup-jury .actions ul, .body-popup-jury .popup-jury .actions li {
  list-style: none;
  display: block;
  margin: 0;
  padding: 0;
}
.body-popup-jury .popup-jury .actions ul {
  display: flex;
}
.body-popup-jury .popup-jury .actions ul li {
  flex: 1;
  text-align: center;
  padding: 10px;
}
.body-popup-jury .popup-jury .actions ul li a {
  display: block;
}

/*# sourceMappingURL=pro.css.map */