/* Begin of global viewport*/
body{
margin: 0px;
background:rgba(40, 40, 38, 0.3);
}
#viewport{
height:100%;
position:relative;
}
/* End of global viewport*/
/* Begin for menu*/
#header {
	background: rgba(40, 40, 38, 0.9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FC282826,endColorstr=#FC282826);
    border-bottom: 1px solid #b8aca9;
    height: 70px;
    width: 100%;
    z-index: 100;
}

#header.fixed {
	position:fixed;
	width:100%;
	top:0;
	left:0;
	z-index:10000;
}

#header .wrapper_menu {
	height: 100%;
}



.wrapper_menu {
    margin: 0 auto;
    position: relative;
    width: 100%;
	z-index: 100;
}
#main_menu {
    position: absolute;
    left: 0;
    bottom: 0;
	width:100%;
	text-align:center;
}

ol, ul {
    list-style: none;
	display:inline-block;
}

#main_menu li {
    float: left;
    position: relative;
}

#main_menu > ul > li > a {
    border-top: 1px solid #4d4e51;
    display: block;
    font: 16px 'Georgia', 'Times New Roman', serif;
    line-height: 35px;
    padding: 0 8px;
    text-transform: uppercase;
    text-decoration: none;
}

#main_menu a {
    color: #fff;
    -moz-transition: color 0.5s, border-color 0.5s, background-color 0.5s;
    -webkit-transition: color 0.5s, border-color 0.5s, background-color 0.5s;
    transition: color 0.5s, border-color 0.5s, background-color 0.5s;
    text-shadow: 0 1px 1px rgba(0,0,0,.75);
}

.wrapper_menu > .logo {
	padding-left:5%;
}

.wrapper_menu > .logo img{
	background-color: #1b1b1a;
	background: rgba(255,255,255,.9);
	width: 20%;
	max-width:200px;
    height: auto;
}

.wrapper_menu #div_lang {
    margin-right: 5%;
    padding-right: 5%;
	z-index: 1000;
	color:#ffffff;
	text-align:right;
	position:absolute;
	right:0px;
	height:100%;
}
.wrapper_menu #div_lang  ol{
	margin:0px;
	margin-top:0.5em;
}
#icone_menu{
	width:100%;
	height:0px;
	visibility:hidden;
}

@media (max-width: 1031px) {
#header{
	height:auto;/*100%;*/
}

#header .wrapper_menu {
	height:auto;
	/*background: rgba(255,255,255,.9);*/
}

.wrapper_menu {
/*    visibility:hidden;*/
	width:100%;
}

.wrapper_menu > .logo {
	visibility:hidden;
	height:0px;
	overflow:hidden;
	padding-left:0px;
}

.wrapper_menu > .logo img{
    height: 0px;
}

ol, ul {
    list-style: none;
	display:inline-block;
}

#main_menu li {
    /*float: left;
    position: relative;*/
	width:100%;
	display:block;
}
#main_menu ul {
	margin:0px;
	padding:0px;
}
#main_menu {
    position: relative;
	width:100%;
	text-align:center;
	visibility:visible;
	overflow:hidden;
	max-height: 0px;
    -webkit-transition: max-height 0.5s;
	-moz-transition: max-height 0.5s;
	transition: max-height 0.5s;
}

#main_menu.expand{
    position: relative;
	width:100%;
	text-align:center;
	max-height: 5000px;
    transition: max-height 0.15s ease-out;
	
}

#icone_menu .logo {
	/*padding-left:6em;*/
	display: block;
	margin-left: 70px;
	margin-right: 70px;
	text-align:center;
}

#icone_menu .logo img{
	background-color: #1b1b1a;
	background: rgba(255,255,255,.9);
	width: 10em;
	max-width:200px;
    height: auto;
}

#icone_menu{
	width:100%;
	visibility:visible;
	height:auto;
	background: rgba(255,255,255,0.9) url(../images/common/menu.png) no-repeat left center;
	background-size: 30px 30px;
    background-repeat: no-repeat;
	background-position: 5% 50%; 
	text-align:center;
}

}

/* End for menu*/


/*Begin for slideshow*/
#photos{
background:#ffffff;
position: relative;
z-index:1;
}

#header_pict{
	position:relative;
	height:600%;  
}

.bss-slides{
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  /*bottom: 0px;*/
  display: block;
  /*min-width: 970px; */
}
.bss-slides:focus{
 outline: 0;
}
.bss-slides figure{
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index:-1;
}
.bss-slides figure:first-child{
  position: relative;
}
.bss-slides figure img{
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.bss-slides .bss-show{
  z-index: 2;
}
.bss-slides .bss-show img{
  opacity: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative; 
}

.bss-slides figcaption{
  position: absolute;
  font-family: sans-serif;
  font-size: .8em;
  bottom: .75em;
  right: .35em;
  padding: .25em;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .25);
  border-radius: 2px;
  opacity: 0;
  -webkit-transition: opacity 1.2s;
  transition: opacity 1.2s;
}
.bss-slides .bss-show figcaption{
  z-index: 3;
  opacity: 1;
}
.bss-slides figcaption a{
  color: #fff;    
}
.bss-next, .bss-prev{
  color: #fff;
  position: absolute;
  background: #000;
  background: rgba(0,0,0, .6);
  top: 50%;
  z-index: 4;
  font-size: 2em;
  margin-top: -1.2em;
  opacity: .3;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bss-next:hover, .bss-prev:hover{
  cursor: pointer;
  opacity: 1;
}
.bss-next{
  right: -1px;
  padding: 10px 5px 15px 10px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.bss-prev{
  left: 0;
  padding: 10px 10px 15px 5px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bss-fullscreen{
  display: block;
  width: 32px;
  height: 32px;    
  background: rgba(0,0,0,.4) url(../img/arrows-alt_ffffff_64.png); 
  -webkit-background-size: contain; 
  background-size: contain;
  position: absolute;
  top: 5px;
  left: 5px;   
  cursor: pointer;    
  opacity: .3;
} 
.bss-fullscreen:hover{
  opacity: .8;   
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-webkit-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}
:-moz-full-screen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:-ms-fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    background-size: contain;
}
:fullscreen .bss-fullscreen{
    background: rgba(0,0,0,.4) url(../img/compress_ffffff_64.png);
    -webkit-background-size: contain;
    background-size: contain;
}

/*End for slideshow*/

/*Begin of promo section*/
#promos{
position: relative;
/*padding-top:40px;*/
overflow:hidden;
background:#364856;
z-index: 100;
}
#promos h1{
text-align:center;
}
#promos .bx-wrapper{
width:60%;
}
#promos .bx-viewport{
	/*padding-left:2%;
	padding-right:2%;*/
}

#promos .promo{
	float: left;
	list-style: none;
	/*width: 4.87%;*/
	width: 200px;
	min-width:200px;
	margin-right: 5px;
	/*margin-left: 5px;*/
    display: inline-block;
    /*height: 300px;*/
    /*overflow: hidden;*/
    position: relative;
	line-height:300px;
	
}
#promos .promo .wrapper{
	/*height:300px;*/
	width:30%;
	line-height:300px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
#promos .promo h4{
	text-align:center;
	text-transform:uppercase;
	font-size: 24px;
	text-decoration: none;
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
}
#promos .promo .thumbnail{
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
#promos .promo .thumbnail img{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	width:100%;
	height:auto;
}

#promos .promo:hover .thumbnail img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#promos .promo:hover h4{
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
}

#promos .bx-control-direction{
position: relative;
text-align: center;
width:100%;
padding-top:40px;
padding-bottom:20px;
}
#promos .bx-control-direction div{
display:inline-block;
width:30px;
}

#promos #bx-prev{
width:30px;
height:30px;
background: url(../images/common/arrow.png);
background-size: 30px 30px;
background-repeat: no-repeat;
padding-left:10px;
padding-right:10px;
text-indent:-3000px;
}

#promos #bx-next{
width:30px;
height:30px;
background: url(../images/common/arrowLeft.png);
background-size: 30px 30px;
background-repeat: no-repeat;
padding-left:10px;
padding-right:10px;
text-indent:-3000px;
}
/*End of promo section*/

/*Begin of promo section*/
#environs{
position: relative;
/*padding-top:40px;*/
overflow:hidden;
/*background:#364856;*/
background:#ffffff;
z-index: 100;
text-align:center;
padding-bottom:20px;
}
#environs h1{
text-align:center;
}
#environs .bx-wrapper{
width:60%;
}
#environs .bx-viewport{
	/*padding-left:2%;
	padding-right:2%;*/
}

#environs .promo{
	float: left;
	list-style: none;
	/*width: 4.87%;*/
	width: 200px;
	min-width:200px;
	margin-right: 5px;
	/*margin-left: 5px;*/
    display: inline-block;
    /*height: 300px;*/
    /*overflow: hidden;*/
    position: relative;
	line-height:300px;
}

#environs .promo .wrapper{
	/*height:300px;*/
	width:30%;
	line-height:300px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
#environs .promo h4{
	text-align:center;
	text-transform:uppercase;
	font-size: 24px;
	text-decoration: none;
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
}
#environs .promo .thumbnail{
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
#environs .promo .thumbnail img{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	width:100%;
	height:auto;
}

#environs .promo:hover .thumbnail img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#environs .promo:hover h4{
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
}


#environs .loisir{
	list-style: none;
	/*width: 4.87%;*/
	width: 300px;
	min-width:200px;
	max-width:400px;
	margin: 5px;
	/*margin-left: 5px;*/
    display: inline-block;
    height: 220px;
    /*overflow: hidden;*/
    position: relative;
	line-height:300px;
}

#environs .loisir .wrapper{
	/*height:300px;*/
	width:30%;
	line-height:300px;
	display: table-cell;
	vertical-align: middle;
	text-align:center;
}
#environs .loisir h4{
	text-align:center;
	text-transform:uppercase;
	font-size: 24px;
	text-decoration: none;
	vertical-align:middle;
	display:inline-block;
	line-height:normal;
}
#environs .loisir .thumbnail{
	position:absolute;
	top:0;
	width:100%;
	z-index:-1;
}
#environs .loisir .thumbnail img{
	-webkit-filter: grayscale(1);
	filter: grayscale(1);
	width:100%;
	height:auto;
}

#environs .loisir:hover .thumbnail img{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

#environs .loisir:hover h4{
	color:#ffffff;
	text-shadow: 0px 0px 3px #000000;
}

#environs .bx-control-direction{
position: relative;
text-align: center;
width:100%;
padding-top:20px;
padding-bottom:20px;
}
#environs .bx-control-direction div{
display:inline-block;
width:30px;
}

#environs #bx-prev{
width:30px;
height:30px;
background: url(../images/common/arrow.png);
background-size: 30px 30px;
background-repeat: no-repeat;
padding-left:10px;
padding-right:10px;
text-indent:-3000px;
}

#environs #bx-next{
width:30px;
height:30px;
background: url(../images/common/arrowLeft.png);
background-size: 30px 30px;
background-repeat: no-repeat;
padding-left:10px;
padding-right:10px;
text-indent:-3000px;
}
/*End of promo section*/

/*Begin of content section*/
#content-area{
padding-top:20px;
padding-bottom:40px;
background:#ffffff;
/*background:rgba(200,200,200,1.0);*/
width:100%;
}

#content-area h1{
text-align:center;
font-size:200%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
}
#content-area .page-content{
position:relative;
margin: 0 auto;
width:100%;
}


#content-area  .right-side {
min-width:200px;
vertical-align:middle;
padding-right:1em;
padding-left:1em;
}
#content-area  .right-side>img{
width:100%;
height:auto;
margin:auto;
}

#content-area p{
text-align:center;
}
#content-area h3{
text-align:center;
}

.page-content{
text-align:center;
/*background:rgba(200,200,200,1.0);*/
background:#ffffff;
}
#bloc > div{
    text-align: center;
    vertical-align: middle;
}

/*End of content section*/

#footer-area{
background:rgba(40, 40, 38, 1.0);
width:100%;
text-align:center;
padding-top:1em;
}


#footer-area div{
	vertical-align:middle;
}

#footer-area h1{
text-align:center;
font-size:200%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
margin-bottom:10px;	
margin-top:0px;	
}

#footer-area a{
font-size:100%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
text-decoration:none;
}


@media screen and (min-width:801px) {
	#bloc > div{
		display: table-cell;
	}
	#content-area  .left-side {
		width:75%;
	}
	#footer-area .logo{
		/*position:absolute;
		left:10px;
		width:130px;
		padding-left:5%;*/
	}
	#footer-area .logo img{
		width:60px;
	}
	#footer-area div{
		width:25%;
		display:inline-block;
	}
	#footer-area #contact{
		width:95%;
	}
}
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target portrait smartphones */
	#footer-area .logo{
		width:100%;
	}
	#footer-area .logo img{
	width:2.5em;
	max-width:60px;
}
	#content-area  .left-side {
		width:100%;
	} 
	#footer-area div{
		width:100%;
	}
	#footer-area #contact{
		width:100%;
	}
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
	#footer-area .logo{
		width:100%;
	}
	#footer-area .logo img{
	width:2.5em;
	max-width:60px;
}
	#content-area  .left-side {
		width:100%;
	} 
	#footer-area div{
		width:100%;
	}
	#footer-area #contact{
		width:100%;
	}
}


/*Begin of booking section*/
/* BOOKING */
#booking {
	background:	rgba(40, 40, 38, 0.9);
	width:100%;
	z-index:1000;
}
#booking p{
	float:left;
	display:inline-block;
	margin-left:5%;
}

#booking.fixed {
	position:fixed;
	width:100%;
	top:0;
	left:0
;}
/*End of booking section*/

/*Begin of general properties*/
p {
font-size:100%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
}

#toTop{
width:50px;
height:50px;
z-index:9000;
position:fixed;
bottom:50px;
right:20px;
background: rgba(255,255,255,0.0) url(../images/common/arrowTop.png) no-repeat left center;
background-size: 50px 50px;
background-repeat: no-repeat;
/*background-position: 5% 50%; */

}
/*End of general properties*/

/* Begin of description hebergement*/
.deco{
margin-top:0px;
}



.descriptif .image{
width:50%;
float:left;
position:relative;
/*height:500px;*/
text-align:center;
padding-bottom:15px;
}
#iframe_webcam{
width:750px;
height:531px;
}
#bloc{
width:90%;
margin-left:5%;
margin-right:5%;
}

.marquee {
  width: 90%; /* the plugin works for responsive layouts so width is not necessary */
  margin-left:5%;
  margin-bottom:5px;
  overflow: hidden;
  border:1px solid #ccc;
}
#informations {
margin-top:10px;
margin-bottom:10px;
}
#informations span {
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
}

.half{
height:100%;
text-align:center;
margin:2%;
}
.descriptif .section2half{
width:100%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
padding-bottom:20px;
}
.descriptif section img{
 max-height: 400px;
 max-width: 95%;
}
.descriptif section .titi{
width:100%;
text-align:left;
}

/*#hebergement .descriptif section .titi li{
list-style-type:disc;
}*/

.descriptif section .titi li{
list-style-type:disc;
}
.descriptif section {
margin-bottom:25px;
}
.section2half a{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
text-decoration:underline;
}
.page-content a{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
text-decoration:underline;
}
#view360{
	width:85%;
}
#webcamFM {
	max-width:500px;
}
@media screen and (min-width:801px) {
	.half{
		float:left;
		width:45%;
	}
	.descriptif{
		width:90%;
		display:table;
		margin-left:5%;
	}
	.descriptif .section2half{
		float:left;
		position:relative;
		text-align:left;
	}
}
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target landscape smartphones, portrait tablets, narrow desktops

  */
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
	.half{
		/*float:left;*/
		width:95%;
	}
}

/* End of description hebergement*/

/* For reservation page*/
form {
text-align: center;
display: inline-block;
max-width:1280px;;
}

form label {
width:50%;
}

form ol{
padding-top:25px;
font-size:100%;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
width:100%;
}

form ol li{
width:100%;
}

form label{
display: inline-block;
text-align:left;
width:45%;
}

form .divMultiColumn {
display: inline-block;
text-align:left;
}

@media screen and (min-width:801px) {
	form {
		width: 80%;
	}
	form label{
		width:45%;
	}
	#civilite select{
		width:10%;
	}
	#civilite input{
		width:40%;
	}
	#adresse  input, #codepostal  input, #ville  input, #pays  input{
		width:50%;
	}
	#email  input, #telephone  input, #fax  input, #NaturotelConnu  textarea{
		width:50%;
	}
	
	#nbPersonne  .divMultiColumn div, #dateArrivee .divMultiColumn div{
		display:inline-block;
	}

	form .divMultiColumn {
	display: inline-block;
	width:50%;
	}
}
@media screen and (min-width:480px) and (max-width:800px) {
  /* Target portrait smartphones */
	form {
		width: 95%;
	}
	form ol{
		padding-left:0px;
	}
	form label{
		width:100%;
		text-align:center;
	}
	
	#civilite select{
		width:30%;
	}
	#civilite input{
		width:60%;
	}
	#adresse  input, #codepostal  input, #ville  input, #pays  input{
		width:90%;
	}
	#email  input, #telephone  input, #fax  input, #NaturotelConnu  textarea{
		width:90%;
	}
	#nbNuits input, #animaux select, #FMconnu select{
		width:100%;
	}
	#nbPersonne  .divMultiColumn div{
		width:100%;
		display:inline-block;
	}
	#nbPersonne  .divMultiColumn div div{
		width:100%;
		text-align:center;
	}
	#nbPersonne  input{
		width:100%;
	}
	form .divMultiColumn{
		width:90%;
		text-align:center;
	}
	
	#dateArrivee .divMultiColumn{
		text-align:left;
	}
	#dateDepart .divMultiColumn{
		text-align:left;
	}
}

@media screen and (max-width:479px) {
  /* Target portrait smartphones */
	form {
		width: 95%;
	}
	form ol{
		padding-left:0px;
	}
	form label{
		width:100%;
		text-align:center;
	}
	
	#civilite select{
		width:30%;
	}
	#civilite input{
		width:60%;
	}
	#adresse  input, #codepostal  input, #ville  input, #pays  input{
		width:90%;
	}
	#email  input, #telephone  input, #fax  input, #NaturotelConnu  textarea{
		width:90%;
	}
	#nbNuits input, #animaux select, #FMconnu select{
		width:100%;
	}
	#nbPersonne  .divMultiColumn div{
		width:100%;
		display:inline-block;
	}
	#nbPersonne  .divMultiColumn div div{
		width:100%;
		text-align:center;
	}
	#nbPersonne  input{
		width:100%;
	}
	form .divMultiColumn{
		width:90%;
		text-align:center;
	}
	
	#dateArrivee .divMultiColumn{
		text-align:left;
	}
	#dateDepart .divMultiColumn{
		text-align:left;
	}
}


/*
#cal_depart{
width:500px;
height:200px;
}

.calendrier_popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    z-index: 1;
}
*/

#cal_depart{
}

.calendrier_popup {
    position: fixed;
    top: 0px;
    left: 0px;
    margin-top: 0px;
    z-index: 1;
}

/* end of reservation page*/

/*For tarif page*/
.devis_tarifs{
text-align:center;
}
.devis_tarifs table{
display: inline-block;
padding-bottom:20px;
}
.devis_tarifs a{
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
color:#68737b;
text-decoration:underline;
}
.devis_tarifs .half_div{
display: inline-block;
/*width:50%;*/
font-size: 100%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #68737b;
}
.devis_tarifs  #prix{
font-size: 150%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #68737b;
}
#cal_depart {
visibility:hidden;
}
.commentaire {
font-size: 90%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #68737b;
padding-top:10px;
}
.commentaire a{
text-decoration:underline;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #68737b;
}
.commentaire_caution h2 {
font-size: 110%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #000000;
padding-bottom:10px;
}
.tableau_prix {
font-size: 90%;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #68737b;
text-align:center;
}
.div_tableau_prix {
/*height:0px;*/
overflow:hidden;
/*margin-bottom:15px;*/
}
.tableau_prix  td{
border: 1px solid #68737b;
overflow:hidden;
}
/* End of tarif page*/

.nowrap {
  white-space: nowrap ;
}

/* For smartphone*/
@media (min-width: 1032px) {
	#bloc .left-side span {
	display:block;
	}
}
@media (max-width: 1031px) {
.hideSmartphone
{
	visibility:hidden;
	height:0px;
	margin:0px;
	padding:0px;
	width:0px;
}
}