/* just for the example */
body { padding:20px; font-family:Arial,Helvetica,sans-serif; font-size:11px; background-color:black; color:black; }
h1 { font-size:14px; background:#FE1D99; padding:5px; color:white; }
h2 { font-size:12px; padding-bottom:10px; margin:0px; color:black; }

/* styles for menu */
.menu { padding-left:10px; border-left:3px solid #FE1D99; }
.menu span { width:70px; display:block; float:left; }
.menu a, .tgp a { color:#FE1D99; text-decoration:none; font-size:9px; font-weight:bold; padding:2px; }
.menu a:hover, .tgp a:hover { background-color:#FE1D99; color:white; }
.tgp a { text-transform:uppercase; }
.menu br { clear:both; }

/* tgp */   
.tgp { text-align:left; display:table; float:left; width:48%; height:225px; background-color:#FFD7EA; border:1px solid #FE1D99; margin:5px; padding:0; }
.tgp p { padding:5px 5px 0 5px; margin:0px;}   
.tgp img { vertical-align:text-top; margin:auto; }   
.tgp_titre { text-indent:3px; width:100%; height:20px; line-height:20px; display:block; text-align:left; background-color:#FE1D99; color:white; font-weight:bold; padding:0; margin:0; }