@CHARSET "UTF-8"; /***** elements generaux *****/ body { background-color: ; background-image: url(http://centralesupelec.halpreprod.archives-ouvertes.fr/public/header_HAL_CS_2_80.jpg); background-repeat: repeat-x; /*background-position: left top; */ background-position: 0px 48px; margin-left: 10%; margin-right: 10%; } a { color: #2d79a0; } p { font-size: 1.3em; } li { list-style-type: none; font-size: 1.1em; } .stylepuce:before { content: "→ "; } h1, h2, h3 { font-family: Helvetica, arial, sans-serif; color: #807f79; font-size: 2em; } /*** ! le titre h5 fait partie du bloc sur les questions pratiques ! ***/ h4, h6 { color: #807f79; } #container { background-color: ; padding: 10px 10px 50px; } #encart1 { width: 100%; background: #2d79a0; padding: 0px 10px 10px 10px; } #encart2 { background: #FFF; margin: auto; padding: 10px; maw-height: 400px; overflow: auto; } div, table,label, input, button, select, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #222222; } .logo{ height:306px; padding-top:20px; margin-left:-10px; } .widget-header{ background-color:#2d79a0; color:#eeede8; text-align: center; } /***** navigation *****/ .nav-tabs > li > a { margin-right: 3px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 0 0 0 0; font-weight:bold; background-color: #2d79a0; color:#FFF; } .nav-tabs > li > a:hover { background-color: #FFF; color:#222; border: 1px solid #dddddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #000; cursor: default; background-color: #FFF; border: 1px solid #dddddd; border-bottom-color: transparent; } /*****gestion des grands blocs*****/ #tabglobal { margin-right: auto; margin-left:auto; } #colmilieu { border: 30px solid transparent; } /*****gestion des éléments de la colonne de gauche*****/ #contactaccueil { text-align: center; font-size: 1em; } /*****gestion des éléments de la colonne milieu*****/ #tableboutons { margin-left: auto; margin-right: auto; } .boutondepot, .boutoncomment, .boutondroits { display: inline-block; color: #FFF; text-align: center; width: 120px; height: 120px; border-radius: 50%; font:bold 13px Arial; border:none; box-shadow:2px 2px 8px #aaa; margin-left: 5px; margin-right: 5px; } .boutondepot { background-color: #ce802b; } .boutoncomment { background-color: #3CA1D6; } .boutondroits { background-color: #2d79a0; } button { -webkit-transition-duration: 0.4s; /* Safari */ transition-duration: 0.4s; } button:hover { background-color: #d7819e; color: white; } /***** gestion des labos *****/ #tablelabo { margin-left:auto; margin-right:auto; } .celltab { margin-left: 5px; margin-right: 5px; margin-bottom: 10px; width: 100px; height: 100px; padding-top: 35px; box-shadow:2px 2px 8px #aaa; color: #fff; font-size: 1.5em; font-weight: bold; display: inline-block; } .celltab a:link, .celltab a:visited, .cellchaire a:link, .cellchaire a:visited { color: white; text-align: center; text-decoration: none; } .celltab a:hover, .celltab a:active, .cellchaire a:hover, .cellchaire a:active { border: solid white; color: white; } .celltab td:hover, .cellchaire td:hover { background: #bfb8cd; color: #807f79; } .cellchaire { display: inline-block; text-align: center; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; width: 200px; height: 60px; box-shadow:2px 2px 8px #aaa; border: 1px solid #807f79; background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(imagelabotest.jpg); color: #fff; font-size: 1.5em; font-weight: bold; padding-top: 15px; } #imagelaboIETR { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(IETR.jpg); background-position: center; background-size: cover; } #imagelaboIRISA { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(IRISA.jpg); background-position: center; background-size: cover; } #imagelaboEM2C { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(EM2C.jpg); background-position: center; background-size: cover; } #imagelaboLGPM { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(LGPM.jpg); background-position: center; background-size: cover; } #imagelaboLPQM { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(LPQM.jpg); background-position: center; background-size: cover; } #imagelaboMSSMAT { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(MSSMAT.jpg); background-position: center; background-size: cover; } #imagelaboMICS { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(MICS.png); background-position: center; background-size: cover; } #imagelaboLRI { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(LRI.jpg); background-position: center; background-size: cover; } #imagelaboLGI { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(imagelabotest.jpg); background-position: center; background-size: cover; } #imagelaboSPMS { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(SPMS_2.jpg); background-position: center; background-size: cover; } #imagelaboL2S { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(L2S.jpg); background-position: center; background-size: cover; } #imagelaboGeePs { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(GeePs.jpg); background-position: center; background-size: cover; } #imagelaboLMOPS { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(LMOPS.jpg); background-position: center; background-size: cover; } #imagelaboCVN { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(CVN.jpg); background-position: center; background-size: cover; } #imagelaboSONDRA { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(SONDRA.jpg); background-position: center; background-size: cover; } #imagelaboUMI-GTL { background-image: linear-gradient(to bottom, rgba(45,121,160,0), rgba(45,121,160,0.8)), url(GTL.jpg); background-position: center; background-size: cover; } /*****gestion des élements de la colonne de droite *****/ .infonoticedoc { width: 12%; } .lienutile { padding: 4px; text-align: center; font-size: 1.1em; } /***** page questions pratiques ****/ h5 { color: #0131B4; padding: 6px; border-top: solid 3px #0131B4; } #tablequestionspratiques { margin-left: auto; margin-right: auto; } .cellpratique { display: inline-block; width: 100%; margin-bottom: 30px; } .explications { margin-left: 6%; font-size: 1.1em; font-style: italic; font-color: #807f79; } .styleliste { font-size: 1.1em; }