body   { background-color: #55396f }

#conteneur       { background-image: url(../im/gene-contFond.gif) }
#tete  { background-image: url(../im/gene-tete.jpg) }
#corp   { background-image: url(../im/gene-corpFond.gif) }
#contenu   { background-image: url(../im/contenuHaut.gif) }
#colDroite    { background-image: url(../im/gene-colDfond.gif); height: 435px; min-height: 435px }
html>body #colDroite { height: auto; min-height: 435px }
#pied     { color: #bf8fc5; background: url(../im/gene-pied.gif) no-repeat }

/* navigbas */
#navigBas #boutons        	 { font-size: 12px; font-family: "Trebuchet MS", Arial, sans-serif; list-style: none; margin: 0; padding: 0 }
#navigBas #boutons ul			{ margin: 0; padding: 0 }
#navigBas #boutons li			  { margin-right: 10px; margin-left: 10px; float: left }
#navigBas #boutons li a		  { color: white; text-decoration: none; text-align: center; display: block; padding: 3px 10px 5px 10px }
#navigBas #boutons li a:hover    { background-color: #9578ae }
#navigBas #boutons li.select a  { color: white; text-decoration: none; background-color: #9578ae; text-align: center; padding: 4px 10px; display: block }
#navigBas #boutons li.select a:hover { text-decoration: underline }
#colGauche #marge   { background-image: url(../im/gene-colGdeg.gif); background-repeat: repeat-x; background-position: 0 top; margin-top: 0; margin-left: 7px; height: 435px }
html>body #conteneur #colGauche #marge { height: auto; min-height: 435px }
#colGauche #marge h1     { color: #501457; font-size: 18px; background-repeat: repeat-y; text-align: center; margin: 0; padding: 8px 4px 4px; border-bottom: 2px solid #9830a4 }
#colGauche #menu #boutons { list-style: none; margin: 0; padding: 0; width: 165px }
#colGauche #menu #boutons li { color: #fff; margin-bottom: 3px; border-style: solid none; border-width: 1px medium; border-color: #d7d6d6 }
#colGauche #menu #boutons li a   { color: #6e4c72; font-size: 11px; text-decoration: none; background: #9578ae url(../im/gene-coin-btn.gif) repeat-y 160px 0; padding: 4px 5px; display: block }
#colGauche #menu #boutons li a:hover  { color: #fff; background-color: #9578ae }
#colGauche #menu #boutons li.select a   { color: #fff; text-decoration: none; background-color: #9578ae; padding: 4px 5px }
#colGauche #menu #boutons li.select a:hover { text-decoration: underline }


/*parag*/
#contenu h1, #corpActus h1, #corpActus h1 { color: #501457; font-weight: normal; font-size: 30px; font-family: Georgia, serif; padding-left: 3px }
#contenu h3, #corpActus h3 { font-size: 14px }
#contenu h4, #corpActus h4    { color: #7c1488; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #c829db }
#contenu h5, #corpActus h5    { color: #7c1488; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }

#contenu .titreGros, #corpActus .titreGros    { color: #7c1488; font-size: 16px; margin-top: 20px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; border-bottom: 2px solid #c829db }
#contenu .titre    { color: #7c1488; font-size: 14px; margin-top: 10px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px }


#ephem      { font-family: Tahoma, Arial, sans-serif; clear: both; padding-right: 5px; padding-bottom: 10px; padding-left: 40px; width: 117px }
#ephem .ladate   { font-weight: bold; font-size: 9px; margin-top: 10px; margin-bottom: 2px; padding-top: 5px; border-top: 1px dashed white }
#ephem .letitre   { color: white; font-weight: bold; font-size: 12px; margin-bottom: 4px }
#ephem .letexte { font-size: 10px; line-height: 12px }
#ephem .lelien { font-size: 10px; line-height: 12px; margin-top: 4px }
#ephem .lelien a, #ephem .lelien a:visited { color: #4e2153 }
#ephem .lelien a:hover { color: white }

.actu    { clear: left; padding-bottom: 20px }
.actu .titre { color: #55396f!important; font-size: 24px!important; font-family: Georgia, "Times New Roman", Times; border-bottom: 1px solid #55396f }

.actu .accroche  { padding-top: 5px }
.actu .accroche img   { float: left; margin-right: 10px }
.actu .lien  { padding-top: 5px }
.listeliens   { margin-top: 4px }
.listeliens .lien { margin-left: 18px }
.listeliens .petitgris  { color: silver; font-size: 10px; margin-top: 10px }
.listeliens .titre       { color: #7c1488; font-size: 18px; font-family: Georgia, "Times New Roman", Times; margin-top: 20px; margin-bottom: 10px; margin-left: 10px; border-bottom: 1px solid #c381ca }

#conteneur { background: #fff url(../../inc/../im/gene-contFond.gif); margin: 0 auto; position: relative; top: 0px; left: 0px; width: 1000px; visibility: visible; display: block }
#colActus { background: url(../im/gene-haut-actu.gif) no-repeat left top }
#colActus #marge   { padding: 15px 15px 0px 25px }
#corpActus { background-image: url(../im/gene-fondActus.gif) }
#colBreves { background-image: url(../im/gene-haut-breves.gif); font-family: Tahoma, Arial, sans-serif }
#colBreves #marge  { padding: 15px 15px 0px }
.breve { clear: both; margin-bottom: 15px }
.breve .titre { font-weight: bold; font-size: 12px }
.breve .contenu { font-size: 11px }
.lien a:link  { color: #8d3607; text-decoration: none; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #8d3607 }
.lien a:visited  { color: #8d3607; text-decoration: none; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #8d3607 }
.lien a:hover   { color: black; background-color: #dbdb70; padding-right: 2px; padding-left: 2px; border-bottom: 1px solid #999906 }