/*
#444444 : gris
#B5D700 : vert pétard
#CCDDFF : bleu clair
#ECF5BE : vert clair
#FFCC00 : jaune

références : 
- (1) http://www.maxdesign.com.au/presentation/center/
- (2) http://css.maxdesign.com.au/floatutorial/tutorial0801.htm

*/
p{margin: 0 0 0 0;}
ul{margin-top: 0;}
P.csc-sitemap-level1 {margin-top:5px;}
P.csc-sitemap-level2 {margin-left:15px;}
P.csc-sitemap-level3 {margin-left:30px;}
P.csc-sitemap-level4 {margin-left:45px;}

body { 
	text-align: center;			/* centrage (1) */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
     	margin: 0; 		
}

div#container {
	margin-left: auto;			/* centrage (1) */
	margin-right: auto;			/* centrage (1) */
	text-align: left;			/* centrage (1) */
	background-color: #fff;			/* couleur (2) */
	color: #333;				/* couleur (2) */
	line-height: 130%;			/* hauteur de ligne (2) */
	position: relative;
	width: 850px;
}

#header {
	background: url(img/bandeau_haut.jpg) no-repeat; 	/* image fond hauteur */
	height: 116px; 					/* image fond hauteur */
}

#header h1 {
	padding: 0;				/* retrait espacement h1 (2) */
	margin: 0;				/* retrait espacement h1 (2) */
}

#blocs {
	float: left;				/* colonne gauche (2) */
	margin: 0;				/* retrait espacement (2) */
	padding: 0 0;	
	width: 184px;
}

#content {
	margin-left: 184px;
	padding-left: 22px;
	padding-right: 22px;
}

#footer {
	clear: both;				/* en dessous (2) */
	margin: 0;				/* margin (2) */
	text-align: center;
	padding-bottom: 0.5em;
	background-color: #fff;			/* couleur (2) */
	padding-top: 2em;
}

#blocs p {
	margin: 0 0 1em 0; 			/* retrait espacement (2) */
}

#content h2 {
	margin: 0 0 .5em 0; 			/* retrait espacement (2) */ 
}

#header a img {
	border: none;				/* pas de border sur le a img */
}

/* image fond de colonne gauche */
#fond_colonne {
	background: url(img/fond_colonne_gauche.jpg) repeat-y;
}

/* ========= */
/* Générique */
/* ========= */

h1 {
	font-size:160%;
	padding: 0;
	margin: 0;
}

h2 {
	font-size:120%;
	padding: 0;
	margin: 0;
}

a { 
	text-decoration: none; 
	color: #042A57;
}

a:hover {
	text-decoration: underline; 
}

h1 span {
	display: none;
}


/*=========*/
/* Contenu */
/*=========*/

#contenu {
	text-align: justify;
	padding: 0px;
}

#contenu a {
	font-weight: bold;
	text-decoration: underline;
}

#vous_etes_ici {
	padding: 10px 0px 10px 0px;
	font-weight: bold;
	border: 1px solid #666;
	margin:0px;
}


/* =========== */
/* Menu entete */
/* =========== */

/* ============== */
/* Liste niveau 1 */
/* ============== */

#liste_liens_niveau_1 {
	font-size: 10px;
	width: auto;
}

#liste_liens_niveau_1 a { 
	text-decoration: none; 
	padding: .2em 1em;	
	color: #fff;
	background-color: #042A57;	
}

#liste_liens_niveau_1 a:hover {
	background-color: #B5D700;
	color: #042A57;
}

#liste_liens_niveau_1 a.actif {
	background-color: #B5D700;
	color: #042A57;
	font-weight: bold;
}


/* ============== */
/* Liste niveau 2 */
/* ============== */

#liste_liens_niveau_2 {
	width: auto;
	font-size: 10px;
	padding-left: 9px;
}

#liste_liens_niveau_2 ul { 
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

#liste_liens_niveau_2 ul li { 
	display: inline; 
}

#liste_liens_niveau_2 ul li a { 
	text-decoration: none; 
	padding: .1em .1em;	
	background-color: #B5D700;	
	color: #042A57;
}

#liste_liens_niveau_2 ul li a:hover {
	text-decoration: underline; 
	color: #042A57;
}

#liste_liens_niveau_2 a.actif {
	text-decoration: underline; 
	color: #042A57;
	font-weight: bold;
}


/* ====================== */
/* Liste liens tranversal */
/* ====================== */

#liste_liens_tranversal {
	font-size: 10px;
	text-align: right;
	color: #ffffff;
}

#liste_liens_tranversal a { 
	text-decoration: none; 
	padding: 0;	
	color: #ffffff;
}

#liste_liens_tranversal a:hover {
	text-decoration: underline; 
}

/* ======== */
/* Relative */
/* ======== */

#wrapper {
	position: absolute;
	top: 0px;
	left: 180px;
}


/* ======= */
/* Gauche */
/* ======= */

#gauche
{
	float: left;
	width: 334px;
	margin: 0px;
	padding: 0px;	
/*	border: 1px solid #666; */
}

#gauche a {
	font-weight: bold;
	text-decoration: underline;
}

#droite
{
	padding: 0px;	
	margin-top: 0px;
	margin-left: 400px;
/*	border: 1px solid #666; */
	width: 217px;
}

#droite a {
	font-weight: bold;
	text-decoration: underline;
}

/* Blocs */

#bloc_hauteur_fixe {
  height: 155px;
}


#bloc1 h1 {
	background-image: url("img/bloc_site_groupe.jpg"); 
	width: 184px; 
	height: 82px; 
}	

#bloc2 h1 {
	background-image: url("img/bloc_bourse.jpg"); 
	width: 184px; 
	height: 82px; 
}
#bloc3 h1 {
	background-image: url("img/bloc_actionnaires.jpg"); 
	width: 184px; 
	height: 82px; 
}

/**********/
/* Classe */
/**********/
 .float_right {
	float: right;
	margin: 0 0 10px 10px;
	border: 1px solid #666;
	padding: 2px;
}


/***************************/
/* Contenu gauche & droite */
/***************************/

#gauche {
	text-align: justify;
	padding: 0px;
}

#droite {
	text-align: justify;
	padding: 0px;
}


/******/
/* H1 */
/******/

#gauche h1 {
	padding-bottom: .5em;
	background: url(img/arrow.jpg) no-repeat;
	background-position: 0 10px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

#droite h1 {
	padding-bottom: .5em;
	background: url(img/arrow.jpg) no-repeat;
	background-position: 0 10px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

/* ============== */
/* Liste niveau 3 */
/* ============== */

#liste_liens_niveau_3 {
}

#liste_liens_niveau_3 ul { 
	padding: 10px 0 10px 0;
	list-style-type: disc; 
	margin: 0px 0px 0px 20px;
}


#liste_liens_niveau_3 ul li a { 
	padding: .1em .1em;	
	color: #042A57;
}

#liste_liens_niveau_3 li a.actif {
	text-decoration: underline; 
	font-weight: bold;
}


/* ============== */
/* Liste niveau 3 */
/* ============== */

#blocs a {
	font-weight: bold;
}

/* ========== */
/* Contenu h1 */
/* ========== */

#contenu h1 {
	padding-bottom: .5em;
	background: url(img/arrow.jpg) no-repeat;
	background-position: 0 10px;
	position: relative;
	padding-top: 15px;
	padding-bottom: 1px;
	padding-left: 15px;
}

table {
	Border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}

td {
	Border-collapse: collapse
}

/* =========== */
/* Formulaires */
/* =========== */

table tr td input {
	font-size: 10px;
	font-style: normal;
}
/* Liens images */

#contenu a img {
	border: none;				/* pas de border sur le a img */
}
#gauche a img {
	border: none;				/* pas de border sur le a img */
}
#droite a img {
	border: none;				/* pas de border sur le a img */
}