@charset "utf-8";

/* ################################################################## */
/* ####################### structure générale ####################### */
/* ################################################################## */

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background:#CCC;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	scrollbar-face-color:#CC9966;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#CC9966;
	scrollbar-shadow-color:#999999;
	scrollbar-highlight-color:#999999;
	scrollbar-3dlight-color:#CC9966;
	scrollbar-darkshadow-color:#CC9966;
}

html, body {
	height: 100%;
}

p {
	margin:10px 0;
	padding:0;
}

a {
	color:#333;
	text-decoration:none;
}

#header {
	position:absolute;
	top:0;
	left:0;
	background:#333;
	height:150px;
	width:100%;
	border-bottom:solid 2px #658dd6;
	z-index:1;
}

/* ### 5 Bannière aléatoire ### */
#contenu_header {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere1.jpg) top right no-repeat;
}

#contenu_header1 {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere1.jpg) top right no-repeat;
}

#contenu_header2 {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere2.jpg) top right no-repeat;
}

#contenu_header3 {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere3.jpg) top right no-repeat;
}

#contenu_header4 {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere4.jpg) top right no-repeat;
}

#contenu_header5 {
	position:relative;
	margin:0 auto;
	width:1030px;
	height:150px;
	background:url(../images/banniere5.jpg) top right no-repeat;
}
/* Fin Bannière aléatoire */

#conteneur { /* Conteneur pour les pages sans bandeau flash en bas */
	background:url(../images/fond.jpg) top left repeat-y;
	text-align:left;
	width:1015px;
	margin:0 auto;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#conteneur2 { /* Conteneur pour les pages avec bandeau flash en bas */
	background:url(../images/fond.jpg) repeat-y left top;
	text-align:left;
	width:1015px;
	margin:0 auto;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

#conteneurmenu { /* Conteneur pour la barre de navig */
	position:absolute;
	top:119px;
	left:50%;
	width:972px;
	margin-left:-486px;
	z-index:2;
}

#content { /* Contenu principal de la page */
	position:relative;
	height:500px;
	padding-top:172px;
	padding-bottom:30px !important; /* hack pour ie */
	padding-bottom:0px;
	padding-left:20px;
	padding-right:26px;
}

html>body #content { /* hack pour ie */
	height: auto;
	min-height:500px;
}

/* ### Footer ### */
#footer {
	position:absolute;
	left:0;
	display:inline;
	background: #999999;
	width:100%;
	text-align:center;
	height:32px !important; /* hack pour ie */
	height:30px;
	background: #333;
	border-top:solid 2px #658dd6;
	height: 1%;
	z-index:6;
}

#contenu_footer {
	text-align:left;
	color:white;
	width:950px;
	margin:8px auto;
}

#contenu_footer a {
	color:white;
	text-decoration:none;
}

#contenu_footer a:hover {
	color:#f39900;
}
/* ### Fin footer ### */

/* ################################################################## */
/* ##################### Fin structure générale ##################### */
/* ################################################################## */


/* ######################################################################### */
/* ######################### Propriétés des cadres ######################### */
/* ######################################################################### */

/* ### Cadre 1 ### */
#cadre_1 {
	width:970px;
	margin-bottom:15px;
}

#contenu_cadre_1 {
	padding:10px 30px;
	width:910px;
}

#contenu_cadre_1-small {
	padding:30px 30px 10px 30px;
	width:910px;
}
/* ### Fin Cadre 1 ### */

/* ### Cadre 2 ### */
#cadre_2 {
	width:497px;
	float:left;
	margin-bottom:15px;
}

#contenu_cadre_2 {
	padding:30px 30px;
	width:437px;
	height:430px;
}
#contenu_cadre_home {
	padding:0px 5px;
	padding-left: 25px;
	width:467px;
	height:492px;
}
/* ### Fin Cadre 2 ### */

/* ### Cadre 3 ### */
#cadre_3 {
	width:457px;
	float:right;
	margin-bottom:15px;
}

#contenu_cadre_3 {
	padding:0 30px;
	width:397px;
	height:240px;
}

#contenu_cadre_3-small {
	padding:0 30px;
	width:397px;
	height:80px;
}
/* ### Fin Cadre 3 ### */

/* ### Cadre 4 ### */
#cadre_4 {
	width:410px;
	height:610px;
	float:left;
	margin-bottom:15px;
}

#contenu_cadre_4 {
	padding:15px 30px;
	width:350px;
	height:550px;
}
/* ### Fin Cadre 4 ### */

/* ### Cadre 5 ### */
#cadre_5 {
	width:544px;
	height:610px;
	float:right;
	margin-bottom:15px;
}

#contenu_cadre_5 {
	padding:15px 30px;
	width:484px;
	height:550px;
}
/* ### Fin Cadre 5 ### */

/* ### Cadre bas (bandeau flash) ### */
#cadre_bas {
	clear:both;
	text-align:center;
	width:969px;
	height:145px;
	/* height:155px; */
}

#contenu_cadre_bas {
	padding-top:0px;
	/* padding-top:10px; */
	text-align:center;
	background:#c9c9c9;
	height:120px;
}

#contenu_cadre_bas_communiques {
	padding:10px 200px 0 20px;
	text-align:left;
	background:#c9c9c9;
	height:125px;
	/* defaut : height:135px;*/
	position:relative;
}
/* ### Fin Cadre bas ### */

/* pour les pages investissements, 3 zones de texte distincte : gauche et droite et bas */

#investissement_gauche {
	width:300px;
	float:left;
}

#investissement_droite {
	width:525px;
	float:right;
}

#investissement_bas {
	clear:both;
	width:100%;
	margin-top:15px;
}

/* ####################### Couleur de fond des cadres ####################### */

.fond01 {
	background:url(../images/cadres/fond01.png) repeat;
}

.fond02 {
	background:url(../images/cadres/fond02.png) repeat;
	color:white;
}

.fond03 {
	background:url(../images/cadres/fond03.png) repeat;
}

.fond04 {
	background:url(../images/cadres/fond04.png) repeat;
}

.fond05 {
	background:url(../images/cadres/fond05.png) repeat;
}
/* ####################### Fin du choix des couleur de fond ####################### */

.bords { /* Bordures haut et bas des cadres */
	line-height:8px;
	height:15px;
}

#scroll { /* barre de scroll dans les cadres */
	position:relative;
	overflow:auto;
	padding:10px;
	height:470px;
	scrollbar-face-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #aaa;
	scrollbar-darkshadow-color: #aaa;
	scrollbar-track-color: #666666;
	scrollbar-arrow-color:#aaa;
}

#scroll-communiques { /* barre de scroll dans la page communiqués */
	position:relative;
	overflow:auto;
	padding:10px;
	height:380px;
	scrollbar-face-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3dlight-color: #aaa;
	scrollbar-darkshadow-color: #aaa;
	scrollbar-track-color: #666666;
	scrollbar-arrow-color:#aaa;
}

#scroll-invest { /* barre de scroll dans les cadres investissement */
	position:relative;
	overflow:auto;
	padding:10px;
	height:360px;
	scrollbar-face-color: #d3d3d3;
	scrollbar-shadow-color: #d3d3d3;
	scrollbar-highlight-color: #d3d3d3;
	scrollbar-3dlight-color: #aaa;
	scrollbar-darkshadow-color: #aaa;
	scrollbar-track-color: #d3d3d3;
	scrollbar-arrow-color:#aaa;
}

#scroll-glossaire { /* barre de scroll dans la page glossaire */
	position:relative;
	overflow:auto;
	padding:10px;
	height:470px;
	scrollbar-face-color: #d3d3d3;
	scrollbar-shadow-color: #d3d3d3;
	scrollbar-highlight-color: #d3d3d3;
	scrollbar-3dlight-color: #aaa;
	scrollbar-darkshadow-color: #aaa;
	scrollbar-track-color: #d3d3d3;
	scrollbar-arrow-color:#aaa;
}

/* ######################################################################### */
/* ######################## Fin Propriétés des cadres ###################### */
/* ######################################################################### */

/* ######################################################################### */
/* ########################## Propriétés des textes ######################## */
/* ######################################################################### */

/* ####################### Listes ####################### */

.bulletlist_glossaire {
	margin:0;
	padding:0;
}

.titre_glossaire {
	margin-left:20px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:bold;
	list-style-type:disc;
	color:#f39900;
}

.definition_glossaire {
	list-style-type:none;
	margin-bottom:10px;
}


.bulletlist {
	margin:0;
	padding:0;
	color:#f39900;
}

.bulletlist li {
	margin-left:20px;
	margin-bottom:20px;
	list-style-type:disc;
	line-height:14px;
	font-size:12px;
}

.bulletlist_glossaire li {
	margin-left:30px;
	list-style-type:disc;
}

.trianglelist {
	margin:0;
	padding:0;
	color:#000;
}

.trianglelist li {
	margin-left:20px;
	margin-bottom:20px;
	list-style-type:circle;
	list-style-position:outside;
	line-height:14px;
	font-size:10px;
}

.lien-pdf {
	background-image:url(../images/icon_pdf.gif);
 	background-repeat:no-repeat;
 	background-position:0px 3px;
	padding:5px 0 5px 35px;
}

.select {
	color:#FFF;
}

.legende {
	font-size:10px;
	color:white;
	margin-left:20px;
	padding-bottom:20px;
	font-style:italic;
}

.center {
	text-align:center;
}

.corp9 {
	font-size:9px;
}

.titre {
	margin:0 0 10px 0;
	font-size:20px;
}

.titre_fiche {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
}

.titre_txtinvest {
	margin:0 0 10px 0;
	padding:0;
	font-size:14px;
	color:#00528c;
}

.titre_chapeau {
	font-size:12px;
}

.sstitre {
	font-size:11px;
	font-weight:bold;
}

.sstitre2 {
	margin:0 0 15px 0;
	font-size:14px;
	font-style:italic;
	color:#666;
}

.info {
	margin:15px 0 0 0;
}

.titre_fleche {
	margin:0 0 10px 0;
	padding:0;
	font-size:20px;
	background:url(../images/triangle.gif) left no-repeat;
	text-indent:20px;
}

.txt_orange {
	color:#f39900;
}

.txt_orange a {
	color:#f39900;
	text-decoration: none;	
}

.txt_bleu {
	color:#00528c;
}

.txt_blanc {
	color:#fff;
}

.txt_blanc a {
	color:#fff;
}

.bold {
	font-weight:bold;
}

/* ######################################################################### */
/* ######################## Fin Propriétés des textes ###################### */
/* ######################################################################### */


/* ######################################################################### */
/* ################################ Autres... ############################## */
/* ######################################################################### */

.spacer {
	height:1px;
	line-height:1px;
	clear:both;
}

.logo { /* Positionnement du logo dans le header */
	position:absolute;
	top:25px;
	left:10px;
	z-index:3;
}

.border_white { /* bords blanc sur les photos */
	border:1px solid #fff;
}

.fltlt {
	float:left;
}

.fltrt {
	float:right;
}

.form { /* styles des formulaires */
	border:1px solid white;
    background-color:#333;
    color:white;
}

/* Sur la page infos reglementées, par défaut, on cache tous les blocs infos excepté le 1er */
#info2, #info3, #info4, #info5, #info6, #info7, #info8, #info9, #info10, #info11 {
	display:none;
}