/* CSS Document */

body {
	margin: 0;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: small;
	text-align: center;
	color: #000;
	background-color: #FFFFFF;
}
#page {
	position: relative;
	margin: 15px auto;
	padding: 0;
	width: 800px;
	height: 600px;
	text-align:left;
	background: url(../images/frise-gauche.gif) no-repeat bottom left;
}
#logo { 
	margin: 0;
	padding: 0;
	width: 332px;
	height: 110px;
	background: url(../images/mayinparis.gif) no-repeat top left;
}
#logo h1 {
	display:none;
}


/*---[ contenu ]---*/

#contenu {
	height: 575px;
}


/*---[ gauche ]---*/

#gauche {
	float:left;
	margin: 0;
	padding: 0;
	width: 332px;
}
#filetgauche {
	width: 240px;
	height: 175px;
	margin-left: 92px;
	background: url(../images/accueil/filet-gauche.gif) no-repeat top left;
}


/*---[ centre ]---*/

#centre {
	float: left;
	width: 29px;
}
#centre.filet {
	width: 29px;
	height: 575px;
	background: url(../images/accueil/filet-centre.gif) no-repeat top left;
}


/*---[ droit ]---*/

#droit {
	float: right;
	width: 439px;
	height: 575px; 
}
#intro {
	float: left;
	margin-top: 249px;
	width: 439px;
	height: 326px;
	background: url(../images/accueil/filet-droit.gif) no-repeat bottom right;
}
#intro p {
	margin: 0;
	padding : 110px 0 0 135px;
	font-size: 85%;
	color: #F18D23;
}
#droit.page {
	margin: 0;
	background: url(../images/page-may.gif) no-repeat top left;
}
#droit.page img {
	margin-top: 15px;
}
#commentaire {
	margin-left: 88px;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #500038;
}
#commentaire p {
	margin-top: 5px;
	font-size: 85%;
	color: #67666B;
	width: 250px;
}
#pagecontact {
	float: left;
	margin-top: 15px;
	width: 424px;
	height: 421px;
	background: url(../images/pagecontact.gif) no-repeat bottom right;
}
#pagecontact h3 {
	margin: 0;
	padding : 95px 0 0 105px;
	font-size: 85%;
	color: #500038;
}
#pagecontact p {
	margin: 0;
	padding : 0 0 0 105px;
	font-size: 85%;
	color: #67666B;
}
#pagecontact a {
	margin: 0;
	padding: 0;
	color: #67666B;
	text-decoration:none;
}
#pagecontact a:hover {
	color: #F18D23;
}
#telechargez {
	margin: 0;
	padding: 78px 0 0 105px;
	font-size: 85%;
	text-decoration:none;
}
#telechargez a {
	color: #F18D23;
}
#telechargez a:hover {
	color: #500038;
}
#favoris {
	margin: 0;
	padding: 0 0 0 105px;
	line-height: 1.3em;
	font-size: 85%;
	text-decoration:none;
}
#favoris a {
	color: #67666B;
}
#favoris a:hover {
	color: #F18D23;
}

/*---[ bas ]---*/

#bas {
	margin: 0;
	padding: 5px 0 0 15px;
	font-size: 80%;
}
#bas a {
	margin: 0;
	padding: 0;
	color: #F18D23;
	text-decoration:none;
}
#bas a:hover {
	color: #500038;
}


/*---[ menu ]---*/

#menu {
	margin-top: 75px;
	padding: 0;
	width: 332px;
	height: 64px;
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#menu li {
	float: left;
}


/*---[ sousmenu ]---*/

#sousmenu {
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1em;
}
#sousmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#sousmenu li {
	margin: 0;
	padding: 0;
	font-size: 85%;
	color: #F18D23;
}
#sousmenu li a, #sousmenu li a:visited {
	color: #C3C6C8;
	text-decoration: none;
}
#sousmenu li a:hover {
	color: #F18D23;
	text-decoration: none;
}


/*---[ accueil ]---*/

li#accueil a, li#accueil a:visited {
	float: left;
	width: 51px;
	height: 64px;
	background: url(../images/accueil.gif) no-repeat top left;
}
li#accueil a:hover {
	float: left;
	width: 51px;
	height: 64px;
	background: url(../images/accueil-hover.gif) no-repeat top left;
}
li#accueil.actif {
	float: left;
	width: 51px;
	height: 64px;
	background: url(../images/accueil-actif.gif) no-repeat top left;
}
li#accueil span {
	display:none;
}


/*---[ edition ]---*/

li#edition a, li#edition a:visited {
	float: left;
	width: 59px;
	height: 64px;
	background: url(../images/edition.gif) no-repeat top left;
}
li#edition a:hover {
	float: left;
	width: 59px;
	height: 64px;
	background: url(../images/edition-hover.gif) no-repeat top left;
}
li#edition.actif {
	float: left;
	width: 59px;
	height: 64px;
	background: url(../images/edition-actif.gif) no-repeat top left;
}
li#edition span {
	display:none;
}


/*---[ internet ]---*/

li#internet a, li#internet a:visited {
	float: left;
	width: 43px;
	height: 64px;
	background: url(../images/internet.gif) no-repeat top left;
}
li#internet a:hover {
	float: left;
	width: 43px;
	height: 64px;
	background: url(../images/internet-hover.gif) no-repeat top left;
}
li#internet.actif {
	float: left;
	width: 43px;
	height: 64px;
	background: url(../images/internet-actif.gif) no-repeat top left;
}
li#internet span {
	display:none;
}


/*---[ logotype ]---*/

li#logotype a, li#logotype a:visited {
	float: left;
	width: 50px;
	height: 64px;
	background: url(../images/logotype.gif) no-repeat top left;
}
li#logotype a:hover {
	float: left;
	width: 50px;
	height: 64px;
	background: url(../images/logotype-hover.gif) no-repeat top left;
}
li#logotype.actif {
	float: left;
	width: 50px;
	height: 64px;
	background: url(../images/logotype-actif.gif) no-repeat top left;
}
li#logotype span {
	display:none;
}


/*---[ illustration ]---*/

li#illustration a, li#illustration a:visited {
	float: left;
	width: 55px;
	height: 64px;
	background: url(../images/illustration.gif) no-repeat top left;
}
li#illustration a:hover {
	float: left;
	width: 55px;
	height: 64px;
	background: url(../images/illustration-hover.gif) no-repeat top left;
}
li#illustration.actif {
	float: left;
	width: 55px;
	height: 64px;
	background: url(../images/illustration-actif.gif) no-repeat top left;
}
li#illustration span {
	display:none;
}


/*---[ autre ]---*/

li#autre a, li#autre a:visited {
	float: left;
	width: 34px;
	height: 64px;
	background: url(../images/autre.gif) no-repeat top left;
}
li#autre a:hover {
	float: left;
	width: 34px;
	height: 64px;
	background: url(../images/autre-hover.gif) no-repeat top left;
}
li#autre.actif {
	float: left;
	width: 34px;
	height: 64px;
	background: url(../images/autre-actif.gif) no-repeat top left;
}
li#autre span {
	display:none;
}

/*---[ contact ]---*/

li#contact a, li#contact a:visited {
	float: left;
	width: 40px;
	height: 64px;
	background: url(../images/contact.gif) no-repeat top left;
}
li#contact a:hover {
	float: left;
	width: 40px;
	height: 64px;
	background: url(../images/contact-hover.gif) no-repeat top left;
}
li#contact.actif {
	float: left;
	width: 40px;
	height: 64px;
	background: url(../images/contact-actif.gif) no-repeat top left;
}
li#contact span {
	display:none;
}