*{ outline:none; }

.fleft{ float:left; }
.fright{ float:right; }

.error{
	font-weight:bold;
	color:red!important;
}

.masque{
	display:none;
}

a img{
	border:none;
}

/*------------------------------------
 * LARGEURS DE LA FICHE ARTICLE
 * ---------------------------------*/
/* largeur partie gauche FA (photo) */
#cont-fiche-article .cont-left, 
.galleria_container, .galleria_wrapper, .cont-image, 
.cont-image-std, .galleria_container, .galleria_wrapper, 
.cont-image, .cont-image-std{
	width:440px;
}

/* largeur partie droite FA (infos)*/
#cont-fiche-article .cont-right{
	width:300px;
}
/*Fin des largeurs*/

#cont-fiche-article .cont-left{
	float:left;
}

.zoomit{
	padding:0px 10px 10px 0px;
}

.replaced{
	border:solid 5px #F9F7F7;
}

#cont-fiche-article .cont-right{
	float:right;
	width:300px;
	position:relative;
}

#gallerie-zoom{
	display:none;
}

#designation, #prix-titre{
	font-weight:bold;
	font-size:16px;
}


#prix-titre{
	font-size:24px;
}

#description-courte{
	font-size:12px;
	clear:both;
	margin:5px 0px 0px 0px;
	text-align:justify;
}

.display-none{
	display:none;
}

.fiche-article-title{
	font-size:16px;
	font-weight:bold;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	padding:0px 5px 0px 5px;
}

#cont-variante, #cont-avis, #cont-ajout, #cont-supplement, #cont-description, #cont-designation, #cont-generalites{
	margin:5px 0px 5px 0px;
	padding:5px;
	color:#000;
}

#cont-generalites{
	margin:0px;
	padding-top:0px;
}

#cont-infos{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
}

#cont-variante, #cont-avis, #cont-ajout, #cont-supplement{
	padding:10px 5px 10px 5px;
}

#cont-variante, #cont-avis{
	margin:0px;
}


#cont-tarif{
	border:solid 1px #525252;
	border-left:none;
	border-right:none;
	padding:10px 5px 10px 5px;
	margin:10px 0px 10px 0px;
}

#cont-ref{
	float:left;
}

#cont-prix{
	float:right;
}

#cont-ref, #cont-prix{
	font-size:14px;
	font-weight:bold;
}

.lib-devise{
	font-weight:bold;
}

#cont-ajout, #cont-supplement{
	margin:5px 0px 0px 0px;
	border:none;
}

.frais-port{
	border:solid 1px #505050;
	color:#505050;
	width:110px;
	font-size:10px;
	font-weight:normal;
	padding:2px;
}






/*bouton*/
.ajout-panier, .demande-infos{
    display:block;
    float:left;
    margin:0 7px 0 0;
	font-size:12px;
	font-weight:bold;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}

.ajout-panier, .ajout-panier.grise:hover{
    color:#F9F7F7;
    background-color:#f5f5f5;
}

.ajout-panier{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#565656;
}

.ajout-panier:hover{
	background-color:#666;
	color:#EEE;
}

.ajout-panier.grise, .ajout-panier.grise:hover{
	color:#DDD!important;
	cursor:default;
}

.demande-infos{
    background-color:#666;
    border:solid 1px #333;
    border-top:solid 1px #888;
    border-left:solid 1px #888;
    color:#DDD;
}

.demande-infos:hover{
	background-color:#999;
	border:1px solid #999;
}

/*style de la galerie*/
.galleria{list-style:none; width:100%; padding:0px 0px 0px 5px; margin:10px 0px 0px 0px;}
.galleria li{display:block; width:60px; height:60px; overflow:hidden; float:left; margin:0 10px 10px 0; border:1px solid #DDD;}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto;height:100px;}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
.galleria_container, .galleria_wrapper, .cont-image-std{
	display:table-cell;
	vertical-align:top;
	text-align:center;
}

.cont-image-std{ height:400px!important; line-height:398px!important; display:table-cell; }

.ecart-std{
	padding:0px!important;
}

#cont-photo-std{
	padding:0px 10px 0px 10px;
}

#head-list-variante{
	padding:0px 20px 20px 20px;
	
}

.galleria_wrapper img{
	vertical-align:middle;
}

.ie-fix {
    display: inline-block;
    /*height: 100%;*/
    height:200px;
}

.galerie{
	clear:both;
}

.cont-image{
	float:left;
}

/*boite article*/
.boite-article { width:140px; }
.boite-article table{ height:250px; width:100%; border:1px solid #DDD;  border-spacing:0px; }
/*.boite-article:hover{ background-color:#EFEFEF; }*/
.boite-article td{ padding:0 5px 0 5px; }
/*.boite-article td.image img{ display:none; }*/
.boite-article td.image{ line-height:150px; height:150px; vertical-align:middle; text-align:center; border-bottom: 1px solid #DDD; position:relative; overflow:hidden; }
.boite-article td.prix{ color:black; text-align:right; font-weight:bold; padding:5px 5px 0 5px; }
.boite-article td.designation{ height:60px; border-top:1px solid white; }
.boite-article td.designation a{ text-decoration:none; }

.boite-article .cont{ /*height:250px;*/ width:100%; border:1px solid #DDD;  border-spacing:0px; }
.boite-article .cont:hover{ background-color:#EFEFEF; }
.boite-article td{ padding:0 5px 0 5px; }
/*.boite-article td.image img{ display:none; }*/
.boite-article div.image{ line-height:150px; height:150px; vertical-align:middle; text-align:center; border-bottom: 1px solid #DDD; overflow:hidden; }
.boite-article div.prix{ color:black; text-align:right; font-weight:bold; padding:5px 5px 0 5px; height:23px; line-height:23px; }
.boite-article div.designation{ padding:5px; height:60px; border-top:1px solid white; display:table-cell; }
.boite-article div.designation a{ text-decoration:none; }

.boite-article div.prix, .boite-article div.designation{ background-color:#EEE; }

/* boites */
#articles-conseilles, #articles-similaires, #articles-regroupes, #commentaires, #description-longue{
	padding:5px;
	margin:0px 0px 10px 0px;
}

#articles-conseilles .titre, #articles-similaires .titre, #articles-regroupes .titre, #commentaires .titre, #description-longue .titre{
	color:#6F6F6F;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #DDD;
	background-color:#EEE;
	padding:3px;
}

#articles-conseilles ul, #articles-similaires ul, #articles-regroupes ul, #commentaires ul{
	list-style-type:none;
	padding:0px;
}

#articles-conseilles li, #articles-similaires li, #articles-regroupes li, #commentaires li{
	float:left;
	margin:10px 10px 0px 0px;
}

#commentaires .cont-title .titre{ background-color:transparent; border:none; color:black; }


#commentaires .cont-title{
	padding:10px 0 5px 0;
	border-bottom:solid 1px #FFF;
}

#commentaires .cont-title .titre{
	padding:5px 0 5px 0;
}

#commentaires .cont-message{
	padding:0 0 5px 0;
	border-bottom:solid 1px #DDD;
	line-height:18px;
	text-align:justify;
}

#commentaires .cont-message em.first, #commentaires .cont-message em.last{
	float:left;
	height:18px;
	width:18px;
}

#commentaires .cont-message img.first{
	margin:0 5px 0 0;
	vertical-align:middle;
}

#commentaires .cont-message img.last{
	margin:0px 0px 0px 5px;
	vertical-align:middle;
}

#com_identite, #com_email{
	width:200px;
}

#com_titre{
	width:400px;
}

#commentaires textarea{
	width:100%;
	height:100px;
	font-size:12px;
	font-weight:normal;
}

.premier-com{
	text-align:center;
	margin:10px 0 0 0;
}

#form-com{ height:305px; }
#form-com .field-com{
	margin:5px 5px 5px 0;
}

#form-com .field-com textarea{
	width:95%;
	height:100px;
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 0;
}

.bouton-std{
    display:block;
    float:left;
    margin:0 7px 0 0;
	font-size:12px;
	font-weight:bold;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    color:#565656;
}

.bouton-std{
	float:right;
	margin:auto;
}

.bouton-std:hover{
	background-color:#666;
	color:white;
    border:1px solid #666;
}

.com-message-systeme{
	float:right;
	vertical-align:center;
	line-height:30px;
	margin:0px 5px 0px 0px;
	color:#7FCF00;
	font-weight:bold;
}

.separateur-vertical{
	margin:10px 0px 10px 0px;
}

.separateur-vertical table{
	width:100%;
	border:none;
	height:15px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0px;
}

.separateur-vertical td.left{
	background:url(img/ombrage-hor-1.gif) 0 0 no-repeat;
	width:28px;
}

.separateur-vertical td.center{
	background:url(img/ombrage-hor-2.gif) 0 0 repeat-x;
}

.separateur-vertical td.right{
	background:url(img/ombrage-hor-3.gif) 0 0 no-repeat;
	width:30px;
}

.entree-generalite{
	margin:0px 0px 10px 0px;
}

.entree-generalite .label{
	text-transform:uppercase;
}

.entree-generalite .valeur strong{
	font-size:12px;
	font-weight:bold;
}

.etiquette{
	position:absolute;
	right:0px;
	top:0px;
	z-index:23;
}

.etiquette.nouveaute, .etiquette.nouveaute object, .etiquette.nouveaute embed{
	width:80px;
	height:50px;
}

.etiquette.promo, .etiquette.promo object, .etiquette.promo embed{
	right:-10px;
	top:-10px;
	width:80px;
	height:80px;
}

.etiquette.soldes, .etiquette.soldes object, .etiquette.soldes embed{
	width:50px;
	height:50px;
}

.prix-barre{
	text-decoration:line-through;
	font-size:12px;
	color:#AAA;
}

.reseaux-sociaux ul{
	list-style-type:none;
}

ul.reseaux-sociaux{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.reseaux-sociaux li{
	float:left;
	margin:0px 5px 2px 0px;
	height:22px;
	color:#AAA;
	font-weight:bold;
	line-height:22px;
	vertical-align:center;
}

ul.reseaux-sociaux img{
	border:none;
}

ul.telechargement{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

ul.telechargement li{
	margin:0px 5px 2px 0px;
	color:#AAA;
	font-weight:normal;
	vertical-align:center;
}

ul.telechargement a{
	float:left;
	padding:0px 0px 0px 16px;
	background:url(img/telecharger.png) 0 0 no-repeat;
	height:14px;
	line-height:14px;
	text-decoration: none!important;
	border-bottom:1px dotted black;
}

ul.telechargement span.filename{
	margin:0px 0px 0px 5px;
	font-size:10px;
}

#form-com{
	background-color:white;
}

#simplemodal-container a.modalCloseImg {
	background:url(img/close.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:white; border:5px solid #AAA; padding:20px; width:600px;}

.action-com{ margin:5px 0 0 0; }
.action-com a{ cursor:pointer; }

.ajout-com{ cursor:pointer; }

/* liste article */
.liste-article{ padding:5px; overflow:hidden; }
.liste-article td.apercu{ width:170px; text-align:center; vertical-align:middle; }
.liste-article td.apercu img{ max-width:120px; display:none; }
.liste-article table{ width:100%; border-collapse:collapse; border-spacing:0px; }
.liste-article table.lignes-articles tr{ border-bottom:1px solid #E6E6E6; }
.liste-article table.lignes-articles tr.dark{ background-color:#F2F2F2; }
.liste-article table.lignes-articles tr.light{ background-color:white; }
.liste-article table.lignes-articles td{ padding:3px; }
.liste-article table.lignes-articles td a{ text-decoration:none; }
.liste-article table.lignes-articles td a:hover{ text-decoration:underline; }

/* onglet de navigation */
ul.onglets{ clear:both; border-top:1px solid #DDD; border-bottom:1px solid #DDD; padding:5px 0 5px 0; text-align:center; margin:5px 0 0 0; }
ul.onglets li{ display:inline; border-left:1px solid #DDD; padding:0 10px 0 10px; }
ul.onglets li.first{ border:none; }
ul.onglets li a{ text-decoration:none; }
ul.onglets li a:hover{ text-decoration:underline; }
ul.onglets li.disabled a{ text-decoration:none; color:#DDD; cursor:default; }
.ancre-top{ font-size:11px; cursor:pointer; }

/* regroupement d'options */
#regroupement-option{ margin:5px 0 0 0; }
#regroupement-option .entry{ float:left; width:50px; height:50px; margin:0 5px 0 0; border:2px solid #DDD; text-align:center; cursor:pointer; position:relative; overflow:hidden; }
#regroupement-option .entry.selected{ border-color:#DF0000; cursor:default; }
/*#regroupement-option .entry:hover{ border-color:#AAA; }*/
#regroupement-option .entry img{ display:none; }

/* div globale de l'article */
#fiche_article_global{ position:relative; }
#loading-fiche-article{ z-index:1000; position:absolute; top:0; left:0; padding:5px 10px 5px 10px; background:#DF0000; color:white; font-weight:bold; display:none; }