/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

sup{
    vertical-align:super;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

ul, nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*
File  : sdp.css (sdp.less)
Author: Sebastien Ethier -- www.seconceptweb.ca
Date : Avril 2011
Copyright : © 2011 Tous droits réservés. Seigneurie des Patriotes
*/

/**********************************************************************************************************************/

@masterWidth: 960px;
@asideWidth:315px;
@contentWidth:645px;
@colorWhite:#FBF9F4;
@colorOr: #A48B39;
@colorVert:#26711F;
@colorFont:#333;
@colorBeiche : #F4EFD9;
@linkhover: #26711F;
@antialias: 0 0 1px rgba(0,0,0,0.3); /*fix anti-alias*/

@font-face {
    font-family: 'AmazoneRegular';
    src: url('../fontface/amazoneRegular/amazone_bt-webfont.eot');
    src: url('../fontface/amazoneRegular/amazone_bt-webfont.eot?iefix') format('eot'),
         url('../fontface/amazoneRegular/amazone_bt-webfont.woff') format('woff'),
         url('../fontface/amazoneRegular/amazone_bt-webfont.ttf') format('truetype'),
         url('../fontface/amazoneRegular/amazone_bt-webfont.svg#webfontSIPNjqII') format('svg');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'GaramondRegular';
    src: url('../fontface/garamondRegular/garamond_regular-webfont.eot');
    src: url('../fontface/garamondRegular/garamond_regular-webfont.eot?iefix') format('eot'),
         url('../fontface/garamondRegular/garamond_regular-webfont.woff') format('woff'),
         url('../fontface/garamondRegular/garamond_regular-webfont.ttf') format('truetype'),
         url('../fontface/garamondRegular/garamond_regular-webfont.svg#webfontsHwwArCs') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family:Arial, sans-serif;
   }

.clearfixAfter {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

.flip{
       position:absolute;
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     filter: e("progid:DXImageTransform.Microsoft.BasicImage(rotation=2)");
     *zoom:1;
}

.bigbreakline{
    margin-bottom:28px;
}


.breakline{
    margin-bottom:12px;
}

.alignToRight{
    text-align: right;
}


.center{
    text-align:center;
}

.cellToLeft{
    float:left;
}

.cellToRight{
    float:right;
}

.posToBottom{
    position: absolute;
    bottom: 0px;
}

.posToRight{
    position: absolute;
    right: 0px;
}

.emphase{
    font-weight: bold;
}

.boxShadowPoster{

    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 5px rgba(0,0,0,0.4);

}
body {
  background: url('../../images/bg.png') repeat top left;
}

/***************************
 *  layout
 **************************/


#wrapper{
    margin:12px auto;
    width: @masterWidth;
    background-color: #FFF;


    -moz-box-shadow: 0 0 20px #888;
    -webkit-box-shadow: 0 0 20px #888;
    box-shadow: 0 0 20px #888;
}

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

    #wrapper header#header{
      background: url('../../images/header_bg.png') no-repeat top left;
      width: @masterWidth;
      min-height:159px;
    }

    #logo{
        margin:12px 0px 0 22px;
        float:left;
    }

    #information{
        margin:4px 22px 6px 0px;
        float:right;
    }

    nav#main-menu{
        width:735px;
        float:right;
        margin-right:22px;

        ul{
            li{
                float:left;
                margin-right:8px;
                &.last-child{
                    margin-right:0px;

                }

                &.current a{
                    color:@linkhover;
                }

                 &.current a.table-champetre{background-position: 0px -45px;}
                 &.current a.mariage-champetre{background-position: -143px -45px;}
                 &.current a.producteur-daims{background-position: -296px -45px;}
                 &.current a.journee-corporative{background-position: -451px -45px;}
                 &.current a.visite-repas-theatre{background-position: -603px -45px;}

                a{
                    display:block;
                    text-decoration: none;
                    font-family: 'AmazoneRegular';
                    font-size:18px;
                    color: #000;
                    background: url('../../images/menu_sprites.png') no-repeat;
                    height:45px;
                    line-height:45px;
                    overflow:hidden;
                    text-align: center;
                    text-shadow: 0 0 1px rgba(0,0,0,0.3);

                    &.table-champetre{background-position: 0px 0px; width:125px}
                    &.mariage-champetre{background-position: -143px 0; width:138px}
                    &.producteur-daims{background-position: -296px 0; width:144px}
                    &.journee-corporative{background-position: -451px 0; width:144px}
                    &.visite-repas-theatre{background-position: -603px 0; width:152px}

                    &:hover{color:@linkhover}

                    &.table-champetre:hover{background-position: 0px -45px;}
                    &.mariage-champetre:hover{background-position: -143px -45px;}
                    &.producteur-daims:hover{background-position: -296px -45px;}
                    &.journee-corporative:hover{background-position: -451px -45px;}
                    &.visite-repas-theatre:hover{background-position: -603px -45px;}
                }
            }
        }
    }

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

    #wrapper footer#footer{
      background: url('../../images/footer_bg.png') repeat top left;
      width: @masterWidth;
      min-height:159px;
      clear:both;
    }

    #footer.container .grid3{width:300px;}

    #footer{
        
        > * {margin-top:28px;}

        h1{
            text-transform:uppercase;
            font-size:16px;
            margin-bottom:6px;
            font-family: 'GaramondRegular';
            font-smooth: auto;
            text-shadow: @antialias;
            color:#222;
        }

        

        .grid3{
             display: inline;
             float: left;
             margin-left: 10px;
             margin-right: 10px;
        }


        nav{
                   ul{
                       margin-left:4px;

                       li{
                           a{
                               display:block;
                               text-decoration:none;
                               color:#333;
                               background: url('../../images/plus.gif') no-repeat center left;
                               padding-left:12px;
                               font-size:12px;
                               line-height: 14px;

                               &:hover{
                                    color: @linkhover;

                               }
                           }
                       }

                   }
        }

        section{

                ul{
                       margin-left:4px;

                       li{
                               font-size:14px;
                               line-height: 16px;

                               a{
                                    display:block;
                                    text-decoration:none;
                                    color:#333;
                                    padding-left:12px;
                                    background: url('../../images/plus.gif') no-repeat center left;

                                   &:hover{
                                        color: @linkhover;

                                   }
                               }
                               a.email{
                                    display:inline;
                                    padding-left:0px;
                                    background:none;
                               }
                           }
                       }

        }

        section address{
                  font-size:14px;
                  line-height: 16px;
                  margin-bottom: 8px;



        }

        p.copyright{
              display: block;
              float: left;
              margin-top: 0;
              text-align: center;
              width: @masterWidth;
              line-height:14px;
              
           a{
            color: @colorFont;

           }

            a:hover{
                color: @linkhover;

            }

            small{
                font-size:10px;

            }
        }

    }

    /***************************
     *  content
     **************************/
    
    #content
    {
        position:relative;
        background: url("../../images/content_bg.png") no-repeat scroll left 320px transparent;


        > * {float:none;}


        &:after{
            .clearfixAfter;
        }
        
        div.foret{
            background: url("../../images/foret.png") no-repeat scroll bottom right transparent;
            position:absolute;
            bottom:0;
            right:0;
            width:157px;
            height:92px;
            float: none;
        }

        #photo{
            width: @contentWidth - 5px;
            height:342px;
            margin-left: 5px;
            background: url('../../images/shadow.png') no-repeat center bottom;
            position:relative;
            z-index:2;
        }

        .separation{
            width:@contentWidth;
            background: url('../../images/ornement_section.png') no-repeat center top;
            height:39px;
            margin-bottom:12px;
            /*clear:both;*/
        }


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


        section.main{
            width:@contentWidth;

 
            header{
                h1{
                    font-family: 'AmazoneRegular';
                    font-size:48px;
                    color: @linkhover;
                    height:65px;
                    line-height:75px;
                    overflow:hidden;
                    text-align: left;
                    font-smooth: auto;
                    background: url("../../images/ornement1.png") no-repeat scroll left top transparent;
                    padding-left:9px;
                    margin-bottom:12px;
                    text-shadow: @antialias; /*fix anti-alias*/
                }
            }

            h2{
                color: @linkhover;
                line-height:22px;
                padding-left:18px;
                margin-top:22px;
                margin-bottom:6px;
                font: 22px/24px Arial, sans-serif; /*  'AmazoneRegular', */

            }

            p{
                margin-bottom:12px;
                padding-left:18px;
                padding-right: 12px;
                line-height:22px;
                font-size:16px;
                color:@colorFont;
            }

            ul{
                padding-left:18px;
                margin-bottom:12px;

                li{
                    list-style: disc inside none;
                    line-height:22px;
                    color:@colorFont;
                }
            }

        }
        #photo + section.main{
            margin-top: -22px;
        }

    /***************************
     *  information
     **************************/
        section.information{
            width:@contentWidth;
            margin-bottom:12px;
            overflow: hidden;

            p{
                font-size: 80%;
                line-height: 22px;
                margin-bottom: 12px;
                padding-left: 18px;
                color:@colorFont
            }
        }

        section.information > a{
                display:block;
                float:left;
                margin-left:18px;
                margin-right:18px;
                margin-bottom:12px;
                border:3px solid @colorOr;
                -moz-box-shadow: 3px 3px 5px #888;
                -webkit-box-shadow: 3px 3px 5px #888;
                box-shadow: 3px 3px 5px #888;

                img{display:block;}
        }

            /***************************
             *  remerciement
             **************************/

        section.remerciement{

            background: url(../../images/lettre.png) no-repeat top center;
            width: @contentWidth;
            height: 430px;
            display: table;
            margin-bottom: 25px;


            div.lettre{

                   display: table-cell;
                    padding-left: 60px;
                    padding-right: 60px;
                    text-align: center;
                    vertical-align: middle;
                    width: 525px;
                    margin-top: inherit;


                p{
                      font-family: 'AmazoneRegular';
                      font-size:20px;
                      color: #111;/*@colorFont;*/
                      line-height:24px;
                      overflow:hidden;
                      text-align: left;
                      font-smooth: auto;
                      text-shadow: 0 0 1px rgba(17,17,17,0.3); /*fix anti-alias*/
                      margin-bottom:10px;
                }

            }



            div.photo{
                margin-left: 240px;
                margin-top: -120px;
                position: absolute;
                z-index: 40;
            }
        }


            /***************************
             *  theatheHoraire
             **************************/
        section.theatreHoraire{

            padding:0.6em;

            .theatreHoraireBox{

                background: url('../../images/box/ornement_corner_right_top.png') no-repeat top right,
                url('../../images/box/ornement_corner_left_bottom.png') no-repeat left bottom,
                url('../../images/box/ornement_corner_left_top.png') no-repeat left top,
                url('../../images/box/ornement_corner_right_bottom.png') no-repeat bottom right;

                background-color: #F5F5F5;

                border:3px solid #E7E3D5;
                box-shadow:0px 0px 3px rgba(0,0,0,0.3);


                .afficheTheatreCell{
                    width: 27.5em;
                    float: left;
                    padding:0.3em 0.6em;
                    margin-top: 6px;
                    position: relative;
                    min-height: 280px;

                    header{

                        span, h3{
                            padding-left:0.1em;

                        }

                        span{
                        font: 16px/22px Verdana,Arial,Helvetica,sans-serif;
                        font-weight: bold;
                        color: #000;
                        }

                        h3{
                            background: url(../../images/sprites/icons.png) repeat-x top center;
                            height: 32px;
                            font: 24px/32px "GaramondRegular";
                            text-transform: uppercase;
                            text-shadow: @antialias;
                            color: #000;
                            .breakline;
                        }
                    }

                    p, ul{
                        margin-bottom: 6px;

                    }


                    p, ul li{
                        font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
                    }

                    li{
                        list-style: none inside disc;
                    }

                    .posToRight{
                        right: 0.6em;
                        padding-right: 3px;

                    }

                    span.auteur{text-align: right; font-size: 20px;}

                }


            }

            .theatreHoraireBox:after{
              .clearfixAfter;
            }
        }



        section.address, section.direction{
            float:left;
            width:322px;
        }

        section.direction{

            a{display:block; text-align:center;

                img{
                     display:inline !important;
                    .boxShadowPoster;
                }
            }

             p{
                font-size:13px;
                margin-bottom:12px;

            }
        }

        section.googlemap{

            float:right;
            margin-right:12px;
        }

        /***************************
         *  comments
         **************************/

        section.comments{

            h1{
                color: @linkhover;
                line-height:22px;
                padding-left:18px;
                margin-top:16px;
                margin-bottom:4px;
            }


            form.commentsform{

                background: url(../../images/lettre.png) no-repeat top center;
                width: @contentWidth;
                height: 430px;
                display: table;
                fieldset{

                    padding:50px 70px 0px 70px;
                    
                    p.grid2col{
                       width:50%;
                       float:left;
                       clear: none !important;
                       margin-bottom: 12px;
                    }

                    p.row > *{
                        float:left;


                    }

                    p.row{

                        margin-bottom: 12px;
                        label{
                            display:inline;
                            width:auto;

                        }

                        input{
                            margin-left: 23px;
                            width:370px !important;
                        }

                    }
                    p{

                        display:block;
                        width:100%;
                        clear:both;
                        overflow:hidden;


                        label{
                              font-family: 'AmazoneRegular';
                              font-size:20px;
                              color: @colorOr;
                              line-height:24px;
                              overflow:hidden;
                              text-align: left;
                              font-smooth: auto;
                              text-shadow: 0 0 1px rgba(17,17,17,0.3); /*fix anti-alias*/

                              display:block;
                              width:100%;
                        }


                        input, textarea{
                            font-family: sans-serif;
                            font-size:
                            16px; color: #111;

                            border-color: @colorOr;
                            border-radius: 5px;
                            -moz-border-radius:5px;
                            -webkit-border-radius:5px;

                            background: #eae2cc;
                            background: -moz-linear-gradient(top, #eae2cc 0%, #eae2cc 20%); /* firefox */
                            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae2cc), color-stop(20%,#eae2cc)); /* webkit */
                        }

                        input[type=email], input[type=text]{
                            width:222px;
                        }

                        textarea{

                            width: 475px;
                            height: 120px;
                            padding: 0px;
                            margin: 0px;


                            -moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;


                        }

                        textarea::-webkit-input-placeholder{
                            color:#e4e4e4;

                        }

                        textarea:-moz-placeholder{

                            color:#e4e4e4;
                        }

                        input[type=submit]{
                            width: 135px;
                            height: 60px;
                            border:none;
                            padding: 0;
                            margin:0 auto;
                            text-indent:-9999px;
                            /*-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
                            border: 1px solid #556f8c;*/

                            background:url(../../images/envoyer.png) no-repeat center center;

                            cursor: pointer;

                            &:hover{
                                background:url(../../images/envoyer_hover.png) no-repeat center center ;

                            }

                        }

                        span.error{
                            display:block;
                            color:#FF0000;
                            font: 10px/12px normal Arial,sans-serif;
                            position:relative;
                            top:0px;
                            left:5px;
                            text-shadow: @antialias;
                        }

                    }
                }
            }

            p.callBackMgs{
                    width:80%;
                    margin:0 auto;
                    font-family: 'AmazoneRegular';
                    font-size:20px;
                    color: @colorOr;
                    line-height:24px;
                    font-smooth: auto;
                    text-shadow: 0 0 1px rgba(17,17,17,0.3); /*fix anti-alias*/
                    margin-bottom:12px;
            }            

            a.resetForm{
                    background: url("http://seigneuriedespatriotes.localhost/assets/css/../../images/recommancer.png") no-repeat scroll center center transparent;
                    border: medium none;
                    display: block;
                    height: 60px;
                    margin: 0 auto;
                    width: 146px;
                    text-indent:-9999px;

                &:hover{
                    background:url(../../images/recommancer_hover.png) no-repeat center center ;

                }

            }

            p.alternatif{
                color:#333;
                font:12px/18px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
                margin-left:28px;
                margin-bottom:12px;
            }
        }

    }


    /***************************
     * Homepage
     **************************/

     #slideshow{
        margin:0 auto;
        width:945px;
        background: url("../../images/shadowfullpage.png") no-repeat scroll center bottom #FBF9F4;
        padding-bottom: 22px;
        position:relative;


        .description{
            position:absolute;
            right:0;
            top:0px;
            width: 30%;

                      p{
                          font-size: 13px;
                          line-height: 17px;
                          margin: 12px 2px;
                      }
        }

       a.playVideo{
            position:absolute;
            bottom:26px;
            left:0px;
            display:block;
            font-family:'AmazoneRegular';
            color:@colorWhite;
            font-size :50px;
            text-decoration:none;
        }

     }



    #box{
        .clearfix;
        margin-bottom:12px;

        .grid1_3cols{
            float: left;
            margin-left: 6px;
        }

        div.container{
            background: url("../../images/box/shadow_box.png") no-repeat scroll center bottom transparent;
            padding-bottom:26px;


            .left_banner{
                float:left;
                height: 139px;
                width:31px;
                background: url("../../images/box/forfait_theatre.png") no-repeat scroll center center @colorBeiche;
            }

            .left_banner_hover{
                background: url("../../images/box/forfait_theatre_hover.png") no-repeat scroll center center @colorBeiche !important;
            }

        }
    }

    #seigneurie,
    #table_champetre,
    #corporative,
    #mariage_champetre,
    #daim,
    #visite{
        background-color: @colorWhite;
        border:3px solid @colorOr;
        width: 305px;
        height: 139px;
        position:relative;
        z-index:2;
    }

    #seigneurie h2,
    #table_champetre h2,
    #corporative h2,
    #mariage_champetre h2,
    #daim h2,
    #visite h2{
           font-family:'AmazoneRegular';
           color: @colorOr;
           font-size: 18px;
           line-height: 37px;
           text-indent: 6px;
           text-shadow: 2px 4px 4px #E4E4E4;
    }

    #seigneurie p,
    #table_champetre p,
    #corporative p,
    #mariage_champetre p,
    #daim p,
    #visite p{
       font-family: Arial,sans-serif;
       font-size: 11px;
       line-height: 16px;
       padding-left: 13px;
       width: 50%;
       color:inherit;
    }

    #visite p{
       padding-left: 43px !important;
    }

    #seigneurie figure,
    #corporative figure{
        left: 175px;
        position: absolute;
        top: 40px;
    }

    #table_champetre img.title{
        left: 0px;
        position: absolute;
        top:0px;
    }


    #table_champetre p.title{
        font-family: 'AmazoneRegular';
        font-size: 21px;
        left: 48px;
        position: absolute;
        top: 24px;
        width: 50%;
        color:@colorOr;
        text-shadow: 2px 4px 4px #E4E4E4;
    }

    #table_champetre figure{
        left: 160px;
        position: absolute;
        bottom:0px;

    }

    figure a img{display:block;
        display:block;
        .boxShadowPoster;
    }

    figure img{display:block;
        display:block;
    }



    #mariage_champetre figure{  left: 171px;position: absolute;top: 27px;}
    #daim figure{     left: 175px; position: absolute; bottom: 0px;}
    #visite figure{   left: 200px; position: absolute; bottom: 10px;}

    .corner{
        background: url("../../images/box/ornement_corner.png") no-repeat scroll center top transparent;

    }


    .ornement_big1{
        background: url("../../images/box/ornement_big1.png") no-repeat scroll right top transparent;
    }

    .ornement_big2{
        background: url("../../images/box/ornement_big2.png") no-repeat scroll center left transparent;

    }

    .ornement_big3{
         background: url("../../images/box/ornement_big3.png") no-repeat scroll center right transparent;
    }


    #sponsors{
            text-align:center;
            margin-bottom:12px;

        hr{
            visibility: hidden;
            margin-bottom:18px;
        }


        figure{
            display:inline-block;
            margin-left:30px;
            margin-right:30px;

            figcaption{
                font: 12px/14px "Lucida Grande","Arial", sans-serif;
                color:#333;
                clear:both;
            }

            img{
             float: left;
            }
        }

    }

    /***************************
     *  aside (rightside)
     **************************/

    #content aside
    {
            width: @asideWidth;
            background: url('../../images/aside_bg.jpg') no-repeat top left;
            float:right;
            min-height: 600px;

    }

    aside #gallery{
        width:252px;
        margin: 0 auto;

        img.haut{
            position:relative;
            z-index:2;
        }

        /*marche pas vraiment dans ie a cause du png */
        img.bas{
           /* .flip;*/
            position:relative;
            z-index:2;
            margin:-13px 0px 0px;
        }

        
        
        ul{

            margin-top:-18px;
            overflow:hidden;
            z-index:1;

            li{

                background: url('../../images/cadre_photo.png') no-repeat top left;
                width:123px;
                height:101px;
                float:left;
                position:relative;

                a{
                    position:absolute;
                    top:16px;
                    left:16px;

                }

            }


        }
    }

    aside #video{
        width:150px;
        margin: 12px auto;

         ul{
                    overflow:hidden;
                    z-index:1;

                    li{

                        background: url('../../images/cadre_video.png') no-repeat top left;
                        width:150px;
                        height:123px;
                        float:left;
                        position:relative;

                        a{
                            position:absolute;
                            top:20px;
                            left:20px;
                            text-decoration: none;

                            img{display:block;}

                            span.timer{
                                display:inline;
                                background: rgba(0, 0, 0, 0.4);
                                bottom: 0;
                                left: 0;
                                position: absolute;
                                font-size:11px;
                                padding:2px;
                                color:@colorWhite;
                            }

                        }

                    }
         }
    }

    aside #menu{
        width:280px;
        margin: 0 auto;

        h1{

           font-family:'AmazoneRegular';
           color: @colorOr;
           font-size: 34px;
           line-height: 37px;
           text-shadow: 2px 4px 4px #E4E4E4;

        }

        ul{
            display:block;
            overflow:hidden;
            width:100%;

            li{
                float:left;
                width:91px;
                height:148px;
                margin-bottom:12px;

                a{
                    display:block;
                 }
            }

        }

        img{
           margin: 0 auto;
           display:block;

        }
    }

    aside #heritage{
        width:220px;
        margin: 0 auto;

        h1{

           font-family:'AmazoneRegular';
           color: @colorOr;
           font-size: 34px;
           line-height: 37px;
           text-shadow: 2px 4px 4px #E4E4E4;
        }

        h2{
           font-family:'AmazoneRegular';
           color: @colorOr;
           font-size: 22px;
           line-height: 26px;
           text-shadow: 2px 4px 4px #E4E4E4;

        }

        ul{
            display:block;

            li{
                float:left;
                width:180px;
                height:148px;
                margin-bottom:12px;

                a{
                    display:block;
                 }
            }

            li.last{
                float:right;

            }

            li span.caption{

                font-size:75%;

            }

        }
    }

    /**********************
     *  box
     ***********************/

#overlay{
    display: none;
    width:100%;
    height:100%;
    position: fixed;
    background-color : rgba(0,0,0, 0.6);
    z-index:50;
    top:0;
    left:0;
}

#boxVideo{
    border:3px solid @colorOr;
    background:#000;
    overflow: visible !important; 
}

#closeVideo{
    display:block;
    width:90px;
    height:90px;
    position:absolute;
    top:-45px;
    right:-45px;
    background: url('../../images/closeVideo.png') no-repeat top left transparent;
    z-index:998;
}


    /**********************
     *  loader ajax
     ***********************/

#loader{
    display: table-cell;
    text-align: center;
    top: 50%;
    vertical-align: middle;
}