/* Created by Wikiwi.be - Raphael De Naeyer */
/* NidoConcept  */

/* General style */

	html, body {
		font-family: 'Open Sans', Verdana, Arial, sans-serif;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: top right;
		
	}
	a {
		color: #38263d;
		transition: font-size .50s ease-out, color .25s ease-in-out, background .25s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .25s ease-in-out, background .25s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .25s ease-in-out, background .25s ease-in-out;
	}
	a:hover {
		color: #179fda;
	}
	HR {
		color: #179fda;
	}
	B, strong  {
		font-weight: bold;
		color: #ef274b;
	}
	h1 {
		color: #179fda;
		border-bottom: 1px solid #179fda; 
		
	}
	h2, h2.soustitre {
		font-size: 22px;
		font-weight: bold;
		color: #ef274b;
	}
	.center {
		text-align: center;
	}
	h3 {
		width: 100%;
		color: #179fda;
	}
	h4 {
		width: 100%;
		color: #179fda;
		margin: 0px;
	}
 
/* content style */

div#zone_global {
	border-top: 3px solid #179fda;
	background-image: url("/images/bg_syncro.png");
	background-color: #ffffff;
}
div#zone_global_page {
	background-color: #ffffff;
    box-shadow: 0px 0px 15px #888888;
}
div#zone_header {
	min-height: 180px;
}
div#fil_nav {
	min-height: 40px;
	line-height: 40px;
	font-size: 13px;
	color :#a8a8a8;
	border-top: 1px solid #dadada;
}
div#fil_nav a {	text-decoration: underline; color: #a8a8a8; }

div#zone_middle {
	position: relative;
	margin-top: 20px;
	min-height: 50px;
	width: 96%;
	margin: 5px 2% 0px 2%;
	
}
div#zone_module {
	position: relative;
	margin-top: 20px;
	min-height: 200px;
	width: 96%;
	margin: 5px 2% 0px 2%;
	
}
div#zone_middle table {
	width: 75%;
	margin-left: 12%;
}
div#zone_middle .admin table {
	width: 98%;
	margin-left: 0%;
}
div#zone_slide  {
	position: relative;
	margin-top: 10px;
	min-height: 300px;
}
div#zone_separ, div#zone_separ_grise  {
	margin-top: 10px;
	min-height: 5px;
	background-color: #179fda;
}
div#zone_separ_grise {
	background-color: #dadada;
	margin: 5px 0px 0px 0px;
	min-height: 3px;
}
div#zone_nav_accueil  {
	margin-top: 20px;
	min-height: 150px;
}

div#zone_footer {
	min-height: 150px;
	background-color: #2876a4;
    box-shadow: 0px 0px 10px #888888;
}

div#zone_header_menutop {
	min-height: 20px;
	background-color: #179fda;
}
div#zone_header_logo {
	min-height: 100px;
}
div.vehicule_utilitaire_header img{
	height: 130px;
}
a.bout_lng, a.bout_lng_sm{
	position: absolute;
	right: 0px; top: 0px;
	background: white;
	padding: 2px; border-radius: 5px;
}
a.bout_lng_sm{ display:none; }
	
div#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire { text-align: center; margin: 0px 0px 20px 0px;}
div#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire img { width: 100%; max-width: 250px; }
div#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire p { font-size: 20px; color: #179fda; letter-spacing: 1px;}


@media screen and (max-width: 768px) { 
div#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire img { width: 150px; }
div#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire p { font-size: 16px; color: #179fda; letter-spacing: 1px; margin-top: 15px;}
a.bout_lng{ display:none; }
a.bout_lng_sm{ display:block; right: -5px; top: -20px; }
}

div#zone_header_menu {
	background-color: #F9F9F9;
    box-shadow: 0px 0px 5px #C1C1C1;
}
div#zone_menu {
	min-height: 50px;
	position: relative;
	padding: 0px;
}
table.txt_form td {
	font-size: 13px;
	border-bottom: 1px dashed #ccf0ff;
	padding: 3px 1px 3px 1px;
	
}
/* MENUTOP */

div#navbar_menutop {
	background: none;
	border: none;
	min-height: 20px;
	z-index: 10;
	margin: 0px;
}
div#navbar_menutop span.icon-bar {
	background-color: #38263d;
}
div#navbar_menutop ul {
	background-color: #179fda;
	margin: 0px;
	
}
div.navbar-header {
	color:white;
}
div.navbar-header button {
	background-color: #179fda;
}
div#navbar_menutop ul li {  border-right: 1px solid #ffffff; }
div#navbar_menutop ul li:first-child { border-left: 1px solid #ffffff; }
div#navbar_menutop ul li a {
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: 300;
	color: #ffffff;
	line-height: 18px;
	height: 20px;
	padding: 1px 15px 1px 15px;
	
}
div#navbar_menutop ul li a:hover {
	background-color: #000000;
	color: white;
}
div#navbar_menutop ul.dropdown-menu li {
	width: 100%;
	border:none;
	
	background-color: #F9F9F9;
	border-bottom: 1px solid #c1c1c1;
}
div#navbar_menutop ul.dropdown-menu li.active a {
	background-color: #38263d;
	color: black;
}
div#navbar_menutop ul.dropdown-menu li a {
	background-color: #F9F9F9;
	color: black;
}
div#navbar_menutop ul.dropdown-menu li a:hover {
	background-color: #179fda;
	color: #ffffff;
}

@media screen and (max-width: 768px) { 

	div#zone_slide  { min-height: 100px; } 
	
	div#navbar ul li { border:none;}
	div#navbar_menutop ul li:first-child { border:none;border-bottom: 1px solid #ffffff; }
	div#navbar_menutop ul li {  border:none; border-bottom: 1px solid #ffffff; }
	
	div.vehicule_utilitaire_header img{ display: none;}
}

@media (min-width: 767px) {
    .navbar-nav .dropdown-menu .caret {
	transform: rotate(-90deg);
	right: 0px;
    }
}
/* ZONE HEADLIGHT */

div#zone_headlight {
	background-color: #179fda;
	font-size: 12px;
	min-height: 80px;
	font-size: 30px;
	text-align: center;
	color: white;
	padding: 20px 10px 10px 10px;
	margin: 40px 0px 60px 0px;
}
div.textright { text-align: right; }
div.textleft { text-align: left; }
div.textcenter { text-align: center; }
div#zone_headlight a {
	color: white;
	}
div#zone_headlight a:hover {
	color: #000000;
	}
	
	
@media screen and (max-width: 768px) { 
	div.textright { text-align: center; font-size: 24px; }
div.textleft { text-align: center; }
}

	
	
	
	
/* Slide */

 div.carousel {
	 width: 100%;
 }
 div.carousel-caption {
	 width: 100%;
	 left: 0px;
	 background-color: rgba(255, 255, 255, 0.9);
 }
 div.carousel-caption h3 {
	font-size: 18px;
	font-weight: bold;
	color: #38263d;
	text-shadow: none;
	margin: 0px;
 }
 div.carousel-caption p {
	font-size: 13px;
	color: #38263d;
	text-shadow: none;
	margin: 0px;
 }
 div.carousel-caption span.glyphicon {
	border: 2px solid white;
	 border-radius: 30px;
	 padding: 2px;
	 top:48%;
 }
 div.carousel-caption  a:hover span.glyphicon {
	 background-color: white;
 }
 div.carousel .left,  div.carousel .right {
	 background-image: linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 100%); 
 }
 .carousel-indicators {
	 bottom:2px;
 }
 
 div#block_carousel_page div.item {
	 min-height: 250px;
	 
 }
 div#block_carousel_page div.item img {
	 width: 100%;
	 margin-right: 2px;
	 float: left;
 }
 
div#zone_photos_mobile, div#zone_video_mobile  {  display: none;  }
div#zone_photos_mobile ul {  list-style-type: none; margin:10px 2% 10px 2%; width: 96% }
div#zone_photos_mobile img {  width: 100%; margin-bottom: 15px; }
@media screen and (max-width: 768px) { 
	div#block_carousel, div#zone_video  {  display: none;  }
	div#monCarousel .item img,  div#block_carousel_page div.item, div#monCarousel {  min-height: 120px;  }
	
	div#zone_photos_mobile, div#zone_video_mobile  {  display: block;  }
 }
 
 
 /* REFERENCES - Needle*/
 
 .filter-cat{
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
	font-size: 12px;
    font-weight: normal;
}

.filter-cat::-webkit-scrollbar{
    width: 6px;
    background-color: #F5F5F5;
}
.filter-cat::-webkit-scrollbar-thumb {
    background-color: #000000;
}
.filter-cat::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

.filter-title {
    /*margin-left: 37px;*/
    font-weight: normal;
    border-bottom: 1px solid #ccc;
}

 
 
  #zone_realisations .pagination > li > a {
        cursor:pointer;
    }
    #zone_realisations .pagination > li {
        list-style-type: none;
    }
    #zone_realisations ul {
		margin-left: -30px;
    }
    #zone_realisations ul > li {
        list-style-type: none;
    }
    #zone_realisations .needle {
		min-height; 550px;
    }
    #zone_realisations .needle-body {
		width: 100%;
		margin-bottom : 25px;
		text-align: center;
    }
	
    #zone_realisations ul > li > label{
        padding-left: 5px;
        vertical-align: middle;
    }
	h3.needle-title { 
        font-size: 18px;

    }
    .card-img-top { 
        width: 100%;
    }
	.btn-primary, .btn-primary {
		background-color: #179fda;
	}
	.btn-primary:hover, .btn-primary:active {
		background-color: #000000;
	}
 
	.pagination .page-item a:hover {
		
		background-color: #000000;
		color: white;
	}
	.pagination .page-item {
		color: #179fda;
	}
	.pagination .page-item a:active {
		
		background-color: #179fda;
	}
 
 
 
/* NAV bouton accueil*/

div.bout_accueil a.boutaccueil, div.bout_accueil div.boxcontact {
	display: block;
	text-align: left;
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	margin: 10px 0px 10px 0px;	
	z-index: 1;
}
div.bout_accueil a.boutaccueil:hover, div.bout_accueil div.boxcontact:hover {
	width: 100%;
	color: white;
	font-size: 20px;
	text-decoration: none;
}
div.bout_accueil a.boutaccueil img, div.bout_accueil div.boxcontact span.text_contact, .iframevideohome {
	width: 100%;
	border: 2px solid white;
    box-shadow: 0px 0px 8px #179fda;
}
.iframevideohome {
	height: 178px;
}

div.bout_accueil a.boutaccueil span.bout_accueil_ttl, div.bout_accueil div.boxcontact span.bout_accueil_ttl{
	margin: 0px;
	width: auto;
	padding: 3px 10px 3px 10px;
	color: #ffffff;
	height: 30px;
	line-height: 30px;
	background-color: #2876a4;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topright: 15px;
	border-top-right-radius: 15px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.bout_accueil a.boutaccueil span.bout_accueil_txt, div.bout_accueil div.boxcontact span.bout_accueil_txt{
	position: absolute;
	display: block;
	width: 100%;
	color: #174966;
	background-color: rgba(255, 255, 255, 0.9);
	bottom: 0px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	text-align: center;
	z-index: 10;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.bout_accueil a.boutaccueil:hover span.bout_accueil_ttl, div.bout_accueil div.boxcontact:hover span.bout_accueil_ttl {
	background-color: #ef274b;
}
div.bout_accueil a.boutaccueil:hover span.bout_accueil_txt, div.bout_accueil div.boxcontact:hover span.bout_accueil_txt {
	color: #ef274b;
	font-size: 18px;
}
div.bout_accueil a.boutaccueil, div.bout_accueil div.boxcontact  {
	margin-left: 0px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
div.bout_accueil a.boutaccueil:hover , div.bout_accueil div.boxcontact:hover  {
	-webkit-transform: scale(1.04);
	transform: scale(1.04);
}
div.bout_accueil a.boutaccueil span.text_contact, div.bout_accueil div.boxcontact span.text_contact {
	display: block;
	width: 99%;
	top: 0px;
	line-height: 25px;
	text-align: center;
	font-size: 14px;
	padding: 10px;
	background-color: #ffffff;
	color: #174966;
	transition: font-size .50s ease-in-out, color .50s ease-in-out;
	-moz-transition: font-size .50s ease-in-out, color .50s ease-in-out;
	-webkit-transition: font-size .50s ease-in-out, color .50s ease-in-out;
}
div.bout_accueil a.boutaccueil:hover span.text_contact, div.bout_accueil div.boxcontact:hover span.text_contact {
	top: 0px;
	font-size: 14px;
	background-color: #e7f6f9;
}
div.bout_accueil div.boxcontact a {
	color: #174966;
}

div.bout_accueil div.boxcontact a:hover {
	color: #ef274b;
}




div#carousel_accueil_newpromo .carousel-control {
	top: 45%;
  width:5%;
	vertical-align: middle;
}
div#carousel_accueil_newpromo .left {
	left: -30px;
}
div#carousel_accueil_newpromo .right {
	right: -30px;
}

div#carousel_accueil_newpromo .carousel-control span {
	color: white;

}

/* CONTENT */

div#zone_texte {
	text-align: justify;
	padding-left: 20px;
}
div#zone_texte img {
	margin: 10px;
}
.box_produit {
	text-align: center;
		border: 2px solid #63c5e0;
		border-radius: 10px;
		padding: 10px;
		text-align: justify;
		margin-bottom: 10px;
		min-height: 350px;
}
.box_produit b {
	width: 100%;
	font-size: 22px;
}
div#zone_texte .box_produit img {
	max-height: 200px;
	margin: 0px 0px 10px 10px; 

}
a.produitphoto{
	display: block;
	text-align: center;
	border: 2px solid #63c5e0;
	border-radius: 10px;
	padding: 2px;
	text-align: center;
	margin: 10px 0px 0px 0px;
}
a.produitphoto img{
	max-height: 130px;
	max-width: 95%;
	margin: 0px;
}
a.produitbouton{
	display: block;
	text-align: center;
	border: 2px solid #63c5e0;
	border-radius: 10px;
	padding: 2px;
	text-align: center;
	margin-bottom: 10px;
}
a.produitbouton b{
	font-size: 22px;
}
a.produitbouton img{
}
 span.num_prod {
	 position: absolute;
	 background-color: #ef274b;
	 color: white;
	 font-weight: bolder;
	 font-size: 36px;
	 width: 40px;
	 height: 40px;
	 text-align: center;
	 border-radius: 20px;
	 top: -8px;
	 left: 0px;
 }
 
 div.listdetail {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	border-top: 1px solid #179fda;
	width: 100%;
	min-height: 105px;
 }
 div.listdetail p {
	margin: 5px 0px 0px 0px;
 }
 div.listdetail img {
	width: 160px;
	margin: 0px 5px 0px 0px;
 }
 
 div.galeriephototoit img {
	 max-width: 976px;
 }
 
 /* ZONE VIDEO */
 
 div#zone_video_haut {
	 position: relative;
	right: 0px;
	width: 100%;
	min-height: 500px;
 }
 div#zone_video_bas {
	position: relative; 
	margin-top: 40px;
	margin-bottom: 10px;
	width: 100%;
	min-height: 200px;
	text-align: center;
	border: 2px solid #c4c4c4; 
		background-color: #ededed;
	padding: 5px;
 }
  div#zone_video_haut h2, div#zone_video_bas h2 {
		font-size: 20px;
		color: #ef274b;
		margin: 0px 0px 0px 0px;
  }

/*SHOP*/

a#Bout_catalogue_accessoires {
	position: relative;
	width: 100%;
	min-height: 150px;;
	display: block;
	border-radius: 20px;
	-webkit-box-shadow: 1px 2px 20px rgba(255,255,255,.6) inset,
		0px 2px 20px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 20px rgba(255,255,255,.6) inset,
		0px 2px 20px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 20px rgba(255,255,255,1) inset,
		0px 2px 20px 1px rgba(0,0,0,0.3);
		
	
}
a#Bout_catalogue_accessoires img {
	border-radius: 20px;
	width: 100%;

}	a:hover#Bout_catalogue_accessoires {
}



div.shopzone b, div.shopzone strong {
	color: #1d5b80;
}
a.zone_caddy_top {
	float: right;
	display: block;
	margin-top: 30px;
	font-size: 16px;
	border: 1px solid #63c5e0;
	width: 100%;
	padding: 10px;
		transition: font-size .50s ease-out, color .25s ease-in-out, border .25s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .25s ease-in-out, border .25s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .25s ease-in-out, border .25s ease-in-out;
}
@media screen and (max-width: 768px) { 
	a.zone_caddy_top {
		float: left;
		margin-top: 0px;
		font-size: 11px;
		border: 1px solid #63c5e0;
		width: 100%;
		padding: 10px;
	}
}

a.caddyvide {
	border: none;
	border: 1px solid #ffffff;
	width: 55px;
}
a.zone_caddy_top span {
		font-size: 30px;
		color: #63c5e0;
}
a.zone_caddy_top:hover{
	border: 1px solid #ed2549;
	background-color: #ed2549;
	color: white;
	text-decoration: none;
}
a.zone_caddy_top:hover .caddy_nbrearticle{
	background-color: #ffffff;
}
a.zone_caddy_top p.caddy_nbrearticle {
	position: absolute;
	background-color: #ed2549;
	color: #63c5e0;
	display: block;
	font-size: 14px;
	width: 25px;
	left: 40px;
	z-index: 2;
	color: white;
	text-align: center;
	border-radius: 20px;
	padding: 2px;
}
a.zone_caddy_top:hover p.caddy_nbrearticle {
	color: #ed2549;
}
div.shop {
    font-size: 11px;
	background-color: white;
	border-right: 1px solid #63c5e0; 
	margin: 0px 0px 0px 0px;
	padding: 5px;
}
div.shop_article  {
	position: relative;
	float: left;
	width: 100%;
	margin: 0px 5px 3px 3px;
    font-size: 11px;
	padding: 0px 5px 10px 5px;

}


div.shop h1, h2.ttlshop {
    font-size: 22px;
	font-weight: bold;
	color: #ef274b;
}

div.shop_article a, .accueil_slide_eshop a.list_new, .accueil_slide_eshop a.list_promos {
	position: relative;
	display: block;
    width: 100%;
    min-height: 220px;
    font-size: 12px;
    text-align: center;
    border: 1px solid #63c5e0;
	margin: 0px 0px 5px 0px;
	background-color: #f6f6f6;
	-webkit-box-shadow: #d2d2d2 0px 0px 5px;
	-moz-box-shadow: #d2d2d2 0px 0px 5px;
	box-shadow: #d2d2d2 0px 0px 5px;

}
div.shop_article a.homeshop, .accueil_slide_eshop a {
    min-height: 165px;
}
.accueil_slide_eshop a.list_new, .accueil_slide_eshop a.list_promos {
    min-height: 170px;
	margin: 0px 0px 0x 0px;
}
.shop_article a.list_new, .shop_article a.list_promos {
	margin: 0px 0px 0x 0px;
}
div.shop_article a.homeshop img, .accueil_slide_eshop img {
    margin-top: 2px;
}
div.shop_article a.list_promos, .accueil_slide_eshop a.list_promos {
	background-color: #ffeff2;
}
div.shop_article a.list_new, .accueil_slide_eshop a.list_new {
	background-color: #f1faff;
}
div.shop_article a:hover, .accueil_slide_eshop a:hover {
	background: none;
	background-color: #ef274b;
	color: #FFFFFF;
}
div.shop_article a IMG.photoart, .accueil_slide_eshop a IMG.photoart {
	max-height: 120px;
	max-width: 250px;
    border: 1px solid #eaeaea;
}
div.shop_article a IMG.photohome {
	height: 130px;
	width: 96%;
    margin: 2%;
}
div.shop_article a span.ttl_article_rub , .accueil_slide_eshop a span.ttl_article_rub{
	position: relative;
	display: block;
	width: 94%;
	min-height: 44px;
	line-height: 20px;
    font-size: 16px;
    margin: 1px  3% 2px 3%;
    text-align: center;
	color: white;
	background-color: #179fda;
}
div.shop_article a:hover span.ttl_article_rub, .accueil_slide_eshop a:hover span.ttl_article_rub {
	background-color: #ef274b;
}
div.shop_article a span.ttl_article, .accueil_slide_eshop a span.ttl_article {
	position: relative;
	display: block;
	width: 92%;
	min-height: 40px;
	line-height: 15px;
    font-size: 13px;
    margin: 0px 4% 0px 4%;
    text-align: center;
}

@media screen and (max-width: 768px) { 
	div.shop_article a span.ttl_article_rub , .accueil_slide_eshop a span.ttl_article_rub { font-size: 16px;}
	img.photohome {  margin: 2%;}
}

a.list_promos, a.list_new, .accueil_slide_eshop a.list_new  {
	padding: 2px;
}
a.list_promos img, a.list_new img, .accueil_slide_eshop a.list_new img  {
	max-height: 110px;
	height: auto;
	max-width: 100%;
}
div.shop_article a p.ttl_article_list_promo, div.shop_article a p.prix_article_list_promo, .accueil_slide_eshop a p.ttl_article_list_promo, .accueil_slide_eshop a p.prix_article_list_prom {
    font-size: 12px;
    text-align: center;
	margin: 0px;
	width: 90%;
	margin-left:5%;
	cursor: pointer;
	text-decoration: none;
	font-size: 14px;
	color: #044d94;
	font-weight: bold;
}
div.shop_article a p.prix_article_list_promo, .accueil_slide_eshop a p.prix_article_list_promo {
	font-weight: normal;
}

div.shop_article a:hover , div.shop_article a:hover  p.ttl_article_list_promo , div.shop_article a:hover p.prix_article_list_promo{
	text-decoration: none;
	color: white;
}
div.shop_article a p.prix_article_list_promo  span, .accueil_slide_eshop a p.prix_article_list_promo  span  {
	color: red;
	text-decoration: line-through;
}
div.shop_article a:hover p.prix_article_list_promo span, .accueil_slide_eshop a:hover p.prix_article_list_promo span  {
	color: white;
	text-decoration: line-through;
}
div.shop_article a img.icone_new , div.shop_article a img.icone_promo, .accueil_slide_eshop a img.icone_new, .accueil_slide_eshop a img.icone_promo  {
	position: absolute;
	width: 70px;
	transition: width .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
	-moz-transition: width .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
	-webkit-transition: width .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out;
}
div.shop_article a img.icone_new  {
	left: -20px;
	top: -15px;
}
div.shop_article a:hover img.icone_new  {
	width: 80px;
	left: -20px;
	top: -15px;
}
div.shop_article a img.icone_promo  {
	position: absolute;
	width: 70px;
	right: -20px;
	top: -15px;
}
div.shop_article a:hover img.icone_promo  {
	width: 80px;
	right: -20px;
	top: -20px;
}
.accueil_slide_eshop a img.icone_new, .accueil_slide_eshop a img.icone_promo  {
	left: 0px;
	top: 45px;
}
.accueil_slide_eshop a img.icone_promo  {
	transform: rotate(-25deg);
}
.accueil_slide_eshop div {
	margin: 0px;
}

div.shop_article a span.promotxt, .accueil_slide_eshop a span.promotxt  {
	position: absolute;
	right: 8px;
	top: 15px;
	font-weight: bold;
	color: #e41741;
}
div.shop_article a:hover span.promotxt, .accueil_slide_eshop a:hover span.promotxt  {
	color: #ffffff;
	top: 18px;
	font-size: 15px;
}

div.shop_article a span, .accueil_slide_eshop a span {
	transition: color .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out, font-size .25s ease-in-out;
	-moz-transition: color .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out, font-size .25s ease-in-out;
	-webkit-transition: color .25s ease-in-out, top .25s ease-in-out, left .25s ease-in-out, right .25s ease-in-out, font-size .25s ease-in-out;
}


span.photoart {
	position: relative;
	display: table;
	width: 100%;
	height: 90px;
	line-height: 90px;
}

span.prix {
	position: relative;
	display: block;
	width: 94%;
	min-height: 30px;
	line-height: 24px;
    font-size: 16px;
    margin: 1px  3% 0px 3%;
	padding-top: 5px;
    text-align: center;
	color: white;
	background-color: #179fda;
}
span.prix s {
	color: #e41741;
}
span.voirplus, span.voirvideo, span.voirpluslarge {
	position: relative;
	float: left;
	width: 50%;
    line-height: 15px;
	display: block;
    font-size: 13px;
    text-align: center;
    margin: 5px 0px 0px 0px;
	cursor: pointer;
}
span.voirpluslarge {
	width: 100%;
    margin: 5px 0px 0px 0px;
}
span.voirvideo {
	font-weight: bold;
	color: #e41741;
}
span.voirplus,span.voirpluslarge {
	text-decoration: underline;
}
div.shop_article a span.glyphicon { margin-right: 2px; }
div.shop_article a span.voirplus span.glyphicon,
div.shop_article a span.voirpluslarge span.glyphicon { color: #179fda; }
div.shop_article a span.voirvideo span.glyphicon  { color: #e41741; }
div.shop_article a span.prix span.glyphicon { color: #ffffff; }

div.shop_article a:hover span { color: #ffffff; }
div.shop_article a:hover span.prix span.glyphicon,
div.shop_article a:hover span.voirplus span.glyphicon,
div.shop_article a:hover span.voirpluslarge span.glyphicon,
div.shop_article a:hover span.voirvideo span.glyphicon  { color: #ffffff; }

div.shop_article a p.boutdetail {
	position: relative;
	float: left;
    width: 130px;
    line-height: 30px;
    font-size: 11px;
    text-align: right;
    text-decoration: underline;
    cursor: pointer;
}
p#shop_text_rub {
	position: relative;
	float: left;
    width: 100%;
    font-size: 11px;
}
div.shop_article_detail {
	position: relative;
	float: left;
    width: 100%;
    margin-bottom: 30px;
    font-size: 11px;
}
div.shop_article_detail INPUT.add_caddy {
	position: relative;
	float: left;
    width: 176px;
    height: 45px;
    margin : 10px 0px 0px 20px;
    font-size: 12px;
    color: white;
    text-align: right;
    font-weight: bold;
    border: 0px;
    cursor: pointer;
	background: url('images/add_caddy.png') no-repeat top left;
}
div.shop_article_detail INPUT.add_caddy:hover {
    color: white;
    cursor: pointer;
	background: url('images/add_caddy_on.png') no-repeat top left;
}
div.shop_article_detail a#add_caddy p {
    font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
    text-align: center;
    line-height: 16px;
    margin: 5px 0px 0px 40px;
}

div.shop_article a.boutfaq {
	position: relative;
	float: left;
	display: block;
    width: 100%;
    margin: 2px 2px 2px 2px;
    font-size: 13px;
	font-weight: bold;
    text-align: center;
    border: 1px solid #63c5e0;
	background-color: #ffffff;

}
div.shop_article a:hover.boutfaq {
	background-color: #ef274b;
}
div.shop_article a.boutfaq  img{
	border: none;
}

table.articles {
	width: 90%;
	margin: 0px 5% 0px 5%;
	font-size: 13px;
}


div#shop_indispensables {
	border-right: 1px solid #63c5e0;
	background-color:#3397d2;
	border:solid 1px #729EBF;
	width: 100%;
	height: 160px;
	padding: 5px;
} 
div#shop_indispensables a {
	display: block;
	height: 160px;
}
div#shop_indispensables img {
	height: 150px;
	margin: auto;
}
div.shop_affich {
		display: none;
}
@media screen and (max-width: 768px) { 
	div.shop_cache {
		display: none;
	}
	div.shop_affich {
		display: block;
	}
}

p.shop_article_intitule{
	position: relative;
	float: left;
    width: 30%;
    font-size: 18px;
    min-height: 22px;
    line-height: 20px;
	color: #53abc5;
    margin: 0px 0px 5px 0px;
	padding-left: 10px;
}
p.shop_article_txt{
	position: relative;
	float: left;
    width: 60%;
    min-height: 22px;
    line-height: 20px;
    font-size: 15px;
    text-align: justify;
    margin: 0px 0px 20px 0px;
	padding-left: 10px;
}
p.shop_article_separ {
	position: relative;
	float: left;
    width: 100%;
    height: 1px;
    text-align: center;
    border-bottom: 1px solid #53abc5;
}
div.shop_article_photo_video {
	margin: 0px 0px 0px 0px;
	font-size: 11px;
	text-align: center;
	border-left: 1px solid #53abc5;
	z-index:1;
}
div.shop_article_photos {
	height: 60px;
	border-top: 1px solid #53abc5;
	text-align: right;
}
div.shop_article_photos a {
	position: relative;
	float: left;
	display: inline;
	width: 38px;
	height: 40px;
	margin: 1px;
	border: 1px solid #53abc5;
	text-align: center;
	vertical-align: center;
}
div.shop_article_photos a:hover {
	border: 1px solid #ef274b;
}
a.photoprinc {
	display: block;
	height: 200px;
	margin: auto;
}
a.photoprinc img{
	max-height: 200px;
	max-width: 290px;
}

div.shop_article_photos img {
	height: 38px;
	width: 38px;
	margin: auto;
}
div.shop_article_detail_txt {
	position: relative;
	float: left;
	padding: 0px 0px 0px 20px;
	font-size: 12px;
	text-align: justify;
	border-left: 1px solid #53abc5;
}
a#retour_etape {
	position: relative;
	float: left;
    width: 150px;
    height: 27px;
    display: block;
    margin : 10px 0px 0px 0px;
    border: 0px;
    cursor: pointer;
	background: url('images/bout_etape_precedente.png') no-repeat top left;
}
a#retour_etape:hover {
    cursor: pointer;
	background: url('images/bout_etape_precedente_on.png') no-repeat top left;
}
a#retour_boutique {
	position: relative;
	float: left;
    width: 150px;
    height: 27px;
    display: block;
    margin : 10px 0px 0px 0px;
    border: 0px;
    cursor: pointer;
	background: url('images/bout_retour_boutique.png') no-repeat top left;
}
a#retour_boutique:hover {
    cursor: pointer;
	background: url('images/bout_retour_boutique_on.png') no-repeat top left;
}
a#retour_rubrique {
	position: relative;
	float: left;
    width: 150px;
    height: 27px;
    display: block;
    margin : 10px 0px 0px 0px;
    border: 0px;
    cursor: pointer;
	background: url('images/bout_retour_rubrique.png') no-repeat top left;
}
a#retour_rubrique:hover {
    cursor: pointer;
	background: url('images/bout_retour_rubrique_on.png') no-repeat top left;
}



.accordion .section {
    margin: 1em;
}
.accordion .section-header a {
    text-decoration: none;
    color: gray;
}
.accordion .section:hover .section-header a {
    color: #ef274b;
}
.accordion .section:target .section-content {
    display: block;
}
.accordion .section:target {
    border: 2px solid #138fd9;
}
.accordion .section:target .section-header a {
    color:  #138fd9;
    cursor: default;
}
.accordion .section-header a:before {
    content:"\25BA\0000a0"
    /* unicode triangle pointing right */
}
.accordion .section:target .section-header a:before {
    content:"\25BC\0000a0"
    /* unicode triangle pointing down */
}

a#bout_faq_contact {
	position: relative;
	margin: auto;
	background: url('images/bout_faq_contact_off.png') no-repeat top left;
	width: 100%;
	height: 68px;
	display: block;
}
a:hover#bout_faq_contact {
	background: url('images/bout_faq_contact_on.png') no-repeat top left;
}



div.listnouveautes  {
	position: relative;
	width: 100%;
	margin: 15px 5px 0px 3px;
    font-size: 11px;
	padding: 0px 5px 10px 5px;
	
    min-height: 204px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #63c5e0;
	background-color: #ffffff;
	-webkit-box-shadow: #d2d2d2 0px 0px 5px;
	-moz-box-shadow: #d2d2d2 0px 0px 5px;
	box-shadow: #d2d2d2 0px 0px 5px;

}
div.listnouveautes span {
}

div.listnouveautes div.listnouveautes_ttl {
	width: 100%;
	min-height: 45px;
	line-height: 20px;
    font-size: 20px;
    text-align: center;
	color: #e41741;
	margin: 10px 0px 0px 0px;
}
div.listnouveautes div.listnouveautes_ttl a {
	color: #e41741;
}
div.listnouveautes div.listnouveautes_ttl span {
    font-size: 14px;
	color: #63c5e0;
}
div.listnouveautes div.listnouveautes_ttl div.row {
	display: block;
	width: 100%;
	min-height: 20px;
	line-height: 16px;
    font-size: 12px;
    text-align: center;
	color: #63c5e0;
}



/*Liste Métier*/

div.liste_metier {
	position: relative;
	width: 96%;
	min-height: 100px;
	margin: 5px 2% 0px 2%;
    text-align: center;
		z-index: 10;
}
div.liste_metier a {
	position: relative;
	float: left;
	display: block;
    min-width: 160px;
	width: 98%;
    min-height: 100px;
    margin: 2px 1% 2px 1%;
    padding: 10px 2px 2px 2px;
    font-size: 16px;
    border: 1px solid #1f75a8;
	background-color: #ffffff;
		z-index: 1;
}

div.liste_metier a:hover {
	background-color: #ef274b;
	color: #ffffff;
	font-weight: bold;
    border: 1px solid #ef274b;
}

	div.liste_metier a span {
		display: none;
		z-index: 100;
		font-size: 13px;
		
	}
	div.liste_metier a:hover span {
		position: absolute;
		top: 0px;
		display: block;
		color: #FFFFFF;
		background: #ef274b;
		border: 1px solid #ef274b;
		z-index: 100;
    height: 100px;
		padding: 10px;
	font-weight: normal;
	}
	div.liste_metier a:hover span b {
		color: #FFFFFF;
		font-size: 16px;
	}
@media screen and (max-width: 768px) { 
	div.liste_metier a {
		font-size: 13px;
	}
}

div.galerie_metier {
  		position:relative;
  		width: 100%;
	
}
div.item_metier {
  		position:relative;
		float: left;
		margin: 5px 5px 5px 5px;
		background: #f8f8f8;
		padding: 2px;
		width: 100%;
  		min-height: 285px;
		text-align: left;
		border: 1px solid #1f75a8;
		
	transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
	-moz-transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
	-webkit-transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
	
}
div.item_metier:hover {
	background-color: cee5ed;
}
div.item_metier div.item_detail {
	display: none;
}
div.item_metier:hover div.item_detail {
	display: block;
	position: absolute;
	top: 315px;
	left: 0px;
		background: #f8f8f8;
		border-top: 2px solid #138fd9;
}



div.item_metier img {
  		position:relative;
  		max-height: 130px;
		width: 100%;
  		max-width: 170px;
		background: #ffffff;
		border: 1px solid #808080;	
}
div.item_metier img:hover {
	border: 1px solid #ed2549;
}
div.item_metier p{
  	position:relative;
	margin: 5%;
	width: 90%;
}
div.item_metier p.photo {
	min-height: 130px;
	text-align: center;
}
div.item_metier p.metier_ttl {
	font-size: 13px;
	font-weight: bold;
	min-height: 30px;
		color: #179fda;	
}
div.item_metier p.metier_txt {
	font-size: 10px;
	min-height: 20px;
	
}
div.item_metier p.metier_ref {
	font-size: 9px;
	min-height: 12px;
}
div.item_metier button {
	position: relative;
	margin: auto;
	margin-left: 5%;
	width: 90%;
		background: #dadada;
		border-radius: 10px;
		height: 30px;
		font-size: 13px;
		border: 2px solid #808080;	
		
	transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
	-moz-transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
	-webkit-transition: font-size .50s ease-out, background-color .25s ease-in-out, border .25s ease-in-out;
}
div.item_metier button:hover {
		background: #138fd9;	
		cursor: pointer;
		color: white;
		border: 2px solid #ffffff;	
		
}
div.liste_metier_imtempt a {
	font-size: 12px;
}
div.liste_metier_imtempt a img {
	width: 100%;
	max-width: 80px;
	max-height: 80px;
}

/* bouton_bas */
div.bouton_bas a {
	display:  block;
	width: 90%;
	min-height: 100px;
	font-size: 24px;
	line-height: 26px;
	text-align: center;
	padding: 10px;
	margin: 20px 5% 20px 5%;
	border-radius : 20px;
	text-decoration: none;
	border: 1px solid #1a85b2;
	background: #179fda;
	color: white;
	-webkit-box-shadow: 1px 2px 10px rgba(255,255,255,.4) inset, 0px 2px 10px 1px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 10px rgba(255,255,255,.4) inset, 0px 2px 10px 1px rgba(0,0,0,0.5);
	box-shadow: 1px 2px 10px rgba(255,255,255,1) inset, 0px 2px 10px 1px rgba(0,0,0,0.5);
	
	transition: margin .50s ease-out, background-color .50s ease-in-out, width .50s ease-in-out, color .50s ease-in-out;
	-moz-transition: margin .50s ease-out, background-color .50s ease-in-out, width .50s ease-in-out, color .50s ease-in-out;
	-webkit-transition: margin .50s ease-out, background-color .50s ease-in-out, width .50s ease-in-out, color .50s ease-in-out;
}
div.bouton_bas a:hover {
	background: #ed2549;
	width: 98%;
	margin: 20px 1% 20px 1%;
}
div.bouton_bas a.devis {  background: #ed2549; margin-top: 40px; }
div.bouton_bas a:hover.devis { background: #179fda; margin-top: 40px; }
div.bouton_bas a.shop {  background: #179fda; margin-top: 40px; }
div.bouton_bas a:hover.shop { background: #ed2549; margin-top: 40px; }
div.bouton_bas a.interieurpage {  background: #f0faff; margin-top: 40px; color: #ed2549; }
div.bouton_bas a:hover.interieurpage { background: #ed2549; margin-top: 40px; color: white; }
div.bouton_bas a span {
	display:  block;
	width: 100%;
}
div.bouton_bas a span.L1 {
	
}
div.bouton_bas a span.L2 {
	font-size: 1.5em;
	line-height: 42px;
	font-weight: bold;
}
div.bouton_bas a span.L3 {
	
}
div.bouton_bas a span.L4 {
	font-size: 1em;
	line-height: 32px;
	font-weight: bold;
}
div.bouton_bas a span.Lclick {
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: underline;
}

div.bouton_bas a img {
	height: 100px;
}


iframe.iframe_video{
	width:50%; 
	height: 300px;
}

@media screen and (max-width: 768px) { 
	iframe.iframe_video{
		width:100%; 
		height: 240px;
	}
}


div#menutop {
	position: relative;
	float: left;
    width: 570px;
    height: 50px;
    margin-right: 200px;

}
div#menutop a {
	position: relative;
	float: right;
	font-size: 12px;
	margin-top: 5px;
	margin-left: 5px;
	padding-left: 5px;
	color: #056777;
	border-left: 1px solid #0869a3 ;
	text-decoration: underline;
}
div#menutop a:hover {
		COLOR: #d31b7f;
}

div#box_demipage, div#box_largepage  {
	
	padding: 10px;
	background-color: #ffffff;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;

	-webkit-box-shadow: 1px 2px 20px rgba(255,255,255,.4) inset, 0px 2px 20px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 20px rgba(255,255,255,.4) inset, 0px 2px 20px 1px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 20px rgba(255,255,255,1) inset, 0px 2px 20px 1px rgba(0,0,0,0.3);
}
div#box_largepage {
	width: 95%;
	margin-top: 20px;
	
}
div#box_demipage_separ {
	position: relative;
	float: left;
	margin: 0px 0px 0px 0px;
	top: -50px;
	width: 1px;
	height: 1000px;
	border-right: 1px solid #c32978;
	font-size: 2px;
}
div#box_demipage h2, div#box_largepage h2{
	color: #ef274b;
	border-bottom: 1px solid #138fd9;
}
div#box_largepage h2 {
	width: 100%;
	font-size: 18px;
}
div#box_demipage hr, div#box_largepage hr {
	position: relative;
	border: none;
	border-top: 1px solid #138fd9;
	height:1px;
	width: 100%;
}
div#box_largepage hr {
	width: 100%;
}
div#box_demipage p , div#box_largepage p, div#box_largepage ul, div#box_largepage ol {
	margin: 5px 10px 5px 10px;
}
div#box_demipage img, div#box_largepage img {
	margin: 10px;
}
div#box_demipage img#icone_number {
	position: absolute;
	left: -5px;
	top: -6px;
}
div#box_demipage p img {
	margin: 2px;
}


div#box_largepage img {
	-webkit-box-shadow: 1px 2px 5px rgba(255,255,255,.6) inset,
		0px 2px 5px  1px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 2px 5px  rgba(255,255,255,.6) inset,
		0px 2px 5px  1px rgba(0,0,0,0.3);
	box-shadow: 1px 2px 5px  rgba(255,255,255,1) inset,
		0px 2px 5px  1px rgba(0,0,0,0.3);
}

.equipe {
	border: 1px solid #138fd9;
}
@media screen and (max-width: 768px) { 
	.equipe img.img-fluid {
		width: 100%;
	}
}



/* NAV SHOP */



#menu_shop{
	width: 100%;
	margin:0px;
}
.menu_shop, .sousmenu_shop{
	text-align:center;
}
.menu_shop{
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #20658e 0%, #174a68 100%);
   background-image: linear-gradient(to bottom, #20658e 0%, #174a68 100%);
   border-radius:  0 0 6px 6px;
   margin-top:3px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #dadada;
   border:solid 1px #3397d2;
   
  text-decoration: none;
  color: #fff;
  font-family: verdana;
  font-size:13px;
  line-height: 26px;
  cursor: pointer;
}

#sousmenu_shop{
	margin: 0px;
   box-shadow: 2px 2px 2px #174a68;
}
.sousmenu_shop{
	min-height:18px;
  line-height: 18px;
	width:100%;
	padding:1px 0;
	color:#fff;
	margin: 0px;
}
.menu_shop a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	background:#20658e;
}
.sousmenu_shop a{
	display:block;
	width:100%;
	height:100%;
  line-height: 22px;
	color:#fff;
	font-family:arial,sans-serif;
	font-size:13px;
	text-decoration:none;
	background:#dadada;
	color: #20658e;
}
.menu_shop a:hover, .sousmenu_shop a:hover, .menu_shop a:active, .sousmenu_shop a:active, .menu_shop a:focus, .sousmenu_shop a:focus{
	background:#ef274b;
	color: #ffffff;
}
.menu_shop span{
	position: relative;
	float: right;
	margin-right: 5px;
	font-weight: bold;
	color: #3397d2;
		transition: color .25s ease-in-out;
		-moz-transition: color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out;

}
.menu_shop:hover span{
	color: white;
}
a.menu_shop_on {
	background:#179fda;
	color: white;
	
}
div.filarianeshop a {
	font-size: 14px;
	text-decoration: underline;
}

@media screen and (max-width: 768px) { 
	div.filarianeshop  {	text-align: center; }
	div.filarianeshop a { min-width: 250px;	font-size: 12px; }
	div.filarianeshop  span.shopvousetesici { display: none;}
}



/* FOOTER */

div#zone_footer_content {
	min-height: 150px;
	color: white;
}
div#zone_footer_content h3 {
	border-bottom: 1px solid white;
	font-weight: 300;
	font-size: 30px;
	color: #ffffff;
}
div#zone_footer_content h4 {
	font-size: 24px;
	font-weight: 300;
	color: #ffffff;
}
div#zone_footer_content p {
	font-size: 13px;
}
div#zone_footer_content p strong,div#zone_footer_content p b  {
	color: white;
}
img#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire_footer {
	width: 200px;
	margin: 5px 5px 5px 0px;
}

div.footer_col  a {
	color: white;
}
img.logo_social {
	height: 40px;
	margin: 20px 20px 0px 0px;
}
div#zone_footer_content .footer_col  {
	padding: 10px 20px 40px 20px;
}
div.footer_menu a, div.footer_menu a a {
	position: relative; 
	 display: block;
	 color: white;
	font-size: 14px;
	line-height: 22px;
	padding: 2px 2px 0px 5px;
	text-decoration: none;
	 text-align: left;
		transition: font-size .50s ease-out, color .25s ease-in-out, text-align .25s ease-in-out;
		-moz-transition: font-size .50s ease-out, color .25s ease-in-out, text-align .25s ease-in-out;
		-webkit-transition: font-size .50s ease-out, color .25s ease-in-out, text-align .25s ease-in-out;
 }
 div.footer_menu a:hover  {
	 color: #000000;
	 background: white;
	font-size: 15px;
 }
div.footer_menu ul , div.footer_menu ul li{ 
	width: 100%;
}
div.footer_menu ul ul li a { width: 100%; font-size: 11px;}

div.footer_menu  li ul.fsubmenu { display: none;}
div.footer_menu  li:hover ul.fsubmenu { display: block;}


@media screen and (max-width: 768px) { 
	div#zone_footer_content .footer_col  { padding: 0px 10px 10px 10px;}
	img#logo_Syncro_utilitaire_amenagement_vehicule_utilitaire_footer { display: none;}
}



div#zone_copyright {
	background-color: #1b5679;
	font-size: 12px;
	min-height: 80px;
	text-align: center;
	color: white;
	padding: 20px 10px 10px 10px;
    box-shadow: 0px 0px 10px #000000;
}
div#zone_copyright a { color: white; }
div#zone_copyright a:hover { font-size: 14px; }
a#logo_wikiwi { font-size: 9px; }