﻿* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

body {
	background: url(../images/fond-boutique.jpg) repeat-y top center #fff;
	margin:0px;
	padding:0px;
}

a {
	color: #12273A;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
.puce {
	background:url(../images/puce-fleche-orange.gif) no-repeat 0px 5px;
	padding-left:10px;
}

input, textarea, select {
	 border: 1px solid #7898b5;
	 padding: 1px 2px;
	 color: #000;
}

.col_gauche {
	width:241px;
	vertical-align:top;
}

.col_centre {
	width:206px;
	padding-top:230px;
	vertical-align:top;
}
.col_droite {
	width:539px;
	padding-top:200px;
	vertical-align:top;
}

#menu-produits {
	width:200px;
	/* voir la css menu.css pour le reste */
}


#global {
	position: absolute;
    left: 50%; 
    top: 0%;
    width: 986px;
    margin-left: -493px; /* moiti de la largeur */
	background: url(../images/fond-content.jpg) repeat-y top left;
}
#global * {
	text-align:left;  /*pour rtablir l'align center du dessus */
}


#logo {
	width:241px;
	height:106px;
}


#paiement {
	width:241px;
	height:110px;
	background:url(../images/paiement.gif) no-repeat top left;
}


#standard {
	width:221px;
	height:99px;
	padding : 10px;
	color : #172983;
	display : block;
	background:#fff;
}

#content {
	width:530px;
	margin-left:5px;
	padding-bottom:10px;
	text-align:justify;
}
#content * {
	text-align:justify;
}



/* FOOTER -------------------------------------------------------------------------------------- */
#footer {
	width:976px;
	background:url(../images/footer.jpg) repeat-x top left #172983;
	margin-top:15px;
	padding:5px;
	color:#fff;
	font-size:11px;
	text-decoration:none;
	text-align:center;
}

#footer .moduletable {
	width:100%;
}

#footer * {
	color:#fff;
	font-size:11px;
	text-decoration:none;
	text-align:center;
}


#footer .moduletable-footer {
	width:100%;
}

#footer .moduletable-footer a {
	font-weight:bold;
}

#footer a:hover{
	text-decoration:underline;
}

/* MENU -------------------------------------------------------------------------------------- */
#menu-principal {
	padding-top:10px;
	width:241px;
	background:#fff;
}

#menu-principal ul {
	list-style:circle;
	margin:0px 0px 0px 25px;
	padding:0px 0px 10px 0px;
	color:#e2001a;
}
#menu-principal li{
	/*list-style-type:none;
	margin:0px;
	padding:0px;
	list-style:circle;	*/
	line-height:15px;
	height:21px;
}
#menu-principal a {
	color:#172983;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}
#menu-principal a:hover {
	color:#e2001a;
}




/* ------------------------------------------------------------------------------------------------- */


/* TOP  --------------------------------------------------------------------------------------*/
#top {
	width:745px;
	height:208px;
	position:absolute;
	margin-left:241px;
	top:0;
	background:url(../images/top.jpg) no-repeat top left;
}

#panier {
	width:650px;
	text-align:right;
	margin-top:45px;
}
#panier * {
	text-decoration:none;
	color:#e2001a;
	font-size:10px;
}
#panier a:hover {
	text-decoration:underline;
}

#panier .lien_valider_commande {
	background:url(../images/commande.gif) repeat-x right top #c23c3f;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	padding:1px 3px 1px 3px;
	height:25px;
	margin-top:10px;
}
#panier .lien_valider_commande:hover {
	text-decoration:none;
}

#visuel {
	position:absolute;
	width:100%;
	text-align:right;
	top:89px;
}
#flash-fillon {
	width:412px;
	margin-left:333px;
}



/* ------------------------------------------------------------------------------------------------- */


/* ESPACE CLIENTS -------------------------------------------------------------------------------------- */
#clients {
	width:241px;
	background:url(../images/clients.jpg) no-repeat top left #60bee8;
	padding:40px 0px 5px 0px;
}

#clients * {
	color:#000;
	font-size:11px;
}
#clients a { text-decoration:underline; font-size:10px; font-weight:bold; }
#clients a:hover {	text-decoration:none; }

#clients .button {
	background:#000;
	font-weight:bold;
	color:#fff;
	font-size:10px;
	border:0px;
	padding:2px;
	cursor:pointer;
	text-decoration:none;
}


/* ------------------------------------------------------------------------------------------------- */



#bas .transpa1 { /* bouton transparent CONSULTER UNE ANNONCE */
	position:absolute;
	top:232px;
	left:370px;
}
#bas .transpa2 { /* bouton transparent DEPOSER UNE ANNONCE */
	position:absolute;
	top:252px;
	left:370px;
} 
/* ------------------------------------------------------------------------------------------------- */



/* IDEES CONSEILS -------------------------------------------------------------------------------------- */
#conseils {
	background:url(../images/idees-conseil.gif) no-repeat 0px 0px;
	width:241px;
	color:#4f4f4f;
	text-align:justify;
	padding-top:60px;
}

#conseils .idees-conseils {
	width:213px;
	margin-left:10px;
}
#conseils .contentpagetitle {
	padding:0px;
	margin:0px;
}

#conseils * {
	color:#4f4f4f;
	font-size:11px;
	text-align:justify;
}
#conseils a { text-decoration:none; }
#conseils a:hover {	text-decoration:underline; }

#conseils .readon { text-decoration:underline; font-size:10px; font-weight:bold; }
#conseils .readon:hover {	text-decoration:none; }


/* ------------------------------------------------------------------------------------------------- */

/* STYLES DE LA BOUTIQUE ------------------------------------------------------------------------------------------------- */

.recap_page {
	color: #cccccc;
	font-size: 10px;
	margin-bottom: 20px;
}
.titre_orange {
	color:#ff9c00;
	text-transform:uppercase;
	font-size:14px;
	padding-left:4px;
	border-left:10px solid #ff9c00;
	margin-left:-5px;
}

a.titre_orange {
	color:#ff9c00;
	text-transform:uppercase;
	font-size:14px;
	padding-left:4px;
	border-left:10px solid #ff9c00;
	margin-left:-5px;
}

.titre_marron {
	color:#72040f;
	font-size:12px;
	padding-left:4px;
	border-left:10px solid #72040f;
	margin-left:-5px;
	margin-top:-5px;
}
.titre {
	color:#72040f;
	font-size:12px;
	padding-left:4px;
	border-left:10px solid #72040f;
	margin-left:-5px;
	font-weight:bold;
}

.aucun_produit {
	color:red;
}

.description_categorie {

}


.moteur_produit {
	margin-top:-10px;
}
.moteur_produit * {
	color:#72040f;
}

.moteur_produit .input_valid_tri, .moteur_produit .input_valid_recherche {
	background:#72040f;
	font-weight:bold;
	color:#fff;
	font-size:10px;
	border:0px;
	padding:2px;
	cursor:pointer;
	text-decoration:none;
}

.moteur_produit .select_tri_produit {
	background:#fff;
}


/* vignettes produits en fête */
.vignette_produit_fete {
	width:235px;
}
.vignette_produit_fete table {
	border:1px solid #ffaf17;
	width:100%;
}
.vignette_produit_fete p {
	padding:0px;
	margin:0px;
	font-size:10px;
}

.vignette_produit_fete .vignette_entete_produit {
	border:none;
	padding-top:10px;
	color:#e70601;
	font-weight:bold;
	font-size:11px;
	background:url(../images/entete-produit-fete.gif) repeat-x right top #fed88b;
	height:32px;
}

/* vignettes produits normaux */
.vignette_produit {
	width:235px;
	margin-top:10px;
}
.vignette_produit p {
	padding:0px;
	margin:0px;
	font-size:10px;
}

.vignette_produit .vignette_entete_produit {
	color:#e70601;
	font-weight:bold;
	font-size:11px;
	background:url(../images/entete-produit.gif) repeat-x right top #f5f4f5;
	height:21px;
}

.vignette_entete_produit  a{
	color:#e70601;
	font-weight:bold;
	font-size:11px;
}

.ligne_produit_prix, .vignette_produit_prix, .detail_produit_prix {
	font-weight:bold;
	color:#172781;
}
.detail_eco_part {
	color:#172781;
}

.ligne_lien_infos_plus, .vignette_lien_infos_plus, .lien_retour_produit, .input_recalculer_panier, .input_recalculer_panier {
	background:url(../images/infos.gif) repeat-x right top #44519a;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	padding:2px;
	height:25px;
	cursor:pointer;
}


.ligne_lien_panier, .vignette_lien_panier, .input_valider_panier {
	background:url(../images/btn-panier.gif) no-repeat right top;
	height:20px;
	padding-right:20px;
	cursor:pointer;
	color:#172781;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
	border:0px;
}

/* affichage en ligne */
.ligne_produit p {
	padding:0px;
	margin:0px;
	font-size:10px;
}

.ligne_produit {
	background:url(../images/ligne-produit.gif) repeat-x right top #f5f4f5;
	width:100%;
	border-bottom:3px solid #fff;
}
.ligne_produit_fete {
	background:url(../images/ligne-produit-fete.gif) repeat-x right top #fed88b;
	width:100%;
	border-bottom:3px solid #fff;	
}

.ligne_produit_image {
	background:url(../images/ligne-produit.gif) repeat-x right top #f5f4f5;
	border-bottom:3px solid #fff;
}
.ligne_produit_image_fete {
	background:url(../images/ligne-produit-fete.gif) repeat-x left top #fed88b;
	border-bottom:3px solid #fff;
}

.ligne_produit *, .ligne_produit_fete * {
	vertical-align:top;
}

.ligne_produit_fete .ligne_entete_produit {
	color:#e70601;
	font-weight:bold;
	font-size:11px;
	padding-right:100px;
}

.ligne_entete_produit a
{
	color:#e70601;
	font-weight:bold;
	font-size:11px;
}

.ligne_produit .ligne_entete_produit {
	color:#e70601;
	font-weight:bold;
	font-size:11px;
}



/* gestion des stocks */
#content .etat_stock_1 { color:#E2001A; font-style:italic; text-decoration:underline; width:60px; text-align:left; }
#content .etat_stock_2 { color:#004696; font-style:italic; text-decoration:underline; width:60px; text-align:left; }
#content .etat_stock_3 { color:#009036; font-style:italic; text-decoration:underline; width:60px; text-align:left; }


/* images des produits */ 
.img_boutique {
	border : none;
}
	
.img_boutique:hover {
	/*border : 1px solid #ff0000;*/
}



/* détails produits */
.detail_produit_fete {

}

.detail_produit_fete p {
	margin:0px;
	padding:0px;
}

.detail_produit_fete .detail_entete_produit {
	border:none;
	padding:15px 5px 5px 5px;
	color:#e70601;
	font-weight:bold;
	font-size:12px;
	background:url(../images/entete-produit-fete.gif) repeat-x right top #fed88b;
	height:32px;
}

/* détails produits */
.detail_produit {

}

.detail_produit p {
	margin:0px;
	padding:0px;
}

.detail_produit .detail_entete_produit {
	border:none;
	padding:5px;
	color:#e70601;
	font-weight:bold;
	font-size:12px;
	background:url(../images/entete-produit.gif) repeat-x right top #f5f4f5;
}





/*  PANIER  */
	.tab_panier
	{
		margin-top : 30px;
		width : 100%;
		border : 1px solid #cccccc;
	}
	
	.entete_tab_panier
	{
		font-weight : normal;
		color : #000;
		font-size : 10px;
		height : 30px;
		background-image : url(../images/entete_vignette.jpg);
	}
	
	#global .entete_tab_panier *
	{
		text-align:center;
	}
	
	.ligne_tab_panier
	{
		font-size : 10px;
		height : 30px;
		text-indent : 10px;
		color : #444444;
	}
	
	.tab_panier input
	{
		color : #444444;
		border : 1px solid #cccccc;
	}
	
	.tab_panier img
	{
		border : none;
	}
	
	.div_ajout_panier
	{
		margin-top : 30px;
		width : 100%;
		border : 1px solid #cccccc;
		padding : 5px;
	}
	
	
	
	
	
	
	
	
	
	.lien_etape_suivante
	{
		background-color : #fc9606;
		color : #ffffff;
		font-size : 11px;
		font-weight : bold;
		border : none;
		padding : 2px;
		text-decoration : none;
		cursor : pointer;
	}
	
	
	
	
	/*  ETAPE DE CONNEXION / INSCRIPTION   */
	
	.rappel_connexion
	{
		color : #444444;
		font-size : 11px;
	}
	
	.rappel_connexion a
	{
		color : #fc9606;
	}
	
	div.onglet_connexion_inscription
	{
		display : block;
		width : 235px;
		height : 54px;
		font-size : 13px;
		font-weight : bold;
		line-height : 34px;
		padding : 0 0 0 10px;
		background : url(../images/connexion_inscription.png);
		color : #fff;
		margin-top : 20px;
	}
	
	
	
	
	
	/*	FORMULAIRE SATISFACTION	*/
	.table_satisfaction
	{
		margin-top : 30px;
		width : 100%;
		border : 1px solid #ccc;
		font-size : 11px;
		color : #444;
	}
	
	.table_satisfaction table
	{
		width : 98%;
	}
	
	.table_satisfaction textarea
	{
		width : 100%;
		height : 150px;
	}
	
	.table_satisfaction .champ_large
	{
		width : 100%;
	}
	
	
	
	
	
	
	/*  ETAPE SELECTION TRANSPORTEUR  */
	
	.tab_liste_transporteur * 
	{
		color : #444444;
		font-size : 11px;
	}
	
	.titre_type_addr
	{
		color : #740410;
		font-size : 13px;
		font-weight : bold;
	}
	
	
	
	/*  VISUALISATION COMMANDE  */
	
	.tab_commande
	{
		margin-top : 30px;
		width : 100%;
		border : 1px solid #cccccc;
	}
	
	.tab_footer_commande
	{
		border : 1px solid #cccccc;
		border-top : none;
		margin-right : 0px;
		right : 0px;
		height : 30px;
	}
	
	.tab_footer_commande td
	{
		color : #444444;
		font-size : 11px;
		text-indent : 10px;
	}
	
	.entete_tab_commande
	{
		font-weight : bold;
		color : #ff0000;
		font-size : 11px;
		height : 30px;
		text-indent : 10px;
		background-image : url(../images/entete_vignette.jpg);
	}
	
	.ligne_tab_commande
	{
		font-size : 11px;
		height : 30px;
		text-indent : 10px;
		color : #444444;
	}
	
	
	
	
	
	/*  SELECTION MODE DE PAIEMENT  */
	.tab_liste_paiement
	{
		margin-top : 30px;
		width : 100%;
		border : 1px solid #cccccc;
	}
	
	.tab_liste_paiement td
	{
		color : #444444;
		font-size : 11px;
	}
	
	
	
	/* RECAP PAIEMENT CB */
	.contenu_paiement_carte
	{
		width : 800px;
		height : 600px;
		position : absolute;
		left : 50%;
		top : 50%;
		margin-left : -400px;
		margin-top : -300px;
	}
	
	
	
	/* titre paragraphe */
	.titre
	{
		font-weight:bold;
	}