@font-face {
    font-family: 'GothicRR_MediumCondensed';
    src: url('fonts/gothicrr-mediumcondensed-webfont.woff2') format('woff2'),
         url('fonts/gothicrr-mediumcondensed-webfont.woff') format('woff'),
         url("fonts/GothicRR-MediumCondensed.otf") format("truetype");
    font-weight: normal;
    font-style: normal;

}
a:hover, a:focus {
  color: #B44045;
}

/************* MENU IMAGE **********************/
.gs_menubox {
  -webkit-columns: 350px;
  -moz-columns: 350px;
  columns: 350px;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  margin-bottom: 60px;
  margin-top: 30px;
}
.gs_menubox li {
  display: inline;
}
.b_title {
  display: inline-block;
  overflow: hidden;
  padding: 5px 0 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  font-style: italic;
  font-family: "Roboto",Arial,sans-serif;
}
.b_img {
  display: block;
  width: auto;
  height: 200px;
  background-position: center;
  background-size: auto 90% !important;
  background-repeat: no-repeat;
  background-color: transparent;
}
.b_img:hover {
  background-size: auto 100% !important;
  transition: all 0.3s ease 0s;
}
/******************************************************************************/
/******************* Boutons d'admninistration GSite *************************/
/****************************************************************************/

#inspector {
  display: none !important;
}
#box_preview > div {
  border: 5px solid #ddd;
  cursor: pointer;
  float: right;
  margin: 5px !important;
  max-width: 200px;
  overflow: hidden !important;
  padding: 10px;
}
img.datePicker_imgCalendar {
  width: auto !important;
}

#gsi-row-select .gsi-row .bandeau_rouge:before,
#gsi-row-select .gsi-row .bandeau_rouge:after,
#gsi-row-select .gsi-row .bandeau_bleu:after,
#gsi-row-select .gsi-row .bandeau_bleu:before,
#gsi-row-select .gsi-row .bandeau_gris:after,
#gsi-row-select .gsi-row .bandeau_gris:before,
#gsi-row-select .gsi-row .bandeau_gris_fonce:after,
#gsi-row-select .gsi-row .bandeau_gris_fonce:before,
#gsi_editor .gsi-row .bandeau_rouge:before,
#gsi_editor .gsi-row .bandeau_rouge:after,
#gsi_editor .gsi-row .bandeau_bleu:after,
#gsi_editor .gsi-row .bandeau_bleu:before,
#gsi_editor .gsi-row .bandeau_gris:after,
#gsi_editor .gsi-row .bandeau_gris_parent:after,
#gsi_editor .gsi-row .bandeau_gris_parent:before,
#gsi_editor .gsi-row .bandeau_gris:before,
#gsi_editor .gsi-row .bandeau_gris_fonce:after,
#gsi_editor .gsi-row .bandeau_gris_fonce:before,
#gsi_editor .gsi-row .fond_bleu_industriel:before,
#gsi_editor .gsi-row .fond_bleu_industriel:after,
#gsi-row-select .gsi-row .fond_bleu_industriel:before,
#gsi-row-select .gsi-row .fond_bleu_industriel:after {
  position: relative !important;
}

#gsi-row-select .gsi-row .bandeau_rouge,
#gsi-row-select .gsi-row .bandeau_bleu,
#gsi-row-select .gsi-row .bandeau_gris,
#gsi-row-select .gsi-row .bandeau_gris_fonce,
#gsi_editor .gsi-row .bandeau_rouge,
#gsi_editor .gsi-row .bandeau_bleu,
#gsi_editor .gsi-row .bandeau_gris,
#gsi_editor .gsi-row .bandeau_gris_fonce{
  padding: 10px !important;
}

table th h3 {
  margin: 0;
  padding: 0;
}
div.col_2,
ul.col_2 {
  -webkit-columns: 2 !important;
  -moz-columns: 2 !important;
  columns: 2 !important;
}
.no-row .gsi-col {
  padding: 0 !important;
}
.no-row .gsi-col {
  max-height: 450px;
  overflow: hidden;
}
.gsi-col video, .gsi-col audio, .gsi-col img {
  display: block;
  height: auto !important;
  margin: 0 auto;
  max-width: 100%;
  width: 100%;
}

.gsi-col p img, .gsi-col h2 img {
  display: initial;
  height: auto !important;
  margin: initial;
  width: auto;
}
.gsi-col h2 img,
.gsi-col h1 img {
  display: inline;
}
iframe {
  width: 100% !important;
}
/******************************************************************************/
/******************************** GENERAL ************************************/
/****************************************************************************/


body {
  color: #494949;
  overflow-x: hidden !important;
}
body {
  font-family: "Roboto",Arial,sans-serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 100%;
  color: #494949;
}
/*iframe {
  max-width: 100% !important;
}*/
img.logo {
  margin-top: 4px;
}
h2 {
  color: #3e6d93;
  font-family: "Open Sans Condensed";
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 20px;
  text-transform: uppercase;
}
.pattern_blue h2 {
  color: #3e6d93 !important;
}
.no_margin_top h2 {
  margin-top: 0;
}
.detail_element_mode_blog h2
fieldset legend {
  color: #3e6d93 !important;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1.6rem;
  font-weight: normal !important;
  margin-bottom: 20px;
  margin-top: 0;
  text-transform: uppercase;
}
#txt_header_document h1,
h1.txt_title,
h2.txt_title,
.detail_element_mode_blog h1{
  color: #494949;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 2.3rem;
  font-style: italic;
  font-weight: 300;
  line-height: 110%;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 10px;
  text-transform: inherit;
}

#adm_menu3default351,
#adm_menu3defaultmnu_21,
#adm_menu3default949 {
  display: none;
}
/*.detail_prod_mobile .detail_element_mode_blog h2 {
  margin-top: 0;
}*/
.page_prod .gsi-row h2 {
margin-top: 40px;

}

.page_prod .bandeau_rouge h2,
.page_prod .bandeau_gris_parent h2,
.page_prod .fond_bleu_industriel h2 {
margin-top: 0;

}
h1.txt_title {
  padding-left: 0;
}
h1.txt_title.liste_prod {
  margin-bottom: 10px;
  margin-left: -10px;
}
.detail_element_mode_blog h1 {
  margin-bottom: 10px;
  margin-left: -10px;
  margin-top: 0;
}
h2.txt_title strong {
  color: #b44045;
  font-style: italic;
  font-weight: bold;
}
.bandeau_rouge h2 {
  color: #ffffff !important;
  margin-top: 0;
}

h3 {
  color: #454545;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1rem;
  font-style: italic;
  font-weight: bold;
  margin-bottom: 35px;
  text-transform: uppercase;
}
.bandeau_gris_fonce h3,
.bandeau_gris_fonce h3 a,
.bandeau_gris_fonce h2{
  color: #ffffff;
  font-style: normal;

}
p {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  font-family: "Roboto",Arial,sans-serif;
  font-style: italic;
  color: #494949;
}
.bluetooth {
  font-family: "GothicRR_MediumCondensed";
  color: #3e6d93;
  font-style: italic;
  font-weight: normal;
}
.bandeau_gris_parent .bluetooth {
  font-style: normal !important;
}
li span.bluetooth {
  font-size: 1.5rem;
  line-height: 100%;
}

.pattern_blue .bandeau_rouge .bluetooth,
.pattern_blue .bandeau_rouge .blue {
  color: #ffffff;
}

.blue {

  color: #3e6d93;
}
p span.bluetooth {
  font-size: 1.7rem;
  line-height: 100%;
}

a {
  color: #3a688d;
  font-family: "Roboto",Arial,sans-serif;
}

.pattern_blue a {
  color: #3e6d93;
}
.gsi-col li {
  font-size: inherit;
  list-style: inside;
}
/*.gsi-col li {
  list-style-type: none;
}
.gsi-col li::before {
  content: ".";
  float: left;
  font-size: 2rem;
  line-height: 100%;
  margin-right: 5px;
  margin-top: -10px;
}*/
.gsi-col li::before {
  content: ".";
  font-size: 2rem;
  left: 0;
  position: absolute;
  top: -20px;
}
.gsi-col li {
  list-style-type: none;
  padding-left: 15px;
  position: relative;
}



.bg_footer .gsi-col li:before {
    content: " "; /* on affiche une chaîne de caractère */
}

tbody tr:nth-child(2n) {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
thead, tbody, tfoot {
  background-color: transparent !important;
  border: medium none !important;
}
/*tbody th, tbody td {
  padding: 10px 30px 10px 20px
}
hr {
  border-bottom: 1px solid #cacaca;
  border-top: 0 none;
  clear: both;
  height: 0;
  margin: 45px auto;
  max-width: 80rem;
}*/

hr {
  border-bottom: 1px solid #cacaca;
  border-top: 0 none;
  clear: both;
  height: 0;
  margin: 25px auto;
  max-width: 80rem;
}
/*#txt_header_document {
  margin-top: 60px;
}*/
.check_bleu {
  margin-top: 30px !important;
}
.check_bleu li a {
  color: #3c6d94;
  text-decoration: underline;
}
.pattern_blue .check_bleu li a {
  color: #3e6d93 !important;
  text-decoration: underline;
}
.pattern_blue .check_bleu li a .bluetooth {
  font-style: normal !important;
}
/*.check_bleu li {
  line-height: 150% !important;
  margin-bottom: 20px !important;
}
.check_bleu li::before {
  content: url("images/small_check_bleu.png") !important;
  margin-right: 15px !important;
  margin-top: -5px !important;
}*/

/*.check_bleu li {
  line-height: 150% !important;
  margin-bottom: 35px !important;
  padding-left: 60px;
}
.check_bleu li::before {
  content: url("images/small_check_bleu.png") !important;
  margin-right: 15px !important;
  margin-top: -5px !important;
  position: absolute;
  top: 0px;
}*/


/*.check_bleu li {
  line-height: 39px;
  margin-bottom: 20px;
  padding-left: 0;
}
.check_bleu li::before {
  content: url("images/small_check_bleu.png") !important;
  float: left;
  margin-right: 20px;
  margin-top: 0;
  position: relative;
  top: inherit;
}*/
.check_bleu li {
  line-height: 40px;
  margin-bottom: 20px;
  padding-left: 0;
}
.check_bleu li::before {
  content: url("images/small_check_bleu.png") !important;
  line-height: 40px;
  margin-right: 20px;
  margin-top: 0;
  position: relative;
  top: inherit;
  vertical-align: top;
}
.pattern_blue .check_bleu li::before {
  content: url("images/small_check_bleu.png") !important;
}

/****** FIL D'ARIANE ******/
#nav_path {
  float: right;
  margin: 20px 0 20px;
  position: relative;
  top: 10px;
  z-index: 9;
}
#nav_path.no_img {
  margin: 120px 0 20px;
}

.breadcrumbs {
  background-color: transparent;
  border: medium none;
  border-radius: 3px;
  display: block;
  list-style: outside none none;
  margin-left: 0;
  overflow: hidden;
  padding: 0;
}
.breadcrumbs > * a, .breadcrumbs > * span {
  color: #000000;
  text-transform: none !important;
}
.breadcrumbs li:not(:last-child)::after {
  color: #cacaca;
  content: "/";
  margin: 30px 0.75rem 0;
  opacity: 1;
  position: relative;
  top: 1px;
}
.link_ariane span strong {
  font-weight: normal;
}
/******************************************************************************/
/******************************** MENU ****************************************/
/******************************************************************************/
#header.header_home {
  position: absolute;
  top: 15px;
}
#header {
  background-color: #ffffff;
  box-shadow: 0px 0 4px #555;
  -moz-box-shadow: 0px 0 4px #555;
  -webkit-box-shadow: 0px 0 4px #555;
  height: 94px;
  width: 100%;
  z-index: 999;
}
#header_menu {
  margin: 0 auto;
  max-width: 1200px;
}

/******************************************************************************/
/******************************** MENU FIXED **********************************/
/******************************************************************************/
#header.header_home.min {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/******************************************************************************/
/************************** MENU PRINCIPAL  **********************************/
/****************************************************************************/
.menu1 {
  margin: 0;
}
.menu1 ul.mega-menu > li {
  padding-bottom: 0;
}
.menu1 ul li {
  float: left;
  list-style: outside none none;
  padding-bottom: 0;
  padding-top: 0;
}
.menu2 ul li {
  color: #ffffff;
  float: left;
  font-size: 13px;
  font-weight: bold;
  list-style: outside none none;
  padding-bottom: 15px;
  padding-top: 15px;
  text-transform: uppercase;
}
.menu2 ul li a {
  color: #ffffff;
  text-transform: uppercase;
  padding-left: 10px;

}
.menu1 ul li.last {
  margin-right: 30px;
}
.menu1 ul.ul_3 li.last,
.menu1 ul.ul_2 li.last {
  margin-right: 0;
}
.bandeau_menu {
  height: 55px;
  position: relative;
  z-index: 499;
}
.menu1 li a {
  color: #3e6d93;
  font-size: 16px;
  font-weight: bold;
  padding: 0 45px;
  text-decoration: none;
  padding-top: 35px;
  padding-bottom: 33px;
  display: inline-block;
}

.menu1 li a.link_item_node_selected_level_2 {
  color:white;
}

.menu1 ul li.item_node_selected_level_2,
.menu1 ul li.item_node_level_2:hover {

}

/**************************** MENU MOBILE ********************************/


#gsMiniMenu .tog-mnu-childs {
  background-color: #222;
  box-sizing: content-box;
  cursor: pointer;
  display: block;
  font-family: "Courier New";
  font-size: 22px !important;
  font-weight: bold;
  height: 20px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 18px;
}
#gsMiniMenu li ul {
  background-color: rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: block;
  height: auto !important;
  left: auto !important;
  margin-left: 0;
  padding-left: 0;
  position: relative !important;
  right: auto !important;
  top: 0 !important;
  width: 100%;
}
#gsMiniMenu > ul {
  top: 59px;
}
/*************************************************************************/
/**************************** SITE MAP ***********************************/
/*************************************************************************/
ul#sitemap_full .map_depth_1 a.link_1 {
  color: #3e6d93;
  font-weight: normal;
  line-height: 1;
  text-align: left;
  text-decoration: none;
  text-transform: capitalize;
}
.map_depth_1 a {
  border-bottom: 1px solid #3e6d93;
  display: block;
  margin-bottom: 5px;
  text-decoration: none;
}
ul#sitemap_full a strong {
  font-weight: normal;
}

/******************************************************************************/
/***************************** MEGA MENU *************************************/
/****************************************************************************/
.mega-menu {
    position: initial !important;
}

ul.menu_node {
  margin: 0;
  padding: 0;
}
.mega-menu > li > ul.open,
.mega-menu > li:hover > ul {
  background-color: #3e6d93;
  display: block;
  min-height: 80px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 94px;
  width: 100%;
  z-index: 100;
}
.mega-menu > li > ul.open {
  z-index: 200;
}
.menu1 ul.mega-menu > li {
  padding-bottom: 30px;
}
ul.mega-menu.active-open > li > ul {
  display: none;
}
ul.mega-menu.active-open > li > ul.open {
  display: block;
}
.menu1 .ul_2 > li {
  display: inline-block;
  float: none;
  height: auto;
  line-height: 100%;
  margin-right: 20px;
  text-align: left;
  vertical-align: text-top;
  width: auto;
}
.menu1 .ul_2:after {
  background-color: #999999;
  height: 30px;
  width: 100%;
}
.menu1 .ul_2 li a/*,
.menu_alt .ul_2 li a*/ { /*menu fenetre */
  color: #ffffff;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding: 0;
  text-align: left !important;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 20px;
}
.menu1 .ul_3 li {
  display: block !important;
  float: none;
  list-style: outside none none;
  padding: 0;
  text-align: left;
}
.menu1 .ul_3 li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 5px;
  padding-left: 0;
  padding-top: 5px;
  text-decoration: none;
  text-transform: none;
}
#adm_menu3default331 {
  display: none;
}
li#mnu_296,
li#mnu_362,
li#mnu_362,
li#mnu_362,
li#mnu_487,
li#mnu_354,
li#mnu_370,
li#mnu_432,
li#mnu_385,
li#mnu_386,
li#mnu_384,
li#mnu_1146 {
  display: none !important;
}
.menu1 #mnu_30,
.menu1 #mnu_479,
.menu1 #mnu_1408,
.menu1 #mnu_1124 {
  display: none;
}
#gsMenuToggle {
  color: #111;
  display: inline-block;
  float: right;
  font-size: 1.1rem;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  text-decoration: none;
}

#gsMiniMenu {
  position: relative;
  top: 10px;
}
#gsMiniMenu > ul {
  background-color: #333;
  position: absolute;
  right: 0;
  top: 65px;
  width: 290px;
  z-index: 999;
}
#gsMiniMenu li a {
  background: #3e6d93 none repeat scroll 0 0;
  color: #eee;
  display: block;
  float: none;
  margin: 0;
  padding: 15px;
}

li#mnu_296,
li#mnu_362,
li#mnu_362,
li#mnu_362,
li#mnu_487,
li#mnu_354,
li#mnu_370,
li#mnu_432,
li#mnu_444,
li#mnu_412,
li#mnu_413,
li#mnu_411,
li#mnu_268{
  display: none !important;
}


/***************************** MENU ALT (à droite) *****************************/
.menu_alt .ul_2 > li {
  display: block;
  float: none;
  height: auto;
  line-height: 100%;
  margin-right: 20px;
  text-align: left;
  vertical-align: text-top;
  width: auto;
}
.menu_alt .ul_2 li a {
  color: #ffffff;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding: 0;
  text-align: left !important;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 15px;
  display: block;
}
.menu_alt .mega-menu > li > ul.open, 
.menu_alt .mega-menu > li:hover > ul {
  background-color: #3e6d93;
  display: block;
  min-height: 80px;
  position: absolute;
  left: -1px;
  text-align: center;
  top: 94px;
  width: 203px;
  z-index: 100;
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu_alt .ul_2::after {
  background-color: #999999;
  height: 30px;
  width: 100%;
}.iconVersion {
  line-height: 20px;
  margin-left: 0 !important;
  position: absolute;
  left: -50px;
  top: 33px;
  transition: all 0.3s ease 0s;
  width: 23px;
}
.menu_alt {
  float: right;
 position: relative; /* a retirer si menu 100% fenetre */
}

.menu_alt ul li ul li {
  float: left;
  list-style: outside none none;
  padding-bottom: 0;
  padding-top: 0;
}

.menu_alt .mega-menu > li {
  /* display: inline-block; */
  border-left: 1px solid #3a688d;
  float: left;
  list-style: none;
}
.menu_alt .mega-menu > li.last {
  border-right: 1px solid #3a688d;
}
.menu_alt .mega-menu > li > a {
  position: relative;
  display: block;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 50px;
  /* padding-left: 20px; */
  /* padding-right: 20px; */
  width: 100px;
  text-align: center;
  font-size: 15px;
  background-color: #ffffff;
  transition: background 0.3s ease 0s;
}
.menu_alt .mega-menu > li > a:hover {
  background-color: #B0C3D3;
  color: #3a688d;
}
.menu_alt .mega-menu > li > a .fa {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 47px;
  font-size: 20px;
}

/*******************/
/* menu support */
/******************/
#adm_menu1default li#mnu_1314 .link_item_node, 
#adm_menu1default li#mnu_1314 .link_item_node_selected {
  background: #3e6d93;
  color: #ffffff;
  padding-top: 5px;
  padding-bottom: 7px;
  border-radius: 0.4375rem 0.4375rem 0.4375rem 0.4375rem;
}


/****************************************/
/* FAQ */
/***************************************/
.faq_liste ul li {
  list-style: none;
  display: block;
  padding: 20px;

}
.txt_faq {
  font-style: italic;
}
.txt_faq p {
  margin-bottom: 0
}
h2.title_faq {
  margin-bottom: 5px;
  margin-top: 0;
}
.faq_question {
  border-bottom: 1px solid #cccccc;
}
/******************************************************************************/
/***************************** IMAGE PAGE *************************************/
/******************************************************************************/

/******************************************************************************/
/***************************** IMAGE PAGE *************************************/
/******************************************************************************/
#video_bg { /* video page d'acueil*/
  background: rgba(0, 0, 0, 0) none no-repeat scroll 0 0 / cover;
  height: auto;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  transition: opacity 1s ease 0s;
  width: auto;
  z-index: -100;
}
.txt_home_video {
  position: relative;
  top: 250px;
  max-width: 860px;
  text-align: center;
  margin: 0 auto;
}
.txt_home_video p {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 130%;
  margin-bottom: 50px;
  font-weight: 100;
}
hr.hr_big_title {
  border-bottom: 6px solid #B44045;
  border-top: 0 none;
  clear: both;
  height: 0;
  margin: 25px auto;
  max-width: 9rem;
}
.txt_home_video p.big_title {
  font-size: 2.5rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.txt_home_video a.btn_rouge_video_home {
  background-color: #B44045;
  padding: 13px 9px;
  display: inline-block;
  color: #ffffff;
  font-weight: 100;
  font-size: 1rem;
}
.btn_video_center1,
.btn_video_center2 {
  display: inline-block; 
  text-align: center; 
  width: 49%; 
}
/*.btn_rouge_video_home.left {
  margin-right: 60px;
}
.btn_rouge_video_home.right {
  margin-left: 60px;
}*/


#bandeau_home .bandeau_image {
  height: 850px;
  overflow: hidden;
  position: relative;
  top: 0;
  width: 100%;
}
.slide_page {
  position: relative;
}
.slide_page.home {
  height: 780px;
  background-color: rgba(0, 0, 0, 0.5);
}
#photo_page.content {
  height: 400px;
}
.txt_header_home {
  /*margin-top: 100px;*/
}

.resume_bandeau_accueil {
  background: rgba(0, 0, 0, 0) url("./images/header/blue_2.png") repeat scroll 0 0;
  margin-left: 50px;
  margin-top: 180px;
  padding: 15px;
}
.content_slideshow {
  width: 60%;
}
h2.txt_title_bandeau_accueil,
p.txt_title_bandeau_accueil {
  color: #ffffff;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: inherit;
  text-transform: inherit;
}
.lSPager.lSpg {
  display: none;
}
.txt_text_bandeau img {
  max-height: 200px !important;
  width: auto !important;
}
#bandeau_appli, .bandeau_image_appli_1, .bandeau_image_appli_0 {
  height: 553px !important;
}
.bandeau_image_appli_1 {
  background-repeat: no-repeat;
  background-position: left bottom;
}
.bandeau_image_appli_0 {
  background-repeat: no-repeat;
  background-position: right bottom;
}
.txt_text_bandeau_appli p{

  color: #000000;

}
.slide_appli_home .lSAction > a {
  background-image: url("./images/controls.png");
  cursor: pointer;
  display: block;
  height: 32px;
  margin-top: -16px;
  opacity: 1;
  position: absolute;
  top: 50%;
  width: 32px;
  z-index: 99;
}
/******************************************************************************/
/************************* bandeau thématique *********************************/
/******************************************************************************/
/*.home_page {
  height: 850px;
}

.wood {
  background: rgba(0, 0, 0, 0) url("./images/header/blue.png") no-repeat scroll center center / cover;
  bottom: 370px;
  height: 307px;
  position: relative;
}
.wood {
  background: rgba(0, 0, 0, 0) url("./images/header/blue.png") no-repeat scroll center center / cover;
  bottom: 0;
  height: 307px;
  position: absolute;
  width: 100%;
}*/
.wood {
  /* background: rgba(0, 0, 0, 0) url("./images/header/blue.png") no-repeat scroll center center / cover; */
  bottom: 0;
  height: 200px;
  position: absolute;
  width: 100%;
}
.home_page {
  height: 780px;
}
.vignettes {
  bottom: 25px;
  position: absolute;
  width: 100%;
}

.link_liste_vignettes {
  display: block;
}
.img_liste_vignettes {
  border-radius: 100%;
  height: 80px;
  margin: 0 auto;
  width: 80px;
}
.title_liste_vignettes {
  line-height: 1.5rem;
  margin: 0;
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
}

.link_title_liste_vignettes, .link_title_liste_vignettes:hover {
  color: #ffffff;
  font-family: "Open Sans Condensed";
  font-size: 1.5rem;
  font-weight: 500;
  text-transform: uppercase;
}
/*ul#gallery_home_slide3 {
  max-height: 150px;
}*/
ul#gallery_home_slide3 {
  max-height: 117px;
}
.txt_text_bandeau p {
  color: #ffffff;
}


/*****************/
#formmail_elements {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  border: medium none;
  color: #000000;
  margin: 0;
  padding: 1em;
}
#formmail_head {
  display: none;
}
fieldset {
  border-color: -moz-use-text-color -moz-use-text-color #dddddd;
  border-style: none none solid;
  border-width: medium medium 1px;
  margin-bottom: 10px !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 1.125rem;
  padding: 1.25rem;
}
/*fieldset legend {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
  color: #242424 !important;
  font-size: 1.3rem;
  font-weight: 300 !important;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}*/
#formmail_form {
  border: medium none;
  font-size: 12px;
  margin: 0;
  padding: 0;
  text-align: left;
  width: 100%;
}
#formmail_title_1 p {
  display: flex;
  width: 100%;
}
.formail_show {
  margin: 0 auto;
  width: auto;
}
.formail_show table p {
  margin-bottom: 0;
}
#formmail_elements {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  color: #000000;
  margin: 0;
  padding: 1em;
}
/*#formmail_elements p {
  margin: 0 0 0.2em;
  padding: 0.2em 0;
  width: 460px;
}*/
#formmail_elements p label,
#formmail_elements p input,
#formmail_elements p textarea {
  float: left;
}
textarea {
  min-height: 90px !important;
  width: 100% !important;
}
input[type="checkbox"], input[type="radio"] {
  width: 30px !important;
}
input[type="text"], input[type="replyto"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea {
  background-color: white;
  border: 1px solid #9f978b;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
  box-sizing: border-box;
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-family: inherit;
  font-size: 0.875rem;
  height: 2.3125rem;
  margin: 0;
  padding: 0.5rem;
  transition: box-shadow 0.45s ease 0s, border-color 0.45s ease-in-out 0s;
  width: 100%;
}

#formmail_elements label.formmail_oblig,
#formmail_elements label.formmail_notoblig {
  font-weight: bold;
  line-height: 33px;
  /*margin: 0 !important;*/
  padding: 0 !important;
  text-align: left;
  width: 130px;
}

#formmail_elements label.formmail_notoblig {
  display: block;
  font-weight: bold;
  margin-left: 5px !important;
}
#formmail_elements label.formmail_oblig {
  font-weight: bold;
  margin-right: 5px;
}
#formmail_elements label.formmail_notoblig, #formmail_elements label.formmail_oblig {
  /*width: 100%;*/
  width: auto;
}
#formmail_elements span.formmail_legende {
  font-size: 0.83rem;
  padding-left: 10px;
}
[type="file"], [type="checkbox"], [type="radio"] {
  margin-top: 10px;
}
#paragraph_field_13 label {
  width: 180px !important;
}

#formmail_footer #valid {
  background: #3a688d;
  color: #ffffff;
  border: none;
  padding: 7px 30px;
  border-radius: 20px;
  font-size: 1rem;
  font-weight: normal;
}
/*.bandeau_thematique {
  bottom: 0;
  position: absolute;
  width: 100%;
}
.txt_liste_liens_thematique {
  float: left;
  text-align: center;
  width: 14%;
}
.bg_vert .txt_liste_liens_thematique:hover {
  opacity: 0.6;
}
.img_case img {
  height: 80px;
  width: auto;
}
.txt_title_liste_liens_thematique a {
  color: #ffffff;
  display: block;
  font-family: "ubuntu";
  font-size: 1rem;
  text-align: center;
  text-transform: uppercase;
}
*/

/******************************************************************************/
/*************************** Réseaux sociaux **********************************/
/******************************************************************************/
.reseaux_sociaux  {
  position: fixed;
  bottom: 0;
  right: 10px;
}

.reseaux_sociaux p a {
  display: inline-block;
}

li.lien_bandeau_haut {
  display: inline-table;
  font-size: inherit;
  padding-bottom: 15px;
  padding-top: 15px;
}
li.lien_bandeau_haut a {
  color: #e8e8e8;
  font-size: 12px;
  margin-left: 20px;
  text-transform: uppercase;
}
.iconTw, .iconFB, .iconUT, .iconLI{
  float: left;
  height: 20px;
  line-height: 20px;
  margin-left: 0 !important;
  text-indent: -9999px;
  transition: all 0.3s ease 0s;
  width: 20px;
}
/*.iconVersion {
  float: left;
  height: 20px;
  line-height: 20px;
  margin-left: 0 !important;
  transition: all 0.3s ease 0s;
  width: 20px;
}*/

.iconVersion {
  line-height: 20px;
  margin-left: 0 !important;
  position: absolute;
  right: 20px;
  top: 33px;
  transition: all 0.3s ease 0s;
  width: 20px;
}
.telecharger {
  right: 120px;
  top: 26px;
  width: 50px;
}
.iconFB {
  background: url("./images/header/facebookplein20.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}
/*.iconVersion {
  background: url("./images/header/icone_english.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}*/
.iconTw {
  background: url("./images/header/twitterplein20.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}

.iconUT {
  background: url("./images/header/youtubeplein20.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}
.iconLI {
  background: url("./images/header/linkedinplein20.png") no-repeat scroll left bottom rgba(0, 0, 0, 0);

}
/******************************************************************************/
.cases_thematique {
  margin-top: 50px;
}
.cases_thematique h2 {
  color: #ffffff;
  font-size: 3rem;
  font-weight: 500;
  margin: 0 auto;
  padding-bottom: 50px;
  padding-top: 50px;
  width: 410px;
}
.box_bleu_clair .txt_paragraph {
  background-color: #6199c6;
}


.box_bleu_fonce .txt_paragraph {
  background-color: #3e6d93;
}

.box_rouge .txt_paragraph{
  background-color: #b44045;
}

.box_gris .txt_paragraph{
  background-color: #494949;
}
.box_gris .txt_paragraph, .box_bleu_clair .txt_paragraph, .box_bleu_fonce .txt_paragraph, .box_rouge .txt_paragraph {
  height: 600px;
  margin: 0 auto 35px;
  min-height: 500px;
  padding-bottom: 50px;
}
.cases_thematique table tr td, .cases_thematique table tr td p, .cases_thematique table tr td p a, .cases_thematique table tr td a {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 200;
  text-transform: uppercase;
  line-height: 100%;
}
/*********************** GALLERIA ***********************************/
.galleria-theme-classic {
  background: #fff none repeat scroll 0 0;
  overflow: hidden;
  position: relative;
}
div.txt_img_resume {
  border: none;
  float: left;
  margin: 0 !important;
  padding: 5px;
}

.art_list_img li {
  list-style: none;
}
a.return_main_list {
  color: #b44045;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1rem;
  display: block;
  margin-bottom: 30px;
}
/******************************************************************************/
/******************************* ACTUS HOME ***********************************/
/******************************************************************************/

a.voir_tt {
  display: block;
  margin-bottom: 10px;
  text-align: right;
}
a.voir_tt.home {
  display: block;
  margin-bottom: 10px;
  text-align: right;
  position: absolute;
  bottom: 0;
  right: 15px;
}
.link_box_actu_home.home2{
  position: relative;
}
.link_liste_offre {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}
.img_liste_offre {
  height: 300px;
}
.actu_home .img_liste_offre {
  border: 1px solid #ececec;
  height: 200px;
}
.img_liste.revue_presse2 {
  height: 100px;
}
.img_liste_offre.news {
  height: 200px;
}
.box_liste_offre {
  margin-bottom: 50px;
  position: relative;
}
.box_liste_offre.home3 {
  margin-bottom: 25px;
  position: relative;
}
.columns {
  float: left !important;
}
.box_offre h2.title_liste_offre {
  height: 40px;
  line-height: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0;
}
/*h3.title_liste_offre {
  display: block;
  font-size: 1rem;
  height: 90px;
  overflow: hidden;
  text-transform: inherit;
}*/
h3.title_liste_offre.revue_presse, .actu_home h3.title_liste_offre, h3.title_liste_offre {
  display: block;
  font-size: 1rem;
  height: 45px;
  margin-bottom: 0;
  overflow: hidden;
}
h3.title_liste_enews {
  display: block;
  font-size: 1rem;
  height: 30px;
  margin-bottom: 0;
  margin-top: 10px;
  overflow: hidden;
  padding-left: 10px;
}
.liste_enews {
  margin-bottom: 0;
}
h3.title_liste_offre a {
  color: #3e6d93;
  font-size: 1.19rem;
  font-style: italic;
  font-weight: bold;
  line-height: 100%;
}
.resume_txt_offre {
  color: #000;
  height: 70px;
  overflow: hidden;
  margin-bottom: 15px;
}
.resume_txt_offre.intro_actu {
  height: auto;
  margin-bottom: 0;
}
.actu_home .resume_txt_offre {
  color: #000;
  height: 70px;
  margin-bottom: 15px;
  overflow: hidden;
}
.resume_txt_enews {
  color: #000;
  height: 130px;
  margin-bottom: 15px;
  overflow: hidden;
}
.resume_txt_offre p {
  font-size: 1rem;
  line-height: 110%;
}
.resume_txt_enews p {
  font-size: 1rem;
  margin: 0 !important;
  line-height: 110%;
}

.resume_txt_enews p a {
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.link_savoirplus_offre {
  margin-top: 10px;
}
.actu_home .link_savoirplus_offre {
  font-size: 0.8rem;
  margin-top: 10px;
}
.bg_blanc {
  background-color: #ffffff;
    padding: 10px;

}

.actu_detail{
  margin-bottom: 50px;
}

.img_detail_actu {
  min-height: 360px;
}
/******************************************************************************/
/********************************* BANDEAU ************************************/
/******************************************************************************/
.bandeau_gris,
.bandeau_gris_parent,
.bandeau_gris_parent_row {
  background-color: #e2e2e2;
}
.bandeau_gris_parent_row {
  background-color: #e2e2e2;
  display: inline-block;
  width: 100%;
}
.bandeau_gris_fonce {
  background-color: #494949;
}
.bandeau_rouge {
  background-color: #B44045;
}
.pattern_blue .bandeau_rouge {
  background-color: #3e6d93;
}

.bandeau_bleu {
  background-color: #3e6d93;
}
/*.fond_bleu_industriel {
  background-image: url(images/fond-bleu-industriel.png);
  background-size: cover;
  margin: 0 -50%;
  padding: 30px 50%;
  width: 200%;
}*/
.fond_bleu_industriel {
  background: rgba(0, 0, 0, 0) url("images/fond-bleu-industriel.png") no-repeat scroll center bottom / cover ;
  margin: 0 -50%;
  min-height: 300px;
  padding: 60px 50%;
  width: 200%;
}
.bandeau_gris, .bandeau_gris_parent, .bandeau_rouge, .bandeau_gris_fonce, .bandeau_bleu {
  color: #ffffff;
  padding-bottom: 30px;
  padding-top: 40px;
  position: relative;
}
.bandeau_gris {
  padding-bottom: 15px;
  padding-top: 15px;

}
.bandeau_gris, .bandeau_gris_parent{
  color: #666666;
}
.bandeau_gris:before,
/*.bandeau_gris_before:before,*/
.bandeau_rouge:before,
.bandeau_gris_fonce:before,
.bandeau_bleu:before,
.bandeau_gris_parent_row:before{
    content: ' ';
    background-color: inherit;
    position: absolute;
    top: 0;
    left: -1000px;
    width: 1000px;
    height: 100%;
  }
.bandeau_gris:after,
.bandeau_gris_after:after,
.bandeau_rouge:after,
.bandeau_gris_fonce:after,
.bandeau_bleu:after,
.fond_bleu_industriel:after,
.bandeau_gris_parent_row:after {
    content: ' ';
    background-color: inherit;
    position: absolute;
    top: 0;
    right: -1000px;
    width: 1000px;
    height: 100%;
  }
.bandeau_gris_parent h2 {
  margin-top: 0;
}
.bandeau_rouge p, .bandeau_gris_fonce p, .bandeau_bleu p, .fond_bleu_industriel p {
  color: #ffffff;
  font-size: 1.6rem;
  font-style: italic;
  text-align: center;
}
.bandeau_rouge p {
  text-align: left;
}
.bandeau_gris p,
.bandeau_gris ul li {
  color: #494949;
}

.bandeau_gris a {
  color: #494949;
  text-decoration: underline;
}
.bandeau_rouge p,
.bandeau_rouge a {
  font-size: 1.6rem;
}
.bandeau_gris_fonce a.btn_rond {
    font-size: 1.2rem;
}
.bandeau_mnu_appli {
  background: #ececec url("images/bg2_top.png") repeat-x scroll 0 bottom;
  padding: 30px 0;
}
.partenaires2.loi {
  background: rgba(0, 0, 0, 0) url("background/bg2_top.png") repeat-x scroll 0 bottom;
}
.bandeau_mnu_appli h2 {
  color: #3C6D94;
}
.bandeau_mnu_appli ul {
  /*-moz-columns: auto 350px;*/
}
.bandeau_mnu_appli ul li {
  line-height: 150%;
  margin-bottom: 20px;
  list-style: none;
}
.bandeau_mnu_appli ul li a {
  color: #3C6D94;
  font-family: "Roboto",Arial,sans-serif;
  font-style: italic;
  padding: 10px 20px 10px 0;
  text-transform: uppercase;
}
.bandeau_mnu_appli ul li a::before {
  content: url("images/small_arrow_bleu.png");
  float: left;
  margin-right: 15px;
  margin-top: -5px;
}



.btn_rond, .btn_rond:hover, .btn_rond:focus {
  border: 1px solid #ffffff;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  padding: 3px 25px;
}

.btn_rond_gris,
.btn_rond_gris:hover,
.btn_rond_gris:focus {
    background-color: #666;
  border: 1px solid #666;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-size: 1.3rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 3px 25px;
  text-decoration: none;
}
.btn_rond_blanc,
.btn_rond_blanc:hover,
.btn_rond_blanc:focus  {
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 25px;
  color: #494949;
  display: inline-block;
  font-size: 1.3rem !important;
  font-weight: bold;
  margin-top: 20px;
  padding: 3px 25px;
}
p.btn_rond_blanc {
  color: #000000;
}
.btn_rond_jaune,
.btn_rond_jaune:hover,
.btn_rond_jaune:focus {
  background-color: #e8ab41;
  border: 1px solid #e8ab41;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 3px 25px 3px 40px;
  position: relative;
}
.btn_rond_jaune::before {
  bottom: -7px;
  content: url("images/small_news.png");
  left: 8px;
  position: absolute;
}
.btn_pdf, .btn_pdf:hover, .btn_pdf:focus {
  background-color: #666;
  border: 1px solid #666;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 7px 15px 7px 45px;
  position: relative;
  text-decoration: none;
}
.btn_pdf::before {
  bottom: 0;
  content: url("images/small_pdf.png");
  left: 13px;
  position: absolute;
}
.btn_rond_gris,
.btn_rond_gris:hover,
.btn_rond_gris:focus {
  background-color: #494949;
  border: 1px solid #494949;
  border-radius: 25px;
  color: #ffffff !important;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 3px 25px;
}
.btn_rond_gris:hover {
  color: #ffffff;
}
.bandeau_rouge p {
  font-size: 1.6rem;
}
.bandeau_rouge p span.bluetooth {
  font-size: 2.2rem;
  line-height: 100%;
}


li.img_mosaic img {
  box-shadow: none !important;
}
/******************************************************************************/
/******************************* PAGE MENU ************************************/
/******************************************************************************/

h2.title_menu_img a {
  color: #494949;
  font-size: 2.5rem;
  font-style: italic;
  font-weight: 300;
  text-transform: none;
}
h1.txt_title strong,
h2.title_menu_img strong,
.detail_element_mode_blog h1 strong,
h2 a.link_title_intro_actu,
#txt_header_document h1 strong {
  color: #b44045;
  text-transform: none;
}
.pattern_blue h1 {
  font-style: normal !important;
}
.pattern_blue h1.txt_title span, .pattern_blue h2.title_produit a span, .pattern_blue .detail_element_mode_blog h1 span {
  font-family: "GothicRR_MediumCondensed";
  color: #3e6d93;
  font-size: 3.3rem;
  font-style: normal !important;
  line-height: 100%;
}

.pattern_blue h2.title_produit a span,
h2.bluetooth,
h3.bluetooth {
  font-size: 2.4rem;
}
.pattern_blue h2.title_produit a {
  color: #494949 !important;
}
.pattern_blue h1.txt_title strong,
.pattern_blue h2.title_produit strong,
.pattern_blue .detail_element_mode_blog h1 strong {
  color: #3e6d93 !important;
  text-transform: none;

}


.box_intro_actu h2 {
  margin-top: 10px;
}
.resume_txt_offre.intro_actu p {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 110%;
}
h2 a.link_title_intro_actu {
  font-size: 2.5rem;
  font-style: italic;
}
a.link_box_intro_actu {
  display: block;
  text-align: center;
}

a.link_box_intro_actu img {
  height: auto;
  width: 300px;
}
.row_intro_actu {
  border-bottom: 1px solid #cccccc;
  list-style: outside none none;
  padding-bottom: 30px;
  padding-top: 30px;
}
.row_intro_actu:last-child {
  border-bottom: none;
}

.btn_rond_gris.link_savoirplus_intro_actu .gsi-col {
  padding: 0;
}
.btn_rond_gris.link_savoirplus_intro_actu p {
  color: #ffffff;
  font-size: 1rem;
  margin: 0;
}
.menu_img {
  width: 100%;
  margin: 0;
}
.menu_img .liste_menu_img {
  border-bottom: 1px solid #cccccc;
  list-style: outside none none;
  padding-bottom: 30px;
  padding-top: 30px;
}
.menu_img .liste_menu_img:last-child {
  border-bottom: none;
}
.menu_img .liste_menu_img .contenu_menu_img  {
  text-align: center;
}

.menu_img .liste_menu_img  .img_menu_img {
  width: 300px;
  height: 110px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}

.menu_img .liste_menu_img  .img_menu_img img {
  max-height: 110px;
  max-width: 110px;
}

.menu_img h2 {
  margin: 0 0 20px;
}
.menu_img p {
  font-weight: 300;
  margin: 0;
}

.contenu_menu_img img {
  max-height: 200px;
}


/******************************************************************************/
/************************** MODE BLOG PRODUITS ********************************/
/******************************************************************************/

#txt_header_document {
  margin-bottom: 40px;
}
.box_produit {
  min-height: 250px;
}
h2.title_produit {
  margin-top: 0;
}
h2.title_produit a {
  color: #494949;
  font-size: 1.6rem;
  font-style: italic;
  font-weight: 300;
  text-transform: none;
}
.pattern_blue h2.title_produit a {
  font-style: normal !important;
}
h2.title_produit strong {
  color: #b44045;
  text-transform: none;
}
.resume_produit,
.resume_produit ul li,
.resume_produit p,
.resume_produit a {
  font-size: 0.99rem;
}
.resume_produit {
  font-size: 0.99rem;
  height: 96px;
  overflow: hidden;
}
/*.box_produit {
  border-top: 1px solid #cccccc;
  height: 300px;
  margin-bottom: 20px;
  margin-top: 20px;
  overflow: hidden;
  padding-bottom: 20px;
  padding-top: 20px;
}*/
.box_produit {
  border-top: 1px solid #cccccc;
  height: 250px;
  margin-bottom: 15px;
  margin-top: 0;
  overflow: hidden;
  padding-top: 15px;
}
.img_produit img {
  max-height: 200px;
}
.img_produit {
  text-align: center;
}
.ss_box_produit.border_1 {
  border-left: 1px solid #cccccc;
  padding-left: 20px;
}
.ss_box_produit.border_0 {
  padding-right: 20px;
}
.ss_box_produit.border_0, .ss_box_produit.border_1 {
  height: 250px;
}
/******************************************************************************/
/********************************* FOOTER *************************************/
/******************************************************************************/
.bg_footer {
  background: #383939 none repeat scroll 0 0;
  color: #ffffff;
  height: auto;
  margin-top: 50px;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
.bg_footer p {
  font-size: 0.8rem;
  color: #ffffff;
}
.bg_footer .menu1 li a {
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  padding: 0 7px 0 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.bg_footer img {
  max-width: 215px;
}

.bg_footer a img {
  display: inline !important;

}

/******************************************************************************/
/**************************** ACTU RECRUTEMENT ********************************/
/******************************************************************************/
.actu_list {
  border: medium none;
  margin-bottom: 100px;
}
.actu_list li {
  border-bottom: 1px dotted #587299;
  margin-top: 20px;
  margin-bottom: 20px;
  list-style: none outside none;
}

ul,ol {
margin: 0px;
}

/************************************** Page revendeurs ***********************/
.list_acheter h2 {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.titre_map h2 {
  color: #494949;
  font-family: "Roboto",Arial,sans-serif;
  font-size: 2.3rem;
  font-style: italic;
  font-weight: 300;
  line-height: 110%;
  margin-bottom: 30px;
  margin-top: 30px;
  padding-left: 0;
  text-transform: inherit;
}
.list_acheter h3 {
  color: #3e6d93;
  font-family: "Open Sans Condensed";
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 20px;
  margin-top: 30px;
  text-transform: uppercase;
  font-style: normal;
}
.revendeurs h4 {
  margin-bottom: 0;
  margin-left: 10px;
  color: #000000;
  font-size: 1.2rem;
}
  .bandeau_gris.actu_home {
  padding-right: 10px;
  padding-left: 10px;
}






.volet_contact,
.volet_newsletter {
  position: fixed;
  display: block;
  z-index: 3;
  right: 0;
  top: 232px;
  top: 14.5rem;
  width: 260px;
  padding: 10px 20px 20px 20px;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  background: #FFFFFF;
  border-radius: 0 0 0 0.4375rem;
  -webkit-transition-timing-function: cubic-bezier(0.47,0.2,0.255,1);
  transition-timing-function: cubic-bezier(0.47,0.2,0.255,1);
  -webkit-transition-duration: 0.33s;
  transition-duration: 0.33s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  box-shadow: -2px 1px 3px rgba(0,0,0,0.09);
}
.volet_newsletter {
  top: 11rem;
  padding: 9px 20px 9px 20px;
  border-radius: 0 0 0 0;
}
.volet_contact a#tel {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -10000px;
  background: #B44045 url(images/phone.png) no-repeat center center;
  background-size: 1.4375rem auto;
  border-right: 0.0625rem solid #B44045;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  border-radius: 0.4375rem 0 0 0.4375rem;
  box-shadow: -3px 3px 3px rgba(0,0,0,0.05);
}
.volet_newsletter a#news {
  position: absolute;
  left: 0;
  top: 0;
  width: 52px;
  height: 50px;
  margin: 0;
  padding: 0;
  text-indent: -10000px;
  background: #B44045 url(images/small_news2.png) no-repeat center center;
  background-size: 1.4375rem auto;
  border-right: 0.0625rem solid#B44045;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  border-radius: 0.4375rem 0 0 0.4375rem;
  box-shadow: -3px 3px 3px rgba(0,0,0,0.05);
}
.volet_contact a#tel:hover {
  background-color: #B44045;
}
.volet_contact hr{margin:5px 0 10px 0;margin:0.3125rem 0 0.625rem 0;border:none;border-bottom:1px solid #d6dadc;border-bottom:0.0625rem solid #d6dadc;}

.volet_contact .title_volet_contact {
  font-family: "Roboto",Arial,sans-serif;
  font-size: 0.8rem;
  color: #3e6d93;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1.4rem;
  display: block;
}
.volet_newsletter .title_volet_newsletter {
  font-family: "Roboto",Arial,sans-serif;
  font-size: 0.8rem;
  color: #3e6d93;
  text-align: left;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 1rem;
  display: block;
}

.volet_contact .numero,
.volet_contact .numero a {
  font-family: "Roboto",Arial,sans-serif;
  font-size: 1.1rem;
  line-height: 1.3rem;
  color: #002e3b !important;
  display: block;
  font-weight: bold;
  margin-bottom: 10px;
}


.volet_contact .btn_volet_contact {
  margin-top: 17px;
  margin-top: 1.0625rem;
  background: #3e6d93;
  font-size: 1rem;
  text-align: center;
  margin: 0 auto;
  width: 110px;
  display: block;
  margin-top: 15px;
  padding: 5px 25px;
  border: none;
}
.volet_contact:hover{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
.volet_newsletter:hover{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}



/******************************************************************************/
/******************************* page FAQ *************************************/
/******************************************************************************/
.downlist-left {
  width: 60%;
}
.downlist-right {
  width: 40%;
}


/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/******************************* page BLOG *************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/
/*******************************************************************************/


.box_blog h2.title_liste_blog,
h1.page_detail_blog {
  height: 50px;
  line-height: 24px;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0;
  font-family: "Open Sans Condensed";
  font-weight: bold;
  font-size: 24px;
  margin-top: 10px;
  color: #3a688d;
}
h1.page_detail_blog {
  font-size: 40px;
  font-style: normal;
  text-transform: uppercase;
  margin-top: 20px;
  line-height: 100%;
  /* margin-left: 15px; */
}
.box_liste_blog {
  margin-bottom: 60px;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}

.link_blog_img {
  display: block;
  margin-bottom: 15px;
  overflow: hidden;
}

.box_blog .img_blog {
  max-height: 210px;
  overflow: hidden;
}

.img_blog {
  margin-bottom: 20px;
}
.img_blog img{
  width: 100%;
  height: auto;
}
.resume_txt_blog, .resume_txt_blog p {
  color: #000;
  height: 80px;
  overflow: hidden;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 16px;
  font-family: "Roboto",Arial,sans-serif;
}
.link_savoirplus_blog {
  margin-top: 10px;
  background: #B44045;
  padding: 5px 8px;
  border-radius: 10px;
  margin-top: 10px;
  display: inline-block;
  color: #ffffff;
  transition: all 0.45s ease 0s;
  border: 1px solid #ffffff;
  font-size: 14px;
  font-weight: 100;
}
.link_savoirplus_blog.page_detail {
  margin-bottom: 20px;
  background: transparent;
  color: #B44045;
  border: 1px solid #B44045;

}
.link_savoirplus_blog.page_detail:hover {
  background: #B44045;
  color: #ffffff;
  border: 1px solid #ffffff;
}
.link_savoirplus_blog:hover {
  background: transparent;
  color: #B44045;
  border: 1px solid #B44045;
}
.txt_detail_blog p {
  font-family: "Roboto",Arial,sans-serif;
  font-style: normal;
  font-size: 16px;
  text-align: justify;
}
.resume_detail_blog p {
  font-family: "Roboto",Arial,sans-serif;
  font-style: italic;
  color: #777777;
  font-size: 19px;
  /* border-bottom: 1px solid #cccccc; */
  /* padding-bottom: 25px; */
  margin-bottom: 25px;
  text-align: justify;
  line-height: 120%;
  /* font-variant: small-caps; */
  font-weight: 100;
}
p.date_blog_list{
  font-size: 14px;
  margin-bottom: 10px;
  font-family: "Roboto",Arial,sans-serif;
  font-style: italic;
  color: #494949;
}
.img_detail_actu {
  min-height: auto !important;
}
.list_blog_recent {
  margin-bottom: 30px;
}
/*********************************************************************************/
/************************** page blog list et detail *****************************/
/*********************************************************************************/
.cat_tree_menu a.mnu_cat_1286 {
  display: none;

}
ul.cat_tree_menu li {
  list-style-type: none;
  padding-left: 0;
}
.date_blog_list {
  font-size: 0.9rem !important;
  color: #555555;
}
.date_blog {
  font-size: 0.9rem !important;
  margin-top: 10px;
  color: #555555;
}

.list_blog_recent {

}
.ligne_recent{

  border-bottom: 1px solid #ececec;
  background-color: #ffffff;
  transition: background 0.3s ease 0s;
  position: relative;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 15px;

}
.cat_tree_menu li ul li {

  border-bottom: 1px solid #ececec;
  background-color: #ffffff;
  transition: background 0.3s ease 0s;
  position: relative;

}

.ligne_recent::after,
.cat_tree_menu li ul li::after {
  content: url(images/arrow_right.png);
  position: absolute;
  right: 10px;
  top: 55%;
  transform: translateY(-50%);
}
.list_blog_recent h3,
.cat_tree_menu li ul li a {
  font-size: 1rem;
  text-transform: inherit;
  font-weight: normal;
  /* border-bottom: 1px solid #eeeeee; */
  /* padding-bottom: 5px; */
  /* padding-top: 5px; */
  margin-bottom: 0;
  /* background-color: #ffffff; */
  /* position: relative; */
  /* transition: background 0.3s ease 0s; */
  max-height: inherit;
  color: #666666;
}
.cat_tree_menu li ul li a {
  display: block;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 15px;
}
.list_blog_recent a h3  {
  font-weight: normal;
  text-transform: initial;
  color: #666666;
}
.ligne_recent:hover,
.cat_tree_menu li ul li:hover {
  background-color: #eee;
}
.date_blog_list_recent, .date_blog_list_recent span {
  font-size: 0.7rem !important;
  margin: 0;
  padding: 0;
  color: #666666;
}
.date_blog_list_recent a {
  color: #666666;

}

.sidebar_border {
  border-left: 1px solid #eeeeee;
  padding-left: 20px;
  margin-bottom: 70px;
  padding-bottom: 50px;
}
.info_formation {
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
}
.info_formation ul {
  margin: 0;
  padding: 0;
}
.info_formation ul li {
  list-style: none;
  display: inline-block;
  border-right: 1px solid #999;
  font-size: 1rem;
  padding-right: 25px;
  margin-left: 11px;
}
.info_formation ul li.last {
  border-right: none;
}
.info_formation ul.author_list li {
  border-right: none;
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.info_formation ul li.first {
  margin-left: 0px;
}
.info_formation ul li.last,
.info_formation ul li::last-child {
  border-right: none;
}
.info_formation ul li span.info_txt {
  color: #3a688d;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}
.info_label {
  display: block;
  margin-bottom: 0px;
}
.post_author {
  padding-left: 50px;
  padding-right: 50px;
}
.author_head {
  position: relative;
  height: 52px;
}
.author_head img {
  float: left;
  margin: 0;
  /* border-radius: 50px; */
  /* max-width: 60px; */
  height: auto;
  position: absolute;
  top: 50px;
  left: 0;
}
.author_head .author_fullname {
  font-weight: bold;
  position: absolute;
  left: 120px;
}
.author_head .author_job {
  position: absolute;
  left: 120px;
  top: 25px;
}
.author_list .author_desc {
  padding-left: 120px;
  font-style: italic;
  font-weight: 100;
  font-size: 16px !important;
  line-height: 150%;
  text-align: justify;
}
/******************************/
/* article similaires */
/*****************************/
.articles_similaires .box_liste_offre {
  height: 270px;
}

.articles_similaires h3.title_liste_offre {
  margin-bottom: 10px;
  max-height: inherit;
  overflow: inherit;
  font-size: 1.1rem;
}
.articles_similaires .title_liste_offre a {
  font-weight: normal;
}

.articles_similaires .img_liste_offre img {
  max-height: 130px;
}

.articles_similaires .img_liste_offre {
  height: 180px;
  line-height: 180px;
}

/*************************** Liste artciles similaires ************************************/
.title_art_similaire {
  margin-bottom: 20px;
}
.link_title_art_similaire,
.link_title_art_similaire:hover {
  color: #3a688d;

}
.img_art_similaire {
  height: 110px;
  width: auto;
  overflow: hidden;
  margin-bottom: 10px;
}
/****************************************************************************************/
.mnu_sub_footer {
  float: right;
  margin: 0;
  padding: 0;
}
.mnu_sub_footer li {
  float: left;
  list-style: none;
}

.mnu_sub_footer li a {
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #cccccc;
  font-size: 1rem;
  font-variant: small-caps;
}
.mnu_sub_footer li a::after {
  content: "|";
  margin-left: 10px;
}
.mnu_sub_footer li a.last::after {
  content: " ";
}
.mnu_footer_blog h3,
.RS_footer_blog h3 {
  color: #ffffff;
  /* font-style: normal; */
  margin-bottom: 15px;
  font-size: 1.5rem;
  line-height: 100%;
}
.mnu_footer_blog ul {

}
.mnu_footer_blog ul li {
  list-style: none;
}
.mnu_footer_blog ul li a {
  color: #ffffff;
  font-size: 1rem;
}

.logo_footer img {
  margin: 0 !important;
}
.provisoire a img {
  display: none !important;
}
.RS_footer_blog p.news {
  font-size: 1rem;
  line-height: 100%;
  margin-top: 29px;
  margin-bottom: 5px;
}
.RS_footer_blog ul {
  
}
.RS_footer_blog ul.btn_footer li {
  list-style: none;
  display: inline-block;
}
.RS_footer_blog ul.btn_footer li img {
  height: 40px;
}
.RS_footer_blog .btn_rond_jaune::before {
  bottom: -4px;
  content: url("images/small_news.png");
  left: 8px;
  position: absolute;
}
.RS_footer_blog .btn_rond_jaune, .RS_footer_blog .btn_rond_jaune:hover, .RS_footer_blog .btn_rond_jaune:focus {
  background-color: #e8ab41;
  border: 1px solid #e8ab41;
  border-radius: 25px;
  color: #ffffff;
  display: inline-block;
  font-size: 1rem;
  font-weight: bold;
  margin-top: 20px;
  padding: 6px 25px 6px 40px;
  position: relative;
}



/******************************************************************************/
/****************************** MEDIAQUERY ************************************/
/******************************************************************************/

@media (max-width:767px){
  .volet_contact{}

}



@media only screen and (max-width: 1299px) {

.reseaux_sociaux {
  display: none;
}

}

@media only screen and (max-width: 1320px) {
.menu1 li a {
  padding: 35px 25px;
}

}
@media only screen and (max-width: 1160px) { /* disparition menus / apparition menu burger avant max-width: 1160px a retablir eventuellement quand fusion pages produits */

.menu1, .menu_alt {
  display: none;
}
.mnu_burger {
  display: block !important;
}
#gsMiniMenu {
  position: relative;
  top: 35px;
  right: 35px;
}
.iconVersion.mobile {
  display: block !important;
  right: 20px;
  top: 38px;
  left: inherit;
}
.reseaux_sociaux {
  display: none !important;
}

}


@media only screen and (max-width: 1143px) {
.iconVersion {
  right: 10px;
}
.telecharger {
  right: 50px;
}
.content_slideshow {
  width: 80%;
}

}


@media only screen and (max-width: 1023px) {

#gsMenuToggle {
  margin-right: 0 !important;
}
  .sidebar_border {
  border-left: none !important;
  padding-left: 0 !important;
}
.volet_contact,
.volet_newsletter {
  display: none;
}


.ss_box_produit.border_1 {
  border-left: none !important;
  padding-left: 0 !important;
}
.ss_box_produit.border_0 {
  padding-right: 0 !important;
}
.img_detail_actu {
  min-height: 560px !important;
}
.resume_bandeau_accueil {
 /* margin-right: 50px !important;*/
}

.bandeau_image_appli_1,
.bandeau_image_appli_0 {
  background-image: none !important;

}

.bandeau_gris:before,
.bandeau_rouge:before,
.bandeau_gris_fonce:before,
.bandeau_bleu:before,
.fond_bleu_industriel:before,
.bandeau_gris_parent_row:before{
    content: ' ';
    background-color: inherit;
    position: absolute;
    top: 0;
    left: 0px !important;
    width: 0px !important;
    height: 100%;
  }
.bandeau_gris:after,
.bandeau_gris_after:after,
.bandeau_rouge:after,
.bandeau_gris_fonce:after,
.bandeau_bleu:after,
.fond_bleu_industriel:after,
.bandeau_gris_parent_row:after {
    content: ' ';
    background-color: inherit;
    position: absolute;
    top: 0;
    right: 0px !important;
    width: 0px !important;
    height: 100%;
  }

.fond_bleu_industriel {
  margin: 0 !important;
  padding: 10px !important;
  width: 100% !important;
}
  #gsMenuToggle {
 /* margin-right: 75px !important;*/
}
.detail_prod_mobile.page_prod .columns {
  padding: 0 !important;
}
.detail_prod_mobile.page_prod p,
.detail_prod_mobile.page_prod h2 {
  padding: 0 20px;
}
p, .bandeau_rouge p, .bandeau_gris_fonce p, .bandeau_bleu p, .fond_bleu_industriel p,
.bandeau_rouge li, .bandeau_gris_fonce li, .bandeau_bleu li, .fond_bleu_industriel li {
  font-size: 1rem !important;
}
.resume_bandeau_accueil p.txt_title_bandeau_accueil {
  font-size: 1.4rem !important;
}
.bandeau_rouge img, .bandeau_gris_fonce img, .bandeau_bleu img, .fond_bleu_industriel img {
  max-width: 400px;
}
.txt_home_video {
  max-width: 760px;
  padding-left: 20px;
  padding-right: 20px;
}
.txt_home_video p.big_title {
  font-size: 2rem !important;
}
.txt_home_video p {
  font-size: 1.2rem !important;
}

.resume_bandeau_accueil p.txt_title_bandeau_accueil {
  font-size: 1.4rem !important;
}
.bandeau_rouge img, .bandeau_gris_fonce img, .bandeau_bleu img, .fond_bleu_industriel img {
  max-width: 400px;
}
#txt_header_document {
  margin-bottom: 40px;
  padding-left: 10px;
  padding-right: 10px;
}

.actu_list li {
  padding-left: 10px;
  padding-right: 10px;
}


}

@media (max-width:1000px) {

  .downlist-left,
  .downlist-right {
    width: 100%;
  }

}
@media only screen and (max-width: 700px) {

.box_produit {
  height: 360px !important;
}
.content_slideshow {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.resume_bandeau_accueil {
  margin-left: 0;
  margin-top: 150px;
  padding: 15px;
  margin-right: 0;
}

}
@media only screen and (max-width: 640px) {

.cases_thematique h2 {
  font-size: 2.58rem !important;
  width: auto !important;
}
#bandeau_appli, .bandeau_image_appli_1, .bandeau_image_appli_0 {
  height: 615px !important;
}

.resume_produit {
  height: 100px !important;
}
.box_produit {
  height: 480px !important;
}
.img_detail_actu {
  background-size: cover !important;
}
.home_page {
  height: 850px !important;
}
#bandeau_home .bandeau_image {
  height: 900px !important;
}
.txt_text_bandeau img {
  max-height: 150px !important;
  width: auto !important;
}
.txt_text_bandeau p {
  font-size: 1rem !important;
}
.resume_bandeau_accueil {
  margin-left: 0 !important;
    margin-right: 0 !important;
}
.contenu_menu_img img {
  height: auto !important;
  max-height: none;
  width: 100%;
}
.txt_text_bandeau_appli a img,
.txt_text_bandeau_appli img {
  max-height: 200px;
  width: auto;
}
.txt_text_bandeau_appli .txt_title {
  font-size: 1.6rem !important;
}
.txt_text_bandeau_appli .txt_title img {
  width: 55px !important;
  height: auto;
}
.txt_text_bandeau_appli .btn_rond_gris {
  margin-top: 0 !important;
}
.txt_text_bandeau_appli p {
  margin-bottom: 0.5rem;
}
a.voir_tt {
  margin-right: 10px;
}
.slide_appli_home .lSAction > a {
  opacity: 0.3;
}
.slide_appli_home .lSAction > a:hover {
  opacity: 1;
}

/*.wood {
  bottom: 307px;
  height: 307px;
}
*/

}
@media only screen and (max-width: 560px) {
.btn_video_center1,
.btn_video_center2 {
  display: inherit !important; 
  text-align: inherit !important; 
  width: inherit !important; 
}
.txt_home_video a.btn_rouge_video_home {
  background-color: #B44045;
  padding: 13px 9px;
  display: block;
  color: #ffffff;
  font-weight: 100;
  font-size: 1rem;
  max-width: 250px;
  margin: 0 auto !important;
  text-align: center;
  margin-bottom: 10px !important;
}
.txt_home_video {
  top: 200px;
}
}
@media only screen and (max-width: 520px) {

.telecharger {
  right: 75px !important;
  top: 11px !important;
  width: 40px;
}
.iconVersion {
  right: 37px;
  top: 13px;
}
#gsMenuToggle {
  margin-right: 0 !important;
  margin-top: 0 !important;
}
.menu1 {
  margin: 0 10px 20px 0 !important;

}

}
@media only screen and (max-width: 380px) {

.txt_home_video {
  top: 150px;
}
hr.hr_big_title {
  border-bottom: 4px solid #B44045;
  margin: 15px auto;
}
.txt_home_video p {
  font-size: 1.1rem !important;
  margin-bottom: 30px;
}
}


/*------------------------------------------------------*/
.copyright, .idalizes, .styleprjinfo {
  font-family:      Arial, Helvetica, Verdana, sans-serif;
  font-size:        11px;
  font-style:       normal;
  font-weight:      normal;
  font-variant:     normal;
  text-decoration:  none;
  text-align:       right;
  vertical-align:   middle;
  color:            #000000;
}
.styleprjinfo  {
  text-align:       center;
}
.idalizes  {
   font-size:10px;
   color :   #000000;
}
a.idalizes { color : #000000; }

#ls_img_1 {
  min-height: 100px;
}

.body_ela .cc_container {
  font-size: 14px;
}