span.colorcat_1754{
				background-color:#000066;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1754{
				color:#000066;
				}
				#calendar-container .calendar tbody td.cat1754{
				background-color:#000066;
				}
				
					div.actucat_1754 div.texte_une div.bloc_titre a,
					div.actucat_1754 div.bloc_titre a,
					div.actucat_1754 div.bloc_titre h1,
					div.actucat_1754 div.bloc_titre h1 a,
					div.actucat_1754 div.bloc_titre,
					div.actucat_1754 h3 a,
					div.eventcat_1754 div.bloc_header span.title,
					div.eventcat_1754 div.bloc_header h1 span.title,
					div.eventcat_1754 div.bloc_header h1 span.title a,
					div.eventcat_1754 div.bloc_headerlink span.title a,
					h3.eventcat_1754 span,
					div.lecteur_rss ul li.rssactucat_1754 a,					
					div.lecteur_rss ul li.rsseventcat_1754 a
					{
					color:#000066 !important;
					}
					
					
				span.colorcat_1757{
				background-color:#DDA0DD;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1757{
				color:#DDA0DD;
				}
				#calendar-container .calendar tbody td.cat1757{
				background-color:#DDA0DD;
				}
				
					div.actucat_1757 div.texte_une div.bloc_titre a,
					div.actucat_1757 div.bloc_titre a,
					div.actucat_1757 div.bloc_titre h1,
					div.actucat_1757 div.bloc_titre h1 a,
					div.actucat_1757 div.bloc_titre,
					div.actucat_1757 h3 a,
					div.eventcat_1757 div.bloc_header span.title,
					div.eventcat_1757 div.bloc_header h1 span.title,
					div.eventcat_1757 div.bloc_header h1 span.title a,
					div.eventcat_1757 div.bloc_headerlink span.title a,
					h3.eventcat_1757 span,
					div.lecteur_rss ul li.rssactucat_1757 a,					
					div.lecteur_rss ul li.rsseventcat_1757 a
					{
					color:#DDA0DD !important;
					}
					
					
				span.colorcat_1739{
				background-color:#99CC66;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1739{
				color:#99CC66;
				}
				#calendar-container .calendar tbody td.cat1739{
				background-color:#99CC66;
				}
				
					div.actucat_1739 div.texte_une div.bloc_titre a,
					div.actucat_1739 div.bloc_titre a,
					div.actucat_1739 div.bloc_titre h1,
					div.actucat_1739 div.bloc_titre h1 a,
					div.actucat_1739 div.bloc_titre,
					div.actucat_1739 h3 a,
					div.eventcat_1739 div.bloc_header span.title,
					div.eventcat_1739 div.bloc_header h1 span.title,
					div.eventcat_1739 div.bloc_header h1 span.title a,
					div.eventcat_1739 div.bloc_headerlink span.title a,
					h3.eventcat_1739 span,
					div.lecteur_rss ul li.rssactucat_1739 a,					
					div.lecteur_rss ul li.rsseventcat_1739 a
					{
					color:#99CC66 !important;
					}
					
					
				span.colorcat_1743{
				background-color:#4169E1;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1743{
				color:#4169E1;
				}
				#calendar-container .calendar tbody td.cat1743{
				background-color:#4169E1;
				}
				
					div.actucat_1743 div.texte_une div.bloc_titre a,
					div.actucat_1743 div.bloc_titre a,
					div.actucat_1743 div.bloc_titre h1,
					div.actucat_1743 div.bloc_titre h1 a,
					div.actucat_1743 div.bloc_titre,
					div.actucat_1743 h3 a,
					div.eventcat_1743 div.bloc_header span.title,
					div.eventcat_1743 div.bloc_header h1 span.title,
					div.eventcat_1743 div.bloc_header h1 span.title a,
					div.eventcat_1743 div.bloc_headerlink span.title a,
					h3.eventcat_1743 span,
					div.lecteur_rss ul li.rssactucat_1743 a,					
					div.lecteur_rss ul li.rsseventcat_1743 a
					{
					color:#4169E1 !important;
					}
					
					
				span.colorcat_1738{
				background-color:#FFA500;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1738{
				color:#FFA500;
				}
				#calendar-container .calendar tbody td.cat1738{
				background-color:#FFA500;
				}
				
					div.actucat_1738 div.texte_une div.bloc_titre a,
					div.actucat_1738 div.bloc_titre a,
					div.actucat_1738 div.bloc_titre h1,
					div.actucat_1738 div.bloc_titre h1 a,
					div.actucat_1738 div.bloc_titre,
					div.actucat_1738 h3 a,
					div.eventcat_1738 div.bloc_header span.title,
					div.eventcat_1738 div.bloc_header h1 span.title,
					div.eventcat_1738 div.bloc_header h1 span.title a,
					div.eventcat_1738 div.bloc_headerlink span.title a,
					h3.eventcat_1738 span,
					div.lecteur_rss ul li.rssactucat_1738 a,					
					div.lecteur_rss ul li.rsseventcat_1738 a
					{
					color:#FFA500 !important;
					}
					
					
				span.colorcat_1740{
				background-color:#FFD700;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1740{
				color:#FFD700;
				}
				#calendar-container .calendar tbody td.cat1740{
				background-color:#FFD700;
				}
				
					div.actucat_1740 div.texte_une div.bloc_titre a,
					div.actucat_1740 div.bloc_titre a,
					div.actucat_1740 div.bloc_titre h1,
					div.actucat_1740 div.bloc_titre h1 a,
					div.actucat_1740 div.bloc_titre,
					div.actucat_1740 h3 a,
					div.eventcat_1740 div.bloc_header span.title,
					div.eventcat_1740 div.bloc_header h1 span.title,
					div.eventcat_1740 div.bloc_header h1 span.title a,
					div.eventcat_1740 div.bloc_headerlink span.title a,
					h3.eventcat_1740 span,
					div.lecteur_rss ul li.rssactucat_1740 a,					
					div.lecteur_rss ul li.rsseventcat_1740 a
					{
					color:#FFD700 !important;
					}
					
					
				span.colorcat_1736{
				background-color:#008080;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1736{
				color:#008080;
				}
				#calendar-container .calendar tbody td.cat1736{
				background-color:#008080;
				}
				
					div.actucat_1736 div.texte_une div.bloc_titre a,
					div.actucat_1736 div.bloc_titre a,
					div.actucat_1736 div.bloc_titre h1,
					div.actucat_1736 div.bloc_titre h1 a,
					div.actucat_1736 div.bloc_titre,
					div.actucat_1736 h3 a,
					div.eventcat_1736 div.bloc_header span.title,
					div.eventcat_1736 div.bloc_header h1 span.title,
					div.eventcat_1736 div.bloc_header h1 span.title a,
					div.eventcat_1736 div.bloc_headerlink span.title a,
					h3.eventcat_1736 span,
					div.lecteur_rss ul li.rssactucat_1736 a,					
					div.lecteur_rss ul li.rsseventcat_1736 a
					{
					color:#008080 !important;
					}
					
					
				span.colorcat_1752{
				background-color:#40E0D0;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1752{
				color:#40E0D0;
				}
				#calendar-container .calendar tbody td.cat1752{
				background-color:#40E0D0;
				}
				
					div.actucat_1752 div.texte_une div.bloc_titre a,
					div.actucat_1752 div.bloc_titre a,
					div.actucat_1752 div.bloc_titre h1,
					div.actucat_1752 div.bloc_titre h1 a,
					div.actucat_1752 div.bloc_titre,
					div.actucat_1752 h3 a,
					div.eventcat_1752 div.bloc_header span.title,
					div.eventcat_1752 div.bloc_header h1 span.title,
					div.eventcat_1752 div.bloc_header h1 span.title a,
					div.eventcat_1752 div.bloc_headerlink span.title a,
					h3.eventcat_1752 span,
					div.lecteur_rss ul li.rssactucat_1752 a,					
					div.lecteur_rss ul li.rsseventcat_1752 a
					{
					color:#40E0D0 !important;
					}
					
					
				span.colorcat_1742{
				background-color:#FF0033;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1742{
				color:#FF0033;
				}
				#calendar-container .calendar tbody td.cat1742{
				background-color:#FF0033;
				}
				
					div.actucat_1742 div.texte_une div.bloc_titre a,
					div.actucat_1742 div.bloc_titre a,
					div.actucat_1742 div.bloc_titre h1,
					div.actucat_1742 div.bloc_titre h1 a,
					div.actucat_1742 div.bloc_titre,
					div.actucat_1742 h3 a,
					div.eventcat_1742 div.bloc_header span.title,
					div.eventcat_1742 div.bloc_header h1 span.title,
					div.eventcat_1742 div.bloc_header h1 span.title a,
					div.eventcat_1742 div.bloc_headerlink span.title a,
					h3.eventcat_1742 span,
					div.lecteur_rss ul li.rssactucat_1742 a,					
					div.lecteur_rss ul li.rsseventcat_1742 a
					{
					color:#FF0033 !important;
					}
					
					
				span.colorcat_1758{
				background-color:#D2B48C;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1758{
				color:#D2B48C;
				}
				#calendar-container .calendar tbody td.cat1758{
				background-color:#D2B48C;
				}
				
					div.actucat_1758 div.texte_une div.bloc_titre a,
					div.actucat_1758 div.bloc_titre a,
					div.actucat_1758 div.bloc_titre h1,
					div.actucat_1758 div.bloc_titre h1 a,
					div.actucat_1758 div.bloc_titre,
					div.actucat_1758 h3 a,
					div.eventcat_1758 div.bloc_header span.title,
					div.eventcat_1758 div.bloc_header h1 span.title,
					div.eventcat_1758 div.bloc_header h1 span.title a,
					div.eventcat_1758 div.bloc_headerlink span.title a,
					h3.eventcat_1758 span,
					div.lecteur_rss ul li.rssactucat_1758 a,					
					div.lecteur_rss ul li.rsseventcat_1758 a
					{
					color:#D2B48C !important;
					}
					
					
				span.colorcat_1753{
				background-color:#FFFFFF;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1753{
				color:#FFFFFF;
				}
				#calendar-container .calendar tbody td.cat1753{
				background-color:#FFFFFF;
				}
				
					div.actucat_1753 div.texte_une div.bloc_titre a,
					div.actucat_1753 div.bloc_titre a,
					div.actucat_1753 div.bloc_titre h1,
					div.actucat_1753 div.bloc_titre h1 a,
					div.actucat_1753 div.bloc_titre,
					div.actucat_1753 h3 a,
					div.eventcat_1753 div.bloc_header span.title,
					div.eventcat_1753 div.bloc_header h1 span.title,
					div.eventcat_1753 div.bloc_header h1 span.title a,
					div.eventcat_1753 div.bloc_headerlink span.title a,
					h3.eventcat_1753 span,
					div.lecteur_rss ul li.rssactucat_1753 a,					
					div.lecteur_rss ul li.rsseventcat_1753 a
					{
					color:#FFFFFF !important;
					}
					
					
				span.colorcat_1737{
				background-color:#FF8C00;
				padding:0px 4px;
				font-size:10px;
				}
				span.colornomcat_1737{
				color:#FF8C00;
				}
				#calendar-container .calendar tbody td.cat1737{
				background-color:#FF8C00;
				}
				
					div.actucat_1737 div.texte_une div.bloc_titre a,
					div.actucat_1737 div.bloc_titre a,
					div.actucat_1737 div.bloc_titre h1,
					div.actucat_1737 div.bloc_titre h1 a,
					div.actucat_1737 div.bloc_titre,
					div.actucat_1737 h3 a,
					div.eventcat_1737 div.bloc_header span.title,
					div.eventcat_1737 div.bloc_header h1 span.title,
					div.eventcat_1737 div.bloc_header h1 span.title a,
					div.eventcat_1737 div.bloc_headerlink span.title a,
					h3.eventcat_1737 span,
					div.lecteur_rss ul li.rssactucat_1737 a,					
					div.lecteur_rss ul li.rsseventcat_1737 a
					{
					color:#FF8C00 !important;
					}
					
					
h3.titreperso, 
h2.titreperso, 
h1.titreperso,
.orga_nom,
.orga_nom_sg {
	color: #484242;
}

h3.actu, 
h2.actu,
div.default_link a,
h3#section_actus,
h2#section_actus,
div.bloc_titre,
div.actu div.bloc_titre a,
div.actulink div.bloc_titre a,
div.actu div.htmlarea_content p.htmlarea_titre,
div.actu div.htmlarea_content p.htmlarea_sous_titre,
div#actu_nom_suiv a,
div#actu_nom_prec a,
div.actu div.htmlarea_content h1,
div.actu div.htmlarea_content h2 {
	color: #484242;
}

h3#section_events,
h3.events,
h3#anciensevents,
h2#section_events,
h2.events,
h2#anciensevents,
p.titre_event,
div.bloc_headerlink span.title a,
div.bloc_header span.title a,
div.bloc_header span.title,
div.event div.htmlarea_content p.htmlarea_titre,
div.event div.htmlarea_content p.htmlarea_sous_titre,
div.event div.bloc_header span.title,
div.event div.bloc_headerlink span.title a,
div.eventlink div.bloc_header span.title,
div.eventlink div.bloc_headerlink span.title a,
div.event div.htmlarea_content h1,
div.event div.htmlarea_content h2 {
	color: #484242;
}

div.perso div.htmlarea_content p.htmlarea_titre,
div.perso div.htmlarea_content p.htmlarea_sous_titre {
	color: #484242;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
	background: #484242;
}

div#header_aiw {
	background-color: #405b81;;
}

form#formlogin fieldset legend {
	color: #484242;
}

form#formlogin fieldset label.login,
form#formlogin fieldset h3,
form#formlogin fieldset label.change,
div.oublititre {
	color: #484242;
}

form#connect {
	background-color:#484242;
}

form#connect fieldset legend,
form#connect fieldset label {
	color: #484242;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,div#header_club p.title_club{ 
	color: #ffffff;
}

.colorcat_multi{
	background-color: #869EA3;background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	padding: 0px 4px;
	font-size: 10px;
}


div#innerMain {
	background :#ffffff url(/data/bkg/pix_570_ffffff.png) 205px 0 repeat-y ;
}

div#html_footer {
	background-color :#ffffff;
}
dl.testttt dt a {	
	color: #ffffff; 
	background-color: #e66464;
}

div#header_cadre{width : 980px;}
div#container{width : 981px;}

div#demonstration,div#aiw_bande ul li.thelink a{color: #ffffff; }
.calendar thead .title,.calendar .button{background-color:#484242;color: #ffffff;}
div.lecteur_rss  div.thetitle, .entetemeteo{background-color:#484242;}
div.lecteur_rss  div.thetitle p, table.meteo td.entetemeteo{color: #ffffff;}
body{background-color: #FFFFFF; }
div#header_club p.title_club,div#header_club h1#titre_nom_club{}
div#header_club p.description_club{}

#surveyas div.search_autocomplete ul{
list-style-type: none;
margin: 0px;
padding: 0px;
max-height: 20em;
overflow: auto;
float:none;
}
#surveyas div.search_autocomplete ul li.selected{
background-color: #019393; 
color:#fff;
}
#surveyas div.autocomplete ul li.selected a{
color:#fff;
}
#surveyas div.autocomplete ul li {
list-style-type:none;
display: block;
margin: 0;
padding: 2px;
cursor: pointer;
text-align:left;
}
#surveyas div.autocomplete ul li a{
text-align:left;
font-weight:normal;
color:#000;
}
div#header_club {
	width:730px;
}

div#boutique,
div#recherche,
div.perso,
div.actu,
div.event {border: none;}

div.htmlarea_content table, 
div.htmlarea_content table tbody,
div.htmlarea_content table tbody tr,
div.htmlarea_content table tbody tr td {
border: none;border-color:#ffffff;}

div.htmlarea_content {
	font-size: 13px;
	font-family:Verdana, sans-serif;
	color: #484242;
}

div.htmlarea_content h1{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #e54b4b;} 
div.htmlarea_content h2{font-size: 16px;padding:0px 0px 0px 0px;font-family:Verdana, sans-serif;color: #1f9473;} 
div.htmlarea_content h3{font-size: 14px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #e54b4b;}
div.htmlarea_content h4{font-size: 13px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #1f9473;} 
div.htmlarea_content h5{font-size: 13px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #e54b4b;} 
div.htmlarea_content h6{font-size: 13px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #1f9473;} 
div.htmlarea_content address{font-size: 10px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #1f9473;} 
div.htmlarea_content p{font-size: 13px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #484242;}
div#boutique p,div#recherche p{font-size: 13px;font-family:Verdana, sans-serif;padding:0px 0px 0px 0px;color: #484242;margin-bottom:5px;}
table#tablo_boutique,table#tablo_boutique_vignettes,table.tablo_nav{color: #484242;}

div#accueil_content,div.htmlarea_content,h1.titreperso,h2.titreperso,h2#section_actus,div.actu,div.actulink,h2#section_events,div.event,div.eventlink,div#boutique,div#recherche{background-color:#ffffff;}
h1.titreperso,h2.titreperso,h2#section_actus,h2#section_events{font-size : px;}
div#recherche a,div#boutique a,div.htmlarea_content a{color:#1f9473;}
div#recherche a:hover,div#boutique a:hover,div.htmlarea_content a:hover,div#recherche a:visited:hover,div#boutique a:visited:hover,div.htmlarea_content a:visited:hover{color:#e54b4b;}
div#recherche a:visited,div#boutique a:visited,div.htmlarea_content a:visited{color:#e54b4b;}
div.htmlarea_content img {position:relative;padding:5px;max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 510) );}
div.htmlarea_content p img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h1 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h2 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h3 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h4 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h5 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content h6 img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
div.htmlarea_content address img {max-width:950px;max-width: expression( Math.min(parseInt(this.offsetWidth), 950) );}
/******* ANIMATIONS ********/


.animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
  -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
          animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }


  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
            transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
            transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
            transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
            transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {

    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
  -webkit-animation-name: flip;
          animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
          animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
          animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
            transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
          animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
          animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
          animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
          animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
            transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
            transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}


/*** NORMALIZE ***/
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  font-weight: 600;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

.retrait {
    margin-left: 10px !important;
    font-size: 13px !important;
    line-height: 1;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/***** RESET STRUCTURE *****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, b, u, i, center, ol, ul, li, fieldset, form, label, embed, video {
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: baseline;
    line-height: inherit;
}

#container,
#header_aiw,
#z1,
#header_cadre,
#header_club,
#bloc_droite_bandeau,
#z7,
#appli,
#accueil_content,
#menu_appli_nosh,
#html_footer {
    border: medium none;
    margin: 0;
    padding: 0;
    max-width: inherit !important;
    min-width: inherit !important;
}

.pub_sous_rss {
    margin: 0 !important;
    padding: 0 !important;
}

div.perso {
    background: none !important;
    color: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
}

.clear {
 clear: both;
}

div.date_modif {
    display: none;
}
.spacer {
    display: none;
}

/*** Reset styles prédéfinis ***/

div#accueil_content,
div.htmlarea_content,
h1.titreperso, h2.titreperso,
h2#section_actus,
div.actu,
div.actulink,
h2#section_events,
div.event,
div.eventlink,
div#boutique,
div#recherche,
div#html_footer {
    background: none;
}

  div.perso td,
  div.perso th,
  div.htmlarea_content td,
  div.htmlarea_content th {
    border: none;
}

div#header_club h1,
div#header_club h1#titre_nom_club,
div#header_club p,
div#header_club p.title_club {
   /* color: inherit !important;  si activé, passe par dessus l"éditeur */
}

h3.titreperso,
h2.titreperso,
h1.titreperso,
.orga_nom,
.orga_nom_sg {
   /* color: inherit !important;  si activé, passe par dessus l"éditeur */
    font-size: 17px !important;
    text-align: center;
    padding: 30px 0 20px 0 !important;
    font-weight: 600;
}

h2#section_actus,
h2#section_events,
h2#section_contact,
h2#section_fiche,
h2#section_orga,
h2#section_plan {
    background: none !important; 
}

.htmlarea_content li {
    margin-left: 10px !important;
}

div#ariane {
    margin: 5px 0px 0px !important;
    float: none;
    color: inherit;
}

div#ariane a, div.lecteur_rss a {
    color: inherit;
}

div.date_modif {
    color: inherit;
}

/*** STYLES GENERAUX AIW ****************************************/

html, body {
    font-family: "Open sans", sans-serif;
    font-size: 12px;
    letter-spacing: normal !important;
    color: #484242;
}

div.htmlarea_content {
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    padding: 0;
}

.green {
  color: #1f9473;
}

.red {
  color: #e54b4b;
}

.brown {
  color: #484242;
}

.white {
  color: #ffffff;
}

.underline_green {
  border-bottom: 1px solid #1f9473 !important;
}

.underline_red {
  border-bottom: 1px solid #e54b4b !important;
}

.underline_brown {
  border-bottom: 1px solid #484242 !important;
}

.muli {
  font-family: "open sans", sans-serif;
}

.tangerine {
  font-family: "Tangerine", serif;
  font-weight: bold;
}

.f14 {
  font-size: 14px;
}

.container_br,
.container_br_heure,
.container_br_date {
    display: block !important;
    height: 0;
}

.bouton {
  background: #1f9473;
  padding: 3px 10px !important;
  color: white !important;
  text-decoration: none !important;
}

.bouton:hover {
  background: #24ab85;
}

.f16 {
  font-size: 16px;
}

.f25 {
  font-size: 25px;
}

.f18 {
  font-size: 18px;
}

.f40 {
  font-size: 40px;
}

.p10 {
  padding: 10px 0 !important;
}

.ptop20 {
  padding: 20px 0 0 0 !important;
}

.pleft145 {
  padding-left: 145px !important;
}

.semibold {
  font-weight: 600;
}

.link_forum {
    text-align: center;
    font-size: 13px;
    color: #E54A48;
    height: 22px;
}

.link_forum a {
  color: #E54A48;
  padding: 0 15px 0 2px !important;
  font-size: 13px;
}

.link_forum a:hover {
  text-decoration: underline;
}

.calendar_legende {
    font-size: 13px;
    font-weight: 600;
    padding-left: 115px !important;
}

.brown_square {
    height: 20px;
    width: 20px;
    background: #ede1d1;
    float: left;
    margin: 0 10px 10px 0 !important;
}

.green_square {
    height: 20px;
    width: 20px;
    background: #1f9473;
    float: left;
    margin: 0 10px 10px 0 !important;
}

div.htmlarea_content p {
   /* color: inherit !important;  si activé, passe par dessus l"éditeur */
    font-family: inherit;
}

div.htmlarea_content h1,
div.htmlarea_content h2,
div.htmlarea_content h3,
div.htmlarea_content h4,
div.htmlarea_content h5,
div.htmlarea_content h6 {
    font-family: inherit;
}

div.htmlarea_content img {
    max-width: 100% !important;
    height: auto !important;
    padding: 0;
}

input[type="text"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="time"],
input[type="url"],
textarea,
select
{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    color: #484242;
    font-size: 13px;
    font-weight: 400;
}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus,
select:focus
{
    border: 1px solid #1f9473;
}

input {
    font-family: inherit !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 20px;
}

select {
    font-size: 12px !important;
    height: 20px;
}

textarea {
    font-family: inherit !important;
    font-size: 13px !important;
    height: 100px !important;
    width: 100% !important;
}

input[type=radio],
input[type="checkbox"],
input[type="reset"],
input[type="file"],
input[type=button] {
    height: auto !important;
    width: auto !important;
}

/*** Boutons ***/
input[type=button],
input[type=submit],
a.bouton30, a.bouton50,
a.bouton60, a.bouton75,
a.bouton100, a.bouton125,
a.bouton150, a.bouton200,
a.bouton30 span,
a.bouton50 span,
a.bouton60 span,
a.bouton75 span,
a.bouton100 span,
a.bouton125 span, 
a.bouton150 span,
a.bouton200 span,
a.bouton30 span span,
a.bouton50 span span,
a.bouton60 span span,
a.bouton75 span span,
a.bouton100 span span,
a.bouton125 span span,
a.bouton150 span span,
a.bouton200 span span
 {
    border: none !important;
    width: auto !important;
    padding: 0 10px;
    height: 20px !important;
    background: #1f9473;
    color: white;
    font-size: 14px;
}

input[type=button]:hover,
input[type=submit]:hover,
a.bouton30:hover,
a.bouton50:hover,
a.bouton60:hover,
a.bouton75:hover,
a.bouton100:hover,
a.bouton125:hover,
a.bouton150:hover,
a.bouton200:hover,
a.bouton30:hover span,
a.bouton50:hover span,
a.bouton60:hover span,
a.bouton75:hover span,
a.bouton100:hover span,
a.bouton125:hover span,
a.bouton150:hover span,
a.bouton200:hover span,
a.bouton30:hover span span,
a.bouton50:hover span span,
a.bouton60:hover span span,
a.bouton75:hover span span,
a.bouton100:hover span span,
a.bouton125:hover span span,
a.bouton150:hover span span,
a.bouton200:hover span span {
    border: none !important;
    background: #24ab85;
    color: white;
}

a.bouton150 span span {
    width: 200px !important;
}

/***** STRUCTURE **********************************************/
/*** HEADER *********************************/

#container {
    width: 1080px !important;
    margin: 0 auto !important;
    border: none !important;
}

    #header_aiw {
        background: none !important;   
    }

        #z1 {
            margin: 0 auto !important;
            padding: 15px 0 5px 0 !important;
            position: relative
        }

            #logo {
                display: inline-block;
            }

            #baseline {
                display: inline-block;
                vertical-align: top;
                margin: 10px 0 0 10px !important;
            }

            #search {
                display: inline-block;
                width: 270px;
                margin: 33px 0 0 135px !important;
                vertical-align: top;
            }

            #bloc_facebook {
                position: absolute;
                right: 4px;
                top: 4px;
            }

            #bloc_facebook img {
                width: 25px;
            }

        #header_cadre {
            background-color: #e54b4b;
            height: 31px;
            width: 1080px !important;
            }

            #header_club {
                display: none;
            }

            #bloc_droite_bandeau {
                margin: 0 auto !important;
                float: none !important;
            }

        #z7 {
            margin: 0 auto !important;
        }

/*** WRAPPER CONTENT FOOTER *******************/

#appli {
    clear: both;
}

/*** WRAPPER CONTENT ************************/

    #innerMain {
        margin: 0 auto !important;
        min-height: 500px;
    }

/*** CONTENT ********************************/
/*** column left ***/

div#menu_appli_nosh {
    display: none;
}

/*** column center ***/

#accueil_content {
    width: 100% !important;
    display: inline-block;
    vertical-align: top;
    float: none !important;
    }

    .perso {

    }

/*** FOOTER ********************************/

    #html_footer {
        margin: 0 auto !important;
        background: #ede1d1 !important;
        padding: 10px 0 !important;
        margin-top: 20px !important;
    }

    .conf_4059 #html_footer {
        margin-top: 0px !important;
    }

    #footer_coordonnes,
    #footer_newsletter,
    #footer_menu,
    #footer_light_menu {
    display: inline-block;
    width: 230px;
    height: 200px;
    padding: 10px 19px !important;
    color: #484242;
    }

    #footer_coordonnes, #footer_newsletter, #footer_menu {
      vertical-align: top;
      border-right: 1px solid #484242 !important;
    }
    
    #footer_contact {
      display: inline-block;
      height: 200px;
      vertical-align: top;
      padding: 10px 19px !important;
    }
    
    #footer_contact p {
      line-height: 22px !important;
    }

    /*** FOOTER MENU ***/

    #footer_menu a,
    #footer_menu span {
      color: #1f9473 !important;
      font-size: 12px;
      font-weight: 600 !important;
    }

      #footer_menu .menu_selected 
      {
        background: none !important;
        text-decoration: underline;
    }

    #menuhaut .subs {
        display: none !important;
    }

    #menuhaut ul {
      list-style: none !important;
    }

      #menuhaut a {
          color: #484242;
      }

    /*** NEWSLETTER ***/
    
    #footer_newsletter fieldset {
    border: medium none !important;
}

    #footer_newsletter h3 {
        display: none;
    }

    #email_newsletter_enligne {
        margin: 10px 0 !important;
    }

    #valider_newsletter {
        float: right;
        margin: 10px 30px 0 0 !important;
    }

    /*** LIGHT MENU ***/

    #footer_light_menu {
      vertical-align: bottom !important;
      }

    #footer_light_menu a {
      color: #484242;
    }

    #footer_light_menu a:hover {
      text-decoration: underline;
    }

/*** AIW FOOTER ****************************/

    #aiw_footer {
        background: #1f9473 !important;
        color: white !important;
        padding: 5px !important;
    }

    #aiw_footer a {
        color: white !important;
    }

/*** MENU ***/

#menutop,
#menutop ul,
#menutop ul li,
#menutop ul li a,
#menutop ul li span {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.menu_selected {
  text-decoration: underline !important;
}

#menutop:after,
#menutop > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#menutop > ul > li {
  float: left;
}

.subs {
  border-top: 3px solid #d80a1c;
}

#menutop > ul > li > a,
#menutop .nolink {
  font-size: 12px;
  letter-spacing: 1px;
  text-decoration: none;
  color: #f2f2f2;
  font-weight: 600;
  border-right: 1px solid white;
  padding: 0 13px 0 !important;
  height: 31px;
  display: table-cell;
  vertical-align: middle;
}

.lastmenu a {
  border-right: none !important;
}

#menutop > ul > li:hover > a {
  color: #ffffff;
}

#menutop > ul > li.has-sub > a {
  padding-right: 30px;
}

#menutop > ul > li.has-sub:hover > a:before {
  top: 29px;
  height: 0;
}

#menutop ul ul {
  position: absolute;
  left: -9999px;
  top: 29px;
  z-index: 10000;
}

#menutop.align-right ul ul {
  text-align: right;
}

#menutop ul ul li {
  border-bottom: 1px solid #e54b4b !important;
}

#menutop li:hover > ul {
  left: auto;
}

#menutop.align-right li:hover > ul {
  left: auto;
  right: 0;
}
#menutop li:hover > ul > li {
  height: auto;
}

#menutop ul ul li a {
  padding: 7px 15px !important;
  width: auto;
  font-size: 12px;
  text-decoration: none;
  color: #f2f2f2;
  font-weight: 400;
  text-decoration: underline;
  background: #df7272;
}

#menutop ul ul li:last-child > a,
#menutop ul ul li.last-item > a {
  border-bottom: 0;
}

#menutop ul ul li:hover > a,
#menutop ul ul li a:hover {
  color: #ffffff;
}

/** Menu privée ***/

.identified li.idMenu_42115 {
    display: none !important;
}

/*** SLIDER ***/

.label_album,
.titre_album,
.nb_photos {
    display: none;
}

.encapsAlbum br {
  display: none;
}

div.slides_control img.img_diapo {
    width: auto !important;
}

.prev, .next {
    display: none !important;
}

#slides .next, #slides .prev, .slideshow .next, .slideshow .prev {
    left: -24px;
  }

  #slides .next, .slideshow .next {
    left: 1080px;
}

/****/

.caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: auto !important;
    left: 3%;
    padding: 5px 20px 0;
    top: 5% !important;
    width: 20% !important;
    border-top: none !important;
}

.legende {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #484242;
    padding: 10px 0 !important;
    }
    
.description {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #484242;
    padding: 10px 10px 10px 10px !important;
    font-size: 14px;
    }

.lirelasuite {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    padding: 0px 10px 20px 10px !important;
    }

.lirelasuite a {
    color: #484242;
    font-size: 12px;
    }

/*** CONFIGURATION : modifications par rapport à la strcture de base ****************************************************/

/***  ACCUEIL . CONF : 01 - ACC - 2015 ***/

.conf_4214 #z8 .htmlarea_content {
    display: block;
}

.conf_4214 .titreperso {
    display: none;
}

.conf_4214 .htmlarea_content {
    display: none;
}

/** configuration ajout colonne droite forum104 - associations. 
CONF : 05 - PGS COL F104 - 2015 / 06 - PGS COL ASSOS - 2015 ; */

.conf_4065 div.colonne_flux,
.conf_4066 div.colonne_flux,
.conf_4065 div#colonne_flux,
.conf_4066 div#colonne_flux,
.conf_4065 div.colonne_fluxnoariane,
.conf_4066 div.colonne_fluxnoariane,
.conf_4065 div#colonne_fluxnoariane,
.conf_4066 div#colonne_fluxnoariane {
    width: 260px !important;
    display: inline-block;
    float: none !important;
    width: 260px !important;
}

.conf_4065 #accueil_content,
.conf_4066 #accueil_content  {
    width: 790px !important;
    padding-right: 30px !important;
}

/*** Page détail recherche assos **/

body.body_fiche_contact.conf_4065 div.colonne_flux {
  display: none !important;
  width: 0 !important;
}

body.body_fiche_contact.conf_4065 #accueil_content {
  width: 100% !important;
}

/* colonne droite*/

#bloc_secteurs {
    background: #1f9473 none repeat scroll 0 0;
    margin-top: 20px !important;
    padding: 10px !important;
}

#bloc_secteurs h1 {
    border-bottom: 1px solid;
    color: white;
    font-size: 16px;
    margin-bottom: 13px !important;
    padding-bottom: 5px !important;
}

#bloc_secteurs a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0 !important;
    color: white;
}

#bloc_secteurs a:hover {
  text-decoration: underline;
}

#bloc_secteurs .intervenants {
    border-bottom: 1px solid;
    font-weight: 600 !important;
    margin: 20px 0 !important;
}

#bloc_typologies {
    background: #EDE1D1 none repeat scroll 0 0;
    margin-top: 20px !important;
    padding: 10px !important;
}

#bloc_typologies h1 {
    border-bottom: 1px solid;
    color: #484242;
    font-size: 16px;
    margin-bottom: 13px !important;
    padding-bottom: 5px !important;
}

#bloc_typologies a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 2px 0 !important;
    color: #484242 !important;
}

#bloc_typologies a:hover {
  text-decoration: underline;
}

/**BTN recherche assos **/

#search_assos a {
    background: #e54b4b;
    display: block;
    text-align: center;
    padding: 8px 0 !important;
    color: white;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px !important;
    text-decoration: underline;
}

#search_assos a:hover {
    background: #e66a6a;
}

table.gsc-search-box {
    margin-bottom: 0px !important;
}

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #1e9472 !important;
    border-color: #1e9472 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding: 0 0 0 4px !important;
}

/** menu typologies assos **/

#menuright ul {
  list-style: none;
}

#menuright ul li a,
#menuright ul li span {
  color: #FFF;
padding: 8px 5px !important;
display: block;
font-size: 14px;
}

#menuright ul li a:hover {
  text-decoration: underline;
}


/** configuration CATALOGUE - BOUTIQUE
CONF : 03 - BTQ - 2015 */

/*** HEADER *********************************/
#container {
    width: 1080px !important;
    margin: 0 auto !important;
}

/*** WRAPPER CONTENT FOOTER *******************/
#appli {
    clear: both;
}

.conf_4059 div#innerMain {
  background-image: url(http://www.forum104.org/offres/doc_inline_src/753/bg_boutique.jpg);
  background-position: 0;
}

/*** WRAPPER CONTENT ************************/
/*** CONTENT ********************************/
/*** column left ***/

.conf_4059 div#menu_appli_nosh {
    display: inline-block;
    float: none;
    width: 260px;
    height: auto;
}

#catalogue_menu {
  background: #ede1d1;
  width: 240px;
  padding: 10px !important;
}

div#catalogue_menu a {
    color: black;
    font-size: 13px;
    margin: 0 !important;
    padding: 0 !important;
}

div#catalogue_menu a.lien_description{
  display: none;
}

.container_produit .prix .boutons{
  display: block;
  text-align: center;
  margin: 15px 0 20px 0 !important;
}

.container_produit .prix{
  color: black;
}

#nouveautes {
    padding: 20px !important;
}

/*** column center ***/

.conf_4059 #accueil_content {
    width: 790px !important;
    padding: 20px 10px 0 20px !important;
    }

    div#colonne_tofs {
      display: none;
    }

    div#colonne_detail {
      float: left;
      padding: 5px;
      width: 100%;
}

/********************************************************************************************************************************/

/****ELEMENTS ACCUEIL******************************************************/
/*************************************************************************/

/*** BLOC flash infos *************************/

#h1_flux_actus {
  display: none;
}

#bloc_flash_info .logoactu {
  display: none;
}

.flash_info {
    display: inline-block;
    vertical-align: top;
    background: #1f9473 none repeat scroll 0 0;
    height: 65px;
    width: 180px;
    margin: 20px 20px 20px 0 !important;
    line-height: 3;
    color: white;
    font-size: 22px;
    font-weight: 700;
    text-align: center;
}

.flash_info img{
    margin: 0 5px -5px 0 !important;
}

.flash_info_actus {
    display: inline-block;
    vertical-align: top;
    width: 875px;
    margin: 20px 0 0 0 !important;
}

.actucat_1747 {
    display: inline-block;
    vertical-align: top;
    width: 270px;
}

.flash_info_actus #actu_flux_rss_0,
.flash_info_actus #actu_flux_rss_1 {
    margin-right: 30px !important;
}

.titre {
  color: #1F9473;
  font-size: 15px;
  padding: 0 0 10px 0 !important;
  display: block;
}

.detail {
  color: #484242;
  font-size: 12px;
}

.suite {
  display: none;
}

.colorcat_1747 {
    display: none;
}

/*** BLOC ACTUALITE + NOUVEAUTE ************************/

#bloc_actualites,
#bloc_programme {
    margin: 30px 0px !important;
    border-bottom: 1px solid grey;
    padding: 20px 0 !important;
}

#bloc_nouveautes {
    margin-bottom: 50px !important;
}

.bloc_left {
    display: inline-block;
    vertical-align: top;
    width: 180px;
    margin: 20px 20px 20px 0 !important;
}

.bloc_right {
    display: inline-block;
    width: 875px;
    vertical-align: top;
    margin: 20px 0 0 0px !important;
}

/***** GESTION SCROLL ACTUS HORIZONTAL **********************/

.list_container {
overflow:hidden;    
width: 93%;  
}

.list_actus,
.list_events {
    float:left;
}

.list {
    float:left;
    min-width: 1000000px;
}

.arrow_actus,
#arrowR_event {
    background: #e54b4b;
    width:45px;
    height:45px;
    float:right;
    cursor:pointer;
    z-index: 1000;
}

.scroll_container_actus {
  position: relative;
}

#arrowL_actus_1748 {
    top: 133px !important;
    right: 0 !important;
    position: relative;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_gauche_brown.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ede1d1;
}

#arrowR_actus_1748 {
    top: 277 !important;
    right: 0px !important;
    position: absolute;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_droite_brown.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ede1d1;
}

#arrowL_actus_1749 {
    top: 133px  !important;
    right: 0 !important;
    position: absolute;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_gauche.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e54b4b;
}

#arrowR_actus_1749 {
    top: 0 !important;
    right: 0px !important;
    position: relative;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_droite.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #e54b4b;
}

#arrowL_actus_1747 {
    top: 133px  !important;
    right: 0 !important;
    position: absolute;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_gauche.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1F9473;
}

#arrowR_actus_1747 {
    top: 0 !important;
    right: 0px !important;
    position: relative;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_droite.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1F9473;
}


.item_actu {
    width:175px;
    margin:0 30px 0 0 !important;
    float:left;
    position:relative;
}

.bloc_photo_scroll img {
  width: 178px;
}

.bloc_titre_scroll h1 {
  font-size: 13px;
  color: #615958;
}

#container_actus_1749 .bloc_titre_scroll h1 {
  font-size: 13px;
  color: #e54b4b;
}

.bloc_description_scroll {
  font-size: 13px;
  color: #615958;
}

/***** GESTION SCROLL EVENTS Horizontal *************************/

#container_events_1748 .arrow_events {
    width:45px;
    height:45px;
    float:right;
    cursor:pointer;
    z-index: 1000;
}

#arrowL_events_1748 {
    top: 133px !important;
    right: 0 !important;
    position: relative;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_gauche_brown.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ede1d1;
}

#arrowR_events_1748 {
    top: 277 !important;
    right: 0px !important;
    position: absolute;
    background-image: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_droite_brown.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ede1d1;
}

#container_events_1748 .item_event {
    width:175px;
    margin:0 30px 0 0 !important;
    float:left;
    position:relative;
}

#container_events_1748 .titre_debut_event {
  font-size: 13px;
  color: #615958;
  font-weight: 600;
}

/*#container_events_1748 .bloc_date_scroll {
  display: none;
}*/

#container_events_1748 .bloc_date_scroll {
	/* display: none; */
	font-size: 13px;
	color: #615958;
}


/***** GESTION SCROLL EVENTS VERTICAL *************************/

#container_events_1818 {
    height: 375px;
}

#list-container_1818 {
overflow:hidden;    
width: 100%;
height: 304px;
}

#arrowT_events_1818 {
    top: 8px !important;
    position: relative;
    background: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_top.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}

#arrowB_events_1818 {
    top: 330px !important;
    position: relative;
    background: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
    z-index: 1000;
}


#container_events_1818|1746 {
    height: 375px;
}

#list-container_1818|1746 {
overflow:hidden;    
width: 100%;
height: 304px;
}

#arrowT_events_1818|1746 {
    top: 8px !important;
    position: relative;
    background: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_top.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
}

#arrowB_events_1818|1746 {
    top: 330px !important;
    position: relative;
    background: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    cursor:pointer;
    z-index: 1000;
}

.item_event {
  cursor: pointer;
}

.item_event_forum104 {
    background: #1f9473 none repeat scroll 0 0;
    border-bottom: 1px solid white !important;
    padding: 15px !important;
    color: white;
    position: relative;
    height: 45px;
    width: 460px;
  }

  .item_event_forum104:hover {
    background: #25b28a;
  }

.item_event_asso {
    background: #ede1d1 none repeat scroll 0 0;
    border-bottom: 1px solid #484242 !important;
    padding: 15px !important;
    color: #484242;
    position: relative;
    height: 45px;
    width: 460px;
}

.item_event_asso {
  background: #ead4b6;
}

.item_event_left,
.item_event_right {
  display: inline-block;
  vertical-align: top;
}

.item_event_left {
    text-align: center;
    width: 115px;
}

.item_event_right {
    width: 315px;
}

.item_event_forum104 .titre_event {
    color: white !important;
}

.item_event_forum104 .cat_event a,
.item_event_forum104 .titre_event a {
    color: white;
}

.item_event_asso .titre_event {
    color: #484242;
}

.item_event_asso .cat_event a,
.item_event_asso .titre_event a {
    color: #484242;
}

/*** BLOC Forum104 ***/

.forum_home {
    border: 1px solid #1f9473 !important;
    border-radius: 10px;
    display: inline-block;
    padding: 20px !important;
    vertical-align: top;
    width: 510px;
}

#page_36494 {
    padding: 20px 0 0 0 !important;
}

/*** BLOC Programme ***/

.program_home {
    display: inline-block;
    vertical-align: top;
    width: 460px;
    margin-left: 60px !important;
    margin-top: 20px !important;
}


/*** PAGE FLASH ***/

body#actu_25061 p.bouton_retour{
  display:none;
}

/*** CALENDRIER *******************************************************/

div#calendar {
    width: 365px;
    float: none;
    margin: 0 auto !important;
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.calendar tbody td.evenement,
.calendar tbody td.selected {
    color: inherit !important;
}

#calendar table {
    width: 365px !important;
    height: 235px;
    font-family: inherit !important;
    font-size: 14px;
}

.calendar thead .title,
.calendar .button {
    background-color: #e54b4b;
    color: #FFF;
    border: none;
}

.calendar tbody td.today {
    background: none;
    border: none;
    font-weight: normal;
}

.calendar tbody .day {
    text-align: center;
    width: auto;
    padding: 0 !important;
    border: none !important;
}

.calendar thead .name {
    border-bottom: none;
    width: 30px;
}
  }

.calendar tbody td.hilite {
  border: none;
  background-color: #f2f2f2;
}

.catmulti {
  background: none !important;
}

.cat1746 {
  background: none !important;
}

.cat1741 {
  background: none !important;
}

/*** Calendrier colonne droite forum***/

.conf_4065 div#calendar,
.conf_4066 div#calendar {
    width: auto;
    float: none;
    margin: none !important;
}

.conf_4065 #calendar table,
.conf_4066 div#calendar table {
    width: 260px !important;
    height: 200px !important;
    font-size: 14px;
}

/*** MOTEUR DE RECHERCHE *************************************/

/* moteur recherche assos */

#rech_filtre3 {
    display: none;
}

/** moteur de recherche intervenants */

.moteur_21826 #div_filtre_et_ou {
    display: none;
}
/**/

#input_search {
    padding: 20px 0 !important;
}

#form_moteur_recherche h3 {
  display: none;
}

#form_moteur_recherche fieldset {
    border: none;
}

#rechercher {
    height: 30px;
    width: 210px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background: #1f9473;
    border: 1px solid #ccc;
    color: #fff;
    font-size: 14px !important;
}

#rech_filtre1,
#rech_filtre2,
#rech_filtre3 {
    padding: 10px 0 !important;
}

#form_moteur_recherche {
  width: 726px !important;
  margin: 0px auto !important;
  text-align: center;
  font-size: 14px;
}

#btsearch {
    margin: 20px !important;
    height: 33px !important;
    font-size: 14px !important;
    font-weight: 600;
}

/*affichage resultats association*/

#res_mot_search > li {
    display: inline-block;
    vertical-align: top;
    list-style: outside none none;
    padding: 2% !important;
    width: 98%;
}

.bloc_identite {
    border-bottom: 1px solid #24ab85 !important;
    display: block;
    color: #24ab85;
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}
.container_asso_gauche span,
.container_asso_droite span {
    display: block;
}

.container_asso_gauche,
.container_asso_droite,
.div_image_asso,
.info_asso {
    display: inline-block;
    vertical-align: top
} 

.container_asso_gauche {
    width: 30%;
} 

.container_asso_droite {
  padding: 0 3% !important;
  width: 63%;
    border-left: 1px dotted #ccc !important;
}

.info_asso {
  padding-left: 10px !important;
}

.bloc_img img {
    max-width: 75px;
}

.bloc_raison_sociale {
    font-weight: bold;
    margin-bottom: 7px !important;
}

.bloc_email {
    font-style: italic;
    padding: 5px 0 !important;
}

.bloc_lien_fiche_event {
    font-size: 13px;
    font-weight: 600;
    padding: 5px 0 !important;
}

.bloc_lien_fiche_event a {
  color: #e54b4b;
}

.bloc_lien_fiche_event a:hover {
  text-decoration: underline;
}

.titre_bloc_droite {
    float: left;
    font-weight: 600;
    padding-right: 10px !important;
}

.bloc_typologie_princ,
.bloc_typologie_princ_autre,
.bloc_typologie_second,
.bloc_mots_cle {
    font-weight: 400;
}

/*page me association suite à la recherche*/

.body_fiche_contact .fiche_type_contact_2172 #Llib_champ_tl_membre_3,
.body_fiche_contact .fiche_type_contact_2172 #Llib_champ_tl_membre_2,
.body_fiche_contact .fiche_type_contact_2172 #Blib_champ_tbit_membre_1 {
    display: none;
}

.body_fiche_contact .fiche_type_contact_2172 .fichecontact {
  background: transparent url("http://www.forum104.org/offres/doc_inline_src/753/bg_pages_privees.jpg") repeat-y scroll 0% 0%;
}

.body_fiche_contact .fiche_type_contact_2172 .annu1 {
    width: 260px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 13px;
}

/*** GESTION PAGE INTERVENANT AVEC EVENT ***/

.fiche_type_contact_2176 .fichecontact #identite_fiche,
.fiche_type_contact_2176 .fichecontact #events_asso {
    float: left;
}

.fiche_type_contact_2176 .fichecontact #events_asso {
    width:780px;
}

.fiche_type_contact_2172 .fichecontact #events_asso {
    width: 730px;
    float: right;
    margin: 20px 20px !important;
}

.fiche_type_contact_2176 .fichecontact #events_asso h2,
.fiche_type_contact_2172 .fichecontact #events_asso h2,
.fiche_type_contact_2172 #data_fiche_externe #events_asso h2 {
  display:none;
}

.fiche_type_contact_2176 .fichecontact #events_asso h3,
.fiche_type_contact_2172 .fichecontact #events_asso h3,
.fiche_type_contact_2172 #data_fiche_externe #events_asso h3 {
  margin-bottom: 10px !important;
  color: #E54B4B;
}

.fiche_type_contact_2176 .fichecontact #events_asso div h3 span.date,
.fiche_type_contact_2172 .fichecontact #events_asso div h3 span.date,
.fiche_type_contact_2172 #data_fiche_externe #events_asso div h3 span.date{
  color: rgb(0, 0, 0);
  font-weight: normal;
  float: left;
  margin-right: 20px !important;
}

.fiche_type_contact_2176 .fichecontact #events_asso div h3 span.title,
.fiche_type_contact_2172 .fichecontact #events_asso div h3 span.title,
.fiche_type_contact_2172 #data_fiche_externe #events_asso div h3 span.title {
  margin-left: 15px !important;
  color: #1E9472;
  font-weight:normal;
}

.fiche_type_contact_2176 .fichecontact #events_asso div div.debut_event a,
.fiche_type_contact_2176 .fichecontact #events_asso div div.lien_suite a,
.fiche_type_contact_2172 .fichecontact #events_asso div div.debut_event a,
.fiche_type_contact_2172 .fichecontact #events_asso div div.lien_suite a,
.fiche_type_contact_2172 #data_fiche_externe #events_asso div div.debut_event a,
.fiche_type_contact_2172 #data_fiche_externe #events_asso div div.lien_suite a {
  color: #484242;
}

.fiche_type_contact_2176 .fichecontact #events_asso div div.lien_suite,
.fiche_type_contact_2172 .fichecontact #events_asso div div.lien_suite,
.fiche_type_contact_2172 #data_fiche_externe #events_asso div div.lien_suite{
  border-bottom: 1px solid #ccc;
  margin: 0px 0px 10px !important;
  padding-bottom: 10px !important;
}


.fiche_type_contact_2172 #data_fiche_externe #events_asso{
  margin-top:50px !important;
}

/*.fiche_type_contact_2172 #fichecontact_droite #survey_1660, 
.identified .fiche_type_contact_2172 #fichecontact_droite #events_asso_contenu{
  display:none;
}*/

.fiche_type_contact_2172 #fichecontact_droite #survey_1660 {
  display:none;
}

.identified .fiche_type_contact_2172 #fichecontact_droite #survey_1660 {
display: inline-block;
}

div.bloc_textesmall {
    width: 690px;
    margin-bottom: 15px !important;
}

.bloc_intervenant,
.bloc_association {
    margin: 15px 0px !important;
}

.fichecontact{
  display:inline-block;
}

/***/

.bloc_fonction.bloc_intervenant > h3 {
    padding: 0 0 5px !important;
    font-size: 18px;
    border-bottom: 1px dotted #ccc !important;
    margin: 0 0 20px 0 !important;

}

.bloc_intervenant #h2_flux_events {
    display: none;
}

.bloc_intervenant .date {
    font-weight: normal;
    font-size: 12px;
}

.bloc_intervenant .title span {
    display: block;
    width: 3px;
    display: inline-block;
}

.bloc_intervenant .title {
color: #1f9473;
}

.bloc_intervenant a {
color: #484242;
}

.bloc_intervenant .lien_suite.lien_suite_event {
    margin: 0 0 15px !important;
    display: block;
    text-align: right;
    color: #1f9473;
}

.bloc_intervenant .lien_suite.lien_suite_event a {
    color: #1f9473;
}


/*** INSCRIPTION EVENEMENT *********************************************/

#identification_inscription fieldset {
  border: none !important;
}

#identification_inscription #auth_got_id {
    display: none;
}

#identification_inscription .champs,
#identification_inscription .champs_authentification {
    display: none;
}

#go_client {
    display: none;
}

#auth_no_id {
    display: none;
}

.texte_authentification {
    text-align: center;
    padding: 20px !important;
}

#new_client {
  background: #E54B4B none repeat scroll 0% 0% !important;
  height: 30px !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  width: 180px !important;
}


/*** formulaire inscription ***/

form.form_enligne, form#form_contact_accueil fieldset, div#messageConfirmation, fieldset.reponse_clients {
    border: none !important;
    display: block;
    margin: 0px;
    padding: 10px !important;
    position: relative;
    background-color: none;
}

form#form_contact_accueil fieldset label.contact {
    float: left;
    margin-bottom: 5px!important;
    width: 95%;
    padding: 3px !important;
}

/*** FORMULAIRE *********************************************/

div[id^="survey_"] input {
    font-family: inherit !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    width: 150px;
    height: 30px;
}

div[id^="survey_"] select {
    font-size: 13px !important;
    height: 30px;
    width: 100%;
}

div[id^="survey_"] textarea {
    font-family: inherit !important;
    font-size: 13px !important;
    height: 100px !important;
    width: 100% !important;
}

div[id^="survey_"] input[type=radio],
div[id^="survey_"] input[type="checkbox"],
div[id^="survey_"] input[type="reset"],
div[id^="survey_"] input[type="file"] {
    height: auto !important;
    width: auto !important;
}

/* Taille formulaire */

div[id^="survey_"] {
    width: 80%;
    margin: 0 auto !important;
}

#titresurvey {
    text-align: center;
    font-size: 16px !important;
}

#fieldset_fields h4,
#thesurvey h4,
#fieldset_identify h4 {
    font-size: 16px !important;
    text-align: center;
    color: #1f9473;
    padding: 10px !important;
    margin: 0 0 30px 0 !important;
    border-bottom: 1px solid #1f9473 !important;
    }

/*identification*/

#fieldset_identify .contenu_bloc {
    font-weight: bold !important;
    font-size: 12px !important;
    margin: 10px 0 !important;
}

#igotaccount {
    width: 46% !important;
    float: left;
    height: 325px;
}

#nogoaccount {
    width: 100% !important;
}

#igotaccount .options_bloc,
#nogoaccount .options_bloc {
    margin: 5px 0 !important;
}

#nogoaccount .libchamp {
    width: 20% !important;
    display: inline-block;
}

#igotaccount .libchamp {
    width: 30% !important;
    display: inline-block;
}

#fieldset_identify, #fieldset_fields {
	border: none;
}

/*** FORMLAIRE D'ADHESION ***/

#survey_7033 fieldset{
 border:none;
}

#survey_7033 #igotaccount {
	width: 100% !important;
	height: auto;
}

#survey_7033 #nogoaccount .libchamp {
    width: 30% !important;
    display: inline-block;
}

#survey_7033  .options_bloc input {
  width: 70% !important;
}


/**form**/

.surveybloc {
    margin: 1% 0;
}

.encaps_bloc {
    margin: 2px 0 !important;
}

.option_radio {
    display: block;
}

.option_check {
    display: block;
}

.reset {
    position: absolute;
    left: -20px;
}

.enligne .option_radio,
.enligne .option_check {
    display: inline-block;
}

#fieldset_fields .enligne .contenu_bloc,
#recap_answers .enligne .contenu_bloc {
  display: inline-block;
}

#fieldset_fields .enligne .options_bloc,
#recap_answers .enligne .options_bloc  {
    display: inline;
    position: relative;
}

#fieldset_fields .top .options_bloc,
#recap_answers .top .options_bloc  {
    vertical-align: top;
}

#fieldset_fields .taille25 .contenu_bloc,
#recap_answers .taille25 .contenu_bloc {
    width: 25%;
    margin-right: 2%;
}

#fieldset_fields .taille25 input[type=text],
#fieldset_fields .taille25 select {
    width: 68%;
}

#fieldset_fields .taille35 .contenu_bloc,
#recap_answers .taille35 .contenu_bloc {
    width: 35%;
    margin-right: 2%;
}

#fieldset_fields .taille35 input[type=text],
#fieldset_fields .taille35 select {
    width: 58%;
}

#fieldset_fields .taille50 .contenu_bloc,
#recap_answers .taille50 .contenu_bloc {
    width: 48%;
    margin-right: 2%;
}

#fieldset_fields .taille50 input[type=text],
#fieldset_fields .taille50 select {
    width: 46%;
}

#fieldset_fields .taille60 .contenu_bloc,
#recap_answers .taille60 .contenu_bloc {
    width: 59%;
    margin-right: 2%;
}

#fieldset_fields .taille60 input[type=text],
#fieldset_fields .taille60 select {
    width: 29%;
}

#fieldset_fields .taille75 .contenu_bloc,
#recap_answers .taille75 .contenu_bloc {
    width: 75%;
    margin-right: 2%;
}

#fieldset_fields .taille75 input[type=text],
#fieldset_fields .taille75 select {
    width: 18%;
}

#fieldset_fields .espacement .contenu_bloc,
#recap_answers .espacement .contenu_bloc {
    padding: 15px 0 !important;
}

#fieldset_fields .gras .contenu_bloc,
#recap_answers .gras .contenu_bloc {
    font-weight: bold;
}

#fieldset_fields .italique .contenu_bloc,
#recap_answers .italique .contenu_bloc {
    font-style: italic;
}

#fieldset_fields .dix .contenu_bloc,
#recap_answers .dix .contenu_bloc {
    font-size: 10px !important;
}

#fieldset_fields .douze .contenu_bloc,
#recap_answers .douze .contenu_bloc {
    font-size: 12px !important;
}

#fieldset_fields .quatorze .contenu_bloc,
#recap_answers .quatorze .contenu_bloc {
    font-size: 14px !important;
}

#fieldset_fields .seize .contenu_bloc,
#recap_answers .seize .contenu_bloc {
    font-size: 16px !important;
}

#fieldset_fields .couleur .contenu_bloc,
#recap_answers .couleur .contenu_bloc {
    color: #34435c;
}


/*formulaire question*/

.encaps_bloc {
    margin: 10px 0 !important;
}

.contenu_bloc {
    padding: 5px 5px 2px 0px !important;
    display: inline-block;
}

.option_check,
.option_radio {
    display: block;
}

.right .options_bloc {
    display: inline-block;
    vertical-align: top;
}

.inline {
    display: inline-block;
    vertical-align: top;
    padding: 0 20px 0 0 !important;
}

.inlinetable {
    display: inline-block;
    vertical-align: top;
}


.size200 .contenu_bloc {
  width: 200px;
}

.large .options_bloc input {
  width: 100% !important;
}

/*** GREFFON LOGIN + BLOC CONNEXION DE LA CONFIG *********/

/*déconnecté*/

div#accueil_content form#formlogin,
form#formlogin {
  width: 220px !important;
  margin: 0px auto !important;
  border: 1px solid #1F9473 !important;
  padding: 20px !important;
}

form#formlogin fieldset {
    background: none !important;
    border: none !important;
    width: auto !important;
}

#emailLabel, #passwordLabel {
    display: block;
}

form#formlogin fieldset label span.spanlogin {
    width: 96px;
    float: none;
    display: inline-block;
    height: auto !important;
    padding: 3px 0 0 0 !important;
    color: #1F9473;
}

form#formlogin label,
form#formlogin input,
form#formlogin ul {
    float: none;
    display: inline-block;
    padding: 2px 0 !important;
}

#login,
#mot_de_passe {
    margin: 0px;
    padding: 0px;
    font-size: 10px;
    width: 120px !important;
    float: right !important;
}

#oubli_link {
    margin: 6px 0 0 0 !important;
    display: inline-block;
}

.formbouton {
    float: right !important;
    margin: 3px !important;
    width: 80px !important;
}

/*connecté*/

form#formlogin fieldset p {
    text-align: center !important;
    font-size: 16px;
}

form#formlogin fieldset a {
    color: inherit !important;
    font-size: 12px !important;
}

/*** Affichage évènements forum 104 *****************************************/

div.eventlink {
    border: none;
    background-color: #FFF;
    border-bottom: 1px solid #c9b9b9 !important;
}

div.eventlink a {
    font-size: 13px;
    color: #1F9473;
}

.eventlink .date {
    font-weight: 600;
    padding: 20px 10px !important;
    display: inline-block;
    vertical-align: top;
    width: 135px;
}

.eventlink .title {
    font-weight: 600;
    padding: 20px 10px !important;
    display: inline-block;
    vertical-align: top;
    color: #484242;
    width: 460px;
}

.eventlink .intervenants {
    font-style: italic;
    padding: 20px 10px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    width: 135px;
}

.input_button {
	text-align: center;
	margin: 20px 0 20px 0 !important;
}

.input_button::after {
	content: "Inscription obligatoire";
	margin-left: 10px;
	font-style: italic;
	font-size: 12px;
}

/*** Affichage évènements assos *****************************************/

div.eventcat_1746:hover, div.eventcat_1746.over {
    background-color: #fff !important;
    cursor: auto !important ;
}

div.eventcat_1746 .association, 
.association.class_one_day {
    font-weight: 600 !important;
    padding: 20px 10px !important;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    color: #1F9473;
}

div.eventcat_1746 .date,
.date.class_one_day,
div#data_fiche_interne .date,
div#data_fiche_externe .date {
    font-weight: 600;
    padding: 20px 10px !important;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    color:#000;
}

.title.class_one_day{
   width:300px;
}

div.eventcat_1746 .title,
div#data_fiche_interne .title,
div#data_fiche_externe .title{
    font-weight: 600;
    padding: 20px 10px !important;
    display: inline-block;
    vertical-align: top;
    color: #484242;
    width: 305px;
}

div.eventcat_1746 .intervenants,
div#data_fiche_interne .intervenants,
div#data_fiche_externe .intervenants{
    font-style: italic;
    padding: 20px 10px !important;
    font-weight: 600;
    display: inline-block;
    vertical-align: top;
    width: 135px;
    color: #1f9473;
}
/** PAGE AFFICHAGE EVENT ************************************************/

.event, .actu {
  margin: 25px 0 !important;
  background: #f2f2f2 !important;
  padding: 20px !important;
  width: 96% !important;
}

.event .title {
    font-size: 20px !important;
}

div.linked_contacts h4,
div.linked_contacts ul,
div.linked_contacts ul li {
    margin: 0 5px 0 0 !important;
    display: inline-block;
    vertical-align: top;
}

div.linked_contacts ul li a {
    text-decoration: underline;
    color: #1f9473 !important;
    font-weight: 700;
}

/** Affichage evenement **/

.colorcat_1741,
.colorcat_1746,
.colorcat_1748,
.colorcat_1749 {
    display: none;
}

div.bloc_header span.title a:hover,
div.bloc_header span.title a.over {
    background: none;
}

div.bloc_headerlink span.title a,
div.bloc_header span.title a {
    background: none;
    font-weight: 600;
    font-size: 20px
}

span[class^="colorcat_"] 
 {
    padding: 0px 5px !important;
}

div.linked_contacts h4 {
    color: #e54b4b;
    font-size: 12px;
}

div.linked_contacts ul li a {
    text-decoration: underline;
    color: white;
}

/** Affichage Actualités **/

#section_actus img {
  display: none;
}

#section_actus {
  font-size: 20px !important;
}

#section_actus a:first-child  {
  background: url(/offres/doc_inline_src/753/fleche_gauche_brown.png);
  background-repeat: no-repeat;
}

#section_actus a  {
  background: #ede1d1;
  height: 20px;
  width: 20px;
  display: inline-block;
  background: url(/offres/doc_inline_src/753/fleche_droite_brown.png);
  background-repeat: no-repeat;
}

div.actu div.bloc_titre a {
    background: none;
    font-weight: 600;
    font-size: 20px
}

div.logo_small,
div.bloc_logosmall {
    width: auto;
    padding: 0 10px 10px 0 !important;
}

img.logoactusmall,
img.logosmall {
    width: auto;
}

div.texte_small,
div.bloc_textesmall {
    float: none;
}

div.actu div.bloc_titre a:hover,
div.actu div.bloc_titre a.over {
    background: none;
}

.titre_event_link_actu {
    font-size: 16px;
    padding: 15px 0 4px 0 !important;
    border-bottom: 1px solid #484242 !important;
    margin-bottom: 20px !important;
    font-weight: 600;
    color: #484242;
}

.liste_event_link_actu {
    list-style: none;
    font-size: 14px;
}

.linked_event {
    padding: 5px 0 !important;
}

.titre_survey_link_agenda {
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid #484242;
    color: #484242;
    padding: 10px 0 0 0 !important;
}

.liste_surveys_link_actu {
    list-style: none;
}

.textPj {
    font-size: 15px;
    padding: 10px 0 !important;
    display: block;
}
/*** PAGES ACTUALITES ***/

.actulink {
    display: inline-block !important;
    width: 780px;
    border: medium none !important;
    margin-bottom: 35px !important;
}

.actulink .bloc_titre a {
   background:none !important;
}

.actulink div.logo_une, 
.actulink div.logo_small {
    padding: 0px !important;
    margin: 0px !important;
    float: right !important;
}

/*** Page plan du site ****************************************************/

h4.mapsite {
    color: #1f9473;
    margin: 10px 0px 0px 20px !important;
    padding: 0px;
    font-style: italic;
    font-size: 15px;
}

ul.mapsite li {
    font-size: 14px;
    background: none !important;
    list-style: square;
    font-weight: 400 !important;
}


ul.mapsite, ul.mapsite ul {
    list-style-type: none;
    padding: 10px 0px !important;
    margin: 0px 0px 0px 20px !important;
}

/** bouton éditer **/

#editme {
    clear: both;
    text-align: right;
}

.editme {
    background: #615958;
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 5px 10px !important;
}

.editme a {
  color: white !important;
  font-size: 14px;
  text-transform: uppercase;
}

/**** PAGE SALLES ****/

#rooms {
  position: relative;
    -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

#rooms .year {
    font-weight: bold;
    padding: 0 10px 0 30px !important;
}

#rooms .month {
    text-align: center;
    font-size: 15px;
    margin-bottom: 16px !important;
}

#rooms .month a {
    padding: 5px !important;
    text-decoration: none !important;
    cursor: pointer;
}

#rooms .data {
    width: 780px !important;

}

#rooms .name {
    float: left;
    padding-top: 40px !important;
    padding-left: 55px !important;
}

#rooms .name div {
    font-weight: bold;
    height: 30px;
    text-align: right;
    padding-right: 20px !important;
}

#rooms .data {
    overflow: hidden;
}

#rooms .data th {
    height: 30px;
}

#rooms .data td {
    padding: 5px 20px;
    height: 20px;
    white-space: nowrap;
}

#rooms .data td div {
    width: 21px;
    height: 16px;
    margin-right: 3px !important;
    display: inline-block;
}

#rooms .data td div.o {
    background: #1f9473;
}

#rooms .data td div.c {
    background: #e54b4b;
}

#rooms .data td div.n {
    background: #ccc;
}

#rooms .data td div.e {
    background: #ff9333;
}

#rooms i {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    cursor: pointer;
}

#rooms i.left {
  background: transparent url("http://www.forum104.org/offres/doc_inline_src/753/fleche_gauche_brown.png") repeat scroll 0% 0%;
top: 42px;
left: 150px;
  height: 25px;
  width: 25px;
  background-repeat: no-repeat;
}

#rooms i.right {
    background: url(http://www.forum104.org/offres/doc_inline_src/753/fleche_droite_brown.png);
  top: 42px;
    left: 980px;
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
}

/*** GETSION PAGE EQUIPE ***/

.ui-state-default, 
.ui-widget-content .ui-state-default, 
.ui-widget-header .ui-state-default {
    background: #1F9473 !important;
    font-weight: bold !important;
    color: #fff !important;
    padding-left:15px !important;
    cursor: pointer;
}

.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
    background: #9CD0BC !important;
    font-weight: Bold !important;
    color: #000 !important;
    padding-left:15px !important;
    cursor: pointer;
}

/*** GESTION PAGE CONTACT ***/

body.body_p_42834 #form_contact_accueil fieldset{
  border: none;
  background: none;
}

body.body_p_42834 #form_contact_accueil fieldset label.contact{
  margin-bottom:5px !important;
}


body.body_p_42834 div.htmlarea_content p{
  position:static;
}

/****BOUTIQUE*************************************************************/
/*************************************************************************/

/* recherche boutique */

#bouttonvalider {
    width: 80px !important;
}

/* menu boutique */

.mes_catalogues {
    list-style: none !important;
}

.mes_catalogues a {
    color: #484242 !important;
    padding: 10px 0 0 0 !important;
    font-size: 14px;
    display: block;
}

.mes_catalogues span {
  display: none;
}


/*nouveautés*/

.container_produit {
    text-align: center;
    padding-top: 20px !important;
    width: 80%;
    margin : 0 auto !important;
}

.container_produit img{
  max-width: 100%;
}

.lien_titre {
    display: block;
    color: white;
    font-size: 16px;
    padding: 10px 0 5px 0 !important;
}

.lien_description {
    color: white;
    display: block;
}

.lien_ensavoir_plus {
    display: none;
}

/*** PAGE AFFICHAGE PRODUIT ***/

#ariane_boutique_produit .ariane_article {
  display: none;
}

.titre_listearticles {
    display: none;
}

#ariane_boutique_famille a,
#ariane_boutique_catalogue a,
#ariane_boutique_produit a {
  color: #484242 !important;
  font-size: 13px;
  font-weight: 600;
}

table#tablo_boutique tr:hover,
table#tablo_boutique_vignettes tr td:hover,
table.tablo_nav tr.impair:hover,
table.tablo_nav tr.pair:hover {
    background: none !important;
}

table#tablo_boutique_vignettes tr td {
    text-align: center;
    width: 25%;
    padding: 2%;
    vertical-align: bottom;
}

.lien2 {
    display: block;
    border-bottom: 2px solid #1f9473 !important;
    padding: 0 0 15px 0 !important;
    color: #1f9473 !important;
    font-size: 13px !important;
    font-weight: 600;
}

.lien2:hover {
    border-bottom: 2px solid #9cd0bc !important;
}

/*** PAGE PRODUIT ***/

#div_nav {
    display: none;
}

#div_search {
    display: none;
}

.article #colonne_tofs {
  display: inline-block !important;
  width: 26%;
  margin-right: 4% !important;
  text-align: center;
}

.article #colonne_detail {
    float: none !important;
    display: inline-block !important;
    padding: 5px;
    width: 70%;
}

#ariane_boutique_produit {
    margin-bottom: 50px !important;
}

div#boutique p, div#recherche p {
    font-size: 13px;
    font-family: open sans, sans-serif;
    padding: 5px !important;
    margin-bottom: 10px !important;
    color: #484242;
}

#hr_nav {
    display: none;
}

.htmlarea_content .container_produit{
  width: 49%;
  display: inline-block;
}

/*** TUNNEL COMMANDE ***/

p#prix_article,
hr#hr_prixpluspanier,
#div_bouton_ajouter_panier{
  display:none;
}


.article_46394 #div_bouton_ajouter_panier,
.article_46394 p#prix_article,
.article_46394 hr#hr_prixpluspanier{
  display:block;
}

.article_46393 #div_bouton_ajouter_panier,
.article_46393 p#prix_article,
.article_46393 hr#hr_prixpluspanier{
  display:block;
}

.article_46392 #div_bouton_ajouter_panier,
.article_46392 p#prix_article,
.article_46392 hr#hr_prixpluspanier{
  display:block;
}

.article_46391 #div_bouton_ajouter_panier,
.article_46391 p#prix_article,
.article_46391 hr#hr_prixpluspanier{
  display:block;
}

form#the_form_panier input#go_commande {
    margin-left: 40px;
    width: auto !important;
}


input#qte_set {
    margin: 0 0 10px 0;
}

.titre_tab_panier, .total_ht {
    background: #e9ebf5 !important;
}

input .bouton_panier {
    margin-top: 10px;
    width: 120px !important;
}

input#valid_payment {
    width: 200px !important;
    margin-top: 10px;
}

input#go_modif_panier {
    width: 20% !important;
}

span#txtEtape1 {
    font-size: 11px !important;
    color: #1f9473;
}

span.etape.etape1 {
    font-size: 11px !important;
    color: #1f9473;
}

span#txtEtape4 {
    font-size: 11px !important;
    color: #1f9473;
}

span.etape.etape4 {
    font-size: 11px !important;
    color: #1f9473;
}

span#txtEtape5 {
    font-size: 11px !important;
    color: #1f9473;
}

span.etape.etape5 {
    font-size: 11px !important;
    color: #1f9473;
}



/****INTRANET********************************************************************************************************/
/********************************************************************************************************************/

/*** INTRANET Page Me : descriptif ***/

#data_fiche_interne{
  display:none;
}

#data_fiche_externe{
  display:block;
}

.identified #data_fiche_interne{
display:block
}

.identified #data_fiche_externe{
  display:none;
}

 #fichecontact_droite,
 #fichecontact_gauche {
    display: inline-block;
    vertical-align: top;
}

#data_fiche {
    font-size: 13px;
    line-height: 19px;
    background: url(http://www.forum104.org/offres/doc_inline_src/753/bg_pages_privees.jpg);
    background-repeat: repeat-y;
}

#fichecontact_gauche {
    width: 300px;
    background: #24AB85;
    color: white;
    font-weight: 600;
}

#fichecontact_droite {
    padding: 20px 0 0 20px !important;
    width: 750px;
}

#data_fiche h3 {
    padding: 0 0 10px 0 !important;
    color: #e54b4b;
}

/**/

#fc_adresse_perso {
  border-collapse: separate;
  border-spacing: 5px;
  width: 760px;
}

.annu1 {
    width: 220px;
    vertical-align: middle;
    font-weight: 600;
}

.indication_fiche_me {
    font-size: 11px;
    font-weight: normal !important;
}

.annu2 {
    border: 1px solid #ede1d1;
}

.annu2,
.annu2 span {
  width: 500px;
  vertical-align: top;
  height: 28px;
}

/* champ texte long */

#Llib_champ_tl_membre_3 .annu2 span,
#Llib_champ_tl_membre_3 .annu2,
#Llib_champ_tl_membre_3 .annu1,
#Llib_champ_tl_membre_2 .annu2 span,
#Llib_champ_tl_membre_2 .annu2,
#Llib_champ_tl_membre_2 .annu1,
#Llib_champ_tl_membre_4 .annu2 span,
#Llib_champ_tl_membre_4 .annu2,
#Llib_champ_tl_membre_4 .annu1 {
  height: 120px;
  vertical-align: top;
}
/***/

.fiche_contact_publique input {
    font-family: inherit !important;
    font-size: 13px !important;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
}

 .fiche_contact_publique select {
    font-size: 13px !important;
    height: 30px;
    width: 100%;
}

 .fiche_contact_publique textarea {
    font-size: 13px !important;
    height: 122px !important;
    width: 100% !important;
}

/* bloc gauche identite */

#identite_fiche {
    width: 250px;
    padding: 20px !important;
    text-align: left;
}

#identite_fiche h3 {
  color: white !important;
  border-bottom: 1px solid white !important;
  margin-bottom: 10px !important;
  font-size: 20px;
}

#identite_fiche span {
    font-weight: bold;
    padding-right: 5px !important;
}

#identite_fiche p:nth-child(2) {
  font-size: 16px;
  padding: 0 0 35px 0 !important;
}

#identite_fiche p:nth-child(3) {
  padding: 0 0 10px 0 !important;
  font-style: italic;
  font-size: 14px;
}

#identite_fiche p:nth-child(9) {
    padding: 16px 0 !important;
    font-weight: bold;
}

#the_tel {
font-size: 14px;
padding: 10px 0 !important;
}

/*image*/

#tof_fiche {
    padding: 20px !important;
    margin: 0px auto !important;
    text-align: center;
}

.bttof p {
    display: inline-block;
}

#suppr_img_actu {
  display: inline-block;
}

#modmytof, #delmytof, #addmytof {
    background: #ede1d1;
    color: #484242;
}

/*** Formulaire saisie association ***/

#survey_1660 {
    width: 100% !important;
    width: 100% !important;
    font-size: 13px;
    font-weight: 400;
}

#survey_1660 #igotaccount {
  display: none;
}

#survey_1660 h4 {
  display: none;
}

#survey_1660 #fieldset_identify {
    width: 40% !important;
    float: left;
    margin: 0 3% 0 0 !important;
}

#survey_1660 #nogoaccount .libchamp {
    width: 45% !important;
    display: inline-block;
}

#survey_1660 #titresurvey {
    display: none;
}

#survey_1660 #fieldset_fields {
    border: 1px solid #ffffff !important;
}

.surveyanswerlist tr {
    text-align: center;
    border-bottom: 1px solid #ccc !important;
    height: 55px;
}

.text1 .contenu_bloc,
.text2 .contenu_bloc,
.text3 .contenu_bloc {
    width: 100%;
    text-align: center;
}

.text1 .contenu_bloc {
  font-size: 14px;
  font-weight: 600;
}

.text2 .contenu_bloc {
  font-size: 14px;
  color: #24AB85;
}

.text3 .contenu_bloc {
  font-size: 13px;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px !important;
}

/*
.surveyanswerlist td:last-child {
  display: none;
}
*/

.surveyanswerlist td {
    width: 150px;
}

/*** Formulaire saisis évènement association : pages privées***/

#survey_1760 #titresurvey,
#survey_1760 h4 {
  display: none;
}

#survey_1760 #fieldset_fields {
    width: 500px;
    margin: 0 auto !important;
    background: #f2f2f2;
    padding: 20px !important;
}

#survey_1760 #igotaccount {
  display: none;
}

/**/

#myEvents {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

#myEvents > h1 {
    border-bottom: 1px solid !important;
    font-size: 18px;
    margin: 20px !important;
    padding: 5px !important;
    text-align: center;
}

table#myEvents {
    width: 100%;
    text-align: center;
    margin-top: 25px;
    border: 1px solid #ccc;
}

table#myEvents thead,
table#myEvents td {
    border: 1px solid #ccc;
}

#coltitre {
    font-size: 14px;
    height: 40px;
}

.colboutons {
    height: 30px;
}

#myEvents input.bouton {
    width: 140px !important;
    height: 24px !important;
    margin-top: 15px !important;
}

/*** session ***/

p.nosession, p.nodata {
    border: none;
    background-color: #FFF;
    margin: 50px 0 0 0 !important;
}

/*** effacer intranet pour association ***/

.tc_2172 #formlogin {
  display: none;
}

#calendar-container .calendar tbody td.cat1752 {
    background-color: #ffffff;
    color:#000000;
}

.container_asso {
    padding: 2% 0 !important;
}


/***** colonnes *****************************************************************************************************************************/
/*************************************************************************************************************************************************/

.col_2 {
  width: 47.5%;
  display: inline-block;
  vertical-align: top;
  margin: 0 1% !important;
}

.col_3 {
  width: 31%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 1% !important;
}

.col_4 {
  width: 22.70%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 1% !important;
}

.col_6 {
  width: 14.3%;
  display: inline-block;
  vertical-align: top;
  margin: 0px 1% !important;
}

.col_2 img,
.col_3 img,
.col_4 img,
.col_6 img {
  max-width: 100% !important;
}



form#form_contact_accueil ul li, div#messageConfirmation ul li, form.form_enligne ul li, ul.boutons li {
	position: relative;
	float: left;
	margin: 0 5px !important;
}