@charset "utf-8";
/* CSS Document */ 
/*.mce-content-body {
text-align:center;
}*/
.noimprime{
display: inline;
}

/* Pour l'édition papier de l'hebdo */
.feuilleA4 {
	position: relative;
	border: 1px solid #CCCCCC;
	width:205mm;
	height: 292mm;
}

.feuilleA4 .noimprime {
	display:none;
}

.feuilleA4 .contenuact {
	margin-left: 2mm;
	text-align: justify;
}

.feuilleA4 .contenuact .titre
{
width: 50%;
border: 1px solid black;

}

.feuilleA4 span
{
	
}

.feuilleA4sup {
	border: 1px solid #CCCCCC;
	width:205mm;
	height: 292mm;
}
.sepfeuille {
	border: none;
	width:205mm;
	height: 4mm;
}
#logohebdo
{
	width:28mm;
	height:100%;
	background-image: url("./images/logo-FH-Vert.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	float:left
}
#titre {
	float: left;
	width: 177mm;
	margin-top: 2mm;
	background-color: #CCCCCC;
	font-weight: bold;
	font-size: 14pt;
}

#articlepp {
	width: 177mm;
	height: 283mm;
	float: left;
}

#articlepp h1{
	color: black;
}

.colpage2-1{
	width:102mm;
	height: 292mm;
	border-right: 1px black solid;
	float: left;
}

.colpage2-1 .conteneur {
	margin-right: 2mm;
	
}

.colpage2-2{
	width:50%;
	height: 292mm;
	float: right;
}

.enteteact {
	width: 90%;
	background-color: #CCCCCC;
	text-align: center;
	margin: auto;
	font-weight: bold;
	font-size: 18pt;
	border-top: 1px black solid;
	border-bottom: 1px black solid;
}

#footer {
	position: absolute;
	bottom: 0;
	font-size: 10pt
}

/* FIN Pour l'édition papier de l'hebdo */


/* Gestion des formulaires identification boutton etc*/
.login-form
{
	width: 300px;
}

.act-form
{
	width: 600px;
}

.login-form,
.act-form
{
	margin: 0 auto;
	font-family: Tahoma, Geneva, sans-serif;
}

.login-form h1,
.act-form h1
{
	text-align: center;
	color: #4d4d4d;
	font-size: 24px;
	padding: 20px 0 20px 0;
}

.login-form input[type="password"],
.login-form input[type="text"],
.act-form input[type="text"]
{
	width: 100%;
	padding: 15px;
	border: 1px solid #dddddd;
	margin-bottom: 15px;
	box-sizing:border-box;
}

.act-form p
{
	padding: 10px;
}

.login-form input[type="submit"] {
	width: 100%;
	padding: 15px;
	background-color: #535b63;
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
}

input[type="submit"],
.noimprime input[type="button"],
form input[type="button"]
{
	/*width: 100%;*/
	/*padding: 15px;*/
	background-color: #535b63;
	border: 0;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	color: #ffffff;
}

body {
background-color: white;
color: black;
}



#logo
{
text-align: center;
background-image:url(logo_epl.png);
 width: 150px;
 height: 120px;
}
#conteneur
{
display: flex;
flex-direction: column;
}

.titre
{
background-color : #CCCCCC;
color: white;
width: 30%;
border: 1px solid white;
margin: 15px 0px 5px 0px;
padding: 2px
}

.bloc
{
	margin: 5px;
	padding: 0px 5px 0px 5px;
	height : 550px;
	float: left;
	/*background-color: #535b63;*/
	border: 0;
	box-sizing: border-box;
	border: 1px solid #dddddd;
}

.bloc h1 {
	background-color: #535b63;
	text-align: center;
	color: #ffffff;
	font-size: 24px;
	padding: 20px 0 20px 0;
}

.bloc a:link, a:visited {
	text-align: center;
	color: #4d4d4d;
	text-decoration:none;
}

.bloc a:hover {
	text-align: center;
	color: #000000;
	text-decoration:none;
}

.bouton-suppr
{
text-align: center;
background-image:url(img_suppr.png);
 width: 40px;
 height: 40px;
}

#tababs
{
	text-align: left;
	
}

hr {
	display: block;
	clear: both;
	height: 0;
	/*margin: 40px 0 80px;*/
	padding: 0;
	border: 0;
	/*font-family: arial;*/
	text-align: center;
	/*font-size: 20px;*/
	line-height: 0;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
	transform: rotate(90deg);	
}
hr:after {
	/*content: "\273D";*/
	content: "\1F374";
	height: 0;		
	/*letter-spacing: 1em;*/
	/*color: #aaa;*/
}

h1 {
	font-family: 'Raleway';
	text-align: center;
	/*color: red;*/
	color: #424753;
}

h2 {
	text-align: center;
	
}
h3{
	text-align: left;
}
table
{
    border-collapse: collapse; /* Les bordures du tableau seront collées (plus joli) */
}

td
{
    
}

th
{
    border: 1px solid black;
    font-weight: normal;
}

th.petitdej,
th.petitdejspec
{
	border:none;
	text-align: left;
	width:10px;
	overflow:hidden;
}

th.petitdej
{
	Font-Weight: Bold;
}

th.petitdejspec
{
	color: red;
	Font-Weight: Bold;
}

th.petitdej p,
th.petitdejspec p
{
	display: inline;
	color:black;
	Font-Weight: normal;
}

repas
{
	font-size: 18px;
}
p
{
	margin: 0;
}

tabentete
{
	color: #6B0094;
	font-size: 18px;
}

tabentetered
{
	color: red;
	font-size: 18px;
}

tabentetegreen
{
	color: green;
	font-size: 18px;
}

tabentetelundi
{
	color: red;
	font-size: 18px;
}

tabentetemardi
{
	color: #FFCC00;
	font-size: 18px;
}

tabentetemercredi
{
	color: green;
	font-size: 18px;
}

tabentetejeudi
{
	color: #6B0094;
	font-size: 18px;
}

tabentetevendredi
{
	color: #FF37FF;
	font-size: 18px;
}

.Intérieure b
{
	background: orange;
}

.Extérieure b
{
	background: green;
}