@CHARSET "ISO-8859-1";

@font-face {
    font-family: 'MyriadPro';
    src: url('../fonts/MyriadPro-BoldCond.eot');
    src: url('../fonts/MyriadPro-BoldCond.otf') format('truetype'),
        url('../fonts/MyriadPro-BoldCond.woff') format('woff'),
        url('../fonts/MyriadPro-BoldCond.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BoldCond.svg#MyriadPro') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Soubrier-Regular';
    /*src: url('../fonts/Soubrier-Regular.eot');*/
    src: url('../fonts/Soubrier-Regular.otf') format('truetype'),
        url('../fonts/Soubrier-Regular.woff') format('woff'),
        url('../fonts/Soubrier-Regular.eot?#iefix') format('embedded-opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Kuenstler';
    src: url('../fonts/KuenstlerScriptLTStd-Medium.eot');
    src: url('../fonts/KuenstlerScriptLTStd-Medium.otf') format('truetype'),
        url('../fonts/KuenstlerScriptLTStd-Medium.woff') format('woff'),
        url('../fonts/KuenstlerScriptLTStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/KuenstlerScriptLTStd-Medium.svg#Kuenstler') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeue';
    src: url('../fonts/HelveticaNeueLTStd-ThCn.eot');
    src: url('../fonts/HelveticaNeueLTStd-ThCn.otf') format('truetype'),
        url('../fonts/HelveticaNeueLTStd-ThCn.woff') format('woff'),
        url('../fonts/HelveticaNeueLTStd-ThCn.eot?#iefix') format('embedded-opentype'),
        url('../fonts/HelveticaNeueLTStd-ThCn.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    margin:0;
    padding:0;
    overflow: visible;
    font-weight: 400;
}
/*  PRELOAD IMAGES */
body:after{content:url(../images/horloge-ronde.png) url(../images/homefond.jpg) url(../images/fond-nav.png) url(../images/logob.png) url(../images/search.png)  url(../images/fleche-entiere.svg);display:none;}
body {font-family: Helvetica, Arial, sans-serif; padding:0; margin:0;background-color: #e4e4e4;}
input{font-family: Helvetica, Arial, sans-serif;}

header {background-color: #f3ebdb; position:relative; height: 128px; z-index:99;}

nav {background: url(../images/fond-nav.png) center center no-repeat;}
#page {height: 100%; position: relative;}
#page .page_content {height:100%; width:100%; position: relative; display:none;}

#bandeau {position:relative; z-index: 98;}
#grid-container {position:relative; z-index: 97;}

#footer {margin:0; width:100%; text-align: center; color: #a0a0a0; font-size: 11px;}
#footer .cnt{display: inline-block; width:100%; margin-top:20px;}
footer .content {width:900px; text-align: left; display: inline-block; margin-top: 10px; margin-bottom: 80px;}

#footer  a {text-decoration: underline; color: #B4B4B4;}
#grid-container a {text-decoration: underline; color: #666;}
#footer a:hover, #grid-container a:hover {text-decoration: none;}
#footer a { color: #B4B4B4; }
#overlay, #modalOverlay {width: 100%; height:100%; z-index:2000; background-color: #000; opacity: 0.5; position: fixed; display:none;}

/* SHADOWS - pensez au crossbrowsing ici */
.shadow-text {text-shadow: 1px 1px 1px #444;}
* html .shadow-text {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=1);
    zoom: 1;
}
header {
    -moz-box-shadow: 1px 1px 5px #444; 
    -webkit-box-shadow: 1px 1px 5px #444; 
    box-shadow: 1px 1px 5px #444;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=10);
    zoom: 1;*/
}
#bandeau {
    -moz-box-shadow:    inset 0 8px -6px 6px #444;
    -webkit-box-shadow: inset 0 8px -6px 6px #444;
    box-shadow: inset 0 -2px 4px #000;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#444444', Direction=135, Strength=10);
    zoom: 1;*/
}



.clear {clear: both;}
.clear_right {clear: right;}
.clear_left {clear: left;}
.picto {font-family: Soubrier-Regular;}
.font-picto {font-family: Soubrier-Regular;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}

#home {display:none;}

#logo {text-align: center; padding: 20px 0;}

.lang {color: #CCC;}
.lang a:link {text-decoration:none; border:none;}
.lang img {border: none; }

.hidden{
    visibility: none;
}


/*#loader, #indicator {position: absolute;top: 50%;left: 50%; z-index: 99;}*/
.thumb_loader {
    position: absolute;top: 47.5px;left: 75px; z-index: 999;
    width: 32px; height: 85px; display: inline-block;
    font: 0/0 a; text-shadow: none; color: transparent; font hack replacement
    background: url(../images/loader.gif) no-repeat;
    background: url(../images/horloge-normale.png) left top no-repeat;
    -webkit-animation: animation 1s steps(1, end) infinite;
    -moz-animation:    animation 1s steps(1, end) infinite;
}

.medium_loader {
    position: absolute; left: 50%; top: 50%; margin-top: -42.5px; margin-left: -16px; z-index: 999;
    width: 32px; height: 85px; display: inline-block;
    font: 0/0 a; text-shadow: none; color: transparent; font hack replacement
    background: url(../images/loader.gif) no-repeat;
    background: url(../images/horloge-normale.png) left top no-repeat;
    -webkit-animation: animation 1s steps(1, end) infinite;
    -moz-animation:    animation 1s steps(1, end) infinite;
}

.big_loader {
    position: absolute; left: 50%; top: 50%; margin-top: -62.5px; margin-left: -26px; z-index: 999;
    width: 97px; height: 97px; display: inline-block;
    font: 0/0 a; text-shadow: none; color: transparent; /*font hack replacement*/
    background: url(../images/loader.gif) no-repeat;
    background: url(../images/horloge-ronde.png) left top no-repeat;
    -webkit-animation: animation2 1s steps(1, end) infinite;
    -moz-animation:    animation2 1s steps(1, end) infinite;
}

#indicator {
    position: absolute;top: 50%;left: 50%; z-index: 999; margin-left: -47px; margin-top: -48px;
    width: 97px; height: 97px; display: inline-block;
    font: 0/0 a; text-shadow: none; color: transparent; /*font hack replacement*/
    background: url(../images/loader.gif) no-repeat;
    background: url(../images/horloge-ronde.png) left top no-repeat;
    -webkit-animation: animation2 1s steps(1, end) infinite;
    -moz-animation:    animation2 1s steps(1, end) infinite;
}

@-webkit-keyframes animation { 
    /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/
    0% { background-position: -2px -2px; }
    4% { background-position: -45px -2px; }
    8% { background-position: -88px -2px; }
    12% { background-position: -131px -2px; }
    16% { background-position: -174px -2px; }
    20% { background-position: -217px -2px; }
    24% { background-position: -260px -2px; }
    28% { background-position: -303px -2px; }
    32% { background-position: -346px -2px; }
    36% { background-position: -389px -2px; }
    40% { background-position: -432px -2px; }
    44% { background-position: -475px -2px; }
    48% { background-position: -518px -2px; }
    52% { background-position: -561px -2px; }
    56% { background-position: -604px -2px; }
    60% { background-position: -647px -2px; }
    64% { background-position: -690px -2px; }
    68% { background-position: -733px -2px; }
    72% { background-position: -776px -2px; }
    76% { background-position: -819px -2px; }
    80% { background-position: -862px -2px; }
    84% { background-position: -905px -2px; }
    88% { background-position: -948px -2px; }
    92% { background-position: -991px -2px; }
    96% { background-position: -1034px -2px; }
    100% { background-position: -2px -2px; }
}
@-moz-keyframes animation    { 
    /*from { background-position: 0 0; } to { background-position: 100% 0; }*/
    0% { background-position: -2px -2px; }
    4% { background-position: -45px -2px; }
    8% { background-position: -88px -2px; }
    12% { background-position: -131px -2px; }
    16% { background-position: -174px -2px; }
    20% { background-position: -217px -2px; }
    24% { background-position: -260px -2px; }
    28% { background-position: -303px -2px; }
    32% { background-position: -346px -2px; }
    36% { background-position: -389px -2px; }
    40% { background-position: -432px -2px; }
    44% { background-position: -475px -2px; }
    48% { background-position: -518px -2px; }
    52% { background-position: -561px -2px; }
    56% { background-position: -604px -2px; }
    60% { background-position: -647px -2px; }
    64% { background-position: -690px -2px; }
    68% { background-position: -733px -2px; }
    72% { background-position: -776px -2px; }
    76% { background-position: -819px -2px; }
    80% { background-position: -862px -2px; }
    84% { background-position: -905px -2px; }
    88% { background-position: -948px -2px; }
    92% { background-position: -991px -2px; }
    96% { background-position: -1034px -2px; }
    100% { background-position: -2px -2px; }
}

@-webkit-keyframes animation2 { 
    /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/
    0% { background-position: -2px -2px; }
    4% { background-position: -99px -2px; }
    8% { background-position: -196px -2px; }
    12% { background-position: -293px -2px; }
    16% { background-position: -390px -2px; }
    20% { background-position: -487px -2px; }
    24% { background-position: -584px -2px; }
    28% { background-position: -681px -2px; }
    32% { background-position: -778px -2px; }
    36% { background-position: -875px -2px; }
    40% { background-position: -972px -2px; }
    44% { background-position: -1069px -2px; }
    48% { background-position: -1166px -2px; }
    52% { background-position: -1263px -2px; }
    56% { background-position: -1360px -2px; }
    60% { background-position: -1457px -2px; }
    64% { background-position: -1554px -2px; }
    68% { background-position: -1651px -2px; }
    72% { background-position: -1748px -2px; }
    76% { background-position: -1845px -2px; }
    80% { background-position: -1942px -2px; }
    84% { background-position: -2039px -2px; }
    88% { background-position: -2136px -2px; }
    92% { background-position: -2233px -2px; }
    96% { background-position: -2330px -2px; }
    100% { background-position: -2px -2px; }
}
@-moz-keyframes animation2 { 
    /*from { background-position: 0 0; } to { background-position: 100% 0; } }*/
    0% { background-position: -2px -2px; }
    4% { background-position: -99px -2px; }
    8% { background-position: -196px -2px; }
    12% { background-position: -293px -2px; }
    16% { background-position: -390px -2px; }
    20% { background-position: -487px -2px; }
    24% { background-position: -584px -2px; }
    28% { background-position: -681px -2px; }
    32% { background-position: -778px -2px; }
    36% { background-position: -875px -2px; }
    40% { background-position: -972px -2px; }
    44% { background-position: -1069px -2px; }
    48% { background-position: -1166px -2px; }
    52% { background-position: -1263px -2px; }
    56% { background-position: -1360px -2px; }
    60% { background-position: -1457px -2px; }
    64% { background-position: -1554px -2px; }
    68% { background-position: -1651px -2px; }
    72% { background-position: -1748px -2px; }
    76% { background-position: -1845px -2px; }
    80% { background-position: -1942px -2px; }
    84% { background-position: -2039px -2px; }
    88% { background-position: -2136px -2px; }
    92% { background-position: -2233px -2px; }
    96% { background-position: -2330px -2px; }
    100% { background-position: -2px -2px; }
}

/* * html #pgStatique_contact {height: 380px;}*/

h1 {display:none;}
menu, h2 { text-transform: uppercase;}
menu, h1, h2, h3 { font-weight:normal;}
/* MENU CSS */
menu { font-size:14px; font-weight: 200; font-style: normal;  line-height:19px; text-align:center; height: 58px; margin:0; padding:0;}
.wf-loading menu, .wf-inactive menu{
    font-family: Arial, sans-serif;
    font-size: 13px;
    width: 960px;
}

.wf-active menu{        
    font-family: "myriad-pro-condensed", sans-serif;
    font-size:20px;
    width: 960px;
} 
menu a {text-decoration:none; cursor: pointer;}
menu a:link {color: #000;}
menu a:visited {color: #000;}
menu .picto {font-size: 35px;}
menu li:hover,
menu li a.fly:hover {white-space:nowrap; color:#9f0909;} 
menu li {height:31px; z-index: 101;}
.wf-inactive menu li, .wf-loading menu li{
    padding: 28px 25px 0;
}  

.wf-active menu li{        
    padding: 28px 26px 0;
} 
menu li.selected {height: 50px;} 
menu li:first-child {padding:0 23px 0 0; margin: 0 0 0 -10px;}
menu li img {vertical-align: text-bottom;}
menu li:last-child {padding:0 0 0 23px;   vertical-align: middle !important; vertical-align: bottom; }
menu.level1 {margin:0 auto;}
menu.level1 li.level1-li {display:inline-block; position:relative;}
menu li:hover > a,
menu li:hover > a.fly {color:#9f0909;}
menu li.selected > a {color:#9f0909;}

/*
menu li.selected { position: relative; background: url('../images/menu_selected.png') 0 0;}
menu li.selected:after, menu li.selected:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
menu li.selected:after { border-color: rgba(0, 0, 0, 0); border-top-color: #ded3be; border-width: 30px; left: 50%; margin-left: -30px; }
menu li.selected:before { border-color: rgba(194, 225, 245, 0); border-top-color: #ded3be; border-width: 30px; left: 50%; margin-left: -30px; }
*/


menu li.selected {
    background-image:  url(../images/fleche-entiere.svg);
    -webkit-background-size: cover; /* pour Chrome et Safari */
    -moz-background-size: 100% 100% ; /* pour Firefox */
    -o-background-size:100% 100%; /* pour Opera */
    background-size: 100% 100%; /* version standardisée */
}

#bandeau {
    width: 100%;
    height: 400px;
    margin:0;
    padding:0;
}
#bandeau.news {background: url(../photos/bandeau/soubrier-027.jpg) no-repeat center;
               -webkit-background-size: cover; /* pour Chrome et Safari */
               -moz-background-size: cover; /* pour Firefox */
               -o-background-size: cover; /* pour Opera */
               background-size: cover; /* version standardisée */}
#bandeau.about{background: url(../photos/bandeau/soubrier-030.jpg) no-repeat center;
               -webkit-background-size: cover; /* pour Chrome et Safari */
               -moz-background-size: cover; /* pour Firefox */
               -o-background-size: cover; /* pour Opera */
               background-size: cover; /* version standardisée */}
#bandeau.catalogue{background: url(../photos/bandeau/soubrier-035.jpg) no-repeat center;
                   -webkit-background-size: cover; /* pour Chrome et Safari */
                   -moz-background-size: cover; /* pour Firefox */
                   -o-background-size: cover; /* pour Opera */
                   background-size: cover; /* version standardisée */}

#bandeau .text {font-family: "jaf-bernino-sans-comp", HelveticaNeue, sans-serif; text-shadow: 1px 1px 1px #000; text-align: center; padding-top: 130px; color: white; font-size: 35px; font-weight: 400; font-style: normal; text-transform: uppercase;}

#grid-container {width: 100%; text-align: center; display: block;}
#grid-container .content {width: 960px; display: inline-block; background-color: #ededed;}
#grid-container .grid {width: 100%;}
#grid-container .column {text-align: left; padding:30px 0 0 0;}
#grid-container .column.column1 {width: 273px;}
#grid-container .column.column2 {width: 587px;}
#grid-container .column.column3 {width: 900px;}
#grid-container .gutter {width: 40px;}
#grid-container .side {width: 30px;}
.grid .column1, .grid .column2, .grid .column3, .grid .gutter, .grid .side {float: left;}

#grid-container h1 {display:none;}
#grid-container h2 {font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif; font-size: 25px; line-height:22px; color: #9f0909; dispay:block;margin: 2px 0 20px 0;}
#grid-container h3 {font-size: 12px; color: #9f9f9f; dispay:block; margin: 0;}
#grid-container .picto {color: #9f0909; font-size: 26px; line-height:27px; float:left; margin: 0px 10px 0 0; vertical-align: text-bottom;}
#grid-container p {font-size: 12px; margin: 10px 0 0 0; color: #666;}
#grid-container .slide {font-size: 12px; color: #666;}
#grid-container li {font-size: 12px; color: #666}
#grid-container li:last-child {list-style: none;}

#grid-container p b {color: #000}
#grid-container p.title, #grid-container ul i {font-size: 11px;}
#grid-container ul {margin: 10px 0 0 0;}
#grid-container .mess{display:inline-block; padding-top:70px; width:100%;margin-bottom:7em; text-align:center; font-size:12px; color:#666;}

#grid-container .illustration img {float:left; margin-right: 25px;}
/* SLIDER AMBIANCES */

.slides-text{color: #fff;left: 50px;bottom: 40px;}
.slides-text h2 {font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif; margin:0; font-size: 24px; text-transform: uppercase;}
.slides-text p {font-size: 12px;}
.slides-item{display:none; width: 100%;height: 100%;margin:0;padding:0;}


.slides-next, .slides-previous, .slides-text {position: absolute;z-index: 99;}
.slides-next:hover, .slides-previous:hover {cursor: pointer;}
.slides-next{
    /*background: url(../images/sright_enable.png) 0 0 no-repeat;
    width: 98px;
    height: 98px;*/
    right: 50px;
    font-size: 90px;
    color: #ded3be;
    text-decoration: none;
}
.slides-previous{
    /*
    background: url(../images/sleft_enable.png)  0 0 no-repeat;
    width: 98px;
    height: 98px;*/
    display: none;
    left: 50px;
    font-size: 90px;
    color: #ded3be;
    text-decoration: none;
}
/* ELEMENT PRODUIT*/

a.swipebox {
    cursor: -webkit-zoom-in; cursor: -moz-zoom-in;
}

#product_cnt {
    float:left;		
}

#product_cnt #leftControl, #product_cnt #rightControl, .pcontrol.right, .pcontrol.left {
    border: 0;
    cursor: pointer;
}
#product_cnt #leftControl, #product_cnt #rightControl {
    height: 32px;
    width: 32px;
    top: 5px;
    position: relative;
}
#product_cnt #leftControl {
    background: url(../images/flecheRougeGauche.svg) no-repeat;
}
#product_cnt #rightControl {
    background: url(../images/flecheRougeDroite.svg) no-repeat;
}
.pcontrol.right, .pcontrol.left {
    height: 42px;
    width: 42px;
}
.pcontrol.right {
    background: url(../images/flecheNoireDroite.svg) no-repeat;
}
.pcontrol.left {
    background: url(../images/flecheNoireGauche.svg) no-repeat;
}

#product_cnt .product .pict_cnt .slidesContainer {
    margin:0 auto;
    width:600px;
    height:454px;
    /*overflow:auto;  allow scrollbar */
    position:relative;
}
#product_cnt .product .pict_cnt .slide {
    margin:0 auto;
    width:600px; 
    height:454px;
}
.wf-loading #product_cnt h2, .wf-inactive #product_cnt h2{
    font-family: "proxima-nova-extra-condensed", HelveticaNeue, sans-serif;
    font-size: 19px;
}
#product_cnt .product .desc_cnt .slidesContainer {
    position: relative;
    width: 299px;
    height: 100%;
    margin: 0 30px;
}
#product_cnt .product .desc_cnt .slide div {
    margin-bottom: 20px;
    width: 300px;
}
#product_cnt .product .desc_cnt .slide .select div {margin-bottom: 0; width: auto;}
#product_cnt .product .desc_cnt .slide div.links { width : 160px; margin-bottom: 10px; height: 20px;}
#product_cnt .product .desc_cnt .slide div.links a { width : 162px; display: inline-block;}
#product_cnt .product .desc_cnt .slide div.resume {}
#product_cnt .product .desc_cnt .slide div.wrapper { position: relative; height: 358px; margin:0;}
#product_cnt .product .desc_cnt .slide div.wrapper .cnt { position: absolute; bottom: 0; width: 100%;  margin:0;}
#product_cnt .product .desc_cnt .slide div.params table {width: 290px; border: 0; margin:0; padding: 0;}
#product_cnt .product .desc_cnt .slide div.params tr { margin:0; padding: 0;}
#product_cnt .product .desc_cnt .slide div.params td { margin:0; padding: 0;}
#product_cnt .product .desc_cnt .slide div.params td.title {width: 150px;}
#product_cnt .product .desc_cnt .slide div.params td:first-letter { text-transform: capitalize;}
#product_cnt .product .desc_cnt .slide div.params .odd { background-color: #e4e4e4; }
#product_cnt .product .desc_cnt .slide div.params .even { background-color: #ededed; }
#product_cnt .product .desc_cnt .slide div.params .ref { text-transform: uppercase; }
#product_cnt .product .desc_cnt .slide div.params .diameter {  font-size: 18px;line-height: 16px;vertical-align: baseline; font-weight: lighter;}


#product_cnt .product .desc_cnt .slide div.select a .linkAdd {
    vertical-align: top;
    display: inline-block;
    height: 14px;
    width:14px;
    background: url(../images/add_controls.png) no-repeat;
    cursor: pointer; padding-left: 5px; }
#product_cnt .product .desc_cnt .slide div.select a.on .linkAdd { background-position: 0 -42px; }
#product_cnt .product .desc_cnt .slide div.select a.off .linkAdd{ background-position: 0 -14px; }
#product_cnt .product .desc_cnt .slide div.select a.on:hover, #product_cnt .product .desc_cnt .slide div.select a.off:hover {color:black; text-decoration: underline;}
#product_cnt .product .desc_cnt .slide div.select a.on:hover > .linkAdd{ background-position: 0 -28px;}
#product_cnt .product .desc_cnt .slide div.select a.off:hover > .linkAdd{ background-position: 0  0; }
#product_cnt .product .desc_cnt .slide div.select a img { vertical-align: text-bottom; margin-right: 5px;}

#product_cnt {width:100%; background-color: black; text-align: center; height: 0px; position:relative; overflow: hidden; overflow: -moz-hidden-unscrollable !important; }
#product_cnt .product {text-align: left; width:960px; display: inline-block; position: relative;}

/* MORE PICT SLIDE */

#product_cnt .slidepict {float:left; width: 600px;}

#product_cnt .product {
    -moz-box-shadow: inset 0px -10px 10px -10px #000;
    -webkit-box-shadow: inset 0px -10px 10px -10px #000;
    -o-box-shadow: inset 0px -10px 10px -10px #000;
    box-shadow: inset 0px -10px 10px -10px #000;	
}
#product_cnt .product .pict_cnt {height: 454px; width: 600px; float:left;}
#product_cnt .product .pict_cnt img {height: 454px; width: 600px;}
#product_cnt .product .pict_cnt .shadow {
    -moz-box-shadow: inset 0px -10px 10px -10px #000;
    -webkit-box-shadow: inset 0px -10px 10px -10px #000;
    -o-box-shadow: inset 0px -10px 10px -10px #000;
    box-shadow: inset 0px -10px 10px -10px #000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5);
    position: absolute;
    bottom:0;
    left:0;
    width: 600px;
    height: 15px;
}
#product_cnt .product .desc_cnt {width:360px; background-color: #ededed; float:left;}
#product_cnt .product .desc_cnt .close {height: 30px; text-align: right; margin-top:20px; padding: 0 20px;}
#product_cnt .product .desc_cnt .nav { height: 60px; text-align: center; font-size: 13px; color: #9f0909; }
#product_cnt .product .desc_cnt .nav .bt_cnt {height: 17px; padding: 25px 0 0 0; vertical-align: bottom; }
#product_cnt .product .desc_cnt .nav button{ margin: 0 10px; padding:0;}
#product_cnt .product .desc_cnt .nav span{display: inline-block; vertical-align: bottom;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #product_cnt .product .desc_cnt .nav span{height: 21px;}
    ::i-block-chrome, #product_cnt .product .desc_cnt .nav span{height: 17px;}
}

#product_cnt .product .desc_cnt .nav span.sep{ margin: 0 2px;}
#product_cnt .product .desc_cnt .desc { height: 344px;
                                        -moz-box-shadow: inset 0px -10px 10px -10px #000;
                                        -webkit-box-shadow: inset 0px -10px 10px -10px #000;
                                        -o-box-shadow: inset 0px -10px 10px -10px #000;
                                        box-shadow: inset 0px -10px 10px -10px #000;
                                        filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5);
}

/* ELEMENTS DE RECHERCHE CATALOGUE*/



#grid-container.catalogue {position: absolute; top: 121px;  background: none; text-align: left; z-index: 0;}
#grid-container.catalogue .content {width:100%; min-height: 700px;}
#grid-container.catalogue .thumb {
    float: left;
    max-width: 200px;
    margin:0 1px 1px 0;
    position: relative;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #grid-container.catalogue .thumb{margin:0 1px 2px 0;}
    ::i-block-chrome, #grid-container.catalogue .thumb{margin:0 1px 1px 0;}
}


#grid-container.catalogue .thumb img {
    height: auto;
    max-width: 100%;
    width: auto\9;
    cursor: pointer;
}

#grid-container.catalogue .thumb .overselect {
    text-align: center;
    line-height: 200px;
    font-size: 13px;
    font-style: oblique;
    position: absolute;
    top:0;
    left:0;
    opacity: 0.8;
    width:100%;
    height: 100%;
    background-color: black;
    z-index: 10;
}
#grid-container.catalogue .thumb .overlay div {
    opacity: 0;
    z-index: 5;
    position : absolute;
    background-color: #000;
    /*-webkit-box-shadow: 0px 0px 4px #000;
    -moz-box-shadow: 0px 0px 4px  #000;
    box-shadow: 0px 0px 4px  #000;*/
    width:100%;
    overflow: hidden;
}
#grid-container.catalogue .thumb .overlay .top {top:0; height: 0px; padding : 5px 0px;}
#grid-container.catalogue .thumb .overlay .bottom{bottom:0; height: 0px; padding: 5px 0 0 0;}
#grid-container.catalogue .thumb .overlay div span {display: block;}
#grid-container.catalogue .thumb .overlay div .selection a {}
#grid-container.catalogue .thumb .title { text-transform: uppercase; }
#grid-container.catalogue .thumb a {color: #fff;}
#grid-container.catalogue .thumb .top a img {margin-right: 5px; vertical-align: top;}
#grid-container.catalogue .thumb span { margin-left: 10px;}
.wf-inactive #grid-container.catalogue .thumb .title, .wf-loading #grid-container.catalogue .thumb .title{
    font-family: Arial, sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    white-space: nowrap;
}  
.wf-active #grid-container.catalogue .thumb .title{
    text-transform: uppercase;        
    font-family: "myriad-pro-condensed", sans-serif;
    font-size:14px;
}
#grid-container.catalogue .thumb .epoque, #grid-container.catalogue .thumb .plusinfo, #grid-container.catalogue .thumb .top { font-size: 11px; }
#grid-container.catalogue .thumb .top a { text-decoration: none; font-style: oblique }
#grid-container.catalogue .thumb .plusinfo {margin-top:15px;}
#grid-container.catalogue .content {background: #fff;}

#page {position: relative;}
/*#catalogue + div.page_content {position: absolute; top:162px;}*/
#catalogue {text-align:center; color:#666; width:100%; background-color: #F3EBDB; height: 120px;}
#catalogue .cnt_categorie {background-color: #ded3be;}
#catalogue .cnt_epoque {background-color: #d1c5ae; height: 35px;}
#catalogue .cnt_size {background-color: #CBBDA3; height: 35px;}

#catalogue .cnt_epoque label, #catalogue .cnt_size label {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 16px;
    margin-right: 5px;
}

#catalogue .cnt_epoque input[type=checkbox], #catalogue .cnt_size input[type=checkbox] {
    display: none;
    position: relative;
    bottom: 1px;
}
#catalogue .cnt_epoque label:before, #catalogue .cnt_size label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
}


#catalogue .cnt_epoque input[type=checkbox]:checked + label:before, #catalogue .cnt_size input[type=checkbox]:checked + label:before{
    content: "\2713";
    color: #6d685b;
    text-align: center;
    line-height: 15px;
}



#catalogue .cnt_selection {background-color: #c8bba2;
                           -moz-box-shadow:  0px 10px 10px -10px #000;
                           -webkit-box-shadow:  0px 10px 10px -10px #000;
                           -o-box-shadow: 0px 10px 10px -10px #000;
                           box-shadow: 0px 10px 10px -10px #000;
                           filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=90, Strength=5);
                           height: 35px;
                           width: 400px;
} 

#catalogue .breadcrum {font-size: 10px; margin: 8px 0;}
#catalogue .breadcrum a {color: #666; text-decoration: none;}
#catalogue .row a {color: #666; text-decoration: none; }
#catalogue .row {float:left; font-size:11px; margin-right: 0px;}
#catalogue .cnt_epoque .row, #catalogue .cnt_size .row  { margin-right: 8px;}
#catalogue .cnt_epoque .row:last-child, #catalogue .cnt_size .row:last-child { margin-right: 0px;}
#catalogue .cnt_selection .row  { margin-right: 16px;}
#catalogue .cnt_selection .row.title a {text-decoration: underline; cursor: pointer;}
#catalogue .cnt_selection .row.title.end a { margin-left: 10px;}
#catalogue .cnt_selection .row.title a.selectLink {margin-left: 1px;}
#catalogue .cnt_epoque .row:not(.main), #catalogue .cnt_size .row:not(.main), #catalogue .cnt_selection .row:not(.main) { line-height: 16px;}

#catalogue .cnt_categorie .row.main .arrow, #catalogue .cnt_selection .row.main .arrow{
    background: url(../images/menu_controls.png) no-repeat;
    height: 6px;
    width: 11px;
    border: 0;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
}
#catalogue .cnt_categorie .row.main .arrow.off, #catalogue .cnt_selection .row.main .arrow.off{
    background-position: 0px 0px;
}
#catalogue .cnt_categorie .row.main .arrow.on, #catalogue .cnt_selection .row.main .arrow.on{
    background-position: 0px -6px;
}

#catalogue .cnt_selection .row.main .arrow.disable {
    display:none;
}


.wf-inactive #catalogue .cnt_epoque .row:not(.main), .wf-inactive #catalogue .cnt_size .row:not(.main), .wf-inactive #catalogue .cnt_selection .row:not(.main), .wf-loading #catalogue .cnt_epoque .row:not(.main), .wf-loading #catalogue .cnt_size .row:not(.main), .wf-loading #catalogue .cnt_selection .row:not(.main){margin-top:1px;}
.wf-active #catalogue .cnt_epoque .row:not(.main), .wf-active #catalogue .cnt_size .row:not(.main), .wf-active #catalogue .cnt_selection .row:not(.main){margin-top:3px;}


#catalogue .row.toogle_bt, #catalogue .row.toogle_cat {width:100px;}
#catalogue .row.main:not(.toogle_epo) .title, #catalogue .row.main:not(.toogle_size) .title{cursor: pointer;}
#catalogue .cnt_epoque .row, #catalogue .cnt_size .row, #catalogue .cnt_selection .row{font-size: 12px;}
#catalogue .row ul { margin:0; padding:0; text-indent: -8px;}
#catalogue .row li:before { content: "\2022 \0020"; }
#catalogue .row li{ max-width: 85px; list-style: none; margin-left: 3px;padding-left: 5px;}
#catalogue a.selected, #catalogue .main { color: #9F0909;}
#catalogue .row a:hover,
#catalogue .row a.fly:hover,
#catalogue .row label:hover,
#catalogue .cnt_epoque input[type=checkbox]:hover:checked + label:before,
#catalogue .cnt_size input[type=checkbox]:hover:checked + label:before,
#catalogue .cnt_size input[type=checkbox]:hover:checked + label span:before,
#catalogue .cnt_size input[type=checkbox]:hover + label span:before {color:#9f0909;}
#catalogue .row .title{text-transform: uppercase; font-weight: bold;}
#catalogue .row .epoque, #catalogue .row .size{text-transform: capitalize; font-weight: normal;}
#catalogue .row .size .icon-petit:before, #catalogue .row .size .icon-moyen:before, #catalogue .row .size .icon-grand:before {
    color: #666769;
    font-size: 1.4em;
    line-height: 0.5em;
    margin-right: 8px;
    position: relative;
    bottom: -2px;
}
.wf-inactive #catalogue .row .title, .wf-loading #catalogue .row .title{font-family: Arial, sans-serif;	font-size: 10px;}  
.wf-active #catalogue .row .title{font-family: "myriad-pro-condensed", sans-serif;font-size:14px;}
.wf-active #catalogue .cnt_epoque .row .title, .wf-active #catalogue .cnt_size .row .title {min-width: 95px; display: block;}

#catalogue .cnt {display: inline-block; width:960px; text-align: left;}
#catalogue input#search {
    font-style: oblique;
    font-size: 14px;
    line-height: 15px;
    padding: 2px 0 0 20px;
    background-color: #F3EBDB;
    height:20px;
    width:782px; 
    float:left;
    color: #A3A3A3;
}
#catalogue input#search.error {
    outline: -webkit-focus-ring-color auto 2px;
    outline-style: auto;
    outline-width: 2px;
    outline-color: #CC0000;
}

#catalogue input#search:focus {
    font-style: normal;
    color:#666;
}
#catalogue input#search:active {
    font-style: normal;
    color:#666;
}

#catalogue input[type*="submit"] {
    background: #c6b9a0;
    width: 109px;
    margin-left: 20px;
    background: -webkit-linear-gradient( #d3c8b1, #c3b69c);
    background:    -moz-linear-gradient( #d3c8b1, #c3b69c);
    background:     -ms-linear-gradient( #d3c8b1, #c3b69c);
    background:      -o-linear-gradient( #d3c8b1, #c3b69c);
    background:         linear-gradient( #d3c8b1, #c3b69c);
    text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.6);
    border: 1px solid #9d9582;
}



button.css3button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #050505;
    padding: 10px 20px;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #ebebeb 50%,
        #dbdbdb 50%,
        #b5b5b5);
    background: -webkit-gradient(
        linear, left top, left bottom, 
        from(#ffffff),
        color-stop(0.50, #ebebeb),
        color-stop(0.50, #dbdbdb),
        to(#b5b5b5));
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #949494;

    text-shadow:
        0px -1px 0px rgba(000,000,000,0.2),
        0px 1px 0px rgba(255,255,255,1);
}





#catalogue input[type*="submit"]:hover {
    background: #c0b49b;
    background: -webkit-linear-gradient( #cbc0aa, #bcaf96);
    background:    -moz-linear-gradient( #cbc0aa, #bcaf96);
    background:     -ms-linear-gradient( #cbc0aa, #bcaf96);
    background:      -o-linear-gradient( #cbc0aa, #bcaf96);
    background:         linear-gradient( #cbc0aa, #bcaf96);
    -moz-box-shadow:
        1px 1px 4px rgba(000,000,000,0.1) ;
    -webkit-box-shadow:
        1px 1px 4px rgba(000,000,000,0.1) ;
    box-shadow:
        1px 1px 4px rgba(000,000,000,0.1) ;
}



/* ==========================================================================
   Connexion popup
   ========================================================================== */
.strong{
    font-weight: bold;
}
#dynamicBlock{
    position: absolute;
    width : 960px;
    height: 80px;
    /*background: red;*/
    margin-left: calc(50% - 480px);
    font-family: "myriad-pro-condensed", sans-serif;
    line-height: 1.4em;
    font-size: 0.9em;
    letter-spacing: 0.07em;
}
#modal{
    position: absolute;
    width: 100%;
    overflow: auto;
    height: 100%;
}
#modal span.underline{
    display: inline;
    text-decoration: underline;
    font-size: 1em;
    cursor: hand;
    cursor: pointer;
}
#mainBox{
    position: relative;
    left: 50%;
    max-width: 630px;
    min-width: 320px;
    padding: 18px;
    margin: 8px 0 160px 0;
    font-size: 0.9em;
    background-color: #DED1B9;
    z-index: 100000;
    text-align: left;
    color: #6D685B;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px;	
    -webkit-transform: translateX(-50%) translateY(10%);
    -moz-transform: translateX(-50%) translateY(10%);
    -ms-transform: translateX(-50%) translateY(10%);
    transform: translateX(-50%) translateY(10%);
    box-shadow: 0 0 19px 0 rgba(0,0,0,0.16);   
    -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);	
}

#mainBox.button_link{
    float: left;
}

#mainBox.fixed{
    position: fixed;
}

#mainBox p.onlybold{
    font-weight: bold;
    color: #6d685b;
}

#mainBox p.br{
    margin-top: 50px;
}

#mainBox img.cross{
    position: absolute;
    right: 15px;
    cursor: pointer;
    cursor: hand;
}

/********datepicker****************/
#ui-datepicker-div{
    z-index: 800000 !important;
    background: #F4F1EA;
}
#ui-datepicker-div .ui-datepicker-header{
    background: #E7E1D2;
}
#ui-datepicker-div .ui-datepicker-header .ui-state-hover{
    background: #CBC1A9;
    border: none;
}
#ui-datepicker-div .ui-widget-header {
    border: none;
}
#ui-datepicker-div .ui-icon-circle-triangle-e{
    background-position: -33px 1px;
}

#ui-datepicker-div .ui-icon-circle-triangle-w{
    background-position: -95px 1px;
}
#ui-datepicker-div .ui-datepicker-title, #ui-datepicker-div .ui-datepicker-calendar th{
    color: #625A44;
    font-family: "myriad-pro-condensed";
    font-size: 16px;
    font-weight: normal;
}
#ui-datepicker-div .ui-datepicker-calendar th{
    font-size: 15px;
}
#ui-datepicker-div .ui-datepicker-calendar td a{
    background: #E7E1D2;
}
#ui-datepicker-div .ui-datepicker-calendar td.ui-datepicker-unselectable a{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=36)";
    filter: alpha(opacity=0.36);
    -moz-opacity: 0.36;
    -khtml-opacity: 0.36;
    opacity: 0.36;	
}
#ui-datepicker-div .ui-datepicker-buttonpane button{
    background: none;
    border: none;
    font-family: "myriad-pro-condensed";
    font-size: 16px;
    font-weight: normal;
}
#ui-datepicker-div .ui-datepicker-buttonpane button.ui-datepicker-close{
    text-decoration: underline;
}
/********************************/
#mainBox h1{
    position: relative;
    display: block;
    text-align: center;
    color: #6D685B;
    font-size: 17px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: bold;
    /*width: 98%;*/
    text-transform:uppercase;
}

#mainBox h1.tiny-h1{
    font-size: 14px;
}

#connexionButton{
    position: relative;
    top: 16px;
    left: 5px;
    float: right;
    width: 122px;
    height: 20px;
    display: block;
    margin:auto;
    padding: 0;
    z-index: 2000;
    text-align: center;
    font-family: "myriad-pro-condensed";
    font-size: 12px;
    color: #80745e;
    font-weight: bold;
    line-height: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    cursor: hand;
    -webkit-transform:scale(0.8, 1.1);
    -moz-transform:scale(0.8, 1.1);
    -ms-transform:scale(0.8, 1.1);
    -o-transform:scale(0.8, 1.1);
    transform:scale(0.8,1.1);    
}

#dynamicBlock .connexionButton:not(#homeConnexionButton){
    position: relative;
    top: 17px;
    right: 20px;
    float: right;
    padding: 5px 5px 5px 8px;
    z-index: 200;
    text-align: center;
    /*font-family: "myriad-pro-condensed", sans-serif;
    font-size: 0.9em;*/
    font-weight: bold;
    /*letter-spacing: 0.07em;*/
    cursor: pointer;
    cursor: hand;	
    color: #000;
}

#dynamicBlock .connexionButton:not(#homeConnexionButton).connected .picto{
    position: relative;
    bottom: 1px;
}

#homeConnexionButton .icon:not(.visible){
    display: none;
}

#dynamicBlock .connexionButton.active{
    background-color: #EEE3CC;
    /*	margin: -4px 0 0 0;
            line-height: 19px;*/
}

#dynamicBlock .icon{
    font-family: Soubrier-Regular;
}

/********************catalogue selections-list ***************/
#product_cnt .product .desc_cnt .slide .select.selections-list{
    position: relative;
}
#grid-container.catalogue .thumb .overlay div .selection.selections-list select.add-to-selection{
    width:120px;
    margin-right:10px;
}

#product_cnt .product .desc_cnt .slide .select.selections-list div.links  select.add-to-selection{
    width:130px;
    margin-right:20px;
}

#product_cnt .product .desc_cnt .slide .select.selections-list div.links a{
    width: 60px;
    line-height: 14px;
    text-decoration: underline;
}
/**********************client data*****************************/
#dynamicBlock #clientData{
    top: 46px;
    right: 129px;
    width: 310px;
    letter-spacing: 0;
    font-family: Helvetica, Arial, sans-serif;
}

#dynamicBlock #clientData .font-picto{
    font-size: 14px;
    margin: 0 14px 4px 0;
}
#dynamicBlock #clientData .font-picto.display-infos{
   margin: 0 18px 4px 3px; 
}
#dynamicBlock #clientData.home{
    top: 44px;
    left: calc(50% - 155px);
}

#dynamicBlock #clientData .desc{
    /*width: 280px;*/
    height: 50px;
    min-height: 50px;
    text-align: left;
    line-height: 45px;
    padding-left: 20px;
    border-bottom: 1px solid #B7AB94;
    color: #6D685B;
    text-overflow: ellipsis;
}

#dynamicBlock #clientData .desc a{
    text-decoration: none;
    color: #6D685B;
    width: 282px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

#dynamicBlock #clientData .nav{
    background-color: #918367;
    /*width: 280px;*/
    height: 41px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 11px;
    font-weight: bold;
    border-bottom: 1px solid #DED1B9;
    line-height: 40px;
    cursor: pointer;
    cursor: hand;
    color: #F3EBDB;
    letter-spacing: 1px;
    padding-left: 20px;
    text-align: left;
}

#dynamicBlock #clientData .nav:hover{
    background: #827459;
}

#dynamicBlock #clientData .nav a{
    text-decoration: none;
    color: #F3EBDB;
}

#dynamicBlock #clientData .nav img{
    margin: 0 20px 4px 0;
}

#dynamicBlock #clientData .nav img.infos-compte{
    padding-left: 3px;
}

#mainBox p{
    text-align: left;
    width: 100%;
}

#mainBox br{
    clear: both;
}

#mainBox form{
    background-color: #DED1B9;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px; 
    -webkit-border-radius: 4px 4px 4px 4px;
    overflow-y: auto;
    overflow-x: hidden;	
}
#mainBox form p{
    margin: 5% 0 2%;
}

#mainBox span{
    position:relative;
    /*top: 40px;*/
    /*color: #D5201D;*/
    display: block;
    font-size: 12px;
    /*font-family: "myriad-pro-condensed", sans-serif;*/
    padding-left: 5px;
}

#mainBox span.strong{
    position:static;
    display: inline;
    font-size: 14px;
    padding-left: 0;
}

#mainBox span.formError{
    display: block;
    color: #dd2429;
    font-family: "Helvetica";
}

#mainBox span.closeButton{
    width:50px;
    height:50px;
    position:absolute;
    top:0;
    right:0;
    /*background:red;*/
    color: #6F6F6F;
    font-size:25px;
}

#mainBox p.cgv{
    position: static;
    width: 95%;
    margin: 9px 0 0 0;   
}

#mainBox p.cgv input{
    margin: 0 5px 0 0;
}

#mainBox p.cgv a{
    text-decoration: underline;
    color: #6F6F6F;
}

#mainBox form input, #mainBox form textarea, #mainBox input:not(.mailBoxAlert){
    width: 96%;
    height: 40px;
    background-color: #F4F1EA;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    padding-left: 20px;
    color: #6D685B;
}

#mainBox form textarea{
    height: 80px;
    clear: both;
    padding: 10px 0 0 25px;
}

#mainBox input.submit, #mainBox input.submitQuotation{
    display: block;
    min-width: 60px;
    height: 44px;
    background-color: #625A44;
    color: #fff;
    font-size: 100%;
    margin: 32px auto;
    padding: 10px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;    
}
#mainBox form input#submit{
    width: 110px;
    height: 44px;
}

#mainBox form input#submit:disabled, #mainBox form input#submitQuotation:disabled{
    /*background-color: #C1C1C1;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=62)";
    filter: alpha(opacity=0.2);
    -moz-opacity: 0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;	
}

#mainBox form input[type="checkbox"]{
    float: left;
    width: 11px;
    height: 11px;
    margin: 4px 5px;
}

#mainBox form .btn{
    /*min-height: 100px;*/
    border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px; 
    -webkit-border-radius: 0 0 4px 4px;	
}

#mainBox.infos-compte{
    margin-top: -83px !important;
}

/***LOGIN****/
body.home #mainBox:not(.infos-compte){
    width: 23%;
}

body.home #mainBox{
    background-color: #DED1B9;
    border-radius: 4px 0px 4px 4px;
    -moz-border-radius: 4px 0px 4px 4px; 
    -webkit-border-radius: 4px 0px 4px 4px;		
}


#mainBox form input::-webkit-input-placeholder, #mainBox form textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #C8BBA2;
}
#mainBox form input::-moz-placeholder, #mainBox form textarea::-moz-placeholder { /* Firefox 19+ */
    color: #C8BBA2;
}
#mainBox form input:-ms-input-placeholder, #mainBox form textarea:-ms-input-placeholder { /* IE 10+ */
    color: #C8BBA2;
}
#mainBox form input:-moz-placeholder, #mainBox form textarea:-moz-placeholder { /* Firefox 18- */
    color: #C8BBA2;
}

#connexionPopin, #inscriptionPopin{
    position: relative;
    top: 10%;
    /*left: 50%;*/
    /*width: 50%;*/
    max-width: 630px;
    min-width: 320px;
    min-height: 50%;
    background: #E0E0E0;
    z-index: 2000;
    margin: auto;
}

#connexionPopin form{
    padding: 5px;
}

#connexionPopin a{
    color: #6f6f6f;
    text-decoration: underline;
}

#connexionPopin input{
    width: 98%;
    padding-left: 10px;	
    margin: 0 0 15px 0;
}

#connexionPopin div.error, #connexionPopin div.errorFormat{
    display: none;
    font-size: 15px;
    color: #cc0000;
    height: 2px;	
}

#connexionPopin div.error_cnt{
    position:relative;
    top:-30px;
    left:25px;
    height: 0;
    text-align:left;
}

#connexionPopin span.formError{
    display: block;
    color: #dd2429;
    font-family: "Helvetica";
}

#connexionPopin form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #C8BBA2;
    padding-left: 0px;
}
#connexionPopin form input::-moz-placeholder { /* Firefox 19+ */
    color: #C8BBA2;
    padding-left: 20px;
}
#connexionPopin form input:-ms-input-placeholder { /* IE 10+ */
    color: #C8BBA2;
    padding-left: 20px;
}
#connexionPopin form input:-moz-placeholder { /* Firefox 18- */
    color: #C8BBA2;
    padding-left: 10px;
}

#connexionPopin p.forgottenpass{
    font-size: 12px;
    font-style: italic;
    margin: -5px 4px 0px -5px;
    text-align: right;
    width: 100%;
}

#connexionPopin div.createAccount{
    font-size: 12px;
    margin: 20px auto 0;
    text-align: left;
    width: 98%;
    line-height: 14px;
}
#connexionPopin p.forgottenpass a, #connexionPopin div.createAccount a{
    text-decoration: underline;
}
#connexionPopin .closeButton{
    float: left;
    margin: 0 20px 0 0 !important;
}

#connexionPopin #submit{
    float: right;
    margin-right: 4px;
    padding-left: 9px;
    background-color: #625A44;
    color: #fff;
}

#connexionPopin form .btn{
    margin-top: 30px;
    min-height: 65px;
}

#mainBox h1.inscription{
    font-size: 18px;
}

form[name="inscription"] #submit{
    float: right;
    padding: 0;
    background-color: #625A44;
    color: #fff;
}

form[name="inscription"] input{
    width: 94%;
}

form[name="oubliemotdepasse"] input{
    margin-top: 30px;
    width: 94%;
}
form[name="oubliemotdepasse"] div.error, form[name="oubliemotdepasse"] div.exists, form[name="oubliemotdepasse"] div.notValid{
    font-size: 12px;
    display: none;
    color: #cc0000;
}
form[name="oubliemotdepasse"] #submit{
    float: right;
    padding: 0;
    background-color: #625A44;
    color: #fff;
}

form[name="oubliemotdepasse"] a.closeButton{
    width: 70px;
    margin-top: 30px !important;
}

form[name="inscription"] input.error{
    color: #cc0000 !important;
}

form[name="quotation_login"] {
    padding: 0 15px 0 0 !important;
}

#mainBox p.inscription{
    width: 98%;
    font-size: 1em;
}

#mainBox p.share-via-email-title {
    margin-top: 1em;
    margin-bottom: 0;
}

form[name="inscription"] a.closeButton{
    width: 70px;
    margin-top: 30px !important;
}

form[name="inscription"] #submit{
    float: right;
    padding: 0;
    background-color: #625A44;
    color: #fff;
    margin-top: 31px;
}

form[name="inscription"] #submit.ellipsis-loader{
    background: #C5B9A2 url(../images/ellipsis-loader.gif) no-repeat center;
    -webkit-background-size: contain; /* pour Chrome et Safari */
    -moz-background-size: 36px 36px; /* pour Firefox */
    -o-background-size:36px 36px; /* pour Opera */
    background-size: 36px 36px; /* version standardisee */
    background-color: #C5B9A2;
}

form[name="inscription"] div.error_cnt{
    margin: 0 0 4%;
    text-align:left;
    font-size: 0.8em;
    padding-left: 5px;
}

form[name="inscription"] div.error_cnt span{
    display: inline !important;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}

form[name="inscription"] div.error_cnt a{
    color: #cc0000;
}

form[name="inscription"] div.error, 
form[name="inscription"] div.errorFormat,
form[name="inscription"] div.notUnique,
form[name="oubliemotdepasse"] div.error,
form[name="inscription"] div.noValidFormat,
form[name="cloneSelectionName"] div.error,
form[name="cloneSelectionName"] div.errorNotUnique,
form[name="shareViaEmail"] div.error {
    display: none;
    color: #cc0000;
    height: 2px;
}

/*form[name="choixdumotdepasse"]{
        font-size: 12px;
}*/

form[name="choixdumotdepasse"] div.btn{
    margin-top: 35px;
}


form.auth input{
    margin-top: 8px;
    width: 94%;
}
form.auth span{
    color: #6D685B;
}
/*form.auth label{
        font-size: 0.8em;
}*/
form.auth input.error{
    color: #cc0000 !important;
}

form.auth a.closeButton{
    width: 70px;
    margin-top: 8px !important;
}

form.auth #submit{
    float: right;
    padding: 0;
    background-color: #625A44;
    color: #fff;
}

form.auth div.error_cnt{
    margin: 0 0 4%;
    text-align:left;
    font-size: 0.8em;
    padding-left: 5px;
}

form.auth div.error_cnt span{
    display: inline !important;
    text-decoration: underline;
    cursor: hand;
    cursor: pointer;
}

form.auth div.error_cnt a{
    color: #cc0000;
}

form.auth div.error, form.auth div.errorFormat, form.auth div.errorNotUnique{
    display: none;
    color: #cc0000;
    height: 2px;
}


#mainBox.mailBoxAlert{
    transform: translateX(-50%) translateY(30%);
}


#dynamicBlock .frame{
    position:absolute;
    top: 42px;
    right: 5px;
    display: none;
    width:345px;
    z-index: 200;
    background: #DED1B9;
    color: #fff;
    border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px; 
    -webkit-border-radius: 4px 0 4px 4px;	
    box-shadow: 0 0 19px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);		
}

#dynamicBlock .selectionBox{
    float: right;
    position: relative;
    top: 17px;
    margin: 0;
    text-align: center;
    color: #000;
    /*font-size: 0.9em;*/
    font-weight: bold;
    cursor: hand;
    cursor: pointer;
    padding: 5px;
}
#dynamicBlock .selectionBox .rectangle{
    border-radius: 4px;
    z-index: 201;
    /*font-family: "myriad-pro-condensed", sans-serif;*/
    /*font-size: 1em;*/
    /*letter-spacing: 0.6em;*/
    width: 141px;
    color: #000;
}
#dynamicBlock .selectionBox .rectangle.active{
    background-color: #9F0909;
    color: #F2EBD9;
    position: relative;
    top: -5px;
    padding-top: 5px;
    padding-bottom: 4px;
}

#dynamicBlock .selectionBox #title{
    position: relative;
    float: right;
}

#dynamicBlock .selectionBox .rectangle #selectionsNumber{
    display: inline-block;
}

#dynamicBlock .selectionBox .rectangle .basketImg {
    background-image: url("../images/panierNoir.svg");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    border: 0;
    position: relative;
    bottom: 4px;
    right: 1px;
    margin-left: 5px;
    float: left;
}


#dynamicBlock .selectionBox .rectangle.active .basketImg {
    background-image: url("../images/panierBlanc.svg");
}

#emptySelection{
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    float: right;
    background: #DED1B9;
    color: #6d685b;
    font-style: italic;
    font-size: 14px;
    padding: 25px;
    z-index: 1000;
    font-family: Helvetica, Arial, sans-serif;
    box-shadow: 0 0 19px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);		
}

#selectionDetails{
    display: none;
    font-size: 0.9em;
    letter-spacing: 0;
    border-radius: 4px 0 4px 4px;
    -moz-border-radius: 4px 0 4px 4px; 
    -webkit-border-radius: 4px 0 4px 4px;
    box-shadow: 0 0 19px 0 rgba(0,0,0,0.16);
    -moz-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);
    -webkit-box-shadow: 1px 1px 4px rgba(000,000,000,0.3);	
}

#selectionDetails .desc{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

#selectionDetails .desc img{
    margin: 0;
    padding: none;
    z-index: -1;	
}

#selectionDetails .desc img.roundCorner{
    border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0; 
    -webkit-border-radius: 4px 0 0 0;
}

#selectionDetails .desc table{
    width: 350px;
}

#selectionDetails .desc table tr td{
    border-bottom: 1px solid #B7AB94;
    padding: 0;
    max-width: 75px;
}

#selectionDetails table ul{
    list-style-type: none;
    margin: 0 0 0 14px;
    padding: 0;
}

#selectionDetails .desc table tr td.picture_td{
    width: 30px;
    border-bottom: 1px solid #DED1B9;
}

#selectionDetails table li, #selectionDetails table li a{
    font-family: "Helvetica";
    color: #6D685B;
}

#selectionDetails table li a{
    text-decoration: none;
}

#selectionDetails table li.ref{
    font-size: 13px;
    font-style: italic;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;	
}

#selectionDetails .nav{
    height: 41px;
    background: #918367;
    color: #F3EBDB;
    font-family: "myriad-pro-condensed", sans-serif;
    font-size: 11px;
    border-bottom: 1px solid #DED1B9;
    line-height: 40px;
    cursor: pointer;
    cursor: hand;	
}
#selectionDetails .nav:hover{
    background: #827459;
}
#selectionDetails .nav.last{
    border: none;
}
#selectionDetails .nav a, #selectionDetails .nav a:visited{
    text-decoration: none;
    color: #F3EBDB;
}
#selectionDetails .nav img{
    margin: 0 20px 4px;
    border-radius: 3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
}

#selectionDetails .nav .text{
    font-weight: bold;
    letter-spacing: 1px;
    -webkit-transform:scale(0.9, 1.1);
    -moz-transform:scale(0.9, 1.1);
    -ms-transform:scale(0.9, 1.1);
    -o-transform:scale(0.9, 1.1);
    transform:scale(0.9,1.1);
    text-decoration: none;
}

#selectionDetails .font-picto{
    font-size: 16px;
    margin: 0 20px 4px;
}
#selectionDetails .font-picto.display-selection{
    font-size: 14px;
    margin: 0 16px 4px;
}
#selectionDetails .font-picto.print-selection{
    margin: 0 18px 4px;
}
/**************Selections page***********************/
#grid-container .selections{
    /*min-height: 450px;*/
    min-height: 80vh;
    padding-bottom: 20px;
    font-family: "myriad-pro-condensed", sans-serif;
}
#grid-container .selections h1{
    display: block;
    color: #6D685B;
    text-align: center;
    margin: 30px;
    font-size: 17px;
    font-family: "myriad-pro-condensed", sans-serif;
    font-weight: bold;
    /*width: 98%;*/
    text-transform:uppercase;	
}
#grid-container .selections p.advice{
    font-family: "helvetica", sans-serif;
    /*font-style: italic;*/
}
#grid-container .selections .column1{
    width: 225px;
    text-align: center;
    /*background:#EADFCA;*/
    margin: 0 5px;
    padding: 0;
}
#grid-container .selections .selection-square{
    position: relative;
    height: 236px;
    margin: 5px 4px 5px 10px;
    background:#EADFCA;
}
#grid-container .selections .selection-square .selection-visual{
    height: 170px;
}
#grid-container .selections .selection-square .selection-visual .selection-stopgap{
    width: 100px;
    height: 80px;
}
#grid-container .selections .side{
    width: 4px;
}
#grid-container .selections table{
    width: 223px;
}
#grid-container .selections .selection-toolbar{
    position: absolute;
    bottom: 0;
    margin: 5px 5px 5px 0;
}
#grid-container .selections .selection-toolbar .font-picto{
    font-size: 20px;
}
#grid-container .selections .selection-toolbar .delete .font-picto{
    position: absolute;
    top: 28px;
    /*left: 106px;*/
}
#grid-container .selections .selection-toolbar .share .font-picto{
    position: relative;
    top: 0;
}
#grid-container .selections .selection-toolbar .clone .font-picto{
    position: relative;
    bottom: -2px;
}

#grid-container .selections .selection-toolbar .selection-title:hover .tooltip{
    display: block;
}
#grid-container .selections .selection-toolbar .delete:hover .tooltip{
    display: block;
    /*	right: 30px;
            bottom: 31px;*/
}
#grid-container .selections .selection-toolbar .share:hover .tooltip{
    display: block;
    /*	right: 88px;
            bottom: 31px;*/
}

#grid-container .selections .selection-toolbar .clone:hover .tooltip{
    display: block;
    /*	right: 85px;
            bottom: 31px;*/
}

#grid-container .selections .selection-toolbar .selection-count{
    color: #B5AD99;
}
#grid-container .selections .selection-toolbar td{
    width: 45px;
}
#grid-container .selections .selection-toolbar td.action{
    cursor: pointer;
    cursor: hand;
}
#grid-container .selections .selection-toolbar td.selection-title{
    font-family: "myriad-pro-condensed",sans-serif;
}
#grid-container .selections .selection-toolbar td.selection-title input{
    display: inline;
    color: #6d685b;
    text-transform: lowercase;
    font-size: 1em;
    /*font-weight: bold;*/
    font-family: "myriad-pro-condensed",sans-serif;
    background-color: #eadfca;
    border: none;
    max-width: 200px;
    text-overflow: ellipsis;
}
#grid-container .selections .selection-toolbar td.selection-title input.selected{
    background-color: #d7cbb4;
}
#grid-container .selections .selection-toolbar .tooltip{
    display: none;
    position: absolute;
    bottom: 28px;
    /*width: 100%;*/
    color: #F3EBDB;
    text-align: center;
    min-width: 50px;
    /*margin-left: 8px;*/
}
#grid-container .selections .selection-toolbar .tooltip span{
    background-color: #35332C;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    /*width: 100px;*/
}
#grid-container .selections .selection-toolbar .selection-name{
    width: 98%;
    bottom: 50px;
    margin-left: 0;
}
/*#grid-container .selections .selection-toolbar .share-selection{
        left: -86px;
}
#grid-container .selections .selection-toolbar .delete-selection{
        left: -30px;
}
#grid-container .selections .selection-toolbar .clone-selection{
        /*left: 23px;
}*/
#grid-container .selections .selection-toolbar .selection-devis{
    background-color:  #6D685B;
    padding: 5px;
    color: #F3EBDB;
    font-size: 12px;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;	
}
#grid-container .selections .selection-square .selection-visual:hover .selections-display-selection{
    display: block;
    cursor: pointer;
    cursor: hand;
}

#grid-container .selections .selection-square .selections-display-selection{
    display:none;	
}
#grid-container .selections .selection-square .selections-display-selection .overlay{
    background-color: black;
    height: 171px;
    opacity: 0.6;
    position: absolute;
    top: 0;
    width: 224px;
    z-index: 99999;
}
#grid-container .selections .selection-square .selections-display-selection a{
    position: absolute;
    top: 26px;
    left: 0;
    bottom: 95px;
    width: 100%;
    height: 150px;
    line-height: 150px;
    margin: auto;
    color: #DCD6C4;
    z-index: 100000;
    text-decoration: none;
    font-size: 14px;
}
form[name="selectionName"] div.errorNotUnique{
    display: none;
    color: #cc0000;
    height: 2px;
}
form[name="selectionName"] #submit{
    float: right;
    margin: 21px 14px;
    padding-left: 9px;
    background-color: #625A44;
    color: #fff;	
}
/**********************Selection page***********************************/
#grid-container div.selection{
    background: #DED1B9;
    color: #6D685B;
}

#grid-container .selection .toolbar{
    width:730px;
    height:50px;
    background-color:#EADFCA;
    padding:5px;
    margin:auto;
}
#grid-container .selection .toolbar .font-picto{
    font-size: 20px;
}
#grid-container .selection .toolbar ul{
    position: relative;
    text-align: left;
    margin-left: 0;
    padding: 0 0 0 20px;
}

#grid-container .selection .toolbar li{
    display: inline-block;
    /*width: 210px;*/
    height: 22px;
    text-align: left;
    cursor: pointer;
    cursor: hand;
    font-family: "helvetica", sans-serif;
}

#grid-container .selection .toolbar ul.deconnected li.save, #grid-container .selection .toolbar ul.deconnected li.print{
    width: 41%;
}

#grid-container .selection .toolbar ul.deconnected li.share{
    width: 15%;
}

#grid-container .selection .toolbar li img{
    margin-right: 5px;
}

#grid-container .selection .toolbar li.print{
    width: 160px;
}

#grid-container .selection .toolbar li.save{
    width: 200px;
}

#grid-container .selection .toolbar li.save a{
    text-decoration: none;
}

#grid-container .selection .toolbar li.share{
    width: 180px;
}


/*#grid-container .selection .toolbar li span{
        margin-right: 10px;
}*/

#grid-container .selection .toolbar li span.text{
    position: absolute;
    right: 10px;
    background-color: #625a44;
    color: #fff;
    display: block;
    width: 180px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-weight: bold;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;	
}

#grid-container .selection .selection-band{
    width:730px;
    padding:5px;
    margin:auto;	
}

#grid-container .selection table.selection-visual-table{
    width: 100%;
    /*background-color: red;*/
}

#grid-container .selection table.selection-visual-table table{
    width: 100%;
}

#grid-container .selection table.selection-visual-table table td{
    text-align: left;
}

#grid-container .selection table.selection-visual-table tr.band{
    height: 200px;
}
#grid-container .selection table.selection-visual-table tr.band td.picture_td{
    text-align: left;
}
#grid-container .selection table.selection-visual-table tr.band td.infos{
    font-family: "helvetica", sans-serif;
}
#grid-container .selection table.selection-visual-table tr.band td.infos .title{
    font-family: "proxima-nova-extra-condensed", sans-serif;
    font-weight: bold;
    font-size: 20px;
}

#grid-container .selection table.selection-visual-table tr.band td.action p{
    /*width: 30%;*/
    margin: auto;
    text-align: center;
    text-decoration: underline;
    cursor: pointer;
    cursor: hand;
}
#grid-container .selection table.selection-visual-table tr.band td.action p .font-picto{
    font-family: Soubrier-Regular;
    font-size: 16px;
}
#grid-container .selection table.selection-visual-table tr.band:not(.last){
    border-bottom: 1px solid #6D685B;
}

#mainBox #shareSelectionPopin input.submit{
    float: right;
    padding: 0;
    text-align: center;
    margin: 0;
    cursor: pointer;
    width: 150px;
}

#mainBox #shareSelectionPopin input:first-child {
    float: left;
    margin: 0;
    width: 455px;
}

#mainBox .shareSelectionSection {
    display: inline-block;
    width: 100%;
    margin: 1em 0;
}

#mainBox #selection-line {
    border-top: 1px solid #fff;
    margin: 0 -18px;
    padding: 0;
}

#quotationRequestFormContainer form input#submitQuotation{
    float: right;
    width: 180px;
    margin: 3% 0 3% 4%;
    padding: 0;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#mainBox.confirm{
    top: 100px;
}
#mainBox p.deleteSelection{
    margin: auto;
    text-align: center;
}
#mainBox p.deleteSelection a{
    color: #80745e;
}
#mainBox p.deleteSelection input[type*="submit"]{
    min-width: 60px;
    height: 44px;
    background-color: #625A44;
    color: #fff;
    font-size: 0.9em;
    margin-left: 30px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;   
}

form[name="cloneSelectionName"] input#submit{
    float: right;
    margin: 21px 14px;
    padding-left: 9px;
    background-color: #625A44;
    color: #fff;
}
/************************Quotation************************************************/
#quotationRequestFormContainer{
    position: relative;
    top: 10%;
    /*left: 50%;*/
    /*width: 50%;*/
    /*width: 515px;*/
    min-width: 320px;
    min-height: 50%;
    background-color: #DED1B9;
    z-index: 2000;
    margin: auto;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}

#quotationRequestFormContainer div.error_cnt{
    margin: 0 0 4%;
    text-align:left;
    font-size: 0.8em;
    padding-left: 5px;
}

#quotationRequestFormContainer div.message{
    top: 2px;
}

#quotationRequestFormContainer div.error, #quotationRequestFormContainer div.errorFormat{
    display: none;
    color: #cc0000;
    height: 2px;
}

#quotationRequestFormContainer dd{
    margin: 0;
}

#quotationRequestFormContainer form .input-date{
    float: left;
    width: 41%;
    margin: 0 6% 3% 0;
    background: #f4f1ea url('../images/quotation/calendar.png') no-repeat scroll 94% 10px;
}

#quotationRequestFormContainer form #available_date_out{
    margin: 0 0 0 1px;
}
/*#quotationRequestFormContainer form #message{
        width: 410px;
        height: 150px;
        background-color: #F4F1EA;
}*/

#mainBox form .btn-success a{
    display: block;
    float: right;
    height: 44px;
    line-height: 44px;
    margin-top: 21px;
    color: #6D685B;
}

#mainBox form #remember {
    margin-top: 2px;
    width: 15px;
    height: 15px;
}

#quotationRequestFormContainer form input#submit{
    float: right;
    width: 180px;
    margin: 3% 0 3% 4%;
    padding: 0;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

#quotationRequestFormContainer form p{
    clear: both;
}

/***************************INFOS COMPTE*************************************/
#accountInfosFormContainer{
    position: relative;
    top: 10%;
    /*left: 50%;*/
    /*width: 50%;*/
    /*width: 515px;*/
    min-width: 320px;
    min-height: 50%;
    background-color: #DED1B9;
    z-index: 2000;
    margin: auto;
    border-radius: 4px;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}
#accountInfosFormContainer div.error, #accountInfosFormContainer div.errorFormat{
    display: none;
    color: #cc0000;
    height: 2px;
}
#accountInfosFormContainer #postal_code{
    width: 35%;
    /*margin-right: 38px;*/
}
#accountInfosFormContainer #city{
    float: right;
    width: 47%;
}
#accountInfosFormContainer .online{
    float: left;
    width: 48%;
    margin-right: 4px;

}
#accountInfosFormContainer .online.long{
    width: 80%;
}
#accountInfosFormContainer form input#submit{
    float: right;
    width: auto;
    margin: 3% 0 3% 4%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}
#accountInfosFormContainer a.deco{
    position: relative;
    left: 500px;
    color: #6d685b;
    font-style: italic;
}
/******************************************************************/

#selection input[type*="button"] {
    background: #766950;
    background: -webkit-linear-gradient( #887b62, #766950);
    background:    -moz-linear-gradient( #887b62, #766950);
    background:     -ms-linear-gradient( #887b62, #766950);
    background:      -o-linear-gradient( #887b62, #766950);
    background:         linear-gradient( #887b62, #766950);
    text-shadow: 0px 1px 0px rgba( 0, 0, 0, 0.6);
    border: 1px solid #625a44;
    padding : 0 20px;
    color: white;    
}

#selection input[type*="button"]:hover {
    background: #73664d;
    background: -webkit-linear-gradient( #80735a, #6e6148);
    background:    -moz-linear-gradient( #80735a, #6e6148);
    background:     -ms-linear-gradient( #80735a, #6e6148);
    background:      -o-linear-gradient( #80735a, #6e6148);
    background:         linear-gradient( #80735a, #6e6148);
    -moz-box-shadow:
        1px 1px 4px rgba(000,000,000,0.3);
    -webkit-box-shadow:
        1px 1px 4px rgba(000,000,000,0.3);
    box-shadow:
        1px 1px 4px rgba(000,000,000,0.3);
}


#selection input[type*="button"]:active , #catalogue input[type*="submit"]:active {
    box-shadow:
        inset 0 0 1px 1px rgba(000,000,000,0.2);
    -moz-box-shadow: inset 0 0 1px 1px rgba(000,000,000,0.2);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(000,000,000,0.2);
}


#catalogue input[type*="submit"],  #selection input[type*="button"]{
    height:26px;
    font-size:13px;
    clear: right;

    border-radius: 5px;

}

#selection .sslide.form .overlay{    background-color: #C8BBA2;
                                     display:none;
                                     color: black;
                                     height: 200px;
                                     opacity: 0.8;
                                     position: absolute;
                                     width: 526px;
                                     z-index: 99999;}
#selection .sslide.form .overlay  .mess{    background-color: #DED3BE;
                                            border: 1px inset #EEEEEE;
                                            color: #9F0909;
                                            font-size: 12px;
                                            line-height: 14px;
                                            margin-top: 152px;
                                            opacity: 1;
                                            text-align: center;}
#selection .sslide.form .overlay  .medium_loader {top: 60px;}

#catalogue .cnt_categorie, #catalogue .cnt_epoque, #catalogue .cnt_size, #catalogue .cnt_selection {position: relative; text-align:center; z-index:88;}
#catalogue .elem {width: 960px; display: inline-block; text-align: left;}
#catalogue #categorie.elem {height:80px; overflow: hidden;}
#catalogue #selection.elem {width: 400px; height:35px; overflow: hidden;}
#catalogue #selection .select.sslide .nano .cnt { padding: 10px; }
#catalogue #selection .select.sslide .desc  {position:relative; margin:0px auto; padding:0px; max-height: 185px; overflow: hidden; /*overflow-y: scroll*/; border-bottom: 1px  solid #b9ac93; border-top: 1px  solid #b9ac93;}

#catalogue #selection .slidesContainer {width: 400px; overflow: hidden;}
#catalogue #selection  .form .col {float:left;}
#catalogue #selection  .form .title {width: 80px;}
#catalogue #selection  .form .col:first-child .title:first-child {margin-bottom: 14px;} 
.wf-inactive #catalogue #selection  .form label , .wf-loading #catalogue #selection  .form label {font-family: Arial, sans-serif;	font-size: 10px; text-transform: uppercase; font-weight: bold;}  
.wf-active #catalogue #selection  .form label {font-family: "myriad-pro-condensed",sans-serif; font-size: 14px; text-transform: uppercase;}
#catalogue #selection  .form label {font-family: "myriad-pro-condensed",sans-serif; font-size: 14px; text-transform: uppercase;}
#catalogue #selection  .form .info {font-size: 11px; font-style: oblique; display:block;}
#catalogue #selection  .form input[name="email"], #catalogue #selection  .form textarea[name="more"] {font-size:12px; padding:4px; width: 436px; background-color: #F3EBDB; border: 1px solid #7b7464;}
#catalogue #selection  .form textarea[name="more"] { height: 100px; resize: none;}
#catalogue #selection  .form div.error {display: none; color: #CC0000; font-size: 11px; text-transform: oblique;}
#catalogue #selection  .form div.maintenance-error {display: none; color: #CC0000; font-size: 11px; text-transform: oblique;}
#catalogue #selection  .form div.error_cnt {height: 14px;}
#catalogue #selection  .form .nav {clear:both; text-align: right;}
#catalogue #selection .frame { width: 400px;/*margin: 10px 0 0 100px;*/}
#catalogue #selection .select table {font-size: 12px; width: 400px;}
#catalogue #selection .end {font-size: 12px;}
#catalogue #selection .select tr.odd {background: none;}
#catalogue #selection .select tr.even {background-color: #b9ac93;}
#catalogue #selection .select table td {max-width: 200px;}
#catalogue #selection .select table td.pict {width:35px;}
#catalogue #selection .select table td.lib {width:230px; padding-left: 20px;}
#catalogue #selection .select table td.ref {width:240px;  font-style: oblique;}
#catalogue #selection .select table td.delete {width:35px;/*padding-right: 15px;*/}
#catalogue #selection a {text-decoration: underline; color: #666666;}
#catalogue #selection a:hover {color: black;}
#catalogue #selection a:hover span.picto {color: black;}
#catalogue #selection a.selectLink:hover {color: #9F0909;}
#catalogue #selection .select .print {margin-top: 10px;}
#catalogue #selection .nav {padding-top: 10px;}
#catalogue #selection .select span.picto {margin-right: 10px; vertical-align: text-bottom; text-decoration: none;}
#catalogue #selection .saw span.picto {text-decoration: none; margin-left:10px; padding-right:1px;}
#catalogue #selection .select .print, #catalogue #selection .nav {text-align:left; font-size: 14px;}
#catalogue #selection .nav a {display: block; margin-right: 20px;}
#catalogue #selection .row {height: 40px;}
#catalogue .cnt_epoque .elem, #catalogue .cnt_size .elem {overflow: hidden;}
#catalogue .rowset {display: inline-block; position: relative; margin-top: 8px;}

#selection .title{
    color: #212121;
}

/************************************************************************************
smaller than 2000
*************************************************************************************/
@media screen and (max-width: 5000px) {

    #grid-container.catalogue .thumb {width: 6.627%; height:6.627%;}
}

/************************************************************************************
smaller than 2000
*************************************************************************************/
@media screen and (max-width: 2600px) {

    #grid-container.catalogue .thumb {width: 7.65%; height:7.65%;}
}

/************************************************************************************
smaller than 2000
*************************************************************************************/
@media screen and (max-width: 2400px) {

    #grid-container.catalogue .thumb {width: 8.288%; height:8.288%;}
}

/************************************************************************************
smaller than 2000
*************************************************************************************/
@media screen and (max-width: 2200px) {

    #grid-container.catalogue .thumb {width: 9.04%; height:9.04%;}
}

/************************************************************************************
smaller than 2000
*************************************************************************************/
@media screen and (max-width: 2000px) {

    #grid-container.catalogue .thumb {width:9.94494%; height:9.94494%;}
}

/************************************************************************************
smaller than 1800
*************************************************************************************/
@media screen and (max-width: 1800px) {

    #grid-container.catalogue .thumb {width:11.048%; height:11.048%;}
}
/************************************************************************************
smaller than 1600
*************************************************************************************/
@media screen and (max-width: 1600px) {

    #grid-container.catalogue .thumb {width:12.42905%; height:12.42905%;}
}
/************************************************************************************
smaller than 1400
*************************************************************************************/
@media screen and (max-width: 1400px) {

    #grid-container.catalogue .thumb {width:14.2016%; height:14.2016%;}
}
/************************************************************************************
smaller than 1200
*************************************************************************************/
@media screen and (max-width: 1200px) {

    #grid-container.catalogue .thumb {width:16.56693%; height:16.56693%;}
}
/************************************************************************************
smaller than 1000
*************************************************************************************/
@media screen and (max-width: 1000px) {

    #grid-container.catalogue .thumb {width:19.8748%; height:19.8748%;}
}
/************************************************************************************
smaller than 800
*************************************************************************************/
@media screen and (max-width: 800px) {

    #grid-container.catalogue .thumb {width:24.832%; height:24.832%;}
}
/************************************************************************************
smaller than 600
*************************************************************************************/
@media screen and (max-width: 600px) {

    #grid-container.catalogue .thumb {width:33.07%; height:33.07%;}
}
/************************************************************************************
smaller than 400
*************************************************************************************/
@media screen and (max-width: 400px) {

    #grid-container.catalogue .thumb {width:49.710%; height:49.710%;}
}

/************************************************************************************
Back to top button
*************************************************************************************/
#backToTopBtn {
    display: none;
    background: url(../images/backToTop.svg) no-repeat;
    height: 75px;
    width: 75px;
    border: 0;
    position: fixed;
    bottom: 20px;
    right: 60px;
    z-index: 99;
}

#link-account-delete {
    display: block;
    color: #a29b8c;
    font-style: italic;
    text-align: center;
    margin-top: 50px;
    cursor: pointer;
    font-size: 1em;
    text-decoration: underline;
}
#link-account-delete:hover {
    color: #615945;
}

#delete-account-btns {
    margin-top: 50px;
    text-align: center;
}
#delete-account-btns input[type="submit"], #delete-account-btns a {
    width: 30%;
    display: inline-block;
    margin: auto;
}
#delete-account-btns a {
    color: #625A44;
}
#delete-account-btns a:hover {
    color: #a29b8c;
}

#delete-account-confirm {
    background: none!important;
    text-decoration: underline;
}

#fromEmailField p, #toEmailField p {
    width: 10%;
    display: inline-block;
}

#fromEmailField input[type="text"], #toEmailField input[type="text"] {
    width: 86%;
    display: inline-block;
}

#shareViaEmailformBtns input[type="submit"], #shareViaEmailformBtns .closeButton {
    width: 20%!important;
    display: inline-block!important;
    margin: auto;
    float: none!important;
    padding: 0;
}

#shareViaEmailformBtns .closeButton {
    margin-right: 5%;
}

#shareViaEmailformBtns {
    text-align: right;
}

#quotation_register_btns {
    width: 160px;
    padding-top: 20px;
    margin: auto;

}

#quotation_register_btns a {
    width: 80px;
    height: 30px;
    font-size: 1em;
    cursor: pointer;
}

#quotation_register_submit {
    float: right;
    background-color: #625A44;
    color: #fff;
    border: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
    text-align: center;
    padding-top: 10px;
}

#quotation_register_btns .closeButton {
    color: #6D685B;
    line-height: 40px;
    margin-left: 25px;
}