body {margin: 0; padding: 0px; background: #5B8CC2 url(../images/bg-body.gif) repeat-x left top;}
br.spacer {	clear: both;}

#site {
	margin: 0 auto;
	width: 860px;
	padding: 0px 20px;
	background: #5B8CC2 url(../images/bg-site.gif) no-repeat left top;
}
/* Largeurs des lignes */
#tete, #corps, #pied, #chemin, #copyright, #flash {
	clear: both;
	width: 840px;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 10px;
}
#flash { position: relative; }
#flash div { position: absolute; visibility: hidden; top: 7px; left: 170px;height:40px;}
/* Partie haute : logo/identit du site + lien accueil */
#logo {	float: left; width: 840px; 	margin-bottom: 10px;}

/* Corps et colonnage */
#corps { background: #fff url(../images/bg-corps-interne.gif) no-repeat 10px 63px !important;}

#colonne-gauche {padding-top: 20px !important;}

.raccour, #edito, #edito a, #flash { float: left;}

a.raccour { width: 100px; height: 70px; padding: 5px 0px 5px 80px; color: #fff; line-height: 1.2em; }
a#boutique { background: url(../images/bg-boutique-interne.jpg) no-repeat left top;}
#flash { height: 40px; width: 660px; padding: 8px 10px 8px 170px; background: url(../images/bg-flash-info.gif) no-repeat left top;}
#chemin {padding: 5px 10px; text-align: right; color: #c6c6c6; margin-bottom: 10px;}
#corps { line-height: 1.6em; background: #fff;}
#colonne-gauche, #colonne-centre {float: left;}
#colonne-gauche {width: 210px;}
#colonne-centre {width: 630px; 	padding: 0px 0px 0px 0px;}

/* Contenus Colonne gauche */

#colonne-gauche h1 {display: block; width: 180px; height: 40px; margin: 0px; padding: 0px; text-indent: -9999px;}
.bloc-coup-coeur, .bloc-actualites { width: 180px; padding: 0px 0px 10px; float: left; margin-bottom: 10px;}

.bloc-actualites ul, .bloc-coup-coeur ul { float: left; width: 180px;text-align:left;}
.bloc-actualites li { float: left; width: 160px;}

.bloc-actualites { background: #DCEEFF  url("../images/bg-actu-interne.gif") no-repeat center bottom;}
.bloc-actualites h1 {background: url(../images/bg-h1-actu-interne.gif) no-repeat center top;}
.bloc-actualites li { padding: 10px;  }
.bloc-actualites li img { width:50px; margin: 0px;}
.bloc-actualites li p { display: none;}

.bloc-coup-coeur {background: url(../images/bg-coup-coeur-interne.jpg) no-repeat center bottom;}
.bloc-coup-coeur h1 {background: url(../images/bg-h1-coup-coeur-interne.gif) no-repeat center top;}
/*.bloc-coup-coeur ul { background: url(../images/vignette-coup-coeur-interne.jpg) no-repeat center top;}*/	  
.bloc-coup-coeur li {margin-top: 5px;}
.bloc-coup-coeur li {padding: 0px 5px 0px;}
.bloc-coup-coeur li a { color: #fff}
div.bloc-coup-coeur	{cursor:pointer;}

/* panier */
.liste-panier {
	clear: both;
	width: 180px;
	margin: 0px 0px 10px ;
	background: #FDF0E1 url(../images/bg_panier_pied.gif) no-repeat bottom left;
}
.liste-panier h1 { padding: 8px 0px; background: url(../images/bg-h1-panier-interne.gif) no-repeat center top;}
.liste-panier h1 a, .liste-panier .valider a { color: #FFFFEB; display: block; padding: 3px 0 3px 0px;}
.liste-panier ul { list-style: none; margin: 0; padding: 0; }
.liste-panier li { padding: 1px 0 1px 10px; font-size: 0.9em; }
.liste-panier .valider {font-size: 0.9em; text-align: center; height: 21px; margin-top: 5px;}
.liste-panier .valider a { font-weight: bold; padding-top: 2px; background: url(../images/bg_validerachat.gif) no-repeat left bottom;} 

/* Contenus Colonne centre */

.page {	width: 630px; }

.pied-page {
	clear: both;
	padding: 5px 0px 10px;
	text-align: center;
	margin: 10px 0px;
	border-top: 1px solid #C2D4E8;
	background-color: #fff;
}

.pied-page a {
	font-size: 0.9em;
	padding: 3px 0 3px 20px;
	background: no-repeat center left;
}
.pied-page a.imprimer { background-image: url(../images/picto_print.gif);}
.pied-page a.hautdepage { background-image: url(../images/picto_haut.gif);}

/* Pied de page site & copyrights*/

#pied {
	height:85px;
	width: 820px;
	margin-bottom:10px;
	text-align: center;
	background: #fff url(../images/bg-pied.gif) no-repeat left top;
	padding: 5px 20px;
	font-size: 0.9em;
	color: #fff;
}

#pied a { font-weight: normal;}

#navigation-bas {
	float: left;
	width: 840px;
	padding-top: 10px;
	font-weight:normal;
}

#liste-diffusion {
	float: left;
	height: 45px;
	width: 300px;
	margin: 0px;
	padding: 0px 8px 0px 110px;
	background: url(../images/bg_liste_diffusion.gif) no-repeat 30px 0px;
	border-right: 1px solid #fff;

}
#liste-diffusion label {
	display: block;
	margin: 2px;
}
#liste-diffusion input {
	border: 1px solid #00A3DF;
	font-size: 8pt;
	padding: 0px 10px;
	vertical-align: middle;
	margin: 3px 2px;
}
#liste-diffusion h2 { float: left; margin: 0; padding: 0; font-size: 12px; text-align: center; text-indent: -99999px;  }
#liste-diffusion h2 a { display: block;  }





