* { 
margin : 0; 
padding : 0; 
} 
body { 
background-image : url('images/saolim.gif'); 
width : 90%; 
margin-top: 2%;
margin-left : auto; 
margin-right : auto; 
border : 6px solid #2a0000; 
font-family : arial, verdana, helvetica; 
} 
#bandeau { 
background-color : #490000; 
padding : 0.8%; 
} 
#navig { 
background-color : #490000; 
border : 1px solid #ffffcc; 
font-family : arial, verdana; 
color : white; 
padding : 0.1%; 
} 
#contenu { 
background-color : #ffffcc; 
padding : 1px; 
text-indent : 8px; 
height : 260px;
} 
#bloc { 
float : right; 
width : 200px; 
height : 240px; 
margin: 10px;
background-image : url('images/qrcodea.png'); 
background-repeat : no-repeat;
background-color : #ffffcc  
} 
#blocb { 
background-color : #ffffcc; 
float : right; 
width : 120px; 
height : 150px; 
margin : 3px; 
} 
#bottom { 
border-top : 4px solid #490000; 
background-color : #ffffcc; 
padding : 1%; 
height : 190px; 
} 
#low { 
background-color : #490000; 
font-family : arial, verdana; 
color : white; 
padding : 1%; 
text-align : center; 
} 
#pied_page { 
border-top : 1px solid #ffffcc; 
background-color : #490000; 
color : white; 
padding : 1%; 
} 
.logo { 
float : left; 
margin : 5px; 
padding : 3px; 
} 
.text { 
text-align : justify; 
font-size : 15px; 
margin : 5px; 
padding : 5px; 
} 
.liens { 
float : left; 
width : 13%; 
} 
.content { 
margin-left : 15%; 
} 
.title { 
font : 1em bold georgia, arial; 
color : #980000; 
} 
#intro { 
margin-left : auto; 
margin-right : auto; 
text-align : justify; 
font-size : 85%; 
line-height : 120%; 
color : #ffffcc; 
padding : 0.4%; 
} 
h1 { 
font-family : "comic sans ms", arial; 
font-size : 1.8em; 
color : #fff; 
text-align : center; 
margin-bottom : 5px; 
padding : 0.4%; 
border-bottom : 1px dotted white; 
} 
h2 { 
font-family : "comic sans ms", arial; 
font-size : 1.6em; 
color : #990000; 
text-indent : 20px; 
margin-bottom : 5px; 
} 
h3 { 
font-family : forte, "comic sans ms", arial; 
font-size : 1.5em; 
color : maroon; 
margin-top : 5px; 
margin-bottom : 5px; 
} 
h4 { 
text-align : center; 
font-size : 1.3em; 
color : maroon; 
margin-top : 5px; 
margin-bottom : 5px; 
}
h5 { 
text-align : center;
font-size : 0.9em; 
} 
p { 
text-indent : 10px; 
} 
ul#menu { 
padding : 0.3%; 
font : bold 0.9em Verdana, Arial, Helvetica; 
text-align : center; 
} 
#menu li { 
display : inline; 
font-size : 1.9em; 
list-style-type : none; 
} 
#menu a { 
color : #ffffcc; 
text-decoration : none; 
} 
#menu a:hover { 
color : #990000; 
background : #ffffcc; 
} 
#menul { 
background-color : #0077c3; 
} 
#menub a:hover { 
color : blue; 
} 
#menub li { 
font-size : 16px; 
list-style-type : none; 
margin-bottom : 5px; 
} 
#menub a { 
display : block; 
width : 90px; 
border : 1px solid #990000; 
color : #990000; 
background : #ffffcc; 
margin : 0 5px; 
text-decoration : none; 
text-align : center; 
} 
#menub a:hover { 
color : #ffffcc; 
background : #990000; 
} 
ul#menuc { 
padding : 0.9%; 
font : 0.9em Verdana, Arial, Helvetica; 
margin-top : 10px; 
margin-left : 20px; 
} 
#menuc li { 
list-style-type : circle; 
color : #980000; 
} 
#menuc a { 
color : #880000; 
text-decoration : none; 
} 
#menuc a:hover { 
color : blue; 
background : white; 
} 
ul#partner { 
padding : 0.3%; 
font : 0.9em Verdana, Arial, Helvetica; 
} 
ul#partner li { 
display : inline; 
list-style-type : none; 
} 
#partner a { 
color : #ffffcc; 
text-decoration : none; 
} 
#partner a:hover { 
color : #990000; 
background : #ffffcc; 
} 
ul#sitael { 
padding : 0.3%; 
font : 0.5em Arial, Verdana, Helvetica; 
} 
ul#sitael li { 
list-style-type : none; 
} 
#sitael a { 
color : #ffffcc; 
} 
#sitael a:hover { 
color : #990000; 
background : #ffffcc; 
} 
img { 
border : 0px none; 
}