@media screen and (min-width: 40em) {
	.sidebar {
			padding: 115px 0 0 !important;
			margin: 0 !important;
	}

	.wrapper-container {
		position: relative;
	}
}
@media screen and (max-width: 40em) {
	.wrapper-sticky.sticky {
		position: relative;
	}
}


/* ICONES */

#icones .twenty_p{
	/*width:194px;*/
	text-align:center;
	position:relative;
}

#icones .twenty_p b{
	font-weight:700;
	color:#20aec7;
	text-transform:uppercase;
	font-size:16px;
}


#icones .twenty_p p {
	font-size:12px;
	color:#092c5d;
	text-align: center;
}

#icones .twenty_p div{
	position: relative;
	background:url("../../../uploads/2017/08/bg_icones.png") no-repeat scroll 0 0 transparent;
	width:139px;
	height:139px;
	margin:0 auto;
	margin-bottom:15px;
}

#icones a:hover{
	text-decoration:none;
}

#picto_hebergement{
	background:url("../../../uploads/2017/08/picto_hebergement.png") no-repeat scroll 0 0 transparent;
}

#picto_hebergement_back{
	background:url("../../../uploads/2017/08/picto_hebergement.png") no-repeat scroll -139px 0 transparent;
}

#picto_campings{
	background:url("../../../uploads/2017/08/picto_campings.png") no-repeat scroll 0 -1px transparent;
}

#picto_campings_back{
	background:url("../../../uploads/2017/08/picto_campings.png") no-repeat scroll -139px -1px transparent;
}

#picto_zones{
	background:url("../../../uploads/2017/08/picto_zones.png") no-repeat scroll 0 0 transparent;
}

#picto_zones_back{
	background:url("../../../uploads/2017/08/picto_zones.png") no-repeat scroll -139px 0 transparent;
}

#picto_restauration{
	background:url("../../../uploads/2017/08/picto_restauration.png") no-repeat scroll 0 0 transparent;
}

#picto_restauration_back{
	background:url("../../../uploads/2017/08/picto_restauration.png") no-repeat scroll -139px 0 transparent;
}

#picto_entreprise{
	background:url("../../../uploads/2017/08/picto_entreprise.png") no-repeat scroll 0 0 transparent;
}

#picto_entreprise_back{
	background:url("../../../uploads/2017/08/picto_entreprise.png") no-repeat scroll -139px 0 transparent;
}

#icones i{
	display: inline-block;
    height: 110px;
    /*left: 16px;*/

    margin-bottom: 10px;
    top: 18px;
    width: 106px;
}

#icones i:hover{
}

#icones .front, #icones .picto-back{
	position:absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	-webkit-transition: all 0.5s ease-in-out;/* transition pour Chrome et Safari */
    -moz-transition: all 0.5s ease-in-out;/* transition pour Firefox */
    -o-transition: all 0.5s ease-in-out;/* transition pour Opéra */
    transition: all 0.5s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */
}

#icones .picto-back{
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#icones .twenty_p:hover .front{
	opacity:0;
	transform: scale(0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

#icones .twenty_p:hover .picto-back{
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	transform: scale(1);
}

/* /ICONES */
.columns.picto-column {
  width: 100%;
}
@media (min-width:440px){
	.columns.picto-column {
	  width: 50%;
	}
	.columns.picto-column:last-child {
		margin: 0 0 0 25%;
		display: inline-block;
	  float: left;
	}
}
@media (min-width:870px){
	.columns.picto-column {
  	width: 33.33%;
  }
	.columns.picto-column:last-child {
		margin: 0 16.65% 0 0;
		display: inline-block;
	}
	.columns.picto-column:nth-child(4) {
		margin: 0 0 0 16.65%;
		display: inline-block;
	}
}
@media (min-width:1290px){
	.columns.picto-column {
    width: 20%;
	}
	.columns.picto-column:last-child {
		margin: 0;
		display: inline-block;
	}
	.columns.picto-column:nth-child(4) {
		margin: 0;
		display: inline-block;
	}
}