@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: "Komikax";
	src: url('../fonts/Komikax.ttf');
}
@font-face {
	font-family: "Poppins";
	src: url('../fonts/Poppins-Regular.ttf');
}
@font-face {
	font-family: "Alkaline";
	src: url('../fonts/alkaline-regular.otf');
}
@font-face {
	font-family: "Raleway";
	src: url('../fonts/Raleway-Regular.ttf');
}

@font-face {
	font-family: "Obelix";
	src: url('../fonts/ObelixPro-cyr.ttf');
}

@font-face {
	font-family: "Amatic";
	src: url('../fonts/AmaticSC-Regular.ttf');
}

@font-face {
	font-family: "Amatic Bold";
	src: url('../fonts/Amatic-Bold.ttf');
}

@font-face {
	font-family: "Exo Black";
	src: url('../fonts/Exo-Black.ttf');
}

@font-face {
	font-family: "Exo Regular";
	src: url('../fonts/Exo-Regular.ttf');
}

@font-face {
	font-family: "Helvetica";
	src: url('../fonts/Helvetica LT Std Condensed.otf');
}

@font-face {
	font-family: "Helvetica bold";
	src: url('../fonts/Helvetica-LT-Std-Bold-Condensed.ttf');
}

@font-face {
	font-family: "Helvetica black";
	src: url('../fonts/HelveticaLTStd-BlkCond.otf');
}

@font-face {
	font-family: "Ubuntu bold";
	src: url('../fonts/Ubuntu-Bold.ttf');
}

@font-face {
	font-family: "Ubuntu regular";
	src: url('../fonts/Ubuntu-Regular.ttf');
}

@font-face {
	font-family: "Verveine";
	src: url('../fonts/Verveine-W01-Regular.ttf');
}

@font-face {
	font-family: "Arimo";
	src: url('../fonts/Arimo-Regular.ttf');
}

@font-face {
	font-family: "Montserrat regular";
	src: url('../fonts/Montserrat-Regular.ttf');
}

.montserrat_regular {
	font-family: 'Montserrat regular';
}


@font-face {
	font-family: "Montserrat bold";
	src: url('../fonts/Montserrat-Bold.ttf');
}

.montserrat_bold {
	font-family: 'Montserrat bold';
}

@font-face {
	font-family: "Montserrat black";
	src: url('../fonts/Montserrat-Black.ttf');
}

.montserrat_black {
	font-family: 'Montserrat black';
}


@font-face {
	font-family: "UberhandPro regular";
	src: url('../fonts/UberhandPro.ttf');
}

.uberhand_regular {
	font-family: 'UberhandPro regular';
}



body {
	width: 100%;
    height: 100%;
    color: #313131;
	text-transform:none;
	font-family: 'Montserrat regular';
	font-weight: normal;

	background-image:none;
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;

}

.body_bg{
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;
}

@media (max-width: 767px) {
	body {
			padding-top:16vw;
	}

	.body_battles {
		padding-top:0;
		
	}
}

@media (min-width: 768px) {
	body {
			padding-top:0;
	}
}

.text-bold {
	font-weight:bold;
}

.line-through {
	text-decoration: line-through;
}





@media (max-width: 767px) {


	.sandwich-btn {
		margin:1.2vw 2.8vw 0.4vw 1vw;
		color:#ffffff;
		font-size:8vw;
	}
	.container-fluid {
	padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto;
		}
}



@media (min-width: 767px) and  (max-width: 991px) {



	.sandwich-btn {
		margin:1.2vw 2vw 2vw 5px;
		font-size:5.2vw;
	}

	.container-fluid {
	padding-right:0;
    padding-left:0;
    margin-right:auto;
    margin-left:auto;
		}

	}





html {
    width: 100%;
    height: 100%;
}








@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?4lx1d4');
  src:  url('../fonts/icomoon.eot?4lx1d4#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?4lx1d4') format('truetype'),
    url('../fonts/icomoon.woff?4lx1d4') format('woff'),
    url('../fonts/icomoon.svg?4lx1d4#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon-mylafayette-phcie:before {
  content: "\1f323";
}

.icon-icon-laf:before {
  content: "\e908";
}

.icon-icon-pharmacorp:before {
  content: "\e909";
}


.icon-icon-fm:before {
  content: "\e903";
}

.icon-icon-rl:before {
  content: "\e907";
}

.icon-icon-admin:before {
  content: "\e901";
}

.icon-icon-battles:before {
  content: "\e902";
}

.icon-icon-expertise:before {
  content: "\e900";
}

.icon-icon-fp:before {
  content: "\e904";
}

.icon-icon-home:before {
  content: "\e905";
}

.icon-icon-results:before {
  content: "\e906";
}

.icon-icon-tutos:before {
  content: "\ea16";
}
.icon-icon-dl:before{
	content: "\e90a"
}
.icon-icon-croix-vide:before{
	content : "\e90b"
}
.icon-icon-croix-pleine:before{
	content: "\e90c"
}

.icon-icon-power-off:before{
	content: "\e90d"
}

.media-heading0 {
	margin-bottom:0;
}

.popover {
	max-width:100%;
	z-index:100000000;
}

.img-responsive {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.img-responsive_100 {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.img-responsive_60 {
	width:60%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.img-responsive_30 {
	width:30%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}



.text-justify {
	text-align:justify;
}
.century_gothic{
	font-family: Century Gothic,CenturyGothic,AppleGothic,sans-serif; 
}

.pacifico {
	font-family: Pacifico;
}

.komikax {
	font-family:"Komikax";
}

.obelix {
	font-family:"Obelix";
}

.amatic {
	font-family:"Amatic";
}

.amatic_bold {
	font-family:"Amatic Bold";
}
.poppins {
	font-family: "Poppins";
}
.raleway {
	font-family:"Raleway";
}

.alkaline {
	font-family:"Alkaline";
}

.exo_black {
	font-family: 'Exo Black';
}

.exo_regular {
	font-family: 'Exo Regular';
}

.helvetica {
	font-family: 'Helvetica';
}

.helvetica_bold {
	font-family: 'Helvetica bold';
}

.helvetica_black {
	font-family: 'Helvetica black';
}

.ubuntu_bold {
	font-family: 'Ubuntu bold';
}

.ubuntu_regular {
	font-family: 'Ubuntu regular';
}

.verveine {
	font-family: 'Verveine';
}

.arimo {
	font-family: 'Arimo';
}

.text-whatsnew {
	margin-top:0px;
}
p,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 18px;
    text-transform:none;
    font-weight: normal;
    line-height:1.3;
}


@media (max-width: 479px) {



	h1 { font-size: 7.6vw; } 

h2 { font-size: 7vw; } 

h3 { font-size: 6.2vw; }

h4 { font-size: 5vw; }

h5 { font-size: 4.4vw; }

h6 { font-size: 3.4vw; }

p { font-size: 4vw; }

.text-whatsnew {
	font-size:6vw;
	}
.btn-infos-cats {
	padding: 5px 10px;
  font-size: 6vw;
  line-height: 1.5;
  border-radius: 3px;
  margin-bottom:10px;
	}

}

@media (min-width: 480px) and  (max-width: 767px) {


	h1 { font-size: 7.6vw; } 

h2 { font-size: 7vw; } 

h3 { font-size: 6.2vw; }

h4 { font-size: 5vw; }

h5 { font-size: 4.4vw; }

h6 { font-size: 3.4vw; }

p { font-size: 4vw; }


.text-whatsnew {
	font-size:5vw;
	margin-bottom:3vw;
	}
.btn-infos-cats {
	padding: 5px 10px;
  font-size: 6vw;
  line-height: 1.5;
  border-radius: 3px;
  margin-bottom:10px;
	}

	
}

@media (min-width: 768px) and (max-width: 991px) {
	h1 { font-size: 3.4vw; } 

h2 { font-size: 3.1vw; } 

h3 { font-size: 2.4vw; }

h4 { font-size: 2.1vw; }

h5 { font-size: 1.8vw; }

h6 { font-size: 1.5vw; }

p { font-size: 2.4vw; }

.text-whatsnew {
	font-size:3.2vw;
	}
.btn-infos-cats {
	padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  margin-bottom:10px;
	}



}


@media (min-width: 992px) and (max-width: 1199px) {
		h1 { font-size: 3.4vw; } 

h2 { font-size: 2.8vw; } 

h3 { font-size: 2.2vw; }

h4 { font-size: 1.8vw; }

h5 { font-size: 1.5vw; }

h6 { font-size: 1.2vw; }

p { font-size: 1.4vw; }

.text-whatsnew {
	font-size:1.4vw;
	}



	.btn-infos-cats {
	padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  background:rgba(144,28,17,0.6);
  margin-bottom:10px;
	}



}

@media screen and (min-width: 1200px) {
	h1 { font-size: 2.2vw; } 

h2 { font-size: 1.8vw; } 

h3 { font-size: 1.5vw; }

h4 { font-size: 1.3vw; }

h5 { font-size: 1vw; }

h6 { font-size: 0.8vw; }

p { font-size: 0.9vw; }

.text-whatsnew {
	font-size:1.6vw;
	}
	

}


@media (max-width: 767px) {
.btn-infos-cats-new {
	padding:  16px 10px 10px 10px;
  font-size: 5.2vw;
  font-family: Helvetica Black;
  line-height: 1.3333333;
  border-radius: 6px;
  margin-bottom:0px;
  background: rgba(242,103,41,1);
  color:#ffffff;
	}

.btn-infos-cats-option-new {
	padding: 8px 12px;
  font-size: 4.2vw;
  font-family: Helvetica Black;
  line-height: 1;
  background:rgba(255,255,255,1);
  color:#0d6b49;
	}


.select_home_news_cat {
		padding:0;
		margin-left:-10px;
		margin-right:-10px;

	}
		
}


@media (min-width: 768px) {
.btn-infos-cats-new {
	padding: 10px 16px;
  font-size: 1.6vw;
  font-family: Helvetica Black;
  line-height: 1.3333333;
  border-radius: 6px;
  margin-bottom:0px;
  background: rgba(242,103,41,1);
  color:#ffffff;
	}

.btn-infos-cats-option-new {
	padding: 8px 12px;
  font-size: 1.2vw;
  font-family: Helvetica Black;
  line-height: 1;
  background:rgba(255,255,255,1);
  color:#0d6b49;
	}
}

.btn-infos-cats {
	padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
  margin-bottom:10px;
	}

.btn-infos-cats-option-new .text-white {
  color:#f05022;
	}

.btn-infos-cats-new .custom_caret {

    position: absolute;
  top: 20%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}


.select_fp_courses_filter .custom_caret {

    position: absolute;
  top: 20%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}


a {
    color: #58a44c;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

a:hover,
a:focus {
    text-decoration: none;
    color: #80cf73;
}

.mobile-menu-icon a {
text-decoration: none;

}

.mobile-menu-icon a:hover,
.mobile-menu-icon a:focus {
    text-decoration: none;
   
}


.btn-infos-cats-new:hover,
.btn-infos-cats-new:focus {
	color:#ffffff;
}


.btn-success {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#51ad10+34,1e8200+100 */
background: #51ad10; /* Old browsers */
background: -moz-linear-gradient(top,  #51ad10 34%, #1e8200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #51ad10 34%,#1e8200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #51ad10 34%,#1e8200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51ad10', endColorstr='#1e8200',GradientType=0 ); /* IE6-9 */
border : 1px solid #3B9B69;
}

.btn-primary {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b5f7+0,0667c9+99 */
background: #00b5f7; /* Old browsers */
background: -moz-linear-gradient(top,  #00b5f7 0%, #0667c9 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00b5f7 0%,#0667c9 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00b5f7 0%,#0667c9 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b5f7', endColorstr='#0667c9',GradientType=0 ); /* IE6-9 */

}

.btn-default {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------- */
.planning-presence-matin-btn {
	border-right:none;
}



.planning-add-btn {
    text-decoration: none;
    color: #cdcdcd;
    border:none;
    outline:none;
}

.planning-add-btn:hover,
.planning-add-btn:focus,
.planning-add-btn:active,
.planning-add-btn:visited {
    text-decoration: none;
    color: #80cf73;
    border:none;
    outline:none;
}

.planning-delete-btn {
    text-decoration: none;
    border:none;
    outline:none;
}

.planning-delete-btn:hover,
.planning-delete-btn:focus,
.planning-delete-btn:active,
.planning-delete-btn:visited {
    text-decoration: none;
    color: #80cf73;
    border:none;
    outline:none;
}


.label-warning {
	background-color:#e7821f;
	color:#ffffff;
}

.label-success {
	background-color:#58a44c;
}

.label-white {
	background-color:#ffffff;
	color:#858585;
}

.label-grey {
	background-color:#dedede;
	color:#464646;
}
.text-default {
	color:#313131;
}

.text-grey {
	color:rgba(135,135,135,1);
}

.text-light {
	color:#f2f2f2;
}
.text-success {
	color:#75B97F;
}

.text-brown {
	color:#665138;
}

.text-black {
	color:#191919;
}
.text-warning {
	color:rgba(242,103,41,1);
}
.text-warning2 {
	color:#d78362;
}
.text-warning3 {
	color:#f48e31;
}
.text-warning-original {
	color:#7c5c1f;
}

.text-info {
	color:#e64690;
}
.text-primary {
	color:#5080cf;
}
.text-white {
	color:#ffffff;
}

.text-uppercase {
	text-transform: uppercase;
}
.navbar-custom {
    margin-bottom: 0;
    border: none;
    text-transform: uppercase;
    font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #000;
}
.navbar-brand {
	padding:0px 15px 15px 15px;
	margin-left:auto;
	margin-right:auto;
}
.navbar-logo {
	height:60px;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
.label-cgu {
	background-color:#5cb85c;
}

.alert {
	border-radius:0px;
}

.panel {
	border-radius:0px;
}

.carousel-control {
	top:40%;
	height: 50px;
	width: 50px;
	padding-top:0px;
    background: none repeat scroll 0 0 #dedede;
    border: none;
    color:#acacac;
    border-radius:50%;
    opacity:0.7;
    font-size:2vw;
    font-family: Exo Regular;
}

.carousel-control.left, .carousel-control.right
{
background-image:none;
}

.success-active {
	
-moz-box-shadow: 0px 0px 24px 5px #476f17;
-webkit-box-shadow: 0px 0px 24px 5px #476f17;
-o-box-shadow: 0px 0px 24px 5px #476f17;
box-shadow: 0px 0px 24px 5px #476f17;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#476f17, Direction=NaN, Strength=24);
}




.danger-inbox {
-webkit-box-shadow: inset 0px 0px 10px 5px rgba(255,33,23,0.14); 
box-shadow: inset 0px 0px 10px 5px rgba(255,33,23,0.14);
}

.success-inbox {
-webkit-box-shadow: inset 0px 0px 15px 5px rgba(93,255,54,0.54); 
box-shadow: inset 0px 0px 15px 5px rgba(93,255,54,0.54);
}


.danger-shadow {

-webkit-box-shadow: 0px 0px 8px 0px rgba(212,72,21,1);
-moz-box-shadow: 0px 0px 8px 0px rgba(212,72,21,1);
box-shadow: 0px 0px 8px 0px rgba(212,72,21,1);
}

.danger-shadow-xl {

-webkit-box-shadow: 0px 0px 14px 0px rgba(212,72,21,1);
-moz-box-shadow: 0px 0px 14px 0px rgba(212,72,21,1);
box-shadow: 0px 0px 14px 0px rgba(212,72,21,1);
}

.success-shadow {

-webkit-box-shadow: 0px 0px 8px 0px rgba(106,226,57,1);
-moz-box-shadow: 0px 0px 8px 0px rgba(106,226,57,1);
box-shadow: 0px 0px 8px 0px rgba(106,226,57,1);
}

.alert-success-comic {
	color:#ffffff;
	border:10px solid #409656;
	border-radius:18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
	background: #b8d445; /* Old browsers */

	-moz-box-shadow: -4px 8px 0px 0px #376444;
-webkit-box-shadow: -4px 8px 0px 0px #376444;
-o-box-shadow: -4px 8px 0px 0px #376444;
box-shadow: -4px 8px 0px 0px #376444;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#376444, Direction=243, Strength=0);
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.alert-black {
	padding:5px;
	color:#ffffff;
	border:none;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}



.alert-warning {
	color:#7c5c1f;
	border-color:#e3c970;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffd299+0,f9b35c+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fff5c6+0,f4da9c+100 */
background: #fff5c6; /* Old browsers */
background: -moz-linear-gradient(top,  #fff5c6 0%, #f4da9c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fff5c6 0%,#f4da9c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fff5c6 0%,#f4da9c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff5c6', endColorstr='#f4da9c',GradientType=0 ); /* IE6-9 */

}

.alert-default {
	color:#858585;
	border-color:#cecece;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.alert-danger-comic {
	color:#ffffff;
	border:10px solid #b23232;
	border-radius:18px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
	background: #e06565; /* Old browsers */

	-moz-box-shadow: -4px 8px 0px 0px #492525;
-webkit-box-shadow: -4px 8px 0px 0px #492525;
-o-box-shadow: -4px 8px 0px 0px #492525;
box-shadow: -4px 8px 0px 0px #492525;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#492525, Direction=243, Strength=0);
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
}

.alert-danger2 {
	color:#ffffff;
	border:6px solid #b23232;
	border-radius:10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cdeb8e+0,a5c956+100;Green+3D+%232 */
	background: #e06565; /* Old browsers */

	-moz-box-shadow: -3px 5px 0px 0px #492525;
-webkit-box-shadow: -3px 5px 0px 0px #492525;
-o-box-shadow: -3px 5px 0px 0px #492525;
box-shadow: -3px 5px 0px 0px #492525;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#492525, Direction=243, Strength=0);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding:8px;
}

.panel-body {
	border-radius:0px;
	background-color:#fff;
	padding:10px;
}



.panel-default {
	border-color:#ccc;
}

.panel-default > .panel-heading {
	border-radius:0px;
	color:#313131;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
  background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.panel-default > .panel-heading > .panel-title {
	color:#313131;
	text-align:justify;
}

.panel-primary {
	border:1 px solid #2c57a0;
}

.panel-primary > .panel-heading {
	border-radius:0px;
	color:#0e2141;
  background-image: -webkit-linear-gradient(top, #5080cf 0%, #3161b1 100%);
  background-image: -o-linear-gradient(top, #5080cf 0%, #3161b1 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5080cf), to(#3161b1));
  background-image: linear-gradient(to bottom, #5080cf 0%, #3161b1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5080cf', endColorstr='#ff3161b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.panel-success {
	border-color:#335907;
}
.panel-success > .panel-heading {
	border-radius:0px;
	color:#253d09;
  background-image: -webkit-linear-gradient(top, #619723 0%, #416517 100%);
  background-image: -o-linear-gradient(top, #619723 0%, #416517 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#619723), to(#416517));
  background-image: linear-gradient(to bottom, #619723 0%, #416517 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff619723', endColorstr='#ff416517', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.panel-info {
	border-color:#ac0d57;
}

.panel-info > .panel-heading {
	border-radius:0px;
	color:#4e0929;
  background-image: -webkit-linear-gradient(top, #e64690 0%, #d21c71 100%);
  background-image: -o-linear-gradient(top, #e64690 0%, #d21c71 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e64690), to(#d21c71));
  background-image: linear-gradient(to bottom, #e64690 0%, #d21c71 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe64690', endColorstr='#ffd21c71', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.panel-warning {
	border-color:#b34304;
}

.panel-warning > .panel-heading {
	border-radius:0px;
	color:#5e290a;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4692a+0,c64822+100 */
background: #f4692a; /* Old browsers */
background: -moz-linear-gradient(top,  #f4692a 0%, #c64822 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4692a 0%,#c64822 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4692a 0%,#c64822 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4692a', endColorstr='#c64822',GradientType=0 ); /* IE6-9 */

}

.panel-danger {
	border-color:#d9534f;
}

.panel-danger > .panel-heading {
	border-radius:0px;
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}


.label-result {
	font-size:0.5vw;
}
.panel-formation {
	border:0;
	background:none;
	background-color:transparent;
	color:#313131;
	margin-bottom:2vh;
}

.panel-formation > .panel-heading {
	border-radius:0px;
	background:none;
	background-color:transparent;
	padding:0;
	border:0;
}

.panel-formation > .panel-body {
	background:none;
	background-color:transparent;
	color:#313131;
	margin-top:1vh;
	padding:0;
	border:0;
}

.panel-formation > .panel-body a.btn-xs {
	font-size:0.7vw;
}


.btn {
	border-radius:0px;
}

.btn-default {
    border: 1px solid #ababab;
    color: #464646;
    background-color: #e4e4e4;
	text-decoration:none;
}

.btn-default:hover,
.btn-default:focus {
    outline: 0;
    border: 1px solid #dcdcdc;
    color: #a7a7a7;
    background-color: #efefef;
}

.btn-orange {
    border: none;
    color: #ffffff;
    background-color: #e6691d;
	text-decoration:none;
}

.btn-orange:hover,
.btn-orange:focus {
    outline: 0;
    border: none;
    color: #ffffff;
    background-color: #f5955b;
}




.navbar-bottom-link {
    color: #ffffff;
	text-decoration:none;
}

.navbar-bottom-link:hover,
.navbar-bottom-link:focus {
    outline: 0;
    color: #f15f22;
}


.btn-transparent {
    border: 1px solid #dedede;
    background: rgba(255,255,255,0.6);
	text-decoration:none;
}

.btn-transparent:hover,
.btn-transparent:focus {
    outline: 0;
    border: 1px solid #dedede;
    color: #464646;
    background: rgba(255,255,255,0.88);
	text-decoration:none;
}


.select-transparent {
    border: none;
    color: #464646;
    background: rgba(255,255,255,0);
	text-decoration:none;
	padding: 0;
}

.select-transparent:hover,
.select-transparent:focus,
.select-transparent:active {
    outline: 0;
    border: none;
    color: #464646;
    background: rgba(255,255,255,0.4);
	text-decoration:none;
	padding: 0;
	margin: 0;

}

.select-transparent .caret {

  top: 25% !important;
}


.table-marketplace-customer-cart thead th {
position:sticky;
top: 0;
background-color: #ffffff;

}

.table-marketplace-customer-cart thead {
position:sticky;
top: 0;
background-color: #ffffff;

}



.btn-dark {
    border: 1px solid #000;
    color: #fff;
    background-color: #303030;
}

.btn-dark:hover,
.btn-dark:focus {
    border: 1px solid #000;
    outline: 0;
    color: #ffffff;
    background-color: #f15f22;
}

.btn-white {
    border: 1px solid #dedede;
    color: #9b9b9b;
    background: rgba(255,255,255,1);
}

.btn-white:hover,
.btn-white:focus {
    outline: 0;
    color: #8a8a8a;
    background: rgba(240,240,240,1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}







.btn-recette {
	margin-top:1vh;
	margin-bottom:1vh;
	padding:1.5rem;
    border: none;
    color: #ffffff;
    background-color: #37353f;
    box-shadow: 0 0.25rem 0.125rem 0 rgba(0,0,0,.05);
    border:0.5rem solid #ffffff;
    border-radius:0.25rem;
}

.btn-recette:hover,
.btn-recette:focus {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #ffffff;
    background-color: #655f7a;
    outline: 0;

}

.btn-recette i {
	margin-bottom:1vh;
}

.btn-recette img {
	margin-bottom:1vh;
	width:3.55vw;
	height:auto;
}

.btn-recette h4 {
	margin-bottom:0;
}



.btn-mylafayette-cat {
	margin-top:0.4vw;
	margin-bottom:0.4vw;
	padding:0.6rem;

    color: rgba(31,31,31,1);
opacity:0.9;
outline: 0;
cursor:pointer;
}

.btn-mylafayette-cat:hover,
.btn-mylafayette-cat:focus {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: rgba(242,103,41,1);
    outline: 0;
    opacity:1;

}

.btn-mylafayette-cat-active {

opacity:1;

-moz-box-shadow: 0px 0px 12px 2px #ffffff;
-webkit-box-shadow: 0px 0px 12px 2px #ffffff;
-o-box-shadow: 0px 0px 12px 2px #ffffff;
box-shadow: 0px 0px 12px 2px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=12);

}
.btn-mylafayette-cat i {
	margin-bottom:1vh;
}

.btn-mylafayette-cat img {
	margin-bottom:1vh;
	width:5vw;
	height:auto;
}



.btn_menu_cols_width {
	float:left;
	margin:0 0.2vw 0 0.2vw;

}

.btn-site-cat {
float:left;
	margin-top:0.4vw;

	padding:0.4vw;

	border-radius:6px;

outline: 0;
cursor:pointer;
}



.select-site-cat {
float:left;
	margin-top:0.4vw;
	font-size:1.2vw;
	padding:0.2vw 0.6vw 0.2vw 0.4vw;
	border:none;
	border-radius:6px;

outline: 0;
cursor:pointer;
}


.btn-site-cat-active {

}
.btn-site-cat i {
	margin-bottom:1vh;
}

.btn-site-cat img {
	margin-bottom:1vh;
	width:5vw;
	height:auto;
}


.btn-site-cat-grey {
    color: rgba(38,38,38,1);
	background: rgba(230,230,230,1);
}

.btn-site-cat-grey:hover,
.btn-site-cat-grey:focus, .btn-site-cat-grey-active, .btn-site-cat-grey-active:hover,
.btn-site-cat-grey-active:focus {
	color: #ffffff;
	background: rgba(242,103,41,1);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    outline: 0;
    opacity:1;


}

.btn-site-cat-green {
	color: #ffffff;
	background: rgba(109,196,151,1);

}

.btn-site-cat-green:hover,
.btn-site-cat-green:focus {
	color: #ffffff;
	background: rgba(240,80,34,1);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #ffffff;
    outline: 0;
    opacity:1;

}

.btn-site-cat-green-active {
    color: #ffffff;
	background: rgba(240,80,34,1);
}


.btn-site-cat-green-active:hover,
.btn-site-cat-green-active:focus {
    color: #ffffff;
	background: rgba(240,80,34,1);
}


.btn-site-cat-orange {
	color: #3d2918;
	background: rgba(250,172,96,1);

}

.btn-site-cat-orange:hover,
.btn-site-cat-orange:focus {
	color: #ffffff;
	background: rgba(240,80,34,1);
	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #ffffff;
    outline: 0;
    opacity:1;

}

.btn-site-cat-orange-active {
    color: #ffffff;
	background: rgba(240,80,34,1);
}


.site-menu-subnav-container {
	background-color:#ffffff;
	color:#313131;
	border-radius:6px;
}

.popover-my-arrow:after {
  border-bottom-color: #191919 !important;
}


.btn-mylafayette-cat h4 {
	margin-bottom:0;
}

.nav-label-class-orange {
	background: #d55b12;
}

.nav-label-class-blue {
	background: #185C81;
}

.btn-profile {
    border: 1px solid #000;
    color: #191919;
    background-color: #dedede;
	border:1px solid #cdcdcd;
	background-image:url(../img/btn-profile-bg2.png);
	background-position:top left;
	background-repeat:no-repeat;
	 background-size: auto 100%;
}



.btn-mylafayette-cat2 {
	margin-top:0.4vw;
	margin-bottom:0.4vw;
	padding:0.6rem;

    color: rgba(31,31,31,1);
    
background-image:url(../img/btn-menu-bg2.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
opacity:0.9;
outline: 0;
cursor:pointer;
}

.btn-mylafayette-cat2:hover,
.btn-mylafayette-cat2:focus {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #ffffff;
    outline: 0;
    opacity:1;

}

.btn-mylafayette-cat-active2 {

opacity:1;

-moz-box-shadow: 0px 0px 12px 2px #ffffff;
-webkit-box-shadow: 0px 0px 12px 2px #ffffff;
-o-box-shadow: 0px 0px 12px 2px #ffffff;
box-shadow: 0px 0px 12px 2px #ffffff;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff, Direction=NaN, Strength=12);

}
.btn-mylafayette-cat2 i {
	margin-bottom:1vh;
}

.btn-mylafayette-cat2 img {
	margin-bottom:1vh;
	width:5vw;
	height:auto;
}

.btn-mylafayette-cat2 h4 {
	margin-bottom:0;
}
.btn-bg-phcie {
	background-image:url(../img/btn-menu-bg-phcie.png);
}

.btn-bg-paraphcie {
	background-image:url(../img/btn-menu-bg-paraphcie.png);
}

.btn-bg-optique {
	background-image:url(../img/btn-menu-bg-optique.png);
}

.btn-bg-mm {
	background-image:url(../img/btn-menu-bg-mm.png);
}


.btn-lafacademy-subscribe-course {
    color: #ffffff;
    background-color:#3463b7;
    border: none;
}

.btn-lafacademy-subscribe-course:hover,
.btn-lafacademy-subscribe-course:focus {
    outline: 0;
    color: #ffffff;
    background-color:#216aea;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dark-well {
	background-color:#242424;
	color:#fff;
	border:1px solid #fff;
	text-align:center;	
	padding:20px 20px 10px 20px;
}

.well-login {
	border:1px solid #f2f2f2;
	text-transform:uppercase;
	border-color:#f2f2f2;
	outline: 0;
	background-color:#f7f7f7;
	padding-right:3vw;
}




.forgot-mdp {
	padding-top:10px;
}
.forgot-mdp a {
    color: #ffffff;

}

.forgot-mdp a:hover,
.forgot-mdp a:focus {
    color: #000000;
}


@media only screen and (max-width : 767px) {
	.forgot-mdp {
	margin-bottom:20px;
	}
}


.intro {

	 display: table;
    width: 100%;
    height: 100%;
    height:100%;
	padding:0;
	

color:#313131;
}



.intro-decisionnels {

	 display: table;
    width: 100%;
    height: 100%;
    height:100%;
	padding:0;
	background-image:none;
	background:#f2f2f2;
color:#313131;
text-align:justify;
}





.intro-logged {
	
    background: #282524;
	padding-bottom: 0;
	background-image: none;
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
	background-size: 56.57px 56.57px;
	background-repeat: repeat;

}


.intro-club-lafayette {
	
   background:#282524;
	text-align:justify;
	background:rgba(255,255,255,1);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
	padding-bottom:6vh;

}



.intro .intro-body {
	height:100%;
	padding:0;
    display: table-cell;
    vertical-align: top;
	background:none;
	background-color:transparent;
}



.intro-logged .intro-body{
	padding-top:1.2vw;
	background-attachment: fixed;
}


.intro-logged .intro-site-body{
	padding-top:0;
	background-attachment: fixed;
}

.intro-off {
	
   background:#282524;
	text-align:center;

}

.site-login-container {
	margin:3.2vw auto auto auto;
	background-color:#f2f2f2;
	box-shadow: 6px 6px 17px 0px rgba(0,0,0,0.34); -webkit-box-shadow: 6px 6px 17px 0px rgba(0,0,0,0.34); -moz-box-shadow: 6px 6px 17px 0px rgba(0,0,0,0.34);
}


.intro-logged-phcie {
	background-image:url(../img/bg_laf.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}

.intro-marketplace {
	background-image:url(../img/bg_hygie31.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;

}

.intro-gml {
	background-image:url(../img/bg-marketplace.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}

.intro-myteam {
background : rgba(255,255,255,1);
padding-top:0;
}

.intro-myteam .intro-body{

padding-top:0;
}

.intro-site {
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;

}

/*
.intro-myteam .container-fluid {
	padding:0;

}
*/
.intro-logged-optique {
	background-image:url(../img/bg_laf_optique.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}	

.intro-logged-para {
	background-image:url(../img/bg_laf_para.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}

.intro-logged-mad {
	background-image:url(../img/bg_laf_mad.png);
	background-size:100vw 100vh;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: fixed;
}

.intro-white {
	background:rgba(255,255,255,1);

}

.intro-logged-pharmacorp {
	background-image:none;
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;
}

@media (max-width: 767px) {



	.intro-marketplace {
	padding-top:0vw;
	text-align:justify;
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;
}

}

@media (min-width: 768px) and  (max-width: 991px) {
	.intro-marketplace {
	padding-top:0vw;
	text-align:justify;
	background-image: linear-gradient(45deg, #fafafa 25%, #ffffff 25%, #ffffff 50%, #fafafa 50%, #fafafa 75%, #ffffff 75%, #ffffff 100%);
background-size: 56.57px 56.57px;
background-repeat: repeat;
}
}

.intro-battle {
	height:100vh;
	width:100%;
	 background-image:url(../img/battle-bg.png);
    -webkit-background-size: 100vw 100vh;
    -moz-background-size: 100vw 100vh;
    background-size: 100vw 100vh;
    -o-background-size: 100vw 100vh;
	background-size:100vw 100vh;
	text-align:justify;
	background-repeat: no-repeat;
	background-position:top center;
	background-attachment: fixed;
}



.battles_home_section {
		padding-top:8vw;

	}

.battles_mybattles_section {
		padding-top:0;
		min-height:100vh;
	}

.battles_bonus_section {
		padding-top:8vw;
		min-height:100vh;
	}

	.battles_saisons_section {
		padding-top:8vw;
		min-height:100vh;
	}

	.battles_reglement_section {
		padding-top:8vw;
		min-height:100vh;
	}

@media (max-width: 768px)
{
	.navbar-battles-top {
		margin-top:2vw;
	}

	.navbar-battles-top h2 {
		font-size:4vw;
		line-height:2.4;
	}

	.battles_home_section {
		padding-top:28vw;
	}

	.battles_mybattles_section {
		padding-top:28vw;
	}

	.battles_bonus_section {
		padding-top:28vw;
	}

	.battles_saisons_section {
		padding-top:28vw;
	}

	.battles_reglement_section {
		padding-top:28vw;
	}

	

	
	

}



.intro-battle .intro-body {
	padding-top: 0;
	text-align:justify;
	background-size:100vw 100vh;
	position: relative; 
}






.label-hot-news {
	font-size:1.6vw;
	color:#ffffff;
	background-color:#eb7e4c;
	padding:4px;
}

@media (max-width: 767px) {
	.label-hot-news {
	font-size:4.2vw;
	color:#ffffff;
	background-color:#eb7e4c;
	padding:4px;
}
}

.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 1.4vw;
	color:#191919;
	border-radius:0;
	border-color:#dedede;
	padding:22px;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 1.2vw;
	color:#191919;
	font-weight: bold;
	border-radius:0;
	border-color:#dedede;
	padding:12px;
	width:100%;
}

.label-subscribe {
	font-family: Pacifico;
	text-align:left;
	font-size:1vw;
	font-weight: normal;
	color:#ffffff;
	margin-top:2vw;
}


@media (max-width: 479px) {
.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 4vw;
	color:#191919;
	padding:3vh;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 3.6vw;
	color:#191919;
	font-weight: bold;
	padding:1.4vh;
	width:100%;
}


.label-subscribe {

	text-align:left;
	font-size:3vw;

}
}

@media (min-width: 480px) and  (max-width: 767px) {
.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 3.2vw;
	color:#191919;
	padding:3vh;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 2.9vw;
	color:#191919;
	font-weight: bold;
	padding:1.6vh;
	width:100%;
}


.label-subscribe {

	text-align:left;
	font-size:3vw;

}
}

@media (min-width: 768px) and (max-width: 991px) {
.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 3.2vw;
	color:#191919;
	padding:3.8vh;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 2.8vw;
	color:#191919;
	font-weight: bold;
	padding:1.6vh;
	width:100%;
}


.label-subscribe {

	text-align:left;
	font-size:2.8vw;

}
}


@media (min-width: 992px) and (max-width: 1199px) {

.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 2vw;
	color:#191919;
	padding:4vh;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 1.8vw;
	color:#191919;
	font-weight: bold;
	padding:2.4vh;
	width:100%;
}


.label-subscribe {
	text-align:left;
	font-size:1.6vw;
}

}

@media screen and (min-width: 1200px) {

.subscribe-input {
	background:rgba(255,255,255,0.8);
	font-size: 1.4vw;
	color:#191919;
	padding:22px;
	width:100%;
	font-weight: bold;
}

.subscribe-select {
	background:rgba(255,255,255,0.8);
	font-size: 1.4vw;
	color:#191919;
	font-weight: bold;
	padding:8px;
	width:100%;
}


.label-subscribe {
	text-align:left;
	font-size:1.6vw;
}

}

.well-news {
	color:#313131;
	background-color:#ffffff;
	padding:10px;
	border: 4px solid #fed073;
	margin-bottom:2vh;
	border-radius:4px;
}
.well-news-home {

	color:#313131;
	background:rgba(255,255,255,0.2);
	padding:6px 6px 0 6px;
	margin-bottom:2vh;
	    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
}



.title_bandeau_orange {
	background-image:url(../img/bg_orange_bandeau.png);
	background-repeat:no-repeat;
	background-position:top left;
	background-size:100% 100%;	
	padding:1.4vh 0.8vw 1vh 0.8vw;
	margin-bottom:2vh;
}
	
.formations-section {
	background-color:#191919;
	height:100vh;
	color:#f2f2f2;
}
.overlay-panneau-vert {
	background-image:url(../img/lamp.png);
	background-repeat:no-repeat;
	background-position:top center;	
}
.panneau-vert {
	background-color:#619723;
	color:#fff;
	margin:30px;
	padding:0px;
	text-align:justify;
	height:110px;
}
.panneau-vert-footer {
	background-color:#fff;
	color:#619723;
}

.panneau-laf {
	margin:25px 30px 0px 30px;
	width:100%;
	height:auto;
}
.video-accueil {
	margin:0px 30px 0px 30px;
	width:100%;
	height:auto;
}
.video-container {
	background-repeat:no-repeat;
	background-position:top center;
	background-size:contain;
}
.video-img {
	margin:0px 30px 0px 30px;
	width:100%;
	height:auto;
}

.subscribe-section {
	background:rgba(255,255,255,1);
	padding:4vw 0 0 0;
	margin:0;
	color:#313131;
	height:100vh;
}


.findme-section {
	background-image:url(../img/subscribe_bg.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment: scroll;
	padding:0;
	margin:0;
	color:#313131;
	height:100vh;
	
}



#francemap {
	background:rgba(202,230,235,0.8);
	border-radius:12px;
	border:12px solid rgba(255,255,255,0.8);
	padding:20px;
}

#francemap_recrutement {
	background:rgba(255,255,255,1);
	padding:0px;
}

.catalogue-section {
	background-image:url(../img/background-catalogue.png);
	background-size:cover;
	background-repeat:no-repeat;

	padding-top:2vh;
	min-height:100vh;
}

.change-region {
	background-color:#f2f2f2;
	border-color:#cdcdcd;

	margin-left:auto;
	margin-right:auto;
	font-size: 2vw;
	padding:15px;
}


.mesformations-section {
	background-image:url(../img/subscribe-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:80px;
	min-height:100vh;
}

.page-title {
	font-family: Pacifico;
	text-align:center;
}

.title-tool {
	font-family: Pacifico;
	color:#feba8e;
	text-align:left;
	margin-bottom:1.2vh;
}





.ordodusoir {
	text-align:left;
	border-radius:0px;
	width:100%;
	height:80px;

}

.ordodusoir p {
	font-size:0.4vw;
}

.ordodusoir h5 {
	font-size:0.5vw;
}

.post-it {
	background-color:#f2efa1;
	font-size:0.4vw;
	padding: 5px;
}

.myprofile2 {
	background:rgba(255,255,255,1);
	border:none;
	border-radius:0;
	text-align:center;
	padding-bottom:1vh;
}

.myprofile {
	padding-top:0.6vw;
	background-image:url(../img/bg-profile.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	 -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
	border:none;
	text-align:left;

}

.myprofile_mobile {
	background-image:url(../img/bg-profile.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size:cover;
	border:none;
	border-radius:0px;
	text-align:center;
	padding:0;
	color:#323232;
	margin-bottom:2vh;
}



.myprofile-identity-container {
	background:rgba(255,255,255,0.7);
	padding:10px;

}


.myprofile_mobile img{
	width:100%;
	height:auto;
	border-radius:0;
	border:1px solid #dedede;
	margin-top:0;
	background-color:#ffffff;
	padding:1vh 0.2vw 0 0.2vw;
}

.manager-icon{
	width:90%;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	border-radius:50%;
	border:1px solid #9ee8fa;
	padding:1vh 0.2vw 0 0.2vw;
	background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}


.col-myprofile-infos {
	text-align:left;
	padding-top:5px;
	padding-right:5px;
	padding-left:0;
}

.vcard-cornerr{
	width:100%;
	background-image:url(../img/vcard-bg-phcie.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% auto;
	 -webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}

.vcard-corner_old {
	width:100%;
	background-image:url(../img/vcard-corner.png);
	background-position:top left;
	background-repeat:no-repeat;
	 background-size: 30% auto;
}

.whatsnew-title {
	text-align:center;
	width:80%;
	height:auto;
}


.grade-container {
	padding-top:2vh;
	padding-bottom:2vh;
	text-align:center;
}

.grade-title {
	color:#ffffff;
	font-family:"Komikax";
	margin-bottom:2vh;
}

.myresults-grade-container {
	width:36%;
	padding-top:2vh;
	padding-bottom:2vh;
	text-align:left;
}



.picto-grade {
	width:14%;
	margin-left:0.2vw;
	margin-right:0.2vw;
	height:auto;
}


.btn-bg {
		width:20%;
	background-image:url(../img/btn-profile-bg.png);
	background-position:top left;
	background-repeat:no-repeat;
	 background-size: 100% auto;
}

.news-container {
	padding:1vh 0.4vw 1vh 0.4vw;
	text-align:left;
	background-color:#f2f2f2;
	color:#191919;
}

.tool-container {
	background-color:#282828;
	height:120px;
	border:1px solid #000000;
}

.dark-container {
	background-color:#262626;
	border:1 px solid #000000;
	padding:10px;
}

.animated-logo {
	width:20%;
	height:auto;
	margin:1%;
}

.logo-accueil {
	width:30%;
	height:auto;
	margin-bottom:4vh;
}

@media only screen and (max-width : 479px) {
	.logo-accueil {
	width:60%;
	height:auto;
	margin-bottom:4vh;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	.logo-accueil {
	width:40%;
	height:auto;
	margin-bottom:4vh;
	}
}



.btn-menu {
	text-align:left;
	font-weight:bold;
	color:#E67C37;
	background:none;
	margin:0;
	border:1px solid #d5d5d5;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.btn-menu:hover,
.btn-menu:focus  {
	color:#ffffff;
	background:rgba(230,124,55,1);
	
}

.btn-menu-active {
	color:#ffffff;
	background:rgba(230,124,55,1);
	text-align:left;
	margin-bottom:0;
	border:1px solid #E67C37;
}

.btn-menu-active:hover,
.btn-menu-active:focus  {
	color:#ffffff;
	background:rgba(230,124,55,1);
	text-align:left;
	margin-bottom:0.5vh;
	border:1px solid #E67C37;
}


.btn-menu-small
{
	font-size:100%;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:24px;

	text-align:left;
	color:#712a0c;
	background:rgba(246,246,246,1);
	border:1px solid #d5d5d5;
}

.btn-menu-small-active {
	background-color:#f15f22;
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
	border:1px solid #f15f22;
}

.btn-menu-small-active:hover,
.btn-menu-small-active:focus  {
	background-color:#f15f22;
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
}

.cbp-spmenu .btn-menu {
	font-size:5.8vw;
	text-align:left;
	color:#858585;
	background:none;
	margin:0;
	border-radius:0;
	border:none;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #dedede;

}

.cbp-spmenu .btn-menu:hover,
.cbp-spmenu .btn-menu:focus  {
	color:#ffffff;
	background:rgba(230,124,55,1);
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.cbp-spmenu .btn-menu-active {
	background:rgba(230,124,55,1);
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
	border:none;
}

.cbp-spmenu .btn-menu-active:hover,
.cbp-spmenu .btn-menu-active:focus  {
	background:rgba(230,124,55,1);
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
	border:none;
}


.cbp-spmenu .btn-menu-small
{
	font-size:4.6vw;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:24px;
}

.cbp-spmenu .btn-menu-small-active {
	background-color:#f15f22;
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
	border:none;
}

.cbp-spmenu .btn-menu-small-active:hover,
.cbp-spmenu .btn-menu-small-active:focus  {
	background-color:#f15f22;
	color:#ffffff;
	text-align:left;
	margin-bottom:0.5vh;
}

.btn-logout {
	position:absolute;
	top:0;
	right:0;
	margin:6px 2vw 6px 6px; 
}
.btn-moncompte {
	margin:6px 0px 6px -6px; 
}











.topline {
	width:100%;
	height:0.8vh;
	background-color:#f18d22;
}

#admin-toolbar {
	width:100%;
	height:3vh;
	background-color:#000000;
	color:#ffffff;
	margin-bottom:10;
	font-size:0.6vw;
}

#admin-toolbar a {
	color:#ffffff;
}

#admin-toolbar a:hover, a:focus {
	text-decoration: none;
    color: #f15f22;
}


.laf-well {
	background:rgba(255,255,255,0.92);
	border:0;
	border-radius:0;
	color:#313131;
}

.laf-well-dark {
	color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.06);
	border-radius:0;
}


.laf-well-dark a.btn-xs {
	font-size:0.6vw;
}


.laf-well-dark small {
	color:#dedede;
}

.ordodusoir-well {
		color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:rgba(255,255,255,0.12);
background:rgba(255,255,255,0.06);
	border-radius:0;
}

.col-1 {
	background-image:url(../img/col-1-bg.png);
	background-size:auto 80vh;
	background-repeat:no-repeat;
	height:80vh;
	width:72%;
	float:left;
	padding-top:2vh;
}
.col-2 {
	background-image:url(../img/col-2-bg.png);
	background-size:auto 80vh;
	background-repeat:no-repeat;
	float:left;
	height:80vh;
	width:28%;
}


.navbar-laf {
	height:16.4vh;
	border:0;
	margin-bottom:0;
	background:rgba(32,30,28,1.00);
}

.navbar-laf-bottom {
	border:0;
	background:rgba(32,30,28,1.00);
	color:#cdcdcd;
	padding-top:4px;
	min-height:4vh;
	height:4vh;
}


.navbar-home {
	background:rgba(255,255,255,0.92);

	padding:0.4vw 0.2vw 0.4vw 0.2vw;
	margin:1vw 0 0.4vw 0;
	border-radius: 6px;

-webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2); 
box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);

}

.navbar-pharmacorp {
	
	color:#2B2D1F !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2eb24f+0,8edb46+100 */
background: #2eb24f !important; /* Old browsers */
background: -moz-linear-gradient(left,  #2eb24f 0%, #8edb46 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2eb24f 0%,#8edb46 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2eb24f 0%,#8edb46 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb24f', endColorstr='#8edb46',GradientType=1 ) !important; /* IE6-9 */

}

.navbar-laf-phcie-old {

	color:#FFFFFF;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#375a14+0,76a825+100 */
background: #375a14; /* Old browsers */
background: -moz-linear-gradient(left,  #375a14 0%, #76a825 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #375a14 0%,#76a825 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #375a14 0%,#76a825 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#375a14', endColorstr='#76a825',GradientType=1 ); /* IE6-9 */

}

.navbar-laf-phcie {
	color:#ffffff !important;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a7954+0,60b285+100 */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0a7954+0,0a7954+100 */
background-color: #f26729; /* Old browsers */
}

.alertes-container {
	float:left;
	width:42%;
	height:12vh;
}
.carousel-homescreen-container {
	float:left;
	width:100%;
	overflow:hidden;
}


.carousel-ordodusoir-container {
	float:left;
	width:58%;
	overflow:hidden;
}

.carousel-ordodusoir-content {
	width: 100%;
  height: 100%;

}


.navbar-btn {
	margin-top:3.4vh;
}

.white-board {
	margin-top:3vh;
	padding:6vh 2vw 6vh 2vw;
	background-image:url(../img/white-board.png);
	background-size:contain;
	background-repeat:no-repeat;
	height:72vh;
	width:100%;
	color:#2E2E2E;
}
.white-board h3 {
	font-family: Pacifico;
}

.btn-fichespathos {
	width:100%;
	height:auto;
	margin-top:6.5vh;
	margin-bottom:20vh;
}

.computer-screen-home {
	width:90%;
	height:auto;
	margin-right:1vw;
}




.navbar-logo {
	width:60%;
	height:auto;
	margin-top:2.8vh;
}

.phcie-title-navbar1 {
	color:#f0f0f0;
	text-transform:uppercase;
	font-family:Arial Black;
	text-align:center;
	margin-top:2vh;
	font-size:1.3vw;
}

.phcie-title-navbar2 {
	color:#f0f0f0;
	text-transoform:uppercase;
	font-family:Arial Black;
	text-align:center;
	margin-top:0;
	font-size:1.3vw;
}

.img-title-navbar {
	width:10%;
	height:auto;
	margin:0;
}



.well-profile {
	margin-top:1.4vh;
}


.character-ordodusoir {
	width: 64%;
	height:auto;
    margin-bottom: 4vh;

}

.ordodusoir-context {
	background:rgba(255,255,255,0.85);
	color:#090909;
	padding:6px;
}

.ordodusoir-context h6 {
	font-size:1vw;
}



.speech-bubble-corner {
	width:100%;
	text-align:right;
	padding-right:1vw;
}

.speech-bubble-corner-img {
	width:10%;
	height:auto;
}

.wall-frame {
	margin-top:3vh;
	padding:6.5vh 2.3vw 6vh 2.3vw;
	background-image:url(../img/wall-frame.png);
	background-position:top center;
	background-size:contain;
	background-repeat:no-repeat;
	height:72vh;
	width:100%;
	word-wrap: break-word;
}

.home-alert {
	padding:3px;
	word-wrap: break-word;
}

.wall-frame-action-icon {
	font-size:0.9vw;
}





.btn-submit-subscribe {
	font-size:2vw;
	background:rgba(99,205,249,0.8);
	border-color:rgba(99,205,249,0.8);
	text-transform:uppercase;
	color:rgba(255,255,255,0.8);
	outline: 0;
	font-weight:bold;
}

.btn-submit-subscribe:hover,
.btn-submit-subscribe:focus {
    outline: 0;
	border:1px solid #63cdf9;
	color:#ffffff;
	background-color: #63cdf9;
}

.btn-submit-findme {
	background:rgba(99,205,249,0.8);
	border-color:rgba(99,205,249,0.8);
	text-transform:uppercase;
	color:rgba(255,255,255,0.8);
	outline: 0;
	font-weight:bold;
}

.btn-submit-findme:hover,
.btn-submit-findme:focus {
    outline: 0;
	border:1px solid #63cdf9;
	color:#ffffff;
	background-color: #63cdf9;
}

#btn-subscribe {
	margin-top:0;
	font-size:3vw;
	border:3px solid transparent;
	border-radius:5px;
	text-transform:uppercase;
	color:rgba(234,119,52,1);
	background:rgba(255,255,255,1);
	outline: 0;
	font-weight:bold;
}

#btn-subscribe:hover,
#btn-subscribe:focus {
    outline: 0;
	background:rgba(255,255,255,0.4);
	border:3px solid #FFFFFF;
	color:rgba(255,255,255,1);
}
@media (max-width : 767px) {
	#btn-subscribe {
	font-size:8vw;
	margin-top:2vw;
	}
}



#btn-catalogue {
	margin-top:6vh;
	font-size:2vw;
	background:rgba(87,152,53,0.3);
	border-color:rgba(87,152,53,0.3);
	text-transform:uppercase;
	color:rgba(255,255,255,0.3);
	outline: 0;
	font-weight:bold;
	margin-right:2vw;
}

#btn-catalogue:hover,
#btn-catalogue:focus {
    outline: 0;
    background-color: #579835;
	border:1px solid #579835;
	color:#ffffff;
}

@media only screen and (max-width : 479px) {
	#btn-catalogue {
	font-size:5vw;
	margin-top:0vh;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	#btn-catalogue {
	font-size:4vw;
	margin-top:0vh;
	}
}

#map {
        height: 400px;
        width: 100%;
       }
	   
.battle-tool {
	width:100%;

}

.battle-tool-table {
	width:100%;
	height:auto;
	background-image:url(../img/battle-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size: auto 100%;
}

.battle-tool-col1 {
	vertical-align:bottom;
	text-align:center;
	padding-bottom:6vh;
	padding-right:3vw;
}

.battle-tool-col1 img {
	width:46%;
	height:auto;
border-radius:50%;
	border:1px solid #dedede;
	margin-top:2vh;
	margin-bottom:1vh;
	background:rgba(255,255,255,0.4);
	padding:1vh 0.2vw 0 0.2vw;
}

.battle-tool-col2 {
	vertical-align:bottom;
	text-align:center;
	padding-bottom:6vh;
	padding-left:3vw;
}

.battle-tool-col2 img {
	width:46%;
	height:auto;
border-radius:50%;
	border:1px solid #dedede;
	margin-top:2vh;
	margin-bottom:1vh;
	background:rgba(255,255,255,0.4);
	padding:1vh 0.2vw 0 0.2vw;
}


.coach-container {
	margin-bottom:0vh;
}

.coach-bubble {
	background-color:#ffffff;
	border:6px solid #fed073;
	border-radius:12px;
	padding:10px 10px 10px 10px;
	margin-bottom:4vh;
}

.myresults-avatar {
	border:1px solid #bebebe;
	padding-top:1.8vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+0,9ee8fa+100;Blue+3D */
background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.myteam-avatar {
	border-radius:50%;
	padding-top:0.4vw;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+0,9ee8fa+100;Blue+3D */
background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.myteam-photo-avatar {
	border-radius:50%;
	padding-top:0.4vw;
	
	
}

.thumbnail-avatar {
    position:relative;

}

.myteam-avatar-rounded {
	padding-top: 5px;
	border-radius: 50%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+0,9ee8fa+100;Blue+3D */
background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.myteam-avatar-square {
	padding: 3px 1px 0 1px;
	border-radius: 6px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+0,9ee8fa+100;Blue+3D */
background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.thumbnail-avatar {
    position:relative;

}
 
.caption-avatar {
    position:absolute;
    top:30%;
   left:0;
    width:100%;
    height:100%;
		padding:0px;
    text-align:center;
    color:#fff !important;
    z-index:2;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font-size:1.6vmin;
	opacity:0;
}

.thumbnail-avatar:hover .caption-avatar {
	opacity:1;
}
.myavatar-avatarpage {
	width:80%;
	height:auto;
	background:rgba(255,255,255,0.6);
	border-radius:4px;
	padding:2vh 0 0 0;
}

.vcard {
	margin:0;
	width:100%;
	padding:5px 2px 4px 2px;
	color:#ffffff;
}
.vcard_bg_default
{
	background:rgba(255,255,255,0.83);
}

.vcard_bg_phcie {
	color:#ffffff;
	background-image:url(../img/bg_vcard_phcie.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;

}

.vcard_bg_para {
	color:#ffffff;
	background-image:url(../img/bg_vcard_para.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;

}

.vcard_bg_optique {
	color:#ffffff;
	background-image:url(../img/bg_vcard_optique.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;

}

.vcard_bg_mad {
	color:#ffffff;
	background-image:url(../img/bg_vcard_mad.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;

}

.vcard-myavatar {
	width:3.6vw;
	height:auto;
	margin-top:5px;
	margin-left:10px;
	border-radius:50%;
}

.comment-avatar {

	width:100%;
	margin-top:0;
	height:auto;
	border-radius:50%;
	border:1px solid #dcdcdc;
	padding:5px 1px 0 1px;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,cbebff+47,a1dbff+100;Blue+3D+%2313 */
background: rgb(240,249,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(240,249,255,1) 0%, rgba(203,235,255,1) 47%, rgba(161,219,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(240,249,255,1) 0%,rgba(203,235,255,1) 47%,rgba(161,219,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f9ff', endColorstr='#a1dbff',GradientType=0 ); /* IE6-9 */

}



.nav_menu_li a {
 
}

.nav_menu_li > a:hover {
background-color:#858585 !important;
}

.battle-container {
	
	padding:0;
}

.battle-intro-container {
	
	padding-top:2vh;
}
.battle-table {
	width:100%;
	margin:0;
	padding:0;
}



.player-container {
	text-align:center;
	width:95%;
	vertical-align:middle;
	margin-left: auto;
	margin-right: auto;
}

.player-avatar-container {
	text-align:center;
	width:100%;
	padding:5vh 4vw 2vh 4vw;
	vertical-align:middle;	
	background-image:url(../img/battle-player-avatar-container.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

.player-separator {
	height:4vh;
}

.player-name-container {
	text-align:center;
	color:#4c3c23;
	padding-top:0.5vw;
	width:95%;
	margin-top:20px;
	vertical-align:middle;
	background-image:url(../img/battle-player-name-container.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;
}

.player-name-container h3 {
	font-size:1.4vw;
}

.player-name-container h4 {
	font-size:1.4vw;
}


.player-name-container h5 {
	font-size:1.2vw;
}


@media (max-width: 300px) {


	.player-name-container h3{
		font-size:2.4vw;
		}

		.player-name-container h4 {
	font-size:1.8vw;
}


.player-name-container h5 {
	font-size:1.6vw;
}
}
.battle-btn-send {
	width:6vw;
	height:auto;
}
@media (min-width: 300px) and  (max-width: 991px) {
	.player-name-container h3{
		font-size:2.4vw;
		}
		.player-name-container h4 {
	font-size:1.8vw;
}
	
	.battle-btn-send {
		width:13vw;
		height:auto;
	}

.player-name-container h5 {
	font-size:1.6vw;
}
	}


.battle-player-avatar {
	width:100%;
	height:auto;
	margin-top:0;
	margin-bottom:1vh;

}

.versus-container {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	vertical-align:top;
	padding-top:6vh;
}


.battle-title-container {
	width:100%;
	text-align:center;
	vertical-align:bottom;
	padding-bottom:1vh;

}


.battle-timer {

	margin-left:auto;
	margin-right:auto;
	font-size:4.6vw;
	color: #ffffff;
}

@media (min-width: 300px) and  (max-width: 767px) {
	.battle-timer {
	border-radius:50%;
	background-color:#e5e6e7;
	border:4px solid #fcc35e;
	width:6.4vw;
	height:6.4vw;
	margin-left:auto;
	margin-right:auto;
	font-size:3.2vw;
}
	
	}

.player-avatar {
	width:100%;
	height:auto;
	border-radius:50%;
	border:7px solid #ffd155;
	margin-top:1vw;
	margin-bottom:1vh;
	background-color:#ffffff;
	padding:1vh 0.2vw 0 0.2vw;
}
.player-avatar-2 {
	width:100%;
	height:auto;
	background: rgba(255,255,255,0.6);
	padding:0.4vw 0.3vw 0 0.3vw;
}

.battle_title {
	font-size: 3.2vw;
}

.battle-header-table {
	width:100%;
}
@media (min-width: 300px) and  (max-width: 767px) {
	.player-avatar-2 {
	border:5px solid #fcc35e;
	margin-top:1vw;
}
.battle-header-table {
	width:100%;
}
	
	}

.battle-question-content-big {
	font-size: 4vw;
}

.battle-question-content {
	font-size: 2.8vw;
}

.battle-question-content-small {
	font-size: 2vw;
}

.vs-img {
	width:30%;
	height:auto;
	margin-top:1vh;
	margin-bottom:1vh;
}

@media (min-width: 300px) and  (max-width: 767px) {
	.vs-img {
	width:100%;
}
	
	}
@media (min-width: 767px) and  (max-width: 991px) {
.vs-img {
	width:100%;
}
	}

.battle-title {
	width:40%;
	height:auto;
	margin-top:0;
	margin-bottom:0;
}

.btn-jouer {
	width:45%;
	height:auto;
	margin-top:2vh;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2vw;


}
@media (min-width: 300px) and  (max-width: 767px) {
	.btn-jouer {
	width:100%;
}
	
	}
@media (min-width: 767px) and  (max-width: 991px) {
.btn-jouer {
	width:100%;
}
	}
.battle-tool-container {
	 position:relative;
	 max-width:100%;
}

.battle-tool-content {
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:1;
	 padding:4vh 3vw 4vh 3vw;
	 max-width:100%;
}

.battle-tool-avatar-champion {
	width:32%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
}

.battle-tool-avatar-blank {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#my_battles_container {
	
}

.battle-podium-user-avatar {
	width:100%;
	height:auto;
	border-radius:3px;
	background:rgba(255,255,255,0.8);
	padding:3px 0 0 0;
}



@media (min-width: 300px) and  (max-width: 767px) {

		.well-champion-infos > h3 {
		font-size:4vw;
	 
	}

	.well-champion-infos {
		width:100%;
		background:rgba(255,255,255,0.8);
		color:#313131;
		margin-top:-16vw;
	 
	}

}

@media (min-width: 768px) and  (max-width: 1199px) {

	.well-champion-infos {
		width:100%;
		background:rgba(255,255,255,0.8);
		color:#313131;
		margin-top:-8vw;
	 
	}
}

@media (min-width: 1200px) {

	.well-champion-infos {
		width:100%;
		background:rgba(255,255,255,0.8);
		color:#313131;
		margin-top:-4vw;
	 
	}
}

.theme-container {
	width:100%;
	min-height:30vh;
	text-align:center;
	color:#634613;
	padding-top:15vh;
	font-family:"Komikax";
	background-image:url(../img/battle-theme-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	background-size: 100% 100%;
	margin-bottom:0;

}

.battle-header-container {
	width:88%;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	color:#313131;
	position:relative;
	background-image:url(../img/battle-header-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
	 -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;

}

@media (min-width: 300px) and  (max-width: 767px) {
	.battle-header-container {

    -webkit-background-size: 100% auto;
    -moz-background-size: 100% auto;
    background-size: 100% auto;
    -o-background-size: 100% auto;
}
	
	}

.battle-question-container {
	width:100%;
	margin-top:15px;
	text-align:center;
	background: rgba(255,255,255,0.8);
	padding:25px;
	color:#313131;
}

.battle-info-container {
	width:100%;
	
	text-align:center;
	background-image:url(../img/battle-info-bg.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:4vh 3vw 2.2vh 3vw;
	color:#402e09;
}





.theme-content {
	font-size:2vw;
	text-align:center;


}

@media (min-width: 300px) and  (max-width: 767px) {

}
	
	
@media (min-width: 767px) and  (max-width: 991px) {

	}

@media (max-width: 300px) {

	.theme-container {

		top:-28px;
		left:0;
		min-height:20vh;
		padding-top:10vh;
	}

	.theme-content {
	font-size:3vw;
	 top:2vw;
		}
}

@media (min-width: 300px) and  (max-width: 767px) {
	.theme-container {

		top:-28px;
		left:0;
		min-height:20vh;
		padding-top:10vh;
	}
	.theme-content {
	font-size:3vw;
	 top:2vw;
		}
	}
@media (min-width: 767px) and  (max-width: 991px) {
	.theme-container {

		top:-28px;
		left:0;
		min-height:20vh;
		padding-top:10vh;
	}
	.theme-content {
	font-size:2.4vw;
	 top:2vw;
		}
	}
.question-content {
	font-size:3vw;
	width:50%;
	text-align:center;
	 position:absolute;
	 bottom:0px;
	 left:25%;
	 top:8vh;
	 padding-top:10vh;
	 z-index:4;
}

.battle-header-content {
	width:64%;
	text-align:center;
	 position:absolute;
	 left:18%;
	 top:1vh;
	 z-index:1;
}
.label-img { /* HIDE RADIO */
 width:100%;/* Remove input from document flow */
 outline:0 !important;
 border: none;
}

.label-img > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
  outline:0 !important;
  border: none;
}
.label-img > input + img{ /* IMAGE STYLES */
  padding:5px;
  cursor:pointer;
  opacity:1;
  border: none;
  border-radius:3px;
  outline:0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}
.label-img > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  padding:5px;
  opacity:1;
  border: none;
  border-radius:0;
  outline:0 !important;
 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
}


.label-img > input + img:focus{ /* IMAGE STYLES */
  outline:0 !important;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
  border: none;
}

.label-img > input:checked + img:focus{ /* (RADIO CHECKED) IMAGE STYLES */
  outline:0 !important;
 box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
 border: none;
}

.label-img > a{ /* HIDE RADIO */
  color:#ffffff; /* Makes input not-clickable */
  outline:0 !important;
  border: none;
}

.label-img > a:hover{ /* HIDE RADIO */
  color:#b0daf7;
  outline:0 !important;
  border: none;
}

.label-img img{ /* HIDE RADIO */
  outline:0 !important;
  border: none;
}


.btn-rep {
cursor: pointer;
	text-align:center;
	width:100%;
	vertical-align:middle;
	background-image:url(../img/btn-rep.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding-top:0.2vw;
	padding-bottom:1vw;
	color:#FFFFFF;
	font-size:3vw;
}
.btn-rep h2 {
cursor: pointer;
}

.btn-rep h3 {
cursor: pointer;
}

.btn-rep h4 {
cursor: pointer;
}

.btn-rep h5 {
cursor: pointer;
}

.btn-rep h6 {
cursor: pointer;
}

.btn-rep2 {

	text-align:center;
	width:100%;
	vertical-align:middle;
	background-image:url(../img/btn-rep2.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding-top:0.2vw;
	padding-bottom:1vw;
	color:#FFFFFF;
	font-size:3vw;
}

.btn-rep3 {

	text-align:center;
	width:100%;
	vertical-align:middle;
	background-image:url(../img/btn-rep3.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding-top:0.2vw;
	padding-bottom:1vw;
	color:#FFFFFF;
	font-size:3vw;
}

.btn-rep4 {

	text-align:center;
	width:100%;
	vertical-align:middle;
	background-image:url(../img/btn-rep4.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding-top:0.2vw;
	padding-bottom:1vw;
	color:#FFFFFF;
	font-size:3vw;
}

.btn-rep5 {

	text-align:center;
	width:100%;
	vertical-align:middle;
	background-image:url(../img/btn-rep5.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding-top:0.2vw;
	padding-bottom:1vw;
	color:#FFFFFF;
	font-size:3vw;
}

.btn-rep-container {
	width:100%;
	text-align:center;
	color:#634613;
	font-family:"Komikax";
	vertical-align:middle;
}

.btn-rep-content {
	font-size:2.2vw;
	width:100%;
	text-align:center;
	 position:absolute;
	 top:5vh;
	 z-index:1;
	 color:#ffffff;
}

.cash-input-bg {
	background-image:url(../img/input-rep.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:14px 0 20px 0;
	width:100%;
}

.cash-input-bg2 {
	background-image:url(../img/input-rep2.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:14px 0 20px 0;
	width:100%;
}

.cash-input-bg3 {
	background-image:url(../img/input-rep3.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:14px 0 20px 0;
	width:100%;
}

.cash-input-bg4 {
	background-image:url(../img/input-rep4.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:14px 0 20px 0;
	width:100%;
}

.cash-input-bg5 {
	background-image:url(../img/input-rep5.png);
	background-repeat:no-repeat;
	background-position:top center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -o-background-size: 100% 100%;
	padding:14px 0 20px 0;
	width:100%;
}

.cash-input {
	width:100%;
	font-size:2vw;
	border:0;
	background-color:transparent;
	padding:5px 3vw 5px 3vw;
	outline:none;
}

@media (min-width: 300px) and  (max-width: 991px) {
	.cash-input {

	font-size:4vw;

	}
}

.battle-score-container {
	background:rgba(255,255,255,0.8);
	margin-left:2vw;
	margin-right:2vw;
	margin-top: 15px;
	padding:0 10px 10px 10px;
}

.battle-score-container h1 {
	font-size:3.8vw;
	margin-bottom:0.2vh;
	color:#193621;
	text-align:center;
}

.battle-score-container h4 {
	font-size:1.4vw;
	color:#193621;
	text-align:center;
	margin-bottom:2.2vh;
}

.battle-advscore-container {
	background-image:url(../img/battle-player-avatar-container.png);
	background-position:top center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:2vw;
	margin-right:2vw;
	padding:0 10px 10px 10px;
}

.battle-advscore-container h1 {
	font-size:5vw;
	color:#193621;
	text-align:center;
}

.battle-advscore-container h4 {
	font-size:1.4vw;
	color:#193621;
	text-align:center;
	margin-bottom:2.2vh;
}

#advscore_input {
	font-size:3.6vw;;
	width:6vw;
	color:#193621;
	text-align:center;
	background-color:transparent;
	border:none;
	outline:none;
	margin-top:15px;
}

#myscore_input {
	font-size:3.6vw;;
	width:6vw;
	color:#193621;
	text-align:center;
	background-color:transparent;
	border:none;
	outline:none;
	margin-top:15px;

}

.likes_input {
	width:1vw;
	text-align:center;
	background-color:transparent;
	border:none;
	outline:none;
}

#my_final_score_container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:0vh;
}

#my_final_score_container h1 {
	font-family:"Komikax";
	font-size:2.4vw;
	color:#ffb625;
}

#my_final_score_container h3 {
	font-family:"Komikax";
	color:#4f4025;
}

#my_final_score {
	font-size:8vw;;
	width:9vw;
	color: #ffffff;
	text-align:center;
	background-color:transparent;
	border:none;
	outline:none;
	
}

#result_container {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:2vh 2vw 2vh 2vw;
	text-align:center;
	margin-top:2vh;
}

#battle_result h1{
	font-family:"Komikax";
	font-size:3vw;
	text-shadow: 4px 0 0 #543a0d, -4px 0 0 #543a0d, 0 4px 0 #543a0d, 0 -4px 0 #543a0d, 4px 4px #543a0d, -4px -4px 0 #543a0d, 4px -4px 0 #543a0d, -4px 4px 0 #543a0d;
	color:#ffb625;
}
#battle_result h3{
	font-family:"Komikax";
	font-size:1.4vw;
	color:#ffb625;
}

.carousel-small-title {
	text-align:center;
	background:rgba(255,255,255,0.4);
	color:#492111;
}

.filetypeicon {
	width:20%;
	height:auto;
}

.custom-jqte {
   height: 800px;
   min-height: 800px;
} 
input[type="checkbox"], input[type="radio"]{
  position: absolute;
  right: 9000px;
}

/*Check box*/
input[type="checkbox"] + .label-text:before{
  content: "\f0c8";
  font-family: "Font Awesome\ 5 Free";
  speak: none;
  font-style: normal;
  font-weight: 200;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text:before{
  content: "\f14a";
  color: #2980b9;
  font-weight: 900;
  animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text{
  color: #aaa;
}

input[type="checkbox"]:disabled + .label-text:before{
  content: "\f0c8";
  color: #ccc;
}
input[type="checkbox"]:checked:disabled + .label-text:before{
  content: "\f14a";
  color: #ccc;
  font-weight: 900;
}



/*CHECKBOX WHITE */

/*Check box*/
input[type="checkbox"] + .label-text-white:before{
  content: "\f0c8";
  font-family: "Font Awesome\ 5 Free";
  speak: none;
  font-style: normal;
  font-weight: 200;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text-white:before{
  content: "\f14a";
  color: #ffffff;
  font-weight: 900;
  animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text-white{
  color: #aaa;
}

input[type="checkbox"]:disabled + .label-text-white:before{
  content: "\f0c8";
  color: #ccc;
}
input[type="checkbox"]:checked:disabled + .label-text-white:before{
  content: "\f14a";
  color: #ccc;
  font-weight: 900;
}


/*CHECKBOX GREY */

/*Check box*/
input[type="checkbox"] + .label-text-grey:before{
  content: "\f0c8";
  font-family: "Font Awesome\ 5 Free";
  speak: none;
  font-style: normal;
  font-weight: 200;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="checkbox"]:checked + .label-text-grey:before{
  content: "\f14a";
  color: #313131;
  font-weight: 900;
  animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled + .label-text-grey{
  color: #aaa;
}

input[type="checkbox"]:disabled + .label-text-grey:before{
  content: "\f0c8";
  color: #ccc;
}
input[type="checkbox"]:checked:disabled + .label-text-grey:before{
  content: "\f14a";
  color: #ccc;
  font-weight: 900;
}

/*Radio box*/

input[type="radio"] + .label-text:before{
  content: "\f111";
  font-family: "Font Awesome 5 Free";
  speak: none;
  font-style: normal;
  font-weight: 900;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
  content: "\f192";
  color: #3A4CAA;
  animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
  color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
  content: "\f111";
  color: #ccc;
}

/*Radio Toggle*/

.toggle input[type="radio"] + .label-text:before{
  content: "\f204";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing:antialiased;
  width: 1em;
  display: inline-block;
  margin-right: 10px;
}

.toggle input[type="radio"]:checked + .label-text:before{
  content: "\f205";
  color: #16a085;
  animation: effect 250ms ease-in;
}

.toggle input[type="radio"]:disabled + .label-text{
  color: #aaa;
}

.toggle input[type="radio"]:disabled + .label-text:before{
  content: "\f204";
  color: #ccc;
}


@keyframes effect{
  0%{transform: scale(0);}
  25%{transform: scale(1.3);}
  75%{transform: scale(1.4);}
  100%{transform: scale(1);}
}


.f-list-title {
	text-align: left;
	background-color:#f15f22;
	color:#ffffff;
	padding:1vh 1vw 1.2vh 1vw;
	margin-top:2vh;
	margin-bottom:1vh;
}

.table-f-metier {
	margin-bottom:4vh;
}

.table-f-metier td {
	padding:1vh 0 0.5vh 0;
	vertical-align: top;
}

.table-f-metier td h3 {
	font-weight: bold;
}

.panel-date {
	text-align:center;
	border-radius: 2px;
	border:none;
}

.panel-date .panel-heading {
	color:#ffffff;
	font-family:"Komikax";
	padding:7px 8px 4px 8px;
	text-transform:uppercase;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd7a7a+0,e03535+100 */
background: #dd7a7a; /* Old browsers */
background: -moz-linear-gradient(top, #dd7a7a 0%, #e03535 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dd7a7a 0%,#e03535 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dd7a7a 0%,#e03535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7a7a', endColorstr='#e03535',GradientType=0 ); /* IE6-9 */
text-align:center;
}


.panel-date .panel-heading h1 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-heading h2 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-heading h3 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-heading h4 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-heading h5 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-heading h6 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}


.panel-date .panel-body {
	font-weight:bold;
	padding:0;
	color:#313131;
	font-size:8vw;
	background-color:#ffffff;
}

.panel-date .panel-body h1 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}


.panel-date .panel-body h2 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-body h3 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-body h4 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-body h5 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel-date .panel-body h6 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}


.panel.with-nav-tabs .panel-date {
	text-align:center;
	border-radius: 2px;
	border-color:#d2d2d2;
}

.panel.with-nav-tabs .panel-date .panel-heading {
	color:#ffffff;
	font-family:"Komikax";
	padding:7px 8px 4px 8px;
	text-transform:uppercase;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd7a7a+0,e03535+100 */
background: #dd7a7a; /* Old browsers */
background: -moz-linear-gradient(top, #dd7a7a 0%, #e03535 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dd7a7a 0%,#e03535 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dd7a7a 0%,#e03535 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd7a7a', endColorstr='#e03535',GradientType=0 ); /* IE6-9 */
text-align:center;
}

.panel.with-nav-tabs .panel-date .panel-heading h3 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel.with-nav-tabs .panel-date .panel-heading h4 {
	color:#ffffff;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}


.panel.with-nav-tabs .panel-date .panel-body {
	font-weight:bold;
	padding:0;
	color:#313131;
	font-size:8vw;
	background-color:#ffffff;
}

.panel.with-nav-tabs .panel-date .panel-body h2 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel.with-nav-tabs .panel-date .panel-body h3 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel.with-nav-tabs .panel-date .panel-body h4 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel.with-nav-tabs .panel-date .panel-body h5 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.panel.with-nav-tabs .panel-date .panel-body h6 {
	color:#646464;
	font-family: 'Arial Black', sans-serif;
	text-transform:uppercase;
}

.live-item-table {
	margin-bottom:1vh;
	background-color: #ffffff;
	border:1px solid #d2d2d2;
	border-radius:4px;
}

.blablalaf-icon {
	width:100%;
	height:auto;
	margin-left:1vw;
}


.news-content-container-hot{
-webkit-box-shadow: inset 0px 0px 19px -4px rgba(255,96,66,0.45); 
box-shadow: inset 0px 0px 19px -4px rgba(255,96,66,0.45);

}

.news-vign{
	margin-bottom:5px;
	margin-right:10px;
	width:20%;
	float:left;
	}

.news-vign-new {
	margin-bottom:2px;
	margin-right:10px;
	width:5.2vw;
	float:left;
}

@media (max-width: 767px) {

	
	.news-content-container{
		cursor:pointer;
		margin:6vw 0 6vw 0;
		background-color:#ffffff;
		border-bottom:1px solid #e2e2e2;
		padding-bottom:3vw;

	}
}


@media (min-width: 768px) {

	
	.news-content-container{
		cursor:pointer;
		margin:10px 0 10px 0;
		background-color:#fcfcfc;
		border:1px solid #e2e2e2;
		border-radius:4px;
		padding:10px;
	}
}

.news-content-container-hot{
	background:rgba(239,103,55,0.7);
	padding:10px;
	margin-bottom:0;
	border-top:1px solid #cfcfcf;
	border-bottom:none;
	border-right:none;
	border-left:none;
	color:#ffffff;
}

.news-vign{
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	float:none;

	}

	.news-vign-new{
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
	width:80%;
	float:none;

	}




.course-modal-title {
	background-color:#ffffff;
	color:#121e24;
	border-radius:4px;
	margin-bottom:2.2vh;
	padding:0.3vh 0.5vw 0.2vh 0.5vw;
}

.myresults-container {
background-color: #f2f2f2;
	background-image:url(../img/logos/demi_laf_grey_1.png);
	background-position:top right;
	background-repeat:no-repeat;
	 background-size: auto 100%; IE6-9 */
}


.carousel-myplanning {
	background:none;
}

.recette-container {
	background-color:#fff;

}
.recette-header {
	
	background-image:url(../img/recette-item-header-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 padding:2.4vh 0 1.6vh 0;

}




.recette-title {
	font-size: 1.8vw;
	background-color: #fff;
	border:0.2rem solid #fec162; border-radius:0.25rem;
	padding:0.2vh 1vw 0.6vh 1vw;
	margin-bottom:2vh;
}

.modal .recette-header {
	background-image:url(../img/recette-item-header-bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 padding:2vh 0 2vh 0;
}

.modal .recette-title {
	font-size: 1.6vw;
	background-color: #fff;
	border:0.2rem solid #fec162; border-radius:0.25rem;
	padding:0.2vh 1vw 0.6vh 1vw;
}

.well-mesrecettes {
	padding:0;
	border-radius:0;
	border:0;
}

.mes-recettes-content {
	padding:0 0 0vh 0;
}

.recette-body {
	text-align: left;
}

.recette-part-table {
	background-color:#201f28;
	margin:0;
}

.recette-part-title {
	background-color:#201f28;
	text-align: left;
	font-family:"Komikax";
	margin-bottom:0;
	color:#ffffff;
	padding:0.8vh 1vw 1vh 1vw;
}

.modal .recette-part-title {
	background-color:#201f28;
	text-align: left;
	font-family:"Komikax";
	margin-bottom:0;
	color:#ffffff;
	padding:0.8vh 1vw 1vh 1vw;
}

.text-recette {
	color:#ede674;
}

.jqte .recette-part-table {
	background-color:#201f28;
	margin:0;
}

.jqte .recette-part-title {
	text-align: left;
	font-family:"Komikax";
	margin-bottom:0;
	color:#ffffff;
	padding:0.8vh 1vw 1vh 1vw;
	background-color:#201f28;
}

.jqte .text-recette {
	color:#ede674;
	font-family:"Komikax";
}

.recette-body .jqte {
	margin: 0;
	border-radius:0;
	border-color:#cdcdcd;
	transition:none;
	-webkit-box-shadow:none;
	-webkit-transition:none;
}


.jqte .marecette-cat-title {
	background-color:#f15f22;
	color:#ffffff;
	text-align:center;
	padding:0.4vh 0.2vw 0.6vh 0.2vw;
	font-family: "Komikax";
	font-size:1.5vw;
	margin-bottom:0;
}

.jqte .marecette-cat-content {
	border:#cdcdcd;
	background-color:#f2f2f2;
	padding:0.6vh 0.4vw 0.6vh 0.4vw;
}

.modal .marecette-cat-title {
	background-color:#f15f22;
	color:#ffffff;
	text-align:center;
	padding:0.4vh 0.2vw 0.6vh 0.2vw;
	font-family: "Komikax";
	font-size:1.5vw;
	margin-bottom:0;
}

.modal .marecette-cat-content {
	border:#cdcdcd;
	background-color:#f2f2f2;
	padding:0.6vh 0.4vw 0.6vh 0.4vw;
}

.modal .recette-auteur-table {
	width:100%;
	background-color:#f2f2f2;
}

.modal .recette-auteur-table td {
	vertical-align: middle;
}

.recettes-top-container {
	 position:relative;
}

.recettes-top-content {
	 position:absolute;
	 text-align: center;
	 width:48%;
	 top:0;
	 right:0;
	 z-index:1;
}

.vosrecettes-logo-top {
	width:55%;
	height: auto;
	margin:3vh 1vw 1vh 1vw;
}
.recettes-top-carousel-img {
	width:88%;
	height: auto;
}

.recette-cat-toptitle-container {
	margin-top:3vh;
	font-size: 1.5vw;
	background-color: #fff;
	border:0.2rem solid #fec162; border-radius:0.25rem;
	padding:0.2vh 1vw 0.8vh 1vw;
	width:90%;
	color:#313131;
	margin-left:auto;
	margin-right:auto;
}

.table-recettes-container {
	background-color:#ffffff;
	padding-top:2vh;
}

.mesrecettes_titre_cat {
	background-color:#f15f22;
	color:#ffffff;
}

.marecette-item-content {
	padding-left:0.4vw;
	padding-right:0.4vw;
	margin-bottom:2vh;

}

[data-role="dynamic-fields"] > .form-inline + .form-inline {
    margin: 0.5em;
}

[data-role="dynamic-fields"] > .form-inline [data-role="add"] {
    display: none;
}

[data-role="dynamic-fields"] > .form-inline:last-child [data-role="add"] {
    display: inline-block;
}


.fp-scorms-container{
	padding:0.4vw 25px 0.4vw 25px;
	background:rgba(255,255,255,0.6);
	margin-bottom:0;
}


@media (max-width: 767px) {
	.fp-container {
	background-color: #ffffff;
	margin-top:0vh;
	padding:0;
}
}


.dpc-container {
	background-color: rgba(255,255,255,0.8);
	margin-top:4vh;
	padding:1vh 1vw 1vh 1vw;
}

.dpc-banner {
width:100%;
height:auto;
margin:2vh auto 4vh auto;

}

.btn-dpc {
	background-color: #719659;
	border:none;
	color:#ffffff;
}

.btn-dpc:hover,
.btn-dpc:focus {
    outline: 0;
    border:none;
    background-color: #7AAA5B;
    color:#ffffff;
}


.ico-container {
	background-color: #f9faea;
	margin-top:4vh;
	padding:1vh 1vw 1vh 1vw;
}

.ico-item-container {
	background-color: #eef0c8;
	margin:10px;
	padding:10px;
}

.ico-banner {
width:100%;
height:auto;
margin:2vh auto 4vh auto;

}

.btn-ico {
	background-color: #c0ca04;

	border:none;
	color:#ffffff;
}

.btn-ico:hover,
.btn-ico:focus {
    outline: 0;
    border:none;
    background-color: #a3ac05;
    color:#4c4f16;
}

.btn-fp {
	margin-top:2vh;
	background:rgba(255,255,255,0.8);
	border-color:#bdbdbd;
	color:#313131;
	margin-bottom:3vh;
}

.btn-fp:hover,
.btn-fp:focus {
    outline: 0;
    border-color:#5ccbf9;
    background-color: #5ccbf9;
    color:#1352a7;
}

.content {
	background-color:#ffffff;
}
.content2 {
	background-color:#ffffff;
}

.pdf_container {
	background-color:#ffffff;
}

.pdf_container_header{
	background:rgba(28,51,48,1);
	padding:1vh 1vw 1vh 1vw;
}

.pdf_container_body {
	padding:2vh 1vw 2vh 1vw;
}

.pdf_container_identite {
	background-color: #f2f2f2;
	background-image:url(../img/logos/demi_laf_grey_1.png);
	background-position:top right;
	background-repeat:no-repeat;
	 background-size: auto 100%;
}

.pdf_container_identite img{
	width:100%;
	height:auto;
}

.pdf_container_avatar {	
border:none;
	padding-top:0.7vh;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6f9ff+0,9ee8fa+100;Blue+3D */
background: #d6f9ff; /* Old browsers */
background: -moz-linear-gradient(top, #d6f9ff 0%, #9ee8fa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #d6f9ff 0%,#9ee8fa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #d6f9ff 0%,#9ee8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6f9ff', endColorstr='#9ee8fa',GradientType=0 ); /* IE6-9 */
}

.btn-dropdown-link {

 background: none;
    border: none;
    padding: 0px;
    color: #3097D1;
    font: inherit;
}

.btn-dropdown-link:hover {
text-decoration: none;


}

#carousel-planning .carousel-control {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background-color: transparent;
  filter: alpha(opacity=100);
  opacity: 100;
}

#carousel-planning .carousel-control.left {
  background-image: none;
}
#carousel-planning .carousel-control.right {
  right: 0;
  left: auto;
  background-image: none;
}

.carousel-table-header .carousel-control {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
  background-color: transparent;
  filter: alpha(opacity=100);
  opacity: 100;
  top:-0.25vw;
}

.carousel-table-header .carousel-control.left {
	background-image: none;
	left:-0.5vw;
}

.carousel-table-header .carousel-control.right {
	background-image: none;
	right:-0.5vw;
}

.comic-border {
	border:6px solid #ffd154;
-webkit-box-shadow: -4px 6px 1px 0px rgba(71, 51, 9, 0.69);
-moz-box-shadow:    -4px 6px 1px 0px rgba(71, 51, 9, 0.69);
box-shadow:         -4px 6px 1px 0px rgba(71, 51, 9, 0.69);
}

.challenge-table-header {

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}


#carousel-mycourses {
	padding-bottom:1.4vw;
}


#carousel-mycourses ol.carousel-indicators {
bottom:0;
}

#carousel-mycourses ol.carousel-indicators li,
ol.carousel-indicators li.active {
	background: transparent;
	width:1.4vw;
	height:1.4vw;
	border-radius:1.4vw;
	border:2px solid #7abcff;
	color:#7abcff;
	margin:5px;

}

#carousel-mycourses ol.carousel-indicators li.active{
	color:#ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7abcff+0,60abf8+44,4096ee+100;Blue+3D+%2314 */
background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
}


.header-myteam
{
	padding:2vh 1vw 1.2vh 1vw;
	font-family: Komikax;
	border:0;
	border-width: 0px;
	border-color: transparent;
	color:#f7efe4;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494440+0,22201f+100 */
background: #494440; /* Old browsers */
background: -moz-linear-gradient(top, #494440 0%, #22201f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #494440 0%,#22201f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #494440 0%,#22201f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494440', endColorstr='#22201f',GradientType=0 ); /* IE6-9 */
}

.pdf_container{
	
	min-width:1000px;

}

.humans { display: none; }

.entry:not(:first-of-type)
{
    margin-top: 10px;
}

.treffaire
{
	background-image:url(../img/treffaire-bg.png);
	background-size:100% auto;
	padding:20px;
	min-height:40vh;
}
.treffaire-item-container
{
	background-color:#dfe3e6;
	border-radius:4px;

}

.treffaire-item-title
{
	color: #17394d;
    font-family: Helvetica Neue,Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: 700;
}

.mybattles-header
{
	background-color:#332f2d;
	color:#f6be3f;	
}

.mybattles-table-header
{

color:#313131;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#feffe8+0,d6dbbf+100;Wax+3D+%231 */
background: #feffe8; /* Old browsers */
background: -moz-linear-gradient(top, #feffe8 0%, #d6dbbf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #feffe8 0%,#d6dbbf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #feffe8 0%,#d6dbbf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffe8', endColorstr='#d6dbbf',GradientType=0 ); /* IE6-9 */

}

.news-header-container {
	position:relative;
}

.news-header-content {
	position:absolute;
	 bottom:0px;
	 z-index:1;
	 width:100%;
}



.navbar-mp-bottom {
	border:0;
	background:rgba(255,255,255,1.00);
	color:#313131;
	-webkit-box-shadow: 0px 2px 19px 6px rgba(0,0,0,0.35); 
box-shadow: 0px 2px 19px 6px rgba(0,0,0,0.35);

}

/* Texte défilant */

.defileParent {
	right:0px;
	color:#313131;
	font-size:1vw;
	display: block;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 100%;
}
.defile {
	display:block;
	-webkit-animation:linear marqueelike 30s infinite ;
	-moz-animation:linear marqueelike 30s infinite ;
	-o-animation:linear marqueelike 30s infinite ;
	-ms-animation:linear marqueelike 30s infinite ;
	animation:linear marqueelike 30s infinite ;
	margin-left:0;
	padding:0;
	text-align:left;

}

.defile:hover {
-webkit-animation-play-state: paused;
    -moz-animation-play-state: paused;
    -o-animation-play-state: paused;
    animation-play-state: paused;

}



.defile:after {
	content:attr(data-text);
	position:absolute;
	white-space:nowrap;
	padding-left:10px;
}

@-webkit-keyframes marqueelike {
	0%, 100% {margin-left:+20%; display: none;}
	99.99% {margin-left:-100%; display: none;}
 }
@-moz-keyframes marqueelike {
	0%, 100% {margin-left:+20%; display: none;}
	99.99% {margin-left:-100%; display: none;}
 }
@-o-keyframes marqueelike {
	0%, 100% {margin-left:+20%; display: none;}
	99.99% {margin-left:-100%; display: none;}
 }
@-ms-keyframes marqueelike {
	0%, 100% {margin-left:+20%; display: none;}
	99.99% {margin-left:-100%; display: none;}
 }
@keyframes marqueelike {
	0%, 100% {margin-left:+20%; display: none;}
	99.99% {margin-left:-100%; display: none;}
 }


.gml-tv-container {
	 position:relative;
}

.gml-tv-content {
	 position:absolute;
	 top:38%;
	 z-index:1;
	 padding:0vh 3vw 4vh 3vw;
}

.gml_container {
	background:rgba(255,255,255,0.2);
}




.play_gml_from_list_btn {
	border-radius:8px;
	margin-top:14px;
	padding:8px;
	color:#ffffff;
	font-size:1vw;
	font-weight:900;
	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5562a+0,ee7b16+100 */
background: #e5562a; /* Old browsers */
background: -moz-linear-gradient(left,  #e5562a 0%, #ee7b16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e5562a 0%,#ee7b16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e5562a 0%,#ee7b16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5562a', endColorstr='#ee7b16',GradientType=1 ); /* IE6-9 */

}

.play_gml_from_list_btn:hover,
.play_gml_from_list_btn:focus,
.play_gml_from_list_btn:active {
	
  color:#ffffff;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#567215+0,b2ca22+100 */
background: #567215; /* Old browsers */
background: -moz-linear-gradient(left,  #567215 0%, #b2ca22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #567215 0%,#b2ca22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #567215 0%,#b2ca22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#567215', endColorstr='#b2ca22',GradientType=1 ); /* IE6-9 */

}

.play_gml_from_list_btn_xs {
	border-radius:8px;
	margin-top:8px;
	padding:8px;
	color:#ffffff;
	font-size:3.2vw;
	font-weight:900;
	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5562a+0,ee7b16+100 */
background: #e5562a; /* Old browsers */
background: -moz-linear-gradient(left,  #e5562a 0%, #ee7b16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e5562a 0%,#ee7b16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e5562a 0%,#ee7b16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5562a', endColorstr='#ee7b16',GradientType=1 ); /* IE6-9 */

}

.play_gml_from_list_btn_xs:hover,
.play_gml_from_list_btn_xs:focus,
.play_gml_from_list_btn_xs:active {
	
  color:#ffffff;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#567215+0,b2ca22+100 */
background: #567215; /* Old browsers */
background: -moz-linear-gradient(left,  #567215 0%, #b2ca22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #567215 0%,#b2ca22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #567215 0%,#b2ca22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#567215', endColorstr='#b2ca22',GradientType=1 ); /* IE6-9 */

}

.play_gml_from_list_btn_sm {
	margin-top:8px;
	border-radius:8px;
	padding:8px;
	color:#ffffff;
	font-size:1.4vw;
	font-weight:900;
	
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e5562a+0,ee7b16+100 */
background: #e5562a; /* Old browsers */
background: -moz-linear-gradient(left,  #e5562a 0%, #ee7b16 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #e5562a 0%,#ee7b16 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #e5562a 0%,#ee7b16 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5562a', endColorstr='#ee7b16',GradientType=1 ); /* IE6-9 */

}

.play_gml_from_list_btn_sm:hover,
.play_gml_from_list_btn_sm:focus,
.play_gml_from_list_btn_sm:active {
	
  color:#ffffff;  
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#567215+0,b2ca22+100 */
background: #567215; /* Old browsers */
background: -moz-linear-gradient(left,  #567215 0%, #b2ca22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #567215 0%,#b2ca22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #567215 0%,#b2ca22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#567215', endColorstr='#b2ca22',GradientType=1 ); /* IE6-9 */

}

.list-group-item {
position: relative;
    display: block;
    padding: 4px 4px 4px 12px;
    margin-bottom: -1px;
    border: 1px solid #dddddd;
}


.panel-default > .panel-heading.chart-panel-header {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c342c+0,6ebd7c+100 */
background: #0c342c; /* Old browsers */
background: -moz-linear-gradient(left,  #0c342c 0%, #6ebd7c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0c342c 0%,#6ebd7c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0c342c 0%,#6ebd7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: 
}

.titre_gml {

	 margin-bottom:4px;
	 font-weight:1000;
}

.titre_gml_xl {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0c342c+0,6ebd7c+100 */
background: #0c342c; /* Old browsers */
background: -moz-linear-gradient(left,  #0c342c 0%, #6ebd7c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #0c342c 0%,#6ebd7c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #0c342c 0%,#6ebd7c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c342c', endColorstr='#6ebd7c',GradientType=1 ); /* IE6-9 */

}

.titre_gml_xl2 {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f76002+0,f9a82f+99 */
background: #f76002; /* Old browsers */
background: -moz-linear-gradient(left,  #f76002 0%, #f9a82f 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f76002 0%,#f9a82f 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f76002 0%,#f9a82f 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76002', endColorstr='#f9a82f',GradientType=1 ); /* IE6-9 */

}

.titre_gml_xl3 {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23538a+19,a7cfdf+100 */
background: #23538a; /* Old browsers */
background: -moz-linear-gradient(left,  #23538a 19%, #a7cfdf 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #23538a 19%,#a7cfdf 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #23538a 19%,#a7cfdf 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23538a', endColorstr='#a7cfdf',GradientType=1 ); /* IE6-9 */

}

.titre_gml_xl4 {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f2724b+0,c63015+100 */
background: #f2724b; /* Old browsers */
background: -moz-linear-gradient(left,  #f2724b 0%, #c63015 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f2724b 0%,#c63015 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f2724b 0%,#c63015 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2724b', endColorstr='#c63015',GradientType=1 ); /* IE6-9 */
}

.titre_gml_xl5 {
	padding:0.6vw;
	 color:#ffffff;
	 margin-bottom:4px;
	 font-weight:900;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d1a3f7+0,bd43f9+100 */
background: #d1a3f7; /* Old browsers */
background: -moz-linear-gradient(left,  #d1a3f7 0%, #bd43f9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #d1a3f7 0%,#bd43f9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #d1a3f7 0%,#bd43f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1a3f7', endColorstr='#bd43f9',GradientType=1 ); /* IE6-9 */

}

.titre_gml_xl0 {
	padding:0.6vw;
	 color:#686868;
	 margin-bottom:4px;
	 font-weight:900;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#23538a+19,a7cfdf+100 */
background: #23538a; /* Old browsers */
background: -moz-linear-gradient(left,  #c4c4c4 19%, #dedede 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c4c4c4 19%,#dedede 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c4c4c4 19%,#dedede 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#dedede',GradientType=1 ); /* IE6-9 */

}


.gml_search {
	text-align: right;
	
}

.gml_search_input {
	width:100%;
}



.gml_list_item_active {
	border:none;
	background:rgba(255,255,255,0.5);

		margin-bottom:20px;
	color:#ffffff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8aaf44+0,5b7c3e+100 */
background: #8aaf44; /* Old browsers */
background: -moz-linear-gradient(top,  #8aaf44 0%, #5b7c3e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8aaf44 0%,#5b7c3e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8aaf44 0%,#5b7c3e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8aaf44', endColorstr='#5b7c3e',GradientType=0 ); /* IE6-9 */

}




.gml_list_item {
	border:none;
	background:rgba(255,255,255,0.5);

		margin-bottom:20px;
	color:#313131;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.whosonline_container {
		background:rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 37px 6px rgba(255,255,255,0.75);
-moz-box-shadow: 0px 0px 37px 6px rgba(255,255,255,0.75);
box-shadow: 0px 0px 37px 6px rgba(255,255,255,0.75);
}

.badges_container {
	padding:0px;

}

.result-termine {
	background-color:#d0ffb1;
	color:#115e1a;
}

.result-encours {
	background-color:#ffe3c5;
	color:#54300c;
}

.result-noncommence {
	background-color:#ededed;
	color:#464646;
}

.btn-hover-effect {
	background :rgba(72,190,228,0.4);
	-webkit-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
-moz-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);

}

.lafacedemy-nav-btn-hover-effect {
		float:left;
	max-width:36%;
	width:36%;
	margin-left:2%;
	margin-right:2%;
	background :rgba(72,190,228,0.4);
	-webkit-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
-moz-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}


.lafacedemy-nav-btn-off-effect {
	float:left;
	max-width:26%;
	width:26%;
	margin-left:2%;
	margin-right:2%;
	background :none;

	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

@media (max-width: 767px) {

	.lafacedemy-nav-btn-hover-effect {
		float:left;
	max-width:45%;
	width:45%;
	margin-left:2.5%;
	margin-right:2.5%;
	background :rgba(72,190,228,0.4);
	-webkit-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
-moz-box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);
box-shadow: 0px 0px 29px 4px rgba(72,190,228,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}


.lafacedemy-nav-btn-off-effect {
	float:left;
	max-width:20%;
	width:20%;
	margin-left:2.5%;
	margin-right:2.5%;
	background :none;

	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}
	
}



.animateur_tool_container {
	position:relative;
	 max-width:100%;
}


.animateur_tool_content {
	position:absolute;
	 top:0px;
	 right:0px;
	 z-index:1;
	 padding:8vw 1vw 1vw 1vw;
	 max-width:100%;
	 width:100%;
}

@media (max-width: 767px) {
	.animateur_tool_content {
	position:absolute;
	 top:0px;
	 right:0px;
	 z-index:1;
	 padding:20vw 1vw 1vw 1vw;
	 max-width:100%;
	 width:100%;
}
}



.lafacademy-container {
	background:rgba(255,255,255,0.8);
	border-radius:0px;
	padding:0 15px;
}

@media (max-width: 767px) {
	.lafacademy-container {
	background:rgba(255,255,255,0.8);
	border-radius:0px;
	padding:0;
}
	}

.lafacademy_navbar {
	margin-top:1.8vw;
	margin-bottom:1.2vw;
	background-image:url(../img/mycourses-panel-header.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 padding:0px;
	 color:#ffffff;
}

.lafacademy_mycoach_home_container {
	margin-top:2.2vw;
	margin-bottom:1.5vw;
	padding:0 16px 10px 16px;
	background-image:url(../img/mycoach_home_container_bg.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	color:#604b26;
	border-radius:0px;
	text-align:justify;
}

.lafacademy_navbar_btn {
	color: #ffffff !important;
}








.carousel-saison-container-ete {
	background-image:url(../img/encart_lafacademy_saison_1.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 padding:6vw 2vw 3vw 2vw;
}

.carousel-saison-container-hiver {
	margin-top:40px;
	background-image:url(../img/encart_lafacademy_saison_2.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 padding:6vw 2vw 2.5vw 2vw;

}



.carousel-saison-container-hiver .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #f15f22;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    font-size:22px;


}

.carousel-saison-container-hiver .carousel-control i{
	margin-top:5px;

}
.carousel-saison-container-hiver .carousel-control.right {
	right:-20px;
}

.carousel-saison-container-hiver .carousel-control.left {
	left:-20px;
}

.carousel-saison-container-ete .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #f15f22;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    font-size:22px;


}

.carousel-saison-container-ete .carousel-control i{
	margin-top:5px;

}
.carousel-saison-container-ete .carousel-control.right {
	right:-20px;
}

.carousel-saison-container-ete .carousel-control.left {
	left:-20px;
}




.lafacademy-course-title {
	width:90%;
	margin: 0 auto 2vw auto;
	padding:0.4vw 6vw 0.4vw 6vw;
	background-image:url(../img/lafacademy-course-title.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 text-shadow: -4px 2px 2px #22641d;
}

@media (max-width: 767px)
{
	.lafacademy-course-title {
	width:90%;
	margin: 0 auto 4vw auto;
	padding:0.4vw 6vw 0.4vw 6vw;
	background-image:url(../img/lafacademy-course-title.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
	 text-shadow: -4px 2px 2px #22641d;
}
}

.lafacademy-course-mods-infos {
	width:96%;
	margin: -1.2vw auto 0vw 0;
	padding:0.3vw 0.7vw 0.3vw 0.8vw;
	background-image:url(../img/lafacademy-coursel-course-mods-infos.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
}




.carousel-fm-container {
	width:98%;
	margin:0 auto 10px auto;
	padding:0 0.6vw 1.2vw 0.6vw;
	background-image:url(../img/lafacademy-course-carousel-container.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
}

@media (max-width: 767px)
{
	.carousel-fm-container {
	width:98%;
	margin:0 auto 10px auto;
	padding:2vw;
	background-image:url(../img/lafacademy-course-carousel-container.png);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
}
}


.carousel-fp-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #f15f22;
    border: none;
    border-radius: 23px 23px 23px 23px;
    font-size:22px;
    opacity:1;
}

.carousel-marketplace .carousel-control {
	top:35%;
	height: 3.2vw;
	width: 3.2vw;
	font-size:1.2vw;
	padding-top:0.4vw;
    background: none repeat scroll 0 0 #464646;
    border: none;
    color:#ffffff;
    border-radius:50%;
    opacity:1;
    


}

#carousel-requests .carousel-control {
	top:35%;
	height: 50px;
	width: 50px;
	padding-top:3px;
    background: none;
    border: none;
    color:#ffffff;
    opacity:1;
    


}

#carousel-requests .carousel-control.left {
	left:-1.6vw;
}

#carousel-requests .carousel-control.right {
	right:-1.6vw;
}



.carousel-fm-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #2e56a7;
    border: none;
    border-radius: 23px 23px 23px 23px;
    font-size:3vw;
    line-height:0.6;
    padding:0;
    opacity:1;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
-moz-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);

}

@media (max-width: 767px)
{
	.carousel-fm-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #2e56a7;
    border: none;
    border-radius: 23px 23px 23px 23px;
    font-size:10vw;
    line-height:0.8;
    padding:0;
    opacity:1;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
-moz-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);

}
}

@media (min-width: 768px) AND (max-width: 991px)
{
	.carousel-fm-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #2e56a7;
    border: none;
    border-radius: 23px 23px 23px 23px;
    font-size:5vw;
    line-height:0.5;
    padding:0;
    opacity:1;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
-moz-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);

}
}

@media (min-width: 992px) AND (max-width: 1299px)
{
	.carousel-fm-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #2e56a7;
    border: none;
    border-radius: 23px 23px 23px 23px;
    font-size:5vw;
    line-height:0.5;
    padding:0;
    opacity:1;

    -webkit-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
-moz-box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);
box-shadow: -2px 2px 0px 0px rgba(11,31,72,1);

}
}

.carouse-marketplace > .carousel-inner > .carousel-control i{
	margin-top:10px;

}

.carouse-marketplace .carousel-fp-container .carousel-control i, .carousel-fm-container .carousel-control i{
	margin-top:10px;

}
.carousel-fm-container .carousel-control.right {
	right:-45px;
}

.carousel-fm-container .carousel-control.left {
	left:-40px;
}

@media (max-width: 767px)
{
	.carousel-fm-container .carousel-control.right {
	right:-25px;
}

.carousel-fm-container .carousel-control.left {
	left:-20px;
}
}
.carousel-fp-container .carousel-control.right {
	right:-20px;
}

.carousel-fp-container .carousel-control.left{
	left:-20px;
}

.carouse-marketplace .carousel-control.right {
	right:0px;
}

.carouse-marketplace .carousel-control.left{
	left:0px;
}




.carousel-fml-container {
	width:100%;
	margin:0 auto 10px auto;
	background: rgba(255,255,255,0.4);
  padding: 14px 40px 14px 40px;
	color: #313131;
}



.carousel-fml-container .carousel-control {
    background:rgba(255,255,255,0.76);
	top:30%;
	height: 3.6vw;
	width: 3.6vw;
    border: none;
    border-radius: 3.6vw;
    font-size:2vw;
    opacity:1;


}


.carousel-fml-container .carousel-control i{
	margin-top:16px;

}
.carousel-fml-container .carousel-control.right {
	right:-50px;
}

.carousel-fml-container .carousel-control.left {
	left:-50px;
}


.carousel-fml-container ol.carousel-indicators li{

	border:none;
	width:auto;
	height:auto;
	border-radius:50%;
	margin:5px;
	background:rgba(255,255,255,0.8);
	color: #313131;
	text-indent: unset;
	padding:3% 4.6% 3% 4.6%;

}

.carousel-fml-container ol.carousel-indicators i{

margin-top:3px;
	

}



.carousel-fml-container ol.carousel-indicators li.active {
	background:rgba(255,255,255,0.8);
-webkit-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
-moz-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #313131;

}

.carousel-fml-container ol.carousel-indicators li.li-warning {
	background:rgba(255,255,255,0.6);
	color: #313131;
}

.carousel-fml-container ol.carousel-indicators li.li-success {
	background:rgba(255,255,255,0.6);
	color: #313131;
}





.carousel-fml-container2 {
	width:100%;
	margin:0 auto 10px auto;
	background: rgba(255,255,255,0.4);
  padding: 20px;
	color: #313131;
}



.carousel-fml-container2 .carousel-control {
    background:rgba(255,255,255,0.76);
	top:30%;
	height: 3.6vw;
	width: 3.6vw;
    border: none;
    border-radius: 3.6vw;
    font-size:2vw;
    opacity:1;


}


.carousel-fml-container2 .carousel-control i{
	margin-top:16px;

}
.carousel-fml-container2 .carousel-control.right {
	right:-50px;
}

.carousel-fml-container .carousel-control.left {
	left:-50px;
}


.carousel-fml-container2 ol.carousel-indicators li{

	border:none;
	width:auto;
	height:auto;
	border-radius:50%;
	margin:5px;
	background:rgba(255,255,255,0.8);
	color: #313131;
	text-indent: unset;
	padding:3% 4.6% 3% 4.6%;

}

.carousel-fml-container2 ol.carousel-indicators i{

margin-top:3px;
	

}



.carousel-fml-container2 ol.carousel-indicators li.active {
	background:rgba(255,255,255,0.8);
-webkit-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
-moz-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    color: #313131;

}

.carousel-fml-container2 ol.carousel-indicators li.li-warning {
	background:rgba(255,255,255,0.6);
	color: #313131;
}

.carousel-fml-container2 ol.carousel-indicators li.li-success {
	background:rgba(255,255,255,0.6);
	color: #313131;
}

	

.carousel-club-ranks-container {
	width:100%;
	margin:0 auto 10px auto;
	padding:0;
	background: none;
	color:#313131;
}

#carousel-club-ranks {

}


.carousel-club-ranks-container .carousel-control {
	width:auto;
    background: none repeat scroll 0 0 #f15f22;
    border: none;
    border-radius: 0;
    font-size:22px;
    opacity:1;


}


.carousel-club-ranks-container .carousel-control i{
	

}
.carousel-club-ranks-container .carousel-control.right {

}

.carousel-club-ranks-container .carousel-control.left {

}

.carousel-club-ranks-container .carousel-control.right {

}

.carousel-club-ranks-container .carousel-control.left{
	
}

@media (min-width: 768px)  {
.carousel-new-elearnings-container {
	background:rgba(255,255,255,0.8);
	margin-top:0px;

	 
}
}


@media (max-width: 767px)  {
	.carousel-new-elearnings-container {
	margin-top:0px;
	background:rgba(255,255,255,1);
	 padding:10vw 1.8vw 3vw 1.8vw;
	}
}
.carousel-new-elearnings {
	padding:0 20px 0 20px;
}

.carousel-new-elearnings .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #f15f22;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    font-size:22px;
    text-align:center;

}

.carousel-new-elearnings .carousel-control i{
	margin-top:5px; 
	text-align:center;

}
.carousel-new-elearnings .carousel-control.right {
	right:-20px;
}

.carousel-new-elearnings .carousel-control.left {
	left:-20px;
}


.carousel-cat-downloads
{
	padding:0vw 2vw 0.8vw 2vw;
}

.carousel-cat-downloads > .carousel-control {
	width:auto;
	color:#f15f22;
	top:28%;
}

.carousel-cat-downloads .carousel-control i{
	margin-top:10px;

}
.carousel-cat-downloads .carousel-control.right {
	right:0px;
	background-image: none;
}

.carousel-cat-downloads .carousel-control.left {
	left:0px;
	background-image: none;
}

.carousel-cat-downloads .carousel-control.right {
	right:0px;
}

.carousel-cat-downloads .carousel-control.left{
	left:0px;
}

.carousel-cat-downloads ol.carousel-indicators li{

	border:none;
	width:2vw;
	height:2vw;
	margin:5px;
	color:#ffffff;
	text-indent: unset;
	border-radius:1.4vw;

}

.carousel-cat-downloads ol.carousel-indicators i{

	margin-top:0.5vw;

}

.carousel-cat-downloads ol.carousel-indicators li.active {
-webkit-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
-moz-box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);
box-shadow: 0px 0px 12px 2px rgba(65,191,250,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.carousel-cat-downloads ol.carousel-indicators li.li-warning {
	background:rgba(236,114,51,1);
}

.carousel-cat-downloads ol.carousel-indicators li.li-success {
	background:rgba(41,198,45,1);
}





.carousel-events-downloads
{
	padding:0vw 2vw 0vw 2vw;
}

.carousel-events-downloads > .carousel-control {
	width:auto;
	color:#ffffff;
	top:40%;
}

.carousel-events-downloads .carousel-control i{
	margin-top:10px;

}
.carousel-events-downloads .carousel-control.right {
	right:0px;
	background-image: none;
}

.carousel-events-downloads .carousel-control.left {
	left:0px;
	background-image: none;
}

.carousel-events-downloads .carousel-control.right {
	right:0px;
}

.carousel-events-downloads .carousel-control.left{
	left:0px;
}

.carousel-events-downloads ol.carousel-indicators li{

	border:none;
	width:2vw;
	height:2vw;
	margin:5px;
	color:#ffffff;
	text-indent: unset;
	border-radius:1.4vw;

}

.carousel-events-downloads ol.carousel-indicators i{

	margin-top:0.5vw;

}

.carousel-events-downloads ol.carousel-indicators li.active {
-webkit-box-shadow: 0px 0px 12px 2px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 12px 2px rgba(255,255,255,1);
box-shadow: 0px 0px 12px 2px rgba(255,255,255,1);

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.carousel-events-downloads ol.carousel-indicators li.li-warning {
	background:rgba(236,114,51,1);
}

.carousel-events-downloads ol.carousel-indicators li.li-success {
	background:rgba(41,198,45,1);
}

.challenge_item_container{
	position:absolute;
	margin-left:auto;
	margin-right:auto; 
     top:3.6vw;
     left:0px;
     z-index:1;
     padding:0 0.6vw 0 0.6vw;
     width:100%; text-align:center;
}
@media (max-width: 991px)  {
	.challenge_item_container{
	position:absolute;
	margin-left:auto;
	margin-right:auto; 
     top:6.6vw;
     left:0px;
     z-index:1;
     padding:0 0.6vw 0 0.6vw;
     width:100%; text-align:center;
}
}

.challenges-bg-images {
padding:13vw 3vw 1vw 3vw;
border-radius:16px;
border-bottom:4px solid #5ec7cd;
background-image:url('../img/challenges_header.png'),url('../img/challenges_body_bg.png');
background-size:100% auto, 100% 100%;
background-repeat:no-repeat, no-repeat;
background-position:top center, top 22.6vw center;	
}

@media (min-width: 768px) and  (max-width: 991px) {

	.challenges-bg-images {
padding:16vw 3vw 1vw 3vw;
border-radius:16px;
border-bottom:4px solid #5ec7cd;
background-image:url('../img/challenges_header.png'),url('../img/challenges_body_bg.png');
background-size:100% auto, 100% 100%;
background-repeat:no-repeat, no-repeat;
background-position:top center, top 30vw center;	
}
	}

@media (max-width: 767px)  {

	.challenges-bg-images {
padding:16vw 3vw 1vw 3vw;
border-radius:16px;
border-bottom:4px solid #5ec7cd;
background-image:url('../img/challenges_header.png'),url('../img/challenges_body_bg.png');
background-size:100% auto, 100% 100%;
background-repeat:no-repeat, no-repeat;
background-position:top center, top 28vw center;	
}
	}


.carousel-videos-catpage-container {
	padding:0 20px 0 20px;
}

.carousel-videos-catpage-container .carousel-control {
	width:auto;
	top:35%;
	height: 40px;
	width: 40px;
    background: none repeat scroll 0 0 #f15f22;
    border: 4px solid #FFFFFF;
    border-radius: 23px 23px 23px 23px;
    font-size:22px;


}

.carousel-videos-catpage-container .carousel-control i{
	margin-top:5px;

}
.carousel-videos-catpage-container .carousel-control.right {
	right:-20px;
}

.carousel-videos-catpage-container .carousel-control.left {
	left:-20px;
}

.post-data {
	background:rgba(255,255,255,0.64);
	padding:0.8vw;
	margin-bottom:10px;
}

.post-data2 {
	background:rgba(255,255,255,0);
	padding:0;
	margin-bottom:10px;

}

.whatsnew-container {
background:rgba(255,255,255,0.8); 
padding-left:0.8vw;
padding-right:0.8vw;
padding-bottom:1vw;
padding-top:0.6vw;
}


.whatsnew-container2 {
background:rgba(255,255,255,00); 

padding-bottom:0.4vw;

}

@media (max-width: 767px) {
	.post-data {
		background:none;
		background-color: transparent;
		padding:0;
		margin-left:-10px;
		margin-right:-10px;
		margin-bottom:10px;
	}

	.post-data2 {
		background:none;
		background-color: transparent;
		padding:0;

		margin-bottom:10px;
	}

	.whatsnew-container {
	background:none;
		background-color: transparent;
padding-left:0.8vw;
padding-right:0.8vw;
padding-bottom:1vw;
padding-top:2vw;
}

.whatsnew-container2 {
	background:none;
		background-color: transparent;
padding-left:0.8vw;
padding-right:0.8vw;
padding-bottom:1vw;
padding-top:2vw;
}

}





.comment-content {
	background:rgba(240,240,240,1);
	border-radius:6px;
	color:#464646;
}

.comment-content-danger {
	background:rgba(217,83,79,1);
	border-radius:6px;
	color:#ffffff;
}



#hot_news_table_paginate ul {
    margin-right:10px !important;
    margin-bottom:5px !important;
    margin-top:15px !important;
}

#table_merch_planos_list_paginate ul {
    margin:5px !important;

}

.hot-news-pill
{
	color:#eb7e4c;
	margin:10px 2px 0 0;
}


@media (max-width: 767px) {

	.hot-news-pill
{
	color:#eb7e4c;
	margin:2.6vw 5px 0 -15px;
}

	#hot_news_table {
	margin-left:0;
	margin-right:0;
    margin-bottom:4vw !important;
    margin-top:0 !important;
}

	#hot_news_table_paginate ul {
    margin-right:-15px !important;
    margin-bottom:5px !important;
    margin-top:3vw !important;
}
	.hot_news_container {
	
		padding:0;
		margin-left:-15px;
		margin-right:-15px;
	}

	.home-search-container {
	
		padding:0;
		margin-left:-15px;
		margin-right:-15px;
	}

	

}



#hot_news_table_paginate ul > li > a {
    color: #ffffff !important;
    border:none !important;
    background-color: #eb7e4c !important;
    font-family: 'Exo Black';
}

#hot_news_table_paginate ul > li > a:hover, #hot_news_table_paginate ul > li > a:active, #hot_news_table_paginate ul > li > a:focus {
    background-color: #ffffff !important;
    color: #eb7e4c !important;
    font-family: 'Exo Black';
    border:none !important;

}

#hot_news_table_paginate ul > li.active a {
    background-color: #ffffff !important;
    color: #eb7e4c !important;
    font-family: 'Exo Black';
    border:none !important;

}


.navbar-mobile {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+30,ffffff+30,e5e5e5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 30%, #ffffff 30%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 30%,#ffffff 30%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 30%,#ffffff 30%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}

.navbar-mobile-pharmacorp {
color:#2B2D1F;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2eb24f+0,8edb46+100 */
background: #2eb24f; /* Old browsers */
background: -moz-linear-gradient(left,  #2eb24f 0%, #8edb46 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2eb24f 0%,#8edb46 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2eb24f 0%,#8edb46 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eb24f', endColorstr='#8edb46',GradientType=1 ); /* IE6-9 */

}

.navbar-mobile-black {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background: #45484d; /* Old browsers */
background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.navbar-mobile-white {

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#45484d+0,000000+100;Black+3D+%231 */
background-color:#ffffff;
}

.lafacademy_header {
	
}

.select_decisionnel {
	font-size:4vw;
	background:rgba(255,255,255,0.8);
	border:none;
}



.bootstrap-select.choose_decisionnel > .select_decisionnel .caret {
	right :80px !important;
	top:15% !important;
	width: 0;
  height: 0;
  border: 0;

}





.bootstrap-select.choose_decisionnel > .dropdown-menu.open{
	margin-top:5vw;
}

.bootstrap-select.choose_decisionnel > .dropdown-menu li a {
	font-size:3vw;
}


.decisionnel_title {
	margin-top:1vw;
	margin-bottom:1vw;
	color:#858585;
	
	padding: 1vw 2vw 1vw 8vw;
	background:rgba(255,255,255,01);
	-webkit-box-shadow: 0px 0px 37px 6px rgba(255,255,255,1);
-moz-box-shadow: 0px 0px 37px 6px rgba(255,255,255,1);
box-shadow: 0px 0px 37px 6px rgba(255,255,255,1);

-webkit-box-shadow: 4px 22px 35px -16px rgba(181,181,181,1);
-moz-box-shadow: 4px 22px 35px -16px rgba(181,181,181,1);
box-shadow: 4px 22px 35px -16px rgba(181,181,181,1);
}


.decisionnel_step_titre_class {

}

@media (max-width: 479px) {

.decisionnel_step_titre_class {
	font-size:4vw;
	line-height: 1.4;
}

.decisionnel_step_titre_class_radio {
	font-size:4.8vw;
	line-height: 1.8;
}

	
}


@media (min-width: 480px) and (max-width: 767px) {

.decisionnel_step_titre_class {
	font-size:4vw;
	line-height: 1.8;
}
.decisionnel_step_titre_class_radio {
	font-size:4.8vw;
	line-height: 1.8;
}
	
}

@media (min-width: 768px) {

.decisionnel_step_titre_class {
	font-size:2vw;
	line-height: 1.6;
}

.decisionnel_step_titre_class_radio {
	font-size:2.4vw;
	line-height: 1;
}
	
}



.btn-decisionnel_back {
	font-size:1vw;
	border-radius:0;
	color:#ff8b4a;
	background-color:#ffffff;

-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.btn-decisionnel_back:hover,
.btn-decisionnel_back:focus {
    text-decoration: none;
    color: #ffffff;
    background-color:#ff8b4a;
}

	
.myteam_uservcard
{
	border:1px solid #d2d2d2;
	margin:2vh 0vw 2vh 0vw;
	padding:5px;
	color:#ffffff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1c3330+0,1c3330+93,444444+100;Black+3D+%231 */
background: #1c3330; /* Old browsers */
background: -moz-linear-gradient(top,  #1c3330 0%, #1c3330 93%, #444444 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1c3330 0%,#1c3330 93%,#444444 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1c3330 0%,#1c3330 93%,#444444 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c3330', endColorstr='#444444',GradientType=0 ); /* IE6-9 */


}


.myteam_uservcard-danger
{
	border:1px solid #d2d2d2;
	margin:2vh 0vw 2vh 0vw;
	padding:5px;
	color:#ffffff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fc8f76+0,e23f04+100 */
background: #fc8f76; /* Old browsers */
background: -moz-linear-gradient(top,  #fc8f76 0%, #e23f04 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fc8f76 0%,#e23f04 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fc8f76 0%,#e23f04 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc8f76', endColorstr='#e23f04',GradientType=0 ); /* IE6-9 */


}



.btn-adduser {
	border:none;
	border-radius:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4cc1c+0,446e18+100 */
background: #b4cc1c; /* Old browsers */
background: -moz-linear-gradient(top,  #b4cc1c 0%, #446e18 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4cc1c 0%,#446e18 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4cc1c 0%,#446e18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cc1c', endColorstr='#446e18',GradientType=0 ); /* IE6-9 */


}





#login-container > input-group-addon, #login-container > input, #login-container > input:-webkit-autofill,
#login-container > input:-webkit-autofill:hover, 
#login-container > input:-webkit-autofill:focus{
	color:#b4b4b4;
	background:rgba(255,255,255,1);
	border-radius:0;
	font-size:1.6vw;
	border:2px solid #e7e7e7;
  -webkit-text-fill-color: #b4b4b4;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}

.login-input {
	padding:1.6vw 0.6vw;
	line-height: 1.6666;
	border-radius:0;
	border:none;
	font-size:1.6vw !important;
}

.login-btn {
	background:rgba(255,255,255,1) !important;
	background-color:#ffffff !important;
	border:none;
	color:#ea8428;
	outline: 0;
	
	
	border-radius:0;
	border:none;
	font-size:1.6vw !important;

}

@media (max-width: 767px) {

	.login-btn {
	background:rgba(255,255,255,1) !important;
	background-color:#ffffff !important;
	border:none;
	color:#ea8428;
	outline: 0;
}

	.login-input {
	padding:2vw 1.6vw;
	line-height: 1.6666;
	border-radius:0;
	border:none;
	font-size:4vw !important;
}

#login-container input-group-addon, input, input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus{
	color:#b4b4b4;
	background:rgba(255,255,255,1);
	border-radius:0;
	font-size:4vw;
	border:2px solid #e7e7e7;
  -webkit-text-fill-color: #b4b4b4;
  -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
  transition: background-color 5000s ease-in-out 0s;
}
}



.input-group-addon {
	border-radius:0;
	border:none;
}

.login-input-group {
	border-radius:0;
	border:none;

}





.modal-lafacademy .modal-header {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3f1d15+0,30160f+100 */
background: #3f1d15; /* Old browsers */
background: -moz-linear-gradient(top,  #3f1d15 0%, #30160f 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3f1d15 0%,#30160f 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3f1d15 0%,#30160f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f1d15', endColorstr='#30160f',GradientType=0 ); /* IE6-9 */

}

.dlcat_embed_item {
	width:12vw;
}

.dlcat_embed_item_img {
	height:12vw; width:auto; margin-bottom:5px; position: relative; /* allows repositioning */
    left: 100%; /* move the whole width of the image to the right */
    margin-left: -200%; /* magic! */
}

@media (max-width: 768px) {

	.dlcat_embed_item {
	width:24vw;
	}

	.dlcat_embed_item_img {
	height:24vw; width:auto; margin-bottom:5px; position: relative; /* allows repositioning */
    left: 100%; /* move the whole width of the image to the right */
    margin-left: -200%; /* magic! */
}

}

.xs_full_width {
	
	}

@media (max-width: 768px) {
	.xs_full_width {
		margin-left:-10px;
		margin-right:-10px;
	}
}

.holds-the-iframe {
    background:url(../img/loader_orange.gif) center center no-repeat;
}

.part_embed_item {
	width:12vw;
	height:17vw;
}

.part_embed_item_img {
	height:17vw; width:auto; margin-bottom:5px; position: relative; /* allows repositioning */
    left: 100%; /* move the whole width of the image to the right */
    margin-left: -200%; /* magic! */
}

@media (max-width: 768px) {

	.part_embed_item {
	width:24vw;
	}

	.part_embed_item_img {
	height:24vw; width:auto; margin-bottom:5px; position: relative; /* allows repositioning */
    left: 100%; /* move the whole width of the image to the right */
    margin-left: -200%; /* magic! */
}

}

.tuto_page_nav_container {
	padding:10px;
	margin:1vw 0 1.4vw 0;
	background-color:#f1a430;
}

.tutos_container {
	padding:10px;
	min-height:100vh;
	background-image:url(../img/bg_tutos.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	 background-size: 100% 100%;
}

.btn_tuto {

	cursor:pointer;
}

.btn_tuto > h4 > a {
	
	cursor:pointer;
}

.btn_tuto_active {

	cursor:pointer;
}

.btn_tuto_active > h4 > a {
	color:#FCE1BE;
	cursor:pointer;
}

.tuto_title_container {

	color:#FCE1BE;
	padding:4px 6px;
	border-radius:8px;
	margin-bottom:10px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c93447+0,f8874a+55,f8874a+55,f8874a+90,f8874a+90,fe7629+94,fe7629+101 */
background: #c93447; /* Old browsers */
background: -moz-linear-gradient(left,  #c93447 0%, #f8874a 55%, #f8874a 55%, #f8874a 90%, #f8874a 90%, #fe7629 94%, #fe7629 101%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #c93447 0%,#f8874a 55%,#f8874a 55%,#f8874a 90%,#f8874a 90%,#fe7629 94%,#fe7629 101%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #c93447 0%,#f8874a 55%,#f8874a 55%,#f8874a 90%,#f8874a 90%,#fe7629 94%,#fe7629 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c93447', endColorstr='#fe7629',GradientType=1 ); /* IE6-9 */

}

.product-item-card {
	background:rgba(255,255,255,0.9);

	margin:0.4vw;
}

@media (max-width: 767px) {

	.product-item-card {

	background-color:#f7f7f7;
	margin:2vw 0 10vw 0;
}
}

.product-item-card-header {
padding:10px 0 10px 0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4692a+0,c64822+100 */
background: #ffffff; /* Old browsers */
color:#f15f22;
	
}

.product-item-card-img-container {
	padding:0px;
background-color:transparent;
height:8vw;
	background-position:center;
	background-repeat:no-repeat;
	 background-size: 100% auto;
	
}




.product-item-card-body {
	padding:10px 0px 5px 0px;
	background:rgba(255,255,255,0.8);
}

.product-item-card-panier {
	color:#ffffff;
	padding:10px 5px 5px 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#548235+0,256018+100 */
background: #548235; /* Old browsers */
background: -moz-linear-gradient(top,  #548235 0%, #256018 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #548235 0%,#256018 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #548235 0%,#256018 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#548235', endColorstr='#256018',GradientType=0 ); /* IE6-9 */

}

.campaign-name {
	padding:10px;
	margin-bottom:0;

	color:#525252;
	background:rgba(255,255,255,0.8);
}

.campaign-name > h1{
	font-size:2.6vw;

}

.step-grey {
	background-color:#cecece;
	padding:5px;
	border-radius:4px;
	color:#858585;
}

.step-green {
	background-color:#619723;
	padding:5px;
	border-radius:4px;
	color:#ffffff;
}

.step-blue {
	background-color:#2E93CC;
	padding:5px;
	border-radius:4px;
	color:#ffffff;
}

.image-upload>input {
  display: none;
}

.dropzone {
	background-color:#f2f2f2;
	border:4px dashed #dedede;
	border-radius:6px;
	padding:3.8vw;
	text-align:center;
}

.dropzone-empty {
	padding:3.8vw;
}

.dropzone-small {

	padding:1vw;
}

.dropzone-small {
	padding:1vw;
}

.dropzone-full-img {
	padding:1vw;
}

.dropzone-full-pdf {
	padding:1vw;
}

li {
	color:#313131;
}

.part_marketplace_options .jqte_editor {
min-height:80px;
}

.table-black > tbody > tr.danger {
background-color: #e83309;
color:#642819;
border:none;
}

.table-black > tbody > tr {

border:none;
}
.table-black > tbody > tr > td {

border:none;
}

.table-black.text-warning {
color:#E67C37;
}

.table-black  {
background-color: #191919;
border:1px solid #464646;
}

.table-striped-black > tbody > tr:nth-of-type(odd) {
  background-color: #313131;
}

.gml-logo-container {
	 position:relative;
	 max-width:100%;
}

.gml-logo-content {
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:1;
	 padding:0;
	 max-width:100%;
}
.chat-box
            {
                width: 100%;
                font-family: "Helvetica Neue", Helvetica, sans-serif;
            }

            .chat-box>.header
            {
                padding: 10px;
                background-color: #075e54;
            }

            .messages
            {
                padding: 10px;
                background-image:url(../img/tchat_bg.png);
				background-repeat:no-repeat;
				background-position:top center;
				background-attachment: fixed;
				background-size: 100% auto;
                overflow-y: scroll;
                min-height:400px;
            }

            .messages ul
            {
                padding: 0px;
                list-style-type: none;
            }

            .messages ul li
            {
                height: auto;
                margin-bottom: 10px;
                clear: both;
                padding-left: 10px;
                padding-right: 10px;
            }

            .messages ul li span
            {
                display: inline-block;
                max-width: 90%;
                background-color: white;
                padding: 5px;
                border-radius: 4px;
                position: relative;
                box-shadow: 4px 5px 6px 0px rgba(0,0,0,0.15);
-webkit-box-shadow: 4px 5px 6px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 4px 5px 6px 0px rgba(0,0,0,0.15);
            }

            .messages ul li span.left
            {
                float: left;
            }

            .messages ul li span.left:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -8.5px;
                top: 7px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-right: 8px solid white;
            }

            .messages ul li span.left:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                left: -9px;
                top: 7px;
                height: 0px;
                width: 0px;
               
            }

            .messages ul li span.right:after
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -8px;
                top: 6px;
                height: 0px;
                width: 0px;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
                border-left: 8px solid #dcf8c6;
            }

            .messages ul li span.right:before
            {
                content: "";
                display: inline-block;
                position: absolute;
                right: -9px;
                top: 6px;
                height: 0px;
                width: 0px;
                
            }

            .messages ul li span.right
            {
                float: right;
                background-color: #dcf8c6;
            }



            .clear
            {
                clear: both;
            }

            .input-box
            {
                background-color: white;
                height: auto;
                padding: 0px;
                margin-top:10px;
                border-radius:12px;
            	border:1px solid #ececec;
            }

            .input-box > .textarea
            {
            	 border-radius:12px;
                padding: 0px;
                width: 100%;
                height: 100%;
                display: inline-block;
                outline: 0px;
                resize: both;
                font-size: 22px;
                padding: 10px;
            	overflow: hidden;
            	color:grey;
            	
            }

            

.input-box > .textarea[contenteditable]:empty::before {
  content: "Tapez votre message";
  color: grey;
  text-align:justify;
}

.select-marque {
	 background:rgba(255,255,255,0.8);
  color:#191919;
}




@keyframes anim_arrow_trash_icon {
    0%   {transform: translateY(0px)}
    50%  {transform: translateY(20px)}
    100% {transform: translateY(0px)}
}
.arrow_trash_icon{
  display: inline-block;
  animation-name: anim_arrow_trash_icon;
  animation-duration: 2s;
  animation-iteration-count: infinite;
}

.search_marketplace_input_xs_container
{
	border-radius:0px;
	background-color: rgba(242,242,242,1);	
	border:none;
	width:100%;
	padding-top:2vw;
  padding-bottom:2vw; 
  margin-top:4vw;
  margin-bottom:6vw;
}
.search_marketplace_input_xs {
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	font-size:6vw;
	border-radius:0px;
    color: #838383;
	background-color: rgba(242,242,242,1);	
	 font-weight: bold;
	border:none;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.search_marketplace_input_xs:focus {
	background-color: rgba(242,242,242,1);
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.marketplace-select{
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-size:5vw;
	border-radius:0px;
    color: #202020;
	background-color: rgba(0,0,0,0.2);		
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

@media (min-width: 992px) {
	.marketplace-select{
	font-size:2.4vw;
	border-radius:0px;
    color: #202020;
	background-color: rgba(0,0,0,0.2);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}
}

.marketplace-select:focus {
	background-color: rgba(0,0,0,0.2);
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

.marketplace-select.open  {

    border-color: #adadad;
    color: #202020;
	background-color: rgba(255,255,255,0.2);	
	border-color:#191919;
}

.search_marketplace_bdd{
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-size:2.2vw;
	padding:0.6vw;
	border-radius:0px;
    color: #ffffff;
	background-color: rgba(0,0,0,0.8);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid #191919;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd::placeholder { /* Most modern browsers support this now. */
   color:rgba(255,255,255,0.8);
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd:focus::placeholder {
  color:rgba(255,255,255,0.2);
}


.search_marketplace_bdd_for_request{
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-size:1.6vw;
	padding:0.4vw;
	border-radius:0px;
    color: #ffffff;
	background-color: rgba(0,0,0,0.8);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid #191919;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request::placeholder { /* Most modern browsers support this now. */
   color:rgba(255,255,255,0.8);
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request:focus::placeholder {
  color:rgba(255,255,255,0.2);
}

@media (max-width: 767px) {

	.search_marketplace_bdd_for_request{
		margin-bottom:12vw;
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-size:5vw;
	padding:1vw;
	border-radius:0px;
    color: #ffffff;
	background-color: rgba(0,0,0,0.8);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid #191919;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request::placeholder { /* Most modern browsers support this now. */
   color:rgba(255,255,255,0.8);
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request:focus::placeholder {
  color:rgba(255,255,255,0.2);
}

}

@media (min-width: 768px) and (max-width: 991px) {
	.search_marketplace_bdd_for_request{
		margin-bottom:8vw;
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-size:2.6vw;
	padding:1vw;
	border-radius:0px;
    color: #ffffff;
	background-color: rgba(0,0,0,0.8);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border:1px solid #191919;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request::placeholder { /* Most modern browsers support this now. */
   color:rgba(255,255,255,0.8);
   -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.search_marketplace_bdd_for_request:focus::placeholder {
  color:rgba(255,255,255,0.2);
}
	}


.customer_select_campaign{
	font-size:5vw;
	border-radius:0px;
    color: #191919;
	background-color: rgba(255,255,255,1);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#adadad;
}

.customer_select_campaign:focus {
	background-color: rgba(255,255,255,1);
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#adadad;
}

.customer_select_campaign.open  {

    border-color: #adadad;
    color: #191919;
	background-color: rgba(255,255,255,1);	
	border-color:#191919;
}

#cart_user_validation_btn {
	font-size:2.4vw;
	}

#cart_user_clear_btn {
	font-size:2.4vw;
	margin-right:2vw;
}

.select_customer_ens {
	font-size:2vw;
	margin-right:2vw;
}

@media (max-width: 767px) {
	#cart_user_validation_btn {
		font-size:6vw;
	}

	#cart_user_clear_btn {
	font-size:6vw;
	margin-right:0;
}
	.select_customer_ens {
	font-size:6vw;
	margin-right:0;
}
}

.send_chat_msg_btn {
	margin-top:0.65vw;
}

@media (max-width: 767px) {
	.send_chat_msg_btn {
		margin-top:2.8vw;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.send_chat_msg_btn {
		margin-top:2vw;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.send_chat_msg_btn {
		margin-top:1.2vw;
	}
}

@media (min-width: 1200px) and (max-width: 1300px) {
	.send_chat_msg_btn {
		margin-top:0.6vw;
		width:84%;
	}
}

@media (min-width: 1301px) and (max-width: 1500px) {
	.send_chat_msg_btn {
		margin-top:0.6vw;
		width:75%;
	}
}

@media (min-width: 1501px) and (max-width: 1700px) {
	.send_chat_msg_btn {
		margin-top:0.4vw;
		width:70%;
	}
}

@media (min-width: 1701px) {
	.send_chat_msg_btn {
		margin-top:0.2vw;
		width:60%;
	}
}

.customer_select_myorders{
	font-size:5vw;
	border-radius:0px;
    color: #313131;
	background-color: rgba(255,255,255,1);	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

.customer_select_myorders:focus {
	background-color: rgba(255,255,255,1);
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

.customer_select_myorders.open  {

    border-color: #adadad;
    color: #ffffff;
	background-color: rgba(255,255,255,0.2);	
	border-color:#191919;
}

@media (min-width: 767px) and  (max-width: 991px) {
	.customer_select_myorders_container{
		margin-top:14vw;
		margin-bottom:6vw;

}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.customer_select_myorders_container{
		margin-top:5vw;
		margin-bottom:3vw;

}
}





.navbar-mobile-black-margins {
margin-top:3.2vw;
margin-bottom:3vw
}

@media (min-width: 768px) {
	.navbar-mobile-black-margins {
margin-top:2vw;
margin-bottom:2vw
}
}

.cart-line-price {
	margin-top:1.8vw;
}

@media (max-width: 767px) {
	.cart-line-price {
	margin-top:6.5vw;
}
}


@media (min-width: 767px) and  (max-width: 991px) {
	.cart-line-price {
	margin-top:3.4vw;
	font-size:2.4vw;
	text-align:center;
}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.cart-line-price {
	margin-top:2.8vw;
	font-size:2vw;
	text-align:center;
}
}

@media (min-width: 1200px) and (max-width: 1599px) {
	.cart-line-price {
	margin-top:1.4;
	font-size:2vw;
	text-align:center;
}
}

@media (min-width: 1600px){
	.cart-line-price {
	margin-top:1.8;
	font-size:2vw;
	text-align:center;
}
}
.input_to_post > p, .input_to_post > h1, .input_to_post > h2, .input_to_post > h3, .input_to_post > h4, .input_to_post > h5, .input_to_post > h6 {
	display:none;
}


.search_bdd_img_container {
	background-color:#ffffff;
	padding:5px;
}

.search_bdd_img {
	height:3vw;
	width:auto;
}

@media (max-width: 767px) {

	.search_bdd_img {
	height:18vw;
	width:auto;
}
}

@media (min-width: 768px) and (max-width: 991px) {

	.search_bdd_img {
	height:8vw;
	width:auto;
	background-color:#ffffff;
	padding:5px;
}
}

.col_search_marketbdd_btn {
	text-align:right;
}

@media (max-width: 767px) {

	.col_search_marketbdd_btn {
	text-align:center;
}
}
}

.select-product-vendeur {
	font-size:2vw;
	margin-bottom:15px;
}

.order_validation_status{
	font-size:1.2vw;
	border-radius:0px;
    color: #ffffff;
	
	 font-weight: bold;
	width:100%;
	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

.order_validation_status:focus {

	outline:none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color:#191919;
}

.product-photo-container-bg {
	background-position:top center;
	background-repeat:no-repeat;
	background-size: contain;
	height:9vw;
}


.product_photo {
	height:10vw;
	width:auto;
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
}

.myrequest_title {
	text-align:right;
	color:#858585;
	}

.myrequest_title_text {
		float:left;
	}

.product_photo_popup {
	height:12vw;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 767px) {
	.product_photo_popup {
	height:80vw;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}

.product-photo-container-bg {
	background-position:top center;
	background-repeat:no-repeat;
	background-size: contain;
	height:40vw;
}
}

@media (min-width: 768px) and (max-width: 991px) {
	.product_photo_popup {
	height:60vw;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
}

@media (max-width: 767px) {

	.product_photo {
	height:18vw;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
	.request_item_container {
		margin-top:8vw;
	}

	.myrequest_title {
	text-align:center;
	color:#ffffff;
	}

	.myrequest_title_text {
		float:none;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.product_photo {
	height:12vw;
	width:auto;
	margin-left:auto;
	margin-right:auto;
}
	.request_item_container {
		margin-top:4vw;
	}

	.myrequest_title {
	text-align:center;
	color:#ffffff;
	}

	.myrequest_title_text {
		float:none;
	}
}

.product_photo_request_carousel {
	height:4.6vw;
	width:auto;

}

@media (max-width: 1199px) {
	.product_photo_request_carousel {
	height:8vw;
	width:auto;
}
}
.marketplace-mobile-logo {
	margin-left:2.4vw;
	margin-top:-2vw;
	margin-bottom:0;
}

.top-img-text-title {
	font-size:2vw;
}

.top-img-text-desc {
	font-size:1.1vw;
}

@media (min-width: 768px) and (max-width: 991px) {
	.marketplace-mobile-logo {
	margin-left:2.4vw;
	margin-top:-0.4vw;
	margin-bottom:0;
	width:72%;
}
}


a.integration-show-step-content-btn-orange {
cursor:pointer;
color: #ffffff;
}

a.integration-show-step-content-btn-orange:hover,
a.integration-show-step-content-btn-orange:focus,
a.integration-show-step-content-btn-orange:active {
    text-decoration: none;
    color: #f15f22;
}

a.integration-show-step-content-btn-green {
cursor:pointer;
color: #ffffff;
}

a.integration-show-step-content-btn-green:hover,
a.integration-show-step-content-btn-greene:focus,
a.integration-show-step-content-btn-green:active {
    text-decoration: none;
    color: #2b4925;
}



.integration_general_container {
	padding:20px;
background-image: linear-gradient(45deg, #fbfbfb 25%, #f2f2f2 25%, #f2f2f2 50%, #fbfbfb 50%, #fbfbfb 75%, #f2f2f2 75%, #f2f2f2 100%);
background-size: 56.57px 56.57px;

}


.integration_arrow_bg_middle {
    color: #ffffff;
    padding:0.16vw;
	background-image:url(../img/integration_arrow_middle.png);
	background-position:top center;
	background-repeat:repeat-y;
	background-size: 100% auto;
}

.integration_arrow_step_container_orange {
	font-family: 'Helvetica bold';
	padding:0.4vw;
	 color:#ffffff;
	 font-weight:900;
	 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f76002+0,f9a82f+99 */
background: #f76002; /* Old browsers */
background: -moz-linear-gradient(left,  #f76002 0%, #f9a82f 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #f76002 0%,#f9a82f 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #f76002 0%,#f9a82f 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f76002', endColorstr='#f9a82f',GradientType=1 ); /* IE6-9 */

}

.integration_arrow_step_container_green {
	font-family: 'Helvetica bold';
	padding:0.4vw;
	 color:#ffffff;
	 font-weight:900;
background: #29460f; /* Old browsers */
background: -moz-linear-gradient(left,  #29460f 0%, #46682a 53%, #b2ca22 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #29460f 0%,#46682a 53%,#b2ca22 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #29460f 0%,#46682a 53%,#b2ca22 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29460f', endColorstr='#b2ca22',GradientType=1 ); /* IE6-9 */

}

.integration-step-content-container {
	margin-top:0.16vw;
padding:10px;
border:1px solid #ededed;
background:rgba(255,255,255,0.8);
color:#313131;
}


.base_client_nav_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
}

.base_client_nav_cog_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
}

.catalogues_produits_nav_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
}

.catalogues_produits_nav_cog_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
}


.catalogues_stocks_nav_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
	margin-right: 5px;
}

.catalogues_stocks_nav_cog_btn {
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	margin-bottom:5px;
	font-size:1vw;
	margin-right: 5px;
}

.customer_catalogues_produits_nav_btn {

	margin-bottom:5px;
	font-size:1.4vw;
}

.customer_catalogues_sos_nav_btn {

	margin-bottom:5px;
	font-size:1.4vw;
}



.hot_news_vign {
	height:5vw;
	width:auto;
}

#carousel-hot-news .item {
	background-color: #eb7e4c;
	color:#ffffff;
	padding:10px;
}





.carousel-hot-news-page-btn {
background-color: #eb7e4c;
	color:#ffffff;
	padding:4px 6px 4px 6px;
	font-size:1.2vw;
	font-family: 'Helvetica bold';
	cursor:pointer;
}
.carousel-hot-news-page-btn-arrow-left {
	background-color: #eb7e4c;
	color:#ffffff;
	padding:4px 0 4px 6px;
	font-size:1.2vw;
	font-family: 'Helvetica bold';
}

.carousel-hot-news-page-btn-arrow-right {
background-color: #eb7e4c;
	color:#ffffff;
	padding:4px 6px 4px 0px;
	font-size:1.2vw;
	font-family: 'Helvetica bold';
}


.lafsante_container {
	background:rgba(255,255,255,1);
	padding:10px;
	border:1px solid #dedede;

}

.lafsante-navbtn {
	background:rgba(255,255,255,1);
	font-family: 'Helvetica bold';
	font-size:1.2vw;
	color:#858585;
	margin-right:10px;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}

.lafsante-navbtn-active {
	color:#FFFFFF;
	   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#51ad10+34,1e8200+100 */
background: #51ad10; /* Old browsers */
background: -moz-linear-gradient(top,  #51ad10 34%, #1e8200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #51ad10 34%,#1e8200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #51ad10 34%,#1e8200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51ad10', endColorstr='#1e8200',GradientType=0 ); /* IE6-9 */

	font-family: 'Helvetica bold';
	font-size:1.2vw;
	
	margin-right:10px;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}


.lafsante-navbtn-close {
	background:rgba(255,255,255,1);
	font-family: 'Helvetica bold';
	font-size:1.2vw;
	color:#858585;
	margin-right:10px;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
}

.lafsante-navbtn-search {
	padding:0;
	background:rgba(255,255,255,1);
	font-weight:normal;
	font-size:1.2vw;
	font-family: Font Awesome\ 5 Free, Ubuntu bold !important;
	color:#858585;
	margin-right:10px;
	border-top:1px solid #dedede;
	border-right:1px solid #dedede;
	border-left:1px solid #dedede;
	border-top-right-radius:6px;
	border-top-left-radius:6px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.admin-navbtn-search-input {
	margin:0;
	font-family: Font Awesome\ 5 Free, Helvetica bold !important;
	font-weight:normal;
	font-size:1.2vw;
	padding-top:0.2vw; 
	padding-left:0.4vw;
	background:none;
	background-color:transparent;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom:1px solid #cdcdcd;
	outline: none;
	width:auto;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.admin-navbtn-search-input:focus {
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.lafsante-ens-navbtn {
	font-family: 'Helvetica bold';
	font-size:1vw;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

.post-news-navbtn {
	font-family: 'Helvetica bold';
	font-size:1vw;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

.post-course-navbtn {
	font-family: 'Helvetica bold';
	font-size:1vw;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

.export-lafacademy-btn {
	font-family: 'Helvetica bold';
	font-size:1vw;
	border-top-right-radius:4px;
	border-top-left-radius:4px;
}

.ficheenseigne-container{
	-webkit-box-shadow: 5px 5px 15px 5px #BCBCBC; 
box-shadow: 5px 5px 15px 5px #BCBCBC;
}


.myteam-menu-btn {
	float:left;
	border:none;
	margin-right:0.8vw;
	margin-top:0.5vw;
	padding:0.6vw 1.2vw 0.4vw 1.2vw;
	border-top-left-radius:0.5vw;
	border-radius:4px;
	color:#858585;
	background : #f2f2f2;
}

.myteam-menu-btn a, .myteam-menu-btn h4, .myteam-menu-btn h5{
	color:#000000;
	font-weight: bold;
}

.myteam-menu-btn {
	float:left;
	border:none;
	margin-right:0.8vw;
	margin-top:0.5vw;
	padding:0.6vw 1.2vw 0.4vw 1.2vw;
	border-top-left-radius:0.5vw;
	border-radius:4px;
	color:#858585;
	background : #f2f2f2;
}

.myteam-menu-btn a, .myteam-menu-btn h4, .myteam-menu-btn h5{
	color:#000000;
	font-weight: bold;
}

.myteam-menu-btn.text-white a, .myteam-menu-btn.text-white h4, .myteam-menu-btn.text-white h5{
	color:#ffffff;
	font-weight: bold;
}

.myteam-menu-btn-active {
	color:#ffffff;
	float:left;
	border:none;
	margin-right:0.8vw;
	margin-top:0.5vw;

	padding:0.6vw 1.2vw 0.4vw 1.2vw;
	border-radius:4px;
	background : #189352;
}


.select_fm_table_filters.btn-nav-lafacademy {
	border:1px solid #F2AA33;
	border-radius:6px;
	color:#995c0d;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4e290+0,f2aa33+100 */
background: #f4e290; /* Old browsers */
background: -moz-linear-gradient(top,  #f4e290 0%, #f2aa33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4e290 0%,#f2aa33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4e290 0%,#f2aa33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e290', endColorstr='#f2aa33',GradientType=0 ); /* IE6-9 */

}





.myteam-menu-btn-active a, .myteam-menu-btn-active h3, .myteam-menu-btn-active h4, .myteam-menu-btn-active h5{
	color:#ffffff;
		font-weight: bold;
}








.myteam-menu-btn.btn-nav-commerce {
	border-bottom:none;
-webkit-box-shadow: inset 0px -12px 10px -7px rgba(0,0,0,0.14); 
box-shadow: inset 0px -12px 10px -7px rgba(0,0,0,0.14);

}

.myteam-menu-btn-active.btn-nav-commerce {
	float:left;
	border:1px solid #F2AA33;
	margin-right:0.8vw;
	padding:0.6vw 1.2vw 0.4vw 1.2vw;
	border-top-left-radius:0.5vw;
	border-top-right-radius:0.5vw;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4e290+0,f2aa33+100 */
background: #f4e290; /* Old browsers */
background: -moz-linear-gradient(top,  #f4e290 0%, #f2aa33 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f4e290 0%,#f2aa33 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f4e290 0%,#f2aa33 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e290', endColorstr='#f2aa33',GradientType=0 ); /* IE6-9 */

}


.myteam-menu-btn-active.btn-nav-commerce a, .myteam-menu-btn-active.btn-nav-commerce h3, .myteam-menu-btn-active.btn-nav-commerce h4, .myteam-menu-btn-active.btn-nav-commerce h5{
	color:#995c0d;
}


.table-line-phcie {
	color:#ffffff;
	font-weight:bolder;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#aac522+0,679e25+46,3d6316+100 */
background: #aac522; /* Old browsers */
background: -moz-linear-gradient(top,  #aac522 0%, #679e25 46%, #3d6316 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #aac522 0%,#679e25 46%,#3d6316 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #aac522 0%,#679e25 46%,#3d6316 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aac522', endColorstr='#3d6316',GradientType=0 ); /* IE6-9 */

}

.table-line-paraphcie {
	color:#ffffff;
	font-weight:bolder;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f08217+0,e95f1b+56,e5352b+100 */
background: #f08217; /* Old browsers */
background: -moz-linear-gradient(top,  #f08217 0%, #e95f1b 56%, #e5352b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f08217 0%,#e95f1b 56%,#e5352b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f08217 0%,#e95f1b 56%,#e5352b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08217', endColorstr='#e5352b',GradientType=0 ); /* IE6-9 */

}

.table-line-optique {
	color:#ffffff;
	font-weight:bolder;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e95f1b+0,e5352b+45,a81a1a+100 */
background: #e95f1b; /* Old browsers */
background: -moz-linear-gradient(top,  #e95f1b 0%, #e5352b 45%, #a81a1a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e95f1b 0%,#e5352b 45%,#a81a1a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e95f1b 0%,#e5352b 45%,#a81a1a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e95f1b', endColorstr='#a81a1a',GradientType=0 ); /* IE6-9 */

}

.table-line-mm {
	color:#ffffff;
	font-weight:bolder;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#7acbee+0,12a6d5+35,104a77+100 */
background: #7acbee; /* Old browsers */
background: -moz-linear-gradient(top,  #7acbee 0%, #12a6d5 35%, #104a77 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #7acbee 0%,#12a6d5 35%,#104a77 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #7acbee 0%,#12a6d5 35%,#104a77 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7acbee', endColorstr='#104a77',GradientType=0 ); /* IE6-9 */

}

.table-line-default {
	color:#313131;
	font-weight:bolder;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #cccccc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#cccccc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #eeeeee 0%,#cccccc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.transparent-select, .transparent-select:hover, .transparent-select:focus, .transparent-select:active {
	-webkit-box-shadow: none;
  	box-shadow: none;
	background:transparent;
	border:none;
	color:#ffffff;
}



.implantation_option {
	padding-left:0.8em !important;
}

.select_customer_implantations .dropdown-header {
	color:#ffffff !important;
	font-weight:bold;
	background-color:#619723 !important;
	padding-left:0.7em !important;
	font-size:16px  !important;
}

.select_customer_implantations {
	font-size:1.4vw  !important;
}


.subnavs_container {
  font-family: 'Helvetica bold';
  font-weight: bolder;
  padding: 5px;
  color:#ffffff;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#4e5156+0,000000+100 */
background: #4e5156; /* Old browsers */
background: -moz-linear-gradient(top,  #4e5156 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #4e5156 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #4e5156 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e5156', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.subnav_btn {
	font-size:1.2vw;
  color:#ffffff;
  padding:5px 8px 5px 8px;
  border-right : 1px solid #ffffff;
}

.subnav_btn:hover,
.subnav_btn:focus,
.subnav_btn:active {
    color:#F47E24;
    text-decoration: none;
   
}

.subnav_btn_active {
	font-size:1.2vw;
  color:#F47E24;
  padding:5px 8px 5px 8px;
  border-right : 1px solid #ffffff;
}

.subnav_btn_active:hover,
.subnav_btn_active:focus,
.subnav_btn_active:active {
    color:#F47E24;
    text-decoration: none;
   
}

span > a.text-white:hover,
span > a.text-white:focus,
span > a.text-white:active {
	color:#ffffff;
}



.news-picture {
	width:100%;
	height:auto; 
background: -moz-radial-gradient(center, ellipse cover,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9fcf7 0%,#f5f9f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);
box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);border:8px solid #ffffff; transform: rotate(-3deg); width:90%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:1vw;
}


.fulltiny {
	text-align:justify;
	color:#313131;
	background-image:none;
	background-color:#ffffff;
	background:rgba(255,255,255,1);
	padding:10px;
	resize: vertical;
    overflow: auto;
	text-transform:none;
	font-family: 'Ubuntu regular';
    letter-spacing: 1px;
	font-weight: normal;
	margin-bottom:10px;
}



.news-picture {
	width:33%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
background: -moz-radial-gradient(center, ellipse cover,  #f9fcf7 0%, #f5f9f0 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  #f9fcf7 0%,#f5f9f0 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  #f9fcf7 0%,#f5f9f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9fcf7', endColorstr='#f5f9f0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
-webkit-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);
-moz-box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);
box-shadow: 4px 4px 6px 0px rgba(0,0,0,0.44);border:8px solid #ffffff; transform: rotate(-3deg); width:90%; height:auto; margin-left:auto; margin-right:auto; margin-bottom:1vw;
}

.tox-editor-container {
	height:1px;
}



.ensicon_ville_container {
	width:100%;
	margin-bottom:0;
  transform: perspective( 600px ) rotateY( 14deg );
  position: relative;
  display:inline-block;
  background-image: linear-gradient(291deg, #a95626, #eb7d16);
  padding:0.8vw 0.8vw 0.6vw 0.8vw;
  line-height:30px;
  text-align: center;
  color: #485564;
  border-radius: 0.8vw;
  overflow: hidden;
  font-size: 14px;
  font-weight: 600;
  z-index:0;
}

.ensicon_ville_container:before {

  content: '';
  position: absolute;
  /* specify the value of border width here */
  top: 0.6vw;
  right: 0.6vw;
  bottom: 0.6vw;
  left: 0.6vw;
  /* --- */
  background-color: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  z-index: -1;
}

.marketplace_total_line {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background-color:#f2f2f2;
background:#f2f2f2;
border-top:1px solid #cdcdcd;
}


.komikax-brown {
	font-family:"Komikax";
	text-transform: uppercase;
	color:#65300E;
	text-shadow: 2px 2px 4px #5E350D;
}

.mp_alternate_navs_menu {
	padding:15px;
	margin-bottom:10px;
	border: 1px solid #dedede;
	-webkit-box-shadow: 0px 6px 10px -3px rgba(0,0,0,0.49); 
box-shadow: 0px 6px 10px -3px rgba(0,0,0,0.49);
}

.mp_alternate_navs_menu_brand {
	padding:15px;
	margin-bottom:10px;
	border: 1px solid #dedede;
	background: rgba(255,255,255,0.88);
}

.pink {
	background-color: #f7defd !important;
}



@media (max-width: 767px) {
  .myteam-logo {
  width:11.4vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .myteam-logo {
  width:20vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 992px) and (max-width: 1099px) {
  .myteam-logo {
  width:18vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 1100px) and (max-width: 1199px) {
  .myteam-logo {
  width:16vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 1200px) and (max-width: 1350px) {
  .myteam-logo {
  width:15vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 1351px) and (max-width: 1499px) {
  .myteam-logo {
  width:14vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
}

@media (min-width: 1500px) {
  .myteam-logo {
  width:12.4vw;
  height:auto;
  margin-top:0.28vw;
  margin-right:1.4vw;
}
  }


.btn_menu_cols_whidth {

}

#table-marketplace-customer-catalogues .odd {
background-color: rgba(255,255,255,0.62);

}

#table-marketplace-customer-catalogues .even {
background-color: rgba(255,255,255,0.32);

}

#table-marketplace-customer-catalogues thead {
background-color: rgba(255,255,255,0.9);

}

.home-searchbox {
	padding:30px !important;
	font-size:1.2vw !important;
}

.optgroup_custom {
	font-size:1vw;
	background-color: #dedede;
	color:#191919;
	padding:5px;

}


.select_fp_courses_filter {
	font-size:2em;
	background-color:rgba(46,46,46,1);
	color:rgba(255,255,255,1);
	border:none;
}

.select_fp_courses_filter:hover,
.select_fp_courses_filter:focus {
	color:rgba(255,255,255,1);
}

.select_fp_courses_filter_option {
	font-size:1.4vw;
	background-color:rgba(255,255,255,1);
	color:rgba(35,27,14,1);
}

.filter-fp-container {
	border:1px solid #efefef;
	margin-bottom:2vw;
}

.usercard_tab_btn {
	padding:4px 8px 4px 8px;
}




@media (max-width: 767px) {

	.col_news_content {
	text-align:center;

}
}

@media (min-width: 768px) {

	.col_news_content {
			padding-left:0px;
	}
}


.site-mobile-navbar {
	background-color: #ffffff;
	-webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2); 
box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);
}

.site-mobile-navbar-dark {
	background-color: #000000;
	color:#ffffff;
	-webkit-box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2); 
box-shadow: 0px 3px 12px -3px rgba(0,0,0,0.2);
}



@media (max-width: 768px) {

	.loading-lafacademy-page {
		margin-top:34vh;
	}

	.loading-commerce-page {
		margin-top:34vh;
	}
	
}


.user_agenda_navmenu_container {
	display:none;
	height: 100%;
	width:100%;
    top: 0;
    left: -400px;
    padding : 10px;
    overflow:hidden;
    background-color: #ffffff;
    box-shadow: 5px 5px 10px grey;
    position: absolute;
    z-index: 11;
    opacity: 0;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
}


.user_agenda_navmenu_container.enter {
 	opacity: 1;
    left: 15px;
    display:block;
 }

 .user_agenda_navmenu_nav {
 	cursor:pointer;
 	transition: all 0.25s;
    -webkit-transition: all 0.25s;
 }

 .user_agenda_navmenu_nav:hover, .user_agenda_navmenu_nav:hover {
 	color:rgba(242,103,41,1);
 }
 

.play-elearning-modal-btn {
	font-size:1.4vw;
}

.home_gml_nav_btn {
	background:rgba(228,228,228,1); 
	color:#313131;
	padding:6px;
	cursor:pointer;
	transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.home_gml_nav_btn:hover, .home_gml_nav_btn:focus {
	color:#ffffff;
	background:rgba(242,103,41,1);
}


.myteam_teamview_select_user {
	font-size:2.6vw;
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,0.8);
	transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

.myteam_teamview_select_user:hover,
.myteam_teamview_select_user:focus {
	background-color:rgba(255,255,255,0.2);
	color:rgba(0,0,0,0.8);
}

.myteam_teamview_select_user_option {
	font-size:1.4vw;
	background-color:rgba(255,255,255,1);
	color:rgba(35,27,14,1);
}


.myteam_teamview_select_admin {
	font-size:3.2vw;
	background-color:rgba(255,255,255,1);
	color:rgba(0,0,0,0.8);
	transition: all 0.25s;
    -webkit-transition: all 0.25s;
    border-radius:12px;
}

.myteam_teamview_select_admin:hover,
.myteam_teamview_select_admin:focus {
	background-color:rgba(255,255,255,0.2);
	color:rgba(0,0,0,0.8);
}

.myteam_teamview_select_admin_option {
	font-size:1.4vw;
	background-color:rgba(255,255,255,1);
	color:rgba(35,27,14,1);
}


.ui-timepicker-container{ 
     z-index:100000001 !important; 
}

.mp_navtype_btn {
	font-size:1.6vw;
	color:#646464;
	margin-left:20px;
	background-color:#ffffff;
	padding : 0px 10px 4px 10px;
	border:1px solid #dedede;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom:none;
}


.mp_navtype_btn:hover,
.mp_navtype_btn:focus {
	font-size:1.6vw;
	color:#6ebd7c;
	margin-left:20px;
	background-color:#ffffff;
	padding : 0px 10px 4px 10px;
	border:1px solid #dedede;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom:none;
}

.mp_navtype_btn_active {
font-size:1.6vw;
	color:#ffffff;
	margin-left:20px;
	background-color:#103A32;
	padding : 0px 10px 4px 10px;
	border:1px solid #dedede;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom:none;
}

.mp_navtype_btn_active:hover,
.mp_navtype_btn_active:focus {
	font-size:1.6vw;
	color:#ffffff;
	margin-left:20px;
	background-color:#103A32;
	padding : 0px 10px 4px 10px;
	border:1px solid #dedede;
	border-top-left-radius:6px;
	border-top-right-radius:6px;
	border-bottom:none;
}

.home_agenda_table td {
	border-top:2px solid #ffffff;
}

.battles_general_nav_btn {
	background:rgba(255,255,255,0.72);
	border-radius:8px;
	text-align:center;
	padding:3px 12px 3px 12px;
	margin :0 0.4vw 0 0.4vw;
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.battles_general_nav_btn:hover, 
.battles_general_nav_btn:focus {
	background:rgba(255,255,255,0.84);
	-webkit-box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
}

.battles_general_nav_btn.active {
	background:rgba(255,255,255,0.84);
	-webkit-box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
	box-shadow: 0px 0px 24px 0px rgba(255,255,255,1);
}

.btn-pharmacorp{
	background-color: #EBE100;
	color: white;
}

.btn-pharmacyal{
	background-color: #4BC0E4;
	color: white;
}

.btn-magdaleon{
	background-color: #01B171;
	color: white;
}

#qrcode {
  
  margin-top:15px;
  margin-left:auto;
  margin-right:auto;
}

#qrcode > img {

  margin-left:auto;
  margin-right:auto;
  width:50%;
  height:auto;
}