def/*css document*/

body {
font-size : 90%;
font-family :  sans-serif;
background-color : #fff;
}

img {vertical-align: middle; border: 0px;
text-align : center;}

img.vic { width: 60px; padding:2px; margin-left: 16%;}


/*structure*/
.scr { width: 100%;}
.gen { width: 860px; margin-left: auto;margin-right: auto;}

.header { width: auto; height: 2em; background-color: #f4f4f4 ; margin-bottom: 1px;text-align: center;}
.clg { width: 16%; height: auto; float: left; color: #999; margin-top: 0px; border: solid 1px white;}
.c { width: 480px; float: left; background-color: #f4f4f4; padding-left: 2px; padding: 4px;}
.cld { width: 120px; float: left; background-color: #fffffc ; background-image: url(gr/dessousd.png); background-repeat: no-repeat;padding-top: 2px; padding-left: 2px; font-size: 0.8em;}

/*elements*/

iframe { width: 100%; height: 500px; border: 0px; }
.cadre { width:100%; margin-left: auto; margin-right: auto; clear: left;}

.band { padding: 2px;font-size: 1em; background-image: url(gr/tram.gif); border: dotted 1px;}
small { font-size: 0.8em;}
td { text-align: left; padding: 0px; margin: 0px;}
h1 { font-size: 1.5em; color: #909090;}
h1.cg { font-size: 1em; margin-left: 0px; font-weight: bold; margin: 2px 0 4px 0;}
h1.cd { font-size: 1em; margin-left: 0px; text-align: left; text-decoration: none; font-weight: normal;}
h2 { width: 200px; font-size: 1.1em; font-style: oblique; color: #606060; position: relative; top: -12px; left: 80px;}
tt { font-size: 0.8em;}

/*links*/
a:link {
color : #b22222;
text-decoration : none;
}
a:visited {
color : #696969;
text-decoration : none;
}
a:hover {
color : #ff0000;
text-decoration : none;
background-color : #e6e6fa;
}
a:active {
color : #ffd700;
text-decoration : none;
}
a:hover.img {
border : 0;
}

/*classes*/
.sl {
font-weight : bold;
font-size : 12px;
background-color : #fdf5e6;
margin : 2em;
}
.sl2 {
font-size : 1em;
background-color : #ccffaa;
line-height : 1.4em;
}
.sl3 {
background-color : white;
line-height : 1.2em;
margin : 1em;
}
.n {
font-size : 1.6em;
color : #ccc;
}
.pt {
width : 80px;
vertical-align : middle;
}
.un {
width : 500px;
}

/*listes*/
ul {
list-style : none;
margin-left : 6px;
margin-right : 4px;
}
ul > li {
margin-bottom : 2px;
}
li.ce {
text-align : center;
background-color : #f4f4f4;
font: normal 80%/120% sans-serif;
}
li.or {
margin : 0;
font-size: 0.8em;
}
ol {
text-align : right;
}
ol > li {
font-size : 1em;
line-height : 2em;
}
.menu {
list-style-type : none;
padding : 4px;
padding-top: 0;
margin-top: 0;
}
a>img {margin: 2px 0 2px 0;}
.cdlink {margin-bottom: 1em;}