@import url(global.css);
/*
 * positionnement
 */
.conteneur .page {
	margin-left:7px;
	display:inline;
	width:788px;}

.contenu {
	float:left;
	width:587px;}
	
.infoSup {
	float:left;
	width:180px;}

.bandeau {
	margin:10px 0 0 0;
}

.page .nav {
	float:left;
	display:block;
	margin:5px 0 5px 0;
	padding:0;
	width: 788px;
	background: #cd071e;
}

.nav .retour {
	float:left;
	width:208px;
	text-align:left;
}

.page .nav a{
	background:#cd071e;
	display:block;
	padding:5px;
	color:#fff;
}

.nav .retour a{
	padding-left:16px;
	background:#cd071e url(../images/puces/puce-blanc.gif) 5px 0.7em no-repeat;
}
	
.page .nav a:hover{
	background-color:#e60822;
	text-decoration:none;
}

.page h1{
	margin:0 10px 5px 10px;
	padding:5px 10px 0 10px;
	clear:both;
	font-size:230%;}
	
.page h2 {
	margin: 0 10px 5px 10px;
	padding:5px 10px 0 10px;
	font-size:150%;
	color: #555;
}

	/*
	 * contenu
	 */
	.contenu .photoBox {
		width:150px;
		height:150px;
		border:1px solid .ddd;
		margin:5px 23px 20px 20px;
		float:left;
		display:inline;
		text-align:center;}
		.contenu .photoBox img{
			display:block;
			margin:12px auto 0;}
	.contenu p{
		margin:5px 10px;
		padding:5px 10px;}
	.contenu .lettrine {
		font-size:150%;
		font-weight:bold;
		color:#cd071e;}
		
	.contenu .decouvrir {
		color:#cd071e;
		margin:5px 10px;
		padding:5px 10px;
	}
	
	.contenu .decouvrir h1 {
		color:#cd071e;
		font-weight: bold;
		font-size: 130%;
		margin: 5px 0;
		padding: 0 0 0 5px;
		clear: both;
	}
	
	.contenu .decouvrir ul li {
		list-style-image: url(../images/puces/puce-mini.gif);
		list-style-type: none;
		margin-right: 5px;
	}
	
	.contenu .decouvrir a.lienMini {
		color:#cd071e;
		font-weight: normal;
	}
	
	.contenu .decouvrir a.lienMini:hover {
		color:#000;
	}
		
	.contenu .divers {
		color: #555;
		margin:5px 10px;
		padding:5px 10px;
	}
	
	.contenu .divers .items {
		margin: 0 5px;
	}
	
	.contenu .divers h1 {
		color:#cd071e;
		text-transform: none;
		font-weight: bold;
		font-size:130%;
		margin: 5px 0;
		padding: 0 0 0 5px;
		clear: both;
	}
	
	.contenu .divers a {
		font-weight: normal;
	}
	
	.contenu .divers a.lienGris {
		color: #555;
		font-weight: bold;
	}
	
	.contenu .divers a.lienGris:hover {
		color: #000;
	}
	
	.contenu .divers .cadre {
		border-top: solid 1px #e3e3e3;
		background:#fff url(../images/layout/corps-contour-gris-568.gif) top left repeat-y;
		width: 568px;
		margin: 0;
		padding: 0;
	}
	
	.contenu .divers .cadreBottom {
		background:#fff url(../images/layout/corps-contour-gris-bas-568.gif) bottom right no-repeat;
		width: 568px;
		height: 10px;
		margin: 0;
		padding: 0;
		clear: both;
	}


	/*
	 * infos supplementaires
	 */
	.tools {
		list-style:none;
		margin:0 15px 10px;
		padding:0;}
		
		.tools li{
			margin:0;
			padding:2px 0;
			vertical-align:middle;
			list-style-type: none;
			list-style-image: none;
		}
			.tools li img{
				vertical-align:middle;}
			.tools li a{
				color:#888;}
			.tools li a:hover{
				text-decoration:none;
				color:#cd071e;}

	.infoSup .boutique {
		padding:5px;
		margin:15px;
		background:#e6e6e6 url(../images/layout/bloc-gris-bas.jpg) bottom right no-repeat;}

	.infoSup .griffe{
		display:block;
		font-size:130%;
		margin:15px 0;
		color:#000;
		text-align:left;}
		.infoSup .griffe img{
			display:block;
			margin:0 auto;}
		.infoSup .griffe .red{
			color:#cd071e;}
	.infoSup .griffe:hover{
		color:#cd071e;
		text-decoration:none;}
		.infoSup .griffe:hover .red{
			color:#000;}



	.footer{
		margin:20px 5px 0 210px;
		padding:20px 5px;
		text-align:left;}