#barresup {
	position:relative;
	float:left;
	width:100%;
	height:2em;
	background:transparent;
	text-align:center}

.itempetit {
	background:#006699;
	position:relative;
	float:left;
	width:70px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left;
	vertical-align: baseline}
.itempetitnoir {
	background:#006699;
	color:white;
	position:relative;
	float:left;
	width:70px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left;
	vertical-align: baseline}
#itemgrand {
	background:#4e87fa;
	position:relative;
	float:left;
	width:140px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
#itemgrandclair {
	background:#b1a5f3;
	position:relative;
	float:left;
	width:140px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
.itemgrandjaune {
	background:#006699;
	position:relative;
	float:left;
	width:160px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
.itemgrandrouge {
	background:#006699;
	color:white;
	position:relative;
	float:left;
	width:170px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
.itempetitrouge {
	background:#006699;
	color:white;
	position:relative;
	float:left;
	width:70px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
.itemgrandnoir {
	background:#006699;
	color:white;
	position:relative;
	float:left;
	width:200px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}
.itemgrandnoirmoy {
	background:#006699;
	color:white;
	position:relative;
	float:left;
	width:70px;
	height:1em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: left}

#barrepres {
	background:transparent;
	position:absolute;
	top:23px; left:142px;
	width:140px;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:0px solid blue;
	border-bottom:0px solid blue;
	text-align: left;
	visibility:hidden;
	z-index:5}
#barreactu {
	background:transparent;
	position:absolute;
	top:23px;
	left:304px;
	width:140px;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:0px solid blue;
	border-bottom:0px solid blue;
	text-align: left;
	visibility:hidden;
	z-index:5}
#barrecontact {
	background:transparent;
	color:white;
	position:absolute;
	top:23px;
	left:558px;
	width:140px;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:0px solid blue;
	border-bottom:0px solid blue;
	text-align: left;
	visibility:hidden;
	z-index:5}
#barretrad {
	background:transparent;
	color:white;
	position:absolute;
	top:23px;
	left:487px;
	width:140px;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:0px solid blue;
	border-bottom:0px solid blue;
	text-align: left;
	visibility:hidden;
	z-index:5}
	

#page {
	position:absolute;
	top:100px;
	left:4px;
	z-index:-1 }

body.gene {
	background-color: #BDBDFE;
	margin: 1em}
.bandeau {
	background-color: #387BBA}
.choix {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small}
.para {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small}
.parapetitblanc {
	margin-top: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: white}
.parablanc {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: white}
.paranoir {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
	font-weight: normal;
}
.parapetitnoir {
	margin-top: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: black}
.pararouge {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FF6600}
.paraorange {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #fbdd37;
	font-weight: bold;
	background-position: center;
}
.parabandeau {
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: small;
	margin-top: 0}
.parabandeau2 {
	background-color: transparent;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: small;
	font-weight: bold;
	margin-top: 0}
.paratitre1 {
	background-color: #006699;
	font-family: Arial, Helvetica, sans-serif;
	color:white;
	font-size: large;
	font-weight: bold;
	font-variant: normal;
	text-align: center}
.paratitre1jaune {
	background-color: #44aadd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:black;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center}
.paratitre1rouge {
	background-color: #1177aa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center}
.paratitre1bleu {
	background-color: #4e87fa;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:white;
	font-size: medium;
	font-weight: bold;
	font-variant: small-caps;
	text-align: center}
.paratexte {
	font-family: Arial, Helvetica, sans-serif;
	color:black;
	font-size: small;
	text-align: justify}
.paratextebleu {
	font-family: Arial, Helvetica, sans-serif;
	color:blue;
	font-weight: bold;
	font-size: small}
.paratempo {
	font-family: cursive;
	color:black;
	font-size: small}
.bouton {
	background:#004477;
	color:white;
	position:relative;
	width:70px;
	height:1.5em;
	padding-top:1px;
	padding-bottom:1px;
	border-left:1px outset;
	border-right:1px inset;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align: center}
.paravert {

	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #33dd00;
	font-weight: bold;
	background-position: center;
}
.paraorangedark {

	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #ffcc37;
	font-weight: bold;
	background-position: center;
}
.parableu {
	margin-top: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0033FF;
	font-weight: normal;
}
.paraorangecli {
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600;
	text-decoration: blink;
	font-size: small;
	font-weight: bold;
}
.emailregion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #99CC00;
	text-decoration: none;
	font-weight: bold;
}
.telefonregion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: large;
	color: #0000FF;
	font-weight: bold;
}
.soslink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #0000CC;
	text-decoration: none;
}

