html
{
    background-color:#0E2533;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family : "Arial", "Helvetica", "Lucida Sans", "Verdana";
    font-size : 12px;
    text-align: center; /* for IE */
}

div.mainDiv
{
    width:802px;
    border: 0px solid #000000;
    position:relative;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    background-color:#FFFFFF;
    text-align: left; /* counter the body center */
}

div.mainCore
{
    margin: 0px;
    padding: 0px;
}

table.mainTable
{
    border-collapse:collapse;
}

table.mainTable div.headerMenu
{   
    position: absolute;
    top:20px;
    right: 20px;
}

table.mainTable div.headerMenu div.menuText,
table.mainTable div.headerMenu div.menuSeparator
{
    float: left;
    vertical-align: middle;
    padding: 5px;
}

table.mainTable div.headerMenu div.menuText a, 
table.mainTable div.headerMenu div.menuSeparator a
{
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
}

table.mainTable div.headerMenu div.menuText a:hover, 
table.mainTable div.headerMenu div.menuText a:focus
{
    color: #96979B;
}

table.mainTable td.mainMenu
{
    height: 30px;
    padding-left: 10px;
}

table.mainTable td.mainMenu div.menuText,
table.mainTable td.mainMenu div.menuSeparator
{
    float: left;
    vertical-align: middle;
    padding: 5px;
}

table.mainTable td.mainMenu div.menuText a, 
table.mainTable td.mainMenu div.menuSeparator a
{
    color: #6F6F6F;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
}

table.mainTable td.mainMenu div.menuText a:hover, 
table.mainTable td.mainMenu div.menuText a:focus
{
    color: #FF5B00;
}

table.mainTable td.mainLeft
{
    background-image: url(images/template/audetteracing_03.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width:635px;
    vertical-align:top;
}

table.mainTable td.mainRight
{
    background-image: url(images/template/audetteracing_04.gif);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width:165px;
    vertical-align:top;
}

table.mainTable td.mainRight table.logoTable
{
    border-collapse:collapse;
    margin-top:30px;
    margin-left:2px;
}

table.mainTable td.mainLeft table.logoTable td,
table.mainTable td.mainRight table.logoTable td
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}

/* général */
BODY {font-size: 12px; font-family: arial,helvetica,sans-serif; color: #000000;}
A {text-decoration: underline;color: #FF0000;}
A:Hover {text-decoration: underline; color: #000000;}


/* contenu */
TD {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333333;}
.small {font-size: 10px; font-family: arial,helvetica,sans-serif; color: #000000;}
.small_blanc {font-size: 10px; font-family: arial,helvetica,sans-serif; color: #ffffff;}
.verysmall {font-size: 8px; font-family: Verdana, Arial, Helvetica; color: #000000;}
.titre1 {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #071146; font-weight: bold;}
.titre2 {font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #071146; font-weight: bold;}
.bottom {font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #071146;}
.errorStr{font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #DD0000;}

/* Form*/

INPUT.save {font-family: Verdana, Arial, Helvetica; font-size: 11px; border-style:solid;border-width:1px;border-color:#aaaaaa;height: 20px;}
INPUT.field {font-family: Verdana, Arial, Helvetica; font-size: 11px; border-style:solid;border-width:1px;border-color:#aaaaaa;height: 20px;padding:2px;}


.box {
  border-top: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  border-bottom: 1px solid #C0C0C0;
  border-left: 1px solid #C0C0C0;
  padding:8px;
}

.titlePage {
  font-family: Verdana, Arial, Helvetica;
  font-color:#555555;
  font-size: 14px;
  font-weight:bold;
}
.titleSection,
.titleSection a {
  font-family: Verdana, Arial, Helvetica;
  color:#888888;
  font-size: 16px;
  font-weight:bold;
}

/* menu */
A.menu {font-family: Verdana, Arial, Helvetica; font-size: 11px; text-decoration:none; color: #003366; font-weight: normal;}
A:Hover.menu {font-family: Verdana, Arial, Helvetica; font-size: 11px; text-decoration: underline; color: #003366;}

/* Album */
div.albumBlock
{
    float: left;
    margin:5px 20px 5px 5px;
}

div.albumBlock div.albumPreview
{
    border-top:1px solid #EEEEEE;
    border-right:3px solid #CCCCCC;
    border-bottom:3px solid #CCCCCC;
    border-left:1px solid #EEEEEE;    
}

div.albumBlock div.albumSummary
{

}

div.albumBlock div.albumSummary span.albumName
{
    font-size:12px;
    font-weight:bold;
    display:block;
}

div.albumBlock div.albumSummary span.albumDate
{
    display:block;
}

div.albumBlock div.albumSummary span.countPhotos
{
    display:block;
}

/* Photo */
div.photoBlock
{
    float: left;
    margin:5px 20px 5px 5px;
}

div.photoBlock div.photoPreview
{
    border-top:1px solid #EEEEEE;
    border-right:3px solid #CCCCCC;
    border-bottom:3px solid #CCCCCC;
    border-left:1px solid #EEEEEE;    
}

div.photoBlock div.photoSummary
{

}

div.photoBlock div.photoSummary span.photoTitle
{
    font-size:12px;
    font-weight:bold;
    display:block;
}

div.photoBlock div.photoSummary span.photoDescription
{
    display:block;
    overflow: hidden;
    max-width: 150px;
    max-height: 25px;
}