/* CSS Document */
.bodystyle{
background-image:url("fondwebatv.png");
margin:0px;
background-position: fixed;
top:0px;
bottom:0px;
right:0px;
left:0px;
z-index:0;
position:fixed;
}

.allbuttons{
background-color: rgb(0,166,237);
border-radius: 45px 45px 45px 45px;
border: 1px solid grey;
font-family: Arial;
font-size: 20px;
color: white;	
height:40px;
}

button{
background-color: rgb(0,166,237);
border-radius: 45px 45px 45px 45px;
border: 1px solid grey;
font-family: Arial;
font-size: 20px;
color: white;	
height:40px;
}



.h1style{
font-family: Arial;
font-weight: bold;
font-size: 28px;
color: rgb(25, 29, 110);
margin-left: 5px;
margin-bottom: 5px;

}

.divmainwebatv{
font-family: Arial;
font-size: 18px;
color: rgb(25, 29, 110);
background-color:white;
border-radius: 15px 15px 15px 15px;
border: 1px solid black;
width:15%;
height:auto;
top: 10px;
left:10px;
position: fixed
}

.divcgu{
font-family: Arial;
font-size: 18px;
color: rgb(25, 29, 110);
background-color:white;
width:100%;
margin: 10px;
}


.etape{
font-family: Arial;
font-size: 22px;
color: grey;
background-color:white;
border-radius: 10px 10px 10px 10px;
width:95%;
border: 2px solid rgb(88, 195, 255);
text-align: left;

}

.explicationwebatv{
font-family: Arial;
font-size: 22px;
color: grey;
background-color:white;
width:50%;
height;50%;
text-align: left;
}


h1{
font-family: Arial;
font-weight: bold;
font-size: 28px;
color: rgb(25, 29, 110);
}


.parametres{
background-color: rgb(255, 255, 255);
border-radius: 10px 10px 10px 10px;
font-family: Arial;
font-size: 10px;
border:1px solid grey;
}


.utilisateur{
background-color: rgb(255, 255, 255);
border-radius: 10px 10px 0px 0px;
width: 160px; height: 15px;
//border:0px solid grey;
border:1px solid grey;
}

.utilisateurspan{
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: rgb(101, 101, 101);
margin-left: 5px;
margin-bottom: 5px;

}

.utilisateurvideo{
border-radius: 0px 0px 10px 10px;
//border:1px solid rgb(88, 195, 255);
border:1px solid grey;
}


.enrvideo{
border-radius: 10px 10px 10px 10px;
border:1px solid grey;
}

.enrprincipal{
border-radius: 0px 0px 10px 10px;
border:1px solid red;
z-index:9;
}


.inputtchatclass{
border-radius: 10px 10px 10px 10px;
font-family:  Arial;
font-size: 20px;
color: grey;
border:2px solid rgb(88, 195, 255);
}


.microcamimg{
border-radius: 10px 10px 10px 10px;
background-color: white;
border: 2px solid rgb(88, 195, 255);
margin: 0px;
}

.microcamimgbutton{
border-radius: 10px 10px 10px 10px;
background-color: transparent;
border: 0px solid white;
margin: 0px;

}

.quiparle{
border-radius: 10px 10px 10px 10px;
background-color: transparent;
border: 0px;
margin: 0px;
color:  grey;
font-family: Arial;
font-weight: bold;
font-size: 12px;
color: rgb(101, 101, 101);
border:0px solid rgb(88, 195, 255);
}


