body {
margin: 0;
padding: 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-size: 77%;
background-color: #333366;
}
a {
color: #0033CC;
text-decoration: none;
}
a:hover {
background-color: #FFFFFF;
}
p {
margin: 0;
padding: 0;
text-indent: 1em;
}
#conteneur {
position: relative;
width: 97%;
max-width: 1000px;
margin: 1.5% auto;
text-align: left;
font-size: 1em;
}
#tetac {
width: 100%;
height: 5em;
margin: 0;
padding: 0;
background-color: #DDDDDD;
}
#tega {
float: left;
width: 40%;
height: 100%;
background-color: #FFFFFF;
overflow: auto;
}
.des {
font-family: Arial, Verdana, Sans-Serif;
padding: 0.4em;
text-align: justify;
font-size: 1.15em;
font-style: normal;
color: #330099;
}
.des a {
font-style: normal;
color: #CC0000;
}
.des a:hover {
background-color: #FFDFDF;
}
.nor {
font-style: normal;
}
.exp  {
vertical-align: top;
font-size: .6em;
}
.exp2  {
vertical-align: top;
font-size: .8em;
}
#tedr {
float: right;
width: 40%;
height: 100%;
background-color: #FFFFFF;
overflow: auto;
}
.derpo {
padding: 1em 0 0 0;
text-align: center;
font-family: Arial, "Comic Sans MS", Sans-Serif;
font-size: 1em;
line-height: 1.5em;
letter-spacing: 1px;
}
.derpo a {
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-style: italic;
font-size: 1.1em;
font-weight: bold;
}
.derpo a:hover {
background-color: #EBEBF1;
}
#tece {
height: auto;
margin-left: 40%;
margin-right: 40%;
background-color: #DDDDDD;
}
.acc {
padding: 1em 0 0.7em 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Sans-Serif;
font-size: 1em;
letter-spacing: 0.1em;
}
.exp  {
vertical-align: top;
font-size: .6em;
}
#blocac {
width: 100%;
margin: 0;
padding: 0;
height: 25em;
background-color: #FFFFFA;
border-top: 0.1em solid #C0C0C0;
border-bottom: 0.1em solid #333366;
clear: both;
}
#coga {
margin: 0;
float: left;
width: 20%;
height: 25em;
background-color: #FFFFFF;
overflow: auto;
clear: both;
}
.ticoga {
padding-top: 0.3em;
text-align: center;
font-family: "Palatino Linotype", serif;
font-variant: small-caps;
font-size: 1.3em;
letter-spacing: 0.1em;
color: #000099;
}
.lacoga {
padding-top: 0.3em;
padding-left: 0.3em;
font-family: "Palatino Linotype", Times, serif;
font-size: 1.2em;
color: #909090;
}
.dacoga {
padding-left: 0.3em;
font-family: arial, sans-serif;
font-size: 1em;
}
.aucoga {
padding-left: 1.5em;
font-family: arial, sans-serif;
font-size: 1em;
letter-spacing: 1px;
color: #909090;
}
.aucoga a {
font-size: 1.05em;
font-weight: bold;
color: #0033CC;
}
.aucoga a:hover {
color: #0066CC;
background-color: #EBEBF1;
}
#codr {
margin: 0;
float: right;
width: 20%;
height: 25em;
background-color: #E7E7F7;
}
.blodis {
width: 100%;
}
.dis {
padding: 0 0.2em;
font-family: "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
text-align: center;
background-color: #FFFFFF;
color: #333366;
}
.spacit {
font-style: italic;
letter-spacing: 0.1em;
}
.spacitari {
font-family: Arial, Sans-Serif;
font-style: italic;
font-size: 0.9em;
letter-spacing: 0.1em;
}
.dispoble {
clear: both;
margin: 0;
background-color: #FEFEFE;
font-family: "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
text-align: center;
}
.dispoble a {
display: block;
color: #330099;
background-color: #ECE8F6;
}
.dispoble a:hover {
color: #FFFFFF;
background-color: #330099;
}
.disporou {
clear: both;
background-color: #FEFEFE;
font-family: "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
text-align: center;
}
.disporou a {
display: block;
color: #990011;
background-color: #F6E8E9;
}
.disporou a:hover {
color: #FFFFFF;
background-color: #990011;
}
.dispover {
background-color: #FEFEFE;
font-family: "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
text-align: center;
}
.dispover a {
display: block;
color: #005500;
background-color: #E8F0E8;
}
.dispover a:hover {
color: #FFFFFF;
background-color: #005500;
}
.dispojau {
background-color: #FEFEFE;
font-family: "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
text-align: center;
}
.dispojau a {
display: block;
color: #330099;
background-color: #FAFADD;
}
.dispojau a:hover {
color: #000000;
background-color: #EDED82;
}
.vid {
height: 1em;
width: 100%;
clear: both;
}
.bloccen {
text-align: center;
}
.verlis {
margin: auto;
width: 84%;
padding: 4%;
background-color: #333366;
font-family: "Palatino Linotype", serif;
font-size: 1.1em;
text-align: center;
border: 0.2em ridge #CCCCFF;
clear: both;
}
.verlis a {
color: #FFEFC0;
}
.verlis a:hover {
color: #FFFFFF;
background-color: transparent;
}
#coce {
margin-left: 22%;
margin-right: 22%;
height: 25em;
background-color: #FFFFFA;
text-align: center;
}
.pre {
padding-top: 1.7em;
font-family: "Times New Roman", Times, serif;
font-size: 3.2em;
font-weight: bold;
letter-spacing: 1px;
color: #000099;
}
#pied {
width: 100%;
height: 5em;
margin: auto;
background-color: #E7E7F7;
clear: both;
}
.pi1 {
float: left;
width: 20%;
height: 100%;
background-color: #DDDDDD;
text-align: center;
}
.bib {
margin: 0.5em 1em 0 1em;
padding: 0.1em 0 0 0;
text-align: center;
font-family: "Trebuchet MS", "Comic Sans MS", Arial, Sans-Serif;
font-size: 1.1em;
background-color: #FEFEFE;
border: 0.2em ridge #FFF1D5;
}
.bib a {
display: block;
color: #6600CC;
}
.bib a:hover {
color: #000099;
background-color: #FFF1D5;
}
.pi2 {
float: left;
width: 20%; 
height: 100%;
text-align: center;
background-color: #FEFEFE;
}
.tele {
padding-top: 1em;
padding-bottom: 0.1em;
text-align: center;
}
.tele a {
font-family: Courier, "Courier New", monospace;
font-size: 1.2em;
}
.tele a:hover {
color: #000000;
background-color: #CCCCCC;
}
.pi3 {
float: left;
width: 19%; 
height: 100%;
margin: auto;
text-align: center;
}
.prea {
padding-top: 1em;
text-align: center;
padding-left: 0.3em;
font-family: "Courier New", courier, monospace;
font-size: 1.5em;
font-weight: bolder;
letter-spacing: 0.1em;
}
.preann a {
color: #3333FF;
text-decoration: none;
}
.preann a:hover {
color: #3333FF;
background-color: #FFFFFF;
}
.pi4 {
float: right;
width: 20%;
height: 100%;
text-align: center;
background-color: #DADAF3;
}
.plp {
margin: 0.4em 0 0.5em 0;
width: 83%;
margin-left: auto;
margin-right: auto;
text-align: center;
font-weight: bold;
font-size: 1.2em;
color: #000099;
background-color: #FFFFFF;
border: 0.2em ridge #CCCCFF;
}
.plp a {
color: #6633FF;
display: block;
}
.plp a:hover {
color: #FFFFFF;
background-color: #333366;
}
.pi5 {
float: right;
width: 20%;
height: 100%;
margin: auto;
text-align: center;
background-color: #DDDDDD;
}
.nomb {
padding-top: 0.7em;
height: 100%;
text-align: center;
font-size: 1.1em;
letter-spacing: 1px;
}
.nomb a {
color:#330033;
}
.nomb a:hover {
color:#3333FF;
background-color: transparent;
}
#blocli {
width: 100%;
margin: 0;
padding: 0;
background-color: #333366;
border-top: 0.1em solid #333366;
border-bottom: 0.1em solid #333366;
clear: both;
}
.ann {
padding-top: 1.5em;
font-family: Times, "Times New Roman", serif;
font-size: 1.5em;
color: #CCCCCC;
}
.the {
font-family: "Courier New", courier, monospace;
font-size: 1em;
font-weight: bold;
color: #CCCCCC;
}
.the a {
color:#CCCCFF;
font-style: italic;
font-size: 1.1em;
}
.the a:hover {
color:#3333FF;
background-color: #CCCCFF;
}
.annb {
font-family: Times, "Times New Roman", serif;
font-size: 1.4em;
color: #CCCCCC;
}
.tarb {
float: right;
width: 34%;
padding-top: 1em;
padding-bottom: 1em;
background-color: #6600CC;
text-align: center;
color: #FFFFFF;
font-size: 1.4em;
font-family: Times, "Times New Roman", "Palatino Linotype", serif;
font-weight: bold;
border: 0.2em ridge #333366;
}
.tarb a {
color: #FFFFFF;
font-weight: bold;
}
.tarb a:hover {
color: #FFCC00;
background-color: #6600CC;
}
.oeu {
padding-top: 2em;
font-size: 1.2em;
font-family: "Palatino Linotype", "Times New Roman", Times, serif;
color: #FFFFFF;
background-color: #333366;
clear: both;
}
.oeuga {
float: left;
width: 48%;
color: #FFFFFF;
background-color: #333366;
}
ul {
margin-left: 0.8em;
padding-left: 1.6em;
padding-right: 0pt;
text-align: justify;
font-size: 1.2em;
font-family: "Palatino Linotype", "Times New Roman", Times, serif;
}
.oeudr {
float: right;
width: 48%;
color: #FFFFFF;
background-color: #333366;
}
.comp {
text-align: right;
height: 1em;
width: 100%;
background-color: #333366;
clear: both;
}