@charset "utf-8";
.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; left:0; top: 0; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }

.black-ribbon {   position: fixed;   z-index: 9999;   width: 70px; left:0; top: 0; }
@media only all and (min-width: 768px) { .black-ribbon { width: auto; } }
/*img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
}
html {
	-webkit-filter: grayscale(100%);
}*/
html,body,head,input,label,img,ul,li,a,nav,div,p,footer,section, h1, h2, h3, h4, h5, h6,
table,td,tr{
	padding: 0;
	margin: 0;
}
@font-face {
    font-family: 'arial';
    src:  url('../fonts/arial.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tahoma';
    src:  url('../fonts/tahoma.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'tahomabd';
    src:  url('../fonts/tahomabd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotothin';
    src: url('../fonts/roboto-thin-webfont.eot');
    src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('../fonts/roboto-thin-webfont.woff') format('woff'),
         url('../fonts/roboto-thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'circular';
    src: url('../fonts/circular-webfont.eot');
    src: url('../fonts/circular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/circular-webfont.woff2') format('woff2'),
         url('../fonts/circular-webfont.woff') format('woff'),
         url('../fonts/circular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'code_128';
    src: url('../fonts/code128-webfont.eot');
    src: url('../fonts/code128-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/code128-webfont.woff2') format('woff2'),
         url('../fonts/code128-webfont.woff') format('woff'),
         url('../fonts/code128-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'supermarket';
    src: url('../fonts/supermarket-webfont.eot');
    src: url('../fonts/supermarket-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/supermarket-webfont.woff2') format('woff2'),
         url('../fonts/supermarket-webfont.woff') format('woff'),
         url('../fonts/supermarket-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
body{
    font-size: 13px;
	font-family: tahoma, tahomabd;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-position: center 5px;
	background-repeat: no-repeat;
	
}
a:link ,h2,h3
{
	text-decoration:none;
}
a:hover  
{
	text-decoration:none;
}
a:visited ,h2,h3 
{
	text-decoration:none;
}
p{
	color: #68655c;
    font-family: tahoma;
    font-size: 13px;
    line-height: 17px;
}
.p-font{
	color: #68655c;
    font-family: tahoma;
    font-size: 13px;
    line-height: 17px;
}

h1 {
	font-family:supermarket;
    color: #4c4b45;
    font-size: 2em;
    font-weight: normal;
    line-height: 32px;
    margin:0px;
    padding:0px;
}
h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 1em;
    padding: 0px;
    margin: 0px;
    /*color: #43423c;*/
	color:#3C3C3C;
	font-family: supermarket;
}
h3 {
    color: #43423c;
    font-family: supermarket;
    font-size: 20px;
	font-weight:inherit;
    line-height: 24px;
}
h4 {
	font-size: 13px;
    color: #585858;
    font-family: tohoma;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}

#pagewrap{
	margin: 0 auto;
	padding:0px;
	height:auto;
	width:980px;
}

/***********header-social***************/
#pre-header {
    background: #1e283a none repeat scroll 0 0;
}
.wrap-safari {
    display: block;
    height: 100%;
    margin: 0 auto;
    max-width: 1000px;
}
.main-navigation::after {
    clear: both;
    content: "";
    display: block;
}
#pre-header-core {
    display: table;
    width: 100%;
}
#pre-header-social{
    display: table-cell;
    vertical-align: middle;
}
/*******************/
.Row-cell {
	float: right;
	padding:5px;
}
.wsite-social-item {
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	width: 33px;
	height: 32px;
	background-image: url(../images/imgpage/social3.png);
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
}
.wsite-social-facebook {
	background-position: 0 0;
}
.wsite-social-facebook:hover {
	background-position: 0 -40px;
}
.wsite-social-facebook:active {
	background-position: 0 -80px;
}
.wsite-social-pinterest {
	background-position: -23px 0;
}
.wsite-social-pinterest:hover {
	background-position: -23px -23px;
}
.wsite-social-pinterest:active {
	background-position: -23px -46px;
}
.wsite-social-twitter {
	background-position: -40px 0;
}
.wsite-social-twitter:hover {
	background-position: -40px -40px;
}
.wsite-social-twitter:active {
	background-position: -40px -80px;
}
.wsite-social-linkedin {
	background-position: -79px 0;
}
.wsite-social-linkedin:hover {
	background-position: -79px -40px;
}
.wsite-social-linkedin:active {
	background-position: -79px -80px;
}
.wsite-social-mail {
	background-position: -119px 0;
}
.wsite-social-mail:hover {
	background-position: -119px -40px;
}
.wsite-social-mail:active {
	background-position: -119px -80px;
}
.wsite-social-rss {
	background-position: -158px 0;
}
.wsite-social-rss:hover {
	background-position: -158px -23px;
}
.wsite-social-rss:active {
	background-position: -158px -46px;
}
.wsite-social-flickr {
	background-position: -138px 0;
}
.wsite-social-flickr:hover {
	background-position: -138px -23px;
}
.wsite-social-flickr:active {
	background-position: -138px -46px;
}
.wsite-social-plus {
	background-position: -237px 0;
}
.wsite-social-plus:hover {
	background-position: -237px -40px;
}
.wsite-social-plus:active {
	background-position: -237px -80px;
}
.wsite-social-vimeo {
	background-position: -184px 0;
}
.wsite-social-vimeo:hover {
	background-position: -184px -23px;
}
.wsite-social-vimeo:active {
	background-position: -184px -46px;
}
.wsite-social-yahoo {
	background-position: -207px 0;
}
.wsite-social-yahoo:hover {
	background-position: -207px -23px;
}
.wsite-social-yahoo:active {
	background-position: -207px -46px;
}
.wsite-social-youtube {
	background-position: -230px 0;
}
.wsite-social-youtube:hover {
	background-position: -230px -23px;
}
.wsite-social-youtube:active {
	background-position: -230px -46px;
}
.wsite-social-span {
	color:#C0C0C0;
	font-family:robotothin;
	margin-top:7px;
	margin-right: 10px;
	font-size: 12pt;
	float: left;
}
.wsite-social-item_2 {
	-webkit-transition: background 0.5s ease-out;
	-moz-transition: background 0.5s ease-out;
	-o-transition: background 0.5s ease-out;
	transition: background 0.5s ease-out;
	width: 33px;
	height: 35px;
	background-image: url(../images/imgpage/social3.png);
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 3px;
}
.wsite-social-facebook_2 {
	background-position: -226px -54px;
}
.wsite-social-facebook_2:hover {
	background-position: -226px -129px;
}
.wsite-social-facebook_2:active {
	background-position: -226px -129px;
}
.wsite-social-twitter_2 {
	background-position: -340px -54px;
}
.wsite-social-twitter_2:hover {
	background-position: -340px -129px;
}
.wsite-social-twitter_2:active {
	background-position: -340px -129px;
}
.wsite-social-linkedin_2 {
	background-position: -398px -54px;
}
.wsite-social-linkedin_2:hover {
	background-position: -398px -129px;
}
.wsite-social-linkedin_2:active {
	background-position: -398px -129px;
}
.wsite-social-mail_2 {
	background-position: -55px -54px;
}
.wsite-social-mail_2:hover {
	background-position: -55px -129px;
}
.wsite-social-mail_2:active {
	background-position: -55px -129px;
}
.wsite-social-plus_2 {
	background-position: -170px -54px;
}
.wsite-social-plus_2:hover {
	background-position: -170px -129px;
}
.wsite-social-plus_2:active {
	background-position: -170px -129px;
}
/************End header-social***************/
/************logo***************/


.picture {
    float: left;
	margin-top:4px
}
.text {
    float: left;
}
.first-title {
	font-family: robotothin;
	font-size: 20px;
	height: 31px;
	color: #C0C0C0;
	margin-left: 8px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	position: absolute;
	text-align: left;
	top: 8px;
	width: 580px;
}
.first-title1 {
	display:none;
	font-family: robotothin;
	font-size: 20px;
	height: 31px;
	color: #C0C0C0;
	margin-left: 8px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	position: absolute;
	text-align: left;
	top: 8px;
	width: 580px;
}
.first-title2 {
	display:none;
	font-family: robotothin;
	font-size: 20px;
	height: 31px;
	color: #C0C0C0;
	margin-left: 8px;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	position: absolute;
	text-align: left;
	top: 8px;
	width: 580px;
}
#tbpdf{ display:none;}
#afshow{ display:none; }
/************End logo***************/

#menu-title{
	margin-top:10px;
	padding:5px;
	position: relative;
}
#menuBttton, #icon_menu{
	display:none;
}
#news_banner{
	background-repeat: repeat-y;
	height: 264px;
	margin-left: auto;
	margin-right: auto;
	padding-right: auto;
	text-align: left;
	width: 920px;
	border-radius: 8px 8px 8px 8px;
	box-shadow: 8px 8px 2px 2px #9FF;
}
#media-script{
	background-repeat: #E0EBEB repeat-y;
	padding:5px;
	border:1px solid #E6E6E6;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 968px;
}
#media{
	height: 264px; 
	width: 100%;
}

#part_target{
    color: #000;
    height: 15px;
    font-size: 13px;
    margin-top: 5px;
    font-family: tahoma;
    padding: 1px 5px 0;
}
#part_target a{
    color:#000;
    font-family: tahoma;
}
#part_target .current_part {
    color: #5f5f5f;
    text-decoration: none;
}	

#new-content{
	margin: 10px 0 30px;
	padding: 20px 20px;
	width: 600px;
	float: left;
}
.gradieant-bg{
	background-image:url(../images/imgpage/Gradieant.png);
}
#content{
	margin: 10px 0 30px;
	padding: 0px;
	width: 665px;
	float: left;
} 
.cours{
	width:313px;
	height:360px;
	padding:5px;
	display:block;
	margin-top:5px;
	border: 1px solid #e6e6e6;
}
#cours{
	clear:both;
	display:block;
	width:655px;
}
.cos-left{
	float:left;
}
.cos-rigt{
	float:right;
}
#calenderh{
	height:800px;
}
.cutcontent{
	/*border-bottom: 1px solid #e6e6e6;*/
    /*box-shadow: 0 1px 0 0 #eee;*/
	border-bottom: 1px solid #FFF;
    box-shadow: 0 1px 0 0 #E2E2E2;
	margin-top:10px;
	padding:0px;
}
.Cpost-image{
	width:239px;
	height:120px;
}
.acontent{
	margin-top:5px;
	padding:5px;
}
.ccontent{
	margin-top:5px;
	clear: both;
	padding:5px;
}
.til-img {
	text-align:center;
	clear:both;
	width:120px;
	height:80px;
	float:left;
}
.til-img img{
	width:120px;
	height:70px;
	border: solid 2px #B2B2B2;
}

.line{
	clear:both;
	margin-top:5px;
	border-top: solid 1px #E6E6E6;
}
.til{
	float:right;
	width:490px;
}
.tbcontent{
	width:50%;
	background:#661A80;
}
#contentnew{
	background:#E699FF;
}
#geq{
	width:100%;
	text-align:center;
}
#geq #eq0{
	float:left;
	width:50%;
}
#geq #eq1{
	float:right;
	width:50%;
}


#new-slidebar{
	width: 300px;
	float: right;
	margin-right:0;
	margin: 5px 0 5px;
}
#slidebar{
	width: 300px;
	float: right;
	margin: 5px 0 5px;
}
.widget{
	margin: 5px 0 5px;
	padding: 5px;
	border:1px solid #F5F5F5;
}
.widget a{
	color:#68655c;
}
.widget #widgetimg{
	padding-top:5px;
	padding-bottom:5px;
}
.widget .wingetcenter{
	width:100%;
	text-align:center;
}
.widgettitle {
	color: #585858;
    font-family: tahoma;
    font-size: 1.1em;
	font-weight: normal;
    line-height: 18px;
    padding-top: 5px;
}
.widgetcontent{
	color: #68655c;
	margin: 0 0 5px;
	padding-top: 4px;
}
.widgetcontent a{
	color: #68655c;
}

.widgetnew{
	font-size: 14px;
	margin: 0 0 5px;
	padding-top: 4px;
}
.tb-style{
	border:1px solid #ACACAC;
	text-align:center;
}

footer{
	font-size: 14px;
	padding-top:30px;
	clear: both;
	color:#8e9194;
    background: #2a363f none repeat scroll 0 0;
	width:100%;
	margin-bottom:0px;
}
.f-line{
	border-bottom: 1px solid #222;
    box-shadow: 0 1px 0 0 #444;
	margin:10px 0px ;
	padding:0px;
}
.f-text{
	color:#8e9194;
}
#footer-main #footer-glup .footer-glup a{
	color:#8e9194;
	font-size: 13px;
}
#footer-main{display: block; margin: 0 auto; max-width: 1200px;}
#footer-glup{width:564px; margin-right:30px;}
#footer-glup .footer-glup{width:250px; padding:5px;}
#footer-glup #calender-footer{width:235px; height:300px; position:absolute;}
#footer-glup .glup-head{width:235px; position:absolute;}

#footer-main .glup-left{
	float:left; 
	display:block; 
	position:absolute;
}
.glup1 a{line-height: 20px;}
.glup1 a:hover{
	color: #FFF;
    text-shadow: 2px 2px 4px #000000;
}
#footer-glup .glup1{float:left; position:absolute; display:block;}
#footer-glup .glup2{float:right; position:relative; display:block;}
#footer-main .glup-right{
	float: right;
	display: block;
	position: relative;
	height:300px;
}
#footer-glup .glup3{float:left; position:absolute; display:block;}
#footer-glup .glup4{ float:right; position:relative; display:block;}
.footer-line{
	clear: both;
	color:#666;
	padding: 15px;
    background: #1c2329 none repeat scroll 0 0;
}
.footer-line a{
	color:#8e9194;
	padding: 0 10px 0 10px;
	font-weight:inherit;
	font-size:14px;
	font-family: supermarket;
}
.footer-line a:hover{
	color: #fff;
    text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;
}
#show-footer{
	margin:0px;
	padding:0px;
}
	
.myButton {
	background-color:#f33f3f;
	border:1px solid #ffffff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:robotolight;
	font-size:13px;
	padding:6px 12px;
	text-decoration:none;
}
.myButton:hover {
	background-color:#000000;
}
.myButton:active {
	position:relative;
	top:1px;
}
.textnomal{
    color: #585858;
    font-family: tahoma;
    font-size: 13px;
    line-height: 18px;
    padding-top: 10px;
}
#head_line_2 {
    background-image: url("../images/imgpage/light_line.png");
    background-position: center bottom;
    background-repeat: repeat-x;
    height: 25px;
}
.admin_13_black{	
	color: #585858;
    font-family: tahoma;
    font-weight: inherit;
    line-height: 18px;	
}
#footer-top{
	clear:both;
	width:100%;
	height:5px;
	background:#f33f3f;
}
#list{
	margin-left:35px;
}
#list li{
	color: #585858;
    font-family: tahoma;
    font-size: 14px;
    line-height: 18px;
}
.tilcenter a{
	color:#8e9194;
}
.tilcenter{
	 font-family: arial;
}
.tilcenter .headc{
	font-size:18px;
	line-height: 22px;
	margin-bottom:10px;
	font-family: supermarket;
}

/*****************/
/*  Contact Form */
/*****************/
.wsite-form-field {
    max-width: 400px;
}
.weebly-form-field, .wsite-form-field {
    clear: both;
}

.wsite-form-label {
    display: inline-block;
    font-size: 14px;
	 font-weight: bold;
}
.wsite-name-field .wsite-form-input-first-name {
    width: 40%;
}
.weebly-form-left, .wsite-form-left {
    float: left;
}
.wsite-form-input
 {

	border: 1px #ccc solid;
    background: none;
    border-radius: 2px;
    padding: 7px 5px !important;
	width: 100% !important;
 }
 .wsite-name-field .wsite-form-input-last-name {
    width: 55%;
 }
.weebly-form-right, .wsite-form-right {
    float: right;
}
.ContactSubmit
{
	font-family: RobotoLight;
	font-size: 18px;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
	padding: 10px 15px;
	display: inline-block;
	border-radius: 2px;
	background-color: #f33f3f;
	color:#fff;
	font-style: normal;
	letter-spacing: 1px;
	font-weight: 500;
	text-transform: uppercase;
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width:100px;
}
.ContactSubmit:hover
{
	background-color: #000;
	color:#fff;
}

/***********************************/
/*************scrollToTop***********/
/***********************************/
.scrollToTop{
	width: 40px;
	height: 40px;
	right: 20px;
	bottom: 20px;
	padding:10px; 
	text-indent: -9999px;
	text-align:center; 
	background: whiteSmoke;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	position:fixed;
	top:86%;
	display:none;
	background:#f33f3f url('../images/imgpage/up-arrow.png')  no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
.scrollToTop:hover{
	background-color:#000;
	color: #fff;
	text-decoration:none;
}
/***************************************/
/*************End scrollToTop***********/
/***************************************/
/*************Pop Up********************/
#overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.7;
	-o-opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter:alpha(opacity=70);
	z-index: 100;
	display: none;
}
.cnt223 a{
	text-decoration: none;
}
.popup{
	/*width: 100%;margin: 0 auto;*/
	
	display: none;
	position: fixed;
	z-index: 101;
}
.cnt223{
	min-width: 600px;
	/*width: 800px;*/
	min-height: 150px;
	margin: 5% 25%;
	position: relative;
	z-index: 103;
	padding: 10px;
	/*border:3px solid #FF8A8A;*/
	border-radius: 5px;	
	box-shadow: 0 2px 5px #000;
}
.cnt223 p{
	margin:0;
	width:50%;
	color: #555555;
	text-align: justify;
	background: #000;
}
.cnt223 p a{
	color: #d91900;
	font-weight: bold;
}
.cnt223 .x{
	float: right;
    height: 35px;
    left: 98%;
    position: absolute;
    top: -4%;
    width: 34px;
}
.cnt223 .x:hover{
	cursor: pointer;
}
.close{
	color:#900;
}
#fed-text{
	margin:0;
	width:50%;
	padding:10px;
	color: #D7D7D7;	
	background: #3F3F3F;
	font-family:Tahoma;
	border-radius: 3px;
	-o-border-radius: 3px;
	-moz-border-radius:  3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	opacity: 0.7;
	-o-opacity: 0.7;
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	-webkit-opacity: 0.7;
	filter:alpha(opacity=70);
}
#fed-text ul{
	font-size:18px;	
	margin-left:25px;
}
#fed-text ul a{
	color: #D7D7D7;	
}

	#tbeq0{
		display:none;
	}
	#tbeq1{
		display:block;
	}
/***************************************/
/*************End Pop Up****************/
/***************************************/

@media screen and (max-width: 1030px) {
	h1, h2, h3, h4, h5, h6 {
	line-height: 1.4em;
	margin: 20px 0 .4em;
	color: #5B5B5B;
	}
	#pagewrap {
		width: 95%;
	}
	#header{
		height:100%;
	}
	#media{
		width:100%;
	}
	.Cpost-image{
		width:80%;
	}
	#content {
		width: 68%;
	}
	#content .hcontent {
		width: 100%;
	}
	#slidebar {
		width:30%;
	}
	#slidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
	#new-content {
		width: 60%;
		padding: 3% 4%;
	}
	#new-slidebar {
		width:30%;
	}
	#new-slidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}
	#footer{
		width: 95%;
	}
	#footer-glup {
		margin-right: 1%;
		width: 48%;
	}
	#footer-glup .footer-glup {
		width: 46%;
	}
	#footer-glup .glup3 img{
		width:80%;
	}
}
@media screen and (max-width: 800px) {
	#pagewrap {
		width: 95%;
	}
	#header{
		height:95%;
	}
	.container { 
		width: 100%;
		padding-bottom: 1%; 
		padding-top: 1%;
	}
	.widget .wingetcenter {
		text-align: left;
	}
	.nav > li {
        width:16%;
    }
	.nav a {
		font-size:15px;
	}
	#media-script{
		height:200px;
		width: 92%;
	}
	#media{
		height:100%;
		width:100%;
	}
	#show-banner{
		height:100%;
		width:100%;
	} 
	#slider1_container {  
		width: 100%;
		height: 200px;
	} 
	#slidess{
		width:100%;
		height:200px;
	}
	#part_target {
		padding: 2px 23px 0px;
	}
	.centerbanner{
		top: 3%;
		left: 3%; 
		width:400px;
		font-size:98%;
	}
	#cours {
		width:100%;
	}
	.cours {
		width: 48%;
	}
	#content {
		width: 93%;
		padding: 0 2%;
	}
	#content .acontent {
		width: 100%;
	}
	#slidebar {
		width:100%;
		clear:both;
		float:left;
	}
	#slidebar .widget{
		margin: 0 0 8px;
		padding: 10px 10px 2px;
	}
	#widgetimg{
		width:239px;
	}
	#new-content{
		width: 92%;
		padding: 3% 4%;
	}
	#new-slidebar {
		width:100%;
		clear:both;
		float:left;
	}
	#footer-main .glup-left{
		position:relative;
	}
	#footer-main .glup-right{
		clear:both;
		float: left;
		margin-top:18%;
		position: relative;
	}
	#footer-glup {
		width:85%;
		margin-left:7%;
	}
	#footer-glup .footer-glup {
		width: 45%;
	}
	.scrollToTop {
		top: 80%;
	}
	.gallery li a img{
		width: 16.16%;
		height: 70px;
	}
}

@media screen and (max-width: 768px) {
	.Cpost-image{
		width:90%;
	}
	#part_target {
		padding: 1px 20px 0px;
	}
	#news_banner{
		height:25%;
		width: 92%;
	}
	#banner{
		height:100%;
		width:100%;
	} 
	#slider1_container {  
		width: 100%;
		height: 200px;
	} 
	#slidess{
		width:100%;
		height:200px;
	}
	#media-script {
		height: 100%;
	}
	.centerbanner{
		top: 3%;
		left: 3%; 
		width:350px;
		font-size:98%;
	}
	.container { 
		width: 100%;
		padding-bottom: 1%; 
		padding-top: 1%;
	}
	.nav > li {
        width:16%;
    }
	.nav a {
		font-size:15px;
	}
	.ccontent {
		width:100%;
	}
	#content {
		width: 93%;
		padding: 0 2%;
	}
	#new-slidebar .widgettitle {
		margin: 0 0 5px;
		padding: 10px 10px;	
	}
	#new-slidebar .widget{
		margin: 0 0 8px;
		padding: 10px 10px 4px;
	}
	.scrollToTop {
		width: 5%;
		height: 7%;
		top: 80%;
	}
}


@media screen and (max-width: 720px) {
	.text .first-title{
		display:none;
	}
	.text .first-title1{
		display:block;
		width:auto;
	}
	.text .first-title2{
		display:none;
	}
	.cours {
		width: 47.7%;
		height: 390px;
	}	
	.gallery li a img{
		width: 16.1%;
		height: 70px;
	}
	.scrollToTop {
		width: 5%;
		height: 7%;
		top: 80%;
	}
}

@media screen and (max-width: 640px) {
	.text .first-title{
		display:none;
	}
	.text .first-title1{
		display:block;
		width:auto;
	}
	.text .first-title2{
		display:none;
	}
	.cours {
		width: 47.4%;
		height: 390px;
	}
	.scrollToTop {
		width: 6%;
		height: 7%;
		top: 80%;
	}
	.gallery li a img{
		width: 16.05%;
		height: 70px;
	}
}

@media screen and (max-width: 601px) {
	#pagewrap {
		width:99%;
		padding:0 0;
	}
	#content{
		width:92%;
	}
	.cours {
		width: 47.3%;
		height: 390px;
	}
	/***************************************************************/
	.active {
        display: block;
    }
    .nav > li {
		width: 33.6%;
        float: none;
		background:#FF66B3;
		border:1px solid #B4B4B4;
    }
	/***************************************************************/
	.text .first-title{
		display:none;
	}
	.text .first-title1{
		display:block;
	}
	.text .first-title2{
		display:none;
	}
	.wsite-social-span{
		display:none;
	}
	.scrollToTop {
		width: 4%;
		height: 5%;
	}
	
	.gallery li a img{
		width: 19.3%;
		height: 70px;
	}
}

@media screen and (max-width: 480px) {
	
	.gallery li a img{
		width: 19.2%;
		height: 70px;
	}
	.scrollToTop {
		width: 5%;
		height: 5%;
	}
	.cours {
		width: 46.7%;
		height: 420px;
	}
	 
	#slider1_container {  
		width: 100%;
		height: 150px;
	} 
	#slidess{
		width:100%;
		height:150px;
	}
}

@media screen and (max-width: 360px) {
	h1{ font-size:120%;}
	h2{ font-size:20px;}
	h3{ font-size:18px;}
	#pagewrap {
		width:98%;
		padding:0 0;
	}
	#bott{
		padding:2%;
	}
	#content .acontent h1{
		margin:0;
	}
	.nav > li {
        width:57%;
        float: none;
		background:#FF66B3;
		border:1px solid #B4B4B4;
    }
	#media-script{
		display:none;
	}
	.text .first-title{
		display:none;
	}
	.text .first-title1{
		display:none;
	}
	.text .first-title2{
		display:block;
	}
	.wsite-social-span{
		display:none;
	}
	#part_target {
	}
	#content{
		width:94%;
		clear:both;
		margin-top: 5%;
	}
	#content .acontent{
		width:98%;
	}
	.ccontent{
		padding:0;
	}
	.cours {
		clear:both;
		float:left;
		width:98%;
		height: 370px;
	}
	.first-title2{
		width:auto;
	}
	#geq #eq0 , #geq #eq1 {
		width: 100%;
		float: left;
	}
	#tbeq0{
		display:block;
	}
	#tbeq1{
		display:none;
	}
	#footer-glup{
		margin-left:20px;
	}
	#footer-glup .footer-glup {
		clear:both;
		float:left;
		position:relative;
		width: 100%;
		height:auto;
		margin-bottom:35px;
	}
	#footer-main .glup-right {
		margin-top:0px;
		height: auto;
	}
	.footer-line{
		padding-right: 5px;
	}	
	.footer-line a {
		padding:2;
	}
	.scrollToTop {
		width: 6%;
		height: 4%;
	}
	.gallery li a img{
		width: 24%;
		height: 50px;
	}
	#tbpdf{ display:block;}
	#tbpdf0{ display:none;}
	#calenderh{
		height:400px;
	}
	#afshow{ display:block;}
	#bfshow{ display:none;}
	.popup {
		width: 100%;
		margin: 0;
	}
	.cnt223 {
		min-width: 30%;
		min-height: 100%;
		margin: 8% 7%;
	}
	.cnt223 .x {
		float: right;
		height: auto;
		left: 97%;
		position: absolute;
		top: -4%;
		width: 8%;
	}
	
	
}

@media screen and (max-width: 320px) {
	.menu-nav {
		margin-left:-70%;
	}
	#pagewrap {
		width:98%;
		padding:0 0;
	}
	#content{
		width:97%;
	}
	#content .acontent{
		width:95%;
	}
	.ccontent{
		width:100%;
	}
	.cours {
		width:95%;
	}
	#b320{ padding:2%;}
	
}