body {
	padding : 0px;
	margin : 0px;
	background : #227d9e url('../images/fond-blue.png') top left repeat-y;
	
	/* 
	245dca
	1c80a4 */
	font-family : Tahoma;
	font-size : 18px;
} 

h2 {
	padding-left : 0%;
	border-bottom : 1px solid #FFFFFF;
	margin : 40px 0px 20px 0px;
}

hr {
	border : 1px solid #C5D7EF;
}

#menu {
	float : left;
	padding : 160px 0px 10px 0px;
	width : 171px;
	background-image : url('../images/white-logo-blue.png');
	background-repeat : no-repeat;
	background-position : top center;
}

#page {
	margin-left : 178px;
	background-image : url('../images/dark-logo-blue.png');
	background-repeat : no-repeat;
	background-position : top right;
	text-align: center;
} 

#titre {
	height : 100px;
	background-image : url('../images/titre-blue.png');
	background-repeat : no-repeat;
	background-position : top center;
}

#efface {
	clear : left;
}

/* --- CONTENU --- */

#page #contenu {
	margin : auto;
	padding : 50px;
	color : #FFFFFF;
	font-size : 15px;

	text-align : left;
}

/* --- MENU --- */

#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}
#menu li>a {
	display:block;
	padding:5px 10px;

	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFFFFF;
	width : 150px;
}
#menu li>a {
	background:url('../images/liens-blue.png');
	background-position : 0 0;
}
#menu li>a:hover {
	background-position : 171px 0;
	color : #0f2d38;
}

/* --- Boite --- */
.boite {
	margin-bottom : 20px;
	width : 100%;
	border-collapse : collapse;
	border : 1px solid #C5D7EF;
}

.boite a {
	text-decoration : underline;
	color : #FFFFFF;
}

.boite a:hover {
	text-decoration : none;
}

.boite .titre {
	margin-left : -1px;
	padding : 5px 10px 5px 10px;
	text-align : right;
	background-color : #E5ECF9;
	color : #0f2d38;
	font-weight : bold;
	font-size : 16px;
	text-align : left;
}

.boite .sous-titre {
	margin-left : -1px;
	padding : 5px 0px 5px 10px;
	background-color : #C5D7EF;
	color : #0f2d38;
	font-size : 14px;

}

.texte input, textarea {
	width : 100%;
	background : transparent;
	border : 0px;
	border-bottom : 2px solid #C5D7EF;
	border-left : 2px solid #C5D7EF;
	color : #C5D7EF;
}

.boite .texte {
	background-color : #FFFFFF;
	color : #0f2d38;
	padding : 10px;
}

.boite .pied {
	border-top : 1px solid #C5D7EF;
	padding : 3px;
	background-color : #E5ECF9;
}

.pied input {
	width : auto;
}

/* --- BOITE TABLEAU --- */

.boite-tbl {
	margin-bottom : 20px;
	width : 100%;
	border-collapse : collapse;
	border : 1px solid #C5D7EF;
}

.boite-tbl a {
	text-decoration : underline;
	color : #FFFFFF;
}

.boite-tbl a:hover {
	text-decoration : none;
}

.boite-tbl caption {
	margin-left : -1px;
	padding : 5px 10px 5px 10px;
	text-align : right;
	background-color : #E5ECF9;
	color : #0f2d38;
	font-weight : bold;
	font-size : 16px;
	text-align : left;
}

.boite-tbl .sous-titre {

	padding : 5px 0px 5px 10px;
	border-bottom : 1px solid #9DBBE3;
	border-top : 2px solid #9DBBE3;
	background-color : #C5D7EF;
	color : #0f2d38;
	font-size : 12px;
	font-style : italic;

}

.boite-tbl .titre {
	padding : 5px;
	text-align : right;
	background-color : #C5D7EF;
	color : #0f2d38;
	font-weight : bold;
	border-bottom : 1px solid #9DBBE3;
}

.boite-tbl .contenu input {
	width : 100%;
	padding : 3px;
	background : transparent;
	border : 0px;
	border-bottom : 2px solid #C5D7EF;
	border-right : 2px solid #C5D7EF;
	border-top : 1px solid #EFEFEF;
	border-left : 1px solid #EFEFEF;
	color : #0f2d38;
}

.boite-tbl .contenu textarea {
	width : 100%;
	padding : 3px;
	background : transparent;
	border : 0px;
	border-bottom : 2px solid #C5D7EF;
	border-right : 2px solid #C5D7EF;
	border-top : 1px solid #EFEFEF;
	border-left : 1px solid #EFEFEF;
	color : #0f2d38;
}

.boite-tbl .contenu {
	background-color : #FFFFFF;
	border-bottom : 1px solid #EFEFEF;
	color : #0f2d38;
	padding : 10px;
}

.boite-tbl .pied {
	border-top : 1px solid #C5D7EF;
	padding : 3px;
	background-color : #E5ECF9;
}

.boite-tbl>.pied input {
	width : auto;
}

/* --- CLASSIC CLASS --- */

.droite {
	text-align: right;
}

.centre {
	text-align: center;
}