
/*Le body*/



div.all {
	width: 995px;
	margin: 0 auto;
	align: center;
	position:relative;
	}



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;}

body.trademature {
	text-align:justify; background: #869467 repeat-y top center;

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

font-size:12px;

margin: 0;

padding: 0;}



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: underline;}

.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}






/*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*/




/*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;}


.onevideo div.thumbs { width: auto }

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



/*style CSS pour le TGP Topvieille alex*/

div.colonne_tgp { width: 310px; background: #434343; text-align:left }
div.colonne_tgp a:hover { COLOR: #fe9500; text-decoration : underline; }
div.colonne_tgp ul, div.colonne_tgp2 li { margin: 0.7em; padding: 0 }
div.colonne_tgp ul.tgp li { padding-top: 0.5em;  }
div.colonne_tgp a { COLOR: #ffffff; font-size:18px; text-decoration: none; }

div.minicolonne_tgp { width: 480px; background: #434343; text-align:left }
div.minicolonne_tgp a:hover { COLOR: #fe9500; text-decoration : underline; }
div.minicolonne_tgp ul, div.colonne_tgp2 li { margin: 0.7em; padding: 0 }
div.minicolonne_tgp ul.tgp li { padding-top: 0.5em;  }
div.minicolonne_tgp a { COLOR: #ffffff; font-size:22px; text-decoration: none; }

a img{
border: 1px solid #000000;
}

a:hover img{
border: 1px solid #fe9500;
}




.topthumbs img { margin: 1px ;

border: 1px solid #fe9500;

}

.topthumbs img:hover{

border: 1px solid #000000;}




.topthumbs { margin-left: 6px }					
div.topthumbs320 { margin-left: 5px }
div.topthumbs320 a { width: 321px; height: 242px; display:block; margin: 1px }						
div.topthumbs320 a img { border: 1px solid #fe9500}
div.topthumbs320 a:hover img { border: 1px solid #000000}

/*style CSS pour le TGP Topvieille*/

/* cadre de texte sympa */

.trade {text-align:justify; background: #ffffff url(/imagettes/fondtop.gif) repeat-y 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% }
.lienext_colonnes3 {height: 10em }
.lienext_colonnes3 div { float:left; width: 33% }


