html,body {
	  	font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,"Times New Roman",MacArial,Times;
		font-size:11px;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		background-color:#4f240a;
		background-attachment:fixed;
		background-image:url(public/images/fond.jpg);
		background-repeat:repeat-x;
		

}


#main {
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Helvetica,"Times New Roman",MacArial,Times;
		font-size:11px;
		margin-left:auto;
		margin-right:auto;
		position:relative;
		text-align:left;
		width:900px;
}


#motcle {
		position:relative;
		margin: 0 0 0 0%;
		top:0px;
		padding: 0;
		width:900px;
		height:54px;
		background-image:url(/public/images/mot-cle1.jpg);
		background-repeat:no-repeat;
}

#motcle h1 {
		color:#FFFFFF;
		font-weight:bold;
		font-size:12px;	
}



#header {
		position:relative;
		margin: 0 0 0 0%;
		top:10px;
		padding: 0;
		width:900px;
		height:75px;
		background-image:url(/public/images/baniere1.jpg);
		background-repeat:no-repeat;
		z-index:1;
}



#body1 {
		position:relative;
		margin: 0 0 0 0%;
		top:10px;
		padding: 0;
		width:900px;
		background-image:url(/public/images/body.png);
		background-repeat:repeat-y;
}


#menu {
		position:relative;
		margin: 0 0 0 0%;
		top:10px;
		padding: 0;
		width:900px;
		height:50px;
		background-image:url(/public/images/body.png);
		background-repeat:repeat-y
}

/*
.bouton {
		position:relative;
		font-size:16px;
		font-weight:bolder;
		color:#3C1C09;
		vertical-align:middle;
		margin:  0 0 0%;
		top:0px;
		padding: 0;
		width:150px;
		height:30px;
		background-image:url(/public/images/bouton.png);
		background-repeat:no-repeat;
		background-position:center;
		text-align:center;
		float:left;
}*/
ul#bouton  {
		height:40px;
		width:900px;
		margin:  0 0 0%;
		top:0px;
		padding-left:2px;
		z-index:1;
}
ul#bouton li {
		float: left;
		list-style-type: none;
		width:128px;
		height:40px;
}
ul#bouton a {
		text-align:center;
		background-image:url(/public/images/bouton.png);
		display:block;
		width:128px;
		text-decoration:none;
		color:#3C1C09;
		height:30px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:16px;
		font-weight:bold;
		background-repeat:no-repeat;
		background-position:center;
}
li#bouton1 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton2 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton3 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton4 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton5 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton6 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}
li#bouton7 a:hover{
		background-image:url(/public/images/bouton-hover.png);
		width:128px;
		height:30px;
		font-size:16px;
		background-repeat:no-repeat;
		background-position:center;
		color:#3C1C09;
}


#footer {
		position:relative;
		top:10px;
		text-align:right;
		position:relative;
		margin: 0 0 0 0%;
		padding: 0;
		width:900px;
		height:30px;
		font-size:12px;
		background-image:url(/public/images/footer1.jpg);
		background-repeat:repeat-y;
		font-weight:bolder;
		text-align:center;
}

#footer a{
		color:#3C1C09;
		text-decoration:none;
}

#retab {
		clear:both;
}




/****************************
         PANIER
****************************/
#panier {
		position:relative;
		margin: 0 0 0 0%;
		padding: 0;
		width:250px;
		height:30px;
		top:48px;
		left:10px;
		/*background-image:url(/public/images/mon-panier.png);
		background-repeat:repeat-y;*/
		font-size:16px;
		font-weight:bolder;
		color:#F0F0F0;
		vertical-align:middle;
		float:left;
}


/****************************
         RECHERCHER
****************************/
#rechercher {
		position:relative;
		margin: 0 0 0 0%;
		padding: 0;
		width:250px;
		height:30px;
		top:48px;
		left:10px;
		/*background-image:url(/public/images/mon-panier.png);
		background-repeat:repeat-y;*/
		font-size:12px;
		font-weight:bolder;
		float:left;
}

#boutonrechercher {
		color:#FFFFFF;
		font-size: 10px;
		border:0;
		width: 40px;
		height: 18px;
		background-color:#C33;
		text-align:center;
		vertical-align:text-top;
		border:1px solid #FFFFFF
}

#boutoninviter {
		color:#FFFFFF;
		font-size: 12px;
		border:0;
		height: 20px;
		background-color:#C33;
		text-align:center;
		vertical-align:top;
		border:1px solid #FFFFFF;
}

#boutoninviter1 {
		color:#FFFFFF;
		font-size: 12px;
		border:0;
		height: 20px;
		background-color:#C33;
		text-align:center;
		vertical-align:top;
		border:1px solid #FFFFFF;
}


.article {
	font-family:"Andalus","Arial","Helvetica",sans-serif;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
	text-align:justify;
	color:#5C493B;
}
.post {
	margin: 10px;
	font-size: 1em;
	color:#666666;
	font-size:14px;
	font-weight:500;
}
.article .post div.image-container {
	margin: 7px 0 0 0;
}
.article .post div.left {
	float: left;
	margin-right: 2px;
	text-align:justify;
}
.article .post div.right {
	float: right;
	margin-left: 2px;
}
.article .post div.center {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.article .post div.after {
	margin-top: 5px;
}

.article-bg {
	background-image:url(/public/images/article-bg.jpg);
	background-repeat:repeat-y;
}

.article h1{
		font-size:16px;
		color:#3C1C09;
		font-weight:bolder;
}

.article a:link{
		font-size:16px;
		color:#3C1C09;
		font-weight:bolder;
		text-decoration:none;
}

.article a:hover{
		font-size:16px;
		color:#C1151A;
		font-weight:bolder;
		text-decoration:none;
}

.post a:link{
		font-size:14px;
		color:#3C1C09;
		text-decoration:none;
}

.post a:hover{
		font-size:14px;
		color:#C1151A;
		text-decoration:none;
}

.article-infos {
	width:510px;
	text-align:left;
	height:30px;
	color:#4F4F4F;
	font-size:14px;
	vertical-align:middle;
}


/************************
       LIENS             
************************/
A:link {text-decoration: none; color: black;}
A:visited {text-decoration: none; color: black;}
A:active {text-decoration: none; color: black;}
A:hover {text-decoration: underline; color: black;}

/************************
          H1             
************************/
H1 {
		font-size:14px;
}

.worldwrap {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width: 99%; /* remove horizontal scroll-bar when viewing in IE7 */
}