/********************************
| 	Styles de base
| 	Styles de base : désactiver le select / highlight
| 	Styles de base : wordpress
|		> Images wysiwyg responsif
|		> Caption Images
| 	GRAVITY FORMS STYLES
| 		> désactivation visuelle du honeypot
|	 Buttons HOVER effects
| 		> style 1
|		> style 2
| 		> style 3
| 		> style 4
| 		> trembl
| 		> effect-slide-top
| 		> effect-slide-left
| 		> effect-slide-right
| 		> effect-slide-bottom
| 		> effect-arrows
| 		> effect-arrow-left
| 		> effect-arrow-right
|	Ombre sous bloc
|	HR de séparation, dégradé left & right
|	Messages de notifications
|		> warning
|		> error
|		> success
|		> loading
|	[Bootstrap] Reset padding
|	[Bootstrap-like] Margin top / bottom
|	[Bootstrap-like] Padding top / bottom
|	[Bootstrap-like] text-align
|	[Bootstrap-like] Row with equal height columns
|	[Bootstrap-like] Row with equal height columns : Table ver.
|	[Bootstrap-like] Floats
|	[Bootstrap-like] Absolutes
|	
|	// (X == 0 to 10)  0px / 10px / 20px [...] 100px
|		> col-xs-offset-top-X / col-xs-offset-bottom-X
|		> col-sm-offset-top-X / col-sm-offset-bottom-X
|		> col-md-offset-top-X / col-md-offset-bottom-X
|		> col-lg-offset-top-X / col-lg-offset-bottom-X
|	 Owl Carousel - Default slider
|	Animations
|		> Shake
|		> Pulse
|	Liste : Trait de séparation
|		> séparation verticale
|		> séparation horizontale
|	WYSIWYG : Styles
|		> Fix pour les margin top et bottom sur SPAN
|		> Couleurs
|		> Fonds
|		> Gros titre avec picto
|		> Titre standard
|		> Bouton lien
|	ABSOLUTE CENTER
|		> horizontal
|		> vertical
|	IMAGE COVER ON BLOCK + Mobile pic
|	Flèche en début fin d'élément
|	DATEPICKER Style & Responsif
|	Sticky header (JS nécessaire, dans global.js)
|	Effet lorsque l'élément qui possède la classe apparait à l'écran
|	FLIP CARD
|	MASQUE / OVERLAY
|	BLOCS EN BIAIS / ROTATE / BISEAUX
*********************************/

/******************************
 *  Styles de base 
 *****************************/
.acf-map 	{min-height:450px;height:450px;}
.inlineblock{display:inline-block;}
.uppercase	{text-transform:uppercase;}

/******************************
 *  Styles de base : désactiver le select / highlight
 *****************************/
.noselect {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.noclic {pointer-events:none;}

/******************************
 *  	Styles de base : wordpress
 *****************************/
 
/* Images wysiwyg responsif */
.entry-content img,.comment-content img,.widget img{max-width:97.5%;}
img[class*="align"],img[class*="wp-image-"]{height:auto;max-width:100%;}
img.size-full, .wp-caption{max-width:97.5%;width:auto;}

/* Caption Images */
.wp-caption img.size-full{max-width:100%;width:auto;}
.wp-caption .wp-caption-text {margin-bottom:0;text-align:center!important;}
.wp-caption {border:1px solid #cccccc;}
.wp-caption img {margin:0;padding:0;}
.wp-caption-dd {text-align:center;}



/******************************
 *  	GRAVITY FORMS STYLES 
 *****************************/
/* désactivation visuelle du honeypot */
.gform_wrapper .gform_validation_container {display:none!important;position: absolute !important;left: -9000px;} 
#customBackground{position:absolute;height:100%;width:100%;display:none;background-repeat:no-repeat;background-size:cover;}

/******************************
 *  	Buttons HOVER effects
 *****************************/

/* global */
.effect1:hover,.effect2:hover,.effect3:hover,.effect1:active,.effect2:active,.effect3:active,.effect1:focus,.effect2:focus,.effect3:focus {text-decoration:none;}

/* style 1 */
.effect1 {
	/* Edit */
	background-color:#303c88;
	color: #fffff;
	border: 3px solid #303c88;
	/* ! Edit */
	vertical-align:top;text-decoration:none;position:relative;z-index:1;display:block;text-align:center;cursor: pointer;outline: none;position: relative;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);overflow: hidden;
}
.effect1:after {
	/* Edit */
	background: #ffffff;
	/* ! Edit */
	content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);width: 100%;height: 0;top: 50%;left: 50%;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.effect1:before {font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;position: relative;-webkit-font-smoothing: antialiased;}
.effect1:hover {color:#303c88;}
.effect1:hover:after {height: 260%;opacity: 1;}
.effect1:focus:after {height: 260%;opacity: 1;}
.effect1:active:after {height: 400%;opacity: 1;}

/* Style 2 */
.effect2 {
	/* Edit */
	border-bottom:none;
	/* ! Edit */
	vertical-align:bottom;text-decoration:none;position:relative;z-index:1;display:block;text-align:center;cursor: pointer;outline: none;position: relative;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);overflow: hidden;
}
.effect2:before {
	/* Edit */
	background: #ffffff;
	bottom: -100%;
	left:0;
	/* ! Edit */
	content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;height:100%;
}
.effect2:hover,
.effect2:active,
.effect2:focus {color:#989898!important;}
.effect2:focus:before,.effect2:active:before,.effect2:hover:before {/* Edit */bottom:0;/* ! Edit */opacity:1;}


/* Style 3 */
.effect3 {
	/* Edit */
	color:#ffffff;
	border-left:none;
	text-decoration:none;
	/* ! Edit */
	vertical-align:bottom;text-decoration:none;position:relative;z-index:1;display:block;text-align:center;cursor: pointer;outline: none;position: relative;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);overflow: hidden;
}
.effect3:before {
	/* Edit */
	background: #ffffff;
	left: -100%;
	top:0;
	/* ! Edit */
	content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);width: 100%;height:100%;
}
.effect3:hover,
.effect3:active,
.effect3:focus {color:#989898 !important;}
.effect3:hover:before,.effect3:active:before,.effect3:focus:before {/* Edit */  left:0;	/* ! Edit */	opacity: 1;}

/* style 4 */
.effect4 {
	/* Edit */
	color:#ffffff;
	border-left:none;
	text-decoration:none;
	/* ! Edit */
	vertical-align:bottom;text-decoration:none;position:relative;z-index:1;display:inline-block;text-align:center;cursor: pointer;outline: none;position: relative;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);overflow: hidden;
}
.effect4:before {
	/* Edit */
	background: #9486a7;
	background: rgba(148,134,168,0.4);
	right: -100%;
	top:0;
	/* ! Edit */
	content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: all 0.3s cubic-bezier(1, 0, 0, 1);transition: all 0.3s cubic-bezier(1, 0, 0, 1);width: 100%;height:100%;
}
.effect4:hover a,
.effect4:active a,
.effect4:focus a {color:#ffffff !important;}
.effect4:hover:before,.effect4:active:before,.effect4:focus:before {/* Edit */  right:0;	/* ! Edit */	opacity: 1;}

/* trembl */

.trembl:hover {
	-webkit-animation-duration:.1s;
    -webkit-animation-iteration-count:2;
    -webkit-animation-name: brrrt;
    -webkit-animation-timing-function:ease;
	
	
    -moz-animation-iteration-count:2;
    -moz-animation-duration:.1s;
    -moz-animation-name: brrrt;
    -moz-animation-timing-function:ease;
	
    -ms-animation-iteration-count:2;
    -ms-animation-duration:.1s;
    -ms-animation-name: brrrt;
    -ms-animation-timing-function:ease;
	
    animation-iteration-count:2;
    animation-duration:.1s;
    animation-name: brrrt;
	animation-timing-function:ease;
}

@-webkit-keyframes brrrt { 
    from {-webkit-transform:translateX(-2px);}
    to {-webkit-transform:translateX(2px);} 
}
@-moz-keyframes brrrt { 
    from {-moz-transform:translateX(-2px);}
    to {-moz-transform:translateX(2px);} 
}
@-ms-keyframes brrrt { 
    from {-ms-transform:translateX(-2px);}
    to {-ms-transform:translateX(2px);} 
}
@keyframes brrrt { 
    from {transform:translateX(-4px);}
    to {transform:translateX(4px);} 
}









/* effect-slide-top */
/* effect-slide-left */
/* effect-slide-right */
/* effect-slide-bottom */
.effect-slide-top {		border-top:none;}
.effect-slide-left {	border-left:none;}
.effect-slide-right {	border-right:none;}
.effect-slide-bottom {	border-bottom:none;}
.effect-slide-top,
.effect-slide-left,
.effect-slide-right,
.effect-slide-bottom {
	color:#000000;
	vertical-align:bottom;text-decoration:none!important;position:relative;z-index:1;display:inline-block;text-align:center;cursor: pointer;outline:none;position:relative;-webkit-transition: color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), border 0.3s cubic-bezier(1, 0, 0, 1);-moz-transition: color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), border 0.3s cubic-bezier(1, 0, 0, 1);transition: color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), border 0.3s cubic-bezier(1, 0, 0, 1);overflow:hidden;}
.effect-slide-top:before {		background: #ffffff;top: -100%;left:0;}
.effect-slide-left:before {		background: #ffffff;left: -100%;top:1px;}
.effect-slide-right:before {	background: #ffffff;right: -100%;top:0;}
.effect-slide-bottom:before {	background: #ffffff;bottom: -100%;left:0;}
.effect-slide-top:before,
.effect-slide-left:before,
.effect-slide-right:before,
.effect-slide-bottom:before {	content:'';	position:absolute;	z-index:-1;	-webkit-transition: opacity 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), left 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), bottom 0.3s cubic-bezier(1, 0, 0, 1), right 0.3s cubic-bezier(1, 0, 0, 1);	-moz-transition: 	opacity 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), left 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), bottom 0.3s cubic-bezier(1, 0, 0, 1), right 0.3s cubic-bezier(1, 0, 0, 1);	transition: 		opacity 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s cubic-bezier(1, 0, 0, 1), left 0.3s cubic-bezier(1, 0, 0, 1), top 0.3s cubic-bezier(1, 0, 0, 1), bottom 0.3s cubic-bezier(1, 0, 0, 1), right 0.3s cubic-bezier(1, 0, 0, 1);	width:100%;	height:100%;}
.effect-slide-top:hover,
.effect-slide-top:active,
.effect-slide-top:focus,
.effect-slide-left:hover,
.effect-slide-left:active,
.effect-slide-left:hover,
.effect-slide-right:hover,
.effect-slide-right:active,
.effect-slide-right:hover,
.effect-slide-bottom:hover,
.effect-slide-bottom:active,
.effect-slide-bottom:hover	{color:#989898 !important;}
.effect-slide-top:active:before,
.effect-slide-top:focus:before,
.effect-slide-top:hover:before,
.effect-slide-left:active:before,
.effect-slide-left:focus:before,
.effect-slide-left:hover:before,
.effect-slide-right:active:before,
.effect-slide-right:focus:before,
.effect-slide-right:hover:before,
.effect-slide-bottom:active:before,
.effect-slide-bottom:focus:before,
.effect-slide-bottom:hover:before	{opacity:1;}
.effect-slide-top:active:before,.effect-slide-top:focus:before,.effect-slide-top:hover:before		{top:0;}
.effect-slide-left:active:before,.effect-slide-left:focus:before,.effect-slide-left:hover:before		{left:0;}
.effect-slide-right:active:before,.effect-slide-right:focus:before,.effect-slide-right:hover:before	{right:0;}
.effect-slide-bottom:active:before,.effect-slide-bottom:focus:before,.effect-slide-bottom:hover:before	{bottom:0;}

/* effect-arrows */
/* effect-arrow-left */
/* effect-arrow-right */
.effect-arrows-left,
.effect-arrows-right,
.effect-arrows {text-decoration:none!important;}
.effect-arrows-left span,
.effect-arrows-right span,
.effect-arrows span {position:relative;}
.effect-arrows-left span:before,
.effect-arrows-right span:after,
.effect-arrows span:before,
.effect-arrows span:after {font-family:'icomoon';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;vertical-align:middle;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position:absolute;display:inline-block;font-size:18px;top: 50%;-webkit-transform: -webkit-translateY(-50%);-moz-transform: -moz-translateY(-50%);-o-transform: -o-translateY(-50%);transform: translateY(-50%);opacity:0.2;-webkit-transition:left 0.3s ease, right 0.3s ease, opacity 0.3s ease;-moz-transition:left 0.3s ease, right 0.3s ease, opacity 0.3s ease;-o-transition:left 0.3s ease, right 0.3s ease, opacity 0.3s ease;transition:left 0.3s ease, right 0.3s ease, opacity 0.3s ease;}
.effect-arrows-left span:before,
.effect-arrows span:before {content: "\e605";left:-34px;}
.effect-arrows-right span:after,
.effect-arrows span:after {content: "\e604";right:-34px;}
.effect-arrows-left:hover span:before,
.effect-arrows:hover span:before {left:-20px;opacity:0.9;}
.effect-arrows-right:hover span:after,
.effect-arrows:hover span:after {right:-20px;opacity:0.9;}




/******************************
 *  	Ombre sous bloc
 *****************************/
.shadow1 {background-color:#ffffff;position: relative;}
.shadow1:before{background-color:transparent;border-radius:500px / 150px;bottom:20px;box-shadow:0 60px 26px -42px #000000;content:"";display:block;height:110px;left:2%;position:absolute;width:96%;z-index:-1;}

.shadow2 {background-color:#ffffff;position: relative;}
.shadow2:before{background-color:transparent;border-radius:95px / 166px;bottom:20px;box-shadow:0 56px 20px -44px #000000;content:"";display:block;height:161px;left:2%;position:absolute;width:96%;z-index:-1;}

.shadow-top:after{background-color:transparent;border-radius:154px / 126px;top:20px;box-shadow:0 -54px 20px -44px #000000;content:"";display:block;height:161px;left:2%;position:absolute;width:96%;z-index:-1;}

/* ptits bidules qui dépassent sous le menu, droit, gauche ou les deux */
.shadow-curved li:first-child a:before{background-color:transparent;border-radius:30px;bottom:10px;box-shadow:6px 11px 3px rgba(0,0,0,0.7);content:"";display:block;height:1px;left:6px;position:absolute;			-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg);width:100%;z-index:-1;}
.shadow-curved li:last-child a:before{background-color:transparent;border-radius:30px;bottom:10px;box-shadow:6px 11px 3px rgba(0,0,0,0.7);content:"";display:block;height:1px;right:14px;position:absolute;		-ms-transform:rotate(4deg);-webkit-transform:rotate(4deg);transform:rotate(4deg);width:100%;z-index:-1;}
.shadow-curved-left li:first-child a:before{background-color:transparent;border-radius:30px;bottom:10px;box-shadow:6px 11px 3px rgba(0,0,0,0.7);content:"";display:block;height:1px;left:6px;position:absolute;	-ms-transform:rotate(-4deg);-webkit-transform:rotate(-4deg);transform:rotate(-4deg);width:100%;z-index:-1;}
.shadow-curved-right li:last-child a:before{background-color:transparent;border-radius:30px;bottom:10px;box-shadow:6px 11px 3px rgba(0,0,0,0.7);content:"";display:block;height:1px;right:14px;position:absolute;	-ms-transform:rotate(4deg);-webkit-transform:rotate(4deg);transform:rotate(4deg);width:100%;z-index:-1;}


/******************************
 *  	HR de séparation, dégradé left & right
 *****************************/
.hr-style1{background:#aaaaaa none repeat scroll 0 0;border:medium none;display:block;height:1px;margin:12px auto;position:relative;width:100%;}
.hr-style1::before{background:rgba(0,0,0,0)linear-gradient(to left,rgba(255,255,255,0),#ffffff 90%)repeat scroll 0 0;bottom:0;content:"";height:1px;left:0;position:absolute;text-align:left;width:50%;}
.hr-style1::after{background:rgba(0,0,0,0)linear-gradient(to right,rgba(255,255,255,0),#ffffff 90%)repeat scroll 0 0;bottom:0;content:"";height:1px;position:absolute;right:0;text-align:right;width:50%;}

.hr-style2{background:#d09297 none repeat scroll 0 0;border:medium none;display:block;height:1px;margin:12px auto;position:relative;width:100%;}
.hr-style2::before{background:rgba(0,0,0,0)linear-gradient(to left,rgba(244,244,244,0),#f4f4f4 90%)repeat scroll 0 0;bottom:0;content:"";height:1px;left:0;position:absolute;text-align:left;width:50%;}
.hr-style2::after{background:rgba(0,0,0,0)linear-gradient(to right,rgba(244,244,244,0),#f4f4f4 90%)repeat scroll 0 0;bottom:0;content:"";height:1px;position:absolute;right:0;text-align:right;width:50%;}

/******************************
 *	Messages de notifications
 *****************************/
/* warning */
.warning{color:#333333;background-color:rgba(233,128,0,0.2);border:1px solid rgba(233,128,0,0.8);}

/*  error  */
.error{color:#333333;background-color:rgba(216,0,0,0.2);border:1px solid rgba(216,0,0,0.8);}

/*  success  */
.success{color:#333333;background-color:rgba(60,143,27,0.2);border:1px solid rgba(60,143,27,0.6);}

/*  loading  */
.loading,
.loading2,
.loading3 {
	position:relative;
	overflow: hidden;
	z-index:10;
}
.loading2{color:#333333;background-color:rgba(162,196,20,0.2);border:1px solid rgba(162,196,20,0.6);}
.loading2:before{
	position:absolute;
	content:"";
	width:200%;
	height:100%;
    z-index: -1;
    top: 0;
    left: -100%;
    opacity: 0.1;
	
	-webkit-animation:	movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	-moz-animation:		movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	-ms-animation:		movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	animation:			movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	
	background: repeating-linear-gradient(
		10deg, 
		rgba(162,196,20,1),
		rgba(162,196,20,1) 10px,
		#ffffff 10px,
		#ffffff 20px
	);
}
.loading3{color:#333333;background-color:rgba(161,161,161,0.2);}
.loading3:before{
	position:absolute;
	content:"";
	width:200%;
	height:100%;
    z-index: 1000;
    top: 0;
    left: -100%;
    opacity: 0.1;
	
	-webkit-animation:	movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	-moz-animation:		movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	-ms-animation:		movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	animation:			movebgfrom-left 4s infinite cubic-bezier(0.66,0,0,1);
	
	background: repeating-linear-gradient(
		10deg, 
		rgba(161,161,161,1),
		rgba(161,161,161,1) 10px,
		#ffffff 10px,
		#ffffff 20px
	);
}
@-webkit-keyframes 	movebgfrom-left{to{left:0;}}
@-moz-keyframes 	movebgfrom-left{to{left:0;}}
@-ms-keyframes 		movebgfrom-left{to{left:0;}}
@keyframes 			movebgfrom-left{to{left:0;}}



/******************************
 *	[Bootstrap] Reset padding
 *****************************/
.col-xs-padding-left-0{padding-left:0!important;}
.col-xs-padding-right-0{padding-right:0!important;}
.col-xs-padding-0{padding-left:0!important;padding-right:0!important;}
.col-xs-margin-0{margin-left:0!important;margin-right:0!important;}
@media (min-width:768px) {
	.col-sm-padding-left-0{padding-left:0!important;}
	.col-sm-padding-right-0{padding-right:0!important;}
	.col-sm-padding-0{padding-left:0!important;padding-right:0!important;}
	.col-sm-margin-0{margin-left:0!important;margin-right:0!important;}
}
@media (min-width:992px) {
	.col-md-padding-left-0{padding-left:0!important;}
	.col-md-padding-right-0{padding-right:0!important;}
	.col-md-padding-0{padding-left:0!important;padding-right:0!important;}
	.col-md-margin-0{margin-left:0!important;margin-right:0!important;}
}
@media (min-width:1200px) {
	.col-lg-padding-left-0{padding-left:0!important;}
	.col-lg-padding-right-0{padding-right:0!important;}
	.col-lg-padding-0{padding-left:0!important;padding-right:0!important;}
	.col-lg-margin-0{margin-left:0!important;margin-right:0!important;}
}

/******************************
 *	[Bootstrap] Re-Activate padding
 *****************************/
@media (min-width:768px) {
	.col-sm-padding-left-15{padding-left:15px!important;}
	.col-sm-padding-right-15{padding-right:15px!important;}
	.col-sm-padding-15{padding-left:15px!important;padding-right:15px!important;}
}
@media (min-width:992px) {
	.col-md-padding-left-15{padding-left:15px!important;}
	.col-md-padding-right-15{padding-right:15px!important;}
	.col-md-padding-15{padding-left:15px!important;padding-right:15px!important;}
}
@media (min-width:1200px) {
	.col-lg-padding-left-15{padding-left:15px!important;}
	.col-lg-padding-right-15{padding-right:15px!important;}
	.col-lg-padding-15{padding-left:15px!important;padding-right:15px!important;}
}
 
 

/******************************
 *	 [Bootstrap-like] Margin top / bottom
 *****************************/
 
/* fix pour les margin top et bottom sur SPAN */
span[class^='col-xs-offset-top']	 	,span[class*='col-xs-offset-top'],
span[class^='col-sm-offset-top']	 	,span[class*='col-sm-offset-top'],
span[class^='col-md-offset-top']	 	,span[class*='col-md-offset-top'],
span[class^='col-lg-offset-top']	 	,span[class*='col-lg-offset-top'],
span[class^='col-xs-offset-bottom'] 	,span[class*='col-xs-offset-bottom'],
span[class^='col-sm-offset-bottom'] 	,span[class*='col-sm-offset-bottom'],
span[class^='col-md-offset-bottom'] 	,span[class*='col-md-offset-bottom'],
span[class^='col-lg-offset-bottom'] 	,span[class*='col-lg-offset-bottom'],
span[class^='col-xs-padding-top']	 	,span[class*='col-xs-padding-top'],
span[class^='col-sm-padding-top']	 	,span[class*='col-sm-padding-top'],
span[class^='col-md-padding-top']	 	,span[class*='col-md-padding-top'],
span[class^='col-lg-padding-top']   	,span[class*='col-lg-padding-top'],
span[class^='col-xs-padding-bottom']	,span[class*='col-xs-padding-bottom'],
span[class^='col-sm-padding-bottom']	,span[class*='col-sm-padding-bottom'],
span[class^='col-md-padding-bottom']	,span[class*='col-md-padding-bottom'],
span[class^='col-lg-padding-bottom']	,span[class*='col-lg-padding-bottom'] {display:inline-block;} /* ou block, sptet mieux */

.col-xs-offset-top-0{margin-top:0px!important;}.col-xs-offset-top-1{margin-top:10px!important;}.col-xs-offset-top-2{margin-top:20px!important;}.col-xs-offset-top-3{margin-top:30px!important;}.col-xs-offset-top-4{margin-top:40px!important;}.col-xs-offset-top-5{margin-top:50px!important;}.col-xs-offset-top-6{margin-top:60px!important;}.col-xs-offset-top-7{margin-top:70px!important;}.col-xs-offset-top-8{margin-top:80px!important;}.col-xs-offset-top-9{margin-top:90px!important;}.col-xs-offset-top-10{margin-top:100px!important;}.col-xs-offset-top-11{margin-top:110px!important;}.col-xs-offset-top-12{margin-top:120px!important;}.col-xs-offset-top-13{margin-top:130px!important;}.col-xs-offset-top-14{margin-top:140px!important;}.col-xs-offset-top-15{margin-top:150px!important;}.col-xs-offset-top-16{margin-top:160px!important;}.col-xs-offset-top-17{margin-top:170px!important;}.col-xs-offset-top-18{margin-top:180px!important;}.col-xs-offset-top-19{margin-top:190px!important;}
.col-xs-offset-bottom-0{margin-bottom:0px!important;}.col-xs-offset-bottom-1{margin-bottom:10px!important;}.col-xs-offset-bottom-2{margin-bottom:20px!important;}.col-xs-offset-bottom-3{margin-bottom:30px!important;}.col-xs-offset-bottom-4{margin-bottom:40px!important;}.col-xs-offset-bottom-5{margin-bottom:50px!important;}.col-xs-offset-bottom-6{margin-bottom:60px!important;}.col-xs-offset-bottom-7{margin-bottom:70px!important;}.col-xs-offset-bottom-8{margin-bottom:80px!important;}.col-xs-offset-bottom-9{margin-bottom:90px!important;}.col-xs-offset-bottom-10{margin-bottom:100px!important;}.col-xs-offset-bottom-11{margin-bottom:110px!important;}.col-xs-offset-bottom-12{margin-bottom:120px!important;}.col-xs-offset-bottom-13{margin-bottom:130px!important;}.col-xs-offset-bottom-14{margin-bottom:140px!important;}.col-xs-offset-bottom-15{margin-bottom:150px!important;}.col-xs-offset-bottom-16{margin-bottom:160px!important;}.col-xs-offset-bottom-17{margin-bottom:170px!important;}.col-xs-offset-bottom-18{margin-bottom:180px!important;}.col-xs-offset-bottom-19{margin-bottom:190px!important;} 
@media (min-width:768px) {
	.col-sm-offset-top-0{margin-top:0px!important;}.col-sm-offset-top-1{margin-top:10px!important;}.col-sm-offset-top-2{margin-top:20px!important;}.col-sm-offset-top-3{margin-top:30px!important;}.col-sm-offset-top-4{margin-top:40px!important;}.col-sm-offset-top-5{margin-top:50px!important;}.col-sm-offset-top-6{margin-top:60px!important;}.col-sm-offset-top-7{margin-top:70px!important;}.col-sm-offset-top-8{margin-top:80px!important;}.col-sm-offset-top-9{margin-top:90px!important;}.col-sm-offset-top-10{margin-top:100px!important;}.col-sm-offset-top-11{margin-top:110px!important;}.col-sm-offset-top-12{margin-top:120px!important;}.col-sm-offset-top-13{margin-top:130px!important;}.col-sm-offset-top-14{margin-top:140px!important;}.col-sm-offset-top-15{margin-top:150px!important;}.col-sm-offset-top-16{margin-top:160px!important;}.col-sm-offset-top-17{margin-top:170px!important;}.col-sm-offset-top-18{margin-top:180px!important;}.col-sm-offset-top-19{margin-top:190px!important;}
	.col-sm-offset-bottom-0{margin-bottom:0px!important;}.col-sm-offset-bottom-1{margin-bottom:10px!important;}.col-sm-offset-bottom-2{margin-bottom:20px!important;}.col-sm-offset-bottom-3{margin-bottom:30px!important;}.col-sm-offset-bottom-4{margin-bottom:40px!important;}.col-sm-offset-bottom-5{margin-bottom:50px!important;}.col-sm-offset-bottom-6{margin-bottom:60px!important;}.col-sm-offset-bottom-7{margin-bottom:70px!important;}.col-sm-offset-bottom-8{margin-bottom:80px!important;}.col-sm-offset-bottom-9{margin-bottom:90px!important;}.col-sm-offset-bottom-10{margin-bottom:100px!important;}.col-sm-offset-bottom-11{margin-bottom:110px!important;}.col-sm-offset-bottom-12{margin-bottom:120px!important;}.col-sm-offset-bottom-13{margin-bottom:130px!important;}.col-sm-offset-bottom-14{margin-bottom:140px!important;}.col-sm-offset-bottom-15{margin-bottom:150px!important;}.col-sm-offset-bottom-16{margin-bottom:160px!important;}.col-sm-offset-bottom-17{margin-bottom:170px!important;}.col-sm-offset-bottom-18{margin-bottom:180px!important;}.col-sm-offset-bottom-19{margin-bottom:190px!important;} 
}
@media (min-width:992px) {
	.col-md-offset-top-0{margin-top:0px!important;}.col-md-offset-top-1{margin-top:10px!important;}.col-md-offset-top-2{margin-top:20px!important;}.col-md-offset-top-3{margin-top:30px!important;}.col-md-offset-top-4{margin-top:40px!important;}.col-md-offset-top-5{margin-top:50px!important;}.col-md-offset-top-6{margin-top:60px!important;}.col-md-offset-top-7{margin-top:70px!important;}.col-md-offset-top-8{margin-top:80px!important;}.col-md-offset-top-9{margin-top:90px!important;}.col-md-offset-top-10{margin-top:100px!important;}.col-md-offset-top-11{margin-top:110px!important;}.col-md-offset-top-12{margin-top:120px!important;}.col-md-offset-top-13{margin-top:130px!important;}.col-md-offset-top-14{margin-top:140px!important;}.col-md-offset-top-15{margin-top:150px!important;}.col-md-offset-top-16{margin-top:160px!important;}.col-md-offset-top-17{margin-top:170px!important;}.col-md-offset-top-18{margin-top:180px!important;}.col-md-offset-top-19{margin-top:190px!important;}
	.col-md-offset-bottom-0{margin-bottom:0px!important;}.col-md-offset-bottom-1{margin-bottom:10px!important;}.col-md-offset-bottom-2{margin-bottom:20px!important;}.col-md-offset-bottom-3{margin-bottom:30px!important;}.col-md-offset-bottom-4{margin-bottom:40px!important;}.col-md-offset-bottom-5{margin-bottom:50px!important;}.col-md-offset-bottom-6{margin-bottom:60px!important;}.col-md-offset-bottom-7{margin-bottom:70px!important;}.col-md-offset-bottom-8{margin-bottom:80px!important;}.col-md-offset-bottom-9{margin-bottom:90px!important;}.col-md-offset-bottom-10{margin-bottom:100px!important;}.col-md-offset-bottom-11{margin-bottom:110px!important;}.col-md-offset-bottom-12{margin-bottom:120px!important;}.col-md-offset-bottom-13{margin-bottom:130px!important;}.col-md-offset-bottom-14{margin-bottom:140px!important;}.col-md-offset-bottom-15{margin-bottom:150px!important;}.col-md-offset-bottom-16{margin-bottom:160px!important;}.col-md-offset-bottom-17{margin-bottom:170px!important;}.col-md-offset-bottom-18{margin-bottom:180px!important;}.col-md-offset-bottom-19{margin-bottom:190px!important;} 
}
@media (min-width:1200px) {
	.col-lg-offset-top-0{margin-top:0px!important;}.col-lg-offset-top-1{margin-top:10px!important;}.col-lg-offset-top-2{margin-top:20px!important;}.col-lg-offset-top-3{margin-top:30px!important;}.col-lg-offset-top-4{margin-top:40px!important;}.col-lg-offset-top-5{margin-top:50px!important;}.col-lg-offset-top-6{margin-top:60px!important;}.col-lg-offset-top-7{margin-top:70px!important;}.col-lg-offset-top-8{margin-top:80px!important;}.col-lg-offset-top-9{margin-top:90px!important;}.col-lg-offset-top-10{margin-top:100px!important;}.col-lg-offset-top-11{margin-top:110px!important;}.col-lg-offset-top-12{margin-top:120px!important;}.col-lg-offset-top-13{margin-top:130px!important;}.col-lg-offset-top-14{margin-top:140px!important;}.col-lg-offset-top-15{margin-top:150px!important;}.col-lg-offset-top-16{margin-top:160px!important;}.col-lg-offset-top-17{margin-top:170px!important;}.col-lg-offset-top-18{margin-top:180px!important;}.col-lg-offset-top-19{margin-top:190px!important;}
	.col-lg-offset-bottom-0{margin-bottom:0px!important;}.col-lg-offset-bottom-1{margin-bottom:10px!important;}.col-lg-offset-bottom-2{margin-bottom:20px!important;}.col-lg-offset-bottom-3{margin-bottom:30px!important;}.col-lg-offset-bottom-4{margin-bottom:40px!important;}.col-lg-offset-bottom-5{margin-bottom:50px!important;}.col-lg-offset-bottom-6{margin-bottom:60px!important;}.col-lg-offset-bottom-7{margin-bottom:70px!important;}.col-lg-offset-bottom-8{margin-bottom:80px!important;}.col-lg-offset-bottom-9{margin-bottom:90px!important;}.col-lg-offset-bottom-10{margin-bottom:100px!important;}.col-lg-offset-bottom-11{margin-bottom:110px!important;}.col-lg-offset-bottom-12{margin-bottom:120px!important;}.col-lg-offset-bottom-13{margin-bottom:130px!important;}.col-lg-offset-bottom-14{margin-bottom:140px!important;}.col-lg-offset-bottom-15{margin-bottom:150px!important;}.col-lg-offset-bottom-16{margin-bottom:160px!important;}.col-lg-offset-bottom-17{margin-bottom:170px!important;}.col-lg-offset-bottom-18{margin-bottom:180px!important;}.col-lg-offset-bottom-19{margin-bottom:190px!important;} 
}

/******************************
 *	 [Bootstrap-like] Padding top / bottom
 *****************************/
.col-xs-padding-top-0{padding-top:0px!important;}.col-xs-padding-top-1{padding-top:10px!important;}.col-xs-padding-top-2{padding-top:20px!important;}.col-xs-padding-top-3{padding-top:30px!important;}.col-xs-padding-top-4{padding-top:40px!important;}.col-xs-padding-top-5{padding-top:50px!important;}.col-xs-padding-top-6{padding-top:60px!important;}.col-xs-padding-top-7{padding-top:70px!important;}.col-xs-padding-top-8{padding-top:80px!important;}.col-xs-padding-top-9{padding-top:90px!important;}.col-xs-padding-top-10{padding-top:100px!important;}.col-xs-padding-top-11{padding-top:110px!important;}.col-xs-padding-top-12{padding-top:120px!important;}.col-xs-padding-top-13{padding-top:130px!important;}.col-xs-padding-top-14{padding-top:140px!important;}.col-xs-padding-top-15{padding-top:150px!important;}.col-xs-padding-top-16{padding-top:160px!important;}.col-xs-padding-top-17{padding-top:170px!important;}.col-xs-padding-top-18{padding-top:180px!important;}.col-xs-padding-top-19{padding-top:190px!important;}
.col-xs-padding-bottom-0{padding-bottom:0px!important;}.col-xs-padding-bottom-1{padding-bottom:10px!important;}.col-xs-padding-bottom-2{padding-bottom:20px!important;}.col-xs-padding-bottom-3{padding-bottom:30px!important;}.col-xs-padding-bottom-4{padding-bottom:40px!important;}.col-xs-padding-bottom-5{padding-bottom:50px!important;}.col-xs-padding-bottom-6{padding-bottom:60px!important;}.col-xs-padding-bottom-7{padding-bottom:70px!important;}.col-xs-padding-bottom-8{padding-bottom:80px!important;}.col-xs-padding-bottom-9{padding-bottom:90px!important;}.col-xs-padding-bottom-10{padding-bottom:100px!important;}.col-xs-padding-bottom-11{padding-bottom:110px!important;}.col-xs-padding-bottom-12{padding-bottom:120px!important;}.col-xs-padding-bottom-13{padding-bottom:130px!important;}.col-xs-padding-bottom-14{padding-bottom:140px!important;}.col-xs-padding-bottom-15{padding-bottom:150px!important;}.col-xs-padding-bottom-16{padding-bottom:160px!important;}.col-xs-padding-bottom-17{padding-bottom:170px!important;}.col-xs-padding-bottom-18{padding-bottom:180px!important;}.col-xs-padding-bottom-19{padding-bottom:190px!important;} 
@media (min-width:768px) {
	.col-sm-padding-top-0{padding-top:0px!important;}.col-sm-padding-top-1{padding-top:10px!important;}.col-sm-padding-top-2{padding-top:20px!important;}.col-sm-padding-top-3{padding-top:30px!important;}.col-sm-padding-top-4{padding-top:40px!important;}.col-sm-padding-top-5{padding-top:50px!important;}.col-sm-padding-top-6{padding-top:60px!important;}.col-sm-padding-top-7{padding-top:70px!important;}.col-sm-padding-top-8{padding-top:80px!important;}.col-sm-padding-top-9{padding-top:90px!important;}.col-sm-padding-top-10{padding-top:100px!important;}.col-sm-padding-top-11{padding-top:110px!important;}.col-sm-padding-top-12{padding-top:120px!important;}.col-sm-padding-top-13{padding-top:130px!important;}.col-sm-padding-top-14{padding-top:140px!important;}.col-sm-padding-top-15{padding-top:150px!important;}.col-sm-padding-top-16{padding-top:160px!important;}.col-sm-padding-top-17{padding-top:170px!important;}.col-sm-padding-top-18{padding-top:180px!important;}.col-sm-padding-top-19{padding-top:190px!important;}
	.col-sm-padding-bottom-0{padding-bottom:0px!important;}.col-sm-padding-bottom-1{padding-bottom:10px!important;}.col-sm-padding-bottom-2{padding-bottom:20px!important;}.col-sm-padding-bottom-3{padding-bottom:30px!important;}.col-sm-padding-bottom-4{padding-bottom:40px!important;}.col-sm-padding-bottom-5{padding-bottom:50px!important;}.col-sm-padding-bottom-6{padding-bottom:60px!important;}.col-sm-padding-bottom-7{padding-bottom:70px!important;}.col-sm-padding-bottom-8{padding-bottom:80px!important;}.col-sm-padding-bottom-9{padding-bottom:90px!important;}.col-sm-padding-bottom-10{padding-bottom:100px!important;}.col-sm-padding-bottom-11{padding-bottom:110px!important;}.col-sm-padding-bottom-12{padding-bottom:120px!important;}.col-sm-padding-bottom-13{padding-bottom:130px!important;}.col-sm-padding-bottom-14{padding-bottom:140px!important;}.col-sm-padding-bottom-15{padding-bottom:150px!important;}.col-sm-padding-bottom-16{padding-bottom:160px!important;}.col-sm-padding-bottom-17{padding-bottom:170px!important;}.col-sm-padding-bottom-18{padding-bottom:180px!important;}.col-sm-padding-bottom-19{padding-bottom:190px!important;} 
}
@media (min-width:992px) {
	.col-md-padding-top-0{padding-top:0px!important;}.col-md-padding-top-1{padding-top:10px!important;}.col-md-padding-top-2{padding-top:20px!important;}.col-md-padding-top-3{padding-top:30px!important;}.col-md-padding-top-4{padding-top:40px!important;}.col-md-padding-top-5{padding-top:50px!important;}.col-md-padding-top-6{padding-top:60px!important;}.col-md-padding-top-7{padding-top:70px!important;}.col-md-padding-top-8{padding-top:80px!important;}.col-md-padding-top-9{padding-top:90px!important;}.col-md-padding-top-10{padding-top:100px!important;}.col-md-padding-top-11{padding-top:110px!important;}.col-md-padding-top-12{padding-top:120px!important;}.col-md-padding-top-13{padding-top:130px!important;}.col-md-padding-top-14{padding-top:140px!important;}.col-md-padding-top-15{padding-top:150px!important;}.col-md-padding-top-16{padding-top:160px!important;}.col-md-padding-top-17{padding-top:170px!important;}.col-md-padding-top-18{padding-top:180px!important;}.col-md-padding-top-19{padding-top:190px!important;}
	.col-md-padding-bottom-0{padding-bottom:0px!important;}.col-md-padding-bottom-1{padding-bottom:10px!important;}.col-md-padding-bottom-2{padding-bottom:20px!important;}.col-md-padding-bottom-3{padding-bottom:30px!important;}.col-md-padding-bottom-4{padding-bottom:40px!important;}.col-md-padding-bottom-5{padding-bottom:50px!important;}.col-md-padding-bottom-6{padding-bottom:60px!important;}.col-md-padding-bottom-7{padding-bottom:70px!important;}.col-md-padding-bottom-8{padding-bottom:80px!important;}.col-md-padding-bottom-9{padding-bottom:90px!important;}.col-md-padding-bottom-10{padding-bottom:100px!important;}.col-md-padding-bottom-11{padding-bottom:110px!important;}.col-md-padding-bottom-12{padding-bottom:120px!important;}.col-md-padding-bottom-13{padding-bottom:130px!important;}.col-md-padding-bottom-14{padding-bottom:140px!important;}.col-md-padding-bottom-15{padding-bottom:150px!important;}.col-md-padding-bottom-16{padding-bottom:160px!important;}.col-md-padding-bottom-17{padding-bottom:170px!important;}.col-md-padding-bottom-18{padding-bottom:180px!important;}.col-md-padding-bottom-19{padding-bottom:190px!important;} 
}
@media (min-width:1200px) {
	.col-lg-padding-top-0{padding-top:0px!important;}.col-lg-padding-top-1{padding-top:10px!important;}.col-lg-padding-top-2{padding-top:20px!important;}.col-lg-padding-top-3{padding-top:30px!important;}.col-lg-padding-top-4{padding-top:40px!important;}.col-lg-padding-top-5{padding-top:50px!important;}.col-lg-padding-top-6{padding-top:60px!important;}.col-lg-padding-top-7{padding-top:70px!important;}.col-lg-padding-top-8{padding-top:80px!important;}.col-lg-padding-top-9{padding-top:90px!important;}.col-lg-padding-top-10{padding-top:100px!important;}.col-lg-padding-top-11{padding-top:110px!important;}.col-lg-padding-top-12{padding-top:120px!important;}.col-lg-padding-top-13{padding-top:130px!important;}.col-lg-padding-top-14{padding-top:140px!important;}.col-lg-padding-top-15{padding-top:150px!important;}.col-lg-padding-top-16{padding-top:160px!important;}.col-lg-padding-top-17{padding-top:170px!important;}.col-lg-padding-top-18{padding-top:180px!important;}.col-lg-padding-top-19{padding-top:190px!important;}
	.col-lg-padding-bottom-0{padding-bottom:0px!important;}.col-lg-padding-bottom-1{padding-bottom:10px!important;}.col-lg-padding-bottom-2{padding-bottom:20px!important;}.col-lg-padding-bottom-3{padding-bottom:30px!important;}.col-lg-padding-bottom-4{padding-bottom:40px!important;}.col-lg-padding-bottom-5{padding-bottom:50px!important;}.col-lg-padding-bottom-6{padding-bottom:60px!important;}.col-lg-padding-bottom-7{padding-bottom:70px!important;}.col-lg-padding-bottom-8{padding-bottom:80px!important;}.col-lg-padding-bottom-9{padding-bottom:90px!important;}.col-lg-padding-bottom-10{padding-bottom:100px!important;}.col-lg-padding-bottom-11{padding-bottom:110px!important;}.col-lg-padding-bottom-12{padding-bottom:120px!important;}.col-lg-padding-bottom-13{padding-bottom:130px!important;}.col-lg-padding-bottom-14{padding-bottom:140px!important;}.col-lg-padding-bottom-15{padding-bottom:150px!important;}.col-lg-padding-bottom-16{padding-bottom:160px!important;}.col-lg-padding-bottom-17{padding-bottom:170px!important;}.col-lg-padding-bottom-18{padding-bottom:180px!important;}.col-lg-padding-bottom-19{padding-bottom:190px!important;} 
}

/******************************
 *	 [Bootstrap-like] text-align
 *****************************/
.col-xs-text-left{text-align:left!important;}
.col-xs-text-center{text-align:center!important;}
.col-xs-text-right{text-align:right!important;}
@media (min-width:768px) {
	.col-sm-text-left{text-align:left!important;}
	.col-sm-text-center{text-align:center!important;}
	.col-sm-text-right{text-align:right!important;}
}
@media (min-width:992px) {
	.col-md-text-left{text-align:left!important;}
	.col-md-text-center{text-align:center!important;}
	.col-md-text-right{text-align:right!important;}
}
@media (min-width:1200px) {
	.col-lg-text-left{text-align:left!important;}
	.col-lg-text-center{text-align:center!important;}
	.col-lg-text-right{text-align:right!important;}
}

/******************************
 *  	[Bootstrap-like] Row with equal height columns
 *****************************/
@media (min-width:768px){
	.row-eq-height {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}
@media (min-width:992px){
	.row-eq-height-md {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}
@media (min-width:1200px){
	.row-eq-height-lg {display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
}


/******************************
 *  	[Bootstrap-like] Row with equal height columns : Table ver.
 *****************************/
@media (min-width:768px){
	.row-table {display:table;height:100%;min-height:1px;}
	.row-table > div {display:table-cell;vertical-align:middle;height:100%;min-height:1px;height: 100%;-moz-box-sizing: border-box;float:inherit;}
}


/******************************
 *  [Bootstrap-like] Floats
 *****************************/
.col-xs-float-left{float:left!important;}
.col-xs-float-right{float:right!important;}
.col-xs-float-inherit{float:inherit!important;}
@media (min-width:768px){
.col-sm-float-left{float:left!important;}
.col-sm-float-right{float:right!important;}
.col-sm-float-inherit{float:inherit!important;}
}
@media (min-width:992px){
.col-md-float-left{float:left!important;}
.col-md-float-right{float:right!important;}
.col-md-float-inherit{float:inherit!important;}
}
@media (min-width:1200px){
.col-lg-float-left{float:left!important;}
.col-lg-float-right{float:right!important;}
.col-lg-float-inherit{float:inherit!important;}
}

/******************************
 *  [Bootstrap-like] Absolutes
 *****************************/
.col-xs-absolute-left{position:absolute;left:0;}
.col-xs-absolute-right{position:absolute;right:0;}
.col-xs-absolute-inherit{position:relative!important;}
@media (min-width:768px){
.col-sm-absolute-left{position:absolute;left:0;}
.col-sm-absolute-right{position:absolute;right:0;}
.col-sm-absolute-inherit{position:relative!important;}
}
@media (min-width:992px){
.col-md-absolute-left{position:absolute;left:0;}
.col-md-absolute-right{position:absolute;right:0;}
.col-md-absolute-inherit{position:relative!important;}
}
@media (min-width:1200px){
.col-lg-absolute-left{position:absolute;left:0;}
.col-lg-absolute-right{position:absolute;right:0;}
.col-lg-absolute-inherit{position:relative!important;}
}

/******************************
 *	 Owl Carousel - Default slider
 *****************************/
.default-style-slider .owl-controls{font-size:30px;color:#ffffff;}
.default-style-slider .owl-controls .owl-next,
.default-style-slider .owl-controls .owl-prev{position:absolute;height:40px;margin-top:-20px;top:50%;}
.default-style-slider .owl-controls .owl-prev{left:0;}
.default-style-slider .owl-controls .owl-next{right:0;}
/* dots cachés par défaut */
.default-style-slider .owl-controls .owl-dots{display:none;position: absolute;display: inline-block;bottom: 20px;left:0;width: 100%;text-align: center}
.default-style-slider .owl-controls .owl-dot{display: inline-block;}
.default-style-slider .owl-controls .owl-dot span{width: 10px;height: 10px;border-radius: 100%;border: 1px solid #000000;background: #000000;margin-right: 5px;display: inline-block;}
.default-style-slider .owl-controls .owl-dot.active span{background: #e40038;border: 1px solid #000000}


/******************************
 *	 Animations
 *****************************/
/* Pulse */
.special-pulse,
.pulse {
  box-shadow: 0 0 0 0 rgba(138, 1, 57, 0.7);
  cursor: pointer;
  -ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.pulse:hover {
	-webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)/*, shake 1.25s infinite cubic-bezier(.36,.07,.19,.97)*/;
	-moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)/*, shake 1.25s infinite cubic-bezier(.36,.07,.19,.97)*/;
	-ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)/*, shake 1.25s infinite cubic-bezier(.36,.07,.19,.97)*/;
	animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1)/*, shake 1.25s infinite cubic-bezier(.36,.07,.19,.97)*/;
}
@-webkit-keyframes pulse {to {box-shadow: 0 0 0 24px rgba(138, 1, 57, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 24px rgba(138, 1, 57, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 24px rgba(138, 1, 57, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 24px rgba(138, 1, 57, 0);}}
/* Shake */
.shake {
	-ms-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform-origin: bottom center;
  -webkit-transform-origin: bottom center;
  transform-origin: bottom center;
}
.shake:hover {
  -o-animation: shake 1.25s infinite cubic-bezier(.36,.07,.19,.97);
  -webkit-animation: shake 1.25s infinite cubic-bezier(.36,.07,.19,.97);
  -moz-animation: shake 1.25s infinite cubic-bezier(.36,.07,.19,.97);
  animation: shake 1.25s infinite cubic-bezier(.36,.07,.19,.97);
}
@-webkit-keyframes shake {	10%, 90% {-ms-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);}20%, 80% {-ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}30%, 50%, 70% {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);} 40%, 60% {-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}
@-moz-keyframes shake {		10%, 90% {-ms-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);}20%, 80% {-ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}30%, 50%, 70% {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);} 40%, 60% {-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}
@-ms-keyframes shake {		10%, 90% {-ms-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);}20%, 80% {-ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}30%, 50%, 70% {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);} 40%, 60% {-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}
@keyframes shake {			10%, 90% {-ms-transform: rotate(2deg);-webkit-transform: rotate(2deg);transform: rotate(2deg);}20%, 80% {-ms-transform: rotate(-2deg);-webkit-transform: rotate(-2deg);transform: rotate(-2deg);}30%, 50%, 70% {-ms-transform: rotate(5deg);-webkit-transform: rotate(5deg);transform: rotate(5deg);} 40%, 60% {-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}}

/******************************
 *	 Infobulle (ul)  
 * Les li doivent posséder un attr data-lib & un élément interne avec la classe wrap-label
 * Positionnement de l'infobulle  droit ou gauche avec les classes right-label ou left-label sur le ul
 *****************************/
.info-label.right-label li:before{right:0;}
.info-label.left-label li:before{left:0;}

.info-label{list-style-type:none;padding-left: 0;}
.info-label li{position:relative;margin-right:6px;margin-bottom:6px;display:inline-block;vertical-align:middle;padding:6px;background-color:#ffffff;border:1px solid #cccccc;}
.info-label li:last-child{margin-right:0;}
.info-label li .wrap-label{width:36px;text-align:center;line-height:1;position:relative;}
.info-label li .wrap-label span{overflow:hidden;display:block;}
.info-label li:before{content:attr(data-lib);position:absolute;top:100%;margin-top:12px;width:auto;padding:2px 6px;z-index:40;white-space:nowrap;background-color:#ffffff;border:1px solid #bbbbbb;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;}
.info-label li .wrap-label:after,.info-label li .wrap-label:before{border-color:transparent;border-width:none;border-style:solid;content:"";height:0;left:50%;margin-left:-10px;margin-top:10px;position:absolute;top:100%;width:0;z-index:42;opacity:0;-webkit-transition:opacity 0.3s;-moz-transition:opacity 0.3s;-o-transition:opacity 0.3s;transition:opacity 0.3s;}
.info-label li .wrap-label:after{border-width:0 11px 11px 11px;border-color:transparent transparent #ffffff transparent;}
.info-label li .wrap-label:before{border-color:transparent transparent #bbbbbb;border-width:0 11px 11px;margin-left:-10px!important;margin-top:8px!important;}
.info-label li:hover:before,.info-label li:hover .wrap-label:after,.info-label li:hover .wrap-label:before{opacity:1;}


/******************************
 *	Liste : Trait de séparation
 *****************************/
@media (min-width:992px){
	/* séparation verticale */
	.pipe-separator li {position:relative;}
	.pipe-separator li:before {content: "|";position: absolute;right: -2px;top: 6px;display:block;}
	.pipe-separator li:last-child:before {content: "";display:none;}
	
	.border-separator > li {position:relative;}
	.border-separator > li:before {content: "";position:absolute;height:100%;z-index:2;right:0;top:0;display:block;border-left:1px solid #808080;}
	.border-separator > li:last-child:before {content: "";display:none;}

	/* séparation horizontale */
	.bottom-separator li {position:relative;}
	.bottom-separator li:before {content: "";position:absolute;width:100%;z-index:2;right:0;top:0;display:block;border-bottom:1px solid #41c0e2;}
	.bottom-separator li:last-child:before {content: "";display:none;}

	.dropdown-bottom-separator .dropdown li {position:relative;}
	.dropdown-bottom-separator .dropdown li:before {content: "";position:absolute;width:78%;z-index:2;left:11%;bottom:0;display:block;border-bottom:1px solid #41c0e2;}
	.dropdown-bottom-separator .dropdown li:last-child:before {content: "";display:none;}
}

/******************************
 *	WYSIWYG : Styles
 *****************************/

/* fix pour les margin top et bottom sur SPAN */
span[class^='col-xs-offset-top']	 	,span[class*='col-xs-offset-top'],
span[class^='col-sm-offset-top']	 	,span[class*='col-sm-offset-top'],
span[class^='col-md-offset-top']	 	,span[class*='col-md-offset-top'],
span[class^='col-lg-offset-top']	 	,span[class*='col-lg-offset-top'],
span[class^='col-xs-offset-bottom'] 	,span[class*='col-xs-offset-bottom'],
span[class^='col-sm-offset-bottom'] 	,span[class*='col-sm-offset-bottom'],
span[class^='col-md-offset-bottom'] 	,span[class*='col-md-offset-bottom'],
span[class^='col-lg-offset-bottom'] 	,span[class*='col-lg-offset-bottom'],
span[class^='col-xs-padding-top']	 	,span[class*='col-xs-padding-top'],
span[class^='col-sm-padding-top']	 	,span[class*='col-sm-padding-top'],
span[class^='col-md-padding-top']	 	,span[class*='col-md-padding-top'],
span[class^='col-lg-padding-top']   	,span[class*='col-lg-padding-top'],
span[class^='col-xs-padding-bottom']	,span[class*='col-xs-padding-bottom'],
span[class^='col-sm-padding-bottom']	,span[class*='col-sm-padding-bottom'],
span[class^='col-md-padding-bottom']	,span[class*='col-md-padding-bottom'],
span[class^='col-lg-padding-bottom']	,span[class*='col-lg-padding-bottom'] {display:inline-block;} /* ou block, sptet mieux */

/* Couleurs */
.ww_orange {color:#ea8919!important;}
.ww_bleu {color:#018dd3!important;}

/* Fonds  */
.ww_grey-bg {background-color:#ececec;padding:22px;margin:12px 0;width:100%;}

/* Gros Titre avec pictos (60x60) */
.ww_title-pic{display:inline-block;font-weight:bold;margin-bottom:0;padding:22px 0 22px 94px;position:relative;width:100%;}
.ww_title-pic::before{background:transparent;content:"";display:inline-block;height:64px;left:0;position:absolute;top:0;width:64px;}
.ww_title-pic::after {content: "b";left: 68px;margin-right: 6px;top: 24px;display: inline-block;font-family: "icomoon" !important;font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;position: absolute;text-transform: none;vertical-align: bottom;}

.ww_title-pic_1::before {
    background: transparent url("images/.png") no-repeat scroll left center;
}
.ww_title-pic_2::before {
    background: transparent url("images/.png") no-repeat scroll left center;
}

/* Titre standard */
.ww_title {display: inline-block;font-weight: bold;margin-bottom: 0;padding: 6px 0 6px 32px;position: relative;width: 100%;}
.ww_title::after {content: "\e602";left: 8px;top: 10px;margin-right: 6px;display: inline-block; font-family: "icomoon" !important; font-style: normal;font-variant: normal;font-weight: normal;line-height: 1;position: absolute;text-transform: none;vertical-align: bottom;}

/* Bouton lien */
.ww_link{background-color:rgba(255,154,51,0.1);border:1px solid rgba(255,154,51,0.8);color:#ff9a33;text-decoration:none!important;vertical-align:bottom;text-decoration:none;position:relative;z-index:1;display:inline-block;text-align:center;cursor:pointer;outline:none;position:relative;-webkit-transition:all 0.3s cubic-bezier(1,0,0,1);-moz-transition:all 0.3s cubic-bezier(1,0,0,1);transition:all 0.3s cubic-bezier(1,0,0,1);overflow:hidden;}
.ww_link:before{background:#ff9a33;background:rgba(255,154,51,1);bottom:-100%;left:0;content:'';position:absolute;z-index:-1;-webkit-transition:all 0.3s cubic-bezier(1,0,0,1);-moz-transition:all 0.3s cubic-bezier(1,0,0,1);transition:all 0.3s cubic-bezier(1,0,0,1);width:100%;height:100%;}
.ww_link:hover,.ww_link:active,.ww_link:focus{text-decoration:none!important;color:#ffffff!important;background:rgba(255,154,51,0);}
.ww_link:focus:before,.ww_link:active:before,.ww_link:hover:before{bottom:0;opacity:1;}
.ww_link a:hover {color:#ffffff!important;}
.ww_link a:hover,
.ww_link a {padding:8px 24px;text-decoration:none!important;display:inline-block;}




/******************************
 *  	ABSOLUTE CENTER
 *****************************/
/* needed */
.wrapper-absolutecenter {
	/*min-height:120px;*/ /* edit */
	position:relative;
	height:100%;
}

@media (min-width:768px) {
	.absolutecenter{display:inline-block;left:50%;top:50%;margin:0;position:absolute;transform:translateY(-50%)translateX(-50%);}

	/*  horizontal  */
	.absolutecenter-x{width:100%;display:inline-block;left:50%;top:0;margin:0;position:absolute;transform:translateX(-50%);}

	/*  vertical  */
	.absolutecenter-y{height:100%;display:inline-block;top:50%;left:0;margin:0;position:absolute;transform:translateY(-50%);}
}

/******************************
 *  	IMAGE COVER ON BLOCK + Mobile pic
 *****************************/
.col-xs-img-cover,
.col-sm-img-cover,
.col-md-img-cover,
.col-lg-img-cover{background:none;}
.col-xs-img-cover{height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.col-xs-img-cover .img-cover-picture,
.col-sm-img-cover .img-cover-picture,
.col-md-img-cover .img-cover-picture,
.col-lg-img-cover .img-cover-picture{display:block;}
.col-xs-img-cover .img-cover-picture{display:none;}
@media (min-width:768px){
.col-sm-img-cover{height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.col-sm-img-cover .img-cover-picture{display:none;}
}
@media (min-width:992px){
.col-md-img-cover{height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.col-md-img-cover .img-cover-picture{display:none;}
}
@media (min-width:1200px){
.col-lg-img-cover{height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;}
.col-lg-img-cover .img-cover-picture{display:none;}
}

/******************************
 *  Flèche en début fin d'élément
 *****************************/
*[class^='arrow-right'],*[class*='arrow-right']{padding-right:26px!important;position:relative;}
.arrow-right-right:after {content:"◄";}
.arrow-right-top:after 	 {content:"▲";}
.arrow-right-bottom:after{content:"▼";}
.arrow-right-left:after  {content:"►";}
.arrow-right-right:after,.arrow-right-top:after,.arrow-right-bottom:after,.arrow-right-left:after{font-size:18px;margin-top:-11px;line-height:1;position:absolute;top:50%;right:4px;}
*[class^='arrow-left'],*[class*='arrow-left']{padding-left:26px!important;position:relative;}
.arrow-left-right:after {content:"◄";}
.arrow-left-top:after 	{content:"▲";}
.arrow-left-bottom:after{content:"▼";}
.arrow-left-left:after 	{content:"►";}
.arrow-left-right:after,.arrow-left-top:after,.arrow-left-bottom:after,.arrow-left-left:after{font-size:18px;margin-top:-11px;line-height:1;position:absolute;top:50%;left:4px;}

/******************************
 *   DATEPICKER Style & Responsif
 *****************************/
.ui-datepicker{z-index: 1000 !important;}
#ui-datepicker-div{border-radius:0;}
#ui-datepicker-div .ui-widget-header{background-color:#00aeb4;}
#ui-datepicker-div .ui-datepicker-header{border-radius:0;}
#ui-datepicker-div .ui-state-default{background:#f5f4f4;text-align:center;}
#ui-datepicker-div .ui-state-default:hover{background:rgba(0,174,180,0.5);border-color:#00aeb4;}
#ui-datepicker-div .ui-datepicker-prev-hover{left:2px;}
#ui-datepicker-div .ui-datepicker-next-hover{right:2px;}
#ui-datepicker-div .ui-datepicker-prev-hover,#ui-datepicker-div .ui-datepicker-next-hover{cursor:pointer;top:2px;background:rgba(255,255,255,0.8);border:none;color:#ffffff;}
#ui-datepicker-div .ui-state-hover .ui-icon,#ui-datepicker-div .ui-state-focus .ui-icon{background-color:rgba(255,255,255,0.8);}

/* Responsive Datepicker */
@media (max-width:480px){
	#ui-datepicker-div{width:100%!important;left:0!important;}
	#ui-datepicker-div .ui-state-default{padding:6px;}
}



/******************************
 *   Sticky header (JS nécessaire, dans global.js)
 *****************************/
.fixed-row {
	height:118px;
}
.fixed-row .fixed-part {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	background-color:#ffffff;
	padding:0 15px;
	box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);
}

/******************************
 *   Effet lorsque l'élément qui possède la classe apparait à l'écran (JS nécessaire, dans global.js)
 *****************************/
.ssa-onshow {
	opacity: 0;
    transform: matrix(1, 0.1, 0.4, 1, 0, 0);
    visibility: hidden;
	
	-webkit-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s;
	-moz-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s;
	-o-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s;
	transition:transform 0.8s ease 0s, opacity 0.8s ease 0s;
}
.ssa-onshow-revealed {
	opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    visibility: visible;
}

.ssa-left {
	opacity: 0;
    transform: matrix(1, 0, 0, 1, -42, 0);
    visibility: hidden;
	
	-webkit-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-moz-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-o-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
}
.ssa-left-revealed {
	opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    visibility: visible;
}

.ssa-right {
	opacity: 0;
    transform: matrix(1, 0, 0, 1, 42, 0);
    visibility: hidden;
	
	-webkit-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-moz-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-o-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
}
.ssa-right-revealed {
	opacity: 1;
    transform: matrix(1, 0, 0, 1,0, 0);
    visibility: visible;
}
.ssa-top {
	opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, -42);
    visibility: hidden;
	
	-webkit-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-moz-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-o-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
}
.ssa-top-revealed {
	opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    visibility: visible;
}
.ssa-bottom {
	opacity: 0;
    transform: matrix(1, 0, 0, 1, 0, 42);
    visibility: hidden;
	
	-webkit-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-moz-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	-o-transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
	transition:transform 0.8s ease 0s, opacity 0.8s ease 0s, color 0.3s cubic-bezier(1, 0, 0, 1), background-color 0.3s ease, border 0.3s cubic-bezier(1, 0, 0, 1);
}
.ssa-bottom-revealed {
	opacity: 1;
    transform: matrix(1, 0, 0, 1, 0, 0);
    visibility: visible;
}

/******************************
 *	FLIP CARD
div flip-container 
	> div flipper
		> div back
		> div front
 *****************************/
/* entire container, keeps perspective */
.flip-container {perspective: 1000px;transform-style: preserve-3d;}
/*  UPDATED! flip the pane when hovered */
.flip-container:hover .back {transform: rotateY(0deg);}
.flip-container:hover .front {transform: rotateY(180deg);}

.flip-container, .flip-container .front, .flip-container .back {width: 100%;height:100%;}
/* flip speed goes here */
.flipper {transition: 0.6s;transform-style: preserve-3d;position: relative;}
/* hide back of pane during swap */
.flip-container .front, .flip-container .back {backface-visibility: hidden;transition: 0.6s;transform-style: preserve-3d;top: 0;left: 0;}
/*  UPDATED! front pane, placed above back */
.flip-container .front {z-index: 2;transform: rotateY(0deg);position: relative;}
/* back, initially hidden pane */
.flip-container .back {transform: rotateY(-180deg);position: absolute;background-color: #FFFFFF;}

/******************************
 *	MASQUE / OVERLAY
 *****************************/
.masque{position:relative;}
.masque:before{content:"";position:absolute;width:100%;left:0;top:0;height:100%;background-color:rgba(255,255,255,0.6);z-index:0;}


/******************************
 *	BLOCS EN BIAIS / ROTATE / BISEAUX
 exemple :
 <div class="wrapper-slopy-elements">
	
	<div class="rotate--10"><div class="rotate-10">
		<div class="container">
			<div class="row">
				<div class="col-xs-12">
					Lorem ipsum dolor sit amet
				</div>
			</div>
		</div>
	</div></div>
	
	<div class="rotate--10"  style="background:url(http://) no-repeat center transparent;background-size:cover;"></div>
	
</div>
 *****************************/
.wrapper-slopy-elements {background-color:transparent;overflow:hidden;position:relative;z-index:1001;
	padding:200px 0; /* dépends du degré de rotation. Au plus c'est élevé, au plus le padding doit etre élevé*/
}
.wrapper-slopy-elements > [class^="rotate-"], 
.wrapper-slopy-elements > [class*=" rotate-"] {-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center;transform-origin:center;background-color:#ffffff;-webkit-transition:transform 0.3s ease;-moz-transition:transform 0.3s ease;-o-transition:transform 0.3s ease;transition:transform 0.3s ease;
	padding:120px 0; /* dépends du degré de rotation. Au plus c'est élevé, au plus le padding doit etre élevé*/
	margin:0 -60px;  /* dépends du degré de rotation. Au plus c'est élevé, au plus la margin doit etre élevée*/
}
.wrapper-slopy-elements .rotate-reset {-moz-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}

.wrapper-slopy-elements .rotate--5 	{-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);-ms-transform:rotate(-0deg);transform:rotate(-0deg);}
.wrapper-slopy-elements .rotate--10	{-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);-ms-transform:rotate(-0deg);transform:rotate(-0deg);}
.wrapper-slopy-elements .rotate--15	{-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);-ms-transform:rotate(-0deg);transform:rotate(-0deg);}
.wrapper-slopy-elements .rotate--20	{-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);-ms-transform:rotate(-0deg);transform:rotate(-0deg);}
.wrapper-slopy-elements .rotate-5	{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.wrapper-slopy-elements .rotate-10	{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.wrapper-slopy-elements .rotate-15	{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
.wrapper-slopy-elements .rotate-20	{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
@media (min-width:768px) {
	.wrapper-slopy-elements .rotate--5 	{-moz-transform:rotate(-3deg);-o-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);}
	.wrapper-slopy-elements .rotate--10	{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
	.wrapper-slopy-elements .rotate--15	{-moz-transform:rotate(-7deg);-o-transform:rotate(-7deg);-ms-transform:rotate(-7deg);transform:rotate(-7deg);}
	.wrapper-slopy-elements .rotate--20	{-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
	.wrapper-slopy-elements .rotate-5	{-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);}
	.wrapper-slopy-elements .rotate-10	{-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
	.wrapper-slopy-elements .rotate-15	{-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);}
	.wrapper-slopy-elements .rotate-20	{-moz-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);}
}
@media (min-width:992px) {
	.wrapper-slopy-elements .rotate--5 	{-moz-transform:rotate(-5deg);-o-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg);}
	.wrapper-slopy-elements .rotate--10	{-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg);}
	.wrapper-slopy-elements .rotate--15	{-moz-transform:rotate(-15deg);-o-transform:rotate(-15deg);-ms-transform:rotate(-15deg);transform:rotate(-15deg);}
	.wrapper-slopy-elements .rotate--20	{-moz-transform:rotate(-20deg);-o-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);}
	.wrapper-slopy-elements .rotate-5	{-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);}
	.wrapper-slopy-elements .rotate-10	{-moz-transform:rotate(10deg);-o-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg);}
	.wrapper-slopy-elements .rotate-15	{-moz-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);}
	.wrapper-slopy-elements .rotate-20	{-moz-transform:rotate(20deg);-o-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg);}
}