@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@100;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,500,700');

/*reset*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header, hgroup, menu, nav, section, menu,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block}

/*general*/
BODY, TD, DIV, SPAN{font-family:'Roboto', Arial, Verdana, sans-serif;font-size:13px;font-weight:normal;color:#000;line-height: normal;}
html, body {background-color:#fff;margin:0;padding:0}

body {text-align:left}

/* font */
.mdoss2 div a, .mdoss2_2 div a, .flex-caption .gdl-title, .une_playlist .ytthumb:first-child a, .une_agenda_aff a, .une_cinema_block1 p, .ytthumb .video_legend a, .dos_actu_legend a, #mod_video .cat_titre h2 a, .mdosssuite, .tous, .pglien, .tous2, .suiv_preced, .menuoffre ul li, .menunews ul li, .catphp_titre h2, .texte h2, #cinecol1 h2, #cinecol2 h2, #cinsalle h2, .cinesalle h2, .cinehor h1, h2.mo, .block_d_titre, .block_d_titre a, #mod_video .cat_titre h2 a, .block_d h2, .trois h2, #actupresssport h2, .une h2, .pglarge h2, .pgcolg1 h2, .pgcold1 h2, .pgcolg2 h2, .pgcold2 h2, .pglarge h2, .pglarge2 h2, .pgcolg3 h2, .pgcold3 h2, .pglarge3 h2, .pgh2, .espace_legend
{font-family: 'Roboto condensed', Arial, Verdana, sans-serif}
 
.topage2 h1, .topage2 h2, #menu_principal.floatable .brand span, .chapo 
 {font-family: 'Raleway', sans-serif}

/* loupe */
#btn_loupe {font-size:32px;cursor:pointer;color:#000;padding:5px 20px;margin: 0 0 0 100px;}
#btn_loupe2 {font-size:22px;cursor:pointer;color:#000;padding:0px;margin:0;float:right}
#btn_loupe:hover {color:#d71c27;}
#btn_loupe em, #btn_loupe2 em {display:none}

#menu_principal button #btn_loupe2 {font-size:29px;}
#menu_principal.floatable button #btn_loupe2 {font-size:22px;cursor:pointer;color:#000;padding:0px;margin:0;float:right}

#hautpage em {position:absolute;display:block;color:#fff;border-radius:40px;text-align:center;font-size:2.5em;
	background:#d71c27;width:40px;height:40px;margin-top:-2.2em; right:2em;border:4px #ccc solid}
#hautpage em:hover { background:#fff; color:#000;  border:4px #000 solid}
#hautpage span {color:#fff;position:absolute;display:block;right:5em;width:50px;text-align:center;margin-top:-1em;}	



/* plus lien */
.une_playlist_suite {width:100%}
.plus_lien {position:relative;text-align:center;border-bottom: 1px #ccc solid;height:32px;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 #ccc solid;margin:15px 0 0 0; padding: 0 0 1px 0;
}
.plus_lien span {display:none}
.plus_lien em:hover { background:#fff; color:#000}

.mod_agenda_carousel .plus_lien{margin-bottom: 3em;}

.block_article hr {background:#fff}

/* moteur recherche */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  overflow-y: hidden;
  transition: 0.5s
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay #tagsearch ul {list-style-type:none;text-align:center;margin:2em auto;}
.overlay #tagsearch ul li {display:inline-block;padding:5px 10px;}
.overlay a, .overlay #tagsearch a {
  padding: 8px;
  text-decoration: none;
  font-size: 26px;
  color: #bbb;
  display: block;
  transition: 0.3s;
}

.overlay #tagsearch a:hover, .overlay #tagsearch a:focus {
  color: #fff;background: #d71c27
}

.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;
  }
}
/* fin moteur recherche */

/*mot cache*/
.calcache, #une, #enune, #toplien, .une h2 {position:absolute;top:-1999px;left:-1999px;font-size:1px}

/* lien par défaut */
a{color:#000;text-decoration:none}
a:hover{color:#666;text-decoration:underline}

caption {display:none}

header {position:relative;z-index:100;/*! box-shadow: 0px 0px 4px #666; */height:95px;}

.mdoss2 div a, .mdoss2_2 div a {font-weight:300;font-size:1.4em;position:relative;z-index:10;}

#menu {background:black;color:white;padding:5px}
#menu a {color:#ffc}
#menu span {color:#eee;font-size:10px}

#topage22 {height:32px;}
#topage22 a {color:#000}
#lg_c_cholet {width:65px;height:auto;margin:15px 0 0 0}

.topage2 {background:#fff;}
.topage2 {height:101px;width:100%;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.550em}
.topage2 h2 {font-weight:500;border:0;color:#000;top:59px;font-size:17px;padding:4px 15px 5px 80px}
.topage2 h1 a:hover {text-decoration:none}



#topsearch2 {z-index:100;text-align:left}
#topsearch2 #search_box, #topsearch #search_box {position:relative;margin-left:auto;margin-right:auto;background:#fff;display:block}
#topsearch2 #search_box #search_zone {display:inline-block;height:60px;width:91%}
#topsearch2 .search_reset {color:#999;height:58px;background:#fff;border:0;float:right;font-size:1.2em;;text-align:right;background:#fff}
#topsearch2 .search_submit {height:60px;background:#d71c27;border:#d71c27;width:60px;padding:0px 3px 0 3px;font-size:3em;color:#fff;float:right;text-align:center}
#topsearch2 #search_limit {text-align:center;margin:0 0 0.5em 0;color:#fff;font-size:1.3em;font-weight:100;}
#topsearch2 #search_limit label {margin-right:10px}
#topsearch2 .recherche, #topsearch2 .search_submit em, #topsearch2 .search_reset em, #topsearch .recherche, #topsearch .search_submit em, #topsearch .search_reset em {display:none}
#topsearch2 #mots2 {background:#fff;border:0;font-size:3em;height:60px;padding:0 0 0 10px;display:inline-block;width:92%}
.limit_diviser {display:none}
#tagsearch {clear:both;display:block;margin-top:4em}

#topsearch {display:inline;float:right;height:38px;right:0px;margin:8px 24px 0 0;}
#topsearch #search_box #search_zone {display:inline-block;height:38px;width:91%}
#topsearch .search_reset {color:#999;height:38px;background:#fff;border:0;float:right;font-size:1.2em;;text-align:right;background:#fff}
#topsearch .search_submit {height:38px;background:#d71c27;border:#d71c27;width:60px;padding:0px 3px 0 3px;font-size:2em;color:#fff;float:right;text-align:center}
#topsearch #mots2 {background:#fff;border:0;font-size:1.4em;height:38px;padding:0 0 0 10px;display:inline-block;width:92%}

#block_facebook {width:100%;background:#000}
#menumini {display:none}

.com1, .com2 {border-left:1px solid #999;margin-bottom:10px;color:#eee}
.com1 ul, .com2 ul {margin:20px 20px 0 20px;list-style-type:none}
.com1 li, .com2 li {padding:3px 0}

#endlogo {clear:both;width:100%;height:100px;background: url(images/logo23.png) no-repeat right;margin:50px 0 20px 0} 
#iconreseaux {margin:2em 0 5em 0}
#iconreseaux ul {margin:0}
#iconreseaux span.label, #iconreseaux2 span.label{display:none}
#iconreseaux a {font-size:4em;padding:2px 4px}
#iconreseaux ul li, #iconreseaux2 ul li {display:inline-block;*display: inline;list-style-type:none;margin:5px}

#iconreseaux2 {display:inline-block;width:225px;margin:10px 0 4px 20px;}
#iconreseaux2 ul {text-align:left;margin-left:20px}
#iconreseaux2 ul li {border:0;color: #000;margin:0 4px;background:#fff;border-radius: 100px;padding:5px 5px 8px 5px;width:24px;height:20px;text-align:center}
#iconreseaux2 ul li:hover {background:#d71c27}
#iconreseaux2 a {font-size:1.4em;padding:2px 0px;color:#000;}
#iconreseaux2 a:hover, #iconreseaux a:hover {text-decoration: none;}

/*calendrier*/
.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:bold;background-image:none}
.calprec {float:left;text-align:left;font-size:1.2em;padding-left:0em;margin-left:-10px;border-right:1px solid #fff}
.calsuiv {float:right;text-align:right;font-size:1.2em;padding-right:0em;margin-right:-10px;border-left:1px solid #fff}
.calprec a, .calsuiv a {color:#fff;padding:10px 15px}
.calprec a:hover, .calsuiv a:hover {color:#fff;background:#000;}
.caltable th, .caltable td.caldays12 {background:#666;color:#fff;padding:10px}
.caltable td.caldays12 a, table.caltable td.caltoday a {color:#fff}

#menu_principal, #menu_p {position:relative;z-index:100}
	#entete a, #entete  {color:#555}
#entete a:not(:first-child):before {
  content: "\00bb";
  padding:5px;
  color:#d71c27
}




/*navbar*/
.navbar .nav>li>a{float:none;padding:10px 15px 10px;color:#777;text-decoration:none;}
.flex-caption, .agenda_legend, .espace_legend, .dos_actu_legend {width: 100%; position: absolute; left: 0; bottom: 0px; background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.6), rgba(0,0,0,.9));padding: 5em 1em 2em 1em;}
.une_video .ytthumb:first-child .video_legend, .agenda_legend, .dos_actu_legend, #mod_video .ytthumb .video_legend, .espace_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 2em;}
.flex-caption .gdl-title, .une_playlist .ytthumb:first-child a, .une_agenda_aff a, #mod_video .ytthumb .video_legend a, .espace_legend a, .dos_actu_legend a {color:#fff;font-size:3.5em;line-height:1.2em;font-weight:700;text-shadow: 1px 1px 4px #000;}
.flex-control-nav { position: absolute; right: 10px; bottom: 10px; text-align: center}
.flex-control-paging li a {width: 10px; height: 10px; 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,0.8)}
.une_video .ytthumb:first-child .video_legend span {color:#999}

#mod_video .ytthumb .video_legend a {font-size:1.5em}

.agenda_legend span {display:none}

/*colonne UNE*/
.une_video {background:#eee; margin:0; padding:4em 10px}
.une_article {margin:0 0 -2em 0;padding:4em 0}
.une_agenda_grid, .mod_agenda_carousel {background:#404040;padding:2em 40px 0em 40px}
.une_services {margin:5em 0}
.mod_agenda_carousel {padding:2em 10px 10px 10px}
.espaceculture{margin:3em 0 5em 0}

/*grid*/
  .une_article_grid, .une_agenda_grid, .une_services, .une_agenda_aff, .une_video, .une_actu, .espaceculture_grid, .block_article, .grid_organigramme  {display: grid;}
  
  .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 {
  display: grid;
  grid-template-columns: 60% 20% 20%;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "adcmap com1 com2";
}
.adcmap { grid-area: adcmap; text-align:center}
.com1 { grid-area: com1; }
.com2 { grid-area: com2; }
.adcmap img {width:90%;height:auto;max-width:842px;margin:1em 0 3em 0}



/*monespacecitoyen*/
#iconmec {text-align:center}
#iconmec h2 {text-align:left}
#iconmec 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 {display:inline-block;background:white;border:0;padding: 0;overflow:hidden;width:110px;height:110px;margin:0px}
#iconmec li a img {width:110px;height:auto;transition-property:width;transition-duration:0.5s}
#iconmec li a img:hover, #iconmec li a:hover img {width:100px}

/*cinema*/
#cinecol1{float:left;width:55%;padding:8px;margin-bottom:1em;border-right:1px solid #000}
#cinecol2{float:right;width:40%;padding:5px;margin-bottom:1em}

/*cartographie*/
.fullmap {width:100%}
.partielmap {width:74%;float:right}
#map {z-index:1;border:1px #666 solid;height:650px;margin-bottom:1em}
#map_canvas {width:596px;height:400px}
#pano {width:596px;height:300px}
.gville {float:left;width:25%;border:1px solid #999;background:#eee}
.mdoss2 div a, .mdoss2_2 div a {color:#000;display:block;margin:0;padding:2px 5px 10px 5px;height:80px}
.photomdoss2 {width:197px;height:135px}
#mag {text-align:center}
#mag img {margin:20px 45px;width:315px}

.chapo img {margin: 0 0 1em 0;width:100%;height:auto}
.haut_page {clear:both;display:block;text-align:right;color:#d71c27;font-size:1em;margin:1em 0 0 0;padding:2px;padding:2em 0}

#contnu {
	position: relative;
	text-align: left;
	border: 0;
	background:#fff;
	margin-top:0em
}

.pgcolg1, .pglarge, .pglarge div {clear:both}
.pgcolg1 {float:left}
.pgcold1 {float:right}
.pgcolg1, .pgcold1 {width:47%;margin:1.5em 0 1.5em 0;font-size: 1.1em;}
.pgcolg1 img, .pgcold1 img {margin-top:2px}
.pgcold1 h2, .pgcolg1 h2 {margin:0 0 5px 0}
.pglarge ul, .pgcolg1 ul, .pgcold1 ul {list-style-type:none;margin:10px 0 0 0.5em;padding:0}
.pglarge ul li, .pgcolg1 ul li, .pgcold1 ul li {padding:0 0 0 16px;background-image:url(design/pucenoir.gif);background-position: 0 4px;background-repeat:no-repeat}
.pgcolg1 ul li, .pgcold1 ul li {padding:0 0 0 15px;background-position: 0 7px;}
.pgcolg1 ul, .pgcold1 ul {margin:10px 0 0 0.5em;}

.imgpgpre {margin-bottom:5px;width:100%}
.pglien2 {display:block;font-weight:bold}
.pglarge {margin:2em 0 1em 0;width:100%;font-size: 1.1em}
.pglarge img {float:left;margin:0 10px 20px 0}
.pglarge a.pglege {font-weight:normal}
.pglarge img.pggdimg {margin-top:10px}
.pglarge img.imgpggf {float:right;margin:6px 0 0 15px}

.alimg {width:30%;height:30%}

#poste ul li {position:relative; float:left;width:48%;padding-bottom:5px}

.emp_form {background:#3b8ec2;padding:1em;}
.emp_label{display:none}
.emp_form input, .emp_form select {background:#eee;border:1px solid #999;padding:0;height:30px;}

.styled-select {
   background: url(images/15xvbd5.png) no-repeat 96% 0;
   height: 30px;
   overflow: hidden;
   border:1px solid #000;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
}

.emp_form input {background-color: rgba(255,255,255,0.8);border:1px solid #000;height: 30px;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.250em} 
input#emp_submit:hover{background:#52050b}

.couleur {background-color: rgba(255,255,255,0.8);}

/* video */
h1.cat_playlist {margin-top:2em}
.cat_video {position:relative;height: 220px;width:94%;display: inline-block}
.cat_suite {height:220px;width:30px;float:right;line-height:220px;white-space: nowrap;text-align:right}
.cat_suite a {background:white;border-radius: 10px;font-size:2em;padding:5px 10px;box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, .4)}
.cat_suite a:hover {text-decoration:none;background:#d71c27;color:#fff}
.ytthumb {position:relative;height: 220px;width:49.6%; overflow: hidden;display: inline-block}
.ytthumb .video_img {position: absolute;top:-42px;overflow: hidden; z-index:1;} 
.ytthumb .video_img img{
  width:400px;
  transform: scale(1);
  transition: 0.9s;
  transform-style: preserve-3d;
}
.espace_img a img{
  width:100%;
  height:auto;
  transform: scale(1);
  transition: 0.9s;
  transform-style: preserve-3d;
}

.une_cinema_block1, .une_cinema_block2 {overflow: hidden;margin:0 0 2em 0}
.une_cinema_block1 img, .une_cinema_block2 img {
  width:102%;
  transform: scale(1);
  transition: 0.9s;
  transform-style: preserve-3d;
}
.une_cinema_block1 p {color:#fff;font-size:1.5em} 
.une_cinema_block1 span a {color:#d71c27;font-size:1.1em}
.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}
.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;overflow: hidden;line-height:0}

.ytthumb div img:hover, .une_cinema_block1 img:hover, .une_cinema_block2 ul li img:hover, .espace_img a img:hover {transform: scale(1.1)}
.ytthumb .video_legend {position: absolute;z-index: 10; bottom:25px;padding: 6px; font-size:1.150em;/*! max-width:auto; */}
.ytthumb .video_legend span {display:block;font-size:0.800em;color:#666;margin-top:5px}
.ytthumb .video_legend:hover {text-decoration: none;}
.ytthumb .video_legend a {text-decoration: none; color: white}
.ytthumb .video_cat a {position: absolute;z-index: 10;top:0;right:0;background:#d71c27;color:#fff;padding:5px;font-weight:bold}
.ytthumb .video_cat a:hover {text-decoration:none;font-weight:bold;background:#000}

@media screen and (min-width: 2000px) {
	.topage2 {background-size: 100% auto}
  #topage22, #barrerecherche {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}
	#collecte iframe {height:800px}
	#menu_principal.floatable .nav {float:right;margin-right:15%}
    #barregen {background:#000;padding: 4px 0 6px 0;}
}

@media screen and (max-width: 1999px) and (min-width: 1281px) {
	.topage2 {background-size: auto}  
  #topage22, #barrerecherche {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}
	#collecte iframe {height:800px}
  #barregen {background:#000;padding: 4px 0 6px 0;}
  #btn_loupe {display:none}
	#menu_principal.floatable .nav {float:right;margin-right:10%}
}

@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}
	#collecte iframe {height:800px}
	#menu_principal.floatable .nav #btn_loupe {margin-left:20px}
	#menu_principal .nav #btn_loupe {margin-left:20px}
  #topsearch2 #mots2, #topsearch #mots2  {width:85%}
  #topsearch2 #search_box #search_zone, #topsearch #search_box #search_zone  {width:85%}
  #topage22 {padding-left:20px}
  
  #barregen {background:#000;padding: 4px 0 10px 20px;}
	
  #iconreseaux2 {display:inline-block;width:235px;margin:10px 0 0 0;}
  #iconreseaux2 ul li {border:0;color: #000;margin:0 4px;background:#fff;}
  #iconreseaux2 a {font-size:1.4em;padding:2px 0px;color:#000;}
}

@media screen and (max-width: 995px) {
	#contnu {
	margin-left: auto;
	margin-right: auto;
  }
  #menu_principal, #menu_p {width: 100%}
	#contnu {width: 90%}
  #contenupage{
	clear:both;width:100%;
	padding:20px 0 8px 0px
  }

	#entete {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 -2em 0}
  .mdoss2, .mdoss2_2 {float:left;width:32%;padding:0.4em 0 0.1em 0}
  .mdoss2  {margin-right:10px}
	.mdoss2 img, .mdoss2_2 img {width:100%;height:auto}
	.haut_page {display:none}
	#mod_galeries .cat {display:block;width:23%;float:left;margin-right:5px}
	.navbar .nav>li>a{padding:10px 10px 10px}
	#collecte iframe {height:700px}	
	#topsearch {width:65%;background:#000;margin-right:0;}
	#topsearch2 #search_box, #topsearch #search_box {width:80%}
  
  #barregen {background:#000;padding: 4px 0 0px 20px;}
	
  #iconreseaux2 {display:inline-block;width:240px;margin:10px 0 0 0;padding:0}
  #iconreseaux2 ul li {border:0;color: #000;margin:0 2px;background:#fff;}
  #iconreseaux2 a {font-size:1.4em;padding:2px 0px;color:#000;}
  
  
	#menu_principal.floatable .nav {margin:0}
	#menu_principal.floatable .nav #btn_loupe {margin-left:0px}
	#menu_principal.floatable .navbar .nav>li>a{padding:10px 8px 10px}

  #btn_loupe {display:none}
  .floatable #btn_loupe {display:block}

  .une_actu_row, .agenda_block, .espace_block, .dos_actu {position:relative;overflow: hidden;}
  .une_actu {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  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}
  
  .une_article_grid, .une_agenda_grid, .une_services, .une_video, .une_article, .block_suite, .une_playlist_suite {  
  display:block;clear:both;
	}
  
    .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}

  .block_suite {width:100%;margin-top:1em}
  
  .une_agenda_aff {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 10px;
  grid-template-areas:
    "agd1 agd2 agd3"
    "agd4 agd5 agd6";
  }
  .une_cinema_block1 img {display:none}
  .une_cinema_block2 ul li {width: 19.5%}
  
  .agenda_legend, .espace_block .espace_legend, .dos_actu .dos_actu_legend {display:block;width:100%;margin:0;padding: 0;}  
  .agenda_legend a, .espace_block .espace_legend a, .dos_actu .dos_actu_legend a {font-size:1.8em;display:block;padding:1em;font-weight:100}
  .dos_actu .dos_actu_legend a {font-size:1.4em;}
  
  .ytthumb .video_img img {width:100%}
	.une_playlist .ytthumb:first-child a, .une_playlist .ytthumb:nth-child(2) .video_legend a {font-size:1.4em; color:#fff;font-weight:700;}
	.une_playlist .ytthumb:first-child, .une_playlist .ytthumb:nth-child(2) {width:49.5%}
	.une_playlist .ytthumb:first-child, .une_playlist .ytthumb:nth-child(2)  {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: 0px; 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:0.1em}
  
  .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{
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 15px 6px;
  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: 15px 6px;
  grid-template-areas:
    "dos_actu1 dos_actu2 dos_actu3";
  }
  
  .footer_grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "adcmap adcmap"
    "com1 com2";
  }
  
  
  
}

@media screen and (min-width: 995px) {
	.navbar .nav>li>a{padding:10px 10px 10px}
	#contnu {
	margin-left: auto;
	margin-right: auto;
  }
	#coulcentre{width:97%;}
	#droite {margin:8px 0 0 648px;padding:8px 0 8px 0}
	/* gauche page accueil*/ 
  #contenupage{
	clear:both;
	float:left;
	width:635px;
	padding:8px 0 8px 0px
  }
	#entete {margin-right:auto;margin-left:auto;height:20px;font-size:1em;padding-top:5px;margin-top:5px}
  #entete strong {padding-left:5px}
	#contnu, #menu_principal, #menu_p, #entete {width: 995px}
	#topsearch {width:55%;/*! background:#fff; */}
	#topsearch2 #search_box {width:55%}
	.navbar.navbar-inverse, .navbar-inner, .container, .brand {height:22px;}
	.mdoss2, .mdoss2_2 {margin:0 0 -2em 0}
  .mdoss2, .mdoss2_2 {float:left;width:197px;padding:0.4em 0 0.1em 0}
  .mdoss2  {margin-right:12px}
	#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}
  
  .une_actu_row, .agenda_block, .espace_block, .dos_actu {position:relative;overflow: hidden;}
  .une_actu {
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 0px 0px;
  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_article_grid, .une_agenda_grid, .une_services {  
  grid-template-columns: 1fr 330px;
  grid-template-rows: 1fr;
  gap: 0px 0px;
  grid-template-areas:
    "block_article block_suite";
	}
  .une_agenda_grid, .une_services {gap: 0px 40px;}
  .une_article_grid {grid-template-columns: 1fr 320px;gap: 0px 15px;}
  
  .une_agenda_aff {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 20px 10px;
  grid-template-areas:
    "agd1 agd2 agd3"
    "agd4 agd5 agd6";
  }
  
  .agenda_legend, .espace_block .espace_legend, .dos_actu .dos_actu_legend {display:block;width:100%;margin:0;padding:0}  
  .agenda_legend a, .espace_block .espace_legend a, .dos_actu .dos_actu_legend a {font-size:1.6em;display:block;padding:1em;font-weight:100}
  .espace_block .espace_legend a {padding:0.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-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 30px;
  gap: 0px 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%}
	.une_playlist .ytthumb:first-child  {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) .video_legend a {color:#000;font-weight:700;font-size:1em}
	.une_playlist .ytthumb:nth-child(2) .video_img {position:relative;width:100px;float:left;top: 0px;background:red}
	.une_playlist .ytthumb:nth-child(2) .video_img img {position:relative;width:100%;float:left;} 
  
  #iconmec li {width:100px;height:100px;margin:0px}
  #iconmec li a img {width:100px;height:auto;transition-property:width;transition-duration:0.5s}
  #iconmec li a img:hover, #iconmec 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{
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 15px 6px;
  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: 15px 6px;
  grid-template-areas:
    "dos_actu1 dos_actu2 dos_actu3";
  }
  
  .mdosssuite ul li a {font-size:.9em}
  .block_article .dos_actu_legend a {padding:40% 10px  10px 10px;font-size:1.3em}
  

  
}

@media screen and (min-width: 1200px) {
	.navbar .nav>li>a{padding:10px 15px 10px;}
	#contnu, #menu_principal, #menu_p, #entete {width: 1200px}
	#contenupage{
	clear:both;
	float:left;
	width:820px;
	padding:8px 0 8px 0px
  }
	#droite {margin:8px 0 0 853px;padding:8px 0 8px 0}
	.mdoss2 a, .mdoss2_2 a, .mdosssuite, .mdosssuite span {font-size:1.150em}
	.mdoss2, .mdoss2_2 {margin:0 0 -2em 0}
  .mdoss2:nth-last-child(3), .mdoss2:nth-last-child(4), .mdoss2_2:nth-last-child(2) {margin-bottom:-2em}
  .mdoss2, .mdoss2_2 {float:left;width:240px;padding:0;}
  .mdoss2  {margin-right:36px}
	.mdoss2 img, .mdoss2_2 img {width:100%;height:auto}
	#iconreseaux2 ul {width:1200px;margin:auto;}
	
	.une_actu_row, .agenda_block, .espace_block, .dos_actu {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: 0px 3em;
  grid-template-areas:
    "playlist1 playlist2 playlist3"
		"playlist4 playlist4 playlist4";
  }
	
	.une_playlist .ytthumb:first-child {width:100%}
	.une_playlist .ytthumb:first-child  {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:0;top:0;margin:0;padding:0;}
	.une_playlist .ytthumb:nth-child(2) .video_legend a {color:#000;font-weight:700;font-size:1.1em}
	.une_playlist .ytthumb:nth-child(2) .video_img {position:relative;width:100px;float:left;top: 0px;background:red;margin-right: 15px;}
	.une_playlist .ytthumb:nth-child(2) .video_img img {position:relative;width:100%;float:left;}
	
	.une_article_grid, .une_agenda_grid, .une_services {  
  grid-template-columns: 1fr 357px;
  grid-template-rows: 1fr;
  gap: 0px 35px;
  grid-template-areas:
    "block_article block_suite";
	}
  .une_agenda_grid {gap: 0px 55px;}
  .une_article .une_playlist_titre {margin-bottom:2em}
  
  .une_agenda_aff {
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 25px 25px;
  grid-template-areas:
    "agd1 agd2 agd3"
    "agd4 agd5 agd6";
  }

  .agenda_legend, .espace_legend, .dos_actu_legend {display:block;width:100%;margin:0;padding:0}  
  .agenda_legend a, .dos_actu_legend a {font-size:1.6em;display:block;padding:1em;font-weight:100}
  .espace_legend a {font-size:1.7em;display:block;padding:0.5em;font-weight:100}
  
  .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{
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 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 .dos_actu_legend a {padding:20px;font-size:1.5em}
  
}

@media screen and (max-width: 910px) {
	#block_d1, #block_d2 {float:none;text-align:center;width:100%}
	#block_d1 .menunews, #block_d2 .menuoffre {text-align:left}
  .block_d {width:100%}
	.block_d h2 {text-align:left}
	.caltable {width:100%;margin:0}	
  #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;margin:0;padding:0}
  #btn_loupe {display:none}
  .overlay .closebtn {top: 40px;}
	#topsearch2 #mots2 {width:80%}
  .mdoss2 div a, .mdoss2_2 div a {font-size:1.2em;}
  
  .grid_organigramme{
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px 10px;
  grid-template-areas:
    ". ."
    ". .";
  }
  .grid_organigramme div {padding-bottom:15px;margin:0 10px 0 10px}
	
 .une_actu_row {position:relative;overflow: hidden;}
 .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:first-child .video_legend, .une_video .ytthumb:nth-child(2) .video_legend,  .une_video .ytthumb .video_img {position: relative;top:0px;overflow: hidden; z-index:1}
 .une_video .ytthumb:first-child .video_legend,  .une_video .ytthumb:nth-child(2) .video_legend {width:auto;background: none;padding:0;margin:0}
 .une_playlist_video .ytthumb {position:relative;height:auto;width:auto; overflow: hidden;display:block;float:left;border:1px solid transparent}
 .une_video .ytthumb:first-child .video_legend a, .une_video .ytthumb:nth-child(2) .video_legend a {color:#000;text-shadow:none;font-weight:100}
  
 .agenda_legend a {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 1em;}
  
 #mod_video .ytthumb .video_legend {background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,1), rgba(0,0,0,1));padding: 2em 2em 1em 2em;}
 #mod_video .ytthumb {background:#000}
  
  .espace_block .espace_legend a {font-size:1.7em;display:block;padding:.5em;font-weight:100}
  .espace_block .espace_legend {left:0}
  
  .block_article{
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px 10px;
  grid-template-areas:
    "dos_actu1 dos_actu2"
    "dos_actu3 dos_actu4"
    "dos_actu5 dos_actu6";
  }
  
  .dos_actu .dos_actu_legend a {font-size:1.6em}
  .doscult .dos_actu .dos_actu_legend a {font-size:1.4em;padding:10px}
  .topage2 {border-bottom:1px solid #000}
  #barregen {background:#fff;padding: 4px 0 6px 0;text-align:right;right:0}
	#topsearch {display:none}	
  #iconreseaux2 {display:inline-block;width:auto;margin:10px 8px 0 0;}
  #iconreseaux2 ul li {border:0;color: #fff;margin:0 2px;background:#000;}
  #iconreseaux2 a {font-size:1.4em;padding:2px 0px;color:#fff;}

}

@media screen and (max-width: 641px) and (min-width: 482px) {
  .menu {width:33%}
  .menu li {padding:5px 0}
	.partielmap, #pano, #map_canvas, .gville {float:none;width:100%}
	#cinecol1, #cinecol2 {float:none;border-right:0;width:100%}

  #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:px solid #000}
	#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;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 5px 0px;
  grid-template-areas:
    "block1"
    "block2"
    "block3";
 }
  
 .une_video .ytthumb:first-child .video_legend a, .une_video .ytthumb:nth-child(2) .video_legend a {font-size:1.1em}
 .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;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px 10px;
  grid-template-areas:
    "espcult1 espcult2 espcult3"
    "espcult4 espcult5 espcult6"
    "espcult7 espcult8 .";
  }
  
  .une_agenda_grid {padding:2em 15px}


}

@media screen and (max-width: 556px) {
  #topage22 {padding-left:4em}
  .mdoss2, .mdoss2_2 {width:31%}
  #mag img {margin:20px 0}
	#mag img {margin-right:5px;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} 
  .ytthumb .video_img img{height:220px;width:auto} 
	#btn_loupe {display:none}
	#topsearch2 #mots2 {width:85%;font-size:2.5em}
  #topsearch2 #search_box #search_zone {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%}
  
  .agenda_legend a {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 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 .dos_actu3 {display:none}
  .doscult .block_article{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1px 1px;
    grid-template-areas:
    "dos_actu1 dos_actu2";
    
  }
  .dos_actu .dos_actu_legend a {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";
  }

}

@media screen and (max-width: 481px) {
  header {height:115px}
	.pgcolg1, .pgcold1 {width:100%;float:none}
	#contnu {width: 95%}
	#mag img {margin:20px 10px;width:auto;height:170px}
  .menu {display:none}
  .contrezo {display:none}
  #menumini {display:block;width:100%;border-left:1px solid #999;margin-bottom:10px}
  #menumini h3 {padding-bottom:10px}
  
  #topage22 {padding-left:3em}
	#topage22 h1, #topage22 h2 {}
	#topage22 h1 {top:0px;padding-top:0;margin:0 0 0 20px}
  #topage22 h2 {padding-top:0px;margin:-8px 0 0 20px}
  #topage22 img#lg_c_cholet {margin:5px 0 0 20px}
  #menu_p {margin-right:auto;margin-left:auto;clear:both;height:40px;margin-top:-5px;}
  .topage2 {border-bottom:0px}
	#menu_principal .nav {margin-top:3px;background:#fff;z-index:1000;}

  
  
	
	.topage2 {height:124px;}
	#topage22 {height:86px;}
	.bg_actu, .bg_pratique, .bg_services, .bg_vivre {background-image:none}
	#cinecol1, #cinecol2 {float:none;border-right:0;width:100%}
	.partielmap, #pano, #map_canvas, .gville {float:none;width:100%}
	.mdoss2, .mdoss2_2 {clear:both}
  .mdoss2, .mdoss2_2 {float:none;width:100%}
  .mdoss2, .mdoss2_2 {margin:1em 0 0 0}
  .mdoss2_2 {margin:1em 0 0 0 0}
  .mdoss2, .mdoss2_2  {margin-right:0;border-bottom:1px solid #999}
	.mdoss2 img, .mdoss2_2 img, .aj_campus .mdoss2 img, .aj_campus .mdoss2_2 img {width:190px;height:auto;float:left;margin: 0 10px 10px 0}
	.mdoss2 div a, .mdoss2_2 div a {background:none;font-size:1.3em}
  .block_suite{clear:both;margin:1em 0 0 0}
	.chapo img {width:100%;height:auto}
	#mod_galeries .cat {display:block;width:48%;float:left;margin-right:5px}
	.styled-select {width: 280px;float:none;margin:0px 0 10px 0}
	.styled-select select {width: 295px;}
	.emp_form input {float:none;margin:0px 10px 10px 0px;width:282px;}
	#topsearch {width:90%;background:#fff}
	#topsearch2 #search_box {width:90%}
	#topsearch2 #search_limit {font-size:1em;margin-bottom:1em}
	.limit_diviser {display:block;margin:10px}
	#topsearch2 #mots2 {width:83%;font-size:2em}
  #topsearch2 #search_box #search_zone {width:79%}
	
  #endlogo {height:15em;background-position:bottom;background-size:100%;margin:0;padding:0}
	
	.flex-caption {border-top:0px; border-bottom:2px #999 solid; position: relative; bottom: 0px; background:linear-gradient(#555, #222);margin-bottom:1em;padding:0}
	.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: 0px; 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}
  .ytthumb {height: 182px;width:100%;margin-bottom:1em}
  .ytthumb .video_img {top:-80px;width:100%} 
  .ytthumb .video_img img{width:480px;height:auto;}
  .une_video .ytthumb .video_legend {bottom:0px;background-color: rgba(255, 255, 255, 0.9); padding: 6px; font-size:1.250em;max-width:80%;width:80%}
  
  #btn_loupe {display:none}
	.overlay #tagsearch ul li {display:block;padding:5px 10px;}
	  #iconreseaux {padding-top:2em} 
  #hautpage span {right:4em;width:80px}	
	
	.flex-caption .gdl-title {font-size:2em;}
	
	.une_actu_row {position:relative;overflow: hidden;}
  .une_actu {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px 0px;
  grid-template-areas:
    "block1"
    "block2"
    "block3";
  }
	.une_actu_row {position:relative;overflow: hidden;}
  .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_row .flex-caption {width: 100%; position: absolute; left: 0; bottom: 0px; background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.6), rgba(0,0,0,.9));padding: 5em 1em 0em 1em;border-bottom:0;margin-bottom:0}

  .une_video {
    background: #eee;
    margin: 0;
    padding: 4em 4px;
  }
  .une_video .ytthumb:first-child .video_legend a, .une_video .ytthumb:nth-child(2) .video_legend a {font-size:1.1em;font-weight:300;}
  .une_video .ytthumb:first-child .video_legend, .une_video .ytthumb:nth-child(2) .video_legend {margin-bottom:1em}

  .une_video, .une_playlist, .une_playlist .ytthumb, .une_playlist .ytthumb .video_legend {overflow: visible;position:relative}
	.une_playlist .ytthumb:nth-child(2), .une_playlist .ytthumb:first-child {position:relative;margin:1em 0; clear:both;width:98%;display:block;height:auto;}
	.une_playlist .ytthumb img {width:100%;height:auto}
	.une_playlist .ytthumb:nth-child(2) .video_legend, .une_playlist .ytthumb:first-child .video_legend {position:relative;display:block;left:0px;top:0;margin:0;padding:0 0 0 10px}
	.une_playlist .ytthumb .video_img {position:relative;width:200px;height:auto;float:left;top: 0px;background:red}
	.une_playlist .ytthumb .video_img img {position:relative;width:100%;float:left;}
  .une_video .une_playlist .block_d_titre {margin:0.5em 0 0 0}
  .une_video .une_playlist:first-child .block_d_titre {margin:0}
  .une_playlist .ytthumb:nth-child(2) {display:none} 
  
  .une_cinema_block2 ul li {width: 24%}
  .une_cinema_block2 ul li:first-child {display:none}
  
  .agenda_legend a {font-size: 1.2em;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 1em;}
  
  #mod_video .ytthumb .video_legend {background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,1), rgba(0,0,0,1));width:auto}
  #mod_video .ytthumb {background:#000;}
  #mod_video .ytthumb .video_legend a {padding:2em 1em 1em 0;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";
  }
  
  .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";
  }
  .dos_actu .dos_actu_legend a {font-size:1.4em}
  
  .block_article{
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 1px 1px;
  grid-template-areas:
    "dos_actu1 dos_actu2"
    "dos_actu3 dos_actu4"
    "dos_actu5 dos_actu6";
  }
  .doscult .dos_actu .dos_actu_legend a {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:0px}
	
}

@media screen and (max-width: 385px) {
  #topage22 {padding-left:2em}
	#contnu {
	margin-left: 10px;
	margin-right: 10px;
		width:auto
  }
	#mag img {margin:20px 5px;width:auto;height:165px}
	.chapo img {float:none;margin-right:0;width:100%;height:auto}
	#mod_galeries .cat {display:block;width:100%;float:none;margin-right:0}
	.styled-select {width: 280px;float:none;margin:0px 0 10px 0;}
	.styled-select select {width: 295px;}
	.emp_form input {float:none;margin:0px 10px 10px 0px;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 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%;margin-bottom:1em}
  .ytthumb .video_img {top:-80px;width:100%}
  .ytthumb .video_img img{width:480px;height:auto;}
  .ytthumb .video_legend {bottom:0px;background-color: rgba(255, 255, 255, 0.9); padding: 6px; font-size:1.250em;max-width:80%;width:80%}
	#btn_loupe {display:none}
	#iconreseaux {padding-top:2em} 
  #hautpage span {right:4em;width:80px}	
	#topsearch {width:90%;background:#fff}
	#topsearch2 #search_box {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_box #search_zone {width:77%}
	.flex-caption .gdl-title {font-size:2em;}
	
		.une_actu_row {position:relative;overflow: hidden;}
  .une_actu {
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  gap: 10px 0px;
  grid-template-areas:
    "block1"
    "block2"
    "block3";
  }
	.une_actu_row {position:relative;overflow: hidden;}
  .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_row .flex-caption {width: 100%; position: absolute; left: 0; bottom: 0px; background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.6), rgba(0,0,0,.9));padding: 5em 1em em 1em;border-bottom:0;margin-bottom:0}

  .une_video .ytthumb:nth-child(2) {}
  .une_video {
    background: #eee;
    margin: 0;
    padding: 4em 4px;
  }
  .une_video .ytthumb:first-child .video_legend a, .une_video .ytthumb:nth-child(2) .video_legend a {font-size:1.1em;font-weight:300;}
  .une_video .ytthumb:first-child .video_legend, .une_video .ytthumb:nth-child(2) .video_legend {margin-bottom:1em}
   
  .une_video, .une_playlist, .une_playlist .ytthumb, .une_playlist .ytthumb .video_legend {overflow: visible;position:relative}
	.une_playlist .ytthumb:nth-child(2), .une_playlist .ytthumb:first-child {position:relative;margin:1em 0; clear:both;width:98%;display:block;height:auto;}
	.une_playlist .ytthumb img {width:100%;height:auto}
	.une_playlist .ytthumb:nth-child(2) .video_legend, .une_playlist .ytthumb:first-child .video_legend {position:relative;display:block;left:0px;top:0;margin:0;padding:0 0 0 10px}
	.une_playlist .ytthumb .video_img {position:relative;width:170px;height:auto;float:left;top: 0px;background:red}
	.une_playlist .ytthumb .video_img img {position:relative;width:100%;float:left;}
    .une_video .une_playlist .block_d_titre {margin:0.5em 0 0 0}
  .une_video .une_playlist:first-child .block_d_titre {margin:0}
  .une_playlist .ytthumb:nth-child(2) {display:none}
  
  .une_cinema_block2 ul li {width: 24%}
  .une_cinema_block2 ul li:first-child {display:none}
  
  .agenda_legend a {font-size: 1.2em;font-weight: 300;background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.6), rgba(0,0,0,.9));padding: 2em 1em 0em 1em;}
  
  #mod_video .ytthumb .video_legend {background: linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,1), rgba(0,0,0,1));width:auto}
  #mod_video .ytthumb {background:#000;}
  #mod_video .ytthumb .video_legend a {padding:2em 1em 1em 0;margin:0}
  
	.mdoss2, .mdoss2_2 {clear:both}
  .mdoss2, .mdoss2_2 {float:none;width:100%}
  .mdoss2, .mdoss2_2 {margin:1em 0 0 0}
  .mdoss2_2 {margin:1em 0 0 0 0}
  .mdoss2, .mdoss2_2  {margin-right: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:none;font-size:1.3em}
  .block_suite{clear:both;margin:1em 0 0 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{
  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";
  }
  .dos_actu .dos_actu_legend a {font-size:1.5em}
  
  .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 0px;
  grid-template-areas:
    "dos_actu1" "dos_actu2"
    "dos_actu3" "dos_actu4"
    "dos_actu5" "dos_actu6";
  }
  .dos_actu .dos_actu_legend a {font-size:1.6em}
  .block_suite ul li {margin-left:.8em}
  
  .doscult .dos_actu3 {display:block}
  .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 .dos_actu_legend a {font-size:2em;padding:1em}
  
}

@media screen and (max-width: 445px) {
	#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:0px;background-color: rgba(255, 255, 255, 0.9); padding: 6px; font-size:1.250em;max-width:80%;width:80%}
	#iconreseaux {padding-top:2em} 
  #hautpage span {right:4em;width:80px}	
}

#menu_principal {
	height:40px;
	font-size:0.85em;
	position:relative;
	z-index:100;
	margin:0;
	padding:0;
	background:none
}

#topsearch.floatable2 {position:fixed;top:40px;width:100%;left:0;margin:0;padding:0;right:0;border-bottom:1px solid #d71c27;box-shadow: 0 0 15px #000;animation: fadein 1s;}
#topsearch.floatable2 td.gsc-search-button button.gsc-search-button {}

#menu_principal.floatable {position:fixed;top:0px;width:100%;height:40px;left:0;animation: fadein 1s;box-shadow: 0 0px 4px #666;background:#fff}

#menu_principal .brand span {font-size:0}
#menu_principal .brand img {display:none}

#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 0.15em;
	line-height:0.75em;
	font-weight: 400;
}



@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


#menu_p {margin-right:auto;margin-left:auto;clear:both;height:40px;}



#banniere12, #banniere {text-align:center;margin-top:2em}
#banniere12 img, #banniere img, .tsl {box-shadow:1px 1px 10px #000;border:8px solid #fff;width:975px}

/* menu droite */
.block_d {margin:0 0 35px 0;}
.block_d h2, .trois h2, #actupresssport h2, .une h2, .pglarge h2, .pgcolg1 h2, .pgcold1 h2, .pgcolg2 h2, .pgcold2 h2, .pglarge h2, .pglarge2 h2, .pgcolg3 h2, .pgcold3 h2, .pglarge3 h2, .pgh2 {font-weight:700;margin:0;color:#333;font-size:1.5em;padding:4px;/*! border-bottom:1px solid #000; */font-variant-ligatures: common-ligatures;}
.une h2, .pglarge h2, .pgcolg1 h2, .pgcold1 h2, .pgcolg2 h2, .pgcold2 h2, .pglarge h2, .pglarge2 h2, .pgcolg3 h2, .pgcold3 h2, .pglarge3 h2 {margin-bottom:1em}
.pglarge h2, .pgcolg1 h2, .pgcold1 h2, .pgcolg2 h2, .pgcold2 h2, .pglarge h2, .pglarge2 h2, .pgcolg3 h2, .pgcold3 h2, .pglarge3 h2, .pgh2 {margin-top:2em}
.block_d ul {list-style-type:none;margin:0;padding:0}
.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:0.85em}
.bd_lien {display:block;text-align:right;background:#ccc;border-bottom:2px #000 solid;margin:15px 0 0 0;padding:2px}
.bd_lien a {color:#222;padding-right:6px}

.block_d .block_d_titre h2, .block_d_titre h2, #mod_video .cat_titre h2 {background:#000;color:#fff;display:inline-block;text-transform: uppercase;padding:4px 15px 0 15px;font-size:1.1em;padding: 4px 10px;font-weight: 300}
.block_d_titre, .block_d_titre a, #mod_video .cat_titre h2 a {color:#fff;border-bottom:1px #000 solid;margin: 0 0 20px 0;text-align:left;letter-spacing: 2px;font-weight: 300;}
  .une_agenda_grid .une_agenda_titre h2, .mod_agenda_titre h2 {background:#eee;color:#000;font-weight:700}
  .une_agenda_grid .une_agenda_titre, .mod_agenda_titre {border-bottom:1px solid #eee}
  .agenda_img img, .dos_actu_img img {width:100%;height:auto}

#mod_video .cat_titre {background :none;border-bottom:1px solid #000;margin:1em 3px 1em 0;padding:0}
#mod_video .cat_titre h2 a {font-weight:700}


/* image */
.block_img .bd_lien {margin-top:-3px}
.block_img img {width:100%}

/* une droite */
.block_une img {width:100%}
.block_une span {display:none}
.block_une a {font-size:1.45em}
.block_une .bd_lien {display:block}
.block_une .bd_lien a {font-size:1em}

/* agenda */
.block_d fieldset {border:0;padding:5px 0 0 0;margin:5px 4px 0 4px;_margin-bottom: -15px}
.block_d label {display:block;float:left;font-weight:bold;width:28%;padding:2px 0 0 0;margin:0}
.block_d legend {display:none}
.block_d select {width:145px}
.block_d input {font-size:0.85em}

/*AGENDA*/
.agd img {float:left;margin:7px 10px 0 5px}

/*ACTUALITE*/
.une {margin-bottom:0}


.Dos_catphp_texte span a{font-weight:bold;font-size:1.25em}
.Dos_catphp_texte span a {font-size:1em;font-weight:normal}
.Dos_catphp_texte span{font-size:1em;display:block;text-align:right;margin:10px 0 0.5em 0}


.mdosssuite span {display:block;font-weight:bold;padding:5px 0 5px 0}
.mdosssuite {padding:0;font-size:1.3em}
.mdosssuite ul, #service_infos ul {list-style-type:none;margin:0 0 0 0.5em;padding:0}
#service_infos ul li {padding:0 0 3px 16px;background-image:url(design/pucenoir.gif);background-position:left;background-repeat:no-repeat}

.mdosssuite ul li {padding:0 0 10px 0;list-style-type: disc;color:#d71c27}

hr {clear:left;width:100%;border:0;padding:0;margin:0;background:#999;height:1px}
.tous, .pglien {display:block;text-align:right;margin:20px 0px 0 0;padding:5px 0;font-weight:100;background:#eee;width:100%}
.tous a, .pglien a {padding-right:10px;}
.pglien a {color:#cc041a;transition: 0.9s;}
.pglien a:hover {color:#000;text-decoration:none;font-size:1.1em;transition: 0.9s;}
.tous2 {clear:both;display:block;width:596px; text-align:right;margin:0 0 10px 0;font-weight:100;border-top:1px solid #cc041a}

/*infospratiques*/
#service_infos, #service_eau  {margin:3em 0 0 0}
#service_infos div, #service_eau div {width:300px;float:left;min-height:380px}
#service_eau img {width:300px;height:auto}
#service_infos a {font-weight:bold}
#service_infos div#si2, #service_eau div#sieff{float:right}
#service_infos img {margin:10px 0 0 0}
#service_infos ul li a {font-weight:normal}
#service_infos hr {clear:both;display:block;margin:10px 0 10px 0}
#service_infos ul {margin:10px 0 0 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 a {font-weight:bold}
.serv p {padding:5px 10px 0 0}

/* image par défaut */
IMG{border:0}

.nej fieldset {border:0;margin-top:1em}
#formrech fieldset {border:0}
.nej legend, #formrech legend {display:none}


/* colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden}
#cboxWrapper {max-width:none}
#cboxOverlay{position:fixed; width:100%; height:100%}
#cboxMiddleLeft, #cboxBottomLeft{clear:left}
#cboxContent{position:relative}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch}
#cboxTitle{margin:0}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box}
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90)}
#colorbox{outline:0}
#cboxContent{margin-top:20px;background:#000}
.cboxIframe{background:#fff}
#cboxError{padding:50px; border:1px solid #ccc}
#cboxLoadedContent{border:5px solid #fff; background:#fff}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc}
#cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:36px; height:65px; text-indent:-9999px}
#cboxPrevious:hover{background-position:bottom left}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:36px; height:65px; text-indent:-9999px}
#cboxNext:hover{background-position:bottom right}
#cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:25px; height:21px; text-indent:-9999px}
#cboxClose:hover{background-position:bottom center}

.masso form {padding:0;margin:0;width:290px}
.masso fieldset {border:0}
.masso legend {display:none}
.masso label {display:block;font-weight:bold;padding:10px 0 5px 0;width:280px}

#footer_hr {clear:both;border:0;color:#fff;background:#fff}

.form_subvention label, .form_subvention input {margin:5px}

.eff_date { background:#762e82; color:#fff;padding-left:5px }

.formulaire form {margin:0;padding:0}
.formulaire {padding:20px 20px 10px 20px;border-top:1px dashed #666}
.formulaire fieldset {margin:0 0 10px 0;padding:10px;border:1px #000 solid}
.formulaire legend {padding:1px 10px;background:#666;color:white}
.formulaire div {padding:5px 0 5px 10px;border-top:1px dashed #666}
.formulaire div.premierdiv {border:0px}
.formulaire fieldset input, .formulaire fieldset select {border:1px solid #666;background:#eee}
.formulaire span {font-style:italic;display:block;background:#999;padding:2px;font-size:0.95em;color:white;margin-top:3px}

.blanc {color:#fff;background-color:#fff;height:1px;border:0}

.d_libre {margin:0 0 15px 0;padding:0}
.d_libre .d_lien1 a, .d_libre .d_lien2 a, .d_libre .d_lien2 {color:#fff}
.d_libre h2, .d_libre .d_lien1, .d_libre .d_lien2 {background-image:url(design/fd_menu.gif);color:#fff;margin:0;padding:1px;background-color:#000;border:0}
.d_libre h2 {font-size:1em;padding:5px}
.d_libre {background:#fff}
.d_libre p {padding:10px;margin:0}
.d_libre form {padding:0;margin:0;width:290px}
.d_libre fieldset {border:0}
.d_libre legend {display:none}
.d_libre label {display:block;font-weight:bold;padding:5px 0 5px 0}
.d_liste1 .d_lien2 a {color:yellow}
.d_liste1 .d_lien2 {background-image:url(design/fd_menu2.gif);color:yellow}
.d_libre .d_lien2 a, .d_libre .d_lien2 {color:#fff}
.d_liste2 .d_lien2, .d_libre .d_lien2 {background-image:url(design/fd_menu.gif);color:#fff}
.d_lien2 {display:block;text-align:right;margin:15px 0 0 0;font-weight:bold;padding-right:5px}
.d_lien2 {margin:-3px 0 0 0}
.d_libre a img {float:left}
.d_libre a img.img_dlibre, .d_libre img.img_dlibre  {float:none;width:100%;height:auto;margin-bottom:-3px}

.texte img, .pgcolg1 img, .pgcold1 img {width:100%;height:auto}

.texte a:hover img, .pgcolg1 a:hover img, .pgcold1 a:hover img, .pglarge a:hover img {opacity:60%;transition: 0.9s;}
.texte a img, .pgcolg1 a img, .pgcold1 a img, .pglarge a img {transition: 0.9s;}

.texte p object.video_yt, #bande_annonce object, .texte iframe.video_youtube {width:100%;height:380px}
iframe.video_youtube {width:100%;height:380px}

.agd .alimg {width:100%;margin:0;padding:0}
.alimg2 {width:80px;height:auto;margin-right:10px}
.agdrub {padding:5px}
.agdrub:nth-child(2n+1) {border-top:1px solid #999}

.verdon p, .ribou p {clear:both;padding-top:20px}
#verdon, #verdon7j {background-image:url(design/verdon3.jpg)}
#ribou, #ribou7j {background-image:url(design/ribou.jpg)}
#verdon, #ribou, #verdon7j, #ribou7j {clear:both;position:relative;height:267px;width:600px;background-position: 0;background-repeat:no-repeat}
#verdon div, #ribou div, #verdon7j div, #ribou7j div {width:600px;height:auto;position:absolute;bottom:37px;left:2px;padding:0;margin:0}
#ribou div {left:0px}
#ribou7j div {left:12px}
#verdon7j div {left:15px}
#verdon_tab li, #ribou_tab li {text-align:center;display:block;float:left;width:112px;background:#eee;padding:2px;border:1px solid #999;margin:1px}
#verdon_tab, #ribou_tab {margin:0;padding:0;width:600px;height:200px}
#verdon_tab li strong, #ribou_tab li strong {display:block;font-size:0.85em;border-bottom:1px dashed #999}
#verdon a span, #ribou a span, #verdon7j a span, #ribou7j a span {display:none}
#verdon a:hover span, #ribou a:hover span, #verdon7j a:hover span, #ribou7j a:hover span {position:absolute;left:120px;top:80px;display:block;background:#933;color:#fff;padding:4px;font-weight:bold;border-radius: 5px;box-shadow: 1px 1px 5px #000}
#verdon a:hover img, #ribou a:hover img, #verdon7j a:hover img, #ribou7j a:hover img {opacity:0.5}
.verdon h2, .ribou 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}

/*  jQuery FlexSlider v1.8 */
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none}
.slides,.flex-control-nav,.flex-direction-nav {margin: 0; padding: 0; list-style: none} 
/* FlexSlider Necessary Styles */ 
.flexslider {width: 100%; margin: 0 0 15px 0; padding: 0}
.flexslider .slides > li {display: none} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block}
.flex-pauseplay span {text-transform: capitalize}
/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0} 
html[xmlns] .slides {display: block} 
* html .slides {height: 1%}
/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block}
/* FlexSlider Default Theme */
.flexslider {background: #fff; position: relative; zoom: 1}
.flexslider .slides {zoom: 1}
.flexslider .slides > li {position: relative}
.flex-container {zoom: 1; position: relative}
/* Caption style */
.tlc .flex-caption {border-top:2px #b60803 solid; border-bottom:2px #b60803 solid; background: rgba(182,8,3,0.6); opacity:1; filter:alpha(opacity=100); }
/* Direction Nav */
.flex-direction-nav {*height: 0}
.flex-direction-nav a {width: 38px; height: 38px; margin: -20px 0 0; display: block; background: url(bg_direction_nav_custom.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease}
.flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; }
.flex-direction-nav .flex-prev {left: 0px;}
.flexslider:hover .flex-next {opacity: 0.6; right: 5px}
.flexslider:hover .flex-prev {opacity: 0.6; left: 5px}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default}
/* Control Nav */

.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline}
.flex-control-paging li a:hover { background: yellow; background: rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active { background: green; background: rgba(0,0,0,0.9); cursor: default}
/* Slider */
.gdl-slider-title{margin-left: -2px; padding-bottom: 7px; font-size: 20px; line-height: 20px;color:#000;padding: 15px}
.tlc .gdl-slider-title {color:#fff}
footer {clear:both;padding:20px;background:#333;margin-top:2em}
footer a {color:#eee}
footer h3 {font-weight:300;font-size:1.125em;text-transform: uppercase;color:#fff;padding-left:10px;text-align: left;}
footer .adcmap h3 {margin-left:10%;font-size:2em;}


.rapid_admin {background:#ccc;color:#96101a;padding:10px;text-align:right}
.suiv_preced {background:#eee;font-weight:100;margin:3em 0 1em 0}
#suite, #debut {display:block;font-size:1.125em;padding:1em}
#debut {border-bottom:1px dotted #999}
#suite a, #debut a {color:#96101a}

form.inscription div.form_row {float:left; width:99%; margin:1em 0 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 label.form_option {text-align:left;}
form.inscription input.form_option {width:3%; border:none; margin:0; padding:0; background-color:transparent;}
form.inscription div#pwd_box {display:none; float:right; width:20%; margin:0 2% 0 0;}
form.inscription div#img_pwd_box {display:none; float:right; width:5%; margin:0 2% 0 0; text-align:right;}
form.inscription div#login_box {display:none; float:right; width:20%; margin:0 2% 0 0;}
form.inscription div#img_login_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 #000 solid; height:13px; width:100px;}
form.inscription div#score {color:#000; position:absolute; text-align:center; width:100px; z-index:10; font-weight:bold;}
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;}


/* zone connexion/membre */
#menu {width:auto; font-size:1em; font-weight:bold;}
#menu a {color:yellow; font-weight:normal;}
#menu ul {list-style-type:none; margin-top:0.5em; padding:0; line-height:1.8em; border:none;}
#menu li {margin:0; padding:0; border:none;}
#menu ul.zone_ligne {width:auto; margin:0.4em; text-align:left;}
#menu ul.zone_ligne li {display:inline; border-right:2px solid #999; padding:0 0.5em; height:1.8em;}

#copyright {display:block;background:#222;font-size:7px;color:#555;text-align:right;padding:4px}
#copyright a {color:#666}


.block_d h2 {background:#fff;}

ul.menu_mobile {padding:0;margin:0 0 3em 0;list-style-type:none}
.menu_mobile li {padding:0;margin:0}
.menu_mobile a {font-weight:bold;display:block;width:99%;height:26px; padding:7px 0 5px 0; margin:0;border-bottom:1px solid #999;background-image:url(design/pucenoir.gif);background-position:right;background-repeat:no-repeat;}
.menu_mobile a:hover {background-color:orange}

.trois legend {display:block;width:100%;background:#666;font-weight:bold;font-size:1.125em;margin-bottom:1em}

.separation_titre {margin-top:2em}

/* lecteur audio */
#player_audio {background:#eee;border:1px solid #ccc}
#audioPlayer {width:100%}
	#playlist{list-style:none;margin:0;padding:0}
	#playlist li a{color:black;text-decoration: none;display:block;padding:6px 6px 6px 40px;border-bottom:1px solid #ccc}
	#playlist li a:hover{color:white;text-decoration: none;display:block;background:#666 url(img/audio2.png) 5px no-repeat;}
	#playlist .current-song a {color:white;background:#999 url(img/audio.png) 5px no-repeat;}

.important {background:#ab3f42;padding:1em;color:#fff;font-size:1.125em;margin-top:0em}
.important h2 {color:#fff;border-color:#fff;margin-bottom:20px}

#gestmax {background:#eee;width:100%;margin-top:4em}
#gestmax iframe {height:1350px;width:100%}

/* menu offre emploi - menu news */
.menuoffre ul li, .menunews ul li {font-weight:700;font-size:1.225em}
.menuoffre {text-transform:lowercase}
.menuoffre  ul li::first-letter {text-transform:uppercase}

#coulcentre .gsc-control-cse .gs-spelling,
#coulcentre .gsc-control-cse .gs-result .gs-title,
#coulcentre .gsc-control-cse .gs-result .gs-title * {
  font-size: 20px;
}
#coulcentre .gs-bidi-start-align {font-size:15px}

.une_agenda_titre h2 a {color:#000;font-weight:bold;text-decoration:#000}
.une_agenda_titre h2 a:hover {color:#d71c27}