.hidden{display: none;}
.activee{display: block;}
.left{float: left;}

/* sert pour annuler le float */
.clearboth{
clear:both;
line-height:0;
display:block;
font-size:0;
}

#caroussel{
width: 645px;
height: 196px;
/* border: 4px solid #aaa;  pour modifier la couleur du contour du caroussel */
background: url('images/fondd.jpg') no-repeat;
padding: 4px !important;
padding: 4px 4px 0 4px;
margin: 0;
font-family: verdana, sans-serif;
margin-bottom:8px;
}
#caroussel.over{background: url('images/fondd.jpg') no-repeat} /* couleur pour le rollover des frames */

/* classe pour le conteneur des frames */
#frames_container {
float: left;
cursor: pointer;
}

/* classe pour les frames */
#frames_container div{
width: 450px;
height: 196px;
}

/* classe pour les titres de frames  */
#frames_container div span.titre{
display: block;
padding: 5px 5px 5px 10px;
color: #000;
font-weight: bold;
font-size: 17px;
font-family: arial, sans-serif;
}

.opak {
	background:#E3E3E3;color:#000000;
	opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(opacity=60);
}
.opakbold {
	background:#E3E3E3;color:#000000;
	opacity: 0.7;-moz-opacity: 0.7;-khtml-opacity: 0.7;filter: alpha(opacity=70);
}
.opak2 {
	opacity: 0.6;-moz-opacity: 0.6;-khtml-opacity: 0.6;filter: alpha(opacity=60);
}

/* classe pour les images de la frame */
#frames_container div  img{
margin: 5px 10px 5px 5px;
}

/* classe pour les textes de la frame */
#frames_container div  p{
font-size: 14px;
margin: 0px;
}

/* classe pour les liens de la frame 
#frames_container div  a{
background: url('images/bullet_frame_link.gif') 0 1px no-repeat;
padding: 0 0 0 10px;
color: #666666;
font-weight: bold;
font-size: 14px;
text-decoration: none;
}*/
#frames_container a.invisible{
	font-weight:bold;color:#000000;text-decoration:none;
}

/* classe pour le conteneur des liens*/
#frames_menu {
color:#000000;
position:absolute;
z-index:5;
margin-left:427px;
}

/* classe pour les menus */
.menu{
width: 210px;
height: 39px;
display: block;
cursor: pointer;
behavior: url('iepngfix.htc');
}
.menu.on{color: #fff; background: url('images/tttab_menu_on.png') no-repeat right; } /* couleur menu actif */
.menu.off{background: url('images/tttab_menu.png') no-repeat right; } /* couleur menu inactif */
.menu.over{background:  url('images/tttab_menu_over.png') no-repeat right; } /* couleur menu rollover */
.menu.special{color: #fff; background: url('images/tttab_menu_special.png') no-repeat right;}  /* couleur + hauteur (-1px) menu special */
.menu.special a{
color: #fff; text-decoration: none;
}
.menu span{
display: block;
padding: 1px 5px 0 35px;
font-size: 12px;
}
.menu span.paddt{
display: block;
padding: 5px 5px 0 35px;
font-size: 12px;
}