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

h1,h2,h3,h4 {margin:0;}


#bloc-personnage{
	float:left;
	width:250px;
	text-align:center;
}
.cadre-image{
	border:1px solid #613205;
}
.passageligne{
	clear:both;
}
h2{
	margin:20px 0 10px 0;
	font:1em Arial, Helvetica, sans-serif;
	color:#a55426;
	font-weight:bold;
	border-bottom:1px solid #a55426;
	text-indent:30px;
	background: url(../images/charte/puce2.gif) no-repeat left top;
}
.txtnoir{
	font:1em Arial, Helvetica, sans-serif;
	color:#000;
}
.txtbeige{
	font:12px Arial, Helvetica, sans-serif;
	color:#f2dca6;
}
.txtbeige a:visited{
	font:12px Arial, Helvetica, sans-serif;
	color:#f2dca6;
	text-decoration:none;
}
.txtbeige a{
	font:12px Arial, Helvetica, sans-serif;
	color:#f2dca6;
	text-decoration:none;
}
.txtbeige a:hover{
	font:12px Arial, Helvetica, sans-serif;
	color:#f2dca6;
	text-decoration:underline;
}
.txtmarronclair{
	color:#993f11;
}
#texte2 ul{
	margin-left:30px;
	font-size: 1em;
	font-weight: normal;
	color: #52300D;
}
#texte2 li{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	background-attachment: scroll;
	background-image: url(../images/charte/puce.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent:20px;
}
#decalagetexte{
	margin:10px 0 10px 85px;
}
/* STYLE GALERIE */
#photos{
	float:left;
	width:130px;
	min-height:80px;
	height:auto !important;
	height:80px;
	text-align:left;
	margin:10px 10px 10px 0;
}
#photos .img{
	
}
#photos img{
	border:1px solid #613205;
	display: block;
	margin: 0 auto;
}
#photos h3{
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	background: url(../images/charte/puce.gif) no-repeat;
	text-indent:12px;
	margin:0 0 10px 0;
}
#photos p{
	font:12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-align:center;
}
/* FIN STYLE GALERIE */

.form {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c332c;
	width: 150px;
	background-color: #d29a7b;
	border:1px solid #3c332c;
}

.form2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c332c;
	width: 420px;
	background-color: #d29a7b;
	border:1px solid #3c332c;
}
.form4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c332c;
	width: 50px;
	background-color: #d29a7b;
	border:1px solid #3c332c;
}
.form3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #3c332c;
	width: 210px;
	background-color: #d29a7b;
	border:1px solid #3c332c;
}

.lienAmis {
	width: 102px;
	height: 102px;
	text-align: center;
	text-align: center;
	display: block;
	margin-left: 15px;
	margin-top: 15px;
	float: left;
	overflow: hidden;
}




/****   LES TITRE   *******/
/****   LES TITRE   *******/
/****   LES TITRE   *******/
/****   LES TITRE   *******/
h1 presentation
{
	
}

/******** REFERENCEMENT ***********/
.divReferencement {
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
}

.rubAccueil
{
	float:left;
	margin-right:12px;
}
.rubAccueil img
{
	border:none;
}
.rubAccueil h2
{
	margin:0;
	width:145px;
	text-align:center;
	font-family:"trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:12px;
	background:none;
	text-indent:0;
	border:none;
}
#texte #texte2 .rubAccueil a:hover
{
	text-decoration:none;
	color:#FF0000;
	cursor:pointer;
}





/****************************** MAQUETTAGE LISTING **************************/
/****************************** MAQUETTAGE LISTING **************************/
/****************************** MAQUETTAGE LISTING **************************/
#filDarianne
{
	width:600px;
	margin-left:50px;
	margin-top:40px;
}
#filDarianne h1,#filDarianne h2,#filDarianne h3
{
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	background:none;
	border:none;
	display:inline;
	font-weight:normal;
}
#filDarianne h1
{
	font-size:24px;
}
#filDarianne h2
{
	font-size:20px;
}
#filDarianne h3
{
	font-size:16px;
}


#listing
{

	width:610px;
	margin-left:50px;
}

#listing .encart
{
	width:197px;
	background-image:url(../images/listing/bg-listing.jpg);
	background-position:bottom left;
	padding-bottom:8px;
	text-align:center;
	float:left;
	margin-right:5px;
}
#listing .encart h1.nouveaute
{
	background-image:url(../images/listing/h1-nouveautes.jpg);
	padding:21px 9px 0px 2px;
}
#listing .encart h1.a_saisir
{
	background-image:url(../images/listing/h1-saisir.jpg);
	padding:21px 9px 0px 2px;
}
#listing .encart h1.vendu
{
	background-image:url(../images/listing/h1-vendu.jpg);
	padding:21px 9px 0px 2px;
}
#listing .encart h1.cdc
{
	background-image:url(../images/listing/h1-cdc.jpg);
	padding:21px 9px 0px 2px;
}
#listing .encart h1
{
	background-image:url(../images/listing/bg-top.jpg);
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding:7px 9px 0px 2px;
	text-align:center;
}
#contenu2 #texte #listing .encart .zImg
{
		padding:7px 9px 0px 2px;
}
#listing .encart .prix
{
	text-align:center;
	padding:0px 9px 0px 2px;
	margin:5px 0px 5px 0px;
	font-size:18px;
}
#listing .encart .prix .small{
  font-size: 12px;
  }
#listing .encart .desc{
  text-align: left;
  padding: 0 20px;
  font-size: 12px;
  }
#listing .encart .plusDinfos
{
	display:block;
	width:197px;
	height:14px;
	background-image:url(../images/listing/bt-infos1.jpg);
}
#listing .encart .plusDinfos:hover
{
	background-image:url(../images/listing/bt-infos2.jpg);
}
#listing .encart .addCaddie
{
	display:block;
	width:197px;
	height:17px;
	background-image:url(../images/listing/bt-caddie1.jpg)
}
#listing .encart .addCaddie:hover
{
	background-image:url(../images/listing/bt-caddie2.jpg);
}




/********************************** FICHE PRODUIT *******************/
/********************************** FICHE PRODUIT *******************/
/********************************** FICHE PRODUIT *******************/
#fiche
{
	width:610px;
	margin-left:50px;
	margin-top:25px;
}
#fiche #colGche
{
	width:270px;
	min-height:350px;
	height:auto;
	background-image:url(../images/listing/fiche-separateur.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	
	float:left;
}
#fiche #colGche
{
	text-align:center;
}
#fiche #colGche #imgBig
{ 
	margin-bottom:10px;
}
#fiche #colGche #imgBig img
{ 
	border:1px solid #CC3300;
}

#fiche #colGche #prodAssocie 
{
	width:265px;
	text-align:center;

}
#fiche #colGche #prodAssocie img
{
	border:1px solid #CC3300;
}
#fiche #colGche .ami
{
	display:block;
	background-image:url(../images/listing/ami.jpg);
	width:260px;
	height:16px;
	margin-bottom:10px;
	margin-top:10px;
}
#fiche #colGche .ami:hover
{
	background-image:url(../images/listing/ami2.jpg);
}
#fiche #colGche .contactFiche
{
	display:block;
	background-image:url(../images/listing/bt-contact.jpg);
	width:260px;
	height:16px;
}
#fiche #colGche .contactFiche:hover
{
	background-image:url(../images/listing/bt-contact2.jpg);
}

#fiche #colDrte
{
	width:320px;
	margin-left:5px;
	float:left;
  
	
}
#fiche #colDrte h1
{
	background-color:#CC0000;
	color:#F2DDA8;
	font-size:18px;
}
#fiche #colDrte .desc,#fiche #colDrte .ref
{
	font-size:12px;
	margin:5px 0px 5px 0px;
}
#fiche #colDrte .prix
{
	display:block;
	width:120px;
	height:40px;
	text-align:center;
	float:right;
	margin-top:5px;
	font-size:18px;

	margin-left:10px;
	margin-bottom:10px;
	background-color:#EBE0C5;
	line-height:38px;
}
#fiche #colDrte .prix .small{
  font-size: 12px;
  }
#fiche #colDrte .coulTaille
{
	width:150px;
	margin:0px;
	border:1px solid black;
}
#fiche #colDrte .ajoutPanier
{
	display:block;
	background-image:url(../images/listing/bt-ajoutPanier.jpg);
	width:168px;
	height:16px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px;
}
#fiche #colDrte .ajoutPanier:hover
{
	display:block;
	
	background-image:url(../images/listing/bt-ajoutPanier2.jpg);
}
#fiche #colDrte .prodAssoc
{
	display:block;
	width:100px;
	margin-right:6px;
	margin-top:5px;
	float:left;
	text-align:center;
}
#fiche #colDrte .prodAssoc img
{
	border:1px solid black;
}
/**********************************   ajouté par lna  ***************************************/
#fiche #colDrte .ajoutDevis
{
	display:block;
	background-image:url(../images/charte/bt-ajoutdevis1.jpg);
	width:168px;
	height:16px;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:15px;
}
#fiche #colDrte .ajoutDevis:hover
{
	display:block;
	background-image:url(../images/charte/bt-ajoutdevis2.jpg);
}
.col_lna {
	margin-left:50px;
	margin-right:50px;
}
tr.row_lna td.cell_lna{
	width:150px;
	text-align:right;
	margin-left:20px;
	font-size:11px;
}
div.dummy p{
	margin-left:50px;
	margin-right:50px;
}
#listing .colonne{
	width:180px;
	float:left;
	margin-right:15px;
}
#listing .encart .ajoutDevis{
	display:block;
	width:197px;
	height:17px;
	background-image:url(../images/listing/bt-ajoutdevis1.jpg)
}
#listing .encart .ajoutDevis:hover{
	background-image:url(../images/listing/bt-ajoutdevis2.jpg);
}
p#msgLna {
	margin-left:50px;
	margin-right:40px;
}
/********************************** fin ajouté par lna  ***************************************/
/**********************************   ajouté par benoit ***************************************/
#envoyerAmi{
  margin: 20px 40px;
  width:200px;
  padding: 10px;
  background: #fff;
  color:#000000;
  position:absolute;
	top:100px;
	left:500px;
	cursor:move;
	border-top:1px solid #DEDEE6;
	border-left:1px solid #DEDEE6;
	border-right:1px solid #040404;
	border-bottom:1px solid #040404;
	display:none;
  }
#envoyerAmi label{
  font: 16px/32px "trebuchet MS", Arial, Helvetica, sans-serif;
  color: #000;
  }
#envoyerAmi input{
  display: block;
  width: 200px;
  border:1px solid black;
  font: 12px Verdana, Arial, Helvetica, sans-serif;
  color: #000;
  }
#envoyerAmi button{
  border: 3px double #666;
  width: 200px;
  margin: 16px 0 0;
  background: #FFF;
  font: 16px/32px "trebuchet MS", Arial, Helvetica, sans-serif;
  color: #666;
  }
/**********************************  fin ajouté par benoit ***************************************/

/* modif nico
******************/
#contact-renseign{
  display: block;
  margin: 10px auto;
  width: 571px;
  height: 92px;
  background: url(../images/charte/contact_financ.png);
  }
#contact-renseign:hover{
  background-position: left bottom;
  }
#menu_recherche{
  padding: 0 50px 0 60px;
  }
#menu_recherche input{
  width: 110px;
  font: 11px Arial, Helvetica, sans-serif;
  padding: 1px 3px;
  border: 1px solid #7E0200;
  background: #CA4E4D;
  background: #CD3130;
  color: #FAE6CB;
  }
#menu_recherche input.submit{
  width: 30px;
  padding: 0 2px;
  }
  
 
 /****** encadrement et mise en scene ******/
 
#encadrement {
 margin:10px;
}
 
 
#encadrement .type-partenaire {
}

#encadrement .type-partenaire h2{
font-size:16px;
}


#encadrement .partenaire-item {
margin:5px 50px 15px 50px;
}
 
#encadrement .partenaire-item h3{
border-bottom:1px solid #52300d;
padding-left:150px;
}

#encadrement .partenaire-item .cadre-img {
width:150px;
float:left;
}

#encadrement .partenaire-item .cadre-img img{
border:1px solid #a55426;
margin:10px 0 0 10px;
}

#encadrement .partenaire-item .cadre-txt{
float:left;
}