* { padding: 0; margin: 0; border: 0; background-repeat: no-repeat; list-style: none; }
body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #000000; color: #FFFFFF; line-height: 17px; }

/* ***** MISE EN PAGE ***** */
a { border: 0; text-decoration: underline; color: #FFFFFF; }
a:hover { text-decoration: none; }
a img { border: 0; }

p { padding-bottom: 8px; }

ul { display: block; padding: 0 0 4px 0; margin: 0; }
ul li { display: block; padding: 0 0 4px 8px; margin: 0; }

h1 { font-size: 23px; display: block; padding-bottom: 8px; margin: 0; color: #AE0C21; font-weight: normal; line-height: 26px; }
h2 { font-size: 16px; display: block; font-weight: bold; padding-bottom: 4px; color: #AE0C21; padding-top: 4px; margin: 0; font-weight: normal; line-height: 22px; }

.clear { clear: both; display: block; }
.space { height: 5px; display: block; }
.spacer { height: 15px; display: block; }
.justify {
	display: block;
	text-align: justify;
}
.center { display: block; text-align: center; }
.macarons { display: block; position: relative; }
.macarons a { float: left;  margin-right: 5px; }

.red { color: #AE0C21; }
.black { color: #000000; }
.white { color: #FFFFFF; }
.yellow { color: #666666; }

.floatLeft { display: block; float: left; margin-bottom: 10px; margin-right: 15px; }
.floatRight { display: block; float: right; margin-bottom: 10px; margin-left: 15px; }

.overwhite { background-color: #FFFFFF; color: #000000; padding: 1px 2px 1px 2px; }

.uppercase { text-transform: uppercase; }

.size09 { font-size: 9px; }
.size11 { font-size: 11px; }
.size13 { font-size: 13px; }
.size15 { font-size: 15px; }
.size17 { font-size: 17px; }
.size19 { font-size: 19px; }

.encart-red { background-color: #AE0C21; color: #FFFFFF; padding: 4px 8px 2px 8px; }
.encart-yellow { background-color: #141414; color: #AE0C21; padding: 5px 8px 3px 8px; }
.encart-red p, .encart-yellow p { font-size: 11px; }

/* ***** GABARIT ***** */
#global { width: 930px; margin-left: auto; margin-right: auto; }
#head { width: 930px; height: 140px; position: relative; background-image: url("../images/bg_head_2010.png");  }
#head a.logo_md { width: 184px; height: 132px; display: block; border: 0; position: absolute; top: 4px; left: 13px; }

/* ***** MENU ***** */
#menu { border: 0; height: 36px; }
#menu ul { height: 36px; display: block; padding: 0; margin: 0; }
#menu ul li { height: 36px; display: block; padding:0; margin:0; float: left; margin-left: 17px; list-style: none; }
#menu ul li.first { margin-left: 15px; }
#menu ul li a { display: block; float: left; padding:0; margin:0; height: 36px; }

ul.list { display: block; padding-bottom: 3px; margin:0; }
ul.list li { display: block; padding-bottom: 5px; background-image: url("../images/bg_list.png"); background-repeat: no-repeat; background-position: 3px 7px; padding-left: 13px; }

ul.pdf_list { display: block; padding: 0; padding-bottom: 5px; margin:0; }
ul.pdf_list li { display: block; padding: 0; padding-bottom: 3px; margin:0; }
ul.pdf_list li a { display: block; padding: 5px 5px 5px 30px; font-size: 11px; color:#FFFFFF; background-image:url("../images/ul-liste-li.jpg"); background-position: 3px center; background-repeat: no-repeat; background-color:#141414; text-decoration: none; }
ul.pdf_list li a:hover { color:#FFFFFF; background-color:#AE0C21; background-image:url("../images/ul-liste-li_hover.jpg"); }

/* ***** FOOT ***** */
#foot { width: 930px; height: 96px; position: relative; border: 0px solid; }
#foot .deco-2010 { width: 225px; height: 430px; position: absolute; border: 0; bottom:60px; left:0; background-image:url("../images/deco-2010.png"); }
#foot a.logo_normaluexpo { width: 120px; height: 50px; position: absolute; bottom: 70px; left: 30px; padding:0; margin:0; }
#foot a.logo_parcexpo-colmar { width: 120px; height: 96px; position: absolute; bottom: 125px; left: 30px; padding:0; margin:0; }
#foot ul.menuFoot { padding-top: 20px; position: relative; width:910px; }
#foot ul.menuFoot li { float: right; display: block; margin-left: 18px; }
#foot ul.menuFoot li a { float: right; color: #494644; font-size: 9px; text-transform: uppercase; text-decoration: none; }
#foot ul.menuFoot li a:hover { text-decoration: underline; }

#foot_home { width: 930px; height: 96px; position: relative; border: 0px solid; }
#foot_home a.logo_normaluexpo { width: 90px; height: 96px; position: absolute; top: 25px; left: 660px; }
#foot_home a.logo_parcexpo-colmar { width: 120px; height: 96px; position: absolute; top: 0; left: 785px; }
#foot_home ul.menuFoot { padding-top: 40px; position: relative; width: 630px; }
#foot_home ul.menuFoot li { float: right; display: block; margin-left: 18px; }
#foot_home ul.menuFoot li a { float: right; color: #494644; font-size: 9px; text-transform: uppercase; text-decoration: none; }
#foot_home ul.menuFoot li a:hover { text-decoration: underline; }


/* ***** CONTENT ***** */
#body { border: 0; display: block; margin-left: 230px; min-height:350px; }
.content { display: block; width: 700px; position: relative; }
.title { display: block; width: 685px; }
.see { border: 1px solid #1C1C1C; }

/* ***** ACCUEIL ***** */
#contentAccueil { display: block; width: 900px; margin: 0; }
#contentAccueil .photo { width: 275px; display: block; float: left; }
#contentAccueil .presentation { width: 610px; margin-left: 290px; }
#contentAccueil .blocMenu { display: block; position: relative; border: 0; width: 610px; }
#contentAccueil .blocMenu .blocMenuLeft { display: block; width: 298px; position: relative; top: 0; left: 0; }
#contentAccueil .blocMenu .blocMenuRight { display: block; width: 298px; position: absolute; top: 0; left: 312px; }
#contentAccueil .blocMenu p { padding: 0 0 14px 0; width: 298px; }
#contentAccueil .blocMenu p a.title { display: block; width: 298px; color:#AE0C21; text-transform: uppercase; background-color:#141414; font-size: 13px; background-image: url("../images/bg_bloc-menu-arrow_hover.jpg"); background-position: 278px center; text-decoration: none; }
#contentAccueil .blocMenu p a.title:hover { background-color:#AE0C21; background-image: url("../images/bg_bloc-menu-arrow.jpg"); color: #FFFFFF; }
#contentAccueil .blocMenu p a.title span { display: block; padding: 10px 30px 10px 15px;  }

#contentAccueil .blocMenu p a.image { position: relative; width: 298px; height: 106px; display: block; }
#contentAccueil .blocMenu p a.image span { position: absolute; width: 157px; height: 121px; display: block; top: -5px; left: -7px; background-image:url("../images/dc_accueil-photos-2.png"); }
#contentAccueil .blocInfos { display: block; line-height: 20px;  }
#contentAccueil .blocInfos p { display: block; line-height: 20px; float: left;  }
#contentAccueil .blocInfos ul { display: block; margin-left: 250px;  }

/* ***** EXPOSER ***** */
#contentExposer { display: block; width: 685px; }
#contentExposer .presentation { display: block; width: 366px; float: left; }
#contentExposer .photos { display: block; margin-left: 381px; width: 289px; }

/* ***** PLAN ***** */
#contentPlan { display: block; width: 685px; height:490px; }

/* ***** PLAN ***** */
#contentNouveautes { display: block; width: 685px; }
#contentNouveautes .box { display: block; width: 685px; }
#contentNouveautes .box .image { display: block; width: 130px; padding-top: 5px; float: left; }
#contentNouveautes .box .text { display: block;  margin-left: 145px;}

/* ***** PRESSE ***** */
form { display: block; }
form input, form textarea { padding: 2px; border: 1px solid #CCCCCC; font-size: 11px; color: #000; font-family: Arial, Helvetica, sans-serif; }
#contentPresse { display: block; width: 685px; }
#contentPresse .formulaire { display: block; width: 366px; float: left; }
#contentPresse .formulaire label { display: block; font-size: 10px; padding-bottom: 2px; }
#contentPresse .coordonnees { display: block; margin-left: 381px; width: 289px; }
#contentPresse .coordonnees form { display: block; width: 289px; background-color: #66F; }

/* ***** ANIMATIONS ***** */
#contentAnimations { display: block; width: 685px; }
#contentAnimations .presentation { display: block; width: 685px; }
#contentAnimations .box-animations { display: block; width: 685px; position: relative; }
#contentAnimations .box-animations .animation1 { display: block; width: 215px; position: relative; top: 0; left: 0; }
#contentAnimations .box-animations .animation2 { display: block; width: 215px; position: absolute; top: 0; left: 235px; }
#contentAnimations .box-animations .animation3 { display: block; width: 215px; position: absolute; top: 0; left: 470px; }
#contentAnimations .more { display: block; text-align: right; padding-top: 5px; }
#contentAnimations .more a { color: #AE0C21; font-size: 11px; text-transform: uppercase; text-decoration: none; background-image: url("../images/bg_more.png"); background-position: right center; background-repeat: no-repeat; padding-right: 13px; }
#contentAnimations .more a:hover { text-decoration: underline; }

#contentAnimations .box { display: block; width: 685px; }
#contentAnimations .box .image { display: block; width: 130px; padding-top: 5px; float: left; }
#contentAnimations .box .text { display: block;  margin-left: 145px; color: #f0f0f0; }
#contentAnimations .boutique { display: block; width: 685px; }
#contentAnimations .boutique .image { display: block; width: 100px; padding-top: 5px; float: left; }
#contentAnimations .boutique .text { display: block;  margin-left: 115px; color: #f0f0f0; }

/* ***** INFOS PRATIQUES ***** */
#contentInfosPratiques { display: block; width: 685px; }
#contentInfosPratiques .presentation1 { display: block; width: 320px; float: left; }
#contentInfosPratiques .presentation2 { display: block; margin-left: 350px; width: 320px; }

/* ***** GALERIE ***** */
#contentGalerie { display: block; width: 685px; }
#contentGalerie .presentation { display: block; width: 670px; }

/* ***** GALERIE ***** */
#contentGalerie2009 { display: block; width: 685px; }
#contentGalerie2009 .presentation { display: block; width: 670px; }

/* ***** GALERIEXML ***** */
#contentGalerieXML { display: block; width: 800px; margin-left: auto; margin-right: auto; }

/* ***** EXPOSANTS ***** */
#contentExposants { display: block; width: 685px; }
#contentExposants .presentation { display: block; width: 670px; }
#contentExposants table.liste-exposants { display: block; width: 670px; }
#contentExposants table.liste-exposants th { background-color: #666666; text-transform: uppercase; padding: 3px 0 3px 0; font-size: 10px; color: #000000; text-align: left; font-weight: normal; }
#contentExposants table.liste-exposants th span { display: block; padding: 0 5px 0 5px; }
#contentExposants table.liste-exposants th.t1 { width: 160px; }
#contentExposants table.liste-exposants th.t2 { width: 60px; }
#contentExposants table.liste-exposants th.t3 { width: 80px; }
#contentExposants table.liste-exposants th.t4 { width: auto; }
#contentExposants table.liste-exposants th.t5 { width: 100px; }
#contentExposants table.liste-exposants td { padding: 2px 0 2px 0; vertical-align: top; }
#contentExposants table.liste-exposants td.t1 { text-transform: uppercase; }
#contentExposants table.liste-exposants td.lettre { background-color: #AE0C21; padding: 3px 5px 3px 5px; color: #000000; font-weight: bold; }

#tableau { display: block; width: 670px; }
#tableau table.liste-exposants { display: block; width: 670px; }
#tableau table.liste-exposants th { background-color: #666666; text-transform: uppercase; padding: 3px 0 3px 0; font-size: 10px; color: #000000; text-align: left; font-weight: normal; }
#tableau table.liste-exposants th span { display: block; padding: 0 5px 0 5px; }
#tableau table.liste-exposants th.t1 { width: 160px; }
#tableau table.liste-exposants th.t2 { width: 80px; }
#tableau table.liste-exposants th.t3 { width: 80px; }
#tableau table.liste-exposants th.t4 { width: auto; }
#tableau table.liste-exposants th.t5 { width: 100px; }
#tableau table.liste-exposants td { font-size: 10px; padding-left: 5px; }
#tableau table.liste-exposants td.lettre { background-color: #AE0C21; padding: 3px 5px 3px 5px; color: #000000; font-weight: bold; font-size: 12px; }

#gallery { display: block; border:0; }
#gallery .controls { display: block; border:0; margin: 0 0 15px 0; }
#gallery .controls .ss-controls { display: block; border:0; float: right; }
#gallery .controls .nav-controls { display: block; border:0; }
#gallery .controls a { padding: 0 6px 0 3px; text-decoration: none; color: #FFF; }
#gallery .controls a:hover { text-decoration: underline; }
#gallery .slideshow { display: block; border:0; height:450px; position: relative; }
#gallery .slideshow .image-wrapper { display: block; height:450px; position: absolute; }
#gallery .slideshow .advance-link { display: block; position: absolute; height:450px; width:640px; color:#000; line-height: 450px;text-align: center; }
#gallery .slideshow .image-wrapper img { vertical-align:middle; max-height:450px; max-width:450px; border:1px solid #666; }
#gallery .caption { display: none; }
#thumbs { display: block; border:0; }
#thumbs ul.thumbs { display: block; padding:0; margin:0 0 0 11px; border:0; height:77px; }
#thumbs ul.thumbs li { display: block; padding:0; margin:0 7px 0 0; float: left; border:1px solid #000; width:75px; }
#thumbs ul.thumbs li.selected { border:1px solid #666; }
#thumbs ul.thumbs li a { display: block; padding:0; margin:0; float: left; border:0; width:75px; }
#thumbs ul.thumbs li img { display: block; padding:0; margin:0; height:75px; width:75px; }
#thumbs .pagination { display: block; margin: 15px 0 0 0; padding:5px 0 10px 0; text-align:center; }
#thumbs .pagination a, #thumbs .pagination span { padding: 0 3px 0 3px; text-decoration: none; color: #FFF; }
#thumbs .pagination span { background-color: #333; padding: 0 3px 0 3px; }
#thumbs .pagination a:hover { text-decoration: underline; }
#thumbs .bottom { display:none; }