/* 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";

/* STYLE CONTENU */
#texte h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:10px 80px 20px 0 !important;
margin:10px 60px 20px 0;
text-transform:uppercase;
text-align:right;

}
#texte h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:0px 0px 5px 0;
padding:0 0 0 45px;
background:url(../images/charte/puceh2.gif) no-repeat 5px left;
}
#texte h3{
font-family:Arial, Helvetica, sans-serif;
font-size:1.3em;
font-weight:bold;
line-height:30px;
height:30px;
text-align:left;
color:#000;
margin:0px;
padding:5px 0 0 50px;
}
#texte a:link, #texte a:visited{
	font-weight:bold;
		text-decoration:none;
	color: #000;
}
#texte a:hover, #texte a:active{
	font-weight:bold;
	text-decoration:underline;
	color: #000;
}
.alignementdroite{
	float:right;
	margin:0 0 0px 20px;
}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{

	float:left;
}
#contactPlan{

	float:right;
}
#formContact input,textarea{

	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


#texte #diaporama {
	margin:2px 0px 0px 66px;


	width:490px;
	
	height:100px;
	border:0px;

	position:absolute;
	overflow:hidden;
}

#texte #diaporama img {
	border:solid 1px #ffffff;
	margin-right:4px;

	display:block;
}

#scroller_graphisme
{
	background-image:url(../images/charte/bg-scroll.jpg);
	width:624px;
	height:100px;
	margin:0px;
	padding-left:0px;
	text-align:left;
	text-indent:0px;
}


.img-left
{

	border:1px solid white;
	margin-right:5px;
	margin-bottom:5px;
}




/**************************** PAGE PROMOTIONS *************************/
/**************************** PAGE PROMOTIONS *************************/
/**************************** PAGE PROMOTIONS *************************/
.promo
{
	width:600px;
	
}
.promo_img
{
	float:left;
	margin-right:10px;
	display:block;
	border:1px solid white;
}
.promo_contenu
{
	display:block;
	margin-left:135px;
	padding-left:5px;
	border-left:2px solid #BFA579;
	margin-bottom:20px;

}
.promo_contenu .designation
{
	font-size:18px;
	color:#E8E8E8;
	padding-left:20px;
	margin-bottom:-10px;
	font-weight:bold;
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
.promo_contenu .descriptif
{
	font-size:12px;
	margin-bottom:-5px;

}
.promo_contenu .prix-ancien
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:-15px;
	width:100px;
	margin-left:115px;
	display:block;
	color:#BFA579;
	text-decoration:line-through;

}
.promo_contenu .prix-promo
{
	font-size:18px;
	font-weight:bold;
	margin-bottom:-15px;
	float:left;
	width:100px;
	display:block;

	color:#FFFFFF;
}


.promo-listing
{
	width:150px;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	border-top:1px solid #BFA579;
	border-left:1px solid #BFA579;	
	border-right:1px solid #BFA579;
	border-bottom:4px solid #BFA579;
	padding-bottom:5px;		
}
.promo-listing:hover
{	width:150px;
	background-color:#BFA579;
	border:1px solid #BFA579;
	border-bottom:4px solid #BFA579;
}
.promo-listing_img
{	
	width:150px;
	display:block;
	text-align:center;	
}
.promo-listing_img img
{
	border:1px solid white;
}
.promo_listing-contenu
{
	margin-bottom:20px;
}
.promo_listing-contenu .titre
{
	font-size:12px;
	color:#E8E8E8;

	margin-bottom:-10px;
	font-weight:bold;
	
	text-align:center;
	width:150px;
	border-bottom:1px solid white;
}


.separateur
{
	clear:both;
	margin-bottom:10px;
}


.galerie
{
	border:1px solid #BFA579;
	margin:2px;
	
}
.galerie:hover
{
	border:3px solid #BFA579;
	margin:0px;
}
.container_galerie
{
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}





/****************************** ESPACE  PRO **********************/
/****************************** ESPACE  PRO **********************/
/****************************** ESPACE  PRO **********************/
.pro-collection
{
	padding:0px;
	padding-right:0px;
	width:550px;
	
/*	border:1px solid #BFA579; */
}
.pro-collection ul li
{
display:inline;
cursor:pointer;
padding-left:5px;
/* background-color:#3F1F08; */
background-color:#000;
}
.pro-collection li:hover
{
cursor:pointer;
background-color:#FAF8F7;
}
.pro-collection ul
{
	margin-left:10px;
	list-style-image:url(../images/puce.gif);
	margin:2px;
}
.pro-modele
{
/*	position:absolute;
	top:100px;
	left:315px; */
	float:left;
	margin-left:3px;

	padding:0px;
	display:none;
	border:2px solid #BFA579;
	background-color:#BFA579;
}
.pro-modele li
{

cursor:pointer;

/* background-color:#3F1F08; */
background-color:#BFA579;
color:#000000;


	display:inline;
	margin-top:50px;

	padding-left:15px;
	padding-right:15px;
}
.pro-modele li:hover
{
cursor:pointer;
background-color:#FAF8F7;
}
.pro-modele ul
{
	list-style-image:url(../images/puce.gif);
	margin-bottom:0px;
	margin-left:0px;
}
.pro-detail
{
	margin-left:3px;
	margin-top:25px;
	width:532px;
	background-color:#683D1C;
	border:1px solid #BFA579;
	padding:5px;	

}

.pro-detail .nom-collection
{
	font-size:18px;
	font-weight:bold;
	padding-left:20px;
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px solid;
	margin-bottom:5px;
}
.pro-detail .nom-modele
{
	font-size:16px;
	border-bottom:1px solid;
	color:#CCCCCC;
}

.croquis-pro
{
	float:left;
	margin-right:25px;
	margin-left:55px;
}
.photo-pro
{

}

.couleurs
{
	width:50px;
	height:50px;
	margin-right:5px;
	border:1px solid white;
	float:left;
}
.encart-texte
{
	padding-left:10px;
	padding-bottom:10px;
	border-bottom:2px solid #BFA579;
}
.image-centre
{
	text-align:center;
	
}








/*********************************** page ACCES PRO**********/
#div_principale
{
	width:540px;
	border:3px solid black;
	background-color:#000000;


}
#div_principale ul
{	
	
}


#div_principale li
{
	display:inline;
	margin-top:50px;
	
	padding-left:15px;
	padding-right:15px;


	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:14px;
}

#selection
{
	position:absolute;
	left:50px;
	top:250px;
}
#selection table
{	
	width:222px;
	padding:0px;
	margin:0px;
	border:none;
}
#selection table td
{
	
}
.titre-selection
{
	width:218px;
	vertical-align:baseline;
	line-height:23px;
	height:36px;
	background-image:url(../images/bg-selection-titre.gif);
	background-repeat:no-repeat;
	text-align:center;
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
}
.selection-detail table
{
	width:218px;
	padding:0px;
	margin:0px;
	border:0px;

}

.selection-detail td
{
	background-color:#000000;
}

#encartpromo {
	float:right;
	background:url(../images/charte/encart.jpg) no-repeat;
	width:259px;
	height:400px;
	padding:15px 10px 50px 20px;
}

#encartpromo img{
	margin:0px 0px 0px 20px;
	
}

#encartpromo p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.1em;
	line-height:1.2em;
	text-align:justify;
	color:#000000;
	padding:0px 50px 0px 10px;
}