306 lines
8.7 KiB
CSS
306 lines
8.7 KiB
CSS
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: url("/front/background.jpg");
|
|
font-family: trebuchet MS;
|
|
font-size: 16px; }
|
|
body a {
|
|
color: #e40a22; }
|
|
body a:hover {
|
|
text-decoration: none; }
|
|
body a img {
|
|
border: 0px; }
|
|
body .rounded_block {
|
|
background: url("/front/transparent.png");
|
|
border-radius: 10px;
|
|
margin: 0px 0px 10px 0px; }
|
|
body .internal_link {
|
|
display: block;
|
|
padding: 10px;
|
|
color: #e40a22; }
|
|
body .internal_link:hover {
|
|
text-decoration: none; }
|
|
body .external_link {
|
|
display: block;
|
|
padding: 10px;
|
|
color: #e40a22; }
|
|
body .external_link:hover {
|
|
text-decoration: none; }
|
|
body .line_break {
|
|
margin: 5px;
|
|
height: 1px;
|
|
border-top: 1px solid #e40a22; }
|
|
body .img {
|
|
padding: 10px;
|
|
margin: 0px; }
|
|
body #struct {
|
|
width: 970px;
|
|
margin: auto; }
|
|
body #struct #main {
|
|
padding: 10px; }
|
|
body #struct #main #sidebar {
|
|
float: left;
|
|
width: 250px;
|
|
min-height: 300px; }
|
|
body #struct #main #sidebar #menu a {
|
|
display: block;
|
|
color: #575757;
|
|
text-decoration: none;
|
|
padding: 5px;
|
|
margin-bottom: 5px;
|
|
border-radius: 10px; }
|
|
body #struct #main #sidebar #menu a:hover {
|
|
color: white;
|
|
background: url("/front/degrade.png");
|
|
border: 0px; }
|
|
body #struct #main #sidebar #menu .active {
|
|
color: white;
|
|
background: url("/front/degrade.png");
|
|
border: 0px; }
|
|
body #struct #main #corps {
|
|
margin-left: 260px; }
|
|
body #struct #struct_top {
|
|
position: relative;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px; }
|
|
body #struct .menu_first_level {
|
|
background: url("/front/transparent.png");
|
|
border-radius: 10px;
|
|
margin: 0px 0px 10px 0px;
|
|
height: 40px;
|
|
padding: 0px 20px 0px 20px;
|
|
margin-left: 160px;
|
|
position: absolute;
|
|
top: 60px;
|
|
right: 0px; }
|
|
body #struct .menu_first_level a {
|
|
color: #575757;
|
|
text-decoration: none;
|
|
padding: 10px;
|
|
display: block;
|
|
float: left; }
|
|
body #struct .menu_first_level a:hover {
|
|
color: white;
|
|
background: url("/front/degrade.png"); }
|
|
body #struct .menu_first_level .active {
|
|
color: white;
|
|
background: url("/front/degrade.png"); }
|
|
body #struct #struct_bottom {
|
|
position: relative; }
|
|
body #struct #struct_bottom .menu_first_level {
|
|
top: 0px; }
|
|
body #sample_top {
|
|
padding: 10px; }
|
|
body #sample_top h1 {
|
|
margin-top: 0px; }
|
|
body #sample_top #description {
|
|
margin-left: 130px;
|
|
text-align: justify; }
|
|
body #sample_top #first_image {
|
|
float: left;
|
|
margin-right: 10px; }
|
|
body #sample_images .sample_image {
|
|
margin: 6px;
|
|
float: left; }
|
|
body #digicode {
|
|
width: 454px;
|
|
height: 857px;
|
|
position: relative;
|
|
background: url("/front/digicode.png");
|
|
float: left; }
|
|
body #digicode #diapo {
|
|
position: absolute;
|
|
top: 113px;
|
|
left: 47px;
|
|
width: 360px;
|
|
height: 245px; }
|
|
body #digicode #diapo .item {
|
|
width: 360px;
|
|
height: 245px;
|
|
background: black;
|
|
overflow: hidden;
|
|
overflow: hidden; }
|
|
body #digicode #diapo .item a {
|
|
color: #f6f5f6;
|
|
text-decoration: none; }
|
|
body #digicode #diapo .item p {
|
|
padding: 0px;
|
|
margin: 0px; }
|
|
body #digicode #diapo .item .title {
|
|
width: 350px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
font-weight: bold;
|
|
background: url("/front/transparent2.png");
|
|
color: #f6f5f6; }
|
|
body #digicode #infos_buttons {
|
|
position: absolute;
|
|
top: 113px;
|
|
left: 47px;
|
|
width: 360px;
|
|
height: 245px;
|
|
background: url("/front/transparent2.png");
|
|
overflow: hidden;
|
|
z-index: 300; }
|
|
body #digicode #infos_buttons #title2 {
|
|
width: 350px;
|
|
height: 20px;
|
|
padding: 5px;
|
|
position: absolute;
|
|
bottom: 40px;
|
|
color: #f6f5f6;
|
|
font-weight: bold;
|
|
background: url("/front/transparent2.png"); }
|
|
body #digicode #infos_buttons #legend2 {
|
|
width: 350px;
|
|
height: 30px;
|
|
padding: 5px;
|
|
background: blue;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
color: #f6f5f6;
|
|
background: url("/front/transparent2.png"); }
|
|
body #digicode #button-1 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/1.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 443px;
|
|
left: 207px; }
|
|
body #digicode #button-1:hover {
|
|
background: url("/front/1-h.png") top left no-repeat; }
|
|
body #digicode #button-2 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/2.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 443px;
|
|
left: 265px; }
|
|
body #digicode #button-2:hover {
|
|
background: url("/front/2-h.png") top left no-repeat; }
|
|
body #digicode #button-3 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/3.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 445px;
|
|
left: 326px; }
|
|
body #digicode #button-3:hover {
|
|
background: url("/front/3-h.png") top left no-repeat; }
|
|
body #digicode #button-4 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/4.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 504px;
|
|
left: 207px; }
|
|
body #digicode #button-4:hover {
|
|
background: url("/front/4-h.png") top left no-repeat; }
|
|
body #digicode #button-5 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/5.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 504px;
|
|
left: 267px; }
|
|
body #digicode #button-5:hover {
|
|
background: url("/front/5-h.png") top left no-repeat; }
|
|
body #digicode #button-6 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/6.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 504px;
|
|
left: 326px; }
|
|
body #digicode #button-6:hover {
|
|
background: url("/front/6-h.png") top left no-repeat; }
|
|
body #digicode #button-7 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/7.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 563px;
|
|
left: 208px; }
|
|
body #digicode #button-7:hover {
|
|
background: url("/front/7-h.png") top left no-repeat; }
|
|
body #digicode #button-8 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/8.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 563px;
|
|
left: 267px; }
|
|
body #digicode #button-8:hover {
|
|
background: url("/front/8-h.png") top left no-repeat; }
|
|
body #digicode #button-9 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/9.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 563px;
|
|
left: 326px; }
|
|
body #digicode #button-9:hover {
|
|
background: url("/front/9-h.png") top left no-repeat; }
|
|
body #digicode #button-0 {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/0.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 622px;
|
|
left: 267px; }
|
|
body #digicode #button-0:hover {
|
|
background: url("/front/0-h.png") top left no-repeat; }
|
|
body #digicode #fleche-left {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/fleche-left.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 366px;
|
|
left: 237px; }
|
|
body #digicode #fleche-left:hover {
|
|
background: url("/front/fleche-left-h.png") top left no-repeat; }
|
|
body #digicode #fleche-right {
|
|
display: block;
|
|
width: 60px;
|
|
height: 60px;
|
|
background: url("/front/fleche-right.png") top left no-repeat;
|
|
position: absolute;
|
|
top: 366px;
|
|
left: 308px; }
|
|
body #digicode #fleche-right:hover {
|
|
background: url("/front/fleche-right-h.png") top left no-repeat; }
|
|
body #accueil_corps {
|
|
background: url("/front/transparent.png");
|
|
border-radius: 10px;
|
|
margin-left: 464px;
|
|
padding: 10px;
|
|
min-height: 857px; }
|
|
|
|
|
|
.portlet.table_content table {
|
|
width: 100%;
|
|
border-collapse: collapse; }
|
|
|
|
.portlet.table_content table td {
|
|
border: 1px solid black; }
|
|
|
|
.portlet.block_content .two_column .column {
|
|
float: left;
|
|
width: 50%; }
|
|
|
|
.portlet.block_content .two_column .column .block {
|
|
padding: 10px; }
|