html{
}
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: #ffffff  url(bgDegrade.png) repeat-x top center fixed;
}
#background,
#background01{
float: left;
width: 100%;
background: url(bgBody.jpg) no-repeat top center fixed;
}
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:990px;
margin:auto;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- TOTAL ---*/
#total {
width:990px;
position:relative;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADER ---*/
 
#header {
background: url(bgHeader.jpg) no-repeat top left;
}
#header #anim {
position: absolute;
top: 0px;
left: 238px;
width: 742px;
height: 108px;
background-color: #FFFFFF;
}
#headerToolBar{
height: 240px;
position: relative;
}
body.bodyaccueil #headerToolBar{
background: url(bandeauAccueil.gif) no-repeat left bottom;
height: 157px;
}
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.bodyLien07 #headerToolBar{
background: url(bandeauVert.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: 2px;
left: 35px;
z-index: 1;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RACCOURCIS---*/
body.bodyaccueil #raccourcis {
display: none;
}
#raccourcis {
position: absolute;
top: 145px;
left: 10px;
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);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- RECHERCHE ---*/
#recherche {
position: absolute; 
top: 20px;
right: 10px;
width:155px;
height: 45px;
font-size: x-small;
background:url(bgRecherche.png) no-repeat center center;
margin:0px 0px 0px 0px;
padding:12px 0px 0px 15px;
}
#recherche input.saisie {
font-size: x-small;
color: #996699;
vertical-align: middle;
width: 123px;
border: #FFF 1px solid;
margin:0px 0px 0px 0px;
padding:3px 0px 3px px;
height: 10px;
float: left;
}
#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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- PARTAGEZ ---*/
#partagez ul li{
float: left;
padding: 5px 2px 0 0 ;
}
#partagez ul li a{
float: left;
display: block;
height:16px;
width: 16px;
background-repeat: no-repeat;
background-position: left top;
}
#partagez ul li a span{
position: absolute;
top: -5000px
}
#partagez ul li.bntRSS a{
background-image: url(rss.gif);
}
#partagez ul li.btnNetvibes a{
background-image: url(netvibes.gif);
}
#partagez ul li.boutIGoogle a {
background-image: url(igoogle.gif);
}
#partagez ul li.bntTwitter a{
background-image: url(twitter.gif);
}
#partagez ul li.bntFacebook a{ 
background-image: url(facebook.gif);
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- HEADING ---*/
 
body.bodyaccueil h2{
text-transform: uppercase;
}

body.bodyaccueil h2 {
border-bottom: none;
font-size: large;
padding-left: 10px;
}
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;
}
/* --- VERT ---*/
body.bodyLien07 h3,
body.bodyLien07 h3 a,
body.bodyLien07 h4,
body.bodyLien07 h4 a,
body.bodypopupVert h3,
body.bodypopupVert h3 a
{
color: #677D15;
}

/* --- ROUGE ---*/

body.bodyLien03 h3,
body.bodyLien03 h3 a,
body.bodyLien03 h4,
body.bodyLien03 h4 a,
body.bodyLien04 h3,
body.bodyLien04 h3 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:990px;
float:left; 
background: url(bgContent.png) repeat-y top left;
}
#content {
background-image: url(bgContentVert.gif);
background-repeat: repeat-y ;
background-position: top left;
width:990px;
float:left; 
}
body.bodyLien01 #content,
body.bodyLien06 #content {
background-image: url(bgContentOrange.gif); 
}
body.bodyLien02 #content {
background-image: url(bgContentViolet.gif) ; 
}
body.bodyLien07 #content{
background-image: url(bgContentVert.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: -93px;
left: 35px;
width:680px;
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 ---*/
#interAccueiLeft{
float: left;
width: 615px;
margin-left: 25px;
}
#interAccueilRight{
float: left;
width: 320px;
border-left: #E0E0E0 2px solid;
}

/*--------------------------------------------------------------------------------------------------------------*/
/*--- INTER ---*/
#inter {
width: 515px;
float: left; 
display: inline; /* --- DEBUG IE6 ---*/
position: relative;
margin: -75px 0px 0px 0px;
padding:  0px 0px 0px 0px;
min-height: 400px;
height: auto !important;
height: 400px;
}
body.bodyaccueil #inter {
margin: 0 0 0 10px;
width: 970px;
}
#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);
}
/*-------------------*/
#backgroundInter{
width: 990px;
background: url(bgInterAccueil_ie.gif) repeat-y left top;
float: left; 
}
html > body #backgroundInter{
width:990px;
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:990px;
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);
}
/* --- VERT---*/
body.bodyLien07 #inter ul li,
#inter ul.listeplan03 li{
list-style-image: url(puce01Generique.gif);
}
body.bodyLien07 #inter ul ul li,
#inter ul.listeplan03 ul li{
list-style-image: url(puce02Generique.gif);
}
body.bodyLien07 #inter ul ul ul li,
#inter ul.listeplan03 ul ul li{
list-style-image: url(puce03Generique.gif);
}

/* --- ROUGE ---*/
body.bodyLien03 #inter ul li,
body.bodyLien04 #inter ul 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.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.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 24px 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;
}
ul.rubriqueAnnu li.lienAnnu {
padding-bottom: 18px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- POP UP ---*/
html{
height: 100%;
}
body.bodypopupOrange,
body.bodypopupRouge,
body.bodypopupVerte,
body.bodypopupViolette,
body.bodypopupBleue,
body.bodypopupGenerique,
body.bodypopupVert{
background: #FFFFFF url(bgHeaderPopup.jpg) no-repeat top center;
height: 100%;
}
#header_popup{
position:relative;
width:610px;
height: 105px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
margin: auto;
}
#slogan{
display: none;
}
#header_popup #logo_popup,
#header_popup .logo_popup{
position:absolute;
top: 16px;
left: 20px;
}
#header_popup #imprimpage a {
position: absolute;
top: 120px;
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;
background: url(bgContentPop.png) repeat-y left top;
min-height: 100%;
width: 585px;
margin:auto;
}
#inter_popup form{
padding: 10px;
clear: both;
}
#inter_popup form legend{
display: none;
}
#interContent{
width:608px;
margin:auto;
height: 100%;
min-height: 100%;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--  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{
width: 990px;
margin: auto;
background-position: left bottom;
background-repeat: no-repeat;
height: 107px;
position: relative;
}
body.bodyaccueil #footer{
height: 80px;
}
body.bodyaccueil #footer ul {
margin: 90px 0px 10px 0px;
}
#footer ul {
float: left;
text-align: center;
width: 990px;
margin: 110px 0px 10px 0px;
display: inline; /* --- DEBUG IE6 ---*/
color: #333;
}
#footer ul li {
display: inline;
padding: 0px 0px 0px 5px;
position:relative;
}
#footer ul li a {
text-decoration: none;
font-size: x-small;
color: #333;
}
#footer ul li a:hover {
color: #000;
}
#background_footer {
width: 100%;
clear: both;
}
/*
body.bodyaccueil #footer {
position: relative;
height: 60px;
width: 990px;
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 p#adresseAccueil {
display: block;
color: #FFFFFF;
width: 970px;
text-align: center;
margin: 0 0 0 0 ;
padding: 0 0 0 0;
left: 0;
}

p#adresseAccueil{
position: absolute;
bottom: 6px;
left: 150px;
color: #FFFFFF;
margin: 0;
padding: 0;
}

p#adresseAccueil a{
color: #FFFFFF;
}
/* --- BLEU ---*/
body.bodyaccueil #footer {
background-image: url(bgFooter.gif) ;
}
/* --- ORANGE ---*/
body.bodyLien01 #footer {
background-image: url(bgFooterOrange.png);
}
body.bodyLien06 #footer  {
background-image: url(bgFooterOrange2.png);
}

body.bodyLien02 #footer {
background-image: url(bgFooterViolet.png);
}

/* --- VERT ---*/

body.bodyLien07 #footer  {
background-image: url(bgFooterVert.png);
}

/* --- ROUGE---*/
body.bodyLien03 #footer,
body.bodyLien04 #footer  {
background-image: url(bgFooterRouge.png);
}
/* --- BLEU ---*/
body.bodyLien05 #footer {
background-image: url(bgFooterBleu.png) ;
}
/* ---GENERIQUE ---*/
body.bodygenerique #footer,
body.bodyAnnuaire #footer {
background-image: url(bgFooterGenerique.gif);
}
 
/*-- 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: 190px;
right: 230px;
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.bodyLien07, .vieDurable {}
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;
}
/*--- VERT ---*/
body.bodyLien07 th{
background-color: #6A8116;
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 {
font-size:medium;
color: #677D15;
}
#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;
}
#events{
background: url(bgActus.gif) no-repeat left 25px;
padding: 0 0 0px 0;
float: left;
}
#inter p.toutevents{
clear: both;
margin: 0;
height: 14px;
line-height: 14px;
background: url(bgToutActus.gif) no-repeat left center;
width: 591px;
}
#inter .toutevents a{
font-size: x-small;
color: #0066CC;
font-weight: bold;
text-decoration: none;
margin-left: 10px;
font-weight: bold;
}
#inter p.voirLesActus{
clear: both;
margin: 0;
height: 14px;
line-height: 14px;
background: url(bgLesActus.gif) no-repeat left center;
}
#inter .voirLesActus a{
font-size: x-small;
color: #82518F;
font-weight: bold;
text-decoration: none;
margin-left: 10px;
font-weight: bold;
}
body.bodyaccueil .eventline {
width: 275px;
float: left;
margin: 0px 0px 0px 0px;
padding:  10px 0px 0px 25px;
height: 48px;
}
body.bodyaccueil #inter .eventline p{
padding: 0;
}
body.bodyaccueil .eventline a {
color:#2e56a5;
text-decoration: none;
}
body.bodyaccueil .eventline img{
float: right;
padding: 0px 0px 0px 10px;
}
body.bodyaccueil.eventline a:hover {
text-decoration: underline;
}
body.bodyaccueil #inter .eventline ul {
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}
body.bodyaccueil #inter .eventline ul li {
margin: 0px 0px 0px 0px;
padding:  2px 0px 0px 0px;
float: left;
width: 185px;
font-size: x-small;
background:none;
list-style-image: none;
}
.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;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- EN BREF ---*/
#inter #zoneEnBref{
float: right;
background: url(bgZonebref.gif) no-repeat left top;
width: 835px;
padding: 5px 0 0 120px;
margin: 15px 0 0 0;
}
#inter #zoneEnBref p{
float: right;
width: 835px;
padding: 0px 0px 0px 0px;
margin: 3px 0px 0px 0px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- EN BREF ---*/
#jeSuis h2{
color: #6ba541;
text-transform: none;
padding: 0 0 5px 0;
margin: 0 0 0 15px;
}
body #inter #jeSuis ul li{
list-style-image: none;
padding: 0;
margin: 0;
}
body #inter #jeSuis ul{
padding: 0;
margin: 0 0 0 15px;
}
body #inter #jeSuis ul li a{
padding: 0 0 0 20px;
margin: 0 0 1px 0 ;
display: block;
height: 20px;
line-height: 20px;
background: url(bgBoutProfil.gif) no-repeat left top;
text-decoration: none;
color: #43914c;
font-weight: bold;
}
body #inter #jeSuis ul li a:hover{
background: url(bgBoutProfil.gif) no-repeat left bottom;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- INSCRIPTION NEWSLETTER ---*/
#inscritnews{
background: url(bgInscritNews.gif) no-repeat left top;
width: 275px;
height: 60px;
padding: 15px;
margin: 15px 0 15px 0;
float: right;
clear: both;
}
body #inter #inscritnews form{
margin: 0 0 0 0;
padding: 0 0 0 0;
}
body #inter #inscritnews form label{
font-size: x-small;
color: #cf361c;
float: left;
width: auto;
}
#news legend{
position: static;
display: block;
color: #cf361c;
font-weight: bold;
margin: 0 0 5px 0;
padding: 0;
}
#idemail{
background: url(bgSaisirNews.png) no-repeat left center;
border: none;
width: 152px;
height: 20px;
line-height: 20px;
font-size: x-small;
text-align: center;
float: right;
}
#news .bouton{
float: right;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- 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: block;
width: 400px; 
position: absolute;
right: 125px;
top: 27px;
}
.jqDockLabelText {
display: block;
text-align: center;
font-size: x-small;
position: absolute;
top: -80px;
left: -100px;
width: 85px;
height: 40px;
background-image: url(fond_span_dock.gif);
background-repeat: no-repeat;
padding: 5px 0px 0px 0px;
z-index: 999999;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
body form div.entry div.note label{
width: 45px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- SLIDEACTUS  ---*/
#defilcontener {
position: relative;
width: 600px;
height:270px;
overflow: hidden;
float: left;
clear: both;
}
img.imgactu{
width: 390px;
height: 260px;
margin-top: 4px;
}
span.descriptionactu {
position: absolute;
bottom: 15px;
left: 10px;
width: 220px;
text-decoration: none;
cursor: pointer;
}
.lirelasuite{
position: absolute;
bottom: -15px;
left: 0;
display: block;
color: #82518f;
padding: 0px 0px 0px 15px;
margin: 5px 0px 0px 0px;
background: url(lireLasuite.gif) no-repeat left top;
font-weight: normal;
font-weight: bold;
}
.lirelasuite:hover{
color:#666666;
}
#defilblocs{
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
height: 260px;
}
#defilblocs a{
text-decoration: none;
height: 260px;
}
#defiliste {
position: relative;
z-index: 9;
float: right;
margin: 0px 0px 0px 0px;
}
#inter #defiliste ul {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#inter #defiliste ul li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-image: none;
list-style: none;
}
#inter #defiliste ul li:first-child a{
margin-top: 0;
}
#inter #defiliste ul li a{
display: block;
background: url(bgActusDefil.jpg) no-repeat right top;
padding: 23px 10px 5px 40px;
margin: -8px 0px 0px 0px;
height: 32px;
width: 185px;
text-decoration: none;
color: #975ca6;
font-size: 1em;
font-weight: normal;
overflow: hidden;
text-align: right;
}
#inter #defiliste ul li.double a{
padding: 15px 10px 5px 40px;
height: 40px;
}
#inter #defiliste ul li.triple a{
padding: 5px 10px 5px 40px;
height: 50px;
}

#inter #defiliste ul li a:hover{
color: #333;
}
#inter #defiliste ul li a.select{
background: url(bgActusDefilSelect.jpg) no-repeat right top;
color: #333;
}
#defiliste a {
display: block;
background-position: left center;
background-repeat: no-repeat;
padding: 0px 0px 0px 10px;
}
#defiliste a.unselect {
background-color:transparent;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- Enquête TIC ---*/
body #inter form.enqueteInternet {
margin:20px 0 10px 0px;
}
body #inter form.enqueteInternet fieldset legend {
 display: inline;
font-weight: bold;
width: 515px;
position :relative;
top: 0px;
left: 0px;
padding: 0px 0px 10px 0px;
color: #0066CC;
}
body #inter form.enqueteInternet fieldset.field06 legend,
body #inter form.enqueteInternet fieldset.field07 legend {
color: #000000;
clear: both;
float: left;
}
body #inter form.enqueteInternet fieldset label.fontSize13 {
color: #0066CC;
}

/*01*/
body #inter form.enqueteInternet .field01 div label {
width: 80px;
}
body #inter form.enqueteInternet .field01 div#para0101,
body #inter form.enqueteInternet .field01 div#para0102 { 
float: left;
width: 250px;
clear: none;
}
body #inter form.enqueteInternet .field01 div#para0101 input,
body #inter form.enqueteInternet .field01 div#para0102 input { 
width: 150px;
}
body #inter form.enqueteInternet .field01 div#para0103 input { 
width: 400px;
}
/*02*/
body #inter form.enqueteInternet .field02 div label {
width: 150px;
}
body #inter form.enqueteInternet .field02 div div label {
width: 130px;
}
body #inter form.enqueteInternet .field02 div div input {
margin-bottom: 5px;
}
body #inter form.enqueteInternet .field02 div#para0110 label {
width: 260px;
}
body #inter form.enqueteInternet .field02 div#para0110 input {
width: 220px;
}
/*03*/
body #inter form.enqueteInternet .field03 legend {
display: none;
}
body #inter form.enqueteInternet .field03 div.vertical div {
padding: 10px 0px 0px 50px;
}
body #inter form.enqueteInternet .field03 div#para0138 label {
width: 260px;
}
body #inter form.enqueteInternet .field03 div#para0138 input {
width: 220px;
}
/*04*/
/*05*/
body #inter form.enqueteInternet .field05 div#para0113 label {
display: none;
}
body #inter form.enqueteInternet .field05 div#para0113 div {
padding: 0px 0px 0px 50px;
}
body #inter form.enqueteInternet .field05 div#para0113 div label {
display: block;
}
/*06*/
body #inter form.enqueteInternet .field06 legend{
display: none;
}
body #inter form.enqueteInternet .field06 div#para0116 label {
width : 500px;
}
body #inter form.enqueteInternet .field06 div#para0116 textarea {
width : 480px;
}
body #inter form.enqueteInternet .field06 div#para0117 label {
width : 500px;
}
body #inter form.enqueteInternet .field06 div#para0117 div {
padding: 10px 0px 0px 50px;
}
body #inter form.enqueteInternet .field06 div#para0117 div label {
width : 110px;
}
/*07*/
body #inter form.enqueteInternet .field07 legend {
display: none;
}
body #inter form.enqueteInternet .field07 div#para0119 label {
width: 340px;
}
body #inter form.enqueteInternet .field07 div#para0119 select {
width: 140px;
}
/*08*/
body #inter form.enqueteInternet .field08 legend {
display: none;
}
body #inter form.enqueteInternet .field08 div#para0120 label {
width : 500px;
}
body #inter form.enqueteInternet .field08 div#para0120 textarea {
width : 480px;
}
/*09*/
body #inter form.enqueteInternet .field09 legend {
display: none;
}
body #inter form.enqueteInternet .field09 div.vertical div {
padding: 10px 0px 0px 50px;
}
body #inter form.enqueteInternet .field09 div#para0122 label {
width: 260px;
}
body #inter form.enqueteInternet .field09 div#para0122 input {
width: 220px;
}
/*10*/
body #inter form.enqueteInternet .field10 div#para0142 label {
width: 260px;
}
body #inter form.enqueteInternet .field10 div#para0142 input {
width: 220px;
}
/*11*/
body #inter form.enqueteInternet .field11 div#para0126 label {
width: 260px;
}
body #inter form.enqueteInternet .field11 div#para0126 input {
width: 220px;
}
/*12*/
body #inter form.enqueteInternet .field12 legend {
display: none;
}
body #inter form.enqueteInternet .field12 div#para0127 label {
width: 500px;
}
body #inter form.enqueteInternet .field12 div#para0127 div {
padding: 10px 0px 0px 50px;
}
body #inter form.enqueteInternet .field12 div#para0127 div label {
width: 110px;
}
body #inter form.enqueteInternet .field12 div#para0129 label {
width : 500px;
}
body #inter form.enqueteInternet .field12 div#para0129 div {
padding: 10px 0px 0px 50px;
}
body #inter form.enqueteInternet .field12 div#para0129 div label {
width : 110px;
}
body #inter form.enqueteInternet .field12 div#para0130 label {
width: 500px;
}
body #inter form.enqueteInternet .field12 div#para0130 textarea {
width: 480px;
}
/*13*/
body #inter form.enqueteInternet .field13 div#para0134 label {
width: 260px;
}
body #inter form.enqueteInternet .field13 div#para0134 input {
width: 220px;
}
/*14*/
body #inter form.enqueteInternet .field14 div label {
width: 60px;
}
body #inter form.enqueteInternet .field14 div div label {
width: 110px;
}
body #inter form.enqueteInternet .field14 div#para0137 label {
width: 280px;
}
body #inter form.enqueteInternet .field14 div#para0137 input {
width: 110px;
}
body #inter form.enqueteInternet div#para0103,
body #inter form.enqueteInternet div#para0109,
body #inter form.enqueteInternet div#para0110,
body #inter form.enqueteInternet div#para0111,
body #inter form.enqueteInternet div#para0112,
body #inter form.enqueteInternet div#para0113,
body #inter form.enqueteInternet div#para0121,
body #inter form.enqueteInternet div#para0119,
body #inter form.enqueteInternet div#para0122,
body #inter form.enqueteInternet div#para0138,
body #inter form.enqueteInternet div#para0139,
body #inter form.enqueteInternet div#para0142,
body #inter form.enqueteInternet div#para0126,
body #inter form.enqueteInternet div#para0127,
body #inter form.enqueteInternet div#para0128,
body #inter form.enqueteInternet div#para0134,
body #inter form.enqueteInternet div#para0130  {
margin-bottom: 15px;
}
/*--------------------------------------------------------------------------------------------------------------*/
/*--- DIVERS ---*/
 
.invisible,
.citation {
position: absolute;
top: -5000px;
left: -5000px
}
.retour a{
color: #CF361C;
}
p.lienbasliste a {
color: #CF361C;
}
.clear{
width: 100%;
clear: both;
}
.noBorder,
.noBorder tr td{
border: none;
}
#projets span,
#brochures span{
position: absolute;
left: -5000px;
top: -5000px;
}
#projets {
width: 140px;
height: 95px;
background: url(fond_ville_avance.gif) no-repeat left top;
text-align: center;
padding: 40px 0px 0px 0px;
}
#projets a{
font-family: verdana;
font-size: 110%;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
padding-top: 3px;
display: block;
}
#brochures a{
display: block;
width: 300px;
height: 38px;
background: url(toutes_brochures.gif) no-repeat left top;
}

#brochures a:hover,
#projets a:hover{
background-position: left bottom;
}

#interAccueilRight > table{
float: right;
clear: both;
}

#ejournal{
position: relative;
height: 207px;
width: 140px;
background: url(avrille_mag.jpg) no-repeat left top;
}

#voir_archives{
position: absolute;
bottom: 20px;
right: 0;
}

#consulter_mag{
position: absolute;
bottom: 40px;
right: 0;
}


#dateactu{
margin: 3px;
text-align: right;
font-style: italic;
font-size: x-small;
}