html {
font-size: 100%;
}
body{
color : #000000;
background : #000066  url(images/1.jpg);
margin : 0;
padding : 0;
text-align : center; /*pour que ce soit centré dans internet explorer*/
}

/* gestion des blocs* 3399ff /

/*conteneur*/
#bloc1{
width : 830px;
margin : 0 auto 0 auto;
}

/*haut_de_page*/
#bloc2{
padding-top:10px;
}

/*menu*/
#bloc3{
background : #2d2a7f;
font-family : "Trebuchet MS","times new roman", arial;
font-size: .85em;
font-weight : bold;
color : white;
text-align : center;
list-style: none ;
margin: 0 ;
padding: 0 ;
overflow: hidden ;/* Création du contexte de formatage */
}
#bloc3 li{
float: left ;
color : white;
text-align : center;
padding : 7px 7px 7px 7px;/*espace de 7px en haut et en bas à gauche et à droite de chaque li*/
border-right:#000000 1px dotted;/*bordure blanche en pointillés sur la gauche du li pour séparer les éléments du menu.*/
}
#bloc3 a {
display: block ;
color : white;
float : left;
text-align: center ;
text-decoration: none ;
}
#bloc3 li a:hover {
background : url(images/poisson.gif);
text-decoration : none;
font-weight : bold;
}

/*lien actif lorsqu'on est positionné sur la page*/
#bloc3 li a.active{
background : url(images/poisson.gif);
}

/*contenu*/
#bloc4{
background : #3399ff  url(images/pdv.jpg);
font-family : "Comic sans ms","Trebuchet MS","times new roman", arial;
font-size: .95em;
background-color : #ffffff;
height : auto;
padding-bottom : 100px;
line-height: 1.6em;
}

#bloc4 .texte{
text-align : justify;
padding-left : 10px;
margin-right : 10px;
line-height: 1.6em;
}

/*mise en page générale*/
img{
padding : 7px 7px 7px 5px;
border : none;
}

a{
color: #000000 ;
text-decoration: underline ;
}
a:hover{
background : #ffcc00;
text-decoration : none;
}


/*bas_de_page*/
#bloc5{
font-family : "Trebuchet MS","times new roman", arial;
font-size: .75em;
background-color : #2d2a7f;
padding-top : 2px;
margin-bottom:10px;
font-weight : bold;
color : white;
}

/*rubrique contact*/
.formulaire{
padding-top:5px;
text-align : left;
margin-left : 20%;
font-size: 1.10em;
}
.label {
font-family : "Monotype Corsiva";
DISPLAY: inline ; 
FLOAT: left ; 
WIDTH: 150px ; 
font-weight: bold ; 
}

.contacttext{
font-family : "comic sans ms","Trebuchet MS","times new roman", arial;
font-size: 0.8em;
padding-right : 25px;
}

/*page Accueil*/
.horaire{
font-size: 1.3em;
}

.titrehoraire{
font-family : "Monotype Corsiva";
font-weight: bold ; 
font-size: 1.5em;
text-decoration : underline;
}

.text{
padding : 30px 30px;
text-align : justify;
font-family : "comic sans ms","Trebuchet MS";
}

/*page produits*/

#bloclien {
font-size: 1em;
padding-top : 20px;
font-weight: bold ; 
}

#bloclien a {
text-decoration : underline;
font-family : "comic sans ms","Trebuchet MS";
}

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

#bloclien a.active{
background : #ffcc00;
text-decoration : none;
}

#bloc4 a.recette {
text-decoration : none;
background : #ffcc00;
}

#bloc4 a.recette:hover {
text-decoration : none;
background : none;
}

.img_pdts{
padding-right : 30px;
border : none;
}