body{ font-size: 16px; color: #131b13; background-image: url(../images/BG.jpg); background-repeat: no-repeat; background-size: 100%; /*background-color: rgb(220, 220, 220) !important;*/ background-color:#f2f2f2!important; font-family: 'Cabin', sans-serif; line-height: 1.2em;} a:hover { text-decoration: none; outline: none;} a.thematique_name{ font-size: 12pt; font-weight:700; color:#fff; text-align: center; line-height: 1.2rem;} p.metadata { font-size: 0.85em; color:#aeaeae;}p.metadata .fa{ color:#0b992f;}ul li { list-style: none;} /************************************************ Navbar primary ************************************************/ .bg-menu{ background:#fff;} #main-navigation .nav-link { z-index:9999;} #main-navigation .nav-link { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff; padding-top: 15px; padding-bottom: 15px; margin-left: 10px;} #main-navigation .nav-link:hover,#main-navigation .current-menu-item { } #main-navigation .dropdown-menu .dropdown-item { color: #fff; padding-top: 5px; padding-bottom: 5px; font-size: 14px; text-transform: none;} #main-navigation .dropdown-menu .dropdown-item:focus, #main-navigation .dropdown-menu .dropdown-item:hover { color: #eee; text-decoration: none; background-color: #618700;} .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; margin: .125rem 0 0; font-size: 1rem; color: #fff; text-align: left; list-style: none; background-color: #90957a; background-clip: padding-box; border:0; border-radius:0;} .dropdown-menu .nav-link { color: #fff;} .dropdown-item:focus, .dropdown-item:hover { color: #16181b; text-decoration: none; background-color: transparent;}/********* Navbar *************/ .navbar-brand:hover, .navbar-brand:focus { text-decoration: none;} .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none;} .nav-link{ color: #fff;} .nav-link:hover{ color: #fff;} #nav a.nav-link, div.dropdown-menu a.dropdown-item { color: #388c45; font-weight: bold; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;} #nav a.nav-link:hover, div.dropdown-menu a.dropdown-item:hover { color: #fff; font-weight: 700; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; background-color: #90957a !important;} .navbar-nav .dropdown-menu { position: static; float: none;} .dropdown-menu .dropdown-item { font-size: 14px; font-weight: 300; background-color: #90957a; font-weight: 600; border-bottom: 1px solid #74B624;} .dropdown-menu .dropdown-item:hover { color: #fff; background-color: #49ac01;} .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem;} .navbar-collapse { -ms-flex-preferred-size: 100%; flex-basis: 100%; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-align: center; align-items: center;} .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: #060; border: 1px solid #FFF; border-radius: 0.25rem; color: #fff;} .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none;} .navbar-toggler:not(:disabled):not(.disabled) { cursor: pointer;} .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%;}/************************************************ icones ************************************************/ .icon-lg { font-size: 48px;} .icon-sm { font-size: 34px;}/************************************************ Social icon :: header; ************************************************/ .social i { width: 30px; height: 30px; color: #FFF; font-size: 26px; text-align:center; padding-top: 6px; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; */ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;} .social i:hover { color: #FFF; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;} #social i{ width: 35px; height: 35px; color: #ccc; font-size: 28px; text-align:center; padding-top: 3px; /* border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; */ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; background-color: #fff;} #social i:hover{ font-size: 28px; text-align:center; color: #fff; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; */ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s;}/************************************************ Overlay sectionn ************************************************/ .overlay-section { background-size: cover; position: relative;} .overlay-section:before { content: ' '; position: absolute; width: 100%; height: 100%; background: rgba(40, 237, 63,0.6); top: 0; left: 0 } .parallax-section { background-attachment: fixed !important;}.bg-primary { background-color: #fff !important; /* border-bottom: 5px solid #90957a; */}/************************************************searchbar************************************************/#searchForm .input-group{ width: 100%;}#searchForm .btn-search{ background: #fff; border:0;}#searchForm .form-control { border: 1px solid #fff; }/* Multicoloured social Media*/ .social i { width: 30px; height: 30px; color: #FFF; font-size: 26px; text-align:center; padding-top: 6px; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;*/ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .social i:hover { color: #FFF; text-decoration: none; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } #social i{ width: 35px; height: 35px; color: #ccc; font-size: 28px; text-align:center; padding-top: 3px; /* border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;*/ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; background-color: #fff; } #social i:hover{ font-size: 28px; text-align:center; color: #fff; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;*/ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } #profile .social i{ color: #ccc; font-size: 22px; text-align:center; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;*/ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } #profile .social i:hover{ width: 30px; height: 30px; color: #ccc; font-size: 22px; text-align:center; padding-top: 6px; /*border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%;*/ transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } #profile .social .fa-facebook:hover{ color:#4060A5; } #profile .social .fa-twitter:hover{ color:#00ABE3; } #profile .social .fa-google-plus:hover{ color:#e64522; } #profile .social .fa-facebook:hover{ color:#4060A5; } #social .fa-facebook:hover { color: #4060A5; } #social .fa-twitter:hover { background: #00ABE3; } #social .fa-envelope:hover { color: #e64522; } #social .fa-youtube:hover { background: #FF1F25; } /************************************************ icon overlay ************************************************/ /*overlay*/ .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } /*icon-overlay*/ .icon-overlay { position: absolute; top: 45%; right: 0; bottom: 0; left: 0; opacity: 0; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } .icon-overlay:hover { position: absolute; top: 10%; right: 0; bottom: 0; left: 0; opacity: 1; transition: all ease 0.3s; -moz-transition: all ease 0.3s; -webkit-transition: all ease 0.3s; -o-transition: all ease 0.3s; -ms-transition: all ease 0.3s; } /************************************************ corps de texte ************************************************/.content-regular{ padding-bottom: 25px;}.content-regular h3{margin-top: 15px;margin-bottom: 10px; }.content-regular h4{margin-top: 5px;margin-bottom: 10px; } /************************************************ Footer thematique ************************************************/ .overlay-box { position: relative; width: 100%; max-width:100%; margin: auto; overflow: hidden;}.overlay-box .overlay-bg { background: rgba(0,0,0,0.7); position: absolute; height: 99%; width: 100%; left: 0; top: 0; bottom: 0; right: 0; opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s;} .overlay-box:hover .overlay-bg{ opacity: 1;}.overlay-image{ width: 100%;} .overlay-details { position: absolute; text-align: center; padding-left: 1em; padding-right: 1em; width: 100%; top: 50%; left: 50%; opacity: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;} .overlay-box:hover .overlay-details{ top: 50%; left: 50%; opacity: 1;} .overlay-details h3{ color: #fff; font-weight: 500; letter-spacing: 0.15em; margin-bottom: 0.5em; text-transform: uppercase;}.overlay-details p{ color: #fff; font-size: 0.8em;}.fadeIn-bottom{ top: 80%;}.fadeIn-top{ top: 20%;}.fadeIn-left{ left: 20%;}.fadeIn-right{ left: 80%;}