/*style des liens*/

a
{
	/*color: #002f5e;*/
	text-decoration: none;
	
}	

a:hover
{
	color: #002f5e;
	text-decoration: underline;
	
}

.lien
{
  color:#228C37; /*vert*/
  text-decoration: underline;
}
.lien:hover
{
  color:#FA6507; /*orange*/
  text-decoration: underline;
}

.nomHebus
{
  text-decoration: none;  
  color:#FA6507; /*orange*/
}


/****************************************
  Positionnement des differents elements
****************************************/

/*menu et sous-menu*/
#menu_container
{
  position:absolute;
  top:0px;

}

#menu
{
  position: absolute;
	top: 116px;
	left: 185px;
	padding-left : 0px;
	/*width : 100%;*/
	height : 22px;
	/*background: url(../img/barre_navigation_II.jpg;*/
  background-repeat: no-repeat;
	z-index: 99;
	font-family: arial, Palatino, Palatino Linotype, Georgia, Times, sans-serif;
  font-weight: bold;
  font-size: 14px;
}


ul#menulist, ul#menulist ul
{
  list-style:none;
  margin:0px;
  padding:0px;
}

ul#menulist li ul{ display:none; }
ul#menulist li ul{ font-size: 16px; }

ul#menulist li:a>ul { display:none;}
ul#menulist li:visited>ul{ display:none; }
ul#menulist li:hover>ul{display:block;}


ul#menulist li ul
{
  list-style:none;
  position:absolute;
  bottom:18px;
  padding-bottom: 3px; /* <== permet de remonter le sous-menu qui s'affiche au-dessus du menu principal*/
  border: #cbcbcb solid 1px;  
}

/*html ul#menulist ul{ bottom: 14px;}*/


ul#menulist li
{
  
  height: 14px;
  padding-left:2px;
  padding-right:2px;
  padding-top:0px;
  font-weight: bold;
  float:left;
  /*color: #646464;*/
  /*color:#E8E8FF;*/
}

ul#menulist a
{
  display:block;
  color:#78A145; /*vert*/
}

ul#menulist a:hover
{
  text-decoration: none;  
  color:#FA6507; /*orange*/
}

ul#menulist a.smenu
{ 
  color : white; 
}

/*permet d'afficher le sous-menu en orange au survol de la souris*/
ul#menulist li:hover>a.smenu{color:#FA6507; /*orange*/font-size:18px;font-weight:bold;float: none;}

/*autres zones de la page */

.lstSMenu
{
  
  
}

#contenu
{
  position : absolute;
  top : 145px;
  left : 185px;
  /*height : 580px;*/
  width: 70%;
  /*overflow : hidden;*/
  margin-left : 5px;
  text-align: justify;
  overflow-y: auto;
}

#footer
{
  text-align:center;
  margin : 0px;
  /*border : solid 1px red;*/
}

#membre
{
  position:absolute;
  top:125px;
  left: 10px;
 
  height:150px;  
  color: #656565;
  text-align: left;
  z-index: 1;
  font-family: arial,Palatino, Palatino Linotype, Georgia, Times, sans-serif;
	font-weight: bold;
}

#news
{
  position : absolute;
	left: 0px;
	top: 280px;	
	height:258px;
	text-align: justify;
  font-family: arial, Palatino, Palatino Linotype, Georgia, Times, sans-serif;
	z-index: 2;
  font-weight:bold;

}

#news_titre
{
  position:absolute;
  left: 15px;
  text-align: left;
  color: #656565;
  font-family: arial, Palatino, Palatino Linotype, Georgia, Times, sans-serif;
  font-weight: bold;

}

#news_contenuContainer
{
	position: absolute;
	left: 10px;
	top: 20px;
	width: 145px;
	height: 220px;
	background-color: white;
  overflow:auto;
  font-weight:normal;  
}

#membre_contenu_connecte
{
  position:absolute;
  top: 15px;
  left: 0px;
  text-align: center;
  color: #646464;
}

/************************************
 Style general de l application
*************************************/
body 
{
	/*background-image : url(../img/vert_dessus_menu.jpg); */
  
  background-image : url(../fond_site_v1_04.jpg);
	background-repeat: no-repeat;
	font-family: Arial, Times New Roman,sans-serif;
  
  /*width: 100%;*/
}

#bordure_page
{
	background-image : url(../img/bordure1.jpg);
	position:absolute;
	/*width: 38px;*/
	height: 100%;
	left: 1024px;
	top: 0px;
}


.news_titre
{
	text-align: left;
	font-weight: bold;
	text-decoration: underline;
	margin-bottom: 5px;
  font-size : 12px;
}

.fond
{
  position: absolute;
  left: 0px;
  top: 0px;
}

.news_texte
{
	text-align: left;
	margin-bottom: 10px;
  font-size : 12px;
}



.noborder
{
  border : solid 0px #7F9DB9;
}

.send
{
text-align:center;
}

.img
{
border:none;
}



.bouton
{
  background-image:url(../img/se_connecter_btn.jpg);
  border:none;
  left:10px;
}

.erreur
{
  color : red;

}

.paragraphe
{
	/*width:750px;*/
  width:68%;
	text-align:justify;
	margin-top:30px;
	margin-bottom:30px;

}

.paragraphe_decale
{
	/*width:600px;*/
  width: 65%;
  text-align:justify;
	margin-top:30px;
	margin-bottom:30px;
	margin-left:80px;
}

.paragraphe_titre
{
	font-weight: bold;
	color:#FA6507; /*orange*/
}


.msg_erreur
{
	color: red;
  font-size: 12px;
}

.msg_info
{
	color: #82a500;
}

textarea
{
	width:80%;
	height:150px;
}

.bouton:hover
{
  cursor:pointer;
  /*cursor:hand;*/
}

.center
{
  text-align : center;
}


.txt_gras
{
	font-weight: bold;
}


.membre_contenu
{
	position:relative;
	top:-15px;
	left:0px;
}

.message_erreur
{
	position:relative;
	top:-35px;
	color: red;
}

.barre_separation
{
	position:absolute;
	left:80px;
}

.photo
{
  width : 100px;
  border : 0px;
}

#pied
{
   /*top : 280px;*/
   /*left : 100px;*/
   text-align:center;
}





/***********************************
  Style des elements du formulaires
************************************/
input
{
  border : solid 1px #7F9DB9;
}

.noborder
{
  border : solid 0px #7F9DB9;
}

input.bouton:hover
{
  cursor:pointer;
  cursor:hand;
}

#puce
{
	list-style-image:url("../img/puce_v1.2.gif");
}

#partner 
{
	left:100px;
	text-align:center;
}


#heb
{
	margin-left:320px;
}

#adresse
{
	margin-left:250px;
}

#coordonnees
{
	margin-left:280px;
}

#info
{
	margin-left:310px;
}

h1
{

	font-weight:normal;
}

h2
{

	font-weight:normal;
}

h3
{
	font-weight:normal;
  font-size: 16px;
}

h4
{
	font-weight:normal;
}

h5
{

	font-weight:normal;
}

h6
{

	font-weight:normal;
}

p
{

	margin-left:0px;
}


#img_optibus
{
	/*position:absolute;
	top : 5 px;
  height: 50px;
  width: 50px;*/
}


#img_dev
{
	margin-left:440px;
	margin-top:-150px;
}


#text_contact
{
	margin-left:250px;
}

#texte_gris
{
	margin-left:250px;
}

#map
{
	margin-left:150px;
}

#text_accroche
{
	margin-left:100px;
}

#text
{
	margin-top:50px;
}


 .erreur
   {
     text-align:center;
	 color:#FF0000;
   }
   
   #catalogue
   {
     width:97%;
	 table-layout:fixed;
	 border-collapse:collapse;
   }
   
   #catalogue th
   {
     text-align:center;
	 border:solid 1px black;
	 color:#FFFFFF;
	 background-color:#656565;
   }
   
   #catalogue td
   {
     text-align:left;
	 border:solid 1px black;
	 font-size : 11px
   }
   
   #catalogue td.droite
   {
     text-align:right;
   }
   
   
   #catalogue #td_prixRevendeur
   {
     width:5%;
   }   
   
    #catalogue #td_fab
   {
     width:20%;
   }   
   
    #catalogue #td_des
   {
     width:45%;
   }   
   
    #catalogue #td_stock
   {
     width:5%;
   }   
   
    #catalogue #td_ref
   {
     width:15%;
   }   
   
   caption
   {
     height:30px;
   }
   
   
   select
   {
     font-size : 11px
   }
   
.pair
{
  color:#78A145; /*vert*/
}

.impair
{
  color:#FA6507; /*orange*/
}