html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 96%; font-family: Arial, Helvetica, sans-serif; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
:focus { outline: 0; }

html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote { margin-left: 1em; }
form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; font-family: inherit; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 1px; }
caption, th, td { text-align: left; font-weight: normal; }
a { text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; }
a:active { color: #000; }
img, iframe, object { border: 0 none; }
input, textarea, select, button { border: 1px solid #000; }

table {
        display: table;
        width: 100%;
	border-collapse: separate; 
        border-style: outset;
        border-width: 2px;
        border-color: white;
}
tr {
        display: table-row;
        border-style: outset;
        border-width: 3px;
        border-color: white;
}
td {
        display: table-cell;
        border-style: outset;
        border-width: 3px;
        border-color: white;
	vertical-align: middle;
        text-align: center;
}
div.screenshots_js {
	position: absolute; 
	z-index: 1000; 
	visibility: hidden; 
	left: 0px; 
	top: 0px;
        border-color: transparent;
        background-color: transparent;
        color: transparent;
}
body {
	text-align: center;
	font-family: Arial;
        position: relative;
}
div#fond {
	width: 700px;
	margin: 0 auto;
	background-image: url(../images/back.png);
	background-repeat: repeat-y;
	background-position: top; 
}
div#global {
	width: 680px;
	margin: 0 auto;
	background-color: #d8daf8;
}	
div#entete {
	height: 122px;
	width: 680px;
	margin: 0 auto;
	background-image: url(../images/lineV.gif);
	background-repeat: repeat-x;
}
div#titre {
	height: 64px;
	font-size: 24pt;
	color: #FFFFFF;
	vertical-align: middle;
	background-image: url(../images/SL_50x50.gif);
	background-repeat: no-repeat;
	background-position: right; 
}
div#soustitre {
	font-size: 16pt;
	color: #FFFFFF;
}
div.langues {
        height: 24px;
        background-image: url(../images/background_mauve_24x1.png);
	background-repeat: repeat-x;
	font-size: 12pt;
        vertical-align: middle;
        text-align: left;
}

div.left_section {
	width: 10px;
	margin: 0 auto;
        float: left;
}
li {
        background-image: url(../images/unit_li_12x12.png);
	background-repeat: no-repeat;
        text-align: left;
}

div.current_section {
        width: 80px;
        margin: 0 auto;
	font-weight: bold;
        background-image: url(../images/background_orange_24x1.png);
	background-repeat: repeat-x;
	display: in-line;
        float: left;
        text-align: center;
}
div.section {
        width: 80px;
        margin: 0 auto;
	font-weight: normal;
	display: in-line;
        float: left;
        text-align: center;
}

div.xtransparent {
	width: 660px;
	margin: 0 auto;
}
div.xblanc {
	width: 660px;
	margin: 0 auto;
	background-color: #FFFFFF;
        display: block;
	font-size: 12pt;
}
div.x90 {
	width: 90%;
	margin: 0 auto;
}
div.x90blue {
	width: 90%;
	margin: 0 auto;
	font-size: 12pt;
        color: blue;
}
div.x90lightgray {
	width: 90%;
	margin: 0 auto;
        color: lightgray;
}
div.font10 {
	font-size: 10pt;
}
div.font12 {
	font-size: 12pt;
}
div.font12lightgray {
	font-size: 12pt;
        color: lightgray;
}
div.font14 {
	font-size: 14pt;
}
div.x90 table {
        display: table;
        width: 100%;
        border-style: none;
}
div.x90 tr {
        display: table-row;
        border-style: none;
}
div.x90 td {
	font-size: 12pt;
        display: table-cell;
        border-style: none;
	vertical-align: middle;
}
div.x45 {
	width: 95%;
	margin: 0 auto;
        text-align: right;
        float: left;
}
div.x5 {
	width: 5%;
	margin: 0 auto;
	display: in-line;
        float: right;
}
td.x50 {
	width: 50%;
	margin: 0 auto;
}
div.x50left {
	width: 50%;
	margin: 0 auto;
        text-align: left;
}
label {
	width: 100%;
	margin: 0 auto;
        text-align: right;
}
td.label {
	width: 100%;
	margin: 0 auto;
        text-align: right;
}
div.x50 {
	width: 50%;
	margin: 0 auto;
}
div.x25 {
	width: 25%;
	margin: 0 auto;
}

div.align_left {
        text-align: left;
}
div.align_right {
        text-align: right;
}
div.align_center {
	text-align: center;
}
small {
	font-size: 8pt;
}
big {
	font-size: 20pt;
}

div.height18 {
        height: 18px;
}
div.height24 {
        height: 24px;
}
div.height64 {
        height: 64px;
}
div.height32 {
        height: 32px;
}
div.height128 {
        height: 128px;
}
div.height120 {
        height: 120px;
}
div.height130 {
        height: 130px;
}
div.height260 {
        height: 270px;
}

div.height110 {
        height: 110px;
}


div.xblanctexte {
	width: 640px;
	margin: 0 auto;
	text-align: left;
}
div.xleft50 {
	font-size: 12pt;
	font-weight: normal;
	width: 50%;
	float: left;
	text-align: left;
}


div.xleft35 {
	width: 35%;
	margin: 0 auto;
	float: left;
	text-align: right;
}
div.xleft65 {
	font-size: 12pt;
	font-weight: normal;
	width: 75%;
	margin: 0 auto;
	float: left;
	text-align: left;
}
div.xtexte {
	width: 100%;
	margin: 0 auto;
	font-size: 12pt;
	font-weight: normal;
	text-align: left;
}
div.xright50 {
	font-size: 12pt;
	font-weight: normal;
	width: 50%;
	float: right;
	display: in-line;
	text-align: right;
}
div.xright65 {
	width: 60%;
	margin: 0 auto;
	float: right;
	display: in-line;
	text-align: left;
}
div.xright35 {
	font-size: 12pt;
	font-weight: normal;
	width: 25%;
	margin: 0 auto;
	float: right;
	display: in-line;
	text-align: center;
}

div.space5 {
	width: 100%;
	height: 5px;
	background-color: #d8daf8;
}
div.space10 {
	width: 100%;
	height: 10px;
	background-color: #d8daf8;
}

div.space5blanc {
	width: 660px;
	height: 5px;
	background-color: #FFFFFF;
	text-align: center;
}
div.xtop35 {
	float: top;
}
div.xbottom35 {
	float: bottom;
}

p {
	vertical-align: middle;
}
div.bottom {
	background: url(../images/bottom.png);
	background-position: top;
	background-repeat: no-repeat;
	height: 10px;
}


a:link	{
        color: blue;
}
a:visited	{
        color: magenta;
}
a:hover	{
        color: blue;
}