body           { font-size: 0.9em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; text-align: center; margin: 10px 0 0 }
a:link   { color: #c60; text-decoration: none }
a:visited  { color: #a0522d; text-decoration: none }
a:hover  {
	text-decoration: underline;
	font-weight: bold;
	font-size: 0.9em;
}
#conteneur                { margin: 0 auto; position: relative; width: 1024px; min-height: 100%; border: solid 1px #abaa0e }
#header     { background-image: url("../images/fond_index_01.gif"); background-repeat: no-repeat; padding: 0; z-index: 1; width: 1024px; height: 218px }
#rechercher     { color: #fff; font-size: 0.9em; font-weight: bold; background-image: url("../images/rechercher.gif"); background-repeat: no-repeat; background-position: left top; margin: 0; padding: 4px 0 0; position: absolute; z-index: 5; top: 215px; right: 10px; width: 200px; height: 30px }
#compteur { color: #fff; font-size: 0.9em; font-weight: bold; background-repeat: no-repeat; background-position: left top; margin: 0; padding: 4px 0 0; position: absolute; z-index: 5; top: 220px; right: 5px; width: 200px; height: 30px }
#contenu           { background-image: url("../images/fond-index_02.gif"); background-repeat: repeat-y; position: relative; width: 1024px !important }
/*les 3 colonnes*/
/*colonne gauche*/
#colgauche             { background-image: url("../images/menu_06.gif"); background-repeat: repeat-y; background-position: left top; width: 200px; float: left }
#colgauche ul     { color: #f0e68c; font-size: 0.9em; font-weight: bold; line-height: 2em; text-align: left; list-style-type: none; display: block; margin: 0; padding: 0 0 0 5px; border-bottom: 0.1em none }
#colgauche ul li a  { color: #fff; text-decoration: none; display: block; margin: 0 10px 0 12px; padding: 0; height: 25px }
#colgauche ul a:hover    { color: #660; text-decoration: none; background-image: url("../images/menu_bas_06.gif"); background-repeat: no-repeat; background-position: left top; list-style-position: inside; display: block; margin: 0; padding: 0 0 0 12px; height: 25px }
.menu_select  { color: #660; text-decoration: none; background-image: url("../images/menu_bas_06.gif"); background-repeat: no-repeat; background-position: left top; list-style-position: inside; display: block; margin: 0; padding: 0 0 0 12px }
#colgauche ul a:active { color: #660; text-decoration: none }
#don  { background-image: url("../images/don.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 10px; margin-left: 10px; width: 129px; height: 52px }
#don a { background-image: url("../images/don.gif"); background-repeat: no-repeat; background-position: left top; display: block; width: 129px; height: 52px }
#don a:hover { background-image: url("../images/don.gif"); background-repeat: no-repeat; background-position: right top; width: 129px; height: 52px }
#agenda        { background-image: url("../images/agenda_02.jpg"); background-repeat: repeat-y; padding: 0; position: static; width: 137px }
#hautagenda   { background-image: url("../images/agenda_01.jpg"); background-repeat: no-repeat; background-position: left top; position: relative; width: 137px }
.titreagenda  { color: #800080; font-size: 1.1em; font-weight: bold; background-repeat: no-repeat; text-align: left; margin: 0; padding-top: 10px; padding-bottom: 0; padding-left: 10px }
#agenda ul    { color: #800080; font-size: 0.9em; font-weight: normal; line-height: 1em; background-image: url("../images/agenda_02.jpg"); background-repeat: repeat-y; text-align: left; list-style-type: none; list-style-position: inside; display: list-item; margin: 0; padding-top: 8px; padding-bottom: 15px; padding-left: 10px; width: 100px }
#agenda ul li { color: #800080; font-size: 0.8em; font-weight: normal; line-height: 1em; background-image: url("../images/agenda_02.jpg"); background-repeat: repeat-y; text-align: left; list-style-type: none; list-style-position: inside; display: list-item; margin: 0; padding-top: 8px; padding-bottom: 15px; padding-left: 10px }
#agenda ul a  { color: #800080; font-weight: normal; line-height: 1em; background-image: url("../images/agenda_02.jpg"); background-repeat: repeat-y; text-align: left; list-style-type: none; display: list-item; margin: 0; padding: 0; border-style: none }
#agenda ul a:hover  { color: #800080; font-weight: normal; line-height: 1em; text-decoration: underline; background-image: url("../images/agenda_02.jpg"); background-repeat: repeat-y; text-align: left; list-style-type: none; margin: 0; padding: 0; border-style: none }
/*centre*/
#colcentre       { background-image: url("../images/haut-actu_03.gif"); background-repeat: no-repeat; background-position: left top; margin-top: 0; margin-right: 250px; margin-left: 200px; position: relative }
#lien_accueil     { font-size: 0.9em; text-decoration: none; margin-top: 3px; margin-right: 150px; padding: 0; width: 75px; height: 15px; float: right }

#lien_accueil a { color: #fff; text-decoration: none }
#lien_accueil a:hover { color: #fc3; text-decoration: none }
#actus         { text-align: left; margin: 0; padding: 5px; position: relative; width: 550px }
#texte     { text-align: left; padding: 0; position: relative }
.manifeste     { color: #1d350d; font-size: 0.9em; font-weight: bold; list-style-image: url("../images/puce_manifeste.jpg"); list-style-position: outside; display: list-item; margin: 0 20px 10px 0; padding: 0 }
.puces { font-size: 0.9em; list-style-image: url("../images/puce_manifeste.jpg"); list-style-position: outside; display: list-item; margin-top: 10px; margin-right: 20px; padding: 0 }
#engagements     { color: #930; font-size: 0.9em; font-style: italic; font-weight: bold; background-image: url("../images/fond_02.gif"); background-repeat: repeat; margin-right: 20px; margin-bottom: 30px; margin-left: 20px; padding: 0 }
#contenu_engagements   { margin: 0 20px 0 10px; padding: 0 }
#contenu_engagements li   { list-style-image: url("../images/puce_engagements.jpg"); list-style-position: outside; display: list-item; margin: 0 0 0 25px; padding: 0 }
#hg  { font-size: 1px; background-image: url("../images/arrondi_01.gif"); background-repeat: no-repeat; background-position: left top; width: 15px; height: 14px }
#hd { font-size: 1px; background-image: url("../images/arrondi_03.gif"); background-repeat: no-repeat; background-position: right top; width: 17px; height: 14px; float: right }
#bg { font-size: 1px; background-image: url("../images/arrondi_07.gif"); background-repeat: no-repeat; background-position: left bottom; width: 15px; height: 14px }
#bd { font-size: 1px; background-image: url("../images/arrondi_09.gif"); background-repeat: no-repeat; background-position: right bottom; width: 17px; height: 14px; float: right }

#bouton_engagement  { background-image: url("../images/bouton_engage.jpg"); background-repeat: no-repeat; background-position: left top; margin-top: 5px; margin-bottom: 0; margin-left: 75px; width: 180px; height: 53px }
#bouton_engagement a  { background-image: url("../images/bouton_engage.jpg"); background-repeat: no-repeat; background-position: left top; display: block; width: 180px; height: 53px }
#bouton_engagement a:hover  { background-image: url("../images/bouton_engage_bas.jpg"); background-repeat: no-repeat; background-position: left top; display: block; width: 180px; height: 53px }
.lettrine  { color: #990; font-size: 5em; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 1em; margin: 0 1px 0 0; padding: 0 1px 0 0; float: left }
.titreactu         { color: #660; font-size: 1em; font-variant: normal; font-weight: bold; text-decoration: none; text-align: left; margin: 0; padding: 3px 0 0 5px }
.titreactu a   { color: #c60; font-size: 1em; font-variant: normal; font-weight: bold; text-decoration: none; text-align: left; margin: 0 }
.titreactu a:hover   { font-size: 1em; font-variant: normal; font-weight: bold; text-decoration: underline; text-align: left; margin: 0 }
.form  { color: #663; font-size: 0.9em }
.titretouteactu     { color: #c60; font-size: 1em; font-weight: bold; text-decoration: none; text-align: left; margin: 0; padding: 2px 0 0 9px }
.titretouteactu a  { color: #c60; text-decoration: none }
.titretouteactu a:hover   { text-decoration: underline }
.actu1     { background-color: #f5f5f5; left: 0; float: left; border: solid 1px #dcdcdc }
#actu2    { margin: 0 10px 0 0; float: left }
.texteactu   { color: #666; font-size: 0.9em; line-height: 1.2em; text-align: left; margin-left: 15px }
.imageactu   { margin: 0; padding: 10px 10px 0 15px; float: left }
.plusinfos   { color: #333; font-size: 0.9em; text-decoration: none; text-align: left; padding-top: 5px; float: left }
.plusinfos a  { color: #c60; text-decoration: none; margin: 0; padding: 0 }
.plusinfos a:hover  { text-decoration: underline; margin: 0; padding: 0 }
#blocs            { margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px }
.module  { float: left }
#lobby     { background-image: url("../images/bloc_lobby.gif"); background-repeat: no-repeat; background-position: left top; display: block; width: 200px; height: 150px }
#lobby a    { background-image: url("../images/bloc_lobby.gif"); background-repeat: no-repeat; background-position: left top; display: block; width: 200px; height: 150px }
#lobby a:hover  { background-image: url("../images/bloc_lobby.gif"); background-repeat: no-repeat; background-position: left top; width: 200px; height: 150px }
/*colonne droite*/
#coldroite               { background-color: #fff; background-repeat: no-repeat; background-position: right top; width: 250px; float: right }
#hautdroite        { padding-top: 5px; width: 250px }
.liensdroit          { color: #666; font-size: 0.9em; text-align: left; margin: 0 40px 0 10px; padding-top: 5px; padding-bottom: 5px }
.liensdroit2012    { font-size: 0.9em; text-align: left; margin: 0 40px 0 10px; padding-top: 5px; padding-bottom: 0; border-bottom: 1px solid #369 }
.lettre { margin-right: 20px; margin-left: 20px; padding: 10px; border: solid 1px #b5b5b5 }
.code { background-color: #e8e8e8; margin: 0; padding: 10px; border: solid 1px #b5b5b5 }
.titreliensdroit   { color: #c66; font-size: 1em; font-weight: bold; margin: 0; padding: 0 0 5px; border-bottom: 1px solid #c66 }
.imageliens      { margin: 0; padding-top: 5px; padding-right: 5px; padding-left: 0; float: left }
.imagegauche { margin: 0; padding-top: 5px; padding-right: 5px; float: left }
.lettrine  { color: #990; font-size: 4em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0; padding: 0 }
.imagedroite  { padding-top: 5px; padding-bottom: 5px; padding-left: 10px; bottom: 0; float: right }
.cadre  { background-image: url("../images/WP2.jpg"); background-repeat: no-repeat; background-position: right top; margin-right: 20px; margin-left: 20px; padding: 5px 0 5px 5px; border: double 1px #990 }
.texteliens     { font-size: 0.9em; line-height: 1.1em; margin: 0 0 20px; padding-top: 10px; padding-bottom: 5px }
.textedroit { color: #1d350d; font-size: 1em; line-height: 1.1em; text-align: left; margin: 0 0 20px; padding-top: 10px; padding-bottom: 5px; padding-left: 5px; border-left: 1px dotted #c66 }
.texteliens a  { color: #c60; text-decoration: none }
.texteliens a:hover { text-decoration: underline }
.liensrapides     { font-size: 0.9em; background-color: #fff; text-align: left; margin: 5px 40px 10px 10px; padding: 0 }
.liensrapides ul     { line-height: 1.1em; text-align: left; list-style: none url("../images/petite_puce_liens.png"); display: list-item; margin: 5px 0 0 20px; padding: 0 }
.liensrapides ul a   { color: #c66; text-decoration: none; text-align: left }
.liensrapides ul a:hover { text-decoration: underline; text-align: left }
.titreliensrapides  { color: #069; font-size: 1em; font-weight: bold; text-align: left; margin: 0; padding: 0 }
#footer                 { color: #660; font-size: 0.8em; text-decoration: none; background-repeat: no-repeat; text-align: center; margin-right: auto; margin-left: auto; position: relative; bottom: 0; width: 1024px }
#footerdroit       { line-height: 1.5em; text-align: right; margin: 0; padding: 0; float: right; vertical-align: middle }
#footer a  { color: #660; text-decoration: none }
#footer a:hover  { color: #660; text-decoration: underline }
#footergauche    { line-height: 1.5em; text-align: left; margin: 0; padding: 0; float: left; vertical-align: middle }
h1     { color: #696969; font-size: 1em; font-weight: bold; line-height: 1.2em; margin: 0; padding-top: 10px; padding-bottom: 5px; padding-left: 0 }
p       { color: #333; font-size: 0.9em; line-height: 1.2em; text-align: left; margin: 0 20px 20px; padding: 0 }
.form { font-size: 1em; line-height: 1.2em; text-align: left; margin: 0 20px 20px; padding: 0 }
h2 { color: #660; font-size: 1.1em; font-variant: normal; font-weight: bold; line-height: 1.1em; margin: 0.3em 0; padding-left: 20px }
h3  { color: #660; font-size: 1.1em; font-variant: normal; font-weight: bold; line-height: 1.1em; margin: 0.3em 20px; border-bottom: 1px double #cece0d }
h4  { color: #000; font-size: 1em; font-variant: normal; font-weight: bold; line-height: 1.1em; margin: 0.3em 20px; }

.mention { color: #930; font-weight: bold; background-color: #eece0d }
.reconnaitre { background-repeat: no-repeat; background-position: left bottom; margin-left: 20px; border-left: 1px solid #c66 }
#message { color: #800080; font-size: 1.1em; background-color: #ffe4e1; text-align: center; margin-right: 50px; margin-left: 20px; padding: 10px }
.commentaire { color: #606; font-style: italic }