body {
background-color: #484848;
margin-top: 5px;
font-family: verdana, sans-serif, arial;
color: #141414;
}

/* ============== centrage et enveloppe ======================== */

.centrage {
text-align: center;
margin: auto;
}
.env {
width: 940px;
text-align: center;
margin: auto;
}

/* ================ la banniere ================================== */

.top {
text-align: center:
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
width: 940px;
height: 30px;
background-color: #666666;
}
.nom {
width: 300px;
padding-left: 20px;
padding-bottom: 4px;
text-align: left;
vertical-align: bottom;
font-family: verdana;
font-size: 18px;
font-weight: bold;
color: #FFFFFF
}
.photographe {
font-size: 10pt;
font-weight: normal;
font-style: italic;
color: #6699FF;
padding-left: 10px;
}
.bdl {
width: 640px;
background-color: #666666;
padding-right: 20px;
padding-bottom: 4px;
vertical-align: bottom;
font-family: verdana;
font-size: 8pt;
font-weight: normal;
color: #000000;
text-align: right;
}

/* ============== tableau titre et son contenu ======================== */

.page {width: 100%; background-color: #B9B9B9;}

.titrg {
width: 800px;
padding: 35px 0 0 20px;
vertical-align: bottom;
}
.titre {
width: 940px;
padding-top: 35px;
padding-left: 20px;
vertical-align: bottom;
}
.titrd {
width: 140px;
padding-right: 20px;
padding-bottom: 5px;
font-size: 10pt;
text-align: right;
vertical-align: bottom;
}
font.page_de {
font-family: verdana, arial;
font-style: normal;
font-size: 8pt;
vertical-align: top;
}
.verstext {
font-size: 10pt;
font-weight: normal;
font-style: normal;
color: auto;
padding-left: 10px;
}

/* ============== page diaporama ======================== */

.diaporama {
width: 860px;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
margin: auto;
vertical-align: top;
background-color: #FFF;
}

/* ============== page accueil ======================== */

.acc {margin: 0px 50px 0px 90px;}
.accb {margin: 30px 50px 0px 90px;}
.celd_1 {width: 250px; float: left;}
.celd_2 {width: 250px; float: right;}
.copyr {
width: 940px;
background-color: #B9B9B9;
text-align: center;
margin: auto;
}
.copyrcel {
padding: 0px 40px 30px 40px;
font-size: 8pt;
}

/* sous les titres: tableau page et ses deux colonnes (cellules); celg: marge g 20px, celgbis: marge g 40px (page image et interv) */

.celg {
width: 310px;
padding-top: 0px;
padding-left: 40px;
vertical-align: top;
}
.celd {
width: 630px;
padding-right: 40px;
vertical-align: top;
}

.p_trait {
background-color: #B9B9B9;
margin: 0px 20px 10px 20px;
}
.p_traitb {
margin-top: 0px;
margin-bottom: 10px;
border: 0px;
}
.trait_fin {
width: 100%;
height: 1px;
}
.env_trait {
padding: 0px 20px 10px 20px;
margin: 0px;
background-color: #B9B9B9;
}

.piedpg {
width: 940px;
height: 50px;
background-color: #B9B9B9;
text-align: center;
margin: auto;
}

.img_adapt {
width: 100%;
height: auto;
}

.gras {
font-weight: bold;
font-style: normal;
}

.retour_haut {
text-align: right;
color: auto;
}

/* h1 = titre de rubrique en gris clair, h2 = titre du sujet en gris foncé, h3 = normal en gras */

h1 {
font-size: 12pt;
font-style: italic;
font-weight: normal;
color: #FFF;
text-align: left;
margin-top: 0px;
margin-bottom: 5px;
}
h2 {
font-size: 12pt;
font-weight: bold;
color: #141414;
text-align: left;
margin-top: 0px;
margin-bottom: 6px;
}
h3 {
font-size: 10pt;
font-weight: bold;
color: auto;
margin-top: 0px;
margin-bottom: 0px;
}
h4 {
font-size: 10pt;
font-weight: normal;
color: #00236C;
text-align:left;
margin-top: 10px;
margin-bottom: 10px;
}
h5 {
font-size: 18pt;
font-weight: bold;
color: #808080;
text-align: center;
margin-top: 10px;
margin-bottom: 40px;
}
.fr {
font-weight: normal;
color: #141414;
text-align:left;
margin-top: 10px;
margin-bottom: 10px;
}
.ang {
font-weight: normal;
color: #FFFFFF;
lang: eng;
text-align:left;
margin-top: 10px;
margin-bottom: 10px;
}
.esp {
font-weight: normal;
color: #00236C;
lang: esp;
text-align:left;
margin-top: 10px;
margin-bottom: 10px;
}

li {
text-align: left;
margin: 5px 0px 5px 0px;
}
.lib {font-style: italic; font-size: 8pt;}

a:link {
font-family:verdana, sans-serif;
font-size: auto;
color: #FFFFFF;
background-color:transparent;
text-decoration: underline;
}
a:visited {
font-family: verdana, sans-serif;
font-size: auto;
color: #FFFFFF;
background-color:transparent;
text-decoration: underline;
}
a:hover {
font-family: verdana, sans-serif;
font-size: auto;
color: #6699FF;
background-color: #666666;
text-decoration: none;
}

a.interv:link {
font-family:verdana, sans-serif;
font-size: auto;
color: #6699FF;
background-color:transparent;
text-decoration: underline;
}
a.interv:visited {
font-family: verdana, sans-serif;
font-size: auto;
color: #6699FF;
background-color:transparent;
text-decoration: underline;
}
a.interv:hover {
font-family: verdana, sans-serif;
font-size: auto;
color: #6699FF;
background-color: #666666;
text-decoration: none;
}

img a: link {
border: none;
}

table {
border-style: solid;
border-width: 0px;
border-collapse: collapse;
}

td {
border-style: solid;
border-width: 0px;
border-collapse: collapse;
}

p, ul, li, td {
font-size: 10pt;
text-align: left;
}

p {
margin-top: 10px;
margin-bottom: 10px;
font-style: normal;
font-weight: normal;
}