@charset "utf-8";

html{
	/*position:relative;
	width:100%; min-width:980px; height:100%;
	margin:0; padding:0;*/
	height:100%;
	background:rgba(244, 244, 244, 1);
	/*overflow-y:scroll;*/
}

body{
	height:100%;
	margin:0; padding:0;
}

#app_content{
	position:relative;
	display:inline-block;
	width:100%; min-height:100%; height:auto;
	padding:96px 0 48px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content img{
	border:none;
}

.clear{
	clear:both;
	display:inline-block;
	float:none;
	width:100%;
}

#app_content #header-container{
	position:absolute;
	top:0; left:0;
	width:100%; height:96px;
	z-index:3;
}

#app_content #header-container #header-content{
	position:relative;
	width:980px; height:100%;
	margin:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #header-container #header-content #logo-container{
	position:absolute;
	left:0; top:0;
	width:254px; height:96px;
	margin:0; padding:0;
	z-index:2;
	padding:41px 0 0 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #header-container #header-content #langues-container{
	position:absolute;
	right:24px;
	text-align:right;
	z-index:3;
}

#app_content #header-container #header-content #langues-container ul{
	position:relative;
	width:100px; height:30px;
	list-style:none;
}

#app_content #header-container #header-content #langues-container ul li{
	position:relative;
	float:left; height:30px;
	color:#c2c2c2;
	font-family:"flama_book", Verdana, Geneva, sans-serif;
	letter-spacing:3px;
	font-size:22px;
}

#app_content #header-container #header-content #langues-container ul li.ln-btn{
	cursor:pointer;
	padding:0 3px;
}

#app_content #header-container #header-content #langues-container ul li a{
	display:block;
	position:relative;
	color:#c2c2c2;
	font-family:"flama_book", Verdana, Geneva, sans-serif;
	letter-spacing:3px;
	font-size:22px;
	text-decoration:none;
}

#app_content #header-container #header-content #header-navbar-container{
	position:absolute;
	left:0; top:0;
	width:100%; height:px;
	margin:0; padding:0 0 0 254px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #header-container #header-content #header-navbar-container nav{
	position:relative;
	margin:0; padding:0;
	height:96px;
}

#app_content #header-container #header-content #header-navbar-container ul.menu{
	position:relative;
	width:auto; height:96px; display:inline-block;
	list-style:none;
	margin:0; padding:56px 0 0 80px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li{
	position:relative;
	height:40px;
	padding:0 7px 0 7px;
	float:left;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:first-child{
	padding:0 7px 0 0;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li a{
	text-decoration:none;
	font-size:14px; line-height:15px;
	height:40px;
	font-family:"flama_basic", Verdana, Geneva, sans-serif;
	color:#656565;
	display:block;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	letter-spacing:1.8px;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li a:hover{
	color:#ff3c43;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li.current-menu-parent a{
	color:#ff3c43;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li.current_page_item a{
	color:#ff3c43;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:last-child{
	margin:0;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:last-child a:hover{
	color:#3acc97
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:last-child.current-menu-parent a{
	color:#3acc97;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:last-child.current_page_item a{
	color:#3acc97;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu{
	position:absolute;
	width:auto; height:auto;
	list-style:none;
	left:11px; top:20px;
	margin:0; padding:20px 0 0 0;
	display:none;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	background:url(webroot/img/sub-menu-corner.png) no-repeat 30px top;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li:hover .sub-menu{
	display:block;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li{
	position:relative;
	height:40px;
	padding:0; margin:0 100% 0 0;
	display:block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#ff4541;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li a, #app_content #header-container #header-content #header-navbar-container ul.menu li:last-child .sub-menu li a{
	text-decoration:none;
	text-transform:none;
	font-size:12px;
	height:40px; line-height:40px;
	display:block;
	padding:0 17px 0 17px;
	font-family:"flama_basic", Verdana, Geneva, sans-serif;
	color:#fff;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	white-space:nowrap;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li:hover a{
	color:#656565;
}
/*
#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li a:hover{
	color:#656565;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li.current_page_item{
	background:#656565;
}

#app_content #header-container #header-content #header-navbar-container ul.menu li .sub-menu li.current_page_item a{
	color:#656565;
}
*/
#app_content #slider-container{
	position:relative;
	width:100%; height:433px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	overflow:hidden;
}

#app_content #slider-container .left-corner{
	position:absolute;
	width:14px; height:23px;
	left:0; bottom:-8px;
	background:url(../img/corner-left.html) no-repeat;
}

#app_content #slider-container .right-corner{
	position:absolute;
	width:14px; height:23px;
	right:0; bottom:-8px;
	background:url(../img/corner-right.html) no-repeat;
}

#app_content #slider-container #slides-container{
	position:absolute;
	width:100%; height:100%;
}

#app_content #slider-container #slides-container .slide{
	position:absolute;
	width:100%; height:100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
	display:none;
}

#app_content #slider-container #slides-container .slide.current{
	display:block;
	z-index:1;
}

#app_content #slider-container #slides-container .slide .slide-symetrique-container{
	position:relative;
	margin:auto;
	width:980px; height:100%;
}

#app_content #slider-container #slides-container .slide .slide-titre{
	position:absolute;
	width:auto; height:auto;
	left:0; bottom:89px;
	background:rgba(243, 29, 43, .4);
	color:#fff;
	padding:15px 20px 15px 20px;
	font-size:24px; font-family:'flama_light', Verdana, Geneva, sans-serif;
	letter-spacing:2px;
	font-weight:100;
}

#app_content #slider-container #slider-points-container{
	position:absolute;
	top:10px; right:20px;
	width:auto; height:15px;
	overflow:auto;
	z-index:5;
}

#app_content #slider-container #slider-points-container .point{
	position:relative;
	width:15px; height:15px;
	background:#656565;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	float:left;
	margin:0 0 0 6px;
	cursor:pointer;
	-webkit-transition: all 0.2s;
	-moz-transition:    all 0.2s;
	-o-transition:      all 0.2s;
	transition:			all 0.2s;
}

#app_content #slider-container #slider-points-container .point:hover{
	background:#ff3c43;
}

#app_content #slider-container #slider-points-container .point.current{
	background:#ff3c43;
}

#app_content #footer-container{
	position:absolute;
	width:100%; height:48px;
	bottom:0; left:0;
	z-index:2;
	margin:0;
}

#app_content #footer-container #footer-content{
	position:relative;
	width:980px; height:88px;
	margin:auto;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #footer-container #footer-content #footer-navbar-container{
	position:relative;
	width:100%; height:100%;
	margin:0; padding:28px 0 0 0;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content #footer-container #footer-content #footer-navbar-container nav{
	position:relative;
	margin:0; padding:0;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu{
	position:relative;
	width:auto; height:auto; display:inline-block;
	list-style:none;
	margin:0; padding:0;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li{
	position:relative;
	float:left;
	text-decoration:none;
	font-size:18px;
	height:30px;
	font-family:"flama_light", Verdana, Geneva, sans-serif;
	color:#ff4541;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li.separation{
	padding:0 5px;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li:first-child{
	padding:0 4px 0 5px;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li:last-child{
	padding:0 11px 0 0px;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li a{
	text-decoration:none;
	font-size:18px;
	height:30px;
	font-family:"flama_light", Verdana, Geneva, sans-serif;
	color:#ff4541;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	cursor:pointer;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li a:hover{
	color:#a41f22;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li.current_page_item a{
	color:#c1c1c1;
}

#app_content #footer-container #footer-content #footer-navbar-container ul.menu li:last-child{
	margin:0;
}

#app_content .cover-container{
	position:relative;
	height:433px; width:100%;
	/*
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#CCC;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	*/
	background:#CCC url(webroot/img/cover-preloader.gif) no-repeat center;
}

#app_content .cover-container .cover-img{
	position:relative;
	height:100%; width:100%;
	background-repeat:no-repeat;
	background-position:center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
}

/*
#app_content .cover-container .cover-preloader{
	position:absolute;
	width:64px; height:64px;
	left:50%; top:50%;
	margin:-32px 0 0 -32px;
	background:url(webroot/img/cover-preloader.gif);
}

#app_content .cover-container#home{
	background-image:url(webroot/img/covers/home-cover.png);
}

#app_content .cover-container#page-mot-des-directeurs{
	background-image:url(webroot/img/covers/mot-des-directeurs-cover.png);
}

#app_content .cover-container#page-presentation{
	background-image:url(webroot/img/covers/presentation-cover.png);
}

#app_content .cover-container#page-matiers-profs{
	background-image:url(webroot/img/covers/matiers-profs-cover.jpg);
}

#app_content .cover-container#page-apprentissage{
	background-image:url(webroot/img/covers/apprentissage-cover.jpg);
}

#app_content .cover-container#page-la-promotion{
	background-image:url(webroot/img/covers/la-promotion-cover.jpg);
}*/

#app_content #contact-carte-container{
	position:relative;
	height:418px; width:100%;
	background:#c1c1c1;
}

#app_content .page{
	position:relative;
	width:980px; height:auto; margin:auto;
	top:0; left:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	z-index:1;
}

#app_content .page #page-introuvable-message{
	position:relative;
	width:100%; height:auto;
	margin-top:50px;
	padding:80px 0 80px 0;
	text-align:center;
	background:url(webroot/img/alert64.png) no-repeat center top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; line-height:16px;
	font-weight:bold;
	color:#262626;
}

#app_content .page #page-introuvable-message h1{
	position:relative;
	width:100%; height:auto;
	padding:0; margin:0 0 10px 0;
	text-align:center;
	font-size:18px;
}

#app_content .page #page-titre-container{
	position:relative;
	width:100%; height:auto;
	padding:45px 0 0 0;
}

#app_content .page #page-titre-container #page-titre{
	position:relative;
	width:750px; height:auto;
	border-bottom:2px solid #ff3c43;
	font-family:'flama_light', Verdana, Geneva, sans-serif;
	color:#ff3c43;
	font-weight:100;
	font-size:24px; line-height:24px;
	padding:0 0 15px 0; margin:0 0 15px 0;
}

#app_content .page#madel-x .page-container .article{
	position:relative;
	width:100%; height:auto; min-height:65px;
	padding:0 430px 0 0; margin:0 0 60px 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page#madel-x .page-container .article .article-titre{
	position:relative;
	width:100%; height:auto;
	margin:0 0 5px 0;
	font-family:'flama_light', Verdana, Geneva, sans-serif;
	color:#ff3c43;
	font-size:20px; line-height:18px;
}

#app_content .page#madel-x .page-container .article .article-titre a{
	position:relative;
	width:100%; height:auto;
	display:block;
	font-family:'flama_light', Verdana, Geneva, sans-serif;
	color:#ff3c43;
	font-size:20px; line-height:18px;
	text-decoration:none;
}

#app_content .page#madel-x .page-container .article .article-description{
	position:relative;
	width:100%; height:auto;
	font-family:'flama_light', Verdana, Geneva, sans-serif;
	color:#595959;
	font-size:18px; line-height:22px;
	margin:0 0 5px 0;
}

#app_content .page#madel-x .page-container .article .article-image{
	position:absolute;
	width:340px; height:65px;
	top:0; right:0;
	background:rgba(241, 241, 241, 1);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat:no-repeat;
	background-position:center;
}

#app_content .page#home .page-container #articles-categories-container{
	position:relative;
	width:100%; height:auto;
}

#app_content .page#home .page-container #articles-categories-container .category{
	position:relative;
	width:22%;
	margin:0 4% 0 0;
	float:left;
}

#app_content .page#home .page-container #articles-categories-container .category:nth-child(4){
	margin:0;
}

#app_content .page#home .page-container #articles-categories-container .category .category-header{
	position:relative;
	width:100%; height:auto;
	margin:-43px 0 25px 0;
}

#app_content .page#home .page-container #articles-categories-container .category .category-header .category-icon{
	position:relative;
	margin:auto;
	width:86px; height:86px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background:rgba(244, 244, 244, 1);
	background-position:center;
	background-repeat:no-repeat;
}

#app_content .page#home .page-container #articles-categories-container .category#conferences .category-header .category-icon{
	background-image:url(webroot/img/post-type-icon-conferences.png);
}

#app_content .page#home .page-container #articles-categories-container .category#publications .category-header .category-icon{
	background-image:url(webroot/img/post-type-icon-publications.png);
}

#app_content .page#home .page-container #articles-categories-container .category#interviews .category-header .category-icon{
	background-image:url(webroot/img/post-type-icon-interviews.png);
}

#app_content .page#home .page-container #articles-categories-container .category#medias .category-header .category-icon{
	background-image:url(webroot/img/post-type-icon-medias.png);
}

#app_content .page#home .page-container #articles-categories-container .category .category-header .category-titre{
	position:relative;
	color:#f31d2b;
	width:100%; text-align:center;
	font-size:24px; line-height:24px;
	font-family:'flama_light', Verdana, Geneva, sans-serif;
	letter-spacing:2px;
}

#app_content .page#home .page-container #articles-categories-container .category .article{
	position:relative;
	width:100%; height:auto;
	margin-bottom:40px;
	padding:0;
}

#app_content .page#home .page-container #articles-categories-container .category .article .article-titre{
	position:relative;
	width:100%; height:auto;
	font-family:'flama_medium', Verdana, Geneva, sans-serif;
	color:#7d7d7d;
	font-size:18px;
	letter-spacing:1px; word-spacing:1.5px;
	margin:0 0 15px 0;
}

#app_content .page#home .page-container #articles-categories-container .category .article .article-titre a{
	position:relative;
	width:100%; height:auto;
	font-family:'flama_medium', Verdana, Geneva, sans-serif;
	color:#7d7d7d;
	font-size:18px;
	letter-spacing:1px; word-spacing:1.5px;
	display:block;
	text-decoration:none;
}

#app_content .page#home .page-container #articles-categories-container .category .article .article-description{
	position:relative;
	width:100%; height:auto;
	font-family:'flama_book', Verdana, Geneva, sans-serif;
	color:#7d7d7d;
	font-size:16px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

#app_content .page#home .page-container #articles-categories-container .category .article .article-description a{
	position:relative;
	width:100%; height:auto;
	font-family:'flama_book', Verdana, Geneva, sans-serif;
	color:#7d7d7d;
	font-size:16px;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	text-decoration:none;
	display:block;
}

#app_content .page#home .page-container #articles-categories-container .category .category-all-btn{
	position:relative;
	width:24px; height:24px;
	margin:auto;
	background:url(webroot/img/see-more-btn.png) no-repeat;
	cursor:pointer;
	display:block;
}

#app_content .page#home .page-container #articles-categories-container .category .empty_cat{
	position:relative;
	width:100%; height:auto;
	display:block;
	text-align:center;
	margin:20px 0;
	font-family:'flama_book', Verdana, Geneva, sans-serif;
	color:red;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container{
	position:relative;
	width:100%;
	padding:0 50px; margin:40px 0 0 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element{
	position:relative;
	width:49%; height:135px;
	padding:0 0 0 126px; margin:0 0 43px 0;
	/*display:inline-block;*/
	float:left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .photo{
	position:absolute;
	width:104px; height:135px;
	left:0; top:0;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .photo-on{
	position:absolute;
	width:104px; height:135px;
	left:0; top:0;
	display:none;
	cursor:pointer;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .prof-name{
	position:relative;
	width:100%; height:auto;
	color:#000;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:28px; line-height:32px;
	margin:0 0 10px 0;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .prof-description{
	position:relative;
	width:100%; height:auto;
	color:#000;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:16px; line-height:20px;
	margin:0 0 0 0;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .bio-text{
	display:none;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .see-bio-btn{
	position:absolute;
	width:100%; height:33px;
	padding:0 0 0 46px;
	background:url(webroot/img/bio-btn.png) no-repeat;
	bottom:0;
	color:#a41f22;
	font-family:'gotham_thin', Helvetica, sans-serif;
	font-size:16px; line-height:33px;
	cursor:pointer;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .see-bio-btn:hover{
	background:url(webroot/img/bio-btn-on.png) no-repeat;
}

#app_content .page#page-matiers-profs .page-container #professeurs-list-container .professeur-element .see-bio-btn.on{
	background:url(webroot/img/bio-btn-on.png) no-repeat;
}

#credit-lightbox-container{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(0, 0, 0, .65);
	z-index:2; overflow-y:auto;
	display:none;
}

#credit-lightbox-container .close-btn{
	position:absolute;
	width:34px; height:33px;
	top:30px; right:30px;
	cursor:pointer;
	background:url(webroot/img/lightbox-close-btn.png) no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:	      	all 0.3s;
	z-index:2;
}

#credit-lightbox-container .close-btn:hover{
	background:url(webroot/img/lightbox-close-btn-on.png) no-repeat;
}

#credit-lightbox-container .backzone{
	position:fixed;
	width:100%; height:100%;
	z-index:0;
}

#credit-lightbox-container .content{
	position:relative;
	width:630px; height:450px;
	top:50%;
	margin:-225px auto 0 auto;
	padding:30px 30px 30px 30px; background:#fff;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	color:#f31d2b;
}

#credit-lightbox-container .content .lightbox-titre{
	position:relative;
	width:100%; height:auto;
	margin:0 0 20px 0;
	padding:0;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:28px; line-height:32px;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#credit-lightbox-container .content strong, #credit-lightbox-container .content b{
	font-family:'gotham_bold', Helvetica, sans-serif;
	font-weight:100;
}

#credit-lightbox-container .content span{
	position:relative;
	display:block;
	margin:8px 0 0 0;
	color:#f31d2b;
}

#credit-lightbox-container .content a{
	position:relative;
	display:inline-block;
	color:#f31d2b;
	margin:8px 0 0 0;
	text-decoration:none;
	width:auto;
}

#credit-lightbox-container .content a:hover{
	color:#c1c1c1;
}

#contact-lightbox-container{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:rgba(0, 0, 0, .65);
	z-index:2; overflow-y:auto;
	display:none;
}

#contact-lightbox-container .close-btn{
	position:absolute;
	width:34px; height:33px;
	top:30px; right:30px;
	cursor:pointer;
	background:url(webroot/img/lightbox-close-btn.png) no-repeat;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:	      	all 0.3s;
	z-index:2;
}

#contact-lightbox-container .close-btn:hover{
	background:url(webroot/img/lightbox-close-btn-on.png) no-repeat;
}

#contact-lightbox-container .backzone{
	position:fixed;
	width:100%; height:100%;
	z-index:0;
}

#contact-lightbox-container .content{
	position:relative;
	width:630px; height:450px;
	top:50%;
	margin:-225px auto 0 auto;
	padding:30px 30px 30px 30px; background:#fff;
	box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	text-align:center;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	color:#f31d2b;
}

#contact-lightbox-container .content .lightbox-titre{
	position:relative;
	width:100%; height:auto;
	margin:0 0 20px 0;
	padding:0;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:28px; line-height:32px;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#contact-lightbox-container .content strong, #contact-lightbox-container .content b{
	font-family:'gotham_bold', Helvetica, sans-serif;
	font-weight:100;
}

#contact-lightbox-container .content span{
	position:relative;
	display:block;
	margin:8px 0 0 0;
	color:#f31d2b;
}

#contact-lightbox-container .content a{
	position:relative;
	display:inline-block;
	color:#f31d2b;
	margin:8px 0 0 0;
	text-decoration:none;
	width:auto;
}

#contact-lightbox-container .content a:hover{
	color:#c1c1c1;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container{
	position:relative;
	width:100%;
	padding:0 65px; margin:80px 0 0 0;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element{
	position:relative;
	width:156px; height:200px;
	padding:0; margin:0 25px 50px 25px;
	display:inline-block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .photo{
	position:absolute;
	width:156px; height:200px;
	left:0; top:0;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container{
	position:absolute;
	width:100%; height:100%;
	background:#a41f22;
	z-index:1;
	opacity:0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	text-align:center;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element:hover .links-container{
	opacity:1;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .description{
	position:absolute;
	width:100%; height:auto;
	text-align:center;
	top:200px;
	z-index:1;
	opacity:0;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	transition:     	all 0.3s;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:14px; line-height:16px;
	padding:10px 0 0 0;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element:hover .description{
	opacity:1;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container .etudiant-name{
	position:relative;
	width:100%; height:130px;
	color:#000; padding:30px 0 0 0;
	font-family:'flama_basic', Helvetica, sans-serif;
	font-size:22px; line-height:30px;
	font-weight:100;
	text-align:center;
	color:#ffffff;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/*#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container .icon-btn{
	position:absolute;
	width:42px; height:42px;
	display:block;
}*/

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container .icon-btn{
	position:relative;
	width:42px; height:42px;
	display:inline-block;
	margin:0 10px 0 10px;
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container .icon-btn.cv{
	background:url(webroot/img/cv-btn-icon.html) no-repeat;
	/*left:28px; bottom:22px;*/
}

#app_content .page#page-la-promotion .page-container #promotion-list-container .promotion-element .links-container .icon-btn.in{
	background:url(webroot/img/in-btn-icon.png) no-repeat;
	/*right:27px; bottom:22px;*/
}

/*
#app_content .page .page-container .page-titre-container{
	position:relative;
	width:100%; height:auto;
	margin:-30px 0 50px 0;
	display:block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:inline-block;
}

#app_content .page .page-container.ltr .page-titre-container{
	text-align:right;
}

#app_content .page .page-container .page-titre-container .page-titre-content{
	position:relative;
	width:auto; height:auto; padding:5px 18px 15px 18px;
	display:inline-block;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background:#fff;
}

#app_content .page .page-container.ltr .page-titre-container .page-titre-content{
	text-align:right; float:right;
}

#app_content .page .page-container .page-titre-container .page-titre-content .page-titre{
	position:relative;
	width:auto; height:auto;
	margin:0; padding:5px 18px 15px 18px; top:0;
	font-family:'baskerville', Helvetica, sans-serif;
	font-size:60px; line-height:80px;
	color:#a41f22;
	text-transform:uppercase;
	display:inline;
	-webkit-box-decoration-break: clone;
	-o-box-decoration-break: clone;
	box-decoration-break: clone;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	border-bottom:1px solid #a41f22;
	font-weight:100;
	text-align:right;
}

#app_content .page .page-container .page-titre-container .page-titre-content .page-titre .line-border{
	position:relative;
	width:100%; height:1px; float:right;
	border-bottom:1px solid #a41f22;
	z-index:2;
	margin-top:10px;
}
*/

#app_content .page .page-container .page-titre{
	position:relative;
	width:auto; height:auto; display:inline-block;
	margin:-30px 0 0 0; top:0;
	color:#a41f22;
	text-transform:uppercase;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	/*border-bottom:1px solid #a41f22;*/
	font-weight:100;
}

#app_content .page .page-container.ltr .page-titre{
	text-align:right; float:right;
}

#app_content .page .page-container.ltr .page-titre br{
	height:0;
}

#app_content .page .page-container .page-titre .line{
	position:relative;
	width:auto; height:80px;
	background:#fff;
	padding:0 18px;
	background:#fff;
	font-family:'baskerville', Helvetica, sans-serif;
	font-size:60px; line-height:80px;
	display:inline-block;
}

#app_content .page .page-container .page-titre .line:first-child{
	padding-top:10px;
}

#app_content .page .page-container .page-titre .line-border{
	position:relative;
	width:100%; height:1px;
	z-index:2;
	margin-top:10px; padding:0 18px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page .page-container .page-titre .line-border .border{
	position:relative;
	width:100%; height:1px;
	border-bottom:1px solid #a41f22;
	z-index:2;
	margin-top:10px;
}

#app_content .page .page-container .page-content{
	position:relative;
	width:100%; height:auto;
	text-align:left;
	color:#000;
	font-family:"gotham_thin", Arial, Helvetica, sans-serif;
	font-size:16px; line-height:34px;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page .page-container.rtl .page-content{
	padding:0 100px 0 290px;
}

#app_content .page .page-container.ltr .page-content{
	padding:0 290px 0 100px;
}

#app_content .page#page-presentation .page-container .page-content{
	background:url(webroot/img/page-content-icons/page-content-presentation-icon.html) no-repeat right 70px top 0;
	min-height:420px;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content{
	/*background:url(webroot/img/page-content-icons/page-content-mot-des-directeurs-icon.png) no-repeat right 70px top 50px;*/
	min-height:420px;
}

#app_content .page#page-apprentissage .page-container .page-content{
	background:url(webroot/img/page-content-icons/page-content-apprentissage-icon.html) no-repeat right 70px top 0;
	min-height:420px;
}

#app_content .page#page-contact .page-container .page-content{
	background:url(webroot/img/page-content-icons/page-content-contact-icon.html) no-repeat 70px 0;
	/*min-height:420px;*/
}

#app_content .page#page-contact .page-container .page-content{
	line-height:30px;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content #directeurs-photos-container{
	position:absolute;
	width:124px;
	right:97px; top:0;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content #directeurs-photos-container .directeur-photo{
	position:relative;
	width:124px; height:162px;
	margin-bottom:33px;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content #directeurs-photos-container .directeur-photo .etat.photo{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content #directeurs-photos-container .directeur-photo .etat.full-name{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background:#a41f22;
	padding:60px 0 0 0;
	z-index:1;
	opacity:0;
	-webkit-transition: all 0.4s;
	-moz-transition:    all 0.4s;
	-o-transition:      all 0.4s;
	transition:     	all 0.4s;
	text-align:center;
	font-family:'baskerville', Helvetica, sans-serif;
	font-size:19px; line-height:24px;
	color:#fff;
	font-weight:100;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

#app_content .page#page-mot-des-directeurs .page-container .page-content #directeurs-photos-container .directeur-photo:hover .etat.full-name{
	opacity:1;
}

.page .page-container .page-content a{
	position:relative;
	font-size:14px; line-height:16px;
	color:#a41f22;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-o-transition:      all 0.3s;
	text-decoration:none;
}

.page .page-container .page-content a:hover{
	color:#c1c1c1;
}

#app_content .page .page-container .page-content h1,
#app_content .page .page-container .page-content h2,
#app_content .page .page-container .page-content h3,
#app_content .page .page-container .page-content h4,
#app_content .page .page-container .page-content h5,
#app_content .page .page-container .page-content h6{
	position:relative;
	padding:0; margin:30px 0 -10px 0;
	color:#000;
	font-family:'gotham_thin', Helvetica, sans-serif;
	font-size:35px; line-height:40px;
	font-weight:100;
}

#app_content .page .page-container.rtl .page-content h1,
#app_content .page .page-container.rtl .page-content h2,
#app_content .page .page-container.rtl .page-content h3,
#app_content .page .page-container.rtl .page-content h4,
#app_content .page .page-container.rtl .page-content h5,
#app_content .page .page-container.rtl .page-content h6{
	text-align:right
}

#app_content .page .page-container.rtl .page-content p{
	text-align:right
}
.page .page-container .page-content strong, .page .page-container .page-content b{
	font-weight:100;
	font-family:'gotham_bold', Helvetica, sans-serif;
}



#app_content .page#madel-x .page-container #pagination-container{
	position:relative;
	width:100%; height:auto;
	text-align:center;
	font-size:26px; line-height:30px;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns{
	position:relative;
	width:auto; height:30px;
	padding:0 20px;
	display:inline-block;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns #prev-btn{
	position:absolute;
	width:20px; height:30px; line-height:30px; font-size:30px;
	text-align:center;
	left:0; top:0; 
	color:#ff3c43;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns #prev-btn a{
	position:relative;
	width:20px; height:30px; line-height:30px;
	text-align:center;
	color:#ff3c43;
	display:block;
	text-decoration:none;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns #next-btn{
	position:absolute;
	width:20px; height:30px; line-height:25px; font-size:30px;
	text-align:center;
	right:0; top:0;
	color:#ff3c43;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns #next-btn a{
	position:relative;
	width:20px; height:30px; line-height:30px;
	text-align:center;
	color:#ff3c43;
	display:block;
	text-decoration:none;
}

#app_content .page#madel-x .page-container #pagination-container #pagination-btns #where{
	color:#ff3c43;
	font-family:"flama_medium", Verdana, Geneva, sans-serif;
	padding:0 10px;
}