* { margin: 0; padding: 0; }
html { width: 100%; }
body { width: 100%; font-size: 63.5%; }
a { color: #E84C4F; font-weight: bold; text-decoration: none; }
a img { border: none; vertical-align: middle; }
p { margin: 0.5em 1em; text-align: justify; }
p.sTitre { margin: 0 0 1.5em 4em; font-size: 1.4em; font-weight: bold; font-style: italic; }
p.code { background: #E7E7E7; padding: 5px; }
code { background: #E7E7E7; font-size: 1.2em; }
ul { margin-left: 1em; }
h1 { color: #999; font-size: 4em; margin: 1em 0 0 0; }
h1 span { color: #5E13FF; }
h2 { background: url(../graph/bg_h3.png); color: #388703; margin: 2em 0; }
h2 a { color: #999; display: block; }
h2 a:hover { color: #000; }
h3 { background: url(../graph/bg_h3.png); color: #388703; }
table { width: 90%; margin-left: 5%; border: 2px ridge #000; border-collapse: collapse; }
table caption { text-align: left; }
thead, tbody { width: 100%; }
table thead tr { border: solid #000; border-width: 0 0 2px 0; }
table thead tr th { border: solid #ccc; border-width: 0 1px 0 0; }
table tbody tr { width: 100%; border: solid #999; border-width: 0 0 1px 0; }
table tbody tr td { width: 50%; padding: 5px; border: solid #999; border-width: 0 1px 0 0; }
.bordered { border: 1px solid #ccc; }
.alC, .alC * { text-align: center; }
.alR { text-align: right; }
.floatL { float: left; }
li.bouton { float: left; margin: 0; width: 140px; background-color: #fff; font-size: 1.2em; text-align: center; list-style-type: none; }
li.bouton.On { border-bottom: 3px solid #000; }
li.bouton a { color: #999; text-decoration: none; }
li.bouton a:hover { text-decoration: underline; }
li.bouton.On a { color: #000; }
.inline { display: inline; }
.clear { clear: both; }
.w200 { width: 200px; }
.w50p { width: 45%; margin: 0 0.2%; }
.w100p { width: 100%; }
.round_cadre li { list-style-position: inside; }
.marg1 { margin: 1.5em 2em; }
.marg2 { margin: 0 2em 1em 2em; }
.marg3 { margin-right: 15px; }/*images flottantes*/
.marg4 { margin: 1em 25%; }
.marg5 { margin: 1em 0 1em 15%; }

#page { width: 70%; margin: 0 15%; font-size: 1.2em; }

/*styles par défaut*/
.round_cadre div.gCont { background: transparent url(../graph/bg_r.gif) right repeat-y; padding: 0; margin: 0; width: 100%; text-align: left; }
.round_cadre div.topCont { background: transparent url(../graph/bg_t.gif) top repeat-x; height: 7px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.top { background: transparent url(../graph/tr.gif) top right no-repeat; height: 100%; width: 100%; text-align: left; }
.round_cadre div.top div { background: transparent url(../graph/tl.gif) top left no-repeat; height: 100%; width: 7px; }
.round_cadre div.midCont { margin: 0 7px 0 0; padding: 1px 0 1px 7px; background: transparent url(../graph/bg_l.gif) top left repeat-y; }
.round_cadre div.botCont { background: transparent url(../graph/bg_b.gif) bottom repeat-x; height: 7px; font-size: 1px; text-align: left; width: 100%; }
.round_cadre div.bot { background: transparent url(../graph/br.gif) bottom right no-repeat; height: 100%; width: 100%;  text-align: left;}
.round_cadre div.bot div { background: transparent url(../graph/bl.gif) bottom left no-repeat; height: 100%; width: 7px; }

/*simple ligne (fond blanc)*/
.round_cadre.simple div.gCont { color: #999; background: transparent url(../graph/bg_r.gif) right repeat-y; }
.round_cadre.simple div.topCont { background: transparent url(../graph/bg_t.gif) top repeat-x; height: 7px; }
.round_cadre.simple div.top { background: transparent url(../graph/tr.gif) top right no-repeat; }
.round_cadre.simple div.top div { background: transparent url(../graph/tl.gif) top left no-repeat; width: 7px; }
.round_cadre.simple div.midCont { margin-right: 7px; padding-left: 7px; background: transparent url(../graph/bg_l.gif) top left repeat-y; }
.round_cadre.simple div.botCont { background: transparent url(../graph/bg_b.gif) bottom repeat-x; height: 7px; }
.round_cadre.simple div.bot { background: transparent url(../graph/br.gif) bottom right no-repeat; }
.round_cadre.simple div.bot div { background: transparent url(../graph/bl.gif) bottom left no-repeat; width: 7px; }