@charset "utf-8";
/* CSS Document */

/* PNG FIX */
.illustr_voiture, #actuellement .item {
	behavior: url(iepngfix/iepngfix.htc);
}

html > body #main {
	/*min-height:800px;*/
	/*height:100%;*/
}


body {
	background-color: #E5DCD1;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Gill Sans','Gill Sans MT';
	font-size:12.5px;
	font-weight:normal;
	color:#000000;
	height: 100%;
}

#main{
 	margin:0;
	padding: 5px;
	width: 960px;
	text-align: left;
	/*background-color:#000000;*/
	height:auto;
	/*overflow:auto;*/
}

#colonne1{
	float:left;
	height:auto;
 	margin: 0;
	/*padding: 5px 5px 5px 5px;*/
	padding: 5px 5px 5px 5px;
	width: 190px;
	text-align: left;
	background-color:#FFFFFF;
	display:block;
	/*background-image:url('images/degrade_bas_colonne1.jpg');
	background-repeat:no-repeat;
	background-position:bottom;*/
}

#colonne2{
	float:left;
	height:auto;
 	margin: 0px 0px 0px -5px;
	/*padding: 5px 5px 5px 0px;*/
	padding: 5px 5px 5px 5px;
	width: 755px;
	text-align: left;
	background-color:#FFFFFF;
}

#logo {
	height:260px;/*220*/
 	margin: 0;
	padding: 0px;
	width: 190px;
	text-align: left;
	background-color:#D3145A;
/*	background-image:url('images/logo_ot_mirecourt.jpg');
	background-repeat:no-repeat;*/
}

/* Menu */

#menu{
	/*height:360px;*/
	width: 190px;
	text-align: left;
	background-color:#D4145A;
	list-style:none;
	padding:0;
	margin:0;
	text-decoration:none;
	/*overflow:hidden;*/
}

ul{
	list-style:none;
	padding:0px;
	margin:0px;
	/*margin:5px 0px 5px 0px;*/
}

#ul_menu{
	width: 190px;
	text-align: left;
	background-color:#D4145A;
	list-style:none;
	padding:0px;
	margin:0px;
	text-decoration:none;
}


#ul_menu .fond_open{
	/*border-top:1px dashed #FFFFFF;*/
	background-color:#BE1251;
	width:190px;
	overflow: hidden;
	/*display: block;*/
	text-decoration:none;
	margin:0;
	padding:0;
	clear:both;
}

#ul_menu .li2{
	line-height:15px;
	padding:2px 0px 2px 10px;
	font-family: 'Gill Sans','Gill Sans MT';
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	/*letter-spacing:-0.5px;*/
	text-decoration:none;
}

#ul_menu .li2 a{
	line-height:15px;
	padding:2px 0px 2px 10px;
	font-family: 'Gill Sans','Gill Sans MT';
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	text-decoration:none;
	padding:5px;
}

#ul_menu .li2 a:hover{
	line-height:15px;
	/*padding:2px 0px 2px 10px;*/
	padding:2px 5px 2px 5px;
	margin:0;
	background-color:#850d39;
	color:#FFFFFF;
	text-decoration:none;
}

#ul_menu .li2_selected{
	line-height:15px;
	padding:2px 0px 2px 10px;
	margin:2px 0px 2px 10px;
	font-family: 'Gill Sans','Gill Sans MT';
	font-size:12px;
	font-weight:normal;
	background-color:#850d39;
	color:#FFFFFF;
	text-decoration:none;
}

.li_ie{
	line-height:8px;
	padding:0;
	margin:0;
}

/* Elements / blocs */

.langue_fr {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: 0px -32px;
	cursor:pointer;
}

.langue_fr:hover, .langue_fr_selected {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	cursor:pointer;
}

.langue_de {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: -31px -32px;
	cursor:pointer;
}

.langue_de:hover, .langue_de_selected {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: -31px 0px;
	cursor:pointer;
}

.langue_uk {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: -62px -32px;
	cursor:pointer;
}

.langue_uk:hover, .langue_uk_selected {
	display: block;
	float: left;
	width: 31px;
	height: 32px;
	background-color: transparent;
	background-image: url("images/picto_langue.jpg");
	background-repeat: no-repeat;
	background-position: -62px 0px;
	cursor:pointer;
}



#colonne2_1 {
	width:495px;
	float:left;
	margin:0;
	padding:0;
}

#colonne2_2 {
	width:255px;
	float:left;
	margin:0;
	padding:0;
}

#colonne2_full {
	width:750px;
	float:left;
	margin:0;
	padding:0;
}



#actuellement {
	background-color:#FBB03B;
	width:495px;
	/*height:270px;*/
	margin:5px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	/*clear:both;*/
	float:left;
	/*overflow:auto;*/
	background-image:url(images/fond_actuellement.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	text-decoration:none;
}

#actuellement .titrage{
	width:485px;
	height:38px;
	margin:0px 0px 0px 10px;
	background-image:url(images/titre_actuellement.png);
	background-repeat:no-repeat;
	float: left;

}

#actuellement .item{
	float: left;
	width:485px;
	height:100px;
	margin-top:5px;
	background-image:url(images/fond_item_actuellement.png);
	background-repeat:repeat-y;
	cursor:pointer;
}

#actuellement .fleche{
	float:left;
	width:33px;
	height:70px;
	background-image:url(images/fleche_item_event.png);
	background-repeat:no-repeat;
}

#actuellement .texte{
	float:left;
	width:330px;
	height:60px;
	margin:0px 0px 0px 5px;
	padding:5px 0px 5px 0px;
	text-decoration:none;
}

#actuellement .texte2{
	float:left;
	width:435px;
	margin:0px 0px 0px 25px;
	padding:5px;
	
}


/*#actuellement .photo img{
	width:100%;
	overflow: hidden;
}
*/
#actuellement_autres {
	background-color:#FBB03B;
	width:255px;
	/*height:335px;*/
	margin:5px 0px 0px 5px;
	padding:0px 0px 15px 0px;
	/*clear:both;*/
	float:left;
	/*overflow:auto;*/
	/*background-image:url(images/fond_actuellement.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
}

#div_article {
	width:495px;
	height:auto;
	/*min-height:450px;*/
	margin:5px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	/*clear:both;*/
	float:left;
	/*overflow:auto;*/
	background-repeat:no-repeat;
	background-position:top right;
}

#div_article a{
	text-decoration:none;
	font-weight:normal;
	padding:1px 2px 1px 2px;
}


#div_article_autres {
	width:255px;
	/*height:335px;*/
	margin:5px 0px 0px 5px;
	padding:0px 0px 15px 0px;
	/*clear:both;*/
	float:left;
	/*overflow:auto;*/
	/*background-image:url(images/fond_actuellement.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
}

#id_balades {
	background-color:#BBA2CE;
	width:255px;
	height:445px;
	margin:5px 0px 0px 5px;
	float:left;
	background-image:url(images/fond_id_balades.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#id_balades img {
	 border:0;
}

#id_balades .titrage{
	margin:0px 0px 10px 0px;
	width:255px;
	height:38px;
	background-image:url(images/titre_id_balades.png);
	background-repeat:no-repeat;
}

.illustr_voiture{
	float:left;
	width:195px;
	height:150px;
	background-image:url(images/venir-a-mirecourt.png);
	background-repeat:no-repeat;
	display:block;
	z-index:1000;
}

.illustr_voiture_bak{
	float:left;
	width:144px;
	height:129px;
	background-image:url(images/illustr_voiture.png);
	background-repeat:no-repeat;
	display:block;
}

#footer_degrade{
	/*float:left;*/
	clear:both;
	width:940px;
	height:30px;
	padding:0px 5px 0px 5px;
	margin-top:5px;
	/*background-image:url(images/fond_degrade_footer.jpg);*/
	/*background-repeat:repeat-x;*/
}

.download{
	float:left;
	width:100%;
	height:34px;
	background-image:url(images/telecharger_icon.png);
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
}

.boutonON{
	width:16px;
	height:16px;
	background-image:url(images/plus.png);
	background-repeat:no-repeat;
	border:none;
	background-color: transparent;
	margin:0px 0px 0px 5px;
	cursor:pointer;
}

.boutonOFF{
	width:16px;
	height:16px;
	background-image:url(images/moins.png);
	background-repeat:no-repeat;
	border:none;
	background-color: transparent;
	margin:0px 0px 0px 5px;
	cursor:pointer;
}

.boutonAgenda{
	width:167px;
	height:19px;
	background-image:url(images/bouton_agenda.png);
	background-repeat:no-repeat;
	background-position:right 0;
	border:none;
	background-color: transparent;
	cursor:pointer;
	margin:5px 5px 0px 0px;
	display:inline;
	float:left;
}

.boutonAgenda:hover{
	width:167px;
	height:19px;
	background-image:url(images/bouton_agenda.png);
	background-repeat:no-repeat;
	background-position:right -19px;
	border:none;
	background-color: transparent;
	cursor:pointer;
	margin:5px 5px 0px 0px;
}

.boutonAgenda2011{
	width:167px;
	height:19px;
	background-image:url(images/bouton_agenda_2011.png);
	background-repeat:no-repeat;
	background-position:right 0;
	border:none;
	background-color: transparent;
	cursor:pointer;
	margin:5px 5px 0px 0px;
	display:inline;
	float:left;
}

.boutonAgenda2011:hover{
	width:167px;
	height:19px;
	background-image:url(images/bouton_agenda_2011.png);
	background-repeat:no-repeat;
	background-position:right -19px;
	border:none;
	background-color: transparent;
	cursor:pointer;
	margin:5px 5px 0px 0px;
}

/*Input et formulaires*/

#contact input[type="text"]{
	/*color:#FFFFFF;*/
	background:transparent url(images/inpput_texte.png) no-repeat scroll 0 0;
	border: 2px none;
	padding:0px 0px 0px 10px;
}

#contact input[type="text"]:hover {
	background:transparent url(images/inpput_texte_hover.png) no-repeat scroll 0 0;
}

#contact input[type="text"]:focus {
	background:transparent url(images/inpput_texte_focus.png) no-repeat scroll 0 0;
}