/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html, body { margin: 0; padding: 0;}

ul, ol, li, dl, dt, dd { margin: 0; padding: 0;}
table, tr, td, th { margin: 0; padding: 0;}
form { margin: 0; padding: 0;}
img { border: none; }


html {
  height: 100%;
  margin-bottom: 1px;
}


body {
	font-family: Arial,sans-serif,Helvetica !important;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
	background: url(../images/background.jpg);
}

#content2 {
	width: 650px;
}

#main {
	width: 960px;
	margin: 0 auto 0 auto;
}

#right {
	width: 272px;
	margin-left: 10px;
	float: right;             
}

	#right ul {
		margin-left: 20px;
	}

#wrapper_content {       
	padding: 10px;
	background: #fff;  
	overflow: auto;
}

#footer {
	padding: 10px;
	color: #fff;
	font-weight: bold;
	background: #015b12;
}

#footer ul {
	list-style: none;
	overflow: auto;
}

#footer li {
	float: left;
	padding: 0 5px 0 0;
	margin-right: 5px;
	border-right: 1px solid #fff;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

/**
*  Menu
**/

#menu {
	
}

#menu td {
	border: none;
}

#menu #wrap22 a {
	display: block !important;
	padding: 9px 12px 9px 12px !important; 
	border-left: 1px solid #efe3ac;
	text-transform: uppercase;     
}

#menu #wrap22 a#menu222 {
}

#menu #wrap22 a#menu228 {
	background: url(../images/background-menu228.gif) top right repeat-y #fff;
}

#menu #wrap22 a#menu229 {
	background: url(../images/background-menu229.gif) right repeat-y #005d12 !important;
	border: none;
	color: #fff !important;
}



#menu #wrap22 a#menu2210 {   
	background: #005d12 !important;  
	border: none;    
	color: #fff !important; 
}

#menu #wrap22 a#menu2210 {
	width: 75px;
}

#menu #wrap22 a#menu229:hover,
#menu #wrap22 a#menu2210:hover {
	background: #005d12 !important;
	color: #FF5305 !important;
}

#menu #wrap22 a#menu229:hover {
	background: url(../images/background-menu229.gif) right repeat-y #005d12 !important;   
}

#menu #subwrap22 #TransMenu0 table {
	width: 155px;
}

#menu #subwrap22 #TransMenu1 table {
	width: 117px;
}

#menu #subwrap22 #TransMenu2 table {
	width: 129px;
}

#menu #subwrap22 #TransMenu3 table {
	width: 124px;
}

#menu #subwrap22 #TransMenu4 table {
	width: 125px;
}

#menu #subwrap22 #TransMenu5 table {
	width: 103px;
}

#menu #subwrap22 #TransMenu6 table {
	width: 114px;
}

#menu #subwrap22 #TransMenu7 table {
	width: 100px;
}

#menu #subwrap22 .transMenu22 table {
	border: 1px solid #efe3ac;                       
	border-top: none;
	padding: 0;
	margin: 0;

}

#menu #subwrap22 .transMenu22 table td {      
	border-bottom: 1px dashed #CFC774;
}

/**
* Plan du site (XMap)
**/

.menutitle {
	display: none;
}

.xmap ul.level_0 {
 	list-style: none; 
 	margin: 15px 0 0 0!important;
 	padding: 0;
}

.xmap ul.level_1  {
	margin: 3px 0 10px 0;
}

.xmap ul.level_0 li  {
	font-size: 16px;
	color: #005d12;
	border-top: 5px solid #efe3ac;
	width: 100%;
	font-weight: bold;
 	list-style: none; 
 	margin-bottom: 10px;
}

.xmap ul.level_0 li a {
	text-decoration: none;
}

.xmap ul.level_1 li  {
	font-size: 12px;
	color: #005d12;
	border-top: none;
	width: 100%;
	font-weight: normal;
	list-style: square;
	margin-bottom: 0;
}

.xmap ul.level_1 li a {
	text-decoration: underline;
}

/**
* Les liens (weblinks)
**/

ul.links {

}

ul.links li {
	margin-bottom: 10px;
}

.filtre {
	padding: 5px;
	margin: 10px 0 10px 0;
	background:  #EFE3AC;
}

/**
* Les liens
**/

#content a,
#content2 a {
	color: #005D12;
}

#content a:hover,
#content a:visited,
#content a:active,
#content2 a:hover,
#content2 a:visited,
#content2 a:active {
	color: #FF5305;
}

.madeby {
	display: block;
	float: right;
	text-decoration: underline;
	font-weight: normal;
	font-size: 11px;
}


/**
* Titres
**/

.contentpaneopen,
.contentpaneopen_home {
	width: 100%
}


.componentheading,
.contentheading,
.componentheading_home {
	font-size: 35px; 
	color: #1dd11b;
	font-weight: bold;
	border-bottom: 1px solid #efe3ac;
	width: 100%  
}

.componentheading_home {
	margin-bottom: 20px;
}

#content h2,
#content2 h2,
.contentheading_home,
.moduletable_manifestations h3,
.moduletable_news h3 {
	font-size: 16px;
	color: #005d12;
	border-top: 5px solid #efe3ac;
	width: 100%;
	font-weight: bold;
}

.moduletable_news h3 {
	padding: 20px 0 10px 45px;
	background: url(../images/titre-actus.gif) no-repeat;
	border-bottom: 1px solid #efe3ac; 
	width: auto;
}

.moduletable_manifestations h3 {    
	border-top: none;
}

.contentheading_home {

}

#content h3,
#content2 h3 {
	font-size: 14px;
	color: #005d12;
}

#content h4,
#content2 h4 {
	font-size: 12px;
	color: #005d12;
}

/**
* Les paragraphes
**/

#content p,
#content2 p {
	text-align: justify;
}

#content address p,
#content2 address p {
	margin: 0;
}

/**
* les adresses
**/

#content .contact_contact address,
#content2 .contact_contact address {
	padding: 15px;
	font-style: normal;
	text-align: center;
	background: #EFE3AC;
	color: #015B12;
	font-size: 14px;
}
#content address p {
}

/**
* Les listes
**/

#content ul,
#content2 ul {
	margin-left: 30px;
	list-style: square;
}


/**
* Les formulaires
**/

/***** formulaire de contact *****/
.contact_contact form {
	margin: 0 0 10px 0; 
	padding: 10px;
	border: 1px dashed #015B12;
	font-style: normal; 
}

.contact_contact form .contact_email { 
 	padding: 5px;
}

.contact_contact form #contact_name,
.contact_contact form #contact_subject,
.contact_contact form #contact_email {
	position: relative;
	left: 30px;
	width: 326px;
}

.contact_contact form #contact_text {
	width: 472px;
	height: 80px;
}

.contact_contact form #contact_subject {
	position: relative;
	left: 39px;
}

.contact_contact form #contact_email {
	position: relative;
	left: 52px;
}

.contact_contact form #contact_textmsg {
	display: block;
	margin-bottom: 8px;
}

.contact_contact form .button {
	margin: 10px 0 4px 0;
}


/**
* Les manifestations
**/

.newsfeed_manifestations {
	list-style: none;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	overflow: auto;
}

.newsfeed_manifestations li {
	margin: 0 5px 5px 0  !important;
	padding: 3px !important;
	width: 124px;
	min-height: 100px;
	float: left;
	background: #1dd11a;
	font-weight: bold;
	font-size: 14px;   
}

.newsfeed_manifestations li span.date_manifestation {
	display: block;
	margin-right: 5px;
	float: left;      
	background: #fff;
	width: 27px;
	height: 100px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}


.newsfeed_manifestations li a {
	text-decoration: none;
	color: #38363b;
}

.newsfeed_manifestations li span.more {
	font-size: 12px;
	font-weight: normal;
}
.newsfeed_manifestations li span.more a {
	text-decoration: underline;
}

.morelinks {
	display: block;
	margin-right: 5px;
	text-align: right;
	color: #1DD11B;   
   font-weight: bold;
}

/**
* Les actualités
**/

.gk_news_show_center {
	padding: 5px 0 0px 0;
	border-bottom: 1px solid #efe3ac;     
}

.gk_news_show_news_info {
	margin: 0;
	padding: 0;
	float: left;
	margin-right: 10px;
}

.gk_news_show_center h4 {
}
.gk_news_show_center h4 a {
	color: #38363b;
	text-decoration: none;
}

.readon {
	float: left;
}

/**
* météo
**/
#bmsmeteo {
	overflow: auto;
}

#bmsmeteo #jour0,
#bmsmeteo #jour1,
#bmsmeteo #jour2,
#bmsmeteo #jour3 {
	margin: 0 8px 0 0;
	padding: 5px;
	float: left;
	width: 175px;
	text-align: center;
		background: #1DD11A;
}

#bmsmeteo #jour1,
#bmsmeteo #jour2,
#bmsmeteo #jour3 {
	height: 123px;
}

#bmsmeteo #jour0 {
	width: 330px;
	background: #1DD11A;
	padding: 5px;
	color: #000;
}

#bmsmeteo #jour0 .bmsmeteoimg,
#bmsmeteo #jour0 .temperature,
#bmsmeteo #jour0 .humidity,
#bmsmeteo #jour0 .vent {
	width: 100px;
	float: right;
	clear: right;
	margin-right: 15px;
	position: relative;
	top: 4px;
}

#bmsmeteo .bmsmeteoimg img {
	border: 6px solid #fff;
}

#bmsmeteo .temperature {
	font-weight: bold;
	margin-top: 10px;
}

#bmsmeteo #jour0 .temperature {
	font-weight: bold;
	margin-top: 3px;
}

#MeteoDate {
	float: left;
	font-weight: bold;
	font-size: 16px;
	color: green;
	margin: 3px 0 0 5px;
	height: 110px;
	background: #fff; 
	padding: 5px;
}

.MeteoDate {
	font-weight: bold;
	margin-bottom: 5px;
}