button {
	padding:0;
}
button:hover {
	
}
button:onclick {
	padding:0;
}
a:hover, a:focus {
	text-decoration: none;
}

footer li {
    list-style: none;
    color: #0f0f0f;
    line-height: 24px;
}
footer a:link {
    color:#0f0f0f;
}
footer a:hover {
    color:#0065c3;
}
footer a:visited {
    color:#0f0f0f;
}
footer ul{
    margin-bottom:20px;
}

.bouton-130 {
    width:130px;
    text-align: center;
}
/* Pour transformer les balises a en boutton */
.a-bouton {
	display:inline-block;
	text-decoration:none;
	border-radius: 3px;
	padding:5px 10px;
}
.a-bouton:hover {
	text-decoration:none;
}
.a-bouton:focus {
	text-decoration:none;
}

/* Boutttons normaux */
.bouton-bleu {
    background-color: #337ab7;
    border: 1px solid #2e6da4;
    color:#fff;
    text-decoration: none;
}
.bouton-bleu:hover {
    background-color:#286090;
    color:#fff;
}
.bouton-bleu:onclick {
    background-color: #337ab7;
    color:#fff;
}
.bouton-bleu:focus {
    background-color: #337ab7;
    color:#fff;
}

.bouton-orange {
	background-color: #f0ad4e;
    border: 1px solid #eea236;
    color:#fff;
    text-decoration: none;
}
.bouton-orange:hover {
    background-color:#f09800;
    border: 1px solid #e08800;
    color:#fff;
}
.bouton-orange:onclick {
    background-color: #e08800;
    border: 1px solid #d07800;
    color:#fff;
}
.bouton-orange:focus {
    background-color: #e08800;
    border: 1px solid #d07800;
    color:#fff;
}
.bouton-vert {
    background-color: #7bbb5e;
    color:#fff;
}
.bouton-vert:hover {
    background-color: #6bab4e;
    color:#fff;
}
.bouton-vert:onclick {
    background-color: #4b8b2e;
    color:#fff;
}
.bouton-vert:focus {
    background-color: #6bab4e;
    color:#fff;
}

.bouton-noir {
    background-color: #505050;
    color:#fff;
}
.bouton-noir:hover {
    background-color: #404040;
    color:#fff;
}
.bouton-noir:onclick {
    background-color: #303030;
    color:#fff;
}
.bouton-noir:focus {
    background-color: #404040;
    color:#fff;
}




/* Bouttons fond blanc */
.bouton-bleu-fond-blanc {
    background-color: #fff;
    border: 1px solid #2e6da4;
    color:#337ab7;
    text-decoration: none;
}
.bouton-bleu-fond-blanc:hover {
    background-color:#337ab7;
    color:#fff;
}
.bouton-bleu-fond-blanc:onclick {
    background-color: #fff;
}

.margin-menu {
	margin-top:10px;
	margin-left:10px;
	float:right;
	font-size:14px;
}

/***** Début Bloc Couleur *****/
.bg-blue-ccs {
    background-color: #0065c3;
}
.bg-orange-ccs {
    background-color: #fa8000;
}
.bg-blue-1 {
    background-color: #337ab7; 
}
.bg-menu {
    background-color: #f0f0f0;
    font-size:17px;
/*    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(220,220,220,1) 100%);
    background-size: 50px 50px;*/
}
.bg-menu a {
    color:#fff;
}
/***** Fin Bloc couleur *****/


.actuality-block {
    position:absolute; 
    right:calc(100% + 10px); 
    top:10px; 
    width:calc(((100vw - 1170px) / 2) - 70px); 
    /*background-color:#539ad7; */
    background-color:#505050;
    padding:20px;
    border-radius:20px;
    color:#fff;
}
.actuality-block img {
    margin-top: 10px;
}
.actuality-title-block h4 {
    color:#fff;
    max-width:calc(100% - 60px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.actuality-block:after {
    position:absolute;
    left:calc(100% - 20px);
    top:0px;
    content:"";
    width: 0; 
    height: 0; 
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #505050;
    z-index: -1;
}
.actuality-block-button {
    float:right;
    height:24px;
    width:24px;
    border:1px solid #fff;
    position:relative;
    margin-left:5px;
    color:#fff;
}
.actuality-block-button:hover {
    color:#fa8000;
    border-color:#fa8000;
    cursor:pointer;
}

.actuality-block-button i {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50% , -50%);
}
.actuality-title-block {
    position:relative;
}
.actuality-title-block > div {
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}
.actualities-content-block {

}

.nav > li > a:hover {
    background-color:#135a97;

}
.title-subcat a:hover, .title-subcat li:hover; {
    background-color:#135a97;
}
.advert-tab > .filtre-recherche li a {
    color:#505050;
    font-size:12px;
}
.filtre-recherche > .nav > li > a:focus, .filtre-recherche > .nav > .active {
    background-color:#135a97;
}

/* Début partie autocompletion */
#autocompletion {
    width:100%; 
    position:absolute; 
    left:0px;
    top:36px;
    background-color:#fff;
    border-box: 1px solid #dadada;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    text-align: left;
    font-family: "OpenSans", Arial, sans-serif;
    font-size: 13px;
}
#autocompletion div {
    padding:5px 12px;
    cursor: pointer;
}
.result_focus {
    background-color: #e0e0e0;
}
#autocompletion > div {
    padding:0;
}
#autocompletion > div > p, #autocompletion > div > span {
    padding:5px 10px;
}
#keywords-block {
    
}
.keywords {
    display:inline-block;
    width:50%;
    padding:0;
    margin:5px 0;
}

/*#keywordsinput {
    width:calc(100% - 54px);
    float:left; 

}*/
.keywordscategory, .keywordssubcategory {
    width:25%;
    display:inline-block;
    text-align:right;
    padding:0;
    margin:5px 0;
}

#targetcategory {

}
.all-c-class {
    background-color: #e0e0e0;
}
#all-c-0,#all-c-1, #all-c-2, #all-c-3 {
    background-color: #e0e0e0;
}


.bg-left-category-menu {
    background-color: #e0e0ff;
    border:1px solid #fff;
    border-top: 0;
    font-size:12px;
}
.nav .bg-left-category-menu:hover {
    background-color: #fa8000;
    border:1px solid #fff;
    border-top: 0;
}
.nav .bg-left-category-menu a:hover {
    background-color: #fa8000;
}
.filtre-recherche .nav .bg-left-category-menu a:active, .filtre-recherche .nav .bg-left-category-menu a:focus, .filtre-recherche .nav .bg-left-category-menu:active, .nav .bg-left-category-menu:focus {
    background-color: #fa8000;
}
.bg-left-category-menu a {
    color:#505050;
}


@media screen and (min-width: 992px) {
/*    #keywords-block {
        float:left;
        width:210px;
        height:34px;
        padding:0;
        border-radius:0;
        display:block;
    }*/
    #keywordsinput {
        width:100%;
        float:left; 

        width:calc(100% - 264px);
    }
    #targetcategory option, #targetcategory select, #targetcategory {
        display:block;
        font-size: 13px;
        height:34px;
        width:100%;
        font-family: OpenSans;
    }
    
    #autocompletion {
        width:calc(100% - 81px); 
    }
    #targetcategory {
        overflow: hidden;
        text-overflow: ellipsis;
        padding-left:10px;
        padding-right:10px;
    }

}
/* Fin partie autocompletion */

        .btn-gray {
            background-color:#707070;
            border-color:#606060;
            color:#ffffff;
        }
        .btn-gray:hover {
            background-color:#606060;
            border-color:#505050;
            color:#ffffff;
        }
        .btn-gray:active {
            background-color:#303030;
            border-color:#202020;
            color:#ffffff;
        }