/*
 * Responsee CSS - v3.1 - 2016-04-15
 * https://www.myresponsee.com
 * Copyright 2016, Vision Design - graphic zoo
 * Free to use under the MIT license.
*/
* {  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  margin:0;	
  }



#footod_pt{display:none;}
#footod_all{display:block;}
#footod_ded{display:block;}
  
  #blog_com {
  padding: 3px 10px;
}



#afftemphereOLD spanOLD{
/*display:block;*/
}
.odexitor > div  {
 /*   display: flex;*/
}

.titBas{display: none;}


    @media screen and (max-width: 480px) {
      .iframescarrousel {
        width: 100% !important;
      }
      .contain_back {
        padding: 15px 0px !important;
      }      
    }
  

  iframe{
  border: none !important;
  /*width: 100%;*/
  }
     	.iframe-responsiveOLD{
	  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
		} 
  
body {
/*
  background:none repeat scroll 0 0 #d3d3d3;
  font-size:100%;
  font-family:"Open Sans",Arial,sans-serif;
  color:#444;
  */
  }
  a{
  outline: 0;
  }
 /*
h1, h2, h3, h4, h5, h6 {

  padding-top: 23px;;    
} 

h1 {font-size:2.4em;}
h2 {font-size:2em;}  
h3 {font-size:1.6em;}  
h4 {font-size:1.2em;}  
h5 {font-size:1em;}  
h6 {font-size:0.9em;}   
*/ 
a, a:link, a:visited, a:hover, a:active {
  text-decoration:none;
  /*color:#444;*/
}
img {
/*
  border:0;
  display:block;
  */
  height:auto !important;
  max-width:100%;
  /*width:auto;*/
}
.owl-item img, .full-img {
  max-width: none;
  width:100%;
}  

.size-960 .line {
  margin:0 auto;
  max-width:60em;
  padding:0 ;
}
.size-1140 .line {
  margin:0 auto;

}
.size-960.align-content-left .line,.size-1140.align-content-left .line {margin-left:0;}
form {line-height:1.4em;}
nav {
  display:block;
  width:100%;
  /*background:#262626;*/
}
.line::after, nav::after, .center::after, .header::after, .margin::after {
  clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
  visibility:hidden;
}



.top-nav  {width:100%;}
.top-nav ul {padding:0;}
.top-nav ul ul {
  position:absolute;
 /* background:#262626;*/
}
.top-nav li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}

.top-nav li a {
display:block;
 

}

ul li {

    list-style-type: square ;


}

.top-nav li ul li a {
  background: #222;
  min-width:100%;

}
.top-nav li a:hover, .aside-nav li a:hover {background:#999;}
.top-nav li ul {display:none;}
.top-nav li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}
.top-nav li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}

.top-nav_bas  {width:100%;}
.top-nav_bas ul {padding:0;}
.top-nav_bas ul ul {
  position:absolute;
 /* background:#262626;*/
}
.top-nav_bas li {
  float:left;
  list-style:none outside none;
  cursor:pointer;
}

.top-nav_bas li a {
display:block;
 

}

.top-nav_bas li ul li a {
  background: #222;
  min-width:100%;
  padding:0em; /*seb*/
}
.top-nav_bas li a:hover, .aside-nav li a:hover {background:#999;}
.top-nav_bas li ul {display:none;}
.top-nav_bas li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}
.top-nav_bas li ul li ul li {
  float:none;
  list-style:none outside none;
  min-width:100%;
  padding:0;
}

.count-number {
  background:none repeat scroll 0 0 #777;
  -webkit-border-radius:10em;
  -moz-border-radius:10em;
  border-radius:10em;
  display:inline-block;
  font-size:0.7em;
  line-height:1.8em;
  margin-left:0.3125em;
  text-align:center;
  width:1.8em;  
  color:#fff; 
  margin-bottom:-0.3125em; 
}
ul.chevron .count-number {display:none;}
ul.chevron .submenu444 > a:after, ul.chevron .sub-submenu > a:after,ul.chevron .aside-submenu > a:after, ul.chevron .aside-sub-submenu > a:after {
  content:"\f004";
  display:inline-block;
  font-family:mfg;
  font-size:0.7em;
  margin:0 0em; /*seb*/
}
/*
.top-nav .active-item a {background: #999;}

.aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited {
  background:none repeat scroll 0 0 #999;
  color:#fff;
} 
*/
  .submenu {
	 z-index:1000;
  }  


@media screen and (min-width:769px) {
  .aside-nav .count-number {
	 margin-left:-1.25em;	
	 float:right;	
  }
  .top-nav li:hover > ul {
	 display:block;
	 z-index:10;
  }  
.top-nav li:hover > ul ul {
    left:100%;
    margin:-2.5em 0;
    width:100%;
  } 
    .top-nav_bas li:hover > ul {
	 display:block;
	 z-index:10;
  }  
.top-nav_bas li:hover > ul ul {
    left:100%;
    margin:-2.5em 0;
    width:100%;
  } 
  

}


.nav-text {display:none;}
.nav-text_bas {display:none;}
/*
.aside-nav li li a, .aside-nav li li.active-item a, .aside-nav li li.aside-sub-submenu li a, 
.aside-nav > ul > li > a, .aside-nav > ul > li.active-item > a:link, .aside-nav > ul > li.active-item > a:visited, .aside-nav li > ul,
.top-nav .active-item a, .top-nav li a, .aside-nav li a, .top-nav li ul li a, .top-nav li a,.top-nav li a, .top-nav li ul li a, .top-nav li ul li ul li a {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
*/
.aside-nav ul {
  background:#e8e8e8; 
  padding:0;
}

.aside-nav li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav li a {
  display:block;
  padding:1.25em;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav > ul > li:last-child a {border-bottom:0 none;}
.aside-nav li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav li ul ul {
  border:0;
  background:#fff;
}
/*
.aside-nav ul ul a {padding:0.625em 1.25em;}
.aside-nav li a:link, .aside-nav li a:visited {color:#333;}
.aside-nav li li a:hover, .aside-nav li li.active-item > a, .aside-nav li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav > ul > li > a:hover {color:#fff;}
.aside-nav li li a:hover:before, .aside-nav li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family: "mfg";
  font-size:0.6em;
  margin:0 0.625em 0 -1.25em;
  width:0em; 
}
.aside-nav li li a:link, .aside-nav li li a:visited {background:none;}
.aside-nav .show-aside-ul, .aside-nav .active-aside-item  {
  display:block;  
  height:auto;
}


.nav-text {display:none;}
.nav-text_bas {display:none;}
.aside-nav_bas li li a, .aside-nav_bas li li.active-item a, .aside-nav_bas li li.aside-sub-submenu li a, 
.aside-nav_bas > ul > li > a, .aside-nav_bas > ul > li.active-item > a:link, .aside-nav_bas > ul > li.active-item > a:visited, .aside-nav_bas li > ul,
.top-nav_bas .active-item a, .top-nav_bas li a, .aside-nav_bas li a, .top-nav_bas li ul li a, .top-nav_bas li a,.top-nav_bas li a, .top-nav_bas li ul li a, .top-nav_bas li ul li ul li a {
  transition:background 0.20s linear 0s;
  -o-transition:background 0.20s linear 0s;
  -ms-transition:background 0.20s linear 0s;
  -moz-transition:background 0.20s linear 0s;
  -webkit-transition:background 0.20s linear 0s;
}
.aside-nav_bas ul {
  background:#e8e8e8; 
  padding:0;
}
.aside-nav_bas li {
  list-style:none outside none;
  cursor:pointer;
}
.aside-nav_bas li a {
  display:block;
  padding:1.25em;
  border-bottom:1px solid #d2d2d2; 
}
.aside-nav_bas > ul > li:last-child a {border-bottom:0 none;}
.aside-nav_bas li > ul {
  height:0;
  display:block;
  position:relative;
  background:#f4f4f4;
  border-left:solid 1px #f2f2f2;
  border-right:solid 1px #f2f2f2;
  overflow:hidden;
}
.aside-nav_bas li ul ul {
  border:0;
  background:#fff;
}
.aside-nav_bas ul ul a {padding:0.625em 1.25em;}
.aside-nav_bas li a:link, .aside-nav_bas li a:visited {color:#333;}
.aside-nav_bas li li a:hover, .aside-nav_bas li li.active-item > a, .aside-nav_bas li li.aside-sub-submenu li a:hover {
  color:#999;
  background:none;
}
.aside-nav_bas > ul > li > a:hover {color:#fff;}


*/
.aside-nav_bas li li a:hover:before, .aside-nav_bas li li.active-item a:before {
  content:"\f006";
  display:inline-block;
  font-family:"mfg";
  font-size:0.6em;
  margin:0 0.625em 0 -1.25em;
  width:0em; /*seb*/
}
.aside-nav_bas li li a:link, .aside-nav_bas li li a:visited {background:none;}
.aside-nav_bas .show-aside-ul, .aside-nav_bas .active-aside-item  {
  display:block;  
  height:auto;
}
.padding {
  display:list-item;
  list-style:none outside none;
  padding:10px;
}

.line {clear:left;}

.line .line {padding:0;}
.hide-l {display:none;}
.header {
  display:block;

  width:100%;


}



.s-1, .s-2,.s-five,.s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-9, .s-10, .s-11, .s-12, .m-1, .m-2, .m-five, .m-3, .m-4, .m-5, .m-6, .m-7, .m-8, .m-9, .m-10, .m-11, .m-12, .l-1, .l-2, .l-five, .l-3, .l-4, .l-5, .l-6, .l-7, .l-8, .l-9, .l-10, .l-11, .l-12 {
  float:left;
  position:relative;
}
.l-offset-1 {margin-left:8.3333%;}
.l-offset-2 {margin-left:16.6666%;}
.l-offset-five {margin-left:16.6666%;}
.l-offset-3 {margin-left:25%;}
.l-offset-4 {margin-left:33.3333%;}
.l-offset-5 {margin-left:41.6666%;}
.l-offset-6 {margin-left:50%;}
.l-offset-7 {margin-left:58.3333%;}
.l-offset-8 {margin-left:66.6666%;}
.l-offset-9 {margin-left:75%;}
.l-offset-10 {margin-left:83.3333%;}
.l-offset-11 {margin-left:91.6666%;}
.l-offset-12 {margin-left:100%;} 
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:16.6666%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%;}
.margin > .s-1,.margin > .s-2,.margin > .s-five,.margin > .s-3,.margin > .s-4,.margin > .s-5,.margin > .s-6,.margin > .s-7,.margin > .s-8,.margin > .s-9,.margin > .s-10,.margin > .s-11,.margin > .s-12,
.margin > .m-1,.margin > .m-2,.margin > .m-five,.margin > .m-3,.margin > .m-4,.margin > .m-5,.margin > .m-6,.margin > .m-7,.margin > .m-8,.margin > .m-9,.margin > .m-10,.margin > .m-11,.margin > .m-12,
.margin > .l-1,.margin > .l-2,.margin > .l-five,.margin > .l-3,.margin > .l-4,.margin > .l-5,.margin > .l-6,.margin > .l-7,.margin > .l-8,.margin > .l-9,.margin > .l-10,.margin > .l-11,.margin > .l-12 {}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%;}
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.right {float:right;} 



@media screen and (max-width:960px) {
	
	  .sect_back {background-attachment: scroll !important;}

.do_reseau a{ padding: 5px !important;}
.do_reseau a>img{max-height: 50px !important;}

#form_blog {
    padding: 10px;
}

.selectable>section{
  padding-right: 10px !important;
  padding-left: 10px !important;
}
.selectable>section>section{
  padding-right: 10px !important;
  padding-left: 10px !important;
}


.ed_iframe iframe {
  width:100%;

  /*height : calc(50vh/2) !important;*/
}



.size-960 {max-width:960px;}
.size-1140 {max-width:1140px;}
.hide-l {display:block;}
.hide-s {display:block;}
.hide-m {display:none;}
.linemenu  {max-height:30px;}
.top-nav  li{ width: 100% !important;}
.top-nav_bas  li{ width: 100% !important;}
nav {
  display:block;
  cursor:pointer;
  /*line-height:3em;*/
}
#footod_ded{display:none;}
#footod_pr{width:100%;text-align:center}
.top-nav > ul {
  height:0;
  max-width:100%;
  overflow:hidden;
  position:relative;
  z-index:999;
}
.top-nav > ul.show-menu {height:auto;}
.top-nav ul ul {
  left:0;
  margin-top:0;
  position:relative;
  right:0;
} 
.top-nav li ul li a {min-width:100%;}
.top-nav li {
  float:none;
  list-style:none outside none;
  padding:0;
}
.top-nav li a {
  border-top:1px solid #333;
  color:#fff;
  display:block;
  padding:0em; /*seb*/
  text-decoration:none;
}

.sm_menu > a {
    background: #FFF !important;
    color: #000 !important;
}

.top-nav li ul li a {border-top:1px solid #878787;}
.top-nav li ul li ul li a {border-top:1px solid #989898;}
.top-nav li a:hover {
  background:none repeat scroll 0 0 #8b8b8b;
  color:#fff;
}
.top-nav li ul,.top-nav li ul li ul {
  display:block;  
  overflow:hidden; 
  height:0;   
} 
.top-nav > ul ul.show-ul {
  display:block;
  height:auto;  
}

.top-nav li ul li ul li a {
  background:none repeat scroll 0 0 #d7d7d7;
  color:#222;
}

.top-nav_bas > ul {
  height:0;
  max-width:100%;
  overflow:hidden;
  position:relative;
  z-index:999;
}
.top-nav_bas > ul.show-menu {height:auto;}
.top-nav_bas ul ul {
  left:0;
  margin-top:0;
  position:relative;
  right:0;
} 
.top-nav_bas li ul li a {min-width:100%;}
.top-nav_bas li {
  float:none;
  list-style:none outside none;
  padding:0;
}
.top-nav_bas li a {
  border-top:1px solid #333;
  color:#fff;
  display:block;
  padding:0em; /*seb*/
  text-decoration:none;
}
.top-nav_bas li ul li a {border-top:1px solid #878787;}
.top-nav_bas li ul li ul li a {border-top:1px solid #989898;}
.top-nav_bas li a:hover {
  background:none repeat scroll 0 0 #8b8b8b;
  color:#fff;
}
.top-nav_bas li ul,.top-nav_bas li ul li ul {
  display:block;  
  overflow:hidden; 
  height:0;   
} 
.top-nav_bas > ul ul.show-ul {
  display:block;
  height:auto;  
}

.top-nav_bas li ul li ul li a {
  background:none repeat scroll 0 0 #d7d7d7;
  color:#222;
}
.nav-text {
  color:#fff;
  display:block;
  font-size:2em;

  max-width:100%;
  text-align:right;
  vertical-align:middle;
  
  /* RAJOUTER*/
font-weight:normal;
  padding: 0 0px 0 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: none;
border-radius: 0px;
position: relative;
}

.nav-text444:after {
  content:"\f008";
  font-family: "mfg";
  font-size:1.8em;
  margin-left:0.5em;
  text-align:right;

	position: relative;

/*float: right;*/
padding: 0 20px 0 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

background-image: none;
/*border: 1px solid #FFFFFF;
background: #000000;
      color: #FFF;*/
border-radius: 0px;
}


.nav-text_bas {
  color:#fff;
  display:block;
  font-size:2em;
  max-width:100%;
  text-align:right;
  vertical-align:middle;
  
    /* RAJOUTER*/
font-weight:normal;
  padding: 0 20px 0 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: none;
border-radius: 0px;
position: relative;
}


.nav-text_bas444:after {
  content:"\f008";
  font-family:"mfg";
  font-size:1.5em;
  margin-left:0.5em;
  text-align:right;

	position: relative;
/*float: right;*/
padding: 0 20px 0 0;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;

background-image: none;
/*border: 1px solid #FFFFFF;
background: #000000;
      color: #FFF;*/
border-radius: 0px;
}


section {
margin: 0px 0px !important;
width: 100% !important;
}

.l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12{margin-left:0;}
.m-offset-1 {margin-left:8.3333%;}
.m-offset-2 {margin-left:16.6666%;}
.m-offset-five {margin-left:16.6666%;}
.m-offset-3 {margin-left:25%;}
.m-offset-4 {margin-left:33.3333%;}
.m-offset-5 {margin-left:41.6666%;}
.m-offset-6 {margin-left:50%;}
.m-offset-7 {margin-left:58.3333%;}
.m-offset-8 {margin-left:66.6666%;}
.m-offset-9 {margin-left:75%;}
.m-offset-10 {margin-left:83.3333%;}
.m-offset-11 {margin-left:91.6666%;}
.m-offset-12 {margin-left:100%;} 
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:20%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100% !important;/*margin: 0px !important*/}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%}

#download_d2 {position: relative !important;margin-top: 50px;}
}
@media screen and (max-width:480px) {
.size-960 {max-width:480px;}
.size-1140 {max-width:480px;}
.hide-l {display:block;}
.hide-m {display:block;}
.hide-s {display:none;}
.count-number {margin-right:-1.25em;} 
.l-offset-1,.l-offset-2,.l-offset-five,.l-offset-3,.l-offset-4,.l-offset-5,.l-offset-6,.l-offset-7,.l-offset-8,.l-offset-9,.l-offset-10,.l-offset-11,.l-offset-12,
.m-offset-1,.m-offset-2,.m-offset-five,.m-offset-3,.m-offset-4,.m-offset-5,.m-offset-6,.m-offset-7,.m-offset-8,.m-offset-9,.m-offset-10,.m-offset-11,.m-offset-12 {margin-left:0;}
.s-offset-1 {margin-left:8.3333%;}
.s-offset-2 {margin-left:16.6666%;}
.s-offset-five {margin-left:16.6666%;}
.s-offset-3 {margin-left:25%;}
.s-offset-4 {margin-left:33.3333%;}
.s-offset-5 {margin-left:41.6666%;}
.s-offset-6 {margin-left:50%;}
.s-offset-7 {margin-left:58.3333%;}
.s-offset-8 {margin-left:66.6666%;}
.s-offset-9 {margin-left:75%;}
.s-offset-10 {margin-left:83.3333%;}
.s-offset-11 {margin-left:91.6666%;}
.s-offset-12 {margin-left:100%;} 
.l-1 {width:8.3333%;}
.l-2 {width:16.6666%;}
.l-five {width:20%;}
.l-3 {width:25%;}
.l-4 {width:33.3333%;}
.l-5 {width:41.6666%;}
.l-6 {width:50%;}
.l-7 {width:58.3333%;}
.l-8 {width:66.6666%;}
.l-9 {width:75%;}
.l-10 {width:83.3333%;}
.l-11 {width:91.6666%;}
.l-12 {width:100%;}
.m-1 {width:8.3333%;}
.m-2 {width:16.6666%;}
.m-five {width:20%;}
.m-3 {width:25%;}
.m-4 {width:33.3333%;}
.m-5 {width:41.6666%;}
.m-6 {width:50%;}
.m-7 {width:58.3333%;}
.m-8 {width:66.6666%;}
.m-9 {width:75%;}
.m-10 {width:83.3333%;}
.m-11 {width:91.6666%;}
.m-12 {width:100%}
.s-1 {width:8.3333%;}
.s-2 {width:16.6666%;}
.s-five {width:20%;}
.s-3 {width:25%;}
.s-4 {width:33.3333%;}
.s-5 {width:41.6666%;}
.s-6 {width:50%;}
.s-7 {width:58.3333%;}
.s-8 {width:66.6666%;}
.s-9 {width:75%;}
.s-10 {width:83.3333%;}
.s-11 {width:91.6666%;}
.s-12 {width:100%}


#footod_pt{display:block;}
#footod_all{display:none;}


}  
.center {
  float:none;
  margin:0 auto;
  display:block;
}


.alimg {
    /*display: inline-block;*/
    height: 100%;
    vertical-align: middle;
}

.backbanner {
   max-width: 100% !important;
}


.email_sp {display: none;  height: 0px; width: 0px;  }
#form_blog  {max-width:450px;  margin:auto;  }

.form-control-blog {
margin-top:5px;
margin-bottom:10px;
    display: block;
    width: 100%;
	max-width: 450px;
    height: 34px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #00000;
    background: #ffffff;
    background-image: none;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.form-control-comb {

    width: 100%;
    height: 30px;
    padding: 0px 0px 0px 0px;
    font-size: 15px;
    line-height: 1.42857143;
    color: #00000;
    background: #ffffff;
    background-image: none;
    border: 1px solid #a8a8a8;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control-comb option {
    padding: 0px 10px 5px 10px;
}

textarea.form-control-blog {
    height: auto;
}
.button_form {
    
    background: none repeat scroll 0 0 #8C8C8C;
    border: 0 none;
    color: #fff;
    height: 2.7em;
    padding: 0em; /*seb*/
    cursor: pointer;
    width: 100%;
	max-width: 200px;
	font-size:16px;
	margin-top:10px;margin-bottom:10px; margin-right:auto;margin-left:auto;
	border-radius: 5px;
border-bottom: 1px  solid #414141;
border-right: 1px  solid #414141;
	}

  .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background: transparent;
    border: 1px solid transparent;
    padding: 10px 5px;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: none;
    margin-top: 10px;
    margin-bottom: 10px;
    cursor: pointer !important;
}

  .btn_dark {
    color: #fff;
    background: #17191b;
    border-color: #FFF;
}


.btn_clear {
    color: #000;
    background: #FFF;
    border-color: #17191b;
}

.w100 {
width : 100% !important;
max-width : 100% !important;
}

.w80 {
width : 80% !important;
max-width : 80% !important;
}

.w50 {
width : 50% !important;
max-width : 50% !important;
}



#img-video {
      max-width:100%;

      height:auto;
position: absolute;
background-image: url(https://www.odexpo.com/images/video-play.png) ; background-repeat: no-repeat ; background-position: center center;background-size: 75px;

}	
#img-video img {
    max-height: 55px;
   margin-top: 100%;
   margin-left: 100%;

}	
#dark-footer{
height:40px;
background: #FFF;
opacity: 0.4;
color : #000;
font-size : 13px; 
font-family: Arial,sans-serif;
}	
#dark-footer a{
color : #000;
}

/*
 .fixed_bas {
    left: 0;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}	

.fixed_bas_50 {
    left: 0;
    position: fixed;
    right: 0;
    bottom: 0; 
    
    z-index: 6;
	
	  -moz-box-shadow: 0px 0px 10px 0px #343434;
-webkit-box-shadow: 0px 0px 10px 0px #343434;
-o-box-shadow: 0px 0px 8px 0px #343434;
box-shadow: 0px 0px 10px 0px #343434;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=10);
}
*/


/*
    nav.fixed_bas, .fixed_bas nav {
    padding: 1em 0;
  }
  
    nav.fixed_bas_50, .fixed_bas_50 nav {
    padding: 1em 0;
  }



#navfoot	{
position: absolute;
bottom: 0px;

    width: 100%;
    z-index: 10;
	    left: 0;
    position: fixed;
    right: 0;
    bottom: 20px;
  -moz-box-shadow: 0px 0px 10px 0px #343434;
-webkit-box-shadow: 0px 0px 10px 0px #343434;
-o-box-shadow: 0px 0px 10px 0px #343434;
box-shadow: 0px 0px 10px 0px #343434;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=10);
}

  .o_videoWrapper {
	position: relative;
	padding-bottom: 56.25%; 
	padding-top: 25px;
	height: 0;
}
.o_videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/
  /* ''''''''''''''''''''''''''''''''''''''''''''''''''''  TABLEAU RESPONSIVE   */
  /* init table : nothing special here */
#odexmytable {
	border-collapse: inherit; /*collapse;*/
	width: auto;
	height:auto !important;
}
@media (max-width: 800px) {
	

	
	/* table + tbody are blocks */
	#odexmytable, #odexmytable tbody {
		display: block;
		width: 100%;
		text-align: left !important;
	}
	/* each row becomes table */
	#odexmytable tr {
		display: table;
		margin-top: 10px;
		width: 100%;
		border-spacing: 5px 0;
		text-align: left !important;
	}
	/* each cell becomes a row (of the row that had become a table)  */
	#odexmytable tr td {
		display: table-row;
		width: 100%;
		text-align: left ; /* !important;*/
	}


#odexmytable img {

  height:auto !important;
  max-width: 100% !important;
  width: auto !important;
  }

}
  /* '''''''''''''''''''''''''''''''''''''''''''''''''''''  FIN TABLEAU RESPONSIVE   */
  
  .o_tabempty{
		min-height: 800px;
	}
	  .o_tabempty  td{
		min-height: 800px;
	}
  
 #gotoTop {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background: #333;
	background: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 30px;
	bottom: 50px;
	cursor: pointer;
	border-radius: 2px;
} 
body:not(.device-touch) #gotoTop {
	transition: background .2s linear;
	-webkit-transition: background .2s linear;
	-o-transition: background .2s linear;
}

.stretched #gotoTop { bottom: 30px; }

#gotoTop:hover { background: #f49c1f; }
.icon-angle-up:before {
font-family: 'mfg';
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
	/* content: "\f005";*/
}
.icon-angle-up.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.icon-angle-up.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}  
  
  
#scroll {
	display: none;
	z-index: 299;
	position: fixed;
	width: 40px;
	height: 40px;
	background: #333;
	background: rgba(0,0,0,0.3);
	font-size: 20px;
	line-height: 36px;
	text-align: center;
	color: #FFF;
	top: auto;
	left: auto;
	right: 5px;
	bottom: 30px;
	cursor: pointer;
	border-radius: 2px;
}
#scroll span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:8px solid transparent;
    border-bottom-color:#ffffff;
}
#scroll:hover {
    background:#f49c1f;
    opacity:1;filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}  

select { outline: none;} 
 option { outline: none;} 
 
 select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
 :focus {outline:none;} 
 ::-moz-focus-inner {border:0;} 
 select {
  color: #000;
  /*color: rgba(0,0,0,0);
  text-shadow: 0 0 0 #000;*/
}
@-moz-document url-prefix() { ::-moz-focus-inner {border: none} select:-moz-focusring { color: transparent; text-shadow: 0px 0px 0px #000; } }
 


 label.comb-select {
    position: relative;
    display: inline-block;

}

    .comb-select select {
        display: inline-block;
           outline:none;
        line-height: 1.2;    
        margin: 0;
    } 
  



.hamburger {
  padding: 0px 0px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: transparent;
  border: 0;
  margin: 0;
  overflow: visible; 
  padding-right: 10px;
    margin-left: -10px;}
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background: #000; }

.hamburger-box {
  width: 35px;
  height: 4px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  box-shadow: 0px 0px 1px 1px #f5f3f3; /*#f5f3f37a;*/
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 35px;
    height: 2px;
    background: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -7px; }
  .hamburger-inner::after {
    bottom: -14px; }




.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    box-shadow: 0px 0px 1px 1px #f5f3f3;
    top: -14px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    box-shadow: 0px 0px 1px 1px #f5f3f3;
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.nav-text::after {background: #FFF;}
.nav-text::before {background: initial;}


.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

@media screen and (max-width:1200px) {
.gal_row100{max-width: 60% !important;}
}
@media screen and (max-width:480px) {
.gal_row100{max-width: 100% !important;}
}