/**************** BALISES GENERALES ****************/

body {
	background-color: #535353;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	color: #707070;
	margin: 0;
	padding: 0;
}

em {
	color: #34ac79;
	font-style: italic;
	font-weight: bold;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}

a {
	text-decoration : none;
	color: #608a9c;
	border: 0;
	margin: 0;
	padding: 0;
}
a:hover {
	text-decoration : underline;
	color: #425e6a;
}

h1 {
	font-size: 1.3em;
	color: #535353;
	font-variant: small-caps;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	margin:0;
}

h2 {
	background: transparent url(images/fond_zebre.png) repeat-x;
	padding-left: 8px;

	font-size: 1.1em;
	color: #707070;
	font-variant: small-caps;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin:0;
}

table {
	border: 0;
	padding: 0;
	margin: 0;
}

p {
	font-size: 0.9em;
	color: #707070;
	font-variant: normal;
	text-align: justify;
	padding: 0;
	margin: 8px;
}



/**************** DIVs DE MISE EN PAGE ****************/

/**** Conteneurs princpaux ****/

#conteneurPrinc {
	text-align: center;
	background: transparent url(images/fond_deco.png) top center no-repeat;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

#pageComplete {
	background-color: transparent;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	width: 820px;
	text-align: left;
	padding: 0;
}

/**** Surtête ****/

#surtete_m {
	background: transparent url(images/surtete_m.png) bottom repeat-x;
	width:  510px;
	height: 20px;
	margin-left:  290px;
	margin-right: 20px;
	text-align: right;
}
#surtete_g {
	background: transparent url(images/surtete_g.png) bottom left no-repeat;
	width:  820px;
	height: 20px;
}
#surtete_d {
	background: transparent url(images/surtete_d.png) bottom right no-repeat;
	width:  820px;
	height: 20px;
}

.onglet_langue {
	float: right;
	background: transparent url(images/onglet_langue.png) bottom left no-repeat;
	width:  30px;
	height: 20px;
	text-align: center;
	margin: 0 0 0 4px;
}
.onglet_langue:hover {
	background: transparent url(images/onglet_langue_survol.png) bottom left no-repeat;
}
.onglet_langue_select {
	float: right;
	background: transparent url(images/onglet_langue_select.png) bottom left no-repeat;
	width:  30px;
	height: 20px;
	text-align: center;
	margin: 0 0 0 4px;
}
.onglet_langue img, .onglet_langue_select img {
	border-style: solid;
	border-width: 1px;
	border-color: #c0c0c0;
	margin-top: 4px;
}

/**** Entête ****/

#tete_m {
	background: transparent url(images/tete_m.png) top repeat-x;
	width:  690px;
	height: 90px;
	margin-left:  110px;
	margin-right: 20px;
}
#zoneLienLogo_accueil {
	position: absolute;
	width: 94px;
	height: 90px;
	cursor: pointer; /* Pour IE */
}

#tete_g {
	background: transparent url(images/tete_g.png) top left no-repeat;
	width:  820px;
	height: 90px;
}
#tete_d {
	background: transparent url(images/tete_d.png) top right no-repeat;
	width:  820px;
	height: 90px;
}

#menu {
	height: 90px;
}
.sousmenu {
	float: left;
	text-align: center;
	height:     70px;
	min-width:  160px;
	margin-top: 16px;
	font-size: 12px;
}
.sousmenu a {
	text-decoration: none;
	font: 12px verdana,arial,sans-serif;
	color: #535353;
	display: block;
}
.sousmenu a:hover {
	text-decoration: underline;
	color: #808080;
}
.sousmenu p {
	text-align: center;
	color: #cfcfcf;
	font: small-caps bold 11px verdana,arial,sans-serif;
	letter-spacing: 6px;
	margin: 0;
	padding: 0;
}
.menu_sep {
	float: left;
	background: transparent url(images/menu_sep.png) top right no-repeat;
	height: 70px;
	width:  30px;
}
#menu_fin {
	float: left;
	background: transparent url(images/menu_fin.png) top right no-repeat;
	height: 70px;
	width:  80px;
}

/**** Corps de page ****/

#corps_m {
	background-color: #ffffff;
	width:  780px;
	min-height: 220px;
	margin-left:  20px;
	margin-right: 20px;
}
#corps_g {
	background: transparent url(images/corps_g.png) top left repeat-y;
	width:  820px;
	min-height: 220px;
}
#corps_d {
	background: transparent url(images/corps_d.png) top right repeat-y;
	width:  820px;
	min-height: 220px;
}

.clearBoth {
	clear:both;
}

/**** Pied de page ****/

#pied_m {
	background: transparent url(images/pied_m.png) top repeat-x;
	width:  780px;
	height: 30px;
	margin-left:  20px;
	margin-right: 20px;
}
#pied_g {
	background: transparent url(images/pied_g.png) top left no-repeat;
	width:  820px;
	height: 30px;
}
#pied_d {
	background: transparent url(images/pied_d.png) top right no-repeat;
	width:  820px;
	height: 30px;
}

#pied_m a {
	background: transparent url(images/pied_sep.png) left center no-repeat;
	padding-left:	28px;
	padding-right: 12px;
	min-height:		20px;
	font-size:0.9em;
	color:#666666;
}
#pied_m a:hover {
	background: transparent url(images/pied_sep_survol.png) left center no-repeat;
	color:#808080;
}


/**************** ELEMENTS PAGES DE PRESENTATION ****************/
.cadreIllustrationDroite {
	float: right;
	margin: 4px 8px 4px 12px;
}

.cadreIllustrationGauche {
	float: left;
	margin: 4px 12px 4px 8px;
}

.cadreIllustrationBoutiqueDavidG {
	margin: 20px 0;
}
.cadreIllustrationBoutiqueDavidG img {
	margin: 0 auto;
}
.cadreIllustrationBoutiqueDavidG a {
	overflow: hidden;
	display: block;
	position: absolute;
	left: 271px;
	top: 271px;
	width: 239px;
	height: 239px;
}




/**************** AUTRES ****************/
.note {
	font-size: 0.9em;
	font-style: italic;
	color: #a0a0a0;
	font-weight: normal;
}

.btnRetour {
	background: transparent url(images/fleche_retour.png) center left no-repeat;
	float: right;
	padding: 4px 4px 4px 36px;

	color:#969696;
	font-variant: small-caps;

	border-style: solid;
	border-width: 1px;
	border-color: #f0f0f0;
}

.btnRetour:hover {
	color:#686868;

	border-style: solid;
	border-width: 1px;
	border-color: #c8c8c8;
}

.separation-titre-calendrier {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #e9e9e9;
}

.lienExposFuturesEtPassees {
	background: transparent url(images/horloge.png) center left no-repeat;
	padding: 4px 4px 4px 24px;

	color:#969696;
	font-variant: small-caps;

	border-style: solid;
	border-width: 1px;
	/*border-color: #f0f0f0;*/
	border-color: #bfe5d4;
}

.lienExposFuturesEtPassees:hover {
	color:#686868;
	border-color: #3fc589;
}

.titreActif-calendrier {
	display: inline;
	margin: 0 20px 40px 0;
}

#accueil {
	text-align: center;
}
#accueil p {
	text-align: center;
}


/**************** ZONE DE PRECHARGEMENT DES IMAGES ****************/
#prechargement_images {
	display: none;
}



/**************** ERREURS ****************/

.avertissement {
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	color: #ae5c4c;
	font-weight:bold;
	text-align: justify;

	background: #edd9d5;
	border-style: solid;
	border-width: 1px;
	border-color: #8b4b41;

	padding: 8px;
	margin: 16px;
}

.avertissement a {
	text-decoration : none;
	color: #e3523b;
}
.avertissement a:hover {
	color: #ff5d43;
	text-decoration : underline;
}