/* CSS Document */

/* HTML */
    * { font-family:arial,sans-serif,courier,serif; margin:0px; padding:0px; }
    body{ font-size:62.5%; padding:30px 0 0 0; background:url('../img/background.jpg') no-repeat #1f2431; }
    input, textarea, select { background:#dcdfda; color:#333; }

    a { color:#49585b; }
    a:hover { color:white; }
    h1,h2,h3,h4{ text-transform:uppercase; font-weight:normal; line-height:1em; letter-spacing:-1px; color:#183d54; }
    h1{ float:left; font-size:4em; color:white; margin:0; padding:0; }
    h2{ font-size:1.5em; line-height:1.3em; margin:1em 0 0.5em 0; padding:0px; font-weight:bold; color:#183d54; }
    h3{ font-size:1.4em; margin:1em 0 0.5em 0; color:white; text-transform: none; line-height: 1.2em; }
    h4{ font-size:1em; padding:0; margin:1em 0 0 0; }

    hr{ color:#DDD; border:0px; border-top:1px dashed #09c; border-top:1px dashed white; margin:30px 0;  }
    td{ vertical-align:top; color:#333; }

    input{ height:16px; }
    textarea, select, input, input[type=checkbox]{ border:0px solid #999; }
    input[type=text], select{ width:300px; }
    strong{ font-size:1.2em; color:#49585b; }
    input, textarea, select, option { background:white; border:1px solid #DDD; color:#333; }
    option { border:0px solid #DDD; border-bottom:1px solid #DDD; }
    p { margin:1em 0 0.5em 0; }
    ul{ list-style: square; padding:0 0 0 1.5em; margin:1em 0 1em 0; }

    
/* ZONES */

	#logo{ position:absolute; top:20px; left:50%; }
		#logo a img{ width:350px; border:0px solid white; }

    #page{ margin:0 auto; width:1000px; padding:0 0 50px 0; }

            #colgauche{ float:left; width:172px; background:white; margin:150px 0 0 0; }

                #colgauche1{ float:left; width:162px; margin:0 0 0 10px; }
                
                    #dateplace{ font-size:1.3em; margin:10px 0 36px 0; padding:0; }
                        #dateplace #date{ color:#e43120; font-size:1.5em; line-height:1em; }
                        
                    #navigation1 { font-size:1.2em; }

                    #signature { font-size:1.1em; line-height:1.2em; margin:42px 0 0 0; color:#49585b; }

            #contenu { float:left; width:828px; margin:150px 0 0 0; padding:50px 0 0 0; background:#9ba792; }

                #contenu img{ max-width:595px; }
                #contenu a img { border:0px solid white; }

                #pageBanner{ float:left; width:790px; height:216px; display:none; }
                    #pageBanner img{ min-width:790px; max-width:790px; height:176px; margin:20px; }
            
                #colgauche2{ float:left; width:162px; margin:159px 0 0 20px; font-size:1.1em; }

                #inclusion{ float:left; width:595px; font-size:1.25em; line-height:1.3em; margin:0 0 30px 30px; color:#dcdfda; min-height:400px; }

                    #inclusion a { color:white; text-decoration:none; text-decoration: underline; }
                    #inclusion a img { border:0px solid white; }

                    #inclusion .col40{ float:left; width:46%; margin-right:3%; }
                    #inclusion .fullwidth{ float:left; width:100%; padding-top:30px; }

                    #colleft{ float:left; width:210px; }
                    #colright{ float:right; width:210px; }
                        #colright h1{ text-align:right; }

                        
/* CLASSES */
    .bigBoutonTexte{ padding:5px 10px 5px 10px; background:#E43120; text-decoration:none; text-transform:uppercase; font-weight:normal; -moz-border-radius:10px; -webkit-border-radius:10px; }
    .boutonTexte{ padding:2px 5px 2px 5px; background:#bec3cd; text-decoration:none; text-transform:uppercase; font-weight:normal; -moz-border-radius:5px; -webkit-border-radius:5px; }
    .boutonTexte:hover{ background:#ddd; }
    .boutonTexte-small{ padding:2px 5px 2px 5px; background:#bec3cd; text-decoration:none; text-transform:uppercase; -moz-border-radius:5px; -webkit-border-radius:5px; }
    .boutonTexte-small:hover{ background:#ddd; }
    .big{ font-size:1.3em; line-height:1.3em; }
    .separator{ clear:both; }
    .imgLeft{ float:left; margin:0 30px 30px 0; }
    .imgRight{ float:right; margin:0 30px 30px 0; }
    .partner{ float:left; width:250px; height:200px; background:white; border:1px dashed #DDD; padding:10px; margin:70px 0 0 0; }
    .illustration{ clear:both; display:block; width:590px; border:5px solid white; box-shadow:1px 1px 10px #000; margin:50px 0; }
    #inclusion a img { border:none; }
    #inclusion h1{ clear:both; font-size:3em; width:100%; margin:0 0 10px 0; padding:0; }

    
/* MENU */

    /* navigation 1 */
    #navigation1 ul{ margin:0px; padding:0px; overflow:hidden; }
    #navigation1 ul, #navigation1 ul li { list-style-type:none; text-transform:uppercase; }
    #navigation1 ul li { font-weight:normal; border-bottom:1px dotted #49585b; padding:0 0 5px 0; margin:0 0 5px 0; width:140px; }
    #navigation1 ul li:hover { background:#9ba792; }
    #navigation1 ul li a { text-decoration:none; width:130px; }
    #navigation1 ul li:hover a{ display:block; padding:5px 0 5px 0; margin:-5px 0 -5px 0; color:white; }
    #navigation1 ul li a:hover{ text-decoration:none; color:white; }
    #navigation1 ul li.nav1on, #navigation1 ul li.nav1on:hover { background:url('../img/nav1on.png') no-repeat 100% 10%; color:#ff493f; }

    #navigation1 ul li ul{ display:none; font-size:1.1em; line-height:1em; padding:0px; margin:-40px 0 0 120px; background:url('../img/layer90.png'); box-shadow:1px 1px 10px #000; }
    #navigation1 ul li:hover ul{ position:absolute; display:block; }
    #navigation1 ul li.nav1on:hover ul{ display:none; }
    #navigation1 ul li ul li{ font-size:0.8em; text-align:left; border:none; padding:5px 0 5px 5px; margin:0px; }
    #navigation1 ul li ul li:hover{ padding:5px 0 5px 5px; }
    #navigation1 ul li:hover ul li a{ display:block; color:#333; padding:5px 0 0 0; line-height:1em; height:25px; }
    #navigation1 ul li ul li:hover a:hover{ color:white; }

    /* navigation 2 */
    #navigation2 ul { margin:0px; padding:0px; width:162px;  }
    #navigation2 ul li { list-style-type:none; text-transform:uppercase; border-bottom:1px dotted #49585b; padding:5px 0; }
    #navigation2 ul li a{ text-decoration:none; display:block; padding:0px; color:#dcdfda; }
    #navigation2 ul li a:hover{ color:white; }
    #navigation2 ul li.nav2on, #navigation2 ul li.nav2on:hover { background:url('../img/nav2on.png') no-repeat 100% 60%; color:white; }

    #navigation2 #partners{ float:left; margin:70px 0 0 -50px; border:0px; width:150px; }
    #navigation2 #partners a{ border:0px; }

        
/* LISTE EXPOSANTS */
    .isnew { float:right; margin:-15px -8px 0 10px; }
    .encartDroite{ float:right; width:200px; background:#49585B; padding:10px; margin:-30px 0 0 30px; }
    .encartDroiteLight{ float:right; width:200px; padding:0 10px; margin:0 0 0 30px; border-left:1px solid white; min-height:130px; }

    #exhibitorSearch{ margin:20px 0; }
    #exhibitorSearch input[type=text], #exhibitorSearch select, #exhibitorSearch select option { background:white; padding:2px; color:#006; width:150px; height:20px; line-height:20px; }

    .exposant { float:left; width:22%; height:80px; margin:0 1% 5px 0; padding:0 1%; font-size:0.85em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
    .exposant .detail{ display:none; position:absolute; left:180px; width:550px; border:5px solid white; box-shadow:1px 1px 10px #000; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
    .exposant .detail h2, .exposant .detail h3, .exposant .detail h4, .exposant .detail strong{ color:white; }
    .exposant .close{ float:right; text-align:right; margin:0; }
    .exposant .agent { float:left; width:30%; margin:0 3% 10px 0; height:100px; }
    .exposant .agent h4{ clear:both; padding:0 0 10px 0; color:#333; }

    .weaver { background-color:#3a5f76; }
    .garments{ background-color:#918a81; }
    .accessories{ background-color:#9e869b; }
    .others{ background-color:#869e89; }


/* 2 colonnes */
    .deuxColonnes p{ float:left; width:47%; margin:0 2% 10px 0; font-size:0.9em; line-height:1.2em; }
    .height70 p{ height:70px; }
    .height90 p{ height:90px; }
    .height110 p{ height:110px; }
    .height130 p{ height:130px; }
    .height150 p{ height:150px; }


/* THEY CAME */
    #visitorslist .visitor{ margin-right:10px; white-space:nowrap; }


/* PRESS PARTNERS */
    .support{ color:#333; }
    #thumbs a{ background:none; padding:0px; }
    #thumbs a img{ box-shadow:1px 1px 10px #000; }

/* PHOTO GALLERY */
    #vignettes a.repertoire, #vignettes a.smallImgCell { background:none; color:black; height:180px; width:220px; text-align: left; }
    #vignettes a:hover.repertoire { background:none; color:black; }
    #vignettes a.repertoire img, #vignettes a.smallImgCell img { border:5px solid white; box-shadow:1px 1px 5px #666; }
    #vignettes a.repertoire img{ height:150px; }
    #vignettes a:hover.repertoire img { border:5px solid black; }
    
    #vignettes a.smallImgCell { width:160px; height:110px; }
    #vignettes a.smallImgCell img{ height:100px; }
    #vignettes a:hover.smallImgCell img{ border:5px solid black; }

    /* overload */
    #centerImage{ -moz-border-radius:30px; -webkit-border-radius:30px; }
    .close{ margin:-20px 0 0 0; }
    .theimage img{ border:10px solid white; box-shadow:1px 1px 20px #000; }


/* news aw1213 */
    #newsaw1213 p{ float:left; width:340px; padding:0 0 0 20px; }
    #newsaw1213 img{ float:left; width:210px; margin:30px 10px 0 0; border:3px solid white; box-shadow:1px 1px 10px black; }
    #newsaw1213 h2{ float:left; width:340px; padding:0 0 0 20px; text-transform: none; margin:20px 0 0 0; }
    #newsaw1213 h3{ float:left; width:340px; padding:0 0 0 20px; text-transform: none; margin:20px 0 0 0; padding:0; }
    #newsaw1213 #newsnav{ display:block; margin:0 0 0 0; }
    #newsaw1213 #newsnav ul{ margin:0 0 0 0; padding:0; list-style-type:none; }
    #newsaw1213 #newsnav li{ padding:0.3em 0; list-style-type:none; border-bottom:1px dotted #ccc; }
    #newsaw1213 #newsnav li:before{ content:"→ "; }
    #newsaw1213 #newsnav a{ text-decoration:none; color:#DCDFDA; }
    #newsaw1213 #newsnav a:hover{ text-decoration:none; color:white; }

/* videos FVD */
    #fvd .menuList{
        margin:0;
        padding:0;
    }
    #fvd .menuList li a{
        text-decoration:none;
    }
    #fvd .menuList li a img{
        margin:0 0 5px 0;
        width:80px;
    }
    #fvd .menuList li{
        float:left;
        width:80px;
        height:120px;
        font-size:0.9em;
        line-height:1em;
        list-style-type: none;
        margin:0 9px 12px 0;
        padding:5px;
        background:#000;
    }