
/* ------------------------------------ */
/*            Généralités               */
/* ------------------------------------ */
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:2px double #fff;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { margin:0;padding:0;color:#fff;font:11px/12px verdana,arial,sans-serif; }
body div#toolTip p em { display:block;margin-top:3px;color:#FA9101;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }

body {
	padding:0;
  margin: 30px 55px 30px 40px;
	background-image: url(grx/bg_clicf1_1a_wx.jpg);
  background-color: #595959;
  background-repeat: no-repeat;
  background-attachment:fixed;
  font-size: 12px;
  font-family: arial, verdana, sans-serif;
  text-align: center;
  /*overflow:auto;*/
}
#slogan_top {margin-top:-20px; color:#fff; font-size:18px;}
/*em {font-size: 0.8em;}*/
a img {border:none;}
.border1{
  border: 1px solid #B1B1B1;
  background-color: #FFFFFF;
  padding: 5px;
}
.border2{
  border: 2px solid #B1B1B1;
}
.center {text-align:center !important;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.padding1 {padding: 0 20px 0 20px;}
/* html .padding1 {padding: 0 3% 0 3%;}*/

.text_noir {color: #333333;}
.text_gris {color: #636363;}
.text_orange {color: #FA9101;}
.text_bleu {color: #4977AB;}
.text_blanc{color:#ffffff;}

acronym {border-bottom : 1px dotted #000000;}

.clear_both{clear: both;font-size:0;/*border:1px solid red;*/}
/* voir bug clear both apres #pastille

/* ------------------------------------ */
/*        Description du site           */
/* ------------------------------------ */
/*
h1.site_desc {      
  text-indent: -100em;
  overflow: hidden;
  height: 25px; 
  position:absolute;
}
*/
h1.site_desc {      
  display:none;
}
/* ------------------------------------ */
/*          Liens evitements            */
/* ------------------------------------ */

#evitement {
  color: #444444;
	text-align: right;
  padding-right: 10px;
  height:16px;
  line-height:16px;
}
#evitement a, #evitement a:link {
	color: #444444;
	font-size: 0.8em;
	text-decoration: none;
}
#evitement a:hover {
	color: #444444;
	font-size: 0.8em;
  background-color: #fff ;
	text-decoration: none;
	background: url(grx/blank.gif);
}

/* ------------------------------------ */
/*               Page                   */
/* ------------------------------------ */

#page { 
  background-image: url(grx/bg_clicf1_1_wx_a.jpg);
  background-color: #EAEAEA;
	background-repeat: no-repeat;
	background-position: 0px 0px;
  border: 1px solid #000;
  padding: 0px;
  padding-bottom:5px;
  min-width:900px;
  background-attachment:fixed;
  text-align: center;
}


/* ------------------------------------ */
/*                Header                */
/* ------------------------------------ */

#header {
	height: 102px;
  padding-top: 5px;
  background: transparent;
}

#header_logo {
  float: left;
  margin: 0;
  margin-left: 10px;
}
#header_logo h1 {
  margin:0;
}
#header_logo img {
  position:absolute;
    z-index:200;
}
#header_title {
  margin-top : 10px;
  margin-left: 210px;
 /*margin-right:350px;*/
  float:left;
}
#header_title h1 {
  margin: 0;
  padding: 0;
  font-size: 32px;
  font-family: sans-serif;
  font-weight: 700;
  line-height: 32px;
}
#header_title h2 {
  margin: 1px 0 0 0;
  padding: 0;
  font-size: 54px;
  font-family: sans-serif;
  font-weight: 700;
  line-height: 54px;
}
#header_title p {
  padding: 0;
  margin: -4px 0 0 0;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 700;
}

/*#header_style {
  background-color:transparent;
  color: #000000;
  float:right;
  margin:-28px 8px 0px 0px;
  text-align:right;
  width:235px;
}*/
#header_style {
  background-color:transparent;
  color: #000000;
  float:right;
  text-align:right;
  margin:-28px 10px 0px 0px;
  width:98%;
  /*border:1px red solid;*/
  padding:0px;
  height:24px;
}
#header_style p{
  margin-top:0;
}
#header_style img{
margin-left:4px;
}

#header_profil{
  background-color:transparent;
  color: #000000;
  text-align:right;  
  float:right;
  margin:-100px 10px 0px 0px;
  width:250px;
}

#header_profil h3{
  /*border-bottom:3px solid #78705c;*/
  font-size:0.8em;
  font-weight:200;
  margin:0;
  text-align:right;
}
#header_profil h3 em{
  /*color: #FF6600;*/
  background-color:transparent;
  font-style:normal;
  font-size:1em;
  font-weight:200;
}
#header_profil ul{
  margin:0;
  padding:3px 0 0 0;
  text-align:left;
  margin-left:125px;
}
#header_profil li{
  display:block;
  font-weight:700;
  margin:0;
  padding:0;
  margin-top:2px;
  text-transform:uppercase;
  list-style-type:none;
}
#header_profil a{
  color:#686151;
  background-color:transparent;
  /*padding:0 0.5em;*/
  text-decoration:none;
  background: url(grx/icon_profil.gif) no-repeat bottom left;
  padding-left:14px;
  letter-spacing:-0.1px;
  font-size:0.9em;
}
#header_profil a:hover{
}
#header_profil a.par:hover, #header_profil a.activepar {
  color:#4F933E; /*vert*/
  background: url(grx/icon_profil_par.gif) no-repeat bottom left;
  font-weight:bold;
}

#header_profil a.pro:hover, #header_profil a.activepro {
  color:#853D93; /*mauve*/
  background: url(grx/icon_profil_pro.gif) no-repeat bottom left;
  font-weight:bold;
}

/* ------------------------------------ */
/*            Menu                      */
/* ------------------------------------ */

#menu {
  text-align: right;
	/*background:#777777; /*gris*/
  height:30px;
  /*border-top:3px;
  border-bottom:3px;
  border-left:0px !important;
  border-right:0px !important;
  border-color: #fff !important;
  border-style:solid;*/
  z-index:-2;
}
 .home{
/*	background:#636363; /*gris*/
}
 .part{
/*	background:#4F933E; /*vert*/
}
 .prof{
	/*background:#853D93; /*mauve*/
}

#navlist {
  clear:both;
  padding: 3px 0px;
  margin: 0px;
  margin-right:4px;
  font: bold 12px Verdana, sans-serif;
}
/*#navlist li {
  list-style: none;
  margin: 0;
  display: inline;
  position:relative;
  top:-16px;
  color:#fff;
}*/

#navlist li {
  list-style: none;
  margin: 0px;
  display: inline;
  position:relative;
  color:#fff;
  top:2px;
  margin-left:-4px;

}
#navlist li a {
  padding: 4px 10px 0px 10px;
  margin: 0px;
  text-decoration: none;
  
}
#navlist li a:link,
#navlist li a:visited,
#navlist li a:hover {
  color: #fff;
}
#navlist li a:hover {
  border-top:4px solid;
  /*border-bottom:4px inset;*/
  border-color:#FA9101 !important;
  /*background: transparent url(grx/curseur.gif) repeat-y right; /* Bling Bling No Flash */
  background-color:#000;
  /*color:#636363; gris*/
  padding-bottom:10px;
}
#navlist li a#current {
  border-top:4px solid;
  border-color:#4977AB !important;
  background-color:#000;
  padding-bottom:10px;
}

/* ------------------------------------ */
/*             fileariane               */
/* ------------------------------------ */

#filariane {
/*border: 1px solid red;*/
}
#filariane p {
  text-align:left;
  margin:10px 0px 10px 10px;
  font-size:0.9em;
  font-weight:bold;
}
#filariane p a,
#filariane p a:link,
#filariane p a:visited {
  text-decoration:none;
  color:#444444;
}
#filariane p a:hover {
  text-decoration:underline;
}

/* ------------------------------------ */
/*               content                */
/* ------------------------------------ */
#content{
  /*border:1px blue solid;*/
  margin-left: auto;
  margin-right: auto;
  width:98%;
/*  padding-right:5px;
  padding-left:5px;*/
}

/* ------------------------------------ */
/*                sides                 */
/* ------------------------------------ */
.bg_side_single,
.bg_side_single_middle,
.bg_side_left,
.bg_side_right {
  float: left;
/*	background-image : url(grx/shadow_bottom3.png); // revoir dégradé ombre
	background-repeat: no-repeat;
	background-position:bottom right;*/
  padding-right: 7px;
  padding-bottom: 12px;
}
.bg_side_single { /*à revoir pour trouver largeur automatique */
  width: 77%;
}
.bg_side_single_middle { /*à revoir pour trouver largeur automatique */
  width: 55%;
  margin-left: 1%;
}
.bg_side_left,
.bg_side_right {
  width: 38%;
}
.side_single,
.side_left,
.side_right {
  border: 1px solid #B1B1B1;
  text-align:left;
  padding:5px;
  -moz-border-radius:8px;
}
#side_bar_left {
  float: left;
  width: 21%;
}
#side_bar {
  float: right;
  width: 22%;
} 
#side_bar_left p,
#side_bar p {
  text-align: center !important;
} 

/* ------------------------------------ */
/*            liens société             */
/* ------------------------------------ */

#liens_societe {
	text-align: right;
  color: #333333;
  font-size: 0.9em;
  padding: 10px 10px 5px 5px;
}
#liens_societe a,
#liens_societe a:visited {
  color: #333333;
	text-decoration: none;
}
#liens_societe a:hover {
  color: #000000;
	text-decoration: underline;
}

/* ------------------------------------ */
/*            footer                    */
/* ------------------------------------ */

#footer {
	/*background: url(grx/gradient30.gif) right bottom repeat-x;*/
	background-color:black;
  height: 34px;
  overflow:hidden;
  margin:0px 5px;
}
#footer p {
  margin: 0px;
  text-align: center;
  color: #fff;
  font-size: 0.8em;
  padding-top: 4px;
}
#footer a, #footer a:link {
  color: #cccccc;
	text-decoration: none;
}
#footer a:hover {
  color: #fff;
	text-decoration: blink;
	/*background-image : url(grx/menu.gif);*/
}

/* ------------------------------------ */
/*            Copyright                 */
/* ------------------------------------ */

#copyright p {
  margin: 0;
  text-align:center;
  color: #cccccc;
  font-size: 1em;
  padding: 5px;
}

/* ------------------------------------ */
/*            content details           */
/* ------------------------------------ */

#content form{
  margin: 0;
}
#content ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  margin-left:5px;
}
#content li{
  margin: 0px;
  padding: 0 5px 5px 20px;
  line-height:18px;
  text-align:justify;
}
#content h1{
  margin: 0;
  padding: 5px;
  font-weight: 700;
  font-size: 1.6em;
}
#content h2{
  margin: 0;
  padding: 5px;
  font-weight: 700;
  font-size: 1em;
  text-align:left;
  color: #636363;
}
#content h3{
  margin: 0;
  padding: 10px 5px 5px 5px;
  font-weight: 700;
  font-size: 1.2em;
  text-align:left;
}

#content h4{
  margin: 0;
  padding: 5px;
  font-weight: 500;
  font-size: 1em;
  text-align: justify;
  color: #636363;
}
#content p{
  margin: 0;
  padding: 5px 5px 5px 5px;
  text-align: justify;
  /*color: #636363;*/
}

#content .box_title{
  float: left ;
  margin-top: 15px;
  margin-left: 15px;
  position:absolute;
}

#content .box_pastille {
  float: right ;
  width: 120px;
  height: 70px;
  text-align:center;
}
#content .box_wifi {
  float: right ;
  width: 120px;
  height: 90px;
  text-align:center;
}
#content .box_pastille .txtblanc1{
  font-weight:700;
  font-size: 20px;
  line-height: 22px;
  color: #FFFFFF;
}
#content .box_pastille .txtblanc2{
  font-weight:700;
  font-size: 15px;
  line-height: 19px;
  color: #FFFFFF;
}
#content .box_pastille .txtorange{
  font-weight:700;
  font-size: 14px;
  line-height:16px;
  color: #F9C893;
}

#content .box_details{
}

#content .rea {
  padding: 5px;
}
#content .rea img {
  background-color: #ffffff;
  border: 2px solid #B1B1B1;
  margin:5px;
}

/* ------------------------------------ */
/*             style h1                 */
/* ------------------------------------ */

h1.h1_pro,
h1.h1_par,
h1.h1_gris,
h1.h1_bleu,
h1.h1_orange,
h1.h1_red {
  margin: 10px 0px !important;
  padding: 2px 0px !important;
  font-weight: 700;
  font-size: 1.6em;
  border-bottom:1px dotted #636363;
  padding-left:20px !important;
}

h1.h1_pro {
  background: url(grx/arrow_pro.gif) no-repeat center left;
}
h1.h1_par {
  background: url(grx/arrow_par.gif) no-repeat center left;
}
h1.h1_gris {
  background: url(grx/arrow_gris.gif) no-repeat center left;
}
h1.h1_bleu {
  background: url(grx/arrow_bleu.gif) no-repeat center left;
}
h1.h1_orange {
  background: url(grx/arrow_orange.gif) no-repeat center left;
}
h1.h1_red {
  background: url(grx/arrow_red.gif) no-repeat center left;
}
h1.h1_normal, h1.h1_pro2, h1.h1_par2 {  
  padding: 5px;
  text-align: center;
  font-weight: bold;
  margin:0px !important;
  -moz-border-radius:8px;
  color:#fff !important;
  font-size:1.6em;
}
h1.h1_normal {background-color: #636363; /*gris*/} 
  
h1.h1_pro2 {background-color: #853D93; /*violet*/} 
 
h1.h1_par2 {background-color: #4F933E; /*vert*/}  
  
/* ------------------------------------ */
/*           content bleu               */
/* ------------------------------------ */

#content .bleu {
  background-color: #F4F5FA;
}
#content .bleu h1,
#content .bleu h3,
#content .bleu a {
  color: #4977AB;
}
#content .bleu a {
	text-decoration: none;
}
#content .bleu a:hover {
	text-decoration: underline;
}

#content .bleu li {
  background:url(grx/label2.gif) no-repeat top left;
  background-position: 4px 2px;
}
#content .bleu .box_pastille {
  background : url(grx/past_bleu1.jpg) no-repeat top left;
}

/* ------------------------------------ */
/*           content orange             */
/* ------------------------------------ */

#content .orange {
  background-color: #FFF8F0;
}
#content .orange h1,
#content .orange h3,
#content .bleu a:hover {
  color: #FA9101;
}
#content .orange a,
#content .orange a:link {
	color: #4682b4;
	text-decoration: none;
}
#content .orange a:hover {
	color: #ff6600;
	text-decoration: underline;
}
#content .orange li {
  background:url(grx/label1.gif) no-repeat top left;
  background-position: 4px 2px;
}
#content .orange .box_pastille {
  background : url(grx/past_orange1.jpg) no-repeat top left;
}

/* ------------------------------------ */
/*           encarts pub                */
/* ------------------------------------ */

#content .encart1 {
  border: 1px solid #B1B1B1;
  padding: 5px;
  background-color: #FFFFFF;
  text-align: center;
  margin-bottom: 15px;
  -moz-border-radius:8px;
}
#content .encart1 h1 {
  margin: 0;
  padding: 6px 2px;
  font-size: 1em;
  font-family: sans-serif;
  background-color: #636363;
  /*color: #FFFFFF;*/
  text-align:center;
  -moz-border-radius:4px;
}
#content .encart1 p{
  padding:10px;
  margin:0;
  background: url(grx/grad_gris100.jpg) left top repeat-x #E8E8E8;
  color:#000;
} 
#content .encart1 .bg_anim {
  padding:0;
  margin:0;
  border:1px transparent solid; /*bug ie7 */
}
#content .encart1 .bg_anim a{
  display: block;
  background: url(grx/grad_gris100.jpg) left top repeat-x #E8E8E8;
  text-decoration: none;
  padding:5px;
}

#content .encart1 .bg_anim a:hover {
  display: block;
  background:none;
  background-color: #FFF8F0;
}

.pub span.a {
  color:#4977AB;
  font-size:20px;
  font-family:verdana,sans-serif;
  font-weight:700;
  letter-spacing: -1px;
  word-spacing:-1px;
  margin:0;
  padding:0;
  text-transform:uppercase;
}
.pub span.b {
  color:#777777;
  font-size:14px;
  letter-spacing:3px;
  font-family:arial,verdana,sans-serif;
  font-weight:700;
  letter-spacing: -0.1px;
}
.pub span.c{
  color:#4977AB;
  font-size:50px;
  font-family:verdana,sans-serif;
  font-weight:700;
}
.pub span.d{
  color:#4977AB;
  font-size:30px;
  font-family:arial,verdana,sans-serif;
  font-weight:700;
}
.pub span.e{
  color:#4977AB;
  font-size:12px;
  font-family:arial,verdana,sans-serif;
  font-weight:700;
}

/* ------------------------------------ */
/*          encart telephone            */
/* ------------------------------------ */

.bg_phone {
  padding:0px;
  margin:0;
  background: url(grx/grad_gris100.jpg) left top repeat-x #E8E8E8;
  /*color:#000;*/
  height:100px;
}
#content .phone img  {
  float:left ;
}
#content .phone h1 {
  /*background-color: #636363; /*gris foncé*/
  /*background-color: #4F933E; /*vert*/
  font-family: arial, sans-serif;
  background:none;
  /*color:#4977AB; /*bleu*/
  font-size: 14px;
  font-weight:bolder !important;
  word-spacing:-1px;
  margin:0px 0px 4px 75px;
  padding:2px 0px;
}

#content .contact_phone {
  padding:0px;
  margin:0;
  background: url(grx/contact_tel2.jpg) left bottom no-repeat #E1E8EC;
  height:150px;
}
#content .contact_phone h1 {
  font-family: arial, sans-serif;
  background:none;
  font-size: 18px;
  font-weight:bolder !important;
  word-spacing:-1px;
  text-align: right;
  margin:0px;
  padding:5px;
  margin-right:10px;
  line-height:16px;
}
#content .contact_phone p {
  background:none;
}

/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */

/* ce qui suit est à revoir */
/* ------------------------------------ */
/*                                      */
/*            formulaires               */
/*                                      */
/* ------------------------------------ */
/*
TODO :
- Structure à revoir en séparant les param de couleur
*/
.orange .input_error {
  color: #ff6600;
  padding: 6px 5px 5px 30px;
  margin: 0px 0px 1% 37% ;
  width:50%;
  font-weight:bold;
  border:1px #ff6600 dotted;
  background :url(grx/warning.png) #FFF7DF no-repeat top left;
  background-position: 3px 2px;
}
.bleu .input_error {
  color: #4682b4;
  padding: 6px 5px 5px 30px;
  margin: 0px 0px 1% 37% ;
  width:50%;
  font-weight:bold;
  border:1px #4682b4 dotted;
  background :url(grx/warning.png) #E8FFFF no-repeat top left;
  background-position: 3px 2px;
}
fieldset {
  margin:1%;
  padding:10px 0px 10px 0px;
}
.orange fieldset {border: 1px #ff6600 solid;}
.bleu fieldset {border: 1px #4682b4 solid;}
legend {
  color: #fff;
  padding:2px 4px 2px 4px;
  font-size:1em;
  font-weight:bold;
  margin-left:5px;
  font-family:arial, verdana, sans-serif;
  letter-spacing:1px;
}
.orange legend {background-color:#ff6600;}
.bleu legend {background-color:#4682b4;}
label {
	width:35%;
	text-align:right;
	float:left;
	padding-right:18px;
	font-weight:bold;
	font-size:12px;
	background-position:0px -2px;
}
.orange label {background:url(grx/label1.gif) no-repeat center right;}
.bleu label {background:url(grx/label2.gif) no-repeat center right;}
input.textfield {
	width:40%;
	background:#fff;
	border:1px solid #aaa;
}
select.selectfield {border:1px solid #aaa;}
.orange input.textfield:focus, .orange select.selectfield:focus {background:#FFF7DF;}
.bleu input.textfield:focus, .bleu textarea:focus {background:#E8FFFF;}
textarea {
	width:40%;
	height:10em;
	font-family:sans-serif;
	font-size:small;
	background:#fff;
	border:1px solid #aaa;
	padding:3px;
}
/*------------------- bouton -----------------------*/
p.pbouton {text-align:right !important; margin:20px !important;}
input.bouton{
  border:1px solid #fff;
  color:#fff;
  font-weight:700;
  border : 1px #A7A6AA solid;
  cursor:pointer;
}
.orange input.bouton{background-color:#ff6600;}
.bleu input.bouton{background-color:#4682b4;}
input.bouton:hover{
  color:#036;
  cursor:pointer;
}
.orange input.bouton:hover{background-color:#FFF7DF;  border : 1px #ff6600 solid;}
.bleu input.bouton:hover{background-color:#E8FFFF;  border : 1px #4682b4 solid;}

/**********************************************************/
/* agence */
#agences{
display:none;
position:absolute;
bottom:30px;
left:40px;
}
#agences h3{
float:left;
margin:0;
padding:2px;
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#fff;
}
#agences ul{
margin:0;
padding:0;
width:100%;
}
#agences ul li{
list-style:none;
float:left;
margin-left:6px;
}
#agences ul li strong{
display:none;
}
#agences ul li a{
display:block;
padding:1px;
border:solid 1px #fff;
font-family:arial,helvetica,sans-serif;
font-size:11px;
color:#fff;
}
#agences ul li a:hover,
#agences ul li a:focus{
color:#1766A6;
border:solid 1px #1766A6;
background-color:#fff;
}

#agences ul li:last-child{
border:solid 1px #fff;
font-family:arial,helvetica,sans-serif;
font-size:12px;
color:#fff;
}
/*-------------------------------Menu-------------------------------*/
.pro_linedrop {
height:35px;
width:100%;
background:url(/grx/menu/black_0.gif);
position:relative; 
font-family:arial, verdana, sans-serif; 
font-size:11px;
z-index:100;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(/grx/menu/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(/grx/menu/blue_1.gif);
}


.pro_linedrop .select a {
display:block; 
height:35px; 
float:left; 
background: url(/grx/menu/black_0.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:33px; 
white-space:nowrap; 
color:#00FF00;
}


.pro_linedrop .select li.lrt a {color:#E45FFF;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px; 
background:url(/grx/menu/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(/grx/menu/black_0a.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(/grx/menu/black_1.gif); 
padding:0 0 0 15px;
cursor:pointer; 
color:#fff;
}

.pro_linedrop .select li.lrt a:hover, 
.pro_linedrop .select li.lrt:hover a {
background: url(/grx/menu/blue_1.gif); 
}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
float:left;
padding:0 30px 0 15px; 
background:url(/grx/menu/black_1.gif) right top; 
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b, 
.pro_linedrop .select li.line:hover a b {
background:url(/grx/menu/black_1a.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b, 
.pro_linedrop .select li.lrt:hover a b {
background:url(/grx/menu/blue_1.gif) right top; 
}

.pro_linedrop .select li.lrt a:hover b.arrow, 
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(/grx/menu/blue_1a.gif) right top; 
}

.pro_linedrop .sub {
position:absolute; left:-9999px; width:0;
}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px -10px -1px -1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
position:absolute;
width:100%;
top:35px; 
left:0; 
text-align:center;
background:#fff url(/grx/menu/fade.gif);
border:1px solid #aaa;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:#fff url(/grx/menu/fade.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:12px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(/grx/menu/fade.gif) left bottom;}

