/* images url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/ */
html {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-align: center;
	background-color: #D3D60B;
	font-size: 10pt;
    color:#663333;
}
div#conteneur {
	position: relative;
	margin: 2em auto;
	width: 672px;
	text-align: center;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/container-bg.jpg) repeat-y 0 center;
}
.wrapper{padding:1em;}
.small {width:80px;}
.medium {width:160px;}
.large {width:210px;}
a img{border-width:0;}
a:link,
a:visited {
	text-decoration: none;
	color: #AD2C4B;
}
a:hover{
	text-decoration: underline;
	color: #000;
}
.erreur {color: red;}
.success {color: green;}

div#header,
div#boite,
div#footer,
div#mentions {
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
}
div#header{
    position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 672px;
	height: 189px;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/banner.jpg) repeat-y 0 center;
}
div#header div.wrapper{
    padding: 4px 0 0 4px;
}
div#header h2 {
    position:absolute;
    display:block;
    top:4px;
    right:4px;
    bottom:auto;
    left:auto;
    width: 155px;
    height:155px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
div#header h2 a:link,
div#header h2 a:visited,
div#header h2 a:hover{
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 152px;
    height: 152px;
    text-decoration:none;
}
div#header h2 a span {display:none;}
a#mail_to{
    position:absolute;
    display:block;
    top:auto;
    right:0;
    bottom:0;
    left:0;
    width: 672px;
    height:30px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-decoration:none;
}

/*LISTE_LANGUE*/
div#header ul#liste_langue {
	position: absolute;
	top: 8px;
	right: 170px;
	bottom: auto;
	left: auto;
	display: block;
	height: 11px;
	width: auto;
	margin: 0 0 0 0;
	padding: 0;
}
ul#liste_langue li {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 0;
	width: 16px;
	height: 11px;
	line-height: 11px;
}
ul#liste_langue li a:link,
ul#liste_langue li a:visited,
ul#liste_langue li a:hover {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	width: 16px;
	height: 11px;
	text-decoration: none;
}
ul#liste_langue li a span {display:none;}

div#boite {
	position: relative;
	margin: 0 0;
	padding: 0 4px;
	text-align: left;
}

div#contents, div#menu{
	float: right;
}
div#contents{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 509px;
}
/*MENU*/
div#menu{
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 155px;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/menu-bg.jpg) no-repeat 0 0;
}
#menu ul {
	display: block;
	margin: 0 0 480px 0;
	padding: 0 0 0 0;
	list-style-type: none;
	font-size: 0.8em;
	background: #e0df73 url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/menu-bg.jpg) no-repeat -155px 0;
}
#menu ul li {
	display: block;
	margin: 0;
	padding: 1em 1em 1em 0.5em;
	width: auto;
    background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/hdots.gif) repeat-x 0 bottom;
}
#menu a:link,
#menu a:visited,
#menu a:hover {
	display: block;
	margin: 0 0 0 0;
	padding: 0 0 0 16px;
    font-size:1.05em;
    background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/puce.jpg) no-repeat 0 center;
}
#menu li a:link,
#menu li a:visited {
	text-decoration: none;
	color: #663333;
	line-height: 1.2em;
}

#menu li a:hover {
	color: #333;
}

a#resto,
a#bourgogne{
	display: block;
	position: absolute;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 140px;
	text-decoration: none;
	background-image:none !important;
}
a#resto{
	top:455px;
	right:auto;
	bottom:auto;
	left:0;
	height:106px;
	}
a#bourgogne{
	top:584px;
	right:auto;
	bottom:auto;
	left:0;
	height:81px;
}
a#resto span,
a#bourgogne span {
	display:none;
}
#menu #menu_bottom {
	overflow:hidden;
	height:18px;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/menu_bottom.jpg) no-repeat 0 0;
}
div.article_title {
	padding: 0 5px;
	margin: 0 0 0 1px;
    background: #D5D694 url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/title-bg.jpg) repeat-x 0 bottom;
}
div.article_title h2 {
    margin: 0 0 0 0;
    padding: 0.5em 0 0.5em 18px;
    font-weight: normal;
    font-style: oblique;
    background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/puce_title.jpg) no-repeat 0 center;
}
div#contents div.article {
	padding: 0 0 0 0;
	margin: 0 0 0 1px;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/article_end.jpg) no-repeat center bottom;
    text-align:left;
}


/*FOOTER*/
div#footer {
    margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 80px;
	clear: both;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/footer-bg.jpg) no-repeat 0 0;
}
#copy{text-align:right;padding: 1em;}
#copy a{padding: 18px 0;line-height:22px;}
#copy a:link.mentions,
#copy a:visited.mentions,
#copy a:hover.mentions {
	font: normal 8pt 'Arial Narrow',sans-serif;
}

#copy a:link,
#copy a:visited,
#copy a:hover{
	font: normal 8pt 'Arial Narrow',sans-serif;
}

#copy a.rss {
	padding-left: 18px;
	background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/ico-rss.gif) no-repeat 0 center}

/*FORMULAIRE CONTACT*/
div.formulaire input.inputs{
    border: 1px solid #ddd;
    background-color:#fff;
    width: 150px;
}
div.formulaire textarea.inputs{
    border: 1px solid #ddd;
    background-color:#fff;
    width: 465px;
}
div.formulaire input#adresse{width: 465px;}

/*TABLO TARIFS*/
/*static*/
table.tarifs{
    width:98%;
}
table.tarifs tr {background: url(http://www.exemples.com/sites/www.logis-bourgogne.exemples.com/images/hdots.gif) repeat-x 0 bottom;}
table.tarifs tr td{vertical-align:top;}

/*dynamic*/
.tablo {
	margin: 30px auto;
	text-align: left;
	background: #fff;
}
.tablo td {font-size: 0.8em;}

.tablo tr td {
	padding: 2px;
	font-size: 0.8em;
	vertical-align: middle;
}

td.titre_tarif {
	font-weight: bold;
	text-align: left;
	font-size: 1em;
	color: #000;
}
.tablo tr.libelle td{
	color: #000;
	background: #e2e2e7;
	text-align:center;
}
.tablo tr.details_tarifs td{
	color: #333669;
	background: #ebebf0;
}

td.libelle {font-weight: bold;}

/*GALERIE*/
div#gallery{
	margin: 1em 0 0 0;
	padding: 0;
	width: auto;
	height: 100%;
	background: #fefefe;
	border: 1px solid #eee;
}
#gallery h3 {
	margin-top: 0;
	margin-left: -0.9em;
	margin-right: -1em;
	padding-left: 0.2em;
	color: #555;
	text-decoration: underline;
}
div.box_thumb{
	position: relative;
	float:left;
	margin: 0 0.5em 1em 0.5em;
	padding: 0 0 0 0;
	width: 120px;
	min-height: 150px;
	border: 1px dotted #555;
	background: #fff;
}
div.image_thumb{
	margin: 0 auto;
	padding: 15px 0 0 0;
	width: 100px;
	height: 100px;
}
div.image_thumb img {border-width: 0;}
div.thumb_text{
	margin: 0 auto;
	padding: 0.3em;
	width: auto;
	text-align: center;
	font-size: 0.8em;
	line-height: 0.9em;
}
span.titre_thumb{
	font-size: 0.8em;
}