body
{
width: 100%;
margin: auto;
background: rgb(221,221,221);
}
a img
{
border: none;
}
.en-tete
{
background: url("../Images/fond_head.jpg") repeat-y ;
top: 0px;
left: 0px;
width: 100%;
height: 100px;
margin-top: 0px ;
margin-left: 0px;
border-bottom: solid 2px rgb(21,79,112);
}
#titre_site
{
margin: 0px;
font-weight: normal;
font-family: arial, serif ;
font-variant: small-caps;
font-size: 230%;
color:  white;
position: absolute;
top: 50px ;
margin-left: 20px;
}
#image_header
{
display:block;
position:absolute;
right: 0%;
top: 0%;
}
#menu
{
width: 160px;
margin-left: 1%;
margin-top: 3px;
float: left;
}
#lien_actif 
{
background: url("../Images/fond_menu_lien.jpg") ;
width: 160px;
border: solid 2px rgb(181,190,224);
border-right: none;
border-top: none;
margin-top: 4px;
margin-bottom: 0px;
padding: 4px;
font-family: verdana, "times new roman";
font-size: 80%;
font-weight: normal;
color: white;
text-decoration: none;  
}
.liens_annexes
{
display: block;
width: 160px;
height: 18px;
background: rgb(19,77,110);
border: solid 2px rgb(161,170,204);
margin-top: 4px;
margin-bottom: 5px;
padding: 4px;
padding-top: 8px;
font-family: verdana, "times new roman";
font-size: 80%;
font-weight: normal;
color: white;
text-decoration: none;  
}
.liens_annexes_non_actif
{
display: block;
background: url("../Images/fond_menu_lien.jpg") ;
width: 160px;
border: solid 2px rgb(181,190,224);
border-right: none;
border-top: none;
padding: 4px;
font-family: verdana, "times new roman";
font-size: 80%;
font-weight: normal;
color: white;
text-decoration: none; 
}
.liens_annexes2
{
width: 160px;
margin-left: 0px;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;
font-family: verdana, "times new roman";
font-size: 80%;
font-weight: normal;
list-style-type: none;
}
.liens_annexes:hover
{
background: rgb(49,107,140);
}
.liens_internes
{
text-decoration: none;
color: rgb(178,24,27);
background: none;
font-size: 100%;
width: 300px;
display: inline ;
}
.liens_internes:hover
{
color: rgb(218,64,67);
background: none;
}
.liens_precedent
{
text-decoration: underline;
text-align : right;
}
.liens_precedent a
{
background: none;
font-size: 100%;
width: 200px;
color: rgb(178,24,27);
}
.liens_precedent a:hover
{
color: rgb(218,64,67);
background: none;
}
.liens_livres a
{
display: block; 
padding: 0px; 
color: rgb(178,24,27);
}
.liens_livres a:hover
{
color: rgb(218,64,67);
}
li
{
margin-bottom: 0px;
margin-top: 0px;
}
li a
{
display: block;
font-size: 90%;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 4px;
width: 150px;
height: 18px;
background: url("../Images/fond_sous_menu_lien.jpg") no-repeat ;
text-decoration: none;
color: white;
}
li a:hover
{
background: url("../Images/fond_sous_menu_lien_hover.jpg") ;
}
li .liens_internes
{
margin-bottom: 5px;
}
ul
{
list-style-type: square;
}
#sous_lien_actif
{
display: block;
font-size: 90%;
padding-left: 4px;
padding-bottom: 2px;
padding-top: 4px;
width: 150px;
height: 18px;
background: url("../Images/fond_sous_menu_lien_hover.jpg") no-repeat ;
text-decoration: none;
color: white;
}
#corps
{
width: 70%;
text-align: justify;
font-family: verdana, "times new roman";
position: absolute;
font-size: 80%;
left: 200px;
margin-top: 7px;
padding: 5px;
color: black;
}
h3
{
font-weight: bold;
top: 4px;
font-size: 90%;
text-align: left;
padding-bottom: 6px;
}
#presentation
{
color: rgb(85,85,85);
font-family: arial, "times new roman";
padding-left: 110px;
padding-right: 15px;
padding-top: 0px;
font-size: 120%;
font-weight: bold;
}
.rubrique_news
{
color: rgb(178,24,27);
border-bottom: solid 1px black;
padding-left: 5px;
font-weight: normal;
font-size: 130%;
}
#rubrique_news
{
color: rgb(178,24,27);
border-bottom: solid 1px black;
padding-left: 5px;
font-weight: normal;
font-size: 130%;
}
#tron_web
{
margin-right: 10px;
border: solid 2px black;
float: left;
}
.image_left
{
display: block;
float: left;
margin-right: 10px;
margin-bottom: 5px;
}
.image_right
{
display: block;
float: right;
margin-left: 10px;
margin-bottom: 5px;
}
.image_center
{
display: block;
width: 220;
margin: auto;
margin-top: 10 px;
margin-bottom: 10px;
}
.titre_news
{
font-weight: bold;
position: relative;
top: 5px;
}
#definition_ludologie
{
color: rgb(85,85,85);
font-family: arial, "times new roman";
padding-left: 70px;
padding-right: 15px;
padding-top: 0px;
padding-bottom: 0px;
margin-bottom: 5px;
margin-top: 0px;
font-weight: bold;
font-size: 100%;
font-weight: bold;
}
strong
{
color: black;
}
#ludologie
{
color: rgb(221, 221, 221);
}
.italique
{
font-style: italic;
}
.underline
{
text-decoration: underline;
}
#jury_these
{
display: block;
margin: 479px;
margin: auto;
border: black solid 1px;
}
#sommaire_these
{
padding-left:0px;
margin-left: 0px;
font-size: 85%;
line-height: 20px;
}
#sommaire_these li
{
display: block;
padding-top: 2px;
padding-bottom: 2px;
list-style-type: none;
}
#liste_none
{
list-style-type: none;
}
#sommaire_livre
{
padding-left:0px;
margin-left: 0px;
font-size: 85%;
line-height: 20px;
}
.annotations
{
font-size:80%; font-style: italic; text-align: center;
}