/* ------------------------------------ *
  *  BOUTIQUE OFFICIELLE USAP
  * ------------------------------------ */


body
{
width: 1020px;
margin: auto; /* Pour centrer notre page */
background:url("img/fond.jpg");
background-repeat:no-repeat;
Background-position : top center;
/*background-color:#78C1eA;*/
background-color:#b4ddf1;
}

/*
html
{
width: 1005px;
background: url("img/fond2.png") repeat-y bottom;
}

*{margin:0;padding:0}*/


/* ---------------------HEADER*-------------------------*/

#entete
{	
	width : 1020px;  
	height : 265px;  /* 230px */
	font-size: 11px;
	font-family : Arial;

}


#logo
{
	float:left;
	Width : 230px;
	Height : 230px;
}



#pub
{
	margin-left : 240px;
	margin-bottom : 10px;
	width : 780px;
	height : 130px;
}	


#login
{
	margin-left : 240px;
	width : 780px;
	height : 35px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
}


#menu 
{
	margin-left:240px;
	height: 48px;
	width: 780px;
	background: url(img/fond_menu.png) left top no-repeat;
}

#menu ul, #menu li {
	margin:0;
	padding-left: 2px;
	list-style-type: none;
}

#menu ul 
{
	position: absolute;
	height: 48px;
	width: 820px;
}

#menu li 
{
	float: left;
}

.menu75
{
	width: 75px;
}

.menu100 
{
	width: 100px;
}
#menu li a 
{
	display: block;
	padding: 0px 13px ;
	height: 48px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 48px ;
	color:#000;
}


#menu a:link
{
	color: black;
}



#menu a:hover
{
	background: url(img/fond_hover.png);
}

#menu .menu_actif
{
	background: url(img/fond_hover.png);
}



#header_bas
{
	padding-top: 15px;
	margin-left:240px;
	width : 780px;
	height : 60px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	color: white ;	
}

.header_panier
{
	float:left;
	margin-left:10px;
	width : 250px;
	color: #424242;	
}


.header_recherche
{
	margin-left:540px;
	padding-top:4px;
	color: #424242;
}


/* ---------------------CORPS-------------------------*/


#corps_accueil
{
	width : 1020px;
	height : 550px;
}

#actualite
{
	margin-left:240px;
	width : 780px;
	height : 300px;
}

.encars
{
	margin-top: 10px;
	margin-left : 238px;
	width : 780px;
	height : 250px; 
}


.zone_encars
{
	height : 250px;
	width : 370px;
}

#topventes
{
	height : 230px;
	width : 350px;
	padding : 10px 10px 10px 10px;
	background-color:white;
	border: medium double #000000;
}

#nouveautes
{
	height : 230px;
	width : 350px;
	margin-left : 27px;
	padding : 10px 10px 10px 10px;
	background-color: white;
	border: medium double #000000;
}


.titre_encars
{
	float:left;
	height : 30px;
	width : 200px;
	font-size: 16px;
	font-family : Myriad Pro;
	font-weight: bold;
	color: #424242;
}

.image_encars
{
	height : 160px;
	width : 140px;
	margin-left:20px;
}

.libelle_encars
{
	width:150px;
	height:38px;
	margin-left:20px;
	font-size: 11px;
	font-weight: bold;
	font-family : Arial;
	text-align:center;
	color: #424242;
	background-color:white;
}



#corps h3
{
	font-size: 18px;
	font-family : Arial;
	font-weight: bold;
}




/* ---------------------RUBRIQUE-------------------------*/

#corps_rubrique
{
	width : 1020px;
	margin-top:30px;
}




/*-------------------MENU LATERAL-----------------------*/




.Menu_lateral
{
	/*position:fixed;*/
	margin-left: 31px;
	float : left;
	Width : 190px;
}


#menu_lateral_haut
{
	margin-bottom:-2px;
	Height:15px;
}

.Menu_lateral ul
{
    Width : 150px;
	list-style: none;
    margin: 0;
    padding: 0;
	font-size: 12px;
	font-family : Arial;
	font-weight: bold;
	
}

.Menu_lateral li a 
{
	height: 32px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 24px;
	text-decoration: none;
	color:#000;

}


.menu_lateral_inactif
{
	display: block;
	background:url("img/menu_lateral.png");
	padding: 8px 0 0 10px;
}

.Menu_lateral li a:hover,.Menu_lateral li a:visited 
{
	color:#000;
	padding: 8px 0 0 10px;
}

.menu_lateral_actif
{
	display: block;
	background:url("img/menu_lateral_hover.png") 0 -32px;
	padding: 8px 0 0 10px;
}



#menu_lateral_bas
{
	margin-top:-9px;
	Height:5px;
}

		
/*-------------------AFFICHAGE DES PRODUITS-----------------------*/		
		
.PageProduits
{
	width : 630px;   /*650px*/
	margin-top : 10px;
	margin-left:250px;
}

.cpt_produit
{
	margin-left:446px;
	font-size: 13px;
	font-family : Arial;
	font-weight: bold;
	color:white;
}



#ficheproduit
{
	Height : 260px;
	Width : 190px;
	background:url("img/fond_produit.png");
	background-repeat:no-repeat;
	margin-right : 10px;
	margin-bottom : 20px;
}

.libelleproduit
{
	float:left;
	padding-top:10px;
	padding-left:10px;
	width : 130px;
	height : 30px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	color:#847248;
}

#rouge
{
color:white;
}

.prixvente
{
	padding-top: 20px;
	padding-right:10px;
	float:right;
	font-size: 14px;
	font-family : Arial;
	font-weight: bold;
	color:red;

}

.prix_promo
{
	font-size: 8px;
	font-family : Arial;
}

.imageproduit
{
	padding-top : 40px;
	text-align:center;
}

.descriptif
{
	float:right;
	padding-right:10px;
	padding-top:5px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	color : #424242;
	
}

.pages
{
	float:right;
	height : 20px;
	margin-top : 50px;
	font-size: 12px;
	font-family : Arial;
	font-weight: bold;
	color:#F4B500;
	background-color:red;
	letter-spacing : 5px;
}

.pages a
{
	color:#FFFFFF;
	text-decoration: none ;
}

.menudroit
{
	float:right;
	margin-top: 5px;
	width : 120px;
	height: 600px;
}


.bonnes_affaires
{
	padding-top:10px;
	padding-left:10px;
	width : 200px;
	height : 172px;
	background-color:white;
}

.titre_ba
{
	margin-top:10px;
	margin-left:10px;
	font-size: 16px;
	font-family : Arial;
	font-weight: bold;
	color : #424242;
}

.image_ba
{
	width : 178px;
	height : 80px;
	margin-top:10px;
	text-align:center;
	
}

.descriptif_ba
{
	margin-top:10px;
	width: 150px;
	font-size: 11px;
	font-family : Arial;
	color:#000000;
}

.pv_ba
{
	float:right;
	margin-top:20px;
	width: 50px;
	font-size: 16px;
	font-family : Arial;
	font-weight: bold;
	color : #ED0F09;

}


.nous_contacter
{
	width:210px;
	height:70px;
}

.usap_tv
{
	width : 210px;
	height : 210px;
	background-color:white;
}


/*--------------------------------DESCRIPTIF---------------------------------------------*/

#CorpsDescriptif
{
	Width : 1005px;
	Height : 500px;
}

#DescriptifProduit
{
	Width : 550px;
	height : 470px;
	padding : 10px 10px 10px 10px;
	margin-top : 50px;
	margin-left: 240px;
	Background-color : white;
}


#image_descriptif_produit
{
	float:left;
	Height : 260px;
	Width : 190px;
}

#texte_descriptif_produit
{
	float:right;
	Height : 310px;
	Width : 320px;
}

#libelle_descriptif_produit
{
	float:left;
	width:240px;
	height : 50px;
	font-size: 16px;
	font-family : Myriad Pro;
	font-weight: bold;
	color : #847248;
}

#prix_descriptif_produit
{
	float:right;
	width:70px;
	height : 50px;
	font-size: 25px;
	font-family : Arial;
	font-weight: bold;
	color : #ED0F09;
}

#memo_descriptif_produit
{
	display:block;
	margin-top:50px;
	height : 60px;
	width:310px;
	font-size: 12px;
	font-family : Arial;
}


#quantite
{
	margin-top:130px;
	margin-left:40px;
	height:20px;
	font-size: 12px;
	font-family : Arial;

}

#commander
{
	margin-top: 20px;
	margin-left:40px;
	height:30px;

}


.produit_associe
{
	font-size: 12px;
	font-family : Arial;
	font-weight: bold;	
}

#vignette
{
	margin-top:0px;
	width : 540px;
	height : 90px;
	padding : 5px 5px 5px 5px;
	border : solid 2px #8acbf2;
}

#vignette td
{
	padding-right : 20px;
}



/* ---------------------PIED-------------------------*/

#pied
{
	float:left;
	width : 1005px;
	padding-top:20px;
	padding-left:17px;
}

#pied ul
{
	font-size: 18px;
	font-family : Arial;
	font-weight: bold;
}

#pied li
{
	font-size: 12px;
	font-family : Arial;
	color : #424242;
	list-style-image:url("img/puce.png");

}


#pied p
{
	font-size: 12px;
	font-family : Arial;
}


#pied td
{
	width : 300px;
	vertical-align: top;
	padding-top:30px;
}


#pied li a
{
	font-size: 12px;
	font-family : Arial;
	text-decoration: none ;
	color: #424242;

}

/* PANIER*/
.ligne_panier
{
	background-color :#F3F3F3;
}

.bouton_panier
{
	margin-top:30px;
	margin-bottom : 0px;
	background-color : transparent;
}


/*   IDENTIFICATION*/

#identification
{
	width : 840px;
	Height : 400px;
	margin-top:50px;
	padding-left:210px;
}

#nouvel_utilisateur
{
	float:left;
	width : 400px;
	height : 300px;
	padding : 10px;
	background:url("img/ballon.png");
	background-repeat:no-repeat;
	Background-position : top center;
}
#connexion
{
	float:right;
	width : 400px;
	height : 300px;
	padding : 10px;
	background:url("img/ballon.png");
	background-repeat:no-repeat;
	Background-position : top center;
}

.titre_login_h1
{
	margin-top:80px;
	font-size: 30px;
	font-family : Arial;
	font-weight: bold;
	text-align:center;
}

.titre_login_h2
{
	margin-top:10px;
	font-size: 15px;
	font-family : Arial;
	font-weight: bold;
	text-align:center;
}


.saisie_login
{
	width:250px;
	margin-top:10px;
	font-size: 13px;
	font-family : Arial;
	font-weight: bold;
	margin-left:50px;
	text-align:center;
}

#coordonnees
{
	width:500px;
	height:500px;
	margin-left:240px;
	font-size: 12px;
	font-family : Arial;
	font-weight: bold;

}

.titre_coordonnees
{
	font-size: 20px;
	font-family : Arial;
	font-weight: bold;
	color:white;
}

.ligne_coordonnees
{
	height:30px;
}

/*VALIDE*/
.adresse_livraison
{
    width: 600px;
    margin: auto; /* Pour centrer notre page */
	text-align:center;
	font-size: 13px;
	font-family : Arial;
	font-weight: bold;
}

.td_valide_gauche
{
	text-align:left;
	padding-left : 10px;
	padding-top : 5px;
	
}


/* FACTURE */
.facture
{
	text-align:center;
	width : 600px;
	margin-top:30px;
	margin-left:235px;
	font-size: 30px;
	font-family : Arial;
	font-weight: bold;
	color:white;
}

.corps_facture
{
	text-align:center;
	width : 600px;
	margin-top:30px;
	margin-left:235px;
	border : solid 1px #FF2E22;
	font-family : Arial;
	font-weight: bold;
	color:white;
}

#fidelite
{
width: 770px;
margin-left:240px;
}


/* INFORMATIONS */
.aide
{
	width:780px;
	margin-left:235px;
	border : solid 1px #FF2E22;
}

.titre_aide
{
	text-align:center;
	font-family : Arial;
	font-size: 23px;
	font-weight: bold;
	color:black;
}

.texte_aide
{
	line-height:25px;
	padding:20px;
	font-family : Arial;
	font-size: 12px;
	font-weight: bold;
	color:black;
}


input
{
	background-color:#a7cee6;
}

img {
  border: none;           /* Ne pas entourer les images, même s'ils contiennent des liens */
  vertical-align: middle; /* Dans le cas d'une icône suivie d'un texte, par exemple       */
}

.BarreNoir18{font-size: 18px;font-family: arial; color:#666666;font-weight: bold;text-decoration:line-through;background-color:white;}
.Rouge25{font-size: 25px;font-family: Helvetica,arial;font-weight:bold;color:red;background-color:white;padding-left:3px;padding-right:2px;}
.BarreNoir12{font-size: 12px;font-family: arial; color:#666666;font-weight: bold;text-decoration:line-through;background-color:white;}
.Rouge14{font-size: 14px;font-family: Helvetica,arial;font-weight:bold;color:red;background-color:white;padding-left:3px;padding-right:2px;}