html{
    font-size: 100%;    
}
body { 
background-color : #44627A; 
width : 99%; 
margin: auto;
  font-size: 0.625em;
 font-family : Arial, "Times New Roman"; 
} 
* { 
margin : 0px; 
padding: 0px;
} 
a img { 
border : none; 
}
img {
margin: 5px;
}
.gauche { 
float : left; 
} 
.droite { 
float : right; 
} 
.dessous { 
clear : both; 
}
.en-tete{
margin: auto;
}
.cycle {
float : left;
width : 40%;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.cycle1 {
float : left;
width : 31%;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.cycle2 {
float : left;
width : 94%;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.cycle3 {
float : left;
width : 55%;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.cycle4 {
float : left;
width : 70%;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.cycle5 {
float : left;
width : 31%;
height: 250px;
margin : auto;
border-style: solid;
border-color: #E1DFCF;
}
.auteurs {
float : left;
width : 171px;
height: 250px;
background-image: url('menu/auteurs.gif');
margin : 5px;
}
.auteurs h2{ 
color : #4C6181; 
font-size : 12px; 
} 
.cadre {
float : left;
width : 120px;
height: 220px;
margin : 5px;
}
.cadre h2{ 
font-size : 1.2em; 
} 
.cadre1 { 
float : left; 
width : 240px; 
height: 500px;
background-image: url('menu/menu.jpg');
} 
.cadre2 { 
width : 220px; 
height: 480px;
 margin : auto; 
line-height: 1.5em;
font-size : 1em;
} 
.cadre2 h2{ 
color: black;
} 

.photo { 
float : right; 
width : 547px; 
height: 300px;
background-image: url('menu/livres.jpg');
} 
.photo1 { 
width : 480px; 
margin: auto;
padding-top : 25px; 
} 
.photo1 h2{ 
color: #4C6181;
} 
a { 
font-weight : bold; 
color : black; 
} 
.joelle
{
color: #FF9999;
}
.isabelle
{
color: #F4AE40;
}
.vero
{
color: #75C950;
}
.claudie
{
color: #2BD3EC;
}

h1 { 
font-size : 2em; 
color : black; 
text-align : center; 
} 
h2 { 
font-size : 1.5em; 
color : #E1DFCF; 
text-align : center; 
} 
h3 { 
color : #E1DFCF; 
text-align : center; 
font-size : 1.2em; 
} 
p { 
font-size : 1.1em; 
color : black; 
text-align : justify; 
font-weight : normal; 
} 
.pied { 
margin : auto; 
}