/* 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";
@import "ficheproduit.css";

/* STYLE CONTENU */
#contenu h1{
height:56px;
background-repeat:no-repeat;
}
#contenu h1 span {
display:none;
}
#contenu h1#accueil {
background-image: url(../images/charte/titre-accueil.gif);
}
#contenu h1#en_accueil {
background-image: url(../images/charte/en_titre-accueil.gif);
}
#contenu h1#hiverFemme {
background-image: url(../images/charte/titre-femme01.gif);
}
#contenu h1#hiverhomme {
background-image: url(../images/charte/titre-hiver-homme.gif);
}
#contenu h1#etefemme {
background-image: url(../images/charte/titre-ete-femme.gif);
}
#contenu h1#etehomme {
background-image: url(../images/charte/titre-ete-homme.gif);
}
#contenu h1#plansite {
background-image: url(../images/charte/titre-plansite.gif);
}
/* version anglaise */
#contenu h1#en_hiverFemme {
background-image: url(../images/charte/en_titre-femme01.gif);
}
#contenu h1#en_hiverhomme {
background-image: url(../images/charte/en_titre-hiver-homme.gif);
}
#contenu h1#en_etefemme {
background-image: url(../images/charte/en_titre-ete-femme.gif);
}
#contenu h1#en_etehomme {
background-image: url(../images/charte/en_titre-ete-homme.gif);
}
/* version anglaise */

#contenu h1#boutique {
background-image: url(../images/charte/titre-boutique.gif);
}
#contenu h1#en_boutique {
background-image: url(../images/charte/en_titre-boutique.gif);
}
#contenu h1#news {
background-image: url(../images/charte/titre-news.gif);
}
#contenu h1#en_news {
background-image: url(../images/charte/en_titre-news.gif);
}
#contenu h1#contact {
background-image: url(../images/charte/titre-contact.gif);
}
#contenu h1#liens {
background-image: url(../images/charte/titre-lien.gif);
}
#contenu h1#en_liens {
background-image: url(../images/charte/en_titre-lien.gif);
}
#contenu h1#mention {
background-image: url(../images/charte/titre-mention.gif);
}
#contenu h1#cgv {
background-image: url(../images/charte/titre-cgv.gif);
}


#contenu h2{
font:bold 1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#fff;
text-transform:uppercase;
margin:0 0 5px 0;
}
#contenu h3{
font:bold 1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align:left;
color:#fff;
margin:0 0 0px 0;
padding:0px;
}
#contenu p{
font:normal 1.1em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
padding:0 30px 0 0;
margin:12px 0px;
}
#contenu ul{
margin:12px 0px 12px 50px ;
}
#contenu li{
font:normal 1.1em/1.3em Arial, Helvetica, sans-serif;
text-align:justify;
color:#fff;
padding:0;
margin:0px;
}

b{
font-size:1.2em;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#999;
letter-spacing:1px;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:underline;
color:#fff;
letter-spacing:1px;
}
.texte{
	font:normal 1.1em/1.3em Arial, Helvetica, sans-serif;
	color:#fff;
	padding:0;
}
#pagination{
	float:right;
	width:650px;
	margin-right:30px;
	height:18px;
	padding-top:4px;
	/*border:1px solid #fff;*/
	background:url(../images/charte/bg-pagination.gif) repeat-x;
}
#pagination p{
	margin:0px;
	padding:0px;
	text-align:center;
	color:#fff;
}



/****************************** BOUTIQUE *****************************/
#container #contenu a.galerieboutique{
	cursor:pointer;
	float:left;
	width:205px;
	height:180px;
	height:auto !important;
	min-height:180px;
	background:url(../images/charte/cadre.jpg) no-repeat scroll left top;
	text-decoration:none;
	margin:10px 15px 10px 0;
}
#container #contenu a.galerieboutique #image{
	position:relative;
	margin:33px 0 40px 34px;
	width:137px;
	height:112px;
	background:no-repeat scroll center center;
}



/****************************** NEWS *****************************/
#container #contenu .actu{
	float:right;
	width:660px;
	padding:10px ;
	margin:10px 0PX;
	/*border:1px solid #e1e3e4;*/
}
#container #contenu .actu p{
	margin:0px;
	padding:0px;
}
#galerie{
   	float:left;
	width:660px;
	height:105px;
	white-space:nowrap;
  	overflow: hidden;
	margin-top:10px;
}
#galerie img{
	margin-right:5px;
	border:1px solid #fff;
  	height: 100px;
}



/****************************** LIENS *****************************/
#container #contenu .lien{
	float:left;
	width:195px;
	padding:5px ;
	margin:10px 15px 10px 0px;
	/*border:1px solid #e1e3e4;*/
}
#container #contenu .lien p{
	text-align:left;
}


/****************************** CONTACT *****************************/
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#contactTxt p,
#contactPlan p{
	text-align:center;
}
#formContact label{
	font:normal 1.1em/1.2em Arial, Helvetica, sans-serif;
	text-align:justify;
	color:#FBFBFB;
	font-weight:bold;
	float:left;
	padding-top:5px;
	width:auto;
}
#formContact input{
	float:left;
	width:188px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	margin:1px 0 1px 0px;
	border:1px solid #333;
	background:url(../images/charte/bg-input-fcontact.gif) repeat-x 0px 0px;
	height:16px;
	padding:4px 6px 2px 6px;
	color:#fff;
}
#formContact .bouton{
	float:left;
	width:180px;
	font-size:1.1em;
	font-weight:bold;
	margin:1px 10px 1px 10px;
	border:1px solid #333;
	background:url(../images/charte/bg-input-fcontact.gif) repeat-x 0px 0px;
	height:25px;
	padding:4px 6px 2px 6px;
	color:#fff;
}
#formContact textarea{
	width:550px;
	font:normal 1.2em Arial, Helvetica, sans-serif;
	margin:1px 10px 1px 0px;
	border:1px solid #333;
	background:url(../images/charte/textarea.gif) repeat-x 0px 0px;
	height:42px;
	padding:4px 6px 2px 6px;
	color:#fff;
}
/*#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}*/
#formContact input:focus,textarea:focus{
	border-color:#A9A9A9;
}
#formContact .champRequis{
	color:#FF0000;
}