body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
background-repeat: repeat-x;
background-image: url(fond_accueil.gif);
font-size: small;
color: #000000;
}
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;
background: url(bgInter.gif) repeat-y 210px top;
}
/*------------------------------------------------------------------------------------------------------------------*/
#header {
float: left;
width: 990px;
height: 101px;
font-size: x-small;
background-image: url(bandeau.jpg);
background-repeat: no-repeat;
}
#header img {
float: left;
margin-left: 20px;
}
#header h1 {
position: absolute;
top: 74px;
left: 0px;
margin: 0;
height: 30px;
width: 300px;
background-repeat: no-repeat;
background-image: url(base_line_accueil.gif);
}
#header h1 span {
display: none;
}
/*------------------------------------------------------------------------------------------------------------------*/
#recherche {
position: absolute;
top: 77px;
left: 750px;
width: 230px;
}
#recherche label {
float: left;
line-height: 16px;
color: #0A2C29;
}
#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;
border: 1px solid #333333;
}
#recherche input.bouton {
float: left;
width: 22px;
height: 18px;
margin-left: 3px;
vertical-align: middle;
background-repeat: no-repeat;
background-image: url(bout_ok_recherche_accueil.gif);
}
/*------------------------------------------- EDITO -----------------------------------------------------------------------*/
#edito,
.wrapperAccueilRubrique{
float: left;
position: relative;
width: 510px;
background: url(bgEditoBottom.gif) no-repeat left bottom;
padding: 0px 0px 20px 0px;
margin: 0px 0px 0px 0px;
}
#editoBackground,
.bgAccueilRubrique{
background: url(bgEditoTop.gif) no-repeat left top;
}
#contentEdito,
.contentAccueilRubrique{
padding: 10px 10px 0px 10px;
}
#inter #edito h2{
width: auto;
}
/*------------------------------------------------------------------------------------------------------------------*/
#espacereserve {
position: absolute;
background-image: url(titre_espace_enseignant.gif);
background-repeat: no-repeat;
padding: 20px 0px 0px 0px;
top: 0px;
left: 798px;
width: 180px;
}
#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: #73ACA6;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 1px solid #333333;
}
#espacereserve input:focus{
color: #000000;
}
#espacereserve input.saisie02 {
width: 75px;
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 3px;
}
#espacereserve p.inscription a {
color: #DFEBE7;
}
/*------------------------------------------------*/
/*-- Pour corriger bug affichage des 3 derniers menu sur l'espace enseignant et l'affichage de tous les menu dans les pages génériques --*/
body.bodyenseignants #menu ul ul.on,
body.bodyListeJeux #menu ul ul.on,
body.bodygenerique #menu ul ul.on {
display:none;
}
/*------------------------------------------------------------------------------------------------------------------*/
#menu {
float: left;
width: 230px;
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,
#menu ul li.liencoiffure a span,
#menu ul li.lienpaysagers a span {
margin-left: -5000px;
}
#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,
#menu ul li.liencoiffure a,
#menu ul li.lienpaysagers 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: 83px;
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_coiffure.gif);
}
#menu ul li.liencoiffure {
padding: 0px 0px 9px 9px;
}
#menu ul li.liencoiffure a {
width: 186px;
height: 70px;
background-image: url(bout_coiffure.gif);
}
#menu ul li.lienpaysagers{
padding: 0px 0px 9px 9px;
}
#menu ul li.lienpaysagers a {
width: 186px;
height: 73px;
background-image: url(bout_travaux_paysagers.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.lienbouche a:hover,
#menu ul li.lienproduits a:hover,
body.bodyproduits #menu ul li.lienproduits a,
#menu ul li.lienenseignant a:hover,
#menu ul li.liencoiffure a:hover,
#menu ul li.lienpaysagers a:hover   {
background-position: 0px -100px;
}
#menu ul li.lienbatiment a:hover{
background-position: 0px -90px;
}
#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: 1.2em;
}
#menu ul li ul.on li a{
padding: 2px 0px 2px 0px;
}
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 ,
body.bodycoiffure #menu ul li.liencoiffure ul li a,
body.bodypaysager #menu ul li.lienpaysagers 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,
body.bodycoiffure #menu ul li.liencoiffure a:hover,
body.bodypaysager #menu ul li.lienpaysagers 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: #603600;
}
/*-----*/
/*-----*/
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;
}
/*-----*/
/*-----*/
body.bodycoiffure #menu ul li.liencoiffure {
background-image: url(bas_coiffure_over.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding: 0px 0px 40px 8px;
}
body.bodycoiffure #menu ul li.liencoiffure a {
width: 190px;
height: 64px;
background-image: url(bout_coiffure_over.gif);
}
body.bodycoiffure #menu ul li.liencoiffure ul {
background-image: url(fond_coiffure_over.gif);
background-repeat: repeat-y;
width: 160px;
padding: 0px 8px 0px 6px;
}
body.bodycoiffure #menu ul li.liencoiffure ul li {
padding: 0px 0px 0px 13px;
width: 148px;
background-image: url(puce_second_niveau_coiffure.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #8767A5;
}
body.bodycoiffure #menu ul li.liencoiffure ul li a {
color: #340235;
font-weight: bold;
width: auto;
}
body.bodycoiffure #menu ul li.liencoiffure ul li a:hover,
body.bodycoiffure #menu ul li.liencoiffure ul li a.on {
color: #CC0000;
}
/*-----*/
/*-----*/
body.bodypaysager #menu ul li.lienpaysagers {
background-image: url(bas_travaux_paysagers_over.gif);
background-repeat: no-repeat;
background-position: 8px bottom;
padding: 0px 0px 24px 8px;
}
body.bodypaysager #menu ul li.lienpaysagers a {
width: 190px;
height: 85px;
background-image: url(bout_travaux_paysagers_over.gif);
}
body.bodypaysager #menu ul li.lienpaysagers ul {
background-image: url(fond_travaux_paysagers_over.gif);
background-repeat: repeat-y;
width: 186px;
padding: 0px 8px 0px 16px;
}
body.bodypaysager #menu ul li.lienpaysagers ul li {
padding: 0px 0px 0px 13px;
width: 148px;
background-image: url(puce_second_niveau_travaux_paysagers.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
border-bottom: 1px dashed #8767A5;
}
body.bodypaysager #menu ul li.lienpaysagers ul li a {
color: #340235;
font-weight: bold;
width: auto;
}
body.bodypaysager #menu ul li.lienpaysagers ul li a:hover,
body.bodypaysager #menu ul li.lienpaysagers 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;
}
#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.bodypaysager #menu ul li ul.on li ul.on li a,
body.bodyenvironnement #menu ul li ul.on li ul.on li a {
width: 147px;
color: #663300;
padding-left: 16px;
background-image: url(puce_troisieme_niveau_environnement.gif);
background-position: 4px 3px;
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: 4px -57px;
}
/*-----*/
/*-----*/
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: 141px;
color: #990000;
padding-left: 22px;
background-image: url(puce_troisieme_niveau_auto.gif);
background-position: 4px 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: 4px -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: 144px;
color: #990000;
padding-left: 20px;
background-image: url(puce_troisieme_niveau_batiment.gif);
background-position: 4px 3px;
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: 4px -57px;
}
/*-----*/
/*-----*/
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: 145px;
color: #663300;
padding-left: 20px;
background-image: url(puce_troisieme_niveau_bouche.gif);
background-position: 4px 3px;
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: 4px -57px;
}
/*-----*/
/*-----*/
body.bodycoiffure #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 160px;
}
body.bodycoiffure #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}
body.bodycoiffure #menu ul li ul.on li ul.on li a {
width: 140px;
color: #663300;
padding-left: 20px;
background-image: url(puce_troisieme_niveau_coiffure.gif);
background-position: 4px 5px;
background-color: #FAEDFB;
border-top: 1px dashed #C10000;
}
body.bodycoiffure #menu ul li ul.on li ul.on li a:hover,
body.bodycoiffure #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #ECBAEB;
background-position: 4px -55px;
}
/*-----*/
/*-----*/
body.bodypaysager #menu ul li ul.on li ul.on {
margin-left: -13px;
padding:0;
width: 160px;
}
body.bodypaysager #menu ul li ul.on li ul.on li {
padding: 0px 0px 0px 0px;
}/*
body.bodypaysager #menu ul li ul.on li ul.on li a {
width: 142px;
color: #663300;
padding-left: 20px;
background-image: url(puce_troisieme_niveau_coiffure.gif);
background-position: 4px 3px;
background-color: #F3FFCF;
border-top: 1px dashed #C10000;
}*/
body.bodypaysager #menu ul li ul.on li ul.on li a:hover,
body.bodypaysager #menu ul li ul.on li ul.on li a.on {
color: #FFFFFF;
background-color: #8BA858;
background-position: 4px -57px;
}
/*------------------------------------------------------------------------*/
/*- 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 {
color: #FFFFFF;
background-image: url(puceBasique.gif);
background-position:8px 7px;
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 {
color: #990000;
background-image: url(puceBasique.gif);
background-position:15px 7px;
background-color: #e7a4a4;
font-weight: normal;
border-top: 1px solid #E4CFCF;
}
body.bodyauto #menu ul li ul.on li ul.on li ul.on li ul.on li{
background:none;
}
body.bodyauto #menu ul li ul.on li ul.on li ul.on li ul.on li a {
background-color: #f5c7c7;
}
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 {
color: #FFFFFF;
background-image: url(puceBasique.gif);
background-position:15px 7px;
background-color: #DB6C6C;
font-weight: normal;
border-top: 1px solid #E4CFCF;
padding-left:23px;
width:141px;
}
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 {
color: #FFFFFF;
background-image: url(puceBasique.gif);
background-position:15px 7px;
background-color: #ED8205;
font-weight: normal;
border-top: 1px solid #E4CFCF;
padding-left:23px;
width:142px;
}
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;
}
/*-----*/
/*-----*/
body.bodycoiffure #menu ul li ul.on li ul.on li ul.on {
margin: 0;
padding:0;
width: 164px;
}
body.bodycoiffure #menu ul li ul.on li ul.on li ul.on li a {
color: #FFFFFF;
background-image: url(puceBasique.gif);
background-position:15px 7px;
background-color: #ECBAEB;
font-weight: normal;
border-top: 1px solid #E4CFCF;
}
body.bodycoiffure #menu ul li ul.on li ul.on li ul.on li a:hover,
body.bodycoiffure #menu ul li ul.on li ul.on li ul.on li a.on {
color: #330000;
}
/*---*/
/*---*/
body.bodypaysager #menu ul li ul.on li ul.on li ul.on{
margin-left: 0px;
}
body.bodypaysager #menu ul li ul.on li ul.on li ul.on li a{
padding-left: 25px;
width:138px;
background-position: 14px 4px;
}
body.bodypaysager #menu ul li ul.on li ul.on li ul.on li a:hover{
background-position: 14px -56px;
}
/*--------------------------------------------------------------------------------------------*/
/*--  5 Niveau d'UL  --*/
body.bodyenvironnement #total #menu ul ul.on ul.on ul ul li a,
body.bodyauto #total #menu ul ul.on ul.on ul ul li a,
body.bodybatiment #total #menu ul ul.on ul.on ul ul li a,
body.bodybouche #total #menu ul ul.on ul.on ul ul li a,
body.bodycoiffure #total #menu ul ul.on ul.on ul ul li a,
body.bodypaysager #total #menu ul ul.on ul.on ul ul li a{
padding-left: 30px;
background-position:23px 7px;
width:133px;
}
/*--------------------------------------------------------------------------------------------*/
/*--  6 Niveau d'UL  --*/
body.bodyenvironnement #total #menu ul ul.on ul.on ul ul ul li a,
body.bodyauto #total #menu ul ul.on ul.on ul ul ul li a,
body.bodybatiment #total #menu ul ul.on ul.on ul ul ul li a,
body.bodybouche #total #menu ul ul.on ul.on ul ul ul li a,
body.bodycoiffure #total #menu ul ul.on ul.on ul ul ul li a,
body.bodypaysager #total #menu ul ul.on ul.on ul ul ul li a {
padding-left: 40px;
background-position:33px 7px;
width:123px;
}
/*--------------------------------------------------------------------------------------------*/
/*--  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.bodycoiffure #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.bodycoiffure #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.bodycoiffure #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.bodycoiffure #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.bodycoiffure #menu ul li.lienenseignant ul ,
body.bodygenerique #menu ul li.lienenseignant ul,
body.bodyaccueil  #menu ul li.liencoiffure ul ,
body.bodyenvironnement #menu ul li.liencoiffure ul ,
body.bodyauto  #menu ul li.liencoiffure ul ,
body.bodybatiment #menu ul li.liencoiffure ul ,
body.bodyproduits #menu ul li.liencoiffure ul ,
body.bodygenerique #menu ul li.liencoiffure ul ,
body.bodyaccueil  #menu ul li.lienpaysagers ul ,
body.bodyenvironnement #menu ul li.lienpaysagers ul ,
body.bodyauto  #menu ul li.lienpaysagers ul ,
body.bodybatiment #menu ul li.lienpaysagers ul ,
body.bodyproduits #menu ul li.lienpaysagers ul ,
body.bodygenerique #menu ul li.lienpaysagers ul 
body.bodycoiffure #menu ul li.lienpaysagers ul {
display: none;
}*/
/*------------------------------------------------------------------------------------------------------------------*/
#filariane {
position: absolute;
top: 109px;
left: 230px;
width: 550px;
height: 20px;
font-size: x-small;
color: #216F69;
}
/*----------------------------------------------- INTER -------------------------------------------------------------------*/
#inter {
float: left;
width: 515px;
padding: 20px 10px 10px 10px;
margin: 10px 0px 0px 0px;
line-height: 18px;
}
#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 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;
line-height: 20px;
margin: 0px 0px 10px 0px;
padding: 5px 0px 5px 0px
}
#inter h3 {
font-size: large;
margin: 0px 0px 6px 0px;
padding: 5px 0px 5px 0px
}
#inter h4,
#inter h4 a {
font-size: medium;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
color: #3399CC;
clear: both;
}
#inter h5,
#inter h5 a {
font-size: medium;
margin: 5px 0px 5px 0px;
padding: 5px 0px 5px 0px;
font-weight: normal;
color: #336600;
}
#inter p {
margin: 8px 0px 8px 0px;
}
body.bodyenvironnement #inter h2 {
color: #8CC131;
border-bottom: 1px dotted #333300;
}
body.bodyenvironnement #inter h2 a {
color: #8CC131;
}
body.bodyenvironnement #inter h3,
body.bodyenvironnement #inter h3 a {
color: #669900;
}
body.bodyauto #inter h2 {
color: #CC3300;
border-bottom: 1px dotted #C47500;
}
body.bodyauto #inter h2 a {
color: #CC3300;
}
body.bodyauto #inter h3,
body.bodyauto #inter h3 a {
color: #C10202;
}
body.bodybatiment #inter h2 {
color: #003366;
border-bottom: 1px dotted #A56F1E;
}
body.bodybatiment #inter h2 a {
color: #003366;
}
body.bodybatiment #inter h3,
body.bodybatiment #inter h3 a {
color: #000033;
}
body.bodybouche #inter h2 {
color: #E39C04;
border-bottom: 1px dotted #990000;
}
body.bodybouche #inter h2 a {
color: #E39C04;
}
body.bodybouche #inter h3,
body.bodybouche #inter h3 a {
color: #FFA520;
}
body.bodyproduits #inter h2 {
color: #FFA520;
border-bottom: 1px dotted #666633;
}
body.bodyproduits #inter h2 a {
color: #FFA520;
}
body.bodyproduits #inter h3,
body.bodyproduits #inter h3 a {
color: #FF6600;
}
body.bodyenseignants #inter h2 {
color: #7D57A4;
border-bottom: 1px dotted #C44100;
}
body.bodyenseignants #inter h2 a {
color: #7D57A4;
}
body.bodyenseignants #inter h3,
body.bodyenseignants #inter h3 a {
color: #450E46;
}
body.bodycoiffure #inter h2 {
color: #903a71;
border-bottom: 1px dotted #C44100;
}
body.bodycoiffure #inter h2 a {
color: #903a71;
}
body.bodycoiffure #inter h3,
body.bodycoiffure #inter h3 a {
color: #450E46;
}
body.bodypaysager #inter h2 {
color: #6A8C01;
border-bottom: 1px dotted #C47500;
}
body.bodypaysager #inter h2 a {
color: #76B505;
}
body.bodypaysager #inter h3,
body.bodypaysager #inter h3 a {
color: #A9CF67;
}
body.bodygenerique #inter h2 {
color: #339999;
border-bottom: 1px dotted #993300;
}
body.bodygenerique #inter h2 a {
color: #339999;
}
body.bodygenerique #inter h3,
body.bodygenerique #inter h3 a {
color: #006666;
}
/*----------------------------------------- ACCUEIL RUBRIQUE  -------------------------------------------------------------------------*/
table {
margin: 10px 0px 0px 0px;
border-collapse: collapse;
}
td.border, .bordureHaute, .border{}
body #inter table td.border{
border-top-width: 1px;
border-top-style: dotted;
}
body.bodycoiffure table td.border{
border-top-color: #8666A4;
}
body.accueilRubrique.bodyenvironnement table td.border{
border-top-color: #8CC131;
}
body.accueilRubrique.bodyauto table td.border{
border-top-color: #CC3300;
}
body.accueilRubrique.bodybatiment table td.border{
border-top-color: #003366;
}
body.accueilRubrique.bodybouche table td.border{
border-top-color: #E39C04;
}
/*----------------------------------------- DROITE -------------------------------------------------------------------------*/
#droite {
float: right;
width: 215px;
background: url(bgDroite.gif) no-repeat left top;
}
#testerConnaissances{
position: relative;
height:91px;
width: 177px;
background:url(bgTester.gif) no-repeat left top;
margin: 0px 0px 20px 0px;
}
#testerConnaissances a{
display: block;
background:url(bgJouer.gif) no-repeat left top;
height:25px;
width: 70px;
position: absolute;
bottom: 5px;
right: 35px;
}
#testerConnaissances a:hover{
background:url(bgJouer.gif) no-repeat left bottom;
}
#testerConnaissances a span{
position: absolute;
left: -5000px;
}
#base_produits,
#espace_enseignant{
margin: 0px;
padding: 0px;
}
#base_produits a,
#espace_enseignant a{
position: relative;
margin: 0px 0px 0px -5px;
display: block;
height: 60px;
width: 180px;
}
#base_produits a{
background:url(bout_produits.gif) no-repeat left top;
}
#base_produits a:hover{
background: url(bout_produits.gif) no-repeat left -85px;
}
#espace_enseignant a{
background: url(bout_enseignant.gif) no-repeat left top;
}
#espace_enseignant a:hover{
background: url(bout_enseignant.gif) no-repeat left -80px;
}
#base_produits a span,
#espace_enseignant a span{
display: none;
}
#menu_accueil{
margin: 18px 0px 0px 0px;
}
#menu_accueil li a {
display: block;
background:url(bgMenuDroit.gif) no-repeat left top;
font-size: 90%;
margin: 2px 0px 2px 0px;
padding: 1px 0px 1px 10px;
text-decoration: none;
color: #DFEBE7;
}
#menu_accueil li a:hover{
color: #223310;
}
/*---------------------------------------*/
/*--- FICHE PRODUIT ---*/
body.bodyproduits #droite #totem02 #testerConnaissances{
margin:-25px 0 20px 0px;
}
body.bodyproduits #droite #totem02{
background:url("bgTotem_fiche_produit.gif") no-repeat left bottom;
padding:5px 19px 20px 19px;
}
/*------------------------------------------------------------------------------------------------*/
/*-- POST IT --*/
#contentPostIt{
background-repeat: no-repeat;
background-position:  left bottom;
padding: 0px 1px 1px 1px;
}
#bgPostIt{
background-repeat: no-repeat;
background-position:  left top;
padding: 35px 0px 0px 0px;
margin: 0px 0px 20px 0px;
}
#bgPostIt h3{
position: absolute; 
left: -5000px;
}
#contentPostIt ul li a{
text-decoration: none;
display: block;
border-top: #903A71 1px dashed;
padding: 2px 2px 2px 10px;
font-weight: bold;
}
#contentPostIt ul li a:hover{
color: #666666;
}
body.bodyenvironnement #contentPostIt{
background-image: url(bgPositContentEnvironnement.gif);
}
body.bodyenvironnement #bgPostIt{
background-image: url(bgPostitEnvironnement.gif);
}
body.bodyenvironnement #contentPostIt ul li a{
border-top: #81C905 1px dashed;
}
body.bodyauto #contentPostIt{
background-image: url(bgPositContentAuto.gif);
}
body.bodyauto #bgPostIt{
background-image: url(bgPostitAuto.gif);
}
body.bodyauto #contentPostIt ul li a{
border-top: #C10000 1px dashed;
}
body.bodybatiment #contentPostIt{
background-image: url(bgPositContentBatiment.gif);
}
body.bodybatiment #bgPostIt{
background-image: url(bgPostitBatiment.gif);
}
body.bodybatiment #contentPostIt ul li a{
border-top: #7D828E 1px dashed;
}
body.bodybouche #contentPostIt{
background-image: url(bgPositContentBouche.gif);
}
body.bodybouche #bgPostIt{
background-image: url(bgPostitBouche.gif);
}
body.bodybouche #contentPostIt ul li a{
border-top: #FAD506 1px dashed;
}
body.bodycoiffure #contentPostIt{
background-image: url(bgPositContentCoiffure.gif);
}
body.bodycoiffure #bgPostIt{
background-image: url(bgPostitCoiffure.gif);
}
body.bodycoiffure #contentPostIt ul li a{
border-top: #903A71 1px dashed;
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*-- DEPLIE TOTEM DROIT --*/
#droite #totem #ressources ul li ul {
display: none;
}
#droite #totem #ressources ul li ul.on {
display: block;
}
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------*/
#droite #totem,
#droite #totem02 {
float: left;
}
#droite #totem #ressources,
#droite #totem #liensassocies {
background-repeat: no-repeat; 
margin-bottom: 10px;
padding-top: 36px;
float: left;
}
#droite #totem{
padding: 20px 19px 0px 19px;
width: 177px;
}
body.accueil #droite #totem,
#droite #totem02{
width: 177px;
background: url(bgTotem.gif) no-repeat left bottom;
padding: 5px 19px 140px 19px;
}
#droite #totem h4 {
font-size:large;
display:block;
color:#834E01;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 20px;
}
#droite #totem #liensassocies h4 {
position: absolute;
left: -5000px;
}
#droite #totem #ressources ul,
#droite #totem #liensassocies ul {
background-repeat: no-repeat;
background-position: bottom;
padding: 0px 1px 10px 1px;
line-height: 14px;
}
#droite #totem #ressources ul li,
#droite #totem #liensassocies ul li {
border-bottom: 1px dotted #FFFFFF;
padding: 0;
}
#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: 165px;
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: 157px;
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;
width: 153px;
height: auto;
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,
body.bodycoiffure #droite #totem #ressources ul ul,
body.bodycoiffure #droite #totem #liensassocies ul ul,
body.bodypaysager #droite #totem #ressources ul ul,
body.bodypaysager #droite #totem #liensassocies ul ul {
width: 174px;
background-image: none;
padding: 0;
}
/*----*/
/*----*/
body.bodyenvironnement #droite #totem #ressources,
body.bodyenvironnement #droite #totem #liensassocies,
body.bodypaysager #droite #totem #liensassocies  {
background-image: url(titre_vos_ressources_environnement.gif);
}
body.bodyenvironnement #droite #totem #ressources ul,
body.bodyenvironnement #droite #totem #liensassocies ul,
body.bodypaysager #droite #totem #liensassocies ul {
background-image: url(bgPositContentEnvironnement.gif);
}
/*----*/
/*----*/
body.bodyauto #droite #totem #ressources,
body.bodyauto #droite #totem #liensassocies {
background-image: url(titre_vos_ressources_auto.gif);
}
body.bodyauto #droite #totem #ressources ul,
body.bodyauto #droite #totem #liensassocies ul {
background-image: url(bgPositContentAuto.gif);
}
/*----*/
/*----*/
body.bodybatiment #droite #totem #ressources,
body.bodybatiment #droite #totem #liensassocies  {
background-image: url(titre_vos_ressources_batiment.gif);
}
body.bodybatiment #droite #totem #ressources ul,
body.bodybatiment #droite #totem #liensassocies ul {
background-image: url(bgPositContentBatiment.gif);
}
/*----*/
/*----*/
body.bodybouche #droite #totem #ressources,
body.bodybouche #droite #totem #liensassocies {
background-image: url(titre_vos_ressources_bouche.gif);
}
body.bodybouche #droite #totem #ressources ul,
body.bodybouche #droite #totem #liensassocies ul {
background-image: url(bgPositContentBouche.gif);
}
/*----*/
/*----*/
body.bodyproduits #droite #totem #ressources,
body.bodyproduits #droite #totem #liensassocies {
background-image: url(titre_vos_ressources_produits.gif);
}
body.bodyproduits #droite #totem #ressources ul,
body.bodyproduits #droite #totem #liensassocies ul {
background-image: url(bgPositContentProduits.gif);
}
/*----*/
/*----*/
body.bodyenseignants #droite #totem #ressources,
body.bodyenseignants #droite #totem #liensassocies {
background-image: url(titre_vos_ressources_coiffure.gif);
}
body.bodyenseignants #droite #totem #ressources ul,
body.bodyenseignants #droite #totem #liensassocies ul {
background-image: url(bgPositContentCoiffure.gif);
}
/*----*/
/*----*/
body.bodycoiffure #droite #totem #ressources,
body.bodycoiffure #droite #totem #liensassocies  {
background-image: url(titre_vos_ressources_coiffure.gif);
}
body.bodycoiffure #droite #totem #ressources ul,
body.bodycoiffure #droite #totem #liensassocies ul {
background-image: url(bgPositContentCoiffure.gif);
}
/*------------------------------------------------------------------------------------------------------------------*/
#footer {
clear: both;
background-image: url(fond_footer.gif);
background-repeat: no-repeat;
background-position: right top;
font-size: x-small;
width: 720px;
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;
}
#footer span.imprim {
margin: 5px 0px 0px 5px;
line-height: 13px;
font-size: x-small;
}
#footer span.imprim a {
padding: 0px 0px 1px 18px;
text-decoration: none;
background-repeat: no-repeat;
background-position: left 0px;
background-image: url(imprim_batiment.gif);
}
/*---------------------------------------------------------------------------------------*/
/*-- FICHES TACHES --*/
.tache {
float: left;
width: 340px;
padding: 0px 15px 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 a {
text-decoration: none;
}
#inter #plandusite a:hover {
text-decoration: underline;
}
#inter #plandusite ul {
margin: 2px 0px 2px 0px;
}
#inter #plandusite ul li {
font-size: medium;
font-weight: bold;
}
#inter #plandusite ul li ul {
margin: 2px 0px 2px 15px;
}
#inter #plandusite ul li ul li {
font-size: small;
font-weight: normal;
}
#inter #plandusite ul.listeplanenvironnement a {
color: #669900;
}
#inter #plandusite ul.listeplanauto a {
color: #C10202;
}
#inter #plandusite ul.listeplanbatiment a {
color: #000033;
}
#inter #plandusite ul.listeplanbouche a {
color: #e39d05;
}
#inter #plandusite ul.listeplancoiffure a {
color: #903a71;
}
#inter #plandusite ul.listeplanpaysagers a {
color: #6a8c01;
}
#inter #plandusite ul.listeplanenvironnement ul a,
#inter #plandusite ul.listeplanauto ul a,
#inter #plandusite ul.listeplanbatiment ul a,
#inter #plandusite ul.listeplanbouche ul a,
#inter #plandusite ul.listeplancoiffure ul a,
#inter #plandusite ul.listeplanpaysagers ul a {
color: #000000;
}















#inter #plandusite h3.planaccueil {
border-bottom: 1px solid #2390FF;
}
#inter #plandusite h3.planaccueil a {
color: #2390FF;
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.planbouche {
border-bottom: 1px solid #e39d05;
margin-top: 20px;
}
#inter #plandusite h3.planbouche a {
color: #e39d05;
text-decoration: none; 
}
#inter #plandusite h3.plancoiffure {
border-bottom: 1px solid #903a71;
margin-top: 20px;
}
#inter #plandusite h3.plancoiffure a {
color: #903a71;
text-decoration: none; 
}
#inter #plandusite h3.planpaysagers {
border-bottom: 1px solid #6a8c01;
margin-top: 20px;
}
#inter #plandusite h3.planpaysagers a {
color: #6a8c01;
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;
background-image: none;
}
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;
}
div.coul10, .violet, .coul10 {
color: #903a71;
}
/*-- 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;
}
img.bord10, .bordureViolette {
border: 1px solid #903a71;
}
/*---------------------------------------------------------------------------------------*/
/*-- 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 --*/
body.accueilRubrique table {
margin: 10px 0px 0px 0px;
border-collapse: separate;
border-spacing: 10px;
border-right: #ffffff 2px solid;
}
th,
td {
border: 1px solid #CCCCCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #E9F3EF;
color: #FFFFFF;
}
td {
background-color: #ECF4F4;
}
body.accueilRubrique th,
body.accueilRubrique td {
border:none;
background-color: transparent;
padding: 3px;
vertical-align: top;
}
/*---------------------------------------------------------------------------------------------------------------------------------*/
/*-- 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;
}
/*---------------------------------------------------------*/
/*--- ACCUEIL ESPACES ---*/
#inter p.vignette {
width: 171px;
height: 150px;
padding-top: 10px;
text-align: center;
float: left;
background-image: url(fond_vignettes_metiers.gif);
background-repeat: no-repeat;
}
#inter p.vignetteLarge {
width: 250px;
height: 200px;
padding-top: 10px;
text-align: center;
float: left;
background-image: url(fond_vignettes_metiers_large.gif);
background-repeat: no-repeat;
}
#inter p.vignette a,
#inter p.vignetteLarge a {
text-decoration: none;
}
#inter p.vignette a:hover,
#inter p.vignetteLarge a:hover {
color: #CC0000;
font-weight: bold;
}
/*---------------------------------------------------------*/
/*--- LISTE JEUX ---*/
#jeuxVoiture,
#jeuxBatiment,
#jeuxEnvironnement,
#jeuxBouche,
#jeuxCoiffure,
#jeuxPaysager{
position:relative;
margin: 20px 0px 25px 0px;
padding-bottom:20px;
border-bottom:#cecece 1px dashed;
min-height:100px;
height:auto !important;
height:100px;
}
#jeuxVoiture img,
#jeuxBatiment img,
#jeuxEnvironnement img,
#jeuxBouche img,
#jeuxCoiffure img,
#jeuxPaysager img{
position:absolute;
right:0px;
bottom:10px;
}
#jeuxPaysager{
border:none;
}
#jeuxVoiture .pListeJeux,
#jeuxBatiment .pListeJeux,
#jeuxEnvironnement .pListeJeux,
#jeuxBouche .pListeJeux,
#jeuxCoiffure .pListeJeux,
#jeuxPaysager .pListeJeux{
display:block;
width:325px;
}
#jeuxVoiture a,
#jeuxBatiment a,
#jeuxEnvironnement a,
#jeuxBouche a,
#jeuxCoiffure a,
#jeuxPaysager a{
margin-top:-25px;
text-decoration:none;
}