/* Feuille de style pour le contenu des pages
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";


.invisible
{
	display:none;

}

#texte h1{
    font-family:tahoma;
    font-size:18px;
    line-height:18px;
    padding-left:50px;
    padding-bottom:10px;
    color:#F3D406;
    text-align:left;
}

#texte h1 a:link, #texte h1 a:visited{
  text-decoration:underline;
  color:#F3D406;
}

#texte h1 a:hover, #text h1 a:active{
  text-decoration:none;
  color:#F3D406;
}

#texte h2{
    font-family:tahoma;
    font-size:16px;
    height:16px;
    line-height:16px;
    color:#F3D406;
    margin-top:5px;
}

.size-small{
  margin-left:23px;
  display:inline;
  float:left;
  margin-top:15px;
}

.line{
  border-top:solid 1px #F3D406;
  height:1px;
}

.promos{
 width:469px;
 float:left;
}

    .photo-box{
    width:369px;
    margin:0 auto;
    }

        .produit{
        width:106px;
        text-align:center;
        float:left;
        }

            #texte a.designation-prod:link,#texte a.designation-prod:visited{
             font-weight:normal;
             font-family:tahoma;
             font-size:10px;
             text-transform:uppercase;
             color:#5B5B5B;
             height:20px;
            }

             #texte a.designation-prod:hover,#texte a.designation-prod:active{
             font-weight:normal;
             font-family:tahoma;
             font-size:10px;
             text-transform:uppercase;
             color:#5B5B5B;
             height:20px;
            }

            .prod-roubrique{
              font-family:tahoma;
              font-size:10px;
              color:#000000;
            }

            .prix{
              font-family:tahoma;
              font-weight:bold;
              color:#1365AD;
              font-size:10px;
            }

                .barre{
                  color:#686868;
                  text-decoration: line-through;
                }

           #texte a.savoir:link,#texte a.savoir:visited{
             color:#F3D406;
             font-size:10px;
           }
           #texte a.savoir:hover,#texte a.savoir:active{
             color:#F3D406;
             font-size:10px;
           }

.box{
  margin:10px 0;
  width:178px;
  height:220px;
  float:left;
  margin-left:3px;
  display:inline;
  padding:10px 0;
  background:#fff url(../images/charte/produit-line.gif) repeat-x left top;
}


.coup{
  width:242px;
  float:left;
  margin-left:17px;
  display:inline;
  height:20px;

}

    .coup-title{
      background: url(../images/charte/bg-couptitre.gif);
      height:35px;
      padding-top:2px;
      width:242px;
      margin-top:10px;
      font-family:tahoma;
      font-size:12px;
      line-height:12px;
      font-weight:bold;
      color:#ffffff;
      text-align:center;
     }

     #texte div.prod-coup{
       width:200px;
       height:322px;
       background: url(../images/charte/prod-coup.gif) no-repeat left top;
       font-family:tahoma;
       font-size:11px;
       text-align:justify;
       color:#E3E4E4;
       padding-left:20px;
       padding-right:22px;
     }

     .border{
       border:solid 3px #F3D406
     }

     #Images{
       width:236px;
       float:left;
       margin-right:30px;
       display:inline;
     }

     #showImage{
        width:236px;
        height:236px;
     }

     .prod-title{
       font-family:tahoma;
       font-size:12px;
       font-weight:bold;
       text-transform:uppercase;
     }

     .descriptif{
       padding-top:15px;
       padding-right:20px;
       line-height:15px;
       font-family:tahoma;
       font-size:11px;
       color:#000;
     }


    .input-mail1{
      float:left;
      padding-top:1px;
      width:100px;
      height:14px;
      border:solid 1px #CDD1D6;
      background:#ffffff;
      font-family:tahoma;
      font-size:11px;
      line-height:11px;
    }

    #texte a{
      text-decoration:none;
    }


    #texte a.links:link, #Images a.links:visited {
      line-height:15px;
      text-decoration:underline;
      font-size:10px;
      font-family:tahoma;
      margin-left:5px;
      display:inline;
    }

    #texte a.links:hover,#texte a.links:active {
     text-decoration:none;
    }

    #prod-assoc{
      width:736px;
      background:#010101 url(../images/charte/bg-prod-assoc.gif) repeat-x left top;
      padding-top:10px;
    }

    .list{
      font-size:10px;
      line-height:11px;
      padding-right:0;
      text-align:justify;
      padding-top:0;
    }

.header-evenements{
  margin-top:15px;
  width:723px;
  height:33px;
  background:url(../images/charte/header-evenements.gif) no-repeat left top;
  padding-left:15px;
  padding-top:10px;
  color:#ffffff;
  font-family:tahoma;
  font-size:12px;
  font-weight:bold;
}

.evenements{
    width:708px;
    background:url(../images/charte/bg-evenements.gif) repeat-y left top;
    padding:0 15px;
    color:#ffffff;
    font-family:tahoma;
    font-size:11px;
    line-height:15px;
    padding-top:10px;
}

.header-evenements1{
  margin-top:15px;
  width:718px;
  height:20px;
  background:#D5D9DF;
  background:#A8ACAD;
  border:1px solid #262B2C;
  border-bottom:0;
   padding:3px 0;
  padding-left:15px;

  color:#262B2C;
  font-family:tahoma;
  font-size:12px;
  font-weight:bold;
}

.evenements1{
    width:703px;
    padding:0 15px;
    border:1px solid #262B2C;
    border-top:0;
    color:#000000;
    font-family:tahoma;
    font-size:11px;
    line-height:15px;
    padding-top:10px;
    padding-bottom:5px;
}


.adresse{
  width:224px;
  float:left;
  color:#E3E4E4;
  line-height:16px;
  font-size:11px;
}

.couleur{
  color:#F5DC0B;
}


/*-------------------------------------*/


#contact_adresse{
	width:220px;
	height:139px;
	float:left;
	margin-top:10px;
	padding-top:15px;
	margin-left:35px;
	}
.mail_label{
	width:70px;
	float:left;
	margin-top:2px;
	color:#000000;
	font:normal 11px tahoma;
	text-align:left;
	padding-left:5px;
	}
.max{
  width:110px;
}

.mail_input{
	width:90px;
	float:left;
	margin-top:5px;
	color:#000;
	}
.inputForm{
    background:#A8ACAD;
    border:solid 1px #F3D406;
	width:120px;
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	padding:1px 1px;

	}
.inputForm1{
    background:#E5E7ED;
    border:solid 1px #A8ACAD;
    float:left;

	width:120px;
    height:16px;
	font-family:tahoma;
	font-size:11px;
	color:#000000;
	padding:1px 1px;

	}
.inputFormOver{
    border:solid 1px #F3D406;
    padding:0 2px;
    background:#FFFFFF;
    color:#000000;
	width:120px;
	font-family:tahoma;
	font-size:11px;
    padding:1px 1px;
    }
.inputFormOver1{
    border:solid 1px #A8ACAD;
    float:left;

    height:16px;
    background:#FFFFFF;
    color:#000000;
	width:120px;
	font-family:tahoma;
	font-size:11px;
    padding:1px 1px;
    }
.button{
    border:1px solid #F3D406;
	background-color:#A8ACAD;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    color:#000000;
	font-family: tahoma;
    padding:2px 0;
	font-size: 11px;
	cursor:pointer;
    float:left;
	}
.button1{
    border:1px solid #F3D406;
	background-color:#A8ACAD;
    color:#000000;
	font-family: tahoma;
    padding:2px 0;
	font-size: 11px;
	cursor:pointer;
	}
.buttonOver{
	border:1px solid #F3D406;
    background-color: #535858;
    font-weight:bold;
	width:90px;
    margin-left:5px;
    display:inline;
    padding:2px 0;
	color:#000000;
	font-family: tahoma;
	font-size: 11px;
	cursor:pointer;
    float:left;
    	}
.buttonOver1{
	border:1px solid #F3D406;
    background-color:#A8ACAD;
    padding:2px 0;
	color:#ffffff;
	font-family: tahoma;
	font-size: 11px;
	cursor:pointer;
    	}
#contact-adresse{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	float:left;
	}
#contact-phone{
	width:150px;
	background:url(../images/map/bg-contact.jpg) no-repeat left 35px;
	text-align:left;
	padding:0px;
	}
#text-obligatoire{
	text-align:center;
	width:220px;
	margin:0 auto;
	margin-top:20px;
	clear:both;
	font-size:10px;
    font-family:tahoma;
	}
#formbox{
  clear:both;
  width:481px;
  margin:0 auto;
  padding-bottom:0;
  margin-top:10px;

}


#fermer a:link, #fermer a:visited{
  	color: #9A9A9A;
	text-decoration:none;
  font-size:14px;
  text-align:center;

}

#fermer a:hover, #fermer a:active{
  	color: #ffe08c;
  font-size:14px;
  text-align:center;
  text-decoration:underline;
}

#commentaire{
  scrollbar-base-color:#E6DB96;
}

/*------------plan-------------*/

#map_top{
width:500px;
height:124px;
}

#map_middle{
margin:0;
padding:0;
width:500px;
height:338px;
float:right;

}

#imprimer{
	position:absolute;
	margin-top:462px;
	}
#fermer-plan{
	position:absolute;
	margin-top:462px;
   margin-left:390px;
}

#plus{
	position:absolute;
	margin-top:47px;
	margin-left:420px;
	}

#minus{
	position:absolute;
	margin-top:401px;

	}
#adresse_map{
	position:absolute;
	text-align:center;
    width:170px;
	color:#ffffff;
	font:normal 12px tahoma;
    line-height:24px;
    margin-left:246px;
    margin-top:20px;
    font-weight:bold;
}

#adresse_map span{
margin-top:15px;
margin-bottom:15px;
font-size:18px;
}

ul.list{
  margin-left:30px;
}

    ul.list li{
      list-style-type:none;
      color:#fff;
      font-family:tahoma;
      font-size:10px;
    }

#menu a.subcategory:link,#menu a.subcategory:visited{
    color:#fff;
    font-family:tahoma;
    font-size:10px;
    line-height:15px;
    text-decoration:none;
}

#menu a.subcategory:hover,#menu a.subcategory:active{
    color:#F5DC0B;
}

#menu a.subcategory1:link,#menu a.subcategory1:visited{
    color:#F5DC0B;
    font-family:tahoma;
    font-size:10px;
    line-height:15px;
    text-decoration:none;
}

#menu a.subcategory1:hover,#menu a.subcategory1:active{
    color:#F5DC0B;
}

.color{
 color:#F3D406;
 font-weight:bold;
 font-size:12px;
}

.nice object{
  position:absolute;
  z-index:0;

}