html {
min-height: 100%;
}
body {
margin: 0;
padding: 0;
background-color: #DCEEFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
line-height: 20px;
background-image: url(fond_degrad.jpg);
background-repeat: repeat-x;
background-position: bottom;
min-height: 100%;
}
h1,
caption,
legend {
display: none;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
img {
border: none;
}
ul {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
p {
margin: 10px 0px 10px 0px;
}
a {
color: #333333;
}
body.bodyaccueil #total {
background-image: url(fond_haut_page_accueil.jpg);
background-repeat: repeat-x;
background-position: top;
}
#total {
background-image: url(fond_haut_page.jpg);
background-repeat: repeat-x;
background-position: top;
}
#centrage {
width: 770px;
margin: auto;
padding-bottom: 20px;
}
#header {
width: 770px;
height: 108px;
background-image: url(fond_header_accueil.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
#header img{
float: left;
}
body.bodyaccueil #header {
height: 202px;
background-image: url(fond_header_accueil.jpg);
background-repeat: no-repeat;
}
#pavedroite {
float: right;
width: 223px;
font-size: x-small;
color: #003366;
}
#pavedroite li {
padding-left: 6px;
}
#pavedroite a {
color: #003366;
text-decoration: none;
padding-left: 17px;
}
#pavedroite a.lienaide {
background-image: url(picto_handicap_header.gif);
background-repeat: no-repeat;
background-position: 0px 1px;
}
#pavedroite a.lienplan {
background-image: url(picto_plan_site.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#pavedroite a.liencontenu {
background-image: url(picto_acceder_contenu.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
}
#pavedroite #fSearch {
background-image: url(picto_rechercher.gif);
background-repeat: no-repeat;
background-position: 11px 4px;
padding: 0px 0px 10px 23px;
}
#pavedroite #fSearch input.saisie {
margin-right: 3px;
width: 165px;
height: 12px;
line-height: 11px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
color: #99CCFF;
border: 1px solid #003366;
vertical-align: middle;
}
#pavedroite #fSearch input.bouton {
vertical-align: middle;
}
#filarianne {
width: 602px;
height: 21px;
padding-left: 168px;
background-image: url(fond_fil_arianne.gif);
background-repeat: no-repeat;
font-size: x-small;
color: #990000;
}
#filarianne {
color: #990000;
}
#filarianne a {
color: #990000;
}
body.bodyaccueil #filarianne {
display: none;
}
#content {
float: left;
width: 770px;
background-image: url(fond_inter.gif);
background-repeat: repeat-y;
background-position: right;
}
body.bodyaccueil #content {
background-image: url(fond_inter_accueil.gif);
background-repeat: repeat-y;
background-position: right;
}
/*-- MENU --*/
#menu {
float: left;
width: 157px;
}
#menu li {
border-bottom: 1px solid #FFFFFF;
}
#menu a {
display: block;
padding: 5px 10px 5px 28px;
width: 119px;
color: #003333;
font-weight: bold;
text-decoration: none;
background-image: url(puce_menu.gif);
background-repeat: no-repeat;
background-position: 2px 6px;
}
#menu a:hover {
background-position: -226px 6px;
color: #CC0000;
font-style: italic;
}
#menu li ul {
display: none;
}
#menu li.on ul {
display: block;
}
#menu li ul li {
border: none;
}
#menu li.on {
background-image: url(fond_liste_over.gif);
background-position: right;
background-repeat: repeat-y;
}
#menu li.on a,
#menu li.on a:hover {
background-position: -226px 6px;
color: #CC0000;
font-style: italic;
}
#menu li.on ul li a {
background-image: none;
font-size: x-small;
padding: 0px 10px 0px 28px;
font-weight: normal;
font-style: normal;
color: #003333;
}
#menu li.on ul li a:hover {
font-style: normal;
color: #CC0000;
}
#menu li.on li.on {
background-image: none;
}
#menu li.on li.on a {
color: #CC0000;
font-weight: bold;
}
/*-- INTER --*/
/*-- Accueil --*/
body.bodyaccueil #inter {
background-image: url(fond_inter_accueil.gif);
background-repeat: repeat-y;
width: 598px;
padding: 10px 0px 0px 15px;
}
body.bodyaccueil #inter #intro {
float: left;
width: 365px;
border-top: 10px solid #C1C1B2;
padding-top: 5px;
}
body.bodyaccueil #inter #totemdroit {
float: left;
width: 222px;
margin: -10px 0px 0px 10px;
}
body.bodyaccueil #inter #totemdroit #actu {
width: 216px;
padding: 5px 1px 0px 5px;
background-image: url(fond_haut_actus_accueil.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #99CDFF;
color: #003366;
line-height: 16px;
}
body.bodyaccueil #inter #totemdroit #actu strong.titractu {
font-size: medium;
font-style: italic;
color: #660000;
}
body.bodyaccueil #inter #totemdroit #recrut {
width: 216px;
padding: 5px 1px 0px 5px;
background-image: url(fond_haut_recrut_accueil.gif);
background-repeat: repeat-x;
background-position: left top;
background-color: #FB9211;
border-bottom: 1px solid #FFFFFF;
color: #990000;
line-height: 16px;
}
body.bodyaccueil #inter #totemdroit #recrut a {
color: #990000;
}
body.bodyaccueil #inter #totemdroit #recrut strong.titrecrut {
font-size: medium;
font-style: italic;
color: #FFFFFF;
}
body.bodyaccueil #inter #totemdroit #slogan {
width: 208px;
padding: 5px 3px 0px 7px;
background-color: #99CDFF;
color: #990000;
line-height: 18px;
font-size: medium;
}
/*----------*/
#inter {
float: left;
width: 583px;
padding: 10px 15px 20px 15px;
background-color: #FFFFFF;
}
#inter h2,
#inter h2 a {
font-size: x-large;
font-style: italic;
color: #FF9900;
margin: 5px 0px 8px 0px;
background-image: url(fond_titres_h2.gif);
background-repeat: no-repeat;
background-position: -12px 31px;
}
#inter h3,
#inter h3 a {
font-size: large;
font-weight: normal;
color: #CC0000;
margin: 5px 0px 12px 0px;
}
#inter h4,
#inter h4 a {
font-size: medium;
color: #003399;
margin: 0px 0px 0px 0px;
}
#inter ul {
margin: 10px 0px 10px 20px;
}
#inter li {
padding-left: 13px;
background-image: url(puce_liste.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
#inter #bloc01 {
float: left;
padding: 5px;
width: 270px;
background-color: #FFEDD8;
}
#inter #bloc02 {
float: left;
padding: 5px;
margin: 0px 0px 0px 10px;
width: 280px;
border: 1px solid #FB9212;
}
#inter #bloc03 {
clear: both;
float: left;
padding: 5px;
width: 573px;
margin: 20px 0px 0px 0px;
background-color: #ADD7FF;
}
#footer {
float: left;
clear: both;
width: 586px;
height: 65px;
padding-left: 184px;
background-image: url(fond_footer.gif);
background-position: top right;
background-repeat: no-repeat;
font-size: x-small;
color: #000033;
}
#footer ul {
margin: 0px 0px 0px 100px;
padding: 0;
}
#footer li {
display: inline;
margin: 0;
padding: 0;
}
#footer a {
color: #000033;
}
#footer a.lienaide {
background-image: url(picto_handicap_footer.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
}
#footer a.lienplan {
background-image: url(picto_plan_site.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
padding-left: 17px;
}
#footer a.lieninfos {
background-image: url(picto_info_footer.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
}
#footer a.liencredits {
background-image: url(picto_credits.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
}
body.bodyaccueil #footer {
background-image: url(fond_footer_accueil.gif);
background-position: 157px -33px;
height: 32px;
}
body.bodyaccueil #footer ul {
margin: 0px 0px 0px 100px;
padding: 7px 0px 0px 0px;
}
#footer p.hautpage,
p.hautpage {
padding: 0px 0px 20px 0px;
margin: 0;
}
body.bodyaccueil #footer p.hautpage {
display: none;
}
#footer p.hautpage a,
p.hautpage a {
padding: 0px 0px 0px 17px;
margin: 0;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #CC0000;
}
#footer p.hautpage a:hover,
p.hautpage a:hover {
text-decoration: underline;
}
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
background-color: #106FCB;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #004689;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #106FCB;
padding-bottom: 10px;
background-color: #D6EBFF;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 12px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
background-image: url(fleche_suivante.gif);
background-repeat: no-repeat;
background-position: 39px 8px;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-- PLAN DU SITE --*/
#inter #plandusite {
padding: 15px 0px 0px 40px;
}
#inter #plandusite h3,
#inter #plandusite h3 a {
margin: 5px 0px 8px 0px;
font-size: medium;
font-weight: normal;
}
#inter #plandusite h3{
background-image: url(puce_plan.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 17px;
}
#inter #plandusite ul {
margin: -8px 0px 0px 20px;
}
/*-- TEXTE --*/
div.coul01, .rouge, .coul01 {
color: #CC0000;
}
div.coul02, .orange, .coul02 {
color: #FF9900;
}
div.coul03, .bleu, .coul03 {
color: #003399;
}
/*-- IMAGES --*/
img.bord01, .bordureImageRouge  {
border: 1px solid #CC0000;
}
img.bord02, .bordureImageOrange  {
border: 1px solid #FF9900;
}
img.bord03, .bordureImageBleue  {
border: 1px solid #003399;
}
/*-- PARAGRAPHES --*/
p.flechebleu{
padding-left: 13px;
background-image: url(puce_bleu.gif);
background-repeat: no-repeat;
background-position: 0px 6px;
}
/*-- POP UP --*/
body.bodypop {
background-image: url(fond_pop.gif);
background-repeat: repeat-y;
background-position: top;
}
#totalpop {
background-image: url(fond_haut_page.jpg);
background-repeat: repeat-x;
background-position: top;
}
#contentpop {
margin: auto;
width: 530px;
}
#headerpop {
width: 530px;
height: 129px;
background-image: url(header_pop.jpg);
background-repeat: no-repeat;
overflow: hidden;
}
#interpop {
background-color: #FFFFFF;
padding: 0px 10px 0px 10px;
}
#interpop h2,
#interpop h3 {
margin: 0;
}
#interpop p.hautpage,
p.hautpage {
font-size: x-small;
padding: 0px 0px 20px 10px;
margin: 0;
}
#interpop p.hautpage a,
p.hautpage a {
padding: 0px 0px 0px 17px;
margin: 0;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
background-position: 0px 2px;
text-decoration: none;
color: #CC0000;
}
#interpop p.hautpage a:hover,
p.hautpage a:hover {
text-decoration: underline;
}
#interpop h2,
#interpop h2 a {
font-size: x-large;
font-style: italic;
color: #FF9900;
margin: 5px 0px 8px 0px;
}
#interpop h3,
#interpop h3 a {
font-size: large;
font-weight: normal;
color: #CC0000;
margin: 5px 0px 12px 0px;
}
#interpop h4,
#interpop h4 a {
font-size: medium;
color: #003399;
margin: 0px 0px 0px 0px;
}