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

Version du 16 janvier 2013 à 18:00

/* 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 form#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;
}