/* CSS Document */
body {
margin:0;
padding:0;
font-weight:600;
background:#000;
font-family:"Times New Roman", Times, serif;
}

/* Conteneur */
.page {
margin:7% 0 0 0;
border-collapse:collapse;
border-spacing:0;
border:0;
}
.page td.home {
position:fixed;
width:160px;
height:400px;
background:url(../img/fondgauche.png) 0 0 no-repeat;
z-index:1;
padding:0;
}
.page td.contenu {
left:160px;
position:absolute;
height:400px;
padding:0;
}

/* Article gauche */
.artHome {
border-collapse:collapse;
border-spacing:0;
height:400px;
width:160px;
margin:0;
border:0;
}
.artHome td {
padding:0;
text-align:center;
}
.artHome td.haut {
vertical-align:top;
}
.artHome td.bas {
vertical-align:bottom;
font-family:Verdana, Helvetica, sans-serif;
padding:0 0 5px 0;
font-size:0.56em;
}
.artHome td.bas p {
margin:0;
padding:0;
line-height:1.25em;
}
.artHome a {
text-decoration:none;
color:#75842a;
}
.artHome a:hover {
color:#000;
}

/* Menu + contenus */
.bande {
border-collapse:collapse;
border-spacing:0;
border:0;
background:#fff;
margin:0;
height:400px;
}
.bande td.bandeHaut {
height:25px;
width:auto;
padding:0;
background:#b7c922;
}
.bande td.roll {
padding:0;
}
.bande td.menuB {
height:25px;
width:auto;
padding:0;
background:#b7c922;
}

/* Contenus */
.poa {
border-collapse:collapse;
border-spacing:0;
height:350px;
border:0;
}
.poa td {
padding:0;
}
.poa td img {
margin-right:5px;
}
.contenu td.roll {
height:350px;
padding:0;
}
/* maxime */
.maxime {
display:inline;
font-style:italic;
font-weight:normal;
}
/* h1 pages internes */
td.bandeHaut h1 {
display:inline;
letter-spacing:0.15em;
font-size:1.2em;
padding:0 6px;
color: #fff;
text-transform:uppercase;
}
.contenu td div {
width:230px; /* 250 - 20 */
height:350px;
padding:0 10px;
}
.contenu td div.img, .contenu td div.multimedia {
width:auto;
padding:0;
}
.contenu h2 {
margin:0 0 5px 0;
padding:0;
line-height:1em;
}
.contenu td div.multimedia h2 {
width:300px;
}
.contenu p {
font-family: Georgia, "Times New Roman", Times, serif;
color:#333;
font-size: 0.8em;
margin:0;
padding:3px 0;
}
.contenu a {
text-decoration:none;
color:#75842a;
}

/* MENU */

#menuBB {
margin:0;
padding:0 10px;
vertical-align:middle;
white-space:nowrap;
}
#menuBB li {
display:inline;
padding:0;
text-transform:uppercase;
font-size:0.75em;
font-weight:bold;
color:#fff;
}
#menuBB li.active span {
color:#FFF;
}
#menuBB li a {
color:#000;
text-decoration:none;
}
#menuBB li a:hover {
color:#fff;
}

/* récup */
* em {
 font-style:normal;
}
* strong {
font-weight:inherit;
}
#preloader, .artHome h1 {
position:absolute;
left:-500px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
/* Drapeaux */
#flags {
height:88px;
padding:15px 0 0 27px;
}
#flags div {
display:block;
float:left;
width:56px;
height:88px;
}
#flags div.frActif {
background:url(../img/flagFrOn.png) 0 0 no-repeat;
}
#flags div.enActif {
background:url(../img/flagEnOn.png) 0 0 no-repeat;
}
#flags div.enNotTrans {
background:url(../img/flagEnOff.png) 0 0 no-repeat;
}
#flags a {
display:block;
float:left;
width:56px;
height:88px;
}
#flags a span {
display:none;
}
#flags a.fr {
background:url(../img/flagFrOff.png) 0 0 no-repeat;
}
#flags a.fr:hover {
background:url(../img/flagFrOn.png) 0 0 no-repeat;
}
#flags a.en {
background:url(../img/flagEnOff.png) 0 0 no-repeat;
}
#flags a.en:hover {
background:url(../img/flagEnOn.png) 0 0 no-repeat;
}

/* couleurs */
.vert1 {
color:#CFE288;
}
.vert2 {
color:#76855B;
}
.vert3 {
color:#8D8B35;
}
.vert4 {
color:#4B4B2E;
}
.vert5 {
color:#99FFCC;
}
.vert6 {
color:#337985;
}
.rouge {
color:#964C28;
}
.gris1 {
color:#BAB495;
}
.gris2 {
color:#B9B782;
}
.bleu1 {
color:#21637C;
}
.bleu2 {
color:#44618F;
}
.bleu3 {
color:#5A7194;
}