
body {
background-position:top;
background-image:url(/fichiers-graphiques/fonds/verre-miroir.jpg);
background-repeat:repeat-y;
}
h2{
font-size:1em;
}
p:first-letter {
margin-left : 10px; 
} 
.suite{
text-align:right;
font-size:0.9em;
background-image:url(/fichiers-graphiques/puce-suite.gif); 
background-repeat:no-repeat;
background-position:left;
float:right;
padding-left:25px;
padding-right:5px;
}
.suite a{
color:#006600;
text-decoration:none;
}
#centreur{
margin:30px auto auto auto;
width:710px;
padding:0px;
text-align:center; 
font-family:Geneva, Arial, Helvetica, sans-serif; 
background-color:#FFFFFF;
background-image:url(/fichiers-graphiques/bulles3.jpg);
background-repeat:no-repeat;
background-position:bottom left;
} 
#bandeau{
position:relative;
width:690px;
text-align:left; 
padding:0px;
margin:0px 5px 10px 5px;
background-image:url(/fichiers-graphiques/textures/fuyant.jpg);
background-repeat:no-repeat;
}
#menu{
position:relative;
width:auto;
float:left;
line-height:50px;
margin:5px 0px 100px 5px;
font-size:.9em;
}
.spacer{clear: both;}

#menu ul,li{
list-style-type:none;
margin:0;
text-align:left;
padding:0;
}
#menu a{
color:#336699;
text-decoration:none;
background-image:url(/fichiers-graphiques/caillou-btn.jpg);
background-position:left;
background-repeat:no-repeat;
padding:15px 0px 15px 55px;
margin:10px 0px 10px 0px;
}
#menu a:link{
color:#FF3300;
text-decoration:none;
}
#menu a:hover{
color:#339933;
text-decoration:none;
background-image:url(/fichiers-graphiques/caillou-btnhover.jpg);
}
#contenu{
position:relative;
margin:0px 0px 0px 160px;
padding:0 10px 0 0;
text-align:left;
text-align:justify;
}
#contenu img{
padding:2px;
border:1px solid #CCCCCC;
margin:4px;
}

.titre{
font-family:Georgia, "Times New Roman", Times, serif;
color:#339999;
font-weight:bold;
text-transform:uppercase;
font-size:1.2em;
border-bottom:1px solid #666666;
margin-bottom:25px;
margin-top:5px;
text-align:right;
}
.soustitre{
color:#00CC33;
font-weight:bold;
text-transform:uppercase;
}
#contenu ul{
font-size:.9em;
}
#contenu ul li{
list-style-image:url(/fichiers-graphiques/pucebleu.gif);
line-height:15px;
padding: 0px 0px 5px 15px;
}
#contenu ul ol li{
font-style:italic;
color:#666666;
list-style-type:none;
list-style-image:none;
}
#affichage{
float:right; margin:0px auto auto auto; text-align:center; padding:0px;
}
#affichage img{
max-width:385px;
}
#ejs_texte{
margin-left:30px; font-size:.8em; text-align:justify; width:350px;
}
#liensreal a{
text-decoration:none;
color:#336699;
}
#liensreal a:hover{
text-decoration:none;
color:#339933;
}
/************** DIV ARRONDIS *********************/
.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}

#mentionslegales{
color:#FFFFCC;
text-align:center;
font-size:10px;
text-decoration:none;
}
#mentionslegales a{
color:#FFFFCC;
text-decoration:none;
}
 

