@import "../css/superfish.css";
@import "../css/reset.css";
@import "../css/grid.css";
@import "../css/prettyPhoto.css";
@import "../css/forms.css";
@import "../css/galleryfic.css";
@import "../css/kwicks.css";
@import "../css/coin-slider.css";

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
    display: block;
}

mark, rp, rt, ruby, summary, time {
    display: inline
}

/* Global properties
---------------------------------------- */
body {
    background: #072450;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    line-height: 1.125em;
    color: #072450;
    position: relative;
}

html {
    min-width: 960px;
}

html, body {
    height: 100%;
}

.bg {
    width: 100%;
    background: url(../images/tail-top.gif) 0 0 repeat-x #e6e3dc;
}

.bg2 {
    width: 100%;
    background: url(../images/tail-top2.gif) 0 0 repeat-x #e6e3dc;
}

.bg3 {
    width: 100%;
    background: url(../images/tail-top3.gif) 0 0 repeat-x #e6e3dc;
}

/* Global Structure
---------------------------------------- */
.main {
    margin: 0 auto;
    position: relative;
    width: 960px;
    font-size: 0.75em;
    line-height: 1.5em;
}

.main-1 {
    margin: 0 auto;
    position: relative;
    width: 940px;
}

/*----- txt, links, lines, titles -----*/
a {
    color: #cc3b2f;
    outline: none;
    text-decoration: underline;
}

link {
    text-decoration: underline !important;
}

a:hover, a:focus {
    text-decoration: none;
}

.clear {
    clear: both;
    width: 100%;
    line-height: 0;
    font-size: 0;
}

.wrapper {
    width: 100%;
    overflow: hidden;
}

.extra-wrap {
    overflow: hidden;
}

p {
    margin-bottom: 18px;
}

.p1 {
    margin-bottom: 8px;
}

.p2 {
    margin-bottom: 14px;
}

.p3 {
    margin-bottom: 30px;
}

#page5 .p3 {
    margin-bottom: 36px;
}

.p4 {
    margin-bottom: 40px;
}

#page5 .p4 {
    margin-bottom: 35px;
}

#page3 .p4 {
    margin-bottom: 38px;
}

#page4 .p4 {
    margin-bottom: 36px;
}


.p5 {
    margin-bottom: 50px;
}

.reg {
    text-transform: uppercase;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.alignright {
    text-align: right;
}

.alignleft {
    text-align: left;
}

.aligncenter {
    text-align: center;
}

.alignjustify {
    text-align: justify;
}

.it {
    font-style: italic !important;
    overflow: auto;
}

.letter {
    letter-spacing: -1px;
}

.color-1 {
    color: #fff;
}

.color-2 {
    color: #000;
}

.color-3 {
    color: #50555c;
}

.color-4 {
    color: #cc3b2f;
}

.padd0 {
    padding-bottom: 0
}

.padd {
    padding-top: 1px
}

.padd-1 {
    padding-top: 2px
}

.padd-2 {
    padding-top: 3px
}

.padd-3 {
    padding-top: 4px
}

.padd-4 {
    padding-top: 5px
}

.padd-5 {
    padding-top: 6px
}

.padd-6 {
    padding-top: 7px
}

.padd-7 {
    padding-top: 8px
}

.padd-8 {
    padding-top: 9px
}

.padd-9 {
    padding-top: 10px
}

.padd-10 {
    padding-top: 11px
}

.padd-11 {
    padding-top: 12px
}

.padd-12 {
    padding-top: 14px
}

.padd-13 {
    padding-top: 16px
}

.padd-14 {
    padding-top: 17px
}

.padd-15 {
    padding-top: 20px
}

.m1 {
    margin-top: -1px
}

.m2 {
    margin-top: -3px
}

.m3 {
    margin-top: -5px
}

.m4 {
    margin-top: -6px
}

/*********************************boxes**********************************/

.margin-content {
    margin: 57px 20px 57px 20px;
}

.margin-bot {
    margin-bottom: 33px;
}

.spacing {
    margin-right: 35px;
}

.spacing2 {
    margin-right: 45px;
}

.spacing3 {
    margin-right: 60px;
}

.indent-bot {
    margin-bottom: 20px;
}

#page3 .indent-bot {
    margin-bottom: 17px;
}

#page5 .indent-bot {
    margin-bottom: 17px;
}


.indent-bot2 {
    margin-bottom: 30px;
}

.indent-bot3 {
    margin-bottom: 45px;
}

.img-indent-bot {
    margin-bottom: 25px;
}

.img-indent {
    float: left;
    margin: 0 18px 0px 0;
}

#page3 .img-indent {
    float: left;
    margin: 3px 20px 0px 0;
}

#page4 .img-indent {
    float: left;
    margin: 1px 22px 0px 0;
}

.img-indent-r {
    float: right;
    margin: 0 0px 0px 40px;
}

.prev-indent-bot {
    margin-bottom: 5px;
}

.prev-indent {
    float: left;
    min-width: 25px;
    margin: 0 5px 0px 0;
}

#page2 .prev-indent {
    min-width: 25px;
    margin: -5px 8px 0px 5px;
}

.border {
    border: 1px solid #000;
}

.buttons a:hover {
    cursor: pointer;
}

.menu li a, .gallery li a, h5 a, h6 a, h15 a, h17 a, .box-1 a, .button, .date, .logo {
    text-decoration: none;
}

/********************************** Header *********************************/
header {
    height: 215px;
    position: relative;
    z-index: 999;
}

header#header {
    height: 639px;
}

.slider {
    position: absolute;
    top: 259px;
    left: 9px;
    z-index: 1;
    width: 940px;
    height: 467px;

}

/* Logo */
.logo {
    padding: 0px 0 0 0;
    position: absolute;
    top: 24px;
    left: 10px;

}

.logo a {
    display: block;
    width: 393px;
    height: 80px;
    text-indent: -5000px;
    background: url(https://rlai.ca/rlai-logo.png?v=20230301) 0 0 no-repeat;
    background-size: contain;
}

.list-services {
    position: absolute;
    top: 74px;
    right: 10px;
}

.list-services li a img + img {
    display: none;
}

.list-services li a:hover img + img {
    display: block;
}

.list-services li {
    float: left;
    margin: 0 0 0 10px;
    position: relative;
    width: 32px;
    height: 32px;

}

.list-services img {
    position: absolute;
    top: 0;
    left: 0;
}

.list-services a {
    position: relative;
    display: block;
    width: 32px;
    height: 32px;
}

.list-services li:hover a {

}

/*
#form-top {position:absolute; top:110px; right:10px;}
#form-top fieldset {overflow:hidden;}
#form-top input {float:left; width:200px; font-size:12px; color:#4d4d4d; padding:7px 10px; margin:0; border:1px solid #000; outline:none; resize:none; font-family:Arial, Helvetica, sans-serif; background:#fff;}
#form-top a {display:block; float:left; width:31px; height:31px; margin-left:2px; background:url(../images/button-form.gif) 0 0 no-repeat #000;}
#form-top a:hover {background-color:#555;} 

/*
.list {float:right; padding-top:18px;}
.list li {float:left; font-size:13px; padding-left:10px; font-weight:bold; color:#cd3c30;}
.list li a {color:#cd3c30; padding-left:10px;} 
.list li a:hover {color:#000; text-decoration:underline; background:url(../images/marker-2.gif) 0 7px no-repeat;} 
*/
/* Navigation */
header nav {
    position: absolute;
    left: 10px;
    top: 130px;
    z-index: 999;
    width: 940px;
    padding: 0px 0;
    background: url(../images/menu-tail.gif) 0 0 repeat-x #20252c;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -webkit-background-clip: padding-box;
}

/* Twitter link */
header .twitter-link {
    position: absolute;
    right: 1px;
    top: 182px;
    background: #fff;
    font-size: 11px;
    height: 53px;
    line-height: 53px;
    z-index: 100;
}

header .twitter-link a {
    display: block;
    color: #616161;
    padding: 0 71px 0 0;
    text-decoration: none;
    text-transform: uppercase;
}

.button-top {
    display: inline-block;
    margin-top: 35px;
    width: 350px;
    height: 51px;
    font-size: 16px;
    line-height: 51px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    background-color: rgb(131, 111, 61);
}

.button-top:hover {
    background-color: rgba(131, 111, 61, 0.75);
}

.slogan {
    font-size: 40px;
    line-height: 1em;
    color: #fff;
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 3px;
    display: block
}

.slogan span {
    display: block;
    margin-top: -4px
}

/********************** Content ************************/
section#content {
    overflow: hidden;
    padding: 67px 0px 67px;
    position: relative;
    z-index: 1;
}

#page-404 section#content {
    padding: 54px 0px 67px;
}

.glow {
    background: url(../images/glow.png) no-repeat center 0
}

.glow-2 {
    background: url(../images/glow-2.png) no-repeat center 0
}

.box-serice h5, h15, h17 {
    padding-top: 3px;
    margin-bottom: 6px;
}

.box-progect h5, h15, h17 {
    padding-top: 3px;
}

.member-box h5, h15, h17 {
    margin-bottom: 14px;
}

#page-404 h4 {
    margin-top: -3px;
    margin-bottom: 41px;
}

/*  Header styles */
h1, h2, h3, h4, h5, h6, h7, h11, h12, h13, h14, h15, h17 {
    line-height: 1.2em;
    color: #072450;
    font-style: italic;
}

h1 {
    font-size: 30px;
    line-height: 32px;
    padding-bottom: 20px;
}

h1titre {
    font-size: 24px;
    line-height: 26px;
    padding-top: 25px;
    padding-bottom: 20px;
    font-style: normal !important;
    text-align: center !important;
    font-weight: bold !important;
}

h1titre2 {
    position: absolute !important;
    top: 190px !important;
    left: 9px !important;
    font-size: 24px !important;
    line-height: 26px !important;
    padding-top: 25px;
    padding-bottom: 20px;
    font-style: normal !important;
    background: #fff !important;
    text-align: center !important;
    font-weight: bold !important;
    width: 940px;
}

h2 {
    font-size: 24px;
    margin-bottom: 23px;
}

h3 {
    font-size: 30px;
    margin-bottom: 25px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    text-align: center;
    font-style: normal !important;
}

h3 a {
    color: #072450 !important;
    text-decoration: none !important;
}

h3 a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

h3accueil {
    font-size: 24px;
    margin-bottom: 25px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 1.2em;
    text-align: center !important;

}

h4accueil {
    font-size: 20px;
    margin-bottom: 25px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 1.2em;
    text-align: center !important;
}

h3accueil a {
    color: #072450 !important;
    text-decoration: none !important;
}

h3accueil a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

h3service {
    font-size: 25px;
    margin-bottom: 25px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold !important;
    line-height: 1.2em;

}

h3service a {
    color: #072450 !important;
    text-decoration: none !important;
}

h3service a:hover {
    color: #000 !important;
    text-decoration: none !important;
}


h11 {
    font-size: 20px;
    margin-bottom: 25px !important;
    color: #072450 !important;
    text-decoration: none !important;
    text-align: justify;
    font-style: normal !important;
}

h11 a {
    color: #072450 !important;
    text-decoration: none !important;
}

h11 a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

h14 {
    font-size: 15px;
    margin-bottom: 25px !important;
    color: #072450 !important;
    text-decoration: none !important;
    font-style: normal !important;
    text-transform: uppercase !important;
    font-weight: bold;
}

h14 a {
    color: #072450 !important;
    text-decoration: none !important;
}

h14 a:hover {
    color: #cc3b2f !important;
    text-decoration: none !important;
}

h12 {
    font-size: 23px;
    margin-bottom: 25px !important;
    color: #cc3b2f !important;
    text-decoration: none !important;
    font-weight: bold;
    font-style: normal !important;
    text-transform: uppercase !important;
}

h12 a {
    color: #cc3b2f !important;
    text-decoration: none !important;
}

h12 a:hover {
    color: #000 !important;
    text-decoration: none !important;
}

.lirelasuite {
    color: #072450;
    text-decoration: underline;
    text-align: justify;
}

.lirelasuite a {
    text-decoration: underline !important;
    color: #072450 !important;
}

.lirelasuite a:hover {
    text-decoration: none !important;
    color: #072450 !important;
}

h13 {
    font-size: 12px;
    color: #fff !important;
    text-decoration: none !important;
}

h13 a {
    color: #072450 !important;
    text-decoration: underline !important;
}

h13 a:hover {
    color: #072450 !important;
    text-decoration: none !important;
}

h15 {
    font-size: 15px !important;
    line-height: 17px !important;
    margin-bottom: 17px !important;
    text-transform: none !important;
    font-weight: bold;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center !important;

}

#typography h15 {
    font-size: 17px !important;
}

h15 a {
    color: #072450 !important;
}

h15 a:hover {
    color: #000 !important;
}

h16 {
    font-size: 25px;
    margin-bottom: 25px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-style: normal !important;
    font-weight: bold;
}

#typography h15 {
    font-size: 17px !important;
}

h16 a {
    color: #072450 !important;
}

h16 a:hover {
    color: #000 !important;
}

#typography h3 {
    font-size: 21px;
}

h17 {
    font-size: 18px !important;
    line-height: 20px !important;
    margin-bottom: 17px !important;
    text-transform: none !important;
    font-weight: bold;
    font-style: normal !important;
    text-transform: uppercase !important;
    text-align: center !important;

}

#typography h17 {
    font-size: 20px !important;
}

h17 a {
    color: #072450 !important;
}

h17 a:hover {
    color: #000 !important;
}

h18 {
    font-size: 14px !important;
    line-height: 16px !important;
    margin-bottom: 16px !important;
    color: #836f3d !important;
    text-transform: none !important;
    text-align: justify !important;

}

#typography h18 {
    font-size: 14px !important;
}

h18 a {
    color: #072450 !important;
}

h18 a:hover {
    color: #000 !important;
}


h4 {
    font-size: 25px;
    line-height: 1.2em;
    margin-bottom: 40px;
    font-style: normal !important;

}

#typography h4 {
    font-size: 18px;
}

h5 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
    font-style: normal !important;
    text-transform: uppercase !important;
}

#typography h5 {
    font-size: 16px;
}

h5 a {
    color: #072450;
}

h5 a:hover {
    color: #000;
}

h6 {
    font-size: 14px;
    line-height: 18px;

}

h7 {
    font-size: 32px;
    margin-bottom: 25px;
    font-weight: bold;
}

h8 {
    font-size: 20px;
    line-height: 1.2em;
    margin-bottom: 40px;
}

h9 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
    font-weight: bold;
    text-transform: uppercase

}

h10 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 16px;
}

noteh3 {
    font-size: 30px;
    margin-bottom: 25px;
    color: #cd3c30 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal !important;
    -webkit-box-shadow: 0px 0px #e6e3dc;
    box-shadow: 0px 0px #e6e3dc;
}

noteh3 a {
    color: #cd3c30 !important;
    text-decoration: none !important;
}

noteh3 a:hover {
    color: #cd3c30 !important;
    text-decoration: none !important;
}

noteh4 {
    font-size: 16px;
    margin-bottom: 18px;
    color: #cd3c30 !important;
    text-decoration: none !important;
    text-transform: none;
    font-weight: none;
    font-style: normal !important;
}

noteh4 a {
    color: #cd3c30 !important;
}

noteh4 a:hover {
    color: #cd3c30 !important;
    text-decoration: none !important;
}

noteh5 {
    font-size: 14px;
    margin-bottom: 16px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: none;
    font-weight: none;
    font-style: normal !important;
}

noteh5 a {
    color: #072450 !important;
    text-decoration: none !important;
}

noteh5 a:hover {
    color: #072450 !important;
    text-decoration: none !important;
}

noteh6 {
    font-size: 16px;
    margin-bottom: 19px;
    color: #072450 !important;
    text-decoration: none !important;
    text-transform: none;
    font-weight: none;
    font-style: bold !important;
    text-align: center !important;
}

noteh6 a {
    color: #072450 !important;
    text-decoration: none !important;
}

noteh6 a:hover {
    color: #072450 !important;
    text-decoration: none !important;
}


#typography h4 {
    font-size: 18px;
}

.spacer-1 {
    width: 100%;
    background: url(../images/pic-1.gif) 217px 0 repeat-y;
}

.spacer-2 {
    width: 100%;
    background: url(../images/pic-1.gif) 460px 0 repeat-y;
}

.scroll {
    overflow: auto;
    height: 180px;
    position: relative;
}

.scroll .padding-right {
    height: 1%;
    padding-right: 50px;
}

.md-line-height {
    line-height: 1.8em;
}

.border-bot {
    width: 100%;
    height: 0;
    border-bottom: 1px solid #dadbdc;
}

.border-bot2 {
    width: 100%;
    padding-bottom: 10px;
    background: url(../images/pics-x.gif) 0 bottom repeat-x;
}

.box-404 {
    padding-left: 37px;
}

blockquote {
    background: url(../images/quote.gif) no-repeat 0 0;
    display: inline-block;
    padding-left: 30px;
}

.box-404 h1 {
    color: #cc3b2f;
    font-style: normal;
    font-size: 34px;
    padding-bottom: 4px;
}

.box-404 h4 {
    font-style: normal;
    font-weight: bold
}

.box {
    width: 100%;
    font-size: 12px;
    line-height: 19px;
    background: #1e1e1e;
}

.box .padding {
    padding: 15px 10px 15px 20px;
}

.box strong {
    color: #fff;
}

.box-1 {
    display: block;
    position: relative;
    font-size: 13px;
    line-height: 21px;
    color: #000;
    background: #e6e6e6;
}

.box-1 .padding {
    padding: 10px;
    position: relative;
    z-index: 3
}

.box-1 h6 {
    color: #000;
    text-transform: uppercase;
}

.box-1 a {
    display: inline-block;
    color: #7e7e7e;
}

.box-1 a:hover {
    color: #fff;
    text-decoration: underline;
}

.box-1 img {
    margin-bottom: 20px;
}

.box-1 {
    position: relative
}

.box-1 .bgr {
    background: #000;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

.boxis {
    float: left;
    width: 210px;
    margin-right: 20px;
}

.boxis3 {
    float: left;
    width: 275px;
    margin-right: 20px;
}

.boxis figure {
    padding-bottom: 3px;
}

.alt h6 {
    color: #fff;
}

.alt a {
    color: #cd3c30;
}

/*************Lightbox image***************/
.lightbox-image {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

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

.lightbox-image span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/magnify.png) no-repeat 50% 50%;
    z-index: 1;
}

.adress .link {
    text-decoration: underline;
    font-style: normal !important;
}

.adress .link:hover {
    text-decoration: none;
    font-style: normal !important;
}

.link:hover {
    text-decoration: underline;
}

.link-1 {
    font-size: 13px;
    line-height: 20px;
    color: #262d35;
    font-weight: bold;
    font-style: italic;
}

.link-1:hover {
    color: #cd3c30;
}

.link-2 {
    color: #072450;
    text-decoration: none;
    text-align: justify;
}

.link-2:hover {
    text-decoration: none;
    text-align: justify;
}

.link-3 {
    font-size: 14px;
    color: #072450;
    text-decoration: none;
    text-align: justify !important;
}

.link-3:hover {
    text-decoration: none;
}

.link-4 {
    color: #836f3d;
    text-decoration: none;
    text-align: justify;
}

.link-4:hover {
    text-decoration: none;
    text-align: justify;
}

.link-5 {
    font-size: 15px;
    text-decoration: underline;
    font-weight: bold;
    font-style: normal !important;
    text-align: justify !important;
}

.link-5:hover {
    text-decoration: underline;
}

.link-6 {
    font-size: 14px;
    color: #072450;
    text-decoration: none;
    font-weight: bold;
    font-style: normal !important;
    text-align: justify !important;
    line-height: 16px;
}

.link-6:hover {
    text-decoration: none;
}

.link-7 {
    font-size: 13px;
    color: #836f3d;
    text-decoration: none;
    text-align: justify !important;
}

.link-7:hover {
    font-size: 13px;
}

.list-1 li {
    font-size: 12px;
    line-height: 18px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1.png) 0 3px no-repeat;
    position: relative;
}

.list-1 li a {
    color: #cc3b2f;
}

.list-1 li a:hover {
    color: #000;
}

.list-1gros li {
    font-size: 15px;
    line-height: 21px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1.png) 0 3px no-repeat;
    position: relative;
}

.list-1gros li a {
    color: #cc3b2f;
}

.list-1gros li a:hover {
    color: #000;
}

.list-1grosor li {
    font-size: 14px;
    line-height: 20px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1.png) 0 3px no-repeat;
    position: relative;
    color: #836f3d !important;
}

.list-2grosor li {
    font-size: 18px;
    line-height: 25px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1.png) 0 3px no-repeat;
    position: relative;
}

.list-1grosor li a {
    color: #cc3b2f;
}

.list-1grosor li a:hover {
    color: #000;
}


.list-1-ol li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    position: relative;
}

.list-1-ol li a {
    color: #cc3b2f;
}

.list-1-ol li a:hover {
    color: #000;
}


.list-1b li {
    font-size: 12px;
    line-height: 18px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1b.png) 0 3px no-repeat;
    position: relative;
}

.list-1b li a {
    color: #cc3b2f;
}

.list-1b li a:hover {
    color: #000;
}


.list-1bgros li {
    font-size: 15px;
    line-height: 21px;
    padding-left: 23px;
    margin-bottom: 12px;
    background: url(../images/marker-1b.png) 0 3px no-repeat;
    position: relative;
}

.list-1bgros li a {
    color: #cc3b2f;
}

.list-1bgros li a:hover {
    color: #000;
}


.list-1b-ol li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    position: relative;
}

.list-1b-ol li a {
    color: #cc3b2f;
}

.list-1b-ol li a:hover {
    color: #000;
}


.list-2 {
    padding: 15px 0;
    background: #1e1e1e;
}

.list-2 li {
    font-size: 15px;
    line-height: 39px;
    border-bottom: 1px solid #4d4d4d;
    position: relative;
    font-weight: bold;
    vertical-align: top;
}

.list-2 li a {
    display: block;
    color: #fff;
    height: 39px;
    padding: 0 30px;
    text-decoration: none;
    overflow: hidden;
    position: relative;
    background: #1e1e1e;
}

.list-2 li a:hover {
    color: #000;
    background: #fff;
}

.list-2 li.last-item {
    border: 0;
}


.list-3 li {
    font-size: 12px;
    line-height: 18px;
    padding-left: 23px;
    margin-bottom: 0px;
    background: url(../images/marker-1.png) 0 3px no-repeat;
    position: relative;
}

.list-3 li a {
    color: #cc3b2f;
}

.list-3 li a:hover {
    color: #000;
}

.list-3-ol li {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 12px;
    position: relative;
}

.list-3-ol li a {
    color: #cc3b2f;
}

.list-3-ol li a:hover {
    color: #000;
}


.button {
    display: inline-block;
    height: 37px;
    padding: 0 23px;
    font-size: 15px;
    line-height: 37px;
    color: #fff;
    font-weight: bold;
    font-style: italic;
    cursor: pointer;
    background: #cd3c30;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-background-clip: padding-box;
    position: relative;
}

#contact-form .button {
    width: 83px;
    text-align: center;
    padding: 0
}

#page-404 .button {
    padding: 0 17px;
}

.button:hover {
    background: #000;
}

.button-1 {
    display: inline-block;
    height: 37px;
    padding: 0 17px;
    font-size: 10px;
    line-height: 37px;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
    background: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: relative;
}

.date {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    padding: 5px 0 4px;
    margin-bottom: 5px;
    text-transform: uppercase;
    background: #cd3c30;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -webkit-background-clip: padding-box;
    position: relative;
    width: 88px;
    text-align: center;
}

.date:hover {
    background: #836f3d;
}

.map iframe {
    width: 340px;
    height: 204px;
}

dl span {
    float: left;
    width: 87px;
}

dl dt {
    font-size: 14px;
    line-height: 16px;
    color: #666b71;
    font-style: italic;

    padding-bottom: 6px;
    font-weight: bold;
}

figure figcaption {
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 3px 0;
    background: #1f1f1f;
    font-weight: bold;
}

/******************** Footer ******************/
footer {
    width: 100%;
    padding: 6px 0;
    font-size: 12px;
    line-height: 30px;
    color: #ffffff;
    background: #072450;
}

footer a {
    color: #fff;
}

footer a:hover {
    color: #000;
}

/* Left & Right alignment */
/*
blockquote {
	display:block;
	margin:0 0px 0px 0px;
	text-indent:30px;
	quotes:none;
}

.border-left {border-left:1px solid #d6d6d6;}
.quotes {padding:20px 20px 26px 20px; background:url(../images/quotes.png) 3px 12px no-repeat;} 
blockquote h3 {font-size:26px; line-height:1.2em; color:#272320; text-transform:uppercase; padding-left:10px; letter-spacing:1px; margin-bottom:18px;}
blockquote h6 {font-size:12px; color:#cd3c30; text-transform:uppercase; margin-bottom:6px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
blockquote.left {border-right:1px solid #d6d6d6; width:36%; float:left; margin-right:20px; padding:20px 15px 20px 0px; background:none;}
blockquote.right {border-left:1px solid #d6d6d6; width:36%; float:right; margin-left:20px; padding:20px 0px 20px 15px; background:none;}

*/
ins {
    background-color: #cd3c30;
    color: #fff;
    padding: 0 5px;
    text-decoration: none;
}

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 #696969;
    cursor: help;
}

em, dfn {
    font-style: normal
}

dfn {
    color: #1f1f1f;
    letter-spacing: 2px;
    font-style: italic
}

sup {
    font-size: 10px;
    color: #1f1f1f;
    vertical-align: super;
    font-size: smaller;
}

sub {
    font-size: 10px;
    vertical-align: bottom;
    color: #1f1f1f;
}

.elements-list small {

}

kbd, samp {
    font-family: "Courier New", Courier, monospace;

}

.elements-list strong, .elements-list b {
    color: #1f1f1f
}

.elements-list big {
    font-size: 12px;
    color: #1f1f1f;
    font-weight: bold
}

.elements-list cite {
    font-style: normal;
    color: #1f1f1f;
}

.elements-list q {

    color: #696969;
    font-family: "Courier New", Courier, monospace;
}

.text-bot {
    text-align: center;
}

abbr, acronym {
    border-bottom: 1px dashed #696969;
    color: #696969;
    text-transform: uppercase;
}

address {
    margin: 0 0 1.5em;
    font-style: italic;
}

del {
    color: #666;
}

pre, code, tt {
    font: 1em 'andale mono', 'lucida console', monospace;
    line-height: 1.5;
    display: block;
}

code {
    background-color: #f6f6f6;
    display: block;
    color: #333;
    padding: 3px 2px 3px 5px;
    line-height: 1.67em;
    border: 1px dotted #333;
}

pre {
    white-space: pre;
}

/* Custom select color */
/*
::selection {
	background: #bbb;
	color:#fff;					 
	}
::-moz-selection {
	background: #bbb; 
	color:#fff;
	}
*/

/* Unordered list style
---------------------------------------- */

/* List1 */
/*
ul.list1 { padding-bottom:15px;}
	ul.list1 li { 
		background:url(../images/marker1.gif) no-repeat 0 2px;
		padding:0 0 9px 24px;
		font-size:14px;
		position:relative;
		zoom:1;
		}
		ul.list1 li a {
			color:#352b2a;
			}
			ul.list1 li ul {
				padding:9px 0 0 0; 
				margin-bottom:-10px;
				}


/* Layouts navigation */

.layouts-nav {
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px !important;
}

.layouts-nav li {
    float: left;
    margin-right: 20px;
    background: none !important;
    padding: 0 !important;
}

.layouts-nav li a {
    float: left;
    background: #cd3c30;
    padding: 2px 10px;
    color: #fff;
    text-decoration: none;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
}

.layouts-nav li a:hover {
    background: #aaa;
    color: #000;
}

/* Ordered list style */
ol li {
    list-style: decimal inside;
    margin: 0 0 7px;
    color: #000;
}

ol li a {
    color: #000;
    text-decoration: none;
}

ol li a:hover {
    text-decoration: underline;
}

/* Definition list style */
/*
dl dt { 
	font-weight:bold;
	font-size:1em;
	color:#33d0ff;
	}
dl dd {
	margin-bottom:1.5em;
	 padding-left:50px;
	}

	dl.def-list { padding-bottom:5px;}
	
	dl.def-list dt {
		font-size:13px;
		color:#fff;
		width:100%;
		overflow:hidden;
		margin-bottom:1em;
		position:relative;
		z-index:0;
		}
		dl.def-list dt span {
			float:left;
			height:31px;
			line-height:31px;
			padding:0 14px;
			background:#19b6c5;
			border-radius:20px;
			-moz-border-radius:20px;
			-webkit-border-radius:20px;
			
			}
		dl.def-list dd {margin-bottom:2em;}
*/

/* Table styling */

table thead th {
    text-align: left;
    font-size: 12px;
    background: #cd3c30;
    padding: 6px 0px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
}

table tbody td {
    width: 125px;
    text-align: center;
    padding: 6px 0px 5px;
    background: #e6e3dc;
    color: #696969;
    border: 1px solid #fff;
}

table tr:hover td {
    background-color: #e6e3dc;
    color: #cd3c30;
    text-decoration: none;
    background-image: url(../images/spacer.gif);
}

/*  Dropcaps style */
/*
.dropcap_1 {
	font-size:39px;
	width:36px;
	line-height:1em;
	color:#272320;
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
}
.dropcap_2 {
	font-size:39px;
	background:url(../images/dropcap.png) no-repeat 50% 0;
	text-align:center;
	width:52px;
	line-height:52px;
	color:#fff;
	display:block;
	float:left;
	margin-right:8px;
	font-weight:bold;
	}
.dropcap_3 {
	font-size:39px;
	width:40px;
	line-height:1em;
	color:#333;
	display:block;
	float:left;
	font-weight:bold;
	text-shadow:2px 2px 1px #ccc;
	}


/*  Horizontal divider *//*
.top1{background:url(../images/top.gif) 0 60% no-repeat;padding:0 0 0px 16px; cursor:pointer;text-decoration:none;color:#7e7e7e;display:inline-block;font-size:11px;text-transform:uppercase;}
.top1:hover{color:#cd3c30;}
*/
.hr {
    position: relative;
    padding: 55px 0 35px 0;
    border: none;
    background: url(../images/hr.gif) 0 50% repeat-x;
    height: 2px;
    overflow: hidden;
    font-size: 11px;
    margin: 0;
}

.hr a {
    position: absolute;
    right: 0;
    top: 25px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    background: url(../images/top.gif) no-repeat 0 8px;
    padding-left: 13px;
    color: #000;
}

.hr a:hover {
    color: #cc3b2f;
}

/* Blocks and Boxes style
---------------------------------------- */
.content-box {
    background: #eae9e7;
    border: 4px solid #fff;
    padding: 25px 0 25px 10px;
}


/* Information box */
.info-box {
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #e1f2fc;
    position: relative;
    height: 1%;
}

.info-box p.icon {
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Download box */
.download-box {
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #eeffdd;
    position: relative;
    height: 1%;
}

.download-box p.icon {
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Notification box */
.notification-box {
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #fef7e0;
    position: relative;
    height: 1%;
}

.notification-box p.icon {
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Error message box */
.error-box {
    padding: 20px 30px 20px 110px;
    color: #767676;
    margin-bottom: 20px;
    background: #ffeded;
    position: relative;
    height: 1%;
}

.error-box p.icon {
    position: absolute;
    left: 34px;
    top: 16px;
    margin: 0;
}

/* Main banner
---------------------------------------- */
/*
.main-banner {
	height:372px;
	overflow:hidden;
	margin-bottom:5px;
	background:#666;
	position:relative;
	}




/* Pages
---------------------------------------- */

/* 404 page */
.error_page {
    padding: 0 0 85px 0;
    min-height: 500px;
    text-align: center;
}

.error_page h2 {
    font-size: 90px;
    line-height: 1.2em;
    font-weight: 700;
    margin: -20px 0 0 0;
    letter-spacing: -2px;
}

.error_page h3 {
    font-size: 40px;
    line-height: 1.2em;
    margin: 0 0 1em 0;
    color: #fbb91f;
}

/* Under Construction page =====*/
#constuction-box {
    width: 800px;
    height: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -400px;
    margin-top: -250px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #ccc;
    box-shadow: 0 0 10px #d0d4db;
    -moz-box-shadow: 0 0 10px #d0d4db;
    -webkit-box-shadow: 0 0 10px #d0d4db;
    text-align: center;
}

#constuction-box .inside {
    padding: 40px 40px 40px 40px;
}

#constuction-box .button {
    position: relative;
}

#constuction-box h1 {
    font-weight: 700;
    text-align: center;
    font-size: 4em;
    margin-bottom: .2em;
    line-height: 1.2em;
    letter-spacing: 2px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

#constuction-box h1 span {
    text-transform: uppercase;
    color: #cd3c30;
    display: block;
    margin-bottom: -15px;
}

/* Countdown */

#countdown_dashboard {
    height: 110px;
    padding: 30px 0 40px 0;
    width: 650px;
    margin: 0 auto;
    position: relative;
}

.dash {
    width: 110px;
    height: 114px;
    background: transparent url('../images/dash.png') 0 0 no-repeat;
    float: left;
    margin-left: 20px;
    position: relative;
}

.dash .digit {
    font-size: 75px;
    line-height: 85px;
    font-weight: bold;
    float: left;
    width: 55px;
    text-align: center;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #555;
    position: relative;
}

.dash .digit .bottom {
    font-size: 75px;
    line-height: 85px;
}

.dash_title {
    position: absolute;
    display: block;
    bottom: 0px;
    left: 0;
    font-size: 12px;
    color: #555;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 110px;
}

.dev_comment {
    font-size: 14pt;
    color: #777;
    text-align: center;
    font-style: italic;
    margin: 40px 10px;
}

#subscribe_form {
    position: relative;
}

#email_field {
    font-size: 16pt;
    padding: 6px 10px;
    width: 300px;
}

#subscribe_button {
    font-size: 14pt;
    color: #333;
    padding: 4px 8px;
}

.copyright {
    font-size: 9pt;
    color: #333;
    margin: 40px 0px;
}

.faded {
    color: #999;
}

.form_message {
    width: 400px;
    padding: 10px;
    margin: 15px auto;
    display: none;
}

#error_message {
    background-color: #ffe;
    border-left: 5px solid #bb3;
    border-right: 5px solid #bb3;
    color: #770;
}

#info_message {
    background-color: #f0f9ff;
    border: 1px solid #eef;
}

#loading {
    text-align: center;
    margin: 10px;
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
}

/* Intro page */
#intro-box {
    width: 600px;
    height: 400px;
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
    background: #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #ccc;
    box-shadow: 0 0 10px #d0d4db;
    -moz-box-shadow: 0 0 10px #d0d4db;
    -webkit-box-shadow: 0 0 10px #d0d4db;
    text-align: center;
    float: left;
}

#intro-box .inside {
    padding: 40px 40px 40px 40px;
}

#intro-box h1 {
    font-weight: 700;
    text-align: center;
    font-size: 4em;
    margin-bottom: .2em;
    line-height: 1.2em;
    position: absolute;
    left: 0;
    top: -90px;
    text-align: center;
    width: 600px;
    overflow: hidden;
    height: 100px;
}

#intro-box h1 span {
    text-transform: uppercase;
    color: #1fb7c4;
    display: block;
    margin-bottom: -15px;
}

#intro-box .button {
    position: absolute;
    right: 30px;
    bottom: 20px;
    float: right;
    white-space: nowrap;
}

.intro-buttons {
    width: 500px;
    padding: 0 50px;
    position: absolute;
    left: 0;
    bottom: 50px;
}

#flash-intro {
    margin-bottom: 20px;
    position: absolute;
    left: 23px;
    top: 20px;
}

/* Content
---------------------------------------- */

/* Pagination */
/*
.pagination {
	display:block;
	width:100%;
	overflow:hidden;
	}
	.pagination a {
		float:left;
		font-size:11px;
		color:#000;
		text-decoration:none;
		text-transform:uppercase;
		line-height:31px;
		padding-left:14px;
		}
	.pagination a:hover {
		text-decoration:underline;
		}
		.pagination ul {
			float:left;
			padding:0 3px 0 18px;
			}
			.pagination ul li {
				float:left;
				padding-left:1px;
				margin-right:1px;
				padding:0 0 0 0 !important;
				background:none !important;
				}
			.pagination ul li span {
				width:31px;
				float:left;
				text-align:center;
				color:#000;
				}
				.pagination ul li a {
					font-size:15px;
					color:#000;
					text-decoration:none;
					width:31px;
					line-height:31px;
					height:31px;
					text-align:center;
					background:#e9e9e9;
					padding:0;
					}
				.pagination ul li a:hover {
					background:#19b6c5;
					text-decoration:none;
					color:#fff;
					}


/* Other */
/*
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:20px;
	}
	.img-box img.fleft {
		float:left;
		margin-right:15px;
	}
	
*/

/* SlideDown element */
.slideDown {
    padding: 0 1px 0 0
}

.slideDown dt {
    background-color: #20252c;
    background-image: url(../images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    color: #737983;
    padding: 9px 0 9px 21px;
    margin-bottom: 4px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: 10px
}

.slideDown dt:hover, .slideDown dt.active {
    background-color: #cd3c30;
    color: #fff;
    text-shadow: 0 0 5px #fff
}

.slideDown dt.active {
    background-image: url(../images/arrow2.gif)
}

.slideDown dd {
    display: none;
    padding: 10px 20px 20px 20px;
}

#block dd {
    display: block
}

.slideDown.absolute dd {
    position: absolute;
    z-index: 999;
    background: #fff;
}

/* Accordion */
dl#accordion {
    list-style-type: none;
    margin: 0;
    padding: 0 2px 0 0;
    height: auto !important
}

dl#accordion .indent {
    padding-top: 7px !important;
    padding-bottom: 5px !important
}

dl#accordion a {
    display: block;
    text-decoration: none
}

dl#accordion dt {
    margin: 0px
}

dl#accordion dt a {
    background-color: #20252c;
    background-image: url(../images/arrow1.gif);
    background-repeat: no-repeat;
    background-position: 100% 16px;
    color: #737983;
    padding: 9px 0 9px 21px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    font-size: 12px
}

dl#accordion dt a:hover {
    background-color: #cd3c30;
    color: #fff
}

dl#accordion dt.active a {
    background-color: #cd3c30;
    background-image: url(../images/arrow2.gif);
    color: #fff
}

dl#accordion dd {
    display: none;
    margin-bottom: 0;
    padding-left: 0
}

dl#accordion dd .indent {
    padding: 5px 30px 14px 20px !important
}

dl#accordion dd a {
    display: inline;
    background: none;
    padding: 0;
    width: auto;
}

dl#accordion dd a:hover {
    text-decoration: none;
    background: none
}

/*		dl#accordion dd .list-1  li{list-style:none;line-height:30px!important;padding-left:12px;}
		.list-1 li a{font-size:12px !important;line-height:30px!important}



/********dialog********/
.disable_masking {
    width: 400px;
    z-index: 6001;
    position: absolute;
    top: -310px;
    background: #eee;
    padding: 40px;
    box-shadow: 0 0 10px 10px #000;
    -moz-box-shadow: 0 0 10px 10px #000;
    -webkit-box-shadow: 0 0 10px 10px #000;
}

.closebutton, .myclosebutton {
    display: block;
    position: absolute;
    right: -15px;
    cursor: pointer;
    top: -15px;
    background: #fff;
    padding: 4px 5px 4px 5px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

.disable_masking h1 {
    color: #000;
}

.data {
    font-size: 12px;
    text-align: justify;
}

.viewsiurce {
    background-color: #F0F0F0;
    border: 2px dashed #000;
    padding: 20px;
    color: #006633;
    font-size: 15px;
    font-size: 12px;
}

/* Tooltips */
#aToolTip {
    border: 1px solid #000;
    background: #cd3c30;
    color: #000;
    margin: 0;
    padding: 2px 8px;
    font-size: 11px;
    position: absolute;
    display: none;
    z-index: 50000
}

#aToolTip .aToolTipContent {
    position: relative;
    margin: 0;
    padding: 0
}

a#aToolTipCloseBtn {
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(../images/close.gif) no-repeat;
    text-indent: -9999px;
    outline: none;
    position: absolute;
    top: -15px;
    right: -20px
}

/* Elements list */
.elements-list li {
    background: none !important;
    padding: 0 0 0px 0 !important;
    position: relative;
    line-height: 28px;
}

.elements-list li code {
    position: absolute;
    right: 0;
    top: -3px;
    padding: 2px 3px 1px 3px;
    border: 1px dotted #333;
}

/* Tabs */
.tabs {
    padding: 10px 0
}

.tabs ol {
    list-style-type: decimal;
    margin: 0 0 0 5px
}

.tabs ol li {
    display: list-item;
    float: none;
    padding-bottom: 5px !important;
    font-size: 12px;
    color: #6b6a6a
}

.tabs ul {
    list-style: none;
    padding: 0 0 0 0 !important;
    height: 33px;
}

.tabs li {
    display: block;
    float: left;
    margin: 0 5px 5px 0;
    background: none;
    padding: 0 0 0 0 !important
}

.tabs .selected {
    margin-bottom: 0px;
    position: relative
}

.tabs .selected a {
    background: #bbb;
    color: #000;
    padding-bottom: 10px
}

.tabs li a:hover {
    background: #bbb;
    color: #000
}

.tabs li a {
    background: #000;
    color: #fff;
    display: block;
    padding: 5px 10px;
    text-decoration: none
}

.tabs .tab-content {
    background: #bbb;
    clear: both;
    width: auto;
    overflow: auto
}

.tabs .tab-content .inner {
    padding: 10px
}

.tabs p {
    margin-bottom: 5px
}

.tabs .tab-content strong {
    color: #000
}

.tabs code {
    overflow: auto
}

* + html .tabs code {
    overflow: visible
}

/* Twitter */
#twitter p {
    margin: 0;
}

#twitter h2 {
    margin: 0 0 5px 0;
    padding: .5em 1em;
    font-size: 1.5em;
    color: #fff;
    background-color: #888;
    letter-spacing: 0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px
}

#preloader {
    margin: 0;
    padding: 1em 1em 1em 3em;
    text-indent: 10px;
    background: transparent url(../images/loader.gif) 1em center no-repeat
}

ul#twitter_update_list {
    margin: 0;
    padding: 0 0 0.5em 0;
    list-style-type: none
}

ul#twitter_update_list li {
    margin: 0;
    padding: 0.8em 0.5em 1em 1em !important;
    background: #f0f0f0;
    margin-bottom: 7px
}

ul#twitter_update_list li:hover {
    background-color: #ccc;
    color: #fff
}

ul#twitter_update_list li:hover a {
    color: #000
}

ul#twitter_update_list li a {
    color: #000
}

ul#twitter_update_list li span {
    display: block
}

ul#twitter_update_list li span a {
    color: #000
}

ul#twitter_update_list li.lastTweet {
    border-bottom: none
}

a#profileLink {
    display: block;
    padding: 0.3em 1em;
    color: #fff;
    background-color: #000
}

/*region Code grabber*/
.code {
    padding: 30px 0 10px 0
}

.code a.code-icon {
    margin-bottom: 10px
}

.code a.code-icon i {
    padding-right: 6px;
    font-style: normal
}

.code div.grabber {
    display: none
}

.code code {
    padding: 0 10px 0 10px;
    background: #f6f6f6;
    color: #333;
    border: 1px solid #dfdfdf;
    white-space: pre;
    overflow: auto
}

.linkbleu {
    color: #072450;
}

.tableauimp {
    text-align: center;
    padding-top: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    padding-right: 40px;
    font-size: 16px;
}

.tableauimpbordure {
    border: #cd3c30 solid 3px;
}

.tableauimpbleu {
    background-color: #e6e3dc !important;
    text-align: center;
    padding-top: 40px;
    padding-left: 80px;
    padding-bottom: 40px;
    border: 4px solid #072450;
    padding-right: 40px;
    font-size: 16px;
    line-height: 20px;
    color: #cd3c30 !important;
    text-transform: none;
    text-decoration: none !important;
}

/*endregion*/

/*region MediaQuaries*/
@media (max-width: 600px) {
    #profile-image {
        width: 250px !important;
    }
}

@media (min-width: 601px) and (max-width: 824px) {
    #profile-image {
        width: 300px !important;
    }
}

@media (min-width: 825px) and (max-width: 1024px) {
    #profile-image {
        width: 400px !important;
    }
}

#profile-image {
    width: 500px;
    height: auto;
}

/*endregion*/