@charset "utf-8";
header {
	position: relative;
	left:0px;
	/*top:10px;*/
	z-index:1;
}

 {
	/*position:absolute;*/
	left:0px;
	/*top:10px;*/
	z-index:1;
}

@font-face {
	font-family: "Arima Madurai Light";
    src: url('ArimaMadurai-Light.ttf');

}

@font-face {
	font-family: "Arima Madurai Medium";
    src: url('ArimaMadurai-Medium.ttf');

}

@font-face {
	font-family: "Arima Madurai";
    src: url('ArimaMadurai-Regular.ttf');

}

@font-face {
	font-family: "Arima Madurai Black";
    src: url('ArimaMadurai-Black.ttf');

}

body {
	font-family: "Arima Madurai", 100% Verdana, Arial, Helvetica, sans-serif;
	top:10px;
	margin:0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding:0;
	text-align:center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #132959 /*#600;*/
}
.oneColLiqCtr #container {
	/*width: 80%;  /* ce paramétrage crée un conteneur dont la largeur est 80 % de celle du navigateur 
	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	/*border: 0px solid #FFFFFF;
	border-right-color: #FFF;*/
	
}
.oneColLiqCtr #mainContent {
	padding: 5px 10px; /* Ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
	text-align:justify;
	font-family: "Arima Madurai";
    font-style: normal;
	font-weight:normal;

}

.Panel #PanelContent{
	background:none;
	border:none; 
	text-align:left;
	width:100%;
	margin-bottom:50px;
}
p{
	margin-left:30px;
	margin-right:30px;	
	padding-top:5px;
	font-family: "Arima Madurai Light";
	font-style: normal;
	color:#132959 /*#6c2323*/;
	font-weight: lighter;
	font-size:24px;
	line-height: 35px;
	

}

blockquote{
	margin-left:70px;
	margin-right:70px;	
	padding-top:5px;
	font-family: "Arima Madurai Light";
	color:#132959 /*#6c2323*/;
	font-style:normal;
	font-weight:lighter;
	font-size:24px;
	line-height: 35px;
	

}

ul {
	
	font-family: "Arima Madurai Light";
	font-style:normal;
	font-weight:lighter;
	font-size: 22px;
	color:#132959;
	
}

h1 {
	
	font-family: "Arima Madurai Black";
	font-style: normal;
	font-weight:bold;
	font-size: 28px;
	color:#132959;
	
}
h2 {
	font-family: "Arima Madurai Medium";
	font-style:normal;
	font-weight: normal;
	font-size: 26px;
	color:#132959;
}
h3 {
	font-family: "Arima Madurai Medium";
	font-style:normal;
	font-weight:normal;
	font-size: 24px;
	color: #132959;
}
h4 {
	
	font-family: "Arima Madurai Medium";
	font-style:normal;
	font-weight:normal;
	font-size: 22px;
	color:#132959;
}
h5 {
	
	font-family: "Arima Madurai Medium";
	font-style:normal;
	font-weight:normal;
	font-size: 20px;
	color:#132959;
}

/* Fake image */
.fakeimg1 {
    box-sizing:content-box;
	/*border-color:#060;
	border-style:ridge;*/
    width: 97%;
	height:auto;
    padding: 20px;
}

/* Add a card effect for articles */
.card {
     /*background-color: #FF9;*/
     padding: 20px;
     margin-top: 20px;
	 height:auto;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.pied {
	font-family:"Arima Madurai Light";
	font-style:normal;
	font-weight:lighter;
	font-size:18px;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#132959;
	padding-left:15px;
	padding-right:15px;
}