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

body{
	margin: 0;
	padding: 0;
	background: white url(cssimg/bg_cross.gif) repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	}
.clear{
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
	}

#page{
	margin: 10px auto;
	position: relative;
	width: 990px;
	background: white url(cssimg/bg_sidebar-grise2.jpg) no-repeat 690px 42px;
	}
#home #page{
	background: white url(cssimg/bg_sidebar-grise.jpg) no-repeat 690px 42px;
	}

#home #flash{
	position: absolute;
	left: 0;
	top: 0;
	z-index:1000;
	}

#main{
	float: left;
	}
#top{
	position: absolute;
	padding: 1px 0 0 0;
	height: 188px;
	width: 690px;
	background: white url(cssimg/bg_top-gris.gif) no-repeat 15px top;
	}
	#top h1{
		margin: 40px 0 0 35px;
		padding: 0;
		color:#fff;
		/*color: rgb(4, 114, 166);*/
		font-size: 18px;
		font-weight: bold;
		/*text-transform: uppercase;*/
		}
	#top h2{
		margin: 0 345px 0 25px;
		padding: 10px 0;
		color: white;
		font-size: 45px;
		font-weight: normal;
		letter-spacing: 0;
		line-height: 45px;
		}
	#top img{
		position: absolute;
		margin: 0;
		padding: 0;
		top: 0;
		right: 22px;
		}

#main #contenu{
	margin: 0 0 0 0;
	padding: 205px 15px 15px;
	width: 660px;
	min-height: 350px;
	background: white;
	}
	#main #contenu .fiche_container{
		position: relative;
		margin: 0;
		padding-top: 8px;
		width: 653px;
		background: url(cssimg/arrondi_top.gif) no-repeat left top;
		}
	#main #contenu .fiche{
		margin: 0;
		padding: 10px 0 10px 10px;
		background: url(cssimg/side_borders.gif) repeat-y left top;
		}
		#contenu .fiche h3{
			margin: 10px 0 30px;
			padding: 0 0 0 15px;
			color: rgb(102, 102, 102);
			font-size: 20px;
			font-weight: bold;
			height: 100%;
			}
		/* Texte */
		#contenu .fiche .texte{
			float: left;
			width: 279px;
			font-size: 10px;
			line-height: 14px;
			}
		#contenu .fiche .texte p{
			margin: 0 0 1em 0;
			padding: 0 0 0 15px;
			color: #333;
			text-align: justify;
			}
		#contenu .fiche .texte .intro{
			margin: 0 0 1em 0;
			padding: 0 0 0 15px;
			background: transparent url(cssimg/fleche_vert_gris.gif) no-repeat left 5px;
			font-weight: bold;
			font-size: 12px;
			line-height: 18px;
			}
		/* Images */
		#contenu .fiche .images{
			float: left;
			margin-left: 42px;
			width: 320px;
			background: transparent url(cssimg/bg_fiche_images.gif) repeat-y left top;
			}
			#contenu .fiche .images dl.image{
				position: relative;
				margin: 0 0 50px;
				background: rgb(234, 234, 234);
				border-bottom: 1px solid rgb(234, 234, 234);
				}
				#contenu .fiche .images dl.image dt.image{
					position: relative;
					margin: 0;
					padding: 0;
					text-align: center;
					}
					#contenu .fiche .images dl.image img,
					#contenu .fiche .images dl.image a img{
						cursor: pointer;
						border: none;
						}
					/* Légende */
					#contenu .fiche .images dl.image dd.legend{
						margin: 0 25px;
						padding: 10px 0 0 15px;
						background: transparent url(cssimg/fleche_vert_gris.gif) no-repeat left 14px;
						font-weight: bold;
						}
					#contenu .fiche .images dl.image dt.zoomlink{
						margin: 0 25px;
						padding: 0 0 15px;
						}
						#contenu .fiche .images dl.image dt.zoomlink a{
							color:#ed1c24;
/*							color: rgb(149, 207, 37);
*/							font-size: 10px;
							font-weight: bold;
							}
			/* Images ZOOM */
			#contenu .fiche .images div.imagezoom{
				position: absolute;
				display: block;
				margin: 0;
				padding: 0;
				top: 0;
				right: 0;
				background: white;
				border: 3px solid rgb(1, 67, 141);
				text-align: center;
				visibility: hidden;
				z-index: 1000;
				}
				#contenu .fiche .images div.imagezoom img{
					margin-bottom: 10px;
					}
				#contenu .fiche .images div.imagezoom a{
					text-decoration: none;
					}
					#contenu .fiche .images div.imagezoom a img{
						border: none;
						}
					#contenu .fiche .images div.imagezoom a span{
						display: block;
						padding: 0 0 15px;
						color: #333333;
						text-decoration: underline;
						}
				/**/



		/* Downloads */
		#contenu .fiche .downloads{
			margin: 51px 0 0;
			padding: 30px 10px 10px 30px;
			background: transparent url(cssimg/bg_fiche_images.gif) repeat-x 6px top;
			}
			#contenu .fiche .downloads h4{
				margin: 0;
				padding: 0 0 20px 15px;
				color: rgb(102, 102, 102);
				font-size: 12px;
				font-weight: normal;
				text-transform: uppercase;
				}
			#contenu .fiche .downloads ul{
				margin: 0;
				padding: 0;
				list-style: inside;
				}
				#contenu .fiche .downloads li{
					margin: 0;
					padding: 0;
					color: rgb(102, 102, 102);
					font-size: 11px;
					line-height: 18px;
					}
					#contenu .fiche .downloads li a{
						margin: 0;
						padding: 0;
						color:#ed1c24;
						/*color: rgb(174, 219, 92);*/
						font-weight: bold;
						}
		/* Back To The Top */
		#contenu .fiche_container .backtop{
			padding: 20px 0;
			font-size: 8px;
			font-weight: bold;
			text-align: right;
			text-transform: uppercase;
			background: white url(cssimg/arrondi_bottom.gif) no-repeat left top;
			}
			#contenu .fiche_container .backtop a{
				padding: 3px 20px 3px 0;
				color:#ed1c24;
				/*color: rgb(167, 235, 24);*/
				background: transparent url(cssimg/backtop.gif) no-repeat right center;
				}

	#contenu .fiche .news{
		padding: 1em 0 0;
		background: transparent url(cssimg/bg_fiche_images.gif) repeat-x left top;
		height: 100%;
		}
		#contenu .fiche .news h4{
			margin: 0;
			padding: 0;
			font-size: 14px;
			}
		#contenu .fiche .news h5{
			margin: 0.2em 0;
			padding: 0 0 0 2em;
			font-size: 11px;
			}
		#contenu .fiche .news img{
			float: right;
			margin: 0 1em;
			padding: 0;
			}
		#contenu .fiche .news p{
			margin: 10px 0;
			padding: 0;
			font-size: 11px;
			}
		#contenu .fiche .news p.news_more{
			clear: right;
			margin: 0;
			padding: 0 0 15px 0;
			}
			#contenu .fiche .news p.news_more a{
				color: rgb(11, 76, 142);
				}
			#contenu .fiche .news p.news_more a:hover{
				text-decoration: none;
				}

	/* Formulaire de contact */
	#contenu table.formulaire{
		margin: auto;
		border-collapse: collapse;
		width: 80%;
		}
		#contenu table.formulaire th{
			text-align: left;
			vertical-align: top;
			width: 40%;
			}
		#contenu table.formulaire td{
			padding: 2px 12px;
			width: 60%;
			}
			#contenu table.formulaire td.text input,
			#contenu table.formulaire td.text textarea{
				width: 100%;
				}
		#contenu table.formulaire td.buttons{
			text-align: center;
			}

#sidebar{
	margin: 0 0 0 690px;
	}

#prelude{
	position: relative;
	margin: 0;
	padding: 14px 0 0 0;
	background: white;
	height: 28px;
	font-size: 80%;
	}
	#prelude a{
		color: rgb(62, 62, 62);
		}
	#prelude a#mentions_legales{
		margin: 0 0 0 15px;
		display: none;
		}
	#prelude #langues{
		visibility: hidden;
		position: absolute;
		margin: 0;
		padding: 3px 5px 3px 0;
		right: 25px;
		top: 10px;
		list-style: none;
		border: 1px solid black;
		}
		#prelude #langues li{
			display: inline;
			padding: 0 0 0 5px;
			border-left: 1px solid black;
			}
		#prelude #langues li.first{
			border: none;
			}
		#prelude #langues li a{
			text-decoration: none;
			}

#menu{
	margin: 0;
	padding: 1px 0 0 0;
	}
	#home #menu{
		height: 545px;
		}
	/* Menu déroulant */
	#menu ul.main_menu{
		margin: 0 0 0 0;
		padding: 200px 0 0 0;
		list-style: none;
		font-size: 60%;
		width: 150px;
		}
		#menu ul.main_menu li{
			position: relative;
			margin: 8px 0;
			background: transparent url(cssimg/bg_menu_item.gif) no-repeat left top;
			text-transform: uppercase;
			height: 16px;
			line-height: 16px;
			}
			#menu ul.main_menu li a {
				display: block;
				padding: 0 15px;
				color: rgb(62, 62, 62);
				font-weight: bold;
				text-decoration: none;
				}
			#menu li ul.sub_menu{
				display: none;
				margin: 0;
				padding: 0 0 0 1px;
				position: absolute;
				top: 0px;
				left: 150px;
				width: 146px;
				list-style: none;
				}
			#menu ul.main_menu li:hover,
			#menu ul.main_menu li.sfhover{
				background-position: left -32px;
				}
			#menu li:hover ul.sub_menu,
			#menu li.sfhover ul.sub_menu{
				display: block;
				}
				#menu li ul.sub_menu li{
					margin: 0 0 -2px 0;
					height: 25px;
					padding: 0 0 0 7px;
					background: transparent url(cssimg/bg_submenu.gif) repeat-x left top;
					white-space: nowrap;
					}
				#menu li ul.sub_menu li:hover a,
				#menu li ul.sub_menu li.sfhover a{
					color: white;
					}

		#menu ul.main_menu li.menu_simple{
			position: relative;
			margin: 8px 0;
			background: transparent url(cssimg/bg_menu_item_simple.gif) no-repeat left top;
			text-transform: uppercase;
			height: 16px;
			line-height: 16px;
			}
		/* Menu spéciaux */
		#menu #menu_news{
			margin: -8px 0 0;
			padding: 38px 0 0 5px;
			background: url(cssimg/bg_menu_news.gif) no-repeat 14px top;
			}
		#menu #menu_presse{
			margin: 0;
			padding: 1px 0 0 5px;
			background: url(cssimg/bg_menu_presse.gif) no-repeat 14px top;
			}
		#menu #menu_join_us{
			margin: 0;
			padding: 80px 0 0 1px;
			background: url(cssimg/bg_vertical.gif) repeat-y 14px top;
			}
			#menu #menu_join_us a{
				display: block;
				margin: 0 0 0 15px;
				padding: 0;
				height: 22px;
				width: 91px;
				background: url(cssimg/bg_menu_join_us.gif) no-repeat left top;
				text-indent: -9999px;
				overflow: hidden;
				}

table.SwissTex{
	padding:15px;
	color:#000;
	font-size:12px;
	font-weight:bold;
	text-align:justify
	}
	table.SwissTex td{
		padding:15px;
		}

a.pdf:link, a.pdf:visited, a.pdf:hover, a.pdf:active { 
	background:transparent url(../images/picto_pdf.gif) left top no-repeat;
	padding-left:18px; 
	padding-top:5px;
	padding-bottom:25px;
	line-height:20px;
	font-size:11px;
	color:#ed1c24;
	}

.x-dlg .x-dlg-hd-left {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-hd-left .x-dlg-hd-right .x-dlg-hd {background-color:#fff; background-image:none;}
.x-dlg .x-dlg-dlg-body {border-bottom:3px solid #fff; border-right:3px solid #fff; border-left:3px solid #fff; background-color:#fff; color:#000; z-index:1;}

.x-dlg-mask {opacity: 0.8; background-color: #000;}