body {
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
padding:0px;
text-align: left;
font-size:13px;
color:#000000;
background-color:#ffffff;
}
a{
color:#A60123;
outline:none;
text-decoration:none;
}
a:hover{
text-decoration:underline;
outline:none;
}

	#corps{
	width:1200px;
	color:#666666;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	}
		#bandeau{
		width:1200px;
		height:299px;
		/*background-color:#C8012A;*/
		float:left;
		}
		#menuprincipal{
		width:1200px;
		height:49px;
		background:url(../images/bg_mainmenu.jpg) no-repeat;
		float:left;
		
		}
			#menuprincipalgauche{
			float:left;
			width:980px;
			height:49px;
			padding-left:100px;
			padding-top:8px;
			}
				div.menu a, div.menu a:visited, div.menu a:link{
				border-right:1px solid black;
				}
				.transMenu td{
				border-bottom:1px solid black;
				}
			
			
			#langue{
			float:left;
			width:120px;
			height:37px;
			padding-top:12px;
			}
		#contenu{
		
		}
			#colonnegauche{
			width:184px;
			height:439px;
			float:left;
			background:url(../images/bg_colonnegauche.jpg) no-repeat;
			padding-top:80px;
			}
				#contenucolonnegauche{
				float:left;
				height:350px;
				width:164px;
				padding-left:4px;
				}
				#colonnegauche .newsflashcontentpaneopen td{
				width:164px;
				}
			#maincontenu{
			float:left;
			width:704px;
			margin-right:90px;
			padding-top:20px;
			}
				.componentheading{
				font-size:25px;
				color:#B60125;
				font-weight:bold;
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				}
				.contentheading{
				font-size:25px;
				color:#B60125;
				font-weight:bold;
				display:block;
				font-family:Arial, Helvetica, sans-serif;
				}
				.article_separator{
				display:none;
				}
				.contentpaneopen{
				padding-top:12px;
				display:block;
				}
				dd.error ul,dd.error ul li{
					margin:0;
					padding:0;
				}
				#composantloginform{
				text-align:center;
				padding-top:40px;
				}
				
				
			#colonnedroite{
			float:left;
			width:222px;
			}
				#meteo{
				width:222px;
				height:142px;
				background:url(../images/bg_meteo.jpg) no-repeat;
				float:left;
				}
				#infos{
				width:222px;
				float:left;
				}
					#infostop{
					height:126px;
					width:222px;
					background:url(../images/bg_infostop.jpg) no-repeat;
					float:left;
					}
						#imgcaddy{
						padding-top:58px;
						padding-left:32px;
						float:left;
						width:41px;
						height:47px;
						}
						#imgchariot{
						padding-top:58px;
						padding-left:50px;
						float:left;
						width:41px;
						height:42px;
						}
					#infosmid{
					width:212px;
					background:url(../images/bg_infosmid.jpg) repeat-y;
					float:left;
					font-size:11px;
					color:#ffffff;
					padding-left:5px;
					padding-right:5px;
					}
						#infosmid .contentpaneopen{
						display:block;
						padding-top:0px;
						width:190px;
						}
							#infosmid .contentpaneopen tr td{
							display:block;
							width:190px;
							}
					#infosbottom{
					width:222px;
					height:21px;
					background:url(../images/bg_infosbottom.jpg) no-repeat;
					float:left;
					
					}
				#membre{
				width:212px;
				height:85px;
				background:url(../images/bg_membre.jpg) no-repeat;
				float:left;
				margin-top:13px;
				margin-bottom:10px;
				color:white;
				padding-top:48px;
				padding-left:10px;
				}
					#membre #form-login-username{
					float:left;
					}
					#membre #username{
					float:left;
					font-style:italic;
					width:71px;
					}
					#membre #usernamefield{
					float:left;
					}
					#membre #modlgn_username{
					width:108px;
					height:18px;
					border:none;
					background-color:#ffffff;
					float:left;
					}
					
					#membre #form-login-password{
					padding-top:7px;
					float:left;
					}
					#membre #password{
					float:left;
					font-style:italic;
					width:101px;
					}
					#membre #passwordfield{
					float:left;
					}
					#membre #modlgn_passwd{
					width:78px;
					height:18px;
					border:none;
					background-color:#ffffff;
					float:left;
					}
					#membre #boutonok{
					float:left;
					padding-left:139px;
					padding-top:6px;
					}
					#membre #pretext{
					padding-left:25px;
					}
					#membre #logoutbouton{
					padding-top:15px;
					padding-left:40px;
					}
					
		#footer{
		width:1200px;
		height:22px;
		background:url(../images/bg_footer.jpg) no-repeat;
		float:left;
		font-size:11px;
		color:#ffffff;
		text-align:center;
		padding-top:6px;
		}
			#footer a{
			color:#ffffff;
			}
		
		#blason{
		position:absolute;
		top:251px;
		z-index:99999;
		padding-left:20px;
		}
		#titre{
		position:absolute;
		top:232px;
		z-index:100000;
		padding-left:130px;
		}
		
		
		
/********************************************************************************* METEO **************************************************************************/

#filter
{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index:9999999;
	opacity:0.6;
	filter: alpha(opacity=60);
}

#box 
{
	display: none;
	position: absolute;
	top: 20%;
	left: 35%;
	width: 424px;
	height: 350px;
	padding: 0;
	margin:0;
	border: 4px solid #000000;
	background-color: #ffffff;
	z-index:10000000;
	overflow: auto;
}

#boxheader
{
	position:absolute;
	top:0%;
	left:0%;
	width:410px;
	height:20px;
	padding:0;
	padding-top:2px;
	padding-left:8px;
	margin:0;
	margin-right:20px;
	/*border-bottom:1px solid black;*/
	background-color: #ffffff;
	color:black;
	text-align:left;
}

.titremeteo{
color:#000000;
font-size:18px;
font-weight:bold;
padding-bottom:8px;
}
#meteo2 .inlogometeo{

height:70px;
background-color:#ffffff;
margin-left:146px;
padding-bottom:20px;
}


#boxclose
{
	float:right;
	position:absolute;
	top: 0;
	right: 0;
	background-repeat:no-repeat;
	background-color:#ffffff;
	width:20px;
	height:20px;
	text-align:right;
}
		#boxclose a{
		color:#000000;
		font-size:13px;
		font-weight:bold;
		text-decoration:none;
		}
		#boxclose a:hover{
		
		text-decoration:none;
		}
#boxcontent
{
	position:absolute;
	top:23px;
	left:0;
	right:0;
	bottom:0;
	margin:0;
	
	overflow: auto;
	width:416px;
	padding-left:4px;
	
}			

#meteo .gkw_main { overflow:hidden; }
#meteo .gkw_current { overflow:hidden;width:190px;margin-left:8px;margin-top:37px;  }
#meteo .gkw_main_left {
float:left;
width:85px;
height:64px;

padding-right:10px;
padding-top:5px;
text-align:right;
}
#meteo .gkw_main_right { 
float:left;
font-size:34px;
color:white;
font-weight:bold;
padding-top:26px;
padding-left:14px;
}


#meteo .gkw_temp { font-size:18px; text-align:center; margin:8px 0 0 0; }

#meteo .gkw_main_right h2 { margin: 4px 0 4px 0; }
#meteo .gkw_condition { }
#meteo .gkw_humidity { }
#meteo .gkw_wind { }
#meteo ul.gkw_next_days { clear:both; width:100%; float:left; list-style-type:none; list-style-image:none; margin:12px 0 12px 0; padding:0; }
#meteo ul.gkw_next_days li { background: none; float:left; }
#meteo ul.gkw_next_days li.aitems-1{width:100%;}
#meteo ul.gkw_next_days li.aitems-2{width:49%;}
#meteo ul.gkw_next_days li.aitems-3{width:33%;}
#meteo ul.gkw_next_days li.aitems-4{width:24%;}
#meteo .gkw_day { font-weight:bold; font-style:italic; text-align:center; display:block; }
#meteo ul.gkw_next_days li img { display:block; margin:0 auto; clear:both; }
#meteo p.gkw_day_temp { margin:6px 0 0 0; white-space:nowrap; text-align:center; }
#meteo span.gkw_day_day { padding:2px; font-size:10px; }
#meteo span.gkw_day_night { padding:2px; background:#666; color:#fff; font-size:10px; }
#meteo div.gkw_fday{ border-left:1px solid #ddd; margin:0 6px 0 0; padding:0 0 0 6px; }
#meteo ul.gkw_next_days li:first-child div.gkw_fday{ border-left:none; }



#meteo2{
/*display:none;*/
width:406px;
height:300px;
color:#000033;
padding-left:10px;
}
#meteo2 .gkw_main { overflow:hidden; }
#meteo2 .gkw_current { overflow:hidden;}
#meteo2 .gkw_current h2{ 
padding-left:5px;
}
#meteo2 .gkw_main_left {
float:left;

}
#meteo2 .gkw_main_right { 
float:left;
padding-left:15px;
}

#meteo2 ul{
margin:0px;
padding:0px;
list-style-type:none;
padding-top:15px;
}
#meteo2 ul li{
	list-style-type:none;
	display:block;
	float:left;
	padding-left:15px;
	padding-right:15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
}

.lienmeteo a{
color:white;
margin-left:40px;
font-size:11px;
margin-top:14px;
display:block;
}
.lienmeteo a:hover{
text-decoration:underline;
}
#meteo2 .gkw_day_night{
color:#4398B0;
}
#meteo2 .gkw_day_day{
color:#FBAA27;
}

/***************************************************** RESERVATION EN LIGNE ********************************************************/



table.calendrier{
width:100%;
font-size:14px;
text-align:center;
}
table.calendrier tr td.jourDispo{
color:green;
}
table.calendrier tr th{
color:#000000;
font-weight:bold;
}
table.calendrier caption{
font-size:14px;
}
table.jourClique{
font-size:12px;
padding-top:10px;
line-height:2em;
}
table.jourClique span.complement{
line-height:1em;
}
.formEnlever{
display:inline;
}

table.jourClique tr td.creneauVide{
width:128px;
padding-left:25px
}
table.jourClique tr td.creneauPlein{
width:128px;
color:#005E31;
font-weight:bold;
padding-left:25px;
text-align:center;
}
table.jourClique tr th{
text-align:center;
width:128px;
color:#000000;
font-weight:bold;
}
table.jourClique tr th.petit{
text-align:center;
width:88px;
color:#000000;
font-weight:bold;
}
table.jourClique tr th.paddleft{
padding-left:25px;
}


table.login tr td.inputlog{
width:65%;
}
table.login tr td.btlogin{
float: right;
text-align:left;
padding-top:40px;
}
table.login tr td.btlogin ul li{
width:120px;
}
fieldset.input{
width:100%;
border:none;
}
div.date4{
padding-left:110px;
}
div.date3{
text-align:center;
}
table.contentpane tr{
text-align:center;
}
a.jourActif{
font-weight:bold;
font-size:14px;
padding-left:20px;
color:#8D0420;
}
.jourPassif{
font-size:13px;
padding-left:50px;
}
.deconnexion{
padding-top:35px;
font-size:14px;
padding-bottom:35px;
}
* html .deconnexion{
padding-top:35px;
font-size:14px;
}
#reservation{
margin-top:30px;
}
* html #reservation{
margin-top:25px;
}
.buttonValidate{
float:right;
}
.creneauVide .button{
width:128px;
}

.date3 a{
color:#000000;
font-size:16px;
}
.date3 a.jourActif{
color:#8D0420;
}
div.br a{
text-align:left;
font-size:12px;
padding-left:270px;
}