@charset "utf-8";
/* CSS Document */

/* =======================SETTING UP PAGE/BROWSER WINDOW LAYOUT */
* { 
    margin: 0; 
  } 

img{border:none; }

a{outline:none;}
 
html, body { 
    height: 100%; 
	margin: 0;
	text-align: center;
	background: url('../images/bg_gradient.jpg') top left repeat-x #FFF;
	background-color: #FFF;

  } 

html>body #window {
    height: auto; /*this undoes the IE hack, hiding it
                    from IE using the child selector*/
}

#window {
	position:relative; /* needed for footer positioning*/
	margin: 0 auto -99px; /* the bottom margin is the negative value of the footer's height */
	/*height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

* html #window{
        height: 100%;
		overflow-x: hidden; /* ADDED CODE remove vertical scrollbars for IE */

}

/* ======================END OF SETTING UP PAGE/BROWSER WINDOW LAYOUT */

/* ======================FOOTER====================================== */
.clearfooter {   height: 115px;   clear: both;}/*added 16 px to the height so as to have some white spaces*/

#footer {   
	height: 99px;  
	position: relative;
	border:none;
	min-width:1238px;
}
#footerCn {
	height: 78px;
	position: relative;
	border-top:1px solid #fff;
	margin:0px;
	background-color:#1B2940;
	overflow: hidden;
	width:100%;
}
#footerCn #lnkCn {
	float:center;
	color:#fff;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	width:931px; /*1258*/
	text-align:left;
	padding-left:327px;
	padding-top:14px;
	margin:0 auto;
	/*border:1px solid #F00;*/
}
#footerCn #lnkCn .linkTxt a{
	padding:0 20px 0 0;
	color:#fff;
	text-decoration:none;
}
#footerCn #lnkCn .linkTxt a:hover{
	padding:0 20px 0 0;
	color:#1DBCBA;
	text-decoration:none;
}

.lnkCopy {
	float:left;
	color:#1DBCBA;
	font:bold 12px Century Gothic, Arial, Helvetica, sans-serif;
	width:850px;
	text-align:left;
	padding-top:4px;
	margin:0 auto;
	border-top:1px solid #2D3A4F;
	margin-top:4px;
}

.lnkCopy a{
	color:#7AEBE8;
	text-decoration:none;
}
.lnkCopy a:hover{
	color:#fff;
	text-decoration:none;
}
#footerCnSp {   
	height: 20px;
	background-color:#E0EBF5;
}
/* ======================END OF FOOTER=============================== */

/* ======================SITE CONTAINER============================== */
.mnContainer {
	position:relative;
	width: 1238px;
	text-align: left;
	margin: 0 auto;
	padding-right:20px;
}
/* ======================END OF SITE CONTAINER============================== */

/* ======================LANGUAGE SELECTION================================= */
#lang {
	float:left;
	width:auto;
	padding:13px 0 0 0;
	margin:0 0 0 0;
	display:block;
	height:24px;
	text-align:left;
	color:#FFF;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	/*border:1px solid #F00;*/
} 

#lang .lnkLang {
	color:#fff;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background: url('../images/bg_lang.gif') center no-repeat;
	padding:3px;
}
#lang .lnkLangOff a {
	color:#0C65AD;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background:none;
	padding:3px;
}
#lang .lnkLangOff a:hover {
	color:#fff;
	font:normal 10px Arial, Helvetica, sans-serif;
	text-decoration:none;
	background: url('../images/bg_lang.gif') center no-repeat;
	padding:3px;
}


/* ======================END OF LANGUAGE SELECTION============================== */


/* ======================MENU CONTAINER ============================== */
#CnMainMenu {
	float:left;
	text-align:right;
	display:block;
	width:1238px;
	height:34px;
	padding:10px 0 7px 0;
	/*border:1px solid #000;*/
	
}
/* ======================END OF MENU CONTAINER ============================== */


#CnLogo {
	float:left;
	text-align:left;
	display:block;
	width:502px;
	height:153px;
	padding:0;
	background:#0D65AE;
	margin:0 0 0 0;
	z-index:999;
	position:absolute;
	top:60px;
	left:0px;
	
}
#CnLogo #logo {
	float: left;
	display: inline;
	margin: -10px 0px 0px 42px;
	width:246px;
	height:138px;
	display:block;
	background: url(../images/logo_15_ans.jpg)/*url(../images/logo.gif)*/ center bottom no-repeat;
}

/* ======================LEFT PANEL ============================== */

#lfPanel {
	display:block;
	float:left;
	width:303px; /*323*/
	height:auto;
	padding:16px 10px 5px 10px;
	position:relative;
	margin:162px 0 0 0;
	
/*	position:absolute;
	top:257px;
*/
}


#lfPanel #cinemaCn{
	width:303px;
	float:left;
	margin:0 0 30px 0;
}

.hdCinema {
	background:url(../images/bg_hdCinema.gif) left no-repeat;
	color:#FFF;
	text-align:left;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	height:22px;	
	width:269px;
	padding:5px 0 0 10px;
	margin:0 0 10px 0;
}
#cinemaSliderCn { 
	float:left;
	padding:0;
	margin:0;
	text-align:left;
	border:1px solid #0C0;
}

#lfPanel #officesCn{
	width:303px;
	float:left;
	margin:0 0 10px 0;
}

.hdOffice {
	background:url(../images/bg_hdOffices.gif) left no-repeat;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	height:22px;	
	width:269px;
	padding:5px 0 0 10px;
	margin:0 0 10px 0;
}

#officesModCn {
	float:left;
	display:block;
	background:url(../images/office_door_knob.gif) left top no-repeat;
	width:303px;
	height:auto;
	min-height:261px;
	position:relative;
}

#officesModCnFr {
	float:left;
	display:block;
	background:url(../images/bureau_disponible.gif) left top no-repeat;
	width:303px;
	height:auto;
	min-height:261px;
	position:relative;
}


#officesModDoorImg {
	float:left;
	display:block;
	width:97px;
	height:260px;
	margin:0;
	position:relative;
	/*top:0;
	left:0;*/
}

#officesModContent {
	float:left;
	display:block;
	width:202px;
	height:auto;
	margin:0;
	position:relative;
	margin-top: 90px;
	/*top:92px;
	left:101px;*/
}
#officesAvHd{
	background:url(../images/fdAvOffice.gif) left no-repeat;
	width:194px;
	height:20px;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:0 0 0 8px;
	margin-bottom:5px;

}
.officeAvGris {	
    color:#666;
	font:normal 12px Arial, Helvetica, sans-serif;
}
.officeAvBleu {	
    color:#0C65AD;
	font:normal 16px Arial, Helvetica, sans-serif;
	line-height:16px;
}
.lnkOffInfo a{
    color:#333;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.lnkOffInfo a:hover{
    color:#0C65AD;
	font:normal 14px Arial, Helvetica, sans-serif;
	text-decoration:none;
}

/*#officesLink{
	float:left;
	width:214px;
	text-align:left;
	margin:0;
}

#officesLink ul{
	list-style:none;
	text-align:left;
	margin:0;
	padding:5px 0 0 0;
	width:192px;
}

#officesLink li{
	list-style:none;
	width:214px !important;
	background: url(../images/fdLnkOffice_off.gif) left no-repeat;
	margin:5px 0 0 0;
}

#officesLink li a{
	text-decoration:none;
	padding-left:6px;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;	
	display:block;
	width:208px !important;
	height:20px;

}

#officesLink li a:hover{
	color:#FFF;
	text-decoration:none;
	background: url(../images/fdLnkOffice_on.gif) left no-repeat;


}
*/
/*#lfPanel #facebookCn{
	width:303px;
	float:left;
}

.hdFacebook {
	background:url(../images/bg_hdFacebook.gif) left no-repeat;
	color:#FFF;
	text-align:left;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	height:25px;	
	width:229px;
	padding:6px 0 0 10px;
	margin:0 0 5px 0;
}
.lnkFacebook a {
	color:#02609F;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	background:url(../images/icon_facebook.jpg) left no-repeat;
	padding-left:26px;
	text-decoration:none;
}

.lnkFacebook a:hover{
	color:#495466;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
}*/

#lfPanel #sendEmailCn{
	width:293px;
	height:260px;
	float:left;
	margin:10px 0 5px 0;
	padding:0 10px 0 10px;
	background:url(../images/bg_em_lnk.gif) left no-repeat;
}

.hdSendEm {
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	color:#1DBCBA;
	text-align:left;
	height:22px;	
	width:269px;
	padding:10px 0 0 10px;
	margin:0 0 10px 0;
}


#emailLinks{ display:block; float:left;	width:auto; text-align:left; font:normal 13px Century Gothic, Arial, Helvetica, sans-serif; margin:0;}
#emailLinks ul{	list-style:none; text-align:left; margin:0; padding:0; }
#emailLinks li{	list-style:none; background: url(../images/email_env.gif) left top no-repeat;	height:auto; margin-bottom:7px; }
#emailLinks li a{color:#fff;	text-decoration:none; padding:0 0 0 20px;	font:normal 13px Century Gothic, Arial, Helvetica, sans-serif;	display:block;	width:283px !important;	height:auto; }
#emailLinks li a:hover{ color:#1DBCBA; text-decoration:none; background:url(../images/email_env.gif) left top no-repeat;}





#lfPanel #searchCn{
	width:303px;
	float:left;
	margin:10px 0 5px 0;
	padding-bottom:106px;
	background:url(../images/bg_search_wave.gif) bottom no-repeat;
}

#searchInputBg {
	background:url(../images/bg_search_input.png) left no-repeat;
	width:289px;
	height:40px;
	float:left;
}

#searchInputBox {
	width:200px;
	height:28px;
	float:left;
	padding:12px 15px 0 23px;
}
.searchBut{
	float:left;
	text-decoration:none;
	background:none;
	width:29px;
	height:32px;
	padding:0;
}

.titleSearch {
	color:#495466;
	text-align:left;
	font:normal 16px Century Gothic, Arial, Helvetica, sans-serif;
	padding:0 0 6px 0;
}
.inputTxt {
	color:#0C65AD;
	font:normal 11px Arial, Helvetica, sans-serif;
	height:17px;
	width:200px;
	background:none;
	border:none;
}


/* ======================END OF LEFT PANEL ============================== */


/* =====================NEWS  ============================== */

#newsCn {
	float:right;
	width:915px;
	height:auto;
	padding:14px 0 0 0;
	margin:0;
}

#newsCnHd {
	padding:0;
	margin:0;
	text-align:left;
	color:#0C65AD;
	font:bold 14px Century Gothic, Arial, Helvetica, sans-serif;
	height:42px;
}
.bulleEvents {
	background:url(../images/bgTitEvents.gif);
	width:217px;
	height:32px;
	padding:7px 0 0 0;
	text-align:center;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	margin-right:10px;
}

.lnkEvents a {
	color:#0C65AD;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.lnkEvents a:hover {
	color:#1DBBB9;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

#newsHolder {
	float:left;
	width:887px;
	padding:14px;
	display:block;
	margin:0;
	background:#F5F5F5;	
}


.newsListCn {
	float:left;
	width:887px;
	padding:0 0 0 0;
	margin:0 0 15px 0;
	border-bottom:1px solid #E7E7E7;
	display:block;
}


.newsListDate {
	width:49px;
	min-height:36px;
	padding:19px 0 0 0;
	margin:0 20px 0 0;
	float: left;
	background:transparent url(../images/bg_dateNews.png) right top no-repeat;
}

.dDate { color:#1DBCBA; font:normal 20px Century Gothic, Arial, Helvetica, sans-serif; float:left; width:23px; padding-top:3px;}
.dMonth { color:#333333; font:bold 11px Century Gothic, Arial, Helvetica, sans-serif; float:left; width:26px; text-align:center;}
.dYear { color:#8F8F8F; font:bold 11px Century Gothic, Arial, Helvetica, sans-serif; float:left; width:26px; text-align:center;}


.newsListTit {
	width:818px;
	color:#0C65AD;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	padding-bottom:10px;
	text-transform:uppercase;
	float:left;
}
.newsListTit a {
	color:#0C65AD;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.newsListTit a:hover {
	color:#0C65AD;
	font:bold 16px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.newsListSum {
	width:818px;
	padding:0 0 10px 0;
	margin:0;
	color:#666;
	font:bold 12px Century Gothic, Arial, Helvetica, sans-serif;
	float:left;
	line-height:20px;
}
.newsListSum a{
	color:#666;
	font:bold 12px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:20px;
}
.newsListSum a:hover{
	color:#666;
	font:bold 12px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
	line-height:20px;
}

.evDate{ color:#0D65AE;	font:bold 12px Century Gothic, Arial, Helvetica, sans-serif;
}
.rdMore a{ color:#1DBCBA; font:bold 12px Century Gothic, Arial, Helvetica, sans-serif; text-decoration:none !important;}
.rdMore a:hover { color:#1B2940; font:bold 12px Century Gothic, Arial, Helvetica, sans-serif; text-decoration:none !important;}

/* =====================INTERIOR PAGES MAIN CONTENT ============================== */
#intMainPhoto {
	position:relative;
	width:915px;
	height:230px;
	float:right;	
}
#intMainCn {
	float:left;
	width:915px;
	height:auto;
	padding:0;
	margin:0;	
}
#intMainCnTitle {
	display:block;
	padding:10px 0 0 0;
	margin:0;
	text-align:left;
	height:30px;
}
#intMainCnTitleSepa {
	padding:0;
	margin:0;
	text-align:left;
	height:1px;
	background:url(../images/dotted.gif) repeat-x left;
}
.brdMenu1 {
	float:left;
	color:#919191;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.brdMenu1 a:link{
	color:#919191;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.brdMenu1 a:visited{
	color:#919191;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}
.brdMenu1 a:hover{
	color:#0C65AD;
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.brdMenu2 {
	float:left;
	color:#0C65AD;
	font:normal 20px/18px Century Gothic, Arial, Helvetica, sans-serif;
	text-decoration:none;
	
}
.brdArrow {
	float:left;
	display:block;
	width:13px;
	height:18px;
	padding:0 10px;
}

#intMain {
	float:left;
	width:915px;
	height:auto;
	padding:12px 0 0 0;
	margin:0;
	color:#7E7E7E;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-align:justify;
}

#intMain a{
	color:#0C65AD;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-decoration:underline;
}
#intMain a:hover{
	color:#999;
	font:normal 14px Arial, Helvetica, sans-serif;
	line-height:18px;
	text-decoration:none;
}
/* =====================END OF INTERIOR PAGES MAIN CONTENT ============================== */


#lfPanel #subMenuCn{
	width:303px;
	float:left;
	margin:62px 0 0 0;
}

#subMenuCnHd {
	background:url(../images/bg_hdSubMenu.gif) left no-repeat;
	font:normal 16px Century Gothic, Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:left;
	height:26px;	
	width:219px;
	padding:5px 0 0 10px;
	margin:0 0 10px 0;
}
#conInfoTxt {
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#666;
	text-align:left;
	height:auto;	
	width:293px;
	padding:5px 0 0 10px;
	margin:0 0 10px 0;
}

#conInfoTxt a{
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#0C65AD;
	text-decoration:none;
}
#conInfoTxt a:hover{
	font:normal 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#333;
	text-decoration:none;
}
.conInfoTxtBlu {
	font:bold 14px Century Gothic, Arial, Helvetica, sans-serif;
	color:#0C65AD;
}


