@import "entete.css";
@import "droit.css";
@import "pied.css";
@import "gauche.css";
@import "accueil.css";
@import "zoom.css";
@import "listing.css";
@import "mon_compte.css";
/*body, structure et général*/

body{
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Arial, Tahoma, Verdana; 
	font-size: 12px;
	background: #bcbabb;
	color: #898989;
}
.contenu_texte{
	width: 550px;
}
*{
	/*font-size: 11px;*/
	margin: 0;
	padding: 0;
}
a img{
	text-decoration: none;
	border:none;	
}
table{
    font-size: 11px;
}
table.structure{
    width: 960px;
    text-align: left;
    background: #fff;
}

table.structure td.str_centre{
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
}

.content{
	padding-left: 10px;	
}
.bloc_image{
	margin-bottom: 15px;	
}
.fright{
	float: right;	
}
a{
	color: #025F8B;
}
a:hover{
	text-decoration: none;
}
h1{
	font-size: 16px;
	color: #025F8B;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: 1px solid #025F8B;
}
h2, h3, h4, h5, h6{ font-size: 11px; }
.clear_left{
	clear: left;	
}

/* ********************************************************************************** */
/* Fil d'ariane */
#fil_d_ariane{
	color: #a8a8a8;
	font-weight: bold;
	margin-bottom: 5px;
	font-size: 10px;
}
#fil_d_ariane a{
	color: #a8a8a8;
	font-weight: normal;
	font-size: 10px;	
}
#fil_d_ariane a:hover{
	text-decoration: none;
}

.img_mea{
	margin-bottom: 20px;	
}



/* ********************************************************************************** */
/* icone rubrique */

.icones_sup{
	text-align: center;
	padding-right: 3px;
	float: left;
	margin-bottom: 15px;	
}
.icones_filles{
	
}
.title_fille a{
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
}
/* ********************************************************************************** */
/* panier */

.alerte_aol{
    background-color: #F0F0F0;
    border: 1px solid #D0D0D0;
    padding: 8px 8px 8px 8px;
    width: 390px;
    font-weight: bold;
    border-bottom-width: 0;
    margin-top: 15px;
}

.alert{
    background-color: #F8F8F8;
    border: 1px solid #D0D0D0;
    padding: 8px 8px 8px 8px;
}
.panier_etape, .panier_etape_actif, .panier_etape_passee{
    width: 99%;
    margin-top: 10px;
}

.panier_etape span, .panier_etape_actif span, .panier_etape_passee span{
    width: 24%;
    display: block;
    float: left;
    text-align: left;
}
html>body .panier_etape{
    width: 100%;
}

html>body  .panier_etape span{
    width: 25%;
    display: block;
    float: left;
    text-align: left;
}
table.panier_liste{
    font-size: 11px;
    border: 1px solid #a2a2a2;
    border-bottom: none;
    width: 100%;
}

table.panier_liste td, table.panier_liste th, table.panier_liste td.vide, table.panier_liste th.vide{
    border-bottom: 1px solid #a2a2a2;
}
table.panier_liste th, table.panier_liste td{
    margin: 2px;
    padding-left: 5px;
}
table.panier_liste th{
    line-height: 25px;
    background: #b6d6f6;
    color: #000;
}
table.panier_liste tr.tr_0 td{
    padding-bottom: 5px;
    padding-top: 5px;
}
table.panier_liste h4 a{
    color: #78b212;
}
table.panier_liste h4 a:hover{
    color: #b6d6f6;
}
table.panier_liste tr.tr_1 td{
    padding-top: 5px;
    padding-bottom: 5px;
}
table.panier_liste th.bout{
    width: 60px;
    background: #b6d6f6;
}
table.panier_liste td.bout{
    text-align: center;
}
table.panier_liste td.bottom, table.panier_liste2 td.bottom{
    padding-left: 5px;
    padding-right: 5px;
    color: #000;
    line-height: 18px;
    background: #F7F7F7;
    font-size: 10px;
}
table.panier_liste td.bottom, table.panier_liste2 td.bottom img{
    margin: 0;
}
table.panier_liste td.bottom a, table.panier_liste td.bottom a:visited, table.panier_liste td.bottom a:active, table.panier_liste td.bottom a:link
{
    color: #000;
    font-size: 10px;
}
.bloc_panier_info a, .bloc_panier_info a:visited, .bloc_panier_info a:active, .bloc_panier_info a:link,
.bloc_panier_impression a, .bloc_panier_impression a:visited, .bloc_panier_impression a:active, .bloc_panier_impression a:link{
    color: #000;
}
table.panier_liste td.bottom a img{
    border: none;
}
table.panier_liste td.bottom a:hover,
.bloc_panier_info a:hover, .bloc_panier_impression a:hover{
    text-decoration: none;
}

.bloc_panier_info {
    border: 1px solid #a2a2a2;
    font-size: 11px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 4px;

}
.bloc_panier_info p.text{
    margin: 5px;

}
.bloc_panier_info .title{
    text-align: center;
    border-bottom: 1px solid #a2a2a2;
    margin: 0;
    padding: 0;
    line-height: 17px;
    background: #b6d6f6;
    color: #000;
}
.bloc_panier_info .title a{
    text-decoration: none;
    color: #000;
}
.sup_promo{
    float: right;
    text-align: left;
    margin-bottom: 0;
}

.bloc_panier_promo{
    border: 1px solid #a2a2a2;
    background: #fff;
    padding-bottom: 5px;
    font-size: 10px;
    margin-left: 10px;
}

.bloc_panier_info p, .bloc_panier_impression p{
    margin: 0;
    margin-top: 5px;
    padding: 0;
}
p.text a{
    color: #006c0f;
}
#action{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #a2a2a2;
    width: 150px;
}
#action img{
    border:none;
}
#action a{
    color: #006c0f;
    text-decoration: none;
}
#action a:hover{
    text-decoration: underline;
}
.actions_panier{
    width: 290px;
    float: left;
}
.bloc_panier_recap{
    text-align: center;
}
.sub_panier, .etape_panier_sup{
    overflow: hidden;
}
.panier_livraison{
}
.sub_panier{
}
.paiement_solo{
    text-align: center;
}
.bloc_panier_prix table{
    border: 1px solid #a2a2a2;
    border-bottom: none;
    background: #fff;
    margin-left: 10px;
    
    margin-top: 5px;
}
.bloc_panier_prix table th, .bloc_panier_prix table td{
    text-align : center;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 5px;
    border-bottom: 1px solid #a2a2a2;
}
.bloc_panier_prix table th{
    border-right: 1px solid #a2a2a2;
}
#recap{
	float: right;
}
#recap table{
	margin-top: 5px;
	border: 1px solid #a2a2a2;
}
#recap table tr.tr_1  th, #recap table tr.tr_1  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}
#recap table tr.tr_0  th, #recap table tr.tr_0  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #f8ecdd;
}
.bloc_panier_prix table tr.tr_1  th, .bloc_panier_prix table tr.tr_1  td{
    background: #f8ecdd;
}
.bloc_panier_prix table tr.tr_0  th, .bloc_panier_prix table tr.tr_0  td{
    background: #fff;
}
.bloc_panier_prix table span.prix{
    color: #f00;
    font-weight: bold;
}
.bloc_panier_continuer img, .bloc_panier_continuer a img{
    border: none;
    text-align: center;
}
.bloc_panier_continuer .boutons{
    text-align: center;
    margin-top: 15px;
}
.bloc_panier_nouveau{
    border: 1px solid #a2a2a2;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    float: left;
    height: 260px;
    text-align: left;
}

.bloc_panier_nouveau img, .bloc_panier_nouveau a img{
    border: none;
}
.bloc_panier_nouveau p.text{
    margin: 5px;
}
.bloc_panier_nouveau .title{
    text-align: left;
    text-indent: 15px;
    border-bottom: 1px solid #a2a2a2;
    background: #f8ecdd;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}
.bloc_panier_ident{
    border: 1px solid #a2a2a2;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 20px;
    float: right;
    width: 95%;
    height: 260px;
}
.bloc_panier_ident p.text, .bloc_panier_ident table{
    margin: 5px;
}
.bloc_panier_ident p.text_right, .bloc_panier_nouveau p.text_right{
     margin: 5px;
     text-align: right;
}
.bloc_panier_ident .title{
    text-align: left;
    text-indent: 15px;
    border-bottom: 1px solid #a2a2a2;
    background: #f8ecdd;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}

.lien_pages img, .lien_pages a img{
    border: none;
}

.recommande_article{
    overflow: hidden;
}
.recommande_image{
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-top: 15px;
    width: 20%;
    text-align: center;
}
.recommande_image img, .recommande_image a img{
    border: 1px solid #a2a2a2;
    margin-top: 5px;
}
.recommande_desc{
    float: right;
    width: 75%;
}
.recommande_form table{
    border: #a2a2a2 solid 1px;
    background: #eaeaea;
    padding: 15px;
}
#modes{
    overflow: hidden;
}
#modes .radio{
    color: #000;
    font-weight: bold;
}
#modes .mode_livraison{
    margin: 5px;
    margin-bottom: 20px;
}
.mode_livraison_unique{
    margin: 5px;
    margin-bottom: 20px;
    border: 1px solid #a2a2a2;
    background: #fff;
    padding: 10px;
}
.mode_livraison .image, .mode_livraison_unique .image{
    float: left;
    width: 220px;
}
.mode_livraison_solo{
    border: 1px solid #a2a2a2;
    padding: 10px;
    height: 150px;
    background: #fff;
}
.facturation{
    padding: 10px;
	
    border: 1px solid #a2a2a2;
    background: #f0f9f1;
}
.facturation a{
	text-decoration: underline;
}
.facturation2{
    border: 1px solid #a2a2a2;
    padding: 10px;
    padding-top: 0;
    background: #f0f9f1;
}
.etat{
 line-height: 20px;
}

.mon_compte_etat_on{ text-align: center; background-color: #F8DA9E; border:1px solid #a2a2a2; width:16px; line-height:16px;}
.mon_compte_etat_off{ text-align: center; background-color: #F4FCFF; border:1px solid #a2a2a2; width:16px; line-height:16px; }
#comment_mag{
    width: 500px;
    height: 40px;
}
.facturation h4, .facturation2 h4{
    margin: 0;
    padding: 0;
    color: #006c0f;
}
.title_bloc_facturation{
    color: #006c0f;
    font-weight: bold;
    line-height: 20px;
}
.title_bloc_facturation a{
    font-size: 10px;
    font-weight: normal;
    color: #006c0f;
}
.title_bloc_facturation a:hover{
    color: #006c0f;
}
table.panier_divers{
    margin: -10px;
}
table.panier_divers .mode{
    width: 150px;
    padding: 5px;
}
table.panier_divers td.td_mode{
    border: 1px solid #bababa;
    width: 150px;
	margin-bottom: 15px;
	background: #f0f9f1;
}
table.panier_divers td.td_mode img{
	margin: 0;
}
table.panier_divers{
	margin-bottom: 15px;
}
.mot_magasin{
    border: 1px #a2a2a2 solid;
    padding: 10px;
    margin-top: 10px;
    margin-top: 30px;
}
.mot_magasin h4{
    margin-top: 0;
    color: #006c0f;
}
.panier_liste_suite{
    clear: both;
}
.panier_aide p{
	margin-bottom: 15px;	
}
.panier_aide ul, .panier_aide ol{
	margin-left: 15px;	
	margin-bottom: 15px;	
}
.panier_aide h2, .panier_aide h3, .panier_aide h4{
	margin-bottom: 10px;	
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- fidelite ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

table.fidelite_bon_achat{
    width: 250px;
    border: 1px solid #000;
    padding: 10px;
    background: #FFECE5;
}
td.fidelite_bon_achat_montant{
    font-size: 15px;
    font-weight: bold;
    color: red;
}

.fidelite_bon_achat_non{
    border: 1px solid #000;
    padding: 10px;
    background: #FFECE5;
    width: 170px;
    height: 100px;
}
/* ********************************************************************************** */
/* plan */
.plan_table{
	width: 100%;
}
html>body .plan_table{
	width: 100%;
}
.plan_table ul, .plan_table li{
    padding: 0;
    margin: 0;
}
table.liens{
    border: 1px solid #5d6855;
    background: #fff;
    margin-right: 5px;
}
table.liens th{
    background: #025F8B;
    color: #fff;
    font-weight: bold;
    line-height: 16px;
	text-align: center;
	padding: 5px;
}
table.liens ul, table.liens li{
    list-style: none;
}
table.liens td{
    padding: 5px;
    text-align: center;
}
.plan_liste{
    border: 1px solid #626262;
    padding: 0;
    margin-top: 10px;
}
.plan_liste td{
	width: 30%;
}
.plan_univers{
    border-bottom: 1px solid #626262;
    text-align: center;
    color: #fff;
    line-height: 16px;
    background: #98CDD1;
    font-weight: bold;
    font-size: 13px;
    padding: 5px;
}
.plan_univers a, .plan_univers a:hover, .plan_univers a:active, .plan_univers a:visited{
    color: #fff;
    line-height: 16px;
    font-weight: bold;
    text-decoration: none;
}
.plan_bloc{
    border-top: 1px solid #626262;
    border-bottom: 1px solid #626262;
    color: #98CDD1;
    line-height: 16px;
    background: #fff;
    font-weight: bold;
    padding: 5px;
    font-size: 12px;
}
.plan_bloc a, .plan_bloc a:hover, .plan_bloc a:active, .plan_bloc a:visited{
    color: #000;
    line-height: 16px;
    text-decoration: none;
}
.plan_rubrique{
    padding: 5px;
}
.plan_rubrique ul{
    padding-left:10px;
}
.plan_rubrique li{
    list-style: none;
}



a.listing_liste, a.listing_grille{
    text-decoration: none;
    color: #000;
    font-size: 11px;
    line-height: 12px;
	height: 12px;
	display: block;
	color: #9c9c9c;
	margin-right: 5px;
}
a.listing_grille{
    background: url(../images/listing_grille.gif) no-repeat left center;
}
a.listing_liste{
    background: url(../images/listing_liste.gif) no-repeat left center;
}