@charset "utf-8";

/* Icônes */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

/* Font Family */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Oswald:wght@200..700&display=swap');

.oswald{
    font-family: "Oswald", serif;
}
.open-sans{
    font-family: "Open Sans", serif;
}

/* Global */
body{
    background-color: #e5e5f7;
    opacity: 1;
    background-size: 4px 4px;
    background-image: repeating-linear-gradient(45deg, #efefff 0, #efefff 0.4px, #e5e5f7 0, #e5e5f7 50%);
}
h1, h2, h3, h4, h5, h6{ font-family: "Oswald", serif; }
p{ font-family: "Open Sans", serif; }


/* Colors */
.clr-optigroup{ color:#134E94; /* rgba(19, 78, 148, 1) */ }
.clr-optinet{ color:#f7941f; /* rgba(247, 148, 31, 1) */ }
.clr-optishop{ color:#F7BF1E; /* rgba(247, 191, 30, 1) */ }
.clr-optitech{ color:#3abeef; /* rgba(58, 190, 239, 1) */ }
.clr-opticall{ color:#8abb23; /* rgba(138, 187, 35, 1) */ }
.clr-optisave{ color:#ee3b7d; /* rgba(238, 59, 125, 1) */ }
.clr-dark-1{ color:#606060; /* rgba(96,96,96,1.00) */ }
.clr-light-1{ color:#fefefe; /* rgba(254,254,254,1.00) */ }

/* Buttons */
.btn-shadow{
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.25);
}
.btn-optigroup{
    background-color: rgba(19, 78, 148, 1);
    color:#ffffff;
}
.btn-optigroup{
    background-color: rgba(19, 78, 148, 0.85);
    color:#ffffff;
}
.btn-optinet{
    background-color: rgba(247, 148, 31, 1);
    color:#ffffff;
}
.btn-optinet:hover{
    background-color: rgba(247, 148, 31, 0.85);
    color:#ffffff;
}
.btn-optishop{
    background-color: rgba(247, 191, 30, 1);
    color:#ffffff;
}
.btn-optishop:hover{
    background-color: rgba(247, 191, 30, 0.85);
    color:#ffffff;
}
.btn-optitech{
    background-color: rgba(58, 190, 239, 1);
    color:#ffffff;
}
.btn-optitech:hover{
    background-color: rgba(58, 190, 239, 0.85);
    color:#ffffff;
}
.btn-opticall{
    background-color: rgba(138, 187, 35, 1);
    color:#ffffff;
}
.btn-opticall:hover{
    background-color: rgba(138, 187, 35, 0.85);
    color:#ffffff;
}
.btn-optisave{
    background-color: rgba(238, 59, 125, 1);
    color:#ffffff;
}
.btn-optisave:hover{
    background-color: rgba(238, 59, 125, 0.85);
    color:#ffffff;
}

/* Accueil Optigroup */
.accueil-optigroup img.logo-optigroup{ 
    max-width:275px;
    width:100%;
    height:auto;
}
.accueil-optigroup .bloc-texte{ margin:50px auto; }
.accueil-optigroup .card-head{ padding:20px; }
.accueil-optigroup .card-head img {
    max-width:150px;
    width:100%;
    height:auto;
}
.accueil-optigroup .uk-card-body h1{
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.7rem;
	color:#606060;
}

/* Top Barre */
.top-barre{
	background-color:#fefefe;
	border-bottom:1px solid #f7941f;
	padding:10px;
}
.top-barre .uk-navbar-nav > li > a{
	min-height:auto;
}
.top-barre .nav-divisions img{
	width:50px;
	height:auto;
}
.top-barre .nav-langues .uk-navbar-nav > li > a{
	background: #f7941f;
	padding: 7px;
	border-radius: 50%;
	font-weight:bold;
	color:#F7F7F7;
}
.top-barre .nav-langues .uk-navbar-nav .uk-navbar-dropdown{
	width:auto;
}