@charset "UTF-8";
/**

 * @copyright       Copyright 2007, AF83
 * @link            http://www.af83.com
 * @lastmodified    $Date: 2007-11-14 13:00:00 $
 */

@media all
{
    #addModel { margin: 0; padding: 0; border: 0; background: #D0CDCD; }
    #addModel img{ border:0;}

        #addModel ul#etape { float: left; width: 100%; margin: 0 0 15px 0; padding: 0; border: 0; background: #676565; }
            #addModel ul#etape li { float: left; display: block; width: 245px; height: 97px; margin: 0; padding: 0; border: 0; list-style-type: none; }
                #addModel ul#etape li p.num { margin: 0; padding: 0; font-size: 40px; font-weight: bold; color: #8B8B8B; text-align: center; }
                #addModel ul#etape li p { margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #8B8B8B; text-align: center; }
            #addModel ul#etape li.on { background: url(/images/upfactory/form/background_etape.gif) 0 0 no-repeat; }
                #addModel ul#etape li.on p.num { color: #EC008C; }
                #addModel ul#etape li.on p { color: #000000; }

        #addModel h2 { margin: 0; padding: 0 0 5px 7px; border-bottom: 2px dotted #676565; font-size: 12px; font-weight: bold; color: #EC008C; text-transform: uppercase; }
        *html #addModel h2 { height: 1%; }
        *+html #addModel h2 { height: 1%; }
        #addModel h3 { margin: 0; padding: 0 0 5px 7px; border: 0; font-size: 12px; font-weight: bold; color: #EC008C; text-transform: uppercase; }
        #addModel h3 span { text-transform: none; font-weight: normal; }
        #addModel h4 { margin: 0; padding: 0 0 5px 7px; border: 0; font-size: 12px; font-weight: bold; color: #000000; }
        
        #addModel .baseline { margin: 10px 0 0 7px; padding: 15px 22px 15px 22px; border: 0; background: url(/images/upfactory/form/background_baseline.gif) 0 0 no-repeat; }
            #addModel .baseline p { margin: 0; padding: 0; border: 0; font-size: 12px; color: #4C4C4C; }

        #addModel .accompagnement .content ul{ font-size:12px; margin:0 0 10px 0; color:#4C4C4C; }
        #addModel .accompagnement .content p{ padding-left:40px!important; }

         #addModel form { margin: 0 0 0 7px; padding: 0; border: 0; }

         #addModel form .colums2 { clear: both; margin: 0; padding: 0; border: 0; }
            #addModel form .colums2 .col1 { float: left; width: 50%; margin: 0; padding: 0; border: 0; }
            #addModel form .colums2 .col2 { float: left; width: 50%; margin: 0; padding: 0; border: 0; }
            #addModel form .colums2 .col3 { padding:1px 0 0 0; }
                #addModel form .colums2 .col1 p label, #addModel form .colums2 .col2 p label , #addModel form .colums2 .col3 p label { float: left; display: block; width: 166px; margin: 0; padding: 3px 0 0 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
                #addModel form .colums2 .col1 p input, #addModel form .colums2 .col1 p select, #addModel form .colums2 .col2 p input, #addModel form .colums2 .col3 p input, #addModel form .colums2 .col2 p select , #addModel form .colums2 .col3 p select { width: 189px; margin: 0 0 0 5px; padding: 0; border: 1px solid #000000; }

        #addModel form hr { margin: 10px 10px 10px 0; padding: 0; background: #F4F4F4; border: 0; border-top: 1px solid #AEAEAE; }
             *html #addModel form hr { margin: 0 10px 0 0; border: 0; border-top: 1px solid #AEAEAE; border-bottom: 1px solid #D0CDCD; }

        #addModel form .multi { clear: both; margin: 0; padding: 0; border: 0; }
            #addModel form .multi p.annee { float: left; width: 30%; margin: 0; padding: 0; border: 0; }
                #addModel form .multi p.annee label { float: left; display: block; width: 166px; margin: 0; padding: 3px 0 0 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
                #addModel form .multi p.annee select { width: auto; margin: 0 0 0 5px; padding: 0; border: 1px solid #000000; vertical-align: top; }
            #addModel form .multi p.checkbox { float: left; width: 30%; margin: 0; padding: 0; border: 0; }
                #addModel form .multi p.checkbox label { float: left; display: block; width: 66px; height: 30px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
                #addModel form .multi p.checkbox span { width: 66px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #000000; text-align: right; }
                #addModel form .multi p.radio { float: left; width: 30%; margin: 0; padding: 0; border: 0; }
                    #addModel form .multi p.radio label { float: left; display: block; width: 86px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
                    #addModel form .multi p.radio span { width: 66px; margin: 0 30px 0 2px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }
                    #addModel form .multi p.radio span.info { float: left; width: 300px; margin: 0 0 0 20px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #4C4C4C; text-align: left; }

        #addModel form p.checkbox label { float: left; display: block; width: 166px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
        #addModel form p.checkbox span { width: 66px; margin: 0 30px 0 2px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }
        #addModel form p.checkbox input { vertical-align: top; }

        #addModel form p label { float: left; display: block; width: 166px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
        #addModel form p textarea{ width:650px; height: 250px; margin:0; border: 1px solid #000000; }
        #addModel form p textarea#model_forward_{ height:50px; font-weight:bold; }
            #addModel form p.textarea label{ width:auto; font-weight:normal; }
        #addModel form p span { font-size: 12px; font-weight: bold; color: #000000; }

        #addModel form .exemple{ float:right; width:260px; background:#fff; border:2px solid #EC008C; padding:10px; margin:25px 16px 0 0; font-size:12px; line-height:20px; }
            #addModel form .exemple ul{ margin:0; padding:0 0 0 20px; line-height:inherit; }
            #addModel form .exemple h3{ text-align:center; text-transform:inherit; font-size:18px; }
            #addModel form span.required{ color:#EC008C; display:inline; }

                #addModel form .colums2 .col1 label.matiere { margin: 0 0 180px 0; }
                #addModel form .colums2 .col1 .material_caneva { margin: 0; padding: 0; border: 0; font-weight: bold; font-size: 11px; }
                    #addModel form .colums2 .col1 .material_caneva select { width: 189px; margin: 0 0 0 5px; padding: 0; border: 1px solid #000000; vertical-align: top; }
                    #addModel form .colums2 .col1 .material_caneva input { width: 30px; margin: 0; padding: 0; border: 1px solid #000000; vertical-align: top; }
                    #addModel form .colums2 .col1 .material_caneva a { color: #EC008C; font-size: 12px; font-weight: bold; }
                #addModel form .colums2 .col1 p.add_matiere { margin: 0; padding: 0; border: 0; }
                    #addModel form .colums2 .col1 p.add_matiere a { float: left; display: block; margin: 0 0 0 30px; font-size: 12px; font-weight: normal; color: #EC008C; }
                    #addModel form .colums2 .col1 p.add_matiere span { float: left; display: block; width: 100px; margin: 0 0 0 20px; font-size: 12px; font-weight: bold; }
                        #addModel form .colums2 .col1 p.add_matiere span i#material_total_percent { display: inline; width: 10px; margin: 0; font-style: normal;  }

            #addModel form .colums2 .col2.entretient span { float: left; display: block; width: 166px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
            #addModel form .colums2 .col2.entretient p label { font-weight: normal; }

            #addModel form p.radios span, #addModel form p.radios_small span { float: left; display: block; width: 166px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
            #addModel form p.radios label { float: left; width: 66px; margin: 0 30px 0 2px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }
            #addModel form p.radios input, #addModel form p.radios_small input { float: left; vertical-align: top; }

            #addModel form p.radios_small label { float: left; width: 35px; margin: 0 30px 0 2px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }
            
            #addModel form #on_demand_form { margin: 0 5px 0 165px; padding: 0; border: 0; }
            #addModel form #on_demand_form p label { text-align: left; width: auto;  }
                #addModel form #on_demand_form p input { float: left; margin: 0 3px 0 5px; padding: 0; vertical-align: top; }
                #addModel form #on_demand_form p span { float: left; display: block; width: 100px; font-size: 12px; font-weight: normal; color: #000000; }
                
            #addModel form #on_demand_form p.questions a { margin: 0 0 0 4px; padding: 0; font-size: 12px; font-weight: normal; color: #EC008C; vertical-align: top; }
                *html #addModel form #on_demand_form p.questions { height: 1%; }
            #addModel form div#on_demand_form div#questions div input { width: 600px; border: 1px solid #000000; }
            #addModel form div#on_demand_form div#questions div a { margin: 0 0 0 4px; padding: 0; font-size: 12px; font-weight: normal; color: #EC008C; vertical-align: middle; text-decoration: none; }

            #addModel form p.tags input { margin: 0 0 0 10px; padding: 0; border: 1px solid #000000; }

            #addModel form div.mode_expedition { margin: 0; padding: 0; border: 0; }
                #addModel form div.mode_expedition span { float: left; display: block; width: 166px; margin: 0; padding: 0; border: 0; font-size: 12px; font-weight: bold; color: #000000; text-align: right; }
                #addModel form div.mode_expedition p { margin: 0 0 0 166px; padding: 0; border: 0; font-size: 12px; }
                    #addModel form div.mode_expedition p a { color: #EC008C; }

                #addModel form div.mode_expedition ul { margin: 10px 0 0 180px; padding: 0; border: 0; font-size: 12px; }
                    #addModel form div.mode_expedition ul li { display: inline; margin: 0 40px 0 0; padding: 0; border: 0; list-style-type: none; }
                         #addModel form div.mode_expedition ul li img { vertical-align: middle; }

         #addModel form .math_price { clear: both; margin: 0; padding: 0; border: 0; }
            #addModel form .math_price p { font-size: 12px; }
                *html #addModel form .math_price p { height: 1%; }
                #addModel form .math_price p input { width: 50px; margin: 0 3px 0 5px; padding: 0; border: 1px solid #000000; font-size: 12px; vertical-align: bottom; }
                #addModel form .math_price p span { float: left; display: block; width: 166px; font-weight: normal; text-align: right; }
                #addModel form .math_price p span.result { width: auto; margin: 0 3px 0 3px; font-weight: bold; text-align: left; }
                #addModel form .math_price p span.required{ display:inline; float:none; }

                #addModel form .math_price p.link { margin: 0 0 0 170px; font-size: 12px; }
                    #addModel form .math_price p.link a { color: #EC008C; }

         #addModel form .solde { clear: both; margin: 0; padding: 0; border: 0; }
            #addModel form .solde p { font-size: 12px; }
            #addModel form .solde p.infos { margin: 0; padding: 0; border: 0; }
                #addModel form .solde p.infos label { float: left; display: block; width: 200px; font-weight: bold; text-align: right; }
                #addModel form .solde p.infos input { width: 50px; margin: 0 3px 0 5px; padding: 0; border: 1px solid #000000; font-size: 12px; vertical-align: bottom; }
            
            #addModel form .solde p.link { margin: 5px 0 0 10px; font-size: 12px; }
                #addModel form .solde p.link a { color: #EC008C; }
            
                #addModel form .solde p span { float: left; display: block; width: 166px; font-weight: normal; text-align: right; }
                #addModel form .solde p span.result { width: auto; margin: 0 3px 0 3px; font-weight: bold; text-align: left; }
                
        
        #addModel form p.valid { clear: both; margin: 0; padding: 0 10px 10px 0; border: 0; text-align: right; }
            #addModel form p.valid input { width:300px; height: 28px; margin: 0; padding: 0 40px 0 40px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_large.png) center 0 no-repeat; cursor: pointer; }
            *html #addModel form p.valid input { padding: 0 5px 0 5px; background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upfactory/form/bt_valider_large.png',sizingMethod='scale'); }
            #addModel form p.valid input.small { height: 28px; margin: 0; padding: 0 40px 0 40px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_small.png) center 0 no-repeat; cursor: pointer; }
            *html #addModel form p.valid input.small { padding: 0 5px 0 5px; background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upfactory/form/bt_valider_small.png',sizingMethod='scale'); }
            #addModel form p.valid input.medium { height: 28px; margin: 0; padding: 0 40px 0 40px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider.png) center 0 no-repeat; cursor: pointer; }
            *html #addModel form p.valid input.medium { padding: 0 5px 0 5px; background: none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upfactory/form/bt_valider.png',sizingMethod='scale'); }
            
        ul.bt_actions { width: 100%; margin: 20px 0 0 0; padding: 0 0 20px 0; border: 0; text-align: center; }
            ul.bt_actions li { display: inline; margin: 0; padding: 0; border: 0; list-style-type: none; }
                ul.bt_actions li input { height: 28px; margin: 0; padding: 0 40px 0 40px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_large.png) center 0 no-repeat; cursor: pointer; }
                ul.bt_actions li input.small { height: 28px; margin: 0; padding: 0 42px 0 42px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_small.png) center 0 no-repeat; cursor: pointer; }
                ul.bt_actions li input.medium { height: 28px; margin: 0; padding: 0 42px 0 42px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider.png) center 0 no-repeat; cursor: pointer; }
                    *html ul.bt_actions li input.medium { display: block; width: 210px; height: 28px; padding: 0; margin: 0; border: 0; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upfactory/form/bt_valider.png',sizingMethod='crop'); }
                ul.bt_actions li a { margin: 0; padding: 8px 52px 8px 52px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_large.png) center center no-repeat; cursor: pointer; text-decoration: none; }
                ul.bt_actions li a.small { margin: 0; padding: 8px 58px 8px 58px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider_small.png) center center no-repeat; cursor: pointer; text-decoration: none; }
                 ul.bt_actions li a.medium { margin: 0; padding: 8px 58px 8px 58px; border: 0; color: #4C4C4C; font-size: 13px; line-height: 28px; background: url(/images/upfactory/form/bt_valider.png) center center no-repeat; cursor: pointer; text-decoration: none; }
                    *html ul.bt_actions li a.medium { display: block; width: 210px; height: 28px; padding: 0; margin: 0; border: 0; background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/upfactory/form/bt_valider.png',sizingMethod='crop'); }

        #addModel .color_container { float: left; margin: 0 0 0 10px; padding: 0; border: 0; }
            #addModel .color_container ul { display: inline; margin: 0; padding: 0; border: 0; list-style-type: none;}
                #addModel .color_container ul li { float: left; width: 40px;  margin: 0; padding: 0; border: 0; }
                    #addModel .color_container ul li .color_elmt { display: block; width: 27px; height: 27px; margin: 0; padding: 0; border: 1px solid #000000; cursor: pointer; }
            #addModel .color_container p.multicolours label { float: left; display: block; width: 335px; font-weight: bold; text-align: right; }
            #addModel .color_container p.multicolours input { width: auto; padding: 2px 0 0 0; }
        #addModel .color_container_small { float: left; margin: 0 0 0 241px; padding: 0; border: 0; }
        *html #addModel .color_container_small { margin: 0 0 0 125px; }
            #addModel .color_container_small h4 { margin: 0 0 5px 0; padding: 0; border: 0; }
            #addModel .color_container_small ul { float: left; display: inline; margin: 0 9px 0 0; padding: 0; border: 0; list-style-type: none;}
                #addModel .color_container_small ul li { float: left; width: 25px;  margin: 0; padding: 0; border: 0; }
                    #addModel .color_container_small ul li .color_elmt { display: block; width: 20px; height: 20px; margin: 0; padding: 0; border: 1px solid #000000; cursor: pointer; }

            #addModel .color_selected { float: left; margin: 0 0 0 10px; padding: 0; border: 0; }
                #addModel .color_selected p { float: left; margin: 0 0 0 10px; padding: 0; border: 0; font-size: 12px; font-weight: normal; color: #4C4C4C; }
                #addModel .color_selected p.label { float: none; margin: 0 0 5px 0; font-weight: bold; }
                #addModel .color_selected span { float: left; display: block; width: 59px; height: 27px; margin: 0; padding: 0; border: 1px solid #000000; }
        .size_caneva { margin: 0 0 0 10px; }
            .size_caneva label { font-size: 11px; font-weight: bold; }

    p.add { margin: 0 0 0 15px; padding: 0; border: 0; }
        p.add span { font-size: 12px; font-weight: normal !important; color: #EC008C !important; text-decoration: underline; cursor: pointer; }

}