body {
background-image:url(../img/design/fond.gif);
margin:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
a {
color:#004b7b;
}
a:hover {
 color: #FF0000; text-decoration: none;
} 
.petit {
font-size:12px;
}
.rikiki {
font-size:10px;
}
.tableau {
border:1px solid #004b7b;
padding:0px;
width:600px;
left: 50%;
margin-left:auto;
margin-right:auto;
}
.cellule {
border:1px solid #004b7b;
padding-top:5px;
padding-bottom:5px;
padding-left:0px;
padding-right:0px;
}
.alert {
color:#990000;
font-weight:bold;
}
.degrade-haut {
top:0px;
position:absolute;
width:100%;
height:900px;
background-image:url(../img/design/degrade.gif);
}
.photo_popup{
top:0px;
left:0px;
position:absolute;
}
.eve {
top:0px;
position:inherit;
width:100%;
}
.logo {
top:0px;
position:absolute;
left: 50%;
width:249px;
height:120px;
margin-left: -503px;
}
.fond_menu {
top:223px;
position:absolute;
left: 50%;
width:990px;
height:41px;
margin-left: -495px;
margin-top: 0px;
}
.diapo {
top:24px;
position:absolute;
left: 50%;
width:990px;
height:240px;
margin-left: -495px;
margin-top: 0px;
overflow:hidden;
}
.tete {
top:20px;
position:absolute;
left: 50%;
width:1005px;
height:300px;
margin-left: -500px;
margin-top: 0px;
}
.camion {
top:280px;
position:absolute;
left: 50%;
width:995px;
height:75px;
margin-left: -497px;
margin-top: 0px;
overflow:hidden;
}
.page {
top:280px;
position:absolute;
left: 50%;
width:1005px;
margin-left: -500px;
margin-top: 0px;
}
/* CADRES PAGE D'ACCUEIL */
.edito {
top:370px;
position:absolute;
left: 50%;
width:492px;
margin-left: -500px;
margin-top: 0px;
height: 460px;
}
.coupdecoeur {
top:370px;
position:absolute;
left: 50%;
width:495px;
margin-left: 10px;
margin-top: 0px;
}
.newsletter {
top:756px; /* = top coup de coeur + 386*/
position:absolute;
left: 50%;
width:495px;
margin-left: 10px;
margin-top: 0px;
}
/* FIN CADRES PAGE D'ACCUEIL */
h1 {
font-size:14px;
font-weight:bold;
text-align:center;
}
.planque {
display:none;
}
/***** menu CSS *****/
#conteneurmenu{z-index:0;}
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et OpÈra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
padding:0px;
margin:0px;
/* width et margin sont au cas o˜ le javascript est dÈsactivÈ. 
	width:15em;
	margin:1em;*/
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}


.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthËse vocales de prendre une
	pause dans l'Èlocution */
	display:none;
	padding:0px;
	margin:0px;
}

.ssmenu ul, .ssmenu li {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	padding:0px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;

}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
	margin:0px;
	padding:0px;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlËve le soulignement.*/
	background-color:#b2c9d7;
	text-decoration:none;
	padding:0px;
	margin:0px;
}


img {
/* Si on met une image dans un lien (par exemple un logo ý gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:0px;
	padding:0px;
	margin:0px;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	padding:0px;
	margin:0px;
}

.ssmenu img.hr {
/* Encore un peu expÈrimental, un <hr /> entre deux items pour faire un "sÈparateur"... */
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}