/* BODY **********************************************************************************************************************/
body {background:#fff;background-position: top center;}



/* Module : HEADER */
.header {
	
}

.header .logo{background:#fff url(logov2.png) no-repeat;width: 210px;float: left;height:49px;}

.contenu_general{box-shadow: 0.1px 1px 5px #555;}

.membre .deconnexion{float:right;color:#666666;font-family:arial;line-height:28px;font-size:13px;width:20%;text-align:center;background:url(http://www.topakylux.com/img/espace_client/close.png) no-repeat 0px 0px;}
.membre .deconnexion:hover{background-color:#DDDDDD;color:#C05B00;background:url(http://www.topakylux.com/pulsit/img/espace_client/close_on.png) no-repeat 0px 0px;}


/*module administration_commande */
.transfert_maquette .bouton_batok{
	background:transparent url(bouton_batok.png) no-repeat;
}

.transfert_maquette .bouton_batnonok{
	background:transparent url(bouton_continuer_plus_tard.png) no-repeat;
}

.transfert_maquette .bouton_valider{
	background:transparent url(bouton_valider_mon_choix.png) no-repeat;
}

/*COMMANDE*/
.fin_texte .bouton_transfert{background:transparent url(bouton_transfert.png) no-repeat;}
.commande .boutons_action .demande_rappel{background:transparent url(bouton_demande_rappel.png) no-repeat;cursor:pointer;display:inline;width:187px;height:47px;float:right;-webkit-transform: scale(0.97);transform: scale(0.97);}
.commande .boutons_action .ajouter_produit{background:transparent url(bouton_ajouter_produit.png) no-repeat;cursor:pointer;display:inline;width:187px;height:47px;float:right;-webkit-transform: scale(0.97);transform: scale(0.97);}
.commande .boutons_action .passer_commande{background:transparent url(bouton_passer_commande.png) no-repeat;cursor:pointer;display:inline;width:187px;height:47px;float:right;-webkit-transform: scale(0.97);transform: scale(0.97);}
.commande .boutons_action .demande_rappel:hover{background:transparent url(bouton_demande_rappel_on.png) no-repeat;}
.commande .boutons_action .ajouter_produit:hover{background:transparent url(bouton_ajouter_produit_on.png) no-repeat;}
.commande .boutons_action .passer_commande:hover{background:transparent url(bouton_passer_commande_on.png) no-repeat;}

/*CADDIE POPUP*/
.caddie_popup .caddie_continuer{background:transparent url(continuer_achats.png);}
.caddie_popup .caddie_commander{width:209px;height:112px;float:left;cursor:pointer;background:transparent url(valider_commande.png); }



/*DIV SIMPLES*/
.appel{background:transparent url(fond_contactez_nous.jpg) no-repeat;background-size:100%;}
.reglement_info{background:transparent url(fond_reglement.jpg);height:184px;}

/* Module : MENU_PRODUIT */
.menu_produit .text_famille_produit {
	background:transparent url(fond_famille.png) no-repeat;
	text-align:left;
	font-family:Open sans, Arial, Verdana;
}

.menu_produit .text_famille_produit_moins {
	background:transparent url(fond_famille2.png) no-repeat;
}

/* MODULE CADDIE */
.caddie{margin: 0;}
	
.caddie .caddie_bottom .commander{
	background-color: #fc7503;
  width: 42%;
  padding: 7px;
  color: #ffffff;
  border:2pt solid #fc7503;
  }
.caddie .caddie_bottom .vider{
	background-color: #000000;
  width: 42%;
  padding: 7px;
  color: #ffffff;
  border:2pt solid #000000;
  }
.caddie .commander:hover{background-color:#FFFFFF;color:#fc7503;}
.caddie .vider:hover{background-color:#FFFFFF;color:#000000;}


/* Module : GABARITS */
.gabarits .Titre_fam{	
	background: url("fond_papillon.png") no-repeat scroll left top transparent;
}

/* Module : MENU_PORTAIL */
#admin_menu{
	background: no-repeat scroll left top #333333;border:0;
}

/* Module : FICHE_PRODUIT */
.fiche_produit .top_center_left .over_photo{
	background:url(fond_prix.png) no-repeat;
}	
.fiche_produit .produit_gabarit .gabarit_titre{background:transparent url(telecharger_gabarit.png) no-repeat;}

/* Module : CGV */
.cgv .picto{
 	background: url("logo_cgv.jpg") no-repeat scroll transparent;	
	}
	
	/* Module : INFOS COMMANDE */
.infos_commande .picto{
 	background: url("logo_infos_commande.jpg") no-repeat scroll transparent;	
}

/* Module : MENTIONS LEGALES */
.mentions_legales .picto
 {
 	background: url("logo_mentions_legales.jpg") no-repeat scroll transparent;	
}

/* Module : GUIDE TECHNIQUE */
.guide_technique .picto
 {
 	background: url("logo_pref.jpg") no-repeat scroll transparent;	
}

/* Module : SOCIETE */
.societe .picto
 {
 	background: url("logo_societe.jpg") no-repeat scroll transparent;	
}

/* Module : promos */
.promotions .papillon{
	background:transparent url('papillon.png') no-repeat scroll 0px 0px;	
}

/*div bouon commander sur les pages de descente*/
.bouton_commander{
	background:transparent url(passer_commande.png) no-repeat scroll 0 0;	
}

/*Module : NOS_AVANTAGES */
.nos_avantages{clear:both;float:left;width:247px;height:320px;margin-top:5px;background-color: #FFFFFF;}
.nos_avantages .encart_content_top{width:237px;height:300px;margin:5px 0 0 0;text-align:center;font-size:17px;font-family:verdana;color:#ff9900;font-weight:bold;}
.nos_avantages .encart_content{width:237px;height:300px;margin:0 0 0 20px;}
.nos_avantages .encart_content .encart_ligne{}


/* Module : desabonnement2 */
.desabonnement2 {
 	float:left;
	align:center;
  margin:20px 0 20px 0;
  padding:0 0 10px 0;
	width:520px;	
	overflow : hidden;
}

.desabonnement2 .titre {
	color: #FF7C06;
  font-family: arial,verdana;
  font-size: 17px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.desabonnement2 .cnil {
	color: #999999;
	float: left;
	font-family: arial,verdana;
	font-size: 12px;	
	line-height: 16px;
	margin: 10px 0 0 10px;
	padding: 0 0 10px;
	text-align: justify;
	width: 510px;
}

.desabonnement2 .encadre_desabonnement {
 border: 1px dashed #35AEDB;
 float: left;
 margin: 5px 10px 10px 10px;
 overflow: hidden;
 padding: 10px;
 width: 485px;
 text-align: center;
}

.desabonnement2 .encadre_desabonnement .message {
 color: #515151;
 float: left;
 font-family: arial,verdana;
 font-size: 12px;
 font-weight: bold;
 margin: 0;
 padding: 0 0 10px;
 width: 100%;
}

.desabonnement2 .encadre_desabonnement2 .alert { 
 margin:0;
 padding:0; 
 float:center;
 display:inline;
}

.desabonnement2 .encadre_desabonnement input{
  border-color: #35AEDB;
  display: inline;
  font-family: Arial,verdana;
  font-size: 11px;
  text-align: left;
  width:200px;
  color:#515151;
}

.desabonnement2 .encadre_desabonnement .valider_complet{
	width:100px;
}

.desabonnement2 .encadre_desabonnement .bouton_valider {cursor:pointer;padding:5px 0 0 0;}


/*Module articles_liste*/
/*.articles_liste h2{font-weight:bold;font-size:15px;padding:2px 2px 5px 2px;margin:3px;color:#393737;}*/



/* ie ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
	border:0 
}

/* Module : MENU DYNAMIQUE */
#menu a /* Contenu des listes */
{
	display	: block; /* on change le type d'élément, les liens deviennent des balises de type block */
	padding	: 0 9px; /* aucune marge intérieure */
	background : transparent; /* couleur de fond */	
	color : #FFFFFF; /* couleur du texte */
	text-decoration : none; /* on supprime le style par défault des liens (la pluspart du temps = souligné) */
	width :auto; /* largeur */
	
}

#menu a:hover /* Lorsque la souris passe sur un des liens */	
{
	color: #23b3d1; /* On passe le texte en noir ... */
	background: transparent; /* ... et au contraire, le fond en blanc */
}

/* Module : MENU BAS */
.menu_bas{
	background-color:#333333;
	clear:both;float:left;
	width:100%;
	height:14px;
	padding:5px 0 0 0;
	margin:0 0 -1px 0;
	text-align:center;
	height:30px;
}

.menu_bas a{color:#FFFFFF;}
.menu_bas a:hover {color: #23B3D1;}

.bottom_edil{
	background-color:#333333;
	width:100%;
	padding:0;
	margin:0;
}

.bottom_edil .mentions{
	color:#FFFFFF;
}

.bottom_edil a{font-weight:bold;color:#FFFFFF;}
.bottom_edil a:hover {color: #23B3D1;}

.bloc_bas .logo_bas{background: url(logov2.png) no-repeat;}

/* Module : MENU BAS */

.menu_graphique{clear:both;float:right;width:525px;height:100%;bgcolor:#000000;}
.menu_graphique .entete_akylux{clear:both;width:519px;height:39px;}
.menu_graphique .paves_akylux{width:519px;height:100%;display:inline;}
.menu_graphique .paves_akylux .pave_akylux{width:130px;height:124px;float:left;display:inline;margin:5px 0 0 0;text-align:bottom;}

.bottom_edil .villes{
	color:#FFFFFF;padding-top:10px;
}

.bottom{background-color:#333333;border-radius: 0 0 10px 10px;width:1002px;}

/*AFFICHAGE encart arbre planté*/
.encart_arbre{float:left;clear:both;background: url(bandeau-arbre-facture.jpg) no-repeat;width:523px;height:71px;margin:35px 0 20px 133px;}

/*AFFICHAGE encart deroulé commande*/
.commande .deroule-commande{background: url(Passage-de-commande-Topakylux2.png) no-repeat;width:414px;height:340px;margin:50px auto;}



/*VERSION TABLETTE*/
@media only screen and (max-width: 999px){
	  .header .logo{float:none;margin:0 auto;}
		.commande .deroule-commande{display:none}
}


/*VERSION MOBILE*/
@media only screen and (max-width: 734px){
	 .header .logo{background:#fff url(logo-topakylux-min.png) no-repeat;width:220px;height:52px}	
	 #menu a{color:#3F3F2F;}
}