/* reset all things */
html, body, div, span, applet, object, iframe,
h1, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
vertical-align: baseline;
background: transparent;
}
html, div, map, dt, isindex, form {
display:block;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}
/* ======== MISE EN PAGE PRINCIPALE ========== */
.invisible {display:none;}
BODY {font: 0.8em "verdana", arial, sans-serif ;
background:url(../images/bg_solutrans.jpg) no-repeat scroll 50% 0pt; background-color:#F8F8F8;
background-color:#F8F8F8;
font-family:verdana;
font-size:0.9em;
margin:0;
padding:0;
text-align:center;
}
#global {width:980px; margin:0 auto; overflow:hidden; text-align:left;}
/*--- header --- */
#header {height:240px; position:relative; background-image:url(../images/bckgrd_header.jpg) no-repeat; width:980px;}
#header .logoHome { position:absolute; top:6px; left:6px; width:367px; height:72px; background-color:#FFEEEE;}
#header .dateSalon { position:absolute; top:150px; left:506px; width:202px; height:61px; }
#header .SalonFFC{position:absolute; top:94px; left:790px; width:181px; height:76px; }
#header .pubHaut {position:absolute; top:12px; left:507px; width:468px; height:60px; }
#header .drapeau {position:absolute; top:177px; left:924px; height:24px; width:47px;}
/* --- menu Horizontal ___ */
#ZoneMenu { z-index:1000; position:relative; top:0px; left:0px; width:980px; height:39px; margin-left:0px; padding-left:2px; border-left:2px solid #949494; }
#ZoneMenu .MenuPrincipal{float:left; height:19px; width:420px}
#ZoneMenu .MoteurRecherche{visibility:hidden; float:left; height:19px; width:180px; margin-right:3px; margin-left:370px}
#ZoneMenu .MoteurRecherche INPUT {}
#ZoneMenu .filAriane {float:left; height:18px; width:548px;}
#ZoneMenu .MenuContacts {float:right; height:18px; width:225px; margin-right:5px; vertical-align: baseline}
#ZoneMenu .MoteurRecherche .searchbox-sword {color:#CCCCCC; background:#ffffff; margin-right:6px; width:100px; height:17px; border:1px solid #006eb6; font:0.9em Verdana, Arial, Helvetica, sans-serif; float:left;}
#ZoneMenu .MoteurRecherche .searchbox-button { border:0; height:17px; background-image:url(../images/loupe.jpg); width:26px; height:18px; font:0.9em Verdana, Arial, Helvetica, sans-serif; }
#MenuHorizontal { height:19px; margin:0; padding:0; }
#MenuHorizontal .titreMenu{width:130px; font-size: 16px ; padding-right:10px; padding-left:10px; font-weight: bold;
color: #006eb6 ; text-decoration: none ; border-right: 2px solid #ff8d26 ; text-transform:uppercase; }
#MenuHorizontal A:hover { background-color:#006eb6; color:#ff8d26;cursor:pointer;}
#MenuHorizontal .listeMenu { position:absolute; background-color:#DDDDDD; padding:0px; border:1px solid #006eb6; width:150px; left:0px; top:19px;
}
.itemMenuN1 { float:left; margin:0; list-style-type: none ; list-style-image:none;position:relative; }
#MenuHorizontal UL LI {}
#MenuHorizontal_home .listeMenu UL {}
#MenuHorizontal_home .listeMenu LI {font-weight:bold; padding:3px; margin:0; border-bottom:1px solid white; list-style-image:none; list-style-type: none ;}
#MenuHorizontal_home .listeMenu LI A {font-weight:bold;}
#MenuHorizontal_home .listeMenu LI .menuHaut_n2 {border:none; font-weight:normal;}
#MenuHorizontal_home .listeMenu LI .menuHaut_n2 A {font-weight:normal;}
#MenuHaut dl, #MenuHaut dt, #MenuHaut dd, #MenuHaut ul, #MenuHaut li {
margin: 0;padding: 0;list-style-type: none; list-style-image:none;
}
#MenuHaut { width:620px;
position: absolute!important;position:relative; float:left; height:19px;
top: 0;
left: 0;
z-index:1000;
}
#MenuHaut { }
#MenuHaut dl {
float: left;
width: 12em;
margin: 0 1px;z-index:1000;
}
#MenuHaut .titreMenuHover {
}
#MenuHaut dt {
cursor: pointer;
font-size: 16px ;
font-weight: bold;
color: #006eb6 ;
text-decoration: none ;
border-right: 2px solid #ff8d26 ;
text-transform:uppercase;
z-index:1000;
}
#MenuHaut dd {
border: 2px solid #006eb6; display:none; z-index:1000;position: absolute;
}
#MenuHaut li {
text-align: left;
background: #fff;
padding-top:2px; padding-bottom:2px; padding-left:5px;
border-bottom:1px solid orange; z-index:1000;
}
#MenuHaut li a{
color:#006EB6;text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#MenuHaut dt a
{
cursor:pointer;
color:#006EB6;
text-decoration: none;
font-weight:bold;
display: block;
height: 100%;
border: 0 none;
padding-left:5px;
padding-right:80px;
}
#MenuHaut dt a:hover {
color:#ff8d26;
background-color:#006eb6;
}
#MenuHaut li a:hover {
background: #eee;
}
/* ---- styles liste menu principal home ----- */
ul#MenuHorizontal_home{ height: 18px ; margin: 0 ; padding: 0 ; list-style-type: none ; list-style-image:none;}
ul#MenuHorizontal_home li{ float: left ; text-align: center ; margin: 0 0 1px 0 ; padding: 0 ;}
#MenuHorizontal_home A {width:130px; font-size: 1.6em ; padding-right:10px; padding-left:10px; font-weight: bold;
color: #006eb6 ; text-decoration: none ; border-right: 2px solid #ff8d26 ; text-transform:uppercase; }
#MenuHorizontal_home A:hover { background-color:#006eb6; color:#ff8d26;}
/* --- menu large ___ */
/*#menu_large {position:relative; overflow:hidden; width:770px; background-color:#EEEEEE;}
#menu_large P {float:left;display:block; }
.menu_opened {height:200px;}
.menu_closed {height:20px;}
.menu_none {display:none;}
.bouton_ouvre_menu {position:absolute;bottom:0px;left:0px;right:0px; height:20px; text-align:center; background-color:#DDDDDD;}
.bouton_ouvre_menu:hover {cursor:pointer;}
*/
#menu_large {margin-left:-1px;position:relative; width:769px; overflow:hidden; background-color:#bfd2e2; border:2px solid #006eb6; }
/*#menu_large P {float:left;display:block; }*/
.menu_opened {height:100px;}
.menu_closed {height:14px;}
.menu_none {display:none;}
.bouton_ouvre_menu {font-size:8pt; background-color:#006EB6; position:absolute;bottom:0px;left:0px;right:0px; width:770px; height:16px; color:#BFD2E2; text-align:center; background-image:url(../images/ouvre_menu.gif); background-repeat:no-repeat;}
.bouton_ferme_menu {font-size:8pt; position:absolute;bottom:0px;left:0px;right:0px; width:770px; height:16px; color:#ffffff; text-align:center; background-image:url(../images/ferme_menu.gif); background-repeat:no-repeat;}
.bouton_ouvre_menu:hover {cursor:pointer;}
/*--- page --- */
#page {overflow:hidden; }
#page #contenu {margin:0; padding:0; float:left; width:770px; border:2px solid; border-left-color:#949494; border-right-color:#949494; border-bottom-color:#949494;border-top-color:#006eb6; border-top: none;}
#page #colonneDroite {float:right; width:188px; margin-top:10px; margin-right:3px}
.filAriane {font-size:7pt; overflow:hidden;padding-left:10px;}
#page .titrePage {margin-left:2px; padding-left:30px; padding-top:7px; font-size:1.6em; color:#006eb6; width:980px; background-image:url(../images/Fond_Titre_Page.jpg); background-repeat:no-repeat; height:42px;}
/*--- Contenu Accueil --- */
.page_home {background-color:#bfd2e2;}
#page #contenu .BlocSemaineTransport {width:770px; margin-top:0; border-bottom:2px solid #006eb6; border-top:2px solid #006eb6; margin-top:15px;}
#page #contenu .ColonneHome {float:left;width:355px!important; width:335px; min-height:120px; margin-left:20px; padding:0;}
#page #contenu .ColonneHome H1 {border:none; margin-left:-15px; clear:both; background-image:url(../images/bckgrd_titre_home.jpg);
margin-top:20px; background-repeat:no-repeat; height:30px;font-size:1.2em; font-weight:bold; color:#006eb6; padding-top:7px; padding-left:34px}
/*--- Colonne de droite --- */
#page #colonneDroite #pointFort {text-align:center; }
#page #colonneDroite #PointFort P {height:40px; font-size:0.8em; font-weight:bold; color:#ffffff; text-align:center; padding-top:6px; background-image:url(../images/PointFort.gif);background-repeat:no-repeat;}
#page #colonneDroite #PointFort A {color:#ffffff; text-decoration:none;}
#page #colonneDroite #PointFort A:hover {text-decoration:underline;}
#page #colonneDroite #PointFaible { margin-left:1px; margin-right:2px; }
#page #colonneDroite #PointFaible H1 {font-size:0.8em; font-weight:bold; color:#006eb6; text-align:center;
padding-top:13px; padding-bottom:13px; background-image:url(../images/bg_titre_PointFaible.gif); background-repeat:no-repeat; text-transform:uppercase;}
#page #colonneDroite #PointFaible .BlocPointFaibleBody { margin-left:0px; margin-right:3px; background-color:#bfd2e2;
border-top:none; border-left: 2px solid #B4C91A; border-bottom:2px solid #B4C91A; border-right:2px solid #B4C91A;
margin-bottom:14px; min-height:80px; padding:5px;}
/*--- Contenu page standard --- */
.page_interieure {background-color:white;}
.contenuRelated {background-color:#DDDDDD; text-align:center; height:24px;overflow:hidden; border-top:1px solid #AAAAAA; clear:both;}
.tableRelated {display:table; margin:0 auto;}
.contenuRelated UL { list-style-type: none; background-color:#DDDDDD; min-width:750px;}
.contenuRelated H1 {font-size:10pt; border-top:1px dotted #006EB6; color:#777777;}
.contenuRelated A, .contenuRelated LI {color:#777777;}
.contenuRelated LI { padding-left:10px; list-style-image:none; text-transform:uppercase; font-size:8pt; display:inline;}
#contenu_centre {padding-left:10px; border-top:1px solid #888888;
min-height:940px; height:auto!important;}
#page #colonneDroite .PubMenuDroite {height:360px; margin-left:3px; margin-right:2px;}
/*--- footer --- */
#PiedPage {margin-top:8px; width:980px; }
ul#PiedDePage{width:680px; height: 18px ; margin: 0 ; padding-left: 200px; padding-top: 5px ; list-style-type: none ; list-style-image:none; float:right;}
ul#PiedDePage li { float: left ; text-align: center ; margin: 0 0 0 0 ; padding-left: 10px ; padding-right: 10px;}
ul#PiedDePage li a { font-size: 0.9em ; color: #006eb6 ; display: block ; text-decoration: none ; }
ul#PiedDePage li a:hover{ color: #006eb6 ; text-decoration:underline; margin: 0 ;}
/* ---- styles Menu Contacts/Partenaires ----- */
ul#MenuBas { height: 18px ; margin: 0 ; padding: 0 ; list-style-type: none ; list-style-image:none;}
ul#MenuBas li { float: right ; text-align: center ; margin: 0 0 5px 0 ; padding: 0 0 0 0 ; }
ul#MenuBas li a { width:110px; line-height: 18px ; font-size: 0.9em ; font-weight: bold ; color: #dcdcdc; display: block ;
background-color:#1F7FBD; text-decoration: none ; border-right: 1px solid #ff8d26 ;
border-left: 1px solid #ff8d26 ; text-transform:uppercase; }
ul#MenuBas li a:hover
{
background: url(../images/bg_MenuBas.gif) repeat-x 0 -18px ;
color: #006eb6 ; Comsa
margin: 0 ;
}
.blocactu HR {display:none;}
#contenu TABLE TD {vertical-align:top;}
/* ExpoAvenue */
.ea_detail_visit_middle, .ea_detail_visit_bottom, .ea_detail_visit_top {background-color:#BFD2E2;}
.ea_detail_rubric {background-image:none;}
input.ea_search_input, select.ea_search_select {background-color:white; border:1px solid #EEEEEE;}
input.ea_search_input:focus, select.ea_search_select:focus {border:1px solid red;}
input.ea_button {background-image:url(../images/PointFort.gif); width:185px; margin:10px; height:28px; border:none;}
.tx-eanomenclature-pi1 A {text-transform:lowercase;}
/* MailFormPLus Accréditation */
#th_mailformplus_1 label, #th_mailformplus_2 label, #th_mailformplus_3 label.lbl {
display:block;
float:left;
font-weight:bold;
margin:0 10px 10px 0;
text-align:right;
}
.tx-thmailformplus-pi1 label {
color: #006EB6;
font-size: 0.9em;
width:410px;
}
#th_mailformplus_1 br, #th_mailformplus_2 br, #th_mailformplus_3 br {
clear:both;
}
#th_mailformplus_1 label {
width:210px;
}
#th_mailformplus_2 label {
width:150px;
}
#th_mailformplus_3 label.lbl {
width:250px;
}
#th_mailformplus_1 .submit {
margin-left:120px;
}
#th_mailformplus_2 .submit {
margin-left:160px;
}
#th_mailformplus_3 .submit {
margin-left:160px;
}
#th_mailformplus_1 p.required, #th_mailformplus_2 p.required, #th_mailformplus_3 p.required {
border:1px solid red;
text-align:right;
}