@import url('https://fonts.googleapis.com/css?family=Poppins|Montserrat:400,700&display=swap');
.invalid-feedback{color:red;font-weight:bold}
.facets{max-width:100%}
#section141559.covertitle .col-md-12 .col-md-6 img{max-width:100%;transform:initial}
#c132223 blockquote{font-size: inherit; color:red}
.tx-eventcalendar iframe{width:100%;min-height:480px}
* { font-family: 'Poppins', sans-serif;}
H1,H2, H3, H4, H5, H6, div.NomSite *, span.SiteName, span.SiteName *,  .SiteNameFoot,.SiteNameFoot * {font-family: 'Montserrat', sans-serif;}
H1,H2, H3, H4, H5, H6 {text-transform: uppercase;font-weight:bold;color:#000}
H1{
font-weight: 700; font-style: normal;
font-size:24pt;
margin-bottom:1em;
}
.news-single .news-text-wrap ul{
    list-style-position: inside;
}
.btn-primary{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: break-spaces;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
	}
Footer .addresscontact i.btn{    font-size: 1.5em;
    vertical-align: middle;
    /* display: block; */
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    width: 2em;
    cursor: pointer;
    height: 2em;
    padding: 0.25em;}
	.addresscontact .addresscontactfooter  i.btn{    font-size: 1em;
    vertical-align: middle;
    /* display: block; */
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 0;
    width: 1.5em;
    cursor: pointer;
    height: 1.5em;
    padding: 0.1em;}
Footer	 .addresscontact {font-size:1.2em}
.addresscontactfooter{font-size:1em;}
.addresscontactfooter li{text-align:left;;margin-bottom:0.5em;}
.addresscontactfooter {list-style:none}
.addresscontactfooter a:before{content:none !important}
.addresscontactfooter a{font-weight:normal}
.chiffrescles H2{color:#009fe3;font-size:3em;}
.chiffrescles{text-align:center;font-weight:bold;margin-top:1em;margin-bottom:1em;}
#c136258 legend {display:none}
h1:after{
    content: "";
    position: absolute;
    width: 45px;
    height: 4px;
    border-bottom: 4px solid #009fe3;
	padding:0.8em;
	left:15px;
}
#c132223 #myCarouselnews .gallery .carousel-caption{
	right: 10%;
left: 10%;
padding-bottom: 0px;
padding-top:0;
padding-bottom:0;
background:#000;
bottom:0;
}
a{color:#337ab7;text-decoration:none}
a:hover{text-decoration:underline}
.polemetro h1{font-size:22pt}

/*Aside Right*/
aside.menuasideright .asidemenutitle .asidemenu{
text-transform: uppercase;
font-weight:bold;
}
aside.menuasideright .asidemenutitle H2{
color:#fff;
font-size:14px;
padding:0;margin:0;
text-transform:none;

}

img{max-width:100%;height:auto;}

 .btn-jaune {
    color: #545f61;
    background-color: #b6c932;
    border-color: #b6c932;
}

aside.menuasideright .asidemenutitle {
	font-family: 'Poppins', sans-serif;
	display:block;
	background-color:#616e71;
	color:#fff;
	padding-left:1em;
	padding-top:8px;
	padding-bottom:8px;
}
aside.menuasideright ul{list-style: none;padding:0;margin:0}
aside.menuasideright  ul li{
border-bottom: 1px dotted #c7c7c7;
min-height: 40px;
line-height: 40px;
width: 100%;
padding-left:1em;
}

.asiderightcan * ,.module-sidebar *, .colrightna h2.element-header{font-size:14px}
.asiderightcan h2, .module-sidebar h2, .colrightna h2.element-header {
font-family: 'Poppins', sans-serif;
width:100%;
background-color:#f2f2f2;
	color:#fff;
	padding-left:1em;
	padding-top:8px;
	padding-bottom:8px;
	text-transform:none;
	color:#000;
	font-weight:700;

}
#readthis a[href^="tel:"]:before {
    content: "" !important;
    font: normal normal normal 14px/1 FontAwesome;
    text-decoration: none;
}

.asiderightcan  ,.module-sidebar {border-bottom:1px solid #c7c7c7}



/*Tableau*/
body table{
	width:100%;
	border:none
	border-spacing : 0;
	border-collapse : collapse !important;
}
th, td{
	padding:0.5em;
	margin:0;
	border:none

}
th {background:#616161;text-align:center;text-transform: uppercase;color:#fff;border-left:1px solid #fff}

thead th:first-child {
border-left: none;
}
tbody tr:nth-of-type(2n+1) {
    background-color: #f2f2f2;
}

/*Gallery*/
.ce-center .ce-gallery{width:100%;text-align:center}
.ce-gallery{
margin:1em;
}
.ce-gallery figure{ display:table;margin:auto;}
.ce-gallery figcaption{ background:#009fe3;text-align:center}




/*Liste Image*/
.thumbnail img{max-width:100%;height:auto;}
.thumbnail-caption{
    width: 84%;
    margin: auto;
    display: block;
    position: absolute;
    bottom: 10px;
    margin-left: 8%;
    background: #009fe3;
    text-align: center;
}
.thumbnail-caption h3{
font-size:11pt;
line-height:11pt;
font-family: 'Poppins', sans-serif;
text-transform:none;
color:#383838;
padding:6px;
margin:0;
}
.thumbnail {border:none;max-width:380px;margin:auto;}
.thumbnail-description p{
padding-left:1em;
padding-right:1em;
}
.thumbnail-description{
	z-index:50;
    width: 100%;
	height:100%;
    display: block;
    position: absolute;
	top:0px;
	margin:0;
	padding:0;
   background:#b6c932;;
    text-align: center;
	visibility: hidden;
	padding-top:50px;
}
.thumbnail-description a{
width:100%;height:100%;display:block;color:#000
}
.open .thumbnail-description, .thumbnail:hover .thumbnail-description{
	visibility: visible;
}
.thumbnail:hover img{visibility:hidden}
.thumbnail-image{
 background: #b6c932;
 position:relative;
}
.thumbnail-image a{
display:block;
width:100%;
height:100%;

}
.d-none{display:none}
/*First image*/

.bgniortagglotv {
    background-color: #009fe3;
    padding: 1em;
    margin: 1em;
 
}
@media screen and (min-width: 640px) {
	H2.Services{margin-top:2em;}
	.firstimage img {
	  -moz-box-shadow: 55px 20px 0px 5px #b6c932;
	-webkit-box-shadow: 55px 20px 0px 5px #b6c932;
	-o-box-shadow: 55px 20px 0px 5px #b6c932;
	box-shadow: 55px 20px 0px 5px #b6c932;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#b6c932, Direction=134, Strength=0);
	}

.firstimage{
	margin-bottom:40px;
}

.bgniortagglotv {
       background-image: url(/templateniortagglo/Icons/Logo_NiortAggloTV.svg);
    background-repeat: no-repeat;
    background-position-x: 1em;
    background-size: auto 30%;
    background-position-y: center;
}

}
/*Rootline*/
.breadcrumb-section, .breadcrumb{
background:#f1fcfe;
margin:0;
}
.breadcrumb{padding-left:50px;padding-right:50px}
.breadcrumb ul li a {font-size:14pt}
.breadcrumb > li + li::before {content:">";color:#009fe3}

#socialsharebutton{list-style: none;padding:0;padding-top:8px;float:right;}
#socialsharebutton li{float:left;display:block;width:40px;padding:0;margin:0;text-align:center}
#socialsharebutton li button{background:none;border:none}

/*Footer*/
.adrfooter address{text-align:left}
.linkfooter h1,  .adrfooter h1{font-size:12px}
.linkfooter ul{list-style: none;padding:0;}
.containerFoot .sociaux ul {
	list-style: none;padding:0;

}
.containerFoot .sociaux ul li {float:left;margin:18px;}
.containerFoot .sociaux ul li i {font-size:29px;color:#009fe3}


/*Marges générales*/
@media screen and (min-width: 640px) {
#firstcontainer {
    padding:0 !important;
	}
#firstcontainer .addmargin{
	padding-right: 50px;
    padding-left: 50px;
	}
}
/*Accordeon*/
.panel-default > .panel-heading{
background:#009fe3
}
.panel-default > .panel-heading a{color:#fff}

.asidemenutitle .asidemenu:after , .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.asidemenutitle.collapsed .asidemenu:after, .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */

}
.asidemenutitle .asidemenu:after {margin-right:1em;}
.module-sidebar .name, .module-sidebar .nom{font-size:1.05em;font-weight:bold;}
.module-sidebar  p{margin:0;padding:0}
.module-sidebar i.fa-envelope{color:#8b8a8a}
.address .name {font-weight:bold;}

/*News et Event*/
.event-single .news-img-wrap, .news-single .article .news-img-wrap{
float:left !important;
width:auto;
}
.news-single .article .news-img-wrap .mediaelement, .event-single  .news-img-wrap .mediaelement {
margin: 0 35px 35px 0;
-moz-box-shadow: 18px 18px 0px 5px #b6c932;
-webkit-box-shadow: 18px 18px 0px 5px #b6c932;
-o-box-shadow: 18px 18px 0px 5px #b6c932;
box-shadow: 18px 18px 0px 5px #b6c932;
filter: progid: DXImageTransform.Microsoft.Shadow(color=#b6c932, Direction=134, Strength=0);
}
.news-single .article .teaser-text, .event-single  .teaser-text{
background:#f1fcfe;
padding:20px;
font-weight:bold;
}
.tx-eventcalendar .news-img-wrap a, .news .article .news-img-wrap a{
	padding:0;
	border:none;
}
.tx-eventcalendar .news-img-wrap .plusdinfos, .news .article .news-img-wrap .plusdinfos {
    background: #b6c932;
    width: 38px;
    height: 63px;
    color: #000;
    display: block;
    position: absolute;
    bottom: 0px;
    right: 20px;
	text-align:center;
	font-size:1.5em;em;
}

.news-text-wrap {color:#000}
.mediaelement{
	position:relative;
}
.news-img-caption-tir{color:#009fe3;font-weight:bold;font-size:1.5em}

.news-single .module-sidebar ul{list-style:none;padding:0;margin:0}
.news-single .module-sidebar {margin-bottom:1em;}
.news-single .module-sidebar h2{margin-top:0}


.ce-gallery[data-ce-columns='2'] .ce-column{width:50%;padding:0;margin:0;text-align:center;float:left;}

.accordeon .panel-collapse>div{padding:1em;}
.accordeon .ce-bodytext figure, .accordeon .ce-bodytext .ce-gallery[data-ce-columns='1'] .ce-column {max-width:80%;}

.dateeventtitle {display:block; background:#454b4c;color:#b6c932;padding:0.5em;text-align:center;font-weight:bold}
.lieueventtitle{display:block; background:#b6c932;color:#454b4c;padding:0.5em;text-align:center;font-weight:bold}
.dateandlocation{margin-bottom:0.5em;}
.module-sidebarevent{border-bottom:1px solid #c7c7c7}
.module-sidebarevent h2{width:100%color:#383838;background:#b6c932;font-size:10pt;padding:0.5em;}
.module-sidebarevent  span[itemprop='name']{font-weight:bold;margin-top:1em;}
.asiderightcan h2::before{
content:"\f0c1";color:#5c5b5b;
font: normal normal normal 14px/1 FontAwesome;
font-size:20px;
padding-right:0.5em;

}
.asiderightcan h2.uploads::before{
content:"\f019";
}
.asiderightcan .tx-ttaddress-pi1 h2::before{
content:"";
}
.asiderightcan .ce-bodytext li:before, .asiderightcan.uploads ul li div:before{
content:"\f061";
color:#5c5b5b;
font: normal normal normal 14px/1 FontAwesome;
font-size:20px;
display:inline-block;
border-left: 2px solid #009fe3;
padding-left: 8px;
padding-right:0.5em;
}
.asiderightcan .ce-bodytext ul, .asiderightcan.uploads ul{list-style:none;padding:0;margin:0;}


/*Megafolio*/
.megafolio-container{width:100%;position:relative}
.megafolio-container .mega-hover {
background-color:#b6c932;
color:#000;
overflow:hidden
}
.megafolio-container .mega-hover a .mega-hovertitle{color:#000}
.megafolio-container .mega-hovertitle{bottom:auto;top:10%;;width:80%;left:10%;}


/*Agenda*/
.blocrecherche {background-color:#b6c932;padding:18px;}
.blocrecherche h3, .blocrecherche h2{font-size:14px; color:#000;}
.blocrecherche h2{text-align:center;padding:0;margin:0}
.dateagenda{
	position:absolute;
	color:#b6c932;
	background-color:#4f5556;
	display:table-cell;
	width:100px;
	min-height:100px;
	top:0;right:0;
	vertical-align:middle;
	text-align:center;
	padding:10px;
	margin:5px;

}
.dateagenda .chiffre{font-size:1.2em;font-weight:bold;width:100%;display:block}
h2.titreresultatrecherche{text-transform:none;font-size:14px;font-weight:normal}
h2.titreresultatrecherche .nbresultats{font-weight:bold}
h2.titreresultatrecherche .resultats{text-transform:uppercase}
h2.titreresultatrecherche .pourlarecherche{font-size:12px}
h2.titreresultatrecherche .serachagenda{font-size:12px;font-weight:bold;}
.tx-eventcalendar .thumbnail{position:relative}

/*Powermail HP*/

.tx-powermail .inscnl #powermail_field_courriel {background: none;
border: 1px solid #383838;
height: 3em;
padding: 0;
margin: 0;
float: left;
border-radius: 0px;
width:80%;
text-align:center;
font-size:12px;
}
.tx-powermail .inscnl button{
height: 3em;
width: 3em;
background: #383838;
border: none;
padding: 0;
margin: 0;
float: left;
border-radius: 0px;
font-size:12px;
}
.tx-powermail .inscnl button i{
	color: #fff;font-size: 15px;
	}

.tx-powermail .inscnl .form-control::-moz-placeholder{color:#383838}


/**/
#HPMedia h2{font-size:14px;cont-weight:bold;color:#383838}
#HPMedia h3{font-size:12px;cont-weight:bold;text-align:center;color:#383838;padding:0;margin:0;padding-top:55px;}
#HPMedia .blocnlbg{background-image: url("../Img/background-newsletter.png");background-repeat: no-repeat;}
.blocnl p{ text-align:center;padding:0;margin:0;margin-bottom:2em;}
.blocnlbg{max-width:284px;}
.youtubeHP {max-width:366px;margin:auto;display:block}
#HPMedia a {color:#383838}


/*News Brèves*/
.newsbreve time {font-weight:bold;}
.bleuclair{margin-bottom:0px !important;padding-bottom:0px !important;}
#HPMedia{margin-top:0px}

/*Manif HP*/
.sliderAgenda h4{text-transform:none;fon-weight:bold;font-size:14px;color:#383838}
.sliderAgenda .descManif p{font-weight:bold;font-size:12px;color:#383838}
@media screen and (min-width: 970px) {
/*.Containerbreves {padding-left:50px;padding-right:25px;}*/
.Containeragenda{/*padding-right:50px;*/padding-left:25px;}
body .ColServices{padding-right:0px;padding-left:0px;}
}
.Containeragenda .tx-eventcalendar {margin: 0em;}

figure iframe {min-height:450px;}

/*Annuaire des services*/
.annuairecan .annuairetitre{background-color:#f2f2f2}
.annuairecan .annuairetitre h2{font-size:13px;padding-top:0;padding-bottom:0;margin-bottom:12px;margin-top:12px}
.annuairecan  .annuaireinfos  span {display:block;width:100%;height:33%;}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.annuairecan  .annuaireinfos, .annuairecan  .annuaireinfoadr  {color:#8b8a8a;padding-top:0.5em;font-size:0.9em}
.annuairecan  .annuaireinfos  a {color:#26899b}
.annuairecan  .annuaireinfos  .fa-arrow-right{border-left:solid 2px #26899b;padding-left:4px}
.annuairecan  .annuaireinfos  .fa-map-marker{border-bottom:solid 2px #26899b;padding-bottom:4px}
.annuairecan  .annuaireinfos i {margin-right:1em;}

/*archives News*/
.listarchivenews h2 {color:#009fe3;font-size:13px}
.archivetitrenews{border-top:1px solid #c7c7c7;}
.archivedetailnews{border-bottom:1px solid #c7c7c7;}

.downcal a{ font-size:16px}
.downcal {text-align:center}
.tx-collectedechetscan{margin:1em;}

/*Tarif*/*
.tarifsprestation{text-align:left}
.breves2{margin:0}
iframe {max-width:100%}
@media screen and (max-width: 991px) {
body #MetroPage {padding:0}

.hidden-md-down{display:none !important;}
body div.Slider-caption .headline a{font-size:1.2em}
body div.Slider-caption{top:auto;}
#Slider_accueil{
moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
filter: none;
margin:0;
margin-bottom: 40px;
width:100%

}
body div.DescManif h4 {
    max-width: 100%;
}
body div.sliderAgenda{max-height:none;}

}
@media screen and (max-width: 768px) {
body .Slider-page img{width:100%;margin:0}
body div.Slider-caption{right:0;bottom:0}
body #Slider_accueil{padding-bottom:3em;}
body ol.SliderAccueil{left:50%}
.newsbreve, .bordsuite .newsbreve{
min-height:auto;
margin-bottom:0.5em;
}
}

@media screen and (min-width: 991px) {
body figure.effect-steve img{max-width:415px}
}
div.BoulNews .btn-bleu {
    color: #fff;
    background-color: #009fe3;
    border-color: #009fe3;
	margin-right:1em;
}
.panel-group .panel-heading h3.panel-title a{width:100%;display:block}

/*horaires*/
.business-hours {
width:100%;
clear:both;
padding: 20px 14px;
margin-top: -15px;
position: relative;
}


.opening-hours > li {
color: #888;
border-bottom: 1px solid #333;
padding-bottom:0.5em; 
}
.opening-hours >li:last-child {
border-bottom: none; 

}
.creneaux li:last-child {
margin-bottom: 0.5em; 

}
.business-hours .opening-hours>li{display:none;width:100%;clear:both;padding-top:0.5em;padding-bottom:0.5em}
.business-hours .opening-hours li.displayhr{display:block !important;}
.business-hours .opening-hours li.displayhr span i.fa {display:none}
.business-hours .opening-hours li.today, .business-hours .opening-hours li.today{
color: green; 
font-weight:bold;
display:block !important;

}
.creneaux li{clear:both}
.creneaux{
margin-bottom:0.5em;
list-style-type:none !important;
width:50%;
list-style-image:none !important;
clear:both;
margin-left:50%;
}

.tx-ttaddress-pi1 .card{margin-bottom:1em;}

#c132834 td{font-size:0.9em}
#c132834 td ul{padding:0.5em}


ul.f3-widget-paginator{display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding-left: 0;
list-style: none;
border-radius: .25rem;
width:100%;clear:both;
padding:1em;
}

ul.f3-widget-paginator li a{
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd;
}
ul.f3-widget-paginator li.current {
z-index: 2;
color: #000;
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
background-color: #fff;
border: 1px solid #ddd;
}
.social_share_privacy_area .mail img {height:2em;}
.EncartsMetro{padding-right: 30px;}
@media ( min-width: 950px ) {
body div.DateAgenda{background-color: #4b5557;
position: absolute;
right: 0%;
bottom: auto;
top: 45%;
min-height: 8em;
height:auto;
z-index: 10;
padding: 0.5em;
color: #b6c932;
text-align: center;
text-shadow: 0 1px 2px rgba(0,0,0,.6);
margin: 0;}
.DescManif span, .DescManif h4{max-width:65%;display:block}


 .ce-gallery[data-ce-columns="2"] .ce-column {
        width: 45%;
		margin:2%;
    }
 
    .ce-gallery[data-ce-columns="3"] .ce-column {
        width: 30%;
		Margin:1.5%;
    }
 
    .ce-gallery[data-ce-columns="4"] .ce-column {
        width: 21%;
		margin:2%;
    }
 
    .ce-gallery[data-ce-columns="5"] .ce-column {
        width: 20%;
    }
	
	
}
span.AgendaDateJours span{font-size:18px;text-transform:none;}
body span.AgendaDateMois {text-transform:none;}
span.AgendaDateJours2 span {font-size:18px}
span.AgendaDateJours2 {
    
    font-size: 25px;
	}
span.AgendaDateMois2 {
    
    font-size: 18px;
	}	


	
	
.ce-gallery  .ce-row{display:table;margin:auto;}
.ce-gallery  .ce-column{display:table-cell}
	.ce-gallery figure { display: table; margin: 0; }
 .ce-center .ce-gallery[data-ce-columns="1"] figure { margin:auto; }
  .ce-center .ce-gallery[data-ce-columns="1"] img {margin:auto}
  .ce-center .ce-gallery[data-ce-columns="1"] .ce-row ,.ce-center .ce-gallery[data-ce-columns="1"] .ce-column{display:block}
	.ce-gallery figcaption { display: table-caption; caption-side: bottom; }
	.ce-gallery img { display: block; }
	.ce-gallery iframe { border-width: 0; }
	.ce-border img,
	.ce-border iframe {
		border: 2px solid black;
		padding: 0px;
	}
	
	
.openingday{
padding: 0;
margin: 0;
margin-top:8px;
}
.openingday li{
display: inline;
}
.openingday .alert{padding:8px;line-height:1em;text-transform: capitalize;}
.alert-success {
    color: #ffffff;
    background-color: #009fe3;
    border-color: #009fe3;
	
	}
	
.alert-danger {
    color: #000000;
    background-color: #eeeeee;
    border-color: #eeeeee;
}	

.brevecat{
color: #000;
font-weight: bold;

}
.relatedevent ul,.relatedeventnews ul{
margin: 0;
padding: 0;
list-style-type: none;
}
.carousel-indicators{
top:20px;
}

/*Datepicker*/
body #calendrier .datepicker-inline{width:100%}
body #calendrier .datepicker table tr th{ border-radius: 0px;}
body #calendrier .datepicker table tr td.day:hover, body #calendrier .datepicker table tr td.focused,body  #calendrier .datepicker table tr td.today:hover,body  #calendrier .datepicker .datepicker-switch:hover{background:#009fe3;cursor:pointer}
body #calendrier .datepicker table tr td.new,body  #calendrier .datepicker table tr td.old {
    visibility: hidden;
    height: 0px;
    padding: 0;
    border-radius: 0;
    font-size: 1px;
}

#Listdayevent{list-style: none;}
#Listdayevent li {margin:0.5em;}
#Listdayevent li:first-child{margin-top:0}
#Listdayevent li h2{margin:0;padding:0}
#Listdayevent li h2 a{border-color:#4f5556;background-color:#4f5556;margin-top:1em;white-space:normal}
#displaydate{display:block;width:100%;position:relative;margin:0;font-size:1.5em}
@media ( max-width: 1199px ) {

#blocsearchevent .hidden-md {display:none}
#blocsearchevent  .row{display:block !important}

 }
 
 
.tx-horairettaddress table ul{padding:0;list-style:none}
.tx-horairettaddress .more5addresses{font-size:0.9em}
.greenday{color:green;font-weight: bold; }
.icone-13 {
   background-position: 12px -503px;
}
.icone-14 {
   background-position: -110px -503px;
}

#Menu12254 div.collage{display:block;flex-flow:none}
#Menu12254 div.collage div.ChildMenu {margin-bottom:10px}
.powermail_fieldset label {text-align:left !important}
 .hiddendate{display:none}
.manifarchivee .hiddendate{display:block}

@media screen and (max-width: 768px) {
  #quicklink {
  bottom: 0;
z-index: 10;
background: #fff;
padding-top: 0.5em;
padding-bottom: 0.5em;
position: fixed;
width:100%;
  }
  footer{margin-bottom:150px}
  #tarteaucitronAlertSmall{display:none !important}
}
/* body #quicklink a span{background-color:#000 !important}*/
 
    body #quicklink .unhide:hover span, body #quicklink a:hover span{
	  background:#009fe3!important;
	  border:none ;
	  
  }
  body #quicklink .unhide span, body #quicklink a span{ 
 width: 8rem;
    height: 8rem;
    font-size: 2.85714rem;
	text-decoration: none;
	    background-color: #fff  !important;
		color: #fff !important;
		border:2px solid #009fe3 ;
		position: relative;
    display: inline-block;
    text-align: center;
    transition: all .2s ease-in-out;
	    border-radius: 50%!important;
}		
  body #quicklink .unhide span i, body #quicklink a span i{height: 100%;
    width: 100%;
    display: block;
    text-align: center;
    }
	
 body #quicklink .unhide span i img,  body #quicklink a span i img{height: 60%;
    display: block;
    margin: auto;
   max-width:80%;
    margin-top: 20%;
    }

@media screen and (max-width: 640px) {
 body #quicklink .unhide span, body #quicklink a span{
    width: 5rem;
    height: 5rem;
    font-size: 1.5em;
  }
  #quicklink h3{font-size: 1.5rem;}
}
@media screen and (max-width: 400px){
#quicklink h3 {
	display:none;
    font-size: 1rem;
}
	}
	
p span.important{    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
	display:block;
	width:100%;
}