Template:Pasteur Paris/CSS

1. content{

 width:100%

}

body{

 margin:30px; 
 padding:30px; 
 background-color:white;
 width:100%

}

a{

 text-decoration: none; 
 color:black;

}

li{

 list-style:none;

}

.left{

 left: 30px;
 margin-bottom: 7.5px;
 padding-top: 37.5px;
 position:fixed;
 background-color: none;
 top:0;

}

.right{

 right: 30px;
 margin-bottom: 7.5px;
 padding-top: 37.5px;
 position:fixed;
 background-color: none;
 top:0;

}

.center{

   margin-left: auto;
   margin-right: auto;

}

/*Position menu*/ .menu {

   text-align: left;
   width: 450px;
   height: 40%;
   position: fixed;
   left:30px;
   font-family: Helvetica, sans-serif;
   font-weight: bold;
   line-height: 85%;
   font-size: 7.5pt;
   display: flex;
   flex-direction: column-reverse;
   text-align: bottom left;
   bottom: 4%;

}

.menu span{

 cursor: pointer;

}

.com{

   display: flex;
   flex-direction: column;
   position:fixed;
   text-align: center;
   right:30px;
   bottom:1.5%;

}

/*Ensemble pour trait après le menu*/

.lastword {

   width: 150px;

}

.lastword img {

   position:absolute;
   opacity:0;

}

.lastword:hover:after{

   display:inline-block;
   vertical-align: middle;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

/*////////////////////////////////////////////*/

.com a:hover{

 color: #3298CB;

}

.com li{

 line-height:200%;
 vertical-align: middle;

}

.underline{

 display:block;
 position:absolute;
 top:460px;
 left:360px;
 border-bottom:4px dotted black;
 width: 35%; 

}

1. title{

 font-family: "Minion Pro";
   font-size: 48.75pt;
   font-weight: medium;
   margin-left:300px;
   margin-top:112.5px;
 cursor: default;

}

1. subtitle{

 font-family: "Minion Pro";
   font-size: 26.75pt;
   font-weight: medium;
   margin-left:300px;
   margin-top:112.5px;
   cursor: default;

}

1. maintext{

   font-size: 13pt;
   margin-left:300px;
   margin-right:300px
   margin-top:112.5px;
   text-align: justify;
   cursor: default;
   font-family: "Minion Pro";

}

1. logo{

 font-size:18px

}

/*Flèche de remontée*/

1. toparrow{

   justify-content: center;
   position:fixed;
   vertical-align:middle;
   z-index:10;
   width:2%;
   top:42%;
   right:10px;

}

1. toparrow a:hover{

 color: #3298CB;

}

/*////////////////////////////////////////////*/ /*Ensemble de class pour les onglets*/

.outer {

 position: fixed;
 left: 40px;
 top: 32.5%;

}

.outer1 {

 position: fixed;
 left: 40px;
 top: 44%;

}

.outer2 {

 position: fixed;
 left: 40px;
 top: 34.2%;

}

.outer3 {

 position: fixed;
 left: 40px;
 top: 43.2%;

}

.outer4 {

 position: fixed;
 left: 40px;
 top: 26%;

}

.outer5 {

 position: fixed;
 left: 40px;
 top: 35%;

}

.outer6 {

 position: fixed;
 left: 40px;
 top: 44%;

}

.outer7 {

 position: fixed;
 left: 40px;
 top: 53.7%;

}

.outer8 {

 position: fixed;
 left: 40px;
 top: 25%;

}

.outer9 {

 position: fixed;
 left: 40px;
 top: 35%;

}

.outer10 {

 position: fixed;
 left: 40px;
 top: 44%;

}

.outer11 {

 position: fixed;
 left: 30px;
 top: 53.5%;
 text-align: center

}

.outer12 {

 position: fixed;
 left: 40px;
 top: 28%;

}

.outer13 {

 position: fixed;
 left: 40px;
 top: 35%;

}

.outer14 {

 position: fixed;
 left: 40px;
 top: 50%;

}

.outer15 {

 position: fixed;
 left: 40px;
 top: 42%;

}

.inner {

 position: absolute;
 bottom: 100%;
 -webkit-transform: rotateZ(90deg);
 transform-origin: 0 100%;
 white-space: nowrap;

} /*////////////////////////////////////////////*/

.rotate {

 -webkit-transform: rotate(180deg);

}

1. Team, #Design, #Project, #HumanPractice, #Achievements, #Labwork{

 font-family: Helvetica, sans-serif;
   font-weight: bold;
   font-size: 8pt;

}

/*Trait rouge des onglets*/

1. batonrouge{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge1{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge2{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge3{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge4{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge5{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge6{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge7{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge8{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge9{

   position:relative;
   top:5px;
   left:29%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge10{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge11{

   position:relative;
   top:5px;
   left:31%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge12{

   position:relative;
   top:5px;
   left:20%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge13{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge14{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

1. batonrouge15{

   position:relative;
   top:5px;
   left:33%;
   display:none;
   height:3px;
   width:22.5px;
   background: #3298CB;
   content:""

}

/*////////////////////////////////////////////*/