/*	***************************************************************
	FONTES
	************************************************************ */

/*	COURIER ==================================================== */
@font-face {
    font-family: 'courier_stdmedium';
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstd-medium-webfont.svg#courier_stdmedium') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'courier_std_obliquemedium';
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdoblique-medium-webfont.svg#courier_std_obliquemedium') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'courier_std_boldbold';
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdbold-bold-webfont.svg#courier_std_boldbold') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'courier_std_bold_obliquebold';
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/courierstdboldoblique-bold-webfont.svg#courier_std_bold_obliquebold') format('svg');
    font-weight: normal; font-style: normal; }
    
/*	GRUMPY ==================================================== */
@font-face {
    font-family: 'grumpy24black';
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy24-black-webfont.svg#grumpy24black') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'grumpy36black';
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy36-black-webfont.svg#grumpy36black') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'grumpy48black';
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy48-black-webfont.svg#grumpy48black') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'grumpy88black';
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy88-black-webfont.svg#grumpy88black') format('svg');
    font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'grumpy99black';
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/grumpy99-black-webfont.svg#grumpy99black') format('svg');
    font-weight: normal; font-style: normal; }
    
/*	WC_RHESUS_A_BTAREGULAR ==================================================== */
@font-face {
	font-family: 'wc_rhesus_a_btaregular';
    src: url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/wc_rhesus_a_bta-webfont.svg#wc_rhesus_a_btaregular') format('svg');
    font-weight: normal; font-style: normal; }

/*	PUPUNZI FONTES :
	mb_audio_font › les glyphes des boutons | DroidSansMonoRegular › les textes dans le player
	==================================================== */
@font-face {
	font-family: 'mb_audio_fontRegular';
	src: url('https://www.akklesia.eu/public-fr/fontes/mb_audio_font.eot');
	src: local('☺'),
	url('https://www.akklesia.eu/public-fr/fontes/mb_audio_font.woff') format('woff'),
	url('https://www.akklesia.eu/public-fr/fontes/mb_audio_font.ttf') format('truetype'),
	url('https://www.akklesia.eu/public-fr/fontes/mb_audio_font-webfont_svg#webfontywr4YLri') format('svg');
	font-weight: normal; font-style: normal; }
@font-face {
    font-family: 'DroidSansMonoRegular';
    src: url('https://www.akklesia.eu/public-fr/fontes/DroidSansMono.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/DroidSansMono.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/public-fr/fontes/DroidSansMono.woff') format('woff'),
         url('https://www.akklesia.eu/public-fr/fontes/DroidSansMono.ttf') format('truetype'),
         url('https://www.akklesia.eu/public-fr/fontes/DroidSansMono.svg#DroidSansMonoRegular') format('svg');
	    font-weight: normal; font-style: normal; }

/* --- WARNOCK-PRO ==================================================== */
@font-face { font-family: 'warnulflight'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-light-webfont.svg#warnulflight') format('svg'); }

@font-face { font-family: 'warnulflightit'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-lightit-webfont.svg#warnulflight') format('svg'); }

@font-face { font-family: 'warnulfregular'; font-weight: normal; font-style: normal;
	src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.eot');
	src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-regular-webfont.svg#warnulfregular') format('svg'); }

@font-face { font-family: 'warnulfregularit'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-it-webfont.svg#warnulfregular') format('svg'); }

@font-face { font-family: 'warnulfsemibold'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semibold-webfont.svg#warnulfsemibold') format('svg'); }

@font-face { font-family: 'warnulfsemiboldit'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-semiboldit-webfont.svg#warnulfsemibold') format('svg'); }

@font-face { font-family: 'warnulfbold'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-bold-webfont.svg#warnulfbold') format('svg'); }

@font-face { font-family: 'warnulfboldit'; font-weight: normal; font-style: normal;
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.eot');
    src: url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.woff2') format('woff2'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.woff') format('woff'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.ttf') format('truetype'),
         url('https://www.akklesia.eu/themes/akklesia/fonts/warnulf-boldit-webfont.svg#warnulfbold') format('svg'); }

/* -- ROTIS ==================================================== */

@font-face { font-family: RotisSerifBold; font-style: normal; font-weight: normal;
	src:	url(https://www.akklesia.eu/themes/akklesia/fonts/rotisb-webfont.eot),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisb-webfont.woff) format("woff"),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisb-webfont.ttf) format("truetype"),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisb-webfont.svg#webfontAnBNEg5c) format("svg"); }

@font-face { font-family: RotisSerifItalic; font-style: normal; font-weight: normal;
	src:	url(https://www.akklesia.eu/themes/akklesia/fonts/rotisi-webfont.eot),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisi-webfont.woff) format("woff"),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisi-webfont.ttf) format("truetype"),
 			url(https://www.akklesia.eu/themes/akklesia/fonts/rotisi-webfont.svg#webfontimqG9AQE) format("svg"); }

@font-face { font-family: RotisSerifRegular; font-style: normal; font-weight: normal;
	src:	url(https://www.akklesia.eu/themes/akklesia/fonts/rotis-webfont.eot),
			url(https://www.akklesia.eu/themes/akklesia/fonts/rotis-webfont.eot?#iefix) format("embedded-opentype"),
			url(https://www.akklesia.eu/themes/akklesia/fonts/rotis-webfont.woff) format("woff"),
			url(https://www.akklesia.eu/themes/akklesia/fonts/rotis-webfont.ttf) format("truetype"),
			url(https://www.akklesia.eu/themes/akklesia/fonts/rotis-webfont.svg#webfontMc5J09kf) format("svg"); }
			
/* -- SPACE MONO ==================================================== */
			
@font-face {
    font-family: 'Space MonoItalic';
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.eot?#iefix') format('embedded-opentype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.woff2') format('woff2'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.woff') format('woff'),
		url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.ttf') format('truetype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Italic.svg#SpaceMono-Italic') format('svg');
    font-weight: normal;
    font-style: italic; }

@font-face {
    font-family: 'Space MonoReg';
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.woff2') format('woff2'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.woff') format('woff'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.ttf') format('truetype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Regular.svg#SpaceMono-Regular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'Space MonoBold';
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.eot?#iefix') format('embedded-opentype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.woff2') format('woff2'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.woff') format('woff'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.ttf') format('truetype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-Bold.svg#SpaceMono-Bold') format('svg');
    font-weight: bold;
    font-style: normal; }

@font-face {
    font-family: 'Space MonoBoldital';
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.eot');
    src: url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.woff2') format('woff2'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.woff') format('woff'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.ttf') format('truetype'),
        url('https://www.akklesia.eu/public-fr/fontes/SpaceMono-BoldItalic.svg#SpaceMono-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic; }

/*	***************************************************************
	LE HOMME_HTML
	************************************************************ */
	/*.home-div {	text-align: center; !important; }*/


/*	***************************************************************
	LANGUETTE LATÉRALE TEST
	************************************************************ */
#panneauAPLN {
  position: fixed;
  background: red;
  color: yellow;
  height: 300px;
  width: 300px;
  left: -300px;
  border-radius:5px;
  transition: left 0.3s ease-in-out;
  -webkit-transition: left 0.3s ease-in-out;
	z-index: 1;
}

#panneauAPLN:hover { left: 0px;}

#panneauLanguette{
  position: absolute;
  left: 300px;        /* same as #panel width */
  background: red;
  color: yellow;
  height: 300px;
  width: 50px;
  border-radius:5px;
  	text-align: center;
	vertical-align: middle;
	z-index: 1;
}
.lettreverticale {
	transform: rotate(-90deg);
	transform-origin: left top 0;
	writing-mode:vertical-lr;
	color:yellow;
	font-size:150%;
	font-family: grumpy48black ;
	text-align: center;
	vertical-align: middle;
}
/*	***************************************************************
	LANGUETTE LATÉRALE TEST FIN
	************************************************************ */

/*	***************************************************************
	TITRES PAGE DES ENCARTS
	************************************************************ */
	
	.titre-page { text-align: center; margin-bottom: 50px; margin-top: 50px; }
	.titre { font-family: grumpy88black; color: black; font-size: 3.00em; letter-spacing: 0.05em; }
	.sous-titre { font-family: grumpy36black; color: black;font-size: 1.5em; padding-bottom: 15px; }
	.attention { font-family: courier_std_boldbold; font-size: 1.20em; color: black; }

/*	***************************************************************
	ENCARTS
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
	************************************************************ */
	#encarts { margin-top: 50px; }

	.encart-titre { font-family: grumpy48black; color: black;font-size: 1.6em; text-align: center; }
	.encart-sous-titre { font-family: courier_std_boldbold; font-size: 1.00em; color: black; text-align: center; }
	.encart-signature { font-family: courier_stdmedium; font-size: 0.8em; color: black; text-align: center; }
	.encart-texte {
			font-family: courier_stdmedium; font-size: 1.00em; color: black;
			text-align: justify; margin-top: 40px;
			margin-bottom: 20px; }

	.signature-audio { font-family: courier_stdmedium; font-size: 0.9em; color: black; }
	.barre-espace { font-family: DroidSansMonoRegular; font-size: 0.7em; color: #0074cb;
margin-top: 10px; text-align: right; text-shadow: 0 0 1px #c6c3c3; }

	.lien-causeries { font-family: courier_stdmedium; font-size: 1.0em; color: black;
	margin-top: 10px;
}
	.lien-causeries a { color: black;}
	.lien-causeries a:hover { color: #0074cb;-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }
	.plus-loin { 
		font-family: DroidSansMonoRegular;
		font-size: 0.9em;
		color: white;
		background-color: #4e6f9f;
		padding: 5px 10px;
		margin-bottom: 20px;}
	.sommaire a:hover { color: #0074cb;-webkit-box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow:inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out; }

/*	***************************************************************
	TYPOGRAPHIE
	************************************************************ */

	.courier_stdmedium { font-family: courier_stdmedium; color: black; text-align: justify; }
	.courier_std_obliquemedium { font-family: courier_std_obliquemedium; color: black; text-align: justify; }
	.courier_std_boldbold { font-family: courier_std_boldbold; color: black; text-align: justify; }
	.courier_std_bold_obliquebold { font-family: courier_std_bold_obliquebold; color: black; text-align: justify; }

	.grumpy24black { font-family: grumpy24black; color: black; text-align: justify; }
	.grumpy36black { font-family: grumpy36black; color: black; text-align: justify; }
	.grumpy48black { font-family: grumpy48black; color: black; text-align: justify; }
	.grumpy88black { font-family: grumpy88black; color: black; text-align: justify; }
	.grumpy99black { font-family: grumpy99black; color: black; text-align: justify; }

	.lettrine {
		margin-right: 0.2em;
		margin-top: -0.4em;
		margin-bottom: -0.5em;
		float: left;
		color: #000;
		font-size: 3.3em;
		text-shadow: 0 0 2px #918c8c; }

	.super { font-size: 75%; line-height: normal; vertical-align: 4px; border-bottom-style: none; }
	.ptcap { color: black; font: small-caps 100% courier_stdmedium; }
	.c-ital { font-family: courier_std_obliquemedium; color: black; }
	.c-bod { font-family: courier_std_boldbold; color: black; }
	.c-bod-ital { font-family: courier_std_bold_obliquebold; color: black; }
		
/*	LES GLYPHES POUR LA FONTE FOUNDATION ============================================================ */		

	.size-12 { font-size: 12px; }
	.size-14 { font-size: 14px; }
	.size-16 { font-size: 16px; }
	.size-18 { font-size: 18px; }
	.size-21 { font-size: 21px; }
	.size-24 { font-size: 24px; }
	.size-36 { font-size: 36px; }
	.size-48 { font-size: 48px; }
	.size-60 { font-size: 60px; }
	.size-72 { font-size: 72px; }

	.glyph {
		border-bottom: 1px dotted #ccc;
		padding: 10px 0 20px;
		margin-bottom: 20px; }

	.preview-glyphs { vertical-align: bottom; } 

	.step {
		display: inline-block;
		line-height: 1;
		width: 10%;  }

/*	***************************************************************
	FILETS : 1 Normal · 2 dégradé clair · 3 dégradé clair épais · 4 dégradé épais foncé · 5 idem 4 mais court
	************************************************************ */
	hr.style-un {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;}
	
	hr.style-deux {
	border: 0;
	height: 1px;
	background: #333;
	background-image: -webkit-linear-gradient(left, #fff, #aaa, #fff); 
	background-image: -moz-linear-gradient(left, #fff, #aaa, #fff); 
	background-image: -ms-linear-gradient(left, #fff, #aaa, #fff); 
	background-image: -o-linear-gradient(left, #fff, #aaa, #fff);
	margin-top: 30px;
	margin-bottom: 30px;}

	hr.style-trois {
    border: 0;
    height: 1px;
    background: #333;
    background-image:
    -webkit-linear-gradient(left, #fff, #aaa, #fff); 
    background-image:
    -moz-linear-gradient(left, #fff, #aaa, #fff); 
    background-image:
    -ms-linear-gradient(left, #fff, #aaa, #fff); 
    background-image:
    -o-linear-gradient(left, #fff, #aaa, #fff);
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 50px; }

	hr.style-quatre {
	    border: 0;
	    height: 1px;
	    background: #333;
	    background-image:
	    -webkit-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -moz-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -ms-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -o-linear-gradient(left, #fff, #333, #fff);
		margin-top: 10px;
		margin-bottom: 10px;
		width: 100%;
		text-align: center; }
	
	hr.style-cinq {
	    border: 0;
	    height: 1px;
	    background: #333;
	    background-image:
	    -webkit-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -moz-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -ms-linear-gradient(left, #fff, #333, #fff); 
	    background-image:
	    -o-linear-gradient(left, #fff, #333, #fff);
		margin-top: 10px;
		margin-bottom: 30px;
		width: 50%;
		text-align: center; }
	
	/*	***************************************************************
		TOP DIANE
		************************************************************ */
		
	    .titre-page-diane { text-align: center; margin-bottom: 10px; margin-top: 10px; }
	    .titre-diane { font-family: grumpy88black; color: black; font-size: 4.20em; letter-spacing: 0.07em;
	    text-shadow: 2px 3px 12px rgba(92, 89, 96, 1); }
		.sous-titre-diane { font-family: grumpy36black; color: black;font-size: 2.2em; padding-bottom: 35px;
		text-shadow: 2px 3px 12px rgba(92, 89, 96, 1); }
		.attention-diane { color: white;font: 1em "Space MonoReg";}
		.tache {color: black; font: 170%/0 wc_rhesus_a_btaregular; margin-left: 15px; }
		.courier-footer-site {
		color: white;
		font: 1.2em courier_std_boldbold;
	    text-align: center;
	    padding: 10px;
	    background-color: #444;}
		.courier-footer {
		color: black;
		font: 1em/1.15em courier_stdmedium;
	    text-align: center; }
		.courier-footer-white {
		color: white;
		font: 1.3em courier_std_boldbold;
		text-align: center;
		margin-bottom: 15px;}
		.titre-causeries {
	    color: #444;
	    text-align: center;
	font: 1em grumpy24black;}
		.titre-droite {
		margin-left:40%;
		margin-right: 5%}
		.titre-gauche {
		margin-left:5%;
		margin-right: 40%}
	    #soutien {
		width:100%;
	    height:auto;
	    opacity:1;
		text-align: center;}
		#logo {
		width: 70%;
		height: auto;
		align:center;
		margin-top:10px;}
		#soutienlibre {margin-top:5px;}
	    
	    @media screen and (min-width: 320px) and (max-width: 960px) {
		#soutien {width: 40%; height: auto; margin-bottom:25px; }
		#logo {width: 50%; height: auto; }
		#soutienlibre { margin-bottom: 10px;margin-top: 15px; }
		.attention-diane { color: white;font: 0.8em "Space MonoReg";}
		.titre-droite {
		margin-left:0px;
		margin-right: 0px;}
		.titre-gauche {
		margin-left:0px;
		margin-right:0px}}
		
	
		/* Modules bandeau top couleurs*/
		.bandeau-top {
		position: relative;
	    padding-top: 1rem;
	    padding-right: 1rem;
	    padding-bottom: 1rem;
	    padding-left: 1rem;
	    margin-bottom: 2rem;
	    text-align: center;
	    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	    overflow-x: hidden;
	    overflow-y: hidden;
	    color: #fdfdfb;
	    font-weight: 300;
	    vertical-align: baseline;
	    box-sizing: border-box; }
	    
		.bandeau-top::before {
		content: '';
	    position: absolute;
	    top: 0;
	    left: 0;
	    height: 100%;
	    width: 120%;
	    z-index: -1;
	    background-color: #4e6f9f;
	    background-position-x: initial;
	    background-position-y: initial;
	    background-size: initial;
	    background-repeat-x: initial;
	    background-repeat-y: initial;
	    background-attachment: initial;
	    background-origin: initial;
	    background-clip: initial;
	    vertical-align: baseline;
	    box-sizing: border-box; }
	


/*	***************************************************************
	FOOTER PREMIER
	************************************************************ */
	.callout.foot1 {
		font: 1.3em courier_std_boldbold; text-align: center;
		background-color: white;
		margin: 0 0 10px; padding-bottom: 10px; padding-top: 20px;
		border-top: 1px solid rgba(10, 10, 10, 0.25);
		border-bottom: 1px solid rgba(10, 10, 10, 0.25);
		border-right-width: 0; border-left-width: 0; }
	.foot1 > i { color: gray; vertical-align : -10%;	}
	.foot1 > a { font-family: courier_std_boldbold;	color: black; }
	.foot1 a:hover { color: white;
	background-color: black;
	padding: 5px 10px 5px 15px;
}

/*	== LE MARTEAU ============================================ */	
	#animation_container {
		margin-bottom: 50px;
	}

	.callout.foot2 { text-align: center; background-color: white;
		border: 0px solid rgba(10, 10, 10, 0.25);
		margin-bottom: -30px;
		margin-top: 30px; }
		
	.callout.foot3 { text-align: center; color: white; background-color: white; margin: 30px 0 20px;
		border: 0px solid rgba(10, 10, 10, 0.25); }
	.foot3 > i { color: #0cafdc; vertical-align : -10%;	}
	.foot3 > a { font-family: courier_std_boldbold; color: white; }
	.foot3 a:hover { color: #dedcdc; }
	

/*	== STRIPE PAIEMENT - #1275ff ============================================ */	

	.ioButton {
		font: bold 18px "RotisSerifBold";
		color: #fff;
		text-align: center;
		position: relative;
   		margin: 0 !important;
	    padding: 0 12px;
	    height: 30px;
	    line-height: 30px;
        -webkit-font-smoothing: antialiased;
	    background: -webkit-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) #65696f;
		background: -moz-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) #65696f;
		background: -ms-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) #65696f;
		background: -o-linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) #65696f;
		background: linear-gradient(#7dc5ee, #008cdd 85%, #30a2e4) #65696f;
		text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	    -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	    -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	    box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
	    -webkit-border-radius: 12px;
	    -moz-border-radius: 12px;
	    -ms-border-radius: 12px;
	    -o-border-radius: 12px;
	    border-radius: 12px;
	}


.toto {	font-size: 0.5em; color: #bebbbb; }
/* 

*/
	
/*	***************************************************************
	FOOTER SECOND
	************************************************************ */
		
/*	***************************************************************
	ICI
	************************************************************ */
		
		.ici {	}

/*	***************************************************************
	TESTS
	************************************************************ */

/*	============================================================ */
/*	============================================================ */