body {
    font-family:Arial;
    font-size:14px;
    color:#808080;
    margin:0px;
    padding:0px;
}

A { FONT-FAMILY: helvetica; color:#4b4b4b; text-decoration:underline; }
A:active { FONT-FAMILY: helvetica; color:#4b4b4b; text-decoration:underline; }
A:visited { FONT-FAMILY: helvetica; color:#4b4b4b; text-decoration:underline; }
A:active:hover { FONT-FAMILY: helvetica; color:#ff6a00; text-decoration:none; }
A:hover { FONT-FAMILY: helvetica; color:#ff6a00; text-decoration:none; }
A:visited:hover { FONT-FAMILY: helvetica; color:#ff6a00; text-decoration:none; }


.header {
    background-image:url('../images/header.png');
    background-position:bottom;
    background-color:rgb(25, 25, 25);
    background-repeat:repeat-x;
    
}

.header .frame {
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    min-height:60px;
}

.header .frame .left{
    float:left;
}

.header .frame .right{
    float:right;
    margin-top:10px;
}

.header .frame .left .logo{
    width:200px;
    margin-top:5px;
}

.footer {
    background-image: url('../images/footer.png');
    background-position: top;
    background-color: rgb(25, 25, 25);
    background-repeat: repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
}

.footer .frame {
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    height:30px;
}

.footer .frame .left{
    float:left;
    font-size:11px;
    margin-top:7px;
}

    .footer .frame .right {
        float: right;
        margin-top: 3px;
    }

.footer .frame .right a{
    color:#808080;
    text-decoration:none;
    font-size:11px;
}

.menu {
    background-color:rgb(25, 25, 25);
    height:30px;
}

.menu .frame {
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
    height:30px;
}

.menu .frame ul {
    list-style:none;
    margin:0px;
    padding:0px;
}

.menu .frame ul li 
{
    display:inline;
    margin:0px;
    padding:0px;
    width:120px;
}

.menu .frame ul li a {
    color:#ffffff;        
    height:30px;
    background-color:#000000;
    float:left;
    text-align:center;
    border-left:solid 1px #808080;
    border-right:solid 1px #000000;
    padding-top:8px;
    font-size:12px;
    text-decoration:none;
    padding-left:10px;
    padding-right:10px;
}

.menu .frame ul li a.selected {
    background-color:#ff6a00;
}

.menu .frame ul li.last 
{
    border-left:solid 1px #808080;
    height:30px;
    display:inline-block;
}

.menu .frame ul li a:hover 
{
    background-color:#ff6a00;
}

.menu .frame .left{
    float:left;
}

.menu .frame .right
{
    margin-top:5px;
    float:right;
}

.main {
    min-height: 480px;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 20px;
}

h1 {
    /*
        font-size:20px;
        */
    max-width: 1000px;
    border-bottom: solid 1px #808080;
}

.button {
    display:inline-block;
    height:30px;
    max-width:300px;
    width:100%;
    background-color:#808080;
    color:#ffffff !important;
    text-decoration:none;
    text-align:center;
    padding-top:5px;
    border:solid 1px #808080;
    margin-bottom:5px;
}
.button:hover {
    background-color:#ff6a00;
}

.formButton {
    margin-top:10px;
    margin-left:170px;
    margin-bottom:20px;
}

.formButton input {
    background-color:#808080;
    border:solid 1px #000000;
    color:#ffffff;
}

.formButton input:hover {
    background-color:#ff6a00;
}

.formRow
{    
    margin-top:5px;
    
    }

.formRow label:first-child 
{
    vertical-align:top;
    display:inline-block;
    width:220px;
}

.formRow textarea
{
    width:500px;
    height:100px;
}

.formRow .info
{
    display:inline-block;
    font-size:11px;
    width:300px;
    vertical-align:top;
    }


.formRow input
{
    width:300px;   
    }


.pageDesc {
    font-size:13px;
    margin-bottom:20px;
}

.errors {
    margin-bottom:10px;
}

.grid
{
    border:0px;        
    border-collapse:collapse;
    width:100%;
    }    
    
.grid tr
{
    border:0px;        
    }    

.grid td
{
    border:1px solid #999999 ;        
    padding:3px;
    font-size:11px;
    }    

.grid th
{
    border:1px solid #999999 ;    
    padding:3px;    
    color:#555555;
    background-color:#e2e2e2;
    font-size:11px;
    }
    
.grid b
{
    display:inline-block;
    padding-bottom:30px;
    font-size:15px;
    color:#cf6c2b;
    }
    
.add
{
    float:left;
    margin-bottom:10px;
    }

.add a
{
    text-decoration:none;    
    }

.refresh a
{
    text-decoration:none;    
    }

.refresh
{
    float:right;
    }    
    
.checkboxx input
{
    width:15px !important;
    margin:0px;
    padding:0px;
    }
    
.load
{
    width:100px;
    }    
    
.sectionTitle
{
    margin-top:10px;
    margin-bottom:10px;
    font-weight:bold;
    color:#ff6a00;
    display:inline-block;
    }    
    
.searchBox .box
{
    width:200px;
    }    
    
.searchBox .button
{
    width:100px;
    height:26px;
    margin:0px;
    padding:0px;
    }        
    
.searchBox
{
    margin-bottom:20px;
}

.myRow {
    background-color:#b1d3f5;
    color:#000000;
}

.lastArrived {
    background-color:#fcff00;
    color:#000000;
}

.itemhidden {
    display:none;
}

.boldTitle {
    color:#ff6a00;
    font-weight:bold;
    font-size:15px;
}

.resultHeader {
    width:100%;
}
.resultHeaderLeft {
    float:left;
}
.resultHeaderRight {
    float:right;
    text-align:right;
}

.gridDocuments
{
    width:900px;
    }
    
.gridDocuments a
{
    text-decoration:none;
    }

.fileForm {
    width:310px;
    display:inline-block;
    max-height:100px;
}

.formRow span {
    /*width:220px;  marche pas avec le tinymce */ 
    display:inline-block;
}

.imgTeam {
    max-height:100px;
    max-width:100px;
}

.requiredField {
    margin-top:20px;
    margin-bottom:20px;
}

.alert-success {
    color: #3c763d !important;
}

.contentHeader {
    margin-bottom:20px;
}

.right {
    margin-right:5px;
}

.nextEvent {
    background-color: #ff6a00;
    max-width: 980px;
    padding: 10px;
    text-align: center;
}