body{
     font-family: 'source_sans_proregular';
    background-image: url(img/background-pattern2.png);
}

.container{
    background-color: white;
}



/* ====== HEADER ========*/

header{
    text-align: center;
}

header #logo{ 
    padding-top: 30px;
}



#photo-header{
    padding: 0;
    padding-top: 10px;
    min-width: 100%;
    height: auto;
}

#photo-header img{
        min-width: 100%;
    height: auto;
}


/* ======= NAV =======*/

nav{
    margin-top: 30px;
}

nav .row{
    padding: 0;
}
        

nav ul{
    list-style: none;
   padding: 0;
}

nav li{
    display: inline;
    padding-left: 7px;
    padding-right: 7px;
}

nav a{
    text-decoration: none;
    font-family: 'rubikbold';
    color: #00f;
    text-transform: uppercase;
    font-size: 15px;
}

nav a:hover{
    color: rgb(255,0,0);
    text-decoration: none;
}

/* ======== ACCUEIL ===========*/

section{
    margin-top: 20px;
}

h1{
    font-family: 'rubikbold';
    color: rgb(255,0,0);
    font-size: 22px;
    text-align: center;
}

#questions{
    background-color: rgb(0,0,255);
    color: white;
    text-transform: uppercase;
    border-radius: 5px;
       text-align: center;
    padding-left: 10px;
}

#questions a{
        color: white;
     font-family: 'rubikbold';
}

/* ======== PARTENAIRES ===========*/


#partenaires{
    border-bottom: 1px solid rgb(255,0,0);
 
}

h3{
    font-family: 'rubikregular';
    font-size: 15px;
    color: rgb(0,0,255);
    text-align: center;
    text-transform: uppercase;
}

#partenaires p{    
    font-family: 'source_sans_proregular';
   color: rgb(0,0,255);
    margin-top: 10px;
    font-size: 14px;
}

#partenaires img{
    width: 100%;
}

/*======= MAIN CONTENT ======*/

#main-content{
    padding-top: 15px;
    color: rgb(0,0,255);
    font-family: 'source_sans_proregular';
    font-size: 16px;
}

#main-content img{
    padding: 10px 0px 10px 0px;
    max-width: 100%;
    height: auto;

 
}

h2{
       font-family: 'rubikbold';
    color: rgb(255,0,0);
    font-size: 22px;
    text-align: center;
    text-transform: uppercase;
}

/*======= ASIDE ======*/

aside img{
    width: 100%;
    height: auto;
}

aside h2{
    text-align: left;
}

aside{
    color: #2f2f2f;
    border-left:1px dashed rgb(255,0,0);
}

/* ======== GALERIE===========*/

#galerie img{
    width: 20%;
    height: auto;
}

aside ul{
    list-style: none;
    font-family: 'rubikregular';
    font-size: 16px;
    padding-left: 5px;
}

aside li{
    padding: 10px;
    padding-left: 0;
}

aside a{
    text-decoration: none;
    color: rgb(0,0,255);
}

aside a:hover{
    color: rgb(255,0,0);
    text-decoration: none;
}

/*======= FOOTER ======*/

footer{
    margin-top: 30px;
   
}

footer img{
    height: 50px;
    width: auto;
    padding: 5px;
}

footer p{
     font-family: 'source_sans_proregular';
    color: rgb(0,0,255);
    font-size: 18px;
    padding-bottom: 20px;
    padding-top: 20px;
}