/* CSS Document */
body {
margin:0;
padding:0;
background:#d1d12a;
font-family:Verdana, Geneva, sans-serif;
color:#666;
font-size:0.8em;
}
/* RTE + generiques */
.align-justify {text-align:justify;}
.align-right {text-align:right;}
.align-center {text-align:center;}
.align-left {text-align:left;}
p {
margin:0 0 15px;
padding:0;
}
a {
text-decoration:underline;
color:#d1d12a;
}
a:hover {
text-decoration:none;
}
p.chapo {
font-size:1.05em;
background:#e8e894;
margin:0 0 15px;
padding:10px;
}
.clear {
clear:both;
width:99%;
height:0;
overflow:hidden;
}
/* Conteneur */
#page {
width:912px;
margin:0 auto;
}
#bando {
height:86px;
position:relative;
}
h1 {
position:absolute;
left:0;
top:0;
margin:0;
padding:0;
display:inline;
color:#fff;
}
h1 a {
color:#fff;
text-decoration:none;
}
ul#choixCouleur {
margin:0;
padding:0 0 0 2px;
list-style:none;
position:absolute;
margin:67px 0 0 199px;
}
ul#choixCouleur li {
display:inline;
}
ul#choixCouleur li a {
display:block;
float:left;
width:19px;
height:14px;
margin:0 5px 0 0;
}
ul#choixCouleur li a span {
position:absolute;
top:-500px;
left:-500px;
}
ul#choixCouleur li.vert a {
background:url(../img/icoCouleur/vert.png);
}
ul#choixCouleur li.vert a:hover,
ul#choixCouleur li.vert a.act {
background:url(../img/icoCouleur/vertOn.png);
}
ul#choixCouleur li.bleu a {
background:url(../img/icoCouleur/bleu.png);
}
ul#choixCouleur li.bleu a:hover,
ul#choixCouleur li.bleu a.act {
background:url(../img/icoCouleur/bleuOn.png);
}
ul#choixCouleur li.pourpre a {
background:url(../img/icoCouleur/pourpre.png);
}
ul#choixCouleur li.pourpre a:hover,
ul#choixCouleur li.pourpre a.act {
background:url(../img/icoCouleur/pourpreOn.png);
}
ul#choixCouleur li.orange a {
background:url(../img/icoCouleur/orange.png);
}
ul#choixCouleur li.orange a:hover,
ul#choixCouleur li.orange a.act {
background:url(../img/icoCouleur/orangeOn.png);
}
ul#choixCouleur li.rose a {
background:url(../img/icoCouleur/rose.png);
}
ul#choixCouleur li.rose a:hover,
ul#choixCouleur li.rose a.act {
background:url(../img/icoCouleur/roseOn.png);
}
ul#choixCouleur li.bleuclair a {
background:url(../img/icoCouleur/bleuclair.png);
}
ul#choixCouleur li.bleuclair a:hover,
ul#choixCouleur li.bleuclair a.act {
background:url(../img/icoCouleur/bleuclairOn.png);
}
ul#choixCouleur li.gris a {
background:url(../img/icoCouleur/gris.png);
}
ul#choixCouleur li.gris a:hover,
ul#choixCouleur li.gris a.act {
background:url(../img/icoCouleur/grisOn.png);
}
ul#choixCouleur li.rouge a {
background:url(../img/icoCouleur/rouge.png) 0 0 no-repeat;
}
ul#choixCouleur li.rouge a:hover,
ul#choixCouleur li.rouge a.act {
background:url(../img/icoCouleur/rougeOn.png) 0 0 no-repeat;
}
ul#choixCouleur li.marron a {
background:url(../img/icoCouleur/marron.png);
}
ul#choixCouleur li.marron a:hover,
ul#choixCouleur li.marron a.act {
background:url(../img/icoCouleur/marronOn.png);
}
#imgBando {
position:absolute;
left:432px;
top:0;
}
/* Conteneur blanc */
#conteneur {
background:#fff;
padding:10px;
position:relative;
}
/* MENUS NIV 1 & 2 */
ul#niv1 {
margin:0;
padding:0;
height:32px;
list-style:none;
background:#bbb8a8;
font-size:1.25em;
}
ul#niv1 li {
margin:0;
padding:0;
display:inline;
}
ul#niv1 li a {
margin:0;
padding:0;
display:block;
float:left;
padding:7px 0 0;
width:146px;
height:25px;/*32-7*/
text-align:center;
text-decoration:none;
color:#fff;
}
ul#niv1 li a:hover {
color:#4a4a4a;
}
ul#niv1 li a.act:hover {
color:#fff;
}
ul#niv1 li a.act {
background:#d1d12a url(../img/fdMenuNiv1.png) 0 0 no-repeat;
}
ul#niv2 {
margin:0;
padding:0;
height:23px;
list-style:none;
background:#ededeb;
font-size:0.85em;
}
ul#niv2 li {
margin:0;
padding:0;
display:block;
float:left;
margin:0 10px 0 0;
padding:5px 12px 0 12px;
}
ul#niv2 li a {
color:#666;
text-decoration:none;
}
ul#niv2 li a:hover,
ul#niv2 li a.act {
color:#d1d12a;
}
/* Colonnes */
table.cols {
width:100%;
border-spacing:0;
border-collapse:collapse;
height:420px;
border-top:1px solid #b2b2b2;
border-bottom:1px solid #b2b2b2;
}
table.cols td {
padding:0;
vertical-align:top;
border:0;
}
table.cols td.gauche {
width:654px;/*684-30*/
padding:10px 10px 10px 20px;
background:url(../img/borderTD.png) 0 0 repeat-y;
}
table.cols td.droite {
padding:10px 0 0;
width:208px;
background:url(../img/borderTD.png) 100% 0 repeat-y;
}
/* VARIANTE LARGE 2 COLS */
table.cols td.tdTitre {
padding:10px 0 0;
background:url(../img/fdTdTitre.png) 0 0 repeat-y;
height:0;
}
table.cols.large td.gauche {
width:417px;
padding:0 10px;
height:367px;
}
table.cols.large td.droite {
padding:0 10px;
width:417px;
}
/* VARIANTE 2 COLS */
table.cols td.gauche.bis {
width:664px;/*684-20*/
padding:10px;
}
table.cols td.gauche.bis h2 {
margin-left:0;
}
table.cols td.gauche div.deuxTiers {
padding:0 20px 10px 0;
width:406px;/* 436-20 */
float:left;
}
table.cols td.gauche div.unTiers {
padding:43px 10px 10px 0;
width:208px; /* 218-10 */
float:left;
}
table.cols td.gauche div.deuxTiers .moitG {
float:left;
padding-right:5px;
width:198px;/*203-5*/
}
table.cols td.gauche div.deuxTiers .moitD {
float:left;
padding-left:5px;
width:198px;/*203-5*/
}

/* Menu Niveau 3 */
ul#niv3 {
margin:0;
padding:0 0 0 10px;
list-style:none;
font-size:0.9em;
}
ul#niv3 li {
margin:0;
padding:0 0 6px;
}
ul#niv3 li a {
margin:0;
padding:0 0 0 12px;
background:url(../img/niv3/vert.png) 0 3px no-repeat;
text-decoration:none;
}
ul#niv3 li a:hover,
ul#niv3 li a.act {
background-image:url(../img/niv3/vertOn.png);
color:#666;
}

table.cols td.gauche h2,
table.cols td.tdTitre h2 {
font-size:1.25em;
font-weight:normal;
margin:0 0 15px -10px;
padding:4px 9px 0 12px;
background:#d1d12a url(../img/H2G/vert.png) 100% 0 no-repeat;
height:24px;/*28-4*/
display:inline-block;
color:#fff;
letter-spacing:0.05em;
}
table.cols td.tdTitre h2 {
margin-left:10px;
}
table.cols td.gauche h3 {
font-size:1.1em;
margin:0;
padding:0 0 10px;
}
/* Contenu forcé en bas à droite */
table.cols td.droite div.basD {
width:218px;
position:absolute;
right:0;
bottom:0;
color:#3f3f3f;
}
div.teaser {
font-size:0.85em;
background:#e8e894;
}
div.teaser p {
margin:0;
padding:0 0 5px;
}
div.teaser .inner {
padding:7px 20px 5px 10px;
}
div.teaser h3 {
margin:0;
padding:0;
background:#d1d12a url(../img/H3D/vertB.png) 0 100% no-repeat;
color:#fff;
font-weight:normal;
font-size:1.45em;
}
div.teaser h3 span {
display:block;
padding:8px 0 7px 11px;
background:url(../img/H3D/vertH.png) 0 0 no-repeat;
}
div.teaser .inner img.droite {
float:right;
margin:0 0 0 5px;
}
div.teaser .inner img.gauche {
float:left;
margin:0 5px 0 0;
}
div.teaser a {
color:#111 !important;
}
/* Pied de page */
ul#footer {
margin:0;
padding:6px 0 0 5px;
height:12px;/*18-6*/
list-style:none;
color:#fff;
font-size:0.85em;
}
ul#footer li {
margin:0;
padding:0;
display:inline;
}
ul#footer li a {
color:#fff;
text-decoration:none;
}
ul#footer li a:hover {
text-decoration:underline;
}

/* VARIANTES COULEURS VIA BODY */
/* BLEU */
body#bleu, 
body#bleu ul#niv1 li a.act {
background-color:#005f9f;
}
body#bleu a,
body#bleu ul#niv2 li a:hover,
body#bleu ul#niv2 li a.act {
color:#005f9f;
}
body#bleu ul#niv3 li a {
background:url(../img/niv3/bleu.png) 0 3px no-repeat;
}
body#bleu ul#niv3 li a:hover,
body#bleu ul#niv3 li a.act {
background-image:url(../img/niv3/bleuOn.png);
}
body#bleu table.cols td.gauche h2,
body#bleu table.cols td.tdTitre h2 {
background:#005f9f url(../img/H2G/bleu.png) 100% 0 no-repeat;
}
body#bleu div.teaser {
background:#7fafcf;
}
body#bleu div.teaser h3 {
background:#005f9f url(../img/H3D/bleuB.png) 0 100% no-repeat;
}
body#bleu div.teaser h3 span {
background:url(../img/H3D/bleuH.png) 0 0 no-repeat;
}
body#bleu p.chapo {
background:#7fafcf;
}
/* POURPRE */
body#pourpre, 
body#pourpre ul#niv1 li a.act {
background-color:#6c0a3a;
}
body#pourpre a,
body#pourpre ul#niv2 li a:hover,
body#pourpre ul#niv2 li a.act {
color:#6c0a3a;
}
body#pourpre ul#niv3 li a {
background:url(../img/niv3/pourpre.png) 0 3px no-repeat;
}
body#pourpre ul#niv3 li a:hover,
body#pourpre ul#niv3 li a.act {
background-image:url(../img/niv3/pourpreOn.png);
}
body#pourpre table.cols td.gauche h2,
body#pourpre table.cols td.tdTitre h2 {
background:#6c0a3a url(../img/H2G/pourpre.png) 100% 0 no-repeat;
}
body#pourpre div.teaser {
background:#b5849c;
}
body#pourpre div.teaser h3 {
background:#6c0a3a url(../img/H3D/pourpreB.png) 0 100% no-repeat;
}
body#pourpre div.teaser h3 span {
background:url(../img/H3D/pourpreH.png) 0 0 no-repeat;
}
body#pourpre p.chapo {
background:#b5849c;
}

/* ORANGE */
body#orange, 
body#orange ul#niv1 li a.act {
background-color:#fb7b0a;
}
body#orange a,
body#orange ul#niv2 li a:hover,
body#orange ul#niv2 li a.act {
color:#fb7b0a;
}
body#orange ul#niv3 li a {
background:url(../img/niv3/orange.png) 0 3px no-repeat;
}
body#orange ul#niv3 li a:hover,
body#orange ul#niv3 li a.act {
background-image:url(../img/niv3/orangeOn.png);
}
body#orange table.cols td.gauche h2,
body#orange table.cols td.tdTitre h2 {
background:#fb7b0a url(../img/H2G/orange.png) 100% 0 no-repeat;
}
body#orange div.teaser {
background:#fdbd84;
}
body#orange div.teaser h3 {
background:#fb7b0a url(../img/H3D/orangeB.png) 0 100% no-repeat;
}
body#orange div.teaser h3 span {
background:url(../img/H3D/orangeH.png) 0 0 no-repeat;
}
body#orange p.chapo {
background:#fdbd84;
}

/* ROSE */
body#rose,
body#rose ul#niv1 li a.act {
background-color:#ea71a2;
}
body#rose a,
body#rose ul#niv2 li a:hover,
body#rose ul#niv2 li a.act {
color:#ea71a2;
}
body#rose ul#niv3 li a {
background:url(../img/niv3/rose.png) 0 3px no-repeat;
}
body#rose ul#niv3 li a:hover,
body#rose ul#niv3 li a.act {
background-image:url(../img/niv3/roseOn.png);
}
body#rose table.cols td.gauche h2,
body#rose table.cols td.tdTitre h2 {
background:#ea71a2 url(../img/H2G/rose.png) 100% 0 no-repeat;
}
body#rose div.teaser {
background:#f4b8d0;
}
body#rose div.teaser h3 {
background:#ea71a2 url(../img/H3D/roseB.png) 0 100% no-repeat;
}
body#rose div.teaser h3 span {
background:url(../img/H3D/roseH.png) 0 0 no-repeat;
}
body#rose p.chapo {
background:#f4b8d0;
}

/* BLEU CLAIR */
body#bleuclair, 
body#bleuclair ul#niv1 li a.act {
background-color:#3cc0d6;
}
body#bleuclair a,
body#bleuclair ul#niv2 li a:hover,
body#bleuclair ul#niv2 li a.act {
color:#3cc0d6;
}
body#bleuclair ul#niv3 li a {
background:url(../img/niv3/bleuclair.png) 0 3px no-repeat;
}
body#bleuclair ul#niv3 li a:hover,
body#bleuclair ul#niv3 li a.act {
background-image:url(../img/niv3/bleuclairOn.png);
}
body#bleuclair table.cols td.gauche h2,
body#bleuclair table.cols td.tdTitre h2 {
background:#3cc0d6 url(../img/H2G/bleuclair.png) 100% 0 no-repeat;
}
body#bleuclair div.teaser {
background:#9ddfea;
}
body#bleuclair div.teaser h3 {
background:#3cc0d6 url(../img/H3D/bleuclairB.png) 0 100% no-repeat;
}
body#bleuclair div.teaser h3 span {
background:url(../img/H3D/bleuclairH.png) 0 0 no-repeat;
}
body#bleuclair p.chapo {
background:#9ddfea;
}

/* GRIS */
body#gris,
body#gris ul#niv1 li a.act {
background-color:#4b4f4b;
}
body#gris a,
body#gris ul#niv2 li a:hover,
body#gris ul#niv2 li a.act {
color:#4b4f4b;
}
body#gris ul#niv3 li a {
background:url(../img/niv3/gris.png) 0 3px no-repeat;
}
body#gris ul#niv3 li a:hover,
body#gris ul#niv3 li a.act {
background-image:url(../img/niv3/grisOn.png);
}
body#gris table.cols td.gauche h2,
body#gris table.cols td.tdTitre h2 {
background:#4b4f4b url(../img/H2G/gris.png) 100% 0 no-repeat;
}
body#gris div.teaser {
background:#a5a7a5;
}
body#gris div.teaser h3 {
background:#4b4f4b url(../img/H3D/grisB.png) 0 100% no-repeat;
}
body#gris div.teaser h3 span {
background:url(../img/H3D/grisH.png) 0 0 no-repeat;
}
body#gris p.chapo {
background:#a5a7a5;
}

/* ROUGE */
body#rouge, 
body#rouge ul#niv1 li a.act {
background-color:#bf0000;
}
body#rouge a,
body#rouge ul#niv2 li a:hover,
body#rouge ul#niv2 li a.act {
color:#bf0000;
}
body#rouge ul#niv3 li a {
background:url(../img/niv3/rouge.png) 0 3px no-repeat;
}
body#rouge ul#niv3 li a:hover,
body#rouge ul#niv3 li a.act {
background-image:url(../img/niv3/rougeOn.png);
}
body#rouge table.cols td.gauche h2,
body#rouge table.cols td.tdTitre h2 {
background:#bf0000 url(../img/H2G/rouge.png) 100% 0 no-repeat;
}
body#rouge div.teaser {
background:#df7f7f;
}
body#rouge div.teaser h3 {
background:#bf0000 url(../img/H3D/rougeB.png) 0 100% no-repeat;
}
body#rouge div.teaser h3 span {
background:url(../img/H3D/rougeH.png) 0 0 no-repeat;
}
body#rouge p.chapo {
background:#df7f7f;
}

/* MARRON */
body#marron, 
body#marron ul#niv1 li a.act {
background-color:#5a3d1c;
}
body#marron a,
body#marron ul#niv2 li a:hover,
body#marron ul#niv2 li a.act {
color:#5a3d1c;
/* pas assez de difference ici */
color:#000;
}
body#marron ul#niv3 li a {
background:url(../img/niv3/marron.png) 0 3px no-repeat;
}
body#marron ul#niv3 li a:hover,
body#marron ul#niv3 li a.act {
background-image:url(../img/niv3/marronOn.png);
}
body#marron table.cols td.gauche h2,
body#marron table.cols td.tdTitre h2 {
background:#5a3d1c url(../img/H2G/marron.png) 100% 0 no-repeat;
}
body#marron div.teaser {
background:#ac9e8d;
}
body#marron div.teaser h3 {
background:#5a3d1c url(../img/H3D/marronB.png) 0 100% no-repeat;
}
body#marron div.teaser h3 span {
background:url(../img/H3D/marronH.png) 0 0 no-repeat;
}
body#marron p.chapo {
background:#ac9e8d;
}