|
|
Line 62: |
Line 62: |
| background-color:#CDEFB4; | | background-color:#CDEFB4; |
| border:none; | | border:none; |
- | width:975px; | + | width:975px; |
| } | | } |
| | | |
- | #menu
| |
- | {
| |
- | height:100%;
| |
- | width:100%;
| |
- | display:inline-block;
| |
- | overflow:hidden;
| |
- | }
| |
- |
| |
- | .titreMenu
| |
- | {
| |
- | margin-bottom:50px;
| |
- | font-size:30px;
| |
- | text-align:center;
| |
- | margin-top:5px;
| |
- | }
| |
- |
| |
- | .sousTitreMenu
| |
- | {
| |
- | margin-left:20px;
| |
- | }
| |
- |
| |
- | #mycontent{
| |
- | margin-right:auto;
| |
- | margin-left:auto;
| |
- | width:900px;
| |
- | height:100%
| |
- | }
| |
- |
| |
- | #page
| |
- | {
| |
- | width:1200px;
| |
- | height:1000px;
| |
- | display:none;
| |
- | opacity:0;
| |
- | }
| |
- |
| |
- | #team
| |
- | {
| |
- | margin-top:10%;
| |
- | background-color:#825FE9;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | #project
| |
- | {
| |
- | margin-top:10%;
| |
- | display:inline-block;
| |
- | background-color:#F8CD56;
| |
- | }
| |
- |
| |
- | #sponsoring
| |
- | {
| |
- | background-color:#F74F53;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | #sep
| |
- | {
| |
- | display:block;
| |
- | height:5px;
| |
- | }
| |
- |
| |
- | #ourCity
| |
- | {
| |
- | background-color:#75EF56;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | .choixMenu
| |
- | {
| |
- | box-shadow: 0px 0px 20px 0px #000;
| |
- | -moz-box-shadow: 0px 0px 20px 0px #000;
| |
- | -webkit-box-shadow: 0px 0px 20px 0px #000;
| |
- | height:200px;
| |
- | width:400px;
| |
- | border:1px solid black;
| |
- | cursor:pointer;
| |
- | vertical-align:top;
| |
- | border-radius:15px;
| |
- | margin-bottom:10px;
| |
- | margin-right:10px;
| |
- | }
| |
- |
| |
- | #backMenu
| |
- | {
| |
- | cursor:pointer;
| |
- | display:inline-block;
| |
- | vertical-align:top;
| |
- | }
| |
- |
| |
- | #pageContent
| |
- | {
| |
- | display:inline-block;
| |
- | vertical-align:top;
| |
- | }
| |
- |
| |
- | .titreExp
| |
- | {
| |
- | margin-top:20px;
| |
- | color:red;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | .dateExp
| |
- | {
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | .month
| |
- | {
| |
- | cursor:pointer;
| |
- | padding:5px 5px 5px 5px;
| |
- | }
| |
- |
| |
- | #notebookContent
| |
- | {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #projectDescriptionContent
| |
- | {
| |
- | display:none;
| |
- | }
| |
- |
| |
- | #contentProject
| |
- | {
| |
- | margin-top:30px;
| |
- | }
| |
- |
| |
- | #banniere
| |
- | {
| |
- | vertical-align:top;
| |
- | }
| |
- |
| |
- | .ongletsContent
| |
- | {
| |
- | margin-left:400px;
| |
- | display:inline-block;
| |
- | vertical-align:top;
| |
- | }
| |
- |
| |
- | .boutonOnglet
| |
- | {
| |
- | vertical-align:top;
| |
- | border-top:1px solid #666666;
| |
- | border-bottom:1px solid #666666;
| |
- | border-left:1px solid #666666;
| |
- | margin-top:35px;
| |
- | padding:5px;
| |
- | cursor:pointer;
| |
- | background: #b8e1fc; /* Old browsers */
| |
- | background: -moz-linear-gradient(top, #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
| |
- | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
| |
- | background: -webkit-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
| |
- | background: -o-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
| |
- | background: -ms-linear-gradient(top, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
| |
- | background: linear-gradient(to bottom, #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
| |
- | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
| |
- |
| |
- | }
| |
- |
| |
- | .ongletFin
| |
- | {
| |
- | border-top-right-radius:5px;
| |
- | border-bottom-right-radius:5px;
| |
- | border-right:1px solid #666666;
| |
- | float:left;
| |
- |
| |
- | }
| |
- |
| |
- | .ongletDebut
| |
- | {
| |
- | border-top-left-radius:5px;
| |
- | border-bottom-left-radius:5px;
| |
- | float:left;
| |
- | }
| |
- |
| |
- |
| |
- |
| |
- | #jourSuivant
| |
- | {
| |
- | cursor:pointer;
| |
- | vertical-align:top;
| |
- | margin-top:150px;
| |
- | display:inline-block;
| |
- | -webkit-transform: rotate(180deg);
| |
- | -moz-transform: rotate(180deg);
| |
- | filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
| |
- | }
| |
- |
| |
- | #jourPrecedent
| |
- | {
| |
- | cursor:pointer;
| |
- | margin-top:150px;
| |
- | vertical-align:top;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | .textContent
| |
- | {
| |
- | vertical-align:top;
| |
- | display:inline-block;
| |
- | }
| |
- |
| |
- | #notebookContent
| |
- | {
| |
- | opacity:0;
| |
- | }
| |
- |
| |
- | #projectDescriptionContent
| |
- | {
| |
- | opacity:0;
| |
- | }
| |
| | | |
| | | |
| | | |
| </style> | | </style> |