/*  # Style v1.0 (10 april 2009)
=================================================================
    1. Main layout
-------------------------------------------------------------- */
html, body{
    height: 100%;
}
#container, #footer, #site-header{
    width: 996px;
}
#content{
    width: 994px;
    padding: 0 1px;
}
#site-header{
    height: 306px;
}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */
#site-header.outter{float:left;padding: 7px 0 0 0;}
#site-header .inner{}
/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#left-outter{
    float:left; overflow: hidden;
    width: 258px;
    min-height: 602px;
    height: auto !important;
    height: 602px;
}
#left-inner{
    float: left;
    width: 244px;
    padding: 0 0 0 14px;
}
#right-outter{
    float: left; overflow: hidden;
    width: 736px;
}
#right-inner{
    float: left;
    width: 706px;
    padding: 0 15px 15px 15px;
    text-align: justify;
}
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer.outter{
    margin: 0 auto;
}
#footer .inner{
    text-align: left;
    padding: 0;
    border-top: 1px solid #FFFFFF;
}
#footer .box1{
    float: left;
    width: 262px;
    padding: 18px 0 12px 0;
}
#footer .box2{
    float: left;
    width: 734px;
    padding: 17px 0;
}
#footer .copyright{
    text-align: center;
}
#menu2{
    float: left;
    padding: 0 0 6px 156px;
}
#menu2 ul{
    float: left;
}
#menu2 ul li{
    float: left; display: inline;
}
div.ref{
    clear: both; text-align: center;
    padding: 5px 0;
}
/*  -------------------------------------------------------------
    5. Other elements
-------------------------------------------------------------- */
.rightpad{
    float: right; padding: 0 0 0 10px;
}
.leftpad{
    float: left; padding: 0 10px 0 0;
}
#menu-left{
    float: left;
    width: 244px;
    height: 207px;
}
#page-title{
    float: left;
    width: 525px;
    height: 44px;
}
.round-pannel{
    float: left;
    width: 208px;
    height: 188px;
    background: url(images/round-pannel-bg.jpg) no-repeat left top;
    text-align: center;
    padding: 54px 40px 0 40px;
}
.round-pannel p{
    color: #6C3308;
    padding: 0 0 9px 0;
}
/* Tables
--------------------------------------------------------------- */
table.design1{
    margin: 1px 0 0 0;
}
table.design1 th {
    text-align: left;
    font-weight: normal;
    padding: 3px 5px;
    border: 1px solid #FFC59B;
    background-color: #217AB2;
    color: #FFFFFF;
}
table.design1 td {
    padding: 3px 5px;
    border: 1px solid #FFC59B;
    background-color: #FFFFFF;
    color: #333333;
}
.paragraph{
    float: left;
    width: 500px;
    padding: 5px;
}
.pannel1{
    float: left;
    width: 684px;
    padding: 12px 11px;
    background-color: #E9E9E9;
}
.separator1{
    clear: both; float: left; display: block; font-size: 1px; line-height: 1px; overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 13px 0;
    color: #FFC59B;
    background-color: #FFC59B;
}
.separator2{
    clear: both; float: left; display: block; font-size: 1px; line-height: 1px; overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    color: #FFC59B;
    background-color: #FFC59B;
}
ul.list1{
    float: left;
}
ul.list1 li{
    padding: 0 0 0 16px;
    background: url(images/bullet1.jpg) no-repeat 0 4px;
}
/*  -------------------------------------------------------------
    Component: info
-------------------------------------------------------------- */
#info.outter{
    float: left;
    width: 200px;
    height: 100px;
    padding: 0;
}
#info .inner{
    float: left;
    width: 200px;
    height: 100px;
    padding: 0;
}
#horaires{
    float: left;
    width: 200px;
    height: 100px;
    padding: 0;
}
#plan{
    float: left;
    width: 200px;
    height: 100px;
    padding: 0;
}
