html {
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
body {
padding: 0;
margin: 0;
font: .7em Tahoma, Arial, sans-serif;
line-height: 1.7em;
height:100%;
color : #f00;
background-color: #000;
background-color: #3bcaf6;
background-color: #fff;
background-color: #002;
}

#charte {
margin: 0;
padding: 0;
margin-left : auto;
margin-right : auto;
width: 960px;
background: #3bcaf6 url(img/fond.jpg) no-repeat center bottom;
background-attachment : fixed;
/* pour FF et IE7 enfin !! */
min-height:100%;
/* encule IE et un gros hack qui pue */
_height:100%;
/*
padding-bottom : 250px;
*/
}

#header {
font-size : 12px;
color : #f00;
height : 170px;
background: #3bcaf6 url(img/bg_top.jpg) repeat-x top;
}
#logo {
float : left;
padding : 10px;
padding-top: 20px;
width : 200px;
text-align:center;
background:transparent;
/*border : 1px solid #f00;*/
}
#favoris {
float : left;
width : 220px;
padding : 0px;
font-size : 12px;
text-align : center;
/*border : 1px solid #f00;*/
}
#pub {
float:right;
padding : 0px;
margin-top : 5px;
width : 470px;
/*border : 1px solid #f00;*/
}

#chiffres {
color : #000;
font-size : 10px;
text-align:center;
width : 240px;
}

#menuleft {
float:left;
width:250px;
padding : 0;
margin : 0;

}
#content {
float:left;
/*margin-left : 250px;*/
margin-left : 1px;
margin-right: 10px;
padding : 20px;
width : 650px;
/*overflow:auto;*/
background: transparent url(overlay4.png) repeat;
color : #000;	
}


#footer { 
padding-left : 400px;
height : 100px;
color : #000;
/*border : 1px solid #f00;*/
}

#spacer {
clear:both;
}

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

/* hack IE again pour le soucis des png transparent ! */
a, input, select, submit {
position: relative;
z-index: 1;
}

a.red {
color : #c00;
font-weight : bold;
}


#texte_gauche {
float : left;
width : 500px;
}
#pub_droite {
float : right;
}


#newsletter {
margin-left : 20px;
padding : 10px;
width : 190px;
background: transparent url(overlay4.png) repeat;
border : 1px solid #fff;
color:#fff;
}


ul#menu {
padding : 0;
margin : 0;

margin-left : auto;
margin-right : 0;

padding-left : 20px;
padding-top : 10px;
padding-right : 0;
list-style-type: none;
text-align:right;
width: 160px; 

}
ul#menu li {
margin-bottom: 5px;
text-align:right;
}
ul#menu a {
margin: 0;
padding-top : 5px;
padding-bottom : 5px;
padding-right : 20px;
 
height: 20px;
display: block;
text-align: right;
border-left: 1px solid #69c;
border-top: 1px solid #69c;
border-bottom: 1px solid #69c;
border-right: 1px solid #69c;
text-decoration: none;
background: url(overlay4.png) repeat;
color: #000;
font-weight:bold;

}
ul#menu a:hover {
background: #ccc;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
border-right: 1px solid #000;
color : #fff;
background:#c00;
}

ul#menu li.active {
margin: 0;
margin-bottom : 10px;

padding-bottom : 5px;
padding-top : 5px;
padding-right : 20px;
padding-left : 10px;

height: 20px;
display: block;
text-align: right;
border-left: 1px solid #69c;
border-top: 1px solid #69c;
border-bottom: 1px solid #69c;
text-decoration: none;
background: url(overlay4.png) repeat;
color: #fff;
font-weight:bold;

}

#boule {
float:left;
margin : 5px;
width : 80px;
height : 80px;
font-size:14px;
background: url(img/boule.png) no-repeat top center;
/*border : 1px solid #f00;*/
}
#boule p {
margin:0;
padding:0;
text-align:center;
padding-top : 30px;
font-weight:bold;
}



h1 {
border : 1px solid #fff;
background : #c00;
color : #fff;
padding : 10px;
font-size : 14px;
}

#bloc_left {
float : left;
width : 350px;
border : 1px solid #c00;
background : #fff;
color : #000;
padding : 10px;
font-size : 12px;
}

#bloc_right {
float : right;
width : 250px;
border : 1px solid #c00;
background : #eee;
color : #000;
padding : 10px;
font-size : 11px;
}

#bloc_right_frm {
float : right;
width : 250px;
border : 1px solid #c00;
background : #c00;
color : #fff;
padding : 10px;
font-size : 11px;
}


#bloc_hdr_frm {
float : right;
background : transparent;
color : #000;
padding : 10px;
font-size : 11px;
/*
border : 1px solid #c00;
*/
}



#index {
border : 1px solid #c00;
background : #fff;
color : #000;
margin : 10px;
padding : 10px;
font-size : 12px;
}



#archives {
border : 1px solid #c00;
background : #eee;
color : #000;
padding : 10px;
font-size : 12px;
}
#archives_selected {
border : 1px solid #c00;
background : #fff;
color : #000;
margin : 10px;
padding : 10px;
font-size : 12px;
}