/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 1 août 2014, 17:54:22
    Author     : patrick
*/

#ecards {
    padding: 0 5rem 1rem 5rem;
}
/*Catégories*/
#ecard_categories {
    
}

#ecard_categories .ecard_category {
    float: left;
    width: 180px;
    height: 200px;
    margin: 0.5rem;
    text-align: center;
    border: 2px solid #eee;
}

#ecard_categories .ecard_category:hover {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}



.ecard_category img {
    padding-top: 10px;
}

/*Modèles*/
#ecard_models {
    
}

#ecard_models .ecard_model {
    width: 300px;
    height: 200px;
    overflow: auto;
    margin-right: 40px;
    float: left;
    border: 2px solid #eee;
}
#ecard_models .ecard_model a {
    color: darkblue;
}
  
#ecard_models .ecard_model a:hover {
    text-decoration: none;
}
#ecard_models .ecard_model:hover {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}


#ecard_models .model_text {
    font-size: 0.8rem;
    margin: 10px 10px 0 10px;
    text-align: justify;
    line-height: 0.9rem;
    letter-spacing: -1.1px;
    font-family: cursive;
}

#ecard_models img {
    float: left;
    margin: 10px 10px 0 10px;
}

#ecard_models .ecard_back {
    clear: both;
    text-align: center;
    margin: 40px 0;
}

.ecard_back {
margin-top: 2rem;
}
/*model*/
#ecard_model {
    text-align: center;
    font-size: 0.8rem;
}

#ecard_model .ecard_menu {
    display: inline-block;
    margin-right: 1rem;
}

#ecard_model .ecard_menu.disabled {
    color: graytext;
}

#ecard_model .ecard_form {
    position: absolute;
    z-index: 5;
    width: 360px; 
    height: 400px;
    overflow: auto;
}

#ecard_model .ecard_form.portrait {
    margin-top: -450px;
    margin-left: 390px;
}

#ecard_model .ecard_form.landscape {
    margin-top: -440px;
    margin-left: 215px;
}


#ecard_model .ecard_form .width1 {
    width:130px;
    margin-right: 20px
}

#ecard_model .ecard_form .width2 {
    width: 175px
}

#ecard_model .ecard_form .width3 {
    width: 325px;
}

#ecard_model .ecard_form .width3 {
    width: 325px;
}

#ecard_model .ecard_form .ecard_field {
    /*float: left;*/
    text-align: left;
    display: inline-block;
    vertical-align: top;
}


#ecard_model .ecard_form label {
    margin-top: 0.5rem;
    
}
#ecard_model .ecard_form label.error {
    font-size: 0.8rem;
    color: red;
}

#ecard_model em {
    color: red;
}

#ecards .button-bar {
    text-align: center;
    margin: 1rem;
}

#ecards .button-bar a {
    display: inline-block;
    margin: 1rem 1rem;
    padding: 6px 12px;
    font-size: 16px;
}