html, body
{
    background-color: #1795ca;
    font-family: arial;
    background-image: url(../images/bckgd.png);
    background-repeat: repeat-x;
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.loading{
	background: no-repeat scroll center ;
	background-image:url(../images/ajax-loader.gif) !important;
    z-index:900;
    background-color:transparent;
    margin-top:20px;
}

/* General */
#menu, #menu ul { list-style: none; }
#menu, #menu * { padding: 0; margin: 0; }

/* Head links */
#menu li.headlink { padding-top:10px;padding-bottom:10px;margin-right:4px;width: 120px; float: left;  border: 0px black solid; background-color: #e9e9e9; text-align: center; }
#menu li.headlink a { display: block; padding: 0px; }

/* Child lists and links */
#menu li.headlink ul { margin-top:10px;background-color: #34B9C7;display: none; border: 0px black solid; text-align: left; z-index:4;position:absolute;width: 120px; }
#menu li.headlink:hover ul { display: block; }
#menu li.headlink ul li a { padding: 5px; }
#menu li.headlink ul li a:hover { background-color: #32BD7E; }

#menu a { color: white; }
#menu ul li a:hover { text-decoration: none; }
#menu li.headlink { background-color: #34B9C7; }

#header {width:100%;height:50px;background-color:#d0d0d0;}

.container
{
    width: 951px;
    margin: 0 auto;
}
.containerAdmin
{
    width: 1200px;
    margin: 0 auto;
}
.header
{
    height: 102px;
    padding-top: 10px;
    background-image: url(../images/bckgd_header_3.png);
    background-repeat: no-repeat;
	margin-top:6px;
}
.header img
{
    float: left;
    padding: 0 0 0 10px;
    border: none;
}
.header h1
{
    color: #FFFFFF;
    font-size: 18px;
    float: left;
    padding: 0;
    margin: 20px 0 0 10px;
    font-weight: 100;
}
.header h1 a
{
    color: #FFFFFF;
    text-decoration: none;
}

/* MAIN PAGE */

.mainPage
{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 0 15px;
}

.roundTop
{
    padding: 0 15px;
    background-color: #FFFFFF;
    background-image: url(../images/bckgd_top.png);
    background-repeat: no-repeat;
    clear: both;
}


.mainPage h2
{
    color: #cc0033;
    border-bottom: solid 5px #cc0033;
    margin: 0;
    text-transform: uppercase;
}

.mainPage h1
{
    color: #000000;
    display: block;
    font-size: 2em;
    margin:0;
}
.mainPage p
{
    margin: 5px 0;
}
.mainPageColLeft, .mainPageColRight, .mainPageColBoth
{
    width: 50%;
    float: left;
    display: block;
}
.mainPageColBoth
{
    width: 100%;
}


.footer
{
    padding: 1px;
    background-color: #FFFFFF;
    padding-top: 15px;
}
.footerText
{
    margin: 1px;
    text-align: center;
    border-top: solid 5px #a599c7;
    padding: 30px 0 10px 0;
}
.footerText a, .footerText p
{
    color: #6f3f6f;
    font-weight: bold;
    text-decoration: none;
}
.footerText a:hover
{
    text-decoration: underline;
}
.footerPage
{
    background: #FFF;
    height: 19px;
    /*width: 951px;*/
    display: block;
    margin: 0 auto;
}


/* MENU GENERAL */

.mainMenu
{
   padding-top:15px; height:65px;
}
.mainMenu ul
{
    margin: 0;
    padding: 0;
}
.mainMenu ul li
{
    list-style: none;
    float: left;
}

.mainMenu ul li ul
{
    display: none;
}


.mainMenu ul li:hover ul, .mainMenu ul li.sfhover ul
{
    display: block;
    position: absolute;
    border-top: solid 1px white;
    border-left: solid 2px white;
    border-right: solid 2px white;
    border-bottom: solid 2px white;
    margin-left: -1px;
}
.mainMenu ul li ul li
{
    float: none;
    margin: 0;
    padding: 0;
}

.mainMenu ul li ul li a
{
    margin: 0;
    padding: 3px 15px 3px 10px;
    background-color: #99cc66;
    width: auto;
    width: 130px;
    text-align: left;
}

.mainMenu ul li .ssmenuLeft01 li a
{
    background-color: #99cc66;
}
.mainMenu ul li .ssmenuLeft02 li a
{
    background-color: #669900;
}
.mainMenu ul li .ssmenuLeft03 li a
{
    background-color: #006600;
}

.mainMenu ul li .ssmenuRight01 li a
{
    background-color: #993399;
}
.mainMenu ul li .ssmenuRight02 li a
{
    background-color: #9966cc;
}

.mainMenu ul li:hover .ssmenuRight02, .mainMenu ul li.sfhover .ssmenuRight02
{
    margin-left: -35px;
}

.mainMenu ul li a
{
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 0px;
    display: block;
    width: 120px;
    font-size: 13px;
    text-align: center;
    color: #FFFFFF;
}
.mainMenu ul li
{
    list-style: none;
    float: left;
}

.mainMenu ul li a:hover
{
    text-decoration: underline;
}

.mainMenu ul li .menuLeft01
{
    background-color: #99cc66;
    color: white;
    margin: 1px 1px 2px 1px;
}
.mainMenu ul li .menuLeft02
{
    background-color: #669900;
    color: white;
    margin: 1px;
}
.mainMenu ul li .menuLeft03
{
    background-color: #006600;
    color: white;
    margin: 1px;
}
.mainMenu ul li .menuRight01
{
    background-color: #993399;
    color: white;
    margin: 1px;
}
.mainMenu ul li .menuRight02
{
    background-color: #9966cc;
    color: white;
    margin: 1px;
}
.mainMenu .menuLeft
{
    float: left;
}
.mainMenu .menuRight
{
    float: right;
}
/* MENU SECONDAIRE */

.ssMenu
{
    padding: 0px 11px;
    background-color: #FFFFFF;
    padding-bottom: 20px;
}
.ssMenu ul
{
    margin: 0px 0px;
    padding: 3px 27px 3px 22px;
    background-color: #99cc66;
    height: 15px;
    clear: both;
}
.ssMenu ul li
{
    list-style: none;
    padding: 3px 0;
    margin: 0 10px 0 0;
    display: inline;
}
.ssMenu ul li a
{
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    display: block;
    color: #FFFFFF;
    font-weight: normal;
    border-right: solid 1px #FFFFFF;
    padding: 0 8px 0 5px;
    float: left;
}
.ssMenu ul li a:hover
{
    text-decoration: underline;
    margin: 0px 0 0 0;
    padding: 0 8px 0 5px;
}

#inscrip{
	text-align:center;
	margin-top:30px;
}

.disabled{
	color:#000000;
}

.tdBorder{
	border:1px solid #c0c0c0;
}

#connexionTop{
	color:#FFFFFF;
	text-align:right;
	background-color:#3766B0;
}

#connexionTop a{
	color:#FFFFFF;
	text-decoration:none;
}
#connexionTop a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#connexionTop a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

img{
	border-width:0px;
}

#rails{
	float: left;
    height: 20px;
    margin-bottom: 10px;
    text-align: left;
    width: 900px;
}

.error{
	color:red;
}

.readonly{
	border-width:0px;
}

.ui-dialog {
    width: 350px;
}