.mobile_media{
	display: none;
}

@media (max-width:800px) {
	
	body{
		/* background: none; */
		/* background-color: #005091; */
		font-family: Roboto, sans-serif;
		background: #0e88ce;
		background: -moz-linear-gradient(top, #419AC2 0%, #F0F8FC  100%);
		background: -webkit-linear-gradient(top, #419AC2 0%, #F0F8FC  100%);
		background: linear-gradient(to bottom, #419AC2 0%, #F0F8FC  100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#419AC2', endColorstr='#F0F8FC ', GradientType=0);
		position: relative;
	}
	
	p:empty{
		display: none;
	}
	
	/* RGPD */
	.qc-cmp-persistent-link{
		font-size: 9px;
		padding: 2px !important;
		z-index: 1000 !important;
	}
		
	.mobile_media {
		display: inline-block;
		width: 100%;
	}
	
	img{
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	/* HEADER */
	header{
		z-index: 1050;
		position: fixed;
		top: 47px;
		left: 55px;
		min-width: unset;
		transition: top 0.5s ease;
		-webkit-transition: top 0.5s ease;
		-moz-transition: top 0.5s ease;
		-o-transition: top 0.5s ease;
		font-size: 11px;
	}
	
	header.scrollWith{
		top: -10px;
	}
	
	.header-wrapper {
		background: none;
		position: unset;
		z-index: unset;
	}

	#nav{
		text-align: left;
	}
	
	.header{
		width: auto;
		position: unset;
		z-index: unset;
	}
	
	#nav ul 	{
		width: 170px;
	}
	
	#nav li {
		display: block;
		padding: 0px;
		text-align: left;
		background-color: #ECECEC;
		border-top: 1px solid #fff;
		display: none;
		box-shadow: 0px 1px 5px #333;
	}
	
	#nav li.active {
		display: block;
		position: absolute;
		top: -30px;
		background: none;
		border: none;
		box-shadow: none;
	}
	
	#nav li.active a::after {
		content: '';
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-top: 7px solid #005891;
		position: relative;
		top: 10px;
		right: -10px;
	}
	
	#nav li.info {
		background: #1693D1 url("../images/icon-info.png") no-repeat right 5px top 5px;
	}
	
	#nav li a {
		color: #005891 !important;
		text-transform: uppercase;
	}
	
	#nav a,
	#nav a.one-line {
		padding: 5px !important;
		display: block !important;
	}
	
	#pub0{
		/* display: inline-block; */
		position: relative;
		top: unset;
		left: unset;
		margin-left: unset;
	}
	
	#pub_top{
		width: 100% !important;
	}
	
	#pub_left,
	#pub_right{
		display: none;
	}

	#principal {
		width: 100%;
		padding: 0px;
		overflow-x:auto;
		z-index: 1;
		-webkit-overflow-scrolling:touch;
		-ms-overflow-style:-ms-autohiding-scrollbar
	}
	
	#principal.active {
		padding-top: 60px;
	}
	
	#main-header {
		width: 100%;
		height: 60px;
		padding: 0px;
		background: #0e88ce;
		background: -moz-linear-gradient(top, #DFDFDF 0%, #ECECEC  100%);
		background: -webkit-linear-gradient(top, #DFDFDF 0%, #ECECEC  100%);
		background: linear-gradient(to bottom, #DFDFDF 0%, #ECECEC  100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DFDFDF', endColorstr='#ECECEC ', GradientType=0);
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		position: fixed;
		right: 0;
		left: 0;
		top: 0;
		z-index: 1030;
		transition: top 0.5s ease;
		-webkit-transition: top 0.5s ease;
		-moz-transition: top 0.5s ease;
		-o-transition: top 0.5s ease;
	}
	
	#main-header.scrollWith{
		top: -60px;
	}
	
	
	#main-header .header_block {
		width: 100%;
		height: 100%;
		margin: 0px;
		background-size: 130%;
		background-position: 30px -40px;
	}
	
	.header-logo-block {
		min-height: 0px;
		height: 100%;
		float: unset;
		cursor: pointer;
		display: inline-block;
	}
	
	#main-header .header_block img {
		width: 40px;
		padding: 9px 0;
		display: inline-block;
		vertical-align: top;
	}
	
	.header-logo-block::before {
		content: "";
		width: 15px;
		display: inline-block;
		height: 60px;
		background: transparent url(../../../mobile/images/logo_burger_blue.png) no-repeat 0px 20px;
	}
	
	#main-header .nom_site {
		display: none;
	}

	#menu_top {
		display: none;
	}
	
	
/* SITE */	
	#secondaire{
		width: 100%;
		margin: 60px auto;
		transition: margin 0.5s ease;
		-webkit-transition: margin 0.5s ease;
		-moz-transition: margin 0.5s ease;
		-o-transition: margin 0.5s ease;
	}
	
	#principal.active #secondaire {
		margin-top: 0px;
	}
	
	#secondaire.scrollWith{
		margin-top: 0px;
	}
	
	#secondaire_contenu	{
		width: 100%;
	}

	#contenu {
		width: 100%;
		float: none;
		border: none;
		margin: 0px;	
		border-radius: 0px;
	}
	
	#sous-menu .menu{
		display: none;
	}
	
	.breadcrumb {
		font-size: 17px;
		font-weight: bold;
		color: #005091;
		text-transform: uppercase;
	}
	
	.breadcrumb .divider{
		/* display: none; */
	}
	
	.breadcrumb .divider img{
		width: auto;
		vertical-align: unset;
	}
	
	.breadcrumb li a,
	.breadcrumb li a:visited{
		color: #005091;
	}
	
	.breadcrumb li a[href="/"],
	.breadcrumb li a[href="/wallis-et-futuna/accueil"],
	.breadcrumb li a[href="/en-savoir-plus/accueil/actualites"],
	.breadcrumb li a[href="/donnees-publiques/generalites"],
	.breadcrumb li a[href="/produits-commerciaux/presentation"],
	.breadcrumb li a[href="/espace-reserve/accedez-a-votre-espace-dedie"]	{
		background: transparent url(../../../mobile/images/accueil2.png) no-repeat 0px 0px;
		color: transparent;
		width: 20px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
	}
	
	.breadcrumb li:nth-child(3) a[href="/en-savoir-plus/accueil/actualites"],
	.breadcrumb li:nth-child(4) a[href="/en-savoir-plus/accueil/actualites"]{
		display: none;
	}

	#texte {
		float: none;
		left: 0px;
		margin: 0px;
		padding: 10px;
		width: auto;
	}
	
	#contenu_texte {
		padding: 0px;
	}
	
	.sous_menu_top_bis {
		margin: 0px;
		position: fixed;
		top: 10px;
		z-index: 1031;
		right: 10px;
		transition: top 0.5s ease;
		-webkit-transition: top 0.5s ease;
		-moz-transition: top 0.5s ease;
		-o-transition: top 0.5s ease;
	}
	
	.sous_menu_top_bis.scrollWith {
		top: -50px;
	}
	
	#contenu_article{
		border: none;
		padding: 0px;
		font-size: 16px;
	}
	
	#contenu_article h2{
		width: auto;
		margin: 0px;
		padding: 5px;
	}
	
	#contenu_article > div > div > h2 {
		display: none;
	}

/* AVERTISSEMENTS */
	#mea_vigilance,
	#avertissements	{
		width: auto;
		height: auto;
		border: none;
		background: none !important;
	}

	#mea_vigilance .timbre_vigilance {
		background: none !important;
		width: auto;
		height: 40px;
		padding: 0px;
		border: none;
	}
	
	#mea_vigilance .timbre_vigilance img.timbre_vigi {
		width: auto;
		height: 40px;
	}

	#mea_vigilance .info_vigilance {
		display: none;
	}
	
	#avertissements div {
		padding: 0px;
		background: none;
		margin: 0px;
		-webkit-box-shadow: none;
		border: none;
		position: absolute;
	}
	
	#avertissements div.centerdiv > img[alt=no_bms],
	#avertissements div.centerdiv > img[alt=no_bms] + span{
		display: none;
	}
	
	#avertissements a:not(.active){
		display: none;
	}

	#avertissements a.bms_marine {
		width: 33px;
		height: 29px;
		background: transparent url(../../../mobile/images/bms.png) no-repeat 0px center;
		right: 90px;
		font-size: 12px;
	}
			
	#avertissements a.bms_marine::after {
		content: 'BMS';
		display: block;
		padding-top: 30px;
		color: #003A5F;
	}
	
	#avertissements a.info_cyclone {
		width: 33px;
		height: 29px;
		background: transparent url(../../../mobile/images/cyclone.png) no-repeat 0px center;
		right: 130px;
	}
	
	#avertissements a.info_cyclone::after {
		content: 'INFO';
		display: block;
		padding-top: 30px;
		color: #AD1C4F;
	}

	#avertissements a img,
	#avertissements a span{
		display: none;
	}
	
/* MODULES PREVISION ACCUEIL */
	#accueil {
		padding: 0px;
	}

	#bg_accueil {
		border: none;
		margin: 10px 0px 20px;
	}
	
	#contenu_article .entete_contenu {
		color: #005091;
		background: none;
		width: auto;
		margin: 0px;
		padding: 0px 10px;
		font-size: 17px;
		/* text-transform: uppercase; */
		height: auto !important;
	}

	.bulltimbbloc {
		padding: 0px;
		margin: 0px;
		background: none;
		box-shadow: none;
	}
	
/* BOX SHADOW ELEMENTS */
	.bulltimbbloc .accueil_img_link,
	#accueil #ephemeride,
	.carte_previ,
	.meteo_locale,
	#carte_animation #animPic	{
		border-radius: 5px;
		-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
		box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	}

	.bulltimbbloc .bulltimb {
		display: none;
	}
	
	#dateMaj {
		margin: 0px;
		left: 5px;
		bottom: 5px;
	}
	
	.bull_nc {
		margin-top: 0px;
		color: #747373;
		font-size: 16px;
	}
	
	#accueil #previ_accueil h2{
		padding-top: 0px !important;
		text-transform: uppercase;
	}	
	
	#accueil #previ_accueil a.bull_link,
	#selectMenu .selectMenuLink	{
		font-size: 13px !important;
		background-color: #005891;
		text-decoration: none;
		color: #fff;
		font-weight: normal;
		padding: 2px 4px;
		border: 1px solid #CCC;
	}
	
	#selectMenu .selectMenuLink	{
		color: #fff !important;
		top: -5px;
		right: 0px;
		font-family: Roboto, sans-serif;
	}
	
	#accueil #prevision_observations,
	#accueil_droite {
		display: none;
	}
	
	#accueil #ephemeride {
		height: auto;
		margin: 0px;
	}
	
	#accueil #ephemeride .ephemeride_gauche,
	#accueil #ephemeride .ephemeride_droite	{
		padding: 0px;
		margin: 0px;
		display: block;
		width: auto;
	}
	
	#accueil #ephemeride .ephemeride_centre {
		display: none;
	}
	
	#accueil #ephemeride .ephemeride_droite{
		margin-top: 20px;
	}
	
	#accueil #ephemeride li.espacement img {
		width: 15px;
	}
	
	#accueil #ephemeride .donnees  {
		display: block;
		margin: 5px;
		width: auto;
	}
	
	#accueil #ephemeride .donnees_marees {
		display: block;
		margin: 0px;
		width: auto;
	}
	
	#accueil #ephemeride .ephemeride_gauche .mise_en_forme_tableau {
		width: 100%;
	}
	
	#accueil #ephemeride .ephemeride_droite .mise_en_forme_tableau {
		width: 50%;
	}
	
	#accueil #ephemeride .mise_en_forme_tableau td{
		padding: 3px 0px 0px;
	}
	
	#accueil #ephemeride .mise_en_forme_tableau td .ville{
		margin: 0px;
	}
	
	#accueil #ephemeride .mise_en_forme_tableau td li.espacement{
		padding: 0px;
	}
	
	#accueil #ephemeride .shomAbo {
		float: none;
		margin: 0px;
		width: auto;
		padding: 10px 10px 0px;
		text-align: right;
	}
	
	.tablo_marge{
		/* display: none; */
	}

/* PHOTO SEMAINE */

	#page_photo {
		width: auto;
		margin-top: 0px;
	}
	
	#page_photo .photosemaine p {
		width: auto;
	}
	
/* MODULE CARTE | METEO LOCALE */
	#fond_carte, #fond_carte_wf, #conteneur, #checkRoute, #commune, #checkCommune, #date, #dateMaj, #legende {
		display: none;
	}
	
	#carte_previ_wf {
		height: auto;
	}

	#selectMenu,
	.entete_contenu{
		padding-top: 25px !important;
		background: none;
		height: auto;
	}
	
	#selectMenu .spanMenu,
	.entete_contenu .spanMenu {
		font-size: 11px;
		top: 0px;
	}

	#selectMenu .titreGras,
	.entete_contenu .titreGras {
		display: none;
	}
	
	#selectMenu .selectMenu,
	.entete_contenu .selectMenu {
		/* Hide the text. */
		/* text-indent: 200%; */
		white-space: nowrap;
		display: block;
		top: 0px;
		right: unset;
		left: 0px;
		color: #fff;
	}
	
	#selectMenu .selectMenu  #selectCommune,
	.entete_contenu .selectMenu  #selectCommune,
	.entete_contenu .selectMenu  #zone{
		position: absolute;
		left: 0px;
		margin-left: 0px;
	}
	
	#contenu_article #carte_previ ul.swapPrevi {
		display: none;
	}

	.carte_previ{
		position: relative;
		background: #51B5EF;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#51B5EF), to(#306A90));
		background: -webkit-linear-gradient(#51B5EF, #306A90);
		background: -moz-linear-gradient(#51B5EF, #306A90);
		background: -ms-linear-gradient(#51B5EF, #306A90);
		background: -o-linear-gradient(#51B5EF, #306A90);
		background: linear-gradient(#51B5EF, #306A90);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#51B5EF', endColorstr='#306A90');
		padding-bottom: 58px;
		overflow: hidden;
	}
	
	.meteo_locale	{
		position: relative;
		background-color: #005891;
		/* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#f7f7f7)); */
		/* background: -webkit-linear-gradient(#FFF, #f7f7f7); */
		/* background: -moz-linear-gradient(#FFF, #f7f7f7); */
		/* background: -ms-linear-gradient(#FFF, #f7f7f7); */
		/* background: -o-linear-gradient(#FFF, #f7f7f7); */
		/* background: linear-gradient(#FFF, #f7f7f7); */
		/* filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FFF', endColorstr='#f7f7f7'); */
		overflow: hidden;
	}

.carousel {
 position:relative;
 margin-bottom:0px;
 line-height:1
}
.carousel-inner {
 position:relative;
 width:100%;
 overflow:hidden
}
.carousel-inner>.item {
 position:relative;
 display:none;
 -webkit-transition:.6s ease-in-out left;
 -moz-transition:.6s ease-in-out left;
 -o-transition:.6s ease-in-out left;
 transition:.6s ease-in-out left
}
.carousel-inner>.item>img,.carousel-inner>.item>a>img {
 display:block;
 line-height:1
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
 display:block
}
.carousel-inner>.active {
 left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
 position:absolute;
 top:0;
 width:100%
}
.carousel-inner>.next {
 left:100%
}
.carousel-inner>.prev {
 left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
 left:0
}
.carousel-inner>.active.left {
 left:-100%
}
.carousel-inner>.active.right {
 left:100%
}
.carousel-control {
 position:absolute;
 top:40%;
 left:15px;
 width:40px;
 height:40px;
 margin-top:-20px;
 font-size:60px;
 font-weight:100;
 line-height:30px;
 color:#fff;
 text-align:center;
 background:#222;
 border:3px solid #fff;
 -webkit-border-radius:23px;
 -moz-border-radius:23px;
 border-radius:23px;
 opacity:.5;
 filter:alpha(opacity=50)
}
.carousel-control.right {
 right:15px;
 left:auto
}
.carousel-control:hover,.carousel-control:focus {
 color:#fff;
 text-decoration:none;
 opacity:.9;
 filter:alpha(opacity=90)
}
.carousel-indicators {
 position:absolute;
 top:15px;
 right:15px;
 z-index:5;
 margin:0;
 list-style:none
}
.carousel-indicators li {
 display:block;
 float:left;
 width:10px;
 height:10px;
 margin-left:5px;
 text-indent:-999px;
 background-color:#ccc;
 background-color:rgba(255,255,255,0.25);
 border-radius:5px
}
.carousel-indicators .active {
 background-color:#fff
}
.carousel-caption {
 position:absolute;
 right:0;
 bottom:0;
 left:0;
 padding:15px;
 background:#333;
 background:rgba(0,0,0,0.75)
}
.carousel-caption h4,.carousel-caption p {
 line-height:20px;
 color:#fff
}
.carousel-caption h4 {
 margin:0 0 5px
}
.carousel-caption p {
 margin-bottom:0
}

	#cartePreviCarousel{
		position: absolute;
		top: 0px;
		width: 100%;
	}

	#cartePreviCarousel .carousel-indicators ,
	#meteoLocaleCarousel .carousel-indicators {
		right: unset;
		top: unset;
		/* bottom: -67px; */
		/* left: 0px; */
		/* width: 100%; */
		display: flex;
		overflow: auto;
		padding: 0px;
		margin: 0px;
		position: relative;
	}
	
	#cartePreviCarousel .carousel-indicators li ,
	#meteoLocaleCarousel .carousel-indicators li {
		float: none;
		width: auto;
		min-width: 85px;
		height: auto;
		margin: 0px;
		text-indent: unset;
		background-color: #fff;
		border-radius: 0px;
		position: relative;
		padding: 20px 5px; 
		text-align: center;
		color: rgb(0, 80, 145);
		font-size: 12px;
		font-weight: bold;
		cursor: pointer;
		border-bottom: 6px solid transparent;
		box-sizing: border-box;
		flex-grow: 1;
	}
	
	#cartePreviCarousel .carousel-indicators li .echeanceName ,
	#meteoLocaleCarousel .carousel-indicators li .echeanceName {
		margin-top: -17px;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 11px;
		position: absolute;
	}

	#cartePreviCarousel .carousel-indicators li::before ,
	#meteoLocaleCarousel .carousel-indicators li::before {
		background: linear-gradient(to bottom, transparent 10%,#efefef 10%, #efefef 90%, transparent 100%);
		position: absolute;
		content: '';
		width: 1px;
		bottom: 0;
		left: 0;
		top: 0px;
		z-index: 2;
		height: 100%;
	}
	
	#cartePreviCarousel .carousel-indicators li.jour::before ,
	#meteoLocaleCarousel .carousel-indicators li.jour::before {
		background: linear-gradient(to bottom, transparent 0%,#c8c8c8 0%, #c8c8c8 60%, #ffffff 100%);
		position: absolute;
		content: '';
		width: 2px;
		bottom: 0;
		left: 0;
		top: 0px;
		z-index: 2;
		height: 100%;
	}
	
	#cartePreviCarousel .carousel-indicators li:hover,
	#meteoLocaleCarousel .carousel-indicators li:hover,
	#cartePreviCarousel .carousel-indicators li.active,
	#meteoLocaleCarousel .carousel-indicators li.active{
		border-bottom: 6px solid #005891
	}
	
	#cartePreviCarousel .carousel-indicators li.active,
	#meteoLocaleCarousel .carousel-indicators li.active{
		-webkit-box-shadow: 0px 0px 20px #bcbcbc;
		box-shadow: 0px 0px 20px #bcbcbc;
		z-index: 99;
	}
	
	.carousel-control {
		position: absolute;
		top: 40%;
		left: 15px;
		width: 40px;
		height: 40px;
		margin-top: -20px;
		font-size: 60px;
		font-weight: 100;
		line-height: 30px;
		color: #fff;
		text-align: center;
		background: #222;
		border: 3px solid #fff;
		-webkit-border-radius: 23px;
		-moz-border-radius: 23px;
		border-radius: 23px;
		opacity: .5;
		filter: alpha(opacity=50);
	}
	
	#cartePreviCarousel .carousel-control.left ,
	#cartePreviCarousel .carousel-control.right{
		top: 35%;
	}
	
	#meteoLocaleCarousel .carousel-control.left,
	#meteoLocaleCarousel .carousel-control.right{
		top: 25%;
	}
	
	#cartePreviCarousel .carousel-control.left ,
	#meteoLocaleCarousel .carousel-control.left {
		background: transparent url(../../../mobile/images/prev.png) no-repeat center center;
		left: 0px;
		border: none;
	}
	
	#cartePreviCarousel .carousel-control.right,
	#meteoLocaleCarousel .carousel-control.right {
		background: transparent url(../../../mobile/images/next.png) no-repeat center center;
		right: 0px;
		left: auto;
		border: none;
	}
	
	.meteo_locale img {
		width: auto;
	}

	.local_echeance{
		color: #fff;
		margin: 0px;
		display: flex;
		text-align: center;
		padding: 30px 0;
		text-shadow: 1px 1px 1px #000;
		font-size: 13px;
	}
	
	.local_echeance_row {
		width: 50%;
	}
	
	.meteo_locale img.picto{
		width: 50%;
	}
	
	.meteo_locale img.pictoVent{
		width: 20%;
	}
	
	.local_com,
	.local_date{
		font-size: 18px;
		color: #fff;
		margin: 0px;
		padding: 0px;
		text-align: center;
		text-shadow: 1px 1px 1px #000;
	}
	
	.local_date{
		font-size: 16px;
		color: yellow;
		margin: -15px 0px 20px;
	}
	
	#meteoLocaleCarousel .carousel-indicators li {
		padding: 25px 5px 15px;
	}
	
	#meteoLocaleCarousel .carousel-indicators li .echeanceName {
		margin-top: -20px;
	}
	
	#meteoLocaleCarousel .local_picto{
		margin-bottom: 5px;
		width: 50%;
	}
	
	.local_temp,
	.local_uv{
		background: transparent url(/modules/mod_carte/assets/images/thermo.png) no-repeat 0px -30px;
		height: 30px;
		line-height: 30px;
		padding-left: 35px;
		margin-left: 5px;
		display: block;
		text-align: left;
	}
	
	.local_uv{
		background: transparent url(/modules/mod_carte/assets/images/previ.png) no-repeat 0px -30px;
	}
	
	.local_vent{
		display: inline-block;
		vertical-align: middle;
		margin-left: 5px;
	}
	
	.display_force_vent{
		font-weight: bold;
		font-size: 20px;
	}
	
	.display_raf_vent{
		display: block;
		color: red;
		font-weight: bold;
		font-size: 20px;
	}
	
	.local_raf_vent{
		display: block;
		color: red;
	}
	
	.local_periode{
		display: block;
		margin-top: 15px;
	}
	
	#bas_article{
		display: none;
	}
	
/* MODULE BULLETIN */
	.bulletin_txt #bulltimbbloc{
		display: none;
	}
	
	span.titre {
		font-size: 18px;
		font-weight: bold;
		margin: 15px 0 5px;
		color: #005891;
	}
	
	p.bulletinSpecial {
		font-size: 18px;
	}

/* MODULE BULLETIN LAGON */
	#lagtimbbloc {
		width: auto;
		height: auto;
		margin: 0px;
	}

	#lagtimbbloc .lagtimb {
		height: 190px;
	}
	
	#lagtimbbloc p {
		float: none;
		width: auto;
		margin: 0px;
		font-family: Roboto, sans-serif;
	}
	
	#lagtimbbloc .lagtimb #date{
		display: block;
		bottom: 0px;
	}
	
	#contenu_article .mer_bulletin > li {
		font-size: 16px;
	}
	
	p.uniteBulletin {
		font-size: 11px;
	}
	

/* MODULE BULLETIN WALLIS */

	.pictoWF img.Wallis,
	.pictoWF img.Futuna{
		width: auto;
	}

/* MODULE ANIMATION SAT RADAR */
	#carte_animation #animPic {
		width: auto;
	}
	
	#carte_animation #buttons li.animButon {
		padding: 0px 5px;
	}
	
	#carte_animation #controles {
		margin: 10px 0px;
		float: unset;
	}

	#carte_animation #animPic img.panne_moz_radar {
		top: 0px;
	}
	
	#carte_animation #totalImpact{
		display: flex;
		height: auto;
	}
	
	#carte_animation #supRadar{
		top: unset;
		bottom: 112px;
	}
	
	#carte_animation #datePic, 
	#carte_animation #nbImpact {
		position: relative;
		margin: 3px;
		left: unset;
		bottom: unset;
		right: unset;
	}
	
	#contenu_texte .tablo_marge.foudre td{
		padding: 0px;
	}

/* MODULE MER PREVISION */
	#conteneur_mer .nom_zone {
		display: none;
	}
	
	#conteneur_mer .chart{
		margin: 0px;
	}
	
	#conteneur_mer #fond_carte {
		display: block;
		width: auto;
		height: auto;
		left: unset;
	}
	
	#conteneur_mer .loading{
		top: unset;
	}
	
	#selectSpot {
		position: absolute;
		left: 155px;
	}

	#report table.hc_report {
		width: 100%;
		margin: 10px 0px 0px;
	}
	
	#report table.hc_report th:nth-child(1),
	#report table.hc_report td:not(.center){
		/* display: none; */
	}
	
	#report table.hc_report th.left{
		text-align: left;
	}	
	
	#report table.hc_report tr:nth-child(4){
		display: none;
	}
	
	#report table.hc_report td:first-child {
		height: auto;
	}
	
	#report table.hc_report table.shom {
		margin: 0px;
		min-width: unset;
	}
	
	#report table.hc_report table.shom td {
		height: auto;
		padding-left: 2px;
	}

	#report table.hc_report td.center {
		width: auto;
		height: 18px;
	}
	
	#report table.hc_report td.center.large {
		width: auto;
		padding: 0px;
	}
	
/* MODULE CARTE MER */
	#relier, #relier_active {
		display: none;
	}

	#contenu_article #selector_mer ul.ul_select {
		display: block;
		margin: 10px 0px;
	}
	
	#selector_mer,
	#contenu_article #selector_mer ul.ul_select > li,
	#contenu_article #selector_mer ul.ul_select > li.groupeParam,
	#contenu_article #selector_mer ul.ul_select > li.modele, 
	#contenu_article #selector_mer ul.ul_select > li.possible{
		width: auto;
		border-radius: 0px;
		box-shadow: none;
		margin: 0px;
		font-weight: normal;
		font-size: 16px;
	}

	#contenu_article #selector_mer ul.ul_select > li.groupeParam.active ul li.param {
		padding: 8px 0px 0px 35px;
	}

	#contenu_article #selector_mer ul.ul_select > li.groupeParam.active ul li.paramOff {
		padding: 0px;
		line-height: 0px;
	}

	#contenu_article #selector_mer ul.ul_select.last {
		margin: 0px;
	}
	
	#contenu_article #selector_mer ul.ul_select > li.modeleOff {
		display: none;
	}
	
	#carte_animation #selectMenu{
		display: none;
	}
	
	#carte_animation #animPic {
		margin: 10px 0px 0px;
		border-radius: 5px;
		overflow: hidden;
	}
	
	#carte_animation #regle{
		position: relative;
	}
	
	#carte_animation #regle #barreJours {
		display: flex;
		width: auto;
		margin: 0px;
		overflow: auto;
		position: unset;
		padding: 10px 0px 65px;
	}

	#carte_animation #regle #barreJours li.echeanceJour {
		padding: 2px 5px;
		margin: 0px 2px;
	}
	
	#carte_animation #regle .barreDefilement {
		margin: 50px 0px;
	}
	
	#carte_animation #controles {
		width: auto;
	}
	
/* MODULE MAREE */
	.newLine {
		display: none;
	}	
	
	.shom  img{
		width: auto;
	}
	
	.marees ,
	table.tableau_marees {
		width: auto;
	}
	
/* MODULE DERNIERE 24H */
	.dernieres_table{
		width: 100%
	}
	
	.dernieres_table .resp{
		display: table-row;
	}
	
	.dernieres_table .full{
		display: none;
	}
	
	.dernieres_table th {
		min-width: unset;
	}

	.dernieres_table .pictoVent{
		width: auto;
	}
	 
	.dernieres_desc .carte{
		display: none;
	}
	
	.selectStation{
		display: block;
	}

/* MODULE CLIMATOLOGIE / AGRICULTURE */
	.scrollX {
		/* overflow-x: scroll; */
	}
	
	.scrollX #conteneur{
		display: block;
	}
	
	#releves_bloc_select,
	#agro_bloc_select{
		padding-top: 0px !important;
	}
	
	#releves_conteneur, 
	#releves_conteneur_wf,
	#agro_conteneur,
	#agro_conteneur_wf	{
		width: auto;
		height: auto;
		background: none;
		left: unset;
		margin-top: 5px;
	}
	
	#releves_conteneur.no_bg, 
	#releves_conteneur_wf.no_bg,
	#agro_conteneur.no_bg, 
	#agro_conteneur_wf.no_bg {
		background: #FFFFFF;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#EBF1FB));
		background: -webkit-linear-gradient(#FFFFFF, #EBF1FB);
		background: -moz-linear-gradient(#FFFFFF, #EBF1FB);
		background: -ms-linear-gradient(#FFFFFF, #EBF1FB);
		background: -o-linear-gradient(#FFFFFF, #EBF1FB);
		background: linear-gradient(#FFFFFF, #EBF1FB);
	}
	
	#releves_menu,
	#agro_menu {
		/* top: 67px; */
		/* right: 5px; */
		/* width: 40%; */
		/* min-width: 145px; */
		width: auto;
		position: relative;
	}
	
	#agro_menu.menu_graph {
		top: unset;
	}
	
	#releves_panneau,
	#agro_panneau {
		position: unset;
		top: unset;
		left: unset;
		font-size: 11px;
	}
	
	#releves_paramliste,
	#agro_paramliste{
		display: flex;
	}
	
	#releves_conteneur #releves_panneau li, 
	#releves_conteneur_wf #releves_panneau li,
	#agro_conteneur #agro_panneau li, 
	#agro_conteneur_wf #agro_panneau li 	{
		flex-grow: 1;
		text-align: center;
		line-height: 20px;
	}
	
	#releves_conteneur #releves_menu .element_periode, 
	#releves_conteneur_wf #releves_menu .element_periode,
	#agro_conteneur #agro_menu .element_periode, 
	#agro_conteneur_wf #agro_menu .element_periode {
		max-height: 110px;
	}
	
	#releves_conteneur #releves_menu .element_periode li, 
	#releves_conteneur_wf #releves_menu .element_periode li,
	#agro_conteneur #agro_menu .element_periode li, 
	#agro_conteneur_wf #agro_menu .element_periode li{
		line-height: 20px;
	}
	
	#releves_affichage,
	#agro_affichage {
		display: flex;
		flex-wrap: wrap;
		min-height: unset;
	}
	
	#releves_affichage .graph,
	#agro_affichage .graph{
		margin: 0px;
		height: auto;
		position: unset;
		top: unset;
		width: 100%;
	}
	
	#releves_date,
	#agro_date {
		display: none;
	}
	
	#cumul, #compare{
		position: unset;
		margin-left: 5px;
	}
	
	.tabClimatGraph{
		width: 100%;
		margin: 5px 0px 0px;
	}
	
	.tabClimatGraph td.left {
		width: auto;
	}
	
	.etiquette {
		position: unset;
		margin: 1px;
		flex-grow: 1;
		width: 150px;
		background: none;
		box-shadow: 0px 1px 5px #666;
	}
	
	.etiquette img,
	#releves_date a img,
	#agro_date a img,
	.autoWidth,
	.tableData td img.picto_vent{
		width: auto;
	}
	.etiquette a{
		display: inline-block;
		width: 100%;
	}

	a.csv {
		width: 225px;
	}

/* MODULE CYCLONE CLIMATOLOGIE */

	#cyclones h2{
		width: auto;
		margin: 10px 0px;
	}
	
	#cyclones h3.cyclones{
		box-shadow: 0px 1px 3px #666;
		border-radius: 5px;
		font-size: 16px !important;
	}
	
	#cyclones h3.cyclones div{
		float: none !important;
		color: #999;
		font-size: 14px;
		font-weight: normal;
	}
	
	#cyclones div.cyclones {
		padding: 0px;
		border-left: none;
		border-right: none;
	}
	
	#cyclones div.cyclones img{
		margin: 10px 0px !important;
	}

/* MODULE CYCLONE en cours */
	table.cyclone{
		width: auto;
		margin: 0px;
		position: relative;
	}
	
	table.cyclone tr{
		position: relative;
		display: flex;
		flex-direction: column;
	}
	
	table.cyclone td img {
		width: 100%;
		height: auto;
	}
	
	table.cyclone td {
		padding: 3px 0px;
	}
	
	table.cyclone td.taille {
		width: auto;
	}
	
	table.cyclone a.side {
		float: none;
		margin: 0px;
		max-height: unset;
	}
	
	table.cyc_saison {
		width: auto;
	}
	
	table.cyc_saison tr{
		position: relative;
		display: flex;
		flex-direction: column-reverse;
	}
	
	table.cyc_saison td:nth-child(2),
	table.cyc_saison td:nth-child(3){
		border: none;
	}
	
	table.cyc_saison td:nth-child(1){
		margin-bottom: 20px;
	}
	
	table.cyc_saison td img{
		width: 100%;
	}

/* ACTUALITES */
	#actualites.accueil .actu_list > ul li div {
		top: 0px;
	}
	
	#actualites.accueil .actu_list > ul li {
		overflow: hidden;
		font-size: 11px;
	}
	
	#actualites.accueil .actu_list > ul li a {
		padding: 0px;
	}

	#bas_actu {
		display: none;
	}

/* info secu sans pub */
	#sans_pub_info_secu {
		width: auto;
		margin: 0px;
	}
	
	#sans_pub_info_secu > ul > li::before ,
	#sans_pub_info_secu > ul > li::after {
		width: auto;
	}

/* MENU DROITE */
	#menu_droite {
		width: auto;
		float: none;
		left: 0px;
		top: 0px;
		margin: 0px;
		padding: 10px;
	}

	#menu_droite .droite {
		width: auto !important;
		margin: 0px 0px 20px !important;
		height: auto !important;
		border: none !important;
		background: none !important;
	}
	
	#menu_droite .titre_droite {
		width: auto;
		display: block;
	}
	
	#menu_droite h2 {
		height: 25px;
		color: #005091;
		background: none;
		width: auto;
		font-size: 17px;
		text-align: left;
		margin: 0px;
		padding: 0px 10px;
		text-transform: uppercase;
	}

	#menu_droite .droite_bordure_top {
		display: none;
	}

	#menu_droite .contenu_bordures_droite {
		display: block;
	}
	
	#menu_droite .droite_bordure_left ,
	#menu_droite .droite_bordure_right{  
		display: none !important;
	}
	
	#menu_droite .contenu_droite {
		display: block;
		width: auto;
		padding: 0px;
		overflow: hidden;
	}
	
	#menu_droite .contenu_droite .actu_list{
		border: 1px solid #dee2e6;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		overflow: hidden;
	}

	#menu_droite #actualites .archives {
		font-size: 11px;
		padding: 10px;
		/* background-color: #eceff1; */
		/* border-bottom-left-radius: 5px; */
		/* border-bottom-right-radius: 5px; */
	}
	
	#menu_droite #actualites .archives a {
	   display: inline-block;
	}
	
	#menu_droite  #actualites .actu_list > ul {
		margin: 0px;
	}

	#menu_droite #actualites .actu_list > ul li {
		height: auto;
		padding: 0px;
		border: none;
		display: none;
		width: 100%;
		transition: transform .6s ease;
		-webkit-transition: transform .6s ease;
		-moz-transition: transform .6s ease;
		-o-transition: transform .6s ease;
	}
	
	#menu_droite #actualites .actu_list > ul li.active {
		display: block;
	}

	#menu_droite #actualites .actu_list > ul li img {
		float: none;
		width: 100%;
		height: auto;
		border: none;
		margin: -10% 0px;
	}

	#menu_droite #actualites.bref .actu_list > ul li a {
		font-size: 18px;
		width: auto;
		float: none;
		color: #005091;
		background-color: #fff;
		padding: 10px;
		margin: 0px;
		background-image: none;
	}
	
	#menu_droite #actualites.bref .actu_list > ul li a .arrow{
		width: 40px;
		height: 40px;
		background: #0076c9 url(../../../mobile/images/media_arrow.png) no-repeat -4px -4px;
		border-radius: 25px;
		position: absolute;
		right: 15px;
		top: -20px;
		-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
		box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	}
	
	#menu_droite #photosemaine {
		margin-bottom: 40px !important;
	}
	
	#photosemaine #fond_photosemaine{
		border-radius: 5px;
		overflow: hidden;
		border: 1px solid #dee2e6;
	}

	#photosemaine #fond_photosemaine a.photo_semaine {
		display: inline-block;
		width: 35%;
	}

	#photosemaine #fond_photosemaine #photosemaineimg {
		padding: 0px;
		margin: 0px;
		background: none;
		border: none;
		width: 100%;
		vertical-align: top;
	}
	
	#photosemaine #fond_photosemaine p {
		position: relative;
		top: 0px;
		right: 0px;
		display: inline-block;
		width: 60%;
		vertical-align: top;
		margin: 5px 5px 0px;
	}

	#photosemaine #consultergalerie {
		bottom: -25px;
	}

/* PUBLICITES */
	#bandeau_pub_haut {
		display: none;
	}
	
	#pub1 h2, #pub2 h2, #menu_droite .nopub h2 {
		display: none;
	}
	
	#pub1, #pub2 {
		width: auto;
		margin: 10px 0px;
		background-color: #ccc;
		text-align: center;
		min-height: unset;
	}

/* MENU BAS PAGE */
	#menu_bas_page {
		width: 100%;
		padding: 0px;
		margin: 0px;
		z-index: 1060;
	}
	
	#menu_bas_page .search {
		display: none;
	}
	
	#menu_bas_page .menu {
		padding: 0px 10px;
		position: fixed;
		width: auto;
		top: 0px;
		left: 0px;
		background-color: #fff;
		background-image: none;
		z-index: 99999;
		height: 100%;
		overflow: auto;
		transform: translateX(-100%);
		transition: transform .6s ease;
		-webkit-transition: transform .6s ease;
		-moz-transition: transform .6s ease;
		-o-transition: transform .6s ease;
	}
	
	#menu_bas_page .menu.active {
		transform: translateX(0%);
		box-shadow: 0px 0px 0px 300px rgba(0,0,0,0.5);
	}
	
	#menu_bas_page .menu::before {
		content: '';
		height: 100px;
		display: block;
		background: transparent url(../images/logo_MF_gouv_media.png) no-repeat 0px 20px;
	}
	
	#menu_bas_page .menu .item-101{ display: block; } /* accueil */
	#menu_bas_page .menu .item-268{ display: block; } /* accueil wf */
	#menu_bas_page .menu .item-265{ display: none; } /* temps pacifique */
	#menu_bas_page .menu .item-269{ display: none; } /* temps pacifique wf */
	#menu_bas_page .menu .item-266{ display: none; } /* temps monde */
	#menu_bas_page .menu .item-270{ display: none; } /* temps monde wf */

	#menu_bas_page .menu li {
		display: block;
		width: auto;
	}
	
	#menu_bas_page .menu > li > a{
		color: #005091;
		text-transform: uppercase;
	}
	
	#menu_bas_page .menu li ul li a{
		color: #747373;
		font-size: 15px;
		height: auto;
		padding: 2px 0px;
	}
	
	#menu_bas_page .menu_bas {
		width: 100%;
		padding: 0px;
		margin: 0px;
		/* background: #0e88ce; */
		/* background: -moz-linear-gradient(top, #0177c9 0%, #1c9bd4 100%); */
		/* background: -webkit-linear-gradient(top, #0177c9 0%, #1c9bd4 100%); */
		/* background: linear-gradient(to bottom, #0177c9 0%, #1c9bd4 100%); */
			/* background-color: rgba(0, 0, 0, 0); */
		/* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0177c9', endColorstr='#1c9bd4', GradientType=0); */
	}
	
	#menu_bas_page .menu_bas li {
		line-height: 30px;
		height: auto !important;
	}
	
	#menu_bas_page .menu_bas li::before {
		display: none;
	}
	
	#menu_bas_page .menu_bas li a {
		font-size: 13px;
	}
	
	#menu_bas_page .menu_site {
		padding: 0px;
		margin: 0px;
		width: 100%;
		left: 0px;
		top: 0px;
		display: none;
	}
	
	/* pop up alerte */
	#alerte {
		top: 170px;
		left: unset;
		margin-top: unset;
		margin-left: unset;
		width: auto;
		background-position: 0px 0px;
	}
	
	/* info secu */
	#info_secu.alerte {
		background: #000 url("../../../modules/mod_info_secu/assets/images/bandeau_sc.jpg") no-repeat 0px 0px;
	}
	
	#info_secu {
		height: 94px;
		position: relative;
		overflow: hidden;
		cursor: pointer;
	}
	
	#info_secu #secu_slider {
		position: absolute;
		left: -150px;
		width: 750px;
		height: 30px;
		margin-top: 10px;
		display: inline-block;
		text-align: left;
		font-weight: bold;
		line-height: 30px;
		background-color: rgba(255,254,12,0.8);
	}
	
	#info_secu #secu_slider span {
		position: absolute;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
		-webkit-animation: animInfo 15s infinite linear;
		-moz-animation: animInfo 15s infinite linear;
		animation: animInfo 15s infinite linear;
	}
	
	
}