@import url(menu.css);
@import url(footer.css);
@import url(header.css);
@import url(right.css);
@import url(g.css);




#content #main { width: 772px; float: left; }
#content #main a, #content #main a:visited{ color:Gray;}
#content #main a:hover { text-decoration: underline; }
#content #main .position_index {padding: 3px 0pt 0 15px; width: 350px; float: left; }
#content #main .position {padding: 3px 0pt 0 15px; width: 725px; float: left; }



/* Main*/
div#titre {/* arrière-plan bas et sur l'ensemble du cadre */
height:50px;
padding-bottom: 1px;

}
/* Main*/
div#titre_une {/* arrière-plan bas et sur l'ensemble du cadre */
height:50px;
padding-bottom: 1px;
width: 320px;
margin-left: 15px;
}
div#titre_right {/* arrière-plan bas et sur l'ensemble du cadre */
height:50px;
padding-bottom: 1px;
width: 340x;
margin-left: 370px;
border: 1px solid #e3eaf2;
border-bottom: none;
}

div#rdv_titre {/* arrière-plan bas et sur l'ensemble du cadre */
height:40px;
padding-bottom: 1px;

border-bottom: none;
margin-bottom:10px;
}


h1.G_titre {
height:40px;
	text-align:right;
	padding: 75px 0% -7px 0px;
font-family:"Arial Narrow";
	font-size: 1.8em;
	line-height:58px;
	font-weight:normal;
	color:#fff;
	margin:0px 0px 10px;
	border-bottom: 2px solid white;
}
	
	

div#post_une 
{
	
	margin-top:5px;
	margin-left:15px;
	padding-bottom:50px;
	background-color: #e3eaf2;
		text-align: justify;
	width:320px;
/*border-bottom: 1px dotted Silver;*/
	

}
div#post_une  h2
{
	
padding:5px;
border-bottom:none;
		color:#325A8E;
		padding-bottom:0px;

}
div#post_une  p
{
	
padding:5px;
		padding-top:0px;
border-bottom:none;
		color:#325A8E;

font-size:11px;
}
div#post_une  #suite
{
	line-height:30px;
border-bottom: 1px dotted white;
padding:5px;
padding-left:200px;
padding-bottom:-13px;
}
div#post_une  #suite a
{
text-decoration:none;
}
div#post_une  #suite2
{
font-family:"Arial Narrow";
	line-height:20px;
		color:#325A8E;
margin-bottom:-13px;
padding-bottom:10px;
padding-left:15px;
background-color: #e3eaf2;
font-size:14px;
}
div#post_une  #suite2 img
{
vertical-align:middle;
padding-right:8px;
}
div#post_une  #suite2 a,div#post_une  #suite2 a:visited,
{
font-family:"Arial Narrow";
	line-height:20px;
text-decoration:none;
}
div#post_une  #post_une_liste
{
padding-top:10px;
padding-bottom:5px;
text-decoration: none;
}
div#post_une  #post_une_liste p
{
padding-top:5px;
text-decoration: none;
}
div#post_une  #post_une_liste p u
{

text-decoration: none;
}
div#post_une  #post_une_liste  a, div#post_une  #post_une_liste  a:visited{ color:Gray; text-decoration:none;}


div#post 
{
	

	margin-top:5px;
	margin-left:15px;
	padding-bottom:20px;
border-bottom: 1px dotted Silver;
list-style: disc;

}
div#post a
{
	

text-decoration:none;
}
div#post_global_detail
{
	

	margin-top:5px;
	margin-left:15px;
	padding-bottom:50px;
border-bottom: 1px dotted Silver;
	

}
div#post_right{
	margin-top:5px;
	margin-left:30px;
	margin-right:35px;
	padding-bottom:50px;
	border-bottom: 1px dotted #e3eaf2;
	padding-left:0px;
	
}
	
#top_post_right{
	margin-left: 370px;
	border: 1px solid #e3eaf2;
	margin-top:-11px;
	color:#325A8E;
	font-size: 11px;
	
}
	
#cont_top_post_right	{
	padding: 20px;
	text-align: justify;
	text-indent:15px;
}
	
div#top_post_right h3{
		height:40px;
font-family:"Arial Narrow";

	font-weight:normal;
	color:red;
	
}
	#rdv{
	margin-left: 370px;
	margin-top: 20px;

	padding-bottom:15px;
}
	div#rdv  #suite
{
	line-height:30px;
border-bottom: 1px dotted white;
padding:5px;
padding-left:200px;

}
div#rdv  #suite2
{
font-family:"Arial Narrow";
	line-height:20px;
		color:#325A8E;
margin-bottom:-13px;
padding-left:15px;
padding-bottom:10px;
font-size:14px;
}
div#rdv #suite2 img
{
vertical-align:middle;
padding-right:8px;
}
div#rdv  #suite2 a,
{
font-family:"Arial Narrow";
	line-height:20px;
color:#325A8E;
}
div#rdv  #post_une_liste
{
padding-top:10px;

}
#rdv  #post_une_liste img
{
padding:5px;


}
#rdv #post_une_liste p
{
padding-top:5px;
	font-size: 11px;
	color:#325A8E;
	text-decoration: none;
}
div#post h3{
	height:40px;
font-family:"Arial Narrow";
	font-size: 1.1em;
	font-weight:normal;
	color:red;
}
	
	
	
#main h2 {
border-bottom:1px dotted;
	padding:22px -10px 2px 0px;
	margin:8px 0px 16px 0px;
	
	}

div#post p
{
font-size: 9pt;
text-align:justify;
padding: 0px 0 5px 0;
}
div#post img
{

margin: 0px 10px 7px 0;
}
.une_colonne
{
	
	font-size: 12px;
	

}
/* Fin du Main*/


/*  trombinoscope */ 
.trombi { 

display:block;
	margin-right:1px;
	margin-bottom:20px;
font-family:"Arial Narrow"; 
	}
.trombi img { 
float: left;
	border:0;
	padding:0;
	margin-right:1px;
	margin-bottom:10px;
	padding:2px;

	}
.trombi .trombi_nom {

	
	color:#FFFFFF;
	font-size:1em;

	height:37px;
	padding: 10px 30px 3px 5px; 
	margin-bottom:10px;
	
	width:210px;
	}
/*.trombinoscope #article .maire { background:#C30 none repeat scroll 0%; }
.trombinoscope #article .niveau_2 { background:#da8a6f; }
.trombinoscope #article .niveau_3 { background:#e0ae9d none repeat scroll 0%; }*/
.trombi .trombi_desc { 
	margin-left:-10px;
	margin-bottom:10px;
	font-size:1em;
	width:380px;
	font-weight:normal;
	}


.min{
margin-top:35px;
margin-left:15px;
background-color:white;
}

	.fiche { 
		

margin: 0px 15px 0px 15px;
padding-bottom:10px;


		}

	.fiche .nom { 
font-family:"Arial Narrow";

		
		margin:0;
			padding: 3px 0 0px 5px;
		}
			.fiche h3 .nom { 

		border:none;

		font-size:0.7em;
		margin:0;
		padding:0px;
		}
	 .fiche .site { 
		background:url(../gfx/icon_site_web.png) no-repeat top left;
		line-height:20px;
		font-size:10px;
		padding: 0pt 0pt 10pt 25px;
		}
 .fiche  .mail { 
 font-size:10px;
		background:transparent url(../gfx/icon_email.png) no-repeat scroll left top;
		line-height:26px;
		padding:0pt 0pt 10pt 25px;
		}
 .fiche  .n_tel { 
 background:transparent url(../gfx/icon_tel.png) no-repeat scroll left top;

		font-size:0.7em;
			line-height:26px;
		padding:0pt 0pt 10pt 25px;
		}
 .fiche .left {display:inline; width:320px; margin:0px 0; font-size:0.8em;  }
 .fiche .right { 	 width:200px; margin:10px 0; margin-right:0  }
/* Le Mot du Maire*/

blockquote {
  background: transparent url(../gfx/quoleft.png) left top no-repeat;
  width: 450px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  margin-left: 100px;
  font-size:1em;
}
blockquote .quote {
  padding: 0 15px 10px;
  background: transparent url(../gfx/quoright.png) right bottom no-repeat;
}
blockquote   .signature{

padding-top:10px;
   margin-left:280px;
	text-align:right;
	margin-right: 0px;
	font-size:1em;
	font-weight:bold;
}

div#faq {
padding: 10px;
margin-top:15px;
font-size:12px;

	}
div#faq #question {
	line-height:22px;


	border-bottom: 1px dotted #E3EAF2;
	}

div#faq #question a {
text-decoration:underline;
color:#325A8E;
font-weight:bold;
	}

div#faq .reponse  {
padding:8px;
padding-top:5px;
background-color:#E3EAF2;
padding-right:0px;
	}
div#faq .reponse  p{
text-indent:10px;
color:#325A8E;
font-size:11px;
	}
	/*********************************** forms *****************************************/

label { font-weight: bold; }

input, select {
  width:120px;

}

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff url(../gfx/inputBg.gif) top left no-repeat;
  margin-top:2px;

}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}
input.recherche {
 width:20px;
  background:none;
  border:0;
   height:20px;
}
input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

input:hover, textarea:hover, select:hover {
  border:1px solid #888888;
}

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  background:#ffffff url(../gfx/submitBg.png) -20px 0 no-repeat;
  color:#ffffff;
  font-weight:bold;
}

input.submit:hover {
  
  cursor: pointer;
}

textarea {
  width:300px;
  height: 200px;
  font-family:arial;
  font-size:11px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:150px;
}

fieldset {
  background:#e3eaf2;
  padding:2%;
  border:1px solid #e3e3e3;
  margin:0;
  
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
    background:#325A8E;
}


	.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:white;
	 background-color:#00CC00;
}
	
.LV_invalid {
padding:3px;
	 color:white;
	 	 background-color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}


li.puce_normal {
font-family: Arial Narrow;
font-size: 100%;
color: black;
list-style-type: none;
background-image: url(../gfx/envoi_mini.png);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 15px;
}
/* Detail actu & events*/
#post #post_global_detail
{
	
padding:0 30px 0 30px;
	margin-top:5px;
	margin-left:15px;
	padding-bottom:50px;
	
border:none;
min-height: 200px;

}
div#post_global_detail h3.nom1
{
	
background:#E3EAF2;
	color:white;
	padding:5px;
	font-size:14px;

}
div#post_global_detail h3.nom2
{
	
background:#336799;
	color:white;
	padding:5px;
	font-size:14px;

}
div#post_global_detail p
{
	
font-size:12px;
	line-height: 17px;
	text-align: justify;

}
div#post_global_detail #div_img_cont
{

padding:7px;
padding-right:18px;
float:left;
	

}
div#post_global_detail #div_img_cont #div_img_cont_main
{
background: silver;
padding:1px;

}
div#post_global_detail  #div_img_cont #div_img_cont_main img
{
background: white;
padding:5px;

}

/*Demarches*/
#demarches
{
	font-size:12px;
	padding-bottom:50px;
border-bottom: 1px dotted Silver;
}
#demarches .titre-texte {
border-bottom: 1px dotted #336799;
color: #336799;
border-bottom:1px dotted;
	padding:22px -10px 2px 0px;
	margin:8px 0px 16px 0px;
}
#demarches ul {
	font-size:12px;

}

#demarches li
{
	list-style-image: url(../gfx/envoi_mini.png);
padding-right:3px;
padding-bottom:3px;
}

div#demarches a.toto {
	color:pink;
}