/* 1. Main Layout
-----------------------------------------------------------------------------*/
/*
html, body {
    height: 100%;
    width: 100%;
}
*/
#push, .clr	{clear: both;}

body{
    background-color: #FFFFFF;
    text-align: center;
}
#intro{
    background: #FFFFFF url(images/site-intro-bg.jpg) repeat-x left top;
}
#bg1{
    position: absolute; z-index: 1; width:100%;
}
#bg2{
    position: absolute; z-index: 2; width:100%;
}
#bg3{
    position:absolute; z-index: 3;
}

#wrap-container{
    position:relative; z-index:4; width: 100%;
}
#container{
    margin:0 auto; text-align: left;
}
/* 2. Header elements
-----------------------------------------------------------------------------*/
#site-header.outter{}
#site-header .inner{}
/* 3. Content elements
-----------------------------------------------------------------------------*/
#main-content .inner{
    float:left;
    overflow: hidden;
    /*background: url(images/main-inner-bg.jpg) no-repeat left bottom;*/
}
#page-title{
    float: left;
    width: 996px;
    height: 23px;
    background: url(images/page-title-bg.jpg) repeat-x left 15px;
    text-align: left;
    padding: 15px 0 5px 0;
}
/* 4. Right column elements
-----------------------------------------------------------------------------*/
/* 5. Footer boxes
-----------------------------------------------------------------------------*/
#wrap-footer{
    position:relative; z-index: 4; width: 100%; text-align: left;
}
#fwrap1{
    position:absolute; z-index: -3; left: 0; width:100%;
    background:url("images/footer-bg-0.gif") 50% 0% repeat-y;
}
#fwrap2{
    position:absolute; z-index: -2; left: 0;
    background:url("images/footer-bg-1.gif") 50% 100% no-repeat; width:100%;
}
#fwrap3{
    position:absolute; z-index: -1; left: 0;
}
#footer.outter{
    margin: 0 auto;
    padding: 7px 0 20px 0;
}
#footer .inner{
    float: left;
    background: #FFFFFF url("images/footer-bg.jpg") repeat-x left top;
}
#footer .box1{
    float: left;
    width: 500px;
    height: 90px;
    padding: 20px 10px 0 10px;
}
#footer .box2{
    float: left;
    width: 466px;
    height: 90px;
    padding: 20px 10px 0 0;
    text-align: right;
}
#footer .box3{
    float: left;
    width: 996px;
}
.copyright{
    line-height: 35px;
    text-align: center;
}
#menu2 ul{
    float: left;
    padding: 0 0 20px 159px;
}
#menu2 ul li{
    display: inline;
    float: left;
}
div.ref{
    clear: both;
    text-align: center;
}
/* 6. Other elements
-----------------------------------------------------------------------------*/
.leftpad{
    float: left;
    padding: 0 12px 4px 0;
}
.rightpad{
    float: right;
    padding: 0 0 4px 12px;
}
.paragraph{
    float: left;
    width: 583px;
    padding: 5px 0;
}

.pannel1-container{
    float: left;
    display: inline;
    background: url(images/pannel1-container-bg.jpg) repeat-y left top;
    border-bottom: 1px solid #839EE5;
}
.pannel1{
    float: left;
    width: 296px;
    height: 261px;
    background: url(images/pannel1-bg.jpg) no-repeat left top;
    padding: 10px 15px 8px 15px;
    text-align: justify;
}
.pannel2-container{
    float: left;
    display: inline;
    background: url(images/pannel2-bg.jpg) no-repeat left top;
}
.pannel2{
    float: left;
    width: 287px;
    height: 262px;
    padding: 10px 15px 8px 15px;
    text-align: justify;
}
.pannel3-container{
    float: left;
    display: inline;
    background: url(images/pannel3-container-bg.jpg) repeat-y left top;
    border-bottom: 1px solid #839EE5;
}
.pannel3{
    background: url(images/pannel3-bg.jpg) no-repeat left top;
    float: left;
    width: 295px;
    height: 261px;
    padding: 10px 15px 8px 15px;
    text-align: justify;
}
.pannel1 p, .pannel2 p, .pannel3 p{
    line-height: 16px;
}
.pannel4{
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #A9BBEB;
    width: 245px;
    padding: 5px 24px 4px 24px;
    display: inline;
}
.pannel5{
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #A9BBEB;
    width: 974px;
    padding: 10px;
    display: inline;
}
.pannel6-container{
    float: left;
    width: 296px;
    height: 323px;
    display: inline;
    background: url(images/pannel6-container-bg.jpg) no-repeat top left;
    padding: 15px 15px 0 15px;
    margin: 0 10px 0 0;
}
/* Thumbs
--------------------------------------------------------------- */
#thumbs{
    float: left;
    width: 158px;
    background: #E4EAFA;
    padding: 6px 0 0 6px;
    border: 1px solid #7F93C5;
}

.thumb-container{
    float: left; padding: 0 6px 6px 0;
}
.thumb{
    background: url(images/thumb-bg.jpg) no-repeat top left;
    float: left; width: 67px; height: 67px; padding: 3px;
    display: inline; margin: 0 6px 6px 0;
}
.thumb-med-container{
    background-color: #FFFFFF;
    float: left; width: 152px; height: 152px; border: 1px solid #AEBCC7; padding: 5px;
}
.thumb-med{
    background-color: #FFFFFF;
    float: left; width: 150px; height: 150px; border: 1px solid #AEBCC7; margin: 0 0 6px 0;
}
/* Lists
--------------------------------------------------------------- */
ul.list1{
    float: left;
    padding: 9px 0 0 1px;
}
ul.list1 li{
    padding: 0 0 0 11px;
    background: url(images/bullet1.jpg) no-repeat 0 6px;
    line-height: 16px;
}
.separator1{
    clear: both; float: left; display: block; width: 100%; height: 3px; line-height: 3px; font-size: 1px; overflow: hidden;
    margin: 10px 0;
    background: url(images/separator1-bg.gif) repeat-x top left;
}
/* Pagination
--------------------------------------------------------------- */
.pagination{
    float: left; width: 660px; padding: 5px 0 10px 0; text-align: center;
}
.pagination ul{
    text-align: center; margin: 0 auto; display: inline;
}
.pagination ul li{
    display: inline; padding: 0 5px 0 0; text-align: center;
    color: #2B2B2B;
}
.pagination ul li a, .pagination ul li span{
    padding: 3px 7px; text-align: center; line-height: 22px; vertical-align: middle;
}
.pagination li.current a, .pagination li.current span{
    background: #FFFFFF; color: #38264E !important;
    border: 1px solid #728089; text-decoration: none;
}
.pagination li.rest a{
    background: #566FB1; color: #FFFFFF !important;
    border: 1px solid #324E98;
}
.pagination li.rest a:hover{
    background: #2A4690; color: #FFFFFF !important;
    border: 1px solid #2A4690;
}
/* 7. Forms
-----------------------------------------------------------------------------*/
/* Contact form
--------------------------------------------------------------- */
#frmContact{
    float: left;
    width: 996px;
}
#frmContact fieldset{
    float: left;
    width: auto;
    overflow: hidden;
    padding: 0 0 4px 0;

}
#frmContact label{
    float: left;
    font-size: 11px;
}
#frmContact label span{
    float: left;
    width: 90px;
    line-height: 18px;
    padding: 0 10px 0 0;
}
#frmContact input{
    float: left; /* important!*/
}
#frmContact input.checkbox{
    width: 12px;
    height: 12px;
}
/* input text style */
#frmContact input.inputText, #frmContact input.inputText-over{
	width: 180px;
    height: 16px;
    padding: 0px 5px;
    line-height: 16px;
    border: 1px solid #91A4D1;
}
/* textarea style */
#frmContact .textarea, #frmContact .textarea-over{
	float: left;
    width: 305px;
    height: 111px;
    padding: 5px;
    border: 1px solid #91A4D1;
    margin: 7px 0 0 0;
}
/* input text skin */
#frmContact input.inputText{
    background: #F1F4FB url(images/newsletter-input-bg.jpg) repeat-x left top;
    color: #324a82;
}
#frmContact .textarea {
    background-color: #EAEEF9;
}
/* textarea skin */
#frmContact input.inputText-over, #frmContact .textarea-over{
    background-color: #F1F4FB;
    background-image: none;
}
/* captcha */
#frmContact #capa{
    float: left;
    width: 70px;
}
#frmContact #capa-img{
    float: left; padding: 0 0 0 10px;
}
/* buttons */
div.submit-buttons{
    clear: both; float: left; width: 400px; text-align: center; padding: 0 0 0 200px;
}
input.inputButton, input.inputButton-over{
    width: 107px;
    height: 21px;
    cursor: pointer;
    border: none;
    font-size: 11px;
}
input.inputButton {
    background: #29458F url(images/button-bg.jpg) repeat-x top left; color: #FFFFFF;
}
input.inputButton-over {
    background: #14468F url(images/button-over-bg.jpg) repeat-x top left; color: #FFFFFF;
}
.star{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.notte p{
	text-align: center;
	font-size: 11px;
}
.auto{
    width: auto !important;
}
/* Search form
-----------------------------------------------------------------------------*/
#frmSearch{
    float: left;
    padding: 12px 0 0 0;
}
#frmSearch fieldset{
    float: left;
    width: auto;
    overflow: hidden;
    padding: 0 0 4px 0;
}
#frmSearch label span{
    float: left;
    line-height: 18px;
    padding: 0 10px 0 0;
    text-align: left;
}
#frmSearch .combo{
    float: left;
    border: 1px solid #A9BBEB;
    background-color: #FFFFFF;
    width: 194px;
}
/* 8. Component newsletter
-----------------------------------------------------------------------------*/
#newsletter{
    float: left;
    width: 397px;
    background: url(images/newsletter-bg.jpg) no-repeat top left;
}
#newsletter #news-form{
    float: left;
    padding: 21px 0 0 0;
}
#newsletter input{
    float: left;
    width: 336px;
    height: 16px;
    border: 1px solid #91A4D1;
    padding: 3px 8px 0 8px;
    font-size: 11px;
    line-height: 13px;
}
#newsletter input, #newsletter input.normal{
    background: url(images/newsletter-input-bg.jpg) repeat-x left top;
    color: #324a82;
}
#newsletter input.over{
    background-color: #F1F4FB;
    background-image: none;
    color: #324a82;
}
#newsletter a:link input, #newsletter a:visited input{
    cursor: pointer;
    float: left;
    width: 43px;
    height: 21px;
    background: url(images/ok-btn.jpg) no-repeat top left;
    border: none;
}
#newsletter a:hover input {
    background: url(images/ok-over-btn.jpg) no-repeat top left;
}


#diaporama{
    float: left;
    width: 567px;
    height: 283px;
}
#top-right{
    float: left;
    width: 397px;
    height: 263px;
    border: 1px solid #9EB0E3;
    padding: 18px 15px 0 15px;
}
/* 9. Component actualites
-----------------------------------------------------------------------------*/
#actualites{
    float: left;
    width: 397px;
    height: 161px;
}
#actualite{
    float: left;
    width: 397px;
    height: 161px;

}
#actualite h1{
    font-size: 11px;
    color: #324a82;
    line-height: 16px;
    margin: 0 0 4px 0;
}
/* 10. Component coordonnees
-----------------------------------------------------------------------------*/
#coordonnees.outter{
    float: left;
    width: 268px;
    height: 199px;
    padding: 5px 0 0 0;
}
#coordonnees .inner{
    float: left;
    width: 228px;
    height: 126px;
    padding: 73px 20px 0 20px;
    background: url(images/coordonnees-bg.jpg) no-repeat top left;
}
/* 11. Component plan d'acces
-----------------------------------------------------------------------------*/
#plan-dacces{
    float: left;
    padding: 5px 0;
}