body {
background-color: #95d9eb;
background-image:url(../images/carreFondCCP.jpg)} /*couleur body*/
	
* {
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none; 
}

img.margeBas { margin-bottom: 15px;}	


div.spacer {clear: both;}

								/*CONSTRUCTION*/

#conteneur {/*contient tous les éléments du site*/
/*height: 705px;*/
width: 988px;
margin: 0 auto;
background-color: #95d9eb; /*couleur fond page*/
	
}

#entete {/*contient les logos milan, le logo du magazine et le texte accroche du magazine*/ 
height: 100px;
width: 800px;
float: left;
}

.logo {vertical-align: top; width: 67px;float: left;}	
.titreLogo{float: left; margin-left: 10px;}
/*.mascotteTitre {float: right; margin-top: 3px;}*/
	



/*contient les images de la prime*/
#colonnePrime { 
width: 170px;
float: left;
text-align: center;
}

/*contient l'animation flash avec le magazine à feuilleter*/
#ConteneurAnimFeuilletage { 
width: 605px;height: 605px;
float: left;
background-color: #FFFFFF;
}

#animFeuilletage {/* ce style centre l'animation flash dans la div page*/
margin-left: 2px;
float: left;
}

		/*colonne droite*/													

/*contient les éléments du menu ainsi que la 1ère de couv et les pubs */
#colonneDroiteMenu { 
width: 180px;
height: 720px;
float: right;
border-left: 3px dashed #0a7f91; /*pointillet*/
}

/* contient la 1ere de couv du magazine et son numero en cour*/
#couvMag {
width: 160px;
text-align: center;
margin-top:0 10px;
}

/*positionne la 1ère de couv et le texte numero en cour*/

/* contient la 1ere de couv du magazine et son numero en cour*/
.couvMag {
text-align: center;
margin-top:0 10px;
}

.numeroMag {/* determine le style de texte pour le numero en cour*/
color: #FFFFFF;/*couleur du texte*/
font-size: 15px; /*corp du texte*/
font-family: Arial, Helvetica, sans-serif; /*police*/
font-weight: bold; /*epaisseur de la police*/
margin-top: 5px;
}

/* contient le menu liens textuels*/
#conteneurUlLi {
height: auto;
width: 160px;
margin-top: 5px;
margin-right: 10px;
margin-left: 10px;
}

ul { /*style pour la liste*/
margin-left: 20px;
list-style: none;
color: #FFFFFF; /*couleur par défaut des liens inactifs*/
}


li { /*style des liens textuels*/
padding-left: 2em; /* marge à gauche influance le décalage entre le texte et la puce*/
font-family: Verdana, Arial, Helvetica, sans-serif; /*typo*/
font-size: 11px; /*taille du texte*/
background-image: url(../images/puceCCP.jpg); /*mettre entre les parenthèses l'url des puces pour les liens*/  
background-repeat: no-repeat;
font-weight: bold; /*épaisseur du texte*/
background-position: left;
padding-top: 1em; /*marge entre les lignes*/
}

#conteneurUlLi li a{/*style des liens*/
color: #0a7f91; /*couleur des liens*/
}

#conteneurUlLi ul li a:hover {/*style des liens au survole de la sourie*/
color: #FFFFFF; /*couleur des liens survolés*/
}

/*contient la pub colonne droite*/
#colonnePubDroite { 
margin-top: 20px;
text-align: center;
}

.imgPubColonne  {
margin-bottom: 15px;
} 

		/*pied de page*/

/*contient les pub sous l'animation*/

#conteneurPubPied {
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 619px;
height: 100px;
margin: 5px 180px 0 180px;
color: #0a7f91;
font-weight: bold;
padding-bottom: 100px;
font-size:12px;
text-align:center;
}



#conteneurPubPied a:link, #conteneurPubPied a:visited, #conteneurPubPied a:active { color:white;}
#conteneurPubPied a:hover{color:#0a7f91; text-decoration:underline;}


/*pied du site*/
#pied {
height: 20px;
width: 988px;
background-color: #D0D324; /*couleur de fond de la case pied*/
margin: 0 auto;
}