/* reglages generaux */
* { font-family: verdana, arial, sans-serif; font-size: 12px;	padding: 0; margin: 0;}
#general { float left; position: relative; top: 5px; left: 5px; width: 890px; text-align: left; }

/************* DEFAUT *************/
p { margin: 9px 0px 11px 0px; }
img { border: 0; }
table { font-family: verdana, arial, sans-serif; font-size: 0.7em; }
hr {float: left; clear: both; margin: 5px 0;}

li { text-align: left; list-style: none; margin: 0 0 0 2em; }

.liste_bold { line-height: 18px; font-weight: bold; }
.liste_espace { margin: 0px 0 6px 0; }

a, a:link, a:active, a:visited { text-decoration: none; color: #930; }
a:hover { text-decoration: none; color: #DF7519; }

/* tables issues de spip */
table.spip { float: left; width:100%; border: 1px dotted gray; margin: 0.5em 0 0 0; }
table.spip tr.row_first { background-color: #EDE799; }
table.spip tr.row_odd { background-color: #FAFFEE; }
table.spip tr.row_even { background-color: #F0FFC7; }
table.spip td { padding: 4px; text-align: left; vertical-align: top; }
/* images issues de spip */
.spip_documents_left {float: left; margin: 1em 1em 0.5em 0;}
.spip_logos {border: 0;}
/* liens spip */
a.spip_in {font-weigth: bold; text-decoration: underline;}

/************* HAUT ***************/
#logo { width: 200px; height: 160px; position: relative; float: left; }

#bandeau {
	width: 689px;
	height: 160px;
	position: relative;
	float: left;
	background-image: url(../images/bandeau.png);
	background-repeat: no-repeat;
	z-index: 0;
}

/* Images typographiques (via image_typo), URL a revoir... */
#titre { position: absolute; top: 33px; width: 636px; z-index: 1; }
/* #titre img.format_png { behavior: url(win_png.htc);} */

#date {
	position: absolute;
	top: 72px;
	z-index: 2;
	color: #FFF;
	font-family: "trebuchet ms", arial;
	font-size: 24px;
}

#langues { position: absolute; bottom: 7px; }

#langues img { margin: 0 0 3px 3px; }
a.flag_of:link img, a.flag_of:active img, a.flag_of:visited img { 
	-moz-opacity: 0.50; opacity: 0.50; filter:alpha(opacity=50); }
a.flag_of:hover img  { -moz-opacity: 0.80; opacity: 0.80; filter:alpha(opacity=80); }

a.lien_vert:link, a.lien_vert:active, a.lien_vert:visited {
	text-decoration: none;
	color: #fff;
	font-family: verdana;
	font-size: 0.9em;
}
a.lien_vert:hover { color: #cc3; text-decoration: none; }

/* formulaire newsletter */
.news { position: absolute; bottom: 10px; left: 385px; color: #cc3; width: 223px; }
.news form, .news input, .news label, .news a { float: left; font-size: 0.9em; }
.newstxt { float: left; width: 200px; height: 15px; padding: 2px 0 0 3px; font-size: 0.9em; background-color: #F9E7DC; color: #930;  border: 0; border-top: 1px solid #C55441; border-left: 1px solid #C55441; border-bottom: 1px solid white; }
.newsimg { float: left; }

/************* MILIEU *************/
#milieu {
	width: 890px;
	position: relative;
	float: left;
	background-image: url(../images/motif.png);
	background-repeat: repeat-y;
	z-index: 10;
}

/************* MILIEU GAUCHE *************/
#gauche {
	width: 120px;
	position: relative;
	float: left;
	top: 20px;
	left: 20px;
	color: #930;
	font-family: arial;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
	font-weight: bold;
	margin: 0;	
}

.lemenu a:link, .lemenu a:active, .lemenu a:visited, .lemenu a:hover
{font-family:arial; color:#930; text-decoration:none; font-size:1.1em; font-weight:bold;}
.lemenu a:hover {color: #DF7519;}

.sousmenu a:link, .sousmenu a:active, .sousmenu a:visited, .sousmenu a:hover 
{font-family:arial; color:#930; text-decoration:none; font-size:1.1em; font-weight:normal;}
.sousmenu a:hover {color: #DF7519;}

.ici { font-family: arial; color: #DF7519; text-decoration: none; font-size: 1.1em; }
.lemenu a.on, .sousmenu a.on  { color: #DF7519; }

/************* MILIEU CENTRE *************/
#centre {
	float: left;
	width: 400px;
	position: relative;
	top: 10px;
	left: 40px;
	line-height: 1.3em;
	text-align: justify;
}

h3.spip, .titre_brun {
	clear: both;
	font-size: 1em;
	color: #933;
	font-weight: bold;
	margin: 1.3em 0 0.8em 0.2em;
	text-align: left;
	line-height: 1.2em;
	border-width: 0 0 1px 0;
	border-color: #933;
	border-style: dotted;
}
strong.spip{ color: black; margin-left: 0.4em; }
h3.spip>strong.spip{ color: #933; font-size: 1.1em; margin-left: 0; }

h2.grandtitre {
	clear: both;
	width: 100%;
	margin: 0.8em 0 0.8em 0;
	padding: 0.2em;
	border: 1px dotted #933;
 	background-color:#F6EEEA;
	font-size: 1.4em;
	color: #933;
	font-weight: bold;
	text-align: left;
	line-height: 1.3em;
}

p.spip { font-family: verdana, arial, sans-serif; font-size: 0.9em; }
p.spip>img { margin-left: 20px; }
ul.spip { margin:-10px 0 0 25px; }
li.spip { list-style-type: disc; font-family: verdana, arial, sans-serif; font-size: 0.9em; }

.texte_gros { font-weight: bold; font-size: 1.1em; line-height: 1.4em; }

.cadre { border-color: #000; border-width: 1px; border-style: solid; padding: 4px; }

.chiffre_expo { font-size: 0.9em; }

/* accordeon exposants par secteur et type activite */
#accordeon1, #accordeon2 { float:left; width: 180px; margin-right: 15px; }
#accordeon1 h4, #accordeon2 h4 {float:left; position:relative; clear:both; width:97%; min-height:1.4em; text-align:left; font-size:1.1em; color:#933; font-weight:normal; margin:1.1em 0 0 0; border:1px dotted #930; cursor:pointer; background-color:#F6EEEA; padding:0.2em; text-transform: capitalize; text-indent: 0.5em;}
#accordeon1 ul, #accordeon2 ul {float:left; position:relative; clear:both; width:97%;}
#accordeon1 li, #accordeon2 li {float:left; position:relative; clear:both; width:97%; margin:0.1em 0.4em; min-height: 1.9em;}
#accordeon1 li a, #accordeon2 li a {float:left; display: block; width:97%; font-size:0.9em; min-height: 1.9em; background-color: #fff8cc; border:1px dotted #fff600;}
#accordeon1 li a:hover, #accordeon2 li a:hover {float:left; display: block; width:97%; min-height: 1.9em; background-color: #ffef88;}
#accordeon1 .pays, #accordeon2 .pays {float: right; font-size:0.8em; font-weight:normal; color:gray; margin:0 5px 0 0;}
#accordeon1 .spip_logos, #accordeon2 .spip_logos {float: left; margin:2px 8px 0 2px;}

/* accordeon newsletter */
#accordeon { float:left; width: 390px;}
#accordeon h4 {float:left; position:relative; clear:both; width:100%; min-height:1.4em; font-size:1.1em; color:#933; font-weight:normal; margin:1.1em 0 0 0; border:1px dotted #930; cursor:pointer; background-color:#F6EEEA; padding:0.2em; text-transform: capitalize;}
#accordeon ul {float:left; position:relative; clear:both; width:100%; margin: 0.2em 0.5em;}
#accordeon li {float:left; position:relative; clear:both; width:100%; margin-left:1em; min-height: 22px; list-style: disc;}
#accordeon .pays {font-size:0.8em; font-weight:normal; color:gray;}

/* accordeon exposants par type activite 
#accordeon2 { float:left; clear: right; width: 390px;}*/

/************* DROITE *************/
#droite {
	float: right;
	width: 235px;
	position: relative;
	top: 10px;
	right: 70px;
	line-height: 1.2em;
	text-align: left;
}

.titre_vert {
	clear: both;
	color: #990;
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0px 5px 0px;
}

.titre_noir {
	color: #000;
	font-weight: bold;
	font-size: 1.2em;
	margin: 5px 0px 10px 0px;
}

.pays {font-size:0.6em; font-weight:normal; color:gray;}

#search {float: left; width:230px; margin: 15px 0px 0px 0px;}
#recherche {float: left; width:200px; height:17px; border: 1px solid #990; border-right: 0; color: #990; font-size: 1.2em; cursor:pointer; background-color: #ffffcc}
.formulaire_spip{font-size: 0.8em; }

.forml {float: left; width:200px; height:17px; border: 1px solid #990; color: #990; font-size: 1em; background-color: #ffffcc; margin: 0 0 1px 0;}
.formo {float: left; width:200px; height:34px; border: 1px solid #990; color: #990; font-size: 1em; background-color: #ffffcc; margin: 0 0 1px 0;}

.spip_surligne { background-color: #FFFF66; }

#recommander {float: left;}
#formulaire_recommander {float: left; clear: both; width: 214px; margin-bottom: 20px;  border: 1px dotted gray; padding: 3px;}
#formulaire_recommander label {float: left; clear: both; width: 100%; font-size: 0.9em;}
#formulaire_recommander .erreur {float: left; clear: both; width: 100%; font-size: 0.8em; color: red;}
#recommander h2 {float: left; clear: right; color: #990; font-weight: normal; width:100%; height: 20px; font-size: 1.4em; margin: 6px 0px 10px 3px; cursor:pointer; background-image: url('../images/recom.png'); background-repeat: no-repeat; background-position: 0; text-indent: 20px;}

/************* BAS *************/
#navbas { float:left; clear:both; width: 100%; text-align: center; font-family: arial; font-size: 1.1em; font-weight: bold; margin-top: 1em;}

#motscles {
	width: 890px;
	text-align: center;
	color: #EFFAC5;
	font-size: 0.8em;
	position: relative;
	float: left;
	bottom: 0px;
}