html
* {
MARGIN:0;
PADDING:0;
}

body {
WIDTH:100%;
HEIGHT:auto;
TEXT-ALIGN:center;
BACKGROUND:#000;
BACKGROUND-POSITION:center;
MARGIN:0 auto;
}

img {
BORDER:none;
}

a {
COLOR:#00CCFF;
}

#header h1 {
TOP:auto;
LEFT:0;
HEIGHT:80px;
WIDTH:900px;
COLOR:#FF0;
FONT-SIZE:150%;
TEXT-ALIGN:center;
BACKGROUND-POSITION:center;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
MARGIN:auto;
}

.sidebar {
TEXT-ALIGN:center;
MARGIN:auto;
}

ul.sidebar {
LIST-STYLE-TYPE:none;
MARGIN:auto;
}

.sidebar li {
DISPLAY:inline;       /* display transphorme le bloc en ligne(inline) */
LINE-HEIGHT:33px;
}

ul.sidebar a {
FONT-SIZE:100%;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
BORDER:1px solid gray;
TEXT-DECORATION:none;
COLOR:#3ff;
BACKGROUND:#000;
MARGIN:auto;
PADDING:3px 12px;
}

ul.sidebar a:hover {
BACKGROUND:#fff;
COLOR:#000;
BORDER:1px solid gray;
}

#center_global {   /* est dans "œuvre" mais */
TOP:auto;
POSITION:relative;
WIDTH:900px;
HEIGHT:auto;
TEXT-ALIGN:center;
BORDER:solid 1px #000;
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION:center;
MARGIN:auto;
}

div #centrage {
TOP:auto;
POSITION:relative;
MARGIN-LEFT:auto;
MARGIN-RIGHT:auto;
WIDTH:900px;
HEIGHT:auto;
BACKGROUND-POSITION:center;
TEXT-ALIGN:center;
}

.Style1 {       /* titres dans galerie */
WIDTH:800px;
HEIGHT:auto;
FONT-SIZE:120%;
FONT-WEIGHT:700;
COLOR:#FF0;
TEXT-ALIGN:center;
MARGIN:auto;
}

.txt {
TOP:auto;
HEIGHT:auto;
WIDTH:770px;
FONT-SIZE:50%;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
COLOR:#FF8E00;
TEXT-ALIGN:center;
MARGIN:auto;
}
/* debut index et accueil */
 .image_index, .image_accueil {
TOP:auto;
POSITION:relative;
WIDTH:850px;
HEIGHT:500px;
BORDER:groove 5px #5719B2;
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION:center;
MARGIN:auto;
}

.image_index {
BACKGROUND-IMAGE:url( index.jpg );
}
	
 .image_accueil {
BACKGROUND-IMAGE:url( ../accueil/accueil.jpg );
}
/* fin index et accueil */
.image_contact {
POSITION:relative;
TOP:auto;
WIDTH:546px;
HEIGHT:567px;
BORDER:solid 1px #000;
BACKGROUND-IMAGE:url( ../images/contact-plan.jpg );
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION:center;
MARGIN:auto;
}

h2 {
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
BORDER:groove 5px #5719B2;
WIDTH:850px;
COLOR:red;
MARGIN:auto;
}
h3 {
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
BORDER:groove 5px #5719B2;
WIDTH:850px;
COLOR:#FF33CC;
MARGIN:auto;
}

.texte {
POSITION:relative;
TOP:auto;
HEIGHT:auto;
WIDTH:770px;
FONT-SIZE:100%;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
COLOR:#ff3;
TEXT-ALIGN:justify;
MARGIN:auto;
}

.texto {
POSITION:relative;
TOP:auto;
HEIGHT:auto;
WIDTH:770px;
FONT-SIZE:100%;
FONT-WEIGHT: bold;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
COLOR:#ff3;
BACKGROUND-COLOR: #330861;
TEXT-ALIGN:justify;
MARGIN:auto;
}

p:first-letter    /* La première lettre de chaque paragraphe */
{
   font-weight: bold; /* En gras */
   font-size: 1.3em; /* Ecrit légèrement plus gros que la normale */
   color: #ff3; /* En jaune */
}

/* debut images bandeau */
.image_methodes, .image_qualites, .image_attention, .image_exprimer, .image_avis, .image_tarifs {
POSITION:relative;
TOP:auto;
WIDTH:760px;
HEIGHT:114px;
BORDER:solid 1px #000;
BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION:center;
MARGIN:auto;
}

.image_methodes {
BACKGROUND-IMAGE:url( ../images/bandeau-1.jpg );
}
.image_qualites {
BACKGROUND-IMAGE:url( ../images/bandeau-2.jpg );
}
.image_attention {
BACKGROUND-IMAGE:url( ../images/bandeau-3.jpg );
}
.image_exprimer {
BACKGROUND-IMAGE:url( ../images/bandeau-4.jpg );
}
.image_avis {
BACKGROUND-IMAGE:url( ../images/bandeau-5.jpg );
}
.image_tarifs {
BACKGROUND-IMAGE:url( ../images/bandeau-6.jpg );
}
/* fin images bandeau */

.texte5 {
POSITION:relative;
TOP:auto;
WIDTH:770px;
HEIGHT:auto;
LEFT:0;
FONT-SIZE:100%;
COLOR:#ff3;
FONT-FAMILY:Arial, Geneva, Tahoma, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
MARGIN:auto;
}

.b5 {
FONT-SIZE:100%;
FONT-FAMILY:Arial, Geneva, Tahoma, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
COLOR:#ff3;
BACKGROUND-COLOR: #5719B2;
}

.b6 {
FONT-SIZE:100%;
FONT-FAMILY:Arial, Geneva, Tahoma, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
COLOR:#00FF66;
}

.e1 {
FONT-SIZE:100%;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
COLOR:#92C9FF;
}


.b8 {
FONT-SIZE:120%;
FONT-FAMILY:Arial, Geneva, Tahoma, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
COLOR:red;
}

.b9 {
FONT-SIZE:120%;
FONT-FAMILY:Arial, Geneva, Tahoma, Helvetica, Verdana, sans-serif;
TEXT-ALIGN:center;
COLOR:#92C9FF;
}

div #global_partenaires {
POSITION:relative;
TOP:auto;
MARGIN: 0 auto;
WIDTH:850px;
HEIGHT:auto;
TEXT-ALIGN:left;
}

.image_partenaires {
TOP:500px;
POSITION:absolute;
LEFT:750px;
BORDER:solid 1px #000;
WIDTH:144px;
HEIGHT:1000px;
BACKGROUND-IMAGE:url( ../images/partenaires.jpg );
BACKGROUND-REPEAT:no-repeat;
MARGIN:auto;
}

.c7 {
POSITION:relative;
TOP:auto;
LEFT:75px;
WIDTH:570px;
HEIGHT:auto;
FONT-SIZE:120%;
TEXT-ALIGN:center;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
COLOR:red;
MARGIN:auto;
}

.texte7 {
TOP:auto;
WIDTH:600px;
HEIGHT:auto;
FONT-SIZE:90%;
COLOR:#3F0;
TEXT-ALIGN:left;
FONT-FAMILY:Geneva, Arial, Helvetica, Verdana, sans-serif;
MARGIN:auto;
}

hr {
WIDTH: 850px;
BORDER: 0; /* enleve toute bordure */
HEIGHT: 10px; /* pour IE */
COLOR: #5719B2;
BACKGROUND-COLOR: #5719B2;
MARGIN:auto;
}

#footer {
TOP:auto;
WIDTH:770px;
HEIGHT:auto;
FONT-SIZE:90%;
TEXT-ALIGN:center;
FONT-FAMILY:Geneva, Tahoma, Arial, Helvetica, Verdana, sans-serif;
COLOR:#3F0;
MARGIN:auto;
}