/* Mise en page globale */
* {
margin: 0;
padding: 0;
}

p {
margin: 1em 0;
}


body { 
background: white;
width: 889px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
text-align: center;
padding: 0;
color: black;
font-size: 80%;
line-height: 1.3em;
font-family: Verdana, Arial, Helvetica, serif;
}

/* En-tête */ 
#header {
height: 150px;
text-align: left;
}
/* Menu horizontal */
#menuhaut { 
font-weight: bold;
margin: 0 0 10px 0;
padding: 0;
list-style-type: none;
background-color: #d56a56;
font-family: Georgia, Verdana, Arial, Helvetica, serif;
color: #f0b5a6;
text-align: left;
}
#menuhaut li {
display: inline;
} 
#menuhaut a {
margin-left: 26px;
padding-right: 26px;
text-align: center;
border-right:  3px solid white;
text-decoration: none;
color: #f0b5a6;
}
#menuhaut a:hover {
text-decoration: underline;
}

.menuhaut {
color: white;
}

/* Menu vertical */
#menu {
float: left;
text-align: left;
height: 65em;
width: 18em;
background: #ffefe9 bottom left no-repeat;
font-family: Arial, Verdana, Arial, Helvetica, serif;
}
#menu h2 {
font-style: italic; 
display: block;
text-align: center;
margin: 1em 1.5em;
text-decoration: none;
line-height: 1.3em;
font-weight: bold;
color: #4e202f;
font-size: 150%;
}

#menu a {
list-style-type: none;
display: block;
margin: 1em 1.5em;
text-decoration: none;
line-height: 1.3em;
font-weight: bold;
color: #4e202f;
font-size: 47%;
}
#menu a:hover {
background: white;
color: #f0b5a6;
}

#menu ul {
list-style-type: none;
margin: 1em 0.5em;
} 
#menu li a {
margin: 0.5em 1em;
display: block;
text-decoration: none;
line-height: 1.3em;
font-weight: bold;
color: #4e202f;
font-size: 120%;
}
#menu li a:hover {
background: white;
color: #f0b5a6;
}

/* Sous Menu vertical */
#sousmenu ul {
list-style-type: none;

} 
#sousmenu li {
margin: 0.7em 0;
}
#sousmenu li a {
display: inline;
margin: 0;
text-decoration: none;
line-height: 1.4em;
color: #773148;
font-size: 95%;
font-weight: bold;
font-style: italic;
}

.menuvertical1 {
background: white;
}
.menuvertical2 {
color: #f0b5a6;
}
/* Contenu global */
#global {
text-align: justify;
margin-right: 1em;
margin-left: 19em;
padding-bottom: 2em;
}
#global h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffe4df;
font-variant: small-caps;
text-indent: 5px;
color: #e17564;
}
#global h2 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 130%;
font-weight: bold;
color: #924040;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
#global h3 {
margin-top: 2em;
margin-bottom: 1em;
font-size: 120%;
font-weight: bold;
color: #b06f6f;
font-family: Verdana, Arial, Helvetica, serif;
}
#global h4 {
margin-top: 1em;
margin-bottom: 1em;
font-size: 110%;
font-weight: bold;
color: #925281;
font-family: Georgia, Arial, Helvetica, serif;
}
#global h5 {
margin-top: 1em;
margin-bottom: 1em;
text-decoration: underline;
font-size: 100%;
font-weight: bold;
color: #1b0202;
font-family: Georgia, Arial, Helvetica, serif;
}

#global a {
text-decoration: underline;
color: #67286a;
}




/* Contenu lien */
#lien {
text-align: left;
margin-right: 10em;
margin-left: 10em;
padding-bottom: 2em;
}
#lien h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffe4df;
font-variant: small-caps;
text-indent: 5px;
color: #e17564;
}
#lien h2 {
margin: 3em 0 0 0;
font-weight: bold;
font-size: 130%;
color: #9e4444;
}
#lien h3 {
margin: 1.5em 0 0 2em;
font-size: 120%;
font-weight: bold;
color: #b06f6f;
font-family: Verdana, Arial, Helvetica, serif;
}
#lien p {
margin: 0.5em 0 0 3em;
}
#lien a {
text-decoration: underline;
color: #58255a;
}

/* Contenu contact */
#contact {
text-align: center;
margin-right: 10em;
margin-left: 10em;
padding-bottom: 2em;
}
#contact h1 {
font-weight: bold;
font-size: 150%;
padding-bottom: 0.2em;
border-bottom: 3px solid #ffe4df;
font-variant: small-caps;
text-indent: 5px;
color: #e17564;
}
#contact h2 {
line-height: 1.3em;
margin-top: 2em;
margin-bottom: 1em;
font-size: 130%;
font-weight: bold;
color: #924040;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
#contact a {
text-decoration: underline;
color: #58255a;
}





/* photo med2 */

.photo1 {
float: right;
margin: 1.5em 0 0 1em;
border-style: none;
}

.photo2 {
float: left;
margin: 0.5em 1em 0 0;
border-style: none;
}
.photo3 {
float: right;
margin: 0 0 0 1em;
border-style: none;
}
.photo4 {
display: block;
margin-left: auto;
margin-right: auto;
border-style: none;
margin-top: 1em;

}




/* CLASS */

/* Titre accueil index.html */

.index1 {
text-align: left;
font-weight: bold;
font-size: 180%;
padding-bottom:0.25em;
border-bottom: 3px solid #ffe4df;
font-variant: small-caps;
text-indent: 5px;
color: #e17564;
margin-bottom: 0;
margin-top: 1em;
}
.index2 {
text-align: right;
font-weight: bold;
font-size: 180%;
padding-top: 0.2em;
font-variant: small-caps;
text-indent: 5px;
color: #e17564;
margin-top: 0;
}
.index3 {
text-align: center;
margin-top: 2em;
margin-bottom: 1em;
font-size: 300%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.index4 {
line-height:1.1em;
text-align: center;
margin-top: 2em;
margin-bottom: 2.5em;
font-size: 190%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.index5 {
line-height:1.2em;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.index6 {
line-height:1.2em;
text-align: right;
margin-top: 0;
margin-bottom: 1em;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}

/* Titre accueil apma.html */

.apma1 {
text-align: center;
padding: 0;
margin: 2em 0 0 0;
font-size: 220%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.apma2 {
padding: 0;
text-align: center;
margin: 0.5em 0 4em 0;
font-size: 220%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.apma3 {
padding: 0;
text-align: right;
margin: 0.3em 0 0 1em;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.apma4 {
text-align: left;
margin: 0.8em 0 0 1em;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.apma5 {
text-align: center;
margin: 3em 0 0 0;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.apma6 {
text-align: right;
margin: 0.8em 0 0 0;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}


/* Titre accueil med.html */
.med1 {
text-align: left;
margin: 2em 0 0 1em;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.med2 {
text-align: right;
margin: 0 0 3em 0;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.med3 {
padding: 0;
text-align: center;
margin: 3em 0 0 0;
font-size: 250%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.med4 {
padding: 0;
text-align: center;
margin: 0.5em 0 3em 0;
font-size: 250%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.med5 {
line-height: 1.2em;
text-align: justify;
margin: 0.3em 0 0 0;
padding: 0;
font-size: 130%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.med6 {
color: #e17564;
}



/* Titre accueil doc.html */
.doc1 {
text-align: left;
line-height: 1.2em;
margin: 2em 1em 0 1em;
padding: 0;
font-size: 150%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.doc2 {
text-align: center;
margin: 2em 2em 0 0;
padding: 0;
font-size: 250%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.doc3 {
text-align: center;
margin: 3em 0 0 0;
padding: 0;
font-size: 170%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}
.doc4 {
text-align: right;
margin: 0.5em 0 0 0;
padding: 0;
font-size: 170%;
font-weight: bold;
color: #4e202f;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, serif;
}





/* histo texte gauche */
.histo1 {
text-align: left;
color: blue;
margin: 0;
padding: 0;
}
/* histo texte droite */
.histo2 {
text-align: right;
color:purple;
margin: 0;
padding: 0;
}
/* histo souligné */
.histo3 {
text-decoration: underline;
margin: 0;
padding: 0;
}
/* histo marge haute */
.histo4 {
margin-top: 2em;
padding: 0;
}
/* histo gras */
.histo5 {
font-weight: bold;
}

/* contact */
.contact1 {
margin: 2em 0 0 0;
}
.contact2 {
text-align: center;
}
.contact3 {
margin: 0.3em 0 0 0;
}
.contact4 {
font-size: 120%;
}


/* coller paragraphe */
.para {
margin-top: 0;
margin-bottom: 0;
}
.espace {
color: white;
}
.gauche {
text-align: left;
}
.droite {
text-align: right;
}

.centre {
text-align: center;
}