/* html, body { */
html, body{
  font-size: 14px;
  /* width:100%; */
  font-family: Verdana, Helvetica, Arial, sans-serif;
  color: #333;
  /* width: 100%; */
  /* height: 100%;  */
  /* opacity: 0.5; */
  min-width: 550px;
  background: transparent;
}

.html2 { 
	  margin:0; 
	  padding:0; 
	  /* background: url("../images/saisons/IMG_6082_2.jpg") no-repeat center center fixed;   */
	  /* background: url("../images/IMG_0358.jpg") no-repeat center center fixed;   */
	  /* background: url("../images/IMG_1882.jpg") no-repeat center center fixed;   */
	  background: url("../images/IMG_1887.jpg") no-repeat center center fixed;  
	  -webkit-background-size: cover; 
	  -moz-background-size: cover; 
	  -o-background-size: cover; 
	  background-size: cover; 
}
.opacite{
	opacity: 0.75;
}	
	
/* html {
	  margin:0;
	  padding:0;
	  background: url("../images/saisons/Automne.jpg") no-repeat center center fixed; 
	  background-size: cover; 
} */


.foo {
	height: 0;
	padding: 0; /* remove any pre-existing padding, just in case */
	padding-bottom: 75%; /* for a 4:3 aspect ratio */
	background-image: url("../images/saisons/IMG_6082_2.jpg");
	background-position: center center;
	background-size: 100%;
	background-repeat: no-repeat;
}
	
img#bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; 
	background-size: cover;
	/* background-position: no-repeat center center fixed; */
}

img#bg3{
	position: absolute;
	top: 0;
	left: 0;
	height: : 100%;
	max-width: 100%;
	width: : auto;
	background-size: cover;
	height:0;
	padding: 0;
	padding-bottom: 75%; /* for a 4:3 aspect ratio */
}

#bg2{
	position: fixed;
	top: -50%;
	left: -50%;
	width: 100%;
	height: 100%;	
}
#bg2 img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	min-width: 50%;
	min-height: 50%;
}

.zindex00{
	z-index:5000;
}
.zindex100{
	z-index:5500;
}
.audessus{
	position:absolute;
	left: 2%; /* 43%; */
	top:150px;
	/* z-index:9; */
	font-size:40px;
	background-color: #cccccc;
	width:96%;
	/*background: transparent;*/
	opacity:0.7;
	/* color:red; */
	padding:20px;
	text-align: center;
}

.imgDallas{
	width:100%;
	height:150px;
}
.imgDallas2{
	width:6%;

}

/* .hero-image {
	background-image: url("../images/ferrieres4.jpg");
	background-color: #cccccc;
	height: 800px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	top:0px;
} */
	
	
h1 {
  font-size: 26px; /* 2.5em; */
  text-align: justify;
}
.texteombre{
	text-shadow: 0px 0px 9px #777;
}
.texteombre2{
	text-shadow: 0px 0px 2px #777;
}
.texteombre0{
	text-shadow: none;
	font-style: normal;
	font-weight: normal;
}
a{
  font-family: Verdana, Helvetica, Arial, sans-serif;	
	cursor:  pointer;
}
.ul {
  content: "\f20a";
  display:none;
}
li, .FontVerdana{
  font-family: Verdana, Helvetica, Arial, sans-serif;	
}
li:hover ul.dropdown-menu{
  display:block;
}

.troispoints{
	table-layout: fixed;
	width: 80%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.btonbloc{
	display:block;
	text-decoration: none;
	color:black;
}
.audessus{
	z-index: 50000;
}
.topfr{
	position: relative;
	top:50px;
	left:auto;
}
.top20{
	position: absolute;
	top:-30px;
}
.topheure{
	position: relative;
	top:-0px;
	left:10px;
	display: block;
}
.toplogin{
	position: relative;
	top:-14px;
}
.fixe{
	position: fixed;
	top:200px;
	width:100%;
	height: 100px;
}
.fixemessage{
	position: absolute;
	top:-38px;	
	/* left: 20%; */
	/* width: 60%; */
	text-align: center;
	z-index: 5000;
	display: block;
	background-color: #aaa;
	/* border: #aaa solid 1px; */
}
.fixebas{
	position: fixed;
	bottom:20px;
}
.fixehaut{
	position: fixed;
	top:112px;
	/* text-align: right; */
}
.ip{
	position: fixed;
	top:17px;
	left:20px;
	z-index: 3000;
	font-size: 10px;
	color: white;
}
.flechegche{
	position: relative;
	left:-10px;
}
.titre{
	position: relative;
	top:-10px;
	color: white;
}
.c123{
	color:#988;
	font-style: italic;
}
.situation{
	width:1120px;
}
.cssAG{
	width:80%;
}
.imgoff{
	background-image:url("images/imgoff.png");
}
.photoP1{
	width: 100%;
	height: 400px;
	max-height: 400px;
} 
.top-10bd{
	position: relative;
	top:-60px;
	left:-100px;
}
.top-10{
	position: relative;
	top:-65px;
//	left:200px;
}
.gchemoins{
	position: relative;
	left:-190px; // 80px;
}
.gche{
	position: relative;
	left:150px; // 80px;
}
.gcheS{
	position: relative;
	left:-100px; // 80px;
}
.tophaut{
	position: relative;
	top:50px; // 50px;
}
.tophaut20{
	position: relative;
	top:20px; //20px;
}
.tophaut15{
	position: relative;
	top:8px; //20px;
}
.tophaut8{
	position: relative;
	top:5px; //20px;
}
.tophaut10{
	position: relative;
	top:5px;
	line-height: 8px;	
}
.tophaut10b{
	position: relative;
	top:35px;
	line-height: 8px;	
}

.topimagemenu{
	position: relative;
	top:-25px;
}
.topimagemenu1{
	position: relative;
	top:-25px;
	height: 1px;
}

.hrligne{
	position: relative;
	line-height: 8px;	
}
.topimagemenu2{
	position: relative;
	top:-45px;
}
.retrait{
	position: relative;
	left: 60px;
}
.retraitcard{
	position: relative;
	left: 10%;
	width:90%;
	/* max-height: 100px; */
}
.retraitMoins{
	left: -16px;
}
.retraitAnnee{
	position: relative;
	top: -40px;
	left: 2%; 
}
.retraitAnneeDroite, .retraitAnneeDroite2{
	position: relative;
	top: -40px;
	left: 88%;
}
.retraitAnneeDroite2{
	left: 93%;
}
.retraitMoins2{
	left: 12px;
}
.retraitAbs{
	position: absolute;
	left: 80px;
}
.retraitdroite{
	position: relative;
	margin-right: 60px;
}
.retrait1{
	position: relative;
	left: 10px;
}
.retraitSmart{
	position: relative;
	left: 10px;
	padding-right: 10px;
	width: 90%;
	top:20px;
}
.retrait2{
/*	position: relative;
	left: 89px;
*/	text-decoration: none;
	color: #fff;
}
.retrait2:hover{
	color:#aaa;
}
.retrait3{
	position: relative;
	left: 20px;
}
.retrait4{
	position: relative;
	left: 40px;
}
.retrait5{
	position: relative;
	left: 30px;
}

.retrait6{
	position: relative;
	left: 60px;
}
.largeurInfo{
	width: 800px;
	padding: 20px;
}
.largeurAG{
	width: 150%;
	padding: 20px;
}
.sautligne{
	position:absolute;
	top:20px;
}
.ligneconseil{
	position:relative;
	top:40px;
	height: 150px; /* 300px; */
	display: block;
/* 	background-color: #ddd; */
}
.hrconseil{
	display: block;
	height: 100%;
}
.hr100{
	position: relative;
	height: 100px;
}
.interligne{
	line-height: 1.2em;
}
.prtitinterligne{
	line-height: 80%;
}
#ligne, .ligne{
	position: relative;
	height: 10px;
	border: #eee solid 1px;
}
.lignetable{
	position: relative;
	height: 12px;
	border-bottom: #eee solid 1px;
}
.surligne{
	/* position: relative; */
	/* border-top: : #aaa solid 1px; */
	background-color: rgb(241, 213, 213);
	color: #fff;
	/* height: 15px; */
}
.meteo{
	position: absolute;
	top:-140px;
	left:280px;
}

.cligno {text-decoration: blink; }

.trespetittexte{
	font-size: 70%;
}
.petittexte{
	font-size: 80%;
}
.texte90{
	font-size: 90%;
}
.txtspce{
	letter-spacing: 5px;
}
.txtitalic{
  font-style: italic;
}
.hr2{
	line-height: 2px;
}
.linehr0{
	font-size: 1px;
}
.texte100{
	font-size: 12px;
}
.texte110{
	font-size: 110%;
}
.grandtexte{
	font-size: 120%;
}
.grandtexte2{
	font-size: 130%;
}
.tresgrandtexte{
	font-size: 150%;
}
.texte200{
	font-size: 200%;
}
.texte400{
	font-size: 300%;
	/* color: #0cc; */
}

#fondblanc{
	background-color: #aaa;
}
.fondblanc{
	margin-top: 10%;
	margin-bottom: 10%;
	background-color: #fff;
	/* opacity: 0.75; */
	border:  #345 solid 1px;
}
.fondAG{
	background-color: #fff;
}
.fondgrisclair{
	background-color: #ddd;
}
.fondgrisclair0{
	background-color: #ddd;
	text-align: center;
}
.fondgrisclair1{
	background-color: rgba(250,250,250,1);
}
.fondgrisclair2{
	background-color: #ddd;
	border-radius: 20px;
}
.fondgrisclair3{
	background-color: #ddd;
	padding: 5px;
	height: 42px;
	text-align: center;
	/* border-radius:14px; */
}
.gsm{
	border-radius:14px;
}
.fondgrisfonce{
	line-height: 1px;
	background-color: #aaa;
/*
	background : url('../images/ferrieres.jpg') 50% 50% no-repeat;
	height: 50px;
*/
}
.fondgrisfonce2{
	background-color: #d44;
}
.bordure{
	border: #eee solid 1px;
}
.nobordure{
	border: #eee solid 0px;
}

.bordurefonce{
	border: #345 solid 1px;
}
.brd2{
/* 	border-left: 1px solid #ccc; */
	border-right: 1px solid #eee;
}
.brdradius{
	border-radius:20px;
}
.bkgrouge{
	background-color:#d9534f; /* #e9542a; */
	color:white;
}
.bkgbleu{
	background-color:#337ab7;
	color:white;
}
.bkgbleu a:hover{
	background-color:#337ab7;
	color:ddd;
	font-style: oblique;
	text-decoration: none;
	
/* 	font-weight: bold; */
}
.bkgbleu2{
	background-color:rgba(6, 33, 57, 0.352);
	color:white;
}
.bkggris{
	background-color:#eee;
	color:white;
}
.bkggris2{
	background-color:#eed;
	color:black;
}
.bkggristitreFR{
	background-color:rgba(102, 119, 102, 0.832);
	box-shadow: 4px 5px 10px rgba(20, 21, 21, 0.288) ;
	color:white;
}

.bkggristitre{
	box-shadow: 4px 5px 10px rgba(20, 21, 21, 0.288) ;
	display:block;
}
.bkggrisphoto{
	background-color:rgba(243, 243, 192, 0.255);
	box-shadow: 4px 5px 170px rgba(183, 175, 47, 0.999) ;
	box-shadow: 4px 5px 170px rgba(126, 193, 232, 0.796) ;
}
.bkggristotaux{
	background-color:rgba(243, 243, 192, 0.255);
	/* box-shadow: 4px 15px 60px rgba(100, 93, 93, 0.599) ; */
}
.bkggristotaux1{
	background-color: rgba(243, 243, 192, 0.255);
	box-shadow: 0px 1px 60px rgba(100, 93, 93, 0.599) ;
}
.bkggrisdescription{
	background-color: rgba(32, 116, 32, 0.247);
	background-color: rgba(47, 118, 180, 0.247);
	position:relative;
	z-index:980;
}
.bkgimportant{
	position: absolute;
	background-color:rgba(181, 59, 30, 0.198);
	border-top: 1px solid rgba(0, 0, 0, 0.214);  
	border-bottom: 1px solid rgba(0, 0, 0, 0.214);  
	height:auto;
}
.bkgactualite{
	position: absolute;
	background-color:rgba(13, 65, 147, 0.183);
	border: 1px solid rgba(0, 0, 0, 0.214);  
	height:auto;
}

.bkgmoi{
	border: 1px solid rgba(8, 48, 111, 0.247);
	/* border-right: 1px solid rgba(32, 116, 32, 0.247);
	border-top: 1px solid rgba(32, 116, 32, 0.247);
	border-bottom: 1px solid rgba(32, 116, 32, 0.247); */
	box-shadow: 4px 15px 50px rgba(100, 93, 93, 0.175);
		
}
.bkgpasmoi{
	box-shadow: 4px 15px 50px rgba(100, 93, 93, 0.15);	
	color:#aaa;
}

.moi{
	width: 100px;
	height: 200px;
	border: 1px solid #aaa;
}

.visibleinvisible{
	/* background-color:white; */
	position: relative;
	top: 60px;
	left:30px;
	color:#ddd;
	font-style: oblique;
	text-decoration: none;
	line-height: 120%;
	z-index: 1000;
}
.visibleinvisible:hover{
	/* background-color:#aaa; */
	color:#aaa;
	/* left:200px;  */
}

.cadrebas{
	border-bottom: 1px solid #ccc;
	line-height: 140%;
	text-align: center;
}
.cadre2{
	line-height: 120%;
	text-align: center;
}
.cadre{
	border: 1px solid #ccc;
	text-align: center;
}
.cadre3{
	border: 1px solid #ccc;
	padding: 10px;
	line-height: 140%;
}

.coinarrondi{
	border-radius: 10px;
}
.button2 {background-color: #008CBA;}

.italique{
	font-style: italic;
}
.textbarre{
	text-decoration: line-through;
}
gras, .gras {
  font-weight: bold;
  color:#468;
}
.c468{
  color:#2b0979;	
}
.txtnormal {
  font-style: normal;
}
.blanc{
	color: #fff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
.grisclair{
	color:#ddd;
}
.grisclairE{
	color:#eee;
}
.grisclairC{
	color:#ccc;
}
.gris{
	color:#aaa;
}
.grisF{
	color:#555;
}
.rouge{
	/* color: #e9542a; */
	color: rgba(233, 84, 42, 0.452);
}
.rouge0{
	color: #e9542a;
}

.bleu{
	/* color: #337ab7; */
	color: rgba(51, 122, 183, 0.451);
}
.bleu0{
	color: #409ce9;
}
.bleu1{
	color: bleu;
}

.scintille{
	text-decoration: blink;
}

.text-gauche {
  text-align: left;
}
.text-droite {
  text-align: right;
}
.text-droite2 {
	position: relative;
	width: 30px;
	text-align: right;
}
.text-center {
  text-align: center;
}
.txtVCentre{
  vertical-align:middle;
  height: 22px;
}
.padding2{
  padding: 0px;
}
.padding5{
  padding: 5px;
}
.padding5tb{
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: -5px;
  margin-bottom: 5px;
}
.padding10{
  padding-right: 10px;
}
.paddingG10{
  padding-left: 10px;
}
.padding5L{
	padding: 10px;
}
.spacebas{
  margin-bottom: 5px;
}
.top15{
	position: relative;
	top: 10px;
}
	
.top10{
  top: 4px;
}
.top10moins{
	position: relative;
	top: -12px;
}
.top12moins{
	position: relative;
	top: -15px;
}
.top20{
	position: relative;
	top: 20px;
}
.top80{
	position: relative;
	top: 70px;
}
.top80fixe{
	position: static;
	top: 70px;
	right: 10%;
	text-align: center;
	background-color: #ddd;
	/* width: 40%; */
	/* right:10%; */
}
.posfixe{
	position: fixed;
	top:9px;
	left: 200px;
	z-index: 3000; 
}
.posfixeConseil{
	position: fixed;
	top:79px;
	left: 50px;
	z-index: 3000; 
}
.posbplus{
	position: fixed;
	top:9px;
	left: 260px;
	z-index: 3000; 
}
.posbprint{
	position: fixed;
	top:0px;
	left: 140px;
	z-index: 3000; 
}
.postitre{
	position: fixed;
	top:-10px;
	left: 380px;
	z-index: 3000; 
}
.posrecherche{
	position: fixed;
	top:4px;
	left: 700px;
	z-index: 3000; 
}
.posrecherchebton{
	position: fixed;
	top:12px;
	left: 900px;
	z-index: 3000; 
}
.poscategorie{
	position: fixed;
	top:1px;
	left: 430px;
	z-index: 3000; 
}
.poscategorieFR{
	position: fixed;
	top:1px;
	left: 490px;
	z-index: 3000; 
}

.posfixetrash{
	position: fixed;
	top:9px;
	left: 290px;
	z-index: 3000; 
}

.horizontal-center {
  margin: 0;
  position: absolute;
  margin-left: -55px;
  /* -ms-transform: translateX(-50%);
  transform: translateX(-50%);
   */
}


.totaux, .totaux1, .totaux2, .totaux3{
	position: fixed;
	top:57px;
	left:220px;
}
.totaux1{
	left: 370px;
}
.totaux2{
	left: 520px;
}
.totaux3{
	left: 670px;
}
.couleurtotaux{
	background-color: #edc; 
}
.couleurtabletitre{
	background-color: #edc; 
}
.fondhautdepage2{
	position: fixed;
	top:51px;
	left:0px;
	width:100%;
	height: 50px;
	background-color: #dde;
}
.hautdepage2{
	position: fixed;
	top: 58px;
	left:20px;	
}
.hautdepage{
	position: fixed;
	top: 160px;
	/* vertical-align: 50px; */
	left:10px;
	z-index: 300;
	width:20px;
	/* background-color: #ddd; */
}
.basdepage{
	position: fixed;
	top: 220px;
	/* vertical-align: 70px; */
	left:10px;
	z-index: 300;
	width:20px;
	/* background-color: #ddd; */
}
/* @media (min-width: 1260px) {
	.hautdepage, .basdepage{
		left: 10px;
	}
} */

.fermer{
	position: absolute;
	z-index: 3100;
	border: #eee solid 0px;
}

.trait{
	border-top: 1px solid rgb(223, 216, 216);
	margin-top: 20px;
}
.trait2{
	border-bottom: 1px solid rgb(223, 216, 216);
}

.bordsituation{
	border: 1px solid blueviolet;
}
.bordrond{
	border-radius: 4px;
}
.bordG{
	border-left: #fff solid 1px;	
}

.ligne{
	border-top: 10px solid #000;
	width: 100px;
	background-color: gray;
} 

.bloc{
	display: block;
	font-weight: bold;
}

.espacelettre{
	letter-spacing: .2rem;
}
.imgfeuartifice{
	position: absolute;
	left:5px;
	/* left:-5px; */
	top: 45px;
	/* width: 110%; */
	width: 96%;
	height: 18%; /*170px;*/
	opacity: 0.3;
/* 	margin-left:60px; */
}
.imgFerrieres{
	width: 110%;
	padding: 0px;
	 margin-top: 14px;
	/* border-left: #345 solid 16px; */
}
.imgFerrieresMiroir{
	width: 100%;
	padding: 0px;
	padding-top: 0px;
	transform: scaleY(-1);
	opacity: .3;
}
.topmiroir{
	position: relative;
	top:-100px;
}
.small-img{
	width:60px;
	height: 50px;
}
.imgPbles{
	width:60px;
	height: auto;
}
.imgtop{
	position: absolute;
	top: 300px;
	left: 100px;
	z-index: 300;
}

.topbtn{
	top:-10px;
}
.topbtnmdp{
	top:-20px;
}
.retraitht{
	top: 20px;
}
li:hover ul.dropdown-menu{
  display:block;
}

#googleMap {
  width: 100%;
  height: 200px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}  
.topgoogle{
	position: absolute;
	top: 600px;
}

.dte{
	position: relative;
	left:410px;
	top:-22px;
	z-index: 300;
	width: 200px;
}
/* _____ SOUS MENU */

.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;
-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu:hover>.dropdown-menu{display:block;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;
border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;
-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}






#boiteInfo {
	width:200px;
	padding:4px;
	font:12px Helvetica, Arial, sans-serif;
	left:50%;
	top:50%;
	margin-top: -12px;
	margin-left: -100px;
	display:none;
	text-align:center;
	border:#d0d0d0 2px solid;
	background:#fff;
	z-index: 3000;
}



.lgthumb{
	width: 149px;
	height:149px;
}

@media (max-device-width: 1200px) {
	.lgthumb{
		width: 119px;
		height:119px;
	}

}





div.lightbox {
	display: none;             /* On cache la lightbox*/
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;

	line-height: 1em;
	}

div.lightbox:target {
	display: block;           /* on l'affiche quand il est ciblé uniquement */
	position: fixed;
	z-index: 2000;
	background-color: rgba(100,100,100,.8);

	text-align: center;
	padding-top: 20px;
	}

div.lightbox:target img {
	-moz-box-shadow: white 0 0 30px;
	-webkit-box-shadow: white 0 0 30px;
	box-shadow: white 0 0 30px;
	border: #fff solid 6px;
	}



#cache { 
	position: absolute; 
	z-index: 9999; 
	visibility: hidden; 
	width: 300px; 
	height: 100px; 
	color:white;
	
	top: 50%; left: 50%; /* à 50%/50% du parent référent */
	transform: translate(-50%, -50%); /* décalage de 50% de sa propre taille */

}
.loader {
	position : fixed;
	z-index: 9999;
	background : url('../images/ajax-loader.gif') 50% 50% no-repeat;
	top : 0px;
	left : 0px;
	height : 100%;
	width : 100%;
	cursor : wait;
}


.pointer {
	cursor: pointer;
	text-decoration: none;
}


.container2, .container3{
	width:90%;
	left:5%;
	right: 5%;
	height:350px; 
}
.container2{
	position: absolute;
	top:20%;
	/* height:40%; */
	/* height: 350px; */
}
.container3{
	width: 60%;
}
/**/
div#menuh,div#menuh2{
   height: 40px;
   margin-bottom: 40px;
   width: auto;
}
div#menuh ul, div#menuh2 ul{
   height: 40px;
   margin-bottom: 0;
   background-color: #505050;
   border-radius: 5px;
   overflow: hidden;
}
div#menuh ul li, div#menuh2 ul li{
   float: left;
   background: url('../images/menu_separator.png') no-repeat 100% 50%;
	list-style-type: none;
}
div#container div#menuh ul li a, div#container div#menuh2 ul li a{
   display: block;
   height: 40px;
   margin-right: 2px;
   padding: 0 20px;
   line-height: 40px;
   text-align: center;
   color: #f2f2f2;
   text-shadow: 0 1px 0 #000;
   text-decoration: none;
}
div#menuh ul li.first_menu_item a, div#menuh2 ul li.first_menu_item a{
   border-radius: 5px 0 0 5px;
}
div#menuh2, div#menuh2 ul, div#container div#menuh2 ul li a{
   height: 40px;
   margin-top: 4px;
   line-height: 15px;
}
div#menuh ul li.selected a,
div#menuh ul li a:hover,
div#menuh2 ul li.selected a,
div#menuh2 ul li a:hover{
   color: #fff;
   background-color: #345;
   background-color: #45678f;
  text-decoration: none;
}

.top50{
	position: relative;
	top:80px;
	height: 80px;
}
#menuh.floatable {
	position: fixed;
	top: 0;
	width: 976px;
	height: 40px;
	z-index: 1100;
	border-top: #fff 10px solid;
	border-left: #fff 22px solid;
	border-right: #fff 20px solid;
	border-bottom: #fff 10px solid;
	margin-left: -22px;
	margin-right: 20px;
}

anime{
	position: relative;
	font-family: Impact, sans-serif;
	font-size: 30px;
	letter-spacing: 5px;
	background: linear-gradient(90deg, #ee909d, #fff, #000);
	background-repeat: no-repeat;
	background-size: 80%;
	animation: animate 4s infinite;
	-webkit-background-clip: text;
	-webkit-text-fill-color: rgba(255, 255, 255, 0);
}
@keyframes animate {
	0% {
		background-position: -500%;
	}
	100% {
		background-position: 500%;
	}
}


.animate-charcter
{
	text-transform: uppercase;
	background-image: linear-gradient(
		-225deg,
		#231557 0%,
		#44107a 29%,
		#ff1128 67%,
		#92f586 100%
	);
	/* background-image: linear-gradient(
		-225deg,
		#231557 0%,
		#44107a 29%,
		#ff1361 67%,
		#fff800 100%
	); */
	background-size: auto auto;
	background-clip: border-box;
	background-size: 200% auto;
	color: #fff;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	animation: textclip 3s linear infinite;
	display: inline-block;
	font-size: 24px;
	font-family: Impact, sans-serif;
	letter-spacing: 4px;

}

@keyframes textclip {
  to {
	background-position: 200% center;
  }
}





/* 

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: block;
	content: " ";
	float: right;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-left-color: #ccc;
	margin-top: 5px;
	margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
	border-left-color: #fff;
}
 */





/* .dropdown-submenu {
   position: relative;
 }
 
 .dropdown-submenu>.dropdown-menu {
   top: 0;
   left: 100%;
   margin-top: -6px;
   margin-left: -1px;
   -webkit-border-radius: 0 6px 6px 6px;
   -moz-border-radius: 0 6px 6px;
   border-radius: 0 6px 6px 6px;
 }
 
 .dropdown-submenu:hover>.dropdown-menu {
   display: block;
 }
 
 .dropdown-submenu>a:after {
   display: block;
   content: " ";
   float: right;
   width: 0;
   height: 0;
   border-color: transparent;
   border-style: solid;
   border-width: 5px 0 5px 5px;
   border-left-color: #ccc;
   margin-top: 5px;
   margin-right: -10px;
 }
 
 .dropdown-submenu:hover>a:after {
   border-left-color: #fff;
 }
 
 .dropdown-submenu.pull-left {
   float: none;
 }
 
 .dropdown-submenu.pull-left>.dropdown-menu {
   left: -100%;
   margin-left: 10px;
   -webkit-border-radius: 6px 0 6px 6px;
   -moz-border-radius: 6px 0 6px 6px;
   border-radius: 6px 0 6px 6px;
 } */