p {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none;
    outline: none;
}

a:hover {
    text-decoration: underline;
}

.gras {
    font-weight: bold;
}

.souligne {
    text-decoration: underline;
}

.italique {
    font-style: italic;
}

h1 {}

h2 {}

.img-card{
  display:inline-block;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fafafa);
  transition:transform var(--transition-time) ease, box-shadow var(--transition-time) ease;
  will-change:transform,box-shadow;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.img-card img{
  display:block;
  width:100%;
  height:auto;
  vertical-align:middle;
  transition:transform var(--transition-time) ease;
}

/* hover effect */
.img-card:hover{
  transform: translateY(-6px) scale(1.01);
  box-shadow: 0 12px 40px var(--shadow-color);
}

.img-card:hover img{
  transform: scale(1.02);
}



.imageDroite {
    float: right;
    margin: 5px 0 0 21px;
}

.imageGauche {
    float: left;
    margin: 5px 21px 0 0;
}

.imageCentre {
    text-align: center;
}

.liste {
    line-height: 21px;
    list-style-position: inside;
    margin: 0;
    padding: 0;
}

.liste li {
    list-style-type: square;
    font-size: 18px;
}

.vert {
    color: #209a08;
}

.rouge {
    color: #d40202;
}

.bleu {
    color: #007098;
}

.bleuClair {
    color: #082387;
}

.gris {
    color: #0e1623;
}

.blanc {
    color: #fff;
}

.noir {
    color: #000;
}

.jaune {
    color: #ffe400;
}

.orange {
    color: #ff9000;
}

.couleur {
    color: #022058;
}

.stitre {
    color: #022058;
    font-weight: bold;
}

.btnPdf {
    width: 256px;
    height: 60px;
    background: url('../pict/sprite_telecharger.png') no-repeat 0 -61px transparent;
    display: block;
    text-indent: -9999px;
    font-size: 0;
}

.btnPdf:hover {
    background: url('../pict/sprite_telecharger.png') no-repeat 0 0 transparent;
}

.tableauBase {
    border-collapse: collapse;
    width: 100%;
}

.tableauBase,
.tableauBase th,
.tableauBase td {
    border: 1px solid black;
}

.tableauBase td,
.tableauBase th {
    padding: 8px;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    width: 89px;
}

.blocLeft,
.blocRight {
    float: left;
    width: 450px;
}

#centerContent .blocLeft p,
#centerContent .blocRight p {
    margin: 0;
}

.blocLeft {
    margin-right: 12px;
}

.txtCentreLarge {
    display: block;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
}

.txtPetit {
    display: block;
    font-size: 14px;
    text-align: right;
}

/****************************  Style des galeries statiques  ***********************/
.galerie {
    margin: 0 auto;
    position: relative;
    width: 980px;
}

.galerie2 {
    margin: 0 auto;
    position: relative;
    width: 603px;
}

.boxNavSlider {
    position: absolute;
    top: 175px;
    width: 100%;
    z-index: 100;
}

.boxNavSlider .next,
.boxNavSlider .prev {
    position: absolute;
    display: block;
    width: 45px;
    height: 66px;
    background-image: url('../pict/sprite-fleches-diaporama.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.boxNavSlider .next {
    right: 8px;
    background-position: -45px 0;
}

.boxNavSlider .next:hover {
    background-position: -45px -66px;
}

.boxNavSlider .prev {
    left: 8px;
    background-position: 0 0;
}

.boxNavSlider .prev:hover {
    background-position: 0 -66px;
}

.defilement {}

.bandeauTexte {
    display: block;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    z-index: 10;
    line-height: 30px;
    color: #fff;
    font-weight: medium;
    text-align: center;
    font-family: 'Verdana', century gothic, sans-serif;
}

.bandeauTexte span {
    font-size: 17px;
    margin-right: 8px;
}


/* DEBUT SLIDER */


.mySlides {
    display: none
}

img {
    vertical-align: middle;
}

/* Slideshow container */
.slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

/* Next & previous buttons */
.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    background-color: #00AFE4;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

/* Position the "next button" to the right */
.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* Caption text */
.text {
    color: #f2f2f2;
    font-size: 15px;
    padding: 8px 12px;
    position: absolute;
    bottom: 8px;
    width: 100%;
    text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* The dots/bullets/indicators */
.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 15px 10px 0px 0px;
    background-color: #00AFE4;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active,
.dot:hover {
    background-color: #007098;
}

/* Fading animation */
.fade {
    animation-name: fade;
    animation-duration: 1.5s;
}

@keyframes fade {
    from {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {

    .prev,
    .next,
    .text {
        font-size: 11px
    }
}

.listePageDetail {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    width: 912px;
}

.listePageDetail li {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 14px;
}

.listePageDetail li:nth-child(4n) {
    margin-right: 0;
}

.listePageDetail li a,
.listePageDetail li span {
    width: 263px;
    height: 403px;
    display: block;
    font-size: 0;
    text-indent: -9999px;
}

#prestationActivitesJournee {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationActivitesJournee:hover {
    background: url('/resource/doc/Prestations/SpritePrestation/SpriteActivitesJourneeRoucan.jpg') no-repeat -0px 0 transparent;
}

#prestationPiscine {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationPiscine:hover {
    background: url('/resource/doc/Prestations/SpritePrestation/SpritePiscineRoucan.jpg') no-repeat -213px 0 transparent;
}

#mobilHomesStandard2Chambres {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#mobilHomesStandard2Chambres:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationAnimationsSoirees {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationAnimationsSoirees:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationBarRestaurant {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationBarRestaurant:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationPlagePinede {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationPlagePinede:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationEvenements {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationEvenements:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationPartenariat {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationPartenariat:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationLivraisonCourses {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationLivraisonCourses:hover {
    opacity: 0.5;
    background-color: #007098;
}

#prestationSalleDeJeux {
    background: url('/resource/doc/MobilHomes/mobilHomesAccueil/TestImg.jpg')
}

#prestationSalleDeJeux:hover {
    opacity: 0.5;
    background-color: #007098;
}

/* MENU MOBILHOME IMAGE HOVER BLEUE */

.container {
    position: relative;
    width: 263px;  /* largeur bloc image */
    height: 403px; /* hauteur bloc image */
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}

.image {
    opacity: 1;
    display: block;
    width: 263px; /* largeur bloc image */
    height: 403px; /* hauteur bloc image */
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle { /* Bloc-container du texte */
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    top: 50%;  /* Position du texte */
    left: 50%;  /* Position du texte */ 
}

.container:hover .image {
    opacity: 0.3; /* Transparence : de 0 transparent à 1 opaque */
}

.container:hover { background-color: #00AFE4;} /* Couleur du hover (le fond) */ 

.container:hover .middle {
    opacity: 1;
}

.texte_mobilhome {
  color: white; /* Couleur du texte */
  font-size: 24px;  /* Taille du texte */ 
}

/* FIN MENU MOBILHOME IMAGE HOVER BLEUE */