body {
	margin: 0;
	background-image: url(../images/fond.gif) ;
	text-align: center;
}

/* bulle au survol notamment pour le paiement */
a.bulle_info {
text-decoration: none;
position: relative;
cursor:default;
}
a.bulle_info span {
text-decoration: none;
display: none;
}
a.bulle_info:hover {
background: none;
z-index: 500;
}
a.bulle_info:hover span {
padding:2px;
color: #000000;
position: absolute;
right: -15px;
_right: 200px;
bottom: 15px;
_bottom: 20px;
background: #FFFFDF;
width: 200px;
height: 60px;
display: inline;
border: 1px solid #494949;
overflow:auto;

}

.blanc {
	color: #FFFFFF;
}
/*champ form */
.input {
	padding-left:1px;
	height:15px;
	border-width:1px;
	border-style:solid;
	background-color: #FFFFFF;
	border-color:#336699;
	font-size:10px;
}

/* class erreur */
.erreur {
	color: #FF0000;
	font-weight: bold;
	font-size: 11px;
}
/* message ok */
.valid {
	color: #009900;
	font-weight: bold;
	font-size: 11px;
}

#lesite {
	position: relative ;
	margin-left: auto ;
  margin-right: auto ;
  width: 740px ;
  text-align: left ;
}

#bandeau {
	position: absolute ;
	left: 0px ;
	top: 13px ;
	z-index: 1 ;
}

#infos {
	position: absolute ;
	height: 380px ;
	left: 0px ;
	top: 133px ;
	background-color: #FFFFFF ;
	z-index: 1 ;
}

#ligne_haut {
	z-index: 4 ;
}

#gauche {
	position: absolute ;
	height : 370px ;
	width: 147px ;
	left: 1px ;
	bottom: 1px ;
	background-color: #3879AE ;
	z-index: 2 ;
}

#titre {
	position: absolute ;
	left: 0px ;
	top: 0px ;
	z-index: 2 ;
}

#bandeverte {
	position: absolute ;
	height : 378px ;
	width: 4px ;
	left: 148px ;
	top: 2px ;
	background-color: #A7D41E ;
	z-index: 2 ;
}

#centre {
	position: absolute ;
	height : 378px ;
	width: 422px ;
	left: 152px ;
	top: 2px ;
	background-color: #FFFFFF ;
	z-index: 2 ;
}

#centre1 {
	position: absolute ;
	height : 378px ;
	width: 550px;
	left: 152px ;
	top: 2px ;
	background-color: #FFFFFF ;
	z-index: 2 ;
}

#container {
	position:absolute;
	left: 31px ;
	top:34px ;
	width:410px; 
	height:320px ; 
	clip:rect(0,369px,320px,0); 
	overflow:auto; 
	background-color: #FFFFFF ;
}

#container1 {
	position:absolute;
	left:15px;
	top:34px;
	width:570px; 
	height:320px ; 
	clip:rect(0,550px,320px,0);
	overflow:auto; 
	background-color: #FFFFFF ;
}

#content {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:369px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-style: normal ; 
	font-weight: normal ; 
	text-decoration: none ; 
	text-align : justify ;
	color: #023F88
}

#content1 {
	position:absolute; 
	left:0px; 
	top:0px; 
	width: 550px; 
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-style: normal ; 
	font-weight: normal ; 
	text-decoration: none ; 
	text-align : justify ;
	color: #023F88
}

#droite {
	position: absolute ;
	height : 378px ;
	width: 164px ;
	right: 1px ;
	top: 2px ;
	background-color: #EFF8D0 ;
	z-index: 2 ;
}

#menu {
	position: absolute ;
	width: 148px ;
	height: 165px ;
	left: 0 ;
	top: 2px ;
	background-color: #FFFFFF ;
	z-index: 3 ;
}

#acces {
	position: absolute ;
	width: 147px ;
	left: 1px ;
	bottom: 1px ;
	z-index: 3 ;
}

.boutonmenu {
padding-bottom : 1px ;
background-color: #FFFFFF ;
}

.boutonmenu2 {
padding : 0 ;
}

#violetpresentation {
	position: absolute ;
	height : 22px ;
	width: 8px ;
	left: 0 ;
	top: 2px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetmission {
	position: absolute ;
	height : 25px ;
	width: 8px ;
	left: 0 ;
	top: 23px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetconstat {
	position: absolute ;
	height : 24px ;
	width: 8px ;
	left: 0 ;
	top: 47px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetjeux {
	position: absolute ;
	height : 25px ;
	width: 8px ;
	left: 0 ;
	top: 70px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetpaiement {
	position: absolute ;
	height : 26px ;
	width: 8px ;
	left: 0 ;
	top: 94px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetcontact {
	position: absolute ;
	height : 25px ;
	width: 8px ;
	left: 0 ;
	top: 119px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#violetliens {
	position: absolute ;
	height : 24px ;
	width: 8px ;
	left: 0 ;
	top: 143px ;
	background-color: #B451C3 ;
	visibility : hidden ;
	z-index: 4 ;
}

#up {
	position:absolute; 
	left: 375px ; 
	bottom:10px;
}

#down {
	position:absolute; 
	left: 387px ; 
	bottom:10px;
}

.elementsalignes {
	position:relative; 
	left: 0; 
	right: 0;
}

.encolonne {
	float: left ;
	margin-right: 6px ;
	margin-top: 5px;
}

.cadrevert {
	padding: 2px ;
	border: 1px solid #A7D41E;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 9px; 
	font-style: normal ; 
	font-weight: lighter ;
	text-decoration: none ; 
	color: #023F88 ;
}

h1 {
	display: block ;
	height: 24px ;
	margin: 0 ;
	padding-left: 6px ;
	border-left: 24px solid #A7D41E;
	font-family: Verdana, Arial, sans-serif; 
	font-size: 12px; 
	font-style: normal ; 
	font-weight: bold ; 
	text-decoration: none ; 
	color: #A7D41E ; 
}

h2 {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 11px; 
	font-style: normal ; 
	font-weight: bold ; 
	text-decoration: none ; 
	color: #A7D41E ; 
}

h2.liens {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-style: normal ; 
	font-weight: bold ; 
	text-decoration: none ; 
	color: #A7D41E ; 
}

h3.liens {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-style: normal ; 
	font-weight: bold ; 
	text-decoration: none ; 
	color: #023F88 ; 
}

select.formselect {

}

input.formtexte {
}

td {
	font-family: Verdana, Arial, sans-serif; 
	font-size: 10px; 
	font-style: normal ; 
	font-weight: normal ; 
	text-decoration: none ; 
	text-align : left ;
}

ul.flechedroite { list-style-image: url(../images/fleche_droite.gif) ; margin-top: 0 ; margin-left: 20px ;padding: 0 ;}

ul.quotevert { list-style-image: url(../images/quote.gif) ; margin-left: 20px ;padding: 0 ;}

ul.listecompetences { list-style-type : none ; margin-left: 135px ; padding-left: 0 ; }

ul.decalage { list-style-type : none ; margin-left: 30px ; padding-left: 0 ; }

ul.formulaires { list-style-type : none ; margin: 0 ; padding: 0 ; }

li.liens {padding-top : 5px }

img.imagecompetence { float: left ; margin-top: 5px }


input.bouton {font-family: Arial,sans-serif ; font-size: 11px ; background-color: #AEDA15 ; color: #FFFFFF ; }

.image { vertical-align: middle }

.login { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF}

.repere { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF}

.etoile { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #A7D41E}

A.lien1:link { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF }
A.lien1:visited { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF }
A.lien1:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: underline ; color: #FFFFFF }

A.lien2:link { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF }
A.lien2:visited { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: none ; color: #FFFFFF }
A.lien2:hover { font-family: Verdana, Arial, sans-serif; font-size: 12px; font-style: normal ; font-weight: normal ; text-decoration: underline ; color: #FFFFFF }

A.lien3:link { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal ; font-weight: normal ; text-decoration: underline ; color: #A1D5FF }
A.lien3:visited { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal ; font-weight: normal ; text-decoration: underline ; color: #A1D5FF }
A.lien3:hover { font-family: Verdana, Arial, sans-serif; font-size: 10px; font-style: normal ; font-weight: normal ; text-decoration: underline ; color: #FFFFFF }

.textegauche { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-style: normal ; text-decoration: none ; color: #000000 ; text-align : justify ; margin : 5px ; }

.voiraussi { font-family: Verdana, Arial, sans-serif; font-size: 7px; font-style: normal ; text-decoration: none ; color: #023F88 ; text-align : center ; border : solid 1px ; border-color: #3879AE ; background-color: #FFFFFF }

.liengauche:link { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-style: normal ; font-weight: bold ;text-decoration: none ; color: #B451C3 }
.liengauche:visited { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-style: normal ; font-weight: bold ;text-decoration: none ; color: #B451C3 }
.liengauche:hover { font-family: Verdana, Arial, sans-serif; font-size: 9px; font-style: normal ; font-weight: bold ;text-decoration: none ; color: #AEDA15 }

p.voiraussi {
	line-height: 3px;
}