/*!
* Les Polices
 */
@font-face {
  font-family: 'Plongee';
  src: url('police/Diving.ttf');
}
@font-face {
  font-family: 'Bububule';
  src: url('police/watertoy_bulle.ttf');
}

/*!
* Le body, l'HTML
 */

html {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative; /* le body doit au minimum être en relative */
}
body {

  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}
@media screen and (min-width: 1000px) {
  body {
    display : table;
  }
}


/*!
* La Navbar
 */


.navbar {
  margin-bottom: 0;
  border-radius: 0;
  border-color: #2942D6;
  background-color: #2942D6;
  padding: 15px;
  z-index: 1 !important;
}

.drapeaunav img {
  height: 30px;
  width: 50px;
}

/*!
* Ajustement du texte Accueil sur téléphone
 */

#telephone {
  padding-top: 60px
}

/*!
* Le Footer
 */

footer {
  padding-bottom: 10px;
  display : table-row;
  height: 30px; /* à titre d'exemple */
  background-color: #2942D6;
  color: white;
  margin-top: 100%;
  z-index: 1 !important;
}

/*!
* Mise en bas de page quelque soit le contenue de la page
 */

/*!
* Le Prefooter
 */

prefooter {
  font-size: 15px;
  display : table-row;
  background-color: #1e3be7;
  color: white;
  margin-top: 100%;
  z-index: 1 !important;
  margin-bottom: auto;
}

prefooter a:link {
  font-size: 15px;
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}

prefooter a:visited {
  font-size: 15px;
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}

prefooter a:hover {
  font-size: 15px;
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}
prefooter a:active {
  font-size: 15px;
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}


.affix ~ .container-fluid {
  position: relative;
  top: 50px;
}
.affix {
  top:0;
  width: 100%;
  z-index: 9999 !important;
}

.imagesPlongeur {
  width: 441px;
  height: 627px;
}
.imageLogo img{
  display: none;
}
.texteDiaporama {
  font-size: 36px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #e82f2f;
  text-align: center;
}
.PartA {
  font-size: 36px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #1e3be7;
  text-align: center;
}
.PartB {
  padding-top: 15px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: center;

}
.PartC {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

.PartD {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: center;
}
.PartE {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: center;
}
.PartF {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0800ff;
  text-align: center;
}
.PartG {
  color: black;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: center;
}

.PartH {
  padding-top: 10px;
  font-size: 18px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: center;
}
.PartI {
  padding-top: 10px;
  font-size: 18px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: left;
}

.PartJ {
  padding-top: 10px;
  font-size: 15px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
}

.PartK {
  font-size: 20px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: white;
  text-align: center;
}
.PartL {
  padding-left: 30px;
  padding-top: 10px;
  font-size: 15px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
}
.bububule {
  font-family: Bububule, "Comic Sans MS", fantasy;
}
.plongee {
  font-family: Plongee, Comic Sans MS, fantasy;
}
.nomPage {
  padding-top: 30px;
  font-size: 25px;
  color: #0000FF;
  text-align: center;
}

.modification {
  padding-top: 30px;
  font-size: 17px;
  font-style: italic;
  color: black;
  text-align: center;
}

.introduction {
  padding-top: 15px;
  font-size: 16px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: black;
  text-align: left;
}

.nomEntreprise {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 15px;
  color: #0000FF;
  display: inline;
}

.titre {
  padding-top: 15px;
  font-size: 23px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: left;
}

.texte {
  padding-top: 15px;
  font-size: 15px;
  color: black;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  display: inline;
}

.texteDecalageDroite  {
  font-size: 15px;
  color: black;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 30px;
}
/*!
* Gestion des polices d"écriture pour la page News
 */

.datePublicationNews {
  padding-top: 30px;
  font-size: 17px;
  font-style: italic;
  color: black;
  text-align: center;
}

.titreNews {
  padding-top: 10px;
  font-size: 18px;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  color: #0000FF;
  text-align: center;
}

.texteDecalageDroiteNews  {
  font-size: 15px;
  color: black;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  text-align: left;
  padding-left: 30px;
  display: inline;
}
/*!
* Couleur des liens mails
 */

.mail a:link {
  color: black;
  background-color:transparent;
  text-decoration:none;
}

.mail a:visited {
  color: black;
  background-color:transparent;
  text-decoration:none;
}

.mail a:hover {
  color: black;
  background-color: transparent;
  text-decoration: underline;
}
.mail a:active {
  color: black;
  background-color:transparent;
  text-decoration:underline;
}

/*!
* Couleur des liens avec la classe lien-rouge
 */

.lien-rouge a:link {
  color: red;
  color: #cf0e37;
  background-color:transparent;
  text-decoration:none;
}

.lien-rouge a:visited {
  color: #cf0e37;
  background-color:transparent;
  text-decoration:none;
}

.lien-rouge a:hover {
  color: red;
  background-color: transparent;
  text-decoration: none;
}
.lien-rouge a:active {
  color: red;
  background-color:transparent;
  text-decoration:none;
}

/*!
* Couleur des balises a avec la class lien
 */

.lien a:link {
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}

.lien a:visited {
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}

.lien a:hover {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}
.lien a:active {
  color: #ffffff;
  background-color:transparent;
  text-decoration:none;
}

/*!
* Gestion police 404
 */
.erreur404 a:link {
  color: #000000;
}

.erreur404 a:visited {
  font-family: Bububule, "Comic Sans MS", fantasy;
  color: #000000;
  background-color:transparent;
  text-decoration:none;
}

.erreur404 a:active {
  font-family: Plongee, Comic Sans MS, fantasy;
  color: #000000;
  background-color:transparent;
  text-decoration:none;
}

.erreur404 p {
  font-family: Bububule, "Comic Sans MS", fantasy;
  color: #0000FF;
  background-color:transparent;
  text-decoration:none;
}

.erreur404 p:hover {
  font-family: Plongee, Comic Sans MS, fantasy;
  color: #0000FF;
  background-color: transparent;
  text-decoration: none;
}

.fondBleu {
  background-color: #2942D6;
}



/*!
* Redimentions pour les téléphones et tablettes
 */

@media screen and (max-width: 1024px) {
  #telephone {
    padding-right: 90px;
  }

  #logo {
    display: none;
  }
  .imagesPlongeur {
    width: 220px;
    height: 315px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #diapoAccueil {
    display: unset;
  }
  #logoPreFooterPc {
    display: none;
  }
  #logoPreFooterTel {
    width: 110px;
    height: 110px;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .imageLogo {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .imageLogo img{

    width: 162px;
    height: 160px;
    display: block;
    margin-left: auto;
    margin-right: auto
  }

  .texteDiaporama, .PartA, .PartB, .PartC, .PartD {
    font-size: 30px;
  }
  .PartE {
    font-size: 25px;
  }
  .PartF {
    font-size: 20px;
  }
  .PartG {
    font-size: 23px;
  }
  .container {
    padding-top: 40px
  }
  #tarifsExplorations {
    padding-top: 10%;
  }
  .erreur404  img{
    width: 100%;
    height: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .erreur404 p{
    font-size: 20px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .nomPage {
    font-size: 25px;
    color: #0000FF;
    text-align: center;
  }
  .FooterDroite, .FooterMilieu,.footerGauche {
    text-align: center;
  }

}
@media screen and (min-width: 1080px) {
  #logoContact {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 324px;
    height: 321px
  }
}
@media screen and (max-width: 1080px) {
  #logoContact {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 180px;
    height: 190px;
  }
}

/*!
* Redimentions pour les ordinateurs
 */

@media screen and (min-width: 1024px) {

  .FooterDroite {
    text-align: right;
  }

  .FooterMilieu {
    text-align: center;
  }

  .footerGauche {
    text-align: left;
  }
  .PartB, .PartC, .PartD {
    font-size: 50px;
  }
  .PartE {
    font-size: 35px;
  }
  .PartF {
    font-size: 30px;
  }
  .PartG {
    font-size: 35px;
  }

  #logoPreFooterPc {
    display: unset;
  }
  #logoPreFooterTel {
    display: none;
  }
  #diapoAccueil {
    display: none;
  }
  #logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #tarifsExplorations {
    padding-top: 40%;
  }
  .erreur404  img{
    width: 150%;
    height: 150%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .erreur404 p{
    font-size: 40px;
    text-align: center;
    padding-top: 120px;
  }

}

/* Les news */

.card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid grey;
  border-radius: 0.75rem;
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.card-body {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}

.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);

}

.card-header:first-child {
  border-radius: calc(0.75rem - 1px) calc(0.75rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
  border-top: 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(0, 0, 0, 0.03);
  border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
  border-radius: 0 0 calc(0.75rem - 1px) calc(0.75rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img,
.card-img-top,
.card-img-bottom {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-deck {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-right: -15px;
    margin-left: -15px;
  }
  .card-deck .card {
    -ms-flex: 100%;
    flex: 100%;
    margin-right: 15px;
    margin-bottom: 0;
    margin-left: 15px;
  }
}

.card-group > .card {
  margin-bottom: 15px;
}

@media (min-width: 576px) {
  .card-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
  .card-group > .card {
    -ms-flex: 100%;
    flex: 100%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
  .card-columns {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 1.25rem;
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}