body { 
  background-color: #8A8A87; 
}

a.email {
  text-decoration: none;
  color: #dc0000;
}

a.email:hover {
  text-decoration: underline;
  color: #dc0000;
}

a.lien {
  text-decoration: underline;
  color: #000000;
}

a.lien:hover {
  text-decoration: underline;
  color: #CC9933;
}

a.titrei {
  font-size: 20px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #dc0000;
  text-decoration: underline;
}

a.titrei:hover {
  font-size: 20px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #dc0000;
  text-decoration: underline;
}

sup {
  Vertical-align : 2px;
}

/* Top */

div.top {
  width: 807px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 

}

p.coordtop {
  width : 150px;
  height: 141px;
  margin-top: -130px;
  margin-left: 280px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-right: 5px;
  color: #808048; 
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: right;
}

p.topdroit {
  width : 342px;
  height: 105px;
  margin-top: -140px;
  margin-left: 450px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-left: 15px;
  background-color: #f2f0aa;
  font-size: 20px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  text-align: left;
   
}

span.topdroit {
  font-size: 16px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
}

span.vert {
  color: #808000;
}

span.jaune {
  color: #c49f00;
}

span.rouge {
  color: #dc0000;
}

span.brun {
  color: #745c44;
}

img.trouba_logo{
  width: 200px;
  height : 141px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 0px; 
  margin-right: 0px;
}

/* Centre */

div.centre {
  width: 807px;
  height : 624px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 
}

div.centre2 {
  width: 807px;
  height : 880px;
  margin-left: auto; 
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  background-color: white; 
}

/* Gauche */

div.gauche {
  float: left;
  width: 180px;
  height : 609px;
  margin-top : 15px;
  padding: 0px;
  background-color: #10789c;
}

div.gauche2 {
  float: left;
  width: 180px;
  height : 865px;
  margin-top : 15px;
  padding: 0px;
  background-color: #10789c;
}

div.gauche3 {
  float: left;
  width: 180px;
  height : 1390px;
  margin: 0px;
  padding: 0px;
  background-color: #10789c;
}

div.gauche4 {
  float: left;
  width: 180px;
  height : 793px;
  margin: 0px;
  padding: 0px;
  background-color: #10789c;
}

div.gauche5 {
  float: left;
  width: 180px;
  height : 2665px;
  margin: 0px;
  padding: 0px;
  background-color: #10789c;
}

span.gauche {
  font-weight: bold;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  margin-left : 30px;
}

span.gauche2 {
  font-weight: bold;
  font-size: 14px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  margin-left : 30px;
}

span.gauche3 {
  font-weight: bold;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
  margin-left : 45px;
}

p.menu{
  margin-left: 28px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 12px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #8A8A87;
  padding: 0;
}


a.menu {
  text-decoration: none; 
  color: #FFFFFF;
}

a.menu:hover {
  text-decoration: underline;  
  color: #FFFFFF;
}

ul.liste{
  margin-left: 20px;
  margin-top: -5px;
}

li.liste {
  list-style-type: square; 
  margin-left: 55px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color:#808000;
}

span.texte {
  color: #000000;
}

span.texter {
  color: red;
}

 /* Texte Centre */
 
div.milieu {
  float: left;
  width: 612px;
  height : 609px;
  margin-top : 15px;
  margin-left: 15px;
  margin-right: 0px;
  padding: 0px;
  background-color: #f2f0aa;
}
 
div.milieu2 {
  float: left;
  width: 447px;
  height : 865px;
  margin-top : 15px;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0px;
  background-color: #f2f0aa;
}

div.presindex
{
  width: 230px;
}

div.concoursindex
{
  width: 180px;
  margin-left : 250px;
  margin-top: -240px;
}

p.titrepage {
  margin-left: 45px;
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 10px;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #10789c;
  padding: 0;
}

span.titrepage {
  font-size: 18px; 
  font-weight: normal;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #10789c;
}

p.titrepagei {
  margin-left: 15px;
  margin-top: 30px;
  margin-right: 45px;
  margin-bottom: 10px;
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #c49f00;
  padding: 0;
}

span.titre {
  font-size: 21px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #c49f00;
}

p.titre {
  margin-left: 45px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 20px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #dc0000;
  padding: 0;
}

p.titrei {
  margin-left: 15px;
  margin-top: 15px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 20px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #dc0000;
  padding: 0;
}

p.texte {
  margin-left: 45px;
  margin-top: 10px;
  margin-right: 45px;
  margin-bottom: 5px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

p.textei {
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

p.texteic {
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 5px;
  font-size: 18px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #808000;
  padding: 0;
  text-align: right;
}

a.texteic {
  color: #808000;
  font-size: 18px; 
}

p.archive {
  float: left;
  margin-left: 8px;
  margin-top: 10px;
  margin-right: 8px;
  margin-bottom: 5px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #000000;
  padding: 0;
}

img.affiche {
  margin-right: 10px;
  margin-left: 10px;
}

div.clearfix {
  width: 350px;
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: 0px; 
  padding: 3px 0px;
  text-align: left;
}

div.clearfixr {
  width: 350px;
  font-size: 11px;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  margin-left: 0px; 
  padding: 3px 0px;
  text-align: left;
}

label {
	
  float: left;
  width: 150px;
  margin : 0px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  text-align: left;
}

label.red {
	
  float: left;
  width: 150px;
  margin : 0px;
  font-size: 11px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  font-weight: lighter; 
  line-height: 13px; 
  text-align: left;
}

img.logofudg
{
  margin-right : 10px;
}

img.affichecentre {
  margin-left : 120px;
}
/* Droite */

div.droite {
  float: left;
  width: 150px;
  height : 609px;
  margin-top : 15px;
  padding: 0px;
  background-color: #003366;
}

div.droite2 {
  float: left;
  width: 150px;
  height : 865px;
  margin-top : 15px;
  padding: 0px;
  background-color: #003366;
}

div.droite3 {
  float: left;
  width: 150px;
  height : 1100px;
  margin: 0px;
  padding: 0px;
  background-color: #003366;
}

div.droite4 {
  float: left;
  width: 150px;
  height : 793px;
  margin: 0px;
  padding: 0px;
  background-color: #003366;
}

p.semititredroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding: 0;
  color: #FFFFFF;
}

p.semititredroite A{
  font-size: 16px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
}

p.petittitredroite{
  margin-left: 15px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  font-size: 12px; 
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  padding: 0;
  color: #FFFFFF;
}

p.textedroite{
  margin-left: 15px;
  margin-top: 10px;
  margin-right: 15px;
  margin-bottom: 10px;
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif;
  padding: 0;
  color: #FFFFFF;
}

p.textedroite A{
  font-size: 10px; 
  font-family: Arial, Verdana, Helvetica, sans-serif; 
  color: #FFFFFF;
}

img.affichedroit {
  margin-left: 5px;
}

p.copy {
  text-align: center; 
  font-size: 9px; 
  font-family: Arial;
  margin-top: 15px; 
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}

a.petitmenu {
  color: #333333; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : none;
}

a.petitmenu:hover {
  color: #CC9933; 
  font-size: 9px; 
  font-family: Arial; 
  text-decoration : underline;
}

img.ancre{
  margin-left: 25px;
}