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

.affichageI {
position:absolute;
right:10px;
top:10px;
background-color: #efad2b;
padding:6px;
	padding-left:10px;
	padding-right:10px;
border: 1px solid white;
color:white;
border-radius: 8px;	
font-size:15px;
}

.carouselTexte {
	
}

.beta{
position: absolute;
	top:0;
	right:0;
	z-index:20;
}

.interdit {
	cursor:not-allowed;
}

.carousel-indicators li {
    width: 9px;
    height: 9px;
    border-radius: 100%;
}
.carousel-indicators {
    bottom: -12px;
}

.carousel-control-prev-icon {
     width: 17px;
     height: 17px;
}
 .carousel-control-next-icon {
     width: 17px;
     height: 17px;
}

ul.listeSansPuce {
  list-style-type: none;
	padding-left:10px;
}

.barre-laterale {
position:relative;
  padding: 5px;
  color: floralwhite;
  background: #efad2b;
}
.h5 {
font-family: 'Noto Sans SC', sans-serif;
font-size:15px;
font-weight: bold;
}
.titreBarre {
  color: #7c3e99;
margin-top:6px;
	margin-bottom:10px;
	margin-left :4px;
	margin-right:4px;
}

.deconnexion {
position:absolute;
top:0px;
right:0px;	
padding:6px;
padding-left:9px;
padding-bottom:8px;
background-color: #efad2b;
color:#FFFFFF;
border-bottom-left-radius:6px;
	z-index:1;
}
.encartHD {
position:absolute;
top:0px;
right:0px;	
padding:6px;
padding-left:9px;
padding-bottom:8px;
background-color: #efad2b;
color:#FFFFFF;
border-bottom-left-radius:6px;
	z-index:1;
}
.encartHD:hover {
background-color: #7c3e99;
}

.encartBD {
position:absolute;
bottom:0px;
right:0px;	
padding:6px;
padding-left:8px;
padding-top:8px;
background-color: #FFFFFF;
color:#efad2b;
border-top-left-radius:6px;
	z-index:3;
}
.encartBD:hover {
background-color:  #CCCCCC;
}
.encartBG {
position:absolute;
bottom:0px;
left:0px;	
padding:6px;
padding-right:8px;
padding-top:8px;
background-color: #FFFFFF;
color:#efad2b;
border-top-right-radius:6px;
	z-index:1;
}
.encartTHG {
position:absolute;
top:0px;
left:0px;	
padding:6px;
padding-right:8px;
padding-left:15px;
padding-top:8px;
background-color: #FFFFFF;
color:#efad2b;
border-top-right-radius:6px;
border-top-left-radius:20px;
	z-index:1;
}
.encartBG:hover {
background-color:  #CCCCCC;
}

.petit {
font-size:14px;
color:#555;	
	
}

.haut-cadre {
	position:relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  border: 4px solid #efad2b;
	box-sizing: content-box;
  margin-top:6px;
  padding: 10px;
  border-radius: 20px 20px 0 0;
  font: normal normal 16px/1 ;
  color: #7c3e99;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #efad2b;
  border-bottom: 2px solid #efad2b;
}
.bas-cadre {
	position:relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 16px;
  border: 4px solid #efad2b;
    border-top-width: 1px;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  font: normal 15px/1;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgb(255,255,255);
}
.milieu-cadre {
	position:relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 16px;
  border: 4px solid #efad2b;
    border-top-width: 1px;
  -webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  font: normal 15px/1;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: rgb(255,255,255);
}
.footer-cadre {
	position:relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 16px;
  border: 4px solid #efad2b;
    border-top-width: 1px;
  -webkit-border-radius: 0 0 20px 20px;
  border-radius: 0 0 20px 20px;
  font: normal 15px/1;
  color: rgba(0,0,0,1);
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #efad2b;
	font-size: 13px;
}

.footer-cadre:active, 
.footer-cadre.active, a { 
color:#82522d;
} 
.footer-cadre.active, a:hover { 
color:#7c3e99;
}

.Partiecours {
font-family: 'Noto Sans SC', sans-serif;
font-size:24px;
color:#82522d;
}
img {
	max-width:100%;
	height:auto;	
}
iframe {
	max-width:100%;
}
h1 {
font-family: 'Noto Sans SC', sans-serif;
font-size:24px;
	line-height: 1.2;
margin-top:5px;
margin-bottom:15px;

}

h2 {
font-family: 'Noto Sans SC', sans-serif;
font-size:20px;
color:#82522d;
}

.h2icon {
	margin:8px;
font-size:36px;
color: #82522d;
}

.h3icon {
	margin:8px;
font-size:36px;
color: #efad2b;
}
.h4icon {
font-size:22px;
color: #efad2b;
	margin-bottom:5px;
}
.h4texte {
font-size:15px;
color: #7c3e99;
font-weight: bold;
font-family: 'Noto Sans SC', sans-serif;
	margin-bottom:5px;
}
.nombreIndex {
font-family: 'Noto Sans SC', sans-serif;
font-size:40px;
color: #7c3e99;
}

h3 {
font-family: 'Noto Sans SC', sans-serif;
font-size:16px;
font-weight: bold;
color: #efad2b;
}
h4 {
font-family: 'Noto Sans SC', sans-serif;
font-size:15px;
color: #7c3e99;
}

h5 {
font-family: 'Noto Sans SC', sans-serif;
font-size:14px;
color: #333333;
margin-bottom:15px;
}

.h3-sec {
font-family: 'Noto Sans SC', sans-serif;
font-size:22px;
font-weight: bold;
color: #efad2b;
}

.btn-primary {
background-color: #efad2b;
border-color:#efad2b;
color:#7c3e99;
	font-weight: bold;
}
.btn-primary:hover {
background-color: #82522d;
border-color:#82522d;
color:white;
	font-weight: bold;
}
.btn-warning {
background-color: #7c3e99;
border-color:#7c3e99;
	color:000000;
}

.cadreGauche {
border-right:solid 2px #efad2b;
}

.nav-tab {
color: #82522d;
}
.nav-link {
color: #82522d;
}

.nav-link.active {
font-weight: bold;
}

.btn-EG-bleu { 
  color: #ffffff; 
  background-color: #efad2b; 
  border-color: #02527D; 
} 
 
.btn-EG-bleu:hover, 
.btn-EG-bleu:focus, 
.btn-EG-bleu:active, 
.btn-EG-bleu.active, 
.open .dropdown-toggle.btn-EG-bleu { 
  color: #ffffff; 
  background-color: #074D73; 
  border-color: #7c3e99; 
} 
 
.btn-EG-bleu:active, 
.btn-EG-bleu.active, 
.open .dropdown-toggle.btn-EG-bleu { 
  background-image: none; 
} 
 
.btn-EG-bleu.disabled, 
.btn-EG-bleu[disabled], 
fieldset[disabled] .btn-EG-bleu, 
.btn-EG-bleu.disabled:hover, 
.btn-EG-bleu[disabled]:hover, 
fieldset[disabled] .btn-EG-bleu:hover, 
.btn-EG-bleu.disabled:focus, 
.btn-EG-bleu[disabled]:focus, 
fieldset[disabled] .btn-EG-bleu:focus, 
.btn-EG-bleu.disabled:active, 
.btn-EG-bleu[disabled]:active, 
fieldset[disabled] .btn-EG-bleu:active, 
.btn-EG-bleu.disabled.active, 
.btn-EG-bleu[disabled].active, 
fieldset[disabled] .btn-EG-bleu.active { 
  background-color: #efad2b; 
  border-color: #02527D; 
} 
 
.btn-EG-bleu .badge { 
  color: #efad2b; 
  background-color: #ffffff; 
}



.btn-EG-jaune { 
  color: #000000; 
  background-color: #7c3e99; 
  border-color: #C48404; 
} 
 
.btn-EG-jaune:hover, 
.btn-EG-jaune:focus, 
.btn-EG-jaune:active, 
.btn-EG-jaune.active, 
.open .dropdown-toggle.btn-EG-jaune { 
  color: #000000; 
  background-color: #D6930D; 
  border-color: #C48404; 
} 
 
.btn-EG-jaune:active, 
.btn-EG-jaune.active, 
.open .dropdown-toggle.btn-EG-jaune { 
  background-image: none; 
} 
 
.btn-EG-jaune.disabled, 
.btn-EG-jaune[disabled], 
fieldset[disabled] .btn-EG-jaune, 
.btn-EG-jaune.disabled:hover, 
.btn-EG-jaune[disabled]:hover, 
fieldset[disabled] .btn-EG-jaune:hover, 
.btn-EG-jaune.disabled:focus, 
.btn-EG-jaune[disabled]:focus, 
fieldset[disabled] .btn-EG-jaune:focus, 
.btn-EG-jaune.disabled:active, 
.btn-EG-jaune[disabled]:active, 
fieldset[disabled] .btn-EG-jaune:active, 
.btn-EG-jaune.disabled.active, 
.btn-EG-jaune[disabled].active, 
fieldset[disabled] .btn-EG-jaune.active { 
  background-color: #7c3e99; 
  border-color: #C48404; 
} 
 
.btn-EG-jaune .badge { 
  color: #7c3e99; 
  background-color: #000000; 
}


.btn-EG-vert { 
  color: #FFFFFF; 
  background-color: #00AFBD; 
  border-color: #00929C; 
} 
 
.btn-EG-vert:hover, 
.btn-EG-vert:focus, 
.btn-EG-vert:active, 
.btn-EG-vert.active, 
.open .dropdown-toggle.btn-EG-vert { 
  color: #FFFFFF; 
  background-color: #009BA6; 
  border-color: #00929C; 
} 
 
.btn-EG-vert:active, 
.btn-EG-vert.active, 
.open .dropdown-toggle.btn-EG-vert { 
  background-image: none; 
} 
 
.btn-EG-vert.disabled, 
.btn-EG-vert[disabled], 
fieldset[disabled] .btn-EG-vert, 
.btn-EG-vert.disabled:hover, 
.btn-EG-vert[disabled]:hover, 
fieldset[disabled] .btn-EG-vert:hover, 
.btn-EG-vert.disabled:focus, 
.btn-EG-vert[disabled]:focus, 
fieldset[disabled] .btn-EG-vert:focus, 
.btn-EG-vert.disabled:active, 
.btn-EG-vert[disabled]:active, 
fieldset[disabled] .btn-EG-vert:active, 
.btn-EG-vert.disabled.active, 
.btn-EG-vert[disabled].active, 
fieldset[disabled] .btn-EG-vert.active { 
  background-color: #00AFBD; 
  border-color: #00929C; 
} 
 
.btn-EG-vert .badge { 
  color: #00AFBD; 
  background-color: #FFFFFF; 
}

.btn-EG-marron { 
  color: #FFFFFF; 
  background-color: #7c3e99; 
  border-color: #824211; 
} 
 
.btn-EG-marron:hover, 
.btn-EG-marron:focus, 
.btn-EG-marron:active, 
.btn-EG-marron.active, 
.open .dropdown-toggle.btn-EG-marron { 
  color: #FFFFFF; 
  background-color: #593215; 
  border-color: #824211; 
} 
 
.btn-EG-marron:active, 
.btn-EG-marron.active, 
.open .dropdown-toggle.btn-EG-marron { 
  background-image: none; 
} 
 
.btn-EG-marron.disabled, 
.btn-EG-marron[disabled], 
fieldset[disabled] .btn-EG-marron, 
.btn-EG-marron.disabled:hover, 
.btn-EG-marron[disabled]:hover, 
fieldset[disabled] .btn-EG-marron:hover, 
.btn-EG-marron.disabled:focus, 
.btn-EG-marron[disabled]:focus, 
fieldset[disabled] .btn-EG-marron:focus, 
.btn-EG-marron.disabled:active, 
.btn-EG-marron[disabled]:active, 
fieldset[disabled] .btn-EG-marron:active, 
.btn-EG-marron.disabled.active, 
.btn-EG-marron[disabled].active, 
fieldset[disabled] .btn-EG-marron.active { 
  background-color: #7c3e99; 
  border-color: #824211; 
} 
 
.btn-EG-marron .badge { 
  color: #7c3e99; 
  background-color: #FFFFFF; 
}

.btn-EG-rose { 
  color: #FFFFFF; 
  background-color: #D32E70; 
  border-color: #C71A5F; 
} 
 
.btn-EG-rose:hover, 
.btn-EG-rose:focus, 
.btn-EG-rose:active, 
.btn-EG-rose.active, 
.open .dropdown-toggle.btn-EG-rose { 
  color: #FFFFFF; 
  background-color: #B0295F; 
  border-color: #C71A5F; 
} 
 
.btn-EG-rose:active, 
.btn-EG-rose.active, 
.open .dropdown-toggle.btn-EG-rose { 
  background-image: none; 
} 
 
.btn-EG-rose.disabled, 
.btn-EG-rose[disabled], 
fieldset[disabled] .btn-EG-rose, 
.btn-EG-rose.disabled:hover, 
.btn-EG-rose[disabled]:hover, 
fieldset[disabled] .btn-EG-rose:hover, 
.btn-EG-rose.disabled:focus, 
.btn-EG-rose[disabled]:focus, 
fieldset[disabled] .btn-EG-rose:focus, 
.btn-EG-rose.disabled:active, 
.btn-EG-rose[disabled]:active, 
fieldset[disabled] .btn-EG-rose:active, 
.btn-EG-rose.disabled.active, 
.btn-EG-rose[disabled].active, 
fieldset[disabled] .btn-EG-rose.active { 
  background-color: #D32E70; 
  border-color: #C71A5F; 
} 
 
.btn-EG-rose .badge { 
  color: #D32E70; 
  background-color: #FFFFFF; 
}

.btn-EG-violet { 
  color: #FFFFFF; 
  background-color: #5823D3; 
  border-color: #400EB5; 
} 
 
.btn-EG-violet:hover, 
.btn-EG-violet:focus, 
.btn-EG-violet:active, 
.btn-EG-violet.active, 
.open .dropdown-toggle.btn-EG-violet { 
  color: #FFFFFF; 
  background-color: #421B9E; 
  border-color: #400EB5; 
} 
 
.btn-EG-violet:active, 
.btn-EG-violet.active, 
.open .dropdown-toggle.btn-EG-violet { 
  background-image: none; 
} 
 
.btn-EG-violet.disabled, 
.btn-EG-violet[disabled], 
fieldset[disabled] .btn-EG-violet, 
.btn-EG-violet.disabled:hover, 
.btn-EG-violet[disabled]:hover, 
fieldset[disabled] .btn-EG-violet:hover, 
.btn-EG-violet.disabled:focus, 
.btn-EG-violet[disabled]:focus, 
fieldset[disabled] .btn-EG-violet:focus, 
.btn-EG-violet.disabled:active, 
.btn-EG-violet[disabled]:active, 
fieldset[disabled] .btn-EG-violet:active, 
.btn-EG-violet.disabled.active, 
.btn-EG-violet[disabled].active, 
fieldset[disabled] .btn-EG-violet.active { 
  background-color: #5823D3; 
  border-color: #400EB5; 
} 
 
.btn-EG-violet .badge { 
  color: #5823D3; 
  background-color: #FFFFFF; 
}

.btn-blue { 
  color: #ffffff; 
  background-color: #1B30BD; 
  border-color: #021869; 
} 
 
.btn-blue:hover, 
.btn-blue:focus, 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  color: #ffffff; 
  background-color: #1E2594; 
  border-color: #021869; 
} 
 
.btn-blue:active, 
.btn-blue.active, 
.open .dropdown-toggle.btn-blue { 
  background-image: none; 
} 
 
.btn-blue.disabled, 
.btn-blue[disabled], 
fieldset[disabled] .btn-blue, 
.btn-blue.disabled:hover, 
.btn-blue[disabled]:hover, 
fieldset[disabled] .btn-blue:hover, 
.btn-blue.disabled:focus, 
.btn-blue[disabled]:focus, 
fieldset[disabled] .btn-blue:focus, 
.btn-blue.disabled:active, 
.btn-blue[disabled]:active, 
fieldset[disabled] .btn-blue:active, 
.btn-blue.disabled.active, 
.btn-blue[disabled].active, 
fieldset[disabled] .btn-blue.active { 
  background-color: #1B30BD; 
  border-color: #021869; 
} 
 
.btn-blue .badge { 
  color: #1B30BD; 
  background-color: #ffffff; 
}


.btn-red { 
  color: #ffffff; 
  background-color: #BD1B1B; 
  border-color: #690202; 
} 
 
.btn-red:hover, 
.btn-red:focus, 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  color: #ffffff; 
  background-color: #941E1E; 
  border-color: #690202; 
} 
 
.btn-red:active, 
.btn-red.active, 
.open .dropdown-toggle.btn-red { 
  background-image: none; 
} 
 
.btn-red.disabled, 
.btn-red[disabled], 
fieldset[disabled] .btn-red, 
.btn-red.disabled:hover, 
.btn-red[disabled]:hover, 
fieldset[disabled] .btn-red:hover, 
.btn-red.disabled:focus, 
.btn-red[disabled]:focus, 
fieldset[disabled] .btn-red:focus, 
.btn-red.disabled:active, 
.btn-red[disabled]:active, 
fieldset[disabled] .btn-red:active, 
.btn-red.disabled.active, 
.btn-red[disabled].active, 
fieldset[disabled] .btn-red.active { 
  background-color: #BD1B1B; 
  border-color: #690202; 
} 
 
.btn-red .badge { 
  color: #BD1B1B; 
  background-color: #ffffff; 
}

.btn-pink { 
  color: #ffffff; 
  background-color: #CC047F; 
  border-color: #690247; 
} 
 
.btn-pink:hover, 
.btn-pink:focus, 
.btn-pink:active, 
.btn-pink.active, 
.open .dropdown-toggle.btn-pink { 
  color: #ffffff; 
  background-color: #941E67; 
  border-color: #690247; 
} 
 
.btn-pink:active, 
.btn-pink.active, 
.open .dropdown-toggle.btn-pink { 
  background-image: none; 
} 
 
.btn-pink.disabled, 
.btn-pink[disabled], 
fieldset[disabled] .btn-pink, 
.btn-pink.disabled:hover, 
.btn-pink[disabled]:hover, 
fieldset[disabled] .btn-pink:hover, 
.btn-pink.disabled:focus, 
.btn-pink[disabled]:focus, 
fieldset[disabled] .btn-pink:focus, 
.btn-pink.disabled:active, 
.btn-pink[disabled]:active, 
fieldset[disabled] .btn-pink:active, 
.btn-pink.disabled.active, 
.btn-pink[disabled].active, 
fieldset[disabled] .btn-pink.active { 
  background-color: #CC047F; 
  border-color: #690247; 
} 
 
.btn-pink .badge { 
  color: #CC047F; 
  background-color: #ffffff; 
}

.btn-brown { 
  color: #ffffff; 
  background-color: #7A4100; 
  border-color: #692D02; 
} 
 
.btn-brown:hover, 
.btn-brown:focus, 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  color: #ffffff; 
  background-color: #5E2700; 
  border-color: #692D02; 
} 
 
.btn-brown:active, 
.btn-brown.active, 
.open .dropdown-toggle.btn-brown { 
  background-image: none; 
} 
 
.btn-brown.disabled, 
.btn-brown[disabled], 
fieldset[disabled] .btn-brown, 
.btn-brown.disabled:hover, 
.btn-brown[disabled]:hover, 
fieldset[disabled] .btn-brown:hover, 
.btn-brown.disabled:focus, 
.btn-brown[disabled]:focus, 
fieldset[disabled] .btn-brown:focus, 
.btn-brown.disabled:active, 
.btn-brown[disabled]:active, 
fieldset[disabled] .btn-brown:active, 
.btn-brown.disabled.active, 
.btn-brown[disabled].active, 
fieldset[disabled] .btn-brown.active { 
  background-color: #7A4100; 
  border-color: #692D02; 
} 
 
.btn-brown .badge { 
  color: #7A4100; 
  background-color: #ffffff; 
}

.btn-yellow { 
  color: #ffffff; 
  background-color: #D6AF00; 
  border-color: #FFE600; 
} 
 
.btn-yellow:hover, 
.btn-yellow:focus, 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  color: #ffffff; 
  background-color: #C29E00; 
  border-color: #FFE600; 
} 
 
.btn-yellow:active, 
.btn-yellow.active, 
.open .dropdown-toggle.btn-yellow { 
  background-image: none; 
} 
 
.btn-yellow.disabled, 
.btn-yellow[disabled], 
fieldset[disabled] .btn-yellow, 
.btn-yellow.disabled:hover, 
.btn-yellow[disabled]:hover, 
fieldset[disabled] .btn-yellow:hover, 
.btn-yellow.disabled:focus, 
.btn-yellow[disabled]:focus, 
fieldset[disabled] .btn-yellow:focus, 
.btn-yellow.disabled:active, 
.btn-yellow[disabled]:active, 
fieldset[disabled] .btn-yellow:active, 
.btn-yellow.disabled.active, 
.btn-yellow[disabled].active, 
fieldset[disabled] .btn-yellow.active { 
  background-color: #D6AF00; 
  border-color: #FFE600; 
} 
 
.btn-yellow .badge { 
  color: #D6AF00; 
  background-color: #ffffff; 
}

.btn-orange { 
  color: #ffffff; 
  background-color: #D67200; 
  border-color: #B86200; 
} 
 
.btn-orange:hover, 
.btn-orange:focus, 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  color: #ffffff; 
  background-color: #BA6D00; 
  border-color: #B86200; 
} 
 
.btn-orange:active, 
.btn-orange.active, 
.open .dropdown-toggle.btn-orange { 
  background-image: none; 
} 
 
.btn-orange.disabled, 
.btn-orange[disabled], 
fieldset[disabled] .btn-orange, 
.btn-orange.disabled:hover, 
.btn-orange[disabled]:hover, 
fieldset[disabled] .btn-orange:hover, 
.btn-orange.disabled:focus, 
.btn-orange[disabled]:focus, 
fieldset[disabled] .btn-orange:focus, 
.btn-orange.disabled:active, 
.btn-orange[disabled]:active, 
fieldset[disabled] .btn-orange:active, 
.btn-orange.disabled.active, 
.btn-orange[disabled].active, 
fieldset[disabled] .btn-orange.active { 
  background-color: #D67200; 
  border-color: #B86200; 
} 
 
.btn-orange .badge { 
  color: #D67200; 
  background-color: #ffffff; 
}

.btn-purple { 
  color: #ffffff; 
  background-color: #7B2FBD; 
  border-color: #6810A6; 
} 
 
.btn-purple:hover, 
.btn-purple:focus, 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  color: #ffffff; 
  background-color: #5F1891; 
  border-color: #6810A6; 
} 
 
.btn-purple:active, 
.btn-purple.active, 
.open .dropdown-toggle.btn-purple { 
  background-image: none; 
} 
 
.btn-purple.disabled, 
.btn-purple[disabled], 
fieldset[disabled] .btn-purple, 
.btn-purple.disabled:hover, 
.btn-purple[disabled]:hover, 
fieldset[disabled] .btn-purple:hover, 
.btn-purple.disabled:focus, 
.btn-purple[disabled]:focus, 
fieldset[disabled] .btn-purple:focus, 
.btn-purple.disabled:active, 
.btn-purple[disabled]:active, 
fieldset[disabled] .btn-purple:active, 
.btn-purple.disabled.active, 
.btn-purple[disabled].active, 
fieldset[disabled] .btn-purple.active { 
  background-color: #7B2FBD; 
  border-color: #6810A6; 
} 
 
.btn-purple .badge { 
  color: #7B2FBD; 
  background-color: #ffffff; 
}

.btn-aqua { 
  color: #ffffff; 
  background-color: #196B7D; 
  border-color: #135D6E; 
} 
 
.btn-aqua:hover, 
.btn-aqua:focus, 
.btn-aqua:active, 
.btn-aqua.active, 
.open .dropdown-toggle.btn-aqua { 
  color: #ffffff; 
  background-color: #115666; 
  border-color: #135D6E; 
} 
 
.btn-aqua:active, 
.btn-aqua.active, 
.open .dropdown-toggle.btn-aqua { 
  background-image: none; 
} 
 
.btn-aqua.disabled, 
.btn-aqua[disabled], 
fieldset[disabled] .btn-aqua, 
.btn-aqua.disabled:hover, 
.btn-aqua[disabled]:hover, 
fieldset[disabled] .btn-aqua:hover, 
.btn-aqua.disabled:focus, 
.btn-aqua[disabled]:focus, 
fieldset[disabled] .btn-aqua:focus, 
.btn-aqua.disabled:active, 
.btn-aqua[disabled]:active, 
fieldset[disabled] .btn-aqua:active, 
.btn-aqua.disabled.active, 
.btn-aqua[disabled].active, 
fieldset[disabled] .btn-aqua.active { 
  background-color: #196B7D; 
  border-color: #135D6E; 
} 
 
.btn-aqua .badge { 
  color: #196B7D; 
  background-color: #ffffff; 
}

.btn-olive { 
  color: #ffffff; 
  background-color: #52911B; 
  border-color: #236E13; 
} 
 
.btn-olive:hover, 
.btn-olive:focus, 
.btn-olive:active, 
.btn-olive.active, 
.open .dropdown-toggle.btn-olive { 
  color: #ffffff; 
  background-color: #40730E; 
  border-color: #236E13; 
} 
 
.btn-olive:active, 
.btn-olive.active, 
.open .dropdown-toggle.btn-olive { 
  background-image: none; 
} 
 
.btn-olive.disabled, 
.btn-olive[disabled], 
fieldset[disabled] .btn-olive, 
.btn-olive.disabled:hover, 
.btn-olive[disabled]:hover, 
fieldset[disabled] .btn-olive:hover, 
.btn-olive.disabled:focus, 
.btn-olive[disabled]:focus, 
fieldset[disabled] .btn-olive:focus, 
.btn-olive.disabled:active, 
.btn-olive[disabled]:active, 
fieldset[disabled] .btn-olive:active, 
.btn-olive.disabled.active, 
.btn-olive[disabled].active, 
fieldset[disabled] .btn-olive.active { 
  background-color: #52911B; 
  border-color: #236E13; 
} 
 
.btn-olive .badge { 
  color: #52911B; 
  background-color: #ffffff; 
}

.btn-or { 
  color: #ffffff; 
  background-color: #C29800; 
  border-color: #A88400; 
} 
 
.btn-or:hover, 
.btn-or:focus, 
.btn-or:active, 
.btn-or.active, 
.open .dropdown-toggle.btn-or { 
  color: #ffffff; 
  background-color: #AB7D00; 
  border-color: #A88400; 
} 
 
.btn-or:active, 
.btn-or.active, 
.open .dropdown-toggle.btn-or { 
  background-image: none; 
} 
 
.btn-or.disabled, 
.btn-or[disabled], 
fieldset[disabled] .btn-or, 
.btn-or.disabled:hover, 
.btn-or[disabled]:hover, 
fieldset[disabled] .btn-or:hover, 
.btn-or.disabled:focus, 
.btn-or[disabled]:focus, 
fieldset[disabled] .btn-or:focus, 
.btn-or.disabled:active, 
.btn-or[disabled]:active, 
fieldset[disabled] .btn-or:active, 
.btn-or.disabled.active, 
.btn-or[disabled].active, 
fieldset[disabled] .btn-or.active { 
  background-color: #C29800; 
  border-color: #A88400; 
} 
 
.btn-or .badge { 
  color: #C29800; 
  background-color: #ffffff; 
}





.bg-levelV-90{
	background-color:#4FC74A!important
}
a.bg-levelV-90:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#4FC74C!important
}

.bg-levelV-80{
	background-color:#78D913!important
}
a.bg-levelV-80:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#78D915!important
}

.bg-levelV-70{
	background-color:#95EB02!important
}
a.bg-levelV-70:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#95EB04!important
}

.bg-levelV-60{
	background-color:#C7F90E!important
}
a.bg-levelV-60:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#C7F90E!important
}

.bg-levelV-50{
	background-color:#D2D800!important
}
a.bg-levelV-50:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#D2D800!important
}

.bg-levelV-40{
	background-color:#E89E00!important
}
a.bg-levelV-40:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#E89E00!important
}

.bg-levelV-30{
	background-color:#E57200!important
}
a.bg-levelV-30:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#E57200!important
}

.bg-levelV-20{
	background-color:#E44E00!important
}
a.bg-levelV-20:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#E44E00!important
}
.bg-levelV-10{
	background-color:#DC0003!important
}
a.bg-levelV-10:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#DC0003!important
}

.bg-levelV-5{
	background-color:#780002!important
}
a.bg-levelV-5:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#780002!important
}

.bg-levelV-0{
	background-color:#000000!important
}
a.bg-levelV-0:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{
	background-color:#000000!important
}

.TitrePhase {
	position:relative;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 6px;
  color: #FFF;
  text-align: center;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  background: #efad2b;
  font-size:18px;
  font-weight:bold;	
  letter-spacing:0.11em;
}

.card {
border-color: #7c3e99;
	margin-top:8px;
	margin-bottom:5px;
}


.progressScore {
				height: 10px;
				border-radius: 10px;
				-webkit-box-shadow: none;
				box-shadow: none;
				background-color: #000000;
				border: solid 2px #222222;
				overflow: visible;
			}
			.progress-barScore {
				background-color: #686E85;
				-webkit-box-shadow: none;
				box-shadow: none;
				text-align: right;
				border-radius: 10px;
				position: relative;
			}
			.progress-barScore::before {
				content: attr(aria-valuenow);
				top: -40px;
				padding: 5px;
				background-color: #686E85;
				border: solid 2px #B4BAD2;
				border-radius: 10px;
				position: absolute;
				width: 60px;
				z-index: 1;
				color: #B4BAD2;
				margin-left: -30px;
				text-align: center;
				font-family: "Roboto";
			}
			.progress-barScore::after {
				top: -14px;
				height: 10px;
				width: 14px;
				background-color: #B4BAD2;
				position: absolute;
				content: " ";
				z-index: 0;
				transform: rotate(45deg);
				margin-left: -8px;
			}




.nav.nav-justified > li > a { position: relative; }
.nav.nav-justified > li > a:hover,
.nav.nav-justified > li > a:focus { background-color: transparent; }
.nav.nav-justified > li > a > .quote {
    position: absolute;
    left: 0px;
    top: 0;
    opacity: 0;
    width: 30px;
    height: 30px;
    padding: 5px;
    background-color: #13c0ba;
    border-radius: 15px;
    color: #fff;  
}
.nav.nav-justified > li.active > a > .quote { opacity: 1; }
.nav.nav-justified > li > a > img { box-shadow: 0 0 0 5px #13c0ba; }
.nav.nav-justified > li > a > img { 
    max-width: 100%; 
    opacity: .3; 
    -webkit-transform: scale(.8,.8);
            transform: scale(.8,.8);
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.nav.nav-justified > li.active > a > img,
.nav.nav-justified > li:hover > a > img,
.nav.nav-justified > li:focus > a > img { 
    opacity: 1; 
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            transition: all 0.3s 0s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.tab-pane .tab-inner { padding: 30px 0 20px; }

@media (min-width: 768px) {
    .nav.nav-justified > li > a > .quote {
        left: auto;
        top: auto;
        right: 20px;
        bottom: 0px;
    }  
}

.savoirplus {
font-size:13px;
font-style:italic;
}

@media screen and (max-width: 640px) {
.AffPseudo {
z-index:3;
font-size:10px;
position:absolute;
top:0px;
right:0px;	
padding:2px;
padding-left:4px;
padding-bottom:4px;
background-color: #efad2b;
color:#FFFFFF;
border-bottom-left-radius:3px;
}

}