body                 { background-color: #94070B; scrollbar-face-color: #EFEFEF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #9B9B9B; color: #004476; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
td                   { color: #004476; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
select               { color: #004476; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
input                { color: #000000; background- color:#94070B; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none}

a	             { color: #ffffff; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
a:hover	             { color: #000000; font-family: verdana, arial, helvetica, "helvetica new"; text-decoration: underline }
a:active	     { color: #000000; font-family: verdana, arial, helvetica, "helvetica new"; text-decoration: underline }



a.lang          { color: #000000; font-size: 12px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
a:hover.lang    { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline }
a:active.lang   { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica, "helvetica new"; text-decoration: underline }


a.linkwhite          { color: #94070B; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
a:hover.linkwhite    { color: #94070B; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline }
a:active.linkwhite   { color: #94070B; font-size: 10px; font-family: verdana, arial, helvetica, "helvetica new"; text-decoration: underline }

a.contactIn          { color: #94070B; font-size: 12px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
a:hover.contactIn    { color: #94070B; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: underline }
a:active.contactIn   { color: #94070B; font-size: 12px; font-family: verdana, arial, helvetica, "helvetica new"; text-decoration: underline }

a.linkwhite10px      { color: #ffffff; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: underline }
a:hover.linkwhite10px { color: #ffffff; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: none }

a.linkblue9px               { color: #004476; font-size: 9px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: underline; margin-left: 5px }
a:hover.linkblue9px { color: #004476; font-size: 9px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none; margin-left: 5px }

a.linkgrey9px { color: #999; font-size: 9px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: underline }
a.linkmenu { color: #069; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: underline }

a:hover.linkmenu { color: #069; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
a:active.linkmenu { color: #cd002a; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }

a:hover.linkgrey9px { color: #999; font-size: 9px; font-family: verdana, arial, geneva, helvetica, sans-serif; text-decoration: none }
font                 { font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }

.verdanared9px        { color: #cd002a; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanared10px       { color: #cd002a; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanared11px       { color: #cd002a; font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanared12px 	{ color: #cd002a; font-size: 12px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanared13px       { color: #cd002a; font-size: 13px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanared14px       { color: #cd002a; font-size: 14px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanaredm14px       { color: #cd002a; font-size: 14px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanawhite9px     { color: #94070B; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanawhite10px    { color: #FFFFFF; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanawhite10pxi    { color: #FFFFFF; font-size: 8px; font-style: italic; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanawhite11px    { color: #FFFFFF; font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.titre 				 { color: #ffffff; font-weight: bold; font-size: 13px; font-family: verdana, arial, geneva, helvetica, sans-serif; letter-spacing: 5px; margin-left: 10px }
.verdanablue9px      { color: #004476; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanabluemenu9px  { color: #94070B; font-size: 11px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanabluem9px     { color: #94070B; font-size: 14px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablue10px     { color: #004476; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablue11px     { color: #004476; font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablue12px     { color: #004476; font-size: 12px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanagrey9px 	 { color: #999; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanagrey10px 	 { color: #999; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanagrey11px 	 { color: #999; font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanawhite14px    { color: #FFFFFF; font-size: 22px; font-family: verdana, arial, geneva, helvetica, sans-serif }

.titleresa     { color: #94070B; font-size: 20px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.libelleresa     { color: #94070B; font-size: 10px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.libellech     { color: #94070B; width: 300px; font-size: 10px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.libellerr    { color: #94070B; font-size: 10px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.libellok    { color: #78A419; font-size: 10px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }
.rmqresa    { color: #94070B; font-size: 10px;  font-style: italic; font-family: verdana, arial, geneva, helvetica, sans-serif }
.legalresa    { color: #94070B; font-size: 10px; font-weight: bold ; font-style: italic; font-family: verdana, arial, geneva, helvetica, sans-serif }
.inforesa    { color: #94070B; font-size: 12px; font-weight: bold ; font-family: verdana, arial, geneva, helvetica, sans-serif }


.verdanablack7px     { color: #000000; font-size: 7px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack9px     { color: #000000; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack10px    { color: #000000; font-size: 10px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack11px    { color: #000000; font-size: 11px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack12px    { color: #000000; font-size: 12px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack13px    { color: #000000; font-size: 13px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.verdanablack14px    { color: #000000; font-size: 14px; font-family: verdana, arial, geneva, helvetica, sans-serif }
.patternsdrop         { color: #004476; font: 10px verdana, arial, sans-serif; background-color: #ffffff; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; padding-right: 2px; padding-left: 2px; border: solid 1px #bdbdbd; width: 78px; height: 15px }
.patternsdrop2 { color: #004476; font: 10px verdana, arial, sans-serif; background-color: #ffffff; padding-right: 2px; padding-left: 2px; border: solid 1px #bdbdbd; width: 185px; height: 15px }
.patternsdrop3 { color: #004476; font: 10px verdana, arial, sans-serif; background-color: #ffffff; margin-left: 4px; padding-right: 2px; padding-left: 2px; border: solid 1px #bdbdbd; height: 15px }
.bordercolor   { border-style: solid ; border-width: 1px ; border-color: #FFFFFF ; }
.backgroundTop { BACKGROUND-REPEAT: no-repeat;  }


/* custom styles for multiple stacked instances */
			#statesautocomplete {
			    width:15em; /* set width here */
			    padding-bottom:2em;
			}
			
		    .yui-button#validerspan button {
		        padding-left: 4em;
		        background: url(../img/valid.png) 5% 50% no-repeat;
		    }
			
			.yui-button#chercherspan button {
		        padding-left: 4em;
		        background: url(../img/loupe.png) 5% 50% no-repeat;
		    }
			
			.yui-button#ajouterAppelation button {
		        padding-left: 3em;
		        background: url(../img/add.gif) 10% 50% no-repeat;
		    }
			
			.yui-button#ajouterDomaine button {
		        padding-left: 3em;
		        background: url(../img/add.gif) 10% 50% no-repeat;
		    }
			
			#domaineInput {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			
			#appelationautocomplete {
			    width:15em; /* set width here */
			    padding-bottom:2em;
			}
			
			#appelationautocomplete2 {
			    width:15em; /* set width here */
			    padding-bottom:2em;
			}
			
			#appelationautocomplete2 {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#appelationautocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#appelationInput {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			
			#appelationInput2 {
			    _position:absolute; 
				left:47px;
			}
			
			#critere1autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere1Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere1Container {
			    width:200;
				left:22.8em;
				top:9.5em;
			}
			
			#critere2autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere2Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere2Container {
			    width:200;
				left:22.8em;
				top:13em;
			}
			
			#critere3autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere3Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere3Container {
			    width:200;
				left:22.8em;
				top:16.5em;
			}
			
			#critere4autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere4Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere4Container {
			    width:200;
				left:22.8em;
				top:20em;
			}
			
			#critere5autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere5Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere5Container {
			    width:200;
				left:22.8em;
				top:23.5em;
			}
			
			#critere6autocomplete {
			    z-index:9000; /* z-index needed on top instance for ie & sf absolute inside relative issue */
			}
			#critere6Input {
			    _position:absolute; /* abs pos needed for ie quirks */
			}
			#critere6Container {
			    width:200;
				left:22.8em;
				top:27em;
			}
			
			/* Clear calendar's float */
		    #container .bd:after {content:".";display:block;clear:left;height:0;visibility:hidden;}

		    /* Have calendar squeeze upto bd bounding box */
		    #container .bd {padding:0;}

		    /* Remove calendar's border and set padding in ems instead of px, so we can specify an width in ems for the container */
		    #cal {border:none;padding:1em}

		    /* Datefield look/feel */
		    .datefield {
		        position:relative;
		        top:10px;
		        left:10px;
		        white-space:nowrap;
		        border:1px solid black;
		        background-color:#eee;
		        width:25em;
		        padding:5px;
		    }

		    .datefield input,
		    .datefield button,
		    .datefield label  {vertical-align:middle}

		    .datefield label  {font-weight:bold}
		    .datefield input  {width:15em}
		    .datefield button  {padding:0 5px 0 5px; margin-left:2px;}
		    .datefield button img {padding:0;margin:0;vertical-align:middle}

		    /* Example box */
		    .box {
				position:relative;
		    }
			
			#example {height:30em;}
			label { display:block;float:left;width:45%;clear:left; }
			.clear { clear:both; }
			#resp { margin:10px;padding:5px;border:1px solid #ccc;background:#fff;}
			#resp li { font-family:monospace }
			
	
		
