@charset "utf-8";
/* CSS Document */
/******************************************************/
/******************************************************/
/**********   COMMON ALL PAGES  ***********************/
/******************************************************/
/******************************************************/

body  {
	margin: 0px;
	padding: 0px;
	background: #FFF;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #7C8083;
}

h1{
	margin:0px;
	font-size:1em;
	font-weight: bold;
	color: #304C70;
	padding-bottom: 10px;
	border-bottom: 4px solid #D8D9DA;
	text-transform: uppercase;
	padding-top: 5px;
}

h2{
	margin-top:0px;
	font-size:0.9em;
	font-weight: bold;
	color: #7C8083;
	text-transform: uppercase;
	padding:10px 0px 5px 0px;
}

h3{
	margin-top:0px;
	font-size:0.9em;
	font-weight: bold;
	color: #304C70;
	padding-top: 5px;
	text-align:justify;
}

h3 a{
	color:#304C70;
	font-decoration:none;
}

h4{
	padding-bottom:10px;
	font-size:0.8em;
	font-weight: bold;
	color: #304C70;
	line-height: 130%;
	text-transform: uppercase;
	text-align:justify;
}

h5{
	margin:0px;
	padding:0px 0px 15px 0px;
	padding-left:0.9em;
	font-size: 0.8em;
	font-weight: bold;
}

h6{
	padding-top:15px;
	font-size:0.65em;
	color:#304c70;
	font-weight:bold;
}

img{
	border:none;
	margin:1em 0;
}

img.imageright {
	float: right;
	margin: 10px 0px 10px 10px;
} 

img.imageleft {
	float: left;
	margin: 10px 10px 10px 0px;
} 

img.imagetopleft {
	float: left;
	margin: 0px 10px 10px 0px;
} 

img.nomargin {
	margin:0;
}


form#selectType{
	margin:0;
	padding:5px 0px;
	background-color:#F9F9F9;
	font-size:0.8em;
}

#container {
	width: 950px;
	margin: 0 auto; /* centers the page */
	border: none;
	text-align: left; /* overrides the text-align: center on the body element. */
	padding-top: 5px;
} 

#masthead{
	position:relative;
	width:950px;
	height:132px;
}

#flashbanner{
	width:950px;
	height:132px;
	border:none;
	padding-bottom:2px;
}

#langues{
	position:absolute;
	z-index:500;
	top:7px;
	left:815px;
}

#print{
	clear:both;
	position:absolute;
	z-index:501;
	top:98px;
	left:870px;
}

#quickaccess{
	float:left;
	width: 170px;
	margin-top:2px;
}

#navigation{
	width: 780px;
	float:right;
	margin-top:2px;
	background-image:url(../_images/tile_bkgd_navgrey.gif);
	background-repeat: repeat-x;
	background-color: #999c9F;	
}

#sidebar1 {
	float:left;
	width: 169px;
	margin-top:2px;
	padding:0px;
}

#geofinder{
	width: 170px;
	height: 49px;
	background-image:url(../_images/btn_geofinder.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

div.fr#geofinder{
	background-image:url(../_images/btn_geofinder_fr.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

div.es#geofinder{
	background-image:url(../_images/btn_geofinder_es.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

div.de#geofinder{
	background-image:url(../_images/btn_geofinder_de.jpg);
	background-position:top;
	background-repeat:no-repeat;
}

div.it#geofinder{
	background-image:url(../_images/btn_geofinder_it.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
div.po#geofinder{
	background-image:url(../_images/btn_geofinder_po.jpg);
	background-position:top;
	background-repeat:no-repeat;
}


#recommend{
	padding: 17px 0px;
}

#maincontent {
	position:relative;
	width:513px;
	margin-top: 5px;
	margin-left:169px;
	margin-right:235px;
	padding: 0px 15px;
	border-left:1px solid #D8D9DA;
	border-right:1px solid #D8D9DA;
}

#maincontent.monoColumn{
	width:749px;
	margin-right:0;
	border-right:none;
}

#maincontent p{
	font-size:0.8em;
	text-align:justify;
}

#maincontent p.spaceafter{
	padding-bottom:15px;
}

#maincontent p span.cvdisclaim{
	font-size:0.7em;
	color:#304c70;
	font-weight:bold;
}

#maincontent p.backToToc{
	font-size: 0.7em;
	text-align:right;
}

#maincontent p.newsummary{
	padding-bottom:10px;
	font-size:0.75em;
	font-weight:bold;
	border-bottom: 1px solid #D8D9DA;
}

#maincontent p.signature{
	color:#304c70;
	font-weight:bold;
}

#maincontent p.newstitle{
	margin:0 0 5px 0;
	padding:0;
	font-weight:bold;
}
#maincontent p.newstext{
	margin:0 0 15px 0;
	padding:0;
}

#maincontent p.subTitleH2{
	font-size:0.9em;
	font-weight:bold;
}


#maincontent p a.btnBrief{
	display:block;
	cursor:pointer;
	height:25px;
	background-image:url(../_images/btn_brief.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

#maincontent p a.btnBrief:hover{
	background-position:bottom left;
}

#column1 {
	float:left;
	width:248px;
	/*margin-top:5px;*/
	margin-bottom:0px;
	border-right:1px solid #D8D9DA;
	padding:0px 7px 0px 0px;
}

#column2 {
	margin-left:258px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px 0px 15px;
}

#sidebar2 {
	float:right;
	width: 220px;
	margin-top:2px;
	padding-left:15px;
}

.clearer{
	clear:both;
	margin: 0px;
	padding: 0px;
}

#conclusion{
	float:left;
	width:513px;
	margin: 0px;
	padding: 0px;
}

#aiic{
	padding:0;
	float: left;
	width:79px;
	margin-left: -140px;
	margin-top: -160px;
}

#footer{
	height:31px;
	margin-top:5px;
	background-image:url(../_images/bkgd_footer.jpg);
	background-repeat:no-repeat;
	background-position: top;
}

p img{
	border:none;
}

#langues ul{
list-style: none;
padding: 0;
margin: 0;
} 

#langues li{
	float: left;
	margin: 0 0px;
	padding: 0 3px;
	font-size: 0.7em;
	font-weight:bold;
	color:#FFF;
	border-right: 1px solid #7C8083;
} 

#langues li a{
color: #7C8083;
text-decoration: none;
text-align: center;
} 

#langues li.last{
	border-right:0px;
}

#langues li a:focus, #langues li a:hover{
	color: #FFF;
}

#print img{
	margin:0px;
	padding-right:2px;
}

#print p a{
	font-size:0.65em;
	font-weight:bold;
	text-decoration:none;
	color: #FFF;
}

#print p a:focus, #print p a:hover{
	font-size:0.7em;
}

#footer ul{
list-style: none;
padding: 10px 0px 0px 15px;
margin: 0;
} 

#footer li{
float: left;
border-right: 1px solid #fff;
} 

#footer li a{
padding: 0 4px;
font-size:0.7em;
color: #fff;
text-decoration: none;
text-align: center;
} 

#footer li.last{
	border-right:0px;
}

#footer li a:focus, #footer li a:hover{
	text-decoration: underline;
}

#geofinder a{
	display: block;
	cursor: pointer;
	padding: 6px 10px;
	text-decoration: none;
}

#geofinder a:focus, #geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.fr#geofinder a:focus,  div.fr#geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder_fr.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.es#geofinder a:focus,  div.es#geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder_es.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.de#geofinder a:focus,  div.de#geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder_de.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

div.it#geofinder a:focus,  div.it#geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder_it.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
div.po#geofinder a:focus,  div.po#geofinder a:hover{
	height: 49px;
	padding:0px;
	background-image:url(../_images/btn_geofinder_po.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}


#maincontent div.dicoTypes{
	margin:10px 0;
	padding:5px 0;
	background-color:#F9F9F9;
}

#maincontent div.dicoTypes h2{
	padding-left:15px;
	color:#304c70;
}

#maincontent div.dicoDetails{
	margin:15px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #D8D9DA;
}

#maincontent .dicoDetails h3{
	margin:10px 0;
	padding:7px;
	color:#FFF;
	background-image: url(../_images/bkgd_dicosTitles.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#maincontent div.dicoDetails p{
	margin: 0 0 5px 15px;
}

#maincontent div.dicoDetails ul li{
	margin: 0 0 10px 25px;
}

#sidebar1 img.logoAiic{
	border:none;
	padding:150px 45px 0px 45px;
	/*padding:185px 0px 0px 45px;*/
}

#sidebar1 img.logoLi{
	padding:0px 5px 0px 42px;
}

#sidebar1 img.logoTw{
	padding:0px 0px 0px 5px;
}

#container p.breadcrumb{
	margin:0;
	padding:10px 0;
	font-weight: bold;
	font-size: 0.70em;
}

#maincontent p.breadcrumb .current{
	color:#304C70;
}

#maincontent p.breadcrumb a{
	color:#7C8083;
	font-weight: bold;
	text-decoration:none;
}

#maincontent p.breadcrumb a:hover,#maincontent p.breadcrumb a:focus {
	color:#304C70;
}

#column1 p, #column2 p{
	margin:0px;
	padding:0px;
	padding-bottom:5px;
	/*padding-left:0.8em;*/
	font-size: 0.8em;
}

p a{
	text-decoration:none;
	color:#304C70;
	font-weight:bold;
}

h2.topdivide{
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #D8D9DA;
}

#maincontent ul{
	/*margin-left:0px;
	padding:0px;
	list-style-image:url(../_images/dscBlue.gif);
 	list-style-position: inside;*/
list-style-type: none;
padding: 0;
margin: 0;
}

#maincontent ul li{
background-image: url(../_images/dscBlue.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 0.9em;
	margin:0.5em 0;
	font-size: 0.8em;
}

#maincontent ul li a{
	text-decoration:none;
	color: #304C70;
	font-weight:bold;
}

#maincontent ul li.public_uk{
	background-image: url(../_images/flag_uk.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}

#maincontent ul li.public_fr{
	background-image: url(../_images/flag_fr.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}
#maincontent ul li.public_es{
	background-image: url(../_images/flag_es.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}
#maincontent ul li.public_de{
	background-image: url(../_images/flag_de.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}
#maincontent ul li.public_it{
	background-image: url(../_images/flag_it.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}
#maincontent ul li.public_pt{
	background-image: url(../_images/flag_pt.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}
#maincontent ul li.public_ca{
	background-image: url(../_images/flag_ca.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:140px;
}

#maincontent ul li.lang_uk{
	background-image: url(../_images/flag_uk.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0 px;
}

#maincontent ul li.lang_fr{
	background-image: url(../_images/flag_fr.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0px;
}
#maincontent ul li.lang_es{
	background-image: url(../_images/flag_es.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0px;
}
#maincontent ul li.lang_de{
	background-image: url(../_images/flag_de.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0px;
}
#maincontent ul li.lang_it{
	background-image: url(../_images/flag_it.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0px;
}
#maincontent ul li.lang_pt{
	background-image: url(../_images/flag_pt.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:0px;
}


#maincontent ol;{
	padding: 0;
	margin: 0 0 0 15px;
}

#maincontent ol li{
	margin:0.5em 0;
	font-size: 0.8em;
}

#maincontent ul ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#maincontent ul ul li{
	background-image: url(../_images/tickBlue.gif);
	background-repeat: no-repeat;
	background-position: 0.9em .2em;
	padding-left: 2em;
	margin:0.5em 0;
}

h5.contentS2{
	margin:0px;
	padding:0px 0px 5px 0px;
	padding-left:0em;
	font-size: 0.9em;
	font-weight: bold;
	color: #304C70;
}

.contentS2#sidebar2{
	width: 194px;
	margin-left:15px;
	margin-top:15px;
	padding-left:15px;
	padding-right:10px;
	background-color: #E5E6E6;
	background-image: url(../_images/bkgd_sb2content.jpg);
	background-position: top left;
	background-repeat:no-repeat;
}
#container #sidebar2 .filmTitle {
	text-align: center;
}


.contentS2#sidebar2 p{
	color:#304c70;
	font-size:0.75em;
	text-align:justify;
}

.contentS2#sidebar2 p.legend{
	margin:0;
	padding:0;
	color:#304c70;
	text-align:center;
}


.contentS2#sidebar2 h3 a{
	color:#304c70;
}

.contentS2#sidebar2 ul{
	/*margin-left:0px;
	padding:0px;
	list-style-image:url(../_images/dscBlue.gif);
 	list-style-position: inside;*/
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.contentS2#sidebar2 ul li{
	background-image: url(../_images/dscBlue.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 0.9em;
	margin:0.5em 0;
	font-size: 0.75em;
	color: #304c70;
}

.contentS2#sidebar2 ul li.public_uk{
	background-image: url(../_images/flag_uk.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_fr{
	background-image: url(../_images/flag_fr.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_es{
	background-image: url(../_images/flag_es.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_de{
	background-image: url(../_images/flag_de.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_it{
	background-image: url(../_images/flag_it.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_pt{
	background-image: url(../_images/flag_pt.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}
.contentS2#sidebar2 ul li.public_ca{
	background-image: url(../_images/flag_ca.gif);
	background-repeat: no-repeat;
	background-position: 0px;
	padding:5px 0 5px 25px;
	margin-left:50px;
}

.contentS2#sidebar2 ol{
	padding: 0;
	margin: 0 0 0 15px;
}

.contentS2#sidebar2 ol li{
	margin:0.5em 0;
	font-size: 0.75em;
	color: #304c70;
	text-align:justify;
}



.contentS2#sidebar2 ul li a{
	color:#304c70;
	font-weight:bold;
	text-decoration:none;
}

.contentS2#sidebar2 ul ul{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.contentS2#sidebar2 ul ul li{
	background-image: url(../_images/tickBlue.gif);
	background-repeat: no-repeat;
	background-position: 1.1em .2em;
	padding-left: 2.2em;
	margin:0.9em 0;
	color:#304C70;
	font-weight:bold;
}

.contentS2#sidebar2 dl{
	padding-top:15px;
	color: #304C70;
	font-size:0.7em;
	margin: 0;
}

.contentS2#sidebar2 dt{
	font-weight:bold;
	font-style: italic;
}

.contentS2#sidebar2 dd{
	margin-left:15px;
	font-style: italic;
	text-align:justify;
}

.defTerm{
	font-style: italic;
	color: #304C70;
}

#maincontent ul li .defTerm a{
	font-weight:normal;
}

img.inList{
	margin:0.5em 0em;
}

p.inList{
	margin:0.5em 0;
	padding-left: 0em;
	font-size: 0.75em;
}



/**********************************************************************************/
/**********************************************************************************/
/***********  MEMBER PAGES    *****************************************************/
/**********************************************************************************/
#mainMember{
	width:595px;
	margin-top: 5px;
	margin-left:169px;
	margin-right:154px;
	margin-bottom:0px;
	padding: 0px 15px 0px 15px;
	border-left:1px solid #D8D9DA;
	border-right:1px solid #D8D9DA;
}

#member {
	float:left;
	width:150px;
	margin:5px 0px;
	padding:0px 15px 10px 0px;
	border-right:1px solid #D8D9DA;
}

#memberMap {
	margin:0px;
	margin-left:166px;
	margin-top:5px;
	margin-bottom:0px;
	padding:0px 0px 0px 15px;
	width: 414px;
}

.perso#details {
	width:595px;
	margin-top: 0px;
	margin-left:169px;
	margin-right:154px;
	padding: 0px 15px 0px 15px;
	border-left:1px solid #D8D9DA;
	border-right: 1px solid #D8D9DA;
}

#line {
	border-top:1px solid #D8D9DA;
}

.perso#languages {
	float:left;
	width:150px;
	margin:0px;
	padding:0px 15px 0px 0px;
	/*border-top:1px solid #D8D9DA;*/
}

#resume {
	margin:0px;
	margin-left:165px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px 0px 0px 15px;
	width: 414px;
	border-left: 1px solid #D8D9DA;
	/*border-top: 1px solid #D8D9DA;*/
}

#memberMap img{
	margin:0px 0px 0px 0px;
	padding: 0;
}

#member p{
	margin:0px;
	padding:0px;
}

#member p.country{
	background-image: url(../_images/bkgd_countryName.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFF;
	padding: 4px 0px 4px 10px;
	font-size: 0.9em;
}

#member p.emailMember{
	padding-top: 5px;
}

#member img.emailMember{
	padding-top: 5px;
}


p.emailMember a{
	font-size:0.70em;
}

#resume p{
	margin:0.8em 0;
	padding:0;
	font-size:0.75em;
	text-align:justify;
}

#resume p.spaceup{
	padding-top:15px;
}

#resume p.cvdisclaim{
	padding-top:15px;
	font-size:0.65em;
	color:#304c70;
	font-weight:bold;
}

.perso#sidebar2{
	margin: 0px;
	padding: 0px;
	width: 150px;
	margin-left:4px;
	margin-top:43px;
}

.perso#sidebar2 p {
	margin:0px 0px 15px 0px;
}

.perso#sidebar2 p span.smaller{
	font-size:0.7em;
}

.perso#sidebar2 p a{
	padding:10px 0;
	display:block;
	cursor:pointer;
	text-decoration:none;	
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	background-image:url(../_images/btn_recommend.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#D8D9DA;
	color: #304C70;
}

.perso#sidebar2 p a:hover{
	display:block;
	cursor:pointer;
	text-decoration:none;	
	background-image:url(../_images/btn_recommend.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color: #fff;
}

.perso#sidebar2 p.detailedCv a{
	background-image:url(../_images/btn_detailedcv.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.perso#sidebar2 p.detailedCv a:hover{
	background-image:url(../_images/btn_detailedcv.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#resume ul{
list-style-type: none;
padding: 5px 0;
margin: 0;
}

#resume ul li{
background-image: url(../_images/dscBlue.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em;
	padding-left: 0.8em;
	margin:0.5em 0;
	font-size: 0.8em;
	text-align:justify;
}

#resume ul ul{
list-style-type: none;
padding: 0;
margin: 0;
}

#resume ul ul li{
	background-image: url(../_images/tickBlue.gif);
	background-repeat: no-repeat;
	background-position: 0.9em .2em;
	padding-left: 2em;
	margin:0.5em 0;
}

#member img {
	margin:0px;
	padding: 0px;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
	padding-bottom: 2px;
}

#member p.memberName{
	padding:10px 0px;
	margin:0px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.85em;
	border-top:1px solid #D8D9DA;
}

#member p.memberAddress{
	font-size:0.7em;
}

#mainMember #member .memberAddress.phone, 
#mainMember #member .memberAddress.mobile, 
#mainMember #member .memberAddress.fax, #mainMember #member .memberAddress.web  {
	margin:0px;
	padding: 5px 0px 6px 30px;
	font-weight: bold;
	z-index:300;
}

p.phone{
	background-image: url(../_images/phone.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p.mobile{
	background-image: url(../_images/mobile.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p.fax{
	background-image: url(../_images/fax.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p.web {
	background-image: url(../_images/www.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#member p.memberAddress.spacup{
/*padding-top:5px;*/
}

#member img.telecoms{
	float:left;
	margin: 1px 5px 1px 0px;
}

.perso#languages p.memberName{
	padding:15px 0px 5px 0px;
	margin:0px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.85em;
	border-bottom:1px solid #D8D9DA;
	/*border-top: 1px solid #D8D9DA;*/
}

.perso#languages p.a, .perso#languages p.b, .perso#languages p.c{
	margin:0px;
	padding:5px 15px 5px 30px;
	font-size:0.75em;
	border-bottom:1px solid #D8D9DA;
}

p.a{
	background-image: url(../_images/btn_langA.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p.b{
	background-image: url(../_images/btn_langB.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

p.c{
	background-image: url(../_images/btn_langC.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

.contentS2#sidebar2 dd a {
	font-weight: bold;
	text-decoration: none;
	color:#304C70;
}

#maincontent dl{
	margin:0px;
	padding:0px;
}

#maincontent dl dt {
	font-size: 0.8em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#maincontent dl dd{
	margin:0px;
	padding:0;
	font-size: 0.8em;
	font-weight: bold;
	text-align:justify;
}

.center{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
/**********************************************************************************/
/**********************************************************************************/
/***********  Secondary Navbar    *************************************************/
/**********************************************************************************/

.glossymenu{
margin: 40px 0px;
padding: 0px;
width: 168px;
border: 1px solid #CBCCCE;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
	font-size:0.75em;
	font-weight:bold;
	color: white;
	display: block;
	position: relative;
	width: auto;
	padding-top: 3px;
	padding-bottom:5px;
	padding-left: 10px;
	text-decoration: none;
	background-image: url(../_images/tile_bkgd_subMenuL1.jpg);
	background-repeat: repeat-x;
}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	background-image: url(../_images/tile_bkgd_subMenuL1.jpg);
	background-repeat: repeat-x;
color: white;
}

.glossymenu a.menuitem .statusicon{
	margin:0px;
	padding:0px;
	position: absolute;
	top: 4px;
	right: 0px;
	border: none;
}

.glossymenu a.menuitem:hover{
	background-image: url(../_images/tile_bkgd_subMenuL2hover.gif);
	background-repeat: repeat-x;
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #fff;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #CBCCCE;
}

.glossymenu div.submenu ul li a{
	display: block;
	font-size:0.75em;
	font-style:normal;
	color: #304C70;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}

.glossymenu div.submenu ul li a:hover{
background-image: url(../_images/tile_bkgd_subMenuL2hover.gif);
background-repeat: repeat-x;
color: white;
}


/***********************************************************************************************/
/***********************************************************************************************/
/*    CSS for MENU BARS  (QUICK ACCESS   &   MAIN NAV MENU     *********************************/
/***********************************************************************************************/
/***********************************************************************************************/

/* SpryMenuBarHorizontal.css */

/* Outermost container = auto width box with no margin or padding */
#quickaccess ul.MenuBarHorizontal{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.9em;
	font-weight:bold;
	cursor: default;
	width: 169px;
}

#navigation ul.MenuBarHorizontal {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:bold;
	/*font-size: 0.8em;*/
	cursor: default;
	width: auto;
}

/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive{
	z-index: 1000;
}

/* Menu item containers, position children relative to this container and are a fixed width */
#quickaccess ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0.70em;
	position: relative;
	text-align: left;
	color:#FFF;
	cursor: pointer;
	width: 169px;
	float: left;
}

#navigation ul.MenuBarHorizontal li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	position: relative;
	font-size: 0.75em;
	text-align: left;
	cursor: pointer;
	width: 125px;
	float: left;
}

/* Submenus are below their parent (top: 0) with a higher z-index, but initially off the left side of the screen (-1000em) */
#quickaccess ul.MenuBarHorizontal ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight:bold;
	z-index: 1020;
	cursor: default;
	width: 168px;
	position: absolute;
	left: -1000em;
}

#navigation ul.MenuBarHorizontal ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	width: 125px;
	position: absolute;
	left: -1000em;
}

/* Submenu showing with class MenuBarSubmenuVisible 
   comes below its parent menu item */
#quickaccess ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;
}

#navigation ul.MenuBarHorizontal ul.MenuBarSubmenuVisible{
	left: auto;
}

/* Menu item containers are same fixed width as parent */
#quickaccess ul.MenuBarHorizontal ul li{
	width: 168px;
	font-size: 1em;
}

#navigation ul.MenuBarHorizontal ul li{
	width: 125px;
	font-size: 0.95em;
}

/* Submenus appear largely overlapping to the right (1%) and down (10%) */
#quickaccess ul.MenuBarHorizontal ul ul{
	max-height:298px;
	max-width:300px;
	position: absolute;
	margin: 15% 0 0 0;
	background-color:#eeeeee;
	overflow:scroll;
	overflow-x:hidden;
}

/* Submenus are slightly overlapping to the right (99%) and up (-5%) */
#navigation ul.MenuBarHorizontal ul ul{
	position: absolute;
	margin: 0% 0 0 100%;
}

/* Submenu showing with class MenuBarSubmenuVisible
   left to 0 so it comes onto the screen */
#quickaccess ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
	left: auto;
	top: 0;
}

#navigation ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible{
	left: auto;
	top: 0;
}
/*******************************************************************************

 DESIGN INFORMATION: color scheme, borders, fonts

 *******************************************************************************/

/* Submenu containers have borders on all sides */
#quickaccess ul.MenuBarHorizontal ul{
	border: 1px solid #CBCCCE;
}

#navigation ul.MenuBarHorizontal ul{
	border: 1px solid #CBCCCE;
}

/* Menu items are a light grey block with padding and no text decoration */
#quickaccess ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 5px 10px;
	color: #7C8083;
	text-decoration: none;
	border-bottom: 1px solid #CBCCCE;
}

#navigation ul.MenuBarHorizontal a{
	display: block;
	cursor: pointer;
	background-color: #FFF;
	padding: 3px 10px 3px 10px;
	color: #7C8083;
	text-decoration: none;
	border-bottom: 1px solid #CBCCCE;
}
/* quickaccess top level font color is white*/
#quickaccess #toplevel{
	color:#fff;
}

/* quickaccess top level "Select a region" text is grey*/
#quickaccess #toplevel .greytext{
	color:#D8D9DA;
}

/* #navigation top level text is white*/
#navigation  ul.MenuBarHorizontal a.level1{
	color:#FFF;
	border:none;
}

#navigation  ul.MenuBarHorizontal a.level1.first{
	padding-left:15px;
}

/* Menu items with hover or focus 
   grey background and blue text */
#quickaccess ul.MenuBarHorizontal a:hover, #quickaccess ul.MenuBarHorizontal a:focus{
	background-color: #D8D9DA;
	color: #304C70;
}

#navigation ul.MenuBarHorizontal a.level1:hover, #navigation ul.MenuBarHorizontal a.level1:focus{
	background-image:none;
	background-color: #fff;
	color:#7C8083;
}

/* .MenuBarItemHoverMenu =items open with submenus*/
/*  grey background and blue text */
#quickaccess ul.MenuBarHorizontal a.MenuBarItemHover, #quickaccess ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, #quickaccess ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
	background-color: #D8D9DA;
	color: #304C70;
}


/* Level 2 text if no sublevels*/
#navigation ul.MenuBarHorizontal a.MenuBarItemHover{
	background-color: #D8D9DA;
	color: #304C70;
}

#navigation ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
	background-color: #D8D9DA;
	color: #304C70;
}

#navigation ul.MenuBarHorizontal a.MenuBarSubmenuVisible{
	background-color: #D8D9DA;
	color: #304C70;
}

/* Level 1 & 2 texts if there is sublevels*/
#navigation ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
	background-color: #D8D9DA;
	color: #304C70;
}


/*******************************************************************************

 SUBMENUS : styles if submenus under a given menu item

 *******************************************************************************/
/* Menu with submenu have class MenuBarItemSubmenu 
   use a background image positioned top left*/
#quickaccess ul.MenuBarHorizontal a.MenuBarItemSubmenu{
	background-image: url(../_images/bkgr_quickaccess.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#navigation ul.MenuBarHorizontal a.MenuBarItemSubmenu{
	background-image: url(../_images/tile_bkgd_navgrey.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
}

/* Menu items with submenu have class MenuBarItemSubmenu 
   use a background image positioned far right (95%) and centered vertically (50%) */
#quickaccess ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
	background-image: url(../_images/SpryMenuBarRightGrey.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
	/*font-size: 110%;*/
}

#navigation ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{
	background-image: url(../_images/SpryMenuBarRightGrey.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

/* Menu items open with submenus have class MenuBarItemSubmenuHover 
   use a "hover" background image positioned far left (95%) and centered vertically (50%) */
#quickaccess  ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(../_images/bkgr_quickaccess_hover.gif);
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

#navigation ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{
	background-image: url(../_images/tile_bkgd_navwhite.gif);
	background-repeat: repeat-x;
	background-position: 0% 0%;
	
}

/* Menu items open with submenus have class MenuBarItemSubmenuHover
   use a "hover" background image positioned far left (95%) and centered vertically (50%) */
#quickaccess ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../_images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

#navigation ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(../_images/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		f\loat: left;
		background: #FFF;
	}
}
.greytext {
	color:#D8D9DA;
}

/******************************************************************************/
/******************************************************************************/
/************   CSS   for  ACCORDIONS   ***************************************/
/******************************************************************************/
/******************************************************************************/

/* Main Accordion container. */
#homeAccordion{
	width:220px;
	margin-top:20px;
}

.Accordion {
/*	border-left: solid 1px gray;
	border-right: solid 1px black;
	border-bottom: solid 1px gray;*/
	overflow: hidden;
}


/* AccordionPanel container = 
 * houses the panel tab and panel content area. 
 * Doesn't render visually
 * Has zero margin and padding.
*/
.AccordionPanel {
	margin: 0px;
	padding: 0px;
}

/* AccordionPanelTab.  
 * = Title for the panel. 
 *
 * NOTE:
 * Uses -moz-user-select and -khtml-user-select properties that will not pass W3C validation.
 */
 .AccordionPanelTab.tabFilm {
	background-color: #CCCCCC;
	background-image: url(../_images/bkgr_tabFilm.jpg);
	background-position: top;
	margin: 0px;
	padding: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	font-size: 0.8em;
	font-weight: bold;
	color:#304C70;
	text-align: center;
}

.AccordionPanelTab.tabBrief {
	height:31px;
	background-color: #304C70;
	background-image: url(../_images/bkgr_tabBrief.gif);
	background-position: top;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
/* Panel Tab Briefcase - title formatting*/
.AccordionPanelTab.tabBrief p{
	font-size: 0.9em;
	font-weight: bold;
	color:#FFF;
	padding-left:8px;
	margin-top:2px;
	padding-top:8px;
}

/* Panel Tab News & Sustain - title formatting*/
.AccordionPanelTab.tabNews, .AccordionPanelTab.tabSustain {
	height:31px;
	background-color: #CCCCCC;
	background-image: url(../_images/bkgr_tabGrey.gif);
	background-position: top;
	margin: 0px;
	padding-top: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelTab.tabNews p, .AccordionPanelTab.tabSustain p{
	font-size: 0.9em;
	font-weight: bold;
	color:#304C70;
	padding-left:8px;
	margin-top:2px;
	padding-top:8px;
}
/****************************************************/
/* Panel's Content
 * Never put any padding on the panel's content area 
 *****************************************************
 */
.AccordionPanelContent {
	overflow: auto;
	overflow-y:hidden;
	margin: 0px;
	padding: 0px;
	height: 240px;
	background-color: #E5E6E6;
	border-left: 1px solid #D8D9DA;
	/*font-size: 0.8em;*/
}

.AccordionPanelContent p{
	margin: 0px;
	padding: 5px 8px;
	color:#304C70;
	font-size: 0.75em;
	font-weight: normal;
	text-align:justify;
}


.AccordionPanelContent p.contFilm{
	font-size: 0.70em;
	text-align:center;
}

.AccordionPanelContent p a{
	/*font-size: 1em;*/
	font-weight: bold;
	line-height:130%;
}


.AccordionPanelContent img{
	border:none;
}

.AccordionPanelContent a.btnBrief{
	display:block;
	cursor:pointer;
	height:25px;
	margin-left:8px;
	background-image:url(../_images/btn_brief.gif);
	background-position:top left;
	background-repeat:no-repeat;
	text-decoration:none;
}

.AccordionPanelContent a.btnBrief:hover{
	background-position:bottom left;
}


/* Panel tab currently open (class "AccordionPanelOpen" programatically added)*/
.AccordionPanelOpen .AccordionPanelTab {
	background-color: #E5E6E6;
}

/* Panel tab when mouse hover (class "AccordionPanelTabHover" programatically added)*/
.AccordionPanelTabHover {
	color: #555555;
}

/*TabHover Brief*/
.AccordionPanelTabHover.tabBrief {
	height:31px;
	background-color: #CCCCCC;
	background-image: url(../_images/bkgr_tabBriefHover.gif);
	background-position: top;
	margin: 0px;
	padding-top: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/*TabHover News*/
.AccordionPanelTabHover.tabNews {
	height:31px;
	background-color: #CCCCCC;
	background-image: url(../_images/bkgr_tabNewsHover.gif);
	background-position: top;
	margin: 0px;
	padding-top: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/*TabHover Sustain*/
.AccordionPanelTabHover.tabSustain {
	height:31px;
	background-color: #CCCCCC;
	background-image: url(../_images/bkgr_tabSustainHover.gif);
	background-position: top;
	margin: 0px;
	padding-top: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.AccordionPanelOpen .AccordionPanelTabHover {
	color: #555555;
}

/* Panel tabs when Accordion has focus (class programatically added)*/
.AccordionFocused .AccordionPanelTab {
	background-color: #3399FF;
}

/* Panel tab currently open when Accordion has focus*/
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background-color: #33CCFF;
}

/************************************************************************/
/***********************************************************************/
/**************    CONTENT Accordion     ********************************/
/***********************************************************************/

.contentAcc{
	margin-top: 15px;
	padding: 0px;
	width:514px;
	height: 500px;
	overflow: hidden;
	background-color: #FFF;
}

/* subMenuAccPanel = panel tab + a panel content 
*/
.contentAccPanel{
	margin: 0px;
	padding: 0px;
}

/* Selector for the AccordionPanelTab.
 */
.contentAccPanelTab{
	background-color: #fff;
	border-bottom: solid 1px #cbccce;
	margin: 0px;
	padding: 10px 5px 10px 0px;
	background-image:url(../_images/openPanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	cursor: pointer;
	font-size:0.9em;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* Selector for a Panel's Content area.
 */
.contentAccPanelContent{
	overflow: auto;
	margin: 0px;
	padding: 15px 0px;
	height: 200px;
	border-bottom:1px solid #CBCCCE;
}

/* class "AccordionPanelOpen"  programatically added*/
.AccordionPanelOpen .contentAccPanelTab{
	background-color: #CBCCCE;
	background-image:url(../_images/closePanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: #304C70;
	font-weight:bold;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover .contentAccPanelTab{
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover .contentAccPanelTab{
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .contentAccPanelTab {
	background-color: #FFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .contentAccPanelTab {
	background-color: #FFF;
}


/************************************************************************/
/***********************************************************************/
/**************    GLOSSARY Accordion     ********************************/
/***********************************************************************/

.glossaryAcc{
	margin-top: 15px;
	padding: 0px;
	width:514px;
	height: 670px;
	overflow: hidden;
	background-color: #FFF;
}

/* subMenuAccPanel = panel tab + a panel content 
*/
.glossaryAccPanel{
	margin: 0px;
	padding: 0px;
}

/* Selector for the AccordionPanelTab.
 */
.glossaryAccPanelTab{
	background-color: #fff;
	border-bottom: solid 1px #cbccce;
	margin: 0px;
	padding: 10px 5px 10px 0px;
	background-image:url(../_images/openPanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	cursor: pointer;
	font-size:0.9em;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* Selector for a Panel's Content area.
 */
.glossaryAccPanelContent{
	overflow: auto;
	margin: 0px;
	padding: 15px 0px;
	height: 270px;
	border-bottom:1px solid #CBCCCE;
}

.glossaryAccPanelContent{
	margin:0;
	padding:0;
}
/* class "AccordionPanelOpen"  programatically added*/
.AccordionPanelOpen .glossaryAccPanelTab{
	background-color: #CBCCCE;
	background-image:url(../_images/closePanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: #304C70;
	font-weight:bold;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover .glossaryAccPanelTab{
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover .glossaryAccPanelTab{
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .glossaryAccPanelTab {
	background-color: #FFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .glossaryAccPanelTab {
	background-color: #FFF;
}


/************************************************************************/
/***********************************************************************/
/**************    FAQ Accordion     ********************************/
/***********************************************************************/

.faqAcc{
	margin-top: 15px;
	padding: 0px;
	width:514px;
	height: 630px;
	overflow: hidden;
	background-color: #FFF;
}

/* subMenuAccPanel = panel tab + a panel content 
*/
.faqAccPanel{
	margin: 0px;
	padding: 0px;
}

/* Selector for the AccordionPanelTab.
 */
.faqAccPanelTab{
	background-color: #fff;
	border-bottom: solid 1px #cbccce;
	margin: 0px;
	padding: 10px 5px 10px 0px;
	background-image:url(../_images/openPanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	cursor: pointer;
	font-size:0.9em;
	font-weight:bold;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* Selector for a Panel's Content area.
 */
.faqAccPanelContent{
	overflow: auto;
	margin: 0px;
	padding: 15px 0px;
	height: 230px;
	border-bottom:1px solid #CBCCCE;
}

.faqAccPanelContent{
	margin:0;
	padding:0;
}
/* class "AccordionPanelOpen"  programatically added*/
.AccordionPanelOpen .faqAccPanelTab{
	background-color: #CBCCCE;
	background-image:url(../_images/closePanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	color: #304C70;
	font-weight:bold;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover .faqAccPanelTab{
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover .faqAccPanelTab{
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .faqAccPanelTab {
	background-color: #FFF;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .faqAccPanelTab {
	background-color: #FFF;
}




/************************************************************************/
/***********************************************************************/
/**************    SIDEBAR Accordion     ********************************/
/***********************************************************************/

.sidebarAcc{
	margin-top: 30px;
	padding:0px;
	width:514px;
	height: 500px;
	overflow: hidden;
	background-color: #FFF;
}

.sidebarAccPanel{
	margin: 0px;
	padding: 0px;
}

/* Selector for the AccordionPanelTab.
 */
.sidebarPanelTab{
	border-bottom: solid 1px #cbccce;
	margin: 0px;
	padding: 10px 10px 10px 0px;
	background-image:url(../_images/openPanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	cursor: pointer;
	font-size:0.9em;
	font-weight:bold;
	color:#304C70;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* Selector for a Panel's Content area.
 */
.sidebarPanelContent{
	overflow: auto;
	margin: 0px;
	padding: 15px 0px;
	height: 100%;
	border-bottom:1px solid #CBCCCE;
}

/* class "AccordionPanelOpen"  programatically added*/
.AccordionPanelOpen .sidebarPanelTab{
	/*background-color: #CBCCCE;*/
	padding: 10px 10px 10px 0px;
	background-image:url(../_images/closePanel.gif);
	background-position:right;
	background-repeat:no-repeat;
	font-size:0.9em;
	font-weight: bold;
	color: #304C70;
	text-align:left;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover .sidebarPanelTab{
	color: #555555;
}
.AccordionPanelOpen .AccordionPanelTabHover .sidebarPanelTab{
	color: #555555;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .sidebarPanelTab {
	/*background-color: #3399FF;*/
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .sidebarPanelTab {
	/*background-color: #33CCFF;*/
}

/*********************************/
/*********************************/
/********* CALL OUTS ************/
/*******************************/
.callout {
    position: relative;
	width:170px;
    margin: 10px 0;
    padding: 10px 10px;
    background-color: #FBFBFB;
    /* easy rounded corners for modern browsers */
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}
.callout .notch {
    position: absolute;
    bottom: -10px;
    left: 40px;
    margin: 0;
    border-bottom: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #CBCCCE;
    padding: 0;
    width: 0;
    height: 0;
    /* ie6 height fix */
    font-size: 0;
    line-height: 0;
     /* ie6 transparent fix */
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
}

.border-callout {
	border: 2px solid #CBCCCE;
	padding: 5px 5px;
}
.border-callout .border-notch {
	border-top-color: 2px solid #CBCCCE;
	bottom: -11px;
}

.definition{
	z-index:50;
	visibility:hidden;
	margin:4px;
	padding:0;
}

#maincontent .definition dl{
	margin:0;
	padding:15px;
	font-size:0.75em;
	color: #304C70;
	font-style:italic;
}

#maincontent .definition  dt{
	font-weight:bold;
	margin:0px;
}

#maincontent .definition  dd{
	font-weight:normal;
	margin:0;
	padding-top:5px;
	text-align:justify;
}

#maincontent .definition  dd a{
	font-weight:bold;
	color:#304c70;
	text-decoration:none;
}

#simult{
	position:absolute;
	top:90px;
	left:90px;
}

#simult_fr{
	position:absolute;
	top:120px;
	left:140px;
}

#simult_es{
	position:absolute;
	top:110px;
	left:140px;
}

#simult_de{
	position:absolute;
	top:120px;
	left:75px;
}

#simult_it{
	position:absolute;
	top:92px;
	left:140px;
}

#simult_po{
	position:absolute;
	top:102px;
	left:125px;
}

#consec{
	position:absolute;
	top:63px;
	left:195px;
}

#consec_fr{
	position:absolute;
	top:96px;
	left:245px;
}

#consec_es{
	position:absolute;
	top:96px;
	left:225px;
}

#consec_de{
	position:absolute;
	top:106px;
	left:155px;
}
#consec_it{
	position:absolute;
	top:67px;
	left:225px;
}
#consec_po{
	position:absolute;
	top:92px;
	left:205px;
}


#secrecy{
	position:absolute;
	top:107px;
	left:150px;
}

#secrecy_fr{
	position:absolute;
	top:132px;
	left:180px;
}

#secrecy_es{
	position:absolute;
	top:117px;
	left:140px;
}

#secrecy_de{
	position:absolute;
	top:128px;
	left:170px;
}
#secrecy_it{
	position:absolute;
	top:102px;
	left:200px;
}
#secrecy_po{
	position:absolute;
	top:113px;
	left:200px;
}


#directinterp{
	position:absolute;
	top:104px;
	left:90px;
}

#directinterp_fr{
	position:absolute;
	top:210px;
	left:90px;
}

#directinterp_es{
	position:absolute;
	top:184px;
	left:125px;
}

#directinterp_de{
	position:absolute;
	top:190px;
	left:110px;
}
#directinterp_it{
	position:absolute;
	top:179px;
	left:125px;
}
#directinterp_po{
	position:absolute;
	top:176px;
	left:180px;
}

#option{
	position:absolute;
	top:385px;
	left:175px;
}

#option_fr{
	position:absolute;
	top:476px;
	left:55px;
}

#option_es{
	position:absolute;
	top:437px;
	left:65px;
}

#option_de{
	position:absolute;
	top:495px;
	left:190px;
}
#option_it{
	position:absolute;
	top:455px;
	left:250px;
}
#option_po{
	position:absolute;
	top:427px;
	left:70px;
}


#contract{
	position:absolute;
	top:435px;
	left:440px;
}

#contract_fr{
	position:absolute;
	top:512px;
	left:367px;
}

#contract_es{
	position:absolute;
	top:534px;
	left:0px;
}

#contract_de{
	position:absolute;
	top:564px;
	left:0px;
}#contract_it{
	position:absolute;
	top:537px;
	left:0px;
}#contract_po{
	position:absolute;
	top:504px;
	left:315px;
}

#option2{
	position:absolute;
	top:100px;
	left:210px;
}

#option2_fr{
	position:absolute;
	top:100px;
	left:90px;
}

#option2_es{
	position:absolute;
	top:100px;
	left:160px;
}

#option2_de{
	position:absolute;
	top:123px;
	left:160px;
}#option2_it{
	position:absolute;
	top:138px;
	left:260px;
}#option2_po{
	position:absolute;
	top:92px;
	left:110px;
}

#contract2{
	position:absolute;
	top:119px;
	left:5px;
}

#contract2_fr{
	position:absolute;
	top:100px;
	left:290px;
}

#contract2_es{
	position:absolute;
	top:90px;
	left:310px;
}
#contract2_de{
	position:absolute;
	top:136px;
	left:415px;
}#contract2_it{
	position:absolute;
	top:168px;
	left:0px;
}#contract2_po{
	position:absolute;
	top:129px;
	left:270px;
}
/*********************************************************************/
/*********************************************************************/
/********************  PAST CONFERENCES styles ***********************/
/*********************************************************************/

form#selectTheme{
	font-size:0.8em;
}

form#selectTheme label{
	padding-right:10px;
	font-weight:bold;
}

form#selectTheme select{
		width:250px;
		color:#304c70;
}

#confs{
	font-size:0.75em;
}

#confs table{
	margin:15px 0;
	width:100%;
	border:1px solid #D8D9DA;
	border-collapse: collapse;
}

#confs table th{
	padding:5px;
	color: #FFF;
	font-weight:bold;
	background-color:#304C70;
	border:1px solid #D8D9DA;
}

#confs table th.sortCol{
	background-image:url(../_images/Bkgd_sortCol.gif);
	background-position:98%;
	background-repeat:no-repeat;
	/*display:inline-block;*/
	cursor:pointer;
}


#confs table tr.oddRow{
	background-color:#FFF;
}

#confs table tr.evenRow{
	background-color:#E9EEF5;
}

#confs table td{
	padding-left:5px;
	border:1px solid #D8D9DA;
}

/******************************
/ ***** Newsticker Homepage  *******

#homeAccordion .AccordionPanelContent #newsticker {
	width:200px;
	height: 200px;
	margin:0 0 0 10px;
	/*font-style:italic;
	overflow:hidden;
	border-top: 1px solid #dddddd;
}
#homeAccordion .AccordionPanelContent #newsticker .title {
	/*font-size:14px;
	font-weight:bold;
	/*padding:5px;
}
#homeAccordion .AccordionPanelContent #newsticker p {
	margin:0px;
	/*padding: 10px 0px 0px 20px;
}
#homeAccordion .AccordionPanelContent #newsticker ul {
	margin:0px;}
#homeAccordion .AccordionPanelContent #newsticker li {
	margin-left:-42px;
	list-style:none;
	display:block;
	/*padding:7px 0px;
	border-bottom: 1px solid #dddddd;
	height:60px;
	/*font-family: Arial;
	font-size:12px;
}
#homeAccordion .AccordionPanelContent #newsticker li a {
	margin-left:0px;
	color:red;
}
#homeAccordion .AccordionPanelContent .previous {
	outline:none;
	cursor:pointer;
	margin: 0 0 0 100px;
	vertical-align: bottom;
}
#homeAccordion .AccordionPanelContent .next {
	outline:none;
	cursor:pointer;
	margin: 0 0 0 100px;
	vertical-align: top;
}
*/