@charset "UTF-8";
/* CSS Document */


/* ----------------------------- */
/*          visuel.ch            */
/* ----------------------------- */

body {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	background-color: #6799C8;
	background-image: url(../images/bkgd.gif);
	background-repeat: repeat-x;
}

a img {
  border: 0;
}

html, body, ol, ul, form, fieldset {
  margin: 0;
  padding: 0;
}

fieldset {
  border: 0;
}

textarea {
  font: inherit;
}

#print {
  display:none;
}

.clear {
  clear: both;
}

.bankgothic{
		font-family: 'leysinfont',Arial, Helvetica, sans-serif;
}


#content table.styled tr:nth-child(odd) td, #content table.styled tr:nth-child(odd) th {
  background: #ddd;
}

#content table.styled tr:nth-child(even) td, #content table.styled tr:nth-child(even) th {
  background: #eee;
}

/* ----------------------------- */
/*    Typographie globale        */
/* ----------------------------- */

h2 {
	color: #FFFFFF;
	margin: 10px 0 15px 0;
	padding: 0px 0 0 0;
	line-height: 1.2;
	font-size: 2em;
	letter-spacing:-1px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
}

h3 {
	color : #FFFFFF;
	font-size: 1.4em;
	font-weight: normal;
	margin: 10px 0 5px 0;
	padding: 10px 0 0 0;
}

h4 {
	font-size: 1.1em;
	margin: 1.5em 0 0.8em 0;
}

h5 {
	font-size: 1em;
	/*font-style: italic;
	font-weight: normal;*/
	margin: 1.5em 0 1em 0;
}

a {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
  }


a:hover, a:active {
  text-decoration: underline;
}

/* ----------------------------- */
/*   Titre de la couv Galerie    */
/* ----------------------------- */

.titregalerie {
	padding-top: 10px;
	padding-left: 4px;
}

/* ----------------------------- */
/*            bloc Page          */
/* ----------------------------- */

#global {
	width: 1024px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

/* Contenu principal */
#principal {
	background-image: url(../images/fond_center.png);
/*	background-repeat: repeat-x;
	background-position: 100%;*/
}
#principal a {
	color: #FFFFFF;
	text-decoration: underline;
}
#principal a:hover{
	color: #8C0A0C;
	background-image: none;
	text-decoration: none;
	font-weight: normal;
}
#principal a:active{
	color: #8C0A0C;
	background-image: none;
	text-decoration: none;
	font-weight: normal;
}


#principal strong {
	color: #FFFFFF;
}

/* Contenu secondaire */
#secondaire {
	background-color: #423B35;
}



/* --- POSITIONNEMENT --- */


/* En-tête */
#entete {
	height: 130px;
	background-color: #E1EDF6;
	padding-bottom: 20px;
	padding-right: 25px;
	margin-right: 20%;
	padding-left: 25px;
	margin-left: 20%;
}
#titre  {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px;
	color: #6799C8;
	left: 0px;
	top: 0px;
	line-height: normal;
	width: 90%;
}

/* Menu principal */

ul#menu {
	font-family: "bank gothic";
	font-weight: normal;
	top: 0;
	right: 0;
	list-style: none;
	position: relative;
	width: 100%;
}
#menu {
}
ul#menu a:hover, a:active a:visited {
	font-weight: normal;
	color: #8C0A0C;
}

ul#menu li {
	height: 100px;
	text-align: center;
	padding-right: 10px;
	padding-left: 10px;
	clear: right;
	float: left;
}
ul#menu li.selected, ul#menu li.selected a:visited, ul#menu li.selected a:active {
	text-decoration: none;
	color: #8C0A0C;
	background-image: url(../images/menu_blue.gif);
	background-repeat: repeat-x;
}
ul#menu li:hover, li:active a {
	text-decoration: none;
	color: #8C0A0C;
	background-image: url(../images/menu_blue.gif);
	background-repeat: repeat-x;
	
}

ul#menu li a {
	text-decoration: none;
	color: #6799C8;
	font-size: 10pt;
	text-transform: capitalize;
}


/* Bloc central */
#centre {
	position: relative;
	width: 100%;
	background-image: url(../images/fond_img_blue.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	}
#centre .texte {
	padding-top: 20px;
}
#centre .imgVideo {
	padding-top: 20px;
	height: 134px;
}
/* Menu de navigation */
#navigation {
	position: absolute;
	width: 180px;
	text-align: right;
	background-image: url(../images/logo_blue.png);
	background-repeat: no-repeat;
	margin-top: 135px;
	z-index: 1;
	float: left;
	background-position: right top;
	padding-left: 13px;
}

#navigation ul {
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	padding-top: 10px;
	padding-bottom: 10px;
}
#navigation a:hover, a:active {
	font-weight: bold;
	background-image: url(../images/menu_fleche.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #8C0A0C;
}
#navigation a {
	display: block;
	height: 1%;
	padding: 6px 10px 6px 10px;
	line-height: 1.5;
	font-size: .9em;
	text-decoration: none;
}
a.selected, a.selected:hover, a.selected:active{
	font-weight: bold;
	background-image: url(../images/menu_fleche.png);
	background-position: right;
	background-repeat: no-repeat;
	color: #8C0A0C;
}
/* Contenu principal */
#principal {
	margin-left: 20%;
	margin-right: 20%;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 10px;
	padding-left: 25px;
}

#secondaire_img/* Contenu secondaire */
 {
	position: absolute;
	top: 0;
	right: 0;
	width: 280px;
	height: 150px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	/*	padding-left: 20px;*/
	z-index: 4;
	padding-top: 0px;
	background-image: url(../images/img_keypass01.jpg);
	background-repeat: no-repeat;
	height: 120px;
	left: 820px;
	float: right;
}
#keypass {
	position: absolute; /* -> 1 */
	top: 0;
	right: 0;
	width: 200px;
	background-image: url(../images/keypass_marron.png);
	height: 150px;
	padding-top: 35px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
	background-repeat: no-repeat;
	margin-top: 96px;
	left: 837px;
	z-index: 5;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
}


/* Mention de copyright */
#copyright {
	margin: 20px 0;
	font-size: .85em;
	text-align: left;
}

/* ----------------------------- */
/*            Footer             */
/* ----------------------------- */

#footer {
	font-size: 9pt;
	color: #FFFFFF;
	background-color: #8C0A0C;
	background-image: url(../images/mail_blue.gif);
	background-repeat: no-repeat;
	background-position: 26px center;
	margin-left: 20%; /* -> 2 */
	margin-right: 20%;
	padding-top: 8px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 53px;
}
.footer_linkEN{
	font-size: 11px;
}

#footer-menu {
	text-align: left;
	margin-top: 5px;
	margin-right: 20%;
	margin-left: 20%;
	font-size: 8pt;
	padding-left: 25px;
}

#footer-menu a:hover{
	background-image: none;
	font-weight: normal;
}
#footer-menu a:active{
	background-image: none;
	color: #8C0A0C;
	font-weight: normal;
}