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

.input  {  
	border: 1px solid;
	border-color: #414241; 
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: #414241; 
	}


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

/******************************Chemin de fer **********/
/******************************Chemin de fer **********/
/******************************Chemin de fer **********/
#contenuTexte h1 a
{
	text-decoration:none;
	color:#000000;
}

/******************************   LISTING   ***********/
/******************************   LISTING   ***********/
/******************************   LISTING   ***********/
#contenuTexte .listing
{
	display:block;
	width:214px;
	margin-right:25px;
	float:left;
}
#contenuTexte .listing .top
{
	width:208px;
	background-image:url(../images/charte/listing-top.jpg);
	padding:3px 3px 0px 3px;
}
#contenuTexte .entete_index
{
	display:block;
	width:196px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	padding:0px 2px 0px 0px;
	margin:5px 0px 8px 4px;
	
}

#contenuTexte .listing .top .marque
{
	display:block;
	width:196px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px 2px 0px 0px;
	margin:0px 0px 0px 4px;
	border-bottom:1px solid #fff;
}
#contenuTexte .listing .top .designation
{
	display:block;
	width:196px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	padding:0px 2px 0px 0px;
	margin:0px 0px 0px 4px;
}
#contenuTexte .listing .corps
{
	width:214px;
	background-image:url(../images/charte/listing-bottom.jpg);
	padding:10px 0px 6px 0px;
	text-align:center;
}
#contenuTexte .listing .corps .limg
{
	border:3px solid #D4D4D4;
	margin-bottom:4px;
}
#contenuTexte .listing .corps .prix
{
	display:block;
	width:210px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
}

#contenuTexte .listing .corps .listing-infos
{
	display:block;
	float:left;
	width:96px;
	height:20px;
	background-image:url(../images/charte/listing-infos.jpg);
	margin-bottom:20px;
	text-decoration:none;
}
#contenuTexte .listing .corps .listing-infos:hover
{
	background-image:url(../images/charte/listing-infos2.jpg);
	text-decoration:none;
}
#contenuTexte .listing .corps .listing-ajout,.listing-ajout2
{
	display:block;
	float:left;
	width:118px;
	height:20px;
	background-image:url(../images/charte/listing-ajout.jpg);
	margin-bottom:20px;
	text-decoration:none;
}
#contenuTexte .listing .corps .listing-ajout:hover
{
	background-image:url(../images/charte/listing-ajout2.jpg);
	text-decoration:none;
}


#tri-listing
{
	width:150px;
	height:25px;
	float:right;
}


/******************************   FICHE  PRODUIT   ***********/
/******************************   FICHE  PRODUIT   ***********/
/******************************   FICHE  PRODUIT   ***********/
#fiche_prod
{
	width:700px;
	
}
#fiche_prod .col_gauche
{ 
	width:320px;
	padding:5px;
	float:left;

}
#fiche_prod .col_gauche #grande
{ 
	width:297px;
	background-color:#FFFFFF;
	padding:9px;
	border:1px solid #424242;
	margin-bottom:3px;
}

#fiche_prod .cadreimage
{
	background-color:#FFFFFF;
	border:1px solid #424242;
	float:left;
	height:65px;
	padding:5px;
	width:65px;
	margin-bottom:3px;
}

#fiche_prod .interneimage
{
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	background-position:50% 50%;
	float:left;
	width:65px;
	height:65px;
}


#fiche_prod .col_gauche .encart_petite
{ 
	height:65px;
	background-image:url(../images/charte/bg-vignette.jpg);
	background-repeat:no-repeat;
	background-position:0px 20px;
	margin-bottom:10px;
}
#fiche_prod .col_gauche .encart_petite .petite
{ 
	width:50px;
	height:50px;
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #424242;
	margin-right:15px;
}

#fiche_prod .ami
{ 
	display:block;
	width:88px;
	height:39px;
	background-image:url(../images/charte/bt-ami.jpg);
	float:left;
		margin-right:50px;
}
#fiche_prod .ami:hover
{
	background-image:url(../images/charte/bt-ami2.jpg);
}
#fiche_prod .contact
{ 
	display:block;
	width:102px;
	height:39px;
	background-image:url(../images/charte/bt-contact.jpg);
	float:left;

}
#fiche_prod .contact:hover
{
	background-image:url(../images/charte/bt-contact2.jpg);
	float:left;
}



#fiche_prod .col_droite
{ 
	margin-top:5px;
	float:left;
	width:350px;
	padding:5px;
	float:left;
	padding:9px;
	background-color:#FFFFFF;
	border:1px solid #424242;
}
#fiche_prod .col_droite .entete
{ 
	background-image:url(../images/charte/bg-entete.jpg);
	background-position:bottom left;
	margin-left:-9px;
	margin-right:-9px;
	padding-bottom:10px;
}
#fiche_prod .col_droite .entete h1
{ 
	padding-left:9px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif ;
	font-style:normal;
	font-size:16px;
/* 	border-bottom:1px solid #fff; */

}
#fiche_prod .col_droite .entete h2
{ 
	padding-left:9px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif ;
	font-size:12px;
	margin-top:0px;
}
#fiche_prod .col_droite .prix
{ 
	display:block;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#424242;
	border-bottom:1px solid #424242;
	text-align:right;
	margin:10px 0 10px 0;
}
#fiche_prod .col_droite .descriptif
{ 
	text-align:justify;
	margin-bottom:10px;
}
#fiche_prod .col_droite .etat_enc
{
	float:left;
	display:block;
	width:105px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	color:#424242;
/*	background-image:url(../images/charte/1x1.jpg);
	background-repeat:repeat-x;
	background-position:10px 15px; */
	margin-right:10px;
}
#fiche_prod .col_droite .couleur_enc
{
	float:left;
	display:block;
	width:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	color:#424242;
/*	background-image:url(../images/charte/1x1.jpg);
	background-repeat:repeat-x;
	background-position:10px 15px; */
	margin-right:10px;
}
#fiche_prod .col_droite .taille_enc
{
	float:left;
	display:block;
	width:110px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	color:#424242;
/*	background-image:url(../images/charte/1x1.jpg);
	background-repeat:repeat-x;
	background-position:10px 15px; */
}
#fiche_prod .col_droite .sautdeligne
{
	line-height:30px;
}
#fiche_prod .col_droite #taille, #fiche_prod .col_droite #couleur 
{
	border:1px solid black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#fiche_prod .col_droite .qte1
{

	width:110px;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-variant:small-caps;
	color:#424242;
}
#fiche_prod .col_droite #qte
{
	border:1px solid black;
}
#fiche_prod .col_droite .bt_commander
{
	float:right;
	display:block;
	background-image:url(../images/charte/bt-commander.jpg);
	width:116px;
	height:28px;
	text-decoration:none
}



/********************** Conditions générales de vente  *********/
/********************** Conditions générales de vente  *********/
/********************** Conditions générales de vente  *********/
H5
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#424242;
	border-bottom:1px solid #424242;
	padding-left:25px;
	background-image:url(../images/charte/star.jpg);
	background-repeat:no-repeat;
	margin-top:20px;
}




/*************************** PAGE BOUTIQUE ************************/
/*************************** PAGE BOUTIQUE ************************/
/*************************** PAGE BOUTIQUE ************************/
#boutique_ga
{
	float:left;
	width:260px;
	height:350px;
	margin-right:15px;
}
#boutique_ga a
{
	display:block;
	width:100px;
	height:100px;
	position:relative;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid black;
	padding:5px;
	background-color:#FFFFFF;
}
#boutique_ga img
{
	border:1px solid black;	
	padding:0;
	margin:-1px 0px 0px -1px;
}


#boutique_dr
{
	float:left;
	width:450px;
	height:350px;

	background-color:#FFFFFF;
	text-align:center;
}
#boutique_dr img
{
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid black;
}