body {
	text-align: left;
	font-size: 11px;
	font-family:   "Trebuchet MS", Arial, Helvetica,Verdana, Geneva, sans-serif;
	color: #FFFFFF;
	background: #100415;
	margin: 0 auto ;
	}

img, table { margin: 0; padding: 0; border: none; }
ul, ol, li { margin: 0; padding: 0; }

h1, h2, h3 { margin: 0; padding: 0; color: #FFFFFF;}
h1 { font-size:22px; }
h2 { font-size:18px; }
h4, h5, h6 { margin: 0; padding: 0;  font-weight: normal; }
input, textarea {margin: 0; padding: 0;}
h3 {color: #FFFFFF; font-size : 20px; border-bottom : 1px dotted #cccccc; padding-bottom: 5px;font-family : "Trebuchet MS", Arial, Helvetica, Verdana, Geneva, sans-serif;  }
h4 {color: #666666; font-size : 14px; }

p  {margin:0; padding:0 ; display:block; clear:both ;  }
p.spip  { font-size:12px;line-height:1.2em; padding-right:5px;   }

a, a:link, a:visited, a:active {text-decoration: none;color : #FFFFFF; }
a:hover, a:focus {text-decoration: underline;}
span { 	font-weight: normal;line-height:1.2em; }
ul li { margin:0; padding: 0; color: #FFFFFF; }



/**************************/
/**        HEADER        **/
/**************************/
.header
{
	margin:0px;
	padding:0px;
	border:0px;
	height:145px;
	width:810px;
	display :block;
	clear:both;
}
.header-flick
{
	margin:0px;
	padding:0px;
	border:0px;
	height:31px;
	float:right;
	width:99px;
	background:url(/squelettes/images/flickr-expand.png) no-repeat;
}
.flick {
	float:left;
	width:99px;
	height:31px;
	background:url(/squelettes/images/flickr-expand.png) no-repeat;
}

a.flick {
	float:left;
	width:99px;
	height:31px;
	background:url(/squelettes/images/flickr-expand.png) no-repeat;
}
.flick:hover {background:url(/squelettes/images/flickr-expand-o.png);}
a.flick_on {
	float:left;
	width:99px;
	height:31px;
	background:url(/squelettes/images/flickr-expand-o.png) no-repeat;
}
.flick_on:hover {background-image:url(/squelettes/images/flickr-expand-o.png);}

.logo
{
	float:left;
	width : 320px;
	height:55px;
	margin-top:15px;
	margin-left:30px;
}



/***************************/
/*  BLOCS DE PRESENTATION  */
/***************************/
div#page{
	margin:0 auto;
	padding: 0 ;
	width:100%;
	clear:both;
	background:url(/squelettes/images/background.png) no-repeat top center #24092E;
}

div#container{
	margin:0 auto;
	padding: 0 ;
	width:810px;
	clear:both;
}

.content {float:left; width:100%; margin-top:15px; }
.left {	margin : 0px; padding : 0px;width : 540px; float : left; }
.right {float : right; width : 245px; text-align:center; margin-top:6px; }



/************************************/
/*  FIL d'ARIANE                   */
/***********************************/

.hierarchie { float : left; width : 100%; color:white; margin-top:-10px;  }
.hierarchie a { text-decoration:none; padding:5px; }
.hierarchie a:hover { color:#FFB23F;   text-decoration:none; }
.hierarchie a.on { color:#FFB23F;   text-decoration:none; }


/**************************/
/**        FOOTER        **/
/**************************/

.footer
     {
	width : 100%;
	clear :both;
	display:block;
	clear:both;
	margin : 0 auto;
	}

.footer-top
{
	width : 100%;
	clear :both;
	background-color:#000000;
	color:white;
	height:100px;
	display:block;
	clear:both;
	margin : 0 auto;
	}
.footer-top .bloc-adresse
	{
	width : 810px;
	padding-top:20px;
	list-style-type: none;
	color:white;
	margin : 0 auto;
	}

.footer-top .adresse
	{
	width : 365px;
	height:51px;
	list-style-type: none;
	display:inline;
	float:left;
	margin-right:35px;
	font-size:10px;
	color:white;
	float:left;
	padding-left:0px;
	font-weight:normal;
	line-height:1.5em;
	}
.footer-top .adresse .google
	{
	float:left;
	height:51px;
	margin-right:10px;
	}
.footer-top ul li p	{float:left;}

.footer-bottom
{
	width : 800px;
	clear :both;
	height:45px;
	display:block;
	font-size:10px;
	clear:both;
	padding-top:20px;
	margin : 0 auto;
	list-style-type:none;
	}

.footer-bottom li {	float:left;	padding-left:5px; padding-right:5px; padding-top: 5px;  color:white; }
.footer-bottom li a{	padding-top:5px; }

.rss   		{ background:url(/squelettes/images/rss.gif) no-repeat top; width:45px; height:16px;  float:left; }
.css   		{ background:url(/squelettes/images/css.gif) no-repeat top; width:43px; height:16px; float:left;  }
.xhtml 		{ background:url(/squelettes/images/xhtml.gif) no-repeat top;  width:60px; height:16px; float:left;  }
a.rss   	{ background:url(/squelettes/images/rss.gif) no-repeat top; width:45px; height:16px; float:left;  }
a.css   	{ background:url(/squelettes/images/css.gif) no-repeat top; width:43px; height:16px; float:left; }
a.xhtml 	{ background:url(/squelettes/images/xhtml.gif) no-repeat top;  width:60px; height:16px; float:left; }
.rss:hover  { background:url(/squelettes/images/rss-o.gif) no-repeat top; width:45px; height:16px;float:left;  }
.css:hover  { background:url(/squelettes/images/css-o.gif) no-repeat top; width:43px; height:16px;float:left;  }
.xhtml:hover{ background:url(/squelettes/images/xhtml-o.gif) no-repeat top;  width:60px; height:16px; float:left; }
a.rss_on   	{ background:url(/squelettes/images/rss-o.gif) no-repeat top; width:45px; height:16px;float:left;  }
a.css_on   	{ background:url(/squelettes/images/css-o.gif) no-repeat top; width:43px; height:16px; float:left; }
a.xhtml_on 	{ background:url(/squelettes/images/xhtml-o.gif) no-repeat top;  width:60px; height:16px;float:left;  }



/**************************/
/**   ELEMENTS DU MENU   **/
/**************************/

.menu {
	display:block;
	clear:both;
	float:left;
	padding-top:14px;
	width:100%;
}


/*DEBUT DECLARATION ACCUEIL */
.accueil
 {
	float:left;
	width:139px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-accueil.png);
	background-repeat: no-repeat;
}

a.accueil {
	float:left;
	width:139px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-accueil.png);
	background-repeat: no-repeat;
}
.accueil:hover {background-image:url(/squelettes/images/menu-images/menu-accueil-o.png);}
a.accueil_on {
	float:left;
	width:139px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-accueil-o.png);
	background-repeat: no-repeat;
}
.accueil_on:hover {background-image:url(/squelettes/images/menu-images/menu-accueil-o.png);}

/*-----------------------------------------------*/

/*DEBUT DECLARATION competences */
.competences
 {
	float:left;
	width:130px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-competences.png);
	background-repeat: no-repeat;
}

a.competences {
	float:left;
	width:130px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-competences.png);
	background-repeat: no-repeat;
}
.competences:hover {background-image:url(/squelettes/images/menu-images/menu-competences-o.png);}
a.competences_on {
	float:left;
	width:130px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-competences-o.png);
	background-repeat: no-repeat;
}
.competences_on:hover {background-image:url(/squelettes/images/menu-images/menu-competences-o.png);}

/*-----------------------------------------------*/
/*DEBUT DECLARATION Showroom */
.showroom
 {
	float:left;
	width:122px;
	height:54px;
	background:url(/squelettes/images/menu-images/menu-showroom.png)  no-repeat center top ;
}
a.showroom {
	float:left;
	width:122px;
	height:54px;
	background:url(/squelettes/images/menu-images/menu-showroom.png) center top no-repeat;
}
.showroom:hover {background:url(/squelettes/images/menu-images/menu-showroom-o.png)  center top no-repeat;}
a.showroom_on {
	float:left;
	width:122px;
	height:54px;
	background:url(/squelettes/images/menu-images/menu-showroom-o.png)  center top no-repeat;
}
.showroom_on:hover {background:url(/squelettes/images/menu-images/menu-showroom-o.png)  center top no-repeat;}

/*-----------------------------------------------*/
/*DEBUT DECLARATION PRESSE */
.presse, a.presse
 {
	float:left;
	width:84px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-presse.png);
	background-repeat: no-repeat;
}


.presse:hover {background-image:url(/squelettes/images/menu-images/menu-presse-o.png);}
a.presse_on {
	float:left;
	width:84px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-presse-o.png);
	background-repeat: no-repeat;
}
.presse_on:hover {background-image:url(/squelettes/images/menu-images/menu-presse-o.png);}

 /*-----------------------------------------------*/
/*DEBUT DECLARATION CONTACT */
.contact
 {
	float:left;
	width:96px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-contact.png);
	background-repeat: no-repeat;
}

a.contact {
	float:left;
	width:96px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-contact.png);
	background-repeat: no-repeat;
}
.contact:hover {background-image:url(/squelettes/images/menu-images/menu-contact-o.png);}
a.contact_on {
	float:left;
	width:96px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-contact-o.png);
	background-repeat: no-repeat;
}
.contact_on:hover {background-image:url(/squelettes/images/menu-images/menu-contact-o.png);}
 /*-----------------------------------------------*/
/*DEBUT DECLARATION JOIN */
.join
 {
	float:left;
	width:74px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-join.png);
	background-repeat: no-repeat;
}

a.join {
	float:left;
	width:74px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-join.png);
	background-repeat: no-repeat;
}
.join:hover {background-image:url(/squelettes/images/menu-images/menu-join-o.png);}
a.join_on {
	float:left;
	width:74px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-join-o.png);
	background-repeat: no-repeat;
}
.join_on:hover {background-image:url(/squelettes/images/menu-images/menu-join-o.png);}
 /*-----------------------------------------------*/
/*DEBUT DECLARATION JOIN */
.menublog
 {
	float:left;
	width:78px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-blog.png);
	background-repeat: no-repeat;
}

a.menublog {
	float:left;
	width:78px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-blog.png);
	background-repeat: no-repeat;
}
.menublog:hover {background-image:url(/squelettes/images/menu-images/menu-blog-o.png);}
a.menublog_on {
	float:left;
	width:78px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-blog-o.png);
	background-repeat: no-repeat;
}
.menublog_on:hover {background-image:url(/squelettes/images/menu-images/menu-blog-o.png);}

.blog20
 {
	float:left;
	width:78px;
	height:55px;
	background-image:url(/squelettes/images/menu-images/menu-20.png);
	background-repeat: no-repeat;
}

a.blog20 {
	float:left;
	width:78px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-20.png);
	background-repeat: no-repeat;
}
.blog20:hover {background-image:url(/squelettes/images/menu-images/menu-20-o.png);}
a.blog20_on {
	float:left;
	width:74px;
	height:54px;
	background-image:url(/squelettes/images/menu-images/menu-20-o.png);
	background-repeat: no-repeat;
}
.blog20_on:hover {background-image:url(/squelettes/images/menu-images/menu-20-o.png);}


/************************************/
/*  BLOCS NAVIGATION DE DROITE   */
/***********************************/

/* JOIN US */
.joinus  {width:242px; display:block; margin-top:25px; }
.joinus-top  {background-image:url(/squelettes/images/block-join-top.gif);width:242px; height:84px; }
.joinus-footer  {background:url(/squelettes/images/block-join-footer.gif) bottom;width:242px; height:20px; display:block; clear:both;}
.joinus-content  {background-color:#24092E;width:242px;display:block; clear:both;height:50px;   }
.joinus-content .job { margin:0; padding:0;background-color:#24092E;height:68px; }
.joinus-content .job li {background:url(/squelettes/images/block-join-puce.gif) no-repeat left;background-color:#24092E;  margin-left:10px; float:left; display:block; clear:both; padding:5px; color:white; }
.joinus-content .job li a {text-decoration:none; padding-left:20px; font-size:11px; color:white; }


/* TWITTER */
.twitter  {
	width:242px;
	display:block;
	height:180px;
	clear:both;
	margin-top:25px;
	text-align:left;
	padding:75px 0px 0px 10px;
	background:url(/squelettes/images/block-twitter.gif) no-repeat top left;
	}
.twitter  p{
	width:220px;
	display:block;
	clear:both;
	text-align:left;
	float:left;
	}
/* TWITTER */
.twitter2  {
	width:203px;
	display:block;
	clear:both;
	margin-top:0px;
	text-align:left;
	padding:0px 0px 0px 10px;
	padding-top:10px;
	background:url(/squelettes/images/block-twitterrepeat.gif) repeat-y left;
	}
 .twitterbottom  {
	width:203px;
	display:block;
	height:22px;
	clear:both;
	text-align:left;
	padding:0; margin:0;
	margin-bottom:5px;
	background:url(/squelettes/images/block-twitterbottom.gif) no-repeat top left;
	}


 .twittertop  {
	width:203px;
	display:block;
	height:65px;
	clear:both;
	text-align:left;
	padding:0; margin:0;
	background:url(/squelettes/images/block-twitter2.gif) no-repeat top left;
	}

.twitter2  p{
	width:175px;
	display:block;
	clear:both;
	text-align:left;
	float:left;
	padding:0 ; margin:0;
	font-size:11px;
	}

.twitter2  ul  {
	width:175px;
	padding:0 !important; margin:0;
	}
.twitter2  ul li {
	width:175px;
	padding:0; margin:0;
	padding-bottom:5px;
	color:white !important;
	font-size:11px;
	}

/* WIKI  */
.wiki  {
	width:242px;
	display:block;
	clear:both;
	margin-top:15px;
	padding-top:0px;
	text-align:center;
	/*background:url(/squelettes/images/wiki-logo.jpg) no-repeat top center;*/
	}

.wiki  p {width:240px; text-align:left; }
.job li {background:url(/squelettes/images/block-join-puce.gif) no-repeat left;background-color:#24092E;  margin-left:0px; float:left; display:block; clear:both; padding:5px; color:white; }
.job li a {text-decoration:none; padding-left:20px; font-size:11px; }
.job li a:hover {text-decoration:none; padding-left:20px; font-size:11px;text-decoration:underline;  }

.zoom {background-color:black; font-size:20px;  }

/************************************/
/*  BLOCS NAVIGATION DE GAUCHE    */
/***********************************/

/* BLOG  */
.blog {
	width:537px;
	display:block;
	clear:both;
	margin-top:5px;
	text-align:left;
	background:#23082D;
	}

.blog-header-readers {
	width:279px;
	display:block;
	height:100px;
	clear:both;
	float:right;
	padding-top:0px;
	}
.blog-header-readers p {padding-bottom:5px; }
.blog-header-readers img   {border:1px solid #56136B;  }

.blog-header {
	width:537px;
	height:96px;
	text-align:left;
	background:url(/squelettes/images/block-blog-header.gif) no-repeat top left #100415;
	}

.blog-content {
	width:537px;
	display:block;
	clear:both;
	margin-top:0px;
	text-align:left;
	background:#23082D;
}
.blog-content ul{

	display:block;
	clear:both;
	padding-top:0px !important;
	background:#23082D;
	}

.post
 {
	width:520px;
	margin:10px;
	margin-top:5px;
	padding-top:0;
	margin-bottom:15px;
	border-top:1px dotted white;
	display:block;
	clear:both;
	color: white;
	text-align:left;
	cursor : pointer;
	}

.post .info  {
	float:left;
	width:100%;
	display:block;
	clear:both;
	height:50px;
	}
.post .leftinfo  {
	float:left;
	width:100px;
	background:url(/squelettes/images/post-info.png) no-repeat left top;
	}
.post .leftinfo-eq {
	float:left;
	width:60px;
	background:url(/squelettes/images/post.png) no-repeat left top;
}

.post .rightinfo  {float:left; width:400px; }
.titre  {font-size: 16px; font-weight:bold; padding-top:15px; float: left;  }
.titre-press  {font-size: 16px !important; font-weight:bold; padding-top:15px; float: left;padding-left:8px;  }
.auth  {font-size: 14px; font-weight:bold; width:50px; float: left; }
.login {font-size: 10px; width:300px;text-align:left; display:block; clear:both; float:left; color: #64177D;  }
.comment {font-size: 14px; font-weight:bold; padding-top:25px; width:50px; text-align:center; float:left; color: #FFAA31; }
.date {font-size: 10px;padding-top:20px; padding-left:10px; width:90px;float:left; color: #64177D;   }
.postcontent  {font-size: 12px;   width:500px; color: white; padding-top:10px; padding-left:10px; padding-bottom:10px; }
.post:hover  {background-color: #140519;  }



/************************************/
/*  DEFINITION DE LA ZONE FLICKR    */
/***********************************/

.displayed-flick
{
	width :100%;
	height:60px;
	background : url(/squelettes/images/flickr-repeatr.jpg) repeat-x bottom #000000;
	float: left;
	color: white;
	padding-top:10px;
	overflow:hidden;

}

.flick-left { float:left; width:20px;  }
.flick-right  { float:right; width:20px;  }
.flick-content  { float:left; height:54px; overflow:hidden;  }
.flick-content img { float:left; margin:4px; }
.flick-content a:hover img { border:2px solid #5C1472; margin:2px;  }


/************************************/
/*  DEFINITION DE LA ZONE PODCAST    */
/***********************************/
.blockplayer
{
	background:url(/squelettes/images/block-player.png) no-repeat top;
	padding-top:5px;
	margin-top:30px;
	width:242px;
	z-index:99;

}
.descvid {	color:white;  float:left; text-align:center; width:185px; }
.titrevid {	color:white; font-size:23px; float:left;  text-align:center; width:185px; }
.lastvid  {	width:24px; float:left;  padding-top:10px; cursor:pointer; }
.nextvid  {	width:24px; float:right;  padding-top:10px; cursor:pointer;  }
.player
{
	background:url(/squelettes/images/bg-player.png) no-repeat top;
	width:335px;
	height:208px;
	z-index:1;
	position:absolute;
	margin-top:10px;
	margin-left:510px;
	}
.videolayer
{
	display:block;
	clear:both;
	background:url(/squelettes/images/footervid.png) no-repeat bottom #2A0935;
	height:90px;
	margin-bottom:20px;
	}
.flashobject
{
	z-index:100;
	position:relative;
	display:block;
	clear:both;
}



/************************************/
/* PAGE PEOPLE    */
/***********************************/

/* COLONNE DE GAUCHE  */
.leftcol {
	width:537px;
	display:block;
	clear:both;
	text-align:left;
	margin-top:40px;
	}

.leftcol-nologo {
	width:537px;
	display:block;
	clear:both;
	text-align:left;
	}

.leftcol-content {
	width:520px;
	display:block;
	clear:both;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:10px;
	background-color: #23082D;
	}
	.leftcol-content-team {
	width:517px;
	display:block;
	clear:both;
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
	padding-bottom:10px;
	background-color: #23082D;
	}

.leftcol-footer {
	width:540px;
	display:block;
	clear:both;
	text-align:left;
	background:url(/squelettes/images/common-leftcol-bottom.png) no-repeat bottom ;
	height:25px;
	}

.leftcol-content h1 {
	font-weight:normal;
	padding-top:0px;
	}

.personne {
	width:300px;
	margin-left:15px;
	font-weight:normal;
	padding-top:15px;
	margin-bottom:5px;
	}

.flashbbottom
{
	width:540px;
	float:left;
	display:block;
	height:45px;
	clear:both;
	text-align:left;
	background:url(/squelettes/images/team-bottom.png) repeat-x top left  ;
	/*margin-top:-4px; */
	margin-top:0px;
	}

.flashpeople
{
	z-index:100;
	width:540px;
	float:left;
	clear:both;
	height:249px;
}

.flashpeople img
{
	padding-right : 5px;
	padding-left : 11px;
	padding-bottom:0px;
}

.fluxperso {background:url(/squelettes/images/fluxperso.png) no-repeat top; width:142px; height:17px; display:block; float:right;margin-right:20px;padding-top:5px;   }
a.fluxperso:hover {background:url(/squelettes/images/fluxperso-o.png) no-repeat top; width:142px; height:17px; display:block; float:right;margin-right:20px;padding-top:5px;   }
.focus {background-color: black;margin-top:5px;  padding:10px;line-height:1.3em;  }
.details {border-top:1px dotted white; margin-top:15px; padding-top:10px;  line-height:1.3em; }
.leftcol p  {color:white; line-height:1.4em; padding-top:10px; padding-bottom:10px; display:block; clear:both; }
.leftcol h2  {font-weight:normal; border-top:1px dotted white; padding-top:15px;  }

.more h1 {font-weight:normal; padding-top:15px; }
.more {	background:url(/squelettes/images/rightcol.png) no-repeat top; padding:15px; margin-top:7px;padding-left:15px;   }
.more p{color: #5D1476; text-align:left;  margin-bottom:20px;font-size:12px;  margin-top:15px; margin-left:15px; }
.more .logopeople{margin-top:15px; }
.more img{margin-top:15px; }
.more-footer {	background:url(/squelettes/images/commonright-bottom.gif) no-repeat bottom;  }

.more-ref {	background:url(/squelettes/images/rightcol-ref.png) no-repeat top; padding:15px;padding-left:25px;  }
/*.more-ref *{display:block; }*/
.more-ref p{color: #5D1476; text-align:left;  margin-bottom:20px;font-size:12px;  }
.more-ref .logopeople{margin-top:15px; }
.more-ref h1 {font-weight:normal; padding-top:15px; }
.more-ref img{margin-top:15px; }
.more-ref-footer {	background:url(/squelettes/images/commonright-bottom.gif) no-repeat bottom; height:15px; display:block; clear:both;  }

.block-teamgr {width:242px;height:323px; margin-top:7px;  }
.block-teamgr .top {background:url(/squelettes/images/team-top.png) no-repeat top ;height:31px; padding-top:5px;  text-align:right; padding-right:10px; font-size:15px; }
.block-teamgr .teamcontent 
{
/*background:url(/squelettes/images/team-content.png) repeat-y top ; 
text-align:right;
height:235px; 
overflow:hidden;   
/*ALEX*/

	width: 242px;
	height:235px;
	background:transparent url(/squelettes/images/team-content.png) repeat-y scroll center top;
	text-align:right;	
	overflow: hidden;
	position: relative;
/* Fin ALEX*/
}
.block-teamgr .teamcontent a, .block-teamgr .teamcontent a:hover {color: white; }
.block-teamgr .teambottom {background:url(/squelettes/images/team-bottom.png) no-repeat bottom;height:40px; overflow:hidden;   }

.block-teamgr .teamcontent ul {color:white; list-style-type:none; float:left; text-align:left; display:block; clear:both;margin-left:7px;width:100%;/* height:197px; overflow-y:auto;overflow-x:hidden; */ }
.block-teamgr .teamcontent ul li{height:18px;  width:224px; }
.block-teamgr .teamcontent ul li:hover{background:url(/squelettes/images/scoll-over.png) repeat-x left top ;width:224px;}
.block-teamgr .teamcontent ul li:hover a:hover {text-decoration : none; }
.block-teamgr .teamcontent ul li {padding-left:5px; }

.block-teamgr .teamcontent .up   { width:242px; height:17px;display:block; clear:both}
.block-teamgr .teamcontent .down { width:242px; height:21px; display:block; clear:both}

.rollover {height:18px;  width:224px;}
a.rollover {display:block;text-decoration:none;}
.rollover:hover {background:url(/squelettes/images/scoll-over.png) repeat-x left top ;}
a.rollover_on {background:url(/squelettes/images/scoll-over.png) repeat-x left top ;}

a.down {background:url(/squelettes/images/scroll-down.png) no-repeat bottom center;}
.down:hover {background:url(/squelettes/images/scroll-down-o.png) no-repeat bottom center;}
a.down_on {background:url(/squelettes/images/scroll-down-o.png) no-repeat bottom center;}

a.up {background:url(/squelettes/images/scroll-up.png) no-repeat bottom center;}
.up:hover {background:url(/squelettes/images/scroll-up-o.png) no-repeat bottom center;}
a.up_on {background:url(/squelettes/images/scroll-up-o.png) no-repeat bottom center;}

.myflickr {/*background:url(/squelettes/images/myflickr.gif) no-repeat bottom left;*/ width:123px; height:30px; display:block; clear:both; padding-top:20px;margin-bottom:0px;  text-align:left; font-size: 14px; color: white; }
.mybookmark {/*background:url(/squelettes/images/mybookmark.gif) no-repeat top left; */width:123px; height:18px; display:block; clear:both; margin-top:20px; margin-bottom:15px; text-align:left; font-size : 14px; color:white;  }
.mylinkedin {/*background:url(/squelettes/images/mylinkedin.gif) no-repeat top left;*/ width:123px; height:17px; display:block; clear:both; margin-top:20px;margin-bottom:15px;text-align: left; font-size:14px; color: white;   }
.myviadeo {/*background:url(/squelettes/images/myviadeo.gif) no-repeat top left; */width:123px; height:17px; display:block; clear:both; margin-top:20px; margin-bottom:15px;text-align: left; font-size:14px; color: white;    }
.myblogs {/*background:url(/squelettes/images/myblogs.gif) no-repeat top left;*/ width:162px; height:17px; display:block; clear:both; margin-top:20px; margin-bottom:15px;text-align: left; font-size:14px; color: white;    }
.mescompetences {/*background:url(/squelettes/images/mescompetences.gif) no-repeat top left;*/ width:150px; height:17px; display:block; clear:both; margin-top:20px; margin-bottom:15px;text-align: left; font-size:14px; color: white;    }


.miniflick-content  { float:left; display:block; clear:both;  width:210px;    margin-bottom:20px; padding-left:20px; }
.miniflick-content img { float:left !important; margin:4px; line-height:0;   border:2px solid #190620; margin:2px;}
.miniflick-content a:hover img { border:2px solid #64177D; margin:2px;  }

.more a.bookmrk {display:block; clear:both; color:#FF9900; text-align:left; line-height:1.4em; }
.more a.bookmrk:hover {display:block; clear:both; color:#FF9900; text-align:left; line-height:1.4em; text-decoration: underline;   }
.common-right-content a , .common-right-content a:hover { color:#FF9900;   }

.casestudy { background:url(/squelettes/images/btcasestudy.png) no-repeat top; width:151px; height:17px; display:block; float:right;margin-right:15px;  }
a.casestudy:hover { background:url(/squelettes/images/btcasestudy-o.png) no-repeat top; width:151px; height:17px; display:block; float:right;margin-right:15px;  }
.siteurl { background:url(/squelettes/images/bt-refurl.png) no-repeat top; width:90px; height:17px; display:block; float:right; padding-right:10px;  }
a.siteurl:hover { background:url(/squelettes/images/bt-refurl-o.png) no-repeat top; width:90px; height:17px; display:block; float:right; padding-right:10px;  }

.leftcol-content p img  {float:right; display:inline; padding:20px;   }
.leftcol-content p   {text-align:justify;    }
.leftcol-content img  {text-align:center; margin:0 auto;   }




/************************************/
/* FIN  PEOPLE    */
/***********************************/
.more h2  {font-weight:normal; border-top:0px dotted white; text-align:left; padding-bottom:8px; padding-top:19px;   }
.more ul   {margin:0; padding:0; list-style-type:none; text-align:left; padding-bottom:20px;   }
.more ul li {color:#5D1476; display:block; clear:both; }
.more ul li a {/*color:#8A1FB1;*/color : #FF9900;  display:block; clear:both; }
.more p a {color : #FF9900; }

.more-ref h2  {font-weight:normal; border-top:0px dotted white; text-align:left; padding-bottom:8px;  }
.more-ref ul   {margin:0; padding:0; list-style-type:none; text-align:left; padding-bottom:20px;   }
.more-ref ul  li {color:#5D1476; display:block; clear:both; }
.more-ref ul  li a {color : #FF9900;  display:block; clear:both; }
.more-ref p a {color : #FF9900; }


.headerflashref {
	background:url(/squelettes/images/header-flashref.png) no-repeat top right;
	width:537px;
	height:36px;
	margin-top:0px;
	display : block;
	float : left;
	text-align : left;
	font-size:18px;
	}

.headerflashref .client{
	padding-right:45px;
	padding-top:5px;
	text-align:right;
	}

.qualification {
	text-align:right; display:inline;
	color:  #FFFFFF;
	font-size:11px;
	}
.headerflashref span.client{
	padding-right:45px;
	padding-top:5px;
	}

.entete {
	background:url(/squelettes/images/header-flashref.png) no-repeat bottom right;
	width:540px;
	height:35px;
	margin-top:0px;
	padding-left:0px;
	padding-top:15px;
	display : block;
	float : left;
	text-align : right;
	font-size:18px;
	}

.entete-equipe {
	background:url(/squelettes/images/header-flashref.png) no-repeat top right;
	width:540px;
	height:27px;
	margin-top:10px;
	display : block;
	float : left;
	text-align : right;
	font-size:18px;
	}

.entete-equipe .entete-titre{
	float:right; padding-right:15px;
	margin-top:6px;
}

.entete .client {
	float:right;
	padding-right:16px;
	margin-top:6px;

	}



/************************************/
/* COMMON COLUMN    */
/***********************************/

/* COLONNE DE GAUCHE  */
.common-left-top {
	width:537px;
	display:block;
	clear:both;
	text-align:left;
	background:#23082D;
	margin-top:40px;
	background:url(/squelettes/images/common-leftcol-top.gif) no-repeat top ;
	height:20px;
	margin-bottom:-5px;
	}


.common-left-top2 {
	width:537px;
	display:block;
	padding-top:5px;
	clear:both;
	text-align:left;
	background:#23082D;
	/*background:url(/squelettes/images/common-leftcol-top.gif) no-repeat top ;  */
	background:url(/squelettes/images/header-flashref.png) no-repeat top right;
	height:31px;
	margin-top:5px;
	display : block;
	float : right;
	text-align : right;
	font-size:18px;
	}

.common-left-top3 {
	width:537px;
	display:block;
	padding-top:12px;
	clear:both;
	text-align:left;
	background:url(/squelettes/images/common-leftcol-top.gif) no-repeat top ;
	height:15px;
	margin-top:5px;
	display : block;
	float : right;
	text-align : right;
	font-size:18px;
	}
.common-left-top2 .client
{
	padding-right:15px;
	padding-top:5px;
	text-align:right;
	}

.common-left {
	width:537px;
	display:block;
	clear:both;
	text-align:left;

	}
.common-left-content {
	width:522px;
	display:block;
	clear:both;
	text-align:left;
	padding-left:15px;
	background:#23082D;
	padding-bottom:30px;
	}
.common-left-content a {
	color: #FF6600;
	}

.common-left-bottom {
	width:537px;
	display:block;
	clear:both;
	text-align:left;
	background:#23082D;
	background:url(/squelettes/images/common-leftcol-bottom.png) no-repeat bottom ;
	height:25px;
	}

.common-left-bottom2 {
	width:537px;
	display:block;
	clear:both;
	text-align:left;
	background:#23082D;
	background:url(/squelettes/images/common-leftcol-bottom.png) no-repeat top ;
	height:31px;
	margin-top:-24px;
	}

.cp-content {
	padding-top:5px;
	float: left;
	padding-left: 0;
	padding-right:0;
	margin:0;
	display:block;
	clear:both;
	font-size: 12px;
	}

.cp-content p {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	width:500px;
	color: white; padding-top:10px; padding-left:10px; padding-bottom:10px; }
.common-left-pdf a{
	height:25px ;
	background:url(/squelettes/images/icon_pdf.gif) no-repeat left top ;
	padding-left:25px;
	padding-top:5px;
	margin-top:5px;
	width:500px;
	display:block; clear:both;
	color: #FF6600;
	}

/* Colonne de gauche type sans image */

/* COLONNE DE GAUCHE  */
.common-right-top {
	background:url(/squelettes/images/commonright-top.gif) no-repeat top right;
	float : right;
	width : 245px;
	text-align:center;
	height:23px;
	display:block;
	clear:both;
	}

.common-right {	float : right; width : 245px; text-align:center;margin-top:20px; display:block; clear:both; }
.common-right-content {	background:url(/squelettes/images/commonright-content.gif) repeat-y bottom right; margin-top:23px; display:block; clear:both; }
.common-right-content a{	padding:0; margin:0;  }
.common-right-bottom {	background:url(/squelettes/images/commonright-bottom.gif) no-repeat bottom right; height:23px; display:block; clear:both;  }



.listpost{display:block; clear:both;}
ul li.listearticle  {list-style-type: none; }
.listearticle
 {
	width:500px;
	margin:10px;
	margin-top:5px;
	padding-top:0;
	margin-bottom:15px;
	display:block;
	clear:both;
	color: white;
	text-align:left;
	}
.formInfo a, .formInfo a:active, forminfo a:visited {
	background-color:#400E51 !important;
	color:#FFFFFF;
	float:right;
	font-size:1.3em;
	font-weight:bold;
	margin-left:5px;
	padding:1px 2px;
	text-decoration:none;
}

.clear {
	height:40px;
	margin:0px;
	padding:0px;
	border:0px;
	visibility:hidden;
	clear:both;
}

.flasf-art
{
	z-index:100;
	width:528px;
	margin-top:0px;
	float:left;
	clear:both;
	padding-left:12px;
	background:url(/squelettes/images/bg-image-showroom.png) no-repeat bottom left  ;
}

.libdate  {	background:url(/squelettes/images/puce-date.gif) no-repeat left; float:left; padding-left:20px!important; margin-left:5px; font-size:11px; width:450px !important;   }
.spip_forms legend {	color: white !important; }
.chapeau  {	font-size:13px;display:block; clear:both;   color: #FF9900;padding-top:5px; font-weight:bold;  width:480px; }
.cp-content .chapeau  {	font-size:13px;display:block; clear:both;   color: #FF9900;width:480px; padding-top:5px;padding-left:10px;  font-weight:bold;  }

.liste-lien  {	float:left; display:block;color: #FF9900 !important; clear:both;  }
h3.spip i {border-bottom:1px dotted white !important;   }


.more-ref  ul li img {display:inline; float:left; text-align:left;  margin-bottom:-5px; }
.more-ref  ul li  {margin:0; padding:0; height:15px;  text-align:left;clear:both;  margin-top:300px; }



.roi p  {margin-top:-24px; }


/* style du scroller */

.slider1
{
	width: 12px;
	height: 235px;
	background-color: #400d50;
	position: absolute;	
	z-index : 100 ;
	display : none;	
}
.sliderTop
{
	width: 12px;
	height: 5px;
	/*background-color: #671880;*/
	position: absolute;	
	z-index : 102 ;
	background:url(/squelettes/images/f_haut.gif) ;
	display : none;	
}
.sliderBottom
{
	width: 12px;
	height: 5px;
	/*background-color: #671880;*/
	background:url(/squelettes/images/f_bas.gif)  ;
	position: absolute;	
	z-index : 102 ;
	display : none;	
}
.indicator
{
	width: 12px;	
	margin:0px;
	padding:0px;
	height: 16px;
	background-color: #671880;
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	left:0px;
	z-index : 101 ;
	display : none;
}

.liste-content
{
	position: absolute;
	left:0px;
	top:0px;
}