body {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
font-family:  Arial, Trebuchet MS,Helvetica, sans-serif;
font-size: small;
color: #333333;
/*background: url(bgBody.jpg) no-repeat top center;*/
}
body.bodyaccueil,
body.bodyLien01,
body.bodyLien02, 
body.bodyLien03, 
body.bodyLien04, 
body.bodyLien05, 
body.bodyLien06,
body.bodygenerique {
background: url(bgBody.jpg) no-repeat top center;
}
#background01{
float: left;
width: 100%;
background-image: url(bgBackground_ie.gif);
background-repeat: repeat-y;
background-position: center top;
}
html > body #background01{
float: left;
width: 100%;
background-image: url(bgBackground.png);
background-repeat: repeat-y;
background-position: center top;
}
a {
color: #333333;
}
a:hover {
text-decoration: none;
}
h1 {
position: absolute;
top: -5000px;
left: -5000px;
}
form,
fieldset {
margin: 0;
padding: 0;
border: none;
}
legend{
display:none;
position:absolute;
top: -5000px;
left: -5000px;
}
ul,
ul li {
margin: 0;
padding: 0;
list-style: none;
}
img {
border: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CENTRAGE ---*/
#centrage {
width:980px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:980px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
 
body.bodyaccueil #header {
background: url(bgHeader.jpg) no-repeat top center;
height: 160px;
}
#header {
background: url(bgHeader.jpg) no-repeat top center;
}
#header #anim {
position: absolute;
top: 0px;
left: 238px;
width: 742px;
height: 108px;
background-color: #FFFFFF;
}
#headerToolBar{
height: 272px;
position: relative;
}
body.bodyaccueil #headerToolBar{
height: 200px;
position: relative;
background: url(bandeauAccueil.gif) no-repeat left bottom;
}
body.bodyLien01 #headerToolBar,
body.bodyLien06 #headerToolBar{
background: url(bandeauOrange.gif) no-repeat left bottom;
}
body.bodyLien02 #headerToolBar{
background: url(bandeauViolet.gif) no-repeat left bottom;
}
body.bodyLien03 #headerToolBar,
body.bodyLien04 #headerToolBar{
background: url(bandeauRouge.gif) no-repeat left bottom;
}
body.bodyLien05 #headerToolBar{
background: url(bandeauBleu.gif) no-repeat left bottom;
}
body.bodygenerique #headerToolBar,
body.bodyAnnuaire #headerToolBar{
background: url(bandeauGenerique.gif) no-repeat left bottom;
}
#logo{ /* ---voir style ie6 ---*/
position: absolute; 
top: 0px;
left: -34px;
z-index: 1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
#raccourcis {
position: absolute;
top: 170px;
left: 7px;
width: 300px;
font-size: xx-small;
}
#raccourcis ul li{
float: left;
margin: 0px 15px 0px 0px;
text-decoration: none;
}
#raccourcis ul li a{
display: block;
color: #FFFFFF;
text-decoration: none;
padding: 1px 0px 3px 20px; 
background-repeat: no-repeat;
}
#raccourcis ul li.racplan a {
background-image: url(picto_plan.gif);
}
#raccourcis ul li.racaide a {
background-image: url(picto_handi.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOOLBAR ---*/

body.bodyaccueil #toolBar{
display: none;
}
#toolBar{
display: block;
position: absolute;
top: 197px;
left: 290px;
}
#toolBar ul li{
float : left;
}
#toolBar ul li a{
text-decoration: none;
display: block;
float: left;
height: 33px;
width: 48px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-repeat : no-repeat;
background-position: center center;
}
#toolBar ul li a span {
position: absolute;
top: -5000px ;
left: -5000px;
}

/* orange */
body.bodyLien01 #toolBar ul li.carteInteractive a,
body.bodyLien06 #toolBar ul li.carteInteractive a{
background-image: url(carteImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.demarches a,
body.bodyLien06 #toolBar ul li.demarches a{
background-image: url(demarchesImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.agenda a,
body.bodyLien06 #toolBar ul li.agenda a{
background-image: url(agendaImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.annuaire a,
body.bodyLien06 #toolBar ul li.annuaire a{
background-image: url(annuaireImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.famille a,
body.bodyLien06 #toolBar ul li.famille a{
background-image: url(familleImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.kiosque a,
body.bodyLien06 #toolBar ul li.kiosque a{
background-image: url(avrilleMagImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.marchesPublics a,
body.bodyLien06 #toolBar ul li.marchesPublics a{
background-image: url(marchesImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.contactMairie a,
body.bodyLien06 #toolBar ul li.contactMairie a{
background-image: url(contactImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.avrilleImage a,
body.bodyLien06 #toolBar ul li.avrilleImage a{
background-image: url(photothequeImgOrange.gif);
}
body.bodyLien01 #toolBar ul li.nosBlogs a,
body.bodyLien06 #toolBar ul li.nosBlogs a{
background-image: url(blogueImgOrange.gif);
}

/* rouge */

body.bodyLien03 #toolBar ul li.carteInteractive a,
body.bodyLien04 #toolBar ul li.carteInteractive a{
background-image: url(carteImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.demarches a,
body.bodyLien04 #toolBar ul li.demarches a{
background-image: url(demarchesImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.agenda a,
body.bodyLien04 #toolBar ul li.agenda a{
background-image: url(agendaImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.annuaire a,
body.bodyLien04 #toolBar ul li.annuaire a{
background-image: url(annuaireImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.famille a,
body.bodyLien04 #toolBar ul li.famille a{
background-image: url(familleImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.kiosque a,
body.bodyLien04 #toolBar ul li.kiosque a{
background-image: url(avrilleMagImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.marchesPublics a,
body.bodyLien04 #toolBar ul li.marchesPublics a{
background-image: url(marchesImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.contactMairie a,
body.bodyLien04 #toolBar ul li.contactMairie a{
background-image: url(contactImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.avrilleImage a,
body.bodyLien04 #toolBar ul li.avrilleImage a{
background-image: url(photothequeImgRouge.gif);
}
body.bodyLien03 #toolBar ul li.nosBlogs a,
body.bodyLien04 #toolBar ul li.nosBlogs a{
background-image: url(blogueImgRouge.gif);
}

/* Violet */

body.bodyLien02 #toolBar ul li.carteInteractive a{
background-image: url(carteImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.demarches a{
background-image: url(demarchesImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.agenda a{
background-image: url(agendaImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.annuaire a{
background-image: url(annuaireImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.famille a{
background-image: url(familleImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.kiosque a{
background-image: url(avrilleMagImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.marchesPublics a{
background-image: url(marchesImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.contactMairie a{
background-image: url(contactImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.avrilleImage a{
background-image: url(photothequeImgViolet.gif);
}
body.bodyLien02 #toolBar ul li.nosBlogs a{
background-image: url(blogueImgViolet.gif);
}


/* Bleu */

body.bodyLien05 #toolBar ul li.carteInteractive a{
background-image: url(carteImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.demarches a{
background-image: url(demarchesImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.agenda a{
background-image: url(agendaImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.annuaire a{
background-image: url(annuaireImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.famille a{
background-image: url(familleImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.kiosque a{
background-image: url(avrilleMagImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.marchesPublics a{
background-image: url(marchesImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.contactMairie a{
background-image: url(contactImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.avrilleImage a{
background-image: url(photothequeImgBleu.gif);
}
body.bodyLien05 #toolBar ul li.nosBlogs a{
background-image: url(blogueImgBleu.gif);
}

/* vert generique*/

body.bodygenerique #toolBar ul li.carteInteractive a{
background-image: url(carteImgVert.gif);
}
body.bodygenerique #toolBar ul li.demarches a{
background-image: url(demarchesImgVert.gif);
}
body.bodygenerique #toolBar ul li.agenda a{
background-image: url(agendaImgVert.gif);
}
body.bodygenerique #toolBar ul li.annuaire a{
background-image: url(annuaireImgVert.gif);
}
body.bodygenerique #toolBar ul li.famille a{
background-image: url(familleImgVert.gif);
}
body.bodygenerique #toolBar ul li.kiosque a{
background-image: url(avrilleMagImgVert.gif);
}
body.bodygenerique #toolBar ul li.marchesPublics a{
background-image: url(marchesImgVert.gif);
}
body.bodygenerique #toolBar ul li.contactMairie a{
background-image: url(contactImgVert.gif);
}
body.bodygenerique #toolBar ul li.avrilleImage a{
background-image: url(photothequeImgVert.gif);
}
body.bodygenerique #toolBar ul li.nosBlogs a{
background-image: url(blogueImgVert.gif);
}




/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute; 
top:155px;
right: 10px;
width:180px;
font-size: x-small;
background:url(bg_recherche.gif) no-repeat center center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#recherche input.saisie {
font-size: x-small;
color: #996699;
border: 1px solid #996699;
vertical-align: middle;
width: 140px;
margin:0px 0px 0px 0px;
padding:3px 0px 3px 0px;
}
#recherche input.bouton {
background-color: transparent;
border: none;
color: #FFFFFF;
font-weight: bold;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
vertical-align: middle;
}
#recherche label,
#recherche legend{
display: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
 
body.bodyaccueil h2,
#sondage h2{
border-bottom: none;
background: url(bgH2.gif) no-repeat 0px 0px;
padding: 0px 0px 0px 25px;
}
body.bodyaccueil h2 {
border-bottom: none;
font-size: large;
}
body.accueilRubrique h2,
body.accueilRubrique h2 a{
padding: 5px 0px 5px 0px; 
}
h2,
h2 a{
position: relative; /*--- debug ie6---*/
z-index: 1; /*--- debug ie6---*/
color: #0066CC;
font-size: x-large;
padding: 5px 80px 5px 0px; 
margin: 0px 0px 0px 0px; 
border-bottom: #CCCC33 1px dotted;
}

h3,
h3 a{
color: #8BA62B;
font-size: large;
padding: 5px 0px 5px 0px; 
margin: 0px 0px 0px 0px; 
text-transform: uppercase;
}
h4,
h4 a{
color: #8BA62B;
font-size: medium;
padding: 5px 0px 5px 0px; 
margin: 0px 0px 0px 0px; 
text-transform: uppercase;
}
h5,
h5 a{
color: #333333;
font-size: small;
padding: 5px 0px 5px 0px; 
margin: 0px 0px 0px 0px; 
text-transform: uppercase;
}
/* --- ORANGE ---*/
body.bodyLien01 h3,
body.bodyLien01 h3 a,
body.bodyLien06 h3,
body.bodyLien06 h3 a,
body.bodyLien01 h4,
body.bodyLien01 h4 a,
body.bodyLien06 h4,
body.bodyLien06 h4 a,
body.bodypopupOrange h3,
body.bodypopupOrange h3 a,
body.bodypopupOrange h4,
body.bodypopupOrange h4 a{
color: #F89C1C;
}
/* --- VIOLET ---*/
body.bodyLien02 h3,
body.bodyLien02 h3 a,
body.bodyLien02 h4,
body.bodyLien02 h4 a,
body.bodypopupViolette h3,
body.bodypopupViolette h3 a,
body.bodypopupViolette h4,
body.bodypopupViolette h4 a{
color: #996699;
}
/* --- ROUGE ---*/
body.bodyLien03 h3,
body.bodyLien03 h3 a,
body.bodyLien04 h3,
body.bodyLien04 h3 a,
body.bodyLien03 h4,
body.bodyLien03 h4 a,
body.bodyLien04 h4,
body.bodyLien04 h4 a,
body.bodypopupRouge h3,
body.bodypopupRouge h3 a,
body.bodypopupRouge h4,
body.bodypopupRouge h4 a{
color: #CF361C;
}
/* --- BLEU ---*/
body.bodyLien05 h3,
body.bodyLien05 h3 a,
body.bodyLien05 h4,
body.bodyLien05 h4 a,
body.bodypopupBleue h3,
body.bodypopupBleue h3 a,
body.bodypopupBleue h4,
body.bodypopupBleue h4 a{
color: #509AC5;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- MENU ---*/
/*---  Définit dans menuStyles.css  ---*/
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CONTENT ---*/
body.bodyaccueil #content {
width:980px;
float:left; 
/*background: url(bgContent.gif) no-repeat bottom center;*/
}
#content {
background-image: url(bgContentVert.gif);
background-repeat: repeat-y ;
background-position: top left;
background-color: #FFFFFF;
width:980px;
float:left; 
}
body.bodyLien01 #content,
body.bodyLien06 #content {
background-image: url(bgContentOrange.gif); 
}
body.bodyLien02 #content {
background-image: url(bgContentViolet.gif) ; 
}
body.bodyLien03 #content,
body.bodyLien04 #content {
background-image: url(bgContentRouge.gif) ; 
}
body.bodyLien05 #content {
background-image: url(bgContentBleu.gif) ; 
}
body.bodygenerique #content,
body.bodyAnnuaire #content {
background-image: url(bgContentGenerique.gif) ; 
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FIL D'ARIANE ---*/
#filariane {
position: relative; 
top: -101px;
left: 35px;
width:480px;
font-size: x-small;
color: #0066CC;
padding: 0px 0px 0px 0px; 
float: left;
}
body.bodyaccueil #filariane {
height: 10px;
display: none;
}
#filariane a {
font-size: x-small;
color: #0066CC;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACCUEIL ---*/
#colGauche{
width: 378px;
float: left;
}
/*--- JE SUIS ---*/
#avrilleCarte{
color: #FFFFFF;
position: absolute;
top: 28px;
left: 150px;
margin: 0px; 
padding: 0px;
}
#jeSuis{
background: url(bgJeSuis.gif) no-repeat top left;
height:140px;
position: relative;
}
#interAccueil #jeSuis ul li{
background-image: none;
}
#interAccueil #jeSuis ul li a{
text-decoration: none;
color: #975CA6;
}
#interAccueil #jeSuis ul li a:hover{
color: #0168B7;
}
#jeSuis ul li#jeune a{
position: absolute;
top: 35px;
left: 35px;
}
#jeSuis ul li#senior a{
position: absolute;
top: 55px;
left: 35px;
}
#jeSuis ul li#famille a{
position: absolute;
top: 75px;
left: 35px;
}
#jeSuis ul li#entreprise a{
position: absolute;
top: 35px ;
left: 255px;
text-decoration: none;
}
#jeSuis ul li#habitant a{
position: absolute;
top: 55px ;
left: 255px;
}
#jeSuis ul li#association a{
position: absolute;
top: 75px ;
left: 255px;
}
/* ---SONDAGE ---*/
 
#sondage{
background: #FFFFFF;
width: 218px;
margin: 10px 0px 0px 10px;
}
html > body.bodyaccueil  #sondage{
background: url(transparent.png) repeat center center;
width: 100%;
margin: 10px 0px 0px 0px;
}
 
#sondage form{
padding: 10px 10px 10px 10px;
}
#sondage form p.submit{
text-align: center;
}
#sondage form p.submit input{
background: #cbdb2a;
padding: 0px 0px 2px 0px;
width:120px;
border: none;
margin: auto;
}
#sondage form legend{
display: none;
}
#sondage p.question{
margin: 0px 0px 5px 0px;
}
#sondage p.response{
margin: 0px 0px 0px 0px;
}
/* ---LINK---*/
#link {
background: url(linkImg_ie.gif) no-repeat top right;
margin: 0px 0px 20px 10px;
width: 200px;
}
html > body.bodyaccueil #link {
background: url(linkImg.png) no-repeat top right;
margin: 0px 0px 20px 0px;
width: 100%;
}
#link h2{
background-image: none;
padding-top: 6px;
/*float: left;*/
width: auto;
}
#link ul{
margin: 10px 0px 0px 0px;
}
#link ul li{
padding: 2px 2px 2px 15px;
width: auto;
}
#link ul li a {
padding: 2px 2px 2px 20px;
background: url(puceLink.gif) no-repeat 0px 2px;
text-decoration: none;
font-weight: bold;
color: #0168B7;
}
#inscritnews strong {
display: block;
margin: 2px 0px 0px 0px;
padding: 2px 2px 2px 20px;
background: url(puceLink2.gif) no-repeat 0px 2px;
font-weight: bold;
color: #0168B7;
}
/* --- LES PROJETS ---*/
#tabAccueil ul li{
display: inline;
padding: 0px ;
margin: 0px;
}
#tabAccueil ul li a{
display: block;
float: left;
background: url(bgOnglet.gif) no-repeat 0px 0px;
width:188px;
height:15px;
padding: 15px 0px 5px 0px;
text-align: center;
text-decoration: none;
color: #0168B7;
font-weight: bold;
}
#tabAccueil a:hover,
#tabAccueil a.onOnglet{
background: url(bgOnglet.gif) no-repeat 0px -63px;
}
.offContainer{
display: none;
}
.onContainer{
display: block;
}
#containerProjet,
#containerGrandsProjets{
min-height: 150px;
height: auto!important;
height: 150px;
border: #CBDB2A 2px solid;
float: left;
width: 350px;
padding: 10px;
}

#tabAccueil .toutesVideos{
text-align: center;
margin: 10px 0px 0px 0px;
}
#tabAccueil .toutesVideos a{
display: block;
text-decoration: none;
font-size: x-small;
font-weight: bold;
color: #0168B7;
}
#tabAccueil .toutesVideos a:hover{
background-image: none;
color: #975CA6;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width: 515px;
float: left; 
display: inline; /* --- DEBUG IE6 ---*/
position: relative;
margin: -20px 0px 0px 0px;
padding:  0px 0px 0px 0px;
min-height: 400px;
height: auto !important;
height: 400px;
}
#inter p {
margin: 0px 0px 0px 0px;
padding:  8px 0px 8px 0px;
}
body #inter ul li,
#inter_popup ul li {

list-style-image: url(puce01Generique.gif);
list-style-position: outside;
background-color: transparent;
}
#inter_popup ul,
#inter ul {
width: auto;
margin: 5px 0px 20px 50px;
padding: 0;
list-style: none;
}
#inter ul ul li,
#inter_popup ul ul li{
list-style-image: url(puce02Generique.gif);
}
#inter ul ul ul li,
#inter_popup ul ul ul li{
list-style-image: url(puce03Generique.gif);
}
body.bodyaccueil #interAccueil {
width: 730px;
display: inline;
float: left; 
margin: 30px 0px 0px 10px;
padding:  0px 0px 58px 0px;
}
/*-------------------*/
#backgroundInter{
width: 980px;
background: url(bgInterAccueil_ie.gif) repeat-y left top;
float: left; 
}
html > body #backgroundInter{
width:980px;
background: url(bgInterAccueil.gif) repeat-y left top;
float: left; 
}
 
/*-------------------*/
#backgroundInter2{
width:982px;
background:url(bgInterAccueil2_ie.gif) no-repeat  center bottom;
float: left; 
}
html > body #backgroundInter2{
width:980px;
background:url(bgInterAccueil2.gif) no-repeat left bottom;
float: left; 
}
 
/*-------------------*/
/* --- ORANGE ---*/
 
body.bodyLien01 #inter ul li,
body.bodyLien06 #inter ul li,
#inter ul.listeplan01 li,
#inter ul.listeplan06 li,
body.bodypopupOrange #inter_popup ul li{
list-style-image: url(puce01Orange.gif);
background-color: transparent;
}
body.bodyLien01 #inter ul ul li,
body.bodyLien06 #inter ul ul li,
#inter ul.listeplan01 ul li,
#inter ul.listeplan06 ul li,
body.bodypopupOrange #inter_popup ul ul li{
list-style-image  :url(puce02Orange.gif);
background-color: transparent;
}
body.bodyLien01 #inter ul ul ul li,
body.bodyLien06 #inter ul ul ul li,
#inter ul.listeplan01 ul ul li,
#inter ul.listeplan06 ul ul li,
body.bodypopupOrange #inter_popup ul ul ul li{
list-style-image: url(puce03Orange.gif);
background-color: transparent;
}
/* --- VIOLET ---*/
body.bodyLien02 #inter ul li,
#inter ul.listeplan02 li,
body.bodypopupViolette #inter_popup ul li{
list-style-image: url(puce01Violette.gif);
}
body.bodyLien02 #inter ul ul li,
#inter ul.listeplan02 ul  li,
body.bodypopupViolette #inter_popup ul ul li{
list-style-image: url(puce02Violette.gif);
}
body.bodyLien02 #inter ul ul ul li,
#inter ul.listeplan02 ul ul li,
body.bodypopupViolette #inter_popup ul ul ul li{
list-style-image: url(puce03Violette.gif);
}
/* --- ROUGE ---*/
body.bodyLien03 #inter ul li,
body.bodyLien04 #inter ul li,
#inter ul.listeplan03 li,
#inter ul.listeplan04 li,
body.bodypopupRouge #inter_popup ul li{
list-style-image: url(puce01Rouge.gif);
}
body.bodyLien03 #inter ul ul li,
body.bodyLien04 #inter ul ul li,
#inter ul.listeplan03 ul li,
#inter ul.listeplan04 ul li,
body.bodypopupRouge #inter_popup ul ul li{
list-style-image: url(puce02Rouge.gif);
}
body.bodyLien03 #inter ul ul ul li,
body.bodyLien04 #inter ul ul ul li,
#inter ul.listeplan03 ul ul li,
#inter ul.listeplan04 ul ul li,
body.bodypopupRouge #inter_popup ul ul ul li{
list-style-image: url(puce03Rouge.gif);
}
/* --- BLEU ---*/
body.bodyLien05 #inter ul li,
#inter ul.listeplan05 li,
body.bodypopupBleue #inter_popup ul li{
list-style-image: url(puce01Bleue.gif);
}
body.bodyLien05 #inter ul ul li,
#inter ul.listeplan05 ul li,
body.bodypopupBleue #inter_popup ul ul li{
list-style-image: url(puce02Bleue.gif);
}
body.bodyLien05 #inter ul ul ul li,
#inter ul.listeplan05 ul ul li,
body.bodypopupBleue #inter_popup ul ul ul li{
list-style-image: url(puce03Bleue.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ACTUS ---*/
#actus{ /*INSTRUCTIONS IE6*/

width: 322px;
padding: 35px 10px 5px 10px;
margin: -55px 0px 0px 0px;
background: url(bgActus.gif) no-repeat -5px 20px ;
position: relative;
display: inline;
float: right;
}
html > body #actus{
padding: 0px 10px 5px 10px;
margin: 0px 0px 0px 0px;
background: url(bgActus.gif) no-repeat -5px 0px ;
}
#actus h2 {
margin: 10px 0px 30px 0px;
}
#actus p {
margin: 10px 0px 20px 0px;
}
#actus p img {
margin: 5px 0px 0px 10px;
}
#actus strong a{
color: #0066CC;
text-decoration: none;
}
p.toutesactus{
display: none;
}
body.bodyaccueil p.toutesactus {
display: block;
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
position: absolute;
top: -72px; /* --- voir stylesie css ---*/
left: 410px;
}
body.bodyaccueil p.toutesactus a{
display: block;
text-decoration: none;
font-weight: bold;
color: #0168B7;
padding: 0px 0px 0px 100px;
margin: 0px 0px 0px 0px;
}
.actuLigne{
float: left; 
clear: left;
width: 100%;
padding: 0px 0px 20px 0px;
}
.actuLigne a {
color: #0066CC;
float: left;
}
#retourActuList a{
color: #0066CC;
font-weight: bold;
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- BLOGS ---*/
#right #blogThemes {
position: relative;
margin: 0px 0px 10px 0px;
clear: left;
background: url(bg_content_postIt.gif) bottom center;
}
#right #blogThemes h3 {
background: url(bg_top_postIt.gif) top center no-repeat;
padding: 30px 0px 10px 10px;
}
#right #blogThemes h4 {
padding: 10px 0px 0px 10px;
}
#right #blogThemes p.retourListe {
padding: 0px 0px 3px 30px;
margin: 0px 0px 0px 0px;
background-image: url(puce_post_it.gif);
background-repeat: no-repeat;
background-position: 13px 3px;
}
#right #blogThemes ul {
padding: 0px 0px 10px 10px;
}
#right #blogThemes ul li {
padding: 0px 0px 3px 20px;
background-image: url(puce_post_it.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
}
#inter div.billetBlog {
background-image: url(fond_billet_orange.gif);
background-position: bottom;
background-repeat: repeat-x;
margin-bottom: 20px;
width: 515px;
float: left;
}
#inter div.billetBlog p.dateBillet {
color: #CC3333;
font-weight: bold;
}
#inter div.billetBlog p {
float: left;
width: 100%;
}
#inter div.billetBlog p.paraCategorie {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter div.billetBlog p .categorie,
#inter div.billetBlog p .categorieBillet {
font-size: x-small;
color: #42a52e;
}
#inter div.billetBlog p .categorieBillet {
font-weight: bold;
}
#inter div.billetBlog p img {
float: right;
border: 1px solid #797979;
margin: 0px 0px 0px 10px;
}
#inter div.billetBlog p.suite {
float: left;
width: 200px;
padding: 8px 0px 8px 10px;
color: #FFFFFF;
font-size: x-small;
}
#inter div.billetBlog p.commentairesBillet {
float: right;
width: 200px;
padding: 8px 10px 8px 0px;
color: #FFFFFF;
font-size: x-small;
text-align: right;
}
#inter div.billetBlog p.suite a,
#inter div.billetBlog p.commentairesBillet a {
color: #FFFFFF;
}
#right #blogThemes ul.liensRss {
padding: 10px 0px 10px 10px;
}
#right #blogThemes ul li.rssBlog,
#right #blogThemes ul li.rssCommentaire {
padding: 0px 0px 10px 20px;
background-image: url(picto_rss_blog.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
font-size: x-small;
font-weight: bold;
line-height: 3ex;
}
#right #blogThemes ul li.rssBlog a,
#right #blogThemes ul li.rssCommentaire a {
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PHOTOTHEQUE ---*/
.contentDiapo table {
width: 100%;
border-collapse: separate;
}
#inter div.contentDiapo table th {
background-color: #FFFFFF;
border: none;
text-align: left;
}
.contentDiapo table td {
border: none;
text-align: center;
vertical-align: middle;
background-color: #fef5e8;
height: 90px;
}
.contentDiapo table td:hover {
background-color: #f89c1c;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- RIGHT COL DROIT ---*/
#right,
#rightAccueil {
float: right;
width: 180px;
margin: 0px 17px 0px 14px;
display: inline; /*---DEBUG IE6 ---*/
}
body.bodyaccueil #right,
body.bodyaccueil  #rightAccueil {
width: 228px;
margin: 10px 5px 0px 0px;
}
body.bodyaccueil #colDroit{
float: right;
width: 230px;
margin: 10px 0px 10px 0px;
display: inline; /* ---DEBUG IE6 ---*/
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POST IT ---*/
body.bodyaccueil #postIt {
position: relative;
margin: 20px 0px 10px 0px;
padding: 0px 0px 10px 0px;
clear: both;
}
#postIt {
position: relative;
margin: -23px 0px 10px 0px;
clear: left;
}
#contentPostIt{
background: url(bg_content_postIt.gif) bottom center;
}
#bgPostIt{
background: url(bg_top_postIt.gif) top center no-repeat;
padding:0px;
}
#interPostIt{
padding: 14px 8px 8px 8px;
}
#interPostIt h3{
color: #0066CC;
text-align: center;
font-size:large;
padding:14px 23px 3px 0px;
}
body.bodyaccueil #contentPostIt{
background: url(bg_content_postItAccueil.gif) bottom center;
}
body.bodyaccueil #bgPostIt{
background: url(bg_top_postItAccueil.gif) top center no-repeat;
margin-top:10px;
}
body.bodyaccueil #interPostIt{
padding: 15px 10px 8px 10px;
}
body.bodyaccueil #interPostIt h3{
color: #0066CC;
text-align: center;
font-size:large;
padding:10px 10px 5px 10px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- NUAGE DE TAG ---*/
#nuageTags{
float: left;
margin: 20px 0px 0px 0px;
}
#interNuageTags h2{
border-bottom: none;
background: url(bgH2.gif) no-repeat 0px 0px;
padding: 0px 0px 0px 25px;
font-size: large;
}
#nuageTags a{
text-decoration: none;
padding: 0px 5px 0px 5px;
font-weight: bold;
}
.tagCoul0 a {
color: #8BA628;
font-size: 140%;
}
.tagCoul0 a:hover {
color: #F89C1C;
}
.tagCoul1 a {
color: #CF361C;
font-size: 120%;
}
.tagCoul1 a:hover{
color: #975CA6;
}
.tagCoul2 a{
color: #975CA6;
font-size: 110%;
}
.tagCoul2 a:hover{
color: #CF361C;
}
.tagCoul3 a {
color: #2A56A5;
font-size: 90%;
}
.tagCoul3 a:hover {
color: #000000;
}
.tagCoul4 a {
color: #000000;
font-size: 70%;
}
.tagCoul4 a:hover {
color: #8BA628;
}
.tagCoul5 a {
color: #000000;
font-size: 60%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- ANNUAIRE ---*/
body.annuaire #inter h3,
body.annuaire #inter h3 a{
text-transform: none;
}
body.annuaire #inter h3#fil_annuaire{
margin: 10px 10px 20px 0px;
padding: 10px 10px 20px 0px;
border-bottom:1px dotted #CCCC33;
}
#inter .description_fiche h4,
#inter .description_fiche h4 a{
color: #0066CC;
text-decoration: none;
text-transform: none;
}
#inter .description_fiche h4 a:hover{
text-decoration: underline;
}
#inter .description_fiche{
border-bottom: #CCCCCC 1px solid;
margin: 0px 10px 10px 0px;
padding: 0px 10px 10px 0px;
}
.rubriqueAnnu li a {
color:#0066CC;
text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
body.bodypopupOrange,
body.bodypopupRouge,
body.bodypopupVerte,
body.bodypopupViolette,
body.bodypopupBleue,
body.bodypopupGenerique{
background-image: none;
}
#header_popup{
background: url(bgHeaderPopup.jpg) no-repeat top left;
position:relative;
width:600px;
height: 125px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
#slogan{
position:relative;
width:600px;
padding:0px 0px 0px 0px;
height: 60px;
background-repeat: no-repeat;
background-position: top left;
}
body.bodypopupViolette #slogan{
background-image: url(sloganViolet.gif);
}
body.bodypopupRouge #slogan{
background-image: url(sloganRouge.gif);
}
body.bodypopupBleue #slogan{
background-image: url(sloganBleu.gif);
}
body.bodypopupOrange #slogan{
background-image: url(sloganOrange.gif);
}
body.bodypopupGenerique #slogan{
background-image: url(sloganGenerique.gif);
}
#header_popup #logo_popup,
#header_popup .logo_popup{
position:absolute;
top: 40px;
left: 40px;
}
#header_popup #imprimpage a {
position: absolute;
top: 210px;
right: 10px;
display: block;
text-decoration: none;
color: #0066CC;
padding: 0px 0px 0px 25px;
background: url(imprimer.gif) no-repeat left center;
}
#inter_popup{
padding: 10px;
}
#inter_popup form{
padding: 10px;
clear: both;
}
#inter_popup form legend{
display: none;
}
#interContent{
width:600px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  BANDEAU SCROLLABLE  --*/
/*--- SLIDE---*/
#defilBandeau {
width: 515px;
}
body #bandeau{ 
width:435px;
overflow:hidden;
padding: 30px 0px 10px 0px;
float: left;
}
#inter #bandeau ul {
float: left;
margin: 0px 0px 0px 0px;
}
#inter #bandeau ul li {
float:left;
display:block;
padding:0px 0px 0px 0px;
margin: 0px 5px 0px 5px;
}
#inter #bandeau ul li img{
width:195px;
}
.fleche {
float: left;
padding: 20px 0px 0px 0px;
}
html > body .fleche {
float: left;
padding: 10px 0px 0px 0px;
}
#gauche{
margin-left:-5px;
}
#droite{
margin-right:-5px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- FOOTER ---*/
#footer ul {
float: left;
text-align: center;
width: 980px;
margin: 60px 0px 0px 0px;
display: inline; /* --- DEBUG IE6 ---*/
color: #999999;
}
#footer ul li {
display: inline;
padding: 0px 0px 0px 5px;
position:relative;
}
#footer ul li a {
text-decoration: none;
font-size: x-small;
color: #999999;
}
#footer ul li a:hover {
color: #333333;
}
body.bodyaccueil #background_footer {
width: 100%;
height: 171px;
background:  url(bgFooterAccueil_ie.gif) no-repeat bottom center;
float: left;
}
html > body.bodyaccueil #background_footer {
background:  url(bgFooterAccueil.gif) no-repeat bottom center;
}
body.bodyaccueil #footer {
position: relative;
height: 60px;
width: 980px;
margin-left: auto;
margin-right: auto;
}
body.bodyaccueil #footer h2 {
display: block;
color: #FFFFFF;
margin: -20px 0px 5px 10px;
background-image: url(bgH2_violet.gif);
position: relative;
z-index: 1;
}
#footer h2 {
display: none;
}
body.bodyaccueil #footer ul {
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
color: #999999;
}
html > body.bodyaccueil #footer ul {
float: left;
text-align: center;
margin: 0px 0px 0px 0px;
color: #999999;
}
body.bodyaccueil p#adresseAccueil {
display: block;
color: #FFFFFF;
width: 970px;
text-align: center;
margin: 0px 5px 5px 5px ;
padding: 10px 0px 0px 0px;
}
p#adresseAccueil{
display: none;
}
p#adresseAccueil a{
color: #FFFFFF;
}
/* --- ORANGE ---*/
body.bodyLien01 #background_footer{
background:transparent url(bgFooterOrange.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}
body.bodyLien01 #footer {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterOrange.gif) no-repeat center top;
}


body.bodyLien06 #background_footer{
background:transparent url(bgFooterOrange2.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}

body.bodyLien06 #footer {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterOrange2.gif) no-repeat center top;
}


/* --- VIOLET ---*/
body.bodyLien02 #background_footer{
background:transparent url(bgFooterViolet.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}
body.bodyLien02 #footer {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterViolet.gif) no-repeat center top;
}
/* --- ROUGE---*/
body.bodyLien03 #background_footer,
body.bodyLien04 #background_footer{
background:transparent url(bgFooterRouge.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}
body.bodyLien03 #footer,
body.bodyLien04 #footer  {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterRouge.gif) no-repeat center top;
}
/* --- BLEU ---*/
body.bodyLien05 #background_footer{
background:transparent url(bgFooterBleu.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}
body.bodyLien05 #footer {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterBleu.gif) no-repeat center top;
}
/* ---GENERIQUE ---*/
body.bodygenerique #background_footer,
body.bodyAnnuaire #background_footer{
background:transparent url(bgFooterGenerique.gif) no-repeat  center top;
float: left;
width: 100%;
padding-bottom:50px;
}
body.bodygenerique #footer,
body.bodyAnnuaire #footer {
width: 980px;
margin-left: auto;
margin-right: auto;
background:transparent url(bgFooterGenerique.gif) no-repeat center top;
}
 
/*-- HAUT DE LA PAGE --*/
#hautpage {
display: none;
}
#hautpage a {
}
/*-- IMPRIMER LA PAGE --*/
body.bodyaccueil #imprimpage,
body.accueilRubrique #imprimpage {
display: none;
}
#imprimpage a {
position: absolute;
top: 280px;
right: 215px;
z-index: 1000;
display: block;
text-decoration: none;
color: #0066CC;
padding: 0px 0px 0px 25px;
background: url(imprimer.gif) no-repeat left center;
float: left;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TEXTE ---*/
div.coul01, .rouge, .coul01 {
color: #CC3333;
}
div.coul02, .bleu, .coul02 {
color: #0066CC;
}
div.coul03, .gris, .coul03 {
color: #797979;
}
div.coul04, .orange, .coul04 {
color: #FF9933;
}
div.coul05, .vert, .coul05 {
color: #8BA628;
}
div.coul06, .violet, .coul06 {
color: #996699;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- BORDURE D'IMAGES --*/
img.bord01 .bordureRouge {
border: 1px solid #CC3333;
}
img.bord02, .bordureBleue {
border: 1px solid #0066CC;
}
img.bord03, .bordureGrise {
border: 1px solid #797979;
}
img.bord04, .bordureOrange {
border: 1px solid #FF9933;
}
img.bord05, .bordureVerte {
border: 1px solid #8BA628;
}
img.bord06, .bordureViolette {
border: 1px solid #996699;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- STYLE BODY --*/
body.bodyLien01, .MaVillePratique {}
body.bodyLien02, .VieMunicipale {}
body.bodyLien03, .Grandir {}
body.bodyLien04, .Epanouir {}
body.bodyLien05, .VivreEnsemble {}
body.bodyLien06, .DecouvrirAvrille {}
body.bodygenerique, .Generique{}
/*--------------------------------------------------------------------------------------------------------------*/
/*-- 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 5px;
width: 70%;
}
.result td.title a {
font-weight: bold;
color: #2E4381;
text-decoration: none;
 }
.result td.title a:hover {
text-decoration: underline;
 }
.result td.date {
font-size: x-small;
padding: 10px 0px 0px 5px;
color: #8DA52B;
width: 30%;
 }
.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: #C02C5B;
text-decoration: none;
background: url(bgPrec.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: #C02C5B;
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;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/*-- TABLEAUX --*/
table {
border-collapse: collapse;
}
th,
td {
border: 1px solid #999999;
padding: 3px;
vertical-align: top;
}
th {
background-color: #CBDB2A;
color: #FFFFFF;
}
/*--- ORANGE ---*/
body.bodyLien01 th,
body.bodyLien06 th{
background-color: #FFDE91;
color: #333333;
}
/*--- VIOLET ---*/
body.bodyLien02 th{
background-color: #83C7EE;
color: #333333;
}
/*--- ROUGE---*/
body.bodyLien03 th,
body.bodyLien04 th{
background-color: #F1BDA5;
color: #333333;
}
/*--- BLEU ---*/
body.bodyLien05 th{
background-color: #83C7EE;
color: #333333;
}
/*--- NO BORDER ---*/
table.no_border, .TableauInvisible, .no_border {}
table.no_border th,
table.no_border td {
border: none;
background-color: transparent;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PLAN DU SITE ---*/
#plandusite h3 a {
text-decoration: none;
}
#plandusite{
margin:0 0 0 0;
padding:0 0 0 0;
}
#plandusite h3.plan01 a,
#plandusite h3.plan06 a  {
font-size:medium;
color: #F89C1C;
}
#plandusite h3.plan02 a {
font-size:medium;
color: #975Ca6;
}
#plandusite h3.plan03 a,
#plandusite h3.plan04 a {
font-size:medium;
color: #CF361C;
}
#plandusite h3.plan05 a {
font-size:medium;
color: #2E56A5;
}
#plandusite ul {
margin: 10px 0px 20px 30px;
padding: 0px 0px 20px 0px;
font-weight: bold;
border-bottom: #CCCCCC 1px solid;
}
#plandusite ul li ul {
border-bottom: none;
margin: 0px 0px 10px 23px;
padding: 0px 0px 10px 0px;
font-weight: normal;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/* --- EVENEMENT --- */

body.agenda #inter{
min-height: 450px;
}
#inter #formfindcalendar form {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
float: left;
}
#oCalendar table{
position: absolute; 
top: 0px;
left: -220px; 
text-align: center;
z-index: 999999;
}
#inter #formfindcalendar {
position: absolute;
top: 200px;
left: -221px; 
width: 160px;
}
#oCalendar tr td a{
text-decoration: none;
}
#formfindcalendar .footer{
display: none;
}
#inter #formfindcalendar legend,
#inter #formfindcalendar form label {
display: none;
}
#inter #formfindcalendar form input,
#inter #formfindcalendar form select {
width: 167px;
}
#inter #formfindcalendar form input#idfulltext{
border: #8DA52B 1px solid;
padding: 2px 2px 2px 5px;
font-weight: bold; 
width: 160px;
}
#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 #oCalendar table caption,
div.modemois #oCalendar table caption {
display: none;
}
div.modejour #oCalendar table td.nextday,
div.modemois #oCalendar table td.nextday {
background-color: #CBDB2A;
}
div.modejour #oCalendar table td.nextday a,
div.modemois #oCalendar table td.nextday a {
color: #CC3333;
font-weight: bold;
padding: 0px 0px 0px 0px;
}
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 {
color: #CC3333;
font-weight: bold;
}
.eventline {
width: 100%;
float: left;
margin: 0px 0px 20px 0px;
padding:  0px 0px 20px 0px;
border-bottom:#CCCCCC 1px dotted;
}
.eventline a {
color:#CC3333;
text-decoration: none;
}
.eventline img{
float: right;
padding: 0px 0px 0px 10px;
}
.eventline a:hover {
text-decoration: underline;
}
#inter .eventline ul {
margin: 10px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
#inter .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  2px 0px 0px 20px;
float: left;
width: 185px;
font-size: x-small;
background: url(puce01Generique.gif) no-repeat left 4px;
list-style-image: none;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/*--- CO-MARQUAGE ---*/
 
#inter #comarquage ul.colonnegauche,
#inter #comarquage ul.colonnedroite{
float: left;
width: 245px;
}
#inter #comarquage font b{
float: left;
width: 100%;
margin: 10px 0px 10px 0px;
}
 
/*----------------------------------- FISH EYE ------------------------------------------------*/
/* dock bottom */
#dock{
display: none;
}
body.bodyaccueil #dock {
display: block;
width: 980px;
position: relative;
}
.dock-container {
position: relative;
height: 70px;
}
a.dock-item {
display: block; 
color: #1e67b3; 
bottom: 0px; 
position: absolute;
text-align: center;
text-decoration: none;
font-weight: bold;
width: 70px;
}
.dock-item span {
display: none;
text-align: center;
font-size: x-small;
position: absolute;
top: -15px;
left: -10px;
width: 70px;
height: 40px;
background-image: url(fond_span_dock.gif);
background-repeat: no-repeat;
padding: 5px 0px 0px 0px;
z-index: 999999;
}
.dock-item img {
border: none;
margin: 2px 5px 0px 0px; 
width: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
 
body form div.entry div.note label{
width: 45px;
}
 
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
 
.invisible,
.citation {
position: absolute;
top: -5000px;
left: -5000px
}
.retour a{
color: #CF361C;
}
p.lienbasliste a {
color: #CF361C;
}