@media print {
  body,
  #wrapper,   
  #logo,      
  #menu ,    
  #content,    
  #bloc-left, 
  #bloc-right, 
  #footer {  background-color: #FFFFFF; }
}

img { border:0px; }

body { font-family: verdana, arial, futura, mono;
       text-align: left;
       font-size: 0.75em;}

.warning { color:#FF0000; }

.rouge  { color:#FF0000;   }
.orange { color:#F88017;  }
.vert   { color:#00FF00;  }

.clear { clear:both; }
.droite { float:right;  text-align:right; padding: 0px;}
.gauche { float:left;   text-align:left;  padding: 0px;}

input { border:1px solid #CCCCCC; }


/* 
   Les grands blocs de mise en page 
   La page est structuree de la facon suivante
   
|-----------------------------------------------------|
|                     Wrapper                         | 
||---------------------------------------------------||
||                    Logo 960                       ||
||---------------------------------------------------||
||                    Menu 960                       ||
||---------------------------------------------------||
||                    Content 960                    ||
|| ------------------------------------------------- ||
|| |            |                                  | ||
|| |            |                                  | ||
|| | bloc-left  |           bloc-right             | ||
|| |    210     |              750                 | ||
|| |            |                                  | ||
|| ------------------------------------------------- ||
||---------------------------------------------------||
||                   Footer 960                      ||
||---------------------------------------------------||
|-----------------------------------------------------|
 
*/

/* #wrapper    { margin: 0 auto; clear:both;  margin-top: 25px; margin-bottom:25px;  width:960px;  border:1px solid #C0C0C0;} */
#wrapper { clear:both;  margin-top: 25px; margin-bottom:25px;  } 

/* #logo       { width:940px;  min-height:75px; padding: 0px 0px 0px 0px; margin: 0px 10px 1px 10px; border-bottom:5px solid #33CCCC; text-align:right; } */
#logo       {padding: 0px 0px 0px 0px; margin: 0px 10px 1px 10px; border-bottom:2px solid #33CCCC; } 
#menu       { padding: 0px 0px 10px 0px; margin: 1px 10px 0px 10px; border-top:2px solid #C0C0C0;}


#content { clear:both; padding:50px 10px 5px 10px;  width:100%;  margin: 0px ; min-height:570px;}

#footer { clear:both; padding:50px 10px 5px 10px;  color:#888888; text-align:right; font-size:0.5em;}

/* Fin de la description des blocs de mise en page */

#logo .table { width:100%; }
#logo td { vertical-align:bottom; text-align:right; font-size:2.5em; margin:0px; padding:0px 0px 10px 0px;}


#cnx { clear:both; 
       margin: 0 auto; 
       width:360px; 
       padding: 150px 0px 150px 0px;
       text-align:center;}

#cnx table {  width:338px;  border:1px solid #C0C0C0;  padding: 5px 10px 5px 10px;}
#cnx td    { text-align:left; padding: 5px 0px 5px 0px;}
#cnx input { border:1px solid #000000; }

#menu .menuliste     { float:left;   text-align:left;  padding:  0px 0px 0px 0px;}
#menu .menulogout    { float:right;  text-align:right; padding: 0px 0px 0px 0px;}


#menu ul { width:100%; padding:0px; margin:0px; }
#menu li { float:left;
           list-style-type:none;
           line-height:2.5em;
           position:relative;}
#menu li a , 
#menu li a:visited { text-decoration:none; margin: 0px 10px 0px 0px; color:#000000;}
#menu li a:hover   { border-bottom: 2px solid  #33CCCC; }


.listeplans table {width:100%  border: solid black 1px; border-spacing:1px; }
.listeplans th { background-color:#CCCCCC; margin:0px; padding:5px 5px 5px 5px; } 

.listeplans tr.impair{ background-color:#F2F2F2; } 
.listeplans tr.pair{  background-color:#FFFFFF; } 

.listeplans tr.impair:hover { background-color: lightblue; }
.listeplans tr.pair:hover { background-color: lightblue; }

.listeplans td{ margin:50px 5px 5px 5px; } 



#footer a,
#footer a:visited{  text-decoration:none; color:#888888; }