/* -- SITE RATAFIA -- */

body, html {background-color:#000000}

* {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
list-style-type: none;
border-collapse: collapse;
}

/* Styles generiques */

p {color: #FFCC00;}

a:link,a:visited {color: #FFCC00;text-decoration:none;}
a:hover {color: #CC0000;}
a:active {color: #CC0000;}

img {border: none;}

/* Presentation de la structure */

#conteneur {
	background: url(../images/bg.jpg) no-repeat; 
	position: absolute;
	left: 50%;
	margin-left: -500px;
	width: 1000px;
}

#header {
float:left;
width: 980px;
height:160px;
background-color:transparent;
}

/* Div a personnaliser en fonction du besoin des animation Flash dans le header */
div.swfTransparent {
position:absolute;
top: 0;
left: 50%;
margin-left: -490px;
width: 760px;
height: 130px;
background-color:transparent;
}

#contenu{
float: left;
width: 780px;
height: 600px;
background:transparent;
}
#colDt{
float: left;
width: 200px;
height: 600px;
background:transparent;
}

#footer{
clear:both;
width: 990px;
height:35px;
text-align:center;
}

/* Typographie */

.texteNumeroMag {font-weight:bolder;font-size:15px;color:#333333;margin-bottom:10px;}
.texteFooter {font-size:12px;color: #CCCCCC;padding-top:8px;}

/* Menu de la colonne droite */

ul.lienColonneDroite {text-align:left;margin:5px;}
ul.lienColonneDroite li {
	text-align:left;
	background: url(../images/puce.gif) no-repeat 0 0px;
	padding-left: 20px;
}

/* Images */

img.logo {margin-left:135px}
img.couverture {margin:10px 0 5px 0;}