/*
PPT:
Green:49,75,73 #314b49 - ESPAI PÚBLIC
Red:99,37,35 #632523 - ACTIVITATS
Blue:51,52,97 #333461 - MOVILITAT
Orange:148,80,47 #94502f - DEMOGRAFIA
Gold:163,148,66 #a39442 - PEOPLE
*/
.w100B {width:100%;display:inline-block;}
.tAR {text-align:right;}
.padLR15 {padding-left:15px;padding-right:15px;}

#map {position:relative;height: 100vh;width:100%;}
#header_tit {z-index:9999;position:absolute;top:0;left:calc(100% - 275px);width:275px;margin:0;height:100vh;background:#444;color:#fff;overflow:auto;border-left:4px solid #758B48;}
#header_tit img {height:30px;width:auto;margin-top:-5px;}
.footer_menu {position:relative;left:0;width:100%;margin:0;padding-top:5px;/*height:40px;background:#444;color:#fff;overflow:hidden;*/font-size:14px;border-top:2px solid #758B48;}

.main_tit {border-bottom:1px solid #758B48;text-align:right;width:100%;}
.main_tit a {display:inline-block;width:100%;}

.main_subtit {text-align:right;padding-top:5px;padding-bottom:5px;padding-right:15px;border-bottom:2px solid #758B48;width:100%;color:#9D7857;font-weight:600;}
.main_subtit, .case_tit {cursor:pointer}
.main_subtit:hover, .case_tit:hover {background:#9D7857;color:#0f3976;transition:all 0.8s ease;}

.case_tit, .search_tit, .capes_tit, .filtres_tit {padding:15px;/*padding-left:0px;margin-top:2px;margin-bottom:2px;*/border-bottom:2px solid #758B48;width:100%;}
.case_tit {color:#9D7857;border-bottom:4px solid #758B48;}
.capes_tit {margin-bottom:60px;}
/*.capes_tit, .filtres_tit {padding-top:0px;}*/

a#but_title_header {color:#758B48!important;font-size:22px;font-weight:700;}
a#but_title_header:hover, a.active#but_title_header {color:#fff!important;}

.participa_left_bottom {cursor:pointer;position:absolute;top:calc(100vh - 50px);left:calc(100% - 316px);z-index:9999;padding:5px;/*padding-top:10px;padding-bottom:10px;*/
height:50px;line-height:2.27em;vertical-align:middle;}
.participa_left_bottom a {background:#9D7857;color:#0f3976 !important;font-size:16px;position:absolute;margin-top:14px;padding-left:5px;padding-right:5px;}
.participa_left_bottom a:hover {/*background:#758B48;*/color:#fff!important;}
.participa_left_bottom img {height:50px;width:auto;/*background:#9D7857;*/margin-top:-5px;padding:5px;}
.participa_left_bottom img:hover {background:#758B48;transition:all 0.8s ease;}

.credits_right_bottom {cursor:pointer;position:absolute;top:calc(100vh - 40px);left:calc(100% - 200px);z-index:99999;
height:40px;/*width:40px;*/line-height:2.27em;vertical-align:middle;}
.credits_right_bottom a {background:transparent;color:#e9e76f!important;font-size:14px;padding:5px;/*padding-top:10px;padding-bottom:10px;*/font-weight:400;}
.credits_right_bottom a:hover {background:#758B48;color:#fff!important;}

a, a:fcous, a:active {color:#fff;text-decoration:none!important;cursor:pointer!important;}
a:hover {color:#fff;text-decoration:none!important;cursor:pointer!important;transition: all 0.8s ease;}	
a {font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#fff;}
.ButA {background:#222;padding:2px;margin-left:2px;margin-right:2px;color:#eee;font-size:14px;}
.ButA i {font-size:8px;color:#bbb!important}
a.ButA {color:#999!important;font-weight:400;margin-top:10px;display:inline-block;}
#header_titmap a {line-height:1.267em;padding:15px;}
#header_titmap a.active {background:#758B48;color:#fff;}
a#but_case_header a {color:#9D7857!important;}
a#but_case_header:hover {background:#9D7857;color:#0f3976!important;border-bottom:2px solid #0f3976;transition: all 0.8s ease;}
a#but_case_header.active {background:#9D7857;color:#0f3976!important;border-bottom:2px solid #0f3976;}
.ButA.first {margin-left:10px;}
.ButA.active {/*border-top:1px solid #fff;border-bottom:1px solid #fff;*//*background:#758B48;*/font-weight:400;}
a.ButA.active {color:#fff!important;font-weight:600;}
a.ButA:hover, a:hover, a.tit_und:hover {/*border-top:1px solid #fff;border-bottom:1px solid #fff;*/color:#fff!important;background:#758B48;transition: all 0.8s ease;}
.gre {color:#999;font-weight:600;}
.ccc {color:#ccc;font-weight:600;}
.colo444 {color:#fff;font-weight:600;}
.fw300 {font-weight:300;}
a.tit_und {/*border-top:2px solid #758B48;border-bottom:2px solid #758B48;*/font-weight:600;padding:10px;color:#fff;}
.tit_und i {/*color: #ccc;*/}
a.tit_und.active {color:#fff;background:#758B48;}

a.beside_tit {margin-left:10px;}
.i_beside_tit {padding-left:10px;padding-right:10px;color:#eee;}

.my-div-image2 {opacity:.75;margin-left:-5px;}
.my-div-image2.first {margin-left:2px;}

.search_left {cursor:pointer;position:fixed;top:40px;left:10px;z-index:999;background:#758B48;padding:5px;padding-top:10px;padding-bottom:10px;text-align:center;width:40px;height:40px;line-height:40px;vertical-align:middle;}
.search_left i {color:#fff;font-size:16px;}

#but_filtres_footer.active {background:#758B48;margin-left:-15px;padding-left:15px;padding-right:15px;padding-top:2px;padding-bottom:2px;}

.filtre_val {text-decoration:underline;}

#reset_filtres {color:#bbb;background:#666;padding:2px!important;margin-left:10px;font-weight:600;}

a.tornar_from_filtre {font-size:14px;width:100%;text-align:right;padding-right:15px;}

#ini_div {background:#000;position:fixed;top:40px;left:0;z-index:99999;width:100%;height:calc(100vh - 80px);/*display:none;*/}
#ini_div imEl {width:100%;height:calc(100vh - 80px);}
#ini_div img {filter:invert(0%);}
.filtres_div {/*background:#758B48;*/color:#fff;/*background:#444;*/background:transparent;margin:0px;height:100vh;top:0;left:0;width:100%;/*width:calc(100% - 320px);*/overflow:auto;font-weight:300;position:fixed;z-index:9999;font-size:12px;}
.filtres_div .cont_filtres {width:calc(100% - 320px);background:#444;padding-top:15px;height:100vh;}
.cont_filtres_close {width:320px;height:100vh;position:absolute;left:calc(100% - 320px);top:0px;display:inline-block;}
.filtres_div h3 {color:#fff;}
.imEl {position:relative;height:calc(100vh - 60px);line-height:calc(100vh - 60px);text-align:center;}
.imEl div {line-height:40px;font-size:20px;text-align:left;}
.imEl img, .imEl canvas {
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
	cursor:pointeR;
}
.imEl img:hover {filter:invert(100%);transition: all 2.8s ease;}	
#capes_div {background:#758B48;height:calc(50vh - 40px);top:50vh;margin-bottom:0px;width:100%;overflow:auto;font-weight:300;position:fixed;z-index:9999;font-size:12px;margin-bottom:20px;}
#capes_div img {position:relative;top:-2.5px;height:20px;width:auto;}
#title_div {height:100vh;/*min-width:300px;*/}
#all_elements {max-height:calc(100vh - 80px);}
#case_div {left:52%;top:38px;margin-bottom:0px;padding-top:20px;width:48%;height:calc(100vh - 77px);overflow:auto;font-weight:300;position:fixed;z-index:9999;font-size:12px;}
#case_div h4 span {
    font-weight: 400;
    width: 100%;
    border-bottom: 2px solid;
    margin-bottom: 10px;
    display: inline-block;
}
#case_div h4 a {color:#0f3976}
#case_div h4 a:hover {background:transparent!important;}
#all_elements, #title_div {top:40px;margin-bottom:0px;padding-top:20px;width:48%;overflow:auto;font-weight:300;position:fixed;z-index:9999;font-size:12px;}
#title_div {top:0px;margin-bottom:0px;padding-top:20px;width:100%;overflow:auto;font-weight:300;position:fixed;z-index:9999;font-size:12px;}
#all_elements {background:#444;}
#title_div {background:#758B48;}
#menu_inside h6 {text-align:left;padding-top:5px;padding-bottom:5px;}

.pad0, #title_div .col-xs-12 {padding:0px;}
.divsT {padding:30px;}
.divsT h4 {color:#0f3976;margin-top:30px;}
.divsT h6 {color:#000;text-align:center;font-size:16px;font-weight:400;margin-top:10px;padding-bottom:30px;}
.divsT p {line-height:1.74em;font-weight:400;}
.padL15 {padding:15px;}
#case_div {background:#9D7857;border:2px solid #9D7857;}
#all_elements li a span {color:#eee;}
/*#all_elements, #SsearchForm {width:100%;}*/
#SsearchForm input {margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;border:1px solid #aaa;color:#555;width:calc(100% - 20px);}
#livesearch {padding-top:5px;/*margin-bottom:5px;*/}
#livesearch > li > a, #allElementsAll > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
	color:#eee;
}
#livesearch > li, #allElementsAll li {
    position: relative;
    display: block;
}
#livesearch > li > a:focus, #livesearch > li > a:hover, #allElementsAll > li > a:focus, #allElementsAll > li > a:hover {
    text-decoration: none;
    background-color: #eee;
	color:#758B48!important;
}
.nScoinc {color:#758B48!important;border-bottom:1px solid #666;background:#eee;}
#allElementsAll {border-top:2px solid #eee;}
.titAlls {margin-left:10px;padding:2px;width:calc(100% - 20px);margin-top:10px;/*border-top:1px solid #eee;*/}
.titAlls strong {padding:5px;color:#758B48;padding-top:2px;padding-bottom:2px;/*font-size:10px;*/background:#eee;}

#capes_div h5 {
    color: #0f3976;margin-top:20px;
}

.leaflet-container .leaflet-control-attribution a:hover {
    color: #fff;
}
.my-div-image-selected {border-radius:50%;/*background-color:rgba(100,100,100,.5);*/border:6px double #444;}

.leaflet-top {
    /*top: 80px;*/
}
.control-extend {text-align:center;padding-top:5px;padding-bottom:5px;border-top:1px solid #fff;font-family:Raleway;font-size:10px;}
.leaflet-control-layers-list {text-align:left;}
.leaflet-retina .leaflet-control-layers-toggle {
   background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}
.leaflet-control-layers {text-align:center;background:#eee;border:2px solid #444;}
.leaflet-popup {border:2px solid #444;}
.leaflet-popup-content-wrapper {border-radius:0;}
a.leaflet-control-zoom-in, a.leaflet-control-zoom-out {
	background:#758B48;color:#fff;border:none;
	-webkit-transition: background 0.25s;
    -o-transition: background 0.25s;
    transition: background 0.25s;
	-webkit-transition: color 0.25s;
    -o-transition: color 0.25s;
    transition: color 0.25s;
	}
a.leaflet-control-zoom-in:hover, a.leaflet-control-zoom-out:hover {background:#758B48;/*#c92706*/;color:#eee;}
.leaflet-control-fullscreen-button:hover {background-color:#758B48;color:#eee;}
.leaflet-control-fullscreen-button, .leaflet-touch .leaflet-bar a {background-color:#758B48;color:#fff;}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {border:none;border-radius:0;background-color:#758B48;color:#fff;}
.leaflet-bar a:first-child {border:none;}
.leaflet-bar a:last-child {border:none;}
.leaflet-control-fullscreen a {background: url(https://wimabooks.com/maps/fullscreenW.png) no-repeat 0 0;}
.leaflet-retina .leaflet-control-layers-toggle {background-image: url(https://wimabooks.com/maps/layersW.png);}
.leaflet-container .leaflet-control-attribution {
    background: #333;color:#999;
    margin: 0;
}
.leaflet-container .leaflet-control-attribution a {color:#999;}
.leaflet-container a {
    color: #444;
}
.leaflet-container a: hover {#758B48;}

.leaflet-touch .leaflet-bar a {
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.leaflet-touch .leaflet-control-layers-toggle {
    width: 40px;
    height: 40px;
}
.leaflet-retina .leaflet-control-layers-toggle {
    background-size: 22px 22px;
}
.leaflet-control-locate a span {padding: 10px;}
.fa-map-marker::before {
    font-size: 20px;
}
.leaflet-touch .leaflet-control-fullscreen a {
    background-position: 3px 4px;
}
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a {
    background-position: 3px -26px;
}

.marker-cluster {
    /*opacity: .4 !important;*/
    color: #fff;
    font-weight: 800;
    font-size: 20px;
}
.marker-cluster span {
    font-size: 20px;
}
.marker-cluster-small, .marker-cluster-medium, .marker-cluster-large {background-color:rgba(0,0,0,.4);}
.marker-cluster-small div, .marker-cluster-medium div, .marker-cluster-large div {background-color:rgba(0,0,0,.2);}

.leaflet-tooltip-pane {
    opacity: .9;
    font-weight: 600;
	font-size:10px;
	color:#fff;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.leaflet-tooltip.class-tooltip, .leaflet-tooltip.class-tooltip-e, .leaflet-tooltip.class-tooltip-f {
  background: rgba(0,0,0,0);/*#758B48;*/
  border: 0px solid;/*2px solid #758B48;*/
  padding:1px;
  color:#fff;
}

.leaflet-tooltip.class-tooltip-f {opacity:.6!important;}

.leaflet-tooltip-left.class-tooltip::before, .leaflet-tooltip-left.class-tooltip-e::before, .leaflet-tooltip-left.class-tooltip-f::before {
  border-left-color: #758B48;
  /*border:0px solid;*/
}

.leaflet-tooltip-right.class-tooltip::before, .leaflet-tooltip-right.class-tooltip-e::before, .leaflet-tooltip-right.class-tooltip-f::before {
  border-right-color: #758B48;
  /*border:0px solid;*/
}

.leaflet-control-locate.active.following a {
    color: #0f3976;
}

.talignR {text-align:right;}
.talignC {text-align:center;}
.marg10 {margin:10px;}
.colorY {color:#e9e76f;}
.colorB {color:#0f3976}

.marker-cluster {
    -webkit-animation-name: k_opa_cluster;
    -webkit-animation-duration: 3200ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: k_opa_cluster;
    -moz-animation-duration: 3200ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: k_opa_cluster;
    -ms-animation-duration: 3200ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: k_opa_cluster;
    animation-duration: 3200ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes k_opa_cluster {
    0% { opacity: .6;}
    50% { opacity: .4;}
    100% { opacity: .6;}
}

.fons_logo {
    -webkit-animation-name: fons_logo_opa;
    -webkit-animation-duration: 8200ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: fons_logo_opa;
    -moz-animation-duration: 8200ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: fons_logo_opa;
    -ms-animation-duration: 8200ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: fons_logo_opa;
    animation-duration: 8200ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes fons_logo_opa {
    0% { opacity: .6;}
    50% { opacity: 0;}
    100% { opacity: .6;}
}

#ini_div, #ini_div img {
    -webkit-animation-name: ini_opa;
    -webkit-animation-duration: 6200ms;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: ini_opa;
    -moz-animation-duration: 6200ms;
    -moz-animation-timing-function: linear;
    -ms-animation-name: ini_opa;
    -ms-animation-duration: 6200ms;
    -ms-animation-timing-function: linear;
    
    animation-name: ini_opa;
    animation-duration: 6200ms;
    animation-timing-function: linear;
}
@keyframes ini_opa {
    0% { opacity: 1;}
    30% { opacity: 1;}
    100% { opacity: 0.1;}
}

.my-div-image {
    -webkit-animation-name: k_opa;
    -webkit-animation-duration: 1800ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: k_opa;
    -moz-animation-duration: 1800ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: k_opa;
    -ms-animation-duration: 1800ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: k_opa;
    animation-duration: 1800ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes k_opa {
    0% { opacity: 1;}
    50% { opacity: .75;}
    100% { opacity: 1;}
}

.anicolorY {
    -webkit-animation-name: k_anicolorY;
    -webkit-animation-duration: 9200ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: k_anicolorY;
    -moz-animation-duration: 9200ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: k_anicolorY;
    -ms-animation-duration: 9200ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: k_anicolorY;
    animation-duration: 9200ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes k_anicolorY {
    0% { color: #0f3976;}
    50% { color: #e9e76f;}
    100% { color: #0f3976;}
}

.anicolorB {
    -webkit-animation-name: k_anicolorB;
    -webkit-animation-duration: 9200ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: k_anicolorB;
    -moz-animation-duration: 9200ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: k_anicolorB;
    -ms-animation-duration: 9200ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: k_anicolorB;
    animation-duration: 9200ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes k_anicolorB {
    0% { color: #e9e76f;}
    50% { color: #0f3976;}
    100% { color: #e9e76f;}
}


#filtres_div {
    -webkit-animation-name: despMenu_filtres;
    -webkit-animation-duration: 600ms;
    /*-webkit-animation-iteration-count: infinite;*/
    -webkit-animation-timing-function: linear;
    -moz-animation-name: despMenu_filtres;
    -moz-animation-duration: 600ms;
    /*-moz-animation-iteration-count: infinite;*/
    -moz-animation-timing-function: linear;
    -ms-animation-name: despMenu_filtres;
    -ms-animation-duration: 600ms;
    /*-ms-animation-iteration-count: infinite;*/
    -ms-animation-timing-function: linear;
    
    animation-name: despMenu_filtres;
    animation-duration: 600ms;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}
@keyframes despMenu_filtres {
    from { height: 0px; overflow:hidden;top:calc(100vh - 80px);}
    to { height: calc(100vh - 80px); overflow:hidden;top:40px;}
}

#case_div {
    -webkit-animation-name: despMenu_case;
    -webkit-animation-duration: 600ms;
    /*-webkit-animation-iteration-count: infinite;*/
    -webkit-animation-timing-function: linear;
    -moz-animation-name: despMenu_case;
    -moz-animation-duration: 600ms;
    /*-moz-animation-iteration-count: infinite;*/
    -moz-animation-timing-function: linear;
    -ms-animation-name: despMenu_case;
    -ms-animation-duration: 600ms;
    /*-ms-animation-iteration-count: infinite;*/
    -ms-animation-timing-function: linear;
    
    animation-name: despMenu_case;
    animation-duration: 600ms;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}
@keyframes despMenu_case {
    from { height: 0px; overflow:hidden;}
    to { height: calc(100vh - 69px); overflow:hidden;}
}


#title_div {
    -webkit-animation-name: despMenu;
    -webkit-animation-duration: 600ms;
    /*-webkit-animation-iteration-count: infinite;*/
    -webkit-animation-timing-function: linear;
    -moz-animation-name: despMenu;
    -moz-animation-duration: 600ms;
    /*-moz-animation-iteration-count: infinite;*/
    -moz-animation-timing-function: linear;
    -ms-animation-name: despMenu;
    -ms-animation-duration: 600ms;
    /*-ms-animation-iteration-count: infinite;*/
    -ms-animation-timing-function: linear;
    
    animation-name: despMenu;
    animation-duration: 600ms;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}
@keyframes despMenu {
    from { height: 0px; overflow:hidden;}
    to { height: calc(100vh - 72px); overflow:hidden;}
}

#capes_div {
    -webkit-animation-name: despMenu_capes;
    -webkit-animation-duration: 600ms;
    /*-webkit-animation-iteration-count: infinite;*/
    -webkit-animation-timing-function: linear;
    -moz-animation-name: despMenu_capes;
    -moz-animation-duration: 600ms;
    /*-moz-animation-iteration-count: infinite;*/
    -moz-animation-timing-function: linear;
    -ms-animation-name: despMenu_capes;
    -ms-animation-duration: 600ms;
    /*-ms-animation-iteration-count: infinite;*/
    -ms-animation-timing-function: linear;
    
    animation-name: despMenu_capes;
    animation-duration: 600ms;
    /*animation-iteration-count: infinite;*/
    animation-timing-function: linear;
}
@keyframes despMenu_capes {
    from { height:0px; top:calc(100vh - 40px); overflow:hidden;}
    to { height: calc(50vh - 40px); top:50vh; overflow:hidden;}
}


#h4logo_ini {position:fixed;text-align:center;width:100%;top:0;margin-top:45vh;left:0;padding:0;font-size:40px;}
#h4logo_ini p {font-size:30px;font-weight:700;}
.imgcorolari_wini {padding:0;
z-index:999999;/*width:216px;height:50px;*/opacity:1;transition:0.1s all;
    -webkit-animation-name: aninileft;
    -webkit-animation-duration: 3.3s; 
    -webkit-animation-delay: 0.7s; 
    animation-name: aninileft;
    animation-duration: 3.3s;
    animation-delay: 0.7s;
}
.sublogo_ini {margin-top:-8px;margin-left:-38px;padding-bottom:3px;font-weight:normal;color:#fff;
    -webkit-animation-name: aniniright;
    -webkit-animation-duration: 3.3s; 
    -webkit-animation-delay: 0.7s; 
    animation-name: aniniright;
    animation-duration: 3.3s;
    animation-delay: 0.7s;
}
#anini {display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#758B48;z-index:9000000;
    -webkit-animation-name: anini1;
    -webkit-animation-duration: 4s; 
    -webkit-animation-delay: 0s; 
    animation-name: anini1;
    animation-duration: 4s;
    animation-delay: 0s;
	font-size:30px;
}
@keyframes anini1 {
    0%   {opacity:1;}
	10% {opacity:1;}
	/*25% {opacity:.9;}*/
    /*50%   {opacity:.5;}*/
    100% {opacity:0;}
}
@keyframes aninileft {
    0%   {margin-left:0px;}
    100% {margin-left:-50%;}
}
@keyframes aniniright {
    0%   {margin-left:0px;}
    100% {margin-left:40%;}
}



@media (max-width: 900px) {
  #case_div, #title_div {left:0px;width:100%;}
  .divsT h4 {margin-top:10px;}
}

@media (min-width: 750px) {
  .smallMenu {display:none;}
  .largeMenu {display:inline-block;}
  
}
@media (max-width: 750px) {
  .largeMenu {display:none;}
  .smallMenu {display:inline-block;}
  a.beside_tit {margin-left: 0px;}
}

@media (max-width: 600px) {
  #all_elements {width:75%;}
  #header_tit {left:calc(100% - 200px);width:200px;}
  .filtres_div {background:#444;}
  .filtres_div .cont_filtres {width:100%;}
}

@media (max-width: 300px) {
  .smallMenu {display:none;}
  #header_titmap a {padding-left: 10px;padding-right: 10px;}
}