/*
** General
*/
body {
	background: #5E5B5B url(../images/fond_candypleasure.jpg) repeat;
	/*font: 12px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;*/
	font: 62.5% "Trebuchet MS", sans-serif;
	margin: 50px;
}


                #corner {
                        position:absolute;
                        top:0px; right:0px;
                        z-index:9999;
                        background:url(../images/illustration.png) top right;
                }
                #corner img {
                        border:0;
                        width:100px; height:100px;
                        -ms-interpolation-mode: bicubic;
                }






a img {
	border: none;
}
/*@font-face {
	font-family:Lollipop;
	src:local(Lollipop), url("http://www.candy-pleasure.com/css/Lollipop.ttf") format(TrueType);
}

@font-face {
	font-family:Miama;
	src:url(Miama.otf) format(TrueType);
}*/
#entete {
	height: 600px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/encart_news.png); 
	background-repeat: no-repeat; 
/*	font-family:Lollipop;*/
}
.obligatoire {
	color: red;
}
/*
** ???
*/
.conteneur_photo_onglet {
	position:relative;
	height: 100px;
	width:100%;
	text-align: center;
	z-index: 2;
}
.photo_onglet {
	/*position:absolute;*/
	/*width: 100px;*/
	width:100%;
	height: 100px;
	z-index: 2;
	vertical-align: middle;
	text-align:center;
}
.calage_image {
	vertical-align: middle;
	width:99%;
	height: 99%;
}
.photo_onglet_promo_new {
	position:absolute;
	margin: 0 0 0 0;
	margin-top: -20px;
	/*top:20px;
	left:20px;*/
	z-index: 10;
	width: 100px;
	height: 100px;
}
.photo_onglet_promo {
	background-image: url(../images/ruban_vignette_promotion_mini.png); 
	background-repeat: no-repeat; 
}
.photo_onglet_new {
	background-image: url(../images/ruban_vignette_nouveaute_mini.png); 
	background-repeat: no-repeat; 
}

#encarts {
	float: left;
	width:75%;
	text-align:center;
}
/*
** Mise en page
*/

/* Tableau */
.tableau_recap_titre td {
}
.tableau_recap th {
	background-color:#850583;
	border: thin solid #000000;
}
.tableau_recap td {
	border: thin solid #000000;
}
.tableau_recap_pair {
	background-color:#b76bb6
}
.pied_tableau_recap {
	text-align: right;
	font-weight: bold;
}
.ligneTableau {
	border-left: 1px dotted #3d3b3c;
}
/* Formulaire */
.zoneDeSaisie {
	color:#000000;
	background-color:#ffffff;
	font-size:8pt;
	border-width:1px;
	border-style:solid;
	border-color:#3d3b3c;
}

/*
** Produits
*/

.prix_ancien {
	text-decoration:line-through;
}
.prix_promo {
	color:#b467b3;
}

.produit_rubrique {
	float: left;
	width:100%;
	height:50px;
	text-align:center;
	margin-bottom:30px;
	padding-bottom:20px;
	border-bottom:1px solid #3d3b3c;
	overflow-x:auto;
}
.dialog_link_produits {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
}
.produit {
	float: left;
	width:23%;
	height:310px;
	margin-left:1%;
	margin-top:10px;
	/*border-right:1px solid #3d3b3c;*/
	border:1px solid #3d3b3c;
	background-color:#ffffff;
	color:#000000;
	text-align:center;
}
.produit h5{
	margin: 0 0 0 0;
}
#contenu {
	color:#ffffff;
}
.image_produit_rubrique {
	float:left;
	margin-left:2px;
}
.desc_produit {
	float: left;
	width:50%;
	min-height:200px;
	margin-left:1%;
	padding-left:10px;
	border-left:1px solid #3d3b3c;
}
.images {
	float: left;
	width:45%;
	/*min-height:200px;*/
	margin-left:1%;
	text-align:center;
}
.image_produit {
	width:100%;
	height:300px;
	line-height: 300px;
	/*margin-left:1%;*/
	margin-bottom:1%;
	text-align:center;
	-moz-border-radius:5px;
	background-color:#ffffff;
}
#principale {
	vertical-align: middle;
}
.liste_image_produit {
	float: left;
	margin-left:1%;
	margin-bottom:1%;
	-moz-border-radius:5px;
	background-color:#ffffff;
	padding-top: 1px;
	height: 50px;
	width: 50px;
	text-align: center;
}
.accessoires {
	float: left;
	width: 95%;
}
.accessoire {
	float: left;
	margin-left: 1%;
	margin-bottom: 1%;
	-moz-border-radius: 5px;
	height: 100px;
	width: 100px;
	text-align: center;
	background-color: #ffffff;
}
/*
** Navigation
*/
.navigation {
	float: left;
	width:100%;
	margin-left:1%;
	margin-top:10px;
	border-top:1px solid #3d3b3c;
	text-align:center;
}
.menusousrubriques ul{
        list-style: none;
        cursor: pointer;
}
.menusousrubriques a {
	text-decoration: none;
}
.menusousrubriques a:hover {
	text-decoration: underline;
}
.menusousrubriques li {
        display: inline ;
        background: url(http://www.candy-pleasure.fr/images/logo_list.png) left no-repeat;
        padding-left: 18px;
}
.navigation ul {
	list-style: none;
	cursor: pointer;
}
.navigation li {
	display: inline ;
}
#tabs {
	float:left;
	width:75%;
}
/*
** SideBar
*/
#sidebareright{
	font-size: 110%;
	float:left;
	width:20%;
	margin-left:20px;
}
.effect {
	width: 99%;
	/*min-height: 140px;*/
	height: auto;
	padding: 0.4em;
	position: relative;
	margin-bottom: 5px;
}
.sidebar_contenu {
	position: relative;
	height:auto;
}
.effect h3 {
	margin: 0;
	padding: 0.4em;
	text-align: center;
}
/* Marques */
#nosmarques {
	margin-top: 10px;
	margin-bottom: 10px;
}
#cadre_liste_marques {
	text-align: center;
	background-color: #ffffff;
}
#liste_marques {
	padding: 0;
        margin: 0;
	list-style-type: none;
}
/* Blog */
#monblog {
	position: relative;
        width: 99%;
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 10px;
}

#liste_articles_blog {
        margin-left: 10px;
	padding: 0;
	list-style-image: url(http://www.candy-pleasure.fr/images/logo_list.png);
}
#liste_articles_blog li{
	margin-bottom: 10px;
}
#liste_articles_blog a {
	text-decoration: none;
}
#liste_articles_blog a:hover {
	text-decoration: underline;
}
/* Recherche */
.recherche {
        margin-bottom: 10px;
}
/* Panier */
#monpanier {
	position: relative;
        width: 99%;
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 10px;
}
.dialog_link_produits span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}
#icons {
	/*float:left;*/
	width: 99%;
	margin: 0 0 0 0;
	margin-top: 2px;
	padding: 0;
	list-style: none;
}
ul#icons div {
	padding: 4px 0;
	margin: 0 0 0 0;
	cursor: pointer;
	float: left;
}
.desc_article_panier {
	width: 85%;
}
ul#icons li {
	/*float: left;*/
	list-style: none;
}
#icons span.ui-icon {
	/*float: left;*/
	position: relative;
	margin: 0 4px;
}
.conticon {
/*	margin: 0 0 0 0;*/
}
/*
** Mon Compte
*/
#moncompte {
        margin: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 10px;
}
.formMonCompte {
        /*float: left;*/
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 0;
        padding-left: 0;
        margin-top: 0;
        margin-right: 3px;
        margin-bottom: 0;
        margin-left: 0;
	width: 100%;
}
.blocMonCompte {
        /*float: left;*/
        padding:0;
        margin: 0;
}
.champFormMonCompte {
        font-size: 0.9em;
        padding: 0;
        margin: 0;
        color: #12335B;
        background-color: #e9f4fb;
        border: 1px solid #12335B;
        overflow: hidden;
        zoom: 1;
}
.menuMonCompte {
        /*float: left;*/
        color: #a9c9e9;
        margin-top: 5px;
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        width: 100%;
        padding: 0;
}
.boutonMonCompteEntete {
        float: left;
        margin: 0;
        padding-top: 5px;
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
}
/*
** Pied de page
*/
#pied_page {
	float: left;
	color: #ffffff;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	font: 100% "Trebuchet MS", sans-serif;
	width: 100%;
}
#pied_page a {
	color: #ffffff;
	text-decoration: none;
}
#pied_page a:hover {
	color: #ffffff;
	text-decoration: underline;
}
#pied {
	text-align: center;
}
/*
** Accueil
*/
.mesproduits {
	width:100%;
}
#accroche_accueil {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}
#texte_accueil {
	width: 40%;
	margin: 0 0 0 0;
	float: right;
	font-size: 110%;
}
#image_maison_close {
	float:left;
	text-align: center;
	width: 55%;
	margin: 0 0 0 0;
	height: 400px;
	border-right: 1px dotted #3d3b3c;
}
#image_signature {
	float:right;
}
/*
** SlideShow
*/
.image_accueil {
	float:right; 
	margin:0 15px;
	width:215px;
	height:145px;
	border:1px solid #3d3b3c;
        background-color:#ffffff;
	text-align: center;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
/* Promotion */
#promotion {
	float: right;
	text-align: right;
	width: 100%;
}
.control_promotion {  
	display:block;  
	width:39px;  
	height:263px;  
	text-indent:-10000px;  
	cursor: pointer;  
}
#leftControl_promotion {
        float: left;
        background:transparent url(../img/control_left.jpg) no-repeat 0 0;
}

#rightControl_promotion {
        float: left;
        background:transparent url(../img/control_right.jpg) no-repeat 0 0;
}
#slideshow_promotion {
	float:right;
        /*width:100%;*/
        margin-top:30px;
        margin-bottom: 20px;
}
#slidesContainer_promotion {
        margin:0 auto;
        width:560px;
        height:283px;
        overflow:auto; /* affiche une scrollbar au cas ou */
        float:left;
}
#slidesContainer_promotion .slides_promotions {
        margin:0 auto;
        width:540px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
        background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;
        height:283px;
}
/* Nouveaute */
#slideshow {
	width:100%;
	margin-top:30px;
	margin-bottom: 20px;
}
#slidesContainer {  
	margin:0 auto;  
	width:560px;
	height:283px;
	overflow:auto; /* affiche une scrollbar au cas ou */  
	float:left;
}  
#slidesContainer .slides_nouveautes {  
	margin:0 auto;  
	width:540px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */
	background:transparent url(../img/bg_slideshow.jpg) no-repeat 0 0;  
	height:283px;  
}
#nouveaute {
	float: left;
	width: 100%;
}
.control {  
	display:block;  
	width:39px;  
	height:263px;  
	text-indent:-10000px;  
	cursor: pointer;  
}
#leftControl {
	float: left;
	background:transparent url(../img/control_left.jpg) no-repeat 0 0;  
}
#rightControl {  
	float: left;
	background:transparent url(../img/control_right.jpg) no-repeat 0 0;  
}

/* CGV */
.cgv {
	overflow-y : auto;
	height: 400px;
}