html, body { width:100%; }
body { font-size: 65%; overflow:hidden; -webkit-font-smoothing: antialiased; font-family: "Myriad Set Pro","Lucida Grande","Helvetica Neue","Helvetica","Arial","Verdana","sans-serif" !important;}
:focus {outline: none;}
#conteneur { /*width:100%;*/ }
#contenu, #navigationbas { background-color:#FFFFFF; margin-left: auto; margin-right: auto; width:1000px;}
#contenu { position:relative; overflow:hidden; min-height:100%; }
#bandeau { position: relative; max-height: 140px; margin:0; padding:30px; background:#000; z-index:3; }
#bandeau_content {  }
#header {}

#logo { margin-left:0; text-align:center;}
#logo a { max-width:313px;}
#logo a:hover { text-decoration:none;  }
.divSlogan {margin:0 0 0 20px;}
.slogan { font-weight:400; font-size:1.645em; text-transform: uppercase; color:#ffed00;  margin:12px 0 0 0; text-align:right; width:100%; max-width:313px;}

form input.recherche_motcles {   font-size: 1.6em; line-height:1em; float:none; width:62.96296%; height:14px !important; text-align:right; padding-right:10px; color:#827e80; border-radius:0; margin:0 8px 0 0;}
.ok {   font-size: 1.6em; width:26px; color:#fff; background:#c3c3c3; float:none; border-radius:0; border:none; }
.ok:hover { background:#827e80; color:#fff; -webkit-transition: background .3s, color .3s; -moz-transition: background .3s, color .3s; -o-transition: background .3s, color .3s;  -ms-transition: background .3s, color .3s;}
.loupe {display:none;}
a { text-decoration:none;}
img { border:none;}
.clear { clear:both;}
#traveling { position:absolute; background:#fff; width:0; z-index:1; left:37px;}
.modal.container { z-index: 9999; text-align: center; max-width: 1024px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.modal.container .modal-body { min-height: 200px; height: auto; max-height: 100%;}
.modal h6 { font-weight: normal; font-size: 1.8em; line-height: 1em; color: #000; }

div.select { }

#page { width:100%; float: left; margin-top:-40px; padding-top:40px; overflow: hidden; min-height:500px;}
.page_home { }
#text_home > .bullet { background:url(images/bullet.png) repeat-x; width:100%; float:left; height:5px; margin:25px 0 20px 0;}

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

#text { margin-bottom: 70px; }
#text_home { margin:0 auto; min-height:100px;}

[class*="row-"] { position:relative; font-size:1.4em; line-height:1.25em;}
[class*="row-"] h1 { position:relative; display:inline; font-weight:bold; font-size:2em; line-height:1.5em; color:#000; text-transform:uppercase; margin:45px 0 40px 20px; padding:0 10px 0 10px; background:#fff; float:left; z-index:1; white-space:nowrap; }
[class*="row-"] .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 5px; width: 100%; z-index: 0; margin-left: -100%; padding:0 100%; top: 70px; left: 0; }
[class*="row-"] h2 { position: relative; font-size:1.5em; font-weight: bold; line-height:1.25em;   text-transform:uppercase; color: #000; float: left; margin: 0 0 40px; white-space:nowrap; }
[class*="row-"] #ext-gen508 {background: #fff !important;}
[class*="row-"] h3 { font-size:1.25em; line-height:1.3em; color:#000; float:left; clear:both; margin:0 0 20px 30px; }
[class*="row-"] h3 li {font-size:1em !important;}
[class*="row-"] h4 { font-size: 1.00em; line-height: 1.1em; font-weight: normal; text-transform: uppercase; color: #000; margin: 15px 0 5px 0; }
[class*="row-"] h5 { font-weight: normal; text-transform: uppercase; font-size: 1em; line-height: 1.35em; margin: 0; background: #484848; color: #fff; padding: 3px 5px; margin:5px 0; display: inline-block; white-space:nowrap; }

#text [class*="row-"] ul:not(.ulmenu-produit) { margin:0; }
#text [class*="row-"] ul:not(.ulmenu-produit):not( [class*="filtre-"]):not(.objet-option) li { margin:0; background:url(images/puce.png) no-repeat left 3px; margin:0 0 5px 0; padding:0 0 0 15px; line-height:1.3em; font-size: 1.2em;}

/*ACCES PRIVE*/
#acces-prive { float:right; position:relative; margin:10px 0;}
#acces-prive p {display: inline; float: left; font-weight: normal; font-size: 1.2em; line-height:1em; text-transform:uppercase; color: #9b9b9b; margin:0 15px 0 0; cursor:pointer; }
#acces-prive p a { text-decoration:none; color: #9b9b9b; }
#acces-prive #bloc-acces-prive { position:absolute; top:30px; left:-115px; background:#fff; border:2px solid #dcdcdc; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index:5; padding:0 15px; overflow:hidden; max-height:0; -webkit-transition: max-height .5s, opacity .2s; -moz-transition: max-height .5s, opacity .2s; -o-transition: max-height .5s, opacity .2s; -ms-transition: max-height .5s, opacity .2s; transition: max-height .5s, opacity .2s;}
#acces-prive.animated #bloc-acces-prive { max-height: 300px; opacity:1; -webkit-transition: max-height .5s, opacity .2s; -moz-transition: max-height .5s, opacity .2s; -o-transition: max-height .5s, opacity .2s; -ms-transition: max-height .5s, opacity .2s; transition: max-height .5s, opacity .2s; padding-bottom:15px;}
#acces-prive #form-acces-prive { margin:0;}
#acces-prive #form-acces-prive label:nth-child(1) { margin-top:15px;}
#acces-prive #form-acces-prive label {   font-size:1.3em; line-height:1em; color:#686868; }
#acces-prive #form-acces-prive input { border-radius: 0; border:none; background:#e7e7e7; }
#acces-prive #form-acces-prive #connexion {   line-height:1.1em; background:#000; color:#fff; padding:7px; float:right;}
#identifiant-acces-prive {}


/* TOUVER UNE SOLUTION */
#find-solution { position:absolute; background:#ffed00; padding:15px;  margin:0; max-height:55px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: max-height .7s; -moz-transition: max-height .7s; -o-transition: max-height .7s; -ms-transition: max-height .7s; transition: max-height .7s; overflow:hidden; }
#find-solution.find-solution-home { right:55px; top:-57px; max-width:300px; }
#find-solution.find-solution-secondaire { right:55px; top:-30px; -webkit-transition: top .7s, max-height .4s; -moz-transition: top .7s, max-height .4s; -o-transition: top .7s, max-height .4s; -ms-transition: top .7s, max-height .4s; transition: top .7s, max-height .4s;}
#find-solution.find-solution-secondaire.animated { top:-180px; -webkit-transition: top .7s, max-height .4s; -moz-transition: top .7s, max-height .4s; -o-transition: top .7s, max-height .4s; -ms-transition: top .7s, max-height .4s; transition: top .7s, max-height .4s;}
#find-solution.animated { max-height: 500px; -webkit-transition: max-height .7s; -moz-transition: max-height .7s; -o-transition: max-height .7s; -ms-transition: max-height .7s; transition: max-height .7s; }
#find-solution h2 {   font-size:1.900em; line-height:1em; color:#000; display:inline-block; margin:0; cursor:pointer; }
#find-solution h2 b { font-size:1.1em; line-height:1.2em; text-transform:uppercase;}
#find-solution.animated h2 { display:none; }
#find-solution h3 {   font-size:2em; line-height:1.1em; color:#000; text-transform:uppercase; margin-top:0; margin-bottom: 25px; display:none; cursor:pointer; }
#find-solution h3 b { font-size:1.1em; text-transform:uppercase; display:inline-block; margin:0 0 7px 0;}
#find-solution.animated h3 { display:inline-block; }
#find-solution .close-panel { position:absolute; top:15px; right:15px; width:26px; height:26px; background: url(images/close-panel.png) no-repeat; float:right; cursor:pointer; -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); -ms-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s; }
#find-solution.animated .close-panel { -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); transform: rotateZ(45deg); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s; }
#find-solution .selectbox { float:left; width:100%; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s;}

#find-solution.animated .selectbox{ opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity .5s; -moz-transition: opacity .5s; -o-transition: opacity .5s; -ms-transition: opacity .5s; transition: opacity .5s; }
.materiaux, .application, .marquage, .technologie { position:relative; line-height:1.3em; margin:0 0 15px 0; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
.materiaux a, .application a, .marquage a, .technologie a {   font-style:italic; font-size:1.3em; color:#808080; }
.materiaux a.select, .application a.select, .marquage a.select, .technologie a.select { background:#fff; width:100%; display:inline-block; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box;}
.materiaux a:hover, .application a:hover, .marquage a:hover, .technologie a:hover { text-decoration: none;}
.materiaux a.open, .application a.open, .marquage a.open, .technologie a.open { position:absolute; top:7px; right:7px; width:15px; height:7px; margin:0; background:url(images/icon-select.png); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s;} 
.materiaux a.toggleOpen, .application a.toggleOpen, .marquage a.toggleOpen, .technologie a.toggleOpen  { background:url(images/icon-select.png); -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s;} 
.materiaux ul, .application ul, .marquage ul, .technologie ul { margin:3px 0 0 0; background:#fff; width:100%; padding:5px; z-index:2; box-sizing:border-box; -moz-box-sizing:border-box; }
.materiaux .materiaux-option { max-height:140px !important; }
.application .application-option { max-height:105px !important; }
.technologie .technologie-option { max-height:70px !important; }
.technologie .marquage-option { max-height:70px !important; }
#find-solution .div-rechercher { width:100%; float:left; }
#find-solution .rechercher { background:#000; border:none; float:right; margin:0; padding:5px 8px;   font-size: 1.3em; line-height:1.3em; color:#fff; text-transform:uppercase; text-align:center; }


/*PAGE HOME*/
#video-accueil { background:#fff; width:100%; min-height:465px; margin:-40px 0 40px 0;}
#video-accueil > .container { overflow:visible; }
#video-accueil iframe { position:absolute; width:1250px; left:50%; margin-left:-625px; }
#second-part-home { overflow: hidden; }
#second-part-home .bloc-video { position: relative; margin-left: 0px; }
#second-part-home .bloc-video .bullet { position: absolute; background:url(images/bullet.png) repeat-x bottom; height:5px; width:100%; z-index:0; margin-left:-100%; padding-left:100%; top:25px; left:0; }
#second-part-home .bloc-video h2 { position:relative; font-weight:bold; font-size:2.6em; line-height:1.5em; color:#000; text-transform:uppercase; padding:0 10px 0 10px; margin: 5px 0 30px -10px; background:#fff; display:inline-block; z-index:1;}
#second-part-home .bloc-video > a { border: 1px solid #000; padding: 5px 8px;   font-size: 1.3em; line-height: 1em; color: #000; text-transform: uppercase; float: right; margin:25px 0 0 0; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;} 
#second-part-home .bloc-video > a:hover { background:#ffed00; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s; }
#second-part-home .bloc-video img { width:100%; }

#third-part-home {  }
#third-part-home #assurance-qualite { background:#ffed00; width:100%; float:left; min-height:100px; padding:40px 0; margin:0 0 60px 0;}
#third-part-home #assurance-qualite .left { position:relative; margin-left:50px; }
#third-part-home #assurance-qualite .left .trait { position:absolute; top:30px; left:0; height:5px; width:1px; margin-left:-105%; padding-left:100%; background:#000;  }
#third-part-home #assurance-qualite .left h2 { font-weight:400; font-size:2.3em; line-height:1.4em; color:#000; text-transform:uppercase; margin:0 0 30px 0;}
#third-part-home #assurance-qualite .left img { /*margin:0 25px 0 0; width:130px;*/ }
#third-part-home #assurance-qualite .left h2 strong { }
#third-part-home #assurance-qualite .right { font-size:1.7em; line-height:1.3em; color:#000; margin-right:50px; float:right; padding:130px 0 0 0; }
#third-part-home #assurance-qualite .right p { margin:0 }

.products-home {display: block; margin: 5px auto 20px; width: 1170px;}
.products-home-item {display: inline-block; width: 24.7%; overflow: hidden; margin: 0; padding: 0;}
.products-home-item img {position: relative; z-index: 1; margin: 0 !important;}
.products-home-item img:hover {filter: alpha(Opacity=50); opacity: 0.5;}
.products-home h2 {font-size: 2.6em; font-weight: bold; line-height: 1.5em; text-transform: uppercase; margin: 0;}
.products-home-item h3 {display: inline-block; padding: 0 5px; margin: 0; z-index: 100; position: relative; top: 60px; background-color: #ffed00; font-size: 1.5em; line-height: 1.35em; font-weight: bold;}
.products-home-item h3 a {color: #000;}
.products-home-item h3 a:hover {color: #777;}

/*PAGE GAMME*/
.row-gamme { margin-left:0;}
.visuel-gamme { position:relative; margin-top:-40px; margin-left:-120px; z-index:0;}
.visuel-gamme .picto-techno { position:absolute; bottom:30px; left:30px; width:75px; }
.about-gamme { margin-left:75px; }
.about-gamme #logo-gamme { margin-left:0; margin-bottom:15px; }
.about-gamme #accroche { clear:both; margin-left:0;}
.about-gamme #accroche h1 { font-size:1.200em; line-height:1.5em;   color:#000; text-transform:uppercase; display:inline-block; float:left; margin:0; }
.about-gamme #accroche h1 strong, .about-gamme #accroche h1 b { font-size:1.200em; font-weight:bold;}
.about-gamme #accroche .panel-question { position:relative; float:left; display:inline-block; width:15px; height:15px; border-radius: 45px;}
.about-gamme #accroche .panel-question a { position:absolute; top:0; left:0px; width:auto; height:auto; color:#000; font-size:1.15em; background:#fff; cursor: pointer; border-radius: 45px; -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; -ms-transition: background .2s; transition: background .2s; }
.about-gamme #accroche .panel-question a:hover { background:#ffed00; -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; -ms-transition: background .2s; transition: background .2s; } 
.about-gamme #accroche .panel-question .question { position:absolute; top:-30px; left:-30px; background:#fff89e;   font-size:0.8em; line-height:1em; color:#000; padding:4px 6px; border-radius:45px; white-space : nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); pointer-events:none; }
.about-gamme #accroche .panel-question a:hover .question { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.about-gamme #accroche .panel-question .question:after { position:absolute; bottom:-8px; left:30px; border-top: 8px solid #fff89e; border-right: 8px solid transparent; border-left: 8px solid transparent; content:''; } 
#description_gamme { font-size:1.15em; line-height:1.3em;   color:#000; margin-left:0; margin-bottom:35px; }
#produit-gamme { margin-left:0; margin-bottom:30px; float:left; }
#produit-gamme .bloc-produit { max-width:130px; width:20%; float:left; margin:0 20px 0 0;}
#produit-gamme .bloc-produit .logo-produit { text-align:center; margin:0 0 10px 0; }
#produit-gamme .bloc-produit .vignette-produit { position: relative; max-width:130px; overflow:hidden;}
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit { position: absolute; background: rgba(255,237,0,0.8);-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
zoom: 1; width: 100%; height: 100%; text-align:center;}
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit p {   color:#000; font-size:1em; line-height:1.1em; margin: 20px 5px 20px 5px;}
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit .savoir-more { padding:6px; border:1px solid #000; display:inline-block; text-align:center; font-size:1em; line-height:1.2em;   color:#000; text-transform:uppercase;}

.about-gamme .dl-plaquette { height:25px; margin-left:0; margin-bottom:30px; clear:both; padding:5px 10px; background:#ffed00; float:left; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s; cursor:pointer;}
.about-gamme .dl-plaquette:hover { background:#000; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
.about-gamme .dl-plaquette [class*="icon-"] { width:23px; height:23px; font-size:1.7em; display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
.about-gamme .dl-plaquette .text { vertical-align:middle; }
.about-gamme .dl-plaquette a { color:#000; font-size:1em; line-height:1.2em;   vertical-align: middle; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; }
.about-gamme .dl-plaquette:hover a { color:#ffed00; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; }
.about-gamme .voir-video { height:25px; margin-left:0; margin-bottom:20px; clear:both; padding:5px 10px; background:#ffed00; float:left; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
.about-gamme .voir-video:hover { background:#000; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
.about-gamme .voir-video [class*="icon-"] { width:23px; height:23px; font-size:1.7em; display:inline-block; margin:0 5px 0 0; vertical-align:middle; }
.about-gamme .voir-video .text { vertical-align:middle; }
.about-gamme .voir-video a { color:#000; font-size:1em; line-height:1.2em;   vertical-align: middle; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s;}
.about-gamme .voir-video:hover a { color:#ffed00; -webkit-transition: color .3s; -moz-transition: color .3s; -o-transition: color .3s; -ms-transition: color .3s; transition: color .3s; }


/*PAGE PORDUIT*/
.row-produit { margin-left:0;}
.visuel-produit { position:relative; min-height:300px; margin-top:-40px; margin-left:-120px;}
.visuel-produit .group-logo { position:absolute; bottom:0; width:100%; }
.visuel-produit .group-logo .picto-techno { width:50px; float:left; margin: 30px 0 0 30px;}
.visuel-produit .group-logo .logo-produit { width:140px; float:right; margin: 30px 60px 30px 0px; }
.about-produit { /*background:yellow;*/ min-height:300px; margin-left:75px; }
.about-produit #logo-gamme { margin-left:0; margin-bottom:15px; }
.about-produit #accroche { clear:both; margin-left:0;}
.about-produit #accroche h1 { font-size:1.250em; line-height:1.2em;   color:#000; text-transform:uppercase; margin:0;}
.about-produit #accroche h1 strong, .about-produit #accroche h1 b { font-size:1.100em; font-weight:bold;}
.about-produit #accroche-produit {position: relative; margin-left: 0; padding: 0 0 15px 0; border-bottom:1px solid #8c8c8c;}
.about-produit #accroche-produit .trait { position: absolute; left: -127px; top: 15px; width: 110px; height: 5px; background: #000;}
.about-produit #accroche-produit h2 { font-size:1.55em; line-height:1.2em;   text-transform:none; color:#000; margin:0; }
.about-produit #accroche-produit h3 { font-size:1.25em; line-height:1.2em; font-weight:bold; color:#000; margin:0; }
.about-produit #accroche .panel-question { position:relative; float:left; display:inline-block; width:15px; height:15px; border-radius: 45px;}
.about-produit #accroche .panel-question a { position:absolute; top:0; left:0px; width:auto; height:auto; color:#000; font-size:1.15em; background:#fff; cursor: pointer; border-radius: 45px; -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; -ms-transition: background .2s; transition: background .2s; }
.about-produit #accroche .panel-question a:hover { background:#ffed00; -webkit-transition: background .2s; -moz-transition: background .2s; -o-transition: background .2s; -ms-transition: background .2s; transition: background .2s; } 
.about-produit #accroche .panel-question .question { position:absolute; top:-30px; left:-30px; background:#fff89e;   font-size:0.8em; line-height:1em; color:#000; padding:4px 6px; border-radius:45px; white-space : nowrap; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.about-produit #accroche .panel-question a:hover .question { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); }
.about-produit #accroche .panel-question .question:after { position:absolute; bottom:-8px; left:30px; border-top: 8px solid #fff89e; border-right: 8px solid transparent; border-left: 8px solid transparent; content:''; } 
#description_produit { font-size:1em; line-height:1.35em;   color:#000; margin-left:0; margin-bottom:15px; margin-top:15px; }
#description_produit b { font-size: 0.9em; }
.about-produit .group-picto { padding: 0 0 15px 0; border-bottom:1px solid #8c8c8c; display:inline-block; margin-left:0px; }
.about-produit .group-picto .picto { margin-left:0; padding:5px; background:#ffed00; float:left; margin-right:10px; cursor: pointer; }
.about-produit .group-picto form { margin:0; }
.about-produit .group-picto .picto span { width:25px; height:25px; font-size:1.55em; display:inline-block; margin:0 5px 0 0; vertical-align:middle;}
.about-produit .group-picto .picto a { max-width:23px; height:23px; display:inline-block; overflow:hidden; color:#000; font-size:1em; line-height:0.9em;   vertical-align: middle; -webkit-transition: max-width .3s; -moz-transition: max-width .3s; -o-transition: max-width .3s; -ms-transition: max-width .3s; transition: max-width .3s;}
.about-produit .group-picto .picto a:hover { max-width:300px; -webkit-transition: max-width .3s; -moz-transition: max-width .3s; -o-transition: max-width .3s; -ms-transition: max-width .3s; transition: max-width .3s;}

#produit { margin-left:0; margin-bottom:30px; float:left; }
.about-produit #avantage-produit { margin-left:0; display:inline-block; padding:0 0 15px 0; border-bottom:1px solid #8c8c8c; color:#484848; font-weight:400;}
.about-produit #avantage-produit h2 { font-size:1.25em; line-height:1em;   color:#000; text-transform:uppercase; margin:20px 0 20px 0; float:none; }
.about-produit #avantage-produit h3 { font-size:1.05em; line-height:1em;   text-transform:uppercase; display:inline-block; margin:0 0 13px 0; padding:7px; background:#484848; color:#fff; float:none; }
.about-produit #avantage-produit .span4 { margin:30px 0 0 0; }
.about-produit #avantage-produit .bloc-avantage { width: 40%; min-height:120px; float:left; margin:0 10% 0 0; }
#avantage-produit > .bloc-avantage:nth-child(4) { clear:both; }
#contentAdmin .bloc-avantage h3 { font-size: 1.05em; line-height: 1em; font-weight: normal; text-transform: uppercase; display: inline-block; margin: 0 0 13px 0; padding: 7px; background: #484848; color: #fff; float: none; }
.about-produit #avantage-produit .bloc-avantage p, #contentAdmin .bloc-avantage p {   font-size:1em; color:#484848; line-height:1.25em; }
.about-produit #complement-produit { margin-left:0px; margin-top:15px; font-size:1.05em; line-height:1.3em;   color:#7d7d7d; border-bottom: 1px solid #8c8c8c; padding: 0 0 15px 0; }
.about-produit #controleur-produit { margin:15px 0 0 0; background:#ffed00; padding:20px; -moz-box-sizing: border-box; box-sizing: border-box; }
.about-produit #controleur-produit .photo-controleur { float:left; width:170px;}
.about-produit #controleur-produit .text-controleur { width:400px; float:right; }
.about-produit #controleur-produit .text-controleur h3 { width:100%; margin:0 0 20px 0; text-transform:uppercase;}
#text .about-produit #controleur-produit .text-controleur ul li { background: none; margin:0; padding:0; list-style:inside disc; color:#000; line-height:1.2em; }
.about-produit #accessoire-produit { margin:15px 0 0 0; background:#e3e3e3; padding:20px; -moz-box-sizing: border-box; box-sizing: border-box; max-height:66px; overflow:hidden; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; -ms-transition: max-height .3s; transition: max-height .3s;}
.about-produit #accessoire-produit.open { max-height:2000px; -webkit-transition: max-height .3s; -moz-transition: max-height .3s; -o-transition: max-height .3s; -ms-transition: max-height .3s; transition: max-height .3s; }
.about-produit #accessoire-produit .close-panel { float:right; cursor:pointer; }
.about-produit #accessoire-produit .close-panel img { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(45deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -o-transition: -o-transform .2s; -ms-transition: -ms-transform .2s; transition: transform .2s; }
.about-produit #accessoire-produit.open .close-panel img { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -o-transition: -o-transform .2s; -ms-transition: -ms-transform .2s; transition: transform .2s; } 
.about-produit #accessoire-produit h3 { text-transform:uppercase; margin:0; clear:none; cursor:pointer; }
.about-produit #accessoire-produit .group-bloc-accessoire { min-width:625px; clear:both; float:left; margin: 20px 0 0 -20px;}
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire { position: relative; margin:0 0 20px 20px; height: 150px; width:188px; float:left; }
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire img { width:100%; }
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire .caption { position: absolute; bottom: 0; left: 0; width: 100%; }
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire .caption h6 { height: auto; background: rgba(0,0,0,0.7);  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
zoom: 1; font-weight: normal; font-size:1em; line-height:1.2em; color:#fff; padding:5px; margin:0; }


/*MENU PRODUIT PAGE GAMME*/
#menu-produit { margin: 3px 0 30px; border-top:4px solid #ffed00;}
#menu-produit ul { display:inline; float:left; margin:0;}
#menu-produit ul li { font-size:0.9em; line-height:1.2em;   color:#000; text-transform:uppercase; float:left; list-style:none; margin:0 10px;  }
#menu-produit ul li a { color:#000; padding:5px 7px; float:left; background:none; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s; -ms-transition:background .5s; transition:background .3s; }
#menu-produit ul li a:hover, #menu-produit ul li a.selected { background:#ffed00; -webkit-transition:background .3s; -moz-transition:background .3s; -o-transition:background .3s; -ms-transition:background .5s; transition:background .3s;  }

/*PAGE APPLICATION PREMIER NIVEAU*/
.row-application .group-bloc-secteur { float:left; width:100%; }
.row-application .bloc-secteur { position: relative; margin-bottom:20px; /*min-height:212px;*/ }
.row-application .bloc-secteur img { width: 100%; }
.row-application .bloc-secteur .caption { position: absolute; bottom:0; left:0; width:100%; height:100%; overflow:hidden; max-height:30px; background:rgba(0,0,0,0.7);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
zoom: 1;
-webkit-transition: max-height .3s ease-in; -moz-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; -ms-transition: max-height .3s ease-in; transition: max-height .3s ease-in;
}
.row-application .bloc-secteur:hover .caption { max-height:500px; -webkit-transition: max-height .3s ease-in-out; -moz-transition: max-height .3s ease-in; -o-transition: max-height .3s ease-in; -ms-transition: max-height .3s ease-in; transition: max-height .3s ease-in;     }
.row-application .bloc-secteur .caption h4 { font-size:1.05em; line-height:1em;   text-transform:uppercase; color: #fff; margin:10px; padding:0; display:block; background:none;}
.row-application .bloc-secteur .caption .description { font-size:0.9em; line-height:1.3em;   color: #fff; margin:10px;} 
.row-application .bloc-secteur .caption .see-fiche { font-size:0.9em; line-height:1.4em;   text-transform:uppercase; color: #fff; margin:10px; padding:4px 6px; border:1px solid #fff; float:left; }

/*PAR SECTEUR*/
.row-secteur { position:relative; }
.row-secteur .titre-secteur {position: relative; padding:0 4px 0 0; margin:0 0 40px 20px; float:left; background:#fff; z-index:1; }
.row-secteur h1 { position:relative; display:inline-block; font-weight:bold; font-size:2.15em; line-height:1.4em; color:#000; text-transform:uppercase; margin:0; float: left; }
.row-secteur h2 {   font-size:1.8em; line-height:1.8em; text-transform:uppercase; color: #000; float: left; background:#fff; margin:0; padding:0 10px 0 0; }
.row-secteur .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 5px; width: 100%; z-index: 0; margin-left: -100%; padding:0 100%; top: 105px; left: 0; }
.row-secteur .group-bloc-secteur { float:left; width:100%; }
.row-secteur .group-bloc-secteur a { height:216px; float:left; margin-bottom:20px; }
.row-secteur .bloc-secteur { position: relative; }
.row-secteur .bloc-secteur img { width: 100%; min-height:212px; height:auto; }
.row-secteur .bloc-secteur .caption { position: absolute; bottom:0; left:0; width:100%; height:100%; overflow:hidden; max-height:50px; background:rgba(0,0,0,0.7);
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000,endColorstr=#B2000000);
zoom: 1;
-webkit-transition: max-height .3s ease-in-out; -moz-transition: max-height .3s ease-in-out; -o-transition: max-height .3s ease-in-out; -ms-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out;
}
.row-secteur .bloc-secteur:hover .caption { max-height:500px; -webkit-transition: max-height .3s ease-in-out; -moz-transition: max-height .3s ease-in-out; -o-transition: max-height .3s ease-in-out; -ms-transition: max-height .3s ease-in-out; transition: max-height .3s ease-in-out; }
.row-secteur .bloc-secteur .caption h4 { font-size:1.05em; line-height:1.25em;   text-transform:uppercase; color: #fff; margin:10px; padding:0; display:block; background:none; height:36px;}
.row-secteur .bloc-secteur .caption .type-materiaux, .row-secteur .bloc-secteur .caption .type-marquage, .row-secteur .bloc-secteur .caption .solution { font-size:0.9em; line-height:1.1em;   color: #fff; margin:10px;} 
.row-secteur .bloc-secteur .caption .picto-techno { position: relative; float:right; margin: 0 10px 10px 0; font-size:3.2em; color:#fff; font-family: 'picto'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; line-height: 1em; -webkit-font-smoothing: antialiased; }

.row-secteur .bloc-secteur .caption .micro-percussion:before { content: "\e00b"; }
.row-secteur .bloc-secteur .caption .laser:before { content: "\e00d"; }
.row-secteur .bloc-secteur .caption .vision:before { content: "\e005"; }
.row-secteur .bloc-secteur .caption .rayage:before { content: "\e008"; }

.row-secteur .bloc-secteur .caption .see-fiche { font-size:0.9em; line-height:1.1em;   text-transform:uppercase; color: #fff; margin:10px; padding:4px 6px; border:1px solid #fff; float:left; }

/*FICHE APPLICATION*/
.row-fiche-application .col-left { min-height: 300px; margin-top: -40px; margin-left: -120px; }
.row-fiche-application .col-left .visuel-fiche img { width: 100%; max-height:331px; }
.row-fiche-application .col-right { min-height: 300px; margin-left: 75px; }
.row-fiche-application .col-right h1 { font-size: 1.65em; line-height:1.1em; padding:0 0 5px 0; margin:0 0 25px 0; float:left; border-bottom:4px solid #ffed00; width:100%; white-space:normal; }
.row-fiche-application .col-right h3 { font-size: 1.25em; line-height: 1.2em; font-weight: bold; color: #000; float: left; margin:0;}
.row-fiche-application .detail { width:74.468085%; float:right; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin:20px 0 0 0; padding:15px; background:#ececec; }
.row-fiche-application .detail h3 { font-size:1.25em; line-height:1.2em; font-weight:bold; color: #000; margin:0 0 15px 0; width:100%; }
.row-fiche-application .detail p { font-size:0.9em; line-height:1.3em;   color: #000; margin:0; }
.row-fiche-application .info { width: 100%; border-bottom: 1px solid #8c8c8c; float:left; padding:0 0 25px 0; margin:0 0 25px 0; }
.row-fiche-application .info .lieu, .row-fiche-application .info .mise-service, .row-fiche-application .info .secteur { float:left; margin:0 6.250% 0 0; font-size:1.05em; line-height:1em;   text-transform:uppercase; color: #000; }
.row-fiche-application .logo { max-width:100px; max-height:100px; float:right; }
.row-fiche-application .info span { font-size:0.9em; color:#7d7d7d; text-transform: none; }
.row-fiche-application .caracteristique-marquage { position: relative; float: left; width: 100%; }
.row-fiche-application .caracteristique-marquage .picto-technologie { position: absolute; right: 0; width:75px; }
.row-fiche-application .caracteristique-marquage > div { float: left; clear:both; }
.row-fiche-application .caracteristique-marquage h4 { font-size:1.1em; line-height:1.1em;   text-transform:uppercase; color: #000; margin:15px 0 5px 0; }
.row-fiche-application .caracteristique-marquage p { font-size:1em; line-height:1.1em;   color: #7d7d7d; margin:0; }
.row-fiche-application .caracteristique-marquage p:first-letter { text-transform: uppercase; }
.row-fiche-application .solution-marquage { clear:both; background:#fffccd; padding:10px; margin:15px 0 10px 0; float:left; width:100%; font-size:0.9em; line-height:1.3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-fiche-application .solution-marquage h4 { font-size:1.1em; line-height:1.3em;   text-transform:uppercase; color: #000; margin:0 0 5px 0; }
.row-fiche-application .dl-fiche { float:left; padding: 8px 10px; background:#ffed00; font-size:1.1em; line-height:1.1em;   color: #000;
 -webkit-transition: color .3s ease-in, background .3s ease-in; -moz-transition: color .3s ease-in, background .3s ease-in; -o-transition: color .3s ease-in, background .3s ease-in; -ms-transition: color .3s ease-in, background .3s ease-in; transition: color .3s ease-in, background .3s ease-in; }
.row-fiche-application .dl-fiche:hover { background:#000; color: #ffed00; -webkit-transition: color .3s ease-in, background .3s ease-in; -moz-transition: color .3s ease-in, background .3s ease-in; -o-transition: color .3s ease-in, background .3s ease-in; -ms-transition: color .3s ease-in, background .3s ease-in; transition: color .3s ease-in, background .3s ease-in;}
.row-fiche-application .dl-fiche span { height: 20px; font-size: 1.5em; width: 20px; line-height: 0.8em; margin:0 10px 0 0;}

/*CAROUSEL APPLICATION*/
.carousel-indicators { bottom: 10px; right:10px; }
.carousel-indicators .active { background:#000; }
.carousel-indicators li { cursor:pointer; background:#ffed00; opacity:0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); }
.carousel-control { top:50%; width:25px; height:25px; font-size:30px; line-height:25px; border: 3px solid #ffed00; color:#ffed00; }
.carousel-control:hover, .carousel-control:focus { color:#ffed00; }



/*PAGE CONTACT*/
.row-contact .first-part, .row-contact .second-part  { position:relative; float: left; width:100%; }
.row-contact .form-contact { background: #ffed00; padding:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-contact .form-contact h4 {   font-size:1.35em; line-height:1.3em; color:#000; margin:0 0 20px 0; text-transform:none; }
.row-contact .form-contact h4 b{ font-weight:bold; font-size:1em; line-height:1em; text-transform:uppercase;}
.row-contact .form-contact label {   font-size:1em; line-height:1.3em; color: #000; }
.row-contact .form-contact input {   font-size:1em; border:none; border-radius: 0px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.row-contact .form-contact textarea { border:none; border-radius: 0px; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 200px;  resize: none; }
.row-contact .first-part .span8 { margin-left: 0px; }
.row-contact .first-part .span6 { width: 470px; }
.row-contact .first-part .nom, .row-contact .first-part .prenom { width:48.77%; float:left; }
.row-contact .first-part .prenom { margin:0 0 0 14px; }
.row-contact .first-part .societe { width:100%; float:left; }
.row-contact .first-part .adresse { width:48.77%; float:left; }
.row-contact .first-part .adresse-complementaire { width:48.77%; float:left; margin:0 0 0 14px; }
.row-contact .first-part .code-postal { width:20%; float:left; }
.row-contact .first-part .ville { width:37.13%; float:left; margin:0 14px; }
.row-contact .first-part .pays { width:37.9%; float:left; }
.row-contact .first-part .email, .row-contact .first-part .telephone { width:48.77%; float:left; }
.row-contact .first-part .email { margin:0 14px 0 0; }
.row-contact .first-part .objet { position:relative; width:100%; margin-bottom: 10px; background:#fff; height:25px; }
.row-contact .first-part .objet a { font-size:1em; line-height:2em; color: #808080; margin:0 0 0 5px; }
.row-contact .first-part .objet a.open {width: 15px; height: 7px; float: right; margin: 8px 5px 0 0; background: url(images/icon-select.png); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0);
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-o-transition: -o-transform .5s;
-ms-transition: -ms-transform .5s;
transition: transform .5s; 
}
.row-contact .first-part .objet a.toggleOpen { -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg);
-webkit-transition: -webkit-transform .5s;
-moz-transition: -moz-transform .5s;
-o-transition: -o-transform .5s;
-ms-transition: -ms-transform .5s;
transition: transform .5s;
}
.row-contact .first-part .objet .objet-option { position:absolute; width:100%; margin:0; background:#fff; top:27px !important; }
.row-contact .titre { position:relative; float:left; width:100%; margin:30px 0; }
.row-contact .titre h5 { position: relative;   font-size:1.05em; line-height:1.3em; text-transform:uppercase; display:inline-block; margin:0; background: #ffed00; color:#000; z-index:1;}
.row-contact .titre .bullet { position:absolute; top:12px; background:url(images/bullet-white.png) repeat-x; width: 100%; height:5px; margin:0 0 0 -45px; padding:0 45px; z-index:0;}
.row-contact .second-part [class*="choix-"] { max-height:0; display:inline-block; width:100%; overflow:hidden; -webkit-transition: max-height .3s ease; -moz-transition: max-height .3s ease; -o-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease; }
.row-contact .second-part [class*="choix-"].open { overflow:visible; max-height:800px; -webkit-transition: max-height .3s ease; -moz-transition: max-height .3s ease; -o-transition: max-height .3s ease; -ms-transition: max-height .3s ease; transition: max-height .3s ease;  }
.row-contact .second-part [class*="choix-"] > .group-bloc-choix .bloc-choix { width: 23.23%; float:left; margin:0 25px 0 0; }
.row-contact .second-part p:not(.valider) { width:100%; display:inline-block; float: left; text-decoration:underline; }
.row-contact .second-part p.erreur { width:auto; margin:10px 20px 0 0; float:right; text-align:right; font-size:1.3em; text-decoration:none; color:#000; }
.row-contact .second-part [class*="choix-"] > .group-bloc-choix .bloc-choix:last-child { margin:0 0 0 0; }
.row-contact .second-part .check { width: 20px; height:20px; background:#fff; float:left; margin:0 15px 15px 0; cursor: pointer; }
.row-contact .second-part .check .checked { background:url(images/checked.png) no-repeat; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; width:26px; height:20px; }
.row-contact .second-part .bloc-choix.animated .check .checked { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity .2s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; }
.row-contact .second-part .valider { clear: both; float:right; background:#000; color:#fff; padding:10px 15px; font-size:1em;   line-height:1.3em; text-transform:uppercase; cursor:pointer;  }

/*PAGE NOTRE SAVOIR FAIRE*/
.row-techno-marquage .titre { position: relative; margin: 30px 0 30px 20px; float: left; width: 100%;}
.row-techno-marquage .titre h1 { margin:0; }
.row-techno-marquage .titre h2 { display: inline-block; float: left; clear: both; margin: 0; padding:0 10px; z-index: 1;}
.row-techno-marquage .titre > .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 5px; width: 100%; z-index: 0; margin-left: -100%; padding: 0 100%; top: 60px; left: 0; }
.row-techno-marquage .titre { position: relative; }
.row-techno-marquage #gamme-complete { position: relative; width:100%; background:#e3e3e3; padding:50px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-techno-marquage #gamme-complete2 { position: relative; width:100%; padding:50px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }

.row-techno-marquage #gamme-complete h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-techno-marquage #gamme-complete .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-techno-marquage .techno { display:inline-block; width:100%; margin:0 0 40px 0; }
.row-techno-marquage .techno h4 {   text-transform:uppercase; font-size:1em; line-height:1em; margin:0; background: #484848; color: #fff; padding:3px 5px; display:inline; }
.row-techno-marquage .techno img { width:165px; display:inline-block; margin:0 20px 0 0; float:left; }
.row-techno-marquage .techno div { float:none; display:block; margin:4px 0 0 0; }
.row-techno-marquage .techno p {   font-size:1.2em; line-height:1.3em; margin: 20px 0; }
.row-techno-marquage .techno a {   font-size:0.8em; line-height:1em; color:#000; text-transform:uppercase; border:1px solid #000; padding:5px; }
.row-techno-marquage .techno [class*="icon-"] { font-size:1.8em; width:25px; height:25px; margin:-2px 0 0 10px; }

/*PAGE REFERENCE*/
.bloc-reference { position :relative; width:100%; float:left; padding:50px; margin: 0 0 15px 0; max-height:120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /*cursor:pointer;*/ }
.bloc-reference.open { background:#ffed00; max-height:700px; padding:50px 50px 0 50px; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; }
.bloc-reference { background:#e3e3e3; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; }
.bloc-reference:not(.open):hover { max-height:120px; background:#ffed00; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; }
.bloc-reference .trait { position: absolute; left: -75px; top: 68px; width: 110px; height: 5px; background: #000;  }
.bloc-reference .group-reference { opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); float:left; margin:0 0 5px 0; -webkit-transition: opacity .5s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s;}
.bloc-reference.open .group-reference { opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-transition: opacity .5s; -moz-transition: opacity .2s; -o-transition: opacity .2s; -ms-transition: opacity .2s; transition: opacity .2s; }
.bloc-reference h4 {   font-size:1.8em; line-height:1em; color:#000; text-transform:uppercase; display:inline-block; margin:0; cursor:pointer; background:none; padding:0; width:95%; cursor:pointer; }
.bloc-reference.open h4 { margin:0 0 20px 0; }
.bloc-reference span { float:right; cursor:pointer; }
.bloc-reference.open span img { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
-webkit-transition: -webkit-transform .2s;  -moz-transition: -moz-transform .2s;  -o-transition: -o-transform .2s;  -ms-transition: -ms-transform .2s;  transition: transform .2s; }
.bloc-reference span img { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(45deg); transform: rotate(0deg); 
 -webkit-transition: -webkit-transform .2s;  -moz-transition: -moz-transform .2s;  -o-transition: -o-transform .2s;  -ms-transition: -ms-transform .2s;  transition: transform .2s; }
.bloc-reference .logo { float: left; margin: 5px 25px 20px 0; }

/*PAGE INNOVATION*/
.row-innovation .titre { position: relative; margin: 45px 0 40px 20px; float: left; width: 100%;}
.row-innovation .titre h1 { margin:0; }
.row-innovation .titre h2 { display: inline-block; float: left; clear: both; margin: 0; padding:0 10px; z-index: 1;}
.row-innovation .titre > .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 5px; width: 100%; z-index: 0; margin-left: -100%; padding: 0 100%; top: 60px; left: 0; }
.row-innovation .innovation { position: relative; width: 100%; background: #ffee00; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-innovation .innovation h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-innovation .innovation .trait {  position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-innovation .innovation .span7:nth-child(1) { margin-left:0px; }
.row-innovation .innovation .span7:nth-child(2) { margin-top:110px; }
.row-innovation .innovation img { position: absolute; left:0; top:160px; margin: 0 0 0 -75px; max-width:570px; width:570px; }
.row-innovation .innovation p { float:none; color:#000; margin:0 0 20px 0; }
.row-innovation .innovation b { font-weight:bold; }

.row-innovation .innovation2 b { font-weight:bold; }
.row-innovation .innovation2 { position: relative; width: 100%; background: #e3e3e3; color:#000; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:150px;}
.row-innovation .innovation2 h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-innovation .innovation2 .trait {  position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-innovation .innovation2 .span2 { margin: 0; text-align:center; }
.row-innovation .innovation2 .span2 img { width:100px; }
.row-innovation .innovation2 .span12 { margin: 0 0 0 60px; }
.row-innovation .innovation2 .multi4{ float:left; width:100%; }
.row-innovation .innovation2 .idi { float:left; width:100%; margin:20px 0 20px 0; }
 
/*PAGE HISTORIQUE*/
.row-historique { position: relative; }
.row-historique #historique { position: relative; width: 100%; background: #e3e3e3; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-historique #historique h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-historique #historique .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-historique #chiffre-cle { position: relative; width: 100%; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-historique #chiffre-cle h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-historique #chiffre-cle .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-historique #chiffre-cle .bloc-chiffre { margin:0 30px 0 0; max-width:235px; }
.row-historique #chiffre-cle .bloc-chiffre:last-child { margin-left:0; }
.row-historique #chiffre-cle .bloc-chiffre .en-chiffre { font-size: 2.7em; line-height:1em; /*color:#000;*/ text-align:center; border-bottom:3px solid #ffed00; margin:0 0 10px 0; }
.row-historique #chiffre-cle .bloc-chiffre span.chiffre { margin:0 5px 10px 0; display:inline-block; }

/*PAGE POLE TECHNOTECH*/
.row-technotech { position: relative;  }
.row-technotech .titre { position: relative; margin: 45px 0 40px 30px; float:left; width:100%; }
.row-technotech .titre h1 { position: relative; display: inline-block; font-size: 2em; line-height: 1.5em; color: #000; text-transform: uppercase; margin:0 0 0 -10px; padding: 0 10px 0 10px; background: #fff; float: left; z-index: 1; }
.row-technotech .titre > .bullet { top:25px; }
.row-technotech #technotech { position: relative; width: 100%; background: #ffee00; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box;}
.row-technotech #technotech h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-technotech #technotech .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-technotech #technotech img { position: relative; margin: 0 0 0 -130px; max-width:570px; width:570px; }
.row-technotech #technotech .span7:nth-child(1) { margin-left:0px; }
.row-technotech #technotech .span7:nth-child(2) { margin-top:110px; }
.row-technotech #technotech .span7 h4 { margin-top:0; }
.row-technotech #technotech p { color:#000; }
#text .row-technotech #technotech ul li { background:none; padding:0; margin:0; list-style:inside disc; color:#000; line-height:1.3em; }
#text .row-technotech #technotech .savoir-faire { float:left; margin:20px 0 0 0;}
#text .row-technotech #technotech .savoir-faire ul { margin:0 0 0 20px; }
#text .row-technotech #technotech .savoir-faire ul li { float:left; width:200px; margin:0 35px 0 0; line-height:1.3em; }
.row-technotech #technotech .span10 { margin:30px 0 0 0; } 
.row-technotech #technotech .span10 ul { margin:0 0 0 20px; display:inline-block; float:left; width:100%; }
#text .row-technotech #technotech .span10 ul li { float:left; width:200px; margin:0 35px 0 0; line-height:1.3em; }

.row-technotech #offre-perso { position: relative; width: 100%; background: #e3e3e3; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:50px; }
.row-technotech #offre-perso h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-technotech #offre-perso .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-technotech #offre-perso .span7:nth-child(1){ margin-left:0px; }
.row-technotech #offre-perso .span7:nth-child(2){ margin-top:110px; }
.row-technotech #offre-perso .span7 img { position: absolute; left:0; top:160px; margin: 0 0 0 -75px; max-width:570px; width:570px; }
/*#contentAdmin .row-technotech #offre-perso .span7 img { position: relative; margin: 0 0 0 -130px; max-width:500px; width:500px; }*/

.row-technotech #laboratoire { position: relative; width: 100%; background: #ffee00; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:50px; }
.row-technotech #laboratoire h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-technotech #laboratoire .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-technotech #laboratoire .span7:nth-child(1){ margin-left:0px; }
.row-technotech #laboratoire .span7:nth-child(2){ margin-top:110px; }
.row-technotech #laboratoire .span7 img { top:160px; margin: 0 0 0 -125px; max-width:570px; width:570px; }
/*#contentAdmin .row-technotech #laboratoire .span7 img { position: relative; margin: 0 0 0 -130px; max-width:500px; width:500px;  }*/

/*PAGE ETHIQUE*/
.row-ethique { position: relative;  }
.row-ethique #ethique { position: relative; width: 100%; background: #e3e3e3; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; } 
.row-ethique #ethique h2 { background: none; width: 100%; margin: 0 0 50px 0; }
.row-ethique #ethique .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-ethique #ethique .engagement { display: inline-block; width: 100%; margin: 0 0 40px 0; }
.row-ethique #ethique .engagement:last-child { margin:0; } 
.row-ethique #ethique img { width:130px; display:inline-block; margin:0 20px 20px 0; float:left; }
.row-ethique #ethique .engagement div { float:none; display:block; }


/*PAGE SERVICE*/
.row-service { }
.row-service .durable .span7:first-child { margin-left:0; }
.row-service .durable .span7:last-child { margin-top:110px; }
.row-service .durable { position: relative; width:100%; background:#e3e3e3; padding:50px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box;   }
.row-service .durable h2 { background: none; width:100%; margin:0 0 50px 0; }
.row-service .durable .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-service .durable img { position: absolute; top:160px; left:0; margin:0 0 0 -75px; }
.row-service .durable h4 {margin-top:0; }
.row-service .durable p { font-size:1.15em; line-height:1.2em; margin: 0 0 20px 0; }
.row-service .span16 > .span7:nth-child(1) { margin-left:50px;}
.row-service .span16 > .span7:last-child { margin-left:75px; }
.row-service .span16 > .span7 { margin-top:85px; margin-left:50px; max-width:447px; }
.row-service .span16 > .span7 .titre { width:100%; border-bottom:1px solid #000; margin:0 0 20px 0; float:left; }
.row-service .span16 > .span7 h3 { font-size:1.55em; display:inline-block; margin:0; }
.row-service .span16 > .span7 .titre span{ float: right; font-size: 0.9em; margin: 7px 0 0 0; cursor:pointer;}
#text .row-service .span16 > .span7 .detail { overflow:hidden; max-height:35px; float:left; -webkit-transition: max-height .2s; -moz-transition: max-height .2s; -o-transition: max-height .2s; -ms-transition: max-height .2s; transition: max-height .2s; }
#text .row-service .span16 > .span7 .detail.animated { overflow:hidden; max-height:300px; -webkit-transition: max-height .2s; -moz-transition: max-height .2s; -o-transition: max-height .2s; -ms-transition: max-height .2s; transition: max-height .2s;}
#contentAdmin .row-service .span16 > .span7 .detail { max-height:5000px; }

/*PAGE RESEAU DISTRIBUTION*/
.row-distribution #international { position: relative; width:100%; background:#e3e3e3; padding:50px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-distribution #international h2 { background: none; width:100%; margin:0 0 50px 0; }
.row-distribution #international .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-distribution #international .span7:first-child { margin-left:0; }
.row-distribution #international .span7:first-child img { position:absolute; top:160px; left:-75px; }
.row-distribution #international .span7:last-child { margin-top:110px; }
.row-distribution #international .span7:last-child img { width:130px; }
.row-distribution #international .span7 p a {background:#ffed00; padding: 5px 10px; float: right; color: #000; font-size: 1em; line-height: 1em; vertical-align: middle; -webkit-transition: color .3s, background .3s; -moz-transition: color .3s, background .3s; -o-transition: color .3s, background .3s; -ms-transition: color .3s, background .3s; transition: color .3s, background .3s; }
.row-distribution #international .span7 p a:hover { background: #000; color: #ffed00; -webkit-transition: color .3s, background .3s; -moz-transition: color .3s, background .3s; -o-transition: color .3s, background .3s; -ms-transition: color .3s, background .3s; transition: color .3s, background .3s; } 

/*PAGE RESULTAT*/
.row-resultat { min-height:315px; }
#filtre-resultat { width:100%; display:inline-block; background:#ffed00; margin:0 0 15px 0; padding:5px 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#filtre-resultat [class^="filtre-"] { position:relative; float: left;  font-size: 1.05em; line-height: 1em; padding: 4px 6px; margin: 0 15px 0 0; cursor: pointer; background:#fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#filtre-resultat [class*="ulfiltre"] { position: absolute; left:0; top:27px; z-index: 3; background: #fff; margin: 0; padding: 0; width: 100%; }
#filtre-resultat [class*="ulfiltre"] li { margin:0 10px; }
#filtre-resultat [class*="ulfiltre"] li:first-of-type { margin-top: 5px; }
#filtre-resultat [class*="filtre-"] a.open { position:absolute; top:7px; right:7px; width: 15px; height: 7px; background: url(images/icon-select.png); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0);  -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s; }
#filtre-resultat [class*="filtre-"] a.toggleOpen { -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s;} 
#filtre-resultat [class*="filtre-"] a { color: #000;}
#table_resultat { width:100%;  }
#table_resultat th, #table_resultat td { padding: 6px 10px 6px 10px; margin:0 3px; outline:1px solid #fff; }
#table_resultat th { font-size:1.3em; color:#fff; text-transform:uppercase; background: #000; }
#table_resultat tr.cacher { -webkit-animation: cacher .5s ease both; -moz-animation: cacher .5s ease both; -o-animation: cacher .5s ease both; -ms-animation: cacher .5s ease both; animation: cacher .5s ease both; display:none; }
#table_resultat tr.afficher { -webkit-animation: afficher ease .5s both; -moz-animation: afficher ease .5s both; -o-animation: afficher ease .5s both; -ms-animation: afficher ease .5s both; animation: afficher ease .5s both; display:table-row;  }
@-webkit-keyframes cacher {
    0%   { display:table-row; opacity:1;  }
    99%  { display:table-row; opacity:0; }
    100% { display:none; opacity:0; }
}

@-moz-keyframes cacher {
    0%   { display:table-row; opacity:1;  }
    99%  { display:table-row; opacity:0; }
    100% { display:none; opacity:0; }
}

@-o-keyframes cacher {
    0%   { display:table-row; opacity:1;  }
    99%  { display:table-row; opacity:0; }
    100% { display:none; opacity:0; }
}

@-ms-keyframes cacher {
    0%   { display:table-row; opacity:1;  }
    99%  { display:table-row; opacity:0; }
    100% { display:none; opacity:0; }
}

@keyframes cacher {
    0%   { display:table-row; opacity:1;  }
    99%  { display:table-row; opacity:0; }
    100% { display:none; opacity:0; }
}

@-webkit-keyframes afficher {
    0%   { display:none; opacity:0;  }
    1%   { display:table-row; opacity:0; }
    100% { display:table-row; opacity:1; }
}

@-moz-keyframes afficher {
    0%   { display:none; opacity:0;  }
    1%   { display:table-row; opacity:0; }
    100% { display:table-row; opacity:1; }
}

@-o-keyframes afficher {
    0%   { display:none; opacity:0;  }
    1%   { display:table-row; opacity:0; }
    100% { display:table-row; opacity:1; }
}

@-ms-keyframes afficher {
    0%   { display:none; opacity:0;  }
    1%   { display:table-row; opacity:0; }
    100% { display:table-row; opacity:1; }
}

@keyframes afficher {
    0%   { display:none; opacity:0;  }
    1%   { display:table-row; opacity:0; }
    100% { display:table-row; opacity:1; }
}
.ulfiltre-application-option, .ulfiltre-materiaux-option, .ulfiltre-marquage-option, .ulfiltre-technologie-option { max-height:150px !important; }

#table_resultat td { background:#e1e1e1; color:#000; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: background .2s; -ms-transition: all .2s; transition: all .2s; }
#table_resultat td a { color:#000; text-decoration:none; }
#table_resultat .error a { text-decoration:underline; font-size:1.15em; }
#table_resultat td:hover { background:#fffcd3; -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; -ms-transition: all .2s; transition: all .2s; }
#table_resultat td .logo { width:100px; }
#table_resultat td .picto { width:40px; margin:0 10px 0 0; }

/*PAGE VIDEO*/
.row-video { position:relative; }
.row-video #video { position: relative; width:100%; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-video #video .bloc-video { position: relative; width: 100%; float: left; padding: 50px; margin: 0 0 15px 0; max-height: 120px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; }
#contentAdmin .row-video #video .bloc-video { max-height:99999; }
#contentAdmin .row-video #video .bloc-video .group-video { display:block; opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.row-video #video .bloc-video.open { background: #ffed00; max-height: 3700px; padding: 50px 50px 0 50px; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; }
.row-video #video .bloc-video { background: #e3e3e3; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; } 
.row-video #video .bloc-video:not(.open):hover { max-height:120px; background:#ffed00; -webkit-transition: background .3s, max-height .3s; -moz-transition: background .3s, max-height .3s; -o-transition: background .3s, max-height .3s; -ms-transition: background .3s, max-height .3s; transition: background .3s, max-height .3s; }
.row-video #video h2 { background: none; margin:0 0 0 0; }
.row-video #video .open h2 { margin: 0 0 20px 0; }
.row-video #video .trait { position: absolute; left: -75px; top: 68px; width: 110px; height: 5px; background: #000; }
.row-video #video .bloc-video span { float: right; cursor: pointer; }
.row-video #video .bloc-video.open span img { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -o-transition: -o-transform .2s; -ms-transition: -ms-transform .2s; transition: transform .2s; }
.row-video #video .bloc-video span img { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(45deg); transform: rotate(0deg); -webkit-transition: -webkit-transform .2s; -moz-transition: -moz-transform .2s; -o-transition: -o-transform .2s; -ms-transition: -ms-transform .2s; transition: transform .2s; }
.row-video #video .bloc-video h3 { margin: 35px 0 15px 0; width: 100%; }
.row-video #video .bloc-video .group-video { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); float: left; clear:both; margin: 0 0 50px 0; -webkit-animation: hide .1s; -moz-animation: hide .1s; -o-animation: hide .1s; -ms-animation: hide .1s; animation: hide .1s; }
.row-video #video .bloc-video.open .group-video { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -webkit-animation: show .2s; -moz-animation: show .2s; -o-animation: show .2s; -ms-animation: show .2s; animation: show .2s; }

@-webkit-keyframes show { 
    0%   { display:none; opacity:0; }
    1%   { display:block; opacity:0; }
    100% { opacity:1; }
}
@-moz-keyframes show { 
    0%   { display:none; opacity:0; }
    1%   { display:block; opacity:0; }
    100% { opacity:1; }
}
@-o-keyframes show { 
    0%   { display:none; opacity:0; }
    1%   { display:block; opacity:0; }
    100% { opacity:1; }
}
@-ms-keyframes show { 
    0%   { display:none; opacity:0; }
    1%   { display:block; opacity:0; }
    100% { opacity:1; }
}
@keyframes show { 
    0%   { display:none; opacity:0; }
    1%   { display:block; opacity:0; }
    100% { opacity:1; }
}

@-webkit-keyframes hide {
    0%   { opacity:1; }
    99%  { opacity:0; display:block; }
    100% { opacity:0; display:none; }
}

@-moz-keyframes hide {
    0%   { opacity:1; }
    99%  { opacity:0; display:block; }
    100% { opacity:0; display:none; }
}

@-o-keyframes hide {
    0%   { opacity:1; }
    99%  { opacity:0; display:block; }
    100% { opacity:0; display:none; }
}

@-ms-keyframes hide {
    0%   { opacity:1; }
    99%  { opacity:0; display:block; }
    100% { opacity:0; display:none; }
}

@keyframes hide {
    0%   { opacity:1; }
    99%  { opacity:0; display:block; }
    100% { opacity:0; display:none; }
}


/*FIL ARIANNE*/
#breadcrumb { width:100%; float:left; margin-top:15px; margin-bottom:35px;}
#breadcrumb.span12 { margin-top:15px; margin-bottom:50px; }
#breadcrumb a { font-size:0.8em; line-height:1em; color:#757575; float:left; text-transform:capitalize; }
/*#breadcrumb a:first-letter { text-transform:uppercase; }*/
#breadcrumb a:hover {}
#breadcrumb > .level_1 { display: inline; float: left; }
#breadcrumb > .level_1 a { } 
#breadcrumb > [class*="level"] a span { margin: 0 3px; } 
#breadcrumb > .level_2 { }
#breadcrumb > .level_2 > a { }
#breadcrumb > .level_3 { }

/*MENU LANGUE*/
#menu_langue { display:inline; float:right; position:relative; margin:10px 0; }
.menu_langue { position: relative; width:55px; display: inline-block; float: left; font-size: 1.2em; line-height: 1em; text-transform: uppercase; color: #9b9b9b; margin: 0 15px 0 0; cursor: pointer;}
.menu_langue p { color: #9b9b9b; }
.menu_langue p img { float:left; margin:0 3px 0 0; }

.menu_langue.open > a { width:15px; height:7px; float:left; margin:3px 5px 0 0; background:url(images/icon-select.png); -webkit-transform: rotateZ(0); -moz-transform: rotateZ(0); -o-transform: rotateZ(0); transform: rotateZ(0); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s;} 
.menu_langue > a { width:15px; height:7px; float:left; margin:3px 5px 0 0; background:url(images/icon-select.png); -webkit-transform: rotateZ(-180deg); -moz-transform: rotateZ(-180deg); -o-transform: rotateZ(-180deg); transform: rotateZ(-180deg); -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; -ms-transition: -ms-transform .5s; transition: transform .5s;} 
.menu_langue ul { position:absolute; top:20px; z-index:5; background:#fff; margin:0; padding:0; width:100%; overflow:hidden; max-height:0px;}
.menu_langue.open ul { max-height:100px; }
.menu_langue ul li {margin: 0 0 0 10px; display:inline-block; }
.menu_langue ul li:nth-child(1) {margin-top:5px; }
.menu_langue ul li img { display:inline-block; margin:0 3px 0 0; }
.menu_langue ul li a { text-decoration:none; color:#9b9b9b; }

/*MENU HAUT*/
.content-menuhaut { width:100%; height:30px;}
#menuhaut { display:inline; float:right; margin:10px 0;}
#menuhaut li { display:inline; float:left; font-size:1.2em; line-height:1em; text-transform:uppercase; color:#9b9b9b;}
#menuhaut li:nth-child(1) { }
/*#menuhaut li:nth-child(1):after { content:"-";}*/
#menuhaut li a { color:#9b9b9b; text-decoration:none;}
#menuhaut li a:hover { background:none; text-decoration:none;}

/*MENU PRINCIPAL*/
#menu-principal { left:0; float:right; min-height:35px; margin:25px 10px 0 0;}
.menu-principal-home {}
#menu-principal .navbar { background: #827e80;position:relative; z-index:9999; margin:0;}
#menu-principal .navbar a.btn-navbar { margin:4px 4px 0 0;}
#menu-principal .navbar a.btn {border-radius:0; border:none;}
#menu-principal a { line-height:1em;   }

#menu-principal #menuprincFirstPart { width:auto; display:inline-block; margin:0; padding:0; /*float:left;*/}
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0  { position: relative; display: inline-block; list-style:none; line-height:19px; margin: 0 0 0 0; }
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0 > a 
	{ display:inline-block; 
      border-radius:0px;
      font-size:1.55em; 
      text-transform:uppercase; 
        
      color:#fff; 
      padding:8px 20px 8px; 
      margin:0 0 15px 0;  
      cursor:pointer; 
      text-decoration:none; 
      text-shadow:none; 
      -webkit-transition: background .5s, color .5s;
      -moz-transition: background .5s, color .5s;
      -o-transition: background .5s, color .5s; 
      -ms-transition: background .5s, color .5s; 
      transition: background .5s, color .5s; 
    }
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0 > a:hover { background:#ffed00; color:#000;  -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s;}
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0:hover > a { background:#ffed00; color:#000; -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s;}
#menu-principal #menuprincFirstPart li ul li { display:block; clear:both; font-size:1.300em; margin-bottom: 15px;}
#menu-principal #menuprincFirstPart li ul li a { width:100%; color:#000;}
#menu-principal #menuprincFirstPart .limenuprincFirstPart0selected  {}
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0selected > a { }

#menu-principal #menuprincFirstPart li .ulmenuprincFirstPart1 { max-height:0px; background:#f8f8f8; overflow:hidden; padding:0 20px; margin:0 0 0 -20px; -webkit-transition:max-height .5s; -moz-transition:max-height .5s; -o-transition:max-height .5s; -ms-transition:max-height .5s; transition:max-height .5s;}
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0:hover > ul {  max-height:500px; -webkit-transition:max-height .5s; -moz-transition:max-height .5s; -o-transition:max-height .5s; -ms-transition:max-height .5s; transition:max-height .5s; }
#menu-principal #menuprincFirstPart li ul li:first-of-type { margin-top:15px; }
#menu-principal #menuprincFirstPart li ul li:last-of-type { margin-bottom:15px; }
#menu-principal #menuprincFirstPart .limenuprincFirstPart0selected .ulmenuprinc1 li a { color:#000; position:relative; display:block;  width:115px; text-decoration:none; z-index:2;}
#menu-principal #menuprinc .limenuprincFirstPart0selected .ulmenuprincFirstPart1 li a.menuprincFirstPart1selected {background: #fff; }
#menu-principal #menuprincFirstPart .limenuprincFirstPart1  a.menuprincFirstPart1{ }
#menu-principal #menuprincFirstPart .limenuprincFirstPart1  a.menuprincFirstPart1:hover { text-decoration:none; background:#ffed00; }

/*Deuxieme partie du menu principal*/
#menu-principal #menuprincSecondPart { width:auto; display:inline-block; margin:0; padding:0; /*float:left;*/ }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0  {position: relative; display: inline-block; list-style:none; line-height:19px; margin: 0 0 0 20px; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0 > a { display:inline-block; border-radius:0px; font-size:1.500em; text-transform:uppercase;   color:#fff; padding:8px 20px 8px; margin:0 0 15px 0; text-decoration:none; text-shadow:none; -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0 > a:hover { background:#ffed00; color:#000;  -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0:hover > a { background:#ffed00; color:#000; -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s; }
#menu-principal #menuprincSecondPart li ul li { display:block; clear:both; font-size:1.400em;   }
#menu-principal #menuprincSecondPart li ul li a { width:100%; color:#000;}
#menu-principal #menuprincSecondPart li .ulmenuprincSecondPart1 { max-height:0px; background:#fff; overflow:hidden; padding:0 20px; margin:0 0 0 -20px; -webkit-transition:max-height .5s; -moz-transition:max-height .5s; -o-transition:max-height .5s; -ms-transition:max-height .5s; transition:max-height .5s; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0:hover > ul {   max-height:500px; -webkit-transition:max-height .5s; -moz-transition:max-height .5s; -o-transition:max-height .5s; -ms-transition:max-height .5s; transition:max-height .5s; }
#menu-principal #menuprincSecondPart li ul li:first-of-type { margin-top:15px; }
#menu-principal #menuprincSecondPart li ul li:last-of-type { margin-bottom:15px; }
#menu-principal #menuprincSecondPart .limenuprincSecondPart0selected .ulmenuprinc1 li a { color:#000; position:relative; display:block;  width:115px; text-decoration:none; z-index:2;}
#menu-principal #menuprinc .limenuprincSecondPart0selected .ulmenuprincSecondPart1 li a.menuprincSecondPart1selected {background: #fff; }
#menu-principal #menuprincSecondPart .limenuprincSecondPart1  a.menuprincSecondPart1:hover { text-decoration:none; background:#ffed00; }

/*MENU PRODUITS*/
#nav-produit { width:auto; display:inline-block; margin:0; padding:0; /*float:left;*/ } 
#nav-produit li.linav-produit0 { position: relative; display: inline-block; list-style:none; line-height:19px; margin: 0 0 0 20px; }
#nav-produit li.linav-produit0 > a {display:inline-block; border-radius:0px; font-size:1.500em; text-transform:uppercase;   color:#fff; padding:8px 20px 8px; margin:0 0 15px 0; text-decoration:none; text-shadow:none; cursor:pointer; -webkit-transition: background .5s, color .5s;  -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s;  }
#nav-produit li.linav-produit0 > a:hover { background:#ffed00; color:#000; -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s; }
#nav-produit li.linav-produit0:hover > a { background:#ffed00; color:#000; -webkit-transition: background .5s, color .5s; -moz-transition: background .5s, color .5s; -o-transition: background .5s, color .5s; -ms-transition: background .5s, color .5s; transition: background .5s, color .5s;}
#nav-produit li ul li { display:block; clear:both; font-size:1.400em;   }
#nav-produit li ul li a { width:100%; color:#000; float:left; margin:2px 0 10px 0;}
#nav-produit li .ulnav-produit1 { max-height:0px; height:auto; background:#fff; overflow:hidden; padding:0 20px; margin:0 0 0 -20px; -webkit-transition: max-height .5s; -moz-transition: max-height .5s; -o-transition: max-height .5s; -ms-transition: max-height .5s; transition: max-height .5s;}
#nav-produit li.linav-produit0:hover > ul {  max-height:500px; -webkit-transition: max-height .5s; -moz-transition: max-height .5s; -o-transition: max-height .5s; -ms-transition: max-height .5s; transition: max-height .5s; }
#nav-produit li ul li:first-of-type { margin-top:15px; }
#nav-produit li ul li:last-of-type { margin-bottom:15px; }
#nav-produit li ul li a:hover { text-decoration:none; background:#ffed00; }
#nav-produit li ul li.nom-technologie { border-bottom: 1px solid #000; color:#000; font-size:1.05em; text-transform:uppercase; margin-top: 5px; }
#nav-produit li ul li.nom-technologie:first-of-type { margin-top:15px; }
#nav-produit li ul li.linav-produit1 a { margin:2px 0 5px 0; }

/*MENU SECONDAIRE*/
#menu-secondaire { position:absolute; background:#fff; height:100%;}
#menu-secondaire ul { margin:20px 15px 0 15px; display:block;}
#menu-secondaire ul li { display:list-item; list-style:none; margin:0 0 10px 0; font-size:1.3em;  }
#menu-secondaire ul li a { padding:5px; color:#000; background:#fff; display:inline-block;
transition: background .3s, color .1s;
-webkit-transition: background .3s, color .1s;}

#menu-secondaire ul li a.selected { color:#fff; background:#ff5600; -webkit-transition: background .3s, color .1s; }
#menu-secondaire ul li a:hover { color:#fff; background:#ff5600; -webkit-transition: background .3s, color .1s; }

/*SOUSMENU niveau 2 MENU SECONDAIRE*/
#second1 {float: left; margin-top: 5px;}
#second1 .lisecond1 {float:left; width:120px; margin-bottom:3px;}   
#second1 .second1 { text-decoration:none; font-size:1em; color:#3E3D40; float:left; padding-left:15px; }
#second1 .lisecond1selected a.second1selected {color: #f2990b; background:none;}
#second1 .lisecond1 a:hover{color:#f2990b;} 
#second1 .lisecond1 a:hover{text-decoration:none;}


/*Module de recherche*/
.titre_result_search {}
#filarianne_search {}
#filarianne_search h2 {display: inline; }
#resultatderecheche p { }
#filarianne_search a{text-decoration:none;}
#filarianne_search a:hover {text-decoration:underline;}

/*SITEMAP*/
#sitemap { position: relative; width: 100%; background: #e3e3e3; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
#sitemap > div { position:relative; float:left; clear:both; }
#sitemap > div > h2 { background: none; width: 100%; margin: 0 0 50px 0; } 
#sitemap > div .trait { position: absolute; left: -125px; top: 19px; width: 110px; height: 5px; background: #000; }
#sitemap > h3 { font-size:1.25em; line-height:1.3em;   color: #000; float:left; clear:both; margin:0 0 5px 30px;}
#sitemap > h4 { font-size:1em; line-height:1.1em; text-transform:none; color: #000; float:left; clear:both; margin: 5px 0 0 30px; padding:0 0 0 15px; background: url(images/puce.png) no-repeat left 3px;}
#sitemap > h5 {}
#sitemap > h6 {}
#sitemap > ul > li {}
#sitemap > h2 a { }
#sitemap > h3 a { text-decoration:none; color:rgb(51, 51, 51); }
#sitemap > h3 a:hover { text-decoration:none; }
#sitemap > h4 a{ text-decoration:none;  color:rgb(51, 51, 51); }
#sitemap > h5 a{}
#sitemap a:hover {text-decoration:underline;}

/*CONNEXION*/
#logins, #oublie {float: left; border:1px solid #BFBFBF; padding: 5px;}
#logins p, #oublie p {margin: 5px 0; }
#logins p > label, #oublie p > label {width: 185px; float: left; margin-top: 5px;}
#logins p > a, #oublie p > a {float:left; clear:both;}
#logins .valider, #oublie .valider { color:#fff; background: #000; border:none;}

/*NEWSLETTER*/
#newsletter {border: 1px solid #BFBFBF; float:left; padding:5px;}
#newsletter p {margin: 5px 0; color:#959595;}
#newsletter p > label {width: 185px; float: left; margin-top: 5px;}
#newsletter p > a {}
#newsletter .valider {color:#fff; background-color: #EC800B; border:none; float: right;} 

/*EXTRANET*/
.row-extranet { }
.row-extranet .zone-prive .span7:first-child { margin-left:0; }
.row-extranet .zone-prive .span7:last-child { margin-top:110px; }
.row-extranet .zone-prive { position: relative; width:100%; background:#e3e3e3; padding:50px; display:inline-block; -moz-box-sizing: border-box; box-sizing: border-box;   }
.row-extranet .zone-prive h2 { background: none; width:100%; margin:0 0 50px 0; }
.row-extranet .zone-prive .trait { position: absolute; left: -75px; top: 95px; width: 110px; height: 5px; background: #000; }
.row-extranet .zone-prive { position: relative; width: 100%; background: #e3e3e3; padding: 50px; display: inline-block; -moz-box-sizing: border-box; box-sizing: border-box; }
.row-extranet .zone-prive img { position: relative; margin: 0 0 0 -130px; max-width:570px; width:570px; }
.row-extranet .span16 > .span7 { margin-top: 85px; margin-left: 50px; max-width: 447px; }
.row-extranet .span16 > .span7 .titre { width: 100%; border-bottom: 1px solid #000; margin: 0 0 20px 0; float: left; }
.row-extranet .span16 > .span7 h3 { font-size: 1.55em; display: inline-block; margin: 0; }
.bloc-extranet { float:left; clear:both; overflow:hidden; -webkit-transition: max-height .2s; -moz-transition: max-height .2s; -o-transition: max-height .2s; -ms-transition: max-height .2s; transition: max-height .2s;}
.bloc-extranet.animated { max-height:1000px !important; }
.bloc-extranet-titre { cursor:pointer; }
.bloc-extranet h5 { -webkit-transition:background .2s, color .2s; -moz-transition:background .2s, color .2s; -o-transition:background .2s, color .2s; -ms-transition:background .2s, color .2s; transition:background .2s, color .2s;}
.bloc-extranet h5:hover, .bloc-extranet.animated h5 { background: #ffed00; color:#000; -webkit-transition:background .2s, color .2s; -moz-transition:background .2s, color .2s; -o-transition:background .2s, color .2s; -ms-transition:background .2s, color .2s; transition:background .2s, color .2s;}
.bloc-extranet a { color:#000; }

#tableau1 { width:100%; }
#tableau1 td { width:20%; padding:10px; box-sizing:border-box; -moz-box-sizing:border-box; }
#tableau1 td  b { margin:0 0 7px 0; display:inline-block; }

/*ACTUALITE ACCUEIL*/
#actu_accueil { position: relative; margin-left:105px; }
#actu_accueil > h2 { position: relative; font-size: 2.6em; line-height: 1.5em; color: #000; text-transform: uppercase; padding: 0 10px; margin: 5px 0 30px -10px; background: #fff; display: inline-block; z-index: 1;}
#actu_accueil .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 5px; width: 100%; z-index: 0; margin-right:100%; padding: 0 100% 0 0; top: 25px; left: 0; }
a.tte_actu { font-size:0.9em; padding-top:5px; text-decoration:none; float:right;}
#actu_accueil > #news .news_list { float: left; font-size:1.1em; width:100%; margin:0 0 50px; line-height:1.1em;}
#actu_accueil > #news .news_list > .news_intro > .class_vignette_news {/* max-height:125px;*/ max-width:100px; float:left; margin-right:20px; overflow:hidden;}
#actu_accueil > #news .news_list > .news_intro > .class_vignette_news img {float:left; max-height:100%; max-width:100%; }
#actu_accueil > #news .news_list a { text-decoration: none;}
#actu_accueil > #news .news_list a:hover { text-decoration: underline;}
#actu_accueil > #news .news_list h2  { position:relative; font-size:1.5em; line-height:1.35em; color:#000; margin:0 0 5px 0; z-index:1; display:inline; }
#actu_accueil > #news .news_list h2 a {color: #000;}
#actu_accueil > #news_actu { display: inline; float: left; width: 650px;}
#actu_accueil > #news_actu .news_list { border-bottom: 1px solid #a1765a; padding: 10px 0 15px; }
#actu_accueil > #news .news_list h3 { display:none;}
#actu_accueil > #news .news_list > .news_intro {position: relative; display: block; overflow: hidden;}
#actu_accueil > #news .news_list > .news_intro > p > a { font-size:1.3em; line-height:1em; color:#000; clear:both; float:left;}
#actu_accueil > #news .news_list > .news_intro > a { font-size:1.5em; line-height:1.35em; color:#000; clear:both; }
#actu_accueil > #news .news_list > .news_intro > a:hover { text-decoration:underline; }
#actu_accueil > #news .news_list > .news_date {font-size: 1em; color:#464646; display: inline; margin-bottom: 5px;}
#actu_accueil > #news .news_list > .news_lirelasuite { float: right; font-size: 1.1em; line-height: 1.1em; color: #000; margin: 10px 0 0 0; text-align:center; display:inline;}
#actu_accueil > #news .news_list > .news_lirelasuite a:before { content:'>>'; color:#000; font-size: 1.1em; line-height:1em; margin:0 5px 0 0; }
#actu_accueil > #news .news_list > .news_lirelasuite a {color:#000;}
#actu_accueil .all-actu { border: 1px solid #000; padding: 5px 8px;  font-size: 1.3em; line-height: 1em; color: #000; text-transform: uppercase; float: right; margin: 25px 0 0 0; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;} 
#actu_accueil .all-actu:hover { background: #ffed00; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s; }

#calendrier > .news_list { float: left; width:176px; font-size:1.1em; color:#464646; padding:0; margin-bottom:5px; border:none; }
#calendrier > .news_list a { text-decoration: none;}
#calendrier > .news_list h2 {  font-size: 1.1em; font-weight: bold; margin: 0 5px 2px 0; padding:0; display:inline; float:left; }
#calendrier > .news_list h2 a {color: #217ebf;}
#calendrier > #news_actu { display: inline; float: left; width: 650px;}
#calendrier > #news_actu .news_list { border-bottom: 1px solid #a1765a; padding: 10px 0 15px; }
#calendrier > .news_list h3 { display:none;}
#calendrier > .news_list > .news_intro {position: relative; float:left; width:100%;}
#calendrier > .news_list > .news_intro a{font-size: 1.0em; color:#464646; width: 100%; float: left;}
#calendrier > .news_list > .news_intro h1 {border: none; font-size:1.2em; font-weight: bold; margin-bottom:5px; padding:0;}
#calendrier > .news_list > .news_date {font-size: 1em; color:#464646; display: inline; margin-bottom: 2px;}
#calendrier > .news_list > .news_lirelasuite {margin-top: 2px; font-size: 1em;}
#calendrier > .news_list > .news_lirelasuite a {color:#688705;}

/*PAGE ACTUALITE */
.row-actualite { position:relative; }
.row-actualite h1 {  }
.row-actualite  .titre .bullet {position: absolute; background: url(images/bullet.png) repeat-x bottom; height: 30px; width: 100%; z-index: 0; margin-left: -100%; padding: 0 100%; top: 45px; left: 0;  }
#page_actualite { position:relative; margin-left:0; }
#page_actualite > a { border:1px solid #000; padding:5px 8px; font-size:1.3em; line-height:1em; color:#000; background:#fff; text-transform:uppercase; float:right; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s;}
#page_actualite > a:hover {background:#ffed00; -webkit-transition: background .3s; -moz-transition: background .3s; -o-transition: background .3s; -ms-transition: background .3s; transition: background .3s; }
#page_actualite > h2 { position:relative; font-size:3em; color:#000; text-transform:uppercase; display:inline-block; margin:0 0 50px 0; z-index:1; background:#fff; }
#page_actualite > .bullet { position: absolute; background: url(images/bullet.png) repeat-x bottom left; min-width:9999999px; height:30px; top:0; left:0; margin:0 0 0 15px; z-index:0;}
#page_actualite > #news { display:inline-block; margin:0 0 25px 0;}
#page_actualite > #news > .news_list { width:100%; float: left; margin-bottom:15px; padding-bottom:20px;}
#page_actualite > #news > .news_list > .news_intro > .class_vignette_news {}
#page_actualite > #news > .news_list > .news_intro > .class_vignette_news  .vignette_news {max-width: 165px; float: left; margin-right:25px; }
#page_actualite > #news > .news_list a { text-decoration: none;}
#page_actualite > #news > .news_list h2 { font-size:1.15em; line-height:1em; text-transform:none; float:none; margin:0 0 5px 0; background: none; }
#page_actualite > #news > .news_list h2 > a { text-decoration:none; color:#000;  }
#page_actualite > #news > .news_list > .news_date { color: #464646; font-size: 1em; display: inline; float: left; padding-top: 4px; margin-bottom:2px;}
#page_actualite > #news_actu { display: inline; float: left; width:415px; margin-right:20px;}
#page_actualite > #news_actu > .news_list {  }
#page_actualite > #news > .news_list h3 { margin: 0; padding: 0;margin-bottom:5px; clear:both;}
#page_actualite > #news > .news_list > h3.news_categorie a { font-size: 1.1em; text-decoration: none; font-weight:bold; padding: 0 5px 2px 0; color: #217EBF;}
#page_actualite > #news > .news_list > .news_intro{position:relative; display:inline-block;}
#page_actualite > #news > .news_list > .news_intro > a { font-size:1.1em; line-height:1.1em; color:#000; display:block; float:none;}
#page_actualite > #news > .news_list > .news_intro > a:hover { }
#page_actualite > #news > .news_list > .news_lirelasuite { float:right; display:inline;  }
#page_actualite > #news > .news_list > .news_lirelasuite a:before { content:'>>'; color:#000; font-size: 1.1em; line-height:1em; margin:0 5px 0 0; }
#page_actualite > #news > .news_list > .news_lirelasuite a { float: left; font-size: 0.75em; line-height: 1.1em; color: #000; margin: 10px 0 0 0; text-align:center; display:inline;}
#page_actualite > #news > .news_list > .news_lirelasuite a:hover {  }
#page_actualite > #news_pagination { float:left; clear:both;}
#page_actualite > #news_pagination a { color: #606060; font-size: 0.9em; font-weight: bold; text-decoration: none;}
#page_actualite > #news_actu .news_categorie { display: inline; float: left;}
#page_actualite > .news_categorie {}

/*NEWS COMPLETE*/
#page_actualite > #news > .news_complete { float:left;}
#page_actualite > #news > .news_complete > h2 { font-size:1.35em; line-height:1em; padding:0; display:inline; float:left; margin-bottom:10px; color: #000;  }
#page_actualite > #news > .news_complete > .news_categorie > .news_date { font-size:1em; line-height:1em; float:left; clear:none; margin-left:5px; color:#5b5b5b; float:left;}
#page_actualite > #news > .news_complete > h3.news_categorie { font-size:0.8em; line-height:1em; clear:both; width:100%;  margin:0;}
#page_actualite > #news > .news_complete > h3.news_categorie > a { color:#5b5b5b; text-decoration:underline;}
#page_actualite > #news > .news_complete > .news_intro { font-size:1em; line-height:1.2em; color:#5b5b5b; clear:both; float:left; width: 100%; margin:10px 0 10px 0;}
#page_actualite > #news > .news_complete > .news_texte { font-size:1em; line-height:1.2em; color:#5b5b5b; clear: both; float:left; width:100%; margin-bottom:30px; }
#page_actualite > #news > .news_complete > .news_texte h2 {font-size: 1.3em;}
#page_actualite > #news > .news_complete > .news_complete_links {float: left; width:100%; clear:both; margin-bottom:20px; display:none;}
#page_actualite > #news > .news_complete > .news_complete_links a {color: #217EBF; text-decoration:none;}
#page_actualite > #news > .news_complete > .news_complete_links > .mots_clefs {float:left; margin-left:10px;}
#page_actualite > #news > .news_complete > .news_retour { float: left; margin:0 0 10px 0; }
#page_actualite > #news > .news_complete > .news_retour a {font-size: 0.9em; color: #000;}


/*BLOCKNEWSSEARCH*/
#news_actu_recherche { width: 100%; float:left;}
#news_actu_recherche > h1 { margin: 30px 0 20px;}
#news_actu_recherche > #search_engine { width: 100%; height: auto; float:left; margin:0 0 20px 0;}
#news_actu_recherche > #separation_actu {}

#news_actu_recherche > h4 { font-size:1.05em; line-height:1.3em; color:#000; background:#ececec; margin:0 0 10px 0; float:left; width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding:5px; text-transform:uppercase; }
#news_actu_recherche > #search_engine > form {float:left;display: inline-block; width: 100%;}
#news_actu_recherche > #search_engine > form > #search_news { width: 70%; float: left; height: 16px; margin: 0 7px 0 0; text-align: right; padding: 3px 5px 3px 0; color: #cfcfcf; border-radius:0;}
#news_actu_recherche > #search_engine > form > h4 { font-size:1.05em; color:#000; text-transform:uppercase; background:#ececec; margin:0 0 10px 0; padding:5px;  }
#news_actu_recherche > #search_engine > form > .ok { width:auto; height:24px; font-size:1.05em; } 
#news_actu_recherche > #search_engine > form > #button {border : none; margin-top:10px}
#news_actu_recherche > ul { float: left; clear: left; width:100%; margin:0 0 10px 0;}
#news_actu_recherche > ul > li{ list-style: none outside none; margin: 3px 0; display: inline; clear: left; float: left;}
#news_actu_recherche > ul > li a { font-size:1em; line-height:1em; color: #5b5b5b; text-decoration: none; margin:0 4px; float:left; display:inline-block; }
#news_actu_recherche > ul > li:hover  a{ text-decoration:none; }
#news_actu_recherche > ul.archive > li > a:first-letter { text-transform: uppercase;}

#footer { width: 100%; float:left; background:#000; padding:30px 0 35px 0;}
#footer_content { position:relative; }
#footer_content a img { max-width:150px; }
#footer_content p { color:#fff; line-height:1.2em; font-size:1.2em; margin:10px 0; }
#footer_content p a { text-decoration:none; color:#fff; }

/*Adresse bas de page*/
#adresse {}
#adresse a {}
#adresse a:hover {}

/*SIGNATURE COMETE*/
#signature {clear: both; position: relative; float: left; margin:10px 0; color: #cfcfcf; font-size:1em; }
#signature a {color: #cfcfcf; font-size:1em; text-decoration:none;}
#signature a:hover { text-decoration: underline;}
#lien_bas_page {float: right; color: #fff;}

/*MENU BAS*/
#menubas { margin: 0px; padding: 0px; display:inline; float:right; list-style: none;}
#menubas li { list-style-type: none; font-size: 1.1em; margin: 0px; padding: 0px; display:inline; float:none; list-style: none; border-right:1px solid #006AB0; }
#menubas li a { padding:  0px 5px 0px 5px; font-size: 1.1em; color:#fff; text-decoration: none; }
#menubas li a:hover { text-decoration: underline; }

/*STYLE ADMIN*/
.none {clear:both;}
.img_left {float:left; margin:0 20px 20px 0;}
.img_right {float:right;  margin:0 0 20px 20px;}
.img_center {margin: 0 auto;}
.img_colonne_left {float:left; padding:60px 35px 150px 0}
.img_colonne_right {float:right; padding:60px 0 150px 35px;}
#contentAdmin.texte body { font-size: 62.5% !important; overflow:auto; }
#contentAdmin body { font-size: 62.5% !important; overflow:auto; }
#contentAdmin.texte{ }
#contentAdmin [class*="row-"] .titre { width: 100%; float:left; }
#contentAdmin body h2 {}
#contentAdmin h3 {} 
#contentAdmin h4 { }
#contentAdmin h5 { }
#contentAdmin ul {}
#contentAdmin ul li { }



/*ISOTOPE*/
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; }
/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; }



/*-------------------- MEDIA QUERIES --------------------------*/

@media only screen and (max-width: 979px) {
body { min-width:768px; }
#contentAdmin body { min-width:100%; }
.navbar .btn-navbar { display:none; }
.nav-collapse, .nav-collapse.collapse { height:auto;}
#logo { width:315px; margin:0 auto; float:none; }
#bandeau { padding:20px; }
#menu-principal { margin: 20px 0 0 0; width:100%; }
#menu-principal .navbar { background:none; }
.nav-collapse, .nav-collapse.collapse { overflow:visible;}
#menu-principal #menuprincFirstPart li .ulmenuprincFirstPart1 { position:absolute; width:100%; padding:0 10px; margin:0 0 0 -10px; }
#menu-principal #menuprincSecondPart li .ulmenuprincSecondPart1 { position:absolute; width:100%; padding:0 10px; margin:0 0 0 -10px; }
#nav-produit li .ulnav-produit1 { position:absolute; width:100%; padding:0 10px; margin:0 0 0 -10px; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0 { margin:0 0 0 32px;}
#nav-produit li.linav-produit0 { margin:0 0 0 32px; }
#menu-principal #menuprincFirstPart li.limenuprincFirstPart0 > a { /*font-size:1.1em; padding: 8px 10px 8px;*/}
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0 > a {/* font-size:1.1em; padding: 8px 10px 8px;*/}
#menu-principal #menuprincFirstPart li ul li { /*font-size: 1em; */}
#menu-principal #menuprincSecondPart li ul li { /*font-size: 1em;*/ }
#nav-produit li.linav-produit0 > a {/* font-size:1.1em; padding: 8px 10px 8px;*/ }
#nav-produit li ul li {/* font-size: 1.1em;*/ }

/*PANEL RECHERCHE*/
#find-solution.find-solution-home {  width:100%; max-width:100%; right:0; top:180px; }
#find-solution h2 { font-size:1.300em; line-height:2em; }
#find-solution h3 { font-size:1.600em; line-height:1em; }
#find-solution.animated .selectbox { margin:0 0 0 -2%; width:102%; }
#find-solution.find-solution-home .materiaux, #find-solution.find-solution-home .application, #find-solution.find-solution-home .marquage, #find-solution.find-solution-home .technologie { width: 48%; margin:0 0 15px 2%; float:left; }
#find-solution .rechercher { width:auto; }

/*PAGE RECHERCHE*/
#filtre-resultat [class^="filtre-"] { width: 167px; }
#table_resultat .td-technologie span { clear:both; float:left; }
#table_resultat .td-technologie { text-align:center; }

[class*="row-"] { font-size:1.25em; line-height: 1.25em;}
[class*="row-"] .bullet { top:68px; }
.span16 { width:748px; float:left; }
.span15 { width:700px; float:left; }
.span14 { width:652px; float:left; }
.span13 { width:604px; float:left; }
.span12 { width:556px; float:left; }
.span11 { width: 508px; float:left; }
.span10 { width: 460px; float:left; }
.span9 { width: 412px; float:left; }
.span8 { width: 364px; float:left; }
.span7 { width: 316px; float:left; }
.span6 { width: 268px; float:left; }
.span5 { width: 220px; float:left; }
.span4 { width: 172px; float:left; }
.span3 { width: 124px; float:left; }
.span2 { width: 76px; float:left; }
.span1 { width: 28px; float:left;  }

/*PAGE ACCUEIL*/
#page.page_home { margin-top:55px; }
#video-accueil { min-height:290px; }
#video-accueil iframe { width: 748px; height: 281px; position:relative; margin-left:0; left:0; }
#actu_accueil { margin-left:55px; }
#actu_accueil > #news .news_list { margin: 0 0 20px; }
#actu_accueil > #news .news_list h2, #actu_accueil > #news .news_list > .news_intro > a { font-size:1.1em; }
#actu_accueil .all-actu { margin-top:19px; }
#third-part-home #assurance-qualite .left h2 { font-size:1.6em; }
#third-part-home #assurance-qualite .left img { width:75px; }
#third-part-home #assurance-qualite .right { width: 310px; font-size:1.3em;}
#bloc-video iframe { width: 364px; height: 207px; }

/*PAGE HISTORIQUE*/
.row-historique #chiffre-cle .bloc-chiffre { margin: 0 20px 0 0; max-width: 142px;  }
.row-historique #chiffre-cle .bloc-chiffre li { line-height:1.15em; }

/*PAGE INNOVATION*/
.row-innovation .titre > .bullet { top:54px; }
.row-innovation .innovation .span7 { width:310px; float:left; }
.row-innovation .innovation .span7:nth-child(2) { margin-top: 75px; }
.row-innovation .innovation p:last-of-type { margin:0; }
.row-innovation .innovation h2 { margin: 0 0 20px 0; }
.row-innovation .innovation img { max-width:425px; width:425px; top:125px; }
.row-innovation .innovation2 { margin-top:50px; }
.row-innovation .innovation2 .span12 { margin: 0 0 0 15px; }

/*RESEAU DE DISTRIBUTEURS*/
.row-distribution .titre > .bullet { top:54px; }
.row-distribution #international .span7 { width:310px; float:left; }
.row-distribution #international .span7:nth-child(2) { margin-top: 75px; }
.row-distribution #international p:last-of-type { margin:0; }
.row-distribution #international h2 { margin: 0 0 20px 0; }
.row-distribution #international .span7:first-child img { max-width:425px; width:425px; top:125px; }

/*PAGE REFERENCE*/
.bloc-reference h4 { font-size:1.4em; }
.bloc-reference .trait { top:46px; }
.bloc-reference .logo { width:100px; }

/*PAGE SERVICE*/
.row-service .durable .span7 { width:310px; float:left; }
.row-service .durable .span7:nth-child(2) { margin-top: 75px; }
.row-service .durable p:last-of-type { margin:0; }
.row-service .durable h2 { margin: 0 0 20px 0; }
.row-service .durable .span7:first-child img { max-width:425px; width:425px; top:125px; }
.row-service .span16 > .span7 { margin-top:50px; max-width: 311px; }
.row-service .span16 > .span7:last-child { margin-left:50px; }

/*SUR MESURE*/
.row-technotech #technotech .span7 { width:310px; float:left; }
.row-technotech #technotech .span7:nth-child(2) { margin-top: 100px; }
.row-technotech #technotech p:last-of-type { margin:0; }
.row-technotech #technotech h2 { margin: 0 0 20px 0; }
.row-technotech #technotech img { max-width:425px; width:425px;  }
.row-technotech .span16 > .span7 { margin-top:50px; max-width: 311px; }
.row-technotech .span16 > .span7:last-child { margin-left:50px; }
.row-technotech #laboratoire .span7 { width:310px; float:left; }
.row-technotech #laboratoire .span7:nth-child(2) { margin-top: 75px; }
.row-technotech #laboratoire p:last-of-type { margin:0; }
.row-technotech #laboratoire h2 { margin: 0 0 20px 0; }
.row-technotech #laboratoire .span7 img { max-width:425px; width:425px; top:125px; }

/*PAGE APPLICATION*/
.row-application .bloc-secteur { width: 236px; }
.row-application .bloc-secteur .caption .description { font-size:1.05em; }
.row-application .bloc-secteur .caption .see-fiche { font-size:0.95em; } 
/*PAGE SECTEUR*/
.row-secteur .bloc-secteur {  width: 236px; }
.row-secteur .bloc-secteur .caption .type-materiaux, .row-secteur .bloc-secteur .caption .type-marquage, .row-secteur .bloc-secteur .caption .solution { font-size:1.05em; }
.row-secteur .bullet { top:99px; }

/*PAGE FICHE APPLICATION*/
.row-fiche-application { margin:0; }
.row-fiche-application .col-right h1 { font-size:1.45em; }
.row-fiche-application .col-left { margin:0; width:250px; }
.row-fiche-application .col-right { margin-left:38px; }
.row-fiche-application .solution-marquage, .row-fiche-application .detail p { font-size:0.95em; }

/*PAGE ACTU*/
#page_actualite > #news > .news_list > .news_lirelasuite a { font-size:0.8em; }

/*PAGE CONTACT*/
.row-contact .first-part .span8 { width:100%; }
.row-contact .first-part .span6 { margin-left:0; width:100%; }
.row-contact .second-part [class*="choix-"] > .group-bloc-choix .bloc-choix { width:22.1%; }

/*PAGE GAMME*/
.visuel-gamme { max-width:235px; margin-left:0px; margin-top:0;}
.visuel-gamme .picto-techno { width:45px; bottom: 20px; left: 20px; }
.about-gamme { max-width:460px; margin-left:50px; }
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit p { margin:5px; font-size:0.9em;}
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit .savoir-more { font-size:0.6em; padding:3px;}
#menu-produit, #description_gamme, #produit-gamme, .about-gamme .dl-plaquette { margin-bottom:15px; }

/*PAGE PRODUIT*/
.visuel-produit { max-width:235px; margin-left:0px; margin-top:0;}
.about-produit { max-width:460px; margin-left:50px; }
.about-produit #accroche-produit .trait { left: -80px; width: 70px;}
.about-produit #avantage-produit .bloc-avantage { min-height:110px; }
.about-produit .group-picto .picto a { max-width:21px; height:21px; margin-top: 2px; }
.about-produit .group-picto .picto span { /*width:19px; height:19px;*/ line-height: 1em; font-size:1.60em; }
.about-produit #controleur-produit .photo-controleur { width:100px; }
.about-produit #controleur-produit .text-controleur { width:255px; }
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire { width:176px; height:auto; }
.visuel-produit .group-logo .picto-techno { width: 40px; margin: 0 0 20px 20px; }
.visuel-produit .group-logo .logo-produit { width: 85px; margin: 0 20px 10px 0px; }

}

@media only screen and (min-width: 980px) and (max-width: 1199px) {
#menu-principal { margin: 25px 0 0 10px;}
#menu-principal #menuprincFirstPart li .ulmenuprincFirstPart1 { position:absolute; width:100%; }
#menu-principal #menuprincSecondPart li .ulmenuprincSecondPart1 { position:absolute; width:100%; }
#menu-principal #menuprincSecondPart li.limenuprincSecondPart0 { margin:0 0 0 5px;}
#nav-produit li .ulnav-produit1 { position:absolute; width:100%; }  
#nav-produit li.linav-produit0 { margin:0 0 0 5px; }
#filtre-resultat [class^="filtre-"] { width: 215px;  }

/*PAGE ACCUEIL*/
#actu_accueil { margin-left:80px; }

/*PAGE HISTORIQUE*/
.row-historique #chiffre-cle .bloc-chiffre { max-width:180px; }

/*PAGE INNOVATION*/
.row-innovation .innovation img { max-width:500px; width:500px; }
.row-innovation .innovation2 .span12 { margin:0 0 0 30px; }

/*PAGE RESEAU DE DISTRIBUTION*/
.row-distribution #international .span7:first-child img { max-width:500px; width:500px; }

/*PAGE REFERENCE*/
.bloc-reference .logo img { width:110px; }

/*PAGE SERVICE*/
.row-service .durable img { max-width:500px; width:500px; } 

/*PAGE SUR MESURE*/
.row-technotech #technotech img, .row-technotech #offre-perso .span7 img, .row-technotech #laboratoire .span7 img { max-width:500px; width:500px; }

/*PAGE CONTACT*/
.row-contact .first-part .code-postal { width: 17%; }
.row-contact .first-part .ville { width: 28.13%; }
.row-contact .first-part .email, .row-contact .first-part .telephone { width: 48.45%; } 
.row-contact .first-part .span6 { width:360px; }
.row-contact .second-part [class*="choix-"] > .group-bloc-choix .bloc-choix { width: 22.76%; }

/*PAGE APPLICATION*/
.row-application .bloc-secteur { min-height:173px; } 
.row-application .bloc-secteur .caption .description  { font-size:0.89em; }
.row-application .bloc-secteur .caption .see-fiche { font-size:0.8em; }
.row-secteur .bloc-secteur { height:173px; } 
.row-secteur .bloc-secteur .caption h4 { font-size: 0.95em; }
.row-secteur .bloc-secteur .caption .type-materiaux, .row-secteur .bloc-secteur .caption .type-marquage, .row-secteur .bloc-secteur .caption .solution { font-size: 0.85em; line-height:1em; }
.row-secteur .bloc-secteur .caption .picto-techno { margin:0 15px 15px 0; font-size:2.9em; }

/*FICHE APPLICATION*/
.row-fiche-application { margin-left:0; }
.row-fiche-application .col-left { margin-left:0; max-width: 350px; }
.row-fiche-application .col-right { margin-left: 40px; max-width: 550px; }

/*PAGE GAMME PRODUIT*/
.visuel-gamme { margin-left:0; max-width: 350px; }
.about-gamme { margin-left: 40px; max-width: 550px; }
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit p { line-height:1.1em; margin:10px 5px; }
#produit-gamme .bloc-produit .vignette-produit .in-bloc-produit .savoir-more { line-height:1em; font-size:0.8em; }

/*PAGE PRODUIT*/
.visuel-produit { margin-left:0; max-width: 350px; }
.about-produit { margin-left: 40px; max-width: 550px; }
.about-produit #accroche-produit .trait { left: -85px; width: 75px; }
.about-produit #controleur-produit .photo-controleur { width: 130px; }
.about-produit #controleur-produit .text-controleur { width: 340px; }
.about-produit #accessoire-produit .group-bloc-accessoire .bloc-accessoire { width:145px; height:115px; }

/*PAGE VIDEO*/
.bloc-video iframe { max-width:100%; }

}

@media only screen and (min-width: 1200px) {
#logo{ float:left;}
#menu-principal #menuprincFirstPart li .ulmenuprincFirstPart1 { position:absolute; width:100%; }
#menu-principal #menuprincSecondPart li .ulmenuprincSecondPart1 { position:absolute; width:100%; }
#nav-produit li .ulnav-produit1 { position:absolute; width:100%; }

}


/* STYLE IE*/
.lt-ie8 body { font-size:10px; }
.lt-ie8 [class*="row-"] { font-size:1.25em; line-height: 1.25em;}

.lt-ie8 .container { width:1170px; }
.lt-ie8 .span16 { width: 1170px; float:left; }
.lt-ie8 .span15 { width: 1095px; float:left; }
.lt-ie8 .span14 { width: 1020px; float:left; }
.lt-ie8 .span13 { width: 945px; float:left; }
.lt-ie8 .span12 { width: 870px; float:left; }
.lt-ie8 .span11 { width: 795px; float:left; }
.lt-ie8 .span10 { width: 720px; float:left; }
.lt-ie8 .span9 { width: 645px; float:left; }
.lt-ie8 .span8 { width: 570px; float:left; }
.lt-ie8 .span7 { width: 495px; float:left; }
.lt-ie8 .span6 { width: 420px; float:left; }
.lt-ie8 .span5 { width: 345px; float:left; }
.lt-ie8 .span4 { width: 270px; float:left; }
.lt-ie8 .span3 { width: 195px; float:left; }
.lt-ie8 .span2 { width: 120px; float:left; }
.lt-ie8 .span1 { width: 45px; float:left;  }

.lt-ie8 #logo{ float:left;}
.lt-ie8 #menu-principal #menuprincFirstPart li .ulmenuprincFirstPart1 { position:absolute; width:100%; }
.lt-ie8 #menu-principal #menuprincSecondPart li .ulmenuprincSecondPart1 { position:absolute; width:100%; }
.lt-ie8 #nav-produit li .ulnav-produit1 { position:absolute; width:100%; }
.lt-ie8 #find-solution .selectbox { margin:30px 0 0 0; }
.lt-ie8 .row-innovation .innovation img, .lt-ie8 .row-technotech #offre-perso .span7 img { position:relative; top:0; margin:0 0 0 -145px; }


.cookies-alert {
    display: none;
    position: fixed;
    bottom: 8px;
    right: 8px;
    border-radius: 8px;
    background-color: #fff;
    color:#444;
    border: 1px solid #2C3649;
    width: 300px;
    font-size: 14px;
    line-height:20px;
    padding: 0.75rem;
    text-align:left;
}
.cookies-alert a {
    font-size: 14px;
    color:#0f83ff;
}
.cookies-button {
    display:block;
    margin: 8px auto;
    padding: 3px 16px;
    border-radius: 8px;
    background-color: #333;
    color: #ffed00;
    font-weight:bold;
    font-size: 14px;
    width: fit-content;
    cursor:pointer;
}