/*
Theme Name: Vantage Child
Template: vantage
*/

@import url("../vantage/style.css");

/* Vos CSS personnalisés ici */

#newsTitle {
	background-color: blue;
}

form.cf7plongeur {
	background: transparent;
	padding: 2em;
	box-shadow: 0 0 1em rgba(0,0,0,.03);
	color: #30719C;
}

form.wpcf7-form input[type="submit"] {
	padding: 1em;
	border: 2px solid #010f18;
	box-shadow: none;
	background: #022136;
	color: #ffffff;
	text-decoration: none;
	font-size: 1em;
}


#masthead .hgroup .support-text {
  color: #006e9e;
  font-size: 2em;
  font-style: normal;
  text-transform: uppercase;
}

.main-navigation ul li > a {
  padding-right: 15px;
  padding-left: 15px;
  text-transform: uppercase;
}

body.layout-full {
  background: #012a68;
  background-image: url("http://medias.unoceandevie.com/wp/2017/05/back.jpg");
  background-position: center 25px;
  background-repeat: no-repeat;
}

#masthead {
  background: initial;
  padding-left: 0;
  padding-right: 0;
}

.hgroup-wrapper {
  margin-top: 25px;
  background: #fcfcfc;
}

#main .full-container {
  background: #fcfcfc;
  padding-left: 25px;
  padding-right: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  max-width: 1030px !important;
}

.full-container::after {
  display: block;
  content: "";
  clear: both;
}


#main {
  padding-top: 0;
  padding-bottom: 0;
  background: initial;
}


/*
.main-navigation {
  background-color: #fff;
}
*/

/*
.main-navigation a {
  color: #337ab7;
  font-weight: normal;
}
*/
/*
#footer-widgets .widget:last-child {
  width: 30%;
}
*/

#colophon .widget_nav_menu .menu-item a {
  border: none;
}

#main-slider {
  background: initial;
}

.iw-so-article-thumb, .iw-so-article-content {
  box-sizing: border-box;
}



form.cf7plongeur {
		background: transparent;
		padding: 2em;
		box-shadow: 0 0 1em rgba(0,0,0,.03);
		color: #30719C;
}

form.wpcf7-form input [type="submit"] {
	padding: 1em; /* Ajout d'un espace dans le bouton */
	border: 2px solid #010f18; /* Bordure du bouton */
	box-shadow: none; /* Supprime l'ombre du bouton */
	background: #022136; /* Couleur de fond du bouton */
	color: #ffffff; /* Couleur du texte du bouton */
	text-decoration:none; /* Supprime soulignement */
	font-size: 1em; /* Taille du texte du bouton */
}/* Style de base pour les images */

/* ***** Photo Panel ***** */


/* Style de base pour les images */
.photo-panel {
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

/* Style pour les figures */
.panel-figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 300px; /* Largeur maximale pour les figures */
}


.panel-image {
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: cover; /* Pour s'assurer que les images couvrent leur espace */
}


/* Style pour les légendes */
.panel-caption {
    margin-top: 8px; /* Espacement au-dessus des légendes */
    text-align: center;
    font-size: 14px; /* Taille de police pour les légendes */
    color: #333; /* Couleur du texte des légendes */
}


/* Si une image est plus haute, elle sera centrée verticalement */
.photo-panel .panel-image {
    display: block;
    max-height: 100%;
    margin: auto 0;
}



/* Style pour les appareils mobiles */
/*@media (max-width: 767px) {
    .photo-panel {
        flex-direction: column;
        align-items: center;
    }
}*/



/* Style de base pour le panneau d'images */
/*.photo-panel {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
*/

/* Style pour les images */
/*.panel-image {
    flex: 1 1 30%; 
    max-width: 30%;
    height: auto;
    object-fit: cover; 
    border-radius: 10px; 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    margin: 10px; 
}*/

/* Classe pour la bordure floue bleue */
.blue-blur-border {
    /* box-shadow: 0 4px 8px rgba(0, 0, 255, 0.3);*/ /* Ombre bleue floue */
    box-shadow: 0 4px 8px rgba(48,113, 156, 0.3); /* Ombre bleue floue */
}

/* Effet de survol */
.panel-image:hover {
    transform: scale(1.05); /* Légère mise à l'échelle */
}

.panel-image.blue-blur-border:hover {
    /* box-shadow: 0 8px 16px rgba(0, 0, 255, 0.6); */ /* Ombre plus intense au survol */
    box-shadow: 0 8px 16px rgba(48, 113, 156, 0.6); /* Ombre plus intense au survol */
		/* 48, 113, 156 */
}


/* Style pour les appareils mobiles */
@media (max-width: 767px) {
    .photo-panel {
        flex-direction: column;
        align-items: center;
    }
    .panel-image {
        width: 80%; /* S'assure que les images ne sont pas trop larges sur mobile */
        max-width: none; /* Retire la contrainte de largeur max pour les petits écrans */
        margin: 10px 0; /* Marges verticales sur mobile */
    }
		
		.panel-figure {
        width: 80%; /* S'assure que les images ne sont pas trop larges sur mobile */
        max-width: none; /* Retire la contrainte de largeur max pour les petits écrans */
        margin: 10px 0; /* Marges verticales sur mobile */
    }
}


/* ***** Image option ***** */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

img.bordered {
    border: 2px solid #000;
    padding: 5px;
}


/*** pour aligner texte et image ****/
.text-image-container {
    display: flex;
    align-items: center;
    gap: 10px; /* Ajuste l'espacement entre le texte et l'image */
}

.text-image-container span {
    font-size: 16px; /* Ajuste la taille du texte si nécessaire */
}

/*** bouton Acheter ****/
.buy-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff; /* Couleur de fond bleue */
    color: white; /* Texte blanc */
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none; /* Enlève le soulignement du lien */
    border-radius: 5px; /* Bords arrondis */
    transition: background-color 0.3s ease, transform 0.3s ease; /* Effet de transition */
}

.buy-button:hover {
    background-color: #0056b3; /* Couleur du fond au survol */
    transform: scale(1.05); /* Légère mise à l'échelle du bouton */
}

.buy-button:active {
    transform: scale(1); /* Annule la mise à l'échelle au clic */
}

/* Pour un meilleur contraste du texte */
.buy-button {
    color: #fff !important; /* S'assure que le texte reste blanc */
}

.clignotant {
            color: red;
            animation: clignoter 1s infinite;
        }

        @keyframes clignoter {
            0%, 100% {
                color: red;
            }
            50% {
                color: black;
            }
        }
.pulse {
            animation: pulse 2s infinite;
        }

        @keyframes pulse {
            0% {
                font-size: 16px;
            }
            50% {
                font-size: 32px;
            }
            100% {
                font-size: 16px;
            }
        }


/* *** Pour la page de la Web Series *** */
.gsc-video-box .image {
  position: relative;
  display: inline-block;
}

.gsc-video-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

.gsc-video-box .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25%;
  height: auto;
  aspect-ratio: 1/1;
  background: rgba(255,255,255,0.7);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

/*
.gsc-video-box .play-triangle {
  display: block;
  width: 0;
  height: 0;
  border-left: 40px solid #30719C;
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
*/

.gsc-video-box .play-triangle {
  position: absolute;
  left: calc(50% + 5px);   /* décale de 5px vers la droite */
  top: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  border-left: 32px solid #30719C;      /* triangle bleu; #2196f3 mets white (#fff) pour blanc pur */
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  z-index: 2;
}



.gsc-video-box[id] {
  position: relative;
  padding-top: 150px;   /* hauteur estimation du header / scroll offset */
  margin-top: -100px;   /* même taille en négatif pour pas modifier la mise en page */
}


.accordion {
  width: 100%;
  max-width: 600px;
  margin: 1rem auto;
}

.accordion-item {
  border: 1px solid #ccc;
  margin-bottom: 0.5rem;
  border-radius: 5px;
}

.accordion-header {
  background: #eee;
  cursor: pointer;
  padding: 0.5rem 1rem;
  font-weight: bold;
}

.accordion-content {
  display: none;
  padding: 0 1rem 1rem;
}

.accordion-content a {
  display: block;
  padding: 0.3rem 0;
  color: #1976d2;
  text-decoration: none;
}

.accordion-content a:hover {
  text-decoration: underline;
}



/* Loupe recherche UNIQUEMENT */
.main-navigation .search-toggle,
.navigation .search-toggle {
    display: none !important;
}




/*
.full-container .ms-default-image {
    display: none !important;
    height: 0 !important;
}

.full-container img {
    opacity: 0 !important;
}
*/