* {margin: 0; padding: 0;}
body {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(../img/Croquis-fond-1.jpg);background-repeat:no-repeat;background-position:80px 80px;}*/
#Corps {position:relative; width: 950px; margin: 0 auto; text-align: left; left: 0px;}
#Corps #SignatureFee-Fond {position:relative; left: 170px; border: solid black 0px;}


/* MENU PAR IMAGES */
#ZoneNavigation {
    position: absolute;
    top:145px; left: -10px;
    width:70px;
}
.MenuItem {
    position: relative;
    margin: 0; padding:0;
}
.MenuItem img {
    width: 70px; height: 70px;
    border:2px solid white;
    border-radius : 5px;
    -moz-border-radius : 5px;
    -webkit-border-top-right-radius: 5px;
}
.MenuItem img:hover{
    border:2px solid silver;
}
.MenuItem.active {
    padding:5px 0;
    margin-left:-30px;
}
.MenuItem.active img{
    width:100px; height: 100px;
}

#ZoneCentrale {
	position:relative; top: 0px;
	width:828px; text-align: justify;
	margin: 0 0 0 100px;
}
#ZoneCentrale h1 {text-align: left;}
#ZoneCentrale.Nouvelle{
    padding-top:22px;
}
#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;
}
.IMGHover{border:1px solid #6d7aa4}


/* 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:450px; 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}


/*************** MISE EN PAGE EN GRILLE **********************/
#GrilleImage{
    width: 100%;
}
#UL-Grille{
    width: 100%;
    text-align:center;
}
.LI-Grille{
    display: inline;
    padding:0px;
}
.IMG-Grille{
    width:100px; height: 100px;
    border:1px dotted #cfcaca;
    padding:2px;
    visibility: hidden;
}
.IMGHover{
    border:1px solid #6d7aa4;
    box-shadow:1px 1px 1px 1px #8b91a4;
    -moz-box-shadow:1px 1px 1px 0px #8b91a4;
    -webkit-box-shadow: 1px 1px 1px #8b91a4;

}

/************************** DIAPORAMA **************************/
#PresentationDiapo{
    text-align: center;
}
#PresentationDiapo li{
    position: absolute; top:0; left:0;
    padding: 0px; margin: 2px
}
.DiapoFlottant,.DiapoCarreCentre,.DiapoPanorama{
    position: relative;
    padding:0px;
    border: 1px dotted #cfcaca;
}
.DiapoFlottant {
    float: right;
    width: 304px;
    height: 304px;
    margin:5px 0 10px 10px;
    padding:0;
}
.DiapoCarreCentre{
    width: 454px;
    height: 454px;
    margin:20px auto 10px auto;
}
.DiapoPanorama{
    width: 804px;
    height: 204px;
    margin:20px auto 10px auto;
}