/* Css par Matthieu */
/* http://www.rscc-ck.org/ tout droits réservés */


/* --------------- GLOBAL ----------------*/
* { 
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

img { 
  border:0;
}

body {
  color: #1c1c1c;
  font-size: small;
  background-color:#ffffff;
  background-image: url('/images/fond.png');
}

a { 
  color: #0066cc;
}

a:link {
  color: #0066CC;
  text-decoration: underline
  }

a:active {
  color: #FF6633;
  text-decoration: none
  }

a:visited {
  color: #0066CC;
  text-decoration: none
  }

a:hover {
  color: #FF9900;
  text-decoration: none
  }

input {
  color: #1c1c1c;
  font-size: 9pt;
  background-color: #ffffff;
  border: inset 1px #0066cc;
}

input.bouton {
  font-weight: normal;
  text-decoration: none;
  border: solid 0px;
  background-color:#e6e6e6;
}

#main {
  margin:0 5% 0 5%;
  background-color:#ffffff;
  border: 1px #000000 solid;
  font-size: 10pt;
  padding:1;
  min-width: 900px;
}

/* --------- TOP MENU -------- */
#topmenu { 
  margin:0 0em;
} 

  #topmenu h1 { 
    margin:0; 
  }

/* ---------- BARRE DE NAVIGATION ----------------*/
#navig {
  margin:0em 0.5em 1em;
  color: #1c1c1c;
  font-size: 10pt;
  background-color: #d3d3d3;
  border: solid 2px #a2a2a2;
  padding:0 0.5em;
}

  #navig span.navright { 
    float:right; 
    text-align:right;
  } 
  
  #navig span.navigdate {
    color: #000000;
    text-align: left;
  } 
  
  .navigtext, .navigtext a {
  color: #0066cc;
  text-decoration: none;
}

.navigtext a:hover { 
  color: #ff9900;
}

/* --------- MENU ------------ */
#menu { 
  float:left; 
  width:150px; 
  padding-left:0.5em;
}

  #menu h1 {
    color: #ffffff;
    font-size: 11pt;
    background-color: #8294b6;
    text-align: center;
    margin-top: 0.5em;
    padding:0;
  }
  
  #menu a {
    text-decoration: none;
  }
  
  #menu a:hover {
    text-decoration: none;
  }  

  #menu ul.menutext { 
    color: #1c1c1c;
    font-size: 10pt;
    background-color: #e6e6e6;
    border: solid 1px #a2a2a2;
    padding:0.2em;
    margin:0.2em;
    list-style-type:none;
  }

  #menu ul.menutext li { 
    font-size: 10pt;
  }

/* ---------- CONTENU ----------------*/
#contenu {
  margin-left:160px;
  padding-left:0.5em;
  padding-right:0em;
  font-size: 10pt;
}
  #contenu h1 {
    font-size: 14pt;
    font-weight: bold;
    color: #003366;
  }
  
  #contenu h2 {
    font-size: 12pt;
    color: #FF9933;
    font-weight: bold
  }

  #contenu h3 {
    font-size: 12pt;
    font-weight: bold;
    color: #003366
  }
  
  #contenu h4 {
    font-size: 10pt;
    font-style: italic;
    font-weight : bold;
    color: #000000;
    text-decoration: none;
    padding: 0;
  }
    
  #contenu p {
    padding: 0.2em;	
  }
  
  #contenu table {
    border: 0px;
    padding: 0.5em;
    margin: auto auto auto auto;
    width: 90%;
    text-align: center;
  }
  
  #contenu td {
    border-color: #E0E0E0;
    border-width: 1px;
    border-style: solid; 
    text-align: center;
  }
  
  #contenu th {
    background-color: #8294b6;
    font-weight: bold;
    color: #ffffff;
  }
  
  #contenu li {
    color: black;
    display : list-item;
    list-style-image : url('/images/puce.gif');
    list-style-type: square;
    padding-top: 1em;
  }
  
  #contenu span {
    font-style: italic;
    font-weight : bold;
    color: #000000;
    text-decoration: none;
    margin-top: 0;
    padding:0;
  }
  
  #contenu .xxsmall {
    font-size: 9px;
    font-style: normal;
    color: #000000;
    text-decoration: none
  }

  
/* ---------- ENCADRE ------------------- */
#encadre {
  text-align: center;
  font-size: 10pt;
  padding: 5px;
  border:2px #003366 solid;
  width: 80%;
  margin: auto auto auto auto; /* center the tab */
}

  #encadre h1 {
    color: #ffffff;
    font-size: 11pt;
    background-color: #8294b6;
    text-align: center;
    margin-top: 0;
  }
  
  #encadre span {
    font-style: italic;
    font-weight : bold;
    color: #000000;
    text-decoration: none;
    margin-top: 0;
    padding:0;
  }
  
  #encadre .zonetexte {
    text-align: left;
    padding: 0.5em;	
  }

/* ---------- TABLE SANS FIORITURE ----------------------*/
#sansfioriture {
  clear: both;
  text-align: center;
  padding: 0em;
  margin: 0em;
}

  #sansfioriture table {
    border:0px;
    padding: 0em;
    margin: auto auto auto auto;
    width: 436px;
    text-align: center;
  }
  
  #sansfioriture td {
    border-width: 0em;
    padding: 0em;
  }

/* ---------- PHOTO ----------------------*/
#photo {
  clear: both;
  text-align: center;
  padding: 0;
  margin: 0;
}

  #photo table {
    border:2px #003366 solid;
    background-color: #d3d3d3;
  }
  
  #photo td {
    border-color: #ffffff;
    border-width: 2px;
    border-style: dotted;
    vertical-align: middle; 
    padding: 0.5em;
  }

/* ---------- PIED DE PAGE ---------------*/
#piedpage {
  clear:both;
  text-align:right;
  padding-top:1em;
}

  #piedpage p {
    margin:5;
    font-size: 8pt;
  }
  
  #piedpage em {
    font-size: 8pt;
    margin: 0.5em;
    float:left;
    font-style: normal;
    font-weight : normal;
}