html, body {
	background: #FEF7E4 url(menu/fond.jpg) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #003399;
	font-size: 12;
    margin: 0; /* pour éviter les marges */
    text-align: center; /* pour corriger le bug de centrage IE */
	}

/* Conteneurs id */
#global { position:relative; top:200px; margin-left: auto; margin-right: auto; width: 700px; text-align: left; /* on rétablit l'alignement normal du texte */ }
#content { position:absolute; top:200px; left:20px; right:20px; width:95%; word-spacing: 24px; }
#NormalWordSpacing { word-spacing: normal; }
#LargeWordSpacing { word-spacing: 24px; }
#boite1 { position:absolute; top:200px; left:50px; width:350px; z-index:3; word-spacing: 24px; }
#boite2 { position:absolute; top:200px; left:450px; right:50px; z-index:3; word-spacing: normal; }
#boite3 { position:relative; height: 300px ; width: 700px; border-style:solid; border-width:1px; border-color:#003399; }
#boite4 { position:absolute; top: 50px ; width: 700px; height: 350px ; border-style:solid; border-width:1px; border-color:#003399; }
#boite5 { position:absolute; top: 50px ; width: 700px; }
#texte { width:700px; height:100px; text-align: center; }
#texte2 { position:absolute; width:700px; height:50px; text-align: center;}
#uploading { width:700px; height:100px; text-align: center; }

/* Classes */
.top { color: #FFFFFF; font-size: 0px; line-height: 0px; }
.SansCadre { margin: 0px 0 24px 0; }

/* Classes de paragraphes */
p {	font-family: Verdana, Arial, Helvetica, sans-serif; color: #003399; font-size: normal; }
p.input { line-height: 15px; }

/* Liens */
a:link {color:#0033CC; text-decoration: underline; }
a:visited {color:#0033CC; text-decoration: underline; }
a:hover {color:#de0000; text-decoration: underline; }

a#nav:link { color:#0033CC; text-decoration: none; }
a#nav:visited { color:#0033CC; text-decoration: none; }
a#nav:hover { color:#de0000; text-decoration: none; }

A:link .Cadre { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-color: #AAAAAA; border-style: solid; margin: 0px 0 24px 0; }
A:visited .Cadre { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-color: #AAAAAA; border-style: solid; margin: 0px 0 24px 0; }
A:hover .Cadre { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #6699FF; border-style: solid; margin: 0px 0 24px 0; }

A:link .Cadre1 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-top-color: #AAAAAA; border-right-color: #AAAAAA; border-bottom-color: #77aac8; border-left-color: #AAAAAA; border-style: solid; margin: 0px 0 24px 0; }
A:visited .Cadre1 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 3px; border-left-width: 1px; border-top-color: #AAAAAA; border-right-color: #AAAAAA; border-bottom-color: #77aac8; border-left-color: #AAAAAA; border-style: solid; margin: 0px 0 24px 0; }
A:hover .Cadre1 { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #6699FF; border-style: solid; margin: 0px 0 24px 0; }

a#photo:link {  background-color:#FFFFFF; }
a#photo:visited { background-color:#FFFFFF; }
a#photo:hover { background-color:#FFFFFF; }

/* Menus */
div.nbbOFF { float: center; width: 189px; height: 25px; background:   url(menu/nbbOFF.gif) center -25px no-repeat; }
div.nbbOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/nbbOFF.gif) top center no-repeat; }
div.nbbOFF a:hover { background-image: none; }
div.galleryOFF { float: center; width: 56px; height: 25px; background:   url(menu/galleryOFF.gif) center -25px no-repeat; }
div.galleryOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/galleryOFF.gif) top center no-repeat; }
div.galleryOFF a:hover { background-image: none; }
div.historyOFF { float: center; width: 58px; height: 25px; background:   url(menu/historyOFF.gif) center -25px no-repeat; }
div.historyOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/historyOFF.gif) top center no-repeat; }
div.historyOFF a:hover { background-image: none; }
div.exhibitOFF { float: center; width: 55px; height: 25px; background:   url(menu/exhibitOFF.gif) center -25px no-repeat; }
div.exhibitOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/exhibitOFF.gif) top center no-repeat; }
div.exhibitOFF a:hover { background-image: none; }
div.participateOFF { float: center; width: 81px; height: 25px; background:   url(menu/participateOFF.gif) center -25px no-repeat; }
div.participateOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/participateOFF.gif) top center no-repeat; }
div.participateOFF a:hover { background-image: none; }
div.linksOFF { float: center; width: 39px; height: 25px; background:   url(menu/linksOFF.gif) center -25px no-repeat; }
div.linksOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/linksOFF.gif) top center no-repeat; }
div.linksOFF a:hover { background-image: none; }
div.contactOFF { float: center; width: 62px; height: 25px; background:   url(menu/contactOFF.gif) center -25px no-repeat; }
div.contactOFF a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/contactOFF.gif) top center no-repeat; }
div.contactOFF a:hover { background-image: none; }

div.nbbON { float: center; width: 189px; height: 25px; background:   url(menu/nbbON.gif) center -25px no-repeat; }
div.nbbON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/nbbON.gif) top center no-repeat; }
div.nbbON a:hover { background-image: none; }
div.galleryON { float: center; width: 56px; height: 25px; background:   url(menu/galleryON.gif) center -25px no-repeat; }
div.galleryON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/galleryON.gif) top center no-repeat; }
div.galleryON a:hover { background-image: none; }
div.historyON { float: center; width: 58px; height: 25px; background:   url(menu/historyON.gif) center -25px no-repeat; }
div.historyON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/historyON.gif) top center no-repeat; }
div.historyON a:hover { background-image: none; }
div.exhibitON { float: center; width: 55px; height: 25px; background:   url(menu/exhibitON.gif) center -25px no-repeat; }
div.exhibitON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/exhibitON.gif) top center no-repeat; }
div.exhibitON a:hover { background-image: none; }
div.participateON { float: center; width: 81px; height: 25px; background:   url(menu/participateON.gif) center -25px no-repeat; }
div.participateON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/participateON.gif) top center no-repeat; }
div.participateON a:hover { background-image: none; }
div.linksON { float: center; width: 39px; height: 25px; background:   url(menu/linksON.gif) center -25px no-repeat; }
div.linksON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/linksON.gif) top center no-repeat; }
div.linksON a:hover { background-image: none; }
div.contactON { float: center; width: 62px; height: 25px; background:   url(menu/contactON.gif) center -25px no-repeat; }
div.contactON a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; background:   url(menu/contactON.gif) top center no-repeat; }
div.contactON a:hover { background-image: none; }

/* Formulaires */
form.css fieldset { padding: 100em; }
form.css label { display: inline; float: left; width: 160px; padding-left: 20px; padding-right: 10px; line-height: 20px; }
.right {float:left; margin-left:180px; }
.center {text-align: center; }