/* CSS Document */
/* Modifications du 5 mars 2008 : passage de la largeur de 950 à 900 pixels. */
/* Modifications du 6 novembre 2008 : changements de couleur, de décoration et de hauteur du header. */

/* --------------- Décoration ------------------*/
/* 	Eléments à modifier pour décos provisoires */
/* -------------------------------------------*/

.girl {
	background:url(/i/V5/evt/vsogirl_column.jpg) no-repeat;  /* Sarah sur la page d'accueil, à droite. A commenter si nécessaire */
	/*background:url(/i/V5/evt/vso-witch.jpg) no-repeat; /* Halloween */
	/*background:url(/i/V5/evt/vso_girl_xmas.jpg) no-repeat; /* Noel */
	/*background:url(/i/V5/evt/vso_summer_girl.jpg) no-repeat right; /* été */
	width:130px;
	height:550px;
}

.subnav { color:#999; }/* à changer selon la déco */
.subnav a 		{ color: #0066FF} 	/* à changer selon la déco */
.subnav a:hover { color: #0000FF} /* à changer selon la déco */

/* -------------------------- Bannière --------------------------*/
/* 	Paramêtres de positionnement de la bannière dans le header  */
/* ------------------------------------------------------------*/
#banner {
	width:728px; 		/* Largeur maximum de la bannière, ne pas toucher */
	/* alignement horizontal de la bannière (pour des bannières plus petites que 728 pixels )*/
	text-align: center; /* Autres options : left ou right
	/* alignement vertical de la bannière (maximum 100 pixels de haut) : décommenter l'option choisie */
	padding: 5px 0; 	/* Centrer la bannière verticalement */
	/* padding: 10px 0; 	Coller la bannière en bas */
	/* padding: 0; 		 Coller la bannière en haut */
}
#banner iframe {margin-top:2px;} /* Pour les adsenses... à vérifier */

/* -------------- Styles généraux --------------*/
/* 			Définition des balises 		       */
/* -------------------------------------------*/

br.space {height:0; margin-top:10px;}
.box,
.box td,
.box .poll p,
.titleOverlapped {color:#444;}	/* couleur du texte des box */

/* ---------------- boutons et liens ------------------ */
.box li a,
.box a,
a, .suggest a { color:#06C}			/* couleur des liens courants */
a:hover, a.readmore, .text_orange, .box li a:hover { color: #F60;}
a.buyproduct, a.download{ color: #F60; font-weight:bold;}
a:hover.buyproduct, a:hover.download{ color: #FA0;}
a.download 	{font-size:0.9em; line-height:1em}
/*a.main 			{	color: #036;}*/
a, a:hover, a.buyproduct, a.download { text-decoration: none;}
a.main { text-decoration: none; font-size:11px; font-weight:bold;}
.dldlinks{
	color:#333;
	text-decoration:none;
	font-size:1em;
	padding:4px;
	height:25px;
	width:60%;
	background:url(/i/V5/graph/button_bg.gif) center top no-repeat;
	text-align:center
}
.dldlinks a{ color:#333;	}
.dldlinks a:hover{ color:#555;	}
/* balise button par défaut */
button, .button {
	background: url(/i/V5/graph/btnblu1_bg.gif) no-repeat center -1px;
	height:25px;
	padding:2px 10px;
	color:#333;
	text-align:center;
	border:1px #9CF outset;
}
/* Boutons couleur */
/* Styles communs à toutes les couleurs */
.btnsmall,
.buttonorange,
.buttonblue1,
.buttonblue2,
.buttonblack {
	display:-moz-inline-box;
	display:inline-block;
	padding:0;
	font-size:1em;
	white-space:nowrap;
	text-align:center;
	cursor:pointer;
	border:0;
	background:none;
	margin: 0;
}
.btnsmall span,
.buttonorange span,
.buttonblue1 span,
.buttonblue2 span,
.buttonblack span { 		/* côté gauche du bouton */
	float:left;
	padding:0 0 0 5px;
}
.btnsmall span span,
.buttonorange span span,
.buttonblue1 span span,
.buttonblue2 span span,
.buttonblack span span { 	/* côté droit du bouton */
	padding:0 11px 0 0;
}
.btnsmall span span span,
.buttonorange span span span,
.buttonblue1 span span span,
.buttonblue2 span span span,
.buttonblack span span span { /* contenu du bouton */
	height:25px !important;
	height:20px;
	padding:0;
	margin:0 !important;
	margin:5px 0 0 -15px;
	line-height:25px;
	background-image:none;
}
.btnsmall span span span a,
.buttonorange span span span a,
.buttonblue1 span span span a,
.buttonblue2 span span span a,
.buttonblack span span span  a{ /* lien du bouton */
	font-weight:normal; text-decoration:none
}
/* couleurs des boutons*/
/* boutons oranges */
.buttonorange span { background: #F90 url(/i/V5/graph/btnor_bg.gif) left top no-repeat; }
.buttonorange span span { background:url(/i/V5/graph/btnor_bg.gif) right top no-repeat; }
a.buttonorange, .buttonorange span span span a { color:#333; }
a:hover.buttonorange, .buttonorange span span span a:hover { color:#666; }

/* boutons small (shop) */
.btnsmall span { background: #F90 url(/i/V5/graph/btn_bg.gif) left top no-repeat; }
.btnsmall span span { background:url(/i/V5/graph/btn_bg.gif) right top no-repeat; padding-right:2px;}
.btnsmall span span span { padding:2px 0 0 3px !important; padding:0 0 0 25px; margin-top:0px}
a.btnsmall, .btnsmall span span span a { color:#333; }
a:hover.btnsmall, .btnsmall span span span a:hover { color:#666; }

/* boutons bleus clairs */
.buttonblue1 span { background: #CCF url(/i/V5/graph/btnblu1_bg.gif) left top no-repeat; }
.buttonblue1 span span { background:url(/i/V5/graph/btnblu1_bg.gif) right top no-repeat; }
a.buttonblue1, .buttonblue1 span span span a { color:#333; }
a:hover.buttonblue1, .buttonblue1 span span span a:hover { color:#666; }

/* boutons bleus foncés */
.buttonblue2 span { background: #69C url(/i/V5/graph/btnblu2_bg.gif) left top no-repeat; }
.buttonblue2 span span { background:url(/i/V5/graph/btnblu2_bg.gif) right top no-repeat; }
a.buttonblue2, .buttonblue2 span span span a { color:#fff; }
a:hover.buttonblue2, .buttonblue2 span span span a:hover { color:#f60; }

/* boutons noirs */
.buttonblack span { background: #333 url(/i/V5/graph/btnblk_bg.gif) left top no-repeat; }
.buttonblack span span { background:url(/i/V5/graph/btnblk_bg.gif) right top no-repeat; }
a.buttonblack, .buttonblack span span span a { color:#fff; }
a:hover.buttonblack, .buttonblack span span span a:hover { color:#ccc; }
/* boutons tableaux */
table.btnorange td {background:url(/i/V5/graph/btnor_bg.gif) center top; height:25px;}
table.btnorange td.l {background-position:left top; width:4px}
table.btnorange td.r {background-position:right top; width:5px}
table.btnorange td a, table.btnorange tbody tr td a  {color:#333; text-decoration:none}
table.btnorange td a:hover  {color:#666; text-decoration:none; }
.linkbutton {
	background: url(/i/V5/graph/menu_bg.gif) repeat-x center;
	border: 1px solid #8a92b3;
	height:25px;
	padding:4px;
	margin:4px;
}
a.linkbutton, .linkbutton {color:#333;}
a:hover.linkbutton	{color:#666;}
a.readmore{	border-bottom:#f60 dotted 1px;	text-decoration:none;}
a:hover.readmore	{color:#f90;}
.hidden,
.hidden p,
.hidden h1 	{font-size:0em; color:#fff; margin:-10px 0 10px 0; padding:0; line-height:0em; height:0}

.big,big 		{ font-weight: bold; font-size:16px;}
.small,small,.s,s {	font-size: 10px; color: #39c; }
.xsmall 		{ font-size: 9px;}
.discret 		{ color:#AAA;}
.error 			{ color: #F00; font-weight: bold;}
.suggest 		{ background:url(/i/V5/ico/dwn-dwn-small.gif) left no-repeat; padding-left: 15px}
/*************** FORM STYLES *********************/

.formbutton.formfield  {  border: 1px solid #888;  font-size: 10px;}
.formfield 	{  background: #eee;}
.formbutton {  background: #ddd;}

/* header */
#logo, #banner, #nav, #nav_left, #nav_right  {float:left; height:90px;}
#logo   { text-align:center; padding-top:10px; width: 167px;}

/* nav */
#menu_conteneur {height:20px; padding:0;}
#nav, #nav_left, #nav_right, #nav ul, #nav li a { height:35px;}
#nav {				/* dimensions et positionnement du menu */
	top: 0;
	background: url(/i/V5/graph/menu_bg.gif) repeat-x;
	width:880px;
	/*text-align:center;*/
}
#nav_left {
	width:5px;
	background: transparent url(/i/V5/graph/menu_left.gif);
}
#nav_right {
	width:5px;
	background: transparent url(/i/V5/graph/menu_right.gif)}

/***************** presentation ********************/
/* ------ zone de présentation de produits ------ */
#intro {
	margin: 0 6px 7px 6px !important; 	/* Firefox et ie7 */
	margin: 5px 6px 7px 6px;
	padding: 10px;
	height: 160px;
	background: #333 url(/i/V5/graph/intro_bg.jpg) center;
	font-size: 1.2em;
	color: #eee;
	line-height: 1.1em;
}
.intro-left  {background:url(/i/V5/graph/intro_left.jpg) no-repeat left; margin: 0 7px 0 180px; }
.intro-right {background: url(/i/V5/graph/intro_right.jpg) no-repeat right; margin: 0; }
#intro .newsheading, #intro a	{	color:#ddd;}
#intro a:hover					{	color:#F60;}
#intro h1						{
	font-size:1.3em;
	margin:12px 0;
	color:#F90;
}
#intro li						{
	list-style-image: url(/i/V5/ico/bullet.png) !important;
}
/******************* contenu *********************/
#centre {			/* Colonne centrale (contenu) */
	margin: 0 180px;
	padding: 10px 10px 20px 8px;
	text-align:left;
	height : auto;
	/*height: 800px;*/
	min-height: 400px;
}
#centre p a, #centre p a:hover, #centre li a, #centre li a:hover, .news a {text-decoration:underline}
#centre a.download, #centre a br {text-decoration:none}
#centre li {margin-bottom:8px;}

html>body #centre {min-height : 400px; height : auto;}

#droite, #gauche  {width: 180px;}	/* Largeur des colonnes */
#droite {float:right;}							/* Colonne de droite */
#gauche {position: absolute; left:0; top:0 !important;		margin:0px;
	padding:0px;}			/* Colonne de gauche */
#droite,
#gauche {						/* Paramètres communs aux 2 colonnes */
	font-size:1em;
	line-height:1.2em;
	text-align:center;
}
#pd_title {color:#39c;}
#pd_text  {color:#39c; font-size:1em; line-height:1.2em; text-align:left; height:45px; margin-bottom:4px;}

/* ----------------- Navigation ------------------*/
/* Apparence du menu principal					*/
/* --------------------------------------------*/
#nav td a {
	display:block;
	float:left;
	line-height:30px;
	color:#EFFCFF;
	text-decoration:none;
	padding:0 0 0 10px;
	cursor:pointer;
}
#nav td a b {float:left; display:block; padding:0 20px 5px 10px;}
#nav td a:hover 			{color:#fff; background: url(/i/V5/graph/pro_four1.gif) no-repeat}
#nav td a:hover b 			{background:url(/i/V5/graph/pro_four1.gif) no-repeat right top;}
#nav td a b span.forum 		{ padding-left:15px; background:url(/i/V5/graph/nav_forum.gif) no-repeat top left;}
#nav td a b span.buy 		{ padding-left:15px; background:url(/i/V5/graph/nav_buy.gif) no-repeat top left;}
#nav td a b span.dl 		{ padding-left:12px; background:url(/i/V5/graph/nav_dl.gif) no-repeat top left;}
#nav td a:hover b span.forum	{ padding-left:15px; background:url(/i/V5/graph/nav_forum.gif) no-repeat bottom left;}
#nav td a:hover b span.buy 		{ padding-left:15px; background:url(/i/V5/graph/nav_buy.gif) no-repeat bottom left;}
#nav td a:hover b span.dl:hover { padding-left:12px; background:url(/i/V5/graph/nav_dl.gif) no-repeat bottom left;}

/* --------------- Sous navigation ---------------*/
/* 	Conteneur	 */
/**+html #subnav_conteneur {  padding-top:3px }*/
/* Fil d'ariane */
.subnav {
	padding-left:0px;
	font-size:0.9em;
}

/* ------------------- Modules --------------------*/
/* Apparence des blocs de module dans les colones */
/* ----------------------------------------------*/
/* ======= Communs =========*/
.box {
	padding: 10px 4px 10px 8px;
	margin:7px;
	text-align:left;
	font-size:11px;
	background:#fff url(/i/V5/graph/rounded.png) bottom no-repeat;
}

.boxTitle {
	margin-top: -10px;
	margin-left: -8px;
	font-size:1.1em;
	background:#fff url(/i/V5/graph/rounded.png) top no-repeat;
	padding:3px 5px 0 5px;
	margin-right:-4px;
}
.boxTitle span{ padding:0px 5px;}/* titre de la boite */

#gauche .box table td,
#droite .box table td {
	padding:3px 0;
}
/* ---- listes dans box ---- */
.box ul, .box ol{margin: -3px 0; padding: 0;}
.box li{
	color:#000;
	text-indent: 2px;
	list-style-type: none;
	list-style-image:none;
	background:url(/i/V5/graph/li.gif) no-repeat 0 3px; /* puces de listes dans les boites */
	margin: 2px 0 !important;
	margin: -5px 0;
	padding-left:12px}
.box li a{			/* lien des listes des box */
	padding-left: 3px;
	margin-left: -6px;
	display:block;}
li.productinfo {
	background:none;
	text-indent:0;
	padding:0;
	margin:0;}
li.productinfo a{
	margin:0 !important;
	margin-bottom:-10px}
/* Top Download */
#topdownload li{
	list-style-type: none;
	background:none;
	padding-left:14px;
	height:16px;
	margin-bottom: 0 !important;
	margin-bottom: 5px;
}
#topdownload li.eg {background:url(/i/V5/graph/top_dl_eg.gif) no-repeat left bottom}
#topdownload li.up {background:url(/i/V5/graph/top_dl_up.gif) no-repeat left bottom}
#topdownload li.down {background:url(/i/V5/graph/top_dl_down.gif) no-repeat left bottom}
#topdownload li:hover,
.box li:hover,
.box tr:hover{
	background-color:#fff;
	background-position: left top;
	color:#F60;
}
.poll p{ margin:10px 0; padding:0; font-size:12px }				/* styles des sondages */
.poll a{ color:#555; text-decoration:underline; }
.poll a:hover{ color:#f60; }
.pollanswer { font-size:1em}
/* ------ centre ------ */
#centre .box {
	border: 0;
	margin:25px 0 30px 0;
	background-image: none;
	font-size:1em;
	padding: 10px 20px 20px 20px;
}
#centre .box .boxTitle span{		/* titre de la boite */
	background:#FFF;
	color:#527acb;
	font-size:1.2em;
}
#centre .box ul li,
#centre .news ul li {
	list-style-type: none;
	background:url(/i/V5/graph/newsli.gif) no-repeat 3px; /* puce de liste */
	padding-left:20px;
	margin-left:20px
}

/**** Pages Download ***/
.row1 { background: #eaeef6}

/*** Page shop ***/
#coupon {
	margin:10px 10px 0 10px;
	padding:5px 0 20px 85px;
	background:url(/i/V5/graph/special.gif) no-repeat
}