/* Partie DSI */
/* ---------- */
	.visually-hidden {
		position: absolute;
		left: -7000px;
		overflow: hidden;
	}
	* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	/* Calendrier */
	.inbl {
		display: inline-block;
		vertical-align: top;
	}

	.calendar {
	  width: 100%;
	  background: #fff;
	  color: #272727;
	  /* general */

	  /* caption */

	  /* thead */

	  /* tbody */

	}
	.calendar td,
	.calendar th,
	.calendar .day,
	.calendar .header-day {
	  font-size: 1.1428571428571428em;
	  text-align: center;
	  padding: 10px 0;
	}
	.calendar a {
	  color: #272727;
	}
	.calendar abbr {
	  border: 0;
	}
	.calendar div.today .date {
	  background: #c81f4a;
	  color: #fff;
	  font-weight: bold;
	}
	.calendar .event > .date {
	  display: none;
	}
	.calendar .event .date {
	  background: #f8ab3f;
	}
	.calendar .adjacent-month {
	  color: #999;
	}
	.calendar .adjacent-month.event span {
	  background: #efca97;
	}
	.calendar caption,
	.calendar thead,
	.calendar .calendar-header {
	  background: #272727;
	  color: #fff;
	}
	.calendar caption,
	.calendar .clndr-controls {
	  font-size: 1.2857142857142858em;
	  font-weight: bold;
	  padding: 12px 0;
	  margin: 0;
	  text-align: center;
	}
	.calendar caption a,
	.calendar .clndr-controls a {
	  color: #fff;
	}
	.calendar thead th {
	  padding: 12px 0;
	  font-weight: normal;
	  border-top: 1px solid #3c3a39;
	  border-bottom: 1px solid #272727;
	}
	.calendar tbody,
	.calendar .calendar-content {
	  border: 1px solid #dad9d8;
	}
	.calendar tbody td,
	.calendar .calendar-content td {
	  padding: 6px;
	}
	.calendar tbody td span,
	.calendar .calendar-content td span {
	  padding: 4px 0;
	  display: block;
	}
	.calendar .days-of-the-week {
	  text-align: center;
	  border-top: 1px solid #3c3a39;
	}
	.calendar .calendar-content {
	  text-align: center;
	}
	.calendar .day,
	.calendar .header-day {
	  width: 12%;
	  padding: 6px 3px;
	}
	.calendar .day span,
	.calendar .header-day span {
	  padding: 6px 4px;
	  display: block;
	}	
	
	
/* Partie COM */
/* ---------- */

@font-face {
font-family: 'aleo-regular';
src: url('/aglae-test/resources/fonts/aleo-regular.eot');
src: url('/aglae-test/resources/fonts/aleo-regular.eot?#iefix') format('embedded-opentype'), url('/aglae-test/resources/fonts/aleo-regular.woff') format('woff'), url('/aglae-test/resources/fonts/aleo-regular.otf') format('opentype'), url('/aglae-test/resources/fonts/aleo-regular.svg#aleoregular') format('svg');
font-weight: normal;
font-style: normal;
}

* {box-sizing: border-box;}
html {font-size: 8pt;}
.clear {clear: both;}
.clear-bas {clear: both; margin-bottom: 40px;}
/* Paramètres généraux*/
body {background-color: #FFF; font: verdana, arial; font-size: 100%; width: 100%; margin: 0 auto;}
.fas {margin-right: 20px;}

/*Menu*/
#menu {display: inline-block; float: left; width: 25%; min-width: 260px; background: #ca2233/*linear-gradient(to bottom, #ba283b 0%, #f01420 100%)*/; 
padding: 5px 10px; color: #FFF; font-size: 0.9em; font-family : verdana;}
/* Refonte du menu logo */
#menu div.logo {display: block; font-weight: bolder; color: #FFF; text-transform: uppercase; font-size: 120%;}
#logos {float: left; max-width: 30%;}
#baseline {float: left; margin-top: 10px;}
#menu div.logo img {max-width: 20%; min-width: 50px; }
#menu div.logo a:link, #menu div.logo a:active, #menu div.logo a:visited {color: #FFF; font-weight: normal;}
/* Fin refonte du menu logo 

   /* ajouté selecteur div. 
	{display: block; min-width: 90%; background-color: #ca2233; text-decoration: none; color: #FFF; padding: 20px 10px; font-weight: bold;}*/

/* ATTENTION : modifié par TC */
#menu div.bloc-menu {display: block; min-width: 100%; margin: 10px auto; background-color: #990026; } /* ajouté selecteur .bloc-menu */
#menu div.bloc-menu a:link, #menu div.bloc-menu a:active, #menu div.bloc-menu a:visited   /* ajouté selecteur .bloc-menu */
	{display: block; min-width: 90%; text-decoration: none; color: #FFF; padding: 20px 10px; font-weight: bold;}
#menu a:hover {/*background-color: #FFF;*/ color: #000;} 
#menu .calendar {width: 100%; background-color: #FFF; color: #ccc;} /* version PhD : width: 15vw; height: 15vw;  */
/* Pour les icones */

.bloc-menu .fas-menu {float: left; display: table-cell; vertical-align: middle; width: 15%; padding: 15px 0; text-align: center;}
.bloc-menu .fas-menu-lib {float: left; display: table-cell; width: 85%; display: inline-block; padding: 0;}

	
/* Principal */
#main {display: inline-block; float: left; width: 75%; margin: 0 auto; padding: 0 3%;}

/* Retour à l'accueil */
#home {float: right; display : block; margin: 10px 5px 0 0;}

/* ICS */ 
#ics {float: left /* demande AE - dec 18 - alignement à gauche au lieu de droite */; display: block; margin: 15px  0 0 5px;}
#ics a:link, #ics a:visited, #ics a:active {color: #FFF; background-color: #ca2233; padding: 10px; border-radius: 5px; text-decoration: none;}
#ics a:hover {color: #ca2233; background-color: #FFF; border: 1px solid #ca2233;}

/* Titre */
#titre {display: block; width: 60%; margin: 0 auto; }
#titre h1 {font-size: 1.5714285714285714em; font-family: 'Aleo regular', Georgia, serif; text-transform: uppercase; text-align: center;}
#titre .print {display: none;}


/* Date */
#date {display: block; width: 100%; margin: 0 auto; text-align: center; font-size: 1.5714285714285714em;}
#date .left {float: left; width: 30%; padding: 3%; font-weight: bolder; text-align: right;}
#date .day {float: left; width: 40%; padding: 3%; font-weight: bolder; text-align: center;}
#date .right {float: left; width: 30%; padding: 3%; font-weight: bolder; text-align: left;}
#date span.nbr {color: #ba283b; }

/* Impression */
#print {display: block; width: 40px; height: 40px; width: 100%; text-align: center;}


/* Filtres */
#filtres {float: left; min-width: 40%;}
#filtres .droptext {float: left; margin: 0 10px; max-width: 20%; font-weight: bold; color: #ba283b; font-size: 100%;}
#filtres .dropdown {float: left; min-width: 20%; position: relative; display: inline-block;}
#filtres .dropbtn {display: block; background-color: #f0ca4d; color: #FFF; padding: 1% 1.5%; font-size: 100%; border: none; cursor: pointer;}
#filtres .dropdown-content {display: none; position: absolute; background-color: #f9f9f9; min-width: 120%; 
							box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1;}
#filtres .dropdown-content a {color: #000; padding: 12px 16px; text-decoration: none; display: block;}
#filtres .dropdown-content a:hover {background-color: #f1f1f1}
#filtres .dropdown:hover .dropdown-content {display: block;}
#filtres .dropdown:hover .dropbtn {background-color: #3e91cf;}

/* Modif TC : ajout #nav .button.off et pointer-events: none; */
#filtres .dropbtn.off, #filtres .droptext.off ,#nav .button.off{
	filter: grayscale(100%);
	color: #aaa;
	pointer-events: none;
	} 

/* Impression et autres outils*/
#filtres-autres-liens {float: left; margin-left: 10%; min-width: 40%;}

#retour {float: left; margin-left: 5%; display: block; width: 40px; height: 40px;}


/* Navigation */
#nav {width: 100%; margin: 0 auto; text-align: center;}
/* A décocher si on n'utilise pas les images 
--------------------------------------------
#nav .button a {margin: 0 3%;float: left; border: 1px solid #03a4a7; font-size: 1.5em; background-color: #03a4a7; border-radius: 50%; width: 55px; height: 55px; color: #FFF; padding: 15px; text-align: center;}
#nav .button a:hover {margin: 0 3%; filter:grayscale(100%);}
-------------------------------------------- */
#nav .button {float: left; max-width: 12%;}
#nav .button a:hover {filter:grayscale(100%);}
#nav img {width: 60%;}

/* Contenu */
#content {}
.content-more {margin-left: 20%;}


/* evt gene */
.evt {display: block; margin: 3% 0; padding: 2%; border-top: 3px solid; background-color: #f7f7f7;}
.evt h2 {margin: 0 0 1% 0;font-size: 120%; font-weight: bolder; font-family: 'Aleo regular', Georgia, serif;}
.evt div.share, .evt div.plus {float: right; margin: 0 0.5%;}
.evt div.time, .evt div.separate, .evt div.titre {float: left; margin: 0 1%; font-weight: bolder;}
.evt div.infos {margin: 1% 0 0 9%;}
.evt div.infos div {margin: 0.8em 0;}
.evt div.organe {font-weight: bolder; margin-bottom: 1%;}
.evt div.objet i, .evt div.lieu i, .evt div.lien i, .evt div.intervenant i, .evt div.video i, .evt div.contact i {float:left; padding: 0 0.5em 0 0;}
.evt div.lien a {text-decoration: none; color: #464646; font-weight: bold;}
.evt div.titre {font-family: 'Aleo regular', Georgia, serif;}

/* seance : séance */
.evt-seance {border-color: #bc2a3c;}
.evt-seance h2, .evt-seance i {color: #bc2a3c;}
.evt-seance div.time, .evt-seance div.separate, .evt-seance div.titre {color: #bc2a3c;}

/* instanz : instances  - commissions - cmp - speciales - MI*/
.evt-instanz {border-color: #03a4a7;}
.evt-instanz h2, .evt-instanz i {color: #03a4a7;}
.evt-instanz div.time, .evt-instanz div.separate, .evt-instanz div.titre {color: #03a4a7;}
	
/* cemi : Commissions enquêtes - MI communes */
.evt-cemi {border-color: #723b84;}
.evt-cemi h2, .evt-cemi i {color: #723b84;}
.evt-cemi div.time, .evt-cemi div.separate, .evt-cemi div.titre {color: #723b84;}

/* deleg : délégations et opecst */
.evt-deleg {border-color: #ed6d34;}
.evt-deleg h2, .evt-deleg i {color: #ed6d34;}
.evt-deleg div.time, .evt-deleg div.separate, .evt-deleg div.titre {color: #ed6d34;}

/* bureau : bureau - Conf des pdts - CS controle des comptes */
.evt-bureau {border-color: #3e91cf;}
.evt-bureau h2, .evt-bureau i {color: #3e91cf;}
.evt-bureau div.time, .evt-bureau div.separate, .evt-bureau div.titre {color: #3e91cf;}

/* Supprimé TC float: right; */

/* grps : groupes politiques */
.evt-grps {border-color: #1b3540;}
.evt-grps h2, .evt-grps i {color: #1b3540;}
.evt-grps div {margin: 0 0.5%;}

/* autres : autres */
/* ATTENTION : modifié par TC */
/* grps : groupes politiques */
.evt-grps {border-color: #1b3540;}
.evt-grps h2, .evt-grps i {color: #1b3540;}
.evt-grps div {margin: 0 0.5%;}

/* autres : autres */
.evt-autres {border-color: #626261;}
.evt-autres h2, .evt-autres i {color: #626261;}
.evt-autres div { margin: 0 0.5%;}

/* Présidence */ 
.evt-presidence {border-color: #990026;}
.evt-presidence h2, .evt-presidence i {color: #990026;}
.evt-presidence div {margin: 0 0.5%;}

/* Groupes d'amitié réunions */
.evt-ga {border-color: #f0636f;}
.evt-ga h2, .evt-ga i {color: #f0636f;}
.evt-ga div {margin: 0 0.5%;}

/* GA autres */
.evt-ga-autres {border-color: #7f6459;}
.evt-ga-autres h2, .evt-ga-autres i {color: #7f6459;}
.evt-ga-autres div {margin: 0 0.5%;}

/* delais limite parole */
.evt-dl-parole {border-color: #35478c;}
.evt-dl-parole h2, .evt-dl-parole i {color: #35478c;}
.evt-dl-parole div {margin: 0 0.5%;}

/* delais limite amdt */
.evt-dl-amdt {border-color: #e88554;}
.evt-dl-amdt h2, .evt-dl-amdt i {color: #e88554;}
.evt-dl-amdt div {margin: 0 0.5%;}

/* infos diverses */
.evt-infos-div {border-color: #ea4de5;}
.evt-infos-div h2, .evt-infos-div i {color: #ea4de5;}
.evt-infos-div div {margin: 0 0.5%;}

/* delais limite TC */
.evt-dl {border-color: #35478c;}
.evt-dl h2, .evt-dl i {color: #35478c;}
.evt-dl div {margin: 0 0.5%;}

/* ---------------- Page des instances ------ */

.dropbtn {
    color: white;
    padding: 2em;
    font-size: 105%;
    border: none;
    cursor: pointer;
	width: 100%;
}
.dropdown {
    position: relative;
    display: inline-block;
	width: 100%;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Contenu caché par défaut */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* liens liste */
.dropdown-content div.dp-instance {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}
.dropdown-content div.dp-instance:hover {background-color: #f1f1f1;}
.dropdown-content a:link, .dropdown-content a:active, .dropdown-content a:visited 
	{text-decoration: none; font-weight: bold; color: #000;}
.dropdown-content a:hover {background-color: #f1f1f1; color: #000;}

.dp-instance div {float: right; width: 8%;}
.dp-instance i {color: #ba283b;}

.linktext {float: left; width:60%;}
.linkicon {float: left;}

/* Couleurs de fond des différents blocs */
.drop1 {background-color: #bc2a3c;}
.dropdown .drop1:hover {background-color: #971424;}
.drop2 {background-color: #03a4a7;}
.dropdown .drop2:hover {background-color: #008181;}
.drop3 {background-color: #723b84;}
.dropdown .drop3:hover {background-color: #59216B;}
.drop4 {background-color: #ed6d34;}
.dropdown .drop4:hover {background-color: #CC4B11;}
.drop5 {background-color: #3e91cf;}
.dropdown .drop5:hover {background-color: #1D7AC1;}
.drop6 {background-color: #1b3540;}
.dropdown .drop6:hover {background-color: #0E2731;}
.drop7 {background-color: #626261;}
.dropdown .drop7:hover {background-color: #292928;}



/* Habillage texte des infos en bas de page */
.infotxt {display: block; border-radius: 5px; border: 2px solid #c8092b; margin: 2% 0; padding: 20px;}

/* ---------------- Responsive -------------- */


@media screen and (max-width: 640px) {
  html {font-size: 85%;}
  #menu {display: none;}
  #main {display: block; float: left; width: 100%; padding: 0 3%;}
  #date {/* min-width: 120%;*/ width: 100%; margin: 0 auto; color: #000;}
  #date .left, #date .right {float: left; width: 20%; padding: 3%; font-weight: bolder; text-align: right;}
  #date .day {float: left; width: 50%; padding: 3%; color: #ba283b; font-weight: bolder; text-align: center;}
  #date .right {text-align: left;}
  #titre {margin: 0 auto; width: 100%;}
  
.topnav {
  overflow: hidden;
  background-color: #990026;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 150%;
  display: block;
  border-bottom: 2px solid #FFF;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav .active {
  background-color: #bf2638;
  color: white;
}

/* ICS */ 
#ics {display: none;}

}


@media screen and (min-width: 640px) {
  html {font-size: 100%;}
  body {font-size: 100%;}
  .topnav {display: none;}
}
@media screen and (min-width: 1024px) {
  html {font-size: 100%;}
  body {font-size: 100%;}
  .topnav {display: none;}
}

@media only print {
 
    /* Remise à zéro de certains styles */   
    *, *:before, *:after, *:first-letter, p:first-line, div:first-line, blockquote:first-line, li:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    /* N'affiche plus certains éléments */
    #menu, #util, #print, .topnav, .share, .plus {display: none;}
    /* Passage en full page */
    #main {width: 100%;}
    #date {width: 100%;}
    #content {width: 100%;}
    /* Masquage des lignes colorées de séparation */
    .evt {border: none;}
}