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: #CCCCCC;
}
sub {
  vertical-align: sub;
  font-size: small;
  line-height: normal;
}
sup {
  vertical-align: super;
  font-size: small;
  line-height: .6em;
}
a {
color: #2E4381;
}
a:hover{
text-decoration: none;
color: #000000;
}
h1 {
position: absolute;
top: 80px;
right: 15px;
z-index: 10;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
h1 span{
position: absolute;
top: -5000px;
left: -5000px;
}
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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:960px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:960px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
body.bodyaccueil #header {
background: url(bgHeaderAccueil.jpg) no-repeat top center;
height: 367px;
position: relative;
}
body.bodyaccueil  #contentHeader {
float: left;
width: 100%;
background: #FFFFFF url(bgHeaderAccueil.jpg) no-repeat top center;
}
#header {
background: url(bgHeader.jpg) no-repeat top center;
height: 236px;
position: relative;
}
#contentHeader {
float: left;
width: 100%;
background: #FFFFFF url(bgHeader.jpg) no-repeat top center;
}
#logo {
position: absolute;
top: 8px;
left: 0px;
}
body.bodyaccueil #logo {
position: absolute;
top: 8px;
left: 7px;
}
#drapeaux {
position: absolute;
top:2px;
right: 90px;
}
#drapeaux p{
float: left;
margin: 0px 5px 0px 0px;
}
#flash{
position: absolute;
top: 23px;
left: 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: -1000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
body.bodyaccueil #recherche {
display: none;
position: absolute;
top: 170px;
right: 0px;
width: 215px;
font-size: x-small;
background: url(bgRecherche.gif) no-repeat center center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#recherche {
display: none;
position: absolute;
top: 120px;
right: 10px;
width: 215px;
font-size: x-small;
background: url(bgRecherche.gif) no-repeat center center;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #2E4381;
border: transparent 1px solid;
background-color: transparent;
vertical-align: middle;
width: 150px;
height: 14px;
margin:0px 0px 16px 20px;
padding:0px 0px 0px 0px;
}
#recherche input.bouton {
vertical-align: middle;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;
background: transparent;
border: none;
color: #2E4381;
}
#recherche legend,
#recherche label {
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- EDITO ---*/
#inter #edito{
width: 340px;
float: left;
position: relative;
margin: -103px 0px 30px 0px;
color: #C02C5B;
}
#inter #edito h2{
width: 100%;
font-size: 315%;
color: #C02C5B;
background-image: none;
margin: 0px 0px 5px 0px;
padding: 10px 0px 0px 0px;
text-transform: uppercase;
}
#inter #edito h2 span.majuscule{
text-transform: uppercase;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
#contentRightAccueil {
width: 375px;
float: right;
position: relative;
margin: 0px 0px 30px 0px;
color: #FFFFFF;
}
#inter #actus h2{
width: 100%;
font-size: 150%;
color: #FFFFFF;
background-image: none;
margin: 0px 0px 5px 0px;
padding: 0px 0px 0px 0px;
text-transform: uppercase;
}
#inter #actus p {
width: 100%;
float: left;
text-align: justify;
}
#inter #actus p img {
float: right;
margin: 5px 0px 0px 10px;
}
#inter #actus strong a {
text-decoration :none;
color: #FFFFFF;
font-size: medium;
}
#inter #actus strong a:hover{
color: #000000;
}
#inter #actus p.toutesactus a{
color: #FFFFFF;
}
#syndicat{
width: 375px;
float: right;
position: relative;
}
#inter #syndicat p.filrss{
background: url(rss.gif) no-repeat left center;
padding: 15px 0px 15px 10px;
}
#inter #syndicat p.filrss a {
display: block;
color: #C02C5B;
text-decoration: none;
}
#inter #syndicat p.newsletter{
background: url(newsletter.gif) no-repeat left center;
padding: 18px 0px 15px 10px;
}
#inter #syndicat p.newsletter a {
display: block;
color: #C02C5B;
font-size: large;
font-weight: bold;
text-decoration: none;
}
#inter #syndicat p.filrss a :hover,
#inter #syndicat p.newsletter a:hover {
color: #2E4381;
}

.actuLigne{
float :left; 
clear:left;
margin: 0px 0px 20px 0px; 
width: 100%;
}
.actuLigne strong a{
display: block;
margin: 0px 0px 8px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
#postIt{
float: right;
}
#contentPostIt{
padding: 0px 72px 0px 0px;
margin: 0px 0px 50px 0px;
background: url(bgInfo.gif) no-repeat bottom left;
}
#bgPostIt{
background: url(bgInfoTitre.gif) no-repeat top left;
}
#interPostIt{
width:570px;
padding: 40px 20px 15px 20px;
}
#interPostIt h3{
position: absolute;
top: -1000px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
position: relative;
width:960px;
float:left; 
background: url(bgContentAccueil.jpg) repeat-y top center;
}
#content {
position: relative;
width:960px;
float:left; 
background: url(bgContent.jpg) repeat-y top center;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
body.bodyaccueil #filariane {
display: none;
}
#filariane {
position: relative;
z-index: 1000;
width:700px;
margin: 0px 30px 0px 30px;
float: right;
color: #999999;
font-size: x-small;
}
#filariane a {
color: #999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
body.bodyaccueil #inter {
z-index: 1;
width: 745px;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
background-image: none ; 
}
#inter {
position: relative;
width:605px;
margin: -13px 74px 0px 0px;
padding: 15px 0px 25px 90px;
float: right;
background: url(bgInter.gif) no-repeat 0px 0px ; 
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
#inter ul,
#postIt ul{
margin: 5px 0px 10px 10px;
padding: 0;
list-style: none;
}
#inter ul li,
#postIt ul li {
padding-left:12px;
background-repeat: no-repeat;
background-position: left 8px;
}
#inter ul li,
#postIt ul li{
background-image:url(puce01.gif);
background-repeat: no-repeat;
}
#inter ul ul li,
#postIt ul ul li{
background-image:url(puce02.gif);
background-repeat: no-repeat;
}
#inter ul ul ul li,
#postIt ul ul ul li{
background-image:url(puce03.gif);
background-repeat: no-repeat;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/ 
#inter h2 {
position: relative;
width: 700px;
font-size: xx-large;
color: #2E4381;
background: url(bgH2.gif) no-repeat left 25px;
margin: 0px 0px 5px -90px;
padding: 0px 0px 10px 20px;
line-height: 1.2em;
}
#inter h3 {
font-size: large;
margin: 10px 0px 10px -20px;
padding: 0px 0px 10px 20px;
color: #2E4381;
background: url(bgH3.gif) no-repeat 0px 0px;
}
#inter_popup h4,
#inter h4 {
font-size: medium;
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
color: #C02C5B;
background-image: none;
}
#inter_popup h5,
#inter h5 {
font-size: small;
margin: 10px 0px 10px 0px;
padding: 0px 0px 10px 0px;
color: #666666;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer {
position: relative;
float: left;
text-align: center;
width: 100%;
background: #CCCCCC;
}
#footer ul li{
display: inline;
padding: 0px 0px 0px 0px;
} 
#footer ul li a{
text-decoration: none;
font-size: x-small;
}
#footer ul li a:hover{
color: #000000;
background: #FFFFFF;
}
/*-- HAUT DE LA PAGE --*/
body.bodyaccueil #hautpage{
display: none;
}
#hautpage a{
position: absolute;
top: -32px;
background: url(bgHautPage.gif) no-repeat center bottom;
padding:0px 0px 17px 0px;
text-decoration: none;
color: #C02C5B;
font-size: x-small;
}
/*-- PARTENAIRES --*/
#partenaires {
position: absolute;
bottom: 10px;
left: 0px;
width: 160px;
margin: 20px 5px 0px 13px;
padding: 5px 0px 5px 0px;
border-top: #CCCCCC 1px solid;
}
#partenaires img {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
/*-- IMPRIMER LA PAGE --*/
#imprimpage{
width: 80px;
position: absolute;
top:2px;
right: 7px;
}
#imprimpage a {
text-decoration: none;
padding: 0px 0px 0px 15px;
background: url(bgImprime.gif) no-repeat left top;
color: #C02C5B;
font-size: xx-small;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopup{
}
#contentHeader_popup{
background: #FFFFFF url(bgHeaderPopup.jpg) no-repeat top center;
}
#header_popup{
position:relative;
background:url(bgHeaderPopup.jpg) no-repeat top center;
width:650px;
height:210px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin:auto;
}
#header_popup #logo_popup{
position:absolute;
top: 5px;
left: 55px;
}
#inter_popup{
position: relative;
z-index:100;
width:530px;
margin: 0px auto 0px auto;
padding:0px 60px 20px 60px;
background:url(bgContentPopup.jpg) repeat-y top center;
}
#inter_popup  p {
margin: 0px 0px 0px 0px;
padding:  3px 0px 3px 0px;
}
#inter_popup h2{
position: relative;
width: 515px;
font-size: xx-large;
color: #2E4381;
background: url(bgH2.gif) no-repeat left 25px;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 20px;
}
#inter_popup  h3{
font-size: large;
margin: 0px 0px 5px 0px;
padding: 0px 0px 10px 20px;
color: #2E4381;
background: url(bgH3.gif) no-repeat 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONFERENCE ---*/
#menuConference {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
position: relative;
top:10px;
left: -70px;
}
#menuConference ul{
width: 699px;
border-bottom: #C02C5B 1px solid;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
}
#menuConference ul li{
float: left;
background-image: none;
padding: 0px 0px 0px 0px;
}
.lienProgramme{
float: left;
}
#menuConference ul li a{
display: block;
height: 21px;
width: auto;
padding: 0px 3px 0px 3px;
margin: 10px 0px 0px 0px;
text-decoration: none;
background: url(bgTab.gif) repeat-x bottom center;
font-size: small;
border-top: #ffffff 1px solid;
border-right: #ffffff 1px solid;
border-left: #ffffff 1px solid;
font-weight: bold;
}
#menuConference ul li a:hover,
#menuConference ul li a.on{
background: url(bgTabOn.gif) repeat-x bottom center;
border-top: #CCCCCC 1px solid;
border-right:#CCCCCC 1px solid;
border-left: #CCCCCC 1px solid;
color: #FFFFFF;
}
body.conference #inter ul.accordeon  li{
background-image: none;
}
body.conference .accordeon a{  
text-decoration: none;
}
body.conference .accordeon .boutonAuteur{       
padding: 3px 5px 0px 0px;
}
body form div.submit input.paiement{
width: 200px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #C02C5B;
}
div.coul02, .bleu, .coul02 {
color: #2E4381;
}
div.coul03, .gris, .coul03 {
color: #999999;
}
div.coul04, .orange, .coul04 {
color: #FF6600;
}
div.coul05, .vert, .coul05 {
color: #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01, .bordureRouge {
border: 1px solid #C02C5B;
}
img.bord02, .bordureBleue {
border: 1px solid #2E4381;
}
img.bord03, .bordureGrise {
border: 1px solid #999999;
}
img.bord04, .bordureOrange {
border: 1px solid #FF6600;
}
img.bord05, .bordureVerte {
border: 1px solid #336600;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodyNiveau4, .MenuNiveauQuatre {}
body.bodyNiveau4 #inter h2{
margin: 0px 0px 100px -90px;
padding: 0px 0px 10px 20px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- RESULTAT RECHERCHE --*/
table.result {
width: 100%;
margin: 10px 0px 10px 0px;
}
.result th {
background-color: #EEEEEE;
border: none;
vertical-align: top;
color: #000000;
padding: 3px 0px 2px 5px;
margin: 0px 5px 0px 0px;
text-align: left;
}
.result td {
vertical-align: top;
padding: 3px;
border: none;
 }
.result td.title {
text-align: left;
padding: 10px 0px 0px 0px;
}
.result td.title a {
font-weight: bold;
color: #2E4381;
 }
.result td.date {
font-size: x-small;
padding: 10px 0px 0px 0px;
color: #C02C5B;
 }
.result td.description {
border-bottom: 1px solid #CCCCCC;
padding: 10px 10px 10px 0px;
 }
html div.prec {
float: left;
padding-left: 2px;
font-size: x-small;
}
html div.prec a {
display: block;
padding: 0px 0px 0px 20px;
color: #003333;
text-decoration: none;
background: url(prec.gif) no-repeat left center;
}
html div.suiv {
float: right;
font-size: x-small;
}
html div.suiv a {
display: block;
padding: 0px 20px 0px 0px;
color: #333333;
text-decoration: none;
background: url(suiv.gif) no-repeat right center;
}
html div.prec a:hover {
text-decoration: underline;
}
html div.suiv a:hover {
text-decoration: underline;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- INDICE --*/
.borderRose{
border: #C02C5B 1px solid;
}
#id_affichage_resultat table {
font-size: xx-small;
}
body.tableResult #inter .submit,
#id_affichage_resultat .submit{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
body.tableResult #inter .submit input,
#id_affichage_resultat .submit input{
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
width: auto;
}
body.tableResult #inter table{
font-size: x-small;
}
body.tableResult #inter form a{
color: #C02C5B;
padding: 0px 0px 0px 5px;
float: right;
font-size: x-small;
}
/* Ajout de François Bouhet */
body.tableRech #inter .submit,
#id_affichage_resultat .submit{
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
}
body.tableRech #inter .submit input,
#id_affichage_resultat .submit input{
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
width: auto;
}
body.tableRech #inter form a{
color: #C02C5B;
padding: 0px 0px 0px 5px;
float: right;
}
/*FIN  Ajout de François Bouhet */

.borderNone td,
.borderNone th{
border:none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
margin:20px 0px 20px 0px;
}
th,
td {
border: 1px solid #999999;
padding: 3px;
vertical-align: top;
}
th {
background-color: #CCCCCC;
color: #000000;
}
th a{
padding: 0px 10px 0px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- FORUM --*/
.newsujet,
.newmessa,
.closemessa,
.closesujet{
color: #C02C5B;
font-weight: bold;
}
.closemessa,
.closesujet{
float: right;
}
.prevpage{
font-size: x-small;
float: left;
}
.nextpage{
font-size: x-small;
float: right
}
.inresponse{
background: #F2F2F2;
padding: 5px 5px 5px 5px;
margin: 0px 0px 5px 0px;
border-bottom: #CCC 1px dotted;
}
.titremsg{
font-style: italic;
padding: 5px 5px 5px 5px;
display: block;
border-bottom:#CCC 1px dotted;
}
.inresponse span{
padding: 0px 5px 0px 5px;
font-weight: bold;
}
a.modifier,
a.reagir,
a.abus,
a.abonner{
font-size: xx-small;
padding: 0px 5px 0px 5px;
margin: 5px 0px 5px 0px;
color: #C02C5B;
display: block;
text-decoration: none;
border-bottom: #EEEEEE 1px solid;
}
a.abus{
border-bottom: none;
}
a.modifier{
border-top: #EEEEEE 1px solid;
}
a.modifier:hover,
a.reagir:hover,
a.abus:hover,
a.abonner:hover{
color: #2E4381;
}
.pagine{
width: 100%;
float: left;
margin: 10px 0px 10px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 {
padding-left:20px;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3 a,
#plandusite h3 a span {
font-size:medium;
margin:0 0 0 0;
padding:0 0 0 0;
color: #2E4381;
text-decoration: none;
}
#plandusite ul {
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: bold;
}
#plandusite ul li ul {
border-bottom: none;
margin:0 0 0 0;
padding:0 0 0 0;
font-weight: normal;
}
#plandusite ul li a {
color: #C02C5B;
text-decoration: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite ul li a:hover {
color: #2E4381;
margin:0 0 0 0;
padding:0 0 0 0;
}
/*--------------------------------------------------------------------------------------------------------------*/
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONNEXION---*/
#connexion{
position: absolute;
top: 154px;
left: -4px;
height: 50px ;
width: 100%;
z-index: 2;
}
body.bodyaccueil #connexion{
position: absolute;
top: 250px;
left: 565px;
width: 400px;
background-image: none;
/*height: auto;*/
z-index: 2;
}
/*--- LOGUER ACCUEIL---*/

body.bodyaccueil #contentLoguer,
body.bodyaccueil #contentLoguer_en { /* voir ie style*/
margin: 10px 15px 0px 0px;
width: 383px;
text-align: left;
background-image: none;
height: 30px;
}
body.bodyaccueil #contentLoguer  p,
body.bodyaccueil #contentLoguer_en  p {
height: 56px;
margin: 0px 0px 0px 0px;
color: #666666;
background: url(bgLoguerAccueil.gif) no-repeat left bottom;
padding: 20px 0px 0px 10px;
font-size: 85%;
text-align: left;
width: 380px;
}
body.bodyaccueil #contentLoguer_en  p {
background:  url(bgLoguerAccueil_en.gif) no-repeat left bottom;
}
body.bodyaccueil #contentLoguer p span,
body.bodyaccueil #contentLoguer_en p span{
line-height: 4em;
font-size: 120%;
}
body.bodyaccueil #contentLoguer  p span{
}
body.bodyaccueil #contentLoguer  p a,
body.bodyaccueil #contentLoguer_en  p a{ /* voir ie style*/
position: relative;
height: 30px;
width: 153px;
padding: 16px 0px 10px 0px;
margin: 0px 0px 0px 0px;
text-align: center;
background: url(btnDemandeExtranet.gif) no-repeat center center;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 115%;
float: right;
}
body.bodyaccueil #contentLoguer  p a:hover,
body.bodyaccueil #contentLoguer_en  p a:hover  {
color: #000000;
}

/*--- LOGUER INTER---*/

#contentLoguer,
#contentLoguer_en{
position: absolute;
top: 0px;
right: 0px;
height: 50px ;
width: 100%;
background: transparent url(bgConnexion.png) no-repeat bottom center;
text-align: right;
z-index: 1;
}
#contentLoguer p,
#contentLoguer_en p {
margin: 27px 52px 0px 0px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}
#loguer p span{
font-weight: bold;
}
#contentLoguer p a{
font-size: xx-small;
padding: 0px 4px 0px 30px;
margin: 0px 0px 0px 30px;
color: #FFFFFF;
text-decoration: none;
}
#contentLoguer_en p a{
font-size: xx-small;
padding: 0px 20px 0px 30px;
margin: 0px 0px 0px 30px;
color: #FFFFFF;
text-decoration: none;
}
#contentLoguer p a:hover,
#contentLoguer_en p a:hover {
color: #000000;
}
/*--- LOGEXTRANET ---*/

body.bodyaccueil #contentLogextranet,
body.espace_personnel #contentLogextranet{
display: block;
width: 385px;
background: url(bgLogextranet.gif) no-repeat 0px 10px;
padding: 5px 5px 5px 5px;
float: left;
position: relative;
z-index: 100;
}
body.espace_personnel #contentLogextranet{
background: url(bgLogextranet2.gif) no-repeat 0px 10px;
}
#contentLogextranet h2{ 
position: absolute;
top: 0px; 
left: 0px;
width: 380px;
font-size: large;
color: #C02C5B;
padding: 0px 0px 0px 0px;
margin: 0px 0px 7px 3px;
}
#contentLogextranet label {
display: none;
}
#contentLogextranet  #logintra{
float: left;
width: 230px;
height: 45px;
padding: 0px 0px 0px 0px;
position: relative;
margin: 32px 0px 0px 0px;
z-index: 1000;
}
#contentLogextranet #logintra input#identifiant,
#contentLogextranet #logintra input#password{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background: transparent;
height: 19px;
width: 175px;
float: left;
border: none;
position: relative;
z-index: 10000;
}
#contentLogextranet #logintra input.bouton{
background-color: transparent;
border: none;
font-size: medium;
font-weight: bold;
color: #2E4381;
margin: 0px 15px 0px 0px;
padding: 0px 0px 0px 0px;
float: right;
width: 24px;
}
#contentLogextranet #logintra input.bouton:hover{
cursor: pointer;
}
body.espace_personnel #oublie,
#contentLogextranet{
display: none;
}

/*--- LOG FORGET ---*/
#contentLogForget{
float: left;
width: 100%;
}
#contentLogForget input{
background: url(bgInput.gif) no-repeat left center;
border: #999999 1px solid;
width: 175px;
float: none;
padding: 0px 0px 0px 5px;
margin: 0px 8px 0px 0px;
}
#inter #contentLogForget input.bouton {
font-size: medium;
font-weight: bold;
color: #2E4381;
width: 24px;
}
#inter #contentLogForget form {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 7px;
}
#contentLogForget label {
display: none;
}
#contentLogForget input.bouton {
width: 20px;
height: 20px;
background-image: none;
border: none;
padding: 0px;
margin: 0px;
}
body.espace_personnel #contentLogextranet h2{
display: none;
}
#logextranet p#oublie{
position: absolute; 
top: 79px;
left: 3px;
font-size: x-small;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/*--- DEMANDE ACCES ---*/
body.bodyaccueil #demande_acces a,
body.espace_personnel #demande_acces a{
float: right;
height: 30px;
width: 153px;
padding: 16px 0px 10px 0px;
margin: 20px 0px 0px 0px;
text-align: center;
background: url(btnDemandeExtranet.gif) no-repeat top center;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
font-size: 115%;
}
body.espace_personnel #demande_acces a{
background: url(btnDemandeExtranet2.gif) no-repeat top center;
}
#demande_acces a:hover {
color: #000000;
}
form.formProfil input#id0110,
form.formProfil input#id0118,
form.formProfil select#id0103{
background: #e0dfe3;
color: #999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
li.invisible, .Invisible {}
.invisible {
position: absolute;
top: -5000px;
left: -5000px
}
table#nosContatcs{
margin: 50px 0px 0px 0px;
}
table#nosContatcs tr td{
border: none;
vertical-align: top;
text-align: center;
width: 33%;
}
a.lien_auteur{
position: relative;
}
a.lien_auteur strong.infobulle{
position: absolute; 
top: -5000px;
}
a.lien_auteur:hover strong.infobulle{
display: block;
height: auto;
width: 250px;
padding: 5px;
border: #C02C5B 1px solid;
background: #F2F2F2;
position: absolute; 
top: 50% ;
left: 50%;
font-weight: normal;
}
form.viewfield, .formulaireAvecGroupesVisibles, .viewfield { }
body form.viewfield legend {
display: block;
position: relative;
top: -0px;
left: -0px;
font-size: medium;
margin: 10px 0px 10px -25px;
padding: 0px 0px 10px 0px;
color: #C02C5B;
background-image: none;
font-weight: bold;
}