/*
 * Christophe Lebis pour l'AFVAC le 24 mai 2019
 */
body{margin:0;padding:0;font-family:'Source Sans Pro',arial, helvetica, sans-serif; }

img {border: none;max-width: 100% !important; height: auto; } 
p,li{font-size:16px; color:black;margin:10px 0;line-height: 22px;}
h1{font-size:40px;line-height:50px;color:#07509d;font-weight: lighter;margin:20px 0;}
h2{font-size:26px;line-height:30px; color:#4a94ce;font-weight: normal;margin:20px 0;}
h3{font-size:22px;line-height:30px; color:black;font-weight: normal;margin:20px 0;}
ul{margin:20px;padding:0;}

.blabla {font-style: italic;margin: 30px 0;color: #666;}
.bouton {text-align: center;padding: 10px 0;}
.telechargement { text-align: center; font-size: 20px; font-weight: bold;}
.telechargement a{color:red;text-decoration: none;}
.telechargement a:hover{text-decoration: underline;}
.separateur{text-align:center;height:190px;line-height: 200px;}

.info-candidature { background-color: #4a94ce;border-radius: 12px;padding: 18px 24px;margin: 20px 0;text-align: center;}
.info-candidature p{color: white;font-size: 17px;margin: 0;}
.info-candidature a{color: white;text-decoration: underline;font-weight: bold;}
.info-candidature a:hover{color: #ffff00;}

.laureat { border: 5px solid #014fa0;border-radius: 20px;padding: 20px;}
.laureat_logo{width: 120px; height:85px; background-image: url('../images/logo_laureat.png'); margin: 0 auto 10px;}
.grand_prix .laureat{border-color: #da9301;}
.grand_prix .laureat_logo{background-image: url('../images/logo_grand_prix.png');}
.prix_special .laureat{border-color: silver;}
.prix_special .laureat_logo{background-image: url('../images/logo_grand_prix.png');}

#menu li{list-style:none;}
#menu li a{text-decoration: none;color:#014fa0;font-size:18px;font-weight:bold;line-height: 24px;display:inline-block;padding: 0 10px 4px 10px;border-bottom:4px solid white; }
#menu li a:hover, #menu li a.actif{border-color:#4995d1;color:#4995d1; }
#menu li a:hover{border-color:#ffff00;}

.page{max-width:680px;margin:auto;}

#footer {background-color: #58565f;text-align:center;padding-bottom:20px;}
#footer p{ color:white;}
#footer ul{display:inline-block;width:280px;text-align:left;vertical-align:top;}
#footer li{list-style:none;}
#footer ul a{color:white;text-decoration: none;}
#footer ul a{color:white;text-decoration: none;}

#mentions { max-width: 680px; margin: auto; padding:20px;background: white;}

/*moins de 980 px*/
.no-smart{display:none;}
#menu{text-align:center;position: fixed;width:100%;background:white;}
#menu ul{display:none;border-bottom: 1px solid #999;}
.image-bandeau{padding-top: 200px;}
#logo,.bouton-menu{display:inline-block;vertical-align: bottom;}
.bouton-menu{cursor:pointer;}
.page {padding:0 20px 0;}

/*mise en page selectionnés*/
.categorie { margin-bottom: 40px;}
.selection{margin:20px 0;}
.selection h2 {color: black; margin: 0 0 0 0;}
.descriptif { margin: 6px 20px 0 0;}
.logo_selection {width: 140px; height: 120px;padding-right: 20px;}

@media only screen and (min-width: 980px) {
    .no-smart{display:block;}
    .no-desk{display:none;}
    .image-bandeau{z-index:1;}
    nav{position:relative;width:100%;}
    .bouton-menu{display:none;}
    #menu{width: 100%;margin: auto;z-index: 2;}
    #menu{transform: translate(-50%, 0);top: 0;left: 50%;}
    #menu ul {display:inline-block !important;border:none;}
    #menu li a{border-bottom:4px solid #014fa0; }
    #logo{vertical-align: bottom;}
   
    #menu li{display:inline-block;margin:0;}
    .iframe-container embed {max-width: 500px;    }
}