html {
height : 100%;
margin : 0;background : #000732 url(bg.png);
}
body {
min-height : 101%;
margin : 0;
padding : 0;
font : 100% "Trebuchet MS", sans-serif;
}

#global {
padding : 0 11px;
min-height : 100%;
width : 980px;
margin : auto;
position : relative;
background : url(bg-gif.gif) center 0%;
}
#footer {
padding : 0 10px;
margin : 2px 2px;
width : 955px;
bottom : 0;
background : #000743 url(footer.png) repeat-x;
height : 50px;
border-top : 3px double #6c74bc;
text-align : center;
color : white;
}
#sousconteneur {
padding-bottom : 60px;
overflow : hidden;
}
#gauche {
float : left;
width : 260px;
}
.logoimg {
position : absolute;
top : 130px;
left : 30px;
}
.gauche h1 {
color : #000743;
font : small-caps 1.2em Georgia, serif;
}
.mainnavi {background:#000743;
width : 235px;
color : white;
position : relative;
left : 2px;
margin : 20px 0 0.2em 0;
padding : 0.4em 0 0.4em 1.5em;
border-width : 1.2em 0 1.2em 0;
border-style : solid;
border-color : #6c74bc;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.news {
width : 232px;
color : white;
position : relative;
left : 2px;
margin : 20px 0 0.2em 0;
padding : 0.4em 0 0.4em 1.5em;
border-width : 0.2em 0 0.2em 0;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.mainnavi ul {
margin : 0 0 0 0;
padding : 0;
}
.mainnavi li {
margin : 0.3em 0 0 0;
padding : 0;
list-style-image : url("boppel_off.gif");
}
.mainnavi .act {
list-style-image : url("boppel_on.gif");
}
.mainnavi li li {
margin : 0.3em 0 0 1em;
padding : 0;
}
.mainnavi a {
text-decoration : none;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
color : white;
}
.mainnavi a:hover {
text-decoration : none;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
color : #ffa500;
}
.mainnavi div {background:#000743;border : 0;
margin-left : -1em;
margin : 0.4em 0 0 0;
padding : 0 0 0 1em;
background-image : url("boppel_off.gif");
background-repeat : no-repeat;
}
.mainnavi div.act {
margin-left : 0;
background-image : url("boppel_on.gif");
}
.mainnavi div.level2 {
margin-left : 1.3em;
}
.mainnavi div.level3 {
margin-left : 2.5em;
}
.login {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-transform : uppercase;
font-size : 10px;
}
.loginbox-labelcell, .loginbox-fieldcell, .loginbox-commentcell, .language-fieldcell {
font-family : Verdana, Arial, Helvetica;
color : #000000;
font-size : 8pt;
}
.loginbox-fieldcell input {
border : 0;
border : 3px double #000743;
background-color : white;
color : #000743;
width : 100px;
}
.loginbox-fieldcell input:focus, textarea:focus {
background-color : #b7b7e9;
border : 3px double #000743;
color : #000743;
}
.box_header {
width : 237px;
position : relative;
left : 2px;
margin : 20px 0 0.2em 0;
margin-top : 30px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #ffffff;
background-color : #6c74bc;
font-size : 10px;
padding-right : 10px;
padding-left : 10px;
padding-top : 3px;
padding-bottom : 3px;
}
.box_content {
font-family : Verdana, Arial, Helvetica, sans-serif;
text-transform : none;
font-size : 10px;
margin-right : 10px;
padding-left : 10px;
padding-top : 5px;
padding-bottom : 10px;
}
.box_content a {
color : white;
}
.box_content a:hover {
color : #ffa500;
}
.news-latest-container {
margin : 30px;
}
.news-latest-container p {
color : white;
}
.news-list-container {
border : 3px outset #000743;
background-color : #d0d4fc;
}
.news-list-item {
height : 1%;
line-height : 1.3;
height : auto !important ;
padding : 3px;
margin : 3px;
border : 1px solid #000743;
background-color : #bbc1fc;
}
.news-search-form {
padding : 3px;
margin-bottom : 5px;
border : 3px outset #000743;
background-color : #bbc1fc;
}
.news-search-emptyMsg {
margin : 0;
}
.news-search-form FORM {
margin : 0;
}
.news-list-container H3 {
margin-bottom : 5px;
padding : 2px;
border-bottom : 1px solid #000743;
background-color : #000743;
}
.news-list-container H3 A:link, .news-list-container H3 A:visited, .news-list-container H3 A:hover {
color : #fff;
padding-left : 2px;
}
.news-list-container H3 A {
color : #fff;
}
.news-latest-item P {
color : #000;
}
.news-list-container P {
padding-left : 3px;
}
.news-list-date {
float : right;
color : #000743;
width : 180px;
text-align : right;
height : 20px;
margin-top : -2px;
margin-right : -2px;
font-size : 9px;
font-weight : normal;
background-color : #bbc1fc;
}
.news-list-imgcaption {
float : right;
padding-top : 3px;
padding-right : 3px;
font-size : 9px;
}
.news-list-container IMG {
float : right;
border : 1px solid #666;
margin-bottom : 5px;
margin-right : 2px;
margin-left : 5px;
}
.news-list-category IMG {
float : none;
border : none;
margin : 0;
}
.news-list-morelink, .news-list-category {
font-size : 9px;
margin-left : 3px;
}
.news-list-morelink {
margin-top : 20px;
margin-bottom : 30px;
}
.news-list-browse {
text-align : center;
}
.news-single-item {
padding : 5px;
margin-bottom : 5px;
border : 3px outset #000743;
background-color : #bbc1fc;
}
.news-single-item H2 {
font-size : 16px;
font-weight : bold;
color : #85a600;
margin-bottom : 0;
}
.news-single-item H3 {
margin-bottom : 15px;
}
.news-single-img {
float : right;
margin-left : 5px;
}
.news-single-imgcaption {
padding : 3px;
clear : both;
}
.news-single-category {
float : right;
}
.news-single-backlink, .news-single-backlink a {
font-weight : bold;
font-size : 10px;
margin-bottom : 50px;
margin-top : 100px;
}
.news-single-timedata {
float : right;
}
.news-single-timedata, .news-single-author, .news-single-imgcaption {
font-size : 9px;
}
.news-single-author {
padding-bottom : 3px;
}
.news-single-additional-info {
background-color : #bbe53a;
margin-top : 15px;
border : 1px solid #666;
padding : 3px;
padding-bottom : 0;
}
.news-single-related, .news-single-files, .news-single-links {
border : 1px solid #666;
margin : 0;
margin-bottom : 3px;
padding : 3px;
background-color : #f9ffe5;
}
.news-single-related DD, .news-single-links DD, .news-single-files DD {
margin-left : 20px;
}
.news-single-related DT, .news-single-links DT, .news-single-files DT {
font-weight : bold;
font-size : 11px;
margin-left : 5px;
width : 90%;
}
.menu1 {
margin : 0 0;
right : 0;
float : right;
width : 160px;
}
.element_menu1 h3 {
padding-bottom : 10px;
background-color : #000743;
color : #ffffff;
height : 20px;
text-align : center;
font : small-caps 1.1em/30px Georgia, serif;
}
.element_menu1 ul {
margin : 0 0;
list-style-type : none;
padding-left : 0;
margin-bottom : 5px;
text-decoration : none;
font-size : 13px;
}
.element_menu1 li {
list-style : none;
margin : 0;
padding : 0;
list-style-type : none;
}
.element_menu1 a {
padding-right : 10px;
position : relative;
right : 0;
margin-right : 0;
background-color : #6c74bc;
border-bottom : 1px solid white;
height : 20px;
display : block;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 0.9em;
color : white;
text-decoration : none;
text-align : right;
}
.element_menu1 a:hover {
color : #ffa500;
background-color : #000743;
}
div.float {
float : left;
}
img {
border : none;
}
#content {
float : right;
width : 700px;
color : black;
padding : 0 10px;
}
.content.p {
margin-right : 100px;
}
content.a {
text-decoration : none;
}
content.a:link, content.a:visited {
color : #6b75bd;
text-decoration : underline;
}
content.a:hover {
color : #4a63db;
}
a.info {
position : relative;
color : black;
text-decoration : none;
border-bottom : 1px dotted #000743;
}
a.info span {
display : none;
}
a.info:hover {
background : none;
z-index : 500;
cursor : help;
}
a.info:hover span {
display : inline;
position : absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 20px; /* on positionne notre infobulle */
left: 20px;
background : white;
color : #000743;
padding : 3px;
border : 1px solid #000743;
border-left : 10px solid #000743;
}

table.contenttable {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #6c74bd;
}
table.contenttable td {
padding : 5px;
}
table.contenttable .tr-0 {
background-color : #6b75bd;
color : white;
}
table.csc-uploads {
border-spacing : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
border : 1px solid #000743;
}
table.csc-uploads td {
padding : 3px 10px 3px 10px;
}
table.csc-uploads p {
margin : 0;
padding : 0;
}
table.csc-uploads tr.tr-even {
background-color : #6b75bd;
color : white;
}
.contentLeftContainer .subLeft {
padding-right : 1.5em;
}
.csc-bulletlist {
margin : 0.1em 0 0.5em 0;
}
.csc-bulletlist-2 {
list-style-image : url(../media/boppel.gif);
margin-left : 0.5em;
font-size : 0.9em;
font-style : italic;
color : #888888;
}
.csc-bulletlist-2 li {
margin-top : 0.3em;
}
.csc-bulletlist-3 {
list-style : square;
}
.col-clearing:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
.col-clearing {
display : block;
}
#ie_clearing {
display : none;
}
.subContainer {
width : 100%;
padding : 0 10px 0 1px;
margin : 0 -1px 0 -1px;
overflow : hidden;
margin-bottom : 50px;
}
.subContainer a {
text-decoration : none;
color : #6c74bc;
}
.subContainer a:visited {
color : #000743;
}
.subContainer a:hover {
color : blue;
}
.subLeftContainer {
float : left;
overflow : hidden;
}
.subRightContainer {
float : right;
overflow : hidden;
}
.subRightContainer, #metanavi {
padding : 0.2em 0 0.2em 0;
margin : 0 0 0 0;
}
.metanaviContainer, .layoutChangesContainer {
width : 49.999%;
}
.breadCrumbContainer, .contentLeftContainer {
width : 100%;
}

.subLeft {
margin : 20px;
padding : 0 1em 0 0;
overflow : hidden;
}
.subRight {
padding : 0 0 0 1em;
overflow : hidden;
}
#content ul.csc-bulletlist {
list-style-image : url(puce2.png);
}
.csc-sword {
color : #ff9900;
}
.csc-form-labelcell, .csc-form-fieldcell, .csc-searchResultInfo, .csc-searchResultRange, .csc-searchResultPrevNext, .csc-searchResultHeader, .csc-searchResult {
font-family : Verdana, Arial, Helvetica;
color : #000000;
font-size : 8pt;
}
#content ul {
list-style-image : url('puce3.png');
list-style-type : circle;
list-style-position : outside;
font-size : 12px;
padding-left : 60px;
}
.register_form_table {
font-family : Verdana, Arial, Helvetica;
color : #000000;
font-size : 8pt;
}
.register_form {
border : 1px solid #000743;
background : #b7b7e9;
}
.csc-mailform {
background-color : #6c74bd;
border : 1px solid #000743;
}
.csc-mailform-forum {
background-color : #fff5e5;
border : 1px solid #ff9900;
}
.csc-mailform-field {
display : block;
margin : 10px;
padding : 10px;
}
.csc-mailform label, .csc-mailform-forum label {
display : block;
width : 120px;
float : left;
text-align : right;
margin : 2px 5px;
padding : 0;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform-forum input, .csc-mailform-forum textarea {
font-family : Verdana, Arial, Helvetica;
color : #000000;
background-color : white;
border : 1px solid #000743;
width : 200px;
padding : 2px 6px;
font-size : 8pt;
}
.csc-mailform input.csc-mailform-submit {
float : right;
width : 80px;
}
.csc-mailform form input.csc-mailform-submit:hover {
background-color : #ff9900;
border : 1px solid white;
color : white;
}
#content h1 {
font-variant : small-caps;
color : #000743;
padding-left : 20px;
text-decoration : underline;
text-align : center;
font : small-caps 1.1em Georgia, serif;
margin-top : 10px;
margin-bottom : 10px;
}
#content h2 {
color : #000743;
padding-left : 50px;
font : small-caps 1.2em Georgia, serif;
margin-top : 10px;
margin-bottom : 10px;
}
#content p {
margin : 0;
font-size : 12px;
text-align : left;
padding-top : 10px;
padding-bottom : 10px;
}
#content p:first-letter {
font-weight : bold;
font-size : 1.3em;
}
#zusatznavicontainer {
width : 165px;
}
#zusatznavicontainer ul {
width : 160px;
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
}
#zusatznavicontainer a {
display : block;
padding-right : 10px;
padding-left : 10px;
padding-top : 3px;
padding-bottom : 3px;
background-color : #000743;
border-bottom : 1px solid white;
color : white;
}
html > body #zusatznavicontainer a {
text-align : right;
}
#zusatznavicontainer a:link, #zusatznavicontainer a:visited {
text-decoration : none;
}
#zusatznavicontainer a:hover {
background-color : #000070;
color : #ffa500;
}
#zusatznavicontainer a#current {
color : #000743;
background-color : #ff6e00;
}
#header {
margin : 0 2px;
height : 200px;
background-color : #000743;
}
.headerimg {
position : absolute;
top : 0;
left : 13px;
}
.headeranim {
position : absolute;
top : 180px;
right : 90px;
}
.dessus {
position : absolute;
top : 15px;
right : 90px;
font-size : 3em;
color : white;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.dessous {
position : absolute;
top : 20px;
right : 100px;
font-size : 3em;
color : #6c74bc;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.dessus1 {
position : absolute;
top : 60px;
right : 90px;
font-size : x-large;
color : white;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.dessous1 {
position : absolute;
top : 65px;
right : 100px;
font-size : x-large;
color : #6c74bc;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.dessus2 {
font-size : 3.5em;
position : absolute;
top : 50px;
left : 50px;
text-decoration : underline;
font-variant : small-caps;
color : white;
font-style : italic;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.dessous2 {
font-size : 3.5em;
position : absolute;
top : 52px;
left : 57px;
color : #6c74bc;
text-decoration : underline;
font-variant : small-caps;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
font-style : italic;
}
.un {
position : absolute;
right : 340px;
top : 100px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16pt;
font-weight : bolder;
color : #002454;
}
.deux {
position : absolute;
left : 150px;
top : 150px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18pt;
font-weight : bolder;
color : #002454;
}
.trois {
position : absolute;
left : 300px;
top : 100px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14pt;
font-weight : bolder;
color : #002454;
}
.quatre {
position : absolute;
right : 40px;
top : 125px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 15pt;
font-weight : bolder;
color : #002454;
}
.cinq {
position : absolute;
right : 160px;
top : 110px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt;
font-weight : bolder;
color : #002454;
}
.six {
position : absolute;
left : 330px;
top : 145px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bolder;
color : #002454;
}
.sept {
position : absolute;
left : 410px;
top : 105px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bolder;
color : #002454;
}
.huit {
position : absolute;
left : 400px;
top : 5px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11pt;
font-weight : bolder;
color : #002454;
}
.neuf {
position : absolute;
left : 360px;
top : 30px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bolder;
color : #002454;
}
.dix {
position : absolute;
right : 344px;
top : 105px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16pt;
font-weight : bolder;
color : white;
}
.onze {
position : absolute;
left : 152px;
top : 152px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 18pt;
font-weight : bolder;
color : white;
}
.douze {
position : absolute;
left : 295px;
top : 102px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14pt;
font-weight : bolder;
color : white;
}
.treize {
position : absolute;
right : 45px;
top : 127px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 15pt;
font-weight : bolder;
color : white;
}
.quatorze {
position : absolute;
right : 157px;
top : 105px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt;
font-weight : bolder;
color : white;
}
.quinze {
position : absolute;
left : 328px;
top : 147px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bolder;
color : white;
}
.seize {
position : absolute;
left : 409px;
top : 110px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 8pt;
font-weight : bolder;
color : white;
}
.dixsept {
position : absolute;
left : 395px;
top : 7px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11pt;
font-weight : bolder;
color : white;
}
.dixhuit {
position : absolute;
left : 355px;
top : 32px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9pt;
font-weight : bolder;
color : white;
}
.dixneuf {
position : absolute;
right : 252px;
top : 148px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt;
font-weight : bolder;
color : #002454;
}
.vingt {
position : absolute;
right : 250px;
top : 150px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12pt;
font-weight : bolder;
color : white;
}
.metanavi {
border-top : 2px solid white;
background-color : #6c74bc;
margin : 0 2px;
font-size : 10pt;
}
.metanavi ul {
display : inline;
margin : 257px;
padding : 0;
font-size : 0.9em;
}
.metanavi li {
display : inline;
list-style : none;
padding : 0 0 0 0;
margin : 0 1em 0 0;
}
.metanavi a {
text-decoration : none;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
color : white;
}
.metanavi .no a:link, .metanavi .no a:active, .metanavi .no a:visited, .metanavi .act a:hover, .metanavi a:hover {
color : #ff6e00;
}
.metanavi .act a:link, .metanavi .act a:active, .metanavi .act a:visited, .metanavi .no a:hover {
color : #51bee6;
}
.breadcrumb {
margin : 0 2px;
background-color : black;
padding : 3px 10px 3px 0;
font-size : 0.8em;
border-bottom : 2px solid #000743;
color : black;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.bradcrumb {
color : white;
padding : 0 257px;
overflow : hidden;
}
.subLeft {
overflow : hidden;
}
.subRight {
padding : 0 0 0 1em;
overflow : hidden;
}
.breadcrumb a {
margin : 0 0;
color : #0307bc;
text-decoration : none;
}
.breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
color : #6c74bc;
}
.breadcrumb a:hover {
color : white;
}
.language {
color : white;
position : absolute;
left : 35px;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.language a {
font-size : 1.1em;
font-weight : bolder;
font-variant : small-caps;
color : #6c74bc;
}
.language a:hover {
color : orange;
}
.hier {
color : white;
position : absolute;
left : 180px;
}
.date {
color : white;
position : absolute;
right : 20px;
font-family : Arial, "Arial Black", "Times New Roman", Times, serif;
}
.date a {
font-size : 1.1em;
font-weight : bolder;
font-variant : small-caps;
color : #6c74bc;
}
.date a:hover {
color : orange;
}
#c258 {
margin : 0 auto;
}
.validation {
position : absolute;
left : 50px;
}