@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";
/*------------------------------------------------------*
*-- appel des css --------------------------------------*
*------------------------------------------------------*/

/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web 02-04-2008  design : fred studio marseille--*
 *------------------------------------------------*/


html {
 margin: 0;
 padding: 0;
}


body {
  margin: 0;
  padding: 0;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 12px;
  background-color: #FAFAFA;
  color: #000;
  background-image: url(../images/deco/bg_body.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

p, form, input {
  margin: 0;
  padding: 0;
}

select {
  color: #000;
  background-color: #fff;
}



 /*------------------------------------------------------*
  *--------    CSS BLOCS                 ----*
  *------------------------------------------------------*/


#general{
  margin:0 auto;
  padding:0;
  width:100%;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: #FAFAFA;
}

/*Haut de page  HEADER*/

#header{
  padding:0;
  width:1026px;
  height:167px;
  background-color: #FAFAFA;
  background-image: url(../images/deco/bg_header.jpg);
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
#logo{
  margin:0;
  padding:45px 0 0 20px;
  float: left;
  width: 380px;
  }
/* index */
#content_index{
  padding:5px 0 0 0;
  width: 1026px;
  background-image: url(none);
  background-repeat: no-repeat;
  background-position: left bottom;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  }
#footer_index{
  width: 1026px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}
#footer_index a{
  color:#333333;
  text-decoration:none;
}

#footer_index a:hover{
  color:#FF0000;
}
/*Contenu de page  CONTENT */

#content {
  padding:25px 0 0 0;
  width: 1026px;
  background-image: url(../images/deco/bg_content.jpg);
  background-repeat: repeat-y;
  background-position: left bottom;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}
.separator {
  margin:10px;
  padding:0;
  height:2px;

}
/*/// debut des colonnes ///*/
#left_content{
  float:left;
  position:relative;
  background-color:#333;
  width:200px;
  left:70px;
}
#left_content h1{
  margin:0;
  padding:0;
  color:#FFF;
}
#left_content h4{
  margin:0;
  padding:0;
  color:#FFFF00;
}
/*/// partie de droite ///*/
#right_content{
  float:right;
  position:relative;
  right:65px;
  width: 446px;
}
#right_content h1{
  margin:0;
  padding:0;
  color:#000;
}
#right_content h4{
  margin:0;
  padding:0;
  color:#00FF00;
}
/*///    partie du centre   ///*/
#middle_content{
  float:left;
/*  position:relative;*/
  width:446px;
  padding-left: 70px;
}
#middle_content h1{
  margin:0;
  padding:15px;
  color:#333333;
  background-image: url(../images/deco/picto_dragon.gif);
  background-repeat: no-repeat;
  background-position: 15px 3px;
  text-indent: 52px;
  font-size: 24px;
}
#middle_content h4{
  margin:0;
  padding:0;
  color:#333333;
  font-size: 14px;
}
/*bloc texte*/
.bloc_txt_content_ht{
  background-image: url(../images/deco/bg_bloc_gen_ht.gif);
  background-repeat: no-repeat;
  background-position: left top;
  margin: 0;
  padding: 0;
  height: auto;
}
.bloc_txt_content_bas{
  margin: 0;
  padding: 5px;
  background-image: url(../images/deco/bg_bloc_gen_bas.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  height: auto;
  }
.bloc_txt{
/*  background-image: url(../images/deco/bg_bloc_zebra_rp.gif);
  background-repeat: repeat;
  background-position: left top;
*/  padding: 0;
  margin: 12px;
}
.bloc_txt p{
  background-image: url(../images/deco/puce_texte_gen_bottright.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  margin: 0;
  padding-top: 15px;
  padding-right: 0;
  padding-left: 0;
}
.bloc_txt .lien-content-index {
  background-image: none;
  /*background-repeat: no-repeat;
  background-position: right bottom;*/
  margin: 0;
  padding-top: 10px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0;
  height: 30px;
}
.contact{
  background-image: none;
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.bloc_txt a{
  color: #E42421;
  font-weight: bold;
  text-decoration: none;
}
.lien-content-index a:hover{
  text-decoration: none;
  background-color: #333333;
  color: #FFFFFF;
}
/*bloc actu nouveaute*/
#content_fiches{
  width: 895px;
  margin: 0 auto;
  padding: 0;
}
.bloc_actu_content_ht_tour {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 15px 0 0 0;
  background-image: url(../images/deco/bg_bloc_actu_ht_event.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 870px;
  }
.bloc_actu_content_ht_nouv {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 15px 0 0 0;
  background-image: url(../images/deco/bg_bloc_actu_ht_nouv.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 870px;
  }
  .bloc_actu_content_ht_event {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding: 15px 0 0 0;
  background-image: url(../images/deco/bg_bloc_actu_ht_event.gif);
  background-repeat: no-repeat;
  background-position: left top;
  width: 870px;
  }
.bloc_actu_content_bas{
  padding: 0;
  background-image: url(../images/deco/bg_bloc_actu_bas.gif);
  background-repeat: no-repeat;
  background-position: left bottom;
  width: 870px;
  padding-bottom: 25px;
  float: none;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  }
.bloc_actu{
  background-image: url(../images/deco/bg_bloc_repet.gif);
  background-repeat: repeat-y;
  background-position: left;
  width: 870px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-right: 0px;
  padding-bottom: 5px;
  padding-left: 0px;
  }
.bloc_actu img {
  padding-right: 10px;
  padding-left: 0px;
  margin-bottom: 5px;
  margin-top:9px;
  float: left;
}
.bloc_actu h5{
  font-size: 14px;
  background-color: #F0F0F0;
  margin: 0;
  color: #E42423;
  font-weight: bold;
  /*background-image: url(../images/deco/picto_dragon.gif);
  background-repeat: no-repeat;
  background-position: left top;*/
  height: 28px;
  /*margin-top: 15px;*/
}
.bloc_actu h6{
  font-size: 12px;
  background-color: #F0F0F0;
  margin: 0px;
  color: #E42423;
  font-weight: bold;
  text-align: left;
}
.bloc_actu p{
  margin: 0;
  width: auto;
  padding-top: 0;
  padding-right: 5px;
  padding-bottom: 0px;
  padding-left: 0;

  }
.bloc_actu a{
  margin: 0;
  padding: 0;
  }
.bloc_actu a:hover{}
.bloc_actu .prix{
  background-color: #CCCCCC;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-right: 5px;
}
.bloc_actu .prix p {
  width: auto;
}
.bloc_actu .prix h2 {
  margin: 0;
  padding: 0;
  text-align: right;
}
.bloc_actu .descriptif{
  background-color: #F0F0F0;
  margin-top: 2px;
  margin-right: 15px;
  margin-bottom: 0px;
  margin-left: 15px;
  padding-bottom: 18px;
  padding-left: 10px;
  padding-top: 5px;
  clear: both;
}
.bloc_actu .des{
  background-image: url(../images/deco/puce_actu_gen_bottright.gif);
  background-repeat: no-repeat;
  background-position: right bottom;
  height: 90px;

}
/*********************/
/****deco****/
.bloc_deco_ht{}
/********************/
/* liens ****/
.lien{
  margin:0;
  padding:20px 0 0;
  width: 446px;
  background-image: url(../images/deco/bg_bloc_lien.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 90px;
  }
.lien a{
  margin:35px 0pt 0pt 45px;
  padding:0;
  color: #E52321;
  text-decoration: none;
  font-weight: bold;
  font-size: 14px;
  }
.lien a:hover{
  color: #FFFFFF;
  background-color: #19171C;
  text-decoration: none;

  }


/*************/
/*gmaps*/
#gmaps{
  margin: 0;
  width: 400px;
  padding: 0 5px;
}
#gmaps a{
  text-decoration: none;
  color: #E42423;
}
#gmaps a:hover{
  background-color: #19171C;
  color: #FFFFFF;
}
/***************************/
/*/// fin des colonnes ///*/

/*Bas de page  FOOTER*/

#footer{
  width:1026px;
  text-align: center;
  color: #333333;
  background-image: url(../images/deco/bg_footer.jpg);
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  padding-top: 30px;
  padding-right: 0;
  padding-bottom: 10px;
  padding-left: 0px;
  height: 138px;
  background-repeat: no-repeat;
  background-position: left top;
}

#footer a{
  color:#333333;
  text-decoration:none;
}

#footer a:hover{
  color:#FF0000;
}
/***********************/
/****swfobject********/
/********************/
#diapo_visite{
  width: 400px;
  margin: 0 auto;
  padding: 15px 0 5px;
  height: 320px;
}
#anim_index{
  width: 800px;
  margin: 0 auto;
  height: 500px;
}
/*classe clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/

h1 {
  margin:0 0 0 75px;
  padding:15px;
  color:#333333;
  background-image: url(../images/deco/picto_dragon.gif);
  background-repeat: no-repeat;
  background-position: 15px 3px;
  text-indent: 52px;
  font-size: 24px;
}

h2 {
  margin: 0;
  padding: 0;
  color:#333333;
  font-size: 14px;
  text-align: center;
}

h3 {
  margin: 0;
  padding: 0;
  color:#000;
}
h4 {
  margin: 0;
  padding: 0;
  color:#000;
}
h5 {
  margin: 0;
  padding: 0;
  color:#333333;
  font-size: 14px;
  font-weight: normal;
}
h6 {
  margin: 0;
  padding: 0;
  color:#333333;
  font-size: 9px;
  text-align: center;
}

 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/

ul#navpage{
    margin:0;
    padding:10px 45px 10px 0;
    list-style-type:none;
    font-size:0.9em;
    text-align:left;
}

ul#navpage li{
    margin:0 0 0 3px;
    padding:0;
    display:inline;
}

ul#navpage a{
    color:#891311;;
    text-decoration:none;
    /*text-decoration:underline;*/
}

ul#navpage a:hover{
    text-decoration: none;
    color: #DB2A24;
}

ul#navpage a.texte_page{
    font-weight : bold;
    font-size   : 12px;
    color       : #FFF;
    background  : #891311;
}


ul#navpage .inactif {
    color: #000;
}