* { padding: 0; margin: 0; }

body { font-family: Arial, Helvetica, sans-serif; color:#FFFFFF; position:relative; font-size: 12px; padding: 0; margin: 0; background-color: #000000; background-image: url("../images/bg_site.jpg"); background-position: top center; background-repeat: repeat-x; }

a { font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; }

/* Structure de la page */

#global { background-image: url("../images/bg_global.jpg"); background-position: top right; background-repeat: no-repeat; display: block; margin-left: auto; min-height: 500px; margin-right: auto; width: 783px; border: 0px solid; }

#head { display: block; position: relative; height: 240px; border: 0px solid; }
#head a.logo_normaluexpo { display: block; position: absolute; background-image: url("../images/logo_normaluexpo.png"); height: 167px; width: 286px; top: 37px; left: 25px; }

#foot { padding: 0; }
#foot p { color: #333333; text-align: right; font-size: 11px; padding: 30px 15px 20px 15px; }
#foot p a { color: #333333; text-decoration: none; } 
#foot p a:hover { text-decoration: underline; }

#menu { background-image: url("../images/bg_main-menu.jpg"); background-repeat: repeat-x;	height: 42px; background-position: left -2px; background-color: #313131; border-top: 2px solid #323232; }
#menu ul { margin: 0; padding: 0 0 0 8px; }
#menu ul li {text-align: center; list-style-type: none;	background-position: left -2px;	display: block;	height: 42px;line-height: 42px;vertical-align: middle; float: left;	background-repeat: no-repeat; background-image: url("../images/bg_main-menu_space.jpg"); } 
#menu ul li#m1 { background-image: none; } 
#menu ul li a, #menu ul li a.active { text-decoration: none; color: #FFFFFF; font-size: 11px; text-transform: uppercase; line-height: 15px; padding: 15px 10px 3px 12px; display: block; }
#menu ul li a:hover, #menu ul li a.active { color: #299CE7; }
#menu ul li a.double { padding-top: 8px; }


div.body { position: relative; border: 0px solid; }

div.clear { clear: both; }

p.retour { position: absolute; width: 250px; color: #FFFFFF; top: 15px; left: 15px; font-size: 11px; background-image: url("../images/bg_h1_whitearrow.jpg"); background-position: left center; background-repeat: no-repeat; }
p.retour a { color: #FFFFFF; padding: 3px 0 3px 25px; text-decoration: none; }  
p.retour a:hover { text-decoration: underline; }  

/* Mise en page */

h1 { background-image: url("../images/bg_h1_bluearrow.png"); background-position: 8px center; background-repeat: no-repeat; padding: 5px 5px 8px 50px; font-size: 24px; border: 0px solid; font-weight: normal; color: #299DE9; }
h2 { background-image: url("../images/bg_h2_greyarrow.png"); background-position: 50px center; background-repeat: no-repeat; padding: 5px 35px 5px 75px; font-size: 14px; font-weight: bold; color: #666666; }
p.whitetext { font-size: 11px; color: #FFFFFF; padding: 5px 35px 5px 50px; }
a img { border: 0; }

/* Elements page ACCUEIL */

#accueil { background-image: url("../images/bg_body_accueil_halo.jpg"); padding: 58px 0 0 0; background-repeat: no-repeat; background-position: top center; }
#accueil .left { position: relative; left: 22px; top: 0; width: 327px; padding: 5px 0 0 0; }
#accueil .right { position: absolute; left: 422px; top: 58px; width: 327px; padding: 5px 0 0 0; }
#accueil div.expos { border-top: 1px solid #292929; margin: 30px 35px 0 35px; }
#accueil div.expos .cadre { text-decoration: none; background-repeat: no-repeat; background-position: 3px center; display: block; padding: 15px 5px 15px 5px; text-align: right; color: #FFFFFF; border-bottom: 1px solid #292929; }
#accueil div.expos .cadre span.ville { color: #CCCCCC; font-weight: bold; text-transform: uppercase;display: block; } 
#accueil a.bluearrow { background-image: url("../images/bg_a_bluearrow.jpg"); background-repeat: no-repeat; font-size: 11px; display: block; background-position: left center; padding: 0 0 0 25px; color: #299DE9; text-decoration: none; }
#accueil a.bluearrow:hover { text-decoration: underline; }

/* Elements page QUI SOMMES-NOUS ? */

#quisommesnous { background-image: url("../images/bg_body_quisommesnous_halo.jpg"); padding: 81px 0 0 0; background-repeat: no-repeat; min-height: 280px; background-position: top center; }
#quisommesnous .left { position: relative; left: 48px; top: 0; width: 327px; padding: 5px 0 0 0; }
#quisommesnous .right { position: absolute; left: 385px; top: 81px; width: 290px; padding: 12px 0 0 0; }
#quisommesnous div.expos { border-top: 1px solid #292929; margin: 30px 35px 0 35px; }
#quisommesnous div.expos .cadre { text-decoration: none; background-repeat: no-repeat; background-position: 3px center; display: block; padding: 15px 5px 15px 5px; text-align: right; color: #FFFFFF; border-bottom: 1px solid #292929; }
#quisommesnous div.expos .cadre span.ville { color: #CCCCCC; font-weight: bold; text-transform: uppercase;display: block; } 
#quisommesnous ul.logos { border: 0; }
#quisommesnous ul.logos li { border: 0; padding: 10px 0 0 50px; margin: 0; list-style-type: none; }

/* Elements page STANDS */

#stands { background-image: url("../images/bg_body_quisommesnous_halo.jpg"); padding: 81px 0 0 0; background-repeat: no-repeat; min-height: 280px; background-position: top center; }
#stands .left { position: relative; left: 48px; top: 0; width: 687px; padding: 5px 0 0 0; }
#stands h1 span.mail { display: block; padding: 15px 0 0 0; float: right; font-size: 11px; }
#stands h1 span.mail a { color: #299DE9; text-decoration: none; }
#stands h1 span.mail a:hover { text-decoration: underline; }
#stands ul.stands { display: block; padding: 15px 0px 0 50px; }
#stands ul.stands li { display: block; float: left; padding: 0 0 0 8px; }
#stands ul.stands li.first { padding: 0; }