@import "menu_gauche.css";
@import "menu_droit.css";
@import "entete.css";
@import "footer.css";
@import "accueil.css";
@import "zoom.css";
/*body, structure et général*/

body{
    margin: 0;
    color: #666666;
    padding: 0;
    font-size: 11px;
    font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align: center;
	background: #263d9a;
}
*{
	/*font-size: 11px;*/
	margin: 0;
	padding: 0;
}
a img{
	text-decoration: none;
	border:none;	
}
table{
    font-size: 13px;
    text-align: left;
}
table.structure{
    width: 987px;
    text-align: left;
    margin: 0 auto;
    border: 3px solid #061564;
    background: #fff;
}
table.structure td.str_centre{
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 10px;
}


.fright{
	float: right;	
}
.clear_both{
	clear: both;	
}
.clear_left{
	clear: left;	
}
a{
	color: #263D9A;
}
a:hover{
	text-decoration: none;
}
h1{
	font-size: 16px;
	color: #31845A;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 5px;
	border-bottom: 1px solid #31845A;
}
h2, h3, h4, h5, h6{ font-size: 13px; }
.clear_left{
	clear: left;	
}

/* ********************************************************************************** */
/* Fil d'ariane */
#fil_d_ariane{
	color: #143788;
	font-weight: bold;
	line-height: 32px;
}
#fil_d_ariane a{
	color: #143788;
	font-weight: normal;	
}
#fil_d_ariane a:hover{
	text-decoration: none;
}

.img_mea{
	margin-bottom: 20px;	
}


/* ********************************************************************************** */
/* listing */
/*listing articles*/


.liste_articles_top{
	width: 549px;
	height: 55px;
	background: url(../images/listing/hautCatalog.gif) no-repeat;
}
.liste_articles{
	width: 549px;
	padding-bottom: 15px;
	background: url(../images/listing/basDecouv.gif) no-repeat bottom;
}
.pagination_bas{
	margin-top: -15px;	
}
.pagination{
    vertical-align: middle;
    color: #000;
}
.barre_pagination img{
    vertical-align: middle;
    margin: 0;
}
html>body .barre_pagination img{
    padding-bottom: 3px;
}
.barre_pagination{
    background: #fff;
    display: inline;
}

.form_recherche {
	float:left;
}
.form_recherche input, .form_recherche select {
	margin-right:10px;
	width:110px;
}
.td_article_resume{
	padding: 5px;
	border: 1px solid #e6e6e6;
	width: 28%;
}
.article_resume{
	
	margin-bottom: 5px;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
	text-align: justify;
	border-bottom: 1px solid #666666;
}
.desc_res{
	margin-right: 75px;
}
.article_resume .points_fid{
	float:left;
	width: 150px;	
	margin-left: 8px;
}
.resume_ajout{
	float: right;
}
.article_resume .resume_prix{
	color: #FF6600;
	font-weight: bold;
	float: right;
	font-size: 15px;
}
.article_resume .photos_resume_produit, .article_resume_flash .photos_resume_produit_flash{
    width: 120px;
	text-align: center;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 10px;
}
.article_resume .resume_texte{
	margin-left: 140px;
	padding: 0;
}
.article_resume .photos_resume_produit_flash{
    background: #e6e6e6;
	text-align: center;
}
.article_resume .photos_resume_produit_flash img{
    border: 1px solid #ccc;
}

.article_resume .td_titre{
    height: 30px;
    font-size: 12px;
}
.article_resume h3 a{
    margin: 0;
    font-size: 11px;
    margin-bottom: 10px;
    color: #FFA202;
}
.article_resume h3 a:hover{
	color: #FF6600;
	text-decoration: none;
}
 .article_resume .resume_info, .article_resume_flash .resume_info{
    float: right;
    margin-top: 8px;
	margin-left: 8px;
}
.article_resume a.savoirplus{
    text-decoration: none;
    color: #31845A;
    background: #EEEEEE;
    font-weight: bold;
    line-height: 15px;
    display: block;
    width: 60px;
    margin-top: 2px;
	margin-right: 2px;
}
.article_resume a.savoirplus:hover{
	color: #EEEEEE;
    background: #31845A;
}
.bloc_news_article a.savoirplus{
	float: right;
}


table.pertinence{
    margin: 0;
    padding:0;
    border: none;
    text-align: left;
}
table.pertinence td{
    margin: 0;
    padding:0;
    border: none;
}
.sup_barre_recherche{
    width: 115px;
    height: 11px;
    background: #e56d37;
	border: 1px solid #bcbcbc;
}
.barre_recherche{
    height: 11px;
    background: #E2ECC6;
    line-height: 11px;
    text-align: center;
	 font-weight: bold;
	color: #e56d37;
}
.td_fidelite{
    border: 1px solid #ccc;
    padding: 3px;
}



.article_resume_prix_liste .resume_descriptif_prix{
	float: none;
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	height: auto;
	width: auto;
}
.tableliste{
	width: 100%;
	border: 1px solid #e6e6e6;
	border-bottom: none;
	margin-top: 15px;
}
.tableliste td{
	border-bottom: 1px solid #e6e6e6;
	padding: 5px;
	height: 65px;
}
.tableliste th{
	background: #e6e6e6;
	color: #7f7f7f;
	padding: 5px;
}
.tableliste a.savoirplus{
    text-decoration: none;
    color: #31845A;
    font-weight: bold;
    line-height: 15px;
    display: block;
    width: 60px;
	margin-right: 2px;
}
.tableliste a.savoirplus:hover{
	color: #7f7f7f;
}
/* ********************************************************************************** */
/* icone rubrique */

.icones_sup{
	float: left;
	text-align: center;
	margin: 8px !important;
	margin: 7px;
	margin-bottom: 10px;
	margin-top: 5px;
	width: 120px;
	height: 135px;
}
.icones_filles{
	text-align: center;
    width: 120px;
	height: 100px;
}
.icones_sup img{
    border: 1px solid #ccc;
	margin: 0;
}
#subcontours{
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	
}

.icones_sup span.title_fille{
	text-align: center;
	margin-top: 10px;
	
}
.icones_sup span.title_fille a{
    
    text-decoration: underline;
	color: #FFA202;
	
	
}
.icones_sup span.title_fille a:hover{
	text-decoration: none;
}
/* ********************************************************************************** */
/* mon compte */
.login{
	width: 100%;
	margin: -10px;
}
.login img{
    border: 1px solid #000;
    margin: 0;
}
.login td{
    vertical-align: top;
    margin-top: -10px;
    margin-left: -10px;
}
.sup_compte{

}
.mon_compte_coord, .mon_compte_societe, .mon_compte_news{
    background: #fff;
    border: 1px solid #000;
    margin: 0;
    padding: 10px;
    padding-top: 0px;
    padding-bottom: 0;
    margin-bottom: 10px;
    margin-right: 30px;
}
.mon_compte_coord, .mon_compte_news{
    height: 150px;
}
.mon_compte_coord_sup{
    float: left;
}
.mon_compte_news_sup{
    float: right;
}
p.title{
    color:  #000;
    font-weight: bold;
    line-height: 20px;
    margin: 0;
    margin-top: 10px;
}
.mon_compte_coord p.text, .mon_compte_societe p.text{
    margin-top: 5px;
}
div.vide{
    height: 150px;
    width: 1px;
}
.comptelogin{
    margin: -15px;
}
.mon_compte_box img{
    border: none;
}
.table_compte{
	width: 755;
}
.table_compte th{
    border-bottom: 1px solid #c1c1c1;
}
.table_compte th {
    font-size: 11px;
    margin: 0;
    color: #006c0f;
}
.mon_compte_box{
    text-align: left;
    border: 1px solid #000;
}
.mon_compte_box p.title{
    color:  #006c0f;
    font-weight: bold;
    line-height: 28px;
    padding-left: 13px;
    margin: 0;
	text-align: left;
	border-bottom: 1px solid #000;
}
.box_verte{
    background: #f6fffa;
}
.box_verte p.title{
    background: #31845A;
    color: #fff;
}
.box_orange{
    background: #fffcf0;
}
.box_orange p.title{
    background: #FFC602;
    color: #fff;
}
.box_rouge{
    background: #f6fffa;
}
.box_rouge p.title{
    background: #31845A;
    color: #fff;
}
.box_grise{
    background: #f3f3f3;
}
.box_grise p.title{
    background: #989898;
    color: #fff;
}
.mon_compte_box div, .mon_compte_box table{
    margin: 10px;
}
table.liste_commandes{
    text-align: center;
    border: 1px solid #000;
    border-bottom: none;
    background: #fff;
	vertical-align:middle;
}
table.liste_commandes th{
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
}
table.liste_commandes th, table.liste_commandes td{
    border-bottom: 1px solid #000;
}
table.liste_commandes td.first{
     padding-left: 5px;
	 line-height: 20px;
}
table.liste_commandes tr.produit_rub_fonce{
    background: #f0fdef;
}
table.liste_commandes img, table.liste_commandes a img{
    border: none;
}

/* ********************************************************************************** */
/* inscription */

table.inscription{
    margin-bottom: 15px;
	border: 1px solid #FFC602;
	text-align: left;
	
	background: #fcfaf4;
	background: #fff;
}
table.inscription th, table.inscription td{
	padding: 5px;
}
table.inscription th{
    text-align: left;
}
table.inscription td, table.inscription th{
    background: #fff;
    background: #fcfaf4;
}
table.inscription td.vide{
    height: 25px;
}
table.inscription td{
    border-left: none;
    border-right:none;
    line-height: 18px;
}
p.right{
    text-align: right;
}
/* ********************************************************************************** */
/* 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{
    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: #FFC602;
    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: #FFC602;
}
table.panier_liste tr.tr_1 td{
    padding-top: 5px;
    padding-bottom: 5px;
}
table.panier_liste th.bout{
    width: 60px;
    background: #FFC602;
}
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: #FFC602;
    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;
    width: 410px;
}

.bloc_panier_info p, .bloc_panier_impression p{
    margin: 0;
    margin-top: 5px;
    padding: 0;
}

#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;
    width: 412px;
    margin-top: 5px;
}
.bloc_panier_prix table th, .bloc_panier_prix table td{
    text-align : center;
    line-height: 18px;
    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: #EBECE7;
}
.bloc_panier_prix table tr.tr_1  th, .bloc_panier_prix table tr.tr_1  td{
    background: #EBECE7;
}
.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: #EBECE7;
    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: #EBECE7;
    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: #31845A;
    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: #FFC602;
    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: #008AB8;
    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;
}


.contenu_texte ul{
	margin-left: 25px; 	
}

.liens_actions{
	margin-top: 10px;
	margin-bottom: 10px;	
}


#points_fid, .points_fid{
	background: url(../images/imgPTfidel2.gif) no-repeat left top;
	padding-left: 48px;
	font-weight: bold;
	color: #FB723C;
	font-size: 13px;
	padding-top: 6px;
	height: 34px;
}
#points_fid{
	background-position: center top;
	margin-top: 10px;
}
hr{
	margin-top: 10px;
}

ol{
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.panier_acumu {
	color:#CC0000;
	font-weight:bold;
}