/************/
/*  GLOBAL  */
/************/

body {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #878685;
    background-color: #e7e0d2;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
}

h1, a {
    color: #8a9422;
}

a {
	cursor: pointer;
}

h1 {
    margin: 0;
    text-transform: uppercase;
    font-size: 14px;
}

.left {
    float: left;
}

.right {
    float: right;
}

p.alert {
    color: red;
}

p.success {
    color: green;
}

div#global-wrapper {
    background-color: #fff;
    background-image: url('../image/arbre-fond.png');
    background-repeat: no-repeat;
    background-position: top right;
    width: 904px;
    margin: auto;
    padding: 27px;
}

/************/
/*  HEADER  */
/************/

div#header {
    height: 73px;
}

div#logo-yves-rocher {
    width: 25%;
    float: left;
    margin-bottom: 20px;
}

div#logo {
    width: 50%;
    text-align: center;
    float: left;
}

div#i18n {
    text-align: right;
    position: absolute;
	top: 0px;
    font-weight: bold;
	color: #5d4518;
	text-transform: uppercase;
	margin-left: 866px;
	#margin-left: 188px;
	_margin-left: 188px;
}

div#i18n a {
    text-decoration: none;
	color: #5d4518;
}

div#i18n a.selected {
    text-decoration: none;
	color: #8a9422;
}

div#i18n select {
	text-transform: uppercase;
}

div#i18n ul li,
div#i18n ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
}

div#i18n ul.current {
	background-image: url('../image/select.png');
	width: 36px;
	height: 17px;
	padding-top: 2px; 
	background-repeat: no-repeat;
}

div#i18n ul.current li{
	margin-left: -4px;
}

div#i18n ul.current li{
	#position: absolute;
	_position: absolute;
	#margin-left: -40px;
	_margin-left: -40px;
}

div#i18n ul.current ul.list li{
	margin-left: -18px;
	#position: relative;
	#text-align: left;
	#margin-left: 5px;
}	

div#i18n ul.current:hover ul.list {
	display: block;
}

div#i18n ul.list {
	display: none;
	border-bottom: 1px solid #ACBC7D;
	border-left: 1px solid #ACBC7D;
	border-right: 1px solid #ACBC7D;
	margin-top: -2px;
	#margin-top: 2px;
	_margin-top: 2px;
	#position: absolute;
	_position: absolute;
	background-color: #D8E1B8;
	padding-top: 2px;
	height: 34px;
	#width: 34px;
	_width: 34px;
	#top: 15px;
	_top: 15px;
	#margin-left: -35px;
	_margin-left: -35px;
}

div#i18n ul li{
	width: 36px;
	height: 19px;
}

div.menu {
    clear: both;
    height: 28px;
    padding: 0;
}

div.menu img {
    float: left;
}

div#nosubmenu {
    height: 30px;
}

div.submenu {
    height: 30px;
    background: url('../image/pointille2.png');
	background-repeat: repeat-x;
	background-position: center left;
}

div.submenu ul {
    margin: 0 0 0 244px;
    padding: 0 5px 0 5px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    float: left;
}

div.submenu ul li {
    display: inline;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
}

div.submenu ul li a {
    font-weight: bold;
    text-decoration: none;
}

/************/
/*  MAIN  */
/************/

div#main {
    width: 898px;
}

/*************/
/*  CONTENT  */
/*************/

div#content {
    float: left;
    width: 655px;
    margin-right: 22px;
}

div.leftbar {
    float: left;
    width: 229px;
    margin-right: 15px;
}

div.content-text {
    width: 395px;
    margin-left: 246px;
    margin-bottom: 30px;
}

div.content-text p {
    margin: 0 0 10px 0;
}

div.content-text p a,
div.content-text p span.highlight {
    font-weight: bold;
}

/************/
/*  SIDEBAR */
/************/

div#sidebar {
    float: left;
    width: 220px;
}

div#reservation {
    margin-bottom: 20px;
}

div#livredor {
    width: 157px;
	margin-left: 15px;
}

div#newsletter {
	width: 198px;
	display: none;
}

div#newsletter input#id_name,
div#newsletter input#id_email{
	height: 15px;
	width: 164px;
	border: 1px solid #bbbbbb;
	margin-top: 3px;
	color: #666666;
	font-size: 11px;
	font-family: Arial;
	padding-left:2px;
	padding-right:2px;
}

div#newsletter input#valid{
	float: right;
	margin-right: 0px;
	margin-top: 28px;
}


/*****************/
/*  MAIN FOOTER  */
/*****************/

div#main-footer {
    clear: both;
    background-color: #f2f4eb;
    padding: 20px;
    color: #8a9422;
}

div#main-footer h1 {
    color: #546038;
    text-transform: uppercase;
    font-size: 12px;
    margin: 5px 0;
}

div#main-footer p {
    margin: 0;
}

div#main-footer a {
    text-decoration: none;
}

div#main-footer a:hover {
    text-decoration: underline;
}

div#main-footer div#partners {
    height: 70px;
    border-bottom: 1px solid #d9d7ca;
    margin-bottom: 15px;
    width: 100%;
}

div#main-footer div.partner {
    font-size: 10px;
    float: left;
    margin: 0 auto;
}

div#main-footer div.partner a {
    color: #546038;
    font-weight: bold;
    text-decoration: none;
}

div#main-footer div.partner a img {
    float: left;
    margin-right: 5px;
}

div#main-footer div.partner a p {
    float: left;
    cursor: pointer;
}

div#main-footer div#infos a {
    text-decoration: underline;
}

div#main-footer div#links {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #d9d7ca;
}


/************/
/*  FOOTER  */
/************/

div#footer {
    clear: both;
    width: 960px;
    margin: 10px auto;
    text-align: center;
    color: #878585;
}

div#footer p {
    margin: 0;
    line-height: 15px;
}

div#footer p a {
    text-decoration: none;
    color: #878585;
}

div#footer p a:hover {
    text-decoration: underline;
}

/************/
/*  ACCUEIL */
/************/

div#summaries {
    margin-top: 10px;
    height: 200px;
}

dl.summary {
    width: 25%;
    float: left;
}

dl.last {
    width: 24%;
    float: right;
}

dl.summary dt {
    text-transform: uppercase;
    font-weight: bold;
    color: #5d4518;
    margin: 0;
}

dl.summary dd {
    margin: 0;
}

dl.summary dd p {
    margin: 0;
}

div#summary-bottom {
    clear: both;
    height: 150px;
}

div#flash {
    border: 1px solid #eee;
    padding: 9px;
    height: 337px;
    margin-bottom: 20px;
}



/********************/
/*  AUX ALENTOURS  */
/********************/

div#submenu-auxalentours li a.selected {
	color: #DD2155;
}

div#submenu-auxalentours ul {
	margin-left: 80px;
}

div#content-auxalentours h1,
div#leftbar-auxalentours a,
div#leftbar-auxalentours span.highlight,
div#content-auxalentours a,
div#content-auxalentours span.highlight {
    color: #DD2155;
}



/********************/
/*  ESPRIT DU LIEU  */
/********************/

div#submenu-developpement li a.selected {
	color: #DD2155;
}

div#submenu-developpement ul {
	margin-left: 80px;
}

div#content-esprit-du-lieu h1,
div#leftbar-esprit-du-lieu a,
div#leftbar-esprit-du-lieu span.highlight,
div#content-esprit-du-lieu a,
div#content-esprit-du-lieu span.highlight {
    color: #DD2155;
}

/****************/
/*  CHAMBRES    */
/****************/

div#content-chambres h1,
div#leftbar-chambres a,
div#leftbar-chambres span.highlight,
div#content-chambres a,
div#content-chambres span.highlight {
    color: #b8433d;
}

/****************/
/*  RESTAURANT  */
/****************/

div#submenu-restaurant li a.selected,
div#content-restaurant h1,
div#leftbar-restaurant a,
div#leftbar-restaurant span.highlight,
div#content-restaurant a,
div#content-restaurant span.highlight {
    color: #f6a800;
}

/********/
/*  SPA */
/********/

div#submenu-spa li a.selected,
div#content-spa h1,
div#nos-soins-4-soins h1,
div#nos-soins-4-soins span.highlight,
div#leftbar-spa a,
div#leftbar-spa span.highlight,
div#content-spa a,
div#content-spa span.highlight {
    color: #a3a7c7;
}

div#nos-soins-4-soins label {
    float: left;
    width: 8em;
    font-weight: bold;
    clear: both;
}

div#nos-soins-4-soins div.frame-text {
    margin-left: 10em;
}


div#submenu-spa ul, div#submenu-restaurant ul, div#submenu-acces ul{
	text-align: center;
}

div#menu-soins {
    height: 34px;
    margin: 0 0 20px 0;
}

div.frame {
    margin: 20px 0;
    padding: 10px;
    background-color: #f6f6f9;
    border-top: 1px solid #e5e6ef;
    border-bottom: 1px solid #e5e6ef;
}

div.frame-content {
    margin-bottom: 10px;
}

div.frame-content label {
    float: left;
    width: 8em;
    font-weight: bold;
    clear: both;
}

div.frame-content div.frame-text {
    margin-left: 10em;
}

/****************/
/*  SEMINAIRES  */
/****************/

div#content-seminaires h1,
div#leftbar-seminaires a,
div#leftbar-seminaires span.highlight,
div#content-seminaires a,
div#content-seminaires span.highlight {
    color: #86accb;
}

/********************/
/*  AUX ALENTOURS   */
/********************/

div#content-aux-alentours h1,
div#leftbar-aux-alentours a,
div#leftbar-aux-alentours span.highlight,
div#content-aux-alentours a,
div#content-aux-alentours span.highlight {
    color: #53795b;
}

/********************/
/*  PLAN D'ACCES    */
/********************/

div#submenu-acces li a.selected {
	color: #E1BBBD;
}

div#content-plan-acces h1,
div#leftbar-plan-acces a,
div#leftbar-plan-acces span.highlight,
div#content-plan-acces a,
div#content-plan-acces span.highlight {
    color: #c1999c;
}

div#leftbar-plan-acces span.title ,
div#content-plan-acces span.title {
    color: #8b9620;
    font-weight: bold;
}

div.indent {
    margin-left: 33px;
}

/********************/
/*  LIVRE D'OR      */
/********************/

div#content-livredor h1 {
    color: #878685;
}

div#content-livredor span.highlight {
    color: #8a9422;
}

div#content-livredor div.temoignage {
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #878685;
}

div#content-livredor form {
    margin: 20px 0;
}

div#content-livredor form label {
    float: left;
    width: 8em;
}

/********************/
/*  ECOLOGIQUE      */
/********************/

div.ecolabel {
    clear: both;
    margin: 0 10px 10px 165px;
}

div.icon {
    width: 80px;
}

div.label-content {
    width: 350px;
}

/********************/
/*      PRESSE      */
/********************/

div#submenu-presse li a.selected {
	color: #5f472d;
}

div#submenu-presse ul {
    margin: 0 0 0 280px;
}

div#presse {
    width: 670px;
	margin-bottom: 30px;
}

div#presse-left {
    width: 154px;
	font-size: 12px;
}

div#presse-left a{
	text-decoration: none;
	color: #878685;
}

div#presse-left a.selected{
	text-decoration: underline;
	color: #8A9422;
}

div#presse-left p.date{
	margin-top: 3px;
	margin-bottom: 3px;
}

div#presse-left p.title{
	color: #687f2e;
	text-transform: uppercase;
	font-weight: bold;
	margin-top: 20px;
}

div#presse-left p.title a{
	color: #687f2e;
}

div#presse-left span.label{
	color: #493615;
	text-transform: uppercase;
	font-weight: bold;
}

div#presse-left span.date{
	color: #493615;
	font-style: italic;
	text-transform: lowercase;
}

div#presse-right {
	float: right;
    width: 510px;
}

div#presse div.media{
    width: 153px;
	float: left;
	margin-left:12px;
	font-size: 11px;
	margin-bottom: 25px;
}

div#presse div.media div.video{
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #000000;
}

div#presse div.media img{
	border: 1px solid #dadace;
}

div#presse div.media p{
	margin-top: 4px;
	margin-bottom: 4px;
}

div#presse div.media p.label{
	color: #493615;
	text-transform: uppercase;
	font-weight: bold;
}

div#presse div.media div.extract {
	margin-top: 12px;
	font-style: italic;
}

div#presse div.media div.extract span.label{
	color: #778420;
	float: left;
	margin-right: 4px;
	font-style: normal;
}

div#presse div.media p.date,
div#presse-left span.date{
	text-transform: lowercase;
}

div#presse div.media p.en,
div#presse-left span.en{
	text-transform: none;
}


/********************/
/*      TARIFS      */
/********************/

div#submenu-tarif li a.selected {
	color: #5f472d;
}

div#submenu-tarif ul {
    margin: 0 0 0 300px;
}

div#tarifs {
    width: 650px;
    margin-bottom: 30px;
}

div#tarifs h1{
	padding-top: 20px;
	margin-left: 246px;
	color: #5f472d;
	width: 400px;
}

div#tarifs img.left{
	float: left;
	border: 1px solid #9f9181;
}

div#tarif-content{
	margin-top: 30px;
}

div#tarifs div.menu {
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0px;
	width: 650px;
}

div#tarif-content-right{
	width: 402px;
	margin-left: 247px;
}

div#tarif-content-right p.category{
	color: #c99c46;
	width: 400px;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px solid #e1cba0;
	margin-top: 30px;
}

div#tarif-content-right p.brown{
	color: #5f472d;
	border-bottom: 1px solid #9f9181;
}

div#tarif-content-right h1{
	padding: 0px;
	margin: 0px;
	color: #5f472d;
}

div#tarif-content-right div.product-content{margin-top: 8px;}
div#tarif-content-right div.separator,
div#tarif-content-right div.separator-grey{
	padding-bottom: 10px;
	margin-bottom: 4px;
	border-bottom: 1px solid #e1cba0;
}

div#tarif-content-right div.separator-grey{border-bottom: 1px solid #9f9181;}

div#tarif-content-right div.product-content p.product-price{
	float: right;
	width: 120px;
	margin: 0px;
	color: #c99c46;
	text-align: right;
}

div#tarif-content-right div.product-content p.product-label{
	width: 280px;
}

div#tarif-content-right div.product-content p.product-label {
	margin: 0px;
	color: #747372;
}

div#tarif-content-right div.product-content p.grey {
	font-weight: bold;
	color: #747372;
}

div#tarif-content-right div.product-content p.or{
	color: #c99c46;
}

div#tarif-content-right div.product-content div.product-description{
	margin-top: 6px;
	width: 400px;
}

div#tarif-content-right div.product-content div.product-description p {
	margin: 0px;
}

div#tarif-content-right div.mention{
	color: #c99c46;
	margin-top: 30px;
}

div#tarif-content-right div.brown{
	color: #5f472d;
}

/********************/
/*  ADMINISTRATION  */
/********************/

div#main-admin {
	width: 868px;
	padding: 30px;
}

div#main-admin form h3,
div#main-admin  h3.presse{
	color: white;
	background-color: #666666;
	width: 620px;
	padding: 3px;
	margin-top: 30px;
}

div#main-admin  h3.presse{
	width: 560px;
}

div#login {
	width: 300px;
	margin: auto;
}

div#main-admin label{
	width: 120px;
	float: left;
}
div#main-admin td.edit-list{
	width: 550px;
}

div#main-admin td.lvl1{
	font-weight: bold;
	color: black;
}

div#main-admin td.lvl1 a{
	color: black;
}

div#main-admin td.lvl2,
div#main-admin td.lvl4{
	font-weight: bold;
	padding-left: 30px;
}

div#main-admin td.lvl4{
	font-weight: normal;
}

div#main-admin td.lvl2 a{
	font-weight: bold;
	color: #878685;
}

div#main-admin td.lvl3{
	padding-left: 60px;
}

div#main-admin td.lvl3 a,
div#main-admin td.lvl4 a{
	color: #878685;
}

p#logout{
	text-align: right;
	width: 565px;
}

td.livredor {
	Vertical-align: top;
}

td.comment {
	width: 150px;
	padding-left: 15px;
	padding-right: 15px;
}

td.name {
	width: 50px;
}

td.read {
	width: 10px;
	text-align: center;
}

td.valid {
	width: 50px;
	text-align: center;
}

.ad_link {
	color: none;
	text-decoration: none;
}

.bold {
	background-color: #efefef;
}

.dark {
	background-color: #ddd;
}

div#admin-livredor table {
	margin-bottom: 20px;
	border-right: 1px solid #ddd;
}

div#admin-livredor table td{
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 8px;
}

div#admin-livredor table tr.dark td{
	font-weight: bold;
}

div#admin-livredor table th{
	text-align: left;
	background-color: #666666;
	padding-left: 8px;
	color: white;
}

p#actions{
	width: 565px;
	text-align: right;
}

p#actions a{
	color: #666666;
	text-decoration: underline;
}

p#actions a.selected{font-weight: bold;}

tr.head td{
	font-weight: bold;
	color: white;
	background-color: #ccc;
	padding-left: 1px;
}

tr.head td.languages{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 20px;
}

tr td.languages{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 80px;
	padding-left: 1px;
	text-align: center;
}

div#main-admin p.trans label {
	color: #8A9422;
}

div#main-admin input{
	border: 1px solid #cccccc;
}

div#main-admin p.trans input,
div#main-admin p.trans table{
	background-color: #dde775;
}

div.errors {
	color: red;
}

div#main-admin div#mention_trans {
	position: absolute;
	width: 206px;
	margin-top: 40px;
	margin-left: 670px;
	padding: 3px;
	border: 1px solid #cccccc;
	background-color: #dde775;
	color: black;
}