/* Mise en forme du body */
body {
 position:center;
 margin:0;
 padding:0;
 background: #000000 url(../images/fond.jpg) ;
 background-repeat: no-repeat;
 background-position: center 0px;
 background-attachment :fixed ;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color:#ffffff;
  line-height: 19px;
  margin:0px padding 0px;
  font-size: 10px;
}

/* -------------- liens -------------- */
a:link { text-decoration: none; color:#FF0000;}
a:visited { text-decoration: none; color:#FF2222;}
a:hover { text-decoration: underline; color:#fff;}


/* -------------- styles de la bannierre -------------- */


.bannierre {
 position : absolute;
 left : 20% ;
 top : 10px ;
 width : 60% ;
 height : 100px ;
 background: url(../images/fond_cadres.png) ;
  border-style: solid;
 border-color: #3bcaf3 ;
 border-width: 1px ;
}

.slogan {
position : relative ;
left : 50% ;
top : -15px ;
  color:#3bcaf3;
}

/* -------------- stiles pour les div -------------- */

/* >>menu<< */
.cadre_menugauche {
 position : absolute;
 left : 5% ;
 top : 140px ;
 width : 15% ;
 height : 500px ;
 background: url(../images/fond_cadres.png);
 border-style: solid;
 border-color: #3bcaf3 ;
 border-width: 1px ;
}
.cadre_menugauche a {
display: block;
 width : 100% ;
}
.cadre_menugauche a:hover {
  background: url(../images/fond_cadres.png);
   cursor: crosshair;
}
/* >> centre << */

.cadre_centre {
 position : absolute ;
 left : 22% ;
 top : 140px ;
 width : 56% ;
 height : auto ;
background: url(../images/fond_cadres.png);
	border-style: solid;
	border-color: #3bcaf3 ;
	border-width: 1px ;
}


/* >>login<< */

.cadre_login {
 position : absolute ;
 left : 80% ;
 top : 140px ;
 width : 15% ;
 height : 200px ;
 background: url(../images/fond_cadres.png);
	border-style: solid;
	border-color: #3bcaf3 ;
	border-width: 1px ;
}
.cadre_login h3 {
 font: bold 12px Verdana, Arial, Helvetica, sans-serif;
  color:#0000FF;
  line-height: 19px;
  margin:0px padding 0px;
  font-size: 8px;
}
.cadre_login.tableau {

  color:#0000FF;
	border-style: solid;
	border-color: #3bcaf3 ;
	border-width: 1px ;
  margin:0px padding 0px;
  font-size: 8px;
}
/* >>pub<< */
.cadre_pub {
 position : absolute ;
 left : 80% ;
 top : 380px ;
 width : 15% ;
 height : 260px ;
 background: url(../images/fond_cadres.png);
	border-style: solid;
	border-color: #3bcaf3 ;
	border-width: 1px ;
}

/* >>titres<< */
h2 {
border-bottom: 1px solid #0000FF;
}
h6 {
  font-size: 10px;
  color : #990000;
}


/* debuggers */
 /* marges en bas des divs */
 
.margebas {
 height : 20px ;
}
.margebas2 {
 height : 120px ;
}

/* fenettre des alertes */

#message {
position : absolute;
 height : auto ;
 background: url(../images/fond_messages.png);
	border-style: solid;
	border-color: #3bcaf3 ;
	border-width: 1px ;

}

.menus ul {
list-style-image: url("../images/fleche.png");
}
.menus li:hover {
list-style-image: url("../images/fleche2.png");
}

.liens ul {
list-style-image: url("../images/flecheverte.png");
}
.liens li:hover {
list-style-image: url("../images/flecheverte2.png");
}