/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "menu.css";
@import "typogaphie.css";

/* STYLE CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}

#bloc-centre {
	float:left;
	width:650px;
	height:auto;
	padding:0 20px 20px 20px;
	margin:10px 0 0 0;
	}
	
#bloc-gche {
	float:left;
	width:315px;
	height:auto;
	padding:0 20px 20px 20px;
	margin:10px 30px 0 0;
	}

#bloc-dte {
	float:left;
	width:300px;
	height:auto;
	padding:0 20px 20px 20px;
	margin:10px 0 0 0;
	}
	
	
/* PAGE D'ACCUEIL */
.bloc-chiffres {
	width:300px;
	margin:10px auto 0 auto;
	padding-bottom:10px;
	border-bottom:1px solid #e6e6e6;
	text-align:center;
	}
#contenuTexte .bloc-chiffres a:link, #contenuTexte .bloc-chiffres a:visited {
	color:#999; 
	text-align:center;
	font:normal 12px Arial, Helvetica, sans-serif;
	}

.bloc-chiffres ul{
	list-style:none;
	margin:1px 0;
	width:225px;
	height:70px;
	margin:0 auto;
}

.bloc-chiffres li{
	color:#FFFFFF;
	font:bold 1em Arial, Helvetica, sans-serif;
	padding:1px;
}
.gris-chiffres{
	width:150px;
	float:left;
	text-align:left;
	margin:0 1px 1px 0;
	background:#999;
}

.rge-chiffres{
	width:69px;
	float:left;
	text-align:right;
	margin:0 1px 1px 0;
	background:#c0173f;
}


/* RUBRIQUE GROUPE - ORGANISATION */
#contenuTexte ul.organisation {
	list-style:none;
	margin:0 0 10px 110px;
	float:left;
	width:200px;
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	text-align:right;
	height:auto;
	}
	
#contenuTexte ul.organisation li {
	background:none;
	padding-bottom:5px;
	}
	

/* RUBRIQUE FILIALLES */
#bloc-filliales {
	float:left;
	width:340px;
	height:auto;
	padding:0;
	margin:120px 0 0 0;
	}
	
#contenuTexte a.logo-lien:link, #contenuTexte a.logo-lien:visited {
	display:block; 
	margin:0 auto 30px auto;
	height:77px;
	width:280px;
	}	

#contenuTexte a.logo-lien2:link, #contenuTexte a.logo-lien2:visited {
	display:block; 
	margin:0 0 30px 2px;
	height:77px;
	width:280px;
	}		
	
	
	
/* RUBRIQUE CONTACT */
#bloc-adrcontact {
	width:220px;
	margin:20px auto 0 auto;
	border-bottom:1px solid #e6e6e6;
}
#bloc-adrcontact p {font:normal 12px "Trebuchet MS" Arial, Helvetica, sans-serif; color:#333; text-align:center;}


/** **/
#bloc-contact {
	width:280px;
	float:left;
	margin:20px 0 0 0;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#757063;
}
#bloc-contact table {width:100%;}

#formContact input, #formContact textarea, #formContact select.liste-form, #formContact .bouton, #formContact select.liste-formP {
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
	color:#757063;
	padding:0 10px 0 2px;
	border:1px solid #e6e6e6;
	background:#FFF;
}

#formContact input, #formContact textarea{
	width:170px;
	margin:0;
}

#contenu #bloc-contact label{
	width:80px;
	text-align:right;
	display:block;
	padding-right:10px;
	color:#333;
	font:normal 11px "Trebuchet MS" Arial, Helvetica, sans-serif;
}

#formContact .radio{
	width:9%;
	border:none;
}

#formContact .check{
	width:10%;
	border:none;
	margin:0 3px 3px 0;
	color:#333;
}

#formContact select.liste-form{
	width:182px;
	text-align:left;	
	color:#757063;
}

#formContact select.liste-formP{
	width:50px;
	text-align:left;	
	color:#757063;
	padding:0;
}

#formContact .bouton{
	width:80px;
	cursor:pointer;
	color:#333;
	margin:0;
	padding:0;
	font-size:10px;
}
#formContact .bouton:hover {color:#e61132;}

#contenu #formContact .nota {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#666;
	text-align:right;
	line-height:12px;
	}
.champRequis{color:#E53625; font-size:9px;}



/* RUBRIQUE INFORMATIONS REGLEMENTEE */
#contenuTexte ul.information {
	list-style:none;
	margin:0 0 10px 50px;
	float:left;
	width:260px;
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	text-align:right;
	height:auto;
	}
	
#contenuTexte ul.information li {
	background:none;
	padding-bottom:5px;
	}
	
#contenuTexte ul.information a:link, #contenuTexte ul.information a:visited {color:#666;}



/* PUBLICATIONS FINANCIERES */
#item1, #item2, #item3, #item4 {margin:40px 0 0 0;}
#contenuTexte a:link.lien-publication, #contenuTexte a:visited.lien-publication {
	margin:10px auto 10px auto;
	font:small-caps bold 12px Tahoma Arial, Helvetica, sans-serif;
	color:#666;
	background:#e6e6e6;
	padding:0 0 0 10px;
	width:340px;
	height:18px;
	display:block;
	}
#contenuTexte a:hover.lien-publication, #contenuTexte a:active.lien-publication {color:#FFF; text-decoration:none;}

#bloc-tableau {
	float:left;
	width:600px;
	margin:0 0 0 50px;
	}
	
.tableau {
	width:600px;
	margin:20px 0 40px 0;
	}
	
.tableau th.gean {width:400px; background:#C0163B; color:#FFF; font:small-caps bold 12px Arial, Helvetica, sans-serif;}
.tableau th.high {width:300px; background:#C0163B; color:#FFF; font:small-caps bold 12px Arial, Helvetica, sans-serif;}
.tableau th.medi {width:150px; background:#C0163B; color:#FFF; font:small-caps bold 12px Arial, Helvetica, sans-serif;}
.tableau th.smal {width:100px; background:#C0163B; color:#FFF; font:small-caps bold 11px Arial, Helvetica, sans-serif;}
.tableau th.mini {width:50px; background:#C0163B; color:#FFF; font:small-caps bold 12px Arial, Helvetica, sans-serif;}
.tableau th.sstitreTH {width:300px; background:#999999; color:#FFF; font:small-caps bold 12px Arial, Helvetica, sans-serif;}

.tableau tr.grisF {background:#F1F1F1;}
.tableau tr.grisC {background:#e6e6e6;}
.tableau tr.rouge {background:#C0163B;}
.tableau tr.noir {background:#CCC;}

.tableau tr.noir td {
	padding:1px 5px 1px 5px;
	font:small-caps bold 12px Arial, Helvetica, sans-serif; 
	color:#FFF;
	text-align:right;
	}
	
.tableau tr.rouge td {
	padding:1px 5px 1px 5px;
	font:small-caps bold 12px Arial, Helvetica, sans-serif; 
	color:#FFF;
	text-align:right;
	}

.tableau tr.grisC td, .tableau tr.grisF td {
	padding:3px 5px 3px 5px;
	font:normal bold 10px Arial, Helvetica, sans-serif;
	color:#333;
	text-align:right;
	}
	
.tableau tr.grisF .notaTD, .tableau tr.grisC .notaTD {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#333;
	padding-left:20px;
	text-align:left;
	}

.tableau tr.grisF .notaCTD, .tableau tr.grisC .notaCTD {
	font:italic 10px Arial, Helvetica, sans-serif;
	color:#333;

	}


.tableau tr.grisC td.libelle-tableau, .tableau tr.grisF td.libelle-tableau, .tableau tr.noir td.libelle-tableau, 
.tableau tr.rouge td.libelle-tableau {
	text-align:left;
	}
	
.tableau tr.grisC td.td_centre, .tableau tr.grisF td.td_centre, .tableau tr.noir td.td_centre, .tableau tr.rouge td.td_centre {text-align:center;}

#contenuTexte .tableau tr.grisC a:link, 
#contenuTexte .tableau tr.grisC a:visited, 
#contenuTexte .tableau tr.grisF a:visited, 
#contenuTexte .tableau tr.grisF a:link, 
#contenuTexte .tableau tr.noir a:link, 
#contenuTexte .tableau tr.noir a:visited, 
#contenuTexte .tableau tr.rouge a:visited, 
#contenuTexte .tableau tr.rouge a:link {
	text-align:center;
	color:#666;
	font:italic 10px Arial, Helvetica, sans-serif;
	}

#bloc-tableau img {
	display:block;
	margin:5px 0 20px 0;
	}



/* ACTIONNAIRE */
.calcul1{
	float:left;
	width:200px;
	margin:0 10px 40px 0;
	padding-right:5px;
	border-right:1px solid #e6e6e6;
}

.calcul{
	float:left;
	width:75px;
	margin:0 10px 40px 0;
	padding-right:5px;
	border-right:1px solid #e6e6e6;
}

#contenuTexte .calcul1 p, #contenuTexte .calcul p {border-bottom:1px solid #e6e6e6; padding-bottom:2px;}
#contenuTexte .calcul1 p.gras, #contenuTexte .calcul p.gras {border-bottom:1px solid #333; padding-bottom:2px;}


/* ACTIONNAIRE ASSEMBLEE GENERALE */
#contenuTexte ul.assemblee {
	list-style:none;
	margin:0 0 3px 50px;
	float:left;
	width:260px;
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	text-align:right;
	height:auto;
	}
	
#contenuTexte ul.assemblee li {
	background:none;
	padding-left:20px;
	padding-bottom:5px;
	text-align:right;
	}


/* ACTIONNAIRE ASSEMBLEE GENERALE */
.communique {
	list-style:none;
	margin:0 0 10px 0;
	float:left;
	width:100%;
	font:normal 1.1em Arial, Helvetica, sans-serif;	
	text-align:left;
	height:auto;
	}

#contenuTexte p.nom-communique {
	font:normal 12px Arial, Helvetica, sans-serif;
	padding:2px 0 3px 8px;	
	} 
	
#contenuTexte p.date-communique {
	color:#666;
	font:small-caps normal 11px Arial, Helvetica, sans-serif;	
	padding:2px 0 5px 8px;	
	} 

#contenuTexte .communique a:link, #contenuTexte .communique a:visited {color:#CCC;}


#bloc-mentions {
	margin:0 0 0 0;
	width:400px;
	}


#contenuTexte #bloc-mentions h4{
	margin:20px 0 5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:1.6em;
	text-align:left;
	color:#7C8B84;
}