/* Adilade Manager Theme --------------------------------------------------------
Name : Annuaire Vosges
Version : 1.0
Revision : 2009-09-05
Author : http://www.adilade.fr
--------------------------------------------------------*/

body {
    margin: 5px auto 5px auto;
    padding: 0;
	font: 78% "Lucida Grande", Geneva, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background: #e8e8d3;
	color: #303030;
	}
/* Links -------------------------------*/
a {  
	color: #004E88;
	text-decoration: underline;
	}	
a:visited {
	color: #614728;
	text-decoration: underline;
	}
a:focus, a:hover {
	color: #303030;
	text-decoration: none;
	}
html>body a.ext {
	background: url(design/link.gif) no-repeat right;
	padding-right: 15px;
	}
a[hreflang]:after {
	content: "\0000a0[" attr(hreflang) "]";
	}
a img {
	border: none;
	}
/* Tags -------------------------------*/				
acronym, abbr { 
    cursor: help;
    border-bottom: dotted 1px #333;
    }
kbd {
	border: 1px solid #ccc;
	padding: 2px;
	background: #E6EAE3;
	}
code, pre {	
	border: 1px solid #ccc; 
	background: #eee; 
	padding: 5px;
	margin-left: 10px;
	font-family: "Courier New", Courier, mono, Fixed, sans-serif;
	overflow: auto;
	text-align: left;
	width: 500px;
	white-space: normal;
	}	
sup, sub {
    line-height: 50%;
    font-size: 80%;
	}
blockquote {
	margin: 10px 15px;
	border: 1px solid #ddd;
	border-left: 5px solid #ddd;
	padding: 5px;
	background: #fff;
	}
q {
	font-style: italic;
	}
q:before {
	content: open-quote;
	}
q:after {
	content: close-quote;
	}
/* Img -------------------------------*/
.imgcenter {	
	display: block;
	margin-left: auto;
	margin-right: auto;
	}	
.imgright {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	}
.imgleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
	}
div#images p {/*longdesc*/
	text-align: center;
	margin: 0 auto;
	padding-top: 1em;
	}
/* H -------------------------------*/
h1 {	
	font-size: 1.4em;
	text-align: center;
	margin: 0 0 10px 0;
	color: #5F4747;
	}
h2 {	
	font-size: 1.2em;
	color: #8C2424;
	clear:both;
	border-bottom: 1px solid #ddd;
	}
h3 {
	border-bottom: 1px solid #ddd;
	font-size: 1.2em;
	color: #474747;
	}
/* Global -------------------------------*/
#global {
	margin: 0 auto;
	text-align:left;
	width: 760px;
	background-color: #ffffff;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	}
/* Accessibility -------------------------------*/
.acc {
	float: right;
	padding-right: 5px;
	padding-left: 110px;
	text-align: right;
	height: 25px;
	line-height: 25px;
	font-size: 0.9em;
	color: #333333;
	/* IE Mac  \*//*/
	width: 35em;
	 /**/
	}
.acc a {
	color: #333333;
	}
/* Header -------------------------------*/
.header {
	margin: 0px auto;
	height: 146px;
	position: relative;
	background: url(design/header.jpg) bottom no-repeat #fff;
	}
/* Menu -------------------------------*/
#menu {
	margin: 0;
	padding: 0;
	height: 30px;
	background: #5A7F31;
	}
#menu ul {
	margin: 0;
	padding: 0;
	height: 30px;
	}
#menu ul li {
	float: left;
	list-style-type: none;
	white-space: nowrap;
	height: 30px;
	}
#menu ul li a {
	float: left;
	padding: 0 10px 0 10px;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	}
#menu ul li a:hover{
	background: #6C533E;
	text-decoration:none;
	}
/* Current page idea from http://www.biblographia.net ------------------------*/
body#vosges a#vosgesnav,
body#directory a#directorynav,
body#cities a#citiesnav,
body#events a#eventsnav,
body#dictionary a#dictionarynav,
body#recipes a#recipesnav,
body#maps a#mapsnav {
	background: #6C533E;
	text-decoration:none;
   }
/* Breadcrumb -------------------------------*/
#crumb p {
    margin-left: 0.5em;
    text-align: left;
    font-size: 0.9em;
    font-weight: bold;
	}
/* Ad 728x90 -------------------------------*/
#adtop {
	clear: both;
	margin: 0 auto;
	text-align: center;
	padding: 5px 0 0 0;
	width: 730px;
	}
/* Textual Ads 468x60 -------------------------------*/
#adcontent {
	margin: 0 auto 5px auto;
	text-align: center;
	height: 70px;
 	clear: both;
	width: 470px;
	padding: 5px 0 5px 0;
	}		
/* Content -------------------------------*/
#content {
	float: left;
	width: 575px;
    padding: 5px;
    margin: 2px;
	}
.both {
	clear: both;
    }
#content ul li {
    display: list-item;
    list-style-type: square;
    text-align: left;
    padding: 0;
    }
#content ol li, #content ul li {
	line-height: 170%;
    }
#content a:hover {
    text-decoration: underline;
    }
#content dl {
 	margin-bottom: 0.5em;
 	margin-left: 5em;
 	text-align: left;
 	}
#content dt {
	font-size: 1em;
	}
#content dd {
	margin-bottom: 1em;
	}
#content dd p {
	margin-top: 0;
	}
#content p {
	line-height: 1.5em;
	}
.textcenter {
	text-align: center!important;
	}
.left {
	float: left;
	}
.right {
	float: right;
	}
.right, .left {
	text-align: left;
	width: 263px;
	padding: 0px 0px 2px 0px;
	margin: 2px 2px 10px 10px;
	}
.desc {
	background: #f1f1f1;
	padding: 5px 5px 5px 5px;
	text-align: justify;
	border: 1px dashed #dedede;
	}
.letters {
	border: 1px solid #dedede;
	padding: 3px;
	margin-top: 5px;
	background: #f1f1f1;
	}
.letters a {
	margin-right: 5px;
	}
hr.clear { /* IE6 */
	display:block;
	height:1px;
	clear:both;
	visibility:hidden;
	} 
/* Pagination -------------------------------*/
div.pagination {
	margin: 1em auto 1em auto;
	text-align: center;
	}
div.pagination a {
    border: 1px solid #ccc;
    margin: 1px;
    padding: 2px 5px 2px 5px;
    background-color: #eee;
    text-decoration: none!important;
	}
div.pagination a:hover, div.pagination a:focus {
	text-align: center;
	background-color: #6C533E;
    border: 1px solid #ccc;
    margin: 1px;
    color: #fff;
    padding: 2px 5px 2px 5px;
	}
div.pagination span.pagecourante {
	text-align: center;
	background-color: #6C533E;
    border: 1px solid #ccc;
    margin: 1px;
    color: #fff;
    padding: 2px 5px 2px 5px;
	}	
div.pagination a.pageprevious, div.pagination a.pagefirst {
	margin-right: 13px;
	color: #fff;
	}	
div.pagination a.pagenext, div.pagination a.pageend {
	margin-left: 13px;
	color: #fff;
	}	
div.pagination a.pageprevious, div.pagination a.pagenext {
	background: #5A7F31;
	}	
div.pagination a.pagefirst, div.pagination a.pageend {
	background: #335533;
	}	
div.pagination a.pageprevious:hover, div.pagination a.pagefirst:hover {
	background-color: #6C533E;
	margin-right: 13px;
	}	
div.pagination a.pagenext:hover, div.pagination a.pageend:hover {
	background-color: #6C533E;
	margin-left: 13px;
	}	
/* 2 colones -------------------------------*/
.float {
	float: left;
	width: 48%;
	margin: 5px 0;
	}
.float ul, li {
	text-align: left!important;
	}
/* Sidebar -------------------------------*/
#sidebar {
    float: right;
    font-size: 0.9em;
    width: 150px;
    padding: 5px;
    padding-top: 9px;
    }
#sidebar a {
    text-decoration: none;
    }
#sidebar ul {	
    margin: 0 0 2em 0;
    padding: 2px;
    border: 1px solid #5A7F31;
    background: #eee;
	}	
#sidebar li {
	font-weight:bold;
    list-style: none;
    text-align: left;
	margin-bottom:4px;
	}
.sidebartitle {
	padding-top: 7px;
    background: url(design/sidebartitle-top.gif) no-repeat left top;
	}
.sidebartitle h2 {
	color: #fff;
	background: #5A7F31;
	padding: 0 0 7px 15px;
	line-height: 10px;
	margin: 0;
	border: none;
	}
#sidebar li.rss {
	border: none;
	background: url(design/feed.gif) no-repeat 1px;
	padding-left: 15px;
	}
#sidebar li.new {
	border: none;
	background: url(design/list-new.gif) no-repeat left;
	padding-left: 15px;
	}
/* Ad sidebar -------------------------------*/
.adsidebar {
	margin: 0 auto;
	text-align: center;
	width: 130px;
	padding: 5px 0 5px 0;
	}
/* Sidebar search -------------------------------*/
.submitmenu {
	padding: 2px;
	margin: 5px;
	border: 1px solid #ccc;
	cursor: pointer;
	}
.searchmenu {
    margin: 0 0 2em 0;
	padding: 0;
	text-align: center;
	background: #eee;
	border: 1px solid #336633;
	}
.searchm {
	padding: 2px 2px 2px 20px;
	margin: 5px;
	border: 1px solid #E6EAE3;
	background: url(design/loupe.gif) no-repeat left #E6EAE3;
	}
.submitmenu, .submitmenu:hover {
    border: 1px solid #ccc;    
	background: #42648B url(design/bg-grey.gif) repeat-x;
	color: #f1f1f1;
    }
.searchm:focus {
	background: url(design/loupe.gif) no-repeat left #fff;
	}
/* Forms -------------------------------*/
.form {
    padding: 10px;
    position: static;
    text-align: left;
	}
.search {
	border: 1px solid #E6EAE3;
	}
.form input, select {
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #ddd;
	background: #eee;
    }
.form label, .form fieldset {
	color: #589719;
	font-weight: bold;
	}
.form legend {
	color: #336633;
	}
.form .radio {
	border: none;
	background: #fff;
	}
.form fieldset {
	border: none;
	}
.form textarea {
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #ddd;
	background: #eee;
    }
.form input:focus, select:focus, textarea:focus {
    border: 1px solid #ddd;    
    background: #fff;
    }
input.formsubmit {
	background: #295389 url(design/bg-blue.gif) repeat-x;
	color: #f1f1f1;
	padding: 2px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #ccc;
	cursor: pointer;
    }
input.formsubmit:hover, input.formsubmit:focus { 
	background: #42648B url(design/bg-grey.gif) repeat-x;
	color: #f1f1f1;
	cursor: pointer;
	border: 1px solid #ddd; 
    }
.classerror {
	border: 1px solid #F4A4AD!important;
	background: #FFCCCC!important;
	color: #474747!important;
	}
/* Content layout old--------------------------------------------------------*/
.rouge {
	color:#B50000;
	font-weight: bold;
	}
.vert {
	color:#2B802B;
	font-weight: bold;
	}
.bleu {
	color:#224B69;
	font-weight: bold;
	}
/* Content layout --------------------------------------------------------*/
.red {
	color:#B50000;
	font-weight: bold;
	}
.green {
	color:#2B802B;
	font-weight: bold;
	}
.blue {
	color:#224B69;
	font-weight: bold;
	}
.u {
	text-decoration: underline;
	}
.centrer {
	text-align: center!important;
	}
.large {
	font-size: 1.2em;
	}
.videoflash {
	text-align: center!important;
	clear: both;
	}
/* Messages manage -------------------------------*/
.error {
	color: #B50000;
	font-weight: bold;
	}
.confirm {
	color: #267C34;
	font-weight: bold;
	}
.message {
	color: #17568E;
	font-weight: bold;
	}
.information, .infoerror, .infook {
	font-size: 1.1em;
	font-weight: bold;
	border: 1px solid #e5df98;
	padding: 10px 10px 10px 33px;
	margin: 3px;
	margin-bottom: 10px;
	}
.information {
	color: #17568E;
	background: url(design/info.gif) no-repeat 5px 10px #f3f0cd;
	}
.infoerror {
	color: #B50000;
	background: url(design/error.gif) no-repeat 5px 10px #f3f0cd;
	}
.infook {
	color: #267C34;
	background: url(design/ok.gif) no-repeat 5px 10px #f3f0cd;
	}
/* Search -------------------------------*/
.searchresult ul li {
	margin-bottom: 1em;
	}
.searchinfo {
	font-weight: bold;
	padding: 10px 10px 10px 33px;
	margin: 3px auto;
	border: 1px solid #ddd;
	margin-bottom: 10px;
	background: url(design/info.gif) no-repeat 5px 7px #eee;
	}
.searchno {
	font-weight: bold;
	padding: 10px 10px 10px 33px;
	margin: 3px auto;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	background: url(design/no.gif) no-repeat 5px 7px #eee;
	}
/* Home -------------------------------*/
#homedirh2 {
	text-align: center;
	border: none;
	}
#term_home {
	clear: both;
	background: url(design/dictionary.jpg) no-repeat left bottom;
	padding-left: 85px;
	border-top: 1px dashed #ccc!important;
	border-top: none;
	border-bottom: 1px dashed #ccc;
	}
#term_home h2 {
	border: none;
	}
#term_home dl {
 	margin-bottom: 0.5em;
 	margin-left: 0;
 	text-align: left;
 	}
#term_home dd {
 	margin-left: 1em;
	}
.listeitem h2 {
	padding: 5px 5px 10px 5px;
	line-height: 3px;
	margin-bottom: 0;
	margin-top: 9px;
	text-align: center;
	color: #fff;
	background: #6C533E;
	border: none;
	}
.listeitem {
	background: #EDEDED;
	margin: 2px 2px 10px 10px;
	background: url(design/h2-home.gif) top no-repeat;
	}
.listeitem ul {
	border-left: 1px solid #6C533E;
	border-right: 1px solid #6C533E;
	border-bottom: 1px solid #6C533E;
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background: #eee;
	}
ul.largelinks {
    list-style-image: url(design/folder.gif);
	font-size: 1.2em;
	}
ul.largelinks li {
	padding-left: 30px;
	text-align: left;
	margin-bottom: 10px;
	}
/* Directory -------------------------------*/
ul.dirlinks {
    list-style-image: url(design/folder.gif);
    margin: 0;
    padding: 2px 2px 2px 15px;
	}
ul.dirlinks li {
    margin-bottom: 15px;
	}
ul.dirlinks span {
	font-size: 1.2em;
	font-weight: bold;
	}
p.dirmeta {
	clear: both;
	text-align: center!important;
	}	    
.links H2, .links H3 {
	padding: 5px 5px 5px 10px;
    margin: 0 0 5px 0;
    background: url(design/h2.gif) no-repeat left 7px;
	}
.linksmeta {
	border-top: 1px dashed #C9C4A1;
	padding: 2px 5px 0px 0px;
    margin: 0;
	}
/* Events -------------------------------*/
.event, .links {
	padding: 5px 5px 5px 5px;
	border: 1px solid #dedede;
	margin-bottom: 13px;
	line-height: 1.35em;
	background: #f1f1f1;
	}
.event H2, .event H3 {
	padding: 5px 5px 5px 10px;
    margin: 0 0 5px 0;
    background: url(design/event-h2.gif) no-repeat left 7px;
	}
.eventmeta {
	font-style: italic;
    background: url(design/calendar.gif) no-repeat left top;
    padding: 0 0 0 20px;
	}
.eventinfo {
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #e5df98;
	padding: 10px 10px 10px 33px;
	margin: 3px auto;
	width: 75%;
	margin-bottom: 10px;
	color: #B50000;
	background: url(design/info.gif) no-repeat 5px 7px #f3f0cd;
	}
.event_cancel {
	font-weight: bold;
	text-transform: uppercase;
	text-align: center!important;
	border: 1px solid #CC0000;
	padding: 5px 5px 2px 5px;
	margin: 3px auto;
	width: 50%;
	color: #B50000;
	background: #F7DFD3;
	}
.event_img {
	float: right;
	margin-left: 10px;
	margin-bottom: 5px;
	border: 1px solid #ddd;
	padding: 5px;
	background: #fff;
	}
a.tickets {
	background: #eee url(design/shop.gif) no-repeat 5px;
	border: 1px solid #ddd;
	color: #B50000;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 2.5em!important;
	padding: 5px 7px 5px 25px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	}
/* Recipes -------------------------------*/
.recipe {
	padding: 5px 5px 5px 5px;
	border: 1px solid #dedede;
	background: #f1f1f1;
	margin-bottom: 5px;
	line-height: 1.35em;
	}
.recipe H2 {
	padding: 5px 5px 5px 30px;
	clear: left;
    margin: 0 0 5px 0;
	}
.recipe_ingr {
    background: url(design/recipe-ingr.gif) no-repeat left;
    }
.recipe_prepa {
    background: url(design/recipe-prepa.gif) no-repeat left;
    }
.recipe_info {
    background: url(design/recipe-info.gif) no-repeat left;
    }
.recipe_meta {
	text-align: center;
	}
.recipe_img {
	float: right;
	margin-left: 10px;
	border: 1px solid #ccc;
    padding: 5px;
    background: #fff;
	}
/* Cities -------------------------------*/	
a.rss-link { /* Icone rss link */
	border: none;
	background: url(design/feed.gif) no-repeat 1px;
	padding-left: 15px;
	}
/* Dictionary -------------------------------*/	
#dictionary dt {
	font-weight: bold;
	}
/* RSS -------------------------------*/
.rssinfo {
	font-weight: bold;
	padding: 10px 10px 10px 33px;
	margin: 3px auto;
	margin-bottom: 10px;
	background: url(design/info.gif) no-repeat 5px 7px #fff;
	}
.alcoolinfo {
	clear: both;
	font-size: 0.9em;
	font-weight: bold;
	border: 1px solid #e5df98;
	padding: 10px 10px 10px 33px;
	margin: 3px auto;
	width: 90%;
	margin-bottom: 10px;
	color: #B50000;
	background: url(design/info-warning.gif) no-repeat 5px 7px #f3f0cd;
	}
/* Footer -------------------------------*/
#footer {
	text-align: center;
	font-size: 0.9em;
	padding: 5px;
	clear:both;
	border-top: 2px solid #8E8F8B;
	border-bottom: 2px solid #fff;
	background: #eee;
	}	
#footer p {
	margin: 0;
	padding: 0;
	}
#xiti-logo {
	margin-top: 5px;
	}
#xiti-logo object {
	width: 80px;
	height: 15px;
	border: none;
	}