@charset "UTF-8";
/* 
    Created on : 28 avr. 2020, 09:30:00
    Author     : S├®bastien GRIFFITHS - Otidea
*/
/* 
    Created on : 28 avr. 2020, 09:00:00
    Author     : S├®bastien GRIFFITHS - Otidea
*/
/*-- Declaration variables font--*/
/*@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Reg.eot');
    src: local('├ó╦£┬║'), url('../fonts/RegionBretagne-Reg.woff') format('woff'), url('../fonts/RegionBretagne-Reg.ttf') format('truetype'), url('../fonts/RegionBretagne-Reg.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bretagneFont';
    src: url('../fonts/RegionBretagne-Bold.eot');
    src: local('├ó╦£┬║'), url('../fonts/RegionBretagne-Bold.woff') format('woff'), url('../fonts/RegionBretagne-Bold.ttf') format('truetype'), url('../fonts/RegionBretagne-Bold.svg') format('svg');
    font-weight: bold ;
    font-style: normal;
}*/
/*-- Declaration variables couleurs--*/
/*bleu 1*/
/*bleu 2*/
/*bleu 3*/
/*vert 1*/
/*vert 2*/
/*vin blanc*/
/*vin ros├®*/
/*vin liqueur*/
/* gris4 */
/* dor├® */
/*-- Declaration classes font--*/
.font1 {
  font-family: "Open Sans", sans-serif; }

.font2 {
  font-family: "Open Sans", sans-serif; }

.font3 {
  font-family: "Open Sans", sans-serif; }

/*-- Declaration classes couleurs--*/
.noir {
  color: #3b3b3b; }

.blanc {
  color: #ffffff; }

.gris {
  color: #f7f7f7; }

.couleur1 {
  color: #2f7490; }

.couleur2 {
  color: #2b8994; }

.couleur3 {
  color: #245760; }

.couleur4 {
  color: #8f9a2e; }

.couleur5 {
  color: #547d37; }

.couleur6 {
  color: #e0b755; }

.couleur7 {
  color: #e58966; }

.couleur8 {
  color: #95577d; }

.couleur9 {
  color: #f9f9f9; }

.couleur10 {
  color: #918021; }

.bgNoir {
  background-color: #3b3b3b; }

.bgBlanc {
  background-color: #ffffff; }

.bgGris {
  background-color: #f7f7f7; }

.bgCouleur1 {
  background-color: #2f7490; }

.bgCouleur2 {
  background-color: #2b8994; }

.bgCouleur3 {
  background-color: #245760; }

.bgCouleur4 {
  background-color: #8f9a2e; }

.bgCouleur5 {
  background-color: #547d37; }

.bgCouleur6 {
  background-color: #e0b755; }

.bgCouleur7 {
  background-color: #e58966; }

.bgCouleur8 {
  background-color: #95577d; }

.bgCouleur9 {
  background-color: #f9f9f9; }

.bgCouleur10 {
  background-color: #918021; }

/*-- Declaration mixin--*/
/*////////////////////////////////////////////////////////////////////*/
#page_module .alert {
  text-align: center;
  padding: 15px;
  font-weight: bold;
  color: #ffffff;
  background-color: #245760; }
  #page_module .alert.alert-success {
    background-color: #8f9a2e; }
  #page_module .alert.alert-danger {
    background-color: #df4c66; }
#page_module #bloc_sousMenuModule {
  background-color: #2f7490; }
  #page_module #bloc_sousMenuModule .intPageBloc {
    padding: 0;
    width: 100%;
    max-width: 100%; }
    #page_module #bloc_sousMenuModule .intPageBloc .blocContenu {
      width: 100%;
      max-width: calc(100%);
      margin: 0 auto; }
      #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu {
        width: max-content;
        max-width: 100%;
        padding: 0 0 0 100px;
        background-image: url(https://www.ossun.fr/skins/img/logo.png);
        background-size: auto 90px;
        background-position: 14px 6px;
        background-repeat: no-repeat;
        background-color: #2f7490; }
        @media screen and (max-width: 850px) {
          #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu {
            padding: 100px 0 0 0;
            background-position: 50% 5px; } }
        #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton {
          flex: 1 1 auto;
          margin: 0;
          border-radius: 0;
          height: 100px;
          min-width: 100px;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: row;
          -ms-flex-direction: row;
          flex-direction: row;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-justify-content: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-align-content: stretch;
          -ms-flex-line-pack: stretch;
          align-content: stretch;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center; }
          @media screen and (max-width: 850px) {
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton {
              height: auto;
              min-height: 50px; }
              #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton:not(:first-of-type) {
                border-top: 1px solid rgba(255, 255, 255, 0.5); } }
          #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton:not(.selected) {
            background-color: #2f7490;
            color: #ffffff;
            box-shadow: 0 0 10px rgba(59, 59, 59, 0); }
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton:not(.selected):after {
              background-color: #2b8994; }
          #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton span {
            display: block; }
          #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.bgRouge {
            background-color: #df4c66;
            color: #ffffff; }
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.bgRouge:after {
              background-color: rgba(255, 255, 255, 0.2); }
          #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.btnImage {
            padding: 0; }
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.btnImage span {
              width: 100%;
              height: 100%;
              font-size: 0;
              color: transparent;
              background-size: 30px;
              background-position: 50% 50%;
              background-repeat: no-repeat; }
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.btnImage.home span {
              background-image: url(../medias_front/common/homeBlanc.png); }
            #page_module #bloc_sousMenuModule .intPageBloc .blocContenu .intBlocContenu .bouton.btnImage.deconnex span {
              background-image: url(../medias_front/common/deconnex.png); }
#page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocTitre {
  background-image: url(https://www.ossun.fr/skins/img/logo.png);
  padding: 100px 0 0 0;
  background-position: 50% 5px;
  background-repeat: no-repeat;
  background-size: auto 90px; }
  #page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocTitre h3 {
    color: #245760; }
#page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocContenu {
  width: calc(100% - 60px);
  margin: 50px auto 30px;
  max-width: 500px; }
  #page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocContenu .intBlocTxtContenu .form-group {
    width: calc(100% - 10px);
    margin: 0 5px 20px; }
  #page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocContenu .intBlocContenu {
    display: flex;
    width: 100%; }
    #page_module #bloc_connex.pageBloc.blocTexte.type0 .intPageBloc .blocContenu .intBlocContenu .bouton {
      flex: 1 1 auto; }
#page_module #filtre {
  margin: 0 auto;
  width: calc(100% - 80px);
  max-width: 1200px;
  padding: 30px 0 0; }
  #page_module #filtre select {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #2f7490;
    padding: 5px 10px;
    background-color: transparent;
    outline: none;
    background-color: #ffffff; }
#page_module #bloc_listeModule.pageBloc {
  width: calc(100%);
  max-width: 1220px;
  margin: 0 auto; }
  #page_module #bloc_listeModule.pageBloc .intPageBloc {
    width: 100%;
    margin: 0 auto;
    width: calc(100% - 60px);
    max-width: 1220px;
    padding: 0 0 50px 0; }
    #page_module #bloc_listeModule.pageBloc .intPageBloc #fluxFerry {
      width: calc(100%);
      max-width: 600px;
      margin: 50px 0 0; }
      #page_module #bloc_listeModule.pageBloc .intPageBloc #fluxFerry li {
        width: 100%;
        padding: 10px 15px; }
        #page_module #bloc_listeModule.pageBloc .intPageBloc #fluxFerry li:nth-child(even) {
          background-color: #2b8994; }
        #page_module #bloc_listeModule.pageBloc .intPageBloc #fluxFerry li:nth-child(odd) {
          background-color: #2f7490; }
        #page_module #bloc_listeModule.pageBloc .intPageBloc #fluxFerry li p {
          color: #ffffff;
          padding: 5px 5px; }
  #page_module #bloc_listeModule.pageBloc.agd .intPageBloc {
    width: calc(100%); }
    @media screen and (max-width: 1220px) {
      #page_module #bloc_listeModule.pageBloc.agd .intPageBloc {
        width: calc(100% - 60px); } }
#page_module #bloc_titre .intPageBloc {
  max-width: 1220px;
  margin: 30px auto;
  padding: 20px 130px; }
  @media screen and (max-width: 1220px) {
    #page_module #bloc_titre .intPageBloc {
      padding: 20px 0; } }
  #page_module #bloc_titre .intPageBloc .blocTitre:after {
    display: none; }
#page_module #bloc_titre .date {
  display: block;
  width: 100%;
  padding: 1px 0;
  color: #245760;
  font-weight: 500;
  /*font-size: 10pt;*/ }
  @media screen and (max-width: 900px) {
    #page_module #bloc_titre .date {
      text-align: center; } }
#page_module #bloc_titre .lieu {
  display: block;
  width: 100%;
  padding: 5px 0;
  color: #3b3b3b;
  font-weight: 600;
  font-size: 15pt; }

/*# sourceMappingURL=blocmodule_site.css.map */
