body, html{
height: 100%;
margin: 0;
padding: 0;
}
html > body {
/*overflow: visible !important;*/
}
html {
overflow: visible;
}
body{
/*overflow: auto !important;*/
overflow: scroll;
background: #fff;
font: 0.75em Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
line-height: 1.2em;
}

a{
display: inline;
color: #666;
}
a:hover{
color: #999;
}
a:active{
color: #333;
}

#menu{
background: #f9f8f2;
height: 160px;
left: 50%;
margin: 0 auto 0 -500px !important;
margin: 0 auto 0 -510px;
position: fixed !important;
position: absolute; /*hack IE*/
top: 0;
width: 1000px;
z-index:0;
}
#menu h1{
display: none;
}

#container{
background: #f9f8f2 url(images/fond_contenu.png) no-repeat 140px 250px fixed;
width: 1000px;
margin: 0 auto 0 auto;
padding: 160px 0 20px 0  !important;
padding: 170px 0 20px 0;
z-index:10;
}

.contenu{
margin: 10px auto 50px auto;
height: 100%;
overflow: auto !important;
overflow: hidden;
}
.contenu h2, .contenu h3{
font-family: Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, sans-serif;
}
.contenu h2{
font-size:1.2em;
font-weight:  bold;
margin: 0 0 10px 0;
}
.contenu h2 span{
padding: 0 10px 0 20px;
background-color: #f9f8f2;
}
.contenu h3{
font-size:1em;
font-weight:  bold;
}
.contenu h4{
font-size:1em;
font-weight: normal;
}

/* Couleur des rubriques */
/*Definir*/
#container.definir .contenu h2{
border-bottom: #C2E0D8 1px solid;
}
#container.definir .contenu h2, #container.definir .col_gauche h3, #container.definir .col_gauche h4, #container.definir .col_gauche li h4{
color: #006666;
}
#container.definir .col_gauche li{
list-style: square url(images/puce_definir.png) outside;
}
/*Mesurer*/
#container.mesurer .contenu h2{
border-bottom: #FFC1C1 1px solid;
}
#container.mesurer .contenu h2, #container.mesurer .col_gauche h3, #container.mesurer .col_gauche h4, #container.mesurer .col_gauche li h4{
color: #CC0000;
}
#container.mesurer .col_gauche li{
list-style: square url(images/puce_mesurer.png) outside;
}
/*Juger*/
#container.juger .contenu h2{
border-bottom: #F2D8CE 1px solid;
}
#container.juger .contenu h2, #container.juger .col_gauche h3, #container.juger .col_gauche h4, #container.juger .col_gauche li h4{
color: #990000;
}
#container.juger .col_gauche li{
list-style: square url(images/puce_juger.png) outside;
}
/*Négocier*/
#container.negocier .contenu h2{
border-bottom: #F4CDB3 1px solid;
}
#container.negocier .contenu h2, #container.negocier .col_gauche h3, #container.negocier .col_gauche h4, #container.negocier .col_gauche li h4{
color: #CC3300;
}
#container.negocier .col_gauche li{
list-style: square url(images/puce_negocier.png) outside;
}
/*Agir*/
#container.agir .contenu h2{
border-bottom: #FFDBC4 1px solid;
}
#container.agir .contenu h2, #container.agir .col_gauche h3, #container.agir .col_gauche h4, #container.agir .col_gauche li h4{
color: #FF6600;
}
#container.agir .col_gauche li{
list-style: square url(images/puce_agir.png) outside;
}

/*Plan*/
#container.plan{
background: #f9f8f2 url(images/fond_contenu.png) no-repeat 140px 250px fixed;
}
#container.plan .contenu table, #container.plan .contenu tr, #container.plan .contenu th, #container.plan .contenu td{
margin: 0;
padding: 0;
text-align: left;
vertical-align: top;
border: none;
}
#container.plan .contenu table{
margin: auto 0 auto 10px;
width: 990px;
}
#container.plan .contenu table ul{
margin: 5px 0 5px 0px;
padding: 0 0 0 20px;
border-left: #DED7BC 1px solid;
}
#container.plan .contenu table ul ul{
border: none;
}
#container.plan .contenu a{
text-decoration: none;
}
#container.plan .contenu a:hover{
text-decoration: underline;
}
#container.plan .contenu h2{
border-bottom: #D5CBAA 1px solid;
}
#container.plan .contenu th,  #container.plan .contenu h2, #container.plan .contenu th a{
color: #95844A;
}
#container.plan th.agir a, #container.plan td.agir li a{
color: #FF6600;
font-weight: bold;
}
#container.plan th.definir a, #container.plan td.definir li a{
color: #006666;
font-weight: bold;
}
#container.plan th.mesurer a, #container.plan td.mesurer li a{
color: #CC0000;
font-weight: bold;
}
#container.plan th.negocier a, #container.plan td.negocier li a{
color: #CC3300;
font-weight: bold;
}
#container.plan th.juger a, #container.plan td.juger li a{
color: #990000;
font-weight: bold;
}
#container.plan td li li a{
color: #000 !important;
font-weight: normal !important;
}
#container.plan th{
font-size: 1.2em;
}
#container.plan tr{
padding: 0 0 0 5px;
}
#container.plan td.agir li{
list-style: square url(images/puce_agir.png) outside;
}
#container.plan td.definir li{
list-style: square url(images/puce_definir.png) outside;
}
#container.plan td.mesurer li{
list-style: square url(images/puce_mesurer.png) outside;
}
#container.plan td.negocier li{
list-style: square url(images/puce_negocier.png) outside;
}
#container.plan td.juger li{
list-style: square url(images/puce_juger.png) outside;
}

/* Colonne de gauche */
.col_gauche{
width: 590px;
float: left;
}
.col_gauche p, .col_gauche h3{
padding: 0 10px 0 40px;
}
.col_gauche h3{
margin: 20px 0 10px 0;
}
.col_gauche h4{
margin: 20px 0 10px 40px;
}
.contenu ul{
margin: 5px 0 5px 70px;
padding: 0;
}
.contenu li{
margin: 0 0 0 0;
}
.contenu li p, .contenu li h4{
margin: 0;
padding: 0;
}
table, tr, td, th{
margin: 0;
padding: 0;
border-collapse: collapse;
}
td, th{
padding: 3px;
}
.contenu table{
margin: 10px 0 10px 0;
width: 100%;
}
.contenu td{
border-left: #CCC solid 1px;
border-bottom: #CCC solid 1px;
text-align: center;
}
.contenu th{
border-bottom: #CCC solid 1px;
color: #333;
text-align: left;
}
.contenu th.titre, .contenu th.maintitre{
color: #666;
text-align: center;
}
.contenu th.titre{
border-left: #CCC solid 1px;
}

th.spec1{
background: #DDD;
}
th.spec2{
text-align: right;
}

/* Colonne de droite */

.col_droite{
margin-left: 600px;
width: 380px;
}
.col_droite div{
margin-bottom: 20px;
}
.col_droite div img{
margin: 0;
}
.col_droite h3, .col_droite h4{
font-weight: bold;
font-family:  Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
.col_droite p{
margin: 0 0 10px 0;
}
.col_droite h3{
margin: 0 0 10px 0;
font-size: 1.1em;
}
.col_droite h4{
margin: 10px 0 5px 0;
font-size: 1em;
font-weight: normal;
}
.col_droite ul{
margin: 20px;
padding: 0;
}
.col_droite li{
list-style: square outside;
}
.col_droite div div{
width: 350px;
padding: 0 5px 0 0;
margin: -5px 10px 0 24px;
color: #444;
overflow: hidden;
}
.col_droite a.bouton{
display: block;
cursor: pointer;
margin-top: 5px;
color: #625A42;
text-decoration: none;
font-size:0.9em;
text-align: center;
}

/* Sous-modules */
/* Test */
.col_droite .test div{
border-right: #67B8BC 1px solid;
}
.col_droite .test a.bouton{
margin-left: 282px;
width: 58px;
height: 15px;
background: url(images/bouton2.png) no-repeat;
}
.col_droite .test h3, .col_droite .test h4{
color: #67B8BC;
}

/* Exemple */
.col_droite .exemple div{
border-right: #E2AE7A 1px solid;
}
.col_droite .exemple a.bouton{
margin-left: 297px;
width: 43px;
height: 15px;
background: url(images/bouton1.png) no-repeat;
}
.col_droite .exemple h3, .col_droite .exemple h4{
color: #E2AE7A;
}

/* Nota Bene */
.col_droite .notabene div{
border-right: #D75B5B 1px solid;
}
.col_droite .notabene a.bouton{
margin-left: 297px;
width: 43px;
height: 15px;
background: url(images/bouton1.png) no-repeat;
}
.col_droite .notabene h3, .col_droite .notabene h4{
color: #D75B5B;
}

/* Tableau */
.col_droite .tableau div{
border-right: #943F1B 1px solid;
}
.col_droite .tableau a.bouton{
margin-left: 252px;
width: 88px;
height: 15px;
background: url(images/bouton3.png) no-repeat;
}
.col_droite .tableau h3, .col_droite .tableau h4{
color: #943F1B;
}


/* Liens */
.col_droite .liens div{
border-right: #FFBB55 1px solid;
}
.col_droite .liens h3, .col_droite .liens h4{
color: #FFA317;
}