body
{
	background-color:#6F605A;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffcc;
	padding:0px;
	font-size:12px;
	margin:0px;
	color:#000000;
	width:900px;
	height:auto;
	margin:auto;
}

input[type="submit"]{
	background-color:#fff;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#C72C48;
}
.clear{
	clear:both;
}
p{
	padding:5px 0 5px 0;
	margin:0px;
	text-align:justify;
	line-height:19px;
}
p.details{
	padding:5px 15px 5px 15px;
	font-size:11px;
}
p.more_details{
	padding:25px 20px 0px 20px;
	font-size:11px;

}
#wrap{
	width:900px;
	height:auto;
	margin:auto;
}
.header{
	width:840px;
	height:260px;
	background:url(/img/header10.jpg) no-repeat center;
	position:relative;
	left:30px;
}

.header h3{
	position:relative;
	top:100px;
}

#galerie{
	position:relative;
	width:168px;
	height:168px;
	left:40px;
	bottom:50px;
}

#galerie img{
	position:absolute;
	display:none;	
}

#galerie .active{
	display:block;
}

input.search{
	background-color: #FFFFFF;
	border: 1px solid #DFDFDF;
	color: #999999;
	height: 25px;
	width: 180px;
}

.search{
	position:relative;
	top:203px;
	left:500px;
}

input[type="submit"].recherche{
	position:relative;
	top:162px;
	left:700px;
}

.resultat{
	display:block;
	text-align:justify;
	position:relative;
	right:50px;
}

/*-----------------------------menu-------------------*/
#menu{
	width:550px;
	height:30px;
	padding:0px 0px 0 430px;
}

#menu ul{
	display:block;
	list-style:none;
	padding:0px 0 0 10px;
	margin:0px;
}
#menu ul li{
	display:inline;
	padding:0px;
	margin:0px;
	height:20px;
}
#menu ul li a{
	height:27px;
	display:block;
	padding:0px 10px 0 10px;
	margin:0 4px 0 4px;
	_margin:0 2px 0 2px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#000000;
	font-size:13px;
	line-height:25px;
	border-right:dotted 1px #3A3A3A;
}
#menu ul li.selected a{
	height:27px;
	display:block;
	padding:0px 10px 0 10px;
	margin:0 5px 0 5px;
	float:left;
	text-decoration:none;
	text-align:center;
	color:#C72C48;
	font-size:13px;
	line-height:25px;
}
#menu ul li a:hover{
	color:#C72C48;
}

/*------------------------------------menu left--------------------*/
#menu_left {
  width: 150px;
  list-style: none;
  margin: 0;
  padding: 0;
  position:relative;
  right:40px;
}

#menu_left li {
  background: #C72C48;
  color: #fff;
  border: 1px solid #C72C48;
  margin-bottom: 15px;
  list-style:none;
}

#menu_left li a {
  display: block;
  color: #fff;
  font: 1em "Trebuchet MS",Arial,sans-serif;
  line-height: 1em;
  text-align: center;
  text-decoration: none;
  padding: 7px 0;
}

#menu_left li a:hover,#menu_left li a:active{
  background:#C72C48;
  text-decoration: underline ;
}

#menu_left li a:focus{
  background:#000000;
  text-decoration: underline ;
}

#menu_left .sousMenu {
  font-size: .8em;
  background-color: #a7a7a7;
  font-size: .9em;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #C72C48;
}
#menu_left ul.sousMenu a {
  background: none;
  padding: 3px 20px;
  text-align: center;
  list-style:none;
}

#menu_left a, #menu_left span {
  display: block;
  padding: 4px 10px;
  color: #fff;
  text-decoration: none;
  background-color: #000000;
}

#menu_left .toggleSousMenu a, #menu_left .toggleSousMenu span {
  background-color: #000000;
}
#menu_left .open a, #menu_left .open span {
  background-color: #000000;
}

#menu_left h3{
	position:relative;
	left:55px;
}

/*------------------------------------center content--------------------*/
.center_content{
	width:840px;
	padding:0px 0px 0px 59px;
	background:url(/img/milieu6.jpg) no-repeat top center;
	/*height: 578px;*/
	height: 730px;
}

.center2_content{
	width:469px;
	height:375px;
	float:center;
	position:relative;
	padding:100px;
	left: 200px;
	top:0px;
}

.left_content{
	width:110px;
	float:left;
	padding:0;
	position:relative;
	left: 7px;
	top: 0px;
	height: 675px;
}

.title{
	color:#734633;
	padding:0px;
	float:left;
	font-size:19px;
	margin:10px 0 10px 0;
	position:relative;
	bottom:90px;
	right:50px;
}

/*---------------contact_form------------------*/
.contact_form{
	display: block;
	width:380px;
	height: 500px;
	float:center;
	position:absolute;
	right:215px;
	bottom:50px;
	border:1px #DFD1D2 dashed;
}

.contact_form h1{
	text-align:center;
}

.form_row{
	width:330px;
	clear:both;
	padding:30px 0px 10px 0px;
	color:#C72C48;
	position:relative;
	bottom:0px;
	left:40px;
	top:0px;
}

label{    
	display: block; 
	width: 150px;
}

.error-messagelivre{
	color:#000000;
	position:relative;
	bottom:100px;
	right:40px;
}

#envoyer{
	position:relative;
	top:120px;
	right:120px;
}

#lab{
	color:#C72C48;
	font-weight: bolder;
	font-size:13px;
	text-align:left;
}

input.contact_input{
	width:253px;
	height:18px;
	background-color:#fff;
	color:#999999;
	border:1px #DFDFDF solid;
	float:center;
}
textarea.contact_textarea{
	width:253px;
	height:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #999999;
	background-color:#fff;
	border:1px #DFDFDF solid;
	float:left;
}
input.register{
	width:71px;
	height:25px;
	border:none;
	cursor:pointer;
	text-align:center;
	float:right;
	color:#FFFFFF;
	background:url(images/register_bt.gif) no-repeat center;
}
a.contact{
	width:53px;
	height:24px;
	display:block;
	float:right;
	margin:0 0 0 10px;
	background:url(images/contact_bt.gif) no-repeat center;
	text-decoration:none;
	text-align:center;
	line-height:24px;
	color:#fff;
}
a.checkout{
	width:71px;
	height:25px;
	display:block;
	float:right;
	margin:10px 30px 0 10px;
	background:url(images/register_bt.gif) no-repeat center;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
}
a.continue{
	width:71px;
	height:25px;
	display:block;
	float:left;
	margin:10px 0 0 0px;
	background:url(images/register_bt.gif) no-repeat center;
	text-decoration:none;
	text-align:center;
	line-height:25px;
	color:#fff;
}
.terms{
	padding:0 0 0 80px;
}

.error-message{
	color:#FF0000;
}

.error-messagetext{
	color:#FF0000;
	position:relative;
	top:0px;
	float:left;
	text-align:left;
}

/*-------inscription-------*/
.contact_formI{
	display: block;
	width:380px;
	height: 530px;
	position:absolute;
	right:215px;
	top:30px;
	border:1px #DFD1D2 dashed;
	padding:0px 0px 120px;
}

.contact_formI h1{
	text-align:center;
}

.form_rowI{
	width:330px;
	clear:both;
	padding:10px 0px 10px 0px;
	color:#C72C48;
	position:relative;
	bottom:0px;
	left:40px;
	top:0px;
}

.envoyerI{
	position:relative;
	bottom:0px;
	left:140px;
}

input.contact_inputI{
	width:253px;
	height:18px;
	background-color:#fff;
	color:#999999;
	border:1px #DFDFDF solid;
}

.error-messageI{
	color:#FF0000;
	position:absolute;
	bottom:450px;
	right:340px;
	line-height:25px;
}

/*-------login-------*/
#login input{
	background-color:#fff;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
}

#login{
	position:relative;
	right:40px;
	bottom:60px;
}

.titrelog{
	position:relative;
	right:40px;
	bottom:60px;
}

/*-------acceuil-------*/
#acceuil{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:25px;
	display:block;
	width:400px;
	right:50px;
	bottom:85px;
	position:relative;
	
}

#acceuil h1{
	text-align:center;
	line-height:25px;
}

#acceuil p{
	line-height:30px;
}

#annuaire ul li{
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:40px;
	display:block;
	width:400px;
	left:55px;
	bottom:60px;
	position:relative;
	text-decoration:none;
}

#annuaire a{
	color:#FFFFFF;
}
#annuaire h1{
	text-align:center;
	line-height:25px;
	position:relative;
	bottom:85px;
	right:80px;
}

/*--------------------*/
div.pagination {
	position:absolute;
	width:420px;
	padding:5px;
	margin:5px;
	text-align:center;
	float:left;
	clear:both;
	font-size:10px;
	top:630px;
	right:170px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #795636;
	text-decoration: none; 
	color: #795636;
}
div.pagination a:hover, div.pagination a:active {
	border:1px solid #795636;
	color: #fff;
	background-color: #795636;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #795636;
	font-weight: bold;
	background-color: #795636;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
/*---------------------------------------*/
.recettes{
	position:relative;
	top:100px;
	right:70px;
}

.recettes table{
	height:200px;
	width:400px;
	text-align:justify;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
}

.image{
	width:10px;
	height:10px;
	position:relative;
	bottom:730px;
	left:170px;
}

/*---------------footer------------------------*/
.footer{
	height:230px;
	border-top:1px #b2b2b2 dashed;
	background:url(/img/footer2.jpg) no-repeat top center;
	width: 840px;
	padding:0px 0px 0px 59px;
}
.left_footer{
	float:center;
	padding:10px 0 0 10px;	
}
.bottom_footer{
	height:10px;
	text-align:center;
	padding:8px 63px 0px 0px;
}
.footer a{
	text-decoration:none;
	padding:0 5px 0 5px;
	color:#C72C48;
}
.center_footer{
	height:30px;
	text-align:center;
	padding:160px 63px 0 0;
}
