* {
	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
}


#main h1 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:20pt;
    display:block;
    width:850px;
    color:#ff9600;
    border-bottom:1px solid #ff9600;
    padding-bottom:2px;
    margin-bottom:20px;
    padding-left:0px;
}
#main h2 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-size:15pt;
	color: #ff9600;
	margin: 5px 0 20px 0
}
/*
.h1 {
	display:block;
	margin-top:20px;
	font-size:20pt;
	font-weight:bold;
	font-family:Arial, Verdana,  Helvetica, sans-serif;
	color: #ff9600;
	text-align:center
}
h2 {
	margin-top:20px;
	font-size:1.1em;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #ff9600;
}
*/
ol {
	margin-bottom:15px;
}
/* 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 ul {
	display:block;
}
#main li {
	display:block;
	list-style: none;
	margin: 0;
	margin-bottom: 2px;
	padding-left: 35px;
	background-image: url(../img/puce1.jpg);
    background-position : 17px 4px;
	background-repeat: no-repeat;
	border:0px red solid
}

#main .left {
    float:left;
    display: block;
}

#main .clear {
    clear:both
}
#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;
}
#foo .site{
    display:  block;
    float:left;
    font-weight:bold;
    font-size:10pt;
    margin-top:25px;
    width:120px;
}
#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:250px;
	margin-top:11px;
	border:0px solid green;
	text-align: right;
}
.pictoFoo {
	width:45px;
	height:45px;
}
#picto1 {
	background-image:url(../img/pictoparc1.png);
}
#picto2 {
	background-image:url(../img/pictoparc2.png);
}
#picto3 {
	background-image:url(../img/pictoparc3.png);
}
#picto4 {
	background-image:url(../img/pictoparc4.png);
}
#picto5 {
	background-image:url(../img/pictoparc5.png);
}
#pictoTips{
    width:200px;
    height:20px
}
/* METEO */
#meteo {
	margin-left: 50px;
	margin-top: -8px;
}
#meteo .forecast {
	float: left;
	padding:5px;
	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:5px white solid;
	float : left;
	margin-right : 25px
}
#imgL {
	border:5px white solid;
	float : right;
	margin-right : 25px;
	margin-left : 25px
}
.tableau1 {
	border:1px solid #ffffff
}
.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}