/*---Styles de base---*/

/*Page*/

html{
	font-size:100%; /*Evite un bug d'IE 6-7 */
}
* {margin:0;padding:0}

html, body{	height : 100%; z-index: 3}
body{
padding:1em; /*Remettre à 0 si nécessaire*/
	/*On peut utiliser une collection de police*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em; /*à adapter selon la police choisie*/
	line-height:1.4; /*à adapter au design*/
	color:black;
	background-color:#e5e5e5;
	text-align:center;
	background-image: url(bg-clignotant.gif);
}
h1,h2,h3,h4,h5,h6{
	margin:1em 0 .5em 0; /*Rapproche le titre du texte*/
	line-height:1.2;
	font-weight:bold; /*valeur par défaut*/
	font-style:normal;
}

a{font-size: 13px;color: #C71585; }
a:hover{  font-size: 13px;color: #333399; }
a:link {color: #C71585; text-decoration: none; }
a:visited{	font-size: 13px;color: #666666; }
pre {margin: 0px; font-family: monospace;}
/*table {border-collapse: collapse;}
td, th {  vertical-align: baseline;}*/
h1 {
font-size:1.75em;
color: #483D8B;
text-align:left;
}
h2 {	font-size: 1.5em;}
h3{
	font-size: 1.25em;
}
h4{
	font-size:1em;
}

ul,ol{
list-style-type:square;/*fonctionne pour l'ul*/
	margin: .75em 0 .75em 32px;
	padding:0;
}
a img { 	border : 0px; }

/*PARAGRAPHES*/

p{
	margin: .75em 0; /*Marges plus faibles que par défaut*/
}
address{
	margin: .75em 0;
	font-style:normal;
}

hr{visibility: hidden; clear: both;}


/*Divers éléments*/

em{
	font-style:italic;
}
strong{
	font-weight:bold;
}

/*FORMULAIRES*/

form, fieldset{
	margin:0;
	padding:0;
	border:none;
}
input, button, select{
	vertical-align: middle; /*Solution au problème d'alignement*/
}


html>body #container{height:auto;}


#container{
position: relative;
width:974px;
margin:0 auto ;
text-align:center;
border-right:1px solid #ffffff;
border-left:1px solid #ffffff;
background-color: white;
/* permet de fixer une hauteur mini sur les navigateurs modernes */
min-height:100%;
/* pour obtenir le meme effet sur IE, sachant que si le contenu depasse, il
"poussera" la hauteur en ne respectant pas la norme. On se joue de ses lacunes*/
height:100%;
/*background-image: url(pdpfiesta.gif);
background-repeat: no-repeat;
background-position: bottom;*/
}
.titreconf{	border-bottom:1px dashed #000000;	padding-bottom:2px;	font-weight:bold;}
div.content { width: 100%; /*auto;*/ }
div.insider { clear:both; margin: 0px; padding: 0px; }
#header{  background-color:#ffffff;/*height:230px;width:100%;*/ text-align: center; width:974px;}
#header h1{	visibility: hidden;}
div.insider h1 { margin: 0; padding: 1em; }
div.insider p { /*margin: .5em;*/ margin : 0 15px; }
div#loading {  display: none; margin: -30px; color: red; font-weight: bold; z-index: auto;  position: static; }
.machin{color:#FF0000; font-weight:bolder;}
.espace{margin-right:10px;}
#pdp{width:100%; text-align: center; margin : 10px 0px 10px 0px; }


/*#maintabarea{background-color:white;float:left;margin:5px;display:inline;/* elimine le bug de double marge dans IE */}
/*#maintabarea p{font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 12px;color: #000000;line-height:24px;text-align:justify;margin-left:0px;margin-right:0px;}
#maintabarea ul{list-style-type: square;font-family: Arial, Verdana, Helvetica, sans-serif;	font-size: 13px;	text-align:justify;line-height:24px;color:#000000;background-color: #ffffff;margin-left:0px;margin-right:0px;padding:5px;}
#maintabarea li{ margin-left:25px;}*/


a#droits{	width:250px;background-color:#dc143c;	color:white;}	
ul.tabs {  width: 100%;  padding: 0;  margin-top : 15px; margin-bottom : 7px; height: 24px; font-weight:bold;} 
ul.tabs li {  display: inline; background-color: #FFF3F3; color:#FFFFFF;font-weight:bold;}
ul.tabs a { 
font-size : 0.92em ; 
color:#FFFFFF; 
font-weight:bold; 
text-align: center; 
float:left; 
/*display: -moz-inline-box; */
display: inline-block;  
margin-left : 1px;
margin-right: 2px; 
padding: 3px 3px 3px 3px ; 
background-color: #cc99cc; 
text-decoration: none;   
}
ul.tabs a:hover { background-color: #663366; font-weight:bold;}
ul.tabs li.active a {   background-color:#dc143c;color:white;}
/*div#tabhead{text-align: center; padding-left :25px; }*/
#rightlinks{	width:100%;	margin : 25px 25px 25px 25px;	text-align:center;	display:inline; } 
#rightlinks ul {	text-align:center;}
#rightlinks li {	display:inline;	list-style: none inside;}
#rightlinks img {border:1px dotted #EEEEEE;	/*padding : 2px 2px 2px 2px;*/}

/* trouvé sur http://www.siteduzero.com/tuto-3-5272-1-modifier-l-apparence-d-une-infobulle.html#ss_part_4 */
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: #663366;
   padding: 3px;
   border: 1px solid #663366;
   border-left: 4px solid #663366;
}
#signature{
text-align:center;
	font-size : 1em; 
	color: #663366;
}
#signature a{
	color: #663366;
	font-size : 1em; 
}
.bbanner{
	border:1px solid #333333;
}
.tintro{
margin:15px;
}
.mright{
	margin-right: 10px;
	border:1px solid #666666;
	margin-left:15px;
}
.mleft{
	margin-left: 10px;
	border:1px solid #666666;
	margin-right:15px;
}
#catalogue {
width:100%;
background-color: black;
color:white;
}
.blacktitle{
	font-family: Arial, Verdana, sans-serif;
	color: #000;
	font-size: 20px;
	font-weight:bold;
	margin-top:50px;
}
 #nav2{
  width:100%;
  /*height: 20px;*/
 height:35px;
  background-image: url(fdtop.gif);
  background-repeat: repeat-x;
  }
#nav2 ul {
  margin:0;
 /* padding:0;*/
padding:0 20px;
  list-style:none;
  font-size:17px;
  }
#nav2 li {
float:right;
  margin:0;
padding:0 5px;
/* padding:3px 10px 3px 10px;*/
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#nav2 a, #nav2 strong {
  display:block;
/*padding:5px 13px 6px;*/
padding-top:7px;
padding-bottom:6px;
padding-left:17px;
  border-left:1px solid #cdcdcd;
  color: white;
  text-decoration:none;
  white-space:nowrap;
  font-size:17px;
/*font-weight:bold;*/
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #nav2 a {
  width:1%;
  }
#nav2 #current strong, #nav2 #current a {
  background-repeat:no-repeat;
 }
#nav2 a:hover, #nav2 #current a:hover strong, #nav2 #current strong {
  /*background-color: #fff;*/
  color:#ffcc00;
text-decoration:none;
  }
#nav2 a:hover {
  background-repeat:no-repeat;
  }
#nav2 a strong, #nav2 #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#nav2 #h {
  border-left-width:1px;
  }
  .lieusalon{
  	font-size:15px;
	color:#666666;
  }
  #edito{
  	float: left;
	width:600px;
	/*background-color: #f7f7f7;*/
	padding:7px 12px;
	border-right:1px dashed #cc66cc;
  }
  #edito p{
  	font-size:13px;
	color:black;
	text-align: justify;
	line-height:20px;
  }
  #edito ul li{
	list-style-type: square;
}
  #liensalons{
  /*	padding:7px 0;*/
  	float:left;
	width:200px;
	/*margin-right:20px;*/
	/*background-color:#e5e5e5;*/
	/*border-right:1px solid #cdcdcd;*/
	/*border-left :1px solid #cdcdcd;*/
  }
  #liensalons p{
  	margin-left:0;
	margin-right:0;
  }
  #introsalons{
  text-align: justify;
  	float:right;
	margin-right:25px;
	width:700px;
	/*border: 1px solid black;*/
  }
  #kisom{
  	  text-align: justify;
  	float:right;
	margin-right:25px;
	width:700px;
	/*border: 1px solid black;*/
  }
  .txtglobal{
  	font-size:12px;
	line-height:20px;
	text-align:justify;
  }
  .titrepage{
 font-size:14px;
 font-weight:bold;
 color:#990066;
 margin-top:20px; 	
 margin-bottom:20px;
  }
  #presentation{
  	float:right;
	  text-align: justify;
	width:700px;
		margin-right:15px;
	/*border: 1px solid black;*/
  }
    #galpics{
  	float:right;
	  text-align: justify;
	width:700px;
		margin-right:15px;
	/*border: 1px solid black;*/
  }
  #exposer{
  	float:right;
	  text-align: justify;
	width:700px;
		margin-right:15px;
	/*border: 1px solid black;*/
  }
   #conferences{
	  text-align: justify;
  	float:right;
	width:700px;
		margin-right:15px;
	/*border: 1px solid black;*/
  }
  #conferences p{
  	font-size:13px;
  }
  .fd-menu{
  	background-image: url(../layout/header2008_05.gif);
	background-repeat: no-repeat;
	height: 39px;
  }
  .formulaire{
  	   scrollbar-base-color: white;
 scrollbar-3dlight-color: white;
 scrollbar-arrow-color: grey;
 scrollbar-darkshadow-color: white;
 scrollbar-face-color: white;
 scrollbar-highlight-color: white;
 scrollbar-shadow-color: white;
 scrollbar-track-color: white;
  }

#txtconf{
	font-size:11px;
	text-align:justify;
	color:#666;
	line-height:18px;
	margin:0 40px;
}
#txtconf ul li{
	list-style-type: square;
}
#filet	{
height: 1px;
overflow: hidden;
/*margin-top: 15px;*/
/*margin-bottom: 2px;*/
background-color:  #cdcdcd;
}
A.MINEUR {

 font-size : 12px;

 color : #2f5a84;

 text-decoration : none;

}



A.MINEUR:hover {

 font-size : 12px;

 color : #2f5a84;

 text-decoration : none;

}

A.MINEUR:visited {

 font-size : 12px;

 color : #2f5a84;

 text-decoration : none;

}
.fares{
	font-size:11px;
	font-weight:bold;
	color: green;
	text-align:center;
	background-color:#e5e5e5;
	padding:4px 0;
}
.faresn{
	font-size:11px;
	font-weight:bold;
	color: black;
	text-align:center;
	background-color:#e5e5e5;
	padding:4px 0;
}
.standtypes{
		font-size:11px;
	color: black;
	text-align:left;
	/*border-bottom:1px solid #999999;*/
}
.cities{
		font-size:11px;
	color: black;
	text-align:center;
	background-color: #cc99ff;
}
.stcities{
		font-size:10px;
	color: black;
	text-align:center;
}
.starchives{
		font-size:11px;
	color: black;
	text-align:center;
}
A.down {
 font-size : 11px;
 color : #cc0033;
 text-decoration :underline;
}
A.down:hover {
 font-size : 11px;
 color : #ffcc33;
 text-decoration : none;
}
A.down:visited {
 font-size : 11px;
 color : #666666;
 text-decoration : none;
}
.partner{
	width:185px;
	background-image: url(fdtop.gif);
	background-repeat: repeat-x;
	background-position: top left;
	height:35px;
}
#fd-listing{
	background-image: url(fdlisting.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#fd-listing p{
	text-align:left;
	margin-left:14px;
	font-size:11px;
	margin-top:12px;
}
#titrech{
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	color:#51325c;
	border-bottom: 1px inset #fff;
	padding:2px 0;
	text-align: center;
}
#fd-partner{
	background-image: url(fdpartner.gif);
	background-repeat: no-repeat;
	background-position: top center;
}
#titpartner{
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	text-align: center;
	color:#fff;
	border-bottom: 1px inset #fff;
	padding:2px 0;
	text-align: center;
}
#navbas{
  width:974px;
  /*height: 20px;*/
  margin:0 auto;
 height:30px;
  background-image: url(fdtop.gif);
  background-repeat: repeat-x;
  }
#navbas ul {
  margin:0;
 /* padding:0;*/
padding:0 20px;
  list-style:none;
  font-size:13px;
  }
#navbas li {
float:right;
  margin:0;
padding:0 5px;
/* padding:3px 10px 3px 10px;*/
  background-image:none;
  line-height:normal;
  text-indent:0;
  }
#navbas a, #navbas strong {
  display:block;
/*padding:5px 13px 6px;*/
padding-top:7px;
padding-bottom:6px;
padding-left:17px;
  border-left:1px solid #cdcdcd;
  color: white;
  text-decoration:none;
  white-space:nowrap;
  font-size:13px;
/*font-weight:bold;*/
  }
/* Following rule allows entire region of link to to be 
   clickable in IE/Win. Holly Hack explained here:
   http://www.positioniseverything.net/explorer/escape-floats.html */
* html #navbas a {
  width:1%;
  }
#navbas #current strong, #navbas #current a {
  background-repeat:no-repeat;
 }
#navbas a:hover, #navbas #current a:hover strong, #navbas #current strong {
  /*background-color: #fff;*/
  color:#ffcc00;
text-decoration:none;
  }
#navbas a:hover {
  background-repeat:no-repeat;
  }
#navbas a strong, #navbas #current a strong {
  background:none;
  padding:0;
  border:none;
  }
#navbas #h {
  border-left-width:1px;
  }
  A.MAJEUR {
 font-size : 18px;
 color : #B22222;
 text-decoration : underline;
}
A.MAJEUR:hover {
 font-size : 18px;
 color : #FF8C00;
 text-decoration : none;
}
A.MAJEUR:visited {
 font-size : 18px;
 color : #b22222;
 text-decoration : none;
}
A.GAL {
 font-size : 14px;
 color : #52325c;
 font-weight:bold;
 text-decoration : underline;
}
A.GAL:hover {
 font-size : 14px;
 color : #778899;
 text-decoration : none;
 font-weight:bold;
}

A.GAL:visited {
 font-size : 14px;
 color : #52325c;
 font-weight:bold;
 text-decoration : underline;
}
A.KONT {
 font-size : 11px;
 color : #52325c;
 font-weight:bold;
 text-decoration : none;
}
A.KONT:hover {
 font-size : 11px;
 color : #000;
 text-decoration :none;
 font-weight:bold;
}
A.KONT:visited {
 font-size : 11px;
 color : #52325c;
 font-weight:bold;
 text-decoration : none;
}
A.sitece {
 font-size : 11px;
 color : #ffcc00;
 font-weight:bold;
 text-decoration : none;
}
A.sitece:hover {
 font-size : 11px;
 color : #fff;
 text-decoration :none;
 font-weight:bold;
}
A.sitece:visited {
 font-size : 11px;
 color : #ffcc00;
 font-weight:bold;
 text-decoration : none;
}
#reductionsce{
 		float:right; 
	width:700px;
	margin-top:50px;
	margin-right:20px;
	padding:0px;
	background-color: #e5e5e5;
  	 	background-image: url(../layout/rce_haut.gif);
		background-position:top center;
		background-repeat: no-repeat;
 }
 A.MVALEUR{
 	font-size:16px;
	color:purple;
 }
  A.MVALEUR{
 	font-size:16px;
	color:black;
 }
  A.MVALEUR{
 	font-size:16px;
 color: #C71585; 
 }
 .txtreduc{
 	font-size:13px;
	color:#333333;
	line-height:24px;
	margin-right:265px;
 }