body {
  font-family: Georgia, "Times New Roman", Times, serif; 
  font-size:90%;
  color:#4D76B3; /* couleur bleu fond #7398C2;*/
  background-color:white;
  padding:0px;
  margin:0px;
  text-align:center;
}

.table {
font-size:90%;
font-family:Arial, Helvetica, sans-serif;
}

#conteneur {/*conteneur général pour centrer sur les grands écrans*/
	position: relative; /* on positionne le conteneur */
    margin-left: auto;
    margin-right: auto;
    width:1000px;
	text-align:left;
	}


#banniere{
position:absolute;
top:5px;
left:50px;
height:100px;
width:900px;
background-color:#CCCCCC;
background-image: url(../maquette/banniere2.jpg);
background-repeat:no-repeat;
}
h1 {
font-family: Georgia, "Times New Roman", Times, serif;/* Geneva, Arial, Helvetica, sans-serif*/
font-size:46px;
color:#FFFFCC;
text-indent:160px;
margin-top:22px;
padding:0px;
font-weight:lighter;
}
h2 {
display:inline;
padding-left:15px;
padding-right:15px;
padding-bottom:3px;
margin-top:0px;
color:#FFFFFF;
background-color:#7398C2;
font-size:200%;
font-weight: bold;
}
#centre {
 text-align:center;
 }
h3{
margin-top:10px;
margin-bottom:5px;
font-size:160%;
color:#7398C2;
}
h4{
font-weight:bold;
text-decoration:underline;
margin-top:15px;
margin-bottom:5px;
text-align:left;
color:#7398C2;
}
h5{/* titre 5 est utilisé pour les titres des articles dans les analecta. il est donc plus grand que h4 qui sert pour les auteurs.*/
font-weight: bold;
margin-top:10px;
margin-bottom:5px;
text-align:left;
color:#7398C2;
font-size:120%;
}
#contenuPage {
position:absolute;
top:160px;
left:270px;
width:680px;
}
#hagy {
position:absolute;
left:650px;
top:105px;
width:300px;
height:30px;
font-family:Arial, Helvetica, sans-serif;
color:#E5C3C3;
font-size:25px;
text-align:right;
}
#navig {
position:absolute;
top:160px;
left:50px;
width:180px;
background-color:#CCCCCC;
color:black;
padding:5px;
}
.CssNavig{/*ceci donne la couleur du fond du premier niveau de la navigation*/
background-color: #7398C2;
border-top: 1px solid black;
border-left:1px solid black;
margin-left:0px;

}
.bordureNavig {
/*pour positionner le texte au centre des cellules et faire la bordure de la navigation*/
/*les marges négatives sont la pour faire apparaitre les bordures.*/
/* Mettre -2 à gauche donne un résultat moins beau dans opera mais nécessaire pour firefox*/
border-bottom: 1px solid black;
border-right:1px solid black;
margin-left:-2px;
margin-top:-1px;
padding-top:3px;
padding-bottom:3px;
}
/* c'est ici qu'on change les style du texte des liens de la navigation*/
.itemNavig a:link { color:white; text-decoration:none; font-size:80%; font-weight:bold; }
.itemNavig a:visited { color:white; text-decoration:none; font-size:80%;font-weight:bold;}
.itemNavig a:hover { color:#862525; text-decoration: underline; font-size:80%;font-weight:bold;}
.itemNavig a:active{ color:white; text-decoration:none; font-size:80%;font-weight:bold; }
/*c'est ici qu'on change le style du texte des liens dans la page*/
a:link { color:#D93D3D; text-decoration:none; }/*E04343 862525*/
a:visited { color:#D93D3D ; text-decoration:none; }
a:hover { color:#008000; text-decoration: underline;}
a:active { color:#D93D3D; text-decoration:none; }
/* c'est ici qu'on change l'aspect des liens sur la page index du site. Il faut pour cela que le texte soit bien repris dans les "id="texte" ". Complément CSS de positionnement plus bas*/
#texte a:link { color:#862525; text-decoration:none; font-size:90%; font-weight:bold;}
#texte a:visited { color:#862525; text-decoration:none; font-size:90%; font-weight:bold;}
#texte a:hover { color:white; text-decoration: underline; font-size:90%; font-weight:bold;}
#texte a:active { color:#862525; text-decoration:none; font-size:90%; font-weight:bold;}

#PiedPage {
clear:both;
text-align:right;
padding-bottom:6px;
padding-top:3px;
background-image:url(../maquette/footer.gif);
background-position: top;
background-repeat: repeat-x;
}
#PiedPage a:link {color:#E5C3C3; text-decoration:none; font-weight:bold; font-size:90%;}
#PiedPage a:visited {color:#E5C3C3; text-decoration:none; font-weight:bold; font-size:90%;}
#PiedPage a:hover {color:#862525; text-decoration:none; font-weight:bold; font-size:90%;}
#PiedPage a:active {color:#E5C3C3; text-decoration:none; font-weight:bold; font-size:90%;}


#presentation {
text-indent:-20px;
padding-left:20px;
padding-top:5px;
}

#encart {
float:right;
background-color:#7398C2;
color:#FFFFFF;
font-size:80%;
width:300px;
padding:7px;
margin-left:5px;
border:0px;
}
#retraitencart {
float: right;
width: 200px;
}
#Pencart { /* pour que les paragraphes dans l'encart ne soient pas trop espacés*/
clear:both;
margin:0px;
border:0px;
padding:0px;
}

#retraitnegatif{
margin-left:20px;
text-indent:-20px;
}
.retrait10 {
display:block;
text-indent:10px;
}
.retrait50 {
display:block;
text-indent:50px;
}

.retrait60 {
display:block;
text-indent:60px;
}
.retrait120 {
display:block;
text-indent:120px;
}
#imageL {
float:left;
margin-right:30px;
padding:3px;
color:white;
background-color:#7398C2;
width:100px;
text-align:center;
}

#imageR {
float: right;
margin-left:10px;
padding:3px;
color:white;
background-color:#7398C2;
width:100px;
text-align:center;
}
#imageR250 {
float: right;
margin-left:10px;
padding:3px;
color:white;
background-color:#7398C2;
width:250px;
text-align:center;
}
#imageR275 {
clear:both;
float: right;
margin-left:10px;
padding:3px;
color:white;
background-color:#7398C2;
width:275px;
text-align:center;
}
#imageR300 {
clear:both;
float: right;
margin-left:10px;
padding:3px;
color:white;
background-color:#7398C2;
width:300px;
text-align:center;
}
#imageR400 {
clear:both;
float: right;
margin-left:10px;
padding:3px;
color:white;
background-color:#7398C2;
width:400px;
text-align:center;
}
#imageL275 {
clear:both;
float:left;
margin-right:20px;
padding:3px;
color:white;
background-color:#7398C2;
width:275px;
text-align:center;
}
#marge60 {
margin-left:60px;
}
#recensions{/*diminue la taille des rescensions dans les analecta*/
font-size:80%;}
.petitescapitales{/*pour obtenir des petites capitales avec la balise <span class"petitescapitales">XXXX</span> dans le code html*/
font-variant: small-caps; }
#boite {
position:relative;
display:block;
clear: both;
position:relative;
width:680px;
}
#trait {
position:relative;
display:block;
clear:both;
background-image:url(../maquette/footer2.gif);
background-repeat:repeat-x;
width:280px;
margin-top:0px;
margin-right:200px;
margin-left:200px;
height:10px;
}
#boxleft {
float:left;
width:330px;
}
#boxright {
float:right;
width:330px;
}

/* Css propre à la page d'accueil*/
#frontH {
position: relative;
background-color:#7398C2;
background-image:url(../maquette/frontH.jpg);
background-repeat:no-repeat;
width:678px;
height:290px;
}
#frontC {
position:relative;
background-image: url(../maquette/frontC.jpg);
background-color:#7398C2;
background-repeat:no-repeat;
width:678px;
height:540px;
}
/*A cette "id="texte" " est liée le changement d'aspect des liens de la première page cfr plus haut ou les liens sont définis. */
#texte{
position:relative;
top:0px;
margin-left:155px;
height:500px;
color:white;
font-weight:bold;
width:340px;
padding:15px;
overflow:hidden; /*empeche de déborder du calque pour éviter la ligne bleue de séparation entre la partie 2 et 3 du frontispice*/
}
#annonce {
font-size:140%;
text-align:center;}
#sommaire {
font-weight:700;
text-align:right;
position: relative;
}
#frontB {
position:relative;
background-color:#7398C2;
background-image:url(../maquette/frontB.jpg);
background-repeat:no-repeat;
height:237px;
width:678px;
}