@charset "UTF-8";

body { background-color: #222222;}

* { font-family: sans-serif; font-size: 11px; color: #FFFFFF; }

form {margin: 0; padding: 0;}


input,select,option,textarea { font-family: sans-serif; font-size: 11px; color: #000000 ;font-weight: bold;}
.text { font-family: sans-serif; font-size: 11px; color: #FFFFFF;}	
.textnoir { font-family: sans-serif; font-size: 11px; color: #000000;}			
.textgris { font-family: sans-serif; font-size: 11px; color: #BBBBBB;}
.textn { font-family: sans-serif; font-size: 11px; color: #FFFFFF;text-align: justify ;} 	
.textu { font-family: sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline;text-align: justify ;} 		 
.textbold { font-family: sans-serif; font-size: 11px; color: #FFFFFF;font-weight: bold;}
.textsel { font-family: sans-serif; font-size: 11px; color: #CC0033;font-weight: bold;} 
.textboldg { font-family: sans-serif; font-size: 11px; color: #0033CC;font-weight: bold;} 
.texterreur { font-family: sans-serif; font-size: 11px; color: #CC0000;font-weight: bold;} 
.textblanc { font-family: sans-serif; font-size: 11px; color: #FFFFFF;font-weight: bold;} 
.textok { font-family: sans-serif; font-size: 11px; color: #339966;font-weight: bold;} 
.text12 { font-family: sans-serif; font-size: 12px; color: #FFFFFF; } 
.titrebleu { font-family: sans-serif; font-size: 14px; color: #3366cc; font-weight: bold;}	 

td.colonne12 { width:400;}
td.titrerouge { font-family: sans-serif; font-size: 12px; color: #B6002E;}	 
td.titrevert { font-family: sans-serif; font-size: 12px; color: #2BAC55;}	 
td.titrenoir { font-family: sans-serif; font-size: 12px; color: #000000;}	
td.titrenoiru { font-family: sans-serif; font-size: 12px; color: #000000;text-decoration: underline;}


td.titrebleug { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;}
td.titrerougeg { font-family: sans-serif; font-size: 12px; color: #CC0033; font-weight: bold;}		 
td.titrevertg { font-family: sans-serif; font-size: 12px; color: #259248;font-weight: bold;}	
td.titrebleugu { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;text-decoration: underline;}
td.titrerougegu { font-family: sans-serif; font-size: 12px; color: #CC0033; font-weight: bold;text-decoration: underline;} 
td.titrevertgu { font-family: sans-serif; font-size: 12px; color: #259248;font-weight: bold;text-decoration: underline;} 
.titrebleugs { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;}
.titrerougegs { font-family: sans-serif; font-size: 12px; color: #CC0033; font-weight: bold;}		 
.titrevertgs { font-family: sans-serif; font-size: 12px; color: #259248;font-weight: bold;}	   
.titrenoirgs { font-family: sans-serif; font-size: 12px; color: #000000;font-weight: bold;text-decoration: none;}		

a.titrebleug { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;}
a.titrerougeg { font-family: sans-serif; font-size: 12px; color: #CC0033; font-weight: bold;}		 
a.titrevertg { font-family: sans-serif; font-size: 12px; color: #259248;font-weight: bold;}	
a.titreblceriseg { font-family: sans-serif; font-size: 12px; color: #D20054;font-weight: bold;}	
a.titrebleugu { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;text-decoration: underline;}
a.titrerougegu { font-family: sans-serif; font-size: 12px; color: #CC0033; font-weight: bold;text-decoration: underline;} 
a.titrevertgu { font-family: sans-serif; font-size: 12px; color: #259248;font-weight: bold;;text-decoration: underline;} 	
a.titrenoirgu { font-family: sans-serif; font-size: 12px; color: #000000;font-weight: bold;;text-decoration: underline;} 	
a.titreblancu { font-family: sans-serif; font-size: 11px; color: #FFFFDD;font-weight: bold;;text-decoration: underline;}


.titreblvertg { font-family: sans-serif; font-size: 12px; color: #009999; font-weight: bold;}
.titrevertg { font-family: sans-serif; font-size: 12px; color: #00AA22; font-weight: bold;}
.titrejauneg { font-family: sans-serif; font-size: 12px; color: #FFCC00; font-weight: bold;}
.titreblceriseg { font-family: sans-serif; font-size: 12px; color: #D20054; font-weight: bold;}
.titremarrong { font-family: sans-serif; font-size: 12px; color: #770000; font-weight: bold;}
.titreorangeg { font-family: sans-serif; font-size: 12px; color: #FFCC00; font-weight: bold;}
.titrerougeg { font-family: sans-serif; font-size: 12px; color: #FF5C57; font-weight: bold;}	
.titreblancg { font-family: sans-serif; font-size: 14px; color: #FFFFFF; font-weight: bold;}	
.titrebleug { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;}
.titrebleufonce { font-family: sans-serif; font-size: 12px; color: #3300CC; font-weight: bold;}
.titreblceriseg14 { font-family: sans-serif; font-size: 14px; color: #D20054; font-weight: bold;}
.titreblvertg14 { font-family: sans-serif; font-size: 14px; color: #009999; font-weight: bold;}
.titrevertg14 { font-family: sans-serif; font-size: 14px; color: #00EE00; font-weight: bold;}
.titrejauneg14{ font-family: sans-serif; font-size: 14px; color: #FFCC00; font-weight: bold;}
.titregris14 { font-family: sans-serif; font-size: 14px; color: #666666; font-weight: bold;}	
.titregris { font-family: sans-serif; font-size: 12px; color: #666666; font-weight: bold;}
.titregris10 { font-family: sans-serif; font-size: 10px; color: #666666;}
.titrebleug10 { font-family: sans-serif; font-size: 10px; color: #3366cc; }
.titreblceriseg10 { font-family: sans-serif; font-size: 10px; color: #D20054; }	
.titrevertg10 { font-family: sans-serif; font-size: 10px; color: #00AA22;}


.titreblceriseg24 { font-family: sans-serif; font-size: 24px; color: #D20054; font-weight: bold;}
.titrebleufonce24 { font-family: sans-serif; font-size: 24px; color: #3300CC; font-weight: bold;}
.titreblceriseg24i { font-family: sans-serif; font-size: 24px; color: #D20054; font-weight: bold;font-style:italic;}
.titrebleufonce24i { font-family: sans-serif; font-size: 24px; color: #3300CC; font-weight: bold;font-style:italic;}
.titrebleuf24i { font-family: sans-serif; font-size: 24px; color: #00c800; font-weight: bold;font-style:italic;}
.titremarron24i { font-family: sans-serif; font-size: 24px; color: #770000; font-weight: bold;font-style:italic;}
.titrej24i { font-family: sans-serif; font-size: 24px; color: #d2e400; font-weight: bold;font-style:italic;}

.titreblceriseg18i { font-family: sans-serif; font-size: 18px; color: #D20054; font-weight: bold;font-style:italic;}
.titrebleufonce18i { font-family: sans-serif; font-size: 18px; color: #3300CC; font-weight: bold;font-style:italic;}
.titremarron18i { font-family: sans-serif; font-size: 18px; color: #770000; font-weight: bold;font-style:italic;}
.titrej18i { font-family: sans-serif; font-size: 18px; color: #d2e400; font-weight: bold;font-style:italic;}

.titrebleugu { font-family: sans-serif; font-size: 12px; color: #3366cc; font-weight: bold;text-decoration: underline;} 

.quigaz { font-family: sans-serif; font-size: 10px; color: #919191}


#image1  { position: relative; background-image: url(fond/logo.gif); background-repeat: no-repeat; top: 0px; left: 0px; visibility: visible; }

td.justify img { float:left; }
td.justify { font-family: sans-serif; font-size: 11px; color: #000000;text-align: justify ;}

td.titregeneral { font-family: sans-serif; font-size: 14px; color: #FFFFFF;font-weight: bold;height: 21px;vertical-align:middle;}
td.titrerubrique { font-family: sans-serif; font-size: 14px; color: #FFFFFF;font-weight: bold;padding-left:10px;background-position: right;height: 26px;vertical-align:middle;}
td.titreblanc { font-family: sans-serif; font-size: 14px; color: #FFFFFF;font-weight: bold;padding-left:10px;vertical-align:middle;}


.transp {
   background-color:#ffffff;
   color:red;
   position:absolute;
   width:100px;
   top:100;
   left:200;
   height:100px;
   /* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
      soit c'est un div positionné et dimensionné comme dans cet exemple.*/
   filter:alpha(opacity=50);
   -moz-opacity:0.5;
   opacity: 0.5;
}		  
	  
.aide {
   /*border-bottom : 1px #888 dashed; */
   cursor: help;
}

.bulle-aide {
  position: absolute;
  left: 0;
  top: 0;
  padding: 4px;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  background-color: #ffffe8;
  border: 1px #888 solid;
  visibility: hidden;
  z-index: 100;
}

/* utile seulement si vous placer des tableaux dans vos bulles */
.bulle-aide th, .bulle-aide td {
  font-size: 11px;
}

.bulle-aide caption {
  font-size: 12px;
  font-weight: bold;
}

.menuet{
  display:none;
}



div.divnormal
{
  position: absolute;
  z-index:1;
  height=100%;
  width=100%;  
}

div.divrecouvre
{
  position: absolute;
  z-index:10;
  background:white;
}


div.assombri
{
  position:absolute;
  height=100%;
  width=100%;
  z-index:11;
  background-color:#999999;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity:0.6;
}

div.pardessus
{
 position:absolute;
 top=10%;
 left=10%;
 height=80%;
 width=80%;
 z-index:12;
 background-color:#FFFFFF;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity:0;
}

.panelMenuPrincNiv1 {
  background-color: #333333;
  color : #FFFFFF;
  font-family: sans-serif; 
  font-size: 11px; 
  font-weight: bold;  
  padding-left : 5px;
  padding-top :  2px;
  cursor: pointer;
}
.panelMenuPrincNiv1sel {
  background-color: #FFCC00;
  color : #000000;
  font-family: sans-serif; 
  font-size: 11px; 
  font-weight: bold;  
  padding-left : 5px;
  padding-top :  2px;
  cursor: pointer;
}

.panelMenuPrincNiv2 {
  background-color: #444444;
  color : #FFFFFF;
  font-family: sans-serif; 
  font-size: 11px; 
  font-weight: normal;  
  /*font-style:italic;*/
  padding-left : 15px;
  padding-top :  2px;
  cursor: pointer;
}

.panelMenuCache {
	visibility:hidden;
	height:0px;
}

.panelMenuPrincTitre {
  background-image: none;
  background-color: #111111;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #000000, #555555);
  background-image: -moz-linear-gradient(top, #000000, #555555);
  background-image: -o-linear-gradient(top, #000000, #555555);
  background-image: -ms-linear-gradient(top, #000000, #555555);
  background-image: linear-gradient(top, #000000, #555555);
  height: 20px;
  color : #FFCC00;
  font-family: sans-serif; 
  font-size: 11px; 
  font-weight: bold;
  text-align: center;
  width:100%;
}

.panelMenuPrinc {
  background-color: #232323;
 -moz-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
  width:90%;
  vertical-align:top;
  text-align: left;
}

.panelMenu {
  width:150px;
  height:100%;
  padding-top : 5px;
  padding-left: 5px;
}

.panelMenuClasseTitre {
  background-image: none;
  background-color: #111111;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #000000, #555555);
  background-image: -moz-linear-gradient(top, #000000, #555555);
  background-image: -o-linear-gradient(top, #000000, #555555);
  background-image: -ms-linear-gradient(top, #000000, #555555);
  background-image: linear-gradient(top, #000000, #555555);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 5px 5px 5px #000000;
  -webkit-box-shadow: 5px 5px 5px #000000;
  box-shadow: 5px 5px 5px #000000;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
  width:90%;
  height:50px;
  padding-top : 20px;
  padding-left: 5px;
  text-align: center;
  color : #FFCC00;
  font-family: sans-serif; 
  font-size: 14px; 
  font-weight: bold;  
}


.panelMenuClasse {
  background-color: #333333;
 -moz-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
  width:90%;
  height:50px;
  padding-top : 20px;
  text-align: center;
  color : #FFFFFF;
  font-family: sans-serif; 
  font-size: 12px; 
  font-weight: bold; 
  cursor: pointer;  
}

.panelTitre {
  background-image: none;
  background-color: #111111;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(100%, #555555));
  background-image: -webkit-linear-gradient(top, #000000, #555555);
  background-image: -moz-linear-gradient(top, #000000, #555555);
  background-image: -o-linear-gradient(top, #000000, #555555);
  background-image: -ms-linear-gradient(top, #000000, #555555);
  background-image: linear-gradient(top, #000000, #555555);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  height: 25px;
  color : #FFFFFF;
  font-family: sans-serif; 
  font-size: 12px; 
  font-weight: bold;
  text-align: left;
  padding-top: 10px;
  padding-left: 15px;
  width:97%;
 -moz-box-shadow: 5px 5px 5px #000000;
 -ms-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5);   
}


.classem  td {
  background-color: #333333;
 -moz-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
}

.pave  {
  background-color: #333333;
 -moz-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
}


.prono td {
  background-color: #333333;
 -moz-box-shadow: 5px 5px 5px #000000;
 -ms-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
 border-bottom:1px;
 border-left:1px;
 border-top:0px;
 border-right:0px;
 border-style:solid; 
 border-color:#000000; 
}

.noneshadow td {
 -moz-box-shadow: 0px 0px 0px #000000;
 -ms-box-shadow: 0px 0px 0px #000000;
 -webkit-box-shadow: 0px 0px 0px #000000;
 box-shadow: 0px 0px 0px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=0, Strength=0); 
 border-bottom:0px;
 border-left:0px;
 border-style:none; 
}

td.classique {
 font-weight: bold;
 background-color: #333333;
border-color:#002b3e;
border-width: 0px !important;
}

.classemPage {
  color : #FFFFAA;
  font-family: sans-serif; 
  font-size: 12px; 
  font-weight: bold; 
  cursor: pointer;  

}

.classemPage:hover {
	background-color: #555555;
	color : #000000;
}

.classemPageSel {
  color : #000000;
  font-family: sans-serif; 
  font-size: 12px; 
  background-color: #FFCC00 !important;
  font-weight: bold; 


}
.panelMenuClasse:hover {
	background-color: #555555;
	color : #000000;

}

.cadrebasic  {
 background-color: #333333;
 -moz-box-shadow: 5px 5px 5px #000000;
 -ms-box-shadow: 5px 5px 5px #000000;
 -webkit-box-shadow: 5px 5px 5px #000000;
 box-shadow: 5px 5px 5px #000000;
 filter:progid:DXImageTransform.Microsoft.Shadow(color='#0000', Direction=135, Strength=5); 
 width:95%;
}







td.textvert {
  font-family: sans-serif; 
  font-size: 11px; 
  color: #000000 ;
  font-weight: bold;
  background-color: #00CC00;
}

td.textrouge {
  font-family: sans-serif; 
  font-size: 11px; 
  color: #000000 ;
  font-weight: bold;
  background-color: #D20054;
}

td.textjuste {
  border-width: 2px;
  border-style: solid;  
  border-color : #00CC00;
}

td.textfaux {
  border-width: 1px;
  border-style: solid;  
  border-color : #FF0000;
}

td.textnoirb {
  font-family: sans-serif; 
  font-size: 11px; 
  color: #000000 ;
  font-weight: bold;
  background-color: #3399FF;
}

td.textnoir {
  font-family: sans-serif; 
  font-size: 11px; 
  color: #000000 ;
  font-weight: bold;
  background-color: #FFCC00;
}

td.textblanc {
 font-family: sans-serif; 
 font-size: 11px; 
 color: #FFFFFF ;
 font-weight: bold;
 background-color: #333333;
 }
 
 td.textblanc:hover {
 font-family: sans-serif; 
 font-size: 11px; 
 color: #FFFFFF ;
 font-weight: bold;
 background-color: #555555;
 }
 

 
td.prochjournee {
 color: #FFFFFF ;
 background-color: #333333;
 }
 
 td.prochjournee:hover {
 color: #FFFFFF ;
 background-color: #555555;
 }

 .bord  td{ 
 border-bottom:1px;
 border-left:0px;
 border-top:0px;
 border-right:1px;
 border-style:solid; 
 border-color:#000000;
  }
  
  
 td.textnoirbcoche{
  background-image: url(bouton/cocher.png); 
  background-repeat: no-repeat;
  background-position: right;
  
}

 td.textnoircoche{
 font-family: sans-serif; 
 font-size: 11px; 
 color: #FFFFFF ;
 font-weight: bold; 
  background-image: url(bouton/cocher.png); 
  background-repeat: no-repeat;
  
}

td.textblanccoche {
 font-family: sans-serif; 
 font-size: 11px; 
 color: #FFFFFF ;
 font-weight: bold;
  background-image: url(bouton/noncocher.png); 
  background-repeat: no-repeat;
 
}