html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
	min-width: 1050px;
}
body {
	padding: 0; /* -> 2 */
	margin: 0;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: 0.9em;
	line-height: 1.5; /* -> 5 */
	color: cccccc;
	background-color: #000;
	background-image: url(../images/bg_fond.png);
	background-repeat: repeat-x;

}
#titre {
	color: #FFFFFF;
	padding-top: 2px;
}
/* Titres */1325-1262-1638-6176-9096-9725
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2 {
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-weight: normal; /* -> 7 */
	color: #c1a054;
}
h1 {
	font-size: 2em; /* -> 8 */
	font-style: italic;
}
h2 {
	font-size: 1em; /* -> 8 */
}
h3 {font-size: 1.2em;}
h4 {font-size: 1em;}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */
a {
	color: #c1a054;
}
a:hover, a:focus {
	color: #666666;
	text-decoration: underline;
}
a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;
	color: #cccccc;
}

pre, code {
	font-size: 100%;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}
#copyright {
	margin: 20px 0 5px 0;
	text-align: right;
	font-size: .8em;
	color: #c1a054;
}
#copyright a {
	color: #c1a054;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	color: #666666;
	text-decoration: underline;
}

/* En-tête */

#entete {
	padding: 25px 0px 10px 0px;
	background-repeat: repeat-x;
	margin: 0 20px 0 20px;
	background-position: 1px;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 7px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}
#tableau_b {
	color: #000000;
	padding: 2px 20px;
}
/* Menu de navigation */

#navigation {
	padding: 5px 0px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation li {
	display: inline;
}
#navigation a {
	padding: 6px;
	line-height: 1.5;
	font-size: 1em;
	text-decoration: none;
}
#navigation a:hover, #navigation a:focus {
	color: #cccccc;
}
/* Menu de navigation gauche*/
#navigauche {
	width: 230px;
	background-image: url(../images/navigauche.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 200px;
	padding-top: 70px;
}
#navigauche ul {
	list-style: none;
}
#navigauche li {
	display: inline;
}
#navigauche a {
	padding: 2px 20px;
	line-height: 1.5;
	font-size: 1em;
	text-decoration: none;
}
#navigauche a:hover, #navigation a:focus {
	color: #c1a054;
}
#menucoeur {
	background-image: url(../images/coeur.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
#menuloupe {
	background-image: url(../images/loupe.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
#arrow {
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	background-position: left top;
	}
/* Contenu principal */
#contenu1 {
	background-image: url(../images/bg_fond.png);
	background-repeat: repeat-x;
	min-width: 1050px;

}
#search {
	height: 325px;
	padding-top: 2px;
}
#searchc {
	height: 325px;
	margin: 0 200px 0 20px;
	background-image: url(../images/search_c.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 20px;
}
#searchcontact {
	height: 325px;
	margin: 0 200px 0 20px;
	background-image: url(../images/search_c.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
}
#searchg {
	height: 325px;
	background-image: url(../images/search_g.png);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 20px;
}
#searchd {
	height: 325px;
	background-image: url(../images/search_d.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 283px;
}
#contenu {

	color: #999999;
	padding: 10px 20px;
	background-image: url(../images/bg_fond.png);
	background-repeat: repeat-x;
	max-width: 1600px;
	margin-left: auto;
	margin-right: auto;
	
}
#contenu > :first-child {
	margin-top: 10px;
}
#contenu p, #contenu li {
	line-height: 1.5;
}
#contenu a {
	color: #999999;
}
#contenu a:hover, #contenu a:focus {
	color: #c1a054;
}
#contenu strong {
	color: #c1a054;
}

#tc {
	background-image: url(../images/bg_ch.png);
	background-repeat: repeat-x;
	height: 20px;
	margin: 0 20px 0 20px;
}
#cc {
	background-color: #000000;
	width: 100%;
}
#bc {
	background-image: url(../images/bg_bc.png);
	background-repeat: repeat-x;
	height: 60px;
	margin: 0 20px 0 20px;
}
#cg {
	background-image: url(../images/bg_cg.png);
	background-repeat: repeat-y;
	float: left;
	width: 20px;
}
#cd {
	background-image: url(../images/bg_cd.png);
	background-repeat: repeat-y;
	width: 20px;
	float: right;
}
#bg {
	background-image: url(../images/bg_bg.png);
	height: 60px;
	width: 20px;
	background-repeat: no-repeat;
	float: left;
}
#bd {
	background-image: url(../images/bg_bd.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 60px;
	float: right;
}
#tg {
	background-image: url(../images/bg_hg.png);
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	float: left;
}
#td {
	background-image: url(../images/bg_hd.png);
	float: right;
	height: 20px;
	width: 20px;
	background-repeat: no-repeat;
} 
#spacer {clear: both}


/* barre supérieur des cadres */
#barre {
	width: 90%;
	height: 27px;
}
#barrec {
	height: 27px;
	background-image: url(../images/bg_barre_ce.png);
	background-repeat: repeat-x;
	margin: 0 36px 0 36px;
}
#barreg {
	width:36px;
	height: 27px;
	background-image: url(../images/bg_barre_g.png);
	background-repeat: no-repeat;
	background-position: left;
	float: left;
}
#barred {
	width:36px;
	background-image: url(../images/bg_barre_dr.png);
	height: 27px;
	background-repeat: no-repeat;
	background-position: right;
	float: right;
}
#coeur {
	width: 100%;
	height: 192px;
	padding-top: 2px;
}
#coeurc {
	height: 192px;
	background-image: url(../images/coeur_c.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0 129px 0 20px;
	padding-top: 10px;
}
#coeurg {
	height: 192px;
	background-image: url(../images/coeur_g.png);
	background-repeat: repeat-x;
	background-position: left top;
	float: left;
	width: 20px;
}
#coeurd {
	height: 200px;
	background-image: url(../images/coeur_d.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	width: 129px;
}
#menudroite {
	color: #999999;
	width: 100%;
	padding-top: 25px;
	height: 210px;
}

#menudroite a {
	color: #999999;
}
#menudroite a:hover, #contenu a:focus {
	color: #ffffff;
}
#contenu strong {
	color: #c1a054;
}
/* Pied de page */
#pied {
	color: #c1a054;
	padding: 15px 20px;
	font-size: 1em;
	background-image: url(../images/bg_footer.png);
	background-repeat: repeat-x;
	background-position: top;
}
#pied p {
	margin: .5em 0;
}
#pied #copyright {
	float: right;
	margin: .5em 0 30px 10%;
	font-size: 1em;
}
.piedgris1 {
	color: #999999
}

/* images */

#home {
	width: 22px;
	height: 19px;
	background-image: url(../images/home.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	
}
#logo {
	background-image: url(../images/logo_ki.png);
	background-repeat: no-repeat;
	width: 277px;
	height: 133px;
	float: right;
}
#picadd {
	width: 16px;
	height: 16px;
	background-image: url(../images/pic_add.png);
	background-repeat: no-repeat;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
}
#picright {
	width: 15px;
	height: 16px;
	background-image: url(../images/pic_arrow_right.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;	
	margin-left: 10px;
	margin-top: 5px;
}
#picphoto {
	width: 30px;
	height: 30px;
	background-image: url(../images/pic_photo.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;	
}
#s3slider { 
   width: 400px; /* important to be same as image width */ 
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}
#titre {
	color: #FFFFFF;
}

#s3sliderContent {
   width: 400px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}