/*****************************************************************

MEDIATION ARCHIVE

*****************************************************************/

.mediation-archive {


    
}


/*****************************************************************

MEDIATION PAGE

*****************************************************************/

.mediation {

    &-sous-menu {
        .ddl-navbar-nav {

            li {

                margin-right: 12px;

            }

        }
        .ddl-nav-wrap {

            float: left;
            margin-top: 0;

            .ddl-navbar-collapse {

                /* overflow: auto !important; */
                padding-right: 0px;
                padding-left: 0px;
                margin-left: 0px !important;

                ul {

                    li {

                        a {

                            border: 1px solid $dark-color;
                            color: $dark-color;
                            font-weight: 300;
                            font-size: 14px;
                            padding: 6px 12px;
                            
                        }

                        & > a:hover {

                            background-color: $dark-color;
                            color: #ffffff;
                        } 
                        
                         > a:focus {

                            background-color: $dark-color;
                            color: #ffffff;

                         }

                         &.current_page_item {

                            a {
                                
                            background-color: $dark-color;
                            color: #ffffff;   
                            
                        }
                            
                        }
                    }
                }
            }
        }

    }

    &-liste-projets {

        h1, h3 {

            font-family: $contentFont;
            font-weight: 300;
            font-size: 24px;
            line-height: 33px;  
            letter-spacing: 6px;
            text-transform: uppercase;
            margin-bottom: 30px;     
        }

        h2 {

            font-family: $contentFont;
            font-weight: 700;
            font-size: 16px;
            line-height: 20px;
            color: $dark-color;
            text-transform: uppercase;
            letter-spacing: 2px;
            vertical-align: text-bottom;

            strong {

                padding-left: 10px;
                vertical-align: sub;
            }

        }

        .chapo {

            font-weight: 700;
            font-size: 16px;
            margin-bottom: 2px;
        }

        p {

            font-weight: 300;
            font-size: 14px;
            line-height: 20px;     
            
            a {
                font-weight: 300;
                font-size: 14px;
                color: $dark-color;
                text-decoration: underline;

                &:hover {

                    color: $primary-color;

                }
            }
        }

        

    }


    
}