/*styleCS.css
 S. Pichard 01.2020
*/
/*_________________________________ //   Portion RWD   \\ _________________________*/
/* For mobile phones: */
[class*="col-"]
	{
		width: 95%;
	}
@media only screen and (min-width: 769px)
{
/* For desktop: */
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
html
	{
		font-size: 62.5%;
	}
body
	{
		position: relative;
		margin: 0;
		padding: 0;
		width: 100%;
		font-size: 1.5rem;
		font-family:Helvetica, Arial, sans-serif;
		background: #E7E6E0;
		color: #333333;
	}
a
	{
		color: #333333;
		font-weight: bold;
		text-decoration: none;
	}
h1
	{
		margin: 0;
		padding: 1.5rem 0;
		font-family: Georgia, Lucida, serif;
		font-style: italic;
	}
h1 a
	{
		color: #CC2027;
	}
body > header
	{
		background-color:#FFF;
		padding: 1px 0 0 0;
		margin-bottom: 1rem;
	}
#container,
#innerheader,
.Message
	{
		max-width: 85%;
		margin: 0px auto;
	}
.indexLink,
.arrangePage
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
.bMenu
	{
		border: solid grey 1px;
		border-radius: 3px;
		padding: 5px;
		margin-top: 3px;
	}
.Message
	{
		background-color: #1F3C64;
		border-radius: 5px 5px 0 0;
		color: #E7E6E0;
	}
.Message > div
	{
		padding: .5rem;
		align-self: center;
	}
.Message img
	{
		max-height: 2rem;
		vertical-align: text-bottom;
	}
#container a:hover
	{
		color: #CC2027;
	}
#container img
	{
		max-width: 100%;
		border-radius: 3px;
		margin-top: 3px;
	}
.souper
	{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-around;
	}
.souper h3
	{
		font-style: italic;
	}
#progrM
	{
		text-align: center;
		font-family: Georgia, Lucida, serif;
		border: 1px solid darkred;
		border-radius: 5px;
	}
.closeMessage
	{
		float: right;
	}
.redButon
	{
		display: block;
		position: fixed;
		bottom: 0;
		right: 1%;
	}
#backtop
	{
		padding: 1.2rem 3.5rem;
		background-color: #CC2027;
		color: #FFF;
		margin: .5%;
		border-radius: 4px;
		-webkit-box-shadow:  0px 0px 2px -1px #000;
		box-shadow:  0px 0px 2px -1px #000;
	}
#backtop,
#backtop:hover,
#backtop:active,
.b-lazy
	{
		-webkit-transition:all .2s ease-in;
		-o-transition:all .2s ease-in;
		transition:all .2s ease-in;
	}
.box
{
	border: 1px solid red;
	border-radius: 5px;
}
footer
	{
		padding-top: 2rem;
		margin-bottom: 25px;
		text-align: center;
	}
footer a
	{
		text-decoration: none;
		color: #666;
	}