@import url("style_infolive.css");
@import url("style_meteo.css");
@import url("sejours.css");
@import url("style_widget.css");


html{
	background-color:#f0f0f1;
	text-align:center;
	margin:0px;
}
body{

	margin:0px;
	font-size:13px;
  font-family: 'Signika',sans-serif;
}
.clear{
	clear:both;
}

/*videos youtube*/
.videoWrapper-conteneur{
	width: 100%;
	max-width: 860px;
	margin: 30px auto;
}
.pageaccueil .videoWrapper-conteneur{
	margin: 0 auto 20px;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.3%;
    height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fond-logo{
    left: 50%;
	margin-left:-720px;
	background-image: url(../images/fond-logo.png);
	background-position: top left;
	background-repeat:no-repeat;
	position:absolute;	
	width:347px;
	height:336px;
}
h1,h2,h3,h4,p,form{
	margin:0px;
	padding:0px;
}
ul,li{
	margin:0px;
	padding:0px;
	list-style-type:none;
	list-style-image:none;
}
#Page{
	width:100%;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	position:relative;
}
/*****************************************************
                        ENTETE
*****************************************************/
#boutonAccueil{
	margin-left:0;
}
.clear{
	clear:both;
}
#Entete{
	width:100%;
	text-align:center;
	position:relative;
	margin-right:auto;
	margin-right:auto;
}
#Entete .marge{
	text-align:left;
}
#Entete .marge .haut{
	height:35px;

}
#Entete #Addthis {
	float:right;
	padding: 5px 10px 0px 10px;
}
#Entete .BlocDrapeaux {
	float:right;	
	height: 23px;
	width: 50px;
}
#Entete .BlocDrapeaux .Drapeau {
  float: left;
  padding: 10px 5px 0 0;
  width: 20px;
}
#Entete .haut a.btaccueil{
	display:block;
	width:24px;
	height:20px;
	background-image:url(../images/bt-accueil.png);
	background-repeat:no-repeat;
	background-position:center center ;
	text-indent:-5000px;
	float:right;
padding: 5px 0 0 0;
}
#Entete #Logo {
	width: 243px;
	height: 143px;
	position:absolute;
	top:0px;
	left:10px;
	z-index:1000;
}
#Entete #Logo a {
  display: block;
  height: 143px;
  text-indent: -5000px;
  width: 243px;
}
#Entete #Logo a.png{
	background-image:url(../images/logo-pays-albertville.png);
	background-position:top left;
	background-repeat:no-repeat;
}
#Bandeau #LogoVPAH {
	width: 56px;
	height: 59px;
	position:absolute;
	top:10px;
	left:560px;
	z-index:1000;
	display:none;
}
#Bandeau #LogoVPAH a{
	width: 56px;
	height: 59px;
	background-image:url(../images/logo-vpah.gif);
	background-position:top left;
	background-repeat:no-repeat;
	display: block;
}
#Bandeau {
  float: left;
  height: 236px;
  overflow: hidden;
  position: relative;
  width: 62.4%;/*taille pour ie8*/
	width:calc(100% - 376px);
}
#Bandeau #slideshowInter{
	width:100%;
	height:236px;
	overflow:hidden;
	position:relative;
}
#Bandeau #slideshowInter .img{
	width:100%;
	height:236px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

/*****************************************************
                        MENU HAUT
*****************************************************/
#BtMenuHaut {
  background-color: #fdb813;
  float: right;
  margin: 6px 2% 0;
  width: auto;
  display: none;
}
#BlocMenuHaut {
	height: 27px;
	width:100%;
	max-width: 1000px;
	background-color:#202c34;
	border-bottom:1px solid #fff;
}
#MenuHaut {
	padding: 0px 0px 0px 250px;
}
#MenuHaut ul{
}
#MenuHaut ul li {
  color: #FFFFFF;
  float: left;
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  list-style: none outside none;
  padding: 4px 0;
  text-transform: uppercase;
}
#MenuHaut ul li a:link, #MenuHaut ul li a:active, #MenuHaut ul li a:visited {
	color:#FFF;
	text-decoration:none;
	text-transform:uppercase;
	padding: 0px 15px;
	border-right: 1px solid #fff;
}
#MenuHaut ul li:nth-last-child(2) a{ 
	border-right: none;
 }
#MenuHaut ul li a:hover{
	color:#f29400;
	text-decoration:none;
}
#MenuHaut ul li#MenuHautAccueil{display:none;}
#MenuHaut ul li.last {
  background-image: url("../images/fond-menu-mairie.png");
  background-position: left top;
  background-repeat: repeat-x;
  float: right;
  font-weight: bold;
  height: 27px;
  padding: 0;
  text-align: center;
  width: 19%;
}
#MenuHaut ul li.last span {
  font-size: 13px;
  font-weight: normal;
  line-height: 28px;
}
#MenuHaut ul li.last a:link, #MenuHaut ul li.last a:active, #MenuHaut ul li.last a:visited {
	color:#202c34;
	border-right: none;
  padding: 0;
	display:block;
}
#MenuHaut ul li.last a:hover{
	color:#fff;
}
/*****************************************************
                        MENU ACCUEIL
*****************************************************/
#MenuAccueil {
	width: 185px;
	position:absolute;
	top: 15px;
	right:15px;
	z-index:750;
}
#MenuAccueil ul{
}
#MenuAccueil ul li {
	background-color:#202c34;
	list-style:none;
	height: 58px;
	margin-top:8px;
	text-align:left;
  font-family: 'Signika',sans-serif;
  font-size: 16px;
  font-weight: normal;
	text-transform:uppercase;
}
#MenuAccueil ul li.png, #MenuAccueil ul li.png a:hover {
	background-image:url(../images/fleche-menu.png);
	background-position:center left;
	background-repeat:no-repeat;
  font-weight: normal;
}
#MenuAccueil ul li a:link, #MenuAccueil ul li a:active, #MenuAccueil ul li a:visited {
	color:#f8b900;
	text-decoration:none;
	display:block;
}
#MenuAccueil ul li a:link, #MenuAccueil ul li a:active, #MenuAccueil ul li a:visited {
  padding: 20px 18px 7px 20px;
}
#MenuAccueil ul li#menu01 a:link, #MenuAccueil ul li#menu01 a:active, #MenuAccueil ul  li#menu01 a:visited,
#MenuAccueil ul li#menu05 a:link, #MenuAccueil ul li#menu05 a:active, #MenuAccueil ul  li#menu05 a:visited
{
  padding: 10px 18px 7px 20px;
}
.oslangue-uk #MenuAccueil ul li#menu01 a:link, .oslangue-uk #MenuAccueil ul li#menu01 a:active, .oslangue-uk #MenuAccueil ul li#menu01 a:visited,
.oslangue-uk #MenuAccueil ul li#menu02 a:link, .oslangue-uk #MenuAccueil ul li#menu02 a:active, .oslangue-uk #MenuAccueil ul li#menu02 a:visited,
.oslangue-uk #MenuAccueil ul li#menu03 a:link, .oslangue-uk #MenuAccueil ul li#menu03 a:active, .oslangue-uk #MenuAccueil ul li#menu03 a:visited,
.oslangue-uk #MenuAccueil ul li#menu04 a:link, .oslangue-uk #MenuAccueil ul li#menu04 a:active, .oslangue-uk #MenuAccueil ul li#menu04 a:visited {
  padding: 20px 18px 7px 20px;
}
#MenuAccueil ul li a:hover{
	color:#f8b900;
	text-decoration:none;
}
#MenuAccueil #menu01, #MenuAccueil #menu02, #MenuAccueil #menu03, #MenuAccueil #menu04, #MenuAccueil #menu05 {background-color:#202c34;color:#f8b900;}

#MenuAccueil #menu01:hover, #MenuAccueil #menu02:hover, #MenuAccueil #menu03:hover, #MenuAccueil #menu04:hover, #MenuAccueil #menu05:hover {background-color:#f8b900; color:#202c34;}

#MenuAccueil #menu01:hover a, #MenuAccueil #menu02:hover a, #MenuAccueil #menu03:hover a, #MenuAccueil #menu04:hover a, #MenuAccueil #menu05:hover a {background-color:#f8b900; color:#202c34;}

/*******************bouton accueil contenu*********/
#logement{
	margin:18px 0 0 1%;
	float:left;
  width: 99%;
	background-color:#fdb813;
}
#logement .retourligne, #logementaccueil .retourligne, #logementmobile .retourligne{
	display:none;
}
#logementaccueil {
  background-color: #fdb813;
  margin: 20px 0 10px 1%;
  width: 99%;
}
#logement:hover, #logementaccueil:hover{	
	background-color:#202c34;
}
#restaurer {
  background-image: url("../images/ico-seloger-serestaurer.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  color: #FFFFFF;
  display: block;
  font-family: 'Signika',sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 0 10px 75px;
  text-decoration: none;
  text-transform: uppercase;
}
#logementmobile {
  background-color: #fdb813;
  float: left;
  margin: 0 0 3%;
  width: 48%;
}
#logementmobile:hover{	
	background-color:#202c34;
}
#restaurermobile {
  color: #ffffff;
  display: block;
  font-family: "Signika",sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 0 5px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.blocblue{
	margin:0px 0px 5px 0px;
	float:left;
	width: 100%;
	min-height:35px;
	background-color:#202c34;
}


.blocblue:hover{	
	background-color:#fdb813;
}
.blocblue.facebook{
	background-color:#3b5998;
	margin: 0px 0px 20px 0px;
	float:none;
}
.blocblue.facebook:hover{
	background-color:#3b5998;
}
.blocblue .retourligne{
	display:none;
}
.blocyellow{
	margin:0px 0px 5px 0px;
	float:left;
	width:290px;
	min-height:35px;
	background-color:#fdb813;
}
.blocyellow:hover{	
	background-color:#202c34;
}
.blocblue .txt, .blocyellow .txt {
  color: #ffffff;
  display: block;
  font-family: "Signika",sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 7px 1% 7px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.blocmap {
  background-image: url("../images/fond-carte.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  height: 105px;
  margin: 10px 0 5px;
  width: 100%;
}
.blocmap:hover{	
	/* SAFARI TRES VIELLE VERSION < 2.1 */
    -khtml-opacity:0.9;
/* FIREFOX TRES VIELLE VERSION <= 0.9*/
    -moz-opacity : 0.9;
/* IE 8 ET COMPRIS PAR IE 10*/
    -ms-filter: "alpha(opacity=90)";
/* IE > 4 et < 8 ET COMPRIS PAR IE 10*/
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
/* IE 4 */
    filter : alpha(opacity=90);
/* AUTRE */
    opacity : 0.9;	
	cursor:pointer;
}
.blocmap .txt{
	color: #202c34;
	display: block;
	font-family: 'Signika',sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 8px 1% 10px 1.5%;
	text-decoration: none;
	text-transform: uppercase;
	text-align:left;
}
#Accueil-TDF{
	background-color:#f6bb19;
	text-align:center;
	margin-bottom:7px;
	padding:20px 10px;
}
#Accueil-TDF a{
	color:#000;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	font-size:20px;
	display:block;
}

#BtWidgetMobile{
  display: none;
}
.resaheb, .resaideesejour{
	margin:0px 2% 3% 0px;
	float:left;
  	width:48%;
	min-height:35px;
	background-color:#202c34;
}
.resaheb:hover, .resaideesejour:hover{	
	background-color:#fdb813;
}
.resaheb a, .resaideesejour a {
  color: #FFFFFF;
  display: block;
  font-family: 'Signika',sans-serif;
  font-size: 18px;
  font-weight: normal;
  padding: 10px 0 5px;
  text-decoration: none;
  text-transform: uppercase;
	text-align:center;
}

/*****************************************************
                        CONTENU PAGE
*****************************************************/
#FondPage{
	width:100%;
	min-height:410px;
	_height:410px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#fff;
}
#ContenuPage {
  padding: 25px 2.4% 15px;
}
.ttt{font-size:10px;}
#ContenuPage h2{
	color:#fdb813;
	font-size:26px;
	text-transform:none;
	border-bottom: 2px solid #fdb813;
	font-weight:normal;
	font-family: 'Signika', sans-serif;
}

#ContenuPage h2.TitreFondColor{	border-bottom: none;
padding:10px;
font-family: 'Signika',sans-serif;
font-size: 18px;
font-weight: normal;
text-transform: uppercase;
color:#202c34;
background-color: #fdb813;}

#ContenuPage .Colonne{
	float:left;
	width: 31%;
	min-height:410px;
	_height:410px;
}
#ContenuPage .Colonne .Plusdebonsplans {
  color: #990000;
  font-size: 12px;
  left: 0;
  position: absolute;
  text-transform: none;
  top: 377px;
  display:none;
}
#ContenuPage .Colonne .Plusdebonsplans a:link, #ContenuPage .Colonne .Plusdebonsplans a:active, #ContenuPage .Colonne .Plusdebonsplans a:visited {
	color:#f8b900;
	text-decoration:none;
}
#ContenuPage .Colonne .Plusdebonsplans a:hover {
	color:#000;
	text-decoration:none;
}
#ContenuPage .Colonne.marge{
	margin-left: 3%;
}


/*****************************************************
                        WIDGET ACCUEIL
*****************************************************/

#ColonneWidgetAccueil {
  float: right;
  margin-left: 3%;
  margin-top: 40px;
  position: relative;
  width: 32%;
  z-index: 900;
}
#BlocWidgetAccueil {
	width: 100%;
	min-height: 465px;
	
	margin-top:-110px;

/*	position:absolute;
	top: 355px;
	right:35px;*/
}
#BlocWidgetAccueil.png {
	background-image:url(../images/fr/fond-reservation.png);
	background-position:top left;
	background-repeat:no-repeat;
	background-size:contain;
}
#BlocWidgetAccueil.png.UK {
	background-image:url(../images/uk/fond-reservation.png);
}
#WidgetAccueil {
  padding: 35px 4% 5px;
}
#WidgetAccueil h2 {
  display:none;
}

#widget-filtreur
{clear:both;}

/*****************************************************
                        WIDGET INT
*****************************************************/
#ColonneWidget {
  float: right;
  margin-left: 3%;
  position: relative;
  width: 32%;
  z-index: 900;
}
/*****************************************************
                        FORMULAIRES
*****************************************************/				
.combo {
	height: auto; 
	border: #292929 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	background-color: #FFFFFF;
	width:98%
}
.combogo {
	height: auto;
	border: #202c34 1px solid;
	font-family: verdana;
	font-size: 11px;
	font-style: normal;
	color: #FFF;
	background-color:#202c34;
}
.TableContact{

  font-family: 'Signika',sans-serif;
	font-size: 12px;
	width:95%;
}
.TableContact td{
	text-align:left;

  font-family: 'Signika',sans-serif;
	font-size: 12px;
}
.TableContact td.Libelle{
	width:25%;
	text-align:right;
}
.TableContact input,  textarea {
	border:1px solid #292929;
}
.TableContact h2 {
	font-size:16px;
	font-weight:bold;
	margin-bottom:3px;
	margin-top:10px;
	color:#DA5139;
}
.TableBrochures{

  font-family: 'Signika',sans-serif;
	font-size: 11px;
	width:560px;
}
.TableBrochures th{
	text-align:center;

  font-family: 'Signika',sans-serif;
	font-size: 11px;
}
.TableBrochures td{
	text-align:left;

  font-family: 'Signika',sans-serif;
	font-size: 11px;
}
.TableBrochures input,  textarea {
	border:0px solid #292929;
}
/*****************************************************
                        FOOTER
*****************************************************/
#footer{
	width:100%;
	max-width:1000px;
	min-height:139px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
}
#footer .marge {
  background-color: #fdb813;
  font-size: 13px;
  padding: 20px 2.5%;
  text-align: left;
}
#footer .firstcolonne{width:27%;float:left;}
#footer .secondcolonne{width:72%;float:left;}
#footer .secondcolonne #MenuPiedPage{}
#footer .secondcolonne #MenuPiedPage ul{	padding-left:0px;}
#footer .secondcolonne #MenuPiedPage ul li{
	font-size:13px;
	float:left;
	width:31%;
	margin:0 1% 20px;
	text-transform: uppercase;
}
#footer .secondcolonne #MenuPiedPage ul li a:link,
#footer .secondcolonne #MenuPiedPage ul li a:active,
#footer .secondcolonne #MenuPiedPage ul li a:visited{
	color:#202c34;
	text-decoration:none;
	font-weight: bold;
}
#footer .secondcolonne #MenuPiedPage ul li a:hover{
	color:#fff;
	text-decoration:none;
}
#footer .secondcolonne #MenuPiedPage ul li ul{
	padding-left:0px;
}
#footer .secondcolonne #MenuPiedPage ul li ul li {
  color: #ffffff;
  font-size: 13px;
  list-style: outside url("../images/puce-sousmenubas.png") none;
  margin: 0 0 5px 5%;
  text-transform: capitalize;
  width: 95%;
}
#footer .secondcolonne #MenuPiedPage ul li ul li a:link,
#footer .secondcolonne #MenuPiedPage ul li ul li a:active,
#footer .secondcolonne #MenuPiedPage ul li ul li a:visited{
	color:#202c34;
	text-decoration:none;
	font-weight: normal;
}
#footer .secondcolonne #MenuPiedPage ul li ul li a:hover {
	color:#fff;
	text-decoration:none;
}
#footer #Signature {
  color: #FFFFFF;
  font-size: 12px;
	text-align:right;
  text-transform: capitalize;
	margin-top:20px;
}
#footer #Signature a:link, #footer #Signature a:active, #footer #Signature a:visited{
  color: #FFFFFF;
	text-decoration:none;
}
#footer #Signature a:hover{
	color:#202c34;
	text-decoration:none;
}
#footer #BlocEco{background-color:#fff;padding:15px;text-align:justify;font-size:13px;color:#626161;}
#footer #BlocEco .sep{width:100%;position:relative;margin:10px auto 0;border-bottom:1px solid #626161;}

/*****************************************************
                        NEWSLETTER
*****************************************************/
#BlocNewsletter {
	color:#202c34;
	font-size:13px;
	margin-bottom:15px;
}
#BlocNewsletter h3{
	color:#202c34;
	font-size:13px;
	text-transform:uppercase;
}
#BlocNewsletter a{
	color:#202c34;
	font-size:13px;
	text-decoration:none;
}
#BlocNewsletter a:hover{
	color:#fff;
}
/*****************************************************
                        MENU BAS DE PAGE
*****************************************************/
#MenuBas{
	color:#202c34;

  font-family: 'Signika',sans-serif;
	font-size:13px;
}
#MenuBas ul{}
#MenuBas ul li {
	color:#202c34;
	list-style:none;
	list-style-image:url(../images/puce-menubas.png);
	list-style-position:inside;
	padding: 0px 0px 0px 0px;
	text-transform:uppercase;
	line-height:22px;
}
#MenuBas a:link, #MenuBas a:active, #MenuBas a:visited{
	color:#202c34;
	text-decoration:none;
}
#MenuBas a:hover{
	color:#fff;
	text-decoration:none;
}
/*****************************************************
                        COORDONNEES
*****************************************************/
#Coordonnees {
  background-image: url("../images/logo-blanc-pays-albertville.png");
  background-position: 10% 0;
  background-repeat: no-repeat;
  color: #ffffff;
  display: block;
  float: left;
  font-size: 13px;
  line-height: 18px;
  min-height: 109px;
  text-align: right;
  width: 100%;
}
#Coordonnees h5 {
  color: #FFFFFF;
  font-size: 15px;
  margin-bottom: 0;
  text-align: right;
  text-transform: uppercase;
}
#Coordonnees a:link, #Coordonnees a:active, #Coordonnees a:visited{
	color:#FFF;
	text-decoration:none;
}
#Coordonnees a:hover{
	color:#202c34;
	text-decoration:none;
}
#Coordonnees .retourligne {display:none;}

/*** Surcharge Widget ***/
#widget-grandbivouac li {
background-image: url("../images/logo-grand-bivouac.png")!important;
background-position: left center;
background-repeat: no-repeat;
color: #202c34;
font-size: 12px!important;
font-weight: bold;
height: 44px;
line-height: 16px!important;
padding-left: 65px!important;
}

#widget-grandbivouac li input
{float:right;}

#widget-grandbivouac li a {color: #202c34;padding-left:10px;}
	
#Blocwidget-budget #widget-grandbivouac li
{font-size:12px;background-image:none;padding:0px;}
#Blocwidget-budget #widget-grandbivouac li a
{padding-left:0px;}
.OsValueFiltre a
{color: #202c34;text-decoration:none;}

#widget-trailalbertville li {
/*background-image: url("../images/logo-trail.jpg")!important;*/
background-image: url("../images/logo-tdf.png")!important;
background-position: left top;
background-repeat: no-repeat;
color: #202c34;
font-size: 12px!important;
font-weight: bold;
height: 44px;
/*line-height: 44px;*/
padding-left: 65px!important;
padding-top:3px!important;
}

#widget-trailalbertville li a {color: #202c34;padding-left:10px;}

#widget-trailalbertville li input
{float:right;}

#Blocwidget-budget #widget-trailalbertville li
{font-size:12px;background-image:none;padding:0px;}
#Blocwidget-budget #widget-trailalbertville li a
{padding-left:0px;}



/*****************************************************
                        PARTENAIRES
*****************************************************/
#BlocPartenaires{background-color:#fff;
 display: -webkit-flex ; /* Safari */    
display: flex ;

-webkit-flex-flow: row nowrap; /* Safari */
  flex-flow: row nowrap  }

#BlocPartenaires .bloc {
 display: -webkit-inline-flex ; /* Safari */    
display: inline-flex ;
  /*float: left;*/
  height: 75px;
  padding: 0 3px;
  text-align: center;
}
#BlocPartenaires .last{
	background-image: none;
	padding-right:0px;
}
#BlocPartenaires .bloc a {
  display: block;
}
#BlocPartenaires .bloc p{
-webkit-margin-before: 0;
-webkit-margin-after: 0;
  color: #777777;
 /* float: left;*/
  font-family: "Signika",sans-serif;
  font-size: 12px;
  padding-top: 17px;
  text-align: left;
}
#BlocPartenaires .bloc p.uneligne{
	padding-top:23px;
}
#BlocPartenaires .colonne1, #BlocPartenaires .colonne2, #BlocPartenaires .colonne3 {
    background-image: url(../images/partenaires/separation.png);
    background-position: right 10px;
    background-repeat: no-repeat;
    /*float: left;*/
    margin-right: 2%;
    padding-right: 2%;
    width: auto;
	
	 display: -webkit-inline-flex ; /* Safari */    
display: inline-flex ;
flex: 1 1 auto;
}
#BlocPartenaires .colonne4 {
 display: -webkit-inline-flex ; /* Safari */    
display: inline-flex ;
flex: 1 1 auto;
}
#BlocPartenaires .savoiemontblanc{
}
#BlocPartenaires .ot{
}
#BlocPartenaires .finance{
}
#BlocPartenaires .mairie {
   /* padding: 0 5%;*/
}
#BlocPartenaires .coral{
}
#BlocPartenaires .hautecombe{
}
#BlocPartenaires .soutien{
}
#BlocPartenaires .cg{
}
#BlocPartenaires .partenariat{
}
#BlocPartenaires .ugine{
}


.blociframesendinblue{
	width:50%;
	text-align:center;
	margin: 3% 0;
	float:left;
}
.iframesendinblue{
	display: inline-block;
}


.RS-Haut{
 display: -webkit-flex ; /* Safari */    
display: flex ;

-webkit-flex-flow: flex nowrap; /* Safari */
  flex-flow: flex nowrap;
padding: 5px 5px 0 0px;

float:right

}
.RS-Haut a{
display:inline-flex;
padding: 0 2px;
}
.RS-Haut a:hover *{ fill:#000!important}