html, body { height : 100%; }


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0px;
	padding: 0px;
	background-image:url(images/fond_page.jpg);
	background-position:center;
	background-repeat: repeat-y;
	background-color:#535353;
	font-size: 0.8em;
color: #ff8a00;
}
.titre { font-size: 1.3em; color: #ff8a00; font-weight:bold; }
.simple { font-weight: normal; color: #8c4c00; margin: 0px; }
#page { min-height:500px; width: 990px; margin: 0px auto 0px auto; background-image:url(images/fond_page_page.jpg); background-repeat: repeat-y; }
#accueil { height:500px; width: 990px; margin: 0px auto 0px auto; background-image:url(images/img01.jpg); background-position:center top; background-repeat:no-repeat; }

body, th, td, input, textarea, select, option { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h3 { font-size: 1em; }
blockquote { padding-left: 1em; }

blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; }

a { color: #ff8a00; }
a:hover { 	text-decoration: none; 	color: #ffffff; }

/* cadre_haut */
#cadre_haut { width: 740px; height: 60px; margin: 0 auto;   }
#cadre_haut h1 {margin: 0; color: #ffffff; font-size: 2em; padding: 5px 0 0 50px; font-weight: normal; }
#cadre_haut p { margin: 0; padding: 0; color: #FED772; font-size: 1.5em; }

#cadre_haut2 { width: 990px; height: 60px; margin: 0 auto; }
#cadre_haut2 h1 { margin: 0; color: #ffffff; font-size: 2em; padding: 5px 0 0 5px; font-weight: normal; }
#cadre_haut2 p { margin: 0; padding: 0; color: #ffffff; font-size: 1.5em; }

#cadre_titre { float:left; width:740px; height:60px; }
#cadre_flash { float:left;  width:250px; height:60px; margin:0px; padding:0px;  }

#cadre_droit { float:left; width: 775px; padding: 0 5px 0 5px; background-color:#00FF00; }

#evenement { text-align: center; float:left; padding:0px; width:110px; margin-left:650px; margin-top:10px; height:110px; }

#edito_accueil {  text-align: center; float:left; padding:0px; width:300px; margin-left:660px; margin-top:80px; line-height:1.25em; }
#edito_accueil a { text-decoration: none; }
#edito_accueil a:hover { color: #ffffff; }

.edito_bold { font-weight:bold; font-size:1.1em; }

.edito { text-align: center; float:left; padding: 0px; margin:0px; width:790px; background-image:url(images/fond_page_page.jpg); background-position:right; background-repeat: repeat-y; }
.edito a { text-decoration: none; }
.edito h2{ font-weight: normal; color: #ffffff; margin: 0; border-bottom: 3px solid #ffffff; }
.edito h3{ font-weight: normal; color: #ffffff; margin: 0; border-bottom: 2px solid #ffffff; }
.edito p{ text-align:left; padding:10px 30px 0px 30px; font-weight: normal; color:  #ff8a00; margin: 0px;  }

.mt { text-align: right; color: #646464; }
.mt .more { padding-left: 20px; background: url(images/img03.gif) no-repeat left center; }
.mt .comments { padding-left: 20px; background: url(images/img04.gif) no-repeat left center; }

.tab td, tr { border-width:1px; border-style:solid; border-color:#987E56; }
.tab td { background-image:url(images/fond_tableb.gif); background-position:top; background-repeat:repeat-x; }
.tab table { border-width:1px; border-top:#8f5821; border-bottom:#8f5821; border-left:#8f5821; border-right:#8f5821; }

#menu { float: left; width: 200px; padding:0px; margin:0px; color: #eeeeee; }
#menu ul { margin: 0px; padding: 0px; list-style: none; top:0px; border-top: 1px solid #FFFFFF; }
#menu li ul { padding: 0px 0px 0px 0px; }
#menu li li {
	padding-left: 30px;
	border-bottom: 1px solid #ccc;
	background: url(images/menu_fond.gif) no-repeat;
	background-position: 0px 0px;
	font-weight:bold;
}
#menu li li.sub {
	padding-left: 40px;
	border-bottom: 1px solid #ccc;
	background: url(images/menu_fondsub.gif) no-repeat;
	background-position: 0px 0px;
	font-weight:bold;
}
#menu li li:hover {
	padding-left: 30px;
	background: url(images/menu_fond.gif) no-repeat;
	background-position: 0px -42px;
	font-weight: bold;
}
#menu li li.sub:hover {
	padding-left: 40px;
	background: url(images/menu_fondsub.gif) no-repeat;
	background-position: 0px -42px;
	font-weight: bold;
}
#menu a { text-decoration: none; color: #eeeeee; }
#menu a:hover { color: #ffffff; }
.menu p { background-position : 0px -84px ; background : url(images/menu_fond.gif) no-repeat; }

.fond_peinture01 { background: url(images/peinture-01.jpg); }
.fond_peinture03 { background: url(images/peinture-03.jpg); }
.fond_peinture04 { background: url(images/peinture-04.jpg); }
/***********/

#cadre_bas {
	clear: both;
	width: 990px;
	margin: 0px auto 0px auto;
	padding: 0px;
	border-top: 1px solid #7e7e7e;
	text-align: center;
	font-size:12px;
}

.image {
border-color:#ffffff;
border-width:1px;
border-style: solid;
}
.pdffile{
background-image: url(images/pdf.jpg);
background-position:right;
background-repeat:no-repeat;
margin:0px;
padding-right:30px;
}
.zipfile{
background-image: url(images/zip2.jpg);
background-position:right;
background-repeat:no-repeat;
margin:0px;
padding-right:30px;
}
.docfile{
background-image: url(images/txt.jpg);
background-position:right;
background-repeat:no-repeat;
margin:0px;
padding-right:30px;
}
.flag img{
margin:0px;
padding:0px;
padding-top:2px;
padding-right:2px;
}
/**** Evenement *******************/
.EVEpolice { /* couleur et style de la police dans le div*/
color:#ffffff;
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}
.EVEtourimg { /* couleur du tour de la photo dans le div*/
border-color:#ffffff;
}
.EVEcoulseparation { /*couleur du trait de séparation du titre et du libellé dans le div*/
background-color:#ffffff ;
}
.EVEdiv { /*couleur de fond du div et style du contour (couleur et type)*/
background-color:#858585;
border: 3px double #ffffff;
}
.EVEinput {
background-color: transparent;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#ffffff;
text-decoration:none; 
border-style:none;
height:100px;
padding: 0;
margin: 0; 
}
/**** liens ardeche gard vaucluse ****/
.liens-portails { 
color:#808080;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}
/***** lien mentions legales *****/
.mentions-legales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration:none;
}
/**** Formulaire ****/
textarea, select, option, input, input.submit {
 border-color: #fff;
 border-width: 1px;
 border-style:solid;
 background-color:#e3c096;
 margin:1px;
 padding:1px;
}
#cadrpg { width:277px; margin:0px auto; border:0; overflow:hidden;  } 
#newshr { position:relative; width:277px; height:20px; overflow:hidden; margin:0px; padding:0px; color:#FFFFFF; font-size:13px; font-weight:bold; } 
#defile { position:absolute; margin-top:1px; background-color:transparent; }