/*Styles génériques*/
* { margin: 0; padding: 0; border: none; }
html, body { font-family: Arial, Helvetica, sans-serif; background: #eee; height: 100%; font-size: 1px; }
table { width: 100%; height: 100%; }
a { text-decoration: none; }
ul { list-style-type: none; }
div#container1 { position: absolute; top: 50%; margin: -76px 0 0; height: 152px; width: 100%; }
div#container2 { position: absolute; top: 50%; left: 50%; width: 600px; padding: 0; margin: -225px 0 0 -300px; border: 6px solid #333; background-color: white; z-index:11;}
div.band { float: left; width: 55%; height: 152px; background: #333; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 20px; text-align: right; height: 112px; }
div#container2 p.center { text-align: center; }
div#container2 p.right { text-align: right; }
div.clear { clear: both; }

/*Home Menu*/
div#container1 ul#menu { float: left; width: 150px; border-top: 1px solid #fff; border-left: 1px solid #fff; border-right: 1px solid #fff; }
div#container1 ul#menu li { height: 50px; border-bottom: 1px solid #fff; }
div#container1 ul#menu li a { display: block; padding: 18px 0; font-size: 14px; line-height: 14px; font-weight: bold; text-align: center; color: #fff; }
div#container1 ul#menu li a.comp { background: #04a5e0; }
div#container1 ul#menu li a.real { background: #e88d0b; }
div#container1 ul#menu li a.cont { background: #34871a; }
div#container1 ul#menu li a:hover { background: #333; }
div#container1 h1 span { display: none; }

/*Others*/
div#container2 h1 a { display: block; padding: 4px 0 6px 0; font-size: 14px; font-weight: bold; color: #fff; background: #333; }
div#container2 h2 a { display: block; padding: 6px 4px; font-size: 14px; font-weight: bold; color: #fff; }
div#container2 h2 a.comp { background: #04a5e0; }
div#container2 h2 a.real { background: #e88d0b; }
div#container2 h2 a.cont { background: #34871a; }
div#container2 h2 a:hover { background: #333; }
div#container2 p, div#container2 ul { margin: 15px; font-size: 14px; color: #555; line-height: 1.3em; text-align: justify; }
div#container2 ul li { padding: 0 0 0 20px; }
div#container2 span { font-weight: bold; }
div#container2 span.comp { color: #2590b7; }
div#container2 span.real { color: #c77806; }
div#container2 span.cont { color: #397327; }
div#container2 h3 { margin: 0 15px; font-size: 12px; color: #666; font-weight: bold; }
div#container2 div.semi_float { float: left; width: 270px; margin: 10px; }
div#container2 label { display: block; float: left; width: 100px; font-weight: bold; }
div#container2 input { width: 250px; padding: 4px; background: #f5f5f5; border: 1px solid #ddd; font-size: 12px; color: #666; }
div#container2 input.submit { width: 100px; padding: 4px; background: #397327; border: none; color: #fff; font-weight: bold; cursor: pointer; }
div#container2 textarea { width: 400px; height: 200px; padding: 4px; background: #f5f5f5; border: 1px solid #ddd; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; }
div#container2 p span.error { font-size: 11px; font-weight: bold; color: #da0000; }

div#container2 p img { margin: 0; padding: 4px; background: #f5f5f5; border: 1px solid #ddd; }