* {
	margin:0;
	padding:0
}
body {
	background-image:url(../img/bgd.jpg);
	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%;
	background-image:url(../img/photos.png);
	background-position:top center;
	background-repeat:no-repeat
}
/* MENU */
#menu {
	width: 1000px;
	height:424px;
	background-image: url(../img/menu_bgd.png);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left:auto;
	margin-right:auto;
	border:0px solid green
}
/* CENTRAL */
#main {
	background-image:url(../img/main.png);
	width:900px;
	margin-right:auto;
	margin-left:auto;
	padding:5px 50px 25px 50px;
	color:#fff;
	font-size:0.8em;
	min-height:450px
}
#main p{
	margin-bottom:20px
}
#main a {
	color:#FFC96F;
	text-decoration: none
}
#main a:hover, a:focus {
	color:#ff9c00;
	text-decoration: underline
}
#main label {
	width:150px;
	display : inline;
	float:left;
	color:#ffffff;
	margin:5px 0 0 0;
}
#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.radio {
	margin-left:10px;
	margin-right:15px;
	padding:0;
	border :0px solid red;
	width:20px
}
#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 .content {
	background-image:url(../img/head2.jpg);
	width:1000px;
	height:22px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	text-align: right;
	color:#ffffff;
	font-size:0.7em;
	padding-right:55px;
	padding-top:13px;
}
#head a {
	color:#ffffff;
	text-decoration: none
}
#head a:hover, a:focus {
	color:#ffffff;
	text-decoration: underline
}

/* FOOTER */
#foo {
	background-image:url(../img/head_bgd.jpg);
	width:100%;
	height:90px;
}
#foo .content {
	background-image:url(../img/foo2.jpg);
	width:1000px;
	height:85px;
	background-position:top center;
	background-repeat:no-repeat;
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	font-size:0.7em;
	padding-top:5px;
}
#fooText {
	width:220px;
	font-size:1em;
	text-align: left;
	float:left;
	margin-top:20px;
	margin-left:80px;
	border:0px solid yellow;
}
#foo a {
	color:#ffffff
}
#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 */
#main table {
	color: white;
	font-size:1em;
	width: 800px
}
.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
}
/* AGENDA */
#cal_anim {width:250px; border:1px #56010F solid; float :left; margin:20px; padding:0;   background-color:#9D011D;}
.cal_titre {font-size: 1em; font-weight: normal; margin: 0; color: #ffffff;  padding : 0 10px 10px 25px;  background: url(../img/puce1.jpg) 15px 8px; background-repeat: no-repeat}
.cal_date {font-size:1em; font-weight:bold; margin:0;  margin-top :10px;color: #ffffff; padding-left:10px}
.cal_mois {font-size:1.1em; font-weight:bold; margin:0; padding:0 ;color: #FF9600;  background-color:#56010f; text-align:center;}

/* VIDEOTHEQUE */
#video_cadre {float: left; width: 400px; margin:0 25px 25px 25px; }
#video_cadre_t {width: 399px; height: 19px; background: url(../img/video_h.gif); background-repeat: no-repeat; margin :0; padding:0} 
#video_cadre_m {width: 399px; background: url(../img/video_m.gif); background-repeat: repeat-y; margin: 0; padding: 0; padding-bottom:10px}
#video_cadre_b{width: 399px; height: 19px; background: url(../img/video_f.gif); background-repeat: no-repeat; margin :0; padding:0; }
#video_img {margin:0; margin-left:20px;}
#video_cadre .titre {color: white; font-weight: bold;display:block;  margin:0;width:280px;  text-align : center} 
#video_cadre .texte {display:block;width:280px; text-align : center} 

/* MAPSITE */
#map {float: left; border: 1px solid #FF9600; width: 250px; margin-right: 25px; margin-bottom: 25px; padding: 5px; background-color: #56010F}
#map a{color:#ffffff }
#map a:hover, a:focus {color:#FF9600; text-decoration: underline}
#map .mapt {font-weight: bold; font-size: 1em; color:#white;}
#map .mapl {font-weight: normal; font-size: 1em; background: url(../img/puce3.jpg) 5px; background-repeat: no-repeat; padding-left: 15px}