@charset "UTF-8";

/*---			--*/
/*---	Global - div id	--*/
/*---			--*/
body {
	background-color: #FFFFFF;
}
#cadre {
	background-color: #FFFFFF;
	margin: 0 auto;
	vertical-align:middle;
	width: 1100px;
	height: 700px;
	position: relative;
	border: 0px solid #F09403;
}
#col_gauche {
	background-color: #F09403;
	position: absolute;
	width: 170px;
	height: 570px;
	left: 0px;
	top: 140px;
	z-index: 1;
}
/*---	spécifique page Beraka	--*/
#col_gauchebis {
	background-color: #9B009B;
	position: absolute;
	width: 150px;
	height: 768px;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#logo {
	position: absolute;
	background-color: white;
	height: 120px;
	width: 200px;
	left: 0px;
	top: 0px;
	z-index: 1;
}
#bande {
	position: absolute;
	background-color: #CCCCCC;
	height: 5px;
	width: 500px;
	left: 210px;
	top: 115px;
	z-index: 1;
}
#bandeau {
	position: absolute;
	background-color: white;
	height: 60px;
	width: 615px;
	left: 205px;
	top: 45px;
	z-index: 1;
}
#centre {
	position: absolute;
	height: 550px;
	width: 895px;
	left: 205px;
	overflow: auto;
	top: 150px;
	scrollbar-base-color:#F09403;
	scrollbar-track-color:#FFFFFF; 
	scrollbar-face-color: #F09403;
	scrollbar-arrow-color:#F09403;
	scrollbar-3dlight-color:#F09403;
	scrollbar-shadow-color:#F09403;
	scrollbar-darkshadow-color:#F09403;
	z-index: 1;
}
#visuel {
	position: absolute;
	height: 300px;
	width: 270px;
	top: 0px;
	left: 810px;
	z-index: 3;
}
#liens {
	position: absolute;
	height: 300px;
	width: 270px;
	top: 300px;
	left: 810px;
	z-index: 2;
}
#contact {
	position: absolute;
	height: 100px;
	width: 270px;
	top: 600px;
	left: 810px;
	z-index: 2;
}
/*---	                    			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	DEFINITION DES STYLES 			--*/
/*---	  DE CARACTERES POUR LES TITRES         --*/
/*---	                    			--*/
/*---		div class & span pour .Maj	--*/
/*---	                    			--*/
/*---	                    			--*/
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #828282;
	font-size: 18px;
	font-weight: bold;
	margin-left: 0px;
	text-align: center;
}
.Maj {
	font-size: 28px;
	font-weight: bold;
	color: #6E6E6E;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #6E6E6E;
	font-size: 13px;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
/*---	                    			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	DEFINITION DES STYLES 			--*/
/*---	  DE CARACTERES POUR LE MENU	        --*/
/*---	                    			--*/
/*---	                    			--*/
/*---		MENU col_gauche - div class	--*/
/*---	                    			--*/
/*---	                    			--*/
.rubrique {
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.rubrique a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.rubrique a:hover {
	color: #FFFFFF;
}
.rubrique a:active {
	color: #FF0000;
}
.rubriqueSelect {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.rubriqueSelect a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-image: url(IMG/puce.gif);
	margin-left: 0px;
}
.ss_rubrique {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 20px;
	text-align: right;
}
.ss_rubrique a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.ss_rubrique a:hover {
	color: #FFFFFF;
}
.ss_rubrique_select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 20px;
	text-align: right;
	color: #FFFFFF;
}
/*---	                    			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	DEFINITION DES STYLES 			--*/
/*---	  DE CARACTERES SPECIFIQUES      	--*/
/*---	                   A CHAQUE CADRE       --*/
/*---	                    			--*/
/*---	TEXTE Cadre "centre" - div class	--*/
/*---	                    			--*/
#centre a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6E6E6E;
}
#centre table {
	border: 1px solid #FF9900;
}
#centre td {
	border: 1px solid #FF9900;
}
#visuel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
}
#liens a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
}
/*---	                    			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	DEFINITION DES ZONES DE TEXTES      	--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	Positionnement de texte - div class	--*/
/*---	 		   			--*/
/*---	                    			--*/
.corpstexte {
	width: 585px;
	text-align: justify;
}
.corpstexteSSvisuel {
	width: 750px;
	text-align: justify;
}
/*---	                    			--*/
/*---	DEFINITION DES STYLES 			--*/
/*---	  	DE CARACTERES POUR              --*/
/*---	             	TOUTES LES ZONES	--*/
/*---		SPAN CLASS			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	                    			--*/
/*---	Textes de base	  			--*/
/*---						--*/
.txt1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
.txtR {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
/*---	Texte centré pour colonne, tableau et adresse bas de page		--*/
.txtC {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	list-style-type: circle;
}
.txtC a{
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
}
/*---	Texte en orange	--*/
.or {
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-weight: bold;
}
.or a{
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-weight: bold;
}
.txtp {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 9px;
	font-weight: bold;
}