input[type="radio"], input[type="radio"].radioP1 {
  accent-color: Maroon;
}




header #commercial {
	/*top: 0px;
	left: 50%;
	position: absolute;
	height: auto;
	line-height: 18px;
	border-bottom: #fff solid 1px;
	width: auto;
	border-bottom: #fff solid 1px;
	margin: 0px auto 0px -160px;
	padding: 12px 20px;*/
	font-size: 11px;
	color: #999;
}

input[type="button"] , #form-login input[type="button"]{
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
input[type="button"]:hover , #form-login input[type="button"]:hover{
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}

input[type="submit"] {	
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
input[type="submit"]:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}


input[type="submit"].compte {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
input[type="submit"].compte:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}
input[type="button"].del {
    color: #fffeff; background-color: #ff0000;
}
input[type="button"].del:hover {
    color: #fffeff; background-color: #ff2222;
}
#form-login input[type="button"] {
    color: #fffeff; background-color: #32CD32;
}
#form-login input[type="button"]:hover {
    color: #fffeff; background-color: #00ff00;
}


.txtSection>p,
#page .txtSection>p,
#page #content .txtSection>p{
font-family: 'Raleway', sans-serif;
margin:0px auto;
margin-bottom:5px;
max-width:1200px;
text-align:center;
color: #2a2a2a;
font-size: 15px;
letter-spacing: 1px;
font-weight: 500;
}

.titreSection>h1,
#page .titreSection>h1,
#page #content .titreSection>h1{
color: #000;
font-size: 32px;
font-variant: common-ligatures small-caps;
letter-spacing: 1px;
/*font-family: 'Oooh Baby', cursive;*/
font-family: 'Raleway', sans-serif;
font-weight:700;
}

.titreSection>h2,
#page .titreSection>h2,
#page #content .titreSection>h2{
color: #000;
font-size: 26px;
font-variant: common-ligatures small-caps;
letter-spacing: 1px;
font-family: 'Raleway', sans-serif;
font-weight:700;
}
.contSectionFocus .photo{
    margin:0px;
    width:48%;
}
.contSectionFocus .txt{
    margin:0px;
    width:48%;
    background-color: #f4f4f4;
    color:#000;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    padding:40px;
    border:2px solid #fff;
}
.contSectionFocus2 .photo2{
    display:inline-block;
    margin:1px auto;
    width:39%;
    min-height:150px;
}
.contSectionFocus2 .txt2{
    display:inline-block;
    /*margin:1px auto;*/
    margin:0px;
    width:61%;
    background-color: #fff;
    color:#222;
    font-size: 16px;
    letter-spacing: 1px;
    font-weight: 400;
    padding:40px;
    border:2px solid #fff;
}
a.savoirplus{
    color:#ff6f61 !important; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    font-size: 16px;
    letter-spacing: 1px;
    display:table;
    text-decoration: none;
    padding: 10px 8px 10px 8px;
    margin:0px auto;
    margin-top:15px;
    /*text-shadow: 1px 1px #000;*/
    text-transform: uppercase;
    font-weight:600;
}
a.savoirplus:hover{
    color:#fffffe !important; background-color:#ff6f61; border:2px solid #ff6f61;
    text-decoration: none;
}
a.savoirplusgris{
    color:#000 !important; background-color:#eee; border:2px solid #ddd; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    font-size: 13px;
    letter-spacing: 1px;
    display:table;
    text-decoration: none;
    padding: 3px 8px;
    margin:0px auto;
    margin-top:15px;
    /*text-shadow: 1px 1px #000;*/
    text-transform: uppercase;
    font-weight:600;
    bottom:0;
}
a.savoirplusgris:hover{
    color:#fffffe !important; background-color:#bbb; border:2px solid #666;
    text-decoration: none;
}

a.savoirplusFooter{
    color:#fff !important; background-color:transparent !important; border:0px !important; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    font-size: 16px !important;
    letter-spacing: 1px;
    display:table;
    text-decoration: none;
    padding: 2px;
    margin:0px auto;
    margin-top:10px;
    /*text-shadow: 1px 1px #000;*/
    text-transform: uppercase;
    font-weight:600;
    border-radius: 10px;
}
a.savoirplusFooter:hover{
    color:#ff6f61 !important;
    text-decoration: none;
}

.contSectionAvtg{
    margin:5px auto;
    margin-top:30px;
    max-width:1200px;
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:center;
}

.contSectionAvtg > div{
    display:inline-block;
    width:33%;
    /*border:1px solid #999;*/
    text-align:center;
    padding: 3px;
    font-size:14px;
}
.contSectionAvtg > div > a > img{
    width:100%;
    max-width:80px;
}
.contSectionAvtg  a.titre, .contSectionAvtg  span.titre{
    color:#000;
    font-family: 'Oooh Baby', cursive;
    font-weight:900;
    font-size:26px;
    text-decoration: none;
}
.contSectionAvtg  a.titre:hover{
    color:#ff6f61;
}

.contSectionFocus h3, .contSectionFocus2 h3{
    font-size:22px;
    /*font-family: 'Oooh Baby', cursive;*/
    font-family: 'Raleway', sans-serif;
    font-weight:900;
}

.hidePicFocusForMob{ display:inline-block !important;}
.showPicFocusForMob{ display:none !important;}
@media only screen and (max-width:610px) {
    .hidePicFocusForMob{ display:none !important;}
    .showPicFocusForMob{ display:inline-block !important;}
    .txtSection>p, #page .txtSection>p, #page #content .txtSection>p{
    font-size: 13px;
    font-weight: 500;
    }
    .titreSection>h1, #page .titreSection>h1, #page #content .titreSection>h1{
    font-size: 20px;
    }
    .titreSection>h2, #page .titreSection>h2, #page #content .titreSection>h2{
    font-size: 20px;
    }
    .contSectionAvtg > div{
        padding:5px;
        margin:0px auto;
        font-size: 10px;
    }
    .contSectionAvtg a.titre{
    font-size: 16px;
    }
    .contSectionAvtg > div > a > img{
        max-width:50px;
    }
    .contSectionFocus .photo, .contSectionFocus2 .photo2{
        width:100%;
        min-width:300px;
    }
    .contSectionFocus .photo img{
        width:100%;
        min-width:300px;
        object-fit: cover;
        height:150px;
    }
    .contSectionFocus .txt, .contSectionFocus2 .txt2{
        width:100%;
        font-size: 12px;
        padding:10px;
        min-width:300px;
    }
    .imgFocus{
        width:100% !important;
    }
    .contSectionFocus h3, .contSectionFocus2 h3{
        font-size:15px;
    }
}





#page .blocTxt{
    padding: 5px;
    margin:0px auto;
    width:100%;
    max-width:1300px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
}
#page #content h1,
#page .blocTxt > h1{
        font-family: 'Raleway', sans-serif;
	font-size: 32px;
	color: #000;
	text-align: center;
        font-weight: 500;
        margin-top:30px;
	padding: 5px 0px;
        letter-spacing: 1px;
}
#page #content h1,
#page .blocTxt > h1{
        font-family: 'Raleway', sans-serif;
	font-size: 32px;
	color: #000;
	text-align: center;
        font-weight: 500;
        margin-top:30px;
	padding: 5px 0px;
        letter-spacing: 1px;
}
#page #content .titreModifDevis{
        font-family: 'Raleway', sans-serif;
	font-size: 32px;
	color: #000;
	text-align: center;
        font-weight: 900;
        margin-top:0px;
	padding: 0px;
        /*text-transform: uppercase;*/
        letter-spacing: 1px;
        width:100%;
        text-align:center;
}

#page #content #searchbar h1{
	font-size: 30px;
        width:100%;
        margin:0px auto;
}
#page h2{
	font-size: 20px;
	padding: 10px 0px;
        /*border-top:1px solid #ddd;*/
        /*border-bottom:1px solid #ddd;*/
}
@media only screen and (max-width:910px) {
    #page #content h1, #page .blocTxt > h1{
        margin-top:2px;
        margin-bottom:2px;
	padding: 2px 0px;
        font-size: 20px;
    }
    #page #content #searchbar h1{
            font-size: 20px;
    }
}
@media only screen and (max-width:610px) {
    #page #content h1, #page .blocTxt > h1{
            font-size: 20px;
    }
    #page #content #searchbar h1{
            font-size: 14px;
    }
}
#page .blocTxt > h2{
	font-size: 18px;
	color: #222;
	text-align: left;
        font-weight: 600;
        margin-top:30px;
}
#page .blocTxt > p{
	font-size: 15px;
	color: #555;
	text-align: left;
        padding:5px 20px;
        letter-spacing: 1px;
    font-weight: 500;
}
#page .blocTxt > ul{
	font-size: 12px;
        padding-left:50px;
        list-style: circle;
}


.form-line input[type='submit'] {
	position: relative;
	height: auto;
	width: 100%;
	padding: 10px;
	font-family: 'Raleway', sans-serif;
	font-size: 13px;
	box-sizing: border-box;
	border: none;
	font-weight: bold;
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
.form-line input[type='submit']:hover { 
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}


#row input[type="button"] {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float: left; height: auto; width: auto; min-width: 150px; box-sizing: border-box; padding: 12.5px 20px; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; text-decoration:none;border-radius: 5px; }
#row input[type="button"]:hover { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; }


.form-group.submit { padding: 0px; border: none; margin: 20px 0; }
.form-group.submit input[type="submit"]  {
        color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float: right; height: auto; width: auto; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 500; border: none; padding: 12px; margin: 0px; border-radius: 5px;}
.form-group.submit input[type="submit"]:hover { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; box-sizing: border-box; }


.connexion input[type="submit"]  {
        color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; height: auto; width: 320px; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; padding: 5px 10px; margin:12px; border-radius: 5px;
text-decoration: none;
}
.connexion input[type="submit"]:hover  { color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; }

.connexion a.createaccount  {
        color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; height: auto; width: 320px; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 14px; font-weight: 500; padding: 5px 10px; margin:12px; border-radius: 5px;
text-decoration: none;
}
.connexion a.createaccount:hover  { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; }

.connexion a  {
color:#000; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
padding: 3px;
}
.connexion a:hover  { color:#ff6f61; }

#right-coordonnees .form-group.submit input[type="submit"]  {
            color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float:left; height: auto; width: auto; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 500; padding: 12px; margin: 0px auto;border-radius: 5px;}
#right-coordonnees .form-group.submit input[type="submit"]:hover  { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; }


.left-custom input[type="button"] {
                color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float: left; height: auto;	box-sizing: border-box;	    padding: 6px 10px; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; margin: 10px 0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
.left-custom input[type="button"]:hover {
    	color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}
.left-custom .maselection{
    color:#ff6f61; background-color:#fffffe;
    padding:10px 0px 2px 0px;
    letter-spacing: 1px;
    font-weight: 600;
    font-size: 16px;
    font-variant: common-ligatures small-caps;
}

#right-custom .row input[type="submit"], #right-custom .row input[type="button"] {
                    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float: left; height: auto; width: auto; min-width: 150px; box-sizing: border-box; padding: 10px 20px; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 500; cursor: pointer; border-radius: 5px; margin:2px; border-radius: 5px;
}
#right-custom .row input[type="submit"]:hover, #right-custom .row input[type="button"]:hover { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; box-sizing: border-box; }


.listeEviers {
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex !important; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    /*justify-content:space-around;*/
    justify-content:center;
position: relative;
box-sizing: border-box; 
text-align:center;
max-width:1400px;
margin:0px auto;
width:100% !important;
}
.listeEviers .evier, .listeEviers .decoupeSpecialePlan, .listeEviers .decoupeSpecialeCred  {
    height: auto; max-width: 320px !important; vertical-align: top; margin: 3px auto !important; padding: 6px; box-sizing: border-box;
    /*width:25% !important;*/
}
.listeEviers .evier  {
    display: inline-block !important;
}

.listeEviers .evier .pictoEvier { position: relative; width: 50% !important; text-align: center; margin:0px auto; margin-bottom:10px;}
.listeEviers .evier .pictoEvier img { width:100%; }

.listeEviers .evier .thumbEvier { position: relative; width: 100%; text-align: center;
             display: flex;
        align-items: center;
        justify-content: center;

}
.listeEviers .evier .heightEvier {
    height: 350px;
}
.listeEviers .evier .heightEvierPopup {
    /*height: 270px;*/
}
.listeEviers .evier .thumbEvier .zoomImage { z-index:99; position: absolute; height: 20px; width: 20px; top: 0px !important; right: 0px; text-align: center;}
.listeEviers .evier .thumbEvier .zoomImage img { position: relative; height: auto; width: auto; width: 100%; }

.listeEviers .evier .thumbEvier .zoomImage2 { position: absolute; height: 20px; width: 20px; top: 10px; right: 5px; text-align: center; }
.listeEviers .evier .thumbEvier .zoomImage2 img { height: auto; width: auto; max-width: 100% }

.listeEviers .evier .thumbEvier .marque { position: absolute; height: auto; width: 100px; bottom: -80px; right: 5px; text-align: center; }
.listeEviers .evier .thumbEvier .marque img { height: auto; width: auto; width: 100%; }

.listeEviers .evier .thumbEvier img { width: 100%;
object-fit: contain;
}
.listeEviers .evier .nomEvier {
    position: relative; height: auto;  min-height: 38px; width: auto;
    line-height: 16px;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    color: #2a2a2a;
    text-align: center;
    padding: 2px 0px;
    text-transform: uppercase;

}
.listeEviers .evier .formEvier { position: relative; height: auto; width: auto; box-sizing: border-box; text-align: center;}
/*.listeEviers .evier .formEvier .titre { font-size: 12px; color:#555; text-align: center; width:100%;}*/
.listeEviers .evier .formEvier .descr { font-size: 10px; color:#555; text-align: left; width:100%;}
.listeEviers .evier .formEvier .prix { font-size: 16px; color:#000; 
       font-family: 'Raleway', sans-serif;
}
.listeEviers .evier .formEvier .selectBox, .listeEviers .evier .formEvier .selectBoxSdb { display: inline-block; height: auto;  font-size: 14px; text-align: center;}
.listeEviers .evier .formEvier .selectBox { width: 25%; }
.listeEviers .evier .formEvier .selectBoxSdb { width: 50%; }
.listeEviers .evier .formEvier .selectBox.egouttoir { position: relative; display: inline-block; height: auto; width: 25%; vertical-align: top; }
.listeEviers .evier .formEvier .selectBox.egouttoir select { float:left; }
.listeEviers .evier .formEvier .titreEgouttoir { position: relative; display: inline-block; vertical-align: top; height: auto; width: 25%; min-width:60px; margin: 0px auto; background: #f4f4f4; padding: 9px 0px; color: #000; box-sizing: border-box; text-align: center; font-size: 12px}
.listeEviers .evier .formEvier .selectBox.titre, .listeEviers .evier .formEvier .selectBoxSdb.titre { background: #f4f4f4; padding: 4px 0px; color: #000; box-sizing: border-box; }
.listeEviers .evier .formEvier .selectBox.titre .prix, .listeEviers .evier .formEvier .selectBoxSdb.titre .prix { font-size: 12px; }
.listeEviers .evier .formEvier .selectBox select, .listeEviers .evier .formEvier .selectBoxSdb select { position: relative; padding: 4px 28px 4px 4px; text-align: center; background: #fff; border: #ededed solid 1px; width: auto; min-width: 100%; color: #333333;	box-sizing: border-box;	-webkit-appearance: none; -moz-appearance: none;	cursor: pointer;	background: url('img/arrow-bottom.png') no-repeat center right; }
.listeEviers .evier .formEvier .selectBoxSdb select, .listeEviers .evier .formEvier .selectBoxSdb option {
    padding: 8px 2px; text-align: center; font-size:18px;
}

.listeEviers .evier .formEvier .selectBox input[type=text] { position: relative; height: auto; width: 100%; box-sizing: border-box; padding: 6.5px 5px; text-align: center; border: #ccc solid 1px; }


.listeEviers .evier .formEvier input[type="submit"], .boutonListage  {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; margin-top: 10px !important; height: auto; width: 100%; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 13px !important; font-weight: 500; padding: 6px; margin: 0px; border-radius: 5px;}

.listeEviers .evier input[type="submit"]  {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; margin-top: 10px; height: auto; width: 100%; box-sizing: border-box; font-family: 'Raleway', sans-serif; font-size: 16px !important; font-weight: 500; padding: 6px; margin: 0px; border-radius: 5px;}

.boutonListage  {
    display:block;
    cursor: pointer;
    text-align: center !important;
}

.listeEviers .evier input[type="submit"]:hover, .listeEviers .evier .formEvier input[type="submit"]:hover, .boutonListage:hover  {  color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; }

@media only screen and (max-width:910px) {
    .listeEviers .evier, .listeEviers .decoupeSpecialePlan, .listeEviers .decoupeSpecialeCred {
        width:33%;
    }
    .listeEviers .evier .formEvier { width: 100%; text-align: center;}
    .listeEviers .evier .formEvier .descr { text-align: center;}
    .listeEviers .evier .formEvier .prix { font-size: 12px;}
    .listeEviers .evier .formEvier .selectBox.titre .prix, .listeEviers .evier .formEvier .selectBoxSdb.titre .prix { font-size: 11px; }
}
@media only screen and (max-width:800px) {
    .listeEviers .evier, .listeEviers .decoupeSpecialePlan, .listeEviers .decoupeSpecialeCred {
        width:50%;
    }
    .listeEviers .evier .formEvier .prix { font-size: 18px;}
}
@media only screen and (max-width:680px) {
    .listeEviers .evier  {
        width:100%;
        max-width:350px !important;
    }
    .listeEviers .evier .nomEvier {
        line-height: 15px;
        font-size: 12px;
        font-family: 'Raleway', sans-serif;
    }
    .listeEviers .evier, .listeEviers .decoupeSpecialePlan, .listeEviers .decoupeSpecialeCred {
        /*min-width: 300px;*/
        /*width:100%;*/
        margin: 0px auto !important;
        padding: 1px;
        margin-bottom:40px !important;
    }
    .listeEviers .evier .thumbEvier {
        overflow:hidden;
        margin-bottom:10px;
    }
    .listeEviers .evier .heightEvier {
        /*height: 300px;*/
    }
    .listeEviers .evier .heightEvierPopup {
        /*height: 280px;*/
    }
    .listeEviers .evier .thumbEvier img {
        object-fit: cover;
    }
}
@media only screen and (max-width:600px) {
    .listeEviers .evier .heightEvier {
        /*height: 350px;*/
    }
    .listeEviers .evier .heightEvierPopup {
        /*height: 350px;*/
    }
    /*.listeEviers .evier .thumbEvier img {
        max-width:200px;
    }*/
}    

.telechargePDF {
    position: relative;
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
  margin: 0px 3px;
  z-index: 2;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-decoration:none;
  font-size: 16px !important;
  padding: 6px 8px;
  font-weight:500;
}
.telechargePDF:hover{
  color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
  text-decoration:none;
}


#content #right-custom #sortbar .multipage, .multipage {
    font-size: 14px;
    display:block;
    width:100%;
    text-decoration: none;
    padding: 40px 2px 40px 2px;
    margin: 20px 0px 20px 0px;
    border-bottom: 1px solid #eee;
    text-transform: uppercase;
    color: #aaa;
}
#content #right-custom #sortbar .multipage span, .multipage span{
    font-size: 18px;
    color: #fff;
    background-color:#ff6f61;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    padding:6px 8px;
    margin:20px auto;
}
#content #right-custom #sortbar .multipage a, .multipage a{
    color: #777;
    font-size: 18px;
    font-weight:700;
    text-decoration: none;
    border:1px solid #ccc;
    border-radius: 5px !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5) !important;
    padding:6px 12px !important;
    margin:20px auto !important;
}
#content #right-custom #sortbar .multipage a:hover, .multipage a:hover{
    color:#ff6f61;
    background-color:#feffff;
    border:1px solid #ff6f61;
    text-decoration: none;
}



a.petitlien, a.petitlienBlue, a.petitlienImp, .petitlienImp, a.petitlienComp{
    display:inline-block;
    position: relative;
    color:#fff;
    text-decoration:none;
    padding: 3px;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    border: 1px solid #fff;
    margin: 5px auto;
    text-transform: uppercase;
    /*font-weight: bold;*/
    border-radius: 5px;
    /*box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);*/
    cursor:pointer;
}
a.petitlien{
    color:#222;
    background-color:#feffff;
    border:1px solid #222;
}
a.petitlienBlue{
    color:#ff6f61;
    background-color:#feffff;
    border:1px solid #ff6f61;
}
a.petitlienImp, .petitlienImp{
    background: #ff4400;
    cursor:pointer;
}
a.petitlienComp{
    background: #ff0000;
}
a.petitlien:hover, a.petitlienBlue:hover, a.petitlienImp:hover, .petitlienImp:hover, a.petitlienComp:hover{
    /*color: #2a2a2a;
    background: #fff;
    border: 1px solid #2a2a2a;*/
    text-decoration: none;
    border-radius: 5px;
    cursor:pointer;
    
    color:#feffff;
    background-color:#ff6f61;
    border:1px solid #ff6f61;
}
a.closeMiniResumeLnk{
    position: relative;
    color:#f00;
    background: #fff;
    text-decoration:none;
    padding: 2px;
    font-family: 'Raleway', sans-serif;
    font-size: 8px;
    letter-spacing: 1px;
    border: 1px solid #f00;
    margin: 2px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
    border-radius: 4px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    float:right;
    cursor: pointer;
}

.petitboutonBlue, .petitboutonGris{
    position: relative;
    color:#fff;
    text-decoration:none;
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    padding: 3px !important;
    margin: 0px !important;
    min-width: 50px !important;
}
.petitboutonBlue{
    background: #ff6f61 !important;
    background-color: #ff6f61 !important;
    color:#fff !important;
}
.petitboutonBlue:hover{
    background: #feffff !important;
    background-color: #feffff !important;
    color:#ff6f61 !important;
}
.petitboutonGris{
    background: #ddd !important;
    background-color: #ddd !important;
    color:#ff6f61 !important;
}
.petitboutonGris:hover{
    background: #ff6f61 !important;
    background-color: #ff6f61 !important;
    color:#fff !important;
}

a.closeMiniResumeLnk:hover{
    color: #fff;
    background: #f00;
    border: 1px solid #000;
    text-decoration: none;
}




.diaporamaSlider .titre{
    width:100%;
    font-size: 30px;
    font-weight: 500;
    text-align:center;
    /*text-transform: uppercase;*/
}
.diaporamaSlider a{
    color:#000 !important; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    text-decoration: none;
    margin-top:4px;
}
.diaporamaSlider a:hover{
    color:#ff6f61 !important;
    text-decoration: none;
}

.diaporamaZoneText h2 {
    font-size: 70px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff; 
    text-transform: uppercase;
    margin-bottom: 10px;
    text-shadow: 1px 1px #000;
    font-family: 'Raleway', sans-serif;
}
.diaporamaZoneText h2 a{
    color: #ffffff;
    text-decoration: none;
    font-family: 'Raleway', sans-serif;
}
.diaporamaSlider .owl-item.active .diaporamaZoneText h2{
	transform: scale(1);
}
.diaporamaSlider .owl-item.active .diaporamaZoneText h2{
	transform: scale(1);
}
.diaporamaZoneText p {
    font-size: 40px;
    font-weight: normal;
    line-height: 1;
    text-align: left;
    color: #eee;
    text-shadow: 1px 1px #000;
    font-family: 'Raleway', sans-serif;
}
.diaporamaZoneText a{
    color:#000 !important; background-color:#fffffe; border:1px solid #000; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    font-size: 16px;
    letter-spacing: 1px;
    display:table;
    text-decoration: none;
    /*border:1px solid #fff;*/
    padding: 10px 8px 10px 8px;
    margin-top:15px;
    /*text-shadow: 1px 1px #000;*/
    text-transform: uppercase;
    font-weight:600;
}
.diaporamaZoneText a:hover{
    color:#fffffe !important; background-color:#000; border:1px solid #fff;
    text-decoration: none;
}
.diaporamaZoneText a.savoirplusFooter{
    color:#fff !important; 
    font-family: 'Raleway', sans-serif;
}
.diaporamaZoneText a.savoirplusFooter:hover{
    color:#ff6f61 !important; 
}
@media only screen and (max-width:1200px) {
    .diaporamaZoneText h2 {
        font-size: 50px;
    }
    .diaporamaZoneText p {
        font-size: 35px;
    }
}
@media only screen and (max-width:910px) {
    .diaporamaZoneText h2 {
        font-size: 40px;
    }
    .diaporamaZoneText p {
        font-size: 25px;
    }
}
@media only screen and (max-width:710px) {
    .diaporamaZoneText h2 {
        font-size: 24px;
    }
    .diaporamaZoneText p {
        font-size: 18px;
    }
    .diaporamaSlider .titre{
        font-size: 22px;
    }
}
.angle-H-D{
    position: absolute;
    border:0px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    width:50px;
    height:50px;
    top:0px;
    left:0px;
}
.angle-B-G{
    position: absolute;
    border:0px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    width:50px;
    height:50px;
    bottom:0px;
    right:0px;
}


#content .bannieres {
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:space-between;
    text-align: center;
    position: relative;
    height: auto;
    width:100%;
    margin-top:10px;
}
#content .bannieres .blocBanniere {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 32%;
    height: auto;
    border: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
    color: #2a2a2a;
    text-align:left;
    min-width:200px;
    margin:0px auto;
    padding-top:0px;
}
#content .bannieres .blocBanniere50 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    height: auto;
    border: 0;
    font-family: 'Raleway', sans-serif;
    padding:6px;
    color: #555;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500;
    text-align:center;
    min-width:200px;
    margin:0px auto;
}
#content .bannieres .blocBanniere100 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: auto;
    border: 0;
    font-family: 'Raleway', sans-serif;
    padding:4px;
    color: #555;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500;
    text-align:center;
    min-width:200px;
    margin:0px auto;
}
#content .bannieres .blocBanniere50>p, #content .bannieres .blocBanniere100>p {
    font-family: 'Raleway', sans-serif;
    font-size: 15px;
    color: #555;
    letter-spacing: 1px;
    font-weight: 500;
    text-align:center;
}
#content .bannieres .blocBanniere a, #content .bannieres .blocBanniere50 a, #content .bannieres .blocBanniere100 a {
    color: #777;
}
#content .bannieres .blocBanniere a:hover, #content .bannieres .blocBanniere50 a:hover, #content .bannieres .blocBanniere100 a:hover {
    color: #ff6f61;
}


#content .bannieres .blocBanniere .title>a { 
        text-decoration: none;
        color: #333;
}
#content .bannieres .blocBanniere .title>a:hover { 
        color:#ff6f61;
}
#content .bannieres .blocBanniere>div>ul {
    list-style: circle;
    list-style-type: disc;
    text-align:left;
    padding:4px;
    margin:4px;
}
#content .bannieres .blocBanniere>div>ul>li {
    padding:4px;
}

#content .bannieres .blocBanniere:first-child, #content .bannieres .blocBanniere:last-child {
    margin:0px;
}
#content .bannieres .blocBanniere .title, #content .bannieres .blocBanniere50 .title, #content .bannieres .blocBanniere100 .title { 
        color: #333;
        width:100%;
        border:0px;
        font-variant: common-ligatures small-caps;
        letter-spacing: 1px;
        font-weight:500;
        margin-bottom:0px;
}
#content .bannieres .blocBanniere .title, #content .bannieres .blocBanniere50 .title, #content .bannieres .blocBanniere100 .title { 
        font-size: 26px;
}
#content .bannieres .blocBanniere .title2, #content .bannieres .blocBanniere .title4 { 
        font-size: 16px;
        text-align:left;
        padding: 0px;
}
#content .bannieres .blocBanniere .title3, .bannieres .blocBanniere h2 { 
        font-size: 24px !important;
        text-align:left;
        padding: 0px;
        font-weight:400;
}
#content .bannieres .blocBanniere .title5 { 
        font-size: 14px;
        text-align:center;
        padding: 0px;
}
#content .bannieres .blocBanniere .title { 
        text-align:left !important;
        padding: 0px;
}
#content .bannieres .blocBanniere50 .title, #content .bannieres .blocBanniere100 .title { 
        text-align:center;
}
/*-----------*/
#content .bannieres .blocBanniere>img, #content .bannieres .blocBanniere>a>img { 
    width: 100%;
    border:none;
}
#content .bannieres .pic, #content .bannieres .pic2, #content .bannieres .pic3, #content .bannieres .pic4, #content .bannieres .pic5 {
    text-align:center;
}
#content .bannieres .pic100, #content .bannieres .pic100>img {
    width:100%;
}
#content .bannieres .pic {
    width:20%;
}
#content .bannieres .pic2 {
    width:30%;
}
#content .bannieres .pic3 {
    width:40%;
}
#content .bannieres .pic4 {
    width:10%;
    max-width:100px;
    min-width:60px;
}
#content .bannieres .pic5 {
    width:20%;
}
#content .bannieres .blocReference {
    width:30%;
}
#content .bannieres .blocSlider {
    width:70%;
}
#content .bannieres .pic>img, #content .bannieres .pic2>img {
    max-width:400px;
}
#content .bannieres .pic5>img {
    max-width:300px;
}
#content .bannieres .txt, #content .bannieres .txt2, #content .bannieres .txt3, #content .bannieres .txt4, #content .bannieres .txt5, #content .bannieres .txt100 {
    padding: 1px 20px 0px 20px;
    /*border-top:1px solid #e4e4e4;*/
}
#content .bannieres .txt100 {
    width:100%;
    font-size: 14px !important;
    text-align:center;
    font-weight: 500;
}
#content .bannieres .txt {
    width:78%;
    font-size: 14px;
    font-weight: 500;
}
#content .bannieres .txt2 {
    width:68%;
    font-size: 14px;
    font-weight: 500;
}
#content .bannieres .txt3 {
    width:58%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
}
#content .bannieres .txt4 {
    width:88%;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
}
#content .bannieres .txt5 {
    width:78%;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.8;
}
#content .bannieres .txt>div>i, #content .bannieres .txt2>div>i, #content .bannieres .txt3>div>i, #content .bannieres .txt4>div>i, #content .bannieres .txt100>div>i {
    font-style: italic;
    font-weight: 300;
}
#content .bannieres .txt2>div>p {
    margin-top:6px;
}

@media only screen and (max-width:930px) {
    #content .bannieres .blocBanniere .title, #content .bannieres .blocBanniere50 .title, #content .bannieres .blocBanniere100 .title {
    font-size: 22px;
    }
    #content .bannieres .blocBanniere .title2, #content .bannieres .blocBanniere .title3, #content .bannieres .blocBanniere .title4 { 
    font-size: 15px;
    }
}
@media only screen and (max-width:610px) {
    #content .bannieres .blocBanniere .title, #content .bannieres .blocBanniere50 .title, #content .bannieres .blocBanniere100 .title {
    font-size: 18px;
    }
    #content .bannieres .blocBanniere .title2, #content .bannieres .blocBanniere .title3, #content .bannieres .blocBanniere .title4 { 
    font-size: 14px;
    }
}
@media only screen and (max-width:700px) {
    #content .bannieres .blocBanniere, #content .bannieres .blocBanniere50 {
        width: 100%;
        margin:0px auto;
    }
}
@media only screen and (max-width:550px) {
    #content .bannieres .blocBanniere.pic {
        width: 60%;
        margin:0px auto;
    }
}

@media only screen and (max-width:930px) {
    #content .bannieres .txt, #content .bannieres .txt2, #content .bannieres .txt3, #content .bannieres .txt4, #content .bannieres .txt100 {
        padding: 10px 10px 0px 10px;
    }
    #content .bannieres .txt {
        width:70%;
    }
    #content .bannieres .pic {
        width:15%;
    }
    #content .bannieres .txt2 {
        width:60%;
    }
    #content .bannieres .pic2 {
        width:25%;
    }
    #content .bannieres .txt3 {
        width:50%;
    }
    #content .bannieres .pic3 {
        width:45%;
    }
    #content .bannieres .txt4 {
        width:85%;
    }
    #content .bannieres .pic4 {
        width:10%;
    }
    #content .bannieres .txt5 {
        width:75%;
    }
    #content .bannieres .pic5 {
        width:15%;
    }
    #content .bannieres .blocReference {
        width:40%;
    }
    #content .bannieres .blocSlider {
        width:60%;
    }

}
@media only screen and (max-width:820px) {
    #content .bannieres .txt5 {
        width:70%;
    }
}
@media only screen and (max-width:700px) {
    #content .bannieres .txt, #content .bannieres .txt2, #content .bannieres .txt3, #content .bannieres .txt5 {
        font-size: 13px;
        font-weight: 200;
        width:100%;
        border-top: 1px dotted #eee;
    }
    #content .bannieres .txt100 {
        font-size: 12px;
    }
    #content .bannieres .blocReference {
        width:100%;
    }
    #content .bannieres .blocSlider {
        width:100%;
    }
}

#content .bannieres .hidePicForMob{ display:block; }
#content .bannieres .showPicForMob{ display:none; }

@media only screen and (max-width:700px) {
    #content .bannieres .hidePicForMob{ display:none; }
    #content .bannieres .showPicForMob{ display:block; }
    #content .bannieres .pic, #content .bannieres .pic2, #content .bannieres .pic3, #content .bannieres .pic5 {
        width: 100%;
        margin:0px auto;
    }
}




#content #liste-produits .produit .nom { position: relative; height: auto; min-height: 25px; width: auto; box-sizing: border-box; padding: 5px; font-family: 'Raleway', sans-serif; font-size: 13px; font-weight: 600; color:#000; line-height: 18px; text-transform: uppercase;}

#content #liste-produits .produit .nomL { display:block; float:left; position: relative; height: auto; min-height: 25px; width: 60%; box-sizing: border-box; padding: 5px; font-family: 'Raleway', sans-serif; font-size: 15px !important; font-weight: 600; color:#000; line-height: 18px; text-transform: uppercase; text-align:left;
}
#content #liste-produits .produit .box_tarifR { display:block; float:right; position: relative; height: 20px; width: 40%; padding: 0px; margin-bottom: 3px; text-align:center;
}

#content #liste-produits .produit .nom span, #content #liste-produits .produit .nomL span{
    color:#777;
    text-transform: uppercase;
    font-size: 12px !important;
}

@media only screen and (max-width:650px) {
    #content #liste-produits .produit .nomL, #content #liste-produits .produit .box_tarifR {
        font-size: 11px !important;
        width: 50%;
    }
    #content #liste-produits .produit .nomL span{
        font-size: 10px !important;
    }
}

#content #liste-produits .produit label {
    font-weight:bold; font-size:13px;
    cursor: pointer;
}
#content #liste-produits .produit label:hover {
    	color:#ff6f61;
}
#content #liste-produits .produit .boxSubmit .boutton, #content #liste-produits .produit input[type="submit"] {
        color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; height: auto; width: 100%; text-align: center; font-size: 13px; font-weight: 600; padding: 7px 3px; display:block; text-decoration: none; cursor: pointer; font-family: 'Raleway', sans-serif; border-radius: 5px; margin:2px auto !important; letter-spacing: 1px;
}
#content #liste-produits .produit .boxSubmit .boutton:hover, #content #liste-produits .produit input[type="submit"]:hover {
    	color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}

#box-types-pieces{ /*utilisé pour les popup*/
	position: relative;
	height: auto;
	width: 100%;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	color: #001000;
}
.box-types-pieces{ /*utilisé pour les boite de reference*/
	position: relative;
	/*height: auto;*/
	width: 100%;
	font-size: 13px;
	font-family: 'Raleway', sans-serif;
	color: #001000;
}
#box-types-pieces>h2, #box-types-pieces>div>h2{
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	color: #000;
}
#box-types-pieces>h3, #box-types-pieces>div>h3{
	font-size: 20px;
	font-family: 'Raleway', sans-serif;
	color: #000;
        margin:1px auto;
        text-align:center;
        width:100%;
        font-weight:bold;
}
.box-types-pieces>h2, .box-types-pieces>div>h2{
	font-size: 20px;
}
.box-types-pieces .matiere, .box-types-pieces .matiere0{
font-size:16px;
}
.box-types-pieces .matiere1{
font-size:25px;
}
.box-types-pieces .finition{
/*color:#ff6f61;*/
color:#000;
}

#box-types-pieces #bt-piece, #box-types-pieces .bt-piece, #box-types-pieces a.bt-piece, .box-types-pieces #bt-piece, .box-types-pieces .bt-piece, .box-types-pieces a.bt-piece, #box-types-pieces a.bt-popup, #box-types-pieces .bt-popup, #box-types-pieces a.bt-popup2, #box-types-pieces .bt-popup2, #box-types-pieces a.bt-popup3, #box-types-pieces .bt-popup3, #box-types-pieces a.bt-popup4, #box-types-pieces .bt-popup4, #box-types-pieces a.bt-popupgris, #box-types-pieces .bt-popupgris{
	display: inline-block;
	height: auto;
	width: auto;
        margin:3px 0px 0px 0px;
	text-align: center;
	margin-right: 5px;
	cursor: pointer;
        text-decoration: none;
        border-radius: 5px;
}
#box-types-pieces #bt-piece, #box-types-pieces .bt-piece, #box-types-pieces a.bt-piece, .box-types-pieces #bt-piece, .box-types-pieces .bt-piece, .box-types-pieces a.bt-piece, #box-types-pieces a.bt-popup, #box-types-pieces .bt-popup, #box-types-pieces a.bt-popup2, #box-types-pieces .bt-popup2, #box-types-pieces a.bt-popup3, #box-types-pieces .bt-popup3{
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
#box-types-pieces a.bt-popup4, #box-types-pieces .bt-popup4{
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
    -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
#box-types-pieces a.bt-popupgris, #box-types-pieces .bt-popupgris{
    color:#999; background-color:#eee; border:2px solid #bbb; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}

#box-types-pieces a.bt-popup, #box-types-pieces .bt-popup,
#box-types-pieces a.bt-popup3, #box-types-pieces .bt-popup3,
#box-types-pieces a.bt-popup4, #box-types-pieces .bt-popup4,
#box-types-pieces a.bt-popupgris, #box-types-pieces .bt-popupgris,
#box-types-pieces a.bt-popup2, #box-types-pieces .bt-popup2{
        font-weight: bold;
        margin:6px;
}
#box-types-pieces a.bt-popup2, #box-types-pieces .bt-popup2 {
    padding:5px;
    font-size: 14px;
    width:160px;
    -moz-box-shadow:0px 5px 5px #bbb;
    -o-box-shadow:0px 5px 5px #bbb;
    -webkit-box-shadow:0px 5px 5px #bbb;
    box-shadow:0px 5px 5px #bbb;
}



#box-types-pieces a.bt-popup:hover, #box-types-pieces .bt-popup:hover,
#box-types-pieces a.bt-popup3:hover, #box-types-pieces .bt-popup3:hover,
#box-types-pieces a.bt-popup2:hover, #box-types-pieces .bt-popup2:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
        text-decoration: none;
}
#box-types-pieces a.bt-popup4:hover, #box-types-pieces .bt-popup4:hover{
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; 
        text-decoration: none;
}
#box-types-pieces a.bt-popupgris:hover, #box-types-pieces .bt-popupgris:hover{
    color:#fffffe; background-color:#bbb; border:2px solid #999;
        text-decoration: none;
}


@media only screen and (max-width:600px) {
    #box-types-pieces a.bt-popup2, #box-types-pieces .bt-popup2 {
        padding:7px 1px;
        margin:6px;
        font-size: 12px;
        width:140px;
        border:2px solid #f00;
    }
}


@media only screen and (max-width:960px) {
    #box-types-pieces>h2{
	font-size: 15px;
    }
    .box-types-pieces>h2{
	font-size: 14px;
        text-align:center;
        margin:0px auto;
    }
}


#box-types-pieces > a.bt-afterDevis, a.bt-afterDevis {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 10px;
        margin:0px 10px auto;
	font-size: 15px;
	text-align: center;
	margin-right: 5px;
	cursor: pointer;
        text-decoration: none;
        border-radius: 10px;
        font-weight: normal;
        vertical-align: middle;
}
a.bt-getDevis {
        color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
	display: inline-block;
	height: auto;
	width: auto;
	padding: 10px;
        margin:10px auto;
	font-size: 18px;
	text-align: center;
	margin-right: 5px;
	cursor: pointer;
        text-decoration: none;
        border-radius: 10px;
        font-weight: normal;
        vertical-align: middle;
}

#box-types-pieces > a.bt-afterDevis:hover, a.bt-afterDevis:hover {
color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
text-decoration: none;
}
a.bt-getDevis:hover {
color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
        text-decoration: none;
}
@media only screen and (max-width:500px) {
    #box-types-pieces > a.bt-afterDevis, a.bt-afterDevis {
	width: 100%;
	font-size: 12px;
	padding: 3px;
        margin:2px auto;
	margin-right: 1px;
    }
}




#box-types-pieces #bt-piece, #box-types-pieces .bt-piece, #box-types-pieces a.bt-piece, .box-types-pieces #bt-piece, .box-types-pieces .bt-piece, .box-types-pieces a.bt-piece{
	font-size: 11px;
	padding: 5px;
        font-weight: normal;
}
#box-types-pieces a.bt-popup, #box-types-pieces .bt-popup {
        padding:10px;
	font-size: 16px;
        width:130px;
}
#box-types-pieces a.bt-popup3, #box-types-pieces .bt-popup3,
#box-types-pieces a.bt-popup4, #box-types-pieces .bt-popup4,
#box-types-pieces a.bt-popupgris, #box-types-pieces .bt-popupgris{
        padding:10px;
	font-size: 14px;
        letter-spacing: 1px;
}

#box-types-pieces #bt-piece:hover, #box-types-pieces a.bt-piece:hover, #box-types-pieces .bt-piece:hover, .box-types-pieces #bt-piece:hover, .box-types-pieces a.bt-piece:hover, .box-types-pieces .bt-piece:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}


.div-bt-accessoires{
    display:block;
    text-align: right;
    padding:2px 2px 10px 2px;
    border-bottom:1px solid #000;
}
.bt-accessoires{
        margin:3px auto;
	text-align: center;
	cursor: pointer;
        padding:2px 5px;
        text-transform: uppercase;
        color: #fff;
        font-size:11px;
        font-weight:400;
        background-color: #999;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration:none;
}
.bt-accessoires:hover {
  background-color: #000;
  color: #fff;
  text-decoration:none;
  text-transform: uppercase;
}



.bt-rdv{
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
        margin:0px auto;
        margin-bottom:15px;
	text-align: center;
	cursor: pointer;
        padding:5px 10px;
        text-transform: uppercase;
        font-size:15px;
        font-weight:700;
        -webkit-transition: all 0.7s ease 0s;
        -moz-transition: all 0.7s ease 0s;
        -o-transition: all 0.7s ease 0s;
        transition: all 0.7s ease 0s;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        text-decoration:none;

}
.bt-rdv:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
  text-decoration:none;
  text-transform: uppercase;
}
.lienVert{
	color: #000;
}
.lienVert:hover{
	color:#ff6f61;
}
.entete-pieces {
	background: #bbb;
	position: relative;
	width: 100%;
        display: flex;
        justify-content: space-around;
        /*height:30px;
        line-height:30px;*/
}

.entete-pieces .colonne {
	/*display: inline-block;*/
	color: #fff;
        float:left;
}

.entete-pieces .colonne .col-pieces {
	/*display: inline-block;*/
	/*float: left;
	height: 48px;*/
	background: #bbb;
	color: #fff;
	font-size: 12px;
	padding: 0px;
	text-align: center;
	border-right: #ccc solid 1px;
	box-sizing: border-box;
        height:30px;
        line-height:30px;
}



.ligne-pieces {
	position: relative;
	height: auto;
	width: 100%;
	font-size: 12px;
	/*border-right: #bbb solid 1px;*/
        display: flex;
        justify-content: space-around;
	border-top: #ccc dotted 1px;
        border-right: #ccc dotted 1px;
	border-bottom: #ccc dotted 1px;
}
.ligne-pieces .colonne {
	/*display: inline-block;*/
	color: #2a2a2a;
}
.ligne-pieces .colonne .col-pieces {
    
    /*display: inline-block;*/
	/*float: left;
	height: 80px;
        display: flex;*/
	color: #2a2a2a;
	font-size: 12px;
	padding: 5px 0px;
	text-align: center;
	/*border-top: #999 solid 1px;*/
	border-left: #ccc dotted 1px;
	box-sizing: border-box;
        margin:0px auto;
        vertical-align: middle;
}
.ligne-pieces .colonne .col-pieces span{
    margin:auto;
}
.ligne-pieces .colonne .col-pieces .delPiece{
    display:table;
    color:#000; background-color:#fffffe; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    width:20px;
    height:20px;
    line-height:20px;
    font-size:15px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    font-weight:200;
}
.ligne-pieces .colonne .col-pieces .delPiece:hover{
    color:#ff6f61;
    text-decoration: none;
}


.ligne-pieces .buttonValidPiece1{
    /*width: 32.5%;
    min-width:85px;*/
    text-align: center;
}
.ligne-pieces .buttonValidPiece2{
    /*width: 65%;
    min-width:85px;*/
    text-align: center;
    color: #f00;
    font-size: 12px;
    font-weight: bold;
}

.ligne-pieces .colonne .col-pieces .bt-piece1, .ligne-pieces .bt-piece1,
.ligne-pieces .colonne .col-pieces .bt-piece2, .ligne-pieces .bt-piece2 {
        display:block;
        margin: 1px auto;
        box-sizing: border-box;
        cursor: pointer;
	text-align: center;
        text-decoration: none;
        max-width:250px;
        text-transform: uppercase;
        cursor:pointer;
        border:3px double #fff;
}

.ligne-pieces .colonne .col-pieces .bt-piece1, .ligne-pieces .bt-piece1 {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
	font-size: 12px;
        font-weight:700;
        padding: 7px 2px;
        border-radius: 5px;
}
.ligne-pieces .colonne .col-pieces .bt-piece2, .ligne-pieces .bt-piece2 {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
	font-size: 12px;
        font-weight:700;
        padding: 7px 5px;
        border-radius: 5px;

}
.ligne-pieces .bt-piece1:hover, .ligne-pieces .colonne .col-pieces .bt-piece1:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
        text-decoration: none;
}
.ligne-pieces .bt-piece2:hover, .ligne-pieces .colonne .col-pieces .bt-piece2:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
        text-decoration: none;
}
@media only screen and (max-width:520px) {
.ligne-pieces .colonne .col-pieces .bt-piece1, .ligne-pieces .bt-piece1,
.ligne-pieces .colonne .col-pieces .bt-piece2, .ligne-pieces .bt-piece2 {
    width:150px;
}
}


.ligne-pieces .colonne .col-pieces .bt-piece, .ligne-pieces .colonne .col-pieces a.bt-piece {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
display:block;
margin: 1px auto;
box-sizing: border-box;
padding: 14px 0px;
cursor: pointer;
	font-size: 13px;
	text-align: center;
        text-decoration: none;
        max-width:250px;
}

.ligne-pieces .colonne .col-pieces a.bt-piece:hover, .ligne-pieces .colonne .col-pieces .bt-piece:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
        text-decoration: none;
}


.ligne-pieces .colonne .col-pieces input[type='text'], .ligne-pieces .colonne .col-pieces input[type='tel'], .ligne-pieces .colonne .col-pieces input[type='email'] {
	display: inline-block;
	padding: 6px 1px;
	border: #ff6f61 solid 2px;
	background: #fff;
	width: 40px;
        height:30px;
        line-height:30px;
	text-align: center;
	vertical-align: top;
        margin:0px;
        color:#000;
        font-size:12px;
        border-radius: 0px;
}

.ligne-pieces .colonne .col-pieces input[type='submit'] {
	/*display: inline-block;*/
	float: none;
	min-width: 0px;
        margin:1px;
	margin-left: 6px;
        padding: 5px 5px 3px 5px;
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
.ligne-pieces .colonne .col-pieces input[type='submit']:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}

.ligne-pieces .colonne .col-pieces select {
	height: auto;
	padding: 6px 2px;
	border: #ff6f61 solid 2px;
	background: #fff;
	max-width: 98%;
	text-align: center;
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
        margin:1px;
        margin-top:0px !important;
        height:30px;
        line-height:20px;
        color:#000;
        border-radius: 0px;
}

.ligne-pieces .colonne .col-pieces .intoCol100 {
    display: block;  
    position: relative;
    width:100% !important;
    max-width:1000px !important;
/*border: #000 solid 1px;*/
}
.ligne-pieces .colonne .col-pieces .intoCol100 .intoColDimL {
    float:left;
    margin-left:4px;
    /*border: #f00 solid 1px;*/
}
.ligne-pieces .colonne .col-pieces .intoCol100 .intoColDimR {
    float:right;
    /*border: #0f0 solid 1px;*/
}

.ligne-pieces .colonne .col-pieces input[type='text'].defwidth {
    width: 60px;
    border-radius: 0px !important;
}
.ligne-pieces .colonne .col-pieces select.defwidth {
    width: 75px;
    font-size:14px !important;
    border-radius: 0px !important;
}
.ligne-pieces .colonne .col-pieces input[type='text'].actif, .ligne-pieces .colonne .col-pieces select.actif,
.ligne-pieces .colonne .col-pieces input[type='tel'].actif{
	border: #bbb solid 2px;
}

@media only screen and (max-width:640px) {
    .ligne-pieces .colonne .col-pieces input[type='text'].defwidth, .ligne-pieces .colonne .col-pieces input[type='tel'].defwidth {
        width: 65px;
    }
    .ligne-pieces .colonne .col-pieces select.defwidth {
        width: 85px;
    }
}

.ligne-pieces .colonne .col-pieces input[type="button"], .materiau .piece .col-picto-fac input[type="button"]{
    cursor: pointer;
    display: inline-block;
    border: 2px solid #ccc;
    border-radius: 50%;
    /*width: 100% !important;*/
    margin:1px auto !important;
    margin-top:0px !important;
    margin-bottom:0px !important;
}
.ligne-pieces .colonne .col-pieces input[type="button"]{
    height: 50px;
    width: 50px;
}
.materiau .piece .col-picto-fac input[type="button"]{
    height: 35px;
    width: 35px;
}

.ligne-pieces .colonne .col-pieces input[type="button"].evier, .materiau .piece .col-picto-fac input[type="button"].evier { 
    background:url(img/picto-bouton-evier-3.png) no-repeat center center;
    background-size: contain;
}

.ligne-pieces .colonne .col-pieces input[type="button"].egouttoir, .materiau .piece .col-picto-fac input[type="button"].egouttoir {
    background: url(img/picto-bouton-egouttoir-3.png) no-repeat center center;
    background-size: contain;
}

.ligne-pieces .colonne .col-pieces input[type="button"].plaques, .materiau .piece .col-picto-fac input[type="button"].plaques {
    background: url(img/picto-bouton-plaques-3.png) no-repeat center center;
    background-size: 80%;
}

.ligne-pieces .colonne .col-pieces input[type="button"].decoupes, .materiau .piece .col-picto-fac input[type="button"].decoupes {
    background: url(img/picto-bouton-decoupes-3.png) no-repeat center center;
    background-size: 75%;
}

.ligne-pieces .colonne .col-pieces input[type="button"].autres, .materiau .piece .col-picto-fac input[type="button"].autres {
    background: url(img/picto-bouton-autres-3.png) no-repeat center center;
    background-size: contain;
}

.ligne-pieces .colonne .col-pieces input[type="button"].demandes, .materiau .piece .col-picto-fac input[type="button"].demandes {
    background: url(img/picto-bouton-demandes-3.png) no-repeat center center;
    background-size: contain;
}

.ligne-pieces .colonne .col-pieces input[type="button"].info, .materiau .piece .col-picto-fac input[type="button"].info {
    background: url(img/picto-bouton-pdc-3.png) no-repeat center center;
    background-size: contain;
}

.ligne-pieces .colonne .col-pieces input[type="button"].off,  .materiau .piece .col-picto-fac input[type="button"].off {
    background-color: #fff;
}
.ligne-pieces .colonne .col-pieces input[type="button"].on, .materiau .piece .col-picto-fac input[type="button"].on {
    background-color: #ddd;
}
.ligne-pieces .colonne .col-pieces input[type="button"].checkok, .materiau .piece .col-picto-fac input[type="button"].checkok {
    background-color: #0f0;
}
.ligne-pieces .colonne .col-pieces input[type="button"].checknok, .materiau .piece .col-picto-fac input[type="button"].checknok {
    background-color: #f00;
}
.ligne-pieces .colonne .col-pieces input[type="button"]:hover, .materiau .piece .col-picto-fac input[type="button"]:hover { 
    /*background: url(img/picto-bouton-demandes.png) no-repeat center center, #ff6f61;*/
    color:#fffffe; background-color:#ff6f61 !important; /*border:2px solid #ff6f61;*/
    /*border: 2px solid #ff6f61;*/
}


.infos-reference input[type="button"], .infos-reference input[type="button"] {
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    position: relative; float: left; height: auto; width: auto; min-width: 150px; box-sizing: border-box; padding: 10px 0px; margin-top: 5px; background-color:#fffffe; border:2px solid #fffffe; font-family: 'Raleway', sans-serif; font-size: 13px; color: #fffeff; font-weight: 500; cursor: pointer; border-radius: 5px; }
infos-reference input[type="button"]:hover, .infos-reference input[type="button"]:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; box-sizing: border-box;
}

.txtButtonDialog { 
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
width:100%; /* largeur de la zone de texte */
height:55px;
padding:10px; /* aération interne de la zone de texte */
vertical-align:middle;
display:inline-block;
line-height:1.2;
text-align:center; /* ... et l'alignement du texte */
border-radius: 10px;
font-size: 18px;
}
.txtButtonDialog:hover {
    color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}
@media only screen and (max-width:500px) {
    .txtButtonDialog {
	font-size: 12px;
    }
}


.buttonFiche {
        color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
position: relative; float: left; height: 40px; width: auto; min-width: 150px;	box-sizing: border-box;	padding: 10px 20px; font-family: 'Raleway', sans-serif; font-size: 13px;font-weight: 500; cursor: pointer; border-radius: 5px; margin:2px;
}
.buttonFiche:hover { color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61; box-sizing: border-box; text-decoration: none;}

.buttonFicheDisallow {
            color:#888; background-color: #dddd; border:2px solid #ddd;
position: relative; float: left; height: 40px; width: auto; min-width: 150px;	box-sizing: border-box;	padding: 10px 20px; font-family: 'Raleway', sans-serif; font-size: 13px;font-weight: 500; cursor: not-allowed; border-radius: 5px; margin:2px;}

A.link_lire_suite:link, A.link_lire_suite:visited {
font-size: 11pt; letter-spacing: 1px; color: #000; text-decoration:none; font-variant: small-caps; font-weight: bold;
}

A.link_lire_suite:hover, A.link_lire_suite:active {
font-size: 11pt; letter-spacing: 1px; color: #ff0000; text-decoration:none; font-variant: small-caps; font-weight: bold;
}




#tableauResume .titreResume .titre {
    color:#000;
}

#tableauResumeBas {
    position:relative;
     width: 100%;
     font-size: 11px;
     font-family: 'Raleway', sans-serif;
     box-sizing: border-box;
     margin-top:10px;
}
.resumeDevis  #tableauResumeBas .cadreBas {
    position: absolute;
    width:100%;
    margin:0px auto;
    top:18px;
  left: 50%; /* à 50%/50% du parent référent */
  transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */
}
.resumeDevis .bt-piece2Simple, .resumeDevis .bt-piece2SimpleVS, .resumeDevis .bt-piece2SimpleVSgris {
        display:inline-block;
        margin: 3px auto;
        box-sizing: border-box;
        cursor: pointer;
	text-align: center;
        text-decoration: none;
        max-width:350px;
        text-transform: uppercase;
        cursor:pointer;
        border-radius: 5px;
         -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}

.resumeDevis .bt-piece2Simple {
	font-size: 12px;
        padding: 5px 4px;
        font-weight:700;
        color: #000;
	background: #0f0;
        /*float:right;*/
        border:3px double #fff;
}
.resumeDevis .bt-piece2Simple:hover {
        color: #fff;
	background: #ed2625;
}
.resumeDevis .bt-piece2SimpleVS {
    color:#000; background-color:#0f0; border:3px double #fff;
	font-size: 11px;
        padding: 5px 2px;
        font-weight:500;
        float:left;
}
.resumeDevis .bt-piece2SimpleVS:hover {
    /*color:#fffffe; background-color:#ff6f61; border:3px double #fffffe;*/
    color:#000; background-color:#fff; border:3px double #0f0;
}
.resumeDevis .bt-piece2SimpleVSgris {
    color:#999; background-color:#fffffe; border:3px double #999;
	font-size: 11px;
        padding: 5px 2px;
        font-weight:500;
        float:left;
}
@media only screen and (min-width: 800px) and (max-width:1150px) {
    .resumeDevis{	
        padding: 15px 4px 5px 4px;
    }
    .resumeDevis  #tableauResumeBas .cadreBas {
    position: relative;
    height:auto;
    text-align:center;
    top:0 !important;
    bottom:0 !important;
    left: 0 !important;
    transform: none;
    }
    .resumeDevis .bt-piece2Simple, .resumeDevis .bt-piece2SimpleVS, .resumeDevis .bt-piece2SimpleVSgris {
        float:none;
    }
}
@media only screen and (max-width:500px) {
    .resumeDevis{	
        padding: 15px 4px 5px 4px;
    }
    .resumeDevis  #tableauResumeBas .cadreBas {
    position: relative;
    height:auto;
    text-align:center;
    top:0 !important;
    bottom:0 !important;
    left: 0 !important;
    transform: none;
    }
    .resumeDevis .bt-piece2Simple, .resumeDevis .bt-piece2SimpleVS, .resumeDevis .bt-piece2SimpleVSgris {
        float:none;
    }
}


.divBlocFiltre input[type="button"], .divBlocFiltre3 input[type="button"] {
    float: left; height: auto; width: auto; padding: 6.5px 10px; cursor: pointer; font-family: 'Raleway', sans-serif; font-size: 12px; color: #2a2a2a; background: #fff; border:1px solid #bbb; margin: 5px 0px; text-transform: uppercase;border-radius: 5px; min-width:40px;
}
.divBlocFiltre input[type="button"].on, .divBlocFiltre3 input[type="button"].on {
    background-color:#ff6f61 !important;
}
.divBlocFiltre input[type="button"]:hover, .divBlocFiltre3 input[type="button"]:hover {
color:#fffffe; background-color:#ff6f61; border:1px solid #ff6f61;
}
.divBlocFiltre > a, .divBlocFiltre > div > a, .divBlocFiltre3 > a, .divBlocFiltre3 > div > a{
    display: inline-block;
    text-align:center;
    margin:0px auto;
    color:#000;
    text-decoration: none;
    vertical-align: middle;
}
.divBlocFiltre > a:hover, .divBlocFiltre > div > a:hover, .divBlocFiltre3 > a:hover, .divBlocFiltre3 > div > a:hover{
    text-decoration: none;
    color:#ff6f61;
}
@media only screen and (max-width:910px) {
    .divBlocFiltre2>a.divBlocCouleurs{
        padding:5px 4px;
        border-radius: 5px;
    }
    .divBlocFiltre input[type="button"], .divBlocFiltre3 input[type="button"] {
        padding: 6.5px 10px !important;
    }
}


/*
#content #right-custom #sortbar>div>div input[type="button"].left, #content #sortbar>div>div input[type="button"].left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-right: none; text-transform: uppercase;border-radius: 5px; min-width:40px; }
#content #right-custom #sortbar>div>div input[type="button"].right, #content #sortbar>div>div input[type="button"].right { border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-transform: uppercase;border-radius: 5px; min-width:40px;}
*/
a.bouton-img-ban-accueil{
    color:#ff6f61 !important; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    display:table;
    text-decoration:none !important;
    border-radius: 5px;
    cursor:pointer;
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
    padding: 6px 20px;
    margin:0px auto !important;
    margin-top:5px !important;
}
a.bouton-img-ban-accueil:hover{
    color:#fffffe !important; background-color:#ff6f61; border:2px solid #ff6f61;
    text-decoration:none !important;
}


.sommairePicto {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:space-between;
    text-align: center;
    position: relative;
    height: auto;
    width:100%;
    margin-top:0px;
    margin-bottom:50px;
}
.sommairePicto .picto {
    display: inline-block;
    text-align:center;
    margin:0px auto;
    max-width:180px;
    min-width:70px;
    width:30%;
}
.sommairePicto .pictoCouleur {
    display: inline-block;
    text-align:center;
    margin:0px auto;
    max-width:80px;
    min-width:40px;
    width:20%;
}
.sommairePicto .pictofleche, .sommairePicto .pictoflecheColor {
    position:absolute;
    display: block;
    background-color: #ff6f61;
    height:2px;
    left:0px;
    width:100%;
}
.sommairePicto .pictofleche {
    top:60px;
}
.sommairePicto .pictoflecheColor {
    top:40px;
}
.sommairePicto .pictoflecheL, .sommairePicto .pictoflecheColorL {
    position:absolute;
    display: block;
    background-color: #ff6f61;
    height:20px;
    width:20px;
    left:0px;
}
.sommairePicto .pictoflecheL {
    top:50px;
}
.sommairePicto .pictoflecheColorL {
    top:30px;
}
.sommairePicto .pictoflecheR, .sommairePicto .pictoflecheColorR {
    position:absolute;
    display: block;
    background-color: #ff6f61;
    height:20px;
    width:20px;
    right:0px;
}
.sommairePicto .pictoflecheR {
    top:50px;
}
.sommairePicto .pictoflecheColorR {
    top:30px;
}

.sommairePicto .picto > a, .sommairePicto .picto > div{
    color:#ff6f61; background-color:#fffffe; border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    position: relative;
    display: table-cell;
    vertical-align: top;
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    text-align:center;
    border-radius: 30px;
    text-decoration: none;
    vertical-align: middle;
    padding:1px 12px;
}
.sommairePicto .picto > a:hover {
    	color:#fffffe; background-color:#ff6f61; border:2px solid #ff6f61;
}
.sommairePicto .picto > a > img{
    width:100%;
    max-width:80px;
    min-width:40px;
}
.sommairePicto .picto > div > a > img{
    margin:10px 10px;
}
@media only screen and (max-width:610px) {
    .sommairePicto .picto > a > img{
        width:50%;
    }
}

.sommairePicto .pictoCouleur > a{
    border:2px solid #ff6f61; -webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 80px;
    height: 80px;
    font-family: 'Raleway', sans-serif;
    font-size: 10px;
    text-align:center;
    border-radius: 40px;
    text-decoration: none;
    vertical-align: middle;
}
.sommairePicto .pictoCouleur > a:hover {
    border:2px solid #000;
}
.sommairePicto .pictoCouleur .txtfonce {
    color: #000;
}
.sommairePicto .pictoCouleur .txtclair {
    color: #fff;
}


.footerbtoc{
    z-index:999;
    align-self: flex-end; /* Seul ce bloc sera aligné à la fin */
    position:absolute;
    bottom:0; /* stick to bottom */
    width:100%;
    /*-moz-box-shadow:0px -5px 20px #000000;
    -o-box-shadow:0px -5px 20px #000000;
    -webkit-box-shadow:0px -5px 20px #000000;
    border-top:5px double #fff;*/
    /*box-shadow:0px -5px 20px #000000;*/
    /*margin-top:20px;*/
    margin:0px;
    padding:10px 0px 50px 0px;
    text-align:center;
    min-height:50px;
    background-color:#000;
    color:#fff;
    font-size:14px;
}
.footerbtoc > a{
    color:#fff;
}
.footerbtoc > a:hover{
    color:#f36e62;
}
.footerbtoc .rowfoobande{
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:center;
    text-align: center;
    position: relative;
    width:100%;
    height:50px;
    background-color:#666;
    margin:10px 0px 30px 0px;
}
.footerbtoc .rowfoobande{
    width:100%;
    height:50px;
    background-color:#666;
    margin:10px 0px 30px 0px;
}
.footerbtoc .rowfoobande .divcentre{
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:center;
    text-align: center;
    position: relative;
    text-align:center;
    width:100%;
    max-width: 900px;
    margin:0px auto;
}
.footerbtoc .rowfoobande .divcentre .colfoo{
    text-align:center;
    /*min-width: 400px;*/
    display:inline-block;
    margin:0px auto;
    margin-top:12px;
}
.footerbtoc .rowfoobande .divcentre .colfoo>a{
    color:#fff;
    font-size:13px;
    line-height:15px;
    text-decoration: none;
    padding:5px 10px;
    border:1px solid #666;
    text-transform: uppercase;
}
.footerbtoc .rowfoobande .divcentre .colfoo>a:hover{
    text-decoration: none;
    border:1px solid #ff6f61;
}

.footerbtoc .rowfoo{
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:space-between;
    text-align: center;
    position: relative;
    height: auto;
    width:100%;
}
.footerbtoc .rowfoo .colfoo{
    text-align:center;
    /*min-width: 400px;*/
    display:inline-block;
    margin:0px auto;
}
.footerbtoc .rowfoo .colfoo:first-child{
    width:40%;
}
.footerbtoc .rowfoo .colfoo:last-child{
    width:60%;
}
/*
.footerbtoc .rowfoo .colfoo:nth-child(1){
    width:30%;
}
.footerbtoc .rowfoo .colfoo:nth-child(2){
    width:26%;
}
.footerbtoc .rowfoo .colfoo:nth-child(3){
    width:44%;
}
*/
.footerbtoc .rowfoo .colfoo .divA{
    display:table;
    margin:0px auto;
    text-align:left;
    max-width:300px;
}
.footerbtoc .rowfoo .colfoo .subrow{
    width:100%;
    text-align:center;
    display: -webkit-flex;  
    display: -ms-flexbox;  
    display: flex; 
    -webkit-flex-wrap: wrap;  
    -ms-flex-wrap: wrap;  
    flex-wrap: wrap;  
    justify-content:space-between;
    text-align: center;
    position: relative;
}
.footerbtoc .rowfoo .colfoo .subrow .subcol{
    width:33%;
    text-align:center;
    display:inline-block;
    margin-top:10px;
}
.footerbtoc .rowfoo .colfoo .subrow .subcol .divA{
    display:table;
    margin:0px auto;
    text-align:left;
    max-width:300px;
    font-size:16px;
    min-width:200px;
    padding-left:10px;
}
.footerbtoc .rowfoo .colfoo .subrow .subcol .divA>a{
    color:#fff;
    text-decoration: none;
    padding:5px 0px;
    margin-top:5px;
}
.footerbtoc .rowfoo .colfoo .subrow .subcol .divA>a:hover{
    color:#ed2625;
    text-decoration: none;
}
.caleFooter{
    height:20px;
    border:1px solid #f00;
}
@media only screen and (max-width:950px) {
.footerbtoc .rowfoo .colfoo:nth-child(1){
    width:40%;
    min-width: 285px;
}
.footerbtoc .rowfoo .colfoo:nth-child(2){
    width:60%;
}
/*
.footerbtoc .rowfoo .colfoo:nth-child(3){
    width:100%;
}*/
}
@media only screen and (max-width:820px) {
.footerbtoc .rowfoo .colfoo:nth-child(1), .footerbtoc .rowfoo .colfoo:nth-child(2){
    width:100%;
}
.footerbtoc .rowfoobande .divcentre .colfoo>a{
    font-size:11px;
    padding:5px 4px;
}
.footerbtoc .rowfoo .colfoo .subrow .subcol{
    width:50%;
}
.caleFooter{
    height:100px;
    border:1px solid #f00;
}
}
@media only screen and (max-width:580px) {
.footerbtoc .rowfoo .colfoo .subrow .subcol{
    width:100%;
}
.caleFooter{
    height:120px;
    border:1px solid #00f;
}
}










.titreFicheProd, .titreGlobaux{
    text-align:left !important;
    width:100% !important;
    text-transform: uppercase;
    padding-top:0px !important;
    font-family: 'Raleway', sans-serif;
}
.titreFicheProd{
    font-weight:1000 !important;
    font-size:35px !important;
    margin-top:0px !important;
}
.titreGlobaux{
    font-weight:800 !important;
    font-size:25px !important;
    margin-top:20px !important;
}
@media only screen and (max-width:850px) {
    .titreFicheProd{
        font-size:25px !important;
        text-align:center !important;
    }
    .titreGlobaux{
        font-weight:800 !important;
        font-size:20px !important;
    }
}





a.sdb__type_achat{
    display:block;
    color:#ff6f61;
    background-color:#feffff;
    border: 2px solid #fff;
    font-size: 15px;
    letter-spacing: 1px;
    margin: 5px auto;
    text-transform: uppercase;
    text-decoration:none;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    cursor:pointer;
    overflow:hidden;
}
a.sdb__type_achat:hover{
    color:#000;
    background-color:#feffff;
    border: 2px solid #ff6f61;
}
a.sdb__type_achat>img{
max-width:300px;
width:100%;
-webkit-transition: all 0.7s ease 0s;-moz-transition: all 0.7s ease 0s;-o-transition: all 0.7s ease 0s;transition: all 0.7s ease 0s;
}
a.sdb__type_achat  img.grosse{
max-width:360px !important;
}
a.sdb__type_achat>img:hover{
    opacity: 0.6;
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari 3-8 */
    transform: scale(1.2); 
}

.sdb__type_achat_gris, .sdb__type_achat_gris_absolute{
    display:table;
    color:#888;
    background-color:#eee;
    border: 2px solid #ccc;
    font-size: 16px;
    letter-spacing: 1px;
    margin: 5px auto;
    padding:4px !important;
    text-transform: uppercase;
    text-decoration:none;
    font-weight: bold;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .5);
    cursor:pointer;
}
.sdb__type_achat_gris_absolute{
    padding:4px !important;
}

.sdb__type_achat_gris{
    padding:12px !important;
}

.sdb__type_achat_gris:hover, .sdb__type_achat_gris_absolute:hover{
    color:#fff;
    background-color:#aaa;
    border: 2px solid #999;
    text-decoration: none;
}
.sdb__type_achat_gris_absolute{
    position:absolute;
    left:0;
    top:0;
}
#divPasDeAccessoire{
    text-align:center; width:100%; padding:1px; margin-top:1px;
}

a.sdb__type_achat_unchecked{
    color:#bbb !important;
    background-color:#feffff !important;
    border: 2px solid #ccc !important;
}
a.sdb__type_achat_unchecked>img{
opacity: 0.5;
}
@media only screen and (max-width:750px) {
    .sdb__type_achat_gris, .sdb__type_achat_gris_absolute{
        font-size: 14px;
    }
    a.sdb__type_achat{
        border: 1px solid #fff;
        font-size: 10px;
    }
    a.sdb__type_achat>img, a.sdb__type_achat img.grosse{
        max-width:220px !important;
    }
}