/*
	Moryason FR CSS CONTENT
	
*/

/* **************************************** */
/* ******			FONTS			 ****** */
/* **************************************** */


@font-face {
	font-family:'Papyrus-Regular';
	src: url('../fonts/Papyrus-Regular_gdi.eot');
	src: url('../fonts/Papyrus-Regular_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Papyrus-Regular_gdi.woff') format('woff'),
		url('../fonts/Papyrus-Regular_gdi.ttf') format('truetype'),
		url('../fonts/Papyrus-Regular_gdi.otf') format('opentype'),
		url('../fonts/Papyrus-Regular_gdi.svg#Papyrus-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-25CA;
}

/* **************************************** */
/* ******			FORM			 ****** */
/* **************************************** */

.form-row {
	margin-bottom: 20px;
}

.row2 {
width : 100%;
}

.formText {
padding-top: 1%;
padding-right: 4%;
padding-bottom: 4%;
padding-left: 4%;
}

.formtext li {
    line-height: 30px;
    text-indent: 3em;
    text-justify: auto;
}

.formText p{
font-weight: 700;
font-family: "Arial"; 
}

.formText .Titre {
color: #1a73e8;
text-align: center;
font-size: 20px;
/*font-family: Papyrus-Regular;*/
font-weight: 900;


}

 .doublepage {
min-height: 85vh;
background-color: #f7e6cc!important;
}


.formText .pin {
	list-style: square url('../images/pin.gif');
	font-size: 14px;
	margin-left: 5%;
}

.formText .infini {
font-size: 36px; 
color: #1a73e8;
line-height: 22px;
text-align: center;
  
}

.formText .Method_title_2 {
text-align: center;
font-style: italic;
font-size: 14px;
margin-bottom: 2%;
font-weight: 700;
color: #d31010;

}

.formText .fin_s {
font-style: italic;
font-weight: 600;
color: #1a73e8;
font-weight: 800;
}

.formText fin {
font-size: 14px;
}

.formText .documentation {
text-align: center; 
color: #1a73e8;
font-size: 14px;
text-decoration: underline;
}

.formText .Editions {
text-align: center;
color:#1a73e8;
margin-bottom: 2%;
font-weight: 900;

}

.MethodesMagiques {
width: 90%;
margin: auto;
}

.flexindex {

	display: flex;
	flex-flow: row wrap;
	align-content: flex-start;
	align-items: stretch;
	width: 100%;
	margin: auto;

}

.flexpage {
max-width: 50vw;
}

.flexindex .flexpage {
	flex: 1 1 auto;
	margin: 0px;
	/*border: 1px solid black;*/
	position: relative;
	overflow: hidden;
}

.buttonTheo {
background-color: #1a73e8!important;
}


/* **************************************** */
/* ******		Lettre 3D			 ****** */
/* **************************************** */


		.DivLettre {
		width: 70%;
		height:auto;
		margin-left: auto;
		margin-right: auto;
	    text-align: left;
	    margin-top: 2%;
	    margin-bottom: 2%;
	    padding:3%;
	    background-position: center center;
		background-size: cover;
		}
		
		.SoustitreLettre {
		font-size: 0.8em;
		text-align: right;
		color: black;
		line-height: 0.95em;
		}
		
		.paper {
  		background: #fff;
  		padding: 50px;
  		position: relative;
		}

		.paper,
		.paper::before,
		.paper::after {
  		/* Styles to distinguish sheets from one another */
  		box-shadow: 1px 1px 1px rgba(0,0,0,0.25);
  		border: 1px solid #bbb;
		}

		.paper::before,
		.paper::after {
  		content: "";
  		position: absolute;
  		height: 95%;
  		width: 99%;
  		background-color: #eee;
		}

		.paper::before {
  		right: 15px;
  		top: 0;
  		transform: rotate(-1deg);
  		z-index: -1;
		}

		.paper::after {
  		top: 5px;
  		right: -5px;
  		transform: rotate(1deg);
  		z-index: -2;
		}
		
		
		/* medium */
		/* Medium resolution */
		@media screen and (max-width: 920px) {
				
				.DivLettre {
				width: 70%;
				}
				
		}

		
		/* Small */
		/* Small */
		@media screen and (max-width: 660px) {
				
				.DivLettre {
				width: 90%;
				}							
		}
		
		
		/* XXXSmall */
		/* Lecacy IphoneSE */
		@media screen and (max-width: 320px) {				
				.DivLettre {
				width: 99%;
				text-align: left;
				}
								
				.paper {
    			padding: 3px;
    			}
		}		




/* **************************************** */
/* ******		MAIN CONTENT		 ****** */
/* **************************************** */

.Centre { text-align: center; }

.papyrus {
    color: #0274be;
    font-family: Papyrus-Regular;
    font-size: 40px;
}

.content{	
	margin-top: 4%;
	margin-right: 8%;
	margin-bottom: 0%;
	margin-left: 8%;
	padding: 2%;
	background-color:#f4f0e9;
	font-family: Verdana;
	display: block;			
}




.TitleUk{
font-size: 20px;
line-height: 26px;
z-index: 103;
color: #318CE7;
text-transform: uppercase;
font-family: Papyrus-Regular;
font-weight: bold;
letter-spacing: 3px;
text-shadow: 1px 1px 1px rgba(172, 172, 34, 1);
margin: 0px;
line-height: 38px;
text-align: center;
}

.TitleUk2{
font-size: 17px;
line-height: 26px;
z-index: 103;
color: #318CE7;
text-transform: uppercase;
font-family: Papyrus-Regular;
font-weight: bold;
letter-spacing: 3px;
text-shadow: 1px 1px 1px rgba(172, 172, 34, 1);
margin: 0px;
line-height: 38px
}


.wrapper {
display: flex;
/*flex-wrap: wrap;*/
/*flex-flow: row wrap;*/
}

.article {
    float: right;
    /*width: 640px;*/
    text-align: left;
    /* margin-top: 70px; */
    margin-left: 4%;
    line-height: 30px;
    text-indent: 3em;
    text-justify: auto;
   	font-size : 17px;
   	z-index: 1;
}


.article p {

}

.article li {
text-indent: initial;
margin-left: 10%;
}


.articleAlone {
    margin: 4%;
    line-height: 26px;
    text-indent: 3em;
}

.articleAlone2 {
	margin: 4%;
	line-height: 41px;
	text-indent: 3em;
}



.articleMenu {
	border-right: 2px solid #497ca7;
	/* padding: 10px; */
	padding-right: 1%;
	min-width: 326px;
}

.articleMenu p {
line-height: 32px;
margin-bottom: 30px;
}

.articleMenu .Gras {
font-weight: bold;
}

.articleMenu .Expo {
  vertical-align: super;
  font-style: italic;
  font-size: 13px;
  margin-left: 4px;
}


.menuSubmenuTitre0 {
color:#318CE7;
font-size:22px;
text-shadow: 1px 1px 1px rgba(172, 172, 34, 1);
font-family: Papyrus-Regular;
}

.menuSubmenuTitre1 {
font-weight: bold;
font-family: Papyrus-Regular;
color: #0274be;
font-size: 25px;
font-weight: bold;
text-decoration: none;
}

.mainfolder {text-align: center;}

.menuSubmenuTitre1Red {
color: #d38103;
}

 .submenu1{
font-family: verdana;
font-style: italic;
font-size: 18px;
line-height: 19px;
font-weight: normal;
}

 .submenu1 p {
line-height: 18px;
padding-left: 5%;
margin: 3%;
text-align: left;
}

 .submenu1 a {
text-decoration: none;
}

.subfolder1 p {padding-left: 2%}

 .submenu2{
font-family: verdana;
font-style: italic;
font-size: 18px;
line-height: 19px;
font-weight: normal;
}

 .submenu2 p {
line-height: 18px;
padding-left: 10%;
margin: 3%;
text-align: left;
}

 .submenu2 a {
text-decoration: none;
}

.subfolder2 p {padding-left: 7.5%}


.TitleArticle0 {
	font-family: Papyrus-Regular;
	font-size: 30px;
	color: #0274be;
	text-align: center;
	margin-bottom: 12px;
	text-indent: 0px;
}



.TitleArticle1 {
	font-family: Papyrus-Regular;
	font-size: 23px;
	color: #0274be;
	text-align: center;
	line-height: 35px;
	text-indent: 0px;
}

.PortraitBardon {
	float: right;
	width: 234px;
	margin-right: 16px;
}

.SeparationHidden {
display: none;
}


.sdfootnote {
font-size: 15px;
line-height: 19px;
}

.footnoteexp {
vertical-align: super;
font-style: italic;
font-size: 13px;
margin-left: 4px;
}

.Exergue1 {

text-align : right;
font-style: italic;
font-size: 20px;
line-height: 32px;
}

.Signature {
text-align : right;
font-style: normal;
font-size: 14px;
}


.tableau1{
/*width: 494px;*/
text-align: center;
/*margin-left: 30%;*/

}


.tableau1 table, th, td {
  /*width: 25%;*/
  text-align: left;
  vertical-align: middle;
  border: 2px solid black;
  border-collapse: collapse;
  padding: 11px;
}


.tableau1 .Gras {
font-weight: bold;
}

.tableau1 .Expo {
  vertical-align: super;
  font-style: italic;
  font-size: 13px;
  margin-left: 4px;
}


.GrandeIvocationTitre { color: #318CE7; font-weight: 600; }


/* conditional break */
.break360 { display: none; }
/* conditional break */
.breakIpad { display: none; }


@media (min-width: 980px) {
    #secondary {
        border-right: 2px solid #497ca7;
        padding: 10px;
    }
}

/* **************************************** */
/* ******			Telephone		 ****** */
/* **************************************** */



@media (max-width: 450px) {

.wrapper { 	display: flow-root; }
/* conditional break */
.break360 { display: initial; }

.content {
	margin-top: 3%;
	margin-right: 1%;
	margin-bottom: 0%;
	margin-left: 1%;
}
.article {
	text-align: left;
	margin-left: 0px;

}

.articleMenu {
	border-right: 0px;
	padding-right: 0%;
	min-width: 0px;
	text-align: center;
}

.articleMenu p {
	line-height: 21px;
	margin-bottom: 0px;
	margin-top: 0px;
}

.TitleArticle0 {
	line-height: 35px;
}

.menuSubmenuTitre0 {
	font-size: 21px;
	text-indent: 0px;

}

.menuSubmenuTitre1 {
	font-size: 16px;
	/*display: inline list-item;*/
	text-indent: 0px;
}


.submenu1  p a 	{ font-size: 12px; line-height: 13px;}
.submenu2 p a	{ font-size: 12px; line-height: 13px;}


.SeparationHidden {

}

.GrandeIvocationTitre { font-size: 15px; }

.col-sg5 {
    padding-right: 5px!important;
    padding-left:  5px!important;
}

}

/* **************************************** */
/* ******			IPAD			 ****** */
/* **************************************** */

@media (max-width: 900px) {

.wrapper { 	display: flow-root;}
/* conditional break */
.breakIpad { display: initial; }

.articleMenu {
border-right: 0px;
}

.articleMenu p {
	line-height: 21px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.menuSubmenuTitre0 {
	font-size: 21px;
	text-indent: 0px;
}

.menuSubmenuTitre1 {
	font-size: 16px;
	/*display: inline list-item;*/
	text-indent: 0px;
}

.SeparationHidden {
	display: block;
	text-align: center;
	position: relative;
}

.tableau1 table, th, td {
	border: 1px solid black;
	padding: 1px;
	font-size: 10px;
}

.tableau1 .Expo {
	vertical-align: super;
	font-style: italic;
	font-size: 8px;
	margin-left: 1px;
}


}


/* **************************************** */
/* ******			Low RES PC		 ****** */
/* **************************************** */


@media (max-width: 999px) {
.flexpage {

	max-width: 100%;
}

.MethodesMagiques {
	width: 100%;
}


}


/* **************************************** */
/* ******			720 P			 ****** */
/* **************************************** */


@media (max-width: 1280px) {

/* conditional break */
.break360 { display: initial; }

.doublepage { min-height: 1055px; }

.MethodesMagiques { 	width: 100%; 	margin: 0px; }

}