@import url(tables.css);
@import url(place.css);
@import url(forms.css);
@import url(search.css);

body {
    margin:                 0;
    padding:                0;
    background:             #fff;
    font:                   .8em arial, helvetica, sans-serif;
}

a {
    color:                  #CC2E01;
}

a.pdf {
    padding-left:           21px;
    background:             url(images/icon-pdf.gif) no-repeat left center;
}

a.help {
    font-size:              .8em;
    text-decoration:        none;
    text-transform:         none;
    vertical-align:         top;
    color:                  #7F7F7F;
    border-bottom:          1px dotted #7F7F7F;
}


/** container *****************************************************************/

#container {
    position:               relative;
    width:                  960px; /*1100px;*/
    margin:                 0 auto;
    background:             #fff url(images/content.jpg);
}


/** header ********************************************************************/

#header {
    height:                 300px;
    background:             #fff url(images/header.jpg) no-repeat 200px top;
}

#header h1 {
    position:               absolute;
    top:                    0;
    left:                   0;
    margin:                 0;
    padding:                0;
    background:             #fff url(images/header-h1.gif) no-repeat center center;
}

#header h1 a {
    display:                block;
    width:                  200px;
    height:                 100px;
    text-indent:            -100em;
    overflow:               hidden;
}

#header p.site-tagline {
    position:               absolute;
    z-index:                100;
    top:                    50px;
    left:                   200px;
    width:                  550px;
    height:                 50px;
    line-height:            50px;
    margin:                 0;
    padding:                0;
    background:             #fff;
    text-align:             center;
    font-size:              1.8em;
    opacity:                .7;
    filter:                 alpha(opacity = 70);

}

#flash {
    position:               absolute;
    top:                    0;
    right:                  0;
    width:                  760px;
    height:                 300px;
    background:             #fff;
}

/** content *******************************************************************/

#content {
    overflow:               hidden;
    min-height:             300px;
    margin-top:             50px;
    padding:                0 50px 0 50px;
}

#content h2 {
    margin:                 0 0 20px -50px;
    padding:                0 0 0 60px;
    height:                 50px;
    line-height:            50px;
    background:             url(images/h2.gif) no-repeat left center;
    color:                  #CC2E01;
    font-size:              1.8em;
}

#content h3 {
    font-size:              1.2em;
}

#content h4 {
    font-size:              1em;
}

#extraDiv1 {
    position:               absolute;
    top:                    300px;
    right:                  0;
    width:                  50px;
    height:                 50px;
    background:             #CC2E01;
}

#extraDiv2 {
    position:               absolute;
    top:                    15px;
    right:                  0;
    width:                  50px;
    height:                 160px;
    background:             url(images/logo.png) no-repeat;
}

#extraDiv2 a {
    display:                block;
    width:                  50px;
    height:                 160px;
    text-indent:            -100em;
    overflow:               hidden;
}


/** aside-search **************************************************************/

#aside-search {
    position:               absolute;
    z-index:                100;
    top:                    251px;
    left:                   0;
    width:                  155px; /* 250px */
    height:                 22px; /* 50px */
    line-height:            50px;
    margin:                 0;
    padding:                14px 0 14px 45px;
    background:             #E2E2E2 url(images/aside-search.gif) no-repeat 15px center;
    text-align:             center;
}

#aside-search form {
    margin:                 0;
    padding:                0;
}

#aside-search input {
    display:                block;
    float:                  left;
    height:                 18px;
    line-height:            22px;
    margin:                 0;
    padding:                0 2px;
    border:                 2px solid #CC2E01;
}

#aside-search #search-query {
    width:                  100px; /* 150px */
}

#aside-search #search-submit {
    height:                 22px;
    border:                 none;
    padding:                0 5px 0 3px;
    background:             #CC2E01;
    color:                  #fff;
    font-weight:            bold;
}


/** navigation: pages *********************************************************/

#nav-pages {
    position:               absolute;
    top:                    300px;
    left:                   0;
    width:                  910px; /*648px;*/
    /*display:                table;*/
}

#nav-pages ul {
    /*display:                table-row;*/
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#nav-pages li {
    /*display:                table-cell;*/
    display:                inline;
}

#nav-pages a {
    display:                block;
    float:                  left;
    padding:                6px 21px 3px;
    border-left:            2px solid #9B8A89;
    color:                  #9B8A89;
    text-align:             center;
    text-decoration:        none;
    text-transform:         uppercase;
    font-size:              .9em;
    font-weight:            bold;
}

#nav-pages a:hover, 
#nav-pages li.selected a {
    color:                  #CC2E01;
    border-color:           #CC2E01;
}


/** footer ********************************************************************/

#footer {
    clear:                  both;
    margin:                 30px 0 0;
    height:                 50px;
    line-height:            50px;
    background:             url(images/footer.gif);
}

#footer ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
    width:                  100%;
    text-align:             center;
}

#footer ul li {
    display:                inline;
    margin:                 0;
    padding:                0 10px;
    border-left:            2px solid #CC2E01;
}

#footer ul li.first-child {
    padding-left:           0;
    border:                 none;
}

#footer a {
    color:                  #000;
    text-decoration:        none;
    font-size:              .9em;
}

#footer a:hover {
    color:                  #CC2E01;
}


/** navigation: search ********************************************************/

#nav-search {
    position:               absolute;
    top:                    100px;
    left:                   0;
    width:                  200px;
    margin:                 0;
    padding:                0;
}

#nav-search h2 {
    margin:                 0;
    padding:                0;
    height:                 50px;
    line-height:            50px;
    background:             #cc2e01;
    color:                  #fff;
    text-align:             center;
    text-transform:         uppercase;
    font-size:              1.1em;
    
}

#nav-search ul {
    margin:                 0;
    padding:                0;
    list-style:             none;
    background:             #E2E2E2;
}

#nav-search li {
    display:                block;
    border-top:             1px dashed #fff;
}

#nav-search a {
    display:                block;
    width:                  164px; /* 200px */
    height:                 49px;
    line-height:            49px;
    padding-left:           36px;
    background:             #E2E2E2 url(images/nav-search-off.gif) no-repeat 10px 18px;
    color:                  #8C7877;
    text-decoration:        none;
    font-size:              1.2em;
}

#nav-search a:hover,
#nav-search li.selected a {
    /*background:             #909090 url(images/nav-search-on.gif) no-repeat 10px center;*/
    color:                  #000;
}


/** Pagination ****************************************************************/

div.pager {
    margin:                 20px 0 10px;
    text-align:             center;
    font-size:              1.2em;
}

div.pager a, 
div.pager span {
    padding:                3px 8px;
    text-decoration:        none;
}

div.pager a:hover,
div.pager a.selected {
    padding:                2px 7px;
    background:             #ddd;
    border:                 1px solid #ccc;
}

div.pager .disabled {
    color:                  #999;
}


/** Liste des résultats *******************************************************/

strong.count {
    color:                  #CC2E01;
}

em.legend {
    padding-left:           28px;
    background:             url(images/hand-finger.gif) no-repeat 10px center;
    color:                  #827F7F;
}

#actions {
    position:               absolute;
    top:                    350px;
    right:                  50px;
    /*display:                table;*/
    margin:                 0;
    padding:                0;
    list-style:             none;
}

#actions li {
    display:                block;
    float:                  left;
    background:             url(images/icon-print-list.gif) no-repeat 10px center;
}

#actions li a {
    display:                block;
    width:                  70px;
    height:                 50px;
    line-height:            50px;
    padding:                0 10px 0 65px;
    text-decoration:        none;
    outline:                none;
}


#actions li a span {
    display:                inline-block; 
    vertical-align:         middle; 
    line-height:            1.2; /* on rétablit le line-height */
    color:                  #9B8A89;
    text-decoration:        none;
    font-size:              .85em;
    font-weight:            bold;
}

#actions li a:hover span {
    color:                  #555;
}

#actions .action-print-pdf {
    background-image:       url(images/icon-print-pdf.gif);
}

#actions .action-print-all {
    background-image:       url(images/icon-print-list.gif);
}

#actions .action-print-selected {
    background-image:       url(images/icon-print-selection.gif);
}

#actions .action-quote {
    background-image:       url(images/icon-quote.gif);
}

#actions .action-locate {
    background-image:       url(images/icon-locate.gif);
}



/** Actualités ****************************************************************/

#posts div.post {
    margin:                 0 0 10px;
    padding:                0 0 10px;
}

#posts h3 {
    margin:                 0;
    padding:                0 0 0 25px;
    background:             url(images/hand-grey.gif) no-repeat left 3px;
    color:                  #7F7F7F;
    font-size:              1.2em;
    text-transform:         uppercase;
}

#posts div.post h4 {
    margin:                 0 0 5px;
    padding:                0 0 0 37px;
    background:             url(images/square-red.gif) no-repeat 25px 6px;
    font-size:              1em;
}

#posts div.post h4 a {
    /*color:                  #1861A2;*/
    text-decoration:        none;
}

#posts div.post p {
    margin:                 0 0 0 25px;
    padding:                0;
}

#posts div.post .date {
    color:                  #146F4E;
    font-size:              .9em;
}

#posts div.summary a {
    padding-right:          14px;
    background:             url(images/arrow-br.gif) no-repeat right 5px;
    text-decoration:        none;
    text-transform:         uppercase;
    border-bottom:          1px solid #CC2E01;
}

#post .content {
    overflow:               hidden;
    margin:                 -20px 0 0;
    padding:                0;
    background:             #fff;
    border:                 1px solid #ccc;
}

#post .image {
    float:                  right;
    margin:                 0 0 0 20px;
    padding:                0;
    border-left:            1px solid #ccc;
}

#post .image img {
    display:                block;
}

#post .content p {
    margin:                 10px;
}


#post .meta {
    margin:                 5px 0;
    padding:                0;
    color:                  #555;
    text-align:             right;
    font-size:              .9em;
}

#post .meta a {
    color:                  #333;
}

#post .back {
    margin:                 5px 0;
    padding:                0;
    text-align:             right;
}


/** Demande de devis **********************************************************/

#quotation-recipients {
    overflow:               hidden;
    margin:                 0 0 20px;
}

#quotation-recipients p {
    float:                  left;
    width:                  450px;
    margin:                 0;
    padding:                0;
    color:                  #CC2E01;
    font-size:              1.2em;
}

#quotation-recipients ul {
    margin:                 0 0 0 450px;
    padding:                0;
    list-style:             none;
}

#quotation-recipients li {
    padding:                0 0 0 14px;
    background:             url(images/quotation-recipient.gif) no-repeat left 4px;
}


/** Chartes de qualité ********************************************************/

ul.documents {
    margin:                 10px 0;
    padding:                0 15px;
    list-style:             none;
}

ul.documents li {
    margin:                 0 0 5px;
}


/** messages ******************************************************************/

.msg-error {
    margin:                 10px 0 20px;
    padding:                5px 20px;
    background:             #FFF1A8;
}


/** tabs **********************************************************************/

.tabs {
    overflow:               hidden;
    margin:                 10px 0;
    padding:                0;
    border-bottom:          1px solid #ccc;
    list-style:             none;
}

.tabs li {
    display:                inline;
}

.tabs a {
    display:                block;
    float:                  left;
    margin:                 0 10px 0 0;
    padding:                3px 8px;
    background:             #eee;
    color:                  #555;
    text-decoration:        none;
    outline:                0;
}

.tabs .selected a {
    background:             #ccc;
    color:                  #000;
}


/** qtip ****************************************************************/

.qtip-wrapper {
    box-shadow:             0 0 20px #555;
    -moz-box-shadow:        0 0 10px #555;
    -webkit-box-shadow:     0 0 10px #999;
}