/* just for the example */
body { padding:20px; font-family:Arial,Helvetica,sans-serif; font-size:12px; background-color:white; 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;  clear: both;}
.menu span { width:70px; display:block; float:left; }
.menu a, .tgp a { color:#FE1D99; text-decoration:underline; font-size:11px; 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_top { width:60%; float:left;text-align:center; border:0px solid #000000;}
.tgp { text-align:left; display:table; width:80%; 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; }
.tgp_liste { text-indent:3px; width:80%; height:15px; line-height:15px; text-align:center; background-color:#FFFFFF;  font-weight:bold; border:1px solid #FE1D99; padding:0; margin:0; }

.banner_g {width:20%; float:left; }
.banner_d {width:20%;  }