/* CSS Document */

html,body{
    background-color:#ede3c8;
    width:100%;
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:11px;
    color:#000000;
    background-image:url('../images/background.gif');
    background-repeat:repeat-y;
    background-position:center;
}

/* ----------------------------------------------------------------------------------------------------------------
        Eléments généraux
/* ---------------------------------------------------------------------------------------------------------------- */
img	{ border-style:none; }

/* ----------------------------------------------------------------------------------------------------------------
	Structure générale
/* ---------------------------------------------------------------------------------------------------------------- */
#global-container{
    position:relative;
    width:100%;
    text-align:center;
    z-index:1;
}
    #global-container #container{
        position:relative;
        width:1000px;
        margin:0 auto 0 auto;
        text-align:left;
        z-index:2;
    }
        #container .relatif{
            position:relative;
            float:left;
            z-index:3;
        }
            #container .relatif img { z-index:1; }

/* ----------------------------------------------------------------------------------------------------------------
	Formulaire
/* ---------------------------------------------------------------------------------------------------------------- */
#commande{
    position:absolute;
    float:none;
    top:188px;
    right:61px;
    width:253px;
    z-index:1000;
    display:block;
}
    #commande.v2{
        top:290px;
    }
    #commande input{
        font-family:Arial;
        font-size:11px;
        color:#000000;
        width:95%;
    }
    #commande input.checkbox{
        font-family:Arial;
        font-size:12px;
        color:#000000;
        width:auto;
    }
    #commande select{
        font-family:Arial;
        font-size:10px;
        color:#000000;
    }
    #commande select.daymonth{
        font-family:Arial;
        font-size:10px;
        color:#000000;
        width:44px;
    }
    #commande select.year{
        font-family:Arial;
        font-size:10px;
        color:#000000;
        width:55px;
    }
    #commande #formulaire_zone1{
        position:absolute;
        top:40px;
        left:105px;
        width:145px;
    }
    #commande #formulaire_zone2{
        position:absolute;
        top:306px;
        left:105px;
        width:145px;
    }
    #commande #formulaire_zone3{
        position:absolute;
        top:445px;
        left:14px;
    }
    #commande #formulaire_zone4{
        position:absolute;
        top:587px;
        left:14px;
    }
    #commande #formulaire_zone5{
        position:absolute;
        top:633px;
        left:2px;
    }
        #commande .element{
            position:relative;
            float:left;
            width:100%;
            margin:0 0 6px 0;
        }
        #commande .element_select{
            position:relative;
            float:left;
            width:100%;
            margin:5px 0 8px 0;
        }
        #commande .element_texte{
            position:relative;
            float:left;
            width:100%;
            margin:5px 0 8px 0;
        }

/* ----------------------------------------------------------------------------------------------------------------
	Informations générales
/* ---------------------------------------------------------------------------------------------------------------- */
#cgv_{
    position:absolute;
    top:242px;
    left:86px;
    width:560px;
    line-height:11px;
}
#garanties{
    position:absolute;
    top:685px;
    left:86px;
    width:560px;
    line-height:11px;
}
#mentions-legales{
    position:absolute;
    top:1085px;
    left:86px;
    width:560px;
    line-height:11px;
}
#seo{
    position:relative;
    float:left;
    width:100%;
    text-align:center;
    font-size:9px;
    color:#886666;
}

/* ----------------------------------------------------------------------------------------------------------------
	COntact
/* ---------------------------------------------------------------------------------------------------------------- */
#contact_{
    position:absolute;
    top:322px;
    left:95px;
    width:560px;
    line-height:11px;
}
    #contact_ .label{
        position:relative;
        float:left;
        width:15%;
        height:30px;
    }
    #contact_ .element{
        position:relative;
        float:left;
        width:35%;
        height:30px;
    }
    #contact_ .element_texte{
        position:relative;
        float:left;
        width:100%;
        margin:5px 0 8px 0;
    }
    #contact_ textarea{
        font-family:Arial;
        font-size:11px;
        color:#000000;
        width:91%;
        height:150px;
    }

/* ----------------------------------------------------------------------------------------------------------------
	Controler
/* ---------------------------------------------------------------------------------------------------------------- */
#controler{
    position:absolute;
    top:150px;
    left:250px;
    width:450px;
    background-color:#ffffff;
    border:solid 5px #f70a02;
    padding:25px;
    z-index:2000;
}
    #controler .close{
        position:absolute;
        top:10px;
        right:10px;
        cursor:pointer;
        color:#dcdcdc;
    }
    #controler strong{
        text-transform:uppercase;
        font-size:12px;
    }