

/**************************** Feuille de style - Site Karyn's Panini Collection ************************************/



/*/////////////// Style général ///////////////*/

body {
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color:#39C7EB;
}

#conteneur{
	background-image:url(../../medias/design7/background.jpg);
	background-repeat:no-repeat;
	width:744px;
	height:600px;
	margin:auto;
}
h1{font-size:1.1em;}
h2{margin:0;padding:10px 5px 5px 5px;font-size:1.05em;}
h3{margin:0;padding:10px 5px 5px 5px;font-size:0.95em;}
h4{margin:0;padding:4px 5px 1px 5px;font-size:0.8em;}

a,link,visited{text-decoration:none;color:#1C04D2;}
a:hover{text-decoration:underline;}

img{border:2px solid black;}
.contour:hover img{border:2px solid #01839B;}
.contour:hover{color:#01839B;}

.cacher{display:none;}
hr{
	margin:0;
	padding:0;
}
.succes{color:#00CC66;}
.obligatoire{color:#CC0000;}

/*/////////////// Style pour le menu ///////////////*/
#menu{
	float:left;
	padding-top:75px;
	width:155px;
}
#menu ul{font-size:0.8em;padding-left:0px;font-weight:bold;margin-left:10px;}
#menu li{
	list-style-type:none;
	background-color:#04009B;
	color:#FFFFFF;
	margin-top:2px;margin-bottom:2px;
	padding-top:2px;padding-bottom:2px;padding-right:3px;
	text-align:center;
}

#menu a,link,visited{text-decoration:none;color:#FFFFFF;}
#menu li a:hover{color:#2CC0A2;}

/* Pour explorer */
* html #menu{padding-top:85px;}
* html #menu ul{padding-left:0;margin-left:8px;margin-right:4px;}
*:first-child+html #menu{padding-top:85px;}
*:first-child+html #menu ul{padding-left:0;margin-left:8px;margin-right:4px;}


#bt_english{position:absolute;margin-top:-185px;font-size:0.9em;}
#bt_english li{margin-left:638px;}
* html #bt_english{margin-top:-202px;}



/*/////////////// Style pour le fil dariane ///////////////*/
#fil_ariane{
	position:absolute;
	margin-top:42px;
	margin-left:30px;
	font-size:0.7em;
	width:310px;
}

/*Explorer */
* html #fil_ariane{
	margin-left:-130px;
	margin-top:49px;
}
*:first-child+html #fil_ariane{
	margin-left:-130px;
	margin-top:49px;
}


/*/////////////// Style pour le titre ///////////////*/
#titre_page{
	position:absolute;
	margin-left:170px;
	margin-top:82px;
}

/* Explorer */
* html #titre_page{
	margin-left:15px;
	margin-top:93px;
}
*:first-child+html #titre_page{
	margin-left:15px;
	margin-top:93px;
}

/*/////////////// Style pour le contenu ///////////////*/
#contenu{
	float:right;
	border:none;
	margin-right:69px;
	margin-top:115px;
	width:506px;
	min-height:400px;
	padding-top:10px;
	background-color:#ffffff;
	border:1px solid #000000;
}
#zone_nomUsager{
	position:absolute;
	width:550px;
	padding-left:90px;
	padding-top:45px;
}
.nom_usager{
	text-align:right;
	font-weight:bold;
	font-size:1.1em;

}

* html #contenu{height:400px;}

#contenu p{padding:2px 15px 10px 5px;font-size:0.9em;margin:0px;}
#contenu ul{font-size:0.9em;margin-top:3px;margin-right:5px;}
#contenu li{padding-bottom:3px;}

.liste_images {padding-left:5px;}
.liste_images img{margin-left:3px;margin-right:3px;}

/* Pour explorer*/
* html #contenu{margin-right:35px;width:504px;}

.img_cover{margin-left:5px;margin-top:5px;}
#contenu .align_droite{text-align:right;font-size:0.8em;}
.attente{color:#CC33FF;}

#contenu .notice{font-size:0.6em;}

/*/////////////// Style pour la zone stats ///////////////*/
#zone_stats{
	width:145px;
	color:#FFFFFF;
	font-size:0.7em;
	margin-top:20px;
	margin-left:10px;
	padding-bottom:3px;
	background-color:#04009B;
}

#zone_stats p{
	padding-left:5px;
}
#zone_stats h2{
	margin-bottom:0px;
	padding-bottom:0px;
}
* html #zone_stats{
	width:140px;
	}
*:first-child+html #zone_stats{
	width:140px;
	}
	
/*/////////////// Style pour la zone annonces ///////////////*/
#annonces{
	width:152px;
	position:absolute;
	margin-left:10px;
	margin-top:395px;
}

* html #annonces{
	margin-left:-145px;
	}
*:first-child+html #annonces{
	margin-left:-145px;
	}




/*/////////////// Style pour le bas de page ///////////////*/
#bas_page{
	clear:both;
	text-align:center;
	font-size:0.6em;
	margin-left:150px;
}

/*/////////////// Style pour les images supplémentaires ///////////////*/

#image1{
	width:83px;
	height:85px;
	background-image:url(../../medias/design7/etoile.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:661px;
	margin-top:200px;
}

* html #image1{
	margin-top:179px;
	margin-left:660px;
}
*:first-child+html #image1{
	margin-top:179px;
}

/*#image2{
	width:83px;
	height:104px;
	background-image:url(../../medias/design4/chateau.jpg);
	background-repeat:no-repeat;
	position:absolute;
	margin-left:163px;
	margin-top:-110px;
}

* html #image2{
	margin-top:-120px;
	margin-left:654px;
}
*:first-child+html #image2{
	margin-top:-120px;
}*/

