div.COM { width:355px; }
div.COM div.COMOnglets { overflow:hidden; }
div.COM div.COMOnglets ul { margin:0 0 0 16px; padding:0; list-style:none; }
div.COM div.COMOnglets ul li { margin:0; padding:0; display:inline; }
div.COM div.COMOnglets ul li a { margin:0 -1px 0 0; text-decoration:none; display:block; float:left; width:77px; height:24px; color:#00b6f2; background:url(../media/UCCommunautaireParent/com_onglet_off.gif) no-repeat 0 0; cursor:pointer; }
div.COM div.COMOnglets ul li a.Selected { color:#fff; background:url(../media/UCCommunautaireParent/com_onglet_on.gif) no-repeat 0 0; }
div.COM div.COMOnglets ul li a span { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; margin:5px 0 0 0; padding:0; display:block; width:77px; text-align:center; }

div.COM div.COMBody{ border-bottom:1px solid #01afe8; }

div.COM div { font-family:Verdana, Arial, Helvetica, sans-serif; }
div.COM div.Entete { width:355px; }
div.COM div.E1 { height:24px; background:url(../media/UCCommunautaireParent/com_titre_bg1.gif) no-repeat 0 0; }
div.COM div.E2 { height:23px; background:url(../media/UCCommunautaireParent/com_titre_bg2.gif) repeat-y 0 0; border-top:1px solid #01afe8; }
div.COM div.Curseur { cursor:pointer; }
div.COM div.Entete h3 { padding:0 0 0 11px; margin:5px 0 0 17px; color:#fff; font-size:10px; display:inline-block; }
div.COM div.Entete h3.On { background:url(../media/UCCommunautaireParent/com_puce_vers_bas.gif) no-repeat 0 center; }
div.COM div.Entete h3.Off { background:url(../media/UCCommunautaireParent/com_puce_vers_droite.gif) no-repeat 0 center; }
div.COM div.Contenu { overflow:hidden; padding:13px 9px 19px 15px; border-left:1px solid #1ebff4; border-right:1px solid #1ebff4; background:url(../media/UCCommunautaireParent/com_filet.gif) repeat-x 0 top; }
div.COM div.Contenu h4 { color:#e75112; margin:0 0 2px 0; padding:2px 0 4px 9px; font-size:13px; background:url(../media/UCCommunautaireParent/com_titre_repere.gif) no-repeat 0 center; }
div.COM div.Contenu div.Liens { float:right; margin:10px 0 0 0; text-align:right; }
div.COM div.Contenu div.Liens a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#00b6f2; display:block; }
div.COM div.Contenu div.Liens a:hover { text-decoration:none; }

/*** Début CSS en liaison avec scroller.js ***/
div.COM div.makeScroll { overflow:hidden; float:left; width:329px; }
/* hauteur pour 3 items */
div.COM div.M1 { height:176px; }
/* hauteur pour 2 items */
div.COM div.M2 { height:185px; }
/* hauteur pour le forum (1 item) */
div.COM div.M3 { height:200px; }
div.COM .scroll-track { height:1px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_bg.gif) repeat-y 0 0; }
div.COM .scroll-handle { border:0; height:1px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_cursor_bg.gif) repeat-y 0 0; }
div.COM .scroll-track-top { height:11px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_up.gif) no-repeat 0 0; }
div.COM .scroll-handle-bot { height:1px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_cursor_bg.gif) no-repeat 0 0; }
div.COM .scroll-handle-top { height:1px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_cursor_bg.gif) no-repeat 0 0; }
div.COM .scroll-track-bot { height:11px; width:13px; background:url(../media/UCCommunautaireParent/com_scroll_down.gif) no-repeat 0 0; }
/*** Fin CSS en liaison avec scroller.js ***/

/*** Début modal popup pour vidéos ***/
div.modalPopup { padding:4px; border:3px solid #ccc; background:#fff; }
div.modalPopup div.MPHead { overflow:hidden; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
div.modalPopup div.MPHead img { float:right; cursor:pointer;  }
.modalBg { background:#000; filter:progid:DXImageTransform.Microsoft.alpha(style=0,opacity=40); opacity:0.4; -moz-opacity:0.4; }
/*** Fin modal popup pour vidéos ***/

/* Contenu des flux */
div.COMchild { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding:1px 0; margin:0 15px 0 0; background:url(../media/UCCommunautaireEnfant/com_filet.gif) repeat-x 0 0; }
div.COMchild a { text-decoration:none; display:block; padding:5px 0; }
div.COMchild a:hover { background:#fafaff; }
div.COMchild a span { color:#000; display:block; line-height:1.3em; cursor:pointer; }
div.COMchild a span span { color:#e75112; margin:0 2em 0 0; display:inline-block;  }