/* Personnalisation des styles par BLSOL inc. */
/* http://www.blsol.com */

/* Vert : #09221C */
/* Brun : #815824 */
/* Gris : #96A19B */
/* Noir : #000000 */

/* -------------------------------------------------------------
    Background
------------------------------------------------------------- */
.pagesurround-type-custompagesurround #rt-page-surround {
    background-image: url("../images/bg_encadrementsmarcel.jpg");
    background-repeat: no-repeat;
    background-position: top center;
}
#rt-main {
    background-color: #09221C;
    color: #FFFFFF;
}

/* -------------------------------------------------------------
    Logo
------------------------------------------------------------- */
.rt-logo-block {
    padding: 10px 0;
}
.logo-type-preset6 #rt-logo {
    background: url("../images/img_logo.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 75px !important;
    width: 260px !important;
}
#rt-header .rt-grid-3, #rt-header .rt-grid-4 {
    width: 300px;
}
/* .logo-type-preset6 #rt-logo {
    background: url("../images/img_logo_small.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 53px;
    width: 182px;
} */

/* -------------------------------------------------------------
    Menu
------------------------------------------------------------- */
.gf-menu.l1 > li > .item {
    height: 93px;
    padding: 0 3px;
}
header #rt-header ul.gf-menu li div.dropdown {
    background-color: #09221C;
}
.gf-menu li.parent > .item:after {
    right: 20px;
}
/* .gf-menu.l1 > li > .item {
    padding: 0 6px;
    font-size: 13px;
}
.menu-item-bg {
    padding: 5px 6px;
} */

/* -------------------------------------------------------------
    Titres & Typographie
------------------------------------------------------------- */
#rt-mainbody div.page-header h2 {
    font-size: 30px;
    margin-top: 0;
}
#rt-mainbody div.page-header h2 a {
    color: #815824;
}
#rt-showcase div.module-title h2.title {
    color: #ffffff;
}

/* -------------------------------------------------------------
    Liens
------------------------------------------------------------- */
a {
    color: #815824;
}
#rt-footer a {
    color: #452F13;
}
    #rt-footer a:hover {
        color: #000000;
    }

/* -------------------------------------------------------------
    Slider
------------------------------------------------------------- */
.sprocket-tabs .sprocket-tabs-panels {
    background: none repeat scroll 0 0 #000000 !important;
}
#rt-showcase .readon:hover {
    background-color: #09221C !important;
    color: #ffffff !important;
}
/*.sprocket-tabs-panels .rt-text-large,
.sprocket-tabs-panels .rt-title-tag {
    background: rgba(0, 0, 0); /* Fall-back for browsers that don't support rgba
    background: rgba(0, 0, 0, .5);
}*/
/*.fp-roksprocket-tabs-showcase .sprocket-tabs-desc {
    width: 60%;
}*/

/* -------------------------------------------------------------
    Showcases pour les sections
------------------------------------------------------------- */
#rt-showcase .rt-container {
    background: url("../../../images/showcase/img_showcase_fabrication.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    background-color: #09221C;
    color: #815824;
}

/* -------------------------------------------------------------
    DIV
------------------------------------------------------------- */
.droit {
    float: right;
    width: 48%;
}
.gauche {
    float: left;
    width: 48%;
}
.oeuvre-droit {
    float: right;
    margin-bottom: 45px;
}
.oeuvre-gauche {
    float: left;
    width: 30%;
    margin-bottom: 20px;
}

/* -------------------------------------------------------------
    Formulaire
------------------------------------------------------------- */
.foxcontainercontactform textarea {
    height: 250px;
    width: 550px;
}
.foxcontainercontactform input,.foxcontainercontactform input[type="text"],.foxcontainercontactform input[type="password"],.foxcontainercontactform input[type="datetime"],.foxcontainercontactform input[type="datetime-local"],.foxcontainercontactform input[type="date"],.foxcontainercontactform input[type="month"],.foxcontainercontactform input[type="time"],.foxcontainercontactform input[type="week"],.foxcontainercontactform input[type="number"],.foxcontainercontactform input[type="email"],.foxcontainercontactform input[type="url"],.foxcontainercontactform input[type="search"],.foxcontainercontactform input[type="tel"],.foxcontainercontactform input[type="color"] {
    width: 550px;
}
.foxcontainerjobform textarea {
    height: 350px;
    width: 750px;
}
.foxcontainerjobform input,.foxcontainerjobform input[type="text"],.foxcontainerjobform input[type="password"],.foxcontainerjobform input[type="datetime"],.foxcontainerjobform input[type="datetime-local"],.foxcontainerjobform input[type="date"],.foxcontainerjobform input[type="month"],.foxcontainerjobform input[type="time"],.foxcontainerjobform input[type="week"],.foxcontainerjobform input[type="number"],.foxcontainerjobform input[type="email"],.foxcontainerjobform input[type="url"],.foxcontainerjobform input[type="search"],.foxcontainerjobform input[type="tel"],.foxcontainerjobform input[type="color"] {
    width: 750px;
}
/* Largeur du formulaire dans les collections */
/*#rt-mainbody div.item-page div.moduletable div.foxcontainer form.fox_form div.control-group div.controls input,
#rt-mainbody div.item-page div.moduletable div.foxcontainer form.fox_form div.control-group div.controls textarea {
    width: 90% !important;
}*/
div.moduletablecontactform div.foxcontainercontactform,
div.moduletablejobform div.foxcontainerjobform,
div.foxcontainer {
    padding: 0 !important;
}
div#foxcontainer_m182 .fox_form input[type="text"]:hover, div#foxcontainer_m182 .fox_form textarea:hover, div#foxcontainer_m182 .fox_form input[type="text"]:focus, div#foxcontainer_m182 .fox_form textarea:focus,
div#foxcontainer_m200 .fox_form input[type="text"]:hover, div#foxcontainer_m200 .fox_form textarea:hover, div#foxcontainer_m200 .fox_form input[type="text"]:focus, div#foxcontainer_m200 .fox_form textarea:focus,
div#foxcontainer_m183 .fox_form input[type="text"]:hover, div#foxcontainer_m183 .fox_form textarea:hover, div#foxcontainer_m183 .fox_form input[type="text"]:focus, div#foxcontainer_m183 .fox_form textarea:focus,
div#foxcontainer_m203 .fox_form input[type="text"]:hover, div#foxcontainer_m203 .fox_form textarea:hover, div#foxcontainer_m203 .fox_form input[type="text"]:focus, div#foxcontainer_m203 .fox_form textarea:focus {
    background-color: #DBB37F;
}

/* -------------------------------------------------------------
    Boutons
------------------------------------------------------------- */
.btn-success {
    background-color: #09221C;
    background-image: linear-gradient(to bottom, #09221C, #815824);
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    background-color: #815824;
}

/* -------------------------------------------------------------
    Infolettre
------------------------------------------------------------- */
[class*="demostyle-type-preset1"] .button, [class*="demostyle-type-preset1"] .readon, [class*="demostyle-type-preset1"] .readon2, [class*="demostyle-type-preset1"] .readon3, [class*="demostyle-type-preset1"] a.readmore, [class*="demostyle-type-preset1"] button.validate, [class*="demostyle-type-preset1"] p.readmore a, [class*="demostyle-type-preset1"] #member-profile a, [class*="demostyle-type-preset1"] #member-registration a, [class*="demostyle-type-preset1"] .formelm-buttons button, [class*="demostyle-type-preset1"] .logout-button .btn, [class*="demostyle-type-preset1"] #gantry-totop, [class*="demostyle-type-preset1"] .sprocket-readmore, [class*="demostyle-type-preset1"] .roksearch_results a.clr {
    background-color: #09221C;
    color: #FFFFFF;
}
[class*="demostyle-type-preset1"] .button:hover, [class*="demostyle-type-preset1"] .readon:hover, [class*="demostyle-type-preset1"] .readon2:hover, [class*="demostyle-type-preset1"] .readon3:hover, [class*="demostyle-type-preset1"] a.readmore:hover, [class*="demostyle-type-preset1"] button.validate:hover, [class*="demostyle-type-preset1"] p.readmore a:hover, [class*="demostyle-type-preset1"] #member-profile a:hover, [class*="demostyle-type-preset1"] #member-registration a:hover, [class*="demostyle-type-preset1"] .formelm-buttons button:hover, [class*="demostyle-type-preset1"] .logout-button .btn:hover, [class*="demostyle-type-preset1"] #gantry-totop:hover, [class*="demostyle-type-preset1"] .sprocket-readmore:hover, [class*="demostyle-type-preset1"] .roksearch_results a.clr:hover {
    background-color: #452F13;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #FFFFFF;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
}
.acymailing_form textarea, .acymailing_form input, .acymailing_form input[type="text"] {
    background-color: #fff;
    color: #000;
}

/* -------------------------------------------------------------
    Responsive
------------------------------------------------------------- */
/* Ordinateur (écran large) */
@media only screen and (min-width: 1200px){
    div#rt-header div.rt-container div.rt-omega div.menu-block {
        float: right;
    }
}
/* iPad (paysage) */
@media only screen and (min-width: 960px) and (max-width: 1199px){
    #rt-header .rt-grid-3 {
        width: 240px;
    }
    .logo-type-preset6 #rt-logo {
        background: url("../images/img_logo_ipad-paysage.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        height: 75px !important;
        width: 240px !important;
    }
    div#rt-header div.rt-container div.rt-omega {
        width: 710px;
    }
    div#rt-header div.rt-container div.rt-omega div.menu-block {
        float: right;
    }
    .menu-item-bg {
        padding: 8px;
    }
    .gf-menu li.parent > .item .menu-item-bg {
        padding: 5px 20px 5px 5px;
    }
    .gf-menu li.parent > .item:after {
        right: 5px;
    }
    .gf-menu.l1 > li > .item {
        font-size: 14px;
    }
}
/* iPad (portrait) */
@media (min-width: 768px) and (max-width: 959px){
    #rt-header .rt-grid-3 {
        width: 192px;
    }
    .logo-type-preset6 #rt-logo {
        background: url("../images/img_logo_ipad-portrait.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
        height: 75px !important;
        width: 192px !important;
    }
    div#rt-header div.rt-container div.rt-omega {
        width: 565px;
    }
    div#rt-header div.rt-container div.rt-omega div.menu-block {
        float: right;
    }
    .menu-item-bg,
    body.layout-mode-responsive .gf-menu.l1 > li.parent > .item .menu-item-bg {
        padding: 5px;
    }
    body.layout-mode-responsive .gf-menu.l1 > li > .item {
        font-size: 12px;
        padding: 0 3px;
    }
    .gf-menu li.parent > .item .menu-item-bg {
        padding: 5px 20px 5px 5px;
    }
    .gf-menu li.parent > .item:after {
        right: 5px;
    }
    .gf-menu.l1 > li > .item {
        font-size: 12px;
    }
    ul.accueil-2 {
        width: 200px;
    }
}
/* iPhone (paysage) */
@media only screen and (min-width: 481px) and (max-width: 767px){
    .layout-mode-responsive .gf-menu-device-container .gf-menu li:hover > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li:focus > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li.active > .item .menu-item-bg {
        color: #815824;
    }
    #rt-header .rt-grid-3 {
        width: 100%;
    }
    div#rt-showcase ul.sprocket-tabs-nav li span.sprocket-tabs-inner span.sprocket-tabs-text {
        line-height: 15px;
    }
    ul.accueil-2 {
        width: 200px;
    }
}
/* iPhone (portrait) */
@media only screen and (max-width: 480px){
    .layout-mode-responsive .gf-menu-device-container .gf-menu li:hover > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li:focus > .item .menu-item-bg, .layout-mode-responsive .gf-menu-device-container .gf-menu li.active > .item .menu-item-bg {
        color: #815824;
    }
    #rt-header .rt-grid-3 {
        width: 100%;
    }
    div#rt-showcase ul.sprocket-tabs-nav li span.sprocket-tabs-inner span.sprocket-tabs-text {
        line-height: 15px;
    }
    ul.accueil-2 {
        width: 200px;
    }
}