body{
	background: transparent url(fond16.png) repeat;
	color: #735f84;
	font-size: 80%;
	line-height: 1.6em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding-top: 9%;
	margin-left: 0px;
	margin-right: 0px;
}
h1{font-size: 1.5em;}
h2{font-size: 1.4em;}
h3{font-size: 1.3em;}
h4{font-size: 0.8em;}
h5{font-size: 1.1em;}
h6{font-size: 1em;}

a:link{
	color: #735f84;
	text-decoration: none;
}

a:active{
	color: #735f84;
	text-decoration: none;
}


a:visited{
	color: #9987a9;
	text-decoration: none;
}

a:hover{
	color: #9987a9;
	text-decoration: none;
}

/************************************************/
/* mise en page de l'index ****************************/
/************************************************/
#bgindex
{
background: transparent url(pixelaccueil.gif) no-repeat 50% 12%;
height: 100%;
border: 1px dotted #b2adb6;
}

#accueil
{
margin: 15% 20% 20% 20%;
padding: 5px;
height: 20%;
background-color:#d0ccd3;
color: #FFF;
font-weight: bold;
text-align: center;
line-height: 4em;
}

#accueil img
{
border: 0;
}

/************************************************/
/* mise en page du menu ****************************/
/************************************************/

#menu
{
z-index: 10;
position: absolute;
/*float: right;*/
border: 1px solid #b2adb6;
background-color: #FFF;
text-align: left;
-moz-border-radius: 4px; /* -moz-border-radius sert à donner un "arrondi" aux coins de la div*/
padding: 5px;
margin-top: -15px; /* on met -15 pour que le menu chevauche la div work où s'affiche le contenu du site */
margin-left: 50%;
margin-right: 5%;
font-weight: bold;
}

#menu ul li
{
list-style: none;/*pas de style de liste pour que l'on puisse afficher l'image de fond*/
display: inline;
}


/************************************************/
/* mise en page de la div où s'affiche le contenu du site */
/************************************************/
#index
{
float: left;
font-size: 80%;
margin-top: -30px;
margin-left: 5px;
}

#index img
{
border: 0;
}

#index a:link a:visited a:active a:hover
{
color: #fff;
text-decoration: dotted;
}
#work
{
z-index: 9;
background: #FFF url(dot-portfolio12.png) no-repeat left;
height: 600px;
width: auto;
border-top: 1px solid #b2adb6;
border-bottom: 1px solid #b2adb6;
}

#fond
{
z-index: 3;
background: transparent url(fond02.png) no-repeat 95% 100%;
height: 598px;
width: auto;
border-top: 1px solid #b2adb6;
border-bottom: 1px solid #b2adb6;
}

/************************************************/
/* mise en page des news ***************************/
/************************************************/


.displaynews
{
z-index: 6;
overflow: auto;
padding: 15px 5px 5px 5px;
height: 450px;
}

hr
{
color: #b2adb6;
background-color: #b2adb6;
height: 1px;
border: 0;
}
/************************************************/
/* mise en page du menu de la page pixelart ***********/
/************************************************/

#pamenu
{
z-index: 6;
background: transparent;
margin-left: 120px;
margin-top: 20px;
padding: 5px 5px 5px 5px;
width: 50%;
height: 400px;
overflow: auto;/*pour que l'on puisse faire défiler les news avec la scrollbar*/
}

#pamenu li
{
background: transparent url(flechedroite.png) no-repeat 0% 50%;/*l'image de fond remplace les bullets de la liste, 0% et 50% re présentent ses coordonnées de position*/
padding-left: 20px;/*correspond à la largeur de l'image de fond +2px*/
list-style: none;/*pas de style de liste pour que l'on puisse afficher l'image de fond*/
text-align: left;
line-height: 2em;/*permet d'avoir une liste plus aérée*/
}

/*************************************************/
/* mise en page du menu des galeries et des pages d'infos*/
/*************************************************/

.couleur /*mise en relief de certains mots du site, comme la bonne réponse pour la mesure antispam de la page contact*/
{
color: #2d8c92;
font-weight: bold;
}

form.formulaire fieldset
{
padding: 10px;
margin: 10px;
border: 1px solid #735f84;
}

.message /*mise en forme du message de confirmation d'envoi d'email*/
{
text-align: left;
padding: 10px;
font-weight: bold;
}

.formatinput /*mise en forme des champs input et textarea*/
{
border: 1px solid #735f84;
}

form.formulaire li
{
list-style: none;
}

form.formulaire label
{
font-weight: bold;
}

.bouton /* mise en forme des boutons submit et reset*/
{
border: 1px solid #735f84;
color: #FFF;
font-weight: bold;
background-color: #b2adb6;
width: 100px;
}
.galerie
{
z-index: 7;
border-bottom: 1px solid #b2adb6; /*ajoute une barre de séparation entre les pixels*/
padding: 5px;
}

.galerie img
{
border: 0;
}

.infos
{
z-index: 7;
margin-left: 120px; /*ajoute une marge à gauche de 120px qui correspond à la largeur de l'image de fond  de la div work pour que ça ne s'affiche pas par dessus*/
overflow: auto;/*pour que l'on puisse faire défiler la galerie avec la scrollbar*/
height: 590px;
padding: 5px;
}

.titre
{
z-index: 7;
font-size: 1.4em;
font-weight: bold;
}

.titreinfo
{
z-index: 7;
font-size: 1.4em;
font-weight: bold;
border-top: 1px solid #b2adb6;
border-bottom: 1px solid #b2adb6;
}

#liens
{
z-index: 6;
margin-left: 100px; /*ajoute une marge à gauche de 120px qui correspond à la largeur de l'image de fond  de la div work pour que ça ne s'affiche pas par dessus */
}

#welcome
{
z-index: 7;
margin-top: 15px;
margin-left: 122px;
padding: 5px;
background-color:#d0ccd3;
color: #FFF;
font-weight: bold;
width: 84%;
}

table
{
width: 85%;
margin: 15px 15px 0px 120px;
height: 455px;
color: #735f84;
font-size: 100%;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

td
{

vertical-align: top;
}
p
{
text-align: right;
}
#premtd
{
background: transparent url(barrenews.png) no-repeat;
border-left: 1px solid #b2adb6;
border-bottom: 1px solid #b2adb6;
border-right: 1px solid #b2adb6;
border-top: 0; /*pas de border top car l'image barrenews vient la remplacer*/
width: 30%;

}

#deuxtd
{
border: 0px; 
width: 5%;
}

#troistd
{
background: transparent url(barrework.png) no-repeat;
border-left: 1px solid #b2adb6;
border-bottom: 1px solid #b2adb6;
border-right: 1px solid #b2adb6;
width: 50%;
}
/************************************************/
/* mise en page de la page de pop-up******************/
/************************************************/
.popup
{
background-color: #FFF;
text-align:center;
width: 100%;
height: auto;
}

.retour
{
border: 1px solid #b2adb6;
background-color: #FFF;
}

/************************************************/
/*mise en page du menu du pied de page***************/
/************************************************/
#footer
{
z-index: 7;
float: left;
width: auto;
font-weight: bold;
margin-left: 20px;
}