/****************************** FONTS ******************************/

p, li {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif," "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: #494949;
	}


/****************************** TITRES ******************************/

h1, h2, h3 {
	font-weight: bold;
	clear: both;
	font-family: baskerville, "palatino linotype", "times new roman",serif;
	}

h1, h2 {
	color: #4c9bf3;
	font-size: 20px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	clear: both;
	}
	
h1 {
	color: black;
	font-size: 26px;
	line-height: 26px;
	padding: 10px 0;
	}
	
h2 {
	color: #677179;
	margin: 30px 0 10px 0;
	font-size: 22px;
	clear: both;
	}

	
h3 {
	padding-left: 5px;
	color: #56739A; /* Bleu cobalt #0047AB; */
	font-size: 18px;
	margin: 20px 25px 10px;
	padding: 0 0 2px;
	width: 630px;
	border-bottom: 1px solid #56739A;
	}
	
h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 7px 25px;
	text-decoration: underline;
	}

h5 {
	font-size: 14px;
	margin: 15px 0 0 25px;
	}
	
h5:before {
	content: "> ";
	font-weight: bold;
	}
	
	
	
hr {
	clear: both;
	}
	
/****************************** PARAGRAPHE ******************************/

p {
	font-size: 12px;
	line-height: 18px;
	margin: 0 15px;
	padding: 0 10px 5px;
	text-align: justify;
	text-indent: 1.4em;
	}

	
/****************************** LISTES ******************************/

ul {
	list-style: none;
	margin: -5px 55px 10px;
	text-align: justify;
	text-indent: -0.8em;
	}

li {
	font-size: 12px;
	text-indent: -15px;
	padding-left: 7px;
	}
	
li:before {
	content: "— ";
	}
	
	
	
/****************************** LIENS ******************************/

a { color: #a37425; }
a:hover { text-decoration: underline; }
a:visited { color: #6a5f50; }
a.no-visited:visited { color: #a37425; }
h1 a {color: black;}



/****************************** TABLEAUX ******************************/

table {
	text-align: center;
	font-size: 12px;
	margin: 0 auto;
	border: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
	margin-bottom: 20px;
	}
	
table caption {
	background-color: black;
	color: #4C9BF3;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 0 -1px;
	}
	
	
table th {
	border: 1px solid #736F6E;
	border-spacing: 0px;
	background-color: #C0C0C0;
	padding-left: 5px;
	padding-right: 5px;
	}
	
table td {
	border: 1px dotted #736F6E;
	border-spacing: 0px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
table tr.bleu {
	background-color: #c1e1ff;
	}

	
	

/****************************** ENCARTS ******************************/
	
div.ok, div.rappel, div.attention, div.information {
	padding: 5px 0;
	margin: 0 50px 20px;
	border-width: 2px 2px 2px 4px;
	border-style: dashed dashed dashed solid;
	}

div.ok p, div.rappel p, div.attention p, div.information p {
	margin: 0;
	font-family: Verdana;
	}

div.information {
	background-color: #e5eaf3;
	border-color: #4C9BF3;
	}
	
div.ok {
	background-color: #ecffe3;
	border-color: #45e000;
	}
	
div.attention {
	background-color: #fdeaea;
	border-color: #ed0000;
	}
	
div.rappel {
	background-color: #fffbd4;
	border-color: #ecdf4a;
	}

div.ok, div.rappel, div.attention, div.information {
	border-left-color: #736F6E;
	}
	
	
/****************************** IMAGES ******************************/

img.right {
	float: right;
	margin: 6px -25px 10px 6px;
	border: 4px solid black;
	border-right: 25px solid black;
	}

img.left {
	float: left;
	margin: 6px 10px 6px -25px;
	border: 4px solid black;
	border-left: 25px solid black;
	}
	
img.vertical { height: 250px; }
img.horizontal { width: 250px; }

img.bottom.horizontal {
	width: 93%;
	height: 93%;
	clear: both;
	border: 4px solid black;
	border-left: 24px solid black;
	border-right: 24px solid black;
	}
	
	



span.chinois {
	font-family: 華康行書體;
	font-size: 140%;
	}
	

/****************************** FLOATS ******************************/

.right {
	float: right;
	}
	
.left {
	float: left;
	}
	
.center {
	text-align: center;
	}
	
.clear {
	clear: both;
	}

.rouge {
	color: red;
	}
	
.gras {
	font-weight: bold;
	}