<?php
	ob_start( 'ob_gzhandler' );
	header("Content-type: text/css");
?>
html
{
font-size:100%;
font-family:Verdana, Helvetica, Arial, sans-serif;
}
body
{
width:772px;
margin:0 auto;
padding:0;
font-size:.72em;
letter-spacing:.01em;
background-color:#ccc;
color:#222;
}
a
{
outline-style:none;
}
div#menu
{
width:100%;
margin:0;
float:left;
}
div#menu p
{
display:none;
}
div#menu ul#mainmenu
{
list-style-type:none;
margin:0;
padding:0;
float:left;
border: 1px solid #b55;
width:100%;
background-image: url(../resources/menu_bckgnd.png);
background-position:top left;
background-repeat:repeat-x;
background-color:#990000;
}
div#menu ul#mainmenu li
{
float:left;
border-right:1px solid #b23c3c;
}
div#menu ul#mainmenu li a
{
display:block;
padding:.6em 1.4em;
text-decoration:none;
color:#fff;
font-size:1.04em;
}
div#menu ul#mainmenu li a.current
{
color:#ffeb81;
text-decoration:underline;
}
div#menu ul#mainmenu li a:hover
{
background-color:#900;
color:#ffeb81;
background-image: url(../resources/menu_hover_bckgnd.png);
background-position:bottom left;
background-repeat:repeat-x;
background-color:#990000;
}
div#submenu
{
margin:1em 0 0 0;
padding:0;
float:left;
clear:left;
width:100%;
}
div#submenu p
{
display:none;
}
div#submenu ul
{
list-style-type:none;
margin:0;
padding:0;
float:left;
width:100%;
border-width:0 0 1px 0;
border-style:solid;
border-color:#B5B5B5;
}
div#submenu ul li
{
float:left;
margin:0 0 0 5px;
padding:0;
}
div#submenu ul li a
{
position:relative;
top:1px;
text-align:center;
text-decoration:none;
display:block;
height:2em;
line-height:2em;
margin:0;
padding:.16em .9em .1em .9em;
background-image: url(../resources/submenu_bckgnd.png);
background-position:bottom left;
background-repeat:repeat-x;
border-width:1px;
border-style:solid;
border-color:#B5B5B5;
}
div#submenu ul li a:link, div#submenu ul li a:visited
{
color:#036;
}
div#submenu ul li a:hover
{
background-color:#FFEB82;
background-image:none;
}
div#submenu ul li.current a
{
background-image:none;
border-bottom-color:#fff;
color:#900;
cursor:default;
}
div#submenu ul li.current a:hover
{
background-color:#fff;
}
div#menu div#submenu div ul li#user-nickname, div#menu div#submenu div ul li#user-deconnection
{
float:right;
background-position:0 50%;
background-repeat:no-repeat;
padding-left:18px;
background-image: url(../resources/disconnect_icon.gif);
margin:0 .9em 0 0;
}
div#menu div#submenu div ul li#user-nickname a, div#menu div#submenu div ul li#user-deconnection a
{
padding:.65em 0;
}
div#menu div#submenu div ul li#user-nickname
{
background-image: url(../resources/user_icon.gif);
}
/*div#menu div#submenu div ul li.current
{
background-image: url(../resources/select_submenu_top.gif);
background-position:50% 0;
background-repeat:no-repeat;
}*/
div#menu div#submenu div ul li.current  a
{
color:#036;
text-decoration:none;
cursor:default;
/*background-image: url(../resources/select_submenu_bottom.gif);
background-position:50% 100%;
background-repeat:no-repeat;*/
}
div#menu div#submenu div ul li a:hover
{
color:#036;
text-decoration:none;
}
/*#content a[href^="#"]:after
{
content:" (" attr(title) ", " attr(href) ") ";
}
#content a[href^="#"]:after
{
content:" (" attr(title) ", " attr(href) ") ";
}*/
div#frame
{
border:1px solid #b5b5b5;
background-color:#fff;
padding:1.2em;
}
div#banner h1
{
margin:0;
padding:0;
}
div#banner h1 a
{
margin:0;
padding:0;
text-indent:-1000em;
overflow:hidden;
height:140px;
display:block;
background-image: url(../resources/banner_bckgnd.jpg);
background-position:0 0;
background-repeat:no-repeat;
}
/*div#banner h1 a:link
{
text-decoration:none;
}
div#banner h1 a:visited
{
color:#900;
text-decoration:none;
}
div#banner h1 a:hover
{
text-decoration:none;
}
div#banner h1 a span
{
position:absolute;
bottom:1.12em;
right:.4em;
display:block;
font-size:.34em;
letter-spacing:.16em;
font-family:"Courrier New", Courrier, monospace;
color:#b5b5b5;
}*/
div#accessibility
{
margin:1.2em 8px 4px 0;
text-align:right;
padding:0;
}
div#accessibility p
{
display:none;
}
div#accessibility ul
{
margin:0;
list-style-type:none;
}
div#accessibility ul li
{
display:inline;
margin-left:.72em;
}
div#accessibility ul li a
{
/*font-family:Verdana, Arial, sans-serif;*/
font-size:.85em;
color:#999;
}
div#accessibility ul li a:link
{
text-decoration:none;
}
div#accessibility ul li a:visited
{
text-decoration:none;
}
div#accessibility ul li a:hover
{
text-decoration:underline;
}
div#content
{
line-height:140%;
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#B5B5B5;
margin:0 0 24px 0;
padding:0;
clear:left;
position:relative;
}
div#content div#text
{
padding:0 24px 16px 12px;
}
div#content hr
{
border-style:none;
width:33%;
height:1px;
background-color:#900;
color:#900;
}
div#content h2
{
font-size:1.7em;
padding:.36em 0 .72em 12px;
margin:0;
color:#036;
}
div#content h3
{
font-size:1.32em;
color:#036;
padding:0;
margin:.6em 0 1em 0;
clear:left;
}
div#content h4
{
margin:1.12em 0 .72em 0;
padding-bottom:3px;
font-size:1.06em;
line-height:1.06em;
color:#036;
border-bottom:1px solid #A5C6D3;
overflow:hidden;
}
div#content div#text h4 a
{
margin-right:.36em;
}
div#content div#text h4 a img
{
border-style:none;
}
div#content h5
{
font-size:1em;
margin:.72em 0 0 12px;
color:#036;
}
div#content h6
{
font-size:.92em;
margin:.72em 0 0 12px;
color:#000;
}
div#content p.center
{
text-align:center;
}
div#content p#ariane
{
font-size:0.88em;
color:#666;
margin-top:0;
margin-bottom:0;
margin-left:12px;
padding:6px 0;
}
div#content p#ariane:before
{
content:":: ";
color:#900;
font-weight:bold;
}
div#content p#ariane span
{
font-size:1em;
color:#fb0;
}
/*#################################*/
/*#################################*/
/*div#content ul#submenu
{
border-left:1px solid #b5b5b5;
border-right:1px solid #b5b5b5;
float:left;
list-style-type:none;
list-style-image:none;
padding:.3em 0 .4em 1.4em;
background-color:#ffeb81;
}
div#content ul#submenu li
{
float:left;
margin-right:1.4em;
margin-top:0;
}
div#content ul#submenu li a
{
text-decoration:none;
color:#003366;
line-height:100%;
display:block;
outline:none;
}*/
div#content hr.clear-left
{
visibility:hidden;
clear:left;
}
/*#################################*/
div#content a
{
color:#222;
text-decoration:underline;
}
div#content a:visited
{
color:#222;
}
div#content a:hover
{
color:#900;
text-decoration:none;
}
div#content a:active
{
color:#ffeb81;
}
div#content p
{
padding:0;
margin:.48em 0 0 12px;
}
div#content blockquote
{
color:#036;
margin:.72em 0 .72em 12px;
font-style:italic;
text-align:center;
}
div#content a abbr
{
border-style:none;
}
div#content p#toolbar
{
position:absolute;
top:0;
right:0;
margin:0;
padding:6px 12px;
}
div#content p#toolbar a
{
text-decoration:none;
font-size:.9em;
background-position:0 50%;
background-repeat:no-repeat;
padding:2px 0 2px 20px;
color:#B5B5B5;
}
div#content p#toolbar a:visited
{
color:#B5B5B5;
}
div#content p#toolbar a:hover
{
color:#036;
text-decoration:underline;
}
div#content p#toolbar a#print
{
background-image:url(../resources/print_ico.png);
background-position:0 0;
background-repeat:no-repeat;
}
div#content p#toolbar a#print:hover
{
background-position:0 -16px;
}
div#content dl
{
margin-left:12px;
}
div#content dl dt
{
font-weight:bold;
}
div#content dl dd
{
margin-bottom:.72em;
margin-left:12px;
}
div#content dl dd ul
{
margin:0;
list-style-position:inside;
}
div#content dl#projet
{
margin-left:12px;
}
div#content dl#projet dt
{
/*font-weight:normal;
text-decoration:underline;*/
}
div#content dl#projet dd
{
font-style:italic;
}
div#content dl dd p.sample
{
margin-left:0;
}
div#content dl.links
{
/*margin-left:.72em;*/
}
div#content dl.links dt
{
margin-top:.72em;
font-weight:normal;
}
div#content dl.links dt a[lang="en"]
{
background-image:url(../resources/flag_gb.gif);
background-position:100% 50%;
background-repeat:no-repeat;
padding-right:20px;
}
div#content dl.links dd
{
display:block;
font-style:italic;
margin-left:12px;
}
div#content dl.links dd span.url
{
display:block;
font-size:.88em;
color:#b5b5b5;
font-style:normal;
}
div#content dl#realisations
{
margin-top:2.4em;
position:relative;
}
div#content dl#realisations dt
{
display:block;
/*position:absolute;
left:10px;*/
float:left;
/* ############################# */
background-image:url(../resources/image_shadow_2.gif);
background-position:100% 100%;
background-repeat:no-repeat;
margin:16px 0 4px 15px;
font-weight:normal;
}
div#content dl#realisations dt a
{
float:left;
text-decoration:none;
/*border:1px solid #036;
padding:6px;*/
display:block;
/* ############################# */
background-image:url(../resources/image_shadow_1.gif);
background-position:0 0;
background-repeat:no-repeat;
padding:0 5px 5px 0;
}
div#content dl#realisations dt a img
{
float:left;
border:1px solid #b5b5b5;
margin:0;
padding:0;
/* ############################# */
background-color:#fff;
padding:4px;
}
div#content dl#realisations dt a:hover
{
/*border-color:#900;
background-color:#ffeb81;*/
}
div#content dl#realisations dt a:hover img
{
border-color:#900;
}
div#content dl#realisations dd
{
margin:0;
height:190px;
padding-left:240px;
display:block;
}
div#content dl#realisations dd a
{
float:right;
text-decoration:none;
margin-top:8px;
outline:1px solid #fff;
overflow:hidden;
padding:4px;
font-size:.92em;
}
div#content dl#realisations dd a:hover
{
background-color:#900;
}
div#content dl#realisations dd a span
{
background-image:url(../resources/right_arrow.png);
background-position:0 50%;
background-repeat:no-repeat;
padding-left:12px;
display:inline;
font-weight:normal;
font-size:1.1em;
padding-top:0;
color:#900;
}
div#content dl#realisations dd a:hover span
{
background-image:url(../resources/right_arrow_hover.png);
color:#fff;
}
div#content dl#realisations dd span
{
display:block;
/*line-height:2em;*/
font-size:1.4em;
font-weight:bold;
padding-top:18px;
color:#036;
}
div#content dl#realisations dd span em
{
display:block;
font-size:.72em;
font-weight:normal;
color:#000;
margin-top:0.52em;
}
div#content dl#realisations dd span em a
{
float:none;
text-decoration:underline;
margin-top:0;
color:#000;
outline:1px solid #fff;
overflow:visible;
padding:0;
}
div#content dl#realisations dd span em a:hover
{
background-color:transparent;
text-decoration:none;
color:#900;
}
div#content pre
{
background-color:#FFEB81;
border:1px solid #B5B5B5;
color:#003366;
font-family:"Courier New", Courier, monospace;
padding:1.12em;
margin:0;
}
div#content code
{
color:#003366;
font-family:"Courier New", Courier, monospace;
font-weight:normal;
}
div#content p.info, p.info
{
clear:left;
border:1px dotted blue;
background-color:#fff;
background-image:url(../resources/information.png);
background-position:10px 50%;
background-repeat:no-repeat;
padding:8px 8px 8px 36px;
color:blue;
font-style:italic;
}
div#content p.info a, p.info a
{
color:blue;
}
div#content p.error, p.error
{
clear:left;
background-color:#fff;
background-image:url(../resources/error.png);
background-position:10px 50%;
background-repeat:no-repeat;
padding:8px 8px 8px 36px;
color:red;
}
div#content p.error a, p.error a
{
color:red;
}
div#content ul
{
list-style-position:outside;
list-style-image:url(../resources/list_image.png);
margin:0 0 .72em 48px;
padding:0;
}
div#content ul li
{
margin:8px 0 0 0;
padding:0;
}
div#content ul#site-map
{
margin-top:2.24em;
}
div#content ul#site-map li ul
{
list-style-image:none;
margin:0 0 .72em 24px;
}
div#content ul#site-map li ul li
{
margin-top:8px;
}
div#content dl.code
{

}
div#content dl.code dt
{
margin-top:.72em;
background-color:#A5C6D3;
border-width:1px;
border-style:solid solid none solid;
border-color:#B5B5B5;
padding:2px 6px;
color:#fff
}
div#content dl.code dd
{
margin:0;
}
div#content dl.code dd pre
{
margin:0;
padding:6px 12px;
background-color:#fff1A5;
background-color:#fff;
}
div#content dl.accessibility
{
font-style:italic;
padding-left:16px;
}
div#content dl.accessibility dt
{
margin-bottom:8px;
font-weight:normal;
}
div#content dl.accessibility dd
{
margin-bottom:20px;
padding-left:16px;
}
div#content dl.accessibility dd em
{
font-style:normal;
font-weight:bold;
}
div#content dl.accessibility dd a
{
text-decoration:none;
}
div#content kbd
{
padding:2px 4px;
font-weight:bold;
color:#036;
border:1px solid #b5b5b5;
background-color:#ffeb81;
font-size:1.08em;
}
div#content p.sample kbd
{
padding:0;
font-weight:normal;
color:#000;
border-style:none;
background-color:#fff;
font-size:1em;
}
div#content a kbd
{
border-color:#b5b5b5 #b5b5b5 #036 #b5b5b5;
}
div#content a:hover kbd
{
border-color:#036;
}

div#footer{
text-align:right;
margin:0 8px;
padding:0 0 1.12em 0;
}
div#footer ul{
list-style-type:none;
padding:0;
margin:0;
}
div#footer ul li{
display:inline;
padding:0;
}
div#footer ul li.footer-left{
float:left;
margin:0 .72em 0 0;
}
div#footer ul li.footer-left a
{
font-family:Verdana, Arial, sans-serif;
font-size:.85em;
color:#999;
padding:6px 0;
}
div#footer ul li.footer-left a:link
{
text-decoration:none;
}
div#footer ul li.footer-left a:visited
{
text-decoration:none;
}
div#footer ul li.footer-left a:hover
{
text-decoration:underline;
}
div#footer ul li.footer-right
{
margin:0 0 0 12px;
}
div#footer ul li.footer-right a.w3c {
font-family: arial,sans-serif;
font-size:.72em;
color:#0c479d;
padding:1px;
background-color:#fff;
}
div#footer ul li.footer-right a.w3c:link,
div#footer ul li.footer-right a.w3c:visited,
div#footer ul li.footer-right a.w3c:hover,
div#footer ul li.footer-right a.w3c:active{
text-decoration: none;
}
div#footer ul li.footer-right a.w3c span {
padding:0 .3em;
}
div#footer ul li.footer-right a.w3c span.spec{
background-color: #fc6;
color:#000;
}
div#footer ul li.footer-right a.w3c span span{
padding:0;
font-size:1.2em;
color:#2e8b57;
}
div#user
{
text-align:right;
margin:1em 0;
}
/* ################### */
div#content p.table-pages
{
text-align:right;
}
div#content table{
clear:left;
color:#000;
width:100%;
border-top:1px solid #A5C6D3;
border-left:1px solid #A5C6D3;
}
div#content td, div#content  th {
padding:5px;
vertical-align:top;
}
div#content table caption {
margin:1em 0 .6em 0;
color:#00f;
font-size:1.03em;
font-weight:bold;
text-align:left;
}
div#content table thead th {
font-size:.92em;
border-right: 1px solid #A5C6D3;
border-top-style:none;
border-left-style:none;
border-bottom: 1px solid #A5C6D3;
}
div#content table tfoot td{
border-right:1px solid #A5C6D3;
border-top-style:none;
border-left-style:none;
border-bottom:1px solid #A5C6D3;
text-align:right;
font-weight:bold;
}
div#content table tbody th,div#content table tbody td {
color:#000;
font:8pt Verdana;
border-right:1px solid #A5C6D3;
border-top-style:none;
border-left-style:none;
border-bottom:1px solid #A5C6D3;
}
div#content table tbody th {
white-space:nowrap;
font-weight:bold;
text-align:left;
}
div#content table tbody tr td a img {
border-style:none;
}
div#content table tbody tr:hover {
background-color:#ffeb81;
}
div#content form#contact
{
}
div#content form#contact label
{
display:block;
color:#036;
}
div#content form#contact input
{
border: 1px solid #A5C6D3;
}
div#content form#contact textarea
{
border: 1px solid #A5C6D3;
/*width:60%;*/
}
div#content form#contact input[type="text"]
{
width:422px;
}
div#content form#contact p#submit
{
text-align:right;
margin-bottom:2.24em;
width:422px;
}
div#content form#contact  p#submit input
{
border: 1px solid #A5C6D3;
background-color:#FFF;
color:#036;
}
div#content form#contact  p#submit input:hover
{
border: 1px solid #A5C6D3;
background-color:#FFEB81;
color:#900;
}
div#content div#toc
{
margin:0 8px 0 0;
padding:0;
background-color:#fff;
float:right;
}
div#content div#toc h3
{
margin:0 0 0 8px;
padding:0;
color:#fff;
font-weight:bold;
background-color:#A5C6D3;
border-width:1px;
border-style:solid;
border-color:#b5b5b5;
}
div#content div#toc h3  a
{
text-align:center;
display:block;
color:#fff;
padding:0 10px 0 18px;
text-decoration:none;
background-position:4px 60%;
background-repeat:no-repeat;
line-height:1.56em;
font-size:.92em;
vertical-align:middle;
}
div#content div#toc h3  a:hover
{
text-decoration:underline;
}
div#content div#toc h3 a.plus
{
background-image:url(../resources/icon_plus.jpg);
}
div#content div#toc h3 a.minus
{
background-image:url(../resources/icon_minus.jpg);
}
div#content div#toc ul
{
border-width:0 1px 1px 1px;
border-style:solid;
border-color:#b5b5b5;
margin:0 0 12px 8px;
padding:8px 12px;
list-style-image:none;
list-style-type:none;
}
div#content div#toc ul li
{
margin:0 0 .2em 0;
padding:0;
font-size:1em;
}
div#content div#toc ul li a
{
text-decoration:none;
color:#036;
margin:0;
padding:0;
}
div#content div#toc ul li a:hover
{
text-decoration:underline;
}
div#content div#toc ul li ul
{
border-style:none;
margin:0 0 0 12px;
padding:0;
list-style-image:none;
list-style-type:none;
}
div#content div#toc ul li ul li
{
font-size:.96em;
margin:0;
padding:0;
}
div#content div#toc ul li ul li a
{
margin:0;
padding:0;
}
div#content p#document-footer
{
text-align:center;
font-size:.92em;
margin:2em 0 1em .52em;
padding-top:10px;
border-top:1px solid #a5c6d3;
}
div#content p#signature
{
text-align:right;
margin:2em 0 8em .52em;
padding-right:80px;
}
div#content p#signature span
{
text-align:center;
display:block;
float:right;
}
div#content p#adresse
{
text-align:right;
}
div#content p#adresse strong
{
display:block;
padding-bottom:6px;
}
div#content p#adresse span
{
display:block;
padding-top:6px;
}
div#content p#date
{
text-align:right;
margin-top:2em;
padding-right:80px;
}
div#content p#total
{
margin:0 0 2em 12px;
padding:4px 4px 0 0;
text-align:right;
border-top:3px double #111;
}
div#content  dl#asso-presentation
{
margin:2em 0 0 0;
padding:0 0 0 12px;
position:relative;
}
div#content  dl#asso-presentation dd
{
margin:4.2em 16px 0 0;
padding:56px 0 0 0;
width:220px;
float:left;
text-align:center;
color:#036;
background-image:url(../resources/arrow-down.png);
background-position:50% 0;
background-repeat:no-repeat;
}
/*div#content  dl#asso-presentation dd.column-left
{
background-image:url(../resources/learn.png);
}
div#content  dl#asso-presentation dd.column-middle
{
background-image:url(../resources/communicate.png);
}
div#content  dl#asso-presentation dd.column-right
{
background-image:url(../resources/share.png);
}*/
/* ############################# */
div#content dl#asso-presentation dt
{
margin:0;
padding:0;
position:absolute;
top:0;
float:left;
background-image:url(../resources/image_shadow_2.gif);
background-position:100% 100%;
background-repeat:no-repeat;
}
div#content dl#asso-presentation dt span
{
float:left;
display:block;
padding:0 5px 5px 0;
background-image:url(../resources/image_shadow_1.gif);
background-position:0 0;
background-repeat:no-repeat;
}
div#content dl#asso-presentation dt span strong
{
padding:0;
float:left;
display:block;
width:215px;
height:3em;
line-height:3em;
letter-spacing:.16em;
text-align:center;
border:1px solid #b5b5b5;
background-color:#fff09E;
color:#990000;
font-size:1.12em;
background-image:url(../resources/submenu_bckgnd.png);
background-position:0 100%;
background-repeat:repeat-x;
}
/* ############################# */
div#content  dl#asso-presentation dt.column-left
{
left:12px;
}
div#content  dl#asso-presentation dt.column-middle
{
left:248px;
}
div#content  dl#asso-presentation dt.column-right
{
left:484px;
}
div#content  dl#asso-presentation dd.column-right
{
margin-right:0;
}
hr.clear-left
{
clear:left;
}