body {
	/*font:16px/1.6em 'Cantarell', sans-serif;*/
	margin: 10px; 
	color: #333;
	background-color: #eee;
}

div#page {
	display:inline-block;
	float:left;
	/*position: relative;*/
	width: 1124px;
	margin: 0 auto;
	padding:30px 50px 50px 50px;
	border: 1px solid #666;
	background-color: #fff;
}

div#logo {
	display:inline-block;
	float:left;
	/*position: absolute; */
	top: 30px; 
	left: 50px; 
	width: 200px;
	height: 230px;
	/*border: 1px solid;*/
	}

div#logo img {
	width: 200px; 
	height: 200px;
	}

div#titrndl {
	/*padding:20px 270px 0 230px; */
	display:inline-block;
	float:left; 
	height:230px; 
	width:678px;
	font-size: 30px; 
	color: #333; 
	font-weight: bold; 
	line-height:170px; 
	text-align:center;
	/*border: 1px solid;*/
	text-transform: uppercase;
	}

div#titrndl textarea {
	font:30px/1.6em 'Cantarell', sans-serif;
	color: #333; 
	line-height: 55px; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: bold; 
	/*text-transform: uppercase;*/
	}

div#titrndl span {
	display:inline-block; 
	font:30px/1.6em 'Cantarell', sans-serif;
	color: #333; 
	line-height: 55px; 
	font-weight: bold; 
	/*text-transform: uppercase;*/
	vertical-align:middle; 
	line-height:1.2; 
	text-align:center;
	}
div#masect {
	display:inline-block;
	float:left;
	/*position: relative; */
	float:right; 
	width:220px; 
	height:230px; 
	margin: 0px 10px 10px 10px;
	/*border: 1px solid;*/
	}
div#masect img {
	width: 220px; 
	height: 220px;
	}
div#contndl {
	display:inline-block;
	float:left;
	width: 100%;
	margin:17px 0 0 0;
	padding:5px;
	/*border: 1px solid;*/
}
.gros{
	margin : 15px auto; 
	font-size: 22px; 
	color: #333; 
	line-height: 20px; 
	font-weight: bold; 
	text-transform: uppercase; 
	text-align: center;
	}
.centre{
	text-align:center;
}
h1 {
	font-size: 16px;
	letter-spacing: 1.5px;
	color: #333;
	line-height: 24px;
	text-align: center;
	margin: -10px 0 0 0;
	padding: 0;
}

h2 {
	font-size: 25px;
	color: #333;
	line-height: 32px;
	text-align: center;
	font-weight: bold;
	margin: 0;
}

h3 {
	font-size: 20px; 
	color: #333; 
	line-height: 32px; 
	text-align: center; 
	font-weight: bold; 
	/*text-transform: uppercase;*/ 
	margin: 2px 0 2px 0;
	}
h4{
	font-size: 18px; 
	color: #08308e; 
	line-height: 32px; 
	text-align: center; 
	font-weight: bold; 
	/*text-transform: uppercase;*/ 
	margin: 2px 0 2px 0;
}
div.cadre {
	position: relative; 
	margin: 20px 0 0 0; 
	padding:5px 15px 5px 15px;
	}

div.cadre span {
	font-weight: bold;
	font-size: 20px;
	}
div.moyen{
	font-size: 20px;
}
div#boutons {
	display: block; 
	width: 800px; 
	margin: 20px auto;
	}
div.acher{
	width: 100%; 
	height: 2px; 
	border-bottom: 2px dashed #000;
	}
hr:after { 
	content: url('../img/couper.png'); 
	height: 18px;
	}