/* PARAMS ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
#menu-lateral-gauche{
position: fixed;/*
float: left;*/
left: 0;
top: 6.2%;
min-height: 100%;
background-color: #222222; 
overflow: auto;
overflow-x: hidden;
border-right: solid 1px rgba(0, 0, 0, 0.144);
box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
z-index: 6;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.slide-open{
animation: slide-open 0.2s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.slide-close{
animation: slide-close 0.2s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-h1{
width: 100%;
height: 40px;
line-height: 40px;
/*background-color: #3f3f3f75;*/
background-color: #3f3f3f57;
padding-left: 14px;/*
border-top: solid 2px rgb(24, 24, 24);*/}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-h2{
width: 100%;
height: 40px;
line-height: 40px;
background-color: #3f3f3f57;
/*background-color: #3f3f3f75;*/
padding-left: 14px;
font-size: 15px;
border-top: solid 1px rgb(24, 24, 24);}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-titles{
width: 100%;
height: 50px;
line-height: 50px;
padding-left: 14px;
overflow: hidden;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-titles2{
width: 100%;
height: 30px;
line-height: 30px;
padding-left: 14px;
overflow: hidden;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-ttl{
display: inline-block;
width: 151px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-tt2{
display: inline-block;
width: 151px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-2choices{
height: 30px;
line-height: 30px;
text-align: center;
background-color: #3f3f3f57;
display: inline-block;
border-radius: 4px;
margin-left: 2px;
cursor: pointer;
font-family: Cambria;
font-size: 15px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-2choices{
width: 64px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-3choices{
width: 40.5px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #3f3f3f57;
display: inline-block;
border-radius: 4px;
margin-left: 2px;
cursor: pointer;
font-family: Cambria;
font-size: 15px;}

.params-4choices-a,
.params-4choices-b{
width: 48px;
height: 30px;
line-height: 30px;
text-align: center;
background-color: #3f3f3f57;
display: inline-block;
border-radius: 4px;
margin-left: 2px;
cursor: pointer;
font-family: Cambria;
font-size: 15px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.choix,
.params-2choices:hover,
.params-3choices:hover,
.params-4choices-a:hover,
.params-4choices-b:hover{
background-color: #9b9b9b5e;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#params-opener{
width: 24px;
height: 80px;
background-color: #222222;/*
border: solid 1px rgba(211, 211, 211, 0.116);*/
border-radius: 0px 8px 8px 0px;
position: fixed;
top: 360px;
line-height: 46px;
font-size: 30px;
cursor: pointer;
z-index: 7;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#params-opener:hover{/*
font-size: 34px;*/
background-color: #9b9b9b5e;
transition: font-size background-color 0.2s ease;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#span-show:hover,
#span-hidden:hover{
color: rgba(255, 255, 255, 0.726);}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-show{
animation: slide-open2 0.2s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
.params-hidden{
animation: slide-close2 0.2s forwards;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#span-show{
color: #c9c9c9;
transform: scale(-1,1);
padding: 14px 0px 14px 5px;}
/*---------------------------------------------------------------------------------------------------------------------------*/
#span-hidden{
color: #c9c9c9;
transform: scale(1,1);
padding: 14px 0px 14px 4px;}
/*---------------------------------------------------------------------------------------------------------------------------*/





/* MOBILES en mode portrait */
@media (max-width: 600px) and (orientation: portrait) 
{
    #div-params{
    display: none;}
}


/* MOBILES en mode paysage */
@media (max-width: 1000px) and (orientation: landscape) 
{
    #div-params{
    display: none;}
}