/* 1. Main Layout
-----------------------------------------------------------------------------*/
#push, .clr	{clear: both;}

body{
    background-color: #FFFFFF;
    text-align: center;
}
#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
-----------------------------------------------------------------------------*/
#diaporama1{
    float: left;
    width: 285px;
    height: 335px;
}
#info.outter{
    float: left;
    width: 298px; height: 337px;
    background: url(images/info-bg.jpg) no-repeat left top;
}
#info .inner{
    float: left;
    padding: 226px 0 0 83px;
}
#menu-left{
    float: left;
    width: 298px;
    height: 139px;
}


/* 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%;
}
#fwrap2{
    position:absolute; z-index: -2; left: 0;
}
#fwrap3{
    position:absolute; z-index: -1; left: 0;
}
#footer.outter{
    margin: 0 auto;
}
#footer .inner{
    float: left;
    border-top: 1px solid #B8BBFE;
}
#footer .box1{
    float: left;
    width: 228px;
    padding: 21px 0 0 93px;
}
#footer .box2{
    float: left;
    width: 649px;
    text-align: left;
    padding: 12px 0 0 26px;
}
#footer .box3{
    float: left;
    width: 996px;
    padding: 10px 0 0 0;
}
#menu2, #menu2 ul{
    float: left;
}
#menu2 ul{
    padding: 0 0 5px 0;
}
#menu2 ul li{
    display: inline;
    float: left;
}
#menu2 ul li.last{
    background: none !important;
}
div.ref{
    clear: both;
    text-align: center;
}
/* 6. Other elements
-----------------------------------------------------------------------------*/
.leftpad{
    float: left;
    padding: 2px 14px 0 0;
}
.rightpad{
    float: right;
    padding: 2px 0 0 14px;
}
.paragraph{
    float: left;
    width: 100%;
    padding: 3px 0;
}
.pannel1{
    float: left;
    background-color: #FFE4DD;
    padding: 17px;
    text-align: justify;
    width: 592px;
}
.partenaires-pannel{
    float: left;
    width: 610px;
    height: 91px;
    padding: 27px 0 0 16px;
    background: url(images/partenaires-bg.jpg) no-repeat left top;
}
.subtitle{
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 0 13px;
    color: #EB3101;
}
.bullet1{
    background: url(images/bullet1.jpg) no-repeat 0 4px;
}
.bullet2{
    background: url(images/bullet2.jpg) no-repeat 0 4px;
}
.bullet3{
    background: url(images/bullet3.jpg) no-repeat 0 4px;
}
/* Lists
--------------------------------------------------------------- */
ul.list1{
    float: left;
}
ul.list1 li{
    padding: 0 0 0 13px;
    background: url(images/bullet1.jpg) no-repeat 0 4px;
}
/* Separators
--------------------------------------------------------------- */
.separator1{
    clear: both; float: left; display: block; width: 100%; height: 1px; line-height: 1px; font-size: 1px; overflow: hidden;
    margin: 11px 0;
    background-color: #9BAEEA; color: #9BAEEA;
}
/* 7. Forms
-----------------------------------------------------------------------------*/
/* Contact form
--------------------------------------------------------------- */
#frmContact{
    float: left;
    width: 615px;
    padding: 15px 0 10px 10px;
}
#frmContact fieldset{
    padding: 0 0 4px 0;
}
#frmContact label span{
    float: left;
    width: 80px;
    padding: 0 10px 0 0;
}
/* normal style */
#frmContact input.inputText, #frmContact input.inputText-over{
	width: 187px;
    height: 14px;
    line-height: 14px;
    padding: 2px 5px;
}
#frmContact .textarea, #frmContact .textarea-over{
    width: 497px;
    height: 80px;
    padding: 5px;
}
/* normal skin */
#frmContact input.inputText, #frmContact .textarea{
    background-color: #E8EBFF;
    color: #090d5b;
    border: 1px solid #9BAEEA;
}
/* focus skin */
#frmContact input.inputText-over, #frmContact .textarea-over{
    background-color: #FFE4DD;
    background-image: none;
    border: 1px solid #FAB4A1;
    color: #090d5b;
}
/* captcha */
#frmContact #capa{
    float: left;
    width: 60px;
}
#frmContact #capa-img{
    float: left;
    margin: 0 0 0 5px;
    border: 1px solid #9BAEEA;
}
/* buttons */
div.submit-buttons{
    clear: both; float: left; width: 415px; text-align: center; padding: 10px 0 10px 195px;
}
input.inputButton, input.inputButton-over{
    width: 107px;
    height: 21px;
    font-weight: bold;
    float: left;
}
input.inputButton {
    background-color: #CEDAFE; color: #0D0F49;
    border: 1px solid #70B3EA;
}
input.inputButton-over {
    background-color: #F15228; color: #FFFFFF;
    border: 1px solid #DA2D02;
}
.star{
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.notte p{
	text-align: center;
	font-size: 11px;
}