/* ------------------------------------ *
 CSS
 mardi 3 mai 2005 13:02:52
 HAPedit 3.1.11.111
 * ------------------------------------ */
 body
{
  margin-left: 0px ;
  margin-top: 0px;
  padding: 0 ;
  text-align: center ;
  background-color: #AEAEAE;
}

div#page
{
  width: 770px;
  margin: 0 auto ;
  text-align: left ;
}

div#principal
{
  width: 770px;
  margin: 0 auto ;
  text-align: left ;
}

div#entete
{
  width: 770px;
  height: 128px;
  margin-left: 0px ;
  margin-top: 0px;
  background: url(images/bg1.jpg) no-repeat ;
  border-left: solid 1px #FF00FF;
  border-right: solid 1px #FF00FF;
  border-top: solid 1px #FF00FF;
}

/* MENU */

div#menu
{
  width: 770px;
  border-left: solid 1px #FF00FF;
  border-right: solid 1px #FF00FF;
}
ul#menulien
{
  height: 22px ;
  margin: 0 ;
  padding: 0 ;
  background: url(images/1.gif) repeat-x ;
  list-style-type: none ;
}

ul#menulien li
{
  padding-left: 0px;
  float: left ;
  text-align: left ;
}

ul#menulien li a
{
  width: 110px ;
  line-height: 22px ;
  font-size: 10px ;
  font-weight: bold ;
  letter-spacing: 1px ;
  color: #000000 ;
  display: block ;
  text-decoration: none ;
  border-bottom : 1px solid #e0e0e0 ;
}
ul#menulien li a:hover
{
  background: url(images/1h.gif) repeat-x 0 0px ;
  color: #ffffff ;
}


/* corps */
div#corps
{
  background: #EFEFEF;
  width: 770px;
  padding: 0px;
  border-right: solid 1px #FF00FF ;
  border-left: solid 1px #FF00FF ;
}

div#colgau
{
  background: url(images/bg3.jpg) repeat;
  float: left;
  width: 760px;
  text-align: left;
  padding: 5px;
  height: 1400px;
}

div#colgauint
{
  background: #F0F0F0;
  font-size:10px;
  font-family: Verdana, Arial, serif;
  color: black;
  width: 760px;
  height: 100%
}

/* recherche */
div#recherche
{

  float: right;
  background: transparent;
  width: 230px;
  height: 20px;
  padding-top: 78px;
}
/* logo */
div#logo
{
  float: left ;
  background: transparent;
  width: 120px;
  height: 120px;
  padding-left: 10px;
  padding-top: 5px;
}

.vide
{
  float: left;
  width: 100%;
  height: 25px;
  background: transparent;
}
.demivide
{
  float: left;
  width: 100%;
  height: 15px;
  background: transparent;
}
/* fin */
div#foot
{
  clear: both ;
  width: 770px;
  height: 100%;
  margin-left: 0px ;
  margin-top: 0px;
  background: #DEDEDE;
  border-top: solid 1px #80FF00 ;
  text-align: center;
  border-bottom: solid 1px #FF00FF;
  border-right: solid 1px #FF00FF ;
  border-left: solid 1px #FF00FF ;
  font-family: Tahoma, Verdana, Arial, Helvetica, Geneva, sans-serif;
  font-size: 7pt;
  color: #333399;
}

div#foot a:link
{
text-decoration: underline;
}

div#foot a:link:hover
{
text-decoration: none;
}
/* mise en forme */
.grasespace
{
  letter-spacing: 2px;
  font-size: 12px;
  font-weight: bold;
  font-family: arial, verdana, serif;
  border-bottom: 1px dashed red;
}
.derlog
{
  float: left;
  width: 210px;
  border: 1px solid #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  color: #000000;
  background-color: transparent;
  line-height: 12pt;
  margin: 0 0 0 30px;
}
.derlog a:link, .derlog a:visited
{
text-decoration: none;
}
.derlog a:hover
{
text-decoration: underline;
}
.rubrique
{
  float: left;
  width: 315px;
  border: 1px dashed #000000;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  background-color: transparent;
  line-height: 12pt;
  margin: 20px 0 0 30px;
  padding: 5px;
}
.rubrique a:link, .rubrique a:visited
{
text-decoration: none;
}
.rubrique a:hover
{
text-decoration: underline;
}
.titre
{
  font-variant:small-caps;
  border: 1px dotted #000000;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: #333399;
  font-weight: bolder;
  text-align: center;
}              
.titrefiche
{
  border-top: 4px #FFCF28 ridge;
  letter-spacing: 2px;
  text-align:center;
  font-variant:small-caps;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 12pt;
  color: #333399;
  font-weight: bolder;
  clear:both;
  width: 100%;
  height: 20px;
  overflow: hidden ;
}
.colgfiche
{
  float: left;
  width: 300px;
  text-align: center;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 7pt;
  color: black;
  font-weight: none;
  clear: both;
  background-color: #EBEBEB;
}
.coldfiche
{
  float: right;
  width: 455px;
  text-align: left;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  color: black;
  line-height: 18px;
  overflow: hidden ;
}
.cold1fiche
{
padding: 0;
float:left;
width: 80px;
}
.cold2fiche
{
padding: 0;
float:left;
width: 375px;
}
.ligne2 {
background-color: transparent;
display: block;
line-height: 4px;
}
.ligne1 {
display: block;
background-color: #C0C0D0;
font-size: 12px;
}
.ligne0 {
display: block;
background-color: transparent;
font-size: 12px;
}
.com
{
display:none;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
float: left;
width: 740px;
overflow: auto;
border-top: 1px black dotted;
padding: 10px;
text-decoration: none;
}
.comuser
{                                   
font-family: "Arial",sans-serif;
background-color: #FFFFFF;
font-size: 11px;
color: #555555;
border: 1px solid #99FFFF;
}  

/*Eric Meyer's based CSS tab*/

#tablist{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
}

#tablist li{
list-style: none;
display: inline;
margin: 0;
}

#tablist li a{
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
background: white;
}

#tablist li a:link, #tablist li a:visited{
color: navy;
}

#tablist li a:hover{
color: #000000;
background: #C1C1FF;
border-color: #227;
}

#tablist li a.current{
background: lightyellow;
}