/* CSS Document */
body {
margin:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#dedede;
color:#5a5a5a;
font-size:0.75em;
}
a {
color:#5a5a5a;
}
#page {
background:#fff;
width:968px;
margin:0 auto;
padding:14px 0 0 0;
}
#fondPage {
background:url(../img/fondPage.gif) 50% repeat-y;
}
#rouge #page {
background:url(../img/topRouge.gif) 0 0 no-repeat;
}
#orange #page {
background:url(../img/topOrange.gif) 0 0 no-repeat;
}
#jaune #page {
background:url(../img/topJaune.gif) 0 0 no-repeat;
}
#bas {
background:url(../img/basPage.gif) 50% 0 no-repeat;
width:100%;
height:7px;
clear:both;
}
#top {
width:100%;
height:78px;
background:url(../img/pointilleTop.gif) 1px 100% repeat-x;
border-collapse:collapse;
border-spacing:0;
}
.logo {
padding-left:8px;
}
h1 {
display:inline;
}
.logo img {
margin:0 0 0 0;
border:0;
}
.header {
color:#999;
font-size:1.2em;
}
.header .ligne1 {
margin:0 0 0 20px;
padding:0;
}
.header .ligne2 {
margin:0 0 0 55px;
padding:0;
}
.aft {
text-align:right;
width:180px;
}
.aft img {
margin:0 13px 0 0;
}

#gauche {
float:left;
width:172px;
}
#centre {
float:left;
width:608px;
background:url(../img/topCentre.gif) 0 0 no-repeat;
}
#droite {
float:left;
width:180px;
background:url(../img/topDroite.gif) 0 0 no-repeat;
}
.clear {
width:100%;
clear:both;
height:0;
font-size:0;
}
/* MENU */
#gauche ul {
margin:3px 0 8px 8px;
padding:45px 0 0 12px;
height:522px; /* 567 - 45 */
}
#gauche ul li {
margin:0;
padding:0 0 10px 0;
list-style-type:none;
}
#gauche ul li a {
display:block;
background:url(../img/puceMenu.gif) 0 4px no-repeat;
padding-left:12px;
font-weight:bold;
text-decoration:none;
}
#orange #gauche ul {
background:#ff7800 url(../img/fdMenuOrange.gif) 0 100% no-repeat;
}
#orange #gauche ul li a {
color:#ffba00;
}
#jaune #gauche ul {
background:#ffc426 url(../img/fdMenuJaune.gif) 0 100% no-repeat;
}
#jaune #gauche ul li a {
color:#ff6c00;
}
#rouge #gauche ul {
background:#ef2f00 url(../img/fdMenuRouge.gif) 0 100% no-repeat;
}
#rouge #gauche ul li a {
color:#ffba00;
}
#rouge #gauche ul li a.act, #rouge #gauche ul li a:hover, #orange #gauche ul li a.act, #orange #gauche ul li a:hover, #jaune #gauche ul li a.act, #jaune #gauche ul li a:hover {
color:#fff;
}

/* Titre page */
h2 {
font-size:1.5em;
font-weight:normal;
height:25px; /* 38 - 13 */
margin:0;
padding:13px 0 0 22px;
}
#orange h2 {
color:#ff6c00;
}
#jaune h2 {
color:#ffba00;
}
#rouge h2 {
color:#ef2f00;
}
/* Envoyer / Imprimer */
.pictos {
float:right;
padding:12px 24px 0 0;
}
/*Contenu centre */
.contenu {
background:url(../img/fdContenu.gif) 0 0 no-repeat;
min-height:502px; /* 532 - 30 */
padding:30px 35px 0 23px;
font-size:0.9em;
text-align:justify;
position:relative;
z-index:1;
}
.contenu * {
position:relative;
z-index:120;
}

h3 {
margin:0;
padding:0;
font-size:1.1em;
color:#5a5a5a;
}
/* Accroche */
.accroche {
background:url(../img/pointilleAccroche.gif) 0 100% repeat-x;
padding-bottom:15px;
margin-bottom:12px;
position:relative;
z-index:100;
}
.accroche img {
float:left;
margin:6px 10px 0 0;
}
.accroche p {
margin:10px 0 0 0;
}
.accroche .surtitre {
font-size:0.9em;
font-style:italic;
margin-bottom:2px;
}
.accroche h3 {
color:#003576;
}


/* Colonne droite */
#newsletter {
width:180px;
height:61px;
margin:43px 0 11px 0;
color:#323232;
}
#newsletter h3 {
padding:5px 0 0 6px;
text-transform:uppercase;
}
#newsletter a {
color:#323232;
text-decoration:none;
display:block;
padding:4px 0 0 10px;
font-size:0.8em;
}
#newsletter a:hover {
text-decoration:underline;
}
#rouge #newsletter {
background:url(../img/fdNLRouge.gif) 0 0 no-repeat;
}
#rouge #newsletter h3 {
color:#ef2f00;
}
#orange #newsletter {
background:url(../img/fdNLOrange.gif) 0 0 no-repeat;
}
#orange #newsletter h3 {
color:#ff6c00;
}
#jaune #newsletter {
background:url(../img/fdNLJaune.gif) 0 0 no-repeat;
}
#jaune #newsletter h3 {
color:#ffa200;
}

/* Insertion video */
.flashAssoc {
text-align:center;
margin-bottom:10px;
}
.flashAssoc h4 {
margin-bottom:5px;
color:#5a5a5a;
font-size:1em;
}
.legend {
font-style:italic;
font-size:0.9em;
}
.zoom {
margin:0;
border:0;
float:right;
}
.csc-textpic-caption {
color:#5a5a5a;
font-style:italic;
font-size:0.9em;
}
/* Pub droite */
#blocPromo {
margin:0 0 11px 0;
}


/* Fiche formation */
.domActi {
color:#e16500;
font-weight:bold;
}
.icones {
margin:10px 0 0 -4px;
height:40px;
}
.icones img {
vertical-align:middle;
}
#onglets {
float:right;
width:235px;
margin:0;
padding:1px 0 0 0;
font-size:0.9em;
}
#onglets li {
padding:0 0 6px 15px;
margin:0;
font-weight:bold;
display:block;
background:url(../img/puceFormPro.gif) 0 3px no-repeat;
float:left;
width:80px;
}
#onglets li.odd {
width:125px; /* 140 - 15 */
}
#onglets li a {
text-decoration:none;
}
#onglets li a.act, #onglets li a:hover {
color:#ff9600;
}
.overOnglet {
position:relative;
font-weight:bold;
top:-98px;
width:112px; /* 128 - 16 */
height:93px; /* 98 - 5 */
padding:5px 0 0 16px;
overflow:hidden;
font-size:0.9em;
line-height:1.3em;
}
.black {
color:#000;
}
.overOnglet img {
border:0;
margin:0 0 5px 0;
}
.overOnglet .infos {
margin:0 0 0 7px;
}
.limit {
height:98px;
max-width:286px;
overflow:hidden;
float:right;
}
#ongletsTrans {
margin:0 0 0 30px;
padding:0;
border:0;
border-collapse:collapse;
border-spacing:0;

}
#ongletsTrans td {
height:98px;
vertical-align:top;
}
#detailForm {
margin-bottom:10px;
}
#detailForm p {
margin:2px 0;
padding:0;
text-align:left;
}
.illusForm {
float:left;
margin: 0 20px 10px 0;
}
.infobulle {
position:absolute;
border:1px solid #000;
margin:0;
padding:4px;
width:220px;
background:#fff;
font-size:0.8em;
z-index:10;
text-align:left;
}
.infobulle span {
font-size:0.9em;
display:block;
}