/*CSS DOCUMENT*/
*,* {
	margin:0;
	padding:0;
}
html {
	font-family:Verdana,Tahoma,sans-serif;
	font-size:66.5%;
}

a img { border:0; }
#global {
	width:985px;
	background:url(header.jpg) no-repeat top left transparent;
	min-height:318px;
	height:auto !important;
	height:318px;
	margin:auto;
}
#contenu {
	background:url(bg_content.gif) repeat-y top center transparent;
	margin:auto;
}	
#col_gauche {
	width:238px; /*240*/
	float:left;
	margin-left:18px;
	display:inline; /*correction bug IE6 double marge*/
	padding:0;
}
#col_centre {
	width:502px;
	float:left;
	padding:8px 10px 0 10px;
}

#col_droite {
	width:170px; 
	float:left;
	padding:10px 5px 0 10px;
}
#actus {
	padding:0 10px;
	margin-top:10px;
}
#logo {
	margin:85px 0 0 32px;
}
#recherche {
	float:right;
	margin:25px 25px 0 0;
	color:#000;
	font-weight:bold;
}
#bottom {
	width:985px;
	background:url(bottom.jpg) no-repeat left bottom transparent;
}
#footer {
	width:985px;
	background:url(footer.jpg) no-repeat left bottom transparent;
	position:relative;
	height:66px;
}
#footer_droit {
	position:absolute;
	right:20px;
	bottom:20px;
}
#footer_droit li { display:inline; }
#footer_droit li a { 
	display:block;
	padding:0 5px 0 5px;
	float:left;
}
#footer_gauche {
	position:absolute;
	left:27px;
	bottom:20px;
}
#newsletter {
	background:url(bg_newsletter.jpg) no-repeat top right transparent;
	width:238px;
	height:147px;
	padding-top:2px;
}
#newsletter p { margin-left:1px;margin-top:3px;line-height:18px; }
#newsletter label.label { display:block;text-align:right;float:left;width:50px;padding-right:3px; }
#newsletter input.text {
	background:url(bg_input.gif) no-repeat top left #FFF;
	color:#000;
	width:120px;
	padding:4px 5px;
	font-size:1em;
	font-family:Verdana,Tahoma,sans-serif;
	border:0;
}
#newsletter input.btn_envoyer {
	background:url(envoyer.gif) no-repeat top right transparent;
	padding-right:23px;
	height:20px;
	font-size:0.9em;
	font-family:Verdana,Tahoma,sans-serif;
	color:#666;
	font-weight:bold;
	border:0;
}
/****************************************/
/***FORMULAIRE SPIP (PLUGIN)***/
/****************************************/
fieldset { border:0; margin-top:10px; }
legend { font-size:1.2em; margin:5px 0; font-weight:bold; color:#FF7E00;}
.spip_form_champ { margin:0.3em 0; }
span.erreur { color:#CC0000; }
.spip_form_label_obligatoire {  font-style:italic; font-weight:normal;}
.spip_form_label, .spip_form_label .label { font-weight:bold; }
.spip_form_label { display:block; }
.ligne { width:200px; }
.formo, .forml { width:350px; }
.fondl { font-size:1em;}
ul.spip_form_choix_unique li { list-style-type:none;}
.spip_form_ok { margin:10px; color:#4BAF00;font-weight:bold;  }
/****************************************/
/***ENVOYER A UN AMI***/
/****************************************/
#envoyer {
	position:relative;
}
#bloc_envoyer {
	position:absolute;
	left:-15px;
	bottom:-20px;
	background-color:#FFF;
	border:1px solid #FF9900;
	padding:5px 10px 10px 10px;
	display:none;
	/*visibility:hidden;*/
}
#bloc_envoyer input{
	border:1px solid #666;
	background-color:#FFF;
}
#bloc_envoyer .btn_envoyer {
	font-size:0.9em;
	margin-top:3px;
}

/*******************************/
/***CLASSES***/
/*******************************/
.clear {
	clear:both;
	height:0px;
	_height:1%;
	padding:0;
	line-height:0;
	margin:0;
	visibility:hidden;
}
hr.spip {
	clear:both;
	border:0;
	border-bottom:1px dashed #F1DCD1;
}
.bloc_color {
	background:url(top_color.jpg) no-repeat top left #FFF;
	padding:12px 3px;
}
.date {
	background:url(bg_date.gif) no-repeat top left transparent;
	width:64px;
	height:56px; /*82*/
	text-align:center;
	padding:26px 0 0 0;
	color:#000;
	font-size:1.8em;
	line-height:1em;
	font-weight:normal;
	font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
	float:right;
	margin-right:0.3em;
	margin-top:-10px;
}
.detail {
	color:#666;
	font-weight:bold;
}
.align_right { text-align:right; }
.align_left { text-align:left; }
.align_center { text-align:center; }
.format_png {
	behavior:url(win_png.htc);
}
.chapo{margin:8px 0 8px 0; font-weight:bold;}
.evenement {
	padding:10px 0;
	border-bottom:1px dashed #CCC;
}
/*******************************/
/***CALENDAR***/
/*******************************/
div#calendar {
	width:182px;
	background:url(bg_calendar.jpg) repeat-y top left;
	color:#666;
	margin-left:-5px;
	margin-bottom:10px;
}
#calendar #top_calendar {
	background:url(top_calendar.jpg) no-repeat top left;
	padding-top:10px;
	text-align:center;
}
#calendar #bottom_calendar {
	background:url(bottom_calendar.jpg) no-repeat bottom left;
	height:12px;
}
#calendar table  {
	border-collapse:collapse;
	width:160px;
	margin:5px auto 0 auto;
}
#calendar table caption {
	text-align:center;
	width:100%;
	color:#666;
}
#calendar table caption a { color:#FF6600; }
#calendar table tbody td {
	text-align:center;
	padding:3px;
	border:1px solid #666;
}
#calendar table tbody td.occupe {
	padding:1px;
	background:url(bg_td_occupe.jpg) repeat-x top left;
}
#calendar table tbody td.occupe a:link, #calendar table tbody td.occupe a:visited {
	color:#FFF;
	
}
/*******************************/
/*** LES FOCUS***/
/*******************************/
#focus_principal {
	background:url(bande_focus_principal.gif) no-repeat bottom left ;
	padding-bottom:10px;
	position:relative; /*bug IE6 */
	_height:1%;
}
.focus {
	float:left;
	width:240px;
	margin-top:1em;
	padding-bottom:10px;
	background-color:transparent;
}
#focus_1 { background:url(bande_focus_1.gif) no-repeat bottom left;}  /* RUB VOTRE MAIRIE*/
#focus_8 { background:url(bande_focus_8.gif) no-repeat bottom left;} /* RUB LOISIRS*/
#focus_13 { background:url(bande_focus_13.gif) no-repeat bottom left;} /* RUB CULTURE*/
#focus_14 { background:url(bande_focus_14.gif) no-repeat bottom left;} /* RUB NATURE*/
#focus_15 { background:url(bande_focus_15.gif) no-repeat bottom left;} /* RUB SPORT*/
#focus_18, #focus_61 { background:url(bande_focus_18.gif) no-repeat bottom left;} /* RUB ACTION SOCIALE*/
#focus_21 { background:url(bande_focus_21.gif) no-repeat bottom left;} /* RUB JEUNESSE*/
#focus_26 { background:url(bande_focus_26.gif) no-repeat bottom left;} /* RUB ECONOMIE*/
#focus_28 { background:url(bande_focus_28.gif) no-repeat bottom left;} /* RUB URBANISME*/
#focus_30 { background:url(bande_focus_30.gif) no-repeat bottom left;} /* RUB ENVIRONNEMENT*/


/*******************************/
/*** LES BANDEAUX DE COULEURS***/
/*******************************/
#bloc_content {
	width:495px;
	background:url(bg_content.jpg) no-repeat top left;
	padding:5px;
}
.hr{background:url(line_dashed_grey_multiply.jpg)  repeat-x ;  height: 1px; margin: 8px 0 8px 0;}

#bloc_content .secteur1 { border-top:3px solid #3C00EC; }

/*******************************/
/***IMAGES***/
/*******************************/
.img_left {
	float:left;
	margin:0 0.3em 0.3em 0;
	border:1px solid #8F8F8F;
}
.middle {
	vertical-align:middle;
}
.spip_documents_right, .spip_documents_left {
	border:1px solid #8F8F8F;
}
/*******************************/
/***TYPOS***/
/*******************************/
h1 {
	font-size:2.2em;
	color:#FF6C00;
	font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
	position:relative;
}
* html h1 { /* bug IE6, comme d'hab...*/
	height:0;
}
h2 {
	font-size:1.6em;
	color:#666;
	font-family:"Trebuchet MS", Verdana, Tahoma, sans-serif;
	margin:0.2em 0 0.5em 0;
}
h2.titre {
	 margin:0;padding:0;
}
* html h2 { /* bug IE6, comme d'hab...*/
	height:0;
}
#bloc_content h3 {
	font-family: "Trebuchet MS",Verdana, Tahoma, sans-serif;
	font-size:1.4em;
	color:#FF7E00;
	margin:0 0 0.5em 0;
}
h3 {
	font-family: "Trebuchet MS", Verdana, Tahoma, sans-serif;
	font-size:1.4em;
	color:#666;
	margin:0 0 10px 0;
	font-weight:bold;
}
.titre_actu {
	font-size:1.2em;
	color:#FF6C00;
	margin-top:0.5em;
	padding:0;
}
h1 span {
	position:absolute;
	right:3px;
	bottom:5px;
	color:#666;
	font-size:0.5em;
}
#newsletter h2 {
	font-size:1.4em;
	color:#666;
	margin:9px 0 0 50px;
}

/*******************************/
/***SPIP***/
/*******************************/
p.spip {
	margin:0.5em 0;
}
ul.spip {
	list-style-type:none;
}
ul.spip li {
	margin:0.5em 0;
	background:url(../puce.gif) no-repeat 0 0.3em;
	padding-left:12px;
}
strong.spip {
	
}
.spip_documents_left {
	float:left;
	margin:0 0.3em 0.3em 0;
}
/*******************************/
/***FORMS***/
/*******************************/
.btn_ok {
	background:url(envoyer.gif) no-repeat top left transparent;
	width:20px;
	height:20px;
	border:0;
	margin-left:5px;
}
.input1 {
	background-color:#F7F3E8;
	border:1px solid #CFBF94;
	font-size:1em;
	font-family:Verdana,Tahoma,sans-serif;
	padding:1px;
	color:#000;
}

/*******************************/
/***LISTES***/
/*******************************/
ul#liste_services {
	list-style-type:none;
	margin-top:0.5em;
}
ul#liste_services li {
	background:url(bg_liste_services.jpg) repeat-x top left #FFF;
	padding:5px;
	height:18px;
}
ul#liste_services li a { 
	color:#666;
	font-weight:bold;
	text-decoration:none;
	font-size:0.95em;
}

/********************************/
/***TITRES***/
/********************************/

.titre_secteur1 {
	background-color:#3C00EC;
	padding:2px 5px;
}
.titre_secteur8 {
	background-color:#D904AC;
	padding:2px 5px;
}
.titre_secteur13 {
	background-color:#6B3004;
	padding:2px 5px;
}
.titre_secteur14 {
	background-color:#76AB41;
	padding:2px 5px;
}
.titre_secteur15 {
	background-color:#13AFFA;
	padding:2px 5px;
}
.titre_secteur18 {
	background-color:#999999;
	padding:2px 5px;
}
.titre_secteur21 {
	background-color:#FF3503;
	padding:2px 5px;
}
.titre_secteur26 {
	background-color:#025682;
	padding:2px 5px;
}
.titre_secteur28 {
	background-color:#224423;
	padding:2px 5px;
}
.titre_secteur30 {
	background-color:#F2C200;
	padding:2px 5px;
}
.titre_secteur1 a:link, .titre_secteur1 a:visited,
.titre_secteur8 a:link, .titre_secteur8 a:visited,
.titre_secteur13 a:link, .titre_secteur13 a:visited,
.titre_secteur14 a:link, .titre_secteur14 a:visited,
.titre_secteur15 a:link, .titre_secteur15 a:visited,
.titre_secteur18 a:link, .titre_secteur18 a:visited,
.titre_secteur21 a:link, .titre_secteur21 a:visited,
.titre_secteur26 a:link, .titre_secteur26 a:visited,
.titre_secteur28 a:link, .titre_secteur28 a:visited,
.titre_secteur30 a:link, .titre_secteur30 a:visited { color:#FFF; font-size:12px; }

/*******************************/
/***LIENS***/
/*******************************/
a:link, a:visited {
	color:#666;
	text-decoration:none;
	font-weight:bold;
}
a.btn_detail:link, a.btn_detail:visited {
	display:block;
	text-align:right;
	padding:1.3em 0.5em 0 0;
}