body
{
width : 780px;
margin : auto;
margin-top : 10px;
margin-bottom : 20px;
background : #8eb6e1;
}

#header
{
width : 780px;
height : 200px;
background : url("../images/header.gif") no-repeat;
margin-bottom : 20px;
}

#menu
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
float : left;
width : 140px;
}

.sous-menu
{
background-color: #345a82;
border: 2px solid black;
margin-bottom: 20px;

}
.sous-menu h3 /* Tous les titres de menus */
{   
color: #B3B3B3;
font-family: "Comic Sans MS",Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.sous-menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
padding-left: 37px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
margin-top : 5px;
margin-bottom: 5px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
list-style-image: url("../images/dossier.ico");
}

.sous-menu a /* Tous les liens se trouvant dans un menu */
{
font-size: 0.9em;
font-weight : bold;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color: #B3B3B3;
}

.sous-menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}
.sous-menu a
{
text-decoration : none;
}

#logo
{
width : 137px;
height : 90px;
background : url("../images/logo.gif") no-repeat;
border: 2px solid black;
margin-bottom: 20px;
}

#corps
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size:0.9em;
border: 2px solid black;
background-color : #8da0b8;
width : 610px;
min-height: 512px;
padding-left : 10px;
margin-left : 150px;
margin-bottom : 5px;
}

#corps a /* Tous les liens se trouvant dans un menu */
{
font-size: 0.9em;
font-weight : bold;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
color: #428ad7;
text-decoration : none;
text-indent : 30px;
}

#corps a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}

#corps h1, h2, h3
{
font-variant : small-caps;
color : #032c59;
text-align : center;
}

.news
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
margin-right : 10px;
margin-bottom : 20px;
border: 2px solid black;
}
.news h3
{
border-bottom : 2px solid black;
border-top : 2px solid black;
font-size : 1em;
background : grey;
color: white;
}

.date_news
{
font-size : 0.8em;
padding-left : 5px;
color : black;
}

.contenu_news
{
padding-bottom: 5px;
margin-left : 5px;
margin-right : 5px;

}

#indiv
{
width:600px;
height : 4030px;
}

#equip
{
width:380px;
height : 810px;
}

#pied
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
font-size : 0.8em;
margin-top :20px;
background : #345a82;
border: 2px solid black;
text-align : center;
}

#compteur
{
text-align : center;
}

.centre
{
text-align : center;
}

.souligne
{
text-decoration : underline;
}

.gras
{
font-weight : bold;
}

.souligne-centre
{
text-decoration : underline;
text-align : center;
}

.gras-centre
{
font-weight : bold;
text-align : center;
}

.h_adresse 
{
text-align :center;
}

.favorite_liens ul
{
list-style-image: url("../images/fleche.ico");
}
.favorite_image
{
width : 100px;
height : 135px;
border : 2px black solid;
float : left;
}

.favorite_info table
{
border : 2px black solid;
width : 350px;
margin : auto;
background : #345a82;
}

#hall_sport
{
width : 455px;
height : 315px; 
margin : auto;
}

#acces_hall
{
width : 450px;
height : 535px; 
margin : auto;
}

#plan_campus
{
width : 580px;
height : 350px; 
margin : auto;
}

#ledome
{
width : 346px;
height : 271px; 
margin : auto;
}

#ledome_plan
{
width : 499px;
height : 333px; 
margin : auto;
}

#plan_acces h3
{
color: red;
text-decoration: blink;
}

.partenaire
{
height : 120px;
float : left;
border : 2px black solid;
}

.textpart
{
width : 595px;
background : #345a82;
height : 120px;
border : 2px black solid;
}

.titre-part
{
font-weight : bold;
font-variant : small-caps;
text-align : center;
color : white;
}

.adresse-part
{
text-align : center;
}

.partenair-url
{
text-align : center;
}