/*Sidebar de droite*/
.rightpart ul { margin: 0; padding: 0px; padding-left:0px; line-height: 1.5em;text-align:left;}
.rightpart img { margin: 0; vertical-align:middle}
.rightpart li{list-style: none}

/*effet hover*/
.rightpart li{
	width:142px;
	height:20px;
	display:block;
	padding-left:18px;
	background:url(/imagettes/sidebar.gif) no-repeat;
	background-position: 0 0;
}

.rightpart li:hover{
	background:url(/imagettes/sidebar.gif) no-repeat;
	background-position: 0 -20px;
}
.rightpart li a:link, .rightpart li a:hover, .rightpart li a:visited {color: black; text-decoration:none}
/*fin de l'effet hover*/

.leftpart li strong{
    width:142px;
	height:20px;
	display:block;
	padding-left:18px;
	text-decoration: none;
	background:url(/imagettes/sidebar.gif) no-repeat;
	background-position: 0 0;
}


/*Sidebar gauche*/

.leftpart ul { margin: 0; padding: 0px; padding-left:0px ; line-height: 1.5em; text-align:left;}
.leftpart img { margin: 0 ; vertical-align:middle}
.leftpart li{list-style: none}

/*Effet hover*/
.leftpart li a{
    width:142px;
	height:20px;
	display:block;
	padding-left:18px;
	text-decoration: none;
	background:url(/imagettes/sidebar.gif) no-repeat;
	background-position: 0 0;
}
.leftpart li a:hover{
	background:url(/imagettes/sidebar.gif) no-repeat; text-decoration: none;
	background-position: 0 -20px;
}
.leftpart li a:link, .leftpart li a:hover, .leftpart li a:visited {color: black; text-decoration:none}
/*fin de l'effet hover*/



/*Le body*/

div.all {

	width: 1000px;

	margin: 0 auto;

	align: center;}

body {text-align:justify; background: #ffffff url(/imagettes/fond.gif) repeat-y top center;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;
margin: 0;
padding: 0;}

div.all2 {

	width: 1020px;

	margin: 0 auto;

	align: center;}








A:link {COLOR: #ff0000; text-decoration: underline;}
A:visited {COLOR: #ff0000; text-decoration: underline;}
A:active {COLOR: #ff0000; text-decoration: none;}
A:hover {COLOR: #E60066; TEXT-DECORATION: dotted;}
.settemplate { width: 470px; margin: auto; align:center; }
table.layout td { padding: 5; text-align:left}

.footer
{text-align:center; vertical-align:top; font-size:9px}


/*style CSS vidéo*/

img { border:none}
.thumbs img { margin: 2px;  cursor: pointer; }
.telecharger { text-align:center; color: red; font: bold 1.1em sans-serif; font-size:34px;
	text-decoration: underline; margin-bottom: 1em; cursor: pointer }
.description { text-align: justify; margin:10px}
#pdvpayments { text-align: center }

.infos_videos {text-align:center;} 
.onevideo { text-align:center; font-size:18px;}
.description { text-align:justify; font-size:13px;}


/*** thumbs et TGP ***/
div.topthumbs320 { margin-left: 5px }
div.topthumbs320 a { float:left; width: 324px; height: 259px; display:block; margin: 2px }						
div.topthumbs320 a img { border: 2px solid #CCC }
div.tgptxtbig  { text-align:left; font-size:18px; }

div.block_tgp { width: 300px; height: 300px; border: 1px solid black; float: left; }

div.colonne_tgp { width: 340px; border: 1px solid black; background: #ff712c; text-align:left }
div.colonne_tgp a { COLOR: #ffffff; font-size:18px; }
div.colonne_tgp a:hover { color: #ff0 }
div.colonne_tgp ul, div.colonne_tgp li { list-style-type: none; margin: 0.2em; padding: 0; }
div.colonne_tgp ul.tgp li { padding-top: 0.5em; }
div.colonne_tgp img { border: 1px solid black; }

.tradeheader {background:#b1ccd6; padding:0 6px 0 6px; }

.tradeheader img { margin: 0 1px 0 1px;}

/***Cadre arrondi ***/
/* set millions of background images */
.rbroundbox { background: url(nt.gif) repeat; }
.rbtop div { background: url(tl.gif) no-repeat top left; }
.rbtop { background: url(tr.gif) no-repeat top right; }
.rbbot div { background: url(bl.gif) no-repeat bottom left; }
.rbbot { background: url(br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 7px; }
.rbroundbox { width: 50%; margin: 1em auto; }

/* page canvas flv */

.lienext_colonnes3 {height: 10em }
.lienext_colonnes3 div { float:left; width: 33% }

/*style CSS pour le TGP*/

/* cadre de texte sympa */
.trade {text-align:justify; background: #ffffff url(/imagettes/bg.gif) repeat top center;

font-family:Arial, Helvetica, sans-serif;

font-size:12px;

margin: 0;

padding: 0;}

.lienext_colonnes {height: 20em }
.lienext_colonnes div { float:left; width: 49.5% }