html, body {
margin: 0;
padding: 0;
}
body {
background-color : #EACEA8;
font-family : verdana, geneva, sans-serif;
font-size : 80%;
color : #000;
text-align:center;
width :950 px;
margin-left:auto;
margin-right:auto;
border-top : 1px solid #FFFFFF;
}

#content {
width :95%;
margin-left:auto;
margin-right:auto;
background-color : #E5F0FF;
border-top : 1px solid #FFFFFF;
}

#content * {
text-align:left;
color: #000000;
font-size:100%;
}
#paragraphe {
width :90%;
margin-left:auto;
margin-right:auto;
}
#paragraphe * {
text-align:left;
font-size:100%;
}

h2 {
text-align:center !important;
color: #B11310;
font-size:130%;
}
h1 {
width : 95%; font-size : 110% ; font-weight : bold; padding : O ; margin : 10px 0 0 0 ; color : #000000; background-color : #EACEA8;
}

a {color : #B11310;}
a:link {text-decoration: none} 
a:visited {text-decoration: none} 
a:hover {text-decoration: none} 

.liresuite {float : center; }

.photoadroite {
border : 5px solid #b0b0b0;
float : right;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoencadre {
border : 3px dashed #1955a3;
margin : 5px 15px 6px;
padding : 5px;
}
.photoplus {
border : 5px solid #1955a3;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
.photoagauche {
border : 5px solid #b0b0b0;
float : left;
margin : 5px 15px 6px;
margin-bottom : 15px;
}
/*pour le zoom sur les mots exemple dans le nuage de mots mettre alors : <div id="zoom">*/
#zoom  {
text-decoration: none;
color: #000;
width :95%;
margin-left:auto;
margin-right:auto;
}
#zoom a:hover {
font-size: 200%;
}