#annuaire{background-color:#e8e4d9;}
#annuaire .wrap{padding:1em;}
#annuaire #trombiPersonne{width:100%;margin-bottom:1em;}
#annuaire select{background-color:white;padding-left:35px;display:inline-block;margin-right:15px;margin-bottom:1em;height:2.7em;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
#annuaire option{padding:5px;margin:0;}
#annuaire option .first{padding-left:35px;}
#annuaire option:hover{background:#e8e4d9;color:black;}
#annuaire option:hover{background:#e8e4d9;color:black;}
#annuaire span::before{content:">";}
#annuaire p{text-align:center;}
#annuaire p input[type="submit"]{background:green;color:white;}
#annuaire p#ss{float:left;clear:both;}
#annuaire .custom-selectbox{position:relative;}
#annuaire .custom-selectbox:before{content:" ";height:0;width:0;border-left:13px solid green;border-bottom:10px solid transparent;border-top:10px solid transparent;position:absolute;left:10px;top:13px;}
@media screen and (min-width:720px){#annuaire{padding:1em 1em 0;}
#annuaire .custom-selectbox{float:left;width:50%;}
#annuaire select{width:90%;margin-bottom:1em;}
#annuaire #trombiPersonne{width:80%;margin-left:10%;margin-bottom:2em;}
#annuaire input[type="submit"]{float:right;}
}