@charset "UTF-8";

body {
	background-image: url(/_images/bg_01.png);
	background-repeat: repeat;
	padding: 0px;
	margin: 0px;
}

#master_container {
	width: 778px;
	margin: 0 auto;
	margin-top: 0px;
	padding: 0px;
	/*text-align: left;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #414141;
	border-right-color: #414141;
	border-right-style: solid;
	border-right-width: 1px;
	background-color: #DFEAF9;*/
}

#container {
	width: 778px;
	margin: 0 auto;
	margin-top: 0px;
	padding-top: 0px;
	text-align: left;
	border-top: 1px #000 solid;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #414141;
	border-right-color: #414141;
	border-right-style: solid;
	border-right-width: 1px;
	background-color: #DFEAF9;
}

#mainContent {
	padding: 0px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	min-height: 500px;
}

#page_header {
	background-color: #DFEAF9;
	background-image: url(/_images/top_02.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 135px;
	margin-top: 0px;
	padding-top: 0px;
	
}


/* master_container */
	#mc_header {
		clear:both;
        float:left;
        width:780px;
	}
	
	#mc_footer {
        clear:both;
        float:left;
        width:740px;
		padding-left: 20px;
		padding-right: 20px;
		margin-top: 0px;
		padding-top: 6px;
		font-family: Geneva, Arial, Helvetica, sans-serif
    }
	
	.mc_colmask {
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
	    float:left;
        width:780px;				/* width of whole page */
		overflow:hidden;		/* This chops off any overhanging divs */
	}
	
	.mc_layout {
	    /*background:#ff9;*/    	/* Right column background colour */
	}
	
	.mc_layout .colmid {
        float:left;
        width:200%;
        margin-left:-20px; 	/* Width of right column */
        position:relative;
        right:100%;
    }
    .mc_layout .colleft {
        float:left;
        width:100%;
        margin-left:-50%;
        position:relative;
        left:40px;         	/* Left column width + right column width */
        /*background:#FFD8B7;*/    	/* Left column background colour */
    }
    .mc_layout .col1wrap {
        float:left;
	    width:50%;
	    /*position:absolute;*/
	    right:20px;        	/* Width of left column */
	    /*padding-bottom:1em;*/ 	/* Centre column bottom padding. Leave it out if it's zero */
		
		
	}
	.mc_layout .col1 {
        margin: 0 0px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position:relative;
	    left:200%;
	    overflow:hidden;
		width:740px;
        background-color: #dfeaf9;    	/* Centre column background colour */
		border-color:#444444;
		border-style: solid;
		border-bottom-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 0px;
		background-image:url(/_images/interface/bg_bas_page.png);
		/*background-attachment: right;*/
		background-position: 100% 100%;
		background-repeat: no-repeat;
		padding-bottom: 40px;
	}
	
    .mc_layout .col2 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:20px;        	/* Width of left column content (left column width minus left and right padding) */
        position:absolute;
        right:0px;         	/* Width of the left-had side padding on the left column */
		/*background-image: url(/_images/page_side_left.png);
		background-repeat: repeat-y;*/
		height: 100%;
    }
    .mc_layout .col3 {
        float:left;
        float:right;			/* This overrides the float:left above */
        width:20px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right:0px;  	/* Width of right column right-hand padding + left column left and right padding */
        position:absolute;
        left:50%;
		left: 760px;
		top: 400px;
		/*background-image:url(/_images/page_side_right.png);
		background-repeat:repeat-y;*/
		height: 100%;
    }
	#mc_bottom {
		/*background-image:url(/_images/page_bottom.png);*/
	}

/* Top menu */

#topmenu  {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
    width:580px;				/* width of whole page */
	overflow:hidden;
	left: 210px;
	top: 30px;
	
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#topmenu ul {
	padding:0px;
	margin:0;
	/* display:inline; */
	list-style:none;
}

#topmenu li
{
	float:left; /*pour IE*/
	background-color: #BBBBBB;
	
	padding-left: 0px;
	padding-right: 0px;
	
	border-left-color: #000000;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-right-width: 1px;
	
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	
	
}

#topmenu ul li a
{
	display:block;
	float:left;   
	width:80px;
	background-color:#6495ED;
	
	color:black;
	text-decoration:none;
	text-align:center;

	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#topmenu ul li a:hover {
	background-color:#ffffff;
} 

.langMenu {
	float: right;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 10px;
	margin-top: 128px;
	margin-right: 2px;
	color: #88b;
}

.langMenu a {
	color: #004b90;
	text-decoration: none;
}

.langMenu a:hover {
	color: #004b90;
	text-decoration: underline;
}

/* Foot menu */

#textFooterCopyright {
	color: #eeeeee;
	font-size: 10px;
	letter-spacing: normal;
	text-align: right;
	padding-top: 0px;
	margin-top: 0px;
}
#textFooterMenu {
	color: #eeeeee;
	font-size: 10px;
	letter-spacing: normal;
	text-align: left;
	padding-top: 0px;
	margin-top: 0px;
}
#textFooterMenu a{
	color: #eeeeee;
	text-decoration: none;
}

#textFooterMenu a:hover{
	color: #eeeeee;
	text-decoration: underline;
}

.headerBlock {
	height: 42px;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	
	.headerLeft {
		background-image: url(/_images/interface/bg_header_left.png);
		background-repeat: no-repeat;
		width: 20px;
		height: 42px;
		float: left;
	}
	
	.headerText {
		background-image: url(/_images/interface/bg_header_text.png);
		background-repeat: repeat-x;
		height: 42px;
		margin: 0px;
		padding-left: 10px;
		float: left;
	}
	
	.headerText h1 {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		color: #004b90;
		line-height: 40px;
		margin: 0px;
	}
	
	.headerRight {
		background-image: url(/_images/interface/bg_header_right.png);
		background-repeat: no-repeat;
		height: 42px;
		width: 100px;
		float: left;
	}
	
	.profileHeaderBlock {
	height: 42px;
	padding-top: 40px;
	padding-bottom: 6px;
	}
	
	.profileHeaderLeft {
		background-image: url(/_images/interface/bg_profile_header_left.png);
		background-repeat: no-repeat;
		width: 20px;
		height: 42px;
		float: left;
	}
	
	.profileHeaderText {
		background-image: url(/_images/interface/bg_profile_header_text.png);
		background-repeat: repeat-x;
		height: 42px;
		min-width: 200px;
		margin: 0px;
		padding-left: 10px;
		float: left;
	}
	
	.profileHeaderText h1 {
		margin-top: 1px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #004b90;
		line-height: normal;
	}
	
	.profileHeaderText h2 {
		padding-top: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #a2c2e6;
		color: #fff;
		text-align: left;
	}
	
	.profileHeaderRight {
		background-image: url(/_images/interface/bg_profile_header_right.png);
		background-repeat: no-repeat;
		height: 42px;
		width: 100px;
		float: left;
	}

	.profile p {
		padding-top: 0px;
		margin-top: 0px;
	}

	#mainContent {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: justify;
	}
	
	#mainContent a {
		color: #004b90;
		text-decoration: none;
	}
	
	#mainContent a:hover {
		text-decoration: underline;
	}
.developpement_list {
}
.developpement_list li {
	font-size: 15px;
	padding-top: 1px;
	padding-bottom: 1px;
	list-style-type: none;
	padding-left: 50px;
}
.developpement_list li h1 {
	padding-bottom: 0px;
	margin-bottom: 0px;
	font-size: 20px;
}
.developpement_list li p {
	margin-top: -2px;
	padding-top: 0px;
	font-size: 12px;
}

.contactInfo {
	margin-left: 60px;
	float: left;
}

.contactInfo p {
	font-size: 15px;
}

.contactInfo h1 {
	font-size: 18px;
	padding: 0px;
	margin: 0px;
}

#newsList {
	width: 180px;
	background-color:#a0c4e6;
	border-color:#444444;
	border-style:solid;
	border-width: 1px;
	padding: 6px;
}

#newsdate {
	color: #888;
	padding: 0px;
	margin: 0px;
}


#newsList ul {
	font-size: 9px;
	list-style: none;
	padding-left: 6px;
	padding-right: 4px;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#newsList a:hover {

}
#newsList li {
	padding-bottom: 6px;
	font-size: 10px;
}
#newsList a {
	text-decoration: none;
	color: #333333;
}

#newsArticle {
	width: 480px;
}
#newsArticle h1 {
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	color: #004b90;
}

#newsArticle h2 {
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-bottom: 6px;
	color:#999999;
	text-align: left;
}

#newsList h1 {
	padding-top: 0px;
	margin-top: 0px;
	font-size: 16px;
	color: #fff;
	border-bottom-style:dotted;
}


	.introMovie {
		border: 0px;
		border-color: black;
		border-style: solid;
		margin-top: 20px;
	}
	
	.introTopSection {
		border: 0px;
		border-color: black;
		border-style: solid;
	}
	
	.introMoviePlayer {
		border: 1px;
		border-color: black;
		border-style: solid;
		/*width: 696px;
		height: 376px;*/
		width: 500px;
		height: 300px;
		overflow: hidden;
		margin-left: 6px;
		margin-right: 12px;
		float: left;
	}
	
	.introNewsFrame {
		border: 0px;
		border-color: black;
		border-style: solid;
		width: 168px;
		height: 300px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 0px;
		margin-left: 4px;
		margin-right: 4px;
	}
	
	.introNews {
		border: 0px;
		border-color: black;
		border-style: solid;
		width: 168px;
		overflow: hidden;
		margin-top: 0px;
		margin-bottom: 0px;
	}
	
	.introNewsBlock {
		border: 0px;
		border-top: 1px;
		border-color: #666;
		border-style: solid;
		background-image: url(/_images/interface/bg_intro_news_top2.png);
		background-repeat: no-repeat;
		background-color: #a1c4e7;
		padding-bottom: 0px;
	}
	
	.introNews h1 {
		border: 0px;
		border-color: #666;
		border-style: solid;
		padding: 7px;
		margin-top: 0px;
		padding-bottom: 4px;
		padding-top: 4px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		color: #eee;
		text-align: left;
	}
	
	.introNews p {
		border: 0px;
		border-color: #666;
		border-style: solid;
		font-size: 12px;
		text-align: justify;
		font-family: Arial, Helvetica, sans-serif;
		
		padding: 10px;
		padding-top: 0px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	
	.introNewsBottom {
		background-image: url(/_images/interface/bg_intro_news_bottom.png);
		background-repeat: no-repeat;
		height: 20px;
		margin-bottom: 20px;
	}
	
	.introNewsBottom2 {
		border: 1px;
		border-color: #666;
		border-style: solid;
	}
	
	.introMovieList {
		border: 0px;
		border-color: #666;
		border-style: solid;
		/*float: left;*/
		margin-top: 8px;
		overflow: hidden;	
	}
	
	.introMovieInstance {
		border: 0px;
		border-color: #666;
		border-style: solid;
		float: left;
	}
		
	.introMovieInstanceImage {
		border: 1px;
		border-color: #666;
		border-style: solid;
		padding: 0px;
		margin: 6px;
		background-color: #C93;
		width: 125px;
		height: 188px;
		overflow: hidden;
		background-image:url(/_images/placeholders/poster_medium_placeholder.jpg);
		background-repeat:no-repeat;
	}
	
	.introMovieInstanceImage div:hover {
		border-color: #F00;
	}
	
	.introMovieInstanceCaption {
		padding: 0px;
		margin: 6px;
		width: 127px;
		border: 0px;
		border-color: #666;
		border-style: solid;
		overflow: hidden;
		background-image: url(/_images/interface/bg_poster_caption2.png);
		background-repeat: repeat-x;
		min-height: 60px;
	}
	
	.introMovieInstanceCaption h1, h2 {
		text-align: center;
		font-family: Verdana, Geneva, sans-serif;
		padding: 0px;
		margin: 4px;
		margin-top: 0px;
	}
	
	.introMovieInstanceCaption h1 {
		font-size: 12px;
	}
	
	.introMovieInstanceCaption h2 {
		font-size: 8px;
		margin-bottom: 0px;
	}
	
	.introBottom {
		border: 0px;
		border-color: #666;
		border-style: solid;
		height: 24px;
		width: 356px;
		margin-top: 8px;
		position: relative;
		left: 332px;
	}
	
	.introBottomTrail {
		background-image: url(/_images/interface/bg_intro_bottom_trail2.png);
		height: 24px;
		width: 100px;
		background-repeat: no-repeat;
		float: left;
	}
	
	.introBottomText {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: right;
		line-height: 24px;
		height: 24px;
		width: 236px;
		padding-right: 4px;
		background-color: #a2c2e6;
		float: left;
		
	}
	
	.introBottomText a {
		text-decoration: none;
		color: #eeeeee;
	}
	
	.introBottomText a:hover {
		text-decoration: underline;
	}
	
	.introBottomEndofline {
		background-image: url(/_images/interface/bg_intro_bottom_endofline.png);
		height: 24px;
		width: 16px;
		float: left;
	}
	
	.introNewsLinkLeft {
		background-image: url(/_images/interface/bg_intro_news_link_left.png);
		height: 24px;
		width: 24px;
		background-repeat: no-repeat;
		float: left;
	}

.prodDetail {
	/*border: 1px #000 solid;*/
}

.prodDetailLeft {
	/*border: 1px #f00 solid;*/
	float: left;
	width: 430px;
}

.prodDetailRight {
	/*border: 1px #0f0 solid;*/
	float: right;
	width: 250px;
	margin-top: -47px;
}

.prodDetailPoster {
	border: 1px #888 solid;
	margin-bottom: 15px;
	width: 250px;
	background-image: url(/_images/placeholders/poster_large_placeholder.jpg);
	background-repeat: no-repeat;
	
}

.prodDetailPhoto {
	border: 1px #888 solid;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 250px;
	
}

.prodDetailFunction {
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.prodDetailName {
	text-align: left;
	font-size: 12px;
}

.prodDetailStrip {
	margin-left: -20px;
	margin-bottom: -40px;
	margin-top: 10px;
}