/*************************************************************************************************************
* MENUS
*************************************************************************************************************/
ul#menu-services{
	list-style: none;
	margin: 2px 0px 0 0;


}
ul#menu-services li{
	float: right;
	padding: 0px 0px 0px 0px;
    	font-size: 12px;
        line-height: 30px;
           width:100px;
           text-align: right;
}

ul#menu-services li a{
	color: #eb5e24;

}


ul#menu-services li a:hover{
	color: #000000;
}

div#menu-haut{
	width: 800px;

       position: absolute;
       left: 170px;
       top:120px;
   }
div#menu-haut ul{
	list-style: none;
	list-style-image: none;


}
div#menu-haut li{
	padding: 0 11px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	font-family:  Arial, Verdana, Helvetica, sans-serif;

}
div#menu-haut li a{
  	float: left;
	color: #eb5e24;
	text-decoration: none;
      border-bottom:2px solid #b2b2b2;
    padding-bottom: 2px;
}
div#menu-haut li a:hover, div#menu-haut li a.selected{
	color: #000000;
	text-decoration: none;
      border-bottom:2px solid #000000;
    padding-bottom: 2px;
}

div#menu-haut  li.demand a{
  margin-left: 20px;

    font-weight: normal;
	color: #eb5e24;
	text-decoration: none;
      border-bottom:0px solid #b2b2b2;
    padding-bottom: 0px;
    white-space: nowrap;
}
div#menu-haut  li.demand a:hover, div#menu-haut li.demand a.selected{
    margin-left: 20px;
	color: #000000;
	text-decoration: none;
      border-bottom:0px solid #000000;
    padding-bottom: 0px;
       white-space: nowrap;
}



/* sous menu */
div#menu-haut ul ul{
	position: absolute;
	right: 0;
	top: 22px;
  	margin: 0;
	padding: 0px 0 0 0;
	overflow: hidden;

}
div#menu-haut ul ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #eb5e24;
	text-decoration: none;
      border-bottom:0px solid #b2b2b2;

}
div#menu-haut ul ul li a:hover{
  text-decoration: none;
  	font-size: 11px;
	font-weight: bold;
    	color: #000000;
              border-bottom:0px solid #000000;
}

ul#chemin-de-fer{
	list-style: none;

    background: #ffffff url(images/fer.jpg) left top repeat-x;
	width: 771px;
	height: 33px;
    margin-left: -20px;
    padding-left: 34px;
    margin-top: 15px;

}
ul#chemin-de-fer li{
	float: left;
	font-size: .9em;
     color: #666666;
}
ul#chemin-de-fer li, ul#chemin-de-fer li a{
       font-weight: bold;
}

div#cadre-rec{
    width: 175px;
   	background: #ffffff url(images/cadre_rec.jpg) right top no-repeat;
    padding-top: 11px;


}

.inputForm2
{
  width:100px;
  float: left;
  border: 1px solid #b2b2b2;
  margin-left: 10px;
  margin-bottom: 5px;
}


div#cadre-rec div.cadre-rec-text{
 font-family: Arial, Verdana;
 background: #ffffff url(images/cadre_rec-middle.jpg) top right repeat-y;
  	padding: 0px 0px 0px 0px;
    margin-top: 85px;
}


 div#cadre-rec div.cadre-rec-text label{
   color: #000000;
   font-size: 11px;
   font-weight: normal;
  margin-left: 10px;
}

div#cadre-rec a{
  	color: #e95213;
    display: block;
	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
    padding:0px 0px 0px 17px;
    margin-top: -5px;
    }


div#cadre-rec a:hover{
	color: #000000;
  	font-size: 11px;
	line-height: 12px;
	font-weight: bold;
    background:url(images/bull.jpg) left top no-repeat;
     padding:0px 0px 0px 17px;
      display: block;
}


.diaporama{
     width: 175px;
   	background: #ffffff url(images/slide.jpg) right top no-repeat;
    height: 420px;

}


div#cadre-rec p.t1{
	float: left;
  	padding: 10px 0px 0px 10px;
	color: #222222;
	font-size: 12px;
	font-weight: bold;
   width: 165px;

}

div#cadre-rec .cliq{
 	color: #222222;
	font-size:10px;
	font-weight: bold;
    padding: 0px 0px 15px 10px;

}

div#cadre-rec .cliq2{
 	color: #222222;
	font-size:11px;
    line-height: 16px;
	font-weight: bold;
    padding: 0px 0px 0px 18px;
    position: absolute;
    width: 155px;
    margin-top: -65px;

}

.receer

{
  height: 157px;

  margin-top: -18px;
}


div#cadre-rec .t1-cliq2{
  	color: #003333;
	font-size: 1.4em;
    line-height: 16px;
	font-weight: bold;
    padding: 0px 0px 35px 18px;
    position: absolute;
    width: 155px;
    margin-top: -60px;
}

.negatif55
{
  float: left;
  margin-top: -130px;
}


div#cadre-rec .t1-cliq3{
  	color: #003333;
	font-size: 1.4em;
    line-height: 16px;
	font-weight: bold;
    padding: 0px 0px 35px 18px;
    position: absolute;
    width: 155px;
    margin-top: -70px;
}



 div#cadre-rec span.t1{
	float: left;
	padding: 0;
	margin: 0;
	color: #003333;
	font-size: 1.4em;
	font-weight: bold;

}


div#cadre-rec label{
	float: left;
	margin: 0;
	padding: 4px 0 0 0;
	color: white;
	font-size: 1em;
	font-style: italic;
	font-weight: bold;
}
div#cadre-rec select{
	width: 170px;
}

.oks
{
float: right;
position: relative;
height:13px;
margin-right: 8px;
margin-top: 8px;
}


#menu-haut div{
  width: 107px;
  height: 30px;
  float: left;
	background: url(images/btn_off.gif) left top no-repeat;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
	font-size: .90em;
}
#menu-haut div:hover, #menu-haut div.selected{
	background: url(images/btn_on.gif) left top no-repeat;
	color: #000066;
}
#menu-haut div a {
	color: black;
	text-decoration: none;
}
#menu-haut div a:hover, #menu-haut div.selected a {
	color: #000066;
}
#smenu-haut div{
  width: auto;
  float: left;

}
#smenu-haut div a {
	color: #0099FF;
	text-decoration: none;
	font-weight: bold;
}