@charset "UTF-8";

#lightbox{
	background-color:#fff; /* couleur du cadre de la photo agrandie */
	padding: 5px; /* largeur du cadre */
	/* border-bottom: 2px solid #666;
	/* border-right: 2px solid #666;/* effet de relief sur le cadre */
}
#lightboxDetails{
	font-size: 0.6em; /* allure de la légende */
	padding-top: 0.4em;
	font-family:verdana;font-size:8pt;
}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../2008/site/overlay.png); }

* html #overlay{
	background-color: #333; /* couleur de transparence */
	background-color: transparent;
	background-image: url(../2008/site/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}
	
/*.img_mini{border:1px dotted #666} /* bordure pour la miniature */
.cadre_pleine_largeur_header {
	width: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-align:center;
	margin: 0px;
	background-repeat: no-repeat;
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px;
	overflow: visible;
	float: left;
	border: 0px none #F00;
	background-color: #000;
	height: 100px;
}
.cadre_principal_flottant {
	width: 930px;
	text-align: left;
	top: 0px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/930x550-cadre-principal.gif);
	height: 550px;
	padding: 0px;
	}
.cadre_secondaire_flottant {
	width: 900px;
	text-align: left;
	top: -5px;
	position: relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: visible;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: none;
	padding: 0px;
	border: 1px none #F00;
}
.cadre_principal_contenu {
	width: 880px;
	text-align: left;
	top: 22px;
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	height: 480px;
	left: 25px;
}
.cadre_1tier_droit {
	width: 260px;
	text-align: left;
	top: 0px;
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(images/fd-blanc-transparent.png);
	height: 440px;
	padding: 20px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	right: 0px;
}
.cadre_menu_visite {
	width: 125px;
	text-align: left;
	top: 0px;
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	background-image: url(images/fd-blanc-transparent.png);
	height: 480px;
	padding: 10px;
	right: 0px;
	border: 2px solid #FFF;
}
.cadre_principal_menu {
	width: 880px;
	text-align: center;
	top: 512px;
	position: absolute;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: hidden;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: none;
	height: 20px;
	left: 25px;
}
.lien_menu:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.lien_menu:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.lien_menu:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
}
.lien_menu:active {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
.lien_gris_l:link {
	color: #33333;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lien_gris_l:visited {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lien_gris_l:hover {
	text-decoration: underline;
	color: #000000;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.lien_gris_l:active {
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}






.diaporama {
	position:relative;
	width:880px;
	height:480px;
	
	margin: 0px;
	padding: 0px;
}

.diaporama li{
	list-style-type:none;
	overflow:hidden;
	position:absolute
	
}

.diaporama_controls .btns{
	float:left;
	top : -30px;
	padding: 5px;
	width: 300px;
	position: relative;
	
	z-index: auto;
}

.diaporama_controls a{
	font-weight:normal;
	width:15px;
	height:15px;
	text-indent:-9999px;
	display:inline-block;
	margin:15 15px;
	
	float:left;
	
	
}

ul{
	margin:0;
	padding:0;
}

.diaporama_controls .prev{
	background:url(images/fleches_diapo-1.png) no-repeat top right;
	margin: 1px;
}

.diaporama_controls .next{
	background:url(images/fleches_diapo-1.png) no-repeat top left;
	margin: 1px;
}

.diaporama_controls .pause{
	background:url(images/fleches_diapo-1.png) no-repeat bottom right;
	margin: 1px;
}

.diaporama_controls .play{
	background:url(images/fleches_diapo-1.png) no-repeat bottom left;
	margin: 1px;
}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}
body {
	background-image: url(images/fd-gris.jpg);
	top: 0px;
	margin: 0px;
	background-color: #999;
}
.textegrisgeant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #CCCCCC;
}
.texteblancgrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
}
.texte_titre {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #999;
	font-weight: bold;
}


.textegrandnoirbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #666666;
}
.texte_gris_xl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.texte_noir_xl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
.texte_noir_l {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000;
}
.texte_noir_l_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}


.textenoirmoyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
body {
	background-color: #EEEEEE;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.textegrismoyen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.textegrisnormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.texteblancgeant {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
}
.rougeclairpetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.fondrouge {
	background-color: #FFB9B9;
}
.rougeclairgrand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF0000;
}
.texte-orange-grand {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FCCB67;
}