body{
  background: url('./images/background.jpg') no-repeat top left;
  background-color: #fff;
  font-family:'Verdana', Arial, Helvetica, sans-serif;
  margin:0px;
  padding:0px;
  color:white;
}

a{ color:#303030; text-decoration:underline; }

a:hover{ color:white; text-decoration:none;}

#clear{ position:relative; clear:both;}

#conteneur{
  position:relative;
  width:885px;
  margin-left:10px;
  margin-top: 120px;
}

#header{

  background: url('/templates/ja_larix/images/logo.gif') no-repeat scroll 0 0 transparent;
  position:relative;
  width:885px;
  margin-left:134px;
  margin-top: 0px;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/




/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
/*La societe*/
.icone3 {
  position:absolute;
  top: 0px;
  left: 290px;
  width: 250px;
  margin-right: 10px;
  margin-left: 10px;
}
/*Offres professionel*/
.icone4 {
  position:absolute;
  top: 130px;
  left: 60px;
  width: 230px;
  margin-right: 10px;
  margin-left: 10px;
}
/*Offres particuliers*/
.icone2 {
  position:absolute;
  top: 130px;
  left: 520px;
  width: 230px;
  margin-right: 10px;
  margin-left: 10px;
}

/*Offres particuliers*/
.icone1 {
  position:absolute;
  top: 300px;
  left: 460px;
  width: 230px;
  margin-right: 10px;
  margin-left: 10px; 
}
/*Vente en ligne*/
.icone1 {
  position:absolute;
  top: 300px;
  left: 0px;
  width: 230px;
  margin-right: 10px;
  margin-left: 10px; 
}
/*Solution logiciel*/
.icone5 {
  position:absolute; 
  top: 300px;
  left: 580px;
  width: 230px;
  margin-right: 10px;
  margin-left: 10px;
}
#menubas{
  position:absolute;
  top: 500px;
}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/





/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.icone1 { 
  letter-spacing: 6px;
  font-size: 11pt;
  text-align:center;
  z-index:200;
}
.icone1 img { border: none; }
.icone1 a { color: #ee7f01; text-decoration: none;}
.icone1 a:hover { color: #909090; text-decoration: none;}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.icone2 { 
  letter-spacing: 6px;
  font-size: 11pt;
  text-align:center;
  z-index:200;
}
.icone2 img { border: none;}
.icone2 a { color: #ee7f01; text-decoration: none;}
.icone2 a:hover { color: #909090; text-decoration: none;}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.icone3 { 
  letter-spacing: 6px;
  font-size: 11pt;
  text-align:center;
  z-index:200;
}
.icone3 img { border: none; }
.icone3 a { color: #ee7f01;text-decoration: none;}
.icone3 a:hover { color: #909090; text-decoration: none;}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.icone4 { 
  letter-spacing: 6px;
  font-size: 11pt;
  text-align:center;
  z-index:200;
}
.icone4 img { border: none;}
.icone4 a { color: #ee7f01; text-decoration: none;}
.icone4 a:hover { color: #909090; text-decoration: none;}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/
.icone5 { 
  letter-spacing: 6px;
  font-size: 11pt;
  text-align:center;
  z-index:200;
}
.icone5 img { border: none;}
.icone5 a { color: #ee7f01; text-decoration: none;}
.icone5 a:hover { color: #909090; text-decoration: none;}
/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*/


.cache{
  position:absolute;
  top:0px;
  left:0px;
  background-color:#D0D0D0;
  width:230px;
  height:160px;
  z-index : 170;
}

.expliq { 
  position: absolute;
  background-color: #303030;
  font-size: 0.7em;
  letter-spacing:0px;
  text-align: left;
  width: 260px;
  padding: 5px;
  left: 5px;
  top: 125px;
  z-index: 170;
  display : none;
}

.expliq_btn4{ 
  position: absolute;
  background-color: #303030;
  font-size: 0.7em;
  letter-spacing:0px;
  text-align: left;
  width: 300px;
  padding: 5px;
  left: 5px;
  top: 145px;
  z-index: 170;
  display : none;
}

.expliq3 { 
  position: absolute;
  background-color: #303030;
  font-size: 0.7em;
  text-align: left;
  letter-spacing:0px;
  width: 300px;
  padding: 10px;
  left: -30px;
  top: 145px;
  z-index: 170;
  display : none;
}

.expliq2 { 
  position: absolute;
  background-color: #303030;
  font-size: 0.7em;
  text-align: left;
  letter-spacing:0px;
  width: 215px;
  padding: 5px;
  left: 10px;
  top: 145px;
  z-index: 170;
  display : none;
}

.expliq4 { 
  position: absolute;
  background-color: #202020;
  font-size: 0.7em;
  text-align: left;
  letter-spacing:0px;
  width: 215px;
  padding: 5px;
  left: 0px;
  top: 165px;
  z-index: 170;
  display : none;
}

#menubas{
  text-align:left;
  font-size:0.8em;
  font-weight : bold;
}

#menubas a{
  color:ee7f01;
  text-decoration:none;
}

#menubas a:hover{
  color:#ee7f01;
  text-decoration:none;
}

embed{
  margin-top : 50px;
}

#flash{
  position : relative;
  z-index : 0;
  margin-left : auto;
  margin-right : auto;
}

#fermernews{
  position : absolute;
  right : 50px;
  top : 60px;
}

#fermeroffres{
  position : absolute;
  right : 70px;
  top : 60px;
}

#news{
  display:none;
  background-image : url('../dist/images/bulle_news.jpg');
  background-position : center center;
  background-repeat : no-repeat;
  position:absolute;
  float:left;
  text-align:left;
  z-index:215;
  width : 620px;
  height : 470px;
  padding-left : 70px;
  padding-right : 40px;
  padding-top : 50px;
  padding-bottom : 30px;
  color:#7b797a;
  overflow : hidden;
  filter : alpha(opacity=0);
  opacity : 0;
}

#news label{
  width : 300px;
  font-size : 90%;
  color : #ee7f01;
}
#news a{text-decoration:none; color:#ff9900;}
#news a:hover{text-decoration:underline; color:#7b797a;}

#offres{
  display:none;
  background-image : url('../dist/images/bulle_offres.jpg');
  background-position : center center;
  background-repeat : no-repeat;
  position:absolute;
  float:left;
  text-align:left;
  z-index:215;
  width : 620px;
  height : 470px;
  padding-right : 60px;
  padding-left : 50px;
  padding-top : 50px;
  padding-bottom : 30px;
  color:#7b797a;
  overflow : hidden;
  filter : alpha(opacity=0);
  opacity : 0;
}

#offres label{
  width : 300px;
  font-size : 90%;
  color : #ee7f01;
}

#offres a {text-decoration:none; color:#ff9900;}
#offres a:hover{text-decoration:underline; color:#7b797a;}

#drapeau_vide{
  float: left;
  position: relative;
  left : 200px;
}

.drapeaux{
  position:relative;
  float: left;
  width:55px;
  margin-left:5px;
  margin-right:5px;
}

.drapeaux_texte{
 text-align:center;
 font-size: 55%;
 width : 100%;
}

.drapeaux_texte a{text-decoration:none;}
.drapeaux_texte a:hover{text-decoration:none;}

.drapeaux img{
  border:1px solid #ee7f01;
}

.divscroll{
  position : relative;
  height : 400px;
  overflow-y : auto;
}