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


}


/*conteneur*/
#wrapper{
width: 780px;
margin:auto;
}
/*
html
{
width: 1005px;
background: url("img/fond2.png") repeat-y bottom;
}

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


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


/* Onglets du haut */
#onglets_container{left:0px; top:0px; left:0px; overflow:hidden; width: 100%; background:#241D17;  position: absolute;}
#onglets {margin-left:auto; margin-right:auto; width:780px;}
#onglets ul {margin:16px 0 0 16px; padding:0; list-style:none}
#onglets li {float:left; margin-left: 3px}
#onglets a, #actif {float:left; text-decoration:none; letter-spacing:1px; padding-left:10px; background:url(img/coin-gauche.png) 0% -250px no-repeat}
#onglets span, #actif span {float:left; padding:6px 10px 3px 0; background:url(img/coin-droit.png) 100% -250px no-repeat; color:#fff}
#onglets #actif {background-position:0 0}
#onglets #actif span {background-position:100% 0; color:#333}
#onglets a:hover, #onglets a:focus {background-position:0 -500px}
#onglets a:hover span, #onglets a:focus span {background-position:100% -500px}

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

}



#logo
{
	margin:auto;
	background : url(img/banniere.png) no-repeat 0px -10px;
	
	width : 780px;
	height : 150px;
	margin-top: 39px;
}



#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:auto;
	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;
	z-index:10000;
	height: 48px;
	width: 820px;
}

#menu li 
{
	float: left;
}


/* DEROULANT */


 #menu ul li ul {
 display:none;

 }
  
 #menu ul li:hover ul {
 display:block;
 text-align:left;
 }
#menu li:hover ul li {
 float:none;
 }
 
 #menu li ul li a{
 display:block;
 width:135px;
 color:black;
 text-decoration:none;
background:#F4B500;
 height: 28px;
 line-height: 28px;
 }
 
 #menu li ul:hover #menu a{
 background: url(img/fond_hover.png);
 }
 
 #menu li ul li a:hover{
  color:red;
  background:#F4B500;
 }
 
 #menu li ul {
 position:relative;
 }
 
 .sousmenu_droite {
	left: 161px;
	top: -48px;
 }

 /* fin */


.menu75
{
	width: 75px;
}

.menu100 
{
	width: 100px;
}
.menu120 
{
	width: 120px;
}
#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
{
	color: red;
}



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

.header_panier
{
	
	float:right;	
	margin-right:15px;
	color: #A5AEBF;
	padding-top: 90px;
}


.header_recherche
{	
	clear:both;
	float:right;
	padding-top:10px;
	color: #424242;
	margin-left:20px;
	font-family: arial;
	font-size: 9px;
	font-weight:bolder;
}


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


#corps_accueil
{
	margin:auto;	
	
}

#actualite
{
	margin:auto;
	width : 780px;
	height : 300px;
	margin-top: 20px;
}

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


.zone_encars
{
	display:none;
	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 : 780px;
	margin:auto;
	margin-top:30px;
	min-height:500px;
	
}




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

.bandeau{min-height:700px;  }
#bdroite{float:right;}
#bgauche{float:left;}

.Menu_lateral
{

	/*position:fixed;*/
	margin-left: 10px;
	margin-top: 300px;
	float : left;
	Width : 190px;
}


#menu_lateral_haut
{
	margin-bottom:-4px;
	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-----------------------*/


/* modif Jon */

.newficheproduit{
	Height : 200px;
	Width: 250px;
	background:white;
	background-repeat:no-repeat;
	margin-right : 10px;
	margin-bottom : 15px;
	overflow : hidden;	
}


.clear {clear: both;}


.newlibelleproduit
{
	margin:auto;
	text-align:center;
	padding-bottom: 10px;
	padding-left:5px;
	padding-right:5px;
	width : 180px;
	height : 20px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	color:#847248;	
}

.newdescription{font-family: arial; font-size:10px; font-weight:bold; text-transform:uppercase; overflow: hidden;
height: 85px; padding-top: 5px;}



.newimageproduit
{
	/*padding-top : 5px;
	text-align:center;*/
	float:left;
	margin: 0px 5px;
	
}

.newimageproduit img{
	padding-top:7px;
	width: 134px;
	height: 150px;
		
}

/*///////////////////////////////////////////////*/

		
.PageProduits
{
	width: 780px;
	margin-top : 10px;
	
}

.PageProduits a, .PageProduits a:visited, .PageProduits a:focus, .PageProduits a:active{
text-decoration : none;
color: inherit;
}

#slides_accueil a{
text-decoration : none;
color: inherit;
}

#slides_accueil{
margin:auto;
display:block;
}

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






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

.libelleproduit
{
	text-align:center;
	padding-top:10px;
	padding-left:5px;
	padding-right:5px;
	width : 180px;
	height : 30px;
	font-size: 11px;
	font-family : Arial;
	font-weight: bold;
	color:#847248;
}

#rouge
{
color:white;
}



.newprixvente
{
	margin-left: 35px;
	width: 69px;
	font-size: 22px;
	font-family: Arial,Helvetica,"sans serif";
	font-weight: bold;
	text-align:right;
	color:red;    
}

.newprixpromo div{
	display: inline-block;
}

.newprixpromo{
	margin-left:120px;
	width : 105px;
	height : 75px;
	background: url("img/soldepromo.png");
	background-repeat:no-repeat;
	overflow: hidden;
	}


.newremise
{
   	margin: 8px 0px 5px 65px;
	width :35px;	
	font-family: Arial,Helvetica,"sans serif";
	font-size: 14px;
	font-weight: bold;
	color:black;
}

.newprixbase
{
	padding-left:65px;
	padding-top: 3px;
	
	width :35px;
	
	font-family: Arial,Helvetica,"sans serif";	
	font-size: 12px;
	color: #737373;
	text-decoration:line-through;
}




.prixpromo
{ 
	width : 190px;
	height : 45px;
	background:url("img/soldepromo.png");
	background-repeat:no-repeat;
}

.prixvente
{
    width : 85px;
	height : 25px;
	padding-top: 50px;
	padding-right: 15px;
	float:right;
	font-size: 22px;
	font-family: Arial,Helvetica,"sans serif";
	font-weight: bold;
	text-align:right;
	color:red;
}
.remise
{
   	padding-left:65px;
    padding-top: 2px;
	float:left;
	width :35px;
	height : 20px;
	font-family: Arial,Helvetica,"sans serif";
	font-size: 14px;
	font-weight: bold;
	color:black;
}

.prixbase
{
	padding-left:65px;
	padding-top: 3px;
	float:left;
	width :35px;
	height : 20px;
	font-family: Arial,Helvetica,"sans serif";	
	font-size: 12px;
	color: #737373;
	text-decoration:line-through;
}


.BarreNoir12
{
padding-top: 2px;
padding-right:10px;
float:right;
font-size: 12px;
font-family: arial;
color:#666666;
font-weight: bold;
text-decoration:line-through;
background-color:white;
}

.Rouge14
{
	padding-top:5px;
	float:right;
	font-size: 14px;
	font-family: Helvetica,arial;
	font-weight:bold;
	color:red;
	background-color:yellow;
	padding-top:5px;
	padding-bottom:5px;
	text-decoration: blink;
}



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

.imageproduit
{
	padding-top : 5px;
	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 : 600px;
	height : 493px;
	padding : 10px 10px 10px 10px;
	margin-top : 50px;
	
	Background-color : white;
}


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

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

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

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

.BarreNoir18
{
	float:right;
	width:35px;
	height : 30px;
	font-size: 18px;
	font-family: arial;
	color:#666666;
	font-weight: bold;
	text-decoration:line-through;
	background-color:white;

}
.Rouge25
{
	float:right;
	width:70px;
	height : 25px;
	font-size: 25px;
	font-family: Helvetica,arial;
	font-weight:bold;
	color:red;
	background-color:yellow;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:2px;
	padding-left:3px;
	padding-right:2px;
	text-decoration: blink;
}



#memo_descriptif_produit
{
	display:block;
	margin-top:55px;
	height : 60px;
	width:365px;
	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 : 108px;
	padding : 5px 5px 5px 5px;
	border : solid 2px #8acbf2;
}

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



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

#pied
{
	clear:both;
	width : 1005px;
	padding-top:20px;
	padding-left:17px;
	margin: auto;
}

#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 : 780px;
	Height : 400px;
	margin-top:50px;
	
}

#nouvel_utilisateur
{
	margin:auto;
	width : 400px;
	height : 300px;
	padding : 10px;
	background:url("img/ballon.png");
	background-repeat:no-repeat;
	Background-position : top center;
}
#connexion
{
	margin:auto;
	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
{
	
	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;
	
	margin-top:30px;	
	font-size: 30px;
	font-family : Arial;
	font-weight: bold;
	color:white;
}

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

#fidelite
{
width: 770px;
}


/* INFORMATIONS */
.aide
{
	width:780px;
	
	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       */
}

/* slide fade */

#container  {
	width:780px;
	height:300px;	
	margin:20px auto;
	position:relative;
	z-index:0;
	background: black;
}


#container #frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#container #slides {
	position:absolute;
	top:0px;
	left:0px;
	z-index:90;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

#container .slides_container {
	margin : auto;
	width:780px;
	height:300px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

#container .slides_container a {
	
}

#container .slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#container #slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:91;
}

#container #slides .next {
	left:585px;
}

/*
	Pagination
*/

#container .pagination {
margin: 26px auto 0;
width: 50px;
position: absolute;
bottom: 7px;
right: 5px;
z-index:90;
}

#container .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

#container .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#container .pagination li.current a {
	background-position:0 -12px;
}

/*
	Anchors
*/

#container a:link,a:visited {
	color:#599100;
	text-decoration:none;
}

#container a:hover,a:active {
	color:#599100;
	text-decoration:underline;
}



.prev, .next {cursor: pointer; color:white; background: #332B29; z-index:100; font-weight:bold;}
.prev{margin-left:10px; float:left;}
.next{margin-right:10px; float:right;}


.nouveautes{background:#332B29; width:770px;}
.promos{background:#332B29}


.slideficheproduit {
Height: 200px;
Width: 250px;
background: white;
background-repeat: no-repeat;
margin:5px 5px 5px 5px;
overflow: hidden;
}

#facturation{float:left; margin-left:25px; width:250px; }

#livraison{float:right; margin-left:25px; width:250px;}
/* #valider{padding-left:25px; height:500px; width:600px;} */

#checkout{clear:both; float:right; width:100px; margin-top:0px; margin-right:100px;}
#socolissimo{float:right}
button {background:#A7CEE6}

#flocage{margin-top: 40px;

height: 60px;}