body{
margin: 0;
padding: 0 10px 0 10px;
background: #F9F8F2 url(images/fond_popup.png) repeat-x;
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;
}

div{
margin: 10px auto 0 auto;
}
#exemple div, #test div, #notabene div, #liens div, #tableau div{
margin: 0 0 0 15px;
padding: 0;
color: #666;
}
#exemple, #test, #notabene, #liens, #tableau{
padding: 28px 0 0 0;
}
h3, h4{
font-family:  Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, sans-serif;
}
h3{
font-size: 1.1em;
}
h4{
font-size: 1em;
font-weight: normal;
}
table, tr, td, th{
margin: 0;
padding: 0;
border-collapse: collapse;
}
table{
width: 100%;
margin-top: 20px;
background: url(images/fond_tableau.png) no-repeat center;
}
th{
padding: 0 3px 0 0;
font-weight: normal;
font-size: 1.1em;
text-align: left;
border-top: 1px #CCCCCC solid;
}
td{
padding: 2px 5px 2px 5px;
text-align: center;
color: #000;
border-top: 1px #CCCCCC solid;
border-left: 1px #CCCCCC solid;
}
th.titre, th.titre2, th.vide{
border-top: none;
}
th.titre, th.first, th.titre2{
width: 38%;
height: 30px;
font-size: 1.3em;
font-weight: bold;
text-align: center;
}
th.titre, th.titre2{
border-left: 1px #CCCCCC solid;
}
th.titre2{
background: #fff;
}
th.first{
border-left: none;
border-top: none;
}
td.first{
border-left: none;
}

/* Popup Exemple */
#exemple{
background: url(images/titre_popup_exemple.png) no-repeat;
}
#exemple div{
border-top: 1px #E2AE7A solid;
border-right: 1px #E2AE7A solid;
}
#exemple h3, #exemple h4{
margin: 10px 0 0 0;
color: #E2AE7A;
}
#exemple th{
color: #A36323;
}
#exemple th.titre, #exemple th.first{
background: #E2C9B1 url(images/fond_titre_exemple.png) repeat-x bottom;
}

/* Popup Test */
#test{
background: url(images/titre_popup_test.png) no-repeat;
}
#test div{
border-top: 1px #67B8BC solid;
border-right: 1px #67B8BC solid;
}
#test h3, #test h4{
margin: 10px 0 0 0;
color: #67B8BC;
}
#test th{
color: #2E6669;
}
#test th.titre, #test th.first{
background: #E2C9B1 url(images/fond_titre_test.png) repeat-x bottom;
}

/* Popup Nota Bene */
#notabene{
background: url(images/titre_popup_notabene.png) no-repeat;
padding: 28px 0 0 0;
}
#notabene div{
border-top: 1px #D75B5B solid;
border-right: 1px #D75B5B solid;
}
#notabene h3, #notabene h4{
margin: 10px 0 0 0;
color: #D75B5B;
}
#notabene th{
color: #B02626;
}
#notabene th.titre, #notabene th.first{
background: #E2C9B1 url(images/fond_titre_notabene.png) repeat-x bottom;
}

/* Popup Liens */
#liens{
background: url(images/titre_popup_liens.png) no-repeat;
}
#liens div{
border-top: 1px #FFBB55 solid;
border-right: 1px #FFBB55 solid;
}
#liens h3, #liens h4{
margin: 10px 0 0 0;
color: #FFBB55;
}
#liens th{
color: #DD8500;
}
#liens th.titre, #liens th.first{
background: #E2C9B1 url(images/fond_titre_liens.png) repeat-x bottom;
}

/* Popup Tableau */
#tableau{
background: url(images/titre_popup_tableau.png) no-repeat;
}
#tableau div{
border-top: 1px #943F1B solid;
border-right: 1px #943F1B solid;
}
#tableau h3, #tableau h4{
margin: 10px 0 0 0;
color: #943F1B;
}
#tableau th{
color: #943F1B;
}
#tableau th.titre, #tableau th.first{
background: #E2C9B1 url(images/fond_titre_tableau.png) repeat-x bottom;
}