/* CSS Document */
html {
	background-color:#EEEEEC;
	background-image:url(images/fond-html.gif);
	background-position:top center;
	background-repeat:repeat-y;
	margin:0px;
	padding:0px;
	position:relative;
	}

body {
	background-image:url(images/fond.gif);
	background-repeat:no-repeat;
	background-position:top center;
	background-color:transparent;
	margin:0px;
	padding:0px;
	position:relative;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	}
/*général*/	
.gauche-struct {
	float:left;
	margin:0px;
	position:relative;
	}
.droite-struct {
	float:right;
	margin:0px;
	position:relative;
	}
.gauche {
	float:left;
	margin:0px 8px 0px 0px;
	position:relative;
	}
.droite {
	float:right;
	margin:0px 0px 0px 8px;
	position:relative;
	}
.centre {
	text-align:center;
	width:100%;
	position:relative;
	}
.centre2 { /*GRIS*/
	text-align:center;
	color:#858977;
	font-size:14px;
	width:100%;
	position:relative;
	}
.separation {
	clear:both;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.separation2 {
	clear:left;
	visibility:hidden;
	margin:0px;
	padding:0px;
	height:1px;
	}
.ligne { /*admin avec colonne à droite*/
	clear:left;
	margin:0px;
	padding:0px;
	height:1px;
	background-color:#999999;
	border:none;
	}
img {
	border:none;
	}
/*GENERAL : STYLES TEXTES*/
h1 {
	width:350px;
	font-size:30px;
	font-weight:normal;
	text-align:center;
	float:left;
	position:relative;
	margin:0px;
	}

h2 {
	color:#71765D;
	background-color:#FFFFFF;
	font-size:24px;
	font-weight:normal;
	display:inline;
	padding:0px 30px 0px 20px;
	}
h3 {
	min-height:30px;
	margin: 15px 0px 0px 0px;
	padding:1px 0px 1px 10px;
	font-size:14px;
	}
h3.index {
	background-color:#DDDDCE;
	color:#464B35;
	}

h3.culture {
	background-color:#E1E7B5;
	color:#71765D;
	}
h3.vie_municipale {
	background-color:#EFDEE8;
	color:#81767D;
	/*width:469px;*/
	}
h3.economie_et_emploi {
	background-color:#DDEBED;
	color:#81767D;
	/*width:469px;*/
	}
h3.solidarite_et_prevention {
	background-color:#DDEDEA;
	color:#81767D;
	/*width:469px;*/
	}
h3.cadre_de_vie {
	background-color:#F0E1F5;
	color:#81767D;
	/*width:469px;*/
	}
h3.education_et_enfance {
	background-color:#F8F2CB;
	color:#81767D;
	/*width:469px;*/
	}
h3.jeunesse_et_sports {
	background-color:#FAE2BF;
	color:#81767D;
	/*width:469px;*/
	}
h3.vie_associative {
	background-color:#DDE0F4;
	color:#81767D;
	/*width:469px;*/
	}

h3.neutre {
	background-color:#EEEEEC;
	min-height:15px;
	font-size:13px;
	color:#71765D;
	
	}

h4 {
	margin:5px 0px 10px 10px;
	padding:0px;
	font-size:12px;
	}
h1.index {
	font-size:28px;
	color:#656A55;
	}
h4.index {/*solidarite_et_prevention + index*/
	color:#009687;
	}
h1.solidarite_et_prevention, h4.solidarite_et_prevention {/*solidarite_et_prevention + index*/
	color:#009687;
	}
h1.culture, h4.culture { /*culture*/
	color: #889700;
	}
h1.vie_municipale, h4.vie_municipale { /*vie municipale*/
	color: #D6278D;
	}
h1.economie_et_emploi, h4.economie_et_emploi { /*economie_et_emploi emploi*/
	color: #0091A7;
	}
h1.cadre_de_vie, h4.cadre_de_vie { /*cadre de vie*/
	color: #9F00DA;
	}
h1.education_et_enfance, h4.education_et_enfance { /*education_et_enfance enfance*/
	color: #A69019;
	}
h1.jeunesse_et_sports, h4.jeunesse_et_sports { /*jeunesse et sports*/
	color: #EB6C00;
	}
h1.vie_associative, h4.vie_associative { /*vie associative*/
	color: #626DC2;
	}
.bloc_administration h1 {/*catégories de vues dans l'admin*/
	font-size:16px;
	font-weight:bold;
	text-align:left;
	background-color:#EEEEEC;
	width:98%;
	margin-top:15px;
	margin-bottom:15px;
	padding:4px;
	}
p {
	text-align:justify;
	margin:15px 20px 0px 0px;
	}
	
a {
	text-decoration:underline;
	color:#5C614A;
	}
a:hover {
	color:#E87E00;
	text-decoration:underline;
	}
a.actus {
	display:inline;
	float:right;
	margin:0px 0px 0px 0px;
	}

.gris {
	color:#858977;
	}
.vert {/*solidarite_et_prevention + index*/
	color:#009687;
	}
.vert2 { /*culture*/
	color: #889700;
	}
.rose { /*vie municipale*/
	color: #D6278D;
	}
.bleu { /*economie_et_emploi emploi*/
	color: #0091A7;
	}
.violet { /*cadre de vie*/
	color: #9F00DA;
	}
.jaune { /*education_et_enfance enfance*/
	color: #A69019;
	}
.orange { /*jeunesse et sports*/
	color: #EB6C00;
	}
.bleu2 { /*vie associative*/
	color: #626DC2;
	}
.pastille {/*par exemple : Ecole d'Enseignement Artistique*/
	width:130px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	text-align:center;
	border:1px solid #B6B8AB;
	}
.pastille a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	}
.pastille2 {/*par exemple : page culture*/
	min-width:165px;
	margin:0px 5px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	text-align:center;
	border:1px solid #B6B8AB;
	}
.pastille2 a{
	text-decoration:none;
	font-weight:bold;
	font-size:14px;
	}
table.horaires {
	width:500px;
	}
table.tarifs {
	width:400px;
	}
table.large {
	width:700px;
	}
table.large td{
	padding:7px;
	}
td {
	border:1px solid #E6E6E2;
	font-weight:normal;
	text-align:center;
	
	}
th {
	background-color:#EEEEEC;
	border-left:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	font-weight:normal;
	text-align:center;
	padding:4px;
	}
td.ligne_foncee,th.ligne_foncee {
	border-bottom:1px solid #999999;
	}
caption { 
	color:#71765D;
	border-bottom:4px solid #FFFFFF;
	font-weight:bold;
	line-height:18px;
	background-color:#EEEEEC;
	font-size:13px;
	text-align:left;
	padding:0px 0px 0px 10px;
	}
ul.liste {
	list-style-type:square;
	list-style-position:inside;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:20px;
	margin-left:20px;
	padding:0px;
	text-align:justify;
	}
ol.liste  {
	list-style-position:inside;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:20px;
	margin-left:20px;
	padding:0px;
	text-align:justify;
	}
ul.liste li,ol.liste li {
	margin:0px;
	}
ul.liste ul,ol.liste ul {
	list-style-image:url(images/puce2.gif);
	list-style-position:outside;
	margin:0px 10px 0px 30px;
	}
ul.liste2,ol.liste2 {
	list-style-type:square;
	list-style-position:inside;
	margin-top:10px;
	margin-bottom:0px;
	margin-right:20px;
	margin-left:20px;
	padding:0px;
	text-align:justify;
	}
ul.liste2 li,ol.liste2 li{
	margin:15px 0px 0px 0px;

	}
ul.liste2 ul,ol.liste2 ul {
		list-style-image:url(images/puce2.gif);
		list-style-position:outside;
		margin:0px 10px 0px 30px;
		}
/*RUBRIQUES*/	
#index {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-accueil.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#culture {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-culture.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#vie_municipale {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-vie-municipale.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#economie_et_emploi {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-economie.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#solidarite_et_prevention {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-solidarite.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#cadre_de_vie {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-cadre-de-vie.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#education_et_enfance {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-education-enfance.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#jeunesse_et_sports {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-jeunesse-sports.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#vie_associative {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-vie-associative.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
#administration {
	padding:0px;
	margin:0px;
	background-image:url(images/fond-nav-admin.gif);
	background-repeat:no-repeat;
	background-position:top center;
	position:relative;
	text-align:center;
	}
/*NAVIGATION HAUTE*/
#nav_haut {	
	width:960px;
	height:161px;
	margin:0px auto 0px auto;
	position:relative;
	text-align:left;
	
	}


#navigation_index {	
	width:960px;
	height:201px;
	margin:0px auto 0px auto;
	position:relative;
	text-align:left;
	
	}
ul#accessibilite {
	font-size:11px;
	width:595px;
	color:#DDDDD7;
	margin:0px 0px 0px 365px;
	padding:0px 0px 0px 0px;
	float: left;
	position:relative;
	}
ul#accessibilite li {
	display:block;
	float:left;
	margin:0px 0px 0px 2px;
	position:relative;
	}
ul#accessibilite li a {
	color:#FFFFFF;
	text-decoration:none;
	}
ul#accessibilite li a:hover {
	color:#F2930B;
	text-decoration:none;
	}
/*MENU PRINCIPAL*/

ul#principal {
	width:960px;
	height:43px;
	clear:both;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:center;
	margin:0px 0px 0px 1px;
	padding:0px;
	}
ul#principal li{
	width:120px;
	height:30px;
	float:left;
	margin:4px 0px 0px 0px;
	padding:0px;
	position:relative;
	}
ul#principal li a{
	height:30px;
	width:119px;
	display:block;
	margin:0px;
	padding:0px;
	position:relative;
	font-size:13px;
	line-height:14px;
	color:#47554C;
	font-weight:bold;
	text-decoration:none;
	
	}
ul#principal li a:hover{
	color:#FFFFFF;
	background-image:url(images/puce-principal.gif);
	background-repeat:no-repeat;
	background-position:top left;
	font-weight:normal;
	text-decoration:none;
	font-size:14px;
	margin:0px;
	}
.actif_blanc {
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	font-size:14px;
	}
.actif_gris {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	}
/*MOTEUR DE RECHERCHE*/
#rechercher {
	float:left;
	width:228px;
	height:28px;
	position:relative;
	margin:0px 0px 0px 1px;
	}
/*MENU SECONDAIRE (plan, aide, etc*/
ul#secondaire {
	height:28px;
	line-height:24px;
	float:left;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:center;
	margin:3px 0px 0px 10px;
	padding:0px;
	}
ul#secondaire li{
	float:left;
	margin:0px 10px 0px 10px;
	padding:0px;
	position:relative;
	}
ul#secondaire li a{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	}
ul#secondaire li a:hover{
	color:#47554C;
	text-decoration:none;
	}
/*CONTENU*/
#contenu {	
	width:960px;
	margin:0px auto 0px auto;
	position:relative;
	text-align:left;
	
	}

/*FIL D'ARIANE*/
#ariane {
	width:600px;
	text-align:left;
	font-size:11px;
	color:#000000;
	margin:12px 0px 0px 10px;
	position:relative;
	float:left;
	}


/*COLONNE GAUCHE*/
#colonne_gauche {
	width:190px;
	float:left;
	margin:20px 0px 0px 10px;
	position:relative;
	}
/*>>>>> DECLINAISONS de la colonne*/
.col_index {
	border-right:1px solid #858977;
	}
.col_culture {
	border-right:1px solid #9DAE01;
	}
.col_vie_municipale {
	border-right:1px solid #DC8DBB;
	}
.col_economie_et_emploi {
	border-right:1px solid #0CC9E5;
	}
.col_solidarite_et_prevention {
	border-right:1px solid #1AA496;
	}
.col_cadre_de_vie{
	border-right:1px solid #BA3AE9;
	}
.col_education_et_enfance{
	border-right:1px solid #ECC505;
	}
.col_jeunesse_et_sports{
	border-right:1px solid #EB6C00;
	}
.col_vie_associative{
	border-right:1px solid #4A5EFF;
	}
/*NAVIGATION NIVEAU 1*/

.navigation {       
	
	width:172px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px;
	padding:0px;    
}
/*Une ligne sans lien (par exemple "services publics" dans culture*/
ul.navigation li{
	width:172px;
	margin:0px 0px 1px 0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	
	}

/*apparence d'un bouton niveau 1 avec un lien, qu'il soit déroulant ou non*/    
.navigation a, .navigation span {
	width:172px;
	display:block;
	margin:0px;
	padding:4px 0px 2px 3px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
	color:#47554C;
}

/*quand un bouton niveau 1 est déroulant et replié*/    
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
    background-image: url(images/menu-plus.gif);
	background-position:top right;
	background-repeat:no-repeat;       
	}
/*quand un bouton  niveau 1 est déroulant et déroulé*/    
.navigation .open a, .navigation .open span {       
	background-image: url(images/menu-moins.gif); 
	background-position:top right;
	background-repeat:no-repeat;      
	} 
/*position hover d'un bouton niveau 1*/   
.navigation a:hover, .navigation a:focus, .navigation a:active {
    font-weight:bold;     
	}

/*NAVIGATION NIVEAU 2*/
    
.navigation .subMenu {  
	width:168px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px ;
	padding:0px;  
	}   
/*apparence d'un bouton niveau 2*/ 
.navigation ul.subMenu a {  
	color:#47554C;
	border-left:4px solid #FFFFFF;
	background-image:none;
	padding:4px 0px 2px 3px;
	}
/*position hover d'un bouton niveau 2*/
.navigation ul.subMenu a:hover { 
	border-left:4px solid #FFFFFF;
	}
/*OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT*/
.navigation .subMenu2 {  
	width:168px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px ;
	padding:0px;  
	}   

/*apparence d'un bouton niveau 2*/ 
.navigation ul.subMenu2 a {  
	color:#47554C;
	border-left:4px solid #FFFFFF;
	background-image:none;
	padding:4px 0px 2px 3px;
	}
/*position hover d'un bouton niveau 2*/
.navigation ul.subMenu2 a:hover { 
	border-left:4px solid #FFFFFF;
	}	
/*FIN DE OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT OUVERT */


/*>>>>> DECLINAISONS de la navigation*/

	
/*apparence d'un bouton niveau 1 */  
.col_culture .navigation a,.col_culture .navigation span  {
	border-left:4px solid #92A101;
	background-color:#C7D174; 
	color:#2E3637;
	}
.col_vie_municipale .navigation a,.col_vie_municipale .navigation span  {
	border-left:4px solid #DD3798;
	background-color:#EAB8D5;
	color:#2E3637; 
	}
.col_economie_et_emploi .navigation a,.col_economie_et_emploi .navigation span  {
	border-left:4px solid #00BAD6;
	background-color:#AFE0E7; 
	color:#2E3637;
	}
.col_solidarite_et_prevention .navigation a,.col_solidarite_et_prevention .navigation span  {
	border-left:4px solid #00B2A0;
	background-color:#A3DBD5; 
	color:#2E3637;
	}
.col_cadre_de_vie .navigation a,.col_cadre_de_vie .navigation span  {
	border-left:4px solid #C362E7;
	background-color:#DFC0EB; 
	color:#2E3637;
	}
.col_education_et_enfance .navigation a,.col_education_et_enfance .navigation span  {
	border-left:4px solid #ECC505;
	background-color:#F5E894; 
	color:#2E3637;
	}
.col_jeunesse_et_sports .navigation a,.col_jeunesse_et_sports .navigation span  {
	border-left:4px solid #FF9600;
	background-color:#F5C47E; 
	color:#2E3637;
	}
.col_vie_associative .navigation a,.col_vie_associative .navigation span  {
	border-left:4px solid #6773CB;
	background-color:#C9CEF0; 
	color:#2E3637;
	}

/*position hover d'un bouton niveau 1*/   
.col_culture .navigation a:hover, .col_culture .navigation a:focus, .col_culture .navigation a:active {
	background-color:#CBDA49;
	}
.col_vie_municipale .navigation a:hover, .col_vie_municipale .navigation a:focus, .col_vie_municipale .navigation a:active {
	background-color:#FF9FD7;
	}
.col_economie_et_emploi .navigation a:hover, .col_economie_et_emploi .navigation a:focus, .col_economie_et_emploi .navigation a:active {
	background-color:#6BDEEF;
	}
.col_solidarite_et_prevention .navigation a:hover, .col_solidarite_et_prevention .navigation a:focus, .col_solidarite_et_prevention .navigation a:active {
	background-color:#6ADED2;
	}
.col_cadre_de_vie .navigation a:hover, .col_cadre_de_vie .navigation a:focus, .col_cadre_de_vie .navigation a:active {
	background-color:#E8A9FF;
	}
.col_education_et_enfance .navigation a:hover, .col_education_et_enfance .navigation a:focus, .col_education_et_enfance .navigation a:active {
	background-color:#FFED76;
	}
.col_jeunesse_et_sports .navigation a:hover, .col_jeunesse_et_sports .navigation a:focus, .col_jeunesse_et_sports .navigation a:active {
	background-color:#FFB64F;
	}
.col_vie_associative .navigation a:hover, .col_vie_associative .navigation a:focus, .col_vie_associative .navigation a:active {
	background-color:#B6BFFF;
	}

/*apparence d'un bouton niveau 2*/ 
.col_culture .navigation ul.subMenu a, .col_culture .navigation ul.subMenu2 a {  
	background-color:#E3EC97;
	}
.col_vie_municipale .navigation ul.subMenu a, .col_vie_municipale .navigation ul.subMenu2 a {  
	background-color:#FAE3F1;
	}
.col_economie_et_emploi .navigation ul.subMenu a, .col_economie_et_emploi .navigation ul.subMenu2 a {  
	background-color:#D4EBEF;
	}
.col_solidarite_et_prevention .navigation ul.subMenu a, .col_solidarite_et_prevention .navigation ul.subMenu2 a {  
	background-color:#CAEFEB;
	}
.col_cadre_de_vie .navigation ul.subMenu a, .col_cadre_de_vie .navigation ul.subMenu2 a {  
	background-color:#F7E5FE;
	}
.col_education_et_enfance .navigation ul.subMenu a, .col_education_et_enfance .navigation ul.subMenu2 a {  
	background-color:#FFF6BC;
	}
.col_jeunesse_et_sports .navigation ul.subMenu a, .col_jeunesse_et_sports .navigation ul.subMenu2 a  {  
	background-color:#FAE3C4;
	}
.col_vie_associative .navigation ul.subMenu a, .col_vie_associative .navigation ul.subMenu2 a {  
	background-color:#DADDF4;
	}

/*position hover d'un bouton niveau 2*/
.col_culture .navigation ul.subMenu a:hover, .col_culture .navigation ul.subMenu2 a:hover { 
	color:#8A9900;
	background-color:#F1F8B9;
	}
.col_vie_municipale .navigation ul.subMenu a:hover, .col_vie_municipale .navigation ul.subMenu2 a:hover { 
	color:#DE419E;
	background-color:#FFD6EE;
	}
.col_economie_et_emploi .navigation ul.subMenu a:hover, .col_economie_et_emploi .navigation ul.subMenu2 a:hover { 
	color:#00B2CC;
	background-color:#D3F8FF;
	}
.col_solidarite_et_prevention .navigation ul.subMenu a:hover, .col_solidarite_et_prevention .navigation ul.subMenu2 a:hover { 
	color:#099688;
	background-color:#B7FFF8;
	}
.col_cadre_de_vie .navigation ul.subMenu a:hover, .col_cadre_de_vie .navigation ul.subMenu2 a:hover { 
	color:#A10ED8;
	background-color:#F5DCFE;
	}
.col_education_et_enfance .navigation ul.subMenu a:hover, .col_education_et_enfance .navigation ul.subMenu2 a:hover { 
	color:#B18100;
	background-color:#FFF29E;
	}	
.col_jeunesse_et_sports .navigation ul.subMenu a:hover, .col_jeunesse_et_sports .navigation ul.subMenu2 a:hover { 
	color:#E06700;
	background-color:#FFD499;
	}	
.col_vie_associative .navigation ul.subMenu a:hover, .col_vie_associative .navigation ul.subMenu2 a:hover { 
	color:#6D7DFF;
	background-color:#CEDBFF;
	}


/* bouton niveau 1 cliqué */
a#nav-culture_ok {
	background-color:#CBE200;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
		}
a#nav-vie_municipale_ok {
	background-color:#FF92DC;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-economie_et_emploi_ok {
	background-color:#2BE4FF;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-solidarite_et_prevention_ok {
	background-color:#00E6CF;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-cadre_de_vie_ok {
	background-color:#EC94FF;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-education_et_enfance_ok {
	background-color:#FFEA00;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-jeunesse_et_sports_ok {
	background-color:#FEA019;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
a#nav-vie_associative_ok {
	background-color:#A3A5FF;
	font-style:italic;
	font-weight:bold;
	line-height:15px;
	}
/*bouton niveau 2 cliqué*/
a#nav-culture2_ok {
	color:#47554C;
	font-weight:bold;
	background-color:#EBFF8D;
	font-style:italic;
	}
a#nav-vie_municipale2_ok {
	font-weight:bold;
	color:#DE419E;
	background-color:#FFC7E5;
	font-style:italic;
	}
a#nav-economie_et_emploi2_ok {
	color:#00B2CC;
	background-color:#D3F8FF;
	font-weight:bold;
	font-style:italic;
	}
a#nav-solidarite_et_prevention2_ok {
	color:#099688;
	background-color:#B7FFF8;
	font-weight:bold;
	font-style:italic;
	}
a#nav-cadre_de_vie2_ok {
	color:#A10ED8;
	background-color:#F5DCFE;
	font-weight:bold;
	font-style:italic;
	}
a#nav-education_et_enfance2_ok {
	color:#B18100;
	background-color:#FFF29E;
	font-weight:bold;
	font-style:italic;
	}
a#nav-jeunesse_et_sports2_ok {
	color:#E06700;
	background-color:#FFD499;
	font-weight:bold;
	font-style:italic;
	}
/*AUTRE LIEN OU BOUTON DANS LA COLONNE GAUCHE*/
.ss_nav-divers {
	width:172px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px;
	padding:0px;
	}

.ss_nav-divers p{
	width:172px;
	margin:0px 0px 1px 0px;
	padding:0px;
	font-size:12px;
	font-weight:normal;
	}
.ss_nav-divers p span{	
	font-size:14px;
	font-weight:bold;
	}
.ss_nav-divers p a{
	width:172px;
	display:block;
	margin:0px;
	padding:0px 0px 0px 3px;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	position:relative;
	}
.ss_nav-divers p a:hover{
	font-weight:bold;
	font-size:12px;
	text-align:center;
	}
/*BOUTON STYLE CATALOGUE MEDIATHEQUE*/
a.bouton-culture {
	color:#47554C;
	background-image:url(images/bouton.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
a:hover.bouton-culture {
	background-image:url(images/bouton-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}	
a.bouton-vie_municipale {
	color:#683959;
	background-image:url(images/bouton2.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
a:hover.bouton-vie_municipale {
	background-image:url(images/bouton2-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}	

/*BOUTON STYLE PICTOS ECOLES*/
.bouton-maternelles,.bouton-primaires,.bouton-horaires,.bouton-mercredis,.bouton-vacances,.bouton-sejours,.bouton-alae,.bouton-alsh,.bouton-eco-actu,.bouton-eco-oriente,.bouton-eco-forme,.bouton-eco-emploi,.bouton-eco-entreprise {
	width:91px;
	height:91px;
	background-position:top left;
	background-repeat:no-repeat;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	margin:5px;
	padding: 3px 0px 0px 0px;
	text-align:center;
	position:relative;
	float:left;
	}
.bouton-maternelles,.bouton-primaires,.bouton-horaires,.bouton-mercredis,.bouton-vacances,.bouton-sejours,.bouton-alae,.bouton-alsh {
	margin:5px;
	}

.bouton-eco-actu,.bouton-eco-oriente,.bouton-eco-forme,.bouton-eco-emploi,.bouton-eco-entreprise {
	margin:2px;
	}
.bouton-maternelles {
	background-image:url(images/bt-maternelles.gif);
		}
.bouton-primaires {
	background-image:url(images/bt-primaires.gif);
	}
.bouton-horaires {
	background-image:url(images/bt-horaires.gif);
	}
.bouton-mercredis {
	background-image:url(images/bt-mercredis.gif);
	}
.bouton-vacances {
	background-image:url(images/bt-vacances.gif);
	}
.bouton-sejours {
	background-image:url(images/bt-sejours.gif);
	}
.bouton-alae {
	background-image:url(images/bt-alsh.gif);
	}
.bouton-alsh {
	background-image:url(images/bt-alae.gif);
	}
.bouton-eco-actu {
	background-image:url(images/bt-eco-actus.gif);
	}
.bouton-eco-oriente {
	background-image:url(images/bt-eco-oriente.gif);
	}
.bouton-eco-forme {
	background-image:url(images/bt-eco-formation.gif);
	}
.bouton-eco-emploi {
	background-image:url(images/bt-eco-emploi.gif);
	}
.bouton-eco-entreprise {
	background-image:url(images/bt-eco-entreprise.gif);
	}

.bouton-maternelles a,.bouton-primaires a,.bouton-horaires a,.bouton-mercredis a,.bouton-vacances a,.bouton-sejours a,.bouton-alae a,.bouton-alsh a,.bouton-eco-actu a,.bouton-eco-oriente a,.bouton-eco-forme a,.bouton-eco-emploi a,.bouton-eco-entreprise a{
	text-decoration:none;
	width:91px;
	height:91px;
	display:block;
	position:relative;
	margin:0px;
	padding:0px;
	}
.bouton-eco-actu a,.bouton-eco-oriente a,.bouton-eco-forme a,.bouton-eco-emploi a,.bouton-eco-entreprise a{
	color:#666666;
	}
.bouton-eco-actu a:hover,.bouton-eco-oriente a:hover,.bouton-eco-forme a:hover,.bouton-eco-emploi a:hover,.bouton-eco-entreprise a:hover{
	color:#FFFFFF;
	}

/*BOUTON NEWSLETTER*/
a.bouton-newsletter {
	color:#47554C;
	display:block;
	width:179px;
	height:48px;
	position:relative;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 15px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-image:url(images/newsletter.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
a:hover.bouton-newsletter {
	background-image:url(images/newsletter-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}	
	
a.bouton-newsletter-archive {
	color:#47554C;
	display:block;
	width:168px;
	height:48px;
	position:relative;
	margin:0px 0px 10px 0px;
	padding:5px 0px 0px 15px;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	background-image:url(images/newsletter-archive.gif);
	background-position:top left;
	background-repeat:no-repeat;
	}
a:hover.bouton-newsletter-archive {
	background-image:url(images/newsletter-archive-over.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#FFFFFF;
	}	

/* ACCES DIRECTS*/
ul.direct {
	line-height:26px;
	width:172px;
	position:relative;
	list-style-type:none;
	list-style-image:none;
	text-align:left;
	margin:0px;
	padding:0px;
	}
ul.direct li{
	width:172px;
	margin:0px 0px 1px 0px;
	padding:0px;
	font-size:14px;
	font-weight:bold;
	
	}
ul.direct li a{
	width:172px;
	height:26px;
	display:block;
	margin:0px;
	padding:0px 0px 0px 3px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	position:relative;
	}
ul.direct li a:hover{
	font-weight:bold;
	font-size:10px;
	line-heigth:13px;
	color:#009687;
	}

/*direct lien 1*/
a.direct1 {
	color:#47554C;
	border-left:4px solid #A1A393;
	background-color:#DEDFD6;
	}
/*direct over 1*/
a:hover.direct1 {
	color:#5C604C;
	border-left:4px solid #5C604C;
	}
/*direct lien 2*/
a.direct2 {
	color:#47554C;
	border-left:4px solid #A1A393;
	background-color:#D4D5C9;
	}
/*direct over 2*/
a:hover.direct2 {
	color:#5C604C;
	border-left:4px solid #5C604C;
	}
/*direct lien 3*/
a.direct3 {
	color:#47554C;
	border-left:4px solid #A1A393;
	background-color:#C8C9BB;
	}
/*direct over 3*/
a:hover.direct3 {
	color:#5C604C;
	border-left:4px solid #5C604C;
	}
#colonne_gauche .flash {
	border:2px solid #AEB0A2;
	background-color:#EFEFEA;
	width:165px;
	padding:4px;
	margin:3px;
	position:relative;
	}
#colonne_gauche .flash h3{	
	margin:0px;
	padding:0px;
	}
#colonne_gauche .flash p{	
	margin:0px;
	padding:0px;
	}
#colonne_gauche .flash img{
	margin:8px 0px 0px 0px;
	}	
/*BLOC CENTRAL + déclinaisons */

.bloc_index {
	background-image:url(images/h2-index.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_culture {
	background-image:url(images/h2-culture.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}	
.bloc_vie_municipale {
	background-image:url(images/h2-vie-municipale.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_economie_et_emploi {
	background-image:url(images/h2-economie.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_solidarite_et_prevention {
	background-image:url(images/h2-solidarite.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_cadre_de_vie {
	background-image:url(images/h2-cadre-de-vie.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}	
.bloc_education_et_enfance {
	background-image:url(images/h2-education-enfance.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_jeunesse_et_sports {
	background-image:url(images/h2-jeunesse-sports.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}	
.bloc_vie_associative {
	background-image:url(images/h2-vie-associative.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:710px;
	margin:15px 0px 0px 0px;
	float:right;
	position:relative;
	}
.bloc_administration {/*sans colonne gauche*/
	background-image:url(images/h2-neutre.gif);
	background-repeat:repeat-x;
	background-position:top;
	width:940px;
	margin:15px 0px 0px 20px;
	position:relative;
	}
.colonne_droite_admin {
	width:200px;
	margin:0px 10px 0px 30px;
	padding:0px 0px 20px 10px;
	float:right;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-left:1px solid #B6B8AB;
	border-bottom:1px solid #B6B8AB;
	}									
.colonne_droite {
	width:180px;
	margin:0px 10px 20px 30px;
	padding:0px 0px 20px 10px;
	float:right;
	background-color:#FFFFFF;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-left:1px solid #B6B8AB;
	border-bottom:1px solid #B6B8AB;
	}
.colonne_droite h3 {
	
	color:#71765D;
	font-size:14px;
	margin:0px;
	padding:0px;
	}
.colonne_droite2 {
	width:250px;
	margin:0px 10px 20px 30px;
	padding:0px 0px 20px 10px;
	float:right;
	background-color:#FFFFFF;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-left:1px solid #B6B8AB;
	border-bottom:1px solid #B6B8AB;
	}
.colonne_droite_titre_gris {
	width:180px;
	margin:0px 0px 20px 30px;
	padding:0px 0px 20px 0px;
	float:right;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-left:1px solid #B6B8AB;
	border-bottom:1px solid #B6B8AB;
	}
.colonne_droite_titre_gris h3 {
	background-color:#E4E4DF;
	font-size:14px;
	margin:0px;
	padding:10px;
	}
.colonne_droite_titre_gris p {
	margin:0px;
	padding:10px;
	font-size:11px;
	}
.colonne_droite_titre_gris2 {
	width:180px;
	margin:0px 0px 20px 30px;
	padding:0px 0px 20px 0px;
	float:right;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-left:1px solid #B6B8AB;
	border-bottom:1px solid #B6B8AB;
	}
.colonne_droite_titre_gris2 h3 {
	background-color:#E4E4DF;
	font-size:14px;
	margin:0px;
	padding:10px;
	}
.colonne_droite_titre_gris2 p {
	margin:0px;
	padding:10px;
	}
.bloc_vie_municipale .colonne_droite_titre_gris h3,.bloc_vie_municipale .colonne_droite_titre_gris2 h3 {
	color:#B30092;
	}
.bloc_economie_et_emploi .colonne_droite_titre_gris h3,.bloc_economie_et_emploi .colonne_droite_titre_gris2 h3 {
	color:#0091A7;
	}
.bloc_solidarite_et_prevention .colonne_droite_titre_gris h3,.bloc_solidarite_et_prevention .colonne_droite_titre_gris2 h3 {
	color:#009687;
	}
.bloc_cadre_de_vie .colonne_droite_titre_gris h3,.bloc_cadre_de_vie .colonne_droite_titre_gris2 h3 {
	color:#9F00DA;
	}
.bloc_education_et_enfance .colonne_droite_titre_gris h3,.bloc_education_et_enfance .colonne_droite_titre_gris2 h3 {
	color:#A69019;
	}
.bloc_jeunesse_et_sports .colonne_droite_titre_gris h3,.bloc_jeunesse_et_sports .colonne_droite_titre_gris2 h3 {
	color:#EB6C00;
	}
.bloc_culture .colonne_droite_titre_gris h3,.bloc_culture .colonne_droite_titre_gris2 h3 {
	color:#889700;
	}
.bloc_vie_associative .colonne_droite_titre_gris h3,.bloc_vie_associative .colonne_droite_titre_gris2 h3 {
	color:#626DC2;
	}

.colonne_multiple {
	width:230px;
	margin:10px 5px 0px 0px;
	padding:5px;
	float:left;
	position:relative;
	text-align:justify;
	font-style:normal;
	border:1px solid #B6B8AB;
	}
.colonne_multiple h3 {
	color:#71765D;
	font-size:14px;
	margin:0px;
	padding:0px;
	}
.colonne_multiple ul {
	margin:0px 0px 0px 3px;
	padding:0px;
	list-style-type:square;
	list-style-position:inside;
	}

.colonne_multiple p {
	margin:15px 0px 0px 3px;
	padding:0px;
	}
.colonne_multiple2 {/*PLUS LARGE (foyers logements*/
	width:320px;
	margin:10px 5px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	text-align:justify;
	font-style:normal;
	border:1px solid #B6B8AB;
	}
.colonne_multiple2 h3 {
	color:#71765D;
	font-size:14px;
	margin:5px 5px 0px 5px;
	padding:0px;
	text-align:center;
		}
.colonne_multiple2 ul {
	margin:0px 5px 0px 5px;
	padding:0px;
	list-style-type:square;
	list-style-position:inside;
	}

.colonne_multiple2 p {
	margin:5px 20px 0px 20px;
	padding:0px;
	text-align:center;
	}
.colonne_multiple3 {/*PLUS LARGE démarches administratives urbanisme*/
	width:320px;
	margin:10px 5px 0px 0px;
	padding:0px;
	float:left;
	position:relative;
	text-align:justify;
	font-style:normal;
	border:1px solid #B6B8AB;
	}
.colonne_multiple3 h3 {
	color:#71765D;
	font-size:14px;
	margin:5px 5px 0px 5px;
	padding:0px;
	text-align:left;
		}
.colonne_multiple3 ul {
	margin:0px 10px 0px 10px;
	padding:0px;
	list-style-type:square;
	list-style-position:inside;
	}

.colonne_multiple3 p {
	margin:5px 10px 10px 10px;
	padding:0px;
	text-align:justify;
	}

.colonne_multiple4 {/*cadres élus*/
	width:110px;
	margin:10px 10px 0px 15px;
	padding:0px;
	float:left;
	position:relative;
	text-align:justify;
	font-style:normal;
	}


.colonne_libre {/*PAS DE LARGEUR + ligne à droite*/
	
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	float:left;
	position:relative;
	text-align:justify;
	font-style:normal;
	border-right:1px solid #B6B8AB;
	}
/*STYLES DES IMAGES DANS LES GALERIES*/

.portrait {
	width:133px;
	height:200px;
	float:left;
	margin:5px;
	}
.paysage {
	width:300px;
	height:200px;
	float:left;
	margin:5px;
	}
.carre {
	width:200px;
	height:200px;
	float:left;
	margin:5px;
	}
/*NAVIGATION BASSE*/	
	
#navigation_basse {	
	width:960px;
	margin:0px auto 0px auto;
	position:relative;
	text-align:center;
	font-size:16px;
	color:#888C77;
	font-weight:bold;
		}
#navigation_basse a{	
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	}
a#admin {
	color:#ffffff;
	}
a:hover#admin {
	color:#ffffff;
	}	
/*ADMIN*/

#contenu-admin {	
	width:960px;
	margin:0px auto 0px auto;
	position:relative;
	text-align:left;
	
	}
.liste-admin {
	line-height:18px;
	}

.meteo table,td,tr,th{
	width:175px;
	background-color:#EFEFEA;
	padding:0px;
	margin:3px;
	position:relative;
} 
.meteo table a.meteo_ville {
	text-decoration:none;
	color:#5C614A;
	font-size:14px;
	}

.meteo table a:hover.meteo_ville {
	color:#E87E00;
	text-decoration:none;
	}	
.meteo table {
	border:2px solid #AEB0A2;
	}
.meteo table table{
	width:162px;
	border:none;
	padding:0px;
	margin:0px;
	position:relative;
} 
.meteo table table table,.meteo table table table table tr,.meteo table table table table td{
	background-color:#FFFFFF;
	border:none;
	padding:0px;
	margin:0px;
	position:relative;
}
.meteo table img {
	visibility:hidden;
	}
 .meteo table table table img {
	visibility:visible;
	}