/*
BTS-Assurance.net
Creation: mars 2008
Description: Feuille CSS de BTS Assurance
ATTENTION TOUTE COPIE MEME PARTIEL DE CETTE PAGE ENTRAINE DES SANCTIONS 

*/

body {
/* menu déroulant horizontal*/
behavior: url("csshover.htc");
   margin: 0;
   padding: 0;
  font-family: Verdana, Arial, Helvetica, helv, sans-serif;
  font-size:11px;
  background-color: #ffffff;
  color:#005566;
  text-decoration: none;
  scrollbar-face-color: #eeeeff;
  scrollbar-shadow-color: #005566;
  scrollbar-highlight-color: #005566;
  scrollbar-3dlight-color: #eeeeff;
  scrollbar-darkshadow-color: #eeeeff;
  scrollbar-track-color: #005566;
  scrollbar-arrow-color: #005566;
}
a {
 color: #660000;
}
a:hover {
text-decoration: none;
color: #005566;
}
#header {
height: 50px;
margin : 5px 20px 20px; 
}

#conteneur {
width:750px;
margin:0 auto;
}
}
#centre {
background-color:#e0eaff;
color:#005566;
margin-left: 160px;
margin-right: 160px;
margin-top: 30px;
}
#gauche {
float:left;
width: 150px; 
margin-top: 30px;

}
#droite {
float:right;
width: 150px;
margin-top: 30px;
}
#pied {
clear:both;
height: 60px;
background-color:#eeeeff;
}
.rouge {
 color:#991100;
}

#pub
{
        padding-top : 20px;
}

/*Menu horizontale onglet */
#menu
{
        border-bottom : 1px dashed #110000;
        padding-bottom : 25px;
		font-size:11px;
}

#onglets
{
        position : absolute;
        border : 1px solid transparent;
        padding : 0;
        font : Arial, Helvetica, helv, sans-serif;
        list-style-type : none;
        left : 50%;
        margin-top : 0;
        width : 430px;
		margin-left : -230px; /* la moitié de width */
}

#onglets li
{
    float : left;
    height : 21px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #eeeeee;
    margin : 2px 2px 0 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 4px 2px 0 2px;  /* Pour IE  */
    border : 1px solid #9EA0A1;
}
#onglets li.active
{
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
#onglets a
{
    display : block;
    color : #660000;
    text-decoration : none;
    padding : 4px;
}
#onglets a:hover
{
    background : #eeeeff;
}

/* Menu vertical déroulant */


#menu_dynamique li a {
  display:block;
  height:23px;
  text-decoration:none;
  color : #660000;
  background-color: #eeeeee;
}

#menu_dynamique {
 float:left;
 width: 150px;
 font-size:11px;
 padding-bottom : 8px;
}

#menu_dynamique ul {
  width:150px;
  list-style:none;
  padding:0px;
  margin:0px;
  border-right:1px black;
}

#menu_dynamique ul li {
  width:auto;
  margin-left:5px;
  padding-left:25px;
  text-indent:5px;
  height:23px;
}

#menu_dynamique ul li ul {
  display:none;
}

#menu_dynamique ul li:hover ul {
  display:block;
  position:relative;
  top:-24px;
  left:115px;
   z-index:20;
}

#menu_dynamique ul li ul, #menu_dynamique ul li:hover ul li ul, #menu_dynamique ul li:hover ul li:hover ul li ul{
  display:none;
}

#menu_dynamique ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul, #menu_dynamique ul li:hover ul li:hover ul li:hover ul{
  display:block;
  position:relative;
  top:-24px;
  left:115px;
   z-index:20;
}

#menu_dynamique ul li.extend a {
  background:white url("next.png") right no-repeat;
}

#menu_dynamique ul li.extend:hover ul li.end a {
  background-image:none;
}

#menu_dynamique li:hover {
  background:white url("plus.png") no-repeat;
}

#menu_dynamique li a:hover {
  color:black;
  background-color:#008888;
}
#menu_dynamique ul li.extend:hover a, #menu_dynamique ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li.extend:hover ul li:hover a{
  background-color:#008888;
}

#menu_dynamique ul li.extend:hover ul li a, #menu_dynamique ul li.extend:hover ul li:hover ul li a, #menu_dynamique ul li.extend:hover ul li.extend:hover ul li:hover ul li a{
  background-color:#008888;
}
#menu_dynamique li.first{
  border-top:1px black;
}

#menu_dynamique li.last{
  border-bottom:1px black;
}
#menu_dynamique ul li.extend:hover {
  width:120px;
  height:23px;
  overflow:hidden;
}

html > body #menu_dynamique ul li.extend:hover {
  overflow:visible;
}

/*Bulle aide*/

.aide {
    position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
.aide span {
   display: none; /* on masque l'infobulle */
}
.aide:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
 
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
.aide:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   width: 250px;
   background: white;
  text-align: left;
   color: #004466;
   padding: 3px;

   border: 1px solid green;
   border-left: 4px solid green;
}

/*Definition*/

.definition {
    position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
.definition:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}

/*Inscription*/
.cssinscription p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; 
height: 1%;
}

.cssinscription label{
font-weight: bold;
float: left;
margin-left: -155px; 
width: 150px; 
}

.cssinscription input[type="text"]{ 
width: 180px;
}

.cssinscription textarea{
width: 250px;
height: 150px;
}