|
|
| Line 14: |
Line 14: |
| | | | |
| | <style> | | <style> |
| − | /*iciici*/
| |
| − | @font-face {
| |
| − | font-family: 'gothic';
| |
| − | src: url('./gothic_mtp.eot');
| |
| − | src: local('gothic_mtp'), url('./gothic_mtp.woff') format('woff'), url('./gothic_mtp.ttf') format('truetype');
| |
| − | }
| |
| | | | |
| − |
| |
| − | /*Barre de navigation ******************************************************************************************************************************************************/
| |
| − |
| |
| − | * {
| |
| − | font-family: 'gothic', sans-serif;
| |
| − | }
| |
| − |
| |
| − | body {
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | font-family: 'gothic', sans-serif;
| |
| − | }
| |
| − |
| |
| − | header > nav {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | align-items: center;
| |
| − | justify-content: flex-start;
| |
| − | margin: 0;
| |
| − | background: #ffffff;
| |
| − | flex-shrink: 0;
| |
| − | flex-wrap: no-wrap;
| |
| − | text-transform: capitalize;
| |
| − | }
| |
| − |
| |
| − | .logo_vagineering_navbar {
| |
| − | padding: 1em;
| |
| − | align-self: center;
| |
| − | }
| |
| − |
| |
| − | .menus {
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | align-items: stretch;
| |
| − | justify-content: flex-start;
| |
| − | margin: 0;
| |
| − | background: #ffffff;
| |
| − | flex-wrap: wrap;
| |
| − | max-width: 100%;
| |
| − | align-content: space-between;
| |
| − | }
| |
| − |
| |
| − | nav a {
| |
| − | display: flex;
| |
| − | background-color: #ffffff;
| |
| − | padding: 1.5em 1em 1em 1em;
| |
| − | transition: all 0.2s;
| |
| − | margin: 0;
| |
| − | color: black;
| |
| − | flex-direction: column;
| |
| − | justify-content: flex-end;
| |
| − | align-items: center;
| |
| − | }
| |
| − |
| |
| − | nav a:hover {
| |
| − | background-color: #f9f4eb;
| |
| − | }
| |
| − |
| |
| − | nav a img {
| |
| − | margin: 0px 10px 10px 10px;
| |
| − | }
| |
| − |
| |
| − | /*Big links only*/
| |
| − |
| |
| − | nav > a {
| |
| − | border-bottom: 1px solid black;
| |
| − | }
| |
| − |
| |
| − | nav > a:hover, nav > a.expanded {
| |
| − | border-bottom: 1px dotted black;
| |
| − | }
| |
| − |
| |
| − | nav nav { /*submenus*/
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | justify-content: stretch;
| |
| − | align-items: stretch;
| |
| − | opacity: 1;
| |
| − | margin: 0px 10px 0.5em 0.5em;
| |
| − | }
| |
| − |
| |
| − | nav nav.invisible {
| |
| − |
| |
| − | }
| |
| − |
| |
| − | nav nav > div /*subitems*/{
| |
| − | display: flex;
| |
| − | flex-direction: column;
| |
| − | justify-content: flex-start;
| |
| − | position: absolute;
| |
| − | }
| |
| − |
| |
| − | nav > div > a {
| |
| − | opacity: 0;
| |
| − | padding: 1em;
| |
| − | }
| |
| − |
| |
| − | /*All sublinks except the last*/
| |
| − | nav > div > a:not(:last-child) {
| |
| − | border-bottom: 1px dotted black;
| |
| − | }
| |
| − |
| |
| − | .icone_navbar {
| |
| − | height: 3em;
| |
| − | }
| |
| − |
| |
| − | .logo_vagineering_navbar {
| |
| − | height: 4.9em;
| |
| − | }
| |
| − |
| |
| − | /*formatage du texte**************************************************************************************************************************/
| |
| − |
| |
| − | section
| |
| − | {
| |
| − | margin-left: 150px;
| |
| − | margin-right: 150px;
| |
| − | text-align: justify;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | color:#E64254;
| |
| − | font-size: 2.5em;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | color:#ea6171;
| |
| − | font-size: 1.8em;
| |
| − | margin-top: 50px;
| |
| − | margin-bottom: 50px;
| |
| − | }
| |
| − |
| |
| − | h3 {
| |
| − | color:#ed7885;
| |
| − | font-size: 1.3em;
| |
| − | }
| |
| − |
| |
| − | h4 {
| |
| − | color:#f08e9a;
| |
| − | font-size: 1.2em;
| |
| − | }
| |
| − |
| |
| − | h1,h2,h3,h4 {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | font-size: 1.1em;
| |
| − | padding: 0px;
| |
| − | }
| |
| − |
| |
| − | table {
| |
| − | margin: auto;
| |
| − | font-size: 1.1em;
| |
| − | border-collapse: collapse;
| |
| − | width: 95%;
| |
| − | }
| |
| − |
| |
| − | td, th {
| |
| − | border: 2px solid #ddc0a8;
| |
| − | padding: 8px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | caption {
| |
| − | text-align: left;
| |
| − | caption-side: bottom;
| |
| − | margin: 5px;
| |
| − | }
| |
| − |
| |
| − | li {
| |
| − | font-size: 1.1em;
| |
| − | line-height: 1.2;
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | width: 300px;
| |
| − | margin-bottom: 50px;
| |
| − | border: none;
| |
| − | border-top: 2px solid #557081;
| |
| − | border-radius: 6px;
| |
| − | }
| |
| − |
| |
| − | .underline {
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .red {
| |
| − | color: #f85a7a;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .bold {
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | /******REFERENCES STYLE**********************************************************************************************************************************************************/
| |
| − |
| |
| − | .references_title {
| |
| − | color:#ea6171;
| |
| − | font-size: 1.5em;
| |
| − | }
| |
| − |
| |
| − | .references_table {
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | .references_left {
| |
| − | border: none;
| |
| − | border-left: 2px solid #ddc0a8;
| |
| − | }
| |
| − |
| |
| − | .references_right {
| |
| − | border: none;
| |
| − | border-right: 2px solid #ddc0a8;
| |
| − | }
| |
| − |
| |
| − | .references_bottom_left {
| |
| − | border: none;
| |
| − | border-bottom: 2px solid #ddc0a8;
| |
| − | border-left: 2px solid #ddc0a8;
| |
| − | }
| |
| − |
| |
| − | .references_bottom_right {
| |
| − | border: none;
| |
| − | border-bottom: 2px solid #ddc0a8;
| |
| − | border-right: 2px solid #ddc0a8;
| |
| − | }
| |
| − |
| |
| − | /**********************************************************************/
| |
| − |
| |
| − | .legende {
| |
| − | text-align:center;
| |
| − | text-decoration: underline;
| |
| − | }
| |
| − |
| |
| − | .image {
| |
| − | display: block;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto;
| |
| − | }
| |
| − |
| |
| − | .ordinateur {
| |
| − | text-align : center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* .fleche{
| |
| − | justify-content: center;
| |
| − | position:fixed;
| |
| − | vertical-align:middle;
| |
| − | z-index:10;
| |
| − | width:2%;
| |
| − | top:42%;
| |
| − | right:30px;
| |
| − | }
| |
| − |
| |
| − | .fleche :hover{
| |
| − | color: #3298CB;
| |
| − | } */
| |
| − |
| |
| − | /******FOOTER************************************************************************************************************************************************/
| |
| − |
| |
| − | footer {
| |
| − | margin-top: 70px;
| |
| − | }
| |
| − |
| |
| − | .p_footer
| |
| − | {
| |
| − | margin: none !important;
| |
| − | padding: none !important;
| |
| − | }
| |
| − |
| |
| − | .footer_snetwork
| |
| − | {
| |
| − | border-top: solid 1px black;
| |
| − | margin-top: 10px;
| |
| − | padding-top: 20px;
| |
| − | display: flex;
| |
| − | justify-content: space-around;
| |
| − | }
| |
| − |
| |
| − | #conteneur
| |
| − | {
| |
| − | display: flex;
| |
| − | flex-wrap: wrap;
| |
| − | justify-content: space-around;
| |
| − | }
| |
| − |
| |
| − | .lienimage
| |
| − | {
| |
| − | text-decoration: none !important;
| |
| − | }
| |
| − |
| |
| − | .image_snetwork
| |
| − | {
| |
| − | height: 60px;
| |
| − | padding: 1% 3%;
| |
| − | opacity : 0.5;
| |
| − | filter: grayscale(100%);
| |
| − | }
| |
| − |
| |
| − | /************FA_ICONS_REACTIVE****************************************************************************************************************************************************/
| |
| − |
| |
| − | .fa-facebook
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-facebook:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-instagram
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-instagram:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-twitter-square
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-twitter-square:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-home
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-home:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-heart
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-heart:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-envelope
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-envelope:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | .fa-map-marker-alt
| |
| − | {
| |
| − | -o-transition:.5s;
| |
| − | -ms-transition:.5s;
| |
| − | -moz-transition:.5s;
| |
| − | -webkit-transition:.5s;
| |
| − | transition: .5s;
| |
| − | color: #000000;
| |
| − | }
| |
| − |
| |
| − | .fa-map-marker-alt:hover
| |
| − | {
| |
| − | color: #e64254;
| |
| − | }
| |
| − |
| |
| − | /******************************FA_ICONS************************************************************************************************************************************************/
| |
| − |
| |
| − | .fab fa-facebook:before
| |
| − | {
| |
| − | content: "\f09a";
| |
| − | }
| |
| − |
| |
| − | .fab fa-instagram:before
| |
| − | {
| |
| − | content: "\f16d";
| |
| − | }
| |
| − |
| |
| − | .fab fa-twitter-square:before
| |
| − | {
| |
| − | content: "\f081";
| |
| − | }
| |
| − |
| |
| − | .fas fa-home:before
| |
| − | {
| |
| − | content: "\f015";
| |
| − | }
| |
| − |
| |
| − | .fas fa-heart:before
| |
| − | {
| |
| − | content: "\f004";
| |
| − | }
| |
| − |
| |
| − | .fas fa-map-marker-alt:before
| |
| − | {
| |
| − | content: "\f3c5";
| |
| − | }
| |
| − |
| |
| − | .fas fa-envelope:before
| |
| − | {
| |
| − | content: "\f0e0";
| |
| − | }
| |
| − |
| |
| − | .far fa-arrow-alt-circle-right:before
| |
| − | {
| |
| − | content: "\f35a";
| |
| − | }
| |
| − |
| |
| − | /******END_FA_ICONS*************************************************************************************************************************************************************************/
| |
| − |
| |
| − | .usefull_links
| |
| − | {
| |
| − | text-align: center;
| |
| − | width: 33.3%;
| |
| − | }
| |
| − |
| |
| − | .follow_us
| |
| − | {
| |
| − | text-align: center;
| |
| − | border-right: solid 1px black;
| |
| − | border-left: solid 1px black;
| |
| − | width: 33.3%;
| |
| − | }
| |
| − |
| |
| − | .follow_us_icons
| |
| − | {
| |
| − | display: flex;
| |
| − | justify-content: space-around;
| |
| − | }
| |
| − |
| |
| − | .contact_us
| |
| − | {
| |
| − | text-align: center;
| |
| − | width: 33.3%;
| |
| − | }
| |
| − |
| |
| − | /****************PROTOCOLES_TABLE****************************************************************************************************************************************/
| |
| − |
| |
| − | .accordion {
| |
| − | background-color: #fee7ea;
| |
| − | font-size: 1.2em;
| |
| − | text-align: left;
| |
| − | cursor: pointer;
| |
| − | width: 100%;
| |
| − | outline: none;
| |
| − | transition: 0.4s;
| |
| − | border: none;
| |
| − | padding: 13px;
| |
| − | margin-bottom: 2px;
| |
| − | border-radius: 5px;
| |
| − | }
| |
| − |
| |
| − | .active, .accordion:hover {
| |
| − | background-color: #fdced4;
| |
| − | }
| |
| − |
| |
| − | .panel {
| |
| − | padding: 0 18px;
| |
| − | background-color: white;
| |
| − | max-height: 0;
| |
| − | overflow: hidden;
| |
| − | transition: max-height 0.2s ease-out;
| |
| − | }
| |
| − |
| |
| − | .accordion:after {
| |
| − | content: '\002B'; /* Unicode character for "plus" sign (+) */
| |
| − | float: right;
| |
| − | margin-left: 5px;
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | .active:after {
| |
| − | content: "\2212"; /* Unicode character for "minus" sign (-) */
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | .protocols_subpart {
| |
| − | text-decoration: underline;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .protocols_title {
| |
| − | text-align: left !important;
| |
| − | color:#3a8f9c !important;
| |
| − | font-size: 1.6em !important;
| |
| − | }
| |
| − |
| |
| − | li table {
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | li p {
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | li li {
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | /*****************BOXES_ANTIBODIES******************************************************************************************************************************************************/
| |
| − |
| |
| − | .boxbox {
| |
| − | clear: both;
| |
| − | display: inline-block;
| |
| − | width: 100%;
| |
| − | background-color: #FFFFFF;
| |
| − | /* [disabled]min-width: 400px;
| |
| − | */
| |
| − | padding-bottom: 35px;
| |
| − | padding-top: 0px;
| |
| − | margin-top: -5px;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − |
| |
| − | .boxes {
| |
| − | width: 23%;
| |
| − | height: 615px;
| |
| − | text-align: center;
| |
| − | float: left;
| |
| − | margin-top: 35px;
| |
| − | background-color: #F8F8F8;
| |
| − | padding-bottom: 20px;
| |
| − | margin-left: 1%;
| |
| − | margin-right: 1%;
| |
| − | border-radius: 3px;
| |
| − | padding-top: 20px;
| |
| − | border-bottom: 4px solid #3a8f9c;
| |
| − | }
| |
| − |
| |
| − | .cards {
| |
| − | width: 300px;
| |
| − | /*width: 100%;
| |
| − | height: auto;
| |
| − | max-width: 400px;
| |
| − | max-height: 200px;*/
| |
| − | opacity: 0.8;
| |
| − | margin-top: -15px;
| |
| − | margin-bottom: -20px;
| |
| − | }
| |
| − |
| |
| − | .text_boxes {
| |
| − | text-align: justify;
| |
| − | margin: 10px;
| |
| − | font-size: 1em;
| |
| − | }
| |
| − |
| |
| − | /*********antibodies 2 colonnes********************************************************************************************************************************************/
| |
| − |
| |
| − | .deux_colonnes {
| |
| − | display: flex;
| |
| − | align-content: space-between;
| |
| − | }
| |
| − |
| |
| − | .colonne_1 {
| |
| − | width: 50%;
| |
| − | margin-right: 15px;
| |
| − | }
| |
| − |
| |
| − | .colonne_2 {
| |
| − | width: 50%;
| |
| − | margin-left: 15px;
| |
| − | }
| |
| − |
| |
| − | p {
| |
| − | text-align: justify;
| |
| − | }
| |
| − |
| |
| − | .advisors
| |
| − | {
| |
| − | display: flex;
| |
| − | justify-content: space-around;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .phototeamcenter {
| |
| − | transform: rotate(-90deg);
| |
| − | height:200px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .element {
| |
| − | text-align: center;
| |
| − | }
| |
| − | .advisor {
| |
| − | text-align:center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .team {
| |
| − | display: flex;
| |
| − | justify-content: center;
| |
| − | align-items: center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | .imageBox {
| |
| − | position: relative;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | .imageBox .hoverImg {
| |
| − | position: absolute;
| |
| − | left: 0;
| |
| − | top: 0;
| |
| − | display: none;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .imageBox:hover .hoverImg {
| |
| − | display: block;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .phototeam {
| |
| − | height:400px;
| |
| − | display: block;
| |
| − | margin-left: auto;
| |
| − | margin-right: auto
| |
| − |
| |
| − |
| |
| − | }
| |
| − | /*iciici*/
| |
| | p { | | p { |
| | text-align: justify; | | text-align: justify; |
