@font-face {

font-family: 'coveslight';
    src:    url('../fonts/Coves-Light.ttf.eot'),
            url('../fonts/Coves-Light.ttf.svg'),
            url('../fonts/Coves-Light.ttf.woff');
}

@font-face {

font-family: 'covesbold';
    src:    url('../fonts/Coves-Bold.ttf.eot'),
            url('../fonts/Coves-Bold.ttf.svg'),
            url('../fonts/Coves-Bold.ttf.woff');
}

.carousel
{
    display: none;
}

footer p{
    font-family: 'coves', arial;
    font-size: 1em;
}

.btn{
    font-family: 'coveslight', arial;
    font-size: 1.14em;
    background-color: white;
    color:black;
    padding:1.5em;
    text-align: center;
    border:black;



}

.btn:hover{
    opacity:;
    background-color: #333;
    color:white;
    transition-duration: 0.3s;
    border-radius: 0px;
    
}

nav ul{
    font-family: 'coves', arial;
    font-size: 1.15em;
}



.bio
{
margin-top:5em;
color:inherit;
background-color:white;
margin-bottom: -2em;
padding:1em;
    text-align: center;
    display: flex;
    flex-direction: column;
}



.bio h1{
    font-family: 'covesbold', arial;
    font-size: 2.3em;
    text-align: center;
}

#PhilBarth{
    display:flex;
    justify-content: center;
    align-items: stretch;

    flex-wrap:wrap;
    min-width:;
}

.bio #logo{
    width:2.6em;
    height:2.6em;

   
}

#PHIL{
    letter-spacing: 0.4em;
    margin:0.7em;
    text-align: center;


}

#BARTH{
      letter-spacing: 0.14em;
    margin:0.7em;
    text-align: center;

}

.bio h2{
    font-family: 'covesbold', arial;
    font-size: 1.8em;

}

.categorie h1{
    font-family: 'covesbold', arial;
    border-style: solid;
    font-size: 2em;
    padding:0.3em;
    margin-top:2em;
    text-align: center;  
}

#références{
    margin-bottom:3em;
}

#categoriereferences{
    margin-top:10em;
    margin-bottom: 10em;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}

#contact{
        margin-bottom:3em;

}

#categoriecontact{
    margin-top:10em;
    margin-bottom: 15em;
}

.page-header h1{
    font-family: 'covesbold', arial;
}


.page-header small{
    font-family: 'coveslight', arial;
}




#flecheportfolio{
    display: none;
}

.categoriesportfolio h2{
    font-family: 'covesbold', arial;
    font-size: 2em;
}

.portfolio-item h3{
    font-family: 'covesbold', arial;
    display: none;
}

.portfolio-item a{
    color:black;
    text-decoration: none;
}

.portfolio-item a:hover{
    opacity: 0.3;
    transition-duration: 0.3s;
}

.portfolio-item p{
    font-family: 'coves', arial;
    font-size: 1.2em;
        display: none;
}

.portfolio-item{
    margin-top:1em;
    margin-bottom: 1em;
}


/* IMAGES ACCUEIL */

.img-home {

}
 
 .img-home:hover {
     opacity: 0.3;
     transition-duration: 0.3s;
}

.item > img {
	min-width: 100%;
}

.refligne{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.refligne img{
    height:15rem;
    margin:2rem;
    
}


.page-header
{
text-align: 
}


.captionslider{
text-shadow: 1px 1px 2px #333333;
}

.indicatorsphil{
    text-shadow: 1px 1px 3px #333333;

}


.projets{
    font-family: 'coves', arial;
    font-size: 1.15em;
}




ul.projets {
border-style: solid;    
border-width: 4px;
border-radius: 0px;
border-color: #333;
list-style-type:none;
margin-left:0;
padding:30px;
text-align: justify;
margin-top:60px;
margin-bottom:60px;
}
li.projets {
padding:10px;/* à adapter */
}






#logomax{
}