/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- body, structure, et styles globaux ---------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
@import "carousel.css";

body{
    /*text-align: center;*/
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    text-align: center;
	background: #8db9f1 url(../images/body.jpg) repeat-y top center;
}

table.structure{
    margin-top: -1px;
	padding-top: 0px;
    width: 998px;
    margin: 0 auto;
    border-spacing: 0px;
	
    empty-cells: hide;
    text-align: left;
	background: url(../images/content.jpg) repeat-y center top;
}
.str_centre{
	padding-left: 8px;
	padding-right: 8px;
}

table{
    font-size: 11px;
}
h1.titre{
    font-size: 11px;
    margin: 0;
    color: #ff3300;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
h1.titre_zoom{
	margin-bottom: 5px;
	font-size: 16px;
}
h1{
    color: #ff3300;
    font-size: 22px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
}
h2{
    color: #ff3300;
    font-size: 11px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 10px;
    border: none;
}
h3{
	font-size: 11px;
}
h4{
    font-size: 11px;
    margin: 0;
    color: #000;
    font-weight: bold;
}
h4.souligne{
    border-bottom: 1px solid #ccc;
}
img{
    margin: 8px;
}
a img{
    border: none;
    text-decoration: none;
}
.clear_left{
    clear: left;
}
.clear_both{
    clear: both;
}
.clear_right{
    clear: right;
}
a, a:link, a:visited, a:active{
    color: #000066;
    text-decoration: none;
}
a.underline{
	text-decoration: underline;
}
a:hover{
    color: #cc0000;
}
img.image_univers{
    margin: 0;
    margin-bottom: 10px;
}
.right{
    text-align: right;
    margin:0;
}
.fright{
	float: right;
}

img.img_mea{
	margin: 0;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- header ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

#header{
	background: url(../images/bg_header.jpg) no-repeat top center;
	height: 224px;
	position: relative;
	margin-top: -1px !important;
	margin-top: -3px;
	z-index: 8000;
}

#header  #banniere #logo a{
    width: 345px;
    height: 81px;
    display: block;
    background: url(../images/logo-entete.gif) no-repeat;
	position: absolute;
	top: 40px;
	left: 15px;
}

#header  #banniere #bann{
    position: absolute;
	top: 40px;
	right: 15px;
}
#header ul#nav_action{
    margin: 0;
    padding: 0;
    list-style:none;
    background: url(../images/bg_nav.jpg) right;
    height: 30px;
	width: 496px;
	top: 0;
	right: 20px;
	position: absolute;
}

#header ul#nav_action li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    line-height: 25px;
	width: 80px;
	text-align: center;
    background: url(../images/nav_sep.jpg) no-repeat top left;
}
#header ul#nav_action li.first{
    background: none;
}
#header ul#nav_action li a{
    color: #406594;
	font-weight: bold;
}
#header ul#nav{
    margin: 0;
    padding: 0;
    list-style:none;
    height: 28px;

}
.entete_border{

   /* padding-bottom: 1px;*/
  
}
#header ul#nav{
	margin: 0;
    padding: 0;
    height: 27px;
    background: url(../images/bg_nav_univ.jpg) repeat-x right;
	position: absolute;
	top: 128px;
	left: 10px;
	width: 978px;
	z-index: 10;
}
#header ul#nav li{
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    height: 27px;
	line-height: 27px;
	position: relative;
	font-weight: bold;
	display: block;
}
#header ul#nav li a{
	display: block;
	padding-left: 10px;
    padding-right: 12px;
	font-weight: bold;
	height: 27px;
	line-height: 27px;
	float: left;
	background: url(../images/nav_a.jpg) no-repeat right;
	color: #000;
	text-transform: uppercase;
}
#header ul#nav li a:hover,
#header ul#nav li.active a{
	background: url(../images/nav_a_hover.jpg) repeat-x right;
	color: #fff;
}
#header ul#nav li  .entete_rub_univ{
	width: 250px;
	position: absolute;
	top: 27px;
	left: 0px;
	z-index: 8000;
	background: #A1CA92;
	border: 1px solid #AEBACA;
}
#header ul#nav li  .entete_rub_univ a{
	height: 15px;
	line-height: 15px;
	text-transform: none;
	font-weight: normal;
	display: block;
	padding-left: 10px;
	color: #fff;
	background: none;
	float: none;
}
#header ul#nav li  .entete_rub_univ a:hover{
	color: #000;
}
#header #date{
    top: 128px;
    line-height: 27px;
	height: 27px;
	right: 25px;
	position:absolute;
	font-weight: bold;
	z-index: 20;
}
#fil{
    color: #696969;
    line-height: 25px;
    font-weight: bold;
	margin-bottom: 10px;
}
#fil a{
    color: #696969;
    text-decoration: underline;
	font-weight: normal;
}
#header #recherche_newsletter{
	position: absolute;
	top: 164px;
	left: 85px;
	height: 22px;
	line-height: 22px;
	width: 785px;
}
#header #recherche{
	float: left;
	vertical-align: middle;
}
#header #recherche_newsletter h2{
	height: 22px;
	line-height: 22px;
	float: left;
	margin-right: 10px;
	color: #ff700a;
}
#header #newsletter{
	right: 0;
	position: absolute;
	top: 0;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	width: 310px;
}
#header .submitbutton{
	margin: 0;
	padding: 0;
	line-height: 22px;
	vertical-align: middle;
	margin-left: 7px;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- bloc recherche ---------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */


.bloc_recherche_absolu{
    background: url(../images/bg_rouge_fleur.gif) no-repeat;
    width: 141px;
    height: 135px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 15px;
}
html>body .bloc_recherche_absolu{
}
.bloc_recherche_absolu h2.recherche{
    margin: 0;
    font-size: 11px;
    color: #cc0000;
    text-transform: uppercase;
    font-weight: bold;
    margin-left: 10px;
    margin-bottom: 10px;
}
.bloc_recherche_absolu .recherche_input{
    background: #eeeeee;
    width: 145px;
    margin-bottom: 5px;
}
.bloc_recherche_absolu select{
    font-size: 11px;
}
.bloc_recherche_absolu .recherche_submit{
    background: url(../images/ok_rose.gif) no-repeat;
    width: 25px;
    height: 22px;
    border: none;
	margin-left: 120px;
    float: right;
    cursor: pointer;
}
html>body .bloc_recherche_absolu .recherche_submit{
	margin-top: 13px;
    margin-right: -8px;
}
.bloc_recherche_absolu p{
    margin: 0;
    margin-bottom: 5px;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- Menu de gauche ----------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */
#gauche{
}
#zone_accueil{
	padding-left: 30px;
	padding-right: 20px;
}
.menu_gauche{
    width: 169px;
    margin-right: 0;
	margin-left: 20px;
	color: #555563;
}
.bloc_image,
.bloc_image_last{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
html>body .menu_gauche{
}
.menu_gauche .menu_rub_prod{
    background: url(../images/bg_rouge_bottom.gif) bottom no-repeat;
    padding-bottom: 10px;
    width: 169px;
    margin-bottom: 20px;
}
.menu_gauche .blocniveau1{
    
}
.menu_gauche .blocniveau1 h2{
	background: url(../images/bg_rouge_homme.gif) top no-repeat;
	height: 22px;
	line-height: 20px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 35px;
}
.menu_gauche .blocniveau1 ul, .menu_gauche .mrk, .bottom_marque {
    margin: 0;
    margin-right: 5px;
    margin-left: 15px;
    padding: 0;
}
.bottom_marque {
	margin-top: 10px;
}
.menu_gauche .blocniveau1 ul li{
    margin: 0;
    padding: 0;
    line-height: 18px;
    list-style: none;
}
.menu_gauche .blocniveau1 ul li.niveau1{
     padding-left: 0px;

}
.menu_gauche .blocniveau1 ul li a, .menu_gauche .mrk a, .bottom_marque a{
    color: #555563;
    background: url(../images/puce_verte.gif) no-repeat 0px 3px;
    padding-left: 15px;
}
.menu_gauche .blocniveau1 ul li a.lien_actif{
    font-weight: bold;
}
.menu_gauche ul li a.niveau2, .menu_gauche .mrk .sub{
    background: url(../images/puce_verte.gif) no-repeat 0px 3px;
    margin-left: 10px;
}
.menu_gauche ul li a.niveau2_actif{
	background: url(../images/puce_verte.gif) no-repeat 0px 3px;
    margin-left: 20px;
	font-weight: bold;
}
.menu_gauche .blocniveau1 ul li a:hover, .menu_gauche .mrk a:hover, .bottom_marque a:hover{
    color: #f4690f;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- Menu de droite ---------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

.menu_droit{
    width: 169px;
	margin-right: 18px;
}
#droit_favoris{
	
}
.menu_droit_types h2, .menu_gauche_panier h2{
    background: url(../images/bg_rouge_homme.gif) top no-repeat;
    height: 22px;
	line-height: 20px;
    margin: 0;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 35px;
}
.menu-droit-bloc{
	background: url(../images/bg_rouge_bottom.gif) bottom no-repeat;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.menu-droit-bloc-bottom{
	display: block;
	text-align: right;
	padding-right: 10px;
	text-decoration: underline;
}
#favoris_droit .menu_droit_types h2{
	background: url(../images/bg_orange.gif) top no-repeat;
}
#favoris_droit .menu-droit-bloc{
	background: url(../images/bg_orange_bottom.gif) bottom no-repeat;
}
#nouveaute_droit .menu_droit_types h2{
	background: url(../images/bg_bleu.gif) top no-repeat;
}
#nouveaute_droit .menu-droit-bloc{
	background: url(../images/bg_bleu_bottom.gif) bottom no-repeat;
}
#promotion_droit .menu_droit_types h2{
	background: url(../images/bg_rouge.gif) top no-repeat;
}
#promotion_droit .menu-droit-bloc{
	background: url(../images/bg_rouge_bottom_2.gif) bottom no-repeat;
}

.articles_menu_droite{
	margin-left: 5px;
    margin-right: 5px;
	clear: left;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 8px;
	padding-bottom: 8px;
}
.articles_menu_droite h3{
    margin: 0;
    font-size: 11px;
    line-height: 15px;
}
.prix_droit{
	color: #fb9e1d;
	font-size: 16px;
}
.articles_menu_droite a.infos{
    text-decoration: none;
    color: #666666;
    background: #cfdfa0;
    font-weight: bold;
    line-height: 15px;
    display: block;
    width: 60px;
}
.articles_menu_droite img{
	float: left;
}
.articles_menu_droite .zone_texte{
	width: 75px;
	float: left;
}
.bloc_droite_suite{
    width: 169px;
    height: 14px;
    text-align: right;
}
.menu_gauche_panier h2{
   
    padding-bottom: 0;
}
.menu_gauche_panier .panier{
    padding: 10px;
    padding-left: 20px;
}
.menu_gauche_panier .panier_liste a{
    font-size: 11px;
    color: #000;
    line-height: 13px;
}
.menu_gauche_panier .panier_liste a:hover{
    color: #cc0000;
}
.menu_gauche_panier .panier_total span{
    color: #cc0000;
}
.menu_gauche_panier ul{
    margin: 0;
    padding: 0;
    padding-left: 15px;
}
.menu_gauche_panier ul li{
    margin: 0;
    padding: 0;
    line-height: 13px;
}
.menu_gauche_panier ul li a{
    color: #666666;
    font-weight: bold;
}
.menu_gauche_panier ul li a:hover{
    text-decoration: underline;
}
.menu_gauche_panier ul li.n1{
    list-style: url(../images/puce_fonce.gif);
}
.menu_gauche_panier ul li.n2{
    list-style: url(../images/puce_normal.gif);
}
.menu_gauche_panier ul li.n3{
    list-style: url(../images/puce_clair.gif);
}
.menu_gauche_panier_bottom{
	background: url(../images/bg_rouge_bottom.gif) bottom no-repeat;
    width: 169px;
    margin-bottom: 15px;
	padding-bottom: 10px;
}
.menu_droit_bloc{
    background: url(../images/bg_rouge_homme.gif) top no-repeat;
    width: 169px;
}
.menu_droit_bloc .blocniveau1{
    padding-left: 20px;
    padding-right: 10px;
}
.menu_droit_bloc h2{
    margin: 0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #ffff;
    margin-left: 30px;
}
.menu_droit_bloc_bottom{
	background: url(../images/bg_rouge_bottom.gif) bottom no-repeat;
    width: 169px;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.menu_droit_bloc ul{
    margin: 0;
    padding: 0;
    margin-left: 0px;
}
.menu_droit_bloc ul li{
    line-height: 15px;
    list-style: none;
	margin-bottom: 3px;
}
.menu_droit_bloc ul li a{
    color: #555563;
	background: url(../images/puce_fonce.gif) no-repeat 0px 4px;
	padding-left: 10px;
}
.menu_droit_bloc ul li a:hover{
    color: #f4690f;
}
.menu_droit_bloc ul li a.annexe_actif{
	font-weight: bold;
}
.menu_droit_bloc ul li a.niveau2{
	background: url(../images/sup.gif) no-repeat 0px 3px;
    margin-left: 10px;
}
.menu_droit_bloc ul li a.niveau2_actif{
	background: url(../images/sup.gif) no-repeat 0px 3px;
    margin-left: 10px;
	font-weight: bold;
}
.newsletter{
    margin-bottom: 15px;
    text-align: center;
}
.newsletter h3{
    font-size: 11px;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 15px;
}
.newsletter p{
    margin: 0;
    padding: 0;
    text-align: center;
    color: #797979;
}
.newsletter input.recherche_submit{
    border: 1px solid #9c9c9c;
    background: #bbbbbb;
    color: #fff;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- content ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
#mea_centre img{
	margin: 0;
}
#mea_centre{
	margin-bottom: 10px;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- prix ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

.prix_produits_menu_droit{
    font-weight: bold;
    color: #f4690f;
	line-height: 13px;
	text-align: left;
	padding-left: 20px;
	padding-right: 10px;
}
.resume_descriptif_prix{
    display: inline;
    font-weight: bold;
    color: #f4690f;
	margin-bottom: 10px;
	
}
.texte_zoom .resume_descriptif_prix{
	font-size: 26px;

}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- accueil ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

table.tableau_accueil{
  	margin: -10px;
}

table.tableau_accueil td{
    width: 182px;
	
}
html>body table.tableau_accueil td{
	width: 182px;
}
table.tableau_accueil td img{
    float: left;
    margin-bottom: 5px;
}
table.tableau_accueil td .text{
	margin-left: 80px;
}
table.tableau_accueil td p{
    margin: 0;
}
.bloc_news_article{
    background: url(../images/point.gif) repeat-x top;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-right: 10px;
}
.bloc_news_article_0{
    background: none;
}
.bloc_news_article a{
    font-size: 11px;
    color: #000066;
    font-weight: bold;
}
.bloc_news_article a:hover{
    color: #cc0000;
}
table.tableau_accueil td.accueil_nouveaute .top_titre{
    background: url(../images/bloc-news.gif) no-repeat;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
table.tableau_accueil td.accueil_nouveaute .articles{
    border: 1px solid #729dc9;
}
html>body table.tableau_accueil td.accueil_nouveaute .articles{
}
table.tableau_accueil td.accueil_promotion .top_titre{
    background: url(../images/bloc-promo.gif) no-repeat;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
table.tableau_accueil td.accueil_promotion .articles{
    border: 1px solid #bd2b2b;
}
html>body table.tableau_accueil td.accueil_promotion .articles{
}
table.tableau_accueil td.accueil_top .top_titre{
    background: url(../images/bloc-top-ventes.gif) no-repeat;
    height: 19px;
    line-height: 19px;
    padding-left: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
}
table.tableau_accueil td.accueil_top .articles{
    border: 1px solid #a3af88;
}
html>body table.tableau_accueil td.accueil_top .articles{
}
.titre_news{
    background: #afafaf;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;
    line-height: 18px;
    text-transform: uppercase;
}
table.accueil_news{
    border: 1px solid #e7e7e7;
    width: 599px;
	margin-top: 10px;
}
html>body table.accueil_news{
	width: 570px;
	
}
table.accueil_news td.news{
    padding: 10px;
    width: 35%;
}
table.accueil_news td.news h3{
    color: #0873c3;
    font-weight: bold;
    font-size: 11px;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- zoom ----------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#photos_zoom_produit{
    float: left;
    text-align: center;
    background: #fff;
    margin-right: 10px;
	width: 310px;
	height: 310px;
    padding-bottom: 10px;
}
#photos_zoom_produit img{
    border: 1px solid #f6f6f6;
    margin-left: 0;
}
.texte_zoom .achat{
    background: url(../images/bg_achat.gif) no-repeat right;
    height: 28px;
    margin-top: 15px;
    text-align: center;
    line-height: 28px;
}
.texte_zoom .achat input{
    background: url(../images/acheter.gif) no-repeat;
    border: none;
    height: 28px;
    width: 128px;
    cursor: pointer;
}
.texte_zoom h1{
    margin:0;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    color: #000;
	line-height: 12px;
}
.texte_zoom h1 img{
	margin: 0;
}
.texte_zoom h4{
    margin: 0;
    margin-bottom: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #000;
    border: none;
}
.texte_zoom p{
    margin: 0;
    margin-bottom: 8px;
}
.texte_suite{
	padding-top: 10px;
    clear: both;
}
.texte_suite h3{
    font-size: 11px;
    color: #f4690f;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
    padding-bottom: 6px;
}
p.fonc{
    line-height: 11px;
    margin: 0;
    padding: 0;
    margin-top: -10px;
}
img.marque{
    margin: 0;
	margin-top: 10px;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- onglets ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
.zoom_onglets{
	width: 560px;
}
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
}
.dynamic-tab-pane-control .tab-row .tab {
	position: relative;
	top: 0;
	display: inline;
	float: left;
	overflow: hidden;
	z-index: 3;
    text-decoration: none;
	border: 0;
	font: 11px Tahoma;
	text-align: center;
    font-weight: bold;
    cursor: pointer;
    width: 134px;
    height: 22px;
    line-height: 22px;
    background: url(../images/onglet.gif) no-repeat;
    margin-left: 7px;
}
.dynamic-tab-pane-control .tab-row .tab.selected {
    background: url(../images/onglet_actif.gif) no-repeat;
}
.dynamic-tab-pane-control .tab-row .tab.selected a,
.dynamic-tab-pane-control .tab-row .tab.hover a{
    color: #fff;
}
.dynamic-tab-pane-control .tab-row .tab a{
    color: #000;
}
.dynamic-tab-pane-control .tab-row .tab.hover {
     background: url(../images/onglet_actif.gif) no-repeat;
}
.dynamic-tab-pane-control .tab-page {
	z-index: 4;
	position: relative;
	font: 11px Tahoma;
	color: #333;
	padding: 10px;
	float: left;
    border: 1px solid #df662f;
    width: 560px;
    margin-top: -10px;
    margin-bottom: 15px;
}
table.articles_asso{
    width: 99%;
}
.articles_asso td{
    background: #f3f6fa;
    border-bottom: 2px solid #fff;
}

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

.icones_filles{
	text-align: center;
    width: 110px;
	height: 120px;
}
.icones_sup{
	float: left;
	text-align: center;
	margin: 17px;
	margin-top: 5px;
	background: #fff;
	width: 110px;
	height: 150px;
}
.icones_sup img{
    border: 1px solid #ccc;
	
}
#subcontours{
	text-align: center;
	margin-bottom: 0;
	padding-bottom: 0;
	
}

#icones_filles span#title_fille{
	text-align: center;
	margin-top: 0;
	text-decoration: underline;
}
#icones_filles span#title_fille a{
    text-decoration: underline;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- listing ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */
.liste_articles{
	width: 580px;
}
html>body .liste_articles{
	width: 570px;
}
.liste_articles .top_recherche{
    
	background: url(../images/bg_recherche_left.jpg) no-repeat left top;
}
.liste_articles .top_recherche_right{
    background: url(../images/bg_recherche_right.jpg) no-repeat right top;
    padding-top: 15px;
}
html>body .liste_articles .top_recherche_right{
    padding-top: 0px;
    padding-bottom: 15px;
}
.liste_articles .top_recherche_bottom{
	
    background: url(../images/bg_recherche_left_b.jpg) no-repeat left bottom;
    height: 10px;
    margin-top: -5px;
}
.liste_articles .top_recherche_right_bottom{
    background: url(../images/bg_recherche_right_b.jpg) no-repeat right bottom;
    height: 10px;
    margin-top: 0;
}
.liste_articles .pagination{
    float: right;
    vertical-align: middle;
    color: #cc0000;
    line-height: 24px;
}
.barre_pagination img{
    vertical-align: middle;
    margin: 0;
}
html>body .barre_pagination img{
    padding-bottom: 3px;
}
.barre_pagination{
    background: #fff;
    border: 1px solid #B3D9FF;
    display: inline;
}
.liste_articles .top_recherche .pagination{
    margin-top: 5px;
    margin-right: 20px;
    line-height: 20px;
}
.liste_articles .top_recherche .titre{
    float: left;
    margin-top: 10px;
    margin-left: 10px;
    width: 200px;
    font-weight: bold;
    color: #000066;
}
.liste_articles .top_recherche .recherche_form {
    float: left;
    width: 32%;
    text-align: center;
    margin-top: 15px;
}
.liste_articles .top_recherche .recherche_form select{
    width: 150px;
}
.form_recherche {
	float:left;
	margin:10px;
}
.form_recherche input, .form_recherche select {
	margin-right:10px;
	width:110px;
}
.article_resume{
	width: 175px;
}
html>body .article_resume{
	width: 150px;
}
.article_resume .photos_resume_produit, .article_resume_flash .photos_resume_produit_flash{
    padding: 3px;
    background: #e6e6e6;
	text-align: center;
}
html>body .article_resume .photos_resume_produit, html>body .article_resume_flash .photos_resume_produit_flash{
	padding: 2px;
}
.article_resume .photos_resume_produit img, .article_resume_flash .photos_resume_produit_flash img{
    border: 1px solid #ccc;
}

.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;
}
.article_resume h3{
    margin: 0;
    font-size: 11px;
}
.article_resume .resume_info, .article_resume_flash .resume_info{
    float: right;
    margin-top: 8px;
	margin-left: 8px;
}
.article_resume .resume_info a.savoirplus,
.article_resume_flash .resume_info a.savoirplus{
    text-decoration: none;
    color: #666666;
    background: #cfdfa0;
    font-weight: bold;
    line-height: 15px;
    display: block;
    width: 60px;
}
.article_resume .resume_descriptif_prix{
    margin-top: 8px;
    line-height: 15px;
    float: left;
	width: 100px;
}

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: #df662f;
	border: 1px solid #bcbcbc;
}
.barre_recherche{
    height: 11px;
    background: #E2ECC6;
    line-height: 11px;
    text-align: center;
	 font-weight: bold;
	color: #df662f;
}
.td_fidelite{
    border: 1px solid #ccc;
    padding: 3px;
}
/********************************************************************************************************************************/
/******************************************************* plan site **************************************************************/
/********************************************************************************************************************************/
.plan_table{
	width: 600px;
}
html>body .plan_table{
	width: 570px;
}
.plan_table ul, .plan_table li{
    padding: 0;
    margin: 0;
}
table.liens{
    border: 1px solid #568515;
    background: #fff;
    margin-right: 5px;
}
table.liens th{
    background: #568515;
    color: #fff;
    font-weight: bold;
    line-height: 16px;
	text-align: center;
	padding-left: 15px;
	
}
table.liens ul, table.liens li{
    list-style: none;
}
table.liens td{
    padding: 5px;
    text-align: center;
}
.plan_liste{
    border: 1px solid #e76126;
    padding: 0;
    margin-top: 10px;
}
.plan_liste td{
	width: 50%;
}
.plan_univers{
    border-bottom: 1px solid #e76126;
    text-align: center;
    color: #fff;
    line-height: 16px;
    background: #e76126;
    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 #e76126;
    border-bottom: 1px solid #e76126;
    color: #568515;
    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: #568515;
    line-height: 16px;
    text-decoration: none;
}
.plan_rubrique{
    padding: 5px;
}
.plan_rubrique ul{
    padding-left:10;
}
.plan_rubrique li{
    list-style: none;
}
/********************************************************************************************************************************/
/******************************************************* mon compte *************************************************************/
/********************************************************************************************************************************/
.login{
	width: 755px;
}
.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:  #5c8728;
    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: #ff3300;
}
.mon_compte_box{
    text-align: left;
    border: 1px solid #000;
}
.mon_compte_box p.title{
    color:  #5c8728;
    font-weight: bold;
    line-height: 28px;
    padding-left: 13px;
    margin: 0;
	text-align: left;
	border-bottom: 1px solid #000;
}
.box_verte{
    background: #fdfff7;
}
.box_verte p.title{
    background: #cad79b;
    color: #5b636b;
}
.box_orange{
    background: #fefaf9;
}
.box_orange p.title{
    background: #e7652b;
    color: #fff;
}
.box_rouge{
    background: #fffcfd;
}
.box_rouge p.title{
    background: #9d0132;
    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 #df662f;
	text-align: left;
	width: 99%;
	background: #f7eee6;
}

table.inscription th{
    text-align: left;
}
table.inscription td, table.inscription th{
    background: #fff;
}
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{
    width: 99%;
}

.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 #000;
    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 #000;
}
table.panier_liste th, table.panier_liste td{
    margin: 2px;
}
table.panier_liste th{
    line-height: 25px;
    background: #E4F3D3;
    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: #E4F3D3;
}
table.panier_liste tr.tr_1 td{
    padding-top: 5px;
    padding-bottom: 5px;
}
table.panier_liste th.bout{
    width: 60px;
    background: #E4F3D3;
}
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 #000;
    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 #000;
    margin: 0;
    padding: 0;
    line-height: 17px;
    background: #E4F3D3;
    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 #000;
    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;
}
p.text a{
    color: #ff3300;
}
#action{
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #000;
    width: 150px;
}
#action img{
    border:none;
}
#action a{
    color: #ff3300;
    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 #000;
    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 #000;
}
.bloc_panier_prix table th{
    border-right: 1px solid #000;
}
#recap{
	float: right;
}
#recap table{
	margin-top: 5px;
	border: 1px solid #000;
}
#recap table tr.tr_1  th, #recap table tr.tr_1  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #fbf8f9;
}
#recap table tr.tr_0  th, #recap table tr.tr_0  td{
	line-height: 20px;
	padding-left: 10px;
	padding-right: 10px;
	background: #FFEBE5;
}
.bloc_panier_prix table tr.tr_1  th, .bloc_panier_prix table tr.tr_1  td{
    background: #fbf8f9;
}
.bloc_panier_prix table tr.tr_0  th, .bloc_panier_prix table tr.tr_0  td{
    background: #FFEBE5;
}
.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 #000;
    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 #000;
    background: #FFEBE5;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 20px;
    font-weight: bold;
}
.bloc_panier_ident{
    border: 1px solid #000;
    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 #000;
    background: #FFEBE5;
    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 #000;
    margin-top: 5px;
}
.recommande_desc{
    float: right;
    width: 75%;
}
.recommande_form table{
    border: #000 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 #000;
    background: #fbf8f9;
    padding: 10px;
}
.mode_livraison .image, .mode_livraison_unique .image{
    float: left;
    width: 220px;
}
.mode_livraison_solo{
    border: 1px solid #000;
    padding: 10px;
    height: 150px;
    background: #fbf8f9;
}
.facturation{
    padding: 10px;
    height: 150px;
    border: 1px solid #000;
    background: #fbf8f9;
}
.facturation2{
    border: 1px solid #000;
    padding: 10px;
    padding-top: 0;
    background: #fbf8f9;
}
.etat{
 line-height: 20px;
}

.mon_compte_etat_on{ text-align: center; background-color: #F8DA9E; border:1px solid #000; width:16px; line-height:16px;}
.mon_compte_etat_off{ text-align: center; background-color: #F4FCFF; border:1px solid #000; width:16px; line-height:16px; }
#comment_mag{
    width: 500px;
    height: 40px;
}
.facturation h4, .facturation2 h4{
    margin: 0;
    padding: 0;
    color: #ff3300;
}
.title_bloc_facturation{
    color: #ff3300;
    font-weight: bold;
    line-height: 20px;
}
.title_bloc_facturation a{
    font-size: 10px;
    font-weight: normal;
    color: #ff3300;
}
.title_bloc_facturation a:hover{
    color: #ff3300;
}
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;
}
.mot_magasin{
    border: 1px #000 solid;
    padding: 10px;
    margin-top: 10px;
    margin-top: 30px;
}
.mot_magasin h4{
    margin-top: 0;
    color: #ff3300;
}
.panier_liste_suite{
    clear: both;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- 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;
}

/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- news ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

.news_article{
	background: url(../images/coin_haut_droit.gif) top right no-repeat;
	margin-top: 10px;
	margin-bottom: 10px;
}
.sub_news_article{
	background: url(../images/coin_bas_gauche.gif) bottom left no-repeat;
}
.news{
	padding: 10px;
}
a.savoir_contenu{
	color: #ff3300;
	text-decoration: underline;
}
a.savoir_contenu:hover{
	text-decoration: none;
}
.table_news img{
	margin: 0;
}
/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- footer ------------------------------------------------------------ */
/* --------------------------------------------------------------------------------------------------------------- */

.footer{
    margin-top: 10px;
    text-align: center;
    color: #40464b;
	height: 150px;
	background: url(../images/pied_page.jpg) no-repeat top #8EB9F0;
	padding-top: 50px;
	position: relative;
}
.footer a{
    color: #40464b;
}
#soledis{
	position: absolute;
	width: 177px;
	height: 47px;
	top: 85px;
	right: 43px;
}


/* vente flash */
.vente_flash_label{
	display: block;
	font-size: 14px;
	color: #fff;
	margin-top: 5px;
	background: #cc0000;
	text-align: left;
	font-weight: bold;
	line-height: 20px;
	margin-right: 65px;
	padding: 5px;
}
.prix_flash{
	display: block;
	font-size: 11px;
	color: #f4690f;
	border: 1px solid #f4690f;
	text-align: left;
	font-weight: bold;
	line-height: 24px;
	margin-right: 65px;
	padding-left: 5px;
	text-decoration: blink;
}
.prix_flash span{
	font-size: 14px;
}
.limite_stock_vente_flash{
	width: 60px;
	height: 60px;
	float: right;
	/*border: 1px solid #cc0000;*/
	background: url(../images/cadre_clig.gif);
	text-align: center;
	line-height: 25px;
	font-size: 11px;
	color: #cc0000;
	font-weight: bold;	
}
.limite_stock_vente_flash span{
	font-size: 18px;
	display: block;
}
.texte_zoom .prix_flash, .texte_zoom .vente_flash_label{
	margin-left: 315px;
	padding: 0;
	text-align: left;
}
.texte_zoom .vente_flash_label{
	font-size: 13px;
}



.article_contenu h2{
	text-align: center;
	text-transform: uppercase;
	color: #5b636b;
	margin-bottom: 0;
}
.article_contenu a.annexe{
	color: #555563;
    background: url(../images/puce_rouge.gif) no-repeat 0px 3px;
    padding-left: 15px;
	font-size: 11px;
	line-height: 16px;
}
.article_contenu div{
	padding: 5px;
}
.resume_contenu{
	margin-bottom: 10px;
}
.bloc_marque{
	background: url(../images/bg_rouge_bottom.gif) bottom no-repeat;
	padding-bottom: 10px;
    width: 191px;
	margin-bottom: 20px;
}
.sub_bloc_marque{
	
	padding-top: 15px;
	margin-bottom: 10px;
	padding-left: 35px;
	padding-right: 10px;
}
.bloc_marque h2{
	font-size: 11px;
    color: #cc0000;
	background: url(../images/bg_rouge_homme.gif) top no-repeat;
	text-transform: uppercase;
}
.sub_bloc_marque div a{
	color: #555563;
    background: url(../images/puce_rouge.gif) no-repeat 0px 3px #FFF;
    padding-left: 5px;
	font-weight: bold;
}
.sub_bloc_marque div{
	background-color:#FFF;
}
.sub_bloc_marque div div{
	margin-left: 15px;
	background-color:#FFF;
	margin-top:-1px;
}
.sub_bloc_marque div div a{
	font-weight: normal;
	background-color:#FFF;
}
.sub_bloc_marque div a:hover{
	color: #f4690f;
}
.sub_bloc_marque p.bottom_marque{
	margin: 0;
	margin-top: 5px;
	text-align: center;
}
.sub_bloc_marque p.bottom_marque a{
	text-decoration: underline;
	color: #555563;
	margin-right: 15px;
}
#listing_marque{
	width: 580px;
}
#listing_marque td{
	padding-bottom: 10px;
}


/* --------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------- ligthbox ---------------------------------------------------------- */
/* --------------------------------------------------------------------------------------------------------------- */

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	padding-top: 90px;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 100px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	
	
	
	
	
	
	
	
	
	
	
	
	.clear{
		clear: both;
	}
#infos_marque{
	margin-bottom: 10px;
}
#infos_marque img{
	margin-right: 10px;
	margin-bottom: 10px;
}
.themes{
	border: 1px solid #ccc;
	margin-bottom: 10px;
	height: 25px;
	padding-left: 10px;
	line-height: 25px;
}
.themes h3{
	display: inline;
	color: #333;
	
	
}
.themes p{
	
	display: inline;
}
.themes p a{
	color: #000;
	text-decoration: underline;
}








.blocMarque{
	width: 260px;
	margin-bottom: 10px;
	border: 5px solid #E6E6E6;
	overflow-y: auto;
}

.blocAccueilLeft{
	float: left;
}
.blocAccueilRight{
	float: right;
}

.blocMarque h1{
	text-align: center;
	font-size: 12px;
	color: #fff;
	background: #000;
	height: 28px;
	line-height: 28px;
	text-transform: uppercase;
	border: none;
	text-decoration: none;
	margin: 0;
}
.blocMarque h1 a{
	color: #fff;
	display: block;
	height: 28px;
	line-height: 28px;
	text-decoration: none;
}
.blocMarque ul{
	text-transform: none;
	text-align: left;
	margin-left: 20px;
	margin-top: 10px;
	color: #000;
}
.blocMarque ul ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
.blocMarque h4 a:hover{
	text-decoration: underline;
}
.blocMarque .sub_bloc{
	height: 200px !important;
}









.univers_accueil{
	width: 276px;
	background: url(../images/repeat_univ.jpg) repeat-y top left;
	padding: 0;
	margin-bottom: 10px;
}
.univers_accueil2{
	width: 578px;
	background: url(../images/repeat_univ2.jpg) repeat-y top left;
	padding: 0;
	margin-bottom: 10px;
	margin-left: 7px;
}
.univers_accueil_left{
	float: left;
}
.univers_accueil_right{
	float: right;
	
	margin-right: 10px;
}
.univers_accueil h1{
	background: url(../images/top_univ.jpg) no-repeat top left;
	height: 22px;
	line-height: 22px;
	padding-left: 21px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 11px;
}
.univers_accueil2 h1{
	background: url(../images/top_univ2.jpg) no-repeat top left;
	height: 22px;
	line-height: 22px;
	padding-left: 21px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
}
.univers_accueil .univers_accueil_bottom{
	height: 6px;
	background: url(../images/bottom_univ.jpg) no-repeat bottom left;
}
.univers_accueil2 .univers_accueil_bottom{
	height: 6px;
	background: url(../images/bottom_univ2.jpg) no-repeat bottom left;
}
.univers_accueil ul{
	margin: 0;
	padding: 0;
	margin-left: 10px;
	width: 120px !important;
	width: 110px;
	float: left;
}
.univers_accueil2 ul{
	margin: 0;
	padding: 0;
	margin-left: 10px;
	width: 180px;
	float: left;
}
.univers_accueil ul li,
.univers_accueil2 ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	background: url(../images/fleche.gif) no-repeat left center;
	padding-left: 10px;
	margin-bottom: 5px;
}
.univers_accueil ul li a,
.univers_accueil2 ul li a{
	color: #000;
}
.univers_accueil ul li a:hover,
.univers_accueil2 ul li a:hover{
	color: #FF710D;
}
.univers_accueil .articles_menu_droite{
	border-bottom: none;
	width: 120px !important;
	width: 100px;
	float: left;
	margin-left: 10px;
	text-align: center;
	clear: none;
}
.univers_accueil .articles_menu_droite img{
	float: none;
}
.univers_accueil .articles_menu_droite .zone_texte{
	float: none;
	width: 120px !important;
	width: 100px;
}
.univers_accueil2 .articles_menu_droite{
	border-bottom: none;
	width: 360px !important;
	width: 340px;
	float: left;
	margin-left: 10px;

	clear: none;
}


.accueil_news{
	width: 569px;
	background: url(../images/news_repeat.jpg) repeat-y top left;
}
.accueil_news h1{
	height: 21px;
	line-height: 19px;
	text-transform: uppercase;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	padding-left: 35px;
	background: url(../images/news_top.jpg) no-repeat;
	margin-bottom: 0;
}
.accueil_news table{
	width: 569px;
}
.accueil_news table td{
	width: 48%;
}
.accueil_news  h3 a{
	color: #436288;
}
.accueil_news  h3 a:hover{
	color: #649915;
}	
.news_bottom{
	height: 28px;
	text-align: right;
	font-weight: bold;
	line-height: 28px;
	background: url(../images/news_bottom.jpg) no-repeat;
	padding-right: 7px;
}
.news_bottom a{

	color: #fff;
	text-decoration: none;
	font-size: 10px;
}
.news_bottom a:hover{
	color: #EDF6DF;
}
#top_vente_accueil{
	background: url(../images/bg_top_vente.jpg) no-repeat;
	height: 273px;
	width: 570px;
	margin-bottom: 20px;
	position: relative;
}
.top_vente_articles{
	display: none;
	position: absolute;
	width: 432px;
	top: 13px;
	right: 14px;
}
#top_vente_articles_1{
	display: block;
}
.top_vente_univers{
	width: 111px;
	height: 27px;
	position: absolute;
	left: 0;
}
.top_vente_univers a{
	height: 27px;
	line-height: 27px;
	display: block;
	background: url(../images/onglet_top.jpg) no-repeat top left;
	font-weight: bold;
	padding-left: 7px;
}
.top_vente_univers a:hover{
	background: url(../images/onglet_top_hover.jpg) no-repeat top left;
	color: #000;
}

#top_vente_univers_1{
	top: 62px;
}
#top_vente_univers_2{
	top: 96px;
}
#top_vente_univers_3{
	top: 130px;
}
#top_vente_univers_4{
	top: 164px;
}
#top_vente_univers_5{
	top:198px;
}
#top_vente_univers_6{
	top: 232px;
}

.top_vente_article{
	background: #F3F6FA;
	margin-bottom: 3px;

}
.top_vente_article img{
	float: left;
	margin-left: 10px;
	width: 65px;
}
.top_vente_article .txt{
	float: left;
	margin-left: 20px;
	width: 240px;
	padding-top: 30px;
}
.top_vente_article .txt h2{
	margin: 0;
	color: #3638B3;
	font-weight: normal;
}
.top_vente_article .txt p{
	margin: 0;
}
.top_vente_article .px{
	float: left;
	margin-left: 10px;
	width: 65px;
	padding-top: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}


.favoris_accueil table{
	width: 100%;
}
.favoris_accueil table td{
	width: 33%;
	border: 1px solid #333;
	padding: 3px;
	text-align: center;
}
.favoris_accueil table td h2{
	background: #FF3300;
	color: #fff;
	padding-top: 2px;
	padding-bottom: 2px;
	text-align: center;
	padding: 5px;
}
.favoris_accueil table td h2 a{
	color: #fff;
}
.favoris_accueil table td select{
	font-size: 10px;
	margin-bottom: 10px;
}
.favoris_accueil table td .infos{
	margin-bottom: 10px;
}
.favoris_accueil table td .add_panier{
	margin-bottom: 10px;
}








.h2_rubriques{
	background: #FF700A;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 15px;
	color: #fff;
	border: 1px solid #888;
}
.h2_rubriques a{
	color: #fff;
	font-size: 14px;
}
.h2_rubriques a:hover{
	color: #FDE6DD;
}
.h2_rubriques a.float_right{
	float: right;
	margin-right: 5px;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border: 1px solid #fff;
}















table.top_rubrique{
	width: 100%;
	margin-bottom: 15px;
	margin-top: -5px;
}
table.top_rubrique td{
	width: 50%;
	border: 1px solid #FF700A;
	text-align: center;
}



.newth{
	color: #DF662F;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	height: 18px;
	padding-left: 15px;
}



#zone_deroulante_marque{
	position: relative;
	width: 764px;
	margin-bottom: 15px;
	height: 101px;
}
#zone_deroulante{
	height: 87px;
	background: url(../images/zone_marque.jpg) no-repeat;
}
#zone_deroulante_marque #lien_gauche{
	position: absolute;
	left:0;
	bottom: 0;
	width: 68px;
	height: 14px;
	background: url(../images/marque_left.jpg);
}
#zone_deroulante_marque #lien_droite{
	position: absolute;
	right:0;
	bottom: 0;
	width: 68px;
	height: 14px;
	background: url(../images/marque_right.jpg);
}
#zone_deroulante_marque #lien_centre{
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -97px;
	width:195px;
	height: 14px;
	background: url(../images/marque_center.jpg);
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}	
#zone_deroulante_marque #lien_centre a{
	color: #fff;
}

.negatif{
	background: #FB9E1D;
	color: #fff;
}


#lien_valid_panier{
	background: url(../images/bg_lien.jpg) no-repeat top left;
	color: #fff;
	font-weight: bold;
	width: 377px;
	height: 62px;
	text-align: center;
	display: block;
	line-height: 31px;
}

.bo_prix{
	font-size: 14px;
}

#mea_accueil{
	margin-bottom: 10px;
	
}
#mea_accueil #mea_gauche{
	float: left;
	width: 190px;
}
#mea_accueil #mea_centre{
	margin: 0 auto;
	width: 190px;
	float: left;
	margin-left: 16px;
	text-align: center;
}
#mea_accueil #mea_droit{
	float: right;
	width: 190px;
	text-align: right;
}






/* annonces */
.annonce{
	border: 1px solid #E76329;
	padding: 10px;
	margin-bottom: 10px;
}
.annonce .more_annonce{
	display: block;
	float: right;
	margin-top:10px;
	font-weight: bold;
	color: #E76329;
	text-decoration: underline;
}
.annonce .formulaire{
	margin-top: 10px;
}
.annonce .formulaire .center{
	text-align: center;
}
.annonce .formulaire input{
	font-size: 11px;
}
.annonce .formulaire th{
	text-align: right;
}

.error{
	color: #FF0000;
	border: 1px solid #FF0000;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}
.valid{
	color: #5C8728;
	border: 1px solid #5C8728;
	font-weight: bold;
	padding: 10px;
	margin-bottom: 10px;
}





#over_site{
	width: 100%;
	height: 100% !important;
	height: 700px;
	position: fixed !important;
	position: absolute;
	z-index: 100000;
	background: #000;
	top: 0;
	left: 0;
	filter : alpha(opacity=50);
    -moz-opacity : 0.50;
    opacity : 0.50; 
}
#pop_up{
	position: absolute;
	z-index: 200000;
	top: 150px;
	left: 50%;
	margin-left: -222px;
	width: 445px;
	background: #fff;
	text-align: left;
}
#pop_up #pop_up_title{
	background: #666;
	color: #fff;
	margin: 7px;
	font-size: 12px;
	margin-bottom: 7px;
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
#pop_up #pop_up_title a{
	color: #fff;
	font-weight: bold;
}
#pop_up h1{
	color: #1c4b91;
	font-weight: bold; 
	font-size: 14px;
}
#pop_up .desc_pop{
	margin: 7px;
	margin-bottom: 15px;
}
#pop_up .desc_pop p{
	margin-bottom: 5px;
}
#pop_up #close_popup{
	position: absolute;
	top: 9px;
	right: 9px;
	color: #fff;
	text-decoration: none;
	font-family: tahoma;
	font-weight: normal;
}
#pop_up .more_popup{
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}