/*******************************
** Style.css                  **
** SEI Ingénieurs-conseils SA **
** (c)2009                    **
*******************************/

/* Général
*******************************/
body {background-color: White; margin: 0px; padding: 0px;}
p {color: black; margin: 0px;}
img {border: 0px;}
table {width: 100%;}
thead {font-size: 11px; font-weight:bold;}
tbody {font-size: 11px;}

/* Contenu centré
*******************************/
#contenu {font-family: Arial,Helvetica,sans-serif; width: 863px; margin-left: auto; margin-right: auto;}

/* En-tête
*******************************/
#en-tete {width: 863px; height: 118px;}
#logo {width: 250px; height: 118px; float: left;}
#logo-img {margin-left: 13px; margin-top: 13px;}
#menu-droite {font-size: 11px; color: black; width: 613px; height: 75px; float: left;}
#bande_bleue {background-color: #cbd2e5; width: 613px; height: 15px; float: left;}
.langue {text-align: right; margin-top: 43px; width: 600px;}

/* Menu à gauche
*******************************/
#menu-gauche {font-weight:bold; text-align: left; width: 214px;}
#fond-gauche {background-color: #0c4499; width: 198px; position: absolute; top: 118px; bottom: 0px; z-index: -2;}
#menu-gauche a {color: white; font-weight:normal; text-decoration: none;}
#menu-gauche a:hover {font-weight: bold;}
#actuel {background-color: #6e8fc2; width: 198px;}
#presentation {background-color: #5980bb; width: 198px;}
#collaborateurs {background-color: #4571b0; width: 198px;}
#activites {background-color: #3262aa; width: 198px;}
#references {background-color: #1e53a1; width: 198px;}
#date-modif {font-size: 11px; font-weight:normal; text-indent: 13px; color: #ebe8e8; position: absolute; bottom: 20px; z-index: -1;}
.menu {height: 30px; font-size: 16px; text-indent: 13px; line-height: 30px; margin: 0px;}
.sous-menu {height: 20px; font-size: 14px; text-indent: 20px; line-height: 15px; margin: 0px;}

/* Page de droite
*******************************/
#page-droite {width: 649px; float: right;}
#page {width: 649px; position: absolute; top: 118px; bottom: 0px; overflow: auto;}
#gauche {text-align: left; width: 270px;}

/* Page de droite - Organigramme
********************************/
#organigramme {width: 500px; margin-left: auto; margin-right: auto;}

/* Page de droite - Liste du personnel
**************************************/
.cel_centre {text-align: center;}
.cel_droite {text-align: right;}

/* Page de droite - Collaborateurs
**********************************/
.cadre_g {width: 162px; height: 177px; float: left;}
.cadre_d {width: 146px; height: 177px; float: left;}
.cadre_image {width: 92px; height: 106px;}
.cadre_fond {background-color: #e0e0e0; width: 146px; height: 59px;}
.cadre_fond p {margin-left: 2px;}

/* Page de droite - Collaborateurs-détails
******************************************/
#partie-gauche {width: 308px; float: left;}
#partie-droite {width: 308px; float: right;}
#image-col {width: 308px; height: 224px;}
#nom-fond {background-color: #e0e0e0; width: 308px; height: 59px;}
#nom-fond p {margin-left: 2px;}
.tableau td {font-size: 13px; vertical-align: top;}
.col-gauche {width: 54px;}

/* Page de droite - Activités
*****************************/
.ac_cadre_g {width: 216px; height: 217px; float: left;}
.ac_cadre_d {width: 200px; height: 217px; float: left;}
.ac_cadre_image {width: 200px; height: 146px;}
.ac_cadre_fond {background-color: #e0e0e0; width: 200px; height: 59px;}
.ac_cadre_fond p {margin-left: 2px;}

/* Page de droite - Activités-détails
*************************************/
.ac_dt_cadre_h {width: 632px; height: 236px; border-top: solid 1px black;}
.ac_dt_cadre_b {width: 632px; height: 118px;}
.ac_dt_texte {width: 287px; height: 224px; float: left;}
.ac_dt_image_grande {width: 308px; height: 224px; float: right;}
.ac_dt_image_petite {width: 162px; height: 118px; float: left;}

/* Classes générales
*******************************/
.lien {color: black; text-decoration: none;}
.lien:hover {color: #0000ff; font-weight: bold;}
.titre {font-size: 13px; font-weight:bold; padding-bottom: 4px;}
.texte {font-size: 13px; padding-bottom: 8px;}