/*  -------------------------------------------------------------
    * Filename:         style.css
    * Version:          1.6
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{width: 860px; padding: 0 10px; min-height: 100%; height: auto !important; height: 100%;}
    #header{width: 860px; height: 80px;}
    #content{width: 860px;}
        #left-outer{float: left;}
        #left-inner{float: left; width: 610px; text-align: justify;}
        #right-outer{float: left;}
        #right-inner{float: left; width: 250px;}
#footer{width: 860px;}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#diaporama1{ /* background: url(../images/charte/diaporama-bg.jpg) no-repeat left top; */ width: 250px; height: 250px; }
#menu-top{ /* background: url(../images/charte/menu-bg.jpg) no-repeat left top; */ width: 610px; height: 41px; }
#engagements{ background: url(../images/charte/engagements-bg.jpg) no-repeat left top; width: 610px; height: 120px; color: #004f74; font-size: 13px; line-height: 18px; }
#engagements-inner{}
#page{ float: left; width: 570px; padding: 20px; }
#sidebar{ width: 230px; padding: 0 0 0 20px; }

/*  Titles  */
#page-title{float: left; color: #0072a7; text-align: left;}

/*  Separators  */
.separator{clear: both; overflow: hidden; display: block; line-height: 0; font-size: 0;}
.hr1{background: url(../images/charte/separator1-bg.jpg) repeat-x left top; margin: 11px 0; height: 4px;}
.hr2{ background: #0072A7; height: 1px; margin: 17px 0 15px 0; }

/*  Lists  */
.list1{float: left;}
.list1 li{padding: 0 10px 0 16px; background: url(../images/charte/bullet1.gif) no-repeat 0 7px;}
.list2{float: left; padding: 0 0 0 20px;}
.list2 li{padding: 0 0 0 16px; background: url(../images/charte/bullet2.jpg) no-repeat 0 7px;}
li.inline{ float: left; padding-right: 10px; }
.list2 li.last{ padding-right: 0; }

/*  Thumbnails  */
.thumb{display: block; border: 1px solid #0072A8; background: #FBFBFB;}
a.thumb:hover{border-color: #004F74; background: #FFFFFF;}

/*  Gallery  */
.gallery{ float: left; }
.gallery li{ float: left; width: 125px; height: 125px; margin: 0 15px 15px 0; padding: 2px; border: 1px solid #D7E0E5; background: #FFFFFF; }
.gallery li.last{ margin-right: 0; }
.gallery li .thumb{ float: left; width: 123px; height: 123px; }
.gallery li .thumb img{ float: left; display: inline; }

/*  Pagination  */
.pagination{float:left; width: 100%; padding: 10px 0; text-align: center; font-size: 11px;}
.pagination a, .pagination span{border: 1px solid #B2D8EB; margin-right: 2px; padding: 2px 6px; text-decoration: none;}
.pagination .active{background: #FFFFFF; color: #000000; border-color: #B2D8EB;}
.pagination .disabled{background: #F4F4F4; color: #8A8A8A; border-color: #B8B8B8;}
.pagination a:link, .pagination a:visited, .pagination span{background: #EAF9FF; color: #0072A7;}
.pagination a:hover{background: #FFFFFF; color: #000000; border-color: #B2D8EB; text-decoration: none;}
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer .inner{text-align: left; font-size: 11px; line-height: 20px; padding: 10px 0;}
#footer #footer-left{float: left; width: 230px; padding: 0 0 0 20px;}
#footer #footer-right{float: left; width: 590px; padding: 0 20px 0 0; text-align: right}
#footer .copyright{text-align: center;}
#footer .client{}
#footer .client a:link, #footer .client a:visited{color: #fffebe; text-decoration: none;}
#footer .client a:hover, #footer .client a:active{color: #ffffff; text-decoration: underline;}
#footer .mentions{}
#footer .mentions a:link, #footer .mentions a:visited{color: #fffebe; text-decoration: none;}
#footer .mentions a:hover, #footer .mentions a:active{color: #ffffff; text-decoration: underline;}
/*  -------------------------------------------------------------
    5. Menus
-------------------------------------------------------------- */
#menu2 ul{float: right;}
#menu2 ul li{float: left; display: inline; color: #ffffff;}
#menu2 ul li a:link, #menu2 ul li a:visited{color: #ffffff; text-decoration: none;}
#menu2 ul li a:hover, #menu2 ul li a:active{color: #fffebe; text-decoration: underline;}
/*  -------------------------------------------------------------
    6. Pages
-------------------------------------------------------------- */
/*  L'entreprise  */
#entreprise-txt1{ background: url(../images/entreprise/entreprise-txt1.jpg) no-repeat left top; margin: 16px 0 0 0; float: left; width: 570px; height: 76px; }
#entreprise-txt2{ background: url(../images/entreprise/entreprise-txt2-bg.jpg) no-repeat left top; width: 158px; height: 30px; display: block; margin: 10px 0 0 328px; }
a#entreprise-txt2:hover{ background-position: left bottom; }
/*  Coordonnees  */
#coordonnees-outer{ background: url(../images/charte/coordonnees-bg.jpg) no-repeat left top; width: 210px; height: 195px; font-size: 11px; line-height: 13px; }
#coordonnees-inner{ padding: 65px 0 0 0; }
#coordonnees-inner p{ margin: 9px 0 0 0; }
#coordonnees-inner .email{ background: url(../images/charte/email-bg.jpg) no-repeat left top; padding: 0 0 0 20px; font-weight: bold; height: 16px; float: left; }
#coordonnees-inner .email a{ color: #37aee5; }
#coordonnees-inner .plan-btn{ float: right; margin: 25px 0 0 0; background: url(../images/charte/plan-btn-bg.gif) no-repeat left top; width: 79px; height: 67px; }
#coordonnees-inner a.plan-btn:hover{ background-position: left bottom; }

#horaires-outer{ background: url(../images/charte/horaires-bg.jpg) no-repeat left top; width: 210px; height: 77px; margin: 15px 0 0 0; font-size: 11px; line-height: 13px; color: #0072A7; }
#horaires-inner{ padding: 12px 15px; }

#partenaires-outer{ background: url(../images/charte/partenaires-bg.jpg) no-repeat left top; width: 211px; height: 78px; margin: 16px 0 0 0; }
#partenaires-inner{ padding: 40px 0 0 0; }
#partenaires-inner .partenaire1-btn{ background: url(../images/charte/partenaire1-btn-bg.jpg) no-repeat left top; float: left; width: 30px; height: 38px; }
#partenaires-inner a.partenaire1-btn:hover{ background-position: left bottom; }
#partenaires-inner .partenaire2-btn{ background: url(../images/charte/partenaire2-btn-bg.jpg) no-repeat left top; float: left; width: 99px; height: 24px; margin: 13px 0 0 9px; }
#partenaires-inner a.partenaire2-btn:hover{ background-position: left bottom; }
#partenaires-inner .partenaire3-btn{ background: url(../images/charte/partenaire3-btn-bg.jpg) no-repeat left top; float: left; width: 65px; height: 20px; margin: 17px 0 0 8px; }
#partenaires-inner a.partenaire3-btn:hover{ background-position: left bottom; }

/*  Contact  */
#frmContact{ width: 570px; }
#frmContact .col1{ float: left; width: 275px; padding: 0 20px 0 0; }
#frmContact .col2{ float: left; width: 275px; }
#frmContact .field label{ float: left; width: 90px; }
#frmContact .field input{ float: left; width: 165px; }
#frmContact .field textarea{ float: left; width: 165px; }
#frmContact .field .checkbox{ width: 13px; }
#frmContact .buttons{ padding: 10px; text-align: center; }
#frmContact .buttons input{ width: 100px; }