/******************************\
			BODY
\******************************/
html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	font-size: 14pt;
	background-image: url("/images/faded_logo.png");
	background-repeat: repeat;
	background-position : center top 300px;
	color : #101010;
	background-color : #FFFFFF;
}


/******************************\
		Mise en Page
\******************************/
div.page {
	height: 100%;
}
header {
	background-color: #00000020;
	}
footer.page {
	text-align: center;
	background-color: #222222;
	color: #EEEEEE;
	width:100%;
}
div.corps {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

div.colonneL {
	width:19%;
	margin: 0 1% 0 0;
}
div.central {
	width:60%;
}
div.colonneR {
	width:19%;
	margin: 0 0 0 1%;
}

div.sur2col {
	columns:2;
	column-rule: dashed thin #00000030;
	text-align: justify;
}
div.sur3col {
	columns:3;
	column-rule: dashed thin #00000030;
	text-align: justify;
}

/******************************\
			Titres
\******************************/
h1,h2,h3,h4,h5,h6 { 
	text-transform: uppercase;  
	text-align: center;
	text-decoration: underline overline #FF3028;
	margin-bottom: 5px;
	margin-top: 5px;
}
h1{ background: #44000020; }
h2{	background: #66000020; }
h3{	background: #88000020; }
h4{	background: #AA000020; }
h5{	background: #CC000020; }
h6{	background: #EE000020; }

/******************************\
			TABLES
\******************************/
table {
	background-color: #EEEEEE;
	margin-left: auto;
	margin-right: auto;
}
caption {
	box-shadow: 4px 4px 16px #00000020;	
	caption-side: bottom;
	text-align: center;
	font-style : italic;
	font-family: cursive;
	background-color: #FFFFFF;
}
thead{
	/*background-color: #EE0000;*/
}
tbody{
	background-color: #00EE0010;
}
tfoot{
	color: #FFFFFF;
	background-color: #0000EE;
}

th {
	background-color: #EE000040;
	text-align: center ;
}
td {
	text-align: center ;
}
td.vide {
/*	background-color: #FFFFFF;*/
}
tr{}

/******************************\
		Autres
\******************************/
.post-it {
	float:left;
	margin: 30px;
	padding: 5px;
	width: 40%;
	//height: 4cm;
	text-align: center ;
	background-color: yellow;
	transform: rotate(0.02turn);
	box-shadow: 8px 8px 5px #444;
}

/******************************\
		KeyBoarD
\******************************/
kbd {
  background-color: #eee;
  border-radius: 3px;
  border: 1px solid #b4b4b4;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.2),
    0 2px 0 0 rgba(255, 255, 255, 0.7) inset;
  color: #333;
  display: inline-block;
  font-size: 0.85em;
  font-weight: 700;
  line-height: 1;
  padding: 2px 4px;
  white-space: nowrap;
}

img.inline{
	float:left;
/*	width:106px; 
	height:75px;*/
	width:90%;
	margin: 5px;
}
div.articles {
	background: #00000011;
	margin: 0px ;
	padding: 0px;
	text-align: justify;
/*	text-align: center ;*/
}
p {
/*	margin: 0px ;*/
	padding: 10px 10px;
	margin-top: 5px;
}

ol,ul,li{
}
.ombre {
	box-shadow: 4px 4px 16px #00000040;
}
em{
	text-transform: uppercase;
	font-weight: 900;
}
iframe{
	border: none;
	box-shadow: 8px 8px 5px #444;
}