body {
	margin: 0;
	padding: 0;
	background: #ffffe9;
	font-size: 100%;
	color: #700;
	font-style: normal;
	font-variant-ligatures: normal;
	font-variant-caps: normal;
	font-variant-numeric: normal;
	font-variant-east-asian: normal;
	font-weight: normal;
	font-stretch: normal;
	font-size: 17px;
	font-family: "Merriweather";
	word-spacing: normal;
}

div, p, h1, h2, h3, ul {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

ul {
	list-style-type: none;
}

.clearer {
	clear: both;
	height: 1px;
	overflow: hidden;
}

.back-to-top {
    border-radius: 2px;
    position: fixed;
    background-color: rgba(255, 190, 140, 0);
	/* border: 1px solid rgba(223, 221, 213, 0.33); */
    right: 70px;
    bottom: 30px;
    padding: 0.8rem;
    transition: background-color 0.2s ease 0s;
    width: 32px;
    height: 32px;
	content: url(/images/chevron.png);
	z-index: 1;
	display: none; /* est affiché par javascript */
}

.back-to-top:hover {
	/* border: 1px solid #a49b91; */
	/* box-shadow: 0px 1px 10px -5px #fbefdc, 0px 1px 1px 1px #d5be9a, 0px 5px 10px 0.5px #d5be9a; */
}

.back-to-top a {
	position: fixed;
	display: none;
	right: 70px;
	bottom: 30px;
    width: 70px;
    height: 70px;
}

#centre {
	text-align: center;
}

#conteneur {
	width: 998px;
	margin: 0 auto;
	text-align: left;
	/* background: #ffffe9; */
	padding: 1px;
	display: flex;
    flex-direction: column;
}

/* Header */

#header {
	height: 122px;
	float: left;
	width: 998px;
	position: relative;
	padding-top: 220px;
	background: transparent url(/images/header-venerabilis.jpg) no-repeat;
}

#header #sun {
	position: absolute;
	top: 7px;
	left: 391px;
	padding-top: 3px;
	width: 217px;
	height: 211px;
	display: block;
	overflow: hidden;
	background: transparent url(/images/header-sun.png) no-repeat;
	z-index: 0;
}

/* Logo */

#header #logo-fr {
	position: absolute;
	top: 86px;
	left: 57px;
	width: 302px;
	height: 0;
	padding-top: 54px;
	overflow: hidden;
	display: block;
	background: transparent url(/images/fr/logo-venerabilis-opus.png) no-repeat;
}

#header #logo-en {
	position: absolute;
	top: 86px;
	left: 57px;
	width: 302px;
	height: 0;
	padding-top: 54px;
	overflow: hidden;
	display: block;
	background: transparent url(/images/en/logo-venerabilis-opus.png) no-repeat;
}

#header #logo-es {
	position: absolute;
	top: 86px;
	left: 57px;
	width: 302px;
	height: 0;
	padding-top: 54px;
	overflow: hidden;
	display: block;
	background: transparent url(/images/es/logo-venerabilis-opus.png) no-repeat;
}

/* Langues */

#header #lang {
	position: absolute;
	top: 25px;
	left: 882px;
	float: left;
	height: 15px;
	width: 86px;
	padding: 0;
	margin: 0;
	background: transparent url(/images/lang-back.png) no-repeat;
	overflow: hidden;
}

#header #lang li {
	float: left;
	height: 15px;
	display: block;
}

#header #lang li a {
	display: block;
	float: left;
	height: 0px;
	padding-top: 15px;
	overflow: hidden;
}

#header #lang li#en {
	width: 21px;
	background: transparent url(/images/lang-venerabilis.png) 0 0 no-repeat;
}

#header #lang li#en a {
	width: 21px;
}

#header #lang li#en a:hover {
	background: transparent url(/images/lang-venerabilis.png) 0 -30px no-repeat;
}

#header #lang li#en a.active {
	background: transparent url(/images/lang-venerabilis.png) 0 -15px no-repeat;
}

#header #lang li#es {
	margin-left: 14px;
	width: 19px;
	background: transparent url(/images/lang-venerabilis.png) -21px 0 no-repeat;
}

#header #lang li#es a {
	width: 19px;
}

#header #lang li#es a:hover {
	background: transparent url(/images/lang-venerabilis.png) -21px -30px no-repeat;
}

#header #lang li#es a.active {
	background: transparent url(/images/lang-venerabilis.png) -21px -15px no-repeat;
}

#header #lang li#fr {
	margin-left: 14px;
	width: 18px;
	background: transparent url(/images/lang-venerabilis.png) -40px 0 no-repeat;
}

#header #lang li#fr a {
	width: 18px;
}

#header #lang li#fr a:hover {
	background: transparent url(/images/lang-venerabilis.png) -40px -30px no-repeat;
}

#header #lang li#fr a.active {
	background: transparent url(/images/lang-venerabilis.png) -40px -15px no-repeat;
}

/* Menu horizontal */

#header #menu {
	float: left;
	height: 122px;
	width: 998px;
	padding: 0;
	margin: 0;
	background: transparent url(/images/menu-back.gif) no-repeat;
}

#header #menu li {
	float: left;
	height: 122px;
	display: block;
}

#header #menu li a {
	font-size: 15px;
	display: block;
	float: left;
	color: #ffbe33;
	text-decoration: none;
	height: 118px;
	width: 141px;
	text-align: center;
	font-weight: bold;
	padding-top: 3px;
}

#header #menu li a:hover {
	color: #ffcd4d;
	text-shadow: 0 0 1px #ffcd4d;
}

#header #menu li a.active {
	color: #ffcd4d;
	text-shadow: 0 0 1px #ffcd4d;
}

#header #menu li#m-txt {
	margin-left: 1px;
	width: 140px;
	background: transparent url(/images/menu-venerabilis.jpg) 0 0 no-repeat;
}

#header #menu li#m-txt a {
	width: 140px;
}

#header #menu li#m-txt a.active, #header #menu li#m-txt a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) 0 -122px no-repeat;
}

#header #menu li#m-bib {
	margin-left: 2px;
	width: 141px;
	background: transparent url(/images/menu-venerabilis.jpg) -140px 0 no-repeat;
}

#header #menu li#m-bib a.active, #header #menu li#m-bib a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -140px -122px no-repeat;
}

#header #menu li#m-cou {
	margin-left: 2px;
	width: 141px;
	background: transparent url(/images/menu-venerabilis.jpg) -281px 0 no-repeat;
}

#header #menu li#m-cou a.active, #header #menu li#m-cou a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -281px -122px no-repeat;
}

#header #menu li#m-img {
	margin-left: 2px;
	width: 141px;
	background: transparent url(/images/menu-venerabilis.jpg) -422px 0 no-repeat;
}

#header #menu li#m-img a.active, #header #menu li#m-img a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -422px -122px no-repeat;
}

#header #menu li#m-vid {
	margin-left: 2px;
	width: 141px;
	background: transparent url(/images/menu-venerabilis.jpg) -563px 0 no-repeat;
}

#header #menu li#m-vid a.active, #header #menu li#m-vid a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -563px -122px no-repeat;
}

#header #menu li#m-oeu {
	margin-left: 2px;
	width: 141px;
	background: transparent url(/images/menu-venerabilis.jpg) -704px 0 no-repeat;
}

#header #menu li#m-oeu a.active, #header #menu li#m-oeu a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -704px -122px no-repeat;
}

#header #menu li#m-joi {
	margin-left: 2px;
	width: 139px;
	background: transparent url(/images/menu-venerabilis.jpg) -845px 0 no-repeat;
}

#header #menu li#m-joi a.active, #header #menu li#m-joi a:hover {
	background: transparent url(/images/menu-venerabilis.jpg) -845px -122px no-repeat;
}

/* Contenu */

#contenu {
	float: left;
	width: 998px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

/* idem que contenu mais avec le display flex */
#contenu-video {
	float: left;
	width: 998px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
	display: flex;
    flex-direction: column;
}

/* Toutes les pages */

.allpages {
	background: transparent url(/images/page-back.jpg) no-repeat;
	padding-top: 20px;
}

.allpages .path {
	color: #aaafbd;
	font-size: 12px;
	font-weight: normal;
	text-shadow: none;
}

.allpages .path li {
	padding-right: 5px;
	list-style-type: none;
	float: left;
}

.allpages .path li a {
	color: #aaafbd;
}

.allpages .path li a:hover {
	color: #b19292;
}

/* Accueil */

.accueil {
	background: transparent url(/images/page-back.jpg) no-repeat;
	position: relative;
	z-index: 0;
}

.accueil #main-content {
	float: left;
	width: 998px;
	min-height: 820px;
	overflow: hidden;
	clear: both;
	margin: 24px 22px 0 17px;
	z-index: -9999;
}

/* Featured Posts */

#main-col {
	width: 670px;
	margin: 5px -10px 0 0;
	float: left;
	border-right: #770000 1px solid;
}

.aimeFB-home {
	float: right;
	margin-right: -73px;
}

.main-featured {
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	letter-spacing: 2px;
	color: #072566;
	margin-bottom: 7px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.main-post {
	margin-right: 22px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.main-post span {
	color: #770000;
	font-weight: normal;
	font-size: 15px;
}

.main-post span span {
	color: #770000;
	font-weight: bold;
	font-size: 27px;
}

.main-post span span a {
	color: #770000;
	font-weight: bold;
	font-size: 27px;
	text-decoration: none;
}

.main-post span span span {
	color: #770000;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
}

.main-post span span span a {
	color: #072566;
	font-weight: normal;
	font-style: normal;
	font-size: 15px;
}

.main-post-img {
	margin: 15px 0 15px 0;
	border-radius: 5px;
}

.main-post p {
	font-size: 15px;
	color: #770000;
	margin-bottom: 40px;
	padding-right: 27px;
}

.featured {
	float: left;
	margin-top: -33px;
}

.posts {
	float: left;
	width: 300px;
	margin: 0 35px 33px 0;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.posts span {
	display: block;
	font-size: 17px;
	color: #072566;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 27px;
}

.posts span span {
	color: #770000;
	font-size: 19px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
}

.posts span span a {
	color: #770000;
	font-size: 19px;
	font-weight: bold;
	text-decoration: none;
}

.posts span span span {
	color: #770000;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
}

.posts span span span a {
	color: #072566;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
}

.posts-img {
	margin: 15px 0 10px 0;
	border-radius: 5px;
	width: 100%;
}

.slider {
	overflow: hidden;
	margin-bottom: -37px;
	padding-bottom: 100px;
	display: flex;
	justify-content: center;
	justify-items: center;
}

.main-widgets {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	height: 510px;
	clear: both;
	background: url(/images/home-boxes-widgets.png) no-repeat;
}

/* Blocs de texte */

.accueil .bloc {
	position: absolute;
	font-size: 14px;
	hyphens: auto;
	width: 240px;
}

.accueil .bloc p {
	float: left;
	text-align: justify;
	text-indent: 2em;
	margin-top: 15px;
	line-height: 18px;
}

.accueil .bloc a {
	color: #700;
	text-decoration: none;
}

.accueil h2 {
	float: left;
	text-align: center;
	width: 100%;
	font-size: 17px;
}

.accueil #bloc-bib {
	top: 27px;
	left: 52px;
}

.accueil #bloc-cou {
	top: 27px;
	left: 377px;
}

.accueil #bloc-img {
	top: 27px;
	left: 701px;
}

.accueil #bloc-txt {
	top: 285px;
	left: 55px;
}

.accueil #bloc-vid {
	top: 285px;
	left: 702px;
}

/* Blocs Recommandation et Dons */

.accueil .recommend {
	margin-left: 25px;
}

.accueil .dons {
	margin-left: 20px;
}

/* ACORDEON Acceuil */

.accueil #acordeons {
	padding: 27px 0 7px 0;
	overflow: auto;
	clear: both;
	box-sizing: content-box;
}

.accueil .acordeon ul {
	list-style: none;
	width: 95%;
	margin: 0 auto;
	padding: 0;
}

.accueil .acordeon ul h1 {
	list-style: none;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	color: #770000;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.3);
}

.accueil .acordeon ul h1:hover {
	color: #072566;
}

.accueil .acordeon ul h5 {
	list-style: none;
	width: 65%;
	margin: 0 auto;
	padding: 0;
	color: #770000;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.3);
}

.accueil .acordeon a {
	display: block;
	padding: 7px 0 7px 0;
	color: #770000;
	text-decoration: none;
	font-size: 16px;
	line-height: 20px;
}

.accueil .acordeon a:hover {
	color: #072566;
}

.accueil .acordeon ul ul {
	display: none;
	padding: 20px;
	font-size: 15px;
	line-height: 23px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

.accueil .acordeon p {
	text-indent: 50px;
	margin: 0 50px 0 50px;
	text-align: justify;
}

.accueil .acordeon p+p {
	text-indent: 50px;
	margin-top: 5px;
	text-align: justify;
}

/* Section Textes */

.page-txt #col-left {
	width: 168px;
	float: left;
	margin-top: 4px;
}

.page-txt #col-left #cat-main {
	width: 160px;
	float: left;
	background: url(/images/txt-back.jpg);
	opacity: 0.84;
	min-height: 640px;
}

.page-txt #col-left #cat-main #titre-cat {
	margin: 22px 0 15px 0;
	float: left;
	font-size: 17px;
	color: #ffffe9;
	font-weight: bold;
	padding-left: 12px;
}

.page-txt #col-left #cat-main ul {
	float: left;
	margin: 3px 0 10px 0;
	width: 160px;
	font-size: 15px;
}

.page-txt #col-left #cat-main ul li {
	float: left;
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-txt #col-left #cat-main ul li.last {
	float: left;
	display: block;
	width: 160px;
	height: 27px;
	margin-top: 5px;
}

.page-txt #col-left #cat-main ul li a {
	float: left;
	display: block;
	width: 150px;
	padding-left: 12px;
	height: 20px;
	line-height: 20px;
	color: #ffffe9;
	text-decoration: none;
}

.page-txt #col-left #cat-main ul li a.active, .page-txt #col-left #cat-main ul li a.active:hover {
	color: #700;
	background: #ffffe9 url(/images/croix.jpg) 141px 7px no-repeat;
}

.page-txt #col-left #cat-main ul li a:hover {
	color: #e15a00;
}

.page-txt #col-left #cat-main .sep-cat {
	float: left;
	width: 120px;
	height: 2px;
	background: #ffffe9;
	;
}

.page-txt .path {
	margin-top: 2px;
}

.page-txt #social {
	float: right;
	margin: 1px 25px 0 0;
}

.page-txt #col-center {
	width: 555px;
	float: left;
	min-height: 1000px !important;
	margin-left: 14px;
	display: flex;
    flex-direction: column;
}

.page-txt #col-center h1 {
	float: left;
	color: #072566;
	font-size: 22px;
	font-weight: bold;
	padding: 37px 0 17px 0;
	width: 399px;
}

.page-txt #col-center h2 {
	float: left;
	width: 399px;
	padding: 5px 0 8px 0;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
}

.page-txt #col-center #tab-txt {
	float: left;
	width: 550px;
	margin-top: 22px;
}

.page-txt #col-center #tab-txt .txt-item {
	float: left;
	position: relative;
	width: 550px;
	height: 135px;
	margin-bottom: 14px;
	padding: 6px 10px 5px 6px;
	border: 1px solid #fff;
	box-shadow: 0px 1px 5px 1px rgba(215, 200, 165, 0.5);
	-moz-box-shadow: 0px 1px 5px 1px rgba(215, 200, 165, 0.5);
	-webkit-box-shadow: 0px 1px 5px 1px rgba(215, 200, 165, 0.5);
}

.page-txt #col-center #tab-txt .txt-item h3 {
	float: left;
	position: absolute;
	width: 385px;
	font-size: 17px;
	color: #072566;
	font-style: italic;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0 0 4px 120px;
	text-shadow: 1px 1px 1px rgba(7, 37, 102, 0.3);
}

.page-txt #col-center #tab-txt .txt-item h3 span {
	float: left;
	position: absolute;
	width: 390px;
	font-size: 15px;
	color: #770000;
	font-style: normal;
	font-weight: bold;
	letter-spacing: .01em;
	padding-top: 2px;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.2);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-txt #col-center #tab-txt .txt-item .intro {
	float: left;
	position: absolute;
	width: 385px;
	font-size: 15px;
	line-height: 17px;
	color: #770000;
	font-style: italic;
	font-weight: normal;
	padding: 0 0 5px 120px;
	margin-top: 65px;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.2);
}

.page-txt #col-center #tab-txt .txt-item .image {
	float: left;
	position: absolute;
	width: 100px;
	height: 110px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 5px;
}

.page-txt #col-center #tab-txt .txt-item .case-1 {
	position: absolute;
	float: left;
	padding: 10px 0 0 523px;
}

.page-txt #col-center #tab-txt .txt-item .case-2 {
	position: absolute;
	float: left;
	padding: 45px 0 0 523px;
}

.page-txt #col-center #tab-txt .txt-item .case-3 {
	position: absolute;
	float: left;
	padding: 80px 0 0 523px;
}

.page-txt #col-center #tab-txt .txt-item .case-1 a {
	position: absolute;
	width: 23px;
	min-height: 22px;
	margin: 0 auto;
	display: inline-block;
	box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.page-txt #col-center #tab-txt .txt-item .case-2 a {
	position: absolute;
	width: 23px;
	min-height: 22px;
	margin: 0 auto;
	display: inline-block;
	box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.page-txt #col-center #tab-txt .txt-item .case-3 a {
	position: absolute;
	width: 23px;
	min-height: 22px;
	margin: 0 auto;
	display: inline-block;
	box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
}

.page-txt #col-right {
	float: left;
	width: 220px;
	margin-left: 33px;
}

.page-txt #col-right .cours {
	float: left;
	margin-bottom: 17px;
}

.page-txt #col-right .image {
	float: left;
	margin-left: 5px;
	border: 1px solid #fff;
	box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
	-moz-box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(7, 37, 102, 0.3);
	opacity: 0.9;
}

.page-txt #suggest {
	float: left;
	width: 998px;
	padding: 20px 0 30px 0;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-txt #suggest a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-txt #suggest a:hover {
	text-decoration: none;
}

/* Pagination */

.pagination {
	font-family: Helvetica;
}

.pagination .top {
	float: right;
	margin: 50px 0 33px 0;
}

.pagination .bottom {
	float: right;
	margin: 37px 0 0 0;
}

.pagination a {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #072566;
	border: 1px solid #4e617f;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
}

.pagination a:hover {
	background: #87A5C9;
	color: #072566;
}

.pagination div.current {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #87A5C9;
	border: 1px solid #072566;
	text-decoration: none;
	color: #072566;
	font-size: 13px;
}

.pagination div.disabled {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #ccc;
	border: 1px solid #999;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
	font-family: "Merriweather";
}

.pagination .enabled-navigation-arrow {
	font-family: "Merriweather";
}

.pagination div.suspens {
	float: left;
	font-size: 13px;
	margin-right: 5px;
	height: 18px;
	line-height: 18px;
	color: #072566;
}

.pagination .icon {
    font-size: initial;
}

/* Section Bibliothèque */

.page-bib #col-left {
	margin-left: 65px;
	width: 600px;
	float: left;
}

.page-bib #col-left #books-libros-livres {
	width: 596px;
	float: left;
}

.page-bib #col-left #books-libros-livres h1 {
	float: left;
	color: #072566;
	font-size: 22px;
	font-weight: bold;
	padding: 37px 0 27px 3px;
	width: 343px;
}

.page-bib #col-left #books-libros-livres h2 {
	cursor: pointer;
	font-size: 16px;
	font-weight: normal;
	float: left;
	height: 20px;
	line-height: 20px;
}

.page-bib #col-left #books-libros-livres .liste-livres {
	width: 600px;
	float: left;
	padding: 15px 0 0 36px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: none; /* Au chargement de la page, on n'affiche pas les sections de cette classe. */
}

.page-bib #col-left #books-libros-livres .liste-livres .cat-langues {
	float: left;
	width: 600px;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}

.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .souscat {
	float: left;
	font-size: 15px;
	width: 340px;
	font-style: italic;
	min-height: 23px;
}

.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .lang-en {
	float: left;
	padding: 0 7px;
	width: 47px;
	text-align: center;
}

.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .lang-es {
	float: left;
	padding: 0 9px 0 5px;
	width: 49px;
	border-left: 1px solid #700;
	border-right: 1px solid #700;
	text-align: center;
}

.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .lang-fr {
	float: left;
	padding: 0 47px 0 5px;
	width: 52px;
	text-align: center;
}

.page-bib #col-left #books-libros-livres .liste-livres .no-liv {
	margin-bottom: 37px;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item {
	float: left;
	width: 550px;
	padding: 10px;
	overflow: hidden;
	text-overflow: clip;
	white-space: normal;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item:nth-child(odd) {
	border-radius: 2px;
	border-bottom: 1px solid rgb(255 243 213 / 100%);
	/* background-image: linear-gradient(rgb(255 243 213 / 70%) , rgb(255 243 213 / 40%)); */
	background: linear-gradient(rgb(255 243 213 / 70%), rgb(255 243 213 / 40%));
	-webkit-transform: translateZ(0); 
	transform: translateZ(0); 
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;

	z-index: 1;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item h3 {
	float: left;
	width: 340px;
	font-size: 15px;
	font-weight: normal;
	line-height: 1em;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item .case-en {
	float: left;
	width: 59px;
	text-align: center;
	min-height: 23px;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item .case-es {
	float: left;
	width: 65px;
	text-align: center;
	min-height: 23px;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item .case-fr {
	float: left;
	width: 66px;
	text-align: center;
	min-height: 23px;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item a {
	margin: 0 auto;
	display: block;
	width: 21px;
	height: 18px;
	background: transparent url(/images/btn-bleu.png) no-repeat;
}

.page-bib #col-left #books-libros-livres .liste-livres .lienCateg {
	float: left;
	font-size: 17px;
	width: 550px;
	padding-top: 12px;
	font-style: italic;
	font-weight: bold;
}

.page-bib #col-left #books-libros-livres .liste-livres .liste-liens {
	float: left;
	width: 540px;
	padding: 7px 0 15px 30px;
	font-size: 15px;
	line-height: 27px;
}

.page-bib #col-left #books-libros-livres .liste-livres .liste-liens a {
	text-decoration: undeline;
	color: #700;
}

.page-bib #col-left #books-libros-livres .liste-livres .liste-liens a:hover {
	text-decoration: none;
	color: #072566;
}

.page-bib #col-left #books-libros-livres h2.bib-on {
	background: transparent url(/images/bib-box.png) 0 -55px no-repeat;
}

.page-bib #col-left #books-libros-livres h2.bib-over {
	color: #072566;
}

.page-bib #search {
	margin-right: 50px;
}

.page-bib #col-right {
	float: left;
}

.page-bib #col-right .social {
	margin: 17px 0 0 86px;
	padding-bottom: 46px;
}

.page-bib #col-right .cours {
	margin-top: 27px;
	margin-left: 57px;
}

.page-bib #col-right .img {
	float: left;
	text-align: center;
	width: 262px;
	background: transparent url(/images/papyrus.jpg) no-repeat;
	min-height: 2360px;
	margin-top: 25px;
	margin-left: 33px;
}

.page-bib #suggest {
	float: left;
	width: 998px;
	padding: 40px 0 30px 0;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-bib #suggest a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-bib #suggest a:hover {
	text-decoration: none;
}

/* Section Images */

.page-img #col-left {
	width: 160px;
	float: left;
	margin-top: 2px;
}

.page-img #col-left #cat-main {
	width: 160px;
	float: left;
	background: url(/images/img-back.jpg);
	opacity: 0.86;
	min-height: 1400px;
}

.page-img #col-left #cat-main #titre-cat {
	margin-top: 20px;
	float: left;
	font-size: 15px;
	color: #ffffe9;
	font-weight: bold;
	padding-left: 17px;
	display: block;
}

.page-img #col-left #cat-main #titre-cat span {
	margin: 4px 10px 14px 0;
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #d1cda7;
	display: block;
	text-shadow: none;
}

.page-img #col-left #cat-main ul {
	float: left;
	margin: 5px 0 10px 0px;
	width: 160px;
	font-size: 15px;
	color: #ffffe9;
}

.page-img #col-left #cat-main ul li {
	float: left;
	display: block;
	width: 160px;
	height: 20px;
	margin-top: 5px;
}

.page-img #col-left #cat-main ul li a {
	float: left;
	display: block;
	width: 143px;
	padding-left: 17px;
	height: 20px;
	line-height: 20px;
	color: #ffffe9;
	text-decoration: none;
	font-size: 15px;
}

.page-img #col-left #cat-main ul li a.active, .page-img #col-left #cat-main ul li a.active:hover {
	color: #700;
	background: #ffffe9 url(/images/croix.jpg) 141px 7px no-repeat;
}

.page-img #col-left #cat-main ul li a:hover {
	color: #e15a00;
}

.page-img #col-left #cat-main .sep-cat {
	margin-left: 0px;
	float: left;
	width: 91px;
	height: 2px;
	background: #ffffe9;
}

.page-img #col-center {
	width: 802px;
	float: left;
	margin-left: 25px;
}

.page-img #col-tarot {
	width: 100%;
	float: left;
}

.page-img #col-center .path {
	margin-top: -27px;
}

.page-img #search {
	margin-right: 39px;
}

.page-img #col-center .social {
	float: right;
	margin: -27px 64px 22px 0;
}

.page-img #col-center h1 {
	float: left;
	color: #072566;
	font-size: 25px;
	font-weight: bold;
	width: 700px;
	padding-top: 37px;
}

.page-img #col-tarot h1 {
	width: 100%;
	text-align: center;
	color: #072566;
	font-size: 27px;
	font-weight: bold;
	margin-top: 15px;
}

.page-img #col-center h2 {
	float: left;
	width: 400px;
	font-size: 19px;
	font-weight: bold;
	margin-top: 20px;
}

.page-img #col-tarot h2 {
	width: 100%;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin-top: 25px;
}

.page-img #col-tarot p {
	width: 79%;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	font-style: italic;
	margin-top: 25px;
	margin-bottom: 43px;
	margin-left: auto;
	margin-right: auto;
	color: #072566;
}

.page-img #col-tarot p span {
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	font-style: normal;
	color: #770000;
}

.page-img #col-center .all-img {
	width: 810px;
	float: left;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.page-img #col-tarot .all-img {
	width: 995px;
	margin-left: 25px;
	float: left;
}

.page-img #col-center .img-item {
	max-width: 241px;
	margin: 7px auto 21px auto;
	margin-left: auto;
    margin-right: auto;
	padding: 7px;
	text-align: center;
	border-radius: 2px;
	background: rgba(255,255,255,0.1);
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
}

.page-img #col-tarot .img-item {
	float: left;
	width: 105px;
	margin: 0 15px 15px 0;
}

.page-img #col-center .verti .center-img {
	margin: 0 auto;
}

.page-img #col-center .verti h3 {
	text-align: center;
	font-size: 15px;
	color: #0b358e;
	font-style: italic;
	font-weight: normal;
	display: block;
	padding: 7px;
}

.page-img #col-center .horiz h3 {
	text-align: center;
	font-size: 15px;
	color: #0b358e;
	font-style: italic;
	font-weight: normal;
	padding: 7px;
}

.page-img #col-center .horiz img {
	width: 240px;
	margin-bottom: 6px;
}

.page-img #col-center .verti img {
	height: 240px;
	margin-bottom: 6px;
}

.page-img #col-center #img-share-vs {
	float: left;
	width: 650px;
	font-size: 15px;
	text-align: center;
	padding-top: 20px;
	font-style: italic;
}

.page-img #col-center #img-share-vs #date-select {
	font-style: normal;
}

.page-img #col-center #img-share-vs #date-select sup {
	font-size: 13px;
	line-height: 1em;
}

.page-img #col-center #img-share-vs a {
	text-decoration: underline;
	color: #072566;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

.page-img #col-center #img-share-vs a:hover {
	text-decoration: none;
}

.page-img #col-center #vs-thanks {
	float: left;
	width: 802px;
	padding: 40px 0 0 0;
	margin: 0;
	font-size: 15px;
	text-align: center;
}

.page-img #suggest {
	float: left;
	width: 998px;
	padding: 40px 0 30px 0;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-img #suggest a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-img #suggest a:hover {
	text-decoration: none;
}

/* Pagination */

.page-img .cont-pagination {
	float: right;
	width: 801px;
	height: 20px;
	margin: 0 26px 17px 0;
	font-family: Helvetica;
}

.pagination {
	float: right;
}

.pagination a {
	text-align: center;
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #072566;
	border: 1px solid #4e617f;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
}

.pagination div.current {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #87A5C9;
	border: 1px solid #072566;
	text-decoration: none;
	color: #072566;
	font-size: 13px;
}

.pagination div.disabled {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #ccc;
	border: 1px solid #999;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
}

.pagination div.suspens {
	float: left;
	font-size: 13px;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
	color: #072566;
}

/* Section Videos */

.page-vid #col-left {
	margin-top: 2px;
	width: 181px;
	float: left;
}

.page-vid #col-left #cat-main {
	width: 181px;
	min-height: 1200px;
	float: left;
	background: transparent url(/images/vid-back.jpg);
	opacity: 0.84;
}

.page-vid #col-left #cat-main #titre-cat {
	margin: 20px 0 0 0;
	float: left;
	font-size: 15px;
	font-weight: bold;
	color: #ffffe9;
	padding-left: 14px;
}

.page-vid #col-left #cat-main #titre-cat span {
	margin: 4px 10px 14px 0;
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #d1cda7;
	display: block;
	text-shadow: none;
}

.page-vid #col-left #cat-main ul {
	float: left;
	margin: 5px 0 10px 0px;
	width: 181px;
	font-size: 15px;
	color: #ffffe9;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page-vid #col-left #cat-main ul li {
	float: left;
	display: block;
	width: 181px;
	height: 20px;
	margin-top: 5px;
}

.page-vid #col-left #cat-main ul li a {
	float: left;
	display: block;
	width: 175px;
	padding-left: 14px;
	height: 20px;
	line-height: 20px;
	color: #ffffe9;
	text-decoration: none;
}

.page-vid #col-left #cat-main ul li a.active, .page-vid #col-left #cat-main ul li a.active:hover {
	color: #700;
	background: #ffffe9 url(/images/croix.jpg) 165px 7px no-repeat;
}

.page-vid #col-left #cat-main ul li a:hover {
	color: #e15a00;
}

.page-vid #col-left #cat-main .sep-cat {
	margin-left: 0px;
	float: left;
	width: 122px;
	height: 2px;
	background: #ffffe9;
}

.page-vid #col-left #cat-main .new-sep-cat {
	margin: 10px 0 4px 0;
	float: left;
	width: 122px;
	height: 2px;
	background: #ffffe9;
}

.page-vid #col-center {
	width: 793px;
	float: left;
	margin-left: 17px;
}

.page-vid #col-center #search {
	float: right;
	margin-top: 33px;
}

.page-vid #col-center .social {
	float: right;
	margin: 77px -244px 22px 0;
}

.page-vid #col-center h1 {
	float: left;
	color: #072566;
	font-size: 24px;
	width: 270px;
	font-weight: bold;
	margin: 37px 0 20px 0px;
}

.page-vid #col-center #return {
	float: right;
	font-size: 15px;
	font-style: italic;
	margin: -33px 15px 0 0;
}

.page-vid #col-center #return a {
	color: #770000;
}

.page-vid #col-center #return a:hover {
	color: #072566;
}

.page-vid #col-center h2 {
	float: left;
	width: 802px;
	margin: 0;
	font-size: 17px;
	font-weight: bold;
}

.page-vid #col-center #all-vid {
	width: 820px;
	display: flex;
    flex-wrap: wrap;
}

.page-vid #col-center .vid-item {
	display: flex;
	width: 380px;
	margin: 10px;
	box-shadow: 1px 1px 3px #d7c699;
}

.page-vid #col-center .vid-thumb {
	float: left;
	width: 170px;
	margin-right: 5px;
}

.page-vid #col-center .cont-vid {
	float: left;
	width: 380px;
}

.page-vid #col-center img {
	float: left;
	width: 170px;
}

.page-vid #col-center .vid-item a h3 {
	float: left;
	padding: 2px 0 5px 7px;
	width: 190px;
	line-height: 105%;
	font-size: 14px;
	margin-top: 5px;
	color: #970000;
}

.page-vid #col-center .vid-item a p {
	float: left;
	padding-left: 8px;
	width: 170px;
	line-height: 105%;
	font-size: 13px;
	margin: 0;
	font-style: italic;
	color: #072566;
}

.page-vid #col-center .vid-left p {
	padding-right: 20px;
	width: 190px;
}

.page-vid #suggest {
	float: left;
	width: 888px;
	margin: 40px 50px 30px 50px;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-vid #suggest a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-vid #suggest a:hover {
	text-decoration: none;
}

/* Pagination */

.page-vid .cont-pagination {
	float: right;
	width: 801px;
	height: 20px;
	margin-bottom: 27px;
	margin-right: 12px;
	font-family: Helvetica;
}

.page-vid .cont-pagination .pagination {
	float: right;
}

.page-vid .cont-pagination .pagination a {
	text-align: center;
	float: left;
	display: block;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #072566;
	border: 1px solid #4e617f;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
}

.page-vid .cont-pagination .pagination div.current {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #87A5C9;
	border: 1px solid #072566;
	text-decoration: none;
	color: #072566;
	font-size: 13px;
}

.page-vid .cont-pagination .pagination div.disabled {
	text-align: center;
	float: left;
	width: 18px;
	height: 18px;
	line-height: 18px;
	margin-right: 4px;
	background: #ccc;
	border: 1px solid #999;
	text-decoration: none;
	color: #fffbca;
	font-size: 13px;
}

.page-vid .cont-pagination .pagination div.suspens {
	float: left;
	font-size: 13px;
	margin-right: 5px;
	height: 20px;
	line-height: 20px;
	color: #072566;
}

#frame-video {
	background: #fff;
}

#frame-video #cont-frame {
	width: 640px;
	margin: 0 auto;
}

#frame-video #globaloneness {
	width: 480px;
}

/* Main Video Page */

.page-vid-main #search {
	margin-top: -3px;
}

.page-vid-main .social {
	float: right;
	margin: 9px 50px 0 0;
}

.page-vid-main .path {
	margin-left: 20px;
}

.page-vid-main h1 {
	float: left;
	width: 500px;
	color: #072566;
	font-size: 23px;
	font-weight: bold;
	margin: 40px 0 10px 43px;
	width: 600px;
}

.page-vid-main h3 {
	color: #770000;
	font-size: 15px;
	line-height: 19px;
	width: 82%;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	margin: 30px auto 17px auto;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.3);
}

.page-vid-main #suggest {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 17px;
	margin-bottom: 33px;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-vid-main #suggest a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-vid-main #suggest a:hover {
	text-decoration: none;
}

.page-vid-main .acordeon ul {
	list-style: none;
	width: calc(100% - 30px);
	margin: 0 auto;
}

.page-vid-main .acordeon ul h5 {
	display: inline;
	color: #770000;
	text-align: center;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

.page-vid-main .acordeon ul h5:hover {
	color: #072566;
}

.page-vid-main .acordeon a {
	text-decoration: none;
	display: flex;
    align-items: center;
    border: 1px solid white;
    /* margin: 10px 0;
    padding: 20px; */
	padding: 0 20px;
    /* line-height: 1.5em; */
    border-radius: 2px;
    background: radial-gradient(#fefeea, #fbefdc);
    background-image: -webkit-radial-gradient(#fefeea, #fbefdc);
    background-image: -moz-radial-gradient(#fefeea, #fbefdc);
    background-image: -ms-radial-gradient(#fefeea, #fbefdc);
    background-image: -o-radial-gradient(#fefeea, #fbefdc);
    background-image: radial-gradient(#fefeea, #fbefdc);
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
    position: unset;
    width: unset;
}

.page-vid-main .acordeon a:hover {
	/* border: 1px solid rgba(7, 37, 102, 0.3);
	box-shadow: 1px 1px 5px rgba(37, 7, 102, 0.2);
	color: #072566; */
}

/* .page-vid-main .acordeon ul li.desplegable>a:before, 
.page-vid-main .acordeon ul li ul li.desplegable>a:before {
	content: "\25BA\00A0";
	padding-left: 33px;
	margin-right: -25px;
	width: 10px;
	float: left;
}

.page-vid-main .acordeon ul li.desplegable.active>a:before, 
.page-vid-main .acordeon ul li ul li.desplegable.active>a:before {
	content: "\25BC\00A0 ";
} */

.page-vid-main .acordeon ul h5 {
	width: 100%;
}

.page-vid-main .acordeon ul li.desplegable>a:after, 
.page-vid-main .acordeon ul li ul li.desplegable>a:after {
	padding-left: 40px;
	margin-right: 20px;
	width: 10px;
	float: left;

	font: var(--fa-font-solid);
	content: "\f078"; /* chevron */
	color: #700;
}

.page-vid-main .acordeon ul li.desplegable.active>a:after, 
.page-vid-main .acordeon ul li ul li.desplegable.active>a:after {
	font: var(--fa-font-solid);
	content: "\f077"; /* chevron */
}

.page-vid-main .acordeon ul ul, .acordeon ul ul ul {
	display: none;
	content: none;
	padding-top: 20px;
	width: 82%;
	font-size: 15px;
	line-height: 17px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

.page-vid-main .acordeon ul ul a {
	border: none;
	background: transparent;
	box-shadow: none;
	line-height: 17px;
	margin: 3px 0 0 0;
	padding: 3px 0 0 0;
	color: #072566;
}

.page-vid-main .acordeon ul ul a:hover {
	color: #770000;
	border: none;
	background: transparent;
	box-shadow: none;
	line-height: 17px;
}

.page-vid-main .acordeon p {
	text-indent: 20px;
	margin-top: 0;
	text-align: justify;
}

.page-vid-main .acordeon p+p {
	text-indent: 46px;
	margin-top: 5px;
	text-align: justify;
}

/* Section Oeuvrer */

.page-oeu .path {
	margin: -10px 0 0 18px;
}

.page-oeu #centre {
	padding-left: 90px;
	float: left;
	width: 820px;
	margin: 10px 0 25px 0;
}

.page-oeu #centre h1 {
	font-size: 22px;
	color: #072566;
	margin-bottom: 10px;
	text-align: center;
}

.page-oeu #centre p {
	font-size: 17px;
	color: #d70000;
	text-align: justify;
}

.page-oeu #cont-oeu {
	float: left;
	width: 998px;
	background: transparent url(/images/sep-oeuvrer.gif) repeat-y;
	margin-bottom: 40px;
}

.page-oeu #cont-oeu #col-left {
	padding-left: 18px;
	float: left;
	width: 410px;
}

.page-oeu #cont-oeu h2 {
	font-size: 20px;
	margin: 0 0 20px 0;
	width: 410px;
}

.page-oeu #cont-oeu .soustitre {
	padding-bottom: 5px;
	float: left;
	font-size: 17px;
	color: #072566;
	width: 410px;
	font-weight: bold;
}

.page-oeu #cont-oeu p {
	font-size: 15px;
	float: left;
	width: 390px;
	padding: 0 20px 20px 0;
	text-align: justify;
}

.page-oeu #cont-oeu #col-left #don-left {
	float: left;
	margin: 15px 0 20px 118px;
}

.page-oeu #cont-oeu p.last {
	float: left;
	padding: 15px 20px 20px 0;
}

.page-oeu #cont-oeu #col-right {
	padding-left: 18px;
	float: left;
	width: 552px;
}

.page-oeu #cont-oeu #col-right h2, .page-oeu #cont-oeu #col-right .soustitre, .page-oeu #cont-oeu #col-right p {
	width: 532px;
}

.page-oeu #cont-oeu #col-right #connaissance {
	margin-left: 31px;
}

.page-oeu #cont-oeu #col-right #leg-connais {
	width: 473px;
	float: left;
	margin-left: 31px;
	text-align: center;
	font-style: italic;
	font-size: 15px;
	padding: 10px 0 40px 0;
}

.page-oeu #cont-oeu #col-right #bloc-don-now {
	float: left;
	width: 100%;
    display: flex;
    justify-content: center;
}

.page-oeu #cont-oeu #col-right #bloc-don-now p {
	float: left;
	width: 165px;
	padding: 56px 0 0 0;
}

.page-oeu #cont-oeu #col-right #bloc-don-now #now-right {
	float: left;
	width: 213px;
}

.page-oeu #cont-oeu #col-right #bloc-don-now #now-right a#lienDon {
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	margin-top: 20px;
	color: #072566;
	text-decoration: underline;
	float: left;
	display: block;
	width: 213px;
}

.page-oeu #cont-oeu #col-right #bloc-don-now #now-right a#lienDon:hover {
	text-decoration: none;
}

.page-oeu #cont-oeu #col-left #blocDonLeft {
	display: flex;
    align-items: center;
    justify-content: center;
	margin: 15px;
}

.page-oeu #cont-oeu #col-left #donateLeft {
	float: left;
	width: 157px;
	height: 33px;
}

.page-oeu #cont-oeu #col-left #donateOu {
	float: left;
	width: 64px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	font-size: 17px;
}

.page-oeu #cont-oeu #col-left #donateRight {
	float: left;
	width: 169px;
	height: 33px;
	position: relative;
}

.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs {
	position: absolute;
	width: 198px;
	top: -34px;
	left: -17px;
}

.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs .donateSelect {
	width: 190px;
	border: 1px solid #072566;
	font-size: 17px;
	color: #072566;
	background: #fff6d4;
	padding: 3px;
	border-radius: 0;
	float: left;
}

.page-oeu #cont-oeu #col-left #donateLeft form, #donateRight form {
	padding: 0;
	margin: 0;
	float: left;
	width: 157px;
}

/* Section Cours en ligne */

.page-cou {
	background: transparent url(/images/cours-back.jpg) no-repeat;
}

.page-cou .path {
	margin-left: 382px;
	margin-top: -9px;
}

.page-cou #intro {
	float: left;
	width: 998px;
	height: 270px;
	position: relative;
}

.page-cou #intro h1 {
	left: 385px;
	top: 27px;
	font-size: 22px;
	color: #252566;
	position: absolute;
}

.page-cou #intro h2 {
	left: 385px;
	top: 60px;
	font-size: 15px;
	line-height: 18px;
	width: 570px;
	text-align: justify;
	position: absolute;
	color: #770000;
	font-weight: normal;
}

.page-cou #intro h2 a {
	color: #0c3a9a;
}

.page-cou #intro h2 a:hover {
	color: #770000;
}

.page-cou #intro h2 span {
	left: 0px;
	margin: 95px 0 0 115px;
	font-size: 13px;
	line-height: 15px;
	width: 455px;
	text-align: justify;
	position: absolute;
	color: #770000;
	font-style: italic;
	font-weight: normal;
}

.page-cou h2 {
	font-size: 20px;
	color: #252566;
}

.page-cou h3 {
	font-size: 17px;
	font-weight: bold;
}

.page-cou p {
	font-size: 15px;
	padding-bottom: 10px;
	text-align: justify;
	line-height: 18px;
}

.page-cou p.a {
	font-size: 15px;
	padding-bottom: 10px;
	text-align: justify;
	line-height: 21px;
	text-indent: 1em;
}

.page-cou p.prereq {
	font-size: 15px;
	font-style: italic;
	color: #d70000
}

.page-cou img.inscrip2 {
	width: 121px;
}

.page-cou img.inscrip1 {
	width: 140px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
}

.page-cou #titre {
	float: left;
	width: 998px;
	height: 85px;
	position: relative;
}

.page-cou #titre h4 {
	font-size: 20px;
	line-height: 30px;
	color: #252566;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 0;
	padding-left: 30px;
}

.page-cou #titre h5 {
	font-size: 15px;
	text-align: center;
	font-style: italic;
	color: #d70000;
	margin-top: -25px;
}

.page-cou #titre .social {
	float: right;
	margin: -5px 17px 0 -33px;
}

.page-cou #avenir {
	float: left;
	width: 998px;
	position: relative;
}

.page-cou #avenir h4 {
	font-size: 20px;
	line-height: 30px;
	color: #252566;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 0;
	padding: 10px;
}

.page-cou #avenir p {
	font-size: 15px;
	margin-bottom: 40px;
	text-align: center;
	padding: 0 200px 0 200px;
	line-height: 20px;
	color: #d70000;
	margin-top: -20px;
}

.page-cou #inscription {
	float: left;
	width: 998px;
	height: 70px;
	position: relative;
	padding-top: 20px;
}

.page-cou #inscription h4 {
	font-size: 19px;
	color: #d70000;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
	margin: 0 30px 30px;
}

.page-cou #ligne1 {
	float: left;
	width: 998px;
	background: transparent url(/images/sep-cours.gif) repeat-y;
	padding: 10px 0 15px 0;
	border-bottom: 1px solid #700;
}

.page-cou #ligne11 {
	float: left;
	width: 998px;
	background: transparent url(/images/sep-cours.gif) repeat-y;
	padding: 10px 0 -5px 0;
	border-bottom: 1px solid #700;
}

.page-cou #ligne1 #cours1 {
	float: left;
	width: 465px;
	padding: 0 15px 0 20px;
}

.page-cou #ligne1 #cours1 #texte1 {
	float: left;
	width: 255px;
	padding-right: 10px;
}

.page-cou #ligne1 #cours1 img.img1 {
	float: left;
	width: 200px;
}

.page-cou #ligne1 #cours2 {
	float: left;
	width: 466px;
	padding: 0 15px 0 17px;
}

.page-cou #ligne1 #cours2 #texte2 {
	float: left;
	width: 256px;
	padding-right: 10px;
}

.page-cou #ligne1 #cours2 img.img2 {
	float: left;
	width: 200px;
}

.page-cou #ligne2 {
	float: left;
	width: 998px;
	background: transparent url(/images/sep-cours.gif) repeat-y;
	padding: 10px 0 15px 0;
}

.page-cou #ligne2 #cours3 {
	float: left;
	width: 465px;
	padding: 0 15px 0 20px;
}

.page-cou #ligne2 #cours3 #texte3 {
	float: left;
	width: 257px;
	padding-left: 10px;
}

.page-cou #ligne2 #cours3 img.img3 {
	float: left;
	width: 198px;
}

.page-cou #ligne2 #cours4 {
	float: left;
	width: 466px;
	padding: 0 15px 0 17px;
}

.page-cou #ligne2 #cours4 #texte4 {
	float: left;
	width: 257px;
	padding-left: 10px;
}

.page-cou #ligne2 #cours4 img.img4 {
	float: left;
	width: 199px;
}

.page-cou #ligne {
	float: left;
	width: 998px;
	padding-top: 30px;
	border-top: 3px solid #700;
}

.page-cou #essai {
	float: left;
	width: 998px;
	padding: 17px 0 10px 100px;
	margin-bottom: 40px;
}

.page-cou #essai #text {
	float: left;
	width: 800px;
	padding: 12px 50px 0 0;
}

.page-cou #essai #text p {
	font-size: 15px;
	line-height: 19px;
	text-indent: 1em;
}

/* Section Nous joindre */

.page-joi #col-left {
	margin-left: 64px;
	width: 621px;
	float: left;
}

.page-joi #col-left #titre-joi {
	float: left;
	color: #072566;
	font-size: 24px;
	font-weight: bold;
	padding: 27px 0 25px 3px;
	width: 618px;
	margin-bottom: 10px;
}

.page-joi #col-left #all-contact {
	width: 576px;
	float: left;
}

.page-joi #col-left #all-contact h2 {
	cursor: pointer;
	font-size: 16px;
	font-weight: bold;
	width: calc(100% - 30px);
	float: left;
	height: unset;
    line-height: unset;
}

.page-joi #col-left #all-contact .item-contact {
	padding: 15px 0;
	margin-left: 31px;
	width: 513px;
	float: left;
}

.page-joi #col-left #all-contact .top-contact {
	width: 473px;
	float: left;
	background: transparent url(/images/joindre-back.png) no-repeat;
	padding: 35px 0px 22px 40px;
}

.page-joi #col-left #all-contact .top-contact .elementForm {
	float: left;
	width: 473px;
	padding-bottom: 10px;
}

.page-joi #col-left #all-contact .top-contact .elementForm label {
	width: 200px;
	font-size: 15px;
	font-style: italic;
	display: block;
	float: left;
	margin: 0;
	padding:2px 20px 2px 0;
}

.page-joi #col-left #all-contact .top-contact .elementForm input, .page-joi #col-left #all-contact .top-contact .elementForm textarea {
	width: 220px;
	float: left;
	border: 1px solid #eed8bf;
	font-size: 14px;
	color: #072566;
	margin: 0;
	padding: 2px;
}

.page-joi #col-left #all-contact .top-contact .elementForm .label-court {
	width: 110px;
}

.page-joi #col-left #all-contact .top-contact .elementForm textarea {
	height: 70px;
}

.page-joi #col-left #all-contact .top-contact .elementForm .champ-long {
	width: 310px;
}

.page-joi #col-left #all-contact .top-contact .big-pad {
	padding-bottom: 20px;
}

.page-joi #col-left #all-contact .top-contact .champs-obli {
	float: left;
	padding: 32px 2px 0 2px;
	width: 200px;
	height: 29px;
	color: #E20000;
	font-size: 13px;
}

.page-joi #col-left #all-contact .top-contact .envoyer {
	float: left;
	width: 223px;
	text-align: right;
}

.page-joi #col-left #all-contact .top-contact .non-divulg {
	float: left;
	padding: 12px 40px 0 2px;
	color: #E20000;
	font-size: 14px;
	text-align: left;
}

.page-joi #col-left #all-contact .bottom-contact {
	width: 513px;
	height: 10px;
	float: left;
	background: transparent url(/images/joindre-bottom.png) no-repeat;
}

.page-joi #col-left #all-contact h2.joi-on {
	background: transparent url(/images/bib-box.png) 0 -55px no-repeat;
}

.page-joi #col-left #all-contact h2.joi-over {
	color: #072566;
}

.page-joi #col-left #all-contact #message-formu {
	font-weight: bold;
	text-align: center;
	padding-bottom: 20px;
	font-size: 15px;
}

.page-joi #col-left #all-contact .merci {
	color: #E20000;
}

.page-joi #captcha1, .page-joi #captcha2, .page-joi #captcha3, .page-joi #captcha4, .page-joi #captcha5 {
	width: 426px;
	float: left;
}

.page-joi #col-left #all-contact .top-contact .captcha {
	width: 318px;
	padding-left: 108px;
	text-align: right;
	float: left;
}

.page-joi #col-right {
	float: right;
	margin-right: 4px;
	width: 299px;
	background: transparent url(/images/contact.jpg) 0 75px no-repeat;
	min-height: 720px;
}

.page-joi #email-gene {
	float: left;
	width: 998px;
	padding: 15px 0 30px 0;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}

.page-joi #email-gene a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-joi #email-gene a:hover {
	text-decoration: none;
}

/* Section Seminaire */

.page-sem #head-question {
	float: right;
	max-width: 340px;
	text-align: center;
	font-size: 15px;
	font-style: italic;
	margin-right: 20px;
}

.page-sem #head-question a {
	text-decoration: underline;
	color: #072566;
	font-style: normal;
	font-weight: bold;
}

.page-sem #head-question a:hover {
	text-decoration: none;
}

.page-sem #titre-sem {
	float: left;
	color: #072566;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 15px 65px;
	width: 933px;
}

.page-sem #titre-mision {
	float: left;
	text-align: center;
	color: #072566;
	font-size: 20px;
	font-weight: bold;
	margin: -17px 0 -17px 37px;
	width: 933px;
}

.page-sem #all-conf {
	float: left;
	padding: 0 0 0 65px;
	width: 933px;
	font-size: 15px;
}

.page-sem #conf-Juan {
	float: left;
	font-size: 17px;
	font-weight: bold;
	margin: 0 0 10px -25px;
	width: 933px;
}

.page-sem #cont-sem {
	float: left;
	width: 798px;
	padding-left: 100px;
	margin-top: 50px;
	margin-bottom: 20px;
}

.page-sem #cont-sem h1 {
	float: left;
	width: 798px;
	font-size: 17px;
	color: #072566;
	text-align: center;
	font-weight: normal;
}

.page-sem #cont-sem h2 {
	float: left;
	width: 798px;
	font-size: 17px;
	color: #072566;
	text-align: center;
	border-bottom: 1px solid #700;
	margin: 50px 0 30px 0;
}

.page-sem #cont-sem #bloc-vid {
	float: left;
	width: 798px;
}

.page-sem #cont-sem #bloc-vid .vid-item {
	float: right;
	width: 377px;
}

.page-sem #cont-sem #bloc-vid .vid-item p.vid-reso {
	font-size: 15px;
	width: 225px;
	padding: 0 0 10px 49px;
	text-align: center;
}

.page-sem #cont-sem #bloc-vid .vid-item img {
	width: 165px;
	height: 115px;
	border: 1px solid #cbc6a0;
	margin-left: 49px;
}

.page-sem #cont-sem #bloc-vid .vid-item p.vid-size {
	font-size: 15px;
	width: 225px;
	padding: 10px 0 0 49px;
	text-align: center;
}

.page-sem #cont-sem #bloc-lec {
	float: left;
	width: 798px;
	font-size: 15px;
	text-align: center;
}

.page-sem #cont-sem #bloc-lec a {
	text-decoration: underline;
	color: #700;
	font-style: italic;
}

.page-sem #cont-sem #bloc-lec a:hover {
	text-decoration: none;
}

.page-sem #cont-sem #bloc-pra {
	float: left;
	width: 738px;
	padding: 0 30px;
	font-size: 15px;
	text-align: justify;
}

.page-sem #cont-sem #bloc-pra p {
	text-indent: 50px;
}

.page-sem #cont-sem #bloc-pra p+p {
	text-indent: 50px;
	margin-top: 0;
}

.page-sem #cont-sem #bloc-que {
	float: left;
	width: 668px;
	padding: 20px 44px;
	margin: 0 25px;
	background: transparent url(/images/semi-back.png) no-repeat;
}

.page-sem #cont-sem #bloc-que .elementForm {
	float: left;
	width: 668px;
	padding-bottom: 10px;
}

.page-sem #cont-sem #bloc-que .elementForm label {
	width: 238px;
	font-size: 14px;
	font-style: italic;
	display: block;
	float: left;
	margin: 0;
	padding: 2px 0;
}

.page-sem #cont-sem #bloc-que .elementForm label.large {
	width: 660px;
}

.page-sem #cont-sem #bloc-que .elementForm input, .page-sem #cont-sem #bloc-que .elementForm textarea {
	width: 420px;
	float: left;
	border: 1px solid #eed8bf;
	font-size: 13px;
	color: #072566;
	margin: 0;
	padding: 2px;
}

.page-sem #cont-sem #bloc-que .elementForm textarea {
	width: 658px;
	height: 70px;
}

.page-sem #cont-sem #bloc-que .note {
	margin-top: 20px;
	font-size: 14px;
	float: left;
	padding: 0 2px 0 2px;
	width: 481px;
	text-align: justify;
}

.page-sem #cont-sem #bloc-que .envoyer {
	margin-top: 20px;
	float: left;
	padding: 0px 2px 0 2px;
	width: 179px;
	text-align: right;
}

.page-sem #cont-sem #bloc-que #message-formu {
	font-weight: bold;
	width: 668px;
	float: left;
	text-align: center;
	padding-bottom: 20px;
	font-size: 15px;
}

.page-sem #cont-sem #bloc-que .merci {
	color: #E20000;
}

.page-sem #cont-sem #bottom-que {
	float: left;
	width: 748px;
	height: 12px;
	margin: 0 25px;
	background: transparent url(/images/semi-bottom.png) no-repeat;
}

.page-sem #acordeons {
	padding: 33px 0 10px 0;
	overflow: auto;
	clear: both;
	box-sizing: content-box;
}

.page-sem .acordeon ul {
	list-style: none;
	width: 77%;
	margin: 0 auto;
	padding: 0;
}

.page-sem .acordeon ul h5 {
	list-style: none;
	width: 95%;
	margin: 0 auto;
	color: #770000;
	font-size: 15px;
	font-style: italic;
	text-align: center;
	font-weight: normal;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

.page-sem .acordeon ul h5:hover {
	color: #072566;
}

.page-sem .acordeon a {
	display: block;
	padding: 7px 0 7px 0;
	border: 1px solid rgba(119, 0, 0, 0.2);
	border-radius: 4px;
	box-shadow: 1px 1px 5px rgba(37, 7, 102, 0.1);
	background: transparent;
	color: #770000;
	text-decoration: none;
	font-family: "Merriweather";
	font-size: 15px;
	line-height: 17px;
}

.page-sem .acordeon a:hover {
	border: 1px solid rgba(7, 37, 102, 0.3);
	box-shadow: 1px 1px 5px rgba(37, 7, 102, 0.2);
	color: #072566;
}

.page-sem .acordeon ul li.desplegable>a:before, .page-sem .acordeon ul li ul li.desplegable>a:before {
	content: "\25BA\00A0";
	padding: 0 17px 0 22px;
	width: 10px;
	float: left;
}

.page-sem .acordeon ul li.desplegable.active>a:before, .page-sem .acordeon ul li ul li.desplegable.active>a:before {
	content: "\25BC\00A0 ";
}

.page-sem .acordeon ul ul, .acordeon ul ul ul {
	display: none;
	content: none;
	padding: 33px 0 0 0;
	width: 82%;
	text-align: center;
	font-family: "Merriweather";
	font-size: 15px;
	line-height: 17px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.2);
}

/* Cours de Missionnaires */

.page-sem #titre-missio {
	text-align: center;
	color: #072566;
	font-size: 27px;
	font-weight: bold;
	padding-bottom: 27px;
	width: 998px;
	font-variant: small-caps;
}

.page-sem #finale-missio {
	float: left;
	text-align: center;
	color: #0b3795;
	font-size: 19px;
	font-weight: bold;
	padding-bottom: 43px;
	width: 998px;
	font-style: italic;
}

.page-sem .cont-missio {
	background: transparent;
	margin: 20px 30px 60px 30px;
}

.page-sem .cont-missio #ligne {
	float: left;
	width: 998px;
}

.page-sem .cont-missio #col-left {
	padding: 0 0 0 28px;
	float: left;
	width: 400px;
}

.page-sem .cont-missio #col-left p {
	font-size: 15px;
	float: left;
	width: 400px;
	text-align: justify;
	color: #072566;
	text-indent: 40px;
}

.page-sem .cont-missio #col-left p+p {
	text-indent: 40px;
	margin-top: 0
}

.page-sem .cont-missio #col-right {
	padding: 0 30px 0 20px;
	float: right;
	width: 520px;
}

.page-sem .cont-missio #col-right p {
	font-size: 15px;
	float: right;
	width: 520px;
	padding: 0 30px 0 0;
	text-align: justify;
	color: #072566;
	text-indent: 40px;
}

.page-sem .cont-missio #col-right p+p {
	text-indent: 40px;
	margin-top: 0;
}

.page-sem .cont-missio .soustitre {
	padding-bottom: 15px;
	font-size: 20px;
	color: #BB0303;
	font-weight: bold;
	font-variant: small-caps;
	font-weight: bold;
}

.page-sem img.pad {
	float: left;
	padding-left: 15px;
}

.page-sem img.image-left {
	float: left;
	margin: 0 20px 20px 0;
}

.page-sem img.image-right {
	float: right;
	margin: 0 0 20px 20px;
}

.page-sem .cont-missio p {
    font-size: 15px;
    text-align: justify;
    color: #072566;
    text-indent: 20px;
	padding-bottom: 10px;
}

.page-sem #image-samael {
    width: 350px;
    aspect-ratio: auto 350 / 402;
}

.page-sem #image-elizabeth {
	width: 461px;
    aspect-ratio: auto 461 / 650;
}

.page-sem #image-amis {
	width: 350px;
    aspect-ratio: auto 350 / 271;
}

.page-sem #image-xolotl {
	width: 350px;
    aspect-ratio: auto 528 / 528;
}

.page-sem #image-tutmosis {
	width: 350px;
    aspect-ratio: auto 131 / 175;
}

.page-sem #image-jesus {
	width: 350px;
    aspect-ratio: auto 200 / 291;
	margin: 0 0 10px 0px;
}

div#bloc-vid-mision {
	display: flex;
}

div#bloc-audio-mision {
	margin: 40px;
}

.page-sem .vid-item {
    margin: auto;
}

.cours-video {
	display: flex;
    justify-content: center;
	margin: 40px;
}

div#cont-missio {
    float: right;
	margin: 0 20px 40px 0;
}

/* Section Seminaire */

.page-404 #titre-404 {
	float: left;
	color: #072566;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 600px 65px;
	width: 933px;
}

/* Infos Catégories */

#cat-guide {
	float: left;
	font-style: italic;
	margin-top: 20px;
	font-size: 14px;
	color: #e1dfc7;
	overflow: hidden;
	padding: 0 10px 0 15px;
	text-shadow: none;
}

#cat-guide p {
	padding-bottom: 10px;
}

#cat-guide p.last {
	padding-bottom: 15px;
}

/* Bloc Recommandation */

.recommend {
	position: relative;
	margin-top: 10px;
	float: left;
	width: 487px;
	height: 124px;
	background: transparent url(/images/page-box-left.png) no-repeat;
}

.recommend p {
	float: left;
	padding: 12px 0 0 25px;
	font-size: 15px;
	font-weight: bold;
}

.recommend #gnosis {
	position: absolute;
	top: 43px;
	left: 20px;
	width: 133px;
	height: 65px;
	background: transparent url(/images/logo-gnosis-samaelaunweor.png) no-repeat;
}

.recommend #consa {
	position: absolute;
	top: 41px;
	left: 180px;
	width: 156px;
	height: 37px;
	background: transparent url(/images/logo-consa.png) no-repeat;
}

.recommend #mgi {
	position: absolute;
	top: 12px;
	left: 362px;
	width: 101px;
	height: 96px;
	background: transparent url(/images/logo-mgi.gif) no-repeat;
}

/* Bloc Dons */

.dons {
	position: relative;
	margin-top: 10px;
	float: right;
	width: 487px;
	height: 124px;
	background: transparent url(/images/page-box-right.png) no-repeat;
}

.dons p {
	float: left;
	padding: 10px 0 0 25px;
	font-size: 15px;
	width: 310px;
	line-height: 18px;
	text-align: justify;
}

.dons #soleil {
	position: absolute;
	top: 4px;
	left: 350px;
	width: 110px;
	height: 110px;
	background: transparent url(/images/soleil-dons.png) no-repeat;
}

/* Médias sociaux bottom */

#media-sociaux {
	float: left;
	margin: 30px 0 22px 4px;
}

#media-sociaux .sociaux {
	height: 27px;
}

#media-sociaux .sociaux ul {}

#media-sociaux .sociaux ul li {
	float: left;
	padding-right: 10px;
}

#media-sociaux .sociaux ul li:last-child {
	float: left;
	padding-right: 0;
}

#media-sociaux .sociaux ul li a {}

#media-sociaux .sociaux ul li iframe.aime {
	border: none;
	width: 120px;
	height: 22px;
	padding-top: 4px;
}

#media-sociaux .sociaux ul li a.fb {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/FB.png) no-repeat;
}

#media-sociaux .sociaux ul li a.fb:hover {
	background: url(/images/FB.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(7, 37, 102, 0.5);
}

#media-sociaux .sociaux ul li a.gplus {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Gplus.png) no-repeat;
}

#media-sociaux .sociaux ul li a.gplus:hover {
	background: url(/images/Gplus.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(213, 0, 0, 0.5);
}

#media-sociaux .sociaux ul li a.twiter {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Twiter.png) no-repeat;
}

#media-sociaux .sociaux ul li a.twiter:hover {
	background: url(/images/Twiter.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(28, 139, 204, 0.5);
}

#media-sociaux .sociaux ul li a.gplus-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/Gplus-follow.png) no-repeat;
}

#media-sociaux .sociaux ul li a.gplus-follow:hover {
	background: url(/images/Gplus-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

#media-sociaux .sociaux ul li a.fb-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/FB-follow.png) no-repeat;
}

#media-sociaux .sociaux ul li a.fb-follow:hover {
	background: url(/images/FB-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

.aimeFb {
	float: left;
	margin: 3px 0 0 10px;
}

/* Médias sociaux bar right */

#media-bar-right {
	float: left;
	width: 175px;
}

#media-bar-right .sociaux {
	height: 27px;
}

#media-bar-right .sociaux ul {}

#media-bar-right .sociaux ul li {
	float: left;
	margin-right: 4px;
}

#media-bar-right .sociaux ul li:last-child {
	float: left;
	padding-right: 0;
}

#media-bar-right .sociaux ul li a {}

#media-bar-right .sociaux ul li iframe.aime {
	border: none;
	width: 125px;
	height: 22px;
	margin: 5px 0 0 34px;
}

#media-bar-right .sociaux ul li a.fb {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/FB.png) no-repeat;
}

#media-bar-right .sociaux ul li a.fb:hover {
	background: url(/images/FB.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(7, 37, 102, 0.5);
}

#media-bar-right .sociaux ul li a.gplus {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Gplus.png) no-repeat;
}

#media-bar-right .sociaux ul li a.gplus:hover {
	background: url(/images/Gplus.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(213, 0, 0, 0.5);
}

#media-bar-right .sociaux ul li a.twiter {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Twiter.png) no-repeat;
}

#media-bar-right .sociaux ul li a.twiter:hover {
	background: url(/images/Twiter.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(28, 139, 204, 0.5);
}

#media-bar-right .sociaux ul li a.gplus-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/Gplus-follow.png) no-repeat;
}

#media-bar-right .sociaux ul li a.gplus-follow:hover {
	background: url(/images/Gplus-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

#media-bar-right .sociaux ul li a.fb-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/FB-follow.png) no-repeat;
}

#media-bar-right .sociaux ul li a.fb-follow:hover {
	background: url(/images/FB-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

/* Footer */

#footer {
	float: right;
	margin: 37px 4px 37px 0;
	font-size: 15px;
}

#footer #copyright {
	float: right;
}

/* Divers */

.rouge {
	color: #E20000;
}

/* SIDEBAR */

#sidebar {
	width: 264px;
	float: right;
	margin-right: 22px;
	margin-bottom: 33px;
}

#sidebar-home {
	width: 264px;
	float: left;
	margin-left: 54px;
	margin-bottom: 33px;
}

.social-ico {
	height: 20px;
	margin-left: 43px;
	margin-bottom: 35px;
}

.social-ico ul {}

.social-ico ul li {
	float: left;
	margin-right: 7px;
	background: rgba(250, 230, 200, 0.4);
}

.social-ico ul li:last-child {
	margin: 0px;
}

.social-ico ul li a {}

.social-ico ul li a.fb {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/FB.png) no-repeat;
}

.social-ico ul li a.fb:hover {
	background: url(/images/FB.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(7, 37, 102, 0.5);
}

.social-ico ul li a.gplus {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Gplus.png) no-repeat;
}

.social-ico ul li a.gplus:hover {
	background: url(/images/Gplus.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(213, 0, 0, 0.5);
}

.social-ico ul li a.twiter {
	display: block;
	width: 27px;
	height: 27px;
	background: url(/images/Twiter.png) no-repeat;
}

.social-ico ul li a.twiter:hover {
	background: url(/images/Twiter.png) no-repeat;
	box-shadow: inset 0 0 0 1px rgba(28, 139, 204, 0.5);
}

.social-ico ul li a.gplus-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/Gplus-follow.png) no-repeat;
}

.social-ico ul li a.gplus-follow:hover {
	background: url(/images/Gplus-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

.social-ico ul li a.fb-follow {
	width: 27px;
	height: 27px;
	display: block;
	background: url(/images/FB-follow.png) no-repeat;
}

.social-ico ul li a.fb-follow:hover {
	background: url(/images/FB-follow.png) no-repeat;
	box-shadow: inset 0 0 2px 1px rgba(255, 255, 255, 1);
}

.register {
	border-bottom: 1px solid #770000;
	margin-bottom: 27px;
}

.classes-img {
	margin: 9px 0 19px 25px;
}

.classes {
	margin-bottom: 28px;
	border-bottom: 1px solid #770000;
}

.classes p {
	color: #770000;
	font-size: 15px;
	text-align: justify;
	margin-bottom: 20px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.15);
}

.classes p a {
	color: #072566;
}

.donate {
	border-bottom: 1px solid #770000;
	margin-bottom: 24px;
}

.donate-img {
	margin-bottom: 19px;
	border-radius: 5px;
}

.donate p {
	color: #770000;
	font-size: 15px;
	text-align: justify;
	margin-bottom: 20px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.15);
}

.donate p a {
	color: #072566;
}

.citations {
	border-bottom: 1px solid #770000;
	margin-bottom: 24px;
}

.citations p {
	font-size: 15px;
	color: #770000;
	margin-bottom: 20px;
	text-align: center;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.15);
	font-style: italic;
}

.links p {
	font-size: 15px;
	color: #770000;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 25px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.15);
}

.links #samael {
	margin-top: -5px;
	margin-left: -15px;
}

/* TEXT, BOOK AND VIDEO ITEMS */

#content {
	overflow: hidden;
}

.goback {
	float: left;
	opacity: 0.8;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.33);
	text-align: center;
	color: #072566;
	font-size: 15px;
	margin-bottom: 29px;
	margin-top: 2px;
	padding: 7px 8px 5px 4px;
	display: block;
	height: 20px;
	width: 86px;
	border-radius: 2px;
	box-shadow: 0 0 3px 0 rgba(7, 37, 102, 0.9) inset;
	background: rgba(250, 230, 200, 0.6);
}

.goback a {
	color: #072566;
	text-decoration: none;
}

.goback a:hover {
	/* display: block;
	height: 20px;
	width: 86px;
	padding: 3px 3px 2px 3px;
	margin: -3px 0 0 -3px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(7, 37, 102, 0.7) inset; */
}

.img-left {
	float: left;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px #d8caa7;
	-moz-box-shadow: 2px 2px 4px #d8caa7;
	-webkit-box-shadow: 2px 2px 4px #d8caa7;
	margin: 3px 17px 12px 0;
}

.img-right {
	float: right;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px #d8caa7;
	-moz-box-shadow: 2px 2px 4px #d8caa7;
	-webkit-box-shadow: 2px 2px 4px #d8caa7;
	margin: 3px 0 12px 17px;
}

.img-center {
	display: block;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #fff;
	box-shadow: 2px 2px 4px #d8caa7;
	-moz-box-shadow: 2px 2px 4px #d8caa7;
	-webkit-box-shadow: 2px 2px 4px #d8caa7;
}

.pad {
	float: left;
	margin-right: 273px;
	color: #ffffff;
}

#google_translate_element {
	float: right;
	margin: -7px 3px 0 0;
	text-align: right;
}

.pdf {
	float: left;
	opacity: 0.8;
	font-size: 15px;
	color: #072566;
	text-align: center;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.33);
	margin: 2px 0 29px 0;
	display: block;
	min-height: 20px;
	padding: 7px 8px 5px 8px;
	border-radius: 2px;
	box-shadow: 0 0 3px 0 rgba(7, 37, 102, 0.9) inset;
	background: rgba(250, 230, 200, 0.6);
}

.pdf a {
	color: #072566;
	text-decoration: none;
	white-space: nowrap;
}

.pdf a:hover {
	/* display: block;
	height: 20px;
	width: 120px;
	padding: 3px 3px 2px 5px;
	margin: -3px 0 0 -5px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(7, 37, 102, 0.7) inset; */
}

#content .path {
	margin: 0 0 20px 0;
}

/* TEXT ITEMS */

.col-one-txt {
	float: left;
	width: 696px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.post-back-txt {
	position: relative;
	border: 1px solid rgba(7, 37, 102, 0.03);
	padding: 33px 20px 37px 24px;
	background: rgba(240, 245, 255, 0.17);
	box-shadow: 0 1px 7px 2px rgba(7, 37, 102, 0.05);
	margin-bottom: 33px;
	display: flex;
	flex-direction: column;
}

.aimeFb-txt {
	float: left;
	margin-top: 7px;
}

.post-txt {
	float: left;
	width: 642px;
}

.post-txt h1 {
	color: #072566;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 2px;
	line-height: 37px;
	margin-bottom: 27px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.4);
}

.post-txt h1 span {
	color: #770000;
	font-size: 27px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	line-height: 33px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.4);
}

.post-txt h2 {
	color: #770000;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	padding-bottom: 12px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.2);
}

.post-txt h2 span {
	color: #770000;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: normal;
	padding-bottom: 20px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.2);
}

.post-txt p {
	margin-bottom: 10px;
	font-size: 15px;
	color: #770000;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.15);
	text-align: justify;
}

/* BOOK ITEMS */

.col-one-book {
	float: left;
	width: 696px;
	overflow: hidden;
}

.post-back-book {
	float: left;
	position: relative;
	display: block;
	border: 1px solid rgba(7, 37, 102, 0.03);
	padding: 33px 20px 37px 24px;
	background: rgba(240, 245, 255, 0.17);
	box-shadow: 0 1px 7px 2px rgba(7, 37, 102, 0.05);
	margin-bottom: 33px;
}

.aimeFb-book {
	float: left;
	margin: 5px 55px 0 12px;
}

.pad {
	float: left;
	margin-right: 273px;
	color: #ffffff;
}

.post-book {
	float: left;
	width: 642px;
}

.post-book h1 {
	color: #072566;
	font-size: 25px;
	font-weight: bold;
	font-style: italic;
	letter-spacing: 1px;
	line-height: 43px;
	margin-bottom: 17px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.4);
}

.post-book h1 span {
	color: #770000;
	font-size: 30px;
	font-weight: bold;
	font-style: normal;
	letter-spacing: normal;
	line-height: 33px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.4);
}

.post-book h2 {
	color: #770000;
	font-size: 15px;
	font-weight: normal;
	font-style: italic;
	letter-spacing: normal;
	padding-bottom: 17px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.2);
}

.post-book p {
	margin-bottom: 10px;
	font-size: 15px;
	color: #770000;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.15);
	text-align: justify;
}

.post-img-book {
	border: 1px solid #fff;
	box-shadow: 1px 1px 2px rgba(215, 200, 165, 0.33);
	-moz-box-shadow: 1px 1px 2px rgba(215, 200, 165, 0.33);
	-webkit-box-shadow: 1px 1px 2px rgba(215, 200, 165, 0.33);
	margin-bottom: 37px;
}

/* VIDEO ITEMS */

.col-one-vid {
	width: 680px;
	float: left;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.post-back-vid {
	float: left;
	position: relative;
	display: block;
	width: 640px;
	border: 1px solid rgba(7, 37, 102, 0.03);
	padding: 33px 24px 37px 24px;
	background: rgba(240, 245, 255, 0.17);
	box-shadow: 0 1px 7px 2px rgba(7, 37, 102, 0.05);
}

.aimeFb-vid {
	float: right;
	margin: 4px -73px 0 0;
}

.post-vid {
	width: 622px;
}

.post-vid h1 {
	color: #770000;
	font-size: 27px;
	font-weight: bold;
	margin-bottom: 33px;
	margin-left: 104px;
	text-indent: -104px;
	text-shadow: 1px 1px 3px rgba(7, 37, 102, 0.4);
}

.post-vid h1 span {
	color: #072566;
	font-size: 27px;
	letter-spacing: 2px;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 27px;
}

.post-vid .titre {
	padding-top: 37px;
	font-size: 17px;
	font-weight: bold;
	color: #072566;
	text-align: justify;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.15);
}

.post-vid h2 {
	padding-bottom: 10px;
	font-size: 20px;
	color: #072566;
	font-weight: normal;
	font-style: normal;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.15);
}

.post-vid h3 {
	padding-top: 19px;
	font-size: 15px;
	color: #770000;
	font-weight: normal;
	font-style: italic;
	text-shadow: 1px 1px 2px rgba(7, 37, 102, 0.15);
}

.post-vid .nemesis {
	padding-top: 7px;
	font-size: 14px;
	color: #770000;
	font-style: italic;
}

.post-vid .samael {
	padding-top: 17px;
	font-size: 15px;
	color: #e50000;
	font-style: normal;
}

/* Pages annonces conférences */

.annonce {
	background: transparent url(/images/page-back.jpg) no-repeat;
	position: relative;
}

.annonce #main-content {
	float: left;
	width: 998px;
	min-height: 820px;
	overflow: hidden;
	clear: both;
	margin: 24px 22px 0 17px;
}

.annonce #main-content h1 {
	color: #770000;
	font-size: 22px;
	line-height: 27px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 22px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.3);
}

.annonce #main-content h2 {
	color: #770000;
	font-size: 15px;
	line-height: 27px;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	margin-bottom: 22px;
	text-shadow: 1px 1px 3px rgba(37, 7, 102, 0.3);
}

/* Search BAR */

.allpages .search-bar {
	width: 0px;
	overflow: hidden;
	height: 0px;
}

#search {
	float: right;
	margin-right: 17px;
}

#search input[type="text"] {
	background: url(/images/search-white.png) no-repeat 10px 6px;
	box-shadow: 1px 1px 5px rgba(37, 7, 102, 0.05);
	font: bold 14px Noto serif;
	color: #0b3793;
	width: 150px;
	padding: 4px 15px 4px 35px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 4px;
	text-shadow: 0 2px 3px rgba(7, 37, 102, 0.1);
	border: 1px solid rgba(119, 0, 0, 0.3);
	-webkit-transition: all 0.7s ease 0s;
	-moz-transition: all 0.7s ease 0s;
	-o-transition: all 0.7s ease 0s;
	transition: all 0.7s ease 0s;
}

#search input[type="text"]:focus {
	background: url(/images/search-dark.png) no-repeat 10px 6px;
	color: #0b3793;
	width: 200px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(7, 37, 102, 0.9) inset;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(7, 37, 102, 0.9) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(7, 37, 102, 0.9) inset;
	text-shadow: 0 2px 3px rgba(7, 37, 102, 0.1);
}

#search .button {
	background: rgba(250, 230, 200, 0.4);
	border: 1px solid rgba(119, 0, 0, 0.3);
	box-shadow: 1px 1px 5px rgba(37, 7, 102, 0.05);
	font: bold 14px;
	text-align: left;
	color: #770000;
	width: 15px;
	padding: 5px 20px 5px 10px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 4px;
	text-shadow: 0 2px 3px rgba(7, 37, 102, 0.1);
}

.notFound {
	display: flex;
	justify-content: center;
}

/*  Cache le menu "responsive" par default */
.responsive-menu {
	display: none;
}

/* Citations */
#sidebar .citations .title {
	padding: 10px 0;
	text-indent: unset;
	font-style: normal;
	font-weight: 900;
}

#sidebar .citations .citation-bloc .auteur {
	text-align: right;
	margin-top: -15px;
	margin-bottom: 20px;
	font-style: normal;
	font-weight: 500;
}

/* Responsive ----------------------------------------------------- */

/*---------------------------------------
  CUSTOM PROPERTIES ( VARIABLES )             
-----------------------------------------*/
:root {
	--pagination-button-width: 24px;
	--pagination-button-height: 24px;
	--pagination-button-line-height: 24px;
	--pagination-button-margin-right: 8px;
	--pagination-button-font-size: 13px;

	--text-language-button-width: 30px;
	--text-language-button-height: 30px;

	--image-thumbnail-width: 269px;
	--video-thumbnail-width: 218px;
  }

/*---------------------------------------
  Styles non responsive écrasés
-----------------------------------------*/

.page-txt #col-center #tab-txt .txt-item {
	height: unset;
	display: flex;
}

.page-txt #col-center #tab-txt .txt-item .txt-item-content {
	display: flex;
	flex-direction: column;
	width: -webkit-fill-available;
}

.page-txt #col-center #tab-txt .txt-item-wrapper {
	display: flex;
	justify-content: center
}

.page-txt #col-center #tab-txt .txt-item .image {
	position: unset;
}

.page-txt #col-center #tab-txt .txt-item h3 {
	float: unset;
	position: relative;
	width: unset;
	padding: 10px;
	display: flex;
	flex-direction: column
}

.page-txt #col-center #tab-txt .txt-item h3 span {
	width: unset;
	position: unset;
	white-space: normal;
}

.page-txt #col-center #tab-txt .txt-item .intro {
	float: unset;
	position: unset;
	width: unset;
	padding: 10px;
	margin-top: -15px;
}

.page-txt #col-center #tab-txt .txt-item .cases-wrapper {
	width: 30px;
}

.page-txt #col-center #tab-txt .txt-item .cases-wrapper .case-1 {
	padding: 10px 0 0 0;
}

.page-txt #col-center #tab-txt .txt-item .cases-wrapper .case-2 {
	padding: 45px 0 0 0;
}

.page-txt #col-center #tab-txt .txt-item .cases-wrapper .case-3 {
	padding: 80px 0 0 0;
}

.txt-item-image {
	display: flex;
    align-items: center;
}

.pagination-responsive {
	display: block;
}

.page-txt .pagination {
	float: right;
	width: unset;
	padding: 10px;
	margin: 0;
}

.page-txt .pagination .bottom {
	margin: 0;
}

.pagination-section-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pagination-responsive {
	display: none;
}

#responsive-categories-title {
	display: none;
}

.desktop-categories-title {
	display: block;
}

.responsive-categories-overlay {
	display: none;
}

.texte-item-row-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.page-bib #col-left #books-libros-livres {
	width: 100%;
	float: unset;
	display: flex;
	flex-direction: column;
}
.page-bib h1 {
	margin-bottom: 10px;
}

.page-bib #col-left #books-libros-livres h2 {
	background: none;
	padding-left: unset;
	width: 100%;
}

.page-bib #col-left #books-libros-livres h2.bib-on {
	background: none;
	padding-left: unset;
}

.titre-accordeon-wrapper {
	display: flex;
	align-items: center;
	border: 1px solid white;
	margin-bottom: 10px;
	padding: 19px;
	border-radius: 3px;
  	background: radial-gradient(rgba(254,254,234,0.3) 45%, rgba(251,239,220,0.3) 50%);
	background-image: -webkit-radial-gradient(rgba(254,254,234,0.3) 45%, rgba(251,239,220,0.3) 50%);
	background-image: -moz-radial-gradient(rgba(254,254,234,0.3) 45%, rgba(251,239,220,0.3) 50%);
	background-image: -ms-radial-gradient(rgba(254,254,234,0.3) 45%, rgba(251,239,220,0.3) 50%);
	background-image: -o-radial-gradient(rgba(254,254,234,0.3) 45%, rgba(251,239,220,0.3) 50%);
	background-image: linear-gradient(rgba(254,254,234,0.5) 33%, rgba(250,228,217,0.5) 67%);
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
	position: unset;
	width: unset;
	justify-content: center;
}

.titre-accordeon-wrapper .icon {
	display: block;
	padding-left: 20px;
	color: #700;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item a {
	margin: 0 auto;
	display: block;
	width: 21px;
	height: 18px;
	background: none;
	text-decoration: none;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item a::before {
	font-family: "fontawesome";
	/* icône du livre fermé, fa-book */
	content: "\f02d";
	font-size: 20px;
	color: #072566;
}

.page-bib #col-left #books-libros-livres .liste-livres .bib-item a:hover::before {
	font-family: "fontawesome";
	/* icône du livre ouvert, fa-book-open */
	content: "\f518"; 
	font-size: 20px;
	color: #072566;
}

#responsive-images-categories-subtitle {
	display: none;
}

.page-vid-main .main {
	display: flex;
	flex-wrap: wrap;
}

.page-vid-main h1 {
	width: unset;
	margin: 30px 20px 10px;
}

.video-category {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	min-height: 20vh;
}

.video-items-wrapper {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	width: calc(var(--video-thumbnail-width) * 4);
}

.video-item {
	margin: 0 10px 0 0;
	width: 190px;
	height: 175px;
	padding: 0;
	margin: 7px 7px 21px 7px;
	padding: 7px;
	text-align: center;
	border-radius: 2px;
	background: rgba(255,255,255,0.1);
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
}

.video-item h4 {
	float: left;
	position: relative;
	margin: 0;
	font-size: 13px;
	width: 188px;
	line-height: 15px;
	padding: 4px 0 0 4px;
	-webkit-transition: color 0.2s ease-out;
	-moz-transition: color 0.2s ease-out;
	transition: color 0.2s ease-out;
	hyphens: auto;
	-webkit-hyphens: auto;
	-webkit-hyphenate-character: "\2010";
	hyphenate-character: "\2010";
	-webkit-hyphenate-limit-after: 1;
	-webkit-hyphenate-limit-before: 3;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	-moz-hyphens: auto;

	text-align: center;
	color: #072566;
	font-style: italic;
	font-weight: normal;
	padding: 10px 0 0;

	display: flex;
	justify-content: center;
	align-items: center;
	height: 37px;
}

.video-categories-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	margin-top: 17px;
    margin-left: auto;
    margin-right: auto;
}

.video-category-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	margin: 10px;
	
	border: 1px solid white;
	border-radius: 2px;
	height: 20px;
	
	font-family: "Merriweather";
	font-size: 14px;
	font-weight: bold;
	color: #700;

	background: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -webkit-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -moz-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -ms-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -o-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
	position: unset;
	width: unset;
	cursor: pointer;
}

.search-section {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 15px 10px;
	margin-bottom: 10px;
	width: 100%;
}

.video-category-customize-button,
.navigation-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px 10px;
	margin: 10px;
	opacity: 0.8;

	border: 1px solid rgb(7 37 102 / 75%);
	border-radius: 2px;

	height: 20px;
	width: unset;
	cursor: pointer;
	
	font-family: "Merriweather";
	font-size: 14px;
	font-weight: bold;
	color: #072566;

	background: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -webkit-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -moz-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -ms-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -o-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
}

.link-button {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0px 10px;
	margin: 10px;
	opacity: 0.8;

	border: 1px solid rgb(7 37 102 / 75%);
	border-radius: 2px;

	height: 40px;
	width: unset;
	max-width: max-content;
	cursor: pointer;
	
	font-family: "Merriweather";
	font-size: 14px;
	font-weight: bold;
	color: #072566;

	background: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -webkit-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -moz-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -ms-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: -o-linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	background-image: linear-gradient(rgba(254,254,233,0.2), rgba(250,240,220,0.4));
	box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
}

.button-wrapper {
	display: flex;
    justify-content: center;
}

.search-box {
	color: #072566;
	padding: 10px;

	--background: #ffffff;
    --text-color: #414856;
    --primary-color: #4F29F0;
    --border-radius: 10px;
    background: var(--background);
    width: auto;
    /* height: var(--height); */
    position: relative;
    overflow: hidden;
    border-radius: var(--border-radius);
    box-shadow: 0 10px 30px rgb(65 72 86 / 5%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-box-icon {
	font-size: large;
}

.search-box-text {
	position: relative;

    font-weight: 400;
    font-size: medium;
	font-family: "Noto Sans";

    color: var(--text-color);
    border: 0;
    box-sizing: border-box;
    outline: none;
    transition: width 0.6s ease;
    cursor: pointer;
}

.searchLanguagesWrapper {
	display: flex;
	cursor: pointer;
}

.searchLanguageCheckboxWrapper {
	padding: 0 20px 0 0;
	font-size: smaller;
    font-family: "Noto Sans";
}

.searchLanguageCheckbox {
	font-size: medium;
	font-family: "Noto Sans";
	cursor: pointer;
}

.navigation-link {
	text-decoration: none;
}

.video-categories-button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 5px;
}

.video-category-counter {
    padding: 5px 0 20px 0;
}

h2#responsive-videos-categories-subtitle {
	display: none;
}

.selected {
	border: 1px solid #700;
}

.fa-icon {
	padding-right: 8px;
}

a {
    color: #072566;
}

a:hover {
	text-decoration: none;
	color: #072566;
}

img.video-image {
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 5px;
}

.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs .donateSelect {
	width: unset;
}

.page-oeu #cont-oeu #col-right #bloc-don-now p {
	float: unset; 
	width: unset; 
	padding: 25px 0 0 0;
}

div#don-img-wrapper {
	margin: auto;
	padding-bottom: 25px;
}


.search-box-reset {
	cursor: pointer;
	display: none;
}

.search-box-reset-wrapper {
    width: 18px;
    display: inline-block;
}

/* Tablette */

@media only screen and (max-width: 768px) {
	#header {
		width: 100vw;
		height: unset;
		left: 33vw;
		transform: translateX(-33vw);
		z-index: 2;
		/* Pour être au-dessus de back to top */
	}

	#header #sun {
		left: 60vw;
	}

	#header #menu {
		display: none;
	}

	#header #lang {
		display: none;
	}

	#conteneur {
		width: 100vw;
		margin: 0px;
		padding: 0px;
	}

	#contenu {
		width: 100vw;
		display: flex;
    	flex-direction: column;
		align-items: center;
	}

	#contenu-video {
		width: 100vw;
	}

	#content {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.col-one-txt {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 90vw;
	}

	.bloc {
		border: 2px solid white;
		max-width: 15em;
		margin: 1em;
		padding: 15px;
		min-height: 10em;
		line-height: 1em;
		text-align: center;
		border-radius: 2px;
		background: radial-gradient(#fefeea, #fbefdc);
		background-image: -webkit-radial-gradient(#fefeea, #fbefdc);
		background-image: -moz-radial-gradient(#fefeea, #fbefdc);
		background-image: -ms-radial-gradient(#fefeea, #fbefdc);
		background-image: -o-radial-gradient(#fefeea, #fbefdc);
		background-image: radial-gradient(#fefeea, #fbefdc);
		box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
		position: unset;
		width: unset;
	}

	.main-widgets {
		background: none;
		height: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		padding-bottom: 30px;
	}

	.accueil .bloc {
		position: unset;
		width: unset;
	}

	.accueil #bloc-bib {
		top: unset;
		left: unset;
	}

	.accueil #bloc-cou {
		top: unset;
		left: unset;
	}

	.accueil #bloc-img {
		top: unset;
		left: unset;
	}

	.accueil #bloc-txt {
		top: unset;
		left: unset;
	}

	.accueil #bloc-vid {
		top: unset;
		left: unset;
	}

	.conteneur-recommandations-et-dons {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.recommend {
		width: 100vw;
		background-size: 100vw 124px;
	}

	.recommend #gnosis {
		background-size: 85% 85%;
		top: 55px;
		left: 5vw;
		display: block;
	}

	.recommend #consa {
		background-size: 85% 85%;
		top: 55px;
		left: 40vw;
		display: block;
	}

	.recommend #mgi {
		background-size: 85% 85%;
		top: 20px;
		left: 80vw;
		display: block;
	}

	.dons {
		float: unset;
		width: 100vw;
		height: 124px;
		background-size: 100vw 124px;
	}

	.dons p {
		width: 70vw;
	}

	.dons #soleil {
		top: 20px; 
		left: 80vw;
		background-size: 70% 70%;
	}

	.accueil #main-content {
		width: 100vw;
		margin: 24px 0 0 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.accueil #main-col {
		width: 90vw;
		margin: unset;
		border: unset;
	}

	.main-post {
		margin-right: unset;
	}
	
	#sidebar {
		width: 100vw;
		margin-right: unset;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#sidebar-home {
		width: unset;
		margin-left: unset;
		margin-bottom: unset;
	}

	#sidebar .social-ico {
		display: none;
	}

	#sidebar .classes {
		max-width: 285px;
		margin: 20px;
		border: unset;
	    display: flex;
    	flex-direction: column;
		align-items: center;
	}

	#sidebar .classes-img {
		margin: 0 20px 20px 20px;
	}

	#sidebar .donate {
		max-width: 285px;
		margin: 20px;
		border: unset;
		display: flex;
    	flex-direction: column;
		align-items: center;
	}

	.donate-img {
		max-width: 15em;
	}

	#sidebar .links {
		display: none;
	}

	#sidebar .sidebar-group {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#sidebar .citations {
		width: 100vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	#sidebar .citations p {
		max-width: 480px;
		margin-bottom: 10px;
		text-align: justify;
		text-indent: 20px;
		font-style: italic;
	}

	#sidebar .citations {
		border: none;
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 85vw;
	}

	.featured {
		margin-top: -33px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.posts {
		margin: 15px 15px 33px 15px;
		width: 290px;
	}

	.post-back-txt {
		padding: unset;
	}

	.post-txt {
		width: 88vw;
	}

	.separation {
		width: 30%;
		border-bottom: solid 1px #770000;
		margin: 20px 0;
	}

	/* Menu en responsive ----------------------------------------- */
	/* Add a black background color to the top navigation */
	.responsive-menu {
		background-color: #211b1b;
		overflow: hidden;
		/* border: 2px solid rgb(251, 255, 0); */
		display: block;
		height: 42px;
		margin-bottom: 10px;
		/* font-family: 'Noto Sans'; */
	}
  
	/* Style the links inside the navigation bar */
	.responsive-menu a, .responsive-bread-crum {
		float: left;
		display: block;
		color: #ffbe33;
		text-align: center;
		padding: 10px 20px 12px 20px;
		text-decoration: none;
		font-size: 21px;
	}

	.responsive-menu .icon {
		padding: 14px 14px;
	}
	
	/* Change the color of links on hover */
	.responsive-menu a:hover {
		background-color: #9aa8b7;
		color: #700;
	}
	
	/* Add an active class to highlight the current page */
	.responsive-menu a.active {
		/* background-color: #04AA6D; */
		/* color: white; */
		background-color: #700;
		color: #ffcd4d;
		height: 23px;
	}

	.responsive-menu #reponsive-lang {
		display: flex;
		flex-direction: row-reverse;
		width: 100%;
	}
	
	/* #header .responsive-menu #reponsive-lang li#fr {
		background: transparent url(/images/menu-venerabilis.jpg) 0 -122px no-repeat;
	} */

	/* Hide the link that should open and close the responsive-menu on small screens */
	.responsive-menu .icon {
		display: none;
	}

	.responsive-bread-crum.responsive {
		display: none;
	}

	/* .responsive-menu a:not(:first-child) {display: none;} */
	.responsive-menu a {
		display: none;
	}

	.responsive-menu a.icon {
	  float: right;
	  display: block;
	}

	/* The "responsive" class is added to the responsive-menu with JavaScript when the user clicks on the icon. This class makes the responsive-menu look good on small screens (display the links vertically instead of horizontally) */
	.responsive-menu.responsive {
		position: relative;
		height: unset;
	}

	.responsive-menu.responsive a.icon {
	  position: absolute;
	  right: 0;
	  top: 0;
	  /* padding: 14px; */
	}

	.responsive-menu.responsive a {
	  float: none;
	  display: block;
	  text-align: left;
	}

	/* Fin du Menu en responsive ---------------------------------- */

	/* Page Textes */
	.page-txt #col-left {
		display: none;
	}

	.page-txt #col-right {
		display: none;
	}

	.page-txt #social {
		display: none;
	}

	.page-txt {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.path {
		display: none;
	}

	.page-txt #suggest {
		width: unset;
	}

	.page-txt #col-center {
		width: 100vw;
		margin: 0;
		display: flex;
		flex-direction: column;
	}

	.page-txt #col-center h1 {
		width: 95vw;
		padding: 20px 0 20px 10px;
	}

	.page-txt #col-center h2 {
		width: unset;
		padding: 10px;
	}

	.page-txt #col-center #tab-txt {
		width: 100vw;
	}

	.page-txt #col-center #tab-txt .txt-item {
		height: unset;
		width: 90%;
		display: flex;
	}

	.page-txt #col-center #tab-txt .txt-item .txt-item-content {
		display: flex;
		flex-direction: column;
		width: -webkit-fill-available;
	}

	.page-txt #col-center #tab-txt .txt-item-wrapper {
		display: flex;
		justify-content: center
	}

	.page-txt #col-center #tab-txt .txt-item .image {
		position: unset;
	}

	.page-txt #col-center #tab-txt .txt-item h3 {
		float: unset;
		position: relative;
		width: unset;
		padding: 10px;
		display: flex;
		flex-direction: column
	}

	.page-txt #col-center #tab-txt .txt-item h3 span {
		width: unset;
		position: unset;
		white-space: normal;
	}

	.page-txt #col-center #tab-txt .txt-item .intro {
		float: unset;
		position: unset;
		width: unset;
		padding: 10px;
		margin-top: 0px;
	}

	.page-txt #col-center #tab-txt .txt-item .cases-wrapper {
		width: 45px;
		display: flex;
		flex-direction: column;
		/* justify-content: space-evenly; */
	}

	.page-txt #col-center #tab-txt .txt-item .cases-wrapper img {
		width: var(--text-language-button-width);
		height: var(--text-language-button-height);
	}

	.page-txt #col-center #tab-txt .txt-item .cases-wrapper .case {
		position: unset;
		padding: 10px 0;
		height: var(--text-language-button-height);
	}

	.pagination-responsive {
		display: block;
	}

	.pagination {
		float: right;
		width: unset;
	}

	.pagination .bottom {
		margin: 0;
	}

	.pagination a {
		width: var(--pagination-button-width);
		height: var(--pagination-button-height);
		line-height: var(--pagination-button-line-height);
		margin-right: var(--pagination-button-margin-right);
		font-size: var(--pagination-button-font-size);
	}
	
	.pagination a:hover {
		background: #87A5C9;
		color: #072566;
	}
	
	.pagination div.current {
		width: var(--pagination-button-width);
		height: var(--pagination-button-height);
		line-height: var(--pagination-button-line-height);
		margin-right: var(--pagination-button-margin-right);
		font-size: var(--pagination-button-font-size);

		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.pagination div.disabled {
		width: var(--pagination-button-width);
		height: var(--pagination-button-height);
		line-height: var(--pagination-button-line-height);
		margin-right: var(--pagination-button-margin-right);
		font-size: var(--pagination-button-font-size);
		background: #ccc;
		border: 1px solid #999;
		text-decoration: none;
		color: #fffbca;
	}

	.pagination .icon {
		width: var(--pagination-button-width);
		font-size: initial;
		padding: 4px 1px;
	}

	.page-img .cont-pagination {
		display: none;
	}

	.img-pagination-section-wrapper {
		margin-bottom: 20px;
	}

	/* Panneau des catégories de la page des textes en responsive */
	.responsive-categories-overlay {
		height: 100vh;
		width: 0;
		position: fixed;
		z-index: 2;
		top: 0;
		left: 0;
		/* background-color: rgba(0,0,0, 0.9); */
		background-color: #211b1b;
		overflow-x: hidden;
		transition: 0.5s;
		display: block;
	}
	
	.responsive-categories-overlay-content {
		position: relative;
		top: 10%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}
	
	.responsive-categories-overlay a {
		padding: 14px;
		text-decoration: none;
		font-size: 22px;
		color: #ffcd4d;
		display: block;
		transition: 0.3s;
	}

	.responsive-categories-overlay a.active {
		background-color: #700;
		color: #ffcd4d;
	}
	
	.responsive-categories-overlay a:hover, .responsive-categories-overlay a:focus {
		color: #9aa8b7;
	}
	
	.responsive-categories-overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 56px;
	}
	
	#responsive-categories-title {
		display: block;
	}

	#desktop-categories-title {
		display: none;
	}

	.sep-cat {
		width: 100%;
		border-bottom: #ffcd4d70 1px solid;
	}

	#cat-guide {
		float: unset;
		font-style: italic;
		margin-top: 25px;
		font-size: 20px;
	}

	#titre-cat {
		font-size: 24px;
		color: #ffffe9;
		font-weight: bold;
		display: block;
	}
	
	#titre-cat span {
		margin: 15px 10px 14px 0;
		font-size: 22px;
		font-weight: normal;
		color: #d1cda7;
		display: block;
		text-shadow: none;
	}

	/* Fin des styles du panneau des catégories de la page des textes en responsive */

	/* Page Livres */
	.page-bib #search {
		margin-right: unset;
		display: flex;
		flex-direction: row;
	}

	.page-bib #col-right {
		display: none;
	}

	.page-bib #col-left #books-libros-livres .liste-livres {
		padding: 15px 0 0 0;
		width: 100%;
	}

	.page-bib #col-left #books-libros-livres h1 {
		width: 100%;
	}

	.page-bib #col-left #books-libros-livres h2 {
		height: unset; 
		line-height: unset;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .cat-langues {
		width: 100%;
		display: flex;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .souscat {
		width: calc(100% - 193px);
		white-space: normal;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .lang {
		max-width: 50%;
		display: flex;
		align-items: center;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .cat-langues .lang-fr {
		padding: 0 7px 0 5px;
		width: 52px;
		text-align: center;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .bib-item {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.page-bib #col-left #books-libros-livres .liste-livres .bib-item h3 {
		width: calc(100% - 193px);
	}

	.page-bib #col-left {
		margin-left: unset;
		float: unset;
		width: 90%;
	}

	.page-bib #suggest {
		width: 90%;
	}

	/* Page Cours */
	.page-cou {
		background: transparent url(/images/page-back.jpg) no-repeat;
		padding-top: 20px;
	}

	.page-cou #titre .social {
		display: none;
	}

	.page-cou #titre h5 {
		padding: 20px 20px 0;
	}

	.page-cou #intro {
		width: 100%;
		height: unset;
	}

	.page-cou #intro h1 {
		left: unset;
		top: unset;
		padding: 20px;
		position: unset;
	}

	.page-cou #intro h2 {
		left: unset;
		top: unset;
		padding: 20px;
		width: calc(100% - 40px);
		position: unset;
		text-indent: 1em;
	}

	.page-cou #intro h2 span {
		width: 100%;
		position: unset;
		margin: unset;
	}

	.page-cou #titre {
		float: unset;
		width: unset;
		height: unset;
		margin-top: 30px;
	}

	.page-cou #ligne1, 
	.page-cou #ligne2 {
		display: flex;
		flex-direction: column;
		width: unset;
		float: unset;
		background: none;
		border-bottom: none;
		padding: unset;
	}

	.page-cou #ligne1 #cours1, 
	.page-cou #ligne1 #cours2,
	.page-cou #ligne2 #cours3,
	.page-cou #ligne2 #cours4 {
		width: unset;
		padding: 20px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	/* Ajoute une ligne de séparation entre les cours */
	.cours-wrapper {
		display: flex;
		flex-direction: column;
	}

	.cours-wrapper:after {
		content: "";
		display: block;
		margin: 0 auto; /* centre la ligne */
		width: 33%; /* longueur de la ligne */
		border-bottom: 1px solid #700;
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.page-cou #inscription {
		width: unset;
	}

	.page-cou #ligne {
		width: 0px;
	}

	.page-cou #avenir {
		float: unset;
		width: 100%;
		position: unset;
	}

	.page-cou #essai {
		float: unset;
		width: unset;
		padding: 20px;
	}

	.page-cou #ligne11 { 
		float: unset;
		width: unset;
	}

	.page-cou #essai #text {
		width: unset;
		padding: unset;
	}

	.page-cou #ligne1 #cours1 #texte1, 
	.page-cou #ligne1 #cours2 #texte2, 
	.page-cou #ligne2 #cours3 #texte3, 
	.page-cou #ligne2 #cours4 #texte4 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.page-cou #inscription {
		padding-top: 20px;
		height: unset;
	}

	.page-cou img.inscrip1 {
		margin: 20px auto;
	}

	.page-cou img.inscrip2 {
		padding-top: 20px;
		height: unset;
	}

	.page-cou #avenir p {
		margin: -20px auto 40px auto;
		padding: 0 10px;
	}

	/* Page Images */
	.page-img #search {
		margin-right: unset;
		display: flex;
		flex-direction: row;
	}

	#search input[type="text"] {
		margin-right: 10px;
	}

	.page-img #col-left {
		display: none;
	}

	.page-img #col-center {
		width: 90%;
		float: unset;
		margin-left: 0px;
		display: flex;
		flex-direction: column;
	}

	.page-img #col-center .all-img {
		width: calc(var(--image-thumbnail-width) * 2);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	.page-img #col-center .social {
		display: none;
	}

	.page-img #col-center h1 {
		width: 100%;
	}

	.page-img #col-center h2 {
		width: 100%;
		margin-bottom: unset;
	}

	.page-img #suggest {
		width: 100%;
	}

	/* Panneau des catégories de la page des images en responsive */
	#responsive-images-categories-subtitle {
		display: block;
	}

	#desktop-images-categories-subtitle {
		display: none;
	}
	/* Fin des styles du panneau des catégories de la page des textes en responsive */

	.video-items-wrapper {
		width: calc(var(--video-thumbnail-width) * 3);
	}

	.page-vid-main h3 {
		margin: 30px auto 22px auto;
		width: calc(100% - 30px);
	}

	.page-vid-main .social {
		display: none;
	}

	h2#responsive-videos-categories-subtitle {
		display: block;
		width: unset;
		padding: 10px;
		margin: auto;
		font-size: 20px;
    	font-weight: bold;
	}

	.video-categories-button,
	.video-categories-wrapper {
		display: none;
	}

	.col-one-vid {
		width: unset;
	}

	.post-back-vid {
		width: unset;
	}

	.post-vid {
		width: unset;
	}

	.post-vid iframe {
		display: block;
		width: 100%;
		height: calc(100vw / 1.778); /* 16:9 ratio */
	}

	/* Page de la videotheque */
	.page-vid #col-left {
		display: none;
	}

	.page-vid #col-center #all-vid {
		width: 100vw;
	}

	.page-vid #col-center {
		width: 100%;
		margin-left: unset;
		display: flex;
		flex-direction: column;
	}

	.page-vid #col-center h1 {
		padding-left: 17px;
	}

	.page-vid #col-center h2 {
		padding-left: 17px;
	}

	#media-bar-right {
		display: none;
	}

	.page-vid #col-center h2 {
		width: 100%;
		margin-top: 20px;
	}

	.page-vid #suggest {
		width: 100%;
	}

	.vid-text {
		display: flex;
		flex-direction: column;
	}

	.page-vid #col-center .vid-item {
		width: 96%;

		border: 1px solid #fff;
		box-shadow: 0px 1px 5px 1px rgb(215 200 165 / 50%);
		-moz-box-shadow: 0px 1px 5px 1px rgba(215, 200, 165, 0.5);
		-webkit-box-shadow: 0px 1px 5px 1px rgb(215 200 165 / 50%);
	}
	
	.page-vid .cont-pagination {
		display: none;
	}

	.page-vid #col-center .vid-item a h3 {
		width: unset;
	}

	.page-vid #col-center .vid-item a p {
		width: unset;
	}

	.page-vid #col-center .social {
		display: none;
	}

	.page-vid #col-center #search {
		margin: auto;
	}

	.page-vid #col-center #return {
		font-size: 15px;
		font-style: italic;
		margin: auto;
	}

	.page-vid #col-center .cont-vid {
		width: unset;
	}

	.page-oeu #cont-oeu {
		width: 100%;
		height: unset;
		display: flex;
		flex-direction: column;
		background: none;
	}

	.page-oeu #cont-oeu #col-left {
		display: flex;
		flex-direction: column;
		float: unset; 
		width: unset;
	}

	.page-oeu #cont-oeu #col-left {
		padding-left: 18px;

	}

	.page-oeu #cont-oeu p {
		float: unset;
		width: unset;
	}

	.page-oeu #cont-oeu #col-right {
		float: unset;
		width: unset;
		display: flex;
		flex-direction: column;
	}

	.page-oeu #cont-oeu #col-right h2, .page-oeu #cont-oeu #col-right .soustitre, .page-oeu #cont-oeu #col-right p {
		width: unset;
	}

	.page-oeu #cont-oeu .soustitre {
		width: unset;
	}

	.page-oeu #cont-oeu h2 {
		width: unset;
	}

	.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs {
		position: absolute;
		width: 198px;
		top: 0px;
		left: 173px;
	}

	.page-oeu #cont-oeu #col-right #bloc-don-now {
		width: unset;
		display: flex;
		flex-direction: column;
	}

	.page-joi #col-left {
		width: calc(100% - 30px);
		padding: 0 15px;
		margin: unset;
	}

	.page-joi #col-left #titre-joi {
		float: unset;
		padding: 27px 0 25px 3px;
		width: unset;
	}

	.page-joi #col-left #all-contact {
		width: unset;
		float: unset;
	}

	.page-joi #email-gene {
		width: 100%;
	}

	.page-joi #col-left #all-contact .item-contact {
		margin: unset;
		width: 100%;
	}

	.page-joi #col-left #all-contact .top-contact {
		width: 90%;
		max-width: unset;
		padding: 35px 0px 22px 20px;
		background: none;

		border: 2px solid white;
		margin: 1em;
		padding: 15px;
		min-height: 10em;
		line-height: 1em;
		border-radius: 2px;
		box-shadow: 0px 1px 5px -3px rgba(251,239,2220,0.5), 0px 1px 1px 1px rgba(213,190,154,0.5), 0px 3px 5px 0.5px rgba(213,190,154,0.5);
		position: unset;
	}

	.page-joi #col-left #all-contact .bottom-contact {
		background: none;
		width: unset;
	}

	form {
		display: flex;
		flex-direction: column;
	}

	.page-joi #col-left #all-contact .top-contact .elementForm {
		float: unset;
		width: unset;
		padding-bottom: 10px;
	}

	.page-joi #col-left #all-contact .top-contact .non-divulg {
		padding: 22px 0px 0 2px;
	}

	.page-joi #col-right {
		display: none;
	}

	.page-joi #col-left #all-contact .top-contact .envoyer {
		margin: auto;
		width: unset;
	}

	.page-sem #titre-sem {
		width: 80%;
	}

	.page-sem #all-conf {
		width: 80%;
		padding: unset;
	}

	.page-sem #cont-sem {
		width: 100vw;
		padding-left: unset;
	}

	.page-sem #cont-sem h1 {
		width: 100vw;
	}

	.page-sem #cont-sem h2 {
		width: 100vw;
	}

	.page-sem #cont-sem #bloc-vid {
		width: 100vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.page-sem #cont-sem #bloc-vid .vid-item {
		float: unset;
		width: unset;
	}

	.page-sem #cont-sem #bloc-lec {
		width: 100vw;
	}

	.page-sem #cont-sem #bloc-pra {
		width: unset;
		padding: 20px;
	}

	.page-sem #cont-sem #bloc-que {
		width: calc(100vw - 40px);
		padding: 20px 20px;
	}

	.page-sem #cont-sem #bloc-que .elementForm {
		width: unset;
		margin-right: 25px;
	}

	.page-sem #cont-sem #bloc-que .elementForm label.large {
		width: 100%;
	}

	.page-sem #cont-sem #bloc-que .elementForm textarea {
		width: calc(100% - 6px);
	}

	.page-sem #cont-sem #bottom-que {
		width: 100%;
		margin: 0 25px;
	}

	.page-sem #cont-sem #bloc-que .note {
		padding: 0 20px;
		width: calc(100% - 40px);
	}

	.page-sem #cont-sem #bloc-que .envoyer {
		padding: unset;
		width: unset;
		margin: 20px auto 0;
	}

	.page-sem #titre-sem {
		padding: 20px 0 20px 0px;
		width: 80%;
	}

	.page-sem .cont-missio {
		width: 80%;
	}

	.page-sem img.missio {
		margin-left: unset;
		max-width: 550px;
		width: 100%;
	}

	.page-sem #head-question {
		float: unset;
		margin-right: unset;
	}

	.page-sem #titre-missio {
		padding: 20px 0 20px 0px;
		width: 80%;
	}

	.page-sem #finale-missio {
		width: unset;
	}

	.page-sem .cont-missio .soustitre {
		width: unset;
	}

	.page-sem .cont-missio #col-right p {
		float: unset; 
		width: unset;
		padding: 0 30px 0 0;
		text-indent: 10px;
	}

	.page-sem .cont-missio #col-right p+p {
		text-indent: 20px;
		margin-top: 0;
	}

	.page-sem .cont-missio #col-left p {
		float: unset;
		width: unset;
		text-indent: 20px;
	}

	.page-sem .cont-missio #col-left p+p {
		text-indent: 20px;
		margin-top: 0;
	}

	.page-sem .cont-missio #col-right {
		padding: 0 20px;
		width: unset;
		display: flex;
		flex-direction: column;
	}

	.page-sem .cont-missio #col-left {
		padding: 0 0 0 28px;
		float: unset; 
		width: unset;
	}

	.page-sem .cont-missio #ligne {
		float: unset;
		width: unset;
	}

	.page-sem img.pad {
		float: unset;
		padding-left: unset;
		margin-right: unset;
	}

	.page-sem #image-samael {
		width: 150px;
	}

	.page-sem #image-elizabeth {
		width: 200px;
	}

	.page-sem #image-amis {
		width: 200px;
	}

	.page-sem #image-xolotl {
		width: 200px;
	}

	.page-sem #image-tutmosis {
		width: 200px;
	}

	.page-sem #image-jesus {
		width: 200px;
	}

	div#cont-missio {
		float: unset;
		margin: 0 0 40px 0;
	}
}

@media screen and (max-width: 650px) {
	.video-items-wrapper {
		width: calc(var(--video-thumbnail-width) * 2);
	}

	.page-oeu #cont-oeu #col-left #blocDonLeft {
		float: left;
	}

	.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs {
		position: absolute;
		width: 210px;
		top: 40px;
		left: 0px;
	}

	.page-oeu #cont-oeu #col-left #donateRight #donateSelectAbs .donateSelect {
		width: 100%;
	}

	.search-box {
		flex-direction: column;
	}

	.searchLanguagesWrapper {
		margin-top: 10px;
	}

	.searchTextWrapper {
		padding: 10px;
	}

	.searchLanguageCheckboxWrapper {
		padding: 0 5px;
	}
}

@media screen and (max-width: 550px) {
	#header {
		width: 100vw;
		overflow: hidden;
		left: 70vw;
		transform: translateX(-70vw);
		background-position-x: center;
		background-position-y: 0px;
		padding-top: 220px;
	}

	#header #sun {
		top: 20px;
		left: 70vw;
		background-size: 70% 70%;
		z-index: -1;
	}

	#header #logo-fr {
		top: 40px;
		left: 30px;
		background-size: 80% 80%;
	}

	.page-cou #ligne1 #cours1, 
	.page-cou #ligne1 #cours2 {
		flex-direction: column-reverse;
	}

	.page-cou #ligne2 #cours3,
	.page-cou #ligne2 #cours4 {
		flex-direction: column;
	}
	
	.cours-wrapper:after {
		margin-bottom: 15px;
		margin-top: 15px;
	}

	.page-cou #ligne1 #cours1 #texte1, 
	.page-cou #ligne1 #cours2 #texte2, 
	.page-cou #ligne2 #cours3 #texte3, 
	.page-cou #ligne2 #cours4 #texte4 {
		width: 100%;
		padding: unset;
	}

	.page-cou #ligne1 #cours1 img.img1,
	.page-cou #ligne1 #cours2 img.img2,
	.page-cou #ligne2 #cours3 img.img3,
	.page-cou #ligne2 #cours4 img.img4 {
		float: unset;
		height: fit-content;
		padding: 20px;
	}

	.pagination-section-wrapper {
		flex-direction: column;
	}

	.page-cou #ligne1 #cours1, 
	.page-cou #ligne1 #cours2,
	.page-cou #ligne2 #cours3,
	.page-cou #ligne2 #cours4 {
		border-bottom: none;
	}

	.img-pagination-section-wrapper {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
	}

	.page-img #col-center h2 {
		width: unset;
		margin-bottom: 1em;
	}

	.page-img #col-center .all-img {
		width: calc(var(--image-thumbnail-width) * 1);
	}

	.video-items-wrapper {
		width: calc(var(--video-thumbnail-width) * 2);
	}

	.page-vid #col-center h2 {
		width: unset;
		margin: 20px 0;
		padding-left: unset;
	}

	.page-oeu #cont-oeu #col-right #connaissance {
		margin-left: unset;
		width: auto;
		height: auto;
	}

	.page-oeu #cont-oeu #col-right #leg-connais {
		width: unset; 
		float: unset;
		margin: unset;
		text-align: center;
		font-style: italic;
		font-size: 15px;
	}

	.image-oeuvrer {
		width: auto; 
		height: auto;
		margin: unset;
	}

	.page-oeu #cont-oeu #col-right #bloc-don-now {
		width: unset;
		display: flex;
		flex-direction: column;
	}
}

/* Ce breakpoint est spécifiquement créé pour les chemps des formulaires de la page "Nous joindre" */

@media only screen and (max-width: 500px) {
	.page-joi #col-left #all-contact .top-contact .elementForm label {
		width: 100%;
	}

	.page-joi #col-left #all-contact .top-contact .elementForm .label-court {
		width: 100%;
	}

	.page-joi #col-left #all-contact .top-contact .elementForm .champ-long {
		width: 100%;
	}

	.page-joi #col-left #all-contact .top-contact .elementForm input, .page-joi #col-left #all-contact .top-contact .elementForm textarea {
		width: 100%;
	}

	.page-sem #cont-sem #bloc-que .elementForm input, .page-sem #cont-sem #bloc-que .elementForm textarea {
		width: 100%;
	}
}

/* Mobile Large */

@media only screen and (max-width: 425px) {
	#header {
		width: 100vw;
		overflow: hidden;
		left: 70vw;
		transform: translateX(-70vw);
		background-position-x: center;
		background-position-y: -50px;
		padding-top: 150px;
	}
	
	#header #sun {
		top: 20px;
		left: 70vw;
		background-size: 40% 40%;
		z-index: -1;
	}

	#header #logo-fr {
		top: 40px;
		left: 30px;
		background-size: 80% 80%;
	}

	#header #logo-en {
		top: 40px;
		left: 30px;
		background-size: 80% 80%;
	}

	#header #logo-es {
		top: 40px;
		left: 30px;
		background-size: 80% 80%;
	}

	.accueil .acordeon p {
		margin: unset
	}

	.accueil .acordeon ul ul {
		padding: 20px 0 0 0;
	}

	.accueil .acordeon p p+p {
		text-indent: 20px;
	}

	.accueil #main-content {
		width: 100vw;
		margin: 24px 0 0 0;
		align-items: center;
	}

	.accueil #main-col {
		width: 90vw;
		margin: unset;
		border: unset;
	}

	.main-post {
		margin-right: unset;
	}

	#sidebar {
		width: unset;
		margin-right: unset;
	}

	#sidebar-home {
		margin-left: unset;
		margin-bottom: unset;
	}

	.posts {
		margin-right: unset;
	}

	.featured {
		display: flex;
		flex-direction: column;
		align-items: center;
		float: unset;
	}
	
	.bloc {
		width: unset;
		margin: 1em 2em;
	}

	.aimeFB-home {
		display: none;
		/* TODO Voir si on remet car on l'a déjà plus bas dans la page */
	}

	.aimeFb-txt {
		display: none;
	}

	.main-widgets {
		justify-content: space-evenly;
	}

	.recommend #consa {
		left: 37vw;
	}
	
	.recommend #mgi {
		left: 72vw;
	}

	.dons {
		height: 160px;
		background-size: 100vw 160px;
	}

	.dons p {
		width: 65vw;
	}

	.dons #soleil {
		left: 75vw;
		background-size: 70% 70%;
	}

	#media-sociaux {
		margin: 10px 4px;
	}

	#footer {
		margin: 0px 4px;
	}

	.back-to-top {
		right: 20px;
		bottom: 20px;
	}

	.back-to-top a {
		right: 20px;
		bottom: 20px;
	}
	
	.back-to-top a:hover {
		right: 20px;
		bottom: 20px;
	}

	/* Tables des texte-items lus à partir de la BD */
	table>* {
		display: flex;
		flex-direction: column;
	}

	table tr>* {
		display: block;
	}

	table td {
		width: 85vw !important;
		height: unset !important;
	}

	.post-txt img {
		width: 100% !important;
		height: unset !important;
		margin: 15px 0;
	}

	.post-txt .img-right {
		float: unset;
	}

	.video-items-wrapper {
		width: calc(var(--video-thumbnail-width) * 1);
	}

	.page-vid #col-center #all-vid {
		width: 100vw;
		float: unset;
	}

	.page-vid #col-center .vid-item {
		width: 396px;
	}

	.page-oeu #cont-oeu #col-left #blocDonLeft {
		display: flex;
		flex-direction: column;
	}

	.page-joi #col-left #all-contact .top-contact {
		margin: 0;
	}
}

/* Mobile Small */

@media only screen and (max-width: 320px) {
	/* Styles */

	#header {
		background-position-x: center;
		background-position-y: -105px;
		padding-top: 90px;
	}

	#header #sun {
		background-size: 30% 30%;
	}

	#header #logo-fr {
		background-size: 50% 50%;
	}

	#header #logo-en {
		background-size: 50% 50%;
	}

	#header #logo-es {
		background-size: 50% 50%;
	}

	.conteneur-recommandations-et-dons {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}

	.posts {
		margin: 25px 0px;
		width: 100%;
	}

	.recommend {
		background-size: 315px 124px;
	}

	.recommend #gnosis {
		background-size: 65% 65%;
		top: 55px;
		left: 20px;
	}

	.recommend #consa {
		background-size: 65% 65%;
		top: 55px;
		left: 120px;
	}
	
	.recommend #mgi {
		background-size: 65% 65%;
		top: 40px;
		left: 230px;
	}

	.dons {
		float: unset;
		width: 100vw;
		height: 190px;
		background-size: 315px 190px;
	}

	.dons p {
		width: 190px;
	}

	.dons #soleil {
		top: 50px; 
		left: 225px;
		background-size: 65% 65%;
	}
}