@CHARSET "UTF-8";
.content{margin-left:24em;}
.content p{font-size:1.1em;line-height:1.45em;text-align:justify;}
.pictureBox{left:0em;position:absolute;text-align:center;top:6.4em;width:20.8em;}
.pictureBox2{text-align:center; float: left;}
#actualites{margin:1.2em 0em 0em 0em;position:relative;width:53.2em;}
#actualites li{margin:1.2em 0em 0em 0em;position:relative;width:53.2em;}
#actualites li.even{background:#F2F2F2;}
#actualites li h4{line-height:2.4em;margin:0em 0em 0.6em 12em;}
#actualites li span.date{display:block;left:0em;line-height:2.4em;position:absolute;top:0em;}
#actualites a.more{display:block;height:2.4em;line-height:2.4em;margin-top:0.6em;}
#actualites div.abstract{line-height:1.5em;margin-left:12em;text-align:justify;}
#dossierDuMois{height:20em;position:relative;width:53.2em;}
#dossierDuMois h3{line-height:2.4em;padding-top:1.2em;text-transform:uppercase;}
#mainBox h2, #mainBoxMars2010 h2, #mainBoxMai2010 h2 { border-bottom: 0.1em solid #D2D2D2; color: #454545; font-size: 1.2em; line-height: 2.67em; }
h2.kariba { border-bottom: 1px solid #d8d8d8; color: #444; font: bold 12px sans-serif; /*line-height: 2.67em;*/ margin: 0 0 1em 0; }
p.kariba { margin: 0 0 1em; text-align: justify; }
#mainBox h2.bgHor1, #mainBoxMars2010 h2.bgHor1, #mainBoxMai2010 h2.bgHor1 { border: none !important; color: #a0c11c; font: bold 14px sans-serif; margin: 0 0 1em 0; background: url(/medias/pictures/site/home-bg-h-1.gif) no-repeat; width: 538px; height: 56px; line-height: 90px; text-indent: 20px; letter-spacing: 1px; }
#mainBox h2.bgHor2, #mainBoxMars2010 h2.bgHor2, #mainBoxMai2010 h2.bgHor2 { border: none !important; color: #a0c11c; font: bold 14px sans-serif; margin: 0 0 1em 0; background: url(/medias/pictures/site/home-bg-h-2.gif) no-repeat; width: 538px; height: 56px; line-height: 90px; text-indent: 20px; letter-spacing: 1px; }
p.homeH22 { color: #00763B !important; font: bold 14px sans-serif !important; margin: 0 0 1em 0; background: url(/medias/pictures/site/home-bg-h-2-2.gif) no-repeat; padding: 42px 0 0 0; width: 532px; letter-spacing: 0px; }
h3.kariba { margin: 0 0 1em; }
#siteNavBoxE01{background:#6EB200 url(../siteNavBoxHighLight.gif) left bottom repeat-x;}
#siteNavBoxE01 a{background:url(siteNavBoxE01a.jpg) left top no-repeat;}

/* Novembre 2009 - on utilise cette css pour la partie table ronde : gestion "exceptionnelle" => pas de temoin sur "accueil" */
#siteNavBoxE01.off {background:none;}
#siteNavBoxE01.off a {background:transparent url(/medias/skin/default/siteNavBoxE01.gif) no-repeat scroll left top;}

#sideBox{padding:0em 0em 0em 0em;position:absolute;right:0em;top:178px;width:18.8em;}
#sideBox h5{border-bottom:0.1em solid #999999;color:#B1C800;line-height:3.2em;}
#rss{background:url(rss.gif) center center no-repeat;height:3.2em;position:absolute;right:0em;top:0em;width:3.2em;}
#rss span{display:none;}
.quickLinks{margin-bottom:1.6em;}
.quickLinks li{background:url(quickLinksli.jpg) left bottom repeat-x;padding-bottom:1px;}
.quickLinks li{}
.quickLinks li a{display:block;line-height:2.4em;}
.quickLinks li a:hover{text-indent:1.2em;}

#introBoxVideo{height:290px;position:relative; background: #a0c11c;}
#sideBoxVideo{padding:0em 0em 0em 0em;position:absolute;right:0em;top:290px;width:18.8em;}

#introBoxVideoMars2010 { position: relative; background: #fff url(/medias/skin/default/home/video-bg.png) no-repeat 50% 100%; padding: 0 0 32px 0; }
#sideBoxVideoMars2010 { padding: 0; position: absolute; right: 0; top: 322px; width: 18.8em; }
#sideBoxVideoMai2010 { padding: 0; position: absolute; right: 0; top: 450px; width: 18.8em; }

#introBoxVideoEco { position: relative; background: #fff url(/medias/skin/default/home/video-bg-eco.png) no-repeat 50% 100%; padding: 0 0 32px 0; }

/* Table ronde */
#mainBoxTableRonde {padding-bottom:4em;width:100%;}
#tableRonde { margin: 2em 1em 0 0; font-size: 12px; }

#tableRonde * { color: #333;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#tableRonde h1 { font: bold 15px Arial, Helvetica, sans-serif; border: none; color: #000; margin: 1em; }
#tableRonde h2 { background: transparent url(/medias/pictures/table-ronde/h2.png) no-repeat; padding: 7px 1em 4px 158px; font: bold 15px Arial, Helvetica, sans-serif; border: none; color: #F19300; margin: 0 0 1em 0; }
#tableRonde.eco h2 { background-image: url(/medias/pictures/table-ronde/h2-eco.png); padding: 7px 1em 4px 128px; color: #004c51; }
#tableRonde h3, #tableRonde h3 strong { font-size: 14px; color: #135242; }
#tableRonde.eco h3, #tableRonde.eco h3 strong { color: #444; }
#tableRonde p { margin: 0 0 2em 0; font-size: 12px; }
#tableRonde p * { font-size: 12px; }
#tableRonde h3, #tableRonde p { padding-left: 1em; }
#tableRonde h3 { margin: 1em 0; }
#tableRonde p a { font-size: 12px; }
#tableRonde a { color: #808080; }
#tableRonde strong { color: #000; }
#tableRonde .logo img { margin: 0 4em; }
#tableRonde .logonew img { margin: 0 1em; }
#mainBoxTableRonde ol, #mainBoxTableRonde ul { margin: 1em 0 1em 3em; }
#tableRonde h4 { color: #1c775f; }

#invit { background: #fff url(/medias/pictures/table-ronde/bg-formulaire.png) no-repeat 140px 0; min-height: 443px; _height: 443px; font-size: 12px; color: #000; margin: 0; padding: 0; }
#invit label { height: 34px; display: block; text-align: right; font-size: 12px; float: left; width: 110px; padding: 0 40px 0 0; }
#invit .champ { height: 34px; margin: 0; width: 530px; border: none; background: transparent; font-size: 12px; }