/* CSS Document */

body {

/*background-color:#FFE9D2;
background-image: url(../img/px_background.gif);*/
background-color:#FFF;
margin:0;
padding:0;
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
}

#popup{
/*background-color:#330066;
width:750px;*/
margin:0px auto;
}

#site{
background-image:url(../img/site/px_background.jpg);
background-repeat:repeat-y;
/*background-color:#33CCCC;*/
width:950px;
margin:0px auto;
}

#visu{
width:271px;
height:800px;
margin-left:6px;
float:left;
}

#nav {
background-image:url(../img/site/ortho-bionomy.gif);
width:643px;
height:142px;
float:left;
/*margin-left:277px;
padding-left:20px;*/
}

#contenu {
width:658px;
margin-left:277px;
padding-left:5px;
}

#news {
background-image:url(../img/site/home.jpg);
background-repeat:no-repeat;
width:658px;
height:184px;
margin-top:50px;
}

#bottom {
width:658px;
margin-left:277px;
padding-left:5px;
clear:both;
}




ul{
margin: 0 ;
padding: 0 ;
padding-left:190px;
padding-top:5px;
list-style-image: url(../img/site/puce.gif);
}

ul li{
margin: 0 ;
padding: 0 ;
padding-top:3px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul.plan{
margin: 0 ;
padding: 0 ;
padding-left:190px;
padding-top:5px;
list-style-image: url(../img/site/puce.gif);
}

ul.plan li{
margin: 0 ;
padding: 0 ;
padding-top:3px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}
ul.plan2{
margin: 0 ;
padding: 0 ;
padding-left:20px;
padding-top:5px;
padding-bottom:15px;
list-style-image: url(../img/site/puce.gif);
}

ul.plan2 li{
margin: 0 ;
padding: 0 ;
padding-top:3px;
/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}


.spacer {
clear:both;
}

.tab{
border:0px;
padding:0px;
margin:0px;
float:left;
}


.principes{
width:360px;
margin:0px auto;
text-align:center;
}

.news{
float:right;
width:325px;
margin:0px auto;
margin-top:45px;
}

.txt_cours{
width:280px;
padding:10px;
margin-right:20px;
margin-bottom:20px;
margin-left:5px;
border:1px solid #993300;
float:left;
}
.txt2_cours{
width:560px;
padding:10px;
margin-right:20px;
margin-left:5px;
border:1px solid #993300;
float:left;
}


h1.accueil{
font-family :  Verdana, Helvetica, sans-serif;
font-size:18px; 
font-weight:bold;
color:#993300;
padding:0px;
margin:0px;
text-align:center;
line-height:140%;
}
h2.accueil{
font-family :  Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:normal;
color:#993300;
padding:0px;
margin:0px;
text-align:center;
line-height:140%;
}
h3.accueil{
font-family :  Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#993300;
padding:0px;
padding-top:35px;
margin:0px;
text-align:center;
line-height:140%;
}
h4{
font-family :  Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#993300;
padding:0px;
margin:0px;
padding-left:20px;
padding-right:25px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
margin-top:0px;
}

p{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
padding-left:20px;
padding-right:25px;
text-align:justify;
}
p.techniques{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
padding:0px;
margin:0px;
padding-left:20px;
padding-right:25px;
text-align:justify;
}
p.centre{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
padding:0px;
margin:0px;
padding-left:20px;
padding-right:25px;
text-align:center;
}
.petit{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
padding-left:20px;
padding-right:25px;
text-align:justify;
}
p.bottom{
font-family :  Verdana, Helvetica, sans-serif;
font-size:12px; 
color:#993300;
padding:0px;
margin:0px;
text-align:center;
}
.ppetit{
font-family :  Verdana, Helvetica, sans-serif;
font-size:10px; 
color:#993300;
padding:0px;
margin:0px;
text-align:center;
}

a.nav:link { color:#CC6633;font-weight:bold;font-size:13px;text-decoration: underline;margin-left:5px;margin-right:15px;}
a.nav:visited { color:#CC6633;font-weight:bold;font-size:13px;text-decoration: underline;margin-left:5px;margin-right:15px;}
a.nav:hover{ color:#CC6633;font-weight:bold;font-size:13px;text-decoration: none;margin-left:5px;margin-right:15px;}
a.nav:active { color:#CC6633;font-weight:bold;font-size:13px;margin-left:5px;margin-right:15px;}

a.nav_over:link { color:#000;font-weight:bold;font-size:13px;text-decoration: none;margin-left:5px;margin-right:15px;}
a.nav_over:visited { color:#CC6633;font-weight:bold;font-size:13px;text-none: underline;margin-left:5px;margin-right:15px;}
a.nav_over:hover{ color:#CC6633;font-weight:bold;font-size:13px;text-decoration: none;margin-left:5px;margin-right:15px;}
a.nav_over:active { color:#CC6633;font-weight:bold;font-size:13px;margin-left:5px;margin-right:15px;}

a.lien:link { color:#CC6633;font-weight:bold;font-size:12px;text-decoration: underline;}
a.lien:visited { color:#CC6633;font-weight:bold;font-size:12px;text-decoration: underline;}
a.lien:hover{ color:#CC6633;font-weight:bold;font-size:12px;text-decoration: none;}
a.lien:active { color:#CC6633;font-weight:bold;font-size:12px;}

a.titre:link { color:#993300;font-weight:bold;font-size:18px;text-decoration: underline;}
a.titre:visited { color:#993300;font-weight:bold;font-size:18px;text-decoration: underline;}
a.titre:hover{ color:#993300;font-weight:bold;font-size:18px;text-decoration: none;}
a.titre:active { color:#993300;font-weight:bold;font-size:18px;}

a.liens_news:link { color:#993300;font-size:12px;text-decoration: none;}
a.liens_news:visited { color:#993300;font-size:12px;text-decoration: none;}
a.liens_news:hover{ color:#993300;font-size:12px;text-decoration: underline;}
a.liens_news:active { color:#993300;font-size:12px;}

a.lien_bottom:link { color:#FFCC99;font-size:11px;text-decoration: underline;margin-left:5px;margin-right:15px;}
a.lien_bottom:visited { color:#FFCC99;font-size:11px;text-decoration: underline;margin-left:5px;margin-right:15px;}
a.lien_bottom:hover { color:#FFCC99;font-size:11px;text-decoration: underline;margin-left:5px;margin-right:15px;}
a.lien_bottom:active { color:#FFCC99;font-size:11px;text-decoration: underline;margin-left:5px;margin-right:15px;}

/***** FORMULAIRE ******************************************************************/
form {
width:500px;
float:left;
}

div.row {
width:500px;
  clear: both;
  padding-top: 4px;
  }

div.row span.label {
  float: left;
  width: 120px;
  text-align: right;
  }
div.row span.label1 {
  float: left;
  width: 150px;
  text-align: right;
  }

div.row span.formw {
  float: left;
  width: 200px;
  text-align: left;
  } 



/***** IMAGES ******************************************************************/
img.tableau{
width:658px;
text-align:center;
margin:0px auto;
}

/**** MENU ****************************************************************************/

.menu{
/*position:absolute;
position:fixed;*/
width:643px;
display:block;
margin:0px;
padding:0px;
border:0px;
height:23px;
z-index:20;
}

.menu ul{
position:absolute;
display:block;
padding:0px;
}

.menu li ul{
visibility:hidden;
margin: 0px;
padding: 0px;
}

.menu li li ul{
position:absolute;
}

.menu li{
list-style:none;
height:auto;
display:inline;
display:block;
float:none;
float:left;
margin:0;
padding:0;
}

.menu li li{
display:block;
float:none;
}

/* correct a little IE bug */
* html .menu li li{
display:inline;
}


.menu a{
color:#CC6633;
font-size:13px;
font-weight:bold;
display:block;
text-decoration:underline;
padding:0px;
margin:1px;
margin-left:5px;margin-right:15px;
}

.menu a:hover{
color:#CC6633;
text-decoration:none;
margin-left:5px;margin-right:15px;
}




.menu ul a {
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
background-color: #FDEBD5;/*93C1E2;/*#5594E1 ;*/
background-image:none;
color:#993300;
display:block;
text-decoration:none;
padding:2px;
padding-left:3px;
width:148px;
border:0px;
margin:0px;
border-bottom:1px #FFF solid;
font-size:12px;
float:none;
font-weight:normal;
clear:both;
}
.menu ul a:hover {
background-color: #FFF;
/*border-left:1px #93C1E2 solid;
border-right:1px #93C1E2 solid;*/
width:148px;
font-weight:bold;
}