@import url("typo.css");


/*@group Minical */
.calendriermini { position: relative; margin-bottom: 1em; }
.calendriermini .calendar-container { width: 87%; position: relative;}
.calendriermini .calendar-container .image_loading { position: absolute; top: 50%; left: 50%; margin-top:-16px;margin-left: -16px;}

:root {
	--minical-border-color: #408793;
	--minical-active-bg: #d7eaec;
	--minical-active-color: #408793
	--minical-active-border-color: transparent;
	--minical-active-bg-hover: #deba5d;

	--minical-border-dark-color: #999;
	--minical-day-disabled-color: #DDD;

	--minical-calendrier-couleur6-bg:#d7eaec;
	--minical-calendrier-couleur6-bg-hover: #98C3CA;
	--minical-calendrier-couleur6-color:#408793;
}
.calendriermini h2 .menu-titre {display: none;}

.js .calendriermini .calendar-container .alt { display: none; }

.calendriermini table .table-condensed { width: 100%; font-size: 0.9em; text-align: center; margin: 0 auto; border-collapse: collapse;}
.calendriermini table caption { margin: 0 auto; padding: 0; }
.calendriermini table th { padding: 0; }
.calendriermini table th,.calendriermini table td { width: 14%; line-height: 1.75em; padding: 0; background: #fff ;}

/* version jqueryui */

.calendriermini .ui-datepicker-inline {width: 100%;border:0 !important;padding:0 !important;}
.calendriermini .datepicker .datepicker-days table thead tr:last-of-type {background-color: var(--minical-calendrier-couleur6-bg);}
.calendriermini .datepicker .datepicker-days table tbody tr td.active.day:first-of-type {background-color: var(--minical-calendrier-couleur6-bg-hover);}
.calendriermini .datepicker .datepicker-days table tbody tr td.old.active.day, .calendriermini .datepicker .datepicker-days table tbody tr td.new.active.day {background-color: var(--minical-day-disabled-color); color: #CCC}


/* version picker SPIP 4 sans jqueryui */
.calendriermini .datepicker-inline {width: 100% !important;box-sizing: border-box;border:0 !important;padding:0 !important;}
.calendriermini .datepicker-inline th.dow {background-color:transparent;}
.calendriermini .datepicker-inline .old.day, .calendriermini .datepicker-inline .new.day {background-color:rgba(255,255,255,0.5);}


/*.calendriermini table .day.active {font-weight: bold;}*/

.calendriermini .datepicker .day.calendrier-couleur1 {
  background-color: var(--minical-calendrier-couleur1-bg, var(--minical-active-bg));
  border-color: var(--minical-calendrier-couleur1-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur1-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur1:hover,
.calendriermini .datepicker .day.calendrier-couleur1:active {
  background-color: var(--minical-calendrier-couleur1-bg-hover, var(--minical-active-bg-hover));
}

.calendriermini .datepicker .day.calendrier-couleur2 {
  background-color: var(--minical-calendrier-couleur2-bg, var(--minical-active-bg));
  border-color: var(--minical-calendrier-couleur2-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur2-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur2:hover,
.calendriermini .datepicker .day.calendrier-couleur2:active {
  background-color: var(--minical-calendrier-couleur2-bg-hover, var(--minical-active-bg-hover));
}

.calendriermini .datepicker .day.calendrier-couleur3 {
  background-color: var(--minical-calendrier-couleur3-bg, var(--minical-active-bg));
  border-color: var(--minical-calendrier-couleur3-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur3-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur3:hover,
.calendriermini .datepicker .day.calendrier-couleur3:active {
  background-color: var(--minical-calendrier-couleur3-bg-hover, var(--minical-active-bg-hover));
}

.calendriermini .datepicker .day.calendrier-couleur4 {
  background-color: var(--minical-calendrier-couleur4-bg, var(--minical-active-bg));
  border-color: var(--minical-calendrier-couleur4-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur4-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur4:hover,
.calendriermini .datepicker .day.calendrier-couleur4:active {
  background-color: var(--minical-calendrier-couleur4-bg-hover, var(--minical-active-bg-hover));
}


.calendriermini .datepicker .day.calendrier-couleur5 {
  background-color: var(--minical-calendrier-couleur5-bg, var(--minical-active-bg));
  border-color: var(--minical-calendrier-couleur5-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur5-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur5:hover,
.calendriermini .datepicker .day.calendrier-couleur5:active {
  background-color: var(--minical-calendrier-couleur5-bg-hover, var(--minical-active-bg-hover));
}


.calendriermini .datepicker .day.calendrier-couleur6 {
  /*background-color: var(--minical-calendrier-couleur6-bg, var(--minical-active-bg));*/
  border-color: var(--minical-calendrier-couleur6-border-color, var(--minical-active-border-color));
  color: var(--minical-calendrier-couleur6-color, var(--minical-active-color));
}
.calendriermini .datepicker .day.calendrier-couleur6:hover,
.calendriermini .datepicker .day.calendrier-couleur6:active {
  background-color: var(--minical-calendrier-couleur6-bg-hover, var(--minical-active-bg-hover));
}

/*@end*/


/*@group Datepicker*/
.datepicker {
  padding: 4px;
  /*border-radius: 4px;*/
  direction: ltr;
}
.datepicker-inline {
  width: 220px;
  border: 1px solid var(--minical-border-color,#eee);
}
.datepicker-rtl {
  direction: rtl;
}
.datepicker-rtl.dropdown-menu {
  left: auto;
}
.datepicker-rtl table tr td span {
  float: right;
}
.datepicker-dropdown {
  top: 0;
  left: 0;
}
.datepicker-dropdown:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid var(--minical-border-dark-color,#999);
  border-top: 0;
  border-bottom-color: var(--minical-border-color,#eee);
  position: absolute;
}
.datepicker-dropdown:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-top: 0;
  position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
  left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
  left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
  right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
  right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
  top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
  top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid var(--minical-border-dark-color,#999);;
}
.datepicker-dropdown.datepicker-orient-top:after {
  bottom: -6px;
  border-bottom: 0;
  border-top: 6px solid #fff;
}
.datepicker table {
  margin: 0;
	width: 100%;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  /*border-radius: 4px;*/
  border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
  background-color: transparent;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.day.focused {
  background: #eee;
  cursor: pointer;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
  color: var(--minical-day-disabled-color,#999);;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
  background: none;
  color: var(--minical-day-disabled-color,#999);;
  cursor: default;
}
.datepicker table tr td.highlighted {
  background: #d9edf7;
  border-radius: 0;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
  background: #eee;
  border-radius: 0;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
  /*background-color: var(--minical-active-bg,#0044cc);*/
  /*border: 1px solid var(--minical-active-border-color,#0044cc);*/
  color: var(--minical-active-color,#fff);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
  background-color: var(--minical-active-bg-hover,#0044cc);
}

.datepicker table tr td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  /*border-radius: 4px;*/
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
  background: #eee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
  background: none;
  color: var(--minical-day-disabled-color,#999);;
  cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
  /*background-color: var(--minical-active-bg,#0044cc);
  border: 1px solid var(--minical-active-border-color,#0044cc);*/
  color: var(--minical-active-color,#fff);
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
  background-color: var(--minical-active-bg-hover,#0044cc);
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
  color: var(--minical-day-disabled-color,#999);;
}
.datepicker .datepicker-switch {
  width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
  cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
  background: #eee;
}
.datepicker .prev.disabled,
.datepicker .next.disabled {
  visibility: hidden;
}
.datepicker .cw {
  font-size: 10px;
  width: 12px;
  padding: 0 2px 0 5px;
  vertical-align: middle;
}
.input-append.date .add-on,
.input-prepend.date .add-on {
  cursor: pointer;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  margin-top: 3px;
}
.input-daterange input {
  text-align: center;
}
/*.input-daterange input:first-child {
  border-radius: 3px 0 0 3px;
}*/
/*.input-daterange input:last-child {
  border-radius: 0 3px 3px 0;
}*/
.input-daterange .add-on {
  display: inline-block;
  width: auto;
  min-width: 16px;
  height: 20px;
  padding: 4px 5px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  vertical-align: middle;
  background-color: #eee;
  border: 1px solid #ccc;
  margin-left: -5px;
  margin-right: -5px;
}
.datepicker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  /*border-radius: 5px;*/
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  /* * */border-right-width: 2px;
  /* * */border-bottom-width: 2px;
  color: #333333;
  font-size: 13px;
  line-height: 20px;
}
.datepicker.dropdown-menu th,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.datepicker-inline td {
  padding: 4px 5px;
}





input[type=search], input[type=email], input[type=submit] {
	appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none; }

/* @group Page générale */

body {
		font-size: 100%;
		font-style: normal;
		width: 100%;
		position: relative;
		background-color: #d7eaec;
		font-family: "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
	}

	h1,h2,h3,h4,h5,h6,em,a {
			text-decoration: none;
		}

	section.page {
		position: relative;
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		background: white;
		z-index: 0;
	}

/* @end */

/* @group COULEURS CONDITIONNELLES */

.akai h1,.akai h2,.akai h3,.akai h4,.akai h5,.akai h6,.akai em,.akai a,.akaiakai h1,.akaiakai h2,.akaiakai h3,.akaiakai h4,.akaiakai h5,.akaiakai h6,.akaiakai em,.akaiakai a,.akaimidori a,.akaimurasaki h1,.akaimurasaki h2,.akaimurasaki h3,.akaimurasaki h4,.akaimurasaki h5,.akaimurasaki a,.akaimurasaki em {
		color: #a12525;
	}

.murasaki h1,.murasaki h2,.murasaki h3,.murasaki h4,.murasaki h5,.murasaki h6,.murasaki em,.murasaki a {
		color: #985da4;
	}

.midori h1,.midori h2,.midori h3,.midori h4,.midori h5,.midori h6,.midori em,.midori a {
		color: #6b9344;
	}

.shiro h1,.shiro h2,.shiro h3,.shiro h4,.shiro h5,.shiro h6,.shiro em,.shiro a,.midorishiro h1,.midorishiro h2,.midorishiro h3,.midorishiro h4,.midorishiro h5,.midorishiro a,.midorishiro em {
		color: #927412;
	}

.preheader h1 {
		color: #feeba4;
	}

.midori {
		background-color: #b9db98;
}
.akai,.akaiakai {
		background-color: #fdbaba;
}
.shiro {
		background-color: #feeba4;
}

.murasaki {
		background-color: #e4bbff;
}

tr.midori, tr.akai, tr.shiro, tr.murasaki {
		background-color: white;
}

/* @end */

/* @group HEADER */

.footer, .globalheader {
	width: 100%;
	background: #3297a2;
	background: -webkit-linear-gradient(top, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007e8c 100%) #017380;
	background: -moz-linear-gradient(top, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007e8c 100%) #017380;
	background: -ms-linear-gradient(top, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007e8c 100%) #017380;
	background: linear-gradient(to bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007e8c 100%) #017380;
	position: relative;
}

.sommaire .globalheader {
	margin-top: -10px;
	margin-bottom: -10px;
	width: 100%;
	position: relative;
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d7eaec 8%, #d7eaec 92%, rgba(255, 255, 255, 0.5) 100%) rgba(215, 233, 235, 0);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d7eaec 8%, #d7eaec 92%, rgba(255, 255, 255, 0.5) 100%) rgba(215, 233, 235, 0);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #d7eaec 8%, #d7eaec 92%, rgba(255, 255, 255, 0.5) 100%) rgba(215, 233, 235, 0);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #d7eaec 8%, #d7eaec 92%, rgba(255, 255, 255, 0.5) 100%) rgba(215, 233, 235, 0);
	z-index: 50;
}

.article .globalheader {
	min-height: 180px;
	z-index: 50;
}

.article .preheader {
	display: none;
}
.sommaire .preheader {
	position: relative;
	display: block;
	height: 300px;
	width: 100%;
	background: -webkit-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
	background: -moz-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
	background: -ms-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
	background: linear-gradient(to top, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
}

.sommaire .joho {
	position: relative;
	width: 90%;
	margin: auto;
	height: 100%;
}

.sommaire .graph {
	position: relative;
	width: 50%;
	margin-left: 14%;
}

.sommaire .graph .logo {
	position: absolute;
	margin-top: -300px;
}

.sommaire .graph .logo img {
	max-width: 100%;
	height: auto;
}
.sommaire .edito {
	/*width: 55%;*/
	text-align: justify;
	position: absolute;
  height: 93%;
	z-index: 10;
	top: 0;
	margin-top: 0;
  right: 0;
  width: 350px;
}

.sommaire .edito h1 {
	width: 100%;
	text-shadow: 2px 2px 2px #502601;
	text-align: center;
	font-size: 1.5em;
	position: relative;
	top: 50px;
}

.sommaire .edito .corps {
	color: #ffffff;
	line-height: 1.35em;
	text-shadow: 0 0 2px #02808c;
	position: absolute;
	bottom: 0;
	font-size: 1em;
}

.preheader,
.postfooter {
	background-color: #ffffff;
	width: 100%;
	text-align: right;
	position: relative;
}

.preheader a,
.postfooter a {
	text-decoration: none;
	font-size: .8em;
	display: inline-block;
	margin: 10px;
	color: #927412;
}
.preheader p a,
.postfooter p a {
	text-decoration: none;
	font-size: 1em;
	display: inline;
	margin: 0;
	color: #efdc51;
}

.article .header {
	position: relative;
	width: 80%;
		overflow: hidden;
}

.article .blocinfos {
	width: 75%;
	float: right;
}

.article h1.titre:first-of-type {
  padding-top: 25px;
}

.article h1.titre {
	color: white;
	text-shadow: 0 0 2px #02808c;
	text-align: right;
	font-size: 1.2em;
	/*display: inline-block;*/
	position: relative;
	line-height: 1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	float: right;
	width: 100%;
	z-index: 11;
}

h1.titre.nenkan {
	font-size: 1.4em;
}

.article h1.titre .suffix {
		color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
	font-size: 0.8em;
	margin-left: 2%;
}

.article .date {
	color: white;
	text-shadow: 0 0 2px #02808c;
	font-size: 1em;
	float: right;
	min-height: 30px;
	clear: both;
  padding-top: 40px;
}

.blocinfos ul.saints:first-of-type {
	margin-bottom: 5px;
}

.blocinfos ul.saints {
	display: inline-block;
	height: auto;
	width: 100%;
	margin-bottom: 5px;
}

.blocinfos ul.saints:last-of-type {
	margin-bottom: 30px;
}

.article .infos  {
	color: white;
	text-shadow: 0 0 2px #02808c;
	font-size: 0.9em;
	display: block;
	text-align: right;
	line-height: 1.2em;
	position: relative;
	bottom: 0;
}

.article .titre  {
	color: white;
	/*text-shadow: 0 0 2px #02808c;*/
	font-size: 0.9em;
	display: block;
	line-height: 1.2em;
	position: relative;
	bottom: 0;
}

/*empeche l'affichage du titre des saints facultatifs le dimanche.*/
li.infos.日 {
  display: none;
}

.article .space {
	font-size: 0;
	width: 10px;
	display: inline-block;
}

.sommaire .kto {
	color: white;
	text-shadow: 0 0 2px #02808c;
	position: absolute;
	margin-top: -40px;
	font-size: 1.1em;
	width: 200px;
	text-align: center;
}

.no {
	display: inline-block;
	width: 20px;
}

.article .iwai {
	color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
}

.sommaire .iwai {
	color: #04818d;
	text-shadow: -1px 1px 2px #dcd378;
}

.sommaire .header {
	position: relative;
	display: block;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
  overflow: hidden;
}

.sommaire .header .date {
  display: none;
  float: left;
	color: #006f7b;
	font-size: 1.3em;
  width: 130px;
  line-height: 60px;
}
.sommaire .header .title {
  display: block;
  float: left;
	color: #006f7b;
	text-shadow: -1px 1px 2px #dcd378;
	font-size: 1.4em;
	line-height: 60px;
}

.sommaire .header .title span.akai {
  background-color: transparent;
  color: rgba(161, 37, 37, 0.8);
  font-size: 0.8em;
}

.sommaire .header .title span.shiro {
  background-color: transparent;
		color: #836709;
  font-size: 0.8em;
}

.sommaire .header .title span.suffixe {
  		color: #fde690;
	text-shadow: 0 0 2px #003f46;
  line-height: 0;
  font-size: 0.8em;
}

.article .header.navigation {
	width: 80%;
	height: 50px;
}

.identitegraphique {
	width: 160px;
}

.article .header .logo {
	width: 24%;
	position: relative;
	float: left;
	margin-bottom: 30px;
	height: 150px;
}

.article .slogan {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	font-size: 1em;
	line-height: 1.6em;
	padding-bottom: 4px;
	text-align: center;
	font-size: 0.9em;
	background: -webkit-linear-gradient(top, #3097a2 2.9%, #04818d 65%) #07818d;
	background: -moz-linear-gradient(top, #3097a2 2.9%, #04818d 65%) #07818d;
	background: -ms-linear-gradient(top, #3097a2 2.9%, #04818d 65%) #07818d;
	background: linear-gradient(to bottom, #3097a2 2.9%, #04818d 65%) #07818d;
}
.article .shin, .article .kyo {
		color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
}
.article .kto {
	color: white;
	text-shadow: 0 0 2px #02808c;
}
.article .slogan span {
	margin-right: 2%;
	margin-left: 2%;
}

.sommaire .slogan {
	font-size: 1.4em;
	color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
	line-height: 1.3em;
	position: absolute;
	margin-top: -102px;
	width: 200px;
	text-align: center;
}

/* @end */

/* @group BOUTON MENUS */

.bouton {
	position: relative;
	width: 210px;
	background: #3297a2;
	background: -webkit-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: -moz-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: -ms-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: linear-gradient(to bottom, #acd4d8 0%, #26929d 100%) #0b8591;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
	color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
	display: inline-block;
	margin: 10px;
	font-size: 1.1em;
	text-align: center;
}

.bouton.today {
	background: -webkit-linear-gradient(top, #ffffff 0%, #d6e9eb 5.8%) #d7eaec;
	background: -moz-linear-gradient(top, #ffffff 0%, #d6e9eb 5.8%) #d7eaec;
	background: -ms-linear-gradient(top, #ffffff 0%, #d6e9eb 5.8%) #d7eaec;
	background: linear-gradient(to bottom, #ffffff 0%, #d6e9eb 5.8%) #d7eaec;
	width: 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 2px 2px #c0d5d7;
	box-shadow: 0 2px 2px #c0d5d7;
	position: relative;
	color: #006f7b;
	font-size: 1em;
	padding: 0;
	margin: 10px 0;
}


.bouton.today h1.titre, .bouton.today p.date, .bouton.today .pointer{
	display: inline-block;
	text-shadow: -1px 1px 2px #dcd378;
	font-size: 1.3em;
}

.bouton.today .pointer {
	font-size: 24px;
	line-height: 40px;
	float: right;
	padding-right: 10px;
}

.sommaire a.pointer{
	color: #006f7b;
	text-shadow: -1px 1px 2px #dcd378;
	font-size: 1.8em;
  /*display: inline-block;*/
  float: right;
  line-height: 60px;
}

.article a.pointer{
	color: #006f7b;
	text-shadow: -1px 1px 2px #dcd378;
	font-size: 1.3em;
}

.bouton.today h1.titre {
	text-align: center;
	text-shadow: -1px 1px 2px #dcd378;
	font-size: 1.3em;
}
.bouton.today p.date {
	color: #07828f;
	text-shadow: -1px 1px 2px #dcd378;
}

#todayfermer, #appelermenu, #fermermenu, #teamouvrir, #teamfermer {
	cursor: pointer;
	position: relative;
	line-height: 40px;
}

.sommaire .titre {
	display: none;
}
.sommaire .titre:first-of-type {
	display: inline;
}
.none {
	display: none!important;
}

/* @end */

/* @group MENUS */

.cadremenu {
	z-index: 111;
	position: fixed;
	width: 80%;
	left: 50%;
	margin-left: -40%;
}

ul.navigenerale {
	font-size: 1.5em;
	text-shadow: 0 0 2px #057681;
	position: fixed;
	width: 50px;
	left: 0;
	margin-top: 50px;
}

ul.navigenerale a{
	color: #f0c40c;
}

.menuclic {
	position: relative;
	color: #f0c40c;
	width: 40px;
	height: 40px;
	margin: 5px;
}


.leftarrow, .rightarrow {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 200px;
	font-size: 1.8em;
}

.sommaire .leftarrow, .sommaire .rightarrow {
	top: 315px;
}

.leftarrow {
	left: 10px;
}

.rightarrow {
	right: 10px;
}

.leftarrow a, .rightarrow a {
	color: #abd4d8;
	display: block;
}

.leftarrowpop, .rightarrowpop {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #757575;
	box-shadow: 0 4px 6px #757575;
	background-color: #737373;
	position: fixed;
	z-index: 40;
	line-height: 40px;
	width: 350px;
	color: white;
	font-size: 1.2em;
	top: 250px;
	display: none;
}

.leftarrowpop li.titre, .rightarrowpop li.titre, .leftarrowpop li, .rightarrowpop li  {
  margin-right: 40px;
  margin-left: 40px;
  margin-top: 10px;
}

.sommaire .leftarrowpop, .sommaire .rightarrowpop {
	top: 365px;
}

.leftarrowpop {
	left: 30px;
	text-align: left;
}

.rightarrowpop {
	right: 30px;
	text-align: right;
}

div.icon-circle-left {
	float: left;
	width: 40px;
	line-height: 60px;
	text-align: center;
	margin-top: 10px;
}


div.icon-circle-right {
float: right;
width: 40px;
line-height: 60px;
text-align: center;
	margin-top: 10px;
}

.leftdatepop, .rightdatepop {
	font-size: 0.8em;
	margin-right: 40px;
	margin-left: 40px;
}

.lefttitrepop, .righttitrepop {
	width: 88%;
}
/*.leftarrowpop .icon-cross {
	width: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: 10px;
	right: 5px;
	top: 0;
	z-index: 30;
}*/

div.cadreinfospop {
	color: white;
}

/*.rightarrowpop .icon-cross {
	width: 30px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	margin-top: 10px;
	left: 5px;
	top: 0;
	z-index: 30;
}*/
.sommaire span#home.icon-home {
	color: rgba(24, 124, 137, 0.2);
	cursor: default;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

span#fermermenu.icon-cross, span#appelermenu.icon-menu3 {
	display: block;
	margin-left: 10px;
}

.cadremenu .menus {
	position: absolute;
	width: 100%;
	top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#cross {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 10px;
	left: 10px;
	top: 10px;
	width: 20px;
	height: 20px;
	background-color: #e2a5a5;
	line-height: 20px;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 0 2px #ffffff;
	box-shadow: 0 0 2px #ffffff;
	background-color: #737373;
}

.cadremenu .menu {
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #757575;
	box-shadow: 0 4px 6px #757575;
	background-color: #737373;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #808080;
}

.cadremenu .menu .liste {
	color: #057681;
}

.cadremenu .menu .liste:hover{
	background-color: #838383;
}

.cadremenu .titres {
	display: block;
	height: 30px;
	line-height: 30px;
	width: 70%;
	text-align: left;
	position: relative;
	cursor: pointer;
	color: #f0f0f0;
}


.cadremenu .element {
	text-align: left;
	text-indent: 25%;
	height: 25px;
	line-height: 25px;
}

.navcontenu {
	width: 80%;
}

.navcontenu li {
	line-height: 40px;
	text-align: left;
	text-indent: 20%;
}

.navcontenu li a {
	color: white;
}

#formulaire_recherche {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*.contenu.secondaire .cadrerechercher {
	color: #fefefe;
	padding-top: 19px;
	padding-bottom: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #757575;
	box-shadow: 0 4px 6px #757575;
	background-color: #737373;
	margin-top: 0;
	display: block;
}*/

div.inputtext {
	position: relative;
	width: 70%;
	padding: 0;
}

input#recherche.search.text {
		-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 0 solid #b2d6db;
	font-size: 1em;
	color: #04818c;
	text-indent: 2%;
	width: 100%;
	margin-left: 0;
	background-color: #b2d6db;
	height: 30px;
}

.ecrire .search.text {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  border-style: none;
  font-size: 1em;
	color: #04818c;
	width: 100%;
	background-color: #b2d6db;
	height: 30px;
	padding: 0 10px;
}

button.submit, .auteur input[type="submit"] {
	min-width: 100px;
	max-width: 250px;
	font-size: 14px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border: 3px solid white;
	background-color: #ffffff;
	line-height: 18px;
	cursor: pointer;
	flex-grow: 0;
}

a.corriger {
	font-size: 14px;
  height: 15px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	line-height: 18px;
	cursor: pointer;
	flex-grow: 0;
  border: 7px solid #ffffff;
  color: #9f791b;
}

#subscribe {
	text-align: left;
	display: none;
	position: absolute;
	background-color: rgba(255, 255, 255, 0.95);
	z-index: 1;
	top: 0;
	width: 110%;
	height: 104%;
	left: 50%;
	margin-left: -55%;
}

.voici #subscribe p {
	width: 73%;
	position: fixed;
	left: 50%;
	margin-left: -40%;
	padding: 1% 6% 1% 1%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: white;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
}

.icon-cross {
	font-size: 1em;
	width: 1em;
	height: 1em;
	padding: 3px;
	position: absolute;
	cursor: pointer;
	right: 5px;
}

aside.youtube .icon-cross {
	width: 1.6em;
	height: 1.6em;
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
	color: #178996;
	position: relative;
	background: -webkit-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: -moz-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: -ms-linear-gradient(top, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  background: linear-gradient(to bottom, #eef6f7 0%, #d7e9ec 100%) #0b8591;
  -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 2px 4px #8f8f8f;
	box-shadow: 0 2px 4px #8f8f8f;

}
.voici #subscribe p:first-letter {
	float:left;
	font-size: 40px;
	margin-right: 10px;
	line-height: 50px;
}

.voici .resultat .error span {
	color: #ff0000;
}

.voici .resultat .success span {
	color: #2b949e;
}


/* @end */

/* @group FORMULAIRES */

.voici .informations, .voici .formulaire {
	text-align: left;
	font-size: 95%;
}
.tv .voici .formulaire .informations {
	color: white;
	font-size: 110%;
}

.voici .higotono {
	color: #927412;
	font-size: 120%;
}

.tv .voici .higotono {
	color: #f1e249;
	font-size: 120%;
}
div.informations {
	margin-top: 20px;
}

.informations .ps {
	font-size: 80%;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}

.voici a {
  color: #b55500;
  font-size: .9rem;
}


.icon-arrow-down, .ps a .icon-arrow-down, .icon-arrow-up, a .icon-arrow-up {
  display: inline-block;
  font-size: .6rem;
  /*margin: 0 5px 0 2px;*/
  padding: 2px;
  color: #b55500;
}

.icon-arrow-up, a .icon-arrow-up {
  transform: rotate(45deg);
  vertical-align: top;
}

.auteur .icon-arrow-up, .auteur a .icon-arrow-up {
  transform: rotate(0deg);
  vertical-align: top;
}

.auteur .icon-arrow-down, .auteur a .icon-arrow-down {
  transform: rotate(0deg);
}

.icon-arrow-down, a .icon-arrow-down {
  transform: rotate(-45deg);
}

.inscription .ecrire {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
  	-moz-box-shadow: 0 4px 6px #757575;
  	box-shadow: 0 4px 6px #757575;
  	background-color: #737373;
  	width: 100%;
  	margin: 10px auto 30px;
  }

.inscription .ecrire > * {
  margin: 10px 0;
}

.inscription .ecrire p {
  min-width: 100%;
  text-align: center;
  color: white;
}

.inscription .ecrire .kibou {
  color: white;
}

input[type="checkbox"] {
	width: 30px;
	display: inline-block;
	height: 14px;
	margin: 14px 0 !important;
}

.ecrire .higotono {
	color: #f1e249;
	padding: 0;
}

.reponse_formulaire {
  position: relative;
  -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px rgba(117, 117, 117, 0.23);
	box-shadow: 0 4px 6px rgba(117, 117, 117, 0.23);
	padding: 15px;
	margin-bottom: 20px;
}

.reponse_formulaire_erreur {
  background-color: rgba(255, 0, 0, 0.27);
}

.reponse_formulaire_ok {
  background-color: rgba(105, 255, 6, 0.27);
}

.reponse_formulaire .icon-warning {
  font-size: 18px;
  margin :0 10px;
  color: red;
}

.reponse_formulaire .icon-checkmark {
  font-size: 18px;
  margin :0 10px;
  color: green;
}

.reponse_formulaire .icon-cross {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 12px;
}

.reponse_formulaire_ok .icon-cross {
  color: green;
}

.reponse_formulaire_erreur .icon-cross {
  color: red;
}

/* @end */

/* @group Formulaire contact */

.auteur .bouton {
	margin-bottom: 30px;
	margin-top: 30px;
}

form.contact, form.cadrerechercher {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-around;
	/* align-items: center; */
	/*height: 100px;*/
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #757575;
	box-shadow: 0 4px 6px #757575;
	background-color: #737373;
	padding: 10px;
	/* border: 1px solid #a6a6a6; */

}

  .previsu {
    background-color: #e2e2e2;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;  }

 .courriel .ecrire {
  	-webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	border-radius: 6px;
  	-moz-box-shadow: 0 4px 6px #757575;
  	box-shadow: 0 4px 6px #757575;
  	background-color: #737373;
  	width: 100%;
  	margin: 10px auto 30px;
  }

  .contact .legend {
  	margin: 15px;
  	font-size: 1.2em;
  	color: #178996;
	text-indent: 3px;
  }

	#courriel fieldset {
		width: 100%;
	}

  .contact .verification, .contact .edition {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: wrap;
  	padding: 0 15px;
  	width: calc(100% - 30px);
  	margin: 15px 0 0;
    text-align: center;
      }

  .contact .verification > *, .contact .edition > * {
    padding: 5px 0;
      }

div.editer {
	min-height: 40px;
	margin: 0 ;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap; /*permet à «.erreur message» de laisser passer à la ligne ses frères*/
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}

span.adresse, label.adresse {
  min-width: 180px;
    color: #e1e2e1;
}

  span.adresse{
    color: #727372;
  }

  .erreur_message{
    flex: 0;
    min-width: 100%;
    color: #f1e565;
  }

  .erreur_message span{
    color: #fe8080;
    font-size: 1.5em;
  }

.editer input, .editer span.kacont {
	height: 30px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-size: 1em;
	text-indent: 3px;
	max-width: 100%;
	flex-grow: 1;
  text-align: left;
	color: #04818c;
}

.editer input {
	border: 1px solid #b2d6db;
	background-color: #d5e9eb;
}

.editer span.kacont {
	border: 1px solid #f6f7f6;
	background-color: #f6f7f6;
}
.mescont {
	flex-grow: 1;
	font-size: 1rem;
	text-align: justify;
	color: #04818c;
	min-width: calc(70% - 10px);
	text-align: left;
	margin-top: 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 5px;
	resize: vertical;
	min-height: 120px;
  line-height: 1.5;
}

textarea.mescont {
	background-color: #d5e9eb;
	font-family: inherit;
	border: 1px solid #b2d6db;
}

div.mescont {
	background-color: #f7f7f7;
	font-family: inherit;
	border: 1px solid #f6f7f6;
}


.formulaire_ecrire_auteur{
  margin-bottom: 50px;
}

div.but {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
  height: 60px;
}

/* @end */


/* @group TEXTE */


.todaytext {
  padding-top: 20px;
	margin-bottom: -5px;
}

.todaytext {
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 4.4%, #fff 96.1%, rgba(255, 255, 255, 0) 100%);
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 4.4%, #fff 96.1%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 4.4%, #fff 96.1%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 4%, #fff 96%, rgba(255, 255, 255, 0) 100%);
}

.article .contenu {
	width: 80%;
	background-color: white;
	text-align: justify;
	font-size: 1em;
	line-height: 1.618em;
/*	margin-right: auto;
	margin-left: auto;*/
	position: relative;
	display: block;
	z-index: 9;
}

.article .contenu.tv {
	background-color: #494949;

}

.secondaire .voici, .secondaire .aside {
	width: 100%;
	margin: 20px auto 0;
	text-align: center;
}

.secondaire .soustitre {
	color: #108793;
	font-size: 1.5em;
	line-height: 1.618em;
	padding: 10px;
}

.don .soustitre {
	/*color: #d5e9eb;*/
	text-align: center;
}

.secondaire .expression {
	font-size: 120%;
	font-weight: bold;
}

.sommaire .contenu {
	width: 80%;
	text-align: justify;
	font-size: 1em;
	line-height: 1.618em;
	margin-right: auto;
	margin-left: auto;

}

h4.title {
	text-align: left;
	width: calc(20% - 10px);
	float: left;
	font-size: 1em;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 8px;
}

h5.references {
	text-align: right;
	width: calc(80% - 10px);
	float: right;
	font-size: 1em;
	line-height: 1.5;
	margin-top: 15px;
	margin-bottom: 8px;
}

h5.references .ten {
	border: 1px solid;
	border-radius: 50px;
	font-size: 0.7rem;
	padding: .1rem;
	margin: .1rem;
	position: relative;
	bottom: .2rem;
}

h5.references .ten:last-of-type {
	margin-right: 2rem;
}

.presentation,
.intro {
	text-align: left;
	text-indent: 5%;
	width: 100%;
	clear: both;
	font-size: 1.1em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.spip.text {
	margin-bottom: 10px;
}

.spip.text:last-of-type {
	padding-bottom: 30px;
	margin-bottom: 0;
}

em {
position: relative;
bottom: 5px;
	vertical-align:super;
	right: 2px;
	line-height: 0;
	font-style: italic;
	font-size: 9px;
}

/* @end */

/* @group AUTEURS & banque */

/*.auteur .voici {
}*/

.auteur .auteurs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 15px;
}

.auteur .biographie {
  min-width: calc(72% + 10px);
  max-width: calc(72% + 10px);
  /*flex-grow: 5;*/
}

.auteur .portrait {
  min-width: calc(23% + 10px);
  max-width: calc(23% + 10px);
}

img.spip_logos {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
}

.auteur h1 {
	font-size: 1.2em;
	text-align: center;
	height: 100px;
	-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
	background-image: -webkit-linear-gradient(top, #09838f 0%, #bddadd 32.8%, #daebec 41.4%, white 100%);
	background-image: -moz-linear-gradient(top, #09838f 0%, #bddadd 32.8%, #daebec 41.4%, white 100%);
	background-image: -ms-linear-gradient(top, #09838f 0%, #bddadd 32.8%, #daebec 41.4%, white 100%);
	background-image: linear-gradient(to bottom, #09838f 0%, #bddadd 32.8%, #daebec 41.4%, white 100%);
	color: #fef5d7;
	line-height: 1.6em;
}

.auteur .texte.note {
	margin-top: -70px;
	padding: 10px;
}
.auteur .hyperlien {
	padding: 0 10px 10px;
}

p.ginko {
	text-align: center;
	font-size: 130%;
	line-height: 40px;
}


.infos-exceptionelles {
	display: block;
	position: absolute;
	top: -20px;
	left: -10%;
	margin-left: -280px;
	height: 70px;
	overflow: auto;
	width: 280px;
	padding: 20px;
	background: rgba(0, 0, 0, 0.8);
	font-size: 1.2em;
	color: #d5e9eb;
	border-radius: 6px;
	z-index: 10;
}

.infos-exceptionnelles p {
	margin: 20px;
	line-height: 1.4em;
	overflow: auto;
}

/* @end */

/* @group YOUTUBE */

aside.youtube {
		width: 100vw;
		background: #494949;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #737373 1px, #494949 5px, #494949 100%);
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#737373 1px,#494949 5px,#494949 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#737373 1px,#494949 5px,#494949 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#494949',GradientType=0 );
		position: relative;
		z-index: 10;
	}

.higotonotv aside.youtube {
		padding: 20px 0;
}

aside.youtube .container {
	position: relative;
	/*background-color: purple;*/
	max-width: 80%;
}

aside.youtube .container .contenu.secondaire.don.tv {
	position: relative;
	max-width: 620px;
	width: 65vw;
	min-width: 280px;
}

	aside.youtube h2.button {
		display: block;
		text-align: center;
		width: 10vw;
		min-width: 200px;
		line-height: 1.618;
		color: #abd4d8;
		font-size: 1.5rem;
		margin: 15px auto;
		background: #696969;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #737373 0.2%, #595959 2%, #696969 100%);
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#595959',GradientType=0 );
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		cursor: pointer;
	}

	aside.youtube h2.titretv {
		display: inline-block;
		width: 100%;
		line-height: 1.618;
		color: #abd4d8;
		font-size: 1.5rem;
		margin: 10px 0 0 0;
		/*font-weight: bold;*/
	}

	aside.youtube .datetv {
		display: inline-block;
		width: 100%;
		line-height: 1.618;
		color: #abd4d8;
		font-size: 1.1rem;
	}

	aside.youtube .datetv a, aside.youtube .titretv a {
		color: #f0c40c;
		font-size: 1rem;
		display: inline-block;
		vertical-align: middle;
		margin: 0 5px;
	}

	aside.youtube p.lieutv {
		display: inline-block;
		width: 100%;
		line-height: 1.618;
		color: #d5e9eb;
		font-size: 1rem;
	}

	aside.youtube iframe {

		width: 78vw;
		height: calc(78vw / 1.777778);
		margin: 20px 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 1vw;
		box-shadow: 0 2px 6px #00252a;


	}

/*	aside.youtube .videoframe {
		background-color: #737373;
		border:hidden 0px #000000;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		opacity: .5 ;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
		max-width: 620px;
		min-height: 348px;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 0 170px;

	}*/

	aside.youtube .voici {
	padding: 10px 0;
	display: none;
	}

	aside.youtube .voici.display {
		display: block;
	}

	aside.youtube .videoliste {
		padding: 10px 0;
		/*display: none;*/
	}

/*	aside.youtube .videoliste.display {
		display: block;
	}*/

	aside.youtube .videoliste .vliste {
		position: relative;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		max-width: 600px;
		width: calc(65vw - 20px);
		min-width: 260px;
		margin: 10px auto;
		/*background-color: orange;*/
		padding: 10px;
		background: #696969;
		background: -moz-linear-gradient(top,  #EBEBEB 0%, #737373 0.2%, #595959 2%, #696969 100%);
		background: -webkit-linear-gradient(top,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
		background: linear-gradient(to bottom,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#595959',GradientType=0 );
				border:hidden 0px #000000;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;


	}

	aside.youtube .videoliste .vliste .logotv {
		position: relative;
		margin-right: 10px;
		min-width: 150px;
		width: 15vw;
		max-width: 180px;
	}

	aside.youtube .videoliste .vliste .logotv img {
		/*pour retirer la margin-bottom de 3px puisque img se comporte comme du texte: vertical-align: middle;*/
		vertical-align: middle;
		box-shadow: 0 1px 2px #8f8f8f;
		min-width: 150px;
		width: 15vw;
		max-width: 180px;
}

	aside.youtube .videoliste .vliste .logotv .titre {
		position: absolute;
		top: 20px;
		left: 80px;
		right: 10px;
		font-size: .6rem;
		line-height: 1.5;
		/*text-align: justify;*/
		color: #f0c40c;
		/*background-color: purple;*/
	}



	aside.youtube .videoliste .vliste .commentstv {
		color: #abd4d8;
		width: 60%;
		min-width: 100px;
		max-width: 400px;
		color: #abd4d8;
		font-size: 1.2rem;
		line-height: 1.5rem;

	}

	aside.youtube .videoliste .vliste .commentstv .titretv {
		color: #abd4d8;
		font-size: 1.2rem;
		line-height: 1.5rem;
		/*background-color: red;*/
	}

	aside.youtube .videoliste .vliste .commentstv .datetv {
		line-height: 1.618;
		color: #abd4d8;
		font-size: .9rem;
		margin-bottom: 10px;

	}



	aside.youtube .videoliste .vliste .commentstv .descriptiftv {
		/*color: #abd4d8;*/
		font-size: 1.1rem;
		line-height: 1.5;
		text-align: justify;
		display: none;
	}

	aside.youtube .videoliste .vliste .commentstv .creditstv {
		/*color: #abd4d8;*/
		font-size: .9rem;
		line-height: 1.5;
		text-align: justify;
	}

	aside.youtube .videoliste .vliste .commentstv .fichiertv {
		/*color: #abd4d8;*/
		display: none;
	}

	aside.youtube .videoliste .pagination {
		padding: 15px 0;
		color: #abd4d8;
	}

	aside.youtube .videoliste .pagination a {
		color: #f0c40c;
	}

	aside.youtube .videoliste .pagination .sep {
		font-size: .2rem;
		letter-spacing: 2px;
		vertical-align: middle;
	}

/*aside.youtube .voici {
	background-color: pink;
}*/

aside.youtube ul.moyens {
  position: relative;
  background-color: red;
  padding: 20px 0;
  min-height: 50px;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
	align-items: center;
	background: #696969;
	background: -moz-linear-gradient(top,  #EBEBEB 0%, #737373 0.2%, #595959 2%, #696969 100%);
	background: -webkit-linear-gradient(top,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
	background: linear-gradient(to bottom,  #EBEBEB 0%,#737373 0.2%,#595959 2%,#696969 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#595959',GradientType=0 );
			border:hidden 0px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;

}


.higotonotv .leftarrowpop, .higotonotv .rightarrowpop {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #757575;
	box-shadow: 0 1px 2px #757575;
	height: 70px;
	display: none;
}

.higotonotv .cadreinfospop {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;

}


.higotonotv .cadreinfospop .titre  {
	color: #abd4d8;
	text-shadow: 0 0 0 #02808c;
	font-size: .9em;
	display: block;
	line-height: 1.6;
	width: 100%;
	text-align: center;
}


.higotonotv .cadreinfospop .leftdatepop  {
	color: #abd4d8;
	text-shadow: 0 0 0 #02808c;
	font-size: .7em;
	display: block;
	line-height: 1.6;
	text-align: center;
}

.higotonotv .cadremenu {
	z-index: 111;
	position: fixed;
	width: 80%;
	left: 50%;
	margin-left: -40%;

}



/*mes boucles d'essai*/
.higotonotv .essai {
	position: relative;
/*	display: flex;
	justify-content: center;
	align-items: center;*/
	background-color: pink;
	width: 90vw;
	/*height: 100vh;*/
}

.higotonotv .essai {
font-size: 1rem;
background-color: black;
margin: 10px;
}


	/*page quotidien.html*/
	aside.youtube a.higototv {
		display: inline-block;
		color: #f0c40c;
		font-size: 1.3rem;
		line-height: 1.3;
	}

/* @end */

/* @group COLUMN */

.column {
	margin-top: -5px;
	width: 100%;
	position: relative;
	background: -webkit-linear-gradient(top, rgba(215, 233, 235, 0) 0%, #d7eaec 2.5%) rgba(255, 255, 255, 0);
	background: -moz-linear-gradient(top, rgba(215, 233, 235, 0) 0%, #d7eaec 2.5%) rgba(255, 255, 255, 0);
	background: -ms-linear-gradient(top, rgba(215, 233, 235, 0) 0%, #d7eaec 2.5%) rgba(255, 255, 255, 0);
	background: linear-gradient(to bottom, rgba(215, 233, 235, 0) 0%, #d7eaec 2.5%) rgba(255, 255, 255, 0);
z-index: 10;}

.website,
.links {
	width: 100%;
	padding: 15px 0;
}

.koudoku,
.kenkin {
	height: 210px;
	width: 210px;
	background: #3297a2;
	background: -webkit-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: -moz-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: -ms-linear-gradient(top, #acd4d8 0%, #26929d 100%) #0b8591;
	background: linear-gradient(to bottom, #acd4d8 0%, #26929d 100%) #0b8591;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
	color: #d5e9eb;
	display: inline-block;
	position: relative;
	margin: 10px;
}

.website .koudoku a,
.website .kenkin a {
	width: 98%;
	height: 98%;
	display: block;
	position: absolute;
	margin: 1%;
}

p.kansha {
	color: #f0c40c;
	font-size: 3em;
	display: block;
	width: 160px;
	line-height: 3em;
	height: 3em;
	position: absolute;
	left: 50%;
	margin-left: -80px;
	top: 50%;
	margin-top: -1.5em;
	text-shadow: 1px 1px 1px #28929d;
}

.website a .logo {
	width: 160px;
	height: 150px;
	margin-top: 0;
	margin-bottom: 5px;
	margin-left: 5px;
	display: inline-block;
}

.website a .logo img {
	margin-top: 5px;
	width: 150px;
	height: 150px;
}

.website a p.setumei {
	width: 90%;
	margin: 20px 10px;
	display: inline-block;
	color: #603713;
	line-height: 1.618em;
}

.website .legend{
	text-align: center;
	display: inline-block;
	width: 98%;
	color: #f0c40c;
	font-size: 1em;
	line-height: 1.618em;
}

span.tasuke {
	color: white;
	font-size: .9em;
}

span.muryou {
	color: #f0c40c;
	font-size: 1.5em;
}

.socnet {
	width: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: left;
}

.socnet div {
	width: 15%;
	position: relative;
	height: 50px;
	display: inline-block;
}

.socnet a {
	width: 50px;
	height: 50px;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 5px #898989;
	box-shadow: 0 0 5px #898989;
	display: block;
	margin-right: auto;
	margin-left: auto;
	background-color: #ffffff;
}

.socnet a img {
	width: 40px;
	height: 40px;
	margin: 5px;
}
/* @end */

/* @group LINKS */

.links .nihonseisyo ,
.links .mep 	{
	background: #d6e9eb;
	background: -webkit-linear-gradient(top, #ffffff 0%, #d6e9eb 1.7%) #d7eaec;
	background: -moz-linear-gradient(top, #ffffff 0%, #d6e9eb 1.7%) #d7eaec;
	background: -ms-linear-gradient(top, #ffffff 0%, #d6e9eb 1.7%) #d7eaec;
	background: linear-gradient(to bottom, #ffffff 0%, #d6e9eb 1.7%) #d7eaec;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #2c95a0;
	box-shadow: 0 4px 6px #2c95a0;
	position: relative;
	color: #006f7b;
	height: 160px;
	display: inline-block;
	width: 210px;
	margin: 20px 10px 10px;
}

.links .logo {
	display: block;
	float: left;
	width: 100%;
}

.links .legend {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	font-size: .7em;
	line-height: 1.618em;
}

.nihonseisyo .logo img {
	max-width: 150px;
	height: 26px;
	margin: 36px auto;
	display: block;
}

.mep .logo img {
	max-width: 140px;
	height: 90px;
	margin: 7px 0;
	display: block;
}

.postfooter {
	text-align: center;
}

/* @end */

/* @group Listes des articles du mois */

.article table {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 100%;
	margin-bottom: 150px;
	z-index: 80;
}

.an {
	color: #098490;
	background-color: #ffffff;
	text-align: center;
	line-height: 3em;
	font-weight: bold;
}

.listecemois {
  position: relative;
	background-color: #ffffff;
	line-height: 1.5em;
	display: table-row;
	height: 25px;
	border-color: white;
}

.cercle {
	vertical-align: middle;
	text-align: center;
	width: 9.5%;
}

.cercle span {
	cursor: pointer;
}

.fete2 {
	font-size: 0.6em;
	text-align: center;
	width: 16.2%;
}

.recherche .fete2 {
	display: none;
}

.shiro .cercle span, .midorishiro .cercle span {
	color: #927412;
}

.murasaki .cercle span {
	color: #ccbbff;
}

.akai .cercle span, .akaimidori .cercle span, .akaimurasaki .cercle span {
	color: #fdbaba;
}

.midori .cercle span {
	color: #b9db98;
}

.listecemois .messe {
	width: 50%;
	text-align: right;
	padding-right: 2%;
	font-size: 0.9em;
}

.listecemois .messe:hover {
		-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background-color: rgba(198, 210, 211, 0.5);
}

.listecemois .messe.日, .listecemois .messe.日~.dujour{
	font-weight: bold;
}

 .listecemois .dujour {
	text-align: right;
	height: 100%;
	font-size: 70%;
 	padding-right: 3%;
 	width: 20.9%;
 }
 .recherche .listecemois .dujour {
 	width: 40%;
 	text-align: left;
 	text-indent: 10px;
 }

tr.vignette {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: absolute;
	color: #f0f0f0;
	width: 60%;
	left: 50%;
	margin-left: -30%;
	background-color: #737373;
  padding-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 0.8em;
	z-index: 100;
}

.ref .text,
.ref .presentation,
.ref .intro {
	display: none;
}


.ref .references {
	text-align: left;
	padding-left: 10px;
	display: table-cell;
	/*text-indent: 3px;*/
}

.ref .title{
	text-align: right;
	padding-right: 10px;
	display: table-cell;
}
/* @end */

/* @group LANGUES */

div.listelangues {
	margin-right: auto;
	margin-left: auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #757575;
	box-shadow: 0 4px 6px #757575;
	background-color: #737373;
	padding-top: 1px;
	padding-bottom: 1px;
	margin-bottom: 20px;
}

.listelangues a {
	display: block;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #ffffff;
}

.listelangues ul.celleci {
	width: 100%;
}
.listelangues ul.celleci:hover {
	width: 100%;
	background-color: #d6e9eb;
	color: #736106;
}

.listelangues li {
	display: inline-block;
}

li.etrangere {
	text-align: right;
	width: 48%;
	padding-right: 16px;
}

li.etrangere.grec {
	letter-spacing: -4px;
}

/*li.nihongo {
}*/

/* @end */








/* @group Grande taille */


@media screen and (min-width:768px) {
.cadremenu {
	z-index: 100;
	position: fixed;
	width: 620px;
	margin-left: -310px;
		}

.leftarrow, .rightarrow {
		width: 30px;
		height: 30px;
		position: absolute;
		top: 200px;
		font-size: 2em;
	}
.leftarrow {
		left: -64px;
	}
.rightarrow {
		right: -64px;
	}
.leftarrowpop, .rightarrowpop {
		position: absolute;
		z-index: 40;
		line-height: 40px;
		width: 350px;
		color: white;
		font-size: 1.2em;
		top: 250px;
	}
.leftarrowpop {
		left: -40px;
		text-align: left;
	}
.rightarrowpop {
		right: -40px;
		text-align: right;
	}

ul.navigenerale {
left: -73px;
position: absolute;
font-size: 2em;
}
span#fermermenu.icon-cross, span#appelermenu.icon-menu3 {
display: block;
margin-left: 6px;
}

.sommaire .joho,
.graph,
.website,
.socnet,
.links {
width: 620px;
}

.sommaire .preheader {
position: relative;
width: 100%;
}

.article .header,
.article .header.navigation,
.sommaire .header {
width: 620px;
}

.article h1.titre {
font-size: 1.4em;
}

.sommaire .graph {
width: 550px;
margin-right: auto;
margin-left: auto;
position: relative;
}

.article .contenu,
.sommaire .contenu {
width: 640px;
}

.article table .table-condensed {
width: 87%;
}
.listecemois .messe {
width: 310px;
padding-right: 10px;
}
.cercle {
vertical-align: middle;
text-align: center;
width: 60px;
}
.listecemois .dujour {
width: 130px;
padding-right: 20px;
}
.fete2 {
font-size: 0.6em;
width: 100px;
text-align: center;
}




}

/* @end */

/* @group Taille moyenne */

@media screen and (min-width:480px) and (max-width:768px) {
  .sommaire .edito {
    width: 50%;
    margin: auto;
  }

		aside.youtube .videoliste .vliste .logotv .titre {
		top: 10px;
		left: 70px;
		right: 7px;
		font-size: .5rem;
		line-height: 1.5;
	}

}

/* @end */

/* @group PETITE TAILLE PORTRAIT*/



@media (max-width: 568px) and (orientation: portrait) {
		.sommaire .preheader {
			position: relative;
			display: block;
			width: 100%;
			background: -webkit-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
			background: -moz-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
			background: -ms-linear-gradient(bottom, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
			background: linear-gradient(to top, #d6e9eb 0%, #90c7cd 3.4%, #52a8b1 40.1%, #007f8c 100%) #017380;
			height: 350px;
		}

		.sommaire .graph {
			width: 100%;
			margin-right: auto;
			margin-left: auto;
			position: relative;
			top: 0;
		}

		.cadremenu {
			z-index: 90;
			position: fixed;
			width: 88%;
		}

		.sommaire .edito .corps {
			display: none;
		}

		h4.title {
			min-width: 100%;
		}

		h5.references {
			min-width: 100%;
			text-align: left;
			line-height: 15px;
			margin-top: 0;
			margin-right: 0;
			text-indent: 5%;
			margin-bottom: 5px;
		}
		h5.references .ten {
			font-size: 0.6rem;
			bottom: .15rem;
		}

		.sommaire .graph .logo {
			position: relative;
			width: 200px;
			margin-right: auto;
			margin-left: auto;
			top: -39px;
		}

.sommaire .kto {
	color: white;
	text-shadow: 0 0 2px #02808c;
	font-size: 1.1em;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	top: 265px;
	}
.sommaire .slogan {
	font-size: 1.4em;
	color: #f0c40c;
	text-shadow: 0 0 2px #02808c;
	line-height: 1.5em;
	text-align: center;
	width: 100%;
	top: 260px;
	}
.sommaire .edito {
	width: 100%;
	text-align: center;
	position: relative;
	}
.sommaire .edito h1 {
	width: 100%;
	font-size: 1.5em;
	top: 300px;
	left: 50%;
	margin-left: -50%;
	}
.sommaire .globalheader {
	background: #d7eaec;
	width: 100%;
	position: relative;
	}

.sommaire .header .title {
  text-align: center;
  display: inline;
  float: none;
}

.sommaire .contenu {
	width: 75%;
	font-size: 0.9em;
}

.article #beta {
	top: -35px;
	left: -20px;
	width:170px;
	height: 120px;
}


.article .globalheader {min-height: 100px;}

.article .header {
	width: 100%;
	height: auto;
}
.article .blocinfos {
	width: 100%;
	float: none;
	position: relative;
	min-height: 130px;
	z-index: 10;
}
.article h1.titre {
	font-size: 1.3em;
	font-size: 5.5vw;
	text-align: center;
	min-height: 45px;
	padding-top: 20px;
	padding-bottom: 0;
	float: none;
	position: relative;
	z-index: 10;
}
h1.titre.nenkan {
	font-size: 1.4em;
}
.article .date {
	font-size: 1em;
	font-size: 4vw;
	color: white;
	text-shadow: 0 0 2px #02808c;
	min-height: 1em;
	line-height: 1em;
	float: none;
	margin-bottom: 30px;
}
.article .infos  {
	display: block;
	text-align: center;
	line-height: 1em;
	clear: none;
	float: none;
}
.article .header .logo {
	width: 20%;
	position: relative;
	float: left;
	margin-bottom: 0px;
	height: 100%;
	margin-left: 50px;
}
.article .header .logo img {
	width: 250%;
	height: auto;
	position: absolute;
	left: -30px;
	opacity: 0.25;
	bottom: -10px;
}
.article .slogan {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	font-size: 0.7em;
	line-height: 2.1em;
	padding-bottom: 4px;
	text-align: center;
}


.leftarrow, .rightarrow {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 180px;
	font-size: 1.8em;
}

.sommaire .leftarrow, .sommaire .rightarrow {
	top: 365px;
}
.leftarrowpop, .rightarrowpop {
	width: 280px;
}
.leftarrow {
	left: 2px;
}
.rightarrow {
	right: 2px;
}
.cercle {
	display: none;
}

.listecemois .messe {
	width: 70%;
	font-size: 0.8em;
	padding-right: 0;
}

.listecemois .dujour {
	font-size: 60%;
	padding-right: 0;
	width: 18%;
}

span.yobi {
	display: none;
}

.fete2 {
	display: none;
}

.cadremenu .titres {
	display: block;
	height: 25px;
	line-height: 23px;
	font-size: 1em;
	width: 90%;
}

ul.navigenerale {
	width: 50px;
	position: fixed;
	left: -10px;
	text-shadow: 0 0 2px #057681;
	font-size: 1.5em;
}

.sommaire ul.navigenerale {margin-top: 100px;}
.article ul.navigenerale {margin-top: 40px;}

.menuclic {
	position: relative;
	color: #f0c40c;
	width: 30px;
	height: 25px;
	margin: 5px;
}

span#fermermenu.icon-cross, span#appelermenu.icon-menu3 {
	display: block;
	margin-left: 5px;
}

.sommaire .space, .sommaire .saintsuffix,
.sommaire .header p.date,
.sommaire .header ul.title span {display: none;}
.sommaire .saintname {font-size: 5.2vw;}

img.spip_logos {
		-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
	height: auto;
	max-width: 100%;
}

	aside.youtube .videoliste .vliste .logotv .titre {
		top: 10px;
		left: 70px;
		right: 7px;
		font-size: .5rem;
		line-height: 1.5;
	}




}

/*iPhone 4 horizontal*/
@media (max-width: 480px) and (orientation: landscape) {
.bouton.today p.date {display: none;}
.sommaire .saintname {font-size: 4.2vw;}
.article .globalheader {min-height: 100px;}
.sommaire .slogan {bottom: -90px;}
.article ul.navigenerale {margin-top: 40px;}

}


/* @end */

/*iPhone 5 horizontal*/
@media (max-width: 568px) and (orientation: landscape) {

.sommaire .preheader {
	height: 200px;
}
.sommaire .joho {
	width: 100%;
}
.sommaire .graph .logo {
	position: relative;
	width: 190px;
	top: 120px;
	margin-left: -30px;
	z-index: 10;
}
.sommaire .graph .logo img{
	max-width: 90%;
	height: auto;
}
.sommaire .kto {
	font-size: 1em;
	font-size: 3.5vw;
	width: 100%;
	top: 310px;
	left: 150px;
}
.sommaire .slogan {
	font-size: 1.2em;
	font-size: 4vw;
	line-height: 1.5em;
	width: 100%;
	left: 150px;
}
.sommaire .edito .corps {
	display: none;
}
.sommaire .edito {
	width: 100%;
}
.sommaire .edito h1 {
	width: 99%;
	font-size: 1.4em;
	font-size: 5vw;
	top: 50px;
	text-align: right;
}
.bouton.today p.date {display: none;}
.sommaire .saintname {font-size: 4.2vw;}

.article #beta {
	top: -35px;
	left: -20px;
	width:170px;
	height: 120px;
}

.article .header {
	width: 100%;
}
.article .blocinfos {
	width: 90%;
	min-height: 175px;
	float: none;
	position: relative;
	z-index: 10;
}
.article h1.titre {
	display: none;
}
.article h1.titre:first-of-type {
	display: inline;
	font-size: 1.6em;
	font-size: 4.6vw;
	text-align: center;
	min-height: 40px;
	padding-top: 20px;
	float: none;
	z-index: 10;
	top: 20px;
}

h1.titre.nenkan {
	font-size: 1.4em;
}
.article .date {
	font-size: 1.2em;
	font-size: 3vw;
	min-height: 1em;
	float: none;
	margin-top: 30px;
	margin-bottom: 30px;
}
.article .infos  {
	display: block;
	text-align: center;
	line-height: 1em;
	clear: none;
	float: none;
}
.article .header .logo {
	width: 30%;
	position: relative;
	float: left;
	margin-bottom: 0px;
	height: 100%;
	margin-left: 50px;
}
.article .header .logo img {
	width: 180%;
	height: auto;
	position: absolute;
	left: -30px;
	bottom: -30px;
	opacity: 0.2;
}
.article .slogan {
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	font-size: 1em;
	font-size: 2.8vw;
	padding-bottom: 4px;
	text-align: center;
}

.article ul.navigenerale {margin-top: 40px;}


#calendar {
	height: 193px;
}
#calendar thead {
	height: 20px;
	line-height: 20px;
	font-size: 1em;
	font-weight: bold;
}
.ui-datepicker-calendar tbody tr {
	font-size: 9px;
	font-size: 1.7vw;
}

#calendar .ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all {
	height: 20px;
	width: 50px;
	margin: 5px;
	font-size: 1em;
	font-weight: bold;
	line-height: 1em;
}

.cadremenu {
	z-index: 100;
}
ul.navigenerale {
	width: 50px;
	position: fixed;
	left: -10px;
	text-shadow: 0 0 2px #057681;
	margin-top: 50px;
	font-size: 1.5em;
}
.leftarrow, .rightarrow {
	width: 30px;
	height: 30px;
	position: fixed;
	top: 180px;
	font-size: 1.8em;
}

.leftarrow {
	left: 2px;
}

.rightarrow {
	right: 2px;
}



.leftarrowpop, .rightarrowpop {
	position: fixed;
	z-index: 40;
	line-height: 40px;
	width: 330px;
	color: white;
	font-size: 1.1em;
	top: 130px;
	display: none;
}

.leftarrowpop {
	left: 50px;
	text-align: left;
}

.rightarrowpop {
	right: 50px;
	text-align: right;
}

.sommaire .leftarrow, .sommaire .rightarrow {top: 210px;}
.sommaire .leftarrowpop, .sommaire .rightarrowpop {top: 150px;}



em {
	font-size: 6px;
}
img.spip_logos {
		-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 4px 6px #8f8f8f;
	box-shadow: 0 4px 6px #8f8f8f;
	height: auto;
	max-width: 100%;
}

	aside.youtube .videoliste .vliste .logotv .titre {
		top: 10px;
		left: 70px;
		right: 7px;
		font-size: .5rem;
		line-height: 1.5;
	}



}@media (min-width: 481px) and (max-width: 568px) and (orientation: landscape) {
	.sommaire .edito h1 {width: 100%;}
	.sommaire .slogan {top: 300px;}
	.sommaire ul.navigenerale {margin-top: 100px;}


	aside.youtube .videoliste .vliste .logotv .titre {
		top: 10px;
		left: 70px;
		right: 7px;
		font-size: .5rem;
		line-height: 1.5;
	}

}