.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

/*-------------------------AFFICHAGE 5---------------------------------*/

.hob_one_click_aff_5 {
    font-family: 'Montserrat', sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.hob_one_click_aff_5 a {

    text-decoration: none;
    transition: color .2s ease-in;
    font-weight: normal;
    box-sizing: content-box;
}

/* Affichage horizontal */

.hob_one_click_aff_5 .bouton_clic_h {
    width: 170px;
    height: 120px;
    font-size: 18px;
    padding: .875rem;
    text-align:left;
    vertical-align: middle;
    text-decoration: none;
    margin: .4rem;
    display: inline-block;
    cursor: pointer;
}

.hob_one_click_aff_5 .bouton_clic_h:hover {
    text-decoration: none;
}

.hob_one_click_aff_5 .bouton_clic_h:active {
    text-decoration: none;   
}


.hob_one_click_aff_5 .clic-icon i {
    font-size: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    transition: .5s;
}

/* #ocstyle5 .bouton_clic_h:hover i{
    -webkit-animation: cd-shock .35s !important;
    animation: cd-shock .35s !important;
} */

.hob_one_click_aff_5 .clic-icon img {
    font-size: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: 10px;
    margin-left: 10px;
}

/* #ocstyle5 .bouton_clic_h:hover img{
    -webkit-animation: cd-shock .35s !important;
    animation: cd-shock .35s !important;
} */

.hob_one_click_aff_5 .clic-titre {
    /* padding: 0.4rem; */
    height: 40px;
    position: relative;    
}

.hob_one_click_aff_5 .clic-titre::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    left: 10px;
    bottom: 11px;
	background: rgb(255, 255, 255);
}

.hob_one_click_aff_5 .bouton_clic_h:hover .clic-titre::after {
    width: 85%;
    transition: all 0.3s ease-in-out 0s;   
}


/* Affichage vertical */

.hob_one_click_aff_5 .bouton_clic_v {
    width: 170px;
    height: 120px;
    font-size: 18px;
    padding: .875rem;
    text-align:left;
    text-decoration: none;
    margin: .4rem;
    display: block;
    cursor: pointer;
}

.hob_one_click_aff_5 .bouton_clic_v:hover {
    text-decoration: none;
}

.hob_one_click_aff_5 .bouton_clic_v:active {
    text-decoration: none;   
}


.hob_one_click_aff_5 .clic-icon i {
    font-size: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    transition: .5s;
}

/* #ocstyle5 .bouton_clic_v:hover i{
    -webkit-animation: cd-shock .35s ;
    animation: cd-shock .35s ;
} */

.hob_one_click_aff_5 .clic-icon img {
    font-size: 40px;
    min-height: 40px;
    max-height: 40px;
    margin-top: 10px;
    margin-left: 10px;
}

/* #ocstyle5 .bouton_clic_v:hover img{
    -webkit-animation: cd-shock .35s !important;
    animation: cd-shock .35s !important;
} */

.hob_one_click_aff_5 .clic-titre {
    /* padding: 0.4rem; */
    height: 40px;
    position: relative;    
}

.hob_one_click_aff_5 .clic-titre::after {
    content: "";
    position: absolute;
    width: 20%;
    height: 2px;
    left: 10px;
    bottom: 11px;
	background: rgb(255, 255, 255);
}

.hob_one_click_aff_5 .bouton_clic_v:hover .clic-titre::after {
    width: 85%;
    transition: all 0.3s ease-in-out 0s;   
}

/* Animation */

@keyframes cd-shock {
	0%, 100% {
		-webkit-transform: rotate(0);
		-moz-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0)
	}
	30% {
		-webkit-transform: rotate(10deg);
		-moz-transform: rotate(10deg);
		-ms-transform: rotate(10deg);
		-o-transform: rotate(10deg);
		transform: rotate(10deg)
	}
	60% {
		-webkit-transform: rotate(-10deg);
		-moz-transform: rotate(-10deg);
		-ms-transform: rotate(-10deg);
		-o-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
}