@font-face
{
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu/ubuntu-r-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-r-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu/ubuntu-b-webfont.woff2') format('woff2'),
         url('fonts/ubuntu/ubuntu-b-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

html, body
{
    height: 100%;
}

body
{
    font-family: 'Ubuntu', Helvetica, Arial, sans-serif!important;
}

.row .padl
{ 
    padding-left: 0;
}

.row .padr
{ 
    padding-right: 0;
}

.row .h100
{
    height: 100%;
}

.row .txtc
{
    text-align: center;
}

.row .txtr
{
    text-align: right;
}

/* Header */
#d_h1
{
    flex-direction: column;
    justify-content: space-between;
    background: white;
}

#d_h2
{
    flex-direction: column;
    justify-content: space-between;
}

#d_h3
{
}

#d_h5
{
    background: white;
    /*padding: 20px 0 20px 15px;*/
}

#d_h6
{
    display: flex;
    align-items: center;
    direction: rtl;
}

#d_h7
{
    height: 80px;
    display: flex;
    align-items: center;
}

#d_h1 a
{   
    position: absolute;
    display: block;
    left: 20%;
    top: 0;
}

#d_h7 a
{
    display: block;
    height: 80px;
}

#i_h1
{
    max-width: 100%;
    position: relative; 
    left: -20%;
}

#i_h2
{
    position: absolute;
    top: 0;
    right: 0;
}

#i_h3
{
    width: 100%;
    max-width: 100px;
    float: right;
}

#i_h5
{
    max-width: 100%;
    max-height: 100%;
}

.p_h1
{
    height: 50%;
    font-size: 18px;
    margin: 0;
    padding: 10px 0 10px 20px;
    display: flex;
    align-items: center;
    background: white;
    color: #9C9E9F;
}

.p_h2
{
    height: 50%;
    font-size: 14px;
    font-weight: bold;
    margin: 0;
    padding: 10px 0 10px 20px;
    display: flex;
    align-items: center;
    background: white;
    color: #9C9E9F;
    border-bottom: 1px solid #E53212;
}

#p_h3
{
    font-size: 14px;
    font-weight: normal;
    color: #87888A;
    margin-left: 50px;
}

/* Menu */
#d_m1 .navbar-expand
{
    padding-left: 0;
}

#d_m1 .navbar-nav
{
    width: 100%;
    justify-content: space-between;
}

#d_m1 .nav-link
{
    font-size: 17px;
    color: #E53212;
    padding-left: 0;
    padding-right: 30px;
    white-space: nowrap;
}

#d_m1 .nav-link.active, #d_m1 .nav-link:hover
{
    font-size: 17px;
    font-weight: bold;
    color: #707173;
}

#d_m1 .dropdown-item
{
    font-size: 16px;
    color: #87888A;
}

#d_m1 .dropdown-menu .dropdown-item.active, #d_m1 .dropdown-menu .dropdown-item:hover
{
    font-size: 16px;
    color: white;
}

#d_m1
{
    border-bottom: 1px solid red;
}

/* Footer */
#d_footer
{
    background: #E53212;
    padding: 30px 0;
}

#d_footer2
{
    background: #E53212;
    padding: 30px 0;
}

.p_f1
{
    font-size: 16px;
    color: white;
    display: block;
    line-height: 20px;
    margin: 0;
}

.p_f1:hover
{
    color: white;
}

.p_f2
{
    font-size: 14px;
    color: white;
    display: block;
    margin: 0;
}

.p_f2:hover
{
    color: white;
}

.p_f3
{
    font-size: 14px;
    color: #F5A886;
    display: block;
    margin: 0;
}

.p_f3:hover
{
    color: #F5A886;
}

#a_f1
{
    display: flex;
}

#a_f1:hover
{
    text-decoration-color: white;
}

#a_f5
{
    display: flex;
}

#a_f5:hover
{
    text-decoration-color: white;
}

.i_f1
{
    margin: 40px 0 20px;
}

.i_f2
{
    margin-left: 20px;
}

#d_f1
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#d_f2
{
    margin-top: 20px;
}

#d_f4
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#d_f5
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.i_f4
{
    margin-right: 5px;
}

/* Recherche */
#r_rech
{
    margin: 20px 0;
}

#r_rech .jqx-combobox-state-normal { border: none; border-bottom: 1px solid #808080; margin-bottom: 30px; }

#r_rech .jqx-combobox-content { border: none; border-bottom: 1px solid #808080; }

#r_rech .jqx-combobox-input { color: #E53212; font-size: 16px; }

#r_rech .jqx-combobox-arrow-normal { background: white; border: none; color: yellow; }

#r_rech .jqx-icon-arrow-down { background: url('../images/fleche_combo.png'); background-repeat: no-repeat;
    background-position: bottom; }

#r_rech ::placeholder { font-size: 16px; color: #E53212; opacity: 1; }

#r_rech :-ms-input-placeholder { font-size: 16px; color: #E53212; }

#r_rech ::-ms-input-placeholder { font-size: 16px; color: #E53212; }

#r_rech2 { background-color: #E6E7E8; box-shadow: 0px 5px 10px 0px rgba(100,100,100,0.5); position: relative;
    z-index:2; }

    .r_submit { width: 100%; max-width: 257px; height: 100%; max-height: 47px; min-height: 47px;
    background: url('../images/btn_resultat.png') white; background-size: 100% 100%; border: none; }
    
.r_img1 { height: 100%; max-height: 100px; }

.r_img2 { margin-right: 10px; }

.r_p1 { font-size: 12px; color: #1A6685; margin: 0; }

.r_p2 { font-size: 22px; color: #E53212; margin: 0; text-align: center; line-height: 24px; white-space: nowrap; }

.r_p3 { font-size: 33px; font-weight: bold; color: #E53212; margin: 0; text-align: center; line-height: 35px; white-space: nowrap; }

.r_p4 { font-size: 13px; color: #E53212; margin: 0; line-height: 15px; }

#r_filariane { height: 36px; font-size: 16px; font-weight: bold; color: #9C9E9F; margin: 10px 0; }

#r_filariane span { color: #1A6685; }

#r_div0 { display: flex; text-align: center; justify-content: space-between; }

.r_div1 { display: inline-block; border: 1px solid #E53212; border-radius: 5px; padding: 5px; }

#r_div2 { display: flex; align-items: flex-end; }

.r_div3 { display: flex; justify-content: center; align-items: center; }

#menu760 { background: white; padding: 50px 0; }

#menu760 .nav-link { color: #1A6685; font-size: 27px; font-weight: bold; padding: 0; }

.a_f5 { color: #1A6685; font-size: 16px; display: block; padding: 0 1rem; }

.a_f5:hover { color: #1A6685; text-decoration: none; }

#r_div5  { text-align: center; }

#r_div6 { width: 100%; display: inline-block; border: 1px solid #1A6685; border-radius: 5px; padding: 5px; margin: 5px 0 20px 0; }

#r_div7 { display: flex; justify-content: center; align-items: center; }

#r_img5 { width: 100%; max-width: 137px; }

#r_img6 { margin-right: 10px; }

#r_p5 { color: #1A6685; font-size: 22px; margin: 0; line-height: 24px;  }

#r_p6 { color: #1A6685; font-size: 33px; font-weight: bold; margin: 0; line-height: 35px;  }

#r_p7 { color: #1A6685; font-size: 14px; text-align: left; }

.r_p10 { color: #1A6685; font-size: 14px; line-height: 16px; margin: 0; }

.r_p11 { color: #E53212; font-size: 16px; text-align: center; margin: 10px 0; }

#r_div10 { text-align: center; margin-bottom: 20px; }

#r_div11 { margin: 50px 0 0 15px; }

#r_div11 hr { border: 1px solid white; }

#r_div12 { margin:0 0 0 15px; }

#r_div13 { text-align: center; margin: 20px 0; }

#popupDroite
{
    width: 275px;
    position: fixed;
    bottom: 30%;
    right: 0;
    z-index: 9999;
    text-align: right;
    transform: translate3d(0,0,0);
}

#popupDroite img
{
    width: 100%;
}

#popupDroite button
{
    width: 16px;
    height: 16px;
    background-color: transparent;
    background-image: url(../images/close_popup.png);
    background-repeat: no-repeat;
    border: none;
    margin-top: 20px;
}

#popupDroite button:focus
{
    outline: none;
}

@media screen and (max-width: 992px)
{
    #i_h2 { right: 10%; }
    
    .r_img1 { display: block; margin: 10px auto; }
}

@media screen and (max-width: 759px)
{
    .row .txtr { text-align: left; }
    
    #popupDroite { bottom: 5%; }
}

@media screen and (max-width: 576px)
{
    #menu760 .nav-link { font-size: 19px; padding: 0; }
    
    .a_f5 { font-size: 11px; padding: 0 1rem; }
    
    #d_h5 { padding: 0 0 0 15px;    
}