/*! theme.css */

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 12, 2014 */
@font-face {
	font-family: 'Titillium';
	src: url('../fonts/titillium-light-webfont.eot');
	src: url('../fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/titillium-light-webfont.woff2') format('woff2'),
		 url('../fonts/titillium-light-webfont.woff') format('woff'),
		 url('../fonts/titillium-light-webfont.ttf') format('truetype'),
		 url('../fonts/titillium-light-webfont.svg#titilliumlight') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Titillium';
	src: url('../fonts/titillium-regularitalic-webfont.eot');
	src: url('../fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/titillium-regularitalic-webfont.woff2') format('woff2'),
		 url('../fonts/titillium-regularitalic-webfont.woff') format('woff'),
		 url('../fonts/titillium-regularitalic-webfont.ttf') format('truetype'),
		 url('../fonts/titillium-regularitalic-webfont.svg#titilliumitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Titillium';
	src: url('../fonts/titillium-thin-webfont.eot');
	src: url('../fonts/titillium-thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/titillium-thin-webfont.woff2') format('woff2'),
		 url('../fonts/titillium-thin-webfont.woff') format('woff'),
		 url('../fonts/titillium-thin-webfont.ttf') format('truetype'),
		 url('../fonts/titillium-thin-webfont.svg#titilliumthin') format('svg');
	font-weight: bold;
	font-style: normal;
}

/* ==========================================================================
   Content
   ========================================================================== */


/* 
 http://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/
 http://stackoverflow.com/questions/5356752/webkit-hyphenation
 http://caniuse.com/#feat=css-hyphens
 http://webdesign.about.com/od/examples/l/bl-hyphen-examples.htm
*/
/* pour faire apparaitre des - dans les mots coupé, il faut ajouter des &#173; (ou &shy;) dans le mot */
.title-column {
	word-wrap: break-word;
}

/* lettrine */
.text .text-column > p:first-child:first-letter {
	float: left;
	font-size: 4.5em;
	line-height: 0.70em;
	margin-right: .1em;
	padding: 0.1em 0.05em;
	border: solid 1px;
}

/* avoid next paragraph collision */
.text .text-column > p:first-child+p,
.text .text-column > p:first-child+* {
	clear: both;
}

a {
	color: #505050;
}

a:hover {
	color: #202020;
}

/* default colors (can be overriden via the customizer) */
body, .block, .one-column, footer {
	background-color: #eaeaea;
	color: #505050;
}

blockquote {
	color: #b61713;
}

blockquote > p:before, blockquote > p:after {
	color: #505050;
}

#chapo {
	background: #dddddd;
	color: #505050;
}

.block-0 > h1 {
	color: white;
	text-shadow: 2px 2px 20px black;
}

.text-column > p strong {
	color: black;
}

#main-menu {
	background: #505050;
	color: white;
}

#main-menu:hover {
	background-color: #505050!important;
}

#main-menu dd, #main-menu dt {
	background: #b61713;
}

#main-menu dt {
	border-color: rgba(255, 255, 255, 0.2);
	text-shadow: black -1px -1px 0px;
}

#main-menu .menu a.current {
	border-color: #b61713;
}

#main-menu dd {
	border-color: rgba(255, 255, 255, 0.2);
}

#main-menu .menu a:hover, #main-menu .menu a:hover > dt {
	background: #b61713;
}

#main-menu a {
	color: white;
}

.mejs-video .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #b61713;
}

.mejs-video .mejs-controls .mejs-time-rail .mejs-time-loaded {
	background: white;
}

.sk-gallery > figure {
	background-color: white;
}

.sk-gallery  figcaption,
.block.video figcaption {
	background: rgba(182, 23, 19, 0.5);
	color: white;
}

.partage > a {
	color: white;
	text-shadow: grey -1px -1px 0;
}

.partage > a:hover {
	text-shadow: #222 0px -1px 4px;
}

.scrolldown,
.scrolldown:hover {
	text-decoration: none;
	color: white;
}

.post-edit-link {
	border-color: #505050;
	color: #505050;
	background-color: transparent;

	-webkit-transition-property: color, background-color;
	-webkit-transition-duration: 0.5s;
	-moz-transition-property: color, background-color;
	-moz-transition-duration: 0.5s;
	-o-transition-property: color, background-color;
	-o-transition-duration: 0.5s;
	transition-property: color, background-color;
	transition-duration: 0.5s;
}

.post-edit-link:hover {
	color: white;
	background-color: #505050;
}

.scrolldown:after {
	border-color: white;
}

.page .menu .menu-item > a {
	color: inherit;
	text-decoration: none;
	border-color: #dadada;
}

.wp-caption-text {
	color: #202020;
}

/* default fonts */
body {
	font-family: 'Titillium', Arial, sans-serif;
}

blockquote > p:before, blockquote > p:after {
	font-weight: bold;
	font-size: 3em;
}

.title-column > h2, .page > h2 {
	text-transform: uppercase;
	font-size: 3em;
	line-height: 1.48;
}

#chapo .title-column > h2 {
	font-size: 2em;
}

#chapo .text-column {
	font-style: italic;
}

.text-column > p strong {
	font-weight: normal;
}

#main-menu dt {
	font-weight: bold;
}

#main-menu dd {
	text-transform: uppercase;
}

.sk-gallery  figcaption > h1,
.block.video figcaption > h1,
.sk-gallery  figcaption > h2,
.block.video figcaption > h2 {
	text-transform: uppercase;
	word-wrap: break-word;
	margin: 0.5em 0;
}

.sk-gallery  figcaption > p,
.block.video figcaption > p {
	font-size: 1em;
	font-weight: bold;
}

@media (min-width: 768px) {
	.sk-gallery  figcaption > p,
	.block.video figcaption > p {
		font-size: 2em;
		font-weight: bold;
	}

	.sk-gallery  figcaption > h1,
	.block.video figcaption > h1,
	.sk-gallery  figcaption > h2,
	.block.video figcaption > h2 {
		font-size: 3em;
	}
}

.scrolldown {
	text-transform: uppercase;
	letter-spacing: -1px;
}

.page .menu .menu-item > a {
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: bold;
}

.page .menu .menu-item > a .mediahelper_image_text {
	text-transform: none;
	font-size: 0.67em;
	font-weight: normal;
}

.mejs-container {
	background: transparent;
}

