.conteneur_boite_outils
{
    -moz-box-shadow: 3px 3px 0px 0px #000000;
    -webkit-box-shadow: 3px 3px 0px 0px #000000;
    -o-box-shadow: 3px 3px 0px 0px #000000;
    box-shadow: 3px 3px 0px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
    display:block;
  width: 84px;
  height: 84px;
  margin: 16px auto 0;
  background-color: #4474e4;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);  
  background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);

}
.conteneur_boite_outils .btnoimage {
    float: left;
    height: 174px;
    width: 206px;
    margin: auto;
}
.conteneur_boite_outils .btnoimage img {  
    height: 32%;
    width: 32%;
    align:center;
      margin: 14px 0px 0px 14px;
}
.conteneur_boite_outils .btnoimage img:hover {
    z-index:14;
  display: block;
  width: 58%;
  height: 58%;
  margin: -8px 0 0 -16px;
  background-color: #5ee86a ;
  border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
.conteneur_outils
{
    -moz-box-shadow: 3px 3px 0px 0px #000000;
    -webkit-box-shadow: 3px 3px 0px 0px #000000;
    -o-box-shadow: 3px 3px 0px 0px #000000;
    box-shadow: 3px 3px 0px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
    display:block;
  width: 84px;
  height: 84px;
  margin: 16px auto 0;
  background-color: #4474e4;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);  
  background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
}
.conteneur_outils .outils_image {
    float: left;
    height: 104px;
    width: 124px;
    margin: 0;
}
.outils_txt {
    font-size:18px;
    font-weight:bold;
    width: 96%;
    text-align:center;
  margin: auto;
}
.conteneur_outils .outils_image img {  
    height: 60%;
    width: 60%;
    align:center;
    margin: 12px 0px 0px -34px;
}
.conteneur_outils .outils_image img:hover {
    z-index:14;
  display: block;
  width: 100%;
  height: 100%;
  margin: -10px 0 0 -30px;
  background-color: #5ee86a ;
  border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
.outils_titre {
    font-size:24px;
    font-weight:bold;
    text-align:center;
    color:white;
    padding-top:4px;
    cursor :pointer;
    resize:both;
}
ul.outils_menu_btn
{
    overflow:hidden;
     padding:0;
    margin:0;
    list-style: none;
    width:100%;
    height:40px;
    display:block;
}
ul.outils_menu_btn li{
    float:left;
    width:40px;
    height:40px;
    position:relative;
    cursor:pointer;
	border: 1px solid #0e056c;
    display:block;
}


.conteneur_boite_outils_0
{
    -moz-box-shadow: 3px 3px 0px 0px #000000;
    -webkit-box-shadow: 3px 3px 0px 0px #000000;
    -o-box-shadow: 3px 3px 0px 0px #000000;
    box-shadow: 3px 3px 0px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
    display:block;
  width: 84px;
  height: 84px;
  margin: 0px 0 10px 24px;
  position: relative;
  background-color: #4474e4;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);  
  background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);


}
.conteneur_boite_outils_0 .btnoimage_0 {
    height: 174px;
    width: 206px;
    margin: auto;
}
.conteneur_boite_outils_0 .btnoimage_0 img {  
    height: 32%;
    width: 32%;
    align:center;
    margin: 14px 0px 0px 12px;
}
.conteneur_boite_outils_0 .btnoimage_0 img:hover {
    z-index:14;
  display: block;
  width: 50%;
  height: 50%;
  margin: -0px 0 0 -8px;
  background-color: #5ee86a ;
  border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

.conteneur_boite_outils_1
{
    -moz-box-shadow: 3px 3px 0px 0px #000000;
    -webkit-box-shadow: 3px 3px 0px 0px #000000;
    -o-box-shadow: 3px 3px 0px 0px #000000;
    box-shadow: 3px 3px 0px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
    display:block;
  width: 64px;
  height: 64px;
  top:3px;
  margin: 3px 0px 9px 18px;
  position: relative;
  background-color: #4474e4;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);  
  background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);


}
.conteneur_boite_outils_1 .btnoimage_1 {
    height: 146px;
    width: 174px;
}
.conteneur_boite_outils_1 .btnoimage_1 img {  
    height: 30%;
    width: 30%;
    align:center;
    margin: 10px 0px 0px 8px;
}
.conteneur_boite_outils_1 .btnoimage_1 img:hover {
    z-index:14;
  display: block;
  width: 50%;
  height: 46%;
  margin: 0px 0px 0px -10px;
  background-color: #5ee86a ;
  border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}
.conteneur_bouee_tchat
{
  width: 48px;
  height: 48px;
  margin: 0px 0px 0px 0px;
  position: relative;
    display:block;
}
.conteneur_bouee_tchat .btn_image_bouee_tchat_1
{
    position:absolute;
    margin-top:24px;
    margin-left:0px;
    height: 48px;
    width: 48px;
    cursor:pointer; 
    display:none;
}
.conteneur_bouee_tchat .btn_image_bouee_tchat_2
{
    position:absolute;
    margin-top:-24px;
    cursor:pointer;
    height: 48px;
    width: 48px;
}
.conteneur_boite_outils_m
{
  width: 40px;
  height: 40px;
  margin: 0px 0px 0px 44px;
  position: relative;
    display:block;

}
.conteneur_boite_outils_m .btnoimage_m {
    height: 102px;
    width: 120px;
}
.conteneur_boite_outils_m .btnoimage_m img {  
    height: 32%;
    width: 32%;
    align:center;
    margin: 4px 0px 0px 2px;
}
.conteneur_boite_outils_m .btnoimage_m img:hover {
    z-index:14;
  display: block;
  width: 42%;
  height: 42%;
  margin: 0px 0px 0px -2px;
 background-color: #4474e4;
  background-color: #5ee86a ;
   border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

.conteneur_boite_outils_2
{
  width: 40px;
  height: 40px;
  margin: 0px 0px 0px 0px;
  position: relative;
    display:block;

}
.conteneur_boite_outils_2 .btnoimage_2 {
    height: 102px;
    width: 120px;
}
.conteneur_boite_outils_2 .btnoimage_2 img {  
    height: 32%;
    width: 32%;
    align:center;
    margin: 4px 0px 0px 2px;
}
.conteneur_boite_outils_2 .btnoimage_2 img:hover {
    z-index:14;
  display: block;
  width: 42%;
  height: 42%;
  margin: 0px 0px 0px -2px;
 background-color: #4474e4;
  background-color: #5ee86a ;
   border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

.conteneur_metiers
{
    position:relative;
    margin-top:6px;
    overflow: none;
    height : 300px;
    width: 100px;
    margin-left:14px;
background-color: #edf4f9;
  border-radius: 10px;
  border : 1px solid #0068b8;
}
.conteneur_menus
{
    position:relative;
    margin-top:0px;
    width: 686px;
    height: 96px;
    overflow: none;
background-color: #edf4f9;
  border-radius: 10px;
  border : 1px solid #0068b8;
}
.table_utilisateur
{
background-color: #FFFFFF;
 -moz-box-shadow: -3px -3px 2px 0px #656565;
-webkit-box-shadow: -3px -3px 2px 0px #656565;
-o-box-shadow: -3px -3px 2px 0px #656565;
box-shadow: -3px -3px 2px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=315, Strength=2);
-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.conteneur_utilisateur
{
    -moz-box-shadow: 3px 3px 0px 0px #000000;
    -webkit-box-shadow: 3px 3px 0px 0px #000000;
    -o-box-shadow: 3px 3px 0px 0px #000000;
    box-shadow: 3px 3px 0px 0px #000000;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
    display:block;
  width: 80px;
  height: 80px;
  margin: 16px auto 0;
  background-color: #4474e4;
  border-radius: 50%;
  background-image: -webkit-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -moz-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);  
  background-image: -o-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
  background-image: -ms-linear-gradient(-45deg, rgba(255,255,220,.2) 0%, transparent 100%);
}

.conteneur_utilisateur .utilisateur_image {
    float: left;
    height: 96px;
    width: 96px;
    margin: 4px auto 0;
}
.conteneur_utilisateur .utilisateur_image img {  
    z-index:99;
    height: 60%;
    width: 60%;
    align:center;
    margin: 8px 0px 0px -16px;
}
.conteneur_utilisateur .utilisateur_image img:hover {
    z-index:99;
  display: block;
  width: 160%;
  height: 160%;
  margin: -20px 0 0 -38px;
  background-color: #5ee86a ;
  border-radius: 0;
    -moz-box-shadow: inset 3px 3px 0px 0px #000000;
    -webkit-box-shadow: inset 3px 3px 0px 0px #000000;
    -o-box-shadow: inset 3px 3px 0px 0px #000000;
    box-shadow: inset 3px 3px 0px 0px #000000;
    border: 0px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}