* {
	margin: 0;
	padding: 0;
}

img {
	border: none;
	display: block;
}	

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

body {
	background: #5d9f0c url(../IMG/bg_body.jpg) left top repeat-x;
	text-align: center;																																																																																																																																																																																																																																																																																																																																																																																															
	font-size: 12px;																																																																																																																																																																																																																																																																																																																																																																																															
	font-family: Verdana, Arial, Geneva, Tahoma, Helvetica, sans-serif;
}

#box {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/*------------------------------------------------------------------------------ HEADER -----*/

#header {	
	background: transparent url(../IMG/header_ccmb.jpg) left top no-repeat;
	width: 950px;
	height: 214px;
	margin: 0;
	padding: 0;
}

#header h1 {
	font: bold 18pt/18pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #fff;
	margin: 0 20px 0 40px;
	padding: 32px 0 0 18px; 
}

#header h2 {
	font-size: 9pt;
	color: #fff;
	font-weight: normal;
	margin: 70px 60px 0 700px;
	text-align: right;
}

#header a, #header a:visited, #header a:hover, #header a:active {
	color: #fff;
	text-decoration: none;	
}

a#logo {
	display: block;
	width: 275px;
	height: 100px;
	text-indent: -9999em;
	float: left;
}


/*------------------------------------------------------------------------------ COLONNES -----*/

table#main {
	width: 950px;
	background: transparent url(../IMG/bg_page.jpg) left top repeat-y;
	margin: 0;
}

#column_left, #column_center, #column_right {
	vertical-align: top;
}

td#column_left {
	width: 197px;
}

td#column_right {
	width: 194px;
}

td#column_center {
	background: url(../IMG/bg_page_top2.jpg) left top no-repeat;
}
.home td#column_center {
	background: url(../IMG/bg_page_top.jpg) left top repeat-x;
}

td#column_center h1 {
	color: #2180ae;
}


/*------------------------------------------------------------------------------ SEARCH -----*/

#search {
	margin: 0 0 0 37px;
	width: 160px;
	height: 4em;
	background: #fff url(../IMG/search_bottom.jpg) left bottom no-repeat;
}

#search input {
	width: 100px;
	height: 1.5em;
	line-height: 1.5em;
	margin: 0 0 0 15px;
	padding: .4em 0 0 .3em;
	border: 1px solid #fff; 
}

#search input.off {
	background-color: #e97c31;
	color: #fff;
}

#search input.on {
	background-color: #fdf9e9;
	color: #e97c31;
	border: 1px solid #e97c31;
}

#search button {
   height: 2em;
   font-size: 10pt;
   font-weight: bold;
}

#search button.off {
	border: 1px solid #fff;
	color: #fff;
	background-color: #e97c31;
}

#search button.on {
	background-color: #fdf9e9;
	color: #e97c31;
	border: 1px solid #e97c31;
	cursor: pointer;
}


/*------------------------------------------------------------------------------ MENU -----*/

#menuwrapper {
	/*background: url(../IMG/cadre_menu_left.jpg) left top no-repeat;*/
	padding: 17px 0 0 0;
	margin-top: 15px;
	width: 179px;
}

#menuwrapper_top {
	background: url(../IMG/menuwrapper_top_left.jpg) left top no-repeat;
	height: 16px;
	padding-right: 0px;
}

#menuwrapper_top2 {
	background: url(../IMG/menuwrapper_top_right.jpg) right top no-repeat;
	float: right;
	height: 16px;
	width: 13px;
}

#menuwrapper_bottom {
	background: #fff url(../IMG/menuwrapper_bottom_left.jpg) left top no-repeat;
	height: 16px;
	padding-right: 0px;
	width: 179px;
	float: left;
	clear: left;
}

#menuwrapper_bottom2 {
	background: url(../IMG/menuwrapper_bottom_right.jpg) right top no-repeat;
	float: right;
	height: 16px;
	width: 13px;
}

#menu {
   float: left;
	 /* solve a Opera7/IE display bug */
    width: 150px;
	 width/**/: 150px;
	 background: url(../IMG/menu_bg.jpg) right top repeat-y;
	 padding-right: 29px;
	 _padding-right: 13px;
}
    
#menu ul {
    position:absolute; /* important */
	 width: 150px;	 
	 z-index: 20;
}

#menu li ul {
    visibility:hidden;
    margin-left: 162px; /* be careful */
	 margin-top: -27px;
}
    
#menu a {
    font: bold 11pt/16pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	 color: #fff;
    display: block;
	 width: 143px;
	 background: #e97c31 url(../IMG/puce_menu.gif) left -35px no-repeat;
    padding: 3px 0 3px 23px;
}

#menu ul a {	
	 background: #e97c31 url(../IMG/puce_menu2.gif) left -35px no-repeat;
	 width: 143px;	 
    display: block;
}
    
#menu a:hover {
	 background: #dc3f96 url(../IMG/puce_menu.gif) left -135px no-repeat;
	 text-decoration: none;
}

#menu ul a:hover {
    background: #dc3f96 url(../IMG/puce_menu2.gif) left -135px no-repeat;
	 text-decoration: none;
}
    
/* for a mozilla better display with key nav */
/*#menu a:focus{
    background: url(../IMG/puce_menu1_hover.jpg) left 7px no-repeat;
	 text-decoration: none;
}*/

#menu span {
    /* hide some accessibility stuff */
    display: none;
}
        
#menu li {
    display: block;
    float: left;  
    list-style: none;
	 width: 166px;
	 background: #5d9f0c url(../IMG/menu_hr2.jpg) right bottom no-repeat;
	 padding-bottom: 1px;
}

#menu ul li {
	 background: url(../IMG/menu_hr2.jpg) right bottom no-repeat;
	 width: 166px;
	padding-bottom: 1px;
}
    
/* IE PC selector */
* html #menu li {
    display:inline; /* solve a IE PC list bug */
    float:none; /* solve a IE5 clav nav bug */
    }
    
a.linkOver{   
}

li.active {
   background: url(../IMG/menu_hr2.jpg) right bottom no-repeat;
}

li.active a {
	color: #eed55f !important;
	background: #dc3f96 url(../IMG/puce_menu.gif) left -135px no-repeat !important;
}

li.active ul a {
	color: #fff !important;
	background: #e97c31 url(../IMG/puce_menu2.gif) left -35px no-repeat !important;
}

li.active ul a:hover {
	background: #dc3f96 url(../IMG/puce_menu2.gif) left -135px no-repeat !important;
}

/*------------------------------------------------------------------------------ OT, SP & CG -----*/

div#ot {
	background: url(../IMG/ot_top.jpg) left top no-repeat;
	padding-top: 20px;
	padding-right: 7px;
	/*margin-top: 19.5em;
	_margin-top: 2em;
	|margin-top: 2em;*/
	float: left;
	display: block;
}

p.titre_ot {
	background: url(../IMG/ot_titre_bg.jpg) left top repeat-y;	
	padding: 5px 35px 5px 10px;
	font-size: 90%;
}

p.titre_ot a {
   color: #fff;
	font-weight: bold;
}

div#texte_ot {
   background: url(../IMG/ot_texte_bg.jpg) left top repeat-y;
}

#texte_ot img {
	padding-left: 4px;
}

#texte_ot p {
	/*background: url(../IMG/ot_img.jpg) left top no-repeat;*/
	padding: 5px 35px 2px 10px;
	color: #fff;
	font-size: 90%;
} 

#ot p.link {
	background: url(../IMG/ot_bottom.jpg) left bottom no-repeat;
	text-align: right;
	padding: 5px 35px 21px 0;	
}

#ot p.link a {
	font-weight: bold;
	color: #c1f582;
}

div#sp {
	background: url(../IMG/sp_top.jpg) left top no-repeat;
	padding-top: 20px;
	padding-right: 7px;
	float: left;
	display: block;
}

p.titre_sp {
	background: url(../IMG/sp_titre_bg.jpg) left top repeat-y;	
	padding: 5px 35px 5px 10px;
	font-size: 90%;
}

p.titre_sp a {
   color: #000;
	font-weight: bold;
}

div#texte_sp {
   background: url(../IMG/sp_texte_bg.jpg) left top repeat-y;
}

#texte_sp img {
	padding-left: 4px;
}

#texte_sp p {
	/*background: url(../IMG/sp_img.jpg) left top no-repeat;*/
	padding: 5px 35px 2px 10px;
	font-size: 90%;
	color: #333;
} 

#sp p.link {
	background: url(../IMG/sp_bottom.jpg) left bottom no-repeat;
	text-align: right;
	padding: 5px 35px 21px 0;	
}

#sp p.link a {
	font-weight: bold;
	color: #666;
}

div#cg {
	background: url(../IMG/cg_top.jpg) left top no-repeat;
	padding-top: 20px;
	padding-right: 7px;
	float: left;
	display: block;
}

p.titre_cg {
	background: url(../IMG/cg_titre_bg.jpg) left top repeat-y;	
	padding: 5px 35px 5px 10px;
	font-size: 90%;
}

p.titre_cg a {
   color: #fff;
	font-weight: bold;
}

div#texte_cg {
   background: url(../IMG/cg_texte_bg.jpg) left top repeat-y;
}

#texte_cg img {
	padding-left: 4px;
}

#texte_cg p {
	/*background: url(../IMG/cg_img.jpg) left top no-repeat;*/
	padding: 5px 35px 2px 10px;
	font-size: 90%;
	color: #fff;
} 

#cg p.link {
	background: url(../IMG/cg_bottom.jpg) left bottom no-repeat;
	text-align: right;
	padding: 5px 35px 21px 0;	
}

#cg p.link a {
	font-weight: bold;
	color: #82c5fe;
}

div#texte_ot p, div#texte_sp p, div#texte_cg p {
	/*height: auto !important;
   height: 142px;
	min-height: 142px;*/
}
	
	
/*------------------------------------------------------------------------------ BLOCS CCMB -----*/

ul#blocs_ccmb {
    position:absolute;
    display:block;
    margin: 0 0px 0 52px;
    padding:0;
	 height: auto;
    }

#blocs_ccmb ul{
    position:absolute;
    display:block;
    /*margin:0;*/
    padding: 0;
	 width: 147px;
    }
    
#blocs_ccmb li ul{
    visibility: hidden;
    }

#blocs_ccmb li{
    list-style:none;
    height: auto !important;
	 height: 38px;
	 min-height: 38px;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0 5px 0 0;
    padding: 0px 0 0 0;
	 width: 147px;
	 background: url(../IMG/bloc_ccmb_bottom.gif) left bottom no-repeat;
}
    
#blocs_ccmb li li{
    display:block;
    float:none;
	 height: auto !important;
	 height: 30px;
	 min-height: 30px;
    }
    
/* correct a little IE bug */
* html .blocs_ccmb li li{
    display:inline;
    }

#blocs_ccmb li a {
    text-align:center;
    display:block;
	 width: 147px;
    text-decoration:none;
	 background: url(../IMG/bloc_ccmb_top.png) left top no-repeat;
	 _background: url(../IMG/bloc_ccmb_top.gif) left top no-repeat;
	 color: #e97c31;
	 font: bold 11pt/11pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

#blocs_ccmb a span {
	padding-top: 8px;
	display: block;
}

ul#blocs_ccmb, ul#blocs_ccmb ul {
	font-size: 8pt;
	list-style-type: none;
}

li#ccmb a:hover, li#missions a:hover, li#reunions a:hover {
	color: #5d9f0c;
	text-decoration: none;
}

li.desc_bloc_ccmb {
	background: url(../IMG/bloc_ccmb_bg.png) left top repeat-y !important;
	_background: url(../IMG/bloc_ccmb_bg.gif) left top repeat-y !important;
	padding: 0 0 0 0 !important;
	margin: 0;
	|margin: -2px 0 0 0 !important;
}

.desc_bloc_ccmb span {
   margin: 0 0 0 9px;
	padding-right: 5px;
   display: block;
}

.bloc_ccmb_bottom {
	background: url(../IMG/bloc_ccmb_bottom.png) left bottom no-repeat !important;
	_background: url(../IMG/bloc_ccmb_bottom.gif) left bottom no-repeat !important;
	height: auto !important;
	height: 25px;
	min-height: 25px;
	margin: 0;
	|margin: -2px 0 0 0 !important;
	padding: 0 !important;
}

.bloc_ccmb_bottom span {
   margin: 0 0 0 9px;	
	padding-right: 5px;
   display: block;
}

span.titre_top {
	color: #406f07;
	font-weight: bold;
	padding: 15px 3px 15px 0 !important;
	margin: 0;
}






/*------------------------------------------------------------------------------ BREADCRUMB -----*/

#breadcrumb {
	background: url(../IMG/line_breadcrumb.jpg) right bottom no-repeat;
	text-align: right;
	margin: 18px 0 10px 0;
	padding: 0 0 10px 0;
	float: left;
	display: inline;
	width: 525px;
}

#breadcrumb a {
	color: #666;
	padding-left: 10px;
	margin-right: 10px;
	background: url(../IMG/puce_breadcrumb.gif) left 5px no-repeat;
}

#breadcrumb span {
   color: #000;
	font-weight: bold;	
	padding-left: 10px;
	background: url(../IMG/puce_breadcrumb.gif) left 5px no-repeat;
}


/*------------------------------------------------------------------------------ PRESENTATION CCMB -----*/

div#presentation {
	margin: 60px 0 15px 0;
	background: url(../IMG/present_bg.jpg) left top repeat-y;
}

div#bloc_presentation {
   background: url(../IMG/present_bottom.jpg) left bottom no-repeat;
	padding-bottom: 20px;
}

#presentation h1 {
	font: bold 14pt/14pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #2180ae;
	margin: 0;
	background: #fdf9e9 url(../IMG/present_top.jpg) left bottom no-repeat;
	padding: 0 0 8px 10px;
	zoom: 1;
}

#presentation_logo {
	margin: 15px 15px 10px 30px;
	width: 135px;
	height: 131px;
	float: left;
	display: inline;
}

#presentation_texte {
   margin: 10px 30px 0 0;
   color: #666;
}

#presentation_texte p.spip {
   margin: 0 0 10px 30px;
	text-align: justify;
}

#presentation_texte strong.spip {
	text-align: justify;
}

#presentation_texte a, #presentation_texte a:visited, #presentation_texte a:hover, #presentation_texte a:active {
   color: #196084;
}

div.extens {
	clear: both;
}


/*------------------------------------------------------------------------------ LISTE DERNIERS ARTICLES -----*/


div#liste_derniers_articles {
	margin: 15px 0 0 10px;
	_margin: 15px 0 0 20px;
}

div#liste_derniers_articles_gauche {
	float: left;
	width: 49%;
}

div#liste_derniers_articles_droite {
	float: left;
	width: 49%;
	margin: 0 0 0 10px;
	display: inline;
}

div.dernier_article {
	float: left;
	margin: 0 20px 20px 0;
	display: inline;
	width: 255px;
	_width: 237px;
}

.dernier_article h2 {
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #e97c31;
}

.dernier_article h2 a, .article h2 a:visited, .article h2 a:hover, .article h2 a:active {
	color: #e97c31;
	text-decoration: none;
}

.dernier_article a:hover {
	color: #e97c31;
	text-decoration: none;
}

.bloc_dernier_article {
   border-top: 3px solid #e97c31;
	border-left: 1px solid #e97c31;
	border-bottom: 1px dashed #3fa9db;
	width: 255px;
	_width: 237px;
	background-color: #fff;
	padding: 0px;
}

.bloc_dernier_article a {
	color: #e97c31;
}

.dernier_article p.link {
	background: #fff url(../IMG/rubrique_bottom_255.gif) right bottom no-repeat;
	_background: #fff url(../IMG/rubrique_bottom_243.gif) right bottom no-repeat;
	padding: 7px 15px 10px 5px;
	text-align: right;	
}

.dernier_article p.link a {
	color: #3fa9db !important;
	font: bold 9pt/9pt verdana, arial, geneva, tahoma, helvetica;
	padding-left: 25px;
	background: url(../IMG/puce_link.gif) left 5px no-repeat;	
}

.dernier_article p.link a:hover {
	text-decoration: underline !important;
}

p.surtitre_dernier_article {
	font-weight: bold;
	color: #000;
	font-size: 8pt;
	margin: 3px 2px 0 5px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #3fa9db;
}

p.soustitre_dernier_article {
	font-weight: bold;
	color: #999;
	margin: 5px 2px 5px 5px;
	font-size: 8pt;
}

.bloc_dernier_article p.spip {	
	padding: 0 0 5px;
	margin: 0 5px;
	font-style: italic;	
}

div.dernier_article_logo img {
	padding: 5px;
	float: left;
	display: inline;
}

/*------------------------------------------------------------------------------ CONTACT -----*/

#contact {
	margin: 0 35px 0 0;
	_margin: 0 17px 0 0;
	width: 160px;
	height: 4em;
	background: #fff url(../IMG/search_bottom.jpg) left bottom no-repeat;
	float: right;
}
#contact_home {
	margin: 0 0 15px 0;
	width: 160px;
	height: 4em;
	background: #fff url(../IMG/search_bottom.jpg) left bottom no-repeat;
}

p.contact {
	text-align: center;
	padding: .4em 0 0 0;
}

p.contact a {
	color: #e97c31;
	font-weight: bold;
	font-size: 12pt;
	font-family: "Trebuchet MS", verdana, arial, geneva, helvetica, sans-serif;
}

p.contact a:hover {
   color: #5d9f0c;
   text-decoration: none;
}


/*------------------------------------------------------------------------------ COLONNE DROITE ACCUEIL -----*/

td#column_right h2 {
	color: #5a3b30;
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	padding-left: 5px; 
}

#infos_communes h2 {
   background: url(../IMG/bg_titre_infos.jpg) left bottom no-repeat;
	padding-bottom: 20px;
}

p.titre_info_commune {
	background: url(../IMG/bg_titre_info.jpg) left top no-repeat;
	padding: 0 8px 4px 40px;
	zoom: 1;
}

p.titre_info_commune a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

p.info_commune {
	background: url(../IMG/bg_info.jpg) left top repeat-y;
	color: #000;
	font-size: 8pt;
	padding: 0 8px 10px 40px;
}

p.info_commune a, p.info_commune a:visited, p.info_commune a:hover, p.info_commune a:visited {
	color: #5a3b30;
}

#infos_communes {
	background: url(../IMG/bg_infos_bottom.jpg) left bottom no-repeat;
	padding-bottom: 30px;
}

#infos_communes p.link {
   background: url(../IMG/bg_info.jpg);
	text-align: right;
	padding: 0px 8px 3px;
}

#infos_communes p.link a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

#manifestations h2 {
   background: url(../IMG/bg_titre_manifs.jpg) left bottom no-repeat;
	padding-bottom: 20px;
}

p.titre_manifestation {
	background: url(../IMG/bg_titre_manif.jpg) left top no-repeat;
	padding: 0 8px 4px 40px;
	zoom: 1;
}

p.titre_manifestation a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

p.manifestation {
	background: url(../IMG/bg_manif.jpg) left top repeat-y;
	color: #000;
	font-size: 8pt;	
	padding: 0 8px 10px 40px;
}

p.manifestation a, p.manifestation a:visited, p.manifestation a:hover, p.manifestation a:visited {
	color: #5a3b30;
}

p.sep_manif {
	width: 194px;
	height: 5px;
	background: url(../IMG/sep_manif.jpg) left top no-repeat;
}

#manifestations {
	background: url(../IMG/bg_manifs_bottom.jpg) left bottom no-repeat;
	padding-bottom: 30px;
}

#manifestations p.link {
   background: url(../IMG/bg_manif.jpg);
	text-align: right;
	padding: 0px 8px 3px;
}

#manifestations p.link a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

#actualites h2 {
   background: url(../IMG/bg_titre_actus.jpg) left bottom no-repeat;
	padding-bottom: 20px;
}

p.titre_actualite {
	background: url(../IMG/bg_titre_actu.jpg) left top no-repeat;
	padding: 0 8px 4px 40px;
	zoom: 1;
}

p.titre_actualite a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

p.actualite {
	background: url(../IMG/bg_actu.jpg) left top repeat-y;
	color: #000;
	font-size: 8pt;	
	padding: 0 8px 10px 40px;
}

p.actualite a, p.actualite a:visited, p.actualite a:hover, p.actualite a:visited {
	color: #5a3b30;
}

p.sep_actu {
	width: 194px;
	height: 5px;
	background: url(../IMG/sep_actu.jpg) left top no-repeat;
}

#actualites {
	background: url(../IMG/bg_actus_bottom.jpg) left bottom no-repeat;
	padding-bottom: 30px;
}

#actualites p.link {
   background: url(../IMG/bg_actu.jpg);
	text-align: right;
	padding: 0px 8px 3px;
}

#actualites p.link a {
	color: #5a3b30;
	font: bold 9pt/9pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}

p.titre_newsletter {
   color: #5a3b30;
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	padding: 0 0 0 5px;	
}

div#bloc_newsletter {
   background: url(../IMG/news_bottom.jpg) left bottom no-repeat;
	padding-bottom: 25px;
	margin: 15px 0 0 0;
}	

div#bloc_newsletter form {
   padding: 0 0 0 30px;
	background: url(../IMG/news_bg.jpg) left top repeat-y;
}

div#bloc_newsletter span {
   padding: 0 0 0 35px;
	background: url(../IMG/news_bg.jpg) left top repeat-y;
	display: block;
	color: #5a3b30 !important;
	font-size: 8pt;
}

div#newsletter {
	background: url(../IMG/news_top.jpg) left 22px no-repeat; 
}

div#newsletter input {
	width: 120px;
	height: 1.5em;
	line-height: 1.5em;
	padding: .4em 0 0 .3em;
}

div#newsletter input.off {
	color: #fff;
	background-color: #5a3b30; 
	border: 1px solid #fff;
}

div#newsletter input.on {
	color: #5a3b30;
	background-color: #fff; 
	border: 1px solid #5a3b30;
}

div#newsletter button {
	height: 2em;
   font-size: 10pt;
   font-weight: bold;
}

div#newsletter button.off {
	color: #fff;
	background-color: #5a3b30; 
	border: 1px solid #fff;
}

div#newsletter button.on {
	color: #5a3b30;
	background-color: #fff; 
	border: 1px solid #5a3b30;
	cursor: pointer;
}


/*------------------------------------------------------------------------------ PRESENTATION RUBRIQUE -----*/

div#rubrique {
	margin: 10px 0 0 20px;
	background: url(../IMG/present_rubrique_bg.jpg) left top repeat-y;
	width: 660px;
	float: left;
	display: inline;
}

div#rubrique div#bloc_rubrique {
   background: url(../IMG/present_rubrique_bottom.jpg) left bottom no-repeat;
	padding: 5px 0 25px 0;
	margin: 0;
	width: 660px;
	text-align: justify;
}

#rubrique h1 {
	font: bold 14pt/14pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #3fa9db;
	margin: 0;
	background: #fdf9e9 url(../IMG/present_rubrique_top.jpg) left bottom no-repeat;
	padding: 0 0 8px 10px;
}

#rubrique_logo {
	margin: 5px 15px 10px 30px;
	float: left;
	display: inline;
	padding: 3px;
	border: 1px solid #3fa9db;
}

#rubrique_texte {
   margin: 10px 35px 0 0;
   color: #666;
	text-align: justify;
}

#rubrique_texte p.spip {
   margin: 0 0px 10px 30px;	
	text-align: justify;
}

#rubrique_texte li.spip {
	margin: 0 0px 10px 60px;	
	text-align: justify;
}

#rubrique_texte h3 {
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #2590c3;
	margin: 20px 0 15px 30px;
}

#rubrique_texte a, #rubrique_texte a:visited, #rubrique_texte a:hover, #rubrique_texte a:active {
	color: #e37a2f;
}

#rubrique_texte ul {
	list-style-type: none;
	margin: 0 0 25px 25px;
}

#rubrique_texte ul ul {
	margin: 10px 0 0 45px;
}

#rubrique_texte ul li {
	background: url(../IMG/puce_liste2_bleu.jpg) left top no-repeat;
	padding: 0 0 3px 20px;
	margin: 0 0 5px 0;
}

#rubrique_texte ul ul li {
	background: url(../IMG/puce_liste_bleu.jpg) left top no-repeat;
	padding: 0 0 3px 20px;
	margin: 0 0 2px 0;
}

#rubrique_texte table.spip {
	margin: 10px 0 10px 30px !important;
	border: none;
	border-bottom: 3px solid #2590c3;
	border-collapse: collapse;
	font-size: 9pt;
}

#rubrique_texte table tr.row_first {
   background-color: #2590c3;
	color: #fff;
	border-bottom: 1px solid #fff;
}

#rubrique_texte table td, #rubrique_texte table tr th {
	padding: 3px 25px 3px 3px;
}

#rubrique_texte table tr.row_even {
	background-color: #d5edf7;
	color: #000;	
	border-bottom: 1px solid #fff;
} 

#rubrique_texte table tr.row_odd {
	background-color: #abdbef;
	color: #333;
	border-bottom: 1px solid #fff;
}


/*------------------------------------------------------------------------------ LISTE ARTICLES -----*/

div#liste_articles {
	float: left;
	margin: 30px 0 0 0;
	display: inline;
	width: 45%;
}

div#liste_articles_2col {
	float: left;
	margin: 30px 0 0 15px;
	display: inline;
}


div#liste_articles_gauche {
	float: left;
	width: 49%;
	_width: 46%;
	margin: 0 10px 0 0;
	display: inline;
}

div#liste_articles_droite {
	float: left;
	width: 49%;
	_width: 46%;
}


div.article {
	float: left;
	clear: left;
	margin: 0 20px 20px 0;
	display: inline;
	width: 320px;
}

.article h2 {
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #e97c31;
}

.article h2 a, .article h2 a:visited, .article h2 a:hover, .article h2 a:active {
	color: #e97c31;
	text-decoration: none;
}

.article a:hover {
	color: #e97c31;
	text-decoration: none;
}

.bloc_article {
   border-top: 3px solid #e97c31;
	border-left: 1px solid #e97c31;
	border-bottom: 1px dashed #3fa9db;
	width: 320px;
	background-color: #fff;
	padding: 0px;
}

.bloc_article a {
	color: #e97c31 !important;
}

.article p.link {
	background: #fff url(../IMG/rubrique_bottom_large.gif) left bottom no-repeat;
	padding: 7px 15px 10px 5px;
	text-align: right;	
}

.article p.link a {
	color: #3fa9db !important;
	font: bold 9pt/9pt verdana, arial, geneva, tahoma, helvetica;
	padding-left: 25px;
	background: url(../IMG/puce_link.gif) left 5px no-repeat;	
}

.article p.link a:hover {
	text-decoration: underline !important;
}

p.surtitre_article {
   font-weight: bold;	
	color: #000;
	font-size: 8pt;
	margin: 3px 5px 0 5px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #3fa9db;
}

p.soustitre_article {
	font-weight: bold;
	color: #999;
	margin: 5px 5px 5px 5px;
	font-size: 8pt;
}

.bloc_article p.spip {
   padding: 0 0 5px;
	margin: 0 5px;
	font-style: italic;	
}

div.article_logo img {
	padding: 5px;
	float: left;
	display: inline;
}


/*------------------------------------------------------------------------------ LISTE RUBRIQUES -----*/

div#liste_rubriques {
	float: left;
	margin: 30px 0 0 20px;
	width: 45%;
	display: inline;
}


div#liste_rubriques_2col {
	float: left;
	margin: 30px 0 0 15px;
	display: inline;
}

div#liste_rubriques_gauche {
	float: left;
	width: 49%;
	_width: 46%;
	margin: 0 30px 0 0;
	display: inline;
}

div#liste_rubriques_droite {
	float: left;
	width: 49%;
	_width: 46%;
}

div.rubrique {
	float: left;
	clear: left;
	margin: 0 0 20px 0;
	display: inline;
	width: 320px;
}

div.rubrique h2 {
	font: bold 14pt/14pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #dc3f96;
	margin: 0;
	background: #fdf9e9 url(../IMG/rubrique_top.jpg) left bottom no-repeat;
	padding: 0 0 8px 10px;
}

div.rubrique h2 a, div.rubrique h2 a:visited, div.rubrique h2 a:hover, div.rubrique h2 a:active {
	color: #dc3f96;
	text-decoration: none;
}

div.rubrique p.spip a, div.rubrique p.spip a:visited, div.rubrique p.spip a:hover, div.rubrique p.spip a:active {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}


div.bloc_rubrique{
	background: url(../IMG/rubrique_bottom.jpg) left bottom no-repeat;	
	padding-bottom: 20px;
	margin: 0;
}

div.wrap_rubrique{
	background: url(../IMG/rubrique_bg.jpg) left top repeat-y;
	padding: 3px 15px 1px 15px;
	height: auto !important;
   height: 85px;
   min-height: 85px;
}

.bloc_rubrique p.spip {
	padding: 5px 0;
	margin: 0 5px;
	color: #fff;
}

div.rubrique_logo img {
	padding: 5px 15px 5px 10px;
	float: left;
	display: inline;
}

.rubrique p.link {	
	padding: 7px 15px 10px 5px;
	text-align: right;	
}

.rubrique p.link a {
	color: #fff !important;	
	font: bold 9pt/11pt verdana, arial, geneva, tahoma, helvetica;
	padding-left: 25px;
	background: url(../IMG/puce_link_rubrique.gif) left 5px no-repeat;
}

.rubrique p.link a:hover {
	text-decoration: underline !important;
}


/*------------------------------------------------------------------------------ ARTICLE -----*/

div#article {
	margin: 10px 0 0 20px;
	background: url(../IMG/present_rubrique_bg.jpg) left top repeat-y;
	width: 660px;
	float: left;
	display: inline;
}

div#bloc_pres_article {
   background: url(../IMG/present_rubrique_bottom.jpg) left bottom no-repeat;
	padding-bottom: 30px;
	margin: 10px 0 0px 0;
}

div#bloc_pres_article p.spip {	
	text-align: justify;
}

div#bloc_pres_article p.spip a {
	color: #2180c1;
}

#article h1 {
	font: bold 14pt/14pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #3fa9db;
	margin: 0;
	background: #fdf9e9 url(../IMG/present_rubrique_top.jpg) left bottom no-repeat;
	padding: 0 0 8px 10px;
}

#article_logo {
	margin: 5px 15px 10px 30px;
	float: left;
	display: inline;
	padding: 3px;
	border: 1px solid #3fa9db;
}

#article_descriptif {
   margin: 10px 30px 0 30px;
   color: #666;
	text-align: justify;
}

#article_texte {
   margin: 5px 0 0 20px;
	background: url(../IMG/article_top.jpg) left top no-repeat;
	padding-top: 20px;
	width: 660px;
	display: inline;
   color: #666;
	float: left;
}

#bloc_article_texte {
   margin: 0;
	padding: 10px 45px 10px 35px;
	background: url(../IMG/article_bg.jpg) left top repeat-y;
}

#wrap_article_texte {
   margin: 0;
	padding-bottom: 20px;
	_padding-bottom: 1px;
	|padding-bottom: 1px;
	background: url(../IMG/article_bottom.jpg) left bottom no-repeat;
}

#article_texte h3 {
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	color: #5a3b30;
	margin: 0 0 15px 0;
}

#article_texte p.spip {
   margin: 0 0 15px 0;
	text-align: justify;
	zoom: 1;
}

#article_texte a, #article_texte a:visited, #article_texte a:hover, #article_texte a:active {
	color: #e97c31;
}

#article_texte ul {
	list-style-type: none;
	margin: 0 0 25px 25px;
}

#article_texte ul ul {
	margin: 10px 0 0 45px;
}

#article_texte ul li {
	background: url(../IMG/puce_liste2.jpg) left top no-repeat;
	padding: 0 0 3px 20px;
	margin: 0 0 5px 0;
	text-align: justify;
}

#article_texte ul ul li {
	background: url(../IMG/puce_liste.jpg) left top no-repeat;
	padding: 0 0 3px 20px;
	margin: 0 0 2px 0;
	text-align: justify;
}


#article_texte p.spip span {
	margin: 0 20px 0 0;
}

span.spip_documents_right img {
	border: 1px solid #666;
	margin: 5px 0 5px 10px;
	padding: 3px;
}

span.spip_documents_center img {
	border: 1px solid #666;
	padding: 3px;
	margin: 10px auto;
}

span.spip_documents_left img {
	border: 1px solid #666;
	margin: 5px 10px 5px 0;
	padding: 3px;
}

#article_texte table.spip {
	margin: 10px 0 10px 0 !important;
	border: none;
	border-bottom: 3px solid #edc931;
	border-collapse: collapse;
	font-size: 9pt;
}

#article_texte table tr.row_first {
   background-color: #edc931;
	color: #333;
	border-bottom: 1px solid #fff;
}

#article_texte table td, #article_texte table tr th {
	padding: 3px 25px 3px 3px;
}

#article_texte table tr.row_even {
	background-color: #f7e7a4;
	color: #000;	
	border-bottom: 1px solid #fff;
} 

#article_texte table tr.row_odd {
	background-color: #f5e18d;
	color: #333;
	border-bottom: 1px solid #fff;
}


div.liste_documents {
   background: url(../IMG/docjoint_top.jpg) left top no-repeat;
	padding-top: 20px;
	margin: 0 0 20px 20px;
   display: inline;
   color: #666;
	float: left;
	width: 660px; 
}

div.bloc_liste_documents {
	background: url(../IMG/docjoint_bottom.jpg) left bottom no-repeat;
	padding-bottom: 20px;
	|padding-bottom: 20px;
}

div.document {
   background: url(../IMG/docjoint_bg.jpg) left top repeat-y;
	margin: 0 0 0 0;
	padding: 15px 35px 0px 35px;
}

div.document img {
	float: left;
	margin: 0 15px 5px 0;
	|margin: 0px 15px 5px 0;
	display: inline;
	background: #eed55f:
}

div.document .spip_doc_titre a {
	text-decoration: none;
	color: #5a3b30;
	font-weight: bold;
	margin: 0 0 0 0;
	zoom: 1;
}

div.document .spip_doc_titre a:hover {
   text-decoration: underline;
} 

div.document div.desc_document {
	margin: 0 0 0 0;
	display: inline;
	padding: 5px 5px 0 0;
	text-align: justify;
	zoom: 1;
}

div.document div.desc_document p.spip {
	margin: 10px 0 0 0;	
	text-align: justify;
	zoom: 1;
}

div.document div.extens {
   height: 1px;
	border-top: 1px dashed #5a3b30;
	padding: 0 0 5px 0;	
}

hr.spip {
	margin: 0 0 10px 0;
}

.spip_documents_left {
	margin: 0 20px 5px 0;
}

.spip_documents_right {
	margin: 0 0 5px 20px;
}

.spip_documents dt {
	padding: 3px;
	border: 1px solid #5a3b30;
}

dt.spip_doc_titre {
	color: #5a3b30;
	font: bold 90% Verdana, Arial, Helvetica, sans-serif;	
	padding: 2px 0 0 0;	
	margin: 0 0 2px 0;
	border: none;
}

.spip_doc_descriptif {
	color: #999;
	font: normal 90%/110% Verdana, Arial, Helvetica, sans-serif;
}

p.fond {
	clear: both;
}

dl.spip_documents dt {
	border: none;
}

dl.spip_documents_center {
	text-align: center;	
	padding: 0 0 5px 0 !important;
}

dl.spip_documents_center dt img {
   margin: 0 auto;
}

dl.spip_documents_center dt.spip_doc_titre {	
	width: 100% !important;
}

dl.spip_documents_right {
	width: auto;
	float: right;
	padding: 0 0 5px 5px !important;
}

dl.spip_documents_left {
	text-align: left;
	width: auto;
	float: left;
	padding: 0 5px 5px 0 !important;
}

dl.spip_documents dt.spip_doc_titre {
	padding: 5px 0;
	margin: 0 0 5px 0;
}

div#rubrique dl.spip_documents {
	margin: 0 0 0 30px;
}
 
 

/*------------------------------------------------------------------------------ LIENS ARTICLES -----*/

div#liens_article {
	float: right;
	display: inline;
	margin: 20px 0 0 0;
	width: 190px;
}

div.wrap_lien_article {
   background: url(../IMG/link_top.jpg) left top no-repeat;
	padding-top: 20px;
}	

div.bloc_lien_article {
	background: url(../IMG/link_bottom.jpg) left bottom no-repeat;
	padding-bottom: 20px;
	margin: 0;
}

p.lien_article {
   padding: 0 15px 0 15px;
	background: url(../IMG/link_bg.jpg) left top repeat-y;
	margin: 0;
}

p.lien_article a.spip_in {
   font: bold 10pt/10pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	background-color: #3fa9db;
	color: #fff;
	display: block;
	padding: 5px;
	width: 145px;
}

p.lien_article a.spip_in:hover {
	color: #bfe3f3;
	text-decoration: none;
}




/*------------------------------------------------------------------------------ FOOTER -----*/


div#footer {
	background: transparent url(../IMG/footer_ccmb.jpg) left top no-repeat;
	text-align: center;
	padding: 126px 0 0px 0;
}

p.links {
   margin: 0 auto 2px;
}

p.links a {
	color: #00210f;
	font-weight: bold;
	font-size: 110%;
}

p.links a:hover {
   text-decoration: underline;
}

span.sep {
	color: #00210f;
}

span.rea {
	font-size: 80%;
	color: #00210f;
}

.rea a {
	color: #00210f !important;
	font-weight: normal !important;
}

.rea a:hover {
	text-decoration: underline;
}


/*------------------------------------------------------------------------------ RECHERCHE, CONTACT, PLAN DU SITE -----*/

.page_recherche td#column_center h1, .page_plan td#column_center h1, .page_contact td#column_center h1 {
	color: #2180ae;
	margin: 60px 0 20px 25px;
	font: bold 14pt/14pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
}


.page_plan td#column_center ul {
	margin: 0 65px 0 50px;
	list-style-type: none;
}

.page_plan td#column_center ul li {
	padding-left: 10px;
	background: url(../IMG/puce_breadcrumb.gif) left 5px no-repeat;
}

.page_plan td#column_center ul h3 {
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	margin: 0 0 10px 0;
}

.page_plan td#column_center ul h3 a {
	color: #df762f;
}

.page_plan td#column_center ul h3 a:hover {
	color: #dc3f96;
	text-decoration: none;
}

.page_plan td#column_center ul li ul {
	margin: 10px 0 0 50px;
}

.page_plan td#column_center ul li ul li {
	margin-bottom: 10px;	
}

.page_plan td#column_center ul li ul li a {
	color: #333;
}

.page_plan td#column_center ul li ul li a:hover {
	color: #dc3f96;
	text-decoration: none;
}

.page_plan td#column_center ul li ul li h3 a {
	color: #df762f;
}

.page_contact td#column_center h3.spip {
	color: #56b2df;
	margin: 30px 100px 20px 50px;
	padding-bottom: 3px; 
	font: bold 12pt/12pt "Trebuchet MS", verdana, arial, geneva, tahoma, helvetica;
	border-bottom: 1px dashed #56b2df;
}

.page_contact td#column_center p.spip {
	margin: 0 100px 8px 50px;
}

.page_contact td#column_center form {
	margin: 0 90px 0 50px;
}

.page_contact td#column_center input.on, .page_contact td#column_center textarea.on {
	background: #caf9e9;
	border: 1px solid #2180ae;
}

.page_contact td#column_center input.off, .page_contact td#column_center textarea.off{
	background: #fdf9e9;
	border: 1px solid #e97c31;
}

.page_contact td#column_center span.error {
	font-weight: bold;
	font-size: 120%;
	color: #f00;
}

.page_contact td#column_center button.off {
	background: #e97c31;
	border: none;
	color: #fff;
	font-weight: bold;
	padding: 3px;
}

.page_contact td#column_center button.on {
	cursor: pointer;
	border: 1px solid #2180ae;
	background: #caf9e9;
	color: #2180ae;
	font-weight: bold;
	padding: 3px;
}

.page_contact td#column_center th {
	color: #666;
	padding: 0 10px 0 0;
}

.page_contact td#column_center tr {
	margin: 0 0 15px 0;
} 

/*------------------------------------------------------------------------------ CARTOGRAPHIE -----*/

div#map {
	margin: 20px auto;
	border: 3px solid #2180ae;
	background: #fff9e9;
	z-index: 10;
}

#map h2 {
	color: #2180ae;
	margin: 0 0 5px 0;
}

#map hr {
	margin: 0 0 5px 0;
} 

#map img {
	padding: 3px;
	border: 1px solid #2180ae;
	float: left;
	margin: 0 5px 5px 0;
}

/*------------------------------------------------------------------------------ MARQUAGE SERVICE PUBLIC -----*/

#spl_wrapper {
	margin: 10px 0 0 12px;
}