/* -------------------------- */
/*  Généralités 
/* -------------------------- */

body#conseil-general  {
  margin: 0;
  padding: 0;
  font-family: Arial; /*"Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
	font-size: 70%; /*taille originale 85%*/
  background: #939E1C url(design/fond-body.jpg) repeat-x left top; /*donne le fond dégradé de la page*/
  text-align: center;
}

#conseil-general a img {
  border : none;
}

#conseil-general form, #conseil-general ul, #conseil-general li, #conseil-general ol {
  margin: 0;
  padding: 0;
}

#conseil-general p {
padding: 0 0 0.2em 0;
margin: 0;
}

/* -------------------------- */
/*  Blocs 
/* -------------------------- */

#conseil-general div#header {
  position: relative;
  width: 800px;
  margin: 0 auto;
  height: 273px;
  background: url(design/fond-header.png) no-repeat left top; /*image header A TRANSFORMER EN GIF*/
  text-align: left;
  font-size: 1em; /*change la taille des titres*/
}

#conseil-general div#global {
  width: 800px; /*original 749px determine la taille du body*/
  margin: 0 auto;
  background: url(design/fond-global.jpg) repeat-y left top; /* donne un fond blanc dans le body taille actuelle de cette image 800px*/
  text-align: left;
  font-size: 1.2em; /*change la taille tu texte dans le contenu*/
}

#conseil-general div#footer {
  height: 3em; /*change la hauteur du cadre footer*/
  padding-top: 8px;
  background: url(design/fond-footer.jpg) no-repeat left bottom; /*taille de l'image 800px*/
  border-top: 3px solid white;
  border-bottom: 3px solid white;
}


/* -------------------------- */
/*  Eléments Header H1
/* -------------------------- */

#conseil-general #header h1 {
  margin: 0;
  padding: 0;
  
}
/* -------------------------- */
/*  Logo
/* -------------------------- */
#conseil-general #header #logo {
  margin: 50px 0 0 70px;
}
/* -------------------------- */
/*  Bouton Mairie H1 panneau route départementale
/* -------------------------- */
/*p {
	padding:10px 0;/* détermine la position globale du bouton en  hauteur*/
	/*border-bottom:5px solid #2A458D; ligne (trait) en dessus du bouton */
/*}

/* #################### */
a.bouton,
button.bouton {
	display:-moz-inline-box;
	display:inline-block;
	margin:0;
	padding:0;
	/*font:26px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif;	/* Police du bouton */
	white-space:nowrap;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	border:0;
	background:none;
	font-size: 1.5em;
	color: #4a5c6f;
	/*color: #000000;*/
	font-family: Arial;
}
a.bouton span,
button.bouton span {
	position:relative;
	float:left;
	padding:0 0 0 22px;		/* Largeur du côté gauche */
	vertical-align:middle;
	background:url(design/panneau-mairie/gauche.jpg) left top no-repeat;
}
a.bouton span span,
button.bouton span span {
	padding:0 22px 0 0;		/* Largeur du côté droite */
	background:url(design/panneau-mairie/droit.jpg) right top no-repeat;
}
a.bouton span span span,
button.bouton span span span {
	height:49px;		/* Hauteur du bouton */
	padding:0;
	line-height:2;	/* Alignement vertical du texte */
	background:url(design/panneau-mairie/milieu.jpg) left top repeat-x;
}

* html button {width:1%; overflow:visible;}
*:first-child+html button {overflow:visible;}
/* -------------------------- */
/*  Google internal search (id=id="cse-search-box")
/* -------------------------- */
#conseil-general form#cse-search-box {
  position: absolute;
  right: 0px;
  top: 217px;
  width: 175px;
  
  
}
*#conseil-general form#cse-search-box fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

#conseil-general form#cse-search-box div {
  float: left;
  margin-left: 3px;
  font-size: 12px;
  width: 200px;
  height: 20px;
}
#conseil-general form#cse-search-box input#submit {
  float: left;
  margin-left: 70px;
  width: 36px;
  height: 23px;
  border: none;
  background: url(design/recherche-ok.jpg) no-repeat left top;
}

/* -------------------------- */
/*  Menu du haut ligne 1
/* -------------------------- */
    #conseil-general #header div#menu-haut-ligne-1 {
    	position: absolute;
			left: 25px;
			top: 218px;
      float:left;
      /*width:100%;*/
      width:650px;
      background: url(design/bg.png) repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #conseil-general #header div#menu-haut-ligne-1 ul {
      margin:0;
      padding:0px 10px 0;
      list-style:none;
      }
    #conseil-general #header div#menu-haut-ligne-1 li {
      float:left;
      background:url(design/left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #4A5C6F;
      }
    #conseil-general #header div#menu-haut-ligne-1 a {
      float:left;
      display:block;
      /*width:.1em;*/
      background:url(design/right_both.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#4A5C6F;
      }
    #conseil-general #header div#menu-haut-ligne-1 > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #conseil-general #header div#menu-haut-ligne-1 a {float:none;}
    /* End IE5-Mac hack */
    #conseil-general #header div#menu-haut-ligne-1 a:hover {
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-1 #current {
      background-position:0 -150px;
      border-width:0;
      }
    #conseil-general #header div#menu-haut-ligne-1 #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-1 li:hover, #conseil-general #header div#menu-haut-ligne-1 li:hover a {
      background-position:0% -150px;
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-1 li:hover a {
      background-position:100% -150px;
      }          
/* -------------------------- */
/*  Menu du haut ligne 2
/* -------------------------- */
       #conseil-general #header div#menu-haut-ligne-2 {
      position: absolute;
			left: 5px;
			top: 240px;	
      float:left;
      /*width:100%;*/
      width:790px;
      background: url(design/bg.png) repeat-x bottom;
      font-size:93%;
      line-height:normal;
      }
    #conseil-general #header div#menu-haut-ligne-2 ul {
      margin:0;
      padding:10px 10px 0;
      list-style:none;
      }
    #conseil-general #header div#menu-haut-ligne-2 li {
      float:left;
      background:url(design/left_both.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 9px;
      border-bottom:1px solid #4A5C6F;
      }
    #conseil-general #header div#menu-haut-ligne-2 a {
      float:left;
      display:block;
      /*width:.1em;*/
      background:url(design/right_both.gif) no-repeat right top;
      padding:5px 15px 4px 6px;
      text-decoration:none;
      font-weight:bold;
      color:#4A5C6F;
      }
    #conseil-general #header div#menu-haut-ligne-2 > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #conseil-general #header div#menu-haut-ligne-2 a {float:none;}
    /* End IE5-Mac hack */
    #conseil-general #header div#menu-haut-ligne-2 a:hover {
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-2 #current {
      background-position:0 -150px;
      border-width:0;
      }
    #conseil-general #header div#menu-haut-ligne-2 #current a {
      background-position:100% -150px;
      padding-bottom:5px;
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-2 li:hover, #conseil-general #header div#menu-haut-ligne-2 li:hover a {
      background-position:0% -150px;
      color:#fff;
      }
    #conseil-general #header div#menu-haut-ligne-2 li:hover a {
      background-position:100% -150px;
      }
/* -------------------------- */
/*  Eléments flag Handicapé
/* -------------------------- */


#conseil-general #header #handicape {
  position: absolute;
  top: 23px;
  left: 18px;
  list-style-type: none;
}
/* -------------------------- */
/*  Eléments Flag Image French
/* -------------------------- */
#conseil-general ul#flagFrench {
  position: absolute;
  left: 51px;
  top: 18px;
  list-style-type: none;
}
/* -------------------------- */
/*  Eléments Flag Image English
/* -------------------------- */
#conseil-general ul#flagEnglish {
  position: absolute;
  left: 85px;
  top: 13px;
  list-style-type: none;
}
/* -------------------------- */
/*  page ministère
/* -------------------------- */
#conseil-general #ministeres {
text-align:center;
  margin: 10px 0 10px 6px;
  width: 550px;
}
/* -------------------------- */
/*  Blason des départements
/* -------------------------- */
#conseil-general #blasons-et-armes-departements {
text-align:center;
}
/* -------------------------- */
/*  Bouton Facebook j'aime
/* -------------------------- */
#conseil-general #bouton_facebook {
text-align:center;
}
/* -------------------------- */
/*  Google Adsense
/* -------------------------- */

#conseil-general #adsense-Vertical-Haut-Droit-160X600 {
float: right; 
padding-left: 5px;
width: 180px;
text-align: left;
}
#conseil-general #adsense-Page-Accueil-en-haut-468x60 {
  margin: 10px 0 10px 6px;*/
  background: #FFFFFF; /*fond du cadre des adsenses horizontal ancienne couleur E0E97D*/
  width: 550px;*/
}

#conseil-general #adsense-horizontal-haut {
  margin: 10px 0 10px 6px;
  background: #FFFFFF; /*fond du cadre des adsenses horizontal ancienne couleur E0E97D*/
  width: 550px;
}
#conseil-general #adsense-horizontal-bas {
 
  margin: 10px 0 10px 6px;
  background: #FFFFFF; /*fond du cadre des adsenses horizontal ancienne couleur E0E97D*/
  width: 550px;
  height: 80px;
}
#conseil-general #annoncesverticalEN {
float: right; 
padding-left: 5px;
width: 180px;
text-align: left;
}
/* -------------------------- */
/*  Contenu 
/* -------------------------- */

#conseil-general #global p {
margin-left: 20px;
width: 550px; /*donne la largeur du cadre dans lequel le texte est affiché */
color: #4A5C6F; /*couleur original 666 text h2*/
}
#conseil-general p.map {
text-align: center;
}
#conseil-general #global ul, #conseil-general #global a {
color: #4A5C6F; /*couleur original 666*/
}

#conseil-general #intro {
width: 550px;
float: left;
}

#conseil-general #titre p.weblink {
  float: right;
}
#conseil-general #titre p.weblink img {
  margin: 0 5px;
}
#conseil-general #titre p.weblink a {
  text-decoration: underline;
  color: #333;
  font-size: 1.3em;
  text-align: center;
}
#conseil-general #titre p.weblink a:hover, #titre p.weblink a:focus {
  text-decoration: none;
}
/* Drapeau FLAG conseil regional*/
#conseil-general #titre p.flag {
  float: right;
}
#conseil-general #titre p.flag img {
  margin: 350px 100px;
}
#conseil-general #titre p.flag a {
  text-decoration: underline;
  color: #333;
  font-size: 1.3em;
  text-align: center;
}
#conseil-general #titre p.flag a:hover, #titre p.weblink a:focus {
  text-decoration: none;
}

#conseil-general h1 { /*titre de page*/
  margin: 0px 196px 6px 6px;
  padding: 10px 0 0 0;
  font-family: Arial; /*Georgia, "Trebuchet MS", Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;*/
  text-align:center;
  /*font-weight: bold;*/
  color: #4A5C6F; /*couleur original 333*/
	font-size: 1.3em;
	
}
#conseil-general h2 { /*Sous titre de page*/
  margin: 5px 196px 15px 6px;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  font-weight: normal;
  color: #4A5C6F; /*couleur original 666*/
  background: url(design/fond-title.gif) left top no-repeat; /*largeur 600px hauteur 50px*/

}

#conseil-general h3 {
  margin: 5px 196px 15px 6px;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  font-weight: normal;
  color: #4A5C6F; /*couleur original 666*/
  background: url(design/fond-title.gif) left top no-repeat; /*largeur 600px hauteur 50px*/
}
#conseil-general h4 {
  font-size: 1.1em;
  font-weight: bold;
  color: #4A5C6F; /*couleur original 333*/
  padding: 0;
  margin: 0 0 10px 6px;
  text-decoration: underline;
}
#conseil-general h5 {
  margin: 5px 196px 15px 6px;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  font-weight: normal;
  color: #4A5C6F; /*couleur original 666*/
  background: url(design/fond-title.gif) left top no-repeat; /*largeur 600px hauteur 50px*/
}
#conseil-general h6 {
  margin: 5px 196px 15px 6px;
  padding: 0 0 0 20px;
  font-size: 1.3em;
  font-weight: normal;
  color: #4A5C6F; /*couleur original 666*/
  background: url(design/fond-title.gif) left top no-repeat; /*largeur 600px hauteur 50px*/
}
#conseil-general #informations p {
margin-top: 1px;
margin-bottom: 2px;
padding: 0;
}

#conseil-general #informations ul {
margin: 0 0 15px 6px;
padding: 0;
list-style-type: none;
}
#conseil-general #global ul li {
width: 550px;	
margin: 0 0 0 6px;
padding-left: 15px;
list-style: none;
background: url(design/puce.png) left top no-repeat;
}
#conseil-general #informations a {
color: #4A5C6F; /*couleur original 666*/
}
#conseil-general #informations a:hover, #informations a:focus {
text-decoration: none;
}
/* -------------------------- */
/*  Google map
/* -------------------------- */
#conseil-general #map{
	width: 590px;
	height: 590px;
	text-align:center;
  margin: 20px 0 10px 0px;
	/*margin: 10px auto;*/
}
/* -------------------------- */
/* Captcha
/* -------------------------- */
#conseil-general #captcha {

display: block;
/*float: left;
/*margin:20px 100px; */
margin: 20px 0 0 100px;
}
/* -------------------------- */
/*  Formulaires : contact, ajout de mairie
/* -------------------------- */

#conseil-general form.formcontact {
	margin: auto; /* position du formulaire ok firefox et avec IE*/
	/*margin: 0 0 0 10px;*/
	width: 590px;  /* largueur titre h et centrer*/
	/*text-align: center; /* ok pour IE mais pas pour firefox*/
}
#conseil-general form.formcontact #p {
text-align: center;
}
#conseil-general form.formcontact input {
margin: 0 0 20px 0px;
text-align: center;
width: 350px;
border: 2px solid #E0E97D;
display: block;
padding: 3px;
}
#conseil-general form.formcontact textarea {
/*text-align: center;*/
width: 350px;
border: 2px solid #E0E97D;
display: block;
padding: 3px;
}
#conseil-general form.formcontact input#submit {
float: left;
background: #E0E97D;
color: #4A5C6F;
font-weight: bold;
cursor: pointer;
}
/* -------------------------- */
/*  bouton modification mairie input "act" et non pas "sumit"
/* -------------------------- */
#conseil-general form.formcontact input#act {
float: left;
background: #E0E97D;
color: #4A5C6F;
font-weight: bold;
cursor: pointer;
}
/* -------------------------- */
/*  Formulaires : demande acte etat civil
/* -------------------------- */

#conseil-general form.formetatcivil {
	margin: auto; /* position du formulaire ok firefox et avec IE*/
	/*margin: 0 0 0 10px;*/
	width: 590px;  /* largueur titre h et centrer*/
	/*text-align: center; /* ok pour IE mais pas pour firefox*/
}
#conseil-general form.formetatcivil #p {
text-align: center;
}
#conseil-general form.formetatcivil input {
margin: 0 0 20px 0px;
text-align: center;
width: 350px;
border: 2px solid #E0E97D;
display: block;
padding: 3px;
}
#conseil-general form.formetatcivil textarea {
text-align: center;
width: 350px;
border: 2px solid #E0E97D;
display: block;
padding: 3px;
}
#conseil-general form.formetatcivil input#submit {
/*float: left;*/
/*width: 350px;*/
/*text-align: center;*/
background: #E0E97D;
color: #4A5C6F;
font-weight: bold;
cursor: pointer;
}
/* -------------------------- */
/*  Bouton Google +1
/* -------------------------- */
#conseil-general #bouton-google-plus1 {
text-align: center;
}
#conseil-general #bouton-google-plus1 p {
text-align: center;
margin-left: 20px;
font-weight: bold;
width: 550px; /*donne la largeur du cadre dans lequel le texte est affiché */
color: #4A5C6F; /*couleur original 666 text h2*/
}
/* -------------------------- */
/*  tableau population
/* -------------------------- */
/*table#tableaupopulation {background-color:#E0E97D;}*/
table#tableaupopulation {width: 550px;margin:20px;}
table#tableaupopulation td {padding:1px;border:1px solid #4A5C6F;}
table#tableaupopulation th {padding:5px;border:1px solid #4A5C6F;font-weight:normal;}
table#tableaupopulation caption {padding:5px;margin-bottom:5px;border:1px solid #aaaaaa;}

/* -------------------------- */
/*  Footer
/* -------------------------- */

#conseil-general #footer {
  clear: both;
}

#conseil-general ul#footer-menu {
  margin: 0 0 0 6px;
  list-style-type: none;
  font-size: 1em;
  color: white;
}
#conseil-general ul#footer-menu  {
margin: 0;
padding-left: 0;
list-style: none;
background: none;
}
#conseil-general ul#footer-menu li {
  display: inline;
  background: none;
  margin: 0 0 0 6px;
  padding: 0;
}
#conseil-general ul#footer-menu li a {
  font-weight: bold;
  color: white;
  text-decoration: none;
}
#conseil-general ul#footer-menu li a:hover, ul#footer-menu li a:focus {
  text-decoration: underline;
}
#conseil-general #mentions {
padding-top: 5px;
font-size: 0.9em;
color: white;
}
#conseil-general #mentions a {
color: white;
text-decoration: none;
}