/*
Theme Name: Scancube
Author: Inside da Web
Author URI: http://www.insidedaweb.com/
Description: Scancube website theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*@font-face {
  font-family: "exo-light";
  src:url("font/Exo-Light.eot?") format("eot"),
      url("font/Exo-Light.woff") format("woff"),
      url("font/Exo-Light.ttf") format("truetype"),
      url("font/Exo-Light.svg#Exo-Light") format("svg");
  font-weight:normal;
  font-style:normal;
}

html, body, h1, h2, h3, h4, h5, a, ul, ul li, table, form, img, header, footer, section, nav, article, aside, video, figure, hgroup {
  margin: 0;
  padding: 0;
  border: 0;
}

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

ul {
  list-style: none;
  padding-left: 15px;
}

h1, h2, h3, h4, h5 {
  font-weight: normal;
}

table {
  border-collapse: collapse;
}

a {
  text-decoration: none;
}

textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  //text-align: center;
  background: #fff;
  //font: 100%/1.5 Verdana, Arial, sans-serif;;
}

:focus {
  outline: 0;
}

input[type=text], button, textarea {
  -webkit-appearance: none;
}
*/

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

/* WP DEFAULTS */
/*
.comment-content img,
.entry-content img,
.entry-summary img,
#site-header img,
.widget img,
.wp-caption {
  max-width: 100%;
  height: auto;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.italic {
  font-style: italic;
}

.ws_frame {
  display: none !important;
}
*/
/* WP DEFAULTS END */

/*
.content {
  position: relative;
  width: 984px;
  margin: 0 auto;
  text-align: left;
}

.content2 {
  position: relative;
  width: 984px;
  margin: 0 auto;
  text-align: left;
}

.contenedorwsf {
  position: relative;
  max-width: 990px;
  margin: 0 auto;
  text-align: left;
}

.video-article-gray .content-inner {
  width: 644px;
}

.clear {
  display: block;
  clear: both;
  height: 0;
  content: ".";
  visibility: hidden;
}

.hidden {
  display: none;
}
*/
/*Lo usa examples*/
 #all-modals {
    display: none;
}

/*Menu right bottom angle*/
.greenback {
  background-color: #96d700;
}
/*
.border-box {
  -webkit-box-sizing: border-box;
 //Safari/Chrome, other WebKit
  -moz-box-sizing: border-box;
  //Firefox, other Gecko
  box-sizing: border-box;
}

.black-title {
  color: #000;
}

p.no-bottom-margin {
  margin-bottom: 0 !important;
}


*/

/*
#page-content h1 {
  font-family: "Exo 2", Arial, sans-serif;
  font-size: 54px;
  color: #000;
}

#page-content .content {
  padding: 20px;
}

#page-content p {
  //font-size: 14px;
  color: #787878;
    font-family: "Verdana";
    //margin: 40px 0;
}
*/

/*MENU RIGHT BOTTOM ANGLE*/
#share-all {
  position: fixed;
  bottom: 5px;
  right: 5px;
  z-index: 100003;
}

#share-div {
  width: 175px;
}

#sharep-div {
  position: relative;
}

#share-all a {
  font-size: 10px;
  color: #000;
  padding: 2px 5px;
  line-height: 1em;
  vertical-align: top;
  margin-bottom: 2px;
  cursor: pointer;
  text-align: right;
  display: inline-block;
  float: right;
}

#share-div-out {
  width: 100px;
  display: none;
  position: absolute;
  left: -88px;
  top: -134px;
}

#share-div {
  background-color: #fff;
  width: 88px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #9a9a9a;
  padding: 9px 0 3px;
}

#share-right {
  width: 88px;
}

.arrow-pad {
  margin-right: 7px;
}

.arrow-pad1 {
  margin-left: 5px;
}

a#sharep {
  background-color: #000;
  color: #fff;
}

a.framep {
  border: 1px solid #000;
  background-color: #fff;
}

a.framep1 span {
  background-color: #696969;
  color: #fff;
}

#frdemo {
  background-color: #fff;
  border: 1px solid #000;
}

#frdemo span {
  color: #000;
}

#share-div a {
  display: block;
  margin-bottom: 5px;
  text-align: center;
  float: none;
}

.white-modal {
  display: none;
  position: fixed;
  top: 47%;
  left: 50%;
  width: 440px;
  height: 360px;
  margin-top: -615px;
  margin-left: -1000px;
  font-family: Arial, Helvetica, serif;
  color: #585858;
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  z-index: 999999;
  overflow: auto;
}

.white-modal-close {
  display: block;
  position: absolute;
  right: 657px;
  top: 420px;
  width: 20px;
  height: 20px;
  background: url(images/supprimer.png) no-repeat left top;
  z-index: 999999;
}

.white-modal-content {
  /*position: relative; TEMP*/
  padding: 35px 25px 5px 25px;
  background-color: white;
}

.black-modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 980px;
  height: 800px;
  margin-top: -400px;
  margin-left: -490px;
  font-family: Arial, Helvetica, serif;
  color: #fff;
  background: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
  z-index: 999999;
  overflow: auto;
}

#black-modal-commsg {
  height: 100px;
  margin-top: -50px;
}

#black-modal-comments.black-modal.first-tab-active {
  height: 550px;
  margin-top: -275px;
  overflow: visible;
}

#black-modal-comments {
  overflow: visible;
}

.black-modal-content {
  position: relative;
  padding: 35px 25px 5px 25px;
  background: none;
}

.dark-bg {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  background: rgba(0,0,0,0.65);
  z-index: 999998;
}

.dark-bg-example {
  background: #000;
  background: rgba(0,0,0,0.80);
}
/*END MENU RIGHT BOTTOM ANGLE*/

/*LANG Selector MENU*/
#lang_sel {
  float: right;
  z-index: 10001;
  height: auto;
}

#lang_sel ul, #lang_sel li {
  width: 65px;
}

#lang_sel ul ul, #lang_sel ul ul li {
  width: 82px;
}

#lang_sel ul ul {
  top: 24px;
}

#lang_sel ul ul li a img {
}

#lang_sel a.lang_selected {
}

#lang_sel a, #lang_sel a:visited {
  background-color: #F4F4F4;
  border: none;
  padding-left: 13px;
}

#lang_sel ul ul {
  border: none;
}

#lang_sel ul ul a, #lang_sel ul ul a:visited {
  background-color: #F4F4F4;
}

#lang_sel .lang_selected {
}

.non-selected-li {
}

.non-selected-flag {
}

#lang_sel .lang_selected,#lang_sel .lang_selected:hover {
  background: url("images/select-lang-dummy.png") no-repeat left 10px rgba(0, 0, 0, 0);
}

#lang_sel img.iclflag {
  width: 23px;
  //position: static !important;
  position: relative;
  top: 1px;
  left: 0;
}
/*END LANG Selector MENU*/

/* HEADER */
/*
.header-dark {
  padding: 7px 0 5px 0;
  background: #000;
  border-bottom: 1px solid #3d3d3d;
}
*/
.logo {
  display: block;
  float: left;
  width: 234px;
  height: 59px;
  background: url(images/logo.png) no-repeat left top;
}

/* MAIN NAVIGATION */
/*
.main-nav {
  display: block;
  float: right;
  margin-top: 15px;
}

.main-nav .menu-item {
  text-transform: uppercase;
}

.main-nav li {
  position: relative;
  display: block;
  float: left;
  padding: 0 0 5px 0;
}

.main-nav li a {
  margin-left: 32px;
  font-size: 14px;
  color: #b9b9b9;
}

.main-nav li:first-child a {
  margin-left: 0;
}

.main-nav li a.active,
.main-nav li.current-menu-item a,
.main-nav li a:hover,
.main-nav li .sub-menu li.current-menu-item a,
.main-nav li .sub-menu li a:hover {
  color: #fff;
  border-bottom: 1px solid #96d700;
}

.main-nav li .sub-menu {
  display: none;
  position: absolute;
  left: 50%;
  top: 28px;
  width: 250px;
  margin-left: -125px;
  background: #111;
  border: 1px solid #555;
  -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  z-index: 10002;
}

.main-nav li .sub-menu li {
  position: relative;
}

.main-nav li .sub-menu li .sub-menu {
  position: absolute;
  top: 0;
  left: -125px;
}
*/
/*
.condiciones{
    text-align: justify;
}

@media only screen and (min-width : 1400px) {
  .main-nav li .sub-menu li .sub-menu {
    left: 375px;
  }
}

.main-nav li .sub-menu li:hover > .sub-menu {
  display: block;
}

.main-nav li:hover > .sub-menu {
  display: block;
}

.main-nav li .sub-menu li.menu-item-has-children > a {
  background: url(images/arrow-dark-gray-right.png) no-repeat 230px center;
}

.main-nav li .sub-menu li.menu-item-has-children:hover > a {
  background: url(images/arrow-menu-green-right.png) no-repeat 230px center;
}

.main-nav li .sub-menu li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
}

.main-nav li .sub-menu li a {
  display: block;
  float: none;
  margin: 0;
  padding: 5px 10px;
  font-size: 12px;
  border-bottom: 1px solid #555;
}
*/

/*
.select-lang-dummy {
  display: block;
  float: right;
  width: 49px;
  height: 20px;
  background: url(images/select-lang-dummy.png) no-repeat left top;
}
*/
/*
#show {
  height: 540px;
  background: #f4f4f4 url(images/gray-effect.png) no-repeat center top;
}

#show.societe-show {
  height: 452px;
}

.show-text {
  font-family: "Exo 2", Arial, sans-serif;
}

.show-text h2 {
  display: inline-block;
  padding: 8px 10px;
  font-size: 48px;
  line-height: 1;
  color: #f4f4f4;
  background: #000;
}

.show-text h3 {
  display: inline-block;
  padding: 16px 10px;
  font-size: 28px;
  line-height: 1;
  color: #000;
  background: #96d700;
}
*/

/*NOT REVISED YET*/
/*
.article {
  //padding: 40px 0;
  font-size: 13px;
  color: #787878;
  line-height: 22px;
  border-bottom: 1px solid #bebebe;
}

.article img {
  max-width: 100%;
  height: auto;
  margin-bottom: 10px;
}

.article.gray-article {
  background: #f4f4f4;
}

.column-left {
  width: 48%;
  float: left;
}

.article .column-left p {
  text-align: justify;
}

.column-right {
  width: 48%;
  float: right;
}

.article h2 {
  position: relative;
  top: -10px;
  font-family: "Exo 2", Arial, sans-serif;
  font-size: 30px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.article .second-h2 {
  top: 0;
  margin-top: 40px;
}

.article p {
  margin-bottom: 20px;
}

.article p:last-child {
  margin-bottom: 0;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.article .right-img-desc {
  margin: 0 0 5px 0;
  font-style: italic;
  text-align: right;
}
*/
/*COMMENTS*/
/*
.avatar {
  vertical-align: top;
  margin-right: 13px;
  border: 1px solid #bebebe;
}

.comment.depth-2 {
  margin-left: 30px;
}

.comments-article-black .content {
  background: none;
  color: #fff;
}

#comments-choice {
  margin-top: 15px;
  margin-bottom: 55px;
}

#comments-choice a {
  color: #b9b9b9;
  margin-right: 64px;
  padding-bottom: 8px;
}

#comments-choice a.active {
  color: #fff;
  border-bottom: 3px solid #96d700;
}

#commentform-table {
  border-collapse: collapse;
  margin-bottom: 50px;
  padding: 0;
}

#commentform-table td.left {
  width: 345px;
  padding: 0;
}

#commentform-table td.right {
  width: 640px;
  padding: 0;
}

#signin-table {
  margin-left: 320px;
}

#loginform-table a {
  margin: 20px 0;
}

#loginform-table a#lostpass {
  color: #fff;
  border-bottom: 1px solid #96d700;
}

#loginform-table th.threec, #signin-table th.threec {
  color: #96d700;
}

#signin-table td.threec,#signin-table th.threec,#loginform-table td.threec,#loginform-table th.threec {
  width: 320px;
  padding: 0;
}

#commentform-table input[type=text],#signin-table input[type=text],#loginform-table input[type=text],#loginform-table input[type=password] {
  height: 30px;
  width: 295px;
  border: none;
}

#commentform-table textarea {
  border: none;
}

#enter-code {
  margin-left: 172px;
  padding-bottom: 0;
}

#recaptcha_widget {
  position: relative;
  top: -4px;
}

#comment-form-div input#recaptcha_response_field,
#comment-form-div input#recaptcha_response_field2 {
  display: block;
  float: left;
  margin: 0 0 0 12px;
  height: 30px;
  width: 143px;
  line-height: 30px;
  border: 1px solid #bebebe;
}

.comment-form-button {
  width: 88px;
  height: 28px;
  color: #787878;
  padding: 7px 12px;
  margin: 0 24px;
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #dedede 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dedede));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#dedede 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#dedede 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#dedede 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#dedede 100%);
  border: 1px solid #cccccc;
}

#recaptcha_image {
  float: left;
}

#recaptcha_image,
#recaptcha_image img {
  width: 160px !important;
  height: 30px !important;
}

#mycode {
  vertical-align: top;
}

#black-modal-comments .error {
  //float: left;
  color: red;
  margin: 0;
}

#recaptcha_logo,#recaptcha_privacy,#recaptcha_reload_btn,#recaptcha_switch_audio_btn,#recaptcha_whatsthis_btn {
  display: none;
}

.avatar-li {
  list-style-type: none;
  display: inline;
  margin-right: 9px;
}

.avataricon {
  cursor: pointer;
  width: 40px;
  height: 40px;
  border: 1px solid #bebebe;
}

#comments-pagination {
  float: right;
}

#comments-pagination img {
  vertical-align: middle;
}

.comment-pagination-link {
  color: #aaa;
  line-height: 18px;
  vertical-align: middle;
  padding: 4px;
}

.comment-pagination-link.active {
  color: #000;
}

#comment-div {
  display: none;
}
*/

/* EXAMPLE */
/*
.example-article-white {
  padding: 38px 0 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #787878;
  line-height: 1.5;
  background: #fff;
}

.example-article-white h1 {
  font: 54px "Exo 2", Arial, sans-serif;
}

.example-article-darkgray {
  padding: 38px 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #696969;
  line-height: 1.5;
  background: #e1e1e1;
  min-height: 650px;
  //margin-top: 23px;
}

.example-article-gray p {
  margin-bottom: 20px;
  line-height: 1.4;
}

#example-cat-ul {
  margin-top: 50px;
  padding-bottom: 40px;
}

.example-cat-li {
  display: inline;
  padding-bottom: 7px;
  float: left;
  margin-right: 6px;
}

.example-cat-li.last {
  margin-right: 0 !important;
}

.example-cat-li.active {
   //border-bottom: 6px solid #96d700;
}

.example-cat-thumb {
  width: 58px;
  height: 58px;
  border: 1px solid #cfcfcf;
  cursor: pointer;
}




*/
/*
#anim-type-button-div {
  float: right;
  margin-bottom: 35px;
  margin-left: 38px;
}

.util_image_wrap img{
  //width: 162px;
  //min-width: 162px;
}



#anim-type-button-div .anim-type-button:last-child {
  margin-right: 0;
}

.anim-type-button {
  text-align: center;
  display: inline-block;
  color: #737373;
  height: 30px;
  width: 162px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 14px;
  line-height: 30px;
  border: 1px solid #acabac;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  background: #eee url('images/button-gray.png') repeat-x left bottom;
  position: relative;
  margin-right: 10px;
}

.anim-type-button.active {
  background: #000 url('images/button-black.png') repeat-x left bottom;
  text-decoration: none;
  color: #eee;
  border: 1px solid #5f5f5f;
}

.anim-type-button:hover {
  background: #000 url('images/button-black.png') repeat-x left bottom;
  text-decoration: none;
  color: #eee;
  border: 1px solid #5f5f5f;
}

.anim-type-button.active span {
  position: absolute;
  top: 24px;
  width: 80%;
  left: 10%;
  margin: auto;
  height: 2px;
  display: block;
  background: #96d700;
}

.attachment-example-thumb {
    //border: 1px solid #6e6e6e;
}

.example-item-desc {
  color: #fff;
  padding: 8px 10px;
  background-color: #000;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  display: none;
  width: 160px;
  min-height: 20px;
}




#white-modal-example .white-modal-content img {
  display: block;
  margin: 0 auto;
}


.white-modal-close:hover {
  position: absolute;
  top: -25px;
  right: 0;
  background-image: url(images/exitmodal.png);
}

.modal-arrow {
  position: absolute;
  z-index: 7777777;
  width: 24px;
  height: 40px;
  cursor: pointer;
}

.modal-arrow-left {
  background: url(images/exleftarrow-a.png) no-repeat;
  left: -60px;
  top: 50%;
  margin-top: -20px;
}

.modal-arrow-left:hover {
  background: url(images/exleftarrow-b.png) no-repeat;
}

.modal-arrow-right {
  background: url(images/exrightarrow-a.png) no-repeat;
  right: -60px;
  top: 50%;
  margin-top: -20px;
}

.modal-arrow-right:hover {
  background: url(images/exrightarrow-b.png) no-repeat;
}

#white-modal-example .white-modal-close:hover {
  top: -25px;
  right: -3px;
}





#tab1-modal-desc {
  color: #fff;
  position: static;
  font-size: 12px;
  line-height: 20px;
}

#ex-modal-desc1 {
  color: #fff;
  position: absolute;
  bottom: -25px;
  left: 0;
  font-size: 12px;
  line-height: 20px;
}

#ex-modal-desc2 {
  color: #fff;
  position: absolute;
  bottom: -45px;
  left: 0;
  font-size: 12px;
  line-height: 20px;
}

#ex-modal-desc2 span a {
  color: #96d700;
}

#photos-produit_list {
  list-style-type: none;
  overflow: hidden;
}

#photos-produit_list li {
  float: left;
  width: 300px;
  text-align: center;
}

*/
/*.white-modal-close{position: absolute;background-image:url(images/exitmodal-gray.png)}*/
/*.white-modal-close:hover{position: absolute; top: -25px; right: 0;background-image:url(images/exitmodal.png)}*/
/*.modal-arrow{position:absolute;z-index:7777777;width:24px;height:40px;cursor:pointer;}*/
/*.modal-arrow-left{background: url(images/exleftarrow-a.png) no-repeat;left:-60px; top: 50%; margin-top: -20px;}*/
/*.modal-arrow-left:hover{background: url(images/exleftarrow-b.png) no-repeat;}*/
/*.modal-arrow-right{background:url(images/exrightarrow-a.png) no-repeat;right:-60px; top: 50%; margin-top: -20px;}*/
/*.modal-arrow-right:hover{background:url(images/exrightarrow-b.png) no-repeat;}*/

/* GLOSSARY */
/*
.glossary-article-gray {
  padding: 40px 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #787878;
  line-height: 1.5;
  background: #f4f4f4;
}

.glossary-article-gray h1 {
  font: 54px "Exo 2", Arial, sans-serif;
}

.glossary-article-darkgray {
  padding: 40px 0;
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #696969;
  line-height: 1.5;
  background: #e1e1e1;
}

.glossary-article-gray p {
  margin-bottom: 20px;
  line-height: 1.4;
}

#glossary-table {
  margin-top: 70px;
  border-collapse: collapse;
  float: left;
}

#glossary-table td:hover {
  cursor: pointer;
}

.glossary-letter {
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  background-color: #fff;
  color: #787878;
  text-align: center;
  line-height: 48px;
  font-size: 30px;
  font-weight: normal;
  border: 1px solid #d2d2d2;
}

.top10 {
  width: 195px;
}

.glossary-letter.active {
  color: #000;
  background: #96d700;
}

.glossary-column {
  font: 15px Verdana, Arial, sans-serif;
  float: left;
  margin-top: 70px;
  margin-left: 48px;
  width: 296px;
}

.glossary-column p.active {
  color: #000;
  border-bottom: 1px solid #96d700;
  display: inline-block;
  margin-bottom: 19px !important;
}

.glossary-title:hover {
  cursor: pointer;
}

.glossary-article {
  float: left;
  font: 14px Verdana, Arial, sans-serif;
  //margin-top: 65px;
  width: 640px;
}

.glossary-article h3,.glossary-comment-small-title {
  font: 15px Verdana, Arial, sans-serif;
  line-height: 23px;
  background-color: #000;
  color: #fff;
  padding-left: 10px;
}

.glossary-comment-small-title {
  cursor: pointer;
  font: 13px/23px Verdana, Arial, sans-serif;
}

.glossary-article p {
  margin: 22px 0 0 0;
  text-align: justify;
  padding-bottom: 15px;
}

.glossary-article-right {
  font: 12px Verdana, Arial, sans-serif;
  margin-top: 65px;
  margin-left: 688px;
  width: 296px;
}

.glossary-article-right img {
  margin-bottom: 10px;
}

#img-description {
  font-style: italic;
}

#bibliographie-title {
  font-size: 15px;
  color: #000;
  margin-bottom: 15px;
}

.bibliographie {
  margin: 0 !important;
}

.glossary-article-darkgray h2 {
  font: 30px "Exo 2", Arial, sans-serif;
  color: #000;
}

.glossary-comment-small-title {
  margin-top: 30px;
  display: inline-block;
}

.delimiter {
  line-height: 4px;
  height: 4px;
  margin-bottom: 0px !important;
}

.delimiter img {
  width: 100%;
  height: 4px;
  vertical-align: top;
}

.delimiter1 img {
  margin-top: 20px;
  width: 640px;
  height: 2px;
  vertical-align: top;
}

.question-title {
  margin-top: 25px;
}

.question-content,.response-content {
  margin-top: 10px;
}

.response-title {
  margin-top: 25px;
}
*/

/*VIDEO PAGE*/
/*
#video-main-title {
  font: 52px "Exo 2",Arial,sans-serif;
}

.video-article-gray {
  padding: 16px 0 0 0;
  background: #f4f4f4;
}

.video-article-gray p {
  margin-bottom: 20px;
  line-height: 1.4;
}

#main_video {
  margin-top: 70px;
}

#video-sidebar {
  float: right;
  margin: 70px 0 0;
  width: 296px;
}

#video-categories {
  position: relative;
  top: -9px;
}

#video-categories p {
  width: 100%;
  margin: 0;
}

#video-categories p span {
  padding-left: 45px;
}

#video-categories p.mov-category {
  background: url('images/arrow2.png') no-repeat 0% 100%;
}

#video-categories p.mov-category:hover {
  cursor: pointer;
}

#video-categories p.mov-category.active {
  background: url('images/arrow2-green.png') no-repeat 0% 100%;
  color: #000;
}

#video-categories .delimiter-video {
  margin: 0;
}

.delimiter-video img {
  margin-top: 0;
  width: 100%;
  height: 2px;
  vertical-align: top;
}

#video-categories p img {
  vertical-align: middle;
  margin-right: 22px;
}

.video-content {
  position: relative;
  width: 640px;
  margin: 30px 0 0;
  text-align: left;
  font-size: 13px;
}

.video-article {
  width: 100%;
}

.text-before-video {
  margin-bottom: 25px;
}

h2.video-title_h2 {
  margin: 0;
  padding: 25px 0 30px 0;
  font-family: Verdana, sans-serif;
  font-size: 24px;
  font-style: italic;
  color: #787878;
}

.text-before-video h2.video-title_h2 {
  padding: 0 0 25px 0;
}

.text-after-video {
  margin-top: 25px;
}

.text-before-video, .text-after-video {
  font-size: 13px;
  font-style: italic;
}

.text-before-video p:empty, .text-after-video p:empty {
  display: none;
}

.text-before-video a, .text-after-video a {
  font-weight: bold;
  color: #787878;
}

.video-title {
  font: 13px Verdana, Arial,sans-serif;
  line-height: 22px;
  background-color: #96d700;
  color: #000;
  padding: 0 10px;
  display: inline-block;
}

.video-title h3 {
  font-weight: bold;
  font-size: 13px;
}

#video-time {
  font-size: 13px;
  margin-left: 32px;
  display: inline-block;
}

#video-list {
  margin-top: 32px;
}

.video-list-item img {
  margin-top: 32px;
  width: 180px;
}



p.video-item-length {
  text-align: left;
  border: none;
  float: none;
  font-size: 13px;
  margin-top: 12px;
  width: 100%;
}

p.video-item-title {
  font-style: italic;
  font-size: 13px;
}

.video-list-item img:hover {
  cursor: pointer;
}

.video-lang-p:hover {
  cursor: pointer;
}

.video-lang-p.active {
  color: #000;
  background-color: #96d700;
}
*/

/* CONTACT PAGE*/
/*
#contact-firsttext {
  margin-top: 20px;
}

#contact-secondtext {
  margin-top: 24px;
}

#contact-links {
  float: right;
  width: 500px;
}

.contact-link {
  width: 240px;
  margin-left: 8px;
  margin-bottom: 8px;
  color: #787878;
  text-align: center;
  padding: 5px 0;
  background-color: #fff;
  float: left;
}

#menu-contact-menu li {
  float: left;
}

#menu-contact-menu li a {
  width: 240px;
  margin-left: 8px;
  margin-bottom: 8px;
  text-align: center;
  padding: 5px 0;
  float: left;
  color: #5d5d5d;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
}

#menu-contact li a {
  width: 240px;
  margin-left: 8px;
  margin-bottom: 8px;
  text-align: center;
  padding: 5px 0;
  float: left;
  color: #5d5d5d;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
}

.contact-column {
  width: 296px;
  float: left;
  margin: 45px 48px 0 0;
}

.contact-column.last {
  margin-right: 0;
  float: right;
}

.contact-column p {
  line-height: 1.6em;
}

.contact-title {
  font: 13px Verdana, Arial, sans-serif;
  background-color: #96d700;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 32px;
  Display: inline-block;
}

.contact-title2 {
  margin-bottom: 0px;
}

.faq_page .contact-title {
  display: inline-block;
  line-height: 26px;
  padding-right: 10px;
}

.faq_page div.one_third.last_column {
  padding-top: 16px;
}

.contact-title.telephone {
  margin-bottom: 16px;
}

.live-chat {
  width: 112px;
  display: block;
  margin: 25px auto 15px auto;
  color: #787878;
  text-align: center;
  padding: 0;
  font-size: 15px;
  line-height: 26px;
  background-color: #fff;
}

.contact-column p span {
  color: black;
  font-weight: bold;
}

.mailto {
  display: block;
  color: black;
  margin: 4px 0 25px;
  margin-bottom: 30px;
}

.addresse {
  display: block;
  color: black;
}

.contact-form-div {
  float: left;
  width: 296px;
  margin-right: 48px;
}

#contact-form-div-2 textarea.wpcf7-textarea {
  height: 164px;
}

.contact-form-div.last {
  margin-right: 0;
  float: right;
}

.contact-form-div.last .wpcf7-textarea{
  width: 300px;
}

#map-image:hover {
  cursor: pointer;
  opacity: 0.85;
  filter: alpha(opacity=85);
}

.wpcf7-text,.wpcf7-textarea,.wpcf7-select,.wpcf7-number {
  padding: 0;
  //width: 295px;
  height: 32px;
  margin-bottom: 13px;
  color: #787878;
  border: 1px solid #bebebe;
}

.wpcf7-text {
  width: 294px;
}

.wpcf7-textarea,.wpcf7-select {
  //width: 296px;
}

.mozila-browser .wpcf7-select {
  padding: 6px 0;
}

.wpcf7-textarea {
  resize: none;
  height: 100%;
}

.wpcf7-select {
  background-color: #fff;
}
#civilite-box {
  margin: 19px 0 24px;
}
#message-p .wpcf7-textarea {
  height: 360px;
}
*/
#envoyer-button {
  text-align: center;
}


#envoyer-button .wpcf7-submit, #demonstration_form .wpcf7-submit, .faq-modal .wpcf7-submit,#recrutement .wpcf7-submit {
  width: 88px;
  height: 28px;
  background-color: #fff;
  border: none;
  color: #787878;
  text-align: center;
}
/*
#wpcf7-f49-p50-o1 input, #wpcf7-f49-p50-o1 textarea, #wpcf7-f49-p50-o1 select {
  font-size: 14px;
}
*/

/* FOOTER */
/*
.footer-bottom {
  padding: 6px 0;
  text-align: center;
  font-size: 12px;
  color: #b9b9b9;
  line-height: 1;
  background: #f4f4f4;
  border-top: 1px solid #cfcfcf;
}

.footer-bottom a {
  color: #b9b9b9;
}

.footer-bottom a:hover {
  color: #000;
}

.footer-home {
  display: inline-block;
  width: 25px;
  height: 24px;
  background: url(images/footer-home.png) no-repeat left top;
}

.footer-bottom ul {
  display: inline;
  position: relative;
  top: -5px;
  vertical-align: middle;
}

.footer-bottom ul li {
  display: inline;
  margin: 0 15px;
  height: 25px;
  line-height: 1;
  text-align: center;
}
*/

/* FOOTER MIDDLE */
/*
.footer-middle {
  padding: 15px 0;
  background: #464646;
  border-bottom: 1px solid #c3c3c3;
}

.column-1 {
  float: left;
  width: 338px;
  margin-right: 10px;
}

.column-2 {
  float: left;
  width: 306px;
  margin-right: 10px;
}

.column-3 {
  float: right;
  width: 295px;
}

.footer-middle ul li {
  margin: 3px 0;
}
*/
.footer-middle ul li a {
  padding-left: 25px;
  color: #fff;
  font-size: 12px;
  background: url(images/foot-list-active.png) no-repeat left 2px;
}


/*

.footer-middle ul li a:hover{
  background-image: url(images/foot-list-active.png);
}
*/
/*//TEMP A REMPLACER*/
.footer-top {
  text-align: left;
  padding: 6px 0;
  line-height: 1;
  background: #000;
}

.footer-top {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}

.footer-top .colored {
  color: #96d700;
}


/*FOOTER SOCIAL LINKS*/
.footer-middle .footer-social-menu {
  margin-top: 60px;
  //float: right;
  position:relative;
}

.footer-middle .footer-social-menu li a {
  display: block;
  float: left;
  width: 34px;
  height: 35px;
  padding: 0;
  margin: 0 8px 0 0;
  text-indent: -999px;
  background: url(images/footer-social.png) no-repeat left top;
  overflow: hidden;
}

.footer-middle .footer-social-menu li a:hover {
  background: url(images/footer-social.png) no-repeat left bottom;
}

.footer-middle .footer-social-menu li a[href*="facebook"],
#menu-item-721 {
  background: url(images/footer-social.png) no-repeat left top;
}

.footer-middle .footer-social-menu li a[href*="facebook"]:hover,
#menu-item-721:hover {
  background: url(images/footer-social.png) no-repeat left bottom;
}

.footer-middle .footer-social-menu li a[href*="twitter"],
#menu-item-722 {
  background: url(images/footer-social.png) no-repeat -42px top;
}

.footer-middle .footer-social-menu li a[href*="twitter"]:hover,
#menu-item-722:hover {
  background: url(images/footer-social.png) no-repeat -42px bottom;
}

.footer-middle .footer-social-menu li a[href*="google"],
#menu-item-723 {
  background: url(images/footer-social.png) no-repeat -84px top;
}

.footer-middle .footer-social-menu li a[href*="google"]:hover,
#menu-item-723:hover {
  background: url(images/footer-social.png) no-repeat -84px bottom;
}

.footer-middle .footer-social-menu li a[href*="linkedin"],
#menu-item-724:hover {
  background: url(images/footer-social.png) no-repeat -126px top;
}

.footer-middle .footer-social-menu li a[href*="linkedin"]:hover,
#menu-item-724:hover {
  background: url(images/footer-social.png) no-repeat -126px bottom;
}

.footer-middle .footer-social-menu li a[href*="pinterest"],
#menu-item-725 {
  background: url(images/footer-social.png) no-repeat -167px top;
}

.footer-middle .footer-social-menu li a[href*="pinterest"]:hover,
#menu-item-725:hover {
  background: url(images/footer-social.png) no-repeat -167px bottom;
}
/* END FOOTER SOCIAL LINKS*/


/* PAGE EVENTS */
/*ROW GRAY*/
/*TEMP .events-top,*/
/*.revendeurs-top {*/
  /*padding: 10px 0 30px 0;*/
  /*background: #f4f4f4;*/
  /*border-bottom: 1px solid #bebebe;*/
/*}*/

/*
.events-top h1,
.revendeurs-top h1 {
  font-family: "Exo 2", Arial, sans-serif;
  font-size: 54px;
  color: #000;
}

#revendeur-lists {
  min-height: 100px;
}

.revender-lists-wrap {
  position: relative;
}

#event-continents {
  float: left;
}

.event-big-img {

}

.event-big-img img {
  max-width: 100%;
  height: auto;
}

.event-big-img-desc {
  float: right;
  margin-top: 5px;
  font-size: 12px;
  font-style: italic;
  color: #5c5c5c;
}
*/
/*ROW WHITE*/
/*.event-list { TEMP*/
  /*padding: 40px 0;*/
  /*//font-size: 15px;*/
  /*border-bottom: 1px solid #bebebe;*/
/*}*/
/*
.event-list .content {
  position: relative;
}

.mason-content {
  position: relative;
}

.event-list h2 {
  margin-bottom: 50px;
  font-family: "Exo 2", Arial, sans-serif;
  font-size: 30px;
  color: #787878;
}

.event-group {
  color: #5f5f5f;
}

.event-list.gray-section {
  background: #f4f4f4;
}

.three-3 {
  margin-right: 0;
}
*/
/*Event White Box in Home Page*/
#events .event-group > h3 {
  padding: 0 5px;
  //font-size: 15px;
  line-height: 23px;
  color: #000;
  background: #96d700;
  font-weight: bold;
}

#events .event-group .event {
  margin-top: 15px;
}
/*End Event White Box in Home Page*/
/*H3 Titre revendeurs*/
#revendeurs .event-group > h3 {
  /*//TEMP margin-bottom: 15px;*/
  //font-size: 20px;
  font-weight: bold;
  color: #000;
}

#revendeurs .event {
  margin-top: 15px;
}

#events .event h3 {
  //font-size: 15px;
  color: #000;
}

#revendeurs .event h3 {
  font-family: Verdana, Arial, sans-serif;
  //font-size: 15px;
  color: #000;
}
/*
.event-email {
  margin-top: 20px;
  font-size: 15px;
  color: #96d700;
}
*/
.event-phone {
  margin-top: 20px;
  //font-size: 15px;
}

.revendeur-email {
  //font-size: 15px;
  color: #96d700;
}

#map-area {
  position: relative;
}
/*#eventlist-div{margin-left: -48px;}*/
/*
.Vert_ScanCube {
  background: rgb(150,215,0);
}

.Gris_fond {
  background: rgb(244,244,244);
}

.Gris_fond2 {
  background: rgb(225,225,225);
}

.Gris_texte1 {
  color: rgb(120,120,120);
}

.Gris_texte2 {
  color: rgb(185,185,185);
}

.Gris_texte3 {
  color: rgb(105,105,105);
}

.Gris_cadre {
  background: rgb(190,190,190);
}

.footer-top {
  position: relative;
  float: left;
  width: 100%;
  top: 0;
}

.content {
  position: inherit;
}

.rel_pos {
  position: relative;
}
*/
/* ####################################END Validation Norman#########################################################*/

/* ########################## DEMONSTRATION ############################ */
#demonstration_content {
  background: rgb(244, 244, 244);
}

#demonstration_content h2 {
  font: 30px "Exo 2",Arial,sans-serif;
  color: #787878;
  line-height: 1.2;
  margin: 0;
}

#demonstration_content h3 {
  margin-bottom: 1em;
    width: 100%;
}

#demonstration_content h3 a {
  color: #000;
}

#demonstration_up {
  min-height: 300px;
  background: rgb(244, 244, 244);
  width: 100%;
}

#demonstration_hd {
  border-bottom: 1px solid #BEBEBE;
  padding-bottom: 40px;
}

#demonstration_hd .side-link-list {
  position: relative;
  top: 30px;
}

#demonstration_down {
  background: rgb(225,225,225);
  float: left;
  width: 100%;
  position: relative;
  z-index: 342;
}

.w_wrap {
  padding-top: 40px;
}

#show_wrap {
  text-align: left;
}

#show_wrap img {
  display: block;
  margin: auto;
}

#show_wrap p {
  margin: 20px 0 30px 0;
  padding: 0;
}

#demonstration_content ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
  list-style-position: inside;
  margin-bottom: 25px;
  line-height: 22px;
}

#demonstration_content ol li {
  /*display: block;*/
  margin-bottom: .5em;
  /*margin-left: 2em; TEMP*/
}

#demonstration_content ol li:before {
  /*display: inline-block;*/
  content: counter(item) "- ";
  counter-increment: item;
  width: 2em;
  margin-left: -2em;
}

#demonstration_content ol li{
    display: list-item;
}
#demonstration_content ol li:before{
    display: none;

}

.demonstration_main_text p,.demonstration_main_text li {
  text-align: justify;
}

#demonstration_form {
  width: 688px;
  margin: auto;
}

#demonstration_form form {
  display: block;
  float: left;
}

.checkbox-415 .wpcf7-list-item {
  padding-right: 10px;
  margin: 20px 0;
  ; display: block;
  clear: both;
}

.checkbox-415 .wpcf7-list-item label {
  display: block;
  width: 240px;
  ;clear: both;
  margin: 0;
  padding-right: 10px;
}

.checkbox-415 .wpcf7-list-item input {
  float: left;
  padding-right: 10px;
}

.checkbox-415 .wpcf7-list-item label span {
  width: 200px;
  float: left;
  position: relative;
  top: -4px;
  padding-right: 10px;
}

.white-arrow-title {
  background-image: url(images/arrow1.png);
  background-repeat: no-repeat;
  background-position: 275px 4px;
}

.demonstration_column {
  display: block;
  float: left;
  width: 296px;
  text-align: left;
  padding: 10px 0 0 0;
  min-height: 550px;
}

#middlecol-firstrow {
  position: relative;
  top: 12px;
}

#middlecol-checkboxes {
  position: relative;
 // top: 12px;
}

#demonstration_form .demonstration_column {
  width: 296px;
  margin-right: 48px;
}

#demonstration_up .side-link-list {
  float: right;
  width: 296px;
}

.column-296-48 {
  float: left;
  width: 296px;
  margin-right: 48px;
}

.column-296-48-right {
  float: right;
  width: 296px;
}

#demonstration_down .column-296-48-right {
  position: relative;
  top: -80px;
}

.column-640-48 {
  float: left;
  width: 640px;
  margin-right: 48px;
}

.column-640-48-right {
  float: right;
  width: 640px;
}

.column-640-48.margin-right-0 {
  margin-right: 0;
}

.column-688 {
  width: 688px;
}

.demonstration_column p {
  clear: both;
}

#demonstration_down,#demonstration_up {
  padding: 40px 0;
  //font-size: 13px;
  color: #787878;
  line-height: 1.5;
  border-bottom: 1px solid #bebebe;
  text-align: left;
}

#demonstration_up p, #demonstration_up li {
  line-height: 22px;
}

.demonstration-text {
  float: left;
  text-align: left;
  font-family: "Exo 2", Arial, sans-serif;
  position: relative;
  top: -50px;
}

.demonstration-text h2,.demonstration-text h3 {
  display: block;
  ;position: absolute;
  line-height: 62px;
}

.demonstration-text .big_title {
  line-height: 62px;
  position: relative;
  top: 6px;
}

.demonstration-text h2 {
  //font-size: 48px !important;
  color: #f4f4f4 !important;
  background: #000;
  top: 65px;
  padding: 0 10px;
  white-space: nowrap;
/*width:640px;*/;
}

.demonstration-text h3.home_head2 {
  padding: 0 10px;
  //font-size: 28px;
  line-height: 62px;
  text-align: right;
  width: 260px;
  left: 42px;
  background: #96d700;
  color: #000;
}

.demonstration-text h2.home_head1 {
  //font-size: 48px;
  line-height: 62px;
  text-align: right;
}

.demonstration-text h3 {
  color: #787878;
  line-height: 62px;
  white-space: nowrap;
  /*font-size: 42px;*/
}

#demonstration_form .wpcf7-textarea {
  height: 200px;
}

#map_link {
  position: relative;
  width: 230px;
  height: 230px;
  display: block;
  overflow: hidden;
}

#map_link img {
  position: absolute;
  top: 0;
  left: 0;
}

.wpcf7-form-control.wpcf7-checkbox input {
  float: left;
}

.wpcf7-form-control.wpcf7-checkbox .wpcf7-list-item-label {
  float: none !important;
  padding: 0 10px 5px 5px;
}

#demonstration_form .wpcf7-form-control.wpcf7-textarea {
  height: 306px;
}

.wpcf7-form-control.wpcf7-checkbox {
  display: block;
  clear: both;
  padding-bottom: 30px;
}

/* ########################## TECHNOLOGIE ############################ */
/*.tech_content {
  display: block;
  width: 984px;
  margin: auto;
  font: 14px "Exo 2",Arial,sans-serif;
  font-family: Verdana,Arial,sans-serif;
  font-size: 13px;
  color: rgb(120, 120, 120);
  padding-top: 0px;
}

.tech_content h1, .tech_content h2, .tech_content h3, .tech_content h4, .tech_content h5, .tech_content h6,#tech_menu {
  font-family: "Exo 2",Arial,sans-serif;
}

.tech_block1 #share-all a.go_to_id {
  min-width: 100px;
  width: 110px;
  border: none;
  margin: 0;
  padding: 1px;
}

.tech_block1 #share-all a.go_to_id span {
  display: block;
  float: right;
  border: solid #000 1px;
  padding: 2px;
  margin: 0;
}

.tech_block1 #share-all a.go_to_id.active,
.tech_block1 #share-all a.go_to_id.active span {
  background: #000;
}

div.one_third,div.two_third,div.full_width {
  padding: 0;
  text-align: left;
  margin: 0;
  line-height: 1.5;
}

div.one_third {
  width: 296px;
}

div.two_third {
  width: 640px;
}

div.one_third,div.two_third,div.full_width {
  margin: 0 48px 0 0;
}

div.one_third.last_column,div.two_third.last_column {
  margin: 0;
}

.tech_block1,.tech_block {
  display: block;
  width: 100%;
  padding-bottom: 30px;
}

.tech_block {
  background: #fff;
  border-bottom: 1px solid #bebebe;
}

.tech_block1 {
  background: #f4f4f4;
  border-bottom: 1px solid #bebebe;
}

.tech_content h2,.tech_content h2.darkgray {
  padding: 0 0 0 10px;
  text-align: left;
  margin: 14px 0 14px;
  font-size: 35px;
}

.tech_content h3 {
  padding: 0 0 0 10px;
  text-align: left;
  font-size: 30px;
  font-weight: bold;
}

.tech_content h4 {
  padding: 0 0 0 10px;
  text-align: left;
}

.tech_content {
  padding-top: 44px;
}

.t_b_c h2,.t_b_c h2.darkgray {
  padding: 0 0 0 10px;
  text-align: left;
  margin: 0 0 34px;
  font-size: 35px;
  color: #333;
}

.t_b_c h3 {
  padding: 0 0 0 10px;
  font-size: 27px;
  font-weight: bold;
  color: #333;
  margin-left: 70px;
  position: relative;
  bottom: 4px;
}

#tech_302 {
  padding-top: 64px;
}

.t_b_c h4 {
  padding: 0 0 0 10px;
  text-align: left;
  color: #333;
}

#tech_302 img {
  border: 1px solid #bebebe;
}

#tech_303 .taraba2 {
  line-height: 1em;
}

#tech_303 #demo1 {
  margin-bottom: 0px;
}

#tech_306 h3 {
  margin-left: 0px;
  letter-spacing: -1px;
}

.last_column {
  clear: right;
}

.tech_title {
  float: left;
  clear: right;
  padding: 7px;
  color: #777;
}

.tech_round {
  font-size: 43px;
  line-height: 1;
  padding: 0 24px 14px 22px;
  width: 20px;
  height: 20px;
  display: inline-block;
  float: left;
  margin-bottom: 20px;
  color: #777;
}

.tech_round span {
  position: relative;
  top: -6px;
  border: 6px solid #a0a0a0;
  border-radius: 33px;
  right: 22px;
  padding: 0 13px;
}

.sc_icon_left {
  float: left;
  display: inline-block;
}

.sc_icon_right {
  float: right;
  display: inline-block;
}

.sc_icon_center {
  display: block;
  clear: both;
  margin: auto;
}

.cat_list_link_wrap span {
  color: #96d700;
  font-style: italic;
  font-weight: bold;
  display: none;
}

.cat_list_link_wrap span img {
  vertical-align: middle;
  margin-left: 8px;
}

.cat_list_link {
  display: inline-block;
  background: url(images/arrow2.png) no-repeat 0 11px;
  padding: 7px 0 3px  36px;
  font-size: 15px;
}

.cat_list_link.active_cat,.cat_list_link:hover {
  background-image: url(images/arrow2-green.png);
  color: #000;
}

a.cat_list_link {
  color: #777;
  font-weight: normal;
}

span.plus_ensavoir {
  background: url(images/ensavoir.png) no-repeat 0 0 !important;
  display: inline-block;
  height: 18px;
  width: 19px;
  position: relative;
  top: 4px;
}

.readmore_s {
  padding: 4px 5px 4px 3px;
  min-width: 50px;
  min-height: 17px;
}

.readmore_style1 {
  font-style: italic;
  text-decoration: underline;
  color: #777;
}

.readmore_style2 {
}

.tech_content iframe {
  margin-bottom: 25px;
}

.env_2 {
  background: #000;
  color: #fff;
  padding: 2px;
  min-width: 55px;
}

.env_2 a {
  color: #fff;
}

#tech_menu {
  display: block;
  float: left;
  width: 100%;
  padding: 15px 0 27px;
}

#tech_menu .cat_list_link {
  padding: 5px 0 0 30px;
  font-weight: bold;
  font-size: 14px;
}

.hr {
  display: block;
  border-bottom: solid #ccc 1px;
  height: 2px;
  overflow: hidden;
}

.big_title {
  font-size: 54px;
}

.faq_page h1 {
  padding: 10px 0;
}*/
/*.tech_block1 div{min-height:5px;}*/

#gamme.tech_block1 {
  border-bottom: 1px solid #bebebe;
  padding-bottom: 10px;
}
/*


.tech_thumb_title {
  display: block;
  height: 40px;
  background-color: #000;
  color: #fff;
  font-size: 15px;
  text-align: center;
  width: 118px;
  padding: 4px 0;
}

.tech_thumb_wrap {
  border: solid #eee 1px;
  background: #ccc;
  min-height: 127px;
  width: 127px;
}

.tech_thumb_thumb {
  border: solid #bebebe 1px;
}

#tech_gallery {
  padding-left: 0;
  position: relative;
  width: 100%;
  left:-14px;
}

.tech_gallery_thumb {
  display: block;
  float: left;
  width: 126px;
  height: 200px;
  padding: 5px;
}

.tech_gallery_thumb img {
  max-width: 100%;
  max-height: 130px;
  overflow: hidden;
}

.tech_gallery2_block {
  display: none;
}

.tech_gallery2_block.tgb2_1 {
  display: block;
}

.tech_gallery2_block.tgb2_1 h2 {
  margin-top: 0px;
}

#tech-content-header {
  padding: 9px 0;
}
*/



/************************************** generic styling for ALS elements ************************************/
.als-container {
  position: relative;
  margin: 0 auto;
  z-index: 0;
  width: 100%;
  max-width: 100%;
}

.als-viewport {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  min-width: 100%;
  width: 100%;
}

.als-wrapper {
  position: relative;
  list-style: none;
  left: -17px;
}

.als-item {
  position: relative;
  display: block;
  text-align: center;
  cursor: pointer;
  float: left;
}

.als-prev, .als-next {
  position: absolute;
  cursor: pointer;
  clear: both;
}

.tech_block1 #demo1 .als-next ,.tech_block #demo1 .als-next {
  right: -35px;
}

.tech_block1 #demo1 .als-prev,.tech_block #demo1 .als-prev {
  left: -35px;
}

.als-active-li {
  color: black;
}

.als-desc {
  text-align: left;
  line-height: 1.5;
  clear: both;
}

/************************************** specific styling for #demo1 ************************************/
#demo1 {
  margin: 40px auto;
}

#demo1 .als-item {
  margin: 0 0 0 17px;
  padding: 4px 0;
  min-height: 120px;
  width: 126px;
  text-align: center;
}

#demo1 .als-item img {
  display: block;
  margin: 0 auto;
  vertical-align: middle;
}

#demo1 .als-prev, #demo1 .als-next {
  top: 95px;
  width: 23px;
  height: 40px;
  background: transparent url(images/exleftarrow-a.png) no-repeat;
}

#demo1 .als-prev {
  left: 0;
}

#demo1 .als-next {
  right: 0;
  background-image: url(images/exrightarrow-a.png);
}

.als-active-down {
  display: none;
}

.als-active-li .als-active-down {
  display: block;
  background: url(images/q.png) no-repeat center 5px;
  width: 100%;
  height: 80px;
  clear: both;
  border-top: solid rgb(150,215,0) 2px;
}

.als-desc {
  display: block;
  width: 127px;
  height: 80px;
  overflow: hidden;
  padding: 4px;
}





/* ########################## FAQ ############################ */
.faq_page {
  background: #f0f0f0 !important;
  display: block;
  float: left;
  width: 100%;
}

.faq_page a:hover {
  color: black;
}

.faq-question {
  line-height: 24px;
  margin-top: 4px;
  font-family: Verdana, Arial, sans-serif;
  //font-size: 13px;
  color: #777;
  padding: 6px 0 8px 38px;
  background: url(images/arrow-dark-gray-right.png) no-repeat 0 12px;
  cursor: pointer;
}

.faq-question.active_question {
  background-image: url(images/deployed-job-arrow.png);
  color: #000;
  height: 50px;
}

.faq-question:hover {
  color: #000;
}

.hiddents {
  //font-size: 12px;
  color: #000;
  position: relative;
}

.faq-answer {
  padding-left: 20px;
  position: relative;
  margin: 10px 0 30px;
  font-style: italic;
}

.faq-answer ul {
  margin-left: 10px;
}

.faq-answer ul li {
  margin: 5px 0;
}

.faq-border {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
  width: 5px;
  background: rgb(150,215,0);
}

.faq-modal .white-modal-close,.faq-modal {
  z-index: 100003;
}

.faq-modal {
  background: #eee;
}

.faq-modal textarea {
  height: 60px;
}

.faq-modal p {
  padding: 0;
}

.inc_news_modal {
  padding-bottom: 30px;
  margin: auto;
  width: 400px;
  line-height: normal !important;
  background: #f0f0f0;
  text-align: left;
}

.faq_cat_box {
  margin-top: 20px;
  margin-left: 5px;
}

.retour-button-faq {
  padding: 0 15px;
  color: #5d5d5d;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
  margin-top: -27px;
}

.img_a {
  margin-top: 22px;
}

.acceptance-p {
  //font-size: 10px;
}

a.modal_link {
  margin-top: 30px;
  display: block;
  width: 92%;
  background: black url(images/arrow-green-small-right.png) 255px 4px no-repeat;
  color: rgb(150,215,0);
  padding: 0 20px 0 4px;
/*  font-weight: bold;
  font-size: 13px;*/
}

a.modal_link span {
  color: #fff;
}

.doc_block {
  background: #eee;
  width: 304px;
  margin-top: 32px;
}

.doc_block_content {
  background: #d5d5d5;
  padding: 18px 10px 5px;
  border: 1px solid #9f9f9f;
}

.doc_head {
  color: #777;
  //font-size: 1.1em;
  display: block;
  padding: 0px 0px 0px 3px;
}

.doc_subhead {
  color: #000;
  //font-size: 1.3em;
  padding: 5px;
  margin-top: -3px;
}

.doc_block_content img,.doc_block_content a.img_a {
  margin: auto;
  display: block;
}

.doc-descr {
  font-style: italic;
  margin-top: 10px;
  //font-size: 12px;
  text-align: justify;
}

.info-prtiques {
  background: #fff url(images/arrow-green-right.png) no-repeat right 5px;
  width: 100px;
  height: 24px;
  color: #787878;
  padding-left: 20px;
  float: left;
  border-right: #fff solid 3px;
}

/* ########################## EXEMPLE ############################ */
.example-anim-buttons-label {
  float: left;
  width: 150px;
  //font-size: 16px;
  position: relative;
  top: -20px;
  font-family: Verdana, Arial, sans-serif;
  color: #5f5f5f;
}

.example-cat-li {
  position: relative;
}

.cat-hover {
  display: none;
  border-bottom: solid rgb(150,215,0) 2px;
  position: absolute;
  top: -25px;
  left: -50%;
  line-height: 1;
  padding: 0;
  z-index: 50;
}

.example-cat-li:hover .cat-hover {
  display: block;
  min-width: 50px;
  white-space: nowrap;
}

.example-cat-li:hover .cat-hover-arrow {
  position: absolute;
  top: -12px;
  background: url(images/arrow-green-down.png) no-repeat;
  display: block;
  width: 15px;
  height: 15px;
  z-index: 49;
  left: 22px;
}

.cat-underline {
  display: none;
}

.example-cat-li.active .cat-underline {
  background: rgb(150,215,0);
  height: 6px;
  width: 60px;
  position: absolute;
  top: 67px;
  left: 0;
  display: block;
}

/*.example-article-white .black-title{float:left;width:508px;padding:0 0 40px 0;font: 52px "Exo-light",Arial,sans-serif;}*/
.example-subtitle {
  height: 20px;
  display: block;
  float: left;
  padding: 28px 0 0 0;
  font: 16px Verdana, Arial, sans-serif;
  color: rgb(120,120,120);
}

#example-cat-ul {
  display: block;
  width: 100%;
  clear: left;
}

#exemple_ajax_mask {
  background: transparent;
  width: 100%;
  min-height: 200px;
  position: absolute;
  top: 0;
  left: 0;
}

.example_anim_wrap {
  position: relative;
}

/* ########################## RECRUTEMENT ############################ */
/*
#recrutement h1 {
  margin-top: 9px;
}

#recrutement {
  font-family: "Exo 2",Arial,sans-serif;
  font-size: 13px;
  background: #eee;
}

#recrutement .form_rec {
  width: 468px;
  float: left;
  border: none;
  padding-right: 48px;
  overflow-y: hidden;
}

#recrutement .form_rec input[type=text],#recrutement .form_rec input[type=email],#recrutement .form_rec textarea {
  width: 466px;
}

#recrutement.faq-question {
}

#recrutement .form_rec strong {
  color: #000;
  font-weight: normal;
}

#recrutement .form_rec ul {
  list-style: none;
}

.rec_poste_a_pourvoir {
  margin-bottom: 35px;
}

.rec_poste_a_pourvoir span {
  color: #000;
}

.form_rec_upload_text {
  margin-bottom: 10px;
}

#recrutement .form_rec ul li {
  padding-left: 20px;
  margin-bottom: 20px;
  background: url(images/white-dot.png) no-repeat left 3px;
}

#recrutement .rec_bottom {
  text-align: center;
  padding-bottom: 30px;
}

.rec_block .rec_bottom .wpcf7-submit {
  margin-left: 20px;
}

#recrutement .form_rec .form_rec_h3 {
  font-size: 13px;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 25px;
}

#recrutement .form_rec_left {
}

#recrutement .form_rec_right {
  clear: right;
  padding-right: 0;
}

#recrutement .faq-answer {
  background: #eee;
  display: block;
  float: left;
}

#recrutement .rec_back {
  position: absolute;
  top: 0;
  left: 0;
  background: #ccc !important;
  display: block;
  z-index: 1;
  min-height: 300px;
}

#recrutement .form_wrap {
  font-style: normal!important;
  display: block;
  float: left;
  position: relative;
  z-index: 2;
  color: #787878;
  font-size: 12px;
  font-family: Verdana,Arial,sans-serif;
}

#recrutement .rec_list_link {
  display: inline-block;
  margin-bottom: 12px;
  margin-top: 40px;
  padding: 0 10px;
  line-height: 23px;
  height: 23px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
  background: #96d700;
}

#recrutement .rec_block {
  float: left;
  display: block;
  clear: both;
  width: 100%;
}

#recrutement img.wpcf7-form-control.wpcf7-captchac, .wpcf7-form-control.wpcf7-captchar {
  width: 140px !important;
  height: 30px;
  border: none;
}

#recrutement img.wpcf7-form-control.wpcf7-captchac {
  position: relative;
  top: 10.5px;
}*/
/*#recrutement .wpcf7-file{height: 28px;background-color: #fff;border: none;color:#787878;width:140px;}*/
/*
#recrutement .rec_content_top {
  padding: 30px 0;
}

#recrutement .rec_content_top span {
  color: #fff;
  background: black;
  padding: 0 4px;
  text-transform: uppercase;
  line-height: 19px;
  height: 19px;
  display: inline-block;
}

#recrutement .faq-question:hover {
  color: #000;
}

#recrutement h1 {
  font-family: "Exo 2",Arial,sans-serif;
}

#recrutement .rec_right {
  width: 100%;
  min-height: 400px;
  overflow-x: hidden;
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
  color: #787878;
  line-height: 19px;
}

#recrutement .rec_right img {
  border: solid #787878 1px;
  display: block;
  margin: auto;
}

.taraba {
  padding: 0 5px 0 65px !important;
  background: url(images/hash.png) no-repeat left center;
  text-align: left;
  clear: left;
}

.taraba2 {
  padding: 0 5px 0 65px;
  background: url(images/hash.png) no-repeat left center;
  text-align: left;
  clear: left;
}

.recrutment-top {
  padding-bottom: 60px;
}

.hide {
  margin: 10px 0 0;
}

.filename_text {
  line-height: 30px;
  margin-right: 20px;
  float: right;
}

.upload_button_label .rectrut-file {
  position: absolute;
  top: 14px;
  left: -144px;
  width: 144px;
  height: 30px;
}
*/
#home {
  display: block;
  width: 100%;
  clear: both;
  float: left;
}

.home-row {
  display: block;
  width: 984px;
  margin: auto;
}

#home .content {
  display: block;
  margin: auto;
  border: solid #fff 1px;
  background: #fff;
  float: left;
  width: 100%;
}

#gray-above-client-slider {
  padding: 60px 0 45px 0;
  border-bottom: 1px solid #bcbcbc;
}

h3.home_block2 a {
  display: block;
  height: 40px;
  margin-bottom: 20px;
}

/*
.same-column-part-2 h3.home_block2 {
  width: 295px;
}

.same-column-part-2 h3.home_block2 a {
  background-position: 224px 5px;
}
*/
h3.ils_nous a {
  background: url(images/arrow-white.png) no-repeat 282px 8px;
  display: block;
  height: 40px;
}

h3.ils_nous a:hover {
  background: url(images/go-to-events.png) no-repeat 278px 5px;
}
/*
h3.home_block2 a:hover {
}

.home_block2 a {
  color: #0000;
}

h3.home_block2.play_button a:hover {
  background-image: url(images/play-green.png);
}

h3.home_block2.play_button a {
  background-image: url(images/play.png);
}
*/
#white-modal-home {
  width: 800px;
  height: 470px;
  padding: 1000px;
  background: rgba(0, 0, 0, 0.8);
}

#white-modal-home a {
  color: #fff;
}

#white-modal-home a span {
  color: #96d700;
}

#white-modal-home .white-modal-close {
}

#white-modal-home .white-modal-content {
  width: 640px;
  height: 419px;
  background: #000;
  padding: 0;
  margin-top: -580px;
  margin-left: -350px;
}


.home_page h2 img {
  position: relative;
  top: 12px;
}

.home_page .home_anim_hover {
  //font-size: 1.7em;
  padding-top: 30px;
}

.home_page h2.ils_nous {
  width: 580px;
}

.home_page h2.ils_nous a span {
  color: transparent;
  margin-left: 60px;
  padding: 6px;
}

.home_page h2.ils_nous a:hover span {
  color: #fff;
  background-color: #000;
}

.home_page .home_anim_hover.hover-text {
  //font-size: 20px;
  text-align: center;
}

.home_page .home_anim_hover.hover-text h3 {
  width: auto;
  margin-bottom: 30px;
  font-family: Verdana, Arial, sans-serif;
  //font-size: 24px;
  color: #fff;
  text-align: center;
}

.home_page .home_anim_hover.hover-text img {
  margin-top: 30px;
}

.home_page h3.auto-width {
  width: auto;
}

h3.auto-width a {
  background: url(images/arrow-big-green.jpg) no-repeat 229px 5px;
}

.home_head1 {
  width: 340px !important;
  left: -38px;
}

.home_head2 {
  width: 320px;
  position: relative;
  left: -18px;
}

.anim_wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 362px;
  border: none;
  outline: solid #bebebe 1px;
  margin-bottom: 20px;
}

.anim {
  position: absolute;
  width: 100%;
  height: 362px;
  top: 0;
  left: 0;
}

.anim img {
  width: 100%;
  height: auto;
}

.anim_hover {
  position: absolute;
  top: 0;
  left: -298px;
}

.anim_hover img {
  width: 100%;
  height: 362px;
}

.anim_hover a {
  width: 288px;
  height: 288px;
  display: block;
  overflow: visible;
}

#map_link.anim_hover {
  width: 362px;
  height: 362px;
}

#salons-box-inner img {
  max-width: 130px;
  height: auto;
}
/*TEMP*/
/*.home_blog_link {*/
  /*display: inline-block;*/
  /*background: url(images/arrow-dots.png) no-repeat right;*/
  /*width: 40px;*/
  /*height: 24px;*/
/*}*/

/*.home_blog_link:hover {*/
  /*background-image: url(images/arrow-dots-black.png);*/
/*}*/

/* Tiny Carousel Clients Home page */
.ribbon {
  width: 100%;
  position: relative;
  //height:135px;
  clear: both;
  float: left;
  background: #f4f4f4;
}

.ribbon_slider {
  background: #fff;
  height: 105px;
  margin: 0 0;
  overflow: hidden;
  position: relative;
  padding: 0 0;
  display: block;
  border-top: 1px solid #DCDCDC;
  border-bottom: 1px solid #DCDCDC;
}

.ribbon_slider img {
  max-height: 105px;
}

.ribbon_slider .viewport {
  //width: 870px;
  height: 105px;
  overflow: hidden;
  position: relative;
  background: #fff;
  margin: 0 auto;
}

.ribbon_slider .buttons {
  border-radius: 35px;
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  width: 35px;
  height: 35px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 35px;
  text-decoration: none;
  font-size: 22px;
  visibility: hidden;
}

.ribbon_slider .overview {
  list-style: none;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 0;
  top: 0;
}

.ribbon_slider .overview li {
  float: left;
  margin: 0 20px 0 0;
  padding: 1px;
  height: 105px;
  border: none;
  width: 180px;
}

.slides {
  margin-top: 8px !important;
}

.slides li {
  margin: auto 30px;
}

/* ########################      GAMME      ######################### */
.gamme_header_div {
  position: relative;
  top: 100px;
  width: 1030px;
  margin-bottom: 50px;
}

#gamme_content .tech_content h3 {
  padding-left: 0 !important;
}

#gamme_content .tech_block1,#gamme_content  .tech_block {
  padding: 30px 0 130px;
}
/*#gamme_content .tech_block1{margin-top: 50px;}*/
.voir_produit_link {
  //font-size: 14px;
  color: #fff;
  background: #000 url(images/arrow-dots.png) no-repeat 98%;
  position: relative;
  padding: 2px 40px 2px 15px;
}

.voir_produit_link_arrow {
  position: relative;
  left: 8px;
  top: 1px;
}

#gamme_content .voir_produit_link {
  top: -5px;
  margin-left: 40px;
  color: #5d5d5d;
  padding-right: 20px;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
}

.gamme-block {
  display: block;
  float: left;
  width: 100%;
  min-height: 80px;
  padding: 0;
}

.produit_head_block {
  width: 225px;
  height: 170px;
  float: left;
  margin-right: 15px;
  text-align: center;
  position: relative;
}

.gamme-prod {
  width: 225px;
  height: 170px;
  float: left;
  margin-right: 25px;
  text-align: center;
  position: relative;
}

.produit_head_block:first-child,.gamme-prod:first-child {
  width: 173px;
  margin-right: 42px;
}

.produit_head_block:nth-child(2),.gamme-prod:nth-child(2) {
  width: 195px;
  margin-right: 45px;
}

.produit_head_block:nth-child(3),.gamme-prod:nth-child(3) {
  width: 225px;
  margin-right: 50px;
}

.produit_head_block.active .gamme-prod-cat-name a {
  border-bottom: solid rgb(150,215,0) 3px;
}

.produit_head_block .gamme-prod-cat-name .akt {
  display: none;
}

.produit_head_block.active .gamme-prod-cat-name .akt {
  display: block;
}

.gamme-prod-cat-name {
  position: absolute;
  top: 200px;
  text-align: center;
  color: #777;
  //font-size: 15px;
  width: inherit;
}

.gamme-prod .gamme-prod-cat-name {
  left: 0;
}

.gamme-prod img,.produit_head_block img {
  max-width: 225px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#gamme .cat_list_link {
  background: none;
  padding: 2px 5px 0 5px;
  //font-size: 12px;
}

.tech_block1 .gamme_header_div {
  top: 0;
}

/* ##########################  PRODUITS  ############################ */
/*TEMP*/
/*#product_page_select {
}

#produits_top {
  height: 520px;
  background: #f4f4f4 url(images/gray-effect.png) no-repeat center 90px;
  padding-top: 80px;
  border-bottom: 1px solid #BEBEBE;
  ;margin: 0;
  position: relative;
}*/

/*#produits ul {
  list-style: url(images/green_bullet.png) inside;
}

#produits ul ul {
  list-style: disc inside !important;
}*/

/*#produits h2.prod_h2 {
  padding: 0 0 30px 0;
}*/
/*
#produits .mov-category a {
  color: #777;
  font-size: 16px;
}

#produits #tabs .mov-category a {
  font-size: 15px;
}

#produits .mov-category a:hover {
  color: #333;
}
*/
#gamme-bottom {
  background: #ddd;
  padding-bottom: 55px;
}


/*#tab-list {font-size: 90%;margin: 0; box-shadow: 4px 4px 4px rgba(0,0,0, 0.5);}*/
/*#tab-list ul {float: left;background: #fff;width: 100%;padding-top: 4px;}*/
/*#tab-list ul li {margin-left: 8px;list-style: none;padding:0 28px}*/
/*html #tab-list ul li {display: inline;}*/
/*#tabs>li, #tab-list ul li a {float: left;}*/
/*#tab-list ul li.active {background: #fff;}*/
/*#tab-list ul li a {text-decoration: none;padding: 1px 0px;color: #000;font-size:15px;}*/
/*#tab-list ul li a{color:#777;}*/

#tabs div.tab, .tab-2 {
  background: #fff;
  clear: both;

}

#tabs div.tab h3 {
  margin-bottom: 20px;
}


/*#tabs #tab-2 {
  padding-top: 7px;
}*/

#tab-4 #anim-type-button-div {
  margin-left: 30px;
}

#tab-4 .anim-type-button {
  margin-right: 40px;
}

#tab-5 #demo1 {
  margin-bottom: 0;
}

#tab-5 .als-viewport {
  margin-left: 23px;
}

#tab-5 #demo1 .als-prev, #tab-5 #demo1 .als-next {
  top: 70px;
}

#tab-5 #demo1 .als-prev {
  left: -15px;
}

#tab-5 #demo1 .als-next {
  right: 82px;
}

#tab-5 .tech_gallery_thumb {
  height: 150px;
}

/*TEMP
.darkgray-tab4 {
  font: 30px "Exo 2",Arial,sans-serif;
  color: rgb(0, 0, 0);
  margin-bottom: 45px;
  text-align: center;
}*/

.thumbs {
  float: left;
  border: #000 solid 1px;
  margin-bottom: 20px;
  margin-right: 20px;
}

.h40 {
  display: block;
  width: 100%;
  height: 40px;
  float: left;
  clear: both !important;
}

/*#produits h2.darkgray {
  font: bold 30px "Exo 2",Arial,sans-serif;
  color: rgb(0, 0, 0);
  margin-bottom: 45px;
  margin-top: 35px;
}*/

.fonc_table td {
  padding: 10px;
  border: solid #ddd 2px;
  vertical-align: top;
}

.fonc_table th {
  border-right: solid #ddd 2px;
  text-align: center;
  //font-size: 13px;
  padding: 5px 0 14px 0;
  line-height: 1;
}

.fonc_table tr:last-child td {
  border-bottom: 0;
}

/*#produits h2.darkgray.taraba {
  margin-top: 5px;
}*/

.prod_tab2_content .apn_com_item:last-child {
  padding-bottom: 0;
}


.fonc_table_td_1 {
  width: 25%;
}





.fonc_table_td_3 {
  width: 7%;
}

.fonc_table_td_4{
  width: 13%;
}

.tab3_videos_block {
  margin-top: 35px;
}

#config_requise_img {
  position: relative;
  /*top: -25px;*/
}

.apn_com_item {
  padding-bottom: 20px;
}
/*TEMP REVIEW ALL CLASS CAR PLATO*/
.car-plato-text {
  /*float: left;
  position: relative;
  /*width: 458px;*/
  padding-top: 45px;
  /*margin: 0 20px 0 70px;*/
}

.car-plato-name {
  //font-size: 20px;
  color: #000;
  margin-bottom: 20px;
}

.car-plato-desc p {
  margin-bottom: 0;
  line-height: 22px;
  padding-bottom: 15px;
}

.car-plato-img img {
  max-width: 100%;
  height: auto;
}

.car-plato-box {
  /*float: left;*/
  /*width: 282px;*/
  color: #696969;
  background: #e1e1e1;
  margin-top: 24px;
}

.car-plato-box-inner {
  padding: 25px;
}

.car-plato-box h4 {
/*  font-size: 16px;
  color: #000;
  font-weight: normal;  */
}

.car-plato-box-desc {
  margin-bottom: 20px;
  line-height: 22px;
}

.car-plato-box-inner .car-plato-box-desc:last-child {
  margin-bottom: 0;
}

.product-title {
  padding: 50px 0;
  margin: 0;
  //font-size: 38px;
}

#comp_de_std_text {
  /*width: 490px;
  margin-right: 20px;
  */
}

#comp_de_std_img {
  position: relative;
  /*top: -70px;
  width: 370px;*/
}

.prod_tab2_content {
  //font-size: 12px;
}

#tabs div.tab .prod_tab2_content p {
  margin-bottom: 17px;
  line-height: 22px;
}

#tabs div.tab .prod_tab2_content p + br {
  display: none;
}

.prod_tab2_content strong {
  color: #000;
}

/*.prod_voir_exemples_link:hover{background-color:#000} */

.photo_hd_links {
  padding: 2px 0 2px 0;
  display: inline;
  color: #777;
  position: relative;
  margin-right: 40px;
}

.photo_hd_links.active, .photo_hd_links:hover {
  color: #000;
  border-bottom: 3px solid #96d700;
}

.photo_hd_links img, .photo_hd_links img {
  display: none;
}

.photo_hd_links.active img, .photo_hd_links:hover img {
  position: absolute;
  display: inline;
  left: 50%;
  margin-left: -5px;
  top: 20px;
  margin-top: 5px;
}

.photo_hd_links:hover {
  cursor: pointer;
}

.photo_hd_links.active:hover {
  cursor: auto;
}

.photo_hd_links img {
  position: relative;
  top: 15px;
}

.tg_animation_wrap {
  display: block;
  border: solid #ccc 1px;
  height: 380px;
  width: 380px;
  overflow: hidden;
  margin-top: 20px;
  position: relative;
}

.tg_animation {
  position: relative;
}

.tg_photo_hd {
  height: 100%;
  text-align: center;
  line-height: 380px;
}

.tg_photo_hd img {
  vertical-align: middle;
}

/*TEMP
#section1,#section2,#section3 {
  padding: 30px 0 15px;
  font-size: 30px;
  margin-top: 15px;
}*/

.cac_name {
  background: #96d700;
  color: #000;
  padding: 5px 16px 5px 40px;
  text-align: left;
  min-width: 130px;
  display: block;
  float: left;
/*  font-weight: bold;*/
  margin: 50px 0 12px 30px;
  position: relative;
  left: -40px;
}



.opt_plat_subhead {
  padding-left: 65px;
  //font-size: 20px;
  padding-top: 0;
  position: relative;
  /*top: -45px;*/
}

.cac_content {
  //font-size: 13px;
  line-height: 22px;
}

.cac_content p {
  margin: 0 0 30px 0;
}

.one_half.width-420-20 {
  width: 420px;
  margin-right: 20px;
}

.one_half.width-440 {
  width: 440px;
}

.dce_c {
  color: #777;
  position: relative;
  top: -14px;
}




.dce_c.active {
  color: #000;
  cursor: auto;
/*  font-weight: bold;*/
  border-bottom: solid #96d700 2px;
}

.tab-2-nav {
  margin: 0 auto;
  margin-top: 12px;
  text-align: right;
  line-height: 1;
}

.util_type_block {
  /*display: block;*/
  /*width: 135px;*/
  /*height: 180px;*/
  /*height: auto;*/
  text-align: center;
  /*margin-right: 16px;*/
  margin-top: 18px !important;
  /*margin: 0 auto;*/
  margin-bottom: 35px;
}

.util_type_block:hover,.util_type_block.active {
  color: #000;
  cursor: pointer;
}

.util_type_block:hover .util_type_text,
.util_type_block.active .util_type_text {
  background: url(images/active-utilisation-type.png) no-repeat 0 6px;
    background-position: center top;
}

.util_type_block .util_type_text {
  padding-top: 15px;
}

.util_type_block .util_image_wrap {
  /*border: solid #ccc 1px;*/
  /*width: 160px;*/
  /*height: 160px;*/
  /*overflow: hidden;*/
}


.les_studios_block {
  display: block;
  float: left;
  width: 135px;
  text-align: center;
  padding: 0;
  margin-right: 16px;
  min-height: 312px;
}

.les_studios_block_border {
  /*min-height: 180px;*/
  position: relative;
  overflow: hidden;
  height: auto;
  max-width: 100%;
}





.primage {
  border: 1px solid #ccc;
  /*width: 133px;*/
  /*height: 133px;*/
    max-width: 100%;
    height: auto;
    min-height: 149px;
    z-index: 1;

}

.les_studios_block_title {
  color: #fff;
  background: #000;
  min-height: 40px;
  padding: 3px 0;
  //font-size: 14px;
}

.les_studios_block_desc {
  text-align: left;
  padding-top: 10px;
}

.box_to_show {
  display: none;
}

.les_studios {
  text-align: center;
}

.util_type_bottom_block {
  display: block;
  padding-top: 70px;
}

.nouveau_accessorie span {
  background: #96d700;
  color: #000;
  text-transform: uppercase;
}

.du_caisson_block {

  border: 10px solid #96d700;
  display: inline-block;
  /*padding: 20px 20px 4px 0;
  /*min-height: 200px;
  display: block;
  /*float: left;
   displa: inline-block;
  /*margin-left: 30px;
  /* width: 850px; */

}

#produits .video_categories  p {
  width: 90%;
  margin: 0;
}

#produits .video_categories  p span {
  padding-left: 35px;
}

#produits .video_categories  p.mov-category {
  background: url('images/arrow2.png') no-repeat 0% 100%;
  padding: 0;
  line-height: 14px;
}

#produits .video_categories  p.mov-category:hover {
  cursor: pointer;
}

#produits .video_categories  p.mov-category.active {
  background: url('images/arrow2-green.png') no-repeat 0% 100%;
  color: #000;
}

#produits .video_categories  .delimiter-video {
  margin: 0;
  padding: 0;
}

#produits #tab-1 .video_categories p {
  width: 100% !important;
}

/* TEMP
#produits #tab-1 .darkgray.taraba2 {
  font-weight: normal;
}
*/

#produits .video_categories  p img {
  vertical-align: middle;
  margin-right: 22px;
}

#produits .gamme-prod-cat-name {
  bottom: -60px;
  //font-size: 15px;
}

#produits ul ul li {
  list-style-type: circle;
}

#produits code {
  display: block;
  clear: both;
}

.prod-vert-separator {
  margin: 0 10px;
}

.produit_tab2_slider {
  position: relative;
  top: -5px;
  display: inline-block;
  width: 15px;
  height: 26px;
  background: url(images/arrows-slider.png) no-repeat;
  cursor: pointer;
}

.produit_tab2_slider.slider_link_right {
  background-position: -24px 0;
}

.normal_content {
  font-family: Verdana,Arial,sans-serif;
  //font-size: 13px;
  color: rgb(120, 120, 120);
}

.exemple_block {
  float: left;
  width: 180px;
  border: solid red 1px;
  height: 180px;
  margin: 10px;
  overflow: hidden;
}

#home-examples-thumbs {
  padding: 0 !important;
}

#home-examples-thumbs .caja-negra img {
  margin-top: 0 !important;
  margin-bottom: 38px !important;
}
#home-examples-thumbs .caja-negra .example-item-desc {
  top: 0px !important;
}

.exemple_block img {
  width: 100%;
}

.acc_studios_block {
  display: block;
  float: left;
  width: 120px;
  height: 200px;
  overflow: visible;
  margin: 10px;
}

.acc_studios_block .img_wrap {
  height: 120px;
  overflow: hidden;
  border: solid #ccc 1px;
}

.acc_studios_block img {
  display: block;
  width: 100%;
}

#tab-5-inside {
  width: auto;
  padding: 20px;
}

.prod_anim_block {
  width: 620px;
  border: solid #ccc 1px;
  float: right;
  clear: both;
}

.prod_anim_block_left {
  width: 400px;
  float: left;
  height: 330px;
  padding: 5px;
}

.prod_anim_block_right {
  width: 210px;
  height: 330px;
  float: right;
}

.prod_anim_thumb {
  border: solid #ccc 1px;
  display: block;
  float: left;
  width: 90px;
  padding: 0;
  margin: 5px;
  height: 90px;
}

.prod_anim_thumb img {
  width: 90px;
  cursor: pointer;
}

/* PRODUITS PAGE END */
/*TEMP .home_page h3 {
  font-family: "Exo 2",Arial,sans-serif;
  //font-size: 30px;
  color: rgb(105, 105, 105);
}

.clients-top,
.gray-top {
  padding: 60px 0;
  background: #f5f5f5;
  border-bottom: 1px solid #bebebe;
}

.clients-top h1 {
  float: left;
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 52px;
  line-height: 62px;
  line-height: 1;
}

.clients-top h1 span,
.gray-top h1 span {
  display: block;
  color: #000;
}
*/
.client-types,
.side-link-list {
  float: right;
}

.side-link-list {
  width: 296px;
}

.client-types ul li a,
.side-link-list ul li a {
  display: block;
  padding: 10px 0 10px 30px;
  //font-size: 15px;
  color: #787878;
  line-height: 1;
  background: url(images/arrow2.png) no-repeat left center;
  border-bottom: 1px solid #dfdfdf;
  box-shadow: 0 2px 1px rgba(255,255,255,0.5);
}

.top-border-line {
  height: 1px;
  background: #dfdfdf;
  box-shadow: 0 2px 1px rgba(255,255,255,0.5);
}

.client-types ul li a:hover,
.client-types ul li a.active,
.side-link-list ul li a:hover,
.side-link-list ul li a.active {
  color: #000;
  background: url(images/arrow2-green.png) no-repeat left center;
}

.page-template-societe-php div.one_third.last_column.side-link-list {
  margin-top: 10px;
  margin-bottom: 36px;
}

#societe-page .side-link-list {
  position: relative;
    /*bottom: 70px;*/;
}

#societe-page .article {
  padding: 70px 0 65px 0;
}

#societe-page .article p {
  margin: 0;
}

#societe-page .article img {
  margin: 0;
  border: 1px solid #bebebe;
}

#societe-page a.retour-button {
  position: relative;
  top: -14px;
}

.left-part {
  float: left;
  width: 640px;
}

.right-part {
  float: right;
  width: 296px;
}

/*TEMP*/
/*#gray-page h1 {
  margin-bottom: 35px;
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 54px;
  line-height: 1em;
  //text-indent: -4px;
}*/

.page-description,
#download-table-holder {
  //font-size: 13px;
  color: #787878;
  line-height: 1.6;
}

.page-description p {
  margin-bottom: 20px;
}

.table-line {
  height: 1px;
  background: #96d700;
}

.table-title {
  border-bottom: 1px solid #96d700;
}

.table-line-break {
  min-width: 14px;
}

.table-title-p {
  display: inline;
  background-color: #F4F4F4;
  position: relative;
  top: 15px;
  padding-right: 10px;
}

.pdf-icon {
  display: block;
  width: 50px;
  height: 25px;
  background: url(images/pdf-icon.png) no-repeat center center;
  position: relative;
  top: 14px;
}

.mp4-icon {
  display: block;
  width: 50px;
  height: 25px;
  background: url(images/mp4-icon.png) no-repeat center center;
  position: relative;
  top: 14px;
}

.downloads-table {
  width: 100%;
}

.downloads-table td {
  height: 40px;
}

.download-page-part-2 {
  margin-top: 40px;
}

.small-img-description {
  //font-size: 12px;
  line-height: 19px;
  font-style: italic;
  text-align: justify;
  color: #787878;
  position: relative;
  top: 65px;
}

#livre_blanc {
  position: absolute;
  top: 0px;
}

.side-img {
  overflow: hidden;
  position: relative;
  height: 420px;
}

.side-img img {
  width: 100%;
  height: auto;
}

.download-category-title {
  display: inline-block;
  margin-bottom: 30px;
  padding: 0 5px;
/*  font-size: 15px;*/
  line-height: 23px;
/*  font-weight: bold;
  color: #000;*/
  background: #96d700;
}

.placeholder-img {
  /*width: 100%;*/
  height: auto;
  border: 1px solid #bebebe;
}

.column-one-third {
  float: left;
  width: 294px;
  margin-right: 48px;
}

.last-column {
  float: right;
  margin: 0;
}

#salons-box-holder h3 {
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 30px;
  color: #696969;
}

#salons-box-holder h3 span {
  //font-size: 20px;
}

#salons-box {
  position: relative;
  padding: 15px 15px 35px 15px;
  background: #fff;
  border: 1px solid #bebebe;
}

.go-to-events {
  display: block;
  float: right;
  width: 61px;
  height: 34px;
  background: url(images/go-to-events.png) no-repeat left top;
}

.salons-box-arrows {
  position: absolute;
  right: 11px;
  bottom: 7px;
}

.salons-box-arrow-up,
.salons-box-arrow-down {
  display: block;
  width: 13px;
  height: 11px;
  background: url(images/events-up-down.png) no-repeat left top;
}

.salons-box-arrow-down {
  margin-top: 7px;
  background: url(images/events-up-down.png) no-repeat left bottom;
}

.salon-box-item {
  margin-top: 20px;
  //font-size: 14px;
  color: #787878;
  line-height: 1.5;
}

.salon-box-item a {
  color: #787878;
}

.disabled-arrow {
  opacity: 0.4;
}

.top-right-menu {
  float: right;
  width: 245px;
}

.top-right-menu ul li a {
  display: block;
  color: #787878;
  height: 32px;
  width: 245px;
  margin-bottom: 5px;
  //font-size: 15px;
  line-height: 32px;
  text-align: center;
  background: url("images/top-menu-btn.png") no-repeat left top;
}

.top-right-menu ul li a:hover,
.top-right-menu ul li a.active {
  background-position: left bottom;
}

#clients .top-right-menu {
  position: relative;
  top: 20px;
}

/*TEMP*/
/*#testimonials {*/
  /*padding: 70px 0;*/
/*}*/

.testimonial-item {
  margin-bottom: 70px;
}

.testimonial-img {
  float: left;
  width: 120px;
}

.testimonial-img img {
  width: 100%;
  height: auto;
}

.testimonial-img-item > img {
  display: block;
}

.testimonial-img-item {
  position: relative;
  margin-bottom: 5px;
  line-height: 1;
  border: 1px solid #bebebe;
  overflow: hidden;
  float: left;
}

.testimonial-img .testimonial-link img {
  width: auto;
  height: auto;
  margin-top: 8px;
}

.testimonial-img-item .testimonial-link {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #000;
  //font-size: 16px;
  line-height: 20px;
  color: #fff;
  text-align: center;
}

.testimonial-img-item:hover .testimonial-link {
  left: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.testimonial-img-item .testimonial-link span {
  display: block;
  padding: 10px;
}

.testimonial-text {
  /*float: right;*/
  /*width: 770px;*/
  /*font-size: 13px;*/
  line-height: 1.7;
  font-style: italic;
  color: #787878;
}

.testimonial-text.narrow {
  width: 515px;
  padding-right: 255px;
}

#submenu {
  margin: 30px 0 80px 0;
}

#submenu li {
  display: block;
  float: left;
  padding: 0 14px;
  border-left: 1px solid #dfdfdf;
}

#submenu li:first-child {
  padding-left: 0;
  border-left: none;
}

#submenu a {
  display: block;
  float: left;
  //font-size: 14px;
  line-height: 1.6;
  color: #787878;
}

#submenu a:hover,
#submenu a.active {
  color: #000;
  background: url(images/active-cat.png) no-repeat center bottom;
  border-bottom: 2px solid #96d700;
}

#cas-clients p {
  margin-bottom: 20px;
}

.col-left {
  float: left;
  width: 45%;
}

.col-right {
  float: right;
  width: 45%;
}

.cas-clients-left {
  float: left;
  width: 120px;
  //font-size: 12px;
}

.cas-clients-right {
  float: right;
  width: 770px;
}

.cas-client-name {
/*  font-weight: bold;*/
}

.cas-clients-wrap {
  margin-left: -12px;
  width: 1030px;
}

.cas-clients-submenu {
  margin-left: 7px;
}

.cas-clients-submenu a {
  margin-left: 7px;
}

.styled-button {
  display: block;
  float: left;
}

#tabs .tab-list {
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
}

#tabs .tab-list li {
  display: block;
  float: left;
  width: 20%;
  margin: 0;
  padding: 0;
}

#tabs .tab-list li a {
  display: block;
  width: 99%;
  margin: 0 1% 0 0;
  padding: 14px 0;
  line-height: 1;
  text-align: center;
  //font-size: 15px;
  color: #787878;
  border-bottom: 1px solid #707070;
  border-right: 1px solid #707070;
  -webkit-box-shadow: 3px 1px 1px #cfcfcf;
  -moz-box-shadow: 3px 1px 1px #cfcfcf;
  box-shadow: 3px 1px 1px #cfcfcf;
}

#tabs .tab-list li:last-child a {
  width: 100%;
  margin: 0;
  border-right: 1px solid #6a6a6a;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/*#tabs .tab-list li a:first-child{
  border-left: #ebebeb;
}*/
#tabs .tab-list li.active a {
  border: none;
  color: #000;
  -webkit-box-shadow: 1px 0 0 #cfcfcf;
  -moz-box-shadow: 1px 0 0 #cfcfcf;
  box-shadow: 1px 0 0 #cfcfcf;
  background: #fff;
}

#tabs .tab-list li a:hover {
  color: #000;
}

#tabs .tab-list li.active a span,
#tabs .tab-list li a:hover span {
  border-bottom: 3px solid #96d700;
}

#tabs .tab-list li a {
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
}

.styled-button,
.retour-button,
#demonstration_form .wpcf7-submit,
.rec_bottom  .wpcf7-submit {
  padding: 0 15px;
  color: #5d5d5d;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
  margin-top: 25px;
}

.contact-link,
.wpcf7-submit,
#envoyer-button .wpcf7-submit,
#recrutement .wpcf7-submit {
  color: #5d5d5d;
  background: #fdfdfd;
  background: -moz-linear-gradient(top,  #fdfdfd 0%, #d2d2d2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#d2d2d2));
  background: -webkit-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -o-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: -ms-linear-gradient(top,  #fdfdfd 0%,#d2d2d2 100%);
  background: linear-gradient(to bottom,  #fdfdfd 0%,#d2d2d2 100%);
  border: 1px solid #c9c9c9;
}

.rec_bottom  .wpcf7-submit {
  margin: 50px 0 40px 0;
}

.styled-button.with-arrow span {
  display: block;
  height: 100%;
  padding-right: 20px;
  background: url(images/arrow-green-right.png) no-repeat right center;
}

.styled-button:hover,
.retour-button:hover,
#demonstration_form .wpcf7-submit:hover,
.rec_bottom  .wpcf7-submit:hover,
.contact-link:hover,
.wpcf7-submit:hover {
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
}

.prod_voir_exemples_link {
  margin-top: 20px;
    z-index: 1;
}



a#button_download:hover{
    color: #5d5d5d;
}

a#button_download:hover > span{
    background: url(images/arrow-dots-black.png) no-repeat right center;
}

.prod_voir_exemples_link span {
  padding-right: 38px;
  background: url(images/arrow-dots.png) no-repeat right center;
}

/*.prod_voir_exemples_link span:hover {*/
    /*background: url(images/arrow-dots-black.png) no-repeat right center;*/
/*}*/

.info-prtiques-btn {
  position: relative;
  top: -15px;
  //font-size: 14px;
  line-height: 25px;
}

.videos-link-text a {
  line-height: 22px;
  color: #787878;
}

.side-section-title {
  font: 13px/22px Verdana, Arial, sans-serif;
  background-color: #96d700;
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 32px;
  display: inline-block;
  width: 100%;
    /*width:292px;*/;
}

.relative {
  position: relative;
}

.above-gray-area {
  /*position: absolute;*/
  /*bottom: 110px;*/
  /*left: 680px;*/
  width: 296px;
}


/*TEMP
.gray-area-form-title {
  margin: 0 0 45px 0;
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 38px;
  //font-weight: bold;
}
*/
#demonstration_form .wpcf7-text,
#demonstration_form .wpcf7-textarea,
#demonstration_form .wpcf7-select {
  border: 1px solid #bebebe;
}


.contact-radios-holder-p {
  margin-bottom: 15px;
    /*margin-top: 27px;*/
}

#demonstration_form .demonstration_column:first-child p:last-child {
  font-style: italic;
}

.submit-p {
  clear: both;
  text-align: center;
}

#demonstration_form .wpcf7-submit,
.rec_bottom  .wpcf7-submit {
  //font-size: 15px;
  color: #5c5c5c;
}

#demonstration_content ol.static-counter li {
  margin-left: 0;
}

#demonstration_content ol.static-counter li:before {
  content: none;
}

#demonstration_content ol.static-counter li strong {
  color: #000;
}

#demonstration_content a.retour-button {
  position: relative;
  top: -14px;
}

.ol-indented-text {
  padding-left: 36px;
}

.ajax-loader-small {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 50%;
  background: rgba(255,255,255,0.8) url(images/ajax-loader-small.gif) no-repeat center center;
  z-index: 9;
}

.w-467 {
  float: left;
  width: 467px;
}

.one_third.home-les-sc-column {
  //font-size: 15px;
  line-height: 26px;
  margin-right: 20px;
}

.one_third.home-les-std-column {
  float: right;
  width: 624px;
  margin-right: 0;
}

.one_third.home-les-std-column img {
  max-width: 100%;
  width: 100%;
}

.one_third.home-les-std-column h3 {
  width: auto;
  text-align: center;
}

.one_third.home-demonstr-column {
  float: right;
  //font-size: 15px;
  line-height: 26px;
}

#home-first-three-cols {
  padding: 50px 0 55px 0;
}

#home-first-three-cols h3.home_block2 a {
  background: none;
  color: #000;
}

#home-first-three-cols h3.home_block2 a:hover span {
  background-position: left bottom;
}

#home-part-with-animation {
  padding: 70px 0 90px 0;
}

.retour-btn-spacing {
  height: 10px;
}

.retour-btn-spacing-revendeurs {
  height: 10px;
  margin-top: -12px;
}

.qui-sommes-nous-link {
  display: block;
  margin: 108px 0 50px 0;
  padding: 0 5px;
  font-family: Verdana, Arial, sans-serif;
  //font-size: 13px;
  line-height: 17px;
  color: #fff;
  background: #000;
}

.qui-sommes-nous-link span {
  color: #96d700;
}

.qui-sommes-nous-link img {
  position: relative;
  top: 2px;
  margin-left: 10px;
}

.recrute-content-text {
  margin: 10px 0;
  //font-size: 12px;
  font-style: italic;
  line-height: 19px;
}

.title_30 {
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 30px;
}

.information-obligatoires {
  font-style: italic;
}

/*#recrutement .form_rec textarea.wpcf7-textarea {*/
  /*margin-bottom: 0;*/
  /*width: 468px;*/
/*}*/

.page-template-contact-php .retour-button {
  position: relative;
  top: -30px;
}

.page-template-contact-php .black-title {
  position: relative;
  top: -14px;
  line-height: 1;
}

.contact-map-2 {
  //font-size: 15px;
}

.contact-map-2-adrs {
  margin-bottom: 25px;
  color: #787878;
}

.contact-map-2-metro {
  margin: 0 0 25px 0;
  color: #787878;
}

.mailto {
  //font-size: 15px;
}

.first-contact-column {
  //font-size: 15px;
  line-height: 26px;
}

.image-desc {
  //font-size: 12px;
  line-height: 19px;
  color: #5c5c5c;
  font-style: italic;
}

.form_rec_part_1,
.form_rec_desc {
  margin-bottom: 35px;
}

.upload_button_label {
  display: block;
  /*float: left;*/
  position: relative;
  width: 144px;
  height: 30px;
  background: url(images/choisir-un-fichier.png);
  /*overflow: hidden;*/
  cursor: pointer;
}

.upload_button_label input,
.upload_button_label input:focus,
.upload_button_label input:active {
  position: absolute;
  top: 50px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.next_to_upld_button {
  position: relative;
  top: 4px;
  margin-left: 12px;
}

.captcha_p {
  margin-top: 16px;
}

#contact-page-form h2 {
  margin-bottom: 30px;
  //font-weight: bold;
}

.style-select-arrow {
  position: relative;
}

.style-select-arrow label {
  display: block;
  position: absolute;
  top: 1px;
  right: 2px;
  width: 30px;
  height: 30px;
  /*background: url(images/select-list-arrow.png) no-repeat left top;*/
  z-index: 99;
  pointer-events: none;
}

.mozila-browser .style-select-arrow label {
  top: 1px;
}

.wpcf7-not-valid-tip {
  position: relative;
  top: -10px;
  margin-bottom: 5px;
}

.slider-bg {
  background: #f4f4f4 url(images/slider-bg.jpg) no-repeat center top;
}

.same-column-part-2 {
  margin-bottom: 65px;
}

#index-anim-div {
  width: 468px;
}

#index-anim-right-div {
  float: right;
  width: 465px;
}

/*TEMP .semi-gray-bg {
  background: #f4f4f4;
}*/

.margin-70 {
  height: 70px;
}

#index-salons-h3 a {
  padding-bottom: 2px;
  background: url(images/arrow-white.png) no-repeat 255px 10px;
}

#index-salons-h3 a:hover {
  padding-bottom: 2px;
  color: #777;
  background: url(images/go-to-events.png) no-repeat 250px 5px;
}

.recrute-left-content {
  margin-top: 42px;
  font-family: Verdana, sans-serif;
  //font-size: 13px;
  line-height: 22px;
  color: #787878;
}

.recrute-left-content a {
  color: #000;
}

.recrute-left-content h2 {
  margin-bottom: 40px;
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 30px;
  line-height: 38px;
  color: #000;
}

.recrute-left-content p {
  margin-bottom: 20px;
}

.recrute-left-content ul li {
  padding-left: 50px;
}

.recrute-left-content ul li:before {
  content: "-";
}

.add_file {
  color: #787878;
  text-decoration: underline;
}

.button-examples {
  background: linear-gradient(to bottom, #FDFDFD 0%, #D2D2D2 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: 1px solid #C9C9C9;
  color: #5D5D5D;
  margin-top: 33px;
  padding: 2px 8px;
  float: right;
  margin-right: 42px;
}

.button-examples span {
  background: url("images/arrow-dots.png") no-repeat scroll right center rgba(0, 0, 0, 0);
  display: inline;
  height: 100%;
  padding-right: 40px;
}

.button-examples:hover {
  cursor: pointer;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.1), -1px -1px 1px rgba(0,0,0,0.1);
}

.comment-form-icon {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin: 0 9px 25px 0;
  background: url(images/comment-icons.png) no-repeat left top;
  border: 1px solid #bebebe;
}

.comment-form-icon.last-in-row {
  margin-right: 0;
}

.comment-form-icon {
  position: relative;
}

.comment-form-icon span {
  display: none;
  position: absolute;
  top: 45px;
  left: -1px;
  height: 3px;
  width: 42px;
  background: #96d700;
}

.comment-form-icon:hover span,
.comment-form-icon.active span {
  display: block;
}

.comment-form-icon.comment-icon-1 {
  background-position: -2px -2px;
}

.comment-form-icon.comment-icon-2 {
  background-position: -53px -2px;
}

.comment-form-icon.comment-icon-3 {
  background-position: -103px -2px;
}

.comment-form-icon.comment-icon-4 {
  background-position: -154px -2px;
}

.comment-form-icon.comment-icon-5 {
  background-position: -204px -2px;
}

.comment-form-icon.comment-icon-6 {
  background-position: -255px -2px;
}

.comment-form-icon.comment-icon-7 {
  background-position: -2px -71px;
}

.comment-form-icon.comment-icon-8 {
  background-position: -53px -71px;
}

.comment-form-icon.comment-icon-9 {
  background-position: -103px -71px;
}

.comment-form-icon.comment-icon-10 {
  background-position: -154px -71px;
}

.comment-form-icon.comment-icon-11 {
  background-position: -204px -71px;
}

.comment-form-icon.comment-icon-12 {
  background-position: -255px -71px;
}

.comment-form-left {
  float: left;
  width: 300px;
}

.comment-form-right {
  position: relative;
  float: right;
  width: 592px;
}

.comment-form-right-inner {
  width: 640px;
}

.comment-form-right-1 {
  float: left;
  width: 300px;
}

.comment-form-right-2 {
  float: right;
  width: 300px;
}

.comment-form-item {
  margin-bottom: 15px;
  //font-size: 13px;
}

#comment-form-div label {
  display: block;
  //font-size: 13px;
  color: #fff;
}

#comment-form-div .text-input {
  width: 100%;
  height: 30px;
  line-height: 30px;
  background: #fff;
  border: 1px solid #bebebe;
}

#comment-form-div .text-input.disabled {
  background: #000;
  border: 1px solid #000;
  color: #96d700;
}

#comment-form-div .textarea-input {
  width: 100%;
  height: 174px;
  padding: 4px;
  background: #fff;
  border: 1px solid #bebebe;
}

.mozila-browser #comment-form-div .textarea-input {
  height: 177px;
}

.page-template-glossary-php .dark-bg {
  background: #000;
}

.comment-form-buttons {
  margin-top: 70px;
}

#comment-form-div h3 {
  margin-bottom: 30px;
  //font-size: 15px;
  color: #96d700;
}

.left-green-border {
  position: absolute;
  top: 0;
  left: -17px;
  height: 100%;
  width: 2px;
  background: #96d700;
}

#comment-form-div #lostpass {
  display: block;
  float: left;
  position: relative;
  margin: 50px 0;
  //font-size: 13px;
  color: #fff;
}

#comment-form-div #lostpass span {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #69900f;
}

.comment-form-space {
  float: left;
  width: 100%;
  height: 30px;
  clear: both;
}

.comment-form-ghost-item {
  height: 51px;
}

.comment-info-obligatoires {
  margin-top: 15px;
  font-style: italic;
}

#comment-form-div #signin-form .comment-form-right-1 .comment-form-button {
  margin: 0;
}

#comment-form-div #signin-form .comment-form-right-2 .comment-form-button {
  margin: 0;
}

.center {
  text-align: center;
}

.gray-delimeter {
  height: 1px;
  background: #d3d3d3;
  border-bottom: 1px solid #ccc;
}

.img-brand {
  display: block;
  position: absolute;
  width: 100%;
  height: auto;
  top: 100%;
  left: 0;
  z-index: 9;
}

.img-prod,
.img-brand {
  cursor: pointer;
  z-index: 4;
}

.home-slider-captions {
  display: block;
}

.mc-caption-bg {
  display: none;
}

.mc-caption-bg2 {
  position: absolute;
  top: 100px;
  left: auto;
  right: 0;
}
/* home_head2 */
.mc-caption h1 {
  position: relative;
  top: -10px;
  font-family: "Exo 2", Arial, sans-serif;
  //font-size: 54px;
  line-height: 1.3;
  margin-bottom: 10px;
}

.mc-caption h1 {
  position: absolute;
  right: 0;
  line-height: 62px;
  text-align: right;
}

.mc-caption h1 {
  top: 0;
  //font-size: 54px;
  color: #f4f4f4;
  background: #000;
  padding: 0 10px;
  white-space: nowrap;
}

.mc-caption h1.home-slider-h3 {
  top: 62px;
  width: auto;
  padding: 0 10px;
  white-space: nowrap;
  //font-size: 54px;
  line-height: 62px;
  text-align: right;
  background: #96d700;
  color: #000;
}
/*.mc-caption h3{color: #787878; line-height: 62px; white-space: nowrap; font-size: 42px;}*/

.event-big-img #sliderFrame, .event-big-img #slider {
  width: 420px;
  height: 270px;
  overflow: hidden;
}

.event-big-img #slider {
  height: 250px;
  overflow: visible;
}

.event-big-img #slider div.mc-caption-bg2 {
  position: absolute;
  top: auto;
  bottom: -30px;
}

.event-big-img #slider div.mc-caption-bg2 .mc-caption {
  color: #5c5c5c;
  font: 12px italic Verdana, Arial, sans-serif;
  text-align: right;
}
/* ##########################  NOUVEAUTÉS  ############################ */

/*#nouveau-page .article h2 {
  margin-bottom: 0px;
  color: #000;
}

#nouveau-page .article h2 span, #nouveau-page .article h2.gray {
  color: #787878;
}

.nouveau-p {
  border-left: 5px solid #96d700;
  padding: 0 0 0 16px;
}

.nouveau-video-link {
  display: block;
  color: #787878;
  text-decoration: underline;
}*/

/* ##########################  EASY  ############################ */

#easy-page .darkgray {
  font-family: Verdana, Arial, sans-serif;
  //font-size: 13px;
  color: #787878;
  line-height: 1.5;
  background: #e1e1e1;
}

#easy-page .lightgray {
  font-family: Verdana, Arial, sans-serif;
  //font-size: 13px;
  color: #787878;
  line-height: 1.5;
  background: #f5f5f5;
}

#easy-page .darkgray h3, #easy-page .lightgray h3 {
  color: #000;
  text-align: left;
}

#easy-page .side-section-title {
  display: inline-block;
  padding-right: 40px;
  color: #000;
  background: #96d700 url(images/arrow1.png) no-repeat 230px 2px;
  height: 18px;
  line-height: 18px;
  margin-bottom: 0;
}

#easy-page .content {
  position: relative;
}

#easy-page h1 {
  margin-top: 5px;
  margin-bottom: 28px;
}

#easy-page h3 {
  margin-top: 20px;
}

#easy-page .retour-button {
  margin-top: 15px;
}

#easy-page .side-section-title a {
  color: #000;
}

.is_half {
  width: 468px;
  margin-right: 48px;
}

.is_half_last {
  position: absolute;
  right: 0;
  bottom: 0;
}

.easy-items {
  width: 1032px;
  margin-top: 75px;
  margin-left: -48px;
}

.easy-item {
  margin-left: 48px;
  width: 468px;
  float: left;
}

.easy-item-img-div {
  position: relative;
  float: left;
  width: 126px;
  height: 126px;
  overflow: hidden;
  margin-right: 24px;
  margin-bottom: 8px;
}

.easy-item-img-div:hover .hover-filter {
  top: 0;
  left: 0;
}

.easy-item-img {
  width: 124px;
  height: 124px;
  border: 1px solid #bebebe;
}


/*TEMP not strict 3 columns construction*/
#revendeur-lists .retailer {
  padding: 0 !important;
}

#revendeur-lists h3 {
  font-size: 18px;
  font-weight: 800;
}
#revendeur-lists .phone {
  margin-top: 10px;
}
#revendeur-lists .url {
  margin-top: 10px;
  margin-bottom: 30px;
}

#revendeur-lists .url a:hover{
  text-decoration: underline !important;
}

/*TEMP*/
/*.easy-item-desc {
  margin-top: -8px;
}*/

#white-modal-easy {
  overflow: visible;
  margin-top: -300px;
  margin-left: -300px;
  line-height: 100%;
  width: 640px;
  height: 450px;
}

#white-modal-easy .white-modal-content {
  position: relative;
  text-align: center;
  padding: 0;
  height: 100%;
}

#white-modal-easy .white-modal-content img {
  display: block;
  margin: 0 auto;
}

#white-modal-easy .white-modal-content iframe {
  width: 101%;
    /*height: 100%;*/;
}

#white-modal-easy .white-modal-close {
  top: -25px;
  right: -3px;
}

#white-modal-easy .white-modal-close:hover {
  top: -25px;
  right: -3px;
}

#easy-modal-desc {
  color: #fff;
  position: static;
  //font-size: 14px;
  line-height: 20px;
}

#all_modals_easy, #all_modals_tab1 {
  display: none;
}

.langdiv .video-item-lang {
  position: absolute;
  float: none;
  margin: 0;
  top: 47px;
  right: -120px;
}

.langdiv .video-lang-p {
  color: #787878;
  border: 1px solid #bebebe;
}

.langdiv .video-lang-p.active {
  color: #000;
  border: 1px solid #96d700;
}

.modal_title {
  position: absolute;
  left: -150px;
    top: -50px;
  color: #fff;
  font: 30px "Exo 2", Arial, sans-serif;
}

#easy-modal-desc a {
  color: #96d700;
  text-decoration: underline;
}


.modal-arrow {
    position: absolute;
    z-index: 7777777;
    width: 24px;
    height: 40px;
    cursor: pointer;
}

.modal-arrow-left {
    background: url(images/exleftarrow-a.png) no-repeat;
    left: -60px;
    top: 50%;
    margin-top: -20px;
}

.modal-arrow-right {
    background: url(images/exrightarrow-a.png) no-repeat;
    right: -60px;
    top: 50%;
    margin-top: -20px;
}


#white-modal-example .white-modal-content {
    position: relative;
    text-align: center;
    padding: 0;
    height: 100%;
}

.white-modal-close {
    position: absolute;
    background-image: url(images/exitmodal-gray.png);
}

#white-modal-example .white-modal-close {
    top: -25px;
    right: -3px;
}

.strong{
    color: #000;
}

a.retour-button {
    float: right;
    height: 24px;
    font-size: 14px;
    padding: 0 18px;
    line-height: 24px;
    color: #787878;
    /*margin-top: 0px;*/
    width: auto;
    margin-top: 0px;
    margin-right: 169px;
    z-index: 1;
}

a.retour-button span {
    display: block;
    padding-left: 20px;
    line-height: 22px;
    height: 24px;
    color: #5d5d5d;
    background: no-repeat left center url(images/arrow-green-right.png) ;
}

.modal_small_img {
    position: absolute;
    top: 0;
    left: -150px;
    width: 133px;
    height: 133px;
}

.video-item-lang {
    width: 116px;
    margin-top: 32px;
    float: right;
}

.video-item-lang p {
    float: left;
    width: 20px;
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    border: 1px solid #000;
    margin: 0 0 5px 12px;
    text-align: center;
    cursor: pointer;
}

.tech_novo {
    display: block;
    color: #333;
    margin-bottom: 5px;
}

.tech_novo span {
    display: block;
    background: #96d700;
    font-size: 11px;
    padding: 1px 0;
}

#white-modal-tab1 {
    overflow: visible;
    margin-top: -300px;
    margin-left: -300px;
    line-height: 100%;
    width: 640px;
    height: 480px;
}

#white-modal-tab1 .white-modal-content {
    position: relative;
    text-align: center;
    padding: 0;
    height: 100%;
}

#white-modal-tab1 .white-modal-content img {
    display: block;
    margin: 0 auto;
}

#white-modal-tab1 .white-modal-content iframe {
    width: 100%;
    height: 100%;
}

#white-modal-tab1 .white-modal-close {
    top: -25px;
    right: -3px;
}

#white-modal-tab1 .white-modal-close:hover {
    top: -25px;
    right: -3px;
}

.example-item img {
    width: 100%;
    max-width: 162px;
    height: auto;
    border: 1px solid #c7c7c7;
}

#example-items {
    position: relative;
}

.example-article-white #example-items {
    position: relative;
    left: -21px;
    width: 1005px;
}

.example-item {
    cursor: pointer;
}

@media only screen and (min-width: 1086px) {
   .cuadritos{
    min-height : 320px;
  }
}

 @media only screen and (max-width: 875px) {
   .cuadritos{
    min-height : 285px;
  }

}

#menu-main-menu li.active > a,
#menu-main-menu li.current-menu-item > a,
#menu-main-menu-italien li.active > a,
#menu-main-menu-italien li.current-menu-item > a,
#menu-main-menu-en li.active > a,
#menu-main-menu-en li.current-menu-item > a
{
  background: transparent;
  color: #ffffff;
  border-bottom: 1px solid #96d700;
}

.anim-type-button {
  margin-right: 25px !important;
}



.mapa-mundi div {
  position: relative;
  width: 100%;
}
.worldmap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
  z-index: 10;
}
#worldmap {
  position: relative;
  opacity: 1;
  z-index: 20;
}

/*examples modal ------*/
#example_modal {
  display:none;
  background:rgba(0,0,0,0.8);
  position:fixed;
  z-index:1200;
  left:0;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
}
#example_modal .box_area {
  position:relative;
  width:600px;
  height:600px;
  margin:auto;
}
#example_modal .content {
    position:absolute;
    top:0;left:0;
    width:100%;
    height:100%;
    text-align:left;
    background:#fff; }
#example_modal .text { color:#fff;position:absolute;top:100%;left:0;text-align:left;padding-top:5px; }
#example_modal .close {
  position:absolute;
  right: -18px;
  top: -23px;
  font-size: 26px;
  opacity: inherit;

}
#example_modal .before { position:absolute;left:-100px;top:40%;width:100px;height:100px;cursor:pointer; background:url(https://www.scancube.com/wp-content/themes/scancube/images/exleftarrow-a.png) center center no-repeat; }
#example_modal .next { position:absolute;right:-100px;top:40%;width:100px;height:100px;cursor:pointer; background:url(https://www.scancube.com/wp-content/themes/scancube/images/exrightarrow-a.png) center center no-repeat; }
#example_menu { float:left;z-index:10; }
#example-items .paginator { margin-right:15px; float:right; }

@media (max-width: 1000px) {
  #example_menu {
    float: none;
  }
  #example-items .paginator {
    float: none;
    text-align: center;
  }
}

@media (max-width: 580px) {
  #example_modal .box_area {
    width: 100% !important;
    height: 100vw !important;
  }
}
@media (max-width: 700px) {
  #example_modal .before {
    left:-11vw;
  }
  #example_modal .next {
    right:-11vw;
  }
}
@media (max-width: 640px) {
  #example_modal .before {
    left:-36px;
  }
  #example_modal .next {
    right:-36px;
  }
}
/*------- examples modal*/