/* CSS Document */

body {

background:url(images/fond.jpg) no-repeat top center #faedd6;

margin:0;

padding:0;

font-family:"Courier New", Courier, monospace;

font-size:9px;

}







#conteneur {

width:1024px;

margin:0 auto; 

}



#menugauche {

float:left;

width: 189px;

margin:0;

}



#centre {

width:640px;

float:left;

}





#menudroite{

float:left;

width:162px;

margin:0;

}





#top {

width: 572px;

background:url(images/top.png) no-repeat center;

padding-top:185px;

margin:0 auto;

cursor: pointer;

}





#feuilleter a{

 font-size:18px;
 font-weight:blod; 
 color:#990000;
}

#footer {

width: 240px;

background:url(images/footer.png) no-repeat center;

margin:0 auto;

padding-top:40px;

}



#cadre{

padding-top:12px;

height:458px;

width:591px;

background:url(images/cadre.png) no-repeat center;

margin:0 auto;

}





#passeport{

padding-top:25px;

height:413px;

width:591px;

background:url(images/passeport.png) no-repeat center;

*background: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/passeport.png');

margin:0 auto;

font-size: 18px;

font-weight: bold;

}



div.scr {

overflow:auto;

height:415px;

width:580px;

}



div .contenu {



margin-left: 20px;

margin-right:30px;

font-size:12px;

}



div.centrage {text-align: center;

margin-top:-1px;}



h1 {

font-size:18px;

font-style:blod; 

color:#990000;

}

h2 {

font-size:14px;

}



a {

color:#990000;

text-decoration:none;

}



.droite a {

text-decoration:none;

}



.gauche {

float:left;

}



p #condition {

font-size: 9px;

}



.droite{

float: left;

margin-left:10px;

width:315px; 

}

.erreur  {

font-size:13px;

}

.reussite

{

font-size:13px;

}

TD {

 font-size:13px;

}

.submit {

     border: 1px solid #000;

     color:#990000;

     background:#fff; 

}



.auteur{

margin-left:10px;

}



.sepa{

clear: both;

}



.liste{

margin-top:10px;

}



.nom {

margin-left: 60px;

margin-top: 23px;

}

.prenom {

margin-left: 60px;

margin-top: 15px;

}





#passe_gauche {

width:290px;

float:left;

}





#passe_droite {

width:290px;

float:left;



}



#contrib {

font-size:13px;

margin-left: 25px;

margin-top: 40px;

}



#en_tant {

font-size:9px;

margin-left: 85px;

margin-top: 30px;

}





#passe_gauche_g{

width:168px;

float:left;

}



#passe_gauche_d{

width:120px;

float:left;

}



#sexe {

font-size:13px;

margin-left: 10px;

margin-top: 47px;

}



#photo_identite{

margin-left: 15px;

margin-top: 33px;

}



#vignette_img {

  margin-left: 17px;

margin-top: 17px;

}



#lieu{

font-size:13px;

margin-left: 25px;

margin-top: 37px;

}



#domicile{

font-size:13px;

margin-left: 25px;

margin-top: 34px;

}

#entree{

font-size:13px;

margin-top:45px;

}

#entree2{

font-size:13px;

margin-top:205px;

}

p{
  font-size:13px;
  margin-right:10px;
}

#autre {

font-size:12px;

margin-left: 25px;

margin-right:10px;

}

#contact {

font-size:14px;

text-align:center;

}





div#scrollbar {

    display:none; /* hide from incapable */

    }

    

    

div#scrollbar {

    display:block; /* initially display:none; to hide from incapable */

    }



div#wn	{ 

    position:relative;

    width:570px; height:410px;

    overflow:hidden;

	}

   

div#textefooter {
text-align:center;
font-size:12px;
margin-top: -31px; 

}

div#scrollbar { 

  position:relative;

  width:11px; height:441px; 

  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */

  }

div#track { 

  position:absolute; left:0; top:12px;

  width:11px; height:415px;

  background: transparent;

  }

div#dragBar {

  position:absolute; left:1px; top:1px;

  width:9px; height:20px;

  background-color:#990000;

  }  

div#up { position:absolute; left:0; top:0; }  

div#down { position:absolute; left:0; bottom:0; }



/* for safari, to prevent selection problem  */

div#scrollbar, div#track, div#dragBar, div#up, div#down {

    -moz-user-select: none;

    -khtml-user-select: none;

}





/* so no gap or misplacement due to image vertical alignment

font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */

div#scrollbar img {

    display:block; 

    }

    

    

    

    

    

    

    

    div#scrollbar2 {

    display:block; /* initially display:none; to hide from incapable */

    }



div#wn2	{ 

    position:relative;

    margin-top:20px;

    width:270px; height:250px;

    overflow:hidden;

	}

   

 

div#scrollbar2 { 

  position:relative;

  width:11px; height:276px; 

  font-size:1px;  /* so no gap or misplacement due to image vertical alignment */

  }

div#track2 { 

  position:absolute; left:0; top:12px;

  width:10px; height:250px;

  background: transparent;

  }

div#dragBar2 {

  position:absolute; left:1px; top:1px;

  width:8px; height:20px;

  background-color:#990000;

  }  

div#up2 { position:absolute; left:0; top:0; }  

div#down2 { position:absolute; left:0; bottom:0; }



/* for safari, to prevent selection problem  */

div#scrollbar2, div#track2, div#dragBar2, div#up2, div#down2 {

    -moz-user-select: none;

    -khtml-user-select: none;

}





/* so no gap or misplacement due to image vertical alignment

font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */

div#scrollbar2 img {

    display:block; 

    }