@charset "utf-8";
/* CSS Document */
    
/****************** CSS TOUTE PAGE ********************************/
#News,h2 a {
text-decoration:none;	
color:black;
}


#News,h2 a:hover {
text-decoration:none;	
color:#999;

}
 #conteneur {
	 width:1200px; 
	 }
#header {
	width:100%;
	border-style:solid;
	border-width: 0px;
	padding-top:20px;
	padding-left:20px;
	font-family: 'Wire One', Serif;
	font-size: 50px;
	
	color:#CCC;
	font-weight: bolder;
}
#sidebar {
	display:inline-block;
	float:left;
	width:20%;
	/*height:900px;*/
	border-style:solid;
	border-width: 0px;
	padding-top:150px;
	color:red;
	
	}
	
#sidebar a {
color: #B1B1B1;
text-decoration:none;
font-family: 'Lato', sans-serif;
padding-left:30px;
 
}

#sidebar a:hover {
color: #000;
text-decoration:none;
font-family: 'Lato', sans-serif;
}

h1{
color: #B1B1B1;
text-decoration:none;
font-family: 'Lato', sans-serif;
}
ul {
	list-style:none;
}


/****************** CSS PAGE ACCUEIL ********************************/	
#contenu {
	padding-top:150px;
	display:inline-block;
	width:75%;
	margin-left:10px;
	border-style:solid;
	border-width: 0px;
	/*height:900px;*/
}


.slideshow {
   width: 600px;
   height: 387px;
   overflow: hidden;
   border: 0px solid #999;
  margin-left:150px;
}

.slideshow ul {
    /* 4 images donc 4 x 100% */
  width: 700%;
   height: 387px;
   padding:0;
   margin:0;
   list-style: none;
}
.slideshow li {
   float: left;
}


h2 {
font-family:'Lato', sans-serif;
font-size:25px;
}
chapeau {
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	color:black;
	font-size:16px;
	}
chapeau a {
color:#B1B1B1;
text-decoration:none;

}
chapeau a:hover {
color:black;

}

copyright {
color:#B1B1B1;	
font-family: 'Lato', sans-serif;
position:absolute;
margin-left:75px;
padding-top:50px;
}
/**************** CSS DIV PRINCIPAL *********************/

#container{
	margin-left:300px;
/*	margin-top:150px;*/
	
}
/**************** CSS BIO *********************/
.Bio{
	padding-top:20px;
	width:900px;
	font-family: 'Open Sans', sans-serif;
	color:black;
	 text-align: justify;
	}
/**************** CSS NEWS *********************/	
	.News{
	padding-top:20px;
	width:800px;
	font-family: 'Open Sans', sans-serif;
	color:black;
	 
	}
/**************** CSS Past Exhibitions *********************/

#colimg {
	display:inline-block;
    float: left;
    width: 45%;
	padding-top:150px;
}
#coltxt {
	display:inline-block;
	padding-left:30px;
	padding-top:150px;
    width: 45%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:black;
	 /*text-align: justify;*/
}
/*
@media screen and (max-width: 480px) {
    .left, 
    .right {
        float: none;
        width: auto;
    }
}
*/
/**************** CSS Couverture *********************/

#couvimg {
	
	padding-top:100px;
    margin-left: auto;
    margin-right: auto;
	 width: 100px;
     border: 0px solid #999;
		animation: fadein 2s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari et Chrome */
    -o-animation: fadein 2s; /* Opera */  
	}
	
	
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* sur Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* sur Safari et Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* sur Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
	
#couvtxt {
	padding-top:10px;
	font-family: 'Lato', sans-serif;
    margin-left: auto;
    margin-right: auto;
	width: 350px;
     border:0px solid #999;
	 text-align: center;
	 color:black;
	   
	}
	
#couvtxt a {
color: #B1B1B1;
text-decoration:none;	
}
#couvtxt a:hover {
color: black;
text-decoration:none;	
}

#contact {
font-size:14px;	
padding-top:150px;
font-family: 'Lato', sans-serif;
color: black;
text-decoration:none;	
}