#body
{
    border-collapse:collapse;
    background-color: #ff030f;
    margin:auto;
    width:50%;
    border-radius:10px;
    overflow:hidden;
}

#titre
{
    text-align:center;
    font-family:Comic Sans MS;
    font-size:medium;
    color: #fffda4;
    background-color: black;
}

#form
{
    height:100px;
    padding:2%;
    background-color: #0d4698;
}

#chat_aff
{
    width:95%;
    height:100%;
    background-color: rgb(255, 254, 236);
    margin:auto;
    overflow-y:scroll;
}

#form2
{
    width:100%;
    border-collapse:collapse;
    text-align:center;
}
#name
{
    border-radius:10px;
    padding:4%;
    width:100%;
}
#message
{
    border-radius:10px;
    padding:2%;
    width:100%;
}
#submit
{
    width:80%;
    padding:2%;
    border-radius:10px;
    font-family:Comic Sans MS;
    font-size:medium;
}

#table_message
{
    width:100%;
    font-size:small;
    font-family:Comic Sans MS;
    border-collapse:collapse;
    table-layout:fixed;
}

.info_message
{
    overflow:hidden;
    font-size:x-small;
    padding:1%;
}
.message
{
    width:80%;
    x-overflow:hidden;
    y-overflow:visible;
    text-align:left;
    padding:1%;
}
.message2
{
    width:100%;
    overflow:hidden;
    word-break: break-all;
}

.menuhoriz {
    width : 1200px;
    height: 50px;
    text-align: right;
    background-color: #d4f2fa;
    font: 1.1em sans-serif;
    color: #000066
}

.menuhoriz ul{
    display: table;
    width: 1200px;
    margin: 3px auto;
    padding: 0;
    background: dodgerblue;
    background: linear-gradient(deepskyblue, dodgerblue);
    background: -webkit-linear-gradient(deepskyblue, dodgerblue);
    background:    -moz-linear-gradient(deepskyblue, dodgerblue);
    background:     -ms-linear-gradient(deepskyblue, dodgerblue);
    background:      -o-linear-gradient(deepskyblue, dodgerblue);
    background:         linear-gradient(deepskyblue, dodgerblue);
    border-radius: 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3),
    0 3px 5px rgba(0, 0, 0, .2),
    0 5px 10px rgba(0, 0, 0, .2),
    0 20px 20px rgba(0, 0, 0, .15);
}
.menuhoriz ul li{
    display: table-cell;
}

.menuhoriz ul li a{
    display: block;
    text-align: center;
    color: rgba(0, 0, 0, .7);
    text-decoration: none;
    padding: 8px 8px 17px 8px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset,
    0 -1px 0 hsl(210, 100%, 32%) inset,
    0 -2px 0 hsl(210, 100%, 38%) inset,
    0 -3px 0 hsl(210, 100%, 44%) inset,
    0 -4px 0 hsl(210, 100%, 50%) inset,
    0 -5px 0 hsl(210, 100%, 60%) inset;
    transition: all .3s .1s;
    position: relative;
}

.menuhoriz ul li a::before{
    content: '';
    position: absolute;
    left: 50%;
    bottom: 9px;
    margin-left: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .5);
}

.menuhoriz ul li:first-child a{
    border-radius: 3px 0 0 3px;
}
.menuhoriz ul li:last-child a{
    border-radius: 0 3px 3px 0;
}

.menuhoriz ul li a:hover, ul li a:focus{
    background: rgba(255,255,255,.2);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset,
    0 -1px 0 hsl(210, 100%, 42%) inset,
    0 -2px 0 hsl(210, 100%, 48%) inset,
    0 -3px 0 hsl(210, 100%, 54%) inset,
    0 -4px 0 hsl(210, 100%, 60%) inset,
    0 -5px 0 hsl(210, 100%, 70%) inset;
    padding: 8px 25px 17px 25px;
    transition: all .3s .0s;
}

.menuhoriz ul li a:hover::before, ul li a:focus::before{
    background: white;
    box-shadow: 0 0 2px white,
    0 -1px 0 rgba(0, 0, 0, .4);
}

.rightimg {float:right;
    background-color: #E9E9E9;
    margin: 10px 10px 10px 10px;
}