html {
font-size: 100%;
}
body{
font-family : "Trebuchet MS","times new roman", arial; /* définit une famille de police*/
color : #000000; /* couleur du texte*/
background : #020100; /* couleur d'arriere plan*/
margin : 0; /* pas de marge exterieure*/
padding : 0; /* pas de marge interieure*/
}

/* gestion des blocs*/

/*conteneur*/																
#bloc1{
position : absolute; /*position absolue par rapport au coin en haut à gauche*/
width : 100%; /* détermine la longueur du bloc*/
margin : 0 auto 0 auto;
}
/*haut_de_page*/
#bloc2{
width : 100%;
min-width:780px;
top : 0px; /* position par rapport au haut*/
height : 100px; /* détermine la hauteur du bloc*/
}
/*menu*/
#bloc3{
width : 100%;
min-width:780px;
background-color : #00008B;/* couleur d'arriere plan du menu*/
font-family : arial,"times new roman" ;
font-size: .67em; /* définit la taille de la police */
font-weight : bold; /*définit l'épaisseur de la police : en gras */
text-align : center; /* définit l'alignement du texte : centré */
list-style: none ; /* pas de puce*/
margin: 0 ;
padding: 0 ;
overflow: hidden ;/*respect des paramètres de hauteur et de largeur du bloc */
}

#bloc3 li {
float: left ;
text-align : center;
color: #D0D0D0;/* couleur du texte*/
background: #00008B;/* couleur d'arriere plan du menu*/
padding : 7px 7px 7px 7px;/*espace de 7px en haut et en bas à gauche et à droite de chaque li*/
border-right:#FFFFFF 1px dotted;/*bordure blanche en pointillés sur la gauche du li pour séparer les éléments du menu.*/
}

#bloc3 li a {
color: #D0D0D0 ;/* couleur du texte*/
text-align: center ;
text-decoration: none ;/* texte sans décoration */
}

/*lien actif lorsqu'on est positionné sur la page*/
#bloc3 li.active{
background: #587693 ;/* couleur d'arriere plan du menu lorsqu'il est actif*/
}

/* tout le bloc surligné au passage de la souris*/
#bloc3 li:hover{
background: #FFFFFF ;/* couleur d'arriere plan du menu lors du passage de la souris*/
text-decoration: none ;
}

#bloc3 li a:hover{
color: #003399;/* couleur du texte au passage de la souris*/
text-decoration: none ;
}

/*contenu*/
#bloc4{
background : #cce0ff url(images/arriere.jpg);
text-align:center;
font-size: .95em;
width : 100%;
min-width:780px;
height : auto;
padding-bottom : 150px;
padding-top : 10px;
}
/*mise en page générale*/
p{
padding-left : 10px;
margin-right : 10px;
text-align : justify;
line-height: 1.6em; /* definit l'interligne du texte */
}
.drapeau{
float:right; /* positionnement flottant à droite*/
border : none; /*pas de bordure*/
margin-top : 2px;
margin-right : 5px;
padding-right : 5px;
}
.alignement{
text-align : center;
}
.titre{
font-size: .98em;
font-weight : bold;
}

/*page d'accueil*/
a.lienaccueil{
font-weight : bold;
color: #000000 ; /* couleur des liens sur la page d'accueil*/
text-decoration: underline ;
}
a.lienaccueil:hover{
background: #FFFFFF;/* couleur d'arriere plan des liens au passage de la souris*/
text-decoration : none;
}
a.pagerank:link {
color : #000000;
text-decoration : none;
font-weight : bold;
}
a.pagerank:visited {
color : #000000;
text-decoration : none;
font-weight : bold;
}
a.pagerank:hover {
color : #000000;
text-decoration : underline;
font-weight : bold;
}
#video{
float:right;
width : 430px;
}
a.recette {
background: #3366cc;/* couleur d'arriere plan du lien la recette du moment*/
font-family : Georgia,"Trebuchet MS","times new roman", arial;
color: #FFFFFF ;/* couleur du lien la recette du moment*/
text-decoration: none ;
font-weight : bold;
font-size: 1.30em;
}
a.recette:hover{
color: #000000 ;/* couleur du lien la recette du moment au passage de la souris*/
background: #FFFFFF;/* couleur d'arriere plan du lien la recette du moment au passage de la souris*/
text-decoration : none;
}
.accessibilite{
text-align : center;
}
a.accessibilite{
color:#001247;
}

/*rubrique prestations*/
.alignementprestation{
text-align: center;
padding-bottom : 100px;
font-size: .96em;
padding-top : 80px;
line-height: 1.6em;
font-weight : bold;
}
a.menu_groupe{
color:#000000;
font-weight : bold; 
text-decoration:none;
}
a.menu_groupe:hover{
background: #FFFFFF;
text-decoration : none;
}

/*rubrique contact*/
#horaires{
background-color: #FFFFFF;
}
.formulaire{
text-align : left;
margin-left : 37.50%;
}
.label {
float: left ; 
width: 155px ; 
font-weight: bold ; 
}
.confirmationmail{
font-weight: bold ; 
font-size: 1em;
}

/*rubrique_accessibilite*/
#texte_accessibilite{
text-align : justify;
padding-left : 10px;
padding-right : 10px;
line-height: 1.6em;
}
.retour{
text-align: center;
}
a.retour{
font-weight : bold;
color:#000000;
text-decoration:underline;
}
a.retour:hover{
color:#000000;
text-decoration:none;
}

/*bas_de_page*/
#bloc5{
background-color : #00008B;/*couleur arriere plan du bas de page*/
width : 100%;
min-width:780px;
text-align : center;
font-size: .70em;
padding-top : 5px;
padding-bottom : 5px;
}

/*liens_en_dur*/
#bloc6{
width:100%;
min-width:780px;
height:auto;
}