/* Minification failed. Returning unminified contents.
(182,32): run-time error CSS1035: Expected colon, found ';'
(182,37): run-time error CSS1035: Expected colon, found '}'
 */
@charset "utf-8";
/*
-- font-family:'Roboto',sans-serif;
*/
* {border:0; margin:0; padding:0}

hmtl,body	{width:100%}
body {background:#1a1a1a; color:#000; font-family:"Roboto",Arial,Helvetica,sans-serif; font-size:16px; height:100%}

a   {color:#000; text-decoration:underline}
a:active,a:focus {outline:none}
a:hover	{color:#777}
a img	{border:none} /* IE */
img     {display:block}
h1,h2,h3	{font-weight:bold;font-weight:700}

h1 {font-size:22px}
h2 {font-size:20px}
h3 {font-size:18px}

.squareTitlesBk,.squareTitlesWh	{background:#7fb036 url(/Images/blackStripes.png) 0 9px repeat-x; float:left; font-size:17px; font-weight:700; padding:90px 5px 0; text-align:right; text-transform:uppercase; width:274px}
.squareTitlesWh	{background-image:url(/Images/whiteStripes.png)}

p {line-height:25px}
p,ul {margin:0 0 1em}


/* Listes setup */
ol li	{list-style:decimal}
ul li	{list-style:none}

.list	{left:-40px; position:relative}
.list li	{background:url(/Images/puces/puce01.gif) 0 5px no-repeat; margin:0 0 2em}

.list a {text-decoration:none}
	.list a:hover {text-decoration:underline}
	
.midList	{float:left; margin:190px 0 0; width:325px}
.midList li	{color:#fff; line-height:1.7em; padding-left:45px}


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


/** Global **/
.bg {background:#1a1a1a; min-width:960px; overflow:hidden; width:100%}

.wrapper {margin:0 auto; padding:0 0 25px; position:relative; width:960px; z-index:10}

/* ---------------- HEADER ------------------ */
.header-container	{width:100%; z-index:60}

.header-container .wrapper {height:576px; padding:0}

.header-container #logo {display:block; float:left; height:112px; margin-top:25px; overflow:hidden; text-indent:-999em; width:230px}
.header-container #logo a	{display:block}

.header-container a {text-decoration:none}

#imgHeader {float:left; height:400px; margin:0 auto; width:960px}
#imgHeader img { width:960px; height:404px;}

/* MENU Principal */
.hmenu	{float:right; margin:0; width:700px; z-index:150}
.hmenu li	{background-image:none; float:right}

.hmenu a	{color:#fff; display:block; font-size:13px; padding:120px 13px 35px; text-decoration:none !important; text-transform:uppercase}
	.hmenu a:hover, .hmenu a.current {background:#7fb036 url(/Images/liHover.gif) 0 0 repeat-x; color:#1a1a1a}
	
	.hmenu a,.hmenu a:hover	{-webkit-transition:all ease 0.1s;transition:all ease 0.1s}

        
/* ---------------- CONTENT ----------------- */
#content	{background:url(/Images/blackStripes.png) 0 9px repeat-x,url(/Images/concrete_seamless.png) center repeat; background-color:#f1f1f1; z-index:40}

.midContent {
    background: #1a1a1a;
    width:100%;
    min-height: 75px
}

#content h1	{margin-bottom:9px}
#content h2,#content h3	{margin-bottom:5px}

.colonnegauche	{float:left; width:285px}
.colonnedroite	{float:right; width:665px}
.colonnemilieu	{background:#ddd; clear:both; float:none; width:100%}
	
/* Contenu général */
.internContent {margin:0 auto; min-height:300px; overflow:hidden; padding:40px 0; width:850px}

#topTxt	{margin-top:145px; padding-bottom:15px}

.divFbBox	{float:right; width:284px}

#fbBox	{background:#fff; float:left; height:500px; margin:40px 0; width:284px}

/* ----- */
.header-container,#content,.bgdFooter {position:relative}


/* ----------------
	NOUS JOINDRE */
.coordonnees  {overflow:hidden}
.coordonnees h2 {font-size:24px; font-weight:700; margin:0 0 30px !important; text-transform:uppercase}
.coordonnees p	{font-size:18px; margin:0 0 1.5em !important}


/* PAGINATION */
.page_navigation {display:block; font-size:18px; margin:10px auto 40px; overflow:hidden; padding:5px 0; text-align:center; width:100%}

.page_navigation a {color:#7FB036; display:inline-block; font-size:24px; font-weight:bold; margin:0 9px 9px; padding:0 0 2px; text-align:center; text-decoration:none; width:20px !important}

.page_navigation a:hover,.page_navigation .active_page	{border-bottom:3px solid #7FB036}

.page_navigation .active_page {cursor:text}

.page_navigation .previous_link,
.page_navigation .next_link	{background:url('../images/lArrow04.png') 0 0 no-repeat; border:none !important; display:inline-block; height:28px; margin-top:2px; text-indent:-999em; width:14px; -webkit-transition:all ease 200ms; transition:all ease 200ms; vertical-align:top}
.page_navigation .next_link	{background:url('../images/rArrow04.png') 0 0 no-repeat}

.page_navigation a:hover.previous_link,
.page_navigation a:hover.next_link {opacity:0.8; filter:alpha(opacity=80); -webkit-transition:all ease 200ms; transition:all ease 200ms}


/* Formulaire Demande de soumission */
.formInfos {margin:0 0 30px !important; position:relative; width:550px}

#required {display:block; margin:0 0 30px !important; width:auto}

.formInfos p	{margin-bottom:10px !important}
.formInfos label {display:block; float:left}
.formInfos input {margin-top:3px}
.formInfos input,.formInfos textarea	{background:#fff; border:1px solid #1a1a1a; font-size:14px !important; padding:5px}

.formInfos	{margin-bottom:30px}
.formInfos label {width:65%}
.formInfos textarea {font-family:inherit; height:130px; margin-top:3px; overflow-y:auto}
.formInfos input,.formInfos textarea	{width:535px}

.formInfos input:hover,.formInfos textarea:hover	{background:#f0f0f0}
.formInfos input:focus,.formInfos textarea:focus	{background:#e3e3e3; color:#1a1a1a}

.dateDue input	{width:358px}

.inputRadio	{margin:10px 0 0}
.inputRadio:first-of-type	{margin:25px 0 0}
.inputRadio p+p	{position:relative; top:-7px}
.inputRadio input[type=radio] {background-color:transparent; border:0; margin:5px 7px 0 0; width:15px !important}
.inputRadio input[type="checkbox"] {background-color:transparent; border:0; margin:5px 7px 0 0; width:15px !important}
.inputRadio label {padding:2px 0 0 !important; margin-right:15px; width:24%}
.inputRadio input[type=radio],.inputRadio label	{display:inline-block; float:left}
.inputRadio input[type="checkbox"],.inputRadio label	{display:inline-block; float:left}

.w4 .labelDim	{clear:left; width:45px}
.w4 .inputDim	{width:175px}
.w4 .labelDim,.w4 .inputDim	{margin-top:10px}

.cabanonDimensions	{margin:15px 0}
.cabanonDimensions p	{margin-bottom:15px !important; width:50%}
.cabanonDimensions p:first-child	{float:none; margin-bottom:5px !important; width:100% !important}
.cabanonDimensions label	{margin-top:4px; width:40%}
.cabanonDimensions input	{text-align:center; width:30px}

.dist	{margin:25px 0}
.dist label	{width:230px}
.dist input	{text-align:center; width:50px}

.eror {color:#f00; display:block; float:right; font-size:12px; margin-right:5px}
.cabanonDimensions .eror	{margin:5px 0 0}

#btnSubmit	{background:#fff; color:#000; float:right; font-weight:bold; margin-right:3px; padding:9px; width:158px}
	#btnSubmit:hover	{background:#000; color:#fff; cursor:pointer}

/* ---------------- FOOTER ------------------ */
.bgdFooter	{background:#e6e6e6 url(/Images/blackStripes.png) 0 9px repeat-x; width:100%; z-index:50}

.footerContent {color:#1a1a1a; height:260px; margin:0 auto; position:relative; width:960px}

.socialMeds	{float:right; width;auto}
.socialMeds li	{float:right; margin-left:45px}
.socialMeds a	{background:#7fb036 url(/Images/blackStripes.png) 0 9px repeat-x; display:block; height:25px; padding:35px 0 15px; text-indent:-999em; width:60px}
.socialMeds a:hover	{background-color:#8A8D96}
.socialMeds a img	{margin:0 auto; width:auto}

.divInfos	{clear:both; float:left; margin:30px 0 0 255px; overflow:hidden; width:680px}
.divInfos p	{float:left; font-weight:700; padding-left:45px; width:260px}
.divInfos a	{color:#1a1a1a !important; text-decoration:none}
.divInfos a:hover	{text-decoration:underline}

#pointer	{background:url(/Images/pointer-ico.gif) 0 3px no-repeat}
#ftrInfos	{background:url(/Images/infos-ico.gif) 0 5px no-repeat}

p.copyrights  {background:#1a1a1a; color:#808080; font-size:12px; margin:0 !important; padding:5px 0; text-align:center; width:100%}


/* Ajustements */
.clear		{clear:both}
.displayNone	{display:none}
.underline	{text-decoration:underline}
.uppercase	{text-transform:uppercase}
.visibilityHidden	{visibility:hidden}

/* lien de la même couleur que le texte du contenant */
a.invisible			{color:inherit; cursor:pointer; text-decoration:none}
a.invisible:hover	{text-decoration:underline}

/* xtras */
.lfloat	{float:left}
.rfloat	{float:right}

.transition,.transition:hover,.transition a,.transition a:hover,.transition a img,.transition a:hover img,.transition input,.transition input:hover,.transition textarea,.transition textarea:hover {
	-webkit-transition:all ease 0.25s;transition:all ease 0.25s}

/* CLEAR FIX  */
.clearfix:before,
.clearfix:after	{content:" ";display:block}
.clearfix:after	{clear:both}
.clearfix	{*zoom:1}

.navbar-toggler {
    display:none;
}
.checkbox-div {
    display:block;
}

.inputRadio label.structRadio {
    width: 16%;
}

.validation-summary-errors li {
    color: #ff0000;
}

@media (max-width: 960px) {
    #content h1 {
        margin-bottom:20px;
    }

    .hmenu a:hover, .hmenu a.current {
        background: #7fb036 url(/Images/liHoverMobile.gif) right 0 repeat-y;
        color: #1a1a1a
    }

    .navbar-toggler {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
    }

    .spinner-master {
        float: right;
        display: inline-flex;
        padding: 10px 10px 10px 0;
    }
    #spinner-form {
        display:none;
    }
    .spinner-master * {
        transition: all .3s;
        -webkit-transition: all .3s;
        box-sizing: border-box;
    }

    .spinner-master .spinner-spin {
        cursor: pointer;
        width: 45px;
        margin-bottom: 0;
        align-self: center;
    }

    .spinner-master .spinner {
        height: 4px;
        width: 100%;
        background-color: #fff;
    }
    .spinner-master .diagonal.part-1 {
        position: relative;
        float: left;
    }
    .spinner-master .horizontal, .spinner-master .diagonal.part-2 {
        position: relative;
        float: left;
        margin-top: 5px;
    }

    .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-1 {
        transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
        margin-top: 14px;
    }
    .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .horizontal {
        opacity: 0;
    }
    .spinner-master input[type=checkbox]:checked ~ .spinner-spin > .diagonal.part-2 {
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
        margin-top: -14px;
    }
    .navbar-toggler span {
        color: #fff;
        padding-left: 10px;
        align-self: center;
        text-transform: uppercase;
    }

    .header-container #logo {
        margin-top: 15px;
        height: 85px;
        float: none;
        width: 50%;
        padding: 15px;
        color:transparent;
    }

    .header-container #logo img {
        max-width: 100%;
        height: 55px;
        width: auto;
        max-height: 100%;
    }

    .hmenu {
        float: none;
        width: 100%;
    }

    ul.hmenu {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    ul.hmenu > li {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }

    .hmenu li {
        float: none;
        background: #1a1a1a;
    }
    .hmenu a {
        padding: 35px 13px;
    }

    .bg {
        max-width: 960px;
        min-width: 0;
        width: 100%
    }

    .midContent {
        min-height: 25px
    }
    #topTxt { margin-top:0; }

    .header-container .wrapper {
        height:auto;
    }

    #imgHeader {
        float: right;
        height: 300px;
        width: auto;
    }

    #imgHeader img { 
        width:auto; 
        height: 100%;
    }

    .wrapper {
        width: 100%
    }

    #navbarMainMenu {
        display:none;
    }

    .colonnedroite {
        float: none;
        width: 90%;
        padding: 0 5%;
    }
    .colonnegauche {
        width: 100%;
        margin-bottom: 15px;
    }

    .squareTitlesBk, .squareTitlesWh {
        text-align: center;
        width: 90%;
        padding: 45px 5%;
    }
    .midList {
        width: 90%;
        float: none;
        margin: 0;
        padding: 0 5%;
        text-align: center;
    }

    .list {
        left :0;
    }

    .list li {
        background: url(/Images/puces/puce01.gif) center bottom no-repeat;
    }

    .list li:last-of-type {
        background:none;

    }

    .midList li {
        padding: 0 0 35px;
    }

    .midList li:last-of-type {
        padding: 0;
    }

    .divFbBox {
        display:none;
    }

    .footerContent {
        width: 100%;
        height: auto;
        padding-bottom: 75px;
    }

    .divInfos {
        width: 90%;
        padding: 25px 5%;
        margin: 0;
        float: none;
        clear: none;
        text-align: center;
    }

    #pointer {
        background: url(/Images/pointer-ico.gif) center top no-repeat;
        padding-top: 45px;
    }
    #ftrInfos {
        background: url(/Images/infos-ico.gif) center top no-repeat;
        padding-top: 45px;
    }

    .divInfos p {
        padding-left:0;
        width:100%;
        float:none;
    }

    .socialMeds li {
        float:none;
        margin-left:0;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
    }

    .socialMeds a {
        width: 100%;
    }

    .formInfos {
        width: 100%;
    }

        .formInfos textarea, .w4 .inputDim {
            box-sizing: border-box;
            width: 100%;
        }
    .formInfos label {
        width: 50%;
    }
    .formInfos input {
        width: 48%;
    }

    .cabanonDimensions input {
        width: 30px;
    }

    #diaporama a, #diaporama a:nth-child(3n+3) {
        margin: 0 auto 45px !important;
        float: none !important;
    }

    .cabanonDimensions p {
        width: 100%;
        font-size: 14px
    }

    .cabanonDimensions label {
        font-size: 16px
    }

    .checkbox-div {
        width:auto;
    }

    .inputRadio .checkbox-div label {
        width: auto !important;
    }

    .coordonnees {
        padding-top: 15px;
        padding-bottom: 0;
    }

    .rfloat {
        float:none;
    }

    .inputRadio label {
        width: 35% !important;
    }

    .inputRadio input[type=radio], .inputRadio label, .inputRadio input[type="checkbox"] {
        float: none;
    }
}