/* -- SITE FEUILLETAGE -- */

body, html {background: transparent}

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

/* Styles generiques */

p {color:#006699;}

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

/* Presentation de la structure */

#conteneur {
margin: 0 auto;
width: 990px;
background: transparent;
}
#conteneurBleu {
margin: 0 auto;
width: 990px;
background: transparent;
}
#header {
float:left;
width: 990px;
height: 80px;
background-color:transparent;
}
#headerImg {
float:left;
width: 740px;
height: 80px;
background-color:transparent;
}
#contactnews {
float:left;
width: 170px;
height: 80px;
background-color:transparent;
}
#nav {
float:left;
width: 630px;
margin-left:90px;
background-color:transparent;
}
#centre{
float: left;
width: 740px;
height: 660px;
background:transparent;
}
#illus{
float: left;
width: 740px;
background:transparent;
}
#puzzle{
float: left;
width: 740px;
text-align:center;
}
#illusG{
float: left;
width: 700px;
height:350px;
padding-top:70px;
padding-left:30px;
background: url(../images/fond-goodies.jpg);
}
#colonneDroite {
float: left;
width: 194px;
height: 621px;
margin-left:45px;
margin-top: 40px;
}
#colDroite1 {
float: left;
width: 194px;
}
#colDroite2 {
float: left;
width: 194px;
background:url(../images/coldt-2.jpg);
}
#colDroite2V {
float: left;
width: 194px;
background:url(../images/coldt-v2.jpg);
}
#colDroite3 {
float: left;
width: 194px;
}
#colonneDroiteBleu {
float: left;
width: 194px;
height: 621px;
margin-left:45px;
margin-top: 40px;
background: url(../images/actu-bleu.jpg);
}

#colDroiteInt{
float: left;
width: 175px;
margin-left:18px;
}
#descConcours {
float: left;
width: 700px;
}
#imgConcours {
float: left;
width: 180px;
}
#txtConcours {
float: left;
width: 500px;
}
#formulaireC {
float: left;
width: 700px;
}

#footer{
clear:both;
width: 980px;
height:22px;
text-align:center;
background-color:transparent;
}

/* Typographie */

.texteActu{ font-family: Arial, Helvetica, sans-serif; font-weight:bold;font-size:14px;color:#993300;}
.titreActu { font-family: "Arial Black", Helvetica, sans-serif; font-weight:normal;font-size:15px;color:#663300;}
.titreConcours { font-family: Arial, Helvetica, sans-serif; font-weight:bold;font-size:16px;color:#FFFFFF;}
.texteConcours{ font-family: Arial, Helvetica, sans-serif; font-weight:normal;font-size:16px;color:#FFFFFF;}
.texteNews {font-weight:normal;font-size:11px;color:#32383F;margin-top:35px;margin-left:10px;margin-right:25px;}
.texteBio {font-weight:normal;font-size:11px;color:#32383F;margin-top:55px;margin-left:55px;margin-right:50px;}
.texteTitre {font-weight:bold;font-size:13px;color:#CC3333;margin-top:60px;margin-right:30px;}
.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:3px 0 8px 0;
text-align:left;
background: url(../images/puceLien.png) no-repeat 0 0px;
padding-left: 20px;
}

/* Images */

img.logoMilan {float:left;padding-right:1px;}
img.logoFolimage {float:left;}
img.pubColdt {margin-left:5px}
img.perso {margin-top:30px;}
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;}