body {overflow-y: visible !important; background-image:url(images/design/background60x60.gif); background-color: #FFC40F;}
#index {background-image:none;}
#page {width: 897px; margin-left:auto; margin-right:auto;}
#page2 {width: 800px; margin-left:auto; margin-right:auto; text-align: center;}

/*Diapo*/
.pics {position:absolute; margin-left: 339px; margin-top: 1px;}

/*Menu bannière*/
#img0 {position: absolute; z-index:17;}
#img1 {position: absolute; margin-left: 89px; margin-top: 93px;	z-index:0;}
#img2 {position: absolute; margin-left: 173px; margin-top: 93px; z-index:1;}
#img3 {position: absolute; margin-left: 193px; margin-top: 93px; z-index:2;}
#img4 {position: absolute; margin-left: 258px; margin-top: 93px; z-index:3;}
#img5 {position: absolute; margin-left: 278px; margin-top: 93px; z-index:4;}
#img6 {position: absolute; margin-left: 343px; margin-top: 93px; z-index:5;}
#img7 {position: absolute; margin-left: 363px; margin-top: 93px; z-index:6;}
#img8 {position: absolute; margin-left: 428px; margin-top: 93px; z-index:7;}
#img9 {position: absolute; margin-left: 448px; margin-top: 93px; z-index:8;}
#img10 {position: absolute; margin-left: 513px; margin-top: 93px; z-index:9;}
#img11 {position: absolute; margin-left: 533px; margin-top: 93px; z-index:10;}
#img12 {position: absolute; margin-left: 598px; margin-top: 93px; z-index:11;}
#img13 {position: absolute; margin-left: 618px; margin-top: 93px; z-index:12;}
#img14 {position: absolute; margin-left: 683px; margin-top: 93px; z-index:13;}
#img15 {position: absolute; margin-left: 703px; margin-top: 93px; z-index:14;}
#img16 {position: absolute; margin-left: 768px; margin-top: 93px; z-index:15;}
#img17 {position: absolute; margin-left: 786px; margin-top: 93px; z-index:16;}

/*Images*/
img {border: none;}

/*Contenu*/
#contenu {margin-top: 230px;}

/*Blocs gauche*/
#gauche {width: 175px; height: auto; float: left;}
#titregauche {width: 175px; height: 32px; float: left;}
#milieugauche {background-color: #fff; margin-top: 32px; padding-top: 5px; padding-bottom: 1px;}
#basgauche {width: 175px; height: 32px; background-image: url(images/design/basgauche.png);}

/*Blocs centre*/
#centre {width: 507px; height: auto; margin-left: 195px;}
#titrecentre {width: 507px;	height: 32px; float : left;}
#milieucentre {background-color: #fff; padding: 0 15px 1px;	float: left; width: 477px; background-image: url(images/design/centre.png)}
#bascentre {width: 477px; height: 32px; padding: 0 15px; float: left; background-image: url(images/design/bascentre.png);}

/*Blocs droite*/
#droite {width: 175px; height: auto; float: right;}
.scroller_container {width: 145px; height: 135px;}
.scroller p {padding: 0;}
#titreagenda {width: 175px;	height: 32px; background-image: url(images/design/agendadroite.png); float: right;}
#titreactus {width: 175px; height: 32px; background-image: url(images/design/actusdroite.png); float: right; margin-bottom: 15px;}
#milieudroite {background-color: #fff; margin-top: 32px; padding : 15px 15px 1px;}
#basdroite {width: 175px; height: 32px;	background-image: url(images/design/basdroite.png);	margin-bottom: 15px;}

/*titresgauche*/
.titregauche {background-image: url("images/design/newsgauche.png");}
.sdjgauche {background-image: url(images/design/sdjgauche.png);}
.activitesgauche {background-image: url(images/design/activitesgauche.png);}
.agendagauche {background-image: url(images/design/agendagauche.png);}
.newsgauche {background-image: url(images/design/newsgauche.png);}
.baogauche {background-image: url(images/design/baogauche.png);}
.newslettergauche {background-image: url(images/design/newslettergauche.png);}
.photosgauche {background-image: url(images/design/photosgauche.png);}
.echosgauche {background-image: url(images/design/echosgauche.png);}
.liensgauche {background-image: url(images/design/liensgauche.png);}

/*titrecentre*/
.titrecentre {background-image: url("images/design/newscentre.png");}
.sdjcentre {background-image: url(images/design/sdjcentre.png);}
.activitescentre {background-image: url(images/design/activitescentre.png);}
.agendacentre {background-image: url(images/design/agendacentre.png);}
.newscentre {background-image: url(images/design/newscentre.png);}
.baocentre {background-image: url(images/design/baocentre.png);}
.newslettercentre {background-image: url(images/design/newslettercentre.png);}
.photoscentre {background-image: url(images/design/photoscentre.png);}
.echoscentre {background-image: url(images/design/echoscentre.png);}
.lienscentre {background-image: url(images/design/lienscentre.png);}

/*index3*/
#contenuindex3 {margin: 210px 30px 0 30px ;}
#contenuindex3 h1 {padding-top: 7px;}
#promouvoir {width: 840px; /*float: left;*/}
#ligne1 {width: 840px; height: auto;}
#agendaSDJ {width: auto; height: 200px;	float: left;}
#agendamois {width: auto; height: 200px; float: right;}
#ligne2 {width: auto;}
#news {width: auto;float: left;}
#photos {width: auto;float: right;}
#echos {width: auto; margin-left: 30px; float:left;}
.scroller_container_index3 {width: 375px; height: 100px;}
#milieuindex3 {background-color: #fff; padding: 15px 15px 1px; width: 375px;}
.milieuactusindex3 {background-color: #fff; padding: 15px 15px 1px; width: 145px;}

.titreagendaindex3 {background-image: url(images/design/agendaindex3.png); height: 32px; width:405px;}
.titrenewsindex3 {background-image: url(images/design/newsindex3.png); height: 32px; width:405px}
.titreactusindex3 {background-image: url(images/design/actusindex3.png); height: 32px; width:175px;}
.basindex3 {background-image: url(images/design/basindex3.png); height: 32px; width:405px;}
.basactusindex3 {background-image: url(images/design/basactusindex3.png); height: 32px; width:175px;}
.titrepromo {background-image: url(images/design/promo.png); height: 32px;}
.baspromo {background-image: url(images/design/baspromo.png); height: 32px; margin-bottom:15px;}

#milieupromo {background-color: #fff; padding: 15px 15px 1px;}
#milieupromovideo {background-color: #fff; padding: 15px 15px 1px; text-align: center;}