* {margin: 0; padding: 0;}
body {width: 1000px; margin: 40px auto; text-align: center; font: small Verdana, Arial, Helvetica, sans-serif; color:#7b7777; border: solid blue 0px; }

h1 {font-size: x-large; color:#6d7aa4; margin: 30px 0 20px 0}
h2 {font-size: medium; color:#6d7aa4; margin: 25px 0 5px 0}
p {margin: 0 0 1em 0}
li {font-size: small; list-style: none;}
a {text-decoration: none; color:#6d7aa4;}
a:hover {color:#3151b9}
a img {border: 0px;}

.clearboth{clear:both}
.clearright{clear:right}
.clearleft{clear:left}
hr {
    color: white;
    border: none;
}


#Corps {position:relative; width: 950px; margin: 0 auto; text-align: left; left: 0px; border: solid black 0px;background-image: url(../images/Croquis-fond-1.jpg);background-repeat:no-repeat;background-position:80px 80px;}
#Corps #Flags {position:relative; float: right; top: -4em; width: 50px; text-align: left; border: solid green 0px; margin: 0 22px 0 0px} 
#Corps #Flags img {margin: 0 2px 0 0}
#Corps #SignatureFee-Fond {position:relative; left: 170px; border: solid black 0px;}


/* PAGE D'ACCUEIL */
#CarreCentral {
    position:relative; 
    width: 1000px; height: 700px;
    margin: 0px auto 20px auto; text-align: justify;
    background-image: url(../images/Accueil-Fond.jpg);background-repeat:no-repeat;background-position:0% 100%;}
#CarreCentral img{ visibility:hidden}
.DIV-Accueil{
    position: absolute;
}
.DIV-Accueil p {
    position: absolute; padding:7px;
    color: black;
    background-color: rgb(134, 134, 134); /* The Fallback */
    background-color: rgba(255, 255, 255, 0.6);
    visibility:hidden;
    z-index:3;
}
#DIV-Accueil-1 {
    left: 124px; top: 100px;
}
#DIV-Accueil-1 p {
    width: 212px; height: 136px;
}
#DIV-Accueil-2{
    left: 360px; top: 100px;
}
#DIV-Accueil-2 p {
    width: 76px; height: 136px;
}
#DIV-Accueil-3{
    left: 461px; top: 100px;
}
#DIV-Accueil-3 p {
    width: 200px; height: 136px;
}
#DIV-Accueil-4{
    left: 685px; top: 100px;
}
#DIV-Accueil-4 p {
    width: 175px; height: 251px;
}
#DIV-Accueil-5{
    left: 124px; top: 260px;
}
#DIV-Accueil-5 p {
    width: 312px; height: 91px;
}
#DIV-Accueil-6{
    left: 461px; top: 260px;
}
#DIV-Accueil-6 p {
    width: 200px; height: 91px;
}
#DIV-Accueil-7{
    left: 124px; top: 375px;
}
#DIV-Accueil-7 p {
    width: 212px; height: 209px;
}
#DIV-Accueil-8{
    left: 360px; top: 375px;
}
#DIV-Accueil-8 p {
    width: 76px; height: 210px;
}
#DIV-Accueil-9{
    left: 461px; top: 375px;
}
#DIV-Accueil-10{
    left: 685px; top: 375px;
}
#DIV-Accueil-10 p {
    width: 175px; height: 210px;
}
.IMG-AccueilNB{
    position: absolute;
    z-index:2;
}
.IMG-AccueilCouleur{
    position: absolute;
    z-index:1;
}

#tooltip {
    position: absolute; display:none;
    margin-left:5px; margin-top:1px; padding:2px; max-width:206px;
    font-size:11px; color: white;
    background-color:#7c7c7c;
    border:1px solid #adadad;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    z-index:2;
}
#tooltip-menu {
    position: absolute; display:none;
    margin-left:-5px; margin-top:0px; padding:2px; max-width:120px; height:60px;
    font-size:11px; color: white;
    background-color:#7c7c7c;
    border:1px solid #adadad;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    z-index:2;
}




/* MENU PAR IMAGES */
#ZoneNavigation {
    position: absolute;
    top:145px; left: 5px;
    width:70px; 
}
.MenuItem {
    position: relative;
    margin: 0 0 5px 0;
}
.MenuNB {
    position: relative;
    z-index:1;
}
.MenuHover {
    position: absolute;
    z-index:0;
}


#ZoneCentrale {
	position:relative; top: 0px; 
	width:828px; text-align: justify;
	border: solid green 0px;
	margin: 0 0 0 100px;
} 
#ZoneCentrale h1 {text-align: left;} 
#Accroche {
    position: relative; top: -20px;
    display: block;
    margin-bottom: 30px;
    text-align: right; font-style: italic; font-size:medium;
    color:#808baf; border: 0px solid green;
} 



/* AFFICHAGE DES NEWS */
.DatePublication {
    position: relative; top: -20px;
    font-style: italic;
}
.IllustrationDroite{
    float: right;
    margin:8px 0 10px 10px;
    padding:2px;
    border: 1px dotted #cfcaca;
    visibility: hidden;
}
#JournalGallerie{
    margin-top:30px;
    text-align:center;
}
#JournalGallerie img{
    margin: 0 auto;
}


/* SYSTÈME D'AFFICHAGE DES GRAINES DÉCHETS/PLANTES */
#TableauPlantes {width: 100%; margin: 20px 89px;}
.DIVGraine{
    display: inline; position: relative; float:left;
    margin: 0 5px 5px 5px;
    padding:2px 2px 0 2px;
    border: 1px dotted #cfcaca;
}
.IMGGraine{
    position: relative;
    z-index:1;
}
.IMGGraineHover{
    position: absolute; top:2px; left:2px;
    z-index:0;
}


/* PAGE DE CONTACT/DEMARCHE */
#Contact {position: relative; height: 326px; width:500px; top: 15px; margin: 0 auto 0 auto; text-align: left}
#Contact #FloatRight {position: relative; float: right; display: block; padding: 0 0 0 10px; z-index:2}
#Contact ul {position: relative; top: 60px; margin-top: 10px; text-align: center;}
#Contact li {margin: 2px 0 0 0}
#DossierArtistique {position: relative; top:100px; text-align:center;}
#DossierArtistique a {font-weight:bold}
#DossierArtistique img {position: relative; top:20px; margin-left:10px;}

#DemarcheVideo{position: relative; left: 214px;}

#Cursus li {font-size: small;}
#Cursus #dates {font-weight: bold; font-size: medium;}
#Cursus #Block {margin: -18px 0 15px 120px; width: 615px;}


/* LIENS */
#PiedDePage {position: relative; margin: 40px auto 10px auto;  font-size: x-small; font-style: italic; text-align: center;  color:#c4c0c0}