/*==========================================================================
//	STYLESHEET FOR REFERENT	
// 	Date: 			October 2008
// 	Author: 		SOFTAKT	- www.softakt.com
==========================================================================*/


/*==========================================================================
	Global : links, forms, user messages
==========================================================================*/
body
{
background: #f8f8f8;
color: #454545;
font-family: "Trebuchet MS", Trebuchet, Geneva, Helvetica, sans-serif;
font-size: 13px;
}

#home
{
background: none;
font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
color: #454545;
font-size: 13px;
}

/*-------------------------------
	Links
-------------------------------*/

a
{
text-decoration: none;
color: #454545;
font-weight: bold;
text-decoration: underline;
}

a:hover {
text-decoration:none;
}

a:focus {
outline: 1px dotted #333;
} 


/*-------------------------------
	Boutons
-------------------------------*/
.free-download
{
width: 134px;
height: 65px;
background: url('/upload/images/design/download.png') no-repeat;
display: block;
text-indent: -9999px;
}


/*-------------------------------
	Home
-------------------------------*/

#mainRightContent a
{
background: url('/upload/images/design/home/pong-touch.jpg') no-repeat;
display: block;
height: 170px;
width: 449px;
border-bottom: 1px dashed #545454;
}


/*-------------------------------
	Généralités
-------------------------------*/

.debug
{
clear: both;
height: 1px;
}

.mainHomeTitle
{
height: 43px;
text-indent: -9999px;
}

.homeHr
{
height: 20px; 
background: url('/upload/images/design/home/bottomMain-shadow.jpg') no-repeat center top;
clear: both;
border: none;
display: block;
}

/*-------------------------------
	Forms
-------------------------------*/

input, textarea, select {
border: solid 1px #999;
padding:1px 2px;
font-size: 100%;
font-family: inherit;
}

input:hover, input:focus, textarea:hover, textarea:focus {
border: solid 1px #333;
}

form label {
cursor: pointer;
}

input[type="submit"]:hover {
cursor:pointer;
}

option {
padding-right: 1.2em; /* Fix select in Firefox if * reset is on */
}

/* Remove IE borders for checkbox & radio inputs */

input[type="image"], input[type="checkbox"], input[type="radio"]
.checkbox, .radio, .submit {
border:0;
}

form.inscription_user input, form.inscription_user textarea, form.inscription_user select, form.login_user input
{
margin-bottom: 5px;
}

/*-------------------------------
	User messages
-------------------------------*/

.formInfo {
color:green;
}

.panier_cityssimo {
color:red;
}

.formSuccess, .formError, .panier_chronopost {
margin: 1em 0;
padding: .5em 0;
font-size:13px;
text-align:center;
}

.formSuccess {
background: #EAEAEA url(/upload/images/design/ui/valid.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #999999;
}

.formError, .panier_chronopost {
background: #EAEAEA url(/upload/images/design/ui/error.gif) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
padding: 5px 20px 5px 45px;
border: 2px solid #999999;
}

/*==========================================================================
	Design : structure / navbar / sidebars 
==========================================================================*/

/*-------------------------------
	Structure
-------------------------------*/

#container
{
width: 960px;
margin: auto;
/*background: red;*/
}
	
#containerBottom
{
height: 11px;
background: url('/upload/images/design/main-bottom.png') no-repeat;
clear: both;
}

#logo-container
{
height: 191px;
width: 100%;
background: url('/upload/images/design/logo.png') no-repeat center top;
z-index: 20;
background-color: none;
top: 0;
position: absolute;
}

body#home #background-container
{
width: 100%;
position: absolute;
top: 0;
z-index: 10;
background: url('/upload/images/design/home/body-1.jpg') no-repeat center top;
background-color: #f8f8f8;
}

#background-container img
{
display: none;
}

div.sliderControl
{
display: none;
}

#home div.sliderControl
{
display: block;
}

#slider a.sliderPrev
{
width: 52px;
height: 107px;
display: block;
background: url('/upload/images/design/home/fleche-prev.png') no-repeat;
position: absolute;
left: -150px;
top: 270px;
color: transparent;
}

#slider a.sliderNext
{
width: 52px;
height: 107px;
display: block;
background: url('/upload/images/design/home/fleche-next.png') no-repeat;
position: absolute;
right: -120px;
top: 270px;
color: transparent;
}

#wrapper
{
width: 100%;
position: absolute;
z-index: 20;
top: 0;
}

body#home #header
{
height: 480px;
position: relative;
}

#header
{
height: 194px;
position: relative;
}

#header #logo h1 a
{
width: 189px;
height: 89px;
text-indent: -9999px;
position: absolute;
top: 45px;
left: 45px;
display: block;
}

body#home #header #topMenu
{
height: 192px;
}
	
#header #topMenu
{
width: 470px;
height: 152px;
float: right;
margin-right: 80px;
font-size: 18px;
font-weight: bold;
background: url('/upload/images/design/topMenu.png') no-repeat left top;
}
		
				
#header #topMenu ul#informations
{
float: left;
margin-top: 4px;
margin-left: 10px;
}
						
#header #topMenu ul#account
{
float: right;
margin-top: 4px;
margin-right: 38px;
color: #fff;
font-size: 17px;
}
				
#header #topMenu ul#informations a
{
color: #000;
font-size: 17px;
}
				
#header #topMenu ul#account a
{
color: #fff;
}
			
#topMenu ul li
{
float: left;
margin-right: 10px;
}
				
#topMenu ul li a:hover
{
text-decoration: underline;
}

#topMenu #currencies
{
padding-left: 15px;
position: absolute;
right: 81px;
top: 74px;
}

#topMenu #currencies label
{
font-size: 13px;
font-weight: bold;
margin-right: 3px;
}

#topMenu #currencies select
{
font-size: 14px;
}

#topMenu #currencies input.submit
{
background: none;
text-transform: uppercase;
font-weight: bold;
font-size: 16px;
position: relative;
color: #333333;
width: 80px;
}


#home #header #textes-visuels
{
width: 300px;
font-size: 13px;
position: absolute;
z-index: 800;
}
		
#home #header #textes-visuels
{
width: 300px;
font-size: 14px;
position: absolute;
top: 300px;
right: 15px;
}

#home #header #textes-visuels a, #home #header #textes-visuels a:hover
{
display: block;
text-decoration: none;
}
		
#home #header #textes-visuels div
{
position: absolute;
top: 0;
display: none;
}
		
#home #header #textes-visuels div p
{
margin-top: 0px;
}

#home #header #textes-visuels div h2
{
font-size: 20px;
}

#header #links
{
position: absolute;
left: 0;
z-index: 999;
background: none;
height: 255px;
width: 960px;
top: 192px;
}

#header #links a 
{
display: block;
height: 255px;
width: 960px;
color: transparent;
}
		
/*~°
SEARCH
*/
		
#search-container
{
width: 270px;
height: 55px;
position: relative;
clear: both;
left: 198px;
}
		
#search
{
width: 270px;
position: absolute;
right: 0px;
top: 14px;
background: url('/upload/images/design/search.png') no-repeat right top;
}
		
#search label
{
font-size: 13px;
font-weight: bold;
margin-left: 10px;
vertical-align: top;
position: relative;
top: 3px;
}
		
#search input.search-submit
{
width: 90px;
border: none;
color: #454545;
margin-left: 8px;
margin-top: 2px;
vertical-align: top;
font-size: 13px;
background: none;
}
		
#search input.submit
{
font-weight: bold;
color: #6d8cb6;
border: none;
width: 25px;
height: 21px;
background: none;
cursor: pointer;
position: absolute;
}
		
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Correction alignement chrome / safari */
		
#search input.submit
{
height: 19px;
}
}

#main
{
background: #fff;
padding: 10px 5px;
margin-top: 1px;
}

#main h1
{
color: #d56f58;
font-size: 28px;
}


/*~°
Contenu Home 
*/
		
#main #steps
{
height: 106px;
background: url('/upload/images/design/home/steps.jpg') no-repeat -11px bottom;
position: relative;
}

/*~°
SEARCH ITEM MAIN
*/

a.linkSearchItem
{
display: block;
text-indent: -9999px;
height: 46px;
width: 45px;
position: absolute;
top: 19px;
}

div#searchItem
{
margin-top: 10px;
}
			
div#searchItem input#recherche
{
background: none;
border: 1px solid #C5C7CC;
color: #454545;
}
			 

div#searchItem input.submit
{
background: none;
border: none;
font-weight: bold;
color: #237BBD;
width: 27px;
height: 19px;
cursor: pointer;
position: absolute;
top: 38px;
}
			 
@media screen and (-webkit-min-device-pixel-ratio:0) { /* Correction alignement chrome / safari */
		
div#searchItem input.submit
{
top: 40px;
}
}

/*~°
STEPS
*/

#main #steps ul 
{
padding-left: 69px;
}
		
#main #steps ul li 
{
width: 230px;
height: 65px;
display: block;
float: left;
margin-right: 90px;
padding-top: 5px;
}
		
#main #steps ul li.stepThree
{
margin-right: 0px;
}
		
#main #steps ul li h3
{
font-size: 20px;
color: #237bbd;
}
		
#main #steps ul li p
{
margin-top: 6px;
font-size: 11px;
}
		
#main #mainLeft
{
width: 449px;
float: left;
padding-left: 20px;
}
		
#main #mainLeft #mainLeftTitle h2
{
background: url('/upload/images/design/home/whyApps.jpg') no-repeat;
}
			
#main #mainLeft #mainLeftContent
{
border-right: 1px dashed #545454;
height: 100%;
padding-right: 10px;
font-size: 13px;
}
		
		
#main #mainRight
{
width: 460px;
float: right;
padding-left: 10px;
}
			
#main #mainRight #mainRightTitle h2
{
background: url('/upload/images/design/home/freeApp.jpg') no-repeat;
}
			
#main #mainRight #mainRightContent h2
{
background: url('/upload/images/design/home/useOurApps.jpg') no-repeat;
}

#main div#ourSelection h2.selection
{
background: url('/upload/images/design/home/ourSelection.jpg') no-repeat;
margin-left: 20px;
}

		
#main div#ourSelection div h3
{
color: #0167b3;
}
			
#main div#ourSelection div p
{
text-align: left;
font-size: 0.8em;
font-weight: bold;
padding-left: 2px;
margin-top: 1px;
}

/~°
Footer
*/

#footer
{
background: transparent;
height: 115px;
}
	
#footer ul 
{
float: left;
margin-top: 10px;
margin-left: 43px;
font-size: 13px;
}
	
#footer ul li
{
width: 160px;
height: 21px;
padding-top: 3px;
border-bottom: 1px dashed #545454;
font-size: 12px;
}

#footer ul li a 
{
text-decoration: none;
}

#footer ul li a:hover
{
text-decoration: underline;
}
		
#footer ul.footer-infos
{
text-indent: -9999px;
float: right;
}
		
#footer ul.footer-infos li
{
display: block;
border: none;
margin: 0;
padding: 0;
height: 27px;
background: url('/upload/images/design/sprite-payment.png') no-repeat left top;
width: 271px;
}

/*~°
JqTransform
*/

form.jqtransformdone label{
	margin-top:4px;
	margin-right: 8px;
	display: block;
	float:left;
}
form.jqtransformdone div.rowElem{
	clear:both;
	padding:4px 0px;
}
/* -------------
 * Buttons
 * ------------- */
button.jqTransformButton {
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: transparent;
	cursor: pointer;
	overflow: visible;
	font-family: Arial;
}

*:first-child+html button.jqTransformButton[type]{width: 1;} /* IE7 */

/*
button.jqTransformButton span {
	background: transparent url(/upload/images/design/jqtransform/btn_right.gif) no-repeat right top;
	display: block;
	float: left;
	padding: 0px 4px 0px 0px;
	margin: 0px;
	height: 33px;
}


button.jqTransformButton span span {
	background: transparent url(/upload/images/design/jqtransform/btn_left.gif) no-repeat top left;
	color: #333;
	padding: 8px 4px 0px 8px;
	font-weight: normal;
	font-size: 12px;
	line-height: 13px;
	display: block;
	text-decoration: none;
	height: 33px;
}
*/

/*hover*/
button.jqTransformButton_hover span span { background-position: left -33px ; }
button.jqTransformButton_hover span { background-position: right -33px ; }

/*clicked*/
button.jqTransformButton_click span span { background-position: left -66px ; }
button.jqTransformButton_click span { background-position: right -66px ; }

/* IE 6 */
* html button.jqTransformButton { height:33px; }
* button.jqTransformButton span span { height: 25px; }
/* IE 7 */
*+ html button.jqTransformButton { height:33px; }
*+ button.jqTransformButton span span { height: 25px; }


/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {
	background: transparent url(/upload/images/design/jqtransform/input/input_text_left.gif) no-repeat left top;
	height: 31px;
	padding: 0px;
	float:left;
}

.jqTransformInputInner {
	background: transparent url(/upload/images/design/jqtransform/input/input_text_right.gif) no-repeat top right;
	padding: 0px;
	margin: 0px;
}

.jqTransformInputInner div {
	height: 31px;
	margin:0px 0px 0px 8px;
}

.jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	vertical-align: middle;
	height: 31px;
	color:#404040;	
	border: none;
	padding: 8px 0px 0px 0px;
	margin: 0px;
	background:transparent;
}

/*  IE6 */
* html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin: 0 0 0 -8px;
	height:24px;
}
/* Ie7 */
*+ html .jqTransformInputInner div input {
	padding: 6px 0 0 0;
	margin-left:-10px;
	height:24px;
}

/*hover*/
.jqTransformInputWrapper_hover{ background-position: left -31px ;}
.jqTransformInputWrapper_hover div.jqTransformInputInner{ background-position: right -31px ;}

/*focus*/
.jqTransformInputWrapper_focus{ background-position: left -62px ;}
.jqTransformInputWrapper_focus div.jqTransformInputInner{ background-position: right -62px ;}



.jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
.jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}



/* -------------
 * Textarea
 * ------------- */
table.jqTransformTextarea td#jqTransformTextarea-mm textarea{
	font-size: 12px;
	line-height: 16px;
}

table.jqTransformTextarea td{
font-size: 1px;
line-height: 1px;
width: 5px;
height: 5px;
margin: 0;
padding: 0;
}
table.jqTransformTextarea{}
table.jqTransformTextarea tr{
/*border: 1px solid red;*/

}
table.jqTransformTextarea textarea{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}
table.jqTransformTextarea td#jqTransformTextarea-tl{background: url(/upload/images/design/jqtransform/textarea/textarea_tl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-tm{background: url(/upload/images/design/jqtransform/textarea/textarea_tm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-tr{background: url(/upload/images/design/jqtransform/textarea/textarea_tr.gif) no-repeat top left;}

table.jqTransformTextarea td#jqTransformTextarea-ml{background: url(/upload/images/design/jqtransform/textarea/textarea_ml.gif) repeat-y top left;}
table.jqTransformTextarea td#jqTransformTextarea-mm{background: url(/upload/images/design/jqtransform/textarea/textarea-mm.gif) repeat;}
table.jqTransformTextarea td#jqTransformTextarea-mr{background: url(/upload/images/design/jqtransform/textarea/textarea_mr.gif) repeat-y top left;}

table.jqTransformTextarea td#jqTransformTextarea-bl{background: url(/upload/images/design/jqtransform/textarea/textarea_bl.gif) no-repeat top left;}
table.jqTransformTextarea td#jqTransformTextarea-bm{background: url(/upload/images/design/jqtransform/textarea/textarea_bm.gif) repeat-x top left;}
table.jqTransformTextarea td#jqTransformTextarea-br{background: url(/upload/images/design/jqtransform/textarea/textarea_br.gif) no-repeat top left;}

/*hover*/
table.jqTransformTextarea-hover td#jqTransformTextarea-tl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-tr{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-ml{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-mm{background-image: url(/upload/images/design/jqtransform/textarea/textarea-mm-hover.gif);}
table.jqTransformTextarea-hover td#jqTransformTextarea-mr{background-position:-5px 0px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bl{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-bm{background-position:0px -5px;}
table.jqTransformTextarea-hover td#jqTransformTextarea-br{background-position:0px -5px;}

/*focus*/
table.jqTransformTextarea-focus td#jqTransformTextarea-tl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-tr{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-ml{background-position:-10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-mm{background-image: url(/upload/images/design/jqtransform/textarea/textarea-mm-focus.gif);}
table.jqTransformTextarea-focus td#jqTransformTextarea-mr{background-position: -10px 0px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bl{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-bm{background-position:0px -10px;}
table.jqTransformTextarea-focus td#jqTransformTextarea-br{background-position:0px -10px;}


table.jqTransformTextarea .jqTransformSafariTextarea div {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
}
table.jqTransformTextarea .jqTransformSafariTextarea textarea{
	background: none;
	position: absolute;
	top:-10px;
	left:-10px;
	padding: 10px 10px 10px 10px;
	resize: none;
}


/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block;margin:0px 4px;	margin-top:5px;}
.jqTransformRadio {
	background: transparent url(/upload/images/design/jqtransform/radio.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}


/* -------------
 * Checkboxes
 * ------------- */
span.jqTransformCheckboxWrapper{
	display:block;float:left;
	margin-top:5px;
}
a.jqTransformCheckbox {
	background: transparent url(/upload/images/design/jqtransform/checkbox.gif) no-repeat center top;
	vertical-align: middle;
	height: 19px;
	width: 18px;
	display:block;/*display: -moz-inline-block;*/
}

/* -------------
 * Checked - Used for both Radio and Checkbox
 * ------------- */
a.jqTransformChecked { background-position: center bottom;}


/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {
	width: 45px;
	position:relative;
	height: 31px;
	background: url(/upload/images/design/jqtransform/select_left.gif) no-repeat top left;
	float:left;
}

.jqTransformSelectWrapper div span {
	
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 31px;
	line-height: 15px;
	padding: 8px 0 0 7px;
	overflow: hidden;
	cursor:pointer;
	/*border: 1px solid #CCCCCC;*/
/*	border-right: none;*/
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0px;
	width: 31px;
	height: 31px;
	background: url(/upload/images/design/jqtransform/select_right.gif) no-repeat center center;
}

.jqTransformSelectWrapper ul {
	position: absolute;
	width: 43px;
	top: 30px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	border: solid 1px #CCC;
	display: none;
	margin: 0px;
	padding: 0px;
	height: 150px;
	overflow: auto;
	overflow-y: auto;
	z-index:10;
}

.jqTransformSelectWrapper ul a {
	display: block;
	padding: 5px;
	text-decoration: none;
	color:#333;
	background-color: #FFF;
	font-size: 12px;
}

.jqTransformSelectWrapper ul a.selected {
	background: #EDEDED;
	color: #333;
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover {
	background:#3582c4;
	color: #fff;
}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}


/*-------------------------------
	Path / Tri / Pagination
-------------------------------*/

#path {
padding:5px 0;
margin-bottom: 10px;
border-bottom: solid 1px;
font-size: 12px;

}

.panier_trier {
width: 250px;
float: left;
font-size: 11px;
}

.panier_trier img {
vertical-align:middle;
margin-bottom: 10px;
}

#panier_pages {
width: 210px;
float: left;
font-size: 11px;
}

/*-------------------------------
	Buttons
-------------------------------*/

#container a.button  {
background: #999;
color: #fff;
border: solid 1px #999;
height: 19px;
outline: 0;
display: block;
padding: 2px;
font-size: 13px;
width: 150px;
text-align: center;
}

.home_bouton, .home_title, .home_modify {
margin-top:10px;
}

#container input.button {
background: #999;
color: #fff;
width: 135px;
height:21px;
border:0;
cursor: pointer;
outline: 0;
padding: 0 0 1px 0;
font-size: 13px;
}

#container input:hover.button {
background: #999;
border:0;
}

/* button wide */

#container .wide input.button {
width: 160px;
border:0;
padding: 0 0 1px 0;
background: #999;
font-size: 13px;
font-weight: bold;
}

.wide input:hover.button {
border:0;
background: #999;
}

/*-------------------------------
	Navigation bar
-------------------------------*/

	#container #navigation
		{
		width: 960px;
		height: 41px;
		background: url('/upload/images/design/navbar.png') no-repeat bottom;
		float: right;
		}
		
		body#home #navigation
		{
		margin-top: 246px;
		}
		
		#navigation #navbar
		{
		position: relative;
		height: 41px;
		}
		
		.produits_ul {
		width: 400px;
		font-size: 16px;
		color: #fff;
		font-weight: bold;
		position: relative;
		top: 12px;
		}
		
		.produits_ul li.produits_1
		{
		margin-right: 36px;
		margin-left: 13px;
		}
		
		.produits_ul li.produits_2
		{
		margin-right: 42px;
		}
		
		.produits_ul li.produits_3
		{
		margin-left: 2px;
		}
		
		.produits_ul a
		{
		color: #fff;
		font-weight: bold;
		margin-top: 4px;
		text-decoration: none;
		}
		
		.produits_ul a:hover
		{
		text-decoration: underline;
		color: #fff;
		}

		.produits_ul li ul a, .produits_ul li ul a:hover .produits_ul li ul a:visited {
		padding-top: .40em;
		padding-bottom: .40em; 
		padding-left: 0.40em;
		padding-right: 1.5em;
		text-decoration:none;
		color: #fff;
		}

		.produits_ul > li {
		height: 28px;
		}

		.produits_ul li ul li{
		height: auto;
		}

		.produits_ul li ul { /* Premier niveau après hover */
		background: #fff;
		border: 1px solid #c7c7c7;
		width: 166px;
		}
		
		
		.produits_ul li li {
		border: none;
		}

		.produits_ul li li li {
		border: none;
		}

		.produits_ul li:hover, .produits_ul li.sfHover,
		.produits_ul a:focus, .produits_ul a:hover, .produits_ul a:active {
		outline:0;
		}

		.produits_ul li ul li a /* on rectifie la hauteur, qui doit pas etre de 34px pour les autres liens !!! */
		{
		height: auto;
		border: none;
		font-weight: normal;
		color: #000;
		text-decoration: underline;
		font-size: 11px;
		}

		.produits_ul li ul li a:hover /* on fait de même pour le hover !!! */
		{
		height: auto;
		border: none;
		color: #000;
		text-decoration: none;
		background: none;
		}
		
		.produits_ul li ul li  /* pas de bordure pour les autres LI */
		{
		border: none;
		}
		
		#navigation #navbar2
		{
		width: 410px;
		height: 25px;
		position: absolute;
		right: 0;
		top: 13px;
		}
		
		#navigation #navbar2 ul li 
		{
		float: left;
		display: block;
		margin-right: 42px;
		}
		
		#navigation #navbar2 ul li.windows7
		{
		margin-right: 0;
		margin-left: 5px;
		}

		#navigation #navbar2 ul li.xtion
		{
		margin-left: 0px;
		}
		
		#navigation #navbar2 ul li a
		{
		font-size: 15px;
		font-weight: bold;
		text-decoration: none;
		}
		
		#navigation #navbar2 ul li a:hover
		{
		text-decoration: underline;
		}
		

/*-------------------------------
	Login front & Mon compte
-------------------------------*/

#login-form-front {
background: red;
}

#login-form-front p label {
}

#login-form-front p input {
}

#mon-compte {
}

/*==========================================================================
	Produits : Listings / Fiche / Selections
==========================================================================*/

.panier_prix_barre {
text-decoration: line-through;
}

/*-------------------------------
	Listing produit
-------------------------------*/
#produit_listing
{
clear: both;
}

.list-produit
{
width: 201px;
background: url('/upload/images/design/deg-listing.jpg') repeat-x;
background-color: #f7f5f5;
position: relative;
float: left;
padding-left: 5px;
padding-right: 6px;
margin-left: 20px;
min-height: 170px;
margin-top: 20px;
height: 275px;
}
	
.list-produit h2
{
margin-bottom: 10px;
}

.list-produit h2 a
{
color: #6c8eb9;
font-size: 14px;
}
	
.list-produit .list-img
{
text-align: center;
}
	
.list-produit .list-img img
{
border: 1px solid #545658;
}
	
.list-produit .list-desc
{
font-size: 10px;
font-weight: bold;
margin-top: 5px;
height: 60px;
overflow: hidden;
}
	
	.list-produit .list-produit-bottom
	{
margin-top: 5px;
position: absolute;
bottom: 0;
margin-bottom: 2px;
	}
	
	.list-produit .list-produit-bottom table td.list-bottom-right
	{
	width: 98px;
	text-align: right;
	}
	
	.list-produit .link-fiche_produit
	{
font-size: 12px;
	}	
	
	.list-produit .link-fiche_produit a
	{
	font-weight: bold;
	color: #6d8cb7;
	}
	
	.list-produit .list-price
	{
	color: #f29358;
	font-weight: bold;
	font-size: 18px;

	}


/*-------------------------------
	Fiche produit
-------------------------------*/
#fiche-produit
{
padding-left: 23px;
padding-right: 25px;
}

#fiche-produit-top-left
{
float: left;
width: 685px;
}
	
#fiche-produit h1
{
color: #d56f58;
font-size: 25px;
}

#fiche-promo
{
font-style: italic;
color: #6d8cb6;
font-size: 15px;
margin-top: 8px;
margin-bottom: 15px;
}

#fiche-promo p
{
margin: 0;
}
	
#fiche-produit-top-right
{
float: right;
text-align: center;
}
	
#fiche-produit-top-right select.panier_quantity, #fiche-produit-top-right span.panier_designation
{
display: none;
}
	
#fiche-produit-top-right #prix
{
font-size: 25px;
font-weight: bold;
color: #F29358;
width: 150px;
display: block;
text-align: center;
}

#fiche-produit-content
{
clear: both;
}

#container #fiche-produit-top-right input.submit, #fiche-right div.desc-items button.jqTransformButton, 
#container #fiche-produit-top-right input.submit, #fiche-right div.desc-items button.jqTransformButton:hover 

{
width: 153px;
height: 59px;
background: url('/upload/images/design/ajouter-panier-bleu.jpg') no-repeat;
border: none;
cursor: pointer;
text-indent: -9999px;
}

.fiche-img
{
float: left;
}
	
.fiche-img #fiche-img-thumbs img
{
margin-right: 11px;
}

#fiche-right
{
float: right;
width: 500px;
}

#fiche-right p
{
font-size: 14px;
}

#fiche-right div.desc-items-container
{
width: 520px;
margin: auto;
}

#fiche-right div.desc-items
{
width: 490px;
text-align: center;
}

#fiche-right a.contact-product
{
display: block;
height:60px;
width:153px;
text-indent: -9999px;
background: url('/upload/images/design/contact-us-product.jpg') no-repeat;
position: relative;
left: 337px;
outline: none;
}

#fiche-right div.panier 
{
width: 490px;
text-align: left; /* En align center JqTransform bug */
padding-top: 5px; 
clear: both;
margin-bottom: 30px;
}
	
#fiche-right div.panier .panier_designation
{
display: block;
position: relative;
top: 11px;
left: 13px;
z-index: 250;
}

#fiche-right div.desc-items #prix2
{
width: 146px;
position: relative;
left: 339px;
}

#fiche-right div.desc-items #prix2 
{
font-size: 2em;
font-weight: bold;
color: #F29358;
width: 150px;
display: block;
text-align: center;
}

#fiche-right div.desc-items button.jqTransformButton
{
float: right;
}
	
#fiche-produit-bottom
{
clear: both;
margin-top: 30px;
}

/*~°
Fiche tabs
*/
		
#fiche-tabs a {
background: url(/upload/images/design/fiche_produit/tab-bg.png) repeat-x;
color: #444;
}

#fiche-tabs a.selected {
background: url(/upload/images/design/fiche_produit/tab-bg.png) repeat-x bottom;
}

#fiche-tabs div ul {
margin-left: 10px;
}

#fiche-tabs div li {
float: none;
margin-left:10px;
}

#fiche-tabs p {
margin: 0;
background-color: #f9fcff;
padding: 8px;
font-size: 13px;
}

#fiche-tabs {
color:#111;
margin: 0 auto 0 auto;
padding-bottom: 10px;
}

#fiche-tabs ul {
height: 100%;
position: relative;
left: 242px;
margin-bottom: -1px;
overflow: hidden;
width: 665px;
z-index: 99;
}
		
#fiche-tabs li {
float: left;
margin: 0 4px 0 0;
background-color: #739bcd;
font-size: 14px;
}

#fiche-tabs ul a {
display: block;
padding: 3px 15px;
font-size: 13px;
font-weight: bold;
text-decoration: none !important;
/*border: solid 1px #999;*/
outline: 0;
background: url('/upload/images/design/ombre-tab-2.jpg') no-repeat center bottom;
color: #1b1b1b;
}

#fiche-tabs ul a:hover {
color: #000;
}

#fiche-tabs ul a.selected {
margin-bottom:0;
color:#000;
cursor:default;
}

#fiche-tabs div {
/*border: solid 1px #999;*/
padding: 5px 5px 5px 5px;
background-color: #739bcd;
}

#fiche-tabs div a {
color: #000;
font-weight: bold;
}

#fiche-tabs div ul,
#fiche-tabs div li {
list-style: none;
margin: 0;
}

#fiche-tabs #tab1 li,
#fiche-tabs #tab3 li {
margin: 10px 0;
height: 100%;
min-height: 100%;
line-height: 1.5;
}

#fiche-tabs #tab1 ul,
#fiche-tabs #tab3 ul {
margin: 0;
padding: 0;
}

#fiche-tabs div li {
padding-left: 38px;
min-height: 32px;
height: auto !important;
height: 32px;
margin: 15px 0;
background: url(/upload/images/design/fiche_produit/fiche-list.png) no-repeat 18px 2px;
}


/*-------------------------------
	Sélection produit
-------------------------------*/

.select-produit {
}

.select-produit h3 {
}

.select-img img {
}

.select-price {
}

.select-promo {
}

/*-------------------------------
	Produits linked
-------------------------------*/

.produits_linked {
}

/*-------------------------------
	Paiement
-------------------------------*/

.panier_etapes {
text-align:center;
}

/* Identification */

.panier_deja_inscrit, .panier_non_inscrit {
font-size:13px;
background: #999999;
color:#fff;
padding: 4px 0 4px 15px;
}

/* Etape 1 */

.panier_header {
font-size:14px;
}

table.panier_table {
border-collapse: collapse;
width:100%;
text-align: left;
}

/* Titre tableau */

.panier_table th {
background: #ccc;
}

.panier_table_prix, .panier_table_prix_ttc  {
width:60px;
}

/* Articles */

.panier_table th, .panier_tr_on td, .panier_tr_off td, .panier_tr_tva td, .panier_tr_kdo td, .panier_tr_total_ttc td {
padding: 5px;
font-size: 13px;
}

.panier_table img {
vertical-align:middle;
}

.panier_table_image img {
border:solid 1px #ccc;
}

.panier_tr_on td, .panier_tr_off td {
font-weight:bold;
border-bottom: solid 1px #999;
}

/* Totaux */

.panier_tr_tva, .panier_tr_total_ttc {
border-bottom: solid 1px #999;
}

.panier_table_prix_ttc {
font-weight:bold;
}

.panier_tr_total_ttc td {
font-weight: bold;
background: #eee;
}

.panier_table_suppr {
text-align:center;
}

.panier_table_recalc {
padding-top:10px;
}

/* Etape 3 */

.panier_mode_prix_title {
}

.panier_mode_livraison {
border: solid 1px #999;
padding: 10px;
background:#fff;
}

.panier_mode_title, .panier_recap, #panier_recap {
font-size: 16px;
font-weight: bold;
text-align:center;
}

.panier_recap, #panier_recap {
margin: 1em 0;
}

.div_mode_table, .div_modifier_table {
text-align:center;
}

td.div_mode_table input
{
font-weight: bold;
}

.panier_mode_image {
vertical-align:middle;
}

/* Boutons bas */

.panier_table_bouton_continuer, .panier_table_bouton_valider {
vertical-align: middle;
}

.panier_table_bouton_continuer a.button
{
width: 150px;
}

.panier_table_bouton_valider, .panier_table_recalc {
text-align:right;
}

body td.modifier_table a
{
width: 130px;
padding-left: 20px;
}

td.valider_table
{
text-align: right;
}

/*==========================================================================
	Espace User: compte / adresses / commandes / retours / filleuls 
==========================================================================*/

/*-------------------------------
	Mon compte
-------------------------------*/

#home_boutique td {
padding:5px;
}

.home_title, .home_title_2 {
font-size: 16px;
font-weight: bold;
}

/*-------------------------------
	Mes adresses
-------------------------------*/

.adresse_table input, .adresse_table textarea, .adresse_table select {
color: #333;
display:block;
}

.adresse_table td {
vertical-align: top;
padding:5px;
}

/*-------------------------------
	Mes commandes
-------------------------------*/

#commandes {
width: 100%;
}

#commandes th {

background: #ddd;
font-weight:bold;
}

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

#commandes td {
text-align: center;
}

/*-------------------------------
	Retour commandes
-------------------------------*/

/* Etapes */

#retour-commande {
}

#retour-commande img {
margin: 0 10px;
}

#retour-commande h4 {
font-size: 14px;
}

/* Tableau */

table.retour_voir_liste {
border-collapse: collapse;
width:100%;
text-align: center;
}

.retour_voir_liste th {
background: #ccc;
}

.retour_voir_liste th, .retour_voir_liste td {
padding: 6px 5px;
}

.retour_table_reponse {
text-align: center;
}

.retour_attente, .retour_charge, .retour_refuse, 
.retour_non_conforme, .retour_termine, .retour_valide {
padding:5px;
font-weight: bold;
}

.retour_attente {
border: solid 1px orange;
color:orange;
}

.retour_charge {
border: solid 1px green;
color:green;
}

.retour_refuse {
color:red;
border: solid 1px red;
}

.retour_non_conforme {
color:red;
border: solid 1px red;
}

.retour_termine {
border: solid 1px #999;
}

.retour_valide {
color:green;
border: solid 1px green;
}

/* Tableau renvoi */

table.retour_table {
border-collapse: collapse;
width:100%;
text-align: center;
margin-bottom: 20px;
}

.retour_table th {
background: #ccc;
}

.retour_table th, .retour_table td {
padding: 6px 5px;
}

/*-------------------------------
	Filleul / Parrainage
-------------------------------*/

#add_filleul input {
margin-left: 20px;
}

.lists_filleul th {
background: #ddd;
font-weight:bold;
}

.lists_filleul th, .lists_filleul td {
padding: 5px;
}

.lists_filleul td {
text-align: center;
}

/*==========================================================================
	Inscription, login & lost password forms
==========================================================================*/

/*-------------------------------
	Login & lost password forms
-------------------------------*/

#login-form input {
width: 110px;
}

#login-form label {
width: 160px;
display:block;
float:left;
}

#login-form br {
clear:both;
display:block;
margin-top: 5px;
}

#login-form a {
display:block;
margin-top: 5px;
}

#password-form fieldset, #login-form fieldset {
border:none;
}

#password-form legend, #login-form legend {
display:none;
}

/*-------------------------------
	Inscription/modify form 
-------------------------------*/

#register-form fieldset {
border: none;
}

#register-form legend {
display:none;
}

#register-form label {
display: block;
width: 160px;
float:left;
line-height:20px;
}

#register-form br {
clear:both;
display:block;
margin-top: 5px;
}

/*-------------------------------
	Contact form
-------------------------------*/

#contact_form fieldset, #contact_form legend {
border:none;
}

#contact_form label {
width:100px;
display:block;
float:left;
text-align:right;
margin-right: 10px;
line-height: 20px;
}

#contact_form p {
overflow:hidden;
}

#contact_form p input, #contact_form p textarea {
width: 180px;
}

#contact_form p textarea {
height: 100px;
}

#contact_form div {
margin-left:110px;
}

/*-------------------------------
	Popup photo
-------------------------------*/

#main_photo {
text-align:center;
}

#photo_title {
font-size: 16px;
font-weight: bold;
}

#photo_img img {
border: solid 1px;
margin: 10px 0;
}

#photo_desc {
width: 400px;
margin: 0 auto;
text-align:left;
}

/*-------------------------------
	Facture
-------------------------------*/

.facture_recap {

font-weight: bold;
font-size: 16px;
text-align:center;
}

#main_bill {
width: 600px;
margin: 0 auto;
border: 1px solid #666;
padding: 10px;
position:relative;
min-height: 25cm;
background: #fff;
}

/*\*/
* html #main_bill {
height: 25cm;
}
/**/

#main_bill br {
line-height:0;
}

#main_bill table, #bill_table {
}

/* Infos facture */

#bill_table_ginfos {
border-collapse:collapse;
margin-top: 20px;
text-align:center;
}

#bill_table_ginfos td {
border: 1px solid #666;
padding: 3px;
}

#bill_table_ginfos_type {
font-weight:bold;
background:#ddd;
}

/* Adresses facturation & livraison */

#bill_infos_clients, #bill_infos_clients_fact {
border: solid 1px #666;
width: 250px;
margin-top: 20px;
height:150px;
}

#bill_infos_clients_title, #bill_infos_clients_fact_title {
font-weight:bold;
text-align:center;
background:#ddd;
padding:3px;
border-bottom: solid 1px #666;
}

#bill_infos_clients_content, #bill_infos_clients_fact_content {
padding: 10px;
}

/* Recaptilatif */

#bill_title_recap {
margin: 20px auto 0 auto;
font-weight:bold;
font-size: 16px;
border-bottom: 1px solid #666;
text-align:center;
padding: 6px 0;
}

#bill_recap {
width: 100%;
border-collapse:collapse;
margin: 0 auto 20px auto;
}

#bill_recap td {
padding: 3px;
border: 1px solid #666;
}

#bill_recap_th td {
background: #ddd;
font-weight:bold;
text-align:center;
}

/* Totaux & TTC */

#bill_table_totaux, #bill_table_ttc { 
border-collapse:collapse;
text-align:center;
}

#bill_table_ttc { 
float:right;
}

#bill_table_totaux td, #bill_table_ttc td { 
border: 1px solid #666;
padding: 3px;
width:100px;
}

#bill_table_ttc_th td, #bill_table_totaux_th td  {
background: #ddd;
font-weight:bold;
}

/* Footer */

.footer-facture {
text-align:center;
color: #999;
position:absolute;
bottom:0px;
left:0;
width: 620px;
padding-bottom:15px;
}

#bill_footer {
text-align: center;
color: #666;
margin-top: 30px;
}

#bill_footer p {
margin: 0 0 1em 0 ;
}

#bill_footer h6 {
font-size: 10px;
font-weight: normal;
}

/*~°
Player Youtube Videos
*/

/* the overlayed element */
div#voverlay {
	
/* growing background image */
background-image:url(/upload/images/design/videoplayer/white.png);
	
/* dimensions after the growing animation finishes  */
width:640px;
height:480px;
	
/* initially overlay is hidden */
display:none;
	
/* some padding to layout nested elements nicely  */
padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
background-image:url(/upload/images/design/videoplayer/close.png);
position:absolute;
right:5px;
top:5px;
cursor:pointer;
height:35px;
width:35px;
}

div#vcontainer{
left:0;
top:0;
width:100%;
height:100%;	
background:url(/upload/images/design/videoplayer/loading.gif) no-repeat 50% 50%;
}

div#videogallery
{
margin-top: 40px;
}

body #contact_form table
{
width: 920px;
color: #454545;
margin-left: 30px;
}

body #contact_form td
{
font-size: 13px;
}

body #contact_form input
{
height: 23px;
width: 320px; /* old 263 */
background-color: #FDFDFD;
border: 1px solid #D6D6D6;
}

body #contact_form textarea
{
background-color: #FDFDFD;
border: 1px solid #D6D6D6;
width: 80%;
}

body #contact_form td
{
padding-top: 5px;
padding-bottom: 5px;
}

body #contact_form td.submit-button
{
text-align: right;
}

body #contact_form td.submit-button input
{
height: 30px;
width: 100px;
margin-right: 35px;
}

body #contact_form td span.contact-hr
{
border-bottom: 1px dashed gray;
display: block;
height: 1px;
margin-bottom: 10px;
margin-top: 10px;
width: 880px;
}


/*~°
Terms & conditions
*/

div#terms-conditions
{
padding-right: 3px;
}

div#terms-conditions p
{
text-align: justify;
}

div#terms-conditions h4
{
font-weight: normal;
}

/*~°
CUSTOM APPS
*/

div#custom-apps ul li
{
display: block;
float: left;
margin-left: 21px;
margin-bottom: 10px;
position: relative;
}

div#custom-apps ul li h3
{
background: none repeat scroll 0 0 #333333;
font-size: 16px;
font-weight: bold;
left: 1px;
margin: 0;
opacity: 0.8;
padding: 2px 0 5px 5px;
position: absolute;
top: 0;
width: 205px;
}

div#custom-apps ul li a
{
color: #fff;
}

div.inputListPack
{
position: absolute;
top: 440px;
}

/*~°
Pack Games 
*/

table.games-pack td, table.games-pack td img
{
vertical-align: top;
}

/*~°
ImagesRotator
*/

.imagesRotator ul
{
	position: relative;
}

.imagesRotator ul li
{
	width: 950px;
	height: 207px;
	position: absolute;
	top: 0;
	display: none;
}

/*~°
Video HOME
*/

#videos-home {
width : 427px;
padding: 13px 0px 10px 13px;
height : 322px;
background: url('/upload/images/design/home/youtube/videos-home-bg.jpg') top left no-repeat;
}

#video-player {
}

#video-list {
position: relative;
overflow: hidden;
width: 377px;
height: 61px;
float: left;
margin-top: 7px;
z-index: 999;
}
#video-list .items {
width: 20000em;
position: absolute;
clear: both;
}
#video-list a {
display: block;
float: left;
margin: 0 0 0 10px;
}
#video-list a img {
display: block;
opacity: .9;
border: solid 2px #182C33;
width: 78px;
height: 58px;
}
#video-list a:hover img {
opacity: 1;
border: solid 2px #D47059;
}
#video-list .current img {
opacity: 1;
border: solid 2px #D47059;
}

a.browse {
text-indent: -9999em;
outline: 0;
display: block;
width: 16px;
height: 16px;
float: left;
cursor: pointer;
margin-top: 29px;
background: url('/upload/images/design/home/youtube/arrow-bg.png') no-repeat;
}

/* right */
a.right { 
background-position: 0 -16px;
clear:right;
margin-right: 0px;
}
a.right:hover {
background-position: -16px -16px;
}
a.right:active {
background-position: -32px -16px;
} 

/* left */
a.left {
margin-left: 0px;
} 
a.left:hover {
background-position: -16px 0;
}
a.left:active {
background-position: -32px 0;
}
a.disabled {
visibility:hidden !important;		
}

#tooltip {
margin-top: 6px;
display: none;
font-size: 12px;
height: 52px;
width: 117px;
padding: 13px;
color: #fff;
background: url('/upload/images/design/home/youtube/tooltip-bg.png') no-repeat;
}