/* CSS Document pour Exprimeo */
/* Date : 14/03/07 */

/*********************************
** Elements generaux de la page **
*********************************/

/* body */
body{
    font-family: Verdana, Arial, Helvetica, sans-serif;	/* polices a utiliser */
    background-color: #FFFFFF;
    font-size: 11px;
    margin: 0; /* pour éviter les marges */
    padding: 0;
    height: 100%;
    width: 100%;
	min-width:780px;
    text-align: center; /*pour corriger le bug de centrage IE */
	}

/* global */
#conteneur_global {
    margin: 0; 
	padding: 0;
    margin-left: auto;
    margin-right: auto;
	width: 780px; /* MODIFIABLE : largeur du conteneur global */
    text-align: left; /* on rétablit l'alignement normal du texte */
    }

/* proprietes globales sur les balises */
h1 { margin:0px; padding:0px;} /* supprime les marges par defauts de la balise h1 */
h2 { margin:0px; padding:0px;} /* supprime les marges par defauts de la balise h2 */
p { margin:0px; padding:0px; border-width:0px;  margin-bottom: 1px;} /* supprime les marges par defauts de la balise p */
a {cursor:pointer;} /* pointer sur les liens */
ul { margin:0px; padding:0px;} /* supprime les marges par defauts de la balise ul */
form { margin:0px; padding:0px;} /* supprime les marges par defauts de la balise form */

/********
** Top **
********/

/* top */
#top {
    clear:both;
    margin: 0;
    padding: 0;
    width:780px;
    height:26px; /* hauteur fixée */
    background-color: #FFA319; /* orange */
	}

/* top gauche */
#top_gauche {
    float:left;
	width:10px;
    height:26px;
    background:url('../images/top_gauche_orange.gif') 0 0 no-repeat;
	}

/* top texte 01 */
#top_texte01 {
    float:left;
	width:500px;
    height:26px;
	}

#top_texte01 p {
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; /* gris */
	font-size: 11px;
    font-weight: bold;
	text-align:left;
	line-height: 26px; /* MODIFIABLE : fonction de la taille de la police et de la hauteur du conteneur */
	}

/* top texte 02 */
#top_texte02 {
    float:left;
	width:260px;
    height:26px;
	}

#top_texte02 p {
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF; /* gris */
	font-size: 11px;
	text-align:right;
	line-height: 26px; /* MODIFIABLE : fonction de la taille de la police et de la hauteur du conteneur */
	}

/* top droite */
#top_droite {
    float:left;
	width:10px;
    height:26px;
    background:url('../images/top_droite_orange.gif') 0 0 no-repeat;
	}

/***********
** Entete **
************/

/* entete */
#entete {
    clear:both;
    margin: 0;
    padding: 0;
    margin-top:10px;
    width:100%;
    height:100px; /* hauteur fixée */
	}
	
/* entete logo */
#entete_logo {
    float:left;
	width:404px;
    height:100px;
	}

/* entete image */
#entete_image01 {
    margin-left:31px;
    margin-top:5px;
    float:left;
	width:90px;
    height:90px;
	}

#entete_image02 {
    margin-left:35px;
    margin-top:5px;
    float:left;
	width:90px;
    height:90px;
	}

#entete_image03 {
    margin-left:35px;
    margin-top:5px;
    float:left;
	width:90px;
    height:90px;
	}

/***********
** Corps  **
***********/

/* corps */
#corps {
    clear:both;
    margin: 0;
    padding: 0;
    margin-top:5px;
    width:100%;
    height:100%;
	}

/****************
** Colonne 01  **
****************/

#colonne01 {
    float:left;
    margin:0;
    padding:0;
    padding-left:10px;
    padding-right:10px;
    width:490px;
    height:100%;
	}

/****************
** Colonne 02  **
****************/

#colonne02 {
    float:left;
    margin:0;
    padding:0;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    width:250px;
    height:100%;
	}

/**********
** Pied  **
**********/

/* pied */
#pied {
    clear:both;
    margin: 0;
    padding: 0;
    margin-bottom:10px;
	}

#pied ul {
    white-space: nowrap;
	text-align:center;
    padding-top:5px;
    margin-bottom: 5px;
    border-top: 1px dashed #999999;
	}

#pied ul li {
    list-style-type: none;
    display: inline;
	}

#pied ul li a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	font-size: 11px;
	text-decoration: none;
	padding-left:10px;
	padding-right:10px;
    white-space:nowrap;
	}

#pied ul li a:hover {
    font-weight:bold;
	text-decoration: underline;
	}

#pied_texte {
    clear:both;
    margin: 0;
    padding: 0;
	}

#pied_texte p {
    margin:0;
    padding:0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999; /* gris */
	font-size: 11px;
	text-align:center;
	}