body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
background-repeat: repeat-x;
font-size: small;
color: #000000;
}
body.bodyaccueil,
body.bodygenerique {
background-image: url(fond_accueil.gif);
}
body.bodyenvironnement {
background-image: url(fond_environnement.gif);
}
body.bodyauto {
background-image: url(fond_auto.gif);
}
body.bodybatiment {
background-image: url(fond_batiment.gif);
}
body.bodybouche {
background-image: url(fond_bouche.gif);
}
body.bodyenseignants {
background-image: url(fond_enseignants.gif);
}
body.bodyproduits {
background-image: url(fond_base_produits.gif);
}
a {
color: #000000;
}
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;
}
/*------------------------------------------------------------------------------------------------------------------*/
#total {
float: left;
width: 990px;
}
/*------------------------------------------------------------------------------------------------------------------*/
#header {
float: left;
width: 990px;
height: 101px;
font-size: x-small;
background-image: url(bandeau.jpg);
background-repeat: no-repeat;
}
#header img {
float: left;
}
#header h1 {
position: absolute;
top: 71px;
left: 0px;
margin: 0;
height: 30px;
width: 283px;
background-repeat: no-repeat;
}
#header h1 span {
display: none;
}
body.bodyaccueil #header h1,
body.bodygenerique #header h1 {
background-image: url(base_line_accueil.gif);
}
body.bodyenvironnement #header h1 {
background-image: url(base_line_environnement.gif);
}
body.bodyauto #header h1 {
background-image: url(base_line_automobile.gif);
}
body.bodybatiment #header h1 {
background-image: url(base_line_batiment.gif);
}
body.bodybouche #header h1 {
background-image: url(base_line_bouche.gif);
}
body.bodyproduits #header h1 {
background-image: url(base_line_base_produits.gif);
}
body.bodyenseignants #header h1 {
background-image: url(base_line_enseignant.gif);
}
/*------------------------------------------------------------------------------------------------------------------*/
#recherche {
position: absolute;
top: 77px;
left: 750px;
width: 230px;
}
#recherche label {
float: left;
line-height: 16px;
}
#recherche input.saisie {
float: left;
width: 140px;
height: 16px;
line-height: 15px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
vertical-align: middle;
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
}
#recherche input.bouton {
float: left;
width: 22px;
height: 18px;
margin-left: 3px;
vertical-align: middle;
background-repeat: no-repeat;
}
body.bodyaccueil #recherche label,
body.bodygenerique #recherche label {
color: #0A2C29;
}
body.bodyaccueil #recherche input.saisie,
body.bodygenerique #recherche input.saisie {
border: 1px solid #333333;
}
body.bodyaccueil #recherche input.bouton,
body.bodygenerique #recherche input.bouton {
background-image: url(bout_ok_recherche_accueil.gif);
}
body.bodyenvironnement #recherche label {
color: #336600;
}
body.bodyenvironnement #recherche input.saisie {
border: 1px solid #336600;
}
body.bodyenvironnement #recherche input.bouton {
background-image: url(bout_ok_recherche_environnement.gif);
}
body.bodyauto #recherche label {
color: #990000;
}
body.bodyauto #recherche input.saisie {
border: 1px solid #990000;
}
body.bodyauto #recherche input.bouton {
background-image: url(bout_ok_recherche_auto.gif);
}
body.bodybatiment #recherche label {
color: #000033;
}
body.bodybatiment #recherche input.saisie {
border: 1px solid #000033;
}
body.bodybatiment #recherche input.bouton {
background-image: url(bout_ok_recherche_batiment.gif);
}
body.bodybouche #recherche label {
color: #704200;
}
body.bodybouche #recherche input.saisie {
border: 1px solid #704200;
}
body.bodybouche #recherche input.bouton {
background-image: url(bout_ok_recherche_base_produits.gif);
}
body.bodyproduits #recherche label {
color: #704200;
}
body.bodyproduits #recherche input.saisie {
border: 1px solid #704200;
}
body.bodyproduits #recherche input.bouton {
background-image: url(bout_ok_recherche_base_produits.gif);
}
body.bodyenseignants #recherche label {
color: #330066;
}
body.bodyenseignants #recherche input.saisie {
border: 1px solid #330066;
}
body.bodyenseignants #recherche input.bouton {
background-image: url(bout_ok_recherche_enseignant.gif);
}
/*------------------------------------------------------------------------------------------------------------------*/
#espacereserve {
position: absolute;
background-image: url(titre_espace_enseignant.gif);
background-repeat: no-repeat;
padding: 20px 0px 0px 0px;
top: 0px;
left: 823px;
width: 160px;
}
#espacereserve label {
display: none;
}
#espacereserve input {
float: left;
width: 75px;
height: 16px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: x-small;
vertical-align: middle;
color: #B93300;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #333333;
}
#espacereserve input.saisie02 {
width: 50px;
margin-left: 3px;
}
#espacereserve input.bouton {
width: 19px;
height: 18px;
margin-left: 3px;
vertical-align: middle;
background-image: url(bout_ok_log.gif);
background-repeat: no-repeat;
border: none;
}
#espacereserve p.inscription {
float: left;
margin: 0;
line-height: 14px;
padding: 3px 0px 3px 22px;
background-image: url(puce_inscription.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#espacereserve p.inscription a {
color: #00201D;
}
/*------------------------------------------------------------------------------------------------------------------*/
#menu {
float: left;
width: 195px;
padding-top: 12px;
}
#menu ul li.lienaccueil a span,
#menu ul li.lienenvironnement a span,
#menu ul li.lienauto a span,
#menu ul li.lienbatiment a span,
#menu ul li.lienbouche a span,
#menu ul li.lienproduits a span,
#menu ul li.lienenseignant a span {
margin-left: -500px;
}
#menu ul li.lienaccueil a,
#menu ul li.lienenvironnement a,
#menu ul li.lienauto a,
#menu ul li.lienbatiment a,
#menu ul li.lienbouche a,
#menu ul li.lienproduits a,
#menu ul li.lienenseignant a {
display: block;
background-repeat: no-repeat;
}
#menu ul li.lienaccueil {
padding: 0px 0px 9px 8px;
}
#menu ul li.lienaccueil a {
width: 178px;
height: 43px;
background-image: url(bout_accueil.gif);
}
#menu ul li.lienenvironnement {
padding: 0px 0px 16px 8px;
}
#menu ul li.lienenvironnement a {
width: 179px;
height: 64px;
background-image: url(bout_environnement.gif);
}
#menu ul li.lienauto {
padding: 0px 0px 14px 5px;
}
#menu ul li.lienauto a {
width: 181px;
height: 62px;
background-image: url(bout_auto.gif);
}
#menu ul li.lienbatiment {
padding: 0px 0px 5px 7px;
}
#menu ul li.lienbatiment a {
width: 179px;
height: 78px;
background-image: url(bout_batiment.gif);
}
#menu ul li.lienproduits {
padding: 0px 0px 15px 20px;
}
#menu ul li.lienbouche {
padding: 0px 0px 5px 7px;
}
#menu ul li.lienbouche a {
width: 182px;
height: 78px;
background-image: url(bout_bouche.gif);
}
#menu ul li.lienproduits {
padding: 0px 0px 15px 20px;
}
#menu ul li.lienproduits a {
width: 150px;
height: 88px;
background-image: url(bout_produits.gif);
}
#menu ul li.lienenseignant {
padding: 0px 0px 9px 9px;
}
#menu ul li.lienenseignant a {
width: 186px;
height: 94px;
background-image: url(bout_enseignant.gif);
}
#menu ul li.lienaccueil a:hover,
body.bodyaccueil #menu ul li.lienaccueil a,
#menu ul li.lienenvironnement a:hover,
#menu ul li.lienauto a:hover,
#menu ul li.lienbatiment a:hover,
#menu ul li.lienbouche a:hover,
#menu ul li.lienproduits a:hover,
body.bodyproduits #menu ul li.lienproduits a,
#menu ul li.lienenseignant a:hover {
background-position: 0px -100px;
}
#menu ul li ul,
#menu ul li ul li ul,
#menu ul li ul li ul li ul {
display: none;
}
#menu ul li a {
text-decoration: none;
}
/*------------------------------------------------------------------------*/
/*- PREMIER SOUS NIVEAU -*/
body.bodyproduits #menu ul li ul.on {
/*display: none;*/
width: 1px;
height: 1px;
overflow: hidden;
}
#menu ul li ul.on {
display: block;
}
#menu ul li ul.on li {
line-height: 18px;
padding: 0;
}
body.bodyenvironnement #menu ul li.lienenvironnement ul li a,
body.bodyauto #menu ul li.lienauto ul li a,
body.bodybatiment #menu ul li.lienbatiment ul li a,
body.bodybouche #menu ul li.lienbouche ul li a,
body.bodyenseignants #menu ul li.lienenseignant ul li a {
background-image: none;
height: auto;
}
body.bodyenvironnement #menu ul li.lienenvironnement a:hover,
body.bodyauto #menu ul li.lienauto a:hover,
body.bodybatiment #menu ul li.lienbatiment a:hover,
body.bodybouche #menu ul li.lienbouche a:hover,
body.bodyenseignants #menu ul li.lienenseignant a:hover {
background-position: 0px 0px;
}
/*-----*/
/*-----*/
body.bodyenvironnement #menu ul li.lienenvironnement {
background-image: url(bas_environnement_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 34px 10px;
}
body.bodyenvironnement #menu ul li.lienenvironnement a {
width: 179px;
height: 66px;
background-image: url(bout_environnement_over.gif);
}
body.bodyenvironnement #menu ul li.lienenvironnement ul {
background-image: url(fond_environnement_over.gif);
background-repeat: repeat-y;
width: 163px;
padding: 0px 7px 0px 7px;
}
body.bodyenvironnement #menu ul li.lienenvironnement ul li {
padding: 0px 0px 0px 13px;
width: 151px;
background-image: url(puce_second_niveau_environnement.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #24A70A;
}
body.bodyenvironnement #menu ul li.lienenvironnement ul li a {
color: #06350C;
font-weight: bold;
width: auto;
}
body.bodyenvironnement #menu ul li.lienenvironnement ul li a:hover,
body.bodyenvironnement #menu ul li.lienenvironnement ul li a.on {
color: #CC0000;
}
/*-----*/
/*-----*/
body.bodyauto #menu ul li.lienauto {
background-image: url(bas_auto_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 45px 5px;
}
body.bodyauto #menu ul li.lienauto a {
width: 181px;
height: 60px;
background-image: url(bout_auto_over.gif);
}
body.bodyauto #menu ul li.lienauto ul {
background-image: url(fond_auto_over.gif);
background-repeat: repeat-y;
width: 164px;
padding: 0px 6px 0px 6px;
}
body.bodyauto #menu ul li.lienauto ul li {
padding: 0px 0px 0px 13px;
width: 151px;
background-image: url(puce_second_niveau_auto.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #C10000;
}
body.bodyauto #menu ul li.lienauto ul li a {
color: #351906;
font-weight: bold;
width: auto;
}
body.bodyauto #menu ul li.lienauto ul li a:hover,
body.bodyauto #menu ul li.lienauto ul li a.on {
color: #CC0000;
}
/*-----*/
/*-----*/
body.bodybatiment #menu ul li.lienbatiment {
background-image: url(bas_batiment_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 45px 8px;
}
body.bodybatiment #menu ul li.lienbatiment a {
width: 178px;
height: 65px;
background-image: url(bout_batiment_over.gif);
}
body.bodybatiment #menu ul li.lienbatiment ul {
background-image: url(fond_batiment_over.gif);
background-repeat: repeat-y;
width: 164px;
padding: 0px 8px 0px 6px;
}
body.bodybatiment #menu ul li.lienbatiment ul li {
padding: 0px 0px 0px 13px;
width: 151px;
background-image: url(puce_second_niveau_batiment.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #C10000;
}
body.bodybatiment #menu ul li.lienbatiment ul li a {
color: #000033;
font-weight: bold;
width: auto;
}
body.bodybatiment #menu ul li.lienbatiment ul li a:hover,
body.bodybatiment #menu ul li.lienbatiment ul li a.on {
color: #CC0000;
}
/*-----*/
/*-----*/
body.bodybouche #menu ul li.lienbouche {
background-image: url(bas_bouche_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 45px 8px;
}
body.bodybouche #menu ul li.lienbouche a {
width: 178px;
height: 65px;
background-image: url(bout_bouche_over.gif);
}
body.bodybouche #menu ul li.lienbouche ul {
background-image: url(fond_bouche_over.gif);
background-repeat: repeat-y;
width: 164px;
padding: 0px 8px 0px 6px;
}
body.bodybouche #menu ul li.lienbouche ul li {
padding: 0px 0px 0px 13px;
width: 151px;
background-image: url(puce_second_niveau_bouche.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #C10000;
}
body.bodybouche #menu ul li.lienbouche ul li a {
color: #000033;
font-weight: bold;
width: auto;
}
body.bodybouche #menu ul li.lienbouche ul li a:hover,
body.bodybouche #menu ul li.lienbouche ul li a.on {
color: #CC0000;
}
/*-----*/
/*-----*/
body.bodyenseignants #menu ul li.lienenseignant {
background-image: url(bas_enseignant_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 26px 8px;
}
body.bodyenseignants #menu ul li.lienenseignant a {
width: 178px;
height: 74px;
background-image: url(bout_enseignant_over.gif);
}
body.bodyenseignants #menu ul li.lienenseignant ul {
display: block;
background-image: url(fond_enseignant_over.gif);
background-repeat: repeat-y;
width: 159px;
padding: 0px 8px 0px 11px;
}
body.bodyenseignants #menu ul li.lienenseignant ul li {
padding: 0px 0px 0px 13px;
width: 141px;
background-image: url(puce_second_niveau_enseignant.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #8767A5;
}
body.bodyenseignants #menu ul li.lienenseignant ul li a {
color: #340235;
font-weight: bold;
width: auto;
}
body.bodyenseignants #menu ul li.lienenseignant ul li a:hover,
body.bodyenseignants #menu ul li.lienenseignant ul li a.on {
color: #CC0000;
}
/*------------------------------------------------------------------------*/
/*- SECOND SOUS NIVEAU -*/
#menu ul li ul.on li ul.on {
display: block;
background-image: none;
font-size: x-small;
line-height: 13px;
}
#menu ul li ul.on li ul.on li {
border-bottom: none;
}
/*-----*/
/*-----*/
body.bodyenvironnement #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 164px;
}
body.bodyenvironnement #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
body.bodyenvironnement #menu ul li ul.on li ul.on li a {
width: 136px;
color: #990000;
padding-left: 28px;
background-image: url(puce_troisieme_niveau_environnement.gif);
background-position: 15px 5px;
background-color: #FAFDF5;
border-top: 1px dashed #24A70A;
}
body.bodyenvironnement #menu ul li ul.on li ul.on li a:hover,
body.bodyenvironnement #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #A1BA75;
background-position: 15px -55px;
}
/*-----*/
/*-----*/
body.bodyauto #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 164px;
}
body.bodyauto #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
body.bodyauto #menu ul li ul.on li ul.on li a {
width: 132px;
color: #990000;
padding-left: 32px;
background-image: url(puce_troisieme_niveau_auto.gif);
background-position: 15px 5px;
background-color: #FDF5F5;
border-top: 1px dashed #C10000;
}
body.bodyauto #menu ul li ul.on li ul.on li a:hover,
body.bodyauto #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #DB6C6C;
background-position: 15px -55px;
}
/*-----*/
/*-----*/
body.bodybatiment #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 164px;
}
body.bodybatiment #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
body.bodybatiment #menu ul li ul.on li ul.on li a {
width: 132px;
color: #990000;
padding-left: 32px;
background-image: url(puce_troisieme_niveau_batiment.gif);
background-position: 15px 5px;
background-color: #FAFAFA;
border-top: 1px dashed #C10000;
}
body.bodybatiment #menu ul li ul.on li ul.on li a:hover,
body.bodybatiment #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #DB6C6C;
background-position: 15px -55px;
}
/*-----*/
/*-----*/
body.bodybouche #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 164px;
}
body.bodybouche #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
body.bodybouche #menu ul li ul.on li ul.on li a {
width: 132px;
color: #663300;
padding-left: 32px;
background-image: url(puce_troisieme_niveau_bouche.gif);
background-position: 15px 5px;
background-color: #fff6dd;
border-top: 1px dashed #C10000;
}
body.bodybouche #menu ul li ul.on li ul.on li a:hover,
body.bodybouche #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #ED8205;
background-position: 15px -55px;
}
/*------------------------------------------------------------------------*/
/*- TROISIEME SOUS NIVEAU -*/
#menu ul li ul.on li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
#menu ul li ul.on li ul.on li ul.on li a {
border: none;
}
/*-----*/
/*-----*/
body.bodyenvironnement #menu ul li ul.on li ul.on li ul.on {
margin: 0;
padding:0;
width: 164px;
}
body.bodyenvironnement #menu ul li ul.on li ul.on li ul.on li a {
width: 124px;
color: #FFFFFF;
padding-left: 40px;
background-image: none;
background-color: #A1BA75;
font-weight: normal;
border-top: 1px solid #DDE8CB;
}
body.bodyenvironnement #menu ul li ul.on li ul.on li ul.on li a:hover,
body.bodyenvironnement#menu ul li ul.on li ul.on li ul.on li a.on {
color: #330000;
}
/*-----*/
/*-----*/
body.bodyauto #menu ul li ul.on li ul.on li ul.on {
margin: 0;
padding:0;
width: 164px;
}
body.bodyauto #menu ul li ul.on li ul.on li ul.on li a {
width: 124px;
color: #FFFFFF;
padding-left: 40px;
background-image: none;
background-color: #DB6C6C;
font-weight: normal;
border-top: 1px solid #E4CFCF;
}
body.bodyauto #menu ul li ul.on li ul.on li ul.on li a:hover,
body.bodyauto #menu ul li ul.on li ul.on li ul.on li a.on {
color: #330000;
}
/*-----*/
/*-----*/
body.bodybatiment #menu ul li ul.on li ul.on li ul.on {
margin: 0;
padding:0;
width: 164px;
}
body.bodybatiment #menu ul li ul.on li ul.on li ul.on li a {
width: 124px;
color: #FFFFFF;
padding-left: 40px;
background-image: none;
background-color: #DB6C6C;
font-weight: normal;
border-top: 1px solid #E4CFCF;
}
body.bodybatiment #menu ul li ul.on li ul.on li ul.on li a:hover,
body.bodybatiment #menu ul li ul.on li ul.on li ul.on li a.on {
color: #330000;
}
/*-----*/
/*-----*/
body.bodybouche #menu ul li ul.on li ul.on li ul.on {
margin: 0;
padding:0;
width: 164px;
}
body.bodybouche #menu ul li ul.on li ul.on li ul.on li a {
width: 124px;
color: #FFFFFF;
padding-left: 40px;
background-image: none;
background-color: #ED8205;
font-weight: normal;
border-top: 1px solid #E4CFCF;
}
body.bodybouche #menu ul li ul.on li ul.on li ul.on li a:hover,
body.bodybouche #menu ul li ul.on li ul.on li ul.on li a.on {
color: #330000;
}
/*--------------------------------------------------------------------------------------------*/
/*--  BLOCAGE DES OUVERTURE DANS NON CONTEXTE  --*/
body.bodyaccueil  #menu ul li.lienenvironnement ul ,
body.bodyauto  #menu ul li.lienenvironnement ul ,
body.bodybatiment #menu ul li.lienenvironnement ul ,
body.bodyenseignants #menu ul li.lienenvironnement ul ,
body.bodyproduits #menu ul li.lienenvironnement ul ,
body.bodygenerique #menu ul li.lienenvironnement ul  ,

body.bodyaccueil  #menu ul li.lienauto ul ,
body.bodyenvironnement  #menu ul li.lienauto ul ,
body.bodybatiment #menu ul li.lienauto ul ,
body.bodyenseignants #menu ul li.lienauto ul ,
body.bodyproduits #menu ul li.lienauto ul ,
body.bodygenerique #menu ul li.lienauto ul  ,

body.bodyaccueil  #menu ul li.lienbatiment ul ,
body.bodyenvironnement  #menu ul li.lienbatiment ul ,
body.bodyauto #menu ul li.lienbatiment ul ,
body.bodyenseignants #menu ul li.lienbatiment ul ,
body.bodyproduits #menu ul li.lienbatiment ul ,
body.bodygenerique #menu ul li.lienbatiment ul  ,

body.bodyaccueil  #menu ul li.lienproduits ul ,
body.bodyenvironnement #menu ul li.lienproduits ul ,
body.bodyauto  #menu ul li.lienproduits ul ,
body.bodybatiment #menu ul li.lienproduits ul ,
body.bodyenseignants #menu ul li.lienproduits ul ,
body.bodygenerique #menu ul li.lienproduits ul ,

body.bodyaccueil  #menu ul li.lienenseignant ul ,
body.bodyenvironnement #menu ul li.lienenseignant ul ,
body.bodyauto  #menu ul li.lienenseignant ul ,
body.bodybatiment #menu ul li.lienenseignant ul ,
body.bodyproduits #menu ul li.lienenseignant ul ,
body.bodygenerique #menu ul li.lienenseignant ul {
display: none;
}
/*------------------------------------------------------------------------------------------------------------------*/
#filariane {
position: absolute;
top: 109px;
left: 199px;
width: 550px;
height: 45px;
background-image: url(fond_fil_ariane.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
font-size: x-small;
padding-left: 50px;
}
body.bodyaccueil #filariane,
body.bodyaccueil #filariane a,
body.bodygenerique #filariane,
body.bodygenerique #filariane a {
color: #216F69;
}
body.bodyenvironnement #filariane {
background-image: url(fond_fil_ariane_environnement.gif);
background-position: 0px 0px;
}
body.bodyenvironnement #filariane,
body.bodyenvironnement #filariane a {
color: #336600;
}
body.bodyauto #filariane {
background-image: url(fond_fil_ariane_auto.gif);
background-position: 12px 0px;
}
body.bodyauto #filariane,
body.bodyauto #filariane a {
color: #660000;
}
body.bodybatiment #filariane,
body.bodybatiment #filariane a {
color: #003366; 
}
body.bodybouche #filariane {
background-image: url(fond_fil_ariane_bouche.gif);
background-position: 15px 0px;
}
body.bodybouche #filariane,
body.bodybouche #filariane a {
color: #6b5b00; 
}
body.bodyproduits #filariane {
background-image: url(fond_fil_ariane_produits.gif);
background-position: 4px 0px;
}
body.bodyproduits #filariane,
body.bodyproduits #filariane a {
color: #704200; 
}
body.bodyenseignants #filariane {
background-image: url(fond_fil_ariane_enseignant.gif);
background-position: 8px 0px;
}
body.bodyenseignants #filariane,
body.bodyenseignants #filariane a {
color: #392250;
}
/*------------------------------------------------------------------------------------------------------------------*/
#inter {
float: left;
width: 550px;
background-image: url(fond_inter_metre_pliant.gif);
background-repeat: repeat-y;
padding: 20px 20px 10px 60px;
margin: 10px 0px 0px 0px;
line-height: 18px;
}
body.bodyenvironnement #inter {
background-image: url(fond_inter_environnement.gif);
}
body.bodyauto #inter {
background-image: url(fond_inter_auto.gif);
}
body.bodybouche #inter {
background-image: url(fond_inter_bouche.gif);
}
body.bodyproduits #inter {
background-image: url(fond_inter_produits.gif);
width: 722px;
padding: 20px 10px 10px 60px;
}
body.bodyenseignants #inter {
background-image: url(fond_inter_enseignant.gif);
}
#inter ul {
margin: 5px 0px 5px 20px;
}
#inter ul li {
line-height: 18px;
padding: 0px 0px 0px 12px;
background-image: url(puce_inter.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter ul li ul {
margin: 2px 0px 2px 20px;
}
#inter ul li ul li {
padding: 0px 0px 0px 6px;
background-image: url(puce_inter_2.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
body.bodyaccueil #inter,
body.bodygenerique #inter {
width: 715px;
}
body.bodyaccueil #inter h2,
body.bodyaccueil #inter h3,
body.bodyaccueil #inter h4,
body.bodyaccueil #inter h5,
body.bodyaccueil #inter h6,
body.bodygenerique #inter h2,
body.bodygenerique #inter h3,
body.bodygenerique #inter h4,
body.bodygenerique #inter h5,
body.bodygenerique #inter h6 {
width: 715px;
}
/*#inter h2,
#inter h3,
#inter h4,
#inter h5,
#inter h6 {
width: 550px;
}*/
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
}
#inter h3 {
font-size: large;
margin: 0px 0px 6px 0px;
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 5px 0px 5px 0px;
color: #3399CC;
clear: both;
}
#inter h5,
#inter h5 a {
font-size: medium;
margin: 5px 0px 5px 0px;
font-weight: normal;
color: #336600;
}
#inter p {
margin: 8px 0px 8px 0px;
}
body.bodyenvironnement #inter h2 {
color: #8CC131;
line-height: 20px;
border-bottom: 1px solid #333300;
padding-top: 5px;
}
body.bodyenvironnement #inter h2 a {
color: #8CC131;
}
body.bodyenvironnement #inter h3,
body.bodyenvironnement #inter h3 a {
color: #669900;
}
body.bodyauto #inter h2 {
color: #CC3300;
line-height: 20px;
border-bottom: 1px solid #C47500;
padding-top: 5px;
}
body.bodyauto #inter h2 a {
color: #CC3300;
}
body.bodyauto #inter h3,
body.bodyauto #inter h3 a {
color: #C10202;
}
body.bodybatiment #inter h2 {
color: #003366;
line-height: 20px;
border-bottom: 1px solid #A56F1E;
padding-top: 5px;
}
body.bodybatiment #inter h2 a {
color: #003366;
}
body.bodybatiment #inter h3,
body.bodybatiment #inter h3 a {
color: #000033;
}
body.bodybouche #inter h2 {
color: #E39C04;
line-height: 20px;
border-bottom: 1px solid #990000;
padding-top: 5px;
}
body.bodybouche #inter h2 a {
color: #E39C04;
}
body.bodybouche #inter h3,
body.bodybouche #inter h3 a {
color: #FFA520;
}
body.bodyproduits #inter h2 {
color: #FFA520;
line-height: 20px;
border-bottom: 1px solid #666633;
padding-top: 5px;
}
body.bodyproduits #inter h2 a {
color: #FFA520;
}
body.bodyproduits #inter h3,
body.bodyproduits #inter h3 a {
color: #FF6600;
}
body.bodyenseignants #inter h2 {
color: #7D57A4;
line-height: 20px;
border-bottom: 1px solid #C44100;
padding-top: 5px;
}
body.bodyenseignants #inter h2 a {
color: #7D57A4;
}
body.bodyenseignants #inter h3,
body.bodyenseignants #inter h3 a {
color: #450E46;
}
body.bodygenerique #inter h2 {
color: #339999;
line-height: 20px;
border-bottom: 1px solid #993300;
padding-top: 5px;
}
body.bodygenerique #inter h2 a {
color: #339999;
}
body.bodygenerique #inter h3,
body.bodygenerique #inter h3 a {
color: #006666;
}
/*------------------------------------------------------------------------------------------------------------------*/
#droite {
position: absolute;
float: left;
top: 101px;
left: 825px;
float: left;
width: 158px;
padding-left: 7px
}
body.bodyaccueil #droite {
display: none;
}
#droite p.imprim {
margin: 5px 0px 0px 0px;
padding: 0px 0px 1px 44px;
background-repeat: no-repeat;
background-position: 29px 0px;
line-height: 13px;
font-size: x-small;
}
#droite p.imprim a {
text-decoration: none;
}
body.bodyenvironnement #droite p.imprim {
background-image: url(imprim_environnement.gif);
}
body.bodyenvironnement #droite p.imprim a {
color: #006600;
}
body.bodyauto #droite p.imprim {
background-image: url(imprim_auto.gif);
}
body.bodyauto #droite p.imprim a {
color: #330000;
}
body.bodybatiment #droite p.imprim {
background-image: url(imprim_batiment.gif);
}
body.bodybatiment #droite p.imprim a {
color: #000033;
}
body.bodybouche #droite p.imprim {
background-image: url(imprim_base_produits.gif);
}
body.bodybouche #droite p.imprim a {
color: #704200;
}
body.bodyproduits #droite p.imprim {
background-image: url(imprim_base_produits.gif);
}
body.bodyproduits #droite p.imprim a {
color: #704200;
}
body.bodyenseignants #droite p.imprim {
background-image: url(imprim_enseignant.gif);
}
body.bodyenseignants #droite p.imprim a {
color: #330066;
}
body.bodygenerique #droite p.imprim {
background-image: url(imprim_generique.gif);
}
body.bodygenerique #droite p.imprim a {
color: #216F69;
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*-- DEPLIE TOTEM DROIT --*/
#droite #totem #ressources ul li ul {
display: none;
}
#droite #totem #ressources ul li ul.on {
display: block;
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#droite #totem,
#droite #totem #ressources,
#droite #totem #liensassocies {
float: left;
}
#droite #totem h4 {
display: none;
}
#droite #totem #ressources ul,
#droite #totem #liensassocies ul {
width: 132px;
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 1px 10px 1px;
line-height: 14px;
float: left;
}
#droite #totem #ressources ul li,
#droite #totem #liensassocies ul li {
border-bottom: 1px dotted #FFFFFF;
padding: 0;
float: left;
}
#droite #totem #ressources ul li a,
#droite #totem #liensassocies ul li a {
background-image: url(puce_totem_droit.gif);
background-repeat: no-repeat;
background-position: 4px 9px;
display: block;
width: 123px;
padding: 2px 0px 4px 9px;
text-decoration: none;
}
#droite #totem #ressources ul li ul li,
#droite #totem #liensassocies ul li ul li {
margin: 0;
border-top: 1px dotted #FFFFFF;
border-bottom: none;
}
#droite #totem #ressources ul li ul li a,
#droite #totem #liensassocies ul li ul li a {
background-position: 10px 7px;
width: 117px;
padding: 1px 0px 1px 15px;
font-size: x-small;
font-weight: bold;
color: #990000;
}
#droite #totem #ressources ul li ul li a:hover,
#droite #totem #ressources ul li ul li.on a,
#droite #totem #liensassocies ul li ul li a:hover,
#droite #totem #liensassocies ul li ul li.on a {
color: #FFFFFF;
}
#droite #totem #ressources ul li ul li ul li a,
#droite #totem #liensassocies ul li ul li ul li a {
background-position: 17px 6px;
height: auto;
width: 110px;
padding: 0px 0px 0px 22px;
font-size: x-small;
font-weight: normal;
color: #990000;
}
#droite #totem #ressources ul li ul li ul li a:hover,
#droite #totem #ressources ul li ul li ul li.on a,
#droite #totem #liensassocies ul li ul li ul li a:hover,
#droite #totem #liensassocies ul li ul li ul li.on a {
color: #FFFFFF;
background-color: #990000;
}
body.bodyenvironnement #droite #totem #ressources ul ul,
body.bodyenvironnement #droite #totem #liensassocies ul ul,
body.bodyenseignant #droite #totem #ressources ul ul,
body.bodyenseignant #droite #totem #liensassocies ul ul,
body.bodyauto #droite #totem #ressources ul ul,
body.bodyauto #droite #totem #liensassocies ul ul,
body.bodybatiment #droite #totem #ressources ul ul,
body.bodybatiment #droite #totem #liensassocies ul ul,
body.bodybouche #droite #totem #ressources ul ul,
body.bodybouche #droite #totem #liensassocies ul ul,
body.bodyproduits #droite #totem #ressources ul ul,
body.bodyproduits #droite #totem #liensassocies ul ul {
width: 131px;
background-image: none;
padding: 0;
}
/*----*/
/*----*/
body.bodyenvironnement #droite {
background-image: url(haut_totem_droit_environnement.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyenvironnement #droite #totem {
background-image: url(bas_totem_droit_environnement.gif);
background-color: #669900;
background-repeat: no-repeat;
background-position: bottom;
width: 149px;
padding: 5px 0px 105px 2px;
margin-top: 62px;
}
body.bodyenvironnement #droite #totem #ressources {
background-image: url(titre_vos_ressources_environnement.gif);
background-repeat: no-repeat;
width: 140px;
padding: 44px 3px 0px 6px;
}
body.bodyenvironnement #droite #totem #liensassocies {
background-image: url(titre_liens_associes_environnement.gif);
background-repeat: no-repeat;
width: 140px;
padding: 44px 3px 0px 6px;
margin-top: 8px;
}
body.bodyenvironnement #droite #totem #ressources ul,
body.bodyenvironnement #droite #totem #liensassocies ul {
background-color: #B3CC80;
background-image: url(bas_liste_droite_environnement.gif);
}
/*----*/
/*----*/
body.bodyauto #droite {
background-image: url(haut_totem_droit_auto.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyauto #droite #totem {
background-image: url(bas_totem_droit_auto.gif);
background-color: #D42D2D;
background-repeat: no-repeat;
background-position: bottom;
width: 146px;
padding: 5px 0px 187px 5px;
margin-top: 53px;
}
body.bodyauto #droite #totem #ressources {
background-image: url(titre_vos_ressources_auto.gif);
background-repeat: no-repeat;
width: 135px;
padding: 28px 3px 0px 3px;
}
body.bodyauto #droite #totem #liensassocies {
background-image: url(titre_liens_associes_auto.gif);
background-repeat: no-repeat;
width: 135px;
padding: 28px 3px 0px 3px;
margin-top: 8px;
}
body.bodyauto #droite #totem #ressources ul,
body.bodyauto #droite #totem #liensassocies ul {
background-color: #EA9696;
background-image: url(bas_liste_droite_auto.gif);
}
/*----*/
/*----*/
body.bodybatiment #droite {
background-image: url(haut_totem_droit_batiment.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodybatiment #droite #totem {
background-image: url(bas_totem_droit_batiment.gif);
background-color: #5E6E94;
background-repeat: no-repeat;
background-position: bottom;
width: 149px;
padding: 5px 0px 187px 2px;
margin-top: 53px;
}
body.bodybatiment #droite #totem #ressources {
background-image: url(titre_vos_ressources_batiment.gif);
background-repeat: no-repeat;
width: 137px;
padding: 44px 3px 0px 6px;
}
body.bodybatiment #droite #totem #liensassocies {
background-image: url(titre_liens_associes_batiment.gif);
background-repeat: no-repeat;
width: 137px;
padding: 60px 3px 0px 6px;
}
body.bodybatiment #droite #totem #ressources ul,
body.bodybatiment #droite #totem #liensassocies ul {
background-color: #AFB7CA;
background-image: url(bas_liste_droite_batiment.gif);
}
/*----*/
/*----*/
body.bodybouche #droite {
background-image: url(haut_totem_droit_bouche.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodybouche #droite #totem {
background-image: url(bas_totem_droit_bouche.jpg);
background-color: #FAD506;
background-repeat: no-repeat;
background-position: bottom;
width: 149px;
padding: 5px 0px 215px 2px;
margin-top: 85px;
}
body.bodybouche #droite #totem #ressources {
background-image: url(titre_vos_ressources_bouche.gif);
background-repeat: no-repeat;
width: 137px;
padding: 40px 3px 0px 6px;
}
body.bodybouche #droite #totem #liensassocies {
background-image: url(titre_liens_associes_bouche.gif);
background-repeat: no-repeat;
width: 137px;
padding: 40px 3px 0px 6px;
}
body.bodybouche #droite #totem #ressources ul,
body.bodybouche #droite #totem #liensassocies ul {
background-color: #FDEA83;
background-image: url(bas_liste_droite_bouche.gif);
}
/*----*/
/*----*/
body.bodyproduits #droite {
/*
background-image: url(haut_totem_droit_produits.gif);
background-repeat: no-repeat;
background-position: top;
*/
}
body.bodyproduits #droite #totem {
display: none;
/*
background-image: url(bas_totem_droit_produits.gif);
background-color: #FFA520;
background-repeat: no-repeat;
background-position: bottom;
width: 148px;
padding: 5px 0px 60px 3px;
margin-top: 53px;
*/
}
body.bodyproduits #droite #totem #ressources {
background-image: url(titre_vos_ressources_produits.gif);
background-repeat: no-repeat;
width: 137px;
padding: 29px 3px 0px 5px;
}
body.bodyproduits #droite #totem #liensassocies {
background-image: url(titre_liens_associes_produits.gif);
background-repeat: no-repeat;
width: 137px;
padding: 29px 3px 0px 5px;
margin-top: 8px;
}
body.bodyproduits #droite #totem #ressources ul,
body.bodyproduits #droite #totem #liensassocies ul {
background-color: #FFD290;
background-image: url(bas_liste_droite_produits.gif);
}
/*----*/
/*----*/
body.bodyenseignants #droite {
background-image: url(haut_totem_droit_enseignant.gif);
background-repeat: no-repeat;
background-position: top;
}
body.bodyenseignants #droite #totem {
background-image: url(bas_totem_droit_enseignant.gif);
background-color: #7A6392;
background-repeat: no-repeat;
background-position: bottom;
width: 148px;
padding: 0px 0px 370px 3px;
margin-top: 70px;
}
body.bodyenseignants #droite #totem #ressources {
background-image: url(titre_vos_ressources_enseignant.gif);
background-position: -1px 0px;
background-repeat: no-repeat;
width: 137px;
padding: 29px 3px 0px 5px;
}
body.bodyenseignants #droite #totem #liensassocies {
background-image: url(titre_liens_associes_enseignant.gif);
background-repeat: no-repeat;
background-position: -1px 0px;
width: 137px;
padding: 39px 3px 0px 5px;
margin-top: 8px;
}
body.bodyenseignants #droite #totem #ressources ul,
body.bodyenseignants #droite #totem #liensassocies ul {
background-color: #BDB1C8;
background-image: url(bas_liste_droite_enseignant.gif);
}
/*------------------------------------------------------------------------------------------------------------------*/
#footer {
clear: both;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: 180px 0px;
font-size: x-small;
width: 705px;
padding: 0px 0px 0px 255px;
}
#footer #hautpage {
line-height: 13px;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 12px;
}
#footer #hautpage a {
text-decoration: none;
}
#footer ul {
width: 555px;
padding: 15px 0px 15px 0px;
text-align: center;
}
#footer ul li {
display: inline;
}
/*---------------------------------------------------------------------------------------*/
/*-- FICHES TACHES --*/
.tache {
float: left;
width: 340px;
padding: 0px 45px 3px 3px;
margin:  0px 10px 10px 0px;
}
.dechets {
float: left;
width: 110px;
padding-left: 25px;
margin:  0px 0px 20px 0px;
font-size: 12px;
border-left: 1px solid #CCCCCC;
}
.dechets p {
text-align: center;
padding: 5px;
color: #660000;
}
.dechets p:hover {
color: #CC0000;
}
/*---------------------------------------------------------------------------------------*/
/*-- MENUS ENVIRONNEMENT --*/
.menuenvi {
float: left;
width: 200px;
padding: 0px 45px 3px 3px;
margin:  0px 10px 10px 0px;
}
.envillus {
float: left;
width: 150px;
padding-left: 25px;
margin:  0px 0px 20px 0px;
font-size: 12px;
}
.envillus p {
text-align: center;
padding: 5px;
color: #660000;
}
.envillus p:hover {
color: #CC0000;
}
/*---------------------------------------------------------------------------------------*/
/*-- BASE PRODUITS --*/
body.bodyproduits div.choixproduit {
float: left;
width: 330px;
margin-right: 20px;
}
body.bodyproduits div.choixproduit select {
width: 300px;
}
p.retour {
padding: 0px 0px 3px 12px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
font-size: x-small;
line-height: 13px;
color: #FF6600;
}
p.retour a {
display: block;
color: #FF6600;
text-decoration: none;
}
#dangerprod {
float: right;
width: 225px;
margin-right: 10px;
padding: 0px 0px 5px 10px;
border: 1px solid #CCCCCC;
}
#dangerprod img {
float: left;
margin: 0px 5px 5px 0px;
}
#solutionprod {
float: left;
width: 722px;
margin-top: 15px;
}
#solutionprod div {
float: left;
width: 332px;
height: 165px;
padding: 0px 5px 3px 0px;
margin:  0px 16px 10px 0px;
border-bottom: 1px solid #CCCCCC;
overflow: auto;
}
#solutionprod div h5 {
border-bottom: 1px solid #336600;
}
/*---------------------------------------------------------------------------------------*/
/*-- PLAN DU SITE --*/
#inter #plandusite h3.planaccueil {
border-bottom: 1px solid #2390FF;
}
#inter #plandusite h3.planaccueil a {
color: #2390FF;
text-decoration: none;
}
#inter #plandusite h3.planenseignant {
margin-top: 20px;
}
#inter #plandusite h3.planenseignant a {
color: #000;
text-decoration: none; 
}
#inter #plandusite h3.planenvironnement {
border-bottom: 1px solid #669900;
margin-top: 20px;
}
#inter #plandusite h3.planenvironnement a {
color: #669900;
text-decoration: none;
}
#inter #plandusite h3.planauto {
border-bottom: 1px solid #C10202;
margin-top: 20px;
}
#inter #plandusite h3.planauto a {
color: #C10202;
text-decoration: none; 
}
#inter #plandusite h3.planbatiment {
border-bottom: 1px solid #000033;
margin-top: 20px;
}
#inter #plandusite h3.planbatiment a {
color: #000033;
text-decoration: none; 
}
#inter #plandusite h3.planproduits {
border-bottom: 1px solid #FF6600;
margin-top: 20px;
}
#inter #plandusite h3.planproduits a {
color: #FF6600;
text-decoration: none; 
}
/*---------------------------------------------------------------------------------------*/
/*-- POP UP --*/
body.bodypopup,
body.bodypopuplarge {
background-image: url(fond_pop_up.gif);
}
body.bodypopup #total {
width: 720px;
}
body.bodypopuplarge #total {
width: 850px;
}
body.bodypopup #headerpopup {
float: left;
width: 720px;
height: 88px;
font-size: x-small;
background-image: url(bandeau_pop_up.jpg);
background-repeat: no-repeat;
}
body.bodypopuplarge #headerpopup {
float: left;
width: 850px;
height: 88px;
font-size: x-small;
background-image: url(bandeau_pop_up_850.jpg);
background-repeat: no-repeat;
}
body.bodypopup #headerpopup h1,
body.bodypopuplarge #headerpopup h1 {
position: absolute;
top: 58px;
left: 0px;
margin: 0;
height: 30px;
width: 283px;
background-repeat: no-repeat;
}
body.bodypopup #headerpopup h1,
body.bodypopuplarge #headerpopup h1 {
background-image: url(base_line_pop_up.gif);
}
body.bodypopup #headerpopup img,
body.bodypopuplarge #headerpopup img {
float: left;
}
body.bodypopup #headerpopup h1 span,
body.bodypopuplarge #headerpopup h1 span {
display: none;
}
body.bodypopup #interpopup {
width: 680px;
padding: 10px 20px 20px 20px;
}
body.bodypopuplarge #interpopup {
width: 810px;
padding: 10px 20px 20px 20px;
}
body.bodypopup #interpopup p,
body.bodypopuplarge #interpopup p {
margin: 8px 0px 8px 0px;
}
body.bodypopup #interpopup ul,
body.bodypopuplarge #interpopup ul {
margin: 5px 0px 5px 20px;
}
body.bodypopup #interpopup ul li,
body.bodypopuplarge #interpopup ul li {
line-height: 18px;
padding: 0px 0px 0px 12px;
background-image: url(puce_inter.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
body.bodypopup #interpopup ul li ul,
body.bodypopuplarge #interpopup ul li ul {
margin: 2px 0px 2px 20px;
}
body.bodypopup #interpopup ul li ul li,
body.bodypopuplarge #interpopup ul li ul li {
padding: 0px 0px 0px 6px;
background-image: url(puce_inter_2.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
body.bodypopup #interpopup h2,
body.bodypopuplarge #interpopup h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
color: #339999;
line-height: 20px;
border-bottom: 1px solid #993300;
padding-top: 5px;
}
body.bodypopup #interpopup h2 a,
body.bodypopuplarge #interpopup h2 a {
color: #339999;
}
body.bodypopup #interpopup h3,
body.bodypopuplarge #interpopup h3 {
font-size: large;
margin: 0px 0px 6px 0px;
}
body.bodypopup #interpopup h3,
body.bodypopup #interpopup h3 a,
body.bodypopuplarge #interpopup h3,
body.bodypopuplarge #interpopup h3 a {
color: #006666;
}
body.bodypopup #interpopup h4,
body.bodypopup #interpopup h4 a,
body.bodypopuplarge #interpopup h4,
body.bodypopuplarge #interpopup h4 a {
font-size: medium;
margin: 5px 0px 5px 0px;
color: #3399CC;
clear: both;
}
body.bodypopup #interpopup h5,
body.bodypopup #interpopup h5 a,
body.bodypopuplarge #interpopup h5,
body.bodypopuplarge #interpopup h5 a {
font-size: medium;
margin: 5px 0px 5px 0px;
font-weight: normal;
color: #336600;
}
body.bodypopup #footerpopup {
clear: both;
background-image: url(fond_footer_pop_up.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
font-size: x-small;
width: 685px;
height: 50px;
padding: 0px 0px 0px 35px;
}
body.bodypopuplarge #footerpopup {
clear: both;
background-image: url(fond_footer_pop_up_850.gif);
background-repeat: no-repeat;
background-position: 20px 0px;
font-size: x-small;
width: 808px;
height: 50px;
padding: 0px 0px 0px 35px;
}
body.bodypopup #footerpopup #hautpage,
body.bodypopuplarge #footerpopup #hautpage {
line-height: 13px;
background-image: url(puce_haut_page.gif);
background-repeat: no-repeat;
padding: 0px 0px 0px 12px;
}
body.bodypopup #footerpopup #hautpage a,
body.bodypopuplarger #footerpopup #hautpage a {
text-decoration: none;
}
/*--- TEXTE ---*/
div.coul01, .bleu, .coul01 {
color: #2390FF;
}
div.coul02, .bleuFonce, .coul02 {
color: #5E6E94;
}
div.coul03, .vert, .coul03 {
color: #81C905;
}
div.coul04, .vertFonce, .coul04 {
color: #669900;
}
div.coul05, .rouge, .coul05 {
color: #C10000;
}
div.coul06, .bordeaux, .coul06 {
color: #660000;
}
div.coul07, .gris, .coul07 {
color: #7D828E;
}
div.coul08, .orange, .coul08 {
color: #F49100;
}
div.coul09, .marron, .coul09 {
color: #663300;
}
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureBleue {
border: 1px solid #2390FF;
}
img.bord02, .bordureBleueFoncee {
border: 1px solid #5E6E94;
}
img.bord03, .bordureVerte {
border: 1px solid #81C905;
}
img.bord04, .bordureVerteFoncee {
border: 1px solid #669900;
}
img.bord05, .bordureRouge {
border: 1px solid #C10000;
}
img.bord06, .bordureBordeaux {
border: 1px solid #660000;
}
img.bord07, .bordureGrise {
border: 1px solid #7D828E;
}
img.bord08, .bordureOrange {
border: 1px solid #F49100;
}
img.bord09, .bordureMarron {
border: 1px solid #663300;
}
/*---------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 15px 0px 10px 0px;
}
.result th {
vertical-align: top;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
padding-top: 10px;
background-color: #FFFFFF;
}
.result td.title a {
font-weight: bold;
color: #016D70;
 }
.result td.date {
padding-top: 10px;
font-size: x-small;
background-color: #FFFFFF;
 }
.result td.description {
border-bottom: 1px solid #48C7CA;
padding-bottom: 10px;
background-color: #EBF6F6;
 }
html div.prec {
float: left;
padding: 0px 0px 3px 12px;
background-image: url(fleche_precedente.gif);
background-repeat: no-repeat;
background-position: 0px 3px;
font-size: x-small;
line-height: 13px;
}
html div.prec a {
display: block;
color: #003333;
text-decoration: none;
}
html div.suiv {
float: right;
background-image: url(puce_inter.gif);
background-repeat: no-repeat;
background-position: 39px 3px;
padding: 0px 16px 3px 0px;
font-size: x-small;
line-height: 13px;
}
html div.suiv a {
display: block;
color: #003333;
text-decoration: none;
}
html div.prec a:hover,
html div.suiv a:hover {
text-decoration: underline;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #016D70;
padding: 3px;
vertical-align: top;
}
th {
background-color: #016D70;
color: #FFFFFF;
}
td {
background-color: #ECF4F4;
}
body.bodyenvironnement th {
background-color: #669900;
border: 1px solid #669900;
}
body.bodyenvironnement td {
background-color: #F7FFE9;
border: 1px solid #669900;
}
body.bodyauto th {
background-color: #CF1B1B;
border: 1px solid #CF1B1B;
}
body.bodyauto td {
background-color: #F4E0E0;
border: 1px solid #CF1B1B;
}
body.bodybatiment th {
background-color: #5E6E94;
border: 1px solid #5E6E94;
}
body.bodybatiment td {
background-color: #DADEE8;
border: 1px solid #5E6E94;
}
body.bodyproduits th {
background-color: #FFA520;
border: 1px solid #FFA520;
}
body.bodyproduits td {
background-color: #FFEACB;
border: 1px solid #FFA520;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*-- STYLES DE LISTES CONTEXTUELS --*/
#inter li.liste01, li.liste01, .puceStantardVerte, .liste01 {
line-height: 18px;
padding: 0px 0px 0px 12px;
background-image: url(puce_inter_verte.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter li.liste02, li.liste02, .puceStantardOrange, .liste02 {
line-height: 18px;
padding: 0px 0px 0px 12px;
background-image: url(puce_inter_orange.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter li.liste03, li.liste03, .puceStantardBleue, .liste03 {
line-height: 18px;
padding: 0px 0px 0px 12px;
background-image: url(puce_inter_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
}
#inter li.liste04, li.liste04, .puceCarreBleu, .liste04 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_bleu.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste05, li.liste05, .puceCarreVert, .liste05 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_vert.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste06, li.liste06, .puceCarreGris, .liste06 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_gris.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste07, li.liste07, .puceCarreOrange, .liste07 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_orange.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste08, li.liste08, .puceCarreRouge, .liste08 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_rouge.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste09, li.liste09, .puceCarreViolet, .liste09 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_carre_violet.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
#inter li.liste10, li.liste10, .puceFlecheBleue, .liste10 {
line-height: 18px;
padding: 0px 0px 0px 16px;
background-image: url(puce_inter_fleche_bleue.gif);
background-repeat: no-repeat;
background-position: 0px 4px;
}
#inter li.liste11, div.liste11, .puceMiniFlecheOrange, .liste11 {
line-height: 18px;
padding: 0px 0px 0px 8px;
background-image: url(puce_inter_mini_fleche_orange.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
.invisible {
display: none;
}

col.col10, .tailleColonne {
width: 110px;
}

div.colTextGauche, .colonneGauche, .colTextGauche {
float: left;
width: 250px;
}

div.colTextDroit, .colonneDroite, .colTextDroit {
float: right;
width: 250px;
}


/* --- Puce pour l'espace enseignant --- */
li.case01, .caseCochee, 
body.bodyenseignants #inter ul li.case01 {
  background-image: url(case_cochee.gif);
}
li.case02, .caseNonCochee, 
body.bodyenseignants #inter ul li.case02 {
  background-image: url(case_non_cochee.gif);
}

/* --- rollover image lien ---*/ 
body.bodyenvironnement #inter a:hover img, 
body.bodyenvironnement #inter a.on img {
  border:1px solid #CECECE;
  /* -- technique pour forcer l'affichage de la bordure sous ie en hover ... --- */
  filter:none;
}
body.bodyenvironnement #inter a img, 
body.bodyenvironnement #inter a.off img {
  border:1px solid #FFF;
}
/*------------------------------------------------------------------------------------------------------------------------*/
/*--  ENCART PAGE D'ACCUEIL  --*/
#encartUne {
float: right;
width: 260px;
background-image: url(haut_encart_une.gif);
background-repeat: no-repeat;
padding: 44px 0px 0px 0px;
}
#contentEncartUne {
float: left;
width: 180px;
background-image: url(fond_encart_une.gif);
background-repeat: repeat-y;
padding: 0px 40px 10px 40px;
}
#basEncartUne {
float: left;
width: 260px;
height: 35px;
background-image: url(bas_encart_une.gif);
background-repeat: no-repeat;
}