/* CSS Document - rzn 2018-02-26 Chloé */
/* Accueil */

.accueil_bouton_acheter {padding:10px 20px; background-color:#999999;}
.PleineLargeur {position:relative; width:100%;}
.PleineLargeur::after {content:""; display:table; clear:both;}
.accueil_manchette_fiche img {max-width:100%; height:auto;}

.accueil_manchette_card {display:flex; flex-wrap:wrap; gap:20px; align-items:flex-start; margin-bottom:20px;}
.accueil_manchette_card_image {flex:1 1 240px; max-width:100%;}
.accueil_manchette_card_image img {width:100%; height:auto; display:block;}
.accueil_manchette_card_texte {flex:2 1 300px; min-width:0;}

@media (max-width:48em) { /* Telephone */
#Contenu {width:100%; height:100%; top:0px; padding-top:48px; padding-bottom:25px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.accueil_manchettes_liste {margin:0;}
.accueil_manchette_fiche {width:100%; overflow:hidden;}
.accueil_manchette_top {width:100%;}
.accueil_presse {position:relative; display:inline-block; width:95%; margin-bottom:26px; cursor:pointer;}
.accueil_presse_photo {width:95%;}
.accueil_presse_photo img {width:100%; height:auto;}
.accueil_presse_texte {width:100%;}
.accueil_prochains {position:relative; display:inline-block; margin-bottom:30px; width:100%;}
.accueil_dessin {text-align:center; margin-top:12px; margin-bottom:24px;}
.accueil_dessin img {width:25%; height:auto;}
.accueil_chloe {position:absolute; width:80%; left:20%; height:32px; top:15px; font-family:Raleway; font-size:1.5em; font-weight:200;}
}
@media (min-width:49em) and (max-width:62em) { /* Tablette */
#Contenu {width:100%; height:100%; top:0px; padding-top:51px; padding-bottom:25px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.accueil_manchettes_liste {margin:0;}
.accueil_manchette_fiche {width:100%; overflow:hidden;}
.accueil_manchette_top {width:100%;}
.accueil_presse {position:relative; display:inline-block; width:95%; margin-bottom:26px; cursor:pointer;}
.accueil_presse_photo {width:95%;}
.accueil_presse_photo img {width:100%; height:auto;}
.accueil_presse_texte {width:100%;}
.accueil_prochains {position:relative; display:inline-block; margin-bottom:30px; width:100%;}
.accueil_dessin {text-align:center; margin-top:32px; margin-bottom:48px;}
.accueil_dessin img {width:33%; height:auto;}
.accueil_chloe {position:absolute; width:80%; left:20%; height:32px; top:20px; font-family:Raleway; font-size:2em; font-weight:200;}
}
@media (min-width:63em) { /* Desktop */
#Contenu {width:100%; height:100%; top:0px; padding-top:144px; padding-bottom:25px; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.accueil_manchettes_liste {margin:0;}
.accueil_manchette_fiche {width:100%; overflow:hidden;}
.accueil_manchette_top {width:45%; margin-right:5%; float:left;}
.accueil_presse {position:relative; display:inline-block; height:130px; width:48%; opacity:.8; cursor:pointer;}
.accueil_presse:hover {opacity:1;}
.accueil_presse_photo {height:100px; width:160px; float:left;}
.accueil_presse_photo img {width:150px; height:auto;}
.accueil_presse_texte {height:100px; width:calc(100% - 170px); float:left; overflow:hidden;}
.accueil_prochains {position:relative; display:inline-block; margin-bottom:30px; width:100%; opacity:.8; cursor:pointer;}
.accueil_prochains:hover {opacity:1;}
.accueil_dessin {text-align:center; margin-top:36px; margin-bottom:48px;}
.accueil_dessin img {width:30%; height:auto;}
.accueil_chloe {position:absolute; width:96%; max-width:1200px; height:72px; top:48px; text-align:center; padding:0; margin:0 auto; font-family:Raleway; font-size:3.5em; line-height:100%; font-weight:200; z-index:1;}
}

@media (max-width:62em) {
.accueil_prochains img {max-width:75%; height:auto;}
#MediasSociaux {position:absolute; top:60px; height:30px; left:15px; width:200px;}
}
@media (min-width:63em) {
.accueil_prochains img {max-width:60%; height:auto;}
#MediasSociaux {position:relative; top:0; left:0;}
}

/* ----------------------------------------------------------------
   Nouvelles sections accueil (2026-06-25)
   ---------------------------------------------------------------- */

.accueil_section {margin-bottom:2em; padding-bottom:2em; border-bottom:2px solid #999999;}
.accueil_section:last-child {border-bottom:none; margin-bottom:0;}

.accueil_section_titre {font-family:"Raleway",sans-serif; font-size:1.1em; font-weight:700; margin-bottom:1em; text-transform:uppercase; letter-spacing:0.05em;}
.accueil_section_titre a {color:inherit; text-decoration:none;}
.accueil_section_titre a:hover {text-decoration:underline;}

/* Vedette */
.accueil_vedette {display:flex; flex-wrap:wrap; gap:1.5em; align-items:flex-start;}
.accueil_vedette_photo {flex:1 1 260px;}
.accueil_vedette_photo img {width:100%; height:auto; display:block;}
.accueil_vedette_corps {flex:2 1 300px; min-width:0;}
.accueil_vedette_meta {font-size:0.8em; color:#888; margin-bottom:0.5em;}
.accueil_vedette_titre {font-family:"Raleway",sans-serif; font-size:1.3em; font-weight:700; line-height:1.3; margin-bottom:0.75em;}
.accueil_vedette_titre a {color:inherit; text-decoration:none;}
.accueil_vedette_titre a:hover {text-decoration:underline;}
.accueil_vedette_extrait {font-size:0.9em; line-height:1.6;}
.accueil_vedette_extrait img, .accueil_vedette_extrait iframe, .accueil_vedette_extrait table {max-width:100%; height:auto;}
.accueil_lire_suite {margin-top:1.2em;}
.accueil_lire_suite a {font-size:0.9em; font-weight:600; color:#444; text-decoration:none; letter-spacing:0.02em;}
.accueil_lire_suite a:hover {color:#000; text-decoration:underline;}

/* Spectacles */
.accueil_spectacles {display:flex; flex-wrap:wrap; gap:1.5em;}
.accueil_spectacle_item {flex:1 1 180px;}
.accueil_spectacle_item a img {max-width:100%; height:auto; display:block;}
.accueil_spectacle_titre {font-weight:bold; font-size:0.95em; margin-top:0.5em; margin-bottom:0.25em;}
.accueil_spectacle_dates {font-size:0.85em; color:#666;}

/* Articles */
.accueil_articles {display:flex; flex-wrap:wrap; gap:1.5em;}
.accueil_article_item {flex:1 1 260px; display:flex; flex-direction:column; gap:0.6em; min-width:0;}
.accueil_article_photo {flex:none;}
.accueil_article_photo img {width:100%; height:auto; display:block;}
.accueil_article_corps {flex:1; min-width:0;}
.accueil_article_meta {font-size:0.78em; color:#888; margin-bottom:0.35em;}
.accueil_article_titre {font-size:0.95em; font-weight:bold; line-height:1.3; margin-bottom:0.4em;}
.accueil_article_titre a {color:inherit; text-decoration:none;}
.accueil_article_titre a:hover {text-decoration:underline;}
.accueil_article_extrait {font-size:0.82em; line-height:1.5;}
.accueil_article_extrait img, .accueil_article_extrait iframe, .accueil_article_extrait table {max-width:100%; height:auto;}

/* Vidéos */
.accueil_videos {display:flex; flex-wrap:wrap; gap:1.5em;}
.accueil_video_item {flex:1 1 240px; text-align:center;}
.accueil_video_lien img {width:100%; height:auto; display:block;}
.accueil_video_titre {font-size:0.85em; margin-top:0.5em;}

/* Manchettes (carrousel) */
.accueil_manchettes {position:relative;}
.accueil_manchette_nav {display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:1em; margin-bottom:1em;}
.accueil_manchette_nav > *:first-child {justify-self:start;}
.accueil_manchette_nav > *:nth-child(2) {justify-self:center; text-align:center;}
.accueil_manchette_nav > *:last-child {justify-self:end;}
.accueil_manchette_nav button {background:none; border:1px solid #ccc; padding:0.5em 1em; font-size:0.85em; cursor:pointer; color:#444; font-family:"Raleway",sans-serif;}
.accueil_manchette_nav button:hover:not(:disabled) {background:#f4f4f4; color:#000;}
.accueil_manchette_nav button:disabled {opacity:0.35; cursor:default;}
.accueil_manchette_date {font-family:"Open Sans",sans-serif; font-size:1.1em; font-weight:700; text-transform:uppercase; letter-spacing:0.05em; color:#444;}

/* Dossiers de presse */
.accueil_presse_liste {display:flex; flex-wrap:wrap; gap:1em;}
.accueil_presse_item {flex:0 0 100%; display:flex; gap:0.75em; align-items:flex-start; text-decoration:none; opacity:0.85; transition:opacity 0.15s;}
.accueil_presse_item:hover {opacity:1;}
.accueil_presse_item img {flex:0 0 150px; width:150px; height:100px; object-fit:cover; display:block;}
.accueil_presse_meta {flex:1 1 0; font-size:0.8em; line-height:1.4; min-width:0;}
@media (min-width:63em) {
  .accueil_presse_item {flex:0 0 calc(33.33% - 0.67em);}
}