#actupresssport h2,
#cinecol1 h2,
#cinecol2 h2,
#cinsalle h2,
#mod_video .cat_titre h2 a,
.block_d h2,
.block_d_titre,
.block_d_titre a,
.catphp_titre h2,
.cinehor h1,
.cinesalle h2,
.espace_legend,
.flex-caption .gdl-title,
.mdoss2 div a,
.mdoss2_2 div a,
.mdosssuite,
.menunews ul li,
.menuoffre ul li,
.pgcold1 h2,
.pgcold2 h2,
.pgcold3 h2,
.pgcolg1 h2,
.pgcolg2 h2,
.pgcolg3 h2,
.pgh2,
.pglarge h2,
.pglarge2 h2,
.pglarge3 h2,
.pglien,
.suiv_preced,
.texte h2,
.tous,
.tous2,
.trois h2,
.une h2,
.une_agenda_aff a,
.une_cinema_block1 p,
.une_playlist .ytthumb:first-child a,
.ytthumb a .video_legend,
BODY,
DIV,
SPAN,
TD,
a .dos_actu_legend,
h2.mo {
  font-family:Arial,Verdana,sans-serif
}
#menu_principal,
#topsearch2,
header {
  z-index:100
}
#topage22,
.plus_lien {
  height:32px
}
#audioPlayer,
#block_facebook,
#endlogo,
.block_img img,
.block_une img,
.fullmap,
.fullmap iframe,
.overlay,
.topage2,
.une_playlist_suite {
  width:100%
}
.fullmap iframe {
  aspect-ratio:16/9;
  min-height:800px
}
#iconmec h2,
#topsearch2,
body,
form.inscription label.form_option {
  text-align:left
}
#cboxBottomLeft,
#cboxMiddleLeft,
hr {
  clear:left
}
#cboxWrapper,
.cboxPhoto {
  max-width:none
}
#playlist li a,
.plus_lien {
  border-bottom:1px solid #ccc
}
#iconreseaux a:hover,
#iconreseaux2 a:hover,
#playlist li a,
#playlist li a:hover,
.cat_suite a:hover,
.navbar .nav>li>a,
.overlay a,
.pglien a:hover,
.topage2 h1 a:hover,
.ytthumb .video_cat a:hover,
.ytthumb a .video_legend,
.ytthumb a:hover .video_legend,
a {
  text-decoration:none
}
.menuoffre ul li::first-letter,
footer h2,
footer h3 {
  text-transform:uppercase
}
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:0 0
}
#debut,
#suite,
.block_une .bd_lien,
.no-js .slides>li:first-child,
article,
aside,
figure,
footer,
header,
hgroup,
html[xmlns] .slides,
nav,
section {
  display:block
}
BODY,
DIV,
SPAN,
TD {
  font-size:13px;
  font-weight:400;
  color:#000;
  line-height:normal
}
body,
html {
  background-color:#fff;
  margin:0;
  padding:0
}
#menu_principal.floatable .brand span,
.chapo,
.topage2 h1,
.topage2 h2 {
  font-family:Raleway,sans-serif
}
#iconreseaux a:hover,
#ribou a:hover img,
#ribou7j a:hover img,
#une_affiche_cine li a:focus img,
#verdon a:hover img,
#verdon7j a:hover img,
.agenda_img a:focus img,
.dos_actu_img a:focus img,
.une_actu_bloc a:focus img,
.une_actu_bloc2 a:focus img,
.video_img a:focus img {
  opacity:.5
}
#btn_loupe {
  font-size:32px;
  cursor:pointer;
  color:#000;
  padding:5px 20px;
  margin:0 0 0 100px
}
#btn_loupe2,
#menu_principal.floatable button #btn_loupe2 {
  font-size:22px;
  cursor:pointer;
  color:#000;
  padding:0;
  margin:0;
  float:right
}
#btn_loupe:hover,
.une_agenda_titre h2 a:hover {
  color:#d71c27
}
#btn_loupe em,
#btn_loupe2 em,
#formrech legend,
#iconreseaux span.label,
#iconreseaux2 span.label,
#menu_principal .brand img,
#menu_principal .navbar .btn-navbar em,
#menumini,
#mod_download .texte img,
#ribou a span,
#ribou7j a span,
#topsearch .recherche,
#topsearch .search_reset em,
#topsearch .search_submit em,
#topsearch2 .recherche,
#topsearch2 .search_reset em,
#topsearch2 .search_submit em,
#verdon a span,
#verdon7j a span,
.agenda_legend span,
.block_d legend,
.block_une span,
.d_libre legend,
.emp_label,
.flex-direction-nav .flex-disabled,
.limit_diviser,
.masso legend,
.nej legend,
.plus_lien span,
caption {
  display:none
}
#hautpage em,
#hautpage span {
  position:absolute;
  display:block;
  text-align:center;
  color:#fff
}
.block_article,
.espaceculture_grid,
.footer_grid,
.grid_organigramme,
.une_actu,
.une_agenda_aff,
.une_agenda_grid,
.une_article_grid,
.une_services,
.une_video {
  display:grid
}
#menu_principal button #btn_loupe2 {
  font-size:29px
}
#hautpage em {
  border-radius:40px;
  font-size:2.5em;
  background:#d71c27;
  width:40px;
  height:40px;
  margin-top:-2.2em;
  right:2em;
  border:4px solid #ccc
}
#hautpage em::before {
  content:"▲";
  color:#fff
}
#hautpage a:focus em,
#hautpage em:hover {
  background:#933;
  color:#000;
  border:4px solid #000
}
#hautpage span {
  right:5em;
  width:50px;
  margin-top:-1em
}
.plus_lien {
  position:relative;
  text-align:center;
  margin-bottom:5em;
  vertical-align:middle
}
.plus_lien em {
  font-style:normal;
  display:inline-block;
  color:#fff;
  border-radius:40px;
  text-align:center;
  font-size:2em;
  background:#d71c27;
  width:30px;
  height:30px;
  border:2px solid #ccc;
  margin:15px 0 0;
  padding:0 0 1px
}
.plus_lien em:hover {
  background:#fff;
  color:#000
}
.mod_agenda_carousel .plus_lien {
  margin-bottom:3em
}
.block_article hr,
.block_d h2 {
  background:#fff
}
#block_facebook,
#cboxContent,
#cboxOverlay,
#menu,
.overlay a {
  background:#000
}
.overlay {
  height:0%;
  position:fixed;
  z-index:1000;
  top:0;
  left:0;
  background-color:rgba(0,0,0,.9);
  overflow-y:hidden;
  transition:.5s
}
.overlay-content {
  position:relative;
  top:25%;
  width:100%;
  text-align:center;
  margin-top:30px
}
.overlay a {
  padding:8px;
  font-size:26px;
  color:#eee;
  display:block;
  transition:.3s
}
#copyright a,
a:hover {
  text-decoration:underline
}
.overlay .closebtn {
  position:absolute;
  top:20px;
  right:45px;
  font-size:60px;
  color:#fff
}
@media screen and (max-height:450px) {
  .overlay {
    overflow-y:auto
  }
  .overlay a {
    font-size:16px
  }
  .overlay .closebtn {
    font-size:40px;
    top:15px;
    right:35px
  }
}
#enune,
#une,
.calcache,
.une h2 {
  position:absolute;
  top:-1999px;
  left:-1999px;
  font-size:1px
}
#toplien {
  position:absolute;
  opacity:0;
  height:auto;
  z-index:1000000;
  background:#eee;
  padding:1em;
  font-size:1.2em;
  top:-1999px
}
#toplien:focus-within {
  position:relative;
  height:auto;
  top:0;
  left:0;
  font-size:1.2em;
  background:#eee;
  padding:1em;
  opacity:1
}
#toplien ul li a:focus,
#toplien ul li a:hover,
#toplien ul li:focus-within,
#toplien ul:focus-within {
  position:relative;
  height:auto;
  top:0;
  left:0;
  background:#eee;
  opacity:1
}
#topage22 a,
a {
  color:#000
}
a:hover {
  color:#666
}
header {
  position:relative;
  height:95px
}
#menu span {
  color:#eee;
  font-size:10px
}
#lg_c_cholet {
  width:65px;
  height:auto;
  margin:15px 0 0
}
.topage2 {
  background:#fff;
  height:101px;
  position:relative
}
.topage2 h1,
.topage2 h2 {
  position:absolute;
  z-index:1000
}
.topage2 h1 {
  font-weight:400;
  color:#000;
  top:7px;
  padding:8px 15px 5px 79px;
  font-size:3.55em
}
.topage2 h2 {
  font-weight:500;
  border:0;
  color:#000;
  top:59px;
  font-size:17px;
  padding:4px 15px 5px 80px
}
#topsearch #search_box,
#topsearch2 #search_box2 {
  position:relative;
  margin-left:auto;
  margin-right:auto;
  background:#fff;
  display:block
}
#topsearch2 #search_box2 #search_zone2 {
  display:inline-block;
  height:60px;
  width:91%
}
#topsearch2 .search_reset {
  color:#333;
  height:58px;
  background:#fff;
  border:0;
  float:right;
  font-size:1.2em;
  text-align:right
}
#topsearch2 .search_submit {
  height:60px;
  background:url("imgpage/loupe2.svg") center/40px 40px no-repeat #d71c27;
  border:#d71c27;
  width:60px;
  padding:0 3px;
  font-size:3em;
  color:#fff;
  float:right;
  text-align:center
}
#topsearch2 #search_limit {
  text-align:center;
  margin:0 0 .5em;
  color:#fff;
  font-size:1.3em;
  font-weight:100
}
#topsearch2 #search_limit label {
  margin-right:10px;
  background:#000;
  padding:2px
}
#topsearch2 #mots20 {
  background:#fff;
  border:0;
  font-size:2em;
  height:60px;
  padding:0 0 0 10px;
  display:inline-block;
  width:80%
}
#topsearch {
  display:inline;
  float:right;
  height:38px;
  right:0;
  margin:8px 24px 0 0
}
#topsearch #search_box #search_zone {
  display:inline-block;
  height:38px;
  width:91%
}
#topsearch .search_reset {
  color:#333;
  height:38px;
  background:#fff;
  border:0;
  float:right;
  font-size:1.2em;
  text-align:right
}
#topsearch .search_submit {
  height:38px;
  background:url("imgpage/loupe2.svg") center/33px 33px no-repeat #d71c27;
  border:#d71c27;
  width:60px;
  padding:0 3px;
  font-size:2em;
  color:#fff;
  float:right;
  text-align:center
}
#topsearch .search_submit:focus,
#topsearch .search_submit:hover,
#topsearch2 .search_submit:focus,
#topsearch2 .search_submit:hover {
  background-color:#933
}
#topsearch #mots2 {
  background:#fff;
  border:0;
  font-size:1.4em;
  height:38px;
  padding:0 0 0 10px;
  display:inline-block;
  width:92%
}
.com1,
.com2 {
  border-left:1px solid #999;
  margin-bottom:10px;
  color:#eee
}
.com1 ul,
.com2 ul {
  margin:20px 20px 0;
  list-style-type:none
}
.com1 li,
.com2 li {
  padding:3px 0
}
#endlogo {
  clear:both;
  height:100px;
  background:url(images/logo23.webp) right no-repeat;
  margin:50px 0 20px
}
#iconreseaux {
  margin:2em 0 5em
}
#iconreseaux ul,
#menu li {
  margin:0
}
#iconreseaux a {
  padding:0
}
#iconreseaux svg {
  width:54px;
  height:auto;
  fill:#fff
}
#iconreseaux a.insta svg {
  width:51px
}
#iconreseaux ul li,
#iconreseaux2 ul li {
  display:inline-block;
  list-style-type:none
}
#iconreseaux ul li {
  margin:2px
}
#iconreseaux2 {
  display:inline-block;
  width:225px;
  margin:10px 0 4px 20px
}
#iconreseaux2 ul {
  text-align:left;
  margin-left:20px
}
#iconreseaux2 ul li {
  position:relative;
  border:0;
  color:#000;
  margin:0 4px;
  background:#fff;
  border-radius:100px;
  padding:5px 5px 8px;
  width:24px;
  height:20px;
  text-align:center
}
#iconreseaux2 ul li:hover {
  background:#d71c27
}
#iconreseaux2 a {
  font-size:1.4em;
  padding:2px 0;
  color:#000
}
.caltable {
  color:#000;
  width:342px;
  text-align:center;
  border:0;
  margin:4px 0 5px 4px;
  background:#fff
}
#head_mois {
  background-color:#cc041a;
  color:#fff
}
.caltable td {
  background:#eee;
  padding:10px
}
.caltable td.caltoday {
  background:#d71c27;
  font-weight:700
}
.calprec {
  float:left;
  text-align:left;
  font-size:1.2em;
  padding-left:0;
  margin-left:-10px;
  border-right:1px solid #fff
}
.calsuiv {
  float:right;
  text-align:right;
  font-size:1.2em;
  padding-right:0;
  margin-right:-10px;
  border-left:1px solid #fff
}
#banniere,
#banniere12,
#iconmec,
#iconmec2,
.adcmap,
.flex-control-nav {
  text-align:center
}
#mag p {
  border-top:1px solid;
  margin-top:1em;
  padding-top:1em
}
#mag p strong {
  font-size:1.125em
}
.calprec a,
.calsuiv a {
  color:#fff;
  padding:10px 15px
}
.calprec a:hover,
.calsuiv a:hover {
  color:#fff;
  background:#000
}
.caltable td.caldays12,
.caltable th {
  background:#666;
  color:#fff;
  padding:10px
}
#copyright a:hover,
.caltable td.caldays12 a,
.d_libre .d_lien1 a,
.d_libre .d_lien2,
.d_libre .d_lien2 a,
.tlc .gdl-slider-title,
.ytthumb a,
table.caltable td.caltoday a {
  color:#fff
}
#menu_p,
#menu_principal {
  position:relative;
  z-index:100
}
#entete,
#entete a {
  color:#555
}
#entete a:not(:first-child):before {
  content:"\00bb";
  padding:5px;
  color:#d71c27
}
.navbar .nav>li>a {
  float:none;
  padding:10px 15px;
  color:#777
}
.agenda_legend,
.dos_actu_legend,
.espace_legend,
.flex-caption {
  width:100%;
  position:absolute;
  left:0;
  bottom:0;
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9));
  padding:5em 1em 2em
}
#mod_video .ytthumb .video_legend,
.agenda_legend,
.dos_actu_legend,
.espace_legend,
.une_video .ytthumb:first-child .video_legend {
  width:auto;
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9));
  padding:2em 2em 1em 1em
}
#mod_video .ytthumb a .video_legend,
.flex-caption .gdl-title,
.une_agenda_aff a .agenda_legend,
.une_playlist .ytthumb:first-child a .video_legend,
a .dos_actu_legend,
a .espace_legend {
  color:#fff;
  font-size:3.5em;
  line-height:1.2em;
  font-weight:700;
  text-shadow:1px 1px 4px #000
}
.une_agenda_aff a .agenda_legend {
  font-size:1.5em;
  width:auto
}
.une_playlist .ytthumb:first-child a .video_legend {
  font-size:1em;
  color:#fff
}
.une_playlist .ytthumb:first-child .video_legend span {
  font-size:.5em
}
.flex-control-nav {
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:3
}
#cboxContent,
#contnu,
#menu_principal,
#poste ul li,
.cat_video,
.mdoss2 div a,
.mdoss2_2 div a,
.ytthumb {
  position:relative
}
.flex-control-paging li a {
  width:20px;
  height:20px;
  display:block;
  background:#999;
  border:1px solid #eee;
  cursor:pointer;
  text-indent:-9999px;
  border-radius:0;
  box-shadow:0 1px 3px rgba(0,0,0,.8)
}
#service_infos ul li,
.pgcold1 ul li,
.pgcolg1 ul li,
.pglarge ul li {
  background-image:url(design/pucenoir.gif);
  background-repeat:no-repeat
}
#contnu,
#iconmec li,
#iconmec2 li {
  border:0;
  background:#fff
}
#footer1 p,
.une_video .ytthumb:first-child a .video_legend span,
footer a {
  color:#eee
}
#mod_video .ytthumb a .video_legend {
  font-size:1.5em
}
.une_video {
  background:#eee;
  margin:0;
  padding:4em 10px
}
.une_article {
  margin:0 0 -2em;
  padding:4em 0
}
.mod_agenda_carousel,
.une_agenda_grid {
  background:#404040;
  padding:2em 40px 0
}
.une_services {
  margin:5em 0
}
.mod_agenda_carousel {
  padding:2em 10px 10px
}
.espaceculture {
  margin:3em 0 5em
}
.une_actu_row1 {
  grid-area:block1
}
.une_actu_row2 {
  grid-area:block2
}
.une_actu_row3 {
  grid-area:block3
}
.une_playlist1 {
  grid-area:playlist1
}
.une_playlist2 {
  grid-area:playlist2
}
.une_playlist3 {
  grid-area:playlist3
}
.une_playlist_suite {
  grid-area:playlist4
}
.agenda_block1 {
  grid-area:agd1
}
.agenda_block2 {
  grid-area:agd2
}
.agenda_block3 {
  grid-area:agd3
}
.agenda_block4 {
  grid-area:agd4
}
.agenda_block5 {
  grid-area:agd5
}
.agenda_block6 {
  grid-area:agd6
}
.block_article,
.une_agenda,
.une_kiosque_block {
  grid-area:block_article
}
.block_suite,
.une_cinema,
.une_service_block {
  grid-area:block_suite
}
.espace_block1 {
  grid-area:espcult1
}
.espace_block2 {
  grid-area:espcult2
}
.espace_block3 {
  grid-area:espcult3
}
.espace_block4 {
  grid-area:espcult4
}
.espace_block5 {
  grid-area:espcult5
}
.espace_block6 {
  grid-area:espcult6
}
.espace_block7 {
  grid-area:espcult7
}
.espace_block8 {
  grid-area:espcult8
}
.dos_actu1 {
  grid-area:dos_actu1
}
.dos_actu2 {
  grid-area:dos_actu2
}
.dos_actu3 {
  grid-area:dos_actu3
}
.dos_actu4 {
  grid-area:dos_actu4
}
.dos_actu5 {
  grid-area:dos_actu5
}
.dos_actu6 {
  grid-area:dos_actu6
}
.footer_grid {
  grid-template-columns:60% 20% 20%;
  grid-template-rows:1fr;
  gap:0 0;
  grid-template-areas:"adcmap com1 com2"
}
.adcmap {
  grid-area:adcmap
}
.com1 {
  grid-area:com1
}
.com2 {
  grid-area:com2
}
.adcmap img {
  width:90%;
  height:auto;
  max-width:842px;
  margin:1em 0 3em
}
#iconmec ul,
#iconmec2 ul {
  width:auto;
  margin-top:5px;
  margin-left:auto;
  margin-right:auto;
  list-style-type:none;
  list-style-image:none;
  padding:0;
  background-image:none
}
#iconmec li,
#iconmec2 li {
  display:inline-block;
  padding:0;
  overflow:hidden;
  width:110px;
  height:110px;
  margin:0
}
#iconmec li a img,
#iconmec2 li a img {
  width:110px;
  height:auto;
  transition-property:width;
  transition-duration:.5s
}
#iconmec li a img:hover,
#iconmec li a:focus img,
#iconmec li a:hover img,
#iconmec2 li a img:hover,
#iconmec2 li a:focus img,
#iconmec2 li a:hover img {
  width:100px
}
#iconmec li:focus-within,
#iconmec2 li:focus-within {
  border:1px solid #00f
}
.partielmap {
  width:74%;
  float:right
}
#poste ul li,
.d_libre a img,
.gville,
.pgcolg1 {
  float:left
}
#service_eau div#sieff,
#service_infos div#si2,
.cat_suite,
.pgcold1 {
  float:right
}
#map {
  z-index:1;
  border:1px solid #666;
  height:650px;
  margin-bottom:1em
}
#map_canvas {
  width:596px;
  height:400px
}
#pano {
  width:596px;
  height:300px
}
.gville {
  width:25%;
  border:1px solid #999;
  background:#eee
}
.mdoss2 div a,
.mdoss2_2 div a {
  font-weight:300;
  font-size:1.4em;
  z-index:10;
  color:#000;
  display:block;
  margin:0;
  padding:2px 5px 10px;
  height:80px
}
.photomdoss2 {
  width:197px;
  height:135px
}
#mag img {
  margin:20px 45px;
  width:315px
}
.chapo img {
  margin:0 0 1em;
  width:100%;
  height:auto
}
.haut_page {
  clear:both;
  display:block;
  text-align:right;
  color:#d71c27;
  font-size:1em;
  margin:1em 0 0;
  padding:2em 0
}
#contnu {
  text-align:left;
  margin-top:0
}
.pgcolg1,
.pglarge,
.pglarge div {
  clear:both
}
.pgcold1,
.pgcolg1 {
  width:47%;
  margin:1.5em 0;
  font-size:1.1em
}
.pgcold1 img,
.pgcolg1 img {
  margin-top:2px
}
.pgcold1 ul,
.pgcolg1 ul,
.pglarge ul {
  list-style-type:none;
  margin:10px 0 0 .5em;
  padding:0
}
.pgcold1 ul li,
.pgcolg1 ul li,
.pglarge ul li {
  padding:0 0 0 16px;
  background-position:0 4px
}
.pgcold1 ul li,
.pgcolg1 ul li {
  padding:0 0 0 15px;
  background-position:0 7px
}
.pgcold1 ul,
.pgcolg1 ul {
  margin:10px 0 0 .5em
}
.imgpgpre {
  margin-bottom:5px;
  width:100%
}
.pglien2 {
  display:block;
  font-weight:700
}
.cat_video,
.ytthumb {
  display:inline-block
}
.pglarge {
  margin:2em 0 1em;
  width:100%;
  font-size:1.1em
}
.pglarge img {
  float:left;
  margin:0 10px 20px 0
}
#banniere,
#banniere12,
.pgcold1 h2,
.pgcold2 h2,
.pgcold3 h2,
.pgcolg1 h2,
.pgcolg2 h2,
.pgcolg3 h2,
.pgh2,
.pglarge h2,
.pglarge2 h2,
.pglarge3 h2,
.separation_titre,
footer,
h1.cat_playlist {
  margin-top:2em
}
#menu a,
#service_infos ul li a,
.pglarge a.pglege {
  font-weight:400
}
.pglarge img.pggdimg {
  margin-top:10px
}
.pglarge img.imgpggf {
  float:right;
  margin:6px 0 0 15px
}
.alimg {
  width:30%;
  height:30%
}
#poste ul li {
  width:48%;
  padding-bottom:5px
}
.emp_form {
  background:#3b8ec2;
  padding:1em
}
.emp_form input,
.emp_form select {
  background:#eee;
  border:1px solid #999;
  padding:0;
  height:30px
}
.styled-select {
  background:url(images/15xvbd5.png) 96% 0 no-repeat;
  height:30px;
  overflow:hidden;
  border:1px solid #000
}
.styled-select select {
  background:0 0;
  border:none;
  font-size:14px;
  height:29px;
  padding:5px
}
.couleur,
.emp_form input {
  background-color:rgba(255,255,255,.8)
}
.emp_form input {
  border:1px solid #000;
  font-size:14px;
  height:32px;
  padding:5px
}
.emp_form .div_submit {
  clear:both;
  display:bock;
  padding-top:1em
}
input#emp_submit {
  float:none;
  background:#96101a;
  color:#fff;
  font-size:1.25em
}
input#emp_submit:hover {
  background:#52050b
}
.cat_video {
  height:220px;
  width:94%
}
.cat_suite {
  height:220px;
  width:30px;
  line-height:220px;
  white-space:nowrap;
  text-align:right
}
.cat_suite a {
  background:#fff;
  border-radius:10px;
  font-size:2em;
  padding:5px 10px;
  box-shadow:0 0 2px 1px rgba(0,0,0,.4)
}
.cat_suite a:hover {
  background:#d71c27;
  color:#fff
}
.ytthumb {
  height:220px;
  width:49.6%;
  overflow:hidden
}
.ytthumb .video_img {
  position:absolute;
  top:-42px;
  overflow:hidden;
  z-index:1
}
.ytthumb .video_img img {
  width:400px;
  transform:scale(1);
  transition:.9s;
  transform-style:preserve-3d
}
#mod_video .dossier .titre h2 {
  font-size:2em;
  margin:-1em 0 2em
}
#mod_video .dossier .texte iframe {
  margin-bottom:2em
}
a .espace_img img {
  width:100%;
  height:auto;
  transform:scale(1);
  transition:.9s;
  transform-style:preserve-3d
}
.une_cinema_block1,
.une_cinema_block2 {
  overflow:hidden;
  margin:0 0 2em
}
.une_cinema_block1 img,
.une_cinema_block2 img {
  width:102%;
  transform:scale(1);
  transition:.9s;
  transform-style:preserve-3d
}
.une_cinema_block1 p {
  color:#fff;
  font-size:1.5em
}
.une_cinema_block1 span a {
  color:#000;
  font-size:1.1em;
  background:#eee;
  padding:4px
}
.une_cinema_block1 span a:last-child:before {
  content:".";
  color:#eee;
  padding:0 10px
}
.une_cinema_block1 span a:hover {
  color:#fff;
  background:#d71c27;
  text-decoration:none
}
#playlist,
.une_cinema_block2 ul {
  list-style:none;
  margin:0;
  padding:0
}
.une_cinema_block2 ul li {
  margin:0;
  padding:0;
  display:inline-block;
  width:116px;
  line-height:0
}
.une_cinema_block1 img:hover,
.une_cinema_block2 ul li img:hover,
.ytthumb a:focus div img,
.ytthumb a:hover div img,
a:focus .espace_img img,
a:hover .espace_img img {
  transform:scale(1.1);
  opacity:.7
}
.une_actu_row a:focus img,
.une_actu_row a:hover img,
.une_agenda_aff a:focus .agenda_img,
.une_agenda_aff a:hover .agenda_img,
.ytthumb a:focus .video_img,
.ytthumb a:hover .video_img,
a:focus .dos_actu_img,
a:focus .espace_img,
a:hover .dos_actu_img {
  background:red
}
.ytthumb .video_legend {
  position:absolute;
  z-index:10;
  bottom:25px;
  padding:6px;
  font-size:1.15em/*! max-width:auto; */
}
.ytthumb a .video_legend span {
  display:block;
  font-size:.8em;
  color:#222;
  margin-top:5px
}
.ytthumb .video_cat a {
  position:absolute;
  z-index:10;
  top:0;
  right:0;
  background:#d71c27;
  color:#fff;
  padding:5px;
  font-weight:700
}
.ytthumb .video_cat a:hover {
  font-weight:700;
  background:#000
}
@media screen and (min-width:2000px) {
  .topage2 {
    background-size:100% auto
  }
  #barrerecherche,
  #topage22 {
    padding-left:0;
    width:1250px;
    margin-left:auto;
    margin-right:auto
  }
  .styled-select {
    width:242px;
    float:left;
    margin-right:13px
  }
  .styled-select select {
    width:270px
  }
  .emp_form input {
    float:left;
    margin-right:13px;
    width:242px
  }
  .emp_form .div_submit {
    text-align:center
  }
  #menu_principal.floatable .nav {
    float:right;
    margin-right:15%;
    max-height:40px
  }
  #barregen {
    background:#000;
    padding:4px 0 6px
  }
}
@media screen and (max-width:1999px) and (min-width:1281px) {
  .topage2 {
    background-size:auto
  }
  #barrerecherche,
  #topage22 {
    padding-left:0;
    width:1250px;
    margin-left:auto;
    margin-right:auto
  }
  .styled-select {
    width:242px;
    float:left;
    margin-right:13px
  }
  .styled-select select {
    width:270px
  }
  .emp_form input {
    float:left;
    margin-right:13px;
    width:242px
  }
  .emp_form .div_submit {
    text-align:center
  }
  #barregen {
    background:#000;
    padding:4px 0 6px
  }
  #btn_loupe {
    display:none
  }
  #menu_principal.floatable .nav {
    float:right;
    margin-right:10%;
    max-height:40px
  }
}
@media screen and (max-width:1280px) {
  .fullmap,
  .fullmap iframe {
    aspect-ratio:16/9;
    min-height:800px
  }
}
@media screen and (max-width:1280px) and (min-width:481px) {
  .styled-select {
    width:187px;
    float:left;
    margin-right:5px
  }
  .styled-select select {
    width:205px
  }
  .emp_form input {
    float:left;
    margin-right:8px;
    width:187px
  }
  .emp_form .div_submit {
    text-align:center
  }
  #menu_principal .nav #btn_loupe,
  #menu_principal.floatable .nav #btn_loupe {
    margin-left:20px
  }
  #topsearch #mots2,
  #topsearch #search_box #search_zone,
  #topsearch2 #mots2,
  #topsearch2 #search_box2 #search_zone2 {
    width:85%
  }
  #topage22 {
    padding-left:20px
  }
  #barregen {
    background:#000;
    padding:4px 0 10px 20px
  }
  #iconreseaux2 {
    display:inline-block;
    width:235px;
    margin:10px 0 0
  }
  #iconreseaux2 ul li {
    border:0;
    color:#000;
    margin:0 4px;
    background:#fff
  }
  #iconreseaux2 a {
    font-size:1.4em;
    padding:2px 0;
    color:#000
  }
  #menu_principal .nav {
    margin-top:25px;
    background:#fff;
    z-index:1000
  }
}
@media screen and (max-width:995px) {
  #menu_principal .nav {
    margin-top:28px;
    background:#fff;
    z-index:1000
  }
  #contnu {
    margin-left:auto;
    margin-right:auto;
    width:90%
  }
  #menu_p,
  #menu_principal,
  .ytthumb .video_img img {
    width:100%
  }
  #contenupage {
    clear:both;
    width:100%;
    padding:20px 0 8px
  }
  #btn_loupe,
  #entete,
  .haut_page,
  .une_cinema_block1 img {
    display:none
  }
  #droite {
    clear:both
  }
  #block_d1 {
    float:left;
    width:346px
  }
  #block_d2 {
    float:right;
    width:346px
  }
  .brand {
    height:18px
  }
  .mdoss2,
  .mdoss2_2 {
    margin:10px 0;
    float:left;
    width:32%;
    padding:.4em 0 .1em
  }
  .mdoss2 {
    margin-right:10px
  }
  .mdoss2 img,
  .mdoss2_2 img {
    width:100%;
    height:auto
  }
  .mdoss2 a div,
  .mdoss2_2 a div {
    font-size:1.3em
  }
  #mod_galeries .cat {
    display:block;
    width:23%;
    float:left;
    margin-right:5px
  }
  .navbar .nav>li>a {
    padding:10px
  }
  #collecte iframe {
    height:700px
  }
  #topsearch {
    width:65%;
    background:#000;
    margin-right:0
  }
  #topsearch #search_box,
  #topsearch2 #search_box2 {
    width:80%
  }
  #barregen {
    background:#000;
    padding:4px 0 0 20px
  }
  #iconreseaux2 {
    display:inline-block;
    width:240px;
    margin:10px 0 0;
    padding:0
  }
  #iconreseaux2 ul li {
    border:0;
    color:#000;
    margin:0 2px;
    background:#fff
  }
  #iconreseaux2 a {
    font-size:1.4em;
    padding:2px 0;
    color:#000
  }
  #menu_principal.floatable .nav {
    margin:0
  }
  #menu_principal.floatable .nav #btn_loupe {
    margin-left:0
  }
  #menu_principal.floatable .navbar .nav>li>a {
    padding:10px 8px
  }
  .floatable #btn_loupe {
    display:block
  }
  .agenda_block,
  .dos_actu,
  .espace_block,
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu {
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:0 0;
    grid-template-areas:"block1 block2" "block1 block3"
  }
  .une_actu_row a img {
    width:105%;
    height:auto
  }
  .une_actu_row .flex-caption {
    padding:0
  }
  .une_actu_row1 .flex-caption .gdl-title {
    font-size:3em
  }
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title {
    font-size:1.6em
  }
  .block_suite,
  .une_agenda_grid,
  .une_article,
  .une_article_grid,
  .une_playlist_suite,
  .une_services,
  .une_video {
    display:block;
    clear:both
  }
  .grid_organigramme {
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr;
    gap:5px 5px;
    grid-template-areas:". . . ."
  }
  .block_article,
  .espaceculture_grid,
  .une_agenda_aff {
    grid-template-rows:1fr 1fr
  }
  .grid_organigramme div {
    padding-bottom:15px
  }
  .block_suite {
    width:100%;
    margin-top:1em
  }
  .une_agenda_aff {
    grid-template-columns:1fr 1fr 1fr;
    gap:20px 10px;
    grid-template-areas:"agd1 agd2 agd3" "agd4 agd5 agd6"
  }
  .une_cinema_block2 ul li {
    width:19.5%
  }
  .agenda_legend,
  .dos_actu .dos_actu_legend,
  .espace_block .espace_legend {
    display:block;
    /*! width:100%; */margin:0;
    padding:0
  }
  .agenda_legend a,
  .dos_actu a .dos_actu_legend,
  .espace_block a .espace_legend {
    font-size:1.8em;
    display:block;
    padding:1em;
    font-weight:100
  }
  .dos_actu a .dos_actu_legend {
    font-size:1.4em
  }
  .une_playlist .ytthumb:first-child a .video_legend,
  .une_playlist .ytthumb:nth-child(2) a .video_legend {
    font-size:1.4em;
    color:#fff;
    font-weight:700
  }
  .une_playlist .ytthumb:first-child a .video_legend span,
  .une_playlist .ytthumb:nth-child(2) a .video_legend span {
    color:#fff
  }
  .une_playlist .ytthumb:first-child,
  .une_playlist .ytthumb:nth-child(2) {
    width:49.5%;
    padding:0;
    margin:0
  }
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9));
    padding:2em 1em 1em 2em;
    margin:0
  }
  #mag img {
    margin:20px 30px;
    width:250px
  }
  .une_service_block {
    margin-top:4em
  }
  .une_video .une_playlist {
    display:block;
    width:100%;
    clear:both
  }
  .une_playlist {
    margin-top:3em
  }
  .une_playlist_titre h2 {
    margin-top:2em
  }
  .une_video {
    padding-bottom:.1em
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2 espcult3 espcult4" "espcult5 espcult6 espcult7 espcult8"
  }
  .block_article,
  .doscult .block_article {
    grid-template-columns:1fr 1fr 1fr;
    gap:15px 6px
  }
  .block_article {
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3" "dos_actu4 dos_actu5 dos_actu6"
  }
  .doscult .block_article {
    grid-template-rows:1fr;
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3"
  }
  .footer_grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto 1fr;
    gap:0 0;
    grid-template-areas:"adcmap adcmap" "com1 com2"
  }
}
@media screen and (min-width:995px) {
  #contnu,
  #entete {
    margin-right:auto;
    margin-left:auto
  }
  #menu_principal .nav {
    margin-top:0;
    background:#fff;
    z-index:1000;
    max-height:40px
  }
  .navbar .nav>li>a {
    padding:10px
  }
  #coulcentre {
    width:97%
  }
  #droite {
    margin:8px 0 0 648px;
    padding:8px 0
  }
  #contenupage {
    clear:both;
    float:left;
    width:635px;
    padding:8px 0
  }
  #entete {
    height:20px;
    font-size:1em;
    padding-top:5px;
    margin-top:5px
  }
  #entete strong {
    padding-left:5px
  }
  #contnu,
  #entete,
  #menu_p,
  #menu_principal {
    width:995px
  }
  #topsearch {
    width:55%/*! background:#fff; */
  }
  #topsearch2 #search_box2 {
    width:55%
  }
  .brand,
  .container,
  .navbar-inner,
  .navbar.navbar-inverse {
    height:22px
  }
  .mdoss2,
  .mdoss2_2 {
    margin:0;
    float:left;
    width:197px;
    padding:.4em 0 .1em
  }
  .mdoss2 {
    margin-right:12px
  }
  .mdoss2 a div,
  .mdoss2_2 a div {
    font-size:1.28em
  }
  #mod_galeries .cat {
    display:block;
    width:191px;
    float:left;
    margin-right:7px
  }
  #mag img {
    margin:20px 30px;
    width:250px
  }
  #iconreseaux2 ul {
    width:995px;
    margin:auto
  }
  #btn_loupe {
    display:none
  }
  .floatable #btn_loupe {
    display:block;
    background-image:url("imgpage/loupe.svg");
    background-repeat:no-repeat;
    background-size:33px 33px;
    background-position:center;
    width:32px;
    height:31px
  }
  .floatable #btn_loupe:hover {
    background-color:red
  }
  .agenda_block,
  .dos_actu,
  .espace_block,
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu {
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:0 0;
    grid-template-areas:"block1 block2" "block1 block3"
  }
  .une_actu_row a img {
    width:105%;
    height:auto
  }
  .une_actu_row .flex-caption {
    padding:5px
  }
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title {
    font-size:1.8em
  }
  .grid_organigramme {
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr;
    gap:5px 5px;
    grid-template-areas:". . . ."
  }
  .grid_organigramme div {
    padding-bottom:15px
  }
  .une_agenda_grid,
  .une_article_grid,
  .une_services {
    grid-template-columns:1fr 330px;
    grid-template-rows:1fr;
    gap:0 0;
    grid-template-areas:"block_article block_suite"
  }
  .une_agenda_grid,
  .une_services {
    gap:0 40px
  }
  .une_article_grid {
    grid-template-columns:1fr 320px;
    gap:0 15px
  }
  .une_agenda_aff,
  .une_video {
    grid-template-columns:1fr 1fr 1fr
  }
  .une_agenda_aff {
    grid-template-rows:1fr 1fr;
    gap:20px 10px;
    grid-template-areas:"agd1 agd2 agd3" "agd4 agd5 agd6"
  }
  .agenda_legend,
  .dos_actu .dos_actu_legend,
  .espace_block .espace_legend {
    display:block;
    width:auto;
    margin:0;
    padding:0
  }
  .agenda_legend a,
  .dos_actu a .dos_actu_legend,
  .espace_block a .espace_legend {
    font-size:1.6em;
    display:block;
    padding:1em;
    font-weight:100
  }
  .espace_block a .espace_legend {
    padding:.5em
  }
  .agenda_legend a {
    padding:60% 10px 15px 15px;
    font-size:1.5em
  }
  .une_cinema_block1 {
    margin:0;
    padding:0
  }
  .une_cinema_block2 ul li {
    width:32.5%
  }
  .une_cinema_block2 ul li img {
    width:100%
  }
  .une_video {
    grid-template-rows:1fr 30px;
    gap:0 3em;
    grid-template-areas:"playlist1 playlist2 playlist3" "playlist4 playlist4 playlist4"
  }
  .une_playlist .ytthumb:first-child a {
    font-size:1.6em
  }
  .une_playlist .ytthumb:first-child {
    width:100%;
    padding:0;
    margin:0
  }
  .une_playlist .ytthumb:nth-child(2) {
    position:relative;
    margin:2em 0;
    clear:both;
    width:100%;
    display:block;
    height:auto
  }
  .une_playlist .ytthumb:nth-child(2) img {
    width:100%;
    height:auto
  }
  .une_playlist .ytthumb:nth-child(2) .video_legend {
    position:relative;
    display:block;
    left:15px;
    top:0;
    margin:0;
    padding:0
  }
  .une_playlist .ytthumb:nth-child(2) a .video_legend {
    color:#000;
    font-weight:700;
    font-size:1.3em
  }
  .une_playlist .ytthumb:nth-child(2) .video_img {
    position:relative;
    width:100px;
    float:left;
    top:0;
    background:red
  }
  .une_playlist .ytthumb:nth-child(2) .video_img img {
    position:relative;
    width:100%;
    float:left
  }
  #iconmec li,
  #iconmec2 li {
    width:100px;
    height:100px;
    margin:0
  }
  #iconmec li a, #iconmec2 li a {display:block;height:100px}
  
  #iconmec li a img,
  #iconmec2 li a img {
    width:100px;
    height:auto;
    transition-property:width;
    transition-duration:.5s
  }
  #iconmec li a img:hover,
  #iconmec li a:focus img,
  #iconmec li a:hover img,
  #iconmec2 li a img:hover,
  #iconmec2 li a:focus img,
  #iconmec2 li a:hover img {
    width:95px
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2 espcult3 espcult4" "espcult5 espcult6 espcult7 espcult8"
  }
  .block_article,
  .doscult .block_article {
    grid-template-columns:1fr 1fr 1fr;
    gap:15px 6px
  }
  .block_article {
    grid-template-rows:1fr 1fr;
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3" "dos_actu4 dos_actu5 dos_actu6"
  }
  .doscult .block_article {
    grid-template-rows:1fr;
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3"
  }
  .mdosssuite ul li a {
    font-size:.9em
  }
  .block_article a .dos_actu_legend {
    padding:40% 10px 10px;
    font-size:1.3em
  }
}
@media screen and (min-width:1200px) {
  .navbar .nav>li>a {
    padding:10px 15px
  }
  #contnu,
  #entete,
  #menu_p,
  #menu_principal {
    width:1200px
  }
  #contenupage {
    clear:both;
    float:left;
    width:820px;
    padding:8px 0
  }
  #droite {
    margin:8px 0 0 853px;
    padding:8px 0
  }
  .mdoss2 a,
  .mdoss2_2 a,
  .mdosssuite,
  .mdosssuite span {
    font-size:1.15em
  }
  .mdoss2 a div,
  .mdoss2_2 a div {
    font-size:1.18em
  }
  .mdoss2,
  .mdoss2_2 {
    margin:0;
    float:left;
    width:240px;
    padding:0
  }
  .mdoss2:nth-last-child(3),
  .mdoss2:nth-last-child(4),
  .mdoss2_2:nth-last-child(2) {
    margin-bottom:0
  }
  .mdoss2 {
    margin-right:36px
  }
  .mdoss2 img,
  .mdoss2_2 img,
  .une_playlist .ytthumb:nth-child(2) img {
    width:100%;
    height:auto
  }
  #iconreseaux2 ul {
    width:1200px;
    margin:auto
  }
  .agenda_block,
  .dos_actu,
  .espace_block,
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu {
    grid-template-columns:2fr 1fr;
    grid-template-rows:1fr 1fr;
    gap:1px 1px;
    grid-template-areas:"block1 block2" "block1 block3"
  }
  .une_actu_row a img {
    width:105%;
    height:auto
  }
  .une_actu_row .flex-caption {
    padding:10px
  }
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title,
  .une_playlist .ytthumb:first-child a {
    font-size:2em
  }
  .une_video {
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 30px;
    gap:0 3em;
    grid-template-areas:"playlist1 playlist2 playlist3" "playlist4 playlist4 playlist4"
  }
  .une_playlist .ytthumb:first-child {
    width:100%;
    padding:0;
    margin:0
  }
  .une_playlist .ytthumb:nth-child(2) {
    position:relative;
    margin:2em 0;
    clear:both;
    width:100%;
    display:block;
    height:auto
  }
  .une_playlist .ytthumb:nth-child(2) .video_legend {
    position:relative;
    display:block;
    left:0;
    top:0;
    margin:0;
    padding:0
  }
  .une_playlist .ytthumb:nth-child(2) a .video_legend {
    color:#000;
    font-weight:700;
    font-size:1.4em
  }
  .une_playlist .ytthumb:nth-child(2) .video_img {
    position:relative;
    width:100px;
    float:left;
    top:0;
    background:red;
    margin-right:15px
  }
  .une_playlist .ytthumb:nth-child(2) .video_img img {
    position:relative;
    width:100%;
    float:left
  }
  .une_agenda_grid,
  .une_article_grid,
  .une_services {
    grid-template-columns:1fr 357px;
    grid-template-rows:1fr;
    gap:0 35px;
    grid-template-areas:"block_article block_suite"
  }
  .block_article,
  .espaceculture_grid,
  .une_agenda_aff {
    grid-template-rows:1fr 1fr
  }
  .une_agenda_grid {
    gap:0 55px
  }
  .une_article .une_playlist_titre {
    margin-bottom:2em
  }
  .une_agenda_aff {
    grid-template-columns:1fr 1fr 1fr;
    gap:25px 25px;
    grid-template-areas:"agd1 agd2 agd3" "agd4 agd5 agd6"
  }
  .agenda_legend,
  .dos_actu_legend,
  .espace_legend {
    display:block;
    width:100%;
    margin:0;
    padding:0
  }
  a .agenda_legend,
  a .dos_actu_legend {
    font-size:1.6em;
    display:block;
    padding:1em;
    font-weight:100
  }
  a .espace_legend {
    font-size:1.7em;
    display:block;
    padding:.5em;
    font-weight:100
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2 espcult3 espcult4" "espcult5 espcult6 espcult7 espcult8"
  }
  .block_article {
    grid-template-columns:1fr 1fr 1fr;
    gap:5px 5px;
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3" "dos_actu4 dos_actu5 dos_actu6"
  }
  .doscult .block_article {
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr;
    gap:10px 10px;
    grid-template-areas:"dos_actu1 dos_actu2 dos_actu3"
  }
  .grid_organigramme {
    grid-template-columns:1fr 1fr 1fr 1fr;
    grid-template-rows:1fr;
    gap:5px 5px;
    grid-template-areas:". . . ."
  }
  .grid_organigramme div {
    padding-bottom:15px
  }
  .mdosssuite ul li a {
    font-size:1em
  }
  .block_article a .dos_actu_legend {
    padding:20px;
    font-size:1.5em
  }
}
@media screen and (max-width:910px) {
  #endlogo,
  .caltable {
    margin:0
  }
  .block_d,
  .caltable {
    width:100%
  }
  .une_actu_row,
  .une_playlist_video .ytthumb {
    position:relative;
    overflow:hidden
  }
  .block_article,
  .grid_organigramme {
    grid-template-columns:1fr 1fr;
    gap:10px 10px
  }
  #menu_principal .nav {
    max-height:none
  }
  #btn_loupe,
  #menu_principal.floatable .nav #btn_loupe,
  #topsearch {
    display:none
  }
  .dropdown-submenu>.dropdown-menu {
    width:auto
  }
  #block_d1,
  #block_d2 {
    float:none;
    text-align:center;
    width:100%
  }
  #block_d1 .menunews,
  #block_d2 .menuoffre,
  .block_d h2 {
    text-align:left
  }
  #mag img {
    margin:20px 15px
  }
  #contnu {
    width:92%
  }
  #mod_galeries .cat {
    display:block;
    width:32%;
    float:left;
    margin-right:5px
  }
  .styled-select {
    width:187px;
    float:left;
    margin-right:5px
  }
  .styled-select select {
    width:205px
  }
  .emp_form input {
    float:left;
    margin-right:8px;
    width:187px
  }
  #iconreseaux {
    text-align:center
  }
  #endlogo {
    height:19em;
    background-position:bottom;
    background-size:auto;
    padding:0
  }
  .overlay .closebtn {
    top:40px
  }
  #topsearch2 #mots2 {
    width:80%
  }
  .mdoss2 div a,
  .mdoss2_2 div a {
    font-size:1.2em
  }
  .grid_organigramme {
    grid-template-rows:1fr 1fr;
    grid-template-areas:". ." ". ."
  }
  .grid_organigramme div {
    padding-bottom:15px;
    margin:0 10px
  }
  .une_actu {
    grid-template-columns:1fr 1fr;
    grid-template-rows:2fr 1fr;
    grid-template-areas:"block1 block1" "block2 block3"
  }
  .une_actu_row a img {
    width:105%;
    height:auto
  }
  .une_actu_row .flex-caption {
    padding:10px
  }
  .une_actu_row1 .flex-caption {
    padding:30px 10px
  }
  .une_video .ytthumb .video_img,
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend {
    position:relative;
    top:0;
    overflow:hidden;
    z-index:1
  }
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend {
    width:auto;
    background:0 0;
    padding:0;
    margin:0
  }
  .une_playlist_video .ytthumb {
    height:auto;
    width:auto;
    display:block;
    float:left;
    border:1px solid transparent
  }
  .une_video .ytthumb:first-child a .video_legend,
  .une_video .ytthumb:nth-child(2) a .video_legend {
    color:#000;
    text-shadow:none;
    font-weight:100
  }
  .une_video .ytthumb:first-child a .video_legend span,
  .une_video .ytthumb:nth-child(2) a .video_legend span {
    color:#000;
    text-shadow:none;
    font-weight:100;
    font-size:.7em
  }
  a .agenda_legend {
    font-size:1.5em;
    font-weight:300;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9));
    padding:2em 1em .8em
  }
  #mod_video .ytthumb .video_legend {
    background:linear-gradient(rgba(0,0,0,0),#000,#000);
    padding:2em 2em 1em
  }
  #mod_video .ytthumb {
    background:#000
  }
  .espace_block a .espace_legend {
    font-size:1.7em;
    display:block;
    padding:.5em;
    font-weight:100
  }
  .espace_block .espace_legend {
    left:0
  }
  .block_article {
    grid-template-rows:1fr 1fr 1fr;
    grid-template-areas:"dos_actu1 dos_actu2" "dos_actu3 dos_actu4" "dos_actu5 dos_actu6"
  }
  .dos_actu a .dos_actu_legend {
    font-size:1.6em
  }
  .doscult .dos_actu a .dos_actu_legend {
    font-size:1.4em;
    padding:10px
  }
  .topage2 {
    border-bottom:1px solid #000
  }
  #barregen {
    background:#fff;
    padding:4px 0 6px;
    text-align:right;
    right:0
  }
  #iconreseaux2 {
    display:inline-block;
    width:auto;
    margin:10px 8px 0 0
  }
  #iconreseaux2 ul li {
    border:0;
    color:#fff;
    margin:0 2px;
    background:#000
  }
  #iconreseaux2 svg {
    fill:#fff
  }
  #iconreseaux2 a {
    font-size:1.4em;
    padding:2px 0;
    color:#fff
  }
  #dmcity_iframe {
    height:850px
  }
}
#gestmax,
#menu_p {
  margin-right:auto;
  margin-left:auto
}
@media screen and (max-width:641px) and (min-width:482px) {
  .fullmap,
  .fullmap iframe {
    aspect-ratio:16/9;
    min-height:700px
  }
  .espaceculture_grid,
  .une_actu {
    grid-template-rows:1fr 1fr 1fr
  }
  .menu {
    width:33%
  }
  #cinecol1,
  #cinecol2,
  #map_canvas,
  #pano,
  .gville,
  .partielmap {
    float:none;
    width:100%
  }
  .menu li {
    padding:5px 0
  }
  #cinecol1,
  #cinecol2 {
    border-right:0
  }
  #endlogo {
    height:19em;
    background-position:bottom;
    background-size:90%;
    margin:0;
    padding:0
  }
  #btn_loupe {
    display:none
  }
  #iconreseaux {
    padding-top:2em
  }
  #hautpage span {
    right:4em;
    width:80px
  }
  header {
    border-bottom:solid px
  }
  #topsearch2 #search_limit {
    font-size:1.2em
  }
  .flex-caption .gdl-title,
  .une_actu_row1 .flex-caption .gdl-title,
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title {
    font-size:2.5em
  }
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu {
    grid-template-columns:1fr;
    gap:5px 0;
    grid-template-areas:"block1" "block2" "block3"
  }
  .une_video .ytthumb:first-child a .video_legend,
  .une_video .ytthumb:nth-child(2) a .video_legend {
    font-size:1.3em
  }
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend {
    margin-bottom:1em
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2 espcult3" "espcult4 espcult5 espcult6" "espcult7 espcult8 ."
  }
  .une_agenda_grid {
    padding:2em 15px
  }
  #menu_principal .nav {
    margin-top:25px;
    background:#fff;
    z-index:1000
  }
}
@media screen and (max-width:556px) {
  .fullmap,
  .fullmap iframe {
    aspect-ratio:9/16
  }
  .fullmap {
    width:95%;
    margin-left:auto;
    margin-right:auto
  }
  #topage22 {
    padding-left:4em
  }
  .mdoss2,
  .mdoss2_2 {
    width:31%
  }
  #mag img {
    margin:20px 5px 20px 0;
    width:auto;
    height:210px
  }
  #contnu {
    width:92%
  }
  #mod_galeries .cat {
    display:block;
    width:48%;
    float:left;
    margin-right:5px
  }
  #poste ul li {
    float:none;
    width:100%
  }
  #endlogo {
    height:17em;
    background-position:bottom;
    background-size:100%;
    margin:0;
    padding:0
  }
  .cat_video {
    height:162px;
    width:93.4%
  }
  .cat_suite {
    height:162px;
    width:30px;
    line-height:162px
  }
  .cat_suite a {
    font-size:1.5em;
    padding:4px 8px
  }
  .ytthumb {
    height:162px;
    width:48%
  }
  .ytthumb .video_img {
    top:-30px
  }
  #btn_loupe,
  .doscult .dos_actu3 {
    display:none
  }
  #topsearch2 #mots2 {
    width:85%;
    font-size:2.5em
  }
  #topsearch2 #search_box2 #search_zone2 {
    width:78%
  }
  #topsearch2 #search_limit {
    font-size:1em;
    margin-bottom:1em
  }
  .limit_diviser {
    display:block;
    margin:10px
  }
  .mdoss2 div a,
  .mdoss2_2 div a {
    font-size:1.1em
  }
  .ytthumb .video_img img {
    width:100%;
    height:auto
  }
  .une_cinema_block2 ul li {
    width:19%
  }
  a .agenda_legend {
    font-size:1.3em;
    font-weight:300;
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9));
    padding:2em 1em 1em
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2 espcult3" "espcult4 espcult5 espcult6" "espcult7 espcult8 ."
  }
  .block_article {
    gap:1px 1px
  }
  .doscult .block_article {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr;
    gap:1px 1px;
    grid-template-areas:"dos_actu1 dos_actu2"
  }
  .dos_actu a .dos_actu_legend {
    font-size:1.4em
  }
  .une_agenda_aff {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"agd1 agd2" "agd3 agd4" "agd5 agd6"
  }
  #dmcity_iframe {
    height:1200px
  }
}
@media screen and (max-width:481px) {
  #menu_p,
  .fullmap {
    margin-right:auto;
    margin-left:auto
  }
  .fullmap,
  .fullmap iframe {
    aspect-ratio:9/16
  }
  #contnu,
  .fullmap {
    width:95%
  }
  #cinecol1,
  #cinecol2,
  #map_canvas,
  #pano,
  .gville,
  .mdoss2,
  .mdoss2_2,
  .partielmap,
  .pgcold1,
  .pgcolg1 {
    float:none;
    width:100%
  }
  .block_suite,
  .mdoss2_2 {
    margin:1em 0 0
  }
  header {
    height:115px
  }
  #mag img {
    margin:20px 10px;
    width:auto;
    height:170px
  }
  #btn_loupe,
  #toplien ul li,
  .contrezo,
  .menu,
  .une_cinema_block2 ul li:first-child,
  .une_playlist .ytthumb:nth-child(2) {
    display:none
  }
  #menumini {
    display:block;
    width:100%;
    border-left:1px solid #999;
    margin-bottom:10px
  }
  #menumini h3 {
    padding-bottom:10px
  }
  #topage22 {
    padding-left:3em;
    height:86px
  }
  #topage22 h1 {
    top:0;
    padding-top:0;
    margin:0 0 0 20px
  }
  #topage22 h2 {
    padding-top:0;
    margin:-8px 0 0 20px
  }
  #topage22 img#lg_c_cholet {
    margin:5px 0 0 20px
  }
  #menu_p {
    clear:both;
    height:40px;
    margin-top:-5px
  }
  .topage2 {
    border-bottom:0;
    height:124px
  }
  #menu_principal .nav {
    margin-top:3px;
    background:#fff;
    z-index:1000
  }
  #toplien {
    position:relative;
    opacity:1;
    height:auto;
    background:#eee;
    padding:0;
    font-size:1.2em;
    top:0
  }
  #toplien ul li:first-child {
    display:block;
    padding:.2em;
    margin:0
  }
  .com1 li,
  .com2 li {
    display:block;
    padding:6px 0
  }
  .com1 li a,
  .com2 li a {
    display:block;
    padding:4px 0
  }
  .bg_actu,
  .bg_pratique,
  .bg_services,
  .bg_vivre {
    background-image:none
  }
  #cinecol1,
  #cinecol2 {
    border-right:0;
    margin:0;
    padding:0
  }
  .mdoss2,
  .mdoss2_2 {
    clear:both;
    margin:1em 0 0;
    border-bottom:1px solid #999
  }
  .aj_campus .mdoss2 img,
  .aj_campus .mdoss2_2 img,
  .mdoss2 img,
  .mdoss2_2 img {
    width:190px;
    height:auto;
    float:left;
    margin:0 10px 10px 0
  }
  .mdoss2 div a,
  .mdoss2_2 div a {
    background:0 0;
    font-size:1.3em
  }
  .block_suite {
    clear:both
  }
  .chapo img,
  .une_playlist .ytthumb img {
    width:100%;
    height:auto
  }
  #mod_galeries .cat {
    display:block;
    width:48%;
    float:left;
    margin-right:5px
  }
  .styled-select {
    width:280px;
    float:none;
    margin:0 0 10px
  }
  .styled-select select {
    width:295px
  }
  .emp_form input {
    float:none;
    margin:0 10px 10px 0;
    width:282px
  }
  #topsearch {
    width:90%;
    background:#fff
  }
  #topsearch2 #search_box2 {
    width:90%
  }
  #topsearch2 #search_limit {
    font-size:1em;
    margin-bottom:1em
  }
  .limit_diviser {
    display:block;
    margin:10px
  }
  .flex-caption,
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend,
  .ytthumb {
    margin-bottom:1em
  }
  #topsearch2 #mots2 {
    width:83%;
    font-size:2em
  }
  #topsearch2 #search_box2 #search_zone2 {
    width:79%
  }
  #endlogo {
    height:15em;
    background-position:bottom;
    background-size:100%;
    margin:0;
    padding:0
  }
  .flex-caption {
    border-top:0;
    border-bottom:2px solid #999;
    position:relative;
    bottom:0;
    background:linear-gradient(#555,#222);
    padding:0
  }
  .dos_actu a .dos_actu_legend,
  .flex-caption div {
    font-size:1.4em
  }
  .flex-control-nav {
    position:absolute;
    right:5px;
    top:5px;
    text-align:center
  }
  .flex-control-paging li a {
    width:10px;
    height:10px;
    display:block;
    background:#666;
    border:0;
    cursor:pointer;
    text-indent:-9999px;
    border-radius:50px;
    box-shadow:none
  }
  .cat_video {
    height:182px;
    width:91%
  }
  .cat_suite {
    height:182px;
    width:30px;
    line-height:362px
  }
  .cat_suite a {
    font-size:2em;
    padding:140px 8px;
    background:#eee;
    box-shadow:none;
    border-radius:0
  }
  .une_actu_row .flex-caption,
  a .agenda_legend {
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9))
  }
  .ytthumb {
    height:182px;
    width:100%
  }
  .ytthumb .video_img {
    top:-80px;
    width:100%
  }
  .ytthumb .video_img img {
    width:480px;
    height:auto
  }
  .une_video .ytthumb .video_legend {
    bottom:0;
    background-color:rgba(255,255,255,.9);
    padding:6px;
    font-size:1.25em;
    max-width:80%;
    width:80%
  }
  #iconreseaux {
    padding-top:2em
  }
  #hautpage span {
    right:4em;
    width:80px
  }
  .flex-caption .gdl-title,
  .une_actu_row1 .flex-caption .gdl-title,
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title {
    font-size:2em
  }
  .une_actu {
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:10px 0;
    grid-template-areas:"block1" "block2" "block3"
  }
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu_row .flex-caption {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    padding:5em 1em 0;
    border-bottom:0;
    margin-bottom:0
  }
  .une_video {
    background:#eee;
    margin:0;
    padding:4em 4px
  }
  .une_video .ytthumb:first-child a .video_legend,
  .une_video .ytthumb:nth-child(2) a .video_legend {
    font-size:1.3em;
    font-weight:300
  }
  .une_playlist,
  .une_playlist .ytthumb,
  .une_playlist .ytthumb .video_legend,
  .une_video {
    overflow:visible;
    position:relative
  }
  .une_playlist .ytthumb:first-child,
  .une_playlist .ytthumb:nth-child(2) {
    position:relative;
    margin:1em 0;
    clear:both;
    width:98%;
    display:block;
    height:auto
  }
  .une_playlist .ytthumb:first-child .video_legend,
  .une_playlist .ytthumb:nth-child(2) .video_legend {
    position:relative;
    display:block;
    left:0;
    top:0;
    margin:0;
    padding:0 0 0 10px
  }
  .une_playlist .ytthumb .video_img {
    position:relative;
    width:200px;
    height:auto;
    float:left;
    top:0;
    background:red
  }
  .une_playlist .ytthumb .video_img img {
    position:relative;
    width:100%;
    float:left
  }
  .une_video .une_playlist .block_d_titre {
    margin:.5em 0 0
  }
  .une_video .une_playlist:first-child .block_d_titre {
    margin:0
  }
  .une_cinema_block2 ul li {
    width:24%
  }
  a .agenda_legend {
    font-size:1.2em;
    font-weight:300;
    padding:2em 1em 1em
  }
  #mod_video .ytthumb .video_legend {
    background:linear-gradient(rgba(0,0,0,0),#000,#000);
    width:auto
  }
  #mod_video .ytthumb {
    background:#000
  }
  #mod_video .ytthumb a .video_legend {
    padding:2em 1em 1em;
    margin:0
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2" "espcult3 espcult4" "espcult5 espcult6" "espcult7 espcult8"
  }
  .block_article,
  .une_agenda_aff {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr
  }
  .une_agenda_grid {
    padding:2em 8px
  }
  .une_agenda_aff {
    gap:4px 4px;
    grid-template-areas:"agd1 agd2" "agd3 agd4" "agd5 agd6"
  }
  .block_article {
    gap:1px 1px;
    grid-template-areas:"dos_actu1 dos_actu2" "dos_actu3 dos_actu4" "dos_actu5 dos_actu6"
  }
  .doscult .dos_actu a .dos_actu_legend {
    font-size:1.3em;
    padding:10px
  }
  .block_suite ul li {
    margin-left:.8em
  }
  #menu_principal .container {
    border-bottom:1px solid #666;
    border-top:1px solid #666;
    height:40px;
    margin:0
  }
  #menu_principal.floatable .container {
    border:0
  }
}
#menu_principal.floatable,
#topsearch.floatable2 {
  position:fixed;
  width:100%;
  animation:1s fadein;
  left:0
}
@media screen and (max-width:385px) {
  .fullmap,
  .fullmap iframe {
    aspect-ratio:9/16
  }
  .fullmap {
    width:95%;
    margin-left:auto;
    margin-right:auto
  }
  #mod_galeries .cat,
  .chapo img {
    width:100%;
    margin-right:0;
    float:none
  }
  #topage22 {
    padding-left:2em
  }
  #contnu {
    margin-left:10px;
    margin-right:10px;
    width:auto
  }
  #mag img {
    margin:20px 5px;
    width:auto;
    height:165px
  }
  .chapo img {
    height:auto
  }
  #mod_galeries .cat,
  .doscult .dos_actu3 {
    display:block
  }
  .styled-select {
    width:280px;
    float:none;
    margin:0 0 10px
  }
  .une_video .ytthumb:first-child .video_legend,
  .une_video .ytthumb:nth-child(2) .video_legend,
  .ytthumb {
    margin-bottom:1em
  }
  .styled-select select {
    width:295px
  }
  .emp_form input {
    float:none;
    margin:0 10px 10px 0;
    width:282px
  }
  .emp_form .div_submit {
    text-align:left
  }
  #iconreseaux a {
    font-size:3em;
    padding:1px 2px
  }
  #endlogo {
    height:13em;
    background-position:bottom;
    background-size:100%;
    margin:0;
    padding:0
  }
  #iconreseaux2 a {
    font-size:1.4em;
    padding:2px
  }
  .cat_video {
    height:182px;
    width:91%
  }
  .cat_suite {
    height:182px;
    width:30px;
    line-height:362px
  }
  .cat_suite a {
    font-size:2em;
    padding:140px 8px;
    background:#eee;
    box-shadow:none;
    border-radius:0
  }
  .ytthumb {
    height:182px;
    width:100%
  }
  .ytthumb .video_img {
    top:-80px;
    width:100%
  }
  .ytthumb .video_img img {
    width:480px;
    height:auto
  }
  .ytthumb .video_legend {
    bottom:0;
    background-color:rgba(255,255,255,.9);
    padding:6px;
    font-size:1.25em;
    max-width:80%;
    width:80%
  }
  .une_actu_row .flex-caption,
  a .agenda_legend {
    background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6),rgba(0,0,0,.9))
  }
  #btn_loupe,
  .une_cinema_block2 ul li:first-child,
  .une_playlist .ytthumb:nth-child(2) {
    display:none
  }
  #iconreseaux {
    padding-top:2em
  }
  #hautpage span {
    right:4em;
    width:80px
  }
  #topsearch {
    width:90%;
    background:#fff
  }
  #topsearch2 #search_box2 {
    width:90%
  }
  #topsearch2 #search_limit {
    font-size:1em;
    margin-bottom:1em
  }
  .limit_diviser {
    display:block;
    margin:10px
  }
  #topsearch2 #mots2 {
    width:80%;
    font-size:2em
  }
  #topsearch2 #search_box2 #search_zone2 {
    width:77%
  }
  .flex-caption .gdl-title,
  .une_actu_row1 .flex-caption .gdl-title,
  .une_actu_row2 .flex-caption .gdl-title,
  .une_actu_row3 .flex-caption .gdl-title {
    font-size:2em
  }
  .une_actu {
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:10px 0;
    grid-template-areas:"block1" "block2" "block3"
  }
  .une_actu_row {
    position:relative;
    overflow:hidden
  }
  .une_actu_row .flex-caption {
    width:100%;
    position:absolute;
    left:0;
    bottom:0;
    padding:5em 1em em;
    border-bottom:0;
    margin-bottom:0
  }
  .une_video {
    background:#eee;
    margin:0;
    padding:4em 4px
  }
  .block_suite,
  .mdoss2_2 {
    margin:1em 0 0
  }
  .une_video .ytthumb:first-child a .video_legend,
  .une_video .ytthumb:nth-child(2) a .video_legend {
    font-size:1.1em;
    font-weight:300
  }
  .une_playlist,
  .une_playlist .ytthumb,
  .une_playlist .ytthumb .video_legend,
  .une_video {
    overflow:visible;
    position:relative
  }
  .une_playlist .ytthumb:first-child,
  .une_playlist .ytthumb:nth-child(2) {
    position:relative;
    margin:1em 0;
    clear:both;
    width:98%;
    display:block;
    height:auto
  }
  .une_playlist .ytthumb img {
    width:100%;
    height:auto
  }
  .une_playlist .ytthumb:first-child .video_legend,
  .une_playlist .ytthumb:nth-child(2) .video_legend {
    position:relative;
    display:block;
    left:0;
    top:0;
    margin:0;
    padding:0 0 0 10px
  }
  .une_playlist .ytthumb .video_img {
    position:relative;
    width:170px;
    height:auto;
    float:left;
    top:0;
    background:red
  }
  .une_playlist .ytthumb .video_img img {
    position:relative;
    width:100%;
    float:left
  }
  .une_video .une_playlist .block_d_titre {
    margin:.5em 0 0
  }
  .une_video .une_playlist:first-child .block_d_titre {
    margin:0
  }
  .une_cinema_block2 ul li {
    width:24%
  }
  a .agenda_legend {
    font-size:1em;
    font-weight:300;
    padding:2em .4em .6em
  }
  #mod_video .ytthumb .video_legend {
    background:linear-gradient(rgba(0,0,0,0),#000,#000);
    width:auto
  }
  #mod_video .ytthumb {
    background:#000
  }
  #mod_video .ytthumb a .video_legend {
    padding:2em 1em 1em 0;
    margin:0
  }
  .mdoss2,
  .mdoss2_2 {
    clear:both;
    float:none;
    width:100%;
    margin:1em 0 0;
    border-bottom:1px solid #999
  }
  .mdoss2 img,
  .mdoss2_2 img {
    width:190px;
    height:auto;
    float:left;
    margin:0 10px 10px 0
  }
  .mdoss2 div a,
  .mdoss2_2 div a {
    background:0 0;
    font-size:1.3em
  }
  .block_suite {
    clear:both
  }
  .espaceculture_grid {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr 1fr;
    gap:10px 10px;
    grid-template-areas:"espcult1 espcult2" "espcult3 espcult4" "espcult5 espcult6" "espcult7 espcult8"
  }
  .block_article {
    grid-template-columns:1fr;
    grid-template-rows:200px 200px 200px 200px 200px 200px;
    gap:1px 1px;
    grid-template-areas:"dos_actu1" "dos_actu2" "dos_actu3" "dos_actu4" "dos_actu5" "dos_actu6"
  }
  .une_agenda_grid {
    padding:2em 8px
  }
  .une_agenda_aff {
    grid-template-columns:1fr 1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:4px 4px;
    grid-template-areas:"agd1 agd2" "agd3 agd4" "agd5 agd6"
  }
  .block_article {
    grid-template-columns:1fr;
    grid-template-rows:200px 200px 200px 200px 200px 200px;
    gap:5px 0;
    grid-template-areas:"dos_actu1" "dos_actu2" "dos_actu3" "dos_actu4" "dos_actu5" "dos_actu6"
  }
  .dos_actu a .dos_actu_legend {
    font-size:1.6em
  }
  .block_suite ul li {
    margin-left:.8em
  }
  .doscult .block_article {
    grid-template-columns:1fr;
    grid-template-rows:1fr 1fr 1fr;
    gap:1px 1px;
    grid-template-areas:"dos_actu1" "dos_actu2" "dos_actu3"
  }
  .doscult .dos_actu a .dos_actu_legend {
    font-size:2em;
    padding:1em
  }
}
@media screen and (max-width:445px) {
  .fullmap,
  .fullmap iframe {
    aspect-ratio:9/16
  }
  .fullmap {
    width:95%;
    margin-left:auto;
    margin-right:auto
  }
  #topage22 {
    padding-left:4em
  }
  #block_facebook {
    display:none
  }
  .cat_video {
    height:182px;
    width:91%
  }
  .cat_suite {
    height:182px;
    width:30px;
    line-height:362px
  }
  .cat_suite a {
    font-size:2em;
    padding:140px 8px;
    background:#eee;
    box-shadow:none;
    border-radius:0
  }
  .ytthumb {
    height:182px;
    width:100%;
    margin-bottom:1em
  }
  .ytthumb .video_img {
    top:-80px;
    width:100%
  }
  .ytthumb .video_img img {
    width:480px;
    height:auto
  }
  .ytthumb .video_legend {
    bottom:0;
    background-color:rgba(255,255,255,.9);
    padding:6px;
    font-size:1.25em;
    max-width:80%;
    width:80%
  }
  #iconreseaux {
    padding-top:2em
  }
  #hautpage span {
    right:4em;
    width:80px
  }
}
#menu_principal {
  height:40px;
  font-size:.85em;
  margin:0;
  padding:0;
  background:0 0
}
#topsearch.floatable2 {
  top:40px;
  margin:0;
  padding:0;
  right:0;
  border-bottom:1px solid #d71c27;
  box-shadow:0 0 15px #000
}
#menu_principal.floatable {
  top:0;
  height:40px;
  box-shadow:0 0 4px #666;
  background:#fff
}
#menu_principal .brand span {
  font-size:0
}
#menu_principal.floatable .brand img {
  display:inline;
  width:30px;
  margin:-6px 5px 0 10px
}
#menu_principal.floatable .brand span {
  position:absolute;
  color:#000;
  font-size:24px;
  padding:1px 0 0 .15em;
  line-height:.75em;
  font-weight:400
}
@keyframes fadein {
  from {
    opacity:0
  }
  to {
    opacity:1
  }
}
#menu_p {
  clear:both;
  height:40px
}
#banniere img,
#banniere12 img,
.tsl {
  box-shadow:1px 1px 10px #000;
  border:8px solid #fff;
  width:975px
}
.block_d {
  margin:0 0 35px
}
#actupresssport h2,
.block_d h2,
.pgcold1 h2,
.pgcold2 h2,
.pgcold3 h2,
.pgcolg1 h2,
.pgcolg2 h2,
.pgcolg3 h2,
.pgh2,
.pglarge h2,
.pglarge2 h2,
.pglarge3 h2,
.trois h2,
.une h2 {
  font-weight:700;
  margin:0;
  color:#333;
  font-size:1.5em;
  padding:4px;
  /*! border-bottom:1px solid #000; */font-variant-ligatures:common-ligatures
}
.pgcold1 h2,
.pgcold2 h2,
.pgcold3 h2,
.pgcolg1 h2,
.pgcolg2 h2,
.pgcolg3 h2,
.pglarge h2,
.pglarge2 h2,
.pglarge3 h2,
.une h2 {
  margin-bottom:1em
}
.block_d ul {
  list-style-type:none;
  margin:0;
  padding:0
}
.agdrub,
.block_d ul li {
  padding:5px
}
#mappel ul li:nth-child(2n+2) {
  background:#eee
}
.block_d ul li span {
  display:block;
  color:#666;
  font-weight:100;
  font-size:.85em
}
.bd_lien {
  display:block;
  text-align:right;
  background:#ccc;
  border-bottom:2px solid #000;
  margin:15px 0 0;
  padding:2px
}
.bd_lien a {
  color:#222;
  padding-right:6px
}
#mod_video .cat_titre h2,
.block_d .block_d_titre h2,
.block_d_titre h2 {
  background:#000;
  color:#fff;
  display:inline-block;
  text-transform:uppercase;
  padding:6px 10px 3px;
  font-size:1.1em;
  font-weight:300
}
#mod_video .cat_titre h2 a,
.block_d_titre,
.block_d_titre a {
  color:#fff;
  border-bottom:1px solid #000;
  margin:0 0 20px;
  text-align:left;
  letter-spacing:2px;
  font-weight:300
}
.block_d_titre svg {
  fill:#fff;
  width:24px;
  float:right;
  margin:-4px 0 0 4px
}
#mod_video .cat_titre h2 a,
#service_infos a,
.block_d label,
.serv p a {
  font-weight:700
}
.pglien,
.tous,
.tous2 {
  font-weight:100;
  display:block;
  text-align:right
}
.mod_agenda_titre h2,
.une_agenda_grid .une_agenda_titre h2 {
  background:#eee;
  color:#000;
  font-weight:700
}
.mod_agenda_titre,
.une_agenda_grid .une_agenda_titre {
  border-bottom:1px solid #eee
}
.agenda_img img,
.dos_actu_img img,
.pgcold1 img,
.pgcolg1 img,
.texte img {
  width:100%;
  height:auto
}
#mod_video .cat_titre {
  background:0 0;
  border-bottom:1px solid #000;
  margin:1em 3px 1em 0;
  padding:0
}
.block_img .bd_lien {
  margin-top:-3px
}
.block_une a {
  font-size:1.45em
}
.block_une .bd_lien a {
  font-size:1em
}
.block_d fieldset {
  border:0;
  padding:5px 0 0;
  margin:5px 4px 0
}
.block_d label {
  display:block;
  float:left;
  width:28%;
  padding:2px 0 0;
  margin:0
}
.block_d select {
  width:145px
}
.block_d input {
  font-size:.85em
}
.agd img {
  float:left;
  margin:7px 10px 0 5px
}
.une {
  margin-bottom:0
}
.Dos_catphp_texte span a {
  font-size:1em;
  font-weight:400
}
.Dos_catphp_texte span {
  font-size:1em;
  display:block;
  text-align:right;
  margin:10px 0 .5em
}
.d_libre label,
.mdosssuite span {
  display:block;
  font-weight:700;
  padding:5px 0
}
.mdosssuite {
  padding:0;
  font-size:1.3em
}
#service_infos ul,
.mdosssuite ul {
  list-style-type:none;
  margin:0 0 0 .5em;
  padding:0
}
#service_infos ul li {
  padding:0 0 3px 16px;
  background-position:left
}
.mdosssuite ul li {
  padding:0 0 10px;
  list-style-type:disc;
  color:#d71c27
}
hr {
  width:100%;
  border:0;
  padding:0;
  margin:0;
  background:#999;
  height:1px
}
.pglien,
.tous {
  margin:20px 0 0;
  padding:5px 0;
  background:#fafafa;
  width:100%;
  font-size:1em
}
.pglien a,
.tous a {
  padding-right:10px
}
.pglien a,
a.lien {
  color:#cc041a;
  transition:.9s
}
.pglien a:hover,
a:focus.lien,
a:hover.lien {
  color:#000;
  font-size:1.1em;
  transition:.9s
}
.tous2 {
  clear:both;
  width:596px;
  margin:0 0 10px;
  border-top:1px solid #cc041a
}
#service_eau,
#service_infos {
  margin:3em 0 0
}
#service_eau div,
#service_infos div {
  width:300px;
  float:left;
  min-height:380px
}
#service_eau img {
  width:300px;
  height:auto
}
#service_infos img,
#service_infos ul {
  margin:10px 0 0
}
#service_infos hr {
  clear:both;
  display:block;
  margin:10px 0
}
.trois {
  margin-top:5em
}
.serv {
  clear:both;
  border-bottom:1px solid;
  margin:5px 10px 0 0;
  padding-bottom:2px;
  height:65px
}
.serv img {
  float:left;
  margin:0 10px 0 0
}
.serv p {
  padding:5px 10px 0 0
}
#formrech fieldset,
.d_libre fieldset,
.formulaire div.premierdiv,
.masso fieldset,
IMG {
  border:0
}
.nej fieldset {
  border:0;
  margin-top:1em
}
#cboxOverlay,
#cboxWrapper,
#colorbox {
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  overflow:hidden
}
#cboxOverlay {
  position:fixed;
  width:100%;
  height:100%;
  opacity:.9
}
#cboxContent {
  margin-top:20px
}
#cboxLoadedContent {
  overflow:auto;
  -webkit-overflow-scrolling:touch;
  border:5px solid #fff;
  background:#fff
}
#cboxTitle {
  margin:0;
  position:absolute;
  top:-20px;
  left:0;
  color:#ccc
}
#cboxLoadingGraphic,
#cboxLoadingOverlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%
}
#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
  cursor:pointer;
  border:0;
  padding:0;
  margin:0;
  overflow:visible;
  width:auto;
  background:0 0
}
#cboxNext,
#cboxPrevious {
  margin-top:-32px;
  width:36px;
  height:65px
}
.cboxPhoto {
  float:left;
  margin:auto;
  border:0;
  display:block;
  -ms-interpolation-mode:bicubic
}
.cboxIframe {
  width:100%;
  height:100%;
  display:block;
  border:0;
  padding:0;
  margin:0;
  background:#fff
}
#cboxContent,
#cboxLoadedContent,
#colorbox {
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box
}
#cboxClose:active,
#cboxNext:active,
#cboxPrevious:active,
#cboxSlideshow:active,
#colorbox,
.flex-container a:active,
.flexslider a:active {
  outline:0
}
#cboxError {
  padding:50px;
  border:1px solid #ccc
}
#cboxCurrent {
  position:absolute;
  top:-20px;
  right:0;
  color:#ccc
}
#cboxLoadingGraphic {
  background:url(images/loading.gif) center center no-repeat
}
#cboxSlideshow {
  position:absolute;
  top:-20px;
  right:90px;
  color:#fff
}
#cboxNext,
#cboxPrevious,
.flex-direction-nav a {
  position:absolute;
  top:50%;
  text-indent:-9999px
}
#cboxPrevious {
  left:5px;
  background:url(images/controls.png) top left no-repeat
}
#cboxPrevious:hover {
  background-position:bottom left
}
#cboxNext {
  right:5px;
  background:url(images/controls.png) top right no-repeat
}
#cboxNext:hover {
  background-position:bottom right
}
#cboxClose {
  position:absolute;
  top:5px;
  right:5px;
  display:block;
  background:url(images/controls.png) top center no-repeat;
  width:25px;
  height:21px;
  text-indent:-9999px
}
#cboxClose:hover {
  background-position:bottom center
}
.d_libre form,
.masso form {
  padding:0;
  margin:0;
  width:290px
}
.masso label {
  display:block;
  font-weight:700;
  padding:10px 0 5px;
  width:280px
}
#footer_hr {
  clear:both;
  border:0;
  color:#fff;
  background:#fff
}
.form_subvention input,
.form_subvention label {
  margin:5px
}
.eff_date {
  background:#762e82;
  color:#fff;
  padding-left:5px
}
.formulaire form {
  margin:0;
  padding:0
}
.formulaire {
  padding:20px 20px 10px;
  border-top:1px dashed #666
}
.formulaire fieldset {
  margin:0 0 10px;
  padding:10px;
  border:1px solid #000
}
.formulaire legend {
  padding:1px 10px;
  background:#666;
  color:#fff
}
.formulaire div {
  padding:5px 0 5px 10px;
  border-top:1px dashed #666
}
.formulaire fieldset input,
.formulaire fieldset select {
  border:1px solid #666;
  background:#eee;
  padding:5px
}
.formulaire span {
  font-style:italic;
  display:block;
  background:#999;
  padding:2px;
  font-size:.95em;
  color:#fff;
  margin-top:3px
}
#anneefact,
#debfact,
#montant_cts,
#montant_euro,
#numfact,
#recfact {
  width:50px
}
.blanc {
  color:#fff;
  background-color:#fff;
  height:1px;
  border:0
}
.d_libre {
  margin:0 0 15px;
  padding:0;
  background:#fff
}
.d_libre .d_lien1,
.d_libre .d_lien2,
.d_libre h2 {
  background-image:url(design/fd_menu.gif);
  color:#fff;
  margin:0;
  padding:1px;
  background-color:#000;
  border:0
}
#menu a,
.d_liste1 .d_lien2 a {
  color:#ff0
}
.d_libre h2 {
  font-size:1em;
  padding:5px
}
.d_libre p {
  padding:10px;
  margin:0
}
.d_liste1 .d_lien2 {
  background-image:url(design/fd_menu2.gif);
  color:#ff0
}
.d_libre .d_lien2,
.d_liste2 .d_lien2 {
  background-image:url(design/fd_menu.gif);
  color:#fff
}
.d_lien2 {
  display:block;
  text-align:right;
  margin:-3px 0 0;
  font-weight:700;
  padding-right:5px
}
.d_libre a img.img_dlibre,
.d_libre img.img_dlibre {
  float:none;
  width:100%;
  height:auto;
  margin-bottom:-3px
}
.pgcold1 a:focus img,
.pgcold1 a:hover img,
.pgcolg1 a:focus img,
.pgcolg1 a:hover img,
.pglarge a:focus img,
.pglarge a:hover img,
.texte a:focus img,
.texte a:hover img {
  opacity:60%;
  transition:.9s;
  filter:contrast(50%)
}
.pgcold1 a img,
.pgcolg1 a img,
.pglarge a img,
.texte a img {
  transition:.9s
}
#bande_annonce object,
.texte iframe.video_youtube,
.texte p object.video_yt,
iframe.video_youtube {
  width:100%;
  height:auto;
  aspect-ratio:16/9
}
.agd .alimg {
  width:100%;
  margin:0;
  padding:0
}
.alimg2 {
  width:80px;
  height:auto;
  margin-right:10px
}
.agdrub:nth-child(odd) {
  border-top:1px solid #999
}
.ribou p,
.verdon p {
  clear:both;
  padding-top:20px
}
#verdon,
#verdon7j {
  background-image:url(design/verdon3.jpg)
}
#ribou,
#ribou7j {
  background-image:url(design/ribou.jpg)
}
#ribou,
#ribou7j,
#verdon,
#verdon7j {
  clear:both;
  position:relative;
  height:267px;
  width:600px;
  background-position:0;
  background-repeat:no-repeat
}
#ribou div,
#ribou7j div,
#verdon div,
#verdon7j div {
  width:600px;
  height:auto;
  position:absolute;
  bottom:37px;
  left:2px;
  padding:0;
  margin:0
}
#ribou div,
.flex-direction-nav .flex-prev {
  left:0
}
#ribou7j div {
  left:12px
}
#verdon7j div {
  left:15px
}
#ribou_tab li,
#verdon_tab li {
  text-align:center;
  display:block;
  float:left;
  width:112px;
  background:#eee;
  padding:2px;
  border:1px solid #999;
  margin:1px
}
#ribou_tab,
#verdon_tab {
  margin:0;
  padding:0;
  width:600px;
  height:200px
}
#ribou_tab li strong,
#verdon_tab li strong {
  display:block;
  font-size:.85em;
  border-bottom:1px dashed #999
}
#ribou a:hover span,
#ribou7j a:hover span,
#verdon a:hover span,
#verdon7j a:hover span {
  position:absolute;
  left:120px;
  top:80px;
  display:block;
  background:#933;
  color:#fff;
  padding:4px;
  font-weight:700;
  border-radius:5px;
  box-shadow:1px 1px 5px #000
}
.ribou h2,
.verdon h2 {
  background:#333;
  padding:5px;
  width:590px;
  color:#fff
}
#billetterie {
  text-align:right
}
.grid_organigramme div {
  background:#eee;
  padding:5px;
  margin-bottom:5px
}
.grid_organigramme div img {
  border:1px solid #000
}
.flex-control-nav,
.flex-direction-nav,
.slides {
  margin:0;
  padding:0;
  list-style:none
}
.flexslider {
  width:100%;
  margin:0 0 15px;
  padding:0;
  background:#fff;
  position:relative;
  zoom:1
}
.flexslider .slides>li {
  display:none;
  position:relative
}
.flexslider .slides img {
  width:100%;
  display:block
}
.flexslider .slides a:focus img {
  filter:invert(.3)
}
.flex-pauseplay span {
  text-transform:capitalize
}
.slides:after {
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0
}
* html .slides {
  height:1%
}
.flexslider .slides {
  zoom:1
}
.flex-container {
  zoom:1;
  position:relative
}
.tlc .flex-caption {
  border-top:2px solid #b60803;
  border-bottom:2px solid #b60803;
  background:rgba(182,8,3,.6);
  opacity:1
}
.flex-direction-nav a {
  width:50px;
  height:50px;
  margin:-20px 0 0;
  display:block;
  opacity:.7;
  background:url(bg_direction_nav_custom1.png) no-repeat;
  z-index:10;
  cursor:pointer
}
.flex-direction-nav .flex-next {
  background-position:100% 0;
  right:0
}
.flexslider:hover .flex-next,
.flexslider:hover .flex-prev {
  opacity:.7
}
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  filter:invert(1);
  opacity:1
}
.flexslider:focus .flex-next:focus,
.flexslider:focus .flex-prev:focus {
  filter:invert(1);
  opacity:1;
  border:1px solid red
}
.flex-control-nav li {
  margin:0 6px;
  display:inline-block;
  zoom:1
}
.flex-control-paging li a:hover {
  background:rgba(0,0,0,.7)
}
.flex-control-paging li a:focus {
  border:1px solid red
}
#menu li,
#menu ul {
  border:none;
  padding:0
}
.flex-control-paging li a.flex-active {
  background:rgba(0,0,0,.9);
  cursor:default
}
.gdl-slider-title {
  margin-left:-2px;
  font-size:20px;
  line-height:20px;
  color:#000;
  padding:15px
}
#debut a,
#suite a,
.rapid_admin {
  color:#96101a
}
footer {
  clear:both;
  padding:20px 0 0;
  background:#222;
  color:#fff
}
#footer1 {
  padding:0 20px 20px
}
footer h2,
footer h3 {
  font-weight:300;
  font-size:1.125em;
  color:#fff;
  padding-left:10px;
  text-align:left
}
footer .adcmap h2 {
  margin-left:10%;
  font-size:2em
}
.rapid_admin {
  background:#ccc;
  padding:10px;
  text-align:right
}
#debut,
#suite,
.important {
  padding:1em;
  font-size:1.125em
}
.suiv_preced {
  background:#eee;
  font-weight:100;
  margin:3em 0 1em
}
#debut {
  border-bottom:1px dotted #999
}
form.inscription div.form_row {
  float:left;
  width:99%;
  margin:1em 0 0
}
form.inscription label,
form.inscription span.form_title {
  display:block;
  float:left;
  width:35%;
  margin:0 1em 0 0;
  padding:0;
  text-align:right
}
form.inscription .form_option {
  display:block;
  float:left;
  width:20%
}
form.inscription input.form_option {
  width:3%;
  border:none;
  margin:0;
  padding:0;
  background-color:transparent
}
form.inscription div#login_box,
form.inscription div#pwd_box {
  display:none;
  float:right;
  width:20%;
  margin:0 2% 0 0
}
form.inscription div#img_login_box,
form.inscription div#img_pwd_box {
  display:none;
  float:right;
  width:5%;
  margin:0 2% 0 0;
  text-align:right
}
form.inscription div#complexity {
  display:none;
  position:relative;
  float:right;
  margin:0 2% 0 0;
  width:20%
}
form.inscription div#scorebarBorder {
  display:none;
  position:relative;
  float:right;
  margin:0 2% 0 0;
  background:#333;
  border:1px solid #000;
  height:13px;
  width:100px
}
form.inscription div#score {
  color:#000;
  position:absolute;
  text-align:center;
  width:100px;
  z-index:10;
  font-weight:700
}
form.inscription div#scorebar {
  background-image:url(../../outils/pwdmeter/bg_strength_gradient.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  position:absolute;
  width:100px;
  z-index:0
}
#menu {
  color:#fff;
  padding:5px;
  width:auto;
  font-size:1em;
  font-weight:700
}
#menu ul {
  list-style-type:none;
  margin-top:.5em;
  line-height:1.8em
}
#menu ul.zone_ligne {
  width:auto;
  margin:.4em;
  text-align:left
}
#menu ul.zone_ligne li {
  display:inline;
  border-right:2px solid #999;
  padding:0 .5em;
  height:1.8em
}
#copyright {
  display:block;
  background:#111;
  font-size:11px;
  color:#eee;
  text-align:right;
  padding:6px
}
#copyright a {
  color:#ddd
}
ul.menu_mobile {
  padding:0;
  margin:0 0 3em;
  list-style-type:none
}
.menu_mobile li {
  padding:0;
  margin:0
}
.menu_mobile a {
  font-weight:700;
  display:block;
  width:99%;
  height:26px;
  padding:7px 0 5px;
  margin:0;
  border-bottom:1px solid #999;
  background-image:url(design/pucenoir.gif);
  background-position:right;
  background-repeat:no-repeat
}
.form_subvention legend,
.trois legend {
  display:block;
  width:auto;
  font-weight:700
}
.menu_mobile a:hover {
  background-color:orange
}
.trois legend {
  background:#333;
  font-size:1.425em;
  margin-bottom:1em;
  padding:4px 10px;
  color:#fff
}
#player_audio {
  background:#eee;
  border:1px solid #ccc
}
#playlist li a {
  color:#000;
  display:block;
  padding:6px 6px 6px 40px
}
#playlist li a:hover {
  color:#fff;
  display:block;
  background:url(img/audio2.png) 5px no-repeat #666
}
#playlist .current-song a {
  color:#fff;
  background:url(img/audio.png) 5px no-repeat #999
}
.important {
  background:#ab3f42;
  color:#fff;
  margin-top:0
}
.important h2 {
  color:#fff;
  border-color:#fff;
  margin-bottom:20px
}
#gestmax {
  background:#eee;
  width:95%;
  height:1350px;
  margin-top:4em
}
#gestmax iframe {
  height:100%;
  width:100%
}
.menunews ul li,
.menuoffre ul li {
  font-weight:700;
  font-size:1.225em
}
.menuoffre {
  text-transform:lowercase
}
#coulcentre .gsc-control-cse .gs-result .gs-title,
#coulcentre .gsc-control-cse .gs-result .gs-title *,
#coulcentre .gsc-control-cse .gs-spelling {
  font-size:20px
}
#coulcentre .gs-bidi-start-align {
  font-size:15px
}
.une_agenda_titre h2 a {
  color:#000;
  font-weight:700;
  text-decoration:#000
}
.formulaire input[type=reset],
.formulaire input[type=submit] {
  margin-right:1em;
  padding:10px;
  font-size:1.5em;
  border:1px solid #000
}
.formulaire input[type=submit] {
  background:#d71c27;
  color:#fff;
  font-weight:700
}
.form_subvention h2 {
  font-size:1.5em;
  background:#000;
  color:#fff;
  padding:6px 10px
}
.dos_actu .dos_actu_img a {
  display:block;
  min-width:30px;
  min-height:30px
}
.form_subvention legend {
  color:#fff;
  background:#333;
  font-size:1.425em;
  margin-top:1.5em;
  margin-bottom:1em;
  padding:4px 10px
}
#bande_annonce iframe,
#mod_chaines iframe,
#mod_dossiers iframe,
#mod_video iframe,
iframe.yt {
  width:100%;
  aspect-ratio:16/9;
  border:0
}
.fichesport sup {
  vertical-align:text-top;
  font-size:x-small
}