.eclearboth { clear: both; }

#headerbar { width: 980px; }

#headerbarone { background-color: #505050; height: 24px; text-align: center; font-weight: bold; text-transform: uppercase; white-space: nowrap; }
#headerbarone a { font-size: 10px; }


.headerbaroneaccueil a { float: left; width: 55px; padding: 6px 0; border-right:1px solid #FFFFFF; color: #FFFFFF; background-color: #E60FB6; }
.headerbarone a { float: left; width: 131px; padding: 6px 0; border-right:1px solid #FFFFFF; color: #FFFFFF; }
.headerbaroneaccueil a:hover, .headerbarone a:hover { background-color: #CBC6C6; color: #505050; cursor: hand; }


#headerbartwo { height: 11px; background-color: #E60FB6; padding: 6px 6px 7px 6px; }

.headerbartwoleft a { float: left; margin-top: -6px; padding: 6px 10px; color: #FFFFFF; font-weight: bold; font-size: 10px; letter-spacing: 2px; text-transform: uppercase; list-style: none; }
.headerbartwoleft a:hover { color: #FFFFFF; background: #CBC6C6; }

.headerbartwocenter a { float: left; color: #FFFFFF; font-size: 11px; font-weight: bold; padding: 4px 16px; margin-top:-5px; border-left:1px dotted #EEEEEE; }
.headerbartwocenter a:hover { background-color: #FFFFFF; color: #E60FB6; }

.headerbartworight a { float: right; background-color: #E5E5E5; color: #E60FB6; font-size: 11px; font-weight: bold; padding: 4px 6px; margin:-5px -5px 0 0; }
.headerbartworight a:hover { background-color: #CBC6C6; color: #FFFFFF; }


/* DDTETE */

.ddteteclass { padding: 5px; }

.selectedanchor {  /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/ background: #CBC6C6;  color: #505050; }

/* ######### Alternate multi-column class for drop down menus ######### */

.ddtetecols { position: absolute; left: 0; top: 0; visibility: hidden; border: 1px solid #e60fb6; padding: 0; font-size: 12px; z-index: 1000; /*zIndex should be greater than that of shadow's below*/ background: #FFFFFF; }

.ddtetecols .ddtete { float: left; padding: 10px; }

.ddtetetitre, .ddtetetitre a:link, .ddtetetitre a:visited { color: #505050; font-weight: bold;  margin: 5px 0 6px 5px; }
.ddtetetitre a:hover { background-color:  #e60fb6; color: #FFFFFF; }

.ddtetecols .ddtete ul { margin: 0; padding-bottom: 10px; color: #868080; }

.ddtetecols li { padding-bottom: 3px; margin-left: -5px; list-style: disc inside; }
.ddtetecols li a:link, .ddtetecols li a:visited { color: #868080; }
.ddtetecols li a:hover { background-color: #868080; color: #FFFFFF; }

/* ######### class for shadow DIV ######### */

.ddteteshadow { /*CSS for shadow. Keep this as is */ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }

.ddtetebar { background-color: #e60fb6; }