* {
	margin: 0px; padding: 0px;
	border: none;
	font-family: Arial, Helvetica, sans-serif; font-size: 1em; text-decoration: none; color: #0f2d45;
	list-style: none;
}

body {
  width: 100%;
  font-size: 10px;
  background-color: #FFFFFF;
}

object, embed {
	outline: none;
}

#wrapper {
 width: 905px;
 margin: auto;
}

/******
 ****** Header
 ******/
#header {
  height: 155px;
  position: relative;
}
/******Logo*/
h1 {
	width: 304px; height: 115px;
	position: absolute; bottom: 10px; left: 0px;
}
h1 a {
	width: 304px; height: 115px;
	display: block; overflow: hidden;
	text-indent: -9999px;
  background: #FFFFFF url(../img/interface/home/logo.jpg) no-repeat top left;
}
h1 a:hover {
  background-position: bottom left;
}
/******Quick-nav form*/
#quick-nav {
  height: 25px;
  position: absolute; right: 8px; bottom: 15px;
}
#quick-nav form, #quick-nav ul, #quick-nav ul li {
  float: left;
}
#quick-nav form input {
  display: block;
  float: left;
}
#quick-nav form input.search {
  width: 135px; height: 17px;
  padding: 3px;
  border: 1px #808080 solid;
  background: #FFFFFF url(../img/interface/bg/input.png) repeat-x;
  color: #a9a9a9;
}
#quick-nav form input.submit {
  width: 25px; height: 25px;
  padding: 3px; margin-left: 5px;
  border: 1px #808080 solid;
  background: #FFFFFF url(../img/interface/bg/button.png) repeat-x;
  color: #a9a9a9;
  cursor: pointer;
  
}
/******Quick-nav flags*/
#quick-nav ul {
  height: auto;
}
#quick-nav ul li {
  display: inline;
  /*width: 26px;*/ height: 23px;
  margin: 0px 0 0 7px;
}
#quick-nav ul li a {
  width: /*26px*/  auto; height: 23px;
  margin: 0px;
  display: block;
  border: 1px solid #DDDDDD;
  /*overflow: hidden;
  text-indent: -9999px;
  background: transparent url(../img/interface/home/flag_fr.png) no-repeat top left;*/
}
#quick-nav ul li a:hover {
  margin: 0;
  border: 1px solid #000;
}
#quick-nav ul li.fr a {
  background-image: url(../img/interface/home/flag_fr.png);
}
#quick-nav ul li.en a {
  background-image: url(../img/interface/home/flag_en.png);
}
#quick-nav ul li.ch a {
  background-image: url(../img/interface/home/flag_ch.png);
}



/******
 ****** CONTENT TOP
 ******/
#top{
  height: 375px;
}
#top .wrapper{
  width: 676px; height: 365px;
  margin-top: 5px;
  position: relative;
  float: left;
  background: /*#FFFFFF url(../img/interface/home/fond_nav.jpg) no-repeat top left*/ #fff;
  border: solid 1px #BDBBBC;
}
#nav{
	width: 200px; height: 345px;
  float: left;
	margin: 10px 0 0 10px;
  padding: 10px 0px 0px 10px;
  background: transparent url(../img/interface/bg/bg_nav.png) no-repeat top left;
}
#formations {
  float: left;
  width: 315px; height: 150;
  margin: 86px 0 0 50px;
}

#zen {
	left:311px;top:305px;
	position:absolute;
	z-index:2;
}
#zen li {
	/*display:none;*/
	top:0px;
	position:absolute;
}
/******navigation*/
#nav h2 {
  height: 15px;
  width: 150px;
  background: transparent no-repeat top left;
  margin-bottom: 5px;
  text-indent: -9999px;
}
#nav h2.formations {background-image: url(../img/interface/home/titre_formations.png);}
#nav h2.groupe {background-image: url(../img/interface/home/titre_legroupe.png);}
#nav ul {
  margin-bottom: 25px;
}
#nav ul li {
	width: 178px; height: 23px;
	border: 1px solid #00467b;
	margin-bottom: 5px;
}
#nav ul li a {
  display: block;
	width: 168px; height: 20px;
	padding: 3px 0px 0px 10px;
	font-size: 1.2em; color: #FFFFFF;
	background: transparent url(../img/interface/bg/button_nav.png) repeat-x top left;
}
#nav ul li a:hover {background-position: 0px -23px;}
#nav ul li a:active {background-position: 0px -46px;}
/******push encarts*/
#push-wrap .jcarousel-prev{background: url("../img/bg/pushPrev.png") no-repeat;width:121px;height:26px;position:absolute;top:0px;left:50px;z-index:50;cursor:pointer;}
#push-wrap .jcarousel-next{background: url("../img/bg/pushNext.png") no-repeat;width:121px;height:26px;position:absolute;bottom:0px;left:50px;z-index:50;cursor:pointer;}
/*#top .jcarousel-prev-disabled, #top .jcarousel-next-disabled{background:none;}*/


#push-wrap .jcarousel-container {
	height:375px;width:220px;
	overflow:hidden;
  margin-left: 5px;
	float:left; position:relative;
	}
#push-wrap .jcarousel-clip {
  position: absolute;
  overflow: hidden;
	height:375px;width:220px;
}
#push-wrap .jcarousel-item {
	height:125px;width:220px;
}
#push {
  width: 220px;
  position: relative;
  float: left;
}
#push li {
  width: 220px; height: 125px;
}
#push li a {
  width: 220px; height: 125px;
  display: block; overflow: hidden;
  background: #FFFFFF url(../img/interface/home/bouton_egc.jpg) no-repeat top left;
  text-indent: -9999px;
}
#push li a:hover {
  background-position: bottom left;
}
#push li.esc a {background-image: url(../img/interface/home/bouton_egc.jpg);}
#push li.webtv a {background-image: url(../img/interface/home/bouton_webtv.jpg);}
#push li.documentation a {background-image: url(../img/interface/home/bouton_documentation.jpg);}
#push li.mba a {background-image: url(../img/interface/home/bouton_mba.jpg);}
#push li.cesni a {background-image: url(../img/interface/home/bouton-cesni.jpg);}

#push li.communautee{width: 220px; height: 125px;  display: block; overflow: hidden;background-image: url(../img/interface/home/bouton_communautee.jpg);position:relative;}
#push li.communautee a{width:100px;height:30px;float:left;background:none;text-indent:0;border:1px solid #BDBBBC;text-indent:-9999px;}
#push li.communautee a:hover{border:1px solid #fff;}
#push li.communautee a.facebook{display:block;width:105px;height:38px;top:20px;left:57px;position:relative;} 
#push li.communautee a.dailymotion{display:block;width:136px;height:33px;left:44px;position:relative;top:32px;} 

/******
 ****** CONTENT BOTTOM
 ******/
#bottom {
  margin-top: 5px;
}
#bottom .wrapper {
	float: left;
}
/******raccourcis*/
#bottom .wrapper .jcarousel-container{overflow:hidden;height:146px;width:199px;position:relative;padding: 4px 0px 4px 9px;border: 1px solid #bdbbbc;background: transparent url(../img/interface/bg/bg_raccourcis.png) no-repeat top left;}
#bottom .wrapper .jcarousel-clip{height:146px;width:195px;overflow:hidden;}
#bottom .wrapper .jcarousel-item {height:34px;width:195px;margin-bottom:3px; cursor: pointer;}

#bottom .jcarousel-prev{background: url("../img/bg/shortcutPrev.png") no-repeat;width:22px;height:18px;position:absolute;top:0px;right:0px;z-index:50;cursor:pointer;}
#bottom .jcarousel-next{background: url("../img/bg/shortcutNext.png") no-repeat;width:22px;height:18px;position:absolute;bottom:0px;right:0px;z-index:50;cursor:pointer;}
/*#bottom .jcarousel-prev-disabled, #bottom .jcarousel-next-disabled{background:none;}*/

#shortcuts {
  position:relative;
  width: 199px; height: 146px;
}
#shortcuts li {
  width: 195px; height: 34px;
  cursor: pointer;
}
#shortcuts li a {
  width: 195px; height: 34px;
  cursor: pointer;
}
#shortcuts li a img {
  display: block;
  width: 32px; height: 32px;
  border: 1px solid #bdbbbc;
  float: left;
}
#shortcuts li a span {
  color: #838383;
  display: block; float: left;
  width: 130px; height: 28px;
  margin-left: 10px; margin-top: 6px;
  /*overflow: hidden;*/
  cursor: pointer;
  font-size: 1.1em; line-height: 1em; 
}
#shortcuts li a:hover img {border-color: #9c9b9b;}
#shortcuts li a:hover span,
#shortcuts li a:hover {text-decoration: underline;}
/******raccourcis*/
#partners {
	clear:both;
  width: 208px; height: 38px;
  margin-top: 10px;
  border: 1px solid #bdbbbc;
}
#partners li {
  float: left;
  height: 31px; width: auto;
  margin-top: 2px; margin-right: 6px; margin-left:2px;
}
#partners li a {
  display: block;
  height: 31px; width: auto;
  text-align: center;
}
#partners li a img {
}


/******videos*/
#video {
  float: left;
  height: 192px; width: 442px;
  margin: 0 8px 0 10px;
  background-color: #EEEEEE;
  border: 1px solid #bdbbbc;
  padding: 16px 0 0 16px;
}

#video ul {margin:0 0 5px 0;}
#video ul li {float:left;width:219px !important;}
#video a.more {clear:both;}
#video a.more:hover {text-decoration:underline;}
#video .bx-prev{background: url("../img/interface/home/nav-video.png") 0 0  no-repeat;width:25px;height:121px;position:absolute;top:16px;left:-16px;z-index:50;cursor:pointer;text-indent:-9999em;overflow:hidden;display:block;}
#video .bx-next{background: url("../img/interface/home/nav-video.png") -154px 0 no-repeat;width:25px;height:121px;position:absolute;top:16px;left:417px;z-index:50;cursor:pointer;text-indent:-9999em;overflow:hidden;display:block;}


/******actualites*/
#news {
  width: 369px; height: 330px;
  float: left;color:#fff;
  padding: 13px 40px 0;margin:10px 0 0 0;
  background:url(../img/interface/home/news.jpg) no-repeat;
}
#news h2 {
  width: 87px; height: 15px; overflow: hidden;
  text-indent: -9999px;
  padding-bottom: 5px;
  background: #0f2d45 url(../img/interface/home/titre_actualites.png) no-repeat top left;
}
#news li {
  padding: 10px 0 5px 0;
  font-size:0.9em;
  background: transparent url(../img/interface/bg/news_filet.png) repeat-x bottom left;
}
#news li.allNews {
  padding-left: 10px;
  background: transparent url(../img/interface/home/puce_allNews.png) no-repeat 0px 17px;
}
#news a {
	color: #c8e3f8; font-size: 1.2em;
}
#news h3 {color:#509bd3;font-size: 1.4em}
#news h3 strong{color:#509bd3; }
#news p {color:#C8E3F8 !important;}
#news p em,
#news p strong {color:#C8E3F8 !important;}
#news h3 a {color:#509bd3;}
#news a:hover {
  text-decoration: underline;
}
#news .allNews {
	color: #449bdd;font-size: 1em;
    text-decoration: none;
}
#news .allNews:hover {
	text-decoration: none;
}

#news .bx-prev{background: url("../img/bg/news-nav.jpg") 0 0  no-repeat;width:25px;height:121px;position:absolute;top:69px;left:-40px;z-index:50;cursor:pointer;text-indent:-9999em;overflow:hidden;display:block;}
#news .bx-next{background: url("../img/bg/news-nav.jpg") -154px 0 no-repeat;width:25px;height:121px;position:absolute;top:69px;left:384px;z-index:50;cursor:pointer;text-indent:-9999em;overflow:hidden;display:block;}
/*#top .jcarousel-prev-disabled, #top .jcarousel-next-disabled{background:none;}*/


#news > ul > li {
	height:259px;width:370px;
	float:left; position:relative;
    margin: 0 0 5px;
    overflow: hidden;
}


/******
 ****** FOOTER
 ******/
#footer {
	width: 890px;
	padding: 5px;
}
#footer a:hover {text-decoration: underline;}
#footer a:hover {text-decoration: underline;}
#footer .left {float: left;padding:5px 0 0;}
#footer .right {float: right;}





/******
 ****** FOOTER
 ******/
.infoBulle {
  width: 285px; height: 117px;
  padding: 30px;
  position: absolute; top: 180px; left: 258px;
  background: transparent url(../img/interface/home/infobulle_bleue.png) no-repeat top left;
  z-index:5;
}
.infoBulle h2 {
	font-size: 1.5em;
	color: #000000;
	font-weight: bold;
}
.infoBulle p {
	font-size: 1.1em;
	color: #000000;
	margin-top: 5px;
}
.infoBulle p a {color: #000000;text-decoration: underline; font-weight: bold;}
.infoBulle p a:hover {text-decoration: none;}

#ib01 {
  background-image: url(../img/interface/home/infobulle_verte.png);
}
#ib02 {
  background-image: url(../img/interface/home/infobulle_bleue.png);
}
/*#ib03 {
  background-image: url(../img/interface/home/infobulle_rouge.png);
}*/
#ib04 {
  background-image: url(../img/interface/home/infobulle_jaune.png);
}
#ib05 {
  background-image: url(../img/interface/home/infobulle_bleue_clair.png);
}
#ib06 {
  background-image: url(../img/interface/home/infobulle_orange.png);
}
#ib07 {
  background-image: url(../img/interface/home/infobulle_bleue.png);
}




/******
 ****** Easy clearing
 ******/
 #video ul:after, 
 #quick-nav:after,
 #quick-nav form:after,
 #quick-nav ul:after,
 .block:after,
 #top .wrapper:after,
 #shortcuts li a:after,
 #bottom:after,
 #bottom .wrapper:after,
 #partners:after,
 #footer:after,
 #bottom .wrapper .jcarousel-container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

