/********* Template stylesheet *********/
html { 
	border:0;
	overflow-y:scroll
}

body{
	font: 12px Century gothic,arial,verdana;
	margin:0;
	padding:10px 0 10px;
	border: 0;
	color: #4b4b4d;
}

/*** link ***/
a, input { position: relative }

a:link, a:visited { 
	color:#b4a78d;
	text-decoration:none;
	z-index:1;
}

a:hover { text-decoration: underline; }

/*** title ***/

/* titles */
h1 {
	font:normal 20px Century gothic,verdana,arial;
	color:#008499;
}

h2 {
	font:normal 20px Century gothic,verdana,arial;
	color:#008499
}

h3 {font:bold 12px Century gothic,verdana,arial}

p {
	padding:0;
	margin:0;
}

/*** image ***/
img { border:0 }

img.image_float_right {
	float: right;
	margin:0 0 5px 16px;
	padding:0;
}

img.image_float_left {
	float: left;
	clear:left;
	margin: 0 10px 15px 10px;
}

img.image_block_center {
	text-align: center;
	display: block; /* no !important */
	margin:8px auto 0 auto;
}

img.image_float {
	float: left;
	padding:0;
	margin:0;
}


/**************** ID *******************/

#wrapper{
	position:relative;
	margin:0 auto;
	padding:0;
	width:900px;
}

/********************** header ************************/
#header{
	position:absolute;
	width:620px;
	height:70px;
	padding:5px 5px 0 0;
	margin-left:230px;
	top:0
}

#logoFR,#logoEN{
	width:442px;
	height:60px;
	float:left;
	background: url(../images/logo.gif) no-repeat;
	cursor:pointer
}

#logoEN{background: url(../images/logoUk.gif) no-repeat;}

a#home, a#sitemap, a#mail{
	float:right;
	display:block;
	width:16px;
	height:15px;
	margin:50px 5px 0 0;
	background: url(../images/home.gif) no-repeat
}

a#sitemap{ background: url(../images/sitemap.gif) no-repeat }
a#mail{	 background: url(../images/mail.gif) no-repeat }


#lang{
	width:55px;
	float:right;
	text-align:right;
	margin-top:50px;
}

a#french,a#english{
	float:right;
	display:block;
	text-transform:uppercase;
	font-size:8px;
	text-align:right;
	width:50px;
	height:10px;
}
	
a#english{
	width:40px;
}

a:hover#french,a:hover#english{
	text-decoration:none;
	color:#008498}	
	
/*****************************************************/

#pagelayout{
	position:relative;
	float:right;
	padding:80px 40px 0 30px;
	width:630px;
	_height:575px;
	min-height:560px;
	border-left: 2px dotted #d8d1c3;
}

#content{
	margin-left:40px;
	width:585px
}


h2#catName{
	margin:0 0 20px 0;
	padding:0;
	font:normal 20px Century gothic,verdana,arial;
	color:#008499
}

#marginLeft{
	float:left;
	padding-right:15px;
	width:183px;
}

#footer{
	float:left;
	width:900px;
	height:50px;
	border-top: 2px dotted #d8d1c3;
	font-size:8px;
	color:#535353;
	text-align:right
}
	
a#prevFR,a#nextFR,
a#prevEN,a#nextEN,
a#askFR,a#askEN,
a#prevSpeFR,a#prevSpeEN,
a#otherFR,a#otherEN,
a#prev_articleFR,a#next_articleFR,a#ask_articleFR,
a#prev_articleEN,a#next_articleEN,a#ask_articleEN,
a#prevMolFR,a#prevMolEN,
a#nextMolFR,a#nextMolEN
{
	display:block;
	float:left;
	margin: 0 15px 0 0;
	width:55px;
	height:54px;
	background: url(../images/prev.gif) no-repeat}	
	
a#prevEN{background: url(../images/prevUk.gif) no-repeat}	

a#nextFR{background: url(../images/next.gif) no-repeat}
a#askFR{background: url(../images/ask.gif) no-repeat}

a#nextEN{background: url(../images/nextUk.gif) no-repeat}
a#askEN{background: url(../images/askUk.gif) no-repeat}

a#prevSpeFR,a#prevSpeEN,
a#prevMolFR,a#prevMolEN{
	width:61px;
	height:54px;
	background: url(../images/back.gif) no-repeat
}

a#prevSpeEN{background: url(../images/backUk.gif) no-repeat}
a#prevMolFR{background: url(../images/prevMol.gif) no-repeat}
a#prevMolEN{background: url(../images/prevMolUk.gif) no-repeat}
a#nextMolFR{background: url(../images/nextMol.gif) no-repeat}
a#nextMolEN{background: url(../images/nextMolUk.gif) no-repeat}

a#otherFR,
a#otherEN{
	width:65px;
	height:54px;
	background: url(../images/other_tech.gif) no-repeat
}

a#otherEN{background:url(../images/other_techUk.gif) no-repeat}

a#prev_articleFR{background: url(../images/article_prev.gif) no-repeat}
a#next_articleFR{background: url(../images/article_next.gif) no-repeat}
a#ask_articleFR{background: url(../images/article_purpose.gif) no-repeat}

a#prev_articleEN{background: url(../images/article_prevUk.gif) no-repeat}
a#next_articleEN{background: url(../images/article_nextUk.gif) no-repeat}
a#ask_articleEN{background: url(../images/article_purposeUk.gif) no-repeat}
	
/* bandeau */

#mask{
	position:relative;
	width:626px;
	height:210px;
	padding:0;
	margin-bottom:20px;
}

.topBand{	
	width:628px;
	height:28px;
	position:absolute;
	top:0;
	left:0;
	background: url(../images/mask/top.png);
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mask/top.png')
}

.footBand{	
	width:628px;
	height:24px;
	position:absolute;
	bottom:0;
	left:0;
	background: url(../images/mask/foot.png);
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/mask/foot.png')
}

/*box_photo */

h2.titleBox{
	position:relative;
	z-index:85;
	margin:0 0 -4px 35px;
	padding:0;
	font:normal 18px Century gothic,verdana,arial;
	color:#008499;
}

.item_link a:link, .item_link a:visited{
	color:#008499;
	font-weight:bold
}

.wrapMask{
	position:relative;
	width:170px;
	height:100px;
	margin:0 0 3px 0;
	float:right;
	font-size:9px;
	background: url(../images/leftBox/bg.png) repeat-y;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leftBox/bg.png', sizingMethod='scale')
}

.smallMask{
	width:80px;
	min-height:100px;
	_height:100px;
	margin: 0 0 0 0;
	padding:0;
	float:left;
	border-left:1px solid #c5bba6
}

.contentMask{
	float:left;
	width:78px;
	padding:6px 0 0 6px;
	line-height:10px;
	_display:inline;
}

.topMask{	
	width:170px;
	height:27px;
	position:absolute;
	top:0;
	left:0;
	background: url(../images/leftBox/top.png);
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leftBox/top.png')
}

.footMask{	
	width:170px;
	height:27px;
	position:absolute;
	bottom:0;
	left:0;
	background: url(../images/leftBox/foot.png) bottom;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/leftBox/foot.png')
}

/* default */

.maskRightImg{
	float:right;
	width:184px;
	height:186px;
	margin-left:20px;
}

.item_intro{
	color:#b4a78d;
	font-weight:bold;
	font-size:13px;
	margin:20px 0 4px 0;
	text-transform:uppercase
}

.item_default{
	text-align:justify
}

.bottom{margin-bottom:30px}

/*answer */

.answer h2, .answerLoop h2 { padding:0; margin:0 }

.answer h2 a:link, .answer h2 a:visited,
.answerLoop h2 a:link, .answerLoop h2  a:visited,
h2.blue{
	text-transform: uppercase;
	font-size:11px;
	color:#b4a78d;
	margin:0;
	padding:2px 0;
	font-weight:bold;
	display:block;
}
	
.answerLoop h2 a:link, .answerLoop h2  a:visited,
h2.blue{color:#008498}	

h2.blue{font-weight:bold}

.answer h2 a:hover,
.answerLoop h2 a:hover,
table#molecule a:hover{
	text-decoration:none;
	background:#e7e3da;
}

/* bigPhoto */

#bigPhoto{
	width:630px;
	height:502px;
	margin-top:25px;
}

#textPhoto{
	width:303px;
	height:200px;
	float:left;
	margin: 175px 0 0 115px;
	padding: 20px 50px 20px 50px;
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	color:#008499;
	background: url(../images/whiteBg.png) no-repeat;
	_display:inline;
	_background: none; 
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/whiteBg.png')
}

#textPhoto a:link,#textPhoto a:visited{color:#008499;}
#textPhoto a:hover{
	text-decoration:none;
	color:#008499;}

/* leftTitle + leftIntro */

.leftTitle,.leftIntro{
	margin: 10px 15px 0 0;
	position:relative;
	float:left;
	background:#b4a78d;
	width:106px
}

.leftIntro{
	margin: 0 10px 15px 0;
	width:102px;
	color:#fff;
	float:left;
	text-transform:uppercase;
	font-size:10px;
	font-weight:bold;
	min-height:73px;
	padding:17px 2px 17px 6px
}

img.image_introLeft {
	float: left;
	margin:0 10px 5px 0;
	padding:0;
	cursor:pointer
}

h2.titleLeftIntro{
	color:#b4a78d;
	margin:5px 0;
	font-size:15px;
	padding:0}

.intro_titleLeft{
	color:#b4a78d;
	font-size:13px;
	margin: 0 0 10px 0
}

.item_content{ text-align:justify }

.leftTitle h2{
	margin:0;
	z-index:55;
	padding:0 5px;
	width:80px;
	text-transform:uppercase;
	min-height:100px;
	_height:100px;
	color:#fff}

.leftTitleTop{
	position:absolute;
	top:0;
	left:0;
	z-index:15;
	width:110px;
	height:18px;
	background:url(../images/titleBoxTop.gif) top right no-repeat
}

.leftTitleBottom{
	position:absolute;
	left:0;
	width:106px;
	height:18px;
	bottom:0;
	background: url(../images/titleBoxBottom.gif) bottom
}

.clear, .clear25{
	clear:both;
	display:block;
	padding:0;
	margin:0;
	border:0;
	height: 5px;
	font-size:5px;
	line-height: 5px;
}

.clear25 { height: 25px; }

input.text, textarea {
	font: 12px Century gothic,verdana,arial;
	border:1px solid #cfc8b7;
	height:16px
	
}

textarea { height:auto }

table td { text-align:left !important }

.display1 { display:block }
.display0 { display:none }