/* 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 CYC  (ne pas supprimer) */
.cyc {
	position: absolute;
	top: -10000px;
}
.lienbas:link, .lienbas:active, .lienbas:visited, {
	color:#fff;
	text-decoration:none;
}
.lienbas:hover{
	color:#fff;
	text-decoration:underline;
}


/********* PAGINATION *********/
#pagination{
	width:765px;
	padding-bottom:10px;
	margin-left:10px;
	clear:left;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	/*border:1px solid red;*/
}



/*******************************************************************/
/* 		                   PAGE ACCUEIL 		                   */
/*******************************************************************/
/********* SELECTION *********/
#container #contenu #selection{
	width:350px;
	float:left;
	margin:0px 30px 20px 20px;
}
#container #contenu #selection h1{
	width:300px;
	margin-left:20px;
	text-transform:none;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	color:#FFF;
	border-bottom:1px dotted #FFF;
}
#container #contenu a.selection{
	float:left;
	width:130px;
	background:#333;
	padding:1px;
	text-decoration:none;
	margin:10px 18px;
	border:1px solid #4e4d53;
	text-align:center;
}
/* *************************  ajouté par dév *********************/
#container #contenu a.selection img{
	width:130px;
	height:195px;
}
/* ************************* fin  ajouté par dév *********************/
*html #container #contenu a.selection{
	display:inline;
}
#container #contenu a.selection #descriptif{
	font:normal 11px Arial, Helvetica, sans-serif;
	/*height:60px;           mis en commentaire par lna*/
	height:70px;
	padding:4px;
	background:#000;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.selection #descriptif h2{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:0px dotted #FFF;
	text-transform:uppercase;
	margin:0px;
}
#container #contenu a.selection #descriptif p{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	height:auto;
}
#container #contenu a.selection #descriptif p.prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFF;
}
#container #contenu a.selection p.info{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#303030;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.selection p.cde{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#000;
	color: #FFF;
}

#container #contenu a.selection:hover{
	background: #666;
	border:1px solid #000;
	cursor:pointer;
}

#container #contenu a.selection:hover #descriptif{
	background:#ccc;
	color: #666;
	border-bottom:5px solid #666;
}
#container #contenu a.selection:hover #descriptif h2,
#container #contenu a.selection:hover #descriptif p,
#container #contenu a.selection:hover #descriptif p.prix,
#container #contenu a.selection:hover p.cde{
	background:#ccc;
	color: #666;
}

#container #contenu a.selection:hover p.info{
	background:#eee;
	color: #303030;
	border-bottom:5px solid #666;
}


/********* NOUVEAUTE *********/
#container #contenu #nouveaute{
	width:350px;
	float:left;
	margin:0px 30px 20px 20px;
}
#container #contenu #nouveaute h1{
	width:300px;
	margin-left:20px;
	text-transform:none;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	color:#FFF;
	border-bottom:1px dotted #FFF;
}
#container #contenu a.nouveaute{
	float:left;
	width:130px;
	background:#333;
	padding:1px;
	text-decoration:none;
	margin:10px 18px;
	border:1px solid #4e4d53;
	text-align:center;
}
/* *************************  ajouté par dév *********************/
#container #contenu a.nouveaute img{
	width:130px;
	height:195px;
}
/* ************************* fin  ajouté par dév *********************/
*html #container #contenu a.nouveaute{
	display:inline;
}
#container #contenu a.nouveaute #descriptif{
	font:normal 11px Arial, Helvetica, sans-serif;
	/*height:60px;           mis en commentaire par lna*/
	height:70px;
	padding:4px;
	background:#000;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.nouveaute #descriptif h2{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:0px dotted #FFF;
	text-transform:uppercase;
	margin:0px;
}
#container #contenu a.nouveaute #descriptif p{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	height:auto;
}
#container #contenu a.nouveaute #descriptif p.prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFF;
}
#container #contenu a.nouveaute p.info{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#303030;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.nouveaute p.cde{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#000;
	color: #FFF;
}

#container #contenu a.nouveaute:hover{
	background: #666;
	border:1px solid #000;
	cursor:pointer;
}

#container #contenu a.nouveaute:hover #descriptif{
	background:#ccc;
	color: #666;
	border-bottom:5px solid #666;
}
#container #contenu a.nouveaute:hover #descriptif h2,
#container #contenu a.nouveaute:hover #descriptif p,
#container #contenu a.nouveaute:hover #descriptif p.prix,
#container #contenu a.nouveaute:hover p.cde{
	background:#ccc;
	color: #666;
}

#container #contenu a.nouveaute:hover p.info{
	background:#eee;
	color: #303030;
	border-bottom:5px solid #666;
}



/*******************************************************************/
/* 		                   PAGE CATALOGUE 		                   */
/*******************************************************************/
#container #contenu #catalogue{
	width:700px;
	float:left;
	margin:0px 30px 20px 20px;
}
#container #contenu #catalogue h1{
	width:300px;
	margin-left:20px;
	text-transform:none;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	color:#FFF;
	border-bottom:1px dotted #FFF;
}
#container #contenu a.catalogue{
	float:left;
	width:130px;
	background:#333;
	padding:1px;
	text-decoration:none;
	margin:10px 18px;
	border:1px solid #4e4d53;
	text-align:center;
}
*html #container #contenu a.catalogue{
	display:inline;
}
#container #contenu a.catalogue #descriptif{
	font:normal 11px Arial, Helvetica, sans-serif;
	height:60px;
	padding:4px;
	background:#000;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.catalogue #descriptif h2{
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:0px dotted #FFF;
	text-transform:uppercase;
	margin:0px;
}
#container #contenu a.catalogue #descriptif p{
	font:bold 11px Arial, Helvetica, sans-serif;
	text-align:center;
	height:auto;
}
#container #contenu a.catalogue #descriptif p.prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFF;
}
#container #contenu a.catalogue p.info{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#303030;
	color: #FFF;
	border-bottom:5px solid #333;
}
#container #contenu a.catalogue p.cde{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	height:20px;
	padding:4px;
	background:#000;
	color: #FFF;
}

#container #contenu a.catalogue:hover{
	background: #666;
	border:1px solid #000;
	cursor:pointer;
}

#container #contenu a.catalogue:hover #descriptif{
	background:#ccc;
	color: #666;
	border-bottom:5px solid #666;
}
#container #contenu a.catalogue:hover #descriptif h2,
#container #contenu a.catalogue:hover #descriptif p,
#container #contenu a.catalogue:hover #descriptif p.prix,
#container #contenu a.catalogue:hover p.cde{
	background:#ccc;
	color: #666;
}

#container #contenu a.catalogue:hover p.info{
	background:#eee;
	color: #303030;
	border-bottom:5px solid #666;
}





/*******************************************************************/
/* 		                  FICHE PRODUIT  		                   */
/*******************************************************************/
#container #contenu #fiche-produit-visuel{
	width:300px;
	float:left;
	margin:20px 10px 20px 10px;
	/*border:1px solid red;*/
}
#container #contenu #fiche-produit-visuel #contourgrde{
	float:left;
	margin:0px;
	padding:0px;
	width:300px;
	max-width:300px;
	height:225px;
	max-height:225px;
	border:1px solid #333;
}
#container #contenu #fiche-produit-visuel .grde{
	/*width:300px;                                 **** mis en commentaire par lna*/
	max-width:300px;
	height:225px;
	margin:0px;
	padding:0px;
	float:left;
}
#container #contenu #fiche-produit-visuel .vig{
	/*width:96px;                                 **** mis en commentaire par lna*/
	margin:5px 1px;
	float:left;
	border:1px solid #333;
}

#container #contenu #fiche-produit-visuel p.envoi-ami{
	width:300px;
	height:16px;
	padding-top:3px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#ccc;
	color: #000;
	border-bottom:2px solid #333;
}
#container #contenu #fiche-produit-visuel p.envoi-ami:link,
#container #contenu #fiche-produit-visuel p.envoi-ami:active,
#container #contenu #fiche-produit-visuel p.envoi-ami:visited{
	background-color:#ccc;
	color: #000;
	text-decoration:none;
	text-align:center;
}
#container #contenu #fiche-produit-visuel p.envoi-ami:hover{
	background-color:#a4a4a4;
	color: #000;
	text-decoration:none;
	text-align:center;
}


/*#blocenvoi{
	width:300px;
	height:16px;
	padding-top:3px;
	border-bottom:2px solid #333;
	background:#ccc;
	color: #000;
	text-align:center;
	clear:left;
}
#blocenvoi #envoi-ami:link,
#blocenvoi #envoi-ami:active,
#blocenvoi #envoi-ami:visited{
	font:bold 12px Arial, Helvetica, sans-serif;

	text-decoration:none;
}
#blocenvoi #envoi-ami:hover{
	background:#A4A4A4;
	text-decoration:none;
}*/

#container #contenu #fiche-produit-detail{
	width:280px;
	float:left;
	margin:20px 10px 20px 0px;
	padding:3px;
	border:1px solid #333;
}
#container #contenu #fiche-produit-detail b{
	font-weight:bold;
	color:#fff;
}
#container #contenu #fiche-produit-detail .prixpromo{
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
}
#container #contenu #fiche-produit-detail .prixbarre{
	font:normal 11px Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration:line-through;
}
#container #contenu #fiche-produit-detail p.ajouter{
	width:280px;
	height:16px;
	padding-top:3px;
	font:bold 12px Arial, Helvetica, sans-serif;
	text-align:center;
	background:#ccc;
	color: #000;
	border-bottom:2px solid #333;
}
#container #contenu #fiche-produit-detail p.ajouter:link,
#container #contenu #fiche-produit-detail p.ajouter:active,
#container #contenu #fiche-produit-detail p.ajouter:visited{
	background:#ccc;
	color: #000;
	text-decoration:none;
	border:1px solid red;
}
#container #contenu #fiche-produit-detail p.ajouter:hover{
	background:#A4A4A4;
	color: #000;
	/*border-bottom:2px solid #666;*/
	text-decoration:none;
}
#container #contenu #logo-dik{
	/*width:126px;*/
	width:180px;
	min-height:430px;
	height:auto !important;
	height:430px;
	float:right;
	margin:60px 10px 10px 0px;
	padding-top:0px;
	/*background-image:url(../images/charte/logo-dik.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
	border:1px solid red;*/
}
#container #contenu #fiche-produit-associe{
	float:left;
	width:595px;
	margin:0px 0px 10px 10px;
	/*border:1px solid red;*/

}
#container #contenu #fiche-produit-associe .vig{
	/* width:96px;                                  **** mis en commentaire par lna*/
	margin:15px 5px ;
	float:left;
	border:1px solid #333;
}


#formproduit{
	padding:15px 0;
	/*border:1px solid red;*/
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
}
#formproduit select{
	width:80px;
	border:1px solid #000;
	font-size:12px;
}
#formproduit select:focus{
	border-color:#FF0000;
}


/*******************************************************************/
/* 		                  QUI SOMMES-NOUS  		                   */
/*******************************************************************/

#container #contenu #qui{
	float:left;
	width:630px;
	margin:0px 30px 20px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFF;
	/*border:1px solid red;*/
}
#container #contenu #logo-dik1{
	width:126px;
	min-height:300px;
	height:auto !important;
	height:300px;
	float:right;
	margin:0px 20px 10px 0px;
	background-image:url(../images/charte/logo-dik.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}


/*******************************************************************/
/* 		                           CGV  		                   */
/*******************************************************************/

#container #contenu #cgv{
	float:left;
	width:720px;
	margin:0px 30px 20px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	color: #FFF;
	/*border:1px solid red;*/
}
#container #contenu #cgv h2{
	margin:10px 0 5px 0;
	font:bold italic 1.4em Arial, Helvetica, sans-serif;
	text-align:left;
	letter-spacing:0.1em;
	color:#FFF;
	border-bottom:0px dotted #FFF;
}
#container #contenu #cgv li{
	margin-left:60px;
	line-height:1.6em;
}
#container #contenu #cgv ul{
	margin-bottom:15px;
}



/*******************************************************************/
/* 		                       GOODIES  	   	                   */
/*******************************************************************/

#container #contenu #goodies{
	float:left;
	width:765px;
	margin:0px 30px 20px 10px;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-align:left;
	color: #FFF;
	/*height:500px;
	background-image:url(../images/charte/goodies.gif);
	background-repeat:no-repeat;*/
}
#container #contenu #goodies .ligne{
	float:left;
	width:450px;
	padding-left:50px;
	padding-top:10px;
	clear:left;
	color: #FFF;
	/*border:1px solid red;*/
}
#container #contenu #goodies .ligne ul{
	margin-left:220px;
}
#container #contenu #goodies .ligne img{
	float:left;
	width:150px;
	margin-right:15px;
	padding-bottom:15px;
}
#container #contenu #goodies .droite{
	float:right;
	width:250px;
	/*padding-left:50px;*/
	padding-top:10px;
	padding-left:10px;
	clear:left;
	color: #FFF;
	/*border:1px solid red;*/
}
#container #contenu #goodies .droite li{

	margin-left:50px;
	margin-bottom:15px;
}


/*******************************************************************/
/* 		                         CONTACT  		                   */
/*******************************************************************/

#container #contenu #contact{
	float:left;
	width:720px;
	margin:0px 30px 20px 20px;
	font:normal 12px Arial, Helvetica, sans-serif;
	/*text-align:center;*/
	color: #FFF;
	/*border:1px solid red;*/
}
#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;
}
#formContact .bouton{
	width:auto;
	margin-rigth:1em;
	background-color:#fff;
	color:#000;
}
 
/*#container #contenu #nouveaute{
	width:350px;
	float:left;
	margin:0px 20px 20px 0px;
	border:1px solid red;
}
#container #contenu #nouveaute h1{
	width:300px;
	text-transform:none;
	margin-left:20px;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-align:center;
	letter-spacing:0.2em;
	color:#FFF;
	border-bottom:1px dotted #FFF;
}
#container #contenu a.nouveaute{
	float:left;
	width:130px;
	background:#333;
	padding:1px;
	text-decoration:none;
	margin:10px 18px;
	border:1px solid #4e4d53;
	text-align:center;
}
*html #container #contenu a.nouveaute{
	display:inline;
}
#container #contenu a.nouveaute h2{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:center;
	height:27px;
	color: #FFF;
	background:#000;
	padding:4px;
	text-transform:uppercase;
	border-bottom:0px dotted #FFF;
}
#container #contenu a.nouveaute p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:center;
	height:27px;
	color: #FFF;
	background:#000;
	padding:4px;
	text-transform:uppercase;
	border-bottom:0px dotted #FFF;
}
#container #contenu a.nouveaute p.prix{
	font:bold 13px Arial, Helvetica, sans-serif;
	text-align:center;
	color: #FFF;
	background:#303030;
	height:27px;
	padding:4px;
}
#container #contenu a.nouveaute:hover{
	background: #666;
	border:1px solid #000;
	cursor:pointer;
}
#container #contenu a.nouveaute:hover h2{
	background:#ccc;
	color: #000;
}
#container #contenu a.nouveaute:hover p{
	background:#ccc;
	color: #000;
}
#container #contenu a.nouveaute:hover p.prix{
	background:#eee;
	color: #303030;
}*/





/* STYLE DE LA PAGE CONTACT */

/********************************************* ajouté par développeur *************************************************/
.lna_accueil{
	width:130px;
	height:200px;
}
.lna_listing{
	width:130px;
	height:98px;
	background-color:#000000;
}
#msgLna{
	margin-top:60px;
	margin-left:50px;
	margin-bottom:200px;
	font-size:14px;
}
#msgLnaAmi{
	margin-top:60px;
	margin-left:50px;
	margin-bottom:20px;
	font-size:14px;
}

#ami {
	width:500px;
	margin-left:200px;
	margin-top:20px;
	font-size:1.1em;
}
#ami .bouton{
	width:auto;
	margin-rigth:1em;
	background-color:#fff;
	color:#000;
}
/********************************************* fin ajouté par développeur *************************************************/



/**  encart collection aston **/

#collection-aston {
position:absolute;
top:170px;
z-index:1000;
margin:20px 0 15px 160px;
width:500px;
background-color:#ccc;
height:35px;
}

/******** image transparente pour le lien aston qui est sur l'image de fond ************/
#lien-aston {
width:990px;
height:20px;
top:207px;
position:absolute;
z-index:2000;
}