/*  graphical references Pantone solid coated:
	#E2E2E2		cool gray 1c		(main)
	#B0B1B3		cool gray 6c
	#101D27		black 6c			(main)
	#5E2728		red 1817c
	#7C2230		red 188c			(main)
	#CE9D00		yellow-brown 117c 	(main)
	#DBAE00		yellow 110c
	#FFD100		yellow-strong 109c
*/

body {
	background-color: #101D27;
	scrollbar-base-color: #CE9D00; /* IE only */
	font-family: Helvetica,Verdana,Arial,Lucida sans Unicode,Trebuchet MS,sans-serif;
	text-align: center; /* IE only centering the box */
	color: #E2E2E2;
	margin: 2px;
	padding: 2px;
}

h1 {
	font-size: 120%;
	margin-bottom: 0.8em;	
	color: #101D27;
}

h1.invisible{
 	font-size: 1px; 
	line-height: 1px;
    text-align: center;
	margin-top: 0px;
	color: #CE9D00;
}

a:link, a:visited, a:hover {
	font-weight: normal; 
	font-size: 90%; 
	color: #E2E2E2;
}

p{
	text-indent: 2em; 
	line-height: 100%;
    text-align: justify;
	font-weight: normal; 
 	font-size: 90%; 
	color: #101D27;
	margin-top: 0.8em;
	margin-bottom: 0.3em;
}

/* emphasize words into long text */
.exergue {
	font-weight: bold; 
}

ul {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1px;
}

li {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 1px;
	text-indent: 1em; 
    text-align: justify;
	font-weight: normal; 
 	font-size: 90%; 
	padding-bottom: 2px;
	color: #101D27;
}

/* paragraph with strong  padding and larger interlign */
.retrait{
	padding-left: 4em; 
    text-align: justify;
	font-weight: normal; 
	vertical-align: middle; 
	line-height: 140%;
 	font-size: 90%; 
	color: #101D27;
}

BLOCKQUOTE { margin-left: 40px; margin-right: 40px }

table {
	width: 100%;
	border: 1px solid #DBAE00;
	cellpadding: 0;
	cellspacing: 1;
}

td {
	text-indent: 0.3em; 
    text-align: justify;
	font-family: Arial;
	font-weight: normal; 
 	font-size: 90%; 
	color: #101D27;
	background-color: #B0B1B3;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
}	

/* invisible pixel for positioning images */
.separator {
	background: url(pixel_yellow.gif);
	width: 1px;
	height: 5px;
	font-weight: normal; 
 	font-size: 1%; 
	line-height: 1%;
}

img {
	border: 0;
}

/* This part manage 2 boxes into a large yellow box */
/* # called once using id= */
/* . called many time using class= */
#cadre { 
	margin: 3px auto; /* centering the box */
	margin-top: 0px;
	text-align: left; 
	width: 980px;
	background: url(fond_menu.gif) left top; 
	background-color: #CE9D00 ;
}

#bloc_main {
	float:left; 
	width: 640px; 
	margin-top: 10px;
	margin-right: 20px; 
	-margin-right: 10px; /*  -margin: pour IE 6 /margin: pour IE6 et 7  margin: 10px !important pour Firefox*/
	margin-bottom: 10px;
	margin-left: 10px;
}

#bloc_left {
	float: left; 
	width: 270px;
	margin-top: 13px;
	margin-right: 0px; 
	margin-bottom: 10px;
	margin-left: 30px;
	-margin-left: 15px; 	
}

.no-bloc {
	clear: both;
 	text-align: center; 
}
/* ---------------- */

/* This part manage the rounded coins of the yellow box*/
#topleft, #topright, #downright, #downleft {
	height: 20px; width: 20px;
	background-repeat: no-repeat;
	font-size:1px; /* bug IE */
}
#topleft {
	background: url(topleft.gif);
}
#topright {
	float: right;
	background: url(topright.gif);
}
#downleft {
	background: url(downleft.gif);
}
#downright {
	float: right;
	background: url(downright.gif);
}
/* ---------------- */