body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
font-size: small;
color: #333333;
background-color: #FFFFFF;
}
a {
color: #1790CD;
}
h1 {
margin: 0px;
padding: 0px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend,
caption{
display: none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
body.accueil #inter h2{
background-image: none;
}
body.accueil #contentHeader,
body.accueil #header{
height: 100px;
background-image: none;
}
body.accueil #total,
body.accueil #contentFooter,
body.accueil #footer{
background-image: none;
}
body.accueil #right{
width: 0px;
}
body.accueil #inter,
body.accueil #content{
width: 100%;
padding: 0px;
}
body.accueil #inter,
body.accueil #content{
width: 100%;
}
#colGauche{
width: 370px;
float: left;
}
#edito{
width: 370px;
}
#backgroundEdito{
background: url(bgEditoBottom.gif) no-repeat left bottom;
}
#contentEdito{
background: url(bgEditoTop.gif) no-repeat left top;
}
#interEdito{
padding: 0px 15px 10px 15px;
}
#inter #interEdito h2{
overflow: hidden;
color: #830F7C;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
font-size: medium;
}
body.accueil #contactAccueilLog{
float: none;
width: 370px;
height: 75px;
background: url(bgLogAccueil.gif) no-repeat left top;
}
body.accueil  #inter  #contentLoguer p{
float: left;
width: 325px;
padding: 0px 25px 0px 20px;
height: 25px;
line-height: 25px;
color: #FFFFFF;
font-weight: bold;
font-size: small;
}
body.accueil #inter p.espaceReserve{
float: left;
width: 350px;
padding: 5px 0px 3px 20px;
background-image: none;
text-align: left;
height: auto;
}
body.accueil  #contentLoguer a{
color: #EEEEEE;
}
body.accueil  #contentLoguer .welcome{
width: 70px;
}
body.accueil  #contentLoguer .nom{
width: 108px;
}
body.accueil  #contentLoguer .profil{
margin-right: 10px;
}
body.accueil #logextranet{
float: none;
}
body.accueil #inter #logextranet form{
width: 350px;
margin: 0px 0px 0px 10px;
padding: 0px 0px 0px 0px;
}
body.accueil #logextranet .msgLog {
display: block;
float: left;
color: #FFFFFF;
margin: 3px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}
body.accueil #logextranet p.msgLog a{
color: #FFFFFF;
}
body.accueil #contentlogextranet legend{
color: #FFFFFF;
position: relative;
left: 0px;
top: 0px;
width: 215px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-image: none;
font-size: medium;
text-transform: uppercase;
font-weight: bold;
}
body.accueil #partagez_experience,
body.accueil #votre_avis{
width: 165px;
}
body.accueil #evaluez{
width: 202px;
float: right;
margin-top: 0px;
}
#colDroit{
width: 580px;
float: right;
}
#faire,
#savoir{
width: 290px;
height: 275px;
float: left;
background-position: right top;
background-repeat : no-repeat;
}
#savoir{
background-image: url(bgSavoir.gif);
}
#faire{
background-image: url(bgFaire.gif);
}
#inter #faire,
#inter #savoir{
width: 245px;
padding: 20px 25px 10px 20px;
}
#inter #faire ul li,
#inter #savoir ul li {
background-image: none;
padding-left: 0px;
}
#inter #faire ul li a,
#inter #savoir ul li a{
display: block;
text-decoration: none;
color: #FFFFFF;
font-weight: bold;
padding: 0px 0px 10px 25px;
line-height: 20px;
background-repeat: no-repeat;
background-position: left top;
}
#inter #savoir ul li a{
background-image: url(bgPuceSavoir.png);
}
#inter #faire ul li a{
background-image: url(bgPuceFaire.png);
}
#inter #faire ul li a:hover,
#inter #savoir ul li a:hover{
background-position: left -130px;
}
#inter #faire h2,
#inter #savoir h2{
font-size: large;
padding: 0px 0px 5px 0px;
margin: 0px 0px 15px 0px;
}
#inter #faire h2{
color: #99cc00
}
#inter #souhaitez h2{
background-image: none;
font-size: large;
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 20px;
color: #830F7C
}
#souhaitez{
float: left;
padding: 25px 5px 0px 5px;
margin-top: 2px;
width: 580px;
height: 150px;
background: url(bgSouhaitez.gif) no-repeat left top;
}
#inter #souhaitez ul li{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: none;
}
#inter #souhaitez ul li a{
background-repeat: no-repeat;
background-position: left top;
float: left;
display: block;
height: 87px;
width: 187px;
}
#inter #souhaitez ul li.forum a{
background-image: url(bgForum.gif);
}
#inter #souhaitez ul li.tchat a{
background-image: url(bgTchat.gif);
}
#inter #souhaitez ul li.dialoguez a{
background-image: url(bgDialoguez.gif);
}
#inter #souhaitez ul li a span{
position: absolute;
left: -5000px;
}
#inter #souhaitez ul li a:hover{
background-position: left bottom;
}
body.accueil  #hautpage{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
float: left;
position:relative;
background: #FFFFFF url(bgTotal.gif) repeat-y center top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
#contentHeader{
float: left;
width: 100%;
height: 190px;
background: url(bgHeader.Gif) no-repeat center bottom;
}
#header {
position: relative;
width:960px;
height: 190px;
margin:auto;
background: url(bgHeader.Gif) no-repeat center bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NAVIG_DIRECT---*/
#navigDirect {
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#fixed {
background:url(bgRecherche.png) no-repeat left bottom ;
width:235px;
height: 26px;
font-size: x-small;
margin:0px 0px 0px 0px;
padding:0px 2px 0px 0px;
z-index:99;
text-align: right;
}
#recherche {
position: absolute;
top: 0px;
right:15px;
width:235px;
height: 26px;
}
#recherche input.saisie {
font-size: x-small;
color: #000;
border: #FFFFFF 1px solid;
vertical-align: middle;
width: 170px;
margin:0px 10px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche label,
#recherche legend {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
#content {
width: 710px;
float: right; 
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BARRE DE NAVIGATION  ---*/
#barreNavig{
width: 640px;
height: 27px;
position: absolute;
bottom: 0px;
z-index: 2;
}
#barreNavig div{
color: #FFFFFF;
font-size: x-small;
}
#barreNavig div a{
color: #FFFFFF;
font-size: x-small;
text-decoration: none;
}
#barreNavig div a:hover{
text-decoration: underline;
}
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
height: 27px;
line-height: 27px;
float: left;
width: 473px;
padding-left: 4px;
border-right: #FFFFFF 1px solid;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage {
height: 27px;
line-height: 27px;
float: left;
width: 160px;
text-align: center;
border-right: #FFFFFF 1px solid;
}
#imprimpage a {
display: block;
width: 80px;
padding-left: 20px;
margin: auto;
background: url(bgImprimer.gif) no-repeat left  center;
vertical-align: bottom;
}
/*-- LOGUE EXTRANET --- LOGUER--*/
#connexionExtranet{
position: absolute;
top: -48px;
right: 0px;
width: 320px;
}
#contentLoguer p{
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 0px;
height: 27px;
line-height: 27px;
font-size: x-small;
color: #FFFFFF;
}
#contentLoguer .welcome{
float: left;
display: block;
width: 50px;
}
#contentLoguer .nom{
float: left;
display: block;
width: 120px;
}
#contentLoguer a.profil{
color: #FFFFFF;
margin-right: 20px;
text-decoration: none;
}
#contentLoguer a.profil:hover{
text-decoration: underline;
}
#contentLoguer a.deconnecte{
text-decoration: none;
color: #FFFFFF;
padding: 0px 20px 0px 0px;
margin: 0px 5px 0px 0px;
background: url(bgDeconnection.gif) no-repeat right center;
}
#contentLoguer a.deconnecte:hover{
text-decoration: underline;
}
#logextranet{
float: left;
width: 315px;
padding-left: 5px;
}
#logextranet form{
padding-top: 4px;
}
#logextranet label{
position: absolute;
left: -5000px;
}
#logextranet div div input{
float: left;
width: 125px;
height: 14px;
margin-right: 5px;
font-size: x-small;
padding-left: 5px;
border-top: #999999 2px solid;
border-bottom: none;
vertical-align: middle;
}
#logextranet div div input.bouton{
width: 30px;
height: 18px;
background: url(bgOkLog.gif) no-repeat left bottom;
border: none;
color: #B8B5B8;
font-weight: bold;
vertical-align: middle;
}
#logextranet div div input.bouton:hover{
cursor: pointer;
color: #99CC00;
}
#logextranet .msgLog{
display: none;
}
p.seConnecter,
p.msgLog{
padding: 0px 3px 0px 0px;
margin: 0px;
font-size: x-small;
text-align: right;
color: #B8B5B8;
float: right;
width: auto;
}
p.msgLog a,
p.seConnecter a{
text-decoration :none;
color: #B8B5B8;
}
a.inscrirelink{
margin-left: 10px;
}
p.msgLog a:hover{
text-decoration: underline;
color: #D40047;
}
p.seConnecter a:hover{
text-decoration: underline;
color: #99CC00;
}
.espaceReserve{
width: 280px;
float: right;
display: inline;
text-align: right;
color: #FFFFFF;
overflow: hidden;
padding: 0px 30px 0px 0px;
margin: 0px 14px 0px 0px;
height: 22px;
background: url(votreEspace.png) no-repeat right top;
font-size: medium;
text-transform: uppercase;
font-weight: bold;
}
#contentlogextranet legend span{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width: 450px;
padding: 0px 25px 0px 25px;
float: left; 
}
#inter p,
#inter_popup p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul,
#inter_popup ul {
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#inter_popup ul li {
padding-left:12px;
margin-bottom: 8px;
background-repeat: no-repeat;
background-position: left 5px;
}
#inter ul li,
#inter_popup ul li{
background-image:url(puceBleue.gif);
}
body.bodyLien02 #inter ul li,
#inter ul.listeplan02 li{
background-image:url(puceVerte.gif);
}
body.bodyLien03 #inter ul li,
#inter ul.listeplan03 li{
background-image:url(puceViolette.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter_popup h2,
#inter h2 {
font-size: x-large;
margin: 0px 0px 10px 0px;
padding: 5px 0px 10px 50px;
color: #1790CD;
background-image: url(bgH2Bleu.gif);
background-position: left top;
background-repeat : no-repeat;
}
body.bodyLien02 #inter h2{
color: #99CC00;
background-image: url(bgH2Vert.gif);
}
body.bodyLien03 #inter h2{
color: #830F7C;
background-image: url(bgH2Violet.gif);
}
body.bodyLien04 #inter h2{
color: #D40047;
background-image: url(bgH2Rouge.gif);
}
#inter_popup h3,
#inter h3 {
font-size: large;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #1790CD;
}
body.bodyLien02 #inter h3,
body.bodygenerique #inter h3.plan02 a {
color: #99CC00;
}
body.bodyLien03 #inter h3,
body.bodygenerique #inter h3.plan03 a {
color: #830F7C;
}
body.bodyLien04 #inter h3,
body.bodygenerique #inter h3.plan03 a {
color: #D40047;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #666666;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT ---*/
#right {
position: relative;
float: right;
width: 210px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
#connectRight {
height: 15px;
}
#evaluez a{
display: block;
height: 127px;
width: 202px;
background-repeat: no-repeat;
background-position: left top;
background-image: url(bgEvaluez.gif);
}
#partagez_experience a,
#votre_avis a{
display: block;
height: 63px;
width: 165px;
background-repeat: no-repeat;
background-position: left top;
}
#partagez_experience a{
background-image: url(bgPartagez.gif)
}
#votre_avis a{
background-image: url(bgAvis.gif);
}
#evaluez a:hover,
#partagez_experience a:hover,
#votre_avis a:hover{
background-position: left bottom;
}
#partagez_experience span,
#votre_avis span,
#evaluez a span{
position: absolute;
left: -5000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT---*/
#contentPostIt{
background: url(bgPostItBottomBleu.gif) no-repeat left bottom;
}
#bgPostIt{
background: url(bgPostItTopBleu.gif) no-repeat left top;
}
#interPostIt{
padding: 0px 12px 10px 12px;
}
#interPostIt h3{
padding: 16px 0px 0px 35px;
margin: 0px;
color: #1790CD;
}
body.bodyLien02 #interPostIt h3{
color: #99CC00;
}
body.bodyLien02 #contentPostIt{
background: url(bgPostItBottomVert.gif) no-repeat left bottom;
}
body.bodyLien02 #bgPostIt{
background: url(bgPostItTopVert.gif) no-repeat left top;
}
body.bodyLien03 #interPostIt h3{
color: #830F7C;
}
body.bodyLien03 #contentPostIt{
background: url(bgPostItBottomViolet.gif) no-repeat left bottom;
}
body.bodyLien03 #bgPostIt{
background: url(bgPostItTopViolet.gif) no-repeat left top;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORUM---*/
table.tableforum .sujetcol01,
table.tableforum .sujetcol02,
table.tableforum .sujetcol03,
table.tableforum .messagecol01,
table.tableforum .messagecol02,
table.tableforum .messagecol03{
width: 70px;
}
.closesujet,
.newsujet,
.newmessa,
.closemessa{
display: block;
padding: 10px 0px 10px 35px;
text-decoration: none;
float: right;
font-size: x-small;
}
.modifier,
.abus,
.reagir,
.abonner,
.desabonner{
display: block;
padding: 5px 0px 15px 35px;
text-decoration: none;
float: left;
font-size: x-small;
width: 35px;
}
.closemessa,
.closesujet{
background: url(sujet_clos.gif) no-repeat left top;
}
.newmessa,
.newsujet{
 background: url(creer_nouveau.gif) no-repeat left top;
}
.abonner{
 background: url(abonner.gif) no-repeat left top;
}
.desabonner{
 background: url(desabonner.gif) no-repeat left top;
}
.modifier{
 background: url(modifier.gif) no-repeat left top;
}
.reagir{
 background: url(ajouter-un-commentaire.gif) no-repeat left top;
}
.abus{
 background: url(signaler_un_abus.gif) no-repeat left top;
}
#inter #entetesujets p{
margin-bottom: 2px;
background: #F2F2F2;
padding: 2px 5px 2px 5px;
border-right: #CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
}
.retourpage{
font-size: x-small;
display: block;
width: 135px;
height: 25px;
line-height: 25px;
padding-left: 10px;
background: url(bgPrev.gif) no-repeat left center;
}
.closesujet:hover,
.newsujet:hover{
color: #830F7C;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- QUIZZ---*/
body #inter h5.responseFalse,
.responseFalse{
color: #D40047;
text-decoration:line-through;
}
body #inter h5.responseTrue,
.responseTrue{
color: #99CC00;
}
div.responseTrue{
float: left;
padding: 10px 0px 10px 0px;
}
div.responseFalse{
float: left;
padding: 10px 0px 10px 0px;
}
body.quizresultat #inter form.quiz{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FORMULAIRE VOTER AVIS ---*/
form.formLarge, .touteLaLargeur, .formLarge{}
body #inter form.formLarge div.entry label {
width: 100%;
padding-bottom: 5px;
}
body #inter form.formLarge div.entry div {
padding-left: 120px;
}
body #inter form.formLarge div.entry div input{
width: auto;
}
body form.formLarge div.entry input,
body form.formLarge div.entry textarea,
body form.formLarge div.entry select{
width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR---*/
#toolBar{
width: 100%;
text-align: right;
}
#toolBar ul li {
display: inline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#contentFooter{
float: left;
width: 100%;
background: #FFFFFF url(bgFooter.gif) no-repeat center top;
}
#footer {
width:960px;
margin:auto;
background: url(bgFooter.gif) no-repeat center top;
}
#footer img{
vertical-align: top;
}
#footer ul{
position: relative;
margin: -30px 0px 5px 0px;;
}
#footer ul li{
display: inline;
}
#footer ul li a{
text-decoration: none;
font-size: x-small;
padding: 0px 2px 0px 2px;
color: #999999;
}
#footer ul li a:hover{
color: #830F7C;
}
/*-- HAUT DE LA PAGE --*/
#hautpage {
}
#hautpage a {
position: relative;
top: 15px;
text-decoration: none;
font-size: x-small;
display: block;
width: 80px;
height: 40px;
line-height: 40px;
padding-left: 30px;
background-image: url(bgHautBleu.gif);
background-repeat:  no-repeat;
background-position: left center;
margin: 0px auto 0px auto;
color: #1790CD;
}
#hautpage a:hover{
background-position: left top;
}
body.bodyLien02 #hautpage a{
background-image: url(bgHautVert.gif);
color: #99CC00;
}
body.bodyLien03 #hautpage a{
background-image: url(bgHautViolet.gif);
color: #830F7C;
}
body.bodyLien04 #hautpage a{
background-image: url(bgHautRouge.gif);
color: #D40047;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- CLASS BODY --*/
body.bodyLien01, .CeQueVousDevezSavoir{}
body.bodyLien02, .CeQueVousPouvezFaire{}
body.bodyLien03, .VousSouhaitezEnParler{}
body.bodyLien04, .PageRouge{}
body.bodygenerique, .PageStandard{}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #D40047;
}
div.coul02, .bleu, .coul02 {
color: #1790CD;
}
div.coul03, .gris, .coul03 {
color: #B8B5B8;
}
div.coul04, .orange, .coul04 {
color: #FEC228;
}
div.coul05, .vert, .coul05 {
color: #99CC00;
}
div.coul06, .violet, .coul06 {
color: #830F7C;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #D40047;
}
img.bord02, .bordureBleue {
border: 1px solid #1790CD;
}
img.bord03, .bordureGrise {
border: 1px solid #B8B5B8;
}
img.bord04, .bordureOrange {
border: 1px solid #FEC228;
}
img.bord05, .bordureVerte {
border: 1px solid #99CC00;
}
img.bord06, .bordureViolette {
border: 1px solid #830F7C;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #B8B5B8;
vertical-align: top;
color: #FFFFFF;
padding: 5px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
}
.result td.title a {
font-weight: bold;
color: #333333;
 }
.result td.date {
font-size: x-small;
 }
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding-bottom: 10px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 15px;
color: #003333;
text-decoration: none;
background: url(bgPrev.gif) no-repeat left center;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 16px 0px 0px;
color: #333333;
text-decoration: none;
background: url(bgSuiv.gif) no-repeat right center;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCORDEON ---*/
ul.accordeonListe, .ListeEnAccordeon {
width:100%;
float:left;
overflow:hidden;
}
ul.accordeonListe li ul {
display:none;
}
ul.accordeonListe li ul li ul{
display:block;
}
#inter ul.accordeonListe li {
cursor:pointer;
font-weight: bold;
color: red;
}
#inter.accordeonTitre h3{
font-weight: bold;
color: red;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ONGLETS ---*/
#onglets{
float: left;
width: 300px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#inter #onglets ul ,
#inter #onglets ul li{
float: left;
display: inline;
padding:  0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #onglets ul li a{
display: block;
float: left;
width: 92px;
border-right: #666666 1px solid;
background: url(bgOnglet.gif) repeat-x  left -32px;
color: #000000;
text-transform: uppercase;
text-align: center;
height: 17px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 5px 0px;
text-decoration: none;
}
#onglets a:hover,
#onglets a.onOnglet{
background: url(bgOnglet.gif) repeat-x  left 1px;
font-weight: bold;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerOnglet01,
#containerOnglet02,
#containerOnglet03{
min-height: 25px;
height: auto!important;
height: 25px;
border: #00C6FF 2px solid;
float: left;
width: 270px;
padding: 3px 3px 3px 3px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #CCCCCC;
padding: 3px;
vertical-align: top;
}
th {
background-color: #B8B5B8;
color: #FFFFFF;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  DIAPORAMA  --*/
#diaporama {
width: 160px;
float: left;
}
#right #diaporama table {
border: none;
width: 160px;
margin: 0px 0px 0px 0px;
}
#diaporama table td img {
width: 40px;
height: 40px;
}
.thumb_view div.diaporama p span.texte{
display: none;
}
.thumb_view div.diaporama{
width: 200px;
float: left;
margin: 0px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: none;
}
#plandusite ul li a {
color: #333A4C;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #333A4C;
margin:0 0 0 0;
padding:0 0 0 0;
text-decoration: underline;
}
#inter ul.listeplan01,
#inter ul.listeplan02,
#inter ul.listeplan03{
border-bottom: #EEEEEE 1px solid;
padding-bottom: 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
#inter #formfindcalendar {
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 150px;
}
#inter #formfindcalendar div.submit {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter #formfindcalendar div.submit input {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
div.modejour,
div.modemois {
}
div.modejour #oCalendar,
div.modemois #oCalendar {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #333333;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #FFFFFF;
font-weight: bold;
}
div.modejour #oCalendar table td.days,
div.modemois #oCalendar table td.days {
color: #CC0000;
font-weight: bold;
}
div.modejour #oCalendar table td.week,
div.modemois #oCalendar table td.week {
background-color: #E18134;
color: #FFFFFF;
font-weight: bold;
}
div.modejour .eventline,
div.modemois .eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#FF9E29 1px solid;
}
div.modejour .eventline a,
div.modemois .eventline a {
color:#FF8300;
text-decoration: none;
}
div.modejour .eventline a:hover,
div.modemois .eventline a:hover {
text-decoration: underline;
}
body #inter div.modejour .eventline ul,
body #inter div.modemois .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body #inter div.modejour .eventline ul li,
body #inter div.modemois .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 12px;
display: block;
float: left;
width: 190px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE FONDS DOCUMENTAIRES ---*/
#treelist ul li ul li ul{
display :none ;
}
#treelist ul li a{
cursor:pointer;
}
#treelist ul li a:hover{
cursor:pointer;
color:#007AC0;
}
#inter #treelist ul li ul{
padding:2px 0px 2px 0px ;
margin:0px 0px 0px 0px ;
}
body.fonDoc #inter #col_g{
float:left;
width:270px;
padding:0px 5px 0px 5px;
}
body.fonDoc #inter #treelist{
width:270px;
margin:0px 0px 0px 0px;
padding:0px 0px 20px 0px;
}
body.fonDoc #inter #form01{
width:270px;
margin:0px auto 0px auto;
padding:20px 0px 20px 0px;
border-top:#007AC0 1px solid;
}
body.fonDoc #inter #form01 legend{
padding:0px 0px 10px 0px;
font-weight:bold;
color:#007AC0;
}
body.fonDoc #inter #form01 label,
body.fonDoc #inter #form01 input,
body.fonDoc #inter #form01 select,
body.fonDoc #inter #form01 div.submit{
width:100%;
padding:0px;
margin:0px
}
body.fonDoc #inter #msgResult,
body.fonDoc #inter #resultat ul li a{
color:#007AC0;
}
body.fonDoc #inter #resultat{
float:right;
width:270px;
padding:0px 5px 0px 5px;
margin:0px 0px 60px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- GLOSSAIRE ---*/
body.glossaire #inter p strong a,
body.glossaire #inter h3 a{
color: #FF3333;
text-decoration: none;
font-size: x-large;
}
body.glossaire #inter h3{
border-bottom: #CCCCCC 1px solid;
padding: 0px 0px 0px 25px;
}
body.glossaire #inter dt {
background: #F2F2F2;
padding: 5px 5px 5px 5px;
font-weight: bold;
}
body.glossaire #inter dd{
margin: 0px 0px 20px 0px;
padding: 5px 5px 5px 5px;
background: #F2F2F2;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
#header_popup{
height:60px;
}
#content_popup{
width: 600px;
margin: auto;
}
#inter_popup{
background: url(interTopPopup.gif) no-repeat top center;
padding: 30px 10px 0px 10px;
}
#footer_popup{
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
.invisible {
position: absolute;
left: -5000px
}
.gauche{
float: left;
width: auto;
}
.droit{
float: right;
width: auto;
}
.separateur{
border: none ;
clear: both;
}
.selected{
background: #F2F2F2;
}
td.prof {
color: #99CC00;
}
#infonoscript{
display:block;
width:95%;
text-align:right;
font-size:0.8em;
font-style:italic;
}