﻿ /*  OLD CSS*/

.page
{
	width: 98%;		
    background-color:White;
}

.ent_gauche
{
	height: 100px;	
	width:272px;
	background-image:url('images/ent_gauche2.png');
	background-repeat:no-repeat;
	text-align:left;
}


.label2
{
	text-align:center;
}

.ent_milieu
{
	height: 100px;	
	background-image:url('images/ent_filler2.png');
	background-repeat:repeat-x;
	text-align: center;
}

.ent_droite
{
	height: 100px;	
	width:288px;
	background-image:url('images/ent_droite2.png');
	background-repeat:no-repeat;
	text-align: center;
}




.entete
{
	height: 135px;	
	background-image:url('images/header2.jpg');
	background-repeat:no-repeat;
	text-align: center;
}

.milieu
{    
    height : 1200px;
   /* background-image:url('images/formulaire.png');    */
}


.milieulogin
{
    height:700px; 
    background-image:url('images/Acclogin2.png');  
    background-position:center;   
    background-repeat:no-repeat;  
}


.gauche
{
	width: 210px;	
}

.footer
{
	height: 30px;
	background-image:url('images/header2.jpg');	
	text-align: center;
	font-family:Arial;
	font-size:xx-small;
	color:White;
}




.titre_principal
{
	font-family:Arial;
	font-size:16px;
	font-weight: bold;
	color: Black;	
	text-align: center;			
}



.titre_section
{
	 border-bottom: thin solid #FFBF00;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: #A84900;
	text-align: left;
	line-height:normal;
	height : 40px;
	
}


.bloc_saisie
{
	 border-bottom: thin solid #FFBF00;
 border-right : thin solid #FFBF00;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	line-height:normal;
	
	width : 50%;
	
}
.bloc_saisie_titre
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	line-height:normal;
	height : 40px;
	width : 50%;
	
}
.bloc_saisie_titre2
{
	border-bottom: thin solid #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
	line-height:normal;
    color: #A84900;
	
}





.label
{	
	font-family:Arial;
	font-size: 12px;
	color:#666;		
	height:30px;
	text-align:right;	
}


.label2
{	border-right : thin solid #FFBF00;
	font-family:Arial;
	font-size: 12px;
	color:#A84900;		
	height:30px;
	text-align:left;	
}

.labelFind
{	
	font-family:Verdana;
	font-size: 12px;
	height:30px;
	text-align:right;	
}

.etq_gauche
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:left;
	
}

.label_gauche
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:left;
	
}

.etq_centre
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:center;
	
}
.label_centre
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:center;
	
}

.etq_droite
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:right;
	
}
.label_droite
{	
	font-family:Verdana;
	font-size: 12px;
	color:Black;		
	height:30px;
	text-align:right;
	
}

.button
{	
    height:30px;	
	text-align:center;	
}

.buttonPetit
{	
    height:24px;	
	text-align:center;	
}

.group
{	
	font-family:Verdana;
	font-size: 12px;
	font-weight:bold;
	color:Black;		
	height:30px;
	text-align:left;
}

.libelle
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    color: #336699;
    text-align: left;
    border-style: none;    
    border-width:1px;
}
*


.zone
{
	border-top: thin solid #F2F2F2;
    border-bottom: thin solid #F2F2F2;
	height:30px;
    text-align:left;
    border-width: 1px;
    
}

.zoneInGrid
{
   text-align:left;
   border-width: 1px; 
   border-style:inset;
}

.zone input
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    font-style: normal;
    color: #336699;
    text-align: left;
    font-weight: bold;
    border-style: ridge;
    width: 148px;
}

.zone_erreur
{
    border-style: ridge;
    border-width: 2px;
    border-color:Red;
}

.options
{
    font-family: Verdana;
    font-size: 10pt;
    font-weight:normal;
    font-style: normal;
    color: Black; /*#336699;*/
    text-align: left;
    border-style: none;
    border-width: 1px;
    vertical-align:middle ;
 }

.erreur
{
	font-family: Calibri;
	font-size: 13px;
	color: #E60000;
	text-align:left;
}

.message
{
    font-family: Calibri;
	font-size: 13px;
	color: #008214;
}


.sep1
{
    width:25px;
}

.sep2
{
    height:10px;
}
.table_saisie
{
    border-left: thin sold #F2F2F2;
    border-right: thin solid #F2F2F2;
    border-top: thin solid #F2F2F2;
    border-bottom: thin solid #F2F2F2;
    width: 98%;
    position: relative;
    top: 2px;
    left: 2px;
    height: 70px;
    background-color:#FAFAFA;
}
.table_saisie2
{
     border-bottom: thin solid #FFBF00;
     border-right : thin solid #FFBF00;
    border-left: thin sold #F2F2F2;
     border-top: thin solid Black;
     width: 98%;
    position: relative;
    top: 2px;
    left: 2px;
    height: 70px;
    background-color:#FAFAFA;
}

.table_recherche
{
    border-left: thin none #CC0066;
    border-right: thin none #CC0066;
    border-top: thin solid #000000;
    border-bottom: thin solid #000000;
    border-width :thin;
    width: 98%;
    position: relative;
    top: 0px;
    left: 0px;
    height: 70px;
    background:#FFFFFF;
}

.table_sous_zone
{
   
    border-top: thin solid  black;
    width: 98%;
    position: relative;
    top: 0px;
    left: 0px;
    height: 70px;
}

.button
{
    border-style:solid;
    border-color:#CC3399;
    border-width:1px;
}


/************************* MENU *********************************/
#mymenu
{
    height:400;
    width:200;
}



/*********************************GRID VIEW *********************/
 .GridView
{
	
	vertical-align:middle;
	border-width: 1px;
	border-right: 1px solid #A7A6AA;
	border-bottom: 1px solid #A7A6AA;
	border-left: 1px solid #A7A6AA;
	border-top: 1x solid #A7A6AA;
	padding: 1px;
	font-family: Calibri;
	font-size:small;
	font-weight: normal;
	color: #000080;
	width:100%;
}

.GridView a
{
    color: #FFFFFF;
}

.GridView a:visited
{
    color: #FE6A00;
}

 .GridView th
{
   font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height:20px;
	background-position: center center;
	text-align: Left;
	vertical-align: middle;
	background-image : url('images/bg_tab_top.gif');
	background-color:#E1E2E2;
/*	border-color:#CCCECE;*/
  
     
  /*  background-color: #8B477A;
    font-weight: bold;
    font-size:medium;
    color: White; */
}

 .GridViewFooter
{    
    background-color: #8B477A;
    font-weight: bold;
    font-size:medium;
    color: White;           
}

 .GridViewPager
{
    background-color:  Black;
    font-weight: bold;
    font-size: medium;
    color: White;
    letter-spacing: 7pt;
}

.GridViewRow
{
	text-align:left;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	height:20px;
 	  
   /* background-color: #FF6A00;*/
    color: #000080;
   
}

 .GridViewAlternatingRow
{
	text-align:left;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000080;
	height:20px;
 
    background-color: #FFFF99;
    /*color: #284775; */
}

.GridViewRow td 
{
    border: 1px solid #EBE9ED; 
}

.GridViewAlternatingRow td
{
    border: 1px solid #EBE9ED;
}

.GridViewSelectedRow
{
  	font-size: 11px;
    background-color: #E2DED6;
    color: #333333;
}



.GridViewPager table /* to center the paging links*/
{    
    margin: 0 auto 0 auto;
}


.FooterStyle
{
    border-top-color:Black;
    border-top-width:thin;
    border-top-style:dashed;
    
   
    text-align: right;
}

.GridViewRowChild
{
	text-align:left;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000080;
	height:20px;
    
    /*background-color: #FFE3EF;
    color: #284775; */
}

 .GridViewAlternatingRowChild
{
	text-align:left;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000080;
	height:20px;
    
    /*background-color: #FFE3EF;
    color: #284775; */
}

.GridViewRowChild td
{
     border: 2px solid #EBE9ED;
    width:180px;
}

.GridViewAlternatingRowChild td
{
    border: 2px solid #EBE9ED;
    width:180px;
}

/*- Menu Tabs 11-------------------------------------------------- */

    #tabstyle {
      float:left;
      width:100%;
      background:#F9F7F3;
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #C2BDAE;
      }
    #tabstyle ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabstyle li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabstyle button {
      float:left;
      background:url("images/tableft.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    /*#tabstyle a span {
      float:left;
      display:block;
      background:url("images/tabright.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#9F9584;
      }*/
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabstyle a span {float:none;}
    /* End IE5-Mac hack */
    #tabstyle button:hover {
      color:#FFF;
      }
      
    #tabstyle a:hover span {
      color:#FFF;
      }
      
    #tabstyle button:hover {
      background-position:0% -42px;
      }
      
    #tabstyle button:hover span {
      background-position:100% -42px;
      }

option
{
    
    font-family:Verdana;
	font-size: 12px;
	color:Black;			
	text-align:left;
}

dropDown
{
	font-family:Verdana;
	font-size: 12px;
	color:Black;			
	text-align:left;
}
.menuImage
{
    background-image:url('images/Menu.png');
}

/*-CSS PARENIN-------------------------------------------------- */
.BOUTON
{
	text-align:center;
	cursor:hand;
	text-align: center;
	vertical-align: middle;
	
	background-color :Transparent;
	background-repeat: no-repeat;
	background-position: center center;
	width: 70px;
	height:30px;
	clip: rect(auto,auto,auto,auto);
	overflow: visible;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:Black;
	border-style:none;
	line-height: 12px;
	vertical-align:middle;
	background-image : url("../images/Parenin/bg_bt2.gif");
	border-style:none;
}

.TEXTBOX
{
	border-top: thin solid #848484;
    border-bottom: thin solid #848484;
	text-align:left;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: arial;
	TEXT-DECORATION: none;
	font-weight: normal;
}

.LABEL
{
	border-top: thin solid #F2F2F2;
    border-bottom: thin solid #F2F2F2;
	text-align:left;
	FONT-SIZE: 12px;
	COLOR: #000000;
	FONT-FAMILY: arial;
	TEXT-DECORATION: none;
	font-weight: normal;
	width:200px;
	height:30px;
}
/**************************** ENTETELISTE ***************************/
.ENTETELISTE
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height:20px;
	background-position: center center;
	text-align: center;
	vertical-align: middle;
	background-image : url('images/bg_tab_top.gif');
	background-color:#E1E2E2;
	border-color:#CCCECE;
	width:98%;
}
.TitreListe
{
	FONT-SIZE: 13px; 
	COLOR: #145D77;
	FONT-FAMILY: arial;
	font-weight: bold;
	text-align:center;
}

.ROWLISTE
{
	text-align:left;
	padding-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height:20px;		
}
.LINKROW
{
	text-align:left;
}
.PAGINATION
{
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	height:20px;
	background-position: center center;
	text-align:left;
	padding-left:5px;
}
.spgridview-th
{
    background-color:#e60004;
    color: Blue!important;
    background-image:none;
}

.MaskedEditFocus
{
    text-align:left;
}

/*menu */
.menubar        {background-color: #000000; color: #ffffff;
                 border-top:  #E0E0E0 5px solid;
                 border-bottom: #E0E0E0 5px solid;
                 border-left:  #ffffff 2px solid;
                 border-right: #a0a0a0 1px solid;
                 padding-top: 0px; padding-bottom: 0px;
                  margin-left:-5px; color: #ffffff; text-align:center; cursor:hand; vertical-align:middle  }
.menubar_vb     { margin-left:5px; border-left: #ffffff 2px solid; color: #ffffff; text-align:center; cursor:progress;}
.menubar_parent {padding-top: 0px; padding-bottom: 0px; vertical-align: middle; border: none; color: #ffffff;}
