@charset "UTF-8";
.navicon-button {
  display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-bottom:10px;
  
  -webkit-transition: all 0.25s, background-color 0s, margin-top 0s;
  -moz-transition: all 0.25s, background-color 0s, margin-top 0s;
  -ms-transition: all 0.25s, background-color 0s, margin-top 0s;
  -o-transition: all 0.25s, background-color 0s, margin-top 0s;
  transition: all 0.25s, background-color 0s, margin-top 0s;
  
  cursor: pointer;
  user-select: none;
  opacity: 1;
}
.navicon-button .navicon:before, .navicon-button .navicon:after {
  -webkit-transition: top 0.25s, background-color 0s;
  -moz-transition: top 0.25s, background-color 0s;
  -ms-transition: top 0.25s, background-color 0s;
  -o-transition: top 0.25s, background-color 0s;
  transition: top 0.25s, background-color 0s;
}
.navicon-button:hover {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  opacity: 1;
}
.navicon-button:hover .navicon:before, .navicon-button:hover .navicon:after {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

@media(hover:hover){
    .navicon-button:hover .navicon:before {
      top: 15px;
    }
    .navicon-button:hover .navicon:after {
      top: -15px;
    }
}

.navicon_text,.navicon_text_fermeture{
  position: relative;
  float:left;
  margin-right:12px;
  margin-top:-14px;
  line-height:34px;
  font-size:13px;
  font-weight:normal;
  vertical-align:middle;
}

.navicon_text{
	color:#000002;
}

.navicon_noir .navicon_text{
	color:#000002/*couleur2*/;
}

.navicon_text_fermeture{
  display:none;
  color:#000002;
}

.navicon {/*barre centrale*/
  position: relative;
  float:left;
  width: 40px;
  height: 3px;
  background: #000002;
  -webkit-transition: all 0.5s, background-color 0s;
  -moz-transition: all 0.5s, background-color 0s;
  -ms-transition: all 0.5s, background-color 0s;
  -o-transition: all 0.5s, background-color 0s;
  transition: all 0.5s, background-color 0s;
}
.navicon:before, .navicon:after {/*autre barre*/
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  background:inherit;
  position: absolute;
  /*z-index: -1;*/
  -webkit-transition: all 0.5s, background-color 0s;
  -moz-transition: all 0.5s, background-color 0s;
  -ms-transition: all 0.5s, background-color 0s;
  -o-transition: all 0.5s, background-color 0s;
  transition: all 0.5s, background-color 0s;
}
/*
.navicon:before {
	width:20px;
	right:0px;
}
*/
.navicon_noir .navicon {/*barre centrale*/
  background-color: #000001;
}
.navicon_noir .navicon:before, .navicon_noir .navicon:after {/*autre barre*/
  background-color: inherit;
}

.navicon_noir .navicon_text,.navicon_noir .navicon_text_fermeture {/*autre barre*/
  -webkit-text-shadow:none;
  -moz-text-shadow:none;
  -ms-text-shadow:none;
  -o-text-shadow:none;
  text-shadow:none;	
}

.navicon:before {
  top: 12px;
}
.navicon:after {
  top: -12px;
}

.open:not(.steps) .navicon:before,
.open:not(.steps) .navicon:after {
  top: 0 !important;
}

.open .navicon:before,
.open .navicon:after {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.open .navicon_text{
	display:none;
}

.open .navicon_text_fermeture{
	display:block;
}

/* Minus */
.open .navicon {
  /*transform: scale(0.75);*/
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

@media(hover:hover){
    #menu_icone:hover .open .navicon,.navicon_conteneur:hover .open .navicon,.open .navicon:hover{
        /*
      -webkit-transform: scale(1.3);
      -moz-transform: scale(1.3);
      -ms-transform: scale(1.3);
      -o-transform: scale(1.3);
      transform: scale(1.3);
        */
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
      -o-transform: rotate(90deg);
      transform: rotate(90deg);
    }
}

/* Arrows */
.open.larr .navicon:before, .open.larr .navicon:after,
.open.rarr .navicon:before,
.open.rarr .navicon:after,
.open.uarr .navicon:before,
.open.uarr .navicon:after {
  width: 1.5rem;
}
.open.larr .navicon:before,
.open.rarr .navicon:before,
.open.uarr .navicon:before {
  -webkit-transform: rotate(35deg);
  -moz-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
  transform: rotate(35deg);
  
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.open.larr .navicon:after,
.open.rarr .navicon:after,
.open.uarr .navicon:after {
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
  transform: rotate(-35deg);
  
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  transform-origin: left bottom;
}

.open.uarr {
  -webkit-transform: scale(0.75) rotate(90deg);
  -moz-transform: scale(0.75) rotate(90deg);
  -ms-transform: scale(0.75) rotate(90deg);
  -o-transform: scale(0.75) rotate(90deg);
  transform: scale(0.75) rotate(90deg);
}

/* Arrows */
.open.rarr .navicon:before {
  -webkit-transform: translate3d(1em, 0, 0) rotate(-35deg);
  -moz-transform: translate3d(1em, 0, 0) rotate(-35deg);
  -ms-transform: translate3d(1em, 0, 0) rotate(-35deg);
  -o-transform: translate3d(1em, 0, 0) rotate(-35deg);
  transform: translate3d(1em, 0, 0) rotate(-35deg);
  
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.open.rarr .navicon:after {
  -webkit-transform: translate3d(1em, 0, 0) rotate(35deg);
  -moz-transform: translate3d(1em, 0, 0) rotate(35deg);
  -ms-transform: translate3d(1em, 0, 0) rotate(35deg);
  -o-transform: translate3d(1em, 0, 0) rotate(35deg);
  transform: translate3d(1em, 0, 0) rotate(35deg);
  
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
}

/* × and + */
body .open.plus .navicon,
body .open.x .navicon{
  background: transparent!important;
}
.open.plus .navicon:before,
.open.x .navicon:before {
	width:40px;/*la barre prend la même taille que l'autre pour former une croix régulière*/
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #000002!important;
}
.open.plus .navicon:after,
.open.x .navicon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #000002!important;
}

.open_color.plus .navicon,
.open_color.x .navicon {
  background: transparent!important;
}
.open_color.plus .navicon:before,
.open_color.x .navicon:before {
  background: #000002!important;
}
.open_color.plus .navicon:after,
.open_color.x .navicon:after {
	
  background: #000002!important;
}




.open_blanc.plus .navicon:before,
.open_blanc.x .navicon:before {
	width:40px;/*spécial pour le site brief 2019 (barre inférieur plus courte)*/
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #FFF!important;
}
.open_blanc.plus .navicon:after,
.open_blanc.x .navicon:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #FFF!important;
}



.open.plus {
  -webkit-transform: scale(0.75) rotate(45deg);
  -moz-transform: scale(0.75) rotate(45deg);
  -ms-transform: scale(0.75) rotate(45deg);
  -o-transform: scale(0.75) rotate(45deg);
  transform: scale(0.75) rotate(45deg);
}


/*
@media (min-width: 1900px){
	.navicon {
	  width: 35px;
	  height: 4px;
	}
	.navicon:before, .navicon:after {
	  width: 35px;
	  height: 4px;
	}
	
	.navicon:before {
	  top: .700rem;
	}
	.navicon:after {
	  top: -.700rem;
	}
	
	.navicon-button:hover .navicon:before {
	  top: .860rem;
	}
	.navicon-button:hover .navicon:after {
	  top: -.860rem;
	}
}
*/