/* CSS Document Prodiag */


* {margin:0; padding:0; border: none; text-decoration: none; }
body {font-family:  Verdana, Helvetica, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, sans-serif; 
font-size: 12px; background-color: #000063; text-align: center;    }

a img {text-decoration: none;}
h1#tohome  {  position:absolute;  left: 5px;  top: 10px; }
h1#tohome a {width: 320px; height: 80px; text-indent: -5000px;  display:block;  }

h2 {  padding: 15px 0 0 0;  margin: 0px 0 40px 20px; color: #000063; text-align: left; display: none;  }

h2 span { float: right;  font: bold 21px arial; padding: 15px 0 0 0;  margin: 0px 20px 40px 20px; color: #000063; text-align: left;  }


ul li {list-style: none}
acronym {border-bottom: 1px dotted #531d61; }

a {color: #000063; font-weight: bold; text-decoration: none}
a:hover {color: #000063; text-decoration: underline; }


/*----------    Mise en forme des pages   --------------*/

#loginForm {   width: 400px; margin: 20px auto 0 auto ;    
		         position: absolute; bottom: 0px; right: 60px; }
	
#loginForm p{margin: 0 0 10px 0  }

#loginForm p label { width: 95px; margin: 0 5px 0 0px; text-align :right}
#loginForm p#un {position:relative; top: 0px; left: 27px; }

select, input { border: 1px solid #6b92ce; width: 142px;  height: 20px ; padding: 0 0 0 2px; margin: 0 0 0 0px;     }


p.validForm { position: absolute; top: 18px; left: 335px; }
p.validForm input{ border: none; width: 74px; height: 15px;  }

p.oublie a {position:relative; top: 5px; left: 54px; color: white; font: normal 12px arial; color: #000063; font-weight: bold;  }
p.oublie a:hover {font-weight: bold; text-decoration: none;  }



/*---- - - - -     Edito         - - - - */

div#edito { 
margin: 0 0 40px 0px; 
font: normal 12px/19px arial;
 color: #000063;}

h3.titleedito {color: #000063;  height: 35px;
font: bold 13px arial; 
margin: 0 0 3px 0px;  }

p.txtEdito { color: #000063; text-align: left; margin: 0px 0px 10px 0px ; padding: 10px; width: 365px;   
             position: absolute;  top: 105px; left: 20px; color: #fff }
				 
p.txtEdito a{ color: #fff;  font-weight: normal ;  text-decoration: underline;  }


/*---- - - - -     Message d'erreurs  - - - - */

.denied { margin: 10px 0 0 0px; position: absolute; bottom: 75px; right: 104px;   }

.denied ul {border: none}
.denied ul li{ color: #4734ac;  text-align: center;  }
.denied ul li img{ position:relative; top: 2px; left: 0px;   }


/* ------------------ CONTENEURS DE LA PAGE ----------------*/	




#main {width: 836px; 
position: relative;
margin: 0 auto; 
 z-index: 50;
 top: 10px; padding: 15px; 
 border: 2px solid #fff; }


#body { background-color: #fff; border: 1px solid #7f7fb1;  height: 403px; position:relative; top: 0px; left: 0px; margin: 0 0 90px 0px; 
        background: url(../images/fond/connexion.jpg) left top no-repeat; }



#footerc {   position: absolute; bottom: 10px; left: 0px; }

#footerc p{ color: #ffffff; font: bold 13px arial; padding: 3px 0;  text-align: center;  width: 865px; 
            border-top: 2px dotted #fff; border-bottom: 2px dotted #fff; }
				
#footerc p a{color: #ffffff; font-weight: normal  }
#footerc p a:hover{text-decoration: underline;    }

.kill {display: none   }