a, p, div, body, ul, li, form, img, h2{
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px auto;
	padding: 0px;
	background-color: #5C7782;
	color: #E6E6E6;
	font-family: arial;
}

a:visited{
	color: #E6E6E6;
}

html > body #Milieu{
   margin-top : -2px;
}

#conteneur {
	width: 1024px;
	margin: 0 auto;
}

#clicBack{
	width: 550px;
	height: 110px;
	position: absolute;
	z-index: 2;
	top: 0;
}

#clicBack a {	
	display: block;
	height: 110px;	
	border:0
}

#ImageTitre {
	width: 1024px;
	height: 125px;
}

#MenuHorizontal {
	width: 1024px;
	height: 19px;
	background-image: url(../img/DeuxBandes.jpg);
	background-position: right;
	background-repeat: no-repeat;
}

#MenuHorizontal li{
	float: left;
}

#MenuHorizontal #menuActu a{
	background-image: url(../img/menuActu.jpg);
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 150px;
	margin-left: 128px;
}

#MenuHorizontal #menuNews a{
	background-image: url(../img/menuNewsletter.jpg);
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 160px;
	margin-left: 55px;
}

#MenuHorizontal #menuPartenaires a{
	background-image: url(../img/menuPartenaires.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 45px;
}

#MenuHorizontal #menuEmail a{
	background-image: url(../img/menuEmailh.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 150px;
	margin-left: 55px;
}

#MenuHorizontal li a{
	height: 19px;
	display: block;
	background-image: url(../img/DeuxBandes.jpg);
}

/* GESTION DU SURVOLE */
#MenuHorizontal #menuActu a:hover,
#MenuHorizontal #menuNews a:hover,
#MenuHorizontal #menuPartenaires a:hover,
#MenuHorizontal #menuEmail a:hover{
	background-position:0 -19px;
}
/* //GESTION DU SURVOLE */

/* cache le texte */
#MenuHorizontal li span, 
#MenuVerticalListe li span,
#MenuVert1 li span,
#MenuVert2 li span,
#MenuVert3 li span,
#MenuVert4 li span{
	left: -999%;
	position: absolute;
}

#MenuVerticalListe li a{
	display: block;
	height: 25px;
	width: 150px;
}

#MenuVerticalListe #menuEvenementiel a{
	background-image: url(../img/menuEvenement.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 35px;
	height: 25px;
}

#MenuVerticalListe #menuVisuel a{
	background-image: url(../img/menuVisuel.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 35px;
	height: 25px;
}

#MenuVerticalListe #menuReferences a{
	background-image: url(../img/menuReferences.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 35px;
	height: 25px;
}

#MenuVerticalListe #menuContacts a{
	background-image: url(../img/menuContacts.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 35px;
	height: 25px;
}

#Informations{
	margin-left: 35px;
}

#Informations img{
	float: left;
}

/* GESTION DU SURVOLE */
#MenuVerticalListe #menuEvenementiel a:hover,
#MenuVerticalListe #menuVisuel a:hover,
#MenuVerticalListe #menuReferences a:hover,
#MenuVerticalListe #menuContacts a:hover{
	background-position:0 -25px;
}
/* //GESTION DU SURVOLE */

#MenuVerticalListe{
	height: 500px;
}

#MenuHorizontal, 
#MenuVerticalListe,
#MenuVert1,
#MenuVert2,
#MenuVert3,
#MenuVert4 {
	list-style-type: none;
}

#MenuVert1 li a,
#MenuVert2 li a,
#MenuVert3 li a,
#MenuVert4 li a,{
	height: 20px;
	width: 150px;
	display: block;
}

#MenuVert1 #menuCulturel a{
	background-image: url(../img/menuCulturels.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}

#MenuVert1 #menuSportifs a{
	background-image: url(../img/menuSportifs.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}

#MenuVert1 #menuInstitutionnels a{
	background-image: url(../img/menuInstitutionnels.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}

#MenuVert1 #menuEntertainment a{
	background-image: url(../img/menuEntertainment.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}

#MenuVert1 #menuCle a{
	background-image: url(../img/menuOffres.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert1 #menuDevis a{
	background-image: url(../img/menuDemande.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert2 #menuAffiches a{
	background-image: url(../img/menuAffiches.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert2 #menuGrandeTaille a{
	background-image: url(../img/menuSupports.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert2 #menuInvitation a{
	background-image: url(../img/menuCartons.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert2 #menuBrochures a{
	background-image: url(../img/menuBrochures.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert2 #menuLogos a{
	background-image: url(../img/menuLogos.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert4 #menuCoordonnees a{
	background-image: url(../img/menuCoordonnees.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}
#MenuVert4 #menuEmail a{
	background-image: url(../img/menuEmailv.jpg); 
	background-position: 0 0px;
	background-repeat: no-repeat;
	width: 170px;
	margin-left: 60px;
	height: 20px;
}

/* GESTION DU SURVOLE */
#MenuVert1 #menuCulturel a:hover,
#MenuVert1 #menuSportifs a:hover,
#MenuVert1 #menuInstitutionnels a:hover,
#MenuVert1 #menuEntertainment a:hover,
#MenuVert1 #menuCle a:hover,
#MenuVert1 #menuDevis a:hover,
#MenuVert2 #menuAffiches a:hover,
#MenuVert2 #menuBrochures a:hover,
#MenuVert2 #menuGrandeTaille a:hover,
#MenuVert2 #menuInvitation a:hover,
#MenuVert2 #menuLogos a:hover,
#MenuVert4 #menuCoordonnees a:hover,
#MenuVert4 #menuEmail a:hover{
	background-position:0 -20px;
}
/* //GESTION DU SURVOLE */

#MenuHorizontalActualite {
	background-image: url(../img/menuActu.jpg);
	background-position: 0 2px;
	background-repeat: no-repeat;
	display: inline;
	float: left;
}

#MenuHorizontalActualite a:hover{
	background-position: 0 -10px;
}

#MenuHorizontalNewsletter {
	background-image: url(../img/NewsletterBlanc.jpg);
	background-repeat: no-repeat;
	display: inline;
	padding-left: 40px;
	float: left;
}

#MenuHorizontalPartenaires {
	background-image: url(../img/PartenairesBlanc.jpg);
	background-repeat: no-repeat;
	display: inline;
	padding-left: 50px;
	float: left;
}

#MenuHorizontalEmail {
	background-image: url(../img/EmailBlanc.jpg);
	background-repeat: no-repeat;
	display: inline;
	padding-left: 50px;
	float: left;
}

#BandePhotos {
	display: block;
	width: 1024px;
}

#Milieu {
	width: 1024px;
	height: auto;
	min-height: 600px;
	background-image: url(../img/TroisBandes.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	overflow: hidden;
}

#MenuVertical {
	width: 244px;
	height: 600px;
	background-image: url(../img/BandeMenuVertical.jpg);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
}

#Evenementiel {
   background-image: url(../img/Evenementiel.jpg);
	background-repeat: no-repeat;
}

#Culturels {
	background-image: url(../img/Culturels.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
}

#Sportifs {
	background-image: url(../img/Sportifs.jpg);
	background-repeat: no-repeat;
}

#Institutionnels {
	background-image: url(../img/Institutionnels.jpg);
	background-repeat: no-repeat;
}

#Entertainment {
	background-image: url(../img/Entertainment.jpg);
	background-repeat: no-repeat;
}

#OffresClesEnMain {
	background-image: url(../img/OffresClesEnMain.jpg);
	background-repeat: no-repeat;
}

#DemandeDeDevis {
	background-image: url(../img/DemandeDeDevis.jpg);
	background-repeat: no-repeat;
}

#Visuel {
	background-image: url(../img/Visuel.jpg);
	background-repeat: no-repeat;
}

#Affiches {
	background-image: url(../img/Affiches.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
}

#SupportsGrandeTaille {
	background-image: url(../img/SupportsGrandeTaille.jpg);
	background-repeat: no-repeat;
}

#CartonsDInvitation {
	background-image: url(../img/CartonsDInvitation.jpg);
	background-repeat: no-repeat;
}

#Brochures {
	background-image: url(../img/Brochures.jpg);
	background-repeat: no-repeat;
}

#Logos {
	background-image: url(../img/Logos.jpg);
	background-repeat: no-repeat;
}

#References {
	background-image: url(../img/References.jpg);
	background-repeat: no-repeat;
}

#Contacts {
	background-image: url(../img/Contacts.jpg);
	background-repeat: no-repeat;
}

#Coordonnees {
	background-image: url(../img/Coordonnees.jpg);
	background-repeat: no-repeat;
	margin-top: 2px;
}

#Email {
	background-image: url(../img/Email.jpg);
	background-repeat: no-repeat;
}

#Corps {
	width: 780px;
	/*height: auto;*/
	float: left;
	/*color: White;*/
	min-height: 500px;
}

html > body #Corps{
	/*height: 500px;*/
}

#Corps img, #Informations img {
	border: 0;
}

#Corps p {
	margin-left: 6px;
	font-size:	12px;
}

#Corps span {
	display: none;
}

#MenuVertical span {
/*	display: none;  OLIVIER */ 
}

.ElementMenu {
	width: 180px;
	height: 20px;
}

.ElementMenuHorizontal {
	height: 19px;
}

.firstElement {
	margin-left: 140px;
}

.width100 {
	width: 100px;
}

.width160 {
	width: 160px;
}

.width800 {
	width: 800px;
}

#ImageTitre h1 {
	display: none;
}

.niveau1 {
	margin-left: 46px;
	margin-top: 4px;
	list-style-image: url(../img/GrosseBoule.jpg);
}

.niveau2 {
	margin-left: 27px;
	list-style-image: url(../img/PetiteBoule.jpg);
}

li #Culturels {
	margin-top: 6px;
}

li #Affiches {
	margin-top: 6px;
}

li #Coordonnees {
	margin-top: 6px;
}

#MenuHorizontal a {
    cursor: pointer;
}

#MenuVerticalListe li {
	margin-top: 20px;
}

#MenuVerticalListe #menuEvenementiel {
	margin-top: 0px;
}

#MenuVert1 li {
	margin-top: 0px;
}

#MenuVert2 li {
	margin-top: 0px;
}

#MenuVert4 li {
	margin-top: 0px;
}

#PiedDePage {
	height: 20px;
	padding-top: 4px;
	background-image: url(../img/BandePiedDePage.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	font-size:	12px;
	/*color: White;*/
	margin-left: 60px;
}

body #PiedDePage{
   margin-top : 100px;
}

#PiedDePage a{
	color: #E6E6E6;
}

.Unsurdeux {
	display:	block;
	width: 518px;
	height: auto;
	margin-left: 0px;
	float: left;
}

.Deuxsurdeux {
	display: block;
	width: 262px;
	height: auto;
	float: left;
}

/* Pour la page 00 - Accueil */
.TexteCenter {
	width: 518px;
	font-size:	12px;
	text-align: center;
}

.margintop14 {
	margin-top: 14px;
}

.margintop14bis {
	margin-top: 14px;
	margin-left: 4px;
}


.margintop20 {
	margin-top: 20px;
	margin-left: 8px;
}

.margintop20bis {
	margin-top: 20px;
	margin-left: 4px;
}

.margintop30 {
	margin-top: 30px;
	margin-left: 8px;
}

.margintop30bis {
	margin-top: 30px;
	margin-left: 4px;
}

li {
	list-style-type:none;
	font-size: 12px;
}

ul p {
	margin-top: -20px;
}

/* Pour la page 01 - Actualité */
#Corps .Unsurdeux p{
	margin-left: 10px;
}

.margintop14 p{
	margin-top: 20px;
}

.Italique {
	font-style: italic;
}


/* Pour la page 02 - Newsletter */
#Corps02 {
	width: 524px;
	height: 600px;
	float: left;
}

#Corps02 span {
	display: none;
}

#Corps02 p {
	display:	block;
	width: 514px;
	height: auto;
	font-size: 16px;
	/*color: White;*/
	margin-left: 10px;
	float: left;
}

#Titre02_0 {
	margin-top: 14px;
	width: 518px;
}

/* Pour la page 03 - Partenaires */
#Image03 {
	margin-left: 10px;
	margin-top: 10px;
	float: left;
}

#Image03 img {
	margin-top: 10px;
}

/* Pour la page 04 - Evénéments - page générique */
#Texte04 {
	width: 518px;
}

#Texte04 li p{
	margin-top: 0px;
	padding-left: 18px;
	background-image: url(../img/PetiteBoule.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#Texte04 p{
	margin-top: 18px;
}

#Image04 {
	width: 518px;
	margin-top: 10px;
	margin-left: 4px;
}

#Image04 img {
	display:	block;
	float: left;
	margin-top: 20px;
}


/* Pour la page 05 - Evénements culturels - SAA et JAA */
.Texte05 {
	display: block;
	width: 488px;
	margin-top: 20px;
	margin-left: 10px;
}

.Texte05_1 {
	display: block;
	width: 488px;
	margin-top: 10px;
	margin-left: 10px;
}

.Image05_1sur2 {
	display: block;
	width: 498px;
	height: auto;
	margin-top: 6px;
	margin-left: 4px;
}

.Deuxsurdeux img{
	margin-top: 26px;
}

html > body .Deuxsurdeux img{
   margin-top : 42px;
}

.Image05_1sur2 .BorderImage {
	display: block;
	width: 155px;
	border-width: 1px;
	border-color: White;
	border-style: solid;
	float: left;
	margin: 3px;
}

/* Pour la page 06 - Evénements Sportifs - MSX07 */
.Texte06 {
	margin-top: 20px;
}

#Image06 {
	width: 512px;
}

#Image06 img {
	margin-left: -3px;
}

#Image06bis {
	/*margin-top: 295px;*/
}

#Image06bis img {
	margin-top: 6px;
}

html > body #Image06bis {
/*   margin-top : 352px;*/
}

/* Pour la page07 - Evénéments Institutionnels */
#Texte07 {
	margin-top: 20px;
	margin-left: -4px;
}

#Texte07bis {
	width: 284px;
	margin-left: -4px;
	float: left;
	padding-right: 8px;
	font-style: italic;
}

#Image07 {
	width: 200px;
	padding: 30px;
	margin-top: -36px;
}

html > body #Image07 {
   margin-top : -75px;
}

/* Pour la page08 - Evenements Entertainment - Guitar Heroes Live  */
#Image08 img{
	float: left;
}

#Texte08 {
	width: 510px;
}

#Texte08bis {
	width: 510px;
	margin-top: -12px;
}

#Texte08bis li p{
	margin-top: 0px;
	padding-left: 0px;
}

#Texte08 p{
	margin-top: 18px;
}

#Image08bis {
	margin-top: 56px;
}

#Image08bis img{
	margin-top: 4px;
}

#Image08 .BorderImage {
	display: block;
	border-width: 1px;
	border-color: White;
	border-style: solid;
	float: left;
	margin: 2px;
}

#Unsurdeuxbis {
	display:	block;
	width: 540px;
	height: auto;
	margin-left: 0px;
	float: left;
}

#Deuxsurdeuxbis {
	display: block;
	width: 240px;
	height: auto;
	float: left;
}

/* Pour la page09 - Offres Clés en main */
#Texte09 {
	width: 518px;
	margin-top: 16px;
}

#Image09 {
	width: 780px;
	margin-top: 4px;
}

/* Pour la page10 - Demande de devis */
#Texte10 {
	width: 518px;
	margin-top: 16px;
}

#Image10 {
	width: 770px;
	margin-top: 4px;
	margin-left: 5px;
}

#Image10 img{
	float: left;
}

/* Pour la page11 - Supports de Com - page générique */
#Texte11 {
	width: 518px;
	margin-top: 16px;
}

#Images11 {
	width: 518px;
	height: 381px;
	margin-top: 30px;
	margin-left: 6px;
}

#Image11 img {
	width: 122px;
	float: left;
}

#Image11bis {
	width: 130px;
	height: auto;
	float: left;
}

#Image11bis img{
	float: left;
}

#Image11ter img{
	width: 253px;
	float: left;
}

#Texte11bis {
	width: 518px;
	margin-top: 16px;
}

/*  Pour la page12 - Affiches */
#Texte12 {
	width: 518px;
	margin-top: 16px;
}

#Image12 {
	width: 518px;
	height: auto;
	margin-top: 30px;
	margin-left: 4px;
}

/*  Pour la page13 - Supports grandes tailles */
#Texte13 {
	width: 518px;
	margin-top: 16px;
}

#Image13{
	width: 518px;
	height: auto;
	margin-top: 30px;
	margin-left: 4px;
}

#Image13 img{
	float: left;
}

/*  Pour la page14 - Cartons d'invitations */
#Texte14 {
	width: 518px;
}

#Texte14 p{
	margin-top: 16px;
}

#Image14 {
	width: 518px;
	height: auto;
	margin-top: 30px;
	margin-left: 4px;
}

#Image14 img{
	float: left;
}

/*  Pour la page15 - Brochures */
#Texte15 {
	width: 510px;
}

#Texte15 p{
	margin-top: 16px;
}

#Image15 {
	width: 518px;
	height: auto;
	margin-top: 30px;
}

#Image15 img{
	float: left;
}

/*  Pour la page16 - Logos */
#Texte16 {
	width: 510px;
}

#Texte16 p{
	margin-top: 16px;
}

#Image16 {
	width: 518px;
	height: auto;
	margin-top: 30px;
}

#Image16 img{
	float: left;
}

/*  Pour la page17 - Références */
#Texte17 {
	width: 510px;
}

#Texte17 p{
	margin-top: 16px;
}

#Image17 {
	width: 263px;
	height: 145px;
	background-color: Blue;
}

#Image17 img{
	float: left;
}

#Image17bis {
	width: 518px;
	height: 274px;
}

#Image17bis img{
	float: left;
}

#Image17bis img{
	float: left;
}
/*  Pour la page18 - Contacts - page générique */
.Texte18 {
	width: 510px;
	margin-top: 20px;
}

#Texte18bis {
	width: 510px;
	margin-top: 8px;
}

/*  Pour la page19 - Coordonnées postales */
.Texte19 {
	width: 510px;
	margin-top: 14px;
}

/*  Pour la page20 - Informations légales */
#Texte20 {
	width: 510px;
	margin-top: 14px;
}

#Texte20bis {
	width: 510px;
	margin-top: 14px;
	font-style: italic;
}

#Texte20bis p{
	margin-top: 14px;
}

/*  Pour la page21 - Crédits */
.Texte21 {
	width: 510px;
	margin-top: 14px;
}