/* CSS 2008 VIParis - CourantAlternatif.com */

* { padding: 0; margin: 0 }

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}

body { background: url(../images/viparisPro/background_venuesinparis.gif) repeat;}

body.popup { 
	background-image: none; 
	margin: 30px 25px; 
	width: 430px;
	font-size: 12px; 
}
select, input, textarea {
	font-size: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #666;
}


h1 { color: #80807e; font-size: 18px }
h1.accueil { 
	position: absolute; 
	left: 172px; 
	top: 72px; 
	margin: 0; 
	padding: 0; 
	font-weight: normal; 
	color: #5a6f40; 
	font-size: 19px; 
	z-index:1000; 
}
.site h1 { 
	position: relative; 
	top: 0; 
	left: 0; 
	margin-bottom: 15px; 
	min-height: 40px; 
	padding-left: 50px; 
	line-height: 2em; 
	/*background: #fff url(../images/ico_titre_lieux.png) no-repeat 0 0;*/
}
/* hack IE6 */ *html .site h1 { 
	/*background-image: none;*/
	min-height: 40px;
	height: auto !important;
	height: 40px;
	/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/sites/PCP.png", sizingMethod="image");*/ 
}

.CDL .site h1 { background: #fff url(../images/sites/CDL_H1.png) no-repeat 0 0; }
.CHAMP .site h1 { background: #fff url(../images/sites/CHAMP_H1.png) no-repeat 0 0; }
.CNIT .site h1 { background: #fff url(../images/sites/CNIT_H1.png) no-repeat 0 0; }
.EGARCHE .site h1 { background: #fff url(../images/sites/EGARCHE_H1.png) no-repeat 0 0; }
.PCI .site h1 { background: #fff url(../images/sites/PCI_H1.png) no-repeat 0 0; }
.PCP .site h1 { background: #fff url(../images/sites/PCP_H1.png) no-repeat 0 0; }
.PCV .site h1 { background: #fff url(../images/sites/PCV_H1.png) no-repeat 0 0; }
.PDV .site h1 { background: #fff url(../images/sites/PDV_H1.png) no-repeat 0 0; }
.PLB .site h1 { background: #fff url(../images/sites/PLB_H1.png) no-repeat 0 0; }
.PNV .site h1 { background: #fff url(../images/sites/PNV_H1.png) no-repeat 0 0; }

h2 { color: #4d4d4d; font-weight: bold; font-size: 12px; text-transform: uppercase }

h3 { color: #858e61; font-size: 18px; font-weight: bold; margin: 20px 0 15px }
h3.PDV { color: #cc003e; }
h3.CDL { color: #b93588; }
h3.PNV { color: #7f6da8; }
h3.PCP { color: #5d81bc; }
h3.EGARCHE { color: #009ddf; }
h3.PCI { color: #8dadb0;  }
h3.CHAMP { color: #a7c9a2; }
h3.PLB { color: #c5cd1c; }
h3.PCV { color: #eeb500; }
h3.CNIT { color: #ec7b25; }

h4 { text-transform: uppercase; font-size: 14px; font-weight: normal }

p { font-size: 12px; text-align: justify }
.site p { padding: 0px 15px 10px 0px; }
.accueil p { font-size: 10px }

div, span, p, ul, ol { margin: 0; padding: 0 }
ul li, ol li { list-style-type: none }

.marg-top-20 { margin-top: 20px }
.float-left { float: left }
.float-right { float: right }
.clear-left { clear: left }
.clear-both { clear: both }

.texte-blanc { color: #fff }
.texte-centre { text-align: center }
.texte-gauche { text-align: left }
.texte-droite { text-align: right }

.first-letter { font-size: 24px; color: #f4bd01; }
.sous-titre { font-size: 18px }
.texte-petit { font-size: 10px }
.texte-gras { font-weight: bold }
.texte-maj { text-transform: uppercase } 
.texte-min { text-transform: lowercase;} 
.texte-majmin { text-transform: capitalize;} 

.first-letter { font-size: 24px; color: #f4bd01; }
.fleche_neutre { background-color: #858e61 }
.fleche_orange { background-color: #f4bd01 }

a:link { font-size: 12px; color: #677345; cursor: pointer; text-decoration: underline }
a:visited { color: #677345; cursor: pointer; text-decoration: underline }
a:visited:hover { color: #677345; cursor: pointer; text-decoration: underline }
a:hover { color: #677345; cursor: pointer; text-decoration: underline }
a:active { color: #677345; cursor: pointer; text-decoration: underline }
:focus { outline: 0 }
a img { border: 0 }

img.padding-right { padding-right: 20px }

/* couleurs */
.contenu.PDV h1 img, .contenu.PDV a.current img.bg_col, .contenu.PDV .fleche, .traiteurs .PDV { background-color: #cc003e }
.contenu.PDV a, .PDV .site ul.onglets a.current, .PDV .site ul.onglets a:hover { color: #cc003e; }

.contenu.CDL h1 img, .contenu.CDL a.current img.bg_col, .contenu.CDL .fleche, .traiteurs .CDL { background-color: #b93588 }
.contenu.CDL a, .CDL .site ul.onglets a.current, .CDL .site ul.onglets a:hover { color: #b93588; }

.contenu.PNV h1 img, .contenu.PNV a.current img.bg_col, .contenu.PNV .fleche, .traiteurs .PNV { background-color: #7f6da8 }
.contenu.PNV a, .PNV .site ul.onglets a.current, .PNV .site ul.onglets a:hover { color: #7f6da8; }

.contenu.PCP h1 img, .contenu.PCP a.current img.bg_col, .contenu.PCP .fleche, .traiteurs .PCP { background-color: #5d81bc }
.contenu.PCP a, .PCP .site ul.onglets a.current, .PCP .site ul.onglets a:hover { color: #5d81bc; }

.contenu.EGARCHE h1 img, .contenu.EGARCHE a.current img.bg_col, .contenu.EGARCHE .fleche, .traiteurs .EGARCHE { background-color: #009ddf }
.contenu.EGARCHE a, .EGARCHE .site ul.onglets a.current, .EGARCHE .site ul.onglets a:hover { color: #009ddf; }

.contenu.PCI h1 img, .contenu.PCI a.current img.bg_col, .contenu.PCI .fleche, .traiteurs .PCI { background-color: #8dadb0 }
.contenu.PCI a, .PCI .site ul.onglets a.current, .PCI .site ul.onglets a:hover { color: #8dadb0; }

.contenu.CHAMP h1 img, .contenu.CHAMP a.current img.bg_col, .contenu.CHAMP .fleche, .traiteurs .CHAMP { background-color: #a7c9a2 }
.contenu.CHAMP a, .CHAMP .site ul.onglets a.current, .CHAMP .site ul.onglets a:hover { color: #a7c9a2; }

.contenu.PLB h1 img, .contenu.PLB a.current img.bg_col, .contenu.PLB .fleche, .traiteurs .PLB { background-color: #c5cd1c }
.contenu.PLB a, .PLB .site ul.onglets a.current, .PLB .site ul.onglets a:hover { color: #c5cd1c; }

.contenu.PCV h1 img, .contenu.PCV a.current img.bg_col, .contenu.PCV .fleche, .traiteurs .PCV { background-color: #eeb500 }
.contenu.PCV a, .PCV .site ul.onglets a.current, .PCV .site ul.onglets a:hover { color: #eeb500; }

.contenu.CNIT h1 img, .contenu.CNIT a.current img.bg_col, .contenu.CNIT .fleche, .traiteurs .CNIT { background-color: #ec7b25 }
.contenu.CNIT a, .CNIT .site ul.onglets a.current, .CNIT .site ul.onglets a:hover { color: #ec7b25; }


span.PDV {
	background-image: url(../images/puce_rouge.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CDL { 
	background-image: url(../images/puce_violet.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PNV { background: url(../images/puce_parme.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCP { background: url(../images/puce_marine.gif) ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.EGARCHE { background: url(../images/puce_aqua.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCI { background: url(../images/puce_emeraude.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CHAMP { background: url(../images/puce_vert.gif) ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PLB { background: url(../images/puce_lime.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCV { background: url(../images/puce_jaune.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CNIT { background: url(../images/puce_orange.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}


span.PDV {
	background-image: url(../images/puce_rouge.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CDL { 
	background-image: url(../images/puce_violet.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PNV { background: url(../images/puce_parme.gif);
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCP { background: url(../images/puce_marine.gif) ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.EGARCHE { background: url(../images/puce_aqua.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCI { background: url(../images/puce_emeraude.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CHAMP { background: url(../images/puce_vert.gif) ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PLB { background: url(../images/puce_lime.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.PCV { background: url(../images/puce_jaune.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}
span.CNIT { background: url(../images/puce_orange.gif)  ;
	background-repeat: no-repeat;
	margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px
}

/* info-bulle */
a.tooltip em { display: none }

a.tooltip:hover {
    border: 0;
    position: relative;
    z-index: 50;
    text-decoration: none;
    color: #FFF;
}
a.tooltip:hover em {
    font-style: normal;
    display: block;
    position: absolute;
    padding: 5px;
    color: #4d4d4d;
		font-size: 9px;
    border: 1px solid #bebdbd;
    background: #fff url(../images/infobulle_bg.gif) bottom left repeat;
		text-align: center;
		filter : alpha(opacity=90);
    -moz-opacity : 0.9;
    opacity : 0.9; 
}

a.tooltip:hover em span {
    position: absolute;
    top: -7px;
    left: 0;
    height: 7px;
    width: 11px;
    margin: 0;
    padding: 0;
    border: 0
}


/* Layout */
#global {
	position: absolute;
	height: 100%;
	width: 1000px;
	margin: 0
}

div#page { padding-bottom: 70px; height: 100%; } /* Pour eviter la superposition du pied de page et du contenu : */


#col-gauche { position: absolute; width: 235px; top: 20px; left: 35px; margin: 0; padding: 0 }
#col-droite { 
	position: absolute; 
	z-index: 80; 
	top: 0; 
	/*left: 229px;*/
	left: 227px;
	width: 775px; 
	margin: 0; padding: 0; 
	min-height: 100%; 
	height: auto !important; 
	/*height: 100%;*/ 
}

/* PIED DE PAGE */
#footer {
	height: 50px;
	position: relative;
	width: 775px;
	color: #666;
	bottom: 0;
	margin: 0 0 0 0;
	padding: 35px 0 0 85px;
}
#footer ul li { position: relative; top: 5px; list-style-type: none; display: inline }
#footer ul .inset { color: #666; padding: 0 5px }
#footer ul li a { color: #666; text-decoration: none; font-size:12px; }
#footer ul li a:visited { font-size:12px; }

/**** extra footer */
#footer_bas { 
	position: relative; 
	margin: 0; 
	padding: 0 0 0 85px; 
	font-size: 9px; 
	width: 570px; 
}
#footer_bas_manifs { }
#menu_footer_manifestations a { font-size: 9px }
#footer_bas_themes { margin: 10px 0 }
#menu_footer_categories a { font-size: 9px }


/* COLONNE DE GAUCHE */
/* logo */
.logo { display: block; margin: 0 0 15px 10px }
.logo a img { border: 0 }

/* Menu de navigation Qui sommes-nous */
.menu { width: 180px; height: 18px; position: relative; z-index: 100;padding: 10px; }
/* hack IE7 */ *:first-child+html .menu { height: 20px }
.menu ul { padding: 0; margin: 0 0 0 -10px; list-style-type: none }
.menu ul ul { width: 180px; margin: 0 }
.menu li { float: left; width: 190px; position: relative }

/* SAVE 11/09/2008 .menu ul li a { background-color: #76885c; height: 26px; border-top: 1px solid #76885c; border-left: 1px solid #76885c; } */

.menu ul li:hover a, .menu ul li ul li a { border: 1px solid #fff; border-width: 1px 1px 0 1px }
.menu ul li ul li.vert a { background-color: #76885C }
/* SAVE 11/09/2008 .menu ul li ul li.vert a { height:18px; background-color: #677341 }*/
.menu ul li ul li.orange a { background-color: #fab710 }
/* SAVE 11/09/2008 .menu ul li ul li.orange a { height:18px; background-color: #fab710 }*/


/* style the links for the top level */
/* SAVE 11/09/2008 .menu a, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active { display: block; text-decoration:none; color:#fff; width: 180px; padding-left: 10px; line-height: 18px } */
.menu a, .menu a:link, .menu a:visited, .menu a:hover, .menu a:active { 
	display: block; 
	text-decoration:none; 
	color:#fff; 
	width: 180px; 
	padding-left: 10px;
}

/* SAVE 11/09/2008 menu ul li a { font-size: 14px; line-height: 26px } */
.menu ul li a {
	background-color: #76885C;
	border-top: 1px solid #76885C;
	border-left: 1px solid #76885C; 
	font-size: 14px;
	line-height: 18px;
	min-height: 18px;
}
.menu ul li ul li a { font-size: 10px }
/* hack IE7 */ *:first-child+html .menu ul li a, *:first-child+html .menu ul li ul li a { line-height: 18px }
/* hack Safari */ html* .menu ul li a, html* .menu ul li ul li a { line-height: 18px }


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility: hidden; position: absolute; height: 0; top: 18px; left: 0; width: 180px }
/* another hack for IE5.5 */
* html .menu ul ul { top:17px;t\op:18px }

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table { position: absolute; top: 0; left: 0; border-collapse: collapse }

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited { width:180px }
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:180px;w\idth:180px }

/* style the top level hover */
.menu a:hover { color:#fff; background:#76885C }
.menu ul ul li.vert a:hover{ color:#fff; background:#fab710 }
.menu li.vert :hover > a, .menu ul ul li.vert :hover > a { color:#fff; background:#fab710 }
.menu ul ul li.orange a:hover{ color:#fff; background:#76885C }
.menu li.orange :hover > a, .menu ul ul li.orange :hover > a { color:#fff; background:#76885C }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible }


/* !!! MODIFIE !!!*/
/* Menu lieux */
/* 05/09/2008 lié à modif de menuHome.jsp (ancienne valeur top: 315px;) */
ul.lieux { position: absolute; top: 310px; width: 160px; color: #666263; }
ul.lieux li { 
	position: relative; 
	list-style-type: none; 
	padding: 0 0 0 0px; 
	color: #666263; 
	vertical-align:middle; 
	height: 28px; 
	line-height:15px;
}
ul.lieux li img { margin-right:10px; float:left; }
ul.lieux li.simple { height: 26px; line-height: 24px }
ul.lieux li a { text-decoration: none; color: #666263; font-size:10px;display:block; }
ul.lieux li a:visited { text-decoration: none; }
ul.lieux li a:hover { text-decoration: underline; }
ul li.PDV { background: url(../images/puce_rouge.gif) 0 50% no-repeat }
ul li.CDL { background: url(../images/puce_violet.gif) 0 50% no-repeat }
ul li.PNV { background: url(../images/puce_parme.gif) 0 50% no-repeat }
ul li.PCP { background: url(../images/puce_marine.gif) 0 50% no-repeat }
ul li.EGARCHE { background: url(../images/puce_aqua.gif) 0 50% no-repeat }
ul li.PCI { background: url(../images/puce_emeraude.gif) 0 50% no-repeat }
ul li.CHAMP { background: url(../images/puce_vert.gif) 0 50% no-repeat }
ul li.PLB { background: url(../images/puce_lime.gif) 0 50% no-repeat }
ul li.PCV { background: url(../images/puce_jaune.gif) 0 50% no-repeat }
ul li.CNIT { background: url(../images/puce_orange.gif) 0 50% no-repeat }


.description-menu { position: absolute; top: 190px; color: #fff; font-size: 10px ;width: 140px;}

.espace-pro { position: absolute; top: 240px; font-size: 10px;width:190px; }
/*
.espace-pro { position: relative; font-size: 10px; width:190px; }
*/

/* Liens recherche et contact */
/*#col-gauche .autres-liens { position: absolute; top: 710px; display: block; font-size: 10px; margin: 23px 0 15px; font-size: 10px }*/
#col-gauche .autres-liens { 
	position: relative; 
	display: block; 
	font-size: 10px; 
	margin: 23px 0 15px; 
	font-size: 10px 
}
#col-gauche .autres-liens a { font-size: 10px }

div.menu-bottom {
	position: absolute; 
	top: 685px;
}

/* Lien exposants avec image de fond */
/*.exposants { position: absolute; top: 770px; display: block; width: 126px; height: 84px; text-align: center; margin:0; padding: 15px 0 0; background: url(../images/bg_exposants.gif) 0 50% no-repeat; font-size: 13px }*/
.exposants { 
	position: relative; 
	display: block; 
	width: 126px; 
	height: 84px; 
	text-align: center; 
	margin:0; 
	padding: 15px 0 0; 
	background: url(../images/bg_exposants.gif) 0 50% no-repeat; 
	font-size: 13px; 
}
.exposants a { display: block; margin: 0 auto; padding-top: 20px; line-height: 10px; color: #fff; text-decoration: none }
.exposants a:hover { color: #fff; text-decoration: none }
.exposants a.tooltip:hover em { top: 45px; left: -20px; width: 190px }
.exposants a.tooltip:visited { color:#FFF; text-decoration:none; }

/* COLONNE DE DROITE */
.lang-acces-email { position: absolute; z-index: 50; top: 0; left: 545px; width: 200px; height: 180px }

/* chemin d'acces */
.chemin { position: relative; z-index: 30; top: 80px; left: 85px; color: #fab711; font-size: 10px }
.chemin .ici { margin-right: 15px; color: #fff }
.chemin a	{ color: #ffffff; font-style: italic; text-decoration: none }
.chemin a:link, .chemin a:visited, .chemin a:hover, .chemin a:active	{ font-size: 10px }

/* Boite ombree */
.boite-ombree { 
	position: relative; 
	z-index: 20; 
	top: 73px; /*72px;*/ 
	left: 0; 
	width: 772px; 
	margin: 0 0 50px 0; 
	padding: 0;  
}
.boite-ombree .bas { 
	position: relative; 
	height: 10px; 
	padding: 0 30px 30px 30px; 
	margin: 0; 
	background: transparent url(../images/bg_box_ombree.gif) bottom right no-repeat  
}

/* !!! MODIFIE !!!*/
.boite-ombree .contenu { 
	position: relative;
	width: 100%; /* MODIF 08/09/2008 PB mise en page IE : 710px;*/ 
	min-height: 490px; 
	height: auto !important;
  	height: 490px;
	padding: 40px 30px 0 30px;  
	background: transparent url(../images/bg_box_ombree.gif) top left no-repeat 
}
/* hack Safari */ html* .boite-ombree { top: 73px }
/* hack IE6 */ *html .boite-ombree { top: 73px }
*html .boite-ombree .contenu { height: 400px; }

.contenu img.bg_col { background-color: #635d5d; }

/**** page sites */
.contenu .site { width: 530px }
.contenu .site a.download { font-size:11px; }


/* tabs sites */
.onglets_site { 
	position:relative; 
	display: block;
	height:50px; 
	margin: 20px auto 0; 
	padding: 0; 
	/*text-align: center;*/
	width:530px;
}
.onglets_ligne { 
	position:absolute; 
	/*background-color:yellow;*/ 
	clear: both; 
	width: 100%; 
	height: 10px;
	top: 19px;
	z-index: 10;
}
.site ul.onglets {
	position: absolute;
	margin: 0 20px;
	padding: 0;
	/*bottom: -1px;*/
	width: 100%;
	z-index: 20;
}
.site ul.onglets li { display: inline; list-style: none; z-index: 20; }
.site ul.onglets a, .site ul.onglets a.current {
	width: 80px;
	color: #fff;
	display: block;
	float: left;
	padding: 4px 0;
	margin: 1px 2px 0 0;
	text-align: center;
	font-size: 10px;
	text-decoration: none;
	cursor: pointer;
	z-index: 20;
}
.site ul.onglets a.current, .site ul.onglets a.current:hover, .site ul.onglets a:hover { padding-bottom: 0px } /*save 6px*/

/* images bg onglets */
.PDV .site ul.onglets li a { background: url(../images/tab_PDV.jpg) 0 0 no-repeat }
.PDV .site .onglets_ligne { border-top: 1px solid #cc003e }

.CDL .site ul.onglets li a { background: url(../images/tab_CDL.jpg) 0 0 no-repeat }
.CDL .site .onglets_ligne { border-top: 1px solid #b93588 } /*#b93588*/

.PNV .site ul.onglets li a { background: url(../images/tab_PNV.jpg) 0 0 no-repeat }
.PNV .site .onglets_ligne { border-top: 1px solid #7f6da8 }

.PCP .site ul.onglets li a { background: url(../images/tab_PCP.jpg) 0 0 no-repeat }
.PCP .site .onglets_ligne { border-top: 1px solid #5d81bc }

.EGARCHE .site ul.onglets li a { background: url(../images/tab_EGARCHE.jpg) 0 0 no-repeat }
.EGARCHE .site .onglets_ligne { border-top: 1px solid #009ddf }

.PCI .site ul.onglets li a { background: url(../images/tab_PCI.jpg) 0 0 no-repeat }
.PCI .site .onglets_ligne { border-top: 1px solid #8dadb0 }

.CHAMP .site ul.onglets li a { background: url(../images/tab_CHAMP.jpg) 0 0 no-repeat }
.CHAMP .site .onglets_ligne { border-top: 1px solid #a7c9a2 }

.PLB .site ul.onglets li a { background: url(../images/tab_PLB.jpg) 0 0 no-repeat }
.PLB .site .onglets_ligne { border-top: 1px solid #c5cd1c }

.PCV .site ul.onglets li a { background: url(../images/tab_PCV.jpg) 0 0 no-repeat }
.PCV .site .onglets_ligne { border-top: 1px solid #eeb500 }

.CNIT .site ul.onglets li a { background: url(../images/tab_CNIT.jpg) 0 0 no-repeat }
.CNIT .site .onglets_ligne { border-top: 1px solid #ec7b25 }

.site ul.onglets li a.current { background-position: -80px 1px; border-bottom:solid 2px #FFF;}
.site ul.onglets li a:hover { background-position: -80px 1px; border-bottom:solid 2px #FFF; z-index: 20; }
.site ul.onglets li:hover { z-index: 20; }

#box_acces_pietons ul li, #box_acces_livraison ul li, #box_acces_consignes ul li { margin: 0 0 0 0 } 


/* textes et autres pour les pages sites */
center.lien-historique { display: block; text-align: center; margin: 20px auto 0 }
center.lien-historique a { font-size: 12px }


/* contenus sites */
#liens_sites_acces { margin: 0 0px } /*margin: 0 30px*/
#liens_sites_services, #liens_sites_restauration { margin: 0 30px }
#liens_sites_traiteurs { margin: 0 -10px 0 30px }
#liens_sites_hotels { margin: 0 20px }


table.hotels tr td, table.restauration tr td { width: 210px; text-align: left; vertical-align: top; padding: 0 10px }
table.restauration { padding: 10px 30px }

table.hotels { width: 480px; }
table.hotels tr td { padding-bottom: 15px; }
table.hotels h3 { margin:0px; padding: 10px 0px 0px 0px; }
table.hotels p { padding: 0px 0px 10px 10px; }

.actions { margin: 10px 0 0 0 }
.actions a:link, .actions a:visited, .actions a:hover, .actions a:active { color: #f9b700; text-decoration: none; font-weight: bold }
.actions a img { border: 0; position: relative; top: 3px; margin-right: 3px }

/* Acces consignes logistiques */
.site table.consignes { border: 0; width: 500px }
.site table.consignes th { color: #fff; background-color: #fab700; border: 1px solid #fff; height: 25px; line-height: 22px; }
.site table.consignes td { color: #635e5d; background-color: #eaeaea; text-align: center; padding: 5px }
.site table.consignes td.titre { color: #fff; background-color: #808080; text-align: left; height: 25px; line-height: 22px; padding-left: 10px }

form.consignes_archives { width: 300px; margin: 10px auto; text-align: left }
form.consignes_archives select { border: 1px solid #6f8c9b } 

/**** plan de situation */
.plan { position: absolute; left: 565px; top: 120px; margin: 0 auto; padding: 7px 10px; width: 160px; height: 275px; text-align: center }
.plan #flashcontent-plan { margin-top: 5px }
.plan #flashcontent-calendrier { margin-top: 10px }

/**** traiteurs */
table.traiteurs { width: 100%; margin: 0 0 0 -20px; font-size: 9px; color: #636363 }
table.traiteurs tr td.ligne { background-color: #cacccb; height: 1px; margin: 4px 0 }
table.traiteurs tr td.fond-alterne { background-color: #F5F5F5; }
table.traiteurs .titre { color: #838f61; font-weight: bold }
.titre_traiteur_site { color: #838f61; font-weight: bold;text-align: center;font-size: 11px;}
.nom_traiteur_site { font-weight: bold;text-align: center;font-size: 11px;}
table.traiteurs tr td.logo { width: 100px; margin: 0; padding-right: 5px; text-align: center; vertical-align: middle }
table.traiteurs tr td.logo2 { 
	width: 60px;
	margin: 0; 
	padding-right: 5px; 
	text-align: center; 
	vertical-align: middle;
	padding: 0px; 
}
table.traiteurs tr td.logo img {  }
table.traiteurs tr.traiteurs-infos td { padding: 0 5px; margin: 0 }
table.traiteurs tr td img { text-align: center; margin: 0; padding: 0 }
table.traiteurs tr td { height: 75px; margin: 0; padding: 0 }
table.traiteurs tr td.titres { text-align: right; margin: 0; padding: 0; vertical-align: bottom; border-bottom: 1px solid #cacccb }
table.traiteurs tr td.ligne-titre { background-color: #cacccb; height: 1px; margin: 0 }
table.traiteurs a:link, table.traiteurs a:visited, table.traiteurs a:hover, table.traiteurs a:active { font-size: 9px; color: #636363; text-decoration: none }

.traiteurs a.tooltip:hover em { top: 15px; left: -85px; width: 170px }

table.format1 tr.traiteurs-infos td { width:220px; padding: 0 5px; margin: 0 }
td.col_width1 { width: 29px; }

/**** rechercher un espace */
.rechercher_espace h1 { position: absolute; top: 45px; left: 160px; text-transform: uppercase; font-size: 18px; color: #808080 }
.rechercher_espace .fond { position: relative; top: 46px; left: 5px; width: 674px; height: 580px; background: #fff url(../images/fond_espace.jpg) no-repeat 0 0 }
.rechercher_espace .instructions { display: block; width: 132px; height: 120px; color: #fff; position: relative; top: 35px; left: 52px; text-align: left }
.rechercher_espace .caracteristiques { position: relative; top: 10px; left: 30px; text-align: center; width: 175px; height: 200px }
.rechercher_espace .selection { position: relative; top: -50px; left: 260px; width: 220px; height: 80px }
.rechercher_espace .selection select { margin: 10px 0 18px }
.rechercher_espace label { display: block; margin-top: 10px; line-height: 20px }
.rechercher_espace select { 
	min-width: 130px; 
	border: 1px solid #d9d9d9; 
}
.rechercher_espace input.submit { width: 76px; height: 22px; border: 0; margin: 15px 0 0 0; padding: 0; position: relative; top: 0; background: url(../images/btn_recherches_ok.jpg) no-repeat; cursor: pointer; }
.rechercher_espace #flashcontent-grand-plan { width: 261px; height: 261px; position: relative; top: -240px ; left: 225px; border: 1px solid #c5c5c5 }

.nouvelle_recherche { 	
	position: absolute;
	top: 128px;
	left: 530px;
	width: 206px;
	text-align: center
}
.nouvelle_recherche .caracteristiques { position: relative; top: 0; left: 0; text-align: center; width: 175px; height: 260px }
.nouvelle_recherche .titre { display: block; margin: 0 0 10px; text-transform: uppercase; text-align: center; }
.nouvelle_recherche form { border: 1px solid #b2b2b2; padding: 15px }
.nouvelle_recherche select { width: 130px; border: 1px solid #d9d9d9; }
.nouvelle_recherche input.submit { width: 76px; height: 22px; border: 0; margin: 20px 0 0 0; padding: 0; position: relative; top: 0; background: url(../images/btn_recherches_ok.jpg) no-repeat }
.nouvelle_recherche .actions { margin-left: 35px }

/* detail de salle */
.detail_salle { 
	position:relative;
	width: 435px; 
	margin-left: 40px;
}
.detail_salle .container_media {
	position:relative; 
	height: 256px; 
	vertical-align: bottom;
}
.detail_salle .afficheur_media {
	position:relative; 
	vertical-align: bottom;
	float: left;
	width: 380px;
	height: 100%;
	bottom: 0px;
}
.detail_salle img.main {
	position:relative; 
	margin-bottom: auto;
	margin-top: auto;
}

.detail_salle div.box_visualisation_list { vertical-align: bottom; height:100%; bottom: 0px; }
.detail_salle ul.visualisation_list { 
	position:absolute;
	right: 0px;
	bottom:0px;
	width: 45px;
	padding-left: 10px;
}

.detail_salle ul.visualisation_list li {
	min-height: 40px;
	text-align: right;
} 

/** Fiche detaillee **/
.popup div { width: 375px; margin: 0 auto }
.popup h1 { text-transform:uppercase; width:100%; text-align:center; }
div.fiche_salle_detail { margin:0 auto; width:380px; position:relative; }
div.fiche_salle_detail .sous-titre { font-size:18px; }

table.fiche_detail { border: 0; width: 100%; background-color: #fff; color: #635E5D; margin-bottom: 25px; }
table.fiche_detail tr { margin:1px 0 }
table.fiche_detail tr td { text-align:center; font-size:10px; height:20px; border-bottom:1px solid #BEBDBD; padding-left:5px; }
table.fiche_detail tr td:first-child { text-align:left; }
table.fiche_detail tr th { text-align:center; background-color: #808080; color: #fff; font-size: 12px; height: 24px; border-bottom: 1px solid #fff; padding-left: 5px; }
table.fiche_detail tr th:first-child { font-size:12px; text-align:left; }
table.fiche_detail tr.bg_gris td { font-size:10px; height:20px; background-color:#e5e5e5; color:#635E5D; border-bottom:1px solid #fff; }
table.fiche_detail tr.bg_gris td:first-child { text-align:left; font-size:12px; }

table.fiche_detail tr th.first-element, table.fiche_detail tr td.first-element { text-align:left; }
table.fiche_detail tr.bg_gris th.first-element, table.fiche_detail tr.bg_gris td.first-element { font-size:12px; }




/* resultats général */
.resultats a:link, .resultats a:visited { font-size:11px; }

/**** rechercher une manifestation ***/
.rechercher_manifestation h1 { position: absolute; top: 45px; left: 160px; text-transform: uppercase; font-size: 18px; color: #808080  }
.rechercher_manifestation h4 {	left:30px;	position:relative;	top:52px;}
.rechercher_manifestation .fond { position: relative; top: 46px; left: 5px; width: 674px; height: 620px; background: #fff url(../images/fond_manifestation.jpg) no-repeat 0 0 }
.rechercher_manifestation .instructions { display: block; width: 132px; height: 120px; color: #fff; position: relative; top: 35px; left: 52px; text-align: left }

/* resultats recherche manifestation */
.rechercher_manifestation .resultats { position: relative; top: 10px; left: 30px; padding: 0 0 0px 0; } /*height: 400px; */
.rechercher_manifestation .resultats table.tri { width: 465px; background-color: #e6e6e6; padding: 10px; margin: 5px 0 20px }
.rechercher_manifestation .resultats table.tri tr td select { width: 150px; border: 1px solid #718b98 }
.rechercher_manifestation .resultats table.liste { width: 465px; margin: 0 0 30px }
.rechercher_manifestation .resultats table.liste tr th { margin: 0 0 0 30px; padding: 20px 0 0 10px; border-bottom: 1px solid #b2b2b2; text-align: left; font-weight: bold }
.rechercher_manifestation .resultats table.liste tr td img { width: 46px; margin: 15px 15px 0 10px }
.rechercher_manifestation .resultats table a { text-decoration:none; }

.rechercher_manifestation .resultatsCriteres {
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
} /*height: 400px; */
.rechercher_manifestation .resultatsCriteres table.tri { width: 465px; background-color: #e6e6e6; padding: 10px; margin: 5px 0 20px }

/**** resultat fiche manifestation ***/
.resultat_manifestation h1 { 
	/*
	position: absolute; 
	top: 20px; 
	left: 200px; 
	width:300px;
	*/
	text-transform: uppercase; 
	font-size: 18px; 
	color: #808080;
}
.resultat_manifestation h4 {	left:30px;	position:relative;	top:52px;}
.resultat_manifestation .fond { position: relative; top: 46px; left: 5px; width: 674px; height: 620px; background: #fff url(../images/fond_manifestation.jpg) no-repeat 0 0 }
.resultat_manifestation .instructions { display: block; width: 132px; height: 120px; color: #fff; position: relative; top: 35px; left: 52px; text-align: left }

/* resultats fiche manifestation liste */
.resultat_manifestation .resultats { position: relative; top: 70px; left: 30px; padding: 0 0 60px; } /*height: 400px; */
.resultat_manifestation .resultats table.tri { width: 465px; background-color: #e6e6e6; padding: 10px; margin: 5px 0 20px }
.resultat_manifestation .resultats table.tri tr td select { width: 150px; border: 1px solid #718b98 }
.resultat_manifestation .resultats table.liste { width: 465px; margin: 0 0 30px }
.resultat_manifestation .resultats table.liste tr th { margin: 0 0 0 30px; padding: 20px 0 0 10px; border-bottom: 1px solid #b2b2b2; text-align: left; font-weight: bold }
.resultat_manifestation .resultats table.liste tr td img { width: 46px; margin: 15px 15px 0 10px }
.resultat_manifestation .resultats table a { text-decoration:none; }

/* resultats recherche espace */
.rechercher_espace .resultats { position: relative;	top: 70px;	left: 0;	padding: 0 0 60px 20px;	min-height: 400px;}
.rechercher_espace .resultats table.tri { width: 465px; background-color: #e6e6e6; padding: 10px; margin: 5px 0 20px }
.rechercher_espace .resultats table.titre { width: 465px; margin: 0 0 15px }
.rechercher_espace .resultats table.titre tr th { margin: 0 0 0 30px; padding: 20px 0 0 10px; text-align: left; border-bottom: 1px solid #BEBDBD; font-weight: bold; border-collapse: separate }
.rechercher_espace .resultats table.liste { width: 465px; margin: 0 0 30px 0px; text-align: center }
.rechercher_espace .resultats table.liste tr th { height: 20px; background-color: #bebdbd; border-bottom: 1px solid #fff; border-collapse: separate; text-align: center; color: #fff }
.rechercher_espace .resultats table.liste tr td { height: 28px; border-bottom: 1px solid #b2b2b2; border-collapse: collapse }
.rechercher_espace .resultats table.liste tr.bg_gris {  }
.rechercher_espace .resultats table.liste tr.bg_gris td {  }
.rechercher_espace .resultats table.liste tr.bg_gris_leger { background-color: #EEE; }

/* recherche avancee */
form.recherche_avancee { position: relative; top: 70px; left: 130px; width: 287px; text-align: center }
form.recherche_avancee .titre { color: #fff; font-size: 18px; padding: 0px 0px 0px -60px; }
form.recherche_avancee select { border: 1px solid #91a7b5; width: 200px }
form.recherche_avancee input { border: 1px solid #667240; width: 111px; font-style: italic }
form.recherche_avancee input.checkbox { border: 0; width: 14px; position: relative; top: 2px }
form.recherche_avancee input.submit { width: 76px; height: 22px; border: 0; margin: 0; padding: 0; position: relative; top: 0; background: url(../images/btn_recherches_ok.jpg) no-repeat }

/* !!! MODIFIE !!! */
form.recherche-avancee .checkboxEspace { clear: left; height: 4px; margin: 0; padding: 0 }
 
/* recherche spectacles */
.rechercher_spectacles h1 { position: absolute; top: 45px; left: 160px; text-transform: uppercase; font-size: 18px; color: #808080  }
.rechercher_spectacles table.spectacles { position: relative; top: 55px; left: 35px }
.rechercher_spectacles .recherche_spec .titre { padding: 40px 0 8px 45px; color: #fff; font-size: 14px }
.rechercher_spectacles .recherche_spec form { padding: 0 0 0 30px }
.rechercher_spectacles .recherche_spec form input { border: 1px solid #677341; font-style: italic; color: #667240 }
.rechercher_spectacles .recherche_spec { width: 240px; height: 122px; background: #fff url(../images/fond_recherche_spec.gif) 0 0 no-repeat }
.rechercher_spectacles .recherche_spec input.submit { width: 33px; height: 20px; border: 0; margin: 0; padding: 0; position: relative; top: 1px; background: url(../images/btn_ok.jpg) no-repeat }
.rechercher_spectacles table.cal_spec tr td { border: 1px solid #fab711; padding: 2px; font-size: 10px }
.rechercher_spectacles table.cal_spec tr td.action { border: 0 }
.rechercher_spectacles table.cal_spec tr td.action img { background-color: #f4bd01 }
.rechercher_spectacles table.cal_spec tr td.action a { color: #f4bd01; font-weight: bold; text-decoration: none }
.rechercher_spectacles table.cal_spec tr td.page_courante { background-color: #f4bd01; color: #fff }
.rechercher_spectacles .achat { margin-right: -32px }

.rechercher_spectacles .resultats table.liste { width: 465px; margin: 0 0 30px }
.rechercher_spectacles .resultats table.liste tr th { margin: 0 0 0 30px; padding: 20px 0 0 10px; border-bottom: 1px solid #b2b2b2; text-align: left; font-weight: bold }
.rechercher_spectacles .resultats table.liste tr td img { width: 46px; margin: 15px 15px 0 10px }
.rechercher_spectacles .resultats { position: relative; top: 70px; left: 35px; padding: 0 0 60px }
.rechercher_spectacles .resultats table.tri { width: 465px; background-color: #e6e6e6; padding: 10px; margin: 5px 0 20px }

/* salle/spectacle */
.salle { width: 468px; position: relative; top: 30px; left: 40px }
.salle .infos { 
	width: 468px; 
	height: 450px; 
	border: 1px solid #b2b2b2; 
	padding: 15px; 
	overflow-y: scroll;
	scrollbar-face-color: #a6c15a; /* couleur du desss du bouton de la barre */
	scrollbar-highlight-color: #e6e6e6; /* couleur claire du relief du bouton */
	scrollbar-track-color: #e6e6e6; /* couleur du fond de la barre */
	scrollbar-arrow-color: #677341; /* couleur de la fleche */
}
.salle .infos table.acces { width: 320px; text-align: center; border-collapse: collapse; margin-top: 20px }
.salle .infos table.acces tr th { height: 15px; background-color: #bebcbd; color: #fff; padding: 0 2px; border-collapse: separate }
.salle .infos table.acces tr td { height: 27px; border-bottom: 1px solid #dedede }
.salle .infos table.infos_generale tr td { vertical-align: top ;}

/**** recherche */
.recherche { position: absolute; left: 585px; top: 120px; padding: 7px 10px; width: 140px; height: 275px; border: 1px solid #eaeaea }
/* hack IE6 */ *html .recherche { width: 160px }

.recherche .titre { font-size: 10px; font-weight: bold; color: #4d4d4d }
.recherche .titre span { font-size: 12px }
.recherche a { font-size: 10px; text-decoration: underline; color: #676466 }
.recherche input { border: 1px solid #d9d9d9; width: 95px; height: 15px; margin: 3px 0; padding: 1px; color: #747576; font-style: italic }
.recherche input.submit { cursor:pointer; width: 28px; height: 17px; border: 0; margin: 0; padding: 0; position: relative; top: 0; background: url(../images/btn_ok.gif) no-repeat }

/* tabs recherche */
ul.recherche_thematique { 
	position: absolute;
	top: 113px;
	left: 0;
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 2px;
	display: inline;
	text-align: center;
	height: 15px;
	bottom: -1px;
}
	
ul.recherche_thematique li {
	margin: 0 0 0 3px;
	padding: 0;
	width: 72px; 
	display: inline;
	list-style-type: none; 
}

ul.recherche_thematique li a, ul.recherche_thematique li a.current {
	color: #fff;
	display: inline-block;
	width: 72px;
	padding: 2px 0;
	margin: 1px 0 0 0;
	background: url(../images/tab_recherche_them.gif) 0 0 no-repeat;
	height: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 9px;
	cursor: pointer
}
	
ul.recherche_thematique li a.current { color: #676466; background-position: -72px 0 }
ul.recherche_thematique a.current, ul.recherche_thematique a.current:hover, ul.recherche_thematique a:hover { padding-bottom: 3px }

/* recherche thematique icones */
.recherche .themeGP, .recherche .themePro {
	position: absolute;
	top: 128px;
	left: 5px;
	width: 140px;
	height: 150px;
	padding: 12px 0 0 10px;
	border-top: 1px solid #676466
}

.recherche a img { height: 30px; width: 30px; border-width: 0 }
.recherche a#bull img { background: url(../images/pictos/bull.gif) 0 -30px no-repeat }
.recherche a#rdv img { background: url(../images/pictos/rdv.gif) 0 -30px no-repeat }
.recherche a#euros img { background: url(../images/pictos/euros.gif) 0 -30px no-repeat }
.recherche a#shop img { background: url(../images/pictos/shop.gif) 0 -30px no-repeat }
.recherche a#ordi img { background: url(../images/pictos/ordi.gif) 0 -30px no-repeat }
.recherche a#loisirs img { background: url(../images/pictos/loisirs.gif) 0 -30px no-repeat }
.recherche a#academie img { background: url(../images/pictos/academie.gif) 0 -30px no-repeat }
.recherche a#house img { background: url(../images/pictos/home.gif) 0 -30px no-repeat }
.recherche a#usine img { background: url(../images/pictos/usine.gif) 0 -30px no-repeat }
.recherche a#justice img { background: url(../images/pictos/justice.gif) 0 -30px no-repeat }
.recherche a#shoe img { background: url(../images/pictos/shoe.gif) 0 -30px no-repeat }
.recherche a#recherche img { background: url(../images/pictos/recherche.gif) 0 -30px no-repeat }
.recherche a#secours img { background: url(../images/pictos/secours.gif) 0 -30px no-repeat }
.recherche a#deal img { background: url(../images/pictos/deal.gif) 0 -30px no-repeat }
.recherche a#transport img { background: url(../images/pictos/transport.gif) 0 -30px no-repeat }
.recherche a#cuisine img { background: url(../images/pictos/cuisine.gif) 0 -30px no-repeat }
.recherche a#voiture img { background: url(../images/pictos/voiture.gif) 0 -30px no-repeat }
.recherche a#edu img { background: url(../images/pictos/edu.gif) 0 -30px no-repeat }
.recherche a#oeil img { background: url(../images/pictos/oeil.gif) 0 -30px no-repeat }
.recherche a#famille img { background: url(../images/pictos/famille.gif) 0 -30px no-repeat }
.recherche a#sports img { background: url(../images/pictos/sports.gif) 0 -30px no-repeat }
.recherche a#vacances img { background: url(../images/pictos/vacances.gif) 0 -30px no-repeat }
.recherche a#voyage img { background: url(../images/pictos/voyage.gif) 0 -30px no-repeat }
.recherche a#crafts img { background: url(../images/pictos/crafts.gif) 0 -30px no-repeat }

.recherche a#bull:hover img { background: url(../images/pictos/bull.gif) top left no-repeat }
.recherche a#rdv:hover img { background: url(../images/pictos/rdv.gif) top left no-repeat }
.recherche a#euros:hover img { background: url(../images/pictos/euros.gif) top left no-repeat }
.recherche a#shop:hover img { background: url(../images/pictos/shop.gif) top left no-repeat }
.recherche a#ordi:hover img { background: url(../images/pictos/ordi.gif) top left no-repeat }
.recherche a#loisirs:hover img { background: url(../images/pictos/loisirs.gif) top left no-repeat }
.recherche a#academie:hover img { background: url(../images/pictos/academie.gif) top left no-repeat }
.recherche a#house:hover img { background: url(../images/pictos/home.gif) top left no-repeat }
.recherche a#usine:hover img { background: url(../images/pictos/usine.gif) top left no-repeat }
.recherche a#justice:hover img { background: url(../images/pictos/justice.gif) top left no-repeat }
.recherche a#shoe:hover img { background: url(../images/pictos/shoe.gif) top left no-repeat }
.recherche a#recherche:hover img { background: url(../images/pictos/recherche.gif) top left no-repeat }
.recherche a#secours:hover img { background: url(../images/pictos/secours.gif) top left no-repeat }
.recherche a#deal:hover img { background: url(../images/pictos/deal.gif) top left no-repeat }
.recherche a#transport:hover img { background: url(../images/pictos/transport.gif) top left no-repeat }
.recherche a#cuisine:hover img { background: url(../images/pictos/cuisine.gif) top left no-repeat }
.recherche a#voiture:hover img { background: url(../images/pictos/voiture.gif) top left no-repeat }
.recherche a#edu:hover img { background: url(../images/pictos/edu.gif) top left no-repeat }
.recherche a#oeil:hover img { background: url(../images/pictos/oeil.gif) top left no-repeat }
.recherche a#famille:hover img { background: url(../images/pictos/famille.gif) top left no-repeat }
.recherche a#sports:hover img { background: url(../images/pictos/sports.gif) top left no-repeat }
.recherche a#vacances:hover img { background: url(../images/pictos/vacances.gif) top left no-repeat }
.recherche a#voyage:hover img { background: url(../images/pictos/voyage.gif) top left no-repeat }
.recherche a#crafts:hover img { background: url(../images/pictos/crafts.gif) top left no-repeat }

.recherche a.tooltip:hover em { top: 10px; left: -40px; width: 80px }
/* hack IE6 */ *html .recherche a.tooltip:hover em { top: 30px; left: -30px }

/* Contenu static */
.contenu-static { position: relative; left: 30px; width: 465px }
.contenu-static h1 { margin: 0 0 35px 0; text-align: center; text-transform: uppercase }
.contenu-static h2 { font-size: 18px; color: #fab711; text-transform: none; margin: 20px 0 15px }

.contenu-static a:visited, .contenu-static a { font-size:12px; }

/* page espace presse */
.contenu-static .presse table.liste { width: 465px; margin: 0 0 30px }
.contenu-static .presse table.liste tr th { margin: 0 0 0 30px; padding: 20px 0 0 10px; border-bottom: 1px solid #b2b2b2; text-align: left; font-weight: bold }
.contenu-static .presse table.liste tr td { vertical-align: middle }
.contenu-static .presse table.liste tr td.description { padding: 15px 0 10px 15px }
.contenu-static .presse table.liste tr td.description img { float: left }
.contenu-static .presse table.liste tr td.telecharge { padding-left: 35px }

/* page nous sommes membres de */
.contenu-static table.partenaires { width: 465px; text-align: center; font-size: 10px }

/* page hebergement */
.contenu-static .hebergement { min-height: 400px }
.contenu-static .hebergement { height: 400px }
ul.lieu li { list-style-type: none; padding: 5px 0 5px 28px  }

/* page plan du site */
.contenu-static .plan { position: relative; top: 0; left: -130px; height: 980px }
/* hack IE6 */ *html .contenu-static .plan { left: -20px }
.contenu-static .plan table tr td { vertical-align: top; text-align: left }
.contenu-static .plan table tr td ul li { margin: 10px 0; padding-left: 20px; background: #fff url(../images/fleche_grise.gif) 0 3px no-repeat }
.contenu-static .plan table tr td ul li a { color: #676568; text-decoration: none }
.contenu-static .plan table tr td ul li ul li { vertical-align: top; margin: 2px 0; padding-left: 30px; background: none }

/* page alerte-email */
.alerte_email { width: 627px; height: 824px; background: none; margin-top: 30px }
.alerte_email h1 { text-transform: uppercase; color: #000; font-weight: bold; color:#666666; }
.alerte_email .aide { font-size: 14px; font-weight: bold; position: relative; top: -5px; left: 0px; z-index: 80; width: 148px; height: 144px; color: #fff; }
.alerte_email .contenu-static { width: 505px }
/* Boite ombree */
.alerte_email .boite-ombree { position: relative; z-index: 20; top: -30px; left: 0; width: 772px; margin: 0 0 50px 0; padding: 0 }
.alerte_email .boite-ombree .bas { position: relative; height: 10px; padding: 0 0 30px 0; margin: 0; background: transparent url(../images/bg_box_ombree_alerte.jpg) bottom left no-repeat  }
.alerte_email .boite-ombree .contenu { position: relative; width: 710px; padding: 40px 30px 0 30px;  background: transparent url(../images/bg_box_ombree_alerte.jpg) top left no-repeat }
.alerte_email .instructions { margin: 30px 0 0 320px; width: 220px;  font-size:10px; position: relative; z-index: 80 }

.alerte_email .champ_obligatoires { position: relative; top: -120px; left: 230px; width: 285px }
.alerte_email .champ_obligatoires label { display: inline-block; width: 95px }
.alerte_email .champ_obligatoires input { border: 1px solid #99a2a7; width: 160px }

.alerte_email form table { position: relative; margin: -100px 0 10px 0; width: 500px }
.alerte_email form table .titre { color: #b6c81c; font-weight: bold; background: #fff url(../images/fleche_verte.gif) 0 2px no-repeat; padding-left: 14px }
.alerte_email form table input { position: relative; top: 6px; height: 20px }
.alerte_email form table .checkbox { position: relative; top: 6px }
/* hack IE7 */ *:first-child+html .alerte_email form table .checkbox { top: 2px }
.alerte_email form .checkbox { position: relative; top: 2px }

.alerte_email form .infos_legales { 
	margin: 20px 0;
	overflow-y: scroll;
	width: 500px;
	height: 50px;
	font-size: 10px;
	scrollbar-face-color: #a6c15a; /* couleur du desss du bouton de la barre */
	scrollbar-highlight-color: #e6e6e6; /* couleur claire du relief du bouton */
	scrollbar-track-color: #e6e6e6; /* couleur du fond de la barre */
	scrollbar-arrow-color: #677341; /* couleur de la fleche */
}

.alerte_email input.submit { 
	width: 76px;
	height: 22px; 
	border: 0;
	margin: 15px 0 0 0;
	padding: 0;
	position: relative; 
	top: 0;
	background: url(../images/btn_recherches_ok.jpg) no-repeat;	
	cursor:pointer;
}

.alerte_email form .error_indications { 
	width: 220px;
}


/* page contact */
.contact .titre { 
	font-weight: bold; 
	background: #fff url(../images/fleche_grise.gif) 0 2px no-repeat; 
	margin: 0 0 10px -14px; 
	padding-left: 14px;
	font-size: 12px;
}
.contact p {
	font-size: 12px;	
}

.error{
	color: #F00;
}

div.error_form {
	margin: 30px 0px 0px 60px;
	font-size:12px;
}
	
div.errors_list {	
	color: #F00;
}

div.errors_list li {
	list-style-type: disc;
}


/* hack IE7 */ *:first-child+html .contact .titre { margin: 0; }
/* hack IE6 */ *html .contact .titre { margin: 0; }
.contenu-static .boite-contact { position: relative; z-index: 120; left: -30px; width: 665px; height: 643px; margin-top: 30px; padding: 20px 0 0 50px; background: #fff url(../images/bg_form_contact.jpg) 0 0 no-repeat }
.contenu-static .boite-contact select { 
	border: 1px solid #91a7b5; 
	width: 200px; 
	margin: 0 0 3px 0;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size:12px;
}
.contenu-static .boite-contact input { 
	border: 1px solid #91a7b5; 
	width: 120px; 
	font-style: italic; 
	font-size: 11px;
	margin: 0 0 2px 0;
}
.contenu-static .boite-contact label { font-size: 11px; width: 140px; display: -moz-inline-box }
/* hack IE7 */ *:first-child+html .contenu-static .boite-contact label {  display: inline-block; }
/* hack IE6 */ *html .contenu-static .boite-contact label {  display: inline-block; }
.contenu-static .boite-contact label.grand-label { display: inline-block; width: 190px; margin: 6px 0 3px }
.contenu-static .boite-contact textarea { margin-top: 4px; border: 1px solid #91a7b5; width: 420px; height: 100px }
/* hack IE7 */ *:first-child+html .contenu-static .boite-contact textarea { height: 80px }
/* hack IE6 */ *html .contenu-static .boite-contact textarea { height: 80px }
.contenu-static .boite-contact input.checkbox { border: 0; width: 14px; position: relative; top: 2px }
.contenu-static .boite-contact input.envoyer { width: 76px; height: 22px; border: 0; margin: 10px 0 0 160px; padding: 0; position: relative; top: 0; background: url(../images/btn_envoyer.jpg) no-repeat }
.contenu-static .boite-contact .aide p { 
	padding: 70px 0 0 17px; 
	width: 106px; 
	height: 130px; 
	color: #fff; 
	text-align: left;
	font-size: 11px;
}
.contenu-static .boite-contact .aide { width: 140px; height: 260px; position: relative; top: -140px; left: 370px; background: transparent url(../images/bg_aide_contact.gif) 0 0 no-repeat }
.contenu-static .boite-contact .form_contact { margin: -250px 0 0 0; } 
.contenu-static .infos-legales { margin-top: 20px; width: 415px; font-size: 10px }
.contenu-static .infos-legales a { font-size: 10px }


/* page espace exposants */ 
.select-espace-exposants { 
	position: relative; 
	top: 85px; 
	left: -15px; 
	width: 640px; 
	height: 643px; 
	padding: 30px 0 55px 50px; 
	background: #fff url(../images/bg_exposants.jpg) 0 0 no-repeat; 
}
.select-espace-exposants .aide { position: relative; top: -88px; left: -69px; width: 285px; height: 162px; background: transparent url(../images/bg_aide_exposants.jpg) 0 0 no-repeat; color: #fff} /*height: 262px;*/ 
.select-espace-exposants .aide p { padding: 25px 0 0 70px; width: 165px; height: 85px; text-align: left !important; }
.select-espace-exposants .aide p a:link, .select-espace-exposants .aide p a:visited, .select-espace-exposants .aide p a:hover, .select-espace-exposants .aide p a:active { color: #fff }
/* hack IE7 */ *:first-child+html .select-espace-exposants .aide p { width: 160px; padding: 27px 0 0 65px }

/* puces */
.select-espace-exposants form span { margin-top: 10px; display: block; padding: 0 0 0 20px; height: 20px; background-position: 0 -2px }
.select-espace-exposants form span.PDV { background: url(../images/puce_rouge.gif) no-repeat }
.select-espace-exposants form span.CDL { background: url(../images/puce_violet.gif) no-repeat }
.select-espace-exposants form span.PNV { background: url(../images/puce_parme.gif) no-repeat }
.select-espace-exposants form span.PCP { background: url(../images/puce_marine.gif) no-repeat }
.select-espace-exposants form span.EGARCHE { background: url(../images/puce_aqua.gif) no-repeat }
.select-espace-exposants form span.PCI { background: url(../images/puce_emeraude.gif) no-repeat }
.select-espace-exposants form span.CHAMP { background: url(../images/puce_vert.gif) no-repeat }
.select-espace-exposants form span.PLB { background: url(../images/puce_lime.gif) no-repeat }
.select-espace-exposants form span.PCV { background: url(../images/puce_jaune.gif) no-repeat }
.select-espace-exposants form span.CNIT { background: url(../images/puce_orange.gif) no-repeat }

.select-espace-exposants span { 
	margin-top: 0px; 
	display: block; 
	padding: 0 0 0 20px; 
	height: 19px; 
	background-position: 0 -2px; 
}
.select-espace-exposants span.PDV { background: url(../images/puce_rouge.gif) no-repeat }
.select-espace-exposants span.CDL { background: url(../images/puce_violet.gif) no-repeat }
.select-espace-exposants span.PNV { background: url(../images/puce_parme.gif) no-repeat }
.select-espace-exposants span.PCP { background: url(../images/puce_marine.gif) no-repeat }
.select-espace-exposants span.EGARCHE { background: url(../images/puce_aqua.gif) no-repeat }
.select-espace-exposants span.PCI { background: url(../images/puce_emeraude.gif) no-repeat }
.select-espace-exposants span.CHAMP { background: url(../images/puce_vert.gif) no-repeat }
.select-espace-exposants span.PLB { background: url(../images/puce_lime.gif) no-repeat }
.select-espace-exposants span.PCV { background: url(../images/puce_jaune.gif) no-repeat }
.select-espace-exposants span.CNIT { background: url(../images/puce_orange.gif) no-repeat }


.select-espace-exposants table { width: 385px; margin-top:30px; }
.select-espace-exposants table td { font-size:12px; height: 12px; }
.select-espace-exposants table tr.thin { height:12px; }

.select-espace-exposants .instructions { 
	position: relative; 
	margin: -150px 0 0 180px; /*-250px 0 0 200px*/ 
	width: 220px;
	height: 85px; 
	text-align: right !important;
}
/* hack IE7 */ *:first-child+html .select-espace-exposants .instructions { width: 205px; margin: -150px 0 0 180px; }
.select-espace-exposants p { width: 400px }
/* hack IE7 */ *:first-child+html .select-espace-exposants p { width: 360px }

.espace-exposants select { border: 1px solid #7f9db9; font-size: 10px; margin-right: 10px; color: #666465 }
.espace-exposants select.annee { width: 55px }
/* hack IE7 */ *:first-child+html .espace-exposants select.annee { clear:left }
.espace-exposants select.manif { width: 290px }
/* hack IE7 */ *:first-child+html .espace-exposants select.manif { width: 270px }
.espace-exposants input.submit { width: 33px; height: 20px; border: 0; margin: 0; padding: 0; position: relative; top: 3px; background: url(../images/btn_ok.gif) no-repeat }
/* hack IE7 */ *:first-child+html .espace-exposants input.submit { top: 1px }

.espace-exposants .titre { font-size: 12px; font-weight: bold; color: #65605d }
.espace-exposants #footer { height: 50px;	position: relative;	width: 775px;	color: #666;	bottom: 0; margin: 0;	padding: 60px 0 0 85px }

.descriptif { border: 1px solid #ccc }
/* */
div.box_acces { margin-left: 35px;}
div.box_acces p { padding: 0 15px 10px 0; }
div.box_acces ul { padding-bottom: 10px; }


/** Contenu dynamique **/
/*
#contenu-dynamic {
	margin: 0 0 0 0;
	padding: 0 0 0 30px;
	font-size: 12px;
	width: 475px;
	text-align: justify;
}
#contenu-dynamic ul li {
	list-style-type: disc;
	list-style-position: inside;
}
#contenu-dynamic ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 0px;
}
#contenu-dynamic h1 {
	padding: 0;
	margin: 0 0 20px 0;
	color: #666;
	background: none;
	position: relative;
	text-align: center;
	width: 100%;
	text-transform:uppercase;
}
#contenu-dynamic h2 {
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	color: #666;
	background: none;
	position: relative;
}
#contenu-dynamic div {
	text-align: justify;
}

#contenu-dynamic span.titre {
	font-weight: bold;
}

#contenu-dynamic h1:first-letter { font-size: 150%; color:#F9B700; } 
*/

/* Special first-letter */
.alerte_email h1:first-letter { font-size: 150%; color:#B6C81C; }
.rechercher_manifestation h1:first-letter,.resultat_manifestation h1:first-letter, .rechercher_espace h1:first-letter, .contenu-static h1:first-letter, .fiche_salle_detail h1:first-letter { font-size: 150%; color:#F9B700; }  

div.puce_traiteur { 
	width:20px;
	height:21px;
	background:#FFFFFF url(../images/puce_sites_traiteurs.png) no-repeat scroll 0 0; 
}

.annonce_tmp  {
	font-size:8px;
	left:-20px;
	margin-top:20px;
	width:200px;
	font-family: Verdana, Arial;
}
.annonce_tmp p , .annonce_tmp a , .annonce_tmp a:visited, .annonce_tmp a:hover {
	text-align: left;
	text-decoration: none;
}
.spectacl{
	width: 495px; 
	height: 20px;
	border: 1px solid #b2b2b2;
	position: relative; top: 25px; left: 40px;
	font-family:Arial, Verdana;
	font-size:12px;
	font-weight:bold;
	background:#FFFFFF url(../images/logo_viparis_detailmanif.gif) no-repeat scroll 0px 0px;
}
.spectacl a	{text-decoration: none; color:#000000; margin-left:25px; vertical-align:middle}

#conteneur{width:767px;margin-top:10px;}
#bandeau{margin-left:6px;}
#menu{width:190px;}
.bloc{ border: solid 1px #F8B101;margin-bottom:20px; }
.bloc ul li{ list-style-position:inside; margin:5px 5px 5px 10px; list-style-image:url(../images/img/puce.gif); color:#84935F; font-weight:bold; font-size:12px;}
.bloc ul li a{margin-left:8px;}
#menu{top:230px;position: fixed;}

#page{ margin:20px 200px;}
#contenu{width:570px;position:relative;z-index:1;}

#conteneur{
	width:950px;
	height:600px;
	padding-top:30px;
	background:url(../images/fond.jpg) no-repeat #F6B412;
	
}

#menu{
	margin-top:20px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;	
	width:962px;
}
#logoh{
	float:left;
	margin-right:20px
}
h1{
	padding:9px 0 9px 0;
}
#rubriques li{ list-style:none; float:left; margin-left:2px; margin-top:4px; text-align:center;}
#rubriques .active .titre{ background-color:#677441; }
#rubriques .selected .titre{ background-color:#677441;  }
#rubriques .titre{background-color:none; cursor:pointer;}
#rubriques .active .border{ visibility:hidden;}
#rubriques .selected .border{visibility:hidden;}
#rubriques .border{visibility:visible;}
#rubriques  a{ color:#A9A9A9; text-decoration:none;}
#rubriques .active  a{ color:#FFF; text-decoration:none;}
#rubriques .selected  a{ color:#FFF; text-decoration:none;}
#rubriques .titre .coin{ visibility: hidden;}
#rubriques .active .coin{visibility:visible;}
#rubriques .selected .coin{visibility:visible;}
#rubriques{ margin-left:10px; }
#fondRub{background:url(../images/rubriquesFond.gif) no-repeat; display:inline-block;width:964px; height:53px;}
.sousRubrique li{list-style:none; float:left;  margin-left:10px; text-align:center;}
.sousRubrique{margin-top:7px; margin-left:10px; display:none; }
.sousRubrique a{color:#FFF; text-decoration:none;}
.sousRubrique a:hover{text-decoration:underline;}
.sousRubrique .selected a{text-decoration:underline;}
#fondSrub{background:url(../images/sousRubriquesFond.gif) no-repeat;display:inline-block;width:955px; height:26px; }

/* traiteurs */
table.traiteurs th {font-size:11px; text-align:center;}
table.traiteurs tr td {font-size:12px; text-align:center;}

/* consignes logistiques */
.consigneLogistique_pair {background-color: #d0d0d0;margin: 0;}
.consigneLogistique_impair {background-color: #eeeeee;margin: 0;}
h3.consigneLogistique { color: #858e61; font-size: 14px; font-weight: bold; margin: 10px 0 10px }
.consigneLogistique_important {color: #ee0000;}

/* divers */
a.lien_noir:link {color: #000000; font-weight:normal; }
a.lien_noir:active {color: #000000; font-weight:normal; }
a.lien_noir:visited {color: #000000; font-weight:normal; }
a.lien_noir:hover {color: #000000; font-weight:bold; }


/* /!\ */
/* Ce qui suit permet de rendre les PNG transparents sous Internet Explorer 6 */
/* mais rend inactif les balises CSS se trouvant, apres ce code, sous IE7 */
/* Donc ne pas rajouter de balises css apres mais avant ce bloc */
/* /!\ */

/* icones acces */
.liens_sites_acces .icones_acces { display: block; width: 100%; margin: 15px auto 0; padding: 0; text-align: center }
.site ul.icones_acces {	margin: 0 0px;	padding: 0;	width: 505px }
.site ul.icones_acces li  {	display: inline; list-style: none; margin-right: 10px; cursor: pointer }
/* hack IE6 : méthode qui permet de rendre les PNG transparents sous Internet Explorer 6*/ 
*html .icones_acces li a img {
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}