body, table, tr, td, div, span, a {
  font-size: 12px;
  font-family: Verdana;
  color:#444444;
  line-height: 15px;
  text-align: justify;
}

a {
  text-decoration: none;
  color:#DEB63D;
}
a:hover {
  color:#451B89;
}

.pseudolien {
  text-decoration: none;
  color:#DEB63D;
}

.menu_off, .menu_on  {
  /*border: solid 3px #451B89;*/
  border-bottom-width: 1px;
  border-top: none ;
  text-align: center;
  border-right: solid 3px #DEB63D;
}

.menu_on, .menu_off td:hover {
  background-color: #451B89; 
}
.menu_off {
  background-color: #ffffff; 
}

.menu_off a {
  font-size: 14px;
  font-family: Verdana,Arial,"Bauhaus 93" ;
  color:#DEB63D;
  font-weight: bold;
  text-decoration: none;  
}
.menu_on a {
  font-size: 14px;
  font-family: Verdana,Arial,"Bauhaus 93";
  color:#DEB63D;
  font-weight: bold;
  text-decoration: none;  
}
.menu_off a:hover, .menu_on a:hover {
  color:#DEB63D;
}




.texte {
  font-size: 12px;
  font-family: Verdana;
  color:#444444;
  line-height: 15px;
  text-align: justify;
}

h1 {
  font-size: 24px;
  font-family: Verdana,Arial,"Bauhaus 93";
  color:#451B89;
  text-align:center;
  font-weight: bold;
  display: block;
  line-height: 28px;
  margin-top: 5px; 
  margin-bottom: 15px; 
  padding: 0px;
}
h2 {
  font-size: 16px;
  font-family: Verdana,Arial,"Bauhaus 93";
  color:#DEB63D;
  text-align:left;
  font-weight: bold;
  display: block;
  line-height: 20px;
  margin-top: 5px; 
  margin-bottom: 15px; 
  padding: 0px;
}
h3 {
  font-size: 14px;
  font-family: Verdana;
  color:#22bb22;
  font-weight: bold;
  display: block;
  line-height: 25px;
  margin-top: 10px; 
  margin-bottom: 10px; 
  padding: 0px;
}
h4 {
  font-size: 12px;
  font-family: Verdana;
  color:#22bb22;
  line-height: 15px;
  text-align: justify;
  font-weight: bold;
  display: inline;
}
h5 {
  font-size: 12px;
  font-family: Verdana;
  color:#451B89;
  line-height: 15px;
  text-align: justify;
  font-weight: bold;
  display: inline;
}
h6 {
  font-size: 16px;
  font-family: Verdana;
  color:#451B89;
  line-height: 15px;
  text-align: justify;
  font-weight: bold;
  display: block;
  margin-top:18px;
  margin-bottom:12px;
  padding-bottom: 6px;
  width: 98%;
  border-bottom: solid 2px #22bb22;
}
.tetiere, .tetiere:hover {
  font-size: 12px;
  font-family: Verdana,Arial;
  color:#DEB63D;
  font-weight: bold;
  /*display: block;*/
  line-height: 24px;
  margin-top: 0px; 
  margin-bottom: 15px; 
  padding: 0px;
  text-decoration: none;
}
.inputContact {
  width: 250px;
  height: 20px;
  padding-top: 0px;
  background-color:#eeeeee;
  font-size: 11px;
  font-family: Verdana;
  color:#444444;
  border: solid 1px #451B89;
}
.inputContact2 {
  width: 100px;
  height: 20px;
  padding-top: 0px;
  margin-top: 0px;
  background-color:#eeeeee;
  font-size: 11px;
  font-family: Verdana;
  color:#444444;
  border: solid 1px #DEB63D;
  display:block;
  float:left;
}
.buttonContact2 {
  width: 40px;
  height: 23px;
  padding-top: 0px;
  margin-top: 0px;
  background-color:#eeeeee;
  font-size: 11px;
  font-family: Verdana;
  color:#444444;
  border: solid 1px #DEB63D;
  display:block;
  float:left;
}
.buttonContact {
  width: 250px;
  height: 20px;
  padding-top: 2px;
  background-color:#eeeeee;
  font-size: 11px;
  font-family: Verdana;
  color:#451B89;
  border: solid 0px #eeeeee;
  font-weight: bold;
}
.bordure {
  border: solid 1px #451B89;
}
.tableau  {
  border: solid 0px #3333cc;
  padding: 0px;    
  border-collapase: collapse;
}
.tableau th, .tableauth {
  background-color:#3333cc;
  color:#ffffff;
  text-align:center;
}
.tableau  td {
  border: solid 1px #3333cc;
  padding: 0px;    
}
.signature  {
  color:#3333cc;
  font-style: italic;
}

.gris  {
  background-color: #f0f0f0;
}
.blanc  {
  background-color: #ffffff;
}

.vertical_select  {
  background-color: #451B89;
  color:#DEB63D; 
}
.vertical_select a:hover {
  color:#DEB63D; 
}

.renfort
{
  color:#DEB63D; 
  font-weight: bold;
}
.renfort2
{
  color:#451B89; 
  font-weight: bold;
}

.menu
{
  display:inline-block ;
  border-right: 1px solid #DEB63D;
  height:25px;
  /*width:100px;*/
  margin-left:15px;
  padding-top:5px;
  padding-right:25px;
}

.menu > a 
{
  color:#DEB63D;
  font-family: Verdana,Arial ;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;  
  outline:none; 
  height: 100%; 
  }

#choixLg 
{
  border: solid 1px #DEB63D;
  width:240px;
  position:absolute;
  left:auto;
  display:block;
  margin-left:5px;
  margin-top:22px;
  padding-bottom:5px;
  background-color:#451B89; 

  font-size: 12px;
  font-family: Verdana,Arial;
  color:#DEB63D;
  font-weight: normal;
  display: none;
  line-height: 16px;
  text-decoration: none;
  text-align:left;
  padding:5px;
}

.edito  {
  border: solid 1px #451B89;
  padding: 0px;    
  border-collapase: collapse;
  text-align:left;
}
.edito th {
  background-color:#451B89;
  color:#ffffff;
  text-align:center;
  height: 25px;
}
.edito  td {
  padding: 0px;    
  text-align:left;
  line-height:18px;
}

.trtable  {
  background-color:#f4f4f4;
}

.trtable:hover  {
  background-color:#dddddd;
}
.trtable2:hover  {
  background-color:#f4f4f4;
}

.fondbleu  { background-color:#451B89; }
.fondblanc { background-color:#ffffff; }
.bleu      { color:#451B89; }
.fleche    {  font-family: Courrier; }

.lien_bleu {
  text-decoration: none;
  color:#451B89;
}

.lien_bleu:hover {
  color:#DEB63D;
}

.div_fiche, .div_mosaique
  {
  float: left;
  width: 200px;
  height: 330px;
  margin-left: 14px;
  margin-right: 1px;
  margin-bottom: 10px;
  margin-top: 5px;
  border: solid 0px #151718;
  padding: 15px; 
  padding-top: 5px;
  background-color:#e4e4e4;
  line-height: 16px;      
  }
.div_mosaique
  {
  height: 345px;
  margin-left: 8px;
  margin-right: 7px;
  }
.div_mosaique:hover
  {
  background-color:#c4c4c4;
  }

.div_clear
  {
  clear: both;
  }

.div_thumb:hover { background-color:#c4c4c4; }

.div_thumb h3
  {
  text-overflow: ellipsis;
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;

  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8782DA;
  text-overflow: ellipsis;
  }  

.div_thumb h3 a 
  { 
  text-decoration: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#8782DA;
  }
  
.div_thumb img
  {
  padding-bottom: 5px;
  }  
    
.div_thumb p
  {
  text-overflow: ellipsis;
  display: inline-block;
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top;

  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#444444;
  text-overflow: ellipsis;
  }  

#main
  {
  background-color:#fcfcfc;
  font-size: 12px;
  font-family: Verdana;
  color:#444444;
  line-height: 15px;
  text-align: justify;
  border-left: solid 3px #451B89;
  border-right: solid 3px #451B89;
  }
#header { background-color: #451B89; }    
#menuheader { margin-right: 20px; float: right; margin-top:10px;}
#menutop { background-color: #451B89; border-top: solid 3px #cccccc; border-bottom: solid 3px #cccccc; }
.menu_item { height: 22px; min-width: 120px; line-height: 22px; float: left; }
.menu_item:hover { background-color: #451B89; }

#content { background-color: #fcfcfc; padding: 10px; float: left;}
#droite { background-color: #fcfcfc; padding: 10px; float: right; border-left:dashed 1px #cccccc; height: 100%; margin-top:10px;}
#totop {  background-color: #fcfcfc; padding: 2px; padding-bottom:15px; text-align:center; border-top: solid 2px #cccccc; }
#footer {  background-color: #cccccc; padding: 2px; text-align:center; border-bottom: solid 3px #451B89; }


@media (min-width: 1030px) 
  {  
  #main { width:1040px; }
  #logo { margin:10px; float: left; } 
  #content { width: 800px;  }
  }
@media (min-width: 700px) and (max-width: 1030px) 
  {
  #main { width:95%; }
  #logo { margin:10px; float: left; width:30%; } 
  #pub1 { display: none; }
  #droite { display: none; }
  }

@media (max-width: 700px) 
  {
  #main { width:100%; }
  #logo { width:80%; margin-left: auto; margin-right: auto; display: block;}
  #menuheader { display:none;}
  #pub1 { display: none; }
  #droite { display: none; }
  }