/* ----------------------------------------------------------------------------------------------------
------------------------- CSS Boutique High Tech ---------------------------------------------------------------
---------------------------------------------------------------------------------------------------- */
a,strong {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #3EA1C6;
	font-weight : bold;
	text-decoration : none;
}

.standard { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #3798BE;
}

a.standard{
	color:black;
	text-decoration:none;
	font-size:12px;
}

a:hover{
	text-decoration:underline;
}

.liens{
	color: black;
	font-size: 12x; 
	font-weight: normal;
}

/**********************************************
************ LAYOUT PRINCIPAL *****************
**********************************************/
.acenter{text-align:center;}
.aleft{text-align:left;}
.aright{text-align:right;}

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

hr{visibility:hidden;clear:both;}
.both{clear:both;}

.margin-bottom{margin-bottom:10px;}
.margin-top{margin-top:10px;}
.margin-left{margin-left:10px;}
.margin-right{margin-right:10px;}

.titre, .sstitre { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #3EA1C6; 
	font-weight: bold;
}

.sstitre{
color: #9BD53D;
}

.gras { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold;
}

*{
	font-family : Verdana;
	font-size : 12px;
}

body{
	margin:0px;
	background:#fff url(../images/background.png) repeat-x;
}

.barre-sep{

	text-align:center;
	margin:25px;
}

#corps{
width : 1000px;
margin : auto;
}

#header{
	height : 120px;
	margin : auto;
	margin-top:10px;
}

#logo_gauche{
	width : 253px;
	height : 120px;
	float : left;
}

#logo_droite{
	width : 650px;
	height : 100px;
	background-image : url('../images/gadget-high-tech-header-1.png');
	background-repeat: no-repeat;
	float:left;
	margin-left:50px;
	padding:5px;
	padding-top:3px;
	font-size:10px;
}
#logo_droite ul{
	float:left;
}

.red{color:#D92E36;}

#logo_droite li{ margin-top:2px;list-style-image:url('../images/gadget-high-tech-header-puce.png'); }

.lihaut li{ margin-top:2px;list-style-image:url('../images/gadget-high-tech-header-puce.png'); }

.panier_header{display:block;text-align:center;float:left;width:210px;margin-left:10px;}
.paypal_header{margin-left: 40px; margin-top:5px;float:left;}

#menu{
	height : 48px;
	margin : auto;
	background-image : url('../images/gadget-high-tech-menu-barre-menu2.png');
	background-position : bottom;
	background-repeat : repeat-x;
}

#menu li{list-style:none;}
.element_menu_accueil{ background:url(../images/gadget-high-tech-menu-accueil.png) no-repeat;width:100px;height:41px;}
.element_menu_accueil:hover{ background-image:url('../images/gadget-high-tech-menu-accueil-hover.png'); }
.element_menu_accueil a{display:block;width:100px;height:41px;}

.element_menu_promotion a, .element_menu_aleatoire a, .element_menu_nouveautes a, .element_menu_moncompte a{display:block;width:120px;height:41px;}

.element_menu_promotion{ background: url(../images/gadget-high-tech-menu-promotions.png) no-repeat;width:120px;height:41px; }
.element_menu_promotion:hover{ background-image:url('../images/gadget-high-tech-menu-promotions-hover.png'); }

.element_menu_aleatoire{ background: url('../images/gadget-high-tech-menu-hasard.png') no-repeat;width:120px;height:41px; }
.element_menu_aleatoire:hover{ background-image: url('../images/gadget-high-tech-menu-hasard-hover.png'); }

.element_menu_nouveautes{ background: url('../images/gadget-high-tech-menu-nouveautes.png') no-repeat;width:120px;height:41px; }
.element_menu_nouveautes:hover{ background-image: url('../images/gadget-high-tech-menu-nouveautes-hover.png'); }

.element_menu_moncompte{ background: url('../images/gadget-high-tech-menu-mon-compte.png') no-repeat;width:120px;height:41px; }
.element_menu_moncompte:hover{ background-image: url('../images/gadget-high-tech-menu-mon-compte-hover.png'); }

.element_menu_twitter{ background: url('../images/gadget-high-tech-menu-twitter.png') no-repeat;width:130px;height:41px; }

.element_menu_droit{ background: url('../images/gadget-high-tech-menu-droite.png') no-repeat;width:5px;float:right; }

#menuGauche{
background-image:url('../images/gadget-high-tech-menu-gauche.png');float:left;width:245px;height:48px;
}

.element_menu{
	margin-top:0px;
	padding-top:0px;
	float : left;
	height : 41px;
	margin-top : 7px;
}

#categories{
margin-top : 3px;
}

a img{border:none;}

.a_la_une,.menu_infos{
margin-top : 4px;
}

#colone_gauche{

width : 204px;
}

#contenu{
margin-top:3px;
padding : 15px;
background-color:white;
background-image : url('../images/gadget-high-tech-angle.png');
background-repeat : no-repeat;
float : right;
width : 760px;
}

#les_produits{
margin-top:5px;

}

/*======== FOOTER =======*/

		#footer{width:997px;height:257px;background-image:url('../images/footer-gogogadget.png');margin:auto;}
			#footer a{font-weight:normal;}
			
			.footer-liens{
			float:left;width:170px;height:140px;margin-top:30px;background:url(../images/footer-arboresence.png) no-repeat;padding-left:30px;
			}
			
			.footer-premier{
			margin-left:30px;
			}
			
			.footer-titre{
			color:black;font-family:Arial;font-weight:bold;font-size:13px;margin:10px 0 8px;
			}
			
			#footer-bas *{color:black;}
			#footer-bas{text-align:center;margin-top:2px;}
			
			#footer ul{line-height:1.7em;margin:0px;padding:0px;}
			#footer li{list-style-type:none;}
			
			#footer img{float:right;margin:20px;margin-bottom:0px;margin-bottom:10px;}
			
/* ====== /FOOTER =========*/

.gras{
font-weight : bold;
color : #2D8FB9;
font-size:13px;
}

.prix{
font-weight : bold;
color : #D92E36;
}
			
a.titre, a.gras, a.menu{	text-decoration: none;	}
a.titre:hover, a.gras:hover, a.menu:hover {	text-decoration: underline;	}
.tableau-menu a.standard	{	text-decoration: none;	}
.tableau-menu a.standard:hover {	text-decoration: underline;	}

.redText {
	color: #FF3300;
	font-weight: bold;
}
.bouton {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #305A9E; 
	font-weight: bold;
}

/* Message d'information */
.info
{
	width:92%;
	margin:auto;
	background-color:#CEE7FF;
	padding:6px;
	padding-left:24px;
	font-size:11px;
	border:1px solid #409CC1;
	background-image:url(../admin/img/info.gif);
	background-position:6px 6px;
	background-repeat:no-repeat;
	color:#444;
}

.ok
{
	width:92%;
	margin:auto;
	background-color:#d9f3e5;
	padding:6px;
	padding-left:24px;
	font-size:11px;
	border:1px solid #b0c882;
	background-image:url(../admin/img/ok.gif);
	background-position:5px 6px;
	background-repeat:no-repeat;
	color:#0a5200;
}
/* ----------------------------
BOUTON PANIER
---------------------------- */
.bouton-panier {
	height: 33px; 
	background-image: url(../images/equipement-plongee-panier.jpg); 
	font-size: 10px;
	padding-left: 110px;
	padding-top: 2px;
	color: #FF3100;
	vertical-align: middle;
}
.bouton-panier a {
	color: #FF3100;
	font-size: 10px;
	font-weight: bold;
}
.bouton-panier a:hover {	text-decoration: none;	}

/* ----------------------------
FICHE PRODUIT
---------------------------- */
table.fiche-produit {
	width: 100%; 
	border-collapse: collapse;
	border: 0px;
	margin-bottom: 0px;
}
table.fiche-produit tr {
	background-color: #FFFFFF;
}
table.fiche-produit tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #1A478F; 

	padding: 10px; 
	vertical-align: top;
}
table.fiche-produit h1, h2, h3, h4, h5, h6 {
	color: #152C4E;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	font-weight: bold;	
}
/* ----------------------------
PANIER
---------------------------- */
table.panier {
	width: 732px;
	border-collapse: collapse;
	text-align: center;
	background-color: #FFFFFF;
	border: 1px solid #005189;
	margin:auto;
}
table.panier tr td{
	padding: 6px;
	font-size:11px;
	color: #1A478F;
	border-bottom: 1px solid #005189;
}
table.panier tr.panier-top td:first-child {
	text-align: left;
}
table.panier tr  td:first-child{
	text-align: left;
}
table.panier tr.panier-top td {
	padding: 7px;
	font-weight: bold;
	border-bottom: 1px solid #005189;
	font-size:11px;
	background:#019CDC;
	color:white;
	text-align:left;
}
table.panier tr td a {	color: #1A478F;	}
table.panier tr td a:hover {	text-decoration: none;	}
/* ----------------------------
TOTAL
---------------------------- */
table.total {
	width: 200px;
	margin: 0 auto;
	border: 1px solid #005189;
	background-color: #FFF;
	border-collapse:collapse;
}
table.total tr td {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #1A478F;
	padding: 5px;
}

/*Table commande
-------------------------------------------------------- */
table#commande {
	width: 85%;
	border-collapse: collapse;
}
table#commande tr td {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: black;		
}
table#commande tr td input, table#commande tr td textarea {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #1A478F;		
}

/* ----------------------------
CONFIRMATION de suppression
---------------------------- */
#confirmation {
	width: 563px;
	margin-bottom: 20px;
	padding: 6px;
	border : 1px solid #2D8FB9;
	text-align: left;
	background-color: #EDF2FA;
}

#confirmation .question {
	color: red;
	font-weight:bold;
	font-size:11px;
	padding: 1px;
	padding-left: 20px;
	background-image: url(../admin/img/warn.gif); 	
	background-repeat: no-repeat;
}
/* ----------------------------
TABLEAU COMMANDE
---------------------------- */
table.commande {
	width: 90%;
	border-collapse: collapse;
	margin: 0 auto;
	text-align: left;
}

table.commande tr td {
	padding: 6px;
	font-size:11px;
	color: #D0EAFD;		
}

table.commande tr td input.champ, table.commande tr td textarea {
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #1A478F;	
}

/* ----------------------------
LISTE
---------------------------- */
ul.liste {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.liste li {
	background-image:url(../images/puce.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding: 1px 1px 1px 13px;
}

/* ----------------------------
FORM RECHERCHE
---------------------------- */
*.champ {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #1A478F;
}


/*----------------------------
INFOBULLE
-------------------------------*/
a.info {
   position: relative;
   color: #1A478F;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: pointer; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 30px; /* on positionne notre infobulle */
   left: 20px;

   background: white;

   color: #005189;
   padding: 3px;
	
   width: 200px;
   border: 1px solid #005189;
   border-left: 4px solid #005189;
}


/*---------------------------
----- ARIANE PANIER-------------
------------------------------*/
.ariane_panier{margin:auto;width:530px;text-align:center;}
.ariane_panier a:hover{text-decoration:underline;}

.left_ariane{width:7px;height:30px;background-image:url('../images/arrondi-left.jpg');float:left;}
.right_ariane{width:7px;height:30px;background-image:url('../images/arrondi-right.jpg');float:left;}

.ariane_panier_actif{
float:left;padding:5px;height:16px;color:white;background:#019CDC;border:1px solid #019CDC;font-weight:bold;padding-top:7px;
}
.ariane_panier_actif a{
color:white;
}
.ariane_panier_passif{
float:left;padding:5px;height:16px;color:#019CDC;background:#F8F8F8;border:1px solid #019CDC;font-weight:bold;padding-top:7px;
}
.ariane_panier_passif a{
color:#019CDC;
}

/*******************************
************ ACCUEIL ***********
*******************************/

#gadget_du_mois {width:700px;height:119px;background-image:url(../images/gadgets-du-mois.png);background-repeat:no-repeat;padding:45px 25px 25px 25px;}
#gadget_du_mois .vignette_gadget_du_mois{width:335px;margin-right:15px;float:left;}
#gadget_du_mois .photo_gadget_du_mois{width:100px;height:100px;float:left;margin:10px;}

#gadget_du_mois .titre_vignette{height:40px;}
#gadget_du_mois .desc_gadget_du_mois{height:50px;}

#gadget_du_mois .lien_gadget_du_mois{color:black;font-weight:normal;}

.titre_vignette h2{font-size:14px;margin-top:0px;}

#a_la_une{width:740px;margin:auto;}

.titre_accueil{margin:0px;margin-top:10px;text-align:left;color:#3EA1C6;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:13px;font-weight:bold;}

/*******************************
***** APERCU PRODUITS **********
*******************************/

.apercu_produit{width:370px;float:left;margin-bottom:6px;}
.fond_apercu_produit{background-image:url(../images/fond-gadget-a-la-une.png);width:335px;height:140px;padding:15px;}
.apercu_produit_promo{float:right;background-image:url(../images/fond-gadget-a-la-une-label2.png);width:52px;height:45px;color:white;font-size:14px;font-weight:bold;padding-top:23px;padding-left:14px;}

.titre_apercu{height:30px;}
.description_apercu{font-size:10px;height:45px;margin-top:10px;}

.info_prix_apercu{float:right;text-align:right;}

.infos_apercu{margin-bottom:13px;}
.prix_apercu{font-size:21px;color:#DD2A00;font-weight:normal;float:left;}
.prix_promo_apercu{float:left;text-decoration:line-through;font-size:14px;color:#757E5B;font-weight:bold;margin-left:10px;margin-top:3px;}

.photo_apercu{border: 0px; margin: 0px; padding: 0px;float:left;margin-right:7px;}

#listing_produits{width:740px;margin:auto;}
#affichage_produits{padding:10px;margin:5px;background:url(../images/gadget-affichage-produit.png) no-repeat;width:720px;height:15px;margin:auto;margin-bottom:5px;}
#affichage_produits img{vertical-align:top;}
#affichage_produits a{font-weight:normal;color:black;}
#affichage_produits .gras{font-weight:bold;color:#2D8FB9;}

.liste_produits{border:1px solid #3EA1C6;padding:10px;margin-top:10px;background:#F8F8F8}
.liste_titre_produit{height:20px;}
.liste_description{width:470px;font-size:11px;float:left;}
/*******************************
********** ACTUALITES **********
*******************************/

.laissercom{font-size:14px;font-weight:normal;display:inline;}
#commentaires{width:600px;margin:auto;margin-top:5px;}

.com_colonne_gauche{width:150px;float:left;}
	.com_login{margin-bottom:5px;}
	.com_mail{margin-bottom:5px;}
	
.com_colonne_droite{width:450px;float:left;margin-top:15px;}
	.com_texte{width:450px;height:115px;}

.com_captcha{width:600px;margin:auto;margin-top:10px;}
.com_img_captcha{float:left;margin-right:10px;}
.com_submit{width:158px;height:35px;background-image:url(../images/bouton-envoyer.png);background-color:transparent;border:none;margin-top:5px;margin-left:150px;cursor:pointer;}

.borderRouge{border:1px solid #F46555;}

/*********************************
** CATEGORIES & SOUS CATEGORIES **
*********************************/
.vignettes_categories{float:left;margin-bottom:10px;margin-right:4px;background-image:url(../images/fond-gadget-liste-cat.png);width:210px;height:70px;padding:15px;}
.titres_categories{font-size:10px;height:45px;}

/*********************************
******* FICHE PRODUIT ************
*********************************/
h1.titre{margin:0px;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.centre{text-align:center;}

.legende{font-style:italic;color:grey;}
h2.legende{font-size:11px;margin:0px;font-weight:normal;}

.bleu_fiche{font-size: 12px;color:#019CDC;}
.noir_fiche{font-size: 12px;color:black;}
.puce{width:8px;height:11px;background-image:url(../images/puce.gif);background-repeat:no-repeat;padding-left:13px;margin-top:3px;display:block;float:left;}

.contenu_fiche{width:760px;}
	.description_fiche{width:490px;float:right;}
	.infos_fiche{background-image:url(../images/fond-gadget-fiche-produit.png);width:400px;height:76px;margin:auto;}
		.infos_partie_gauche{float:left;padding-top:17px;padding-left:15px;}
		.infos_partie_droite{width:172px;height:42px;float:left;}
	
.reseaux_sociaux{text-align:center;width:355px;margin:auto;margin-top:15px;}
	.facebook{background-image:url(../images/gadget-gogogadget-facebook.png);background-repeat:no-repeat;padding-left:20px;height:16px;display:block;float:left;}
	.partage_titre{display:block;float:left;margin-right:10px;}
	.partage_tiret{display:block;float:left;margin:0px 10px 0px 10px;}
	.twitter{background-image:url(../images/gadget-gogogadget-twitter.png);background-repeat:no-repeat;padding-left:20px;height:16px;display:block;float:left;}

.avis{background-image:url(../images/avis-gadget-gogogadget.png);background-repeat:no-repeat;height:18px;padding-left:27px;}


.tags{background-image:url('../images/tag-gadget-gogogadget.png');height:22px;background-repeat:no-repeat;padding-left:25px;font-weight:normal;margin:0px;}

.photos_produit{width:250px;text-align:center;}
	.photo_principale{border:1px solid #019CDC;padding:10px;background:#F0F6F9;}
	.photo_principale img{border:1px solid #019CDC;}
	.tof_principale{border:0px;}
	.btn_zoom{text-align: right; margin-top: 10px;}
	.btn_zoom img{border:none;}
	
	.photos_sup{width:250px;margin-top:10px;}
	.photos_sup_img img{float:left;margin-left:5px;}
	
.produits_associes{width:740px;margin:auto;margin-top:10px;}
.produits_associes li{border:1px solid #019CDC;}
.produit_associe{width:170px;float:left;margin:10px;}
.produit_associe img{width:120px;margin-left:25px;}
.titre_prod_associe a{height:50px;font-weight:normal;}

/**** Avis sur fiche *****/
.commentaire_produit{float:left;width:400px;margin-right:10px;}
.com_login{}
.comprod_detail{font-style:italic;color:grey;margin:5px 0px 5px 10px;background-color:#F0F9FE;padding:5px;border:1px solid #E4E4E4;}
.com_plus{background-image:url('../images/gadget-avis-plus-gogogadget.png');background-repeat:no-repeat;padding-left:21px;margin:5px 0px 5px 10px;height:16px;}
.com_moins{background-image:url('../images/gadget-avis-moins-gogogadget.png');background-repeat:no-repeat;padding-left:21px;margin:5px 0px 5px 10px;height:16px;}
.note_produit{width:60px;height:55px;background-image:url('../images/gadget-note-gogogadget.png');background-repeat:no-repeat;float:left;text-align:center;padding-top:5px;}
	.note{font-size: 26px;color:#019CDC;}
	
/*****************************************
********** AVIS SUR GADGETS **************
*****************************************/
.avis-photos{border:1px solid #ECEDED;float:left;margin-right:10px;width:200px;}
	.avis-photo-principale{border:0px;width:200px;}
	.avis-photo-secondaire{border:0px;width:95px;}
	
.avis-contenu{float:left;width:490px;}

.le_plus, .le_moins{width:100px;height:16px;float:left;margin:0px;}
.com_note{float:left;}

.msg_erreur{border:1px solid red;}




/******************************************
*********** SUPPORT PAR TICKETS ***********
******************************************/

#tickets td, #tickets th{
	padding:5px;
}

#tickets tr.alternate td{
background:#FDF5E6;
}

#tickets th{
	background:#EEEEEE;
	color:#666666;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

table #tickets{
	border:1px solid #999999;
	padding:1px;
}

#support{
	margin-top:15px;
}

#support .entete, #support .entete_admin{
	font-weight:bold;
	font-size:11px;
	padding:5px;
	border:1px solid #999999;
	border-bottom:none;
}

#support .entete{
	background:#EEEEEE;
	color:#666666;
}

#support .entete a{
	color:#666666;
}

#support .entete_admin{
	background:#78C9E2;
	color:#666666;
}

#support .entete_admin a{
	color:#666666;
}

#support .message{
	font-size:11px;
	padding:5px;
	border:1px solid #999999;
	border-top:none;
}

#support .ticket{
	margin-top:10px;
}

#support h3{
margin :25px 7px 7px 7px;
font-size:13px;
border-bottom:1px dotted black;
padding:2px;
}

#support .error{
	color:red;
	margin-left:10px;
}

#support .date_support{
	display:block;
	float:right;
}

#support p{

}

#support label{
	width:135px;
	text-align:left;
	float:left;
}

.support_recherche{
	padding:5px;
	background:#E2E2E2;
	border:1px solid #3EA1C6;
	width:350px;
	margin:auto;
	margin-top:15px;
}