body
{
	background: #443b1d url('../../design/images/bg.png') repeat-x;
    background-attachment: fixed;
}

a
{
    font:  15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #c8bd93;
}

a:hover
{
    font:  15px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #caa951;
}

h2
{
     color: #caa951;
}

#home_image img
{
    border: solid 3px #fff;
}

div#page
{
	margin: auto;
    background-color: #141206;
	width: 900px;
	min-height: 600px;
}

div#splash
{
    margin: auto;

}

#langues
{
   font:  18px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #caa951;
}

#langues a
{
   font:  13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #c8bd93;
}

#langues a:hover
{
   font:  13px "Trebuchet MS", Arial, Helvetica, sans-serif;
   color: #caa951;
}

span#fr
{
    margin-left: -50px;
}

div#bandeau
{
	margin-top: -32px;
	width: 898px;
	min-height: 100px;
	background-image: url('../../design/images/titre.png');
    background-repeat: no-repeat;
}

div#bandeau2
{
    margin-top: 38px;
    padding-top: 18px;
    width: 898px;
    min-height: 20px;
    background: url('../../design/images/titre_en.png') no-repeat;
}

div#bandeau_float2
{
    float: right;
    margin-top: 0px;
    font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c8bd93;
}

div#bandeau_float2 a
{
    font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #c8bd93;
}

div#bandeau_float2 a:hover
{
    font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #caa951;
}

div#bandeau_float
{
	float: right;
	margin-top: 80px;
	font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c8bd93;
}

div#bandeau_float a
{
	font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c8bd93;
}

div#bandeau_float a:hover
{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #caa951;
}

div#banniere
{
	width: 892px;
	border: solid 4px #fff;
	min-height: 300px;
	background: url('../../design/images/ban_animated.gif') no-repeat;

}

div#menu
{
	width: 898px;
	min-height: 36px;
	border-left: solid 1px #5e573a;
	border-right: solid 1px #5e573a;
	border-bottom: solid 1px #5e573a;
}

div#contenu
{
    background-color: #141206;
	width: 526px;
	min-height: 500px;
	border-right: solid 1px #5e573a;
    border-left: solid 1px #5e573a;
	padding: 10px;
    padding-right: 0px;
}

div#menu_droite
{
    background-color: #141206;
    border-right: solid 1px #5e573a;
    border-bottom: solid 1px #5e573a;
	float: right;
	width: 360px;
}

div#foot
{
    /*background-color: #3b3418;*/
	width: 900px;
	min-height: 36px;
	border-top: solid 1px #5e573a;
	font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c8bd93;
}

div#foot a
{

	font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c8bd93;
    border: none;
}

div#foot a:hover
{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #caa951;
    border: none;
}

div#foot img
{
  border: none;
}

ul#partners {
  width: 500px;
  text-align: center;
  margin: 0 auto;
}

ul#partners li {
  float: left;
  list-style: none;
  padding: 10px;
}

.cb {
  clear: both;
}

#titre_tmd
{
	margin-top: 10px;
	margin-left:10px;
	height:35px;
	background: url('../../design/images/lesgites.png');
	background-repeat: no-repeat;
}

#titre_tmd2
{
    margin-top: 10px;
    margin-left:10px;
    height:35px;
    background: url('../../design/images/gites.png');
    background-repeat: no-repeat;
}

#contact_tmd
{
	text-align: left;
	padding-left:10px;
}

.fd_tmd
{
	text-align: left;
	background-color: #231e0c;
	padding: 10px;
	margin: 10px;
}

#gite1
{
	border: solid 3px #fff;
	width:150px;
	height:113px;
	margin:0px;
}

#gite2
{
	float: right;
	border: solid 3px #fff;
	width:150px;
	height:113px;
	margin:0px;
}

#gite1_t
{
	margin-top: 10px;
	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c8bd93;
}

#gite2_t
{
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c8bd93;
}


div#gite1_t a
{

	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c8bd93;
}

div#gite1_t a:hover
{
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #caa951;
}

div#gite2_t a
{

	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c8bd93;
}

div#gite2_t a:hover
{
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #caa951;
}

.blanc
{
	color: #fff;
	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;

}

#coord
{
	width: 300px;
	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #c8bd93;
}

div#coord a
{

	font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c8bd93;
}

div#coord a:hover
{
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #caa951;
}

.cadre
{
	border: solid 1px #5e573a;
	padding:2px;
    font:  11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #c8bd93;
}

.cadre:hover
{
    border: solid 1px #5e573a;;
    padding:3px;
    font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-decoration: none;
    color: #caa951;
}

/*******************************************************************************************************************

/* ================================================================
This copyright notice must be kept untouched in the stylesheet at
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */


#nav
{
	padding:0;
	margin:0;
	list-style:none;
	height:36px;
	background: url(../../design/images/blank.gif);
	position:relative;
	z-index:500;
	font-family:verdana, sans-serif;
}

#nav li.top
{
	display:block;
	float:left;
}

#nav li a.top_link
{
	display:block;
	float:left;
	height:36px;
	line-height:27px;
	color: #dab85d;
	text-decoration:none;
	font-size:14px;
	padding:5px 0 0 12px;
	cursor:pointer;
}

#nav li a.top_link span
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:36px;
}
#nav li a.top_link span.down
{
	float:left;
	display:block;
	padding:0 24px 0 12px;
	height:36px;
}

#nav li a.top_link:hover
{
	color:#fff;
}

#nav li:hover > a.top_link
{
	color:#fff;
}

/* Default list styling */

#nav li:hover
{
	position:relative;
	z-index:200;
}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul,
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

#nav li:hover ul.sub
{
	left:25px;
	top:40px;
	background: #caa951;
	padding:3px;
	border:1px solid #1d180b;
	white-space:nowrap;
	width:100px;
	height:auto;
	z-index:300;
	color:#1d180b;
}

#nav li:hover ul.sub li
{
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:90px;
	font-weight:normal;
}

#nav li:hover ul.sub li a
{
	display:block;
	font-size:12px;
	height:20px;
	width:90px;
	line-height:20px;
	text-indent:5px;
	color:#000;
	text-decoration:none;
    font-size:14px;
}

#nav li ul.sub li a.fly
{
	background:#fff url(../../design/images/arrow.gif) 80px 7px no-repeat;
}

#nav li:hover ul.sub li a:hover
{
	background:#1d180b;
	color:#fff;
}

#nav li:hover ul.sub li a.fly:hover
{
	background:#3a93d2 url(../../design/images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}

#nav li:hover ul li:hover > a.fly
{
	background:#3a93d2 url(../../design/images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{
	left:90px;
	top:-4px;
	background: #fff;
	padding:3px;
	border:1px solid #3a93d2;
	white-space:nowrap;
	width:90px;
	z-index:400;
	height:auto;
}

/*************************************************************************************************************/

.ident
{
    width: 150px;
    font:  13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#loader
{
    margin-left: 220px;
    margin-top: 210px;
}

#contenu_desc
{
    font:  14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c8bd93;
    padding: 5px;
}

#contenu_desc a
{
    font:  14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #caa951;
}

#contenu_desc a:hover
{
    font:  14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #caa951;
    font-weight: bold;

}

#contenu_desc_ed
{
    font:  14px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c8bd93;
    padding: 5px;
}

.element_float
{
    width: 40%;
    float: right;
    text-align: left;
    background-color:#231e0c;
    border: solid 2px #231e0c;
    margin-right: 25px;
}

.element
{
    width: 40%;
    text-align: left;
    background-color:#231e0c;
    border: solid 2px #231e0c;
    margin-top: 10px;
    margin-left: 20px;
}

.element h3
{
    margin-left: 10px;
}

.element_float h3
{
    margin-left: 10px;
}


.choix
{
    margin-top: 50px;
}

.image
{
    border: solid 3px #fff;
    width:150px;
    height:113px;
    margin:0px 25px 15px 25px;
}

.images
{
    border: solid 3px #fff;
}

.liens
{
    padding-left: 25px;
    margin-bottom: 10px;
}

.carte
{
    width: 505px;
    text-align: center;
    background-color:#231e0c;
    border: solid 2px #231e0c;
    padding: 10px 0px 0px 5px;
}

#form_contact
{
    width: 505px;
    background-color:#1d1a09;
    border: solid 2px #191509;
    padding: 10px 0px 0px 5px;
    font:  12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #c8bd93;
}

#form_contact ul
{
    list-style: none;
}

#form_contact input
{
    background-color: #332d15;
    border: solid 1px #5e573a;
    padding-left: 2px;
    color: #c8bd93;
}

#form_contact textarea
{
    background-color: #332d15;
    border: solid 1px #5e573a;
    padding-left: 2px;
    padding-top: 5px;
    color: #c8bd93;
    font:  13px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#form_contact input:hover
{
    border: solid 1px #d0ae56;
    padding-left: 5px;
    color: #d0ae56;
}

#form_contact textarea:hover
{
    border: solid 1px #d0ae56;
    padding-left: 5px;
    color: #d0ae56;
}

#form_contact input:focus
{
    border: solid 1px #d0ae56;
    padding-left: 5px;
    color: #d0ae56;
}

#form_contact textarea:focus
{
    border: solid 1px #d0ae56;
    padding-left: 5px;
    color: #d0ae56;
}

#mail
{
    float: right;
    margin-right: 50px;
}


/*************************************************************************************************************************/

/* GALLERIE */

.carte ul
{
    list-style: none;
}

.carte ul li
{
    float: left;
    margin-left: 5px;
}

.carte img
{
    width: 50px;
    height: 38px;
    border: solid 1px #fff;
}

.big img
{
    width: 480px;
    height: 360px;
    border: solid 2px #fff;
}

.mini
{
    margin-left: -20px;
}

/***************************************************************************************************************************/

#submit
{
    border: solid 1px #5e573a;
    background-color: #332d15;
    color: #c8bd93;
}

#submit:hover
{
    border: solid 1px #d0ae56;
    background-color: #332d15;
    color: #c8bd93;
}