body {background: #E1E1E1; background-image: url(../images/bg.gif); background-attachment: fixed; margin: 0; text-align: center; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#666}

/*------ container ------*/
#container {width: 720px; margin: 0 auto; text-align: left; font-size: 11px; background:white; border: 5px solid white}
#header { width:720px; height:104px; padding:0px 0px 0px 0px; margin:0px}
#clear-up{ padding:0px 0 0 8px; margin:0; width:712px; height:18px; background-color:#98AA61}
#clear-up2{ padding:0; margin:0; width:720px; height:20px; background-color:#FFF}
#clear-bottom{ padding:0px 0 0 0; margin:0; width:720px; height:15px; background-color:#8E5944}
#content { padding:5px 0px 20px 0px; margin: 0px; width: 720px; background: url(../images/bg-content.gif) repeat-y}
#sidebar { width:162px; background-color:#FFFFFF; float:left; margin:0px; padding: 0px}
#main { width: 553px; float:left; background:white; padding:0px 0px 0px 0px; margin: 0px; font-size: 12px; }
#main h3 { margin:  0px 0px 4px 0px; padding: 5px 0px 0px 18px; font-size:25px; font-weight:bold; font-variant:normal; color: #98AA61; border-bottom: 1px solid #E7E4D3; background-image:url(../images/showall.gif); background-repeat:no-repeat; background-position: 0px 16px;}
#main h4 { margin:  0px 0px 4px 0px; padding: 5px 0px 0px 18px; font-size:19px; font-weight:bold; font-variant:normal; color: #8E5944; background-image:url(../images/focus.gif); background-repeat:no-repeat; background-position: 0px 14px;}
#main h5 { margin:  0px 0px 4px 0px; padding: 5px 0px 0px 18px; font-size:15px; font-weight:bold; font-variant:normal; color: #98AA61;); background-repeat:no-repeat; background-position: 0px 8px;}
#main h6 { margin:  0px 0px 4px 0px; padding: 5px 0px 0px 18px; font-size:15px; font-weight:bold; font-variant:normal; color: #8E5944;); background-repeat:no-repeat; background-position: 0px 8px;}
#main p { margin:  0px; padding: 10px 5px 0px 0px;  font-size:12px; color: #666; }
#main a {color: #87994F; text-decoration:none; background: url(../images/a.gif) repeat-x 0 15px;}
#main a:hover {color: #C91E1B; text-decoration:none; background: url(../images/a_over.gif) repeat-x 0 15px;}
#main ul {list-style: none; padding: 0 20px 0 20px; margin-left: 0}
#main li {margin: 15px 0 0 10px; padding: 0 15px 0 15px; background-image:url(../images/li.gif); background-repeat:no-repeat; background-position: 0px 3px}

/* ---- class ----*/
.vert { color: #87994F}
.brun { color: #7B2F0D} 



/*------------>>>  Showhide item --------*/
#membre-ag { color:#666666;}
#membre-ag dl {margin: 0; padding-left: 0; list-style: none; line-height: 14px;}
#membre-ag dt {padding: 5px 0 8px 15px; margin: 0 0 1px 0;cursor:help;text-decoration: underline; color: #525A68; font-weight:bold}
#membre-ag dt a:hover{ text-decoration:none}
#membre-ag dd { background: #F1EFE2; text-align: left; color: #666; padding: 5px 5px 5px 10px; margin: 0; margin-bottom: 1px; border-top: 1px solid #E8E8E7; border-bottom: 1px solid #E8E8E7;}
#dd1, #dd2, #dd3, #dd4, #dd5, #dd6, #dd7, #dd8, #dd9, #dd10, 
#dd11, #dd12, #dd13, #dd14, #dd15, #dd16, #dd17, #dd18, #dd19, 
#dd20, #dd21, #dd22, #dd23, #dd24, #dd25, #dd26, #dd27 {display: none;}

#dd1 li, #dd2 li, #dd3 li, #dd4 li, #dd5 li , #dd6 li , #dd7 li , #dd8 li, #dd9 li, #dd10 li, 
#dd11 li, #dd12 li, #dd13 li, #dd14 li, #dd15 li, #dd16 li, #dd17 li, #dd18 li, #dd19 li, 
#dd20 li, #dd21 li, #dd22 li, #dd23 li, #dd24 li, #dd25 li, #dd26 li, #dd27 li{ padding-left: 8px; background-image: url(../images/li-ag.gif); background-repeat: no-repeat; background-position: 10px 1px;}
#membre-ag dd a { color: #666}
#membre-ag dd li a { color: #666; text-decoration:none}
#membre-ag dd li a:hover { color: #c91e1b; text-decoration: underline}
.membre { padding: 0px; margin: 0px; width: 500px;}
.membre ul { padding: 0px; margin: 0px; text-decoration:none}
.membre li { text-decoration:none}
.photo-ag { padding: 0px; margin: 0px; float:left; width: 110px; }
.info-ag{ padding: 5px 0 5px 0; margin: 0px; float: right; width: 390px;}

.li-1 {background:  url(images/bg_li-1.gif) no-repeat 0px 8px;}
.li-2 {background:  url(images/bg_li-2.gif) no-repeat 0px 8px;}
.li-3 {background:  url(images/bg_li-3.gif) no-repeat 0px 8px;}
.li-4 {background:  url(images/bg_li-4.gif) no-repeat 0px 8px;}
.li-5 {background:  url(images/bg_li-5.gif) no-repeat 0px 8px;}
.li-6 {background:  url(images/bg_li-6.gif) no-repeat 0px 8px;}
.li-7 {background:  url(images/bg_li-7.gif) no-repeat 0px 8px;}
.li-8 {background:  url(images/bg_li-8.gif) no-repeat 0px 8px;}


/* sidebar nav */
#sidenav {margin: 0 0 0 0; border-top: 0px solid #C9C9C9; padding: 0px 0 0 0; list-style: none; color: #8E5944; float: left; text-align: left; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; width:162px; background: white}
#sidenav a {width: 139px; height:25px; text-decoration: none; padding: 10px 5px 2px 18px; color: #8E5944; border-bottom: 0px solid #FFF; font-size: 16px; font-weight: bold; display: block; background: url(../images/item-ul.gif) no-repeat}
#sidenav a:hover {background: url(../images/item-ul.gif) no-repeat; color: #8E5944;}
#sidenav ul {list-style: none; padding: 0; margin-left: 0}
#sidenav li {margin: 0;}
#sidenav ul li a {width: 132px; height:19px; display: block; padding: 4px 0px 2px 30px; border: 0px solid #DEDEDE; border-top: none; border-left: none; background: url(../images/item-li.gif) no-repeat; color: #828282; font-weight: normal; font-size: 12px;}
#sidenav ul li a:link {color: #575757;	text-decoration: none;}
#sidenav ul li a:hover {background: url(../images/item-li_over.gif) no-repeat; color: #98AA61}
#sidenav ul li { padding-left: 0; margin-left: 0}


/*------ clear ------*/
.clear {height: 0; clear: both;}
.clear1 {clear:both; line-height: 0}
.outpad { padding:0; margin: 0}
#cap-top { width:720px; height:11px; line-height: 0px; background-image:url(../images/cap_top.gif); background-repeat:no-repeat;}
#cap-bottom { width:720px; height:11px; line-height: 0px; background-image:url(../images/cap_bottom.gif); background-repeat:no-repeat;}

/*-- form --*/
form {margin: 0; padding: 0}
form input, form select, form textarea {margin: 3px 0;}
input {background: url(../images/bg-input.gif); padding:0}
.radio {border: 0px solid;}
textarea {background:#FFF; }
.label { font: 10px Verdana; color:#797979}
.bg-form { background: #F2F1E8}
textarea, input {border: 1px solid #BDAA95; font: 10px Verdana; color: #797979; padding: 2px;}
.noborder {border: 0px solid; }
#jumpmenu { margin: 3px 0; color: #fff; background-color:#999; font-size:9px; border-color:#FFF;}
.butt_send {background: url(../images/send-arrow.gif); border: 0; width:17px; height:17px; text-indent: -9999px; font: bold 10px Verdana}
.butt_envoyer { background: url(../images/butt_envoyer.gif); width:70px; height:15px; border: 0px; font: bold 10px Verdana;}

.article-bleu { color:#3D9AE7}
.article-gris { color:#5B595B}
.pic-pad {padding-top: 5px}
.sky-pad {margin-left: 5px; border: 1px solid #FFFFFF}

/*------ footer ------*/
#footer {background: url(../images/bg_footer.gif) repeat-x; text-align: center; padding: 6px 2px 5px 2px; font-size: 9px; color:#525252; margin-top: 2px; font-family: Verdana, Arial, Helvetica, sans-serif; }
#footer a {text-decoration: none; color:#525252; background: url(../images/bg_li_a_over.gif) repeat-x 0 11px;}
#footer a:hover {color: #FFF; background: url(../images/bg_li_a.gif) repeat-x 0 11px;}
#footer-in {background: url(../images/bg-footer-in.gif) no-repeat; padding-top: 3px; width: 720px; height: 17px; margin: 0 auto}