/*
# -- BEGIN LICENSE BLOCK ----------------------------------
# This file is part of TVB-DC, a theme for Dotclear.
#
# Copyright (c) 2012 franck
# franck@ouik.fr
#
# Licensed under the GPL version 2.0 license.
# A copy of this license is available in LICENSE file or at
# http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
# -- END LICENSE BLOCK ------------------------------------ */



/* Les éléments HTML en général
-------------------------------------------------------- */
html {
	font-size: 62.5%;
}

body {
	background: #fff;
	font-size: 1em;
	font-family: Gudea, Helvetica, Verdana, Sans-Serif;
	color: #424240;
	margin: 0;
	padding: 0;
	line-height: 1.5;
}

a, a:link {
	color: #999;
	text-decoration: none;
}

a:hover, a:focus {
	color:#222;
	text-decoration: underline;
	transition: color 0.5s ease;
}

a img {
	border: none;
	padding: 0;
}

ul {
	list-style-type: square;
	padding-left: 15px;
        margin-top: 0;
}

h1 {
	color: #333;
	margin: 10px 0 4px;
}

h2 {
	color: #555;
  	margin: 28px 0 3px 0;
}

h3 {
	color: #777;
  	margin: 15px 0 0 0;
}
h1 + .post h2 {
	margin-top: 0;
}

.clear { clear: both; visibility: hidden; }

p { margin: 0 0 10px 0; }

blockquote {
	margin: 10px 0;
	padding: 0 10px;
	border-left: 1px solid #eee;
}

.hidden {
	left: -7000px;
	overflow: hidden;
	position: absolute;
}
.mt1 {
  margin-top : 1em;
}


/* font-sizing for content */
p, li, td, th, textarea, caption, pre, dt {font-size: 1.5em;}
li li, li p, td p, th p, li h1, li h2, li h3, li h4, li h5, li h6, button, input, select {font-size: 100%;}
h1, .h1-like {font-size: 2.8em;} /* equiv 28 pixels */
h2, .h2-like {font-size: 2.2em;} /* equiv 22 pixels */
h3, .h3-like {font-size: 1.8em;} /* equiv 18 pixels */
h4, .h4-like {font-size: 1.6em;} /* equiv 16 pixels */
h5, .h5-like {font-size: 1.4em;} /* equiv 14 pixels */

/*  Le header
-------------------------------------------------------- */
#top {
	border-bottom: 3px solid #eee;
	min-height: 65px;
}
#title {
	margin: 10px auto;
	max-width: 1200px;
}

#title a {
	display: block;
	font: normal 3.6em OpenSans, "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0;
	color: #000;
}

#title a:hover, #title a:focus {
	text-decoration: none;
	color: #888;
	transition: color 0.5s ease;
}

#title a span {
	padding: 0 0 0 15px;
}
#title a img {
	vertical-align: bottom;
}

#prelude {
	display: none;
}


/*  Le menu
-------------------------------------------------------- */

.simple-menu {
	list-style: none;
	margin: -3px auto 0;
	max-width: 1200px;
	padding: 0;
	font-size: 1.1em;
}

.simple-menu li {
	display: table-cell;
}

.simple-menu li a {
	border-top: 3px solid #eee;
	padding: .3em 1em;
	display: inline-block;
	color: #bbb;
}
.simple-menu li.active a {
	background: linear-gradient(#f4f4f4, #fff);
}
.simple-menu li a:hover, .simple-menu li a:focus {
	transition: border 0.5s ease;
}
.simple-menu .li1 a {
	color: #6a7883;
}
.simple-menu .li1 a:hover, .simple-menu .li1 a:focus, .simple-menu .li1.active a {
  text-decoration: none;
	border-top: 3px solid #6a7883;
}
.simple-menu .li2 a {
	color: #0c429c;
}
.simple-menu .li2 a:hover, .simple-menu .li2 a:focus, .simple-menu .li2.active a {
    text-decoration: none;
	border-top: 3px solid #0c429c;
}
.simple-menu .li3 a {
	color: #c7231a;
}
.simple-menu .li3 a:hover, .simple-menu .li3 a:focus, .simple-menu .li3.active a {
    text-decoration: none;
	border-top: 3px solid #c7231a;
}
.simple-menu .li4 a {
	color: #a26c12;
}
.simple-menu .li4 a:hover, .simple-menu .li4 a:focus, .simple-menu .li4.active a {
    text-decoration: none;
	border-top: 3px solid #a26c12;
}
.simple-menu .li5 a {
	color: #016e34;
}
.simple-menu .li5 a:hover, .simple-menu .li5 a:focus, .simple-menu .li5.active a {
    text-decoration: none;
	border-top: 3px solid #016e34;
}
.simple-menu .li6 a {
	color: #443e60;
}
.simple-menu .li6 a:hover, .simple-menu .li6 a:focus, .simple-menu .li6.active a {
    text-decoration: none;
	border-top: 3px solid #443e60;
}
.simple-menu .li7 a {
	color: #e4670b;
}
.simple-menu .li7 a:hover, .simple-menu .li7 a:focus, .simple-menu .li7.active a {
    text-decoration: none;
	border-top: 3px solid #e4670b;
}
.simple-menu .li8 a {
	color: #dfc92b;
}
.simple-menu .li8 a:hover, .simple-menu .li8 a:focus, .simple-menu .li8.active a {
    text-decoration: none;
	border-top: 3px solid #dfc92b;
}
.simple-menu .li9 a {
	color: #fcbb15;
}
.simple-menu .li9 a:hover, .simple-menu .li9 a:focus, .simple-menu .li9.active a {
    text-decoration: none;
	border-top: 3px solid #fcbb15;
}

/*  Le contenu
-------------------------------------------------------- */
#wrapper {
	margin: 10px auto 0;
	max-width: 1200px;
	display: grid;
	grid-template-columns: 1fr 290px;
	gap: 10px 40px;
}
.breadcrumb {
	grid-column: 1/3;
	margin: 0;
	font-size: 1.1em;
}

#content {
	padding: 0px;
	margin: 0px;
}

#content h1, h2, h3 {
	font-family: OpenSans, "Lucida Grande", Lucida, Verdana, sans-serif;
	font-weight: normal;
}

#main {
	/*float: left;
	max-width: 800px;*/
	background: #fff;
	padding-bottom: 20px;
}
#main img {
    box-shadow: 1px 1px 2px #000000;
}
/* footer */

#footer {
	clear: both;
	padding: 10px 20px;
	color: #222;
	background-color: #eef0ef;
}
#footer-content {
	margin: 0 auto;
	max-width: 1200px;
}
#footer a:hover {color:#333;}

#footer ul {
	list-style: none;
}
#footer li {
	display: inline;
}
.footer-nav {
	float: right;
	color: #aaa;
	margin: 5px 0 0;
}
.footer-nav a {
	padding: 0 8px;
}

ul.social {
	margin: 0;
	height: 36px;
	padding: 0;
}

.social li {
	float: left;
	padding: 0 10px 0 0;
}

.social li a {
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
}

#toTop {
	width:100px;
        border:1px solid #ccc;
        background:#f7f7f7;
        text-align:center;
        padding:5px;
        position:fixed;
        bottom:10px;
        right:10px;
        cursor:pointer;
        display:none;
        color:#333;
        font-family:verdana;
        font-size:11px;
}

/*  Le sidebar
-------------------------------------------------------- */

#sidebar {
	/*float: right;
	width: 290px;*/
	padding: 0;
	margin: 10px 0;
}

#sidebar a img { border: none; }

#sidebar ul {
	margin: 0px;
	padding:0px;
	list-style-type: none;
	margin-bottom: 20px;
}

#sidebar h2 {
	margin: 20px 0 8px;
	padding:0;
	text-transform: uppercase;
	font-size: 1.6em;
	font-weight: normal;
}
#sidebar h3 {
	font-size: 1.5em;
	margin: .5em 0;
}
#blognav {
	padding: 0;
}
#blogextra {
	padding: 0 10px;
	border-left: #ddd 1px dotted;
}

.twitter li { margin: 4px 0; }

.widget-new-album {
	background: #f1f3f0;
	padding: 2px 10px;
	margin: 0 0 10px 0;
	text-align: center;
	border-top: 3px solid #e1e2e0;
	font-variant: small-caps;
}
.widget-new-album .btn a {
	color: #c7231a;
	text-decoration: none;
	padding: .3em 1.2em;
	background: transparent;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #c7231a;
	border-radius: 4px;
	display: inline-block;
	transition: all 0.5s linear 0s;
}
.widget-new-album .btn a:hover,
.widget-new-album .btn a:focus {
		background: #c7231a;
		color: #fff;
}

#mc_embed_signup {
	font-size: 1.5em;
}
#mc_embed_signup .submit {
	margin-top: .2em;
}
/* Les articles
-------------------------------------------------------- */

#navlinks {
	padding: 10px 0;
	border-bottom: 1px dotted #ddd;
	text-align: center;
	}

.dc-post .post-info, .dc-home .post-info, .dc-post .post-info a, .dc-post .post-tags, .dc-home .post-tags {
	color: #e9e9e9;
	display: none;
}
.day-date {
  color: #888;
  border-top: 1px dotted #888;
  margin-top: .5rem;
  padding-top: .5rem;
  max-width: 15em;
}

.post {
/*	width: 521px;*/
	clear: both;
	margin-bottom: 20px;
}

.post-content h3:first-child {
	margin-top: 3px;
}

.read-next a {
	display: block;
	height: 23px;
	width: 88px;
	padding: 2px 0 0 10px;
	color: #333;
	float: left;
}

.post-title a:hover,
.read-next a:hover,
.post-info-co a:hover {
	color: #424240;
}

dl { margin: 3px 0 25px 0; }

dt { padding: 1px 0; }

ol { margin: 5px 0; padding-left: 28px; }

ol li { margin: 5px 0; }

ol.home { padding-left: 388px; }

ul#tabmenu {
	list-style-type: none;
	padding: 0;
	margin: 20px 0;
}

#tabmenu li {
	display: inline;
	padding: 2px 5px;
	line-height: 180%;
	background-color: #f4f4f3;
	border-radius: 4px;
}

#tabmenu li a {
	color: #aaa;
}

#tabmenu li a:hover {
	color: #222;
}

/*  Le formulaire
-------------------------------------------------------- */

fieldset {
	border: none;
}

label {
	float: left;
	width: 40%;
	text-align: right;
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;
}

input, textarea {
	border: 1px solid #e9e9e9;
	font-size: 1em;
}
textarea {
	font-size: 1em;
}
textarea#c_content {
	margin: 10px 30px 0 0;
}

input:hover, textarea:hover {
	border: 1px solid #666;
}
input.submit, input.preview {
	text-transform: uppercase;
	font-family: "Century Gothic",  Arial;
}
input.submit:hover, input.preview:hover {
	background: #666;
	color: #fff;
}
.form-help {
	width: 80%;
	font-style: italic;
	text-align: right;
}

/* Pagination
-------------------------------------------------------- */
.pagination {
	display: block;
	margin: 40px 80px 0 0;
	text-align: center;
}

/*  Les  tags
-------------------------------------------------------- */


.dc-tags .tags a { color: #424240; }


.tags {font-size: 1.3em;}
.tags ul {margin-right: 60px;}
.tags li {
	display: inline;
	padding: 3px;
}
.tags a { color: #ddd; }

.tags li a.tag10{font-size: 0.7em;}
.tags li a.tag20{font-size: 0.8em;}
.tags li a.tag30{font-size: 0.9em;}
.tags li a.tag40{font-size: 1.0em;}
.tags li a.tag50{font-size: 1.1em;}
.tags li a.tag60{font-size: 1.2em;}
.tags li a.tag70{font-size: 1.3em;}
.tags li a.tag80{font-size: 1.4em;}
.tags li a.tag90{font-size: 1.5em;}
.tags li a.tag100{font-size: 1.6em;}


/*  La recherche
-------------------------------------------------------- */

#search input{
	font-size: 1em;
	font-weight: normal;
	font-family: "Century Gothic", Arial;
	}
#search label{
	float: none;
	font-size: 1em;
}
#search fieldset { padding: 0; }

#search p { margin: 0;}

#search #qos{
	margin-bottom: 3px;
	background: #fff;
	width: 167px;
}
#search #qos:hover{
	background: #fff;
	border: 1px solid #666;
}

/* responsives slides (home)
---------------------------------- */

.rslides {
  display: block;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0 auto;
}

.rslide {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslide:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}

/* Autres
---------------------------------------------------------- */
.press-pic {
    float: left;
    margin: 1em 0;
    width: 33%;
}
.press-pic img {
	float: left;
	margin-right: 1em;
}

.galleryinsert img {
	margin: 0 10px 10px 0;
}
a[hreflang]:after {
    content: " [" attr(hreflang) "]";
    font-size: 0.9em;
}

.flag { vertical-align: middle; }

.press #main a[hreflang="cz"] { background: url(img/flag/cz.png) no-repeat left 4px; }
.press #main a[hreflang="de"] { background: url(img/flag/de.png) no-repeat left 4px; }
.press #main a[hreflang="en"] { background: url(img/flag/en.png) no-repeat left 4px; }
.press #main a[hreflang="fr"] { background: url(img/flag/fr.png) no-repeat left 4px; }
.press #main a[hreflang="nl"] { background: url(img/flag/nl.png) no-repeat left 4px; }
.press #main a[hreflang="pt"] { background: url(img/flag/pt.png) no-repeat left 4px; }
.press #main a[hreflang="sp"] { background: url(img/flag/sp.png) no-repeat left 4px; }
.press #main a[hreflang="el"] { background: url(img/flag/gr.png) no-repeat left 4px; }
.press #main a[hreflang="ja"] { background: url(img/flag/jp.png) no-repeat left 4px; }
.press #main a[hreflang="it"] { background: url(img/flag/it.png) no-repeat left 4px; }

.press #main li a { padding-left: 22px; }

.note { color: #aaa; background: inherit; font-size: .846em; font-style: italic; }

.newsletter p, .dc-event p { margin: 10px 0; }

hr.space { height: 2em; visibility: hidden; }

/* Styles pour EntryImages */
.entryimages {
	margin: 1rem 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  grid-auto-flow: dense;
	gap: 10px;
}
.entryimages img {
	border: 1px solid #fff;
}
.outer_landscape, .outer_portrait {
	padding: 10px 0 8px;
	border: 1px solid #ddd;
	background-color: #f5f5f4;
}
.outer_landscape > *, .outer_portrait > * {
	text-align: center;
	}
.outer_landscape a, .outer_portrait a {
  display: block;
}
.legend {
	padding: 0 12px;
	margin: 0;
	}
hr.clearer {
	height: 1px;
	font-size: 1px;
	color: #fff;
	background: transparent;
	border: none;
	clear: both;
	}

#colorbox {
	font-size: 1.4em;
}

/* font-face */
@font-face {
	font-family: 'Gudea';
	src: url('fonts/Gudea-Regular-webfont.eot');
	src: local('☺'), url('fonts/Gudea-Regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Gudea-Regular-webfont.woff') format('woff'),
	     url('fonts/Gudea-Regular-webfont.ttf') format('truetype'),
	     url('fonts/Gudea-Regular-webfont.svg#GudeaRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gudea';
	src: url('fonts/Gudea-Italic-webfont.eot');
	src: local('☺'), url('fonts/Gudea-Italic-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Gudea-Italic-webfont.woff') format('woff'),
	     url('fonts/Gudea-Italic-webfont.ttf') format('truetype'),
	     url('fonts/Gudea-Italic-webfont.svg#GudeaRegular') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Gudea';
	src: url('fonts/Gudea-Bold-webfont.eot');
	src: local('☺'), url('fonts/Gudea-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/Gudea-Bold-webfont.woff') format('woff'),
	     url('fonts/Gudea-Bold-webfont.ttf') format('truetype'),
	     url('fonts/Gudea-Bold-webfont.svg#GudeaRegular') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans';
	src: url('fonts/OpenSans-Semibold-webfont.eot');
	src: local('☺'), url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
	     url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
	     url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
	     url('fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
	font-weight: normal;
	font-style: normal;
}