/* les coleurs: 
marron: #630; 
gris: #eee;
blanc: #fff;
*/

/* mise en page */

body {
margin:0px 10px 0px 10px;
background:#eee;
background-image: url(../IMG/fond_coop_dec.jpg) ;
background-repeat: no-repeat;
font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size:90%;
}
#chapeau {
width:720px;
text-align:center;
}
#gauche {
width:190px;
margin-top:100px;
float:left;
font-family:verdana, arial, helvetica, sans-serif;
}
#logo {
text-align:center;
padding-bottom:10px;
}
#menu-gauche {
width:165px;
background:url(../IMG/shadow_box_bg.gif);
padding-bottom:10px;
margin-bottom:10px;
}
#agenda {
width:165px;
background:url(../IMG/shadow_box_bg.gif);
padding-bottom:10px;
}
#faq-cadre {
width:30%; 
float:right;
background:none; 
}
#faq {
background:#eee;
margin-bottom:4px;
text-align:center;
}
#principal {
width:504px;
margin-top:0px;
float:left;
}
#cadre {
width:504px;
background:url(../IMG/fond_principal.gif);
float:left;
}
#contenu {
padding-left:8px;
padding-right:12px;
}
#menu-centre {
background: #630;
width:500px;
}
#copyright {
padding-top:10px;
margin-top:20px;
margin-right:10px;
margin-left:10px;
font-size:70%;
text-align:center;
color:#630;
border-top:1px solid #630;
}

/* typographie */

#titre-site-1 {
font-family:verdana, arial, helvetica, sans-serif;
font-size:230%;
font-weight:bold;
color: #630; 
text-align:justify;
}
.titre-site-2 {
color: #630; 
font-size:100%;
font-weight:bold;
font-family:trebuchet ms, verdana, arial, helvetica, sans-serif;
text-align:center;
border-top:2px solid #630;
}
#menu-gauche .titre {
width:156px;
background:#630;
color:#fff;
font-weight:bold;
text-transform:uppercase;
margin-top:0px;
padding:2px;
}
#menu-gauche .menu {
margin-right:5px;
}
#menu-gauche a {
color:#630;
text-decoration:none;
font-weight:bold;
font-size:80%;
}
#menu-gauche a:hover {
text-decoration:underline;
}
#agenda .titre {
width:160px;
background:#630;
color:#fff;
font-weight:bold;
text-transform:uppercase;
}
ul.agenda {
margin-top:2px;
margin-bottom:0px;
margin-left:0.5cm;
padding-left:0;
padding-right:6px;
}
li.agenda {
padding:0px;
margin:0px;
line-height:130%;
list-style-type:disc;
font-size:80%;
}
#faq a {
text-decoration:none;
font-family:trebuchet ms, verdana, arial, sans-serif;
font-size:72%;
font-weight:bold; 
color:#630;
}
.menu-item a {
width:24%;
float:left;
background:#630;
padding:2px;
font-family: trebuchet ms, arial, helvetica, verdana, sans-serif;
font-weight: bold;
font-size:80%;
color: #fff;
text-decoration:none;
text-align:center;
line-height:100%;
}
.menu-item a:hover {
color:#eee;
}
#main a {
color: #630;
font-weight:bold;
}
h1 {
font-family: trebuchet ms, arial, helvetica, verdana, sans-serif;
font-size: large;
line-height:100%;
color:#630;
padding-top:10px;
padding-bottom:2px;
margin:0px;
}
h2 {
font-family: trebuchet ms, arial, helvetica, verdana, sans-serif;
font-size: medium;
color:#630;
padding-top:14px;
padding-bottom:4px;
margin:0px;
}
#contenu p {
margin:0px;
padding-top:6px;
padding-bottom:18px;
}
img {
border:none; 
}