.search-dropbtn {
    background-color: #fff;
    color:#000;
    box-shadow: none;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.search-dropbtn:hover, .search-dropbtn:focus {
  background-color: #fff;
  color:#ff5e14;
  box-shadow: none;
}

.search-dropdown {
  position: relative;
  display: inline-block;
}

.search-dropdown-content {
  display: none;
  position: absolute;
  border:10px solid #ccc;
  left:-150%;
  background-color: #ff5e14;
  min-width: 700%;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

@media (max-width: 900px){
    .search-dropdown-content {
      display: none;
      position: absolute;
      border:10px solid #ccc;
      left:-280%;
      background-color: #ff5e14;
      min-width: 400%;
      overflow: auto;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
}
.search-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.search-dropdown a:hover {background-color: #ddd;}

.show {display: block;}
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.row {
    display:flex;
    min-width:100%;
}
.col {
	display: block;
	float:left;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.w98{
    width:98%;
}
/*  GRID OF 14  */

.span_14_of_14 {
  	width: 100%;
}

.span_13_of_14 {
  	width: 92.85%;
}

.span_12_of_14 {
  	width: 85.71%;
}

.span_11_of_14 {
  	width: 78.57%;
}

.span_10_of_14 {
  	width: 71.42%;
}

.span_9_of_14 {
  	width: 64.28%;
}
.span_8_of_14 {
	width: 57.14%;
}

.span_7_of_14 {
  	width: 50%;
}

.span_6_of_14 {
  	width: 42.85%;
}

.span_5_of_14 {
  	width: 35.71%;
}

.span_4_of_14 {
  	width: 28.57%;
}

.span_3_of_14 {
  	width: 21.42%;
}

.span_2_of_14 {
  	width: 14.28%;
}

.span_1_of_14 {
  	width: 7.14%;
}

/*  GRID OF TEN  */

.span_10_of_10 {
  	width: 100%;
}

.span_9_of_10 {
  	width: 90%;
}
.span_8_of_10 {
	width: 80%;
}

.span_7_of_10 {
  	width: 70%;
}

.span_6_of_10 {
  	width: 60%;
}

.span_5_of_10 {
  	width: 50%;
}

.span_4_of_10 {
  	width: 40%;
}

.span_3_of_10 {
  	width: 30%;
}

.span_2_of_10 {
  	width: 20%;
}

.span_1_of_10 {
  	width: 10%;
}
/*  GRID OF EIGHT  */
.span_8_of_8 {
	width: 100%;
}

.span_7_of_8 {
  	width: 87.5%;
}

.span_6_of_8 {
  	width: 75%;
}

.span_5_of_8 {
  	width: 62.5%;
}

.span_4_of_8 {
  	width: 50%;
}

.span_3_of_8 {
  	width: 37.5%;
}

.span_2_of_8 {
  	width: 25%;
}

.span_1_of_8 {
  	width: 12.5%;
}
/*  GRID OF SIX  */

.span_6_of_6 {
  	width: 100%;
}

.span_5_of_6 {
  	width: 83.3%;
}

.span_4_of_6 {
  	width: 66.6%;
}

.span_3_of_6 {
  	width: 50%;
}

.span_2_of_6 {
  	width: 33%;
}

.span_1_of_6 {
  	width: 16.6%;
}

/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col {  margin: 1% 0 1% 0%; }
	.span_1_of_8, .span_2_of_8, .span_3_of_8, .span_4_of_8, .span_5_of_8, .span_6_of_8, .span_7_of_8, .span_8_of_8,.span_1_of_6, .span_2_of_6, .span_3_of_6, .span_4_of_6, .span_5_of_6, .span_6_of_6, .span_1_of_10, .span_2_of_10 ,.span_3_of_10, .span_4_of_10, .span_5_of_10, .span_6_of_10, .span_7_of_10, .span_8_of_10, .span_9_of_10, .span_10_of_10 { 
	    width: 100%;
	}
}


#breadcrumb{
    height:1.5em;
    background-color:rgb(153,153,153);
    margin-left:20px;
    font-size:1.2em;
}
#breadcrumb li{
    display:inline;
    padding:0 5px;
    color:#FFF;
}
#breadcrumb li + li:before{
  content:  '>';
  margin:   0 5px;
}
#breadcrumb a{
    text-decoration:none;
    color:#FFF;
}
#breadcrumb .bcHere{
    background-color:#FF6600;
}

/* ***************************      Debut Menu      *************************** */

.menuHaut,
.menuBas {
  font-family: 'Oswald', sans-serif;
}

.menuHaut {
  font-size: 1rem;
}

.menuHaut,
.menuHaut ul,
.colNav,
.colNav a,
.menuBas,
.menuBas ul,
.menuBas li,
.menuBas li a {
  margin: 0px; /* pas de marges exterieures */
  padding: 0px; /* pas de marges interieures */
}


.menuHaut ul,
.menuBas ul /* Positionnement d'un element du menu */ {
  position: relative;
}

.colNav,
.rowNav,
.menuBas li /* Element du menu */ {
  float: left; /* pour creer un menu horizontal... */
  list-style: none; /* on enleve les puces de chaque element du menu */
}

.navWrapper /* Element du menu */ {
    border-top: .2em solid #999;
    border-bottom: .2em solid #999;
    background: #FF6600;
}


.menuBas li {
    padding: 0 10px;
    border-right: .1em dotted #ff6600;
}

@media (min-width:700px){
    .colNav,
    .colNav a {
      height: 76px; /* on definit une hauteur pour chaque element du menu*/
    }
}

.menuBas li,
.menuBas li a {
    height: 21px;
}

.colNav a,
.menuBas li a {
  display: block; /* pour afficher l'integralite de chaque element du menu */
  font-weight: bold;
  text-align: center; /* on centre le contenu/texte de chaque element du menu */
  text-decoration:  none; /* pour supprimer le soulignage du texte/lien de chaque element du menu */
  cursor: pointer; /* on modifie la forme du curseur lorsque celui-ci survole le contenu d'un element du menu */
}

.colNav a /* Contenu d'un element du menu */ {
  line-height: 36px; /* pour centrer en hauteur le contenu/texte de chaque element du menu */
  text-transform: uppercase;
  color: #ff6600; /* on definit la couleur du texte de chaque element du menu : "Orange" */
}

.menuBas li a {
    line-height: 21px;
    color: #999;
}

.colNav {
    background: #FF6600;
}

.colNav:hover {
    background: #FFF;
}

.colNavHere {
    background: #CCCCCC;
}

.colNav a {
    color: white;
}
.colNav a:hover,
.colNav .active a {
    color: #000;
}

.menuHaut ul, .menuBas ul, #ajaxmenu li:hover ul ul, #ajaxmenu li:hover li:hover ul ul /* Conditions CSS a l'aide de la pseudo-classe :hover... (pour masquer automatiquement le(s) sous-menu(s) */ {
    display:none;
}

.colNav:hover ul, .menuBas li:hover ul, #ajaxmenu li:hover li:hover ul, #ajaxmenu li:hover li:hover li:hover ul /* Conditions CSS a l'aide de la pseudo-classe :hover... (pour faire apparaitre le(s) sous-menu(s) lorsque l'on survole avec la souris l'element precedent) */ {
    display:block;
}

.menutHaut .last,
.menuBas .last {
    border-right: none;
}

/* ***************************      Fin Menu      *************************** */
@media (min-width: 800px) {
    .megaMenuWrapperWidth{
        min-width: 750px
        
    }
}
.nopadd{
    padding:0;
}
.nopadd input[type="text"]{
    padding:0;
}