/* ------------------------------------------------------------ */
/* ------------FONTS DIVERS - POLICES DE CARACTERES------------ */
/* ------------------------------------------------------------ */



body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #fff;
}



/* ------------CLAQUES FLOTTANTS GENERAL ET PRINCIPAL POSITION RELATIVE------------ */


#contain {
	position:relative;
	width:1024px;
	top:0px;
	z-index:1;
	margin: 0px;
	padding: 0px;
}
#edito {
	position:absolute;
	left:282px;
	top:13px;
	width:710px;
	height:354px;
	z-index:30;
	background-image: url(../images/bg_accueil_edito.gif);
	background-repeat: no-repeat;
}
#lampion{
	position:absolute;
	left:184px;
	top:311px;
	width:806px;
	height:143px;
	z-index:20;
	background-image:url(../images/lampion-esat-evasion.png);
	background-repeat: no-repeat;
}
#menu {
	position:absolute;
	left:44px;
	top:161px;
	width:211px;
	height:494px;
	z-index:30;
	background-image: url(../images/menu.png);
	background-repeat: no-repeat;
}




/* ------------  DIV FLOTTANTS BACKGROUND  ------------ */
/* **************************************************** */



#bg-accueil{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1242px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Accueil_1.jpg);
	background-repeat: no-repeat;
}
#bg-qui{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1770px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Qui_1.jpg);
	background-repeat: no-repeat;
}
#bg-salle{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1900px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Lasalle_1.jpg);
	background-repeat: no-repeat;
}
#bg-contact{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1900px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Contact_1.jpg);
	background-repeat: no-repeat;
}
#bg-charivari{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1900px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Charivari_1.jpg);
	background-repeat: no-repeat;
}
#bg-art{
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:1242px;
	z-index:1;
	background-image: url(../images/photos-db/Background_Projets_1.jpg);
	background-repeat: no-repeat;
}
#bg-etendu{
	position:absolute;
	left:0px;
	top:0px;
	z-index:1;
}
#bg-top{
	background-image: url(../images/photos-db/Background_Top_1.jpg);
	background-repeat: no-repeat;
}
#bg-footer{
	/*position:relative;
	left:0px;
	top:-242px;
	width:1024px;
	height:420px;*/
	background-image: url(../images/photos-db/Background_Footer_1.jpg);
	background-repeat: no-repeat;
}


/* ------------  DIV FLOTTANTS ACCUEIL ------------ */




#accueil-charivari {
	position:absolute;
	left:34px;
	top:550px;
	width:229px;
	height:534px;
	z-index:30;
	background-image: url(../images/bg_accueil_festival-charivari.gif);
	background-repeat: no-repeat;
}
#accueil-la-salle {
	position:absolute;
	left:282px;
	top:426px;
	width:230px;
	height:432px;
	z-index:10;
	background-image: url(../images/bg_accueil_la-salle.gif);
	background-repeat: no-repeat;
}
#accueil-concerts-spectacles {
	position:absolute;
	left:522px;
	top:427px;
	width:230px;
	height:689px;
	z-index:10;
	background-image: url(../images/bg_accueil_concerts-spectacles.gif);
	background-repeat: no-repeat;
}
#accueil-offres-expos {
	position:absolute;
	left:762px;
	top:427px;
	width:230px;
	height:796px;
	z-index:10;
	background-image: url(../images/bg_accueil_offres-expos.gif);
	background-repeat: no-repeat;
}
#accueil-retour{
	position:absolute;
	left:34px;
	top:14px;
	width:230px;
	height:130px;
	z-index:500;
}
#accueil-FB{
	position:absolute;
	left:40px;
	top:426px;
	width:221px;
	height:54px;
	z-index:500;
	background-image: url(../images/esat-evasion-facebook.gif);
	background-repeat: no-repeat;
}
#accueil-APEICENTREALSACE{
	position:absolute;
	left:40px;
	top:1115px;
	width:221px;
	height:54px;
	z-index:500;
}



/* ------------  DIV FLOTTANTS CONTACT ------------ */




#contact-titre-direction {
	position:absolute;
	left:282px;
	top:431px;
	width:301px;
	height:45px;
	z-index:10;
	background-image: url(../images/contact-titre-direction.gif);
	background-repeat: no-repeat;
}
#contact-titre-creation {
	position:absolute;
	left:603px;
	top:757px;
	width:301px;
	height:45px;
	z-index:30;
	background-image: url(../images/contact-titre-creation.gif);
	background-repeat: no-repeat;
}
#contact-titre-salle {
	position:absolute;
	left:282px;
	top:757px;
	width:301px;
	height:45px;
	z-index:30;
	background-image: url(../images/contact-titre-salle.gif);
	background-repeat: no-repeat;
}
#contact-titre-plan {
	position:absolute;
	left:282px;
	top:1089px;
	width:301px;
	height:45px;
	z-index:30;
	background-image: url(../images/contact-titre-plan.gif);
	background-repeat: no-repeat;
}


#contact-01 {
	position:absolute;
	left:282px;
	top:489px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-02.gif);
	background-repeat: no-repeat;
}
#contact-02 {
	position:absolute;
	left:443px;
	top:489px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-01.gif);
	background-repeat: no-repeat;
}
#contact-03 {
	position:absolute;
	left:603px;
	top:489px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-02.gif);
	background-repeat: no-repeat;
}
#contact-04 {
	position:absolute;
	left:282px;
	top:811px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-02.gif);
	background-repeat: no-repeat;
}
#contact-05 {
	position:absolute;
	left:443px;
	top:811px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-01.gif);
	background-repeat: no-repeat;
}
#contact-06 {
	position:absolute;
	left:603px;
	top:811px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-01.gif);
	background-repeat: no-repeat;
}
#contact-07 {
	position:absolute;
	left:763px;
	top:811px;
	width:139px;
	height:249px;
	z-index:30;
	background-image: url(../images/contact-bg-02.gif);
	background-repeat: no-repeat;
}
#contact-plan {
	position:absolute;
	left:277px;
	top:1148px;
	width:624px;
	height:442px;
	z-index:30;
	background-image: url(../images/contact-plan.gif);
	background-repeat: no-repeat;
}


/* ------------  DIV FLOTTANTS QUI SOMMES NOUS et PARTENAIRES ------------ */




#qui-sommes-nous-bg {
	position:absolute;
	left:277px;
	top:429px;
	width:714px;
	height:505px;
	z-index:10;
	background-image: url(../images/qui-sommes-nous-bg.gif);
	background-repeat: no-repeat;
}

#partenaires-bg {
	position:absolute;
	left:282px;
	top:979px;
	width:690px;
	height:338px;
	z-index:10;
	background-image: url(../images/partenaires-bg.gif);
	background-repeat: no-repeat;
}


/* ------------  DIV FLOTTANTS SALLE ET LOCATION ------------ */




#salle-contain {
	position:absolute;
	left:283px;
	top:429px;
	width:471px;
	height:948px;
	z-index:10;
	background-image: url(../images/salle-bg.jpg);
	background-repeat: no-repeat;
}

#salle-location {
	position:absolute;
	left:770px;
	top:429px;
	width:221px;
	height:393px;
	z-index:10;
	background-image: url(../images/salle-location.gif);
	background-repeat: no-repeat;
}


#salle-archive {
	position:absolute;
	left:40px;
	top:576px;
	width:221px;
	height:524px;
	z-index:50;
	background-image: url(../images/salle-archive.gif);
	background-repeat: no-repeat;
}




/* ------------  DIV FLOTTANTS ACTIVITES CREATIONS - EXPOSITIONS - CONCERTS - SPECTACLES ----------- */


#concerts-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:229px;
	height:537px;
	z-index:100;
	background-image: url(../images/offres-concerts.gif);
	background-repeat: no-repeat;
}
#creations-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:229px;
	height:537px;
	z-index:100;
	background-image: url(../images/offres-creations.gif);
	background-repeat: no-repeat;
}
#expositions-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:229px;
	height:537px;
	z-index:100;
	background-image: url(../images/offres-expositions.gif);
	background-repeat: no-repeat;
}
#spectacles-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:229px;
	height:537px;
	z-index:100;
	background-image: url(../images/offres-spectacles.gif);
	background-repeat: no-repeat;
}




#acc-charivari {
	position:absolute;
	left:278px;
	top:429px;
	width:714px;
	height:895px;
	z-index:10;
	background-image: url(../images/acc-charivari.gif);
	background-repeat: no-repeat;
}
#listing-charivari {
	position:absolute;
	left:40px;
	top:576px;
	width:221px;
	z-index:50;
	background-image: url(../images/arc-charivari.gif);
	background-repeat: no-repeat;
}

#charivari-listing {
	position:absolute;
	left:767px;
	top:846px;
	width:221px;
	z-index:50;
}





#musique-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:222px;
	height:522px;
	z-index:100;
	background-image: url(../images/musique-listing.gif);
	background-repeat: no-repeat;
}

#acc-art {
	position:absolute;
	left:283px;
	top:429px;
	width:709px;
	height:535px;
	z-index:10;
	background-image: url(../images/acc-arts.gif);
	background-repeat: no-repeat;
}

#arts-listing {
	position:absolute;
	left:40px;
	top:568px;
	width:222px;
	height:522px;
	z-index:100;
	background-image: url(../images/arts-listing.gif);
	background-repeat: no-repeat;
}

#projets-titre {
	position:absolute;
	left:282px;
	top:431px;
	width:709px;
	height:76px;
	z-index:10;
}

.projets-contain {
	width:709px;
	height:343px;
	z-index:80;
	background-image: url(../images/projets-contain.jpg);
	background-repeat: no-repeat;
}


#projets-middle {
	position:relative;
	width:709px;
	top:0px;
	z-index:80;
}

#projets-articles {
	position:relative;
	left:282px;
	top:-178px;
	z-index:80;
}



/* ------------  DIV FLOTTANTS POINTS PRESSE ET LIENS PRESSE------------ */




#presse-liens {
	position:absolute;
	left:39px;
	top:558px;
	width:220px;
	height:523px;
	z-index:50;
	background-image: url(../images/presse-bg-onenparle.gif);
	background-repeat: no-repeat;
}

#presse-middle {
	position:relative;
	width:707px;
	top:0px;
	z-index:1;
}

#presse-articles {
	position:relative;
	left:294px;
	top:-242px;
	z-index:10;
}


.presse-bg-article {
	width:707px;
	height:222px;
	z-index:10;
	background-image: url(../images/presse-bg-article.gif);
	background-repeat: no-repeat;
}





/* ---- POLICES STYLES DIFFERENTS ---- */




.foot {
	FONT-FAMILY: Verdana, Arial, Tahoma, sans-serif; 
	font-size: 9px;
	color: #ccc;
}
.fp {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.fpnone {
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 12px;
}
.fp2 {
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	color: #000;
	font-size: 10px;
}
.titre {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
}
.sous-titre {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}
.charivari-titre {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
	font-weight: bold;
}
.charivari-date {
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #000;
	letter-spacing: -2px;
	font-variant: small-caps;
}
.charivari-date2 {
	FONT-FAMILY: Verdana, Geneva, sans-serif;
	font-size: 30px;
	color: #000;
	font-style: normal;
	line-height: 30px;
	font-weight: bold;
}

.date-edito {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: bold;	
}
.txt-edito {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.txt-edito-small {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}
.titre-contact {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 13px;
	font-weight: bold;	
}
.txt-contact {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
}
.date-actu {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 9px;
	font-weight: bold;	
}
.txt-actu {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

/* ------------BLOC LIEN SANS MARQUAGE------------ */




.menu {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	font-weight: bold;
	letter-spacing: -1px;
}
.menu A:link{
	color:#000;
 	text-decoration: none; 
}
.menu A:active{
 	color:#000;
 	text-decoration: none; 
}
.menu A:visited{
	color:#000;
 	text-decoration: none; 
}
.menu A:hover{
	color: #E2001A;
	text-decoration: none; 
}


.menu-inv {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #E2001A;
	font-weight: bold;
	letter-spacing: -1px;
}
.menu-inv A:link{
	color: #E2001A;
 	text-decoration: none; 
}
.menu-inv A:active{
 	color: #E2001A;
 	text-decoration: none; 
}
.menu-inv A:visited{
	color: #E2001A;
 	text-decoration: none; 
}
.menu-inv A:hover{
	color: #000;
	text-decoration: none; 
}



.menu-small {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000;
	font-weight: bold;
}
.menu-small A:link{
	color:#000;
 	text-decoration: none; 
}
.menu-small A:active{
 	color:#000;
 	text-decoration: none; 
}
.menu-small A:visited{
	color:#000;
 	text-decoration: none; 
}
.menu-small A:hover{
	color: #E2001A;
	text-decoration: none; 
}


.titre {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#000;
	font-weight: bold;
}
.titre  A:link{
	color:#000;
 	text-decoration: none; 
}
.titre  A:active{
 	color:#000;
 	text-decoration: none; 
}
.titre  A:visited{
	color:#000;
 	text-decoration: none; 
}
.titre  A:hover{
	color: #E2001A;
	text-decoration: none; 
}


.lien {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	text-transform: uppercase;
	font-weight: bold;
}
.lien  A:link{
	color:#000;
 	text-decoration: none; 
}
.lien  A:active{
 	color:#000;
 	text-decoration: none; 
}
.lien  A:visited{
	color:#000;
 	text-decoration: none; 
}
.lien A:hover{
	color: #E2001A;
	text-decoration: none; 
}


.telecharger-doc {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;

}
.telecharger-doc A:link{
	color:#000;
 	text-decoration: none; 
}
.telecharger-doc A:active{
 	color:#000;
 	text-decoration: none; 
}
.telecharger-doc A:visited{
	color:#000;
 	text-decoration: none; 
}
.telecharger-doc A:hover{
	color: #E2001A;
	text-decoration: none; 
}


.facebook {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#000;
	font-weight: bold;
	letter-spacing: -1px;
}
.facebook A:link{
	color:#000;
 	text-decoration: none; 
}
.facebook A:active{
 	color:#000;
 	text-decoration: none; 
}
.facebook A:visited{
	color:#000;
 	text-decoration: none; 
}
.facebook A:hover{
	color: #E2001A;
	text-decoration: none; 
}


/* ------------TEINTES DES POLICES------------ */

.blanc{
	COLOR: #ffffff;	
}
.bleu{
	COLOR: #0169B2;	
}
.brun{
  COLOR : #8f8878;
}

.brunfonce{
	color:#23201B;
}
.cyan{
	COLOR: #03fefb;	
}
.noir{
	COLOR: #000000;
}
.gris{
	COLOR: #333333;
}
.grisc{
	COLOR: #999999;
}
.grisblanc{
	COLOR: #CCCCCC;
}
.beige{
  color: #8F8778;
}
.jaune{
	COLOR: #ffd800;
}
.jauneorange{
	COLOR: #da8303;
	font-family: Tahoma, Geneva, sans-serif;
}
.orange{
	COLOR: #FF9900;
}
.or{
  COLOR : #d7cc45; 
}
.vert{
	color: #0F0;
}
.bleu{
  color: #009;
}
.roseclair{
	color:#f19aad;
}
.rose{
	color:#dc357b;
}
.rouge{
	 color: #e24e1b;
}
.rosefonce{
	color:#c2225f;
}
.vertpale{
  COLOR : #c2d021;
}
.grisbg{
  COLOR : #23201B;
}
.grismentions{
  COLOR : #524A3F;
 }
.violet{
color: #493db9;
 }