/**
 *	Feuille de style gerant les cadres resumant les dernieres actu ou nouveautes etc...
 */
.boite{
	margin: 0;
	padding: 0;
}
	.boite h2{
		font-weight: bold;
		font-variant: small-caps;
		font-size: 12pt;
	}
		.boite h2 a { color:#000; }
	.boite .resume{
		float: left;
		width: 448px;
		margin: 10px 0px 0px 0px;
		background: #BDBDBD;
		font-size: 8pt;
	}
		.boite .resume .image{
			float: left;
			width: 137px;
			background: #FFF;
			border: 3px double #333;
			text-align: center;
			color: #CCCCCC;
		}
		.boite .resume .image p{
			width: 135px;
			height: 100px;
			margin-top: 5px;
			text-align: center;
			color: #CCCCCC;
			font-size: 9pt;
		}
	.boite .resume .desc{
		float: left;
		position: relative;
		width: 300px;
		left: 10px;
	}
		.boite .resume .desc a.savoir-plus{
			color: #FFFFFF;
			display: block;
			background: url(../images/barre-titre2.jpg) no-repeat;
			width: 290px;
			height: 15px;
			text-decoration: none;
			font-variant: small-caps;
			padding-left: 10px;
			letter-spacing: 1px;
		}
		.boite .resume .desc a.savoir-plus:hover{color: #FF8C00;}

/**
 *	Page d'accueil : boites de nouveautes et actualites
 */
.goleft { width: 445px; float: left; }
.goright { width: 445px; float: right; }
/**
 *	Pages "actualites" et "nouveautes"
 */
#liste{ width: 910px; float: left; }

/*************************************
 *	Boites de contenus "normales"
 ************************************/
/**
 * Brochures (categories)
 */
.cat_brochure { width: 90%; margin: 10px auto; }
.cat_brochure ul{ list-style: circle; }

/**
 *	Utilisees notamment lors du choix : connexion / inscription
 *	Page mon_compte.html
 */
.moitie{ width: 445px; float: left; }