@import url("ie.css");/* STYLE SPECIFIQUE IE */

body{
background-color: #FFF;
background-image: url(../images/fond-page.jpg);
background-repeat: repeat-x;
background-position: top;	
}

body,form,td { font-family: Verdana,Arial, Helvetica, sans-serif; font-size: 11px;text-align: justify; text-indent: 0cm;}


.titre				{font-family: Arial;font-size: 18; color:  #749BD2; font-weight: bold; text-align :left}
.sstitre			{font-family: Arial;font-size: 12; color:  #B10303; font-weight: bold; text-align :left}
.texte				{font-family: arial;font-size: 12; color: #000000; margin-right:10; text-align :left}
.textecenter				{font-family: arial;font-size: 12; color: #000000; margin-right:10; text-align :center}
.textejustify	{font-family: arial;font-size: 12; color: #4D4D4D;margin-right:10; text-align:justify}
.textegrasadd	{font-family: arial;font-size: 12; color: #FFFFFF; margin-right:10; font-weight: bold; text-align:left}
.texteblanc		{font-family: arial;font-size: 10; color: #FFFFFF; margin-right:10; text-align:justify}
.textebas		{font-family: arial;font-size: 10; color: #FFFFFF; margin-right:10; text-align:justify}

input
{
	color:#222222; 
	background-color:#ffffff; 
	/* font: Arial 9px italic; */
	font-size:9px; 
	font-family:Arial; 
	/* font-style: italic ; */
	border-style :solid; 
	border-color : #CDCDCD;
	border-width:1pt;
}

a.LienHaut{font-family: times; color:#3965B5; font-size : 12px ; text-decoration : none ; font-weight:bold; text-align : center; text-transform: uppercase}
a.LienHaut:hover{font-family: times; color:#FFFF00 ; font-size : 12px ; text-decoration : none; font-weight: bold; text-transform: uppercase} 

a.LienText{color:#EF7310; font-size : 12px ; text-decoration : none ; font-weight:normal; text-align : left }
a.LienText:hover{color:#EF7310 ; font-size : 12px ; text-decoration : underline; font-weight:normal;}


a.LienMenu{color:#7A92BE; font-size : 12px ; text-decoration : none ; font-weight:bold; text-align : left }
a.LienMenu:hover{color:#FFC000 ; font-size : 12px ; text-decoration : none; font-weight: bold}

a.LienBas{color:#FFFFFF; font-size : 10px ; text-decoration : none ; font-weight:normal; text-align : center }
a.LienBas:hover{color:#FFFFFF ; font-size : 10px ; text-decoration : underline; font-weight:normal;}

/* Ben Bordel */

.w120{width:120px; height:110px;}
form{margin:5px;color:#FFF}

.top{width:500px;}
img{border:0px;}
p {margin-left:20px;}
h1{font-family:verdana;font-size:12px;font-weight:normal;margin:0px;padding:0px;}
.right{text-align:right;}
table.e0,table.e1{
	background:#FFF;font-family:verdana;font-size:13px;font-weight:normal;}/* border:1px solid #000; */
table.e1 {width:300px;}
table.contenu{width:720px;}/* PRESENCE DE MARGES DANS LA DIV ATROCE DU CONTENU DE PAGE !! */
.recap,.recap td{border:1px #DDD solid;font-size:13px;margin:0px;}
select,input,textarea,option{font-family:verdana;font-size:13px;}
select.s1,input.s1,textarea.s1{background-color:#eee;width:190px;}
input.radio{
	background-color:transparent; 
	border-width:0pt;
	}
	
	
/* select.s1 option{width:300px;} */
.radio{text-align:right;}/* afin de neutraliser l'effet précédent sur les input type radio & checkbox */
td.panier{width:1%;border-left-color: #DDD;border-left-width: 1px;border-left-style: solid;vertical-align:top;}

a.info {
  position:relative;
  border-bottom:1px dashed #808080;
  text-decoration: none; 
  font-weight: bold;
}
a:hover.info {
/*   text-decoration: none;
  background: none;
  z-index:30; */
}
a.info span {
	display: none;
	margin:20px;
}
a:hover.info span {
  display:inline;
  position:absolute; /*  center:0px */
  z-index: 20;
  background: #FFF;	/* #A2B0E5; */
  border:1px solid #000;
  width:250px;
  text-align:center;
  color:#000;
  font-weight:normal;
  font-size: 12px;
  /* line-height:12px; */
  font-weight:bold;
  font-family:verdana,arial;
  /* padding:2px 4px; */
  margin:0px;
  padding:5px;
  /* margin-left:25px; */
}
     .trigger {
        border: 1px solid #A9A9A9;
        background: #FFFFFF url(inputback.gif) top repeat-x;
        padding: 2px;
        display: block;
        width: 20em;
        color: #000000;
        text-decoration: none;
      }
      
      .activetrigger {
        border: 1px solid #A9A9A9;
        background: #F5F5F5 url(inputback.gif) top repeat-x;
        padding: 2px;
        display: block;
        width: 20em;
        color: #000000;
        text-decoration: none;
      }
      
      div.arrow {
        background: url(arrow_down.jpg) no-repeat;
        width: 15px;
        height: 15px;
        float: right;
      }
      
      .dropcontainer ul {
        border: 1px solid #000000;
        background: #FFFFFF;
        list-style-type: none;
        padding: 0;
        margin: 0;
        width: 30em;
        height: 8em;
        position: absolute;
        overflow:auto;
      }
      
      .dropcontainer ul li {
        list-style-type: none;
        list-style-image: none;
        text-indent: 0;
        padding: 0;
        margin: 0 10px 0 0;
      }
      
      .dropdownhidden {
        top: 0;
        left: -999em;
      }
      
      .dropdownvisible {
        top: 0;
        left: 0;
      }
      
      .dropcontainer ul a {
        padding: 2px;
        margin: 0;
        display: block;
        text-decoration: none;
        color: #000000;
      }
      
      .dropcontainer ul a:hover {
        background: #B4B4B4;
      }
      
      .dropcontainer {
        position: relative;
      }.textesmall {  font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #666666; text-decoration: none}