html * { 	word-spacing: 1px;
			color: #4875a3;
			font-family: "Texts";
			font-size: 18px;
			line-height: 19px;
			margin: 0px auto;
			text-align: center;
			}

	


/* CLASS IMAGES ________________________________________________________________________________ IMAGES */

img.corneround {	border-radius: 16px;
					margin: 10px;
}

img.flags { opacity: 80%;
}


div.container { 	width: 540px;
					position: relative;
					text-align: center;
					color: white;
					display: inline-block;
}

div.contact {	position: absolute;
				top: 16px;
				right: 92px;
				color: white;
}

div.fotoname {	background-color: #cfde8f;
				border-bottom-right-radius: 14px;
				border-bottom-left-radius: 14px;
				padding: 4px 20px 12px 20px;
				margin: 0 64px 32px 64px;
				font-size :14px;
}

div.aligne {	display: flex;
				height: 200px;
				align-items: center;
				

}
div.aligne > span {	 	width: 200px;
						margin: 10px;
						
							
}


img.paragraf {	float: right;
}

img.onit {
        opacity: 0.65;
}

img.bannopacity {
        opacity: 0.9;
}
    
img:hover {
        opacity: 1.0;
}

img.bord {		border: 2px solid white;
}

img.bord:hover {	border: 2px solid orange;
}




/* LOADING FONTS ____________________________________________________________________________LOADING FONTS */

@font-face {	font-family: "Links";
				src: url('http://pouygarin.free.fr/mathieu/Matootsy.ttf');
}

@font-face {	font-family: "Titles";
				src: url('http://pouygarin.free.fr/mathieu/Pingu.ttf');
}

@font-face {	font-family: "Texts";
				src: url('http://pouygarin.free.fr/mathieu/YuseiMagic-Regular.ttf');
}

@font-face {	font-family: "Introb";
				src: url('http://pouygarin.free.fr/mathieu/Bulles.ttf');
}

@font-face {	font-family: "Dates";
				src: url('http://pouygarin.free.fr/mathieu/Acme-Regular.ttf');
}

/* CLASS LINKS _________________________________________________________________________________ LINKS */

a {		color: #307dbf;
		font-family: "Links";
		font-size :16px;
		text-align: bottom;
		font-weight: bolder;
}

/*a.blanc	{	color: white;
}*/

a:clicked {	color: #307dbf;
			font-family: "Links";
			font-size :13px;
			text-align: bottom;
}

a:link {	text-decoration: none;
}

/* BUTTONS _________________________________________________________________________________ DIV */

			

div.onwhite {	display: flex;
				width:540px;
				height:240px;
				margin-right:6px auto;
				background-color: #a2b1bb;
				flex-direction: column;
				flex-flow: column wrap-reverse;
				justify-content: space-around;
				align-self: flex-end;
				border-radius: 12px;
}

div.intro {		width:420px;
				height: 60px;
				margin-right:16px auto;
				background-color: #a2b1bb;
				text-align: center;
				margin: 0 auto;
				float: right;
}

div.introtext {		width:360px;
					height: 150px;
					margin-right:6px auto;
					background-color: #a2b1bb;
					text-align: center;
					margin: 6 auto;
					float: right;
					font-family: "Links";
					font-size :24px;
					line-height: 1;
}

div.email {	display: flex;
				width:128px;
				height:128px;
				margin-right:6px auto;
				background-color: #a2b1bb;
				flex-direction: column;
				flex-flow: column wrap-reverse;
				justify-content: space-around;
				align-self: flex-end;
				border-radius: 12px;
}

div.entete {	width:480px;
				text-align: right;
				margin-bottom: 10px;
				float: right;
}

div.entete_curri {		width:480px;
						text-align: left;
						height: 12px;
}

div.goright	{	float: right;
}

div.dates 	{	width: 100px;
				font-family: "Dates";
				font-size :22px;
				padding-top: 14px;
				text-align: center;
				vertical-align: center;
}


div.date1 	{	background-color: #6f8ea4;
}

div.date2 	{	background-color: #53748b;
}


div.events {	width:360px;
				text-align: left;
				font-size :15px;
				font-family: "Texts";				
}	


div.evt1 {		background-color: #9cc2dc;
}	


div.evt2 { 		background-color: #759fbb;
}	



div.textintro	{	width: 480px;
					background-color: #eae9b9;	
					border-radius: 12px;
					padding: 14px;
					border: 0;
					margin:0px auto;
					text-align: center;
					font-size :16px;
}					

/* BUTTONS _________________________________________________________________________________ BUTTONS */

button  {	padding: 0 26px;
			height: 58px;
			border-radius: 12px;
			background-color: #b4d48f;
			border-style: solid;
			border-color: white;
			color: white;
			font-family: "Links";
			font-size: 22px;
			margin:0 0 24px auto;
}




h1 {	color: #426189;
		font-family: "Titles";
		font-size :32px;
		text-align: right;
		padding:24px;
}

h2 {	color: #426189;
		font-family: "Titles";
		font-size :28px;
		text-align: left;
		margin-top: 28px;
}

p {	color: #466377;
	font-family: "Texts";
	font-size :10px;
	text-align: center;
	vertical-align: top;
}

.p1 {	color: #8ab7dd;
		font-family: "Texts";
		font-size :18px;
		text-align="left"
}

.p2 {	color: #43647a;
		font-family: "Texts";
		font-size :18px;
		text-align: center;
		width: 256px;
}

.p3 {	color: #43647a;
		font-family: "Texts";
		font-size :12px;
}

.p4 {	color: #689a52;
		font-family: "Texts";
		font-size :14px;
		text-align: left;
}

.p5 {	color: #426189;
		font-family: "Links";
		font-size :24px;
	
}
	
.c {	text-align: center;
}

.l {	text-align: left;
}

.r {	text-align: right;
}
}

ul {	list-style: square;
}

/* FLEX_________________________________________________________________________FLEX */

.flexbase { 	display: flex;
				justify-content: center;
				display: inline-block;
}

.flex_intro {				padding: 14px;
							width: 150px;
							height: 150px;
							margin: 0;
							opacity: 80
}



div.bloc_themes {	display: flex;
					background-color: #142132;
					flex-flow: row wrap;
					justify-content: space-around;
					width: 540px;
					align-content: stretch;
					border-radius: 11px;
					margin-bottom: 30px;
					padding-top: 24px;
					padding-bottom: 24px;
					text-align: left;
}

.hvr { 	background-color: black;
}

div.curriculum {	display: flex;
					background-color: #142132;
					flex-flow: row wrap;
					justify-content: center;
					width: 540px;
					border-radius: 11px;
					margin-top: 0px;
					padding-top: 24px;
					padding-bottom: 24px;
					text-align: left;
}

div.curriculum > div {  padding: 12px;
						margin: 0px;
						border-radius: 5px;
						color: #253f55;	
}