/* ----------------------------------------------------------------------------------------*/
/* ---------------------------------- Ecrans de recherche ---------------------------------*/

/* commentaire : texte des éléments de la recherche 
Les textes sont les labels d'entrée des boites de saisie et menus déroulants.
Pour s'harmoniser avec le design d'ensemble du site ils sont paramétrables pour 
s'ajuster aux éléments Input et Select */

.ea_search_table {
	background:;
	padding:2px;
	margin-right:4px;
	border:0;
	width:100%;
	color:#663333;
	font:11px Verdana, Arial, Helvetica, sans-serif;
}

/* commentaire : Ecrans de recherche : boites de saisies */

input.ea_search_input {
	background:#e3eabd;
	padding:2px;
	margin-right:4px;
	width:143px;
	border:0;
	color:#663333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

/* commentaire : Ecrans de recherche : menus déroulants */

select.ea_search_select {
	background:#e3eabd;
	padding:2px;
	margin-right:4px;
	width:143px;
	border:0;
	color:#663333;
	font:10px Verdana, Arial, Helvetica, sans-serif;
}

/* commentaire : Ecrans de recherche express : lien vers recherche avancée 
quand on insère la recherche en mode simple sur un menu au bord d'un site, on peut se
retrouver sur une couleur de fond foncée. Dans ce cas il sera intéressant de faire
ressortir le lien vers la recherche avancée dans une couleur claire */

a.ea_anchor_highlighted {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    background: none;
    color:white;
    text-decoration: none;
}

/* commentaire : Ecrans de recherche : boutons 
Les boutons sont définis sans effet de MouseOver. Ces effets peuvent être rajoutés
en définissant les éléments over sur la classe ci-dessous. Par exemple ea_button:over { */

input.ea_button {
	font-family: verdana, sans-serif;
	font-size: 10px;
	background:#e3eabd;
	color: #8a2728;
	border-style:solid;
	border-width:1px;
	border-color:#8a2728;
	text-decoration: none;
}


/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Listes alphabétiques ---------------------------------*/

/* commentaire : Le style ci-dessous définit le style des liens dans les pages
de listes alphabétique des marques et des exposants */

a.ea_anchor {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: none;
    color:#8a2728;
    text-decoration: none;
}

/* commentaire : Le style ci-dessous définit le style des 
emplacements de stands dans les pages de listes alphabétique des marques 
et des exposants */

.ea_sector {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
    font-style: normal;
    background: none;
    color:#666666;
    text-decoration: none;
}

/* commentaire : définit le style appliqué sur une table dans les listes
alphabétiques pour aligner les éléments sur la bordure du tableau */

ea_alpha_list table tr td {
background: #ffffff; padding: 0px; border-spacing: 0px;}

/* commentaire : surligne des lettres dans les listes alphabétiques 
Le surlignage est fait par une image de fond sur la lettre */

.ea_alpha_rubric {
    font-family: arial;
    font-size: 30px;
    font-weight: bold;
    color: #003366;
    background-image: url(../img/surlignage_alpha.gif);
    background-repeat: no-repeat;
    vertical-align: bottom;
    border-color: #666666;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Pluggin Pays -----------------------------------------*/

/* commentaire : liste des pays : style des puces peut être un rond disc ou un carré
Le style et la couleur pourront être adaptés suivant les fonds de couleurs sur lesquels
le plugin est inséré */

ul.ea_ul {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #8a2728;
    list-style-position: outside;
    list-style-type: square;
    padding: 15px;
}

/* commentaire : les éléments des plugins sont des liens qui renvoient
vers des listes d'exposants. Sur fond de couleur, ces éléments peuvent être définis avec un effet over
pour mieux ressortir dans la navigation */

/*a.ea_anchor_dark_bg:link {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #775555;
    text-decoration: none;
}
*/
/* commentaire : effet over sur les éléments des plugins, la couleur du lien s'inverse
avec le fond*/

/*
a.ea_anchor_dark_bg:hover {
    font-family: verdana, sans-serif;
    font-size: 10px;
    background:#e3eabd;
    color: #8a2728;
    text-decoration: none;
}
*/


/* commentaire : Les liens s'affichent de la même façon même s'ils ont déjà été visités. */

/*a.ea_anchor_dark_bg:visited {
    font-family: verdana, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #775555;
    text-decoration: none;
}
*/

/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Liste des exposants ----------------------------------*/
/* commentaire : tous les plugins sont assortis d'un préfixe en fonction du type d'élément
qui va s'afficher. Ci-dessous le préfixe _exi pour les listes condensées d'exposants.
Les plugins sont détaillés par 6 éléments : */

/* commentaire : la bordure haute qui sépare les éléments du plugins */

.ea_exi_border_top {
    border-bandeau_haut_en;
    border-style: dashed;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}                                                                                                            

/* commentaire : l'enseigne de l'exposant */

a.ea_exi_condensed_signboard {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #FFFF99;
    font-size: 10px;
    text-decoration: none;
}

/* commentaire : le texte descriptif qui est affiché en raccourci sous l'enseigne de 
l'exposant */

.ea_exi_condensed_exhibitor_description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 10px;
}

/* commentaire : emplacement de du stand de l'exposant */

.ea_exi_condensed_location {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #CCCCCC;
    font-style:normal;
    font-size: 10px;
    text-align: right;
}

.ea_exi_anchor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: black;
    font-size: 10px;
    font-style: normal;
    text-decoration: none;
}

/* commentaire : la bordure basse qui sépare les éléments du plugins
 */

.ea_exi_border_bottom {
    border-bandeau_haut_en;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
} 

/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Liste des produits ----------------------------------*/
/* commentaire : les plugins produits, exposants, et communiqués sont construits de la même manière.
Se reporter au commentaire de la section au dessus concernant le plugin des listes d'exposants */

.ea_prd_border_top {
    border-bandeau_haut_en;
    border-style: dashed;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}                                                                                
.ea_prd_condensed_title a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #8a2728;
    font-size: 12px;
    text-decoration: none;
}

.ea_prd_condensed_signboard {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #CCCCCC;
    font-size: 10px;
    text-decoration: none;
}
.ea_prd_condensed_description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 10px;
}

.ea_prd_condensed_location {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #CCCCCC;
    font-style:normal;
    font-size: 10px;
}
.ea_prd_border_bottom {
    border-bandeau_haut_en;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
} 

/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Liste des communiqués ----------------------------------*/
/* commentaire : les plugins produits, exposants, et communiqués sont construits de la même manière.
Se reporter au commentaire de la section au dessus concernant le plugin des listes d'exposants */

.ea_com_border_top {
    border-bandeau_haut_en;
    border-style: dashed;
    border-top-width: 1px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
} 
/*                                                                               
	.ea_com_condensed_title a {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    color: #8a2728;
	    font-size: 10px;
	    text-decoration: none;
	}
	.ea_com_condensed_signboard {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    color: #CCCCCC;
	    font-size: 10px;
	    text-decoration: none;
	}
*/

.ea_com_condensed_description {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: black;
    font-size: 10px;
}

/*
	.ea_com_condensed_location {
	    font-family: Verdana, Arial, Helvetica, sans-serif;
	    font-weight: bold;
	    color: #CCCCCC;
	    font-style:italic;
	    font-size: 10px;
	}
*/

.ea_com_border_bottom {
    border-bandeau_haut_en;
    border-style: solid;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
} 

/* ----------------------------------------------------------------------------------------*/
/* --------------------------------- Liste des résultats ----------------------------------*/

/* commentaire : Affichage de l'enseigne des exposants dans les listes de résultats */
                                                                                 
a.ea_signboard_link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #8a2728;
    font-size: 14px;
    text-decoration: none;
}

/* commentaire : Affichage du texte descriptif des exposants 
dans lequel les mots recherchés sont surlignés dans les listes de résultats */

.ea_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

/* commentaire : emplacement du stand de l'exposant */

.ea_location {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: #666666;
    font-size: 10px;
    vertical-align: bottom
}

/* commentaire : emplacement du stand de l'exposant quand celui-ci est un lien */

.ea_location a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
    font-weight: bold;
    color: #666666;
    font-size: 10px;
    vertical-align: bottom
}

.ea_location td {
    background-color: #ffffff;
    border: 0px #ffffff;
    padding: 0px;
    background: #ffffff;
}

/* commentaire : affichage du secteur du salon sur les salons Foire de Paris et
Salon International de l'agriculture. Ne pas définir sur les autres salons */

.ea_sector a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    color: #666666;
    font-weight: bold;
    vertical-align: bottom;
    text-decoration: none;
}

/* commentaire : surlignage des mots clés recherchés dans les listes de résultats */

.ea_highlighted {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background-color: #FFFF99
}

/* ----------------------------------------------------------------------------------------*/
/* ------------------------------------ Séparateurs ---------------------------------------*/

/* ----------- Ligne du haut dans les listes de résultats-----------*/
.ea_border_top {
    font-family: Arial;
    font-weight: bold;
    color: #003366;
    vertical-align: bottom;
    border-color: #666666;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

/* commentaire : Ligne en pointillés du bas dans les listes de résultats */
.ea_border_bottom {
    padding-left: 5px;
    border-color: #666666;
    border-style: dashed;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-width: 0px;
    border-right-width: 0px;
}

/* commentaire : Ligne en pointillés du bas dans la liste des marques */

td.border_bottom {  		/* pas de ligne */
    padding-left: 5px;
    border-color: #666666;
    border-style: dashed;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-right-width: 0px; 
}

/* ----------------------------------------------------------------------------------------*/
/* --------------------------- Prestations vendues aux exposants --------------------------*/

/* ----------- Lien vers le site Internet de l'exposant -----------*/

/* commentaire : Le lien qui est vendu aux exposants s'affiche dans les listes de résultats
le style est défini ci-dessous */

.ea_web a {
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #003366;
    text-decoration:none;
}

/* commentaire : Il s'affiche également dans les pages de détail de chaque exposant. Le 
style pour la page de détail est défini ci-dessous. Il est préfixé par _detail */

a.ea_detail_web {
    vertical-align: bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #8a2728;
    text-decoration:none;
}

/* ----------- Prestation nom en gras -----------*/
/* commentaire : Le style nom en gras fait appel à une image qui est rajoutée sur l'ensemble
et lui donne le style marqueur. */

.ea_signboard_bold {
    background-image: url(../img/surlignage_bold.gif);
    background-repeat: no-repeat;
    vertical-align: bottom;
    border-color: #CCCCCC;
    border-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: 0px;
    border-left-width: 0px;
}

/* ----------- Prestation tête de liste -----------*/
/* commentaire : La tête de liste est marquée par un liseret sur toute la largeur de la ligne
et les lignes qui ensèrent le nom de l'exposant sont en noir pour forcer la démarcation */

.ea_signboard_top_list {
    background-color: #CCCC99;
    vertical-align: bottom;
    border-bandeau_haut_en;
    border-style: solid;
    border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: 0px;
    border-left-width: 0px;
}


/* ----------------------------------------------------------------------------------------*/
/* ----------------------------- Pages de détail des exposants ----------------------------*/
/* commentaire : Les en-têtes de rubriques sont mis en avant dans les pages de détail
par un surlignage spécifique qui est une image de fond */

.ea_detail_rubric {
    font-family: arial;
    font-weight: bold;
    font-size:14px;
    color: #003366;
    background-image: url(../img/surlignage_detail.gif);
    background-repeat: no-repeat;
    vertical-align: top;
    border-color: #666666;
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    height : 28px;
}

/* commentaire : enseigne de l'exposant en gros caractère en haut de page.
Dans les pages de détail l'enseigne est volontairement affichée dans une 
taille significative, ainsi que le stand pour respecter la hiérarchie des 
informations dans les données mises en ligne par l'exposant. */

.ea_signboard_detail {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #003366;
}

/* commentaire : ligne transversale du haut dans la page de détail de l'exposant. */

.ea_detail_row_top {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    border-color:#003366;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 3px;
    border-right-width: 0px;
    border-left-width: 0px;
    padding-bottom: 5px;
}

/* commentaire : ligne transversale du bas dans la page de détail de l'exposant. */

.ea_detail_row_bottom {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    color: #333333;
    border-color: #003366;
    border-style: solid;
    border-top-width: 3px;
    border-bottom-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    padding-top: 5px;
}

/* commentaire : Sur les salons multisecteurs le nom du sous salon s'affiche
dans la page de détail. Ne pas définir sur les salons simples, seuls sont 
concernés les salons Foire de Paris et Salon International de l'Agriculture. */

.detail_secteur {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-style: normal;
    font-weight: normal;
    color: #003366;
}

/* commentaire : Mise en avant en gros caractères de l'emplacement du stand
dans la page de détail exposant. */

.ea_detail_hall {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #003366;
}

/* commentaire : Définit les titres dans les éléments de contenus comme
communiqués ou produits. */

.ea_first_level {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

/* commentaire : Définit les sous-titres dans les éléments de contenus comme
communiqués ou produits. */

.ea_second_level {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin-left: 10px;
}

/* commentaire : Insère un décalage vers la droite pour décaler les contenus
du bord de la page. */

.ea_spacer_left {
    padding-left: 10px;
}

/* commentaire : Définit le style des rubriques de communiqués dans la page de détail
de tous les communiqués de l'exposant. */

.ea_com_rubric {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#8a2728;
}

/* commentaire : Carte de visite : Dans les pages de détail, l'information
se termine par la carte de visite de l'exposant. Ce bloc contient toutes
les informations nécessaires à l'internaute pour contacter l'exposant si le 
contenu mis en ligne correspond à une attente et appelle un complément d'information
qui ne peut être communiqué que par un contact direct avec les commerciaux chez l'exposant.
La carte de visite est constituée de 3 éléments haut, milieu et bas, définis ci-dessous. */

.ea_detail_visit_top {
    font-family: Arial;
    font-weight: bold;
    color: #003366;
    font-size: 14px;
    padding-left: 5px;
    background-color: #CCCC99;
    vertical-align: bottom;
    border-color: #666666 #666666 #FFFFFF #666666;
    border-style: solid;
    border-top-width: 2px;
    border-bottom-width: 0px;
    border-right-width: 2px;
    border-left-width: 2px;
}

.ea_detail_visit_middle {
    font-family: Arial;
    font-weight: bold;
    color: #003366;
    padding-right: 5px;
    background-color: #CCCC99;
    vertical-align: bottom;
    border-color: #666666;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-right-width: 2px;
    border-left-width: 2px;
}

.ea_detail_visit_bottom {
    font-family: Arial;
    font-weight: bold;
    color: #003366;
    padding-right: 5px;
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #CCCC99;
    vertical-align: bottom;
    border-color: #666666;
    border-style: solid;
    border-top-width: 0px;
    border-bottom-width: 2px;
    border-right-width: 2px;
    border-left-width: 2px;
}


/* ----------------------------------------------------------------------------------------*/
/* -------------------------------- gestion du pied de page -------------------------------*/

@media print {
.ea_printFooter { visibility: visible; display: block; }
}

@media screen { 
.ea_printFooter { visibility: hidden; position: absolute; width: 1px; height: 1px; overflow: hidden; }
}