/*  =============================================================
    # Style v1.3
============================================================== */

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{
    min-height: 100%; height: auto !important; height: 100%; /* +autoHeight */
}
#container, #footer, #footer0{
    width: 996px;
}
#site-header, #content{
    margin: 0 auto;
    width: 996px;
}
#site-header{
    height: 460px;
}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */
#site-header.outer {}
#site-header .inner{}
/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#left-outer {float: left; width: 200px;}
#left-inner {float: left; width: 200px;}
#right-outer{float: left; overflow: hidden; width: 400px;}
#right-inner{float: left; text-align: justify; width: 380px; padding: 10px;}
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer .inner{text-align: left; padding: 14px 15px;}
#footer .box1 {float: left; width: 645px; height: 50px;}
#footer .box2 {float: left; width: 321px; text-align: right;}
#footer .copyright{text-align: center;}
#footer p {color: #FFFFFF; font-size: 11px; line-height: 14px;}
#footer a:link, #footer a:visited, #footer0 a:link, #footer0 a:visited {color: #9fbff6;}
#footer a:hover, #footer a:active, #footer0 a:hover, #footer0 a:active {color: #ffffff; text-decoration: none;}

#footer .client {}
#footer .client a:link, #footer .client a:visited {color: #9fbff6;}
#footer .client a:hover, #footer .client a:active {color: #ffffff; text-decoration: none;}
#footer .mentions {}
#footer .mentions a:link, #footer .mentions a:visited {color: #9fbff6;}
#footer .mentions a:hover, #footer .mentions a:active {color: #ffffff; text-decoration: none;}
#footer .ref {color: #FFFFFF; font-size: 11px; line-height: 14px;}

#footer0{min-height: 173px; height: auto !important; height: 173px;}
#footer0 p {color: #cde2ff; line-height: 18px}
#footer0 .box{background: url(images/footer0-box-bg.jpg) no-repeat right 34px; height: 173px;}
#footer0 #box1{float: left; width: 330px; text-align: left;}
#footer0 #box2{float: left; width: 335px; text-align: left;}
#footer0 #box3{float: left; width: 331px; text-align: left;}
/*  -------------------------------------------------------------
    5. Basic elements
-------------------------------------------------------------- */
ul.list1, ul.list2, ul.list3{float: left;}
ul.list1 li{padding: 0 0 0 16px; background: url(images/bullet1.jpg) no-repeat 0 5px;}
ul.list2 li{padding: 0 0 0 16px; background: url(images/bullet2.jpg) no-repeat 0 5px;}
ul.list3 li{padding: 0 0 0 12px; background: url(images/bullet1.jpg) no-repeat 0 5px; font-size:12px; }
.thumb1{display: block; border: 1px solid #FFFFFF;}
a.thumb1:hover{border: 1px solid #FFFFFF; background: #2B5772;}
.separator1{
    clear: both; display: block; font-size: 1px; line-height: 1px; overflow: hidden;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    background-color: #2C5C83;
}
/*  -------------------------------------------------------------
    Extra
-------------------------------------------------------------- */
#actualite.outer{float:left; width: 305px; padding: 42px 0 0 15px; background: url(images/actualite-title.jpg) no-repeat 19px 7px;}
#actualite .inner{float: left; width: 305px; height: 81px;}
#actualite p{color: #cde2ff; font-size: 12px; line-height: 18px; text-align: justify;}
#actualite .title{font-weight: bold;}
/* ------------------------------------------------------------ */
#info.outer{float: left; width: 315px; padding: 46px 0 0 15px; background: url(images/info-title.jpg) no-repeat 14px 7px;}
#info .inner{float: left; width: 315px;}
#info .inner a:link, #info .inner a:visited{color: #FFFFFF;}
#info .inner a:active, #info .inner a:hover{color: #CDE2FF;}
/* ------------------------------------------------------------ */
#newsletter.outer{float: left; width: 315px; padding: 42px 0 0 15px; background: url(images/newsletter-title.jpg) no-repeat 15px 7px;}
#newsletter .inner{float: left; width: 315px;}
#news-form{padding: 9px 0 0 0;}
#news-form input{width: 193px;}
/* ------------------------------------------------------------ */
#content{padding: 11px 0 26px 0; text-align: justify;}
#content .box1{background: url(images/content-box1-bg.jpg) no-repeat left top; float: left; width: 325px; height: 242px; margin: 0 10px 0 0;}
#content .box1 .inner{padding: 55px 15px 0 15px;}

#content .box2{background: url(images/content-box2-bg.jpg) no-repeat left top; float: left; width: 325px; height: 242px; margin: 0 10px 0 0;}
#content .box2 .inner{padding: 55px 0px 0 15px;}

#content .box3{background: url(images/content-box3-bg.jpg) no-repeat left top; float: left; width: 326px; height: 242px;}
#content .box3 .inner{padding: 55px 15px 0 15px;}

#content .box4{float: left; width: 660px;}
#content .box4 .top{background: url(images/content-box4-top-bg.jpg) no-repeat left top; float: left; width: 660px; height: 48px;}
#content .box4 .middle{background: url(images/content-box4-middle-bg.jpg) repeat-y left top; float: left; width: 630px; height: auto; padding: 0 15px;}
#content .box4 .bottom{background: url(images/content-box4-bottom-bg.jpg) no-repeat left top; float: left; width: 660px; height: 12px;}

#content .box5{float: left; width: 326px;}
#content .box5 .top{background: url(images/content-box5-top-bg.jpg) no-repeat left top; float: left; width: 326px; height: 48px;}
#content .box5 .middle{background: url(images/content-box5-middle-bg.jpg) repeat-y left top; float: left; width: 296px; height: auto; padding: 0 15px;}
#content .box5 .bottom{background: url(images/content-box5-bottom-bg.jpg) no-repeat left top; float: left; width: 326px; height: 12px;}

#content .box6{float: left; width: 660px;}
#content .box6 .top{background: url(images/content-box6-top-bg.jpg) no-repeat left top; float: left; width: 660px; height: 48px;}
#content .box6 .middle{background: url(images/content-box6-middle-bg.jpg) repeat-y left top; float: left; width: 630px; height: auto; padding: 0 15px;}
#content .box6 .bottom{background: url(images/content-box6-bottom-bg.jpg) no-repeat left top; float: left; width: 660px; height: 12px;}

#content .box7{float: left; width: 996px;}
#content .box7 .top{background: url(images/content-box7-top-bg.jpg) no-repeat left top; float: left; width: 996px; height: 48px;}
#content .box7 .middle{background: url(images/content-box7-middle-bg.jpg) repeat-y left top; float: left; width: 966px; height: auto; padding: 0 15px;}
#content .box7 .bottom{background: url(images/content-box7-bottom-bg.jpg) no-repeat left top; float: left; width: 996px; height: 12px;}
#content .box7 p, #content .box7 li{color: #FFFFFF;}

/* ------------------------------------------------------------ */

#frmContact{float: left; width: 996px;}
#frmContact fieldset{padding: 0 0 4px 0;}
#frmContact label{float: left;}
#frmContact label span{width: 90px;}
#frmContact input.inputText, #frmContact input.inputText-over{width: 180px;}
#frmContact input.inputText{border: 1px solid #91B8EF;}
#frmContact input.inputText-over{border: 1px solid #0DB0AF;}
#frmContact .textarea, #frmContact .textarea-over{width: 204px; height: 140px;}
#frmContact .textarea{border: 1px solid #91B8EF;}
#frmContact .textarea-over{border: 1px solid #0DB0AF;}
#frmContact input.inputButton, #frmContact input.inputButton-over{float: none; color: #FFFFFF; font-weight: bold;}
/* captcha */
#frmContact #capa{float: left; width: 70px;}
#frmContact #capa-img{float: left;}
.submit-buttons{clear: both; text-align: center; padding: 7px 2px; width: 292px;}