.media_yes {display:none}
.sticky {
  position: fixed;
  margin-top:-10px;
  top: -10px;
  left:0;
  right:0;
  
  box-shadow:2px 2px 4px;
  z-index:5000
}
.sticky1 {
  position: fixed;
  margin-top:10px;
  top: -50px;
  left:0;
  right:0;
  fonnt-size:30px
  
  box-shadow:2px 2px 4px;
  z-index:5000
}
.persistant {position:fixed;top:100px;left:0;right:0;background-color:white;z-index:50001
}
.persistantentete {position:fixed;top:0;left:0;right:0;background-color:white;z-index:5000;
}

.space {margin-top:120px
}
.col-container {
    display: table; /* Make the container element behave like a table */
    width: 100%; /* Set full-width to expand the whole page */
}

.col {
    display: table-cell; /* Make elements inside the container behave like table cells */
}
.ecart-header {margin-top:-10px}
#barre-nav .menu-conteneur,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width:98%;;
	z-index:50000
	}
#colophon {width:98%}
#main {
	clear: both;
	overflow: hidden;
	margin-top:160px
	
}
#nom_site_spip {
	float: left;
	font-size: 30px;
	line-height: 36px;
	margin: 0 0 18px 0;
	width: 700px;
}
#container {
	float: right;
	margin: 0 -240px 0 0;
	
	
	
}
#content {
	margin: 0 240px 0 20px;
}
#primary,
#secondary {
	float: left;
	overflow: hidden;
	width: 220px;
}
#secondary {
	clear: right;
}
#footer {
	clear: both;
	width: 100%;
}
.logo {margin-top:30px;margin-left:40px;border:0;height:60px;width:60px}
.logo:hover {height:80px;width:auto}
.logo_fondation {margin-top:30px;margin-right:40px;border:0;height:60px;width:60px;float:right}
.box-right {width:50%;display: table-cell;margin-bottom:20px;border-right:10px solid white}
.box-left {width:50%;display: table-cell;margin-bottom:20px;border-left:10px solid white}
.petit_encart {position:absolute}
.apps {width:25%;min-width:150px;float:right;overflow:auto;flex-grow:1;font-size:13px;padding:5px;margin:5px;font-weight:bold;align-self: top;border-top: 1px solid #cccccc;font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;color:black}
.apps a {color:black}
.apps:hover {background:#1F55A6;color:white}
.apps:hover a {color:white}
.encartsgris {width:100%;display:flex;float:left;border-spacing:0px;margin-right:0;margin-bottom:20px;align-items: stretch}
.encart_vert {display:table-cell;float:left;color:black;height:inherit;margin-right:0px;margin-bottom:20px;width:33%}
.encart_vert img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.imgradius {border-top-left-radius:0px;border-top-right-radius:0px;width:100%}
.bienvenue {width:70%;margin:auto;height:350px;overflow:auto}
.bandeau {background-image:url(entete1.jpg);background-repeat:no-repeat;background-position:center}
.page_accueil {margin-left:0px;margin-top:38px}
#mobile-header {display:none}
.rubriquelarge {width:49%;}
.rubriqueapercu {height:200px;overflow:hidden}
.tableau {display:flex;flex-wrap:wrap}
.cellule {flex-grow:1;min-width:300px;width:30%}
.boxrubriquelarge {position:relative;top:0;z-index:1;float:left;width:50%;max-width:160px}
.rubleft {float:left}
.rubright {float:right}
.titre-c-right {width:50%;float:right;text-align:left}
.margemenu {margin-top:10px}
.rubavecencart {display:flex;justify-content: center;
align-items: center;align-items: stretch;flex-wrap:wrap}
.rubencart {width:150px;min-height:60px;border:1px solid #cccccc;background-color:white;color:black;margin:5px;text-align:center;padding:5px;font-weight:bold;display:table-cell}
.rubencart:hover {background-color:#1F55A6;color:white;box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);}
.height-encartvert {display:table;width:100%;border-spacing:0%;z-index:30000;margin-top:50px}
.nivo-main-image {max-width:70%;height:auto}
.box-blubb {width:25%;float:right}
.evenementul {list-style-image: url(puce-verte.jpg);display:flex; flex-wrap:wrap;font-weight:bold;font-size:14px;color:black;font-family: "Times New Roman";}
.evenementli {flex:1 1 50%;}
.evenementdiv {width:25%;min-width:300px;height:80px;padding:5px;margin:5px;flex-grow:1;border-top: 1px solid #cccccc}
.evenementdivclick {display:block;position:absolute;width:25%;min-width:300px;height:80px;padding:5px;margin:5px;flex-grow:1}
.evenementdiv:hover {background:#f2f1ec}
.evenementdivconf {width:25%;min-width:300px;height:80px;padding:5px;margin:5px;flex-grow:1;border-top: 1px solid #cccccc}
.evenementdivconf:hover {background:#E2D5DA;color:black}
.evenementdiv.conf:hover {background:bordeaux;color:white}
.vignetteaccueil {float:left;margin-right:10px}
.kopf {width:50%;height:80px;margin:auto;text-align:center;padding-top:60px;font-family:andoveraccent;font-size:70px;letter-spacing:1px;color:black;transition: 0.4s}
#kopf {width:50%;height:80px;margin:auto;text-align:center;padding-top:60px;font-family:andoveraccent;font-size:70px;letter-spacing:1px;color:black;transition: 0.4s}
.klein {font-size:30px;color:#61B211}
.lsp {width:70%;margin:auto}
@media screen and (max-width:900px) {
   .lsp { width:100% }
}
ul.pde a:link,
	ul.pde a:visited,
	ul.pde a:hover,
	ul.pde a:active{
		text-decoration:none;
		color:#111;
		font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
		line-height:20px
	}
ul.pde a:hover {background:#111;color:white}
	ul.pde,ul.pde li{
		margin:0;
		padding:0;
		list-style:none;
	}
ul.pde{
		text-align:left;
		font-size:14px;
		line-height:18px;
		margin:.8em auto;
		background:transparent;
  border-style: dotted; border-width: 0;
		width:100%;
		margin-top:0
	}
	
	ul.pde ul{
		margin:0 0 0 1em;
		padding:0;
	}
	ul.pde li{
		line-height:20px;
		padding:.2em 0;
		margin:0;
		padding:0;
		padding-top:2px;
		padding-left:0px;
	}
	ul.pde li.sousrub a{
  font-size:15px;
}
.fade {
	padding:10px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: transparent;
    color: #fff;
	font-weight:bold;
    opacity:0; /* Completely invisible. */
    transition:1s; /* A 1 second transition. */
}

.fade:hover {
    opacity:1; /* Completely visible. */
	background-color:transparent
	
}
.antifade:hover {background-color:black;opacity:1}

.tooltip-text {
  opacity:0; /* Completely invisible. */
    transition:3s; /* A 1 second transition. */
  position: absolute;
  right:10px;
  z-index: 1;
  width: 250px;
  color: black;
  font-size: 12px;
  background-color: white;
  
  padding: 10px 15px 10px 15px;
  padding-bottom:-10px;
  margin-bottom:-10px;
  float:right;
  
}

.hover-text:hover .tooltip-text {
    opacity:1; /* Completely visible. */
    transition:1s; /* A 1 second transition. */
}

.titre-encart:hover {text-decoration:underline}
.divrecherche {width:200px;float:left;margin-top:30px;margin-left:10px;padding-left:0}
.cpes {display:table-cell;font-size:11pt;min-width:348px;max-width:349px}