body {
margin: 0;
padding: 0;
background-color: #F3F3F3;
background-image: url(fond_blanc_site.gif);
background-repeat: repeat-y;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #003366;
}
a {
color: #003366;
}
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;
}
/*----------------------------------------------------------------------------------------------*/
/*---  BACKGROUND  ---*/
#centrage {
float: left;
width: 100%;
background-image: url(fond.jpg);
background-repeat: repeat-x;
background-position: 980px 0px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  TOTAL  ---*/
#total {
float: left;
width: 980px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  HEADER  ---*/
#header {
float: left;
width: 927px;
height: 118px;
background-image: url(fond_header_inter.jpg);
background-repeat: no-repeat;
padding: 7px 37px 0px 16px;
font-size: x-small;
}
body.bodyaccueil #header {
background-image: url(fond_header_accueil.jpg);
}
#header img.logo {
display: none;
}
#header img.transparent {
float: left;
width: 175px;
height: 54px;
}
#header img.logocg31 {
float: right;
}
#header #raccourcis {
position: absolute;
top: 90px;
left: 610px;
}
#header #raccourcis ul li {
display: inline;
}
#header #raccourcis ul li a {
color: #FFFFFF;
text-decoration: none;
}
#header #raccourcis ul li.lienaide a {
padding: 0px 0px 3px 14px;
background-image: url(puce_aide_raccourcis.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 12px;
}
#header #raccourcis ul li.lienplan a {
padding: 0px 0px 3px 14px;
background-image: url(puce_plan_raccourcis.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
margin-left: 5px;
line-height: 12px;
}
#header #raccourcis ul li.lienmenu,
#header #raccourcis ul li.liencontenu {
display: none;
}
#header #recherche {
position: absolute;
top: 73px;
left: 820px;
width: 135px;
}
#header #recherche input.saisie {
font-size: x-small;
font-family: Arial, Helvetica, sans-serif;
color: #1879A9;
border: 1px solid #003333;
width: 110px;
vertical-align: middle;
}
#header #recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  MENU  ---*/
#menu {
float: left;
width: 207px;
margin-top: -34px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
background-image: url(fond_menu.gif);
background-repeat: no-repeat;
background-position: 0px 32px;
}
body.bodyaccueil #menu {
background-image: url(fond_menu_accueil.gif);
}
#menu a {
text-decoration: none;
}
#menu ul {
float: left;
width: 185px;
padding: 0px 11px 250px 11px;
background-image: url(fond_bas_menu.jpg);
background-repeat: no-repeat;
background-position: bottom;
}
body.bodyaccueil #menu ul {
float: left;
padding: 0px 11px 370px 11px;
}
/*---------------------------------*/
/*--  PREMIER NIVEAU  --*/
#menu ul li {
float: left;
display: block;
font-size: medium;
width: 185px;
padding: 0;
margin-bottom: 5px;
font-weight: bold;
line-height: 16px;
}
#menu ul li a {
display: block;
width: 160px;
padding: 7px 5px 7px 20px;
background-position: 0px -10px;
background-repeat: no-repeat;
}
#menu ul li a:hover {
color: #CC0000;
background-position: 0px -260px;
}
#menu ul li.lienaccueil {
background-image: url(fond_bout_accueil.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lienaccueil a {
background-image: url(bouton_accueil.gif);
background-position: 0px 0px;
}
#menu ul li.lienaccueil a:hover {
background-position: 0px 0px;
}
body.bodyaccueil #menu ul li.lienaccueil {
background-image: url(fond_bout_accueil_accueil.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyaccueil #menu ul li.lienaccueil a {
background-image: url(bouton_accueil_accueil.gif);
color: #FFFFFF;
background-position: 0px 0px;
}
/*--  LIEN BLEU/VERT = BODY01  --*/
li.lien01, .LienBleuVert, #menu ul li.lien01 {
background-image: url(fond_bouton_bleu_vert.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien01 a {
background-image: url(bouton_bleu_vert.gif);
}
#menu ul li.lien01_on a,
#menu ul li.lien01_on a:hover {
background-image: url(bouton_bleu_vert_on.gif);
background-position: 0px -10px;
color: #003333;
}
/*--  LIEN VERT = BODY02  --*/
li.lien02, .LienVert, #menu ul li.lien02 {
background-image: url(fond_bouton_vert.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien02 a {
background-image: url(bouton_vert.gif);
}
#menu ul li.lien02_on a,
#menu ul li.lien02_on a:hover {
background-image: url(bouton_vert_on.gif);
background-position: 0px -10px;
color: #333300;
}
/*--  LIEN ORANGE = BODY03  --*/
li.lien03, .LienOrange, #menu ul li.lien03 {
background-image: url(fond_bouton_orange.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien03 a {
background-image: url(bouton_orange.gif);
}
#menu ul li.lien03_on a,
#menu ul li.lien03_on a:hover {
background-image: url(bouton_orange_on.gif);
background-position: 0px -10px;
color: #330000;
}
/*--  LIEN ROSE = BODY04  --*/
li.lien04, .LienRose, #menu ul li.lien04 {
background-image: url(fond_bouton_rose.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien04 a {
background-image: url(bouton_rose.gif);
}
#menu ul li.lien04_on a,
#menu ul li.lien04_on a:hover {
background-image: url(bouton_rose_on.gif);
background-position: 0px -10px;
color: #330000;
}
/*--  LIEN JAUNE = BODY05  --*/
li.lien05, .LienJaune, #menu ul li.lien05 {
background-image: url(fond_bouton_jaune.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien05 a {
background-image: url(bouton_jaune.gif);
}
#menu ul li.lien05_on a,
#menu ul li.lien05_on a:hover {
background-image: url(bouton_jaune_on.gif);
background-position: 0px -10px;
color: #333300;
}
/*--  LIEN VIOLET = BODY06 ou BODYGENERIQUE  --*/
li.lien06, .LienViolet, #menu ul li.lien06 {
background-image: url(fond_bouton_violet.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien06 a {
background-image: url(bouton_violet.gif);
}
#menu ul li.lien06_on a,
#menu ul li.lien06_on a:hover {
background-image: url(bouton_violet_on.gif);
background-position: 0px -10px;
color: #FFFFFF;
}
/*---------------------------------*/
/*--  SECOND NIVEAU  --*/
#menu ul li ul {
float: left;
display: none;
width: 185px;
padding: 10px 0px 0px 0px;
margin: -8px 0px 0px 0px;
background-repeat: no-repeat;
background-image: none;
background-position: 0px 0px;
}
#menu ul li.on {
padding-bottom: 5px;
}
#menu ul li.on ul {
display: block;
}
#menu ul li.on ul li {
float: left;
width: 150px;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
font-size: small;
font-weight: normal;
}
#menu ul li.on ul li a {
display: block;
width: 144px;
padding: 2px 0px 2px 11px;
background-position: 0px -1px;
}
#menu ul li.on ul li a:hover,
#menu ul li.on ul li a.on {
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN BLEU/VERT = BODY01  --*/
#menu ul li.lien01 ul {
background-image: url(fond_sous_rub_bleu_vert.gif);
}
#menu ul li.lien01 ul li a {
background-image: url(puce_menu_bleu_vert.gif);
}
#menu ul li.lien01 ul li a.on,
#menu ul li.lien01 ul li a:hover {
background-image: url(puce_menu_bleu_vert.gif);
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN VERT = BODY02  --*/
#menu ul li.lien02 ul {
background-image: url(fond_sous_rub_vert.gif);
}
#menu ul li.lien02 ul li a {
background-image: url(puce_menu_verte.gif);
}
#menu ul li.lien02 ul li a.on,
#menu ul li.lien02 ul li a:hover {
background-image: url(puce_menu_verte.gif);
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN ORANGE = BODY03  --*/
#menu ul li.lien03 ul {
background-image: url(fond_sous_rub_orange.gif);
}
#menu ul li.lien03 ul li a {
background-image: url(puce_menu_orange.gif);
}
#menu ul li.lien03 ul li a.on,
#menu ul li.lien03 ul li a:hover {
background-image: url(puce_menu_orange.gif);
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN ROSE = BODY04  --*/
#menu ul li.lien04 ul {
background-image: url(fond_sous_rub_rose.gif);
}
#menu ul li.lien04 ul li a {
background-image: url(puce_menu_rose.gif);
}
#menu ul li.lien04 ul li.on a,
#menu ul li.lien04 ul li a:hover {
background-image: url(puce_menu_rose.gif);
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN JAUNE = BODY05  --*/
#menu ul li.lien05 ul {
background-image: url(fond_sous_rub_jaune.gif);
}
#menu ul li.lien05 ul li a {
background-image: url(puce_menu_jaune.gif);
}
#menu ul li.lien05 ul li a.on,
#menu ul li.lien05 ul li a:hover {
background-image: url(puce_menu_jaune.gif);
color: #CC0000;
background-position: 0px -101px;
}
/*--  LIEN VIOLET = BODY06 OU BODYGENERIQUE  --*/
#menu ul li.lien06 ul {
background-image: url(fond_sous_rub_violet.gif);
}
#menu ul li.lien06 ul li a {
background-image: url(puce_menu_violette.gif);
color: #003366;
}
#menu ul li.lien06 ul li a:hover,
#menu ul li.lien06 ul li a.on {
background-image: url(puce_menu_violette.gif);
color: #CC0000;
}
/*------------------------------------*/
/*--  TROISIEME NIVEAU  --*/
#menu ul li.on ul li ul {
display: none;
width: 150px;
padding: 0px 0px 0px 0px;
font-size: x-small;
}
#menu ul li.on ul li.on ul {
display: block;
margin: 0px 0px 5px 0px;
}
#menu ul li.on ul li.on ul li {
float: left;
width: 140px;
padding: 0px 0px 0px 10px;
font-size: x-small;
line-height: 12px;
}
#menu ul li.on ul li.on ul li a {
width: 136px;
background-position: 2px -3px;
}
#menu ul li.on ul li.on ul li a:hover,
#menu ul li.on ul li.on ul li a.on {
background-position: 2px -153px;
}
/*--  LIEN BLEU VERT = BODY01  --*/
#menu ul li.lien01_on ul li.on ul {
background-image: none;
}
#menu ul li.lien01_on ul li.on ul li a {
color: #003333;
background-image: url(puce_niveau_3_bleu_vert.gif);
}
#menu ul li.lien01_on ul li.on ul li a.on,
#menu ul li.lien01_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_bleu_vert.gif);
color: #CC0000;
}
/*--  LIEN VERT = BODY02  --*/
#menu ul li.lien02_on ul li.on ul {
background-image: none;
}
#menu ul li.lien02_on ul li.on ul li a {
color: #333300;
background-image: url(puce_niveau_3_verte.gif);
}
#menu ul li.lien02_on ul li.on ul li a.on,
#menu ul li.lien02_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_verte.gif);
color: #CC0000;
}
/*--  LIEN ORANGE = BODY03  --*/
#menu ul li.lien03_on ul li.on ul {
background-image: none;
}
#menu ul li.lien03_on ul li.on ul li a {
color: #330000;
background-image: url(puce_niveau_3_orange.gif);
}
#menu ul li.lien03_on ul li.on ul li a.on,
#menu ul li.lien03_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_orange.gif);
color: #CC0000;
}
/*--  LIEN ROSE = BODY04  --*/
#menu ul li.lien04_on ul li.on ul {
background-image: none;
}
#menu ul li.lien04_on ul li.on ul li a {
color: #330000;
background-image: url(puce_niveau_3_rose.gif);
}
#menu ul li.lien04_on ul li.on ul li a.on,
#menu ul li.lien04_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_rose.gif);
color: #CC0000;
}
/*--  LIEN JAUNE = BODY05  --*/
#menu ul li.lien05_on ul li.on ul {
background-image: none;
}
#menu ul li.lien05_on ul li.on ul li a {
color: #333300;
background-image: url(puce_niveau_3_jaune.gif);
}
#menu ul li.lien05_on ul li.on ul li a.on,
#menu ul li.lien05_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_jaune.gif);
color: #CC0000;
}
/*--  LIEN VIOLET = BODY06 OU BODYGENERIQUE  --*/
#menu ul li.lien06_on ul li.on ul {
background-image: none;
}
#menu ul li.lien06_on ul li.on ul li a {
color: #003366;
background-image: url(puce_niveau_3_violete.gif);
}
#menu ul li.lien06_on ul li.on ul li a.on,
#menu ul li.lien06_on ul li.on ul li a:hover {
background-image: url(puce_niveau_3_violete.gif);
color: #CC0000;
}
/*----------------------------------------------------------------------------------------------*/
/*---  FIL D'ARIANE ---*/
#filariane {
float: left;
margin: -30px 0px 0px -3px;
padding: 8px 0px 0px 0px;
font-size: x-small;
height: 20px;
width: 385px;
overflow: hidden;
}
/*----------------------------------------------------------------------------------------------*/
/*---  INTER  ---*/
#inter {
float: left;
width: 573px;
background-color: #FFFFFF;
padding: 0px 0px 20px 20px;
background-repeat: no-repeat;
background-position: 0px 7px;
line-height: 16px;
}
body.bodyaccueil #inter {
width: 593px;
padding: 0px 0px 20px 0px;
}
body.bodyaccueil #inter h2 {
margin: 0px 0px 0px 0px;
}
body.body01 #inter {
background-image: url(fond_titre_bleu_vert.gif);
}
body.body02 #inter {
background-image: url(fond_titre_vert.gif); 
}
body.body03 #inter {
background-image: url(fond_titre_orange.gif); 
}
body.body04 #inter {
background-image: url(fond_titre_rose.gif); 
}
body.body05 #inter {
background-image: url(fond_titre_jaune.gif); 
}
body.bodygenerique #inter,
body.body06 #inter {
background-image: url(fond_titre_violet.gif);
}
#inter h2,
#interpopup h2 {
font-size: x-large;
margin: 12px 0px 12px 0px;
line-height: 26px;
}
body.body01 #inter h2,
body.body02 #inter h2,
body.body03 #inter h2,
body.body04 #inter h2,
body.bodygenerique #inter h2,
body.body06 #inter h2 {
color: #FFFFFF;
}
body.body05 #inter h2 {
color: #333300;
}
#inter h3,
#interpopup h3 {
font-size: large;
font-weight: normal;
margin: 8px 0px 8px 0px;
color: #FF6600;
line-height: 22px;
}
#inter h4,
#interpopup h4 {
font-size: medium;
margin: 8px 0px 8px 0px;
color: #669900;
line-height: 18px;
}
#inter p,
#interpopup p {
margin: 8px 0px 8px 0px;
}
#inter ul,
#interpopup ul {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 20px;
}
#inter ul li,
#interpopup ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 12px;
background-image: url(puce_verte.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#inter ul li ul,
#interpopup ul li ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 20px;
}
#inter ul li ul li,
#interpopup ul li ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 11px;
background-image: url(puce_bleue_second_niveau.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
/*-- ACCUEIL --*/
body.bodyaccueil #inter #hautaccueil {
float: left;
background-image: url(fond_haut_accueil.gif);
background-repeat: no-repeat;
height: 320px;
width: 593px;
margin-bottom: 140px;
}
body.bodyaccueil #inter #hautaccueil #presentation {
position: absolute;
top: 93px;
left: 217px;
width: 349px;
height: 342px;
overflow: hidden;
color: #333333;
}
body.bodyaccueil #inter #hautaccueil #presentation img {
position: absolute;
top: 0px;
left: 249px;
}
body.bodyaccueil #inter #hautaccueil #presentation h2{
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
color: #FF6600;
line-height: 30px;
}
body.bodyaccueil #inter #hautaccueil #presentation p {
padding: 0px 5px 0px 0px;
}
body.bodyaccueil #inter #hautaccueil #presentation ul {
padding: 0px 0px 0px 20px;
}
body.bodyaccueil #inter #hautaccueil #presentation ul li {
padding: 0px 0px 0px 12px;
background-image: url(puce_presentation_accueil.gif);
background-repeat: no-repeat;
background-position: 0px 6px; 
}
body.bodyaccueil #inter #hautaccueil #actus {
position: absolute;
top: 120px;
left: 595px;
width: 205px;
height: 315px;
overflow: hidden;
color: #003300;
line-height: 13px;
}
body.bodyaccueil #inter #hautaccueil #actus h2 {
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: large;
font-weight: normal;
color: #FFFFFF;
}
body.bodyaccueil #inter #hautaccueil #actus p  {
height: 240px;
overflow: hidden;
font-size: x-small;
}
body.bodyaccueil #inter #hautaccueil #actus p strong a {
color: #CC0000;
font-size: small;
}
body.bodyaccueil #inter #hautaccueil #actus p.toutesactus a {
display: block;
width: 120px;
height: 18px;
padding: 2px 0px 0px 30px;
margin: auto;
background-image: url(fond_bouton_actus.gif);
background-repeat: no-repeat;
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #inter #anim {
position: absolute;
top: 455px;
left: 205px;
width: 600px;
height: 140px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  DROITE  ---*/
#droite,
body.body06 #droite {
float: right;
width: 180px;
background-repeat: no-repeat;
}
body.bodyaccueil #droite {
background-image: url(fond_droite_accueil.gif);
}
body.body01 #droite {
background-image: url(fond_droite_bleu_vert.gif);
}
body.body02 #droite {
background-image: url(fond_droite_vert.gif);
}
body.body03 #droite {
background-image: url(fond_droite_orange.gif);
}
body.body04 #droite {
background-image: url(fond_droite_rose.gif);
}
body.body05 #droite {
background-image: url(fond_droite_jaune.gif);
}
body.bodygenerique #droite,
body.body06 #droite {
background-image: url(fond_droite_generique.gif);
}
#droite ul.listedroite {
float: left;
margin: 0;
padding: 0px 15px 180px 15px;
background-image: url(fond_bas_droite.jpg);
background-position: bottom;
background-repeat: no-repeat;
}
body.bodyaccueil #droite ul.listedroite {
padding: 0px 15px 400px 15px;
}
#droite ul li.lienagenda,
#droite ul li.lienquiz,
#droite ul li.lienoutils {
margin-bottom: 15px;
}
#droite ul.listedroite li.lienagenda a,
#droite ul.listedroite li.lienquiz a,
#droite ul.listedroite li.lienoutils a {
display: block;
width: 150px;
height: 40px;
overflow: hidden;
background-repeat: no-repeat;
}
#droite ul.listedroite li.lienagenda a {
background-image: url(bouton_agenda.gif);
}
#droite ul.listedroite li.lienquiz a {
background-image: url(bouton_quiz.gif);
}
#droite ul.listedroite li.lienoutils a {
background-image: url(bouton_outils.gif);
}
#droite ul.listedroite li.lienagenda a:hover,
#droite ul.listedroite li.lienquiz a:hover,
#droite ul.listedroite li.lienoutils a:hover {
background-position: 0px -60px;
}
#droite ul.listedroite li.lienagenda a span,
#droite ul.listedroite li.lienquiz a span,
#droite ul.listedroite li.lienoutils a span {
margin-left: -300px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  TOTEM  ---*/
#totemin {
float: left;
width: 150px;
padding: 0px 15px 10px 15px;
margin-bottom: 15px;
font-size: x-small;
background-image: url(fond_totem.gif);
background-position: bottom;
background-repeat: no-repeat;
}
#contentotem {
width: 130px;
padding: 0px 10px 0px 10px;
background-image: url(fond_h3_totem.gif);
background-repeat: no-repeat;
}
#totemin h3 {
font-size: small;
font-weight: normal;
text-align: center;
color: #990000;
margin: 0px 0px 0px -10px;
padding: 2px 0px 5px 0px;
}
#totemin p {
margin: 5px 0px 5px 0px;
}
#totemin ul {
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 5px;
}
#totemin ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 8px;
background-image: url(puce_niveau_1_totem.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#totemin ul li ul {
margin: 0px 0px 0px 0px;
}
#totemin ul li ul li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 5px;
background-image: url(puce_niveau_x_totem.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
/*----------------------------------------------------------------------------------------------*/
/*---  FOOTER  ---*/
#footer {
/*clear: both;*/
float: left;
width: 562px;
padding: 0px 0px 20px 232px;
font-size: x-small;
color: #333300;
}
body.bodyaccueil #footer {
padding: 0px 0px 20px 20px;
}
#footer #hautpage,
#footerpopup #hautpage {
float: left;
}
#footer #hautpage a,
#footerpopup #hautpage a {
color: #999900;
text-decoration: none;
padding: 0px 0px 0px 10px;
background-image: url(puce_haut_footer.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 17px;
}
#footer #imprimpage,
#footerpopup #imprimpage {
float: right;
}
#footer #imprimpage a,
#footerpopup #imprimpage a {
color: #999900;
text-decoration: none;
padding: 0px 0px 2px 15px;
background-image: url(puce_imprimer_footer.gif);
background-repeat: no-repeat;
line-height: 17px;
}
#footer #imprimpage #infoprint,
#footerpopup #imprimpage #infoprint {
color: #B7B74C;
background-image: url(fond_infoprint.gif);
background-repeat: no-repeat;
background-position: 13px 0px;
width: 123px;
height: 27px;
padding: 5px 0px 0px 20px;
line-height: 12px;
}
#footer ul {
float: left;
width: 409px;
padding: 15px 0px 0px 10px;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #333300;
text-decoration: none;
}
/*----------------------------------------------------------------------------------------------*/
/*--- LISTE DES ACTUALITES ---*/
#inter div.actuLigne {
float: left;
width: 100%;
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #CBD2E0;
}
#inter div.actuLigne strong a {
color: #CC0000;
}
#inter #retourListe {
text-align: center;
padding: 20px 0px 0px 0px;
}
#inter #retourListe a {
font-size: x-small;
color: #999900;
text-decoration: none;
padding: 0px 0px 0px 15px;
background-image: url(puce_retour.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
/*----------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#inter #plandusite {
padding: 0px 0px 0px 30px;
}
#inter #plandusite h3 a {
font-size: large;
font-weight: normal;
margin: 8px 0px 8px 0px;
color: #FF6600;
line-height: 22px;
text-decoration: none;
}
#inter #plandusite ul {
margin: -8px 0px 20px 0px;
padding: 0px 0px 0px 20px;
}
#inter #plandusite ul a {
text-decoration: none;
}
#inter #plandusite ul a:hover {
text-decoration: underline;
}
#inter #plandusite ul li ul {
margin: 0px 0px 0px 0px;
}
/*----------------------------------------------------------------------------------------------*/
/*--- AGENDA ---*/
#inter #oCalendar {
float: left;
}
#inter #oCalendar table td {
text-align: right;
}
#inter #oCalendar table td.days {
font-weight: bold;
color: #669900;
text-align: center;
}
#inter #oCalendar table td.week {
font-weight: bold;
color: #FF6600;
}
#inter #oCalendar table td.monthOff {
background-color: #CCCCCC;
color: #999999;
}
#inter #oCalendar table td.monthOn {
color: #990000;
}
#inter #calendar {
float: right;
width: 385px;
}
#inter #calendar th {
text-align: left;
}
#inter #calendar td.month {
font-size: medium;
font-weight: bold;
color: #669900;
}
#inter #calendar td.date {
width: 75px;
color: #CC0000;
font-weight: bold;
}
#inter #calendar td.time {
width: 40px;
font-size: x-small;
padding-top: 4px;
}
#inter #calendar td.location {
width: 70px;
}
#inter #calendar td.event {
width: 200px;
}
#inter #calendar td.event span.title {
color: #CC0000;
font-weight: bold;
display: block;
}
/*----------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopup {
background-image: url(fond_blanc_popup.gif);
}
body.bodypopup #centrage {
float: left;
width: 100%;
background-image: url(fond_popup.jpg);
background-repeat: repeat-x;
background-position: 700px 0px;
}
body.bodypopup #total {
width: 700px;
background-color: #FFFFFF;
}
body.bodypopup #headerpopup {
width: 647px;
height: 103px;
padding: 7px 37px 0px 16px;
background-image: url(fond_header_popup.jpg);
background-repeat: no-repeat;
}
body.bodypopup #headerpopup img.logo {
display: none;
}
body.bodypopup #headerpopup img.transparent {
float: left;
width: 175px;
height: 54px;
}
body.bodypopup #headerpopup img.logocg31 {
float: right;
}
body.bodypopup #interpopup {
float: left;
width: 660px;
padding: 0px 20px 20px 20px;
}
#interpopup h2 {
color: #990000;
}
#footerpopup {
float: left;
width: 650px;
padding: 0px 25px 20px 25px;
font-size: x-small;
color: #333300;
}
/*----------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #0099CC;
}
div.coul02, .rouge, .coul02 {
color: #CC0000;
}
div.coul03, .bordeaux, .coul03 {
color: #990000;
}
div.coul04, .orange, .coul04 {
color: #F08400;
}
div.coul05, .vert, .coul05 {
color: #97C000;
}
div.coul06, .rose, .coul06 {
color: #F84E56;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 1px solid #0099CC;
}
img.bord02, .bordureRouge {
border: 1px solid #CC0000;
}
img.bord03, .bordureBordeaux {
border: 1px solid #990000;
}
img.bord04, .bordureOrange {
border: 1px solid #F08400;
}
img.bord05, .bordureVerte {
border: 1px solid #97C000;
}
img.bord05, .bordureRose {
border: 1px solid #F84E56;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #416BA5;
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: #669900;
}
.result td.date {
font-size: x-small;
color: #990000;
 }
.result td.description {
border-bottom: 1px solid #416BA5;
padding: 8px 3px 10px 3px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
font-size: x-small;
color: #999900;
text-decoration: none;
padding: 0px 0px 0px 15px;
background-image: url(puce_retour.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
font-size: x-small;
color: #999900;
text-decoration: none;
background-image: url(puce_suite.gif);
background-repeat: no-repeat;
background-position: 42px 5px;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #416BA5;
padding: 3px;
vertical-align: top;
}
th {
background-color: #416BA5;
color: #FFFFFF;
}
/*-- DIVERS CLASSES --*/
.invisible,
#menu ul li.invisible {
display: none;
}