body {
font-family: verdana, arial, sans-serif;
background-color: #E7E9E9;
font-size:small;

margin-left:3%;
margin-right:3%;
border-width:0px;
border-style:solid;
}
.haut {

height: 10%;
background-color: #E7E9E9;
color: #003366;
font-size: 20px;
font-weight:bold;
text-align:right;

}

.gauche {
/**float:left;*/
/*border:1px inset #C0BFC0;*/
left:auto;
position:absolute;
width:20%;
padding-right:5px;
padding-left:5px;
background-color: #E7E9E9;
}
.frame {
/*margin-left: 160px; /* on place ce bloc à droite du bloc menu de 180px de large */
/*background-color: #CCCCFF;*/
background-color: #FFFFFF;
width: 70%;

float:right;
/*position:relative;*/
margin-top: 5px;
margin:auto;
padding: 5px 5px 5px 5px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 12px;
text-align:center;
border: 1px inset #FFFF66;
}
.frame a{
color:#369;
text-decoration:bold;
}

.bas {
width: auto;
height: 5%;
background-color:#E7E9E9;
color: #003366;
font-size: 12px;
padding: 10px;
text-align: center;
clear:both;
}
.bas a{
/*display:block;*/
text-decoration:underline;
color:#369;
background-color:#E7E9E9;
padding-left:0em;
}
.bas a:hover{
background-color:#FFCC99;
color:#036;
}
.sectionimage{
margin-bottom:0em;
color:#036;
font-family: verdana;
font-size:1em;
font-weight:bold;
text-align:center; 

}
.sectionimage li{
border-bottom:1px solid #CCCC99;
list-style:none;
margin:0;
padding: 10px 5px 0px 5px;
text-align:center; 
}
.imagecenter{
text-align:center;
}
.sectionimage ul{
border-width:0px 0px 0 0px;
border-style:solid;
border-color:#d6e1ec;
padding:0;
margin:30px;
text-align:center; 
}
.sectionimage li:hover{
/*background-color:#E7E9E9;*/
color:#036;
}
.sectionimage a{
display:block;
text-decoration:none;
color:#369;
font-size:1.2em;
background-color:#E7E9E9;
/*padding-left:1em;*/
}
.sectionimage a:hover{
background-color:#FFCC99;

}
.sectionimage img {
text-align:center;
width:70px;
height:60px;
}
.sectionimage img:hover {
width:300px;
height:200px;
}

.accueil{
/*text-align:center;
/*margin-bottom:1em;*/
}
h2{
display:block;

font-size:1.3em;
}
h3{
display:block;

font-size:1.2em;
}
h4{
display:block;

font-size:1.1em;
}

.accueil ul{
border-width:1px 1px 0 1px;
border-style:solid;
/*border-color:#CCCC99;*/
border-color:#C0BFC0;
padding:0;
margin:0;
}

.accueil li{
border-bottom:1px solid #C0BFC0;
list-style:none;
margin:0;
}

.accueil a{
display:block;
text-decoration:none;
color:#369;
background-color:#E7E9E9;
padding-left:0em;
}


.accueil a:hover{
background-color:#FFCC99;
color:#036;
}



.navig{
background-color: #E7E9E9;
/*border-bottom: 1px solid #FF6600;*/
color:#036;
font-family: verdana;
font-size:1.3em;
font-weight:bold;
}

p.text:first-letter
{

color:#FF6600;
font-weight:bold;
font-size:1.4em;
line-height: 1em;
}

#intro{
text-align:justify;
color:#036;
font-family: verdana;
font-size:1em;
}
p.liennavhaut {	
text-align:right;
font-size:0.8em;
}
.centrage {text-align: center;}
a img,:link img,:visited img { border:none }