/* #PRODUIRE{fond=css/html5up_spectral.spip.css}
   md5:ee77b53c91b5fbe567fcbfdeb2cd2627 */

body.landing #page-wrapper { background-color:#242c33; color:#ffffff; }

body.is-mobile.landing #banner,
#main > header,
body.is-mobile.landing .wrapper.style4,
body.landing #page-wrapper {
	background-image: -moz-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.cuperteam.com/IMG/jpg/banner.jpg?1660551205');
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.cuperteam.com/IMG/jpg/banner.jpg?1660551205');
	background-image: -ms-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.cuperteam.com/IMG/jpg/banner.jpg?1660551205');
	background-image: linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.cuperteam.com/IMG/jpg/banner.jpg?1660551205');
	
	background-color:#242c33;
}

#header, .wrapper.style2, #banner:after { background-color:#242c33; }
#header, #header h1, #header nav > ul > li > a.menuToggle { color:#ffffff;}
body.landing #footer, body.is-mobile.landing #footer { background-color: rgba(36,44,51,0.9); }
#footer .copyright, #footer .copyright li a, #footer .copyright li a:hover { color:rgba(255,255,255, 0.5);}

.arbo, .arbo a, .arbo strong { color:rgba(255,255,255,0.5) !important; }


.page_sommaire #banner h1 { position: relative; z-index: 1; display: inline-block; padding: 0.35em 1em; font-size: 1.75em; line-height: 1.75em; opacity: 1; transform: scale(1); transition: transform 0.5s ease, opacity 0.5s ease; }
.page_sommaire #banner h1:before, .page_sommaire #banner h1:after { position: absolute; display: block; content: ""; width: 100%;  height: 2px; background: #fff; transition: width 0.85s ease; transition-delay: 0.25s;}
.page_sommaire #banner h1:before {top: 0; left: 0; }
.page_sommaire #banner h1:after { bottom: 0; right: 0; }

#banner, #banner .more, #banner h2 { color:#ffffff; }
#banner h2:before, #banner h2:after { background-color:#ffffff; }
#banner .inner { margin: auto; max-width: 1200px; }

header p { color:#ffffff; }

#menu { background-color:#21b2a6; }
#menu ul > li > a, #menu { color:#ffffff; }

.wrapper.style1, .wrapper.style1 h2, .wrapper.style1 strong { color:#ffffff; background-color:#21b2a6; }
.wrapper.style2, .wrapper.style2 h2, .wrapper.style2 strong { color:#ffffff; }
.wrapper.style3, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 header.major p, .wrapper.style3 strong { color:#ffffff; }

.wrapper.style3 { color:#ffffff; background-color:#505393; }

.wrapper.style4 { color:#ffffff; }

/* couleur accent */
.features li.icon:before, input[type="submit"].primary, input[type="reset"].primary, input[type="button"].primary, button.primary, .button.primary { color:#ed4933;}
.recherche input[type="search"]:focus, .recherche button:hover { box-shadow: 0 0 0 2px #ed4933 !important; }
.recherche button:hover { color:#ed4933 !important; }

#footer .sociaux { margin-bottom: 1em; }
#footer .sociaux li { padding: 0; }
#footer .sociaux .socicon { font-size: 1.2em; color: rgba(255, 255, 255, 0.5); background: transparent;
	transition: color 0.2s;}
#footer .sociaux a:hover .socicon, #footer .sociaux a:active .socicon, #footer .sociaux a:focus .socicon { color: #fff; }

/* Rubrique features */
.features ul.actions li { background-color: transparent; }
.features i.fa-icon { position: absolute; left: 1.75em; top: 2.75em; font-size: 1.5em; }

.adapt-img-wrapper { vertical-align: top; } /* cf https://github.com/nursit/AdaptiveImages/issues/13 */
figure.spip_doc_inner a { border: none; }

/* Les modèles bouton et icone */
a.icone { display: inline-block; border: 0; }
a.icone .icon { width: 100%; height: auto; }

.generator a { border: 0;}