body {background-color:#E8E8E8;}

div#feuille{width:1000px;margin-left:auto;margin-right:auto;background-color:rgb(190,230,230);position:relative;margin-top:10px;margin-bottom:10px;padding-bottom:10px}

@font-face{font-family: "ar cena";
    src: url('ARCENA.ttf');}

#titre {width: 1000px ;height:100px;margin-left:auto;margin-right:auto;display:block;z-index:0}

#auzeville{position:absolute;top:10px}

#auzevillecommentaire{top:320px;left:265px;position:absolute;color:blue;font-family:ar cena;font-size:20px}

#accueil{font-family:ar cena;font-size:20px;text-align:center ;position:absolute;top:430px }

#avertissement{font-size:10px;color:red;top:720px;position:relative;text-align:justify;width:700px}

#menu{margin-top:30px;position:sticky;top:0px;z-index:10;background-color:rgb(100,217,213);width:1000px;margin-left:auto;margin-right:auto;height:40px;padding-left:5px}

#photo{left:550px;top:830px;position:absolute;}

#quisuisje{position:absolute;top:730px;left:300px;font-weight:bold;font-size:20px;color:green}

#messageerreur{font-size:15px;color:red}

#fleche{position:absolute;top:760px;left:320px}

#cv{font-family:ar cena;font-size:18px;position:absolute;width:500px;top:830px;left:20px;text-align:justify}

#menucentre{width:1100px;position:relative;margin-left:auto;margin-right:auto;margin-top:-20px}

#centre1 {
    overflow-y: scroll;
overflow-x:hidden;
    background: white;
width:720px;height:800px;margin-left:10px;top:10px;border:solid;border-width:1px;border-color:#E8E8E8 ;padding-top:10px;padding-left:10px;position:relative;margin-bottom:10px;padding-bottom:10px
}

#centre {
    overflow:hidden;
    background: white;
width:720px;height:800px;margin-left:10px;top:10px;border:solid;border-width:1px;border-color:#E8E8E8 ;padding-top:10px;padding-left:10px;position:relative;margin-bottom:10px;padding-bottom:10px
}

#listederoulante{margin-left:100px;height:30px;width:500px;font-size:15px;font-weight:bold;background-color:rgb(255,70,152);color:black;position:relative;border-style:solid;border-width:3px;border-color:black;text-align:center;top:22px}

#commentaires{top:200px;left:100px;color:red;position:absolute;background:green}

#connection {font-weight:bold;background:white;left:754px;top:10px;padding-left:20px;width:203px;position:absolute;border:solid;padding-top:10px;padding-bottom:10px;border-width:1px;border-color:#E8E8E8 ;font-size:20px;height:350px
}

#menudroite{width:230px;position:absolute;top:100px;margin-bottom:20px;right:20px}

#footer{color:black;
border-top: solid 1px white;
background-color:rgb(227,193,217);height:50px;width:1000px;margin-left:auto;margin-right:auto}

#textefooter
{font-family:ar cena;font-size:18px;top:15px;position:relative}

#inscription {font-size:25;position:relative;margin-left:20px;margin-top:20px;input-width:220px;input-height:40px}

#bigview{margin-top:20px}

#cadrenews{position:relative;margin-left:auto;margin-right:auto;margin-top:8px;width:1000px;height:19px;overflow:hidden}

#news{position:relative;
/* Chrome, Safari, Opera */
    -webkit-animation-name: myfirst;
    -webkit-animation-duration: 30s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay: 0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    -webkit-animation-play-state: running;
    /* Standard syntax */
    animation-name: myfirst;
    animation-duration: 30s;
    animation-timing-function: linear;
    animation-delay: 0s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-play-state: running;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   { left:0px; top:0px;}
        100% { left:500px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   { left:0px; top:0px;}
        100% { left:500px; top:0px;}
}

#pageanciens{position:relative;width:500px;margin-left:auto;margin-right:auto;}

#titreanciens{text-align:center;font-size:20px;font-family:ar cena;background:#CC33FF;border-style:solid;border-width:2px}

#nouvellequestion{color:rgb(190,0,0);position:relative;font-size:15px;width:220px}
