body

 {
margin: 0;
    padding: 5;
    background-color: #BBC7D3;
}

header {  /*reglage position menu*/
    /* text-transform: uppercase; */ /*passe le menu en majuscule*/
    background-color: #FFF;
    padding: 0px 0px 0px 0px;/* 0H 0D 16B 32G*/
    font-size: 15px;
    box-shadow: 0 1px 16px rgba(0, 0, 0, .4);   /*box-shadow: [horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color];*/
    margin-bottom:0px; /* reglage de la marge entre bas du menu et affichage site*/
               /* ombre interne */
   -moz-box-shadow:    inset 0 0 10px #000000;
   -webkit-box-shadow: inset 0 0 10px #000000;
   box-shadow:         inset 0 0 10px #000000; 
   margin-left: auto;
   margin-right: auto;
   border-radius:10px;

}

#logo, nav, li {
    display: inline-block;
}

#logo { 
/*     background-color: #2196F3;
    border-radius: 50%;
    width: 48px;
    height: 48px; */  
    background: url(../images/profil1.gif);
    width: 130px;
    height: 130px; 
    /* border-radius:20px;
    box-shadow: 4px 4px 4px 2px rgba(119, 119, 119, 0.76); */
}

nav {
    display: inline-block;
    line-height: 28px;
    vertical-align: top;
}

li {   
    margin-left: 28px;
    /*border-right: 1px solid rgb(8, 8, 173);  bordure texte menu*/
    /*border-bottom: 1px solid rgb(8, 8, 173); /*bordure texte menu*/
    padding-bottom:0px;
    font-size: 20px;  /* hauteur police menu*/
}
li a, .button {
    text-decoration: none;
    color: #333;  /*couleur texte menu 333*/
}

.button {                       
    text-transform: uppercase;
    float: right;
    margin-top: -16px;
    line-height: 84px;
    height: 84px;
    text-decoration: none;
    padding: 0px 16px;
}
.button-sign-up {
    background-color: #EEE;
}
#hamburger, #hamburger-content {
    display: inline;
}

#hamburger-button {
    display: none;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0px;
    /* line-height: 47p */x;
    float: right; /* hamburger à droite*/
    margin-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}

#hamburger-overlay {  /* le masque*/
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
}

#hamburger-sidebar {
    display: none;
    position: fixed;
    width: 45%; /* 84% largeur du recouvrement du menu avec hamburger*/
    z-index: 20;
    height: 100%;
    top: 0;
    left: 0;
    /* background-color: #FFF; */
    background-color: rgba(255, 255, 255, .7);
    overflow-y: auto;
    transform: translateX(-100%);
    transition: transform .2s ease-out;
}
#hamburger-sidebar li {
    display: block;
}
#hamburger-sidebar-header {
     /* background: url(../images/sidebar-header.png) center; */
     /* background: url(../images/Logo_aviva.jpg) center no-repeat; */
    /* background-size: cover; */
    height:4px;   /* si logo ici on regle la hauteur du menu dans la sidebar*/
    padding-top:5px; /* ici marge du haut menu sidebar*/
}
#hamburger-sidebar-body {  
    padding: 16px 8px; /* 16=H et B  8= G et D */
}
/* ict on definit si pictogramme devant chaque menu*/

/* #hamburger-sidebar-body li:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px;
    margin-right: 16px;
    width: 24px;
    height: 24px;
}*/

/*les pictogrammes devant chaque menu
#hamburger-sidebar-body li:first-child:before {
    background-image: url(../images/icons/discover.svg);
}
#hamburger-sidebar-body li:nth-child(2):before {
    background-image: url(../images/icons/how.svg);
}
#hamburger-sidebar-body li:nth-child(3):before {
    background-image: url(../images/icons/about.svg);
}
#hamburger-sidebar-body li:last-child:before {
    background-image: url(../images/icons/qna.svg);
} */
#hamburger-sidebar-body .button {
    margin-top: 16px;
    text-align: center;
    float: none;
    display: block;
    height: auto;
    line-height: inherit;
    padding: 10px;
}

#global { 
    /* position: absolute; */
    z-index: -10;
    margin-top: 2px;
    width: 100%;
    height: auto;
    background: url(../images/fondopak5.jpg) center;
    background-size: cover;
}

#letitre {
    text-align:center;
    padding-left:0px;
    padding-top:0px;
    font-size:62px;
    color:#0808AD;
    font-family: Balqis Script Normal, Alex Brush, Ariane DB, Arial, sans-serif, Helvetica;
    font-weight: normal;
    font-style: normal;
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;
    /* background-color: rgba(0, 0, 0, .4); */
}  

#lemenu {
text-transform: uppercase;
    text-align:left;
    font-size:18px;
    font-family: Arial;
    font-weight: normal;
    font-style: normal;
    vertical-align:top;
    padding-top:0px;
    border: 0px solid rgb(255, 0, 0);
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;    
    line-height: 30px;
    /* background-color: rgba(0, 0, 0, .4); */
}

.tableautexte
{
padding-top:10px;
width:710px;
height:410px;
}

.tableauacbandeau
{
width:422px;
height:100px;
}
 
.tableausalon
{
width:800px;
height:auto;
/* background-color:#8E98AE; */
}
.textegaleriphotos
{
padding-top:0px;
padding-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
TEXT-ALIGN:center;
}

.imgacc
{
width:170px;
height:185px;
}
.texteaccrochepacligne1
{
padding-top:1px;
padding-right:130px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-size:18px;
color:#3F2060;
font-weight:bold;
font-style:italic;
TEXT-ALIGN:center;
}
.texteaccrochepacligne2
{
padding-top:1px;
padding-left:100px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-size:18px;
color:#3F2060;
font-weight:bold;
font-style:italic;
TEXT-ALIGN:center;
}
.imagetarif
{
width:308px;
height:118px;
}
.tablotarif
{
width:710px;
height:410px;
}

.imagecontact
{
width:417px;
height:120px;
}

.legende
{
    FONT-SIZE: 8pt;
    COLOR: #C0C0C0 /* #00005A */
    FONT-FAMILY: Verdana, Arial, Helvetica;
    TEXT-ALIGN: center;
}


@media screen and (min-width: 1490px) {
li a {   /* reglage du menu*/
    color: #000;
    text-align:left;
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;
    margin-left:-10px;
    font-size: 15px;
    }
}
@media screen and (max-width: 1025px) {

#letitre {
    font-size:38px;
} 

li {   
    margin-left: 7px;
    /*border-right: 1px solid rgb(8, 8, 173);  bordure texte menu*/
    /*border-bottom: 1px solid rgb(8, 8, 173); /*bordure texte menu*/
    padding-bottom:0px;
    font-size: 20px;  /* hauteur police menu*/
}
li a {   /* reglage du menu*/
    color: #000;     
    text-align:left;
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;
    margin-left:0px;
    font-size: 10px;
    }
}

@media screen and (max-width: 896px) {

    #hamburger-content {
        display: none;
    }

    #hamburger-button, #hamburger-sidebar,
    .hamburger-activated #hamburger-overlay {
        display: block;
    }

    .hamburger-activated #hamburger-sidebar {
        transform: translateX(0);
    }

#logo {
    background: url(../images/pprofil.gif) no-repeat; 
    width: 50px;
    height: 50px; 
    margin-left:10px;
} 


header {
    background-color: #FFF;
    padding: 0px 0 0px 0px; 
    font-size: 15px;
}  
li a {   /* reglage du menu*/
    color: #000;
    text-align:left;
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;
    margin-left:-40px;
    font-size: 15px;
}

#global { 
    /* position: absolute; */
    z-index: -10;
    margin-top: 2px;
    width: auto;
    height: auto;
    background: url(../images/fondopak5.jpg) center;
    background-size: cover;
}

#letitre {
    padding-left:5px;
    padding-top:10px;
    text-align:center;
    font-size:18px;
    color:#0808AD;
    font-family: serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: 6px 2px 5px grey, -6px -2px 3px white;
    /* background-color: rgba(0, 0, 0, .4); */
}
.tableautexte
{
width:100%;
padding-left:5px;
padding-right:5px;
}
.tableauacbandeau
{
width:210px;
height:50px;
}

.imgacc
{
width:120px;
height:131px;
}

.texteaccrochepacligne1
{               
padding-top:1px;
padding-left:20px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3F2060;
font-weight:bold;
font-style:italic;
TEXT-ALIGN:left;
}
.texteaccrochepacligne2
{
padding-top:1px;
padding-left:0px;
font-family:Times New Roman, Arial, Helvetica, sans-serif;
font-size:14px;
color:#3F2060;
font-weight:bold;
font-style:italic;
TEXT-ALIGN:center;
}
.tableausalon
{
width:300px;
height:auto;
/* background-color:#8E98AE; */
}

.textegaleriphotos
{
padding-top:0px;
padding-right:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
TEXT-ALIGN:center;
}

.imagetarif
{
width:150px;
height:57px;
}
.tablotarif
{
width:100%;
}
.imagecontact
{
width:300px;
height:86px;
}

}