body {
margin: 0;
padding: 0;
background-color: #363737;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #000000;
line-height: 18px;
background-image: url(fond.jpg);
background-repeat: repeat-x;
background-position: top;
}
a {
color: #000000;
}
h1 {
display:none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption {
display: none;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  FOND  ---*/
#fond {
float: left;
width: 100%;
background-image: url(fond_haut.jpg);
background-repeat: no-repeat;
background-position: top;
}
body.bodyPopup #fond {
float: left;
width: 100%;
background-image: url(fond_haut_popup.jpg);
background-repeat: no-repeat;
background-position: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
body.bodyPopup #centrage {
width: 600px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
float: left;
width: 980px;
height: 206px;
padding: 0px 0px 0px 0px;
}
#header #headerHaut {
float: left;
clear: both;
width: 980px;
height: 22px;
padding: 4px 0px 0px 0px;
}
#header #headerBas {
position: relative;
float: left;
width: 925px;
height: 180px;
padding: 0px 30px 0px 25px;
}
#header #headerBas img.logo {
float: left;
margin-top: 11px;
}
#header #headerBas #zoneAnim {
float: left;
width: 620px;
height: 180px;
padding-left: 5px;
}
#header #headerBas #logos {
float: right;
width: 100px;
text-align: center;
}
#header #headerBas #logos img {
margin-top: 16px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#headerPopup {
position: relative;
float: left;
width: 580px;
height: 140px;
padding: 0px 10px 0px 10px;
}
#headerPopup img.logo {
float: left;
margin-top: 18px;
}
#headerPopup #zoneAnim {
float: left;
width: 357px;
height: 130px;
padding: 10px 0px 0px 10px;
}
#headerPopup #logos {
float: right;
width: 72px;
padding-top: 10px;
text-align: center;
}
#headerPopup #logos img {
margin-top: 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
float: left;
width: 400px;
font-size: x-small;
padding: 0px 0px 0px 35px;
background-image: url(puce_recherche.gif);
background-repeat: no-repeat;
background-position: 18px 2px;
font-weight: bold;
color: #516A7A;
}
#recherche input.saisie {
font-size: x-small;
color: #252525;
border: 1px solid #C4C4C4;
background-color: #EAEAEA;
vertical-align: middle;
width: 115px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
padding-right: 5px;
line-height: 15px;
font-weight: bold;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
float: right;
width: 370px;
font-size: x-small;
font-weight: bold;
padding-right: 25px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche {
display: none;
}
#raccourcis ul li {
float: left;
padding-left: 10px;
}
#raccourcis ul li a {
text-decoration: none;
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 15px;
color: #516A7A;
}
#raccourcis ul li.racaide a {
background-image: url(puce_aide.gif);
}
#raccourcis ul li.racplan a {
background-image: url(puce_plan.gif);
}
#raccourcis ul li.raccontact a {
background-image: url(puce_contact.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 944px;
height: 50px;
padding: 0px 16px 0px 20px;
background-image: url(fond_menu_horiz.png);
background-repeat: no-repeat;
background-position: top;
color: #303030;
}
/*-----------------------------------------------------*/
/*--  NIVEAU 1  --*/
#menu ul {
font-weight: bold;
height: 50px;
}
#menu ul li {
float: left;
}
#menu ul li a {
float: left;
display: block;
text-align: center;
color: #303030;
padding: 0px 8px 0px 8px;
text-decoration: none;
line-height: 14px;
}
#menu ul li.lien01,
#menu ul li.courtUneLigneLien2,
#menu ul li.longUneLigneLien2,
#menu ul li.courtDeuxLigneLien2,
#menu ul li.longDeuxLigneLien2,
#menu ul li.courtUneLigneLien3,
#menu ul li.longUneLigneLien3,
#menu ul li.courtDeuxLigneLien3,
#menu ul li.longDeuxLigneLien3,
#menu ul li.courtUneLigneLien4,
#menu ul li.longUneLigneLien4,
#menu ul li.courtDeuxLigneLien4,
#menu ul li.longDeuxLigneLien4,
#menu ul li.courtUneLigneLien6,
#menu ul li.longUneLigneLien6,
#menu ul li.courtDeuxLigneLien6,
#menu ul li.longDeuxLigneLien6,
#menu ul li.courtUneLigneLien7,
#menu ul li.longUneLigneLien7,
#menu ul li.courtDeuxLigneLien7,
#menu ul li.longDeuxLigneLien7 {
background-image: url(separateur_menu.gif);
background-repeat: no-repeat;
background-position: right top;
padding-right: 1px;
}
/* --- ACCUEIL ---*/
li.ien01, .Accueil, .lien01{}
#menu ul li.lien01 a{
height: 28px;
padding-top: 14px;
width: 50px;
}
/* --- CLASS SUR LE MENU ---*/

/* --- lien02---*/
li.courtUneLigneLien2, .courtUneLigneLien2, .courtUneLigneLien2{}
#menu ul li.courtUneLigneLien2 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien2, .courtDeuxLigneLien2, .courtDeuxLigneLien2{}
#menu ul li.courtDeuxLigneLien2 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien2, .longUneLigneLien02, .longUneLigneLien02{}
#menu ul li.longUneLigneLien2 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien2, .longDeuxLigneLien2, .longDeuxLigneLien2{}
#menu ul li.longDeuxLigneLien2 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
/* --- lien03---*/
li.courtUneLigneLien3, .courtUneLigneLien3, .courtUneLigneLien3{}
#menu ul li.courtUneLigneLien3 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien3, .courtDeuxLigneLien3, .courtDeuxLigneLien3{}
#menu ul li.courtDeuxLigneLien2 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien3, .longUneLigneLien03, .longUneLigneLien03{}
#menu ul li.longUneLigneLien3 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien3, .longDeuxLigneLien3, .longDeuxLigneLien3{}
#menu ul li.longDeuxLigneLien3 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
/* --- lien04---*/
li.courtUneLigneLien4, .courtUneLigneLien4, .courtUneLigneLien4{}
#menu ul li.courtUneLigneLien4 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien4, .courtDeuxLigneLien4, .courtDeuxLigneLien4{}
#menu ul li.courtDeuxLigneLien4 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien4, .longUneLigneLien04, .longUneLigneLien04{}
#menu ul li.longUneLigneLien4 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien4, .longDeuxLigneLien4, .longDeuxLigneLien4{}
#menu ul li.longDeuxLigneLien4 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
/* --- lien05---*/
li.courtUneLigneLien5, .courtUneLigneLien5, .courtUneLigneLien5{}
#menu ul li.courtUneLigneLien5 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien5, .courtDeuxLigneLien5, .courtDeuxLigneLien5{}
#menu ul li.courtDeuxLigneLien5 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien5, .longUneLigneLien05, .longUneLigneLien05{}
#menu ul li.longUneLigneLien5 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien5, .longDeuxLigneLien5, .longDeuxLigneLien5{}
#menu ul li.longDeuxLigneLien5 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
/* --- lien06---*/
li.courtUneLigneLien6, .courtUneLigneLien6, .courtUneLigneLien6{}
#menu ul li.courtUneLigneLien6 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien6, .courtDeuxLigneLien6, .courtDeuxLigneLien6{}
#menu ul li.courtDeuxLigneLien6 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien6, .longUneLigneLien06, .longUneLigneLien06{}
#menu ul li.longUneLigneLien6 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien6, .longDeuxLigneLien6, .longDeuxLigneLien6{}
#menu ul li.longDeuxLigneLien6 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
/* --- lien07---*/
li.courtUneLigneLien7, .courtUneLigneLien7, .courtUneLigneLien7{}
#menu ul li.courtUneLigneLien7 a {
height: 28px;
padding-top: 14px;
width: 100px;
}
li.courtDeuxLigneLien7, .courtDeuxLigneLien7, .courtDeuxLigneLien7{}
#menu ul li.courtDeuxLigneLien7 a{
height: 34px;
padding-top: 8px;
width: 100px;
}
li.longUneLigneLien7, .longUneLigneLien07, .longUneLigneLien07{}
#menu ul li.longUneLigneLien7 a{
height: 28px;
padding-top: 14px;
width: 140px;
}
li.longDeuxLigneLien7, .longDeuxLigneLien7, .longDeuxLigneLien7{}
#menu ul li.longDeuxLigneLien7 a{
height: 34px;
padding-top: 8px;
width: 140px;
}
#menu ul li.lien01 a:hover,
body.bodyAccueil #menu ul li.lien01 a {
color: #B9060F;
background-image: url(bout_bordeaux_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
#menu ul li.longUneLigneLien2 a:hover,
#menu ul li.longDeuxLigneLien2 a:hover,
#menu ul li.courtUneLigneLien2 a:hover,
#menu ul li.courtDeuxLigneLien2 a:hover,
#menu ul li.longUneLigneLien2_on a,
#menu ul li.longDeuxLigneLien2_on a,
#menu ul li.courtUneLigneLien2_on a,
#menu ul li.courtDeuxLigneLien2_on a  {
color: #379FD3;
background-image: url(bout_bleu_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.longUneLigneLien3 a:hover,
#menu ul li.longDeuxLigneLien3 a:hover,
#menu ul li.courtUneLigneLien3 a:hover,
#menu ul li.courtDeuxLigneLien3 a:hover, 
#menu ul li.longUneLigneLien3_on a,
#menu ul li.longDeuxLigneLien3_on a,
#menu ul li.courtUneLigneLien3_on a,
#menu ul li.courtDeuxLigneLien3_on a  {
color: #4E6606;
background-image: url(bout_vert_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.longUneLigneLien4 a:hover,
#menu ul li.longDeuxLigneLien4 a:hover,
#menu ul li.courtUneLigneLien4 a:hover,
#menu ul li.courtDeuxLigneLien4 a:hover, 
#menu ul li.longUneLigneLien4_on a,
#menu ul li.longDeuxLigneLien4_on a,
#menu ul li.courtUneLigneLien4_on a,
#menu ul li.courtDeuxLigneLien4_on a  {
color: #DF5900;
background-image: url(bout_orange_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.longUneLigneLien5 a:hover,
#menu ul li.longDeuxLigneLien5 a:hover,
#menu ul li.courtUneLigneLien5 a:hover,
#menu ul li.courtDeuxLigneLien5 a:hover, 
#menu ul li.longUneLigneLien5_on a,
#menu ul li.longDeuxLigneLien5_on a,
#menu ul li.courtUneLigneLien5_on a,
#menu ul li.courtDeuxLigneLien5_on a {
color: #756110;
background-image: url(bout_marron_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.longUneLigneLien6 a:hover,
#menu ul li.longDeuxLigneLien6 a:hover,
#menu ul li.courtUneLigneLien6 a:hover,
#menu ul li.courtDeuxLigneLien6 a:hover, 
#menu ul li.longUneLigneLien6_on a,
#menu ul li.longDeuxLigneLien6_on a,
#menu ul li.courtUneLigneLien6_on a,
#menu ul li.courtDeuxLigneLien6_on a {
color: #640894;
background-image: url(bout_violet_over.gif);
background-repeat: no-repeat;
background-position: top;
}
#menu ul li.longUneLigneLien7 a:hover,
#menu ul li.longDeuxLigneLien7 a:hover,
#menu ul li.courtUneLigneLien7 a:hover,
#menu ul li.courtDeuxLigneLien7 a:hover, 
#menu ul li.longUneLigneLien7_on a,
#menu ul li.longDeuxLigneLien7_on a,
#menu ul li.courtUneLigneLien7_on a,
#menu ul li.courtDeuxLigneLien7_on a {
color: #CC0000;
background-image: url(bout_rouge_over.gif);
background-repeat: no-repeat;
background-position: top;
}
/*-----------------------------------------------------*/
/*--  NIVEAU 2  --*/
#menu ul li ul {
display: none;
}
#menu ul li ul.on {
display: block;
position: absolute;
top: 291px;
left: 12px;
width: 170px;
height: auto;
margin: 0px 0px 0px 0px;
padding:  0px 10px 15px 10px;
background-image: url(fond_bas_menu_gauche.png);
background-repeat: no-repeat;
background-position: bottom;
}
#menu ul li ul.on li {
float: none;
width: auto;
height: auto;
padding: 0px 0px 3px 0px;
margin: 0px 0px 3px 0px;
border-bottom: 1px solid #888888;
}
#menu ul li.on ul li a {
float: none;
display: block;
width: auto;
height: auto;
text-align: left;
color: #303030;
font-weight: normal;
line-height: 18px;
padding: 0px 0px 0px 20px;
background-position: 0px -10px;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li.on a {
background-position: 0px -110px;
}
 
 
/* --- NIVEAU 2--- LIEN 02 ---*/
 
#menu ul li.lien02_on ul li a ,
#menu ul li.longUneLigneLien2_on ul li a,
#menu ul li.longDeuxLigneLien2_on ul li a,
#menu ul li.courtUneLigneLien2_on ul li a,
#menu ul li.courtDeuxLigneLien2_on ul li a{
background-image: url(puce_menu_bleue.gif);
}
#menu ul li.lien02_on ul li a:hover,
#menu ul li.longUneLigneLien2_on ul li a:hover,
#menu ul li.longDeuxLigneLien2_on ul li a:hover,
#menu ul li.courtUneLigneLien2_on ul li a:hover,
#menu ul li.courtDeuxLigneLien2_on ul li a:hover,
#menu ul li.lien02_on ul li.on a,
#menu ul li.longUneLigneLien2_on ul li.on a,
#menu ul li.longDeuxLigneLien2_on ul li.on a,
#menu ul li.courtUneLigneLien2_on ul li.on a,
#menu ul li.courtDeuxLigneLien2_on ul li.on a {
background-image: url(puce_menu_bleue.gif);
color: #379FD3;
}
 
 
/* --- NIVEAU 2--- LIEN 03 --*/
 
#menu ul li.lien03_on ul li a ,
#menu ul li.longUneLigneLien3_on ul li a,
#menu ul li.longDeuxLigneLien3_on ul li a,
#menu ul li.courtUneLigneLien3_on ul li a,
#menu ul li.courtDeuxLigneLien3_on ul li a{
background-image: url(puce_menu_verte.gif);
}
#menu ul li.lien03_on ul li a:hover,
#menu ul li.longUneLigneLien3_on ul li a:hover,
#menu ul li.longDeuxLigneLien3_on ul li a:hover,
#menu ul li.courtUneLigneLien3_on ul li a:hover,
#menu ul li.courtDeuxLigneLien3_on ul li a:hover,
#menu ul li.lien03_on ul li.on a,
#menu ul li.longUneLigneLien3_on ul li.on a,
#menu ul li.longDeuxLigneLien3_on ul li.on a,
#menu ul li.courtUneLigneLien3_on ul li.on a,
#menu ul li.courtDeuxLigneLien3_on ul li.on a {
background-image: url(puce_menu_verte.gif);
color: #4E6606;
}
/* --- NIVEAU 2--- LIEN 04 --*/
#menu ul li.lien04_on ul li a ,
#menu ul li.longUneLigneLien4_on ul li a,
#menu ul li.longDeuxLigneLien4_on ul li a,
#menu ul li.courtUneLigneLien4_on ul li a,
#menu ul li.courtDeuxLigneLien4_on ul li a{
background-image: url(puce_menu_orange.gif);
}
#menu ul li.lien04_on ul li a:hover,
#menu ul li.longUneLigneLien4_on ul li a:hover,
#menu ul li.longDeuxLigneLien4_on ul li a:hover,
#menu ul li.courtUneLigneLien4_on ul li a:hover,
#menu ul li.courtDeuxLigneLien4_on ul li a:hover,
#menu ul li.lien04_on ul li.on a,
#menu ul li.longUneLigneLien4_on ul li.on a,
#menu ul li.longDeuxLigneLien4_on ul li.on a,
#menu ul li.courtUneLigneLien4_on ul li.on a,
#menu ul li.courtDeuxLigneLien4_on ul li.on a  {
background-image: url(puce_menu_orange.gif);
color: #DF5900;
}

/* --- NIVEAU 2--- LIEN 05 --*/
#menu ul li.lien05_on ul li a ,
#menu ul li.longUneLigneLien5_on ul li a,
#menu ul li.longDeuxLigneLien5_on ul li a,
#menu ul li.courtUneLigneLien5_on ul li a,
#menu ul li.courtDeuxLigneLien5_on ul li a {
background-image: url(puce_menu_marron.gif);
}
#menu ul li.lien05_on ul li a:hover,
#menu ul li.longUneLigneLien5_on ul li a:hover,
#menu ul li.longDeuxLigneLien5_on ul li a:hover,
#menu ul li.courtUneLigneLien5_on ul li a:hover,
#menu ul li.courtDeuxLigneLien5_on ul li a:hover,
#menu ul li.lien05_on ul li.on a,
#menu ul li.longUneLigneLien5_on ul li.on a,
#menu ul li.longDeuxLigneLien5_on ul li.on a,
#menu ul li.courtUneLigneLien5_on ul li.on a,
#menu ul li.courtDeuxLigneLien5_on ul li.on a  {
background-image: url(puce_menu_marron.gif);
color: #756110;
}
/* --- NIVEAU 2--- LIEN 06 --*/
#menu ul li.lien06_on ul li a ,
#menu ul li.longUneLigneLien6_on ul li a,
#menu ul li.longDeuxLigneLien6_on ul li a,
#menu ul li.courtUneLigneLien6_on ul li a,
#menu ul li.courtDeuxLigneLien6_on ul li a  {
background-image: url(puce_menu_violet.gif);
}
#menu ul li.lien06_on ul li a:hover,
#menu ul li.longUneLigneLien6_on ul li a:hover,
#menu ul li.longDeuxLigneLien6_on ul li a:hover,
#menu ul li.courtUneLigneLien6_on ul li a:hover,
#menu ul li.courtDeuxLigneLien6_on ul li a:hover,
#menu ul li.lien06_on ul li.on a,
#menu ul li.longUneLigneLien6_on ul li.on a,
#menu ul li.longDeuxLigneLien6_on ul li.on a,
#menu ul li.courtUneLigneLien6_on ul li.on a,
#menu ul li.courtDeuxLigneLien6_on ul li.on a{
background-image: url(puce_menu_violet.gif);
color: #640894;
}
 
/* --- NIVEAU 2--- LIEN 07 --*/
#menu ul li.lien07_on ul li a ,
#menu ul li.longUneLigneLien7_on ul li a,
#menu ul li.longDeuxLigneLien7_on ul li a,
#menu ul li.courtUneLigneLien7_on ul li a,
#menu ul li.courtDeuxLigneLien7_on ul li a  {
background-image: url(puce_menu_rouge.gif);
}
#menu ul li.lien07_on ul li a:hover,
#menu ul li.longUneLigneLien7_on ul li a:hover,
#menu ul li.longDeuxLigneLien7_on ul li a:hover,
#menu ul li.courtUneLigneLien7_on ul li a:hover,
#menu ul li.courtDeuxLigneLien7_on ul li a:hover,
#menu ul li.lien07_on ul li.on a,
#menu ul li.longUneLigneLien7_on ul li.on a,
#menu ul li.longDeuxLigneLien7_on ul li.on a,
#menu ul li.courtUneLigneLien7_on ul li.on a,
#menu ul li.courtDeuxLigneLien7_on ul li.on a {
background-image: url(puce_menu_rouge.gif);
color: #CC0000;
}
/*-----------------------------------------------------*/
/*--  NIVEAU 3  --*/
#menu ul li ul.on li ul {
display: none;
}
#menu ul li ul.on li ul.on {
display: block;
position: relative;
top: 0px;
left: 0px;
font-size: x-small;
width: 158px;
padding:  0px 0px 0px 12px;
background-image: none;
}
#menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: none;
}
#menu ul li ul.on li ul.on li a {
color: #303030;
font-weight: normal;
line-height: 18px;
padding: 0px 0px 0px 17px;
background-position: 9px -2px;
}
#menu ul li ul.on li ul.on li a:hover,
#menu ul li ul.on li ul.on li.on a {
background-position: 9px -102px;
}
 
 
/* --- NIVEAU 3-- LIEN 02---*/
 
 
 
#menu ul li.longUneLigneLien2_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien2_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li a,
#menu ul li.lien02_on ul.on li ul.on li a {
background-image: url(puce_menu_bleue2.gif);
}
#menu ul li.longUneLigneLien2_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien2_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li a:hover,
#menu ul li.lien02_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien2_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien2_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li.on a,
#menu ul li.lien02_on ul.on li ul.on li.on a {
background-image: url(puce_menu_bleue2.gif);
color: #CC0000;
}
 
/* --- NIVEAU 3-- LIEN03---*/
 
#menu ul li.longUneLigneLien3_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien3_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li a,
#menu ul li.lien03_on ul.on li ul.on li a  {
background-image: url(puce_menu_verte2.gif);
}
#menu ul li.longUneLigneLien3_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien3_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li a:hover,
#menu ul li.lien03_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien3_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien3_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li.on a,
#menu ul li.lien03_on ul.on li ul.on li.on a  {
background-image: url(puce_menu_verte2.gif);
color: #CC0000;
}
/* --- NIVEAU 3-- LIEN 04---*/
#menu ul li.longUneLigneLien4_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien4_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li a,
#menu ul li.lien04_on ul.on li ul.on li a {
background-image: url(puce_menu_orange2.gif);
}
#menu ul li.longUneLigneLien4_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien4_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li a:hover,
#menu ul li.lien04_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien4_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien4_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li.on a,
#menu ul li.lien04_on ul.on li ul.on li.on a {
background-image: url(puce_menu_orange2.gif);
color: #CC0000;
}
/* --- NIVEAU 3-- LIEN 05 ---*/
#menu ul li.longUneLigneLien5_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien5_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li a,
#menu ul li.lien05_on ul.on li ul.on li a{
background-image: url(puce_menu_marron2.gif);
}
#menu ul li.longUneLigneLien5_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien5_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li a:hover,
#menu ul li.lien05_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien5_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien5_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li.on a,
#menu ul li.lien05_on ul.on li ul.on li.on a {
background-image: url(puce_menu_marron2.gif);
color: #CC0000;
}
/* --- NIVEAU 3-- LIEN 06 ---*/
#menu ul li.longUneLigneLien6_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien6_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li a,
#menu ul li.lien06_on ul.on li ul.on li a {
background-image: url(puce_menu_violete2.gif);
}
#menu ul li.longUneLigneLien6_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien6_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li a:hover,
#menu ul li.lien06_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien6_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien6_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li.on a,
#menu ul li.lien06_on ul.on li ul.on li.on a{
background-image: url(puce_menu_violete2.gif);
color: #CC0000;
}
/* --- NIVEAU 3-- LIEN 07 ---*/
#menu ul li.longUneLigneLien7_on ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li a,
#menu ul li.courtUneLigneLien7_on ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li a,
#menu ul li.lien07_on ul.on li ul.on li a{
background-image: url(puce_menu_rouge2.gif);
}
#menu ul li.longUneLigneLien7_on ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien7_on ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li a:hover,
#menu ul li.lien07_on ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien7_on ul.on li ul.on li.on a,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li.on a,
#menu ul li.courtUneLigneLien7_on ul.on li ul.on li.on a,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li.on a,
#menu ul li.lien07_on ul.on li ul.on li.on a {
background-image: url(puce_menu_rouge2.gif);
color: #CC0000;
}
/*-----------------------------------------------------*/
/*--  NIVEAU 4  --*/
#menu ul li ul.on li ul.on li ul {
display: none;
}
#menu ul li ul.on li ul.on li ul.on {
display: block;
position: relative;
top: 0px;
left: 0px;
font-size: x-small;
width: 146px;
padding:  0px 0px 0px 12px;
background-image: none;
}
#menu ul li ul.on li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: none;
}
#menu ul li ul.on li ul.on li.on ul.on li a {
color: #303030;
font-weight: normal;
line-height: 18px;
padding: 0px 0px 0px 17px;
background-position: 9px -2px;
}
#menu ul li ul.on li ul.on li ul.on li a:hover,
#menu ul li ul.on li ul.on li ul.on li.on a {
background-position: 9px -102px;
}
 
/* --- NIVEAU 4 -- LIEN 02 ---*/
 
#menu ul li.longUneLigneLien2_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien2_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li ul.on li a,
#menu ul li.lien02_on ul.on li ul.on li ul.on li a {
background-image: url(puce_menu_bleue2.gif);
}
#menu ul li.longUneLigneLien2_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien2_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien02_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien2_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien2_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien2_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien2_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien02_on ul.on li ul.on li ul.on li.on a {
background-image: url(puce_menu_bleue2.gif);
color: #CC0000;
}
 
/* --- NIVEAU 4 -- LIEN 03 ---*/
 
#menu ul li.longUneLigneLien3_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien3_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li ul.on li a,
#menu ul li.lien03_on ul.on li ul.on li ul.on li a {
background-image: url(puce_menu_verte2.gif);
}
#menu ul li.longUneLigneLien3_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien3_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien03_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien3_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien3_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien3_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien3_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien03_on ul.on li ul.on li ul.on li.on a{
background-image: url(puce_menu_verte2.gif);
color: #CC0000;
}
/* --- NIVEAU 4 -- LIEN 04 ---*/
#menu ul li.longUneLigneLien4_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien4_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li ul.on li a,
#menu ul li.lien04_on ul.on li ul.on li ul.on li a  {
background-image: url(puce_menu_orange2.gif);
}
#menu ul li.longUneLigneLien4_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien4_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien04_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien4_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien4_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien4_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien4_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien04_on ul.on li ul.on li ul.on li.on a {
background-image: url(puce_menu_orange2.gif);
color: #CC0000;
}
/* --- NIVEAU 4 -- LIEN 05 ---*/
#menu ul li.longUneLigneLien5_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien5_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li ul.on li a,
#menu ul li.lien05_on ul.on li ul.on li ul.on li a{
background-image: url(puce_menu_marron2.gif);
}
#menu ul li.longUneLigneLien5_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien5_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien05_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien5_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien5_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien5_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien5_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien05_on ul.on li ul.on li ul.on li.on a{
background-image: url(puce_menu_marron2.gif);
color: #CC0000;
}
/* --- NIVEAU 4 -- LIEN 06 ---*/
#menu ul li.longUneLigneLien6_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien6_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li ul.on li a,
#menu ul li.lien06_on ul.on li ul.on li ul.on li a {
background-image: url(puce_menu_violete2.gif);
}
#menu ul li.longUneLigneLien6_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien6_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien06_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien6_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien6_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien6 on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien6_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien06_on ul.on li ul.on li ul.on li.on a{
background-image: url(puce_menu_violete2.gif);
color: #CC0000;
}
/* --- NIVEAU 4 -- LIEN 07 ---*/
#menu ul li.longUneLigneLien7_on ul.on li ul.on li ul.on li a,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li ul.on li a,
#menu ul li.courtUneLigneLien7_on  ul.on li ul.on li ul.on li a,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li ul.on li a,
#menu ul li.lien07_on ul.on li ul.on li ul.on li a{
background-image: url(puce_menu_rouge2.gif);
}
#menu ul li.longUneLigneLien7_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtUneLigneLien7_on  ul.on li ul.on li ul.on li a:hover,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.lien07_on ul.on li ul.on li ul.on li a:hover,
#menu ul li.longUneLigneLien7_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.longDeuxLigneLien7_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtUneLigneLien7_on  ul.on li ul.on li ul.on li.on a ,
#menu ul li.courtDeuxLigneLien7_on ul.on li ul.on li ul.on li.on a ,
#menu ul li.lien07_on ul.on li ul.on li ul.on li.on a {
background-image: url(puce_menu_rouge2.gif);
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 767px;
padding: 0px 0px 0px 213px;
background-image: url(fond_haut_menu_gauche.png);
background-repeat: no-repeat;
background-position: 12px 10px;
}
body.bodygenerique #content,
body.bodyNosPartenaires #content,
body.bodyLiensUtiles #content{
background-image: none;
}
body.bodyPopup #content {
float: left;
width: 568px;
padding: 0px 16px 29px 16px;
background-image: url(fond_footer_pop.gif);
background-repeat: no-repeat;
background-position: bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
font-size: x-small;
width: 555px;
padding: 0px 20px 0px 10px;
height: 18px;
color: #333333;
}
#filariane a {
color: #333333;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 555px;
padding: 5px 20px 10px 10px;
background-color: #A5A5A5;
background-image: url(fond_inter.jpg);
background-repeat: no-repeat;
}
#interPopup {
float: left;
width: 548px;
padding: 5px 10px 10px 10px;
background-color: #C7C7C7;
background-image: url(fond_inter_pop.jpg);
background-repeat: no-repeat;
background-position: top;
}
#inter h2,
#inter h2 a,
#interPopup h2,
#interPopup h2 a {
font-size: x-large;
margin: 7px 0px 15px 0px;
padding: 0;
line-height: 24px;
font-weight: normal;
}
body.bodyCrje #inter h2,
body.bodyCrje #inter h2 a {
color: #14658D;
}
body.bodyGrandPublic #inter h2,
body.bodyGrandPublic #inter h2 a {
color: #4E6606;
}
body.bodyProfessionnels #inter h2,
body.bodyProfessionnels #inter h2 a {
color: #DF5900;
}
body.bodyAutresAddictions #inter h2,
body.bodyAutresAddictions #inter h2 a {
color: #756110;
}
body.bodyNosPartenaires #inter h2,
body.bodyNosPartenaires #inter h2 a {
color: #640894;
}
body.bodyLiensUtiles #inter h2,
body.bodyLiensUtiles #inter h2 a {
color: #CC0000;
}
body.bodygenerique #inter h2,
body.bodygenerique #inter h2 a,
body.bodyPopup #interPopup h2,
body.bodyPopup #interPopup h2 a {
color: #A30109;
}
#inter h3,
#inter h3 a,
#interPopup h3,
#interPopup h3 a {
font-size: large;
margin: 12px 0px 12px 0px;
padding: 0;
color: #3F5464;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interPopup h4,
#interPopup h4 a {
font-size: medium;
margin: 12px 0px 12px 0px;
padding: 0;
color: #414004;
}
#inter p,
#interPopup p {
margin: 10px 0px 10px 0px;
}
#inter ul,
#interPopup ul {
margin: 10px 0px 10px 20px;
}
#inter ul li,
#interPopup ul li {
padding-left: 14px;
background-image: url(puce01.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#inter ul li ul,
#interPopup ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#interPopup ul li ul li {
padding-left: 8px;
background-image: url(puce02.gif);
background-repeat: no-repeat;
background-position: 0px 9px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PAGE D'ACCUEIL  ---*/
body.bodyAccueil #hautpage,
body.bodyAccueil #imprimpage {
display: none;
}
body.bodyAccueil #content {
float: left;
width: 970px;
padding: 0px 0px 0px 10px;
background-image: none;
}
body.bodyAccueil #inter {
float: left;
width: 780px;
padding: 0px 10px 10px 0px;
background-color: transparent;
background-image: none;
}
body.bodyAccueil #inter #droite {
float: left;
width: 230px;
padding: 0px 0px 0px 0px;
}
body.bodyAccueil #inter #droite #contentEdito,
body.bodyAccueil #inter #droite #contentActus {
float: left;
width: 230px;
padding: 15px 0px 0px 0px;
background-image: url(haut_gauche_accueil.png);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #droite #edito,
body.bodyAccueil #inter #droite #actus {
float: left;
width: 200px;
padding: 0px 15px 10px 15px;
background-image: url(bas_gauche_accueil.png);
background-repeat: no-repeat;
background-position: bottom;
font-size: x-small;
line-height: 14px;
}
body.bodyAccueil #inter #droite #edito h2{
color: #516A7A;
font-size: small;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
body.bodyAccueil #inter #droite #actus h2 {
color: #516A7A;
font-size: small;
margin: 0px 0px 0px 0px;
}
.actuLigne {
margin-bottom: 20px;
}
body.bodyAccueil #inter #droite #actus p img,
#inter .actuLigne img {
float: right;
}
body.bodyAccueil #inter #droite #actus p strong a,
.actuLigne strong a {
color: #CC0000;
text-decoration: none;
}
body.bodyAccueil #inter #droite #actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
body.bodyAccueil #inter #droite #actus p.toutesactus {
font-size: x-small;
font-weight: bold;
float: left;
}
body.bodyAccueil #inter #droite #actus p.toutesactus a {
text-decoration: none;
color: #BC0606;
padding-left: 17px;
background-image: url(puce_toutes_actus.gif);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #droite #actus p.filrss {
font-size: x-small;
font-weight: bold;
float: left;
padding-left: 15px;
}
body.bodyAccueil #inter #droite #actus p.filrss a {
text-decoration: none;
color: #BC0606;
padding-left: 17px;
background-image: url(puce_rss.gif);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #droite #actus p.toutesactus a:hover,
body.bodyAccueil #inter #droite #actus p.filrss a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*---  PLATEAU DE JEU  ---*/
body.bodyAccueil #inter #jeu {
position: relative;
float: left;
width: 522px;
height: 450px;
padding: 18px 14px 0px 14px;
background-image: url(fond_jeu.jpg);
background-repeat: no-repeat;
}
body.bodyAccueil #inter #jeu table {
}
body.bodyAccueil #inter #jeu table td {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
width: 52px;
height: 40px;
border: none;
}
body.bodyAccueil #inter #jeu table td img {
}
body.bodyAccueil #inter #jeu #aVousJouer {
position: absolute;
top: 20px;
left: 30px;
}
body.bodyAccueil #inter #jeu #lienQuiz {
position: absolute;
top: 400px;
left: 330px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 175px;
padding: 4px 0px 10px 0px;
line-height: 14px;
}
#right ul {
margin: 7px 0px 7px 5px;
}
#right ul li {
padding-left: 10px;
background-image: url(puce_totem.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#right ul li ul {
margin: 0px 0px 0px 5px;
}
#right ul li ul li {
padding-left: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews {
width: 145px;
height: 100px;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
background-image: url(fond_zone_newsletter.jpg);
font-size: x-small;
color: #FFFFFF;
}
#inscritnews label strong {
font-size: small;
}
#inscritnews input.saisie {
font-size: x-small;
color: #6699CC;
border: 1px solid #303647;
vertical-align: middle;
width: 115px;
}
#inscritnews input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ESPACE PRESSE ---*/
#espacePresse {
width: 145px;
height: 100px;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
background-image: url(fond_zone_espace_presse.jpg);
background-repeat: no-repeat;
font-size: x-small;
color: #FFFFFF;
}
#espacePresse a {
text-decoration: none;
font-size: small;
color: #B9060F;
display: block;
height: 100px;
width: 145px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ZONE CONTACT ---*/
#zoneContact {
width: 145px;
height: 30px;
padding: 10px 10px 0px 10px;
margin-bottom: 10px;
background-image: url(fond_zone_contact.jpg);
background-repeat: no-repeat;
font-size: x-small;
color: #FFFFFF;
}
#zoneContact a {
text-decoration: none;
font-size: small;
color: #516A7A;
display: block;
height: 30px;
width: 145px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
width: 165px;
padding: 0px 0px 0px 0px;
font-size: x-small;
line-height: 14px;
}
#totem #hauTotem {
padding: 7px 0px 0px 0px;
background-image: url(fond_haut_totem.png);
background-repeat: no-repeat;
background-position: top;
}
#totem #hauTotem #fondTotem {
width: 145px;
padding: 0px 10px 10px 10px;
background-image: url(fond_bas_totem.png);
background-repeat: no-repeat;
background-position: bottom;
}
#totem #hauTotem #fondTotem p {
margin: 5px 0px 5px 0px;
}
#totem #hauTotem #fondTotem ul {
margin: 7px 0px 7px 5px;
}
#totem #hauTotem #fondTotem ul li {
padding-left: 10px;
background-image: url(puce_totem.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#totem #hauTotem #fondTotem ul li ul {
margin: 0px 0px 0px 5px;
}
#totem #hauTotem #fondTotem ul li ul li {
padding-left: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 980px;
font-size: x-small;
padding: 6px 0px 10px 0px;
background-image: url(fond_footer_inter.png);
background-repeat: no-repeat;
background-position: top;
color: #FFFFFF;
}
body.bodyAccueil #footer {
background-image: url(fond_footer.png);
background-position: top;
}
#footer a {
text-decoration: none;
color: #FFFFFF;
}
#footer ul {
clear: both;
float: left;
width: 700px;
padding: 38px 0px 0px 30px;
}
body.bodyAccueil #footer ul {
padding: 22px 0px 0px 30px;
}
#footer ul li {
display: inline;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage {
float: left;
padding: 0px 0px 0px 225px;
}
#hautpage a {
display: block;
width: 71px;
height: 18px;
padding: 2px 0px 2px 22px;
background-image: url(puce_haut.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
color: #FFFFFF;
}
#hautpage a:hover {
color: #14658D;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: left;
padding-left: 350px;
}
#imprimpage a {
display: block;
width: 81px;
height: 18px;
padding: 2px 0px 2px 22px;
background-image: url(puce_imprime.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
color: #FFFFFF;
}
#imprimpage a:hover {
color: #14658D;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .bleu, .coul02 {
color: #65D1F8;
}
div.coul03, .violet, .coul03 {
color: #9966CC;
}
div.coul04, .jaune, .coul04 {
color: #FCC837;
}
div.coul05, .orange, .coul05 {
color: #DF5900;
}
div.coul06, .vert, .coul06 {
color: #4FB351;
}
div.coul07, .gris, .coul07 {
color: #CCCCCC;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #CC0000;
}
img.bord02, .bordureBleue {
border: 1px solid #65D1F8;
}
img.bord03, .bordureViolete {
border: 1px solid #9966CC;
}
img.bord04, .bordureJaune {
border: 1px solid #FCC837;
}
img.bord05, .bordureOrange {
border: 1px solid  #DF5900;
}
img.bord06, .bordureVerte {
border: 1px solid #4FB351;
}
img.bord07, .bordureGrise {
border: 1px solid #CCCCCC;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #3F5464;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #3F5464;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #3F5464;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #3F5464;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #3F5464;
text-decoration: none;
}
html div.prec a:hover {
text-decoration: underline;
color: #BC0606;
}
html div.suiv a:hover {
text-decoration: underline;
color: #BC0606;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #3F5464;
padding: 3px;
vertical-align: top;
}
th {
background-color: #3F5464;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #3F5464;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #3F5464;
margin: 7px 50px 7px 0px;
font-weight: bold;
}
#plandusite ul li ul {
padding: 0px 0px 0px 10px;
border-bottom: none;
margin: 0px 0px 0px 0px;
font-weight: normal;
}
#plandusite ul li a {
color: #3F5464;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}
.clearBoth {
clear: both;
}