/* -- SITE FEUILLETAGE -- */

body, html {background: #FFF url(../images/fondBody.png);}

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

/* Styles generiques */

p {color:#FFFFFF;}

a:link,a:visited {color:#FFFFFF;text-decoration:none;font-weight:bold;}
a:hover {color:#FFCC00;}
a:active {color:#FFCC00;}

/* Presentation de la structure */

#conteneur {
margin: 0 auto;
width: 980px;
height:760px;
background: transparent url(../images/fondConteneur.png);
}

#header {
float:left;
width: 780px;
height: 130px;
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;
}

#colonneGauche {
float: left;
text-align:center;
width: 180px;
height: 600px;
/*background:transparent url(../images/fondColonneGauche.png) top right;
background-repeat:no-repeat;*/
background-color:transparent;/* A mettre si pas d'image en fond de la colonne */
}

#centre{
float: left;
width: 600px;
height: 600px;
background:transparent;
}

#colonneDroite {
float: right;
text-align:center;
width: 200px;
height: 730px;
background-color:transparent;
}

#footer{
clear:both;
width: 980px;
height:22px;
text-align:center;
background-color:transparent;
font-size:12px;
font-wieght:bold;
padding-bottom:150px;
}



#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#FFFFFF;font-weight:bold;text-decoration:none;}
#footer a:hover{color:#FFCC00;}


/* Typographie */

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

/* Menu de la colonne droite */

ul.lienColonneDroite {text-align:left;margin:10px;}
ul.lienColonneDroite li {
padding: 1px 0 10px 0;
text-align:left;
background: url(../images/puceLien.png) no-repeat 0 0px;
padding-left: 30px;
}

/* Images */

img.logoMilan {float:left;padding-right:1px;}
img.logoMagazine {float:left;}
img.primeColonneGauche {float:right;}
img.couverture {margin:10px 0 5px 0;}
img.pubColonneDroite {margin-top:8px;}
img.btonColonneDroite {margin:3px 0;}

/* tableaux */

#colonneDroite table {height:730px;width:200px;text-align:center;}
#colonneDroite table td.partieHaute {vertical-align:top;}
#colonneDroite table td.partieBasse {vertical-align:bottom;}

#colonneGauche table {height:600px;width:180px;text-align:center;}
#colonneGauche table td.partieHaute {vertical-align:top;}
#colonneGauche table td.partieBasse {vertical-align:bottom;}