@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, 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 
{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }

/* corps */
body { font-family: Arial, Trebuchet, sans-serif; background: #B06220 url(/img/fond.jpg) no-repeat top center; 
	margin: 0; font-size: 90%; height: 100%; color: #5A5A5A; }

 /*div {border: 1px solid blue; }  */

/* éléments */
img { border: 0; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }
.clear { clear: both; visibility: hidden; }

h1 { color: #4f151c; font-weight: bold; font-size: 120%; background: url(/img/lueur.png) no-repeat bottom left; height: 40px; }
h2 { color: #b06221; font-weight: bold; font-size: 100%; margin: 10px 0; }

a { color: #4f151c; text-decoration: none; }
a:hover { color: #B06220; text-decoration: none; }

.centre { text-align: center; margin: auto; }
.liste { margin-top: 10px; margin-left: 40px; list-style: square; color: #4f151c; font-size: 90%}

/* liste exposants et fiche exposant */
ul.exposants{ margin-top: 10px; margin-left: 40px; list-style: square; color: #4f151c;}
ul.exposants li { margin-top: 10px; }

ul#exposants { list-style: none; }
ul#exposants li { background: #EEE; height: 65px; margin-bottom: 5px; margin-right: 5px; float: left; width: 48%; padding-top: 5px; text-align: center}
ul#exposants li:hover { background: #C79163; color: #000; }
ul#exposants li a { color: #B06220; }
ul#exposants li:hover a { color: #FFF; }
ul#exposants .vignette { float: right; margin-left: 5px; }



#exposant { margin-left: 20px; }
#exposant .entete { clear: left; float: left; width: 100px; border-bottom: 1px solid #CCC; color: #a3ADB2; margin-left: 10px; margin-bottom: 10px }
#exposant .ligne { float: left; width: 350px; border-bottom: 1px solid #CCC; padding: 0 20px; margin-left: 0; margin-bottom: 10px  }
#exposant .noborder { border: 0; }
#exposant #description { clear: left; margin-left: 10px; margin-right: 145px; }

/* liste et détails partenaires */
.partenaire { margin-left: 25px; margin-bottom: 10px; width: 640px; overflow: auto; }
.partenaire img { float: right; margin-bottom: 10px; margin-left: 10px; }
.partenaire div { border-top: 1px dotted #ccc; padding-top: 10px; }

/* contour central */
#conteneur { width: 950px; margin: auto; background: #FFF; }

/* zone entete */
#header { width: 100%; height: 168px; background: #FFF url(/img/salon_01.jpg) no-repeat; }
#header #initiative { margin-left: 770px; padding-top: 124px; color: #0f308f; font-weight: bold; }
#partenaires { width: 950px; height: 149px; background: #FFF url(/img/salon_02_2012.png) no-repeat; }
#partenaires #fl_partenaires { margin-left: 232px; }
#partenaires #lienlions { float: right; width: 170px; height: 100px; }

/* menu */ 
#menu { width: 100%; height: 63px; background: #FFF url(/img/salon_03_2012.png) no-repeat; }
#menu ul { margin-left: 210px; padding-top: 11px; }
#menu li { float: left; list-style-type: none; padding: 0; margin: 0; text-align: center;}
#menu li a { display: block; width: 107px; height: 28px; background: url(/img/onglet-vert.png) no-repeat; color: #000; padding-top: 24px; padding-left: 14px; }
#menu li.grandmenu a { height: 35px; padding-top: 17px; line-height: 15px; }
#menu li.orange a { font-weight: bold; background: url(/img/onglet-orange.png) no-repeat; color: #FFF; }
#menu li a:hover { background: url(/img/onglet-over.png) no-repeat; color: #FFF; }

/* contenus */
#contenuheader { width: 100%; height: 62px; background: url(/img/salon_04.png) no-repeat; }
#contenuheader #accueil { padding-top: 35px; padding-left: 135px; }
#contenuheader #accueil a { color: #FFF }
#contenuheader #accueil a:hover { color: #B06220 }

#contenuentourage { width: 100%; overflow: auto; background: url(/img/fond-entourage.png); }
#colgauche { float: left; width: 224px; background: url(/img/fond-menu-gauche.png); }

#colgauche { float: left; width: 224px; background: url(/img/fond-menu-gauche.png); }
#colgauche ul { padding-left: 5px; list-style-type: none; text-align: center; }
#colgauche ul li { padding-bottom: 15px; }
#colgauche li a { display: block; height: 20px; color: #FFF; }
#colgauche li a:hover { background: url(/img/lueur-menu.png) no-repeat bottom center; color: #ffa300; }
#colgauche li a.selected { background: url(/img/lueur-menu.png) no-repeat bottom center; color: #ffa300; }

#contenu { width: 670px; padding-left: 20px; overflow: hidden; text-align: justify; background: url(/img/fond-contenu.png); height: 1% /*bug hasLayout IE */; }

/* mentions légales */
#footer { width: 100%; height: 103px; clear: both; background: url(/img/salon_07.png) }
#footer ul { width: 100%; overflow: hidden; margin: 0; padding: 0; list-style: none; }
#footer li { float: right; margin: 0; padding: 50px 20px 0 0; }
#footer li { text-decoration: none; text-transform: uppercase; font-size: 70%}
#footer li a { text-decoration: none; color: #4f151c; font-weight: bold; }
#footer li a:hover { text-decoration: none; color: #B06220; }

/* liens boutons bas */
#copyright { clear: both; background: #B06220; width: 100%; text-align: center; margin: auto; }

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background: #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.radio { background: 0; border: 0; }

.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 100%; background-color: #a3adb2; }

input, button, select { vertical-align: middle; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 95%; background: #4F151C; }
#admin a { color: #4F151C; text-decoration: underline } /* liens admin */
#admin a:hover { color: #B4D800; text-decoration: underline }
span.disabled { color: #CCC; }
#admin .colonneadmin, #admin .colonneadmin a { background-color: #4F151C; color: #B4D800; height: 25px; } /* couleurs colonnes */
#admin td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3; filter:alpha(opacity=30); -khtml-opacity: 0.3; opacity: 0.3; }
.fondrouge { color: #ff0214; padding: 5px; }
.fondvert  { color: #7EC65F; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #333; }