.bl {background: url(../images/bl.gif) 0 100% no-repeat #E9E9E9;  width: 200px;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px }
.br {background: url(../images/br.gif) 100% 100% no-repeat}
.tl {background: url(../images/tl.gif) 0 0% no-repeat}
.tr {background: url(../images/tr.gif) 100% 0 no-repeat; padding:5px}
.clear {font-size: 1px; height: 1px}
#navigation a span
{padding-right:5px}


.style0 {
	font-size: 10px;
	font-style: italic;
color: #962F34}
.style1 {
	font-size: 12px;
	font-style: italic;
color: #cccccc;
}
.style2 {
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00386E;
	font-weight: bold;}
.style3 {
font-size: 12px;
font-weight: normal;
color: #00386e}
.style4 {
font-size: 12px;
font-weight: bold;
color: #00386e}

.style5 {
font-size: 12px;
font-weight: bold;
color: #ffffff}

.style6 {
font-size: 9px;
font-weight: normal;
color: #962F34}

.style7 {
font-size:  12px;
font-weight: bold;
color: #0083A6}

.formbutton1 {cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(../images/formbg.gif) repeat-x left top;
}#icons {
	width: 650px;
	height: 330px;
	background:url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif);
	margin: 2px auto;
	padding: 0;
	position: relative;
}
#icons li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#icons a {display: block;}

#icon1 {left: 267px; top: 55px; width: 112px; height: 144px;}
#icon2 {left: 164px; top: 160px; width: 108px; height: 125px;}
#icon3 {left: 377px; top: 160px; width: 110px; height: 122px;}
#icon4 {left: 165px; top: 2px; width: 113px; height: 115px;}
#icon5 {left: 66px; top: 74px; width: 108px; height: 124px;}
#icon6 {left: 465px; top: 72px; width: 113px; height: 128px;}
#icon7 {left: 261px; top: 212px; width: 131px; height: 114px;}
#icon8 {left: 356px; top: 0px; width: 126px; height: 116px;}
#icon9 {left: 53px; top: 208px; width: 113px; height: 121px;}
#icon10 {left: 485px; top: 212px; width: 131px; height: 114px;}


#icon1 a {height: 144px;}
#icon2 a {height: 125px;}
#icon3 a {height: 122px;}
#icon4 a {height: 115px;}
#icon5 a {height: 124px;}
#icon6 a {height: 128px;}
#icon7 a {height: 114px;}
#icon8 a {height: 116px;}
#icon9 a {height: 121px;}
#icon10 a {height: 114px;}


#icon1 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -267px -645px no-repeat;}
#icon2 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -164px -509px no-repeat;}
#icon3 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -377px -510px no-repeat;}
#icon4 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -165px -341px no-repeat;}
#icon5 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -66px -658px no-repeat;}
#icon6 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -465px -656px no-repeat;}
#icon7 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -261px -807px no-repeat;}
#icon8 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -356px -339px no-repeat;}
#icon9 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -53px -803px no-repeat;}
#icon10 a:hover {background: url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/icons_fr2.gif) -485px -806px no-repeat;}



a.info {
    position:relative; /* very important */
    background:none; /* Important for IE */
    z-index:10;
}

a.info:hover {text-decoration:none;
    z-index:10;
}

a.info span {
    display:none;

}

a.info:hover span { /*Tag SPAN will apears with hover effect*/
    display:block;
    position:absolute;
    top:50px;
    left:75px;

     
    /* Elements for positionning text into info bulle  */
    /* you should also used the follwing padding:24px 8px 5px 25px; */
    padding-left:25px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    margin:0px;
    width:247px;
    height:45px;

    /* Style du character into info bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:left;
}


/* to have a nice background with PNG transparent*/
a.info:hover>span {
background-image:url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/bgInfo.png);
background-repeat:no-repeat;
}


a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/bgInfo.png",
sizingMethod="crop");
}
a.info1 {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info1:hover {text-decoration:none;
    z-index:10;
}

a.info1 span {
    display:none;
}

a.info1:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:30px;
    right:65px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:15px;
    padding-top:24px;
    padding-bottom:5px;
    padding-right:8px;
    margin:0px;
    width:225px;
    height:45px;
	

    /* Style du character dans la bulle */
	font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:left;
	border:0px;
	overflow-y: none;
}


/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info1:hover>span {
background-image:url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/bgInfo1.png);
}

a.info1:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/objects/1_3_1953630019/bgInfo1.png",
sizingMethod="crop");
}#tp_standard_desctext {position:absolute; left:10px; top:270px; width:280px; height:290px; overflow:auto; font-size:small; color:#00386e;}#tp_standard_text {position:absolute; left:300px; top:230px; width:710px; height:440px; }
#tp_navigation_menu {position:absolute; top:80px; left:960px; list-style-type:none; padding:0; margin:0;}
#tp_navigation_menu img{border:0;}
#flag {position:absolute; top:102px; left:0px}

#tp_general_menu {position:absolute; top:80px; left:80px; list-style-type:none; font-size:12px; font-weight:bold; width:160px; z-index:2;}
#tp_general_menu li{border-bottom:dashed 1px #989898; padding-top:2px;}
#tp_general_menu a {text-decoration:none; color:#666A75;}
#tp_general_menu a:hover {color:black;}
#tp_general_menu .arrow {color:#cd5c5c; font-size:8px; font-weight:bolder;}

#tp_general_menu2 {position:absolute; top:673px; left:615px; list-style-type:none; text-align:center; font-size:9px; font-weight:bold; padding:0; margin:0;}
#tp_general_menu2 li {display:inline; border-right:solid 1px black; padding-right:2px; margin-left:2px;}
#tp_general_menu2 a {text-decoration:none; color:grey;}
#tp_general_menu a:hover {color:#00386E}

#bottom_bar {position:absolute; top:690px; left:600px;}

.tp_chessboard_barr {position:absolute; top:75px; left:550px; width:300px; height:27px;}
.tp_chessboard_barr .tp_chessboard_cell {width:100px; height:13px;}
#tp_chessboard_cell1 {position:absolute; background-color:#999999; top:0px; left:0px;}
#tp_chessboard_cell2 {position:absolute; background-color:#c0c0c0; top:0px; left:100px;}
#tp_chessboard_cell3 {position:absolute; background-color:#DCDCDC; top:0px; left:200px;}
#tp_chessboard_cell4 {position:absolute; background-color:#e9e9e9; top:0px; left:300px;}

#tp_chessboard_menu {position:absolute; top:86px; left:550px; text-align:center;}
#tp_chessboard_menu ul { list-style-type:none; padding:0; margin:0;}
#tp_chessboard_menu a {text-decoration:none;}

#tp_chessboard_menu td {width:100px; height:57px; overflow:hidden; font-size:11px;}

#events {position:absolute; top:560px; left:320px; width:200px;}
#events div { border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
#events .banner_boxtitle {background:#f0f0f0; border:none; font-weight:bold; font-size:12px;}
#events .banner_boxpointer{color:#9F1B29}
#events ul {margin:8px 0 0 0; padding:0; padding-left:4px; list-style:none;height:70px;  overflow:auto;}
#events a {text-decoration:none; font-size:9px; color:grey;}
#events a:hover {color:#00386e;}

#banner {position:absolute; top:560px; left:540px; width:200px;}

#banner div { border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
#banner .banner_boxtitle {background:#f0f0f0; border:none; font-weight:bold; font-size:12px;}
#banner .banner_boxpointer{color:#9F1B29}
#banner ul {margin:8px 0 0 0; padding:0; padding-left:4px; list-style:none;height:70px;  overflow:auto;}
#banner a {text-decoration:none; font-size:9px; color:grey;}
#banner a:hover {color:#00386e;}

.banner_b1 , .banner_b2, .banner_b3, .banner_b4 {font-size:1px; display:block; background:#f0f0f0; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.banner_b1 , .banner_b2, .banner_b3{height:1px;}
.banner_b2, .banner_b3, .banner_b4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
.banner_b1 {margin:0 4px; background:#9F1B29;}
.banner_b2 {margin:0 2px; border-width:0 2px;}
.banner_b3 {margin:0 1px;}
.banner_b4 {margin:0; height:2px;}
.banner_c1 , .banner_c2, .banner_c3, .banner_c4 {font-size:1px; display:block; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.banner_c1 , .banner_c2, .banner_c3{height:1px;}
.banner_c2, .banner_c3, .banner_c4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
.banner_c1 {margin:0 4px; background:#9F1B29;}
.banner_c2 {margin:0 2px; border-width:0 2px;}
.banner_c3 {margin:0 1px;}
.banner_c4 {margin:0; height:2px;}

#tp_sav_menu {position:absolute; top:170px; left:150px; list-style-type:none; padding:0; margin:0; z-index:100;}
#tp_sav_menu img{border:0;}
#language_switch {position:absolute; top:140px; left:962px;}
     #language_switch img {border:0}
.thumbnail{
position: relative;
z-index: 3;
}
.thumbnail:hover{
background-color: transparent;
z-index: 5;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightgrey;
padding: 5px;
top: -155px;
left: 100px;
border: 1px dashed blue;
visibility: hidden;
color: #00386E;
text-decoration: none;
text-align:center;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -155px;
left: 100px; /*position where enlarged image should offset horizontally */
}
   #pr_info {position:absolute; top:560px; left:760px; z-index:100;display:block; width:200px;}
   .pr_allcontent{background:#f0f0f0;border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29; border-bottom:solid 1px #f0f0f0; height:90px; display:block; overflow:hidden;}

  #pr_title {position:absolute; left:2px; top:2px; font-weight:bold; font-size:12px; text-align:center;padding-top:2px}

  #pr_content {position:absolute; top:20px; left:2px; width:196px; height:80px; overflow:hidden; font-size:10px; cursor:pointer; background-color:white;}
  .pr_item {position:absolute; color:#00386e}

  #pr_allcontent {position:absolute; top:255px; left:300px; display:none;z-index:10; width:652px;}
  .pr_arround_content{background:#f0f0f0;border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0; border-bottom:solid 1px #f0f0f0; height:410px; display:block; width:650px;}
  .pr_allcontent_item {position:relative; top:0px;left:0px; width:650px; height:380px;}
  .pr_title {position:absolute; left:5px; top:20px; width:540px; height:65px; overflow:auto; font-weight:bold;}
  .pr_close {position:absolute; left:2px; top:0px; cursor:pointer;}
  .pr_title_only {color:#962f34;}
  .pr_img {position:absolute; right:5px; top:0px; width:105px; overflow:auto;}
  .pr_text {position:absolute; left:0px; top:100px; width:650px; height:290px; overflow:auto; color:#00386e; text-align:justify;}
  #pr_contact {position:absolute; bottom:2px; left:150px;text-decoration:underline; font-size:10px; font-style:italic;cursor:pointer;}
  .pr_file {position:absolute; left:400px; bottom:-13px;}


.pr_b1 , .pr_b2, .pr_b3, .pr_b4 {font-size:1px; display:block; background:#f0f0f0; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.pr_b1 , .pr_b2, .pr_b3{height:1px;}
.pr_b2, .pr_b3, .pr_b4 {background:#f0f0f0; border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;}
.pr_b1 {margin:0 4px; background:#f0f0f0;}
.pr_b2 {margin:0 2px; border-width:0 2px;}
.pr_b3 {margin:0 1px;}
.pr_b4 {margin:0; height:2px;}
.pr_c1 , .pr_c2, .pr_c3, .pr_c4 {font-size:1px; display:block; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
.pr_c1 , .pr_c2, .pr_c3{height:1px;}
.pr_c2, .pr_c3, .pr_c4 {background:#f0f0f0; border-left:solid 1px #f0f0f0; border-right:solid 1px #f0f0f0;}
.pr_c1 {margin:0 4px; background:#f0f0f0;}
.pr_c2 {margin:0 2px; border-width:0 2px;}
.pr_c3 {margin:0 1px;}
.pr_c4 {margin:0; height:2px;}
#pr_0 {top:0px;}#pr_1 {top:10px;}#pr_2 {top:20px;}#pr_3 {top:30px;}#pr_4 {top:40px;}#pr_5 {top:50px;}#pr_6 {top:60px;}#pr_7 {top:70px;}#pr_8 {top:80px;}#pr_9 {top:90px;}#pr_10 {top:100px;}#pr_11 {top:110px;}#pr_12 {top:120px;}#pr_13 {top:130px;}#pr_14 {top:140px;}#pr_15 {top:150px;}#pr_16 {top:160px;}#pr_17 {top:170px;}#pr_18 {top:180px;}#pr_19 {top:190px;}#pr_20 {top:200px;}#pr_21 {top:210px;}#pr_22 {top:220px;}#pr_23 {top:230px;}#pr_24 {top:240px;}#pr_25 {top:250px;}#pr_26 {top:260px;}#pr_27 {top:270px;}#pr_28 {top:280px;}#pr_29 {top:290px;}#pr_30 {top:300px;}#pr_31 {top:310px;}#pr_32 {top:320px;}#pr_33 {top:330px;}#pr_34 {top:340px;}#pr_35 {top:350px;}#pr_36 {top:360px;}#pr_37 {top:370px;}
			#qsearch {position:absolute; top:205px; left:723px; width:267px;z-index:100; font-size:10px; color:#00386e;}
			#qsearch div { background:#f0f0f0;}
			
			.qsearch_b1 , .qsearch_b2, .qsearch_b3, .qsearch_b4 {font-size:1px; display:block; background:#f0f0f0; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
			.qsearch_b1 , .qsearch_b2, .qsearch_b3{height:1px;}
			.qsearch_b2, .qsearch_b3, .qsearch_b4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
			.qsearch_b1 {margin:0 4px; background:#9F1B29;}
			.qsearch_b2 {margin:0 2px; border-width:0 2px;}
			.qsearch_b3 {margin:0 1px;}
			.qsearch_b4 {margin:0; height:2px;}
			.qsearch_c1 , .qsearch_c2, .qsearch_c3, .qsearch_c4 {font-size:1px; display:block; /* hide overflow:hidden from IE5/Mac */ /**/ overflow:hidden; /* */ }
			.qsearch_c1 , .qsearch_c2, .qsearch_c3{height:1px;}
			.qsearch_c2, .qsearch_c3, .qsearch_c4 {background:#f0f0f0; border-left:solid 1px #9F1B29; border-right:solid 1px #9F1B29;}
			.qsearch_c1 {margin:0 4px; background:#9F1B29;}
			.qsearch_c2 {margin:0 2px; border-width:0 2px;}
			.qsearch_c3 {margin:0 1px;}
			.qsearch_c4 {margin:0; height:2px;}
		#conteneur {position:absolute; top:0px; left:0px;}
#img_top_vertical {position:absolute; top:74px; left:300px;}
#img_logo {position:absolute; top:5px; left:820px; z-index:2; border:0;}
#img_top {position:absolute; top:75px; left:310px;}
#img_division {position:absolute; top:5px; left:210px;}
#right_home_content {position:absolute; top:200px; left:980px; height:500px; width:135px; display:block; overflow:auto;}
#website_url {position:absolute; top:55px; left:150px; width:838px; background-image:url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/images/horizontal_bar.png); color:white; font-size:12px; font-weight:bold;}
#path_selected {position:absolute; top:205px; left:310px;height:21px; width:600px; font-size:10px; font-style:italic;background-image:url(http://photonics.bfioptilas.fr/?sid=a96235ed72847f99017d9fa6a6b736a9/images/search_bar.png); color:#962F34;  background-repeat:no-repeat;padding-top:4px;}
#path_selected a{ font-size:10px;}
#copyright {position:absolute; top:680px; left:0px; color:#a9a9a9; font-size:9px; width:400px;}
#copyright a {text-decoration:none; color:#A9A9A9;}


a {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; color:#00386E}
a:hover {color:#962F34
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
body {
	margin-top: 0px;
	margin-left: 0px;
}

h1 {
	font-size: 13px;
	color: #00386E;
}
.style1 {
	font-size: 12px;
	font-style: italic;
color: #cccccc;
}
.style2 {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #00386E;
	font-weight: bold;}
.style3 {
font-size: 12px;
font-weight: normal;
color: #00386e}
.style4 {
font-size: 12px;
font-weight: bold;
color: #00386e}

.style5 {
font-size: 12px;
font-weight: bold;
color: #ffffff}

.formbutton1 {cursor:pointer;
border:outset 1px #ccc;
background:#999;
color:#666;
font-weight:bold;
padding: 1px 2px;
background:url(./images/formbg.gif) repeat-x left top;}
html, body{
scrollbar-face-color:#E0E0E0;
scrollbar-base-color:#E0E0E0;
scrollbar-arrow-color:#00386E;
scrollbar-track-color:#F3F3F3;
scrollbar-shadow-color:#E0E0E0;
scrollbar-highlight-color:#E0E0E0;
scrollbar-3dlight-color:#00386E;
scrollbar-darkshadow-Color:#00386E;
}