/*
************************************************************
*	(c) Tuto.com 
*
*	modifié le : 03-11-2011
*	modifié par : fabien thomas
*
************************************************************
*/


/* ------------------------------------------------------- */
/* SOMMAIRE
/* --------------------------
	01. GENERAL RESET
	02. LAYOUT
	03. HEADER
	04. MENU PRINCIPAL
	05. FOOTER
	06. ELEMENTS DE FORMULAIRES
	07. PAGE ACCUEIL
	08. PAGE RECHERCHE
	09. PAGE LOGICIEL
	10. PAGE SCREENCAST
	11. PAGINATION
	12. POPUP
	13. SLIMBOX
	14. NOTATION
	15. PANIER
	16. COMPTE UTILISATEUR
	17. CONTACT
	18. CREDITS
	19. UPLOAD
	20. STATIQUES
	21. MESSAGERIE
	22. FAQ
	23. MAGAZINE
	24. FORUMS
	25. INSCRIPTION
	26. THEME
	27. SONDAGES
	28. PROMOS
	29.	NEWSLETTER
	30.	STATS
	31.	MUR
	32.	CLASSEMENTS
	33.	TEMOIGNAGES
	34.	FORMATEURS
*/




	
a img {
	border: none;
}

/* ------------------------------------------------------- */
/* 1. GENERAL RESET
/* -------------------------- */

/* RESET STYLES */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: none;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ------------------------------------------------------- */
/* 2. LAYOUT
/* -------------------------- */
BODY {
	background-color: #171920;
	color: #aeaeae;
	text-align: center;
	font-size: 100.01%;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: scroll;
	overflow-x: auto;
}
html, body {
	/*height: 100%;*/
}
#zone-login {
	background: #0b0b0f url(http://i.wicast.fr/images/interface/header_bg_PixStretch.gif) bottom left repeat-x;
	margin: 0;
	padding: 0;
	height: 52px;
	position: relative;
	overflow: visible;
}
#login-wrapper {
	width: 955px;
	margin-left: 50%;
	left: -478px;
	bottom: 0;
	position: absolute;
	display: block;
	height: 100%;
	text-align: left;
}

#page {
	text-align: left;
	width: 955px;
	margin: 0 auto;
	/*min-height: 400px;*/
	padding-bottom: 450px;

}
div#wrapper {
	text-align: left;
	width: 100%;
	z-index: 1;
	position: relative;
	background-color: #1f212a;
	min-height: 100%;
	display: block;
}
#header { 
	margin-top: -3px;
	position: relative;
}

#logo {
	width: 300px;
	margin-left: 10px;
}
#page #logo-baseline {
	position: absolute; color: rgb(119, 119, 119); z-index: 120; width: 280px; text-align: center; font-size: 12px; color: #777; font-weight: normal;left:0;top:20px;
}
#logo-baseline a {color: #777; text-decoration:none;}
#page #logo-baseline.screencast a  {background:none;display:table-cell;height:30px;padding-right:34px;vertical-align:middle; color: #4A4D5F; font-size: 11px;}
#page #logo-baseline.screencast {top: 10px; text-align: left; line-height: 14px;}

#recherche {
	position: absolute; 
	right: 0;
	top: 8px;
	width: 580px;
}


#menu {
	display: inline;
	height: 57px;
	z-index: 1;
	background: #fff;
}
#arianne {
	margin: 0 0 12px 15px;
	font-weight: bold;
	color: #484b5b;
	position: relative;
}

#arianne p {
	margin: 0 !important;
	padding: 0
}


/* Colonnes X3 */
div#colGauche {
	width: 450px;
	float: left;
	padding: 10px 6px;
}
div#colCentre {
	margin-left: 12px;
	width: 200px;
	float: left;
	padding: 10px 0;
}
div#colDroite {
	width: 240px;
	float: right;
	padding: 10px 10px 0 0;
}


#recherche h1 {
	display: none;
}


/* Personnalisation des éléments */

ul {	margin: 10px 0;}

hr {
	clear: both; 
	margin: 10px 0; 
	border: none; 
	border-top: 1px solid #444449;
}

hr.clear {
	clear: both; 
	visibility: hidden;
	margin: 0;
}

strong {font-weight: bold;}

input {
	background: #e3e3e3; 
	color: #5c5c64;
}

/* Personnalisation des liens */
a { color: #7a7d8f;}
a:hover { color: #ca2b5e !important;}



/* Round corners */
span.corner  { 
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
}

span.tl {
	top: 0;
	left: 0;
	background-position: -20px 0;
}
span.bl {
	bottom: 0;
	left: 0;
	background-position: -20px -10px;
}
span.tr {
	top: 0;
	right: 0;
	background-position: -30px 0;
}
span.br {
	bottom: 0;
	right: 0;
	background-position: -30px -10px;
}



/* titrages */
#page h1 {  
	font-family: Arial, Helvetica, sans-serif;
	color: #f5e4cc; font-weight: bold; font-size: 1.3em;}

#page p {
	margin: 10px 0;
	line-height: 1.2em;
	font-size: 1em; 
	font-family: Arial, Helvetica, sans-serif;
}


/* centrage des paragraphes */
p.right {text-align: right;}






p.btAction a {
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #f5e4cc;
	text-decoration: none;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

p.btAction a span {
	display: block;
	font-size: 0.75em;
	font-weight: normal;
	color: #7a7d8f;
	padding-top: 2px;
}



div.btActionIcone {			max-width: 180px; height: 38px; }
div.btActionIcone.plus {	max-width: 213px; height: 38px; }

div.btActionIcone a {
	display: block;
	background:  url("/images/interface/boutons/bt_valider_right.gif") top right no-repeat;
	font-size: 1.1em;
	padding: 12px 7px 15px 7px;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	color: #f5e4cc;
	text-decoration: none;	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

div.btActionIcone.plus a{	margin-left: 43px; }				


/* Paragraphe d'accroche en haut de page */
p.heading {
	font-size: 1.2em !important;
	margin-bottom: 50px !important;
	color: #f5e4cc;
}					


/* emplacements publicitaires */
.pub 				{ display: none;}
.pubCarre p			{ background: #111; color: #ccc; width: 250px; height: 250px; }
.demiGratte-ciel	{ margin-left: 18px; }	
.demiGratte-ciel p	{ background: #111; color: #ccc; width: 160px; height: 320px; }		
.pub320x180 		{ margin-left: 62px; }	
.pub320x180 p		{ background: #111;	color: #ccc; width: 320px; height: 180px; }



/* personnalisatio des Tool-tips */

.tip                { width:195px; font-size: 10px;}  
.tip-top            { display: none; }  
.tip-title      { text-align: left; color:#111; font-size: 11px; font-weight:bold; margin:2px 0 0 5px; }  
.tip-text       { color:#333; text-align: left; margin: 2px 5px 5px 5px; padding-left: 0;}  
.tip-bottom     { display: none; }  

div.tipz {z-index: 100; background: #fff;}

.ico-recompense IMG {border: none; width: 12px;}

/*.tool-tip {
	color: #ccc;
	background: #ca2b5e;
	width: auto;
	z-index: 13000;
}

.tool-title {
	display: none;
}

.tool-text {
	font-size: 11px;
	padding: 4px 8px;
	background: url(bubble.png) bottom right;
}
*/

	
#profiler {
	width: 940px;
	margin: auto;
	left: -470px;
	display: block;
}





#popin-admin {
	position: fixed;
	top: 5px;
	left: 5px;
	z-index: 10000;
	width: 100px;
	padding: 10px;
	background: #000;
	text-align: left;
	font-size: 10px;
	display: none;
}
#popin-admin label{ cursor: pointer;}



.error-message {color: #ca2b5e;}














/* BACKGROUND */

span.corner,	
body#page-accueil #menu ul li.accueil,
body#page-logiciels #menu ul li.logiciels,
body#page-credits #menu ul li.credits,
body#page-forums #menu ul li.forums,
body#page-comment #menu ul li.comment,
body#page-contact #menu ul li.contact,
body#page-panier #menu ul li.panier,
body#page-compte #menu ul li.compte,
body#page-accueil #menu ul li.accueil a,
body#page-logiciels #menu ul li.logiciels a,
body#page-credits #menu ul li.credits a,
body#page-forums #menu ul li.forums a,
body#page-comment #menu ul li.comment a,
body#page-contact #menu ul li.contact a,
body#page-panier #menu ul li.panier a,
body#page-compte #menu ul li.compte a,
body#page-promos #menu ul li.promos,
body#page-promos #menu ul li.promos a,
.bigstars, 
.smallstars, 
div.btActionIcone.play, 
div.btActionIcone.buy, 
#formRecherche p label.bouton,
#login-wrapper #signin p.champ input,
.signin p.champ input,
#signin .btAction,
.signin .btAction,
#register .btAction,
#login-boutons p.btAction,
#menuLogiciels li a
{ 
background-image: url("/images/interface/interface_elts.png");
}




body#page-forums #menu ul li.forums,body#page-accueil #menu ul li.accueil,body#page-logiciels #menu ul li.logiciels,body#page-credits #menu ul li.credits,body#page-comment #menu ul li.comment,body#page-contact #menu ul li.contact,body#page-panier #menu ul li.panier,body#page-compte #menu ul li.compte,body#page-promos #menu ul li.promos {
background-position: -769px 0;
background-color: #2f323d;
}

body#page-forums #menu ul li.forums a,body#page-accueil #menu ul li.accueil a,body#page-logiciels #menu ul li.logiciels a,body#page-credits #menu ul li.credits a,body#page-comment #menu ul li.comment a,body#page-contact #menu ul li.contact a,body#page-panier #menu ul li.panier a,body#page-compte #menu ul li.compte a,body#page-promos #menu ul li.promos a {
background-position: right 0;
}




#formRecherche p label.bouton { 
	background-position: -180px 0;
}

#formRecherche p label.bouton:hover { 
	background-position: -180px -136px;
}


#login-wrapper #signin p.champ input, .signin p.champ input  { 
	background-position: -233px 0;
}



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

/* */

#signin .btAction, .signin .btAction {
	background-position: -964px -38px;
	background-repeat: no-repeat;
}			

#register .btAction {
	background-position: -964px -60px;
	background-repeat: no-repeat;
}

#login-boutons p.signBouton {
/*	background: #0b0b0f url("/images/interface/icones/flecheBas_roseSurGrisBleuFonce.gif") 201px 17px no-repeat;*/
}		
#login-boutons p.signBouton.actif {
background-image: none;
}

#login-boutons p.btAction {
	background-position: -924px -85px;
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 227px;
	height: 39px;
}

#grosChampRecherche {
/*background: url("/images/interface/corners/grosseRecherche_center.gif") center center repeat-x;*/
}



#formRecherche p  { 
background: url("/images/interface/corners/grosseRecherche_left.gif") center left no-repeat; 
}			

#formRecherche p label.champ { 
/*background: url("/images/interface/corners/grosseRecherche_right.gif") center right no-repeat;*/
}

#menu ul li.panier, #menuFooter ul li.panier {
background:  url("/images/interface/icones/panier_grisSurBleuMoyen.gif") bottom left no-repeat;
}


#menu ul li.panier a, #menuFooter ul li.panier a {
background:  url("/images/interface/icones/flecheDroite_griseSurGrisBleuMoyen.gif") right 9px no-repeat;
}


#menuFooter ul li.panier a {
/*background:  url("/images/interface/icones/flecheDroite_griseSurGrisBleuMoyen.gif") 9px right no-repeat;*/
}			
#menuFooter ul li.panier {
background:  url("/images/interface/icones/panier_grisSurBleuFonce.gif") bottom left no-repeat;
}			


#menuLogiciels li a {
	background-position: -990px -128px;
	background-repeat: no-repeat;
}

div.btActionIcone {
background:  url("/images/interface/boutons/bt_valider_left.gif") top left no-repeat;
}

div.btActionIcone.plus {
background:  url("/images/interface/boutons/bt_valider_leftPlus.gif") top left no-repeat;
}


div.vignette {
background:  url("/images/interface/vignette/bg_vignette_bleu.gif") bottom center no-repeat;
}


div.vignette.star {	
background:  url("/images/interface/vignette/bg_vignette_rose.gif") bottom center no-repeat;
}




body#page-accueil #menuFooter ul li.accueil, body#page-logiciels #menuFooter ul li.logiciels,
body#page-credits #menuFooter ul li.credits, body#page-comment #menuFooter ul li.comment,
body#page-contact #menuFooter ul li.contact {
/*background: #2a2b35 url("/images/interface/corners/menuFooter_left.gif") left -1px no-repeat;*/
}
body#page-accueil #menuFooter ul li.accueil a, body#page-logiciels #menuFooter ul li.logiciels a,
body#page-credits #menuFooter ul li.credits a,	body#page-comment #menuFooter ul li.comment a,
body#page-contact #menuFooter ul li.contact a, body#page-compte #menuFooter ul li.compte a {
/*background:  url("/images/interface/corners/menuFooter_right.gif") right -1px no-repeat;*/
background: #2a2b35;
color: #ca2b5e;
}


#formRecherche2 p  { 
/*background: url("/images/interface/corners/rechercheFooter_left.gif") top left no-repeat;*/
}
#formRecherche2 p label.champ { 
/*background: url("/images/interface/corners/rechercheFooter_right.gif") top right no-repeat; */
}
#formRecherche2 p label.bouton {
/*background: url("/images/interface/boutons/bt_rechercheFooter_ok.gif") center center no-repeat;*/
}

#formRecherche2 p label.bouton:hover {
/*	background-image: url("/images/interface/interface_elts.png");
	background-position: -179px -136px;
*/
}

.mootabs_title li.active {
background: #2b2b39 url("/images/interface/fonds/bg_tabs_on.gif") top left no-repeat;
}







/* CONTENT, pour les pages multicolonne */			
#content-logiciels{
/*background: url(/images/interface/fonds/bg_page_logiciels.gif) top left;*/
}

/* ------------------------------------------------------- */
/* 3. HEADER
/* -------------------------- */
#login-wrapper #signin {
	position: absolute;
	bottom: 52px;
	width: 340px;
	left: 120px;
	height: 150px;
}

#login-wrapper #signin span {	
	display: none;
}
#login-wrapper #signin input {	
	border: none;
	width: 177px;
	height: 16px;
	padding: 6px 14px !important;
	font-size: 1.1em;
}
#login-wrapper #signin p.champ  { 
	display: block;
	margin: 6px 0;
}
#login-wrapper #signin p.champ label { 
	display: block;
	width: 197px;
}

#signin .btAction {	
	padding: 4px 0 4px 45px;
	margin: 10px 0 0 0;
}
#signin p.oubli {
	margin: 10px 0 0 45px;
}

#login-wrapper #register {
	position: absolute;
	bottom: 82px;
	width: 360px;
	right: 20px;
	padding: 10px 20px 0 60px;
	border-left: 1px solid #333;
	height: 120px;
}

#login-wrapper #register p.avantages {
	margin: 6px 0 10px 0;
	color: #7a7d8f;
	font-weight: normal !important;
	font-size: 12px;
	line-height: 1.2em;
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
}

#register .btAction {
	padding: 5px 0 4px 45px;
	margin-top: 15px;
}



#login-wrapper h2 {	
	color: #ca2b5e;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}	

#login-wrapper h2 span {
	color: #484b5b;
	text-transform: none;
}

#login-boutons {
	position: absolute;
	bottom: 9px;
	right: 0;
	width: 458px;
	overflow: hidden;
	padding: 0;
}
#login-boutons p {
	margin: 0;
	height: 37px;
}
#login-boutons p a {
	float: left;
	display: block;
	padding-top: 10px;
}
#login-boutons p.signBouton {
	float: left;
	width: 230px;
	padding-top: 6px;
	font-size: 0.8em;
	margin-right: 0;
}
#login-boutons p.signBouton a#sign-toggler {
	padding: 10px 0;
	width: 100%;
	color: #ca2b5e;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}
#login-boutons p.btAction {
	padding-bottom: 4px;
}
#login-boutons p.btAction a {
	padding-left: 55px;
}


#login-boutons p.actif span {
	color: #ca2b5e;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	padding: 4px 0px 3px 0px;
}

#login-boutons p.actif a {
	text-align: center;
	text-decoration: none;
	text-transform: none;
	display: block !important;
	width: 99.5%;
	padding: 0;
	color: #7a7d8f;
}

#formRecherche p  {
	float: left;
	margin-left: 30px;
}
#formRecherche p label.champ {
	display: block;
	padding: 0 6px;
	float: left;
}
#formRecherche p label.bouton {
	display: block;
	float: right;
	margin: 10px 0 0 10px;
	cursor: pointer;
}

#formRecherche p label.bouton input {
	background: transparent;
	border: none;
	height: 30px;
	width: 52px;
	visibility: hidden;
	cursor: pointer;
}

#formRecherche p span { 
	display: none;
}

#grosChampRecherche {
	width: 470px;
	padding: 11px 0 10px 0 !important;
	font-size: 1.5em;
	margin: 4px 0 4px 0;
	text-indent: 10px;
	color: #929090;
	border: none;
}



	#zone-login {	background: url(http://i.wicast.fr/images/interface/HP/01.Barre-haut/barrebg.png) repeat-x right top;}
	#login-wrapper {	background: url(http://i.wicast.fr/images/interface/HP/01.Barre-haut/barre02.png) no-repeat -18px top; }
	#login-boutons p.signBouton {
	background: url(http://i.wicast.fr/images/interface/HP/puecef.png) no-repeat scroll 196px 21px;
	}
	#login-boutons p.signBouton {	float:right;}
	#login-boutons p.signBouton a#sign-toggler {padding:14px 0;}

	#login-boutons {
		bottom:0;
		height:52px;
		width: 205px;
	}
	
	#login-wrapper #nl-box {
		bottom:1px;
		height:51px;
		right:215px;
		position:absolute;
		width:400px;
		background: url(http://i.wicast.fr/images/interface/icones/newsenve.png) center left no-repeat;
		padding-left: 38px;
	}
	#login-wrapper #nl-box a{ text-decoration: none; font-size: 11px; }
	#nl-box h2 {margin: 12px 0 1px 0; color:#F5E4CC;}
	#nl-box form {float: right; margin: 14px 8px 0 0;}
	#chp-mailnewsletter {
		width:135px; height: 20px; border: none; 
		padding-top: 3px;
		padding-left: 4px;
		vertical-align: middle;
		display: table-cell;
		background: url(http://i.wicast.fr/images/interface/HP/nl_champ.png) no-repeat top right;
		float: left;
		color: #ccc;
	}
	#add-box {
		background: url(http://i.wicast.fr/images/interface/HP/puceajout.png) no-repeat 0 2px;
		bottom:0;
		height:42px;
		right:215px;
		position:absolute;
		width:200px;
		padding-left: 34px;
	}
	#fave-box {
		background: url(http://i.wicast.fr/images/interface/icones/puce_coeur_favoris.png) no-repeat 0 7px;
		bottom:0;
		height:42px;
		line-height: 25px;
		right:450px;
		position:absolute;
		padding-left: 21px;
		width:100px;
	}
	#fave-box a {color: #999; font-size: 12px; text-decoration: none;}	
	#formRecherche p label.champ {background: none;}
	#grosChampRecherche {float: left;}
	#login-boutons p.signBouton.actif {	margin-top: 2px;}




ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}
ul.autocompleter-choices li a {	padding: 3px 1em; text-decoration: none; display: block; position: relative;}
ul.autocompleter-choices li a:hover {	color: #ccc !important;}
ul.autocompleter-choices li em {	font-family: arial; position: absolute; right: 10px; color: #999; font-size: 11px; }

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.5em;
	color: #666;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#383B48;
	color:					#eee;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#fff;
}




/* ------------------------------------------------------- */
/* 	4. MENU PRINCIPAL
/* -------------------------- */

#menu ul {
	padding-left: 0;
	padding-top: 14px;
}



		
		#menu ul li { font-weight: bold; float: left; margin: 0 7px -2px 0; }

			body#page-forums #menu ul li.forums a, body#page-accueil #menu ul li.accueil a, body#page-logiciels #menu ul li.logiciels a,
			body#page-credits #menu ul li.credits a , body#page-comment #menu ul li.comment a.more, body#page-promos #menu ul li.promos a,
			body#page-contact #menu ul li.contact a, body#page-panier #menu ul li.panier a, body#page-compte #menu ul li.compte a,
			#menu ul li a:hover, #menuFooter ul li a:hover, #menuLogiciels li a:hover  {
				color: #ca2b5e;
			}
			 
			#menu ul li.compte {margin-right: 0px;}
			
			
			#menu ul li.panier, #menuFooter ul li.panier { float: right; padding-left: 29px; }
			#menu ul li.panier a, #menuFooter ul li.panier a {
				display: block;
				padding: 6px 6px;
				font-weight: bold !important;
				font-size: 1em;
				font-family: Verdana;
				padding-right: 14px;
				color: #f5e4cc;
			}
			
			#menu ul li.panier span.actif, #menuFooter ul li.panier a span.actif{
				color: #ca2b5e;
			}
	
			
						
			#menuFooter ul li.panier {		margin-top: -15px;	}			
		
			
			#menu ul li.panier a span, #menuFooter ul li.panier a span {
				text-transform: none;
				font-size: 0.8em;
				padding-top: 2px;
				display: block;
				font-weight: bold;
				color: #7a7d8f;
			}			

					
			#menu ul li a{				margin-left: 4px; font-weight: bold; display: block; padding: 6px 5px; min-width: 80px; }
			#menu ul li a, 
			#menu ul li span { font-size: 1.1em; text-transform: uppercase; color: #f5e4cc; text-decoration: none; }	
			#menu ul li span {	display: block; font-size: 0.7em; color: #7a7d8f; padding-top: 2px; }

	
			#menu ul li.accueil {position: relative;}
			#menu ul li.accueil a {padding-bottom: 2px;}
			#menu ul li.accueil span {position: absolute; left: 46px; font-size: 1.1em; top:4px; color: #f5e4cc;}
			#page-accueil #menu ul li.accueil span {color: #ca2b5e;}
			
			#menu ul li em {color:#7A7D8F; text-transform: uppercase; font-size: 9px; padding: 0 6px 6px 10px; display:block;}


	#zone-logiciels { clear: both; height: 0;margin: -12px 16px 20px 0;background: #2f323d; overflow: hidden;  }

		#menuLogiciels 		{	padding: 10px 0px 20px 0; }
		#menuLogiciels div, .liste-logiciels div  { 	float: left; width: 165px; margin-left: 14px; padding-top: 20px; }
		#menuLogiciels h2   { 	color: #aeaeae; font-size: 1.1em; text-transform: uppercase; }
		#menuLogiciels ul, .liste-logiciels ul   {	margin-left: 5px; }
		#menuLogiciels li, .liste-logiciels li   {	padding: 2px 0 2px 0px; width: 180px;}		
		#menuLogiciels li a, .liste-logiciels li.a {	text-decoration: none; color: #f5e4cc; padding-left: 14px; }
		#menuLogiciels li.actif, #menuLogiciels li.actif a {	color: #ca2b5e !important;}
		
		.liste-logiciels {
			padding: 20px;
		}
		.liste-logiciels h2   { 	color: #f5e4cc; font-size: 1.1em; text-transform: uppercase; }

		

#menu ul {
	margin-top: 20px;
}



/* ------------------------------------------------------- */
/* 	5. FOOTER
/* --------------------------*/
#footer {
	background: #0b0b0f;
	padding-top: 24px;
	height: 390px;
	width: 100%;
	position: absolute;
	bottom: 0;
}





	#footer p.logo  {	float: left; margin: -3px 10px 0 20px;}
	#footer a 		{	text-decoration: none;}	
	#footer-wrapper {	text-align: left; width: 955px; margin: 0 auto; position: relative; }
	
	#menuFooter {		height: 24px; padding-top: 4px;}
	
	#menuFooter ul li   { 
		float: left; 
		margin-left: 20px;
		background-image: none;
	}
	#menuFooter ul li a { 
		display: block;
		font-size: 0.9em;	
		text-transform: uppercase; 
		font-weight: bold;
		text-decoration: none;
		color: #f5e4cc;
		padding: 5px 6px;
		-moz-border-radius: 2px 2px;
		-webkit-border-radius : 3px 3px;

}




	#footer div.links 	 {	float: left; width: 180px; margin: 25px 0 0 20px; height: 200px; }
	#footer div.links h4 {	font-weight: bold; color: #aeaeae; }	
	#footer div.links li {	padding: 1px;}
	



	

	#formRecherche2 {
		position: absolute;
		right: 0;
		top: 68px; 
		width: 348px;
	}
	#formRecherche2 p  { float: left; }
	#formRecherche2 p label.champ  { display: block;	padding: 0 5px;	float: left; }
	#formRecherche2 p label.bouton { display: block;	float: right; margin: 1px 0 0 10px; cursor: pointer; }
	
	#formRecherche2 p label.bouton input {
		background: transparent;
		border: none;
		height: 30px;
		width: 52px;
		visibility: hidden;
		cursor: pointer;	
	}
	
	#formRecherche2 p span { display: none;}

	#grosChampRecherche2 {
		width: 228px;
		background: #fff;
		height: 24px;
		padding: 7px 20px 0 20px;
		font-size: 1.3em;
		color: #929090;
		border: none;
	}
	
	

	#footer .tagCloud {	margin-top: 70px; width: 300px; float: right;	margin-right: 40px; }
	
	.tagCloud a { text-decoration: none; white-space: nowrap; }
	.tagCloud a.h1, .tagCloud a.h2, .tagCloud a.h3, .tagCloud a.h4, .tagCloud a.h5, .tagCloud a.h6 {
		float: left; padding: 0 4px; height: 18px; display: block;}
	
	
	.tagCloud h1 a, .tagCloud a.h1 {	padding-top: 0px; display: block; font-size: 1.3em; color: #38393D; }
	.tagCloud h2 a, .tagCloud a.h2 {	padding-top: 1px; display: block; font-size: 1.4em; color: #4B4C50; text-transform: none; }
	.tagCloud h3 a, .tagCloud a.h3 {	padding-top: 3px; display: block; font-size: 1.1em; color: #4B4C50; }
	.tagCloud h4 a, .tagCloud a.h4 {	padding-top: 4px; display: block; font-size: 1em; color: #2c2c32; }
	.tagCloud h5 a, .tagCloud a.h5 {	padding-top: 4px; display: block; font-size: 0.9em; color: #666; }
	.tagCloud h6 a, .tagCloud a.h6 {	padding-top: 5px; display: block; font-size: 0.8em; color: #aeaeae; }

	
	.footer-apps-links {	color: #7A7D8F; text-align: center; margin-bottom: 25px; padding: 0 100px; }
	.footer-apps-links em {	display: block; text-align: center; padding-bottom: 5px;}
	.footer-apps-links a {	color:#484B5B;	}
	
	#footer p.legals { text-align: center; color: #1f212a; font-size: 0.9em; font-weight: bold; padding: 0px 0; }



	#footer {background: #0B0B0F url(http://i.wicast.fr/images/interface/06.footer/fond01.png) 0 0 repeat-x; height: 430px;}
	#footer div.links {margin: 25px 35px 0 0; width:160px;}

	#footer .footer-apps-links h4, #footer div.links h4  {text-transform: uppercase; color: #f9f9f9; font-size: 12px; font-weight: normal;}

	#footer .links ul  {margin: 8px 0 25px 0;}
	#footer div.links a  {width: 140px; display: block; color: #666; padding: 1px 0;}
	#footer div.links li  {width: 140px; border-bottom: 1px solid #1f212A; }
	#footer .footer-apps-links {clear: both; text-align: left; margin-left: 0; padding-left: 0; margin-top: 20px;}
	#footer .footer-apps-links p {line-height: 11px; margin-top: 7px; color: #666; font-size: 10px;}
	#footer .footer-apps-links p a{color: #666;}
	
	#footer .links ul li.ico {padding-left: 20px;}
	#footer .links ul li.fa {background: url(http://i.wicast.fr/images/interface/06.footer/facebook.png) 3px 2px no-repeat;}
	#footer .links ul li.rss {background: url(http://i.wicast.fr/images/interface/06.footer/rss.png) 1px 1px no-repeat;}
	#footer .links ul li.tw {background: url(http://i.wicast.fr/images/interface/06.footer/twitter.png) 1px 0px no-repeat;}
	#footer .links ul li.blog {background: url(http://i.wicast.fr/images/interface/06.footer/blog.png) 0px 2px no-repeat;}
	#footer .links ul li.fo {background: url(http://i.wicast.fr/images/interface/06.footer/bulle.png) 1px 3px no-repeat;}
	#footer .links ul li.da {background: url(http://i.wicast.fr/images/interface/06.footer/dayli.png) 2px 2px no-repeat;}

	#footer .links ul li.player a {padding: 6px 0 0 20px; margin-left: -20px; background: url(http://i.wicast.fr/images/interface/06.footer/player.png) 0 0 no-repeat; margin-top: -4px; color: #CA2B5E;}
	
	#rightFooterCol {position: relative; float: right; margin: -24px; width: 370px; background: url(http://i.wicast.fr/images/interface/06.footer/fond02.png) 0 0 no-repeat; }
	
	#formRecherche2 {top: 0; left: 0; position: relative; height: 40px; margin: 35px 0 20px 20px;}
	
	#grosChampRecherche2 {border: 1px solid #666666; background: #383B48; color: #d3d3d6; float: left; font-weight: normal; font-size: 12px; height: 20px; padding: 7px 0 0 10px; -moz-border-radius: 3px 0 0 3px;} 
	#formRecherche2 p {background: none;}
	#formRecherche2 p label.champ {background: none;}
	
	#footer h4.part  {margin-left: 24px; text-transform: uppercase; color: #777; font-size: 12px; font-weight: normal;}
	#footer .tagCloud {float: none; margin: 12px 0 0 20px;}
	
	#footer div.about {position: relative; float: none; width: 100%; border-top: 1px solid #1f212A; padding: 4px; }
	#footer div.about p.legals {margin-top: 20px; font-weight: normal; font-size: 10px; float: right; text-align: right; color: #333; line-height: 12px !important;}
	#footer div.about p.legals a, #footer div.about p.legals strong { font-weight: normal; color: #666;}
	
	#footer .goToTop {position: absolute; right: 0; top: -26px;}
	#footer .goToTop a {text-transform: uppercase; color: #777;}
	#footer .goToTop IMG  {margin-left: 4px;}
	
	#footer .partners{margin-top:10px;}
	#footer .partners a, #footer .partners span{height:40px;display:block;float:left;overflow:hidden;margin-right:10px;}
	#footer .partners a:hover IMG, #footer .partners IMG{opacity :0.6;-moz-opacity :0.6;-ms-filter:"alpha(opacity=60)";filter :alpha(opacity=60);}
	#footer .partners a:hover IMG, #footer .partners span:hover IMG{opacity :0.9;-moz-opacity :0.9;-ms-filter:"alpha(opacity=90)";filter :alpha(opacity=90);}

	

/* ------------------------------------------------------- */
/* 6. ELEMENTS DE FORMULAIRES
/* -------------------------- */





/*
 *	INSCRIPTION
 */	
 
 
 body#page-accueil #argumentaire {
 	width: 400px;
 	margin: 20px 0 20px 40px;
 	float: left;
 	height: 200px;
 	padding: 10px 50px 0 0;
 	border-right: 1px solid white;
 }
 
	 form#formInscription {
		float: left;
		margin: 20px 0 0 50px;
		width: 350px;
	 }
	 form#formInscription p.champ input{
		padding: 2px;
		border: 1px solid white;
	 }
		form#formInscription p.champ input {
				border: none;
				width: 177px;
				height: 20px;
				padding: 6px 10px 1px 10px;
				font-size: 1.1em;
			}

	 	
			form#formInscription p.champ  { 
				/*background: url("/images/interface/corners/sign_champ_left.gif") 16px left no-repeat; */
				display: block;
				margin: 10px 0 2px 0;
			}
			
			form#formInscription p.champ strong  { 
				font-size: 1.1em;
				margin-left: -4px;
				height: 16px;
				display: block;
			}
			
			form#formInscription p.champ label { 
				/*background: url("/images/interface/corners/sign_champ_right.gif") 16px right no-repeat;*/ 
				display: block;
				width: 197px;
				padding: 0 4px;
			}
			 
	 		form#formInscription div.error {
	 			color: red;
	 			font-size: 0.9em;
	 			padding: 0;
	 		}
	




/*
 *	FORMULAIRES EDIT
 */
 
 		

	
			
		form.edit h1 {
			margin-left: -10px;
		}
	
	
	
	
	
		form.edit p.champ input {
				border: none;
				width: 200px;
				height: 15px;
				padding: 6px 10px;
				font-size: 1.1em;
			}

	 	
			form.edit p.champ  { 
				background: transparent url(http://i.wicast.fr/images/interface/corners/sign_champ_left.gif) 0 16px no-repeat; 
				/*background: transparent url(http://i.wicast.fr/images/interface/corners/sign_champ_left.gif) 16px left no-repeat;*/ 
				display: block;
				margin: 10px 0 2px 0;
				clear: both;
				float: left;

			}

			form.edit p.champ span { 
				clear: both;
				display: block;
				font-size: 0.9em;
				font-style: italic;
			}
	
			form.edit p.champ span, form.edit p.champ select, form.edit p.champ textarea  { 
				margin-left: -4px;
			}
			
			form.edit p.champ strong  { 
				font-size: 1.1em;
				margin-left: -4px;
				height: 16px;
				display: block;
				color: #fff;
			}
			
			form.edit p.champ label { 
				background: transparent url("/images/interface/corners/sign_champ_right.gif") right 16px no-repeat; 
				display: block;
				width: 220px;
				padding: 0 4px;
			}
			 
	 		form.edit div.error {
	 			color: red;
	 			font-size: 0.9em;
				float: left;
				padding: 33px 0 0 14px;

	 		}
	 		
	 		form.edit p.champ.none, 
			form.edit p.champ.none label   { 
				background: none;
			}
			
			form.edit textarea {
				background: #eee;
				border: none;
				width: 210px;
				padding: 6px 10px;
				font-size: 1.1em;
				color: #5c5c64;
			}
			form.edit select {
				background: #eee;
				border: none;
				width: 226px;
				padding: 3px 0 3px 10px;
				line-height: 25px;
				font-size: 1.1em;
				color: #5c5c64;
				display: block;
			}
			
			
			
			div.fieldbox {
				display: block;
				position: relative;
				width: 700px;
			}

			div.fieldbox p {
				width: 450px;
			}
			
			p.field_desc {
				width: 180px !important;
				position: absolute;
				right: 0;
				top: 0;
				background: #ca2b5e;
				padding: 10px;
				color: #fff;
				-moz-border-radius: 2px 2px;
				-webkit-border-radius: 3px 3px;
			}
			p.field_desc img{
				position: absolute;
				left: -15px;
			}


/* ------------------------------------------------------- */
/* 7. HOME
/* -------------------------- */
#home-content, #magazine-content {
	background: url("/images/interface/fonds/bg_home_argumentaire.png") 0 0 repeat-x;
	padding-top: 10px;
	width: 880px;
	margin: 0 auto;
	position: relative;
}
#home-content span.tl, #home-content span.tr, #magazine-content span.tl, #magazine-content span.tr {
	width: 5px;
	height: 5px;
	display: block;
	position: absolute;
	top: 0;
}

#home-content span.tl, #magazine-content span.tl {
	background: url("/images/interface/interface_elts.png") -179px -32px no-repeat;
	left: 0;
}

#home-content span.tr, #magazine-content span.tr {
	background: url("/images/interface/interface_elts.png") -184px -32px no-repeat;
	right: 0;
}


div#carroussel, div.about 	{
	float: left; 
	width: 470px;
	color: #ccc;
}
/*
.carroussel {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: #000; 
	width: 511px; 
	height: 248px; 
	overflow: hidden; 
	float: left;
}

#carroussel ul li {
	height: 62px;
	background: #1d1d15 url("/images/icones/bg_degradeAccroche.png") 0 0 repeat;
	color: #999;
	text-transform: uppercase;
	padding: 0 20px 0 25px;
	cursor:  pointer;
	font-size: 11px;
	visibility: hidden;
}
#carroussel ul li span{
	height: 62px;
	display: table-cell;
	vertical-align:  middle;
	visibility: hidden;
}
#carroussel #infos {
	position: absolute;
	bottom: 0px;
	height: 64px;
	width: 440px;
	visibility: hidden;
}
#carroussel #infos h4{
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	margin: 8px 0 8px 10px;
}	
#carroussel #infos p {
	color: #fff;
	font-size: 12px;
	margin: 0 10px;
}
div#carroussel div.ombre {
	width: 7px;
	position: absolute;
	left: 440px;
	top: 0;
	height: 250px;
	background: transparent url("/images/icones/bg_ombre_accroche.png") 0 0 repeat;
	visibility: hidden;
}
*/
div#carroussel {
	position: relative; 
	width: 450px; /*511px;*/
	border: none; 
	margin-top: 10px;
	height: 210px; /*246px;*/ 
	overflow: hidden; 
	float: left;
	border: 3px solid #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
div.about {
	margin-top: 6px;
}
div.about p {
	line-height: 134% !important;
}

div#edito { 
	float: left;
	width: 350px;
	color: #7a7d8f;
	padding: 0 20px;
}
div#edito p { 
	margin: 6px 0 10px 0 !important;
	min-height: 30px;
}


	div#edito p.commencer img {
		margin: 5px 0 15px 0;
	}
	div#edito div.step1 span {
		background: url("/images/interface/interface_elts.png") -440px 0 no-repeat;
	}

	div#edito div.step2 span {
		background: url("/images/interface/interface_elts.png") -483px 0 no-repeat;
	}

	div#edito div.step3 span {
		background: url("/images/interface/interface_elts.png") -526px 0 no-repeat;
	}

	div#edito div.step4 span {
		background: url("/images/interface/interface_elts.png") -569px 0 no-repeat;
	}

	div#edito div.actif,div#edito div.actif a  { 
		-webkit-opacity: .5;
		opacity: .5;
		-moz-opacity: .5;
	}
div#edito span{
		width: 43px;
		height: 43px;
		float: left;
		display: block;
		text-indent: 100px;
		overflow: hidden;
		clear: both;
		margin: 0 16px;
}

div#edito h2 a{ 
	padding-top: 4px;
	display: block;
	font-size: 1.4em;
	font-weight: bold;
	text-decoration: none;
	color: #f5e4cc;
}



div#selection {
	padding: 24px 0 20px 0;
}	
div#selection h1, div#classements h1 {
	text-indent: 15px;
}
div#selection h1 span {
	color: #7a7d8f;
	font-style: italic;
}
div#selection p.right a {
	margin-right: 32px;
	text-decoration: none;
	color: #ccc;
}

div.vignette {
	width: 197px;
	padding: 0;
	position: relative;
	float: left;
	margin: 0 5px 0 30px;
}


div#classements h2 a {
	width: 19px;
	height: 18px;
	overflow: hidden;
	text-indent: -300px;
	background: url("/images/interface/interface_elts.png") -862px -37px no-repeat;
}
div#classements h2 a:hover {
	background: url("/images/interface/interface_elts.png") -862px -57px no-repeat;
}


div.vignette h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #f5e4cc; 
	font-size: 1em;
	font-weight: bold;
	margin: 5px 0 15px 0;
	text-align: center;
	text-transform: uppercase;
}
div.vignette h3 a {
	color: #f5e4cc;
	text-decoration: none;
}
div.vignette h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 1px 0 -1px 0;
	height: 13px;
	overflow: hidden;
}

div.vignette div.content {
	position: relative;
	padding: 10px 0 14px 12px;
}
div.vignette div.infos {
	position: absolute;
	top: 10px;
	width: 173px;
	height: 25px;
	background:  url("/images/interface/vignette/bg_vignette_title.png") top left;
	padding-left: 2px;
	color: #1f212a;
	z-index: 50;
	overflow: hidden;
	margin-left: 0;
}

div.vignette div.infos a 		{	
	color: #1f212a;
	text-decoration: none;
}
div.vignette div.infos a:hover 	{	
	color: #ca2b5e;
}
div.vignette p {
	margin: 0 !important;
	padding: 0;
	font-size: 0.8em !important;
}
div.vignette p.auteur {
	color: #f5e4cc;
}
div.vignette p.auteur a {
	color: #f5e4cc;
	font-weight: bold;
	text-decoration: none;
}
div.vignette p.auteur, div.vignette p.stats {
	font-size: .85em !important;
	line-height: 11px !important;
}
div.vignette p.visuel a {
	position: relative;
	display: block;
}
div.vignette p.visuel IMG {
	width: 175px;
	height: 98px; 
}		
div.vignette p.visuel IMG.cache {
	z-index: 50;
	width: 175px;
	height: 98px;
	position: absolute;
	top: 0px !important;
	left: 0;
}

div.vignette span.creative{
	width: 18px;
	height: 18px;
	display: block;
	background: red;
	position: absolute;
	bottom: 15px;
	right: 10px;
	background: url("/images/interface/interface_elts.png") -924px -229px no-repeat;
}



p.v_nouveaute {
	color: #ca2b5e !important;
	text-align: center;
}
p.v_gratuit {
	color: #1eb4ab !important;
	text-align: center;
}
p.v_none{
	display: none;
}

div#classements {
	padding-bottom: 30px;
}
div#classements h2 {
	margin: 8px 0 14px 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #ccc;
}
div#classements h2 a {
	float: left;
	margin: -3px 4px 0 0;
}
div#classements div.classement {
	float: left;
	width: 290px;
	margin-left: 24px;
}


div#classements div.classement li {
	padding: 2px;
	color: #fff;
	margin-left: 5px;
}
div#classements div.classement li a {
	color: #aeaeae;
	text-decoration: none;
	padding-left: 4px;
}

div#classements div.classement li:before {
	content: " › ";
}

div#classements div.classement li a:hover {
	color: #ca2b5e;
}



/* ------------------------------------------------------- */
/* 8. RECHERCHE
/* -------------------------- */
.liste-logiciels div{
	width:190px;
	margin:0 38px;
}
.liste-logiciels ul{
	margin:0;
	padding:0;
	border-top:solid 2px #3c3e4a;
}
.liste-logiciels ul li{
	height:20px;
	margin:0;
	padding:0;
	position:relative;
}
.liste-logiciels ul li.alt{
	background:#15161c;
}
.liste-logiciels ul li a{
	text-decoration:none;
	display:block;
	color:#aeaeae;
	padding-left:10px;
	line-height:20px;
}
.liste-logiciels ul li .nbtuts{
	position:absolute;
	display:block;
	top:5px;
	right:5px;
	color:#FFF;
	font-weight:bold;
}
.liste-logiciels div.clear{
	float:none;
}


.liste-logiciels ul li a:hover{
	color:#FFF !important;
	background-color:#ca2b5e;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}



div.resultats
{
	width:670px;
	border-right:1px solid #484b5b;
	overflow:hidden;
	float:left;
	padding:20px;
}

div.resultats h1
{
	margin-left:30px;
	font-weight:400;
}

div.resultats h2
{
	margin-left:5px;
	float:left;
	width:300px;
}

div.tri p
{
	color:#f5e4cc;
	text-align:right;
	margin:0!important;
}

div.tri span
{
	color:#484b5b;
}

div.tri hr
{
	clear:both;
	margin:5px 0 30px;
}

div.resultats div.infos
{
	margin-left:15px;
	float:left;
	width:400px;
}

div.resultats div.infos img
{
	float:left;
	margin-right:8px;
	width:85px;
	height:47px;
	border:2px solid #484b5b;
}

div.resultats div.infos h3
{
	font-weight:700;
	color:#f5e4cc;
}

div.resultats div.infos h3 a
{
	font-weight:700;
	color:#f5e4cc!important;
	text-decoration:none;
}

div.resultats div.infos p.desc
{
	height:34px;
	border-bottom:1px solid #484b5b;
	width:250px;
	float:left;
	color:#cccbc9;
	margin:5px 0!important;
}

div.resultats div.infos p.stats
{
	color:#7a7d8f;
	font-size:.9em!important;
	clear:both;
}

div.resultats div.infos p.stats span
{
	display:block;
	float:left;
	width:250px;
}

div.resultats div.infos p.stats span.logiciel
{
	display:block;
/*	float:left;
	width:140px;
	text-align:right;*/
}

div.resultats div.infos p.stats span.preview
{
	background: url("/images/interface/interface_elts.png") no-repeat  -989px -151px;
	display:block;
	float:right;
	padding-left: 14px;
	width:100px;
	margin-right: 16px;
	text-align: left;
	margin-top: -14px;
}

div.resultats div.credits
{
	float:left;
	margin-left:30px;
	width:120px;
	padding-top:1px;
}

div.resultats p.credits
{
	height:8px;
	font-size:1.6em!important;
}

div.resultats p.credits span
{
	font-size:.7em!important;
}

div.resultats p.nouveaute
{
	margin:0!important;
}

div.resultats p.nouveaute span
{
	font-size:.9em;
}

div.resultats div.etoiles
{
	float:left;
	padding-top:8px;
	height:50px;
	width:100px;
}

div.recherche-more
{
	width:210px!important;
	float:left!important;
	padding:30px 0 0 20px !important;
}

#colDroite div.infos
{
	margin-left:20px;
}

ul.criteres
{
	list-style-image:url("/images/interface/icones/flecheDroite_griseSurGrisFonce.gif");
	margin:20px 0 0 20px;
}

ul.criteres li
{
	padding:0 0 3px;
}

ul.criteres li em
{
	font-style:italic;
	color:#929090;
}

ul.criteres li a
{
	text-decoration:none;
	color:#929090;
	text-transform:capitalize;
	padding:0 0 2px;
}

p.affinez
{
	color:#7a7d8f;
	margin:0!important;
}

li.actif,li.actif a,li.actif em
{
	color:#fff!important;
}


div.conseil-no-result { margin-left: 40px; padding: 20px 10px;}
div.conseil-no-result h2 {
	border-bottom:2px solid #484b5b;
	text-align: left;
	padding: 0 20px 4px 5px;
	width: auto !important;
	display: inline;
}
div.conseil-no-result h2 strong {	font-size: 1.2em; }
div.conseil-no-result p {	padding: 10px 40px;}
div.conseil-no-result p em {	font-style: italic;}
div.conseil-no-result p span {	color: #fff;}


.resultat-membre {line-height: 25px; background: #2f313f url(http://i.wicast.fr/images/interface/fonds/fondprofilrecherche.jpg) 0 0 no-repeat; width: 670px; height: 61px; overflow: none;}
.resultat-membre img.avatar {float: left; margin-right: 10px; margin-top: -8px; border: 2px solid #484b5b;}
.resultat-membre strong a { color: #fff; font-weight: bold; font-size: 18px; text-decoration: none; padding: 3px 4px 4px 0;}
.resultat-membre span.videos { color: #aeaeae; display: block; font-size: 12px; line-height: 16px;}

.resultat-membre p.question {float: left; color: #f5e4c6; width: 350px; padding-left: 25px; line-height: 43px !important; font-size: 16px !important;}
.resultat-membre p.profil {float: left; padding-top: 5px; width: 250px;}
.resultat-membre br.clear {clear: both;}

/* ------------------------------------------------------- */
/* 9. LOGICIEL
/* -------------------------- */

	img.cache { position: absolute; left: 17px; z-index: 100; _display: none;}

	#page-logiciels #logo-baseline a {padding-right: 34px; background: url(/images/interface/01.layout/avec.png) center right no-repeat;}
	
	#chaine-logiciel h2 {color: #fff; font-size: 19px; margin: 25px 0 25px 0; font-weight: normal;}
	#chaine-logiciel h3 {color: #fff; font-size: 15px; margin: 25px 0 25px 0; font-weight: normal; text-transform: uppercase;}
	#chaine-logiciel h3 a {color: #fff; text-decoration: none;}
	#chaine-logiciel h4 {color: #f7ead8; font-size: 13px; margin: 25px 0 0 0; font-weight: normal; text-transform: uppercase;}

	#chaine-logiciel .navigation {position: relative; background: #18191f; font-size: 11px; height: 30px; line-height: 32px; border-bottom: 1px solid #2f313d; color: #fff; text-transform: uppercase;}

		#chaine-logiciel div.categories {position: absolute; z-index: 20; width: 240px; text-align: left; right: 10px; top: 6px; height: 20px; overflow: hidden;}
		#chaine-logiciel div.categories ul {background: #fff url(http://i.wicast.fr/images/interface/fonds/champcategories.png) top left no-repeat; margin: 0;}
		#chaine-logiciel div.categories li {line-height: 16px;}
		#chaine-logiciel div.categories a {text-transform: none; display: block; line-height: 16px; text-decoration: none; font-size: 12px; color: #666; padding: 2px 0; margin: 0 5px; border-top: 1px dotted #ccc;}
		#chaine-logiciel div.categories a.active {font-weight: bold;}
		#chaine-logiciel div.categories a:hover {background: #ddd; margin: 0px 0px -1px 0; padding: 2px 5px; border-bottom: 1px solid #ddd;}
		
		#chaine-logiciel #toggle-categories {border-top: none; background: none;}
		
		
		#chaine-logiciel ul.version {float: left; width: 680px; height: 30px; margin: 0; overflow: hidden;}
		#chaine-logiciel ul.version li {float: left; width: auto; margin: 0 -1px; z-index: 9;position: relative;}
		#chaine-logiciel ul.version li.active {padding: 0 10px; background: #2f313d; margin-top: -1px; z-index: 10; }
		#chaine-logiciel ul.version li a {text-decoration: none; color: #fff; border-left: 1px solid #fff; padding: 0 10px;}
		#chaine-logiciel ul.version li.active a {padding:0;border:none;}

		#chaine-logiciel div.heading {position: relative; z-index: 20;}
		#chaine-logiciel div.heading div.description {background: #22242d; padding: 20px; color: #98a1bc; border-bottom: 1px solid #2f313d; margin-bottom: 20px;}
		#chaine-logiciel div.heading div.description p.icone {width: 55px; height: 55px; float: left; margin: 0px 30px 0 5px;}
		#chaine-logiciel div.heading div.description p.icone IMG {width: 55px; height: 55px;}

		#chaine-logiciel div.heading div.description div.textes {float: left; width: 800px;}
		#chaine-logiciel div.heading div.description p.description {line-height: 17px; margin: 0;}
		#chaine-logiciel div.heading div.textes a {text-decoration: none;}


	#chaine-logiciel h3.separateur {border-bottom: 1px solid #18191f; margin-bottom: 0px; padding-bottom: 10px;}
	#chaine-logiciel #videoStar {border-top: 1px solid #2f313d; z-index: 9; position:relative;}
		#chaine-logiciel #videoStar p.apercu {position:relative; border: 5px solid #18191f; width: 450px; height: 210px; float: left; margin-right: 15px;}
		#chaine-logiciel #videoStar p.apercu span.cache {background:url(http://i.wicast.fr/images/interface/cache_star2.png) 0 0 no-repeat; display:block; width: 450px; height: 210px; position: absolute; top: 0; left: 0;}
		#chaine-logiciel #videoStar div.infos {float: left; width: 480px;}
		#chaine-logiciel #videoStar p.lien {float: left; margin: 14px 0 10px 0;}
		#chaine-logiciel #videoStar p.lien a{color: #f7ead8; font-size: 14px; text-decoration: none;}
		#chaine-logiciel #videoStar div.rating {padding: 10px 0; float: right; width: 110px; margin-top: 2px;}
		#chaine-logiciel #videoStar p.desc {line-height: 19px; margin: 0; padding:0; clear:both;}
		#chaine-logiciel #videoStar div.details {background: #262831; border-top: 1px solid #3b3f4f; margin-top: 25px; height: 44px; overflow: hidden; }
		#page #chaine-logiciel #videoStar div.details p.auteur {float: left; font-size: 12px; color: #929090; line-height: 24px; border-right: 1px solid #3b3f4f; padding: 0 12px;}
		#page #chaine-logiciel #videoStar div.details p.auteur IMG {float: left; margin: 0 10px 0 4px; width: 23px;}
		#page #chaine-logiciel #videoStar div.details p.auteur a {color: #f7ead8;}
		#page #chaine-logiciel #videoStar div.details p.duree {float: left; font-size: 12px; color: #929090; line-height: 24px; border-right: 1px solid #3b3f4f; padding: 0 12px;}
		#page #chaine-logiciel #videoStar div.details p.voir {float: left; font-size: 12px; color: #929090; line-height: 24px; padding: 0 12px; margin: 6px 0 0 0;}

	
	#chaine-logiciel #tops {width: 1000px; overflow: visible; clear: both;}
	.top-list {width: 470px; float: left; margin: 20px 24px 10px 0; min-height: 375px;}
		#chaine-logiciel .top-list h3 {margin-bottom: 10px;}
		.top-list div.entries {border-top: 1px solid #3b3f4f; width: 470px; padding:0; height: auto;}
		.top-list div.entries p {width: 456px; border-bottom: 1px solid #3b3f4f; background: #22242d; padding: 5px 7px; height: 73px; border-top: 1px solid #1f212a; position: relative; }
		.top-list div.entries IMG {float: left; margin-right: 15px; border: 2px solid #18191f; }
		.top-list div.entries span.infos {display: block; float: left; padding-top: 1px; width: 345px;color: #7a7d8f;}
		.top-list div.entries span.cache {background:url(http://i.wicast.fr/images/interface/cache_recherche.png) 0 0 no-repeat; display:block; width: 85px; height: 47px; position: absolute; top: 7px; left: 9px; }
		.top-list div.entries span.meta {padding: 6px 0; clear: both; display: block; color: #5A5D6F;}
		.top-list div.entries p a {color: #ccc; font-size: 12px; line-height: 21px;}
		.top-list p.more {padding: 5px;  text-align: right;  line-height: 30px;}
		.top-list p.more a {color: #f7ead8; padding: 4px 0 4px 25px; background: transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) center left no-repeat; }
	




	
	.tuto-list {width: 700px; margin: 20px 14px 10px 0; border-right: 1px solid #2f313d;float: left;  }
		#chaine-logiciel .tuto-list h3 {margin: 0 10px 10px 0;}
		.tuto-list div.entries {border-top: 1px solid #3b3f4f; width: 684px; padding:0; height: auto;}
		.tuto-list div.entries p {width: 670px; border-bottom: 1px solid #3b3f4f; background: #22242d; padding: 5px 7px; height: 50px; border-top: 1px solid #1f212a; position: relative; }
		.tuto-list div.entries IMG {float: left;position: relative; z-index: 8; margin-right: 15px; border: 2px solid #18191f; }
		.tuto-list div.entries span.infos { position:relative; z-index: 10; display: block; float: left;color: #7a7d8f; padding-top: 7px; width: 560px;}
		.tuto-list div.entries span.cache {background:url(http://i.wicast.fr/images/interface/cache_recherche.png) 0 0 no-repeat; display:block; width: 85px; height: 47px; position: absolute; top: 7px; left: 9px; z-index: 9;}
		.tuto-list div.entries p span.infos a {color: #98a1bc; font-size: 15px; line-height: 20px;}
		.tuto-list div.entries p strong {font-weight: normal;}
		.tuto-list div.entries p em {color: #7A7D8F;margin-left: 10px; font-size: 12px;}
		.tuto-list p.more {padding: 5px;  text-align: right;  line-height: 30px;}
		.tuto-list p.more a {color: #f7ead8; padding: 4px 0 4px 25px; background: transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) center left no-repeat; }
	
	#chaine-logiciel #col-droite {float: left; width: 240px; overflow: hidden; }
	#chaine-logiciel .arguments-qualite {margin: 30px 0 0 0;}

	#chaine-logiciel #col-droite ul.criteres li a {text-transform: none;}

	.tuto-list div.entries img.loader {border: none; margin: 18px 0 19px 10px;}
	.tuto-list div.entries a.suivant {clear: both; display: block; color: #F7EAD8; font-size: 13px;text-decoration: underline; padding-left: 25px; line-height: 40px; background: transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) no-repeat scroll left center;}

	/*pour les tab */
	.tuto-list #myTabs {margin:0px;}
	.tuto-list ul.mootabs_title {padding:0px;}
	.tuto-list ul.mootabs_title li {padding-top: 10px; width:250px;height:20px;font-size:1.1em;}
	.tuto-list ul.mootabs_title a {text-decoration: none; color: #aeaeae;}
	.tuto-list ul.mootabs_title li.active a {color: #fff;}
	.tuto-list .mootabs_panel {padding: 0;}

	
	
	div#chaine-logiciel .description .textes ul li {
		display:list-item;
		line-height:12px;
		list-style-image:url(http://i.wicast.fr/images/interface/icones/pucette-rose.png);
		margin-bottom:8px;
		padding:0;
		margin-left: 20px;
		color:#999;
	}
	
	div#chaine-logiciel .cs5 p { line-height: 17px; color: #ddd;}
	div#chaine-logiciel h3 { margin-top: 10px;}



	#longdesc {padding: 10px 2px; margin-top: 30px; background:url(http://i.wicast.fr/images/interface/fonds/bg_separator.png) 0 0 repeat-x;}
	#longdesc h5 {color: #fff; font-size: 13px; margin-top: 25px;}
	#longdesc p {color:#7A7D8F;}
	#longdesc ul {margin: 10px 15px; list-style: square;}
	#longdesc ul li {color:#7A7D8F;padding: 1px 0;}
	#longdesc a {text-decoration: none;}
	#longdesc h3 {padding-top: 15px;}
	#longdesc p a {text-decoration:underline; color:#8A8D9F;}


/* ------------------------------------------------------- */
/* 10. SCREENCAST
/* -------------------------- */

body#page-logiciels hr {
	border-bottom: 1px solid transparent;
}

body#page-logiciels #fiche {
		border-right: 1px solid #484b5b;
}


	#fiche {	
		width: 670px;
		padding: 20px;
		overflow: hidden;
		float: left;
	}
	
		#fiche h1 {
			margin-top: 20px;
		}
		
		#fiche h1.titre {
			margin-top: 0px;
			text-transform: uppercase;
		}
		#fiche p.stats-fiche {
			margin: 0;
			padding: 3px 15px;
			color: #7a7d8f;
		}
		
		form div.apercu, #fiche div.apercu {
			width: 450px;
			padding: 7px;
			background-color: #18191f;
			float: left;
			position: relative;
		}
		form div.apercu p, #fiche div.apercu p{
			height: 210px;
			overflow: hidden;
			margin: 0 !important;
		}
			div.apercu span.corner, #fiche a.avatar span.corner {
				width: 5px;
				height: 5px;
			}
				div.apercu span.tl, #fiche a.avatar span.tl {
					background-position: -41px 0;
				}
				div.apercu span.bl, #fiche a.avatar span.bl {
					background-position: -41px -5px;
				}
				div.apercu span.tr, #fiche a.avatar span.tr {
					background-position: -46px 0;
				}
				div.apercu span.br, #fiche a.avatar span.br {
					background-position: -46px -5px;
				}
				
		
			
		

		form div.apercu img, #fiche div.apercu img {
			width: 450px;
		}
		
		form div.apercu a, #fiche div.apercu a {
			width: 450px;
			position: absolute;
			top: 7px;
			left: 7px;
		}
		
		
		
		#fiche div#actions {
			float: left;
			text-align: center;
			margin-left: 30px;
			padding-top: 30px;
		}
		
		
		
		#fiche p.credits{
			color: #eee;
			margin: -10px 0 8px 0;
			font-size: 2em !important;
			line-height: 18px;
		}
		
		
		
		
		#fiche p.credits span{
			font-size: .8em;
		}
		
		
		#fiche p.avis {
			margin: -30px 0 30px 0;
		}
		
		#fiche .bigstars {
			margin: 5px 0 35px 35px;
			text-align: left;
		}
		
		#fiche .smallstars {
			margin: 5px 0 35px 35px;
		}
		
		#fiche div#actions div.btActionIcone {
			/* */
			margin-bottom: 10px;
			width: 160px;
		}
	
		div.btActionIcone.play {
			background-position: 0 -57px;
		}
		div.btActionIcone.play a {
			text-indent: 40px;
		}
	
		div.btActionIcone.buy {
			background-position: 0 -96px;
		}
		div.btActionIcone.buy a {
			text-indent: 40px;
		}

		#fiche div.ficheAuteur {
			width: 155px;
			float: left;
		}
		#fiche div.ficheAuteur p {
			font-size: .9em;
			color: #2f323d;
			margin: 0 0 4px 0;
		}
		#fiche a.avatar{
			float: left;
			display: block;
			position: relative;
			margin: 0 10px 0 0;
			padding: 5px 5px 0px 5px;
			background: #18191f;
			text-decoration: none;
		}

		#fiche div.ficheAuteur p.infos a {
			font-size: 1.1em;
		}

		#fiche div.ficheAuteur p.infos a, 
		#fiche div.ficheAuteur p.infos {
			color: #f5e4cc;
			line-height: 18px;
		}
		
		#fiche div.desc {
			margin-top: 25px;
			text-align: justify;
			color: #ddd;
			font-size: 13px;
			line-height: 16px;
		}
		#fiche div.desc strong{color: #fff;}
		#fiche div.desc h2{
			font-weight: bold;
			font-size: 15px;
			margin-top: 20px;
			color: #fff;
		}
		
		div#ficheTechniquePack div.mootabs_panel .desc a.auto-link{
			color: #ddd;
			border-bottom: 1px dotted #ddd;
		}		
		div#ficheTechniquePack div.mootabs_panel .desc a.auto-link:hover{
			text-decoration: none;
			border-color: #ca2b5e;
		}		

		#fiche div.desc ul {
			margin: 20px 40px;
		}
		#fiche div.desc ul li {
			list-style-image: url("/images/interface/icones/pucette-rose.png");
			line-height: 15px;
			margin-bottom: 10px;
		}
		#fiche p.kw {
			padding: 3px 0;
		}
		
		#fiche p.kw a {
			margin: 2px 2px;
			text-decoration: none;
			color: #f5e4cc;
			padding: 4px 5px;
			background: #484b5b;
			-moz-border-radius: 2px 2px;
			-webkit-border-radius : 3px 3px;
			display: block;
			float: left;
		}
		#fiche p.kw a:hover {
			color: #f5e4cc !important;
			background: #ca2b5e;
		}
		
		#fiche div#ficheTechnique {
			background: #2f323d;
			padding: 5px 25px;
			position: relative;
		}

		#fiche div#ficheTechniquePack div#myTabs {
			margin: 0 !important;		
			overflow: visible;
		}
		#fiche div#ficheTechniquePack div#myTabs div.mootabs_panel {
			padding: 20px 5%;
			width: 90%;
			background-color: #2b2b39;
		}
		
		#fiche div#ficheTechnique p, div#ficheTechniquePack div.mootabs_panel p {
			width: 50%;
			float: left;
			color: #8d8d8d;
			line-height: 1.5em;
		}
		#fiche div#ficheTechnique a, div#ficheTechniquePack div.mootabs_panel a{
			display: block;
			color: #8d8d8d;
			text-decoration: none;
		}
		div#ficheTechniquePack ul.mootabs_title {
			height: 30px;
		}
		div#ficheTechniquePack ul.mootabs_title li a {
			font-size: 1em;
			text-decoration: none;
			color: #f5e4cc;
		}		
		div#ficheTechniquePack ul.mootabs_title li {
			line-height: 30px;
			height: 30px !important; 
			text-transform: none;
			font-size: 1em;
			padding: 0 10px;
		}
		
		#fiche div#ficheTechnique ul, div#ficheTechniquePack div.mootabs_panel ul {
			width: 46%;
			float: left;
			margin-right: 20px;
		}	
		
		 div#ficheTechniquePack div.tableMatiere ul {	width: 95%;}
		 div#ficheTechniquePack div.tableMatiere h2 {	clear: both;margin: 20px 0 10px 0 !important;}
		 div#ficheTechniquePack div.tableMatiere li {	position: relative; margin-left: 10px;}
		 div#ficheTechniquePack div.tableMatiere li em {	position: absolute; right: 0; top: 0px;}
		 div#ficheTechniquePack div.tableMatiere h2 span {	background-position: -922px -130px; }

		
		#fiche div#ficheTechnique ul strong, div#ficheTechniquePack div.mootabs_panel strong{
			padding: 0 0 4px 0;
			display: block;
			float: left;
		}
		#fiche div#ficheTechnique ul li span, div#ficheTechniquePack div.mootabs_panel ul li span{
			background: url("/images/interface/interface_elts.png") -80px -11px no-repeat;
			display: block;
			float: left;
			margin: 1px 0 0 4px;
			width: 8px;
			height: 9px;
		}
		
		#fiche div#ficheTechnique ul li, div#ficheTechniquePack div.mootabs_panel ul li{
			background-image: url("/images/interface/interface_elts.png");
			display: block;
			padding: 1px 0;
			background-position: -990px -128px;
			background-repeat: no-repeat;
			clear: both;
			padding-left: 15px;
			color: #8d8d8d;

		}

		 div#ficheTechniquePack div.tableMatiere ul li {
			background: none;
			line-height: 20px;
		 }		
		 div#ficheTechniquePack div.tableMatiere ul li a span{
		 	display: block;
		 	width: 17px;
		 	height: 17px;
		 	float: left;
			background: url("/images/interface/interface_elts.png") -967px -150px no-repeat !important;
			margin-right: 20px;
		 }
				
		
		
		div.comment {
			background: #2f323d;
			margin: 18px 0 0 0;
			width: 555px;
			font-size: 1.1em;
			position: relative;
			overflow: hidden;
		}
		div.comment div.content {
			padding: 13px 0px 11px 13px;
			overflow: hidden;
		}
		
		div.rep {
			margin-left: 40px;
		}
		div.comment.me {
			background: #38333e;
		}
		
		div.comment p {
			margin: 0 !important;
		}
		div.comment p.avatar {
			float: left;
			margin-right: 10px !important;
		}
		
		
		div.comment p.infos {
			font-size: 14px !important;
			padding-top: 4px;
		}
		div.comment p.infos a {
			color: #aeaeae;
			font-weight: bold;
		}
		div.comment p.commentaire {
			padding: 8px 20px;
			float: left;
			width: 340px;
			font-size: .9em !important;
		}
		
		div.actions {
			position: absolute;
			right: 10px;
			top: 2px;
			width: 100px;
			height: 70px;
		}


	
		div.comment p.links{
			position: absolute;
			top: 13px;
		}

		
		div.comment p.links a {
			color: #aeaeae;
			font-size: .8em;
			display: block;
			
		}

		
		div.comment form {
			margin-left: 60px;
			overflow: hidden;
			height: 0;
		}
		div.comment label {
			font-size: .9em;
		}
		div.comment textarea {
			border: 1px solid #7a7a7a;
			background: #1f212a !important;
			color: #ccc;
		}


		
		div.comment.me span.tl {
			background-position: 0 0;
		}
		div.comment.me span.bl {
			background-position: 0 -10px;
		}
		div.comment.me span.tr {
			background-position: -10px 0;
		}
		div.comment.me span.br {
			background-position: -10px -10px;
		}
		
		
				#fiche div.comment a.avatar span.tl {
					background-position: -59px -1px;
				}
				#fiche div.comment a.avatar span.bl {
					background-position: -59px -4px;
				}
				#fiche div.comment a.avatar span.tr {
					background-position: -63px -1px;
				}
				#fiche div.comment a.avatar span.br {
					background-position: -63px -4px;
				}



				#fiche div.comment.me a.avatar span.tl {
					background-position: -51px -1px;
				}
				#fiche div.comment.me a.avatar span.bl {
					background-position: -51px -4px;
				}
				#fiche div.comment.me a.avatar span.tr {
					background-position: -54px -1px;
				}
				#fiche div.comment.me a.avatar span.br {
					background-position: -54px -4px;
				}



#inPack {
	margin-top: 5px;
}

#inPack div.infos {
	margin-top: 5px;
	background: #18191f;
	height: 78px;
	width: 463px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 2px;
}
#inPack div.infos p {margin: 0 10px;}
#inPack div.infos p.apercu {float: left; margin: 14px;}
#inPack div.infos h5 {
	color: #ca2b5e;
	text-transform: uppercase;
	margin: 14px 0 8px 0;
}
#inPack div.infos, #inPack div.infos a {color: #484b5b;}
#inPack p.bulle { float: left;	margin-top: 18px; background: transparent url("/images/interface/fonds/bulle-pack.png") center left no-repeat;}
#inPack p.bulle IMG{	margin-left: 21px; margin-top: 10px; border: 1px solid #18191f;}


ul.offres-partenaires {
	float: left;
	margin: 15px 0 0 50px;
	width: 180px;
}
ul.offres-partenaires li {
	list-style-image: url("/images/interface/icones/pucette-rose.png");
	font-size: 12px; 
	line-height: 15px;
	margin-bottom: 10px;
}





/* V2 */

#fiche div#ficheTechniquePack div#myTabs div.mootabs_panel {background: none; color: #eee; padding: 20px 5px; width: 650px; overflow: hidden;}
#fiche p.logiciels { margin: 4px 0 10px 0;}


#fiche div#ficheTechniquePack .mootabs_title li {	width: auto; font-size: 14px; font-weight: bold; margin-right: 5px;}
#fiche div#ficheTechniquePack .mootabs_title {	border-bottom: 1px solid #444;}
#fiche div#ficheTechniquePack .mootabs_title li a {	line-height: 30px; padding: 5px 0;}


#fiche #actions div.buy {margin-top: 15px; margin-left: -5px;}
#fiche p.credits {height:  40px;}
#fiche div#ficheTechnique p, div#ficheTechniquePack div.mootabs_panel p {}
#fiche div#ficheTechnique p, div#ficheTechniquePack div.mootabs_panel p {font-size: 12px; line-height: 1.4em; width: 100%; color: #ccc; text-align: justify; float: none;}

#fiche #actions p.stats {border-top: 1px solid #666; text-align: center; padding: 4px 0; color: #aeaeae;}

.author-infos {margin: 20px 0 0 10px;}
.author-infos p {text-align: left;}
.author-infos span {font-size: .9em;}

.author-infos a {color: #eee;}
.author-infos a.avatar {padding: 2px;}
.author-infos a.avatar IMG {width: 23px;}

div#ficheTechniquePack div.mootabs_panel .desc {margin-top: 0px;}
div#ficheTechniquePack div.mootabs_panel .desc a {color: #CA2B5E;}
div#ficheTechniquePack div.mootabs_panel .desc a:hover {text-decoration: underline;}

div#ficheTechniquePack div.mootabs_panel strong {display: inline; float: none; padding: none;}
#fiche div#ficheTechnique ul, div#ficheTechniquePack div.mootabs_panel ul {width: 90%;}

div#ficheTechniquePack div.mootabs_panel div a {display: inline;}
div#ficheTechniquePack div.mootabs_panel ul li {
	line-height:15px;
	list-style-image:url(http://i.wicast.fr/images/interface/icones/pucette-rose.png);
	margin-bottom:10px;
	background: none;
	padding: 0;
	display: list-item;
	color: #ccc;
}


div#ficheTechniquePack div.tableMatiere ul li {
	list-style: none;
	height:20px;
	margin: 0 0 0 10px;
	overflow: hidden;
}

div#ficheTechniquePack .notation {text-align: center; width: 160px; margin-left: 250px; }
div#ficheTechniquePack div.mootabs_panel .notation p {text-align: center;}
div#ficheTechniquePack div.mootabs_panel .notation a {}


div#ficheTechniquePack div.mootabs_panel div.ficheAuteur p.infos {float: left; width: 180px; font-size: 11px; line-height: 1.2em; color: #aeaeae;}
div#ficheTechniquePack div.mootabs_panel div.ficheAuteur p.infos a{color: #eee;}
div#ficheTechniquePack div.mootabs_panel div.ficheAuteur .desc-auteur {padding-top: 1px; font-size: 12px; line-height: 1.3em; color: #c2cccc; float: left; width: 440px; border-bottom: 1px solid #666; padding-bottom: 20px;}


div#ficheTechniquePack div.mootabs_panel div.liensAuteur ul {margin-left: 200px;}
div#ficheTechniquePack div.mootabs_panel div.desc-auteur div.liensAuteur ul {margin-left: 15px; margin-top: 40px;}


div#ficheTechniquePack div.mootabs_panel div.liensAuteur ul li {line-height: 18px; margin-bottom: 0;}
div#ficheTechniquePack div.mootabs_panel div.liensAuteur ul a {text-decoration: underline; color: #fbf2e6;}


div#ficheTechniquePack div.mootabs_panel div.ficheFormateur {margin-top: 20px;}
div#ficheTechniquePack div.mootabs_panel div.ficheFormateur p.infos span.avatar IMG{border: 1px solid #0C0B10; margin: 10px 0 0 0; width: 140px;}
div#ficheTechniquePack div.mootabs_panel div.ficheFormateur p.infos {float: left; width: 150px; font-size: 11px; line-height: 1.2em; color: #ccccc6; text-align: center; margin-right: 30px;}
div#ficheTechniquePack div.mootabs_panel div.ficheFormateur p.infos em {font-style: italic; font-size: 1.1em;}
div#ficheTechniquePack div.mootabs_panel div.ficheFormateur p.infos a{color: #eee;}
div#ficheTechniquePack div.mootabs_panel div.ficheFormateur .desc-auteur {padding-top: 1px; font-size: 12px; line-height: 1.3em; color: #ccc; float: left; width: 440px;color: #ccccc6; padding-top: 20px;}
div#ficheTechniquePack div.mootabs_panel div.ficheAuteur .desc-auteur em {font-style: italic;}



div#ficheTechniquePack .mootabs_title li.active {
background:#2B2B39;
}


#fiche div.ficheAuteur {width: auto;}
#fiche-droite {float: right;}

div#ficheTechniquePack div.mootabs_panel div.comment a {display: inline;}
div#ficheTechniquePack div.mootabs_panel div.comment p.links a {display: block; line-height: 1.3em;}
div#ficheTechniquePack div.mootabs_panel div.comment p.commentaire {width: auto; color: #aeaeae;}
div#ficheTechniquePack div.mootabs_panel div.comment p.infos a {color: #ddd; text-decoration: underline;}

body#page-logiciels #fiche .vignette {margin-left: 15px;}

div.arguments-qualite, div.abo-newsletter {background: #18191f; padding: 15px; margin: 20px 0 20px 10px; border: 1px solid #353744;}
#page div.abo-newsletter p {margin: 0 0 10px 0;}
#page div.abo-newsletter input[type=text] {background: #0b0b0d; margin-right: 3px; border: none; color: #fff; padding: 2px 4px; float: left;}

#page div.abo-newsletter a.bouton-rose {background: #000 url(http://i.wicast.fr/images/interface/boutons/bt-ok-newsletter.png) 0 0 no-repeat; width: 33px; display: block; height: 18px; text-indent: 200px; overflow: hidden; padding: 0; margin: 0;}

div.arguments-qualite ul  {}
#page div.arguments-qualite p.garanties { margin-top: 0; text-align: center;}

div.arguments-qualite ul li {height: 35px; line-height: 35px; padding-left: 45px; font-size: 13px;}
div.arguments-qualite ul li.q {background: url(http://i.wicast.fr/images/interface/icones/ico-pouce.png) 4px center no-repeat;}
div.arguments-qualite ul li.s {background: url(http://i.wicast.fr/images/interface/icones/ico-cadenas.png) 4px center no-repeat;}
div.arguments-qualite ul li.t {background: url(http://i.wicast.fr/images/interface/icones/ico-hard-drive.png) 4px center no-repeat;}
div.arguments-qualite ul li.hd {background: url(http://i.wicast.fr/images/interface/icones/ico-hd.png) 0 center no-repeat;}
div.arguments-qualite ul li.sup {background: url(http://i.wicast.fr/images/interface/icones/ico-support.png) 4px center no-repeat;}
div.arguments-qualite ul li.eco {background: url(http://i.wicast.fr/images/interface/icones/ico-earth.png) 4px center no-repeat;}


#page div.arguments-qualite p.more { margin: 0; text-align: right;}
body#page-logiciels #newsletter .loader{display:none;}
body#page-logiciels #newsletter {margin-bottom: 0;}
div.arguments-qualite p.more a {padding-left: 12px;background: url(http://i.wicast.fr/images/interface/icones/ico-pucette-newsletter.png) 0 center no-repeat; color: #eee; font-size: 11px;}

div#ficheTechniquePack div.tableMatiere h2 span {
background-position:-882px -39px;
}


body#page-logiciels #fiche div.vignette {float: none;}		div.btActionIcone.play {
			background-position: 0 -57px;
		}
		div.btActionIcone.play a {
			text-indent: 40px;
		}
#tuto-content br.clear {
	display: block; 
    clear: both; 
    width: 1px; 
    height: 0.001%;
    font-size: 0px; 
    line-height: 0px; 
}


		form div.apercu, #fiche div.apercu {
			width: 450px;
			padding: 7px;
			background-color: #18191f;
			float: left;
			position: relative;
		}
		form div.apercu p, #fiche div.apercu p{
			height: 210px;
			overflow: hidden;
			margin: 0 !important;
		}
			div.apercu span.corner, #fiche a.avatar span.corner {
				width: 5px;
				height: 5px;
			}
				div.apercu span.tl, #fiche a.avatar span.tl {
					background-position: -41px 0;
				}
				div.apercu span.bl, #fiche a.avatar span.bl {
					background-position: -41px -5px;
				}
				div.apercu span.tr, #fiche a.avatar span.tr {
					background-position: -46px 0;
				}
				div.apercu span.br, #fiche a.avatar span.br {
					background-position: -46px -5px;
				}
				
		
			
		

		form div.apercu img, #fiche div.apercu img {
			width: 450px;
		}
		
		form div.apercu a, #fiche div.apercu a {
			width: 450px;
			position: absolute;
			top: 7px;
			left: 7px;
		}
		
		
		
		#fiche div#actions {
			float: left;
			text-align: center;
			margin-left: 30px;
			padding-top: 30px;
		}
		
		
		
		#fiche p.credits{
			color: #eee;
			margin: -10px 0 8px 0;
			font-size: 2em !important;
			line-height: 18px;
		}
		
		
		
		
		#fiche p.credits span{
			font-size: .8em;
		}
		
		
		#fiche p.avis {
			margin: -30px 0 30px 0;
		}
		
		#fiche .bigstars {
			margin: 5px 0 35px 35px;
			text-align: left;
		}
		
		#fiche .smallstars {
			margin: 5px 0 35px 35px;
		}
		
		#fiche div#actions div.btActionIcone {
			/* */
			margin-bottom: 10px;
			width: 160px;
		}


#tuto-content {padding: 20px 0; margin-bottom: 20px; position: relative;}

#tuto-content .hr {display:block; height: 2px; background: #ccc url(http://i.wicast.fr/images/interface/10.tuto/hr.png) 0 0 repeat-x; border: none; margin-bottom: 20px; }
#tuto-content h3 {color: #fff; font-size: 16px; font-weight: normal; margin: 0 0 15px 0;}

#tuto-content .tuto-heading img {width: 24px; float: left; margin-right: 10px; }
#tuto-content .tuto-heading h1 {font-weight: normal; font-size: 24px; color: #fff; font-family: arial; }
#tuto-content .tuto-heading h1 em {font-size: 16px; color: #ccc; }

#tuto-content .essential { margin-top: 15px; background: #101016 url(http://i.wicast.fr/images/interface/10.tuto/bg_pxstr_darkblue_gradient.png) 0 0 repeat-x; padding: 1px; height: 288px;}
#tuto-content .essential .image-preview {float: left; position: relative;}
#tuto-content .essential .image-preview p.link { margin: 0; height:  288px; overflow: hidden; background: #101016;}
#tuto-content .essential .image-preview IMG {width: 648px;}
#tuto-content .essential .image-preview p.video-quick-infos { background: #101016 url(http://i.wicast.fr/images/interface/10.tuto/bg_video-quick-infos.png) 0 0 no-repeat;  position: absolute; top: 20px; width: 231px; height: 34px; line-height: 34px; }
#tuto-content .essential .image-preview span { display: block; float: left; padding-left: 30px; line-height: 36px; color: #eee;}
#tuto-content .essential .image-preview a { color: #eee;}
#tuto-content .essential .image-preview span.length {width: 38px;}
#tuto-content .essential #video-preview-link { margin-left: 8px; text-decoration: underline; cursor: pointer; }
#tuto-content .essential .pricing {float: right; width: 300px; padding-top: 45px; text-align:center;}
#tuto-content .essential .price strong {font-size: 25px; color: #fff; font-weight: normal;}
#tuto-content .essential .price em {font-size: 16px; color: #ccc; font-style:italic; margin-left: 10px;}
#tuto-content .essential .button-buy {display: block; margin: 30px 0 10px 45px; width: 210px; height: 49px; text-align:center;}
#tuto-content .essential .guaranties {text-align: left; margin-left: 80px; line-height: 17px; list-style-image: url(http://i.wicast.fr/images/interface/10.tuto/ico_tick_rose.png); color: #999;}


#tuto-content .social {overflow: hidden; background: url(http://i.wicast.fr/images/interface/10.tuto/section_separator.png) bottom left repeat-x; height: 50px;}
#tuto-content .social p { float: left; padding-right: 15px; line-height: 27px; color: #999; margin-left: -1px; border-left: 1px solid #2c2f3c; height: 27px; overflow: hidden;}
#tuto-content .social p.author .avatar { float: left; margin-right: 6px; height: 27px;}
#tuto-content .social p.author a { color: #fff;}
#tuto-content .social p.fave { padding-left: 15px; color: #999;}
#tuto-content .social p.fave a { padding-left: 20px; color: #999; background: url(http://i.wicast.fr/images/interface/10.tuto/ico_heart.png) center left no-repeat;}
#tuto-content .social p.fave a.break {background:url("/images/interface/icones/heart-break.png") no-repeat scroll left center transparent;}
#tuto-content .social p.share span { padding-left: 15px; float: left; margin-right: 6px;}
#tuto-content .social p.rating { padding-left: 20px; float: right; padding-right: 0;}
p.rating span { float:left;}
p.rating span.stars { display: block; margin: 5px 0 0 10px; width: 90px; height: 15px; background: url(http://i.wicast.fr/images/interface/10.tuto/bg_stars.png) top left no-repeat;}
p.rating span.r0stars { background-position: -90px 0;}
p.rating span.r1stars { background-position: -72px 0;}
p.rating span.r2stars { background-position: -53px 0;}
p.rating span.r3stars { background-position: -34px 0;}
p.rating span.r4stars { background-position: -16px 0;}
p.rating span.r5stars { background-position: 0 0;}



#tuto-content .main-content { margin-top: 20px; background: url(http://i.wicast.fr/images/interface/10.tuto/section_separator_vertical.png) 700px 0 repeat-y;}
#tuto-content .main-content-full { background:none;}
#tuto-content .main-content-full .main-col { width: 960px; margin-right: 0;}
#tuto-content .main-content-full .right-col { display: none;}



#tuto-content .tab-content {display: none; clear: both;}

#tuto-content .main-col {width: 687px; margin-right: 10px; float: left; }

#tuto-content .main-col ul.navigation { margin-top: 6px; height: 47px; border-bottom: 1px solid #2f313e; overflow: hidden; display: inline;}
#tuto-content .main-col ul.navigation li {float: left; line-height: 48px; margin-right: 2px;}
#tuto-content .main-col ul.navigation li a {padding: 15px 8px; color: #aeaeae; text-decoration: none; background: url(http://i.wicast.fr/images/interface/10.tuto/bg_cat_inactive.png) 0 0 repeat-x; font-size: 15px;}
#tuto-content .main-col ul.navigation li.current a {background: url(http://i.wicast.fr/images/interface/10.tuto/bg_cat_active.png) 0 0 repeat-x; color: #fff; }
#tuto-content .main-col ul.navigation-toc li a {padding: 15px 13px;}



#tuto-content .main-col .description {padding: 10px 10px 15px 0px; margin-bottom: 60px; color: #cccccc; line-height: 17px;text-align: justify;}
#tuto-content .main-col .description p { line-height: 17px;}
#tuto-content .main-col .description strong { color:#fff;}
#tuto-content .main-col .description a { color: #fff; font-weight: normal;}
#tuto-content .main-col .description a.auto-link {text-decoration: none; border-bottom: 1px dotted #ccc; color: #ccc;}
#tuto-content .main-col .description H2 { color: #fff; font-weight: normal; font-size: 16px; margin-top: 30px; }
#tuto-content .main-col .description ul {margin: 10px 15px 20px 15px;}
#tuto-content .main-col .description li { background:none; color:#CCCCCC; display:list-item; line-height:16px; margin-bottom: 5px; padding: 4px 0; list-style-image:url("/images/interface/icones/pucette-rose.png"); }
#tuto-content .main-col .description li a.auto-link { border: none;}
#tuto-content .main-col .description .inPack {padding: 0 15px 15px 50px; margin-left: 10px; background: url(http://i.wicast.fr/images/interface/icones/ico-support2.png) 0 8px no-repeat; text-align: left;}
#tuto-content .main-col .description li strong a.auto-link  { color: #fff; font-weight: bold;}



#tuto-content .main-col .similar .list { float: left; width: 325px; color: #7a7d89;}
#tuto-content .main-col .similar .list p { margin: 0 0 10px 0;}
#tuto-content .main-col .similar .list a { line-height: 24px; color: #98A1BC; text-decoration: none;}
#tuto-content .main-col .similar .new { margin-right: 15px; padding-right: 15px;  background: url(http://i.wicast.fr/images/interface/10.tuto/bg_tops.png) top right no-repeat; }
#tuto-content .main-col .similar .list IMG { float: left; margin-right: 6px; border: 2px solid #101016; margin-top: 4px;}




#tuto-content .right-col {width: 240px; float: right; }
#tuto-content .right-col .resume {padding: 10px 15px; background: #101016 url(http://i.wicast.fr/images/interface/10.tuto/bg_pxstr_darkblue_gradient.png) 0 0 repeat-x; }
#tuto-content .right-col .resume strong {color: #fff; font-size: 16px; font-weight: normal;}
#tuto-content .right-col .resume p.info {color: #cccccc; font-size: 12px; line-height: 17px; }
#tuto-content .right-col .resume p.what {font-size: 11px; line-height: 15px; margin-top: 15px; border-top: 1px solid #2c2f3c; padding-top: 15px; }
#tuto-content .right-col .facebook-fans {margin: 15px 0 15px 5px;}
#tuto-content .right-col .quick-links {text-align: left; line-height: 26px; list-style-image: url(http://i.wicast.fr/images/interface/10.tuto/ico_list_arrow.png); margin: 20px 0 10px 24px;}
#tuto-content .right-col .quick-links a {font-size: 14px; color: #aeaeae; padding: 0; display: block; text-decoration: none;}
#tuto-content .right-col .quick-links li {margin: 0; height: 26px;}

#tuto-content .main-col .description .toc li { margin-bottom: 0; padding: 0; list-style-image:none; 	}
#tuto-content .main-col .description .toc ul {margin-left: 0;}


#tuto-content .toc {margin-left: 30px;}
#tuto-content .toc p { display:list-item; line-height:15px; list-style-image:url("/images/interface/icones/pucette-rose.png"); margin: 20px 0 10px 0; }
#tuto-content .toc p strong { text-transform: uppercase; font-weight: normal; color: #eee; }
#tuto-content .toc ul { margin-bottom: 40px;	}
#tuto-content .main-col .description .toc li,
#tuto-content .toc li { padding-left: 24px; line-height:23px; margin-right:50px; position: relative; background: url(http://i.wicast.fr/images/interface/10.tuto/ico_control_play_12x12.png) 3px 4px no-repeat; 	}
#tuto-content .toc li a { color: #999; text-decoration: none;	}
#tuto-content .toc li em { color: #1EB4AB; }
#tuto-content .toc .length { position: absolute; right: 0;	}


#tuto-content .extrait form {margin-top: 30px;}
#tuto-content .extrait input {background:#18191f; color: #ccc; border: 1px solid #2f323e; padding: 5px 4px;  width: 340px; }
#tuto-content .extrait input.lien {margin-right: 60px; }



#tuto-content .formateur p.infos {line-height: 18px; padding-top: 5px;}
#tuto-content .formateur p.infos IMG.avatar { float: left; margin-right: 12px; margin-top: -5px;  border: 1px solid #131318;}
#tuto-content .formateur p.infos IMG.rank { margin-right: 6px; width: 12px; float: left; margin-top: 2px;}
#tuto-content .formateur p.infos strong  {color: #eee; font-size:20px; line-height: 38px; }
#tuto-content .formateur p.infos em {color: #ddd; font-size:14px; font-weight: normal; padding: 7px 26px 7px 0px;}
#tuto-content .formateur p.infos em.certified { background:url("http://i.wicast.fr/images/interface/formateurs/ico-certifie.png") right 6px  no-repeat;}
#tuto-content .formateur p.bio { line-height: 17px; margin-top: 15px; margin-left: 55px;}
#tuto-content .formateur .more {margin: 0 0 15px 55px; }
#tuto-content .formateur .more a {color: #aeaeae; }
#tuto-content .formateur p.fave { padding-left: 15px; color: #fff;}
#tuto-content .formateur p.fave a { padding-left: 20px; color: #fff; background: url(http://i.wicast.fr/images/interface/10.tuto/ico_heart.png) center left no-repeat;}
#tuto-content .formateur p.profile { padding-left: 15px; color: #fff;}
#tuto-content .formateur p.profile a { padding-left: 20px; color: #fff; background: url(http://i.wicast.fr/images/interface/10.tuto/ico_loupiotte.png) center left no-repeat;}
#tuto-content .formateur p.itw { padding-left: 15px; color: #fff;}
#tuto-content .formateur p.itw a { padding-left: 20px; color: #fff; background: url(http://i.wicast.fr/images/interface/10.tuto/ico_loupiotte.png) center left no-repeat;}
#tuto-content .formateur .devenirfan {padding: 0; margin: 0; width: auto; background-color: transparent;}

#tuto-content .formateur .ficheFormateur {margin: 0 0 40px 55px; padding-bottom: 15px;}
#tuto-content .formateur .ficheFormateur h3 {color: #aeaeae;}
#tuto-content .formateur .ficheFormateur p {line-height: 17px;}
#tuto-content .formateur .ficheFormateur IMG {float: left; margin-right: 20px; width: 144px; border: 1px solid #101016;}

#tuto-content .formateur .testimonial {clear: both; margin-top: 20px;}
#tuto-content .formateur .testimonial .avatar {float: left; padding-right: 30px;background:url("http://i.wicast.fr/images/interface/formateurs/quote.png") right 10px  no-repeat;}
#tuto-content .formateur .testimonial .avatar IMG { border: 1px solid #131318;}
#tuto-content .formateur .testimonial .blockquote {float: left; width: 570px;}
#tuto-content .formateur .testimonial .blockquote blockquote {margin: 10px 0; padding: 14px; background: #2f323d; color: #9ea8b9; line-height: 16px; -moz-border-radius: 4px; float: left;}



#tuto-content .formateur .tuto-list {margin: 0; border: none;}
#tuto-content .formateur .tuto-list div.entries {border: none;}
#tuto-content .formateur .tuto-list div.entries p {background:none; font-size:12px; border: none;}
#tuto-content .formateur .tuto-list div.entries a {font-size: 14px;}
#tuto-content .formateur .tuto-list div.entries strong{color: #eee;}
#tuto-content .formateur .tuto-list div.entries span.infos {color: #7A7D8D;background:url(http://i.wicast.fr/images/interface/fonds/bg_separator.png) 0 45px repeat-x; padding-top: 4px; height: 50px;}


#tuto-content .comments .comment {background: none; width: auto;}
#tuto-content .comments .comment .user-infos {line-height: 15px; padding-top: 4px; font-size: 12px;}
#tuto-content .comments .comment strong{color: #fff; font-weight: normal;}
#tuto-content .comments .comment .status {color: #777; font-size: 11px;}
#tuto-content .comments .comment .status a {color: #777; font-size: 11px;}
#tuto-content .comments .comment .avatar {float: left; margin-right: 10px; margin-top: -4px;}
#tuto-content .comments .comment .quote {padding: 10px 0 30px 0; font-size: 12px; color: #ddd; }
#tuto-content .comments .by, #tuto-content .comments .rating, #tuto-content .comments .rating em { float: left;}
#tuto-content .comments .rating {margin-left: 10px;}
span.sstars { display: block; float: left; margin: 2px 0 0 10px; width: 60px; height: 10px; background: url(http://i.wicast.fr/images/interface/10.tuto/bg_small_stars.png) top left no-repeat;}
span.small1stars { background-position: -48px 0;}
span.small2stars { background-position: -36px 0;}
span.small3stars { background-position: -22px 0;}
span.small4stars { background-position: -11px 0;}
span.small5stars { background-position: 0 0;}


#rating-links  { display: block; margin: 10px 0 30px 0; width: 90px; height: 15px; position:relative; overflow: hidden; background: url(http://i.wicast.fr/images/interface/10.tuto/bg_etoile.png) bottom left repeat-x;}
#rating-links a { display: block; position: absolute; top: 0; left: 1px; height: 15px;}
#rating-links a:hover { background: url(http://i.wicast.fr/images/interface/10.tuto/bg_etoile.png) top left repeat-x;}
#rating-links a.vote5 {width: 90px;}
#rating-links a.vote4 {width: 72px;}
#rating-links a.vote3 {width: 53px;}
#rating-links a.vote2 {width: 34px;}
#rating-links a.vote1 {width: 16px;}


#tuto-content .avis {padding: 15px 0px;}
#tuto-content .avis p {line-height: 16px;}
#tuto-content .avis .bt-voter {text-align:center; float: left; margin: 0 0 10px 100px;}
#tuto-content .avis .bt-voter IMG {cursor:pointer;}
#tuto-content .avis p.rating { line-height:28px; color: #eee; float: left; margin-left: 4px;}
#tuto-content .avis .bt-voter em {background: url(http://i.wicast.fr/images/interface/icones/pucette-rose.png) no-repeat center left; padding-left: 14px; width: 220px;  display: block; margin-top: 15px; text-align: left; height: 15px;}
#tuto-content .avis div.comment div.content {display: block; padding: 0;}
#tuto-content #form-comment textarea {background:#18191f; width: 520px; height: 150px; padding: 10px; border: 1px solid #444; color: #ddd;}
#tuto-content #form-comment input.bt {background: transparent; margin-top: 10px; }

#tuto-content .help	{position: absolute; top: -40px; right: 0;}


/* ------------------------------------------------------- */
/* 11. PAGINATION
/* -------------------------- */


	ul#paging {
		float: right;
	}
	
	ul#paging li{
		float: left;
		padding: 0;
		min-width: 14px;
		text-align: center;
		margin: 0 1px;
		border: 1px solid #0b0b0f;
		background: #171921;
		color: #38333e;
	}

	ul#paging li.encours {	background: #ca2b5e; color: #f5e4cc;padding: 5px 4px }
	ul#paging li.empty   {	padding: 5px 4px }
	ul#paging li a 		 {	border: 1px solid #0b0b0f; margin: -1px; text-decoration: none; display: block;padding: 5px 7px !important; }
	ul#paging li a:hover 		 {	color: #eee !important; color: #f5e4cc; background: #38333e; }





/* ------------------------------------------------------- */
/* 12. POPUP
/* -------------------------- */

 /* ---------------------------------------------------------- 
	9. OVERLAY UNIVERSALS 
-----------------------------------------------------------*/

.overlay-box {
	display: none;
}
.overlay .overlay-box {
	/*display: block;*/
}
.overlay, .overlaylrg { background-image: url('/images/interface/popup/overlay-fade.png') !important; _background-image: none; }

.overlay-box a, .overlay-box a { color: #ff017d; outline: none; text-decoration: none; }

.overlay .remember { width: auto; }
.overlay .remlabel { padding-left: 5px; }

.overlay .btn {
	width: 288px;
}

.overlay .forget {
	outline: none;
	text-decoration: none;
	line-height: 25px;
	vertical-align: top;
	margin-bottom: 10px;
}

.overlay .forget a {
	color: #9C9EA0;
	font-weight: normal;
}

.overlay ul#si-help {
	margin: 10px 0 0 0;
	padding: 0;
	white-space: nowrap;
	float: left;
	margin-top: 10px;
}

.overlay ul#si-help li {
	float: left;
	display: inline;
	list-style-type: none;
	color: #9C9EA0;
}

.overlay ul#si-help li a {
	color: #9C9EA0;
	font-weight: bold;
}
.overlay #main-fade, .overlaylrg #main-fade {
	width: 300%;
	height: 200%;
	background-image: url('/images/interface/popup/overlay-fade.png');
	_background-image: none;
	margin: -100% 0 0 -100%;
	z-index: 121;
	position: absolute;
}
#wrapper {overflow: hidden;}
.overlay .overlay-box {
	width: 444px;
	position: absolute;
	top: 45px;
	left: 50%;
	margin-left: -222px;
	z-index: 3000 !important;
}
form {
	z-index: 0 !important;
}

.overlaylrg .overlay-box {
	width: 644px;
	position: absolute;
	top: 45px;
	left: 208px;
	z-index: 300;
}

.overlay #overlay-header {
	width: 444px;
	_width: 382px;
	height: 71px;
	_height: 47px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-header.png');
	_background-image: none;
	_background-color: #fff;
	background-repeat: no-repeat;
	_border-top: solid 1px #000000;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;	
}

.overlaylrg #overlay-header {
	width: 644px;
	_width: 582px;
	height: 71px;
	_height: 47px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-header-lrg.png');
	_background-image: none;
	_background-color: #fff;
	background-repeat: no-repeat;
	_border-top: solid 1px #000000;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;	
}

.overlay #overlay-middle {
	width: 290px;
	height: auto;
	padding: 0 77px 0 77px;
	_padding: 0 46px 0 46px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-middle.png');
	_background-image: none;
	_background-color: #fff;
	background-repeat: repeat-y;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;	
}

.overlaylrg #overlay-middle {
	width: 490px;
	height: auto;
	padding: 0 77px 0 77px;
	_padding: 0 45px 0 45px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-middle-lrg.png');
	_background-image: none;
	_background-color: #fff;
	background-repeat: repeat-y;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;	
}

.overlay #overlay-holder { _width: 290px; overflow: visible;}
.overlaylrg #overlay-holder { _width: 490px }

.overlay #overlay-footer {
	width: 444px;
	_width: 382px;
	height: 51px; /*71px*/
	_height: 47px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-footer.png');
	background-position: bottom left;
	_background-image: none;
	_background-color: #fff;
	background-repeat: no-repeat;
	_border-bottom: solid 1px #000000;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;
}

.overlaylrg #overlay-footer {
	width: 644px;
	_width: 582px;
	height: 71px;
	_height: 47px;
	position: relative;
	float: left;
	background-image:  url('/images/interface/popup/overlay-footer-lrg.png');
	_background-image: none;
	_background-color: #fff;
	background-repeat: no-repeat;
	_border-bottom: solid 1px #000000;
	_border-left: solid 1px #000000;
	_border-right: solid 1px #000000;
}

.overlay #overlay-header a, .overlaylrg #overlay-header a {
	outline: none;
	position: absolute;
	top: 32px;
	right: 32px;
	_top: 0px;
	_right: 0px;
}

.overlay-box h1 {
	color: #ff017d; /*6ebb20;*/
	margin: 0 0 8px 0px;
	width: 290px;
}

.overlay #overlay-middle h1 {
	float: none;
	color: #ff017d;
	margin: 0 0 8px 0px;
	width: 290px;
}

.overlay #overlay-middle h2 {
	font-size: 11px;
	font-weight: bold;
	color: #858585;
}

.overlay #overlay-middle p {
	font-size: 12px;
	font-weight: normal;
	color: #858585;
	margin-top: 5px;
}

.overlay #overlay-middle p.errormsg {
	color: #E80000;
	/*background: url('/images/icons/warning.png') no-repeat 0 2px;*/
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 8px 0;
	padding-left: 25px;
	font-weight: bold;
	min-height: 22px;
}

.overlay #overlay-middle .sdrd-btn-cont {
	margin-top: 10px;
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	float: right;	
}

.overlay .overlay-box img, .overlaylrg .overlay-box img {
	padding: 0;
	border: none !important;
}

.overlay-box input, .overlay-box select {
	width: 274px;
	color: #6EBB20 !important;
}

.overlay-box .submit {
	color: #fff !important;
}

.overlay-box .signform select {
	width: 290px;
	padding: 4px 6px 4px 3px;
	margin-top: 12px;	
}

.overlay .signform .country { padding-left: 8px; outline: none; }

.overlay .signform .check input {
	width: auto;
	float: left;
}

.overlay .signform .check label {
	line-height: 18px;
	float: left;
	margin-left: 15px;
}
.overlay .signform em.alert {
   background: #f00;
   color: #fff;
   font-weight: bold;
   padding: 4px;
   font-style: normal;
   display: block;
   width: 280px;
}
.overlay .signform em.alert a {
   color: #fff;
   text-decoration: underline;
}

.overlay .btn .submit {
	width: auto;
}

.overlaylrg #ovlrgheader {	
	width: auto;
	height: auto;
	border-bottom: 1px solid #D8D8D8;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #333333;
}

.overlaylrg #ovlrgheader img {
	margin: 0 5px 0 0;
	float: left;
}

.overlaylrg #overlay-holder #ovlrgheader p {
	margin-left: 5px;
	display: block;
	float: none;
	width: 286px;
	border: none;
}

.overlaylrg #ovlrgheader h5 {
	margin: 0;
	margin-left: 5px;
	color: #333333;
	font-size: 11px;
	line-height: 18px;		
	font-weight: bold;
	display: block;
	border: none;
	padding: 0;	
	float: none;	
	width: 286px;
}

.overlaylrg #ovlrgheader .email-this {
	margin: 0 5px 0 0;
	float: right;
}

.overlaylrg #details, .overlaylrg #detailslrg {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D8D8D8;
}

.overlaylrg ul.details-list {
	margin: 0;
	padding: 0;
	text-align: left;
	float: left;
	display: block;
	width: auto;
}

.overlaylrg ul.details-list li {
	width: 245px;
	list-style-type: none;	
	text-decoration: none;
	padding: 0;
	margin: 0 0 5px 0;	
	float: left;
	color: #333333;
	font-size: 11px;
	line-height: 12px;
	clear: none;
}

.overlaylrg .overlay-box h6 {
	margin-top: 10px;
	color: #9C9EA0;
	font-size: 11px;
	line-height: 18px;
	font-weight: normal;
}

.overlaylrg #overlay-holder p {
	color: #333333;
	padding-bottom: 10px;
}

.overlaylrg .overlay-box p {
	color: #333333;
	padding-bottom: 10px;
	margin-left: 5px;
	float: left;
	clear: both;
}

.overlaylrg #stfaddinvite {
	display: none;
}

.overlaylrg #stfaddinvite a {
	color: #333333;
}

.overlaylrg .overlay-box .remove {
	width: 482px !important;
}

.overlaylrg .remove a {
	color: #333333;
	float: right;
}

.overlaylrg #stfaddinvite a:hover, .overlaylrg .remove a:hover {
	background: #333333;
	color: #fff;
}

.overlaylrg #vimyname input {
	width: 470px;
}

.overlaylrg .invite {
	width: 492px;
	overflow: hidden;
	float: left;
}

.overlaylrg .first {
	margin-bottom: 10px !important;
}

.overlaylrg .invite p {
	width: 241px;
	clear: none;
	float: left;
	padding-bottom: 0px !important;
}

.overlaylrg .invite p input {
	width: 224px;
	padding: 4px 6px;
}

.overlaylrg ul.examples {
	width: 492px;
}

.overlay .overlay-boxma textarea {
	color:#6EBB20;
	font-size: 11px;
	padding: 8px;
	border: 1px solid #D8D8D8;
	width: 274px;
	margin-top: 5px;
}


/* PERSONNALISAION */

.overlay-box-buy #overlay-header {
	height: 75px;
}	

.overlay-box-buy #overlay-middle {
	padding-top: 20px;
	padding-bottom: 20px;
}	

div.header-iframe {
	position: relative;
	background: #222;
	overflow: visible;
	margin-top: -8px;
	margin-left: -40px;
	border: 1px solid transparent;
}
div.header-iframe a {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
}
div.header-iframe a img {
	border: none;
}

.overlay-box-buy h1 {
	background: #222;
	margin: 31px;
	padding: 20px 11px 7px 11px;
	width: 360px;
	_width: 382px;
	font-size: 14px !important;
	color: #f5e4cc;
	border-bottom: 3px solid #000;
}

div.header-iframe h1 {
	background: #222;
	margin: 0 31px;
	padding: 20px 11px 7px 11px;
	width: 360px;
	_width: 382px;
	font-size: 14px !important;
	color: #f5e4cc;
	border-bottom: 3px solid #000;
	position: absolute;
	left: 0;
	top: 0;
}


.overlay-box-buy h2 {
	color: #ca2b5e !important;
	font-size: 1em !important;
	text-transform: uppercase;
	margin: 10px 0px;
}

.overlay-box-buy h2 span {
	color: #999;
	text-transform: none;
	font-weight: normal;
	font-style: italic;
}
.overlay-box-buy p {
	text-align: justify;
}

.overlay-box-buy hr { 
	margin: 20px 0 !important;
	clear: both;
	border-top: 1px solid #ccc;
}
.overlay-box-buy p.champ span {
	display: none;
}

.overlay-box-buy p.champ input {	
	border: 1px solid #ccc;
	width: 177px;
	height: 16px;
	padding: 5px 14px;
	font-size: 1.1em;
	background: #fff;
	color: #666 !important;
}
.overlay-box-buy p.champ  { 
	display: block;
	margin: 6px 0;
}
.overlay-box-buy p.champ label { 
	display: block;
	width: 197px;
}


.overlay-box-buy .btAction {	
	padding: 12px 0 10px 50px !important;
	margin: 10px 0 0 0;
	background-image: url("/images/interface/interface_elts.png");
	background-position: -277px -56px;
	background-repeat: no-repeat;
	float: right;
	width: 161px;
}			
.overlay-box-buy .btAction.login {	
	background-position: -277px -95px;
	width: 75px;
}				
.overlay-box-buy p.oubli a {	
	text-align: right;
	color: #666;
	display: block;
	padding: 15px 10px 0 0;
	margin-right: 10px !important;
	float: right;
	text-decoration: underline;
}



#formLogiciel p.champ strong {
	color: #222;
	font-size: 13px;
	display: block;
	height: 18px;
	margin-top: 5px;
}

#formLogiciel p.champ strong span {
	color: #ca2b5e;
}
#formLogiciel p.champ input {
	height: 16px;
	padding: 4px 4px 4px 6px;
	width: 280px;
}

#formLogiciel p.champ input:focus, #formLogiciel p.champ textarea:focus {
	border: 1px solid #ca2b5e;
}



#formLogiciel p.champ textarea {
	color: #666;
	border: 1px solid #ccc;
	height: 46px;
	font-size: 1.1em;
	padding: 4px 4px 4px 6px;
	width: 280px;
}







/* FormCheck tipbox */

/* tipbox :
	table : 
		tl		: top left
		t		: top
		tr		: top right
		l 		: left
		r		: right
		bl		: bottom left
		b		: bottom (with mark)
		br		: bottom right
		c		: center
	components : 
		a.close	: close button
		err		: errors div
		p		: error line
*/

.fc-tbx {z-index: 600;}
.fc-tbx .tl{
	background: url('/images/interface/formcheck/classic/img/tl.png') no-repeat;
}
.fc-tbx .t{
	background: url('/images/interface/formcheck/classic/img/t.png') repeat-x;
	height: 16px;
}
.fc-tbx .tr{
	background: url('/images/interface/formcheck/classic/img/tr.png') no-repeat;
}
.fc-tbx .l{
	background: url('/images/interface/formcheck/classic/img/l.png') repeat-y;
	width : 16px;
}
.fc-tbx .r{
	background: url('/images/interface/formcheck/classic/img/r.png') repeat-y;
	width: 16px;
}
.fc-tbx .bl{
	background: url('/images/interface/formcheck/classic/img/bl.png') no-repeat;
}
.fc-tbx .b{
	background: url('/images/interface/formcheck/classic/img/b.png') no-repeat;
	height: 25px;
}
.fc-tbx .br{
	background: url('/images/interface/formcheck/classic/img/br.png') no-repeat;
}
.fc-tbx .c{
	background: url('/images/interface/formcheck/classic/img/c.png') repeat;
}
.fc-tbx a.close {
	float: right;
	background: url('/images/interface/formcheck/classic/img/close.png') no-repeat;
	position: relative;
	margin-left: 5px;
	display: block;
	width: 10px;
	height: 10px;
	cursor: pointer;
}
.fc-tbx .err {
	float: left;
}
.fc-tbx p {
	width : auto;
	display: block;
	font-size: 10px;
	font-family: tahoma, verdana, "sans-serif";
	margin : 0;
	padding : 0;
	border : 0;
	color : #FFF;
}

.ajax_loader {
	background : url('/images/interface/formcheck/classic/img/ajax-loader.gif') no-repeat center;
	width : 200px;
	height : 150px;
}


/* FormCheck validation div */

.fc-error {
	border : 1px solid #888;
	margin-top : 5px;
	background-color : #EAEAEA;
}
.fc-error p {
	margin : 5px;
	color : #A00;
}
/* ------------------------------------------------------- */
/* 13. SLIMBOX
/* -------------------------- */

#lbOverlay {
	position: absolute;
	top:0; left: 0;
	width: 100%;
	cursor: pointer;
	z-index: 400 !important;
	background-image: url('/images/interface/popup/overlay-fade.png') !important; _background-image: none; 

}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%; padding:0;
	overflow: hidden;
	background-color: #222; /*#fff;*/
	z-index: 440 !important;
}

.lbLoading {
	background: #fff url(http://i.wicast.fr/images/interface/slimbox/sb_loading.gif) no-repeat center;
}

#lbCanvas {
	border: none;
	background: #222;
}

#lbCanvas iframe, #lbCanvas img {
	border:1px solid #333;
	border: none;
	margin:0; padding:0;
	overflow: hidden;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 10px;
	width: 70px;
	background:url(http://i.wicast.fr/images/interface/slimbox/sb_anchor_spacer.gif);
}


#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(http://i.wicast.fr/images/interface/slimbox/sb_prevlabel.gif) no-repeat;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(http://i.wicast.fr/images/interface/slimbox/sb_nextlabel.gif) no-repeat;
}

#lbBottom {
	font-size:12px;
	font-family: Verdana, Helvetica, sans-serif;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	margin:0 0 0 10px; padding:0;
}

#lbCloseLink {
	display: block;
	float: right;
	height: 22px;
	width: 80px;
	background: transparent url(http://i.wicast.fr/images/interface/slimbox/sb_closelabel.gif) no-repeat center;
	margin:0; padding:0;
	margin-right: 18px;
}

#lbCaption, #lbNumber {
}

#lbCaption {
	font-weight: bold;
}



/* ------------------------------------------------------- */
/* 14. NOTATION
/* -------------------------- */
div.bigstars {
	height: 19px;
	width: 86px;
	background-position: 0 -22px;
}

.bigstars.eval0	{	background-position: -87px -22px;}
.bigstars.eval1 {	background-position: -69px -22px;}
.bigstars.eval2 {	background-position: -52px -22px;}
.bigstars.eval3 {	background-position: -35px -22px;}
.bigstars.eval4 {	background-position: -18px -22px;}
.bigstars.eval5 {	background-position: -1px -22px;}


div.smallstars {
	height: 13px;
	width: 62px;
	background-position: 0 -40px;
}

.smallstars.eval0 {	background-position: -61px -40px;}
.smallstars.eval1 {	background-position: -49px -40px;}
.smallstars.eval2 {	background-position: -37px -40px;}
.smallstars.eval3 {	background-position: -25px -40px;}
.smallstars.eval4 {	background-position: -13px -40px;}
.smallstars.eval5 {	background-position: -1px -40px;}

div.bigstars a span{
	visibility: hidden;
}

p.note { padding-top: 4px;float: left;  width: 50%; display: block;}
div.entries p { min-width: 50%;}


span.nota, span.nota0, span.nota1, span.nota2, span.nota3,	span.nota4,	span.nota5 {
	background-image: url("/images/interface/interface_elts.png");
	background-repeat: no-repeat;
	float: left;
	width: 62px;
	background-position: -192px -41px;
	display: block;
	height: 11px;
	margin-right: 10px;
}

span.nota1 {	background-position: -179px -41px;}
span.nota2 {	background-position: -167px -41px;}
span.nota3 {	background-position: -155px -41px;}
span.nota4 {	background-position: -143px -41px;}
span.nota5 {	background-position: -128px -41px;}

.vote:hover {	background-position: -87px -22px !important;}

#fiche a.nota1, #fiche a.nota2, #fiche a.nota3,	#fiche a.nota4,	#fiche a.nota5 {
	background-image: url("/images/interface/interface_elts.png");
	background-repeat: no-repeat;
	position: absolute;
	width: 17px;
	background-position: 120px 120px;
	display: block;
	height: 17px;
	margin-right: 0px;
	text-decoration: none;
}
#fiche a.nota1:hover, #fiche a.nota2:hover, #fiche a.nota3:hover, #fiche a.nota4:hover, #fiche a.nota5:hover {
	background-position: -1px -22px;
}

#fiche a.nota1 {	width: 17px; z-index: 5;}
#fiche a.nota2 {	width: 34px; z-index: 4;}
#fiche a.nota3 {	width: 51px; z-index: 3;}
#fiche a.nota4 {	width: 68px; z-index: 2;}
#fiche a.nota5 {	width: 85px; z-index: 1;}


/* ------------------------------------------------------- */
/* 15. PANIER
/* -------------------------- */

	#ariannePanier { margin-left: 40px;}
	#ariannePanier li { float: left; padding: 4px 10px; margin-left: 10px; color: #484b5b; border: 1px solid #484b5b;}
	#ariannePanier li.actif { color: #e3e3e3; border: 1px solid #e3e3e3;}
	

		

	
	div.entries {
		height: 86px;
		padding: 2px 0;
		clear: both;
		font-size: .9em;
		color: #aeaeae;
		position: relative;
	}
	div.entries.bis { background-color: #2f323d;	}
		
		div.entries p {	margin: 0 !important; float: left;}
		div.entries img.apercu {
			margin: 5px 10px;
			padding: 2px;
			width: 128px;
			height: 72px;
			/*background-color: #484b5b;*/
			text-transform: uppercase;
			float: left;
		}
		div.entries img.cache {
			width: 132px;
			height: 76px;
			position: absolute;
			left: 10px;
			top: 7px;
		}
		
		
		div.entries h3 	 			{ padding: 10px 20px 2px 100px; text-transform: uppercase;}
		div.entries h3 a 			{ text-decoration: none;}
		div.entries a 	 			{ color: #c5b7a4; text-decoration: none; }
		div.entries p.stats 		{ position: absolute; bottom: 7px; right: 0; width: 270px; }
		div.entries p.stats span	{ padding: 0 14px; }
		
	

/* ------------------------------------------------------- */
/* 16. COMPTE UTILISATEUR
/* -------------------------- */


	#content-identification {
		padding:0pt 30px;
		margin-left: 90px;
		width:680px;
	}

	#content-identification h1 {
		border-bottom:2px solid #2F313D;
		color:#FFFFFF;
		margin-left:0px;
		padding-bottom:5px;
		margin-top: 30px;
	}	


	div#minifiche 				{	margin: 30px 40px;}
	div#minifiche p.avatar 		{	margin: 0 10px 0 0; float: left;}
	div#minifiche p.avatar IMG  {	width: 43px; height: 43px;}
	div#minifiche p.infos 		{	margin: 0;font-size: .9em;}
	div#minifiche h2 			{	font-size: 1.6em;}
	
	
	#movers-row {	margin: -0px 0 0 44px;}
	#movers-row div { width: 30%; float: left; height: 52px; }
	.derniersMembres a { float: right; background:#DDD; height: 43px; width: 43px; border: 1px solid #ccc; }		
	

	p.friends img {border: 1px solid white;}
	p.friends a {	margin: 0 10px 6px 0; float: left;}

	#formEditAvatar p.champ input {
		border: none;
		width: 220px;
		height: 27px;
		line-height: 27px;
		padding: 0;
		float: left;
		font-size: 1.1em;
	}

 

 
 	div.content-compte {
		width: 670px;
		padding: 20px 20px 20px 35px;
		border-right: 1px solid #484b5b;
		overflow: hidden;
		float: left;
	}
	
	
 div.content-compte div.infos {
 	color: #7a7d8f;
 }	
 div.content-compte div.infos h1 {
 	padding-top: 3px !important;
 	font-weight: normal !important;
 	line-height: 10px;
 }

 div.content-compte div.infos em {
		padding-bottom: 4px;
		display: block;
 }

 div.content-compte div.infos IMG.avatar {
	 border: 3px solid #0b0b0f;
	 -moz-border-radius: 2px;
	 -webkit-border-radius: 2px;
 }
 
  
 div.content-compte div.infos p {
 	margin: 4px !important;
 }
 div.content-compte div.infos hr {
 	margin-top: 40px;
 }
 
	
 div.content-compte div.infos a{
 	text-decoration: none;
 }	
 
 div.statistiques {}
 
 div.statistiques p {
 	padding: 7px 3px; width: 100px; height: 101px; text-align:center; background: #2f323d;
 	float: left;
 	margin: 13px !important;
 }
 div.statistiques p strong{
 	color: #fff;
 }
 div.statistiques p IMG{
 	margin: 5px 0;
 }

 div.statistiques p span {
 	color: #f5e4cc; /*f5e4cc*/
 	font-size: 1.6em;
 }
 div.statistiques p a,  div.statistiques p span {
	display: block;
 }


 div#colDroite li.inactif, 
 div#colDroite h1.inactif {
 	color: #484b5b;
 	list-style: none;
 }
 
 body#page-compte div#colDroite h1 a {
 	color: #f5e4cc;
 	text-decoration: none;
 } 
 	div.generalites ul {
		margin-left: 30px;
 	}
 
 	div.generalites li {
 		font-size: 1.3em;
 		font-weight: normal !important;
		color: #f5e4cc;
		padding: 8px;
		background: url("/images/interface/icones/fleche_rose_sur_bleu.png") 0 7px no-repeat;
		padding-left: 20px;
 	}
 	div.generalites li span {
 		font-size: .8em;
 		display: block;
		color: #7a7d8f;
		padding-top: 2px;
 	}
 	
 	div.generalites p {
 		font-size: 1.3em !important;
		color: #f5e4cc;
 	}
 	
 	
 	#topStatistiques .mootabs_panel, #topStatistiques .mootabs_title {
 		width: 660px;
 	}
 	
 	#topStatistiques .mootabs_title li {
 		width: 125px;
 	}
 	#topStatistiques .mootabs_title li a {
 		text-decoration:none;
 	}
 	
 	#topStatistiques .entries {
 		height: 32px;
 	}
 	
 	#topStatistiques .entries a {
 		color: #fff;
 	}
 	
 	#topStatistiques .entries {
 		color: #fff;
 		height: 22px;
 		font-size: 1em;
 		padding-top: 10px;
 		padding-left: 25px;
 	}
 	
 	#topStatistiques .entries span {
 		display: block;
 		float: left;
 	}

 	#topStatistiques .entries span.titre {
 		width: 465px;
 	}
 	#topStatistiques .entries span.nb {
 		width: 105px;
 	}
 	#topStatistiques .entries span.etoiles {
 		width: 65px;
 		margin: 0 20px 0 20px;
 	}

 	#topStatistiques .meilleursVentes .entries span.titre {
 		width: 300px !important;
 	}
 	#topStatistiques .meilleursVentes .entries span.nb {
 		width: 105px;
 	}
 	
 	#topStatistiques .mootabs_title li {
 		background-image: none;
 		-moz-border-radius: 5px 5px 0 0;
 		-webkit-border-top-right-radius: 5px;
 		-webkit-border-top-left-radius: 5px;
 	}
 	
 	
 	div.grille-level {
 		margin-left: 120px;
 	}
 	
 	div.grille-level p {
 		float: left;
 		width: 300px;
 		color: #f5e4cc;
 	}
 	
 	div.grille-level p.ici {
 		width: 100px;
 		color: #ca2b5e;
 		text-align: center;
 	}
 	div.grille-level span, div.grille-level strong, div.grille-level em{
 		display: block;
 		float: left;
 		width: 90px;
 		height: 14px;
 	}
 	
 	div.grille-level {
 		line-height: 11px;
 	}
 	
 	div.grille-level strong {
 		color: #7a7d8f;
 		margin-bottom: 14px;
 		text-decoration: underline;
 	}
 	div.grille-level em {
 		color: #484b5b;
 		font-style: italic;
 	}
 	
 	
 	div.grille-level .condition{
 		width: 200px;
 	}
 	
 	div.Coton span.Coton, div.Bronze span.Bronze, div.Argent span.Argent, div.Or span.Or, div.Emeraude span.Emeraude, div.Saphir span.Saphir, div.Rubis span.Rubis, div.Diamant span.Diamant, div.Kryptonite span.Kryptonite {
 		color: #ca2b5e;
 	}
 	
 		div.Kryptonite p.ici {		padding-top: 28px;}
 		div.Diamant p.ici 	 {		padding-top: 42px;}
 		div.Rubis p.ici 	 {		padding-top: 56px;}
 		div.Saphir p.ici 	 {		padding-top: 70px;}
 		div.Emeraude p.ici 	 {		padding-top: 84px;}
 		div.Or p.ici 		 {		padding-top: 98px;}
 		div.Argent p.ici	 {		padding-top: 112px;}
 		div.Bronze p.ici	 {		padding-top: 126px;}
 		div.Coton p.ici		 {		padding-top: 140px;}
 
 
 
 .opCredit {clear: both; margin: 0 !important; padding-top: 8px; height: 22px; border-bottom: 1px solid #2f323d;}
 .opCredit.alt {
 	background-color: #0b0b0f;
 }
 
 .opCredit span {
 	display: block;
 	float: left;
 	color: #ccc;
 	margin-left: 10px;
 }
 .opCredit span.date {
 	color: #2f323d;
 	width: 160px;
 }
 .opCredit span.nature {
 	width: 200px;
 }
 .opCredit span.nature a{
 	color: #f5e4cc;
 }
 .opCredit span.nombre {
 	width: 140px;
 	text-align: center;
 }
 
 
 
 p.lignePaiement {clear: both; margin: 0 20px !important; padding-top: 24px; height: 36px; border-bottom: 1px solid #2f323d;}
 p.lignePaiement.last {border: none;}

 	
 
 p.lignePaiement span {
 	display: block;
 	float: left;
 	color: #f5e4cc;
 	margin-left: 10px;
 }
 p.lignePaiement span.date {
 	width: 200px;
 }
 p.lignePaiement span.ref {
 	width: 200px;
 }
 p.lignePaiement span.montant {
 	color: #fff;
 }
 p.lignePaiement span.montant strong {
 	font-size: 1.5em;
 }
 p.lignePaiement span.tel {
 	width: 100px;
 	margin-left: 40px;
 }
 p.lignePaiement span.tel a{
 	color: #f5e4cc;
 }

 p.lignePaiement span.tel IMG{
 	float: left;
 	margin: -7px 4px 0 0;
 }
 
 
 
 
		
	#myTabs {	position: relative; margin: 20px; }
	
		.mootabs_title { list-style-image: none; list-style-type: none;	margin: 0px; padding: 0px; overflow:auto; border-bottom:1px solid #222;}	
		.mootabs_title li {
			float: left;
			padding: 5px 2px 5px 2px;
			margin-right: 2px;
			cursor: pointer;
			height: 18px;
			line-height:18px;
			width: 107px;
			text-transform: uppercase;
			text-align: center;
			font-size: 0.75em;
			color: #f5e4cc;
			background: #0c0b10 url("/images/interface/fonds/bg_tabs_off.gif") top left no-repeat;
		}
		
		.mootabs_panel {
			display: block;
			background-color: #1f212a;
			position: relative;
			width: 100%;
			clear: both;
			overflow: auto;
			padding-top: 5px;
		}
		
		.mootabs_panel.active {	background-color: #2b2b39; display: block; }
		


/*
 * FRIENDS
 * ----------------------------------------
 */
 
 div.friendReq {
 	overflow: hidden; margin-bottom: 20px; width: 570px; margin-left: 40px;
 }

 div.friendReq div {
 	float: left; width: 200px;
 }

 div.friendReq div IMG {
	border: 1px solid white; margin-right: 10px; float: left
 }
 
 div.friendReq div h3 {
	margin: 0; padding-top: 3px;font-size: 2em; 
 }
 
 div.friendReq div h3 a {
	color: #fff; text-decoration: none
 }
 div.friendReq div p {
	margin: 0 !important;
 }
 div.friendReq p.refuse {
	width: 100px; float: right;
 	margin-top: 5px !important;
 }
 div.friendReq p.accept {
	14px; width: 170px; float: right;
 	margin-top: 5px !important;
 }
 
 
 div.friendReq p.refuse a,
 div.friendReq p.accept a {
 	color: #f5e4cc; 
 	text-decoration: none;
 	display: block;
 	line-height: 31px;
 }
 
 div.friendReq p.refuse a:hover,
 div.friendReq p.accept a:hover {
 	color: #fff; 
 }
 
 div.friendReq p.refuse a span {
 	width: 19px;
 	height: 19px;
 	display: block;
 	float: left;
 	margin: 5px 12px 0px 0;
	background: url("/images/interface/interface_elts.png") -941px -66px no-repeat;
 }
 
 div.friendReq p.accept a span {
 	width: 31px;
 	height: 31px;
 	display: block;
 	float: left;
 	margin: 0 12px 0 0;
	background: url("/images/interface/interface_elts.png") -900px -42px no-repeat;
 } 
 

 div.myFriend {
 	width: 320px;
 	float: left;
 	margin-left: 10px;
 	height: 45px;
 	overflow: hidden;
 }
 div.myFriend p {
 	margin: 0 !important;
 }

 div.myFriend IMG {
 }
 div.myFriend div {
 	width: 175px !important;
 }
 div.myFriend h3 {
 	font-size: 1.3em !important;
 }
  
 div.myFriend p a{
	text-decoration: none;
	color: #f5e4cc;
	display: block;
	width: 140px;
 	line-height: 19px;
 }
 div.myFriend p a:hover {
	color: #fff;
 } 
 div.myFriend p.write, div.myFriend p.delete  {
		float: right;
 }
 div.myFriend p.write a  {
	line-height: 23px;
 }
 div.myFriend p.delete a span {
 	width: 19px;
 	height: 19px;
 	display: block;
 	float: left;
 	margin: 0px 3px 0px 0;
	background: url("/images/interface/interface_elts.png") -941px -66px no-repeat;
 }
 div.myFriend p.write a span {
 	width: 19px;
 	height: 19px;
 	display: block;
 	float: left;
 	margin: 0px 3px 0px 0;
	background: url("/images/interface/interface_elts.png") -935px -43px no-repeat;
 }
  	
  	
  ul.simpleitem-gains, ul.item-gains {
  	clear: both;
  }
  
  ul.simpleitem-gains li, ul.item-gains li {
  	float: left;
  	line-height: 57px;
  	text-align: center;
  	border-bottom: 1px solid #252832;
  	background: #292b35;
  	border-right: 1px solid #383a47;
  	color: #f5e4cc;
  	font-size: 1.1em;
  }	
  ul.simpleitem-gains.alt li, ul.item-gains.alt li{
  	background: #2f323d !important;
  }

  ul.simpleitem-gains li.nom {
  	width: 320px;
  	position: relative;
  	text-align: left;
  	height: 57px;
  	overflow: hidden;
  	padding-left: 5px;
  }
  ul.item-gains li.titre {
  	width: 300px;
  	position: relative;
  	text-align: left;
  	height: 57px;
  	overflow: hidden;
  }

  ul.simpleitem-gains li.dispo {
  	width: 190px;
  	position: relative;
  	height: 53px;
  	overflow: hidden;
  	line-height: 16px;
  	padding-top: 4px;
  }  
  ul.simpleitem-gains.legend li, ul.item-gains.legend li {
  	background: #0b0b0f !important;
  	text-align: center;
  	font-weight: bold;
  	border-right: 1px solid #0b0b0f;
  	border-bottom: none;
  	line-height: 36px;
  	height: 36px;
  	font-size: 1.2em;
  	padding-top: 0;
  }  
  ul.item-gains li.titre img {
  	float: left;
  	margin: 3px 8px 3px 3px;
  	height: 47px;
  	border: 2px solid #484b5b;
  	width: 85px;
  }
  ul.item-gains li.titre span {
  	line-height: 15px;
  	display: block;
  	margin-top: 14px;
  	font-size: .95em;
  }  
  
  ul.item-gains li.gains {  	width: 100px;  }
  ul.item-gains li.nb {  			width: 120px;	}
  
  ul.item-gains li.plus {
  	width: 140px;
  	border-right: none;
  }

  ul.simpleitem-gains li.date {  	width: 95px;	}
  ul.simpleitem-gains li.nb {  		width: 155px;	}
  ul.simpleitem-gains li.prix {  	width: 150px;	}
  ul.simpleitem-gains li.com {  	width: 140px;	}
  ul.simpleitem-gains li.gains {  width: 120px;	  	border-right: none;}
  
  
  ul.simpleitem-gains li {height: 28px; line-height: 28px; color: #ccc;}
  
	ul.item-gains li.plus a {
		background: url("/images/interface/interface_elts.png") -979px -227px no-repeat;
		padding: 3px 15px 2px 25px;
		color: #f5e4cc;
	}
	
	p.myGainsTotal {
		padding: 10px;
		font-size: 1.2em !important;
		color: #DDD;
	}
	p.myGainsTotal strong{
		font-size: 1.1em !important;
		color:#FFF;
	} 
	p.goback {
		clear: both;
		padding: 25px 10px;
	}
	p.goback a {
		color: #f5e4cc;
	}
	
	
	div#ficheDetailVente img {
		float: left;
		margin: 0 10px 10px 0;
	}
	div#ficheDetailVente hr {
		clear: both;
		margin: 0 !important;
	}
	div#ficheDetailVente h3 a {
		font-weight: bold;
		font-size: 1.2em;
		color: #f5e4cc;
		text-decoration: none;
	}
	div#ficheDetailVente p strong {
		color: #f5e4cc;
	}

	div#ficheDetailVente p.actions {
		text-align: right;
		margin: 0 !important;
	}
	
	div#ficheDetailVente a.show {
		padding: 3px 35px 2px 0;
		color: #aeaeae;
		text-decoration: none;
		float: right;
		line-height: 20px;
	}
	div#ficheDetailVente a.show span {
		background: url("/images/interface/interface_elts.png") -950px -229px no-repeat;
		display: block;
		float: left;
		width: 25px;
		height: 20px;
	}
	div#ficheDetailVente a.edit {
		padding: 3px 15px 0 0;
		color: #aeaeae;
		text-decoration: none;
		float: right;
		line-height: 20px;
	}
	div#ficheDetailVente a.edit span {
		background: url("/images/interface/interface_elts.png") -951px -202px no-repeat;
		display: block;
		float: left;
		width: 20px;
		height: 20px;
	}
	
	
	
	
	
	/* PAYPAL */
	
	
	
	div.payal-missing p.infos, div.payal-ok p.infos {
		padding: 10px 0 10px 60px;
		background: url("/images/interface/icones/ico_no_message.png") 14px 20px no-repeat;
	}
	div.payal-ok p.infos {
		padding: 10px 0 10px 60px;
		background: url("/images/interface/icones/ico_succes.png") 14px 20px no-repeat;
	}
	
	
	div.payal-missing label input {
		float: left;
		clear: both;
		margin-top: 10px;
	}
	
	div.payal-missing label p {
		float: left;
		padding-left: 10px;
	}
	

	div.payal-missing label {
		margin-left: 30px;
		display: block;
		cursor: pointer;
	}
	div.payal-missing div.mails, div.payal-ok div.mails {
		clear: both;
		margin-left: 120px;
	}
	div.payal-ok div.mails {
		margin-left: 70px;
	}
	div.payal-missing div.mails p, div.payal-ok div.mails p {
		float: left;
		width: 200px;
	}
	div.payal-missing div.mails p span, div.payal-ok div.mails p span {
		display: block;
	}
	div.payal-missing div.mails input, div.payal-ok div.mails input {
		border: none;
		padding: 6px 4px;
	}
	div.payal-missing div.mails p.erreur, div.payal-ok div.mails p.erreur {
		color: red;
	}
	
	
	
	div.infos-missing {
	}
	
	div.infos-missing hr {
		margin: 20px 0 30px 0;
	}
	
	div.infos-missing h2 {
		padding: 0 0 0 40px;
		line-height: 25px;
		background: url("/images/interface/icones/ico_no_message.png") 0 0 no-repeat;	
		font-size: 1.2em;
		color: #f5e4cc;
	}

	div.infos-missing p {
		padding: 0 0 0 70px;
		font-size: 1.2em !important;
	}
	
	h2.payapl-cumul {
		font-size: 1.2em;
		padding-left: 30px;
		margin-top: 10px;
		color: #f5e4cc;	
	}
	

	div.paypal-box {
		width: 225px;
		float: left;
		margin: 20px 50px;		
	}
	div.paypal-box span, div.weecast-box span {
		display: block;
		text-decoration: underline;
		font-size: 1.2em;
		text-align: center;
		margin-right: 10px;
	}
	div.paypal-box IMG {
		margin: 10px 0 10px 50px;
	}
	div.paypal-box.inactif {
		-moz-opacity: .2;
		-webkit-opacity: .2;
	}


	div.weecast-box {
		width: 225px;
		float: left;
		margin: 20px 0px 20px 60px;		
	}
	div.weecast-box IMG {
		margin: 10px 0 10px 20px;
	}
	
	div.mouvements h2 {
		font-size: 1.2em;
		padding-left: 30px;
		color: #f5e4cc;
		margin-bottom: 20px;	
	}

	p.ligneMouvement, p.ligneMouvement-legende { height: 30px; margin: 0 0 0 25px !important;}
	p.ligneMouvement-legende span { 
		background: #0b0b0f;
		font-weight: bold;
	}
	p.ligneMouvement span, p.ligneMouvement-legende span { 
		width: 100px;
		text-align: center;
		line-height: 30px;
		display: block;
		float: left;
		color: #f5e4cc;
	}

	p.ligneMouvement { height: 50px; }
	p.ligneMouvement span {
		line-height: 50px;
		background: #2f323d;
	}

	p.ligneMouvement.bis span {
		background: #292b35;
	}

	p.ligneMouvement-legende span.date {}
	p.ligneMouvement span.ref, p.ligneMouvement-legende span.ref {width: 200px; text-align: left;}
	p.ligneMouvement-legende span.montant {}
	p.ligneMouvement-legende span.etat {}
	p.ligneMouvement span.tel {line-height: 34px;}
	p.ligneMouvement a {display: block; margin-top: 12px;}
	
	
	
	
	div.paiement-weecast h2 {
		font-size: 1.2em;
		padding-left: 30px;
		color: #f5e4cc;
		margin-bottom: 20px;		
	}

	
	div.paiement-weecast h2, div.paiement-succes h2 {
		font-size: 1.2em;
		padding-left: 30px;
		color: #f5e4cc;
		margin-bottom: 20px;		
	}

	div.paiement-weecast input {
		width: 40px;
		margin-top: -5px;
		text-align: center;
		border: 1px solid #fff;	
	}

	div.paiement-weecast p.champ {
		margin-left: 200px !important;
		line-height: 20px;
	}
	div.paiement-weecast p.champ strong {
		width: 100px;
		display: block;
		float: left;
		padding-right: 10px;
		text-align: right;
	}		
	
	div.paiement-weecast p.error {
		color: #F00;
	}	
	
	div.paiement-succes {
		background: url("/images/interface/icones/ico_succes.png") 0px 0px no-repeat;
		padding: 5px;
	}
	div.paiement-succes p {
		margin-left: 30px !important;
	}
	
	
	
	div#profil-bio {	}
	div#profil-bio span { display: block; font-weight: bold; color: #fff;	}	
	div#profil-bio strong { display: block; color: #ca2b5e; text-transform: uppercase;	}	
	
	
	
	

.conseilWee {
	margin-top: 5px;
}

.conseilWee div.infos {
	margin-top: 5px;
	background: #18191f;
	height: 78px;
	width: 463px;
	float: left;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 2px;
}
.conseilWee div.infos p {margin: 0}
#page div.conseilWee div.infos p.apercu {float: left; margin: 14px;}
.conseilWee div.infos h5 {
	color: #ca2b5e;
	text-transform: uppercase;
	margin: 14px 0 8px 0;
}
.conseilWee div.infos, .conseilWee div.infos a {color: #484b5b;}
.conseilWee p.bulle { float: left;	margin-top: 18px; background: transparent url("/images/interface/fonds/bulle-pack.png") center left no-repeat;}
.conseilWee p.bulle IMG{	margin-left: 21px; margin-top: 10px; border: 1px solid #18191f;}	




/*6a6e75*/


#menuParrainage {
	height: 37px;
	border-bottom: 4px solid #2f323e;
	width: 450px;
	float: left;
}

#menuParrainage li {
	float: left;
	color: #f5e4cc;
	line-height: 37px;
	text-align: center;
	background: #000000;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius: 4px 4px 0 0;
}
#menuParrainage li a {
	color: #f5e4cc;
	line-height: 37px;
	display: block;
	text-decoration: none;
	text-align: center;
}
#menuParrainage li.actif {
	background: #2f323e;
}

#menuParrainage li.presentation {width: 139px; margin-right: 2px;}
#menuParrainage li.badges {width: 139px; margin-right: 2px;}
#menuParrainage li.gains {width: 138px; margin-right: 2px;}





a.bt-rejoindre-parrainage {float: right; margin: 12px 20px 0 0;}

div#parrainage {clear: both; margin-top: 20px; padding: 0 40px 0 20px; color: #81868f; line-height: 1.3em;}
div#parrainage p {margin: 25px 0; text-align: justify;}
div#parrainage h2 {
	font-size: 14px;
	color: #f5e4cc;
	margin: 20px 0;
}

div#parrainage ul.exemples {margin: 30px 30px 40px 30px;}
div#parrainage ul.exemples li {
	margin: 10px 0 10px 10px;
	padding-left: 22px;
	background: url("/images/interface/icones/fleche_rose_sur_bleu.png") 0 -1px no-repeat;
}
div#parrainage ul li strong {
	color: #f5e4cc;
	font-weight: normal;
}
div#parrainage em {font-style: italic;}

div#parrainage ul { margin: 0;}

div#badges {	width: 525px; margin-left: 30px; padding-bottom: 20px;}
div#badges div.visuel {	border-top: 1px solid #000;}
div#badges div.badge {	margin-bottom: 45px;}
div#badges p.size {
	text-align: center;
	color: #fff;
	height: 18px;
	margin: -8px 0 5px 0;
}
div#badges div.visuel p.size span {
	font-size: 11px;
	background: #1f212a;
	padding: 0 8px;
}

div#code p.code, div#badges p.code {	margin: 15px 0 10px 0;}
div#code p.code strong, div#badges p.code strong { font-weight: normal;}
div#code textarea, div#badges p.code textarea { font-family: Arial; margin-top: 6px; color: #d8cab6; font-size: 11px; padding: 2px 6px; border: none; width: 100%; height: auto; overflow: hidden; height: 42px; background: #2f323e;}

div#code p.code { width: 280px; margin-bottom: 0; margin-left: 150px;}
div#code textarea { clear: both; margin-left: 150px;height: 38px; line-height: 38px; width: 280px; text-align: center;}


form.formFacture {
			padding: 20px 5%;
			width: 90%;
}

form.formFacture p.champs {
	height: 20px;
	clear: both;
}

form.formFacture p.champs strong {text-align: right; font-weight: normal; font-size: 13px; line-height: 30px; margin: 0 20px 0 0; width: 140px; float: left; display: block;}
form.formFacture p.champs input {
	padding: 5px;
	border: none;
	-webkit-border-radius: 2px;
	width: 220px;
}
form.formFacture p.champs input.cp {	width: 50px;}
form.formFacture p.champs input.ville {	width: 156px;}
form.formFacture p.champs input.pays {	text-transform: uppercase;}


a.export {
	background: url("/images/interface/export.png") 0 0 no-repeat;
	padding: 2px 15px 2px 20px;
	color: #999;
	text-decoration:none;
}

#formCode {background: url(http://i.wicast.fr/images/interface/icones/ico-cochon.png) 3px 5px no-repeat; padding: 0 0 10px 80px;}
#formCode p.champ {margin-top: 25px;}
#formCode p.champ strong {display: block; line-height: 20px;}
#formCode input.mycode {
	border: 1px solid #eee; padding: 4px; font-size: 1.4em;
	width: 150px;
	float: left;
}
div.code div.heading p {}
div.code p.error {padding-left: 82px; color: #ca2b5e;}
div.code p.gain {padding-left: 82px; color: #fff;}

div.code input[type=submit] {background: #0b0b0f; border: none; color: #fff; height: 30px; margin-top: 2px; margin-left: 4px; cursor: pointer;}

div.code input[type=submit]:hover {background: #ca2b5e;}



.player-insctructions  {font-size: 14px; line-height: 24px; color: #eee;}
.player-insctructions table {margin-top:10px; width: 100%; color: #ddd;}
.player-insctructions .dl {color: #7a9629;}
.player-insctructions .links a {color: #ccc; background: url(/images/interface/05.account/ico_link_triangle.png) center left no-repeat; padding-left:15px;}


/* ------------------------------------------------------- */
/* 17. CONTACT
/* -------------------------- */

div#contactThematiques, div#contactFaq, div#contactMessage {
	width: 273px;
	float: left;
	padding-left: 25px;
}

div#contactThematiques, div#contactMessage {
	border-right: 1px solid #7a7d8f;
	padding: 0 20px;
	width: 615px;
}
div#contactMessage {
	width: 575px;
}
div.messageFaq {
	width: 313px !important;
}


div#contactMessage h2, div#contactThematiques h2, div#contactFaq h2 {
	font-size: 1.2em;
	color: #f5e4cc;
	margin: 0 0 20px 0;
}

div#contactMessage h2 strong, div#contactThematiques h2 strong, div#contactFaq h2 strong {
	border-bottom: 1px solid #7a7d8f;
	padding: 0 12px 6px 0;
}

div#contactMessage h3, div#contactThematiques h3, div#contactFaq h3 {
	text-transform: none;
	font-weight: normal;
	font-size: 14px;
	color: #f5e4cc;
	margin: 40px 0 25px 0px;
	clear: both;
}
div#contactMessage h3, div#contactThematiques h3 {
	margin-bottom: 0 !important;
}
div#contactMessage h3 span, div#contactThematiques h3 span, div#contactFaq h3 span {
	background: url("/images/interface/interface_elts.png") -882px -39px no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
}

div#contactThematiques p.avertissement {
	margin: 4px 0 50px 21px !important;
	color: #929090;
}


div#contactThematiques label strong{
	color: #f5e4cc;
	margin-left: 7px; 
	font-size: 14px;
}

div#contactThematiques label span{
	display: block;
	color: #929090;
	font-size: 12px;
	line-height: 14px;
	margin-top: 6px;
}
div#contactThematiques label {
	display: block;
	margin: 0 0 30px 21px;
}


div#contactMessage ul.contact, div#contactThematiques ul.contact {
	margin: 20px;
	clear: both;
	padding: 30px 0 0px 30px;
}


div#contactMessage ul.contact li, div#contactThematiques li {
	float: left;
	width: 340px;
	color: #929090;
}
div#contactMessage ul.contact li.type, div#contactThematiques li.type {
	font-weight: strong;
	color: #f5e4cc;
	font-size: 1.2em;
	width: 200px;
}

div#contactFaq a {
	display: block;
	color: #929090;
	text-decoration: none;
	line-height: 1.5em;
}



form#formContact select{
	padding: 10px;
	width: 310px;
	color: #444;
	background: #e3e3e3;
	font-size: 1.3em;

}
form#formContact textarea{
	padding: 10px;
	width: 290px;
	color: #444;
	background: #e3e3e3;
	margin-left: 14px;
	height: 200px;
}

form#formContact option{
	padding: 0 10px;
}







form#formContact h2 {
	font-size: 1.3em; font-weight: bold; color: #f5e4cc;
	margin: 10px 0 8px 0 !important;
}
form#formContact h2 span { 
	color: #ff017D;
}
form#formContact h2 em {
	font-style: italic; font-weight: normal
}

form#formContact input.champ {
 padding: 7px 10px;
 margin-left: 14px; 
 width: 290px;
 background: #eee;
 border: none;
 font-size: 1.3em;
} 
form#formContact select.champ {
 margin-left: 14px;
 background: #eee;
 border: none;
}


form#formContact p.recommandation {
 margin-left: 14px; 
 width: 464px; 
 text-align: justify;
 color: #7a7d8f;
 border: none;
} 

form#formContact div.fieldbox {
	width: 570px;
}








/* $$$$$$$$ ex contact */

form#formulairedecontact span, form#formulairedecontact strong {
	float: left;
	display: block;
	width: 170px;
} 

form#formulairedecontact INPUT, form#formulairedecontact TEXTAREA {
	clear: both !important;
	display: block;
	margin-bottom: 5px;
	padding: 1px;
	border: 1px solid #fff;
	background: #fff;
}
form#formulairedecontact span {
	color: #ff0000;
}

form#formulairedecontact h2 {
	font-size: 14px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------- */
/* 18. CREDITS
/* -------------------------- */
#content-credits {
	padding: 0 30px;
	border-right: 2px solid #484b5b;
	width: 680px;
	float: left;
}

div.colDroiteCredits {
	padding: 0 0 0 10px;
	float: left;
	width: 200px;
	color: #f5e4cc;
}

div.colDroiteCredits IMG {
	margin: 5px 0 20px 20px;
}
#content-credits h4 {
 color: #f5e4cc;
 font-weight: bold;
 margin: 50px 0 15px 0;
 padding-left: 15px;
 background: url("/images/interface/interface_elts.png") -990px -153px no-repeat;
}

#etapes3 ul, #etapes4 ul {
	background: url("/images/interface/fonds/credits_etapes3.png") center center no-repeat;
	height: 70px;
	width: 540px;
	overflow: visible;
	text-align: right;
	margin-left: 100px;
	margin-bottom: 20px;
}
#etapes4 ul {
	background: url("/images/interface/fonds/credits_etapes4.png") center center no-repeat;
	width: 720px;
	overflow: visible;
	text-align: right;
	margin-left: 0;
	margin-bottom: 40px;
}



#etapes3 ul li, #etapes4 ul li {
	background: url("/images/interface/fonds/credits_rond_etape.png") center center no-repeat;
	width: 180px;
	height: 70px;
	float: left;
	text-align: center;
	font-size: .9em;
	color: #7a7d8f;
}


#etapes3 ul li.actif span, #etapes4 ul li.actif span {
	color: #fff;
}

#etapes3 ul li.raye, #etapes4 ul li.raye {
	color: #484b5b;
}


#etapes3 ul li span, #etapes4 ul li span {
	display: block;
	padding: 27px 0 16px 1px;
	font-size: 1.7em;
	font-weight: bold;
}

form#formCredits {
	width: 600px;
	margin-left: 40px;
	padding-top: 20px;
}

#content-credits h1{
	border-bottom: 2px solid #2f313d;
	padding-bottom: 5px;
	width: auto !important;
	margin-left: 0px;
	color: #fff;
}
#content-credits h2{
	display: block;
}
form#formCredits p.legend{
	color: #484b5b;
	margin: 5px 0 30px 0;
}

#content-credits input.btradio{
	background: #1f212a;
}


form#formCredits input.radio{
	float: left;
	clear: both;
	margin-bottom: 20px;
	margin-left: 100px;
	background: #1f212a;
}
form#formCredits label{
	display: block;
	clear: both;
}
form#formCredits span{
	line-height: 19px;
}
form#formCredits span.credits{
	display: block;
	float: left;
	width: 200px;
	font-size: 1.5em;
	color: #fff;
	padding-left: 10px;
}
form#formCredits span.prix {
	color: #fff;
	display: block;
	padding-top: 1px;
}
form#formCredits em.reduc{
	color: #484b5b;
	padding-left: 2px;
	font-style: normal;
}







/* Identification */

.signin {
	width: 250px;
	height: 150px;
	float: left;
	margin: 30px 0 0 30px;
}

.signin span {	
	display: none;
}
.signin input {	
	border: none;
	width: 177px;
	height: 16px;
	padding: 6px 14px;
	font-size: 1.1em;
}
.signin p.champ  { 
	display: block;
	margin: 6px 0;
}
.signin p.champ label { 
	display: block;
	width: 197px;
}

.signin .btAction {	
	padding: 4px 0 4px 45px;
	margin: 10px 0 0 0;
}
.signin p.oubli {
	padding-left: 45px;
}


.register {
	width: 320px;
	padding: 0 0px 0 40px;
	border-left: 1px solid #484b5b;
	height: 150px;
	float: left;
	margin: 30px 0 0 0px;
}

.register p.avantages {
	margin: 6px 0 10px 0;
	color: #7a7d8f;
	font-weight: normal !important;
	font-size: 12px;
	line-height: 1.2em;
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.register .btAction {
	padding: 4px 0 4px 45px;
	margin-top: 15px;
}




#content-credits h3 {
	color: #fff;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}	


#content-credits h3 em{
	font-style: italic;
	text-transform: capitalize;
}

.register h2, .signin h2 {	
	color: #ca2b5e;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 10px;
}	

.register h2 span {
	color: #484b5b;
	text-transform: none;
}




/* etape 3 */


.tabCommande p {
	margin: 1px 0 0 0 !important;
	clear: both;
	background: #484b5b;
}

.tabCommande p {
	color: #fff;
	background: #18191F;
	padding: 15px;
	height: 15px;
	overflow: hidden;
}

.tabCommande p.legend {
	font-weight: bold;
	background: #0b0b0f;
	padding: 10px;
	height: 15px;
	overflow: hidden;
}
.tabCommande p span.nom{
	width: 37%;
	text-align: left;
	padding-left: 3%;
}
.tabCommande p span.nom em{
	font-style: italic;
}
.tabCommande p span{
	display: block;
	float: left;
	width: 20%;
	text-align: center;
	overflow: hidden;
}
.tabCommande p.legend span.nom{
	width: 40%;
	margin-top: 0;
	padding-left: 0;
}

p.a-payer {
	float: right;
	width: 25%;
	background: #0b0b0f;
	font-weight: bold;
	color: #fff;
	padding: 10px 10px;
	margin-top: 15px !important;
	text-transform: uppercase;
	position: relative;
}

p.a-payer span {
	line-height: 20px;
	padding-right: 10px;
	font-size: 1.4em;
	position: absolute;
	display: block;
	font-weight: normal;
	right: 0;
	top: 7px;
}

#content-credits p.note {
	clear: both;
	margin: 10px;
	font-size: .9em !important;
	width: 100%;
	color: #e3e3e3;
}

div.champs-facture {
	margin-top: 20px;
}

div.champs-facture span {
	display: block;
	float: left;
	width: 100px;
	clear: both;
	color: #fff;
	padding: 7px;
}
div.champs-facture input {
	float: left;
	border: none;
	background: #fff;
	padding: 3px;
}

#content-credits p.code{
	padding: 10px 20px;
	color: #fff;
}
#content-credits p.code input {
	border: none;
	background: #fff;
	padding: 3px;
}

div.btActionIcone.plus a{
 margin: 0;
 padding-left: 45px;
}


#formMercanet form div:first {display: none;}

#content-credits p.recap {padding: 20px 0 0 25px; font-weight: bold; }

#formCartes {
	padding: 25px 0 0 25px;
}
#formCartes p span { display: block; float: left; padding-left: 10px; width: 260px;  margin-right: 48px; padding-bottom: 20px; font-size: 11px; line-height: 15px; }
#formCartes input {clear: both;}
#formCartes img { margin: 0 15px; cursor: pointer;}






/*
	MES CLASS POUR AJAX
*/
#inscription{
	overflow:visible;
}


/*
	WILL DOIT RANGER
*/
body#page-accueil #argumentaire {
		height: auto;
		width: 320px;
		border: none;
	}
	
	#content-credits div.signin strong{
		font-size: 1.1em; display: block; height: 16px;
	}

	#content-credits div.signin p.champ input {
		
	}

	#content-credits div.signin:hover {
		-moz-opacity: 1;
		opacity: 1;
		-webkit-opacity: 1;
	}
	#content-credits div.signin {
		background: #0b0b0f;
		width: 210px;
		height:250px;
		position: relative;
		padding: 20px 25px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;	
	}

/*
	INSCRIPTION AJAX
*/
	#cacheInscription{
		position:relative;
		background: #0b0b0f;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		width:340px;
		float:right;
		height:290px;
		margin-top:30px;
	}
	.cacheInscription{
		position:relative;
		width:340px;
		height:600px;
		overflow:hidden;
	}
	#totalInscription{
		position:absolute;
		top:0;
		left:0;
		width:1200px;
	}
	.formInscription {
		width: 342px;
		float:left;
		position: relative;
		margin: 20px 30px 10px 0;
	}
	
	#content-credits div.signin:hover {
		opacity:1!important;
	}
	.formInscription .separateur {clear: both; background: #2c2f3c;padding:0; width: 274px; border: none; height: 1px; margin: 15px 0 0 30px;}
	.deco-free {position: absolute; top: -11px; right: -17px; z-index:1000; width: 52px; height: 54px; background: url("/images/interface/icones/badge-free.png") 0 0 no-repeat;}
	.formInscription p, .formInscription p.champ{margin-bottom: 0; background: none; width: 300px; margin-left: 30px!important;}
	.formInscription p.champ label strong em {
		color:#7A7D8F;
		font-style:italic;
		font-weight:normal;
	}	
	.formInscription p.champ label strong {
		height:16px;
		margin-left:0;
		width:350px;
		display:block;
		font-size:1.1em;
	}
	.formInscription div.error {
		margin:3px 0 0 30px !important;
		overflow:visible;
		color:#C92B5F !important;
		height:10px;
		font-size:1em !important;
		padding:0 !important;
	}
	.formInscription p, .formInscription p.champ {
		margin-bottom:0 !important;
	}
	
	#page .formInscription p.checkbox {margin: 10px 0 10px 50px;}
	.formInscription p.checkbox input {background: #0b0b0f; float: left; margin-top: -2px;}
	
	#argumentaire strong {color: #eee;}
	#argumentaire div.avantages {float: left; width: 210px; margin: 15px 0 0 15px;}
	#argumentaire div.avantages strong {text-transform: uppercase; font-size: 14px;}
	#argumentaire div.avantages ul li {text-indent: 15px; line-height: 14px; background: url("/images/interface/icones/pucette-rose.png") 0 3px no-repeat;}
	
	p.merci strong {color: #fff; display: block; margin-top: 15px;}

	ul.arguments {
		margin: 10px 0 15px 50px;
	}
	ul.arguments li {
		line-height: 22px; color: #fff; font-size: 14px; font-weight: bold;
		list-style-image: url("/images/interface/icones/tick-verte.png");
	}
	#ajaxLoading{
		display:none;
		background:url("/images/interface/credit_loading.gif");
		margin:10px;
		width:16px;
		height:16px;
		float:left;
	}

	/*success*/
	#content-success{position:relative;text-align:center;}
	#content-success h1 {color: #fff; font-size: 25px; margin: 40px 0 10px 0; font-weight: bold;}
	#content-success h2 {color: #b2b2b2; font-size: 18px; margin: 10px 0 10px 0; font-weight: normal;}
	#zoneSuccessAction{position:relative;background:url("/images/interface/fonds/bg_success.png");width:960px;height:397px;overflow:hidden;margin: 25px 0 0 0;border-bottom: 1px solid #2b2b2b;}
	.successAction {float:left;width:256px;text-align:left;margin: 30px 20px 0 36px; overflow:hidden}
	.successAction img{margin:0;padding:0;}
	.successAction hr {border-top: 1px solid #2b2b2b; margin:15px 10px; 15px 10px;;}
	
	.tuto-fav {width: 960px; margin: 20px 14px 50px 0;float: left; text-align:left;  }
	.tuto-fav div.entries {border-top: 1px solid #3b3f4f; width: 960px; padding:0; height: auto;}
	.tuto-fav div.entries p {width: 946px; border-bottom: 1px solid #3b3f4f; background: #22242d; padding: 5px 7px; height: 50px; border-top: 1px solid #1f212a; position: relative; }
	.tuto-fav div.entries IMG {float: left;position: relative; z-index: 8; margin-right: 15px; border: 2px solid #18191f; }
	.tuto-fav div.entries span.infos { position:relative; z-index: 10; display: block; float: left;color: #7a7d8f; padding-top: 7px; width: 560px;}
	.tuto-fav div.entries span.cache {background:url(http://i.wicast.fr/images/interface/cache_recherche.png) 0 0 no-repeat; display:block; width: 85px; height: 47px; position: absolute; top: 7px; left: 9px; z-index: 9;}
	.tuto-fav div.entries p span.infos a {color: #98a1bc; font-size: 15px; line-height: 20px;}
	.tuto-fav div.entries p strong {font-weight: normal;}
	.tuto-fav div.entries p em {color: #7A7D8F;margin-left: 10px; font-size: 12px;}
	.tuto-fav div.entries img.loader {border: none; margin: 18px 0 19px 10px;}
	.tuto-fav div.entries a.suivant {clear: both; display: block; color: #F7EAD8; font-size: 13px;text-decoration: underline; padding-left: 25px; line-height: 40px; background: transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) no-repeat scroll left center;}

	#arguments-credits {margin: 0 40px;}
#arguments-credits div.heading {width: 830px; background: #171820;}
#arguments-credits div.heading h1 {padding: 20px 0 10px 20px; color: #fff; font-weight: normal; font-size: 22px;}
#arguments-credits div.heading h2 {padding: 0 0 20px 46px; color: #fff; font-size: 30px;}

#arguments-credits ul.avantages {margin: 30px 0 30px 35px; }
#arguments-credits ul.avantages li { background: url(http://i.wicast.fr/images/interface/statiques/grosse-tick-verte.png) center left no-repeat; padding: 10px 0 10px 40px; line-height: 20px; font-size: 14px; color: #fff;}


#arguments-credits h3 {color: #fff; font-size: 14px; text-decoration: underline; margin: 20px 10px;}

#arguments-credits div.presse p {margin: 10px 0 60px 30px;}

#arguments-credits div.temoignages blockquote {clear: both; color: #fff; font-size: 20px; font-style: italic; padding: 20px 0 10px 95px;}
#arguments-credits div.temoignages div.temoignage {margin-left: 30px;}
#arguments-credits div.temoignages div.avatar {
	float: left;
	text-align: center;
	color: #fff;
	font-size: 14px;
	width: 95px;
}
#arguments-credits div.temoignages div.avatar IMG { border: 3px solid #171820;}
#arguments-credits div.temoignages div.extrait {
	background: #171820;
	color: #fff;
	font-size: 14px;
	float: left;
	width: 600px;
}
#arguments-credits div.temoignages div.extrait p { margin: 0; padding: 18px; }


#arguments-credits p.accroche {font-size: 30px; margin: 30px -10px; color: #fff;}


body#page-credits2 div#login-wrapper, 
body#page-credits2 div#menu, 
body#page-credits2 div#recherche, 
body#page-credits2 div#zone-logiciels, 
body#page-credits2 div#footer {display: none;}

body#page-credits2 div#page {padding-bottom: 0px;}
body#page-credits2 div.offre {
	height: 64px; 
	-moz-opacity: .8; 
	-webkit-opacity: .8; 
	opacity: 0.8; 
	filter: alpha(opacity=80);

	overflow: hidden; border: 1px solid #343643; border-width: 1px 0; padding: 5px 0; margin-bottom: -1px;
}

body#page-credits2 div.offre:hover {
	-moz-opacity: 1;
	-webkit-opacity: 1; 
	opacity: 1;
	filter: alpha(opacity=100);
}


body#page-credits2 form#formCredits {width: 650px; margin-left: 20px;}
body#page-credits2 form#formCredits div.offre input.radio {margin: 25px 15px 0 0;}
body#page-credits2 form#formCredits div.offre label {cursor: pointer; clear: none; float: left;}
body#page-credits2 form#formCredits div.offre label.card {background-color: #18191f; width:128px; height:56px; border: 3px solid #18191f; border-width: 4px 3px; text-align: center; color: #fff; line-height: 58px; font-size: 18px;}

body#page-credits2 form#formCredits div.offre label.desc {color: #999; text-align: left; margin: 10px 0 0 20px; width: 220px; line-height: 14px; }
body#page-credits2 form#formCredits div.offre label.prix {float: right; padding-right: 155px;font-size: 21px; font-weight: bold;margin: 0; padding-top: 14px; height: 44px; width: 85px; text-align: right; color: #fff; }
body#page-credits2 form#formCredits div.offre label.prix span {font-size: 12px; font-weight: normal;}
body#page-credits2 form#formCredits div.offre label.prix s {display: block; margin-top: -1px;font-size: 12px; font-weight: normal; color: #999;}

body#page-credits2 div.offre5 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -46px 0  repeat-y;}
body#page-credits2 div.offre10 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -37px 0  repeat-y;}
body#page-credits2 div.offre12 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -33px 0  repeat-y;}
body#page-credits2 div.offre16 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -28px 0  repeat-y;}
body#page-credits2 div.offre20 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -21px 0  repeat-y;}
body#page-credits2 div.offre25 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -7px 0  repeat-y;}
body#page-credits2 div.offre30 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}
body#page-credits2 div.offre45 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}
body#page-credits2 div.offre50 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}




body#page-credits2 div.offre5 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_5percent.png") right 7px no-repeat}
body#page-credits2 div.offre10 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_10percent.png") right 7px no-repeat}
body#page-credits2 div.offre12 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_12percent.png") right 7px no-repeat}
body#page-credits2 div.offre16 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_16percent.png") right 7px no-repeat}
body#page-credits2 div.offre20 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_20percent.png") right 7px no-repeat}
body#page-credits2 div.offre25 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_25percent.png") right 7px no-repeat}
body#page-credits2 div.offre30 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_30percent.png") right 7px no-repeat}

body#page-credits2 div.offre26 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_26percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre32 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_16percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre35 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_35percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre40 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_40percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre45 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_45percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre50 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_50percent_r.png") right 7px no-repeat}




/* SOLDES */



body#page-credits2 div.offre11 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") -37px 0  repeat-y;}
body#page-credits2 div.offre37 label.card,
body#page-credits2 div.offre50 label.card,
body#page-credits2 div.offre65 label.card,
body#page-credits2 div.offre108 label.card,
body#page-credits2 div.offre136 label.card,
body#page-credits2 div.offre140 label.card
 {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}


body#page-credits2 div.offre11 label.prix {background: transparent url("/images/interface/promos/20percent.png") right 7px no-repeat}
body#page-credits2 div.offre37 label.prix {background: transparent url("/images/interface/promos/20percent.png") right 7px no-repeat}
body#page-credits2 div.offre50 label.prix {background: transparent url("/images/interface/promos/25percent.png") right 7px no-repeat}
body#page-credits2 div.offre65 label.prix {background: transparent url("/images/interface/promos/30percent.png") right 7px no-repeat}
body#page-credits2 div.offre140 label.prix {background: transparent url("/images/interface/promos/50percent.png") right 7px no-repeat}
body#page-credits2 div.offre108 label.prix {background: transparent url("/images/interface/promos/40percent.png") right 7px no-repeat}
body#page-credits2 div.offre136 label.prix {background: transparent url("/images/interface/promos/45percent.png") right 7px no-repeat}


/* body#page-credits2 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_25percent_r.png") right 7px no-repeat}*/



/* FIN SOLDES */



/* promo 04/2010 */
/*body#page-credits2 div.offre25 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_10percent_r.png") right 7px no-repeat}*/
body#page-credits2 div.offre45 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_20percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre71 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_30percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre78 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_30percent_r.png") right 7px no-repeat}
body#page-credits2 div.offre85 label.prix {background: transparent url("/images/interface/boutons/credits_offerts_30percent_r.png") right 7px no-repeat}

body#page-credits2 div.offre71 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}
body#page-credits2 div.offre78 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}
body#page-credits2 div.offre85 label.card {background: #18191f url("/images/interface/fonds/bg_card_credits.png") 0 0  repeat-y;}






body#page-credits2 #more-forfait {background: transparent url("/images/interface/icones/ico-plus-vert.png") center left no-repeat; text-decoration: underline; cursor: pointer; font-weight: bold; color: #ddd;padding-left: 20px; font-size: 14px !important; }


body#page-credits2 div.operator {float: left; height: 90px; overflow: hidden; margin-bottom: 0px;}
body#page-credits2 div.operator p.txt {-moz-border-radius: 3px; -webkit-border-radius: 3px; color: #efefef; background: #18191f; padding: 10px 15px; width: 350px; float: left;}

body#page-credits2 div.operator p.avatar IMG {margin: 10px 0 0 18px;}

body#page-credits2 div.operator p.avatar {
	background: transparent url(http://i.wicast.fr/images/interface/fonds/bulle-pack.png) no-repeat scroll left center;
	float:left;
	margin-top:12px;
}

body#page-credits2 div.colDroiteCredits {width: 220px;}
body#page-credits2 .colDroiteCredits p{color: #999; margin: 15px 0;}
body#page-credits2 .colDroiteCredits h4 {
	background:transparent url("/images/interface/icones/pucette-rose.png") 0 4px no-repeat;
	color:#fff;font-weight:bold;padding-left: 15px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: 3px;
}
body#page-credits2 #page p.pucette {margin: -5px 0 10px 9px; text-indent: 17px;}
body#page-credits2 p.pucette IMG {margin: 0 4px; }
body#page-credits2 p.pucette strong {color: #fff; }
body#page-credits2 p.pucette em {font-style: italic; }

body#page-credits2 h1.step1 {background:transparent url("/images/interface/payment/payment_100percent_secure.png") center right no-repeat; padding-bottom: 10px; margin-bottom: 10px;}


/* ------------------------------------------------------- */
/* 19. UPLOAD
/* -------------------------- */
#upload-content {
	padding: 30px 100px 30px 30px;
	border-right: 2px solid #484b5b;
	width: 580px;
}



form#formFiche, #upload-content form {
 padding: 10px 20px; width: 560px; margin: 30px auto;	
}
 
form#formFiche p.conseils, #upload-content p.conseils {
	font-weight: bold;
	margin-left: 40px

}
form#formFiche ul.conseils, #upload-content ul.conseils {
	margin-left: 60px;
	margin-bottom: 40px;
}
form#formFiche ul.conseils li, #upload-content ul.conseils li {
	background: url("/images/interface/interface_elts.png") -990px -150px no-repeat;
	text-indent: 20px;
	padding: 3px 0 0 0;
}


form#formFiche p.disclaimer, #upload-content p.disclaimer {
	width: 600px; margin: 20px auto;
	text-align: justify;
}
form#formFiche p.disclaimer strong, #upload-content p.disclaimer strong {
	display: block;
	padding: 10px 0;
	color: #f5e4cc;
}


form#formFichePreview h2, form#formFiche h2, #upload-content h2 {
	font-size: 1.3em; font-weight: bold; color: #f5e4cc;
	margin: 25px 0 8px 0;
}
form#formFiche h2 span, #upload-content h2 span { 
	color: #ff017D;
}
form#formFiche h2 em, #upload-content h2 em {
	font-style: italic; font-weight: normal
}

input.champ {
 padding: 7px 10px; margin-left: 14px; width: 444px;
 background: #eee;
 border: none;
} 
body#page-upload select.champ {
 padding: 7px 10px; margin-left: 14px; width: 444px;
 background: #eee;
 border: none;
 margin-left: 14px;
}

input.champ.titre {
 padding: 6px 10px; margin-left: 14px; width: 444px;
 font-size: 1.6em;
} 

form#formFiche p.recommandation, #upload-content p.recommandation {
 margin-left: 14px; width: 464px; text-align: justify;
 color: #7a7d8f;
 border: none;
} 

.btSubmit {
		background: transparent url("/images/interface/boutons/bt_envoyer.png") 0 0 no-repeat;
		width: 139px;
		height: 40px;
		text-indent: -1000px;
		overflow: hidden;
		border: none;
		margin: 30px 0 0 30px;
		cursor: pointer;
}




/*prod olive*/
#upload-content-prod {  
	padding: 0px 0px 0px 0px;
	background: url(/images/interface/10.tuto/section_separator_vertical.png) 628px 0 repeat-y;
	width: 630px;
	float:left;
}



#bloc-upload-prod{

	width:570px;
	height:187px;
	overflow:hidden;
	/*background-color: #111111;*/
	background: transparent url("/images/interface/19.upload/fond_upload.jpg") 0px 0px no-repeat; 
	padding:20px;
}


#upload-content-prod h2{  
	color:#fff;
	text-transform: uppercase;
	margin: 30px 0 15px 0;
	font-size:15px;
	font-weight:bold;
}

#formu-description-tuto{
	color:#dcdcdc;
}

#formu-description-tuto a{
	color:#dcdcdc;
}

#formu-description-tuto input {
/*	padding: 7px 10px; margin-left: 14px; width: 444px;*/
	background: #fff;
	border: none;
} 


#formu-description-tuto .champs{
	float:letf;
	margin: 30px 0px 10px 20px;
	
}

#formu-description-tuto .champs2{
	float:left;
	margin: 30px 0px 10px 20px;
}


#formu-description-tuto .champs3{
	float:left;
	margin: 50px 0px 60px 110px;
	text-align:right;
}

#formu-description-tuto .champs4{
	float:letf;
	margin: 0px 0px 10px 20px;	
}

#formu-description-tuto .titre{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin: 30px 0px 10px 0px;
}

#formu-description-tuto .euro{
	color:#fff;
	font-size:21px;
	font-weight:bold;
	margin: 30px 0px 10px 10px;
}



#formu-description-tuto .inputNorm{
	margin: 10px 0px 0px 0px;
	font-size: 1.1em;
	background: #fff;
	border: none;
	padding: 7px 10px; 
}

#formu-description-tuto .textareaNorm{
	margin: 10px 0px 0px 0px;
	font-size: 1.1em;
	background: #fff;
	border: none;
	padding: 7px 10px; 
}

#formu-description-tuto .selectNorm{
	margin: 10px 0px 0px 0px;
	font-size: 1.1em;
	background: #fff;
	border: none;
	width:430px;
	padding: 7px 10px; 
	
}

#formu-description-tuto .large{
	width:570px;
}

#formu-description-tuto .court{
	width:120px;
}

#formu-description-tuto .tresCourt{
	width:80px;
}

#formu-description-tuto .gratuit{
	margin-top:25px;
}







#upload-bord-droit-prod {  
	width:290px;
	color:#fff;
	float:left;
	text-align:right;
}

#upload-bord-droit-prod h2{  

	color:#fff;
	text-transform: uppercase;
	margin: 30px 0 3px 0;
	font-size:15px;
	font-weight:bold;
}

#upload-bord-droit-prod p{  
	margin-top:30px;
}

#upload-bord-droit-prod a{  
	color:#fff;
}



#upload-bord-droit-prod  .titre{
	color:#fff;
	font-size:13px;
	font-weight:bold;
	margin: 30px 0px 10px 60px;
}


#postit{
	margin:-20px -20px 30px 0;
}



.pucePlus {
	padding: 0 0 0 30px;
	line-height: 25px;
	background: url("/images/interface/icones/croix-verte.png") 0 0 no-repeat;	
}

.icoPage {
	padding: 0 0 0 50px;
	line-height: 25px;
	background: url("/images/interface/icones/ico_page.png") 0 0 no-repeat;	
}

.icoUpload {
	padding: 0 0 0 50px;
	line-height: 45px;
	background: url("/images/interface/icones/ico_upload.png") 0 0 no-repeat;	
}

.icoMessage {
	padding: 0 0 0 50px;
	line-height: 25px;
	background: url("/images/interface/icones/ico_message.png") 0 0 no-repeat;	
}

























/* ------------------------------------------------------- */
/* 20. STATIQUES
/* -------------------------- */
div.textStatique {
	padding: 25px;
}

div.textStatique p {
	margin: 5px;
}

div.textStatique strong {
	color: #ccc;
}

div.textStatique em {
	font-style: italic;
}


div.textStatique h1 {
	font-weight: bold;
}

div.textStatique h2 {
	text-decoration: underline;
	margin-top: 30px;
	font-weight: bold;
	color: #ccc;
	font-size: 1.1em;
}


div.textStatique ul {
	list-style-type: square;
	margin-left: 20px;
}

div.textStatique ul li a {
	text-decoration: none;
	padding: 2px;
	display: block;
	margin-left: 10px;
}

table.retrib { border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px;}
table.retrib tr { border: 1px solid #000 background: #fff; color: #000; }
table.retrib td { border-left: 1px solid #ccc; text-indent: 5px; background: #fff; color: #000; padding: 6px 4px; border-top: 1px solid #aaa;}
table.retrib th { background: #222; color: #fff; font-weight: bold; padding: 4px 35px 4px 4px; }
table.retrib th span{ font-weight: normal; }
table.retrib td.grade {font-weight: bold; width: 120px}
table.retrib td.tx-com, table.retrib td.tx-retrib { text-align: center; }




#page-comment div#content {
	padding: 20px 0;
}

#page-comment div.colGauche {
	border-right: 1px solid #484b5b;
	padding: 0 30px;
	width: 550px;
	float: left;
	background: transparent url("/images/interface/fonds/bg_comment_vendre.png") 30px 74px no-repeat;
}

#page-comment div.colDroite {
	float: left;
	width: 340px;
}

#page-comment div.colGauche h1 {
	font-size: 16px;
	margin: 10px 0 30px 60px;
	
}



#page-comment div.colDroite p, #page-comment div.colGauche p { 
	margin: 6px 0 10px 0 !important;
	min-height: 30px;
	color: #7a7d8f;
}
#page-comment div.colGauche div.step { 
	padding-top: 7px;
}
#page-comment div.colGauche span{
		width: 22px;
		height: 63px;
		float: left;
		display: block;
		text-indent: 100px;
		overflow: hidden;
		clear: both;
		margin: 0 20px 0 20px;
}

#page-comment div.colDroite h2, #page-comment div.colGauche h2 { 
	padding-top: 4px;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #f5e4cc;
}

#page-comment div.encart { 
	padding: 30px 0 30px 60px;
}
#page-comment div.colDroite div.encart { 
	padding-top: 5px;
}
#page-comment div.encart h2 { 
	font-size: 16px;
	margin-bottom: 15px;
}


#colGauchePresse {
	width: 510px;
	padding-right: 20px;
	float: left;
	overflow: hidden;
	border-right: 1px solid #2f323d;
	color: #7a7d8f;
}
#colGauchePresse h1 {margin: 40px 0 20px 0; font-size: 1.4em;}
#colGauchePresse h1.first {margin-top: 10px;}
#colGauchePresse strong {	color: #7a7d8f;}
#colGauchePresse span, #colGauchePresse span strong {	color: #aeaeae;}
em.antispam {direction: rtl; unicode-bidi: bidi-override; font-style: normal !important;}
.alignLeft {text-align: left;}
.alignRight {text-align: right;}


p.visu-logo {	height: 156px; clear: both; margin: 0 20px !important; width: 463px;	overflow: hidden; text-align: center;}
p.visu-logo a{	line-height: 25px; display: block; float: left; width: 154px;}

p.visu-ecran {	width: 207px;  margin: 10px 20px !important;  float: left;	overflow: hidden; text-align: center;}
p.visu-ecran IMG {	border: 1px solid #7A7D8F;}
p.visu-ecran a{	line-height: 25px; display: block;}


#colDroitePresse {float: left; width: 280px; margin-left: 30px;}
#colDroitePresse h2 {margin-top: 10px; color: #f5e4cc; text-decoration: none; font-size: 1.2em;}
#colDroitePresse p a {display: block; text-align: center;}
#colDroitePresse ul {list-style: none; margin: 10px 0;}
#colDroitePresse ul li a{padding: 0; margin: 0;}


.txt-garanties {padding: 20px}
.txt-garanties h2 {margin: 25px 0 10px 50px; color: #fff; font-size: 14px; font-weight: bold;}

#page .txt-garanties p {line-height: 1.4em;}
.txt-garanties p.q {background: url(http://i.wicast.fr/images/interface/icones/ico-pouce2.png) 4px center no-repeat; padding-left: 50px;}
.txt-garanties p.s {background: url(http://i.wicast.fr/images/interface/icones/ico-cadenas2.png) 4px center no-repeat; padding-left: 50px;}
.txt-garanties p.t {background: url(http://i.wicast.fr/images/interface/icones/ico-hard-drive2.png) 4px center no-repeat; padding-left: 50px;}
.txt-garanties p.hd {background: url(http://i.wicast.fr/images/interface/icones/ico-hd.png) 0 center no-repeat; padding-left: 50px;}
.txt-garanties p.sup {background: url(http://i.wicast.fr/images/interface/icones/ico-support2.png) 4px center no-repeat; padding-left: 50px;}
.txt-garanties p.eco {background: url(http://i.wicast.fr/images/interface/icones/ico-earth2.png) 4px center no-repeat; padding-left: 50px;}




#player-video {padding-bottom: 40px;}
#player-video .col-description {margin: 20px 30px 40px 10px; padding: 0 10px; float: left; width: 330px; color: #ccc;}
#player-video .col-description h1 {font-size: 32px; color: #eee; font-family: "Trebucher MS", arial;}
#player-video .col-description strong, #player-video .col-description span {display: block;}
#player-video .col-description span {font-size: 25px; color: #aeaeae; font-weight: normal;}

#player-video .col-description p.desc {color: #bcbcbc; line-height: 18px; margin: 20px 0; }

#player-video .liste-fonctionnalites {margin: 0 -40px 30px 10px;}
#player-video .liste-fonctionnalites li {width: 445px; float: left;font-size:11px; color: #aeaeae; line-height: 15px; margin-bottom: 28px; background: url(http://i.wicast.fr/images/interface/player/puce.png) center left no-repeat; padding-left: 40px; }
#player-video .liste-fonctionnalites li strong {display: block; font-weight: normal; color: #eee; text-transform: uppercase; font-size: 14px;}

#player-video .details-fonctionnalites div { float: left; width: 224px; padding: 10px 4px 0 4px; border: 1px solid #2a2c35; margin-left: 4px;background: #0a0b0f url(http://i.wicast.fr/images/interface/player/bloc_bas.png) top left repeat-x; }
#player-video .details-fonctionnalites h3 {color: #fff; font-size: 17px; padding: 4px 4px;}
#player-video .details-fonctionnalites p {font-size: 11px; padding: 4px; color: #999}
#player-video .details-fonctionnalites p.desc {min-height: 110px;}
#player-video .details-fonctionnalites p.desc a {color: #aeaeae; display: block; padding: 10px 0;}
#player-video .details-fonctionnalites p.screen {margin: 0; padding: 0; text-align: center; height: 196px;}

#player-video br.clear {display: block; height: 1px; margin-bottom: -1px;}




/* ------------------------------------------------------- */
/* 21. MESSAGERIE
/* -------------------------- */
#content-messagerie { 
	width: 670px;
	padding: 20px 20px 20px 35px;
	border-right: 1px solid #484b5b;
	overflow: hidden;
	float: left;
}

ul.menu-messagerie {
	width: 170px;
	overflow: hidden;
}


ul.menu-messagerie li {
	padding: 4px 0;
	margin: 4px 0;
	border-bottom: 1px solid #484b5b;
}
ul.menu-messagerie li a{
	color: #f5e4cc;
	text-decoration: none;
 	line-height: 25px;
 	padding: 5px 5px;
}
ul.menu-messagerie li a:hover, 
ul.menu-messagerie.inbox li.received a, 
ul.menu-messagerie.write li.write a, 
ul.menu-messagerie.sent li.sent a, 
ul.menu-messagerie.fromme li.sent a, ul.menu-messagerie.fromyou li.received a {
	background: #484b5b;
	color: #f5e4cc !important;
}
ul.menu-messagerie li a span{
	/*background: #484b5b;*/
 	display: block;
 	margin: 0px 8px 0px 0;
 	display: block;
	float: left;
}
ul.menu-messagerie li.write a span {
	background: url("/images/interface/interface_elts.png") -935px -43px no-repeat;
 	width: 21px;
 	height: 21px;
}
ul.menu-messagerie li.received a span {
	background: url("/images/interface/interface_elts.png") -896px -87px no-repeat;
 	width: 18px;
 	height: 18px;
 	margin: 2px 10px 0 2px;
}
ul.menu-messagerie li.sent a span {
	background: url("/images/interface/interface_elts.png") -890px -108px no-repeat;
 	width: 24px;
 	height: 21px;
 	margin: 2px 5px 0 2px;
}
ul.menu-messagerie li.friends a span {
	background: url("/images/interface/interface_elts.png") -864px -87px no-repeat;
 	width: 26px;
 	height: 21px;
 	margin: 2px 3px 0 2px;
}

div#myresponse {
	width: 420px;
	padding: 0px;
	margin-top: 30px;
}
div#mymessage {
	width: 460px;
	padding: 10px;
}
div#mymessage form input.champ,div#myresponse form input.champ {
	width:418px;
}
div#mymessage form textarea,div#myresponse form textarea {
	background:#EEEEEE;
	border:medium none;
	margin-left:14px;
	padding:7px 10px;
	width:418px;
	height: 188px;
}
div#myresponse form textarea {
	margin-left: 7px;
}

div#mymessage form p, div#myresponse form p {
	font-style: italic;
}
div#mymessage form label p, div#myresponse form label p {
	font-style: italic;
	font-size: 1.2em;
	margin-bottom: 2px;
	color: #f5e4cc;
}
div#mymessage p strong, div#myresponse p strong {
	font-weight: bold;
	font-style: normal;
}
div#mymessage p span.oblig, div#myresponse p span.oblig {
	color: #ca2b5e;
	padding: 0 5px;
}



div#content-messagerie p.checbox {
	float: left;
	line-height: 46px;
	clear: both;
	padding-right: 10px;
}
div#content-messagerie a.item:hover {
	background: #6f4559;
	opacity: 1;
	-moz-opacity: 1;
}
div#content-messagerie a.item {
	text-decoration: none;
	float: left;
	background: #38333e;
	display: block;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius : 5px 5px;
	margin-bottom: 20px;
}
div#content-messagerie a.wee {
	background: #6f4559;
}
div#content-messagerie a.lu {
	opacity: 0.4;
	-moz-opacity: 0.4;
}

div#content-messagerie a.item div {
	width: 390px;
	padding: 13px 13px;
	height: 46px;
	color: #aeaeae;
}

div#content-messagerie p.auteur {
	margin: 0 10px 0 0;
	float: left;
	width: 130px;
}
div#content-messagerie p.message {
	margin: 0;
	padding-top: 8px;
	float: left;
	width: 245px;
}

div#content-messagerie p.message strong {
	text-transform: uppercase;
}

div#content-messagerie p.auteur IMG {
	border: 1px solid #aeaeae;
	float: left;
	margin-right: 10px;
}
div#content-messagerie p.auteur strong {
	padding-top: 8px;
	display: block;
}
div#content-messagerie p.auteur span {
	display: block;
}

div#content-messagerie p.destinaires img {
	border: 1px solid #aeaeae;
	float: left;
	margin-right: 10px;
}
div#content-messagerie p.corps {
	padding: 20px 20px 20px 20px;
	margin-top: 15px;
	width: 410px;
	clear: both;
	background: #38333e;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius : 5px 5px;
	line-height: 1.3em;
}

div#content-messagerie p.corps strong {
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase;
	padding-top: 25px;
	margin-top: -30px;
	background: transparent url("/images/interface/icones/message_bulle.png") 0 0 no-repeat;
}

p.no-message {
	font-size: 1.3em !important;
	color: #f5e4cc;
	line-height: 23px !important;
}

p.no-message img {
	margin: 0 15px;
	float: left;
}

div#content-messagerie div.error {
	color: #ca2b5e;
	margin: 5px 14px;
}

p.delMessage {
	text-align: right;
	margin: -50px 0 20px 0 !important;
	float: right;
}
p.delMessage input {
	color: #929090;
	border: none;
	background: none;
	cursor: pointer;
	font-size: 1em;
}
p.delMessage span{
 	width: 19px;
 	height: 19px;
 	display: block;
 	float: left;
 	margin: 2px 0 0px 0;
	background: url("/images/interface/interface_elts.png") -941px -66px no-repeat;
 }
/* ------------------------------------------------------- */
/* 22. FAQ
/* -------------------------- */

div#faqVideos, div#faqTextes {
	width: 435px;
	float: left;
	padding-left: 40px;
}

div#faqVideos {
	border-right: 1px solid #7a7d8f;
	padding-left: 20px;
	width: 455px;
}

div#faqVideos h2, div#faqTextes h2 {
	font-size: 1.2em;
	color: #f5e4cc;
	margin: 0 0 20px 0;
}
div#faqVideos h2 strong, div#faqTextes h2 strong {
	border-bottom: 1px solid #7a7d8f;
	padding: 0 12px 6px 0;
}

div#faqVideos h3, div#faqTextes h3 {
	text-transform: none;
	font-weight: bold;
	font-size: 1.2em;
	color: #f5e4cc;
	margin: 40px 0 25px 0px;
	clear: both;
}
div#faqVideos h3 span, div#faqTextes h3 span {
	background: url("/images/interface/interface_elts.png") -882px -39px no-repeat;
	display: block;
	width: 15px;
	height: 15px;
	float: left;
	margin-right: 5px;
}

#faqVideos div.vignette {
	margin: 0 20px 0 0;
}
#faqVideos div.vignette h3  {
	margin: 10px 0 15px 0px;
	padding-bottom: 0px;
	font-size: 1em;
	font-weight: normal;
}
#faqVideos div.vignette div.content  {
	margin: 10px 0 15px 0px;
	padding-left: 11px;
}

div#faqTextes h4.toggler {
	cursor: pointer;
	line-height: 15px;
}
div#faqTextes h4:hover {
	color: #ca2b5e !important;
}

div#faqTextes p.avatar img {
	border: 1px solid #ccc;
	width: 41px;
	margin-left: 2px;
	margin-top: 4px;
}
div#faqTextes p.rep {
	padding: 20px 30px;
	margin-top: 15px;
	margin-bottom: 30px;
	width: 330px;
	clear: both;
	background: #38333e;
	-moz-border-radius: 5px 5px;
	-webkit-border-radius : 5px 5px;
	line-height: 1.3em;
	color: #f5e4cc;
}

div#faqTextes p.rep span {
	display: block;
	margin-bottom: 10px;
	text-transform: uppercase;
	margin-top: -30px;
	background: transparent url("/images/interface/icones/message_bulle.png") 0 0 no-repeat;
}
div#faqTextes p.rep a {
	color: #f5e4cc;
}

/* ------------------------------------------------------- */
/* 23. MAGAZINE
/* -------------------------- */
#magazine-content {
	padding: 20px;
}
#magazine-content h1 span{
	display: none;
}


#en-direct-blog {
	float: left;
	padding: 10px 0 0 20px;
	height: 200px;
	width: 390px;
}



#en-direct-blog li{
	padding-top: 5px;
	border-bottom: 1px solid #484b5b;
}
#en-direct-blog li a{
	padding: 0px 20px 5px 10px;
	display: block;
	color: #eee;
	text-decoration: none;
}
#en-direct-blog li:hover {
	background: #484b5b;
}
#en-direct-blog li a:hover strong {
	color: #fff !important;
}
#en-direct-blog li a strong{
	display: block;
	font-size: 14px;
	line-height: 17px;
}
#en-direct-blog li a span{
	color: #999;
	font-size: 11px;
}


#en-direct-blog h1 {
	border-bottom: 1px solid #7a7d8f;
	color:#FFFFFF;
	margin-left:0px;
	width: auto;
	position: relative;
}
#en-direct-blog h1 a IMG {
	float: left;
	margin-right: 5px;
}
#en-direct-blog h1 a{
	display: block;
	position: absolute;
	right: 4px;
	top: 0;
	text-decoration: none; color: #ccc; 
	font-size: 11px;
	line-height: 19px;
	font-weight: normal;
}
#en-direct-blog h1 a:hover {
	color: #fff !important;
}
#magazine-content #tuto-gratuit, #magazine-content #zoom-auteur {
	margin-top: 20px;
	padding-right: 20px;
	float: left;
}

#magazine-content #tuto-gratuit a, #magazine-content #zoom-auteur a {
	color: #ca2b5e;
}

#magazine-content p {
	color: #d1d2d9;
	margin-top: 0;
}

#magazine-content p.apercu {
	margin-bottom: 0;
	margin-top: 3px;
	position: relative;
}

#magazine-content #tuto-gratuit h1, #magazine-content #zoom-auteur h1 {
	height: 18px;
}
#magazine-content #tuto-gratuit div.content, #magazine-content #zoom-auteur div.content {
	border-right: 1px solid #303138;
	width: 215px;
	padding-right: 20px;
	height: 185px;
}




#magazine-content p.apercu a {
	width: 216px;
	height: 125px;
	display: block;
	overflow: hidden;
}

#magazine-content p.apercu IMG {
	height: 119px;
	margin-top: 2px;
}
#magazine-content p.apercu span.cache {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 210px;
	height: 117px;
	display: block;
	overflow: hidden;
	border: 3px solid #000;
	-moz-border-radius: 3px;
	margin-left: 0px;
}
#magazine-content p.apercu span.cache IMG{
	margin: -3px;
}


#magazine-content p.apercu span.badge {
	display: block;
	position: absolute;
	top: -3px;
	left: -20px;
	width: 52px;
	height: 54px;
	display: block;
	background: transparent url("/images/interface/icones/badge_free.png") 0 0 no-repeat;
}

#magazine-content p.apercu span.cache img{
	width: 216px;
	height: 125px;
	border: none;
}

#devenez-contributeur {
	float: left;
	margin-top: 20px;
	width: 310px;
}
#devenez-contributeur p {
	color: #484b5b;
	margin-top: 20px;
}
#devenez-contributeur p.bouton {	text-align: center;}

p.visite { float: right;text-align: right; margin: 0 !important; margin-top: -4px !important; padding: 0;}
p.visite a { text-decoration: none; background: transparent url("/images/interface/icones/ico-visiter.png") 5px 2px no-repeat; text-indent: 20px; padding-left: 20px; color: #999; font-size: 11px;}




/*
 * INTERVIEW
 */
 
 
#interview {
	width: 674px;
	margin: 0 0 -30px 30px;
	padding-right: 30px;
	font-size: 12px;
	line-height: 16px;
	float: left;
	border-right: 1px solid #2f323d;
}

#interview h1 {
	text-transform: uppercase;
	margin: 30px 0;
}

#interview h1 em{
	color: #ca2b5e;
	text-transform: none;
	margin: 30px 0;
	font-size: 14px;
}

#interview h2 {
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
}
#colDroiteInterview { float: left; padding: 30px 0 0 30px; width: 185px; }
#colDroiteInterview div.vignette {	margin-left: 0;}
#colDroiteInterview h1 {	border-bottom: 1px solid #2f323d; padding: 4px; }#colDroiteInterview h1.h1 {	margin-top: 40px; border-bottom: 1px solid #2f323d; padding: 4px; }







#content-cs4 h2 {	clear: both;font-size: 14px; border-bottom: 1px solid #3f4148; margin-bottom: 30px; padding-top: 30px; padding-bottom: 5px;}
#content-cs4 h2 strong {color: #f8ecdb;}
#content-cs4 h2 strong span {font-size: 18px;}

#content-cs4 hr {clear: both; margin: 30px 0;}


#content-cs4 p.txt {margin-left: 30px; color: #787d8f; padding: 15px 10px; background: #18191f; width: 696px; height: 71px; float: left; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content-cs4 p.txt strong {color: #f8ecdb; text-transform: uppercase;}
#content-cs4 p.txt IMG {float: left; margin-right: 14px;}

#content-cs4 div.presentation {height: 120px; overflow: hidden;margin-top: 15px;}

#content-cs4 div.presentation p.avatar {float: left; margin-top: 35px;background: url("/images/single/cs4/bulle-chloe.jpg") center left no-repeat; padding-left: 25px; }
#content-cs4 div.presentation p.avatar IMG {border: 1px solid #18191f; }

#content-cs4 div.formation {	margin-left: 10px; margin-right: 50px; width: 175px; float: left; color: #ffffff; font-size: 12px;}
#content-cs4 div.formation-last {	margin-right: 0; width: 200px;}
#content-cs4 div.formation h3 {color: #aeaeae; font-size: 14px; line-height: 16px;}
#content-cs4 div.formation h3 strong {color: #f8ecdb; text-transform: uppercase;}
#content-cs4 div.formation p {	text-align: justify;}
#content-cs4 div.formation p.apercu { height: 98px;}
#content-cs4 div.formation p.desc { height: 82px; width: 175px; }




#content-interview{	 padding:20px;	}

#content-interview h2 {	clear: both;font-size: 14px; border-bottom: 1px solid #3f4148; margin-bottom: 0px; padding-top: 30px; padding-bottom: 5px;}
#content-interview h2 strong {color: #f8ecdb;}
#content-interview h2 strong span {font-size: 18px;}
#content-interview div h3 {color: #aeaeae; font-size: 14px; line-height: 16px;}
#content-interview div h3 strong {color: #f8ecdb; text-transform: uppercase;}
#content-interview h4{color: #aaaaaa;}


#content-interview hr {clear: both; margin: 30px 0;}

#content-interview div.presentation { overflow: hidden;margin-top: 15px;}

#content-interview div.presentation div.txt {margin-left: 30px; color: #787d8f; padding: 15px 10px 0 10px; background: #18191f; width: 850px; float: left; font-size: 14px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#content-interview div.presentation strong {color: #f8ecdb; text-transform: uppercase;}
#content-interview div.presentation img {float: left; margin-right: 14px;}
#content-interview div.presentation hr{ border:none; clear:both; margin:0 0 10px 0; padding:0;}
#content-interview div.presentation h4{font-size: 0.9em;}

#content-interview div.interview {	 width: 175px; float: left; color: #ffffff; font-size: 12px; }
#content-interview div.interview {	background: #18191f; padding:15px 10px; margin: 20px 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
#content-interview div.interview-last {	margin-right: 0; width: 200px;}
#content-interview div.interview p {	text-align: justify;}
#content-interview div.interview p.apercu { height: 98px; position:relative;}
#content-interview div.interview p.desc { height: 82px; width: 175px; }
#content-interview .apercu a{text-decoration:none;}
#content-interview .apercu a span.date {
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
	display:block;
	position:absolute;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	background:#000;
	color:#FFF;
	left:0;
	bottom:6px;
}
#content-interview a span.cache {
	display:block;
	border:3px solid #000000;
	height:92px;
	left:0;
	margin-left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:170px;
}
#content-interview .puce{
	background:transparent url("/images/interface/icones/pucette-rose.png") no-repeat scroll 0 7px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	padding-left:15px;
}
#content-interview .puce a{
	color:#FFFFFF;
	text-decoration:none;
}

/*
	SURVOL DES INTERVIEW
*/
#content-interview a:hover span.cache{
	border-color:#CA2B5E;
}
#content-interview  a:hover span.date {
	background-color:#CA2B5E;
}




.demo-content {text-align: center; padding-bottom: 20px;}
div#page div.demo-content p {text-align: center; padding-bottom: 20px; font-weight: bold; font-size: 14px; color: #8d8d8e; }
.demo-content p a {margin: 0 4px 0 0;}
.demo-content p a.last {margin: 0;}

.demo-content p strong {color: #fff; }


/* ------------------------------------------------------- */
/* 24. FORUMS
/* -------------------------- */
#content-forums {padding: 30px;}
#content-forums div#salles div.salle { margin-bottom: 40px;}
#content-forums div#salles h2, #content-forums div.heading h2 {
	font-size: 16px;
	padding: 5px 2px 20px 2px;
	color: #fff;
}



#content-forums div.heading {
	margin-bottom: 20px;
}

#content-forums div.heading h2 {
	padding-bottom: 3px;
}
#content-forums div.heading p { margin: 0 0 0 67px; color: #aaa;}
#content-forums div.heading a { color: #fff;}


#content-forums div#salles p, #content-forums div#topics p {
	margin: 0;
	padding: 0px 5px;
	height: 43px;
	clear: both;
	background-color: #2f323d;
}
#content-forums div#salles p.bis, #content-forums div#topics p.bis {
	background-color: #1f212a;
}

#content-forums div#salles p a, #content-forums div#topics p a {
	text-decoration: none;
	color: #f5e4cc;
}

#content-forums div#salles p span {display: block; float: left;}
#content-forums div#salles p span.titre strong  {	text-transform: uppercase; font-weight: normal;}

#content-forums div#salles span.titre,
#content-forums div#topics span.titre
 {	
	padding-left: 25px; 
	background: transparent url("/images/forum/document_text.png") 2px 12px no-repeat; 
	width: 490px;
	line-height: 14px;
	padding-top: 7px;
	height: 36px;
	border-left: none;
}
#content-forums div#salles span.titre a {
	color: #999990;
}
#content-forums div#salles span.titre strong a,
#content-forums div#topics span.titre a{
	color: #f5e4cc;
}


#content-forums div#salles span.discussions {width: 90px; text-align: center;}
#content-forums div#salles span.messages {width: 90px; text-align: center;}
#content-forums div#salles span.dernier-message {		line-height: 14px;
	padding-top: 5px;
	height: 36px;
padding-left: 20px; width: 150px;}

#content-forums div#salles p.nonlu span.titre,
#content-forums div#topics p.nonlu span.titre
{	
	background: transparent url("/images/forum/document_arrow.png") 2px 5px no-repeat; 
}


#content-forums div#salles p span,
#content-forums div#topics p span {
	height: 43px;
	line-height: 43px;
	display: block;
	float: left;
	color: #999990;
	border-left: 1px solid #383a47;
}

#content-forums div#topics span.titre {	width: 490px;}
#content-forums div#topics span.vues {	width: 60px; text-align: center;}
#content-forums div#topics span.messages {	width: 90px; text-align: center;}
#content-forums div#topics span.dernier-message {		line-height: 14px;
	padding-top: 5px;
	height: 36px;
padding-left: 20px; width: 150px;}

#content-forums div#salles p.legend, #content-forums div#topics p.legend {
	text-transform: uppercase;
	background: #0b0b0f;
	height: 43px;
	font-size: 12px;
}

#content-forums div#topic {
	margin-top: 20px;
}

#content-forums div.message {
	margin-bottom: 4px;
	-webkit-border-radius: 6px;
}

#content-forums div.couleurbis div.corps,
#content-forums div.couleurbis div.infos {
	background: #2f323d;
}
#content-forums div.couleurbleu div.corps,
#content-forums div.couleurbleu div.infos {
	background: #15171c;
}
#content-forums div.couleuradmin div.corps,
#content-forums div.couleuradmin div.infos {
	background: #422f44;
}


#content-forums div.message div.infos {
	height: 35px;
	width: 660px;
}
#content-forums div.message div.infos p {
	font-size: 9px; float: left; margin:0; height: 20px;padding: 10px 0 0 10px; color: #aaa;
}
#content-forums div.message div.infos p a {color: #fff;}
#content-forums div.message div.corps {
	float: left;
	width: 620px;
	padding: 20px;
	color: #eee;
}
#content-forums div.message div.corps blockquote {
	padding: 5px 10px 5px 1px;
	color: #aaa;
	margin: 0 -10px;
	margin-bottom: 10px;
}
#content-forums div.message div.corps blockquote div {
	color: #aaa;
	border: 1px solid #393b4b;
	background: #292b36;
	padding: 5px;
	margin-top: 3px;
	padding: 5px 10px;
}
#content-forums div.message div.corps blockquote p {
	padding-left: 10px;
}

#content-forums div.message div.corps span {
	display: block;
	font-size: 11px;
}

#content-forums div.message div.profile {
	float: right;
	width: 200px;
	padding-left: 35px;
	margin-top: -10px;
	font-size: 11px;
	background: transparent url("/images/forum/bulle-fonce.png") 0 15px no-repeat; 
}

#content-forums div.couleuradmin div.profile {
	background: transparent url("/images/forum/bulle-rose.png") 0 15px no-repeat; 
}
#content-forums div.couleurbis div.profile {
	background: transparent url("/images/forum/bulle-clair.png") 0 15px no-repeat; 
}
#content-forums div.couleurbleu div.profile {
	background: transparent url("/images/forum/bulle-fonce.png") 0 15px no-repeat; 
}


#content-forums div.couleuradmin div.profile span.level {color: #ca2b5e;}
#content-forums div.couleurformateur div.profile span.level {color: #1EB4AB;}

#content-forums div.message div.profile a.avatar {
	float: left;
	margin-right: 5px;
}
#content-forums div.message div.profile p.avatar a.avatar IMG {
	width: 50px;
	border: 3px solid #0b0b0f;
	-webkit-border-radius: 3px;
}
#content-forums div.message div.profile p.avatar a {
	color: #fff; text-decoration: none; font-size: 14px;
}


#content-forums div.message div.profile p.infos  {
	clear: both;
	margin: 0; padding: 10px 0 0 0;
	color: #fff;
	font-size: 12px;
}


#content-forums div.message p.footer {
	clear: both;
	text-align: right;
	margin: 0;
}


#content-forums div#topic h3 {
	color: #fff;
	font-size: 14px;
	padding: 0 0 0 2px;
	margin: 0;
	text-align: right;
	margin-right: 250px;
	line-height: 27px;
	margin-bottom: 10px;
	height: 35px;
}
#content-forums div#topic h3 IMG {
	width: 21px;
	border: 2px solid #0b0b0f;
	-webkit-border-radius: 3px;
	float: right;
	margin-right: 6px;
}
#content-forums div#topic h3 span {
	float: right;
}


#content-forums div#post textarea {
	background: #eeeeee;
	border: 1px solid #fff;
	width: 600px;
	height: 150px;
	padding: 5px;
}


#content-forums #chp-reply {
	background: #eeeeee;
	border: 1px solid #fff;
	width: 600px;
	height: 150px;
	padding: 5px;
}



#forum-actions {float: left; width: 500px;}
#content-forums form#formTri {padding-top: 5px; float: right; }

#content-forums div#salles p.legend span,
#content-forums div#topics p.legend span {
	color: #fff;
	background: none;
	display: block;
	border: none;
}

#content-forums div#topics p.legend span,
#content-forums div#salles p.legend span {
	height: 43px;
	padding-top: 0;
	line-height: 43px;
}

.bt-smiley {width: 500px; text-align: left;  display: block; border-left: 1px solid #ccc; padding-left: 10px;  margin: 4px 0pt 0pt; float: right;}
.bt-smiley IMG {margin: 0 2px;}

div.forum-footer {
	background: #0b0b0f;
	margin: 20px 0;
	padding: 6px 10px 10px 10px;
	-webkit-border-radius: 10px;
}

div.bt-reponse {		width: 610px; padding-left: 2px; background: #fff;}
div.bt-reponse input { background: #fff; border: 1px solid #ddd;margin: 4px 1px 3px 1px; }

#reply h2 {color: #fff; margin: 10px 0 10px 0; clear: both;}

#post form#formFiche {margin-top: 0; margin-left: 0; }
#post form#formFiche textarea {margin-left: 14px; }
#post form#formFiche div.bt-reponse {margin-left: 14px; }
#post form#formFiche h2 {color: #aaa; font-size: 12px; }
#post form#formFiche input { font-size: 12px; }

#post h2.titre {padding-bottom: 6px; border-bottom: 1px solid #999; width: 200px; color: #fff; margin: 30px 0 0 10px; clear: both; font-weight: bold; font-size: 16px; }


#content-forums p.rose,#content-forums p.rose a {color: #ca2b5e}

#forum-alerts {padding: 10px 0 0 10px; border-top: 1px solid #333;}
#forum-resume {padding: 20px 0 20px 20px; border-top: 1px solid #333;}
#forum-resume div.list {
	float: left;
	width: 290px;
}
#forum-resume h4 {
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}
#forum-resume a {	text-decoration: none;	color: #F5E4CC;}
#forum-resume strong {	color: #999990; font-weight: normal;}
#forum-resume li {	line-height: 16px;}

#content-forums .citer {cursor:pointer;}




#alert-manager h1 {font-size: 20px; font-weight: normal; color: #fff; border-bottom: 1px solid #333; padding-bottom: 6px;}
#alert-manager .speach {color: #aeaeae; font-size: 12px; margin-bottom: 30px;}
#alert-manager .speach strong {color: #eee; font-weight: normal;}
#alert-manager h2 {font-size: 13px; font-weight: normal; color: #fff;  padding-bottom: 6px;}

#alert-manager p.message strong a {color: #fff;}
#alert-manager p.message span {padding-left: 24px; color: #999;}
#alert-manager p.message span a {color: #ccc; text-decoration: none;}


#alert-manager p.send {margin-top: 40px;}




/* ------------------------------------------------------- */
/* 25. INSCRIPTION
/* -------------------------- */
#fin-inscription{
	padding: 0 20x;	
}
#fin-inscription h2 span{
	background:url(http://i.wicast.fr/images/interface/interface_elts.png) no-repeat -882px -39px;
	display:block;
	float:left;
	height:15px;
	margin-right:5px;
	width:15px;
}
#fin-inscription h2{
	color: #cfd3d4;
	font-size:1.2em;
	font-weight:bold;
	margin:3em 0 0 10px;
}
#fin-inscription .bloc{
	text-align:center;
	background:#18191f;
	padding:12px 0;
	width:210px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:30px 24px;
	float:left;
}
#fin-inscription .bloc a, #fin-inscription .bloc a img{
	border:none;
}
#fin-inscription .bloc p a{
	color: #fff8f8;
	text-decoration: underline;	
	padding-left: 18px;
	font-weight: normal;
	background:left center no-repeat;
}
#fin-inscription .bloc p{
	margin:0.5em 0;
	padding: 0;
	text-align: right;
	padding-right:16px;
}
/* ------------------------------------------------------- */
/* 26. THEME
/* -------------------------- */
.clear{
	clear:both;
}
.space{
	margin:1em 0 0 0;
}
#thematiq{
	overflow:hidden;
	padding: 0 20px;
	width:950px;
	margin:0 auto;
	text-align:left;
}

#thematiq div.main-description {
	padding: 10px 0 0 10px;
	margin-bottom: 60px;
	color: #ccc;
}
#thematiq div.main-description strong {color: #fff;}

#thematiq div.main-description p {
	width: 450px;
	float: left;
}

#thematiq div.main-description ul {float: left; margin-left: 10px; margin-right: 80px;}
#thematiq div.main-description ul li {
	background:url(http://i.wicast.fr/images/interface/icones/pucette-rose.png) no-repeat left 3px;
	margin-left: 5px; 
	padding-left: 13px;
	color: #fff;
	margin-bottom: 10px;
	font-size: 1.1em;
}

#thematiq div.main-description ul li span {
	display: block;
	color: #aeaeae;
	font-size: .9em;
}
#thematiq  p{
	text-align:left;
	margin:1em 0;
}
#thematiq h1{
	color:#f8ecdb;
	font-weight:normal;
	font-size:1.4em;
	margin:2em 0 0 0;
	font-family: verdana;
}

#thematiq h1.major-title {
	color: #fff;
	font-size: 1.6em;
	margin: 15px 0 20px 0;
}
#thematiq hr{
	margin:0.5em 0 1em 0;
}
#thematiq h2{
	color:#7a7d8f;
}
#thematiq h3{
	color:#F5E4CC;
	font-size:1em;
	font-weight:bold;
	margin:5px 0 15px;
	text-transform:uppercase;
}
#thematiq h4{
	margin:25px 0 5px 0;
	color:#CFD3D4;
	font-size:1em;
	font-weight:bold;
}
#thematiq #presentation{
	margin:1em 0;
	color:#aeaeae;
	line-height: 1.4em;
}
#thematiq #presentation a img{
	width:70px;
	margin-top:-20px;
	margin-left:-30px;
	opacity:0.5;
}
#thematiq #presentation a img:hover{
	opacity:1;
}
#thematiq #presentation img{
	float:left;
	display:block;
	-moz-border-radius: 4px;
	border: 6px solid #18191F;
}
#thematiq #presentation p{
	font-size:1.4em;
	margin-top:0;
}
#thematiq #presentation div{
	float:left;
	margin-left:15px;
	float:left;
	width:380px;
	display:block;
}

#thematiq #presentation strong {color:#fff;}

#thematiq ul.logiciels {margin-top: 0;}
#thematiq ul.logiciels li {	
	background:url(http://i.wicast.fr/images/interface/icones/pucette-rose.png) no-repeat left center;
	margin-left: 5px; 
	padding-left: 10px;
}


/*
		PACK
*/	
#thematiq .pack{
	padding:10px;
	float:left;
	width:190px;
	background:#18191f;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	margin: 0 12px;
}

#thematiq .pack ul{
	margin:0 0 0 10px;
	padding: 0.5em 6px;
}
#thematiq .pack ul li{
	background:url(http://i.wicast.fr/images/interface/icones/ico-fleche-verte.png) left center no-repeat;
	padding:0.1em 15px;
	color:#CCC;
}


/*
		VISUEL + CACHE
*/
#thematiq  .pack .visuel a{
	display:block;
	position:relative;
	width:175px;
	border: 4px solid #000;
	margin-bottom:1em;
}
#thematiq .pack .visuel a img.cache{
	position:absolute;
	top:0;
	left:0;
}


/*
		SELEC USER
*/	
#thematiq #top-ventes .cache{
	width: 85px;
}
#thematiq #top-ventes .produit{
	padding: 10px;
	overflow: hidden;
	height:15px;
	position:relative;
}
#thematiq #top-ventes .elem{
	position:absolute;
	top:0;
	left:0;
	
}
#thematiq #top-ventes .visuel{
	/*display: none;*/
	overflow:hidden;
	float:left;
	width:50px;
	margin-top:5px;
	margin-right: 10px;
}
#thematiq #top-ventes .visuel img{
	width:50px;
	margin-left: 5px;
	margin-top: -2px;
}
#thematiq #top-ventes .info{
	margin:5px 0 0 10px;
	height:30px;
}
#thematiq #top-ventes .temps{
	color:#7a7d8f;
}
#thematiq #top-ventes .prix{
	margin-top:10px;
	color:#CF2961;
	font-size: 1.2em;
}
#thematiq #top-ventes a.titre{
	color:#FFF;
	text-decoration: none;
	font-size: 1em;
	width:175px;
}

#thematiq #top-ventes .produit:hover .prix, #thematiq #top-ventes .produit:hover .visuel {
	display: block;
}

/*
		NOTRE SELEC
*/	
#thematiq #selec{
	float: left;
	width: 600px;
}
#thematiq .visuel{
	position:relative;
}
#thematiq .visuel .cache{
	position:absolute;
	top:0;
	left:0;
}
#thematiq .visuel a {
	border:none;
	display:inline;
	margin:0;
	padding:0;
	
}
#thematiq #selec .produit{
	background: #262833;
	margin:0;
	padding:10px;
	overflow:hidden;
}
#thematiq #selec .produit.alt, #thematiq .alt{
	background: #18191F;
}
#thematiq #selec .produit .visuel{
	position:relative;
	float:left;
	margin-right:10px
}
#thematiq #selec .produit .cache{
	height:47px;
	top:0;
	left:0;
	position: absolute;
}
#thematiq #selec .produit .info{
	float:left;
	width:260px;
}
#thematiq #selec .produit a.titre{
	text-decoration: none;
	font-size: 1.1em;
	color:#FFF;
	font-weight:bold;
}

#thematiq #selec .produit p.temps{
	color:#7a7d8f;
	margin:0;
	padding:0;
}
#thematiq #selec .produit p.logiciel{
	color:#53586D;
	margin:0.7em 0 0 0;
	padding:0;
}
#thematiq #selec .produit .prix{
	width:120px;
	float:left;
	padding-top: 10px;
	color:#7a7D8F;
	text-align:center;
}
#thematiq #selec .produit .prix strong{
	font-size: 1.3em;
	color:#FFF;
	font-weight: normal;
}
#thematiq #selec .produit .vote{
	float:right;
	width:100px;
	padding-top:15px;
}
#thematiq #selec .produit .description{
	padding:15px 0 0 90px;
	overflow: hidden;
}

/*
		Top Auteur
*/	
#thematiq #top-auteur{
	width:220px;
	float:right;
}
#thematiq #top-auteur a img{
	float:left;
	margin:2px;
	border:solid 3px #18191F;
}
#thematiq #top-auteur a img:hover{
	border-color:#CF5A7F;
}
/*
	FORMATION GRATUITES
*/
#thematiq #gratuits{
	position:relative;
	float:left;
	width:700px;
}
#thematiq #gratuits .deco-free{
	background-image:url(http://i.wicast.fr/images/interface/icones/badge_free.png);
	left:-17px;
	top:60px;
}
#thematiq #gratuits .produit{
	margin:0;
	padding:10px;
}
#thematiq #gratuits .produit.alt, #thematiq .alt{	background: #18191F;}
#thematiq #gratuits .produit.alt .visuel a img{		border:solid 4px #000;}

#thematiq #gratuits .produit .visuel{
	position:relative;
	float:left;
	margin-right:10px
}
#thematiq #gratuits .produit .visuel a img{	border:solid 4px #18191F;}
#thematiq #gratuits .produit .info{
	float:left;
	width:480px;
	position:relative;
	height:104px;
}
#thematiq #gratuits .produit a.titre{
	text-decoration: none;
	font-size: 1.1em;
	color:#FFF;
	font-weight:bold;
}

#thematiq #gratuits .produit p.temps{
	color:#7a7d8f;
	margin:0;
	padding:0;
}
#thematiq #gratuits .produit p.logiciel{
	color:#53586D;
	margin:0.7em 0 0 0;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
}
#thematiq #gratuits .produit .prix strong{
	font-size: 1.3em;
	color:#FFF;
}




#thematiq .smalltars .eval0{
	background-position:-193px -40px;
}
#thematiq .smallstars.eval0 {	background-position: -193px -40px;}
#thematiq .smallstars.eval1 {	background-position: -179px -40px;}
#thematiq .smallstars.eval2 {	background-position: -166px -40px;}
#thematiq .smallstars.eval3 {	background-position: -154px -40px;}
#thematiq .smallstars.eval4 {	background-position: -142px -40px;}
#thematiq .smallstars.eval5 {	background-position: -133px -40px;}
/* ------------------------------------------------------- */
/* 27. SONDAGES
/* -------------------------- */
#sondage{
	position:relative;
	background: #2B2B39;
	padding:10px;
	width:200px;
}


#page-forums #sondage {
	width:550px;
	padding-left: 100px;	
	margin-bottom: 4px;
}

#sondage h1{
	font-size: 13px;
	font-weight: normal;
	color: #fff;
}
#sondage p.max-vote {color: #ccc; font-size: 11px;margin-top: 0;}
#sondage input[type=submit]{
	background:#CB2A61;
	color:#fff;
	font-weight:bold;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border:none;
	padding: 4px 4px;
	margin-top:20px;
	cursor:pointer;
	margin-bottom: -4px;
}

#sondage p.choix label {padding-left: 3px;}
#sondage p.choix {margin: 0;}

#sondage .loader, #newsletter .loader, .devenirfan .loader{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100%;
	background:transparent url(http://i.wicast.fr/images/interface/credit_loading.gif) center center no-repeat;
	/*opacity:0.5;*/
}
a{
	cursor:pointer;
}


#sondage .total{
	background:#7a7d8f;
	height:10px; 
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	width: 80%;
}
a.resultat {position: absolute; bottom:6px; right: 6px;}
#sondage .pourc{
	background:#cb2a61;
	height:100%;
	overflow:visible;
	color:#FFF;
	text-align:center;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
}
#sondage h3 {margin:0;padding:0;margin-bottom: 14px; color: #999;border:none;font-size:1em;}
#sondage .option{
	margin-bottom: 7px;
	position: relative;
	color: #ddd;
}
#sondage .option p {margin: 5px 0 0 0;}
#sondage .option div.percent {position: absolute; right: 0; bottom: 0; font-size: 10px;}


/* ------------------------------------------------------- */
/* 28. PROMOS
/* -------------------------- */
/*
 * PROMOS
 */
 
 
#promo {
	width: 680px;
	padding: 20px;
	font-size: 12px;
	position: relative;
	line-height: 16px;
	float: left;
	border-right: 1px solid #2f323d;
}

#promo .badge {
	background:transparent url(http://i.wicast.fr/images/interface/icones/vite.png) no-repeat scroll 0 0;
	display:block;
	height:54px;
	left:-10px;
	position:absolute;
	top:22px;
	width:52px;
}
#promo h2 {	clear: both;font-size: 14px; border-bottom: 1px solid #3f4148; margin-bottom: 0px; padding-top: 12px; padding-bottom: 5px;}
#promo h2 strong {color: #f8ecdb;}
#promo h2 strong span {font-size: 18px;}
#promo div h3 {color: #aeaeae; font-size: 14px; line-height: 16px;}
#promo div h3 strong {color: #f8ecdb; text-transform: uppercase;}
#promo h4{color: #aaaaaa;}
#promo div.promo-last {	 
	width: 176px; 
	float: left; 
	color: #ffffff; 
	font-size: 12px;
	background: #18191f; 
	padding:15px 12px; 
	margin:15px 12px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}
#promo div.promo-last p.apercu { height: 98px; position:relative;}
#promo div.promo-last p.desc { height: 82px; width: 175px; }
#promo .apercu a{text-decoration:none;}
#promo .apercu a span.date {
	-moz-border-radius: 2px; -webkit-border-radius: 2px;
	display:block;
	position:absolute;
	text-decoration:none;
	padding:3px 10px 3px 10px;
	background:#000;
	color:#FFF;
	left:0;
	bottom:6px;
}
#promo a span.cache {
	display:block;
	border:3px solid #000000;
	height:92px;
	left:0;
	margin-left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	width:170px;
}
#promo .puce{
	background:transparent url("/images/interface/icones/pucette-rose.png") no-repeat scroll 0 7px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	margin-bottom:0;
	padding-left:15px;
}
#promo .puce a{
	color:#FFFFFF;
	text-decoration:none;
}

/*
	SURVOL DES promo-last
*/
#promo a:hover span.cache{
	border-color:#CA2B5E;
}
#promo  a:hover span.date {
	background-color:#CA2B5E;
}





#promo p.credits {
	color:#EEEEEE;
	font-size:1.8em !important;
	margin:5px 0 0 0;
	text-align: center;
}
#promo p.credits strike{
	color:#7A7D8F;
	font-size: 0.7em;
}
.promotion{
	
}



/*
		LISTE PRODUIT
*/	
#promo .visuel{
	position:relative;
}
#promo .visuel .cache{
	position:absolute;
	top:0;
	left:0;
}
#thematiq .visuel a {
	border:none;
	display:inline;
	margin:0;
	padding:0;
	
}
#promo .produit{
	background: #262833;
	margin:0;
	padding:10px;
	overflow:hidden;
}
#promo .produit.alt, #thematiq .alt{
	background: #18191F;
}
#promo .produit .visuel{
	position:relative;
	float:left;
	margin-right:10px
}
#promo .produit .cache{
	height:47px;
	top:0;
	left:0;
	position: absolute;
}
#promo .produit .info{
	float:left;
	width:260px;
}
#promo .produit a.titre{
	text-decoration: none;
	font-size: 1.1em;
	color:#FFF;
	font-weight:bold;
}

#promo .produit p.temps{
	color:#7a7d8f;
	margin:0;
	padding:0;
}
#promo .produit p.logiciel{
	color:#53586D;
	margin:0.7em 0 0 0;
	padding:0;
}
#promo .produit .prix{
	width:120px;
	float:left;
	padding-top: 10px;
	color:#7a7D8F;
	text-align:center;
}
#promo .produit .prix strong{
	font-size: 1.3em;
	color:#FFF;
	font-weight: normal;
}
#promo .produit .infos{
	float:right;
	text-align: center;
	width:160px;
	padding-top:15px;
}
#promo .produit .infos a {color: #ca2b5e;}
#promo .produit .description{
	padding:15px 0 0 90px;
	overflow: hidden;
}

#thematiq .smalltars .eval0{
	background-position:-193px -40px;
}
#promo .smallstars.eval0 {	background-position: -193px -40px;}
#promo .smallstars.eval1 {	background-position: -179px -40px;}
#promo .smallstars.eval2 {	background-position: -166px -40px;}
#promo .smallstars.eval3 {	background-position: -154px -40px;}
#promo .smallstars.eval4 {	background-position: -142px -40px;}
#promo .smallstars.eval5 {	background-position: -133px -40px;}



/* ------------------------------------------------------- */
/* 29. NEWSLETTER
/* -------------------------- */
#newsletter ul li{
	background:transparent url(http://i.wicast.fr/images/interface/icones/ico-fleche-verte.png) no-repeat scroll left center;
	color:#CCCCCC;
	padding:0.1em 15px;
}

form#mailing-list {padding: 20px;}
form#mailing-list h1,form#mailing-list h2 {font-family: Verdana; color: #fff;font-weight: normal; font-size: 1.4em;}
form#mailing-list h2 {margin-top: 30px; font-size: 1.2em; color: #ddd;}
form#mailing-list h2 strong {color: #fff; font-weight: normal;}


form#mailing-list .step1 {float: left;}
form#mailing-list .step2 {margin: 0 0 0 30px; float: left;}

form#mailing-list p.valider {margin-left: 20px; line-height: 25px;}
form#mailing-list table strong {color: #ddd; margin-left: 2px;}

form#mailing-list table {margin: 20px; }
form#mailing-list table td {padding: 10px 0;}


.abonnements-legend{
	color:#F5E4CC;
	background:#0B0B0F;
	height: 36px;
	text-align: center;
	line-height: 36px;
}
#newsletter input[type=submit]{
	-moz-border-radius-bottomleft:1px;
	-moz-border-radius-bottomright:1px;
	-moz-border-radius-topleft:1px;
	-moz-border-radius-topright:1px;
	background:#CB2A61 none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:-4px;
	padding:5px;
}

.abo-elem{
	background:#2F323D;
	height:30px;
}

.abo-elem .nom{
	float:left;
	width:519px;
	line-height:30px;
	padding-left:20px;
}

.abo-elem .desabo{
	text-align: center;
	width:130px;
	height:30px;
	float:left;
	line-height:30px;
	border-left:solid 1px #383A47;
}

.bouton-rose, .bouton-rose:hover{
	-moz-border-radius:2px;
	background:#CB2A61 none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF !important ;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:-4px;
	margin-top:20px;
	padding:4px;
}
#mailnewsletter{
	background:#E4E4E4;
	border: none;
	color:#5C5C64;
	padding: 5px 7px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
#newsletter{
	position: relative;
	margin-bottom:2em;
}

/* ------------------------------------------------------- */
/* 30. STATISTIQUES
/* -------------------------- */
.content-tabsGraph{
	background:#2B2B39;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius-topleft:0;
}



.tabsGraph li, .tabsGraph li.active{	
	width: auto; 
	height:30px; 
	font-size: 12px; 
	font-weight: bold; 
	margin-right: 5px;
	padding:0 10px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
	background-image:none!important;
}
.tabsGraph{	
	height:auto;
	height:30px;
	list-style-image:none;
	list-style-type:none;
	margin:0;
	padding:0;
	cursor:pointer;
}
.tabsGraph li a{
	line-height: 30px; 
	padding: 5px 0;
	font-size: 1em;
	text-decoration: none;
	color:#F5E4CC;
	cursor:pointer;
}


/* ------------------------------------------------------- */
/* 31. MUR
/* -------------------------- */
#mur{

}
#mur .event{
	font-size:1.1em;
	color: #787b8d;
	min-height:31px;
	overflow:hidden;
}
#mur .event img{
	float:left;
	width:16px;
	height:16px;
	margin-top:3px;
	display:block;
}
#mur .event p{
	margin:3px 0 0 10px; padding:0;
	display:block;
	float:left;
	/* width:500px; */
}
#mur .event a{
	color:#FFF;
	font-weight:regular;
	text-decoration:none;
}
#mur .event .date{
	font-size:0.8em;
}
#mur .suivant{
	background:url(http://i.wicast.fr/images/interface/icones/pucette-rose.png) left center no-repeat;
	padding-left:12px;
	margin:1em 0 0 1em;
}

.devenirfan{
	position:relative;
	display:block;
	background:#0c0b10 url(http://i.wicast.fr/images/interface/icones/coeur.png) 7px center no-repeat;
	padding:5px 7px 5px 25px;
	margin-top:10px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;

}
.devenirfan .loader{
	background-color:#0c0b10;
	display:none;
}

/* ------------------------------------------------------- */
/* 32. CLASSEMENT
/* -------------------------- */
#classement{
	width:745px;
	float:left;
	border-right:2px solid #484B5B;
	padding:0 0 30px 20px;
}

#classement .bloc{
	float:left;
	background:url(http://i.wicast.fr/images/interface/fond-classement.png) left bottom no-repeat;
	height:201px;
	width:230px;
	margin:10px;
	margin-top: 20px;
}

#classement h1{
	font-weight:bold;
	color:#FFF;
	font-size:18px;
	width:260px;
}
#classement h1 span,#classement h2{
	font-size:12px;
	color:#7a7d8f;
	font-weight:normal;
}
#classement h2{
	background:url(http://i.wicast.fr/images/interface/icones/ico-fleche-verte.png) left center no-repeat;
	padding:2px 0 2px 15px;
}
#classement ul li a{
	position:relative;
	height:27px;
	margin:22px 0px;
	font-size:0.9em;
	display:block;
	text-decoration:none;
}


#classement ul li:first-child a{
	height:32px;
	margin:22px 0px;
	font-size:1em;
}
#classement ul li img{
	display:block;
	border:solid 3px #000;
	height:100%;
	right:175px;
	position:absolute;
}

#classement ul li .pseudo{
	position:absolute;
	top:0;
	left:65px;
	color:#AEAEAE;
	font-size:1.2em;
	font-weight:bold;
	display: block;
}
#classement ul li:first-child .pseudo{
	color:#FFF;
}
#classement ul li .score{
	position:absolute;
	bottom:0;
	left:65px;
	color:#AEAEAE;
	font-size:1em;
	display: block;
}


#classement ul li a:hover *{
	color:#CA2B5E!important;
}


div.colDroiteClassement {width: 170px; float:left; margin-left:15px;padding-bottom:30px;}
.colDroiteClassement p{color: #999; margin: 15px 0;}
.colDroiteClassement h4 {
	/*background:transparent url("/images/interface/icones/pucette-rose.png") 0 4px no-repeat;*/
	color:#fff;font-weight:bold;
	padding-left: 15px;
	font-size: 14px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-left: 0;
	margin-top: 10px;
}

.colDroiteClassement ul li a{
background:transparent url(http://i.wicast.fr/images/interface/icones/flecheDroite_griseSurGrisBleuMoyen.gif) no-repeat scroll 3px 4px;
color:#929090;
display:block;
padding:2px 0;
text-decoration:none;
text-indent:15px;
margin-left:6px;
}
.colDroiteClassement ul li a.active {
	color: #ca2b5e;
}


.colDroiteClassement img.avatar {
	border: 2px solid #000;
	float: left; 
	width: 25px;
	margin-right: 6px;
	margin-left: 6px;
}

.colDroiteClassement .itw strong {
	color: #ccc;
}

.colDroiteClassement .itw a {
	color: #ca2b5e;
}

#classement div.heading {
	background: #1f212a url("/images/interface/fonds/bg_heading_logiciel.png") 0 0 repeat-y;
	height: 37px;
	margin: 20px 0 20px -10px;
	width:738px;
}

#classement div.heading h1 {
	color:#F5E4CC;
	font-size: 1.5em;
	padding: 10px;
	font-weight: normal;
	float: left;
}

#classement div.heading h1 strong {
	text-transform: uppercase;
	font-weight: bold;
}
#classement div.heading p.links {
	border-bottom:1px solid #444449;
	float:right;
	margin-top:20px;
	padding-bottom:2px;
	margin-right:10px;
	padding-top:0;
}
#classement div.heading p.links a{
	text-decoration:none;
}






#email-alert {overflow:auto;}
#email-alert input[type=submit] {
	cursor:pointer;
	width:106px; border: none; text-indent:2000px; overflow:hidden; height:28px; background: url(/images/interface/boutons/bt_alert_valid.png) bottom left no-repeat;
}
#email-alert input[type=submit]:hover {
	background-position: top left;
}


/* ------------------------------------------------------- */
/* 33. TEMOIGNAGES
/* -------------------------- */

.content-temoignage .infos { width:800px; }
.content-temoignage .titreInfos { color:#000;}
.content-temoignage .zoneDonnee{ margin:30px 15px;}
#page .content-temoignage .conseilWee p	{	line-height: 15px;}
.content-temoignage .error {				color: red;}

.content-temoignage .zoneDonnee input[type=text]:focus, .zoneDonnee textarea:focus, .zoneDonnee select:focus {color: #fff;}
.content-temoignage .zoneDonnee input[type=text], 
.content-temoignage .zoneDonnee textarea, 
.content-temoignage .zoneDonnee select {margin-left: 0; background: #18191F; border: 1px solid #333; color: #999; -moz-border-radius: 2px; padding: 6px 8px; font-size: 12px;}

.content-temoignage .zoneDonnee input[type=text] {	width:470px;}
.content-temoignage .zoneDonnee textarea {			width:470px; height: 80px;}

#page .content-temoignage .zoneDonnee p { 			font-size: 11px; margin-top: 5px;}
#page .content-temoignage .zoneDonnee strong { 		font-weight: normal; color: #ddd; font-style: italic; }

.content-temoignage div.conseilWee {				margin: 0px 0 20px 7px;}
.content-temoignage div.conseilWee div.infos { 		height: auto; width: 500px; padding: 11px 14px 10px 14px; color: #ccc; font-size: 11px;}
.content-temoignage div.conseilWee div.infos h5 { 	background: transparent  url(http://i.wicast.fr/images/interface/icones/pucette-infobulle.png) 0 0px no-repeat; 
								margin: 5px 0 10px 4px; padding-left: 25px; font-size: 14px; color: #fff; font-weight: bold; text-transform: none; line-height: 18px;}

.content-temoignage h2 {font-weight: bold; color: #fff; font-size: 13px; }
.content-temoignage h2 em {font-style: italic; color: #999;}






#page .content-temoignage h1 {
	height:30px;
	font-size: 15px; 
	color: #fff; 
	font-weight: normal; 
	line-height: 30px;
	margin: 20px 10px;
	width: 635px;
	border-bottom: 1px solid #252731; 
}

#page .content-temoignage h1.pending {
	background: transparent  url(http://i.wicast.fr/images/interface/icones/puceorange.png) 0 0px no-repeat; 
	padding-left: 35px; 
	width: 600px;
}

#page .content-temoignage h1.accept {
	background: transparent  url(http://i.wicast.fr/images/interface/icones/puceverte.png) 0 0px no-repeat; 
	padding-left: 35px; 
	width: 600px;
}

#page .content-temoignage h1.deny {
	background: transparent  url(http://i.wicast.fr/images/interface/icones/croix.png) center left no-repeat; 
	padding-left: 35px; 
	width: 600px;
}


.content-temoignage div.temoignage {width: 630px; margin-left: 10px; border-bottom: 1px solid #252731; padding: 20px 0;}
#page div.temoignage .phrase { float:left;	margin: 0 0 10px 5px; color: #ddd; font-weight: bold; width: 500px; font-size: 13px;}

div.temoignage .qualite { float:right; width: 62px;}
#page div.temoignage p.temoignage {clear: both; padding: 15px 20px; background: #18191f; -moz-border-radius: 8px; -webkit-border-radius: 8px; font-size: 12px; color: #999; font-style: italic; line-height: 16px;}
#page div.temoignage .auteur { font-size: 12px; margin-top: -10px; margin-left: 5px; background: url(http://i.wicast.fr/images/interface/fonds/bulle_temoignages.png) 12px 0 no-repeat; padding-top: 23px;}
#page div.temoignage .auteur p.avatar { height: 43px; width: 43px; border: 1px solid #18191f; margin: 0 10px 0 0; float: left; }
#page div.temoignage .auteur p.infos { margin: 0; float: left; width: 300px; padding-top: 5px; line-height: 16px;}
#page div.temoignage .auteur .date { color: #ccc; }


/* ------------------------------------------------------- */
/* 34. FORMATEURS
/* -------------------------- */
	#page-formateurs .devenez-formateur {border: 1px solid #2f313d; position: relative; background: #131318; height: 283px; overflow: hidden;}
	#page-formateurs .devenez-formateur div.presentation {width: 515px; height: 283px; position: absolute; top: 0; left: 0; background: transparent url(http://i.wicast.fr/images/interface/formateurs/cadre_haut_partie_gauche.png) 0 0 no-repeat;}
	#page-formateurs .devenez-formateur div.presentation p {color: #aeaeae; line-height: 16px; margin: 0 0 0 20px; width: 440px;}
	#page-formateurs .devenez-formateur div.presentation p.lien {margin: 15px 0 0 10px;}
	#page-formateurs .devenez-formateur h1 {font-size: 32px; color: #fff; font-family: "Trebucher MS", arial; margin: 16px 0 0 20px;}
	#page-formateurs .devenez-formateur strong {display: block; color: #eee; font-size: 14px; margin: 8px 0 12px 0; line-height: 18px; font-weight: normal;}

	#page-formateurs .devenez-formateur .video {text-align: right;}
	#page-formateurs .devenez-formateur .video p {margin: 0;}


	#page-formateurs hr.separateur {margin: 10px 0; border: 1px solid #2f313d; border-width: 1px 0 0 0; height: 1px; background: #2f313d;}


	#page-formateurs .formateur-semaine h3 {font-size: 14px; color: #fff; text-transform: uppercase; margin: 20px 0 0 0; padding-bottom: 10px; border-bottom: 1px solid #000;}
	#page-formateurs .formateur-semaine div.infos {background: #23252e url(http://i.wicast.fr/images/interface/formateurs/cadre_formateur_semaine.png) 0 0 no-repeat; border: 1px solid #2f313d; border-width: 1px 0;}
	#page-formateurs .formateur-semaine p.illustration {margin: 15px; float: left;}
	#page-formateurs .formateur-semaine p.illustration IMG {border: 1px solid #2f313d; width: 316px;}
	#page-formateurs .formateur-semaine div.textes {float: right; width: 585px; margin: 15px 15px 15px 0;}
	#page-formateurs .formateur-semaine .pseudo {border-bottom: 1px solid #2f313d; padding-bottom: 4px;line-height: 15px;}
	#page-formateurs .formateur-semaine .pseudo strong {color: #f2e4cc; font-weight: normal; font-size: 14px;}
	#page-formateurs .formateur-semaine .presentation {line-height: 17px; margin-bottom: 24px;}
	#page-formateurs .formateur-semaine hr.separateur {border-top: 1px solid #000; margin: 0;}


	#page-formateurs div.tops {margin-top: 30px; width: 985px; margin-left: -25px;}
	#page-formateurs div.tops h3 {font-size: 14px; color: #fff; text-transform: uppercase; margin: 10px 0;}
	#page-formateurs div.top, #page-formateurs div.itw {width: 300px; margin: 15px 0 15px 26px; float: left;}
	#page-formateurs div.top p.nbFormateurs {font-size: 11px; color: #999; margin: -7px 0 7px 0;}
	#page-formateurs div.top p.nbFormateurs em {color: #eee;}
	#page-formateurs div.top p.navigation {font-size: 11px; color: #797d8e; margin: 0; padding-bottom: 4px; text-align: right; border-bottom: 1px solid #3b3f4f;}
	#page-formateurs div.top p.navigation span {cursor:pointer;}
	#page-formateurs div.top p.navigation span.actif {color: #ddd;}

	#page-formateurs div.top ul {margin: 0;}
	
	#page-formateurs div.top li {background: #272932; clear: both; height: 55px; border-bottom: 1px solid #3b3f4f; border-top: 1px solid #1f212a; color: #797d8e; font-size: 11px; overflow: hidden;}
	#page-formateurs div.top li .avatar {float: left; margin: 6px 10px 0 10px;}
	#page-formateurs div.top li .infos {float: left; width: 180px; padding: 12px 0 0 0; line-height: 15px;}
	#page-formateurs div.top li a {color: #b9bfd9; text-decoration: none; font-size: 13px;}


	#page-formateurs div.top li.me {background: #ca2b5e; border: 1px solid #ff017d; border-width: 1px 0; margin: 1px 0 0 0;}
	#page-formateurs div.top li.me a {color: #fff;}
	#page-formateurs div.top li.me  {color: #eee;}

	#page-formateurs div.itw img { float: left; margin: 2px 10px 0 0; border: 1px solid #3b3f4f;}
	#page-formateurs div.itw p.infos { float: left; margin: 1px 0 0 0; padding: 10px; background: #272932; border: 1px solid #3b3f4f; border-width: 1px 0; color: #797d8e; font-size: 11px; line-height: 16px;}

	#page-formateurs div.itw p.lien {clear: both; text-align: right;}
	#page-formateurs div.itw p.lien a {background: transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) 0px 2px no-repeat; padding:4px 0 4px 25px; color: #F7EAD8;}

	/*pages conseils */
	
	#content-conseils {float:left;}
	#content-conseils .ptGauche{float:left;width:720px;border-right:solid 1px #373737;margin:0 0 50px 0;}
	#content-conseils .ptDroite{float:left;width:200px;padding:20px 0 0 20px;}
	
	#content-conseils h1 {color: #fff; font-size: 19px; margin: 25px 0 0 0; font-weight: normal;}
	#content-conseils h2 {color: #fff; font-size: 17px; margin: 5px 0 10px 0; font-weight: bolder;}
	#content-conseils hr {border-top: 1px solid #2b2b2b; margin:15px 0 15px 0;}
	#content-conseils div.caseConseil {position:relative;width:680px;background: url('/images/interface/formateurs/fond_bloc_conseil.png') repeat-x; background-color: #23242d;}
	#content-conseils .imageConseil {float:left;border: 2px solid #333; margin:20px 20px 20px 20px;overflow:hidden;width:190px;}
	#content-conseils div.conseil{float:left;margin:20px 0px 20px 0px;width:420px;overflow:hidden;line-height: 17px; }
	#content-conseils .savoirPlus{margin-top:25px;}
	#content-conseils .savoirPlus a{		
		background:transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) no-repeat scroll left center;
		color:#F7EAD8;
		/*padding:4px 0 4px 25px;*/
		padding:6px 0 2px 25px;
	}
	
	#content-conseils .entries {font-size: 12px;}
	
	#content-conseils .suivant{		
		background:transparent url(http://i.wicast.fr/images/interface/chaines/puce.png) no-repeat scroll left center;
		color:#F7EAD8;
		padding:6px 0 5px 25px;
		text-decoration:underline;

	}
	
	#content-conseils .titreLink a{color:#fff;}
	#content-conseils .titreLink a:hover{color:#fff;}
	
	
	#content-conseils ul {
		margin: 0px 20px;
	}
	#content-conseils li {
		list-style-image: url("/images/interface/icones/pucette-rose.png");
		line-height: 15px;
		margin-bottom: 10px;
	}
	
	#content-conseils .categories {
		margin-top:40px;
	}
	
	
	/*fiches conseils */
	/*	
	#fiche-conseils .ptGauche{position:relative;width:720px;border-right:solid 1px #373737;}
	#fiche-conseils .ptDroite{float:left;width:200px;padding:20px 0 0 20px;}
	*/
	#fiche-conseils {
		width: 674px;
		margin: 0 0 -30px 30px;
		padding-right: 30px;
		font-size: 12px;
		line-height: 16px;
		float: left;
		border-right: 1px solid #2f323d;
	}

	#fiche-conseils h1 {
		text-transform: uppercase;
		margin: 30px 0;
	}

	#fiche-conseils h1 em{
		color: #ca2b5e;
		text-transform: none;
		margin: 30px 0;
		font-size: 14px;
	}

	#fiche-conseils h2 {
		color: #fff;
		font-size: 14px;
		margin-top: 30px;
	}
	#colDroite-fiche-conseils { float: left; padding: 30px 0 0 30px; width: 185px; }
	#colDroite-fiche-conseils div.vignette {	margin-left: 0;}
	#colDroite-fiche-conseils h1 {	border-bottom: 1px solid #2f323d; padding: 4px; }#colDroitefiche-conseils h1.h1 {	margin-top: 40px; border-bottom: 1px solid #2f323d; padding: 4px; }

	#fiche-conseils em {font-style:italic;}
	#fiche-conseils strong { color:#fff;}
	
	#fiche-conseils ul {
		margin: 20px 40px;
	}
	#fiche-conseils li {
		list-style-image: url("/images/interface/icones/pucette-rose.png");
		line-height: 15px;
		margin-bottom: 10px;
	}
	#fiche-conseils ul ul { margin: 10px 20px 30px 20px;}
	#fiche-conseils ul li li { margin: 2px 10px; list-style-image: none; list-style-type: circle;}

	#fiche-conseils ul strong { color:#fff;}
	#fiche-conseils ul em {font-style:italic;}
		
	#fiche-conseils .suivprec{		
		margin:auto;
		width:700px;
		margin-top:20px;
	}
	
	#fiche-conseils .prec{		
		float:left;
		width:300px;
		text-align:right;
		
	}

	
	
	#fiche-conseils .suiv{		
		float:left;
		width:300px;
		text-align:left;
	}
	
	
	#fiche-conseils .prec2{		
		float:left;
		width:300px;
		text-align:left;
		
	}

	
	
	#fiche-conseils .suiv2{		
		float:right;
		width:300px;
		text-align:right;
		margin-right:15px;
	}
	
	
	
	#fiche-conseils .sepaSuivPrec{		
		float:left;
		width:30px;
		text-align:center;
	}
	
	#fiche-conseils .titreCSP{
		font-weight:bold;
		color: #aeaeae;
	}
	
	#fiche-conseils a{		
		text-decoration:none;
		
	}

	
		
	#page-formateur div.fotolia {margin-top: 90px; padding: 0; }
	#page-formateur div.fotolia #heading h1 {color: #fff; text-align: left; margin: 40px 0 20px 0; font-size: 56px; text-shadow: 1px 2px 4px #000; }
	#page-formateur div.fotolia #heading h1 span {display: block;-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)), to(rgba(100,100,100,.6))); }
	#page-formateur div.fotolia #heading p {color: #ddd; font-size: 14px; line-height: 20px; margin-bottom: 0;}
	#page-formateur div.fotolia #heading {margin-top: -70px; }
	#page-formateur div.fotolia h2 {color: #fff; text-align: left; margin: 20px 0; font-size: 18px; padding-left: 45px; line-height: 35px;}
	#page-formateur div.fotolia h2.question {background: url(/images/interface/formateurs/ico_question.png) center left no-repeat;}
	#page-formateur div.fotolia h2.what {padding-left: 0; line-height: 22px; margin: 0;}
	#page-formateur div.fotolia em {font-style: italic;}
	#page-formateur div.fotolia .illus {text-align: center; padding-bottom: 20px;}
	#page-formateur div.fotolia .illus a {text-decoration: none;}
	#page-formateur div.fotolia .illus span {text-decoration: underline;}
	#page-formateur div.fotolia a {color: #aeaeae;}
	#page-formateur div.fotolia ol {margin-left: 10px;}
	#page-formateur div.fotolia ol.step li {padding: 3px 0; color: #aeaeae; font-size: 12px; line-height: 14px;}
	#page-formateur div.fotolia ol.step li a {color: #ccc;}
	#page-formateur div.fotolia ol.step li span {float: left; padding: 0 5px 0 0; color: #fff; font-weight: bold;}
	#page-formateur div.fotolia ol.step li strong a {color: #fff;}
	#page-formateur div.fotolia .part {padding: 10px 50px 0 0; background: url("http://i.wicast.fr/images/interface/fonds/bg_separator.png") repeat-x scroll bottom left transparent;}
	#page-formateur div.fotolia .part p {line-height: 17px;}
	#page-formateur div.fotolia .part p.bt {line-height: 37px; margin: 50px 0 20px 0; text-align: center;}
	#page-formateur div.fotolia .part a.bt {}
	#page-formateur div.fotolia .part p.bt a {padding: 0 10px;}
	#page-formateur div.fotolia .caution {font-size: .9em; padding-bottom: 20px;}


.ficheProfil .criteres em, .ficheProfil .criteres span{
	color: #f5e4cc;
}

.ficheProfil .criteres {
	color: #7a7d8f;
}
.ficheProfil .criteres a{
	color: #7a7d8f;
	text-transform: none;
	text-decoration: underline;
}



#beta-accueil #page{
	padding-bottom: 100px;
}


#beta-accueil .email-drop {
	padding: 0px 0px 0px 40px;
	width: 300px; 
	margin: 40px; 
	float: left; 
	font-size: 1.2em;
}

#beta-accueil h3 {
	color: #eee;
	margin-top: 5px;
	line-height: 16px;
}

#beta-accueil .log-me {
float: left; width: 300px; padding: 0 0 0 70px; margin: 40px; border-left: 3px solid #484b5b; background: none;position: relative
}
#beta-accueil .ou {
position: absolute; top: 72px; background: #1f212a; padding: 5px 0; left: -22px; width: 40px; text-align: center;
}

#beta-accueil .log-me h3 {
	margin-bottom: 35px;
	font-size: 1.2em;
}

#beta-accueil p.legals {
color:#444; font-weight: normal; line-height: 14px;
}

#beta-accueil .input-text {
	border: 1px solid #fff; 
	-webkit-border-radius: 4px;  
	-moz-border-radius: 4px;  
	padding: 4px; width: 200px; font-size: 1em;	
}

#beta-accueil .input-submit {
	border: none; padding: 5px; 
	font-size: 1em; font-weight: bold; 
	color: #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px; background: #484b5b; 	margin: 0 3px;
}


/* BACKGROUND */

span.corner,	
body#page-accueil #menu ul li.accueil,
body#page-logiciels #menu ul li.logiciels,
body#page-credits #menu ul li.credits,
body#page-forums #menu ul li.forums,
body#page-comment #menu ul li.comment,
body#page-contact #menu ul li.contact,
body#page-panier #menu ul li.panier,
body#page-compte #menu ul li.compte,
body#page-accueil #menu ul li.accueil a,
body#page-logiciels #menu ul li.logiciels a,
body#page-credits #menu ul li.credits a,
body#page-forums #menu ul li.forums a,
body#page-comment #menu ul li.comment a,
body#page-contact #menu ul li.contact a,
body#page-panier #menu ul li.panier a,
body#page-compte #menu ul li.compte a,
body#page-promos #menu ul li.promos,
body#page-promos #menu ul li.promos a,
.bigstars, 
.smallstars, 
div.btActionIcone.play, 
div.btActionIcone.buy, 
#formRecherche p label.bouton,
#login-wrapper #signin p.champ input,
.signin p.champ input,
#signin .btAction,
.signin .btAction,
#register .btAction,
#login-boutons p.btAction,
#menuLogiciels li a
{ 
background-image: url("/images/interface/interface_elts.png");
}




body#page-forums #menu ul li.forums,body#page-accueil #menu ul li.accueil,body#page-logiciels #menu ul li.logiciels,body#page-credits #menu ul li.credits,body#page-comment #menu ul li.comment,body#page-contact #menu ul li.contact,body#page-panier #menu ul li.panier,body#page-compte #menu ul li.compte,body#page-promos #menu ul li.promos {
background-position: -769px 0;
background-color: #2f323d;
}

body#page-forums #menu ul li.forums a,body#page-accueil #menu ul li.accueil a,body#page-logiciels #menu ul li.logiciels a,body#page-credits #menu ul li.credits a,body#page-comment #menu ul li.comment a,body#page-contact #menu ul li.contact a,body#page-panier #menu ul li.panier a,body#page-compte #menu ul li.compte a,body#page-promos #menu ul li.promos a {
background-position: right 0;
}




#formRecherche p label.bouton { 
	background-position: -180px 0;
}

#formRecherche p label.bouton:hover { 
	background-position: -180px -136px;
}


#login-wrapper #signin p.champ input, .signin p.champ input  { 
	background-position: -233px 0;
}



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

/* */

#signin .btAction, .signin .btAction {
	background-position: -964px -38px;
	background-repeat: no-repeat;
}			

#register .btAction {
	background-position: -964px -60px;
	background-repeat: no-repeat;
}

#login-boutons p.signBouton {
/*	background: #0b0b0f url("/images/interface/icones/flecheBas_roseSurGrisBleuFonce.gif") 201px 17px no-repeat;*/
}		
#login-boutons p.signBouton.actif {
background-image: none;
}

#login-boutons p.btAction {
	background-position: -924px -85px;
	background-repeat: no-repeat;
	display: block;
	float: right;
	width: 227px;
	height: 39px;
}

#grosChampRecherche {
/*background: url("/images/interface/corners/grosseRecherche_center.gif") center center repeat-x;*/
}



#formRecherche p  { 
background: url("/images/interface/corners/grosseRecherche_left.gif") center left no-repeat; 
}			

#formRecherche p label.champ { 
/*background: url("/images/interface/corners/grosseRecherche_right.gif") center right no-repeat;*/
}

#menu ul li.panier, #menuFooter ul li.panier {
background:  url("/images/interface/icones/panier_grisSurBleuMoyen.gif") bottom left no-repeat;
}


#menu ul li.panier a, #menuFooter ul li.panier a {
background:  url("/images/interface/icones/flecheDroite_griseSurGrisBleuMoyen.gif") right 9px no-repeat;
}


#menuFooter ul li.panier a {
/*background:  url("/images/interface/icones/flecheDroite_griseSurGrisBleuMoyen.gif") 9px right no-repeat;*/
}			
#menuFooter ul li.panier {
background:  url("/images/interface/icones/panier_grisSurBleuFonce.gif") bottom left no-repeat;
}			


#menuLogiciels li a {
	background-position: -990px -128px;
	background-repeat: no-repeat;
}

div.btActionIcone {
background:  url("/images/interface/boutons/bt_valider_left.gif") top left no-repeat;
}

div.btActionIcone.plus {
background:  url("/images/interface/boutons/bt_valider_leftPlus.gif") top left no-repeat;
}


div.vignette {
background:  url("/images/interface/vignette/bg_vignette_bleu.gif") bottom center no-repeat;
}


div.vignette.star {	
background:  url("/images/interface/vignette/bg_vignette_rose.gif") bottom center no-repeat;
}




body#page-accueil #menuFooter ul li.accueil, body#page-logiciels #menuFooter ul li.logiciels,
body#page-credits #menuFooter ul li.credits, body#page-comment #menuFooter ul li.comment,
body#page-contact #menuFooter ul li.contact {
/*background: #2a2b35 url("/images/interface/corners/menuFooter_left.gif") left -1px no-repeat;*/
}
body#page-accueil #menuFooter ul li.accueil a, body#page-logiciels #menuFooter ul li.logiciels a,
body#page-credits #menuFooter ul li.credits a,	body#page-comment #menuFooter ul li.comment a,
body#page-contact #menuFooter ul li.contact a, body#page-compte #menuFooter ul li.compte a {
/*background:  url("/images/interface/corners/menuFooter_right.gif") right -1px no-repeat;*/
background: #2a2b35;
color: #ca2b5e;
}


#formRecherche2 p  { 
/*background: url("/images/interface/corners/rechercheFooter_left.gif") top left no-repeat;*/
}
#formRecherche2 p label.champ { 
/*background: url("/images/interface/corners/rechercheFooter_right.gif") top right no-repeat; */
}
#formRecherche2 p label.bouton {
/*background: url("/images/interface/boutons/bt_rechercheFooter_ok.gif") center center no-repeat;*/
}

#formRecherche2 p label.bouton:hover {
/*	background-image: url("/images/interface/interface_elts.png");
	background-position: -179px -136px;
*/
}

.mootabs_title li.active {
background: #2b2b39 url("/images/interface/fonds/bg_tabs_on.gif") top left no-repeat;
}







/* CONTENT, pour les pages multicolonne */			
#content-logiciels{
/*background: url(/images/interface/fonds/bg_page_logiciels.gif) top left;*/
}

/* mediaboxAdvanced - black theme */

#mbOverlay {
	position: absolute;
	z-index: 9998;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#mbOverlay.mbOverlayFF {
	background: transparent url(/images/interface/slimbox/80.png) repeat;
}

#mbOverlay.mbOverlayIE {
	background: transparent url(/images/interface/slimbox/50.gif) repeat;
}

#mbCenter, #mbBottomContainer {
	position: absolute;
	z-index: 9999;
	left: 50%;
	overflow: hidden;
	background-color: #000;
}

.mbLoading {
	background: #000 url(/images/interface/slimbox/BlackLoading.gif) no-repeat center;
}

#mbImage {
	position: absolute;
	left: 0;
	top: 0;
	top: 15px;
	border: 10px solid #000;
	background-repeat: no-repeat;
/*	Sets the style for inline content, if no style is given	*/
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: left;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a, #mbImage a:link, #mbImage a:visited {
	color: #ddd;
}

/*	Sets the style for inline content, if no style is given	*/
#mbImage a:hover, #mbImage a:active {
	color: #fff;
}

#mbBottom {
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #999;
	text-align: left;
	border: 10px solid #000;
		border: none;
	border-top-style: none;
}

#mbTitle {
	display: inline;
	color: #fff;
	font-weight: bold;
	line-height: 20px;
	font-size: 12px;
}

#mbNumber {
	display: inline;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbCaption {
	display: block;
	color: #999;
	line-height: 14px;
	font-size: 10px;
}

#mbPrevLink, #mbNextLink, #mbCloseLink {
	display: block;
	float: right;
	height: 20px;
	width: 46px;
	background: transparent url(/images/interface/slimbox/BlackClose2.gif) no-repeat center;
	margin: 0;
	outline: none;
}

#mbPrevLink {
	width: 69px;
	background: transparent url(/images/interface/slimbox/BlackPrevious.gif) no-repeat center;
	display: none;
}

#mbNextLink {
	width: 41px;
	background: transparent url(/images/interface/slimbox/BlackNext.gif) no-repeat center;
	display: none;
}

#mbCloseLink {
	width: 59px;
	background: transparent url(/images/interface/slimbox/BlackClose2.gif) no-repeat center;
}

#mbError {
	position: relative;
	top: 30%;
	font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
	line-height: 19px;
	font-size: 12px;
	color: #fff;
	text-align: center;
	border: 10px solid #700;
	padding: 20px 10px 30px;
	margin: auto;
}
















textarea.message-moderateur { background: #eee; width: 420px; margin-left: 14px; height: 42px; padding: 5px;}




.wysiwyg{border:1px solid #ccc}

.toolbar{padding:5px;overflow:hidden;border-bottom:1px solid #eee;background:#f9f9f9; overflow: hidden;} * html .toolbar{height:0}

.toolbar *{display:block;margin:0 1px;padding:1px 2px;border:1px solid #eee;width:16px;height:16px;float:left;background-repeat:no-repeat;background-position:center;cursor:default} * html .toolbar *{width:22px;height:18px}
.toolbar span:hover {background-color:#ccc; cursor: pointer; border: 1px solid #222;}
.toolbar span.spacer:hover {background-color:#fff; cursor: none;border:none;width:0px;margin:2px 5px 0 5px;border-right:2px solid #ccc}


.toolbar .spacer{border:none;width:0px;margin:2px 5px 0 5px;border-right:2px solid #ccc}
.toolbar .strong{background-image:url(/images/interface/editor/strong.png)}
.toolbar .em{background-image:url(/images/interface/editor/em.png)}
.toolbar .u{background-image:url(/images/interface/editor/underline.png)}
.toolbar .superscript{background-image:url(/images/interface/editor/superscript.png)}
.toolbar .subscript{background-image:url(/images/interface/editor/subscript.png)}
.toolbar .left{background-image:url(/images/interface/editor/left.png)}
.toolbar .center{background-image:url(/images/interface/editor/center.png)}
.toolbar .right{background-image:url(/images/interface/editor/right.png)}
.toolbar .indent{background-image:url(/images/interface/editor/indent.png)}
.toolbar .outdent{background-image:url(/images/interface/editor/outdent.png)}
.toolbar .h1{background-image:url(/images/interface/editor/h1.png)}
.toolbar .h2{background-image:url(/images/interface/editor/h2.png)}
.toolbar .h3{background-image:url(/images/interface/editor/h3.png)}
.toolbar .ul{background-image:url(/images/interface/editor/ul.png)}
.toolbar .ol{background-image:url(/images/interface/editor/ol.png)}
.toolbar .p{background-image:url(/images/interface/editor/p.png)}
.toolbar .img{background-image:url(/images/interface/editor/img.png)}
.toolbar .link{background-image:url(/images/interface/editor/link.png)}
.toolbar .unlink{background-image:url(/images/interface/editor/unlink.png)}
.toolbar .clean{background-image:url(/images/interface/editor/clean.png)}
.toolbar .toggle{background-image:url(/images/interface/editor/code.png)}

.toolbar.disabled *{opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30)}
.toolbar.disabled *:hover{background-color:transparent;border-color:#eee}
.toolbar.disabled .toggle{background-image:url(/images/interface/editor/html.png);opacity:1;-moz-opacity:1;filter:alpha(opacity=100)}


/* SAMPLE 2 */
div#wysiwyg textarea,div#wysiwyg iframe,div#wysiwyg .wysiwyg{width:460px; max-width: 460px;height:160px}
div#wysiwyg .wysiwyg{background: #eee; height:auto}
div#wysiwyg {margin-left: 14px;}

.hidden{display:none !important}
.field_desc { visibility: hidden;}


#box6{
	position:absolute;
	width:450px;
	height: 210px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-225px;
	width:450px;
	height: 210px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}
/*
div#carroussel {
	background: #000;
	width:450px;
	height: 210px !important;
	padding: 4px !important;
}*/
div#carroussel p.buttons {
	display: none;
}
div#carroussel img { border: none; margin: none; }
div#carroussel span { border: none; margin: none; }
div#carroussel p { border: none; margin: none; }


div#carroussel .info{
	width:450px;
	height: 210px;
	position:absolute;
	background: transparent url("/images/interface/fonds/cache_lecteur.png") 0 0 no-repeat;
}

div#carroussel h4{
	position: absolute;
	top: 10px;
	left: 20px;
	color: #f7e7ce;
	width: 250px;
	text-transform: none;
	font-size: 13px;
}

div#carroussel h4 em{
	display: block;
	font-size: 14px;
	text-transform: uppercase;
	padding-bottom: 3px;
	font-weight: bold;
}

div#carroussel strong{
	position: absolute;
	bottom: 10px;
	right: 20px;
	text-transform: none;
	color: #fff;
	font-size: 12px;
}


div#carroussel span{
	font-size: 17px;
}


div#carroussel span.auteur{
	position: absolute;
	top: 12px;
	right: 20px;
	text-transform: none;
	color: #fff;
	font-size: 12px;
	text-align: right;
	-moz-opacity: .6;
	-webkit-opacity: .6;
}

div#carroussel p{
	position: absolute;
	bottom: 0px;
	left: 20px;
	margin: 0;
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
}
div#carroussel a{}


/*
div#carroussel .info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
div#carroussel .info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
div#carroussel .info h4{
	font-size:14px;
}
div#carroussel .info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

*/




div#myTagList {
	background: #3b3c42;
	width: 445px;
	padding: 5px 10px 5px 10px;
	margin-left: 14px;
}
div#myTagList li {
	background: #16171c;
	display:block;
	float: left;
	padding: 6px 6px;
	margin: 2px;
	font-size: 14px;
	color: #f5e4cc;
	-moz-border-radius : 3px;
}
div#myTagList li span {
	font-weight: bold;
	color: #ca2b5e;
	padding-left: 5px;
	cursor: pointer;	
}
p.btAjoutTag { height: 30px;background:#16171c; padding: 8px; margin-left: 14px !important; margin-bottom: 0 !important;}
p.btAjoutTag input { float: left; }
p.btAjoutTag span { margin: 2px 0 0 20px; cursor: pointer; padding-left: 35px; text-decoration: underline; display: block; float: left; line-height: 28px; background: transparent url("/images/interface/icones/ico_succes.png") 0 0 no-repeat; }
p.btAjoutTag span:hover { color: #fff; }



#menuModifTuto {
	height: 37px;
	border-bottom: 4px solid #2f323e;
	width: 618px;
}

#menuModifTuto li {
	float: left;
	color: #f5e4cc;
	line-height: 37px;
	text-align: center;
	background: #000000;
	font-weight: bold;
	font-size: 14px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius: 4px 4px 0 0;
}
#menuModifTuto li a {
	color: #f5e4cc;
	line-height: 37px;
	display: block;
	text-decoration: none;
	text-align: center;
}
#menuModifTuto li.actif {
	background: #2f323e;
}

#menuModifTuto li.metadonnees {width: 178px; margin-right: 2px;}
#menuModifTuto li.prix {width: 189px; margin-right: 2px;}
#menuModifTuto li.apercu {width: 139px; margin-right: 2px;}
#menuModifTuto li.fichiers {width: 106px;}

.btActionIcone a,.btActionIcone a:hover{
	color:#F5E4CC !important;
}
















	#page {position: relative; padding-top: 190px; }
	
	
	#header {position: absolute; 			z-index: 101;height: 160px; top: 20px; width: 960px; margin-left: -3px;}
		#page #header #logo p {margin: 0 !important;}
		#page #header #logo {margin: 0 0 10px 10px;}
		
		#menu {
			background:none;
			border-bottom:1px solid #373737;
			display:block;
			height:67px;
			padding-top: 20px;
			overflow: hidden;
		}	
		#menu ul {margin: 0; height: 67px;} 

		#zone-logiciels {
			margin: -18px 0px 0 0;
			overflow:hidden;
			clear: both;
			height: 0;
			position: relative;
		}
	
		
		#zone-logiciels h2 {color: #eee; margin: 0 0 10px 0; font-weight: normal; font-size: 12px;}
		#zone-logiciels h2.thematiques {margin-top: 54px;}
		#zone-logiciels a {color: #999; text-decoration: none; display: block; border-bottom: 1px dotted #242630; line-height: 18px; height: 18px; padding-left: 2px;}
		
		#menuLogiciels {  width: auto !important; padding-bottom: 0px; }
		#menuLogiciels div {margin-top:2px; padding: 0; margin-left: 39px; margin-bottom: 20px; width: 150px; margin-right: 4px;}	
		#menuLogiciels div.all { margin-top: 0;}
		#menuLogiciels div.best {margin-left: 20px; padding-top: 0;}
		#menuLogiciels div.best p a {color: #ccc;}
		#menuLogiciels p.desc {color: #ccc; line-height: 17px; margin: 10px 20px 20px 20px; font-size: 12px; border-bottom: 1px solid #272c3b; padding-bottom: 10px;}
		#menuLogiciels p.desc strong {color: #fff;}






/* HP */

	#hpv2 h2 {font-size: 17px; color: #fff; text-transform: uppercase; background: url(/images/interface/HP-v2/puce_h2.png) center left no-repeat; padding-left: 28px; height: 22px; line-height: 22px;}

	#hpv2 hr.separateur {margin: 10px 0; border-top: 1px solid #18191f; border-bottom: 1px solid #2f313d;height: 1px; background: #2f313d;}
	#hpv2 .more a { padding: 2px 0 2px 25px; background: url(/images/interface/HP-v2/puce_more.png) center left no-repeat; color: #f7ead8; }

	#hpv2 .visite-guidee {width: 500px; background: url(/images/interface/HP-v2/bg_str_box.png) 0 0 repeat-x; padding: 20px 0 17px 0; float: left; margin-right: 4px;}
	#hpv2 .visite-guidee h4 {font-size: 17px; color: #fff; text-transform: uppercase; margin: 15px 0px;}
	#hpv2 .visite-guidee .textes {float: left; width: 285px; margin: 0 0 0 20px; }
	#hpv2 .visite-guidee .textes p {color: #ccc; line-height: 17px; }
	#hpv2 .visite-guidee .illustration { float: right; width: 194px; margin: 0;}
	#hpv2 .visite-guidee .lien-visite {margin-top: 20px; }
	#hpv2 .visite-guidee .lien-visite a {
		background:transparent url(/images/interface/chaines/puce.png) no-repeat scroll left center;
		color:#F7EAD8;
		padding:4px 0 4px 25px;
	}
	
	#hpv2 .carroussel {width: 450px; height: 254px; float: left;background: url(/images/interface/HP-v2/bg_str_box.png) 0 0 repeat-x; position: relative;}
	#hpv2 .carroussel li {height: 253px; position: relative;}
	#hpv2 .carroussel .mask {height: 253px; position: relative;overflow: hidden;}
	#hpv2 .carroussel #box-carrousel {position: absolute; margin: 0; }
	#hpv2 .carroussel p {margin: 0;}
	#hpv2 .carroussel .infos { line-height: 40px; position: relative; padding-left: 5px;}
	#hpv2 .carroussel .infos a { color: #f3e4cc; font-weight: normal; padding: 5px 0 5px 35px; background:transparent url(/images/interface/HP-v2/lecture.png) no-repeat scroll left center; }
	#hpv2 .carroussel .infos em { color: #ccc; position: absolute; right: 10px; font-size: 11px; }
	#hpv2 .carroussel p.buttons { position: absolute; right: 10px; top: 65px;}
	#hpv2 .carroussel p.buttons span { width: 51px; height: 40px; cursor: pointer; display: block;}
	#hpv2 .carroussel li span { position: absolute; top: 0; left: 0; width: 450px; height: 210px;; background: url(/images/interface/HP-v2/cache_carrousel.png)  center center no-repeat; }
	#hpv2 .carroussel p.buttons span#next5 {background:transparent url(/images/interface/HP-v2/fleche_bas_hover.png) top left no-repeat; margin-top: 4px;}
	#hpv2 .carroussel p.buttons span#prev5 {background:transparent url(/images/interface/HP-v2/fleche_haut_hover.png) top left no-repeat; }
	#hpv2 .carroussel p.buttons span#next5:hover, #hpv2 .carroussel p.buttons span#prev5:hover {background-position:bottom left; }





	#hpv2 .devenir-membre {width: 498px; margin-right: 4px; float: left; background: url(/images/interface/HP-v2/bg_str_boutons.png) 0 0 repeat-x; border: 1px solid #3a3c44; margin-bottom: 10px;}
	#hpv2 .devenir-auteur {width: 448px; float: left; background: url(/images/interface/HP-v2/bg_str_boutons.png)  0 0 repeat-x; border: 1px solid #3a3c44;}
	#hpv2 .devenir-membre h5, #hpv2 .devenir-auteur h5 {margin: 15px 0 8px 0; color: #fff; font-size: 17px; text-transform: uppercase;}
	#hpv2 .devenir-membre .textes, #hpv2 .devenir-auteur .textes {color: #ccc; height: 84px; font-size: 11px; background: #343745 url(/images/interface/HP-v2/bg_fleche.png) center right no-repeat; float: left; padding: 0 20px 0 10px; margin: 0 20px 0 0;}
	#hpv2 .devenir-membre .textes p {width: 186px; line-height: 15px;}
	#hpv2 .devenir-auteur .textes p {width: 200px;line-height: 15px;}
	#hpv2 .devenir-membre .textes p strong {color: #fff;}

	#hpv2 .devenir-membre .bouton, #hpv2 .devenir-auteur .bouton {margin: 12px 0 0 0;}


	#hpv2 .box-credits { width: 498px; margin-right: 4px; float: left; }
	#hpv2 .box-credits h2 { margin-bottom: 10px; }
	#hpv2 .box-credits h2 img{ margin-left:10px; }
	#hpv2 .packs-credits {background: url(/images/interface/HP-v2/bg_packs_credits2.jpg) top right repeat-x; border: 1px solid #3a3c44; margin-bottom: 10px; width: 498px;}
	#hpv2 .packs-credits .textes {color: #ccc; height: 74px; font-size: 11px; background: #343745 url(/images/interface/HP-v2/bg_fleche_credits.png) top right no-repeat; float: left; padding: 10px 42px 0 10px; margin: 0;}
	#hpv2 .packs-credits .textes p {margin: 12px 0 0 0;}
	#hpv2 .packs-credits a {display: block; text-align: center; float: left; width: 70px; margin-top: 20px; text-decoration: none; color: #ccc;}
	#hpv2 .packs-credits a em {font-size: 20px; color: #eee;}
	#hpv2 .packs-credits .packs {margin-bottom: 0;}
	#hpv2 .packs-credits .packs:hover a {opacity: .5;}
	#hpv2 .packs-credits .packs:hover a:hover {opacity: .99;}



	#hpv2 .box-formateur { width: 448px; margin-right: 4px;float: left; }
	#hpv2 .box-formateur h2 { margin-bottom: 10px; }
	#hpv2 .devenir-formateur {background: url(/images/interface/HP-v2/bg_str_boutons.png) 0 0 repeat-x; border: 1px solid #3a3c44; margin-bottom: 10px; width: 448px; height: 84px; }
	#hpv2 .devenir-formateur .textes {color: #ccc; height: 74px; font-size: 11px; background: #343745 url(/images/interface/HP-v2/bg_fleche.png) top right no-repeat; float: left; padding: 10px 30px 0 10px; margin: 0 22px 0 0;}
	#hpv2 .devenir-formateur .textes p {margin: 12px 0 0 0;}
	#hpv2 .devenir-formateur .bouton {margin: 12px 0 0 0;}
	#hpv2 .devenir-auteur .textes p strong {color: #fff;}


	#hpv2 .meilleurs-tuto { float: left; width: 660px;;}
	#hpv2 .meilleurs-tuto p {margin: 10px 0 20px 5px;}
	#hpv2 .meilleurs-tuto ul {margin: 0 -10px;}
	#hpv2 .meilleurs-tuto li { float: left; width: 150px; margin-left: 12px; margin-bottom: 10px; position: relative;}
	#hpv2 .meilleurs-tuto li IMG { width: 150px; height: 84px; border: 1px solid #666; }
	#hpv2 .meilleurs-tuto li span { position: absolute; top: 1px; left: 1px; width: 150px; height: 84px; background: url(/images/interface/cache_selection_play.png)  center center no-repeat; }


	#hpv2 .top-logiciels { float: right; width: 270px;}
	#hpv2 .top-logiciels ul { margin-top: 19px;}
	#hpv2 .top-logiciels li { clear: both; height: 44px; margin-bottom: 0px; ; background: url(/images/interface/HP-v2/bg_str_box.png) bottom left repeat-x; }
	#hpv2 .top-logiciels li IMG { width: 30px; height: 30px; border: 1px solid #666; float: left; margin: 5px 6px; }
	#hpv2 .top-logiciels strong  { padding-top: 4px; display: block;}
	#hpv2 .top-logiciels strong a { color: #ccc; font-size: 13px; text-transform: uppercase; text-decoration: none; line-height: 20px; font-weight: normal; }
	#hpv2 .top-logiciels span a { color: #999; text-decoration: none; font-size: 11px;}
	
	#hpv2 .nouveautes {margin: 20px 0;}
	#hpv2 .nouveautes p {margin: 10px 5px;}
	#hpv2 .nouveautes #slider-prev {float: left; width: 11px; margin: 38px 0 0 10px;}
	#hpv2 .nouveautes .slider-nouveautes {  height: 100px; border: 1px solid #3a3c44;background: url(/images/interface/HP-v2/bg_str_box.png) 0 -140px repeat-x; margin: 20px 5px 0 5px;}
	#hpv2 .nouveautes .liste-nouveautes {  float: left; margin: 6px 5px; width: 888px; overflow: hidden; position: relative;}
	#hpv2 .nouveautes .liste-nouveautes #myList {  width: 2000px;}
	#hpv2 .nouveautes #slider-next {float: left; margin-top: 38px; width: 11px;}
	#hpv2 .nouveautes ul {margin: 6px 0 0px 10px;}
	#hpv2 .nouveautes li {float: left; margin-right: 18px; position: relative;}
	#hpv2 .nouveautes li IMG { width: 128px; border: 1px solid #666; }
	#hpv2 .nouveautes li span { position: absolute; top: 1px; left: 1px; width: 127px; height: 72px; background: url(/images/interface/cache_selection_play.png)  center center no-repeat; }
	#hpv2 .nouveautes p.more { text-align: right; }


	#hpv2 .top-ventes {margin-top: 30px; margin-bottom: 40px;}
	#hpv2 .top-ventes p {margin: 10px 5px;}
	#hpv2 .top-ventes .item {margin: 20px 6px 10px 6px; float: left; width: 225px;}
	#hpv2 .top-ventes .item .infos {margin-top: 0; position: relative; height: 54px; padding: 8px 0 5px 65px; background: url(/images/interface/HP-v2/bg_str_box.png) bottom left repeat-x;}
	#hpv2 .top-ventes .item IMG {width: 53px; border: 1px solid #666; position: absolute; left: 4px; top: 5px;}
	#hpv2 .top-ventes .item h3 {font-size: 15px; text-transform: uppercase; color: #fff; margin-bottom: 3px; line-height: 17px;}
	#hpv2 .top-ventes .item em {font-size: 11px; text-transform: uppercase; color: #999;}
	#hpv2 .top-ventes .item ul {margin: 0;}
	#hpv2 .top-ventes .item li {line-height: 22px; height: 22px; border-bottom: 1px solid #343434; overflow: hidden;}
	#hpv2 .top-ventes .item li a {color: #aeaeae; text-decoration: none; font-size: 11px;}

	
	#hpv2 .tops-divers {margin: 20px 0 30px 0;}
	#hpv2 .tops-divers h2 {border-bottom: 1px solid #18191f; padding: 10px 0 10px 28px; margin-bottom: 0;}
	#hpv2 .tops-divers .top {float: left; width: 306px; margin-right: 10px;}
	#hpv2 .tops-divers ul {background: #242630; margin-top: 0; padding: 5px 10px; border-top: 1px solid #2d303c;}
	#hpv2 .tops-divers li {line-height: 22px; height: 22px; border-bottom: 1px solid #2d303c; position: relative;}
	#hpv2 .tops-divers li a {color: #ccc; text-decoration: none; font-size: 11px;}
	#hpv2 .tops-divers li em {font-size: 11px; position: absolute; right: 0; color: #999;}


	/* personnalisatio des Tool-tips */
	
	.tip                { width: auto; font-size: 10px; padding: 5px 5px 5px 10px; background: transparent url(/images/interface/HP-v2/tt_left.png) 0 0 no-repeat;}  
	.tip-top            { display: none; }  
	.tip-title      { text-align: left; color:#fff; font-size: 11px; font-weight:bold; margin:15px 0 3px 5px; }  
	.tip-text       { color:#aeaeae; text-align: left; margin: 2px 5px 8px 5px; padding-left: 0;}  
	.tip-bottom     { display: none; }  
	
	div.tipz {z-index: 100; padding-right:22px; background: transparent url(/images/interface/HP-v2/tt_right.png) top right no-repeat;}


#overlay-holder .bt {
	margin: 0 auto;
	background: #555 url(http://fr.tuto.com/images/interface/boutons/v3/normal.png) center left repeat-x;
	padding:10px 20px;
	color:#fff;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:11px; 
	text-transform:uppercase;
	border:1px solid #555;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}


#overlay-holder a.bt:hover {
	background-color: #111;
	color:#fff !important;
	border-color:#000;
}

#overlay-holder .dl {
	background: #666 url(http://fr.tuto.com/images/interface/boutons/v3/dl.png) -8px -3px no-repeat;
	padding: 10px 15px 10px 36px;
}




/* HEADER V2 */

#header {top: 0; height: 180px;}	
	#logo {position: absolute; top: 60px; z-index: 120;}
	#zone-login {margin-bottom: 20px;height:54px; background-position: bottom left;}
	#recherche {float: right; position: relative; top: 0;}
	#page {padding-top: 220px;}
	#menu {border: none; margin-right: -10px; width: 1000px;}
	#arianne {padding:15px 0 12px 1px; margin: 0; background: url("http://i.wicast.fr/images/interface/fonds/bg_separator.png") 0 0 repeat-x;}
	div#wrapper {background: #1F212A url("http://i.wicast.fr/images/interface/HP/01.Barre-haut/barrebg.png") 0 0 repeat-x;}
	#login-wrapper {background: none;}
	#add-box p {margin: 0; line-height: .9em;}
	#add-box {height: 38px;}
	#nl-box h2 {margin-top: 15px;}
	#login-wrapper #nl-box {line-height: .9em; right: 280px;}
	#nl-box p {margin-top: 0;}
	#chp-mailnewsletter {padding-top: 1px;}
	#login-boutons p a {color: #ca2b5e; font-size: 10px; text-transform: uppercase; display:inline; float: none; padding: 0 3px;}
	#login-boutons,#login-boutons p.signBouton {width: 250px; text-align: right; background: none; line-height:40px; color: #666;}
	#login-boutons {background:url("http://i.wicast.fr/images/interface/HP/01.Barre-haut/barre02.png") no-repeat scroll -768px bottom transparent;}



	#user-box p { float:right; line-height: 36px; color: #b0b0b0; padding-left: 20px;margin-right: 20px; text-transform: uppercase; font-size: 10px; margin-bottom: 0; height: 44px;}
	#user-box p a {color:#ca2b5e; padding: 0 4px;}
	#user-box p.action-link a{background:url("http://i.wicast.fr/images/interface/01.layout/arrow_gray.png") no-repeat scroll 0 3px transparent; padding-left: 14px;}
	#user-box .hello {background:url("http://i.wicast.fr/images/interface/HP/01.Barre-haut/barre02.png") no-repeat scroll -768px bottom transparent;}

	#menu ul li { -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; margin-right: 5px;}
	#menu ul li span {font-weight:normal;}
	#menu ul li a.more {padding-right: 25px; background: url("http://i.wicast.fr/images/interface/01.layout/bg_menu_more.png") center right no-repeat; margin-left: 0; padding-left: 9px;}
	#menu ul li {background:url(http://i.wicast.fr/images/interface/01.layout/section_separator_vertical.png) no-repeat  0 5px; padding: 0 8px;}
	#menu ul li.accueil span {left: 52px; top: 6px;}
	#menu ul li.accueil {background:none;}
	#menu ul li a {padding:8px 3px;}
	#menu div.sub {position: absolute; width: 220px; background:#2F323D; height:0; overflow: hidden; }
	#menu div.sub div {padding-bottom: 20px; }
	#menu div.sub strong {display: block; color: #fff; text-transform: uppercase; clear: both; margin: 20px 0 10px 20px;}
	#menu div.sub ul {margin: 0 0 15px; height: auto;padding: 0;}
	#menu div.sub li {float: none; border: none; border-bottom: 1px dotted #242630; background: none; margin: 0 15px; padding: 0px;}
	#menu div.sub a {color: #aeaeae; text-transform: none; font-size: 12px; font-weight: normal; padding: 3px 0;}

	#menu ul li.selected a.more {background: #2F323D; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px;}
	
	#zone-logiciels {margin:-15px 40px 0;}
	#menuLogiciels p.desc {margin:10px 30px 20px;}
	#menuLogiciels div {margin-top: 0; margin-right: 25px;}
	#menuLogiciels div.all {margin-left:0;}
	#menuLogiciels div.best {margin-right:75px; margin-left: 30px;}
	#zone-logiciels a {width: 150px; border-bottom: none;}
	#zone-logiciels a.all-link {color: #fff; text-transform: uppercase; background: url(http://fr.tuto.com/images/interface/icones/ico-fleche-verte.png) center left no-repeat; width: 200px; padding: 4px 0 4px 16px; margin-top: 10px; text-decoration: underline; margin-left: -14px;}
	

	
	
	
	
body#page-forums #menu ul li.forums, body#page-accueil #menu ul li.accueil, body#page-logiciels #menu ul li.logiciels, body#page-credits #menu ul li.credits, body#page-comment #menu ul li.comment a.more,body#page-participez #menu ul li.participez a.more, body#page-contact #menu ul li.contact, body#page-panier #menu ul li.panier, body#page-compte #menu ul li.compte, body#page-promos #menu ul li.promos {
	background:#2F323D;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-radius-topleft: 4px;
	-webkit-border-radius-topright: 4px;
}

body#page-comment #menu ul li.comment,
body#page-participez #menu ul li.participez {
background:url("http://i.wicast.fr/images/interface/01.layout/section_separator_vertical.png") no-repeat scroll 0 5px transparent;
}



body#page-forums #menu ul li.forums a, body#page-accueil #menu ul li.accueil a, body#page-logiciels #menu ul li.logiciels a, body#page-credits #menu ul li.credits a, body#page-comment #menu ul li.comment a, body#page-contact #menu ul li.contact a, body#page-panier #menu ul li.panier a, body#page-compte #menu ul li.compte a, body#page-promos #menu ul li.promos a {
background:none;
}