/*
 * @autor : dynamic creative
 * @date : 2020
 * @version : Bootstrap 5
 */

/* ---------------------------- */
/*	   Mise en page générale	*/
/* ---------------------------- */

/**/
#global {max-width:1920px; margin:0 auto; min-height:100vh;}
.container {max-width: 1260px;}

.light {font-weight: 200!important;}
.semi {font-weight: 500;}
.regular {font-weight: 400;}

/*header*/
header {padding:10px; border-bottom:1px solid #ccc;}
header #logo {width:150px; height:auto;}
header #logo-dc {width:150px; height:auto;}

/*footer*/
footer {background:#1c1a1b; color:#999999; font-size:14px; font-weight:300;}
footer a {color:#999;}
footer a:hover {color:#fff;}

/**/


/*HOME*/
.item {width:210px; position:relative; padding:12px;}
.card {position:relative;}
.sl-img {padding:10px; text-align:center;}
.sl-img .material-icons-outlined {font-size:40px;}
.card-title {font-size:14px;}

/*FORM*/
input::placeholder { color: #ffffff; /* Theory */ }
input::-webkit-input-placeholder { color: #ffffff !important; /* Chrome/Opera/Safari */ }
input::-moz-placeholder { color: #ffffff !important; /* Firefox 19+ */ }
input:-ms-input-placeholder { color: #ffffff !important; /* IE 10+ */ }
input:-moz-placeholder { color: #ffffff !important; /* Firefox 18- */ }
/*******************/