.container
{
	margin-top : 5em;
}
/* .col-lg-6em */
/* { */
	/* margin-left : 0px !important; */
/* } */

.tooltiptxt
{
	visibility: hidden;
    width: 28em;
	padding : 1em;
    background-color: #333;
    color : white;
	font-family :gt-walsheim-regular;
	font-size : 13px;
    text-align: left;
    border-radius: 6px;
    position: absolute;
    bottom: 100%;
    left: 80%;
   
    
    opacity: 0;
    transition: opacity 1s;
}
.ion-help-circled:hover .tooltiptxt {
    visibility: visible;
    opacity: 1;
}
.move
{
	margin-left : 1.5em;
}
.move-m
{
	margin-left : 2em;
}
.row
{
	justify-content : center !important;
	display : block;
}
.flag
{
	height :1em;
	width : 2em;
	display : flex;
	float : left;
	padding-top : 8em;
}
.param
{
	resize : none;
	display:flex;
}
.pad
{
	padding-top : 1.4em;
}
.center 
{ 
  display : flex;
  justify-content: center; 
} 

.btn-val
{
	display : flex;
	justify-content : space-evenly;
}
.prononc
{	
	overflow : hidden;
}

.card-move
{
	padding : 0.5em;
	margin-left : 1em;
}

.img__wrap {
  position: relative;
  height: 150px;
  width: 150px;
}

.img__description_layer {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:white;
  color: black;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;

  transition: opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
  visibility: visible;
  opacity: 0.80;
}

.img__description {
  font-size : 14px;
  transition: .2s;
  transform: translateY(1em);
}

.img__wrap:hover .img__description {
  transform: translateY(0);
}
.radio-size
{
	width : 1.5em;
	height: 1.5em;
}
.label-15
{
	font-size : 15px;
}
.label-20
{
	font-size : 20px;
}
.label-25
{
	font-size : 23px;
}
.label-30
{
	font-size : 30px;
}

.box-ref
{
 display : flex;
 justify-content : end;
}

.box-info
{
	padding : 1em;
	width : 25em;
	height: auto;
	background : #FFFAFA;
	border : 1px solid;
	justify-content : center;
	margin-top : 1.4em;
	text-align : center;
	
}
.box-musique
{
	width : 38em;
	height : 12em;
}

.card-content
{
	justify-content : center;
	border : 1px black;
	width : 35em;
}
.btn-hover { 
     
    padding: 0.7em;
	border-color: #f5ec62;
	background-color: #f5ec62;
	color: #000; 
	font-size: 16px;
}
.btn-hover2 { 
     
    padding: 1em;
	background-color: #000000;
	color : white;
	font-size: 16px;
}

.btn-hover:hover { 
    border-color : #000000;
}
.btn-hover2:hover { 
    border-color : #f5ec62;
	color : white; 
}
.btn-hover2:focus{ 
    border-color : #f5ec62;
	color : white; 
}
.btn-pad
{
	padding : 1em;
}
.hidden
{
	display : none;
}
.center-chevron 
{ 
  display : flex;
  justify-content: center; 
} 
.navbar-right
{
	padding : 1em;

}
.subnav
{
	width : 15em;
	height : 7em;
	background :#f5ec62;
	padding : 0.5em;
}
.card-header  h2.collapsed:before {
	content : "\f362";
	font-family : "Ionicons";
}

.card-header  h2:before {
	content : "\f35e";
	font-family : "Ionicons";
}
.custom-radio
{
	display : inline-block;
	text-align : center;
	padding : 0.5em
}
.custom-radio img
{
	display: block;
}
.tbl-cell 
{ 
	display: block;
}
.btn-circle
{
	background : #c3c3c3;
	border : 1px black;
	padding: 0px 3px 2px 5px;
	position : relative;
	text-align : center;
}
.btn-exemple
{
	margin-top : 0.7em;
	margin-left : 0.5em;
}
#Valider,#Enregistrer
{
	width : 15em;
}
#cardTexte
{
	background : #FEFEE0;
	
}
#cardConseiller
{
	background : #b2b28f;
}
#cardMusique
{
	background : #d1d0bd;
	
}
#cardButton
{
	background : #fdfffc;
	height : 6em;
}

#refBoxRep
{
	margin-left : 1.2em
}
#refBoxAtt
{
	margin-left : 2.7em;
}

@media (max-width: 950px)
{
	.casehalf {
		text-align : center;
	}
	label[class="label-25"] 
	{
		font-size : 20px;
	}
	
}
@media (max-width: 1700px)
{
	textarea[class="param pv"]
	{
		height :14em;
		width: 30em;
	}
	
}

#editeur_compl {
	width: 1000px;
	height: 200px;
	border: 1px solid black;
	padding: 5px;
	overflow: auto;
	background-color: white;
	font-family :arial;
	font-size: 15px;
}

.fonterreur{
	font-family: gt-walsheim-regular;
	font-size: 1.6em;
}