@font-face {font-family: "Lato Black";src: url('font/Lato-Black.ttf');}
@font-face {font-family: "Lato Black";font-style: italic;src: url('font/Lato-BlackItalic.ttf');}
@font-face {font-family: "Lato Hairline";src: url('font/Lato-Hairline.ttf');}
@font-face {font-family: "Lato Hairline";font-style: italic;src: url('font/Lato-HairlineItalic.ttf');}
@font-face {font-family: "PressStart";src: url('font/belfast.ttf');}

html,body{height:100%;font-family:'Lato',sans-serif;}
body{overflow-y:hidden;font-size:12px}

.container-fluid{height:100%;padding:0;}
ul{padding:0;margin:0}
li{list-style:none}
.texte ul{margin-top: 1em; margin-bottom: 1 em; margin-left: 0; margin-right: 0; padding-left: 40px;}
.texte li{list-style:disc}
a{color:#adadad;cursor:pointer}
a:hover{text-decoration:none;}
.icone{cursor:pointer}
.icone i.red{color:red !important}
.glyphicon{position:unset;}
.clr{clear:both;height:1px;}
.modal-header{background : #2d2d2d;color:#ffffff;font-style:italic;}
.valide{color:green;}
hr{margin:1em 0;border-top:1px solid #ccc;}
h1{font-size:1.8em;margin:0.6em 0}
h2{font-size:1.6em;margin:0.5em 0}
h3{font-size:1.4em;margin:0.4em 0}
.text-center {}
svg text.adherent,svg .plateform,svg .notselect,svg .selected{cursor: pointer;}

.form-group{padding:0 5px;font-size:12px;clear:both}
.form-group label{line-height:34px}
.form-group input{font-size:12px}
.form-group .mce-tinymce{width:100% !important}
.form-control{font-size:12px}
.modal-body{padding:15px 5px}
.btn{font-size:12px;overflow:hidden;padding:5px;height:34px}
.uib-datepicker-popup .btn{padding:3px 8px;font-size:10px;height:30px}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-left:5px;padding-right:5px}

button.rond {
    cursor: pointer;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    color: #ffffff;
    margin : 5px;
    border-radius: 100px;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
}
button.bleu{background-color: #0761b0;border: 1px solid #0761b0;}
button.bleu:hover{background: #ffffff;color: #0761b0;}
button.gris{background-color: #2c2c2c;border: 1px solid #2c2c2c;}
button.gris:hover{background: #ffffff;color: #2c2c2c;}
button.vert{background-color: #5ab326;border: 1px solid #5ab326;}
button.vert:hover{background: #ffffff;color: #5ab326;}
button.orange{background-color: orange;border: 1px solid orange;}
button.orange:hover{background: #ffffff;color: orange;}

.onoff{position:relative;width:44px;display:inline-block}
.onofflabel{overflow: hidden; cursor: pointer;border: 2px solid #999999; border-radius: 20px;text-align:left}
.onoffswitch-inner {display: block; width: 200%; margin-left: -100%;transition: margin 0.3s ease-in 0s;}
.onoffswitch-inner:before, .onoffswitch-inner:after {display: block; float: left; width: 50%; height: 16px; padding: 0; line-height: 16px;font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;box-sizing: border-box;}
.onoffswitch-inner:before {content: "ON";padding-left: 4px;background-color: #2CB81A; color: #FFFFFF;}
.onoffswitch-inner:after {content: "OFF"; padding-right: 4px;background-color: #EEEEEE; color: #999999;text-align: right;}
.onoffswitch-switch {display: block; width: 10px; margin: 4px;background: #FFFFFF;position: absolute; top: 0; bottom: 0;right: 26px; border: 2px solid #999999; border-radius: 20px;transition: all 0.3s ease-in 0s;}
.onoff.checked .onoffswitch-inner {margin-left: 0;}
.onoff.checked .onoffswitch-switch {right: 0px;}

#appli_loader{height:100%;text-align:center;width:100%;background:#231f20;color:#ffffff;display:flex}
#appli_loader h1{font-size:1.6em}

/* FULL SCREEN */
#navigation.minimized{height:50px;overflow-y:visible}
#right-part.fullscreen{width:100%;padding-left:40px;}
#navigation.minimized #navbar{overflow-y:visible}
#navigation.minimized #navigation-menu{width:40px;}
#navigation.minimized #navigation-menu a span{display:none}
#navigation.minimized #navigation-menu h2{display:none}
#navigation.minimized #page-menu{background : #2d2d2d;overflow:hidden;}

/********************************************************************************* 
							NAVIGATION (LEFT)
*********************************************************************************/
#navigation{padding:0;overflow-y:hidden;position:absolute;z-index:100;max-height:100%}

#smartphone-right-menu{background:#0f1214;height:50px;padding:0}
#active-plateform{font-family:"Lato";padding:0;height:40px;line-height:40px;background:#0f1214;overflow:show;z-index:1000;font-size:1.25em;font-weight:light;color:#ffffff;text-align:center;cursor:pointer}
#navbar{margin:0;background : #2d2d2d;display:block;border:0;max-height:none;min-height:40px}
#navbar #smartphone-right-menu{height:40px}
#navigation .navbar-toggle{float:left;margin:8px 5px;padding:5px}
#navigation .navbar-toggle .icon-bar{background:#ffffff;}
.navbar-header{background : #0f1214;height:40px;padding:0;float:left}
.navbar-collapse{}

#navigation-menu{padding:0;color:#ffffff;max-height:none;height:calc(100vh - 40px) !important;clear:both;overflow:auto !important}
#meteo{text-align:center;font-size:12px;}
#meteo .logo{width:90px;display:inline-block;margin:0 5px;vertical-align:top}
#meteo .inner{display:inline-block;padding:10px 0 0 0;width:calc(100% - 110px);}
#meteo p{margin:0}
#meteo .picto{width:45px;display:inline}
#meteo .temp{display:inline;margin-right:5px}
#meteo div a{width:100%;color:#ffffff;text-align:center;text-transform:none;line-height:24px}

#navigation-menu li:hover{background:none;}
#navigation-menu a{padding:0 10px;font-size:12px;width:100%;display:inline-block;line-height:30px;text-transform: uppercase;white-space:nowrap}
#navigation-menu a.actif,#navigation-menu a:hover,#navigation-menu a:focus{color:#ffffff;background:none;cursor:pointer;text-decoration:none}
#navigation-menu a.disabled{color:#666666;}
#navigation-menu a.disabled img{fill:#666666}
#navigation-menu a .icon{margin :0 10px 4px 0;width:19px;height:19px}
#navigation-menu h2.annuaire{white-space: nowrap;color: #5ab326;background:#262626;font-size : 12px;height:32px;line-height:32px;padding-left:10px;font-weight:bold;margin:0}
#page-menu,#ville-menu{height:100%;overflow-y:auto;}
#page-menu div,#ville-menu li{padding:0;}
#page-menu{text-align:center}
#page-menu .link{padding:0px;text-align:center;height:70px;overflow:hidden;display:inline-block;width:24%;margin-top:5px;}
#page-menu .link a{padding:5px 2px;color:#ffffff;}
#page-menu .link a .bouton{padding:7px;background:#ffffff;color:#999999;border-radius:5px;width:40px;height:40px;display:inline-block;margin-bottom:5px;}
#page-menu .link a .bouton img{width:100%;height:100%}
#page-menu .link a p{line-height:12px;font-size:9px;letter-spacing:0px;margin:0;}
#page-menu .link a:hover p,#page-menu .link a.actif p{color:#54ab29}
#page-menu .link a.disabled .bouton{background-color:#999999}
#page-menu .link a.disabled p{color:#cccccc}
#page-menu .link a:hover .bouton,#page-menu .link a.actif .bouton{background-size:100% 100%}
#page-menu .link a .bouton,#page-menu .link a.disabled:hover .bouton,#page-menu .link a.disabled.actif .bouton{background-repeat:no-repeat;background-size:0 0;background-origin: content-box;}
#page-menu .link a:hover img,#page-menu .link a.actif img{visibility:hidden;}
#page-menu .link a.disabled:hover img,#page-menu .link a.disabled.actif img{visibility:visible;}
#page-menu .carte_link a{background:#54ab29;color:#ffffff;padding : 2px 0;font-size:11px}
#page-menu .carte_link a img{width:35px;margin-right:5px}

#ville-menu #ville-recherche{color:#2d2d2d;padding:0 10px;margin:10px 0}
#ville-menu #ville-recherche input{width:100%}
#ville-menu a.actif{color:#ffffff;}
#ville-menu a.plateform{font-size:14px;padding:0 10px}
#ville-menu i.glyphicon{margin :0 10px 4px 0;}

#navigation #change-ville{position:relative;background:#2d2d2d;height:auto;z-index:1000;color:#ffffff;top:-40px;left:100%;}
#navigation #change-ville ul{background:#000000}
#navigation #change-ville li{border-top:2px solid #2d2d2d;text-align:center}
#navigation #change-ville a{color:#ffffff;text-decoration:none;cursor:pointer;font-family: "Lato";font-size: 30px;}

#mentions{height:50px;text-align:center;width:100%;background:#2d2d2d}
#mentions .lien_mono{margin:5px;width:auto;padding:0}
#mentions .lien_mono img{min-height:14px;}

/********************************************************************************* 
								 MENU (TOP)
**********************************************************************************/
#menu{height:40px;padding:0;top:0;position:absolute;}
#menu > div{padding:0;height:100%;}
#menu #recherche{line-height:48px;color:#2d2d2d;font-style:italic;font-size:26px;padding:0 10px;}
#recherche .fb-like > span{vertical-align:middle !important;padding:0 20px !important;}
#menu #user{text-align:right;z-index:1000;line-height:40px;}
#menu button#inscription{width: 88px;}
#menu button#login img{width:20px;height:20px;display:inline}

#menu .alert{line-height:30px;}
#login .icone{margin:5px;vertical-align:top;}
#loginbox{text-align:left;right:0;left:auto;border-radius:0;margin:0;width:300px;padding:10px 20px;font-size:12px}
#loginbox input{margin:5px 0;}
#loginbox .form-control,#loginbox p{margin:5px 0; line-height:30px}
#menu #profil-bloc{}
#profil-bloc #titre{border-bottom:2px solid #b6b6b6}
#profil-bloc #titre .avatar{width:60px;height:60px;float:left;margin-right:20px;}
#profil-bloc #titre a{font-style:italic;color:#d23d42;cursor:pointer}
#profil-bloc #titre .clr{height:1px;}
#profil-bloc #options a{display:block;width:100%;line-height:16px;font-size:16px;margin:15px 0;cursor:pointer}
#profil-bloc #options a:hover,#profil-bloc #options a.active{color:#000000;text-decoration:none;}
#profil-bloc #options .glyphicon{color:#5ab326;;margin-right:15px;font-size:18px;vertical-align:middle }

#minimize-navbar{background : #2d2d2d;color:#ffffff;height:100%;width:40px;border:0;border-radius:0;padding:7px;float:left;text-align:center}
#minimize-navbar .icon-bar {background: #ffffff none repeat scroll 0 0;border-radius: 1px;display: block;height: 1px;width: 100%;}
#minimize-navbar .icon-bar + .icon-bar {margin-top: 6px;}

/********************************************************************************* 
 	 							ACCUEIL CARTE
**********************************************************************************/
#accueil_carte{padding:0;height:100%}

#bandeau_accueil_carte{top:40px;position:relative;height:110px;background:url('./img/devdu_fili.jpg') no-repeat right top #000000;text-align:center;color:#ffffff}
#bandeau_accueil_carte .titre{height:80px;width:100%;text-align:center;position:relative}
#bandeau_accueil_carte .titre > div{position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;}
#bandeau_accueil_carte .titre .logo_carte{width:220px;}
#bandeau_accueil_carte .titre h1{font-size:12px;padding-left:100px;margin-top:-14px;white-space:nowrap}

#bandeau_accueil_carte .choix_text{height:30px;bottom:0;position:absolute;text-align:center;width:100%;}
#bandeau_accueil_carte .choix_text h1{color:#5ab326;font-size:11px;letter-spacing:1.2px;}
#bandeau_accueil_carte .choix_text img{z-index:1000;}

#plateformes_carte{height : calc(100% - 150px);position:absolute;width:100%;bottom:0}
#plateformes_carte html{height:100%}
#plateformes_carte .fleche_verte{position: absolute;top: 0;left: 50%;transform: translateX(-50%);width:40px;height:20px}


/********************************************************************************* 
 	 							ACCUEIL PLATEFORME
**********************************************************************************/
#accueil_inner{height:100%;overflow:auto;}

#accueil_top{display:block;height:35%;width:100%;position:relative}
#accueil_top > h1{position:absolute;bottom:-6px;color:#ffffff;margin:0 0 0 15px;text-transform: uppercase;font-size:36px;font-weight:bold;letter-spacing:4px;white-space:nowrap}

#bloc_newsletter{background: rgba(90,179,38,0.9);color:#ffffff;text-align:center;text-transform: uppercase;padding:5px 0;border-radius:4px}
#bloc_newsletter{padding:5px;font-size:12px;letter-spacing:-0.3px;position:absolute;left:50%;top:40%;width:76%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translateX(-50%,-50%);}
#bloc_newsletter > div{padding:0;}
#bloc_newsletter p{margin:0}
#bloc_newsletter.ng-hide-add,#bloc_newsletter.ng-hide-remove {-webkit-transition:all linear 0.5s;-moz-transition:all linear 0.5s;-o-transition:all linear 0.5s;transition:all linear 0.5s;}
#bloc_newsletter.ng-hide-add.ng-hide-add-active, #bloc_newsletter.ng-hide-remove { opacity:0;}
#bloc_newsletter.ng-hide-add, #bloc_newsletter.ng-hide-remove.ng-hide-remove-active { opacity:1;}
#bloc_newsletter #newsletter_form{box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);margin:0;}
#bloc_newsletter input,#bloc_newsletter button{margin:5px;border-radius:100px;height:24px;font-size:10px}
#bloc_newsletter input{width:95%}
#bloc_newsletter .bouton{position:absolute;right:0;width:80px;padding-top:4px;background-color: #0761b0;color:#ffffff;border:none;}


#accueil_agenda{text-align:center}
#accueil_agenda .event{text-align:center;margin:15px 0 0 0;display:inline-block;float:none;padding:0 5px}
#accueil_agenda .date{background:#5ab326;width:50px;display:inline-block;height:40px;color:#ffffff;font-weight:bold;padding:3px;max-width:80px}
#accueil_agenda .date .day{font-size:14px;line-height:16px}
#accueil_agenda .date .month{text-transform:uppercase;line-height:14px;font-size:11px;}
#accueil_agenda .date.encemoment{font-size:11px}
#accueil_agenda .event_titre{border:1px solid #000000;height:80px;color:#000000;margin-top:-25px;padding-top:25px;overflow:hidden}
#accueil_agenda .event_titre h2{font-size:10px;text-transform: uppercase;}
#accueil_agenda .event a:hover .date{box-shadow: 1px 1px 12px #555;}
#accueil_agenda .bouton_agenda{text-align:center;margin:15px 0}
#accueil_agenda .bouton_agenda a{text-transform:uppercase;background:#5ab326;width:80%;max-width:350px;display:inline-block;color:#ffffff;font-weight:bold;padding:10px;font-weight:normal}
#accueil_agenda .bouton_agenda a:hover{box-shadow: 1px 1px 12px #555;}


#newsletter{background:#231f20;color:#ffffff;}
#newsletter #bloc_logo{text-align:center;}
#newsletter #bloc_logo img{width:90%;max-width:400px;}
#newsletter #bloc_form h3{margin-top:10px;margin-bottom:10px;text-align:justify;font-size:18px;}
#newsletter #bloc_form input{width:100%;margin:5px}
#newsletter #bloc_form button{width:40%;margin:5px;}
#newsletter #bloc_form #legend{clear:both;font-style:italic;margin:10px 0;text-align:justify}

#gallerie_accueil{height:100%;display:block}
#gallerie_accueil div{height:100%}
#gallerie_accueil .vignette{padding:0}
#gallerie_accueil .vignette h1{color:#0761b0;font-size:14px;z-index:10;position:absolute;left:0;right:0;margin:10px auto}
#gallerie_accueil .vignette img{position:absolute;top: 50%;left:50%;transform:translate(-50%,-50%);max-height:none;min-height:100%;width:100%;}

#une{height:30%;background-position:50% 50%;background-repeat:no-repeat;}

#partenaires{margin:15px 0 30px 0;padding: 0 15px}
#partenaires .partenaires_titre{width:100%;text-align:center;text-transform:uppercase;padding:1px}
#partenaires .partenaires_titre h2{font-weight:bold;font-size:14px;margin:10px 0;}
#partenaires .inner{box-shadow: 1px 1px 12px #555;background:#5ab326;}
#partenaires .partenaires{background:#ffffff;}
#partenaires .arrow{width:30px;position:absolute;top:0;bottom:0}
#partenaires .gauche{left:0}
#partenaires .droite{right:0}
#partenaires .arrow i{top:50%;position:absolute;font-size:20px;text-align:left;padding:0 5px;}
#partenaires .diapo{min-height:120px;}
#partenaires .partenaires_bloc{text-align:center;margin-bottom:10px;}
#partenaires .partenaires_bloc:before{content:"";display:inline-block;vertical-align:middle;height:100%}
#partenaires .partenaires_bloc .partenaire{height:90px;line-height:90px;width:49%;padding:15px;display:inline-block;text-align:center;vertical-align:middle;}

#partenaires .partenaire.ng-hide-remove {-webkit-transition:all linear 1s;-moz-transition:all linear 1s;-o-transition:all linear 1s;transition:all linear 1s;}
#partenaires .partenaire.ng-hide-add.ng-hide-add-active, #partenaires .partenaire.ng-hide-remove { opacity:0;}
#partenaires .partenaire.ng-hide-add, #partenaires .partenaire.ng-hide-remove.ng-hide-remove-active { opacity:1;}

#partenaires .partenaires_bloc .partenaire img{max-height:100%;max-width:100%;display:inline-block;vertical-align:unset}

#partenaires .form input,#partenaires .form button{margin-bottom:5px}
#partenaires .form button{border-radius:4px;border: 1px solid #ccc;padding:3px 25px}
#partenaires .form .form-control{height:24px;margin-bottom:3px;}

#global_partenaires{text-align:center;clear:both}
#global_partenaires .partenaire{width:90px;height:90px;display:inline-block;margin:5px;}
#global_partenaires .partenaire img{max-width:100%;max-height:100%}


#event{height:50%;padding:0}
#event .bloc{height:100%;padding:0;width:50%}
#event .inner{position:absolute;height:80%;width:80%;margin:10% 5% 0;box-shadow: 0 5px 5px #111;}
#event .inner img{position:absolute;top:0;left:0;height:100%;width:100%;display:block;}
#event .inner .type{position:absolute;top:-13px;left:5px;width:80%;letter-spacing: 1px;font-family:"Lato Black";font-size:10px;color:#ffffff;background-color:#38BC98;padding-left:5px;line-height:20px;}
#event .inner .cartouche{position:absolute;bottom:0;left:0;width:100%;padding-top:5%;
	background-image:linear-gradient(-180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.61) 39%, #000000 97% );
	color:#ffffff;text-align:center;font-size:14px;}

#event .cartouche object{display:inline;width:13px;height:13px;}
#event .cartouche .titre{font-family:"Lato Black";font-style:normal;padding:10px 0;font-size:12px}
#event .location{display:inline-block;width:47%;height : 24px;font-size:10px}
#event .date{display:inline-block;width:47%;height : 26px;font-size:10px;border-left : 1px solid #ffffff;}




#accueil_links a{display:inline-block;text-align:center;padding:15px 15px;height:80px;}
#accueil_links a.rouge{color:#e80614}
#accueil_links a.bleu{color:#185daa}
#accueil_links a.vert{color:#5cb132}
#accueil_links a.disabled{color:#999999 !important}


/***************************************
		 PARTIE DROITE STANDARD 
****************************************/

#right-part{padding:0;height:calc(100% - 40px);margin-top:40px;overflow:hidden;-webkit-overflow-scrolling: touch;}
.right_content{height:100%}


/**********************************************
			GALLERY (P U B)
***********************************************/
#gallerie{height : 30vh;}
#gallerie > div{height:100%}
#gallerie .text-center{height:100%}

.gallerie{height:35%;background:#ffffff;}
.gallerie .carousel-control{background:none;z-index:10;width:30px;opacity:1;margin:0 5px;}
.gallerie .carousel-control span{background:#0262b8;border-radius:20px;right:0;left:0;padding:5px;margin:0;width:24px;height:24px;font-size:12px;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.gallerie .carousel-indicators{display:none;}
.gallerie .carousel-inner{height:100%;}
.gallerie .slide{height:100%;}
.gallerie .vignette{overflow:hidden;position:relative;text-align:center;width:100%;height:100%;}
.gallerie .vignette a{display:block;height:100%;padding:5px }
.gallerie .vignette img{max-height:100%;max-width:100%;display:block;margin : 0 auto;position:relative;top:50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.gallerie .carousel-caption {bottom:auto;left:auto;right:auto;padding: 0 15px;text-align:left;position:relative}
.gallerie .description .type{width:80px;font-family:"Lato Black";font-size:10px;color:#ffffff;background-color:#38BC98;text-align:center;line-height:13px;}
.gallerie .description .titre{font-family:"Lato";font-size:14px;color:#313131;margin:10px 0;}
.gallerie .description .details{font-family:"Lato";font-size:10px;color:#313131;font-weight:bold;border-bottom:1px solid #313131;padding-bottom:5px;margin-bottom:10px;}
.gallerie .description .texte{font-family:"Lato";font-size:13px;color:#868686;}

#annonces_strip{text-transform:uppercase;background:#0f1214;color:#ffffff;width:100%;display:block;height:36px;position:relative;overflow:hidden;font-size:18px;line-height:36px;font-weight:bold;}
#annonces_strip a {display: inline-block;text-decoration: none;margin-right: 30px;z-index: 1;position: absolute;top: 0px;vertical-align:top;white-space : nowrap;}
#annonces_strip a span {cursor: pointer;display: inline-block;color: #ffffff;padding-right: 5px;z-index: 1;}
#annonces_strip a span.categorie {display: inline-block;color: #5ab326 ;}
#annonces_strip a:hover span.title {text-decoration: underline;}
#annonces_strip div.shadow{position: absolute;top: 0px;width: 15px;height: 100%;z-index: 5;background: #0f1214;}
#annonces_strip div.shadow.left{left: 0px;-webkit-box-shadow: 10px 0px 10px #0f1214;-moz-box-shadow: 10px 0px 10px #0f1214;box-shadow: 10px 0px 10px #0f1214;}
#annonces_strip div.shadow.right{right: 0px;-webkit-box-shadow: -10px 0px 10px #0f1214;-moz-box-shadow: -10px 0px 10px #0f1214;box-shadow: -10px 0px 10px #0f1214;}

.module_inner{overflow-y:auto;height:100%;width:100%}
.module_menu{height:72px}
.module_content{height:calc(100% - 72px);overflow:auto;width:100%}

/*******************************************************************
				FILTRES
*******************************************************************/
.filters{font-size:12px;padding:0;background-color: #54a525;color:#ffffff;}
.filters .bloc{float:left;background:none;width:100%;line-height:36px;height:36px; white-space: nowrap;padding:0 15px;overflow:hidden;box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.04);}
.filters .bloc.bouton, .filters .bloc.bouton input{cursor:pointer}
.filters .bloc.bouton:hover{background:#428f13}
.filters .bloc.ajout{background:#5ab326;}
.filters .filter-toggle{width:40%;float:right;}
.filters .titre{width:60%;background-color: #5ab326;}
.filters .titre h1{font-size:14px;margin:0;display:inline}
.filters i{width:24px;font-weight:normal;font-size:12px;text-align:center}
.filters .bouton.drop_down{background:red}
.filters .bouton.drop_down .dropdown-menu{right:0;left:auto;}
.filters input{width:calc(100% - 26px);height:100%;border:0;color:#ffffff;background:none;padding-left:10px;}
.uib-datepicker-popup.dropdown-menu{line-height:normal} 
.filters input::-webkit-input-placeholder {color: #ffffff;}
.filters input:-moz-placeholder {/* FF 4-18 */  color: #ffffff;}
.filters input::-moz-placeholder {/* FF 19+ */ color: #ffffff;}
.filters input:-ms-input-placeholder {/* IE 10+ */ color: #ffffff;}

/*
.filters .pagination{margin:0;right:0;border-radius:0}
.filters .pagination span,.filters .pagination a{border-radius:0 !important;padding:0 3px;line-height:inherit;border-top:0;border-bottom:0;width:calc(16% + 1px);text-align:center}
.filters .pagination li > span{background:#efefef;cursor:initial}
.filters .pagination .active span,.filters .pagination .active a{background:#5ab326;;}
.filters a.moins{width:calc(18% + 1px);}.filters a.plus{width:18%;}
*/

.filters .icone.noclick{cursor:default}
.filters .icone.droite{float:right;margin-top:-24px;}
.filters option{background:#5ab326;;color:#ffffff;}

.styled-select{background: #5ab326; url(img/15xvbd5.png) no-repeat 96% 0 !important;height: 100%}
.styled-select select{width:100%;height:100%;border:0;color:#ffffff;background: transparent;
-webkit-appearance: none;-moz-appearance: none;appearance: none;   }

.filters .popover{width:98%;max-width:98%;z-index:10000;left:50% !important;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.filters .popover .arrow{display:none;}
.filters #extension button{
    background: #5ab326; none repeat scroll 0 0;
    border: medium none;
    color: #ffffff;
    margin: 10px 0;
    padding: 5px;
}
#extension > div{padding:0}
#extension .loader.hide{display:none}
#extension #map{overflow:hidden;}
#extension #extension_map{background:#5aa5d6;display:none;}
#extension #extension_map{width:100%;height:250px;} 
#extension #extension_map svg{left:-1px;width:100%;height:250px;} 

/***********************************************************
			BLOCS LISTE
***********************************************************/
.liste{padding:15px 10px;}

.liste .bloc{padding : 0 5px 15px}
.liste .inner{padding:0;background:#ffffff;margin-bottom:10px;position:relative;}
.liste .vignette{padding: 0;height:120px;background:#f5f5f5;z-index:10;position:relative}

.liste .bloc.non_adherent{vertical-align:center;}
.liste .bloc.non_adherent .inner{max-width:100%;text-align:center;padding:0 15px;}
.liste .bloc.non_adherent .inner h2{font-size:24px;padding:30px 0}


.liste a.inactive{cursor:default}

.liste .vignette.active:hover{filter: saturate(150%);-webkit-filter: saturate(150%);-moz-filter: saturate(150%);-o-filter: saturate(150%);-ms-filter: saturate(150%);}
.liste .vignette.grey{filter: grayscale(1);-webkit-filter: grayscale(1);-moz-filter: grayscale(1);-o-filter: grayscale(1);-ms-filter: grayscale(1);cursor:default;}

.liste .vignette_date{position:absolute;left:0;top:0;background:#ffffff;opacity:0.9;height:40px;color:#2c2c2c;}
.liste .vignette_date > div{display:inline-block;height:40px;text-align:center;padding:0 5px}
.liste .vignette_date .chevron{padding:0}
.liste .vignette_date .jour{font-size:16px;line-height:12px;padding-top:5px}
.liste .vignette_date .mois{font-size:12px;font-weight:300}

.liste a.inactif{cursor:default}
.liste a .lire{position:absolute;right:10px;bottom:-21px;background:#0262b8;border:1px solid #0262b8;font-size:11px;color:#ffffff;padding:3px 10px;margin:10px 0;border-radius:20px;white-space:nowrap;}
.liste a:hover .lire{background:#ffffff;color:#0262b8;}
.liste a.noclick:hover .lire{background:#0262b8;color:#ffffff;}
/*.liste a.disabled .lire,.liste a.disabled:hover .lire{background:#b6b6b6;color:#ffffff;border:none;cursor:default;padding:5px;}*/
.liste .zoom{position:absolute;top:0;left:0;background:#5ab326;;text-align:center;z-index:10;cursor:pointer}
.liste .zoom i{color:#ffffff;width:30px;line-height:30px;}
.liste .parametre{position:absolute;top:0;right:0;background:#5ab326;;text-align:center;z-index:10;cursor:pointer}
.liste .parametre i{color:#ffffff;width:30px;line-height:30px;}

.liste .icone{background:#5ab326;;width:30px;height:30px;display:inline-block;padding:6px;color:#ffffff;}
.liste .icone i{color:#ffffff;font-weight:normal;font-size:16px;}
.liste .cartouche{background-color:rgba(100,100,100,0.7);position:absolute;right:0;padding:0;color:#ffffff;font-size:11px;font-weight:bold;z-index:11}
.liste .cartouche .parametre{position:relative;float:right;}
.liste .cartouche .dates{line-height:24px;}
.liste .cartouche .date{padding:6px;line-height:30px;}

.liste .infos{padding:0 5px;height:140px;overflow:hidden;font-size:11px}
.liste .infos .icone{float:right;width:18px;height:18px;padding:4px;margin:2px;}
.liste .infos .icone i{font-size:11px;}
.liste .infos h2{font-size:13px;color: #2c2c2c;;font-weight:bold;margin :15px 0 5px;max-height:30px;overflow:hidden }
.liste .infos .categories{color:#5ab326;;font-size:10px;font-style:italic;line-height:12px;margin-bottom:5px}
.liste .infos img{width:12px;height:12px;margin-right:5px;vertical-align:middle;margin-bottom:4px}
.liste .infos .location{font-size:10px;color:#2c2c2c;font-style:italic;line-height:10px;}
.liste .infos .date{margin-bottom:2px;font-size:10px;color:#2c2c2c;font-style:italic;text-transform: capitalize;line-height:10px;}
.liste .infos .telephone{font-style:italic;margin-bottom:2px;font-size:10px}
.liste .infos .telephone a{color:#666666}
.liste .infos p{line-height:1.2;margin:5px 0}
.liste .infos .nom_site{padding-right:5px;font-size:12px;color:#666666;font-style:italic;float:right}

.liste .menu .icone{width: 100%;margin-bottom:2px;}

.liste .inner.inactive .infos{background:#f2dede}

.liste .extension_bloc{text-align:center;font-size:11px}
.liste .extension_bloc h2{font-size:13px;color: #2c2c2c;;font-weight:bold;margin :15px 0 5px;max-height:30px;overflow:hidden }
.liste .extension_bloc .vignette{background:#f5f5f5;color:#5ab326;font-size:60px;display:flex;}
.liste .extension_bloc .vignette:hover{background:#5ab326;color:#ffffff;}
.liste .extension_bloc .vignette i{margin:auto}

.menu_liste{font-size:14px;}
.menu_liste .delete{float:right;border:2px solid #ffffff;color:#333;cursor:pointer}
.menu_liste .option{background:#5ab326;;width: 100%;padding:5px 10px;margin-bottom:3px;white-space:nowrap;cursor:pointer;color:#ffffff;}
.menu_liste .option:hover{color:#333333;}
.menu_liste .option i{margin-right:5px;}
.menu_liste .favori{color:grey;margin-left:10px;font-size:16px;}
.menu_liste .favori.checked, .menu_liste .favori:hover{color:#FFD700;} 

#message{padding:15px 0;clear: both;text-align: center;width: 100%;font-size:11px;}
#message p{margin:0}

#agenda{}

#event-edit .date_choice{margin:24px 0;display:inline-block;}
#event-edit .date_choice input.form-control{width:100%;display:inline;padding:5px}
#event-edit .date-form div{padding:0}
#event-edit .uib-time input{width : 40px;padding:0}
.uib-timepicker .btn{height:24px}
.edit_loader img{height:64px;width:64px;}



/***********************************************************
				Pages annuaire
***********************************************************/
#page{padding : 0 15px;height:100%;overflow-y:auto;overflow-x:hidden;font-size:14px;}

#page .menu{color:#5ab326;;font-size:14px;padding:30px 15px;text-align:right}
#page .menu .icone{display:inline-block;margin-left:10px;float:right}

#photos{padding:0;background: #efefef}
#photos .carousel{height:200px;overflow:hidden}
/* Slick */
#photos .carousel .slick-list,#photos .carousel .slick-track,#photos .carousel .slick-slide{height:100%}
#photos .slick-prev{left:10px;width:30px;height:30px;z-index:100}
#photos .slick-next{right:20px;width:30px;height:30px}
#photos .slick-next::before,#photos .slick-prev::before {font-size:30px;color: #333}
#photos .zoom{position:relative;left:50%;transform: translate(-50%,0);bottom:42px;width:32px;height:32px;font-size:16px;z-index:100}

/* Old carousel */
#photos .carousel .carousel-inner{height:100%}
#photos .carousel .carousel-inner .slide{height:100%}
#photos .carousel .carousel-inner .slide > div{height:100%;display:flex}
#photos .carousel img{max-width:100%;position:relative;max-height:100%;margin:auto}
#photos .carousel-indicators{bottom:0;}
#photos .carousel-control{width:5%}


#page .inner{background:#ffffff;}

#page .content{margin-bottom:30px;padding:0 15px}
#page .content img.logo{max-height:50px;margin:10px;float:right;}
#page .content h1{font-size:22px;font-family:"Lato Black";text-transform:uppercase;text-style:underline;}
#page .content .categories{color:#5ab326;;font-size:12px;font-style:italic;}
#page .content h2{font-size:16px;font-family:"Lato Black";margin-top:16px;}
#page .content h3{font-size:14px;font-family:"Lato Black";margin-top:12px;}
#page .content hr{margin:10px 0;clear:both;}
#page .inner th{padding:10px;}
#page .content .texte{line-height:26px;}

.content-bloc{padding:0}
.content-bloc.engagement{background:#f0f0f0;padding:15px;}
.content-bloc.engagement h2{margin:5px 0 !important;}
.content-bloc.engagement img{margin-right:15px}

.content-bloc .lien{font-size:14px;padding: 10px;white-space:nowrap;margin:15px 0;background:#5ab326;border:1px solid #5ab326}
.content-bloc .lien a{color:#ffffff}
.content-bloc .lien:hover{background:#ffffff;}
.content-bloc .lien:hover a{color: #5ab326;}
.content-bloc .lien a:hover{text-decoration:none}
.content-bloc .lien:hover .fa{color:#5ab326;}
.content-bloc .lien .fa{color:#ffffff;margin-right:15px;font-size:22px;width:30px;}
.content-bloc .lien .fa-facebook{}
.content-bloc.liens .nom-site{padding-left: 5px;font-size: 14px;font-style: italic;}

#page .bloc{padding:15px;}

.bloc.horaires h2{color:#9e9e9e;font-size:16px;margin: 15px 0;}
.bloc.horaires .glyphicon{color:#5ab326;;font-size:20px;margin: 0 15px 0 0;vertical-align:middle}
.bloc.horaires table th{}
.bloc.horaires table td{}

.bloc.contact .inner{padding:5px 15px}
.bloc.contact i.glyphicon{color:#5ab326;;font-size:18px;margin-right:15px;}
.bloc.contact .adresse,.contact .telephone{color:#9e9e9e;font-size:12px;padding : 10px}
.bloc.contact .adresse div,.bloc.contact .telephone div{display:inline-block;width: calc(100% - 40px);}
.bloc.contact hr{border-color: #5ab326;;margin:0 0 10px 0;clear:both;}
.bloc.contact object{width:28px;height:28px;margin-right:10px;float:left;}
.bloc.contact h2{color:#9e9e9e;font-size:14px;float:left;width:calc(100% - 50px);margin:0 0 15px 0;}
.bloc.contact .formulaire div{padding:1px;}
.bloc.contact input[type="text"],.contact textarea{border:none;background:#f0f0f0;color:#9e9e9e;width:100%;font-size:12px;padding: 4px 5px;}
.bloc.contact textarea{resize: none;}
.bloc.contact input[type="submit"]{float:right;border:none;background-color: #5ab326;;color:#ffffff;margin-top:3px;font-size:12px;padding: 5px 10px;}

#page .ml_opendata img{width:100%;}

#page #pagemap{height:400px;float:none;clear:both;margin-top:30px;} 

.bloc.image{margin: 0 0 30px;overflow:hidden}
.bloc.image img{min-width:100%;max-width:100%}

#page .social h4{margin-top:20px;font-family:"Lato Black";font-size:12px;}
#page .social .carre{display:inline-block;color:#ffffff;width:50px;height:30px;font-size:22px;text-align:center;margin-right:3px;}
#page .social .facebook{background-color:#4e6ca8}
#page .social .twitter{background-color:#2bb7e8}
#page .social .google{background-color:#e45f50}

.retour{padding : 30px 15px;}
.retour a{color: #999;}
.retour a:hover{text-decoration:none;color: #666;}

.event-inner{padding:0;background:#ffffff;}
.event-inner hr{margin:10px 0;clear:both;}
.event-inner .bloc{padding:0}

.tab-menu .icone{color:#5ab326;;margin-right:15px;}


/******************************************************** 
				ANNUAIRE EDITION 
********************************************************/
.edit-form div{padding-left:0;padding-right:0;}

#editmap{height:400px;float:none;clear:both;margin-top:30px;}
.form-button{border-top: 1px solid #cccccc;padding-top:30px;margin-top:30px}
.form-button .fermer{float:left}
.form-button .valider,.form-button .loading{float:right}

/******************************************************** 
				ADMIN CLASSE 
********************************************************/
.admin_titre{height:50px;}
.admin_titre h1{margin:0;line-height:30px;font-size:16px;text-align:center}
.admin_titre a{max-width:35%;white-space:nowrap;display:inline-block;overflow:hidden}
.admin_titre hr{margin:5px 0}

.admin_inner{height : calc(100% - 50px);overflow:auto;}
.admin_inner .admin_tab{}
.admin_inner .filters{margin:0;background-color: #cccccc;margin:0;width:100%}
.admin_inner .filters h1{line-height:40px;margin:0;font-size:16px}
.admin_inner .filters .titre{background-color: #efefef;color:#333333;}
.admin_inner .filters .bloc.bouton:hover{background:#efefef}
.admin_inner .filters .bloc.ajout{background:#cccccc;}

.fiche_structure i{margin-right:10px;color:#0761b0}

.modal-body .action_form{border:1px solid #ddd;border-radius:5px;padding:15px 0;}





/******************************************************** 
		Small devices (tablets, 768px and up) 
********************************************************/
@media (min-width: 768px) {
	body{font-size:14px;}
	
	button.rond {height: 32px;line-height: 32px;font-size: 12px;}
	
	#plateform-select #commune{font-size:18px;}
	#menu{position:relative;height:50px;}
	#menu #user{line-height:50px;}
	#menu button#login{width:120px;}
	#navigation{height:100%;background : #0f1214;position:relative}
	
	
	#navbar{height:100%}	
	#active-plateform{height:50px;line-height:50px}
	#navigation-menu{height:calc(100vh - 50px) !important;}
	#navigation-menu a{font-size:14px;line-height:32px}
	#ville-menu a.plateform{font-size:14px}
	#page-menu .link{width:32%;height:90px}
	#page-menu .link a p{font-size:11px}
	#page-menu .link a .bouton{width:45px;height:45px;}

	#right-part{margin-top:0;height:calc(100% - 50px);}
	
	/* Accueil */
	#accueil_top{height:35%}
	#accueil-carte{top:auto;}
	#accueil_agenda .event_titre h2{font-size:12px;}
	#bandeau_accueil_carte{top:0;height:190px}
	#bandeau_accueil_carte .titre{height:150px}
	#bandeau_accueil_carte .titre .logo_carte{width:360px}
	#bandeau_accueil_carte .titre h1{font-size:15px;letter-spacing:0.5px;padding-left:112px;}
	#bandeau_accueil_carte .choix_text{height:36px}
	#bandeau_accueil_carte .choix_text h1{font-size:14px;letter-spacing:2px}	
	#partenaires .partenaires_bloc .partenaire{height:120px;line-height:120px}
	
	#accueil_top > h1{bottom:-8px;font-size:50px;letter-spacing:8px;}
	
	#bloc_newsletter{font-size:12px;font-weight:bold;padding:5px 0}
	#bloc_newsletter input,#bloc_newsletter button{width:90%;height:30px;margin-top:15px}
	#bloc_newsletter .bouton_mobile{display:none}
	#bloc_newsletter #newsletter_form{padding:15px 5px}
	#bloc_newsletter .bouton{width:120px;right:15px}
	
	#accueil_agenda .event{margin:20px 0 10px 0;padding : 0 20px;}
	
	#accueil_inner #partenaires .partenaire{width:24%;}
	#event{height:50%;padding:0}
	#event .bloc{height:100%;padding:0;width:50%}
	#event .inner .type{left:10px;width:80%;font-size:14px;padding-left:5px;line-height:24px;white-space:nowrap;}
	
	#newsletter #bloc_logo{text-align:right}
	#newsletter #bloc_form h3{font-size:22px;}
	#newsletter #bloc_form input{width:65%}
	#newsletter #bloc_form button{width:25%;float:none;}
	#newsletter #bloc_form #legend{margin:0}
	
	#gallerie .arrow img {width:30px;height:30px;}
	
	.module_menu{height:86px}
	.module_content{height:calc(100% - 86px);overflow:auto}
	
	.filters{font-size:12px}
	.filters i{width:16px}
	.filters .boutons{width:80%;display:inline-block}
	.filters .extension{max-width:250px}
	.filters .bloc{width:auto;line-height:50px;height:50px;padding:0 5px}
	.filters .bloc.ajout{float:right}
	.filters input{width:60px;padding-left:0}
	.filters .titre h1{font-size:16px;}
	
	#extension #extension_map{width:100%;height:350px;} 
	#extension #extension_map svg{left:-1px;width:100%;height:350px;}
	
	
	.liste .inner{margin:0 auto;max-width:360px;}
	.liste .vignette{height:250px;width:100%;}
	.liste .vignette_date{left:0;top: auto;height:50px}
	.liste .vignette_date > div{height:50px;padding:0 15px}
	.liste .vignette_date .chevron{padding:0}
	.liste .vignette_date .jour{font-size:22px;line-height:16px;padding-top:10px}
	.liste .vignette_date .mois{font-size:12px;font-weight:300}
	.liste .cartouche{font-size:12px;}
	.liste .cartouche .date{padding:6px;line-height:30px;}
	.liste .infos{overflow-y:auto;overflow-x:hidden;width:100%;height:210px;font-size:14px;}
	.liste .infos p{line-height:1.2}
	
	.liste .infos .lieu,.liste .infos .location,.liste .infos .date,.liste .infos .telephone,.liste .infos .categories{font-style:italic;font-size:12px;}
	.liste .infos h2{font-size:16px;margin-top:16px;max-height:none}
	.liste a .lire{padding:6px 20px}
	.liste .extension_bloc .extension_infos{width:100%}
	
	.liste .extension_bloc h2{font-size:16px}
	.liste .extension_bloc p{font-size:14px}
	
	/* Page */
	#page .inner{}
	
	#photos .carousel{height:350px;}
	.retour{font-size:14px;}
	.menu{font-size:20px;}
	
	.content-bloc.liens .lien {font-size: 12px;padding: 10px;}
	.content-bloc.liens .lien .fa {font-size: 18px;margin-right: 5px;width: 20px;}
}
	
}

/* Medium devices (desktops, 992px and up) */

@media (min-width:992px) and (orientation:portrait){
	#navigation-menu a{font-size:13px;line-height:40px}
	#navigation-menu a .icon{margin :0 8px 4px 0;}
	
		/* Accueil */
	#une{padding:30px 15px 50px;}
	
	#event{width:100%}
	#event .inner .type{left:10px;width:60%;font-size:14px;padding-left:10px;line-height:24px;}
	#event .inner .cartouche{height:50%;font-size:18px;}
	#event .inner .cartouche object{width:16px;height:16px;margin-right:5px;}
	#event .details{bottom:14px;line-height:22px;}
	
	.module_menu{height:96px}
	.module_content{height:calc(100% - 96px);overflow:auto}
	
	
	.filters{font-size:14px}
	.filters .boutons{width:80%;display:inline-block}
	.filters .extension{max-width:250px}
	.filters .bloc{width:auto;line-height:60px;height:60px;padding:0 10px}
	.filters input{width:100px;}
	.filters .titre h1{font-size:20px;}
	
	#photos .carousel{height:350px;}
		
	.content-bloc .lien{border-right:10px solid #ffffff;border-top:none;border-bottom:none;}	
	.bloc.contact .adresse,.contact .telephone{font-size:14px;}
	.content-bloc.liens .lien {font-size: 14px;padding: 15px;}
	.content-bloc.liens .lien .fa {font-size: 18px;margin-right: 0;width: 20px;}
	
}

@media (min-width:992px) and (orientation:landscape){
	
		/* Accueil */
	#event .inner .type{left:6px;width:90%;font-size:12px;padding-left:6px;line-height:24px;}
	#event .details{bottom:4px;line-height:16px;font-size:10px;}
	#accueil_top{height:60%}
	
	#accueil_top > h1{bottom:-10px;font-size:60px;letter-spacing:8px;}
	#bloc_newsletter{top:50%;font-size:14px;}
	#bloc_newsletter p,#bloc_newsletter input, #bloc_newsletter button{margin:10px 0}
			
	.module_menu{height:96px}
	.module_content{height:calc(100% - 96px);overflow:auto}
	
	.filters{font-size:14px}
	.filters .boutons{width:80%;display:inline-block}
	.filters .extension{max-width:250px}
	.filters .bloc{width:auto;line-height:60px;height:60px;padding:0 10px}
	.filters input{width:100px;}
	.filters .titre h1{font-size:20px;}
	
	.liste .infos{font-size:14px;width:100%}
	.liste .infos .lieu{font-style:italic;font-size:14px;}
		
	#photos .carousel{height:400px;}
		
	.content-bloc .lien{border-right:10px solid #ffffff;border-top:none;border-bottom:none;}	
	.bloc.contact .adresse,.contact .telephone{font-size:14px;}
	.content-bloc.liens .lien {font-size: 14px;padding: 15px;}
	.content-bloc.liens .lien .fa {font-size: 18px;margin-right: 0;width: 20px;}
}



/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px){
	
	#plateform-select #commune{font-size:20px;}
	
	#page-menu .link{margin:0}
	

	/* Accueil */
	#accueil_top > h1{bottom:-14px;font-size:80px;letter-spacing:12px;}
	#bloc_newsletter{font-size:17px;padding:0}
	#bloc_newsletter p,#bloc_newsletter input, #bloc_newsletter button{margin:15px 0}
	#bloc_newsletter input, #bloc_newsletter button{height:40px}
	#bloc_newsletter #newsletter_form{padding: 30px 5px;}
	
	#accueil_agenda .event{padding:0 25px;}
		
	#gallerie_accueil .vignette h1{font-size:22px}
	#event .inner .type{left:10px;width:80%;font-size:16px;padding-left:10px;line-height:24px;}
	#event .inner .cartouche{font-size:16px;}
	#event .inner .cartouche object{width:16px;height:16px;margin-right:5px;}
	
	.right_content .gallerie{height : 25%;}
	
	.filters .icone.droite{margin-top:-30px;}	
	
	.liste{max-width:1400px;margin:0 auto;float:none;clear:both}
	
	/*  Page */
	#photos .carousel{height:450px;}
	#details .bloc{height:300px;}
	
	
	.content-bloc.liens .lien {font-size: 16px;padding-left: 30px;}
	.content-bloc.liens .lien .fa {font-size: 22px;margin-right: 15px;width: 20px;}

}

::-webkit-scrollbar {
    width: 10px;
}
 
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
 
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

/* The starting CSS styles for the enter animation */
.liste .bloc.ng-enter {
  transition:0.5s ease all;
  opacity:0;
  top:-100px;
  left : -1000px;
}

/* The finishing CSS styles for the enter animation */
.liste .bloc.ng-enter.ng-enter-active {
  opacity:1;
  top:0;left:0;
}

.liste .bloc.ng-leave {
  transition:0.5s ease all;
  opacity:1;
  top:0;left: 0;
}
.liste .bloc.ng-leave.ng-leave-active {
  opacity:0;
  top:100px;left : 1000px;
}