body{
    margin:0; 
    padding: 0; 
    font-family: 'Open Sans', sans-serif, arial; 
    font-size: 14px; 
    background: url(../img/cuisine-2.jpg) no-repeat center center fixed; 
    overflow: hidden;
      /* Ajout de la propriété avec les préfixes pour tous les moteurs de rendu */
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*{font-family: 'Open Sans', sans-serif, arial; font-size: 14px; color:#555; }
.framechat{max-width:1024px; width:100%; margin:auto;}
.header{background: black}
.header h1{max-width:1024px; width:100%; margin:0 auto; padding:10px 0; font-size: 20px; color: #fff; text-align: center; font-weight: 300}
.controlepanel{margin: auto; text-align: center; margin-top: 24%}
.input-user{padding: 10px; border: solid 2px #c9c9c9; width:250px}
.btn {border:1px solid #314179; color:#ffffff;}
.btn-user{padding:9px 30px; position: relative; top: 0px; font-size: 16px; font-weight: 300; background-color:#637aad}
#result{max-width:1024px; width:100%; padding:10px; background: #f1f1f1; max-height: 80%; overflow-y:auto;}
.chatbody{position: fixed; bottom: 0; width: 100%}
.chatbody form{margin: 0}
#msgbox{padding: 10px 10px; width: 56%; height: 60px; margin-bottom: 7px;}
.btn-send{font-size: 20px; padding: 15px; font-weight: 300; background-color:green}
.btn-clear{padding: 15px 25px; font-size: 20px; font-weight: 300; background-color:red}
.logout{float: right; color: #fff; text-decoration: none; font-size: 15px}

.div_centrale
{
  text-align: center;
  border: 3px solid rgb(133, 131, 131) ; /*Définit la couleur et l'épaisseur de la bordure*/
	width: 50%; /* Largeur */
	/*La propriété margin est utilisée pour définir les marges d’un élément. La propriété margin a quatre valeurs margin-top, margin-right, margin-bottom et margin-left. */
	/*Donc dans margin: 0 auto , la marge haut/bas est 0 et la marge gauche/droite est auto, où auto signifie que les marges gauche et droite sont automatiquement définies par le navigateur en fonction du conteneur, pour centrer l’élément.*/
	margin: 0 auto; /* pour centrer un élément au sein de son parent.*/  
  background-color: rgba(57, 57, 58, 0.8); /* Transparance sur le contenant uniquement */
}

 /* changer l'apparence du curseur */

 .my-cursor 
 {	
   cursor:url(../img/fouet.png),auto;
 }
 
 a 
 {	
   cursor:url(../img/cuillere.png),auto;
 }