body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
background-image: url(fond_degrad.gif);
background-repeat: repeat-x;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
}
a {
color: #333333;
}
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 ---*/
#background {
width: 100%;
height: 166px;
background-image: url(haut_site.jpg);
background-repeat: no-repeat;
background-position: top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
width: 980px;
background-image: url(haut_inter_site.jpg);
background-repeat: no-repeat;
}
body.bodyaccueil #total {
background-image: url(haut_inter_site_accueil.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
width: 945px;
height: 130px;
padding: 5px 0px 0px 35px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#header #raccourcis {
position: absolute;
top: 5px;
left: 758px;
font-size: x-small;
color: #01202F;
line-height: 16px;
}
#header #raccourcis li.racnavig,
#header #raccourcis li.raccontenu,
#header #raccourcis li.racrecherche {
display: none;
}
#header #raccourcis a {
color: #01202F;
text-decoration: none;
}
#header #raccourcis ul li.racaide {
background-image: url(puce_aide.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 0px 0px 0px 16px;
}
#header #raccourcis ul li.racplan {
background-image: url(puce_plan.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding: 0px 0px 0px 16px;
}
#header #raccourcis ul li.raccontact {
background-image: url(puce_contact.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding: 0px 0px 0px 16px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 67px;
left: 758px;
font-size: x-small;
}
#recherche input.saisie {
font-size: x-small;
width: 140px;
border: 1px solid #01202F;
vertical-align: middle;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
float: left;
width: 216px;
padding: 5px 0px 0px 9px;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--  NIVEAU 1  --*/
li.vert01, .LienVertUneLigne, #menu ul li.vert01,
li.rouge01, .LienRougeUneLigne, #menu ul li.rouge01,
li.orange01, .LienOrangeUneLigne, #menu ul li.orange01,
li.bleu01, .LienBleuUneLigne, #menu ul li.bleu01 {
margin-bottom: 7px;
}
li.vert02, .LienVertDeuxLigne, #menu ul li.vert02,
li.rouge02, .LienRougeDeuxLigne, #menu ul li.rouge02,
li.orange02, .LienOrangeDeuxLigne, #menu ul li.orange02,
li.bleu02, .LienBleuDeuxLigne, #menu ul li.bleu02 {
margin-bottom: 2px;
}
#menu ul li.vert01 a,
#menu ul li.rouge01 a,
#menu ul li.orange01 a,
#menu ul li.bleu01 a {
display: block;
width: 125px;
padding: 15px 50px 0px 30px;
background-repeat: no-repeat;
background-position: 0px -10px;
font-weight: bold;
line-height: 14px;
text-decoration: none;
}
#menu ul li.vert02 a,
#menu ul li.rouge02 a,
#menu ul li.orange02 a,
#menu ul li.bleu02 a {
display: block;
width: 125px;
padding: 12px 50px 0px 30px;
background-repeat: no-repeat;
background-position: 0px -10px;
font-weight: bold;
line-height: 14px;
text-decoration: none;
}
#menu ul li.rouge01 a {
height: 27px;
background-image: url(bout_rouge01.gif);
color: #FFFFFF;
}
#menu ul li.rouge02 a {
height: 39px;
background-image: url(bout_rouge02.gif);
color: #FFFFFF;
}
#menu ul li.vert01 a {
height: 27px;
background-image: url(bout_vert01.gif);
color: #2D3106;
}
#menu ul li.vert02 a {
height: 39px;
background-image: url(bout_vert02.gif);
color: #2D3106;
}
#menu ul li.bleu01 a {
height: 27px;
background-image: url(bout_bleu01.gif);
color: #FFFFFF;
}
#menu ul li.bleu02 a {
height: 39px;
background-image: url(bout_bleu02.gif);
color: #FFFFFF;
}
#menu ul li.orange01 a {
height: 27px;
background-image: url(bout_orange01.gif);
color: #3D2C06;
}
#menu ul li.orange02 a {
height: 39px;
background-image: url(bout_orange02.gif);
color: #3D2C06;
}
#menu ul li.rouge01 a:hover,
#menu ul li.rouge02 a:hover {
color: #FF9900;
}
#menu ul li.vert01 a:hover,
#menu ul li.vert02 a:hover {
color: #CC0000;
}
#menu ul li.bleu01 a:hover,
#menu ul li.bleu02 a:hover {
color: #CC0000;
}
#menu ul li.orange01 a:hover,
#menu ul li.orange02 a:hover {
color: #CC0000;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--  NIVEAU 2  --*/
#menu ul li ul {
display: none;
}
#menu ul li.on ul {
display: block;
width: 205px;
padding-top: 5px;
}
/*-----------------------------*/
/*-----------------------------*/
/*--  ROUGE  --*/
#menu ul li.rouge01_on a {
background-image: url(bout_rouge01_on.gif);
color: #FF9900;
background-position: 0px 0px;
}
#menu ul li.rouge02_on a {
background-image: url(bout_rouge02_on.gif);
color: #FF9900;
background-position: 0px 0px;
}
#menu ul li.rouge01_on ul,
#menu ul li.rouge02_on ul {
background-image: url(fond_sous_rub_rouge.gif);
padding-bottom: 10px;
background-position: bottom;
background-repeat: no-repeat;
}
#menu ul li.rouge01_on ul li,
#menu ul li.rouge02_on ul li {
padding: 0px 10px 0px 25px;
width: 165px;
}
#menu ul li.rouge01_on ul li a,
#menu ul li.rouge02_on ul li a {
font-weight: normal;
color: #330000;
background-image: url(puce_rouge_menu.gif);
background-repeat: no-repeat;
background-position: 0px -11px;
width: 145px;
height: auto;
padding: 0px 0px 5px 20px;
}
#menu ul li.rouge01_on ul li a:hover,
#menu ul li.rouge01_on ul li a.on,
#menu ul li.rouge02_on ul li a:hover,
#menu ul li.rouge02_on ul li a.on {
color: #CC0000;
background-position: 0px -131px;
}
/*-----------------------------*/
/*-----------------------------*/
/*--  VERT  --*/
#menu ul li.vert01_on a {
background-image: url(bout_vert01_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.vert02_on a {
background-image: url(bout_vert02_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.vert01_on ul,
#menu ul li.vert02_on ul {
background-image: url(fond_sous_rub_vert.gif);
padding-bottom: 10px;
background-position: bottom;
background-repeat: no-repeat;
}
#menu ul li.vert01_on ul li,
#menu ul li.vert02_on ul li {
padding: 0px 10px 0px 25px;
width: 165px;
}
#menu ul li.vert01_on ul li a,
#menu ul li.vert02_on ul li a {
font-weight: normal;
color: #333300;
background-image: url(puce_verte_menu.gif);
background-repeat: no-repeat;
background-position: 0px -11px;
width: 145px;
height: auto;
padding: 0px 0px 5px 20px;
}
#menu ul li.vert01_on ul li a:hover,
#menu ul li.vert01_on ul li a.on,
#menu ul li.vert02_on ul li a:hover,
#menu ul li.vert02_on ul li a.on {
color: #CC0000;
background-position: 0px -131px;
}
/*-----------------------------*/
/*-----------------------------*/
/*--  BLEU  --*/
#menu ul li.bleu01_on a {
background-image: url(bout_bleu01_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.bleu02_on a {
background-image: url(bout_bleu02_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.bleu01_on ul,
#menu ul li.bleu02_on ul {
background-image: url(fond_sous_rub_bleu.gif);
padding-bottom: 10px;
background-position: bottom;
background-repeat: no-repeat;
}
#menu ul li.bleu01_on ul li,
#menu ul li.bleu02_on ul li {
padding: 0px 10px 0px 25px;
width: 165px;
}
#menu ul li.bleu01_on ul li a,
#menu ul li.bleu02_on ul li a {
font-weight: normal;
color: #003366;
background-image: url(puce_bleue_menu.gif);
background-repeat: no-repeat;
background-position: 0px -11px;
width: 145px;
height: auto;
padding: 0px 0px 5px 20px;
}
#menu ul li.bleu01_on ul li a:hover,
#menu ul li.bleu01_on ul li a.on,
#menu ul li.bleu02_on ul li a:hover,
#menu ul li.bleu02_on ul li a.on {
color: #CC0000;
background-position: 0px -131px;
}
/*-----------------------------*/
/*-----------------------------*/
/*--  ORANGE  --*/
#menu ul li.orange01_on a {
background-image: url(bout_orange01_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.orange02_on a {
background-image: url(bout_orange02_on.gif);
color: #CC0000;
background-position: 0px 0px;
}
#menu ul li.orange01_on ul,
#menu ul li.orange02_on ul {
background-image: url(fond_sous_rub_orange.gif);
padding-bottom: 10px;
background-position: bottom;
background-repeat: no-repeat;
}
#menu ul li.orange01_on ul li,
#menu ul li.orange02_on ul li {
padding: 0px 10px 0px 25px;
width: 165px;
}
#menu ul li.orange01_on ul li a,
#menu ul li.orange02_on ul li a {
font-weight: normal;
color: #330000;
background-image: url(puce_orange_menu.gif);
background-repeat: no-repeat;
background-position: 0px -11px;
width: 145px;
height: auto;
padding: 0px 0px 5px 20px;
}
#menu ul li.orange01_on ul li a:hover,
#menu ul li.orange01_on ul li a.on,
#menu ul li.orange02_on ul li a:hover,
#menu ul li.orange02_on ul li a.on {
color: #CC0000;
background-position: 0px -131px;
}
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*--  NIVEAU 3  --*/
#menu ul li.on ul li ul {
display: none;
}
#menu ul li.on ul li.on ul {
display: block;
}
/*----------------------------------*/
/*----------------------------------*/
/*--  ROUGE  --*/
#menu ul li.rouge01_on ul li.on ul,
#menu ul li.rouge02_on ul li.on ul {
background-image: none;
padding: 0px 0px 8px 0px;
width: 165px;
font-size: x-small;
}
#menu ul li.rouge01_on ul li.on ul li,
#menu ul li.rouge02_on ul li.on ul li {
padding: 0px 0px 0px 20px;
width: 145px;
}
#menu ul li.rouge01_on ul li.on ul li a,
#menu ul li.rouge02_on ul li.on ul li a {
font-weight: normal;
color: #330000;
background-image: url(puce_niveau2_menu_rouge.gif);
background-repeat: no-repeat;
background-position: 0px -6px;
width: 133px;
height: auto;
padding: 0px 0px 2px 12px;
}
#menu ul li.rouge01_on ul li.on ul li a:hover,
#menu ul li.rouge01_on ul li.on ul li a.on,
#menu ul li.rouge02_on ul li.on ul li a:hover,
#menu ul li.rouge02_on ul li.on ul li a.on {
color: #CC0000;
background-position: 0px -126px;
}
/*----------------------------------*/
/*----------------------------------*/
/*--  VERT  --*/
#menu ul li.vert01_on ul li.on ul,
#menu ul li.vert02_on ul li.on ul {
background-image: none;
padding: 0px 0px 8px 0px;
width: 165px;
font-size: x-small;
}
#menu ul li.vert01_on ul li.on ul li,
#menu ul li.vert02_on ul li.on ul li {
padding: 0px 0px 0px 20px;
width: 145px;
}
#menu ul li.vert01_on ul li.on ul li a,
#menu ul li.vert02_on ul li.on ul li a {
font-weight: normal;
color: #333300;
background-image: url(puce_niveau2_menu_vert.gif);
background-repeat: no-repeat;
background-position: 0px -6px;
width: 133px;
height: auto;
padding: 0px 0px 2px 12px;
}
#menu ul li.vert01_on ul li.on ul li a:hover,
#menu ul li.vert01_on ul li.on ul li a.on,
#menu ul li.vert02_on ul li.on ul li a:hover,
#menu ul li.vert02_on ul li.on ul li a.on {
color: #CC0000;
background-position: 0px -126px;
}
/*----------------------------------*/
/*----------------------------------*/
/*--  BLEU  --*/
#menu ul li.bleu01_on ul li.on ul,
#menu ul li.bleu02_on ul li.on ul {
background-image: none;
padding: 0px 0px 8px 0px;
width: 165px;
font-size: x-small;
}
#menu ul li.bleu01_on ul li.on ul li,
#menu ul li.bleu02_on ul li.on ul li {
padding: 0px 0px 0px 20px;
width: 145px;
}
#menu ul li.bleu01_on ul li.on ul li a,
#menu ul li.bleu02_on ul li.on ul li a {
font-weight: normal;
color: #003366;
background-image: url(puce_niveau2_menu_bleu.gif);
background-repeat: no-repeat;
background-position: 0px -6px;
width: 133px;
height: auto;
padding: 0px 0px 2px 12px;
}
#menu ul li.bleu01_on ul li.on ul li a:hover,
#menu ul li.bleu01_on ul li.on ul li a.on,
#menu ul li.bleu02_on ul li.on ul li a:hover,
#menu ul li.bleu02_on ul li.on ul li a.on {
color: #CC0000;
background-position: 0px -126px;
}
/*----------------------------------*/
/*----------------------------------*/
/*--  ORANGE  --*/
#menu ul li.orange01_on ul li.on ul,
#menu ul li.orange02_on ul li.on ul {
background-image: none;
padding: 0px 0px 8px 0px;
width: 165px;
font-size: x-small;
}
#menu ul li.orange01_on ul li.on ul li,
#menu ul li.orange02_on ul li.on ul li {
padding: 0px 0px 0px 20px;
width: 145px;
}
#menu ul li.orange01_on ul li.on ul li a,
#menu ul li.orange02_on ul li.on ul li a {
font-weight: normal;
color: #330000;
background-image: url(puce_niveau2_menu_orange.gif);
background-repeat: no-repeat;
background-position: 0px -6px;
width: 133px;
height: auto;
padding: 0px 0px 2px 12px;
}
#menu ul li.orange01_on ul li.on ul li a:hover,
#menu ul li.orange01_on ul li.on ul li a.on,
#menu ul li.orange02_on ul li.on ul li a:hover,
#menu ul li.orange02_on ul li.on ul li a.on {
color: #CC0000;
background-position: 0px -126px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
position: relative;
float: right;
width: 745px;
background-repeat: no-repeat;
background-position: 0px 38px;
}
body.bodyvert #content,
body.bodygenerique #content {
background-image: url(fond_content_vert.gif);
}
body.bodyorange #content {
background-image: url(fond_content_orange.gif);
}
body.bodyrouge #content {
background-image: url(fond_content_rouge.gif);
}
body.bodybleu #content {
background-image: url(fond_content_bleu.gif);
}
body.bodyaccueil #content {
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
float: left;
font-size: x-small;
color: #092634;
width: 460px;
padding: 11px 0px 0px 5px;
}
#filariane a {
color: #092634;
}
body.bodyaccueil #filariane {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 485px;
background-image: url(fond_inter.gif);
background-repeat: repeat-y;
margin-top: 75px;
padding: 0px 10px 20px 10px;
}
body.bodyaccueil #inter {
width: 465px;
padding: 21px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: none;
}
#inter h2 {
position: absolute;
top: 55px;
left: 10px;
font-size: x-large;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
body.bodyvert #inter h2,
body.bodygenerique #inter h2 {
color: #363911;
}
body.bodyorange #inter h2 {
color: #3D2C06;
}
body.bodyrouge #inter h2,
body.bodybleu #inter h2 {
color: #FFFFFF;
}
#inter h3,
#interpopup h3 {
font-size: large;
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}
body.bodybleu #inter h3,
body.bodyvert #inter h3,
body.bodygenerique #inter h3,
#interpopup h3 {
color: #C60912;
}
body.bodyrouge #inter h3,
body.bodyorange #inter h3 {
color: #0080BE;
}
#inter h4,
#interpopup h4 {
font-size: medium;
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}
body.bodybleu #inter h4,
body.bodyvert #inter h4,
body.bodygenerique #inter h4,
#interpopup h4 {
color: #0080BE;
}
body.bodyrouge #inter h4,
body.bodyorange #inter h4 {
color: #A2B304;
}
#inter h5,
#interpopup h5 {
font-size: medium;
font-weight: normal;
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}
body.bodybleu #inter h5,
body.bodyvert #inter h5,
body.bodygenerique #inter h5,
#interpopup h5 {
color: #FF9900;
}
body.bodyrouge #inter h5{
color: #FF9900;
}
body.bodyorange #inter h5 {
color: #C60912;
}
#inter p,
#interpopup p {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 0px;
line-height: 18px;
}
#inter ul,
#inter ol,
#interpopup ul,
#interpopup ol {
margin: 8px 0px 8px 0px;
padding: 0px 0px 0px 25px;
line-height: 18px;
}
#inter ul li,
#interpopup ul li {
padding: 0px 0px 0px 16px;
background-repeat: no-repeat;
background-position: 0px 3px;
line-height: 18px;
}
body.bodyvert #inter ul li,
body.bodygenerique #inter ul li,
#interpopup ul li {
background-image: url(puce_verte.gif);
}
body.bodybleu #inter ul li {
background-image: url(puce_bleue.gif);
}
body.bodyrouge #inter ul li {
background-image: url(puce_rouge.gif);
}
body.bodyorange #inter ul li {
background-image: url(puce_orange.gif);
}
#inter ul li ul,
#inter ol li ol,
#interpopup ul li ul,
#interpopup ol li ol {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
body.bodyvert #inter ul li ul li,
body.bodygenerique #inter ul li ul li,
body.bodybleu #inter ul li ul li,
body.bodyrouge #inter ul li ul li,
body.bodyorange #inter ul li ul li,
#interpopup ul li ul li {
background-image: url(puce_niveau2.gif);
background-position: 0px 6px;
padding: 0px 0px 0px 12px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#visu {
float: left;
width: 465px;
margin-bottom: 10px;
}
#edito {
float: left;
width: 445px;
padding: 5px 10px 15px 10px;
background-image: url(fond_edito.gif);
background-repeat: no-repeat;
}
#edito h2 {
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding:  12px 0px 10px 28px;
font-size: x-large;
color: #FFFFFF;
letter-spacing: -1px;
font-weight: normal;
background-image: url(fond_titre_edito.gif);
background-repeat: no-repeat;
}
#edito p {
margin: 8px 0px 8px 0px;
}
/*--  ACTUS ACCUEIL  --*/
#actus {
float: left;
width: 445px;
padding: 0px 10px 5px 10px;
background-image: url(fond_actus.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#actus h2 {
position: relative;
top: 0px;
left: 0px;
margin: 0px 0px 0px 0px;
padding:  12px 0px 10px 28px;
font-size: x-large;
letter-spacing: -1px;
color: #FFFFFF;
font-weight: normal;
background-image: url(fond_titre_actus.gif);
background-repeat: no-repeat;
}
#actus p {
float: left;
margin: 8px 0px 8px 0px;
padding: 0px 0px 15px 0px;
clear: both;
width: 100%;
border-bottom: 1px dashed #C60912;
}
#actus p img {
float: right;
}
#actus p strong a {
color: #C60912;
text-decoration: none;
}
#actus p strong a:hover{
text-decoration: underline;
}
#actus p.toutesactus {
float: left;
font-size: x-small;
padding: 0px 0px 0px 5px;
margin: 0px 0px 0px 0px;
width: 200px;
clear: none;
border: none;
}
#actus p.toutesactus a {
text-decoration: none;
color: #C60912;
background-image: url(puce_voir_toutes_actus.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
padding: 0px 0px 4px 20px;
line-height: 28px;
}
#actus p.filrss {
float: right;
font-size: x-small;
padding:  0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
width: 200px;
clear: none;
text-align: right;
border: none;
}
#actus p.filrss a {
text-decoration: none;
color: #C60912;
background-image: url(puce_rss.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
padding-left: 14px;
line-height: 28px;
}
#actus p.toutesactus a:hover,
#actus p.filrss a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 225px;
margin-top: -8px;
}
body.bodyaccueil #right {
width: 262px;
padding-top: 21px;
margin: 0px 0px 0px 0px;
}
/*--  PAGE ACCUEIL  --*/
body.bodyaccueil #right ul li.liencarte,
body.bodyaccueil #right ul li.liennews,
body.bodyaccueil #right ul li.lienblog,
body.bodyaccueil #right ul li.lienannuaire {
padding-bottom: 13px;
}
body.bodyaccueil #right ul li.liencarte a,
body.bodyaccueil #right ul li.liennews a,
body.bodyaccueil #right ul li.lienblog a,
body.bodyaccueil #right ul li.lienannuaire a {
display: block;
width: 259px;
height: 62px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0px -10px;
}
body.bodyaccueil #right ul li.liencarte a {
background-image: url(bout_carte_accueil.gif);
}
body.bodyaccueil #right ul li.liennews a {
background-image: url(bout_inscrit_newsletter_accueil.gif);
}
body.bodyaccueil #right ul li.lienblog a {
background-image: url(bout_blog_accueil.gif);
}
body.bodyaccueil #right ul li.lienannuaire a {
background-image: url(bout_annuaire_accueil.gif);
}
/*--  SONDAGE ACCUEIL  --*/
#sondage {
display: none;
}
body.bodyaccueil #sondage {
display: block;
background-image: url(fond_sondage_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 259px;
}
#sondage #contentsondage {
background-image: url(titre_sondage_accueil.gif);
background-repeat: no-repeat;
width: 169px;
padding: 55px 45px 10px 45px;
}
#sondage #contentsondage h3 {
display: none;
}
#sondage #contentsondage form.poll p.question {
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
}
#sondage #contentsondage form.poll p.response {
float: left;
padding: 0px 0px 0px 19px;
margin: 0px 0px 3px 0px;
}
#sondage #contentsondage form.poll p.response input {
float: left;
width: 15px;
}
#sondage #contentsondage form.poll p.response label {
float: left;
width: 110px;
padding-left: 5px;
font-weight: bold;
}
#sondage #contentsondage form.poll p.submit {
float: right;
margin: 10px 0px 0px 0px;
padding: 0px 20px 0px 0px;
text-align: right;
}
#sondage #contentsondage form.poll p.submit input {
background-color: #C60912;
border: 1px solid #C60912;
color: #FFFFFF;
font-weight: bold;
}
/*--  EXTRANET ACCUEIL  --*/
#accesextranet {
display: none;
}
body.bodyaccueil #accesextranet {
display: block;
position: relative;
background-image: url(fond_extranet_accueil.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 259px;
}
#accesextranet #contentaccesextranet {
background-image: url(titre_extranet_accueil.gif);
background-repeat: no-repeat;
width: 179px;
height: 60px;
padding: 65px 45px 0px 35px;
}
#accesextranet #contentaccesextranet h3 {
display: none;
}
#accesextranet #contentaccesextranet label {
width: 75px;
font-size: x-small;
font-weight: normal;
text-align: right;
margin-right: 5px;
}
#accesextranet #contentaccesextranet input {
font-size: x-small;
border: 1px solid #570276;
width: 95px;
}
#accesextranet #contentaccesextranet input#id0102extra {
width: 70px;
}
#accesextranet #contentaccesextranet div.submit {
margin: 0;
padding: 0;
position: absolute;
top: 90px;
left: 194px;
}
#accesextranet #contentaccesextranet div.submit input {
margin: 0;
padding: 0;
width: 20px;
background-color: #570276;
}
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
/*--  PAGES INTERIEURES  --*/
#right ul {
clear: both;
}
#right ul li.liencarte,
#right ul li.liennews,
#right ul li.lienblog,
#right ul li.lienannuaire {
padding-bottom: 7px;
}
#right ul li.liencarte a,
#right ul li.liennews a,
#right ul li.lienblog a,
#right ul li.lienannuaire a {
display: block;
width: 220px;
height: 54px;
overflow: hidden;
background-repeat: no-repeat;
background-position: 0px -10px;
}
#right ul li.liencarte a {
background-image: url(bout_carte_inter.gif);
}
#right ul li.liennews a {
background-image: url(bout_inscrit_newsletter_inter.gif);
}
#right ul li.lienblog a {
background-image: url(bout_blog_inter.gif);
}
#right ul li.lienannuaire a {
background-image: url(bout_annuaire_inter.gif);
}
body.bodyaccueil #right ul li.liencarte a:hover,
body.bodyaccueil #right ul li.liennews a:hover,
body.bodyaccueil #right ul li.lienblog a:hover,
body.bodyaccueil #right ul li.lienannuaire a:hover,
#right ul li.liencarte a:hover,
#right ul li.liennews a:hover,
#right ul li.lienblog a:hover,
#right ul li.lienannuaire a:hover {
background-position: 0px -110px;
}
#right ul li.liencarte a span,
#right ul li.liennews a span,
#right ul li.lienblog a span,
#right ul li.lienannuaire a span {
margin-left: -500px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
body.bodyaccueil #totem {
display: none;
}
#totem #titretotem {
float: left;
width: 220px;
font-size: x-small;
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 14px;
}
body.bodyvert #totem #titretotem,
body.bodygenerique #totem #titretotem {
background-image: url(fond_savoir_plus_vert.gif);
}
body.bodyorange #totem #titretotem {
background-image: url(fond_savoir_plus_orange.gif);
}
body.bodyrouge #totem #titretotem {
background-image: url(fond_savoir_plus_rouge.gif);
}
body.bodybleu #totem #titretotem {
background-image: url(fond_savoir_plus_bleu.gif);
}
#totem #titretotem #contenttotem {
float: left;
width: 135px;
padding: 55px 45px 0px 40px;
background-repeat: no-repeat;
}
body.bodyvert #totem #titretotem #contenttotem,
body.bodygenerique #totem #titretotem #contenttotem {
background-image: url(titre_savoir_plus_vert.gif);
}
body.bodyorange #totem #titretotem #contenttotem {
background-image: url(titre_savoir_plus_orange.gif);
}
body.bodyrouge #totem #titretotem #contenttotem {
background-image: url(titre_savoir_plus_rouge.gif);
}
body.bodybleu #totem #titretotem #contenttotem {
background-image: url(titre_savoir_plus_bleu.gif);
}
#totem #titretotem #contenttotem h3 {
display: none;
}
#totem #titretotem #contenttotem p {
margin: 6px 0px 6px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: right;
width: 505px;
padding: 5px 240px 20px 0px;
font-size: x-small;
text-align: center;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
}
body.bodyaccueil #footer {
width: 465px;
padding: 5px 280px 20px 235px;
background-image: none;
}
#footer ul {
clear: both;
padding: 25px 0px 0px 0px;
color: #0080BE;
}
body.bodyaccueil #footer ul {
clear: both;
padding: 5px 0px 0px 0px;
color: #0080BE;
}
#footer ul li {
display: inline;
}
#footer ul li a {
color: #0080BE;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage {
display: none;
}
#hautpage,
#hautpopup {
float: left;
padding-left: 20px;
}
#hautpage a,
#hautpopup a {
color: #2C3009;
text-decoration: none;
display: block;
width: 100px;
height: 19px;
padding: 0px 0px 0px 21px;
text-align: left;
background-image: url(puce_haut_verte.gif);
line-height: 15px;
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage {
display: none;
}
#imprimpage {
float: right;
padding-right: 20px;
}
#imprimpage a {
color: #2C3009;
text-decoration: none;
display: block;
width: 100px;
height: 19px;
padding: 0px 0px 0px 21px;
text-align: left;
background-image: url(puce_imprim_verte.gif);
line-height: 15px;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C60912;
}
div.coul02, .bleu, .coul02 {
color: #0080BE;
}
div.coul03, .violet, .coul03 {
color: #7E08B5;
}
div.coul04, .orange, .coul04 {
color: #FF9900;
}
div.coul05, .vert, .coul05 {
color: #A2B304;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #C60912;
}
img.bord02, .bordureBleue {
border: 1px solid #0080BE;
}
img.bord03, .bordureViolete {
border: 1px solid #7E08B5;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9900;
}
img.bord05, .bordureVerte {
border: 1px solid #A2B304;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #74BADC;
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: #0080BE;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #74BADC;
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 18px;
color: #2C3009;
line-height: 16px;
background-image: url(puce_verte_retour.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #2C3009;
line-height: 16px;
background-image: url(puce_verte.gif);
background-repeat: no-repeat;
background-position: 39px 1px;
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 #74BADC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #74BADC;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 50px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
color: #6699CC;
text-decoration: none;
}
#plandusite ul {
padding: 0px 0px 5px 20px;
border-bottom: 1px solid #6699CC;
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: #333A4C;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #333A4C;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup #background {
height: 133px;
background-image: url(haut_popup.jpg);
padding-top: 130px; 
}
body.bodypopup #background #centrage {
width: 705px;
margin: auto;
}
body.bodypopup #background #centrage #total {
float: left;
width: 705px;
background-image: url(fond_inter_pop_up.gif);
background-repeat: repeat-y;
}
#headerpopup img {
display: none;
}
#interpopup {
float: left;
width: 665px;
padding: 0px 20px 20px 20px;
background-image: url(fond_titres_pop_up.gif);
background-repeat: no-repeat;
}
#interpopup h2 {
font-size: x-large;
font-weight: normal;
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 0px;
color: #363911;
}
body.bodypopup #background #centrage #footerpopup {
float: left;
width: 705px;
font-size: x-small;
background-image: url(fond_footer_pop_up.gif);
background-repeat: no-repeat;
padding: 10px 0px 35px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT DU SONDAGE --*/
#pollresult {
margin-top: 20px;
padding-top: 5px;
border-top: 1px dashed #0080BE;
}
#pollresult  p.question {
font-style: italic;
font-weight: bold;
color: #0080BE;
}
#pollresult table {
width: 665px;
}
#pollresult table td.label {
font-weight: bold;
width: 200px;
}
#pollresult table td.graph {
padding: 8px 3px 0px 3px;
width: 330px;
}
#pollresult table td.numeric {
width: 60px; 
}
#pollresult table td.total {
font-weight: bold;
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BLOG --*/
h4.titreblog,
h4.titreblog a {
color: #0080BE;
}
#comment ol {
margin: 0px 0px 30px 0px;
padding: 0;
list-style: none;
}
#comment ol li {
margin: 0px 0px 10px 0px;
padding: 10px;
border: 1px dashed #0080BE;
background-color: #F2F9FB;
}
#comment ol li cite.author {
font-weight: bold;
color: #CC0000;
}
#comment ol li p.posted {
margin: 0;
padding: 0;
color: #0A567B;
font-size: x-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- ANNUAIRE --*/
body.bodygenerique #inter h3 a {
color: #C60912;
text-decoration: none;
}
body.bodygenerique #inter h3 a:hover {
text-decoration: underline;
}
body.bodygenerique #inter h4 a {
color: #0080BE;
}
#inter p.lienbasliste {
padding-top: 10px;
}
p.lienbasliste a {
font-size: x-small;
display: block;
padding: 0px 0px 0px 18px;
width: 80px;
color: #2C3009;
line-height: 16px;
background-image: url(puce_verte_retour.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- LISTE DES ACTUS --*/
.actuLigne {
margin: 0px 0px 10px 0px;
padding: 0px 0px 10px 0px;
border-bottom: 1px dashed #0080BE;
}
.actuLigne a {
color: #0080BE; 
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}
/*--  FORMUALIRE ENQUETE  --*/
#inter form.formEnquete {
margin: 20px 0px 0px 0px;
}
body #inter form.formEnquete div.entry {
padding-bottom: 30px;
}
body #inter form.formEnquete div.entry label {
float: none;
width: 480px;
padding-bottom: 8px;
display: block;
}
body #inter form.formEnquete div.entry input {
width: 480px;
}
body #inter form.formEnquete div.entry div label {
float: left;
width: 230px;
font-weight: normal;
padding-bottom: 0px;
}
body #inter form.formEnquete div.entry div input {
width: 15px;
}
body #inter form.formEnquete div.footer {
padding:0px 0px 0px 0px;
}