table.cmsgabarit {
width: 988px;
padding: 0;
margin: 0;
align: center;
background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_body.gif) repeat-y left top;
}

td.cmsgabarit {
}

td.cmsgabaritnavhaut {
background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu.jpg) no-repeat left top;
padding:0px;
vertical-align:top;
}

td.cmsgabaritbonus {
width:160px;
padding:0px;
vertical-align:top;
}

td.cmsgabaritbody {
width:664px;
vertical-align:top;
padding-top: 10px;
}

td.cmsgabaritbonus2 {
width:164px;
padding:0px;
vertical-align:top;
}

td.cmsgabaritheader {
padding:0px;
//height:270px;
}

td.cmsgabaritfooter {
background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_body.gif) repeat-y left top;
padding: 0 8px;
}

/* ********************************************************************************************************  */
/*                                 Feuille de style des menus de navigation                                  */
/* ********************************************************************************************************  */

/* ********************************************************************************************************  */
/*                                 Elements de base des menus de navigation                                  */
/* ********************************************************************************************************  */
DL { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; }
DT { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; }
DD { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; }
UL { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; }
LI { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; LIST-STYLE-TYPE: none; }


/* ********************************************************************************************************  */
/*                                 Menu horizontal                                                           */
/* ********************************************************************************************************  */
/*
 Ce style permet de personnaliser la DIV qui contient le menu du haut horizontal
 Sa position : LEFT , TOP
 Sa taille : WIDTH, HEIGHT
 Sa POSITION :  relative ou absolute 
 ATTENTION : il est fortement recommandé de laisser la position ŕ ABSOLUTE sinon les éléments
 de la page sont décalés sous le menu !!! 
*/
#menuhaut {
	Z-INDEX: 100; POSITION: relative; margin-left: 153px; height: 30px;
	
}
/*
 DL Style pour un bloc rubrique + sous-menus
 Float permet de faire décaler les rubriques horizontalement
*/
#menuhaut DL {
	Z-INDEX: 100; FLOAT: left; MARGIN: 0px;
	
}
/*
  DT Style de l'affichage de la rubrique
*/
#menuhaut DT {
	Z-INDEX: 100; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
	/*height:25px;*/
}

#menuhaut DT A {
	BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; Z-INDEX: 100; BORDER-BOTTOM-WIDTH: 0px; HEIGHT: 100%; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none;

}

/*****************************************************/
/****************** Menu Exposer ***************/
/***************************************************/
#menuhaut .smenuhaut1 DT {
	position:absolute; left:0px; top:0px; width:136px; height:38px;
	text-align: center;
background-image: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu1_off.jpg);
	background-color:none;
}

#menuhaut dt.smenuhaut1 a:hover {
background-image:url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu1_on.jpg);
height:38px;
left:0px;
position:absolute;
text-align:center;
top:0px;
width:136px;

}

/*****************************************************/
/****************** Menu visiter ***************/
/***************************************************/
#menuhaut .smenuhaut2 DT {
	position:absolute; left:136px; top:0px; width:135px; height:38px;
	text-align: center;
background-image: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu2_off.jpg);
	background-color:none;
}

#menuhaut dt.smenuhaut2 a:hover {
background-image:url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu2_on.jpg);
height:38px;
left:0px;
position:absolute;
text-align:center;
top:0px;
width:136px;
}

/*****************************************************/
/****************** Menu les temps forts ***************/
/***************************************************/
#menuhaut .smenuhaut3 DT {
	position:absolute; left:271px; top:0px; width:134px; height:38px;
	text-align: center;
background-image: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu3_off.jpg);
	background-color:none;
}
#menuhaut dt.smenuhaut3 a:hover {
background-image:url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu3_on.jpg);
height:38px;
left:0px;
position:absolute;
text-align:center;
top:0px;
width:136px;
}

/*****************************************************/
/****************** Menu presse ***************/
/***************************************************/
#menuhaut .smenuhaut4 DT {
	position:absolute; left:405px; top:0px; width:134px; height:38px;
	text-align: center;
background-image: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu4_off.jpg);
	background-color:none;
}
#menuhaut dt.smenuhaut4 a:hover {
background-image:url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu4_on.jpg);
height:38px;
left:0px;
position:absolute;
text-align:center;
top:0px;
width:136px;
}

/*****************************************************/
/****************** Menu partenariat ***************/
/***************************************************/
#menuhaut .smenuhaut5 DT {
	position:absolute; left:539px; top:0px; width:134px; height:38px;
	text-align: center;
background-image: url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu5_off.jpg);
	background-color:none;
}
#menuhaut dt.smenuhaut5 a:hover {
background-image:url(/ExposiumCms/cms_sites/SITE_310062/images310062/menu5_on.jpg);
height:38px;
left:0px;
position:absolute;
text-align:center;
top:0px;
width:136px;
}
/*****************************************************/
/****************** Les sous-rubriques ***************/
/***************************************************/

/* 
 DD Style du conteneur des elements 
*/
#menuhaut DD {
	Z-INDEX: 100; MARGIN: 0px; PADDING: 0px;width:136px; 
	top: 29px;
}
#menuhaut .smenuhaut1 DD {
	position:absolute; left:5px; width:125px; border-left: 1px solid #ED1C24; border-right: 1px solid #ED1C24; border-bottom: 1px solid #ED1C24;
                     background-color:#FFFFFF
	}
#menuhaut .smenuhaut2 DD {
	position:absolute; left:139px; width:126px; border-left: 1px solid #0096DE; border-right: 1px solid #0096DE; border-bottom: 1px solid #0096DE;
                     background-color:#FFFFFF
}
#menuhaut .smenuhaut3 DD {
	position:absolute; left:274px; width:125px; border-left: 1px solid #F77908; border-right: 1px solid #F77908; border-bottom: 1px solid #F77908;
                     background-color:#FFFFFF

}
#menuhaut .smenuhaut4 DD {
	position:absolute; left:409px; width:125px; border-left: 1px solid #007963; border-right: 1px solid #007963; border-bottom: 1px solid #007963;
                     background-color:#FFFFFF
	
}
#menuhaut .smenuhaut5 DD {
	position:absolute; left:543px; width:124px; border-left: 1px solid #9C1463; border-right: 1px solid #9C1463; border-bottom: 1px solid #9C1463;
                     background-color:#FFFFFF
	
}

/*****************************************************/
/****************** le roll-over des sous-rubriques ***************/
/***************************************************/

/* LI Affichage des elements du menu (pages) 
	IMPORTANT : pour que le javascript de déroulement du menu puisse marcher, ne pas modifier les éléments :
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
*/

#menuhaut LI {
	z-index: 100;
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px;
	background-color : #FFFFFF;

}
#menuhaut LI A {
   display: block;
	margin: 0px;
	padding-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 3px;
	color: #000000;
	text-decoration: none;
	font-size : 10px;
	background-color: #FFFFFF;
                     height: 20px;
}
#menuhaut LI.smenuhaut1 A {
	border-bottom: #FCE8E9 1px solid;	
}
#menuhaut LI.smenuhaut2 A {
	border-bottom: #e5f4fb 1px solid;	
}
#menuhaut LI.smenuhaut3 A {
	border-bottom: #FEF2E6 1px solid;	
}
#menuhaut LI.smenuhaut4 A {
	border-bottom: #E5F1EF 1px solid;	
}
#menuhaut LI.smenuhaut5 A {
	border-bottom: #F7E8EF 1px solid;	
}

#menuhaut LI A:hover {
	   background-color: #FFFFFF;
}

#menuhaut LI.smenuhaut1 A:hover {
	   	   color: #ED1C24;
}
#menuhaut LI.smenuhaut2 A:hover {
	   	   color: #0096DE;
}
#menuhaut LI.smenuhaut3 A:hover {
	   	   color: #F77908;
}
#menuhaut LI.smenuhaut4 A:hover {
	   	   color: #007963;
}
#menuhaut LI.smenuhaut5 A:hover {
	   	   color: #9C1463;
}


/*******************************************************************************/

html, body {
//	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3f3f3f;
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background.jpg) repeat-x left top;
	background-color: #514D4D;
}


#menu {
	height: 38px;
	color: white;
	padding-left: 153px;
	float: left;
}
#colonnegauche {
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_gauche.jpg) no-repeat left top;
	min-height: 500px;
	_height: 500px;
	padding-left: 15px;
	padding-top: 10px;
}
#colonnedroite {
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_droite.jpg) no-repeat right top;
	min-height: 500px;
	_height: 500px;
	padding-right: 15px;
	padding-left: 5px;
	padding-top: 10px;
}
#galerie {
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_photos.jpg) repeat-x left top;
	width:131px;
	_width:137px;
	padding: 3px;
	margin-left: 5px;
}
#partenariat {
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_partenariat.jpg) repeat-x left top;
	width:131px;
	_width:137px;
	padding: 3px;
	margin-left: 5px;
}
#footer {
	background: url(/ExposiumCms/cms_sites/SITE_310062/images310062/background_footer.gif) repeat-x left top;
	padding-top: 15px;
	border-bottom:4px solid #eb1c22;
	background-color: white;
                     width: 972px
}
#menuhaut ul li {
list-style-image:none;
list-style-type:none;
background-color:#FFFFFF;
}
#bande{
	    z-index:200;
	    position:absolute;
	    background-color:none;
	    top: 260px;
	    left: 0px;
}
img {
border:none;
}
#drapeau{
z-index:800;
position:absolute;
top: 270px;
left: 930px;
}
#flashcontent {
	z-index:1556;
	width: 630px;
	height: 450px;
	border: 1px solid black;
	}