/*
 * Alternate style: Bix ; Big boxes fancy & colored
 *
 */


/*** positions ***/

#header-box
{ 
  text-align: center;
  height: 10%;
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 1%;
  padding: 0;
  border: 10px solid black;
  background-color: #ff6633;
 }
/* center */
#content-box
{ 
  margin-bottom: 1%;
  margin-left: 30%;
  margin-right: 30%;
  width: 40%;/*=100 - (margin-left+margin-right)*/
  _position: absolute;
 }
/* right */
#menu-box 
{ 
  top: 13%;/*=.header-box height +1*/
  right: 10px;
  max-width: 24%;/*=.content-box margin-left -6*/
  _width:24%;
  position: absolute;
  margin: 1em;
  margin-right: 0;
  margin-bottom: 1%;
  font-size: 80%;
 }
/* left */
#description-box
{ 
  top: 13%;/*=.header-box height +1*/
  left: 10px;
  max-width: 24%;/*=.content-box margin-right -6*/
  _width:24%;
  position: absolute;
  margin: 1em;
  margin-left: 0;
  margin-bottom: 1%;
 }
#footer-box
{ 
  text-align: center;
  height: 10%;
  background-color: #ff6633;
 }

/** content-box **/
.contenu-item
{ 
  border: 10px solid black;
  background-color: #33ccff;
 }
.contenu-item .head:hover
{ 
  color: red;
 }


/*** common ***/
.highlight
{ 
  border: 10px solid black;
  color: gray;
  _color: black;
 }
.highlight:hover
{ 
  color: black;
 }
.moz-box{ -moz-border-radius:0; }
.item-box
{ 
  background-color: #ffcc33;
 }

.title
{ 
  border: 10px solid black;
  color: black;
 }
h1.title
{ 
  padding: 0;
 }
h2.title
{ 
  background-color: #33ffcc;
 }
a.title, h1.title{ border:0; }
a.title:hover, h1.title:hover{ border:0; }


/*** standard classes ***/

a
{ 
  color: inherit;
  text-decoration: none;
  border-bottom: 2px solid orange;
 }
a:hover
{ 
  color: inherit;
  border-bottom: 2px solid red;
 }
a:visited
{ 
  color: inherit;
  border-bottom: 2px dotted orange;
 }
a.local
{ 
  color: inherit;
  border-bottom: 2px dotted red;
 }
a.local:hover
{ 
  color: inherit;
  border-bottom: 2px solid red;
 }
a.local:visited
{ 
  color: inherit;
  border-bottom: 2px dotted orange;
 }

a[hreflang]:after 
{
  font-weight: lighter;
  font-size: smaller;
  content: "\0000a0(" attr(hreflang) ")";
}
a[href*="mailto:"]:after 
{
  font-weight: lighter; 
  font-size: smaller;
  content: "\0000a0\0000a0\0000a0";
}
a[href*="mailto:"] 
{
  background-image: url(../Images/mail-tiny.png);
  background-position: right;
  background-repeat: no-repeat;
}

/*** Bix.css ends here ***/