/*----------------------------------------------------------
 * Filename 	: en.css
 * Description	: Feuille de style des éléments spécifique à l'ANGLAIS
 * Website		: Wabyle V 1.0
 * Author		: Samoud.com
 *
------------------------------------------------------------*/
html.fr {
  /****************************************************************
	 						FEATURES - WHY
	 ****************************************************************/
}
html.fr .featurespage p.sub {
  margin: 0 50px;
  color: #8a8b8c;
  text-align: center;
  margin-bottom: 10px;
  font-family: 'lucida grande', Tahoma, sans-serif;
  font-size: 0.8em;
}
html.fr .featurespage b {
  font-weight: 400;
  color: #1b68a0;
}
html.fr .whyCaption {
  text-align: justify;
  font-family: 'lucida grande', Tahoma, sans-serif;
  font-size: 0.7em;
}
html.fr .whyMasjidPage {
  background: transparent url('../images/features/masjid_page_fr.png') no-repeat;
  width: 960px;
  height: 600px;
  position: relative;
  margin-bottom: 100px;
}
html.fr .whyMasjidFunding {
  width: 190px;
  position: absolute;
  left: 7px;
  top: 165px;
}
html.fr .whyMasjidServices {
  width: 150px;
  position: absolute;
  right: 7px;
  top: 220px;
}
html.fr .whyMasjidPosts {
  width: 360px;
  position: absolute;
  left: 70px;
  bottom: 25px;
}
html.fr .whyMasjidCommunicate {
  width: 360px;
  position: absolute;
  right: 80px;
  bottom: 25px;
}
html.fr .whyMasjidSocial {
  background: transparent url('../images/features/masjid_social_fr.png') no-repeat;
  width: 960px;
  height: 700px;
  position: relative;
  margin-bottom: 100px;
}
html.fr .whyMasjidFbk {
  width: 240px;
  position: absolute;
  right: 195px;
  top: 135px;
}
html.fr .whyMasjidTwt {
  width: 240px;
  position: absolute;
  right: 103px;
  top: 255px;
}
html.fr .whyMasjidWeb {
  width: 240px;
  position: absolute;
  right: 154px;
  top: 460px;
}
html.fr .whyMasjidMobile {
  width: 240px;
  position: absolute;
  right: 250px;
  top: 550px;
}
html.fr .whyMasjidFundraising,
html.fr .whyMasjidApp {
  margin-bottom: 100px;
}
html.fr .whyUserSocial {
  background: transparent url('../images/features/user_social_fr.png') no-repeat;
  width: 960px;
  height: 450px;
  position: relative;
  margin-bottom: 100px;
}
html.fr .whyUserFbk {
  width: 240px;
  position: absolute;
  right: 178px;
  top: 135px;
}
html.fr .whyUserTwt {
  width: 240px;
  position: absolute;
  right: 86px;
  top: 255px;
}
html.fr .whyInteraction {
  background: transparent url('../images/features/user_interact_fr.png') no-repeat;
  width: 960px;
  height: 450px;
  margin-bottom: 100px;
}
html.fr .intercations {
  position: relative;
  width: 960px;
  height: 450px;
  list-style: none;
}
html.fr .whyInteraction li {
  width: 960px;
  height: 450px;
  text-align: center;
}
html.fr .whyInteraction h3 {
  font-size: 1.5em;
  color: #1b68a0;
  margin: 5px 0 0 0;
  font-weight: 300;
}
html.fr .whyInteraction p {
  width: 650px;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-family: 'lucida grande', Tahoma, sans-serif;
  font-size: 0.8em;
}
html.fr .whyInteraction .pager-1 {
  text-align: center;
}
html.fr .whyInteraction .pager-1 span {
  font-size: 1.3em;
  margin: 0 5px;
  cursor: pointer;
  text-shadow: 0px 1px 0px #FFF;
  filter: dropshadow(color=#ffffff, offx=0, offy=1);
}
html.fr .whyInteraction .pager-1 span:hover,
html.fr .whyInteraction .pager-1 span.selected {
  color: #175988;
}