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

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{min-height: 100%; height: auto !important; height: 100%; /* +autoHeight */}
#container{width: 996px;}
#footer{width: 936px; padding: 0 30px;}
#footer0{width: 956px; min-height: 188px; height: auto !important; height: 188px; padding: 0 20px;}
#site-header, #content{margin: 0 auto;}
#site-header{width: 996px; height: 303px;}
#content{float:left; width: 937px; padding: 0 29px 0 30px;}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */
#site-header.outer {}
#site-header .inner{}
/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#left-outer {float: left; overflow: hidden; width: 319px;}
#left-inner {float: left; width: 256px; padding: 20px;}
#right-outer{float: left; overflow: hidden; width: 618px;}
#right-inner{float: left; text-align: justify; width: 618px;}

#left-inner p{ padding: 6px 0 0 0; }
#right-inner p{ padding: 0 6px; }

#single{ float:left; width: 781px; padding: 0 78px 10px 78px; }
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */

#footer0 p {color: #cde2ff; font-size: 11px; line-height: 16px;}
#footer0 .box1{float: left; width: 118px; padding: 82px 15px 0 0; text-align: right; }
#footer0 .box1 p{line-height: 13px;}
#footer0 .box2{float: left; width: 181px; padding: 85px 0 0 13px; text-align: left; }
#footer0 .box3{float: left; width: 298px; text-align: left; padding: 60px 21px 0 21px;}
#footer0 .box4{float: left; width: 263px; text-align: left; padding: 59px 0 0 26px;}
#footer0 a:link, #footer0 a:visited{color: #FFFFFF;}

#footer .inner{text-align: left;}
#footer p{color: #a4c3e6; font-size: 11px; line-height: 16px;}
#footer .box1 {float: left; width: 200px; padding: 20px 0;}
#footer .box1 p{text-align: left;}
#footer .box2 {float: left; width: 736px; padding: 18px 0;  text-align: right;}
#footer .box2 p{text-align: right;}
#footer a:link, #footer a:visited{color: #a4c3e6;}
#footer .client a:hover, #footer .client a:active {text-decoration: underline; color: #FFFFFF;}
#footer .mentions{color: #a4c3e6;}
#footer .mentions a:hover, #footer .mentions a:active {text-decoration: underline; color: #FFFFFF;}
#footer .ref {color: #C5DBF3; font-size: 11px;}

/*  -------------------------------------------------------------
    5. Basic elements
-------------------------------------------------------------- */
ul.list1{float: left;}
ul.list1 li{padding: 0 10px 0 15px; background: url(images/bullets/bullet1.jpg) no-repeat 0 5px;}

.thumb1{display: block; border: 1px solid #0E2642;}
a.thumb1:hover{border: 1px solid #A4C3E6;}

.separator1{clear: both; display: block; font-size: 1px; line-height: 1px; overflow: hidden; width: 100%; height: 1px; margin: 18px 0; background: #BDC7D3;}
.separator2{clear: both; display: block; font-size: 1px; line-height: 1px; overflow: hidden; width: 100%; height: 1px; margin: 10px 0; background: #BDC7D3;}

.pannel1{padding: 15px 15px 0 15px;}
.pannel2{padding: 10px 15px 0 15px;}

.subtitle{background: url(images/subtitle-bg.jpg) repeat-x left top; padding: 0 20px;}

.col10 {float: left; width: 196px; padding: 0 15px 0 0;}
.col90 {float: left; width: 726px; padding: 0 15px 0 0;}
.col50 {float: left; width: 445px; padding: 0 15px; border-right: 1px solid #BDC7D3;}

#single .col50{ width: 368px; }
.last{ padding-right: 0 !important; border-right: 0;}

/*  -------------------------------------------------------------
    Extra
-------------------------------------------------------------- */
.plan-dacces{float: left; width: 160px; height: 74px; background: url(images/plan-dacces-bg.jpg) no-repeat left top; }
.plan-dacces:hover{ background-position: left bottom; }

#actualite.outer{float:left; width: 296px;}
#actualite .inner{float: left; width: 296px;}
#actualite p{color: #C5DBF3; font-size: 11px; line-height: 16px; text-align: justify;}
#actualite .title{font-weight: bold; color: #FFFFFF; }
#actualite .thumb1{float: left; margin: 3px 10px 7px 0;}
#actualite .act{clear: both; height: 68px;}
#actualite .en-savoir-plus{width: 85px; height: 30px; background: url(images/en-savoir-plus-bg.jpg) no-repeat right top; text-indent: -9999px; font-size: 0;}
#actualite .en-savoir-plus:hover{background-position: left top;}

#newsletter .ok{ width: 40px; height: 27px; background: url(images/ok-bg.jpg) no-repeat left top; }
#newsletter .ok:hover{ background-position: right top; }
#newsletter #news-form{padding: 5px 0 0 0; width: 263px; }
#news-form input{margin: 4px 6px 0 0; width: 190px;}

/*  -------------------------------------------------------------
    Page: Contact
-------------------------------------------------------------- */
.col1{ float: left; width: 302px; padding: 0 15px 0 0; }
.col2{ float: left; width: 302px; }
#frmContact{ float:left; padding: 20px 81px; width: 619px; }
#frmContact span{width: 80px; float: left}
#frmContact .inputText, #frmContact .inputText-over{width: 200px; padding: 0 5px;}
#frmContact .textarea, #frmContact .textarea-over{width: 200px; height: 64px; padding: 0 5px;}
#frmContact .submit-buttons{padding: 5px 0;}

/*  -------------------------------------------------------------
    Page: Merci
-------------------------------------------------------------- */
.email{background: url(images/email.jpg) no-repeat 0 6px; padding: 0 0 0 65px; min-height: 26px; height: auto !important; height: 26px;}
.back{background: url(images/back.jpg) no-repeat left top; padding: 3px 0 6px 45px;}