@charset "utf-8";
/* CSS Document */

html{
	text-align:center;
	margin: 0px;
	border:0px;	
	padding: 0px;
	width:100%;
	height:100%;
	/*overflow:hidden; */
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	text-align:center;
	height: 100%;
	width:100%;	
	margin:0px;
	padding:0px;
	border:0px;
 /*	background-color:#cccc99; */
	background-color:#dfdfbf;
/*	background-color:#bdcc94;	
	background-color:#000000;*/
	
}

#header {
	height: 100px;
	background-color: #dfdfbf;
	width: 780px;
	border:0px;	
	margin:0px;
	padding:0px;
	position:absolute;
	left: 50%; 
	margin-left: -290px; /* moitié de la largeur */
	z-index:1;
	background-image:url(../images/top.jpg);
}

#menutop {
	height: 20px;
	background-color: #99CCCC;
	width: 780px;
	border:0px;	
	margin:0px;
	padding:0px;
	position:absolute;
	left: 50%; 
	margin-left: -290px; /* moitié de la largeur */
	top:100px;
	display:inline;
	z-index:2;
	background-color:#00CC99;
}

#titre {
	height: 35px;
	background-color: #99CCCC;
	width: 780px;
	border:0px;	
	margin:0px;
	padding:0px;
	position:absolute;
	left: 50%; 
	margin-left: -290px; /* moitié de la largeur */
	top:120px;
	display:inline;
	z-index:1;
/*	background-color:#00CC99; */
	background-color:#FFFFFF;
}


#centre {
	position: absolute;
	top:155px;
	bottom:20px;
	background-color: #FFFFFF;
	padding:0px;
	margin:0px;
	border:0px;
	width:778px;
	overflow:auto;
	left: 50%; 
	margin-left: -290px; /* moitié de la largeur */
	z-index:1;
	background-image:url(../images/fond.jpg);
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top right;
	border-right:1px solid #000000;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF; 
}
#gauche {
	position: absolute;
	padding:0px;
	margin:0px;
	border:0px;	
	top:0px;
	bottom:20px;
	left: 50%; 
	margin-left: -490px; /* moitié de la largeur */
	width: 199px;
	background:url(../images/left_middle.jpg) repeat;
	z-index:1;
	overflow:hidden;
	text-align:center;
	border-left:1px solid #FFFFFF;
}

#detailactu {
	position: absolute;
	padding:0px;
	margin:0px;
	border:0px;	
	top:395px;
	bottom:50px;
	left: 50%; 
	margin-left: -477px; /* moitié de la largeur */
	width:160px;
	z-index:1;
	overflow:auto;
	background-image:url(../images/fond_nature.gif);
	background-repeat:repeat;
	font-size:0.9em;	
	text-align:left;
	padding:5px;
/*	margin-left:12px;
	padding-left:5px;
	padding-right:8px;		*/
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;	
}


#titreactu{
	position: absolute;
	padding:0px;
	margin:0px;
	border:0px;	
	top:370px;
	height:25px;
	left: 50%; 
	margin-left: -489px; /* moitié de la largeur */
	width: 186px;
	z-index:1;
	overflow:hidden;
	text-align:center;
	border-left:0px solid #FFFFFF;
}

#pied {
	height: 15px;
/*	background-color:#bdcc94; */
	background-color:#000000;
	color:#FFFFFF;
	padding: 0px;
	margin: 0px;
	border:0px;
	position: absolute;
	bottom: 0px;
	width: 979px;;
	left: 50%;
	font-size:0.8em;
	font-weight:bold;
	padding-top:5px;
	margin-left: -490px; /* moitié de la largeur */	
	z-index:1;
	letter-spacing:0.1em;	
	border-left:1px solid #FFFFFF;
}


#textDefil{
	width:760px;
	height:25px;
	color: #FFFFFF; 
	padding:0px; 
	padding-top:5px; 
	padding-left:10px; 
	padding-right:10px;
	margin:0px;
	margin-top:5px;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
	background-color:#DFDFBF;
	background-image:url(../images/menu-vert-bground.gif);
}



a{
	/* color:#808000;*/
	color:#006633; 
}

a:hover{
	color: #FF9900;
}



#logo
{
	width:200px;
	height:200px;
	text-align:center;
/* 	background-image:url(../images/logo.gif);*/ 
	background-repeat:no-repeat;
	background-position:center;

	margin:0px;
	padding:0px;
	margin-right:0px;

}


div.boxTitle{
	 
	height:20px; 
	text-align:left;
	border:0px;
	margin:0px;
	padding:0px;
	padding-left:10px;
	padding-top:3px;
	font-size:1em;
	font-weight:bold;
	vertical-align:middle;
	color:#FFFFFF;
	background-image:url(../images/menu-vert-bground.gif);
	background-repeat:repeat;
	margin-top:5px;
	margin-left:12px;

}



div.boxDetail{
	width:155px; 
	
background-image:url(../images/fond_nature.gif);
background-repeat:repeat;
	overflow:auto;
/*	font-family:Verdana, Arial, Helvetica, sans-serif; */
	font-size:0.9em;	
	border:0px;
	text-align:left;	
	margin:0px;
	margin:0px;
	margin-left:12px;
	padding-left:5px;
	padding-right:8px;	
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;	
}


div.boxMeteoDetail{
	width:151px; 
	height:150px; 
/*	background-image:url(../images/menu-vert-bground_lite.gif); 
background-image:url(../images/blank_transp.gif);*/
background-image:url(../images/club-golf.gif);
background-repeat:no-repeat;
/* background-attachment:fixed; */
	border:0px;	
	overflow:auto;
	font-size:1em;
	font-weight:bold;
	padding:5px;
	text-align:left;
	margin:0px;
	margin-left:12px;
	padding-left:7px;
	padding-right:10px;	
	border:0px;
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;	
	line-height:1.5em;
	
}

* html div.boxMeteoDetail {position:absolute;}

ul.rubTitle{
	border:0px;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
	margin:0px;
	margin-top:15px;
	margin-left:0px;
	background-color:#bdcc94;
/*	background-image:url(../images/boutonmenu.gif);
	background-position:right top; */
	
}

li.rubTitle{
	color:#006633; 
	font-size:1em; 
	list-style:none; 
	text-decoration:none; 
	font-weight:bold;
	padding:3px;
	padding-left:0px;
	padding-right:1px;


}

ul.rubDetail{
	margin:0px;
	margin-left:0px;
	padding:5px;
	margin-top:0px;
	text-decoration:none;
	background-color:#dfdfbf;
}

li.rubDetail{
	font-size:1em;
	color:#000000;
	list-style:none;
	text-decoration:none;
	text-align:justify;
		padding:0px;
	padding-left:5px;
	padding-right:5px;	
}

#blocDetail{
	position:absolute;
	z-index:1;
	width:260px;
	height:230px;
	border:0px;
	margin:0px;
	padding:10px;
	/* background-color:#dfdfbf; */
	border-left:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
		background-image:url(../images/blank_transp.gif);
background-repeat:repeat;
		
}

#sTitle{
	width:100%;
	background-image:url(../images/menu-vert-bground.gif);
	
	background-position:bottom;
	height:25px;
	padding:0px;
	padding-top:5px;
	margin:0px;
	margin-top:5px;
	font-size:1.4em;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:0.2em;
}


#tableau{
border: #CCCCCC 1px solid;
padding:0px;
margin:0px;


}

#tableau tr{

}

#tableau td{
	width:30px;
	height:25px;
	text-align:center;
	border:#CCCCCC 1px solid;
	/* font-family:"Courier New", Courier, monospace; */
	font-size:0.9em;

}

.titleDetail{
	/* font-family:"Comic Sans MS"; */
	font-size:1.3em;
	font-weight:bold;
	/*color:#006633;*/
	color:#FFFFFF;
	text-decoration:none;
	text-align:left;
	background-color:#bdcc94;
	line-height:1.4em;
	padding:0px;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	background-image:url(../images/menu-vert-bground.gif);
}

p.detail{
	font-weight:bold;
	color:#000000;
	text-align:left;
	text-align:justify;
	font-weight:normal;
	line-height:1.3em;
}

.signature{
	font-weight:bold;
	color:#006633;
	text-decoration:none;
	text-align:left;
	line-height:1.3em;
	padding:0px;
}

#blocTexte{
	float:left;
	background-image:url(../images/blank_transp.gif);
	background-repeat:repeat;
	width:680px; 
	padding:10px;
	margin:5px;
	padding-left:20px; 
	padding-right:20px;
	margin-left:20px;
	margin-right:20px;
	border:0px;
}

#cmdButton{
width:100px;
height:25px;
padding:2px;
margin:2px;
font-size:1.1em;
font-weight:bold;
border:1px solid #FFFFFF;
color: #FFFFFF;
background-color:#669900;
}

input, select{
border:1px solid #669900;
padding:2px;
margin:1px;
}

.libelle{
	background-color:#FFFFFF; 
	padding:3px; 
	margin:3px;
}