body {
    font-size:11px;
    font-family:Verdana, sans-serif;
    background:#333;
    color:#bbbaba;
    text-align:center;
    margin:0; padding:0;
}
img { border:0 }
/*.nettoyeur {
    clear:both;
    visibility:hidden;
}*/

blockquote {
	margin: 5px;
	padding: 10px;
	border: 1px solid black;
	background: #ccc;
}

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.center {
    text-align:center;
}
#page {
    text-align:left;
    margin:auto;
    border-left:1px solid #E8E8E8;
    border-right:1px solid #E8E8E8;
    width:990px;
    background-color:#5c5c5c;
}
#header {
    height:113px;
    background:transparent url(images/fond-header.png) repeat-x;
}
#nav {
    background:#313131 url(images/fond-nav.png) repeat-x;
    height:26px;
    padding-left:20px;
    border-bottom:2px solid #fe0000;
}
#nav ul {
    margin:0;padding:0;
    height:26px;
    list-style:none;
    background:transparent url(images/sep-nav.png) no-repeat left;
}
#nav ul li {
    float:left;
    line-height:26px;
    height:26px;
    padding:0 10px;
    background:transparent url(images/sep-nav.png) no-repeat right;
}
#nav ul li a {
    line-height:26px;
    color:white;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
#nav ul li a:hover {
    text-decoration:underline;
}

#recherche {
    float:right;
    vertical-align:middle;
    padding:2px 8px;
}
#recherche p, #recherche form {
    margin:0;padding:0;
}
#recherche label {
    color:white;
    font-size:11px;
}
#recherche input { vertical-align:middle; }
#recherche .input {
    border:1px solid #cfcfcf;
    margin:0; padding:0;
}
#q {
    background:white url(images/loupe.png) no-repeat center right;
}
#contenu {
    background:white url(images/sep-menu.png) repeat-y 637px;
    margin:5px 15px 0 15px;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif;
}
p.fil {
    margin:7px 0 0 15px;
    padding:0;
    color:#a29f9f;
}
p.fil a {
    color:#a29f9f;
}

#sidebar {
    width:323px;
    font-size: 11px;
    float:right;
    background:white url(images/sep-menu.png) repeat-y left;
}

#contenu h2 {
    color:black;
    font-weight:bold;
    text-transform:uppercase;
    font-size:14px;
    background:transparent url(images/puce-titre.png) no-repeat left;
    padding:5px;
    padding-left:30px;
    margin:10px 10px 0 10px;
}

#raccourcis-home {
    margin:0 10px;
}
#raccourcis-home img {
    display:block;
    border:1px solid #595858;
}
#raccourcis-home ul {
    list-style:none;
    margin:0;padding:0;
}
#raccourcis-home li {
    float:left;
    width:180px;
    margin:10px;
}
#raccourcis-home a {
    color:#5c5c5c;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
#raccourcis-home a:hover {
    text-decoration:underline;
}
a#all-test {
    display:block;
    clear:left;
    color:#bbbaba;
    font-size:11px;
    font-weight:normal;
    text-decoration:underline;
    text-align:right;
    padding-right:20px;
    padding-bottom:10px;
}

.bloc-gris {
    background-color:#f7f7f1;
    border-top:5px solid #333333;
}

.bloc-gris2 {
    background-color:#f7f7f1;
    border-top:5px solid #333333;
    margin:0 10px;
    padding:0 10px 20px 0;
}

#milieu {
    padding-right:326px;
    padding-top:10px;
}

#milieu dl {
    margin:0 10px;
    padding:0 0 20px 0;
}
#milieu dt {
    color:#0065ff;
    font-weight:bold;
    margin:10px 0 0 6px;
}
#milieu dl dd ul li a {
    color:black;
    text-decoration:none;
    background-color:#f7f7f1;
    padding-right:10px;
}

#milieu dl dd ul li a:hover {
	text-decoration:underline;
}

#milieu dl dd ul { margin:0;padding:0; }
#milieu dl dd ul li {
    list-style-image:url(images/puce-news.png);
    background:transparent url(images/dot-news.png) repeat-x 0 10px;
    margin:1px 10px 1px 0;
}

.bloc-bas-news {
    width:317px;
    margin-left:0px;
    float:left;
    padding-bottom: 10px;
}
.bloc-bas-news .bloc-gris {
	margin-right: 0;
    color:black;
	padding: 5px 5px 0;
	font-size: 11px;
}

.bloc-bas-news .bloc-gris dd {
	margin-top: 10px;
	margin-left: 20px;
	padding-left: 0;
	padding-bottom: 5px;
}

.bloc-bas-news .bloc-gris li {
	margin-bottom: 0;
	padding-bottom: 0;
}

#banner {
    float:right;
    margin:10px;
}

#membre {
    width:300px;
    min-height:91px;
    background:#f7ac09 url(images/membre.png) no-repeat;
    margin:15px 0 0 10px;
    color: #424141;
}

* html #membre {
	height: 91px;
}

#membre h3 {
    font-size:14px;
    padding:3px 10px 7px 10px;
    margin:0;
    color:black;
}
#membre form { margin:0; }
#membre p {
    margin:2px 10px ;
    padding:0;
}
#membre p a {
    text-decoration:none;
    color:#424141;
    font-size:12px;
}
#membre p a:hover {
    text-decoration:underline;
}
#membre .input {
    width:85px;
    margin:0 20px 0 0;padding:0;
    vertical-align:top;
}

#cube {
    margin:15px 0 0 10px;
}

#bloc-bleu {
    background:#82B0E1 url(images/bloc-bleu.png) no-repeat;
    width:290px;
    margin:15px 0 10px 10px;
    padding-bottom:20px;
    text-align:right;
    padding-right: 10px;
}
#bloc-bleu h3 {
    color:#0065ff;
    font-weight:bold;
    font-size:14px;
    padding:8px 0 2px 10px;
    text-align:left;
}
#bloc-bleu ul {
    
    text-align:left;
    margin-bottom:10px;
    margin-left: 25px;
    padding-left: 0;
}
#bloc-bleu ul a {
    text-decoration:none;
}
#bloc-bleu ul a:hover {
	text-decoration: underline;
}
#article-top, #test-last {
    list-style-image:url(images/puce.gif);
}
#article-top a, #test-last a, #bloc-bleu a {
    color:black;
}

#test-last-h3 {
    margin-top:30px;
}
#footer {
    height:45px;
    padding-top:15px;
    text-align:center;
    margin:5px 15px 0 15px;
    background-color:#2e2e2e;
    color:white;
    clear: both;
}
#footer a {
    color:white;
}
#titre-news {
    /*margin:5px 0 5px 10px;  marche pas sous ie 6 ? */
    height:84px;
    background:transparent url(images/titre-news.png) no-repeat;
}
#hack-ie {
    margin:5px 0 5px 10px; /* marche pas sous ie 6 ? */
}
#titre-news h2 {
    color:white;
    border:0;
    margin:0;padding:10px;
    background-image:none;
    text-transform:none;
    font-size:14px;
    font-weight:bold;
}

#milieu #titre-news p {
    margin:0;padding:0;
    padding-left:10px;
    position:absolute;
    top:240px;
    color:white;
    width:580px;
}
#titre-news select {
    float:right;
    margin:0;padding:0;
    margin-top:-5px;
}
.cowabunga {
    color:black;
    padding:10px 20px;
	text-align: justify;
}

#nav-article {
    margin:10px;
    padding:20px 10px 5px 10px;
    background:#f6f1f1 url(images/nav-articles.png) repeat-x top;
    color:black; font-size:12px;
	height: 18px;
}
#nav-article a {
    color:black; font-size:12px;
}
#nav-article span {
    float:right;
}
#commentaires {
    margin:10px;
}

#commentaires a {
	color: #000;
	text-decoration: underline;
}

#commentaires a:hover {
	text-decoration: none;
}

#commentaires h3 {
    color:#b01717;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
    border-bottom:4px solid #333333;
    margin-bottom:0;
}
#commentaires dt, #commentaires dd, #commentaires dl {
    margin:0;padding:0;
}
#commentaires dt, #commentaires dd {
    background-color:#f7f7f1;
}
#commentaires dt {
   padding:4px 20px;
   color:black;
   font-weight:normal;
   font-size:11px;
   background:#f7f7f1 url(images/com.png) no-repeat 5px center;
}
#commentaires dd {
    background:#F7F7F1 url(images/sep-com.png) repeat-x top;
    padding:10px;
    color:black;
}

.ttactu {
	margin-top: 15px;
}

.ttactu li {
	list-style-image:url(images/puce-news.png);
    background:transparent url(images/dot-news.png) repeat-x 0 10px;
    margin:1px 10px 5px 0;
	padding-bottom: 5px;
}

.ttactu li .texte, .ttactu li .texte a, #navpges a {
	color: #000;
}

.ttactu li .texte a {
	font-weight: bold;
	text-decoration: none;
}

.ttactu li .texte a:hover {
	text-decoration: underline;
}

.ttactu li a.title {
	margin-bottom: 5px;
	color:black;
    text-decoration:none;
    background-color:#f7f7f1;
    padding-right:10px;
	font-weight: bold;
}

.ttactu li a.title:hover {
	text-decoration:underline;
}

.ttdossiers {
	margin-top: 15px;
}

.ttdossiers li {
	background:transparent url(images/dot-news.png) repeat-x 0 10px;
	list-style-type: none;
    margin:1px 10px 5px 0;
	padding-bottom: 5px;
	margin-left: -20px;
}

.ttdossiers li .texte, .ttdossiers li .texte a {
	color: #000;
}

.ttdossiers li .texte a {
	font-weight: bold;
	text-decoration: none;
}

.ttdossiers li .texte a:hover {
	text-decoration: underline;
}

.ttdossiers li a.title {
	margin-bottom: 0px;
	color:black;
    font-size:12px;
    text-decoration:none;
    background-color:#f7f7f1;
    padding-right:10px;
	font-weight: bold;
	margin-left: -10px;
	padding-left: 10px;
}

.ttdossiers li a.title:hover {
	text-decoration:underline;
}

.txt {
	color: #000;
	margin:5px 15px 5px 15px;
}

#navpges {
	margin:5px 15px 0 15px;
	height: 15px;
}

#navpges .left {
	float: left;
}

#navpges .right {
	float: right;
}

a.imolink {
   position: relative;
   color: black;
}
a.imolink span {
   display: none; /* on masque l'infobulle */
}
a.imolink:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
a.imolink:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   text-decoration: none;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 15px; /* on positionne notre infobulle */
   left: 10px;

   background: white;

   color: #000;
   padding: 3px;

   border: 1px solid #333;
   border-left: 4px solid #333;
}