* {
    margin:                 0;
    padding:                0;
}

body {
    background:             #e7eef6;
    font:                   .8em/1.3em arial, helvetica, sans-serif;
    text-align:             center;
    background:             #dfe1dc url(images/background_body.jpg) repeat-x top left;
}
table {
    clear:                  both;
    margin:                 30px 20px 30px 50px;
    padding:                0;
    font:                   12px arial, helvetica, sans-serif;
    
}

td.table-titre {

      font-size :               11px;
      font-family :             Verdana, arial, helvetica, sans-serif;
      color :                   #FFFFFF;
      text-align :              center;
      vertical-align:           middle;
      font-weight :             bold;
      background-color :        #fc621a;
}
td.ligne2-centre {

   font-size :              11px;
   font-family :            Verdana, arial, helvetica, sans-serif;
   color :                  #333333;
   text-align:              left;
   background-color :       #e9e6e6;
}

/** container *****************************************************************/

#container {
    position:               relative;
    width:                  990px;
    margin:                 0 auto;
    /*padding:                2px;*/
    /*background:             url(images/container.jpg) no-repeat right top;*/
    /*border:                 1px solid #878787;*/
    text-align:             left;
}



/** header ********************************************************************/

#header {
    position:               relative;
    height:                 182px;
    width:                  990px;
    background:             url(images/_header.jpg) no-repeat;
}


/** navbar (navigation sup) ***************************************************/
#navbar {
    z-index:                100;
    background:             transparent url(images/navbar/nav_background.jpg) no-repeat top left;
}

#navbar #nav {
    position:               relative;
    z-index:                101;
    width:                  990px;
    height:                 36px;
    margin-left:            21px;
    background:             transparent;
}

#nav li {
    display:                block;
    float:                  left;
    width:                  120px;
    height:                 36px;
    background:             url(images/navbar/li.gif) no-repeat top left;
    text-align:             center;
}

#nav li a:link,
#nav li a:visited {
    display:                block;
    padding-top:            12px;
    color:                  #fff;
    font-weight:            bold;
    font-style:             italic;
    font-size:              17px;
    letter-spacing:         -0.1px;
    width:                  120px;
    height:                 24px;
    text-decoration:        none;
}

#nav li a:hover {
    background:             transparent url(images/navbar/li_hover.gif) no-repeat top left;
    width:                  120px;
    height:                 36px;
    color:                  #fff;
    font-weight:            bold;
}

#nav li a:link.selected,
#nav li a:visited.selected {
    background:             transparent url(images/navbar/li_hover.gif) no-repeat top left;
    width:                  120px;
    height:                 36px;
    color:                  #fff;
    font-weight:            bold;
}

/** content *******************************************************************/

#content {
	float:				       left;
	width:				       990px;
	min-height:		       680px;
	height:				       680px!important;	
  height:				       auto!important;
  margin-top:          0px;
	background:			     transparent url(images/background_content.gif) repeat-y top left;
}

#content table td {
    
    vertical-align:         top;
    padding:                5px;
}

#content table td p {
    margin:                 10px 0;
    padding:                0;
}
#content table td ul {
    margin:                 10px 0;
    padding:                0 20px;
}

#content table td li {
    display:                list-item;
    list-style-type:        square;
    padding:                0;
    background:             0;
}

/** leftblock *****************************************************************/

#leftblock {
  float:                  left;
  width:                  233px;
  padding-left:            26px;
  background:             transparent;
}

/**--> Navigation secondaire du block gauche **********************************/

#navbar_g {
    z-index:                100;
}

#navbar_g #nav_g {
    position:               relative;
    z-index:                101;
    width:                  205px;
    margin-top:             0px;
    margin-left:            2px;
    background:             transparent;
}

#navbar_g #nav_g ul {
    list-style:             none;
}

#nav_g li {
    display:                block;
    float:                  left;
    margin-top:             10px;
    width:                  205px;
    height:                 36px;
    text-align:             left;
    background:             url(images/pictos/main_verte.jpg) no-repeat center left;
}

#nav_g li a:link,
#nav_g li a:visited {
    display:                block;
    padding-top:            10px;
    margin-left:            18px;
    color:                  #1f2219;
    font-weight:            bold;
    font-style:             italic;
    font-size:              15px;
    width:                  180px;
    height:                 30px;
    text-decoration:        none;
    border-bottom:          1px dotted #b7b9ab;
}

#nav_g li a:hover {
    width:                  180px;
    height:                 30px;
    color:                  #5ba325;
    font-weight:            bold;
}

#nav_g ul li a:link.selected,
#nav_g ul li a:visited.selected {
    color:                  #5ba325;
}

/**--> Push du block gauche ***************************************************/

#push1, #push2 {
    float:                  left;
    width:                  205px;
    margin-top:             25px;
    margin-left:            5px;
    border-left:            3px solid #777777;     
}

#push1 h2,
#push2 h2 {
    padding-left:           5px;
    color:                  #f48f01;
    font-variant:           small-caps;
    font-size:              14px;
    font-weight:            bold;
    font-style:             italic;
}

#push1 h3,
#push2 h3 {
    padding-left:           5px;
    color:                  #595959;
    font-variant:           small-caps;
    font-size:              12px;
    font-weight:            normal; 
    font-style:             italic;
}

#push1 a:link,
#push2 a:link, 
#push1 a:visited,
#push2 a:visited {
    padding-left:           5px;
    color:                  #00b10b;
    font-size:              12px;
    font-weight:            bold; 
    text-decoration:        underline;
}

#push1 a:hover,
#push2 a:hover {
    text-decoration:        none;
}

#push_contact {
    float:                  left;
    width:                  205px;
    height:                 76px;
    margin-top:             25px;
    margin-left:            0px;
    margin-bottom:          80px;
    background:             url(images/background_contact.jpg) no-repeat center left;
}

#push_contact p {
  padding-left:             86px;
  font-size:                11px;
  color:                    #595959;
}

#push_contact a:link,
#push_contact a:visited {
    padding-left:           86px;
    color:                  #00b10b;
    font-size:              11px;
    font-weight:            bold; 
    text-decoration:        underline;
}

#push_contact a:hover {
    text-decoration:        none;
}

#push_contact span.telephone {
    padding-left:           99px;
    font-size:              16px;
    font-weight:            bold;
    color:                  #00b10b;
}

/** middleblock ***************************************************************/
#middleblock {
  float:                  left;
  width:                  467px!important;
  background:             #fff;
  border-left:            1px dashed #b7b9ab;
}

#animation {
  margin-top:             13px;
  width:                  445px;
}

#alerte_mail {
  width:                  427px;
  margin-top:             10px;
  margin-left:            10px;
  border-top:             3px double #e6e7e1;
  border-bottom:          3px double #e6e7e1;
  background:             #fff url(images/giro.jpg) no-repeat right;
}

#alerte_mail #texte_mail {
  width:                  300px;
}

#middleblock li {
  padding-left:           20px;
  margin-bottom:          10px;
  color:                  #535152;
  background:             #fff url(images/pictos/fleche_verte.gif) no-repeat;
}

#middleblock h2.first {
  padding-top:            15px;
  padding-bottom:         15px;
  font-size:              20px;
  color:                  #535152;
  font-style:             italic;
  font-weight:            normal;
}

#middleblock h2.second {
  margin-left:            10px;
  padding-top:            15px;
  padding-bottom:         15px;
  font-size:              17px;
  color:                  #535152;
  font-style:             italic;
  font-weight:            bold;
}

#middleblock h2.third {
  margin-left:            10px;
  padding-top:            15px;
  padding-bottom:         15px;
  font-size:              17px;
  color:                  #535152;
  font-style:             italic;
  font-weight:            bold;
  border-bottom:          1px dotted #e6e7e1;
}

#middleblock span.orange {
  font-size:              18px;
  color:                  #fc621a;
  font-style:             italic;
}

#middleblock ul {
  list-style:             none;
}

#middleblock li {
  padding-left:           20px;
  margin-bottom:          0px;
  color:                  #535152;
  text-align:             justify;
  background:             #fff url(images/pictos/fleche_verte.gif) no-repeat;
}

#block_credit {
  width:                  427px;
  height:                 120px;
  margin-top:             10px;
  margin-bottom:          40px;
  margin-left:            10px;
  /*padding-left:           95px;*/
  /*background:             #fff url(images/credit/credit.jpg) no-repeat top left;*/  
}

#block_artiste {
  width:                  427px;
  height:                 120px;
  margin-top:             10px;
  margin-left:            10px;
  /*padding-left:           95px;*/
  /*background:             #fff url(images/artiste/artiste.jpg) no-repeat top left;*/  
}

#block_credit img, 
#block_artiste img {
  border:                 none
}

#block_credit #illustration_credit {
  float:                  left;
  width:                  95px;

}

#block_artiste #illustration_artiste {
  float:                  left;
  width:                  95px;

}

#block_credit #texte_credit,
#block_artiste #texte_artiste {
  float:                  left;
  width:                  332px;
}

#block_artiste h3 {
  width:                  305px;
  margin-bottom:          15px;
  font-size:              17px;
  font-style:             italic;
  color:                  #348cd3; 
}

/** middleblock_nohome ***************************************************************/
#middleblock_nohome {
  float:                  left;
  width:                  680px!important;
  background:             #fff;
  padding-top:            15px;
  padding-left:           20px;
  border-left:            1px dashed #b7b9ab;
}

#middleblock_nohome h2 {
  padding-top:            15px;
  padding-bottom:         5px;
  font-size:              20px;
  color:                  #535152;
  font-style:             italic;
  font-weight:            bold;
}

#middleblock_nohome h3 {
  padding-top:            10px;
  padding-bottom:         15px;
  font-size:              16px;
  color:                  #fc621a;
  font-style:             italic;
  font-weight:            bold;
}

#middleblock_nohome p {
  color:                  #535152;
  text-align:             justify;
  padding-top:            10px;
  padding-bottom:         15px;
}

#middleblock_nohome p.warning {
  color:                  #535152;
  text-align:             justify;
  padding-top:            10px;
  padding-bottom:         15px;
  font-weight:            bold;
}

#middleblock_nohome ul {
  list-style:             none;
}

#middleblock_nohome li {
  padding-left:           20px;
  color:                  #535152;
  text-align:             justify;
  background:             #fff url(images/pictos/fleche_verte.gif) no-repeat;
}

#middleblock_nohome img.left {
  float:                  left;
  border:                 none;
  padding-right:          10px;
}

#middleblock_nohome img.right {
  float:                  right;
  border:                 none;
  padding-left:           10px;
}

#middleblock_nohome fieldset {
  border:                 1px solid #5aa026;
  margin-bottom:          20px;
}

#middleblock_nohome legend {
  color:                  #535152;
  font-size:              14px;
  font-weight:            bold;
  padding:                0 5px 0 5px;
}

#middleblock_nohome table.contact {
  padding:                10px 0 10px 10px;
}

#middleblock_nohome td.contact_title {
  color:                  #535152;
  font-size:              12px;
  font-weight:            bold;
  width:                  100px;
  height:                 25px;
}

#middleblock_nohome td.contact_input {
  color:                  #535152;
  font-size:              12px;
  font-weight:            normal;
  width:                  250px;
  height:                 25px;
}

#middleblock_nohome input.contact {
  color:                  #535152;
  font-size:              12px;
  font-weight:            normal;
  width:                  200px;
  border:                 1px solid #b7b9ab;
}

#middleblock_nohome textarea {
  color:                  #535152;
  font-size:              12px;
  font-weight:            normal;
  width:                  530px;
  height:                 200px;
  border:                 1px solid #b7b9ab;
}

#middleblock_nohome p.information {
  float:                  right;
  color:                  #535152;
  font-size:              10px;
  font-style:             italic;
  padding:                0 50px 0 0;
}

#middleblock_nohome input.contact_inputbtn {
  color:                  #535152;
  font-size:              12px;
  font-weight:            normal;
  width:                  250px;
  border:                 1px solid #b7b9ab;
}

#middleblock_nohome legend.mention_contact {
  color:                  #535152;
  font-size:              12px;
  font-weight:            bold;
  padding:                0 5px 0 5px;
}

#middleblock_nohome p.mention_contacttxt {
  color:                  #535152;
  font-size:              10px;
  font-style:             normal;
  text-align:             justify;
  padding:                10px!important;
}

#middleblock_nohome p.contact_correct {
  color:                  #535152;
  font-size:              12px;
  font-style:             normal;
  text-align:             justify;
  padding:                10px!important;
}

#middleblock_nohome p.parrainnage {
  color:                  #535152;
  font-size:              12px;
  font-style:             normal;
  text-align:             justify;
  font-weight:            bold;
  padding:                5px 0 2px 10px!important;
  border-bottom:          2px solid #00ac20;
}

#middleblock_nohome p.info_form_parrain {
  color:                  #535152;
  font-size:              12px;
  font-style:             normal;
  text-align:             justify;
  font-weight:            normal;
  padding:                5px 0 5px 10px!important;
}

#middleblock_nohome select.parrainage {
  color:                  #535152;
  font-size:              12px;
  font-weight:            normal;
  width:                  200px;
  border:                 1px solid #b7b9ab;
}


#middleblock_nohome a:link,
#middleblock_nohome a:visited {
    padding-left:           5px;
    color:                  #00b10b;
    font-size:              12px;
    font-weight:            bold; 
    text-decoration:        underline;
}

#middleblock_nohome a:hover {
    text-decoration:        none;
}
/** rightblock *****************************************************************/
#rightblock {
  float:                  left;
  width:                  240px;
  background:             #fff;
}

#push_choisir {
    float:                  left;
    width:                  233px;
    height:                 50px;
    margin-top:             25px;
    margin-left:            5px;
    border-left:            3px solid #e5760a;
}

#push_choisir #texte {
    width:                  250px;
    margin-left:            5px;
    color:                  #797979;
    font-weight:            14px;
    font-style:             italic;
}

#push_choisir h2 {
    margin-left:            5px;
    color:                  #797979;
    font-variant:           small-caps;
    font-size:              14px;
    font-weight:            bold;
    font-style:             italic;
}

#rightblock img {
    border:                 none;
    margin-top:             23px;
}

/** Footer ********************************************************************/

#footer {
  width:                  990px;
  height:                 36px;
  background:             url(images/footer.jpg) no-repeat;
  clear:                  both;
  overflow:               hidden;
}

#footer p {
  padding-top:            10px;
  padding-left:           60px;
  color:                  #504943;
  font-size:              11px;
}

#footer a:link,
#footer a:visited {
  color:                  #504943;
  font-size:              11px;
  text-decoration:        none;
}

#footer a:hover {
  text-decoration:        underline;
}

#footer a:link.selected,
#footer a:visited.selected {
    text-decoration:        underline;
}