COllaboration, CLassification, Incrémentalité et COnnaissances

COllaboration, CLassification, Incrémentalité et COnnaissances

Différences entre les versions de « MediaWiki:Common.css »

De COllaboration, CLassification, Incrémentalité et COnnaissances
Aller à la navigation Aller à la recherche
(Page blanchie)
 
Ligne 1 : Ligne 1 :
/* 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;
 
}
 

Version actuelle datée du 24 avril 2013 à 09:36