div {
    position:absolute;
}
img, p, span {
    position:relative;
}    
body {
    color:inherit;
    background-color:rgb(232,237,196);
    font-family:verdana, sans-serif;
}
#idxEspaceGlobal {
    position:relative;
    width:980px;
    height:800px;
    max-width:1200px;
    min-width:980px;
    border-style: ridge;
    border-color: #FBE042;
    border-width: 4px;
}
#espaceGlobal {
    position:relative;
    width:980px;
    height:1600px;
    border-style: ridge;
    border-color: #FBE042;
    border-width: 4px;
    border-bottom-style:none;
}
#espaceGlobal2 {
    position:relative;
    width:950px;
}
#espacePage {
    position:absolute;
    top:120px;
    left:220px;
    width:520px;
    text-align:justify;
    font-size:small;
}
#espacePageSansExpo {
    position:absolute;
    top:120px;
    left:220px;
    width:760px;
    text-align:justify;
    font-size:small;
}
.titreArticleCentral {
    position:relative;
    width:100%;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:bold;
    font-size:120%;
    text-align:center;
}
.titreTexteCentral {
    position:relative;
    width:100%;
    border-bottom-style:solid;
    border-bottom-color:gray;
    border-bottom-width:1px;
}
.expoArticle {
    font-size:80%;
    position:relative;
    width:100%;
    border-top-style:solid;
    border-top-color:gray;
    border-top-width:1px;
}
.titreExpo{
    font-weight:bold;
    font-style:italic;
    top:5px;
}
.masque {
    top:0;
    left:0;
    visibility:hidden;
}
h1,h2,h3 {
    font-size:17px;
    text-align:center;
}
#titre {
    left:226px;
    top:03px;
    width:500px;
    height:40px;
    font-size:30px;
    background-color:black;
    color:inherit;
}
#idxExpoGauche {
    left:10px;
    top:40px;
    width:250px;
    height:510px;
    font-size:14px;
    color:inherit;
    background-color:black;
}
#idxExpoDroite {
    right:0px;
    top:40px;
    width:160px;
    font-size:14px;
    color:inherit;
    background-color:black;
}
#idxExpoCentre {
    position:absolute;
    left:230px;
    top:110px;
    width:460px;
    height:600px;
    font-size:12px;
    padding:10px;
    text-align:justify;
    background-image:url(../pictos/sommaire/fond.jpg);
}
#supGauche {
    left:18px;
}
#supDroite {
    right:15px;
}
#supGauche, #supDroite {
    position:absolute;
    top:20px;
    width:170px;
    height:100px;
}
#expoDroite {
    right:5px;
    top:200px;
    height:300px;
    width:180px;
    font-size:14px;
}
#expoCentre {
    position:absolute;
    left:235px;
    top:110px;
    width:460px;
    height:600px;
    font-size:12px;
    padding:10px;
    text-align:justify;
    background-image:url(../IMG/fond.jpg);
}
#entrez {
    position:absolute;
    right:50px;
    top:30px;
}
#img1, #img2, #img3, #img4, #img5 {
    position:absolute;
}    
#img1 {
    top:40px;
    left:0px;
}
#img2 {
    top:280px;
    left:0px;
}
#img3 {
    top:50px;
    right:10px;
}
#img4 {
    top:240px;
    right:0px;
}
#img5 {
    top:450px;
    right:10px;
}
#titreblc {
    position:absolute;
    left:210px;
    top:20px;
    width:550px;
    height:40px;
    border-style:none;
    font-size:46px;
    color:rgb(195,124,17);
    background-color:inherit;
}
#titrePage {
    position:relative;
    width:100%;
    margin-top:20px;
    margin-bottom:15px;
    border-style:none;
    font-size:200%;
    color:rgb(195,124,17);
    background-color:inherit;
    font-weight:bold;
    text-align:center;
    margin-bottom:15px;
}
#presentationPage{
    position:relative;
    
}
.marques {
    left:50px;
    top:140px;
    width:120px;
    height:367px;
    font-size:20px;
    background-color:#C1C1C1;
    color:inherit;
}
.type {
    left:230px;
    top:140px;
    width:400px;
    height:115px;
    padding:12px;
    background-color:yellow;
    background:url(../pictos/cdr02.jpg);
    background-repeat:no-repeat;
    color:inherit;
}
.recherche {
    left:0px;
    top:0px;
    width:450px;
}
.liste {
    left:250px;
    top:150px;
    width:450px;
}
.centre {
    left:250px;
    top:130px;
    width:450px;
    font-size:80%;
}
.droite {
    left:770px;
    top:145px;
    width:170px;
    font-size:80%;
}
.presentation {
    left:250px;
    top:130px;
    width:620px;
    font-size:80%;
    text-align:justify;
}
.entete {
    padding:4px;
    background:url(../pictos/tab01.jpg);
    background-repeat:repeat;
}
.cellule {
    padding:4px;
    font-size:80%;
    background:url(../pictos/tab02.jpg);
    background-repeat:repeat;
}
.accueil {
    top:130px;
    left:0px;
    width:100px;
    font-size:11px;
}
.bouton {
    position:relative;
    width:120px;
}
.contact {
    top:300px;
    left:750px;
    width:210px;
    height:210px;
    font-family:verdana, sans-serif;
    font-size:11px;
    padding:12px;
    background:url(../pictos/cdr01.jpg);
}
.photo1 {
    top:85px;
    left:770px;
}
#cartouche {
	position:relative;
    width:200px;
    top:20px;
    left:0px;
    font-family:verdana, sans-serif;
    font-size:11px;
    text-align:center;
}
.copyright {
    width:170px;
    font-family:verdana, sans-serif;
    font-size:9px;
    text-align:center;
}
.menu {
    left:10px;
    top:180px;
    background-color:rgb(232,237,196);
    color:inherit;
}
.bordure1 {
    border-color:rgb(245,210,30);
    border-width:6px;
    border-style:ridge;
}
div.rechercher {
    left:25px;
    top:150px;
    font-size:60%;
}
input.rechercher {
    font-size:12px;
    padding:4px 0 1px 18px;
    width:150px;
    height:22px;
    border:1px solid #8BA529;
    background:url(../pictos/rechercher.gif);
}
img.rechercher {
    top:2px;
}
.flotD, .flotG {
    border-style:none;
    position:relative;
    margin-bottom:10px;
}
.flotG {
    float:left;
}
.flotD {
    float:right;
}
.imgExpoDroite {
    position:relative;
    width:150px;
    margin-bottom:10px;
}

#menu {
	top:200px;
}

#menu ul {
    font-variant: small-caps;
    font-weight: bold;
    font-size: 1.0em;
    line-height: 50px;
    white-space: nowrap;
    width:162px;
	margin-left: 0;
	padding-left: 0;
}
#menu ul li {
	margin: 0;
	padding: 0;
    border-style: none;
    list-style-position: inside;
    list-style-type:none;
    position: relative;
    background-image: url("../pictos/bouton.png");
    background-repeat: no-repeat;
    text-align: center;
    padding-bottom: 3px;
    background-position: 3px;
}
#menu ul li:hover {
    background-image: url("../pictos/bouton_o.png");
    background-repeat: no-repeat;
    padding-top: 0;
    padding-bottom: 3px;

}
#menu ul li:ACTIVE{
    background-image: url("../pictos/bouton_a.png");
    background-repeat: no-repeat;
    padding-top: 3px;
    padding-left:3px;
    padding-bottom: 0;
}
#menu ul li a {
    color: black;
    text-decoration: none;
}