/* ### www.gdaillier.fr ###*/
/* ### SCREEN stylesheet ###*/
/* ### par Guillaume DAILLIER (gdaillier@gmail.fr) ### */


/* ###################### SOMMAIRE ###################### */
/* $1. Balises de base */
	/* $1.1 CLASSES GENERIQUES  */
/* $2. Styles de formulaires */
/* $3. Blocs de mise en page */
/* $4. Header + Menu Pratique */
/* $5. Menu principal et menus niveaux 2 et 3 */
/* $6. Contenu principal */
	/* $6.1 CLASSES GENERIQUES */
/* $7. Styles de tableaux */
	/* $7.1 STYLES CALENDRIER */
/* ###################################################### */



/* ###################### $1. Balises de base ############################## */

html {font-size: 100%;}

body {
	font-family: "Verdana",sans-serif;
	font-size:62.5%;
	background:#FFF;
	line-height:1.35em;
	padding:0;
	margin:0;
	top:0;
	left:0;
	/* color:#3A3A3A; */
	color:#5F5F5F;
}

h1,h2,h3,h4,h5,h6 {
	font-family:"Tahoma", Sans serif;
	color:#0D6BA9;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-weight:normal;
}

h1 {
	font-size:1.6em;
	font-size: 20px;
	margin-bottom:5px;
	color:#636B82;
}

h2 {
	font-size:1.5em;
	line-height:1.5em;
	margin-top:20px;
}

h3 {
	font-size:1.5em;
	font-weight:bold;
	line-height:1.5em;
	margin-top:10px;
}

h4 {
	font-size:1.1em;
	line-height:1.5em; 
	margin-top:10px;
}

h1 small {
	font-size:0.6em;
	color:#636B82;
	font-family:"Tahoma", Sans serif;
}

p, ul, ol, table {
	margin-bottom:20px;
}

ul {
	/* margin:10px 15px 20px 15px; */
	background:none;
	list-style:none;
}

li {
	padding:0 0 0 15px;
	margin:2px 0 2px 0;
}
/* 
#colCentre li {
	background:url(../img/pictoFleche2.gif) no-repeat 0px 6px;
} */

#colCentre ul.list li {
	background:url(../img/bgSousMenu2.gif) no-repeat -15px -5px;
}

ul ul {
	margin:10px 0 10px 0;
}

abbr, acronym {
	cursor:help;
}

/* BALISES INLINE ****************** */
a {
	color:#79839F;
	background-color:inherit;
	text-decoration:underline;
}

a:hover, a.actif {
	color:#20AEF1;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

img {
	padding:0px;
	margin:0;
	border:none;
}

img.left {
	float:left;
	margin:5px 10px 0 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

img.right {
	float:right;
	margin:5px 0 0 10px;
}

#colCentre .right {
	float:right;
}

blockquote {
	background:url(../img/imgQuote.gif) no-repeat top right;
	color:#95969A;
	display:block;
	float:right;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.3em;
	margin:10px 0pt 5px 5px;
	padding:0pt 70px 0pt 0pt;
	text-align:right;
	width:180px;
}

/* ************** $1.1 CLASSES GENERIQUES ************** */

.noDisplay {
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

.noFloat {
	clear:both;
}

/* ###################### $2. Styles de formulaires ######################## */

form {
	margin:0px;
}

form p {
	margin:1px 0px;
}

input, select, textarea {
	font-size:1em;
	color:#00747D;
	background-color:#fff;
	padding:2px 5px;
	margin:2px 0 2px 0;
	vertical-align:middle;
	font-family: "Arial",sans-serif;
	border:1px solid #D6D6D6;
}

select:hover, textarea:hover {
	border:1px solid #D6D6D6;
	background: #F7FDEC;
}


a.submitBt {
	padding:2px 5px;
	margin:2px 0 2px 0;	
	width:20%;
}

a.submitBt :hover{
	background:#FFF;
	color:#0D6BA9;
}
.submitBt {
		background:transparent url(../img/btNav.gif) no-repeat scroll 0 0;
		color:#FFFFFF;
		display:block;
		/* float:left; */
		height:23px;
		margin-right:5px;
		border:none;
		padding:0px 0 0 0;
		text-align:center;
		text-decoration:none;
		width:123px;
}

.submitBt :hover{
		background:transparent url(../img/btNav.gif) no-repeat scroll 0 0 !important;
		color:#0D6BA9;
}

input:focus, select:focus, textarea:focus {
	border:1px solid #D6D6D6;
}

input.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F7FDEC;
	border:1px solid #D6D6D6
}

input.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #FFF;
	border:1px solid #D6D6D6;
}

form input.submit {
	background:#FFF url(../img/btOK.gif);
	width:23px;
	height:21px;
	cursor:pointer;
	border:none;
	color:#FFF;
}

form input.submit:hover {
	background:#FFF url(../img/btOK.gif);
}

form input.effacer {
	background:url(../img/boutonEffacer.gif) no-repeat;
	width:83px;
	height:20px;
	cursor:pointer;
	border:none;
}

form input.effacer:hover {
	background:url(../img/boutonEffacerOver.gif) no-repeat;
}

/* form input {
	width:240px;
} */

fieldset {
	border:none;
}

textarea {
	width:300px;
	height:90px;
	margin:0 0 10px 0;
}

textarea.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: #F7FDEC;
	border:1px solid #D6D6D6;
}

textarea.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #FFF;
	border:1px solid #D6D6D6;
}

input.texte {
	width:85px;
}

legend {
	display:none;
	position:absolute;
	left:0;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
}

label {	/*** Mise en forme des intitulés de champs ***/
	display:block;
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 20%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 5px .5em 0 0;
	line-height: 1.2;	/*** ... et centrés verticalement. ***/
	cursor: pointer;
}

.shippingSelect label {
	width: 90%;
	text-align: left;
	padding: 5px .5em 5px 0;
	font-weight:bold;
}

.requis {
	color:#f00;
}

#moteurRecherche {
	float:left;
	width:290px;
	margin:-3px 10px 0 0;
}

#moteurRecherche input{
	width:240px;
}

#formRechercheC {
	margin:0 0 20px 20px;
}

#colDroite #moteurRecherche input.submit, #header #moteurRecherche input.submit, #colCentre #moteurRecherche input.submit, #formRecherche input.submit, #formRechercheC input.submit {
	background:#FFF url(../img/btOK.gif);
	width:23px;
	height:21px;
	cursor:pointer;
	border:none;
	color:#FFF;
}

#colDroite #moteurRecherche input.submit:hover, #colCentre #moteurRecherche input.submit:hover, #formRecherche input.submit:hover, #formRechercheC input.submit:hover{
	background:#FFF url(../img/bgBoutonOkOver.gif);
}

#colDroite form, #colCentre #formRecherche  {
	background:url(../img/bgContenu.jpg) repeat;
	position:absolute;
	top:0px;
	right:0px;
	padding:8px;
	width:290px;
}

#colDroite #recherche, #colCentre #recherche  {
	width:240px;
}


/* ###################### $3. Blocs de mise en page ######################## */

#container {
	width: 100%;
	text-align:left;
	margin: 0px auto;
	overflow:auto;
	background:url(../img/bgContenu.jpg) repeat;
}

#header {
	background:url(../img/bgHeader.jpg) repeat-x top; 
	padding:0px 0 1px 0;
	position:relative;
	z-index:70;
}

div#colGauche {
	float: left;
	font-size:1.1em;
	width: 250px;
	padding:0  0 10px 10px;
}

div#colDroite {
	float: right;
	font-size:1.1em;
	width: 220px;
	padding:0 10px 0 0;
	position:relative;
}

div#colCentre {
	overflow: hidden;
	padding: 1px 10px;
	font-size:1.1em;
	background:url(../img/bgContenu.jpg) repeat;
	position:relative;
	padding-bottom:100px;
}

div#footer {
	clear:both;
	text-align:center;
	background:#FFF;
	padding:30px 20px;
	position:relative;
}

/* ###################### $4. Header + menu pratique ####################################### */

#header h1 {
	width:125px;
	top:10px;
	height:95px;
	margin:0px 0 0 9px;
	padding:0px 0 0 0;
	border:none;
	background:url(../img/logo2.gif) no-repeat;
}

#menuPratique {
	position:absolute;
	top:0px;
	right:0px;
	width:365px;
	color:#636B82;
	padding:10px 23px 10px 0px;
}

#menuPratique span {
	float:right;
	margin:0 10px 0 0;
}

#menuPratique ul {
	margin:0;
	list-style:none;
	float:right;
	margin:20px 10px 0 0;
}

#menuPratique li {
	display:inline;
	padding:0;
	height:35px;
	float:left;
}

#menuPratique li.quitter a {
	background: url(../img/PratBtQuitter.gif) no-repeat;
	color:#fff;
	float:left;
	padding:3px 20px 5px 25px;
	text-decoration:none;
}

#menuPratique li.quitter a:hover {
	text-decoration:underline;
	background: url(../img/PratBtQuitterOver.gif) no-repeat;
}


#menuPratique li.user a {
	font-weight:bold;
	text-decoration:none;
	float:left;
	padding:0 5px 0 5px;
	padding:3px 15px 5px 25px;
	color:#636B82;
	background: url(../img/PratBtUser.gif) no-repeat left;
}

#menuPratique li.user a:hover {
	text-decoration:underline;
	background: url(../img/PratBtUserOver.gif) no-repeat left;
}

#cadreWarning { /* taille du cadre, à titre d'exemple */
	width: 98.5%;
	position:relative;
	margin-top:0px;
	padding:17px 10px 23px 9px;
	overflow:auto;
	background:url(../img/bgSubHeader.jpg) repeat-x top;
}

.searchAd {
	float:left;
}

#colCentre #cadreWarning {
	margin:7px 0px 7px 0px;
	width:100%;
}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 4px; width: 5px;
	background-repeat: no-repeat;
	font-size:1px; /* correction d'un bug IE */
}

#hautgauche {
	background: url(../img/topLeftCorner.gif);
}

#hautdroit {
	float: right;
	background: url(../img/topRightCorner.gif);
}

#basgauche {
	background: url(../img/bottomLeftCorner.gif);
}

#basdroit {
	float: right;
	background: url(../img/bottomRightCorner.gif);
}

#contenu {
	padding:10px 10px 10px 50px;
}

#contenu a {
	color:#5F5F5F;
}

#contenu a:hover {
	color:#20AEF1;
}

#cadreWarning .infos {
	padding:2px 0 2px 20px;
	position:absolute;
	right:15px;
	top:17px;
	background:url(../img/btInfosWarning.gif) no-repeat left;
}

#cadreWarning a {
	color:#ZZZ;
}

body.french #menuPanier {
	width:199px;
	height:46px;
	position:absolute;
	padding:20px 0 0 30px;
	right:10px;
	top:15px;
	z-index:3;
	background:url(../img/bgPanier.gif) no-repeat;
}

body.english #menuPanier {
	width:199px;
	height:46px;
	position:absolute;
	padding:20px 0 0 30px;
	right:10px;
	top:15px;
	z-index:3;
	background:url(../img/bgPanier-en.gif) no-repeat;
}
#menuPanier ul {
	padding:0;
	margin:0;
}

#menuPanier ul li {
	padding:0;
	margin:0;
	float:left;
}

#menuPanier li:hover ul{
	display:block;
}

#menuPanier li.total {
	width:213px;
	height:23px;
	font-size:1.5em;
	font-weight:bold;
	color:#FFF;
	padding:14px 10px 0 20px;
	margin:10px 0 0 -29px;
	background:url(../img/bgTotal.gif)	no-repeat;
}

#menuPanier li.topSousMenu {
	width:229px;
	height:9px;
	display:block;
	float:left;
	padding:0;
	margin:0px 0 10px -15px;;
	font-size:0;
	background:url(../img/bgTopMenuPanier.gif)	no-repeat;
}

#menuPanier ul ul {
	width:204px;
	float:left;
	position:relative;
	z-index:150;
	margin:3px 0 0 -30px;
	padding:0px 10px 0px 15px;
	background:transparent url(../img/bgBlocPanier.gif) repeat-y;
	display:none; 
}

#menuPanier ul ul  li{
	padding:0 0 0 15px;
	overflow:auto;
	width:200px;
	background:transparent url(../img/pictoFleche.gif) no-repeat 3px 3px;
	/* display:none; */
}

.btPaypal {
	position:absolute;
	right:10px;
	top:22px;
}

.panier img {
	float:left;
	margin:0px 5px 0 0px;
}

.panier span {
	float:left;
	margin:5px 0 0px 0px;
}

.panier span.titreCaddie{
	color:#FFF;
	margin-right:5px;
	text-decoration:none;
}

.panier  span.nbItems{
	color:#000;
}

#menuPanier .article , #menuPanier span{
	float:left
}


#menuPanier .corbeille {
	float:right
}

#identification {
	float:right;
	width:230px;
	padding:0;
	margin:0px 10px 0 0;
}

#identification  li {
	float:none;
	padding:0;
	display:inline;
}

.paypalFooter {
	position:absolute;
	top:5px;
	right:5px;
}

/* ###################### $5. MENU PRINCIPAL ############################### */
#menuPrincipal {
	margin:6px 0 0 0;
	padding:0;
	line-height:2.65em;
	font-size:1.1em;
	width:100%;
	height:40px;
}

#menuPrincipal ul {
	margin:0;
	list-style:none;
	float:left;
}

#menuPrincipal li {
	color:#999;
	display:inline;
	padding:0;
	margin:0;
	float:left;
}

#menuPrincipal li a {
	text-decoration:none;
	color:#FFF;
	float:left;
	text-align:center;
	padding:5px 10px 0 10px;
	width:110px;
	height:33px;
	background:url(../img/BgMenuBouton.gif) repeat-x;
}

#menuPrincipal #langages{
	margin:0 0 0 10px;
	padding:10px 0 0 0;
}

#menuPrincipal #langages li a {
	text-decoration:none;
	color:#FFF;
	float:left;
	text-align:center;
	padding:0px 5px;
	width:24px;
	height:15px;
	background:none;
}

#menuPrincipal li a:hover {
	color:#D94440;
	background:url(../img/BgMenuBoutonOver.gif) repeat-x;
}

#menuPrincipal li a.selected {
	background:#E4531C;
}

#menuPrincipal ul#menuGauche {
	float:left;
}

#menuPrincipal ul#menuDroite {
	float:right;
}

#menuPrincipal li#menuHome a{
	float:left;
	width:41px;
	height:38px;
	padding:0;
	background:url(../img/BgMenuBoutonHome.gif) no-repeat;
}

#menuPrincipal li#menuHome a:hover {
	background:url(../img/BgMenuBoutonHomeOver.gif) no-repeat;
}

#menuPrincipal li a.btAccount {
	float:left;
	width:100px;
	height:33px;
	padding:5px 30px 0 0px;
	background:url(../img/btMyaccount.gif) no-repeat;
}

#menuPrincipal li a.btAccount:hover {
	background:url(../img/btMyaccountOver.gif) no-repeat;
}

#menuPrincipal li a.btFaq {
	float:left;
	width:41px;
	height:38px;
	padding:0;
	margin-right:-4px;
	background:url(../img/btFaq.gif) no-repeat;
}

#menuPrincipal li a.btFaq:hover {
	background:url(../img/btFaqOver.gif) no-repeat;
}

#menuPrincipal li a.btLogout {
	float:left;
	width:41px;
	height:38px;
	padding:0;
	margin-right:-4px;
	background:url(../img/btDeconnect.gif) no-repeat;
}


#menuPrincipal li a.btLogout:hover {
	background:url(../img/btDeconnectOver.gif) no-repeat;
}

/* ###################### $6. MENU RECHERCHE ############################ */

#colGauche #menuRecherche {
	width:220px;
	padding:0 0 0 5px;
	color:#FFF;
	background:url(../img/bgBlocLeft.gif) repeat-y;
}

#colGauche #menuRecherche li {
	width:209px;
	margin-bottom:1px;
	padding:5px 0 5px 0px;
	background:url(../img/bgLI.gif) no-repeat top left;
}

#menuRecherche li  a{
	color:#02385B;
	padding-left:20px;
	text-decoration:none;
	font-weight:bold;
}

#colGauche #menuRecherche li ul {
	width:208px;
	margin:3px 0 0 1px;
	padding:0;
	background:#38CFFD url(../img/bgSousMenuPied.gif) no-repeat bottom;
}

#colGauche #menuRecherche li  li {
	margin:0;
	width:205px;
	padding:5px 0px;
	background:url(../img/pictoFleche.gif) no-repeat 9px 7px;
}

.categoriesThumbs {
	margin:0;
	width:205px;
	padding:5px 0px 5px 25px;
	background:url(../img/pictoFleche.gif) no-repeat 9px 7px;
}

#categoriesImages .categoriesThumbs {
	float:left;
}


/* ###################### $6. CONTENU PRINCIPAL ############################ */
#breadCrumb {
	position:relative;
}

#colCentre .btPrint {
background-repeat:no-repeat;
display:block;
height:15px;
position:absolute;
bottom:10px;
right:5px;
padding-left:15px;
width:60px;
background:url(../img/btPrint.gif) no-repeat 0px 3px;
}

#colCentre #breadCrumb .btPrint {
bottom:0px;
}
#cadreTitre { /* taille du cadre, à titre d'exemple */
	width: 100%;
	position:relative;
	background:#20AEF1;
	color:#FFF;
}

#cadreTitre2 { /* taille du cadre, à titre d'exemple */
	width: 100%;
	position:relative;
	background:#0D6BA9;
	color:#FFF;
}
#cadreTitre2 h4 { 
	float:left;
	color:#FFF;
	margin: -2px 0 -2px 5px;
}
#cadreTitre h1 { 
	float:left;
	color:#FFF;
	margin: 0 0 0 5px;
}

#cadreTitre span , #cadreTitre del{ 
	float:left;
	padding:5px 5px 0 0;
}

#colCentre #cadreTitre, #colCentre #cadreTitre2 {
	margin:7px 0px 7px 0px;
	width:100%;
}

#hautgauche, #hautdroit, #basgauche, #basdroit {
	height: 10px; width: 10px;
	background-repeat: no-repeat;
}

.hautgauche, .hautdroit, .basgauche, .basdroit {
	height: 7px; width: 7px;
	background-repeat: no-repeat;
}

#hautgauche {
	background: url(../img/topLeftCorner.gif);
}

#hautdroit {
	float: right;
	background: url(../img/topRightCorner.gif);
}

#basgauche {
	background: url(../img/bottomLeftCorner.gif);
}

#basdroit {
	float: right;
	background: url(../img/bottomRightCorner.gif);
}

#contenu {
	padding:0px 5px 0px 30px;
	overflow:auto;
}
#categoriesImages {
	overflow:auto;
}
.hautgauche {
	background: url(../img/topLeftCorner2.gif);
}

.hautdroit {
	float: right;
	background: url(../img/topRightCorner2.gif);
}

.basgauche {
	background: url(../img/bottomLeftCorner2.gif);
}

.basdroit {
	float: right;
	background: url(../img/bottomRightCorner2.gif);
}

.contenu {
	padding:0px 5px 0px 30px;
	overflow:auto;
	margin:-2px 0px;
}

#colGauche H2 {
	width:238px;
	height:30px;
	margin:10px 0 0 0;
	padding:5px 0 0 15px;
	color:#FFF;
	background:url(../img/bgH2left.gif) no-repeat;
}

#colDroite H2 {
	width:195px;
	height:30px;
	margin:10px 0 0 0;
	padding:5px 0 0 20px;
	color:#FFF;
	float:right;
	background:url(../img/bgH2right.gif) no-repeat;
}

#colGauche .bloc {
	width:207px;
	padding:5px 0 0 15px;
	color:#FFF;
	background:url(../img/bgBlocLeft.gif) repeat-y;
}

#colGauche .bloc p, #colDroite .bloc p {
	margin-bottom:0px;
}

#colDroite .bloc {
	float:right;
	width:183px;
	padding:5px 0 0 15px;
	color:#FFF;
	text-align:center;
	background:url(../img/bgBlocRight.gif) repeat-y;
}

.bloc .PremAchat {
	margin-left:-10px;
}

#colGauche .blocPied {
	font-size:0;
	width:222px;
	height:5px;
	background:url(../img/bgBlocPied.gif) no-repeat;
}

#colDroite .blocPied {
	font-size:0;
	width:198px;
	height:6px;
	float:right;
	background:url(../img/bgBlocPiedRight.gif) no-repeat;
}

#colGauche ul {
	margin:0;
	padding:0;
	clear:both;
}

#colGauche ul ul {
	margin:0;
	/* background:#FFF;
	display:none; */
}

#colGauche ul li.selected ul {
	display:block;
}

#colGauche li {
	margin:0;
	padding:0;
}

#colGauche a {
	/* background:url(../img/bgSousMenu.gif) no-repeat;
	padding:5px 0 15px 20px;
	height:5px;
	border-bottom:1px solid #FFF;
	text-decoration:none;
	width:240px;
	display:block; */
}

#colGauche a:hover {
	/* background:url(../img/bgSousMenuOver.gif) no-repeat;
	color:#FFF; */
}

#colGauche a.selected {
	/* background:url(../img/bgSousMenuOver.gif) no-repeat;
	color:#FFF; */
}

#colGauche ul ul li a {
	/* margin:0;
	background:url(../img/bgSousMenu2.gif) no-repeat; */
}

#colGauche ul ul li a:hover{
	/* background:url(../img/bgSousMenuOver2.gif) no-repeat; */
}

#colGauche ul ul li a.selected {
	/* background:url(../img/bgSousMenuOver2.gif) no-repeat; */
}

#colGauche ul ul a {
	/* padding:5px 0 15px 30px;
	width:230px; */
}

#pagination {
	background:url(../img/bgPagination.gif) repeat-x bottom;
	overflow:auto;
	margin-bottom:20px;
}

#pagination ul {
	overflow:auto;
	width:100%;
	margin:0;
	padding:0 0 10px 0;
}
#pagination li { width:27%;text-align:center; }
#pagination li, #pagination li a, #pagination li span {
	float:left;
}

#pagination li a, #pagination li span {
	margin:0 2px;
}

#colCentre #pagination .right {
	margin-right:10px;
}


#colCentre .btAffSimple img,#colCentre .btAffDetaille img {
	margin:0;
	padding:0;
}

.btAffPrec {
	width:20px;
	height:16px;
	background:url(../img/btAffPrec.gif) no-repeat;
}

.btAffPrec:hover {
	background:url(../img/btAffPrecOver.gif) no-repeat;
}

.btAffSuiv {
	width:20px;
	height:16px;
	background:url(../img/btAffSuiv.gif) no-repeat;
}

.btAffSuiv:hover {
	background:url(../img/btAffSuivOver.gif) no-repeat;
}

.currentPage {
	width:13px;
	height:16px;
	padding:1px 0 0 6px;
	background:url(../img/bgCurrentPage.gif) no-repeat;
}

#colCentre img {
	margin:0px auto;
	padding-bottom:10px;
	display:block;
}

#colCentre .productImage img, #productImage img{
	margin:0px;
	padding:0;
	display:block;
}

/* #productInfox p {
		float:left;
} */

#colCentre .listing  a{
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}

#colCentre p {
	line-height:1.45em;
}

#authentification {
	background:transparent url(../img/bgColGauche.gif) repeat;
	padding:10px;
	margin:0 -10px 0 -10px;
}

#authentification form {
	margin:10px 0 0 0;
}

#authentification form .submit {
	background:url(../img/btLogin.gif) no-repeat;
	width:112px;
	height:20px;
	padding:0px 0 0 20px;
}

#authentification form .submit:hover{
	background:url(../img/btLoginOver.gif) no-repeat;
}

#authentification h1 {
	border:none;
}

.produit {
	float:left;
	width:25%;
	/* height:300px; */
}

.produitDet {
	float:left;
	width:98%;
	padding:5px;
	margin:0 0 10px 0;
	border:1px dotted #9F9F91;
	/* height:150px; */
}

.produitDet ul{
	height:20px;
}

.produitDet div.img {
	float:left;
	width:20%;
}

.produitDet .detailProduit {
	float:left;
	width:75%;
	padding:0 10px 0px 10px;
}
 
.produitDet .detailProduit ul {
	margin:0px 0px 5px 0px;
	width:63%;
	padding:2px 0px 2px 40%;
} 

.produitDet .detailProduit li{
	float:left;
	/* width:35px;
	height:30px; */
}
.produitDet .detailProduit img{
	/* width:15px;
	height:13px; */
	display:block;
	margin:0 auto;
}

.detailProduit {
	float:left;
	position:relative;
	padding:0 10px 20px 10px;
}

.detailProduit ul {
	border-bottom:1px dotted #9F9F91;
	border-top:1px dotted #9F9F91;
	overflow:auto;
	padding:2px 0px 2px 20%;
	margin:10px 0;
}
#productImage {
	padding-top:10px;
	width:25%;
}
.alsoPurchased {
	overflow:auto;
	padding-bottom:50px;
}
#productInfoSpec {
	width:75%;
}
#productImage, #productInfoSpec {
	float:left;
}

#productDescription {
	margin-bottom:20px;
}

#colCentre .detailProduit li  img{
	padding:0;
	margin:0;
}

#cartContent {
	border:1px solid #20AEF1;
}

.detailProduit li {
	float:left;
}

.detailProduit strong {
	float:left;
	height:54px;
	/* width:100%; */
}

.produitDet .detailProduit strong {	height:20px; }	

.detailProduit p.descProduit {
	float:left;
	margin-bottom:0px;
	width:100%;
}

.prixProduit {
	color:#F30C06;
	font-size:14px;
	float:right;
	font-weight:bold;
}

.information {
	padding:0;
	margin:0;s
}

.information li {
	float:left;
	width:45%;
	margin-right:5px;
	padding:0;
	height:80px;
	text-align:center;
}

.information li a{
	text-decoration:none;
}
#reviews {
	padding-top:10px;	
}
#tablist {
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 -0 0;
padding:3px 0;
}

#tablist li {
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0 0 0 5px;
}

#tablist li a{
text-decoration:none;
font-weight:bold;
}

#tablist li a.current {
background:lightyellow none repeat scroll 0 0;
}
#tablist li a:link, #tablist li a:visited {
color:#FFF;
}
#tablist li a {
/* background:white none repeat scroll 0 0;
border-color:#777788 #777788 -moz-use-text-color;
border-style:solid solid none;
border-width:1px 1px medium; */
background:transparent url(../img/tabcontentonglet.gif) no-repeat left;
width:132px;
height:14px;
margin-left:3px;
padding:3px 8px 3px 5px;
}
#tablist li a.faireConnaitre {
padding:3px 20px 3px 5px;
}
#tablist li a.autreAchat {
padding:3px 35px 3px 5px;
}
#tablist element.style {
background-color:none;
}
#tabcontentcontainer {
	border:1px solid #448CBB;
	padding:10px;
	-moz-border-radius: 7px;
}

.cartProduct {
	overflow:auto;
	margin-top:10px;
	width:100%;
	background:url(../img/bgPagination.gif) repeat-x bottom;
}

.cartProduct .cartDelete {
	float:right;
	padding-top:10px;
}
.cartProduct label {width:auto;}
.cartProduct .tn , .cartProduct ul, .cartProduct label , .cartProduct input,.cartProduct span{
	float:left;
}
.cartProduct .tn {
	width:15%;
}

.spacer {display:none;}
/* ###################### $6.1 STYLES GENERIQUES ############################ */

.filArianne ul {
	margin:5px 0 10px 0;
	padding:0;
}

.filArianne li {
	padding:0;
	display:inline;
	color:#79839F;
}

/* ###################### $7. STYLES DE TABLEAUX ############################ */

table {
	border-collapse:collapse;
}

form table {
	margin-left:-20px;
}

 #colCentre table {
	width:100%;
	float:right;
}

table td, table th {
	vertical-align:baseline;
	padding:2px;
	text-align:left;
	vertical-align:middle;
	border:2px solid #FFFFFF;
}

table th {
	font-size:1em;
	color:#FFF;
	background:#20AEF1;
}

table th a {
	color:#FFF;
	float:left;
}

table th a:hover{
	color:#FFF;
}

#colCentre table img {
	padding:2px;
}

caption {
	display:none;
}

thead td#titreTableau {	/* Mise en forme du bandeau de titre du tableau */
	color: #FFF;
 	/* background: #20AEF1;  */
	padding: .2em .5em;
	background:#20AEF1 url(../img/bgCalendar.gif) repeat-x bottom;
}

thead th {	/* Mise en forme du bandeau de titre du tableau */
	background:#20AEF1 url(../img/bgCalendar.gif) repeat-x bottom;
	padding:10px 5px 10px 5px;
}

thead td#titreTableau #titre {	
	float:left;
	padding:5px 0 0 0;
}

thead td span#nbLignes {	/* Mise en forme du choix du nombre de lignes par pages */
	float: right;	/* Alignement de l'ensemble des numéros de pages à droite */
	margin:0 0 0 0;
}

thead td span#nbLignes label {	/* Mise en forme du choix du nombre de lignes par pages */
	width:250px;
	padding:5px 5px 0 0;
}

#piedTableau input {
	float:right;
	margin:5px 0 0 10px;
}

td span.navPage {	/* Mise en forme de la navigation page à page */
	float: left;	/* Alignement du nombre de pages à gauche */
	margin-left: .3em;	/* Ajustement des marges */
}

.lignePair td {
	background:#FFF;
}


/* **************  Hack opera ************** */

html:first-child #calendar span.mois {
	float:left;
	margin:1% 0 0 35%;
}

html:first-child .ficheCollabo a {
	margin:30px 0 0 15px;
}

/* ************** Hack IE7 ************** */
*+html .detailProduit ul {
	width:80%;
	overflow:auto;
}
*+html div#container {
	overflow:hidden;
}
/* *+html #menuPratique {
	width:450px;
}

*+html #menuPratique ul {
	float:right;
	margin:30px -140px 0 0;
}

*+html #cadreWarning { 
	width: 98.5%;
	margin:1px 0px 0px 10px;
}

*+html #contenu  {
	padding:15px 10px 10px 50px;
}

*+html #calendar span.mois {
	float:left;
	margin:1% 0 0 19%;
}

*+html #calendar .callink {
	position:relative;
}

*+html #calendar .callink a {
	position:absolute;
	top:-3px;
	left:-3px;
}

*+html #authentification {
	float:left;
	width:100%;
} */

*+html #menuPrincipal li a.btAccueil, #menuPrincipal li a.btFaq, #menuPrincipal li a.btLogout {
	margin-bottom:-8px;
}



/* ------- modules/new_products.php --------- */

div.newProducts{
  /*width: 510px;*/
  margin: 4px;
  padding: 0 0 0px 0px;
  background:transparent;
}

div.newProducts h4 {
 /*  clear:both; */
  font-size: 1.5em; color:#FFF;
  text-align: left;
  /* padding: 0px 0 2px 0; margin: 0.5em 0 0.5em 0;
  background : #0D6BA9 */
}

dl.newProduct {
  border: 1px solid #000;
  background: #7dd2fa;
  width: 31%; /*height:150px;*/
  text-align: center;
  padding: 2px 0 2px 0;
  float: left;
  margin: 0.2em 0.1em 0.2em 0.3em;
}

dl.newProduct dt { height: 35px; }

dl.newProduct dd img {  width: 100px; height: 80px; }

dl.newProduct dd {  margin: 0; padding: 0 3px 5px 3px;}

/* ------- address_book_process.php --------- */

p.warning {
 clear:both;
 text-align:center;
}


div.navBt, #colCentre p.bt{
	overflow:auto;
}

a.navBt , a.navBtMini{
	text-decoration:none;
	width:123px;
	text-align:center;
	display:block;
	float:left;
	margin-right:5px;
	color:#FFF;
	height:19px;
	padding:4px 0 0 0px;
	background:url(../img/btNav.gif) no-repeat;
}

a.navBuy {
	text-decoration:none;
	width:56px;
	text-align:center;
	display:block;
	float:left;
	margin-right:5px;
	color:#FFF;
	height:19px;
	padding:4px 0 0 0px;
	background:url(../img/btBuy.gif) no-repeat;
}

a.navBt:hover, a.navBtMini:hover{
	text-decoration:underline;
}

/* ------- animated boxes --------- */

/*Start whats new Style*/
.wncontainer { /*Main div holding children whats new products*/
	height:220px;
	width: 200px;
	text-align:center;
}

.whatsnew {/*Child div holding whats new products*/
	height:170px;
	margin:0 0 0 20px;
	padding-bottom:45px;
	width:153px;
	position:absolute;
}
.whatsnew_img {
	margin-bottom:20px;
}

.whatsnew_img img{
	height:113px;
}

.whatsnew_name {
	height:35px;
}
.whatsnew_name a, .whatsnew_price a{
	text-decoration:none;
}

.whatsnew_price a, .productPrice {
	font-weight:bold;
	float:right;
	font-size:1.5em;
	text-align:right;
}

.whatsnew table{
	width:100%;
}

.whatsnew td{/*TD child specials products*/
	text-align:center;
	color:#000000;
}

.whatsnew a{/* Hyperlink style within specials products*/
	/* color:#33FF00; */
}
/*End whats new Scroll Style */
/*Start specials style*/
.speccontainer { /*Main div holding children specials products*/
	height:170px;
	width: 150px;
	text-align:center;
}

.specials {/*Child div holding specials products*/
	height:170px;
	width:150px;
}
.specials table{
	width:100%;

}

.specials td{/*TD child specials products*/
	color:#000000;
	text-align:center;
}

.specials a{/* Hyperlink style within specials products*/
	color:#33FF00;
}
/*end specials style*/
/*Start Bestsellers scroll style options*/
.bscontainer { /*Main div holding children bestelling products*/
	height:170px;
	width: 150px;
	text-align:center;

}

.bestsellers {/*Child div holding bestelling products*/
	height:170px;
	width:150px;
}
.bestsellers table{
	width:100%;
	text-align:center;
}

.bestsellers td{/*TD child bestelling products*/
	text-align:center;
	color:#000000;
}

.bestsellers a{/* Hyperlink style within bestselling products*/
	color:#33FF00;
}
/*End Best Seller Scroll Style Functions*/ 
/*   acount */
#account ul li a {
	float:none;
}
.gender {
	margin-bottom:5px;
}
a.navBtHigh {
background:transparent url(../img/btNav2.gif) no-repeat 0 0;
color:#FFFFFF;
display:block;
float:none;
height:19px;
margin-right:5px;
padding:4px 0 0 0;
text-align:center;
text-decoration:none;
width:201px;
}
a.navBtHigh:hover {
	text-decoration:underline;
}

/*   paiement */
.cartSubTotal {
		font-size:1.5em;
		font-weight:bold;
		color:#20AEF1;
		font-family:Arial;
}
.contentBox, .shippingAddress, .shippingMethod, .formBt, .billingAddress, .paymentMethod {
	overflow:auto;
}
.checkoutBar {
	padding:2px 0px;
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
	overflow:auto;
}
.checkoutBar li {
	float:left;
	text-align:center;
	width:24%;
	padding:0;
	margin:0;
	border-left:2px solid #FFF;
}

.checkoutBar li  a{
	font-weight:bold;
	text-decoration:none;
}

.orderHistory dt {
	border-bottom:2px solid #FFF;
	padding:5px 0;
	font-size:1.3em;
	font-weight:bold;
}

.orderHistory dd {
	border-bottom:2px solid #FFF;
	padding:5px 0;
	margin:0;
	overflow:auto;
}

#subsearch {
border:none;
margin:0;
padding:0;
}

#filterForm {
	height:35px;
	margin-bottom:-10px;
}