/*
Theme Name:storefront-otoptv
Description:SITE DE OTOP-TV
Author:Jean-Pierre OTOP
Template:storefront
*/
#site-header-cart {display: none;}
.widget_media_image{background-color:#ddd;padding:5%;text-align:center;margin-bottom:10%;color:#000;}
.wp-image-11{margin:0 auto;}
.widget_categories{background-color:#ddd;padding:5%;margin-bottom:10%;color:#000;}
.widget .widget-title{font-weight:900;color:#000;}
.monmenu1 a {
padding: 3px !important;
}
#menu-menuhaut{line-height:0.3em;padding:0.3em;}
.menu-item{padding:0.3em !important;background-color:none;color:black;}

.main-navigation ul.menu > li > a, .main-navigation ul.nav-menu > li > a{padding:0.6em;}
.vote-reset{padding:0px 8px;border-radius: 80px;}
.btvote{padding:0px 0px 0px 10px;border-radius: 100px;background-color:#dddddd;margin:0px 10px 0px 0px;}
.wp-block-audio {display: flex;flex-direction: column-reverse;margin:0;}
.wp-block-audio audio {min-width: 250px;line-height: 0.5;margin:0;}
.hentry .entry-content .wp-block-audio  {margin:0;}
figcaption{font-weight:900;font-size:20px;border:1px solid black;}
figure.wp-block-audio{margin:0;padding:0;font-size:20px;}
figcaption.wp-element-caption{margin:0;font-size:18px;padding:5px;}
.vote-form{border:2px solid #000000;border-top:0;text-align:center;padding:10px 0px;}
h3.wp-block-heading{margin:0px;}
h2,h3,h4,h5,h6{text-transform: uppercase;font-weight:900;}
h1{text-transform: uppercase;font-weight:300;}
.pageaccueil_listearticles{padding:0px;}
.wp-block-latest-posts__list{padding:20px;}
a.wp-block-latest-posts__post-title, time.wp-block-latest-posts__post-date{padding:0px 20px;}
/**/
.widget{margin:0 0 0 0.08em;}
/*
COULEUR DE FOND #12B9FC
*/
.otop-bouton a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
}

.wp-block-details{background-color:#91C3D9;open}

/* #masthead{height:780px;}
 /** GPT Bannière principale */
 #masthead {
 min-height: 420px;
 height: 25vw;
 max-height: 780px;
 /*max-height: 1080px;/*780px*/

 /*max-width:50%;aspect-ratio: auto;*/

 background-size: cover;
 background-position: center center;
 background-repeat: no-repeat;

 background-size: contain;
 background-repeat: no-repeat;
 }

 /* Tablettes */
 @media screen and (max-width: 768px) {
     #masthead {
     min-height: 300px;
     height: 50vw;
     background-position: center center;
     }
 }

 /* Smartphones */
 @media screen and (max-width: 480px) {
     #masthead {
     min-height: 220px;
     height: 58vw;
     background-position: center center;
     }
 }

 /* MENU PRINCIPAL OTOP */

 #secondary .wp-block-buttons {
 display: block;
 }

 #secondary .otop-bouton {
 width: 100%;
 margin-bottom: 8px;
 }

 #secondary .otop-bouton .wp-block-button__link {
 display: block;
 width: 100%;
 box-sizing: border-box;

 background: #76D7FE;
 color: #000000;

 border: 2px solid #4ABEEA;
 border-radius: 6px;

 padding: 12px 10px;

 text-align: center;
 text-decoration: none;
 font-weight: 600;

 transition: all 0.3s ease;
 /**box-shadow: 0 3px 8px rgba(0,0,0,.15);*/
 box-shadow: 6px 6px 10px grey ;
 }

 /* Survol souris */

 #secondary .otop-bouton .wp-block-button__link:hover {
 background: #4ABEEA;
 color: #ffffff;
 }

 /**    BANNIÈRES PERSONNALISÉES PAR CATÉGORIES     **/

 /* Bannière par défaut du site */
 #masthead {
 background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-OTOP-GENERALE-50.jpg");
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
 /* #masthead{position:relative;}*/
 z-index:5;
 }
 /* Cartouche saison */
 .otop-saison{position:absolute;top:60px;left:20px;z-index:100;}
 /* Image */
 .otop-saison img{width:650px;max-width:55vw;height:auto;}
 div.otop-saison h3{font-size:20px;}

 /* Le header devient le support de positionnement */
 body.home #masthead { position: relative; z-index: 1; overflow: hidden;}
 /* Image saison OTOP */
 body.home #masthead::before {content: "";position: absolute;top: 30px;left: 20px;width: 650px;height: 325px;
     background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/260616-saisons-de-vie-OTOP-1000px.jpg");
     background-size: contain;background-repeat: no-repeat;background-position: center;
     z-index: 20;pointer-events: none;}

 /* Texte sous l'image */
 body.home #masthead::after {content: "Les saisons de vie OTOP";position: absolute;top: 385px;left: 10px;width: 650px;font-size: 24px;
     font-weight: 700;text-align: center;color: #76D7FE;z-index: 21;pointer-events: none;}

     @media screen and (max-width: 768px) {

         body.home #masthead::before {
             width: 90%;
             height: 45vw;
             left: 5%;
             top: 30px;
         }

         body.home #masthead::after {
             width: 90%;
             left: 5%;
             top: 250px;
             font-size: 18px;
         }
     }

/* Univers ACTUALITÉS OTOP  */

body.page-id-423 #masthead,
body.category-actuotop #masthead,
body.single-post.category-actuotop #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-ACTU-50.jpg") !important;
}

/* Univers Lieux - Tourisme */

body.page-id-419 #masthead,
body.page-id-458 #masthead,
body.page-id-469 #masthead,
body.category-lieux-tourisme #masthead,
body.single-post.category-lieux-tourisme #masthead,
/* body.category-nievre #masthead,*/
body.single-post.category-nievre #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-TOURISME-50.jpg") !important;
}

/* Univers Chansons */
body.page-id-221 #masthead,
body.category-chansons #masthead,
body.single-post.category-chansons #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-CHANSONS-50.jpg") !important;
}

/* Univers Savoirs */
body.page-id-220 #masthead,
body.category-partage-de-savoirs #masthead,
body.single-post.category-partage-de-savoirs #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-SAVOIRS-50.jpg") !important;
}

/* Univers OTOP Confidence */
body.page-id-219 #masthead,
body.category-otopconfidence #masthead,
body.single-post.category-otopconfidence #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-CONFIDENCE-50.jpg") !important;
}

/* Univers PREMIUM */
body.page-id-439 #masthead,
body.category-otoppremium #masthead,
body.single-post.category-otoppremium #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-PREMIUM-50.jpg") !important;
}

/* PAGE A PROPOS */
body.page-id-424 #masthead,
body.category-apropos #masthead,
body.single-post.category-apropos #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-A-PROPOS-50.jpg") !important;
}

/* PAGE CONTACT */
body.page-id-218 #masthead,
body.category-otopcontact #masthead,
body.single-post.category-otopcontact #masthead {
    background-image: url("http://jeanpierre-otop.fr/wp-content/uploads/sites/51/2026/06/BAN-CONTACT-50.jpg") !important;
}



/* CARTE DE FRANCE */
/* Carte France OTOP */

.otop-carte-france {
    position: relative;
    max-width: 1100px;
    margin: 30px auto;
}

.otop-carte-france img {
    width: 100%;
    height: auto;
    display: block;
}

.otop-carte-france .region {
    position: absolute;
    transform: translate(-50%, -50%);
    background: rgba(255,255,255,0.88);
    color: #003a60;
    border: 1px solid #76D7FE;
    border-radius: 8px;
    padding: 6px 10px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    line-height: 1.15;
    box-shadow: 0 2px 5px rgba(0,0,0,.18);
}

.otop-carte-france .region small {
    font-size: 10px;
    font-weight: 400;
}

.otop-carte-france .region:hover {
    background: #76D7FE;
    color: #000;
}

/* Positions approximatives sur la carte */

.region-bretagne { left: 24%; top: 36%; }
.region-normandie { left: 36%; top: 26%; }
.region-hauts { left: 52%; top: 15%; }
.region-grandest { left: 66%; top: 31%; }
.region-idf { left: 50%; top: 34%; }
.region-centre { left: 46%; top: 42%; }

.region-bourgogne { left: 59%; top: 37%; }
.region-franchecomte { left: 69%; top: 48%; }

.region-pdl { left: 35%; top: 45%; }
.region-na { left: 39%; top: 63%; }
.region-ara { left: 59%; top: 65%; }
.region-occitanie { left: 51%; top: 80%; }
.region-paca { left: 69%; top: 77%; }
.region-corse { left: 77%; top: 83%; }

/* Boutons texte sous la carte */

.otop-liste-regions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 25px auto 40px;
}

.otop-liste-regions a {
    background: #76D7FE;
    color: #000;
    border: 2px solid #4ABEEA;
    border-radius: 6px;
    padding: 10px 14px;
    text-decoration: none;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0,0,0,.15);
}

.otop-liste-regions a:hover {
    background: #4ABEEA;
    color: #fff;
}

/* Mobile : on cache les noms sur la carte, on garde les boutons texte */

@media screen and (max-width: 700px) {
    .otop-carte-france .region {
        display: none;
    }
}