/* CSS Document */

* {
 margin: 0;
 padding: 0;
 outline: none;
}

body {
 background-color: #000;
 color: #fff;
}

h1 {
 text-indent: -999em;
 position: absolute;
 left: 65px;
 top: 68px;
 width: 225px;
 height: 56px;
 background-image: url(img/bon2010.gif);
}

p#pimpampum a {
 text-indent: -999em;
 display: block;
 position: absolute;
 right: 25px;
 top: 25px;
 width: 96px;
 height: 28px;
 background-image: url(img/pimpampum.gif);
}

ul#join {
 position: absolute;
 right: 50px;
 top: 100px;
}

ul#join li {
float: left;
list-style-type: none;
}

ul#join li a {
 text-indent: -999em;
 display: block;
 width: 76px;
 height: 26px;
 background-position: left top;
 background-repeat: no-repeat;
}

li.ca a {
 background-image: url(img/bt_join_ca.gif);
}

li.es a {
 background-image: url(img/bt_join_es.gif);
}

li.en a {
 background-image: url(img/bt_join_en.gif);
}

ul#join li a:hover {
 background-position: left -33px;
}

#flash {
   width: 100%;
background-color: #333;
margin-top: 150px;}

#info {
   font-family: Verdana, Geneva, sans-serif;
   color: #666;
   font-size: 10px;
   width: 400px;
   margin: 25px;
   line-height: 15px;
   }
/*generiques*/


.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.clearfix {
 display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
 height: 1%;
}

.clearboth {
 display: block;
}
/* End hide from IE-mac */

a, a:visited {
 color: #999;
 text-decoration: none;
}
a:hover {
   color: #9C0;}