/**
 * @copyright : lesTanukis 
 * @project : Arrow ECS Education
 * @date : 07-2012
 */
html{ }

body{
  background: url('../images/layout/body-bkg.png') repeat-x 0 0 #f2f2f2;
  margin: 0px;
  padding: 0px;
}

/* --------------------HEADER-------------------- */	

#header {}

.header-wrapper{
  background:url("../images/layout/header-banner.png") repeat-x 0 0 #000;
}

#header-top {
  background:url("../images/layout/background.png") repeat-x 0 -81px transparent;
  height:26px;
  max-height: 26px;
  overflow: hidden;
  position : relative;
  z-index:1000;
}

#header-top #topContent{width:940px;margin:auto;}

#header-top #topContent #langBox{
  float:left;
  line-height: 26px;
  padding: 0;
  width:660px;
}

#header-top #topContent #langBox span.langLabel{
  color: #c8d3da;
  display:block;
  float:left;
  font: bold 11px/26px Arial, sans-serif;
}

#header-top #topContent #langBox div.langSelectorBox{float:left;}
#header-top #topContent #langBox div.langSelectorBox select{
  background-color: #243C55;
  border: 1px solid #19293B;
  color: #D0D2D9;
  font: bold 11px/20px Arial,sans-serif;
  height: 20px;
  margin-left: 5px;
  vertical-align: baseline;
}
#header-top #topContent #langBox div.langSelectorBox select option{color:#FFF;font-weight:normal;text-align:left no-repeat; padding:0 0 0 6px;}
#header-top #topContent #langBox div.langSelectorBox select #roll:hover{color:red;font-weight:normal;}
#header-top #topContent #langBox select#something{}

#header-top #topContent #linksBox{width:65px;padding: 10px 0px 5px 0px;float:left;text-align:right;margin-right:5px;}
#header-top #topContent #linksBox a{text-decoration: underline; }

#header-top #topContent #searchBox{
  float:right;
  position: relative;
  top: 3px;
}

#header-top #topContent #searchBox input[type=text]{
  background: url("../images/layout/form.png") repeat-x scroll 0 0 transparent;
  border: medium none;
  color: #333333;
  display: block;
  float: left;
  font: bold 11px/20px Arial,sans-serif;
  height: 20px;
  margin: 0;
  padding: 0 4px 0 32px;
  width: 128px;
}

#header-top #topContent #searchBox input[type=button] {
  background: url("../images/layout/form.png") repeat-x scroll right -30px transparent;
  border: medium none;
  color: #D0D2D9;
  cursor: pointer;
  font: bold 10px/20px Arial,sans-serif;
  height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 35px;
}

#header-top #topContent #searchBox input[type=button]:hover {
  color: #ffffff;
}

#header-top #topContent #searchBox input[type=button]:active,
#header-top #topContent #searchBox input[type=button]:focus {
  background-position: right -120px;
  color: #ffffff;
}

#header-banner{
  min-height:90px;
  line-height: 90px;
  margin:auto;
  position: relative;
  width:940px;
  z-index:500;
}

#header-banner > a img {
  position : relative;
  vertical-align: middle;
  z-index:10;
}

#header-banner-es{height:115px;width:900px;margin:auto;background:url("../images/header/bannerBkg_ES.jpg") center no-repeat #FFF;z-index:500;}
#header-banner-es a img{margin-top:10px;z-index:10;position : relative;}

#header-banner .logoIbmArrow {
  position: absolute;
  margin-top: -35px;
  right: 0;
  top: 50%;
}

#header-banner .logoIbm {
  width:220px;
  height:73px;
}

/* --------------------MAINCONTENT-------------------- */	

#content{
  margin:auto;
  min-height:350px;
  padding-bottom:10px;
  width:940px;
}

/* ------------SPECIAL SIDEBAR STYLES------------- */

#sideBar{
  width:220px;
  margin-left:20px;
  float:right;
}

/* CART*/
#cartBox{
  /* background: #c8d7e3; */
  margin-bottom: 2px;
  overflow: hidden;
  position: relative;
  background: none repeat scroll 0% 0% rgb(200, 215, 227);
}

#cartBox:hover {
  background: none repeat scroll 0% 0% rgb(213, 230, 242);
}

#cartBox .cartHead{
  min-height: 20px;
  padding: 10px 15px;
}

#cartBox .cartHead p.title{
  color: #293d6b;
  font: bold 14px/16px Arial, sans-serif;
  margin: 0;
  padding: 0;
}

#cartBox .cartHead p.subTitle{
  color: #404040;
  font: bold 12px/14px Arial, sans-serif;
  margin: 0;
  padding: 0;
}

#cartBox a#cartBoxLinkGene1 {
  /*background: #c8d7e3;*/
  background: none repeat scroll 0% 0% rgb(200, 215, 227);
  cursor: pointer !important;
  display: block;
  min-height: 95px;
  overflow: hidden;
}

#cartBox a#cartBoxLinkGene1:hover {
  background: none repeat scroll 0% 0% rgb(213, 230, 242);
  /*background: #d5e6f2; */
}

#cartBox p.content {
  color: #404040;
  display: block;
  font: italic bold 12px/14px Arial,sans-serif;
  padding: 0 15px;
  width: 117px;
}

#cartBox .cartIcon{
  background: url("../images/icons/panier.png") no-repeat scroll 0 0 transparent;
  height: 75px;
  position: absolute;
  top: 11px;
  right: 15px;
  width: 63px;
}

#cartBox a.cartBoxLink {
  background: url("../images/layout/form.png") no-repeat center -170px #C8D7E3;
  clear: both;
  display: block;
  font: bold 11px/20px Arial,sans-serif;
  height: 20px;
  padding: 0;
  text-align: center;
  margin-top: 15px;
  margin-bottom: 20px;
  margin-left: 16%;
  margin-right: 16%;
  width: 160px;
}

#cartBox a:hover.cartBoxLink {
	text-decoration: none; 
	background-position: center -200px;
}


#cartBox a:active.cartBoxLink, #cartBox a:focus.cartBoxLink {
	text-decoration: none; 
	background-position: center -230px; 
}
/* etat actif du panier ---> formations insérées  */

#cartBox .cartIcon .active{
  display: block;
  font: bold 12px/31px Arial,sans-serif;
  height: 31px;
  left: 32px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 38px;
  width: 31px;
  color: #fff;
}



/* CUSTOM CART*/

/*#customBox{min-height:60px;background: url("/Views/skins/front/default/Images/share/sidebar/sideBarType2.jpg") top repeat-x #003050;border:1px solid #acb6b8;margin-bottom:5px;overflow:hidden;}*/
/*#customBox .cartHead{padding:10px 10px 0px 10px ;height:40px;background: url("/Views/skins/front/default/Images/share/sidebar/cartCustomHeaderBkg.png") top repeat-x;margin-bottom:5px;}*/
#customBox .cartHead p.title{font-size: 1em;text-transform: uppercase;font-weight: bolder;display:block;margin-bottom:5px; }
#customBox .cartHead p.subTitle{padding:5px 5px 0px 10px;height:19px;font-size: 0.8em;font-weight: bolder;display:block;margin-top:-8px;background: url("cimages/icons/arrowLabel4.png") top left no-repeat; }
#customBox p.content{font-size: 0.9em;color:#FFF;overflow:hidden;margin:5px 5px 0px 0px;}
#customBox a.cartBoxLink {font-size: 0.8em;text-decoration: underline;line-height:15px;text-align:center;display:block;
/*background: url("/Views/skins/front/default/Images/share/button/sidebarCartBtn.png");height:21px;*/ 
width:160px;overflow:hidden;margin: 5px auto;padding-top:3px;}
#customBox .customTrainingIcon .active{position:relative;left:20px;width:31px; height:24px;text-align:center;font-weight:bolder;padding-top:6px;
background: url("../images/icons/cartNumberBkg.png");overflow:hidden;}



/* SEARCH TRAINING BOX*/
#searchTrainingBox {
  background: #c8d7e3;
  margin-bottom: 2px;
  overflow: hidden;
}

#searchTrainingBox > p {
  background: url("../images/icons/loupe.png") no-repeat scroll 15px 10px transparent;
  color: #293D6B;
  font: bold 14px/16px Arial,sans-serif;
  min-height: 36px;
  margin: 0 0 15px;
  padding: 10px 10px 0 50px;
}

#searchTrainingBox input[type=text]{
  background: url("../images/layout/form.png") repeat-x scroll 0 -60px transparent;
  border: medium none;
  color: #333333;
  display: block;
  float: left;
  font: bold 11px/20px Arial,sans-serif;
  height: 20px;
  margin: 0 0 0 15px;
  padding: 0 4px 0 8px;
  width: 138px;
}

#searchTrainingBox input[type=submit]{
  background: url("../images/layout/form.png") repeat-x scroll right -30px transparent;
  border: medium none;
  color: #D0D2D9;
  cursor: pointer;
  font: bold 10px/20px Arial,sans-serif;
  height: 20px;
  margin: 0;
  padding: 0;
  text-align: center;
  text-transform: uppercase;
  width: 35px;
}

#searchTrainingBox input[type=submit]:hover {
  color: #ffffff;
}

#searchTrainingBox input[type=submit]:active,
#searchTrainingBox input[type=submit]:focus {
  background-position: right -120px;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#searchTrainingBox input[type=submit] {
		text-indent:-4px;
	}
}
#searchTrainingBox a{font-size: 0.7em;text-decoration: underline;}
#searchTrainingBox a:hover{}
#searchTrainingBox .advancedSearchLink{display:block;}

/* ---- PUSHS BOXES ---*/

.pushBox01{
  /* background: #c8d7e3; */
  margin-bottom: 2px;
  overflow:hidden;
  /* padding: 10px 15px; */
}

.pushBox02{
  margin-bottom: 2px;
}
/*For Calendar*/
/*.pushBox03{overflow:hidden;background: url("/Views/skins/front/default/Images/share/sidebar/sideBarType1.jpg") repeat-x scroll center top #72A000;padding:5px;border:1px solid #acb6b8;margin-bottom:5px;color:#FFF;}*/
.sideBar .pushBox03 a.link:hover{color:#FFF;}

.pushBox01 a:hover,.pushBox0 a:hover {}


#contactUsBloc {background-color: #DAD9D7; border: 1px solid #ACB6B8; overflow: hidden; padding: 10px;}

/*CATALOG BOX*/
a#catalogBox{color:#666666;text-transform: uppercase;font-weight: bolder;}
a#catalogBox .catalogIcon{float:left;width:50px; height:50px;margin:0px 5px 5px 0px;background: url("../images/icons/downloadIcon.png");}
a#catalogBox {display:block;margin-bottom:5px;color:#666666;}
a:hover#catalogBox  {text-decoration:underline;}
a#catalogBox  p{padding-top:10px;font-size:0.95em;}


/* CALENDAR BOX*/
a#calendarBox{
  background: #c8d7e3;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px;
}

a#calendarBox:hover {
  background: #d5e6f2;
}

a#calendarBox .calendarIcon{
  background: url("../images/icons/calendar.png") no-repeat 0 0 transparent;
  float: left;
  height: 32px;
  margin: 0 10px 0 0;
  width: 27px;
}

a#calendarBox p {
  color: #293d6b;
  font: bold 14px/16px Arial, sans-serif;
  margin: 0;
  text-transform: none;
}

/* EDUCATION PACK */

.education-pack {
  background: url("../images/layout/education-pack-bg.jpg") no-repeat 0 0 transparent;
  color: #ffffff;
  font: normal 16px/20px Arial, sans-serif;
  margin: 10px 0 0;
  padding: 10px 20px 10px;
  position: relative;
  text-align: center;
  text-shadow: 0 1px 0 #00394d;
}

.education-pack > a {
  display: block;
}

.education-pack span.education-pack-icon {
  background: url("../images/icons/education-pack-1.png") no-repeat 0 0 transparent;
  height: 82px;
  display: block;
  margin: 0 auto 20px;
  width: 118px;
}

.education-pack p strong {
  display: block;
  font: bold 18px/20px Arial, sans-serif;
}



/* CUSTOM TRAINING BOX*/
#customTrainingBox{
  margin-bottom: 2px;
}

#customTrainingBox a {
  background: none repeat scroll 0 0 #C8D7E3;
  display: block;
  min-height: 70px;
  overflow: hidden;
  padding: 0 10px 15px 0;
}

#customTrainingBox a:hover {
  background: #D5E6F2;
}

#customTrainingBox p.title{
  color: #293D6B;
  font: bold 14px/16px Arial,sans-serif;
  margin: 10px 0 10px 15px;
}

span.customTrainingIcon {
  background: url("../images/icons/sur-mesure.png") no-repeat scroll 0 center transparent;
  color: #404040;
  display: block;
  font: bold 12px/14px arial,sans-serif;
  margin: 0 0 0 15px;
  padding: 0 10px 0 68px;
}

#customTrainingBox p {overflow:hidden;}

/* NEWSLETTER BOX*/

a#newsletterBox {
  background: url("../images/layout/last-sidebox.png") repeat-x scroll right bottom #C8D7E3;
  color: #293D6B;
  display: block;
  font: bold 14px/16px Arial, sans-serif;
  min-height: 40px;
  overflow: hidden;
  padding: 10px 15px 15px;
}

a#newsletterBox:hover {
  background-color: #D5E6F2;
  background-image: url("../images/layout/last-sidebox-hover.png");
}

a#newsletterBox span.newsletterIcon {
  background: url("../images/icons/newsletter.png") no-repeat scroll 0 0 transparent;
  display: block;
  float: left;
  height: 45px;
  margin: 0 10px 0 0;
  width: 41px;
}

a#newsletterBox span.newsletterText {
  padding-bottom: 5px;
  position: relative;
  top: 5px;
}

#newsletterBox p{float:left;width:46px;font-size:0.95em;padding-bottom:5px;}

/* --------------------FOOTER-------------------- */	

#footer{
  background: url("../images/layout/footer-bkg.png") repeat-x scroll 0 0 #000000;
  margin-top: 20px;
}

#footerContainer{
  margin:auto;
  overflow: hidden;
  width:940px;
}
#footer-slideVendor{
  float:left;
  height:90px;
  margin: 15px 0 0 0;
  width:530px;
}
#footer-slideVendor img{margin-left:35px;}
#footer-slideVendor p{
  color: #e5e5e5;
  font: bold 16px Arial, sans-serif;
}

#footer-slideVendor #slideVendor{
  /*margin: 5px 0 0 -15px;*/
  position: relative;
  width: 515px;
}

#footer-slideVendor #slideVendor #carousel-footer{
    background: none repeat scroll 0 0 #FFFFFF; 
    border-radius: 4px 4px 4px 4px;
    height: 60px;
    overflow: hidden;
    /*padding-top: 18px;*/
}

#footer-slideVendor #slideVendor #slideNavLeft a{height:39px; width:12px;display:block; position:absolute; top:10px; left:-10px;background:url("../images/footer/slideVendorNavLeft.jpg");}
#footer-slideVendor #slideVendor #slideNavRight a{height:39px; width:12px;display:block; position:absolute; top:10px; right:-10px;background:url("../images/footer/slideVendorNavRight.jpg");}

#footer-slideVendor #slideVendor #slideBox{margin-left:15px;width:500px;height:70px;background:url("../images/footer/slideVendorBg.jpg");}
#footer-slideVendor #slideVendor #slideBox ul {}
#footer-slideVendor #slideVendor #slideBox ul li{float:left;}

.footer-links{
  width:150px;
  border-left:1px solid #333333;
  padding:0px 10px;
  margin:20px 0px;
  float:left;
}
.footer-links li{line-height: 18px;line-height:10px;margin:10px 0px;}

.footer-links a{
  color:#999999;
  font: bold 12px Arial, sans-serif;
}
.footer-links a:hover{text-decoration: underline; }



/* Tables */

table.standardTable {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-collapse: separate;
  border-spacing: 1px;
  margin: 20px 0;
  padding: 1px;
  text-align: center;
  width: 100%;
}

table.standardTable th.mainTitle {
  background: #3473D8;
  color: #FFFFFF;
  font: bold 12px/16px Arial,sans-serif;
  padding: 8px 5px;
}

table.standardTable th.labels {
  background: #d9d9d9;
  color: #333333;
  font: bold 12px/16px Arial,sans-serif;
  padding: 5px;
}

table.standardTable td {
  background: #C8D7E3;
  color: #333333;
  font: bold 12px/16px Arial,sans-serif;
  padding: 5px;
}

table.standardTable tr.even td {
  background: #a7c1d6;
}


/* Alert Box */

.ui-widget-header {
  background: #293D6B !important;
  border: none !important;
  font-size: 11px !important;
  /* Ajout de la règle ci-dessous contenue initialement dans 
     #content .ui-widget-header suite à la suppression de #content
  */
  background: none !important;
}


#content .ui-widget-header {
  background: none !important;
}



/* Tooltip */

#tiptip_content {
  border: 1px solid #1a1a1a !important;
  background-color: #1a1a1a !important;
}

#tiptip_holder.tip_top #tiptip_arrow {
  border-top-color: #1a1a1a !important;
}

#tiptip_holder.tip_bottom #tiptip_arrow {
  border-bottom-color: #1a1a1a !important;
}

#tiptip_holder.tip_right #tiptip_arrow {
  border-right-color: #1a1a1a !important;
}

#tiptip_holder.tip_left #tiptip_arrow {
  border-left-color: #1a1a1a !important;
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
  border-top-color: #1a1a1a !important;
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
  border-bottom-color: #1a1a1a !important;
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
  border-right-color: #1a1a1a !important;
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
  border-left-color: #1a1a1a !important;
}