/* CSS Document */

/* ********************************************************************************************************  */
/*                                 Elements de base des menus de navigation                                  */
/* ********************************************************************************************************  */
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
/* Fix IE. Hide from IE Mac \*/
* html ul li { height: 1%; }
* html ul li a { height: 1%; }
/* End */
/* ********************************************************************************************************  */
/*                                 MENU GAUCHE ou menu vertical                                  */
/* ********************************************************************************************************  */
#menugauche {
	Z-INDEX: 89; WIDTH: 125px ; POSITION: absolute; top: 237px;
	left:75px; padding:0px 0px 0px 0px;
}
#menugauche A:hover {
	
}
#menugauche DT {
	BORDER-RIGHT: gray 0px solid; BORDER-TOP: gray 0px solid; BORDER-LEFT: gray 0px solid;BORDER-BOTTOM: gray 0px solid;
	FONT-WEIGHT: bold; TEXT-ALIGN: left;
	LINE-HEIGHT: 20px;  HEIGHT: 20px;
	BACKGROUND: #EEEEEE; 
	MARGIN: 0px 0px;  
	CURSOR: pointer; 
}

#menugauche DT.smenugauche0 {
	BORDER-RIGHT: #F59830 1px solid; BORDER-LEFT: #F59830 1px solid;BORDER-BOTTOM: #F59830 1px solid;
	}
#menugauche DT.smenugauche1 {
	BORDER-RIGHT: #3B597C 1px solid; BORDER-LEFT: #3B597C 1px solid;BORDER-BOTTOM: #3B597C 1px solid;BORDER-TOP: #3B597C 1px solid;
	margin-top:15px;
	}

#menugauche DT A {
	}
#menugauche DT A:hover {
}
/* 
 DD Style du conteneur des elements 
*/
#menugauche DD {
	width:125px; 
}

#menugauche DD.smenugauche0  {
	BORDER-RIGHT: #F59830 1px solid; BORDER-LEFT: #F59830 1px solid;BORDER-BOTTOM: #F59830 1px solid;
	width:125px; background-color:#EF7127;
}
#menugauche DD.smenugauche1  {
	BORDER-RIGHT: #3B597C 1px solid; BORDER-LEFT: #3B597C 1px solid;BORDER-BOTTOM: #3B597C 1px solid;
	width:125px; background-color:#2B4265;
}

/* 
 LI Affichage des elements du menu (pages) 
*/
#menugauche LI {
    background-image: url(../images90057/puce.gif);
    background-repeat: no-repeat;
	background-position: 0px 0px;
	TEXT-ALIGN: left; height:36px;
	font: bold 11px/13px Tahoma, Arial, sans-serif; font-style:normal;
	border-bottom-color: #FFFFFF;
	BORDER-BOTTOM: #FFFFFF 1px solid;
	padding-left:20px; 
}

#menugauche LI.smenugauche0  {
}
#menugauche LI.smenugauche1  {
}

#menugauche LI A {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; 
	DISPLAY: block; HEIGHT: 100%; TEXT-DECORATION: none; color:#FFFFFF;
}
#menugauche LI.smenugauche0 A:hover {
	color : #000000;
}
#menugauche LI.smenugauche1 A:hover {
	color: #FF6600 ;
}
/*
 Style de la rubrique sélectionnée 
*/
#menugauche .rubriqueSel DT {
}
/* Affichage des elements du menu (pages) de la rubrique selectionnée
	IMPORTANT : pour que le javascript de déroulement du menu puisse marcher, ne pas modifier les éléments :
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
*/
#menugauche .rubriqueSel LI {
}
#menugauche .rubriqueSel LI A {
}
#menugauche .pageSel LI {
    COLOR: #DF9602;

}
#menugauche .pageSel LI A {
    COLOR: #DF9602;
background-color: #FF0000;
}

/* ************************************ exemple de redéfinition des styles pour les sous menus i */


/* sous menu haut 1 */

#menugauche .smenugauche0 DT {
BACKGROUND-IMAGE: url(../images90057/j_expose.gif);
WIDTH: 125px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 43px;
}

#menugauche .smenugauche1 DT {
BACKGROUND-IMAGE: url(../images90057/je_visite.gif);
WIDTH: 125px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 43px;
}

#menugauche .smenugauche2 DT {
visibility: hidden;
}
#menugauche .smenugauche3 DT {
visibility: hidden;
}


/* ------------------------------------------------Habillage général -------------------------------------------------*/

body {
	position: relative;
	margin: 0px;
	padding: 0px;
	font: normal 11px/13px Tahoma, Arial, sans-serif;
	color: #4C4C4C;
	background-color: #FFFFFF;
	width:996px;
}

table, tr, td {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font: normal 11px/13px Tahoma, Arial, sans-serif;
	border-collapse:collapse;
}


p {
	margin: 0px;
	padding: 0px 0px 14px 0px;
	border: 0px;
	font: normal 11px/13px Tahoma, Arial, sans-serif;
}

img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	display: block;
}

a {
	color: #EF7127;
	text-decoration: underline;
}

a:hover {
	color: #2B4265;
	text-decoration: none;
}

/*  ----------------------       Habillage Gabarit -----------------------------*/

td.cmsgabaritbody { 
	border-width: 0px;
	border-color : blue;
	border-spacing: 0px;
	border-style: solid;
	vertical-align: top;
	width:550px;
	background-color:#FFFFFF;
}

td.cmsgabaritnavgauche {
	WIDTH: 250px ; height: 200px  ;
	PADDING:0px; 
	border : 0px; 
	border-spacing: 0px; 
	vertical-align: top;
	background-color:#FFFFFF;
}
td.cmsgabaritbonus { 
	PADDING:0px; 
	border-width: 0px;
	border-color : green;
	border-spacing: 0px;
	border-style: solid;
	width:210px;
	background-color:#FFFFFF;
}
td.cmsgabaritheader {
	height: 237px;
	width:996px;
	border-width: 0px;
	border-color : green;
	border-spacing: 0px;
	border-style: solid;
	background-color:#FFFFFF;
	
}
td.cmsgabaritfooter {
	border-width: 0px;
	border-color : green;
	border-spacing: 0px;
	border-style: solid;
	width:996px;
	height:20px;
	background-color: #FFFFFF;
}

table .cmsgabaritbody {
/*background-image: url(../images90057/fond_logo.gif);*/
}

/*----------------------------------------------------- pages ---------------------------------------------------*/

/* div pour les liens du menu gauche */
#exposium {
	position: absolute;
	top:610px;
	left: 76px;
	width: 127px;
	height:78px;
	margin: 0px 0px 0px 0px;
}

#exposium td {font: normal 11px/13px Tahoma, Arial, sans-serif}

#exposium td a {
	color: #2B4265;
	text-decoration: none;
}

#exposium td a:hover {color: #EF7127}


/*   lien header vers page d'accueil    */
#lcontainer {
	position: absolute;
	top: 70px;
	left: 75px;
	width: 127px;
	height:127px;
}

/******container des liens club presse/ UK *******/

#tcontainer {
	position: absolute;
	top: 174px;
	left: 262px;
	width: 734px;
	overflow: hidden;
}

#tcontainer span a {
	font-weight: bold;
	color: #EF7127;
	text-decoration: none;
}

#tcontainer span a:hover {
	color: #2B4265;
	text-decoration: none;
}

#tcontainer span a:active {
	color: #EF7127;
	text-decoration: none;
}

/* styles bonus en un click */

#rcontainer {
	position: absolute;
	top: 210px;
	left: 810px;
	width: 173px;
	background-image: url(../images90057/border.gif);
	background-repeat: no-repeat;
	background-position: right top;
	overflow: hidden;
}

#rcontainer span a {
	width: 144px; 
	margin: 0px 0px 2px 0px;
	padding: 2px 7px 2px 7px;
	
	border: 1px solid #A4C440;
	font: bold 11px/13px Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #A4C440;
	display: block;
	text-align: left;
	text-decoration: none;
}

#rcontainer span a:hover {
	color: #A4C440;
	background-color: #FFFFFF;
}

#rcontainer span a:active {
	color: #FFFFFF;
	background-color: #A4C440;
}

#rcontainer span.rightlight a {
	color: #A4C440;
	background-color: #FFFFFF;
}


/*************tableau images***************/


.gallery img {
	margin: 0px 20px 20px 0px;
	padding: 0px;
	float: left;
}


/* Tableau  type "Qui sont les visteurs ?" ------- */
.ligne_expo td {
	padding: 2px 0px 2px 0px;
	border-bottom: #F59830 1px solid;
}

.ligne_expo .libelle td {
	padding: 2px 0px 2px 0px;
	font: bold 11px/13px Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #F59830;
}

.ligne_expo .libelle td a {
	color: #FFFFFF;
	text-decoration: none;
}

.ligne_expo .libelle td a:hover {
	color: #000000;
	text-decoration: none;
}

a.badge {
display:block;
background: url(../images90057/bouton_demande_badge.png)  no-repeat top;
width:229px;
height:34px;
	overflow:hidden;
	zoom:1;
text-indent:-9999px;
margin-bottom:15px;
}

a.badge:hover {background-position:bottom;}

#mentions_societe .editeur2, #mentions_hebergeur .societe2, #mentions_agence .societe2{
font-weight:bold;}
#mentions_societe .editeur, #mentions_hebergeur .societe, #mentions_agence .societe{
display:none;}