body{
	background-image:url(../images/banniereRepetition.jpg);
	background-repeat:repeat-x;
	margin:auto;
	padding:0px;
	font-family:arial, serif;
	font-size:12px;
}

textarea {
	width:300px;	
}

#corps{
	width:960px;
	margin:auto;
	margin-top:20px;
	padding:0px;
}
#top{
	width:960px;
	margin:0 auto;
	padding:0px;
	/*position:relative;*/
}
#content{
	float:left;
	width:752px;
	margin-left:5px;
}
#contentPetit{
	float:left;
	width:601px;
	margin-left:5px;
}
#logo{
	background-image:url(../images/banniere_01.jpg);
	position:relative;
	width:228px;
	height:151px;
	float: left;
}
* html body #container #logo {
	background-image:url(../images/banniere_01.jpg);
	margin-right:-300px;
	width:228px;
	height:151px;
}

.lienLogo{
	border:0;
	margin-bottom:-20px;
}
#central{
	background-image:url(../images/banniere_02.jpg);
	position:relative;
	left:228px;
	width:732px;
	height:151px;
}
* html body #container #central {
	background-image:url(../images/banniere_02.jpg);
	float:left;
	width:732px;
	height:151px;
	/*border:2px black solid;*/
}
*+html body #container #central{
background-image:url(../images/banniere_02.jpg);
	float:left;
	left:0px;
	width:732px;
	height:151px;
	/*border:2px black solid;*/
}


#container{
	width:960px;
	margin:auto;
}
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge int�rieure */
        margin : 0; /* ni ext�rieure */
        list-style : none; /* on supprime le style par d�faut de la liste */
        line-height : 26px; /* on d�finit une hauteur pour chaque �l�ment */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        /* font-weight : bold; on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
		position:absolute;
		margin-top:54px;
		float:left;
        
}
.lienPrincipal:link, .lienPrincipal:visited /* Contenu des listes */
{
		font-weight : bold; 
		font-size : 15px; /* hauteur du texte : 12 pixels */
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
        background-image:url(../images/rollOutMenu.jpg); /* couleur de fond */       
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par d�faut des liens (la plupart du temps = soulign�) */
        width : 111px; /* largeur */
		height: 30px; /* largeur */
}
#menu li ul li a
{
		font-size : 11px; /* hauteur du texte : 12 pixels */
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge int�rieure */
		margin-left:0px;
		padding-left:5px;
        border-left: 1px solid #cccccc;  
		border-bottom: 1px solid #cccccc; 
		border-right: 1px solid #cccccc; 
        color : #000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        text-align:left;
        width : 130px; /* largeur */
		height: 20px; /* largeur */
		background-color:#fdfdfd;
}
#menu li ul li a:hover
{
		font-weight : bold;
        display : block; /* on change le type d'�l�ment, les liens deviennent des balises de type block */
}
/*#menu .pucePrincipal:hover
{
 		background-image:url(../images/rollOutMenu.jpg);
}*/
#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconna�t pas "transparent" */
        border-right : 3px solid #fff; /* on met une bordure blanche � droite de chaque �l�ment */
}





/*.pucePrincipal:hover      
{ 
		background-image:url(../images/rollOverMenu.jpg); 
		width:111px;
		height:30px;*/
        /* pour IE qui ne reconna�t pas "transparent" */
 /*       border-right : 3px solid #fff; /* on met une bordure blanche � droite de chaque �l�ment */
/*}
html>body .pucePrincipal:hover 
{
		background-image:url(../images/rollOverMenu.jpg); 
       /* border-right: 2px solid transparent ; /* on met une bordure transparente � droite de chaque �l�ment */
/*}*/







/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li
{
        border-right: 3px solid transparent ; /* on met une bordure transparente � droite de chaque �l�ment */
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 111px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* �l�ments de sous-listes */
{
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-top : 0px solid #fff; /* on met une bordure blanche en haut de chaque �l�ment d'une sous liste */
}

/* IE ne reconnaissant pas le s�lecteur ">" */
html>body #menu li ul li                
{
        border-top : 0px solid transparent; /* on met une bordure transparente en haut de chaque �l�ment */
}

#menu li ul ul 
{
        margin    : -22px 0 0 111px ; /* On d�cale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconna�t pas "transparent" (comme pr�c�demment) */
        border-left     : 3px solid #fff ; /* Petite bordure � gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le s�lecteur ">" ... je me r�p�te ;-) */
html>body #menu li ul ul                
{
        border-left     : 3px solid transparent ; /* on met une bordure transparente sur la gauche de chaque �l�ment */
}
#menu li .lienPrincipal:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #FFF;
      background-image:url(../images/rollOverMenu.jpg); 
}
#menu li .lienPrincipal:active /* Lorsque la souris passe sur un des liens */    
{
        color: #FFF;
      background-image:url(../images/rollOverMenu.jpg); 
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un �l�ment de liste */
{
        left: -999em; /* On exp�die les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un �l�ment de liste ET sous-sous-lites lorsque la souris passe sur un �l�ment de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
.lienSite{
	float:right;
	color:#000000;
	margin-top:30px;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 15px; /* hauteur du texte : 12 pixels */
	text-decoration : none;
}
.lienSite:visited{
	float:right;
	color:#000000;
	margin-top:30px;
	font-weight : bold; /* on met le texte en gras */
	font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 15px; /* hauteur du texte : 12 pixels */
	text-decoration : none;
}
#tableContact{
	margin-top:30px;	
}
#contentPrincipal{
	background-color:#FFFFFF;
	width:752px;
	float:left;
}
#contentPrincipalPetit{
	background-color:#FFFFFF;
	width:600px;
	float:left;
}
#ETcontentPrincipalPetit{
	position:relative;
	float:left;
	background-image:url(../images/shop/hautContentPetit.jpg);
	width:600px;
	height:36px;
	z-index:-1;
}
#PPcontentPrincipalPetit{
	float:left;
	position:relative;
	background-image:url(../images/shop/basContentPetit.jpg);
	width:600px;
	height:48px;
	z-index:-2;
}
#ETcontentPrincipal{
	position:relative;
	float:left;
	background-image:url(../images/ETcontentGrd.jpg);
	width:752px;
	height:37px;
	z-index:-1;
}
#PPcontentPrincipal{
	float:left;
	position:relative;
	background-image:url(../images/PPcontentGrd.jpg);
	width:752px;
	height:36px;
	z-index:-2;
}
.titreContent{
	float:right;
	margin-right:10px;
	font-size:25px;
	font-family:Trebuchet MS,arial, serif;
	font-style:italic;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}
.titreContentPetit{
	float:right;
	margin-right:10px;
	font-size:25px;
	font-family:Trebuchet MS,arial, serif;
	font-style:italic;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
}
.sousTitreContent{
	margin-left:580px;
	font-size:12px;
	font-family:Trebuchet MS,arial, serif;
	margin-top:0px;
	margin-bottom:5px;
}
#sidebar-secondary{
	float:left;
	font-size:13.5px;
	font-weight:bold;
	font-family:Arial, serif;
	font-style:italic;
}
#ETmenuG{
	background-image:url(../images/shop/menuGHaut.jpg);
	width:182px;
	height:10px;
}
#PPmenuG{
	background-image:url(../images/shop/menuGBas.jpg);
	width:182px;
	height:9px;
}
* html #PPmenuG{
	padding-bottom:3px;
}
#menuG{
	background-color:#eeea40;
	width:182px;	
}
* html body #container #sidebar-secondary #menuG #ETmenuG{
	margin-top:-10px;
}
* html body #container #sidebar-secondary #menuG #PPmenuG{
	margin-bottom:-10px;
}
* html body #ETactualite{
	margin-bottom:-5px;
}	
#ETactualite{
	background-image:url(../images/shop/ETactualite.jpg);
	width:181px;
	height:55px;
}

#actualite{
	margin-top:5px;
}
#PPactualite{
	background-image:url(../images/shop/PPactualite.jpg);
	width:181px;
	height:101px;
	clear:both;
}
#corpsactualite{
	background-image:url(../images/shop/corpsActualite.jpg);
	width:181px;
	float:left;
}
#titreActualite{
	text-align:center;
	margin:0;
}
.contact{
	margin-top:15px;
	margin-left:15px;
	border:0;
}
.lienContinuerAchat{
	float:left;
	border:0;
	margin-left:5px;
	width:250px;
}
.lienContinuerAchat tr td a{
	text-decoration:none;
	border:0;
	color:#1b4ce9;
	font-size:14px;
	font-weight:bold;	
}
.lienContinuerAchat tr td img{
	border:0;	
}
.details{
	color:#1b4ce9;
	font-size:10px;
	text-decoration:none;
}
#id_quantity{
	width:20px;
	float:left;
	margin-left:30px;
}
.supp{
	width:76px;
	height:14px;
	float:right;
}
.ref{
	margin-top:0px;
	margin-bottom:0px;
}
.separateur{
	margin-left:75px;
	width:601px;
	height:3px;
}
.titreProd{
	font-weight:bold;
	text-decoration:none;
	color:black;
}
.prixTotal{
	margin-left:500px;
}
#sidebar-primary{
	margin-left:5px;
	float:left;
	width:156px;
}
#ETpanierTriste{
	background-image:url(../images/panier/panierTriste.jpg);
	width:156px;
	height:76px;
}
#ETpanierHeureux{
	background-image:url(../images/panier/panierHeureux.jpg);
	width:156px;
	height:76px;
}
#corpspanier{
	background-color:#e5e9ec;
	padding-top:10px;
}
#PPpanier{
	background-image:url(../images/panier/PPpanier.jpg);
	width:156px;
	height:11px;
}
.passerCommande{
	border:0;
}
.commande{
	border:0;
	margin-right:50px;
	float:right;
	margin-top:5px;
}
.PPseparateurPanier{
	margin-bottom:10px;
	margin-top:8px;
}
* html body #container #sidebar-primary .PPpanier{
	margin-top:-10px;
}
.paraCartVide{
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	font-family:Arial, serif;
}
.titreTablePanier{
	font-size:12px;
	font-family:Arial, serif;
}
.tablePetitPanier{
	margin-bottom:5px;
	font-size:12px;
	font-family:Arial, serif;
}
.prixDetail{
	background-image:url(../images/detailProduit/etoileProduit.jpg);
	background-repeat:no-repeat;
	width:115px;
	height:100px;
}
#price{
	float:left;
	margin-top:35px;
 	font-size:17px;
	font-family:Arial, serif;
	font-weight:bold;
	font-style:italic;
	margin-left:15px;
}
#addcart{
	margin-left:35px;
	margin-top:15px;
}
.first a:before, .firstActif:before, .firstWithoutLink:before{
	content:url(../images/shop/flecheDroite.jpg);
	margin-right:3px;
}

.first a{text-decoration:none;}

#checkoutprogress{margin-top:30px;color:#1b4ce9;}

#checkoutprogress a{margin-top:30px;color:#1b4ce9;}

#checkoutprogress a:hover{text-decoration: underline;}

.first{
	float:left;
	margin-left:5px;
}
.firstActif{
	float:left;
	font-weight:bold;
	margin-left:3px;
}

.firstWithoutLink {float:left;margin-left:5px;}

#footer{
	width:960px;
	float:left;
	padding-bottom:5px;
	padding-top:20px;
	font-size:11px;	
}
.logoIpsylone{
	float:left;
}
.designIpsylone {
	float:left;
	font-size:11px;
	margin-top:7px;
	margin-bottom:0px;
	text-decoration:none;
	color:black;
}
.lienFooter a{
	border-right:solid 1px gray;
	margin-left:5px;
	padding-right:5px;
	color:#1b4ce9;
	text-decoration:none;
}
.lienFooter a:hover{
	border-right:solid 1px gray;
	margin-left:5px;
	padding-right:5px;
	color:#1b4ce9;
	text-decoration:underline;
}
.headTabCart{
	margin:auto;
	text-align:center;
	background-color:#95b3e9;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
}
.actualise{
	margin-left:3px;
	width:17px;
	height:21px;
	float:left;
}
.tableRecap{
	font-size:12px;
	font-family : Arial, serif;
}
#menu_container{
    width: 12em;
    padding: 0;
    margin-bottom: 1em;
    font-family: 'Trebuchet MS', 'Lucida Grande',
       Verdana, Lucida, Geneva, Helvetica,
       Arial, sans-serif;
    color: #000;
}
#menu_container ul{
    list-style: none;
    margin:0;
    padding:0;
    border: none;
}
#menu_container ul li ul li {
    margin-left: 18px;
}
#menu_container ul li a{
	font-size:20px;
	display:block;
	font-weight:bold;	
	text-align:center;
	color:#eb6909;
	font-style:none;
	width:182px;
	margin-bottom:15px;
	text-decoration:none;
} 
  
#menu_container ul li ul li a {
 	font-size:12px;
	font-weight:none;	
	margin:0;
 	text-align:left;
 
    display: block;
    padding-bottom: 0.5em;
    color: #000;
    text-decoration: none;
    width:140px;
    background-image:url(../images/shop/fondPuce.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
}
html>body#menu_container ul li ul li a {
    width: auto;
}
#menu_container ul li ul li a:hover {
    color:#eb6909;
    background-image:url(../images/shop/fondPuce2.jpg);
}
html>/**/body .flecheRouge{
	float:left;
	margin-left:-70px;
	border:0;
}
*+html .flecheRouge{ 
	float:right;
	margin-right:420px;
	border:0;
}
* html .flecheRouge{ 
	float:right;
	margin-right:420px;
	border:0;
}
#priceList{
	font-size:14px;
	font-weight:bold;	
}
.premierText{
	margin-top:40px;
	margin-bottom:0px;
	margin-left:20px;
	color:black;
	font-weight:bold;
}
.profile{
	margin-left:100px;
	float:left;
}
.menuProfil{
	 border-left: 1px solid #000;
	 float:right; 
	 padding-left:5px; 
	 padding-right:15px;
}
.menuProfil a{
	text-decoration:none;
	color:black;
	font-weight:bold;	
}
.menuProfil a:hover{
	color:#AAA;	
}
#titreGProfil{
	text-align:center;
	color:#000;
}
.menuGProfil{
	color:#000;
	width:120px;
}
.menuGProfil li a{
	display:block;
	width:120px;
	text-decoration:none;
	font-size:12px;
	color:#000;
}
.menuGProfil li a:hover{
	color:#eb6909;
}
#slider{
	position: relative; 
	width: 200px;
	height: 200px; 
	overflow: hidden; 
	float:left;
	margin-right:10px;
}
* html #detailProduct{
	margin-top:20px;
	width:100%;
	float:left;
}
html>body #detailProduct{
	margin-top:20px;
	width:100%;
	float:left;
}

.imageProduct{
	float:left;
	width:15%;
	margin-right:10px;
}
.descriptionProduct{
	float:left;
	width:60%;
	margin-right:10px;
}
.prixProduct{
	float:left;
	text-align:center;
	margin-left:15px;
	width:15%;
}
.listProduit
{	float:left;
	margin-top: 10px;
	width:100%;
}
* html .listProduit{
	float:left;
	margin-top: 10px;
	width:100%;
}
.actualiteNone{
	margin:0;
}
#corpsactualite p{
	margin:0;
	font-size:12px;
	font-family:arial, serif;
}
.menuImageActualite{
	float:left;
	width:50px;
	margin-right:5px;
}
.menuLienActualite{
	float:left;
	width:100px;
	padding-left:0;
}
* html .menuLienActualite{
	float:left;
	width:100px;
}
* html .menuImageActualite{
	float:left;
	width:50px;
	margin-right:0;
}
.menuLienActualite a{
	font-size:11px;
	font-family:arial, serif;
	text-decoration:none;
	font-style:normal;
	color:#000;
}
.menuLienActualite a:hover{
	font-size:11px;
	font-family:arial, serif;
	text-decoration:none;
	font-style:normal;
	color:gray;
}
html>body .resumeActualite{
	width:167px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
}
* html .resumeActualite{
	width:167px;
	float:left;
	margin-left:7px;
	margin-bottom:10px;
}

/* Order Details */
.separateurDiv {background-image: url('../images/poursuivreAchat/separateurRecapPanier.jpg');background-repeat: no-repeat;background-position:center;width:700px;height:3px;}
.orderTableRecap{text-align:center;}