.tableCenter{
  margin-left: auto;
  margin-right: auto;
}

 
 
 .tableModulation{
  margin-left: auto;
  margin-right: auto;
}

    
 .dep_user{
float:left;
position: relative;
z-index:0;
padding-left:8px;
color: #330033;
font: 122% Verdana,Arial, sans-serif;

}  

.profil{
font-size:16px;
text-shadow: 3px 2px 2px #090717;
filter: dropshadow(color=#090717, offx=0.5, offy=1);
}
.sprited {
    background: url(../images/button_style1.png) no-repeat;
    line-height: 1000px;
    overflow: hidden;
    display: inline-block;
}
/* messagebox */

table th {
    background: #dfe6ee; padding: 3px 0;
}
table td {
    padding: 7px 5px;
    padding: 3px 0;
    border-bottom: 1px solid #c3ccd8;
}
table tr.stripe td {
    background: #f9fbfc;
}

tr:hover.Slign {
opacity: 0.80;
border-color:#b0c4de;
 background:#b0c4de;
color:#b0c4de;
 
}


#buttonPrev:hover {
    opacity: 0.7;
    bottom:-35px;
    transition:opacity 0.2s ease-in;
    box-shadow: 3px 3px #a8ffef, -1em 0 .4em #556f80;
}


#buttonNext:hover {
    opacity: 0.7;
    bottom:-35px;
    transition:opacity 0.2s ease-in;
    box-shadow: 3px 3px #a8ffef, -1em 0 .4em #556f80;
}


 #planning1 {
                
                overflow:auto;
                /*overflow-y: scroll;  */
                margin-top:0px;
                  }
 #planning1 table {
                 width:100%;
                 color:#000;    
                 }
                 
 
 
 #planning2 {

                overflow:auto;  
                margin-top:0px;
                  }
 #planning2 table {
                 width:100%;
                 color:#000;    
                 }
                 
       
  #Page_modulation{
  		overflow:auto;
                /*overflow-y: scroll;  */
                margin-top:2px;
                }
  #Page_modulation table {
                 width:100%;
                 color:#000;    
                 }
             
               
.butbox {   display: inline-block; width:50px; height:50px; text-indent:-7000px; -webkit-transition:0.4s; }

h2 { margin-top: 50px;}


  #commentbox {
        -moz-border-radius: 6px;
        background: #eef2f7;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 400px;
        position: relative;
        display: none;
    }
    #commentbox #commentbox_form {
        margin-top: 13px;
    }
    #commentbox label {
        display: block;
        margin-bottom: 10px; 
        color: #536376;
        font-size: .9em;
    }
  
    #commentbox label input {
        display: block;
        width: 393px;
        height: 31px;
        background-position: -201px 0;
        padding: 2px 8px;
        font-size: 1.2em;
        line-height: 31px;
    }
    
    #see_id {
        width: 228px;
        height: 23px;
        background-position: -202px -133px;
    }
    #left_out {
        background-position: -202px -158px;
        width: 113px; height: 16px;
    }
    #commentbox_form {
        position: relative;
        background: url(../images/divider.png) repeat-x bottom left;
        padding-bottom: 54px;
        margin-bottom: 12px;
    }
    
 #commentbox .date_text{
     font-weight: bold;
     text-shadow: 0px 0,3px steelblue;
 }
    
    
    #connexion {
        position: relative;
        background: url(../images/divider.png) repeat-x bottom left;
        padding-bottom: 54px;
        margin-bottom: 12px;
    }
    
    
    #actions {
        float: left;
        position: absolute;
        right: 0;
        height: 20px;
        bottom: 20px;
    }
    a.form_button {
        float: left;
        width: 60px; height: 15px;
        margin-right: 15px;
    }
    
     a.form_button1 {
        float: left;
        width: 70px; height: 17px;
        margin-right: 15px;
    }
    
    #cancel { background-position: -46px -0px; }
    #valid { background-position: 17px 0px; }
    #cancel:hover { background-position: -46px -17px; }
    #cancel:active { background-position: -46px -17px; }
    #valid:hover { background-position: 17px -17px; }
    #valid:active { background-position: 17px -17px; }
    #delete { background-position: 5px -44px; }
    #delete:hover { background-position: 5px -68px; }
    #close_x { 
        width: 24px; height: 23px;
        overflow: hidden; line-height: 1000px;
        display: block;
        position: absolute; top: 5px; right: 5px;
        background-position: -99px 6px;
    }
    #usage { background-position: -323px -172px; width: 67px; height: 22px;}

/* fin de message box*/


#iconuser{
  background:url('../images/person_customer_user_face_25x25.png') no-repeat;
  height:25px;
  padding-left: 28px;
      -webkit-border-radius: 7px;
         border-radius: 7px; 	
}
    
#iconUCuser{
  background:url('../images/rm_con_user_25x25.png') no-repeat;
  height:25px;
  padding-left: 28px;
      -webkit-border-radius: 7px;
         border-radius: 7px; 	
}

#startconnexion {
        position: relative;
        background: url(../images/divider.png) repeat-x bottom left;
        padding-bottom: 0px;
        margin-bottom: 12px;
    }



  #ident {
  margin-left: auto;
   margin-right: auto;
        -moz-border-radius: 6px;
        background: #eefdfd;
        -webkit-border-radius: 6px;
        border: 1px solid #536376;
        -webkit-box-shadow: rgba(0,0,0,.6) 0px 2px 12px;
        -moz-box-shadow:  rgba(0,0,0,.6) 0px 2px 12px;;
        padding: 14px 22px;
        width: 400px;
        position: relative;
       float:center;
        text-align:center;
     
       
    }

  .center {
 			 margin-left: auto;
   			margin-right: auto;
    		    position: relative;
        	  text-align:left;
    }
    

.messageend{
     font-size:27px;
    color:red;
    text-align:center;
}


html, body { border: 200; margin: 0; padding: 0; }
body {   background:#F2F2F2; font: 50%  Verdana,Arial, sans-serif; min-width: 100%; color: #666; }

#content p, label, legend { font: 1.5em  Verdana, Arial, sans-serif; }

#content h1 { margin: 10px 0 10px; font-size: 24px; color: #333333; font-style:oblique; }
#content hr { color: inherit; height: 0; margin: 6px 0 6px 0; padding: 0; border: 1px solid #d9d9d9; border-style: none none solid; }

#content { display: block; width: 650px; margin: 70px auto; padding: 35px; border: 1px solid #cbcbcb; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#menu {  width: auto; height: 50; margin: 5px 50px; padding: 10px; border: 1px solid #a2a2a2; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#divresult {  width: auto; height: auto; margin: 5px 5px; padding:auto; border: 1px solid #a2a2a2; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#table { display: block; width: 650px; margin: 70px auto; padding: 35px;   border: 1px solid #a2a2a2; background-color: #FFF; -moz-border-radius: 5px; -webkit-border-radius:5px; }

.cssmonth{
         font-size: 50px;
		text-shadow: 3px 2px 2px #090717;
        filter: dropshadow(color=#090717, offx=3, offy=2);
        
}

.Definition{
font-size: 14px;
text-shadow: 2px 1px 1px #090717;
display: block; width: 150px; padding: 3px; 
}

/* class tableau planning*/ 



.selectevent  {
       -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 5px #1C1C1C;
         box-shadow: inset 1px 2px 7px 5px #1C1C1C;
         border: 2px solid #1C1C1C;	
    }
    
    
.celllistevent{
        background:#E8E8E8;
         margin: 10px 0 10px;
		 height:20px;
         border-radius: 7px; 	
         border-left: 2px solid #FFFFCC;
         border-right: 2px solid #FFFFCC;
  } 
  
  
  
    
    
.selectdrag {
 -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 5px #20B2AA;
         box-shadow: inset 1px 2px 7px 5px #20B2AA;
         border: 2px solid #20B2AA;	


}    
    

.cellevent:hover  {
    opacity: 0.7;
    bottom:-35px;
    background:#FA8258;
    transition:opacity 0.2s ease-in;
    }
 
 
 
 
    
 .selectcell {
    -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 2px #CC0000;
         box-shadow: ouset 1px 2px 3px 4px #CC0000;
         border: 2px solid #CC0000;	
    }   
    
.cellcomment:hover{ 
         background:#E8E8E8;
         margin: 10px 0 10px;
		 height:20px;
        width:23px;
         transition:opacity 0.2s ease-in;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         border: 2px ridge #FA8258;	

   }




.cellfirst{
        
          margin: 10px 0 10px; 
		 height:20px;
          width:120px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
   }
   
  
.cellfirstholiday{
        
       /*   margin: 10px 0 10px; */
		 height:1px;
          width:120px;
        /* -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;*/
   } 

   
   

 .cellweekend:hover{
    opacity: 0.55;
    bottom:-35px;
    background:#FA8258;
    transition:opacity 0.2s ease-in;
   }


.cellFC{ 

       
         margin: 10px 0 10px;
		 height:20px;
          width:50px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
           border: 2px solid #FFFFCC;	

        
   }


   

.cell{ 

         background:#ccc6c6;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
           border: 2px solid #FFFFCC;	

        
   }
   
.red{
   background:linear-gradient(white,#D00000);
  }
   
  .cellfree{ 

         background:#FFF;
        /* margin: 10px 0 10px;*/
		 height:1px;
          width:23px;
       /*  -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
           border: 2px solid #FFFFCC;	*/

        
   } 
   
   
   .cellusers{ 

         background:#ccc6c6;
         margin: 10px 0 10px;
		 height:20px;
         width:120px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         

        
   }

.cellweekend{
         background:#A5ACA7;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         
         border: 2px solid #FFFFCC;	
         
   }
   

   
   
   
.cellcommentas{ 
         background:#E8E8E8;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         
        border-top: 7px ridge #dc143c;
         border-right: 2px solid #000000;
         border-left: 2px solid #000000;	
         border-bottom: 2px solid #000000;			
   }
   
     
   
.cellevent{

        background:#E8E8E8;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         -webkit-border-radius: 7px; 
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         
         border: 2px solid #FFFFCC;	
         
        
        /*
         border-radius: 7px; 	
         
         border-left: 2px solid #FFFFCC;
         //border-right: 2px solid #FFFFCC;
         */
         
  } 
  

        
         
     
  
 .cellevent_OC{

        background:#660066;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         border-radius: 7px; 	
         border-left: 2px solid #FFFFCC;
         border-right: 2px solid #FFFFCC;
         
  } 
  
  
  
  
    
 .celltop{ 
         background:#A5ACA7;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
   }  
   
 .cellZone_B{ 
         background:#000091;
        /* margin: 10px 0 5px;*/
		 height:1px;
          width:23px;
        /* border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;*/
   }  
     
   .cellZone_A{ 
         background:#6B7FB1;
        /* margin: 5px 0 5px;*/
		 height:1px;
          width:23px;
       /*  border: 2px solid #FFFFCC;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;	*/
   }  
  
   
   

.cellcomment{ 
         background:#E8E8E8;
         margin: 10px 0 10px;
		 height:20px;
          width:23px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         border: 2px solid #000000;	
   }


.celllistevent_th{

		background:#F6E3CE;
         margin: 10px 0 10px;
		 height:20px;
	     border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;


}
.celllistevent_th1{
background:#F6E3CE;
         margin: 10px 0 10px;
		 height:20px;
		 width:50px;
		   border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;

}

.cellhideholiday{
background:#FFF;
/*background:#112BF0;*/
       /*  margin: 10px 0 10px;*/
		 height:1px;
		 width:23px;
	/*	   border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         color:white;*/

}


.cellweek{
background-image:linear-gradient(white,#112BF0);
/*background:#112BF0;*/
         margin: 10px 0 10px;
		 height:20px;
		 width:23px;
		   border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
         color:white;

}

.cellweek1{
background:#F6E3CE;
         margin: 10px 0 10px;
		 height:20px;
		 width:70px;
		   border: 2px solid #FFFFCC;	
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;

}


/*  fin tableau planning*/

a.delete{
  color:#F55;
  text-decoration:none;
  font-size:0.7em;
  float:right;
}




 .cellhide{
 
         background:#FFFFFF;
         margin: 10px 0 10px;
		 height:20px;
         -webkit-border-radius: 7px;
         border-radius: 7px; 	
         -webkit-box-shadow:  1px 2px 7px 11px #0a111;
         box-shadow: inset 1px 2px 7px 11px #0a111;
 }  


#content
{
  position:absolute;
  margin-left: 218px;
  margin-top: 92px;	
} 

#content label { display: inline-block; float: left; height: 26px; line-height: 26px; width: 155px; font-size: 1.5em; }
#content input, textarea, select { display:block; margin:10px; width: 280px; margin: 0; padding: 5px; color: #666; background: #f5f5f5; border: 1px solid #ccc; margin: 5px 0; font:1.5em  Arial, sans-serif; -moz-border-radius: 5px; -webkit-border-radius:5px; }   

#content input:focus, textarea:focus, select:focus { border: 1px solid #999; background-color: #fff; color:#333; }
#content input.submit { display:block; margin-top:20px; width: 85px; cursor: pointer; border: 1px solid #222; background:#333; color:#fff; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content input.submit:hover { background:#444; }
#content fieldset { padding:20px; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content legend { padding:7px 10px; font-weight:normal; color:#000; border:1px solid #eee; -moz-border-radius: 5px; -webkit-border-radius:5px; }
#content textarea{width: 350px; height: 100px;}

p.show{
  font-size:1.2em;
  color:orange;
  cursor:pointer;
}

p.show:hover{
  color:#777;
}

p.hide{
  font-size:1.2em;
  color:orange;
  cursor:pointer;
}

p.hide:hover{
  color:#777;
}


.error{
  color:#F55;
  font-size:1.2em;
}


#articles{
  margin-top:50px;
}

.delete a{
  text-decoration:none;
  float:right;
  font-size:1.3em;
  color:red;
}

.edit a{
  text-decoration:none;
  float:right;
  font-size:1.3em;
  padding-right:10px;
}

.article{
  border-bottom:dashed 1px #777;
  margin-bottom:10px;
  padding-bottom:10px;
}


/* zone tooltip */

.tooltip{
   /* display:  inline-block ;*/
     z-index: 0;
    position: relative;
    
}


.tooltip1{
    z-index: 1;
    position: absolute;
    
}


a.tooltip span {
    font-size: 9px;
    position:absolute;
    z-index: 1;
    white-space:nowrap;
    bottom:9999px;
    left: 50%;
    background: #000000;
    color:#e0e0e0;
    padding:5px 7px;
    line-height: 15px;
    text-align: center;
    color: yellow;
    height: auto;
       
    }
a.tooltip span::before {
    z-index: 1;
    content: "";
    display: block;
    border-left: 6px solid #000000;
    border-top: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 0px;
    z-index: 6;
    
    }
a.tooltip:hover span {
    z-index: 1;
    opacity: 1;
    bottom:-35px;
    opacity: 0.95;
    border-radius:10px;
    }
 
 
 
 
 
 
 .tooltip_fast_event{
   /* display:  inline-block ;*/
     z-index: 100;
    position: relative;
    
}
a.tooltip_fast_event span {
    font-size: 9px;
    position:absolute;
    z-index: 1;
    white-space:nowrap;
    bottom:9999px;
    left: 50%;
    background: #000000;
    color:#e0e0e0;
    padding:5px 7px;
    line-height: 15px;
    text-align: center;
    color: yellow;
    height: auto;
       
    }
a.tooltip_fast_event span::before {
    z-index: 1;
    content: "";
    display: block;
    border-left: 6px solid #000000;
    border-top: 6px solid transparent;
    position: absolute;
    top: -6px;
    left: 0px;
    z-index: 6;
    
    }
a.tooltip_fast_event:hover span {
    z-index: 1;
    opacity: 1;
    bottom:-35px;
    opacity: 0.95;
    border-radius:10px;
    }
 
 
 
  .cellModulation0{
  
         /* Semaine basse*/
         border: 2px solid #BF00FF;	   /*violet*/
  }
  
   .cellModulation1{
         /* Semaine normale*/    
         /* border: 2px solid #FF0000;     rouge*/ 
    }
  
   .cellModulation2{
    	 /* Semaine haute*/
    	z-index:99;
         border: 2px solid #01A9DB;	   /*bleu*/
  }
  
    .cellModulation3{
      	 /* Semaine très haute*/
         border: 2px solid #04B431;	   /*vert*/
  }
   
   .AS{     

 border-top: 7px ridge #dc143c;
 }