@import url(https://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(https://fonts.googleapis.com/css?family=PT+Sans);

/* ======== Boite initiale ======== */


.my-widget{background:none;box-sizing:border-box;display:block;font-family:Arial,Helvetica,sans-serif;margin:0 auto;max-width:650px;width:100%}
.my-widget *{box-sizing:border-box}
.my-widget .my-service{background:#f4f4f4;display:block;margin:0 0 15px;position:relative;width:100%}
.my-widget .my-service .my-details{display:block;font-size:0;padding:5px 10px;text-align:left}
.my-widget .my-service .my-details .my-picto{display:inline-block;font-size:40px;height:40px;line-height:1em;margin:0 5px 5px;vertical-align: middle;width:40px}
.my-widget .my-service .my-details .my-title{display:inline-block;font-size:15px;font-weight:700;text-align:left;vertical-align:middle}
.my-widget .my-service .my-action{
    color:#fff !important;
    display:inline-block;
    font-size:13px;
    padding:10px;
    text-align:center;
    text-decoration: none;
    vertical-align:top;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
    width:248px
}
.my-widget .my-service .my-action:hover{background-color: #333231;cursor: pointer;text-decoration: none;}
.my-widget .my-service .my-action .my-text{text-align:left;margin:auto;vertical-align:middle}
.my-widget .my-service .my-action .my-text img{display: inline-block; vertical-align: middle}
.my-widget .my-service .my-action .inside-picto{font-size:16px;padding:0;text-align:right;vertical-align:middle}

.my-widget.my-narrow .my-service .my-details{display:block;font-size:0;padding:5px 10px;text-align:center}
.my-widget.my-narrow .my-service .my-action{
    display:block;
    transform:none;
    position:static;
    width:100%
}


/* ======== Popup ======== */
.myav-conswidg-wrapper {
    font-family: 'PT Sans', sans-serif;
    padding: 10px;
    width: 100%;
    max-width: 500px;
}
.myav-conswidg-wrapper a {
    text-decoration: none;
}
.myav-conswidg-wrapper .macw-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0.3em 0 1em;
    text-transform: uppercase;
}
.myav-conswidg-wrapper .macw-subtitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.myav-conswidg-wrapper .macw-subtitle-baseline {
    margin-bottom: 10px;
}
.myav-conswidg-wrapper .search-access {
    width: 100%;
}
.myav-conswidg-wrapper .search-access.consultingwrittensimple {
    border-bottom: 1px solid #cecece;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.myav-conswidg-wrapper .search-access .lbl {
    display: none;
}
.myav-conswidg-wrapper .search-access input,
.myav-conswidg-wrapper .search-access select {
    padding: 10px;
    width: calc(100% - 22px);
}
.myav-conswidg-wrapper .search-access .sendbutton-wrapper {
    margin: 0;
    text-align: right;
}
.myav-conswidg-wrapper .search-access .sendbutton img {
    vertical-align: middle;
}

.myav-conswidg-wrapper .bg1 {
    /*background-color: #c10e33;*/
    color: white;
}
.myav-conswidg-wrapper .bg1.withhover:hover {
    background-color: #333231;
    color: white;
}
.myav-conswidg-wrapper .sendbutton {
    border: none;
    display: inline-block;
    padding: 10px 10px 10px 80px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}