body{padding:0;margin:0;font-size:1em;font-family:Helvetica Neue, Arial;background-color:#f1f1f1}
a{color:#000;text-decoration:none}

#page{position:relative;width:900px;padding:25px;margin:auto;background-color:#fff}
#mini_page{position:relative;width:600px;padding:25px;margin:auto;background-color:#fff}
#entete{position:relative;width:800px;height:450px;margin:auto;margin-bottom:50px;text-align:center;background-image:URL('entete.jpg');background-repeat:no-repeat;background-position:center center}
#mini_entete{position:relative;width:600px;height:340px;margin:auto;margin-bottom:50px;text-align:center;background-image:URL('entete.jpg');background-repeat:no-repeat;background-position:center center;background-size:600px}
#menu{text-align:center}
#mini_menu{width:600px;text-align:center;margin-bottom:5em}
#sousmenu{margin-top:5em}
#classement{margin-top:5em}
#edito{margin-top:5em;text-align:justify}

.premier, .suivant{position:relative;padding:12px;background-color:#fff;border-radius:5px}
.premier{height:200px}
.suivant{height:100px}
.position, .position_exaequo{position:relative;float:left;border-radius:50%;text-align:center;font-weight:bold}
.premier .position{width:100px;height:80px;margin-right:25px;font-size:3em;padding-top:20px;color:#fff;background-color:#000}
.suivant .position{width:50px;height:40px;margin-right:12px;font-size:1.5em;padding-top:10px;color:#666;background-color:#f1f1f1}
.suivant .position_exaequo{width:50px;height:40px;margin-right:12px;font-size:1.5em;padding-top:10px;color:#666}
.image{position:relative;float:left;border:1px solid #ccc;box-shadow:5px 5px 0px rgba(0,0,0,0.1);}
.premier .image{width:200px;height:200px;margin-right:25px}
.suivant .image{width:100px;height:100px;margin-right:12px}
.premier .image img{width:200px;height:200px}
.suivant .image img{width:100px;height:100px}
.premier:first-line{font-family:Georgia;font-style:italic;font-size:2em}
.suivant:first-line{font-family:Georgia;font-style:italic;font-size:1.5em}

#r_bloc{position:relative;float:left;width:400px;margin:10px;padding:12px;border:1px solid #ccc;box-shadow:5px 5px 0px rgba(0,0,0,0.1);}
.r_redacteur{font-family:Georgia;font-style:italic;font-size:1.5em;color:#af180f}
.r_premier, .r_suivant{position:relative;padding:12px;background-color:#fff;border-radius:5px}
.r_premier{height:100px}
.r_suivant{height:50px}
.r_position{position:relative;float:left;border-radius:50%;text-align:center;font-weight:bold}
.r_premier .r_position{width:50px;height:45px;margin-right:10px;font-size:2em;padding-top:5px;color:#fff;background-color:#000}
.r_suivant .r_position{width:25px;height:23px;margin-right:10px;font-size:1em;padding-top:2px;color:#666;background-color:#f1f1f1}
.r_image{position:relative;float:left;border:1px solid #ccc;box-shadow:5px 5px 0px rgba(0,0,0,0.1);}
.r_premier .r_image{width:100px;height:100px;margin-right:25px}
.r_suivant .r_image{width:50px;height:50px;margin-right:12px}
.r_premier .r_image img{width:100px;height:100px}
.r_suivant .r_image img{width:50px;height:50px}
.r_premier:first-line{font-family:Georgia;font-style:italic;font-size:1.5em}
.r_suivant:first-line{font-family:Georgia;font-style:italic;font-size:1em}

.bouton{background-color:#000;padding:1em;color:#fff;margin:1em;border-radius:0.5em}
.deco{text-decoration:underline}
.encours{font-size:1.5em;font-family:Georgia;font-style:italic}