/*Couleurs
--------------------------

marron : #40281A;
vert : #d7d916;
fond : #947c6b;
rouge : #a04a01;
Largeur max
--------------------------
Total : 1000px
droite : 750px
gauche : 250px

-------------------------*/
html{
}

html, body {
	width : 100%;
	height : 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #947c6b;
	color: #40281a;
	font: 80% Verdana, "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
	text-align : center;
}

a:visited {font-weight : normal;}
a {
	color : #a04a01;
	font-weight : bold;
}
a:hover, a:active, a:focus {
	background : #40281a;
	color : #d7d916;
	text-decoration : none;
}

/*Titres
-------------------------------------------------*/
h1{
	height :40px;
	margin : 3em 1em 1em; 
	padding : 5px 0 0 45px;
	background : url(img/puce_titre.png) no-repeat left top;
	font-size : 1.1em;
	color : #947c6b;
}

h2 {
	font-size : 1.2em;
	float : left;
	width : 25%;
	height : 28px;
	line-height : 28px;
	margin :5px 0 ;
	padding : 0;
	background : #40281a;
	text-indent : 1em;
	font-weight : normal;
	color : #d7d916;
}

h2.baseline {
	font-size: 9px;
	float: right;
	line-height : 18px;
	height: 18px;
	width: 280px;
	margin: 0;
	text-indent: none;
	padding: 0;
	background: #40281a;
	font-weight: normal;
	color: #d7d916;
}

h3{
	height :40px;
	margin : 3em 1em 1em; 
	padding : 5px 0 0 45px;
	background : url(img/puce_titre.png) no-repeat left top;
	font-size : 1.1em;
	color : #947c6b;
}

h4 {margin : 1em;}

/*------------------- Ressources -------------------------*/

#rub {margin-left:15px; margin-right:15px;}
#art {}

.logo {}
.text {}
.intro {font-style : italic; font-size:1em; margin-top:20px;}

.little{
	width:450px;
	margin-left:110px;
	font-size:0.8em;
	font-style: italic;
	text-align:center;
}
/*Conteneurs principaux
-------------------------------------------------*/


/*Page
-----------------------------*/
#page {
	position : relative;
	width : 98%;
	max-width : 1000px;
	min-width: 760px;
	margin : 0 auto;
	background : #fff url(img/fond_page.png) repeat-x top;
	border : 3px solid #d7d916;
	text-align : left;
}

/*access
-----------------------------*/
ul#access {
	float : right;
	height : 20px;
	margin : 0 0 10px;
	padding : 0;	
}

ul#access li { 
	display : inline;
	list-style-type : none;
	font-size : 0.7em;
}

ul#access li a:visited { font-weight : bold;}

ul#access li a {
	display : block;
	float : left;
	height : 20px;
	line-height : 20px;
	margin : 0 1em 0 0;
	padding : 0 0.5em;
	text-decoration : none;
	color : #fff;
}

ul#access li a:hover, ul#access li a:active, ul#access li a:focus {
	color : #d7d916;
}

/*Top
-----------------------------*/
#top {
	clear : both;
	height : 154px;
	background : #fff url(img/fond_top.png) repeat-x bottom;
}

#top p{
	margin : 0 1% 0 25%; 
	padding : 32px 0 0;
	text-align : right;
}

#top p img {
	width : 100%;
	}

#top p#logo {
	float : left;
	width : 23%;
	margin : 0;
	padding : 0;
}
#top p#logo a{
	background : none;
	margin-left : 8px;
}

/*Menu
-------------------------------*/

ul#menu {
	clear : both;
	float : right;
	width : 75%;
	margin : 5px 0;
	padding : 0;
	font-size : 0.9em;
	list-style-type : none;
}

ul#menu li {
	display : inline;	
	list-style-type : none;	
}

ul#menu li a:visited {font-weight : bold;}

ul#menu li a {
	display : block;
	float : left;
	max-width : 140px;
	height : 28px;
	margin : 0; 
	padding: 5px 10px 5px 10px;
	border-left : 1.8px solid #fff;
	border-right : 1.8px solid #fff;
	color : #40281a;	
	text-align : center;
	text-decoration : none;
}

ul#menu li a:active, ul#menu li a.on {
	color : #fff;
	background : #d7d916;
}

ul#menu li a:hover, ul#menu li a:focus {
	color : #d7d916;
	background : #40281a;	
}

object {
	clear : both;
	width : 100%;
	background : #fff;
}

#content object {
	width : 313px;
	margin : 20px;
	float : right;
}

/*Main
-------------------------------*/

#main {
	overflow: hidden;
	border-top : 9px solid #d7d916;
	background : #fff url(img/fond_main.png) repeat-y left;
}

#slogan {
	position : absolute;
	bottom : 0;
	left : 25%;
	width : 75%;
	height : 200px;
	background: url(img/fond_slogan.jpg) no-repeat bottom right;
}

#slogan p {
	position : absolute;
	right : 0;
	bottom : 20px;
	margin : 0;
	padding : 0;
}

div #slogan p  a:hover {
	background: transparent !important;
}

/*Content
-------------------------------*/
#content {
  	float : right;
	width : 75%;
	background : #fff url(img/fond_content.png) no-repeat right 95%;
	padding-bottom : 200px;	
}

#main.affiche #content  {
	background-image : none;
}

p#ariane {
	margin : 0 0 0 25%;
	padding : 0.5em 1.1em;
	background : #fff;
	border-bottom : 2px solid #d7d916;
	font-size : 0.8em;
}

p#ariane span {color : #40281a;}

ul#sous_menu {
	float : right;
	list-style-type : none;
	line-height : 1.6em;
	margin : 0;
	padding :0;
}

ul#sous_menu li {
	list-style-type : none;
}

ul#sous_menu li {
	float : left;
	margin-right : 2px;
	padding : 0 1em;
	text-align : center;
	background : #d7d916;	
}

ul#sous_menu li.on {
	font-weight : bold;
	color : #fff;
}

#content div {
	padding-left:10px;
}

/*Sidebar (menu gauche)
-------------------------------*/
#sidebar {
	margin-right : 75%;
	margin-bottom : 20px;
	padding-bottom : 200px;
	background : url(img/fond_side.png) no-repeat bottom left;
	font-size : 0.9em;
	color : #fff;
}

#sidebar h3 {
	margin : 0;
	padding : 170px 0 0 1.7em;
	background : url(img/fond_sidebar.png) no-repeat 10px 10px;
	color : #d7d916;
}
#sidebar h4 {
	font-weight:normal;
	color:#fff;
	margin-bottom:20px;
}
#sidebar a {color : #d7d916;}

#sidebar p {
	margin : 1em 2em;
}

/*Plan du site
-------------------------------*/

#plan ul {
	margin : 1em 2em;
	line-height:1.5em;
	list-style-type: square;
}

#plan ul a{	
	text-decoration:none; 
}

/*Bottom
-------------------------------*/

#bottom {
	clear : both;
	width : 98%;
	max-width : 1000px;
	min-width: 760px;
	margin : 0 auto;
	background : #fff;
	border-top : 10px solid #d7d916;
	border-bottom : 10px solid #d7d916;
	border-left : 3px solid #d7d916;
	border-right : 3px solid #d7d916;
	font-size : 0.8em;
	text-align : left;
}

#bottom p {
	margin : 10px 0;
	padding : 1em 0;
	height : 3em;
	line-height : 3em;
	background : #40281a;
	text-align : center;
	color : #fff;
}

#bottom img {vertical-align : middle;}

#bottom a {color : #fff;}
#bottom a:hover, #bottom a:active, #bottom a:focus {color : #d7d916;}

/*Balises html
-------------------------------*/

p {
	line-height : 1.6em;
	padding : 0;
	text-align:left;
}

p.contact{
	padding-left:50px;
	text-align:center;
}

ul li{
	list-style-image:url(img/puce3.jpg);
	margin-bottom:5px;
}

img {
	border : none;
	margin : 0;
	padding : 0;
}

dl {
	float:left;
	font-size:0.9em;
	margin-left:70px;
	padding:0;
	width:35%;
}

dl.gauche {
	margin : 2em 5% 2em 5%;
}

p#rent {
	background:transparent url(img/rent.png) no-repeat scroll left top;
	height:159px;
	width:322px;
	margin:0;
	padding:90px 0 0 90px;
	font-size:0.9em;
}

dl#rent {
	width:325px;
	background : url(img/rent.png) no-repeat top left;
}

dt {
	width : 150px;
	height : 36px;
	line-height : 36px;
	margin : 0;
	padding : 0;
	background : url(img/fond_titre.png) no-repeat top left;
	text-align : center;
	font-weight : bold;
}

dl#rent dt  {
	margin : 65px 0 0 85px;
	background-image : none;
	text-align : left;
	
}

dl#rent dd {
	width : 150px;
	margin : -20px 0 0 90px;
	text-align : left;
}

dd {
	margin : 1em 0 0;
	padding : 0;
}

.lien {
	margin-right : 10%;
	text-align : right;
	font-size : 0.9em;
}

/*ref
------------------------------*/
#ref dt{
	width : 150px;
	height : 36px;
	line-height : 36px;
	margin : 0;
	padding : 0;
	background : none;
	text-align : left;
	font-weight : bold;
}

#ref p  img{
	border: 1px solid #40281a;
	}

/*Classes
-------------------------------*/

.b {font-weight : bold;}
.left {float : left;}
.right {float : right;}
.img {margin-top : 3em;}


/*Formulaire
-------------------------------*/

form {
	margin : 5%;
	text-align : center;
}

fieldset#contact {
	width : 85%;
	margin : 0 auto;
	margin-top : -1em;
	background : #947c6b url(img/fond_field.png) no-repeat 100% 95%;
	border : 5px solid #d7d916;
	text-align : left;
}


label {
	display : block;
	width : 90%;
	color : #fff;
	font-weight : bold;
	margin-bottom : 0.5em;
}

label span {
	font-weight : normal;
	font-style : italic;
}

input.text, textarea.text, input.error {
	width : 90%;
	border : 2px solid #d7d916;
	padding : 0.5em;
}

fieldset p {
	margin : 0 100px 1em 1em;
}

fieldset img {margin-right : 2px}
#errormsg {
	color : #fff;
	font-weight : bold;
}

input.submit {
	background : #d7d916;
	color : #40281A;
	font-weight: bold;
	border : none;
}

input.error, textarea.error {
	background : #ccc;
}

input.submit:hover {
	cursor : pointer;
	background : #40281A;
	color : #d7d916;
}

textarea, input {
	font-family: inherit !important;
	font-size: inherit !important;
}

#recaptcha_widget_div {
	padding: 0 !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	text-align: left !important;
	border: none !important;
	padding-left: 11px !important;
}

#recaptcha_widget_div * {
	padding: 0 !important;
	margin: 0 !important;
	border-collapse: collapse !important;
	text-align: left !important;
	border: none !important;
}

#recaptcha_image {
	margin-right: 10px !important;
}

#recaptcha_response_field {
	border: 2px solid #d7d916 !important;
	margin-bottom: 15px !important;
	padding: 0.5em !important;
	width: 283px !important;
}

#recaptcha_logo, #recaptcha_tagline {display: none; }
.recaptcha_image_cell_custom {
	padding: 0px 0px 5px 0px !important;
}
.recaptcha_audio_cant_hear_link {
	font-family: inherit !important;
	font-size: inherit !important;
	color: inherit !important;
}


p.accueil {
	padding: 15px 0 0 45px;
}