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

body{}
#bg1{
    position: absolute; z-index: 1; width:100%;
    background: url("images/bg0.gif") 50% 0% repeat-y;
}
#bg2{
    position: absolute; z-index: 2; width:100%;
    background: #DCF6CA url("images/bg1.jpg") 50% 0% repeat-x;
}
#bg3{
    position:absolute;z-index: 3;
    background:url("images/bg2.jpg") 50% 0% no-repeat;
}

#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{}
#site-header #sub-header1{
    float: left;
    width: 900px;
    height: 135px;
    background: url(images/header1-bg.jpg) no-repeat top left;
}
#site-header #sub-header2{
    float: left;
    width: 576px;
    height: 123px;
    background: url(images/header2-bg.jpg) no-repeat top left;
}
#site-header #top-menu{
    float: left;
    width: 900px;
    height: 33px;
    background: url(images/menu-bg.jpg) no-repeat top left;
}
/* 3. Left column elements
-----------------------------------------------------------------------------*/
#left-outter{
    float:left;
    overflow: hidden;
}
#left-inner{
    padding: 5px 0 0 0;
}
/* 4. Right column elements
-----------------------------------------------------------------------------*/
#right-outter{
    float:left;
    margin:0;
    padding: 5px 0;
    overflow: hidden;
}
#right-inner{
    width: 583px;
	min-height: 547px;
	height: auto !important;
	height: 547px;
    padding: 19px 22px 15px 22px;
    background-color: #FFFFFF;
    text-align: justify;
}
#page-title{
    float: left;
    width: 583px;
    height: 30px;
    background: url(images/title-bg.jpg) no-repeat 0 12px;
    text-align: right;
}
/* 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;
    background: url("images/footer-bg.jpg") repeat-x top left;
}
#footer .inner{
    padding: 16px 0 0 0;
}
#footer .box1{
    float: left;
    width: 233px;
}
#footer .box2{
    float: left;
    width: 656px;
    padding: 0 0 0 11px;
}
.copyright{
    line-height: 35px;
    text-align: center;
}
#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{
    float: left;
    padding: 10px 12px 6px 12px;
    width: 559px;
    background-color: #E6F3DA;
}
ul.list1{
    float: left;
    padding: 6px 0 0 13px;
}
ul.list1 li{
    padding: 0 0 0 10px;
    background: url(images/bullet1.jpg) no-repeat 0 5px;
    line-height: 16px;
}
.separator1{
    clear: both; float: left; display: block; width: 100%; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden;
    margin: 10px 0;
    color: #76B741;
    background-color: #76B741;
}
/* 7. Contact form
-----------------------------------------------------------------------------*/
#frmContact{
    float: left;
    width: 370px;
    padding: 15px 0 0 115px;
}
#frmContact fieldset{
    float: left;
    width: auto;
    overflow: hidden;
    padding: 0 0 4px 0;

}
#frmContact label{
    float: left;
}
#frmContact label span{
    float: left;
    width: 100px;
    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: 240px;
    height: 16px;
    padding: 0px 5px;
    line-height: 16px;
    border: 1px solid #8DC365;
}
/* textarea style */
#frmContact .textarea, #frmContact .textarea-over{
	float: left;
    width: 240px;
    height: 73px;
    padding: 5px;
    border: 1px solid #8DC365;
}
/* input text skin */
#frmContact input.inputText, #frmContact .textarea{
	background-color: #FFFFFF;
    color: #222222;
}
/* textarea skin */
#frmContact input.inputText-over, #frmContact .textarea-over{
    background-color: #DAEFC8;
    color: #392E1A;
}
/* captcha */
#frmContact .capa-txt{
    text-align: left;
    font-size: 11px;
    line-height: 12px;
}
#frmContact #capa{
    float: left;
    width: 70px;
}
#frmContact #capa-img{
    float: left;
}
/* buttons */
div.submit-buttons{
    clear: both; float: left; width: 370px; text-align: center; padding: 30px 0 5px 65px;
}
input.inputButton, input.inputButton-over{
    width: 107px;
    height: 21px;
    cursor: pointer;
    border: none;
}
input.inputButton {
    background: url(images/button-bg.jpg) no-repeat top left; color: #FFFFFF;
}
input.inputButton-over {
    background: url(images/button-bg-over.jpg) no-repeat top left; color: #392E1A;
}
.star{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.notte p{
	text-align: center;
	font-size: 11px;
}
/* 8. Component newsletter
-----------------------------------------------------------------------------*/
#newsletter{
    float: left;
    width: 304px;
    height: 57px;
    padding: 66px 0 0 20px;
    background: url(images/newsletter-bg.jpg) no-repeat top left;
}
#newsletter input{
    float: left;
    width: 222px;
    height: 18px;
    border: 1px solid #76CA44;
    padding: 2px 11px 0 11px;
    font-size: 12px;
    line-height: 18px;
    color: #3a2f1b;
}
#newsletter input, #newsletter input.normal{
    background-color: #FFFFFF;
}
#newsletter input.over{
    background-color: #BFE39D;
}
#newsletter a:link input, #newsletter a:visited input{
    cursor: pointer;
    float: left;
    width: 39px;
    height: 22px;
    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;
}
/* 9. Component actualites
-----------------------------------------------------------------------------*/
#actualites{
    float: left;
    width: 268px;
    height: 152px;
    background: url(images/actualites-bg.jpg) no-repeat top left;
}
#actualite{
    float: left;
    width: 228px;
    height: 107px;
    padding: 45px 20px 0 20px;
}
/* 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;
}