body
{
width: 100%;
height: 100%;
text-align: center;
background-image: url('http://nsa26.casimages.com/img/2011/03/05/110305080423311760.png');
}
h2
{
opacity: 0.8;
text-shadow: 1px 1px 2px black;
font-size: 150%;
text-transform: uppercase;
color: white !important;
}
.sous-titre
{
opacity: 0.6;
text-shadow: 1px 1px 2px black;
color: white;
}



.ex
{
width: 100%;
margin-bottom: 40px;
padding: 4px;
background-color: white;
opacity: 0.7;
}
.code
{
padding: 2px;
opacity: 0.8;
background-color: #7D8741;
text-shadow: 0px 0px 3px white;
-moz-box-shadow: 0px 0px 10px #2f2b08;
border: 0px;
}
.lien
{
text-align: left;
opacity: 0.6;
text-shadow: 1px 1px 2px black;
color: white;
}
.lien a
{
text-shadow: 1px 1px 2px black;
color: white;
}
.lien a:hover
{
letter-spacing: 2px;
}

table tr
{
border-collapse: separate;
}
td div.un
{
padding: 2px;
opacity: 0.8;
background-color: #7D8741;
text-shadow: 0px 0px 3px white;
-moz-box-shadow: 0px 0px 10px #2f2b08;
border: 0px;
}
input.un, textarea.un, select.un
{
width: 65% !important;
padding: 2px;
opacity: 0.8;
background-color: #7D8741;
text-shadow: 0px 0px 3px white;
border: 2px solid #4E4812;
}

td div.deux
{
padding: 2px;
opacity: 0.8;
background-color: #a73d32;
text-shadow: 0px 0px 3px white;
-moz-box-shadow: 0px 0px 10px #2f2b08;
border: 0px;
}
input.deux, textarea.deux
{
width: 65% !important;
padding: 2px;
opacity: 0.8;
background-color: #a73d32;
text-shadow: 0px 0px 3px white;
border: 2px solid #88241a;
}

td div.trois
{
padding: 2px;
opacity: 0.8;
background-color: #c18f5a;
text-shadow: 0px 0px 3px white;
-moz-box-shadow: 0px 0px 10px #2f2b08;
border: 0px;
}
input.trois, textarea.trois
{
width: 65% !important;
padding: 2px;
opacity: 0.8;
background-color: #c18f5a;
text-shadow: 0px 0px 3px white;
border: 2px solid #a15708;
}










/********************************************************** BEGIN PRESENTATION **********************************************************/
a.rien_liens
{
text-decoration: none !important;
}
.prez .un
{
width: 500px; height: 0px; padding-top: 200px; border-top: 10px solid #ba7d58; border-bottom: 10px solid #ba7d58; text-align: center;
}
.prez .deux
{
font-style: italic; color: #ffffff; font-weight: bold; font-size: 150%;
}
.prez .trois
{
font-family: Georgia; width: 500px; padding-top: 20px; padding-bottom: 50px;
}
.prez .quatre
{
font-family: Georgia; width: 500px; height: 250px;
}
.prez .cinq
{
width: 370px; overflow: auto; height: 250px; float: left;padding-left: 8px; text-align: justify; padding-right: 10px;
}
.prez .six
{
width: 100px; height: 250px; float: left;
}
.prez .sept
{
width: 190px; height: 250px; overflow: auto; float: left;padding-right: 6px;text-align: left;
}
.prez .huit
{
width: 500px; padding-top: 20px; height: 250px;
}
.prez .neuf
{
width: 350px; height: 250px; float: left;
}
.prez .dix
{
width: 340px; height: 10px; text-align: left; background-color: #ba7d58; padding-left: 10px; font-style: italic;
}
.prez .onze
{
font-family: Georgia; width: 344px; height: 240px; padding-right: 6px; padding-top: 10px; overflow: auto;
}
.prez .douze
{
width: 150px; height: 250px; text-align: justify; float: left;
}
.prez .treize
{
width: 500px; padding-top: 20px; height: 250px;
}
.prez .quatorze
{
width: 150px; height: 250px; text-align: justify; float: left;
}
.prez .quinze
{
width: 350px; height: 250px; float: left;
}
.prez .seize
{
width: 340px; height: 10px; text-align: right; background-color: #ba7d58; padding-right: 10px; font-style: italic;
}
.prez .dix-sept
{
font-family: Georgia; width: 334px; height: 230px; padding-left: 6px; padding-top: 10px; overflow: auto; padding-right: 10px;
}

.prez .dix-huit
{
width: 500px; padding-top: 20px; height: 250px;
}
.prez .dix-neuf
{
width: 200px; height: 200px; text-align: justify; float: left;
}
.prez .vingt
{
width: 300px; height: 200px; float: left;
}
.prez .vingt-et-un
{
width: 300px; height: 10px; text-align: right; background-color: #ba7d58; padding-right: 10px; font-style: italic;
}
.prez .vingt-deux
{
width: 290px; padding-left: 0px; overflow: auto; height: 320px; padding-right: 10px; margin-top: 10px;
}
.prez .vingt-trois
{
text-transform: uppercase;
}
/********************************************************** END PRESENTATION **********************************************************/