/* --- POSITIONNEMENT --- */
body{
    margin:0px;
    padding:0px; 
}
div#main{
    width:1000px;
    margin:0px;
    padding:0px;
    margin-left: 0px;
    margin-right: auto;
}
/* En-t�te */
#header {
  	margin:0px;
	padding: 0px;
	background:url(../images/bg-header.jpg) #FFFFFF no-repeat top right;
}
#header img {
	margin: 0px;
	padding:0px;
	border:0px;

}
div#header p {
	margin: 0px;
	padding:0px;
	border:0px;
	height:150px;
}
div#header p#header-menu {
	height:auto;
}
div#header h1#header-title{
  margin:0px;
  padding:0px;

}
div#header p{
  margin:0px;
  padding:0px;
}
div#header h1#header-title span{
  margin:0px;
  color:#FFFFFF;
  background-color:#000000;
  font-size:14px;
  padding:5px 0;
  width:1000px;
}
div#header h1#header-title a{
  margin:0px;
  padding:0px;
}
div#header h1#header-title span.left{
  float:left;
  width:20%;
}
div#header h1#header-title span.right{
  float:right;
  width:80%;
}

/**/

span#header-menu-gauche {
  width:140px;
  height:60px;
  float:left;
  margin:0px;
  padding:5px;
  border:1px solid #000000;
}
span#header-menu-gauche2 {
  width:700px;
  height:60px;
  float:left;
  margin:0px;
  padding:5px;
  border:1px solid #000000;
}
span#header-menu-droite {
  width:124px;
  height:60px;
  float:right;
  margin:0px;
  padding:5px;
  border:1px solid #000000;
}

span.btn {
  background:url(../images/background-btn-fin-inverse.gif) no-repeat;
  background-repeat:no-repeat; 
  height:21px;
  border:0px;
  padding:4px 0px 6px 0px;

}
a.btn {
  background:url(../images/background-btn-300-inverse.gif) no-repeat;
  background-position:100% 0;
  height:21px;
  border:0px;
  margin:0px;
  margin-left:9px;
  padding:4px 10px 6px 2px;
  text-align: center;
  font-size:11px;
  line-height:21px;
  }

span#header-menu-gauche span.btn
{
  margin-left:20px;
}
span#header-menu-droite span.btn
{
  margin-left:50px;
}



/* --- Bloc Central -- */


/* Bloc central contenant #menu-left et #content-text */
div#content {
	width: 100%; 
	overflow: hidden; 
	background:url(../images/motif.gif) repeat-y #FFFFFF top left;
  padding-top:25px;
}

/* Menu de navigation partie public*/
#menu-left {
	width: 165px;
	float: left;
	border-right:1px solid #000000;
}

div.vign1{
    background:url(../images/bg-menu1.gif) transparent no-repeat right top;
    clear:both;
    width:165px;
    height:59px;
    padding:0;
    margin: 100px 0 0 0 ; /*positionnez la hauteur au besoin*/
}
div.vign2{
    background:url(../images/bg-menu2.gif) transparent no-repeat right top;
    clear:both;
    width:165px;
    height:122px;
    margin: 70px 0 0 0 ; /*positionnez la hauteur au besoin*/
}
div.vign3{
    background:url(../images/bg-menu3.gif) transparent no-repeat right top;
    clear:both;
    width:165px;
    height:185px;
    margin: 50px 0 0 0 ;/*positionnez la hauteur au besoin*/
}

/* Contenu */
#content-text {
  width: 800px;
  margin:0px;
	margin-left: 180px;
	padding:0px;

}



/*--------- Pied de page -------------------*/
#footer {
	margin: 0;
	padding:0px;
	font-size: 1em;
	width:1000px;
}

#footer-text {
float:right;
margin-top:35px;
text-align:center;
}
#footer img {
float:right;
margin:10px;
margin-right:0px;
}
#footer-vert{
margin:0px;
padding:0px;
height:25px;
width:942px;
background-color:#009DDC;
float:left;
}
#footer-bleu {
margin:0px;
margin-left:2px;
padding:0px;
height:25px;
width:56px;
background-color:#A3C12F;
float:left;
}

#header img#deconnexion {
position:absolute;
margin:0px;
padding:0px;
margin-left:672px;
margin-top:75px;
}

#header img#interogation {
position:absolute;
margin:0px;
padding:0px;
margin-left:672px;
.margin-left:669px;
margin-top:105px;
}


.messageErreur{
	color:red;
}

.messageConfirmation{
	color:green;
}