/*
Theme Name: Proludic
Theme URI: http://www.iris-interactive.fr
Description: Le thème de base PROLUDIC. La modification de ce thème entraine la mise à jour de l'ensemble des sites du groupe; disposant chacun d'entre eux d'un thème enfant. 
Author: IRIS Interactive
Version: 1.0
Tags: Proludic, IRIS Interactive
*/

* {
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
*:after,
*:before {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

img {
	border: none;
}

.hint--bottom:after{
  	-webkit-transform:translate(-50%, 8px) !important;
	   -moz-transform:translate(-50%, 8px) !important;
	    -ms-transform:translate(-50%, 8px) !important;
	     -o-transform:translate(-50%, 8px) !important;
	        transform:translate(-50%, 8px) !important;
	left: 50%;
	margin-left: 0;
}
.hint--bottom:before{
	-webkit-transform:translate(-50%, 8px) !important;
	   -moz-transform:translate(-50%, 8px) !important;
	    -ms-transform:translate(-50%, 8px) !important;
	     -o-transform:translate(-50%, 8px) !important;
	        transform:translate(-50%, 8px) !important;
	left: 50%;
}

.fancybox-skin {
	border-radius: 0;
}
.fancybox-opened .fancybox-title {
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:400;
	padding:5px;
	line-height: 150%;
}


.fancybox-type-inline .fancybox-nav {
    width: 60px;       
}
.fancybox-type-inline .fancybox-nav span {
    visibility: visible;
}
.fancybox-type-inline .fancybox-next {
    right: -60px;
}
.fancybox-type-inline .fancybox-prev {
    left: -60px;
}


.popup {
	display: none;
	padding: 40px;
}

.popup .contenu {
	text-align: left;
	min-width: 760px;
}
.popup .contenu > h2 {
	margin-bottom: 20px;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:400;
	text-align: center;
}
.popup .contenu .img-contenu {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	max-width: 300px;
}
	.popup .contenu .img-contenu.map {
		float: right;
		margin-left: 20px;
		margin-bottom: 5px;
		max-height: 200px;
	}

.popup .contenu .texte {
	text-align: justify;
}



hr {
	border: none;
	border-bottom: 1px solid #C0D1DD;
	margin: 20px 10px;
	clear: both;
}

body {
	background:#b1acb4 url('images/bg-body.jpg') no-repeat center top;
	text-align:center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:175%;
	color:#3F3F3F;
}
#wrapper {
	background:#FFFFFF;
	max-width:1080px;
	width:auto;
	margin:0 auto;
	/*overflow: hidden;*/
}
	body.home #wrapper {
		background:#0079c8;
	}
/*	@media screen and (max-width: 960px) {
		#wrapper {
			width:600px;
			margin:0 auto;
		}
	}*/
	@media screen and (max-width: 600px) {
		#wrapper {
			width:320px;
			margin:0 auto;
		}
	}
	
	#main .page h1.entry-title {
		margin-bottom: 20px;
	}

.entry-content table {
	border-top: 1px solid #AAD8ED;
	border-left: 1px solid #AAD8ED;
}
.entry-content table td {
	border-right: 1px solid #AAD8ED;
	border-bottom: 1px solid #AAD8ED;
	padding: 10px;
}

/* -------------- ADDTHIS -------------- */


.atss {
	z-index: 7000;
}

.atss a {
	width: 40px;
	line-height: 40px;
	padding: 4px 0;
}
.atss a:hover {
	width: 50px;
}
.addthis_32x32_style .at15nc.at15t_facebook {
	margin-left: 5px;
	margin-top: -3px;
}

.at4-share-title {
	background: #FFF;
	color: #0079C8;
	display: block;
	text-transform: uppercase;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 48px !important;
}

/* -------------- INFINITE SCROLL -------------- */

#infscr-loading {
	text-align: center;
	display : block;
	clear: both;
	padding: 20px 0;
}

/* -------------- JUSTIFIE LE TEXTE -------------- */

.page .entry-content,
.single #main .entry-content {
	text-align: justify;
}


/* -------------------------------------------------------------------------------------------- */
/* Adaptation des couleurs -------------------------------------------------------------------- */

#access li ul li.vert > a,
#access li ul li.orange > a,
#access li ul li.violet > a {
	text-transform: uppercase;
	font-weight: bold;
}



#access li ul li.vert > a {	background-color: rgba(175, 202, 6, 0.6); }
	#access li ul li.vert > a:hover { background-color: rgba(175, 202, 6, 0.8); color: #333; }
#access li ul li.orange > a { background-color: rgba(241, 135, 0, 0.6); }
	#access li ul li.orange > a:hover { background-color: rgba(241, 135, 0, 0.8); color: #333; }
#access li ul li.violet > a { background-color: rgba(120, 90, 160, 0.6); }
	#access li ul li.violet > a:hover { background-color: rgba(120, 90, 160, 0.8); color: #333; }

.vert #main .strate-contenu {	background-color: #afca06; }
.orange #main .strate-contenu { background-color: #F18700; }
.violet #main .strate-contenu { background-color: #785AA0; }

.vert #main .strate-contenu-univers h1:before { background-image: url('images/icons/frog-aires.png'); }
.orange #main .strate-contenu-univers h1:before { background-image: url('images/icons/frog-sport.png'); }
.violet #main .strate-contenu-univers h1:before { background-image: url('images/icons/frog-mobilier.png'); }

.vert #main .strate-contenu-univers:after { background-image: url('images/frog-big-aires.png'); }
.orange #main .strate-contenu-univers:after { background-image: url('images/frog-big-sport.png'); }
.violet #main .strate-contenu-univers:after { background-image: url('images/frog-big-mobilier.png'); }

.vert #main .strate-contenu:before {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,255,0,0.75)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E7F201', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.orange #main .strate-contenu:before {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(238,241,0,0.50) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(238,241,0,0.50)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(238,241,0,0.50) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(238,241,0,0.50) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(238,241,0,0.50) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(238,241,0,0.50) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5D300', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.violet #main .strate-contenu { color: #fff; }
.violet #main .strate-contenu:before {
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.25)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,0.25) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#BA19E6', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.vert #main .addSelection { background-color: #afca06; }
	.vert #main .addSelection:hover { background-color: #718300; color: #fff; }
.orange #main .addSelection { background-color: #F18700; color: #fff; }
	.orange #main .addSelection:hover { background-color: #B46603; }
.violet #main .addSelection { background-color: #785AA0; }
	.violet #main .addSelection:hover { background-color: #B46603; }


.vert .productListFilters .noUi-connect { background-color: #afca06; }
.orange .productListFilters .noUi-connect { background-color: #F18700; }
.violet .productListFilters .noUi-connect { background-color: #785AA0; }


.vert #main .productTitleRow { background-color :#AFCA06; }
.orange #main .productTitleRow { background-color: #F18700; }
.violet #main .productTitleRow { background-color: #785AA0; }

.vert #main ul.productMedia li.active a { background-color :#AFCA06; }
	.vert #main ul.productMedia li.active a:hover { background-color: #869B05; }
.orange #main ul.productMedia li.active a { background-color :#F18700; }
	.orange #main ul.productMedia li.active a:hover { background-color: #D17500; }
.violet #main ul.productMedia li.active a { background-color :#785AA0; }
	.violet #main ul.productMedia li.active a:hover { background-color: #533A74; }

.vert #main .nav-reveal h3 { color: #AFCA06; }
.orange #main .nav-reveal h3 { color: #F18700; }
.violet #main .nav-reveal h3 { color: #785AA0; }

.vert #main .nav-reveal a.prev:hover .icon { background-image: url(images/bg-nav-product-previous-hover.png); }
.vert #main .nav-reveal a.next:hover .icon { background-image: url(images/bg-nav-product-next-hover.png); }
.orange #main .nav-reveal a.prev:hover .icon { background-image: url(images/bg-nav-product-previous-orange-hover.png); }
.orange #main .nav-reveal a.next:hover .icon { background-image: url(images/bg-nav-product-next-orange-hover.png); }
.violet #main .nav-reveal a.prev:hover .icon { background-image: url(images/bg-nav-product-previous-violet-hover.png); }
.violet #main .nav-reveal a.next:hover .icon { background-image: url(images/bg-nav-product-next-violet-hover.png); }


/* -------------------------------------------------------------------------------------------- */
/* Header ------------------------------------------------------------------------------------- */


#header {
	position: relative;
	height:130px;
	background:#0079C8 url(images/bg-header.png) no-repeat 50% 0;

	-webkit-transition:margin 0.3s ease-out;
	   -moz-transition:margin 0.3s ease-out;
	     -o-transition:margin 0.3s ease-out;
	        transition:margin 0.3s ease-out;
}
	#header.search-active {
		margin-top: 50px;
	}
	@media screen and (max-width: 600px) {
		#header {
			width:100%;
		}
	}
#header .row {
	height:130px;
}

#header #site-title {
	position:absolute;
	top:20px;
	left:330px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
}
#header #site-title a {
	text-decoration:none;
	outline:none;
}
#header #site-title a span {
	/*position:absolute;
	left:-999em;*/
}

#header #site-description {
	position:absolute;
	left:330px;
	top:40px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	
}

#header .toolbox {
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	margin-top: 10px;
	margin-right: 10px;
}

#header .toolbox .selection,
#header .toolbox .btnRecherche,
#header .toolbox .btnLangue,
#header .toolbox .btnMonCompte {
	display: inline-block;
	vertical-align: top;
	background: #004581;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
/*	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-weight: 300;
	font-size: 11px;
}
	#header .toolbox .selection:hover,
	#header .toolbox .btnRecherche:hover,
	#header .toolbox .btnLangue:hover,
	#header .toolbox .btnMonCompte:hover {
		background-color: #076cbf;
	}

/*------------------------test bouton catalogue --------------------------*/
.btnDemCat {
	display: inline-block;
	vertical-align: top;
	background: #004581;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	text-decoration: none;
	padding: 0 10px;
/*	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;*/
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
}
/*.btnDemCat a {
	color: #fff;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 11px;
}*/
.btnDemCat:hover {
		background-color: #076cbf;
	}
	
/*------------------------fin test bouton catalogue --------------------------*/


	#header .toolbox .selection {
		background: #004581 no-repeat 6px center url(images/icons/icon-selection.png);
		padding-left: 36px;
	}
		#header .toolbox .selection.has_number {
			background-image: none;
			position: relative;
		}
		#header .toolbox .selection.has_number:before {
			font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			position: absolute;
			left: 6px;
			top: 5px;
			content: attr(data-number);
			color: #004581;
			text-align: center;
			font-size: 12px;
			font-weight: bold;
			display: inline-block;
			width: 20px;
			height: 20px;
			line-height: 20px;
			border-radius: 2px;
			background: #fff;
		}
			#header .toolbox .selection.has_number:hover:before {
				color: #076cbf;
			}
			
	#header .toolbox .btnMonCompte {
		background: #004581 no-repeat 10px center url(images/icons/icon-compte.png);
		padding-left: 35px;
		font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
	}
#header .toolbox .btnRecherche,
#header .toolbox .btnLangue {
	width: 34px;
	padding: 0;
	background: #004581 no-repeat center;
}
	#header .toolbox .btnRecherche {
		background-image: url(images/icons/icon-loupe.png);
	}
	#header .toolbox .btnLangue {
		/*background-image: url(images/flag/fr.png);*/
		text-align: center;
		vertical-align: middle;
		line-height: 28px;
	}
		#header .toolbox .btnLangue img {
			vertical-align: middle;
			border: 1px solid #FFF;
		}

		/*#header .toolbox .btnLangue.de { background-image: url(images/flag/de.png); }
		#header .toolbox .btnLangue.au { background-image: url(images/flag/au.png); }
		#header .toolbox .btnLangue.at { background-image: url(images/flag/at.png); }
		#header .toolbox .btnLangue.be { background-image: url(images/flag/be.png); }
		#header .toolbox .btnLangue.ko { background-image: url(images/flag/ko.png); }
		#header .toolbox .btnLangue.hr { background-image: url(images/flag/hr.png); }
		#header .toolbox .btnLangue.sc { background-image: url(images/flag/sc.png); }
		#header .toolbox .btnLangue.ee { background-image: url(images/flag/ee.png); }
		#header .toolbox .btnLangue.fi { background-image: url(images/flag/fi.png); }
		#header .toolbox .btnLangue.gb { background-image: url(images/flag/gb.png); }
		#header .toolbox .btnLangue.el { background-image: url(images/flag/el.png); }
		#header .toolbox .btnLangue.hu { background-image: url(images/flag/hu.png); }
		#header .toolbox .btnLangue.ie { background-image: url(images/flag/ie.png); }
		#header .toolbox .btnLangue.is { background-image: url(images/flag/is.png); }
		#header .toolbox .btnLangue.it { background-image: url(images/flag/it.png); }
		#header .toolbox .btnLangue.ja { background-image: url(images/flag/ja.png); }
		#header .toolbox .btnLangue.lu { background-image: url(images/flag/lu.png); }
		#header .toolbox .btnLangue.nz { background-image: url(images/flag/nz.png); }
		#header .toolbox .btnLangue.nl { background-image: url(images/flag/nl.png); }
		#header .toolbox .btnLangue.pl { background-image: url(images/flag/pl.png); }
		#header .toolbox .btnLangue.cz { background-image: url(images/flag/cz.png); }
		#header .toolbox .btnLangue.ro { background-image: url(images/flag/ro.png); }
		#header .toolbox .btnLangue.ru { background-image: url(images/flag/ru.png); }
		#header .toolbox .btnLangue.sl { background-image: url(images/flag/sl.png); }
		#header .toolbox .btnLangue.ch { background-image: url(images/flag/ch.png); }*/

#header .toolbox .contact-infos {
	text-align: left;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	margin-top: 15px;
	margin-left: 80px;
	max-width: 150px;
}
	#header .toolbox .contact-infos .wrap-lien {
		display: inline-block;
	}
		#header .toolbox .contact-infos .wrap-lien a,
		#header .toolbox .contact-infos .wrap-lien span {
			color: #fff;
			text-decoration: none;
			display: inline-block;
			position: relative;
		}

		#header .toolbox .contact-infos .wrap-lien a:before {
		    content: '';
		    position: absolute;
		    display: block;
		    bottom: -3px;
		    left: 50%;
		    -webkit-transform:translateX(-50%);
			   -moz-transform:translateX(-50%);
			    -ms-transform:translateX(-50%);
			     -o-transform:translateX(-50%);
			        transform:translateX(-50%);
		    background: #fff;
		    height : 1px;
		    width : 0;

		    -webkit-transition:width 0.3s ease-out;
			   -moz-transition:width 0.3s ease-out;
			     -o-transition:width 0.3s ease-out;
			        transition:width 0.3s ease-out;
		}
		#header .toolbox .contact-infos .wrap-lien:hover a:before {
		    width : 100%;
		}

	#header .toolbox .contact-infos .tel {
		background: no-repeat 10px center url(images/icons/icon-tel.png);
		font-size: 16px;
		padding-left: 35px;
		margin-bottom: 8px;
	}
	#header .toolbox .contact-infos .btnContact {
		background: no-repeat 10px center url(images/icons/icon-mail.png);
		font-size: 16px;
		padding-left: 38px;
	}
  
	.site-nl #header .toolbox .contact-infos { margin-top: 10px; max-width: 190px; margin-left: 70px; }
	.site-nl #header .toolbox .contact-infos .tel { font-size: 14px; margin-bottom: 4px; }
	.site-nl #header .toolbox .contact-infos .btnContact { font-size: 14px; }
	.site-nl #header .toolbox .contact-infos .tel.first span:before { content: 'NL : '; }
	.site-nl #header .toolbox .contact-infos .tel.second span:before { content: 'BE : '; }

#header .searchbox {
	position: absolute;
	top: -50px;
	left: 0;
	right: 0;
	height: 50px;
	padding: 10px;
	text-align: center;
	background: #afca06; 
}
	#header .searchbox .champRecherche {
		vertical-align: top;
		line-height: 30px;
		height: 30px;
		border: none;
		padding: 0 10px;
		width: 40%;
		border-radius: 3px;
	}

	#header .searchbox .btnGo {
		vertical-align: top;
		border: none;
		background: #1078CF;
		line-height: 30px;
		height: 30px;
		padding: 0 10px;
		color: #fff;
		border-radius: 3px;
		cursor: pointer;
		font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}


/* -------------------------------------------------------------------------------------------- */
/* Access ------------------------------------------------------------------------------------- */


#access, 
#access .row,
#access li,
#access li a,
#access li a:before,
#access li:last-of-type a:after,
#access a.logo img {
	-webkit-transition: all 0.2s ease-out;
	   -moz-transition: all 0.2s ease-out;
	     -o-transition: all 0.2s ease-out;
	        transition: all 0.2s ease-out;
}

#access {
	height:70px;
	width:auto;
	position:relative;
	z-index:55;
	background: #fff;
}
	#access.float {
		position: fixed;
		top: 0;
		/*left: 0;*/
		width: 1080px;
		margin: 0 auto;
		z-index: 1001;
		height: 50px;
	}
		#access.float .row,
		#access.float #menu-navigation > li,
		#access.float #menu-navigation > li > a {
			height:50px;
		}
		#access.float #menu-navigation > li > a {
			line-height: 50px;
		}

		#access.float li a:before,
		#access.float li:last-of-type a:after {
			top: 10px;
		}

		#access.float a.logo img {
			max-height: 50px;
		}

#access .btnMenu {
	display: none;
}

#access .row {
	height:70px;
	padding: 0 10px;
}
#access a.logo {
	float:left;
	height: 70px;
}
#access a.logo img {
	border:none;
	max-height: 70px;
}
#access ul {
	margin:0 auto;
	text-align:center;
	float:right;
}
#access li {
	position:relative;
	/*float:left;*/
	display:inline-block;
	margin-left: -4px;
	height:70px;
	list-style:none;
	text-align:center;
}
	@media screen and (max-width: 600px) {
		#access li {
			float:none;
			width:100%;
			height:auto;
			text-align:left;
		}
	}

	#access #menu-navigation > .menu-item.current-menu-item > a, 
	#access #menu-navigation > .menu-item.current-page-ancestor > a {
		border-bottom: 3px solid #0079C8;
	}


#access li a {
	display:block;
	padding:0 15px;
	height:70px;
	line-height:70px;
	vertical-align:middle;
	color:#333333;
	text-decoration:none;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:400;
	font-size:14px;
	position: relative;
}
	#access li a:before {
		content: '';
		position: absolute;
		top: 20px;
		left: 0;
		width: 1px;
		background: #dddddd;
		height: 30px;
		opacity: 1;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}
	#access li:last-of-type a:after {
		content: '';
		position: absolute;
		top: 20px;
		right: 0;
		width: 1px;
		background: #dddddd;
		height: 30px;
		opacity: 1;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}

	#access ul:hover li a:before,
	#access ul:hover li:last-of-type a:after {
		opacity: 0;
	}
	@media screen and (max-width: 600px) {
		#access li a {
		}
	}

#access li a span {
	line-height:115%;
	display:inline-block;
	vertical-align:middle;
}
#access li > a:hover, 
#access li:hover > a {
	background:#0079C8;
	color:#FFFFFF;
}

#access li ul .menu-item-has-children > a {
	background: no-repeat 95% center url(images/icons/puce-home.png);
	color: #000;
}

/* SOUS MENUS --------------------------------------------------- */ 

#access li ul {
	background:#FFFFFF;
	position:absolute;
	left:0;
	z-index:1100;
	height:auto;
	margin:5px 0 0;
	width:260px;
	text-transform:none;
	text-align:left;

	opacity: 0;
	max-height: 0;
	overflow: hidden;

	-webkit-transition:0.2s ease-in 0.2s;
	   -moz-transition:0.2s ease-in 0.2s;
	     -o-transition:0.2s ease-in 0.2s;
	        transition:0.2s ease-in 0.2s;
	-webkit-transition-property:opacity, margin-top;
	   -moz-transition-property:opacity, margin-top;
	     -o-transition-property:opacity, margin-top;
	        transition-property:opacity, margin-top;

	box-shadow: 0 2px 2px #777777;
}
	#access li:hover ul {
		margin:0;
		opacity: 1;
		max-height: inherit;
		border-top:3px solid #0086D3;
		overflow: visible;
	}
	@media screen and (max-width: 600px) {
		#access li ul {
			display:none;
		}
	}

#access li ul li {
	height:auto;
	/*float:none;*/
	display:block;
	text-align:left;
	border-right:none;
	margin-left: 0;
}
#access li ul li a {
	height:auto;
	line-height:175%;
	padding:10px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:none;
	background-color:#FFFFFF;
	color:#333333;
	border:1px solid #E6E6E6;
	border-top:none;

/*	-webkit-transition: all 0.2s ease-in; 
	-moz-transition: all 0.2s ease-in; 
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;*/
}

#access li ul li a:hover {
	background-color:#E8F5FF;
	color: #333;
	padding-left:20px;
}


/*---------------------- NIVEAU 3 ---------------------------*/

#access li ul li ul {
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	max-height: inherit;
	opacity: 1;
}

#access li ul li:hover ul {
	display: block;
	margin-top: -3px;
}







/* -------------------------------------------------------------------------------------------- */
/* Main --------------------------------------------------------------------------------------- */ 

#main {
	/*background:#E5E5E5;*/
}
	body.home #main {
	}
	@media screen and (max-width: 600px) {
		#main {
		}
	}
/*#container {
	padding:15px 0 60px;
	width:960px;
	min-height:480px;
	height:auto;
	margin:0 auto;
	text-align:left;
	position:relative;
	z-index:5;
	background:#FFFFFF;
}*/
.page #content, 
.single #content {
	padding-bottom: 20px;
	padding-top: 20px;
}
.page #content h1, 
.single #content h1 {
	padding-top: 0;
}

	.single-product #container, 
	.page-template-single-product-php #container {
		width:100%;
		padding:0;
		min-height:inherit;
	}
	@media screen and (max-width: 600px) {
		#container {
			width:100%;
		}
	}

#main .gallery:before,
#main .gallery:after {
    content:' ';
    display:table;
}

#main .gallery:after {
    clear:both;
}
#main .gallery {
    *zoom:1;
}

#main dt.gallery-icon {
	display: block;
	position: static;
}

#main .gallery br { display : none; }

#main .gallery .gallery-item {
	display: block;
	float : left;
	position: relative;
	margin-bottom: 0;
	padding: 5px;

}
#main .gallery .gallery-item img {
	display: block;
	border : none !important;
} 

#main .gallery .gallery-item a {
	display: block;
	position: relative;
	z-index: 2;
}


/* -------------------------------------------------------------- */
/* ROWS --------------------------------------------------------- */ 

.whiteRow {
	background:#FFFFFF;
}

#main .productTitleRow {
	background:#AFCA06;
	color:#FFFFFF
}
	#main .productTitleRow .productTitle {
		-webkit-transition:0.2s ease-out;
		   -moz-transition:0.2s ease-out;
		     -o-transition:0.2s ease-out;
		        transition:0.2s ease-out;
		/*transition-property*/
		-webkit-transition-property: padding font-size;
		   -moz-transition-property: padding font-size;
		     -o-transition-property: padding font-size;
		        transition-property: padding font-size;
	}
	#main .productTitleRow .nav-product.nav-product-back a {
		-webkit-transition: top 0.2s ease-out;
		   -moz-transition: top 0.2s ease-out;
		     -o-transition: top 0.2s ease-out;
		        transition: top 0.2s ease-out;
	}

	#main .productTitleRow.float {
		position: fixed;
		top: 50px;
		width: 1080px;
		margin: 0 auto;
		z-index: 1000;
	}

	#main .productTitleRow.float .nav-product.nav-product-back a {
		top: 0;
		height: 56px;
	}

	#main .productTitleRow.float .productTitle {
		padding: 13px;
		font-size: 21px;
	}
	#main .productTitleRow.float .nav-reveal a {
		height: 50px;
	}
		#main .productTitleRow.float .nav-reveal h3 {
			line-height: 50px;
		}
		#main .productTitleRow.float .nav-reveal img {
			top: 5px;
		}
		#main .productTitleRow.float .nav-reveal a .icon {
			height: 50px;
		}

#main .productTopRow {
	background:url(images/bg-productTopRow.png) repeat-y 50% 0;
	padding:0 0 50px;
	margin-top: 20px;
}
#main .productBottomRow {
	background:#E5E5E5 url(images/bg-productBottomRow.png) no-repeat 50% 100%;
	padding:50px 0;
}
	#main .productBottomRow.has-bandeau {
		padding-top: 0;
	}

#main .productBottomRow .col-gauche {
	margin: 0;
	padding: 0;
}
#main .productBottomRow .col-gauche .productFiles {
	margin: 0;
}



/* -------------------------------------------------------------- */
/* BOX MODELS --------------------------------------------------- */ 

.row {
	width:960px;
	margin:0 auto;
	text-align:left;
	position:relative;
}
	@media screen and (max-width: 960px) {
		.row {
			width:100%;
		}
	}

#container .col160,
#container .col180,
#container .col240,
#container .col320,
#container .col360,
#container .col400,
#container .col480,
#container .col640,
#container .col720,
#container .col800 {
	padding: 0 10px;
}

.col160{
	width:160px;
	float:left;
}
.col180{
	width:180px;
	float:left;
}
.col240{
	width:240px;
	float:left;
}
.col320 {
	width:320px;
	float:left;
}
.col360 {
	width:360px;
	float:left;
}
.col400 {
	width:400px;
	float:left;
}
.col480 {
	width:480px;
	float:left;
}
.col640 {
	width:640px;
	float:left;
}
.col720 {
	width:720px;
	float:left;
}
.col800 {
	width:800px;
	float:left;
}

#content {
	width:640px;
	float:left;
}
	#content.full {
		width: auto;
		float: none;
	}
#aside {
	width:320px;
	float:left;
}
	@media screen and (max-width: 600px) {
		.col160, 
		.col180, 
		.col240, 
		.col320, 
		.col360, 
		.col400, 
		.col480, 
		.col640, 
		.col720, 
		.col800, 
		#content, 
		#aside {
			width:auto;
			float:none;
		}
	}
/*
.navigation {
	margin:20px 10px;
	font-size: 11px;
}
#main .navigation .nav-previous a, 
#main .navigation .nav-next a {
	width: 45%;
	text-decoration: none;
	line-height: 140%;
}
	.navigation .nav-previous a {
		background: no-repeat left center url('images/icons/arrow-left.png');
		padding-left: 30px;
		float: left;
	}
	.navigation .nav-next a {
		background: no-repeat right center url('images/icons/arrow-right.png');
		float:right;
		text-align:right;
		padding-right: 30px;
	} 

*/

.blog .hentry, 
.category .hentry {
	margin:0 10px 15px;
	padding: 0 0 25px;
	border-bottom: 1px solid #C0D1DD;
}
.blog #content, 
.category #content {
	padding-top: 20px;
}


.blog #main .hentry .entry-content,
.category #main .hentry .entry-content {
	text-align: justify;
}
.blog #main .hentry p, 
.category #main .hentry p {
	padding: 5px 0;
}
.blog #main .hentry h2, 
.category #main .hentry h2 {
	padding: 10px 0;
}


.blog .hentry img, 
.category .hentry img {
	max-width:100%;
}

.blog #main .hentry .entry-meta {
	color: #A2A2A2;
}
.blog #main .hentry .entry-meta a {
	color: #A2A2A2;
}
.blog #main .hentry .entry-meta a:hover {
	color: #0079C8;
}


.blog .hentry .wrap-img, 
.category .hentry .wrap-img {
	float: left;
	width: 220px;
}
.blog .hentry .content,
.category .hentry .content {
	margin-left: 240px;
}

.blog .hentry .btnLien, 
.category .hentry .btnLien {
	float: right;
}

.newsHighlightItem {
	background:#FFFFFF;
	margin:5px 10px;
	cursor:pointer;
}

.familyListItem {
	margin:5px 10px 15px;
	float:left;
	cursor:pointer;
	width:460px;
	-webkit-transition: all 0.2s ease-in; /*safari and chrome */
	-moz-transition: all 0.2s ease-in; /* firefox */
	-o-transition: all 0.2s ease-in; /* opera */
	box-shadow: 0 2px 2px #EAEAEA;
	background-color:#FFFFFF;
}

#main .listSiblings {
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 0;
	text-align: left;
	background: #E5E5E5;
	padding: 10px 20px;
}

#main .listSiblings li {
	padding: 0;
	background: none;
}

#main .listSiblings a {
	display: block;
	background: url(images/icons/puce-home.png) no-repeat 0 9px;
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #c0d1dd;

	color: #333;
	font-size: 12px;
	text-decoration: none;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#main .listSiblings a:hover {
		padding-left: 23px;
		background-position: 6px 9px;
	}

	#main .listSiblings .current_page_item > a {
		color: #0079C8;
		font-weight: bold;
	}

	#main .listSiblings li:last-child a {
		border-bottom: none;
	}

	#main .listSiblings .nbChild {
		
	}

	#aside .listSiblings .page_item.has-children > a:hover {
		padding-left: 15px;
		background-position: 0px 9px;
	}

	


/* -------------------------------------------------------------- */

#main p, 
#main ul, 
#main ol, 
#main form, 
#main dl, 
#main blockquote, 
#main address, 
#main h1, 
#main h2, 
#main h3, 
#main h4, 
#main h5, 
#main h6,
#main .swf {
	padding:5px 10px;
}
#main table {
	margin:5px 10px;
}
#main form, 
#main input, 
#main textarea, 
#main select, 
#main option, 
#main blockquote, 
#main table, 
#main tr, 
#main th, 
#main td {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#main h1,
.popup .contenu h1 {
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:26px;
	font-weight:400;
	line-height:145%;
	padding:10px 0;
	margin:0 10px 10px;
	border-bottom:1px solid #C0D1DD;
	position:relative;
	z-index:50;
}
	#main h1.productTitle {
		position:relative;
		z-index:5;
		/*margin:0 0 10px;*/
		padding:20px;
		text-align:center;
		border: none;
		margin: 0;
	}

#main h2,
.popup .contenu h2 {
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:400;
	padding:10px;
	line-height:145%;
}
	#main .familyListItem h2 {
		background-color:#0079C8;
		padding:0;
		text-align:center;
	}
	#main .catalogListItemTitle h2 {
		font-size:14px;
		padding:0;
	}
	body.blog #main h2.entry-title {
		font-size:24px;
		padding: 0;
	}

#main h3,
.popup .contenu h3 {
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	padding:10px;
}
	#main h3.productCaracteristicsTitle {
		margin-top:0;
		border-top:1px solid #C0D1DD;
		margin-left: -10px;
		margin-right: -10px;
		padding:10px 20px;
	}
	#main h3.productInstallationTitle {
		border-top:1px solid #C0D1DD;
		margin-left: -10px;
		margin-right: -10px;
		padding:10px 20px;
	}

#main h4,
.popup .contenu h4 {
}

#main h5,
.popup .contenu h5 {
}

#main h6,
.popup .contenu h6 {
}

#main p {
}
	#main .familyListItem p.thumb {
		padding:0;
		line-height:100%;
	}
	#main .catalogListItem .catalogListItemThumb p {
		padding:0;
		line-height:100%;
	}
	#main .catalogListItem p.entry-meta, 
	#main .catalogListItem p.entry-utility {
		font-size:10px;
	}

#main ul {
}
	#main ul.productFiles {
		padding:0;
		margin:5px 10px;
		background:#0079C8;
		overflow:hidden;
		/* coins arrondis */
		-moz-border-radius:3px; 	/* firefox */
		-webkit-border-radius:3px; 	/* safari */
		border-radius:3px; 			/* css3 */
	}
	#main ul.productMedia {
		text-align:center;
		background:url(images/bg-productMedia.gif) repeat-x 0 50%;
		margin:5px 0;
		padding:0;
	}

#main li {
	list-style:none;
	padding:0 0 5px 20px;
	background:url(images/bg-li.png) no-repeat 0 6px;
}
	#main ul.productMedia li {
		display:inline-block;
		/*width:50px;*/
		height:50px;
		padding:0;
		line-height:100%;
		background:none;
	}
		#main ul.productMedia li.active a {
			background: #AFCA06;
		}

		#main ul.productMedia li.active a:hover {
			background: #869B05;
		}

	#main .productCaracteristics li, 
	#main .productInstallation li {
		font-size:10px;
		font-weight:bold;
	}
		#main .productCaracteristics li {
			padding:5px 0 5px 70px;
			line-height:45px;
		}
		#main .productCaracteristics li span {
			display: inline-block;
			line-height: 110%;
			vertical-align: middle;
		}
			#main .productCaracteristics .hint--bottom:before,
			#main .productCaracteristics .hint--bottom:after {
				left: 34px;
				top: 48px;
			}

			#main .productCaracteristics li.productPlayersAge {
				background:url(images/bg-li-productPlayersAge.png) no-repeat 12px 50%;
			}
			#main .productCaracteristics li.productPlayersNum {
				background:url(images/bg-li-productPlayersNum.png) no-repeat 12px 50%;
			}
			#main .productCaracteristics li.productHCL {
				background:url(images/bg-li-productHCL.png) no-repeat 12px 50%;
			}
			#main .productCaracteristics li.productDimensions {
				background:url(images/bg-li-productDimensions.png) no-repeat 12px 50%;
			}
		#main .productInstallation li {
			padding:55px 0 10px 0;
			width: 65px;
			line-height:100%;
			float:left;
			text-align:center;
			vertical-align: top;
		}
		#main .productInstallation li sup {
			position: relative;
			top: -2px;
			vertical-align: top;
			font-size: 8px;
		}
			#main .productInstallation .hint--bottom:before,
			#main .productInstallation .hint--bottom:after {
				top: 44px;
			}
			#main .productInstallation li.productInstallUsers {
				background:url(images/bg-li-productInstallUsers.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productInstallTime {
				background:url(images/bg-li-productInstallTime.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productVolume {
				background:url(images/bg-li-productVolume.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productSurface {
				background:url(images/bg-li-productSurface.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productTotalWeight {
				background:url(images/bg-li-productTotalWeight.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productMaxElementWeight {
				background:url(images/bg-li-productMaxElementWeight.png) no-repeat 50% 0;
			}
			#main .productInstallation li.productEnginLev {
				background:url(images/bg-li-productEnginLev.png) no-repeat 50% 0;
			}
	#main ul.productFiles li {
		color:#FFFFFF;
		font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight:300;
		font-size:14px;
		padding:0;
		line-height:100%;
		background:none;
	}
		#main ul.productFiles li.title {
			padding:20px 10px;
		}

	#main ul.productTools {
		padding: 0;
		padding: 0 10px;
	}
	#main ul.productTools li {
		float:left;
		padding:0;
		line-height:100%;
		background:none;
	}

#main a {
	color:#0079C8;
}
	#main .familyListItem h2 a {
		background-color:#0079C8;
		color:#FFFFFF;
		display:block;
		padding:10px;
		text-decoration:none;
		-webkit-transition: all 0.2s ease-in; /*safari and chrome */
		-moz-transition: all 0.2s ease-in; /* firefox */
		-o-transition: all 0.2s ease-in; /* opera */
	}
	#main .catalogListItemTitle h2 a {
		padding:10px;
		display:block;
		text-align:center;
		text-decoration:none;
		background:#0079C8;
		color:#FFFFFF;
	}
	body.blog #main h2.entry-title a {
		text-decoration:none;
	}


		#main .nav-product.nav-product-back a {
			position:absolute;
			z-index:15;
			top:10px;
			display:block;
			width:55px;
			height:60px;
			text-indent:-999em;

			-webkit-transition: all 0.2s ease-in; 
			-moz-transition: all 0.2s ease-in; 
			-o-transition: all 0.2s ease-in;

			left:90px;
			background:url(images/bg-nav-product-back.png) no-repeat 50% 50%;
		}

	


	#main .nav-reveal a {
		position: absolute;
		top: 50%;
		display: block;
		outline: none;
		text-align: left;
		z-index: 50;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);

		overflow: hidden;
		width: 40px;
		height: 65px;
		-webkit-transition: width 0.4s, background-color 0.4s;
		transition: width 0.4s, background-color 0.4s;
		-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
		transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	}

	#main .nav-reveal a.prev {
		left: 0;
	}

	#main .nav-reveal a.next {
		right: 0;
	}

	#main .nav-reveal .icon-wrap {
		position: absolute;
		z-index: 100;
		padding: 44px 4px;
		width: 40px;
	}

	#main .nav-reveal a .icon {
		position: absolute;
		display: block;
		width:55px;
		height:65px;
	}
	#main .nav-reveal a.prev .icon {
		left: 0;
		background:url(images/bg-nav-product-previous.png) no-repeat 50% 50%;
	}
	#main .nav-reveal a.next .icon {
		right: 0;
		background:url(images/bg-nav-product-next.png) no-repeat 50% 50%;
	}
		#main .nav-reveal a.prev:hover .icon {
			background-image: url(images/bg-nav-product-previous-hover.png);
		}
		#main .nav-reveal a.next:hover .icon {
			background-image: url(images/bg-nav-product-next-hover.png);
		}

	#main .nav-reveal div {
		position: absolute;
		top: 0;
		padding: 0 50px;
		width: 300px;
		height: 100%;
	}

	#main .nav-reveal a.prev div {
	 	left: 0;
		padding-right: 80px;
		text-align: right;
	}

	#main .nav-reveal a.next div {
		right: 0;
		padding-left: 80px;
	}

	#main .nav-reveal h3 {
		position: relative;
		margin: 0;
		padding: 0 10px;
		color: #AFCA06;
		font-weight: 300;
		font-size: 1.45em;
		line-height: 65px;
		text-align: center;
	}
		#main .nav-reveal h3 span {
			display: inline-block;
			line-height: 130%;
		}

	#main .nav-reveal img {
		position: absolute;
		top: 10px;
		height: 45px;
	}

	#main .nav-reveal a.prev img {
		right: 10px;
	}

	#main .nav-reveal a.next img {
		left: 10px;
	}

	#main .nav-reveal a:hover {
		width: 300px;
		background-color: #fff;
	}





	#main ul.productMedia li a {
		display:block;
		float:left;
		width:50px;
		height:50px;
		margin:0 5px;
		background:#0079C8;
		-webkit-transition: all 0.2s ease-in; /*safari and chrome */
		-moz-transition: all 0.2s ease-in; /* firefox */
		-o-transition: all 0.2s ease-in; /* opera */
	}
	#main ul.productFiles li a,
	#main ul.productFiles li span {
		cursor: pointer;
		padding:15px 10px 15px 50px;
		display:block;
		border-top:1px solid #3394D3;
		text-decoration:none;
		color:#FFFFFF;
		-webkit-transition: all 0.3s ease-out; /*safari and chrome */
		-moz-transition: all 0.3s ease-out; /* firefox */
		-o-transition: all 0.3s ease-out; /* opera */
	}
		#main ul.productFiles li.technicalFile a,
		#main ul.productFiles li.technicalFile span {
			background:url(images/bg-productFiles-technicalFile.png) no-repeat 10px 50%;
		}
		#main ul.productFiles li.materialsFile a {
			background:url(images/bg-productFiles-materialsFile.png) no-repeat 10px 50%;
		}
		#main ul.productFiles li.jpegFile a {
			background:url(images/bg-productFiles-jpegFile.png) no-repeat 10px 50%;
		}
		#main ul.productFiles li.dxf2dFile a {
			background:url(images/bg-productFiles-dxf2dFile.png) no-repeat 10px 50%;
		}
		#main ul.productFiles li.dwg2dFile a {
			background:url(images/bg-productFiles-dwg2dFile.png) no-repeat 10px 50%;
		}
		#main ul.productFiles li.dwg3dFile a {
			background:url(images/bg-productFiles-dwg3dFile.png) no-repeat 10px 50%;
		}




	#main ul.productTools li a {
		display:block;
		width:220px;
		height: auto;
		line-height: 100%;
		margin:0 10px 0 0;
		padding:20px 0 20px 50px;
		text-decoration:none;
		color:#FFFFFF;
		font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight:300;
		font-size:14px;
		background:#0079C8;
		-webkit-transition: all 0.3s ease-out; /*safari and chrome */
		-moz-transition: all 0.3s ease-out; /* firefox */
		-o-transition: all 0.3s ease-out; /* opera */
		transition: all 0.3s ease-out;
		/* coins arrondis */
		-moz-border-radius:3px; 	/* firefox */
		-webkit-border-radius:3px; 	/* safari */
		border-radius:3px; 			/* css3 */
	}
		#main ul.productTools li.addToCart a {
			background:#0079C8 url(images/bg-productTools-addToCart.png) no-repeat 10px 50%;
		}
		#main ul.productTools li.addToCart a.addSelection {
			text-align: left;
		}
		#main ul.productTools li.addToCart a.success {
			background-image: url(images/icons/icon-check.png);
		}
		#main ul.productTools li.contactUs a {
			background:#0079C8 url(images/bg-productTools-contactUs.png) no-repeat 10px 50%;
		}
		#main ul.productTools li.catalogOrder a {
			background:#0079C8 url(images/bg-productTools-catalogOrder.png) no-repeat 10px 50%;
			margin-right:0;
		}

#main a:hover {
	color:#003C64;
}
	#main .familyListItem:hover h2 a, 
	#main .familyListItem h2 a:hover {
		background-color:#003C64;
	}
	#main div.nav-product.nav-product-previous a:hover {
		background-position:0% 50%;
	}
	#main div.nav-product.nav-product-next a:hover {
		background-position:100% 50%;
	}
	#main ul.productMedia li a:hover {
		background:#003C64;
	}
	#main ul.productFiles li a:hover,
	#main ul.productFiles li span:hover {
		padding-left:60px;
		background-position:15px 50%;
		background-color:#003C64;
	}
	#main ul.productTools li a:hover {
		padding-left:60px;
		background-position:15px 50%;
		background-color:#003C64 !important;
	}


#main img {
	max-width:100%;
	height: auto;
}
	#main .productPicture img {
		display:block;
		margin-left:auto;
		margin-right:auto;
		vertical-align:middle;
	}
	#main ul.productMedia li a img {
		border:0;
		display:block;
		float:left;
		width:50px;
		height:50px;
	}


#main strong {
}

#main span {
}






#main form.wpcf7-form {
	margin-top:15px;
	overflow:auto;
}
#main form.wpcf7-form ol {
	padding:0;
}
#main form.wpcf7-form li {
	padding:3px 0;
	list-style:none;
	background-image:none;
}
#main form.wpcf7-form label {
	display:inline-block;
	vertical-align:top;
	width:175px;
	padding-top:5px;
}
#main form.wpcf7-form p {
	padding:5px 0;
}
/*#main form.wpcf7-form em {
	font-weight:bold;
	font-style:normal;
	color:#FF0000;
}*/
#main form.wpcf7-form select.wpcf7-select, 
#main form.wpcf7-form input.wpcf7-text, 
#main form.wpcf7-form input.wpcf7-number, 
#main form.wpcf7-form textarea {
	padding:6px;
	background:#EDEDED;
	border:none;
	width:260px !important;
	font-size:12px;

	border: 1px solid #D6D6D6;
}
	#main form.wpcf7-form textarea {
		width:300px;
		height:100px;
	}
		#main form.wpcf7-form input.wpcf7-text:focus, 
		#main form.wpcf7-form textarea:focus {
			background:#F8F8ED;
			outline: 0;
		}

#main form.wpcf7-form em {
	color: #0079C8;
}

#main form.wpcf7-form input.wpcf7-submit {
	padding: 10px 30px;
	margin-left:180px;
	background:#0079C8;
	color:#FFFFFF;
	cursor:pointer;
	border:none;
	-webkit-appearance:none;
	/* coins arrondis */
	-moz-border-radius:3px; 	/* firefox */
	-webkit-border-radius:3px; 	/* safari */
	border-radius:3px; 			/* css3 */
}




#main table {
	margin:5px 10px;
}






/* -------------------------------------------------------------- */
/* Fil d'ariane ------------------------------------------------- */ 

#bcrumbs {
	position:relative;
	z-index:50;
	background:#E5E5E5;
}

#bcrumbs p#breadcrumbs {
	padding:15px 10px;
	font-size:11px;
	line-height:100%;
	text-align:left;
}
#bcrumbs p#breadcrumbs a {
	color:#999999;
	padding-left:15px;
	padding-right:5px;
	background:url(images/bg-breadcrumb.png) no-repeat 0 50%;
	text-decoration:none;
}
#bcrumbs p#breadcrumbs a:hover {
	text-decoration:underline;
}
#bcrumbs p#breadcrumbs span.breadcrumb_last {
	color:#444444;
	padding-left:15px;
	background:url(images/bg-breadcrumb_last.png) no-repeat 0 50%;
}



/* -------------------------------------------------------------------------------------------- */
/* Footer ------------------------------------------------------------------------------------- */


#footer {
	background:#004581 url(images/bg-footer.jpg) no-repeat top center;
	color:#FFFFFF;
	position:relative;
	padding:40px 0 100px;
	text-align: center;
	color: #aad8ed;
}
#footer h2 {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 5px;

}
#footer a {
	color:#FFFFFF;
	text-decoration: none;
}
#footer p {
	font-weight: bold;
}
#footer .btnContact {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	background: #004581;
	border-radius: 3px;
	padding: 5px 15px;
	display: inline-block;
	text-decoration: none;
	margin-bottom: 40px;
	margin-top: 15px;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#footer .btnContact:hover {
		background-color: #fff;
		color: #004581;
	}





/* -------------------------------------------------------------- */
/* Generic ------------------------------------------------------ */ 

@media screen and (max-width: 600px) {
	.hiddenforsmall {
		display:none;
	}
}

#main span.edit-link {
	position:fixed;
	left:0;
	bottom:0;
}
#main span.edit-link a {
	display:block;
	padding:10px;
	background:;
	background:#F29400;
	color:#FFFFFF;
	text-decoration:none;
	/* coins arrondis */
	-moz-border-radius:0 3px 0 0; 		/* firefox */
	-webkit-border-radius:0 3px 0 0; 	/* safari */
	border-radius:0 3px 0 0; 			/* css3 */
}


a {
	color: #0079c8;

	-webkit-transition: 0.2s ease-out;
	   -moz-transition: 0.2s ease-out;
	     -o-transition: 0.2s ease-out;
	        transition: 0.2s ease-out;

	-webkit-transition-property:color background-color;
	   -moz-transition-property:color background-color;
	     -o-transition-property:color background-color;
	        transition-property:color background-color;
}

.click {
	cursor: pointer;
}

.btnLien {
	font-size: 12px;
	font-weight: bold;
	color: #0079c8;
	background: no-repeat left center url('images/icons/puce-home.png');
	padding-left: 15px;
	text-decoration: none;

	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}


.wrap-select {
  background: #fff;
  position: relative;
  display: inline-block;
  margin-right: 10px;
  overflow: hidden;
  border-radius: 3px;
  height: 34px;
  line-height: 34px;
}
.wrap-select select {
  width: 120%;
  height: 33px;
  border: none;
  outline: 0;
  padding: 0 5px;
  color: #666666;
  font-size: 12px;

    -webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
.wrap-select select:focus {
  background: #E6E6E6;
}
.wrap-select:after {
  content: '';
  position: absolute;
  display: block;
  top: 14px;
  right: 10px;
  width: 10px;
  height: 7px;
  background: no-repeat 95% center url(images/icons/icon-select.png);
}

#main .pagination {
	text-align : center;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#main .pagination .page-numbers {
		background: #fff;
		color: #0079C8;
		font-size: 14px;

		height: 30px;
		display: inline-block;
		text-align: center;
		line-height: 30px;
		min-width: 30px;
		padding: 0 5px;
		margin: 15px 0;

		text-decoration: none;
}
#main .pagination .page-numbers.next,
#main .pagination .page-numbers.prev {
	padding: 0 10px;
}

#main .pagination .page-numbers.current,
#main .pagination .page-numbers:hover {
	background: #0079C8;
	color: #fff;
}

.spacer {
	width:100%;
	height:1px;
	clear:both;
}
.clear {
	clear:both;
}
.clearfix {
    zoom:1;
}
.clearfix:before, .clearfix:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
}
.clearfix:after {
    clear: both;
}

.left {
	text-align:left;
}
.center {
	text-align:center;
}
.right {
	text-align:right;
}
.img-border {
	border:3px solid #EFEFEF;
}
div.alignright {float:right; margin:0 0 1em 1em}
div.alignleft {float:left; margin:0 1em 1em 0}
div.aligncenter {display: block; margin-left: auto; margin-right: auto; text-align:center;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


*::selection {
	background:#3B3B3B;
	color:#FFFFFF;
}
*::-moz-selection {
	background:#3B3B3B;
	color:#FFFFFF;
}
*::-webkit-selection {
	background:#3B3B3B;
	color:#FFFFFF;
}

/*      HOME
======================================================================= */

.strate-indexPresentation {
	background:#ffffff;
	padding:30px 0;
}

.strate-produits-home {
	margin-top: 30px;
	background: repeat-x center bottom url('images/bg-strate-home.png');
}
.strate-produits-home > .row {
	background: no-repeat center 130px url('images/lueur-home.png');
}

.wrap-slider {
	position: relative;
	margin-bottom: 25px;
	padding: 0 10px;
	z-index: 1;
	-webkit-backface-visibility: hidden;
}

.wrap-slider:after {
	content: '';
	position: absolute;
	z-index: -1;
	background: no-repeat center url('images/shadow-slider.png');
	left: 0;
	right: 0;
	height: 87px;
	bottom: -30px;
}
/*
#slider {
  overflow: hidden;
  visibility: hidden;
  position: relative;
  width: 100%;
}
#slider .slides-wrap {
  overflow: hidden;
  position: relative;
}
#slider .slides-wrap > .slide {
  float: left;
  width: 100%;
  position: relative;
  overflow: hidden;
}*/
.TB_Wrapper {
    width: auto;
    height: 340px;
}
#main .TB_Wrapper .Slide img {
	max-width: inherit !important;
}

/*#slider .slide .contenu {
  position: absolute;
  text-align: center;
  background: rgba(6, 107, 161, 0.8);
  padding: 20px;
  top: 50%;
  left: 50%;

  -webkit-transform:translate(-50%,-50%);
   -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
     -o-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
}*/

#main #slider .slide .contenu {
	text-align: center;
}
	#main #slider .slide .contenu h3 {
		margin: 0 0 5px;
		padding: 0;
		font-size: 20px;
	}
	#main #slider .slide .contenu p {
		padding: 0;
	}

/*#slider .slide > img {
	height: auto;
}*/

/*#slider .slide .contenu h3 {
  font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #fff;
  margin: 0;
  padding: 0;
  line-height: 130%;
}
#slider .slide .contenu h3 a {
  color: #fff;
}
#slider .slide .contenu h3 a:hover {
  color: #fff;
}
#slider .nav-slider {
  height: 60px;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 100%;

  -webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
        transform:translateY(-50%);
}*/
#slider .nav-slider a {
  font-size: 0;
  background: no-repeat 0 center;
  height: 60px;
  width: 60px;
  display: block;
  position: absolute;

  -webkit-transition:all 0.2s ease-out;
   -moz-transition:all 0.2s ease-out;
     -o-transition:all 0.2s ease-out;
        transition:all 0.2s ease-out;
}
#slider .nav-slider a.prev {
  background: rgba(255,255,255, 0.9) no-repeat center url('images/icons/arrow-left.png');
  left: 0;
}
#slider .nav-slider a.next {
  background: rgba(255,255,255, 0.9) no-repeat center url('images/icons/arrow-right.png');
  right: 0;
}

#slider .nav-slider a:hover {
	width: 70px;
}
	#slider .nav-slider a.prev:hover {

	}
	#slider .nav-slider a.next:hover {

	}

#main .strate-produits-home h2 {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
}

#main .bloc-cat .gros-titre {
	margin-bottom: 15px;
	/*text-align: center;*/
}
#main .bloc-cat .gros-titre h2 {
	display: inline-block;
	background: no-repeat left 6px url('images/icons/arrow-right-titre.png');
	padding: 0 0 0 18px;

	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}
	.site-de #main .bloc-cat .gros-titre h2 {
		font-size: 17px;
		background-position: left 3px;
	}
	#main .gros-titre:before {
		content: '';
		vertical-align: top;
		display: inline-block;
		height: 72px; 
		width: 72px;
		margin-right: 5px;
		background: no-repeat center url('images/icons/frog-aires.png');

		border: 2px solid #81bde4;
		border-radius: 100%;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}
		.site-de #main .gros-titre:before {
			background: no-repeat center url('images/icons/frog-aires-mini.png');
			height: 50px; 
			width: 50px;
		}
	#main .bloc-cat .gros-titre:hover:before {
		-webkit-transform:rotate(-10deg);
   -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
     -o-transform:rotate(-10deg);
        transform:rotate(-10deg);
        border: 6px solid #81bde4;
	}
	#main .bloc-cat .gros-titre:hover h2 {
		padding: 0 0 0 23px;
		background-position: 3px 3px;
	}

	#main .bloc-cat h2 a {
		color: #fff;
		text-decoration: none;
	}	
		#main .bloc-cat.aires .gros-titre h2 {
			margin-top: 21px;
		}
			.site-de #main .bloc-cat .gros-titre h2 {
				margin-top: 13px;
			}

	#main .bloc-cat.aires .gros-titre:before {
		background-image: url('images/icons/frog-aires.png');
	}
		.site-de #main .bloc-cat.aires .gros-titre:before {
			background: no-repeat center url('images/icons/frog-aires-mini.png');
		}
	#main .bloc-cat.sport .gros-titre:before {
		background-image: url('images/icons/frog-sport.png');
	}
		.site-de #main .bloc-cat.sport .gros-titre:before {
			background: no-repeat center url('images/icons/frog-sport-mini.png');
		}
	#main .bloc-cat.mobilier .gros-titre:before {
		background-image: url('images/icons/frog-mobilier.png');
	}
		.site-de #main .bloc-cat.mobilier .gros-titre:before {
			background: no-repeat center url('images/icons/frog-mobilier-mini.png');
		}

#main .bloc-cat .visuel-cat {
	margin: 0 10px;
	display: block;
	height: 119px;
}
	#main .bloc-cat.sport ul,
	#main .bloc-cat.mobilier ul {
		padding: 0 10px;
	}

#main .sous-cat {
	background: rgba(255,255,255, 0.9);
	position: relative;
	padding-top: 10px;
}
	#main .sous-cat:before {
		content: '';
		position: absolute;
		top: -8px;
		left: 28px;
		border: 8px solid rgba(0, 0, 0, 0);
		border-bottom: 8px solid rgba(255,255,255, 0.9);
		border-top: 0;
		height: 0;
		width: 0;
	}


	#main .sous-cat .col240 {
		width: 230px;

	}
	#main .sous-cat ul {
		padding: 0;
	}
	#main .sous-cat ul li {
		background: none;
		padding: 0;
	}
	#main .sous-cat a {
		display: block;
		background: url(images/icons/puce-home.png) no-repeat 0 16px;
		padding: 12px 0 10px 15px;
		border-bottom: 1px solid #c0d1dd;

		color: #333;
		font-size: 12px;
		text-decoration: none;

		-webkit-transition:all 0.3s ease-out;
		   -moz-transition:all 0.3s ease-out;
		     -o-transition:all 0.3s ease-out;
		        transition:all 0.3s ease-out;
	}
		#main .sous-cat a:hover {
			padding-left: 23px;
			background-position: 6px 16px;
		}

	#main .sous-cat ul li:last-of-type a {
		border: none;
	}

.site-nl #main .bloc-recherche {
	width: 420px;
}

#main .bloc-recherche {
	background: #0079c8;
	border-radius: 3px;
	color: #fff;
	width: 320px;
	margin: 25px auto 45px;
	padding: 15px 20px;
}
	#main .bloc-recherche form {
		padding: 0;
	}
	#main .bloc-recherche label {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		margin-right: 10px;
		line-height: 34px;
	}
	#main .bloc-recherche .wrap-field {
		position: relative;
		display: inline-block;
		vertical-align: top;
	}
	#main .strate-produits-home .bloc-recherche .wrap-field {
		float: right;
	}
	#main .bloc-recherche input[type="search"], 
	#main .bloc-recherche input[type="text"] {
		background: #fff;
		height: 34px;
		line-height: 34px;
		border-radius: 3px;
		border: none;
		padding: 0 30px 0 10px;
		width: 180px;
	}
	#main .bloc-recherche input[type="submit"] {
		background: url(images/icons/search.png) no-repeat center;
		border: none;
		height: 30px;
		width: 30px;
		position: absolute;
		top: 2px;
		right: 0;
		cursor: pointer;
	}


#main .strate-accelerateurs {
	background: #0079c8;
	padding: 25px 0;
}
	#main .strate-accelerateurs .col320 {
		text-align: center;
	}

	#main .strate-accelerateurs a {
		position: relative;
		display: inline-block;

		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: 300;
		line-height: 45px;
		color: #fff;
		text-decoration: none;


		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}

		#main .strate-accelerateurs a:before {
		    content: '';
		    position: absolute;
		    display: block;
		    bottom: -2px;
		    left: 50%;
		    -webkit-transform:translateX(-50%);
			   -moz-transform:translateX(-50%);
			    -ms-transform:translateX(-50%);
			     -o-transform:translateX(-50%);
			        transform:translateX(-50%);
		    background: #fff;
		    height : 1px;
		    width : 0;

		    -webkit-transition:width 0.3s ease-out;
			   -moz-transition:width 0.3s ease-out;
			     -o-transition:width 0.3s ease-out;
			        transition:width 0.3s ease-out;
		}
		#main .strate-accelerateurs .wrap-lien:hover a:before {
		    width : 100%;
		}

		#main .strate-accelerateurs .col480 .wrap-lien{
			text-align: center;
		}

	#main .strate-accelerateurs .icon {
		display: inline-block;
		vertical-align: top;
		height: 45px;
		background: no-repeat center;
	}

	#main .strate-accelerateurs .icon.contact {
		background-image: url(images/icons/icon-contact.png);
		width: 53px;
		background-position: center 9px;
	}
	#main .strate-accelerateurs .icon.catalogues {
		background-image: url(images/icons/icon-catalogues.png);
		width: 78px;
		position: relative;
	} 
		#main .strate-accelerateurs .icon.catalogues:after {
			content: '';
			position: absolute;
			height: 42px;
			width: 42px;
			top: -16px;
			left: 43px;
			background: no-repeat center url(images/icons/icon-new.png);
		}
		#main .strate-accelerateurs .wrap-lien:hover .icon.catalogues:after {
			-webkit-animation:tada 1s linear;
			   -moz-animation:tada 1s linear;
			    -ms-animation:tada 1s linear;
			     -o-animation:tada 1s linear;
			        animation:tada 1s linear;
		}

	#main .strate-accelerateurs .icon.newsletters {
		background-image: url(images/icons/icon-newsletter.png);
		width: 78px;
	}


#main .strate-actus {
	background: #e5e5e5 no-repeat center top url('images/lueur-home-actus.png');
	padding: 30px 0;
}

	#main .strate-actus .col480 {
		overflow: hidden;
		position: relative;
		z-index: 1;
		margin: 0 35px;
		padding: 0;
		width: 410px;

		padding-bottom: 40px;
	}

	#main .strate-actus .btnLien {
		margin-top: 20px;

		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 2;
	}

	#main .strate-actus h3 {
		background: #0079c8;
		color: #fff;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 20px;
		font-weight: 300; 
		width: 185px;
		margin: 0 auto 35px;
		border-left: 2px solid #eaeaea;
		border-right: 2px solid #eaeaea;
		position: relative;
		text-align: center;
		height: 45px;
		line-height: 45px;
		padding: 0;
	}
		#main .strate-actus h3:after {
			content: '';
			position: absolute;
			top: 50%;
			left: -200%;
			height: 1px;
			width: 500%;
			background: #c0d1dd;
			z-index: -1;
		} 

	#main .liste-event .date,
	#main .strate-actus .date {
		display: block;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
	}
		#main .strate-actus .date {
			margin-top: 10px;
		}
		
	#main .liste-event h4,
	#main .strate-actus h4 {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: 700; 
		padding: 0;
		color: #0079c8;
		margin: 5px 0 10px;
	}
	#main .liste-event h4 a,
	#main .strate-actus h4 a {
		text-decoration: none;
	}

	#main .liste-event .excerpt,
	#main .strate-actus .excerpt {
		font-size: 12px;
		color: #666666;
		padding: 0;
		text-align: justify;
	}
	#main .strate-actus .actu .wrap-visuel {
		display: block;
		width: 410px;
		height: 255px;
		line-height: 255px;
		text-align: center;
		background: #fff;
	}
	#main .strate-actus .actu .visuel {
		max-width: 100%;
		vertical-align: middle;
	}
	#main  .event {
		margin-bottom: 15px;
		padding-left: 5px;
	}
		#main .event .date-rond {
			border-radius: 100%;
			float: left;
			width: 65px;
			height: 65px;
			border: 2px solid #77b4db;
			font-size: 20px;
			font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
			padding: 8px;

			-webkit-transition:all 0.3s ease-out;
			   -moz-transition:all 0.3s ease-out;
			     -o-transition:all 0.3s ease-out;
			        transition:all 0.3s ease-out;
		}
			#main .event.territorial .date-rond {
				background: #0079C8;
				color: #FFF;
			}
			#main .event:hover .date-rond {
				box-shadow: 0 0 0 4px #77b4db;
			}
			#main .event:hover a {
				color: #003C64;
			}
		#main .event .date-rond .jour {
			display: block;
			text-align: center;
			font-weight: 700;
			margin-bottom: 4px;
		}
		#main .event .date-rond .mois {
			display: block;
			text-align: center;
			font-weight: 300;
		}
		#main .event .contenu {
			margin-left:  75px;
			margin-top: 10px;
		}
		#main .event h4 {
			margin-bottom: 5px;
		}

#main .strate-reseaux {
	background: #fff;
	padding: 25px 0;
	overflow: hidden;
}

	#main .strate-reseaux .row {
	}

	#main .strate-reseaux h3 {
		font-size: 22px;
		color: #333;
	}

	#main .strate-reseaux .stream li {
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
	  font-size: 12px;
	  font-weight: bold;
	  color: #666666;
	  max-height: 350px;
	  overflow: hidden;
	  width: 190px;
	  margin-right: 10px;
	  margin-bottom: 10px;
	  padding: 10px;
	  background: none;
	  border: 1px solid #dddddd;
	}
	#main .strate-reseaux .stream li .inner {
	  max-height: 300px;
	  padding: 0;
	}
	#main .strate-reseaux .stream li.dcsns-twitter .section-thumb {
	  display: none;
	}
	#main .strate-reseaux .stream li .section-intro {
	  display: none;
	}
	#main .strate-reseaux .stream li .icon {
	  left: inherit;
	  right: 10px;
	  bottom: 10px;
	}
	#main .strate-reseaux .stream li .section-text img {
	  display: none;
	}
	#main .strate-reseaux .stream li .section-share {
	  display: none;
	}
	#main .strate-reseaux .stream li .section-thumb {
	  float: none;
	  max-height: 120px;
	  overflow: hidden;
	  display: block;
	  margin-bottom: 10px;
	}
	#main .strate-reseaux .stream li .section-thumb img {
	  border: none;
	  width: inherit;
	}
	#main .strate-reseaux .stream li a {
	  color: #666666;
	  text-decoration: none;
	  font-weight: bold;
	  font-size: 12px;
	}
	#main .strate-reseaux .stream > li > a {
		display: block;
		height: 33px;
		width: 33px;
		margin: 0 auto;
		background: #36589b;
		border-radius: 100%;
		text-align: center;
		line-height: 33px;
	}
		#main .strate-reseaux .stream > li > a .icon {
			display: inline;
			vertical-align: middle;

			position: relative;
			right: inherit;
			bottom: inherit;
			top: -1px;
		}

		#main .strate-reseaux .stream > li.dcsns-youtube > a {
			background-color: #cc0921;
		}
		#main .strate-reseaux .stream > li.dcsns-twitter > a {
			background-color: #00aced;
		}
		#main .strate-reseaux .stream > li.dcsns-flickr > a {
			background-color: #ff0084;
		}
		#main .strate-reseaux .stream > li.dcsns-youtube > a .icon {	
			top: -2px;
		}
	#main .strate-reseaux .dcsns-toolbar {
	  float: right;
	  width: auto;
	  margin-left: 35px;
	  margin-top: -43px;
	  margin-bottom: 10px;
	}
	#main .strate-reseaux .dcsns-toolbar .filter {
		display: inline-block;
		padding: 5px 0;
	}
	#main .strate-reseaux .dcsns-toolbar a {
	  background: #c2c2c2;
	  border-radius: 100%;
	  width: 40px;
	  height: 40px;
	  line-height: 38px;
	  margin-right: 4px;
	  display: inline-block;
	  text-align: center;
	  padding: 0;
	}
		#main .strate-reseaux .dcsns-toolbar a:hover,
		#main .strate-reseaux .dcsns-toolbar a.iso-active {
			background-color: #0079c8;
		}
	#main .strate-reseaux .dcsns-toolbar a img {
	  vertical-align: middle;
	  height: auto;
	  margin-left: 1px;
	}
	#main .strate-reseaux .dcsns-toolbar .btnLinkedin {
		vertical-align: top;
		margin: 5px 0;
	}
	#main .strate-reseaux .dcsns-toolbar #dcsns-filter .link-all {
	  text-transform: uppercase;
	  font-size: 10px;
	  color: #fff;
	  text-shadow: none;
	  text-decoration: none;
	  line-height: 40px;
	}
	#main .strate-reseaux .dcsns-toolbar li {
		padding: 0;
		background: none;
	}
	#main .strate-reseaux #social-stream {
	  clear: both;
	}

	#main .strate-reseaux .illustration {
		width: 432px;
		height: 283px;
		margin-top: 50px;
		margin-left: -35px;
		background: no-repeat 80% bottom url('images/bg-reseau-air-jeu.jpg');
	}



/*      Commun gamme, famille, univers
======================================================================= */

#main .strate-contenu-gamme .texte,
#main .strate-contenu-famille .texte,
#main .strate-contenu-univers .texte {
	text-align: justify;
}


/*      Page Univers
======================================================================= */

#main .strate-contenu-univers {
	background: #afca06;
	text-align: left;
	padding: 20px 0;
	overflow: hidden;
	position: relative;
}
#main .strate-contenu-univers:before {
	content: '';
	position: absolute;
	left:50%;
	width: 800px;
	height: 800px;
	bottom: -400px;

	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
	
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,255,0,0.75)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faff00', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#main .strate-contenu-univers h1 {
	color: #fff;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 72px;
	border: none;
	margin-left: 0;
}
	#main .strate-contenu-univers h1:before {
		content: '';
		vertical-align: top;
		display: inline-block;
		height: 72px; 
		width: 72px;
		margin-right: 15px;
		background: #fff no-repeat center url('images/icons/frog-aires.png');

		border-radius: 100%;
	}

#main .strate-contenu-univers .wrap-visuel {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
}

#main .strate-contenu-univers .wrap-visuel img {
	position: absolute;
	top: 50%;
	-webkit-transform:translateY(-50%);
	   -moz-transform:translateY(-50%);
	    -ms-transform:translateY(-50%);
	     -o-transform:translateY(-50%);
	        transform:translateY(-50%);
}

#main .strate-contenu-univers:after {
	content: '';
	position: absolute;
	background: url('images/frog-big-aires.png');
	bottom: -50px;
	left: 62%;
	width: 188px;
	height: 185px;
}

#main .strate-contenu-univers .texte h2,
#main .strate-contenu-univers .texte p {
	padding-left: 0;
}

#main .strate-contenu-gamme .bloc-recherche,
#main .strate-contenu-famille .bloc-recherche,
#main .strate-contenu-univers .bloc-recherche {
	background: none;
	margin: 0;
	padding-left: 0;
}
	#main .strate-contenu-gamme .bloc-recherche label,
	#main .strate-contenu-famille .bloc-recherche label,
	#main .strate-contenu-univers .bloc-recherche label {
		margin-right: 10px;
	}


#main .strate-familles-univers .famille {
	padding: 15px 0;
	margin-top: 7px;
	border-bottom: 1px solid #c0d1dd;
}

	#main .strate-familles-univers .famille .wrap-img {
		width: 220px;
		height: 220px;
		float: left;
		position: relative;
		overflow: hidden;
	}
		#main .strate-familles-univers .famille .wrap-img img {
			min-width: 100%;
			min-height: 100%;
			max-width: inherit;
			width: auto;
			height: auto;
			position: absolute;
			-webkit-transform: translate(-50%, -50%);
			    -ms-transform: translate(-50%, -50%);
			        transform: translate(-50%, -50%);
			left: 50%;
			top: 50%;
		}

	#main .strate-familles-univers .liste {
		margin-left: 240px;
	}
		#main .strate-familles-univers .liste h2 {
			padding: 0;
			text-transform: uppercase;
			font-size: 16px;
		}
			#main .strate-familles-univers .liste h2 a {
				text-decoration: none;
			}

		#main .strate-familles-univers .liste ul {
			padding-left: 0;
			margin-top: 5px;
		}
		#main .strate-familles-univers .liste ul li {
			padding: 0;
			background: none;
		}
		#main .strate-familles-univers .liste ul a {
			display: block;
			background: url(images/icons/puce-home.png) no-repeat 0 center;
			padding: 1px 0 1px 12px;

			color: #333;
			font-size: 12px;
			text-decoration: none;

			-webkit-transition:all 0.3s ease-out;
			   -moz-transition:all 0.3s ease-out;
			     -o-transition:all 0.3s ease-out;
			        transition:all 0.3s ease-out;
		}
		#main .strate-familles-univers .liste ul a:hover {
			padding-left: 18px;
			background-position: 4px center;
		}



/*      Page Famille
======================================================================= */


#main .strate-contenu-famille {
	background: #afca06;
	text-align: left;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

#main .strate-contenu-famille:before {
	content: '';
	position: absolute;
	left:50%;
	width: 800px;
	height: 800px;
	bottom: -400px;

	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
	
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,255,0,0.75)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faff00', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#main .strate-contenu-famille h1 {
	color: #fff;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 130%;
	border: none;
	margin-left: 0;
	padding: 0;
}

#main .strate-contenu-famille .wrap-visuel {
	position: relative;
}
/*#main .strate-contenu-famille:after {
	content: '';
	position: absolute;
	background: url('images/enfant.png');
	bottom: 0;
	left: 59%;
	width: 269px;
	height: 144px;
}*/
#main .strate-contenu-famille .texte h2 {
	padding-left: 0;
}
#main .strate-contenu-famille .texte {
	padding: 5px 50px 5px 0;
}

#main .strate-contenu-famille .texte p {
	padding-left: 0;
	padding-right: 0;
}

#main .strate-gammes-famille {
	padding: 30px 0;
	background: #e5e5e5;
}
	#main .strate-gammes-famille.has-bandeau {
		padding-top: 0;
	}

#main .strate-gammes-famille .familyListItem {
	margin: 0 10px 20px;
}

	#main .strate-gammes-famille .wrap-img {
		width: 460px;
		height: 220px;
		position: relative;
		overflow: hidden;
	}

	#main .strate-gammes-famille .wrap-img img {
		display: block;
		margin: 0 auto;

		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		width: auto;
		height: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;
	}



	#main .familyListItem h2 a {
		font-size: 22px;
		text-transform: uppercase;
	}



/*      Page Gamme
======================================================================= */


#main .strate-contenu-gamme {
	background: #afca06;
	text-align: left;
	padding: 20px 0;
	position: relative;
	overflow: hidden;
}

#main .strate-contenu-gamme:before {
	content: '';
	position: absolute;
	left:50%;
	width: 800px;
	height: 800px;
	bottom: -400px;

	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);
	
	background: -moz-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%, rgba(255,255,255,0) 65%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(250,255,0,0.75)), color-stop(65%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* IE10+ */
	background: radial-gradient(ellipse at center,  rgba(250,255,0,0.75) 0%,rgba(255,255,255,0) 65%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faff00', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#main .strate-contenu-gamme h1 {
	color: #fff;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 130%;
	border: none;
	margin-left: 0;
	padding: 0;
}

#main .strate-contenu-gamme .wrap-visuel {
	position: relative;
}
/*#main .strate-contenu-gamme:after {
	content: '';
	position: absolute;
	background: url('images/enfant2.png');
	bottom: -15px;
	left: 57%;
	width: 208px;
	height: 209px;
}*/
#main .strate-contenu-gamme .texte h2 {
	padding-left: 0;
}
#main .strate-contenu-gamme .texte {
	padding: 5px 80px 5px 0;
}

#main .strate-contenu-gamme .texte p {
	padding-left: 0;
	padding-right: 0;
}

#main .strate-contenu-gamme .btnLien {
	background-image: url('images/icons/puce-home-white.png');
	color: #fff;
}

	#main .strate-contenu-gamme .btnDiapo {
		line-height: 53px;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: lighter;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		margin-top: 25px;
	}
	#main .strate-contenu-gamme .btnDiapo:before{
		height: 53px;
		width: 53px;
		background: no-repeat center url('images/icons/icon-diapo.png');
		border-radius: 100%;
		border: 2px solid #fff;

		content: '';
		vertical-align: top;
		display: inline-block;
		margin-right: 10px;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}
		#main .strate-contenu-gamme .btnDiapo:hover:before {
			border: 6px solid #fff;
			margin-right: 15px;
		}

#main .strate-produits-gamme {
	background: #e5e5e5;
	padding: 30px 0;
}
	#main .strate-produits-gamme.has-bandeau {
		padding-top: 0;
	}

	#main .strate-produits-gamme .productListFilters {
		background: #0079c8;
		border-radius: 3px;
		padding: 5px 10px 15px;
	}

	#main .strate-produits-gamme .productListFilters label {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		line-height: 34px;
		text-align: left;
		color: #fff;

		margin: 5px 0;
		display: block;
	}
	#main .strate-produits-gamme .productListFilters .wrap-field {
		position: relative;
		vertical-align: top;
		display: block;
	}
	#main .strate-produits-gamme .productListFilters .recherche input[type="search"],
	#main .strate-produits-gamme .productListFilters .recherche input[type="text"] {
		background: #fff;
		height: 34px;
		line-height: 34px;
		border-radius: 3px;
		border: none;
		padding: 0 10px;
		width: 100%;
	}
	#main .strate-produits-gamme .productListFilters .recherche input[type="submit"] {
		background: url(images/icons/search.png) no-repeat center;
		border: none;
		height: 30px;
		width: 30px;
		position: absolute;
		top: 2px;
		right: 0;
		cursor: pointer;
	}
	#main .strate-produits-gamme .productListFilters .wrap-select {
		display: block;
		margin-bottom: 10px;
		margin-right: 0;
	}

	.productListFilters .noUi-connect {
		background: #AFCA06;
	}
	.productListFilters .noUi-target {
		width: 80%;
		margin: auto;
	}

	#main .strate-produits-gamme .productListFilters .resultText {
		padding: 7px 0 17px;
		color: #6FB3E0;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: center;
	}
		#main .strate-produits-gamme .productListFilters .resultText span {
			color: #fff;
			font-size: 15px;
			letter-spacing: 1px;
			padding: 0 1px;
		}

	#main .strate-produits-gamme .productListFilters .submit {
		display: block;
		background: #004581;
		text-transform: uppercase;
		color: #fff;
		text-align: center;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: lighter;
		border-radius: 3px;
		border: none;
		width: 100%;

		line-height: 34px;
		height: 34px;
		cursor: pointer;

		-webkit-transition:all 0.3s ease-out;
		   -moz-transition:all 0.3s ease-out;
		     -o-transition:all 0.3s ease-out;
		        transition:all 0.3s ease-out;
	}
		#main .strate-produits-gamme .productListFilters .submit:hover {
			background-color: #fff;
			color: #004581;
		}


#main .strate-produits-gamme .liste-produits {
	margin-left: -10px;
	padding: 0;
}
	#main .strate-produits-gamme .liste-produits h3 {
		clear: both;
		padding: 10px 20px;
	}

#main .strate-produits-gamme .legendeGamme {
	padding-top: 20px;
	margin-top: 20px;

	border-top: 1px solid #C2D2DD;
	font-size: 11px;
	margin-left: 20px;
}


#main .catalogListItem {
	margin:0 0 20px 20px;
	float:left;
	cursor:pointer;
	/*
	-webkit-transition: all 0.4s ease-out; 
	-moz-transition: all 0.4s ease-out; 
	-o-transition: all 0.4s ease-out; 
	*/
	background-color:#FFFFFF;
	padding: 0;
	position: relative;
}
	.liste-produits.full .col180.catalogListItem {
		width: 170px;
	}
	.col180.catalogListItem {
		width:160px;
	}

	.liste-produits.full .col360.catalogListItem {
		width:360px;
	}
	.col360.catalogListItem {
		width:340px;
	}
	#main .catalogListItem:hover {

		/*margin:-10px -10px 20px 10px;*/
		/*padding:10px;*/
		/*border: 10px solid #004581;*/
/*		-webkit-box-shadow:0 0 0 10px #004581;
		   -moz-box-shadow:0 0 0 10px #004581;
		        box-shadow:0 0 0 10px #004581;*/
		z-index:999;
		background-color:#004581;

		border: 10px solid #004581;
		margin-left: 10px;
		margin-right: -10px;
		margin-bottom: 10px;
		margin-top: -10px;
		-webkit-box-sizing: content-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: content-box;    /* Firefox, other Gecko */
		box-sizing: content-box;         /* Opera/IE 8+ */
	}
	#main .catalogListItem:hover .hover {
		max-height: 500px;
		left: -10px;

		border-top: none;
	}
	#main .catalogListItem:hover h2 a {
		background: #004581;
	}

#main .catalogListItem .hover { 

	left: -9999em;
	width: 180px; 
	position: absolute; 
	background-color:#004581;
	color: #FFF;
	overflow: hidden;
	/*
	-webkit-transition: 0.4s ease-out; 
	-moz-transition: 0.4s ease-out;
	-o-transition: 0.4s ease-out;
	transition: 0.4s ease-out;
	-webkit-transition-property:opacity, border;
	   -moz-transition-property:opacity, border;
	     -o-transition-property:opacity, border;
	        transition-property:opacity, border;
	*/
}
	#main .liste-produits.full .col180.catalogListItem .hover {
		width: 190px;
	}

	#main .catalogListItem.col360 .hover {
		width: 360px;
	}
		#main .liste-produits.full .catalogListItem.col360 .hover {
			width: 380px;
		}

#main .catalogListItem .catalogListItemThumb {
	height:160px;
	line-height: 160px;
	position:relative;
	text-align: center;
	
	background: #FFF;
	border:1px solid #c2d2dd;
	border-bottom: none;
}

	#main .catalogListItem .catalogListItemThumb.big {
		height:260px;
		line-height: 260px;
	}


#main .catalogListItem .catalogListItemThumb img {
	max-height: 158px;
	vertical-align: top;
	margin-bottom: 3px;
	height: 145px;
}
	#main .catalogListItem .catalogListItemThumb.big img {
		max-height: 250px;
	}

#main .catalogListItem .catalogListItemThumb a {
	vertical-align: middle;
	display: inline-block;
	line-height: 100%;
}

#main .catalogListItem .catalogListItemTitle h2 {
	text-transform: uppercase;
	font-size: 18px;
}

	#main .catalogListItem .catalogListItemTitle h2 a {
		-webkit-transition: none; 
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}

	
	#main .catalogListItem .productCaracteristics li {
		padding:2px 0 2px 55px;
		line-height:34px;
	}
		#main .catalogListItem .productCaracteristics li.productPlayersAge {
			background:url(images/produits/vert/bg-li-productPlayersAge-mini.png) no-repeat 10px 50%;
		}
		#main .catalogListItem .productCaracteristics li.productPlayersNum {
			background:url(images/produits/vert/bg-li-productPlayersNum-mini.png) no-repeat 10px 50%;
		}
		#main .catalogListItem .productCaracteristics li.productHCL {
			background:url(images/produits/vert/bg-li-productHCL-mini.png) no-repeat 10px 50%;
		}
		#main .catalogListItem .productCaracteristics li.productDimensions {
			background:url(images/produits/vert/bg-li-productDimensions-mini.png) no-repeat 10px 50%;
		}

	#main .wrap-slider-produit {
		position: relative;
		overflow: hidden;
		padding: 0 20px 32px;
	}

	#main .productPicture {
	    overflow: hidden;
	    visibility: hidden;
	    position: relative;
	    width: 100%;
	    margin: 30px auto 0;
	}
	    #main .productPicture .slides-wrap {
		  overflow: hidden;
		  position: relative;
		}
		#main .productPicture .slides-wrap > .slide {
		  float:left;
		  width:100%;
		  position: relative;
		  overflow: hidden;

		  text-align:center;
		  line-height: 440px;
		  min-height: 440px;
		}
		#main .productPicture .slides-wrap > .slide img {
			display: inline-block;
			max-width: 80%;
			max-height: 400px;
		}
		#main .productPicture .slides-wrap > .slide iframe {
			max-width: 80%;
			margin: 0 auto 20px;
			display: block;
		}

		#main .productPicture .slides-wrap > .slide #image_360-reel {
			display: block;
			margin: 0 auto;
		}

		#main .productPicture .slides-wrap > .slide #image_360 {
			vertical-align: top;
			max-width: 100%;
		}

		#main .productPicture .slides-wrap > .slide #image_360-reel .reel-cached {
			display: none;
		}

		#main .nav-slider-produit {
			width: 680px;
		  position: absolute;
		  top: 50%;
		  -webkit-transform:translateX(-50%);
			 -moz-transform:translateX(-50%);
			  -ms-transform:translateX(-50%);
			   -o-transform:translateX(-50%);
			      transform:translateX(-50%);
		  left: 50%;
		  margin-top: -44px;
		}
		#main .nav-slider-produit:before, .nav-slider-produit:after {
		  display: none;
		}
		#main .nav-slider-produit a {
			text-indent: -9999em;
			overflow: hidden;
		  	background: no-repeat center #e5e5e5;
		  	height: 60px;
		  	width: 60px;
		  	display: block;
		  	position: absolute;
		  	opacity: 0;

		  	-webkit-transition:all 0.3s ease-out;
			   -moz-transition:all 0.3s ease-out;
			     -o-transition:all 0.3s ease-out;
			        transition:all 0.3s ease-out;
		}
			#main .nav-slider-produit a:hover {
				background-color: #C0C0C0;
			}
				#main .nav-slider-produit a.disabled:hover {
					background-color: #e5e5e5;
				}
			#main .nav-slider-produit a.disabled {
				filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
				  -webkit-filter: grayscale(100%);
				          filter: grayscale(100%);
			}
		#main .nav-slider-produit a.prev {
			background-image: url('images/icons/arrow-left.png');
		  left: -70px;
		  float: left;
		}
		#main .nav-slider-produit a.next {
			background-image: url('images/icons/arrow-right.png');
		  right: -70px;
		  float: right;
		}
			#main .wrap-slider-produit:hover .nav-slider-produit a {
				opacity: 1;
			}
				#main .wrap-slider-produit:hover .nav-slider-produit a.disabled {
					opacity: 0.8;
				}
			#main .wrap-slider-produit:hover .nav-slider-produit a.prev {
				left: 0;
			}
			#main .wrap-slider-produit:hover .nav-slider-produit a.next {
				right: 0;
			}


	#main .productBottomRow .bloc-recherche {
		/*background: none;*/
		margin: 20px 0 0;
		/*padding-left: 0;*/
		width: auto;
	}
		#main .productBottomRow .bloc-recherche label {
			display: block;
		}



/*      Cross-selling Produit
======================================================================= */


#main .titre-cross-selling {
	color: #0079c8;
}

#main .owl-crossselling {
	position: relative;
	margin: 10px 30px;
	width: 640px;
}
	#main .owl-crossselling .item {
		background: #fff;
		padding: 0;
		margin: 0 auto;

		width: 203px;
	}

#main .owl-wrapper-outer {
  width: auto;
  z-index: 2;

  padding: 10px 0;
}

#main .owl-controls {
  position: absolute;
  margin-top: 0;
  width: 700px;
  top: 50%;
-webkit-transform:translateY(-50%);
   -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
     -o-transform:translateY(-50%);
        transform:translateY(-50%);
  left: -30px;
  z-index: 1;
}
#main .owl-controls .owl-prev,
#main .owl-controls .owl-next {
	text-indent: -9999em;
	overflow: hidden;
	background: transparent no-repeat center;
	width: 17px;
	height: 29px;
	padding: 0;
	margin: 0;
}
#main .owl-controls .owl-prev {
  background-image: url('images/icons/arrow-left.png');
  float: left;
  margin-left: 10px;
}
#main .owl-controls .owl-next {
  background-image: url('images/icons/arrow-right.png');
  float: right;
  margin-right: 10px;
}


#main .owl-crossselling .item p { padding: 0; line-height: 16px;}

#main .owl-crossselling .item .wrap-img {
	border:1px solid #c2d2dd;
	border-bottom: none;
	height: 200px;
	line-height: 200px;
	text-align: center;
	overflow: hidden;
}

#main .owl-crossselling .item img { display: inline-block; vertical-align: middle; }
#main .owl-crossselling .item h4 {
	margin: 0;
	padding: 0;
}
#main .owl-crossselling .item h4 a { 
	background: #0079C8;
	text-align: center;
	display: block; 
	line-height: 40px; 
	height: 40px;
	font-size: 18px; 
	text-transform: uppercase; 
	color: #FFF; 
	text-decoration: none;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#main .owl-crossselling .item h4 a:hover {
		background-color: #003C64;
	}

#main .owl-crossselling .item .finition {
	display: block;
	background: #0079C8;
	color: #fff;
	text-align: center;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	font-weight: 300;
}




#main .addSelection {
	color: #333333;
	background: #afca06 no-repeat 6px center url(images/icons/icon-selection.png);
	display: block;
	vertical-align: top;
	border-radius: 3px;
	height: 38px;
	line-height: 38px;
	text-decoration: none;
	padding: 0 10px;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size:14px;
	padding-left: 28px;
	padding-right: 2px;
	text-align: center;
	color: #fff;

	width: 157px;
	margin: 5px auto 15px;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#main .addSelection:hover {
		color: #fff;
		background-color: #718300;
	}

	#main .addSelection.success {
		background-image: url(images/icons/icon-check.png);

		-webkit-animation:pulse 0.3s linear;
		   -moz-animation:pulse 0.3s linear;
		    -ms-animation:pulse 0.3s linear;
		     -o-animation:pulse 0.3s linear;
		        animation:pulse 0.3s linear;
	}



/*      Page Sélection
======================================================================= */

#main .strate-selection {
	/*background: #AFCA06;*/
	background: #E5E5E5;
	border-top: 1px solid #fff;
}
#main .strate-selection h1 {
	color: #333;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 130%;
	border: none;
	margin: 20px 0;
	padding: 0;
}

#main #selectionList {  }
#main #selectionList h3 { padding: 15px 15px 15px 70px; background: url(images/ico_carnet.png) no-repeat 10px center;
color: #1594db; font-family: 'MathleteBulky',Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size: 34px; font-weight: normal;}
#main #aside hr { color: #FFF; border: 1px solid #FFF;}

#main #selectionList ul { padding: 0; margin: 0 0 0 -20px; }
#main #selectionList ul li.une_selection { width: 450px; position: relative; background: #FFF; padding: 0; margin: 0 0 20px 20px; position: relative; border: 1px solid #C2D2DD; }

#main #selectionList ul li.une_selection p { padding: 0; line-height: 16px;}

#main #selectionList ul li.une_selection .wrap-img {
	border-right: 1px solid #C2D2DD;
	display: block;
	text-align: center;
	float: left;
	width: 100px;
	
	line-height: 75px;
}

#main #selectionList ul li.une_selection img { display: inline-block; vertical-align: middle; height: 75px; margin: 10px auto;  }
#main #selectionList ul li.une_selection h3 {
	margin: 0 0 0 100px;
	padding: 0;
}
#main #selectionList ul li.une_selection h3 a { 
	text-align: left;
	margin-left: 20px;

	display: block; 
	/*line-height: 40px; */
	padding: 11px 0;
	height: 40px;
	font-size: 18px; 
	text-transform: uppercase; 
	color: #0079C8; 
	text-decoration: none;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	position: relative;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#main #selectionList ul li.une_selection h3 a:hover {
		color: #003C64;
	}

	#main #selectionList ul li.une_selection .infosplus {
		line-height: 140%;
		font-size: 12px;
		text-transform: none;
		font-weight: 300;
		padding: 0 20px;
		margin-left: 100px;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}

	#main #selectionList ul li.une_selection .infosplus a {
		color : #333;
	}
		#main #selectionList ul li.une_selection .infosplus a:hover {	
			color: #0079C8;
		}

	


#main #selectionList ul li.une_selection .numero  { position: absolute; top : 0; left : 0; background: #0079C8; color: #FFF; text-align: center;
width: 40px; height: 40px; line-height: 40px; padding: 0; z-index: 12; margin: 0; font-weight: bold; font-size: 15px; 
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
#main #selectionList ul li.une_selection .remove  { position: absolute; right: 0; top: 0; background: url(images/icons/icon-delete.png) no-repeat center; cursor: pointer;
width: 40px; height: 40px;
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}

#main #selectionList ul li.une_selection .price {
	display: none;
	color: red;
}


#main #selectionList  .btn_area { 
	clear: both;
	text-align: center; 
}

#main #selectionList .btn_area a {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	background: #004581;
	color: #fff;
	border-radius: 3px;
	padding: 8px 15px;
	display: inline-block;
	text-decoration: none;
	margin-top: 15px;
	width: 190px;

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	#main #selectionList .btn_area a:hover {
		background-color: #0079C8;
		/*color: #004581;*/
	}

#main #selectionList  .btn_area a.vide { margin-right: 10px;}

#main .emptyCartInfo {
	background: #fff;
	border-radius: 3px;
	padding : 20px;
	text-align: center;
	margin-bottom: 20px;
}

/*      Fonctions ludiques
======================================================================= */

#main .fonctions-ludiques {
	margin-top: 15px;
}

#main .fonctions-ludiques li {
	float: left;
    position: relative;
    background: none;
	
	width: 90px;
	height: 90px;
    padding: 0;
}
#main .fonctions-ludiques li .wrap-img {
    height: 45px;
	width: 45px;
	border-radius: 100%;
	overflow: hidden;
	margin: 0 auto;
}
#main .fonctions-ludiques li .wrap-img img {
	margin-left: -2px;
	margin-top: -2px;
	max-width: inherit;
}

#main .fonctions-ludiques li .num {
	position: absolute;

	top: -13px;
	left: 74%;
	-webkit-transform:translateX(-50%);
	   -moz-transform:translateX(-50%);
	    -ms-transform:translateX(-50%);
	     -o-transform:translateX(-50%);
	        transform:translateX(-50%);

	background: #0079c8;
	color: #fff;
	font-size: 16px;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 600;
	border-radius: 100%;

	height: 25px;
	width: 25px;

	text-align: center;
	line-height: 25px;
	vertical-align: middle;
}

#main .fonctions-ludiques li .label_fl {
	display: block;
	text-transform: uppercase;
	font-size: 10px;
	color: #666666;
	text-align: center;
	line-height: 120%;
	padding-top: 5px;
}

.result-pop {
	z-index: 5000;
	background: #000;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 200%;
	right: 0;
	opacity: 0;

	color: #fff;

	-webkit-transition:opacity 0.3s ease-out;
	   -moz-transition:opacity 0.3s ease-out;
	     -o-transition:opacity 0.3s ease-out;
	        transition:opacity 0.3s ease-out;
}
	.result-pop > span {
		position: absolute;
		display: block;
		text-align: center;
		top: 50%;
		left: 50%;
		font-size: 30px;
		font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: 300;

		-webkit-transition:all 0.5s ease-out;
		   -moz-transition:all 0.5s ease-out;
		     -o-transition:all 0.5s ease-out;
		        transition:all 0.5s ease-out;
		-webkit-transform:translate(-50%, 100%);
		   -moz-transform:translate(-50%, 100%);
		    -ms-transform:translate(-50%, 100%);
		     -o-transform:translate(-50%, 100%);
		        transform:translate(-50%, 100%);

	}

	.result-pop.visible {
		opacity: 1;
		left: 0;
	}
			.result-pop.visible > span {
				-webkit-transform:translate(-50%,-50%);
				   -moz-transform:translate(-50%,-50%);
				    -ms-transform:translate(-50%,-50%);
				     -o-transform:translate(-50%,-50%);
				        transform:translate(-50%,-50%);
				opacity: 1;
			}

/*      DETAIL ACTU
======================================================================= */

.barreNavArticles {
	background: #0079C8;
	position: relative;
	padding: 8px 0;
}
	.navigation {
		padding: 10px; 
	}

	#main .barreNavArticles .nav-product.nav-product-back a {
		top: 50%;
		left: 50%;

		-webkit-transform:translate(-50%, -50%);
		   -moz-transform:translate(-50%, -50%);
		    -ms-transform:translate(-50%, -50%);
		     -o-transform:translate(-50%, -50%);
		        transform:translate(-50%, -50%);

		
	}

	#main .navigation .nav-back {
		background: url(images/icons/icon-list.png) no-repeat 50% 50%;
		display: block;
		width: 30px;
		height: 30px;
		margin-right: 25px;
		text-indent: -999em;
		float: left;
		cursor: pointer;
	}

	#main .navigation .nav-previous, 
	#main .navigation .nav-next {
		width: 35%;
		line-height: 30px;
	}
		#main .navigation .nav-previous a, 
		#main .navigation .nav-next a {
			color: #fff;
			text-decoration: none;
			min-height: 30px;
			display: block;
			font-size: 12px;
			text-align: left;
			line-height: 140%;

			-webkit-transition:margin 0.2s ease-out;
			   -moz-transition:margin 0.2s ease-out;
			     -o-transition:margin 0.2s ease-out;
			        transition:margin 0.2s ease-out;
		}
			#main .navigation .nav-previous a:hover {
				margin-left: -5px;
			} 
			#main .navigation .nav-next a:hover {
				margin-right: -5px;
			}

		#main .navigation .nav-previous {
			float: left;
		}
			#main .navigation .nav-previous a {
				background: no-repeat left center url('images/bg-nav-product-previous.png');
				padding-left: 40px;
			}

		#main .navigation .nav-next {
			float:right;
			text-align:right;
		}
			#main .navigation .nav-next a {
				background: no-repeat right center url('images/bg-nav-product-next.png');
				padding-right: 40px;
				text-align:right;
			}


.single #main .hentry h1 {
	border: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.single .hentry .entry-meta {
	margin: 10px;
	padding-bottom: 15px;
	border-bottom: 1px solid #C0D1DD;
}

.single #main .hentry .entry-meta {
	color: #A2A2A2;
}
.single #main .hentry .entry-meta a {
	color: #A2A2A2;
}
.single #main .hentry .entry-meta a:hover {
	color: #0079C8;
}

.single .hentry .wrap-img {
	padding: 10px;
}

.single .hentry .wrap-img img {
	display: block;
	margin: 0 auto;
}

.single #main .entry-content {
	padding-bottom: 30px;
}

/*      Dossier de l'exploitant
======================================================================= */

#main .texte_noir .wpcf7-form {
	padding: 0;
	margin-bottom: 20px;
}

#main .texte_noir form.wpcf7-form input.wpcf7-submit {
	margin-top: 5px;
}

#main .texte_noir .tabResult {
	margin: 10px 0;
	width: 100%;
}
#main .texte_noir .tabResult table {
	margin: 0;
}
#main .texte_noir .tabResult fieldset {
	padding: 5px 10px 5px;
}


/*      REFERENCES
======================================================================= */

#main .strate-references-map {
	position: relative;
	height: 700px;
}

	@media screen and (max-width: 600px) {
		#main .strate-references-map {
			height: 400px;
		}
	}

#main .strate-references-map #gmap {
	position: absolute;
	left: 0;
	right: 0;
	top: 134px;
	bottom: 0;

	z-index: 1;
}
	#main .strate-references-map #gmap img {
		max-width: inherit;
	}

#main .strate-references-map .bottom-liste {
	height: 134px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;

	z-index: 2;

	background: #fff;

	padding: 0 40px;
}

#main .strate-references-map .bottom-liste .owl-controls {
	left: 0;
	width: 100%;
	height: 0;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	z-index: 2;
	top: 50%;
	margin-top: -25px;

}
#main .strate-references-map .owl-controls .owl-prev,
#main .strate-references-map .owl-controls .owl-next {
	height: 50px;
	width: 45px;
	border-radius: 0;
	background-color: #CCC;
	margin: 0;
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}

#main .strate-references-map .owl-wrapper-outer {
	overflow: hidden;
}

#main .strate-references-map .bottom-liste .reference {
	width: 100%;
	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
	        cursor:pointer;
}
	#main .strate-references-map .reference.reference-mineur {
		display: none;
	}

	#main .strate-references-map .bottom-liste .reference.active {
		-webkit-transform:scale(1.1);
		   -moz-transform:scale(1.1);
		    -ms-transform:scale(1.1);
		     -o-transform:scale(1.1);
		        transform:scale(1.1);
	}
	
	#main .strate-references-map .bottom-liste .reference:before, 
	#main .strate-references-map .bottom-liste .reference:after {
		top: 138px;
	}

	#main .strate-references-map .bottom-liste .reference .wrap-img {
		display: block;
		overflow: hidden;
		position: relative;
		height: 81px;
		width: auto;
		margin: 0 10px;	
	}
	#main .strate-references-map .bottom-liste .reference .wrap-img img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform:translate(-50%,-50%);
		   -moz-transform:translate(-50%,-50%);
		    -ms-transform:translate(-50%,-50%);
		     -o-transform:translate(-50%,-50%);
		        transform:translate(-50%,-50%);
	}

	#main .strate-references-map .bottom-liste .reference .title {
		display: block;
		width: auto;
		margin: 0 10px;	
		font-size: 14px;
		color: #fff;
		background: #004581;
		padding: 10px;
		font-weight: 300;
		padding: 5px;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}
		#main .strate-references-map .bottom-liste .reference.prestige .title {
			background-color: #e4a300;
		}
		#main .strate-references-map .bottom-liste .reference.active .title {
			background-color: #d34f26;
		}

		@media screen and (max-width: 600px) {
			#main .strate-references-map .bottom-liste .reference .title {
				font-size: 12px;
			}
		}

	#main .infobox {
		padding: 0;
		overflow: visible;
	}

	#main .infobox-content {
		background: #fff;
		text-align: center;
		width: 250px;
		border-bottom: 4px solid #004581;
		position : relative;

		overflow: visible;

		-webkit-box-shadow: 0px 3px 1px 1px rgba(0, 0, 0, 0.3);
		box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.5);
	}

	#main .infobox-content:after {
		content: '';
		position: absolute;

		display: block;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
		border: 10px solid rgba(0, 0, 0, 0);
		border-top: 10px solid #004581;
		border-bottom: 0;
		height: 0;
		width: 0;
	}

	#main .infobox-content .imageBox {
		width: 100%;
		display: block;
	}

	#main .infobox-content .title {
		display: block;
		margin: 0 auto;	
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #fff;
		background: #004581;
		font-weight: 300;
		padding: 5px;
	}


.popup-reference {
	display: none;
	min-width: 870px;
}

	.popup-reference .wrap-img {
		float: left;
		width: 70%;
	}
		.popup-reference .wrap-img img {
			width: 100%;
			vertical-align: top;
		}
	.popup-reference .contenu {
		float: left;
		width: 30%;
		padding: 20px;
		text-align: left;
	}
	.popup-reference .contenu .title {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;
		text-transform: uppercase;
		font-weight: 400;
		line-height: 150%;
		margin-bottom: 20px;
	}

	@media screen and (max-width: 960px) {
		.popup-reference {
			min-width: inherit;
		}

		.popup-reference .wrap-img,
		.popup-reference .contenu {
			float: none;
			width: auto;
		}
	}

/*      CONTACT
======================================================================= */

#main .strate-top-contact {
	padding-bottom: 40px;
}

#main .strate-top-contact #gmap-c {
	height: 300px;
	width: 100%;
}

#main .strate-top-contact #gmap-c img {
	max-width: inherit;
}

#main .strate-top-contact .contenu-page {
	margin-top: 20px;
	clear: both;
}
#main .strate-top-contact .left-contact {
	padding-left: 0;
	padding-right: 20px;
}
	#main .strate-top-contact .left-contact .entry-content {
		padding-top: 20px;
	}

#main .strate-top-contact .right-contact {
	background: #0079C8;
	color: #FFF;
	text-align: center;
	padding: 20px;
	margin-left: -10px;
	margin-top: 30px;
}
#main .strate-top-contact .right-contact .coordonnees {
	margin-bottom: 20px;
}
	#main .strate-top-contact .right-contact .coordonnees .wrap-img {
		margin-bottom:  20px;
		padding: 10px 0;
		background: #fff;
		border-radius: 3px;
	}

	#main .strate-top-contact .right-contact .coordonnees .img-logo {
		margin: 0 auto;
		display: block;
	}

	#main .strate-top-contact .right-contact .coordonnees a {
		color: #fff;
	}

	#main .strate-top-contact .right-contact .coordonnees a:hover {
		color: #AAD8ED;
	}

#main .strate-texte-contact {
	padding: 10px 0 20px;
	background: #0079C8;
	color: #fff;
}

#main .strate-vos-contact {
	padding: 20px 0;
}

#main .strate-vos-contact .contact {
	display: block;
	background: #E5E5E5;
	cursor: pointer;
	-webkit-transition: background 0.3s ease-out;
          transition: background 0.3s ease-out;
}
	#main .strate-vos-contact .contact .wrap-img img {
		-webkit-transition: all 0.3s ease-out;
          transition: all 0.3s ease-out;
	}

	#main .strate-vos-contact .contact:hover {
		background: #CACACA;
	}

	#main .strate-vos-contact .contact:hover .wrap-img img {
		  -webkit-transform: scale(1.05);
		      -ms-transform: scale(1.05);
		          transform: scale(1.05);
	}


#main .strate-vos-contact .contenu-contact {
	margin-bottom: 20px; 
}

#main .strate-vos-contact .liste-contacts {
	padding: 0 10px;
}

#main .strate-vos-contact .contact {
	margin-bottom: 20px;
}
#main .strate-vos-contact h2 {
	font-size: 25px;
}

#main .strate-vos-contact .contact .wrap-princ {
	width: 220px;
	float: left;
}

#main .strate-vos-contact .contact .contenu-light {
	width: 500px;
	float: left;
	padding: 0 20px;
}

#main .strate-vos-contact .contact .contenu-light h4 {
	padding-left: 0;
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:400;
	margin-top: 10px;
	padding-bottom: 0;
	padding-right: 145px;
}

#main .strate-vos-contact .contact .contenu-light .tel,
.popup .contenu .tel {
	padding-left: 25px;
	background: url('images/icons/icon-tel-bleu.png') no-repeat left center;
	line-height: 17px;
	margin-left: 0;
	float: right;
	margin-top: 18px;
	padding: 5px 0 5px 25px;
}
	.popup .contenu .tel {
		float: none;
	}

#main .strate-vos-contact .contact .contenu-light .fonction,
.popup .contenu .fonction {
	display: block;
	margin-bottom: 5px;
	font-size: 10px;
}


#main .strate-vos-contact .contact .contenu-light .adresse,
#main .strate-vos-contact .contact .contenu-light .codeplusville,
#main .strate-vos-contact .contact .contenu-light .fax,
#main .strate-vos-contact .contact .contenu-light .mobile,
#main .strate-vos-contact .contact .contenu-light .mail {
	display: block;
}
#main .strate-vos-contact .contact .contenu-light .adresse {
	margin-top: 5px;
}
#main .strate-vos-contact .contact .contenu-light .codeplusville {
	margin-bottom: 5px;
}


#main .strate-vos-contact .contact .contenu-light .excerpt p {
	padding : 5px 0;
}

#main .strate-vos-contact .contact .wrap-map {
	width: 220px;
	float: right;
}
#main .strate-vos-contact .contact .wrap-img {
	overflow: hidden;
}
#main .strate-vos-contact .contact .wrap-img img {
	vertical-align: top;
}

#main .strate-vos-contact .contact .wrap-princ {
	position: relative;
	width: 220px;
	height: 220px;
}
#main .strate-vos-contact .contact .wrap-princ img {
	position: absolute;
	left: 0;
	top: 0;
	min-height: 100%;
	min-width: 100%;
	height: auto;
	width: auto;
	max-width: inherit;
}

	#main .strate-vos-contact .texte-top-map {
		margin-bottom: 20px;
	}

	#main .strate-vos-contact .preview-contact {
		width: 280px;
		float: left;
		min-height: 440px;
		margin: 70px 10px 0;
		background: url('images/fond_enfants.jpg') no-repeat center;
	}
		#main .strate-vos-contact .preview-contact .contact {
			margin-bottom: 0;
			padding-bottom: 10px;
			min-height: 445px;
		}

		#main .strate-vos-contact .preview-contact .contact .wrap-princ {
			width: 280px;
			height: 280px;
		}
		#main .strate-vos-contact .preview-contact .contact .wrap-map {
			display: none;
		}
		#main .strate-vos-contact .preview-contact .contact .contenu-light {
			width: auto;
		}

	#main .strate-vos-contact .wrap-map-area {
		width: 660px;
		float: left;
		padding: 0 10px;
	}

	#main .strate-vos-contact .wrap-map-area div.map-contact {
		float: right;
		margin-right: 10px;
		/*margin-top: -50px;*/
	}


/*      POPUP
======================================================================= */

.barre_cadre_bleue_off {
	font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:400;
	padding:5px;
	margin-bottom: 20px;
	text-align: center;

	margin-top: 15px;
}

.contenu_cadre input[type="button"] {
	background: #0079C8;
	color: #fff;

	border: none;
	padding: 8px 20px;
	border-radius: 3px;
	margin: 10px 0;
	cursor: pointer;

	-webkit-transition:all 0.2s ease-out;
	   -moz-transition:all 0.2s ease-out;
	     -o-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}

.contenu_cadre input[type="button"]:hover {
	background: #025D99;
}


/*      LISTE D'ELEMENTS
======================================================================= */

#main .liste-elements {
	margin-top: 15px;
}

#main .liste-elements .element {
	background: none;
	padding-left: 0;
	border-bottom: 1px solid #C0D1DD;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
	#main .liste-elements .element:last-of-type {
		border-bottom: 0;
	}
	#main .liste-elements .element:hover .content h3 a {
		color: #0079C8;
	}

#main .liste-elements .element .wrap-img {
	position: relative;
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
}
#main .liste-elements .element .wrap-img img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	width: auto;
	max-width: inherit;
-webkit-transform:translate(-50%, -50%);
   -moz-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
     -o-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
}

#main .liste-elements .element .content {
	margin-left: 170px;
	padding-left: 0;
	padding-right: 0;
	text-align: justify;
}
	#main .liste-elements .element .content p {
		padding: 0;
	}

	#main .liste-elements .element .content h3 {
		padding-top: 0;
	}

	#main .liste-elements .element .content h1,
	#main .liste-elements .element .content h2,
	#main .liste-elements .element .content h3,
	#main .liste-elements .element .content h4,
	#main .liste-elements .element .content h5, 
	#main .liste-elements .element .content h6 {
		padding-left: 0;
		padding-right: 0;
	}
		#main .liste-elements .element .content h3 a {
			color: #3B3B3B;
			text-decoration: none;
		} 

/*      DETAIL D'UN ELEMENT
======================================================================= */



.page-template-template-page-detail-element-php .wrap-img {
/*	width: 200px;
	float: left;*/
	text-align: center;
	padding: 5px 10px;
}

/*.page-template-template-page-detail-element-php .entry-content {
	margin-left: 220px;
}*/
	.page-template-template-page-detail-element-php .btnLien {
		margin-left: 10px;
		margin-top: 20px;
		display: inline-block;
		clear: both;
	}


/*      LISTE AGENDA
======================================================================= */

#main .liste-event {
	padding: 10px 0 ;
	margin: 0 10px 15px;
}


/*      Page Entreprise
======================================================================= */

#content-entreprise {
	width:100%;
	float:left;
}

#main .strate-video {
	background: #E5E5E5;     /* fond gris */
	/*background: #FFFF;*/
	/*padding: 40px 0 40px;*/ /* OLD */
	padding: 0px 0px 40px 5px;
	color: #333;
}
#main .strate-video-blanc {
	background: #FFFFFF;
	padding: 0px 0px 40px 5px;
}
#main .strate-video ul {
	padding: 0;
}
#main .strate-video .video {
	margin-bottom: 2px;
	cursor: pointer;
	background: none;
	padding: 0 10px 5px;

}

#main .strate-video h2 {
	padding-top: 0;
}

#main .strate-video h3 {
	margin-top: 4px;
	margin-bottom: 6px;
}
	#main .strate-video h3 .duree {
		font-size: 12px;
		margin-left: 5px;
	}

	#main .strate-video .wrap-first h3 {
		margin-bottom: 5px;
	}
	

	#main .strate-video .wrap-first .video {
		display: block;
		float: none;
		width: auto;
		margin: 5px auto 10px;
	}
		#main .strate-video .wrap-first .video .wrap-img {
			height: 293px;
			float: none;
			width: auto;
		}
		#main .strate-video .wrap-first .video .wrap-img img {
			width: 100%;
		}
		#main .strate-video .wrap-first .video .label {
			margin: 0;
			height: inherit;
			text-align: center;
			padding: 5px 10px;
		}

	#main .strate-video .video .wrap-img {
		display: block;
		overflow: hidden;
		position: relative;
		height: 68px;
		background: #000;
		float: left;
		width: 130px;
	}
	#main .strate-video .video .wrap-img:after {
		content: '';
		background: url('images/icons/icon-play.png') no-repeat center;
		height: 48px;
		width: 48px;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;
		position: absolute;

		opacity: 0.6;
	}

	#main .strate-video .video img {
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		width: auto;
		height: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;

		opacity: 0.8;

		-webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
	}

	#main .strate-video .video:hover .wrap-img img {
		opacity: 1;
	}	
		#main .strate-video .video:hover .label {
			background: #0079C8;
			color: #fff;
		}

	#main .strate-video .video .label {
		display: block;
		background: #fff;
		padding: 13px 15px;
		text-align: left;
		margin-left: 130px;
		height: 68px;
		color: #0079C8;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;

		-webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
	}



/* video2 (boutons entreprise) */
	#main .strate-video .video2 {
		display: block;
		overflow: hidden;
		position: relative;
		background: #000;
		float: left;
		width: 227px;
		margin-left: 5px;
	}
	#main .strate-video .video2 .wrap-img {
		display: block;
		overflow: hidden;
		position: relative;
		height: 131px;
		background: #000;
		float: left;
		width: 227px;
	}
	
	#main .strate-video .video2 img {
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		width: auto;
		height: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;

		opacity: 1;

		-webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
	}

	#main .strate-video .video2:hover .wrap-img img {
		opacity: 0.9;
	}	
		#main .strate-video .video2:hover .label {
			background: #003c64;
			color: #fff;
		}

	#main .strate-video .video2 .label {
		display: block;
		background: #0079C8;
		padding: 13px 15px;
		text-align: center;
		font-size:16px;
		widows:250px;
		margin-left: 0px;
		margin-top: 131px;
		color: #fff;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;

		-webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
	}



/* video3 (boutons savoir-faire) */
	#main .strate-video .video3 {
		display: block;
		overflow: hidden;
		position: relative;
		background: #000;
		float: left;
		width: 161px;
		margin-left: 5px;
	}
	#main .strate-video .ecart-video3 {
		margin-right: 25px; /* ajoute un écart à droite pour éloigner les boutons récompense-certification-partenaire */
	}
	#main .strate-video .video3 .wrap-img {
		display: block;
		overflow: hidden;
		position: relative;
		height: 335px;
		background: #000;
		float: left;
		width: 161px;
	}
	
	#main .strate-video .video3 img {
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		width: auto;
		height: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;

		opacity: 1;

		-webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
	}

	#main .strate-video .video3:hover .wrap-img img {
		opacity: 0.9;
	}	
		#main .strate-video .video3:hover .label {
			background: #003c64;
			color: #fff;
		}

	#main .strate-video .video3 .label {
		display: block;
		background: #0079C8;
		padding: 13px 15px;
		text-align: center;
		font-size:16px;
		widows:250px;
		height: 70px;
		margin-left: 0px;
		margin-top: 335px;
		color: #fff;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;

		-webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
	}



/* video4 (boutons récompenses-partenariats) */
	#main .strate-video .video4 {
		display: block;
		overflow: hidden;
		position: relative;
		background: #000;
		/*float: left;*/
		width: 170px;
		margin-left: 25px;
		margin-bottom: 5px;
	}
	#main .strate-video .video4 .wrap-img {
		display: block;
		overflow: hidden;
		position: relative;
		height: 84px;
		background: #000;
		float: left;
		width: 170px;
	}
	
	#main .strate-video .video4 img {
		min-width: 100%;
		min-height: 100%;
		max-width: inherit;
		width: auto;
		height: auto;
		position: absolute;
		-webkit-transform: translate(-50%, -50%);
		    -ms-transform: translate(-50%, -50%);
		        transform: translate(-50%, -50%);
		left: 50%;
		top: 50%;

		opacity: 1;

		-webkit-transition: opacity 0.3s ease-out;
          transition: opacity 0.3s ease-out;
	}

	#main .strate-video .video4:hover .wrap-img img {
		opacity: 0.9;
	}	
		#main .strate-video .video4:hover .label {
			background: #003c64;
			color: #fff;
		}

	#main .strate-video .video4 .label {
		display: block;
		background: #0079C8;
		padding: 13px 15px;
		text-align: center;
		font-size:16px;
		widows:250px;
		margin-left: 0px;
		margin-top: 84px;
		color: #fff;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;

		-webkit-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
	}









#aside .img-side-entreprise {
	margin: 20px auto;
	display: block;
}

#colonne-gauche-bleue {
	float:left;
	width: 360px;
	padding: 10px;
	background: #0577c0;
	display: block;
	line-height: 15px;
}



/*      Historique contacts
======================================================================= */

#main .onglets .nav {
	padding: 0;
}

#main .onglets .nav li {
	float: left;
	background: none;
	padding: 0;
}
	#main .onglets .nav li.right {
		float: right;
	}
	#main .onglets .nav li.right.last a {
		margin-right: 0;
	}

#main .onglets .nav li a {
	background: #FFF;
	margin-right: 4px;
	line-height: 45px;
	display: block;
	height: 45px;
	padding: 0 30px;
	text-decoration: none;

	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #0079C8;
}
	#main .onglets .nav li:hover a,
	#main .onglets .nav li.active a {
		background: #0079C8;
		color: #FFF;
	}

#main .onglets .content {
	background: #FFF;
	border-top: 20px solid #0079C8;
	color: #333;
	padding: 20px;
	margin-bottom: 30px;
}

#main .un_contact {
	margin-bottom: 5px;
	border: 1px solid #C2D2DD;
}
	#main .un_contact h2 {
		padding: 0;
	}
	#main .un_contact h2 a {
		text-decoration: none;
		display: block;
		background: #FFF;
		padding: 10px 15px;
		font-size: 15px;
		color: #333;
	}
		#main .un_contact h2 a:hover {
			color: #0079C8;
		}
	

	#main .un_contact .contenu {
		/*padding: 15px;*/
		background: #fff;
		color: #333;
		border-top: 1px solid #C2D2DD;
	}
	#main .un_contact .contenu .champs {
		margin-top: 15px;
	}
	#main .un_contact .contenu .message {
		margin-bottom: 15px;
	}

	#main .un_contact .champs,
	#main .un_contact .champs li,
	#main .un_contact .contenu h3,
	#main .un_contact .contenu p {
		padding: 0;
	}

	#main .un_contact .contenu .champs,
	#main .un_contact .contenu h3,
	#main .un_contact .contenu .message {
		padding: 0 15px;
	}

	#main .un_contact .champs li {
		width: 33%; 
		float: left;
		padding: 0;
		background: none;
	}

	#main .un_contact .contenu h3 {
		margin-top: 10px;
		margin-bottom: 5px;
	}


/*      Demande de devis
======================================================================= */
#main form.wpcf7-form select.wpcf7-select.wpcf7-not-valid, 
#main form.wpcf7-form input.wpcf7-text.wpcf7-not-valid, 
#main form.wpcf7-form input.wpcf7-number.wpcf7-not-valid, 
#main form.wpcf7-form textarea.wpcf7-not-valid {
	border-color: red;
}


	span.wpcf7-not-valid-tip {
		font-size: 10px !important;
		position: absolute;
		top: 23px;
		left: 0;
	}

	.left-contact 	span.wpcf7-not-valid-tip {
		position: static !important;
	}
	#main .champsCaches {
		display: none;
	}

	#main .demande-prix {
		color: #333;
		background: #EAEAEA;
		padding: 5px 10px 10px;
		margin-bottom: 20px;
	}

	#main .strate-selection .demande-prix h1 {
		color: #333;
	}


	#main .demande-prix form.wpcf7-form {
		margin-top: 0;
		padding: 0;
	}

	#main .demande-prix form.wpcf7-form li {
		width: 50%;
		float: left;
		/*height: 35px;*/
	}
		#main .demande-prix form.wpcf7-form label {
			padding: 5px 10px;
			line-height: 130%;
			height: 35px;
			overflow: visible;
		}


	#main .demande-prix form.wpcf7-form select.wpcf7-select, 
	#main .demande-prix form.wpcf7-form input.wpcf7-text, 
	#main .demande-prix form.wpcf7-form input.wpcf7-number, 
	#main .demande-prix form.wpcf7-form textarea {
		background: #fff;
		width: 240px !important;
		/*height: 35px;*/
	}

	#main .demande-prix form.wpcf7-form input.wpcf7-submit {
		display: inline-block;
		width: 120px;
		margin-top: 10px;
		margin-left: 0;
	}
		#main .demande-prix form.wpcf7-form .wrap-submit {
			text-align: center;
			clear: both;
		}


/*      Demande de doc form
======================================================================= */


#main .demande-doc form.wpcf7-form {
	margin-top: 0;
}

#main .demande-doc #SelectMailEnvoi,
#main .demande-prix #SelectMailEnvoi {
	margin-left: 10px;
	margin-top: 5px;
}

#main .demande-doc form.wpcf7-form li {
	width: 50%;
	float: left;
	height: auto;
}
	#main .demande-doc form.wpcf7-form li.full {
		width: auto;
		float: none;
		clear: both;
	}
	#main .demande-doc form.wpcf7-form label {
		padding: 3px 0;
		line-height: 130%;
	}
		#main .demande-doc form.wpcf7-form li.full label {
			display: block;
			float: none;
		}
			#main .demande-doc form.wpcf7-form li.full textarea {
				width: 520px !important;
				height: 70px;
			}

	#main .demande-doc form.wpcf7-form select.wpcf7-select, 
	#main .demande-doc form.wpcf7-form input.wpcf7-text, 
	#main .demande-doc form.wpcf7-form input.wpcf7-number, 
	#main .demande-doc form.wpcf7-form textarea {
		background: #fff;
		width: 240px !important;
		/*height: 35px;*/
	}

	#main .demande-doc form.wpcf7-form input.wpcf7-submit {
		margin-top: 20px;
		margin-left: 210px;
	}


/*      Catalogues
======================================================================= */

#main .liste-catalogues {
	margin-left: -10px;
	margin-top: 10px;
}

	#main .liste-catalogues h2 {
		clear: both;
		padding: 10px 20px;
	}

#main .catalogue {
	float: left;
	width: 193px;

	margin: 0 0 20px 20px;
	background: #fff;

	border: 1px solid #C2D2DD;
	border-top: none;
}

#main .catalogue h3 {
	background: #0079C8;
	color: #fff;
	text-align: center;
	padding: 15px;
	margin: 0 -1px;
}

#main .catalogue .wrap-img {
	text-align: center;
	padding: 10px;
	background: #fff;
	height: 190px;
	line-height: 170px;
}
#main .catalogue .wrap-img img {
	vertical-align: middle;
}

#main .catalogue .wrap-links {
	/*padding: 5px 5px 10px;*/
	background: #E5E5E5;
	height: 84px;
	line-height: 84px;
}

#main .catalogue .links {
	vertical-align: middle;
	display: inline-block;
	width: 100%;
}

#main .catalogue .links a {
	display: block;
	width: 90%;
	margin: 0 auto;
	line-height: 30px;
	height: 30px;
	border-radius: 3px;
	background: #004581 no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding: 0 10px;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 14px;
}
	#main .catalogue .links a:first-child {
		margin-bottom: 5px;
	}
	#main .catalogue .links a:hover {
		background-color: #0079C8;
	}

	#main .catalogue .links a.demande {
		background-image: url(images/icons/unchecked.png);
		background-position: 10px center;
		/*padding-left: 26px;*/
	}
		#main .catalogue .links a.demande.selected {
			background-image: url(images/icons/checked.png);
		}

#aside .catalogues-selectionnes {
	
}
	#aside .catalogues-selectionnes.float {
		position: fixed;
		top: 50px;
		width: 290px;
		margin: 0 auto;
		z-index: 1000;
	}


#aside .catalogues-selectionnes h3 {
	padding: 10px 0;
}

#aside .catalogues-selectionnes form {
	padding: 0;
}

#aside .catalogues-selectionnes .demande {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	background: #004581;
	color: #FFF;
	border-radius: 3px;
	padding: 8px 15px;
	display: block;
	width: 100%;
	border: none;
	text-decoration: none;
	margin: 15px auto;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
}
	#aside .catalogues-selectionnes .demande:hover {
		background: #0079C8;
	}

#aside .catalogues-selectionnes .liste .elemVide {
	display: none;
}

#aside .catalogues-selectionnes .liste .elem {
	background: #0079C8;
	color: #FFF;
	padding: 10px 10px;
	position: relative;
	margin-bottom: 4px;
}

#aside .catalogues-selectionnes .liste .elem h4 {
	padding: 0;
}

#aside .catalogues-selectionnes .liste .elem .remove {
	background: no-repeat center url(images/icons/icon-delete-white.png);
	float: right;
	width: 40px;
	position: absolute;
	top:0;
	right: 0;
	bottom: 0;
}


#main .demande-doc {
	background: #EAEAEA;
	padding: 5px 10px 10px;
	margin: 20px 10px;
}

	#main .demande-doc form.wpcf7-form select.wpcf7-select, 
	#main .demande-doc form.wpcf7-form input.wpcf7-text, 
	#main .demande-doc form.wpcf7-form input.wpcf7-number, 
	#main .demande-doc form.wpcf7-form textarea {
		background: #fff;
	}


/*      Demande de documentation
======================================================================= */

#main .select-catalogue .un_catalogue {
	width: 200px;
	float: left;
	margin: 0 0 10px 10px;
}
	#main .select-catalogue .un_catalogue a {
		display: block;
		height: 35px;
		line-height: 35px;
		color: #fff;
		text-decoration: none;
		padding: 0px 10px 0 34px;
		background: #004581 no-repeat 10px center;
		background-image: url(images/icons/unchecked.png);
	}
	#main .select-catalogue .un_catalogue.selected a {
		background-color: #0079C8;
		background-image: url(images/icons/checked.png);
	}


/*      SIDEBAR
======================================================================= */

#aside {
	padding: 30px 10px 20px 20px;
}

	#aside h2 {
		padding: 10px 0;
	}
	
	#aside ul {
		padding: 5px 0;
	}
		#aside ul.children {
			padding-left: 20px;
			display: none;
		}

		#aside .listSiblings .page_item {
			position: relative;
		}
		#aside .listSiblings .page_item.has-children > a:after {
			content: '';
			position: absolute;
			display: block;
			height: 12px;
			width: 12px;
			right: 5px;
			top: 10px;
			background: no-repeat center url(images/icons/icon-plus.png);
		}
			#aside .listSiblings .page_item.has-children.open > a:after {
				background-image: url(images/icons/icon-moins.png);
			}

		#aside .listSiblings .page_item.current_page_item .children {
			display: block;
		} 

	#aside .tags {
		line-height: 210%;
		background: #E5E5E5;
		padding: 15px;
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}

	#aside .tags a {
		text-decoration: none;
	}



#aside .wrap-gros-titres {
	/*background: #0079C8;*/
	padding: 5px 0;
}

#aside .gros-titre {
	margin: 5px 0;
	/*text-align: center;*/
	padding: 0;
	background: none;
}

#aside .gros-titre a {
	color: #0079C8;
	text-decoration: none;
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 15px;
	margin-left: 7px;

	display: inline-block;
	background: no-repeat left center url('images/icons/arrow-right-titre-bleu.png');
	padding: 0 0 0 18px;

	-webkit-transition:all 0.2s ease-out;
	        transition:all 0.2s ease-out;
}
	#aside .gros-titre:before {
		content: '';
		vertical-align: top;
		display: inline-block;
		height: 50px; 
		width: 50px;
		margin-right: 5px;
		background: no-repeat center url('images/icons/frog-aires-mini.png');

		border: 2px solid #81bde4;
		/*background-color: #E5E5E5;*/
		border-radius: 100%;

		-webkit-transition:all 0.2s ease-out;
		   -moz-transition:all 0.2s ease-out;
		     -o-transition:all 0.2s ease-out;
		        transition:all 0.2s ease-out;
	}
	#aside .gros-titre:hover:before {
		-webkit-transform:rotate(-10deg);
   -moz-transform:rotate(-10deg);
    -ms-transform:rotate(-10deg);
     -o-transform:rotate(-10deg);
        transform:rotate(-10deg);
        border: 6px solid #81bde4;
	}
	#aside .gros-titre:hover a {
		padding: 0 0 0 23px;
		background-position: 3px center;
	}

	#aside .aires.gros-titre:before {
		background-image: url('images/icons/frog-aires-mini.png');
	}
	#aside .sport.gros-titre:before {
		background-image: url('images/icons/frog-sport-mini.png');
	}
	#aside .mobilier.gros-titre:before {
		background-image: url('images/icons/frog-mobilier-mini.png');
	}



/* -------------------------------------------------------------------------------------------- */
/* Login form ------------------------------------------------------------------------------------- */

#main #login-form {
	background: #FFF;
	margin: 40px auto;
	width: 350px;
	padding: 20px;
}

#main #login-form h1 {
	color: #333;
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

#main #login-form .field {
	margin-bottom: 10px;
}
	#main #login-form label {
		font-family:'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-size: 14px;
		display: block;
		margin-bottom: 2px;
	}

	#main #login-form .forgetmenot {
		padding: 5px 0;
	}
	#main #login-form .forgetmenot input {
		margin-right: 3px;
	}
	

	#main #login-form .field .input {
		border: 1px solid #AAD8ED;
		padding: 5px;
		line-height: 200%;
		width: 100%;
	}

	#main #login-form input[type="submit"] {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size: 16px;
		color: #fff;
		background: #004581;
		border-radius: 3px;
		padding: 5px 15px;
		display: block;
		width: 100%;
		margin: 10px auto 0;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		cursor: pointer;
		border: none;
	}
		#main #login-form input[type="submit"]:hover {
			background-color: #0079C8;
		}

/* -------------------------------------------------------------------------------------------- */
/* Registrer form ----------------------------------------------------------------------------- */

#main #adduser {
	padding: 0;
}

#main #adduser label {
	display: inline-block;
	width: 175px;
}

#main #adduser .text-input {
	border: 1px solid #AAD8ED;
	padding: 5px;
	line-height: 200%;
	width: 400px;
}

#main #adduser .submit {
	font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	background: #004581;
	border-radius: 3px;
	padding: 5px 15px;
	display: block;
	width: 200px;
	margin: 10px auto 0;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	cursor: pointer;
	border: none;
}
	#main #adduser .submit:hover {
		background-color: #0079C8;
	}

/*      Inscription Newsletter
======================================================================= */

#aside .inscriptionNL {
	background: #E5E5E5;
	padding: 10px 20px;
	text-align: center;
}
	#aside .inscriptionNL h3 {
		background: #0079C8;
		margin : -10px -20px 15px;
		color: #fff;
	}

	#aside .inscriptionNL #email {
		border-radius: 2px;
		border: none;
		padding: 5px;
		line-height: 26px;
		height: 36px;	
		width: 60%;
		margin-left: 5px;
		margin-bottom: 10px;
	}



	#aside .inscriptionNL .submit {
		font-family: 'Oswald', Tahoma, Verdana, Arial, Helvetica, sans-serif;
		font-weight: 300;
		font-size: 16px;
		color: #fff;
		background: #004581;
		border-radius: 3px;
		padding: 5px 15px;
		display: block;
		width: 200px;
		margin: 10px auto 0;
		text-decoration: none;
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		cursor: pointer;
		border: none;
	}
		#aside .inscriptionNL .submit:hover {
			background-color: #0079C8;
		}

/*      PAGE RESULTAT DE RECHERCHE DE PRODUIT
======================================================================= */

.page-template-template-resultat-recherche-produit-php #main .strate-produits-gamme {
	padding-top: 0;
}

.page-template-template-resultat-recherche-produit-php #main .strate-produits-gamme .liste-produits {
	margin-left: -5px;
}


/* -------------------------------------------------------------------------------------------- */
/* Login form ------------------------------------------------------------------------------------- */

#main .no-results,
#main .error404 {
 padding-bottom: 20px;
}


/*      Association de PRODUIT
======================================================================= */

.produits-assoc h4 {
	margin-bottom: 10px; 
}

.produits-assoc .produit {
	margin:0 5px 10px 0;
	float:left;
	cursor:pointer;
	width: 100px;
	/*
	-webkit-transition: all 0.4s ease-out; 
	-moz-transition: all 0.4s ease-out; 
	-o-transition: all 0.4s ease-out; 
	*/
	background-color:#FFFFFF;
	padding: 0;
	position: relative;
}	
	.produits-assoc .produit .wrap-img {
		height:80px;
		line-height: 80px;
		position:relative;
		text-align: center;
		
		background: #FFF;
		border:1px solid #c2d2dd;
		border-bottom: none;
		float: none;
		width: auto;
		overflow: hidden;
	}
	.produits-assoc .produit img {
		max-height: 80px;
		vertical-align: top;
		margin-bottom: 3px;
		width: auto;
	}
	.produits-assoc .produit h5 {
		text-transform: uppercase;
		font-size: 12px;
	}
	.produits-assoc .produit h5 a {
		padding: 2px;
		display:block;
		text-align:center;
		text-decoration:none;
		background:#0079C8;
		color:#FFFFFF;
	}

	.produits-assoc .produit:hover h5 a {
		background-color: #005085;
	}

/* --------------- Page listing enfants -------------- */
/*
#main .listing-child {
	-webkit-box-shadow:inset 0 30px 90px -30px rgba(0,0,0,0.3);
	box-shadow:inset 0 30px 90px -30px rgba(0,0,0,0.3);
	padding-top: 60px;
}
*/
#main .wrap-childPageElem {
	padding: 0 10px 40px;
}

#main .childPageElem {
	background: none;
	
	display: block;
	cursor:pointer;
	list-style: none;
	padding: 0;
	margin: 0;
	width:auto;
	-webkit-transition: all 0.2s ease-in; /*safari and chrome */
	-moz-transition: all 0.2s ease-in; /* firefox */
	-o-transition: all 0.2s ease-in; /* opera */
}

#main .childPageElem h3 {
		padding:0;
		text-align:left;
	}

#main .childPageElem h3 a {
		color:#0079C8;
		display:block;
		padding:20px 0;
		text-decoration:none;
		-webkit-transition: all 0.2s ease-in; /*safari and chrome */
		-moz-transition: all 0.2s ease-in; /* firefox */
		-o-transition: all 0.2s ease-in; /* opera */

		border-bottom: 1px solid #ddd;
	}

	#main .childPageElem:last-child h3 a {
		border-bottom: none;
	}

	#main .childPageElem:hover h3 a, 
	#main .childPageElem h3 a:hover {
		color:#003C64;
		padding-left: 10px;
	}

#main .wrap-img-listChild {
	padding-left: 10px;
}

#main .gallery .gallery-item dd {
	bottom: 5px;
	z-index: 2;
	left: 0;
	right: 0;
	background: rgba(255, 255, 255, 0.7);
	padding: 2px 10px;
}


/*      13 CONSEILS AMENAGEMENT
======================================================================= */


dl#conseils{
	margin: 10px;
	padding: 0;
	background: transparent url(images/13conseils.jpg) top left no-repeat;
	border: 1px solid #000000;
	height: 441px;
	width: 565px;
	position: relative;
}

dl#conseils-en{
	margin: 10px;
	padding: 0;
	background: transparent url(images/13conseils-en.jpg) top left no-repeat;
	border: 1px solid #000000;
	height: 441px;
	width: 565px;
	position: relative;
}

dt{ margin: 0; padding: 0; position: absolute; font-size: 85%; display: none; }
dd{ 
	margin: 0; padding: 0; position: absolute;  font-size: 85%; 
}
dd a{ outline: none; }
dd a:active{ outline: none; -moz-outline: none; }

dl#conseils dt.title{
	color: black;
	background-color:#FFFFFF;
	font-weight:bold;
	display: block;
	font-size: 10;
	padding: 5px;
}

dl#conseils-en dt.title{
	color: black;
	background-color:#FFFFFF;
	font-weight:bold;
	display: block;
	font-size: 10;
	padding: 5px;
}

/* ---------- Hotspot Declarations ---------- */
dd#conseil-1{ top: 227px; left: 433px; }
dd#conseil-1 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-1 a span{ display: none; }
dd#conseil-1 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-1 a:hover span, dd#conseil-1 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-2{ top: 110px; left: 483px; }
dd#conseil-2 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-2 a span{ display: none; }
dd#conseil-2 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-2 a:hover span, dd#conseil-2 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-3{ top: 330px; left: 475px; }
dd#conseil-3 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-3 a span{ display: none; }
dd#conseil-3 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-3 a:hover span, dd#conseil-3 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-4{ top: 373px; left: 73px; }
dd#conseil-4 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-4 a span{ display: none; }
dd#conseil-4 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-4 a:hover span, dd#conseil-4 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-5{ top: 205px; left: 0px; }
dd#conseil-5 a{ position: absolute; width: 40px; height: 65px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-5 a span{ display: none; }
dd#conseil-5 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-5 a:hover span, dd#conseil-5 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-6{ top: 140px; left: 55px; }
dd#conseil-6 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-6 a span{ display: none; }
dd#conseil-6 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-6 a:hover span, dd#conseil-6 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-7{ top: 215px; left: 120px; }
dd#conseil-7 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-7 a span{ display: none; }
dd#conseil-7 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-7 a:hover span, dd#conseil-7 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-8{ top: 270px; left: 125px; }
dd#conseil-8 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-8 a span{ display: none; }
dd#conseil-8 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-8 a:hover span, dd#conseil-8 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-9{ top: 77px; left: 70px; }
dd#conseil-9 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-9 a span{ display: none; }
dd#conseil-9 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-9 a:hover span, dd#conseil-9 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-10{ top: 135px; left: 185px; }
dd#conseil-10 a{ position: absolute; width: 35px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-10 a span{ display: none; }
dd#conseil-10 a:hover{ background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-10 a:hover span, dd#conseil-10 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-11{ top: 135px; left: 230px; }
dd#conseil-11 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-11 a span{ display: none; }
dd#conseil-11 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-11 a:hover span, dd#conseil-11 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-12{ top: 195px; left: 260px; }
dd#conseil-12 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-12 a span{ display: none; }
dd#conseil-12 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-12 a:hover span, dd#conseil-12 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

dd#conseil-13{ top: 275px; left: 260px; }
dd#conseil-13 a{ position: absolute; width: 50px; height: 50px; text-decoration: none; border: 0px solid #FFFCE6; background: transparent repeat; }
dd#conseil-13 a span{ display: none; }
dd#conseil-13 a:hover{ position: absolute; background: transparent repeat; border: 0px solid #BCBCBC; }
dd#conseil-13 a:hover span, dd#conseil-13 a:focus span{
	display: block;
	text-indent: 0;
	vertical-align: top;
	color: #000;
	background-color: #F4F4F4;
	font-weight: bold;
	position: absolute;
	border: 1px solid #BCBCBC;
	bottom: 100%;
	margin: 0;
	padding: 5px;
	width: 175px;
}

/* Submit formulaires */

.message-submit {
	margin: 10px 10px;
	font-size: 1.4em;
	vertical-align: middle;
	width: 99%;
	text-align: center;
}
.success{
	color: #4F8A10;
    background-color: #DFF2BF;
}

.error{
	color: #D8000C;
    background-color: #FFBABA;
}



.search-results #main .liste-elements .element .wrap-img img {
	max-width: 100%;
}


.ExplicationPrix {
	padding: 10px;
	background: #0079C8;
	font-weight: bold;
	margin-bottom: 30px;
	color: #FFF;
}

.TB_Wrapper .captionCanvas {
	box-shadow: none !important;
}


.btnContactsInternationaux {
	display: inline-block;
	vertical-align: top;
	background: #004581;
	border-radius: 3px;
	height: 32px;
	line-height: 32px;
	color: #FFF !important;
	text-decoration: none;
	padding: 0 10px 0 45px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: 300;
	font-size: 12px;
	background: #004581 no-repeat 10px center url(images/icons/icon-contact-mini.png);
	margin-top: 7px;
	text-align: center; 

	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
	.btnContactsInternationaux:hover {
		background-color: #076CBF;
	}


.forMobile {
	display: none;
}

@media screen and (max-width: 600px) {
	.forMobile {
		display: block;
	}
}


#SelectMailEnvoi {
	text-align: left;
	display: inline-block;

	margin-top: 5px;
	margin-left: 10px;
}
#SelectMailEnvoi .dd-select{
	height: 38px;
}
#SelectMailEnvoi .dd-selected {
	height: 36px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 10px;
	color: #3F3F3F;
}
#SelectMailEnvoi .dd-option-image, #SelectMailEnvoi .dd-selected-image {
	float: none;
	margin-right: 15px;
	margin-top: -2px;
}
#SelectMailEnvoi .dd-option-text {
	position: relative;
	line-height: 100% !important;
}
#SelectMailEnvoi .dd-options {
	overflow: auto !important;
	padding: 0;
}
#SelectMailEnvoi .dd-options li {
	background: #E1E1E1;
  	padding: 0;
}


/*      RESPONSIVE
======================================================================= */

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

	#main img { height: auto; }

	.col160, .col180, .col240, .col320, .col360, .col400, .col480, .col640, .col720, .col800, #content, #aside {
		margin: 0 10px;
	}

	#bcrumbs p#breadcrumbs {
		padding: 10px;
		line-height: 200%;
	}

	#header .toolbox {
		position: static;
		margin: 0 10px;
		padding: 10px 0;
	}

	#header .toolbox .btnMonCompte,
	#header .toolbox .selection {
		padding-left: 33px;
		padding-right: 5px;
	}
	
	#header .toolbox .contact-infos {
		max-width: 153px;
		margin: 15px auto 0;
	}

	#access {
		background: #fff;
	}
	#access, 
	#access .row {
		height: auto;
	}

	#access .btnMenu {
		display: block;
		float: right;
		background: url('images/icons/icon-menu.png') no-repeat center;
		height: 40px;
		width: 40px;
		margin-top: 15px;
	}

	#access #menu-navigation {
		width: 100%;
		margin: 0;
	}
	#access ul {
		background: #fff;
		margin: -6px -10px 0;
		float: none;
		display: none;
	}
	#access li {
		margin-left: 0;
	}
	#access li a {
		height: 40px;
		line-height : 40px;
	}
		#access li a:before {
			display: none;
		}



	.wrap-slider {
		margin-bottom: 0;
        display: none;
	}
    
    .strate-produits-home {
        margin-top: 0;    
    }
    
/*	#slider .slide .contenu {
		padding: 10px;
	}
	#slider .slide .contenu h3 {
		font-size: 15px;
		font-weight: 300;
	}*/

/*	#main .TB_Wrapper .Slide > div {
		left: 10px !important;
		right: 10px !important;
		top: 10px !important;
		display: block !important;
		width: 100% !important;
		height: auto !important;
	}
*/
	#main .strate-actus .actu .wrap-visuel {
		width: auto;
	}

	#main .strate-actus h3:after {
		display: none;
	}

	#main .bloc-cat .visuel-cat {
		max-width: 100%;
		margin: 0 auto;
	}

	#main .bloc-cat .gros-titre {
		margin-top: 25px;
	}

	#main .bloc-recherche {
		margin: 25px 20px 25px;
		text-align: center;
		width: auto;
	}
	#main .bloc-recherche label {
		display: block;
		margin-right: 0;
	}
	#main .strate-produits-home .bloc-recherche .wrap-field {
		float: none;
	}

	#main .strate-accelerateurs {
		padding: 0;
	}
		#main .strate-accelerateurs .col320 {
			padding: 10px 0;
		}

	#main .strate-actus .col480 {
		width: auto;
		padding-bottom: 30px;
		margin-bottom: 20px;
	}
    
    .strate-reseaux {
        display: none;
    }

	#main .strate-reseaux .illustration {
		display: none;
	}

	#footer {
		padding: 40px 20px 30px;
	}




	.familyListItem,
	#main.childPageElem {
		width: auto;
	}
	#main .strate-contenu-famille:after {
		display: none;
	}



	.wrap-slider {
		padding: 0 20px;
	}

	#main .sous-cat .col240 {
		width: auto;
	}

	#main .strate-reseaux h3 {
		padding : 10px 0;
	}

	#main .strate-reseaux .dcsns-toolbar {
		margin-top: 0;
	}

	#main .strate-video {
		padding: 40px 10px;
	}

	#main .strate-video h3 {
		padding: 10px 0;
	}
	#main .strate-video .video {
		padding: 0 0 5px;
	}

	#main .catalogue {
		float: none;
		width: auto;
		margin: 0 10px 20px 20px;
	}

	#aside {
		padding: 0 10px 20px 10px;
	}

	#main .select-catalogue .un_catalogue {
		width: auto;
		float: none;
		margin: 0 10px 10px;
	}

	#main form.wpcf7-form input.wpcf7-submit {
		width: 100%;
		display: block;
		margin-left: 0; 
	}
	#main form.wpcf7-form select.wpcf7-select, 
	#main form.wpcf7-form input.wpcf7-text, 
	#main form.wpcf7-form input.wpcf7-number, 
	#main form.wpcf7-form textarea {
		width: 100% !important;
	}

	#main .strate-contenu-univers:after {
		display: none;
	}

	#main .strate-contenu-univers .wrap-visuel {
		margin-top: 20px;
	}

	#main .strate-contenu-univers .wrap-visuel,
	#main .strate-contenu-univers .wrap-visuel img {
		position: inherit;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0); 
	}
	
	#main .strate-familles-univers .famille {
		padding: 15px 10px;
	}

	#main .strate-familles-univers .famille .wrap-img {
		width: auto;
		float: none;
	}

	#main .strate-familles-univers .liste {
		margin-left: 0;
		margin-top: 10px;
	}

	#main .strate-familles-univers .liste ul li {
		padding: 7px 10px;
		background: #E5E5E5;
		margin-bottom: 3px;
	}

	#main .strate-gammes-famille .familyListItem {
		margin: 0 20px 20px;
	}

	.familyListItem,
	#main .childPageElem {
		width: auto;
		float: none;
	}
	#main .childPageElem .wrap-img {
		width: auto;
	}

	#main .strate-gammes-famille .wrap-img {
		width: auto;
		height: 130px;
	}

	#main .strate-contenu-gamme .btnDiapo {
		margin-bottom: 30px;
	}
	#main .strate-contenu-gamme:after {
		display: none;
	}

	.popup .contenu {
		min-width: inherit;
	}

	#main .catalogListItem {
		float: none;
		width: auto;
		margin: 10px;
	}

	#main .strate-produits-gamme .liste-produits {
		padding: 20px 10px;
		margin-left: 0;
	}

	#main .catalogListItem .hover {
		display: none;
	}

	#main h3.productCaracteristicsTitle,
	#main h3.productInstallationTitle {
		 padding: 10px 0; 
		 margin: 0;
		 border-top: none;
	}

	#main .wrap-slider-produit {
		clear: both;
		border: 1px solid #C0D1DD;
		margin: 20px 20px 0;
		padding: 0 10px;
	}

	#main .productPicture .slides-wrap > .slide {
		line-height: 300px; 
		min-height: 300px; 
	}

	#main .productBottomRow .col-gauche {
		padding: 0 20px;
	}

	#main ul.productTools {
		margin-top: 20px;
		padding: 0;
	}
	
	#main ul.productTools li {
		margin-bottom: 4px;
		float: none;
	}
	#main ul.productTools li a {
		width: auto;
		display: block;
		margin: 0;
	}

	#main .productBottomRow h2 {
		padding: 10px 0;
	}
	#main .fonctions-ludiques li {
		width: 80px;
	}
	#main .nav-product.nav-product-back a {
		left: 35px;
	}

	dl#conseils {
		width: auto;
	}

	#main .strate-texte-contact {
		padding: 10px;
	}

	#main .strate-top-contact .right-contact {
		margin: 30px 20px 0;
	}
	#main .strate-vos-contact {
		margin: 0 10px;
	}

	#main .strate-vos-contact .contact .wrap-princ,
	#main .strate-vos-contact .contact .wrap-map,
	#main .strate-vos-contact .contact .contenu-light {
		width: 100%;
		float: none;
	}
	#main .strate-vos-contact .contact .wrap-map {
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#main .strate-vos-contact .contact:hover .wrap-img img {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	#main .strate-vos-contact .texte-top-map,
	#main .strate-vos-contact .no-img-responsive .contact .wrap-map {
		display: none;
	}
	

	#main .strate-vos-contact .wrap-map-area,
	#main .strate-vos-contact .preview-contact {
		display: none;
	}

	#main .strate-vos-contact .liste-contacts {
		display: block !important;
	}

	.popup {
		padding: 20px;
	}
	.popup .contenu .img-contenu {
		float: none;
		display: block;
		margin: 0 auto 20px;
	}
	.popup .contenu.contenu-contact {
		padding-bottom: 240px;
		position: relative;
	}
	.popup .contenu .img-contenu.map {
		position: absolute;
		bottom: 20px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}

	#main .strate-selection {
		padding: 0 20px;
	}
	#main .onglets .content {
		border-top: 0;
		padding: 10px;
	}

	#main .onglets .nav li,
	#main .onglets .nav li.right {
		float: none;
		text-align: left;
	}
	#main .onglets .nav li a {
		margin-right: 0;
	}

	#main #selectionList ul li.une_selection {
		width: auto;
	}
	#main #selectionList .btn_area a.vide {
		margin: 5px 0 0;
	}

	#main .un_contact .champs li {
		width: auto;
		float: none;
	}

	#main #login-form {
		width: auto;
	}

	.blog .hentry .wrap-img, 
	.category .hentry .wrap-img {
		float: none;
		width: auto;
		text-align: center;
	}
	.blog .hentry .content, 
	.category .hentry .content {
		margin-left: 0;
	}

	#main .demande-doc form.wpcf7-form label,
	#main .demande-prix form.wpcf7-form label {
		padding: 5px 0;
		display: block;
	}

	#main .demande-doc form.wpcf7-form li,
	#main .demande-prix form.wpcf7-form li {
		width: auto;
		display: block;
		float: none;
		height: auto;
	}

	#main .aires .sous-cat .col240:first-of-type ul li:last-of-type a {
		border-bottom: 1px solid #C0D1DD;
	}

	#main .demande-doc form.wpcf7-form input.wpcf7-submit {
		margin-left: 0;
	}

	#aside .catalogues-selectionnes {
		display: none;
	}

	#main .strate-contenu-gamme .texte {
		padding: 5px 0;
	}

	#main ul.productMedia .hint--bottom:before,
	#main ul.productMedia .hint--bottom:after {
		display: none;
	}

	#main .productPicture .slides-wrap > .slide #image_360-reel {
		display: inline-block;
		vertical-align: middle;
	}

	#main .productPicture .slides-wrap > .slide #image_360 {
		height: 150px !important;
	}


	#main .liste-elements .element .wrap-img {
		width: auto;
		display: block;
		float: none;
		margin-bottom: 10px;
	}
	#main .liste-elements .element .wrap-img img {
		min-width: 100%;
	}
	#main .liste-elements .element .content {
		margin-left: 0;
	}

	#main .owl-crossselling {
		width: auto;
	}
	#main h1.productTitle {
		padding: 20px 80px;
		font-size: 20px;
	}
	#main .owl-crossselling .owl-controls {
		width: 280px;
	}

}



/*      COMPAT NAVIGATEURS
======================================================================= */

.no-csstransforms #main .strate-actus h3:after {
	display: none;
}

.no-rgba #main .sous-cat {
	background: url('images/compat-ie/bg-sous-cat-home.png');
}


.no-csstransforms #main .bloc-cat .gros-titre {
	background: no-repeat left center url('images/compat-ie/bg-gros-titre.png');
}
.no-csstransforms #main .bloc-cat .gros-titre:before {
	border: none;
}

.no-csstransforms #main .strate-references-map .bottom-liste .reference .wrap-img img,
.no-csstransforms #main .strate-familles-univers .famille .wrap-img img,
.no-csstransforms #main .strate-gammes-famille .wrap-img img {
	left: 0;
	top: 0;
}


.no-csstransforms #main .strate-contenu-univers .wrap-visuel img {
	margin-top: -105px;
}


.no-csstransforms #main .strate-contenu-univers h1 {
	background: no-repeat left center url('images/compat-ie/bg-titre-frog.png');
}
	.no-csstransforms #main .strate-contenu-univers h1:before {
		background-color: transparent;
	}


.no-csstransforms #main .nav-reveal a {
	top: 6px;
}

.no-csstransforms #main .nav-slider-produit {
	left: 20px;
}

.no-csstransforms #main .wrap-slider-produit .nav-slider-produit a {
	display: none;
}

.no-csstransforms #main .wrap-slider-produit:hover .nav-slider-produit a {
	display: block;
}






/* -------------------------------------------------------------- */
/* Archive Newsetter NL (ajout du 26/08/2016 -------------------- */ 
#main ul.newsletter-archive li
{ margin-bottom: 15px; border-bottom: 1px solid #C0D1DD; padding: 0 0 10px 0; background: none; }
#main ul.newsletter-archive li span.date
{ background-color: #1078CE; padding: 5px; margin-right: 10px; border-radius: 5px; color: #fff; }
#main ul.newsletter-archive li a
{ text-decoration: none; font-size: 13px; }