/* 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 "jd.slideshow.css";

/* STYLE CONTENU */
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-variant:small-caps;
font-weight:normal;
text-align:left;
color:#30100c;
clear:both;
margin-bottom:10px;
margin-top:30px;
border-bottom:2px solid #70c5cb;
display:block;
letter-spacing:1px;
}

#contenu h2{
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:100;
text-align:left;
color:#30100c;
border-bottom:1px solid #70c5cb;
display:inline;
letter-spacing:1px;
}

#contenu h4{
font-family:Arial, Helvetica, sans-serif;
font-size:17px;
font-weight:100;
text-align:left;
color:#30100;
width:97%;
font-variant:small-caps;
background:#70c5cb; 
padding:2px 10px;
border-bottom:1px solid #70c5cb;
letter-spacing:1px;
margin:0px 0px 5px 0px;
}

#contenu p{
font-family:verdana;
font-size:1em;
line-height:130%;
text-align:justify;
color: #30100c;
}
#contenu strong{
font-size:1.1em;
}
#contenu p.couleur, .couleur{
font-size:1.1em;
font-weight:bold;
color:#000;
}


#contenu p a:link, #contenu p a:visited{
font-size:1em;
font-weight:100;
text-decoration:none;
padding:0px 4px;
color: #C34B03;
}
#contenu p a:hover, #contenu p a:active{
font-size:1em;
font-weight:100;
text-decoration:none;
color: #fff;
background:#70c5cb; 
border:none;
}

#contenu  a.lien-image img{border:none; text-align:left; margin:0; display:block; margin-top:10px;}
#contenu a:hover.lien-image img{border:none;}


/* SUR MESURE */
*html .bg-surmesure{width:730px; margin-top:0;}
.bg-surmesure {
	background:url(../images/charte/fond_sur-mesure.gif) right top no-repeat; 
	position:absolute; 
	z-index:100; 
	width:870px; 
	height:200px;
	margin-top:30px;
	}


/* PLAN du Site -------------------------------- */

#contenu .plan_rub{
color:#30100c;
clear:both;
margin-bottom:6px;
margin-top:20px;
border-bottom:2px solid #70c5cb;
}
#contenu .plan_rub a, #contenu .plan_rub a:visited{
text-decoration:none;
color:#30100c;
}
#contenu .plan_rub a:hover, #contenu .plan_rub a:active{
text-decoration:none;
color:#30100c;
}

#contenu .plan_srub a, #contenu .plan_srub a:visited{
text-decoration:none;
color:#30100c;
}
#contenu .plan_srub a:hover, #contenu .plan_srub a:active{
text-decoration:none;
color:#30100c;
}

#contenu .plan_srub{
border-left:6px double #70c5cb;
padding:4px 10px;
}

#contenu .puce{
background:url(../images/charte/lien_fleche.jpg) left top no-repeat;
vertical-align:middle;
padding-left:50px;
}

/* DIAPO */
.diapo{
float:right;
border:3px solid #70C5CA;
width:400px;
margin-left:10px;
background: #FFFFFF url(../images/charte/load_test.gif) center no-repeat;
}

.img_droite{
float:right;
border:3px solid #70C5CA;
margin-left:10px; 
}


#container #contenu #centre_img a:hover{
border:none;
background:none;
}

.partenaire{
background:url(../images/charte/partenaire.jpg) left top no-repeat;
width:100%;
height:100px;
border-bottom:1px dashed #D1C8B0;
margin-top:15px;
}

.partenaire img{
float:left;
margin:4px 10px 1px 4px;
border:2px solid #70C5CA;
/*width:100px;                mis en commentair epar lna*/
height:75px;
}

.partenaire b{
font-variant:small-caps;
font-size:12px;
font-weight:100;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ LISTING PRODUIT */

.listing{
margin:12px;
width:160px;
height:160px;
float:left;
background:#FFFFFF;
border:1px solid #70C5CB;
overflow:hidden;
text-align:center;
}

/* Bug ie6 float/margin  */
*html .listing{
margin:10px;
}


.listing p{
}
.listing a{
width:100%;
height:100%;
display:block;
padding:0;
margin:0;
text-decoration:none;
color:#C34B03;
}

.listing a:hover{
width:100%;
height:100%;
display:block;
cursor:pointer;
padding:0;
margin:0;
text-align:center;
}

.listing a img{
border:1px solid #70C5CB;
}

.listing a:hover img{
border:3px solid #70C5CB;
}



.pagination{
clear:both;
height:20px;
padding-top:15px;
}

/* ----------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ FICHE PRODUIT */

#fiche_prod{
background:#FFFFFF;
} 

#fiche_prod .collection{
height:136px;
width:100px;
padding:5px;
background:#804632;
text-align:right;
position:relative;
border:1px solid #993300;
}

#fiche_prod .collection div{
font-size:14px;
color:#D6B3A3;
padding:0px 10px 10px 0px;
text-align:right;
position:absolute;
right:0;
bottom:0;
}

#fiche_prod .vignette_produit{
border:1px solid #993300;
margin-bottom:4px;
}

#fiche_prod .nom_produit{
margin-top:10px;
margin-bottom:5px;
text-align:center;
width:100px;
padding:5px;
background:#470600;
border:1px solid #993300;
font-size:20px;
color:#61D4D1;
font-family:"Times New Roman", Times, serif;
}

#fiche_prod .nom_produit2{
text-align:center;
width:100px;
padding:5px;
background:#470600;
border:1px solid #993300;
font-size:20px;
color:#61D4D1;
font-family:"Times New Roman", Times, serif;
float:left;
margin-right:5px;
height:70px;
}

#fiche_prod .nom_produit3{
text-align:center;
width:28px;
padding:5px;
background:#70C5CB;
font-size:20px;
color:#61D4D1;
font-family:"Times New Roman", Times, serif;
float:left;
margin-right:5px;
height:70px;
}

#fiche_prod .vignette_produit2{
border:1px solid #993300;
margin-right:7px;
float:right;
}


.deg_01{
background:#F7F4ED;
height:20px;
}

.deg_02{
background:#F0EADC;
height:20px;
}

#fiche_prod .tab_renseignement{
margin:20px auto;
width:90%;
border-bottom: 2px solid #666666;
}

#fiche_prod .tab_renseignement td{
text-align:center;
border-right: 2px solid #666666;
border-top: 2px solid #666666;
}

#fiche_prod .tab_renseignement td.top{
text-align:center;
border-right: 2px solid #666666;
border-top:0px;
font-size:110%;
padding:5px 0px;
}

#fiche_prod .tab_renseignement td.cote_gauche{
border-left: 2px solid #666666;
}

#fiche_prod .tab_renseignement .space {
text-align:center;
border:0;
height:4px;
}

#fiche_prod .tab_renseignement  td.lien {
background:#70C5CB;

}


#fiche_prod .tab_renseignement  td  a {
color:#333333;
text-decoration:none;
}

#fiche_prod .tab_renseignement  td  a:hover {
color:#990000;
text-decoration:none;
}
 
/* ----------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------ STYLE DE LA PAGE CONTACT */

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

#form_contact .text01
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight:500;
color: #333;                                  /* COULEUR TEXTE */
letter-spacing:0.1em;
text-align:right;
padding-right:10px;
}	

#form_contact .forminput,
#form_contact .formtextareadress,
#form_contact .formtextareacomment,
#form_contact select
{
border:1px #704A3e solid;
padding:0;
margin:2px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
color: #333;
background:#fff;
text-align:justify;
}

#form_contact .forminput
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
width:230px;
}

#formContact select
{
padding:0 3px 0 3px;
height:14px;
line-height:14px;
}

#form_contact .formtextareadress
{
padding:0 3px 0 3px;
height:60px;
width:230px;
}

#form_contact .formtextareacomment
{
padding:0 3px 0 3px;
height:110px;
width:230px;
}

/*******************************************  ajouté par développeur  **************************************************/
#contenu h4 a:link, a:active, a:visited {
	color:#000000;
	text-decoration:none;
}
#contenu h4 a:hover {
	text-decoration:underline;
}
#divDesc p {
	margin-left:40px;
	margin-right:40px;
}
/***************************************** fin ajouté par développeur  *************************************************/