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

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{ width: 996px; margin-top: 20px; }
    #header{ height: 80px; }
    #content{ float: left; width: 996px; }
        #left-outer{ float: left; width: 240px; }
        #left-inner{ }
        #middle-outer{ float: left; width: 210px; }
        #middle-inner{ }
        #right-outer{ float: left; width: 506px; padding: 10px 20px 10px 20px; }
        #right-inner{ text-align: justify; }
#footer{ width: 996px; }

/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
#right-inner h2{ clear: both; margin: 10px 0; background: #EECBA1; padding: 3px 8px; border: 1px solid #D2AC7F; font-size: 13px; }
#right-inner h3{ margin-bottom: 6px; font-size: 12px; background: url(../images/charte/bullet1.jpg) no-repeat left center; padding: 0 0 0 13px; display: inline-block; }
#right-inner a{ font-weight: bold; }
#flash-menu{ width: 210px; height: 152px; background: url(../images/charte/menu-bg.jpg) no-repeat left top; }
#diapo{ width: 240px; height: 360px; background: url(../images/charte/diapo-bg.jpg) no-repeat left top; }
#diapo2{ width: 506px; height: 47px; background: url(../images/charte/diapo2-bg.jpg) no-repeat left top; margin: 3px 0 5px 0; }

/*  Titles
-------------------------------------------------------------- */
#page-title{ line-height: 22px; margin: 0 0 15px 0; padding: 0 0 7px 0; color: #4f2f18; background: url(../images/charte/page-title-bg.jpg) no-repeat left bottom; }

/*  Separators
-------------------------------------------------------------- */
.separator{ clear: both; overflow: hidden; display: block; line-height: 0; font-size: 0; }
.hr1{ background: #CD9156; margin: 10px 0; height: 1px; }

/*  Lists
-------------------------------------------------------------- */
.list1{ float: left; }
.list1 li{ padding: 0 0 0 11px; background: url(../images/charte/bullet1.jpg) no-repeat 0 6px; font-weight: bold; color: #8c4e24; }
ul.indent1 li{ padding-left: 16px; }

/*  Thumbnails
-------------------------------------------------------------- */
.thumb{ display: inline-block; padding: 0px; border: 1px solid #EFCBA2; background: #1E3853; }
a.thumb:hover{ border: 1px solid #FFFFFF; background: #FFFFFF; }

/*  -------------------------------------------------------------
    4. Modules
-------------------------------------------------------------- */
/*  MDM
-------------------------------------------------------------- */
#actualite{ width: 240px; height: 166px; background: url(../images/charte/actualites-bg.jpg) no-repeat left top; color: #ecd0b1; font-size: 11px; line-height: 13px; text-align: justify; }
    #actualite .inner{ padding: 47px 20px 0px 20px; }
        #actualite .mdm-box{ height: 84px; }
        #actualite .mdm-title{ padding: 0 0 9px 0; display: block; }
        #actualite .mdm-text{ clear: right; display: block; }
        #actualite .mdm-details-btn{ float: right; }
    #actualite .thumb{ float: left; margin: 3px 10px 0 0; }

/*  Coordonnees
-------------------------------------------------------------- */
#coordonnees{ width: 210px; height: 184px; background: url(../images/charte/coordonnees-bg.jpg) no-repeat left top; color: #402b1d; }
    #coordonnees .inner{ padding: 51px 20px 0 20px; }
        #coordonnees p{ padding: 8px 0 0 0; }
/*  Plan d'acces
-------------------------------------------------------------- */
#plan-dacces{ width: 210px; height: 190px; background: url(../images/charte/plan-dacces-bg.jpg) no-repeat left top; }
    #plan-dacces .inner{ padding: 52px 20px 0 20px; }
    .plan-details-btn{ background: url(../images/charte/plan-details-btn-bg.jpg) no-repeat left top; width: 170px; height: 104px; display: block; }
    .plan-details-btn:hover{ background-position: left bottom; }

/*  -------------------------------------------------------------
    5. Footer elements
-------------------------------------------------------------- */
#footer{ font-size: 11px; line-height: 19px; }
#footer a:link, #footer a:visited{ color: #F5CF9D; text-decoration: none; }
#footer a:hover, #footer a:active{ color: #F5CF9D; text-decoration: underline; }
#footer-left{ float: left; width: 586px; padding: 10px 0 0 20px; }
#footer-right{ float: left; width: 370px; padding: 10px 20px 0 0; }
#footer .copyright{ clear: both; text-align: left; }
#footer .client{ color: #f5cf9d; }
#footer .client a:link, #footer .client a:visited{ color: #f5cf9d; text-decoration: none; }
#footer .client a:hover, #footer .client a:active{ color: #f5cf9d; text-decoration: underline; }
#footer .mentions{ color: #f5cf9d; }
#footer .mentions a:link, #footer .mentions a:visited{ color: #f5cf9d; text-decoration: none; }
#footer .mentions a:hover, #footer .mentions a:active{ color: #f5cf9d; text-decoration: underline; }
#footer .ref{ padding: 15px 0 0 0; }
/*  -------------------------------------------------------------
    6. Menus
-------------------------------------------------------------- */
#menu2 ul{ float: right; }
#menu2 ul li{ float: left; display: inline; color: #ce9256; }
#menu2 ul li a:link, #menu2 ul li a:visited{ color: #ce9256; text-decoration: none; }
#menu2 ul li a:hover, #menu2 ul li a:active{ color: #f5cf9d; text-decoration: underline; }

/*  -------------------------------------------------------------
    7. Pages
-------------------------------------------------------------- */
/*  Contact
-------------------------------------------------------------- */
#frmContact                 { width: 506px; }
#frmContact .grid-1         { float: left; width: 246px; padding: 0 14px 0 0; }
#frmContact .grid-last      { padding-right: 0; }
#frmContact .grid-1 label   { float: left; width: 80px; padding: 0 5px 0 0; }
#frmContact .grid-1 input   { width: 151px; }
#frmContact .grid-1 textarea{ width: 151px; height: 44px; }

#frmContact .grid-2         { float: left; width: 506px; }
#frmContact .grid-2 label   { float: left; width: 80px; padding: 0 5px 0 0; }
#frmContact .grid-2 textarea{ width: 411px; height: 60px; }