/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */

/* Import des style pour la charte */
@import "charte.css";



/*************** Images + légende ***************/
.div_blocimg{
	width:100%;
	height:140px;
	padding:5px 0px 5px 20px;
	/*border:1px red solid;*/
}
*html .div_blocimg{
	height:140px;
	padding:5px 0px 0px 15px;
	/*border:1px red solid;*/
}

.cadre_image{
	float:left;
	width:150px;
	height:127px;
	/*border:1px red solid;*/ 
	margin:0px 10px 4px 0px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #A50000;
	font-weight:600;
}
/********************************************** COMMUN **********************************************/
#burnichon h1,
#atelier h1,
#fabrication h1,
#pieces_deco h1,
#nouveaute h1,
#liens h1,
#contact h1,
#cgv h1,
#catalogue h1{
	margin:10px 20px 10px 20px;
	font:bold  1.8em Arial, Helvetica, sans-serif;
	text-align:left;
	color:#660033;
	height:35px;
	letter-spacing:0.1em;
	border-bottom:1px solid #A50000;
	padding:0 0 0 100px;
	font-style:italic;
	background: url(../images/charte/navette.gif) no-repeat scroll left top;
}

#burnichon h2,
#atelier h2,
#fabrication h2,
#pieces_deco h2,
#nouveaute h2,
#liens h2,
#contact h2,
#cgv h2,
#catalogue h2{
	margin:10px 20px 10px 10px;
	padding:0;
	font:bold  13px Arial, Helvetica, sans-serif;
	font-style:italic;
	letter-spacing:0.1em;
	text-align:left;
	color:#660033;
	border-bottom:1px dashed #A50000;
}

td,
#burnichon p,
#atelier p,
#fabrication p,
#pieces_deco p,
#nouveaute p,
#liens p,
#contact p,
#cgv p{
	font:12px Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
	text-align: justify;
	line-height:16px;
	letter-spacing:0.08em;
	color: #660033;
}
#burnichon a:link, #burnichon a:visited,
#atelier a:link, #atelier a:visited,
#fabrication a:link, #fabrication a:visited,
#pieces_deco a:link, #pieces_deco a:visited,
#nouveaute a:link, #nouveaute a:visited,
#liens a:link, #liens a:visited,
#contact a:link, #contact a:visited,
#cgv a:link, #cgv a:visited,
#catalogue a:link, #cgv a:visited{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	line-height:16px;
	letter-spacing:0.08em;
	color: #A50000;
}
#burnichon a:link, #burnichon a:visited,
#atelier a:link, #atelier a:visited,
#fabrication a:link, #fabrication a:visited,
#pieces_deco a:link, #pieces_deco a:visited,
#nouveaute a:link, #nouveaute a:visited,
#liens a:link, #liens a:visited,
#contact a:link, #contact a:visited,
#cgv a:link, #cgv a:visited,
#catalogue a:link, #cgv a:visited{
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:underline;
	line-height:16px;
	letter-spacing:0.08em;
	color: #A50000;
}

#atelier li,
#fabrication li,
#liens li,
#cgv li,
#catalogue li{
	list-style-image:url(../images/charte/puce01.gif);
	margin-bottom:15px;
	font:12px Arial, Helvetica, sans-serif;
	padding:0 10px 0 10px;
	text-align: justify;
	line-height:16px;
	letter-spacing:0.08em;
	color: #660033;
}


/******************************************* PRESENTATION *******************************************/
#burnichon{
	width:520px;
	float:left;
}
#burnichon img{
	margin-right:5px;
}
#burnichon .img_drt{
	margin:5px 0 0 5px;
}

/******************************************* CATALOGUE *******************************************/
#catalogue{
	width:524px;
	float:left;
}
#catalogue p{
	font:12px Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	text-align: left;
	line-height:16px;
	letter-spacing:0.08em;
	color: #660033;
	margin-top:0;
}
#catalogue #texte{
	width:250px;
	float:right;
	margin:0;
	padding:0;
	/*border:1px solid blue;*/
}
#catalogue #photo{
	width:260px;
	float:left;
	margin:0;
	padding:0 0 40px 0;
	/*border:1px solid black;*/
}
#catalogue .image{
	margin:0;
	padding:0;
}
#catalogue #bloc{
	width:100px;
	float:left;
	margin:0;
}
#catalogue #bloc2{
	float:left;
	padding:0;
	margin-left:5px;
	width:140px;
}
#catalogue input{
	width:100px;
	border:1px solid #000;
	font-size:12px;
}

/******************************************* ATELIER *******************************************/
#atelier{
	width:520px;
	float:left;
}
#gche .img_drt{
	margin:0 10px 0 0;
}
/******************************************* FABRICATION *******************************************/
#fabrication{
	width:520px;
	float:left;
}
#fabrication .cadre_image{
	float:left;
	margin:0px 5px 4px 15px; 
}
*html #fabrication .cadre_image{
	margin:0px 5px 0px 10px; 
}
/******************************************* PIECES DECORATIVES *******************************************/
#pieces_deco{
	width:520px;
	float:left;
}
#pieces_deco .image{
	margin:0 0 0 5px; 
}
*html #pieces_deco .image{
	margin:0 0 0 5px; 
}
#pieces_deco .cadre_image{
	float:left;
	margin:0px 45px 0 45px; 
}
*html #pieces_deco .cadre_image{
	margin:0px 25px 0px 25px; 
}

/******************************************* NOUVEAUTE EVENEMENTS *******************************************/
#nouveaute{
	width:520px;
	float:left;
}
#nouveaute #cadre_photo{
	width:160px;
	float:left;
	
}
#nouveaute #cadre_evenement{
	width:360px;
	float:left;
}

/******************************************* LIENS *******************************************/
#liens{
	width:520px;
	float:left;
}
#liens #cadre_gauche{
	width:250px;
	float:left;
	/*border:1px solid blue;*/
}
#liens #cadre_droit{
	width:250px;
	float:right;
	/*border:1px solid blue;*/
}

/******************************************* CGV *******************************************/
#cgv{
	width:520px;
	float:left;
}
#cgv li{
	margin-bottom:5px;
}

/******************************************* CONTACT *******************************************/
#contact{
	width:520px;
	float:left;
}
#contactTxt{
	width:45%;
	float:left;
	text-align:center;
}
#contactPlan{
	width:45%;
	float:right;
	text-align:center;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}

/******************************************* FOOTER *******************************************/
.footerMenu p{
	font:1em Arial, Helvetica, sans-serif;
	line-height:15px;
	color: #AF7539;
	text-align:center;
}
.footer a:link, #footer a:visited{
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	color: #A50000;
}
.footer a:hover, #footer a:active{
	font:1.0em Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:underline;
	color: #A50000;
}
#contenu p.couleur, .couleur{
	font-weight:bold;
	color:#660033;
}

/******************************************* COMPTE *******************************************/
#compte {
	width:215px;
	height:126px;
	position: absolute;
	right:0;
	top:0;
	padding:20px 0 0 0;}

#compte h1{
	font:bold 1.2em Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	color:#FFCC00;
	padding:0;
	margin:0 0 5px 0;}

#compte form{
	margin:0;
	padding:0;
	line-height:18px;}

#compte input{
	font:bold 0.9em Arial, Helvetica, sans-serif;
	letter-spacing:0.1em;
	color:#FFF;
	width:100px;
	background:#A50000;
	border:1px solid #C10505;
	padding:0 3px;
	margin:2px 0;}

#compte #valid {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#FF7E00;
	text-decoration:none;
}

#compte #valid:hover {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	color:#FFA200;
	text-decoration:none;
}

#compte #comp {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFCC00;
	text-decoration:none;
}

#compte #comp:hover {
	font:bold 0.9em Arial, Helvetica, sans-serif;
	color:#FFCC00;
	text-decoration:underline;
}

/******************************************* MENU *******************************************/
#menutop {
	width:990px;
	position:absolute;
	top:155px;
	left:0;
}
#menutop ul {
	display: inline;
	height:34px;
	display:block;
}
#menutop li {
	display: inline;
}
#menutop li a{
	font:bold 1.2em Lucida Handwriting, Arial, Helvetica, sans-serif;
	color:#A50000;
	padding:5px 5px;
	text-decoration:none;
}
#menutop li a:hover{
	font:bold 1.2em Lucida Handwriting, Arial, Helvetica, sans-serif;
	color:#FFF;
	background:#A50000;
	padding:5px 5px;
	text-decoration:none;
}


#panier {
font:bold 1.1em Arial, Helvetica, sans-serif;
color:#383838;
position: absolute;
right:20px;
}

.montant {
font:bold 1em Verdana, Arial, Helvetica, sans-serif;
color:#FF7E00;}


.encart {
	background:url(../images/charte/fond-encart-repeat.jpg) repeat-y;
	text-align:center;
	z-index:1000;
}


.encart h1{
font:bold 1.3em Arial, Helvetica, sans-serif;
color:#FF7E00;
text-align:left;
margin: 0 0 5px 20px;
}

/*.encart p{
width:180px;
font:0.8em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
margin: 5px auto;
display:table;
font-weight:bold;
}*/
.encart p{
width:180px;
font:bold 1.0em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
margin: 5px auto;
display:table;
font-weight:bold;
}

.encart img{
border:0px solid #FF7E00;}

.encart a img{
border:1px solid #FF7E00;}


.encart span{
width:180px;
font:bold 1.0em Arial, Helvetica, sans-serif;
color:#FFF;
text-align:left;
margin: 5px auto;
display:table;
}

.encart span#or{
  width:100%;
  font:bold 14px Arial, Helvetica, sans-serif;
  color:#FFCC00;
  text-align:right;
  }

.encart-entier{
	margin-top:20px;
	padding:0 5px 20px 5px;
  }


.encart-haut{
	background:url(../images/charte/encart-top.jpg) no-repeat;
	width:220px;
	height:20px;
  }

.encart-bas{
	background:url(../images/charte/encart-bottom1.jpg) no-repeat;
	width:220px;
	height:76px;
	margin-top:-10px;
  }

#index-produits{margin:0 10px;}
#index-produits #title{width:500px; height:29px; background:url(../images/charte/title-prod.jpg) no-repeat; left top; color:#ffffff; font:bold 13px Arial; line-height:29px;}
#index-produits table{background-color:#A30003; }
#index-produits table td{background-color:#FFEBFE; text-align:center; line-height:22px; padding:3px 0px;}
#index-produits table th{background-color:#fff; color:#9F0000; text-transform: uppercase; font-size:11px; height:20px; padding:0 2px; text-align:center}
#index-produits table td a:visited, #index-produits table td a:link {font-size:11px; font-weight:normal }