* {
	margin:0;
	padding:0
}
body {
	/*background-image:url(../img/bgd.jpg);*/
	background-color:#FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a {
	color:#ffffff;
	text-decoration: none
}
a:hover, a:focus {
	color:#ff9600;
	text-decoration: underline
}
h2 {
	margin-top:20px;
	font-size:1.1em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff9600;
}
/* GLOBAL */
#global {
	width:100%;
}
#main .top {
	width:950px; 
	height:221px; 
	background-image:url(../img/home_menu_bgd.png); 
	margin-left:-25px
}
#main .texte{
	position:absolute; 
	top:530px; 
	width:650px;
	text-align:justify;
	color:#606060
}
#main .texte a {
	color:#05AAE4;
	text-decoration: none
}
#main .texte a:hover,#main .texte  a:focus {
	text-decoration: underline
}
/* MENU */
#menu {
	background-image:url(../img/main.png);
	width: 975px;
	height:250px;
	margin-left:auto;
	margin-right:auto;
	padding-left:25px;
	border:0px solid green
}
#menu .bgd{
	background-image:url(../img/home_bandeau.jpg);
	width: 975px;
	height:250px;
	background-repeat:no-repeat;
	border:0px solid green
}
/* CENTRAL */
#main {
	background-image:url(../img/main.png);
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:0 50px 25px 50px;
	color:#fff;
	font-size:0.8em;
	min-height:450px
}
#main p{
	margin-bottom:20px
}
#main a {
	color:#606060;
	text-decoration: none
}
#main label {
	float:left;
	color:#ffffff;
	margin:5px 0 0 0;
}
#main input.radio {
	margin-left:10px;
	margin-right:15px;
	padding:0;
	border :0px solid red;
	width:20px;	
	float:left;
}
#main input, textarea, select {
	border: 1px solid #959595;
	margin:5px 0 0 0px
}
/*
#main label.on {
	color: #FF9C00;
	font-weight:bold
}
#main input, textarea, select {
	width:350px;
	border: 1px solid #959595;
	margin:5px 0 0 0px
}
#main input.btn {
	width:60px;
	border: 1px solid #959595;
	background-color:white;
	margin:15px 0 0 265px
}
#main input.on, textarea.on {
	border: 1px solid #ff9c00;
}
#main input.formReadOnly {
	border: none;
	color: #959595;
	background-color:#F6F6F6;
	font-size:1em;
	font-weight:bold;
}

#main input.file {
	margin:5px 0 0 0px;
	border: 1px solid #959595;
	width:180px
}
*/
#main li {
	margin: 0;
	margin-bottom: 2px;
	padding-left: 35px;
	background: url(../img/puce1.jpg) 17px 4px;
	background-repeat: no-repeat;
	list-style: none;
	border:0px red solid
}
#err {
	color: #FF9600;
	font-style:italic;
	border: 1px dotted #FF0000;
	background-color:#56010F;
	width:50%;
	padding:15px
}/* HEADER */
#head {
	background-image:url(../img/head_bgd.jpg);
	width:100%;
	height:35px;
}

#head_bgd{
	background-image:url(../img/head2.jpg);	
	background-position:top center;
	background-repeat:no-repeat;
	width:1000px;
	height:35px;
	margin-left:auto;
	margin-right:auto;	
}
/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	
	position: absolute;
	margin-left:50%;
	margin-right:50%;
	margin-top:8px;
	width:1000px;
	height:22px;	
	left:-500px;
	
	
	text-align: center;
	color:#ffffff;
	font-size:0.7em;
	
	list-style-type: none;
	top: 0;
	
}
#menuDeroulant li
{
	float: left;
	width:70px;
	margin: 0;
	padding: 0;
	border: 0;	
}
#menuDeroulant li.separate
{
	display: block;
	width:1px;
	height:10px;
	border-right:1px solid white;
	margin-right:1px;
	margin-top:5px;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;
	margin: 0;
	padding: 4px 8px;
	text-decoration: none;		
	border-right:none;
}
#menuDeroulant li a:hover { 
	background-color: #969696;  
	}
#menuDeroulant li.noBgd a:hover { 
	background-color: #606060; 
	text-decoration:underline 
	}
/*#menuDeroulant li a:active { background-color: #5F879D; }*/

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	margin-top:5px;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../img/homeMenuDeroulantBgd.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #C0C0C0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


/* FOOTER */
#foo {
	width:100%;
	height:50px;
}
#foo .content {
	background-image:url(../img/homeFoo.png);
	width:1000px;
	height:29px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	color:#606060;
	font-size:0.7em;
	padding-top:25px;
	text-align:center;
	
}
#fooText {
	width:220px;
	font-size:1em;
	text-align: left;
	float:left;
	margin-top:30px;
	margin-left:80px;
	border:0px solid yellow;
	color:#606060
}
#foo a {
	color:#606060
}
#foo a:hover, a:focus {
	text-decoration: underline
}
#picto {
	float: left;
	width:200px;
	border:0px solid green;
	text-align: right;
}
/* METEO */
#meteo {
	margin-left: 200px;
	margin-top: -8px;
}
#meteo .forecast {
	float: left;
	padding:10px;
	text-align: center;
}
#meteo p {
	font-size: 8pt;
	padding: 0;
	margin: 0;
}
#meteo img {
	margin: 3px;
}
/* Table */

.ligne {
	padding:10px;
	border-bottom:1px solid white
}
/* Tableau quadrillé en blanc */
.tab1 {
	color:#ffffff;
	font-size:1em;
	width: 800px;
	;
	border-top:1px solid #ffffff;
	border-left:1px solid #ffffff
}
.tab1_champs {
	padding:5px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff
}
.tab2_champs {
	padding:3px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff
}
.tab3_champs {
	padding:3px;
	border-bottom:1px solid #ffffff;
	border-right:1px solid #ffffff;
	color:#000000
}
/* ILLUSTRATION */
#imgD {
	border:1px white solid;
	float : left;
	margin-right : 25px
}
.tableau1 {
	border:1px solid #fffff
}
.titre1 {
	margin-left:-15px
}

/* BTN HOME */
.btn2Content {
	position:absolute; 
	top:530px; 
	width:225px;
	margin-left:675px
}
.btn2 {
	background-image:url(../img/btn_homepage2.jpg); 
	width:223px; 
	height:37px;
	margin-bottom:5px;
	color: #FFF;
}
a.btn2{
	color:#FFF;
}
.btn2:hover {
	background-image:url(../img/btn_homepage2_over.jpg); 
	width:223px; 
	height:37px;
	cursor:pointer;
}
/* SCROLLER */
.homeCadre {
	float:left;
	width:317px;
	height:147px
}
.homeTitre {
	text-align:center;
	font-weight:bold;
	margin-top:20px
}
.homeContent {
	text-align:left;
	margin-left:85px;
	margin-top:15px;
	padding-right:15px;
	font-size:8pt;
	height:120px;
	overflow:auto
}
.homeContent a:hover {
	text-decoration:underline;
}
.homeBtn {
	text-align:center;
	margin-left:75px;
	margin-top:0;
	font-size:8pt
}
/* CALENDRIER */

.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
	width:200px
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #564F01;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #7E8B16;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #E2DBC1;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #5F3A1D;
	color: #FFF;
} /* This hover code won't work for IE */