/*--------------------------------------------------------------*/
/*                    Definition des polices                    */
/*--------------------------------------------------------------*/


@font-face {
  font-family: 'police1FF';
  src: url('police/opificio.ttf');
}

@font-face {
  font-family: 'police1IE';
  src: url('police/opificio.eot');
}

@font-face {
  font-family: 'police2FF';
  src: url('police/timesbd.ttf');
}

@font-face {
  font-family: 'police2IE';
  src: url('police/timesbd.eot');
}

@font-face {
  font-family: 'police3FF';
  src: url('police/corbel.ttf');
}

@font-face {
  font-family: 'police3IE';
  src: url('police/corbel.eot');
}

@font-face {
  font-family: 'police4FF';
  src: url('police/stencil.ttf');
}

@font-face {
  font-family: 'police4IE';
  src: url('police/stencil.eot');
}

@font-face {
  font-family: 'police5FF';
  src: url('police/maian.ttf');
}

@font-face {
  font-family: 'police5IE';
  src: url('police/maian.eot');
}

@font-face {
  font-family: 'police6FF';
  src: url('police/formata_bold.ttf');
}

@font-face {
  font-family: 'police6IE';
  src: url('police/formata_bold.eot');
}

@font-face {
  font-family: 'police7FF';
  src: url('police/rosewoodstd-fill.ttf');
}

@font-face {
  font-family: 'police7IE';
  src: url('police/rosewoodstd-fill.eot');
}

@font-face {
  font-family: 'police8FF';
  src: url('police/hobostd.ttf');
}

@font-face {
  font-family: 'police8IE';
  src: url('police/hobostd.eot');
}

@font-face {
  font-family: 'police9FF';
  src: url('police/brushscriptstd.ttf');
}

@font-face {
  font-family: 'police9IE';
  src: url('police/brushscriptstd.eot');
}

@font-face {
  font-family: 'police10FF';
  src: url('police/handsean.ttf');
}

@font-face {
  font-family: 'police10IE';
  src: url('police/handsean.eot');
}

@font-face {
  font-family: 'police11FF';
  src: url('police/harlowsi.ttf');
}

@font-face {
  font-family: 'police11IE';
  src: url('police/harlowsi.eot');
}

@font-face {
  font-family: 'police12FF';
  src: url('police/gabrielle.ttf');
}

@font-face {
  font-family: 'police12IE';
  src: url('police/gabrielle.eot');
}

@font-face {
  font-family: 'police13FF';
  src: url('police/minya_nouvelle_bd.ttf');
}

@font-face {
  font-family: 'police13IE';
  src: url('police/minya_nouvelle_bd.eot');
}

@font-face {
  font-family: 'police14FF';
  src: url('police/neogreymedium.ttf');
}

@font-face {
  font-family: 'police14IE';
  src: url('police/neogreymedium.eot');
}



@font-face {
  font-family: 'motifFF';
  src: url('police/motifeph3.ttf');
}

@font-face {
  font-family: 'motifIE';
  src: url('police/motifeph3.eot');
}

.police1
{
    font-family:'police1FF' !important;
    font-family:'police1IE';
    font-size:17px;
}

.police2
{
    font-family:'police2FF' !important;
    font-family:'police2IE';
    font-size:17px;
}

.police3
{
    font-family:'police3FF' !important;
    font-family:'police3IE';
    font-size:17px;
}

.police4
{
    font-family:'police4FF' !important;
    font-family:'police4IE';
    font-size:17px;
}

.police5
{
    font-family:'police5FF' !important;
    font-family:'police5IE';
    font-size:17px;
}

.police6
{
    font-family:'police6FF' !important;
    font-family:'police6IE';
    font-size:17px;
}

.police7
{
    font-family:'police7FF' !important;
    font-family:'police7IE';
    font-size:17px;
}

.police8
{
    font-family:'police8FF' !important;
    font-family:'police8IE';
    font-size:17px;
}

.police9
{
    font-family:'police9FF' !important;
    font-family:'police9IE';
    font-size:17px;
}

.police10
{
    font-family:'police10FF' !important;
    font-family:'police10IE';
    font-size:17px;
}

.police11
{
    font-family:'police11FF' !important;
    font-family:'police11IE';
    font-size:17px;
}

.police12
{
    font-family:'police12FF' !important;
    font-family:'police12IE';
    font-size:17px;
}

.police13
{
    font-family:'police13FF' !important;
    font-family:'police13IE';
    font-size:17px;
}

.police14
{
    font-family:'police14FF' !important;
    font-family:'police14IE';
    font-size:17px;
}

/*.police15
{
    font-family:'police15FF' !important;
    font-family:'police15IE';
    font-size:17px;
}

.police16
{
    font-family:'police16FF' !important;
    font-family:'police16IE';
    font-size:17px;
}

.police17
{
    font-family:'police17FF' !important;
    font-family:'police17IE';
    font-size:17px;
}

.police18
{
    font-family:'police18FF' !important;
    font-family:'police18IE';
    font-size:17px;
}

.police19
{
    font-family:'police19FF' !important;
    font-family:'police19IE';
    font-size:17px;
}*/

.pol_motif
{
    font-family:'motifFF' !important;
    font-family:'motifIE';
}


/*--------------------------------------------------------------*/
/*                           Général                            */
/*--------------------------------------------------------------*/

img{
    border:0;
}

#menu {
    background: url("ephemere_img/ombremenu.gif") no-repeat scroll center bottom transparent;
    font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    text-align: center;
    width: 500px;
    padding-bottom:20px;
    margin-left:250px;
}

#menu a{
    color:#000000;
    text-decoration:none;
}

#panier {
    background: url("ephemere_img/panier.gif") no-repeat scroll left top transparent;
    font-family: tahoma;
    font-size: 12px;
    height: 45px;
    left: 50%;
    top:0;
    margin-top:150px;
    margin-left: 298px;
    position: absolute;
    width: 145px;
}

#panier div {
    float:left;
    text-align:center;
    margin-top:18px;
}

#cd_cde {
    background:url("ephemere_img/cd_cde.gif") no-repeat top left;
    height:460px;
    width:595px;
    padding:0px 95px;
    text-align:center;
    vertical-align:top;
    padding-top:31px;
}

#prev {
    background:url("ephemere_img/prev_ruban.gif") no-repeat right top;
    height:166px;
    margin-left:63px;
    width:882px;
}

#tarif {
    color: #595959;
    font-family: arial;
    font-size: 19px;
    font-weight: bold;
    left: 50%;
    margin-left: 362px;
    margin-top: 261px !important;
    margin-top:265px;
    position: absolute;
    text-align: center;
}

#qte {
    position:absolute;
    left:50%;
    margin-top:254px !important;
    margin-top:258px;
    margin-left:230px;
}

#fondruban {
    background: none repeat-x scroll left center transparent;
    height: 166px;
}

#tbrubaff table{
    border-collapse:collapse;
}

#tbfond table{
    vertical-align:middle;
    border:0;
    margin:0;
    padding:0;
    height:50px;
    text-align:center;
}

.prec_suiv {
    position:absolute;
    left:50%;
    top:0;
    margin-top:810px !important;
    margin-top:825px;
    margin-left:-45px;
}

h1{
    font-size:12px;
    background:url(ephemere_img/pucetxt.gif) no-repeat;
    line-height:25px;
    text-align:left;
    padding:0 0 0 30px;
    margin:10px 0 0 0;
    font-family:tahoma;
    font-weight:bold;
    color:#595959;
    width:auto;
}

h2{
  font-size:14px;
  font-weight:bold;
  text-align:left;
  font-family:tahoma;
  color:#ffffff;
  margin-left:-20px;
}

h2 span{
    font-size:11px;
}

h2 a{
    font-size:20px;
}

#tbsel_coulrub div,
#tbsel_coulfont div,
#tbsel_police div,
#tbsel_licol div,
#tbsel_motif div,
#tbsel_larub div,
#tbsel_typ div,
#tbsel_rublong div,
#tbselmotif div {
    width:60px;
    border:solid 2px #ffffff;
    height:20px;
    margin:3px;
    cursor:pointer;
}

.interro div{
    height:26px !important;
    height:23px;
    cursor:pointer;
    width:25px;
    vertical-align:middle;
}

.interro {
    position:absolute;
    left:50%;
}

#vnc{
    position:absolute;
    left:50%;
    top:0;
    margin-top:275px;
    margin-left:-100px;
    z-index:500;
    background-color:#FF7300;
    font-family:tahoma;
    text-align:justify;
    font-size:12px;
    padding:10px;
    width:350px;
    border:1px solid #000000;
}

#tbsel_coulrub div,
#tbsel_police div,
#tbsel_coulfont div,
#tbsel_motif div{
    float:left;
}

#zonetxt{
    vertical-align:middle;
}

/*--------------------------------------------------------------*/
/*                       Menu etape                             */
/*--------------------------------------------------------------*/

#etape a {
    color:#595959;
    text-decoration:none;
}

#etape a:hover {
    color:white;
}

#etape {
    background:url("ephemere_img/cd_menu.gif") no-repeat top left;
    width:170px;
    line-height:25px;
    font-family:tahoma;
    vertical-align:top;
    padding-top:108px;
    height:330px !important;
    height:400px;
}

#etape span {
    font-size:20px;
    font-weight:bold;
}

.etapetitre {
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    text-align: right;
}

.etapesstitre {
    font-size:12px;
    line-height:9px;
    text-align:right;
}

.puceetape {
    background:url("ephemere_img/bt_metal.gif") no-repeat top left;
    width:133px;
    height:50px;
    cursor:pointer;
}

.puceetapesel {
    background:url("ephemere_img/btc_metal.gif") no-repeat top left;
    width:133px;
    height:50px;
    cursor:pointer;
    color:#ffffff;
}

/*--------------------------------------------------------------*/
/*                       Etape 1                                */
/*--------------------------------------------------------------*/


#tbsel_typ,
#tbsel_larub,
#tbsel_rublong {
    font-family:tahoma;
    color:#595959;
    font-size:13px;
    position:absolute;
    left:50%;
}

/*--------------------------------------------------------------*/
/*                       Etape 2                                */
/*--------------------------------------------------------------*/



/*--------------------------------------------------------------*/
/*                       Etape 3                                */
/*--------------------------------------------------------------*/

.cd_txt_g{
    background:url('ephemere_img/cd_txt_g.gif') no-repeat left center;
    height:30px;
    width:10px;
}

.cd_txt_d{
    background:url('ephemere_img/cd_txt_d.gif') no-repeat right center;
    width:10px;
}

.cd_txt_m{
    background:url('ephemere_img/cd_txt_m.gif') repeat-x left center;
}

.lb_txt {
    font-size:11px;
    border:0;
    padding:0 0 0 8px;
    vertical-align:bottom;
    color:#595959;
    text-align:left;
}

#tbsel_licol {
    font-family:tahoma;
    color:#595959;
    font-size:13px;
}

#tbsel_police td {
    border:2px solid #ffffff;
    font-size:14px;
    text-align:center;
    cursor:pointer;
}

/*--------------------------------------------------------------*/
/*                       Etape 4                                */
/*--------------------------------------------------------------*/

#tbsel_coulfont div {
    border-radius:5px;
    width:30px;
    height:30px;
    border-color:#e5e5e5;
}

#tbsel_motif div {
    height:auto;
    width:auto;
}

#tbmotif div{
    height:26px;
    font-size:13px;
    font-family:tahoma;
}

/*--------------------------------------------------------------*/
/*                       Panier                                 */
/*--------------------------------------------------------------*/

#tbpanier img{
    cursor:pointer;
}

#tbpanier th{
    color:orange;
    text-align:center;
    border:1px black solid;
}

.descpanier
{
    color:#999999;
    font-size:12px;
    padding-left:30px;
}

/*--------------------------------------------------------------*/
/*                       Produit                                */
/*--------------------------------------------------------------*/



.pprod {
    color: #595959;
    font-family: tahoma;
    font-size: 12px;
    margin-left: 50px;
    width: 650px;
}

.imgpgprod div{
    float:left;
}

/*--------------------------------------------------------------*/
/*                       Accueil                                */
/*--------------------------------------------------------------*/

.majac{
    font-size:25px;
}

.titreetape{
    color:#FF7300;
    font-size:15px;
    font-family:tahoma;
    font-weight:bold;
}

#tbacc{
    height:400px;
}

#divacc {
    width:800px;
    color:#9D9D9D;
    font-family:tahoma;
    padding-top:170px !important;
    padding-top:177px;
    
}

#divacc img{
    vertical-align:middle;
    margin:10px 10px 10px 22px;
}

#phacc {
    color: #595959;
    font-family: tahoma;
    font-size: 17px;
    font-weight: bold;
    margin-left: 2% !important;
    margin-left:4%;
    margin-top:30px;
    margin-bottom:20px;
    text-align: center;
    width: 570px;
}


#txtacc {
    font-family: tahoma;
    color:#595959;
    font-size: 15px;
    margin: 31px -30px 63px -30px;
    text-align: justify;
    width: 500px;
    position:absolute;
}

#divacc a{
    text-decoration:none;
}

/*--------------------------------------------------------------*/
/*                       Footer                                 */
/*--------------------------------------------------------------*/

#footer a,
#footer{
    color:#595959;
    text-decoration:none;
}