/* CSS Document */
body { background-color: #373737; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #fff; font-size: 0.9em; }
a { color: #FFF; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: 0; }
div.global { background-color: #5c5c5c; width: 1024px; margin: auto; padding-bottom: 4px; }
div.header { background: url(/images/bt.gif) repeat-x; height: 111px; }
div.hright { float: right; width: 500px; height: 104px; background: url(/images/btr.gif) right top no-repeat; padding: 3px 4px 0 0; }
div.hright img { float: right; display: block; clear: both; }
div.hleft { float: left; width: 400px; height: 108px; background: url(/images/btl.gif) left top no-repeat; padding: 3px 0 0 4px; }
div.hleft img { display: block; float: left; }
div.menuOnglet { padding-top: 76px; clear: both; }
div.menuOnglet img { display: block; float: left; border: 0; margin: 0; }
div.sepHeader { background-color: #373737; margin: 0 4px 0 4px; }
div.sepHeader h1 { background: url(/images/communication-interactive.jpg) right top no-repeat; font-size: 0.7em; margin: 0; padding: 3px 5px 3px 0; text-align: left; color: #5c5c5c; text-align: right; font-weight: bold; }
.clear { clear: both; width: 0; height: 0; overflow: hidden; display: block; line-height: 1px; }
div.content { background-color: #707070; margin: 4px; padding: 0; }
img.coin { float: right; display: block; margin: 0; }
div.logoCliquable { float: left; padding: 30px 0 0 53px; }
div.publicite { float: right; padding: 30px 33px 0 0; width: 728px; height: 90px; }
div.menus { float: left; padding: 20px 0 0 40px; width: 175px; }
div.menu { background-color: #373737; border: 1px solid #FF3333; width: 160px; margin: 4px auto 4px auto; text-align: center; color: #FF3333; padding: 4px 0 4px 0; }
div.menu ul { text-align: left; margin: 0; padding-left: 30px; list-style: none; color: #FFF; }
div.menu ul li img { border: 0; }
img.beforeShow { filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity: 0; }
li.mH { display: none; }
div.footer { width: 1024px; margin: auto; color: #707070; text-align: right; }
div.footer a { color: #707070; }
div.articles { float: right; width: 728px; padding-right: 38px; }
div.article { background-color: #575757; width: 690px; margin-top: 23px; padding: 5px 20px 10px 20px; }
div.article h2 { color: #FF3333; font-size: 1.3em; padding: 0; margin: 0; font-weight: bold; line-height: 12px; }
div.article h3 { color: #999; padding: 0 0 20px 0; font-size: 1em; margin: 0; font-weight: bold;  line-height: 12px; }
div.logo { width: 125px; height: 114px; background-color: #373737; float: left; position: relative; text-align: center; padding: 8px; }
div.description { width: 525px; float: right; font-size: 0.8em; }
div.description h2 { color: #FF3333; font-size: 1.1em; margin: 0; padding: 0 0 10px 0; }
div.description p { margin: 0; padding: 0; font-weight: normal; padding-bottom: 10px; }
img.visualiser { margin: 0; padding: 0; display: block; float: left; cursor: pointer;  }
span.date { float: right; display: block; padding-top: 7px; }
span.keywords { font-size: 0.6em; color: #5c5c5c;  height: 12px; line-height: 12px; display: block; overflow: hidden; margin-top: 0px; clear: both; }
span.keywords a { color: #5c5c5c; }
span.tags { margin-top: 5px; margin-bottom: -15px; font-size: 0.8em; }

input, textarea { background-color: #333; border: 1px solid #333; color: #FF3333; padding: 0 2px 0 2px; }