/* //////////////////////////////////////// */
/* BASICS */
html{
  height: 100%;
  width:100%;
}
body {
  min-height: 100%;
  width:100%;
  margin: 0 auto;
  padding: 0;
  background: url("../images/background.gif") repeat scroll 0 0 transparent;
  font-family: verdana,sans-serif;
}
p{
	text-align:left;
}
header{
	width:980px;
	height:172px;
	background: url("../images/header.png") no-repeat scroll 0 0 transparent;
}
header img{
	padding-left: 229px;
	position: absolute;
	top: -7px;
}
footer{
	width:980px;
	height:50px;
	background: url("../images/footer.png") repeat scroll 0 0 transparent;
	float: left;
}
footer p{
	height: 10px;
    margin-top: 23px;
	font-weight:bold;
	font-family: verdana,sans-serif;
	text-align:center;
	font-size: small;
	padding-left: 168px;
}

.divider {
    background: url("../images/divider.gif") no-repeat scroll 0 0 transparent;
    height: 50px;
    margin: 0 auto;
    width: 140px;
}	
#sur_conteneur{
	min-height: 100%;
	width:100%;
	position:absolute;
	text-align: center;
}
#conteneur{
	height: 100%;
	width:980px;
	margin: 0 auto;
	text-align:center;
}
#contenu{
	width:980px;
	background: url("../images/fond.png") repeat scroll 0 0 transparent;
    float: left;
}
.bouton_pm{
	width:40px;
	height:20px;
	padding-left: 12px;
    padding-top: 4px;
}
.bouton_pm a{
	width:50%;
	height:100%;
	display: block;
    text-decoration: none;
	color: black;
    font-size: 10pt;
    font-weight: bold;
	float:left;
}
.bouton_pm a:hover{
	background:#FF007B;
}
.bouton_pm .plus{
	background:#666;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}
.bouton_pm .moins{
	background:#999;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}
/* FIN BASICS */
/* //////////////////////////////////////// */







/* //////////////////////////////////////// */
/* ASIDE */
aside{
	text-align: left;
	width:980px;
	height:30px;
}
aside #search{
	background: url(../images/recherche.png) no-repeat;
}
aside #search input[type="text"]{
	height:30px;
	text-align: left;
	top: 0;
	left: 0;
	background: url(../images/searchinput.png) no-repeat  8px 0;
}
aside #search input{
	width:100px;
	height:30px;
	background: none;
	font: 100%;
	font-style:italic;
	font-weight:bold;
	font-size:12px;
	color: black;
	border: 0px solid #000;
	padding-left:20px;
}
aside #search input[type="submit"]{
	width:48px;
	height:30px;
	background: url(../images/searchok_off.png) no-repeat;
	border: 0px solid #000;
	padding:0px;
	margin-left:0px;
	cursor:pointer;
}
aside #search input[type="submit"]:hover{
	background: url(../images/searchok_on.png) no-repeat;
}
/* FIN ASIDE */
/* //////////////////////////////////////// */







/* //////////////////////////////////////// */
/* NAV */
nav{
	width:180px;
	position: relative;
	float: left;
}
nav label span {
    font-size: 15px;
	height: 16px;
	padding-top:0px;
	text-align: center;
}
nav #login input{
	font-style:italic;
	font-size:12px;
	border: 0px solid #000;
	width:100px;
	height:14px;
	background: #bf7bab;
    border: 1px solid #744b68;
	border-radius: 10px;
	text-align: center;

}
nav #login input[type="submit"]{
	border: 1px solid;
	background: white;
    height: 20px;
	width: 85px;
    padding-bottom: 6px;
    margin-top: 5px;
	padding-left: 2px;
}
nav #login input[type="submit"]:hover{
	background:#0F0;
}
nav #login a{
    background: transparent;
    display: block;
    padding-left: 11px;
    text-align: left;
    height: 12px;
	text-decoration:none;
	color: #000000;
}
nav #login a:hover{
	color: #FF0000;
}
nav hr
{
	width:110px;
	color:black;
	height:2px;
}
nav a{
    background: url("../images/bt_lumiere.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    font-size: 12px;
    text-align: center;
    height: 38px;
	text-decoration:none;
}
nav a:hover {
    background: url("../images/bt_lumiere_hover.png") no-repeat scroll 0 0 transparent;
}
nav .panier{
    height: 66px;
}
nav span {
    display: block;
    font-family: heroiccondensed-bold-webfont,Tahoma,Geneva,sans-serif;
    font-size: 22px;
    font-weight: normal;
    padding-top: 4px;
}
nav p {
	margin: 0;
}
/* FIN NAV */
/* //////////////////////////////////////// */




/* //////////////////////////////////////// */
/* SECTION */
section{
	width:760px;
	background: url("../images/content.gif") repeat-y scroll 0 0 transparent;
	float: left;
	padding: 50px 20px 10px;
    border-color: #996666;
    border-style: solid;
    border-width: 0;
    font-size: 103%;
    left: 0;
    margin: 0;
    min-height: 100%;
    top: 0;
	font-family: verdana,sans-serif;
}
section h1{font-size: 22px; color: #888888;}
section .behind{
	color: #888888;
	text-shadow: -4px -4px 6px #E4E6FB, 4px 4px 6px #E4E6FB, -4px 4px 6px #E4E6FB, 4px -4px 6px #E4E6FB;
	text-decoration: none;
	vertical-align:2px;
}

section .box{
	clear: both;
    margin: auto;
	border-radius: 10px;
	border:2px solid white;
	background: url("../images/bg_blanc_20pc.png") scroll 0 0 transparent;
	display: inline-block;
	font-size:14px;
	margin: 20px auto auto;
	width: 756px;
}
section .box h3{
	margin:0;
	color: #FFFFFF;
    padding: 3px 0;
	border-radius: 7px 7px 0px 0px;
	border-bottom: 2px solid #000000;
	background: #cb60b3; /* Old browsers */
	background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(51%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
}
section .box p{
	background: url("../images/bg_blanc_50pc.png") scroll 0 0 transparent;
	margin: 10px;
	border-radius: 10px
}
section .box .column{
	width:50%;
	float:left;
}
section .box .bouton{
	width:100%;
	clear:left;
}
section .box .bouton p{
	text-align:center;
	background:none;
}
section .box .center{
	text-align:center;
}
section .box label{
	padding: 5px 5px 5px 10px;
	width:150px;
	display: inline-block;
}

section .box label[for="nom"]{width:60px;}
.section .box input, select{
	border-radius: 3px;
	width:150px;
	margin-left: 10px;
	padding-left: 8px;
	border: 1px solid #dcdcdc;
}
section .box input[name="nom"]{width:300px; text-align:center;}
section .box select{
	border-radius: 10px 0px 0px 10px;
	padding-left: 4px;
}
section .box textarea{
	width:300px;
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #dcdcdc;
	margin-bottom: 5px;
    max-width: 97%;
    min-width: 97%;
}
section .box input[type="file"]{
	width:88px;
}
section 
.box input[type="submit"]{
	background: #cb60b3; /* Old browsers */
	background: -moz-linear-gradient(top, #cb60b3 0%, #c146a1 50%, #a80077 51%, #db36a4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cb60b3), color-stop(50%,#c146a1), color-stop(51%,#a80077), color-stop(100%,#db36a4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* IE10+ */
	background: linear-gradient(to bottom, #cb60b3 0%,#c146a1 50%,#a80077 51%,#db36a4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#db36a4',GradientType=0 ); /* IE6-9 */
	padding: 4px 0;
	font-weight:bold;
}
section .box input[type="submit"]:hover{
	background: #f475a8; /* Old browsers */
	background: -moz-linear-gradient(top, #f475a8 0%, #d63781 50%, #e8009e 51%, #f23cc1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f475a8), color-stop(50%,#d63781), color-stop(51%,#e8009e), color-stop(100%,#f23cc1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f475a8 0%,#d63781 50%,#e8009e 51%,#f23cc1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f475a8 0%,#d63781 50%,#e8009e 51%,#f23cc1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f475a8 0%,#d63781 50%,#e8009e 51%,#f23cc1 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f475a8 0%,#d63781 50%,#e8009e 51%,#f23cc1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f475a8', endColorstr='#f23cc1',GradientType=0 ); /* IE6-9 */
}
section .box .error{
	color:#F00;
	font-weight:bold;
	font-style:italic;
}
/* FIN BASIC SECTION */
/* //////////////////////////////////////// */

/* //////////////////////////////////////// */
/* SECTION LISTE ARTICLES*/
section .liste_articles .produit {
    /*background-image: url("../images/bloc_cat_article.png");*/
    background-repeat: no-repeat;
    height: 160px;
    margin-bottom: 7px;
    padding: 0;
	line-height:1.2em;
	font-size: small;
	border: 2px dashed #cd4a9b;
    border-radius: 20px;
}
section .liste_articles h2[class="titre"]{
    clear: none;
    font-family: Impact,Tahoma,Geneva,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 0;
    margin: 0;
    position: relative;
	padding-top: 20px;
}
section .liste_articles .produit h2 a {
    text-decoration: none;
}
section .liste_articles .produit .image {
	float: left;
    margin-left: 25px;
    margin-top: 15px;
    position: relative;
	margin-right: 5px;
}
section .liste_articles .produit .image img {
	border: 1px solid #CCCCCC;
	width:98px;
	height:98px;
	margin-top: 15px;
}
section .liste_articles .produit .caracteristiques {
	background: none repeat scroll 0 0 transparent;
    float: right;
    height: 140px;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    width: 590px;
}
section .liste_articles .produit .caracteristiques .coul-prix {
    height: 26px;
    padding-top: 18px;
}
section .liste_articles .produit .caracteristiques .coul {
    display: inline-block;
    height: 26px;
    width: 170px;
	float: left;
}
section .liste_articles .produit .caracteristiques .coul .coullabel{
    display: inline-block;
    height: 26px;
}
section .liste_articles .produit .caracteristiques .coul .coullabel p {
	margin: 7px 0 0 8px;
}
section .liste_articles .produit .caracteristiques .coul .coulselect{
    border: 0 none;
    display: inline-block;
    float: right;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 110px;
}
section .liste_articles .produit .caracteristiques .coul .coulselect select{
	border: 0 none;
    display: inline-block;
    height: 20px;
    margin-left: 5px;
    margin-top: 4px;
}
section .liste_articles .produit .caracteristiques .prix {
	 background-color: white;
    border: 1px solid black;
	border-radius: 10px;
    display: inline-block;
    float: right;
    margin-left: 280px;
}
section .liste_articles .produit .caracteristiques .prix p {
    font-size: 15px;
    font-weight: bold;
    margin: 3px 11px 6px;
	text-align: center;
}
section .liste_articles .produit .caracteristiques .description{
    font-size: 13px;
    line-height: 1.4em;
    margin-left: 7px;
}
section .liste_articles .produit .caracteristiques .description p {
    line-height: 1.2;
    margin: 2px 0 0;
}
/* FIN SECTION LISTE ARTICLE */
/* //////////////////////////////////////// */





/* //////////////////////////////////////// */
/* SECTION  AFFICHE DETAIL*/
section .affiche_article {
	line-height:1.2em;
	font-size: small;
	font-family: verdana,sans-serif;
}
section .affiche_article .produit{
    margin-bottom: 0;
    padding: 0;
    position: relative;
}
section .affiche_article .produit:after{
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
section .affiche_article .produit h2[class="titre"]{
    clear: none;
    font-family: Impact,Tahoma,Geneva,sans-serif;
    font-size: 22px;
    font-weight: normal;
    line-height: 0;
    margin: 0;
    position: relative;
	padding-top: 20px;
}
section .affiche_article .produit .structure-produit {
	height: 500px;
    float: left;
	border: 2px solid #cd4a9b;
	border-radius:20px;
	border-style:dashed;
	background:#e4e6fb;
}
section .affiche_article .produit .structure-haut {
	height: 250px;
}
section .affiche_article .produit .structure-image {
	float: left;
    margin-right: 5px;
    position: relative;
}
section .affiche_article .produit .structure-image img{
	background-color: #EFEFEF;
    border: 1px solid #CCCCCC;
}
section .affiche_article .produit .structure-image #zoom1{
    margin-left: 29px;
    margin-top: 13px;
	height: 200px;
    width: 200px;
	float: left;
}
section .affiche_article .produit .prix{
    background-color: white;
    border: 1px solid black;
	border-radius: 10px;
    display: inline-block;
    float: left;
    margin-left: 280px;
    margin-top: 10px;
}
section .affiche_article .produit .prix p{
	display: inline-block;
    font-size: 17px;
    font-weight: bold;
    margin: 3px 11px 6px;
}
section .affiche_article .produit .prix_port {
    display: inline-block;
    height: 18px;
    margin-top: 4px;
    width: 210px;
	padding-left: 155px;
}	
section .affiche_article .produit .prix_port p{
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 0 38px;
}
section .affiche_article .produit .description{
	float: left;
	font-size: 14px;
    height: 154px;
    line-height: 1.2em;
    margin: 10px 0 4px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 0 0 5px;
    width: 410px;
}
section .affiche_article .produit .description p{
    margin: 0;
    padding: 0;
}
section .affiche_article .produit .coul_taille{
	padding-top: 0;
}
section .affiche_article .produit .coul_taille .coul{
	display: inline-block;
    height: 26px;
    width: 170px;
}
section .affiche_article .produit .coullabel{
    display: inline-block;
    height: 26px;
    width: 60px;
}
section .affiche_article .produit .coullabel p{
	margin: 7px 0 0 8px;
}
section .affiche_article .produit .coulselect {
    border: 0 none;
    display: inline-block;
    float: right;
    height: 26px;
    margin: 0;
    padding: 0;
    width: 110px;
}
section .affiche_article .produit .coulselect select {
    margin-left: 4px;
    margin-top: 4px;
    width: 132px;
	border: 0 none;
    display: inline-block;
    height: 20px;
	position: relative;
}
section .affiche_article .produit .taille {
    margin-left: 40px;
	display: inline-block;
    height: 26px;
    margin-top: 13px;
}
section .affiche_article .produit .hidden {
	display:none;
}	
section .affiche_article .produit .taille select {
    width: 110px;
}
section .affiche_article .produit .personnalisation {
    background-color:#d1d4fd;
    border-radius: 10px;
    left: 19px;
    padding: 1px 0 10px;
    position: relative;
    top: 20px;
    width: 720px;
}
section .affiche_article .produit .demo {
    width: 260px;
    position: relative;
	float: left;
	padding-left: 45px;
}
section .affiche_article .produit .personnalisation h2{
    font-size: 14px;
}
section .affiche_article .produit .personnalisation p{
    font-size: 12px;
}
section .affiche_article .produit .personnalisation fieldset {
    border: medium none;
}
section .affiche_article .produit .personnalisation fieldset label {
    font-size: 12px;
    margin-top: 11px;
}
section .affiche_article .produit .personnalisation .texte{
}
section .affiche_article .produit .personnalisation textarea {
    height: 20px;
    width: 600px;
	max-height: 35px;
    max-width: 600px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: #000000;
    font: 100% verdana,sans-serif;
	padding-left: 5px;
}
section .affiche_article .produit .personnalisation .typo {
	float: right;
    padding: 4px 60px 4px 4px;
    text-align: right;
    width: 250px;
}	
section .affiche_article .produit .personnalisation .typo label {
    font-size: 12px;
    margin-top: 11px;
}
section .affiche_article .produit .personnalisation .coul{
	float: right;
    padding: 4px 60px 4px 4px;
    text-align: right;
    width: 250px;
}
section .affiche_article .produit .personnalisation .coul label {
    font-size: 12px;
    margin-top: 11px;
}
section .affiche_article .produit .commerce {
    position: relative;
    top: 28px;
	
}
section .affiche_article .produit .quantite {
    border: medium none;
    float: left;
    margin-top: 2px;
    padding: 0 0 0 40px;
    width: 300px;
}
section .affiche_article .produit .quantite .qte{
	display: block;
	float: left;
	width: 60px;
}
section .affiche_article .produit .quantite .qte legend{
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}
section .affiche_article .produit .quantite .qte-maj{
    background-color: #0000CC;
    display: block;
    float: left;
    width: 30px;
}
section .affiche_article .produit .quantite .qte-maj input{
    font-size: 14px;
    line-height: 1.2em;
    margin: 0;
    padding: 2px;
}
/* FIN SECTION AFFICHE ARTICLE */
/* //////////////////////////////////////// */





/* //////////////////////////////////////// */
/* LE PANIER */
section .panier{
    margin-bottom: 0;
    padding: 0;
    position: relative;
	font-size: small;
}
section .panier h2,section .panier h2 a{
	color: #888888;
	text-decoration: none;
	clear: none;
    font-family: Impact,Tahoma,Geneva,sans-serif;
    font-size: 22px;
	text-transform : capitalize;
    font-weight: normal;
    line-height: 1;
    margin: 0;
    position: relative;
    width: 754px;
	padding-top:10px;
	padding-bottom:10px;
}



section .panier .ligne_top {height: 20px; border-color: red;}
section .panier .ligne_top .marge{float: left; height: 100%; width: 542px; border-radius: 10px;}
section .panier .ligne_top .qte{background: white; border-top-left-radius: 10px; font-weight: bold; border-top-width:1px; border-bottom-width:0px; border-color:black;}
section .panier .ligne_top .prix_u {background: white; font-weight: bold; border-top-width:1px; border-bottom-width:0px; border-color:black;}
section .panier .ligne_top .prix{background: white; border-top-right-radius: 10px; border-top-width:1px; border-bottom-width:0px; border-color:black;}

section .panier .first .caracteristiques{border-top-width:1px; border-color:#9a8a97;}
section .panier .first img{border-top-left-radius: 10px; border-top-width:1px; border-color:#9a8a97;}
section .panier .first .qte{border-top-width:1px; border-color:#9a8a97;}
section .panier .first .prix_u{border-top-width: 1px;border-color:#9a8a97;}
section .panier .first .prix{border-top-width:1px; border-color:#9a8a97;}

section .panier .ligne {height: 102px; float: left;}
section .panier .image {float: left; position: relative;}
section .panier .image img { border:solid; border-width : 1px 1px 1px 1px; width:100px; height:101px; border-color:#9a8a97;}
section .panier .caracteristiques {background: url("../images/bg_blanc_20pc.png") repeat scroll 0 0 transparent; float: left; height: 100%; overflow: hidden; position: relative; width: 440px; border:solid; border-width : 0px 0px 1px 0px; text-align: left; border-color:#9a8a97;}
section .panier .caracteristiques span{font-size:9pt; padding-left: 8px;/*color:#9a8a97;*/}
section .panier .caracteristiques .ref-coul {}
section .panier .caracteristiques .ref {font-size:10pt; text-transform:capitalize; font-weight:bold;}
section .panier .caracteristiques .coul {}
section .panier .caracteristiques .info-broderie {font-style:italic;}
section .panier .qte{background: url("../images/bg_blanc_20pc.png") repeat scroll 0 0 transparent; float: left; height: 100%; width: 74px; border:solid; border-width : 0px 0px 1px 1px; border-color:#9a8a97;}
section .panier .prix_u {background: url("../images/bg_blanc_20pc.png") repeat scroll 0 0 transparent; float: left; height: 100%; width: 70px; border:solid; border-width : 0px 0px 1px 1px; border-color:#9a8a97;}
section .panier .prix{background: url("../images/bg_blanc_20pc.png") repeat scroll 0 0 transparent; float: left; height: 100%; width: 70px; border:solid; border-width : 0px 1px 1px 1px; border-color:#9a8a97;}
section .panier .prix span{font-weight: bold; text-align: left;}

section .panier .last img{border-bottom-left-radius: 10px;}

section .panier .ligne_bottom {height: 20px;}
section .panier .ligne_bottom .marge{float: left; height: 100%; width: 542px; border-radius: 10px;}
section .panier .ligne_bottom .qte{background: white; font-weight: bold;}
section .panier .ligne_bottom .prix_hfdp {background: white; font-weight: bold; float: left; height: 100%; width: 145px; border:solid; border-width : 1px 0px 1px 1px; border-bottom-left-radius: 10px;}
section .panier .ligne_bottom .prix{background: white; border-bottom-right-radius: 10px; border-width : 1px 1px 1px 1px; border-color:black;}


section .panier .up_qte
{
	width:20px;
	height:10px;
	margin-top: 2px;
}

section .panier input[type="submit"]{}

/* FIN PANIER */
/* //////////////////////////////////////// */