/**
 * @title 		common reset
 */
 *{
  margin:0; padding:0;
  border:0;
  border-width:0;
  font-size:1em;
  line-height:15px;
} 
body {
	position:relative;
	margin:0;padding:0;
	color:#000;
	font-family:Arial, sans-serif;font-size:10px;
}
body.techno {background:#6C92CC url(../img/common/bg/techno.jpg) no-repeat fixed right top;}
body.design {background:#6C92CC url(../img/common/bg/design.jpg) no-repeat fixed right top;}
body.marketing {background:#6C92CC url(../img/common/bg/marketing.jpg) no-repeat fixed right top;}
body.home, body.e404 {background:#6C92CC url(../img/common/bg/body.jpg) no-repeat fixed right top;}
img {border:0;}
/**
 * @section			main background
 */
body .mainBgWrapper {
 	position:fixed;top:0;left:0;z-index:1;
	width:100%;height:100%;
	/*background:#6C92CC url(../img/common/bg/body.jpg) no-repeat center top;*/
} 
/*body.techno .mainBgWrapper {background:#6C92CC url(../img/common/bg/techno.jpg) no-repeat right top;}
body.design .mainBgWrapper {background:#6C92CC url(../img/common/bg/design.jpg) no-repeat right top;}
body.marketing .mainBgWrapper {background:#6C92CC url(../img/common/bg/marketing.jpg) no-repeat right top;}
body.home .mainBgWrapper {background:#6C92CC url(../img/common/bg/body.jpg) no-repeat right top;}*/
.mainBgWrapper div {
	position:fixed;
	width:100%;height:100%;
	background:url(../img/common/bg/main-bg.png) repeat center top;
}
/**
 * @section			wrapper
 */
#wrapper {
	position:relative;z-index:1;
	margin:0 auto; padding-left:100px;
  width:890px;
  background:url(../img/common/bg/bg-bubble.gif) repeat-y 0 0;
}

.home #wrapper { background:url(../img/common/bg/bg-bubble.gif) repeat-y 0 0;}
.techno #wrapper { background:url(../img/common/bg/bg-bubble-techno.gif) repeat-y 0 0;}
.design #wrapper { background:url(../img/common/bg/bg-bubble-design.gif) repeat-y 0 0;}
.marketing #wrapper { background:url(../img/common/bg/bg-bubble-marketing.gif) repeat-y 0 0;}
.waldo #wrapper { background:url(../img/common/bg/bg-bubble-404.gif) repeat-y 0 0;}

#bubbleDeco {
  position:relative;
  width:800px;
}
/**
 * @section			content
 */
#content {
	position:relative;z-index:1;
	float:left;
	margin:0 20px 0 0;
	width:500px;
}
#logo {
	position:relative;left:-18px;
	margin:66px 0 0 0;
}
#logo .bgWrapper {
	display:block;
	padding:22px 0 0;
	height:92px;
	background:url(../img/common/bg/logo.png) no-repeat;
}
#logo a,
#logo h1 {
	position:relative;
	display:block;
	margin:0 0 0 30px;
	width:127px;
	font-size:1em;
	text-decoration:none;
}
#logo a img,
#logo h1 img {display:block;}
#logo a span,
#logo h1 span {
	overflow:hidden;
	display:block;
	margin:3px 0 0 4px;
	width:119px;height:13px;
	color:#58595A;background:url(../img/common/bg/subTitle.png) no-repeat;
	font-style:italic;font-size:.9em;
	text-align:center;text-indent:-1000em;
	position:relative;
}
#logo a:hover span {
	margin-left:-2px;
	width:130px;       
	background:#FFF url(../img/common/bg/back-home.png) no-repeat;
}
#logo p {margin:5px 0 0 154px;}
#logo p img {display:block;}
/**
 * @section			menu
 */
#menu {
	overflow:hidden;
	margin:0 0 15px;
	width:100%;
}
#menu ul {
	overflow:hidden;
	position: relative;
	list-style: none;
}
#menu ul li {
	float: left;
	margin:0 1px 0 0;	
  height:45px;
}
#menu ul li.backLava {
	position: absolute;z-index: 8;
	width:124px;
	background:url(../img/common/bg/selected-menu-item.png) no-repeat center top;
}
#menu ul li a {
	position: relative;z-index: 10;
	float: left;display: block;
	overflow: hidden;
	padding:14px 0 0;
	height:26px;width:124px;
	color:#000;background:url(../img/common/bg/menu-item.png) repeat;
	font-size:16px;font-weight:bold;
	text-align:center;text-decoration:none;
	color:#424242;
	cursor:pointer;
}
/**
 * @section   title
 */
.titleWrapper {
    margin-bottom: 15px;padding-bottom:5px;  
  background:url(../img/common/bg/contextual-bottom-bg.png) left bottom repeat-x;
}
.title {
  overflow: hidden;
  background:url("../img/common/bg/article-bg.png") repeat scroll 0 0 transparent;
}
.title h2 {
  padding:30px 20px;
  font-size:2em;
  color:#424242;
}
.title h2 .search  { color:#009DE0;}
.researchError {
  padding-bottom: 5px;
  background:url("../img/common/bg/contextual-bottom-bg.png") repeat-x scroll left bottom transparent;
}
.researchError form input.button:hover {background-position:left bottom;}
.researchError .wrapper {	width: auto;}
.researchError .wrapper form { padding-left: 110px;}
/**
 * @section			article
 */
.wrapperArticle {	
	overflow:hidden;
	padding-bottom:5px; margin-bottom:15px;
	width:100%;
	background:url(../img/common/bg/contextual-bottom-bg.png) left bottom repeat-x;
	color:#424242;
}
.article {
	overflow:hidden;
	width:100%;
	background:url(../img/common/bg/article-bg.png) repeat;
}
.article h2 {
  padding:40px 30px 20px 30px;
  font-size:2.8em;
  background:url(../img/common/bg/border-article.png) left bottom repeat-x;
  color:#424242;
}          
.article h2 span {
  display: block;
  padding:0 10px 0 0;
  font-size: 0.8em;
  color: #009DE0;
}
.home h2 span.search {color:#009DE0;}
.techno h2 span.search {color:#E95F0D;}
.design h2 span.search {color:#C3448C;}
.marketing h2 span.search  {color:#3E9A32;}


.article.formation  {position:relative;overflow:visible;}
.article.formation .retour { background: none repeat scroll 0 0 #FFFFFF;border-radius: 5px 5px 5px 5px;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;display: inline-block;margin:8px 0;padding: 5px 10px;text-decoration: none;}
.article.formation .retour:hover {background:#333;color:#FFF;}
.article.formation h2 {background:#3599CE;color: #FFFFFF;padding: 7px 30px;}
.article.formation h2 a {color:#FFF;}
/*background:url(../img/common/visu/acti_university_ptt.png) 390px 30px no-repeat; */

.article.formation .content {padding: 15px 30px;margin:0;}
.article.formation .content .pic {width:100px;overflow:hidden;float:left;border: 1px solid #FFFFFF;margin: 0 11px 0 0;}
.article.formation .content .pic a {display:block;}
.article.formation .content .pic a img{width:100px;height: auto;border:0;}
.article.formation .content .description {}
.article.formation .content p,
.article.formation .content .description p {padding: 0;margin:0 0 5px 0;}
.article.formation .content .description .links {float:right;}
.article.formation .content .description .links a.more-link {display:block; background:#FFF; text-decoration:none;padding:5px 10px;float:left;margin:0 0 0 3px ;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.article.formation .content .description .links a.more-link:hover {background:#333;color:#FFF;} 

.article.formation .content h3.titre {background: #3599CE url(../img/common/bg/puce-accordeon.png) right -2px no-repeat;color: #FFFFFF;font-size: 1.3em;margin: 0 0 3px;padding: 5px 8px 3px 8px ;text-transform: uppercase;}
.article.formation .content h3.titre:hover ,
.article.formation .content h3.open{background-position: right -26px;}
.article.formation .content .contenu {margin: 0 0 3px 0;padding: 14px;background:#FFF;}
.article.formation .content .contenu  h4 { font-size: 1.4em;margin: 0 0 10px;padding: 0;color: #333333;}
.article.formation .content .contenu  ul {line-height: 1em;margin: 0 0 10px 20px;padding: 0;}
.article.formation .content .contenu  ul li { margin: 0 0 5px;padding: 0;}

.titre_formations .title h2 { background: url("../img/common/visu/acti_university.png") no-repeat center center #2191C8;height: 59px;overflow: hidden;padding: 0;text-indent: -99999px;}

.home #wrapper .article.formation  .content .contenu input {
  	border:1px solid #CCC;
}


.article.formation .tagAndShare {
    width: 460px;
}
.article h3 {
  padding:40px 30px 10px 30px;
  font-size:1.8em;
  color:#424242;
}

.article.formation h3 { 
    line-height: normal;
}
.article h4 {
  padding:40px 30px 5px 30px;
  font-size:1.6em;
  line-height:25px;
  color:#424242;
}
.article h5 {
  padding:40px 30px 5px 30px;
  font-size:1.4em;
  color:#424242;
}
.article h6 {
  padding:40px 30px 5px 30px;
  font-size:1.2em;
  color:#424242;
}
.article h3 a, .article h4 a, .article h5 a, .article h6 a {
	color: #424242;
}
.article h2 a {color:#424242; text-decoration: none;}
.article a {
	position:relative;
	font-weight:bold;
	text-decoration:underline;
	color:#000;
}
.article a:hover {background-color:#FFF;}
.formation h2 a:hover {background-color:#3599CE !important;}
.home .article a:hover {background-color:#FFF;} 
.article p.info {background:url(../img/common/bg/border-article.png) left bottom repeat-x;font-size: 1em;height: auto;margin: 0 30px;min-height: 24px;padding: 6px 0 8px;text-align: left;}
.article p.info a:hover { background-color:transparent;}
.article p.info a:hover {color:#3599CE;}
     /* link article hover home */
.home .article p.info a:hover {color:#3599CE;}
     /* link article hover techno */
.techno .article p.info a:hover {color:#E95F0D;}
     /* link article hover design */
.design .article p.info a:hover {color:#C3448C;}
         /* link article hover marketing */
.marketing .article p.info a:hover {color:#3E9A32}

.article p.info span {font-size: 1.4em;}

.article p.info span.date {font-size:1em;}
.article p.info span.date span {font-size:1em;}
.article p.info strong {color:#000;}
.article .tagAndShare { 
  margin:20px 30px 0;
  padding:5px 0;
  background:url(../img/common/bg/border-article.png) left top repeat-x;
}
.tagAndShare p{   clear: both;float: left;font-size: 1.3em;margin: 0 0 5px;padding: 0 0 0 32px;width: 400px;}
.tagAndShare p strong.titre {float:left;padding: 5px 0 0;}
.twitter-share-button {padding:2px 0 0 0;}
.article .tagAndShare span {
  display:block;
  position:absolute;
  top:0;left:0px;
  height:15px;
  width:15px;
  text-indent:-9999px;
  }
.article .tagAndShare a.share-fb,
.article .tagAndShare a.share-tt,
.article .tagAndShare a.share-de {
  display:block;
  overflow:hidden;
  position:relative;
  float:left;
  margin:5px;
  width:15px;height:15px;
}
     /* Button Share Facebook */
.article a.share-fb {background: url(../img/common/visu/share-fb.gif) left top no-repeat;}
.article a.share-fb span {background: url(../img/common/visu/share-fb.gif) left bottom no-repeat;}
     /* Button Share twitter */
.article a.share-tt {background: url(../img/common/visu/share-tt.gif) left top no-repeat;}
.article a.share-tt span {background: url(../img/common/visu/share-tt.gif) left bottom no-repeat;}
     /* Button Share de */
.article a.share-de {background: url(../img/common/visu/share-de.gif) left top no-repeat;}
.article a.share-de span {background: url(../img/common/visu/share-de.gif) left bottom no-repeat;}



.article .tagAndShare {   clear: both;float: left;margin: 5px 0 10px 0;padding: 10px 0;width: 500px;}
.article .firstTS{background:none;} 
.article .tagAndShare .boxs { background:#fff;border-bottom: 1px dashed #CCCCCC;border-top: 1px dashed #CCCCCC;float: left;margin: 2px 0;padding:15px 31px 16px 31px;width: 438px;}
.article .tagAndShare .box {float:left;margin:0 40px 0 0 ;}
.article .tagAndShare .fbbtn,
.article .tagAndShare .gplus { padding: 3px 0 0;}





.article p.tag {
  float:left;
  margin:0;
  padding:5px 20px 0;
  width:460px;
  font-size:1.1em;
}
.article p.tag, .article p.tag a {color:#009DE0;}
    /* color tag home */
.home .article p.tag, .home .article p.tag a {color:#009DE0;}
   /* color tag techno */
.techno .article p.tag, .techno .article p.tag a {color:#E95F0D;}
  /* color tag design */
.design .article p.tag, .design .article p.tag a {color:#C3448C;}
  /* color tag marketing */
.marketing .article p.tag, .marketing .article p.tag  a{color:#3E9A32;}
.autorWrapper .direction .infos p.name a, h2 span.direction {color: #009DE0;}
.autorWrapper .design .infos p.name a, h2 span.design {color: #C3448C;}
.autorWrapper .marketing .infos p.name a, h2 span.marketing {color: #3E9A32;}
.autorWrapper .technique .infos p.name a, h2 span.technique {color: #E95F0D;}
h2 span.conseil_intelligence {color:#009DE0;}
h2 span.design_ergonomie {color:#C3448C;}
h2 span.technologie_innovation {color:#E95F0D;}
h2 span.media_performance {color:#3E9A32;}
h2 span.pilotage_qualite {color:#009DE0;}
h2 span.conquete_fidelisation {color:#3E9A32;}
.autorWrapper {
	margin:0; padding:0px;
	cursor:pointer;
	background:url(../img/common/bg/autor-bg.png) repeat;
}
.team .autorWrapper {	background:transparent;}
.autorWrapper:hover {	background-color: #FFFFFF;}
.team .autor {
	position:relative;
  margin:0; padding:0 0 0 0;
  background: url(../img/common/bg/border-autor.png) left bottom repeat-x;
  font-size:0.8em;
  color:#424242;
}
.autor {
	position:relative;
	margin:0;	padding:0 0 0 0;
	background: transparent;
	font-size:0.8em;
	color:#424242;
	min-height: 110px;
}
.autor .infos {
	float:left;clear:left;
	padding:20px 10px 10px 180px;margin:0;
	min-height:80px;width:290px;
}
.autor h5 {
  padding:0;
  font-size:1.4em;
  font-weight:bold;
}
.autor a {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}
.autor a:hover {color:#009DE0;}
.autor .infos p {
	margin:0 0 0 0;	padding:0px;
	line-height:1.3em;
	font-size:1.2em;
}
.autor .infos p.name { margin:0 0 0 0;}
.team .autor .infos p.name { padding: 20px 0 0 0;}
.autor a.autor-image {
	position:absolute;bottom:0;left:0;
	overflow:hidden;
	display:block;
	margin-left:15px;
	height:110px;width:150px;
}
.autor a.autor-image:hover {background-color: transparent;}
.autor a.autor-image img {
	position:absolute;top:0;left:0;
	display:block;
	border:0;
}
.autor a.autor-image span {
	position:absolute;top:0;left:0;
	width: 150px; height: 110px;
	display:block;
	overflow: hidden;
}
.autor a.autor-image span img {
	display:block;
	position:absolute; top:-110px; left:0px;
}
/**
 * @section			article content
 */
.content { font-size:1.2em;}
.content p.chapo {
  margin:0 30px; padding:20px 0 0 0;
  font-size:1.35em;
  line-height:1.2em;
  font-weight:bold;  
  color:#424242; 
}
.content p {
  margin:15px 0 0 0; padding:0 30px;
  line-height:1.4em;
}
.content ul {
  margin:15px 0 0 15px; padding:0 50px;
  line-height:1.4em;
}
.content a img { border:1px solid #FFF;}

.content table a img { border:0px;}
.content img.visual {  
  margin:0 0 0 0px;
  border:0 none;
}
.content li img.visual {  
  margin:0 0 0 -40px;
  border:0 none;    
}
.content a img.visual {
  margin:0 0 0 -65px;
  border:0 none;  
}   
.content a:hover img.visual {
  margin:0 0 0 -65px;
  border:0 none;  
}
.content p object { margin:20px 20px 0 0;}
.content ul li {
  padding-top:1em;
  list-style-image:url(../img/common/visu/arrow_grey.png);
}
.content ol li { padding-top:1em;}  
.content ol {
  margin:15px 0 0 15px; padding:0 50px;
  line-height:1.4em;
}
.content table { margin:20px 0 0 20px;}
/**
 * @section			pagination
 */
#wrapperPaging {
	padding-bottom:20px;
  background:url(../img/common/bg/footer-border.png) left bottom repeat-x;
}
.paging {
  margin:10px 0 0 0;
  width:500px;height:30px;
  background:url(../img/common/bg/paging-bg.png) repeat;
}
.paging li {
  float:left;
  list-style:none;
}
.paging li a, .paging li.current {
  display:block;
  position:relative;
  margin:5px 0 0 5px; padding:3px 0 0 0;
  width:20px;height:17px;
  background:url(../img/common/bg/paging-ol.gif) left top no-repeat;
  color:#424242;
  text-decoration:none;
  font-weight:bold;
  text-align: center;
}
.paging li a span {
  display:block;
  position:absolute;
  top:0;
  left:0;
  padding:3px 0 0 0;
  width:20px;height:17px;
  background:url(../img/common/bg/paging-ol.gif) left bottom no-repeat;
  color:#FFF;
}
.paging li.current  {
  color:#FFF;
  background:url(../img/common/bg/paging-ol.gif) left bottom no-repeat;
}
.paging .prev, .paging .next, .paging .hide {
  position:relative;
  display:block;
  float:left;
  margin:5px 0 0 5px; padding:3px 0 0 0;
  width:75px; height:17px;
  background:url(../img/common/bg/paging-nav.gif) left top no-repeat;
  color:#424242;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
}
.paging .hide {
	opacity: 0.5;
	cursor: default;
}
.paging .next { margin-left: 5px;}
.paging .prev span, .paging  .next span {
  display:block;
  float:left;
  top:0;
  left:0;
  position:absolute;
  padding:3px 0 0 0;  
  width:75px; height:17px;
  background:url(../img/common/bg/paging-nav.gif) left bottom no-repeat;
  color:#FFF;  
  text-decoration:none;
  font-weight:bold;
  text-align:center;
}
/**
 * @section   comments and respond forms
 */
.commentsWrapper {
   margin-bottom: 10px; padding-bottom:5px;
   background:url("../img/common/bg/contextual-bottom-bg.png") repeat-x scroll left bottom transparent;
}
#comments {
	margin: 0; padding:10px 0;
	background:url(../img/common/bg/contextual-bg.png) repeat;
}
#comments a:hover, #respond a:hover { background-color: #FFFFFF;}
#comments h3, #respond h3 {
  margin:0 20px; padding:9px 0 0 0;
  width:460px; height:26px;
  border-bottom:1px solid #424242;
  font-size:16px; font-weight:bold;
  color:#424242;
}
#comments .commentlist { 	padding: 10px; list-style: none;}
#comments .commentlist li {
  margin: 0px 40px; padding: 10px 0px;
  border-bottom:1px solid #747474;
  list-style-image:url("../img/common/visu/arrow.png");
}
#comments .commentlist li p {
  padding: 5px 10px;
	font-size: 1.1em;
	color: #424242;
}
#comments .commentlist li p.info {
  padding: 0px;
	font-size: 1.1em;
	color: #747474;
}
#comments .info a, #respond .info a {
  font-weight: bold;
  text-decoration: none;
	font-size: 1.1em;
	color: #424242;
}
.respondWrapper {
  margin-bottom: 10px; padding-bottom:5px;
  background:url("../img/common/bg/contextual-bottom-bg.png") repeat-x scroll left bottom transparent;
}
#respond {
	margin: 0 0 0 0;
  padding:10px 0;
	background:url(../img/common/bg/contextual-bg.png) repeat;
}
#respond form { margin: 0px 40px; padding: 10px 0px;}
  #respond .info {
  padding: 0px;
  font-size: 1.1em;
  color: #686868;
}
  #respond .required {
  color: #FF0000;
  font-size: 1.5em;
}
  #respond form label {
  display: block;
  padding: 10px 5px 5px 5px;
  width: auto;
  font-size: 1.1em;
}
  #respond form input {
  padding: 0 5px;
  width: 200px;
  height: 20px;
  font-size: 1.1em;
}
  #respond form textarea {
  display: block;
  padding: 5px;
  width: 405px;
  height: 100px;
  font-size: 11px;
  font-family:Arial, sans-serif;
  background-color: #FFFFFF;
  background-color: #FFFFFF;
  border:none;
}
#respond form .form-submit input {
  margin: 10px 0;
  padding:10px;
  width: 135px; height:40px;
  font-size:1.1em;
  background-color: #FFFFFF;
  background:url("../img/common/bg/submit-comment-bg.gif") no-repeat scroll left top transparent;
  border:none;
  cursor: pointer;
}
  #respond form .form-submit input:hover {
  background-position:bottom;
  color:#FFF;
  cursor:pointer;
}
/**
 * @section         link page
 */
.links ul {
	margin: 20px;
	list-style-image:url("../img/common/visu/arrow_grey.png");
	font-size: 1.2em;
}
.links li {	margin: 0 10px;	padding: 10px 0;}
/**
 * @section			contextual
 */
#contextual {
  position:relative;z-index:1;
	overflow:hidden;
	float:left;
	margin:180px 0 15px;
	width:280px;  
  font-size:1.2em;
}
.wrapper {width:280px;}
.research form input.search {
	position:relative;
  float:left;
  margin:7px 0 0 10px;padding:5px 5px;
  border:none;
  width:128px;
  color:#7E7E7E;
  font-size:12px;
}
.research form input.button {
  display:block;
  float:left;
  margin:7px 6px 0;
  width:25px;height:25px;
	background:url(../img/common/visu/zoom.png) left top no-repeat;
  border:none;
  cursor:pointer;
  text-indent:-9999px;  
}
.research form input.button:hover {background-position:left bottom;}
.research .wrapper {
	height:39px;
	background:url(../img/common/bg/contextual-bg.png) repeat;  	
}
.research .borderDeco {
	overflow:hidden;
	height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}

.research #googleplus {
    float: right;
    overflow: hidden;
    padding: 8px 0 0;
    text-align: right;
    width: 80px;
}
#contextual .pictureOfDay,
#contextual .formations {margin:15px 0 0 0;}

#contextual .pictureOfDay .wrapper,
#contextual .formations .wrapper {
	padding:0 0 10px 0;
	background:url(../img/common/bg/contextual-bg.png) repeat;  	
}
#contextual #carousel,
#contextual #carouselFormations {
  position:relative;
}
#contextual #carousel .wrapper,
#contextual #carouselFormations .wrapper {
  position:relative;
  overflow:hidden;
  float:left;
  margin:10px 0 0 22px;padding:0;
  width:215px;
  background:none;
}
#contextual #carousel .wrapper ul,
#contextual #carouselFormations .wrapper ul {
  position:relative;
  margin:0;padding:0;
  width:10000px;
  list-style:none;
}
#contextual #carousel .wrapper ul li,
#contextual #carouselFormations .wrapper ul li {
  float:left;
}

#contextual .formations h3 {
    overflow: hidden;
    background:url(../img/common/visu/acti_university.png) center 16px no-repeat; 
    text-indent: -99999px;
	height: 59px;
}

#contextual .formations h3 a {display:block;height:100%;}
#contextual .formations h3 a:hover {background:none;}


#contextual .twitter {
	color: #424242;
    line-height: 1.6em;
    position: relative;
    text-decoration: none;
	margin:15px 0 0 0;
}

#contextual .twitter .wrapper {
	padding:0 10px 10px 0;
	background:url(../img/common/bg/contextual-bg.png) repeat;  	
}
#contextual .twitter a.prev,
#contextual .twitter a.next {
  position:relative;
  overflow:hidden;
  float:left;
  margin:40px 0 0 0;
  width:10px; height:15px;
  text-indent:-9999px;
}
#contextual .twitter a.prev span, #contextual .twitter a.next span {
  position:absolute;
  display:block;
  left:0;
  top:0;
  width:10px;height:15px;  
}
#contextual .twitter a.prev {
	float:left;
	left:17px;
	background:url(../img/common/visu/prev.gif) left top no-repeat;
}
#contextual .twitter a.prev span {background:url(../img/common/visu/prev.gif) 0 -18px no-repeat;}
#contextual .twitter a.next {
  margin-left:5px;  
	background:url(../img/common/visu/next.gif) left top no-repeat;
}
#contextual .twitter a.next span {background:url(../img/common/visu/next.gif) 0 -18px no-repeat;}
#contextual .twitter li img {
  display:block;
  margin:0;
  padding:5px;
}                          
#contextual .twitter li {list-style: none;}
#contextual .twitter li img:hover {
  padding:0;
  border:5px solid #FFF;
}
#contextual .twitter .borderDeco {
  height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}

#contextual .twitter a{
	color:#009DE0;
	text-decoration:none;
}

#contextual .twitter #twitter-bird {
	height:21px;
	display:block;
	margin:10px 0 0 35px;
	color:#777;
}

.twitter-timestamp {
	display:none;
}


#contextual .twitter-message {
	background: url(../img/common/visu/arrow.png) no-repeat;
	background-position:0px 4px;
	margin-top:14px;
	padding:0 0 0 14px;
	margin-left:20px;
	width:240px;
}


#contextual .twitter-message a {
	position:relative;
	text-decoration:none;
	line-height:normal;
}
#contextual .twitter-message a:hover { background-color:#FFF;}






#contextual .pictureOfDay a.prev,
#contextual .pictureOfDay a.next,
#contextual .formations a.prev,
#contextual .formations a.next {
  position:relative;
  overflow:hidden;
  float:left;
  margin:40px 0 0 0;
  width:10px; height:15px;
  text-indent:-9999px;
}
#contextual .pictureOfDay a.prev span, 
#contextual .pictureOfDay a.next span,
#contextual .formations a.prev span, 
#contextual .formations a.next span {
  position:absolute;
  display:block;
  left:0;
  top:0;
  width:10px;height:15px;  
}
#contextual .pictureOfDay a.prev,
#contextual .formations a.prev {
	float:left;
	left:17px;
	background:url(../img/common/visu/prev.gif) left top no-repeat;
}
#contextual .pictureOfDay a.prev span, 
#contextual .formations a.prev span { 
  background:url(../img/common/visu/prev.gif) 0 -18px no-repeat;
}
#contextual .pictureOfDay a.next,
#contextual .formations a.next {
  margin-left:5px;  
	background:url(../img/common/visu/next.gif) left top no-repeat;
}
#contextual .pictureOfDay a.next span,
#contextual .formations a.next span {
  background:url(../img/common/visu/next.gif) 0 -18px no-repeat;
}
#contextual .pictureOfDay li img,
#contextual .formations li img {
  display:block;
  margin:0;
  padding:5px;
}                          
#contextual .pictureOfDay li,
#contextual .formations li {
  list-style: none;
}
#contextual .pictureOfDay li img:hover,
#contextual .formations li img:hover {
  padding:0;
  border:5px solid #FFF;
}
#contextual .pictureOfDay .borderDeco,
#contextual .formations .borderDeco {
  height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}
#contextual .linkOfDay {margin-top:15px;}
#contextual .linkOfDay .wrapper {background:url(../img/common/bg/contextual-bg.png) repeat;}
#contextual .linkOfDay .borderDeco {
  height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}

#contextual .keyWord {margin-top:15px;}
#contextual .keyWord .wrapper {	background:url(../img/common/bg/contextual-bg.png) repeat;}
#contextual .keyWord .borderDeco {
	height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;
}
#contextual .keyWord p {padding: 10px 20px;}
#contextual .keyWord p a {
	position:relative;
	color:#009DE0;
	line-height: 1.2em;
	text-decoration: none;
	font-weight: bold;
}
#contextual .keyWord p a:hover {background-color:#FFF;}
.home #contextual .keyWord p a {color:#009DE0;}
.techno #contextual .keyWord p a {color:#E95F0D;}
.design #contextual .keyWord p a {color:#C3448C;}
.marketing #contextual .keyWord p a {color:#3E9A32;}
#contextual .about {margin-top:15px;}
#contextual .about .wrapper {background:url(../img/common/bg/contextual-bg.png) repeat;}
#contextual h3 {
  margin:0 20px; padding:9px 0 0 0;
  width:240px; height:26px;
  border-bottom:1px solid #424242;
  font-size:16px; font-weight:bold;
  color:#424242;
}
#contextual h3 a {
  color:#424242;
  text-decoration: none;
}
#contextual h3 a:hover, #contextual li.current_page_item a {background-color: #FFFFFF;}
#contextual h4 {
  margin:0 20px; padding:9px 0 0 15px;
  width:240px; height:26px;
  font-size:1.1em; font-weight:bold;
  background: no-repeat url("../img/common/visu/arrow.png") left 13px;
  color:#424242;
}
#contextual h4 a {
  color:#424242;
  text-decoration: none;
}
#contextual h4 a:hover { background-color: #FFFFFF;}
#contextual ul { margin:10px 0 10px 40px;}
#contextual li {list-style-image: url(../img/common/visu/arrow.png);}

#contextual li ul.children {
	margin-left:16px; 
	width: 195px;
}

#contextual li ul.children li {
	list-style-image: url(../img/common/visu/arrow_grey.png);
}


#contextual li ul.children li a
{
	color:#5E5D5D;
}

#contextual li.current_page_item ul li a
{
	 background:none;
}

#contextual li ul.children li a:hover
{
	 background-color:#FFF;
}

#contextual li a {
	position:relative;
	color:#424242;
	text-decoration:none;
	line-height:1.6em;
}
#contextual li a:hover { background-color:#FFF;}
#contextual .about .borderDeco {
  height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}
#contextual .externalLink { margin-top:15px;}
#contextual .externalLink .wrapper {background:url(../img/common/bg/contextual-bg.png) repeat;}
#contextual .externalLink .borderDeco {
  height:6px;
	background:url(../img/common/bg/contextual-bottom-bg.png) repeat-x;  	
}
/**
 * @section			socialNetwork
 */
#socialNetwork {
	position:absolute;left:820px;top:180px;z-index:2;
	width:40px;	
}
#socialNetwork .wrapper {
  padding:10px 0 10px 10px; 
  width:30px; height:175px;
  background-color:#FFF;
}
#socialNetwork .wrapper a {
	position:relative;
	overflow:hidden; 
	display:block;
	margin:9px 0 0 0;padding:5px 0 0 0;  
	height:21px;width:21px;
	cursor:pointer;
}   
#socialNetwork .wrapper a span {
  display:block;position: absolute;      
  top:0;left:0;
  height:21px;
  width:21px;  
}
#toplink {
  position:absolute;z-index:1;
  top:267px;left:820px;
}
#toplink a {
  display:block;
  width:63px;height:122px;                   
  background:url(../img/common/visu/top.png) top left no-repeat;
  cursor:pointer;    
}
#socialNetwork span{text-indent: -9999px;}
#toplink a:hover {background-position:right;}  
     /* Rss */
#socialNetwork .wrapper a.rss {background:url(../img/common/visu/social-network-rss.gif) left top no-repeat;}
#socialNetwork .wrapper a.rss span {background:url(../img/common/visu/social-network-rss.gif) right top no-repeat;}
    /* Facebook */
#socialNetwork .wrapper a.fb {background:url(../img/common/visu/social-network-fb.gif) left top no-repeat;}
#socialNetwork .wrapper .fb span {background:url(../img/common/visu/social-network-fb.gif) right top no-repeat;}
    /* Twitter */
#socialNetwork .wrapper a.tt {background:url(../img/common/visu/social-network-tt.gif) left top no-repeat;}
#socialNetwork .wrapper .tt span {background:url(../img/common/visu/social-network-tt.gif) right top no-repeat;}
    /* Youtube */
#socialNetwork .wrapper a.yt {background:url(../img/common/visu/social-network-yt.gif) left top no-repeat;}
#socialNetwork .wrapper .yt span {background:url(../img/common/visu/social-network-yt.gif) right top no-repeat;}
    /* Viaedo */
#socialNetwork .wrapper a.vo {background:url(../img/common/visu/social-network-vo.gif) left top no-repeat;}
#socialNetwork .wrapper .vo span {background:url(../img/common/visu/social-network-vo.gif) right top no-repeat;}
#socialNetwork .borderDeco{
  height:11px;
  background:url(../img/common/bg/socialNetwork-bottom-bg.png) left bottom repeat-x; 
}
/**
 * @section			contextInfos
 */
#contextInfos {
	position:absolute;left:-100px;top:0;
	width:97px;
}
#contextInfos .borderTop {
  height:252px;width:95px;
}
body #contextInfos .borderTop .bgWrapper {
  position:fixed;    
  height:252px;width:95px;
  background:#6C92CC url(../img/common/bg/body.jpg) no-repeat 0 0;
}
body.home #contextInfos .borderTop .bgWrapper {
  left:0;width:100%;
  background:#6C92CC url(../img/common/bg/body.jpg) no-repeat right top;
}
body.techno #contextInfos .borderTop .bgWrapper {
  left:0;width:100%;
  background:#6C92CC url(../img/common/bg/techno.jpg) no-repeat right top;
}
body.design #contextInfos .borderTop .bgWrapper {
  left:0;width:100%;
  background:#6C92CC url(../img/common/bg/design.jpg) no-repeat right top;
}
body.marketing #contextInfos .borderTop .bgWrapper {
  left:0;width:100%;
  background:#6C92CC url(../img/common/bg/marketing.jpg) no-repeat right top;
}
#contextInfos .content {
  height:110px;width:95px;
}
#contextInfos .content .bgWrapper {
  position:fixed;
  height:110px;width:95px;
  background:url(../img/common/bg/bubble.png) no-repeat;
}
.home #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble.png) no-repeat;}
.techno #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-techno.png) no-repeat;}
.design #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-design.png) no-repeat;}
.marketing #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-marketing.png) no-repeat;}
.home #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble.png) no-repeat;}
.techno #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-techno.png) no-repeat;}
.design #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-design.png) no-repeat;}
.marketing #contextInfos .content .bgWrapper {background:url(../img/common/bg/bubble-marketing.png) no-repeat;}
#contextInfos .content .mask {
    position:absolute;top:0;left:0;
    display:none;
    height:110px;width:95px;
    background-color:#2763C5;
}
.home #contextInfos .content .mask {background-color:#2763C5;}
.techno #contextInfos .content .mask {background-color:#83962A;}
.design #contextInfos .content .mask {background-color:#287BAD;}
.marketing #contextInfos .content .mask {background-color:#9FC51A;}
#contextInfos .borderBottom {
  height:300px;width:95px;  
}
#contextInfos .borderBottom .bgWrapper {
  position:fixed;
  height:600px;width:95px;
  background:#6C92CC url(../img/common/bg/body.jpg) no-repeat 0 -362px;
}
.techno #contextInfos .borderBottom .bgWrapper { 
  background:#6C92CC url(../img/common/bg/techno.jpg) no-repeat right -362px;
  right:0;
  width:100%;
}
.wrapperArticle .content code { 
  display:block;
  padding:5px;
  background-color:#FFF;
  color:#7D7D7D;
  font-size:0.9em;
  font-style:	italic;
}
.design #contextInfos .borderBottom .bgWrapper { 
  right:0;
  width:100%;
  background:#6C92CC url(../img/common/bg/design.jpg) no-repeat right -362px;
}
.marketing #contextInfos .borderBottom .bgWrapper { 
  right:0;
  width:100%;
  background:#6C92CC url(../img/common/bg/marketing.jpg) no-repeat right -362px;
}
.category {
  padding:32px 0 0;
  height:20px;
  color:#FFF;
  font-size:20px;font-weight:bold;
  text-align:center;
}
#contextInfos .picto {
  display:block;
  z-index:3;
  margin: 18px 0 0 5px;
  width:36px;height:36px;
  background:url(../img/common/visu/picto-acti.png) no-repeat;
}
.picto{ background:url(../img/common/visu/picto-acti.png) no-repeat;}
.photo #contextInfos .picto,
#contextInfos .photo .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-photo.png) no-repeat;}
.actualite #contextInfos .picto,
#contextInfos .actualite .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-acti.png) no-repeat;}
.actualite #contextInfos .picto,
#contextInfos .design .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-design.png) no-repeat;}
.marketing #contextInfos .picto,
#contextInfos .marketing .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-marketing.png) no-repeat;}
.techno #contextInfos .picto,
#contextInfos .techno .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-techno.png) no-repeat;}
.links #contextInfos .picto,
#contextInfos .links .picto { margin: 17px 0 0 6px; background:url(../img/common/visu/picto-liens.png) no-repeat;}
/**
 * @section			footer
 */
#footer {	position:relative;z-index:2;}
#footer .bgWrapper {background:url(../img/common/bg/footer-bg.png) repeat;}
#footer .wrapper {
  margin:0 auto; padding: 0 300px 0 0;
  width:500px;
}                                
#footer .famousPost {
  float:left;
  margin:10px 0 0 0;
  width:249px;
  border-right:1px solid #424242; 
}
#footer h3 {
  padding:6px 0 0 35px;
  height:24px;
  font-size:1.3em;
  color:#424242;
}
#footer h3 span {
  padding:0 0 3px 0;
  border-bottom:1px solid #424242;  
}
#footer .famousPost h3 {background:url(../img/common/bg/famous-post.png) left top no-repeat;}
#footer .famousPost ul, #footer .recentComment ul { margin:0 0 0 25px;}
#footer li {
  padding:15px 0 0 0;
  line-height:1.2em;
  font-size:1.2em;
  list-style-image: url(../img/common/visu/arrow.png);
  list-style-position:outside; 
}
#footer li span { font-size:0.8em;}
#footer li a {
	position:relative;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
}
#footer li a:hover {color:#424242;}
#footer li a {
	color:#009de0;
	cursor:pointer;
}
#footer li a:visited{color:#009de0;}
     /* link footer list home */
.home #footer li a {color:#009de0;}
.home #footer li a:hover{color:#424242;}    
.home #footer li a:visited{color:#009de0;}
     /* link footer list techno */
.techno #footer li a {color:#E95F0D;} 
.techno #footer li a:hover{color:#424242;}     
.techno #footer li a:visited{color:#E95F0D;}
     /* link footer list design */
.design #footer li a {color:#C3448C;}
.design #footer li a:hover{color:#424242;}     
.design #footer li a:visited{color:#C3448C;}
     /* link footer list marketing */
.marketing #footer li a {color:#3E9A32;}
.marketing #footer li a:hover{color:#424242;}     
.marketing #footer li a:visited{color:#3E9A32;}      
#footer .recentComment {
  float:left;
  margin:10px 0 0 0;
  width:250px;
}
#footer .recentComment h3 {
  margin:0 0 0 5px;
  background:url(../img/common/bg/recent-comment.png) left top no-repeat;
}
#footer .wrapperMenu {
  margin:0 auto;
	padding: 0 300px 0 0;
  width:500px;
}
#footer .menu {
  margin:20px 0 0 0;
  background:url(../img/common/bg/border-footer.png) left top repeat-x;
}
#footer .menu li {
  float:left;
  margin:8px 33px 0 0;
  padding:0;
  list-style:none;
  background:url(../img/common/bg/pipe.gif) 5px 5px no-repeat;
}
#footer .menu a span {color:#424242;}
#footer .menu li.last {margin-right:0;}
#footer .menu a {
  display:block;
  position:relative;
  padding:5px 0 0 10px;
  width:90px;height:35px;
  background:url(../img/common/bg/menu-bg.gif) left top no-repeat;
  font-weight:bold;
  font-size:1.1em;
  line-height:1.2em;
}
#footer .menu a span{
  display:block;
  position:absolute;
  top:0; left:0;
  padding:5px 0 0 10px;
  width:90px;height:35px;
  background:url(../img/common/bg/menu-bg.gif) left bottom no-repeat;
  font-weight:bold;
  font-size:1em;
  line-height:1.2em;
  color:#3199D1;
}
     /* link footer home */
.home #footer .menu a span {color:#3199D1;}
    /* link footer techno */
.techno #footer .menu a span {color:#E95F0D;}
    /* link footer design */
.design #footer .menu a span {color:#C3448C;}
    /* link footer marketing */
.marketing #footer .menu a span {color:#3E9A32;}
#footer .menu a span strong {color:#FFF;}
#footer .menu a strong {color:#424242;}
#footer .address {
  margin:8px 0 0 0;
  height:180px;
  background:url(../img/common/bg/menu-bottom.png) left top repeat-x;
}
#footer .map {
  float:left;
  padding:25px 0 0 20px;
  width:134px;height:136px;
}
#footer .first {
  float:left;
  padding:25px 0 0 50px;
  width:125px;height:110px;
}
#footer .first a {
	position:relative;
	color:#424242;
}
#footer .first a:hover {color:#009DE0;}
.home #footer .first a:hover {color:#009DE0;}
.techno #footer .first a:hover {color:#E95F0D;}
.techno #footer .first a:hover {color:#C3448C;}
#footer .first span {
  font-weight:bold;
  font-size:1.4em;
  color:#424242;
}
#footer .second {
  float:left;
  padding:25px 0 0 20px;                                                       
  width:125px;
}
#footer .second span {
  font-weight:bold;
  font-size:1.4em;
  color:#424242;
}
#footer .logo {
  float:left;
  padding:10px 0 0 30px;
}
#footer .mention {
  padding:3px 300px 0 0;
  height:17px;
  background-color:#424242;
  text-align:center;
  color:#FFF;
}
#footer .mention a {
  color:#009de0;
  text-decoration:none;
  }
    /* footer mention home */
.home #footer .mention a {color:#009de0;}
.home #footer .mention a:hover {color:#FFF;text-decoration:underline;}

    /* footer mention techno */
.techno #footer .mention a {color:#E95F0D;}
.techno #footer .mention a:hover {color:#FFF;text-decoration:underline;}
    /* footer mention design */
.design #footer .mention a {color:#C3448C;}
.design #footer .mention a:hover {color:#FFF;text-decoration:underline;}
    /* footer mention marketing */
.marketing #footer .mention a {color:#3E9A32;}
.marketing #footer .mention a:hover {color:#FFF;text-decoration:underline;}
/**
 * @section             top link
 */
.topLinkWrapper {
    position:relative;z-index:3;
    padding-left:100px;margin:0 auto;
    width:690px;
}
/**
 * @section             captions  home page
 */
.captify {
	display: block; 
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0px; padding: 0px;
	color: #424242;
	border: none 0px;
}
.captify img {
	display: block;
	margin: 0px; padding: 0px;
}
.captify span { 
	display: block;
	position: absolute; bottom: 0px; left: 0px;
	padding: 10px;
	background: transparent url(../img/common/bg/article-bg.png) repeat top left;
	border: none 0px;
	color: #424242;
}
.shortcuts {margin: 10px 0 10px 10px;}
.shortcuts a {
  overflow:hidden;
	margin:9px;
	width:140px;height:200px;
	text-decoration: none;
	
}  
.shortcuts a img {
  display:block;
  width:138px;height:198px;
  border:1px solid #FFF;
}
.shortcuts span {width:140px;} 
.shortRef {margin: 10px 0 10px 10px;}
.shortRef a {margin: 10px; text-decoration: none;}
.shortRef span {width:220px;}
/**
 * @section             Contact form
 */
.home #wrapper .content input {
  background:url("../img/common/bg/menu-bg.gif") no-repeat scroll left top transparent;
  width:100px;height:40px;
  cursor:pointer;
}           
.home #wrapper .content input:hover {
  background-position:bottom;
  color:#FFF;
}
.home #wrapper .content .wpcf7-form-control-wrap textarea {
  padding:5px 5px 0 5px;
  width:430px;
}
.home #wrapper .content .wpcf7-form-control-wrap.your-subject input, 
.home #wrapper .content .wpcf7-validates-as-email,
.home #wrapper .content input.wpcf7-validates-as-required {
  width:200px;height:20px;
  padding:2px 5px;
  background:#FFF;
  font-weight:normal;
  cursor: text;
}
.home #wrapper .content .wpcf7-list-item { display:block; float:left; padding: 15px 0}
.home #wrapper .content .wpcf7-list-item input { width:15px; border: 0px none; float: left; height: auto; background: #FFF none; display:block;line-height:normal}
.home #wrapper .content .wpcf7-list-item span.wpcf7-list-item-label { float: left; padding: 0px 5px;  margin:0; line-height:normal}

.home #wrapper .content .wpcf7-form-control-wrap.your-subject input:hover, 
.home #wrapper .content .wpcf7-validates-as-email:hover,
.home #wrapper .content input.wpcf7-validates-as-required:hover { color:#424242;}
.home #wrapper .content .wpcf7-not-valid-tip-no-ajax {
  font-size:0.8em;
  color:#FC0000;
}
.home #wrapper .content .wpcf7-validation-errors {
  padding:16px 0 0 30px;
  font-size:0.8em;
  color:#FC0000;
}
/**
 * @title 		404
 */
.e404 #wrapper {background:url("../img/common/bg/bg-bubble-404.gif") repeat-y scroll 0 0 transparent;}
 .e404 .article img.waldo  {
  display:block;
  width:120px;height:150px;
}
.e404 .article h2 { background-image:none;}
 .research404 {
  padding-bottom: 5px;
  background:url("../img/common/bg/contextual-bottom-bg.png") repeat-x scroll left bottom transparent;
}
.research404 form input.button:hover {background-position:left bottom;}
.research404 .e404 { width: auto;}
.research404 .e404 form {  padding-left: 110px;}




/*
 * Formation
*/


.titre{
cursor: hand;
cursor: pointer;
padding: 2px 5px;
}

.open{ /*class added to contents of 1st demo when they are open*/
}




/**
 * @section    contact
 */
.contact {
    background: url("../img/common/bg/contact.png") no-repeat scroll 260px 74px transparent;
}

/**
 * @section 			easyclearing
 */  
.formation:after,
.content:after,
.boxs:after,
.title:after, 
.autorWrapper:after, 
#footer .menu:after,  
#footer .wrapper:after,   
.tagAndShare:after, 
.wrapperArticle:after,
.autor:after,
#carousel:after,
#carouselFormations:after,
#contextual .pictureOfDay .wrapper:after,    
#contextual .externalLink .wrapper:after,  
#contextual .linkOfDay .wrapper:after, 
#contextual .linkOfDay .wrapper:after, 
#contextual .about .wrapper:after,
#contextual .pictureOfDay ul:after,
#contextual #carousel .wrapper ul:after,
#contextual #carouselFormations .wrapper ul:after,
#contextual li:after,
#contextual ul:after, 
#wrapper:after,
#bubbleDeco:after,
#menu ul:after,
.shortcuts:after,
.shortRef:after,
#footer .bgWrapper:after {
  display: block;clear: both;
  visibility: hidden;
  height: 0;
  content: ".";
}