.projects-preview .project {
    padding: 20px 40px 10px 20px;
    clear: both;
}

.projects-preview .project-title,
.projects-preview .project-title a {
    color: #333;
    font-size: 1.2em;
    margin-bottom: 10px;
    position: relative;
}

.projects-preview .project-title a {
    background-color: white;
    padding-right: 10px;
}

@media(min-width: 700px){
    .projects-preview .project-title:before {
        content: "";
        position: absolute;
        right: 0;
        z-index: 0;
        left: 0;
        top: 50%;
        margin-left: 10px;
        /* border-top: 2px solid #ddd; */
        border-top: 1px solid rgba(0, 142, 214, 0.5);
    }	
}


body.desktop .projects-preview .project-logo,
body.large .projects-preview .project-logo {
    margin-left: 25px;
}

body.phone .projects-preview .project-logo {
    margin: 0px;
}

.projects-preview .project-logo {
    float:right;
    margin-right: 0;
    margin-top: -15px;
    max-width: 100px;
}

.project-title span.axis {
    padding: 0 5px;
    font-size: .7em;
    color: #777;
}

.projects-preview .schedule {
    font-size: 0.8em;
    margin: 5px 0 0 10px;
}

/* Liens de filtre par axe ET liens de tri utilisent le même style */
[f],
.project-sort a {
    padding: 0 5px;
    color: #666;
    text-decoration: none;
}

[f].current,
.project-sort a.current {
    text-decoration: underline;
}