﻿	/*
	* rb_style.css
	*
	* CSS File for cognac-roland-bru.com
	*
	*/


/* Global */
body {background: #333 url("../imgs/bg.gif") repeat; margin: 0; padding: 0; font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #d9c9b8;}
a {color: #BF9E7C; text-decoration: none;}
a:link {color: #BF9E7C;}
a:visited {color: #BF9E7C;}
a:active {color: #BF9E7C;}
a:hover {color: #BF9E7C;}

/* Ban */
#mainTop {width: 100%; margin: 0; padding: 0; padding-top: 3px; background: #111;}
#centerTop {width: 754px; height: 80px; background: #000; margin: auto; padding: 0; border-left: 1px solid #780E2A; border-right: 1px solid #780E2A; border-top: 1px solid #780E2A;}
#logo {float: left; width: 188px; height: 80px; margin: 0; padding: 0;}
#advertising {float: right; width: 566px; height: 80px; margin: 0; padding: 0;}

/* Nav */
#backBan {width: 100%; background: #4c0518; padding: 0; overflow: hidden;}
#nav {margin: auto; width: 754px; padding: 0; background: #5b061d; border-left: 1px solid #780E2A; border-right: 1px solid #780E2A; clear: both;}

/* Main */
#main, #breadcrumb {width: 756px; margin: auto; padding: 0; background: #0c0c0c;}
#main div.column {text-align: left; margin-bottom: 1em;}
#main p {margin: 0 0 1em 0; font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #d9c9b8;}
#main p.last {margin: 0;}
#main p.intro {font-weight: bold;}
#main .lite {color: #79767c;}
#main h1 {font-size: 15px; margin: 0 0 1.4em 0;}
#main h2 {font-size: 12px; margin: 0 0 .7em 0;}
#main h3 {font-size: 11px; margin: 0 0 0em 0;}
#main h4 {font-size: 10px x-small; margin: 0 0 .2em 0;}
#main .more {text-align: right;}
#main img {border: none;}

/* Footer */
#footer {width: 752px; height: 42px; padding: 2px; background: #191919; margin: auto; margin-bottom: 3px; text-align: left; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #7f7f7f; text-decoration: none;}
#footer a, #footer a:link, #footer a:visited, #footer a:active {color: #7f7f7f; text-decoration: none;}
#footer a:hover {color: #989898;}


/* */
#contact {color: #992b08;} 
	
#left {float: left; width: 189px; height: 336px; margin: 0; padding: 0; margin-bottom: 63px; overflow: hidden;}
#right {float: right; width: 189px; overflow: hidden;}

#center {float: left; width: 567px; margin-top: 63px; padding: 0; margin-left: 94px; overflow: hidden; background: #0c0c0c;}

#subcolumn1-3 {float: right; width: 567px; margin-bottom: 42px; padding: 0; background: #262626 url("../imgs/etoile-des-mers.gif") no-repeat;}

div.clearer {clear: both; display: block; margin: auto; padding: 0; height: 0;}

.content {padding: 42px 42px 42px 42px;}
.content p {font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 125%; text-align: justify;}
.content blockquote {line-height: 150%;}
.content li {line-height: 120%;}
.content h1 {color: #8C8C8C; text-align: left; font-weight: bold;}
.content h2 {color: #8C8C8C; text-align: left; font-weight: bold;}
.content h3 {color: #8C8C8C; text-align: left; font-weight: bold; text-transform: uppercase;}
.content h4 {color: #8C8C8C; text-align: left; font-weight: bold; text-transform: capitalize;}


#notes{font-size: 9px; line-height: 110%; text-align: justify; color: #777; margin-bottom: 14px;}


#corps p {margin-bottom: 10px;}
#corps img {margin-right: 10px;}

#suite p.extended a {font-size: 10px; color: #65372e; background: url("../imgs/arrow_continue.gif") no-repeat 0; padding-left: 10px;}

.content p.posted {color: #999; font-size: 9px x-small; border-top: 1px solid #ddd; line-height: normal; padding: 2px;}
.content p.posted a {color: #5c652e;}
.content p.posted a:hover {border-bottom: 1px solid #bbb;}

#object {width: 189px;}

#sidebar {clear: both; width: 187px; font: 10px;}
#sidebar h2 {font-size: 10px;}
#sidebar h3 {font-size: 10px;}
#sidebar h4 {font-size: 10px;}

ul {list-style: square; margin-left: 40px; padding: 0 0 1em 0; text-align: left; color: #d9c9b8;}
ul.square {list-style: square outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ul.circle {list-style: circle outside; margin: 0 0 0 16px; padding: 0 0 1em 0;}
ol {list-style: decimal; margin: 0 0 0 2.8em; padding: 0 0 1em 0;}
li {padding-bottom: .3em;}
ul ul.circle {margin-top: .3em;}
ul ul.square {margin-top: .3em;}

ol.last {padding: 0;}
ul.last {padding: 0;}

#main .box {border: 1px solid #ddd; padding: 0 5px 5px 5px; margin: 5px 0 5px 0;}
#content .box h4 {padding: 4px; background: #262626; margin: 0 -5px 5px -5px; font-size: 10px;}
#sidebar .box h4 {padding: 4px; background: #262626; margin: 0 -5px 5px -5px; font-size: 10px;}

#calendar {line-height: 140%; color: #666666; font-size: x-small; padding: 2px; text-align: center; margin-bottom: 30px;}
#calendar table {padding: 2px; border-collapse: collapse; border: 0px; width: 100%;}
#calendar caption {color: #1a1a1a1a1a1a; font-size: x-small; border-bottom: 1px solid #1a1a1a; text-align: left; font-weight: bold; text-transform: uppercase; padding: 3px; letter-spacing: .3em;}
#calendar th {text-align: center; font-weight: normal;}
#calendar td {text-align: center;}

.link-note {background: url("../imgs/tick.png") no-repeat 0; padding-left: 13px;}
.link-note a, .link-note a:link, .link-note a:visited, .link-note a:active {color: #445566;}
.link-note a:hover {border-bottom: 1px solid #aaa;}

.photo {text-align: left; margin-bottom: 20px;}
#powered {font-size: x-small; line-height: 150%; text-align: left; color: #666; margin-top: 50px;}
#comment-data { float: left; width: 180px; padding-right: 15px; margin-right: 15px; text-align: left; border-right: 1px dotted #bbb;}
#textarea[id="comment-text"] {width: 80%;}

/* Pull Down */
.pulldown {font: 10px small 'Lucida Grande', Tahoma, Arial, Verdana, sans-serif; line-height: 12px; color: #1a1a1a; background-color: #bec9d5; border: 1px solid #444;}

/*Tables */
table {border: 0; padding: 0;}
caption {display: none;}
td {margin: 1px; border: 0; padding: 0; text-align: left; vertical-align: top;}

table.contact {margin-bottom: 0px; width: 100%; border: 0px;
}

.input-contact {background-color: #333; margin: 5px; border: 1px solid #555; font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9E7C;}

.button-contact {display: block; border: 1px solid #555; width: auto; font-weight: bold; background-color: #222;}

.select-contact {background-color: #333; border: 1px solid #555;  font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9E7C;}

select {margin: 5px; display: inline; font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9E7C;}

input {background-color: #333; border: 1px solid #555; margin: 5px; font-family: Verdana, 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #BF9E7C;}

.accueil {
	font-size: 9px;
	color: #d9c9b8;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.td_footer {
	text-align:right; 
	padding-right:10px
}

/* */
