@import url(http://fonts.googleapis.com/css?family=Open+Sans:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic);

body {
			background-image: url(https://theatre-alsacien-colmar.asso.fr/wp-content/uploads/2019/02/back.jpg);
		background-repeat: no-repeat;
		background-color: #d7eefe;
		background-size: initial;
		background-attachment: fixed;
		font-family: Arial, Helvetica, sans-serif;}
.site-header { 
	background-color: #fafafa;
}
.site-branding {
	text-align: center;
	padding: 20px;
}
.site-title {

	
	color: #222;
}
.site-description {
	color: #222;
	opacity: 0.8;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;}
#site-navigation {
	background-color: #25a8ea;
	text-align: center;
}
.search-form .search-submit {
	background-color: #25a8ea;
	color: #ffffff;
}
.search-form .search-submit:hover {
	background-color: #fafafa;
	color: #25a8ea;
}
#site-navigation a {
	color: #ffffff;
	font-family: 'Open Sans', sans-serif;	font-size: 16px;
}
#site-navigation ul ul a {
	font-size: 14px;
	color: #25a8ea;
}
.main-navigation ul ul {
	background-color: #fafafa;
}
#site-navigation li:hover a {
	color: #25a8ea;
	background-color: #fafafa;
}
#site-navigation ul ul a:hover {
	color: #ffffff;
	background-color: #25a8ea;
}
#slide {
	height: 250px;
}


button.secondary-toggle {
	color: #ffffff;
	background-color: #25a8ea;
}
button.secondary-toggle:hover {
	color: #25a8ea;
	background-color: #fafafa;
}
body.mobile #site-navigation { 
	background-color: rgba( 37,168,234,0.9 );
}


/* CONTENT */
.site-content {
	background-color: #ffffff;
	color: #222222;
	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;
}
.site-content h1,
.site-content h2,
.site-content h3,
.site-content h4,
.site-content h5,
.site-content h6 {
	color: #3380bb;
	font-family: 'Open Sans', sans-serif;	font-weight: 600;
}
.site-content h1 { font-size: 32px; }
.site-content h2 { font-size: 28px; }
.site-content h3 { font-size: 24px; }
.site-content h4 { font-size: 20px; }
.site-content h5 { font-size: 16px; }
.site-content h6 { font-size: 12px; }

.site-content a { color: #3380bb; }
.site-content a:hover { color: #25a8ea; }

/* SIDEBAR */
.sidebar {
	background-color: #fafafa;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6 {
	color: #222222;
	font-family: 'Open Sans', sans-serif;	font-weight: 600;
}
.sidebar h1 { font-size: 22px; }
.sidebar h2 { font-size: 20px; }
.sidebar h3 { font-size: 18px; }
.sidebar h4 { font-size: 16px; }
.sidebar h5 { font-size: 14px; }
.sidebar h6 { font-size: 12px; }

.sidebar a { color: #3380bb; }
.sidebar a:hover { color: #43a8f5; }

/* FOOTER */
.site-footer {
	background-color: #d3eeff;
	color: #000000;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
}
.site-footer a {
	color: inherit;
}
.site-topheader {
	padding: 5px;
	text-align: right;
	background-color: #fafafa;
}
.site-topheader a {
	color: #222;
}