/* CSS Document */
body {
  margin:0;
  padding:0;
	background: url(images/fond.png) repeat;
  font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size:80%;
	text-align:center;
}
a img {
  border:0;
}
  /*div générale*/
  
#conteneur {
  position: relative;
  min-height: 100%;
  width:1000px;
  margin:0 auto;
  padding:0;
	text-align:left;
	background:#CCCC99;
}
  /*Bannière*/
  
#banniere {
  height:170px;
  background:url(images/banniere.png) top left no-repeat;
}
#bannieresport {
  height:170px;
  background:url(images/banniere_sport.png) top left no-repeat;
}
  /*Menu horizontal*/

#menu_haut {
  margin:0;
  padding:0.1em 1em 0.1em 0;
  list-style-type:none;
  text-align:right;
  color:#ffffff;
  background-color:#000000;
}
#menu_haut li {
  display:inline;
  line-height:1.5em;
}
#menu_haut a {
  color:#ffffff;
  text-decoration:none;
}
#menu_haut a:hover {
  text-decoration:underline;
}

  /*Menu vertical*/

#menu {
	position:absolute;
	top:180;
	left:0;
	float:left;
  width:13em;
  min-height: 450px;
	padding:0.5 0 8em 0;
	margin:0;
  background:#000000 url(images/fond_menu.png) bottom left no-repeat;
}
#menu ul {
  list-style-type:none;
  padding:0;
  margin:0 1em;
}
#menu li a {
  display:block;
  text-decoration:none;
  height:1.4em;
  line-height:1.4em;
  color:#ffffff;
  font-weight:bold;
  font-size:110%;
  text-indent:1em;
}
#menu li a:hover {
  background:#cccc33;
  color:#336600;
}
#menu p {
  color:#CCCC99;
  font-size:95%;
  text-align:center;
}
  /*Flash mag*/
#mag{
  position:absolute;
  top:0px;
  right:0px;
}
  /*Flash projet*/
#flash{
  z-index:100;
}
  /*Div de remplissage*/

#global {
  position:relative;
  min-height:35em;
  font-size:110%;
	margin-left:13.5em;
	padding-bottom:5em;
	color:#614B3A;
}
#global a {
  text-decoration:none;
  color:#336666;
}
#global a:hover {
  color:#ffffff;
}
#global h1 {
  font-weight:bold;
  font-size:180%;
  padding-bottom:0.2em;
  border-bottom: 3px solid #ffff99;
  font-variant:small-caps;
  text-indent:5px;
  color:#669966;
}
#global h2 {
  margin-top:0.5em;
  margin-bottom:0.2em;
  border-top:2px solid #ffff99;
  line-height:2em;
  font-size:110%;
  font-weight:bold;
  color:#669966;
}
#global h3 {
  margin-top:0.2em;
  margin-bottom:0.2em;
  font-size:100%;
  font-weight:bold;
  text-decoration:underline;
  color:#669966;
}
#global h4 {
  font-size:90%;
  font-weight:bold;
  color:#669966;
}
#global h5 {
  margin-top:0.5em;
  margin-bottom:0.2em;
  line-height:2em;
  font-size:110%;
  font-weight:bold;
  color:#669966;
}
#global p {
  margin:0.1em 0.5em 0.1em 0;
  font-size:1.1em;
}
#global table {
  border-collapse:collapse;
  border:2px solid #336666;
  margin:0.5em 0;
}
#global tr, th, td {
  border:1px solid #336666;
  font-size:90%;
	color:#614B3A;
  padding:0 0.1em 0 0.2em;
}
.marche {
  font-size:2.5em;
  font-weight:bold;
}
.titre_budget {
  background-color:#a3a3a3;
  color:#000000;
  font-weight:bold;
}
.soustotal_budget {
  background-color:#c9c9c9;
  color:#000000;
}
.totalgeneral_budget {
  background-color:#000000;
  color:#ffffff;
  font-weight:bold;
}
.dechetterie {
  float:left;
  width:50%;
}
.justifie {
  text-align:justify;
}
  /*Tableau agenda*/
#agenda {
  border-collapse:collapse;
  border:2px solid #336666;
  margin:1em 0;
}
#agenda td {
  border:1px solid #336666;
  padding:0.1em 1em;
}
  /*Tableau pluviométrie*/
#pluie th, td {
  text-align:center;
}
  /*Formulaire de contact*/

#contact{
	width:90%;
	margin:0 auto;
	border:1px solid gray;
	background:#000000;
}
#contact p{
  text-align:left;
  margin:5px;
}
#contact label{
  float:left;
  text-align:right;
  width:200px;
  margin-right:10px;
  color:#ffffff;
  font-weight:bold;
  font-style:italic;
}
input[type=submit] {
  background:#ddd;
  cursor:pointer;
  margin-left:210px;
}
input[type=submit]:hover {
  background:#fff;
}
textarea{
  width:450px;
  height:150px;
}
.error-message{
  color:#ff0000;
}

  /*Balise de retour en haut de la page*/

.hautdepage {
  display:block;
  text-align:center;
  font-weight:bold;
  line-height:3em;
}

  /*Aligner un block à gauche ou à droite*/

.gauche {
  float:left;
  margin: 0 0.5em 0.2em 0;
}
.droite {
  float:right;
  margin: 0.2em;
}
.elus {
  display:block;
  list-style-type:none;
}
.elus li {
  margin:0.8em 0 0.5em 0;
}
.sanspuce {
  display:block;
  list-style-type:none;
  line-height:2em;
}
hr {
  clear:both;
  visibility:hidden;
}

  /*Mise en page des comptes-rendus conseil*/

#conseil {
  margin:0.5em;
  border:1px solid #336666;
  font-family:"Bistream Vera Sans", Verdana, Arial, Helvetica, serif;
  text-align:left;
  padding:0 1em;
  background:#F1F1D1;
  color:#614B3A;
}
#conseil h4 {
  text-align:center;
  font-variant:small-caps;
  font-size:130%;
  color:#336666;
}
#conseil h5 {
  font-size:120%;
  color:#669966;
}
#conseil table {
  border-collapse:collapse;
  border:2px solid #336666;
}
#conseil tr, th, td {
  border:1px solid #336666;
}
#conseil a {
  text-decoration:none;
  color:#336666;
}
#conseil a:hover {
  color:#666633;
}

  /*Mise en page hébergement*/
#hebergement {
  margin:0.5em;
  border:1px solid #336666;
  font-family:"Bistream Vera Sans", Verdana, Arial, Helvetica, serif;
  text-align:left;
  padding:0 1em;
  background:#F1F1D1;
  color:#614B3A;
}
#hebergement h5 {
  font-size:120%;
  color:#669966;
}
#hebergement ul {
  list-style-type:none;
}
#hebergement a {
  text-decoration:none;
  color:#336666;
}
#hebergement a:hover {
  color:#666633;
}

  /*Encart*/

#encart {
  float:right;
  width:250px;
  margin:0 5px 5px 5px;
  padding-top:50px;
  background:url(images/posthaut.png) left top no-repeat;
}
#encart h3 {
  font-size:130%;
  margin:0 0 0 40px;
}
#bloccadre {
  background:url(images/postbas.png) left bottom no-repeat;
  padding:0 0 25px 40px;
}
#bloccadre ul {
  display:block;
  margin:1em 0 0 0;
  padding:0;
}
#bloccadre li {
  line-height:2em;
  margin:0 0 0 -20px;
  list-style-type:none;
}

  /* Mise en page des formulaires de demande en ligne */

form {
	width: 700px;
	padding: 10px 20px;
	font-size: .9em;
	color: #614B3A;
}
form p {
	margin: 1em 0;
}
form p.double {
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
}
form p.double label {
	overflow: hidden;
	float: left;
	width: 50%; /*300px*/
	text-align: right;
	font-weight: normal;
	cursor: pointer;
}
form p.double label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}
form p.double input,
form p.double textarea {
	display: block;
	margin-left: 52%; /*310px*/
	width: 45%; /*250px*/
	border: solid 1px #000000;
	padding: 2px 4px;
}
form p.double select {
	display: block;
	margin-left: 52%; /*310px*/
	width: 20%; /*120px*/
	border: solid 1px #000000;
	padding: 2px 4px;
}
form p.double textarea {
	padding: 2px 0 0 4px;
	height: 6em;
}
form p.simple {
	margin-left: 12em;
}
#new {
  margin:0 0 0 3em;
  font-size:0.6em;
  color:#3333cc;
  font-weight:bold;
  font-variant:normal;
  visibility:visible;
}
  /*Mise en page s'installer à Graçay*/
  
#idee {
  margin:1em 1em 1em 0;
  padding:1em;
  border:2px solid #000000;
}
.sanspucegras {
  display:block;
  list-style-type:none;
  line-height:2em;
  font-weight:bold;
}
.tirets {
  display:block;
  list-style-type:square;
  font-weight:normal;
}
#propositions {
  margin:1em 1em 1em 0;
}
#propositions img {
  margin:1em 0 0 0;
}
#pageproposition {
  width:900px;
  text-align:left;
  background:#CCCC99;
}
#flashContent { width:100%; height:100%; }