/* Cette version du stylesheet est une simplification de la version 1.0 (utilisée jusque maintenant)
   13-09-2004
*/
/*--------------------------------------------------------------------------------------------------*/

/* anchor */
/* ------ */

a
{ color: #0080b0;
  text-decoration: underline;		
  cursor: hand; 
}

/* body */
/* ---- */

/* usual body */
body
{ background-color: #ffffff;
  margin: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; 
  line-height : 20px;
}

/* body for the content page as the font size is 10px*/
body#small
{ background-color: #ffffff;
  margin: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; 
  line-height : 16px;
}


/* body for the menus */
body#menu
{ background-color: #cccccc;
  margin: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px; }

/* titles */
/* ------ */

h1
{ background-color: #ffffff;
  margin: 12px;
  font-size: 22px;
} /* Pour avoir du h1 centré, utilisez <h1 class=center> */

h2
{ margin : 0px;
  font-size: 14px;
  font-weight : bold;
  text-align: left 
}

h3
{ background-color: #0080b0;
  color : #ffffff;
  font-size: 12px;
  text-align: left }

/* images */
/* ------ */

img#galerie
{ border: 1px solid #000000; 
  padding: 0px;
  margin: 0px;
  vertical-align: bottom;
  horizontal-align: center; 
  width : 95%; 
}

img
{ border: 1px solid #000000; 
  padding: 0px;
  margin: 0px;
}

img#withoutborder
{ border : 0px;
  padding: 0px;
  margin: 0px;
}


/* lists */
/* ----- */

/* usual undefined list : used usually in the page content*/

ul#content
{ list-style: square;
  list-style-position: outside;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 20px; 
}

ul#content li
{ margin-left : 8px;
}

ul#content ul 
{ list-style: circle
  list-style-position: outside;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 20px; 
}

/* undefined list in a menu : used in the left menu*/

ul#menu
{ list-style: square;
  list-style-position: outside;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 20px;
}

ul#menu li
{ line-height : 18px;
}

ul#menu ul
{ list-style: circle
  list-style-position: outside;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  margin-right: 0px;
  padding-left: 20px; }
}

/* tables */
/* ------ */

/* table contact */

table#contact
{ width : 75%;
  border : 1px solid black;
}

table#contact thead td 
{ background-color:#0080b0;
  color : #ffffff;			   
  font-weight : bold;
  text-align : center;
}

table#contact tbody td 
{ padding-left : 10px;
  vertical-align : top;
}

/* main table in the content pages */

table tbody tr td
{ margin: 14px;
  text-align : justify;
  line-height : 17px;
}

/* table of the individual presentation */

table#individual
{ border : 1px solid black;
  font-size : 10px;
  width : 90%;
}

table#individual td#bottom /*utilisé pour les cellules avec bordure en dessous*/
{ border-bottom : 1px solid #000000;
  padding : 0.3em;
}

table#individual td#col1row1 /*utilisé pour la cellule 1ère colonne, 1ère ligne*/
{ border-bottom : 1px solid #000000;
  border-right : 1px solid #000000;
  padding : 0.3em;
}

table#individual td#col2row1 /*utilisé pour la cellule 2ème colonne, 1ère ligne*/
{ border-bottom : 1px solid #000000;
  padding-top : 0.3em;
  padding-bottom : 0.3em;
  padding-left : 1em;
  padding-right : 0.3em;
}

table#individual td /*utilisé pour les cellules sans bordure*/
{ padding : 0.5em;
}

/* table étroite utilisée pour la partie de Pierre*/

table#small
{ width : 70%;
}


/* utilisé dans les menus navigationnels des pages de contenu*/

td#bottomLeft 
{ border-bottom: 1px solid #000000;
  font-size: 10px;
  text-align: left; }

/* Autres tables à réécrire */


/* table utilisée dans yakoutie11*/
table#chiffres
{ width : 95%;}

table#chiffres tbody tr td { padding : 5px;
                             vertical-align : top;
                           }

/* Uniqument utilisés dans le main.html : à réécrire */

table#principale { text-align : center;
                   width : 100%;}                               }

td#leftMain
{ font-size : 32px;
  font-weight : bold;
  padding-bottom : 5px;
  text-align : left; }

td#rightMain
{ font-size : 32px;
  font-weight : bold;
  padding-right: 30px;
  padding-bottom : 5px;
  text-align : right; }

td#justify
{ font-size: 10px;
  text-align : justify; }

td#justify11
{ font-size: 11px;
  padding-right : 10px;
  text-align : justify; }

td#center10
{ font-size: 10px;
  padding-right : 10px;
  text-align : center; }

/* CLASSES */


.center
{text-align : center;
}

.justify
{text-align : justify;
}
.left
{text-align: left; 
}

.bold
{ font-weight: bold; 
}

.underlined
{ text-decoration: underline; 
}

.italic
{font-style : italic;
}

.font10
{font-size : 10px;
}

.font12
{font-size : 12px;
}

.new
{color: #0080b0;
}

.grey
{color: #cccccc;
}