p,h1, h3, pre {padding:0 0 15px 0;color: #000;font-size:0.9em;}

h3 {font:1.3EM "verdana","Lucida Sans Unicode", "arial";font-weight:bold;color:#5b2583;padding:2px 0 0 57px}
h3.doc {font:1em "verdana","Lucida Sans Unicode", "arial";font-weight:bold;color:#fff;padding:0;margin:0}
h3.line {letter-spacing: -0.05em;font:1.3EM "verdana","Lucida Sans Unicode", "arial";font-weight:bold;color:#5b2583;padding:2px 0 0 57px}

h2.accatelierred {text-align:left;font-size:1em; "verdana","Lucida Sans Unicode", "arial";font-weight:bold;color:#672589;padding:0 0 9px 14px;margin:0}
h2.accatelierred a {text-decoration:none;color:#672589;}

* html p.boite {margin:45px 0 0 0;background: url(/3/img/livre6.jpg) top right no-repeat;height:94px;}

/* contenu */

#global-middle {
	margin: 0;
	padding: 0;
	width: 800px;
	height: 453px;
	
}


/* gauche */
#gauche {width: 250px;margin-top: 24px;}

#listmenu {padding:0 0 0 26px;}
#theme dl{width: 190px;margin:0;padding:0;}


ul#list{margin: 0; padding:11px 0 0 0; white-space: normal;list-style-type: none; }
#list li {letter-spacing: -0.03em;margin: 4px 0 0 -2px; padding:0; text-decoration: none;display: block;background: url(/3/img/triangle.gif) top left no-repeat;line-height:14px}
#list li a {margin: 0; padding:0 10px 0 15px; color: #69487f;display: block; text-decoration: none;line-height:14px}
#list li a:hover {color: #f43035; text-decoration: none;}

#list li.on {margin: 4px 0 0 -2px; padding:0 10px 0 15px; color: red;}

*html ul#list li {margin: -10px 0 0 -2px;display: block; text-decoration: none;line-height:14px}
*html #list li.on {margin:  -10px 0 0 -2px; padding:0 10px 14px 15px; color: red;}



/* #list li a:link {color: #ff2558; text-decoration: none;} */
.bold {color: #7c027b;font-weight:bold;} 
#mentions2 {margin:30px 0 0 5px;background-color:#fff;overflow: auto;width:170px;height: auto}
ul#bottom2 {margin: 0; padding:8px 0 0 0; white-space: normal;list-style-type: none;text-align: center;}
#bottom2 li {margin: 0; padding:0 ; text-decoration: none;display: block; background: url(/3/img/mentions.jpg) center left no-repeat; }
#bottom2 li a {margin:0; padding:0; color: #fff; text-decoration: none;line-height: 18px}
#bottom2 li a:hover {color: #d2d2d2; text-decoration: none;}

/* milieu */
#milieu { position: absolute; left: 250px; width: 315px;padding: 0;margin: 0;}



#listcontent {padding:0;margin:0}
#listcontent dt span {display:none;}
#content dl {width: 325px;margin:0;padding:0;}
#listcontent dl, #listgalerie dt, #listgalerie dd {margin:0;padding:0}
#listcontent dl {background: url("/3/img/bottom-atelier.gif") bottom left no-repeat;padding-bottom: 15px;}
#listcontent dt {margin:0;padding:0;background:  url("/3/img/top-atelier.gif") top left no-repeat;text-align: left;height:15px !important; height /**/:15px; /* for IE5/Win */}
#listcontent dd {margin:0;padding:0 5px 5px 5px;text-align:left;background:  url("/3/img/middle-atelier.gif") top left repeat-y;min-height:405px}
*+html #listcontent dd, * html #listcontent dd {min-height:390px}

p.activitechap {padding: 2px 0 0 0;margin: 0;color: #000;padding:0 0 15px 0;font-size:0.9em;}
p.activitechap a {color: #69487f; text-decoration: none;}
/* cas particulier chap 2 */
#nyiyragongo { margin-top: 22em; }

*html #bloc {height:393px}
#bloc {margin: 0 15px 0 0 ; padding:0 0 0 53px; color: #69487f; text-decoration: none;font-size: 1em;width: 230px}
#bloc h1 {font-size:1.3em;font-weight:bold;color:red;line-height: 1.1em;}
p.intro {margin:0 0 0 0; padding:0 0 15px 0; color: #000;font-weight:bold;font-size: 0.9EM;}
p.titre {margin:0; padding:0 0 5px 0; color: #ff0000;font-weight:bold;font-size: 0.9EM;}
.bullet {margin:0 0 0 -27px; padding:0 0 5px 0 ; color: #000;font-size: 0.9EM;font-weight:bold}


p.intro a { color: #ff0000; }

#droite { position: absolute; left: 565px; width: 235px;padding: 0;margin: 0;overflow: auto;}

#listdoc {float:left;padding:0;margin:3em 0 0 0;width:225px}
#listdoc dt span {display:none;margin:0;padding:0;}
#doctheme dl{width: 190px;margin:0;padding:0;}
#listdoc dl, #listgalerie dt, #listgalerie dd {margin:0;padding:0}
#listdoc dl {background: url("/3/img/bottom-doc.gif") bottom left no-repeat;padding-bottom: 13px;}
#listdoc dt {font-size:1.2em;font-weight:bold;color:#fff;margin:0;padding:10px 0 0 10px;background:  url("/3/img/top-doc.gif") top left no-repeat;text-align: left;height:29px !important; height /**/:29px; /* for IE5/Win */}
#listdoc dd {margin:-10px 0 0 0;padding:0 5px 5px 5px;text-align:left;background:  url("/3/img/middle-doc.gif") top left repeat-y;}

ul#list-doc{margin: 0; padding:10px 0 0 0; white-space: normal;list-style-type: none; }
#list-doc li {margin: 0 0 0 -2px; padding:4px 0 0 0; text-decoration: none;display: block;}
#list-doc li a {margin: 0; padding:0 0 0 16px; color: #fff; text-decoration: none;font-size: 11px;background: url(/3/img/triangle.gif) center left no-repeat;line-height: 13px}
#list-doc li a:hover {color: Black; text-decoration: none;background: url(/3/img/titre-on.gif) center left no-repeat;}
.bold {color: #7c027b;font-size: 11px;font-weight:bold;font-style:italic}
#mentions {margin:50px 0 0 5px;background-color:#fff;overflow: auto;width:170px;height: auto}
ul#bottom {margin: 0; padding:10px 0 0 0; white-space: normal;list-style-type: none;text-align: center;}
#bottom li {margin: 0; padding:0 ; text-decoration: none;display: block; background: url(/3/img/mentions.jpg) center left no-repeat; }
#bottom li a {margin:0; padding:0; color: #fff; text-decoration: none;font-size: 11px;line-height: 18px}
#bottom li a:hover {color: #d2d2d2; text-decoration: none;}

*+html #credits, * html  #credits {margin:25px 0 0 36px;}

#credits-bg {position:left;width: 512px;padding:0 0 20px 0;margin:10px 0 0 38px;background: url("/3/img/attention3.gif") top left no-repeat;height:25px;color: #fff; text-decoration: none;font-size:0.9EM;}

#credits {position:left;width: 512px;padding:0;margin:10px 0 0 38px;background: url("/3/img/attention3.gif") top left no-repeat;height:30px;color: #fff; text-decoration: none;font-size:0.9EM;}
#top {width: 800px;padding: 0;margin: 0; background-color: #000;}
#top-logo {position: absolute;width: 370px;padding:0;margin:0}
#top-logo h1  {margin:0;padding:0;background: url('/3/img/logoSVT3') top right no-repeat;}
#top-logo h1 span {margin:0;padding:0;display:none;}

p.externlinka {margin:0; padding:0 25px 20px 0;text-align:right;color: #fff;line-height:25px;width:530px;font-weight:bold;}
p.externlinka  a {color: #fff;margin:0; padding:0; text-decoration: underline;font-weight:bold;font-size:1.1em;}



/* #top-right {margin-left: 370px;background: url(/3/img/atelierB2i.gif) top left no-repeat;width:430px;height:140px} */
#top-right {margin-left: 370px;width:430px;height:140px}
p.didier {margin:0 ;padding:0;float:right}

*+html p.boite, * html p.boite {margin: 45px 0 0 0 ;}
p.boite {margin:37px 0 0 0 ;padding:1px  20px 0 0;text-align:right;background: url(/3/img/livre.jpg) top right no-repeat;height:95px;color: #fff;}
p.boite {margin:37px 0px 0 0px;padding:0px  20px 0 0;text-align:right;background: url(/3/img/livre.jpg) right 8px no-repeat;height:95px;color: #fff; clear: right;}
p.violet {margin: 0; padding:10px 0 0 0; text-decoration: none;color: #5B2583; font-weight:bold}
p.violet2 {margin: 0; padding:10px 0 0 0; text-decoration: none;color: #5B2583; font-weight:bold}





p.doc-bullet {margin: 0 0 0 5px; padding:0 15px 0 10px ; text-decoration: none; background: url(/3/img/bullet.jpg) top left no-repeat;color: #fff;font-size: 10px;font-weight:bold}
p.doc-bulletop {margin: 0 0 0 5px; padding:0 15px 0 10px ; text-decoration: none; background: url(/3/img/bullet2.jpg) top left no-repeat;color: #fff;font-size: 10px;font-weight:bold;line-height:20px}

p.icones {margin:0; padding:0; text-decoration: none;color: #fff;font-size: 10px;font-weight:bold;line-height:15px}
p.icones a {margin:0; padding:0 0 0 5px;vertical-align: -7px;}

.boldv {color: #fff;font-weight:bold;} 
*+html p.yellow, * html p.yellow {padding-top:0}
p.yellow {margin:0; padding:3px 13px 0 0;text-align: center;}
p.yellow a {margin:0; padding:0;color: #ffff00; text-decoration: none;font-size: 10px;font-weight:bold; }




p.calage2 {margin:0; padding:55px 0}
p.calage3 {margin:0; padding:143px 13px 0 0}
p.calage4 {margin:0; padding:88px 0}
p.calage5 {margin:0; padding:17px 0}
p.calage6 {margin:0; padding:46px 0}
p.calage7 {margin:0; padding:17px 0}
p.calage8 {margin:0; padding:117px 0}
p.calage9 {margin:0; padding:48px 0}
p.calage10 {margin:0; padding:39px 0}
p.calage11 {margin:0; padding:61px 0}

p.calage {margin:0; padding:13px 0}
p.sstitre {font:15px "helvetica","Lucida Sans Unicode", "arial";font-weight:bold;color:#5b2583;padding:10px 0 0 10px;margin-top:20px}
p.space {margin:0; padding:22px 0}
p.space2 {margin:0; padding:44px 0}
blockquote.space2 {margin:0; padding:44px 0}

p.logi {margin:0; padding:0 0 5px 5px;color: #fff;font-size: 10px;}
p.logiciel {margin:0; padding:0 0 0 5px;color: #fff;font-size: 10px;}
p.logiciel a {text-decoration: none;color: #fff;font-weight:bold;font-size: 10px;}

#listlogiciel {float:left;padding:0;margin:-2px 0 0 0;width:211px}
#listlogiciel dt span {display:none;}
#logiciel dl {width: 190px;margin:0;padding:0;}
#listlogiciel dl, #listgalerie dt, #listgalerie dd {margin:0;padding:0}
#listlogiciel dl {background: url("/3/img/bottom-doc.gif") bottom left no-repeat;padding-bottom: 13px;}
#listlogiciel dt {font-size:1.2em;font-weight:bold;color:#fff;margin:0;padding:10px 0 4px 10px;background:  url("/3/img/top-doc.gif") top left no-repeat;text-align: left;height:15px !important; height /**/:20px; /* for IE5/Win */}
#listlogiciel dd {margin:0;padding:0 5px 5px 5px;text-align:left;background:  url("/3/img/middle-doc.gif") top left repeat-y;}

/* Ajout pour B2i */
#bloc {color:#000; }
#bloc ul {list-style-type: disc;}
#bloc p {margin: 0; padding: 0.5em 0; } 
#bloc h4 {margin:0 0 0 0; padding:0 0 15px 0; color: #5b2583; font-size: 1.2em; font-weight: bold;}
#bloc h5 {margin:0 0 0 0; padding:0 0 0.8em 0; color: #000;font-weight:bold;font-size: 0.9em;}
#bloc h5.moyens {color: #d00;}
#attention {width: 488px;padding:0;margin:10px 0 0 38px;
  background: #eb7454 url("/3/img/attention_bas.gif") bottom left no-repeat;
  color: #fff; text-decoration: none;font-size:0.9EM;}
#attention p {padding: 5px 15px; color: #fff;}
#attention p strong {text-align: center;}
#attention-haut {background: url("/3/img/attention_haut.gif") top left no-repeat;}