html { 
  padding:0px;
  margin:0px;
}

body {
	font-size: 14px;
	font-family: Georgia, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
	color: #333;
	padding: 0px 9%;
	margin: 0px;
}

#top{
	text-align: center;
	background: #fff url(img/kenya-safari-fond.gif) repeat-x top center;
	margin:0 -9% -20px;
	padding:40px 0 0 0;
}

#top h1 a{
	margin:0;
	padding:0 0 20px;
	font-size: 2.3em;
	text-decoration:none;
	color: #5C321C;
}

#top h1 a:hover{color: #fff;	background-color: #5C321C; text-decoration:none;}

#top h1 span#off {
	display:none;
}

/*** Les différents calques ***/

#content {
	margin: 0 0 0 -50px;
	padding: 0 0 0 100px;
	background: #fff url(img/vertical.jpg) repeat-y top left;
	/* url(img/carte-kenya.jpg) */
}

#sidebar {
	float:right;
}

#film2 {
	text-align: center;
	padding: 60px 10px 35px;
	margin: 0px 0px 20px 35px;
}


#film {
	text-align: center;
	padding: 20px 10px;
	margin: 0px 0px 20px 35px;
	width: 347px;
}

#sidebar #details {
	font-size:80%;
	line-height:140%;
	color:#777;
	text-align: left;
	padding: 10px 20px;
	margin: 0px 0px 20px 35px;
	width: 270px;
}

#sidebar #notes {
	text-align: center;
	padding: 60px 10px 35px;
	margin: 0px 0px 20px 35px;
	background: #fff url(img/spirales.gif) no-repeat top center;
	height:240px;	
	width: 347px;
}

#achat {
	text-align: center;
	float: right;
	padding: 20px;
	margin: 0px 0px 30px 30px;
	background: #eee no-repeat top center;
	width: 320px;
	border:1px solid black

}

div.article{
	float: left;
	width: 200px;
	border: 1px dotted #bbb;
	margin: 8px;
	padding: 6px;
	text-align: center;
	background-color: #f6f6f6;
}

div.article h2{
	font-size:1em;
}

div.spacer{
	clear:both;
	margin:0;
	padding:0;
}

div#panier{
	float:right;
	width:150px;
}

div.post{
	padding: 1em;
	margin-bottom: 2em;
	text-align:justify;
}

p#footer{
	border-top: 1px dotted black;
	padding: 1em 0 1em 0;
	margin: 0 0 0 4em;
	background-color: #fff;
}

/*** Les balises de base ***/

h2{
	color: #5C321C;
	word-spacing: -1.5px;
	font-size:1.5em;
}

h3{
	font-size:1.2em;
	padding-bottom:0;
	margin-bottom:0;
}

p{
	padding:0;
}

p.strong{
	font-weight:bold;
}

q{
	margin-left: 20px;
	font-style: italic;
	color:#5C321C;
}

address{
	border: 1px solid Silver;
	padding: 15px;
	margin-left: 20px;
	line-height: 20px;
	width:180px;
}

acronym, abbr{
	border-bottom: 1px dotted;
	cursor : help;
}

/*** Menu horizontal ***/

#menu ul {
	margin: 0 0 1.5em 0;
	padding: 5px 1em 5px 0;
	list-style-type: none;
	color: #000;
	font-size: 0.9em;
	text-align: center;
}
#menu ul li {	display: inline;	padding : 5px 0; background-color: #E0E0E0;}
#menu ul li a {	padding : 5px 1em 5px 1em;	color: #000;	text-decoration: none;	border-left: 1px solid #fff;}
#menu ul li a:link#actif, #menu ul li a:visited#actif, #menu ul li a:hover {
	background-color: #444;
	color: #fff;
	border-left: 1px solid #fff;
}

/*** Les liens ***/

a:link{color: #5C321C;}
a:visited{color: #666;}
a:hover{color: #fff;	background-color: #5C321C; text-decoration:none;}
a[hreflang]:after {content: "\0000a0[" attr(hreflang) "]"; color:#999; background:transparent;}
a img{border: none;}
a.ext {
	padding-right: 15px;
	background: url(img/ext.png) no-repeat 98% 50%;
}

a.ext:hover{
	color:#fff;
	background-color:#5C321C; 
}

/*** Liens divers ***/
p.commander a, p.commander a:visited{
	background-color: #5C321C;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	border: 2px outset #DFBAA6;
}

p.commander a:hover{
	background-color: #754529;
	color: #fff;
	text-decoration: none;
	padding: 5px;
	border: 2px inset #DFBAA6;
}

/*** Mises en forme particulières ***/

span.telecharger{
	color: #999;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
}

span.telecharger a{
	color: #999;
}

object.mp3 { /* Lecteur Flash */
	width:200px;
	height:20px;
}

span.prix {
	font-weight:bold;
	font-size:1.4em;
}

span.strike{
	text-decoration: line-through;
}

div#avis{
	border: 1px solid Gray;
	padding: 10px;
	background-color: #FFE4AD;
}

/*** Liste numérotée ***/

ol#cd li{
	line-height: 20px;
}

ol#cd em{
	color:#777;
}

/*** Les listes ***/

ul li{
	list-style-image: url(img/fleche.png);
}

/*** La galerie ***/

div#galerie
{
	width: 800px ;
	background: #eed ;
	border: 1px solid #dcb ;
	padding: 15px ;
	margin: 15px 30px ;
	text-align: center ;
	font: 0.9em Georgia, serif ;
}

ul#galerie_mini
{
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
	list-style-image:none;
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: 1em Georgia, serif ;
	color: #444 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}