/* CSS Document */
html{/*height: 100%;*/}
body{padding:0px; margin:0px; /*height: 100%;*/ background:url(images/main-bg3.gif) 0 0 repeat-x #565656; color:#fff; font:13px/19px Tahoma,Geneva,Kalimati,sans-serif; text-align : justify}
div, p, ul, h2, h3, h4, h5, img{padding:0px; margin:0px;}
ul{list-style-type:none}

/*----TOP PANEL----*/
#topPan{width:778px; height:65px; background:url(images/topbg3.jpg) 0 0 no-repeat; color:#828282; position:relative; margin-left: 265px;}
#topPan img.logo{width:100px; height:100px; position:absolute; top:2px; left:70px;}
#topPan p.caption{
width:500px;
 background:#fff; 
 color:#828282; 
 margin-left: 150px;
 padding-top:15px;
 /*position:absolute; 
 top:43px; 
 left:235px;*/
 }
#topcontactPan{width:181px; height:36px; background:url(images/icon1.jpg) 68px 0px no-repeat; position:absolute; top:11px; left:567px; padding:7px 0 0;}

#topcontactPan p.callus{width:63px; height:17px; display:block; background:#DDC40C; color:#fff; font:14px/17px Tahoma,Geneva,Kalimati,sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.tollfree{width:63px; height:20px; display:block; background:#fff; color:#A99607; font:11px/20px Tahoma,Geneva,Kalimati,sans-serif; font-weight:bold; text-transform:uppercase; text-align:center;}
#topcontactPan p.phoneno{width:88px; height:28px; display:block; position:absolute; top:7px; left:91px; background:#fff; color:#00473E; border:1px solid #A2C1C0; font-size:11px; line-height:14px; text-align:center;}
/*----/TOP PANEL----*/

/*----HEADER PANEL----*/
#headerPan{width:686px; height:157px; background:url(images/header.png) 0 0 no-repeat; position:relative; margin-left: 200px; padding:7px 0 0 92px;}

#headerPan ul.leftmenu{width:150px;}
#headerPan ul.leftmenu li{width:150px; height:22px; /*border-bottom:1px dashed #AECCCA;*/}
#headerPan ul.leftmenu li a{width:150px; height:22px; display:block; /*background:url(images/bullet-normal.gif) 0 7px no-repeat;*/ color:#fff; line-height:22px; text-decoration:none; padding:0 0 0 5px;}
/*#headerPan ul.leftmenu li a:hover{background:url(images/bullet-hover.gif) 0 7px no-repeat; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}*/
#headerPan ul.leftmenu li.Solutions{width:72px; height:22px; display:block; background:url(images/bullet-hover.gif) 0 7px no-repeat #565656; color:#305E5C; line-height:22px; text-decoration:none; padding:0 0 0 15px;}
#headerPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}

#headerPan ul.botton{width:150px; height:45px; position:absolute; top:118px; left:250px;}
#headerPan ul.botton li{float:left; height:45px;}
#headerPan ul.botton li.home a{width:42px; height:45px; display:block; background:url(images/home-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
/*#headerPan ul.botton li.home a:hover{background:url(images/home-hover.gif) 0 0 no-repeat;}*/

#headerPan ul.botton li.aboutus a{width:42px; height:45px; display:block; background:url(images/aboutus-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0 12px 0 0;}
/*#headerPan ul.botton li.aboutus a:hover{background:url(images/aboutus-hover.gif) 0 0 no-repeat;}*/

#headerPan ul.botton li.contact a{width:42px; height:45px; display:block; background:url(images/contact-normal.gif) 0 0 no-repeat; text-indent:-200000px; margin:0px;}
/*#headerPan ul.botton li.contact a:hover{background:url(images/contact-hover.gif) 0 0 no-repeat;}*/
/*----/HEADER PANEL----*/

/*----BODY PANEL----*/
#bodyPan{background:url(images/bodybg2.gif) 0 0 no-repeat #565656; margin-left: 199px; padding:0px 200px 0 20px;}
#bodyPan ul.leftmenu{width:150px; margin-left: 60px;}
#bodyPan ul.leftmenu li{width:150px; height:22px; /*border-bottom:1px dashed #AECCCA;*/}
#bodyPan ul.leftmenu li a{width:150px; height:22px; display:block; /*background:url(images/bullet-normal.gif) 0 7px no-repeat;*/ color:#fff; line-height:22px; text-decoration:none; padding:0 0 0 30px;}
#bodyPan ul.leftmenu li.clients{width:87px; height:22px; border-bottom:none;}
                                                                                                  
/*----Body Left Panel----*/
#leftPan{width:114px; float:left;/*background:url(images/leftbg.jpg) 0 0 no-repeat;*/}

#leftPan h2{width:114px; height:34px; background:#565656; color:#5F7A77; font-size:18px; line-height:34px;}

/*#leftPan ul{width:114px;}
#leftPan ul li{width:114px; height:24px;}
#leftPan ul li a{width:102px; height:24px; display:block; background:url(images/bullet2-normal.gif) 0 10px no-repeat; color:#5F7A77; text-decoration:none; line-height:24px; padding:0 0 0 12px;}
#leftPan ul li a:hover{background:url(images/bullet2-hover.gif) 0 10px no-repeat #a6b3c3; color:#5F7A77; text-decoration:none;}
#leftPan ul li span{text-decoration:underline;}*/
/*----/Body Left Panel----*/
/*----Body Right Panel----*/
#rightPan{width: 650px; float:left; border-left:1px solid #8aa7c9; margin:0px 0 0; padding:0 30px;}
#rightPan2{width: 32px; float:right; border-left:1px solid #8aa7c9; margin:0px 0 0; padding:0 30px;}
#rightPan p{padding:0 0 10px 0;}
#rightPan p.more{width:502px; height:25px; float:left; background:url(images/sky-color-bg.gif) 0 10px repeat-x; padding:0 0 20px 0;}
#rightPan p.more a{width:92px; height:21px; display:block; background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#958201; line-height:21px; text-transform:uppercase; text-decoration:none; margin:0 0 0 328px; padding:4px 0 0 50px;}
#rightPan p.more a:hover{background:url(images/icon2.jpg) 0 0 no-repeat #fff; color:#645804; text-decoration:none;}

#rightPan h2{width:96px; height:77px; float:left; display:block; background:url(images/icon3.jpg) 8px 38px no-repeat #B1DED5; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px; margin:0 0 5px 0;}

#rightPan ul.services{width:137px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.services li.captionone{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.services li{width:137px; height:20px;}
#rightPan ul.services li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.services li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan ul.servicestwo{width:137px; height:114px; float:left; border-bottom:1px solid #B1DED5; border-top:1px solid #B1DED5;  border-right:1px solid #B1DED5;background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.servicestwo li.captiontwo{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:underline;}

#rightPan ul.servicestwo li{width:137px; height:20px;}
#rightPan ul.servicestwo li a{width:125px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.servicestwo li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:none;}

#rightPan h4{width:96px; height:77px; float:left; display:block; background:url(images/icon4.jpg) 8px 38px no-repeat #DFD79C; color:#fff; font-size:16px; font-weight:bold; line-height:18px; text-transform:uppercase; padding:46px 0 0 75px;  margin:0 0 5px 0;}

#rightPan ul.events{width:455px; height:114px; float:left; border:1px solid #B1DED5; background:#fff; color:#5F7A77; padding:7px 0 0 25px;}

#rightPan ul.events li.captionthree{background:#fff; color:#AC9601; font-size:12px; font-weight:bold; text-decoration:none;}

#rightPan ul.events li{width:305px; height:20px;}
#rightPan ul.events li a{width:293px; height:20px; display:block; background:url(images/bullet2-normal.gif) 0 7px no-repeat #fff; color:#959595; text-decoration:underline; line-height:20px; padding:0 0 0 12px;}
#rightPan ul.events li a:hover{background:url(images/bullet2-hover.gif) 0 7px no-repeat #fff; color:#5F7A77; text-decoration:underline;}

/*----/Body Right Panel----*/
/*----/BODY PANEL----*/
/*----/MAIN PANEL----*/

#topPanPhoto{position: relative; /*background:url(images/leftbg.jpg) 0 0 no-repeat;*/}
#downPanPhoto{position: relative; /*background:url(images/leftbg.jpg) 0 0 no-repeat;*/}

/*----wholePanel----*/

#wholePan{
/*width:778px;*/
/*float:left;*/ 
border-left:1px solid #5f7a77; 
border-right:1px solid #5f7a77; 
/*margin:28px 0 0;*/ 
padding:0 30px;
}

/*----/wholePanel----*/


/*----FOOTER PANEL----*/
#footermainPan{height:160px; background:url(images/footerbg2.gif) 0 0 repeat-x; color:#fff; font:13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto; clear:both; padding:36px 0 0;}
#footerPan{width:778px; margin:0 auto;}

#footerPan ul{width:800px; height:20px; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 10px 0; color:#fff; background:#a08f81; text-decoration:none; font-size:13px;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:400px; margin:10px 0 0 92px;}

#footerPan ul.templateworld{width:250px; background:#614b3a; color:#007163; display:block; font-size:10px; position:absolute; top:49px; left:92px;}
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#614b3a; display:block; color:#007163; text-decoration:none; padding:0px; font-size:10px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPanhtml{width:70px; height:24px; display:block; position:absolute; top:35px; left:549px;}
#footerPanhtml a{width:64px; height:24px; display:block; background:url(images/html-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:23px; font-weight:bold; text-decoration:none;text-transform:uppercase; padding:0 0 0 7px;}
#footerPanhtml a:hover{background:url(images/html-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff;}
#footerPancss{width:58px; height:24px; display:block; position:absolute; top:35px; left:624px;}
#footerPancss a{width:49px; height:24px; display:block; background:url(images/css-normal.gif) 0 0 no-repeat #D3F0F0; color:#fff; font-size:13px; line-height:24px; font-weight:bold; text-decoration:none; text-transform:uppercase; padding:0 0 0 10px;}
#footerPancss a:hover{background:url(images/css-hover.gif) 0 0 no-repeat #D3F0F0; color:#fff; text-decoration:none;}
/*----/FOOTER PANEL----*/

img{border: none;}
.center{
text-align: center;
}

.center a{
margin-left: 30px;
}

.quote_right{
text-align: right;
font-size: 14px;
color: #fff;
}

.title{
margin-left: 150px;
}

.alert {
	background: #fff6bf /*url(bioneural/exclamation.png) center no-repeat*/;
	background-position: 15px 50%; /* x-pos y-pos */
	color: #CC0000;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #8aa7c9;
	border-bottom: 2px solid #8aa7c9;
	}

.image {
	float: left;
	margin: 0 20px 0 0;
}

p{
color: #ccc;
}

.image-right {
	float: right;
	padding: 0 0 0 20px;
}

h1{
color: #a08f81;
text-align: center;
}

#container{
position: relative;
width: 100%;
/*height: 100%;*/
background-color:#565656;
}

#left{
position: relative;
float: left;
width: 200px;
height: 400px;
background:url(images/footer-left.jpg) no-repeat bottom #a08f81;
}


.not_justify{
text-align: left;
}

.separateur {
display:block; height: 2px;
border-top: 1px solid #d9bd88;
border-bottom: 1px solid #f7f2e7;
background-color:#e0d0b1;
margin:10px 0 10px 0;
}

#diapo{
position: relative;
width: 380px;
float: left;
}

.puce{
width: 160px;
float: left;
}

.test{
width: 100%;
}

#menuPhotoLeft{
float: left;
}

#menuPhotoRight{
float: left;
margin-left: 20px;
}

#titre_video_main{
margin-left: 300px;
}

#flashbanner, #flashbanner3, #flashbanner4{
float: left;
}


.gray     {	color: #cfcfcf; }
.brown1   {	color: #a08f81; }
.brown2	  {	color: #614b3a; }
.blue1    {	color: #e0f8f3; }
.blue2	  {	color: #a5e0d6; }
.blue3	  {	color: #5773a4; }
.pistache {	color: #a3ba88; }

/* menu photos */

#menu_photos {
	background: #333;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
#menu_photos li {
	float: left;
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu_photos a {
	background: #333 url("images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	display: block;
	float: left;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu_photos a:hover {
	background: #2580a2 url("images/hover.gif") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;                
}

#droite_menu{
color: #ccc;
padding-top: 5px;
padding-right: 10px;
text-align: right;
}

/*    Menu horizontal    */

#menu_horizontal {
	background: #333;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 8em;
}
#menu_horizontal li {
	font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#menu_horizontal a {
	background: #333;
	border-bottom: 1px solid #393939;
	color: #ccc;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:normal;
}
#menu_horizontal a:hover {
	background: #2580a2 url("images/hover2.gif") left center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}                    

/*   lightbox   */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


#exemple1 table{
border:3px solid #6495ed;
width:90%;
margin:auto;
border-collapse:collapse;
}
#exemple1 tbody {background-color:#FFFFFF;border:2px solid #6495ed;color: #000000;}
#exemple1 th{
font-family:monospace;
border:1px dotted #6495ed;
padding:5px;
background-color:#EFF6FF;
width:25%;
}
#exemple1 td{
font-family:sans-serif;
font-size:100%;
border:1px solid #6495ed;
padding:5px;
text-align:center;
}
#exemple1 caption{
font-family:sans-serif;
text-align:center;
}
#exemple1 thead th, #exemple1 tfoot th {
background-color:#D0E3FA;
background-image:url("sky.jpg");
border:1px solid #6495ed;
}

a{
	  color: #d9e1ea;
}

#encart{
background: url("images/encart.jpg") no-repeat;
color: #000000;
padding-top: 30px;
padding-left: 20px;
position: absolute;
left: 700px;
top: 130px;
width: 300px;
height: 150px;
}