* { font-size: 11pt; margin: 0; font-weight: normal;}

body { background: #ffffff url(./images/fond.png) repeat-x; margin: 30px; font-family: calibri, arial, tahoma, helvetica, sans-serif; color: #585858; text-align: center; }

img { border: none; }

/* ========== entete ========== */

#entete a { 
color: #585858; 
text-decoration: none; 
}

#entete a:hover { 
color: #585858; 
text-decoration: underline; 
}

#entete a.accueil { 
color: #85b821; 
font-weight: bold;
text-decoration: underline;
}

#entete a.pme { 
color: #6085e6; 
font-weight: bold;
text-decoration: underline;
}

#entete a.municipalites { 
color: #e58f26; 
font-weight: bold;
text-decoration: underline;
}

/* ========== bandeau ========== */

#bandeau_accueil {
display: block; 
position: relative; 
width: 889px; 
background: url(./images/bandeau_accueil.jpg) no-repeat; 
height: 272px;
}

#bandeau_pme {
display: block; 
position: relative; 
width: 889px; 
background: url(./images/bandeau_pme.jpg) no-repeat; 
height: 272px;
}

#bandeau_municipalites {
display: block; 
position: relative; 
width: 889px; 
background: url(./images/bandeau_municipalites.jpg) no-repeat; 
height: 272px;
}

/* ========== contenu ========== */

#contenu {
display: block; 
position: relative; 
width: 889px; 
clear: both;
}

/* ----- menu ----- */

#menu {
display: block; 
position: relative; 
width: 262px; 
background:  url(./images/fond_menu.png) no-repeat; 
float: left; 
height: 398px;
text-align: left;
padding-top: 20px;
}

#menu div.item_pme {
display: block;
position: relative;
background: url(./images/puce_menu_pme.gif) no-repeat 0 14px;
width: 207px;
text-align: left;
padding: 8px 0 10px 15px;
left: 25px;
}

#menu div.item_municipalites {
display: block;
position: relative;
background: url(./images/puce_menu_municipalites.gif) no-repeat 0 14px;
width: 207px;
text-align: left;
padding: 8px 0 10px 15px;
left: 25px;
}

#menu a { text-decoration: none; color: #585858; }

#menu a:hover { text-decoration: underline; }

#menu a.pme {
color: #6085e6;
}

#menu a.municipalites {
color: #e98e1c;
}

#menu div.trait {
display: block;
position: relative;
width: 200px;
text-align: left;
left: 9px;
}

/* ----- texte ----- */

#contenu #texte {
display: block; 
position: relative;
background: #ffffff; 
float: left; 
text-align: justify;
font-weight: normal;
}

#contenu #texte h1 {
font-weight: normal;
font-size: 17pt;
padding-bottom: 15px;
font-weight: normal;
}

#contenu #texte h2 {
font-weight: normal;
font-size: 15pt;
padding-bottom: 10px;
font-weight: normal;
}

ul { list-style: none; margin: 0; padding: 0 0 0 25px; }
ul li { margin: 1px; padding: 0 0 15px 20px; background: url(./images/puce.gif) no-repeat 0 5px; }

ul ul { list-style: none; margin: 0; padding: 0 0 0 25px; }
ul ul li { margin: 1px; padding: 0 0 15px 20px; background: url(./images/puce2.gif) no-repeat 0 5px; }

ol { margin: 0; padding: 0 0 0 30px; }
ol li { margin: 1px; padding: 0 0 15px 10px; }

/* ----- accueil ----- */

#contenu #texte div.accueil {
display: block; 
position: relative; 
text-align: justify;
padding-top: 30px;
padding-bottom: 35px;
width: 788px;
left: 50px;
}

#contenu #texte div.accueil h1, #contenu #texte div.accueil h2, #contenu #texte div.accueil a { color: #85b821; }
#contenu #texte div.accueil a:visited { color: #979F84; }

/* ----- pme ----- */

#contenu #texte div.pme {
display: block; 
position: relative; 
text-align: justify;
width: 549px;
left: 30px;
padding-top: 30px;
padding-bottom: 30px;
}

#contenu #texte div.pme h1, #contenu #texte div.pme h2, #contenu #texte div.pme a { color: #6085e6; }
#contenu #texte div.pme a:visited { color: #828BA6; }

/* ----- municipalites ----- */

#contenu #texte div.municipalites {
display: block; 
position: relative; 
text-align: justify;
width: 549px;
left: 30px;
padding-top: 30px;
padding-bottom: 30px;
}

#contenu #texte div.municipalites h1, #contenu #texte div.municipalites h2, #contenu #texte div.municipalites a { color: #e98e1c; }
#contenu #texte div.municipalites a:visited { color: #A7865F; }

/* ----- formualaires ----- */

.erreur {
font-weight: bold;
color: #cd1919;
}

input.admin { font-size: 1em; color: #000000; width: 210px;}
textarea.admin { font-size: 1em; color: #000000; font-family: arial, tahoma, helvetica, sans-serif; width: 95%; }
select { font-size: 1em; color: #000000; }

/* ========== pied ========= */

#pied { 
display: block; 
width: 889px; 
height: 47px; 
background: url(./images/pied.png) no-repeat; 
clear: both; 
color: #717070;
}

#pied div { 
padding-top: 12px;
}

#pied a { 
color: #717070;
}