html, body { height : 100%;  }
* { padding:0px; margin:0px; border:0px;}

ul { margin-left:30px; }
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	color: #555;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	background-color:#a3a3a3;
}
body, th, td, input, textarea, select, option { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
blockquote { padding-left: 1em; }
blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; }

a { color: #555; }
a:hover { 	text-decoration: none; 	color: #333; }
/* cadre_haut */
#cadre_haut {
	width: 950px;
	height: 283px;
	margin: 0 auto;
	padding-left:40px;
   background:  #a3a3a3 url(images/img01.jpg) no-repeat top center;
}
#cadre_haut h1 {margin: 0px; padding:0px; color: #555; font-size: 34px; padding-top: 110px; font-weight: normal; font-style:italic;}
#cadre_haut h2 {margin: 0px; padding:0px; color: #777; font-size: 18px; font-weight: normal; font-style:italic;}
#cadre_haut p { margin: 0px; padding: 0px; color: #666; font-size: 14px; }

#page {
width: 990px;
margin: 0 auto;
background-image:url(images/img02.jpg);
background-position: top center;
background-repeat:no-repeat;
background-color:#e5e5e5;
}

.h1 h1{ line-height:47px; display:block; height:39px; padding-left:50px; padding-bottom:0px; font-size:22px; font-weight: normal; color: #555; margin: 0px;font-style:italic;  }
.h2 h2{ line-height:47px; display:block; height:36px; padding-left:50px; padding-bottom:0px; font-size:22px; font-weight: normal; color: #555; margin: 0px;font-style:italic; background-image:url(images/h2.jpg); background-position:0 0; background-repeat:no-repeat;  }

/*.h2 h2{ display:block; height:20px; padding:0px; font-size:18px; font-weight: normal; color: #555; margin: 0; font-style:italic;} */

.edito { padding: 10px 20px 0px 20px; background-image:url(images/img03.jpg); background-position:center; background-repeat: repeat-y; }
.edito a {text-decoration: none; }
.edito h2{ padding:0px; font-weight: bold; font-size:15px; color: #555; margin: 0; border-bottom: 1px dotted #aaa; font-style:italic;}
.edito h3{ 	font-size: 15px; font-weight: bold; }
.edito p { font-style: normal; }
.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; }

.hr { width: 870px; margin: 4px 0px 4px 50px; padding: 0px; height:1px; color: #888; border-top:#999999 dotted 1px; }
.hr2 { width: 810px; margin: 4px 0px 4px 110px; padding: 0px; height:1px; color: #888; border-top:#999999 dotted 1px; }

#menu { width: 990px; padding: 0px 0 0 0px; margin: 0px 0 0 0px; color: #888; margin: 0px auto 0px auto; }
#menu ul { margin: 0px; padding:0px 0px 0px 20px; height:24px; line-height:24px; }
#menu li  { font-size:15px; display:inline; padding-left: 10px; font-weight:bold; height:24px; font-style:italic; }
#menu li:hover a { height:24px; background-color:#eee; }

#menu a { text-decoration: none; color: #888;  }
#menu a:hover { color: #555; }

.menu p { }
.sp { margin-left:20px;}

.menu_down { text-decoration:underline; color:#000; }
.menu_down:hover {margin: 0px; padding:0px 0px 0px 20px; text-decoration:underline; color:#666;  }

.menu_up { color:#fff; }
.menu_up:hover {margin: 0px; padding:0px 0px 0px 20px; color:#fff;  }

#cadre_bas {
/*    mini-height:50px; */
	clear: both;
	width: 990px;
	margin: 0px auto;
	padding:0px;
	text-align:center;
}

#basdepage {
	width: 990px;
	height:30px;
	margin: 0 auto;
	padding: 0px;
	text-align: center;
	font-size:12px;
	background-image:url(images/img04.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

.image {
border-color:#cf9d51;
border-width:2px;
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:#808E2E;
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;
}
.mentions-legales {
    text-decoration:none;
	}
.email {
	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: #999;
 border-width: 1px;
 border-style:solid;
 margin:1px;
 background-color:#ddd;
 font-size: 12px;
 color:#666;
 font-weight: normal;
}