.btn-group > .btn, .btn-group-vertical > .btn {
  margin-top:-55px !important
}
@charset "utf-8";
/* CSS Document */


/* espace puce joomla page CRÉATION DE SITE INTERNET JOOMLA PROFESSIONNEL*/
.yt-icon-list .icon_list_item .icon_description .icon_description_text {
    font-size: 12px !important;
    line-height: 15px !important;
}
.yt-icon-list .icon_list_item {
    padding-bottom: 5px !important;
}
/* ville seine et marne user2*/
div#Mod396 p {
    font-size: 10px !important;
}
/* puce devis sem*/

label[for="ContactBy0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/solution-referencement-seo.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="ContactBy1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/solution-referencement-sea.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="ContactBy2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/reseaux-sociaux-smo.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;	
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
	
}
/* puce devis creation site*/
label[for="Categoriesdesites0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/creation-site-vitrine.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="Categoriesdesites1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/creation-site-ecommerce.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="Categoriesdesites2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/creation-site-contenu.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
.uk-form input[type=radio], .uk-form input[type=checkbox] {
    border: 1px solid #000;
    box-shadow: 1px 1px 2px #555 !important;
}

label {
    font-weight: 400!important;
    color: #9E9E9E!important;
}
.uk-form input[type="checkbox"]:not(:disabled), .uk-form input[type="radio"]:not(:disabled) {
    background-color: #fff;
    margin-left: 2px;
}

label[for="formation0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/formation-seo.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="formation1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/formation-sea.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="formation2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/formation-smo.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="versionjoomla0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-migration-joomla-15.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="versionjoomla1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-migration-joomla-25.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="versionjoomla2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-wordpress.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="versionjoomla3"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-migration-php.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}


label[for="niveaujoomla0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-formation-joomla-1.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="niveaujoomla1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-formation-joomla-2.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="niveaujoomla2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-formation-joomla-3.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="maintenance0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-maintenance-joomla-30.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="maintenance1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-maintenance-joomla-50.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="maintenance2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-maintenance-joomla-100.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="maintenance3"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-maintenance-joomla-200.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="Netlinking0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-campagne-netlinking-100.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="Netlinking1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-campagne-netlinking-200.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="Netlinking2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-campagne-netlinking-300.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}
label[for="Netlinking3"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-campagne-netlinking-400.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="cms0"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-probleme-joomla.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="cms1"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-probleme-wordpress.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

label[for="cms2"] {
    background: rgba(0, 0, 0, 0) url("http://www.strategie-web.com/images/stories/puces/devis-probleme-html.jpg") repeat scroll 120px center / 120px 120px;
		margin: 5px;
	background-size: cover;
   width: 120px;
    height: 120px;
	cursor: pointer;
	font-weight: 700!important;
    color: #ffffff!important;
	text-shadow: 1px 1px #000000;
	border: 1px solid #D4D2D2;
box-shadow: 1px 1px 2px #555 !important;
}

.post-format {
    position: absolute;
    top: 0px;
    left: -68px;
    display: block;
    width: 36px;
    height: 36px;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    border-radius: 3px;
}

/* logo diminution */

.menu-fixed img.sp-default-logo {
    transform: scale(0.5) translateY(-50px);
    transition: all 1s ease 0s;
}
.menu-fixed-out img.sp-default-logo {
    transition: all 1s ease 0s;
}

/*titre h2 du slider */
.sppb-carousel-pro-text h2 {
    font-size: 14px !important;
    line-height: 14px !important;
    color:black; 
    margin-top: 0;
padding: 20px;
}
.sppb-carousel-pro-text {
width: 200px;
}

.sppb-row {
    background-color: white;
/*    opacity: .6;*/
}