/**
  Feuille de style Ville d'Imphy
  -> Agence iti (http://www.iti-conseil.com)
**/
@import url("dropdown.css");
@import url("lightbox.css");

.spacer {
	clear:both;
}
.centrer {
	text-align:center;
}
.droite {
	text-align:right;
}
.left {
	float:left;
}
.right {
	float:right;
}
a.lien_s {
	color:#FFFFFF;
	text-decoration:underline;
}
a.lien_s:hover {
	text-decoration:none;
}
a.lien_b {
	color:#8dd8f8;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}
a.lien_b:hover {
	text-decoration:underline;
}
a.lien_j {
	color:#fcb814;
	text-decoration:none;
}
a.lien_j:hover {
	text-decoration:underline;
}

body {
	margin:0;
	padding:0;
	background:#faa635 url(../images/fond_total.gif) no-repeat top left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
}
p, div, ul, li, h1, h2, h3, form {
	margin:0;
	padding:0;
}

img {
	border:0 ;
}

h2 {
	font-size:16px ;
}

h3 {
	font-size:14px ;
}

h4 {
	font-size:12px ;
	margin:4px 0 ;
}

/**
  Menu d'en haut
**/
#smenu {
	position:absolute;
	top:0;
	left:0;
	margin:0 0 0 54px;
	width:762px;
	height:70px;
	background:#b11116;
	border-right:#fff 1px solid;
	overflow:hidden;
}
#smenu a {
	float:right;
	display:block;
	height:15px;
	background:#b11116;
	margin:50px 0 0 0;
	padding:2px 0;
	border-left:#fff 1px solid;
	border-top:#fff 1px solid;
	font-weight:normal;
	color:#FFFFFF;
	text-align:center;
	text-decoration:none;
}
#smenu a:hover {
	background:#941317;
}
#smenu a.btn_acces {
	width:96px;
}
#smenu a.btn_questions {
	width:81px;
}
#smenu a.btn_contact {
	width:77px;
}
#smenu a.btn_visite {
	width:110px;
}

/**
  Tetière
**/
#tetiere {
	position:absolute;
	top:71px;
	width:762px;
	height:97px;
	margin:0 0 0 54px;
	border-right:#fff 1px solid;
	z-index:0;
}
#tetiere .logo {
	display:block ;
	float:left;
	width:179px;
	height:73px;
	padding:24px 0 0 0;
	text-align:center;
	border-right:#fff 1px solid;
	color:#FFF ;
	text-decoration:none ;
}
#tetiere .logo h1.titre {
	font-size:24px;
	font-weight:bold;
}
#tetiere .logo h2.stitre {
	font-size:14px;
	font-weight:normal;
}
#tetiere .btn_commune, #tetiere .btn_administration, #tetiere .btn_urbanisme, #tetiere .btn_enfance, #tetiere .btn_loisirs, #tetiere .btn_loire {
	display:block;
	float:left;
	height:27px;
	padding-top:70px;
	background-position:auto 0;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
}
#tetiere .btn_commune:hover, #tetiere .btn_administration:hover, #tetiere .btn_urbanisme:hover, #tetiere .btn_enfance:hover, #tetiere .btn_loisirs:hover, #tetiere .btn_loire:hover {
	background-position:0 -97px;
}
#tetiere .btn_commune {
	width:87px;
	border-right:#fff 1px solid;
	background:url(../images/btn-commune.gif);
}
#tetiere .btn_administration {
	width:126px;
	border-right:#fff 1px solid;
	background:url(../images/btn-administration.gif);
}
#tetiere .btn_urbanisme {
	width:96px;
	border-right:#fff 1px solid;
	background:url(../images/btn-urbanisme.gif);
}
#tetiere .btn_enfance {
	width:81px;
	border-right:#fff 1px solid;
	background:url(../images/btn-enfance.gif);
}
#tetiere .btn_loisirs {
	width:77px;
	border-right:#fff 1px solid;
	background:url(../images/btn-loisirs.gif);
}
#tetiere .btn_loire {
	width:110px;
	background:url(../images/btn-loire.gif);
}

/**
  Contenu général
**/
#page {
	position:absolute;
	top:169px;
	left:54px;
	width:762px;
	background:#b11116;
	border-right:#fff 1px solid;
	border-bottom:#fff 1px solid;
}

/**
  pied de page
**/
#page .pied {
	background:#ed1c24;
	font-size:10px;
	padding:2px 0;
	margin:20px 0 4px 0;
}
#page .pied .p_gauche {
	float:left;
	width:300px;
	padding:0 0 0 20px;
}
#page .pied .p_droite {
	float:right;
	width:300px;
	padding:0 20px 0 0;
	text-align:right;
}
#page .pied .p_droite a {
	color:#fff;
	text-decoration:underline;
}
#page .pied .p_droite a:hover {
	text-decoration:none;
}

/**
  Colonne de gauche
**/
#page .col_g {
	float:left;
	width:135px;
	padding:20px 0 0 20px; 
}
#page .col_g a.menu {
	display:block;
	width:125px;
	height:19px;
	border-bottom:#fff 1px solid;
	padding:3px 0 0 10px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	background:url(../images/mnu_puce.gif) no-repeat left;
}
#page .col_g a.menu:hover {
	text-decoration:underline;
}
#page .newsletter {
	background:#ed1c24;
	border:#fff 1px solid;
	padding:5px;
	margin:15px 0 0 0;
}
#page .newsletter .nl {
	width:123px;
	height:16px;
	background:url(../images/t-lettre-info.gif) no-repeat top left;
	margin:0 0 5px 0;
}
#page .newsletter .nl span {
	display:none;
}
#page .newsletter .champ {
	width:117px;
	background:#fff 1px solid;
	border:#666666 1px solid;
	font-size:9px;
	color:#666666;
	margin:5px 0;
	padding:2px 3px;
}

/**
  Contenu
**/
#page .contenu {
	float:right;
	width:568px;
	padding:5px 20px 0 0; 
}
#page .chemin {
	font-size:10px;
	margin:0 0 5px 0;
}
#page .chemin a {
	color:#FFFFFF;
	text-decoration:none;
}
#page .chemin a:hover {
	text-decoration:underline;
}
#page .contenu .mot {	
	float:right;
	width:135px;
	margin:0 0 0 20px; 
}
#page .contenu .mot .img_mot {
	margin:0 0 10px 0;
}
#page .contenu .mot .maire {
	float:left;
	border:#fff 1px solid;
	margin:0 5px 0 0;
}
#page .contenu .centre {	
	float:left;
	width:413px;
	margin:0 0 0 0; 
}
#page .contenu .bloc {
	width:167px;
	height:189px;
	margin:20px 0 0 0;
	padding:10px 20px 10px 10px;
	background:url(../images/fd-bloc.gif) no-repeat top left;
	font-size:10px;
	overflow:hidden;
}
#page .contenu .bloc .img_ev {
	margin:5px 0;
	border:0;
}
#page .contenu .bloc .actu {
	padding:5px 0;
}

/**
  Actualités
**/

.bloc_ligne {
	background:url('../images/point.gif') 390px 0 repeat-y ;
	margin-top:15px ;
}

.bloc_c_gauche {
	float:left;
	width:380px;
	
}
.bloc_c_droite {
	float:right;
	width:168px;
	
}

.bloc_c_gauche h2, .bloc_c_droite h2 {
	font-size:16px ;
}

.a_titre {
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
}
.a_date {
	color:#fdb813;
	font-size:12px;
	font-weight:bold;
	font-style:italic;
	margin:0 0 5px 0;
}
.a_texte {
	text-align:justify;
}
.a_img {
	float:left;
	margin:0 5px 0 0;
	border:#fff 1px solid;
}
.separateur {
	border-bottom:#fdb813 1px dotted;
	padding:10px 0 0 0;
	margin:0 auto 10px auto;
	width:80%;
}
.imgcol {
	border:1px solid #FFF ;
	margin:15px auto 0 auto ;
}
.imgborder {
	border:1px solid #FFF ;
	margin:0 auto ;
}

.bloc_ligne .bloc_c_gauche h2, .bloc_ligne  .bloc_c_droite h2 , .bloc_ligne .imgcol {
	margin-top:0 ;
}

.bloc_ligne .bloc_c_droite {
	margin:0 ;
	padding:0 ;
	margin-right:-5px ;
	_margin-right:-3px ;
}

div.hr {
	clear:both ;
	background:url('../images/point.gif') 0 15px repeat-x ;
	padding-top:15px ;
	height:1px ;
}

a, a.rev:hover {
	color:#FFF ;
	text-decoration:underline ;
}

a:hover, a.rev {
	text-decoration:none ;
}

.bloc_c_droite h3 {
	font-size:14px ;
	font-weight:bold ;
	margin:0 ;
	padding:0 ;
}

.bloc_c_droite ul, .bloc_c_gauche ul, .contenu ul {
	margin:5px 0 5px 15px ;
}

form.form_nl {
	
}

form.form_nl input.chp {
	font-size:9px ;
	border:1px solid #000 ;
}

form.form_nl input.btn {
	font-size:9px ;
	background:#b11116 ;
	border:0 ;
	font-weight:bold ;
	cursor:pointer ;
	text-transform:uppercase ;
	color:#FFF ;
}

div.bloc_artisan {
	width:42% ; 
	float:left ;
	border-right:1px dashed #fdb813 ;
	min-height:110px ;
	height:auto ;
	_height:110px ;
	margin:10px 10px 10px 10px ;
	background:#9e1519 ;
	padding:10px ;
}

div.ba_bis {
	background:#ed1c24 ;
}

div.bloc_artisan h3 {
	color:#fdb813 ;
}

div.visite_virtuelle {
	margin:0 auto ;
	text-align:center ;
}

div.visite_virtuelle a {
	margin:10px auto ;
	display:block ;
	width:120px ;
	border:1px solid #FFF ;
	padding:2px 5px ;
	text-decoration:none ;
}

div.visite_virtuelle a:hover {
	background:#941317 ;
}

#xiti {
	margin:0 ;
	text-align:center ;
}