@charset "UTF-8";

/*---			--*/
/*---	Global - div id	--*/
/*---			--*/
body {
	background-color: #FFFFFF;
}
#cadre {
	background-color: #FFFFFF;
	margin: 0 auto;
	vertical-align:middle;
	width: 1024px;
	height: 768px;
	position: relative;
	border: 0px solid #F09403;
}
#col_gauche {
	background-color: #F09403;
	position: absolute;
	width: 150px;
	height: 768px;
	left: 0px;
	top: 0px;
	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;
}
#bandeau {
	position: absolute;
	background-color: white;
	height: 185px;
	width: 500px;
	left: 190px;
	top: 0px;
	z-index: 3;
}
#centre {
	position: absolute;
	height: 583px;
	width: 834px;
	left: 190px;
	overflow: auto;
	top: 185px;
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;
}
#centre h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 18px;
	font-weight: bold;
}
#centre txtR {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 20px;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
#centre a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D4D4D;
}
#centre table {
	border: 1px solid #FF9900;
}
#centre td {
	border: 1px solid #FF9900;
}
#visuel {
	position: absolute;
	height: 400px;
	width: 300px;
	top: 0px;
	left: 700px;
	z-index: 2;
}
#visuel a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
}
#liens {
	position: absolute;
	height: 368px;
	width: 300px;
	top: 400px;
	left: 700px;
	z-index: 1;
}
#liens a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #4D4D4D;
}
/*---	                    		--*/
/*---	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;
}
/*---	                    			--*/
/*---	Positionnement de texte - div class	--*/
/*---	                    			--*/
.corpstexte {
	width: 500px;
	text-align: justify;
}
.corpstexteSSvisuel {
	width: 750px;
	text-align: justify;
}
.retrait {
	margin-left: 20px;
	width: 500px;
	text-align: justify;
}
/*---	                    	--*/
/*---	Titres - div class	--*/
/*---	                    	--*/
.h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 18px;
	font-weight: bold;
}

/*modif pour mettre une balise h1 par greg*/
h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 18px;
	font-weight: bold;
}

.h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: bold;
}

/*---	                    	--*/
/*---	Textes - div class	--*/
/*---	                    	--*/
/*---	Texte de base		--*/
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	list-style-type: circle;
}
.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 en orange	--*/
.h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-size: 13px;
	font-weight: bold;
}
.or {
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-size: 13px;
	font-weight: bold;
}
/*---	Petit texte pour courriel dans colonne	--*/
.h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 9px;
	font-weight: bold;
}
.txtp {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 9px;
	font-weight: bold;
}
.puceAcc {
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #4D4D4D;
}
/*---	Texte centré pour colonne, tableau et adresse bas de page		--*/
.txtC {
	font-family: Arial, Helvetica, sans-serif;
	color: #4D4D4D;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	list-style-type: circle;
}

.or a{
	font-family: Arial, Helvetica, sans-serif;
	color: #F09403;
	font-size: 13px;
	font-weight: bold;
}