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

/*  -------------------------------------------------------------
    1. Main layout
-------------------------------------------------------------- */
#container{width: 940px; /* min-height: 100%; height: auto !important; height: 100%; */}
    #header{height: 146px;}
    #content{width: 940px;}
        #left-outer{float: left;}
        #left-inner{float: left; width: 358px;}
        #right-outer{float: left;}
        #right-inner{float: left; width: 582px; text-align: justify; min-height: 384px; height: auto !important; height: 384px; position: relative;}
#footer{width: 940px;}
/*  -------------------------------------------------------------
    2. Header elements
-------------------------------------------------------------- */

/*  -------------------------------------------------------------
    3. Content elements
-------------------------------------------------------------- */
/*  Titles  */
#page-title{float: left; width: 582px; height: 70px; line-height: 30px; text-indent: -9999px;}

/*  Separators  */
.separator{overflow: hidden; display: block; line-height: 0; font-size: 0;}
.hr1{background: url(../images/charte/separator-bg.jpg) no-repeat center top; margin: 11px 0; height: 2px; }
.hr2{background: url(../images/charte/separator-bg.jpg) no-repeat center top; margin: 8px 0; height: 2px; }

/*  Lists  */
.list1{float: left;}
.list1 li{padding: 0 10px 0 11px; background: url(../images/charte/bullet1.gif) no-repeat 0 5px;}

.list2{float: left;}
.list2 li{padding: 0 10px 0 14px; background: url(../images/charte/bullet1.gif) no-repeat 0 5px;}

.list3{float: left;}
.list3 li{padding: 0 10px 0 11px; background: url(../images/charte/bullet3.gif) no-repeat 0 5px;}

/*  Thumbnails  */
.thumb1{display: block; border: 1px solid #C6C6C6; background: #C6C6C6;}
a.thumb1:hover{border: 1px solid #FFFFFF; background: #FFFFFF;}

/*  Tables  */
.table1 th, .table1 td {text-align: left; padding: 3px 5px; border: 1px solid #044191;}
.table1 tr th {background: #112B44; color: #FFFFFF;}
.table1 tr td {background: #2566C0; color: #FFFFFF;}
.table1 tr.odd td{background: #F1F1F1; color: #000000;}
.table1 tr.over td{background: #FFFFFF; color: #000000;}
.table1 tr.sel td{background: #FFFFFF; color: #000000;}

/* Pannels */
.pannel1-outer{ float: left; background: url(../images/charte/panner1-outer-bg.jpg) repeat-y left top; border: 1px solid #6fa8eb; width: 580px; float: right; }
.pannel1-inner{ background: url(../images/charte/pannel1-inner-bg.jpg) no-repeat left top; width: 546px; padding: 14px 17px; min-height: 60px; height: auto !important; height: 60px; float: left; }
.pannel1-inner1{ background: url(../images/charte/pannel1-inner1-bg.jpg) no-repeat left top; width: 546px; padding: 14px 17px; min-height: 60px; height: auto !important; height: 60px; float: left; }
/*  -------------------------------------------------------------
    4. Footer elements
-------------------------------------------------------------- */
#footer{ text-align: left; }
#footer #footer-left{ float: left; width: 358px; padding: 9px 0 0 0; }
#footer #footer-right{ float: left; width: 582px; padding: 9px 0 0 0; text-align: right; }
#footer .copyright{ text-align: center; }
#footer .client{color: #FFFFFF; line-height: 20px;}
#footer .client a:link, #footer .client a:visited{ color: #FFFFFF; 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: #FFFFFF; text-decoration: none; }
#footer .mentions a:hover, #footer .mentions a:active{ color: #FFFFFF; text-decoration: underline; }
#footer .ref{}
/*  -------------------------------------------------------------
    5. Menus
-------------------------------------------------------------- */
#menu2 ul{float: right; padding: 0 0 2px 0;}
#menu2 ul li{float: left; display: inline; color: #bad6ff;}
#menu2 ul li a:link, #menu2 ul li a:visited{color: #bad6ff; text-decoration: none;}
#menu2 ul li a:hover, #menu2 ul li a:active{color: #ffffff; text-decoration: underline;}
/*  -------------------------------------------------------------
    6. Pages
-------------------------------------------------------------- */
/*  Presentation  */
h1.presentation{ background: url(../images/presentation/presentation-title.jpg) no-repeat left top; width: 294px !important; }
#horaires{ float: right; background: url(../images/presentation/horaires-bg.jpg) no-repeat left top; width: 277px; height: 43px; padding: 27px 11px 0 0;}

/*  Reprographie  */
h1.reprographie{ background: url(../images/reprographie/reprographie-title.jpg) no-repeat left top; }
.reprographie-bg{ background: url(../images/reprographie/reprographie-bg.jpg) no-repeat left top; }

/*  Vente  */
h1.vente{ background: url(../images/vente/vente-title.jpg) no-repeat left top; }
.vente-bg{ background: url(../images/vente/vente-bg.jpg) no-repeat left top; }

/*  Prestation  */
h1.prestation{ background: url(../images/prestation/prestation-title.jpg) no-repeat left top;}
.prestation-bg{ background: url(../images/prestation/prestation-bg.jpg) no-repeat left top; }

/*  Contact  */
h1.contact{ background: url(../images/contact/contact-title.jpg) no-repeat left top; height: 60px !important; }
#frmContact{width: 582px; padding: 0 0 0 0;}
#frmContact .col1{float: left; width: 281px; padding: 0 20px 0 0;}
#frmContact .col2{float: left; width: 281px;}
#frmContact label{float: left; width: 80px;}
#frmContact .buttons{padding: 5px;}

/*  Merci  */
h1.merci{ background: url(../images/contact/merci-title.jpg) no-repeat left top;}

/*  -------------------------------------------------------------
    7. Modules
-------------------------------------------------------------- */
#diaporama{ float: left; /*background: url(../images/charte/diaporama-bg.jpg) no-repeat left top;*/ width: 358px; height: 384px; }
#mdm-info{ background: url(../images/charte/mdm-info-bg.jpg) no-repeat left top; width: 940px; height: 126px; font-size: 11px; color: #e6e6e6; }
    #actualite{ float: left; padding: 14px 0 0 133px; width: 274px; position: relative; }
    #actualite-details-btn{ background: url(../images/charte/bullet1-bg.jpg) no-repeat left center; position: absolute; top: 87px; left: 320px; padding: 0 0 0 18px; }
    #info{ float: left; padding: 18px 0 0 223px; position: relative; }
    #plan-btn{ float: left; background: url(../images/charte/plan-btn-bg.gif) no-repeat left top; width: 69px; height: 13px; position: absolute; top: 98px; left: 370px; line-height: 0; font-size: 0; }
    #plan-btn:hover{ background-position: left bottom; }