/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js
*/
/***********************Alpol********************/
body, html {
 overflow-x: hidden !important;
}
@media screen and (max-width: 1006px) {
#logosl,#slslideslogan {
	display:none!important;
}
}
/***********ba form color liens****/
.text-content-wrapper a{
color: red!important;
}
.text-content-wrapper a:hover{
color: #c79f31!important;
}
/*******************************/
#layerslider_3 {
z-index: 0!important;
}
@media screen and (max-width: 1325px) {
#bamenu {
  display: none!important;
}
}
#bamenu {
  position: relative;
  margin-top: -38px;
  text-align: center;
  animation: bamenu linear 4s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: bamenu linear 4s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: bamenu linear 4s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: bamenu linear 4s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: bamenu linear 4s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes bamenu{
  0% {
    transform:  translate(0px,27px)  ;
	filter: blur(10px);
  }
  100% {
    transform:  translate(-1px,0px)  ;
	filter: blur(0px);
  }
}

@-moz-keyframes bamenu{
  0% {
    -moz-transform:  translate(0px,27px)  ;
	filter: blur(10px);
  }
  100% {
    -moz-transform:  translate(-1px,0px)  ;
	filter: blur(0px);
  }
}

@-webkit-keyframes bamenu {
  0% {
    -webkit-transform:  translate(0px,27px)  ;
	filter: blur(10px);
  }
  100% {
    -webkit-transform:  translate(-1px,0px)  ;
	filter: blur(0px);
  }
}

@-o-keyframes bamenu {
  0% {
    -o-transform:  translate(0px,27px)  ;
	filter: blur(10px);
  }
  100% {
    -o-transform:  translate(-1px,0px)  ;
	filter: blur(0px);
  }
}

@-ms-keyframes bamenu {
  0% {
    -ms-transform:  translate(0px,27px)  ;
	filter: blur(10px);
  }
  100% {
    -ms-transform:  translate(-1px,0px)  ;
	filter: blur(0px);
  }
}
/*****************************************************/
@media screen and (max-width: 1300px) {
#dididevis {
  display: none!important;
}
}
.container-sidebar-left, .container-sidebar-right {
padding-right: 0px;
padding-left: 5px;			
}
.reveal-effect > * {
  position: initial!important;
}
.mobilemenuck-item a img {
  width: 25px;
  margin-top: 7px;
  filter: brightness(0) invert(1);
}
.item-image{
  /* adjust the below to control the 3D effect */
   --x:2.5px;
  --y:5px;
  clip-path:polygon(
       var(--y)              var(--y),
       calc(100% - var(--y)) var(--y),
       calc(100% - var(--y)) calc(100% - var(--y)),
       var(--y)              calc(100% - var(--y)),
       0 calc(100% - var(--x) - var(--y)),
       0 calc(var(--x) + var(--y)));
  transform:perspective(1000px) rotateY(40deg);
  outline: var(--y) solid rgba(0,0,0,0.4);
  outline-offset: calc(-1*var(--y));
  transition:1s all;
  transition-duration: 2s;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  max-width:280px;
  display:block;
  margin:auto!important;
  margin-bottom:10px!important;
  width: 100% !important;

}

.item-image:hover {
 transform:perspective(1000px) rotateY(0deg);
  clip-path:polygon(
       var(--y)              var(--y),
       calc(100% - var(--y)) var(--y),
       calc(100% - var(--y)) calc(100% - var(--y)),
       var(--y)              calc(100% - var(--y)),
       var(--y)  calc(100% - var(--x) - var(--y)),
       var(--y)  calc(var(--x) + var(--y))
    );
		transition-duration: 2s;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);

}
@media screen and (max-width: 880px) {
.item-image {
  margin-bottom:20px!important;
}
}
/* the below is irrelevant to the 3D effect */
.box3d {
  cursor: pointer;
}
.ajaxsearch_153 {
  width: 80% !important;
}
.container {
  margin-right: auto!important;
  margin-left: auto!important;
  padding-right: 15px!important;
  padding-left: 15px!important;
  float: left!important;
}
.dj-up_a:hover {
  color: #ffffff!important;
}
.cis_popup_wrapper {
  z-index: 999999!important;
}
.cis_main_overlay {
  z-index: 99999!important;
}
#moafterbox {
  margin-bottom: 8px;
  margin-top: 8px;
  margin-left: 3px;
  margin-right: 3px;
}
.ba-form-submit-wrapper[class*="animation"] .ba-form-submit-btn {
   color: #FFF;
}
body h3 {
  background-color: #fff0 !important;
}
#paraxfoo {
 margin-top: 8px;
}
div#maximenuck173, #maximenuck173 {
  margin-top: 171px;
 }
.conafter .card {
  margin-top: 8px;
  margin-bottom: 8px;
}
.mobilemenuck-logo {
  text-align: center !important;
}
#mod-lgx-logoslider163 {
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
width: 100%;
height: 100%;
}
.mobilemenuck-itemwrap {
    animation: jfmenu ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: jfmenu ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: jfmenu ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: jfmenu ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: jfmenu ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}
@keyframes jfmenu{
  0% {
    opacity:0;
    transform:  translate(0px,55px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes jfmenu{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,55px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes jfmenu {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,55px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes jfmenu {
  0% {
    opacity:0;
    -o-transform:  translate(0px,55px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes jfmenu {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,55px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
    -webkit-animation-name: bou; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 0.4s; /* Chrome, Safari, Opera */
    -webkit-animation-delay: 0.4s; /* Chrome, Safari, Opera */
    animation-name: bou;
    animation-duration: 0.4s;
    animation-delay: 0.4s;
}
 @keyframes bou {
    0%   {right:-10px; }

    100% {right:8px; filter: blur(2px);
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);}
}
.mobilemenuck-logo {
  margin: 0 7px -5px 0;
  animation: jfmenuimg ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: jfmenuimg ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: jfmenuimg ease 1s;
    animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: jfmenuimg ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: jfmenuimg ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}
@keyframes jfmenuimg{
  0% {
    opacity:0;
    transform:  scaleX(1.00) ;
  }
  50% {
    opacity:0.8056576301155383;
    transform:  scaleX(0.00) ;
  }
  100% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    transform:  scaleX(1.00) ;
  }
}

@-moz-keyframes jfmenuimg{
  0% {
    opacity:0;
    -moz-transform:  scaleX(1.00) ;
  }
  50% {
    opacity:0.8056576301155383;
    -moz-transform:  scaleX(0.00) ;
  }
  100% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -moz-transform:  scaleX(1.00) ;
  }
}

@-webkit-keyframes jfmenuimg {
  0% {
    opacity:0;
    -webkit-transform:  scaleX(1.00) ;
  }
  50% {
    opacity:0.8056576301155383;
    -webkit-transform:  scaleX(0.00) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -webkit-transform:  scaleX(1.00) ;
  }
}

@-o-keyframes jfmenuimg {
  0% {
    opacity:0;
    -o-transform:  scaleX(1.00) ;
  }
  50% {
    opacity:0.8056576301155383;
    -o-transform:  scaleX(0.00) ;
  }
  100% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -o-transform:  scaleX(1.00) ;
  }
}

@-ms-keyframes jfmenuimg {
  0% {
    opacity:0;
    -ms-transform:  scaleX(1.00) ;
  }
  50% {
    opacity:0.8056576301155383;
    -ms-transform:  scaleX(0.00) ;
  }
  100% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
  100% {
    opacity:1;
    -ms-transform:  scaleX(1.00) ;
  }
}
#moby{
    margin-top: 0px;
	display: none;
	margin-left: auto;
	margin-right: auto;
	width: 100%;

}
.dj-megamenu-wrapper{
   margin-top: -8px;
}
#cherchy{
}
#cherchy {
  margin-top: 15px;
  float: left;
  width: 100%;
}
	
}
.com-content-article__body{
    margin-left: 5px!important;
	margin-right: 5px!important;
	margin-bottom: 16px;
}
.com-content-article__body{
    margin-left: 5px!important;
	margin-right: 5px!important;
	margin-bottom: 16px;
}
.artrow{
    width: 100%;
}
.circles{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
	z-index: -1;
}

.circles li{
    position: absolute;
    display: block;
    list-style: none;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.2);
    animation: animatecir 25s linear infinite;
    bottom: -150px;
    
}

.circles li:nth-child(1){
    left: 25%;
    width: 80px;
    height: 80px;
    animation-delay: 0s;
}


.circles li:nth-child(2){
    left: 10%;
    width: 20px;
    height: 20px;
    animation-delay: 2s;
    animation-duration: 12s;
}

.circles li:nth-child(3){
    left: 70%;
    width: 20px;
    height: 20px;
    animation-delay: 4s;
}

.circles li:nth-child(4){
    left: 40%;
    width: 60px;
    height: 60px;
    animation-delay: 0s;
    animation-duration: 18s;
}

.circles li:nth-child(5){
    left: 65%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}

.circles li:nth-child(6){
    left: 75%;
    width: 110px;
    height: 110px;
    animation-delay: 3s;
}

.circles li:nth-child(7){
    left: 35%;
    width: 150px;
    height: 150px;
    animation-delay: 7s;
}

.circles li:nth-child(8){
    left: 50%;
    width: 25px;
    height: 25px;
    animation-delay: 15s;
    animation-duration: 45s;
}

.circles li:nth-child(9){
    left: 20%;
    width: 15px;
    height: 15px;
    animation-delay: 2s;
    animation-duration: 35s;
}

.circles li:nth-child(10){
    left: 85%;
    width: 150px;
    height: 150px;
    animation-delay: 0s;
    animation-duration: 11s;
}



@keyframes animatecir {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}
.gkHighlighterWrapperSub {
  margin-right: 50px;
}
.col-sm-art10 {
  margin-right: 15px!important;
  margin-left: 15px!important;
  margin-top: 12px;
}
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }


.mouse_scroll {
	display: block;
	margin: 0 auto;
	width: 24px;
	height: 100px;
	opacity: 0.7;
	margin-bottom: -4px;
}


.m_scroll_arrows
{
  display: block;
  width: 5px;
  height: 5px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
border-left: 2px solid #CCC;
border-top: 2px solid #CCC;
margin: 0 0 3px 7px;
  
  width: 10px;
  height: 10px;
}


.unu
{
  margin-top: 6px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite;
  
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
  
  animation-direction: alternate;
  animation-delay: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .2s;
  animation-direction: alternate;
  
  margin-top: -6px;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
  
  animation-delay: .3s;
  animation-direction: alternate;
  
  
  margin-top: -6px;
}

.mouse {
  height: 42px;
  width: 24px;
  border-radius: 14px;
  transform: none;
border: 2px solid #cdcdcd;
top: 170px;
transition: all 1.4s ease;
}
.mouse:hover {
  background: #D2D2D2!important;
  transition: all 1.4s ease;

}
#mosy:hover {
transform: rotate(360deg);
transition: all 1.4s ease;
}
.scrolly {
transform: rotate(360deg)!important;
transition: all 1.4s ease;
}
#mosy {
transform: rotate(180deg);
transition: all 1.4s ease;

}
.wheel {
  height: 5px;
  width: 2px;
  display: block;
  margin: 5px auto;
  background: white;
  position: relative;
  
  height: 4px;
  width: 4px;
  border: 2px solid #fff;
  -webkit-border-radius: 8px;
          border-radius: 8px;
}

.wheel {
  -webkit-animation: mouse-wheel 0.6s linear infinite;
  -moz-animation: mouse-wheel 0.6s linear infinite;
  animation: mouse-wheel 0.6s linear infinite;
}

@-webkit-keyframes mouse-wheel{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-moz-keyframes mouse-wheel {
  0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@-o-keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}
@keyframes mouse-wheel {

   0% { top: 1px; }
  25% { top: 2px; }
  50% { top: 3px;}
  75% { top: 2px;}
  100% { top: 1px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
#logoxcontainer {
  margin-top: -15px !important;
}
textarea, .contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
  background-color: white;
}
/*ul { color: red !important }*/


a:active, a:hover, a:focus {
  color: #606060;
}
.g-invisible-recaptcha.g-recaptcha {
  z-index: 100;
  position: relative;
}
.contact h2 {
display: none;
} 
.flagi {
	margin-right: 1px;
	display: inline-block;
	vertical-align: baseline;
}

.btn-default {
border: solid 1px #ddd;
border-radius: 0px;
/*color: white !important;*/
}
.btn-art {
  background-color: #ffffff59 !important;
  margin-bottom: 9px!important;
  height: 24px !important;
}
/*style page*/
html .ls-container, body .ls-container, #ls-global .ls-container {
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
#slog {
   float: left !important;
margin-top: -17px;
color: #ffffff;
font-size: 12px;
transition-duration: 0.8s;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
}
/*Important sur mobile pour éviter les debordements droit*/
@media screen and (max-width: 780px) {
#slog{
    display:none;
    }
}
.cc a:link, a:visited {
  color: #000000;
}
.pure-form .pure-group input, .pure-form .pure-group textarea {
  color: #000000;
}
/***********************************************************/
#adresse .gkHighlighterGK5 {
    position: relative !important;
    float: left!important;
    margin-top: 15px;
	
}
@media screen and (max-width: 300px){
#baanim {
    display: none;
}
.dj-megamenu-wrapper{
	margin-top: 0px;}
}

#moafter2{
       background-color: #49648c;
	   margin-bottom:8px;
	   color: #ffffff;
}
.containerart {
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}
.textlol {
  font-weight: 100;
  font-size: 14px;
  color: #ffffff;
}
h6, .h6 {
    padding-top: 15px;
	padding-left: 15px;
  	font-size: 30px;
}
.dud {
  color: #ffffff;
}
/*-------------abs solution menu---------------------------------------*/
#bottom2 .moduletable {
   
}
.selectBtn {
  z-index: 900;
}
.customricoco {
  margin-bottom: 65px;
}
#gkHighlighterGK5-0 .gkHighlighterInterface {
     margin-left: 1px;
}
#top2 {
    margin-bottom: -32px;
margin-top: -8px;
}
.uk-scope .uk-slideshow {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
	margin-bottom: 15px;
  
}
.uk-scope {
  background: #f7f7f7;
}
#skilo {
      /*margin-left: 3px;*/
	  background-color: #121212;
 
}
.uk-scope .uk-switcher > * > :last-child {
    color: #000;
}
.moduletable_js, .moduletable {
    margin-bottom: 0px;
	margin-left: 0px;
    
}
.contact {
    margin-bottom: 40px;
    
}
.off-menu_162 .sm-logo img{
  animation: menukas ease-out 1s;
  animation-iteration-count: 3;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: menukas ease-out 1s;
  -webkit-animation-iteration-count: 3;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: menukas ease-out 1s;
  -moz-animation-iteration-count: 3;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: menukas ease-out 1s;
  -o-animation-iteration-count: 3;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: menukas ease-out 1s;
  -ms-animation-iteration-count: 3;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
  -webkit-animation: flotte 2s ease-in-out infinite;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    -moz-animation: flotte 2s ease-in-out infinite;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: 1s;
    -o-animation: flotte 2s ease-in-out infinite;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: 1s;
    animation: flotte 2s ease-in-out infinite;
    animation-fill-mode: forwards;
    animation-delay: 1s;
}
@-webkit-keyframes flotte {
	0%   {/*! -webkit-transform:translateY(0px) */}
	50%  {/*! -webkit-transform:translateY(-8px) */}
	100% {/*! -webkit-transform:translateY(0px) */}
}
@-moz-keyframes flotte {
	0%   {/*! -moz-transform:translateY(0px) */}
	50%  {/*! -moz-transform:translateY(-8px) */}
	100% {/*! -moz-transform:translateY(0px) */}
}
@-o-keyframes flotte {
	0%   {-o-transform:translateY(0px)}
	50%  {-o-transform:translateY(-8px)}
	100% {-o-transform:translateY(0px)}
}
@keyframes flotte {
	0%   {/*! transform:translateY(0px) */}
	50%  {transform:translateY(-8px);}
	100% {transform:translateY(0px)}
}
@keyframes menukas{
  0% {
    transform:  scaleX(-1.00) ;
  }
  100% {
    transform:  scaleX(1.00) ;
  }
}

@-moz-keyframes menukas{
  0% {
    -moz-transform:  scaleX(-1.00) ;
  }
  100% {
    -moz-transform:  scaleX(1.00) ;
  }
}

@-webkit-keyframes menukas {
  0% {
    -webkit-transform:  scaleX(-1.00) ;
  }
  100% {
    -webkit-transform:  scaleX(1.00) ;
  }
}

@-o-keyframes menukas {
  0% {
    -o-transform:  scaleX(-1.00) ;
  }
  100% {
    -o-transform:  scaleX(1.00) ;
  }
}

@-ms-keyframes menukas {
  0% {
    -ms-transform:  scaleX(-1.00) ;
  }
  100% {
    -ms-transform:  scaleX(1.00) ;
  }
}
/*----------------------------------------------------*/
select {


	
}
.logout {
    margin-top: 11px;
  }
#moafter {
    width: 100%;
	margin-right: auto;
margin-left: auto;
position: relative;
}
#stickers7 {
    text-align: center;
	
  }
#mobefore .ot_logo_scroller_wrapper {
margin-top: 5px;

  }
.profile-edit {
    margin-top: 11px;
  }
.chzn-container .chzn-drop {
    z-index: 110;
  }
#ckvos{
  animation: vos linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: vos linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: vos linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: vos linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: vos linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  
  
}

@keyframes vos{
  0% {
    transform:  translate(0px,-14px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes vos{
  0% {
    -moz-transform:  translate(0px,-14px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes vos {
  0% {
    -webkit-transform:  translate(0px,-14px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes vos {
  0% {
    -o-transform:  translate(0px,-14px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes vos {
  0% {
    -ms-transform:  translate(0px,-14px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  } 
  .col-sm-10 {
  width: 100%!important;
}
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}
}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}
#appel{
width: 113px;
height: 26px;
margin-left: -30px;
margin-top: -2px;
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Fil n°" counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}


h2{
	margin: 0px 0 20px;
	padding: 5px 10px 7px;
	font-family: "Oswald", sans-serif;color:#ffffff;
	font-size:15px;
		background-color: #101010; 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
background-position-y: 15px;	
	
}


/* *****************************************************************************************************************************************************
********************************************************************************************************************************************************
																		AGORA
********************************************************************************************************************************************************
****************************************************************************************************************************************************** */
     
		
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, button {outline: none !important;}

html {
	position: relative;
	min-height: 100%;
	/*background: url(../img/lback.jpg);
    background-repeat: repeat;*/

}
.jf_mm_trigger {
      margin-right: 40px;
}
body{
	font-family: "Roboto", sans-serif;
	background-color:#ffffff;
	color: #696969;
	width: 100%;
	/* Idem footer height */

}

/* ==========================================================================
   Menu
   ========================================================================== */

/*#sur-menu{
  animation: mailmenu linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: mailmenu linear 0.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: mailmenu linear 0.2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: mailmenu linear 0.2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: mailmenu linear 0.2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes mailmenu{
  0% {
    transform:  translate(0px,-25px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes mailmenu{
  0% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes mailmenu {
  0% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes mailmenu {
  0% {
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes mailmenu {
  0% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
} */  
#menu-spacer{
min-height: 115px;
}
#sur-menu{
z-index: 9;
position: fixed;
transition: background-color 400ms linear;
width: 100%;
height: 40px;
/*border-bottom: #030304 1px solid;*/
font-size: 0.9em;

}

#sur-menu.scrolled {
transition: background-color 400ms linear;
}
#wrapperx.scrolled  {
filter: brightness(0) invert(1);
}
#petitba{
margin-top:-10px;

}

#sur-menu a, #sur-menu a:visited {color: #eee;}
#sur-menu a:hover, #sur-menu a:focus {
	color: #fff; 
	/*text-shadow: 0 0 1px #fff; */
	text-decoration:none;
}

#sur-menu #searchform{ margin-top: 15px; 
 margin-right: 45px;}
#sur-menu .form-control{
	height: 24px;
	padding: 4px 9px;
	font-size: 1em;
	color: #eee;
	background: #666;
}
#menubighaut{
	margin-top: -10px;
}
#sur-menu .btn{
	height: 24px;
	margin-top: -8px;
	padding: 2px 6px;
	font-size: 1em;
	color: #333;
	background: transparent;
	border: #222 0px solid;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#sur-menu .btn:hover{
	color: #000;
	background: #eee;
	border: #222 1px solid;
}

#menu-spacer {min-height:115px;background-color: #999;} /* menu+ombre Permet de conserver la hauteur de l'élément quand menu se fixe */

@media screen and (min-width: 1200px) {
	.fixe-menu{ position: fixed !important; left: 0; top: 0;}/* classe pour fixer menu (grands écrans) */
}

#menu-haut { /* inclut menu et ombre */
margin-top: 40px;
transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;
position: fixed;
width: 100%;
z-index: 8;
transition: background-color 400ms linear;

}
#menu-haut.scrolled {
transition: background-color 400ms linear;

}
#large { /* module large mi page*/
margin-top: 20px;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;


}
#menu-haut .navbar {
	z-index: 100;
    height: 75px;
   transition: background-color 400ms linear;
    border-bottom: #ffffff91 1px solid;
    border-radius: 0;
    margin-bottom: 0;
	
}

.navbar-brand{  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/}
  @keyframes animationFrames{
  0% {
    transform:  translate(-1500px,0px)  ;
  }
  60% {
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.navbar-brand{
  padding: 7px 12px 0;
  width: 100% !important;
  float: left;}
.navbar-brand-logo{ margin: -4px 20px 0 0;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;}
.navbar-brand-logo:hover{ margin: -4px 20px 0 15px ;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s; filter: blur(2px);
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
}
.navbar-brand-name{ margin: 7px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.4em; color:#010181;}
.navbar-brand-name span{ font-size:0.6em; color:#ad1b18}

.navbar-nav{
	margin-top:1px;
}
.login{
	margin-top:11px;
}
.navbar-nav > li > a{
	color:#ccc;
	font-family: "Oswald", sans-serif;
	text-align:center;
	text-transform: uppercase;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{ background-color:transparent; color:#fff; text-shadow: 0 0 1px #fff;}
.navbar-nav > .active > a{ color:#ed8;}

.navbar-toggle{ margin: 20px 20px 0 0; border-width: 2px; border-color: #ed8;}
.navbar-toggle:hover{ border-color: #fff;}
.icon-bar{ background:#ed8;}
.navbar-toggle:hover .icon-bar { background:#fff;}

/* ==========================================================================
   En-tête
   ========================================================================== */

#entete {
	width:100%;
	margin: -47px 0 0;
	box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	background: #c0c0c0;
	background: -moz-linear-gradient(top,  #c0c0c0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #c0c0c0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 );
}
.slidervig{
	border:#dff 5px solid !important;
    box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -moz-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -webkit-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
	border-radius: 5px !important;
}

/* ==========================================================================
   Contenu
   ========================================================================== */

.contenu-haut, .contenu-bas{
	width: 100%;
	margin-top: 80px;
	background: #555;
	height: 75px;
	border-top: #777 2px solid;
	border-bottom: #222 2px solid;
}
.contenu-bas{ margin: 0 0 300px;}

.contenu{
	width: 100%;
	padding: 30px 0 40px;
	background: #c0c0c0;
	background: -moz-linear-gradient(top,  #c0c0c0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #c0c0c0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 );
	color: #333;
	border-top: #ddd 2px solid;
	border-bottom: #555 2px solid;
}
.contenu p{	text-align:justify;}

.contenu img, .img365, video{

	width: none;
	margin: 20px auto;
	
}
#videohtml5{
	border-top: 2px solid #ffffff;
	/*margin-left: 2px; original*/
	margin-left: 0px; 
	margin-top: 65px;
	display:none;
	
}
#toffooter{

	/*border-top: 2px solid #777777;*/
	margin-left: -2px;
	width:101%;
}

#aikon_paralax_117{

	border-top: 1px solid #000000;
	
}

.img365{max-width: 365px !important;}
.contenu img.references{
	width:inherit;
	margin: 10px;
	border: none;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}

/*.cartouche{
	width: 100%;
	margin: 140px 0 0;
	padding: 40px 0 40px;
	box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	background: #222222;
	background: -moz-linear-gradient(45deg,  #222222 0%, #9999aa 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#222222), color-stop(100%,#9999aa));
	background: -webkit-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -o-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -ms-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: linear-gradient(45deg,  #222222 0%,#9999aa 100%);
}*/

.cartouche{
	width: 90%;
	margin:30px auto 60px;
	padding:14px;
	text-align:center;
	border-radius:8px;
	background-color:#b94;
	color:#fff;
	font-size:25px;
}

.social{ margin: 16px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.6em; color:#ed8;}
.social a, .social a:visited{ color: #fff; padding-left: 14px; font-size:1.1em;}
.social a:hover, .social a:focus{ color: #ed8; text-shadow: 0 0 1px #ed8; text-decoration:none;}

.form-control:focus{
	border-color:#ed8;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6)
}

.slogan{
	margin:30px 4px 40px;
	padding: 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
}
.slogan h3{
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-size:1.6em;
	text-transform: uppercase;
	color:#000;
	margin:-6px 0 4px;
	border-bottom: none;
}
.slogan p{ text-align:center !important; color:#222;}
.slogan-icone{ text-align:center; font-size:60px;}

#map_canvas{
	width:100%;
	height:600px;
	/*border-top: #aaa 1px solid;
	border-bottom: #333 1px solid;*/
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	z-index:7;
	position: relative!important;
	bottom: 0;
	width: 100%;
	display: flex;
	/*font-family: "Oswald", sans-serif;*/
	font-size: 1em;
	color: #ffffff;
	/* Idem body */
background: #191919;
border-top: #8d888b 1px solid;
/*height: 100px;*/

	
	/*box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);*/
}
.footer a, .footer a:visited {color: #ffffff;}
.footer a:hover, .footer a:focus {color: #fff;text-decoration:none;}

#infos_footer{
	padding: 9px;
	font-size: .9em;
	color:#ffffff;
	text-align:center;
	background: #191919;

}

#fl-haut{
background: transparent url("../img/arow.gif") no-repeat;

	text-shadow: 0px 0px 3px #333;
	cursor: pointer;
	vertical-align: middle;
	padding: 3px 30px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#fl-haut:hover{
	background: transparent url("../img/hover.gif") no-repeat;

	text-shadow: 0px 0px 3px #333;
	cursor: pointer;
	vertical-align: middle;
	padding: 3px 30px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}

/* ==========================================================================
   Divers
   ========================================================================== */

.align-left{ text-align:left !important;}
.align-right{ text-align:right !important;}
.align-center{ text-align:center !important;}

.pad-left6{ padding-left:6px;}
.pad-right6{ padding-right:6px;}
.pad-left30{ padding-left:30px;}
.pad-right30{ padding-right:30px;}

.bleu{ color:#08c;}
.rouge{ color:#a00;}

.alert-info{ background-color:#ffd; border-color:#ed8; color:#333;}

.btn-primary{   
  background: #449d44;
  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px !important;
  text-decoration: none;
  line-height: 0.75rem;

}
.btn-primary:hover, .btn-primary:focus{ 
background: #cccccc;

  text-decoration: none;}

.pagination > li > a{ color:#600;}
.pagination > li > a:hover, .pagination > li > a:focus{ color:#a00;}

.nob{ border:none !important; box-shadow:none !important; width: auto !important;}

/* Ombre du menu */
.ombre {
	/*background: transparent url(../img/ombre.png) no-repeat center top;*/
	background-clip:border-box;
	top: 0;
	width: 100%;
	height:0px;
}

/* Fenêtre modale */
.modal-content{background-color:#800;}
.modal-header{border-bottom:none;}
.modal-title{color:#dc9;}
.modal-content h5{color:#a96;}
.modal-body {
	overflow:auto;
	height: 500px;
	background-color:#fff;
}
.modal-footer{border-top:none;}

.btn-custom {
	font-weight:bold;
	background-color: hsl(0, 81%, 33%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e82626", endColorstr="#980f0f");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e82626), to(#980f0f));
	background-image: -moz-linear-gradient(top, #e82626, #980f0f);
	background-image: -ms-linear-gradient(top, #e82626, #980f0f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e82626), color-stop(100%, #980f0f));
	background-image: -webkit-linear-gradient(top, #e82626, #980f0f);
	background-image: -o-linear-gradient(top, #e82626, #980f0f);
	background-image: linear-gradient(#e82626, #980f0f);
	border-color: #980f0f #980f0f hsl(0, 81%, 28%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
}

/* Bouton retour vers le haut */
#btn-haut {
	display: none;
	position: fixed;
	z-index:1500;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
	font-size:30px;
	color:#aaa;
	-webkit-transition:all 500ms ease-out, background-color 500ms ease-out;
	-moz-transition:all 500ms ease-out, background-color 500ms ease-out;
	-o-transition:all 500ms ease-out, background-color 500ms ease-out;
	transition:all 500ms ease-out, background-color 500ms ease-out;
}
#btn-haut:hover{
	color:#dc6;
	text-shadow: 0px 0px 3px #ed8;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media screen and (max-width: 1230px){
.rightplus.card {
    display: none!important;
}
}
@media screen and (max-width: 1199px){
	.navbar-nav > li > a{padding: 15px 10px; font-size:.9em;}
	#infos_footer{font-size:.8em;
	}
	#footer-inner, #footer {
    display: none;
  
}

#infos_footer{display:none;}
.footer {
    border-top: #888 3px solid;
	position: absolute; 
}
.col-sm-10 {
       margin-top: 18px;
}
}
@media screen and (max-width: 1199px) {
	
	#videohtml5{
	visibility:hidden;
	display: none;
}
	#toffooter{
	visibility:hidden;
	display: none;
}
}
@media screen and (max-width: 1172px) {
	
.artcenter {
	display: none!important;
	
}
.aikon-parallax-outer-container {
	display: none!important;
	
}
}
@media screen and (max-width: 1100px) {

#moafter.moduletable_js, .moduletable {
      width: 100%;
    margin: auto;
}
body h1 {
     margin-top: 5px;
}
.wrapper {
    height: 2000px;
}
#main {
   
   /* padding-bottom: 65px;*/
  
}
}

@media screen and (min-width: 1600px) {
	
	#videohtml5{
	visibility:hidden;
	display: none;
}
	#toffooter{
	visibility:hidden;
	display: none;
}
}
@media screen and (max-width: 991px){
	#map_canvas{
		width:80%;
		height:400px;
		margin: 0 auto;
		border-left: #999 2px solid;
		border-right: #bbb 2px solid;
	}
	.navbar-nav > li > a{padding: 15px 8px; font-size:.8em;}
	.cartouche{width:100%; padding:10px; font-size:20px;}

}
@media screen and (max-width: 986px){
	
	#main {
    margin-top: 0px;
margin-left: auto;
margin-right: auto;
}
body:not(.has-sidebar-right) .site-grid .container-component {
}
.jsn-uniform .form-actions .btn-toolbar .btn {
  font-size: 1.5em;
}
.jsn-master {
  margin-bottom: 30px;
}
	#skilo {
    display: none;
}
#bacos1{
       display: none;
}
#moafter{
       display: none;
}
#moafter2{
       display: none;
}
.moduletable_js, .moduletable {

	transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;
float: left;
}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.navbar-brand{width: 140px;}
	.navbar-brand-name{ display:none;}
	#infos_footer{font-size:.7em;}
#sur-menu #searchform {
       margin-right: 45px;
}
img.pull-center {
    margin-left: auto;
    margin-right: auto; 
	width: 45%;
}
	
}

@media screen and (max-width: 767px){
	h1{ margin: 22px 0 0 0; font-size:1.6em;}

	.navbar-nav{background:#666; padding: 5px 0 10px;}
	.navbar-nav > li{ text-align:center;}
	.navbar-nav > li > a{font-size:1em; padding: 10px 0;}
	#infos_footer{display:none;}
	/*.footer{padding-top:40px;}*/
	.footer {font-size: 14px;}
	#sur-menu #searchform{ visibility: hidden}
	
	.img-fulltext-right {
    float: none !important;
   margin-left: auto;
margin-right: auto;
width: 10em;
}
.img-fulltext-left {
 float: none;
 margin-left: auto;
margin-right: auto;
width: 100%;
   
} 
.pull-left {
 
width: 5em;
height:100%;
   
} 
#main {
/*padding-bottom: 65px;*/
}
#fl-haut{
display: none;

}
.thumb {position: relative;
width:5em;
height:100%;
}
}
@media screen and (max-width: 420px){
article, div, p, li
{
    text-align:initial !important;
}
#back-top{
display: none;
}
.gkHighlighterWrapperSub {
  margin-right: 5px;
}
}
@media screen and (max-width: 400px){
.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}#menu-haut{display:none;visibility:hidden}
	.img-fulltext-right {
    float: none !important;
   margin-left: auto;
margin-right: auto;
width: 10em;
}
.img-fulltext-left {
 float: none;
 margin-left: auto;
margin-right: auto;
width: 100%;
   
} 
body .jf_mm_trigger.jf_mm_rtl {
    left: auto;
    right: -30px;
    margin-top: 3px;
}
.img-intro-left {
	float: none;
	margin-right: 10px;
	margin-bottom: 10px;
}



.img-intro-right {
	float: none;
	margin-left: 10px;
	margin-bottom: 10px;
}
 
 #baanim {
	margin-top: 0px;
	transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;	
}

#main {

 
    /*padding-bottom: 65px;*/


}
 
#menu-haut{margin-top:0px;-webkit-box-shadow:none;box-shadow:none; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;}
#menu-haut{display:block!important;padding-bottom:0;overflow:visible!important;visibility:visible!important;/*background-color: #9b9b9b;*/}
#sur-menu{
  display: none;

}
}
@media screen and (max-width: 450px){
	h1 span{display:none}
	/*.navbar-brand{width: 350px;}*/
	.navbar-brand-name{ display:none;}
	.contenu p{text-align:left;}

}

@media screen and (max-width: 1205px){
	#ckmenuago {
   
  display:none;visibility:hidden
  
}
#menubighaut{
	display:none;visibility:hidden
}
}
@media screen and (max-width: 1120px){
.img-fulltext-left {
 float: none;
 margin-left: auto;
margin-right: auto;
width: 30%;
   
} 
}
@media screen and (max-width: 1100px){
#moafter {
    /*margin: auto;*/
}
}
@media screen and (max-width: 1190px){
#moafter {
    /*margin: auto;*/
}
}
@media screen and (max-width: 1296px){
	#ckvos {
  display:none;
  visibility:hidden;
  
}
#baanim {
  margin-bottom: 7px;
}
}
@media screen and (max-width: 599px){
#contentarea,
/*  Hauteur texte central***********************************************************************************/
#contentarea2 {
    position: relative;
    overflow: hidden;
    padding: 10px 3px !important;
    margin: 0;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1px;
	

}
.securlogo2 {
    float: left !important;
}

.textlol {
  float: left;
  margin-top: 12px;
  width: 100%;
}
}
@media screen and (max-width: 880px){
[data-id="mobilemenuck-1"] .mobilemenuck-bar-button {
  padding-top: 15px;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);

}	
#menu-haut {
  margin-top: 0px;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
} 
 .navbar-brand-logo2	{
display:none;visibility:hidden
}
#sur-menu	{
display:none;visibility:hidden;
}
#menu-spacer {
  min-height: 74px;

}
#layerslider_1 {
  margin-top: -74px !important;
  transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
  transition-duration: 0.4s;
}
#top2 {
    margin-bottom: 0px;
margin-top: 0px;
}
	.footer {
 /*height:70px;
    margin-bottom: -55px;*/
}
#right {
  	float: left;
    width: 98%;
    margin: 10px 0 10px 0%;
    padding: 0 0 5px 0;
    position: relative;
}
#petitba {
  	/*display:none;visibility:hidden   pas pour gwada*/
}
.left1 {
    padding: 0;
    float: none;
    margin: 10px 3% 10px 0;
    width: 98%;
    position: relative;
}
.left {
    padding: 0;
    float: none;
	margin: 10px 3% 10px 0;
    position: relative;

    width: 98%;}
	
#wrapper {
    width: 98%;
    float: left;
    position: relative;
}
#wrapper2 {
    width: 98%;

}
.custom {
   margin-right: auto;
	margin-left: auto;
	/*width: 20em;*/
}
.moduletable_js, .moduletable {
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 0.4s;
    margin-left: auto;
    margin-right: auto;
    width: 20em;
}
#moafter.moduletable_js, .moduletable {
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 0.4s;
	width: 100%;
	float: left;
margin-left: auto;
margin-right: auto;
}
#menu-haut .navbar {
  border-bottom: none;

}
.left.item-image {
  float: none;
  text-align: center;
  width: 100%;
}	
}
@media screen and (max-width: 395px){

body h2{
/*padding: 16px 20px;
font-size: 1.2em;*/

}
}

@media only screen and (max-width: 4382px) { 
.navbar-brand-logo	{
		/*width:150%;*/
}
.navbar-brand-logo2	{
		width:178px;
		height:69px;
	
	}

#jumpmenu{
display:none;visibility:hidden
}
}
/* Layer slider offjlan */
@media screen and (max-width: 926px){
#effectsl{
display: none !important;
}
}
@media screen and (max-width: 608px){
#logosl, #plombi{
display: none !important;
}
}
/*------------Fin slider offjlan-------*/
@media screen and (max-width: 600px){
#ckvos{
display:none;visibility:hidden
}
#moby{
display:inline;visibility:visible;
}
	article {
  
    margin-top: 20px;
}
}
@media only screen and (max-width: 1025px) { 
.navbar-brand-logo2	{
		margin-left: -25px
	
	}
	
#wrapper2 {
   width: 100%;
z-index: 100;
margin-top: 5px;
margin-left: auto;
margin-right: auto;
}
.shownocolumns {
  width: 100% !important;
}
.left1 {
    padding: 0;
    float: none;
   margin-left:auto;
   margin-right:auto;
   width: 50%;
    position: relative;
	margin-top: 10px;
}

.flickity-enabled.is-draggable .flickity-viewport {
    display: none;
}
}
@media only screen and (max-width: 1054px) { 
.navbar-brand-logo2	{
		margin-left: -25px
	
	}
#all {
    
	/*width:93%;*/
  
}

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

#bacos1 {
	/*display:none;*/
	
}
#all {
    margin-bottom: 0px;
}
	}

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoonb061.eot?-vjkvr7');
	src:url('../fonts/icomoond41d.eot?#iefix-vjkvr7') format('embedded-opentype'),
		url('../fonts/icomoonb061.woff?-vjkvr7') format('woff'),
		url('../fonts/icomoonb061.ttf?-vjkvr7') format('truetype'),
		url('../fonts/icomoonb061.svg?-vjkvr7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#icon-arrow-circle-up{
	

	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter-square:before {
	content: "\f081";
}
.icon-facebook-square:before {
	content: "\f082";
}
.icon-cogs:before {
	content: "\f085";
}
.icon-arrow-circle-up:before {
	content: "\f0aa";
}
.icon-google-plus-square:before {
	content: "\f0d4";
}
.icon-puzzle-piece:before {
	content: "\f12e";
}
.icon-rocket:before {
	content: "\f135";
}
.icon-envelope-square:before {
	content: "\f199";
}
.icon-line-chart:before {
	content: "\f201";
}
@keyframes slidecineright {
  0%{
    transform: translateX(800px) rotateY(-30deg) scale(0);filter: blur(10px);
    transform-origin: -100% 50%;filter: blur(10px);
    opacity: 0;
  }
  100%{
    transform: translateX(0) rotateY(0) scale(1);filter: blur(0px);
    transform-origin: -1800px 50%;filter: blur(0px);
    opacity: 1;
  }
}
@keyframes slidecineright2 {
  0%{
    transform: translateX(1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 0% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100%{
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes slidecinema3 {
  0%{
    transform: translateX(-800px) rotateY(30deg) scale(0);filter: blur(10px);
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100%{
    transform: translateX(0) rotateY(0) scale(1);filter: blur(0px);
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes cinema5 {
  0%{
    letter-spacing: 1em;
    filter: blur(12px);
    opacity: 0;
  }
  100%{
    filter: blur(0);
    opacity: 1;
  }
}

@keyframes slidecine4 {
  0%{
    transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 100% 50%;
    filter: blur(40px);
    opacity: 0;
  }
  100%{
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes welcome {
  0%{
    filter: blur(12px);
  }
  100%{
    filter: blur(0px) opacity(0%);
  }
}
@keyframes textflickerglow {
  0%{
    opacity: 0;
  }
  10%{
    opacity: 0;
    text-shadow: none;
  }
  11%{
    opacity: 1;
    text-shadow: none;
  }
  12%{
    opacity: 0;
    text-shadow: none;
  }
  20%{
    opacity: 0;
    text-shadow: none;
  }
  21%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.25);
  }
  22%{
    opacity: 0;
    text-shadow: none;
  }
  30%{
    opacity: 0;
    text-shadow: none;
  }
  31%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
  }
  32%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
  }
  33%{
    opacity: 0;
    text-shadow: none;
  }
  45%{
    opacity: 0;
    text-shadow: none;
  }
  46%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
  }
  55%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.45),0 0 60px rgba(255,255,255,.25);
  }
  56%{
    opacity: 0;
    text-shadow: none;
  }
  57%{
    opacity: 0;
    text-shadow: none;
  }
  58%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35);
  }
  60%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35);
  }
  61%{
    opacity: 0;
    text-shadow: none;
  }
  65%{
    opacity: 0;
    text-shadow: none;
  }
  66%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1);
  }
  75%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.35),0 0 100px rgba(255,255,255,.1);
  }
  76%{
    opacity: 0;
    text-shadow: none;
  }
  77%{
    opacity: 0;
    text-shadow: none;
  }
  78%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
  }
  85%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.55),0 0 60px rgba(255,255,255,.4),0 0 110px rgba(255,255,255,.2),0 0 100px rgba(255,255,255,.1);
  }
  86%{
    opacity: 0;
    text-shadow: none;
  }
  87%{
    opacity: 0;
    text-shadow: none;
  }
  88%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
  }
  100%{
    opacity: 1;
    text-shadow: 0 0 30px rgba(255,255,255,.6),0 0 60px rgba(255,255,255,.45),0 0 110px rgba(255,255,255,.25),0 0 100px rgba(255,255,255,.1);
  }
}

@keyframes focusinexpand {
  0%{
    letter-spacing: -.5em;
    filter: blur(12px);
    opacity: 0;
  }
  100%{
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes textfocusin {
  0%{
    filter: blur(12px);
    opacity: 0;
  }
  100%{
    filter: blur(0);
    opacity: 1;
  }
}
@keyframes textshadowmulticolor2 {
  0%{
    text-shadow: 0 0 black,,0 0 red, 0 0 orange,0 0 yellow,0 0 green,0 0 skyblue,0 0 blue,0 0 white;
    transform: translateX(0) translateY(0);
  }
  100%{
    text-shadow: -1px -1px black,-3px -3px red,-5px -5px orange,-7px -7px yellow,-9px -9px green,-11px -11px skyblue,-13px -13px blue,-15px -15px white;
    transform: translateX(8px) translateY(8px);
  }
}


@keyframes slideellipticrightfwd {
  0%{
    transform: translateX(800px) rotateY(-30deg) scale(0);
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100%{
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: -1800px 50%;
    opacity: 1;
  }
}
@keyframes slideellipticleft {
  0%{
    transform: translateX(-800px) rotateY(30deg) scale(0);
    transform-origin: -100% 50%;
    opacity: 0;
  }
  100%{
    transform: translateX(0) rotateY(0) scale(1);
    transform-origin: 1800px 50%;
    opacity: 1;
  }
}
@keyframes slideinright {
  0%{
    transform: translateX(1000px);
    opacity: 0;
  }
  100%{
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideinleft {
  0%{
    transform: translateX(-1000px);
    opacity: 0;
  }
  100%{
    transform: translateX(0);
    opacity: 1;
  }
}
/* Sarah Connor****************************************************************************************/
.terminator{
  animation: terminator ease-in-out 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: terminator ease-in-out 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: terminator ease-in-out 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: terminator ease-in-out 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: terminator ease-in-out 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes terminator{
  0% {
    transform:  translate(83px,0px)  scaleX(0.66) scaleY(0.60) ;filter:blur(5px)
  }
  100% {
    transform:  translate(1px,0px)  scaleX(1.00) scaleY(1.00) ;filter:blur(5px)
  }
}

@-moz-keyframes terminator{
  0% {
    -moz-transform:  translate(83px,0px)  scaleX(0.66) scaleY(0.60) ;
  }
  100% {
    -moz-transform:  translate(1px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes terminator {
  0% {
    -webkit-transform:  translate(83px,0px)  scaleX(0.66) scaleY(0.60) ;
  }
  100% {
    -webkit-transform:  translate(1px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes terminator {
  0% {
    -o-transform:  translate(83px,0px)  scaleX(0.66) scaleY(0.60) ;
  }
  100% {
    -o-transform:  translate(1px,0px)  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes terminator {
  0% {
    -ms-transform:  translate(83px,0px)  scaleX(0.66) scaleY(0.60) ;filter:blur(0px)
  }
  100% {
    -ms-transform:  translate(1px,0px)  scaleX(1.00) scaleY(1.00) ;filter:blur(0px)
  }
}