a:hover {color:orange; text-decoration:none;}
body {
background:#eeeeee;
 font-family: Arial;
 font-size: 12pt;
 color: 000000;
 margin-top: 1em;
 background-position: top left;
 //background-repeat: no-repeat;
 }

.c2 ul li
{
    list-style-type:none;
    float: left;
    //width: 15em;
  }
.c2 ul{
padding:0;
}


dt{
    font-weight:bold;
    margin-top:.5em
}


.petit {
    font-size:80%;
}

.commentaire {
    font-family:sans-serif;
    font-size:80%;
    font-style:italic;
    color: silver;
}


#document { 
position: absolute; 
width: 99%;  
float:left;
}

#colonne1,
#colonne2 {
background-color: #FFFFC0;
border:1px solid #B0C4DE;
-moz-border-radius:20px;
-webkit-border-radius:20px;
   font-size:12pt;
   position: absolute; 
top: 0;}
#colonne1 { 
padding:0 1% 0 1%;
left: 0%;
width:15%;
}
#colonne2 { 
padding:0 1% 0 1%;
right: 0%; 
width:14%;
font-size:80%;
}

#colonne2 dd{
margin:1% 0% 1% 2%;
}

#colonne1 ul{
padding-left:1.5em
}

#colonneetroite{
    background-color: #FFFFC0;
    padding: 1ex 1ex 5ex 1ex;
    font-size:12pt;
    position: absolute; 
    top: 0; 
    width: 110px }

#corps { 
border:1px solid #B0C4DE;
-moz-border-radius:20px 20px 0 0;
-webkit-border-radius:20px 20px 0 0;
    position:absolute;
    top:0;
    margin: 0 17% 0 18%;
    padding: 0 1em 0 1em;
    background:#fefefe;
}
#corpslarge {
    position:absolute;
    top:0;
    margin: 0 10% 0 10%;
    padding: 0 1em 8em 1em;
    background:#fefefe
}
#corpsgenerateur{ margin: 0 0 0 210px;}
#page {
 width: 70%;
 margin: 0 auto;
 padding: 0;
 /*background: #858585;*/
 border: 3px solid #FFFFFF;
 }

/* pied de page */
#footer {
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    position:absolute;
}
.footer {
    background: none repeat scroll 0 0 #888888;
    border: 0 none;
    font-size: 80%;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top:5px;
}


/* ************** TOOLKIT INDEX *************** */
.toolkitindex li{
    margin-bottom:5px;
}


/* *************** FLASH ********************** */
#flash {
    /*display:block;*/
    color: red;
    background: #ffa;
    padding: 5px;
    border: 1px dotted #000;
    margin-bottom: 20px;
    /*height: 25px;*/
    width: 80%;
    overflow: hidden;   /* so we can animate from zero height */
}
#flash p {margin: 0px; padding: 0px; }
.invisible {
  color: #1b609a;
  display : none;
}

.clear{clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
} 


.insecable {
    white-space: nowrap;
    padding-right:10px;
}

/* ****** PIED DE PAGE *********************/
#ft {
/*background-color:white;*/
margin:1em 0 0 220px;
clear:both;
display:block;
color:blue;
font-size:65%;
opacity:0.9;
padding:20px;
text-align:left;
}

.ft {
margin:1em 0 0 220px;
clear:both;
display:block;
//color:blue;
font-size:65%;
opacity:0.9;
padding:20px;
text-align:left;
}

/****************** Liste Part ********************************/
 /* allow room for 3 columns */
  .wrapper
  {
    width: 100%;
    position:float
  }

  /* float & allow room for the widest item */
  .wrapper ul li
  {
 list-style-type:none;
    float: left;
    width: 15em;
  }

  /* stop the float */
  br.wrapper
  {
    clear: left;
  }

  /* separate the list from subsequent markup 
  div.wrapper
  {
    margin-bottom: 1em;
  }*/

.clear{clear:both;
  display:block;
  height: 0;
  font-size: 1px;
  line-height: 0px;
}