/* RESET CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 130%;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
	padding: 10px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
  font: 76% arial,sans-serif;
  background-color: #fafaf2;
}

p {
  margin:10px 0px 10px 0px;
}

#content ul {
	list-style-type:square;
	margin-left: 20px;
}

p a {
  color: black;
}

h1 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 26px;
	line-height: 30px;
	color: #4d4d4d;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
h2 {
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 16px;
	color: #4d4d4d;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

div#header {
  height:195px;
  margin:0;
  background-image:url(../images/1.jpg);
  display:block;
}

div#menu_pp {
  margin:0;
  display:block;
}

div#middle {
  margin:0;
}

div#contenu {
  float:left;
  width:100%;
}

.both {
  clear:both;
}

div#content {
  margin: 20px 220px;
}

div#content_in {
  width: 100%;
	position:relative;
}

div#content_p {
  line-height:120%;
}
  .visite #content h2, .visite #content h2 a {
    color:#dc002e;
  }
  
  .vie #content h2, .vie #content h2 a {
    color:#EF8216;
  }
  
  .mairie #content h2, .mairie #content h2 a {
    color:#fdca1f;
  }
  
  .eco #content h2, .eco #content h2 a {
    color:#7ab51f;
  }
  
  .trav #content h2, .trav #content h2 a{
    color:#4b9026;
  }
  
  .pat #content h2, .pat #content h2 a {
    color:#1fbbe8;
  }
  
  .sport #content h2, .sport #content h2 a {
    color:#00619c;
  }
  
  .fetes #content h2, .fetes #content h2 a {
    color:#e20079;
  }
  
  .fam #content h2, .fam #content h2 a {
    color:#92127c;
  }

div#menu_vertical {
  float:left;
  width:220px;
  margin-left:-100%;
}

div#content_menu_vertical {
  margin-left: 20px; 
  margin-right: 20px; 
  margin-top: 20px;
}

  .visite #content_menu_vertical h2 {
    color:#dc002e;
  }
  
  .vie #content_menu_vertical h2 {
    color:#EF8216;
  }
  
  .mairie #content_menu_vertical h2 {
    color:#fdca1f;
  }
  
  .eco #content_menu_vertical h2 {
    color:#7ab51f;
  }
  
  .trav #content_menu_vertical h2 {
    color:#4b9026;
  }
  
  .pat #content_menu_vertical h2 {
    color:#1fbbe8;
  }
  
  .sport #content_menu_vertical h2 {
    color:#00619c;
  }
  
  .fetes #content_menu_vertical h2 {
    color:#e20079;
  }
  
  .fam #content_menu_vertical h2 {
    color:#92127c;
  }

div#extra {
  float:left;
  width:200px;
  margin-left:-200px;
  margin-top: 20px;
}

  #content_extra {
    margin-right: 20px;
    padding: 5px 10px 5px 10px;
    color: #FFFFFF;
    display:block;
    background-color:#333333;
  }

  .visite #content_extra {
    background-color:#dc002e;
  }
  
  .vie #content_extra {
    background-color:#EF8216;
  }
  
  .mairie #content_extra {
    background-color:#fdca1f;
  }
  
  .eco #content_extra {
    background-color:#7ab51f;
  }
  
  .trav #content_extra {
    background-color:#4b9026;
  }
  
  .pat #content_extra {
    background-color:#1fbbe8;
  }
  
  .sport #content_extra {
    background-color:#00619c;
  }
  
  .fetes #content_extra {
    background-color:#e20079;
  }
  
  .fam #content_extra {
    background-color:#92127c;
  }



/*** styles menu horizontal *****/ 

/* general */
ul#nav_horizontal {
	float:left;
	width:100%;
	border-bottom:1px solid #fafaf2;
	background:gray url(../images/bt/bt_fond.jpg);
}
ul#nav_horizontal li {
	float:left;
	border-right:1px solid #fafaf2;
}
ul#nav_horizontal li a {
	display:block;
	padding:6px 22px 10px;
	color:#fff;
	text-decoration:none;
	font-weight:normal;
	font-size:1.2em;
}

/* accueil */
ul#nav_horizontal li a.accueil { 
  color: #333; 
  background:white url(../images/bt/bt_blanc.jpg); 
}

ul#nav_horizontal li a.accueil:hover {
	background:silver url(../images/bt/bt_blanc-over.jpg);
	color:white;
}

.home ul#nav_horizontal li a.accueil { 
  background:#fafaf2; 
  color:#333; 
}

/* visite */
ul#nav_horizontal li a.visite { 
  background:#dc002e url(../images/bt/bt_rouge.jpg); 
}

ul#nav_horizontal li a.visite:hover {
	background:silver url(../images/bt/bt_rouge-over.jpg);
	color:white;
}

.visite ul#nav_horizontal li a.visite { 
  background:#fafaf2; 
  color:#333; 
}

/* cadre de vie */

ul#nav_horizontal li a.vie { 
  background:#ef8216 url(../images/bt/bt_orange.jpg); 
}

ul#nav_horizontal li a.vie:hover {
	background:silver url(../images/bt/bt_orange-over.jpg);
	color:white;
}

.vie ul#nav_horizontal li a.vie { 
  background:#fafaf2; 
  color:#333; 
}

/* vie de la mairie */

ul#nav_horizontal li a.mairie { 
  background:#fdca1f url(../images/bt/bt_jaune.jpg); 
}

ul#nav_horizontal li a.mairie:hover {
	background:silver url(../images/bt/bt_jaune-over.jpg);
	color:white;
}

.mairie ul#nav_horizontal li a.mairie { 
 background:#fafaf2; 
  color:#333; 
}

/* economie */

ul#nav_horizontal li a.eco { 
  background:#7ab51f url(../images/bt/bt_vert.jpg); 
}

ul#nav_horizontal li a.eco:hover {
	background:silver url(../images/bt/bt_vert-over.jpg);
	color:white;
}

.eco ul#nav_horizontal li a.eco { 
  background:#fafaf2; 
  color:#333; 
}

/* travaux et projets */

ul#nav_horizontal li a.travaux { 
  background: #4c8f29 url(../images/bt/bt_vert2.jpg); 
}

ul#nav_horizontal li a.travaux:hover { 
  color: white; background: silver url(../images/bt/bt_vert2-over.jpg); 
}

.trav ul#nav_horizontal li a.travaux { 
  background:#fafaf2; 
  color:#333; 
}

/* histoire et patrimoine */

ul#nav_horizontal li a.pat { 
  background:#1fbbe8 url(../images/bt/bt_bleu2.jpg); 
}

ul#nav_horizontal li a.pat:hover {
	background:silver url(../images/bt/bt_bleu2-over.jpg);
	color:white;
}

.pat ul#nav_horizontal li a.pat { 
  background:#fafaf2; 
  color:#333; 
}

/* sports et loisirs */

ul#nav_horizontal li a.sport { 
  background:#00619c url(../images/bt/bt_bleu.jpg); 
}

ul#nav_horizontal li a.sport:hover {
	background:silver url(../images/bt/bt_bleu-over.jpg);
	color:white;
}

.sport ul#nav_horizontal li a.sport { 
  background:#fafaf2; 
  color:#333; 
}

/* fetes et culture */

ul#nav_horizontal li a.fetes{ 
  background:#e20079 url(../images/bt/bt_rose.jpg); 
}

ul#nav_horizontal li a.fetes:hover {
	background:silver url(../images/bt/bt_rose-over.jpg);
	color:white;
}
	
.fetes ul#nav_horizontal li a.fetes { 
  background:#fafaf2; 
  color:#333; 
}

/* famille et solidarite */

ul#nav_horizontal li a.fam { 
  background:#92127c url(../images/bt/bt_violet.jpg); 
}

ul#nav_horizontal li a.fam:hover {
  background:silver url(../images/bt/bt_violet-over.jpg);
  color:white;
}

.fam ul#nav_horizontal li a.fam { 
  background:#fafaf2; 
  color:#333; 
}

/*** styles menu vertical *****/ 

/* general */

ul#nav_vertical {
	margin-left: 15px;
}

ul#nav_vertical li {
	list-style-type:square;
	color: grey;
}
ul#nav_vertical li a {
	color: black;
	text-decoration:underline;
}

ul#sousnav_vertical {
	color: grey;
	margin-left: 18px;
}

ul#sousnav_vertical li {
	color: black;
	list-style-type:none;
}
ul#sousnav_vertical li a {
	color: black;
	text-decoration:none;
}

/* accueil */
.accueil ul#nav_vertical li {
	color: grey;
}

.accueil table, .accueil table td {
	border-color:grey;
}

/* visite */
.visite ul#nav_vertical li {
	color: #dc002e;
}

.visite table, .visite table td {
	border-color: #dc002e;
}

/* cadre de vie */
.vie ul#nav_vertical li {
	color: #EF8216;
}

.vie table, .vie table td {
	border-color: #EF8216;
}

/* vie de la mairie */
.mairie ul#nav_vertical li {
	color: #fdca1f;
}

.mairie table, .mairie table td {
	border-color: #fdca1f;
}

/* economie */
.eco ul#nav_vertical li {
	color: #7ab51f;
}

.eco table, .eco table td {
	border-color: #7ab51f;
}

/* travaux et projets */
.trav ul#nav_vertical li {
	color: #4b9026;
}

.trav table, .trav table {
	border-color: #4b9026;
}

/* histoire et patrimoine */
.pat ul#nav_vertical li {
	color: #1fbbe8;
}

.pat table, .pat table td {
	border-color: #1fbbe8;
}

/* sports et loisirs */
.sport ul#nav_vertical li {
	color: #00619c;
}

.sport table, .sport table td {
	border-color: #00619c;
}

/* fetes et culture */
.fetes ul#nav_vertical li {
	color: #e20079;
}

.fetes table, .fetes table td {
	border-color: #e20079;
}

/* famille et solidarite */
.fam ul#nav_vertical li {
	color: #92127c;
}

.fam table, .fam table td {
	border-color: #92127c;
}

/* //-> footer*/

div#footer {
  clear:left;
  width:100%;
  padding-top: 30px;
}

#footer ul {
	text-align:center;
}
#footer ul li {
	display:inline;
}
#footer ul li a {
	color:#000;
	padding:0 5px;
	text-decoration:none;
	font-size:.9em;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#copyright {
	text-align:center;
	font-size:.9em;
	padding-left: 10px;
	padding-bottom: 5px
	
}
#copyright a {
	color:#000;
}

em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/**** styles cadres page accueil ***/

.feature_visite { float: left; width: 174px; display: block; background-color: #dc002e; margin: 3px; }
.feature_visite:hover {background-color: #333333;}
.feature_cadre { float: left; width: 174px; display: block; background-color: #ef8216; margin: 3px; }
.feature_cadre:hover {background-color: #333333;}
.feature_mairie { float: left; width: 174px; display: block; background-color: #fdca1f; margin: 3px; }
.feature_mairie:hover {background-color: #333333;}
.feature_eco { float: left; width: 174px; display: block; background-color: #7ab51f; margin: 3px; }
.feature_eco:hover {background-color: #333333;}
.feature_travaux { float: left; width: 174px; display: block; background-color: #4c8f29; margin: 3px; }
.feature_travaux:hover {background-color: #333333;}
.feature_pat{ float: left; width: 174px; display: block; background-color: #1fbbe8; margin: 3px; }
.feature_pat:hover {background-color: #333333;}
.feature_sport{ float: left; width: 174px; display: block; background-color: #00619c; margin: 3px; }
.feature_sport:hover {background-color: #333333;}
.feature_fetes{ float: left; width: 174px; display: block; background-color: #e20079; margin: 3px; }
.feature_fetes:hover {background-color: #333333;}
.feature_familles{ float: left; width: 174px; display: block; background-color: #92127c; margin: 3px; }
.feature_familles:hover {background-color: #333333;}

.feature_description { color: white; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 0 9px 8px 11px; width: 160px; float: left; }
A.feature_link , A.feature_link :visited, A.feature_link :link { color: white; }
A.feature_link :hover{ color: white; }




.feature_filename { color: white; font-size: 14px; font-family: arial, Helvetica, sans-serif; font-weight: bold; padding: 2px 0; }
.thumbnail_urgence, .thumbnail_travaux, .thumbnail_visite, .thumbnail_cadre, .thumbnail_mairie, .thumbnail_eco, .thumbnail_pat, .thumbnail_sport, .thumbnail_fetes, .thumbnail_familles, .thumbnail_nolink { float: left; padding: 7px; }

.thumbnail_visite { width: 160px; background-color: #DC002E;}
.thumbnail_visite:hover {background-color: #333333;}
.thumbnail_cadre { width: 160px; background-color: #EF8216; }
.thumbnail_cadre:hover {background-color: #333333;}
.thumbnail_mairie { width: 160px; background-color: #FDCA1F; }
.thumbnail_mairie:hover {background-color: #333333;}
.thumbnail_eco { width: 160px; background-color: #7AB51F; }
.thumbnail_eco:hover {background-color: #333333;}
.thumbnail_travaux { width: 160px; background-color: #4c8f29; }
.thumbnail_travaux:hover {background-color: #333333;}
.thumbnail_pat{ width: 160px; background-color: #1FBBE8; }
.thumbnail_pat:hover {background-color: #333333;}
.thumbnail_sport{ width: 160px; background-color: #00619C; }
.thumbnail_sport:hover {background-color: #333333;}
.thumbnail_fetes{ width: 160px; background-color: #E20079; }
.thumbnail_fetes:hover {background-color: #333333;}
.thumbnail_familles{ width: 160px; background-color: #92127C; }
.thumbnail_familles:hover {background-color: #333333;}



.feature_urgence{ float: left; width: 174px; display: block; background-color: #333; margin: 3px; }
.feature_transparent { background-color: transparent; display: block; margin: 0; float: left; }
.feature_desc_trans { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;padding: 0 0 8px 0; 	width: 160px; float: left;}
A.feature_link_trans , A.feature_link_trans :visited, A.feature_link_trans :link {  }
A.feature_link_trans :hover{  }
.feature_filename_trans { font-family: arial, Helvetica, sans-serif;font-size: 14px; padding: 2px 0; font-weight: bold;}
.thumbnail_transparent, { float: left; padding: 0px; }
.thumbnail_urgence{ background-color: #333; }
.thumbnail_transparent { background-color: transparent; }


ul li ul li:first-letter {
text-transform:capitalize;
}

table, table td {
	border-style:solid;
	border-width:1px;
}

p img {
	margin-right:5px;
	margin-left:5px;
}

div#error_msg {
	font-weight:bold;
}

label {
	display:block;
	float:left;
	font-size:14px;
	padding-right:10px;
	padding-top:4px;
	text-align:right;
	width:100px;
}

input#igorri {
	margin-left:110px;
}

div.linkbleu {
	margin-top:100px;
}

div.linknews {
	margin-bottom:20px;
}

div.linkbleu a {
	color:#00619C;
}

div.linkvert a {
	color:#4b9026;
}

div.linkred a {
	color:#dc002e;
}

div.linknews a {
	font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
	font-size:20px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}

div.linknews a:hover {
	text-decoration:underline;
}

#google_translate_element {margin-top:40px;}
#error_msg {color:red;}
#newsletter {background:white;margin-top:40px;}
#dernieres{margin-bottom:40px;text-align:center;border:solid 2px #333333;padding-top:10px;}
#dernieres * {color:#00619C;}

#dernieres h2 {
font-family:"Trebuchet MS",Geneva,Arial,Helvetica,SunSans-Regular,sans-serif;
font-size:20px;
font-weight:bold;
text-decoration:none;
text-transform:uppercase;
}