body {
	background-image:url(../images/background.png);
	background-repeat:repeat-x;
	background-color:#28acff;
	margin-top:-150px;
	margin-left:-90px;
}

#pancarte{
	position:absolute;
	
	z-index:10;
	
	left:780px;
	top:95px;
	
	width:157px;
	height:182px;
}

#all{
	width:950px;
	margin:auto;
}

body div#all div#header{
	margin-top:-15px;
	width:1024px;
	height:201px;
	background-image:url(../images/header.png);
	background-repeat:no-repeat;
}

b#vierose{
	color:#FF6699;
	font-size:16px;
}

div#all div#decor{
	position:relative;
	width:1024px;
	height:384px;
	background-image:url(../images/decor.jpg);
	background-repeat:no-repeat;
	margin-top:-1px;
}
div#all div#decor a#logo{
	display:block;
	margin-left:30px;
	width:149px;
	height:153px;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
}

div#diapo_lieu {
	position:absolute;
	left:58px;
	top:170px;
	width:189px;
	height:180px;
}

div#all div#decor div.content{
	margin:auto;
	padding-right:65px;
	margin-top:-78px;
	width:310px;
	height:243px;
	color:#009c3c;
	font-family:Arial;
	font-size:14px;
}

div#decor div.content div#content{
	position:relative;
	margin-top:5px;
	width:310px;
	height:200px;
	overflow:hidden;
}

div#scrollbar{
	margin-left:330px;
	margin-top:-205px;
}

.sous_titre{
	color:#d28500;
	font-size:16px;
	padding-top:7px;
	padding-bottom:5px;
	font-weight:bold;
}

a.mouseover_up{
	display:block;
	background-image:url(../images/tri-up.gif);
	background-repeat:no-repeat;
	width:28px;
	height:26px;
}
a.mouseover_down{
	display:block;
	background-image:url(../images/tri-dn.gif);
	background-repeat:no-repeat;
	width:28px;
	height:26px;
}

div#all div#decor div#accueil{
	background-image:url(../contenu/accueil.png);
	background-repeat:no-repeat;
}

div#all div#decor div.content b#leraid_title{
	display:block;
	background-image:url(../contenu/leraid_title.png);
	background-repeat:no-repeat;
	width:235px;
	height:38px;
}

div#all div#decor div.content b#espoir_title{
	display:block;
	background-image:url(../contenu/espoir_title.png);
	background-repeat:no-repeat;
	width:336px;
	height:32px;
}

div#all div#decor div.content b#reglement_title{
	display:block;
	background-image:url(../contenu/reglement_title.png);
	background-repeat:no-repeat;
	width:197px;
	height:32px;
}

div#page_reglement{
	font-size:12px;
}

div#all div#decor div.content b#contact_title{
	display:block;
	background-image:url(../contenu/contact_title.png);
	background-repeat:no-repeat;
	width:170px;
	height:32px;
}


div#all div#decor div.content b#lieu_title{
	display:block;
	background-image:url(../contenu/lieu_title.png);
	background-repeat:no-repeat;
	width:116px;
	height:35px;
}

div#all div#decor div.content b#raid2008_title{
	display:block;
	background-image:url(../contenu/raid2008_title.png);
	background-repeat:no-repeat;
	width:222px;
	height:32px;
}

div#all div#decor div.content b#activites_title{
	display:block;
	background-image:url(../contenu/activites_title.png);
	background-repeat:no-repeat;
	width:236px;
	height:35px;
}


div#all div#decor div#fruits_accueil{
	margin-top:-52px;
	margin-left:505px;
	width:290px;
	height:200px;
	background-image:url(../images/fruits/accueil.png);
	background-repeat:no-repeat;
}

div#all div#decor div#fruits_raid2008{
	margin-top:-168px;
	margin-left:33px;
	width:736px;
	height:316px;
	background-image:url(../images/fruits/raid2008.png);
	background-repeat:no-repeat;
}

div#all div#decor div#fruits_raid{
	margin-top:-135px;
	margin-left:40px;
	margin-bottom:-23px;
	width:879px;
	height:306px;
	background-image:url(../images/fruits/raid.png);
	background-repeat:no-repeat;
}

div#all div#decor div#fruits_lieu{
	margin-top:-168px;
	margin-left:33px;
	margin-bottom:-7px;
	width:803px;
	height:323px;
	background-image:url(../images/fruits/lieu.png);
	background-repeat:no-repeat;
}

div#all div#decor div#fruits_activites{
	margin-top:-168px;
	margin-left:33px;
	margin-bottom:-20px;
	width:764px;
	height:336px;
	background-image:url(../images/fruits/activites.png);
	background-repeat:no-repeat;
}

div#all div#decor div#fruits_espoir{
	margin-top:-168px;
	margin-left:33px;
	margin-bottom:-20px;
	width:764px;
	height:336px;
	background-image:url(../images/fruits/espoir.png);
	background-repeat:no-repeat;
}

div#all div#decor div#menu_bas{
	margin-top:22px;
	margin-left:120px;
}

div#menu_bas a#rules{
	display:block;
	float:left;
	margin-right:25px;
	width:177px;
	height:46px;
	background-image:url(../images/boutons/reglement.png);
	background-repeat:no-repeat;
}

div#menu_bas a#suscribe{
	display:block;
	float:left;
	margin-right:33px;
	width:225px;
	height:73px;
	background-image:url(../images/boutons/inscription.png);
	background-repeat:no-repeat;
}

div#menu_bas a#contact{
	display:block;
	float:left;
	width:128px;
	height:45px;
	background-image:url(../images/boutons/contact.png);
	background-repeat:no-repeat;
}

div#menu_top{
	width:490px;
	margin:auto;
	margin-top:-140px;
	margin-bottom:62px;
}

div#menu_top a#leraid{
	display:block;
	float:left;
	width:103px;
	height:41px;
	background-image:url(../images/boutons/leraid.png);
	background-repeat:no-repeat;
}

div#menu_top a#leraid:hover{
	background-image:url(../images/boutons/leraid_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#leraid_active{
	display:block;
	float:left;
	width:103px;
	height:41px;
	background-image:url(../images/boutons/leraid_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#lieu{
	display:block;
	float:left;
	width:104px;
	height:40px;
	background-image:url(../images/boutons/lieu.png);
	background-repeat:no-repeat;
}

div#menu_top a#lieu:hover{
	background-image:url(../images/boutons/lieu_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#lieu_active{
	display:block;
	float:left;
	width:104px;
	height:40px;
	background-image:url(../images/boutons/lieu_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#activites{
	display:block;
	float:left;
	width:150px;
	height:40px;
	background-image:url(../images/boutons/activites.png);
	background-repeat:no-repeat;
}

div#menu_top a#activites:hover{
	background-image:url(../images/boutons/activites_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#activites_active{
	display:block;
	float:left;
	width:150px;
	height:40px;
	background-image:url(../images/boutons/activites_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#espoir{
	display:block;
	float:left;
	width:118px;
	height:39px;
	background-image:url(../images/boutons/espoir.png);
	background-repeat:no-repeat;
}

div#menu_top a#espoir:hover{
	background-image:url(../images/boutons/espoir_active.png);
	background-repeat:no-repeat;
}

div#menu_top a#espoir_active{
	display:block;
	float:left;
	width:118px;
	height:39px;
	background-image:url(../images/boutons/espoir_active.png);
	background-repeat:no-repeat;
}

div#decor a#leraid2008{
	display:block;
	margin-right:242px;
	margin-top:-18px;
	float:right;
	width:115px;
	height:41px;
	background-image:url(../images/boutons/leraid2008.png);
	background-repeat:no-repeat;
}

div#decor a#leraid2008:hover{
	background-image:url(../images/boutons/leraid2008_active.png);
	background-repeat:no-repeat;
}

div#decor a#leraid2008_active{
	display:block;
	margin-right:242px;
	margin-top:-18px;
	float:right;
	width:115px;
	height:41px;
	background-image:url(../images/boutons/leraid2008_active.png);
	background-repeat:no-repeat;
}

div#all div#footer{
	width:1024px;
	height:318px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
}

.disparait{
	display:none;
}

div#scrollbar {
 position:relative;
 width:11px; height:200px;
 font-size:1px; /* so no gap or misplacement due to image vertical alignment */
}

/* for safari, to prevent selection problem */
div#scrollbar, div#track, div#dragBar, div#up, div#down {
 -moz-user-select: none;
 -khtml-user-select: none;
}


/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
display:block;
}