@charset "utf-8";
/* CSS Document */

/***************************************************************************************/
/* Layout                                                                              */
/***************************************************************************************/

html { font-size:100%; width:100%; height:100%; }
body { padding:0px; margin:0px; text-align:center; background:url(https://www.cdmb.ca/Design/Backgrounds/body.jpg); }
body, td { font-family:MS Reference Sans Serif, Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; }

form { padding:0px; margin:0px; }
img { border:0 none; vertical-align:middle; }
.VerticalBottom{vertical-align: bottom;}
h4 { font-weight:normal; font-size:16px; }

#Conteneur { background:url(https://www.cdmb.ca/Design/Backgrounds/site.jpg) top center no-repeat; }


	#Site { position:relative; width:994px; margin:0 auto; text-align:left; }

		#Header{ height:210px; position:relative;}
			#Header img { margin-top:26px;}
			#Header #Logo {position:absolute;}
			#Header #Menu { width:995px; position:absolute; top:162px; left:-1px; font-size:16px; text-align:center; font-family:"Lucida Bright", "Lucida Grande", sans-serif; background:url(https://www.cdmb.ca/Design/Backgrounds/Menu.png) no-repeat; height:45px; padding-top:10px; }
			#Header #Menu ul { padding:0px; width:980px; margin:auto; }
			#Header #Menu li { list-style:none; float:left; border-left:solid 1px #eeeef3; }
			#Header #Menu a { line-height:27px; text-decoration:none; padding:0px 20px 0px 20px; }
			#Header #Menu a:link, #Header #Menu a:visited { color:#000000; }
			#Header #Menu a:hover, #Header #Menu a:active { color:#c7c1b5; text-decoration:none; }

			#Header .facebook{
				float: right; margin-right:10px;
			}

			#Header .facebook a{
				display: block;
				background: #3b5998;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				-ms-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
			}

			#Header .facebook a:hover, #Header .facebook a:focus{
				padding-top: 5px;
			}

			#Header .facebook a img{
				margin: 0;
			}

			#Header .linkedin{
				float: right;
			}

			#Header .linkedin a{
				display: block;
				background: #007bb6;
				-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
				-ms-transition: all 0.3s;
				-o-transition: all 0.3s;
				transition: all 0.3s;
			}

			#Header .linkedin a:hover, #Header .linkedin a:focus{
				padding-top: 5px;
			}

			#Header .linkedin a img{
				margin: 0;
			}

			.clear{
				clear: both;
			}

			#ResearchStage { position:absolute; top:110px; right:0px; }
			#ResearchStage a:link { text-decoration:none; color:#000; }
			#ResearchStage a:hover { text-decoration:none; color:#d75704; }
			#ResearchStage input { width:200px; background-color:#d6d8e0; border-color:#acaeb8; }

			.SearchButton a:link { margin-left:15px; text-decoration:none; color:#000; }
			.SearchButton a:hover { margin-left:15px; text-decoration:none; color:#d75704; }

		#Category_Large { margin-top:25px; height:140px; margin-left:10px; }
			#Category_Large img { padding-top:10px; padding-left:10px; }
			#Category_Large #Biblio { cursor:pointer; float:left; background:url(https://www.cdmb.ca/Design/Backgrounds/Bibliotheque.png) no-repeat; width:245px; height:140px; }
			#Category_Large #Galerie { cursor:pointer;  float:left; background:url(https://www.cdmb.ca/Design/Backgrounds/Galerie.png) no-repeat; width:245px; height:140px; }
			#Category_Large #Publication { cursor:pointer;  float:left; background:url(https://www.cdmb.ca/Design/Backgrounds/Publication.png) no-repeat; width:245px; height:140px; }

			#Category_Large #Costumes {cursor:pointer; float:left; background:url(https://www.cdmb.ca/Design/Backgrounds/Costume.png) no-repeat; width:245px; height:140px; }


		#Category_Small { margin-top:10px; height:76px;}
			#Category_Small a {float:left; text-decoration:none; width:244px;}
			#Category_Small img {border:0; bottom:0;}
			#Category_Small .Category_SmallBox{width:242px; float:left; margin-left:6px; position:relative; bottom:0px;}

			#Category_Small #Biblio {background:url(https://www.cdmb.ca/Design/Backgrounds/SousMenu/bibliotheque.png) no-repeat bottom;}

			#Category_Small #Galery {background:url(https://www.cdmb.ca/Design/Backgrounds/SousMenu/Galerie.png) no-repeat bottom;}
			#Category_Small #Publication {background:url(https://www.cdmb.ca/Design/Backgrounds/SousMenu/Publication.png) no-repeat bottom;}
			#Category_Small #Costume {background:url(https://www.cdmb.ca/Design/Backgrounds/SousMenu/Costume.png) no-repeat bottom;}

			#Category_Small .hover {background:none;}

			#BarreOnglet{ margin-left:6px; height:14px;}

			#Arrondi{ background:url(https://www.cdmb.ca/Design/Backgrounds/ContentHaut.png) no-repeat; height:37px; margin:27px 0px -19px 0px; }
			#Content{ padding:0 50px 20px 50px;; background:#fcfbf8; }

			#CollectionBox { float:left; background-color:#eae7de; width:595px; color:#284fb2;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; }
				#CollectionBox p { color:#284fb2; font-size:13px; border-bottom:solid 2px #e4e2d9; padding:20px 35px 0px 35px; }
				#CollectionBox .CollectionChoix { float:left; width:48%; }
				#CollectionBox .CollectionChoix ul { margin:0px; padding:0px; }
				#CollectionBox .CollectionChoix li { padding:0 0 0 35px;list-style:none; border-bottom:solid 2px #e4e2d9; line-height:25px; }

			#Catalogue{margin-top:50px;}
				#Catalogue .BoxLeft{width:430px; float:left;}
					#Catalogue .BoxLeft .BoxTitle{padding:0; margin:0; border-bottom:solid 2px #c7c1b5;}
					#Catalogue .BoxLeft p{ margin:0; padding-top:10px;}
					#Catalogue .BoxLeft table{clear:both; margin-top:20px;}
					#Catalogue .BoxLeft h3{font-size:16px; padding:0; margin-top:20px;}

				#Catalogue .BoxRight{width:430px; float:right;}
					#Catalogue .BoxRight .BoxTitle{padding:0; margin:0; border-bottom:solid 2px #c7c1b5;}
					#Catalogue .BoxRight p{margin:0; padding-top:10px;}
					#Catalogue .BoxRight table{clear:both; margin-top:20px;}
					#Catalogue .BoxRight h3 { font-size:16px; padding:0; margin-top:20px; }

				#Catalogue .BoxRight .Count, #Catalogue .BoxLeft .Count{border:none; color:#284fb2; font-size:20px;  width:50px; padding-left:10px;}

				#Catalogue h2{font-size:16px;}
				#Catalogue h3{color:#284fb2; font-size:22px; width:270px; padding:0; margin:0;}
				#Catalogue img {padding:0; margin:0; margin-top:10px;border-right:solid 1px #c7c1b5;}

			.Archive { margin-top:80px; width:880px; }
				.Archive .ArchiveImg { float:left; background:url(https://www.cdmb.ca/Design/Backgrounds/Archive.jpg) no-repeat; width:344px; }
					.Archive .ArchiveImg img { margin:20px 25px 20px 25px; }

				.Archive .ArchiveInfo{ float:left; height:201px; padding:20px 30px 0px 25px; background:url(https://www.cdmb.ca/Design/Backgrounds/InfoArchive.jpg) no-repeat; width:475px;}
					.Archive .ArchiveInfo h3{color:#284fb2; font-size:22px; padding:0px; margin-top:0px;}

			#BoxBiblio{width:280px; margin-top:20px; float:left;}
				#BoxBiblio #Category{background:url(https://www.cdmb.ca/Design/Layout/BibliothequeBox/FondDegrade.jpg) no-repeat top left;}

					#BoxBiblio #Category .BoxBiblioLien{float:left; width:140px; height:42px; font-size:24px; background:no-repeat;}
						#BoxBiblio #Category .BoxBiblioLien a{ padding-left:45px; padding-bottom:10px; text-decoration:none; color:#d75704; display:block;}
						#BoxBiblio #Category .BoxBiblioLien a:link{padding-left:45px; color:#d75704;}
						#BoxBiblio #Category .BoxBiblioLien a:visited{color:#fff; padding-left:45px;}
						#BoxBiblio #Category .BoxBiblioLien a:hover, #BoxBiblio #Category .BoxBiblioLien a:active{color:#ffffff; padding-left:45px;}

					#BoxBiblio #Category .BoxBiblioLienD{float:left; width:140px; height:42px; font-size:24px;}
						#BoxBiblio #Category .BoxBiblioLienD a{display:block; padding-bottom:10px; padding-left:45px; text-decoration:none; color:#d75704;}
						#BoxBiblio #Category .BoxBiblioLienD a:link{color:#fff; padding-left:45px;}
						#BoxBiblio #Category .BoxBiblioLienD a:visited{color:#d75704; padding-left:45px;}
						#BoxBiblio #Category .BoxBiblioLienD a:hover, #BoxBiblio #Category .BoxBiblioLienD a:active{color:#d75704;}

					#BoxBiblio #Category ul{clear:both;list-style:none; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
					#BoxBiblio #Category li{padding:10px 0 0 20px; border-bottom:solid 2px #e5e2da; }
					#BoxBiblio #Category li a{background:url(https://www.cdmb.ca/Design/Layout/Puce.png) no-repeat; padding-left:6px; background-position:left center; text-decoration:none; color:#3b3c40; display:block; line-height:25px;}
					#BoxBiblio #Category li a:hover, #BoxBiblio #Category li a:active{color:#d75704;}

			#PictureBiblio{position:absolute; bottom:200px;}

			#BoxGalery{width:280px; margin-top:20px;float:left;}
				#BoxGalery #Category{color:#736090;}
					#BoxGalery #Category .Album{background:url(https://www.cdmb.ca/Design/Backgrounds/DegradeBoxGalery.jpg) no-repeat; background-position:top; padding:15px 8px 10px 10px;}
					#BoxGalery #Category #Photo{background:url(https://www.cdmb.ca/Design/Backgrounds/DegradeBoxGalery.jpg) no-repeat; background-position:top; padding:15px 8px 10px 10px;}
					#BoxGalery #Category #Texte{background:url(https://www.cdmb.ca/Design/Backgrounds/DegradeBoxGalery.jpg) no-repeat; background-position:top; padding:15px 8px 10px 10px;}
					#BoxGalery #Category ul{clear:both;list-style:none; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:12px;}
					#BoxGalery #Category li{padding:10px 0 0 10px; border-bottom:solid 2px #e5e2da; display:block; }
					#BoxGalery #Category .selected{background:url(https://www.cdmb.ca/Design/Backgrounds/Tiret.jpg) no-repeat;}
					#BoxGalery #Category li a{background:url(https://www.cdmb.ca/Design/Backgrounds/Croix.png) no-repeat; padding-left:15px; background-position:left center; text-decoration:none; color:#3b3c40; display:block;}
					#BoxGalery #Category li a:hover{color:#736090;}
					#BoxGalery #Category h3{padding-left:10px;}

					#BoxGalery #Category .Box{padding-left:15px; display:none;padding-bottom:10px;}
					#BoxGalery #Category .Box ul{margin-top:4px;}
					#BoxGalery #Category .Box li{border:none; padding:5px; display:block;}
					#BoxGalery #Category .Box li a{background:url(https://www.cdmb.ca/Design/Backgrounds/PuceGalerie.png) no-repeat; padding-left:6px; background-position:left center;}

			#Remercicement{background:url(https://www.cdmb.ca/design/Backgrounds/Remercicement.jpg) no-repeat;  color:#ffffff; font-family:'Lucida Handwriting';  font-style:italic; margin-top:30px;}
			#Remercicement p{padding-top:20px; padding-left:15px; padding-right:20px;font-size:14px;}
			#Remercicement img{margin-left:30px;}

			#Ministre{background:url(https://www.cdmb.ca/design/Backgrounds/Ministre.jpg) no-repeat; color:#ffffff; font-family:'Lucida Handwriting';  font-style:italic; margin-top:30px;}
			#Ministre p{padding-top:20px; padding-left:20px; padding-right:20px; font-size:14px;}
			#Ministre img{margin-left:30px;}

			.GalerieBottom { background:url(https://www.cdmb.ca/design/Backgrounds/BgGalerieBottom.png) no-repeat; color:#736090; font-family:'Lucida Handwriting'; font-style:italic; margin-top:30px; float:left; width:279px; }
			.GalerieBottom p { padding-top:20px; padding-left:10px; padding-right:10px;font-size:14px; }
			.GalerieBottom img { margin-left:30px; }

			.BoxTableau {
	position:absolute;
	width:120px;
	padding:10px 0px 10px 0px;
	border:1px solid #C7C1B5;
	background:#F2F0EA;
	text-align:center;
	z-index:99;
	vertical-align:top;
	font-weight:bold;
	color:#284fb2;
	height: 88px;
}

			#Description{color:#3b3c40; font-size:16px;}
			.Titre{color:#d0ccd6;margin:0; padding:0;}

			#DescriptionPublication{float:left; margin-top:20px; width:570px;}
				#DescriptionPublication p{color:#3b3c40; font-size:20px;}

			#Books{background:url(https://www.cdmb.ca/Design/Backgrounds/NosLivre.jpg) no-repeat; padding-top:140px;}
				#Books .Book{width:590px; margin-left:50px;}
				#Books .Book h2{background-color:#dde3d9; padding-left:30px; margin:0;color:#284fb2; line-height:39px; border-bottom:solid 1px #c7c1b5;}

				#Books .Book .BookText, #Editions .Book .BookText{background-color:#ffffff; padding-top:1px; height:250px; padding-left:20px; padding-right:10px;}

				.BookText ul{ color:#617a4e;  padding-top:10px;margin:0;}
				.Book .BookText .Text{border-bottom:dashed 2px #dde3d9;}

			.Separation{background:url(https://www.cdmb.ca/Design/Backgrounds/Separateur.jpg) no-repeat; width:13px; float:left; height:290px;}

			.BoxPicture{width:275px; }
				.BoxPicture p{background-color:#ecf1e9; font-size:22px; text-align:right; padding-right:20px; margin:0; color:#284fb2; line-height:39px; border-bottom:solid 1px #c7c1b5;}
				.BoxPicture .Picture{background-color:#ffffff; height:210px; padding:30px 35px 10px 30px;}

			#Editions{height:300px;background:url(https://www.cdmb.ca/Design/Backgrounds/Edition.jpg) no-repeat; padding-top:160px; margin-top:30px;}
				#Editions .Book{float:left; width:590px; margin-left:50px;}
				#Editions .Book h2{background-color:#dde3d9; padding-left:30px; margin:0;color:#284fb2; line-height:39px; border-bottom:solid 1px #c7c1b5;}
				#Editions .Book .BookText{background-color:#ffffff; padding-top:1px;}

			.BoxRecherche{padding:0; margin:0;margin-top:20px; width:603px; margin-right:20px; float:right; padding-bottom:10px; background:url(https://www.cdmb.ca/Design/Backgrounds/Recherche/top.jpg) no-repeat center top;}
				.BoxRecherche h2{padding:0; margin:0;color:#EC7020; font-size:18px; padding-left:23px;}
				.BoxRecherche .RechercheContenu{background: url(https://www.cdmb.ca/Design/Backgrounds/Recherche/Medium.jpg) repeat-y center;}
				.BoxRecherche .RechercheContenu .Recherchetext{float:left; width:500px;padding-left:15px; padding-right:10px; }
				.BoxRecherche .RechercheContenu .Recherchetext a:link,.BoxRecherche .RechercheContenu .Recherchetext a:visited{text-decoration:none; color:#000;}
				.BoxRecherche .RechercheContenu .Recherchetext a:hover,.BoxRecherche .RechercheContenu .Recherchetext a:active{color:#d75704;}
				.BoxRecherche .RechercheContenu .RecherchePicture{float:right; padding-left:10px; margin-right:10px;padding-top:10px;}

				.BoxRecherche .RechercheBottom{background:url(https://www.cdmb.ca/Design/Backgrounds/Recherche/bottom.jpg) no-repeat center; height:12px;}

			#ContenuAnnuaire { padding-top:30px; }
				#ContenuAnnuaire a { text-decoration:none; color:#000000; font-weight:bold; }
				#ContenuAnnuaire p { text-align:justify; border-bottom:dashed 1px #000; padding-bottom:10px; margin:10px 0px 30px 10px;; }

		#Content{ background-color:#fcfbf8;}
			#Content #Contact{padding-top:30px;}
				#Content #Contact ul{list-style:none; float:left; width:50%; padding:0; margin:0; padding-top:10px; padding-bottom:10px;}
				#Content #Contact ul a{text-decoration:none; color:#b67a31;}

			#Content #Adhesion{background-color:#fcfbf8; padding-top:30px;}
			#Content #Marius{background-color:#fcfbf8; padding-top:30px;}
			#Content #Horaire{background-color:#fcfbf8; padding-top:30px;}
			#Content #Centre{background-color:#fcfbf8; padding-top:30px;}

/* Footer */

		#Footer { clear:both; padding-top:30px; background:url(https://www.cdmb.ca/Design/Backgrounds/Footer.jpg) no-repeat; width:992px; height:190px; text-align:right; }
			#Footer ul {margin-top:-20px; margin-right:50px; }
			#Footer li {font-size:16px; list-style:none; }
			#Footer p {font-size:30px; margin-right:50px; }
			#Footer .carte-affaire{
				max-width:240px;
				margin-left:15px;
				display:inline-block;
				vertical-align: middle;
			}




/* Form */
.Focus { color:#4566BC !important; }
.FieldRecherche {  border: 0px none; background:transparent !important; color:#aaa; }
.FieldRechercheBackground {  background:url(https://www.cdmb.ca/Design/Button/ChampRecherche.png) no-repeat top left; width:220px; height:34px; padding-left:15px; }

.FormTextBox { width: 250px; }
.FormTextBoxError { width: 250px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.FormTextBoxLocked { width: 250px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.FormPasswordBox { width: 300px; }
.FormPasswordBoxError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; }
.FormPasswordBoxLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; }

.FormTextArea { width: 300px; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormTextAreaError { width: 300px; border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormTextAreaLocked { width: 300px; border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }

.FormDropDown { font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormDropDownError { border-collapse: collapse; border: 1px solid #bb0000; padding: 2px; background-color: #ffeeee; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }
.FormDropDownLocked { border-collapse: collapse; border: 1px solid #aaaa00; padding: 2px; background-color: #ffffbb; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; color: #333333; }


.BookBoxTop {
	width:617px;
	margin-top:30px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/BookBox/Top.png) no-repeat right top;
}

.BookBoxBottom {
	padding-bottom:14px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/BookBox/Bottom.png) no-repeat right bottom;
}

.BookBoxMiddle {
	background: url(https://www.cdmb.ca/Design/Backgrounds/BookBox/Middle.png) repeat-y right;
}

.DocumentBoxTop {
	width:604px;
	margin-top:30px;
	padding-top:12px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/GalleryBox/Top.png) no-repeat left top;
}
.DocumentBoxTopMiddle {
	width:572px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/GalleryBox/Top_Middle.png) repeat-y left;
	padding-right:16px;
	padding-left:16px;
	padding-bottom:5px;
	color:#FFF;
	font-size:18px;
}
.DocumentBoxTopBottom {
	width:604px;
	padding-bottom:9px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/GalleryBox/Top_Bottom.png) repeat-y left;
}

.DocumentBoxBottom {
	padding-bottom:14px;
	background: url(https://www.cdmb.ca/Design/Backgrounds/GalleryBox/Bottom.png) no-repeat left bottom;
}

.DocumentBoxMiddle {
	background: url(https://www.cdmb.ca/Design/Backgrounds/GalleryBox/Middle.png) repeat-y left;
}


/* StageProduit */
#StageProduit{
	position: relative;
	display: block;
}

#StageProduit img{
	max-width: 100%;
}

#StageProduit .Name{
	color: #FFF;
	margin: 0;
	padding: 0;
	font-size: 20px;
}

#StageProduit .Desc{
	color: #FFF;
	border: 0;
	margin: 0 0 1em;
	padding: 0;
}



#StageProduit .Date{
	color: #FFC200;
	font-size: 13px;
	margin: 0 0 0.5em;
	padding: 0;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.2em;
}


#StageProduit .text{
	float: left;
}

#StageProduit .actions{
	float: right;
}

#StageProduit .btn{
	color: black;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: #FFC200;
	padding: 14px 22px;
	display: inline-block;
	margin-top: 5px;
	margin-bottom: 15px;
	vertical-align: middle;
	text-align: center;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all 0.3s;
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

#StageProduit .btn:hover, #StageProduit .btn:focus{
	background: #ff6000;
	color: #FFF;
}

#StageProduit .overlay{
	position: relative;
	bottom: inherit;
	background: #000;
	background: url(https://www.cdmb.ca/Design/Backgrounds/Stage.png);
	background: rgba(0,0,0,0.8);
	padding: 20px;
	width: 100%;
	color: white;
}

.BoxProduit a{
	display: block;
}

/* BXSLIDER */
.bx-wrapper .bx-viewport{
	margin: 0;
	padding: 0;
	box-shadow: none;
	border: 0;
	top: 0;
	left: 0;
	background: none;
}

#StageProduit, #StageProduit *, .bxslider *{
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


.clearfix{
	clear: both;
	display: table;
}




.info.hide{
	display: none;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.info{
	visibility: visible;
	opacity: 1;
	padding-top: 1.25em;
	padding-left: 1em;
	padding-bottom: 2em;
}

.info-content{
	margin: 1em 0;
}

.btn-info{
	position: relative;
	display: block;
	display: inline-block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	vertical-align: middle;
	margin: 0;
	font-weight: normal;
}

.btn-info strong{
	font-size: 1em;
	display: block;
	font-weight: bold;
}

.btn-info.active, .btn-info:hover{
	color: blue;
}
.btn-info:hover i{
	padding-left: 6px;
}

.btn-info i{
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	padding: 2px;
	font-style: normal;
	transition: all 0.3s;
}
.btn-info.active i{
	-ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  padding-left: 6px;
}