body {
margin: 0;
padding: 0;
background-color: #C3DCE1;
background-image: url(fond_bas.jpg);
background-repeat: no-repeat;
background-position: center bottom;
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOND ---*/
#fondpage {
background-image: url(fond.jpg);
background-repeat: no-repeat;
background-position: top;
height: 250px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width: 980px;
margin: auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
position: relative;
float: left;
background-image: url(fond_content.gif);
background-repeat: repeat-y;
}
body.bodyaccueil #total {
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#header {
position: relative;
width: 914px;
height: 166px;
padding: 4px 0px 0px 66px;
background-repeat: no-repeat;
background-image: url(bandeau_inter_scot.jpg);
}
body.bodyaccueil #header {
height: 216px;
background-image: url(bandeau_accueil.jpg);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS ---*/
#raccourcis {
position: absolute;
top: 35px;
left: 810px;
font-size: x-small;
width: 150px;
padding: 0px 10px 0px 10px;
color: #FFFFFF;
font-weight: bold;
line-height: 12px;
}
#raccourcis a {
color: #FFFFFF;
text-decoration: none;
}
body.bodyaccueil #raccourcis {
top: 85px;
}
#raccourcis ul li {
margin-bottom: 6px;
}
#raccourcis ul li.racnavig,
#raccourcis ul li.raccontenu,
#raccourcis ul li.racrecherche  {
display: none;
}
#raccourcis ul li.racaide  {
background-image: url(puce_aide.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 15px;
}
#raccourcis ul li.racplan  {
background-image: url(puce_plan.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 15px;
}
#raccourcis ul li.raccontact  {
background-image: url(puce_contact.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding: 0px 0px 0px 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute;
top: 100px;
left: 810px;
font-size: x-small;
width: 150px;
padding: 0px 10px 0px 15px;
color: #FFFFFF;
font-weight: bold;
background-image: url(puce_recherche.gif);
background-repeat: no-repeat;
background-position: 10px 0px;
}
body.bodyaccueil #recherche {
top: 150px;
}
#recherche input.saisie {
font-size: x-small;
color: #330000;
border: 1px solid #330000;
vertical-align: middle;
width: 118px;
}
#recherche input.bouton {
vertical-align: middle;
margin-left: 3px;
}
#recherche label {
line-height: 15px;
padding-left: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
float: left;
width: 780px;
padding: 0px 0px 0px 200px;
background-image: url(bas_total_vert.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
body.bodyaccueil #content {
float: left;
width: 980px;
padding: 0px 0px 0px 0px;
background-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
#menu {
position: absolute;
left: 0px;
top: 149px;
float: left;
width: 190px;
padding: 10px 0px 0px 10px;
background-repeat: no-repeat;
}
body.bodyaccueil #menu {
background-image: url(fond_menu_accueil.gif);
top: 204px;
}
body.body01 #menu {
background-image: url(fond_menu_vert.gif);
}
body.body02 #menu {
background-image: url(fond_menu_rouge.gif);
}
body.body03 #menu {
background-image: url(fond_menu_orange.gif);
}
body.body04 #menu {
background-image: url(fond_menu_violet.gif);
}
body.body05 #menu,
body.bodygenerique #menu {
background-image: url(fond_menu_bleu.gif);
}
#menu a {
text-decoration: none;
}
#menu ul {
background-image: url(bas_menu.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 20px 0px;
}
#menu ul li {
padding: 0px 0px 5px 0px;
}
#menu ul li a {
display: block;
width: 128px;
height: auto;
padding: 10px 40px 10px 22px;
font-size: medium;
font-weight: bold;
color: #A80000;
background-repeat: no-repeat;
background-position: 1px -9px;
line-height: 16px;
}
/*--  LIEN ACCUEIL = BODYACCUEIL  --*/
body.bodyaccueil #menu ul li.lienaccueil a,
body.bodygenerique #menu ul li.lienaccueil a,
body.body05 #menu ul li.lienaccueil a {
background-image: url(bout_accueil_bleu.gif);
}
body.body01 #menu ul li.lienaccueil a {
background-image: url(bout_accueil_vert.gif);
}
body.body02 #menu ul li.lienaccueil a {
background-image: url(bout_accueil_rouge.gif);
}
body.body03 #menu ul li.lienaccueil a {
background-image: url(bout_accueil_orange.gif);
}
body.body04 #menu ul li.lienaccueil a {
background-image: url(bout_accueil_violet.gif);
}
body.bodyaccueil #menu ul li.lienaccueil a,
#menu ul li.lienaccueil a:hover,
#menu ul li.lienaccueil_on a,
#menu ul li.lienaccueil_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*--  LIEN VERT = BODY01  --*/
li.lien01, .LienVert, #menu ul li.lien01 {

}
#menu ul li.lien01 a {
background-image: url(bout_vert.gif);
}
#menu ul li.lien01 a:hover,
#menu ul li.lien01_on a,
#menu ul li.lien01_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------*/
/*--  LIEN VERT 2 LIGNES = BODY01  --*/
li.lien012, .LienVert2Lignes, #menu ul li.lien012 {

}
#menu ul li.lien012 a {
background-image: url(bout_vert_2lignes.gif);
}
#menu ul li.lien012 a:hover,
#menu ul li.lien012_on a,
#menu ul li.lien012_on a:hover {
background-position: 1px -189px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*--  LIEN ROUGE = BODY02  --*/
li.lien02, .LienRouge, #menu ul li.lien02 {

}
#menu ul li.lien02 a {
background-image: url(bout_rouge.gif);
}
#menu ul li.lien02 a:hover,
#menu ul li.lien02_on a,
#menu ul li.lien02_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------*/
/*--  LIEN ROUGE 2 LIGNES = BODY02  --*/
li.lien022, .LienRouge2Lignes, #menu ul li.lien022 {

}
#menu ul li.lien022 a {
background-image: url(bout_rouge_2lignes.gif);
}
#menu ul li.lien022 a:hover,
#menu ul li.lien022_on a,
#menu ul li.lien022_on a:hover {
background-position: 1px -189px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*--  LIEN ORANGE = BODY03  --*/
li.lien03, .LienOrange, #menu ul li.lien03 {

}
#menu ul li.lien03 a {
background-image: url(bout_orange.gif);
}
#menu ul li.lien03 a:hover,
#menu ul li.lien03_on a,
#menu ul li.lien03_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------*/
/*--  LIEN ORANGE 2 LIGNES = BODY03  --*/
li.lien032, .LienOrange2Lignes, #menu ul li.lien032 {

}
#menu ul li.lien032 a {
background-image: url(bout_orange_2lignes.gif);
}
#menu ul li.lien032 a:hover,
#menu ul li.lien032_on a,
#menu ul li.lien032_on a:hover {
background-position: 1px -189px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*--  LIEN VIOLET = BODY04  --*/
#menu ul li.lien04 a {
background-image: url(bout_violet.gif);
}
#menu ul li.lien04 a:hover,
#menu ul li.lien04_on a,
#menu ul li.lien04_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------*/
/*--  LIEN VIOLET 2 LIGNES = BODY04  --*/
li.lien042, .LienViolet2Lignes, #menu ul li.lien042 {

}
#menu ul li.lien042 a {
background-image: url(bout_violet_2lignes.gif);
}
#menu ul li.lien042 a:hover,
#menu ul li.lien042_on a,
#menu ul li.lien042_on a:hover {
background-position: 1px -189px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*--  LIEN BLEU = BODY05  --*/
li.lien05, .LienBleu, #menu ul li.lien05 {

}
#menu ul li.lien05 a {
background-image: url(bout_bleu.gif);
}
#menu ul li.lien05 a:hover,
#menu ul li.lien05_on a,
#menu ul li.lien05_on a:hover {
background-position: 1px -129px;
color: #FFFFFF;
}
/*---------------------*/
/*--  LIEN BLEU 2 LIGNES = BODY05  --*/
li.lien052, .LienBleu2Lignes, #menu ul li.lien052 {

}
#menu ul li.lien052 a {
background-image: url(bout_bleu_2lignes.gif);
}
#menu ul li.lien052 a:hover,
#menu ul li.lien052_on a,
#menu ul li.lien052_on a:hover {
background-position: 1px -189px;
color: #FFFFFF;
}
/*---------------------------------------------------------------------------------*/
/*-- MENU NIVEAU 2 --*/
#menu ul li.lien01_on,
#menu ul li.lien012_on {
background-image: url(sous_menu_vert2.gif);
background-repeat: no-repeat;
background-position: 1px 20px;
}
#menu ul li.lien02_on,
#menu ul li.lien022_on {
background-image: url(sous_menu_rouge2.gif);
background-repeat: no-repeat;
background-position: 1px 20px;
}
#menu ul li.lien03_on,
#menu ul li.lien032_on {
background-image: url(sous_menu_orange2.gif);
background-repeat: no-repeat;
background-position: 1px 20px;
}
#menu ul li.lien04_on,
#menu ul li.lien042_on {
background-image: url(sous_menu_violet2.gif);
background-repeat: no-repeat;
background-position: 1px 20px;
}
#menu ul li.lien05_on,
#menu ul li.lien052_on {
background-image: url(sous_menu_bleu2.gif);
background-repeat: no-repeat;
background-position: 1px 20px;
}
#menu ul li ul {
display: none;
}
#menu ul li ul.on {
display: block;
width: 180px;
padding: 5px 0px 10px 0px;
background-repeat: no-repeat;
background-position: left bottom;
}
#menu ul li.lien01 ul.on,
#menu ul li.lien012 ul.on {
background-image: url(sous_menu_vert.gif);
}
#menu ul li.lien02 ul.on,
#menu ul li.lien022 ul.on {
background-image: url(sous_menu_rouge.gif);
}
#menu ul li.lien03 ul.on,
#menu ul li.lien032 ul.on {
background-image: url(sous_menu_orange.gif);
}
#menu ul li.lien04 ul.on,
#menu ul li.lien042 ul.on {
background-image: url(sous_menu_violet.gif);
}
#menu ul li.lien05 ul.on,
#menu ul li.lien052 ul.on {
background-image: url(sous_menu_bleu.gif);
}
#menu ul li ul.on li {
background-image: none;
padding: 0px 0px 0px 0px;
width: 148px;
padding: 0px 20px 0px 22px;
}
#menu ul li ul.on li a {
background-image: none;
font-size: small;
font-weight: normal;
width: 132px;
padding: 0px 0px 0px 16px;
background-repeat: no-repeat;
background-position: 0px -8px;
color: #333333;
}
#menu ul li.lien01 ul.on li a,
#menu ul li.lien012 ul.on li a {
background-image: url(puce_sous_rub_vert.gif);
color: #333300;
}
#menu ul li.lien01 ul.on li a:hover,
#menu ul li.lien01 ul.on li.on a,
#menu ul li.lien012 ul.on li a:hover,
#menu ul li.lien012 ul.on li.on a {
background-position: 0px -108px;
width: 124px;
padding: 0px 0px 0px 24px;
color: #990000;
}
#menu ul li.lien02 ul.on li a,
#menu ul li.lien022 ul.on li a {
background-image: url(puce_sous_rub_rouge.gif);
color: #330000;
}
#menu ul li.lien02 ul.on li a:hover,
#menu ul li.lien02 ul.on li.on a,
#menu ul li.lien022 ul.on li a:hover,
#menu ul li.lien022 ul.on li.on a {
background-position: 0px -108px;
width: 124px;
padding: 0px 0px 0px 24px;
color: #990000;
}
#menu ul li.lien03 ul.on li a,
#menu ul li.lien032 ul.on li a {
background-image: url(puce_sous_rub_orange.gif);
color: #644200;
}
#menu ul li.lien03 ul.on li a:hover,
#menu ul li.lien03 ul.on li.on a,
#menu ul li.lien032 ul.on li a:hover,
#menu ul li.lien032 ul.on li.on a {
background-position: 0px -108px;
width: 124px;
padding: 0px 0px 0px 24px;
color: #990000;
}
#menu ul li.lien04 ul.on li a,
#menu ul li.lien042 ul.on li a {
background-image: url(puce_sous_rub_violet.gif);
color: #330066;
}
#menu ul li.lien04 ul.on li a:hover,
#menu ul li.lien04 ul.on li.on a,
#menu ul li.lien042 ul.on li a:hover,
#menu ul li.lien042 ul.on li.on a {
background-position: 0px -108px;
width: 124px;
padding: 0px 0px 0px 24px;
color: #990000;
}
#menu ul li.lien05 ul.on li a,
#menu ul li.lien052 ul.on li a {
background-image: url(puce_sous rub_bleu.gif);
color: #003366;
}
#menu ul li.lien05 ul.on li a:hover,
#menu ul li.lien05 ul.on li.on a,
#menu ul li.lien052 ul.on li a:hover,
#menu ul li.lien052 ul.on li.on a {
background-position: 0px -108px;
width: 124px;
padding: 0px 0px 0px 24px;
color: #990000;
}
/*---------------------------------------------------------------------------------*/
/*-- MENU NIVEAU 3 --*/
#menu ul li.on ul li ul {
display: none;
}
#menu ul li.on ul.on li ul.on {
display: block;
width: 148px;
padding: 0px 0px 0px 0px;
background-image: none;
}
#menu ul li.on ul.on li ul.on li {
width: 130px;
padding: 0px 0px 0px 18px;
}
#menu ul li.on ul.on li ul.on li a {
width: 125px;
font-size: x-small;
padding: 0px 0px 0px 5px;
background-image: url(puce_sous_rub_3.gif);
background-repeat: no-repeat;
background-position: 0px -3px;
color: #333333;
}
#menu ul li.lien01 ul.on li ul.on li a,
#menu ul li.lien012 ul.on li ul.on li a {
color: #333300;
}
#menu ul li.lien02 ul.on li ul.on li a,
#menu ul li.lien022 ul.on li ul.on li a {
color: #330000;
}
#menu ul li.lien03 ul.on li ul.on li a,
#menu ul li.lien032 ul.on li ul.on li a {
color: #644200;
}
#menu ul li.lien04 ul.on li ul.on li a,
#menu ul li.lien042 ul.on li ul.on li a {
color: #330066;
}
#menu ul li.lien05 ul.on li ul.on li a,
#menu ul li.lien052 ul.on li ul.on li a {
color: #003366;
}
#menu ul li.on ul.on li ul.on li a:hover,
#menu ul li.on ul.on li ul.on li.on a {
width: 120px;
padding: 0px 0px 0px 10px;
background-position: 0px -103px;
color: #990000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
position: absolute;
top: 180px;
left: 205px;
font-size: x-small;
width: 570px;
height: 18px;
color: #FFFFFF;
}
#filariane a {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
float: left;
width: 570px;
padding: 45px 20px 20px 20px;
background-repeat: no-repeat;
line-height: 18px;
}
body.body01 #inter {
background-image: url(fond_inter_vert.gif);
}
body.body02 #inter {
background-image: url(fond_inter_rouge.gif);
}
body.body03 #inter {
background-image: url(fond_inter_orange.gif);
}
body.body04 #inter {
background-image: url(fond_inter_violet.gif);
}
body.body05 #inter,
body.bodygenerique #inter {
background-image: url(fond_inter_bleu.gif);
}
#inter h2,
#inter h2 a,
#interaccueil h2,
#interaccueil h2 a,
#interpopup h2,
#interpopup h2 a {
font-size: x-large;
margin: 7px 0px 12px 0px;
padding: 0;
color: #A80000;
line-height: 24px;
}
#inter h3,
#inter h3 a,
#interaccueil h3,
#interaccueil h3 a,
#interpopup h3,
#interpopup h3 a {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0;
color: #70A800;
line-height: 20px;
}
#inter h4,
#inter h4 a,
#interaccueil h4,
#interaccueil h4 a,
#interpopup h4,
#interpopup h4 a {
font-size: medium;
margin: 7px 0px 7px 0px;
padding: 0;
color: #336699;
}
#inter p,
#interaccueil p,
#interapopup p {
margin: 7px 0px 7px 0px;
}
#inter ul,
#interaccueil ,
#interpopup {
padding: 7px 0px 7px 20px;
}
#inter ul li,
#interaccueil ul li,
#interpopup ul li {
padding-left: 14px;
background-image: url(puce01.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#inter ul li ul,
#interaccueil ul li ul,
#interpopup ul li ul {
margin: 0px 0px 0px 15px;
}
#inter ul li ul li,
#interaccueil ul li ul li,
#interpopup ul li ul li {
padding-left: 12px;
background-image: url(puce02.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter .blockAlignement {
width: 550px;
float: left;
}
#inter .blockAlignement .gaucheAlignement {
width: 260px;
float: left;
}
#inter .blockAlignement .droiteAlignement {
width: 260px;
float: right;
}
/*----------------------------------------------------------------------------------------*/
/*--  PAGE D'ACCUEIL  --*/
body.bodyaccueil #pageaccueil {
float: left;
width: 810px;
padding: 0px 0px 0px 0px;
}
body.bodyaccueil #interaccueil {
float: left;
width: 610px;
padding: 0px 0px 20px 200px;
background-image: url(fond_accueil.gif);
background-repeat: no-repeat;
background-position: left bottom;
line-height: 18px;
}
body.bodyaccueil #interaccueil #edito {
float: left;
padding: 0px 20px 0px 20px;
background-image: url(fond_inter_bleu.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #interaccueil h2 {
margin: 0;
padding: 0;
background-image: url(titre_accueil.gif);
background-repeat: no-repeat;
width: 174px;
height: 34px;
}
body.bodyaccueil #interaccueil h2 span {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUALITES ---*/
body.bodyaccueil #conteneractus {
margin-top: 10px;
float: left;
width: 601px;
padding: 0px 0px 20px 200px;
background-image: url(fond_actus_accueil.gif);
background-repeat: no-repeat;
background-position: right bottom;
line-height: 18px;
}
body.bodyaccueil #actus {
float: left;
width: 571px;
padding: 5px 10px 0px 20px;
background-image: url(haut_actus_accueil.gif);
background-repeat: no-repeat;
}
body.bodyaccueil #actus h2 {
margin: 0;
padding: 0;
background-image: url(titre_a_la_une.gif);
background-repeat: no-repeat;
width: 174px;
height: 34px;
}
body.bodyaccueil #actus h2 span {
display: none;
}
#actus p {
margin: 7px 0px 7px 0px;
}
#actus p,
.actuLigne {
float: left;
clear: both;
width: 100%;
}
.actuLigne {
margin-bottom: 20px;
}
#actus p img,
#inter .actuLigne img {
float: right;
margin-left: 10px;
}
#actus p strong a,
.actuLigne strong a {
color: #A80000;
text-decoration: none;
}
#actus p strong a:hover,
.actuLigne strong a:hover {
text-decoration: underline;
}
#actus p.toutesactus {
font-size: x-small;
padding: 1px 0px 2px 10px;
background-image: url(fond_toutes_actus.gif);
background-repeat: no-repeat;
}
#actus p.toutesactus a {
text-decoration: none;
color: #BC0606;
padding-left: 8px;
}
#actus p.toutesactus a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
float: right;
width: 170px;
padding: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FONCTIONNALITES ---*/
#fonctionnalites {
float: left;
width: 156px;
margin: 0px 0px 5px 0px;
padding: 5px 5px 5px 9px;
background-image: url(fond_pave_fonctionnalites.gif);
background-repeat: no-repeat;
background-position: bottom;
color: #FFFFFF;
line-height: 18px;
}
#fonctionnalites ul li a {
color: #FFFFFF;
text-decoration: none;
background-image: url(puce_fonctionnalites.gif);
background-repeat: no-repeat;
background-position: 0px -7px;
padding: 0px 0px 2px 17px;
}
#fonctionnalites ul li a:hover {
background-position: 0px -127px;
padding: 0px 0px 2px 25px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- LOG EXTRANET ---*/
#logextranet {
float: left;
width: 170px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
font-size: x-small;
background-image: url(fond_log_extranet.gif);
background-repeat: no-repeat;
background-position: top;
font-size: x-small;
color: #FFFFFF;
}
#logextranet a {
color: #FFFFFF;
}
#contentlogextranet {
float: left;
width: 156px;
padding: 35px 5px 5px 9px;
background-image: url(bas_log_extranet.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#contentlogextranet .entry01,
#contentlogextranet .entry02 {
padding-bottom: 3px;
float: left;
}
#contentlogextranet div label {
float: left;
width: 70px;
padding: 0px 5px 0px 0px;
color: #FFFFFF;
text-align: right;
}
#contentlogextranet .entry01 input.saisie {
border: 1px solid #05252E;
font-size: x-small;
width: 75px;
float: left;
}
#contentlogextranet .entry02 input.saisie {
border: 1px solid #05252E;
font-size: x-small;
width: 54px;
vertical-align: middle;
float: left;
}
#contentlogextranet .entry02 input.bouton {
vertical-align: middle;
margin-left: 3px;
float: left;
}
#contentlogextranet .notinscrit {
border-top: 1px solid #1A3C5E;
padding: 5px 0px 5px 0px;
margin: 3px 0px 5px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTEM ---*/
#totem {
float: left;
width: 170px;
margin: 0px 0px 5px 0px;
padding: 0;
font-size: x-small;
color: #FFFFFF;
}
#totem a {
color: #FFFFFF;
}
#totem #contenttotem {
float: left;
width: 170px;
background-image: url(fond_pave_focus.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyaccueil #totem #contenttotem {
background-image: url(fond_pave_sondage.gif);
}
#totem #contenttotem #intertotem {
float: left;
width: 156px;
padding: 35px 5px 0px 9px;
background-image: url(bas_pave_focus.gif);
background-repeat: no-repeat;
background-position: bottom;
}
#totem #contenttotem #intertotem h3 {
display: none;
}
#totem #contenttotem #intertotem p {
margin: 5px 0px 5px 0px;
}
#totem #contenttotem #intertotem form.poll p.question {
font-size: small;
font-weight: bold;
}
#totem #contenttotem #intertotem form.poll p.response {
font-size: small;
font-weight: bold;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 0px;
color: #720505;
}
#totem #contenttotem #intertotem form.poll p.response input {
vertical-align: middle;
}
#totem #contenttotem #intertotem form.poll p.submit {
padding: 5px 0px 5px 0px;
text-align: center;
}
#totem #contenttotem #intertotem form.poll p.submit input {
background-color: #720505;
border: 1px solid #FFFFFF;
color: #FFFFFF;
text-align: center;
padding: 0px 5px 0px 5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HAUT & IMPRIMER PAGE ---*/
#barrebas {
width: 780px;
clear: both;
line-height: 18px;
font-size: x-small;
}
#barrebas a,
#barrebaspopup a {
display: block;
text-decoration: none;
height: 18px;
padding: 2px 0px 2px 17px;
color: #370D02;
background-repeat: no-repeat;
background-position: 0px 3px;
}
body.bodyaccueil #barrebas {
display: none;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
float: left;
padding: 0px 0px 15px 25px;
}
#hautpage a,
#hautpagepopup a {
width: 71px;
background-image: url(puce_haut_page.gif);
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
float: left;
padding: 0px 0px 15px 360px;
}
#imprimpage a {
width: 81px;
background-image: url(puce_imprim_page.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
float: left;
width: 601px;
font-size: x-small;
padding: 3px 179px 50px 200px;
text-align: center;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: 200px 0px;
margin-top: 10px;
}
#footer a {
text-decoration: none;
}
#footer ul {
clear: both;
float: left;
width: 601px;
padding: 5px 0px 0px 0px;
}
#footer ul li {
display: inline;
}
#footer #coordonnees {
clear: both;
float: left;
width: 601px;
padding: 7px 0px 10px 0px;
line-height: 12px;
}
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #A80000;
}
div.coul02, .bleu, .coul02 {
color: #336699;
}
div.coul03, .violet, .coul03 {
color: #9933CC;
}
div.coul04, .orange, .coul04 {
color: #EC9B00;
}
div.coul05, .vert, .coul05 {
color: #70A800;
}
/*-- BORDURE D'IMAGES --*/
img.bord091 .bordureRouge {
border: 1px solid #A80000;
}
img.bord02, .bordureBleue {
border: 1px solid #336699;
}
img.bord03, .bordureViolete {
border: 1px solid #9933CC;
}
img.bord04, .bordureOrange {
border: 1px solid #EC9B00;
}
img.bord05, .bordureVerte {
border: 1px solid #70A800;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #336699;
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: #EC9B00;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #336699;
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 13px;
color: #336699;
text-decoration: none;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 3px 5px;
}
html div.suiv {
float: right;
font-size: x-small;
text-align: right;
}
html div.suiv a {
display: block;
width: 40px;
text-align: right;
padding: 0px 16px 0px 0px;
color: #336699;
text-decoration: none;
background-image: url(puce02.gif);
background-repeat: no-repeat;
background-position: 42px 5px;
}
html div.prec a:hover {
color: #A80000;
padding: 0px 0px 0px 10px;
background-position: 0px 5px;
}
html div.suiv a:hover {
color: #A80000;
width: 43px;
padding: 0px 13px 0px 0px;
background-position: 44px 5px;
}
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #336699;
padding: 3px;
vertical-align: top;
}
th {
background-color: #336699;
color: #FFFFFF;
}
/*cellules vertes*/
div.cell01, td.cell01, .celluleVerte, .cell01 {
background-color: #70A800;
color: #FFFFFF;
}
td.cell01 a {
color: #FFFFFF;
}
div.cell02, td.cell02, .celluleBleue, .cell02 {
background-color: #336699;
color: #FFFFFF;
}
td.cell02 a {
color: #FFFFFF;
}
div.cell03, td.cell03, .celluleRouge, .cell03 {
background-color: #A80000;
color: #FFFFFF;
}
td.cell03 a {
color: #FFFFFF;
}
div.cell04, td.cell04, .celluleOrange, .cell04 {
background-color: #EC9B01;
}
div.cell05, td.cell05, .celluleViolette, .cell05 {
background-color: #9933CC;
color: #FFFFFF;
}
body td.cell05 a {
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite {
padding-left: 20px;
}
#plandusite h3 a {
font-size: large;
margin: 7px 0px 7px 0px;
padding: 0;
text-decoration: none;
}
#plandusite h3.planaccueil a {
color: #336699;
}
#plandusite h3.plan01 a,
#plandusite h3.plan012 a {
color: #70A800;
}
#plandusite h3.plan02 a,
#plandusite h3.plan022 a {
color: #A80000;
}
#plandusite h3.plan03 a,
#plandusite h3.plan032 a {
color: #EC9B01;
}
#plandusite h3.plan04 a,
#plandusite h3.plan042 a {
color: #9933CC;
}
#plandusite h3.plan05 a,
#plandusite h3.plan052 a {
color: #336699;
}
#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: #003366;
text-decoration: none;
}
#plandusite ul li a:hover {
color: #003366;
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup #fondpage {
background-image: url(fond_pop_up.jpg);
background-repeat: no-repeat;
background-position: top;
height: 200px;
}
body.bodypopup #centrage {
width: 680px;
margin: auto;
}
body.bodypopup #total {
float: left;
width: 680px;
background-image: url(fond_inter_popup.gif);
background-repeat: repeat-y;
}
body.bodypopup #headerpopup {
position: relative;
width: 640px;
height: 152px;
padding: 3px 0px 0px 40px;
background-repeat: no-repeat;
background-image: url(bandeau_pop_up.jpg);
}
body.bodypopup #interpopup {
float: left;
width: 600px;
padding: 0px 40px 0px 40px;
line-height: 18px;
}
body.bodypopup #barrebaspopup {
width: 680px;
float: left;
clear: both;
line-height: 18px;
font-size: x-small;
background-image: url(fond_bas_popup.gif);
background-repeat: no-repeat;
padding: 30px 0px 90px 0px;
}
body.bodypopup #barrebaspopup #hautpagepopup {
float: left;
padding: 0px 0px 15px 55px;
}
body.bodypopup #barrebaspopup #imprimpage {
float: left;
padding: 0px 0px 15px 360px;
}
/*-------------------------------------------------------------------------------------------------------------*/
/*-- RESULTATS DU SONDAGE --*/
#pollresult .question {
font-weight: bold;
}
#pollresult table {
width: 600px;
}
#pollresult table th,
#pollresult table td {
border-top: 1px solid #1A5383;
border-bottom: 1px solid #1A5383;
border-left: none;
border-right: none;
padding: 3px;
vertical-align: top;
}
#pollresult table .label {
width: 150px;
}
#pollresult table .graph {
width: 330px;
padding-top: 7px;
}
#pollresult table .numeric {
width: 60px;
}
#pollresult table .total {
font-weight: bold;
color: #CC0000;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- DIVERS CLASSES --*/
.invisible {
display: none;
}