COllaboration, CLassification, Incrémentalité et COnnaissances
COllaboration, CLassification, Incrémentalité et COnnaissances
MediaWiki:Common.css
Révision datée du 17 janvier 2013 à 12:09 par Agf (discussion | contributions)
Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.
- Firefox / Safari : maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac).
- Google Chrome : appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac).
- Internet Explorer : maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5.
- Opera : allez dans Menu → Settings (Opera → Préférences sur un Mac) et ensuite à Confidentialité et sécurité → Effacer les données d’exploration → Images et fichiers en cache.
/* Le CSS placé ici sera appliqué à tous les habillages. */ body{ background:#EEEEFF; background-image:none; } h1 { color:#5F8DD3; } h2 { font-weight:700; margin-top:10px; } #p-tb { /* display:none;*/ } h1#firstHeading { color:white; background:#0088CC; height:30px; line-height:30px; border-radius:5px; padding-left:15px; font-size:19px; } p.button { background:#CCC; } p.button a /* Style sur liens de la page presentation */ { display:inline-block; float:left; border:1px solid black; height: 40px; line-height:40px; color:black; border-radius:5px; margin-right:10px; padding:0px 10px; } #mw-head /* le haut en gros */ { background-image: url('../Img/backgrounds/fond_perso.jpg); padding-left:0px; height:26px; top:180px; } #p-personal /* la barre profil en haut avec deconnexion et tout */ { left:0; position:relative; } #p-personal a { color:black; } #p-personal a.new { color:black; } #p-personal li#pt-userpage a.new { color:black; font-weight:bold; } #p-personal ul { padding-left:10px; } #p-navigation { padding-top:20px; } #p-logo /* l'element qui contient le logo */ { margin-left:50px; margin-top:30px; display:block; position:absolute; width:350px; height:100px; /*!!!*/ display:none; } #p-logo a /* le logo */ { display:block; width:350px; height:100px; text-align:center; /* background:lightblue;*/ position:absolute; } #right-navigation { position:absolute; margin-top:155px; right:0; z-index:100; } #right-navigation li { background-image:none; background:none; } #right-navigation li a { z-index:10; padding-top:5px; } #right-navigation span, #right-navigation div#p-views, #right-navigation div#p-cactions a { background-image:none; background:none; } #right-navigation div#p-cactions { height:30px; } #right-navigation div#p-views { height:auto; } #left-navigation { display:none; } #p-search input/* la truc de recherche */ { margin-top:0; } #p-search form /* formulaire de recherche */ { margin-top:0.4em; } #p-search #searchInput /* champ de recherche */ { /* background-image: url('../Img/loupe.png'); background-repeat:no-repeat; background-position:190px center; background-color:#555; border:1px solid black; border-radius:5px; height:20px; padding:2px 5px; width:200px; color:#DDD; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; */ } #p-search #searchInput:focus /* focus sur le champ recherche */ { /* background-image: url('../Img/loupe.png') no-repeat 190px center #666; border:1px solid #DDD; outline:none; */ } #p-search input#mw-searchButton { /*border-radius:0px 10px 10px 0px; height:25px; padding:0px 5px; background:#0088CC; border:none; margin-left:-5px; background-image: -moz-linear-gradient(#0088CC, #0076AE); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #0076AE),color-stop(1, #0088CC)); text-shadow: 0 1px 0 rgba(255,255,255,0.1); color:white;*/ } input#searchGoButton { display:none; } div#content { /* Le contenu */ margin-left:14em; margin-top:110px; min-height:450px; background-image:none; background-color:#EEF; } #mw-head-base /* bandeau principal du header */ { background:#EEEEFF; background-image:url(../Img/backgrounds/fond_header.png); background-repeat:x; position:absolute; width:100%; height:190px; margin-left:0px; } div#footer /* le footer (pied de page) */ { /* background:lightgreen; */ margin-left:0px; text-align:right; margin-right:15px; background-image:none; } #p-navigation h5 { } /* Ancien style du menu(au cas ou) div.portal li a { height:30px; line-height:30px; display:block; border-bottom:2px solid #BBF; padding-left:10px; margin-right:10px; background:#CCF; } div.portal li a:hover { background:#BBF; text-decoration:none; } div#mw-panel div.portal div.body ul li { padding-bottom:0; } */ div.vectorMenu h5 a { height:2em; } div#mw-panel div.portal div.body { /*background-image:url(../Img/backgrounds/barre_menu.png); padding-top:20px; margin-top:-10px;*/ background-image:none; padding-top:3px; } div#mw-panel div.portal h5 { margin-left:2em; text-align:center; font-weight:bold; border-radius:5px; background:#0088CC; height:30px; line-height:30px; color:white; padding:0; } div#mw-panel div.portal div.body ul li { padding-bottom:0px; border-radius:5px; background:#DDD; margin-left:5px; margin-top:2px; background-image:url(../Img/backgrounds/fleche_menu.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li:hover { background:#0088CC; background-image:url(../Img/backgrounds/fleche_menu_neg.png); background-position:5px center; background-repeat:no-repeat; } div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:visited { padding-left:20px; display:block; line-height:25px; height:25px; color:black; text-decoration:none; } body.ltr div#footer #footer-places { float:right; } div#mw-panel div.portal div.body ul li a:hover { color:white; text-decoration:none; } div#footer #footer-icons { float:left; } div#bodyContent p { text-indent:40px; margin-top:5px; text-align:justify; } div#bodyContent p.encadre { width:98%; margin:auto; border:1px solid black; padding:10px; text-indent:40px; margin-top:5px; } div#footer #footer-info li { padding-right:10px; } /* Menu de navigation dans la presentation */ div#mw-content-text ul.content-nav { border-radius:10px; border:1px solid #E3E3E3; background:#F5F5F5; width:80%; padding:10px; margin-bottom:30px; } div#mw-content-text ul.content-nav li { display:block; width:100%; border-radius:10px; } div#mw-content-text ul.content-nav li a { margin-left:15px; color:#0088CC; } div#mw-content-text ul.content-nav li strong.selflink { width:80%; background:#0088CC; color:white; display:block; padding-left:15px; border-radius:10px; } /* Titres dans les pages de contenu */ h1.lhl { border:none; color:#333; text-align:center; font-weight:600; padding-top:0; } /* entete */ div#mw-panel { width:14em; padding-top:26px; } div#head-logos{ position:absolute; width:120px; height:52px; right:50px; } div#head-subtitle{ position:absolute; /*!!!130*/ top:30px; left:80px; font-size:23px; height:23px; } div#head-subtitle span#sub{ padding-left:30px; } div#pres_content{ width:90%; margin:4%; } div#pres_content li { text-align:justify; } div#footer_part a img { width:120px; } div#part{ width:98%; margin:auto; } div#part div.unpart { margin-top:15px; } div#part div.unpart p { min-height:120px; } div#part div.unpart img { float:left; width:200px; margin-right:20px; } div#part table#toc { display:none; } div#part div.unpart h2 { border-radius:5px; background:#C4BEAC; margin:auto; padding:1px 20px; font-weight:bold; font-size:18px; height:20px; line-height:20px; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#lg_choice { right:20px; margin-top:-43px; position:absolute; } div#lg_choice a, div#lg_choice strong { border:1px solid #333; display:inline-block; } div#lg_choice img { width:35px; } div#lg_choice strong { opacity:0.4; } div#lg_choice a:hover { text-decoration:none; } textarea.code { border:2px dotted #B1B1B1; background:#EEE; max-width:80%; height:16px; padding:15px 5px; } textarea.code:focus { outline:none; } /* Publications */ div#publis{ width:95%; margin:auto; } div#publis article{ border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis p#art_det { font-size:12px; padding-left:5px; text-indent:0px; } div#publis a.art_b { display:block; border-radius:5px; background:#C4BEAC; width:100%; height:30px; line-height:30px; text-align:center; font-weight:bold; color:black; border:1px solid black; box-shadow:1px 0px 5px #CCC; margin:10px 0px; } div#publis a.art_b:hover { text-decoration:none; background:#D5CFBD; } div#publis div#art_content { padding:10px; background:#CCC; } div#publis #art_add, div#publis div#art_help, div#publis div#art_comms { border-radius:10px; background:#DDD; border:1px solid black; padding:10px; margin-bottom:5px; } div#publis span.art_user { font-weight:bold; } div#publis div.art_comm { border-bottom:1px solid #555; padding-bottom:5px; } div#publis div.art_comm:hover { background:#EEE; } div#publis form#comm_add { width:60%; margin-bottom:25px; } div#publis form#comm_add input[type="submit"] { float:right; } div#publis article a{ color:#007; } div#publis article a:hover { text-decoration:none; } div#publis a.comment { display:block; background-image:url('../Img/icones/comment.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis a.pub_fileDownload { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:10px; } div#publis a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:40px; } div#publis a.private, div#publis h2.private { display:block; background-image:url('../Img/icones/private.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.public, div#publis h2.public { display:block; background-image:url('../Img/icones/public.png'); background-position:center left; background-repeat:no-repeat; padding-left:25px; } div#publis a.delete { display:block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; } div#publis article time { display:inline-block; background-image:url('../Img/icones/clock.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:20px; } /* = DOCUMENTS = */ #docs { width:98%; margin:auto; } #docs div#folder_nav { background:#DDD; border-radius:5px; padding:8px 15px; width:98%; margin:auto; } #docs div#folder_nav a { color:#0088CC; text-decoration:none; } #docs div#folder_nav a:hover { color:#005580; text-decoration:underline; } #docs div#folder span.f_sep { color:#999; } #docs div#folder_nav a.current_f { color:#999; text-decoration:none; } #docs div#folder_nav a.current_f:hover { text-decoration:none; pointer:default; } #docs .f_private { display:inline-block; background-image:url('../Img/icones/folder_private.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .f_public { display:inline-block; background-image:url('../Img/icones/folder_public.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.edit { display:inline-block; background-image:url('../Img/icones/edit.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; margin-left:5px; color:black; text-decoration:none; } #docs span.warning { display:inline-block; background-image:url('../Img/icones/warning.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs span.file { display:inline-block; background-image:url('../Img/icones/file.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.dl { display:inline-block; background-image:url('../Img/icones/dl.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs a.link { display:inline-block; background-image:url('../Img/icones/link.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; margin-left:5px; } #docs .icon-add { display:inline-block; background-image:url('../Img/icones/add.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs .delete { display:inline-block; background-image:url('../Img/icones/delete.png'); background-position:center left; background-repeat:no-repeat; padding-left:20px; color:black; text-decoration:none; } #docs input.ajoutDossier { border-radius:4px; padding:2px 5px; border:1px solid #CCC; transition: all 1s ease 0ms; -o-transition: all 1s ease 0ms; -moz-transition: all 1s ease 0ms; -webkit-transition: all 1s ease 0ms; -ms-transition: all 1s ease 0ms; } #docs input.ajoutDossier:focus { outline:none; border-color:#555; } div#bodyContent #docs p { text-indent:0; } #tasks a:visited[href*="nomTache"] span { color:inherit; } /* Mise en forme général du tableau*/ table#tasks { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } table#tasks td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } .centrer { text-align: center; } .taille { text-align: center; width:26px; } .taille2 { text-align: center; width:26px; background-color: #DCDCDC; } .droite { text-align: right; } #violet { background-color: #FF00FF; } #violet:hover { background-color: #DD00DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #carreJaune { display:inline-block; margin-top:1px; width:9px; height: 15px; border:black solid 1px; background-color: yellow; color:yellow; } #carreVert { display:inline-block; margin-top:2px; width:9px; height: 15px; border:black solid 1px; background-color: #32CD32; color:#32CD32; } .gris { background-color: #C8C8C8; } .gris:hover { background-color: grey; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } #alltache { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; padding-top: 6px; padding-bottom: 6px; margin-top: -2px; margin-bottom: -2px; } #alluser { display:block; color:black; text-decoration:none; margin-left:-4px; margin-right:-4px; margin-top:-3px; margin-bottom:-3px; padding-top: 1px; padding-bottom: 1px; } .num { display: block; color:black; text-decoration: none; margin-left: -4px; margin-right: -4px; padding-left: 4px; padding-right: 4px; margin-top: -2px; padding-top: 2px; margin-bottom: -2px; padding-bottom: 2px; } .responsable { display:block; color:black; text-decoration: none; padding-top:10px; margin-top:-10px; margin-bottom: -10px; padding-bottom: 10px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .ttest { display:block; padding-top:8px; margin-top:-8px; margin-bottom: -8px; padding-bottom: 8px; margin-left: -4px; padding-left: 4px; margin-right: -5px; padding-right: 5px; } .grasnom { font-weight: bold; } .jaune { background-color: #FFFF00; } .jaune:hover { background-color: #EEEE00; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert { background-color: #32CD32; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomvert { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#32CD32; height: 20px; } .vert:hover { background-image: none; background-color: #10AB10; height: 20px; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .vert:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleu { background-color: #6495ED; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .cache { color:black; } .haut { height: 20px; } .nombleu { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-4px; margin-bottom:-4px; color:#6495ED; height: 20px; } .bleu:hover { background-image: none; background-color: #4273CB; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .cache { display:none; } .bleu:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge { background-color: #DEB887; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomrouge { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DEB887; height: 20px; } .rouge:hover { background-image: none; background-color: #CEA877; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .rouge:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet { background-color: #DDA0DD; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomviolet { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#DDA0DD; height: 20px; } .violet:hover { background-image: none; background-color:#CC80CC; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .violet:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange { background-color: #F4A460; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nomorange { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#F4A460; height: 20px; } .orange:hover { background-image: none; background-color: #E28240; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .orange:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun { background-color: #B8860B; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombrun { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#B8860B; height: 20px; } .brun:hover { background-image: none; background-color: #96640A; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .brun:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC { background-color:#3399FF; background-image:url(../Img/test.png); background-repeat:repeat-x; height: 20px; } .nombleuC { display:block; color:black; text-decoration: none; margin-left:-4px; margin-right:-4px; margin-top:-2px; margin-bottom:-2px; color:#3399FF; height: 20px; } .bleuC:hover { background-image: none; background-color:#1177DD; box-shadow: 0px 0px 4px #222; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bleuC:hover .cache { display:block; text-align:center; transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -moz-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -webkit-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; -o-transition: all 0.35s cubic-bezier(.2,0.5,.8,1.5) 0ms; } .bul { display:none; } .jauneVert { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 23px; padding-bottom: 23px; margin-bottom:-2px; } .block { display:block; } .souligne { text-decoration: underline; } #tit { display: block; text-align: center; } .mid { font-size: 1.1em; font-weight: bold; } .mid2 { font-size: 1.3em; font-weight: bold; } .justify { text-align: justify; margin-left:5px; margin-right:5px; text-indent:30px } .violetFinal { display: block; margin-left:-4px; margin-right:-4px; margin-top:-2px; padding-top: 13px; padding-bottom: 13px; margin-bottom:-2px; } #afficheTache { display:block; width:80%; margin:auto; border:2px solid black; padding:10px; box-shadow: 2px 2px 3px black; } table#tasks .red2 { border :2px red solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .red2 .cache { display: block; text-align: center; } table#tasks .blue { border :2px blue solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .blue .cache { display: block; text-align: center; } table#tasks .yellow { border :2px yellow solid; background-image: none; box-shadow: 0px 0px 4px #222; } table#tasks .yellow .cache { display: block; text-align: center; } table#tasks .purple { background-image: none; background-color: gray; box-shadow: 0px 0px 4px #222; } #under { text-decoration: none; } #borderBleu { display :block ; width:30px; height: 20px; border:blue 3px solid; margin:auto; } #borderJaune { display :block ; width:30px; height: 20px; border:yellow 3px solid; margin:auto; } #borderRouge { display :block ; width:30px; height: 20px; border:red 3px solid; margin:auto; } #borderGris { display :block ; width:30px; height:20px; border:gray 3px solid; background-color: gray; margin:auto; } #explication td { text-align:center; padding-left: 5px; padding-right: 5px; } #explication { border:1px solid black; border-spacing:0; margin:auto; margin-top: 15px; margin-bottom: 15px; } #explication td { padding-left: 5px; padding-right: 5px; padding-bottom: 3px; padding-top: 3px; border:1px solid black; } #soulign { text-decoration: underline; } .souli { display:block; text-decoration: underline; } h4 { display: block; text-align: center; margin-bottom: 4px; text-decoration: underline; } .LIV0 { display: block; border: black 2px solid; width:70%; margin: auto; padding:10px; margin-bottom: 25px; box-shadow: 0px 0px 3px black; } #LIV { display:inline-block; width:42%; margin-left:3%; margin-right: 4%; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; vertical-align:top; } #LIVR { display:block; width:42%; margin:auto; border:2px solid black; padding:10px; text-align:center; box-shadow: 2px 2px 3px black; } .LIV2 { margin-right: 3%; display:inline-block; width:42%; margin:auto; border:2px solid black; padding:10px; /*text-align:center;*/ box-shadow: 2px 2px 3px black; margin-left: 10px; } /* APERCU DES LIVRABLES SUR L'ACCUEIL */ #apercuLiv .sect { display:block; width:95%; text-align:center; margin:auto; border:2px solid #333; margin-top: 8px; padding:4px; border-radius: 8px 8px 8px 8px; box-shadow: 2px 2px 2px black; background:#DDD; } #apercuLiv .sect:hover { background:#BBB; } #apercuLiv .sect a { color:black; display:block; width:100%; text-decoration:none; } #apercuLiv form { display:block; margin-top: 10px; text-align: center; } #apercuLiv .underlin { text-decoration: underline; font-size: 1.1em; } #modifDate { text-align:center; }