/* Eléments principaux de la page */
body, html
{
    margin:0;
    padding:0;
    min-width:800px;
    color:#000;
    background:#fff;
    /*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
    /*font-family: Tahoma, Geneva, sans-serif;*/
    font-family: Abel, Tahoma, sans-serif;
    font-weight: normal;
    font-size: 15px;
}
/*
--------------------------------------------------------
The main components of the homepage
--------------------------------------------------------
*/
.main
{
    /*float:left;*/
    background: #fff;
    margin: auto;
    width:800px;    
    /*margin: 40px 0px 20px 60px;*/
    /*border-left: 1px white solid;*/
    /*border-right: 1px white solid;*/
}
/*
--------------------------------------------------------
The banner and subtitle
--------------------------------------------------------
*/
.banner
{
    font-size: 48px;
    background: #000;
    color:#a5dfff;
    margin: auto;
    width:800px;    
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
    /*margin: 40px 0px 20px 60px;*/
}
.subtitle
{
    background: #000;
    color:#fff;
    margin-bottom: 0px;
    width:800px;    
    text-align: center;
    /*padding-bottom: 5px;*/
}
/*
--------------------------------------------------------
The menu
--------------------------------------------------------
*/
.menu
{
    background: #000;
    color:#000;
    width: 800px;
    white-space: nowrap;
}
.menu-button
{
    display: inline-block;
    text-align: center;
    font-size: 20px;
    width:160px;
    cursor:pointer;
    color:#fff;
    background:#00456E;
    line-height:50px;
    white-space: normal;
    /*border-top: 1px white solid;*/
    /*border-bottom: 1px white solid;*/
}
.menu-button:hover
{
    background: #005689;
}


.article_title
{
    font-size: 30px;
    width: 760px;
    background: #DFDFDF;
    color: #005689;
    margin-left: -20px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 10px;
}

/* 
----------------------------------------------------
Modal Content/Box
---------------------------------------------------- 
*/
.changing_box
{
    display: none; /* Hidden by default */
    color: #000;
    background: rgba(51,51,51,0.05);
    overflow: auto; /* Enable scroll if needed */
    padding: 0px 20px 20px 20px;
    text-align: justify;
    width:760px;
}
/* 
----------------------------------------------------
Contact Stuff
---------------------------------------------------- 
*/
.reverse
{
  unicode-bidi: bidi-override;
  direction: rtl;
}
.image_right
{
    float:right;
    margin-right: 20px;
}
/*
----------------------------------------------------
Modal Stuff
----------------------------------------------------
*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color:black;
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
/* ----------------------------------------------------
Modal Content/Box
---------------------------------------------------- */
.modal-content {
    background-color: #fefefe;
    border-radius: 8px;
    padding: 10px;
    margin: 10% auto; /* 15% from the top and centered */
    border: 1px solid #888;
    width: 250px;
    text-align: center;
}

.people
{
    display: inline-block;
    background-color: #fff;
    border-radius: 3px;
    padding: 10px;
    margin-right: 10px;
    /*border: 1px solid #888;*/
    width: 210px;
    text-align: center;
}