*
{
margin: 0; padding: 0;
}

html
{
height: 100%;
}

body
{
width: 100%; height: 100%;
margin: 0 auto;
font-family: tahoma, "trebuchet ms", serif;
}

#conteneur_general
{
width: 958px; height: 680px;
margin: 0 auto;
}

/* _____ Le sous_menu __________ */

#sous_menu
{
width: 958px; height: 50px;
margin: 0 auto;
list-style-type: none;
background: url('../image/menu/fond_sous_menu_pension.png');
}

/* __________ Les onglets __________ */

#sous_menu #onglet_petit-dej,
#sous_menu #onglet_demi
{
width: 319px; height: 50px;
float: left;
text-align: center;
line-height: 25px;
font-size: 14px;
color: #fff;
cursor: pointer;
}

#sous_menu #onglet_complete
{
width: 320px; height: 50px;
float: left;
text-align: center;
line-height: 25px;
font-size: 14px;
color: #fff;
cursor: pointer;
}

#sous_menu li .nom_ang
{
font-size: 12px;
color: #d3d4d4;
}

#sous_menu .jFlowSelected
{
background: url('../image/menu/onglet_p3.png');
}

#sous_menu #onglet_petit-dej:hover, #sous_menu #onglet_petit-dej:focus,
#sous_menu #onglet_demi:hover, #sous_menu #onglet_demi:focus,
#sous_menu #onglet_complete:hover, #sous_menu #onglet_complete:focus
{
color: #cdd4d1;
}

#conteneur_sous_menu
{
width: 950px; height: 630px;
margin: 0 auto;
background: url('../image/menu/fond_conteneur.jpg') fixed center top no-repeat;
overflow: auto;
}

#conteneur_sous_menu h4
{
width: 930px; height: 40px;
margin: 30px auto;
line-height: 40px;
text-align: center;
color: #db0a88;
font-size: 20px;
font-weight: bold;
font-variant: small-caps;
background: url('../image/menu/titre_h4.png') center center;
}

#conteneur_sous_menu .h4_large
{
width: 930px; height: 40px;
margin: 30px auto;
line-height: 40px;
text-align: center;
color: #db0a88;
font-size: 20px;
font-weight: bold;
font-variant: small-caps;
background: url('../image/menu/titre_h4_large.png') center center;
}

#conteneur_sous_menu .separateur_hr
{
width: 300px; height: 1px;
margin: 15px auto 10px;
background: transparent url('../image/menu/hr1.png');
}
#conteneur_sous_menu .separateur_hr hr
{
display: none;
}

/* __________ Mise en forme du contenu des différentes rubriques __________ */

#conteneur_sous_menu #contenu_petit-dej,
#conteneur_sous_menu #contenu_demi,
#conteneur_sous_menu #contenu_complete
{
padding: 0 0 50px 0;
}

p
{
width: 800px; height: 25px;
margin: 0 auto;
line-height: 25px;
text-align: center;
font-size: 16px;
color: #000;
}
h5
{
width: 600px; height: 25px;
margin: 5px auto;
text-align: center;
font-size: 14px;
color: #f09;
}

.ligne_ang
{
width: 600px; height: 20px;
margin: 0 auto;
line-height: 20px;
text-align: center;
font-size: 14px;
color: #666;
}

.little1
{
font-size: 13px;
}

.little2
{
font-size: 11px;
}

.big1
{
font-size: 16px;
font-weight: bold;
}

.illustration1
{
width: 425px; height: 329px;
margin: 0 auto 10px;
border: solid 2px #cdd4d1;
}
.illustration1 img
{
border: solid 2px #fff;
}