/* Empêcher la surbrillance et la sélection de texte */
html {
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    user-select: none;
}
/*  A voir si besoin
::selection { background: transparent; color:inherit; }
::-moz-selection { background: transparent; color:inherit; }
*/


 /* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
	
	}

.notooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
z-index:5;
    visibility: hidden;
    width: 200px;
    background-color: #BBB;
    color: #000;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
   
    /* Position the tooltip text */
    position: absolute;
    
    bottom: 125%;
    left: 50%;
    margin-left: 16px;
	margin-bottom: -8px;

    /* Fade in tooltip */
    opacity: 0;
// transition: opacity 1s;


}





/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 5px;
    margin-left: -14px;
	margin-top: -1px;
    border-width: 5px;
    border-style: solid;
    border-color: #FFF transparent transparent transparent;
	-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
z-index:1000;

}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
	 
	 
	 //-webkit-animation: fadeintooltip 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeintooltip 0.5s; /* Firefox < 16 */
        -ms-animation: fadeintooltip 0.5s; /* Internet Explorer */
         -o-animation: fadeintooltip 0.5s; /* Opera < 12.1 */
            animation: fadeintooltip 0.5s;
	
		
} 


/* fenêtre popup */

 
/* obscurcissement de l'écran, qui agit également comme un conteneur */
.black_overlay {

  display: none;
  position:fixed;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  min-height:400px;
  
  background-color: black;
  z-index: 1001;
  -moz-opacity: 0.9;
  opacity: .90;
  filter: alpha(opacity=90);
  
  /* apparition progressive (fadein) */
      -webkit-animation: fadeinoverlay 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinoverlay 0.5s; /* Firefox < 16 */
        -ms-animation: fadeinoverlay 0.5s; /* Internet Explorer */
         -o-animation: fadeinoverlay 0.5s; /* Opera < 12.1 */
            animation: fadeinoverlay 0.5s;
   
  
}

.black_overlay_attente {

  display: none;
  position:fixed;
  top:0%;
  left:0%;
  width:100%;
  height:100%;
  min-height:400px;
  
  background-color: black;
  z-index: 1003;
  -moz-opacity: 0.9;
  opacity: .70;
  filter: alpha(opacity=70);
  
  /* apparition progressive (fadein) */
      -webkit-animation: fadeinoverlayattente 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadeinoverlayattente 0.5s; /* Firefox < 16 */
        -ms-animation: fadeinoverlayattente 0.5s; /* Internet Explorer */
         -o-animation: fadeinoverlayattente 0.5s; /* Opera < 12.1 */
            animation: fadeinoverlayattente 0.5s;
   
  
}


/* fenêtre popup elle-même */

.classefenetreedition {
 
  display: none;
  position: absolute;
 
 
  width: 900px;
  height: 400px;
  
  top: 100px;
  /* top: 50%;
  margin-top:-200px; */
 
  /* Centrage horizontal 
  margin-left: auto;
  margin-right: auto;
  */
  
  margin-left: 500px;


  padding: 10px;
  border: 0px solid orange;
  background-color: #222;
  z-index: 1002;
  overflow: auto;
  border-radius: 8px;

    /* apparition progressive (fadein) */
    -webkit-animation: fadein 0.5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.5s; /* Firefox < 16 */
        -ms-animation: fadein 0.5s; /* Internet Explorer */
         -o-animation: fadein 0.5s; /* Opera < 12.1 */
            animation: fadein 0.5s;
}




   /* Couleur des liens */

.classefenetreedition a {color: #aaa;}
.classefenetreedition a:link. {color: #aaa;}
.classefenetreedition a:visited {color: #aaa;}
.classefenetreedition a:hover {color: #aaa;}
.classefenetreedition a:active {color: #aaa;}


  /* Réglage des clés pour apparition progressive de la fenetre */

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadein { /* Firefox < 16 */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadein { /* Safari, Chrome and Opera > 12.1 */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadein { /* Internet Explorer */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadein { /* Opera < 12.1 */
    from { opacity: 0; }
    to   { opacity: 1; }
}


  /* Réglage des clés pour apparition progressive de la tooltip */
@keyframes fadeintooltip {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-moz-keyframes fadeintooltip { /* Firefox < 16 */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-webkit-keyframes fadeintooltip { /* Safari, Chrome and Opera > 12.1 */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-ms-keyframes fadeintooltip { /* Internet Explorer */
    from { opacity: 0; }
    to   { opacity: 1; }
}

@-o-keyframes fadeintooltip { /* Opera < 12.1 */
    from { opacity: 0; }
    to   { opacity: 1; }
}









  /* Réglage des clés pour apparition progressive de l'overlay (arrêt à opécité 0,9) */

@keyframes fadeinoverlay {
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

@-moz-keyframes fadeinoverlay { /* Firefox < 16 */
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

@-webkit-keyframes fadeinoverlay { /* Safari, Chrome and Opera > 12.1 */
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

@-ms-keyframes fadeinoverlay { /* Internet Explorer */
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

@-o-keyframes fadeinoverlay { /* Opera < 12.1 */
    from { opacity: 0; }
    to   { opacity: 0.9; }
}

  /* Réglage des clés pour apparition progressive de l'overlay (arrêt à opécité 0,7) */

@keyframes fadeinoverlayattente {
    from { opacity: 0; }
    to   { opacity: 0.7; }
}

@-moz-keyframes fadeinoverlayattente { /* Firefox < 16 */
    from { opacity: 0; }
    to   { opacity: 0.7; }
}

@-webkit-keyframes fadeinoverlayattente { /* Safari, Chrome and Opera > 12.1 */
    from { opacity: 0; }
    to   { opacity: 0.7; }
}

@-ms-keyframes fadeinoverlayattente { /* Internet Explorer */
    from { opacity: 0; }
    to   { opacity: 0.7; }
}

@-o-keyframes fadeinoverlayattente { /* Opera < 12.1 */
    from { opacity: 0; }
    to   { opacity: 0.7; }
}



  /* Fade out */

@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0;  visibility:hidden;}
}

@-moz-keyframes fadeout { /* Firefox < 16 */
    from { opacity: 1; }
    to   { opacity: 0; visibility:hidden;}
}

@-webkit-keyframes fadeout { /* Safari, Chrome and Opera > 12.1 */
    from { opacity: 1; }
    to   { opacity: 0; visibility:hidden;}
}

@-ms-keyframes fadeout { /* Internet Explorer */
    from { opacity: 1; }
    to   { opacity: 0; visibility:hidden;}
}

@-o-keyframes fadeout { /* Opera < 12.1 */
    from { opacity: 1; }
    to   { opacity: 0; visibility:hidden;}
}



/* style de la liste déroulante */

.custom-dropdown--large {
    font-size: 1.5em;

}

.custom-dropdown--small {
    font-size: .7em;
}

.custom-dropdown__select{
     font-size: 0.9em; /* Taille de police */
    padding: .5em; /* add some space*/
    margin: 0; /* remove default margins */
	
}

.custom-dropdown__select--white {
    background-color: #111; /* couleur d'arrière plan */
    color: #aaa;    /* couleur de texte */
	  -moz-opacity: 1;
  opacity: 1;
  filter: alpha(opacity=100);
}

@supports (pointer-events: none) and
      ((-webkit-appearance: none) or
      (-moz-appearance: none) or
      (appearance: none)) {

    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }

    .custom-dropdown__select {
        padding-right: 2.5em; /* accommodate with the pseudo elements for the dropdown arrow */
        border: 0;
        border-radius: 3px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;  
		
    }

    .custom-dropdown::before,
    .custom-dropdown::after {
        content: "";
        position: absolute;
        pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
        content: "\25BC";
        height: 1em;
        font-size: .625em;
        line-height: 1;
        right: 1.2em;
        top: 50%; margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
        width: 2em;
        right: 0; top: 0; bottom: 0;
        border-radius: 0 3px 3px 0;
		
    }

    .custom-dropdown__select[disabled] {
        color: rgba(0,0,0,.3);
    }

    .custom-dropdown.custom-dropdown--disabled::after {
        color: rgba(0,0,0,.1);
    }

    /* White dropdown style */
    .custom-dropdown--white::before {
       
	   top: .0em; bottom: .0em;
        background-color: #aaa; /* couleur du fond autour de la flèche */
				
        border-left: 1px solid rgba(0,0,0,.1);
    }

    .custom-dropdown--white::after {
        color: rgba(0,0,0,.9);
		color: #000;    /* couleur de la flèche */
    }

    /* FF only temp fix */
    @-moz-document url-prefix() {
        .custom-dropdown__select              { padding-right: .9em }
        .custom-dropdown--large .custom-dropdown__select { padding-right: 1.3em }
        .custom-dropdown--small .custom-dropdown__select { padding-right: .5em }
    }
}

/* Style des boutons */

.bouton{
border-radius:5px;
display:block;
width:150px;
line-height:30px;
text-align:center;
vertical-align:middle;
background: #9E9B9A;
color: black;
font-weight: bold;
text-decoration:none;
}



.fondusortie{
 opacity: 0;
  visibility: hidden;  


  
  -webkit-transition: visibility 1s, opacity 2s;
    -moz-transition: visibility 1s, opacity 2s;
	transition: visibility 1s, opacity 2s;
	
	*/
}