/* latin-ext */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url(mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(HhyaU5sn9vOmLzlmC_W6EQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dosis';
  font-style: normal;
  font-weight: 400;
  src: local('Dosis Regular'), local('Dosis-Regular'), url(HhyaU5sn9vOmLzloC_U.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@charset "utf-8";



/*Navigation Submenus*/

.navigation{    /*needed*/
	background-image:url(nav-strip.png);
	background-repeat:repeat;
	width:100%;
	height:40px;
	position:fixed;
	bottom:0px;	
	z-index:99999;
}

.nav-item:hover{background-color:rgba(255,255,255,0.3);} /*needed*/
.nav-item-4:hover{background-color:rgba(255,255,255,0.3);}/*needed*/
.nav-item-3:hover{background-color:rgba(255,255,255,0.3);}/*needed*/
.submenu-icon-3:hover{background-color:rgba(255,255,255,0.3);}/*needed*/
.submenu-icon-4:hover{background-color:rgba(255,255,255,0.3);}/*needed*/
.submenu-icon-5:hover{background-color:rgba(255,255,255,0.3);}/*needed*/

.nav-item{  /*needed*/
	width:8%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 6px;
	background-repeat:no-repeat;
	background-size:24px 24px;
	height:52px;
	padding-top:30px;
	opacity:0.6;
}

.nav-item-4{
	width:25%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 6px;
	background-repeat:no-repeat;
	background-size:24px 24px;
	height:52px;
	padding-top:30px;
	opacity:0.6;
}

.nav-item-3{
	width:33.3%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 6px;
	background-repeat:no-repeat;
	background-size:24px 24px;
	height:52px;
	padding-top:30px;
	opacity:0.6;	
}

.active-nav{	background-color:rgba(255,255,255,0.3); 
color:#FFFFFF; 
opacity:0.9!important;
border: 2px solid #FFCA2D}
.home-nav{		background-image:url(home.png);}
.about-nav{		background-image:url(me.png);}
.liste-nav{		background-image:url(searchicon.png);}
.back-nav{		background-image:url(retourner.png);}
.suivant-nav{	background-image:url(suivant.png);}
.blog-nav{		background-image:url(disclaimer.png);}
.mail-nav{		background-image:url(mail.png);}
.shapes-nav{		background-image:url(shapes.png);}/*la classe ne doit pas commencer avec un chiffre*/
.suiv001-nav{		background-image:url(001.png);}
.suiv100-nav{		background-image:url(100.png);}
.suiv200-nav{		background-image:url(200.png);}
.suiv300-nav{		background-image:url(300.png);}
.suiv400-nav{		background-image:url(400.png);}
.suiv500-nav{		background-image:url(500.png);}
.suiv600-nav{		background-image:url(600.png);}
.suiv700-nav{		background-image:url(700.png);}
.suiv800-nav{		background-image:url(800.png);}
.suiv900-nav{		background-image:url(900.png);}
.suiv1000-nav{		background-image:url(1000.png);}

.menu-one{display:none;}
.menu-two{display:none;}
.menu-three{display:none;}
.menu-four{display:none;}
.menu-five{display:none;}


.submenu-box{
	background-color:#000000;
	background-image:url(nav-strip.png);
	width:100%;
	position:fixed;
	bottom:0px;
	z-index:999999;
}


.submenu-icon-5{
	width:20%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 6px;
	background-repeat:no-repeat;
	background-size:20px 22px;
	height:52px;
	padding-top:30px;
	opacity:0.5;
}

.submenu-icon-4{
	width:25%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 9px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:52px;
	padding-top:32px;
	opacity:0.5;
}

.submenu-icon-3{
	width:33.3%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 9px;
	background-repeat:no-repeat;
	background-size:20px 20px;
	height:52px;
	padding-top:32px;
	opacity:0.5;
}

.submenu-icon-2{
	width:50%;
	float:left;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-size:10px;
	color:#FFFFFF;
	background-position:center 9px;
	background-repeat:no-repeat;
	background-size:20px 22px;
	height:52px;
	padding-top:32px;
	opacity:0.5;
}

.closer-submenu{background-image:url(../images/icon/misc/accessdenied.png);}
.others-submenu{background-image:url(../images/icon/misc/paperclip.png);}
.jquery-submenu{background-image:url(../images/icon/power/power.png);}
.typogr-submenu{background-image:url(../images/icon/misc/creatwrite.png);}
.introd-submenu{background-image:url(../images/icon/misc/infoabout.png);}

.filtrable-submenu{background-image:url(../images/icon/display/frames.png);}
.swipeable-submenu{background-image:url(../images/icon/display/blockimages.png);}
.onecolumn-submenu{background-image:url(../images/icon/media/image2.png);}
.twocolumn-submenu{background-image:url(../images/icon/media/image3.png);}

.call-submenu{background-image:url(../images/icon/communication/phonehook.png);}
.mail-submenu{background-image:url(../images/icon/misc/mail.png);}
.face-submenu{background-image:url(../images/icon/social/facebook.png);}
.twet-submenu{background-image:url(../images/icon/social/twitter.png);}

.post-submenu{background-image:url(../images/icon/misc/creatwrite.png);}
.blog-submenu{background-image:url(../images/icon/misc/creatwrite.png);}