﻿$/* ----------------------------- */
/* Common styles for bewise site */
/* ----------------------------- */
/* Body part */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}





#bodyContent {
	position: relative;
	margin: 0;
	width: 1000px;
	z-index:1
}

#background{height:500px;z-index:1}

a{color: #F68D08;text-decoration:none;}
a:hover{color: #9c9c9c; }


/*#content a{color: #F68D08 !important;text-decoration:none !important;}
#content a:hover{color: #9c9c9c !important; }*/

/* Right part */
#right {
	position: relative;
	float: right;
	width: 692px;
}



#right h2.title {
	position: relative;
	top: -105px;
	left: 189px;
	margin: 0;
	padding:0;
	width: 462px;
	height: 123px;
	padding: 0;
	text-indent: -9999px;
	display:none;
}

div.silverlight
{
	position: absolute;
	top: 92px;
	left: 10px;
	z-index:1;
	width: 642px;
	height: 219px;/*220px;*/
	border-bottom: solid 27px #cbcacf;
	background: url(Images/Bewise/home/bg-h2home.jpg) no-repeat #cbcacf;}
	




h1.title {
	width: 74px;
	height: 55px;
	position:absolute;
	top:4px;
	left:25px;
	margin:0;
}
h1.title a {
	display: block;
	width:100%;
	height:100%;
	text-indent: -9999px;
	background: url(Images/Bewise/logo_small.gif) no-repeat;
}


/*
#right h2.tagLine {
	position: relative;
	float: left;
	top: 0;
	right: 0px;
	margin: 0;
	text-indent: -9999px;
	margin: 41px 0 0px 10px;
	width: 642px;
	height: 220px;
	background: url(Images/Bewise/home/bg-h2home.jpg) no-repeat;
	border-bottom: solid 27px #cbcacf;
}
*/

#right .mainMenu {
	position: absolute;
	display:block;
	overflow:hidden;
	top: 65px;
	left: 10px;
	width: 643px;
	height: 25px;
	padding: 0;
	margin: 0;
	background: #cbcacf;
	z-index:90;
}
#right .mainMenuItem {
	float: left;
	display: inline;
	list-style: none;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	border-left: solid 1px #fff;
	text-align:center;

}
#right .mainMenu .mainMenuItem a {
	padding: 4px 25px 4px 25px;
	display:block;
	color: #464648;
}
#right .mainMenu .mainMenuItem a:hover, #right .mainMenu .mainMenuItem .mainMenuSelectedItem {
	color: #fff !important;

}


#right .mainMenuDyn{
	background:#cbcacf!important;
	border:solid 1px white;
	padding:0;
	z-index:90;
}


#right .mainMenuDyn a{
	display:block;
	padding:3px 25px 3px 25px;
	font-size:12px;
	color:black;
	line-height:16px;
}

#right .mainMenuDyn a:hover{
	color:white;
	background-color:#7E7D82;
	background-position:10px center;
}

/* Left part */
#left {
	z-index:5;
	float: left;
	top:0;
	left:0;
	width:238px;
	/*background-color:yellow !important;*/
	font-family: Arial, Helvetica, sans-serif;
}
#left ul{
	margin:0;
}
#left ul li {
	list-style: none;
}
#topLinks {
	z-index:1;
	position: absolute;
	top: 41px;
	left:-233px;
	margin: 0;
	width: 238px !important;
	width: 243px;
	padding: 0;
}
#topLinks li {
	float: left;
	margin: 0 6px;
	line-height: 25px;
	font-size: 12px;
}
#topLinks li a {
	display: block;
	line-height: 20px;
	color: #9b9b9b;
font-size:10px;
}
#topLinks li a:hover {
	color: #f6a629;
}
#topLinks li a.home {
	padding-left: 15px;
	background: url(Images/Bewise/acc.gif) no-repeat 0 3px;
}
#topLinks li a.siteMap {
	padding-left: 20px;
	background: url(Images/Bewise/plan.gif) no-repeat 0 1px;
}
#topLinks li a.contact {
	padding-left: 20px;
	background: url(Images/Bewise/contact.gif) no-repeat 0 3px;
}
#left #business {
	position: absolute;
	z-index:2;
	top: 96px;
	left:2px;
	width: 238px;
}
#left #business .menu {
	margin: 0;
	padding: 0;
	font-size: 20px;
	line-height:28px;
	font-weight: bold;
	color: #40423a;
}
#left #business .subMenu {
	margin: 0 0 0 -16px;
	padding: 0;
}
#left #business .subMenu {
	display: block;
	width:100%;
	margin-bottom: 0px !important;
	line-height: 22px;
	font-size: 12px;
}

#people{
	margin-top:105px;margin-left:35px;background-color:transparent;	
}

.dynMenu
{
	font-size:12px;
	line-height:14px;
	border:solid 1px black;
	margin:0 0 0 5px;
}
.dynMenu a
{
	display:block;
	overflow:hidden;
	padding:3px 10px 3px 10px;
	color:white;
	background:#FF6F15;
}

.dynMenu a:hover
{
	color:black;
	background:#E5E5E6;
}
#left #business .subMenu a {
	display: block;

	color: #40423a;
}
#left #business .subMenu a:hover, #left #business .subMenu a.current {
	color: #fff;
}
#left #search {
	position: absolute;
	top: 369px;
	width: 238px;
	height: 25px;
}
#left #search label {
	font-size: 12px;
	color: #7c7c7c;
}
#left #search #inputrecherche {
	width: 125px;
	height: 16px;
	padding-left: 3px;
	font-size: 11px;
	color: #ff6f15;
	background: url(Images/Bewise/chpsrec.gif) no-repeat;
	border: 0;
}
#left #search #okrechercher {
	font-size: 12px;
	font-weight: normal;
	color: #7c7c7c;
	border: 0;
	background-color: transparent;
	cursor: pointer;
}
#left #style {
	position: absolute;
	top: 400px;
	width: 214px;
	height: 38px;
	padding: 12px 0 0 5px;
}
#left #style h3 {
	float: left;
	margin: 0;
	padding: 2px 0 0 13px;
	font-size: 12px;
	font-weight: bold;
	color: #9C9C9C;
	background: url(Images/Bewise/plus.gif) no-repeat 0 3px;
}
#left #style ul {
	float: left;
	margin: 0;
	padding: 0;
}
#left #style ul li {
	float: left;
	margin-left: 10px;
	width: 33px;
}
#left #style ul li a {
	text-indent: -9999px;
	height: 21px;
	display: block;
}
#left #style ul li a.leftButton {
	background: url(Images/Bewise/leftButton.gif) no-repeat;
}
#left #style ul li a.leftButton:hover, #left #style ul li a.leftButton.current {
	background: url(Images/Bewise/leftButton-over.gif) no-repeat;
}
#left #style ul li a.btdroite {
	background: url(Images/Bewise/btdroite.gif) no-repeat;
}
#left #style ul li a.btdroite:hover, #left #style ul li a.btdroite.current {
	background: url(Images/Bewise/btdroite-over.gif) no-repeat;
}
#left #clients {
	position: absolute;
	top: 449px;
	width: 219px;
	height: 124px;
	border: solid 1px #80776e;
	background: url(Images/Bewise/bg-clients.gif) no-repeat;
}
#left #clients h3 {
	text-indent: -9999px;
	margin: 10px 0 0 10px;
	padding: 0;
	background: url(Images/Bewise/clients.gif) no-repeat;
}
#left #clients ul {
	margin: 0;
	padding: 0;
}
#left #clients li {
	margin-left: 10px;
	line-height: 18px;
	font-size: 12px;
	font-weight: bold;
}
#left #clients li a {
	padding-left: 12px;
	color: #9c9c9c;
	background: url(Images/Bewise/puce-blanche.gif) no-repeat 0 2px;
}
#left #clients li a:hover {
	color: #ff5b19;
}
#left #clients li.log {
	margin: 0 0 3px 10px;
	width: 196px;
	padding: 3px 0 0 3px;
	border: solid 1px #ff5b19;
}
#left #clients li.log a {
	background: url(Images/Bewise/puce-orange.gif) no-repeat 0 2px;
}
#left #clients li ul li {
	padding: 2px 0;
	margin-left: 10px;
	font-size: 10px;
	font-weight: normal;
}
#left #clients li.log ul li a {
	color: #ff5b19;
	background: none;
}








#left #job {
	position: absolute;
	top: 895px;
	width: 219px;
	height: 75px;
}
#left #job h3 {
	text-indent: -9999px;
	margin: 10px 0 0 5px;
	padding: 0;
	background: url(Images/Bewise/job.gif) no-repeat;
}
#left #job ul {
	margin: 0 0 0 20px;
	padding: 0;
}
#left #job li {
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
}
#left #job li a {
	color: #9c9c9c;
}
#left #job li a:hover {
	color: #ff5b19;
}
/* Bottom part */
#bottomPage {
	clear:both;
	height: 25px ! important;
	width: 900px !important;
	margin-left:61px;
	background-color:lime;
	font-family: Arial, Helvetica, sans-serif;
}
#bottomPage #credits {
	float: left;
	margin: 0;
	height: 25px;
	width: 257px;
	padding: 0;
	background: #fff;
}
#bottomPage #credits li {
	float: right;
	margin-right: 25px;
	line-height: 25px;
	list-style: none;
	font-size: 10px;
	font-weight: normal;
}
#bottomPage #credits li a {
	color: #9c9c9c;
}
#bottomPage #credits li a:hover {
	color: #ff5b19;
}
#bottomPage #newsletter {
	float: left;
	position: relative;
	height: 25px;
	width: 280px;
	background: url(Images/Bewise/bg-form.gif) no-repeat 15px 5px #FF6F15;
}
#bottomPage #newsletter label {
	margin: 0 8px 0 35px;
	position: relative;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
}
#bottomPage #newsletter #inputmail {
	position: absolute;
	top: 4px;
	margin: 0;
	width: 130px;
	height: 17px;
	padding: 2px 0 0 4px;
	font-size: 12px;
	color: #ff6f15;
	border: 0;
}
#bottomPage #newsletter #oknewsletter {
	position: absolute;
	top: 4px;
	left: 244px;
	width: 19px;
	height: 19px;
	padding-left: 19px;
	overflow: hidden;
	text-indent: -9999px;
	font-size: 12px;
	font-weight: normal;
	color: #000;
	border: 0;
	background-color: transparent;
	background: url(Images/Bewise/ok.gif) no-repeat;
	cursor: pointer;
}
#bottomPage #lettre {
	float: left;
	margin: 0;
	height: 25px;
	width: 363px;
	padding: 0;
	background: #FF6F15;
}
#bottomPage #lettre li {
	float: left;
	list-style: none;
	line-height: 25px;
	font-size: 12px;
	background: #FF6F15;
	background: url(Images/Bewise/bg-form.gif) no-repeat 15px 5px;
}
#bottomPage #lettre li a {
	line-height: 25px;
	padding: 0 18px 0 35px;
	color: #fff;
	border-left: solid 1px #fff;
}
#bottomPage #lettre li a:hover {
	color: #F2D63D;
}
/* News part */
#newsTable {
	width: 100%;
	padding: 0px;
	border-bottom: dotted 1px #A0A0A0;
}
#newsTable td {
	vertical-align: top;
	text-align: left;
}
#newsTable td.topCell {
	font-size: smaller;
}
#newsTable td.leftCell {
	width: 100px;
}
#newsTable td img {
	width: 100px;
	margin: 0 10px 10px 0;
	padding: 3px;
	border: solid 1px #ccc !important;
}
#newsTable td.bottomCell {
	vertical-align: bottom;
	text-align: right;
	font-size: smaller;
}
#newsTable a.moreLink {
	text-decoration: none !important;
	font-weight: bold;
}

#newsTable a.moreLink:hover {
	color: #9c9c9c !important;
}

#news div.all {
	position:relative;
	top:-20px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	color: #F68D08;
}

/* Sharepoint controls */
#signin {
	position: absolute;
	top: 5px;
	left: -233px;
	margin: 0;
	padding: 0;
	
	font-size: 10px;
	font-weight: normal;
	color:#464648;
}
#signin a{
	color:#464648;
	padding:5px 0 0 5px;
}
#signin a:hover{
	color:#FF6F15;
}
#signin span div a
{
	padding:0!important;
}
#signin span div a:hover
{
	color:#464648!important;
}

#siteAction {
	position: absolute;
	top: 0px;
	right: 39px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#publishingAction {
	float:none;
}

#nav {
	position: absolute;
	top: 94px;
	z-index:1;
	right: 62px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
}
#nav dt {
	display: none;
}
#nav dd {
	margin: 0;
	padding: 0;
}
#nav dd span {
	color: #919296;
}
#nav dd a {
	color: #919296;
}


#content {
	clear:both;
	position:relative;
	width:610px;
	text-align: justify;
	padding: 0px 20px 0px 20px;
	margin:98px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #919296;
	min-height: 550px;
}
*html #content{
	height:expression(this.scrollHeight < 715 ? "715px" : "auto");
}

#content #TopCell{
	padding:0!important;
}
#content h2 {
	padding: 0 0 20px 0;
	font-size: 20px;
	font-weight: bold;
}
#content h3 {
	padding: 0 0 15px 0;
	font-size: 16px;
	font-weight: bold;
}
#content h4 {
	font-size: 14px;
	font-weight: bold;
}
#content h5 {
	font-size: 13px;
	font-weight: bold;
}
#content h6 {
	font-size: 12px;
	font-weight: bold;
}



#content ul {
	margin: 0;
	padding: 5px 0 5px 20px;
}
#content ul li {
	padding-left: 8px;
	list-style: none;
	background: url(Images/Bewise/puce.gif) no-repeat 0 6px;
}
.imgRight {
	float: right;
	margin: 10px 0 10px 10px;
}
.imgLeft {
	float: left;
	margin: 10px 10px 10px 0;
}


#right #content #actu {overflow:hidden;padding:0;top:0;}

#right #content #actu h3{width:100%;text-align:left;}
#right #content #actu h3 span{display:block;margin-right:20px; height:100%;margin-bottom:2px;}
#right #content #actu dl{width:100%;}

.dlactu{padding:2px 0 5px 0;margin-bottom:5px !important;}

.divImgActu{border:solid 1px #AEADAD;margin:7px 7px 0 0;padding:2px;float:left;}
.divImgActu div{height:102px;width:150px;overflow:hidden;border:solid 1px #E5E5E6;}



#actu .info{padding:0; margin:0;}
#actu .info span{/*display:block; padding:0;*/}
#actu .info p{display:block; padding:0;}

dd.info * {border:0;margin:0;padding:0;}
dd.info {margin:10px 0 15px 0!important;}
dd.info p {margin:0 0 3px 0;}
dd.ddtitre{font-weight:bold;padding:8px 0 0px 0;text-align:left;}

.divHome dd.ddtitre{font-weight:bold;padding:0;text-align:left;}

#right #content #actu dt span {margin:0 !important;}
#right #content #actu a.Rss{display:block;width:16px;height:16px;position: absolute; top: 6px; right: 3px;background:url('Images/bewise/rss.gif') no-repeat top;}
#right #content #actu{position:relative;}
#right #content #actu h3{color:#FF6F15; font-size:18px; font-weight:bold; margin:0 0 10px 0;  padding: 0 0 10px 0;/* border-bottom: solid 1px #AEADAD;*/ }

#right #content #actu a.toute{font-size: 12px; font-weight: bold; color: #F68D08;display:block;padding:10px 0 20px 0;width:100%;text-align:right;/*background-color:white;*/ }
#right #content #actu a.toute:hover{color: #9c9c9c; text-decoration:none;}

#right #content #actu dl{display:block;position:relative; margin:2px 0;  color: #757373; border-bottom: dotted 1px #A0A0A0;}
#right #content #actu dl dt a{font-weight: bold; font-size:12px; color: #ff6f16; }
#right #content #actu dl dt a:hover{ color: #9c9c9c; text-decoration:none; }
#right #content #actu dd{margin:0;}

#right #content #actu dd.info a.suite{display:block; position:absolute;bottom:3px;right:2px;font-size: 10px; font-weight: bold; color: #ff6f16; }
#right #content #actu dd.info a.suite:hover{ color: #9c9c9c; text-decoration:none; }
#right #content #actu dd.links {margin-top:5px;}

#right #content #actu li  {
	 background-image:none !important;
}

.divLink{margin-top :5px;}

#right #content .imgleft{margin:auto;padding:auto;}

.ddbottom{clear:both;margin:0 0 4px 0;}


#right #content #actu .Metiers {position:absolute; right: 0px; top:-2px; height:22px; width:150px;}

#right #content #actu .Metiers div {float:right;width:28px; height:22px; margin-left:2px;}

#right #content #actu .Metiers div span {display:none;}



#right #content #actu .Metiers .HomePage {display:none;}
#right #content #actu .Metiers .SLF {background:url("Images/mr/BilleSLF.gif") no-repeat top left;}
#right #content #actu .Metiers .DGD {background:url("Images/mr/BilleDGD.gif") no-repeat top left;}
#right #content #actu .Metiers .NIU {background:url("Images/mr/BilleNIU.gif") no-repeat top left;}
#right #content #actu .Metiers .PTC {background:url("Images/mr/BillePTC.gif") no-repeat top left;}
#right #content #actu .Metiers .AMI {background:url("Images/mr/BilleAMI.gif") no-repeat top left;}
#right #content #actu .Metiers .ASC {background:url("Images/mr/BilleASC.gif") no-repeat top left;}
#right #content #actu .Metiers .SWA {background:url("Images/mr/BilleSWA.gif") no-repeat top left;}

	
#right #content #actu #BottomPagerDiv	{width:100%;padding-top:10px;}
#right #content #actu #BottomPagerDiv a	{font-weight:bold; margin:0 2px 0 2px;}
#right #content #actu #BottomPagerDiv * {display:block;float:left;}

.webcast{margin:10px auto 10px auto;width:560px;display:block;}
.blogTitle{}
.blogPost{padding:0 0 5px 0!important;font-size:12px !important;}
.blogContent{width:605px;overflow:hidden;}

.blogTitleTechno{font-size:12px !important;}
.blogPostTechno{padding:0!important;font-size:12px !important;margin:0;}
.blogContentTechno{width:295px;overflow:hidden;}
.blogPostTechnoAuthor{display:block;margin-bottom:4px;}


hr{height:5px;color:White;border:0;border-bottom:dotted 1px #919296;}



#divLeftNav
{
	position:absolute;
	left:-250px;
	top:350px;
	width:258px;
}
#divLeftNav a
{

font-size:11px;
}

#divLeftTechno
{
	/*position:relative;
	width:245px;
	height:110px;
	border:solid 1px #80776E;
	background:url("Images/Bewise/bg-techno.gif") no-repeat bottom right #fff;
	*/
	position: absolute;
	width:200px;
	top:510px;
	left:670px;
	padding-top:14px;
	padding-left:5px;
	padding-bottom:14px;
	padding-right:5px;
	background: #FDEBDD;
	border-left: solid 5px #FF6F16;
	background:url("Images/Bewise/technologies.jpg") no-repeat bottom right #FDEBDD;


}
#divLeftTechno h3 {
font-weight:normal;
font-size:14px;

}
#divLeftTechno ul {
	
	padding:0;
	margin:0px 0px 0px 24px;
	
}
#divLeftTechno ul li {
line-height:15px;
font-size:12px;
font-weight:normal;
padding-left:15px;
background:url("Images/Bewise/fleche_li_techno.jpg") no-repeat center left;
margin-left:-5px;
}
/*
#divLeftTechno h3 {
	height:20px;
	margin:5px 0 2px 9px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	padding: 0;
}
#divLeftTechno h3 a {
color:#FF5715;
}
#divLeftTechno h3 a:hover {
color:#9C9C9C;
}

#divLeftTechno ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#divLeftTechno ul li {
	line-height: 17px;
	font-size: 12px;
	font-weight: bold;
}
#divLeftTechnoul li ul {
	margin: 3px 0 5px 15px !important;
	margin: 3px 0 15px 15px;
	padding: 0;
}
#divLeftTechno ul li ul li {
	margin: 2px 0 2px 0 !important;
	margin: 2px 0 -15px 0;
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}
#divLeftTechno ul li ul li a {
	display: block;
	text-indent: -9999px;
}
#divLeftTechno ul li ul li a.ngroup {
	background: url(Images/Bewise/newsgroupe.gif) no-repeat;
}
#divLeftTechno ul li ul li a.service {
	width: 86px;
	height: 9px;
	background: url(Images/Bewise/serviceweb.gif) no-repeat;
}
#divLeftTechno ul li a {
	padding-left: 12px;
	color: #9c9c9c;
	background: url(Images/Bewise/puce-orange.gif) no-repeat 0 2px;
}
#divLeftTechno ul li a:hover {
	color: #ff5b19;
}
*/

#divLeftMetiers
{
	position: relative;;
	width:245px;
	height:110px;
}

.divLeft{
	
	color: #9c9c9c;
}
.divLeft h3 a {color: #9c9c9c;}
.divLeft h3 a:hover {color: #ff5b19;}

.divLeft h3 {
	font-size:14px;
	font-weight:bold;
	text-indent: 5px;
	
	padding: 0;
}
.divLeft ul {
	margin: 0 0 0 24px !important;
	padding: 0;
}
.divLeft li {
	line-height: 15px;
	font-size: 12px;
	font-weight: bold;
}
.divLeft li a {
	color: #9c9c9c;
	white-space:nowrap;
}
.divLeft li a:hover {
	color: #ff5b19;
}

#divLeftCareer
{
	position: absolute;
	width:210px;
	padding-top:5px;
	padding-bottom:10px;
	top:430px;
	left:670px;
	background:#F3F3F3;
	border-left:5px #CBCACF solid;

}
#divLeftCareer a
{
	color:#7E7D82;
}


#divLeftCareer li
{
	background: url(Images/Bewise/fleche_li_career.jpg) no-repeat left center;
	padding-left:15px;
	font-weight:normal;

	}

#divLeftLabs {
	position: absolute;
	width:200px;
	top:350px;
	left:670px;
	
}



#divLeftBlogs {

	position: absolute;
	width:200px;
	top:550px;
	left:670px;
	padding-top:14px;
	padding-bottom:14px;
	padding-left:5px;
	padding-right:5px;
	background: #FDEBDD;
	border-left: solid 5px #FF6F16;
}
#divLeftBlogs a {
font-weight:normal;
font-size:12px;

}
#divLeftBlogs ul li {
font-size:12px;
}

/*
#divLeftBlogs ul {
	margin: 0px 0 0 140px;
	padding: 0;
}
#divLeftBlogs ul li {
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}
#divLeftBlogs ul li a {
	display: block;
	height:12px;
	padding-left: 12px;
	padding-top:2px;
	color: #FF5715;
	line-height:12px;
	background: url(Images/Bewise/puce-orange.gif) no-repeat center left;
}
#divLeftBlogs ul li a:hover {
	color: #726E66;
}
#divLeftBlogs ul li em {
	margin-left: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #FF5715;
}

*/



#right #content #actu .info h3
{
	border:none;
	margin:20px 0 0 0;	
	padding:0;
}
#right #content #actu .info h4
{
	border:none;
	margin:10px 0 0 0;	
	padding:0;
}


.highlighted
{
	background-color:#F9F9F9;
}



.authorHome
{
	font-weight:normal;
	font-style:normal;
}

.playerSL
{
	margin-left:15px;
}


dd.article
{
	margin:0 0 15px 0 !important;
}

.article ul, ol {list-style:circle outside;}
.article ul li ul li {background-image:none !important; margin-left:20px; list-style:square outside none !important;}
.article h3{margin:15px 0 15px 0 !important;padding-bottom:5px !important;}
.article h4{margin:12px 0 12px 0 !important;}
.article h5{margin:10px 0 10px 0 !important;}
.article h6{margin:8px 0 8px 0 !important;}
.article p{margin:8px 0 8px 0 !important;width:100%;}
.article h3 a {}


.wlWriterSmartContent pre div{
	padding:5px 0 5px 5px;  
	background-color:#F9F9F9; 
	border:solid 1px #AEADAD; 
	text-align:left !important;
}
.wlWriterSmartContent pre div *
{
	text-align:left !important;
}

.wlWriterEditableSmartContent{color:blue !important;}


.spanTitleVideo{display:block; margin:5px 0 2px 0; text-align:left;height:20px;}






/*NEW STYLE*/
.divMetierContainer
{
	width:198px;
	color:white;
}
.divMetierContainer h2
{
	color:white !important;
	font-size:17px !important;
	padding:0!important;
	margin:20px 10px 0!important;
	position:relative;
}
.divMetier 
{
	width:198px;
	float:left;
}
.divMetier  h2
{
	text-align:right;
	margin:0 10px 0;
	padding:0;
}
.divMetierFooter
{
	width:198px;
	height:157px;
	float:left;
}



.pName
{
	width:198px;
	margin:0 auto 0 auto;
	text-align:center;
	font-weight:bold;
}
.pMetier
{
	width:198px;
	margin:0 auto 0 auto;
	text-align:center;

	
}
.pLienMetier
{
	text-align:right;
	margin:20px 10px 0;
	padding:0;

}
.pLienMetier a
{
	color:White !important;
	font-weight:bold;
}
.pDescMetier
{
	text-align:right;
	margin:20px 10px 0;
	padding:0;
}
.imgResponsable
{
	margin:20px auto 0 auto;
	width:100%;
	text-align:center;
}

#actu
{
	width:100%;
}

#actu h3
{
	width:425px;
}

#divItems
{
	position:relative;	
	width:100%;
	display:block;
}



.divMetierPres
{
	width:610px;
	height:454px;
	position:relative;
	margin-left:-6px;
	background:url('Images/Bewise/DomainemetierSchema.jpg') no-repeat;

}


.divMetierPres a
{
	display:block;
	position:absolute;
}

.aMetierAMI
{
	top:155px;
	left:185px;
	width:395px;
	height:50px;
	

}

.aMetierSWA
{
	top:90px;
	left:180px;
	width:395px;
	height:55px;
}

.aMetierASC
{
	top:35px;
	left:180px;
	width:395px;
	height:55px;
}



.aMetierSLF
{
	top:345px;
	left:50px;
	height:90px;
	width:525px;
}
.aMetierDGD
{
	top:210px;
	left:160px;
	width:425px;
	height:55px;
	


}
.aMetierPTC
{
	top:325px;
	left:135px;
	height:50px;
	width:450px;
	z-index:1;


}
.aMetierNIU
{
	top:270px;
	left:140px;
	width:440px;
	height:50px;
	
}



.actuTitle
{
	position:relative;
	cursor:pointer;
	text-indent:-999999px;
	
}
.eventTitle
{
	position:relative;
	cursor:pointer;
	text-indent:-999999px;
	
}
.articleTitle
{
	position:relative;
	cursor:pointer;
	text-indent:-999999px;

}
.webcastTitle
{
	position:relative;
	cursor:pointer;
	text-indent:-999999px;


}
.toolboxTitle
{
	position:relative;
	cursor:pointer;
	text-indent:-999999px;

}

#actu h3{
	height:24px;
}


#divArrow{
	position:absolute;
	right:8px;
	top:7px;
	width:9px;
	height:9px;
}


.arrowDown
{
	background:url('Images/mr/FlecheBasse.gif') no-repeat top right;

}
.arrowUp
{
	background:url('Images/mr/FlecheHaute.gif') no-repeat top right;
	
}


#actu{
	text-indent:0;	

}

.divHome h3
{
	text-indent:0!important;
	background-image:none;
}




.actuTitleTechno h3
{
	background:url('Images/mr/TechnoActu.gif') no-repeat top left !important;
	text-indent:-999999px;
}
.eventTitleTechno h3
{
	background:url('Images/mr/TechnoEvenements.gif') no-repeat top left !important;
	text-indent:-999999px;
}
.articleTitleTechno h3
{
	background:url('Images/mr/Technoarticles.gif') no-repeat top left !important;
	text-indent:-999999px;
}
.webcastTitleTechno h3
{
	background:url('Images/mr/TechnoWebcasts.gif') no-repeat top left !important;
	text-indent:-999999px;
}
.toolboxTitleTechno h3
{
	background:url('Images/mr/TechnoToolbox.gif') no-repeat top left !important;
	text-indent:-999999px;
}
.blogTitleTechno h3
{
	background:url('Images/mr/TechnoBlogs.gif') no-repeat top left !important;
	text-indent:-999999px;
}


.comentTitle {
	padding:0;
	margin:0;
	font-weight:bold;
}

.comentText {
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	border-bottom:1px #a0a0a0 dotted;

}



.divBlogsContent
{
	width:605px;
	overflow:hidden;
}
.aBlogsTitle
{
	display:block;
	width:624px;
	height:23px;
	white-space:nowrap;
	background:url('Images/mr/CaseBlog2.gif') no-repeat top left;
	overflow:hidden;
	color:#919296 !important;
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
	position:relative;
}
.spanTitleBlog
{
	display:block;
	/*float:left;*/
	margin:3px 0 0 7px;
	width:440px;
	overflow:hidden;
	cursor:pointer;
}
.spanAuthorBlog
{
	display:block;
	position:absolute;
	right:7px;
	top:4px;
	font-weight:normal;
	
	/*float:right;*/
	/*margin:3px 7px 0 0px;*/
	color:#FE7E2D;


}
.divBlogElement
{
	margin:0 0 5px 0;	
}
.divBlogsContent
{
	margin:5px 0 5px 10px;
}

.divBlogShortcut
{
	background:url('Images/mr/cadBlogs.gif') no-repeat bottom left;
	width:285px;
	height:37px;
	position:relative;
	cursor:pointer;
}
.divBlogShortcutOver
{
	background:url('Images/mr/CadBlogs.gif') no-repeat top left;
	width:415px;
	height:158px;
	position:relative;
	cursor:pointer;
	padding:5px 5px 0;
}
.divBlogShortcut a
{
	visibility:hidden;
}
.divBlogShortcutOver a
{
	display:block;
	position:relative;
	width:115px;
	float:right;
	height:13px;
	padding-right:30px;
	text-align:right;
}


.valQuote
{
	white-space:nowrap !important;
}




.olReferences
{
	margin:0 10px 10px 40px;
	padding:0 0 0 0;
	list-style:none;	
}

h3.refTitle{
	margin:0 0 0 30px;
	padding:0;
}
.olReferences li
{
	line-height:14px;
}


#pagingActus{
	width:100px;
	height:25px;
	background:red;
	z-index:1;
	position:absolute;
	top:50px;
	right:0;
}



#tagCloud{
	height:310px;
	width:100%;
	font-family:Verdana;
}

#tagCloud a{
	text-decoration:none;
}
#tagCloud a:hover{
	color:black;
}



#tagCloud #se a{
	font-size:14px;
	font-weight:bold;
	color:#464646!important;
	position:absolute;
	top:7px;
	left:160px;
}

#tagCloud #gd a{
	font-size:12px;
	color:#0598ff!important;
	position:absolute;
	top:26px;
	left:21px;

}
#tagCloud #des a{
	font-size:14px;
	color:#b32a18!important;
	line-height:20px;
	position:absolute;
	left:192px;
	top:32px;

}
#tagCloud #am a{
	font-size:16px;
	font-weight:bold;
	color:#ff9305!important;
	position:absolute;
	top:56px;
	left:16px;

}
#tagCloud #ro a{
	font-size:14px;
	font-weight:bold;
	color:#95a8c8!important;
	position:absolute;
	left:43px;
	top:82px;
}
#tagCloud #in a{
	font-size:14px;
	color:#464646!important;
	position:absolute;
	left:151px;
	top:80px;

}
#tagCloud #cu a{
	font-size:14px;
	font-weight:bold;
	color:#464646!important;
	position:absolute;
	left:70px;
	top:104px;

}
#tagCloud #tc a{
	font-size:12px;
	font-weight:bold;
	color:#0598ff!important;
	position:absolute;
	left:12px;
	top:134px;

}
#tagCloud #de a{
	font-size:14px;
	font-weight:bold;
	color:#95a8c8!important;
	position:absolute;
	left:150px;
	top:140px;
	line-height:20px;

}
#tagCloud #pe a{
	font-size:12px;
	color:#ff9305!important;
	position:absolute;
	left:43px;
	top:163px;

}
#tagCloud #pw a{
	font-size:14px;
	font-weight:bold;
	color:#b32a18!important;
	position:absolute;
	left:133px;
	top:171px;

}
#tagCloud #iu a{
	font-size:18px;
	font-weight:bold;
	color:#9c2baf!important;
	position:absolute;
	left:11px;
	top:197px;

}
#tagCloud #er a{
	font-size:18px;
	font-weight:bold;
	color:#9c2baf!important;
	position:absolute;
	left:23px;
	top:231px;
	line-height:24px;

}
#tagCloud #me a{
	font-size:14px;
	font-weight:bold;
	color:#5dc43a!important;
	position:absolute;
	left:142px;
	top:260px;
	line-height:18px;

}
#tagCloud #si a{
	font-size:14px;
	color:#95a8c8!important;
	position:absolute;
	left:52px;
	top:285px;

}

#imgPerso{
	width:181px;
	height:195px;
	background:url('Images/Bewise/Home/personnages.jpg') no-repeat top left;
	position:absolute;
	top:110px;
	left:40px;
}

#gold-partner{
	position:absolute;left:-150px;height:64px;width:150px;background:url('Images/Bewise/logo_gold_silver_certified_partner_2011.jpg') no-repeat top center;
	top:355px;
	}
#regional-director{
	position:absolute;left:-150px;height:34px;width:150px;background:url('Images/Bewise/logo_regional_director.jpg') no-repeat top center;
	top:430px;
}
#team-system{
	position:absolute;left:-150px;height:55px;width:150px;background:url('Images/Bewise/logo_visual_studio.jpg') no-repeat top center;
	top:490px;
	}

#inner-circle{
	position:absolute;left:-150px;height:80px;width:150px;background:url('Images/Bewise/logo_inner_circle_2011.jpg') no-repeat top center;
	top:490px;	
}

/***********/




/* Override base sharepoint styles */
.ms-vb-tall {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #919296;
}
.ms-vb {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #919296;
}
.ms-vb2 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #919296;
}
.ms-vh2 {
	text-align: justify;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #919296;
	background-color: transparent;
}
.ms-WPBorderBorderOnly {
	border-bottom-style: solid;
	border-color: #919296 !important;
	font-size: 14px !important;
}
.description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #919296;
}
.link-item {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
}
.link-item a {
	color: #ff6f15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px !important;
}
.link-item a:hover {
	text-decoration: none;
	color: #919296;
}

.ms-pagebreadcrumb
{
	margin:0 !important;
	background-color:#F5F5F5;
}

.ms-WPBody
{
	margin:5px 0 0 0;
	padding:0;
	top:0;
}


.floatingRelatedLinks
{
	border:0;
}

.level-band
{
	background-color:#CBCACF!important;
}
.headertitle-band a
{
	color:black!important;
	font-weight:normal!important;
}

.ms-long
{
	width:430px!important;
}

iframe.ms-rtelong
{
	width:430px!important;
	height:500px!important;
	overflow:visible!important;
	white-space:normal!important;

}
.ms-standardheader
{
	width:120px!important;
	font-size:11px!important;
}
.ms-formlabel
{
	width:120px!important;
}

#petit-dej{padding:0;margin:10px 0 10px 0;position:relative;font-size:12px;}
#petit-dej legend{font-weight:bold;font-size:13px;color:#525252;}
#petit-dej ol {list-style:none;clear:both;margin:35px 0 5px 0;}
#petit-dej ol li{margin:5px 0 5px 0;clear:both;}
#petit-dej ol  label{line-height:20px;float:left;display:block;width:110px;text-align:right;margin-right:5px;white-space:nowrap;}
#petit-dej ol input{height:20px;}

#petit-dej ol li table{float:left;}
#petit-dej ol  td label{line-height:normal;float:left;width:auto;text-align:left;margin-right:auto;}
#petit-dej ol  td input{height:auto;float:left;}


#petit-dej ol select{height:20px;font-size:12px;width:440px;}
.mandatory-field{font-weight:bold;}
#petit-dej .validate{border:solid 1px #919296!important;margin:10px 0 5px 115px;color:#919296;cursor:pointer;position:relative;top:0;left:0;}
#petit-dej .valSummary{list-style:none;}
#petit-dej .valSummary li{height:15px;line-height:15px;margin:0 0 0 95px;}
#petit-dej .legend{font-style:italic;font-size:11px;position:absolute;top:15px;left:10px;line-height:14px;}
#petit-dej .result-text{font-weight:bold;margin:15px 0 15px 115px;color:#4CFF00;display:block;clear:both;}


#div-portfolio{position:relative;margin:10px 0 0 0;}
#nav-portfolio{list-style:none;margin:0;padding:0;position:absolute;top:20px;left:-16px;z-index:1;}
#nav-portfolio li {cursor:pointer;height:20px;color:white!important;width:15px;background:#3D3D3E;color:white;line-height:20px;text-align:center;margin:0 0 2px 0;border:solid 1px #3D3D3E}
#nav-portfolio li.selected{border-right:none;width:16px;background:#E5E5E5;color:#3D3D3E!important;}
#portfolio{clear:both;position:relative;list-style:none!important;border:solid 1px #3D3D3E;background:#E5E5E5;padding:4px!important;margin:0!important;}
#portfolio img{width:400px;margin:0 auto 0 auto;display:block;border:none!important;}

