@charset "UTF-8";
/* CSS Document */

/*------------------------------------------general--------------------------------------------------*/

body{
	background: #fff url(../images/accueil/bg-body.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
a img{
	border: none;
	}
	
a{
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}

h1, h2{
	font-family: "Arial Black", Gadget, sans-serif;
	margin-top:0;
	}
	
h1{
	border-bottom: 2px solid #3C3C53;
	letter-spacing:-1px;
	}
	
h3, h4, h5, h6{
	margin-top:0;
	margin-bottom: 0.5em;
	}
	
h1.list{
	display: list-item;
	list-style: url(../images/news/puce-vert.png) inside;
	}
	
h2.list{
	display: list-item;
	list-style: url(../images/news/puce-bleu.png) inside;
	}
	
.little{
	font-size: 10px;
	}
	
.left{float: left;}
	
.right{float: right;}

.clear{
	clear: both;
	display: block;
	}
	
.colonne10{
	display: table;
	float: left;
	width: 10%;
	}
	
.colonne20{
	display: table;
	float: left;
	width: 25%;
	}
	
.colonne25{
	display: table;
	float: left;
	width: 25%;
	}
	
.colonne33{
	display: table;
	float: left;
	width: 32%;
	}
	
.colonne40{
	display: table;
	float: left;
	width: 40%;
	}
	
.colonne50{
	display: table;
	float: left;
	width: 50%;
	}
	
.colonne60{
	display: table;
	float: left;
	width: 60%;
	}
	
.colonne75{
	display: table;
	float: left;
	width: 75%;
	}
	
.colonne80{
	display: table;
	float: left;
	width: 80%;
	}
	
.ariane{
	clear:both;
	margin:0 40px 5px;
	padding:10px 0 10px 0px;
	width:94%;
	}
	
.ariane a{
	color: #adca27; 
	}
	
.int-sidebar div{
	border-bottom: 1px solid #ccc;
	display: table;
	margin: 10px 0 0 0;
	padding: 0 30px;
	width: 240px;
	}
	
.int-sidebar div.last{
	border: none;
	}
	
.padding20{
	padding: 20px;
	}

hr{
	border: 1px solid #8F8FA1;
	margin-bottom: 20px;
	}
	
.strong{
	font-weight: bold;
	}
	
.red{
	color: #C1001F;
	}
	
/*------------------------------------------layout--------------------------------------------------*/
	
.wrap{
	background: url(../images/accueil/bg-wrap.png) repeat-y;
	margin: auto;
	width: 1010px;
	}
	
.content{
	color: #666681;
	display: table;
	margin: 0 auto;
	width: 1000px;
	}
	
.head{
	background: url(../images/accueil/bg-head.jpg) bottom left no-repeat;
	width: 1000px;
	margin: auto;
	}
	
.head-labo{
	background: url(../images/laboratoire/bg-head-labo.jpg) bottom left no-repeat;
	width: 1000px;
	margin: auto;
	}
	
.head-fdv{
	background: url(../images/laboratoire/bg-head-labo.jpg) bottom left no-repeat;
	width: 1000px;
	margin: auto;
	}
	
.head-fdv{
	background: url(../images/force-vente/bg-head-fdv.jpg) bottom left no-repeat;
	width: 1000px;
	margin: auto;
	}
	
.head-pharma{
	background: url(../images/pharma/bg-head-pharma.png) bottom left no-repeat;
	width: 1000px;
	margin: auto;
	}
	
.head a{
	display: block;
	margin: 0 10px 0 0;
	}
	
.sub-head{
	color: #fff;
	height: 18px;
	margin: 0px 0 12px;
	padding: 2px 0 0 5px;
	width: 995px;
	}
	
.sub-head img{
	float: left;
	margin: 0 5px;
	}
	
.nav{
	background: #1a1a35;
	display: table;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0 5px;
	height: 33px;
	width: 1000px;
	}
	
#main{
	border-right: 1px solid #CCCCCC;
	float: left;
	min-height: 800px;
	width: 698px;
	}

#main .ariane{
	margin-left: 0;
	margin-right: 0;
	}
	
#sidebar{
	float: left;
	width: 300px;
	}
	
#sidebar h4, #home h4{
	color: #fff;
	background: #3C3C53;
	font-size: 1.5em;
	padding:5px 0 0 20px;
	}
	
#sidebar h4 img{
	margin: -2px 10px 0 0;
	}
	
#sidebar select{
	float:left;
	margin:0 45px;
	width:150px;
	}
	
#sidebar h4.bg{
	background: url(../images/news/bg-newsletter.png) top left repeat-y;
	}
	
#sidebar input{
	border: 1px solid #ccc;
	float: left;
	margin: 0 10px 20px; 
	}
	
#sidebar span, #home span{
	display: block;
	float: left;
	}
	
#sidebar span.indic, span.indic{
	background:transparent url(../images/laboratoire/bg-indicateur.png) no-repeat scroll center top;
	color:#FFFFFF;
	clear:both;
	font-size:16px;
	font-weight:bold;
	height:36px;
	margin:0 10px 0 0;
	padding:10px 0 0 15px;
	width:67px;
	}
	
/*------------------------------------------menu--------------------------------------------------*/
	
.nav input{
	width: 120px;
	}
	
.nav ul{
	list-style: none;
	list-style-position: inside;
	margin: 0; 
	padding: 0;
	width: 1000px;
	}
	
.nav ul li{
	float: left;
	}
	
.nav ul li.open:hover div.ss-menu {
	display: block;
	}
	
.nav .ss-menu{
	position: absolute;
	display: none;
	z-index:1000;
	}
	
.nav div.ss-menu {
	background: #1a1a35;
	left: 50%;
	list-style: none;
	margin: -4px 0 0 -500px;
	width:1000px;
	}
	
.nav div.ss-menu li{
	clear: both;
	margin: 5px 0;
	padding: 0 10px;
	}	
	
.nav div.ss-menu  li a{
	color: #FFF;
	font-size: 12px;
	}
.nav div.ss-menu  li a:hover{
	text-decoration: none;
	color: #adca27;
	}	
	
.nav div.ss-menu ul{
	display:table;
	float:left;
	margin:0 10px 0 0;
	width:230px;
	}
	
.menu-left img{
	margin: 10px 50px 30px;
	}
	
.item2 .menu-right{
	background: url(../images/accueil/right-menu.png) bottom right no-repeat;
	height: 150px;
	}

.item2 .menu-left{
	background: url(../images/accueil/left-menu.png) bottom left no-repeat;
	height: 150px;
	}

.item3 .menu-right{
	background: url(../images/accueil/right-menu.png) bottom right no-repeat;
	height: 220px;
	}

.item3 .menu-left{
	background: url(../images/accueil/left-menu.png) bottom left no-repeat;
	height: 220px;
	}
	
li.item1{
	width: 81px;
	}
	
li.item2{
	width: 123px;
	}
	
li.item3{
	width: 97px;
	}
	
li.item4{
	width: 85px;
	}
	
li.item5{
	width: 164px;
	}
	
li.item6{
	width: 152px;
	}
	
li.item7{
	width: 123px;
	}
	
/*------------------------------------------#accueil--------------------------------------------------*/
	
.graph_flash{
	background: url(../images/accueil/graph.png) top center no-repeat;
	margin: 0 auto;
	height: 436px;
	width: 921px;
	}
	
#home .conteneurbloc{
	width:921px;
	margin:auto;
	}
	
#home .colonne33{
	border:1px solid #CCCCCC;
	height:400px;
	margin-left: 1%;
	width: 32%;
	min-height:316px;
	}

#home .colonne33 .video {
	margin:5px 0 0;
	text-align:center;
}

#home .colonne33 .indicateurs {
	padding: 0px 15px 0 15px;
	min-height:50px;
}

#home .colonne33 .actus {
	width:267px;
	float:left;
	padding: 35px 0 0 20px;
}
#home #indicateur h4{height:35px;
padding:7px 0 0 20px;}

#home #indicateur p{
	margin: 20px 0;
	}

#home .colonne33 .actus a {
	color:#adca27;
	text-decoration:none;
	}

#home .colonne33 .exploitant {
	text-align:center;
	padding-bottom:20px;
	padding-top:10px;
}
	
#home .colonne33 .indicateur p{
	display:table;
	padding:0;
	width:90%;
	}
	
.home .colonne33 .indicateur{
	padding: 0;
	width: 300px;
	}
	
#home .colonne33 h4 img{
	margin: 0px 10px -8px 0;
	}
	
#home h4{
	font-size:19px;
	line-height:28px;
	}
	
/*------------------------------------------footer--------------------------------------------------*/
	
.footer{
	margin: 0 auto;
	width: 1000px;
	}

.sub-footer{
	background: #D7D7E1;
	color: #666681;
	padding: 20px;
	}

.sub-footer a{
	color: #666681;
	}
	
.liens-direct{
	background: url(../images/accueil/sub-head.png) top left no-repeat;
	color: #fff;
	padding: 2px 0 0 0;
	height: 18px;
	text-align: center;
	}
	
.liens-direct a{
	color: #fff;
	border-right: 2px solid #666681;
	padding: 0 5px;
	}
	
.under-footer{
	background: url(../images/accueil/bg-footer.jpg) top left repeat-x;
	display: table;
	padding: 20px 0 0;
	width: 100%;
	}

.under-footer img{
	padding: 20px;
	}
	
.under-footer ul{
	color: #666681;
	padding: 0;
	list-style: none;
	}
	
.under-footer ul li a{
	color: #666681;
	}
	
.under-footer .colonne25 ul{
	margin: 0 10px;
	background: url(../images/accueil/separ.png) top right no-repeat;
	}
	
#site, #site a{
	color: #1a1a35;
	}
	
#site li{
	margin: 10px 0;
	}
	
ul#site{
	margin: 0 0 0 50px;
	}
	
/*------------------------------------------#news--------------------------------------------------*/

#news{
	display: block;
	color: #666681;
	}
	
#news .ariane{
	margin-left: 40px;
	margin-right: 0;
	}
	
#news h1{
	border-bottom: 2px solid #3C3C53;
	padding: 0 0 0 40px;
	width: 94%;
	}
	
#news h3{
	color: #adca27;
	}
	
#news h2{
	color: #3C3C53;
	}
	
.article{
	border-bottom: 1px solid #8F8FA1;
	margin: 20px 40px 40px;
	}
	
.article img{
	border: 1px solid #ccc;
	margin: 0 15px 5px 0;
	max-width:240px;
	}

.article a{
	color:#adca27;
}

#news ul{
	list-style: inside;
	}
	#news ul li{
		margin: 10px 0;	
		}
	
/*------------------------------------------#qui sommes nous--------------------------------------------------*/
	
.schema{
	background: url(../images/qui-sommes-nous/schema-qui-sommes-nous.jpg) top left no-repeat;
	height: 460px;
	margin: 0 auto 40px;
	width: 894px;
	}
	
.liens-eurodep{
	height:33px;
	left:108px;
	position:relative;
	top:32px;
	width:168px;
	}
	
.liens-astera{
	height:26px;
	left:353px;
	position:relative;
	top:63px;
	width:106px;
	}
	
#qui-sommes-nous{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#qui-sommes-nous .ariane{
	margin-left: 0;
	margin-right: 0;
	}
	
#qui-sommes-nous blockquote{
	text-align: center; 
	}
	
.maitrise{
	margin: 20px 0 40px;
	}
	
#qui-sommes-nous img.left{
	border: 1px solid #ccc;
	margin: 0 15px 5px 0;
	}
	
#qui-sommes-nous .colonne50{margin: 20px 0;}

#qui-sommes-nous a.clear{
	text-align: right;
	color: #000; 
	}

#qui-sommes-nous #visitesite{
	text-align: center;
	color: #000;
	background-color:#adca27;
	}

/*---------------------------------------#circuits distribution----------------------------------------------*/
		
#circuits{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#circuits .ariane{
	margin-left: 0;
	margin-right: 0;
	}
	
#circuits blockquote{
	text-align: center; 
	}
	
#circuits img.left{
	border: 1px solid #ccc;
	margin: 0 15px 5px 0;
	}
	
#circuits .colonne50{margin: 20px 0;}

#circuits a.clear{
	text-align: right;
	color: #000; 
	}

#circuits #visitesite{
	text-align: center;
	color: #000;
	background-color:#adca27;
	}
	
/*---------------------------------------#missions----------------------------------------------*/
		
#missions{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#missions .ariane{
	margin-left: 0;
	margin-right: 0;
	}
	
#missions blockquote{
	text-align: center; 
	}
	
#missions img.left{
	border: 1px solid #ccc;
	margin: 0 15px 5px 0;
	}
	
#missions .colonne50{margin: 20px 0;}

#missions a.clear{
	text-align: right;
	color: #000; 
	}

#missions #visitesite{
	text-align: center;
	color: #000;
	background-color:#adca27;
	}

/*------------------------------------------#presse--------------------------------------------------*/
	
#presse{
	color: #666681; 
	padding: 0 30px 20px 30px;
	width: 840px;
	}
	
#presse blockquote{
	text-align: center; 
	}
	
#presse img.left{
	border: 0px solid #ccc;
	margin: 0 15px 5px 0;
	max-width:100px;
	}
	
#presse .colonne50{margin: 20px 0;}

#presse ul li a{
	color: #666681; 
	}
	
#presse ul li{
	list-style:none;
	min-height:70px;
	float: left;
	margin:0 5px;
	min-height:70px;
	padding-bottom:10px;
	max-width:150px;
	}
	
#presse ul li img{
	max-width: 150px;
	max-height: 210px;
	}
	
#presse ul{
	display: table;
	margin: 0;
	padding: 0;
	}

/*------------------------------------------#partenaires--------------------------------------------------*/
	
.schema{
	background: url(../images/qui-sommes-nous/schema-qui-sommes-nous.jpg) top left no-repeat;
	height: 460px;
	margin: 0 auto 40px;
	width: 894px;
	}
	
/*.liens-eurodep{
	height:33px;
	left:575px;
	position:relative;
	top:17px;
	width:168px;
	}
	
.liens-astera{
	height:26px;
	left:368px;
	position:relative;
	top:52px;
	width:106px;
	}*/
	
#partenaires{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#partenaires blockquote{
	text-align: center; 
	}
	
#partenaires img.left{
	border: 0px solid #ccc;
	margin: 0 15px 5px 0;
	max-width:100px;
	}
	
#partenaires .colonne50{margin: 20px 0;}

#partenaires ul li a{
	color: #666681; 
	}
	
#partenaires ul li{
	list-style:none;
	min-height:70px;
	padding-bottom:10px;
	border-bottom: 1px solid #ccc;
}
		

/*------------------------------------------#historique--------------------------------------------------*/

#historique{
	color: #666681;
	}
	
#historique #main{
	padding: 0 30px 20px 30px;
	width: 638px;
	min-height:800px;
	}
	
#historique ol{
	list-style: none;
	}
	
#historique ol li{
	clear: both;
	display: table;
	margin: 20px 0;
	}

#historique ol li span.date{
	background: #adca27;
	color: #fff;
	display: block;
	font-size: 1.5em;
	float: left;
	margin: -6px 0 5px;
	padding: 1px 5px 0;
	}
	
#historique ol li ul{
	border: 1px solid #adca27;
	margin: -6px 0 0;
	padding: 40px;
	width: 515px;
	}
	
#historique ol li ul li{
	margin: 5px 0;
	}
	
#historique ol li ul li img{
	margin: 0;
	}
	
/*------------------------------------------#mentions--------------------------------------------------*/

#mentions{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
/*------------------------------------------#plan--------------------------------------------------*/

#plan{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#plan ul{
	list-style: none;
	}
	
#plan ul li{
	clear: both;
	display: table;
	margin: 5px 0;
	}

#plan ul li a{
	color: #666681;
	display: block;
	float: left;
	margin: -4px 0 0;
	}
	
#plan ul li ul{
	float: left;
	margin: -6px 0 0;
	padding: 0; 
	}
	
#plan ul li ul li{
	margin: 5px 0;
	}
	
/*------------------------------------------#contact--------------------------------------------------*/

#contact{
	padding: 0 40px;
	margin-bottom: 20px;
	width: 820px;
	}
	
#contact ul{
	/*list-style: none;*/
	}
	
#contact ul li{
	clear: both;
	margin: 5px 0;
	}

#contact ul li a{
	color: #666681;
	}
	
#contact ul li ul{
	padding: 0; 
	}
	
#contact ul li ul li{
	margin: 5px 0;
	}
	
/*------------------------------------------#aujourdhui--------------------------------------------------*/

#aujourdhui{
	color: #666681;
	display: block;
	}
	#aujourdhui #flashcontent{margin:10px auto;
							padding:0 0 10px;}
	
#aujourdhui #main{
	padding: 0 30px 20px 30px;
	width: 638px;
	min-height:800px;
	}
	
#aujourdhui ol{
	list-style: none;
	}
	
#aujourdhui ol li{
	clear: both;
	display: table;
	margin: 5px 0;
	}

#aujourdhui ol li span.date{
	color: #adca27;
	display: block;
	font-size: 1.5em;
	float: left;
	margin: -4px 0 0;
	width: 60px;
	}
	
#aujourdhui ol li ul{
	float: left;
	margin: -6px 0 0;
	padding: 0; 
	}
	
#aujourdhui ol li ul li{
	margin: 5px 0;
	}

#aujourdhui #main h3{
	color: #adca27;
	font-size:16px;
	}

/*------------------------------------------#ressources humaines--------------------------------------------------*/

/* root element for tabs  */
ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url(../images/ressources-humaines/blue.png) no-repeat -420px 0;
	color: #000;
	display:block;
	font-size:11px;
	height:20px;
	line-height:14px;
	margin:0;
	padding:10px 0 0;
	position:relative;
	text-align:center;
	text-decoration:none;
	top:1px;
	width:134px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }

/* width 3 */
ul.tabs a.xl{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover { background-position: 0 -31px; }
ul.tabs a.xl.current{ background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane{
	display:none;		
}

#ressources-humaines div.wrap{
	background: none;
	width:900px;
	margin-bottom:40px;
}

#ressources-humaines .wrap .pane {	
	display:none;		
	padding:20px;
	border:1px solid #999;
	border-top:0;
	_background-image:none;
}

.pane img, .pane img.left{
	border: 2px solid #CCCCCC;
	margin: 0 15px 10px 0;
	}
	
.pane .colonne60{
	margin: 0 50px;
	}
	
#ressources-humaines .cont{
	clear: both;
	display: table;
	border-bottom: 1px solid #ccc;
	margin: 0 0 20px 0;
	}
	
#ressources-humaines ul{
	list-style: none;
	}
	
#ressources-humaines .pane ul li{
	border-bottom: 1px solid #ccc;
	display: table;
	margin: 0 80px 20px; 
	width: 70%;
	}
	
.subMenu{
	display: none;
	}
	
#ressources-humaines .pane a{color: #adca27;}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/ressources-humaines/close.png);
	background-repeat:no-repeat;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:-19px;
	top:-21px;
	width:35px;
}

/*------------------------------------------#optimales--------------------------------------------------*/

#optimales{
	color: #666681;
	}
	
#optimales h1{
	border-bottom: 2px solid #3C3C53;
	padding: 0 0 0 0px;
	width: 94%;
	}
	
#optimales h3{
	color: #adca27;
	}
	
#optimales h2{
	color: #3C3C53;
	font-size:16px;
	}
	
#optimales #main img.left{
	margin: 0 15px 0 0;
	max-width:270px;
	}
	
#optimales #main{
	padding: 0 30px 20px 30px;
	width: 638px;
	min-height:800px;
	}
	
	
#optimales span h1{
	display: list-item;
	list-style: url(../images/news/puce-vert.png) inside;
	}
	
/*------------------------------------------#point forts--------------------------------------------------*/
#force #main{
	border-right:1px solid #CCCCCC;
	float:left;
	min-height:550px;
	padding:0 30px 20px;
	width:638px;	
	}
	
#force h2{
	color:#3C3C53;
	font-size:16px;
	}

/* everything is constructed with a single background image */
#flowpanes h3{
	font-size:14px;
	margin:2px 0;
	padding:0 0 0 20px;
	text-align:left;
	}
/* root element for tabs */
ul#flowtabs {
	
	/* dimensions */
	width:638px;
	height:31px !important;
	margin:0 auto 70px !important; 
	padding:0;	
	border:none;
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
ul#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
	width: 105px; 
	clear:none;
	border: 0;
}

/* a- tag inside single tab */
ul#flowtabs li a {
	background: #06f;
	display:block;
	height: 47px;   
	width: 105px; 	
	padding:0px;
	margin:0px;
	border: 0;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

#flowtabs li a img{
	border:1px solid black;
	height:44px;
	padding:1px;
	width:102px;
	margin: 0;
	}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background: url(../images/point-forts/item1.png) 0 0 no-repeat; }
#flowtabs #t2 			{ background: url(../images/point-forts/item6.png) 0 0 no-repeat; }
#flowtabs #t3 			{ background: url(../images/point-forts/item3.png) 0 0 no-repeat; }
#flowtabs #t4 			{ background: url(../images/point-forts/item5.png) 0 0 no-repeat; }
#flowtabs #t5			{ background: url(../images/point-forts/item2.png) 0 0 no-repeat; }
#flowtabs #t6 			{ background: url(../images/point-forts/item4.png) 0 0 no-repeat; }
 
#flowtabs #t1:hover 	{ background: url(../images/point-forts/item1.png) 0 -46px no-repeat; }
#flowtabs #t2:hover 	{ background: url(../images/point-forts/item6.png) 0 -46px no-repeat; }
#flowtabs #t3:hover 	{ background: url(../images/point-forts/item3.png) 0 -46px no-repeat; }
#flowtabs #t4:hover 	{ background: url(../images/point-forts/item5.png) 0 -46px no-repeat; }
#flowtabs #t5:hover 	{ background: url(../images/point-forts/item2.png) 0 -46px no-repeat; }
#flowtabs #t6:hover 	{ background: url(../images/point-forts/item4.png) 0 -46px no-repeat; }

#flowtabs #t1.current 	{ background: url(../images/point-forts/item1.png) 0 -46px no-repeat; }
#flowtabs #t2.current 	{ background: url(../images/point-forts/item6.png) 0 -46px no-repeat; }
#flowtabs #t3.current 	{ background: url(../images/point-forts/item3.png) 0 -46px no-repeat; }
#flowtabs #t4.current 	{ background: url(../images/point-forts/item5.png) 0 -46px no-repeat; }
#flowtabs #t5.current 	{ background: url(../images/point-forts/item2.png) 0 -46px no-repeat; }
#flowtabs #t6.current 	{ background: url(../images/point-forts/item4.png) 0 -46px no-repeat; }


/* panes */
#flowpanes {
	background: url(../images/point-forts/bg-scroll.jpg) top left repeat-x;	
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	height:270px;
	margin:0 30px 0 0;
	width:629px;
}


/* single pane */
#flowpanes div {
	display:none;	
	margin:10px 38px;
}

#flowpanes div.narrow {
	padding-right:140px;		
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:608px;
	cursor:pointer;
	font-size:14px;
}

#flowpanes div img{float:right; margin:0 20px 20px 0;}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

#demotip {
	display:none;
	background:transparent url(../images/point-forts/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}

/* style the trigger elements */
#demo img {
	border:0;
	cursor:pointer;
	margin:0 8px;
}

#points-forts h1{
	border: none;
	padding-left: 40px;
	}
	
#points-forts h2{color: #1a1a35;margin-bottom: 5px;}

#points-forts p{
	padding: 0 40px;
	}
	
/*------------------------------------------#plus-eurodep--------------------------------------------------*/
/* the overlayed element */
.simple_overlay {
	-moz-box-shadow:0 0 90px 5px #000000;
	background-color:#333333;
	border:1px solid #666666;
	display:none;
	min-height:400px;
	width:550px;
	z-index:10000;
}

div#triggers{
	margin: 0;
	width: 300px;
	}div#triggers div{
		margin: 0;	
		}
	div#triggers a{
		display: list-item;
		cursor: pointer;
		}

	
#plus-eurodep h3{padding: 0 0 0 20px;}
	
#plus-eurodep .ariane{
	margin: 0;
	}
	
#plus-eurodep ul{
	background:#FFFFFF url(../images/plus/bg-ul.jpg) repeat-x scroll center top;
	border:1px solid;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0 20px;
	padding:5px;
	clear: both;
	font-size: 12px;
	}
	

#distribution, #aide, #accompagnement{
	background:#FFFFFF none repeat scroll 0 0;
	color:#333333;
	height:335px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding-top:20px;
	} 
		
#distribution li, #aide li, #accompagnement li{
	clear: both;
	}
#distribution li img, #aide li img, #accompagnement li img{
	float:none;
	margin:19px 5px -9px 0;
	}

/*#aide li{
	height:118px;
	margin:1px 0 1px 7px;
	width: 18%;
	}
		 
#accompagnement li{
	height:43px;
	margin:1px 0 1px 5px;
	width:185px;
	}*/
	
#plus-eurodep ul li{
	border:1px solid #CCCCCC;
	background: #fff;
	padding:15px 0 3px 5px;
	float: left;
	}
	
#plus-eurodep ul li img{
	float:left;
	margin:-15px 9px -1px 0;
	}

#plus-eurodep ul li a{
	color: #666681;
	display: block;
	float: left;
	margin: -4px 0 0;
	}
	
#plus-eurodep ul li ul{
	float: left;
	margin: -6px 0 0;
	padding: 0; 
	}
	
#plus-eurodep ul li ul li{
	margin: 5px 0;
	}
	
/*------------------------------------------#contact--------------------------------------------------*/

#contact .mail{
	border:2px solid #ADCA27;
	padding: 5px;
	display:inline-block;
	}
	
#contact hr{
	clear: both;
	float: left;
	width: 90%;
	}
	
#contact .bloc-liens{
	border:1px dashed #CCCCCC;
	display:table;
	height:45px;
	padding:10px;
	width:800px;
	}
	
#contact .bord{
	border:1px dashed #CCCCCC;
	margin:0 0 0 60px;
	padding:10px;
	list-style: none;
	}
	
#contact .retrait{
	margin:0 0 0 60px;
	}
	
#contact .bloc-liens a{
	color:#333333;
	display:block;
	float:left;
	text-align:center;
	width:33%;
	}
	
#contact .bloc-liens a img{
	margin:-18px 0 -19px;
	}
	
#contact a{
	color: #ADCA27;
	}
	
#contact .ariane{
	margin: 0;
	}
	
/*------------------------------------------#exploitant--------------------------------------------------*/

#exploitant img{
	margin: 0 15px 20px 0;
	}

#exploitant .ariane{
	margin-left: 40px;
	margin-right: 0;
	}
	
#exploitant h1{
	border-bottom:2px solid #3C3C53;
	margin:0 0 20px 40px;
	width:94%;
	}
	
#exploitant p{
	margin:0 0 20px 40px;
	}
	
/*------------------------------------------#rejoindre--------------------------------------------------*/
#rejoindre #main{
	border: none;
	float:left;
	min-height:200px;
	padding:0 0 0 40px;
	width:659px;
	}
	
#rejoindre #sidebar{
	border-left:1px solid #CCCCCC;
	float:left;
	height:763px;
	width:300px;
	}
	
#rejoindre #flashcontent{
	position:relative;
	text-align:center;
	width:100%;}
	
#rejoindre ul{
	list-style: none;
	}
	
#rejoindre ul li{
	clear: both;
	display: table;
	margin: 5px 0;
	padding: 0 30px;
	}
	
#rejoindre ul li ul li{
	margin: 5px 0;
	}
	
#rejoindre a{
	color: #ADCA27;
	}
	
/*------------------------------------------#laboratoire--------------------------------------------------*/

#laboratoire #main{
	min-height: 897px;
	}

#laboratoire h1{
	margin: 0 0 20px 40px;
	}
	
.LoginError{
	color:#FF0000;
	text-align:center;
	}

#laboratoire h1.list{
	display:list-item;
	list-style-image:url(../images/pharma/puce-pharma.png);
	}
	
/*#laboratoire #main{
	border: none;
	}
	
#laboratoire #sidebar{
	border-left: 1px solid #ccc;
	}*/
	
#laboratoire .ariane a{
	color: #09F;
	padding: 0 0 0 40px;
	}
	
#laboratoire .connexion{
	background:transparent url(../images/pharma/bg-form.png) no-repeat scroll center top;
	height:26px;
	margin:10px auto;
	padding:5px 10px 5px 150px;
	width:450px;
	}
	
#laboratoire label{
	color: #fff;
	}

#laboratoire input{
	border: 1px solid #ccc;
	width: 135px;
	}
	
#laboratoire input[type="submit"]{
	background-image:url(../images/accueil/ok.jpg);
	height:24px;
	width:28px;	
	color: #FFFFFF;
	}
	
#laboratoire .graph_flash{
	background: url(../images/laboratoire/graph.png) top center no-repeat;
	margin: 0 auto 30px;
	height: 288px;
	width: 608px;
	}
	
#laboratoire a{
	color: #063; 
	}
	
#laboratoire p{
	padding: 0 0 0 40px;
	}
	
#laboratoire #sidebar p{
	padding: 0 0 0 20px;
	}
	
#laboratoire #sidebar .indicateur p{
	display:table;
	padding:0;
	width:90%;
	}
	
.int-sidebar div.indicateur{
	padding:0 10px;
	width:280px;
	}
	
#laboratoire #sidebar h4 img{
	margin: 0px 10px -8px 0;
	}
	
#laboratoire #sidebar h4{
	font-size:19px;
	line-height:28px;
	}
	
/*------------------------------------------#force de vente--------------------------------------------------*/

#force-de-vente #main{
	min-height: 897px;
	}

#force-de-vente h1{
	margin: 0 0 20px 40px;
	}
	
#force-de-vente h1.list{
	display:list-item;
	list-style-image:url(../images/force-vente/puce-labo.png);
	}
		
#force-de-vente .ariane a{
	color: #F90;
	padding: 0 0 0 40px;
	}
	
#force-de-vente .connexion{
	background:transparent url(../images/force-vente/bg-form.png) no-repeat scroll center top;
	height:26px;
	margin:10px auto;
	padding:5px 10px 5px 150px;
	width:450px;
	}
	
#force-de-vente a{
	color: #F90; 
	}
	
#force-de-vente p{
	padding: 0 0 0 40px;
	}
	
#force-de-vente label{
	color: #fff;
	}

#force-de-vente input{
	border: 1px solid #ccc;
	width: 135px;
	}
	
	#force-de-vente input[type="submit"]{
		background-image:url(../images/accueil/ok.jpg);
		height:24px;
		width:28px;
		color: #FFFFFF;
		}
	
#force-de-vente .graph_flash{
	background: url(../images/laboratoire/graph.png) top center no-repeat;
	margin: 0 auto 30px;
	height: 288px;
	width: 608px;
	}
	
#force-de-vente #sidebar p{
	padding: 0 20px;
	}
	
#force-de-vente #sidebar .indicateur p{
	display:table;
	padding:0;
	width:90%;
	}
	
#force-de-vente #sidebar h4 img{
	margin: 0px 10px -8px 0;
	}
	
#force-de-vente #sidebar h4{
	font-size:19px;
	line-height:28px;
	}
	
/*------------------------------------------#pharmacie--------------------------------------------------*/
#pharmacie #main{
	min-height: 580px;
	}
	
#pharmacie h1{
	margin: 0 0 20px 40px;
	}
	
#pharmacie h1.list{
	display:list-item;
	list-style-image:url(../images/laboratoire/puce-labo.png);
	}
		
#pharmacie .ariane a{
	color: #063;
	padding: 0 0 0 40px;
	}
	
#pharmacie a{
	color: #09F;
	}
	
#pharmacie p{
	padding: 0 0 0 40px;
	}
	
#pharmacie .connexion{
	background:transparent url(../images/laboratoire/bg-form.png) no-repeat scroll center top;
	height:26px;
	margin:10px auto;
	padding:5px 10px 5px 150px;
	width:450px;
	}
	
#pharmacie label{
	color: #fff;
	}

#pharmacie input{
	border: 1px solid #ccc;
	width: 135px;
	}
	
#pharmacie input[type="submit"]{
	background-image:url(../images/accueil/ok.jpg);
	height:24px;
	width:28px;
	color: #FFFFFF;
	}

#pharmacie .graph_flash{
	background: url(../images/laboratoire/graph.png) top center no-repeat;
	margin: 0 auto 30px;
	height: 288px;
	width: 608px;
	}
	
#pharmacie #sidebar p{
	padding: 0 20px;
	}
	
#pharmacie #sidebar .indicateur p{
	display:table;
	padding:0;
	width:90%;
	}
	
#pharmacie #sidebar h4 img{
	margin: 0px 10px -8px 0;
	}
	
#pharmacie #sidebar h4{
	font-size:19px;
	line-height:28px;
	}
	
.navigation{padding: 10px 0;}
	
p.navigation a{
	background:#3C3C5C none repeat scroll 0 0;
	border:1px solid #000000;
	color:#FFFFFF;
	margin:0 5px;
	padding:5px;
	}
	
div#actus h4{
	background: url(../images/accueil/bg-actus.jpg) top center no-repeat;
	}
	
div#actus{height: 400px;}
	
.portrait{
	float: left;
	margin: 0 5px 5px 0;
	}
	
#nouveau-laboratoire #main, #nouveau-pharmacie #main, #nouveau-force-de-vente #main{
	padding: 0 30px 20px 30px;
	width: 638px;
	min-height:603px;
	}
	
	#nouveau-laboratoire input, #nouveau-pharmacie #main input, #nouveau-force-de-vente #main input{
		border:1px solid #CCCCCC;
		float:right;
		margin-right:380px;
		}
	#nouveau-laboratoire label, #nouveau-pharmacie #main label, #nouveau-force-de-vente #main label{
		clear: both;
		display:block;
		}
		
#question a{
	border: 1px solid #9C0;
	display: inline-block;
	margin: 5px 0;
	padding: 5px;
	color: #333;
	}
	
#qui-sommes-nous #flashcontent{
	margin: 0 10px 0 0;
	text-align: center;
	}
	
#home #video{
	border:medium none;
	font-size:10px;
	line-height:11px;
	text-align:center;
	}
	
#telecharger {
	margin-bottom:-12px;
	}
	
	
.pub-conquete {
	background-image: url(../images/accueil/back-pub.jpg);
	background-repeat: no-repeat;
	height: 46px;
	background-color: #FFFFFF;
	width: 1000px;
	margin: auto;
	-moz-border-radius: 05px;
	-webkit-border-radius: 05px;
	font-size: 16px;
	margin-bottom: 5px;
}

.pub-conquete span {
	float: left;
	vertical-align: middle;
	line-height: 50px;
	padding-left: 05px;
	color:#9abc22;
}

.pub-conquete img {
	padding-top: 0px;
	padding-left: 150px;
	float: left;
	padding-right: 20px;
}

.textpresse{
	width:123px;
	margin:0 5px 20px 21px;
	text-align:center;
	float:left;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
     .demowrap {
     	width: 900px;
     }
     .scrollable {
     	width: 700px;
     	float: left;
     }
     .textpresse {
     	margin-left: 10px;	
     }
     .demowrap a.right {
     	float: left;	
     }
     
     
}