@charset "utf-8";
/* CSS Document */

	html
	{
	height:100%;
	overflow:hidden;
	}

	body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background : #555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #777;
	background-image:url(images/background.png);
	background-position:center center;
	overflow:hidden;
	}
	
	img {
	border:0;
	}
	
	.ico {
	vertical-align:middle;
	}

/* Gestion des blocs */



#contenant {
position:absolute;
width:920px;
left:50%;
margin-left:-460px;
height:644px;
top:50%;
margin-top:-322px;
}

#haut {
width:900px;
height:89px;
padding: 20px 0 0 20px;
background-image:url(images/header.png);
}

#menu {

height:26px;
background-image:url(images/bandeau-menu.jpg);
}

#navigation {
width:900px;
height:16px;
padding: 3px 0 0 20px;
background-image:url(images/bandeau-naviguation.jpg);
}

#illustration {
width:208px;
height:358px;
float:left;
background-color:#999999;
}

#liste {
width:193px;
height:338px;
float:left;
padding:20px 0 0 15px;
background-color:#c9c1b5;
}

#contenu {
width:702px;
height:348px;
float:left;
padding:10px 0 0 10px;
/*background-image:url(images/contenu-charte.jpg);*/
}

#contenuext {
width:895px;
height:343px;
float:left;
padding:15px 0 0 25px;
background-image:url(images/vague_ext.jpg);
}

#contenu_nous {
width:895px;
height:343px;
float:left;
padding:15px 0 0 25px;
background-image:url(images/fd_nous.jpg);
}

#footer {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/vague-charte.jpg);
}

#footer2 {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/vague.jpg);
}

#footer_prod {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/foot_prod.jpg);
}

#footer_prod2 {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/foot_prod2.jpg);
}

#footer_prodfrais {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/foot_prodfrais.jpg);
}

#footer_nous {
width:920px;
height:21px;
float:right;
padding:110px 0 0 0;
background-image:url(images/vague_nous.jpg);
}

#fiche {
background:url(images/fiche.png) no-repeat;

overflow:hidden;
}

#fiche2 {
background:url(images/fiche2.png) no-repeat;

overflow:hidden;
}

.fiche_large {
background:url(images/fiche_large.png) no-repeat;
overflow:hidden;
}

.fiche_large .illus {
width:311px;
height:183px;
padding:6px 0 0 6px;
}

.fiche_large .titre {
height:34px;
padding:8px 0 0 10px;
color:#d6c6b7;
}

.fiche_large .descriptif {
margin-top:-5px;
padding:0 0 0 10px;
height:57px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#473c36;
font-size:11px;
}

.fiche_large .calibre {
font-size:10px;
color:#c0ce00;
line-height:20px;
}

#fiche_photo {
width:166px;
height:150px;
background-color:#766B5F;
padding:5px;
margin:12px 0 0 10px;
overflow:hidden;
}

#fiche_photo2 {
	width:170px;
	height:150px;
	background-color:transparent;
	padding:5px 5px 0px 3px;
	margin:12px 0 0 12px;
}

#fiche_texte {
width:176px;
height:60px;
margin:10px 0 0 10px;
overflow:hidden;
}

#fiche_bouton {
width:176px;
height:20px;
margin:10px 0 0 10px;
overflow:hidden;
}

#beige {
/*background-image:url(images/fd_beige.png);*/
padding:5px;
border-top:solid 1px #a3aecf;
border-left:solid 1px #a3aecf;
border-right:solid 1px #a3aecf;
}

#canard {
	position:relative;
	height:240px;
	padding-left:150px;
	margin-top:40px;
	width: 320px;
	float:left;
}

#canard2 {
position:relative;
height:280px;
margin-top:-26px;
}

#information {
	z-index:50;
	float:left;
	text-align:left;
	width:180px;
	margin:200px 0 0 0px;
	padding:0 0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:10px;
	color:#534a3c;
	background:url(images/information.png) no-repeat;

}

/* Gestion des typos */

.navigation {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e8e3d8;
}

.mentions {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#b4ca6f;
}

.titre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#443a38;
}

.titre_alt {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#759226;
}

.stitre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#759226;
padding-left:50px;
}

.categorie {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#443a38;
}

.categorie2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#e6ded3;
}

.produit {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#443a38;
}

.alinea {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#443a38;
}

.legende {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#443a38;
}

.chiffre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:24px;
color:#443a38;
}

.fiche_titre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#9a8784;
}

.fiche_stitre {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#645c4e;
}

.fiche_stitrebis {
font-family:"Times New Roman", Times, serif;
font-size:10px;
color:#645c4e;
font-weight:bold;
}

.fiche_stitre2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:10px;
color:#a2947c;
}

/* Liens hypertextes */

a.mentions:link,  a.mentions:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#b4ca6f;
text-decoration:none;
}
a.mentions:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e4efc1;
text-decoration:none;
}

a.produit:link, a.produit:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#443a38;
text-decoration:none;
}

a.produit:hover {
color:#443a38;
text-decoration:underline;
}

a.charte:link, a.charte:visited {
font-family:Georgia, Helvetica, sans-serif;
font-size:11px;
color:#759226;
text-decoration:none;
}

a.charte:hover {
color:#759226;
text-decoration:underline;
}

a.cate:link, a.cate:visited {
font-family:Georgia, Helvetica, sans-serif;
font-size:13px;
color:#443a38;
text-decoration:none;
}

a.cate:hover {
color:#443a38;
text-decoration:underline;
}

a.nav:link, a.nav:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e8e3d8;
text-decoration:none;
}

a.nav:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#e8e3d8;
text-decoration:underline;
}

a.mail:link, a.mail:visited {
color:#759226;
text-decoration:none;
}

a.mail:hover {
color:#759226;
text-decoration:underline;
}

a.legende:link, a.legende:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#443a38;
text-decoration:none;
}

a.legende:hover {
text-decoration:underline;
}

a.categorie:link, a.categorie:visited {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#443a38;
text-decoration:none;
}

a.categorie:hover {
text-decoration:underline;
}

.navigation a:link, .navigation a:visited {
color:#e6ded3;
text-decoration:none;
}

.navigation a:hover {
color:#e6ded3;
text-decoration:none;
}

#text {margin:50px auto; width:500px}
.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

#tt {position:absolute; display:block; background:url(images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#92af21; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; white-space: nowrap;
}
#ttbot {display:block; height:5px; margin-left:5px; background:url(images/tt_bottom.gif) top right no-repeat; overflow:hidden}