@charset "utf-8";

@import "common/reset.css";
/* @import "common/grid.css";*/
@import "common/type.css";

@import "forms.css";
/*
@import "type.css";
@import "widgets.css";
@import "comments.css";
@import "inlines.css";
@import "photos.css";
*/

body	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; background: #D9DDE0 url(../img/back/main.png) repeat-x; padding: 0; margin: 0 0 20px 0; }
.hidden { display: none; }
.spacer	{ clear: both; }


/* GLOBAL CONTAINER
-------------------------------------------------------------------------------- */
#container	{ width: 1000px; margin: 0 auto; }


/* MAIN CONTENT (This should be defined prior HEADER part because it contains more generic settings).
-------------------------------------------------------------------------------- */
#content			{ background: #FFFFFF url(../img/back/content_head2.png) top left no-repeat; padding: 15px; }

/* Top part : logo, languages and search */
#content #logotop	{ float: left; margin-right: 10px; }
#content #menutop	{ text-align: right; margin: 0 5px 0 10px; }

#content .langactive	{ color: #666666; margin: 0 2px; }

#content #menutop #rightlinks			{ float: right; color: #6382C1; margin: 0 0 0 10px; padding: 0; font-size: 12px; font-weight: bold; }
#content #menutop #rightlinks a			{ color: #6382C1; text-decoration: none; }
#content #menutop #rightlinks a:hover	{ color: #91A7D3; text-decoration: none; }
#content #menutop #rightlinks img		{ vertical-align: text-top; margin-right: 2px; }

#content a			{ text-decoration: none; color: #003399; }
#content a:hover		{ text-decoration: underline; color: #0033CC; }


.right				{ float: right; width: 200px; border: 1px solid #CCCCCC; background: #F5F5F5; padding: 8px 10px 0 10px; margin: 0 0 15px 10px; }
.left				{ float: left; width: 200px; border: 1px solid #CCCCCC; background: #F5F5F5; padding: 8px 10px 0px 10px; margin: 0 10px 5px 10px; }

.left_image			{ float: left; margin: 5px 10px 5px 0; }

.infomsg			{ border: 1px solid #F5F5F5; padding: 5px; color: #009900; }
.errormsg			{ border: 1px solid #F5F5F5; padding: 5px; color: #990000; }

#content a.icon img,
#content img.icon,
.infomsg img.icon,
.errormsg img.icon,
.right img.icon		{ vertical-align: middle; margin-right: 3px; }

#content a.icon		{ text-decoration: none; }

#content img.iconflag,
.right img.iconflag	{ vertical-align: text-top; margin: 1px 3px 0 0; }
.importantmsg		{ border: 2px solid #CC0000; padding: 10px 10px 0 10px; margin: 15px 0; }
.importantmsg h3	{ margin: 0; color: #CC0000; }

#content hr		{ border: 0; width: 100%; }
#content .right hr.hr1	{ margin: 15px 0; }
#content hr.hr1		{ color: #CCCCCC; background-color: #CCCCCC; height: 1px; }
#content hr.hr2		{ color: #F5F5F5; background-color: #F5F5F5; height: 1px; }

#content ul		{ margin:5px 0 10px 0; }
#content li		{ list-style-image: url(../img/icons/bullet_black.png); margin-bottom: 5px; }

#content .right ul	{ margin:5px 0; }
#content .right li	{ list-style-image: url(../img/icons/bullet_black.png); margin-bottom: 2px; }

a.external		{ background: url(../img/icons/extlink.png) center right no-repeat; padding-right: 13px; }

blockquote.testimonial			{ display: block; float: right; padding-left: 60px; width: 300px; margin: 50px 0; color: #333333; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 11px; line-height: 180%; }
blockquote.testimonial:before,
blockquote.testimonial:after	{ display: block; font-size: 100px; width: 50px; color: #FFCC99; font-style: normal; }
blockquote.testimonial:before	{ content: open-quote; height: 0; width: 50px; margin: 50px 0 -30px -50px; }
blockquote.testimonial:after	{ content: close-quote; height: 50px; margin: -50px 0 0 255px; }
blockquote.testimonial .source strong	{ color: #FF6600; text-align: right; font-size: 14px; font-style: normal; }
blockquote.testimonial .source			{ color: #666666; text-align: right; font-size: 12px; font-style: normal; }

#content table th	{ background-color: #F5F5F5; padding: 5px; font-weight: bold; color: #333333; }
#content table td	{ padding: 5px; }
#content table caption	{ display: none; }

#map .infoWindow	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; }
#map .infoWindow2	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
#map .photo			{ float: left; margin-right: 10px; }


/* HEADER
-------------------------------------------------------------------------------- */
#header	{ width: 100%; height: 91px; margin: 0 auto; background: transparent url(../img/common/header.png) top left no-repeat; text-align: right; color: #E3E8F3; }

#header2	{ width: 100%; height: 91px; margin: 0 auto; background: transparent url(../img/common/header_bilat1.png) top left no-repeat; text-align: right; color: #E3E8F3; }

#header3	{ width: 100%; height: 91px; margin: 0 auto; background: transparent url(../img/common/header_brt2.png) top left no-repeat; text-align: right; color: #E3E8F3; }

#header #rightpart			{ margin: 5px 0 5px 0; float: right; }

#header #rightpart2			{ margin: 5px 0 5px 0; float: right; }

#header #userbar			{ color: #E3E8F3; height: 22px; margin: 15px 0 2px 0; }

#header #userbar #leftext	{ background: #003399 url(../img/common/userbar_left.png) right no-repeat; width: 10px; }
#header #userbar #left		{ background: #6584C2 url(../img/common/userbar_left_back.png) repeat-x; padding: 1px 6px 0 2px; color: #FFFFFF; }
#header #userbar #middle	{ background: #003399 url(../img/common/userbar_middle.png) right no-repeat; width: 10px; }
#header #userbar #right		{ background-color: #FFFFFF; font-size: 11px; padding: 1px 0 0 0; }
#header #userbar #rightext	{ background: #003399 url(../img/common/userbar_right.png) left no-repeat; width: 10px; }

#header #userbar #left,
#header #userbar #right		{ text-align: center }

#header #userbar a			{ color: #333333; }
#header #userbar a:hover	{ color: #333333; text-decoration: underline; }

#header #accesslinks,
#header #accesslinks a		{ color: #889FCF; }


/* MENU DEROULANT 
--------------------------------------------------------------------------------*/

#mainMenu1en { width: 143px; }
#mainMenu2en { width: 123px; }
#mainMenu3en { width: 138px; }
#mainMenu4en { width: 67px; }
#mainMenu5en { width: 52px; }
#mainMenu6en { width: 81px; }
#mainMenu7en { width: 124px; }
#mainMenu8en { width: 49px; }

#mainMenu1ja { width: 115px; }
#mainMenu2ja { width: 123px; }
#mainMenu3ja { width: 138px; }
#mainMenu4ja { width: 67px; }
#mainMenu5ja { width: 52px; }
#mainMenu6ja { width: 81px; }
#mainMenu7ja { width: 124px; }
#mainMenu8ja { width: 49px; }

#menuDeroulant
{
border:0 none;
height:21px;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
top:210px;
width:967px;

}
#menuDeroulant li
{
	list-style-image:none;
	float: left;
	margin-right:-10px;
	padding:5px;
	text-decoration:none;
	vertical-align:middle;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
	color:#333333;
	font-weight:bold;
	background:#F7F2EA;
	border-color:#FFFFEE #AAAB9C #CCCCCC #FFFFFF;
	border-style:solid;
	border-width:1px;
	padding:5px;
	text-decoration:none;
}
#menuDeroulant li a:hover { color: #666666;}
#menuDeroulant li a:active { color: #666666; }

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin-top:-2px;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 149px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("fondTR.png") repeat;
	margin-top:1px;
}
#menuDeroulant .sousMenu li a:hover
{
	color: #003399;
}

#menuDeroulant li:hover > .sousMenu { display: block; }



/* HORIZONTAL MENU
-------------------------------------------------------------------------------- */
#navcontainer		{ margin: 20px auto; padding: 5px;}

/* to stretch the container div to contain floated list */
#navcontainer:after	{ content: "."; display: block; line-height: 1px; font-size: 1px; clear: both; }

/* ul#navlist			{ list-style: none; padding: 0; margin: 0 auto; text-align: center; } */
table#navlist			{ list-style: none; padding: 0; margin: 0 auto; text-align: center; }

/* ul#navlist li		{ display: block; float: left; width: ; height:; margin: 0 5px 0 0; padding: 0; font-size: 13px; font-weight: bold; } */
table#navlist td		{ white-space: nowrap; margin: 0; padding: 0; font-size: 13px; font-weight: bold; }

/* ul#navlist li a 	{ display: block; width: 100%; height: ; padding: 5px; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #333333; text-decoration: none; background: #f7f2ea; text-align: center; vertical-align: middle; line-height:1em;  } */
table#navlist td a 	{ padding: 5px 5px 5px 5px; margin: 0; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #333333; text-decoration: none; background: #f7f2ea; text-align: center; vertical-align: middle; }


/* #navcontainer>ul#navlist li a	{ width: auto; } */
#navcontainer>table#navlist td a	{ width: auto; }

/* ul#navlist li a:hover			{ color: #666666; background: #FAF7F1; text-decoration: none; } */
table#navlist td a:hover			{ color: #666666; background: #FAF7F1; text-decoration: none; }

/*
ul#navlist li a:active,
ul#navlist li#active a			{ color: #666666; background: #FDFCFA; border-color: #aaab9c #fff #fff #ccc; text-decoration: none; }
*/
table#navlist td a:active,
table#navlist td#active a			{ color: #666666; background: #FDFCFA; border-color: #aaab9c #fff #fff #ccc; text-decoration: none; }

/*
ul#navlist li a:hover,
ul#navlist li#active a:hover	{ color: #800000; background: #FFFFFF; border-color: #aaab9c #fff #fff #ccc; }
*/


/* FOOTER
-------------------------------------------------------------------------------- */
#addedinfo			{ border-top: 1px solid #CCCCCC; padding: 0 5px 10px 0; margin-top: 20px }

#addedinfo li		{ list-style: square; color: #666666; }

#footerlinks		{ margin: 10px 15px 10px 15px; color: #666666; line-height: 180%; font-size:11px; }
#footerlinks a		{ color: #666666; }

#footerlinks a.external,
#footerlinks a[href ^="http://"]	{ background: url(../img/icons/extlink_grey.png) center right no-repeat; padding-right: 10px; }

#footer				{ padding: 15px; color: #999999; line-height: 180%; font-size:11px; background-color: #ECEEF0; color: #666666; }
#footer #logos		{ float: right; margin-top:-5px; margin-left: 10px; text-align:right; }
#footer #logos img	{ vertical-align: middle; }


/* HIGHSLIDE
-------------------------------------------------------------------------------- */
.highslide			{ cursor: url(../img/highslide/zoomin.cur), pointer; outline: none; }
.highslide-caption	{ display: none; border: 2px solid white; border-top: none; padding: 5px; background-color: white; font-size: 11px; line-height: 150%; }
.highslide-loading	{ display: block; color: white; font-size: 9px; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border-top: 1px solid white; border-bottom: 1px solid white; background-color: black; }

.highslide-display-block	{ display: block; }
.highslide-display-none		{ display: none; }

.highslide-caption .copyright	{	color:#999999; }


/* MAIN PAGE ROTATOR
-------------------------------------------------------------------------------- */
#rotator		{ cursor: pointer; overflow: hidden; position: relative; width: 640px; height: 250px; }
#rotator img	{ border: 0; cursor: pointer; width: 640px; height: 250px; }