/*
Theme Name: autodiagnostic
Theme URI: https://wordpress.org/themes/autodiagnostic/
Template: twentyseventeen
Author: urbilog
Author URI: https://www.urbilog.fr/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Tags: one-column,two-columns,right-sidebar,flexible-header,accessibility-ready,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,post-formats,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 2.4.1601541208
Updated: 2020-10-01 10:33:28

*/
@font-face {
    font-family: "Avenir";
    src: url("/Fonts/FontsFree-Net-1579-AvenirLTStd-Medium.ttf") format("ttf"),
   }
   @font-face {
    font-family: "Avenir-book";
    src: url("/Fonts/FontsFree-Net-AvenirLTStd-Book.ttf") format("ttf"),
   }
   @font-face {
    font-family: "Avenir-black";
    src: url("/Fonts/FontsFree-Net-AvenirLTStd-Black.ttf") format("ttf"),
   }
.entry-header{
    display: none;
}

body{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333; 
}

.bannier{
    background-image: url(picture/default.png);
    background-repeat: no-repeat;    
    background-size: cover;
    background-position: center;
    position: relative;
    height: 22rem;
    display: flex;
}
.logo-oeth{
    position: absolute;
    left: 5%;
    top: 30%;
}
.oeth-text {
    color: #fff;
    display: block;
    margin-top: 15px;
    letter-spacing: 1px;
    font-size: 1rem;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}
.lien{
   
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    border: none;
    min-height:2rem ;
}
.lien a:last-of-type{
    margin-right: 15rem;
    padding-right: 15px;
    
}
.image-title{
    color: #000;
    padding-top: 8px;
    padding-bottom: 0;
    font-size: 11px;
    text-transform: uppercase;
}
.image-titleE{
    color: #E73E11;
    padding-top: 8px;
    padding-bottom: 0;
    font-size: 11px;
    text-transform: uppercase;
}
.image-titlef{
    color: #5d5d5D;
    /* padding-top: 8px; */
    padding-bottom: 0;
    font-size: 10px;
    text-transform: uppercase;
    margin-left: 0.4rem;
}

span .image-title{
    margin-left: 1rem;
}
.lien a {
    margin-left: 4rem; 
}
body.page-two-column:not(.archive) #primary .entry-content{
    width: 100%;

}
.titleQuestion{
    color:#1696a5;
    font-size: 20px;
}
.entry-content a, .entry-summary a, .comment-content a, .widget a, .site-footer .widget-area a, .posts-navigation a, .widget_authors a strong {
    box-shadow: none;
    text-decoration:none; 
}
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .comment-content a:focus, .comment-content a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover{
    box-shadow: none;
}

#cdiquestion2 h2,#cdiquestion3 h2,#cddquestion2 h2,#cddquestion3 h2,#altquestion2 h2,#altquestion3 h2{
    color:#1696a5;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    margin-left: 3rem;
    padding: 0;
}
#cdiquestion2,#cdiquestion3,#cdiquestion4,#cdiquestion5,#cddquestion2,#cddquestion3,#cddquestion4,#altquestion2,#altquestion3,#altquestion4,#altquestion5{
    display: none;
}

#alternance-non,#acoalt,#visite,#indo,#indn,#acoo,#acialt,#acon,#paco,#pacn,#acio,#acin,#primeo,#primen,#profilN,#profilC,#profilE,#footerN,#footerE,#aci-connaisseur,#alternance{
    display: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding: 0 4rem ; 
}
#profilC p img ,#profilE p img ,#profilN p img{
    display: flex;
    margin: auto;
}
.color-block p:last-child{
    margin-bottom: 0;
}
#phrase{
    padding: 0 4rem ; 
}
#ouiQuestion1,#ouiQuestion2,#ouiQuestion3,#ouiQuestion4,#ouiQuestion5,#nonQuestion1,#nonQuestion2,#nonQuestion3,#nonQuestion4,#nonQuestion5{
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    text-decoration:none; 
}
.liste_acc{
    list-style: none;
}
.header-expert{
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
}
.header-expert2{
    font-size: 1.5rem;
    margin-top: 0;
}
.page-reponse p, .page-reponse li {
  
    line-height: 1.42857143;
    position: relative;
    list-style: none;
    text-align: justify;
}
.page-reponse li {
    margin-left: 2rem;
}
.page-reponse li:before{
    content: "■";
    position: absolute;
    left: -16px;
    top: -2px;
    color: #1696a5;
}
.page-reponse p a,.lien-spe,.cadre-special a{
    color:#1696a5;
}
.page-reponse h1,.header-expert{
    color:#1696a5;
    display: flex;
    justify-content: center;
}
.page-reponse h1,.header-expert2{
    color:#1696a5;
    display: flex;
    justify-content: center;
}

.page-reponse h2{
    color:#1696a5;
    margin: 0;
    padding: 0;
    font-size: 20px;
    margin-bottom: 0.5rem;
}
.page-reponse h3{
    color:#1696a5;
    margin: 0;
    padding: 0;
    font-size: 15px;
    margin-bottom: 0.5rem;
}

.barre-orange{
    background-color: #E73E11;

}
.restar{
    background-color: #E73E11;
    font-family: Arial, Helvetica, sans-serif;
    margin: 2rem 0rem;
    font-weight: 100;
}
.restar:hover,.restar:focus, .bouton-title:hover,.bouton-title:focus, .bouton-reponse:hover,.bouton-reponse:focus{
    background-color: #94290b!important
}
.barre-orange p {
    padding: 2rem;
    display: flex;
    justify-content:center;
    width: 100%;
    color: #fff;
    font-size: 22px;
    line-height: 34px;
    letter-spacing: 0.25px;
    font-weight: normal;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}
 
.footer{
    padding-right: 0px;
    padding-left: 0px;
    background-color: #f2f2f2;
    padding-top: 1rem;
}
.bloc-footer1{
    display:flex;
    justify-content:flex-end;
}
.bloc-footer li a,.bloc-footer1 li a{
color: #5d5d5d;
display: flex;
align-items: center;
}
.bloc-footer li,.bloc-footer1 li{
 
    font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
line-height: 30px;
color: #5d5d5d;
text-transform: uppercase;
display: flex;
}

#profil img{
width: 7rem;
}
/* #footerE,{
    border: solid 1px black ;
    padding: 2rem;
    margin: 0 4rem;
} */
.cadre{
    border: solid 1px #1696a5 ;
    padding: 1rem;
} 
.cadre p:last-child,.cadre-special p{
  margin: 0;
} 
.cadre-special{
    border: solid 1px #1696a5 ;
    padding: 1rem;
    margin-bottom: 1rem;
}
.police{
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 0.25px;
    font-weight: normal;
    text-transform: uppercase;
    list-style: none;
}

.liste-footer{
    list-style: none;
    justify-content: center;
}
.bouton-title {
    background-color: #E73E11;
    font-family: Arial, Helvetica, sans-serif;
    width: 27rem;
    margin: 0.9rem;
    text-align: center;
    display: flex;
    font-size: 0.8rem;
    font-weight: 100;
}
.bouton-reponse{
    background-color: #E73E11;
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
    width: 5rem;
    margin: 0.9rem;
    text-align: center;
    display: flex;
    font-size: 0.8rem;
    font-weight: 100;
}

 h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
#border{
    border-bottom: #1696a5 1px solid;
}
.title-bannier{
    margin: auto;
    color: #fff;
    text-shadow: #000 0 1px 1px;
    text-transform: uppercase;
    font-size: 50px;
    font-family: Arial, Helvetica, sans-serif
}
.conseil{
    margin: 1rem;
}
#footerE,.color-block{
    background-color: #DCDCDC;
    margin: 0;
    padding: 1rem 4rem;
}
.loin{
    color: #DC143C;
    font-size: 17px;
    margin-top: 3rem;
    padding: 1rem 4rem;
}
#primeo{
    margin-bottom: 4rem;
}
@media screen and (max-width: 766px) {
    #openSearchBar{
        display: none;
    }
    .lien{
        flex-direction: column;
        justify-content: flex-start;
    }
    .lien a {
        margin-left: 1rem;
    }
    .bannier {
        height: 13rem;
    }
    .logo-oeth img{
        width: 5rem;
    }
    .oeth-text{
        font-size: 0.6rem;
    }
    .title-bannier{
        font-size: 23px;
    }
    .bouton-title{
        width: 19rem;
        height: 3rem;
    }
    .bloc-footer{
        padding: 0;
    }
    .bloc-footer1{
        display:flex;
        justify-content:center;
    }
   
    .liste-footer-logo{
        list-style: none;
        justify-content: center;
    }
    #profilC p img, #profilE p img, #profilN p img{
      width: 8rem;
    }
    .page-reponse h1{
       font-size: 1.3rem;
    }
    .page-reponse h2{
        font-size: 1rem;
     }
    #alternance-non, #acoalt, #visite, #indo, #indn, #acoo, #acialt, #acon, #paco, #pacn, #acio, #acin, #primeo, #primen, #profilN, #profilC, #profilE, #footerN, #footerE, #aci-connaisseur, #alternance,#phrase 
    {
        padding: 0 1rem;
    }
    .loin {
        padding:1rem;
    }
    #footerE, .color-block{
        padding: 1rem 2rem;
    }
    .header-expert,.header-expert2
    {justify-content: start;
    }
    .header-expert,.header-expert2 ,.barre-orange p{
        font-size: 1.1rem;
    }
    .site-content {
        padding: 0;
    }
    
}
@media screen and (min-width: 767px) and (max-width: 980px){
    /* .image-title{
        font-size: 0.6rem;
    }
    .link-text img {
        width: 1rem;
    } */
    .lien a:last-of-type {
        margin-right: 0;
    }

}