/**** Reset CSS ****/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: "Gill Sans MT", Arial;
}
b, strong {
    font-weight: 700;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

i {
    font-style: italic;
}

/**** Polices ****/
@font-face {
  font-family: 'Gill Sans MT';
  src: url('../polices/GillSansMT-Bold.eot');
  src: url('../polices/GillSansMT-Bold.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT-Bold.woff') format('woff'),
    url('../polices/GillSansMT-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans MT';
  src: url('../polices/GillSansMT-BoldItalic.eot');
  src: url('../polices/GillSansMT-BoldItalic.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT-BoldItalic.woff') format('woff'),
    url('../polices/GillSansMT-BoldItalic.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: 'Note this';
  src: url('../polices/Notethis.eot');
  src: url('../polices/Notethis.eot?#iefix') format('embedded-opentype'),
    url('../polices/Notethis.woff') format('woff'),
    url('../polices/Notethis.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans MT Ext Condensed';
  src: url('../polices/GillSansMT-ExtraCondensedBold.eot');
  src: url('../polices/GillSansMT-ExtraCondensedBold.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT-ExtraCondensedBold.woff') format('woff'),
    url('../polices/GillSansMT-ExtraCondensedBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans MT';
  src: url('../polices/GillSansMT.eot');
  src: url('../polices/GillSansMT.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT.woff') format('woff'),
    url('../polices/GillSansMT.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gill Sans MT';
  src: url('../polices/GillSansMT-Italic.eot');
  src: url('../polices/GillSansMT-Italic.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT-Italic.woff') format('woff'),
    url('../polices/GillSansMT-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gill Sans MT Condensed';
  src: url('../polices/GillSansMT-Condensed.eot');
  src: url('../polices/GillSansMT-Condensed.eot?#iefix') format('embedded-opentype'),
    url('../polices/GillSansMT-Condensed.woff') format('woff'),
    url('../polices/GillSansMT-Condensed.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hero';
  src: url('../polices/Hero.eot');
  src: url('../polices/Hero.eot?#iefix') format('embedded-opentype'),
    url('../polices/Hero.woff') format('woff'),
    url('../polices/Hero.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Hero';
  src: url('../polices/Hero-Light.eot');
  src: url('../polices/Hero-Light.eot?#iefix') format('embedded-opentype'),
    url('../polices/Hero-Light.woff') format('woff'),
    url('../polices/Hero-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

/** old **/

@font-face {
    font-family: 'brandon_grotesqueblack';
    src: url('../polices/brandon_blk-webfont.eot');
    src: url('../polices/brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/brandon_blk-webfont.woff2') format('woff2'),
         url('../polices/brandon_blk-webfont.woff') format('woff'),
         url('../polices/brandon_blk-webfont.ttf') format('truetype'),
         url('../polices/brandon_blk-webfont.svg#brandon_grotesqueblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquemedium';
    src: url('../polices/brandon_med-webfont.eot');
    src: url('../polices/brandon_med-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/brandon_med-webfont.woff2') format('woff2'),
         url('../polices/brandon_med-webfont.woff') format('woff'),
         url('../polices/brandon_med-webfont.ttf') format('truetype'),
         url('../polices/brandon_med-webfont.svg#brandon_grotesquemedium') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url('../polices/proximanova-regular-webfont.eot');
    src: url('../polices/proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-regular-webfont.woff2') format('woff2'),
         url('../polices/proximanova-regular-webfont.woff') format('woff'),
         url('../polices/proximanova-regular-webfont.ttf') format('truetype'),
         url('../polices/proximanova-regular-webfont.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url('../polices/proximanova-bold-webfont.eot');
    src: url('../polices/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-bold-webfont.woff2') format('woff2'),
         url('../polices/proximanova-bold-webfont.woff') format('woff'),
         url('../polices/proximanova-bold-webfont.ttf') format('truetype'),
         url('../polices/proximanova-bold-webfont.svg#proxima_nova_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('../polices/proximanova-boldit-webfont.eot');
    src: url('../polices/proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-boldit-webfont.woff2') format('woff2'),
         url('../polices/proximanova-boldit-webfont.woff') format('woff'),
         url('../polices/proximanova-boldit-webfont.ttf') format('truetype'),
         url('../polices/proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novalight';
    src: url('../polices/proximanova-light_0-webfont.eot');
    src: url('../polices/proximanova-light_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-light_0-webfont.woff2') format('woff2'),
         url('../polices/proximanova-light_0-webfont.woff') format('woff'),
         url('../polices/proximanova-light_0-webfont.ttf') format('truetype'),
         url('../polices/proximanova-light_0-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('../polices/brandon_bld-webfont.eot');
    src: url('../polices/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/brandon_bld-webfont.woff2') format('woff2'),
         url('../polices/brandon_bld-webfont.woff') format('woff'),
         url('../polices/brandon_bld-webfont.ttf') format('truetype'),
         url('../polices/brandon_bld-webfont.svg#brandon_grotesquebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../polices/proximanova-semibold-webfont.eot');
    src: url('../polices/proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-semibold-webfont.woff2') format('woff2'),
         url('../polices/proximanova-semibold-webfont.woff') format('woff'),
         url('../polices/proximanova-semibold-webfont.ttf') format('truetype'),
         url('../polices/proximanova-semibold-webfont.svg#proxima_novasemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaextrabold';
    src: url('../polices/proximanova-extrabold-webfont.eot');
    src: url('../polices/proximanova-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-extrabold-webfont.woff2') format('woff2'),
         url('../polices/proximanova-extrabold-webfont.woff') format('woff'),
         url('../polices/proximanova-extrabold-webfont.ttf') format('truetype'),
         url('../polices/proximanova-extrabold-webfont.svg#proxima_novaextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novasemibold_italic';
    src: url('../polices/proximanova-semibolditalic-webfont.eot');
    src: url('../polices/proximanova-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-semibolditalic-webfont.woff2') format('woff2'),
         url('../polices/proximanova-semibolditalic-webfont.woff') format('woff'),
         url('../polices/proximanova-semibolditalic-webfont.ttf') format('truetype'),
         url('../polices/proximanova-semibolditalic-webfont.svg#proxima_novasemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'proxima_novaregular_italic';
    src: url('../polices/proximanova-regularitalic-webfont.eot');
    src: url('../polices/proximanova-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/proximanova-regularitalic-webfont.woff2') format('woff2'),
         url('../polices/proximanova-regularitalic-webfont.woff') format('woff'),
         url('../polices/proximanova-regularitalic-webfont.ttf') format('truetype'),
         url('../polices/proximanova-regularitalic-webfont.svg#proxima_novaregular_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'brandon_grotesquebold_italic';
    src: url('../polices/brandon_bld_it-webfont.eot');
    src: url('../polices/brandon_bld_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/brandon_bld_it-webfont.woff2') format('woff2'),
         url('../polices/brandon_bld_it-webfont.woff') format('woff'),
         url('../polices/brandon_bld_it-webfont.ttf') format('truetype'),
         url('../polices/brandon_bld_it-webfont.svg#brandon_grotesquebold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**** Extension Bootstrap ****/

.vcenter {
	display: flex;
	align-items: center;
}

.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}
.col-xs-1-5 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}
/**** General ****/
body{
	font-size 			: 11px;
}
.container {
  	width 				: 80%;
}
.sticky{
	width 				: 100%;
	z-index 			: 10000;
}
@media screen and (max-width: 1500px) {
	.container{
		width 				: 90%;
	}
	header .boutique {
		padding-right 		:85px;
	}
}
@media screen and (max-width: 450px) {
	.container{
		width 				: 100%;
	}
}
#affix1{
	z-index 			: 10002;
}
#affix1-debug{
	display:none;
	width: 100%;
}
#affix1-debug.affix{
	
}
#affix2{
	z-index 			: 10001;
}
#id2146 #affix2{
	display: none;
}
#affix3{
	z-index 			: 10000;
}
.offsetTop{
	padding-top 			: 50px;
}
/**** Header ****/
header{
	background 			: #008DC6;
	width 				: 100%;
	padding 			: 15px 0 0;
} 
header .container{
	position 			: relative;
	z-index 			: 10;
}
header a.logo{
	display 			: block;
	margin-bottom 		: 15px;
} 
header a.logo img{
	max-width 			: 100%;
}
header .logo-spe{

	display 			: block;

	margin-bottom 		: 15px;

} 

header .logo-spe{

	max-width 			: 100%;

} 
header .navbar {
	margin-right 		: 15px;
	min-height 			: auto;
	margin-bottom 		: 0;
	min-height:15px;
}
header .navbar-default {
    background 			: none;
    border 				: 0;
}
header .navbar-default .navbar-header{
	display 			: none;
}
header .navbar-default .navbar-nav li a, #sidebar-wrapper li a{
	background 			: none;
	color 				: #fff;
	font-family 		: "Gill Sans MT", Arial;
	font-size 			: 1.375em;
	padding-bottom 		: 15px;
	padding-top 		: 0;
	text-transform 		: uppercase;
}
header .navbar-default .navbar-nav li a.blue, #sidebar-wrapper li a.blue{
	color 				: #87d0fe;
}
header .navbar-default .navbar-nav > li > a:hover, header .navbar-default .navbar-nav > .active > a, 
header .navbar-default .navbar-nav > .active > a:hover, header .navbar-default .navbar-nav > .active > a:focus,
#sidebar-wrapper .sidebar-nav > li > a:hover, #sidebar-wrapper .sidebar-nav > .active > a, 
#sidebar-wrapper .sidebar-nav > .active > a:hover, #sidebar-wrapper .sidebar-nav > .active > a:focus,
header .navbar-default .navbar-nav li.active a.blue, #sidebar-wrapper li.active a.blue{
	background 			: none;
	color 				: #f09100;
}
#sidebar-wrapper .sidebar-nav > li:hover .sub-menu{
	display 			: block!important;
}
.nav > li, header .menu .navbar, header .menu, header .container {
	position : static;
}
header .navbar-default .navbar-nav > li.first > a{
	padding-left		: 0;
}
header .trade-title h2 {
font-size			: 2.5em;
font-family			: "Gill Sans MT", Arial;
text-transform		: uppercase;
color 				: #ffffff;
text-align 			: right;
margin-top 			: 30px;
}
@media screen and (max-width: 1620px) {
	header .lang{
		z-index 			: 20!important;
	}
}
@media screen and (max-width: 1300px) {
	header .navbar-default .navbar-nav li a, #sidebar-wrapper li a {
		font-size 			: 1.2em;
	}
	.sub-menu ul li a{
		font-size 			: 1.2em!important;
	}
}
@media screen and (max-width: 1190px) {
	header .navbar-default .navbar-nav li a, #sidebar-wrapper li a {
		padding 			: 0 10px 15px;
	}
}
@media screen and (max-width: 1121px) {
	header .navbar-default .navbar-nav li a, #sidebar-wrapper li a {
		font-size 			: 1.1em;
	}
	.sub-menu ul li a{
		font-size 			: 1.1em!important;
	}
}
@media screen and (max-width: 1010px) {
	header .navbar-default .navbar-nav li a, #sidebar-wrapper li a {
		font-size 			: 1em;
	}
	.sub-menu ul li a{
		font-size 			: 1em!important;
	}
}
@media screen and (max-width: 991px) {
	header .navbar-default .navbar-nav li a, #sidebar-wrapper li a {
		font-size 			: 1.3em;
		padding 			: 0 10px 15px;
	}
	.sub-menu ul li a{
		font-size 			: 1.3em!important;
	}
	header .trade-title h2 {
	font-size			: 2.2em;
	}
}
@media screen and (max-width: 880px) {
	header a.logo{
		display 			: block;
		margin-top			: 10px;
		margin-bottom		: 10px;
	} 
	header a.logo img{
		width 				: 150px;
	}
	header div.col-xs-12, header div.col-xs-2{
		width 				: 50%;
	}
	header div.trade-title h2 {
		font-size 			: 1.5em;
		margin-top 			: 15px;
	}
	header {
		padding 		: 0; 
		height 			: 79px; 
	}
	header .lang{
		display 		: none;
	}
	header .navbar-header{
		display 		: block!important;
		margin 			: 0 2% 15px;
		width 			: 96%;
	}
	header .navbar-collapse{
		width 			: 96%;
		margin 			: -30px 2% 15px!important;
		overflow-y 		: auto;
		padding 		: 0;
	}
	header .navbar-toggle{
		border 			: none;
		margin-bottom 	: 0;
   		margin-top 		: 20px;
	}
	header .navbar {
		margin-bottom 	: 10px;
	}
	header .navbar-nav {
		margin 			: 0;
		width 			: 100%;
	}
	header .navbar-nav li{
		width 			: 100%;
	}
	header .navbar-default .navbar-nav > li > a{
		font-size 		: 1.2em;
		padding 		: 15px 2%;
		width 			: 100%;
	}
	header .navbar-default .navbar-nav > li.first > a{
		padding 		: 15px 2%;
		width 			: 100%;
	}
	header .navbar-default .navbar-nav > li:hover > a, header .navbar-default .navbar-nav > li.active > a, header .navbar-default .navbar-nav > li.active:hover > a{
		background 		: #fff;
		color 			: #f09100;
	}
	header .navbar-collapse.collapse {
	    display: none !important;
	    height: auto !important;
	    overflow: hidden !important;
	    padding-bottom: 0;
	    visibility: hidden !important;
	}
	header .navbar-toggle {
	    display: block!important;
	}
	header .navbar-collapse.in {
   		overflow-y: auto!important;
	}
	header .collapse.in {
	    display: block!important;
	    visibility: visible!important;
	}
	header .navbar-header {
	    float: none;
	}
}
header .btn-boutique{
	display 			: block;
	float 				: right;
	margin-bottom:15px;
}
header .btn-blog{
	display 			: block;
	float 				: right;
	margin-bottom:15px;
}
header .btn-blog a {
    background: none;
    border: 2px solid #fff;
    border-radius: 0;
    color: #fff;
    font-family: "Gill Sans MT", Arial;
    height: 42px;
}
header .btn-boutique button{
	background 			: none;
	border 				: 2px solid #fff;
	border-radius 		: 0;
	color 				: #fff;
	font-family 		: "Gill Sans MT", Arial;
	height 				: 42px;
	margin-right 		: 15px;
	text-transform 		: uppercase;
}
header .btn-boutique button span{
	display 			: block;
	float 				: left;
	font-size 			: 0.9em;
	text-align 			: left;
}
header .btn-blog a span{
	display 			: block;
	float 				: left;
	font-size 			: 0.9em;
	text-align 			: left;
	line-height         : 26px;
}
#sidebar-wrapper button{
	background 			: none;
	border 				: 2px solid #fff;
	border-radius 		: 0;
	color 				: #fff;
	height 				: 30px;
	margin 			: 0 15px;
	padding 			: 0;
	width 				: 30px;
}
#sidebar-wrapper button.picto-boutique:hover{
	background 			: #fff;
}
#sidebar-wrapper button.picto-boutique span{
	background 			: url(../images/picto-cart-min.png) no-repeat 6px 7px;
	display 			: block;
	height 				: 30px;
	width 				: 30px;
}
#sidebar-wrapper button.picto-boutique:hover span{
	background 			: url(../images/picto-cart-hover-min.png) no-repeat 6px 7px;
}
header .btn-boutique button.picto-boutique span{
	background 			: url(../images/picto-cart.png) no-repeat right 0;
	padding-right 		: 45px;
}
header .btn-boutique:hover button.picto-boutique span{
	background 			: url(../images/picto-cart-hover.png) no-repeat right 0;
}
header .btn-blog:hover button{
	background 			: #fff;
	color 				: #008DC6;
}
header .btn-boutique:hover button.picto-boutique{
	background 			: #fff;
	color 				: #008DC6;
}
header .btn-blog a:hover, header .btn-blog a:focus{
	background 			: #fff;
	border 				: 2px solid #fff;
	color 				: #008DC6;
}
header .btn-boutique button:hover, header .btn-boutique button:focus{
	background 			: #fff;
	border 				: 2px solid #fff;
	color 				: #008DC6;
}
header .btn-boutique .boutique-click{
	display 			: none;
}
header .btn-boutique:hover .boutique-click{
	display 			: block;
}
header .navbar-form, #sidebar-wrapper .navbar-form{
	border 				: 2px solid #fff;
	float 				: right;
	margin-right 		: 15px;
	margin-top 			: 0;
	margin-bottom 		: 15px;
	padding 			: 0;
	width 				: 148px;
}
#sidebar-wrapper .navbar-form{
	border 				: 2px solid #415065;
}
#sidebar-wrapper .navbar-form{
	float 				: left;
	margin 				: 0 15px;
	width 				: 220px;
}
header .navbar-form input.form-control, header .navbar-form input.form-control:focus, 
#sidebar-wrapper .navbar-form input.form-control, #sidebar-wrapper .navbar-form input.form-control:focus{
	background 			: none;
	border 				: 0;
	box-shadow 			: none;
	color 				: #fff;
	font-family 		: "Gill Sans MT", Arial;
	font-size 			: 1.1em;
	height 				: 39px;
	padding 	 		: 10px 0 10px 15px;
	text-transform 		: uppercase;
	width 				: 100px;
}
#sidebar-wrapper .navbar-form input.form-control, #sidebar-wrapper .navbar-form input.form-control:focus{
	color 				: #415065;
	width 				: 155px;
}
header .navbar-form .form-group, #sidebar-wrapper .navbar-form .form-group{
	float 				: left;
	margin 				: 0;
}
header .navbar-form button, #sidebar-wrapper .navbar-form button{
	color 				: #fff;
	float 				: left;
	font-size 			: 1.4em;
	margin-top 			: 4px;
}
header .navbar-form button:hover, #sidebar-wrapper .navbar-form button:hover{
	color 				: #f09100;
}
header .navbar-form button span, #sidebar-wrapper .navbar-form button span{
	float: right;
    padding-bottom: 2px;
}
#sidebar-wrapper .navbar-form button span{
	color 				: #415065;
}
header .navbar-form .btn-default, header .navbar-form .btn-default:hover, header .navbar-form .btn-default:focus,
#sidebar-wrapper .navbar-form .btn-default, #sidebar-wrapper .navbar-form .btn-default:hover, #sidebar-wrapper .navbar-form .btn-default:focus{
	background 			: none;
	border 				: 0;
	box-shadow 			: none;
}
header .navbar-default .navbar-brand, header .navbar-default .navbar-brand:hover {
    display 			: none;
}
header .navbar-default .navbar-toggle {
	border-radius 		: 0;
}
header .navbar-default .navbar-toggle.collapsed:hover, header .navbar-default .navbar-toggle:focus, header .navbar-default .navbar-toggle {
	background-color	: #fff;
}
header .navbar-default .navbar-toggle.collapsed{
	background-color	: transparent;
}
header .navbar-default .navbar-toggle.collapsed:hover .icon-bar,  header .navbar-default .navbar-toggle .icon-bar {
	background-color 	: #008DC6;
}
header .navbar-default .navbar-toggle.collapsed .icon-bar {
	background-color 	: #fff;
}
@media screen and (max-width: 880px) {
	header .boutique{
		display 		: none;
	}
}
/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Toggle Styles */

#wrapper {
    padding-right: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right: 250px;
}

#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    right: 250px;
    width: 0;
    height: 100%;
    margin-right: -250px;
    overflow-y: auto;
    background: #2b3340;
    top: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
    z-index:2000;
     -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-left: -250px;
}

/* Sidebar Styles */

.sidebar-nav {
    width: 250px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}

.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: #999999;
}

.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255,255,255,0.2);
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

.sidebar-nav > .sidebar-brand a {
    color: #999999;
}

.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
    background: none;
}
#sidebar-wrapper .en-tete{
	background-color 		: #1d262f;
	height 					: 79px;
	padding-top 			: 24px;
	width 					: 250px;
}
#sidebar-wrapper .en-tete p.menu-title{
	color 					: #415065;
	float 					: left;
	font-family 			: "Gill Sans MT",Arial;
	font-size 				: 1.375em;
	line-height 			: 30px;
	margin-left 			: 15px;
	text-transform 			: uppercase;
	width 					: 50%;
}
@media(min-width:880px) {
    #wrapper, #wrapper.toggled {
        padding-right: 0;
    }
    #sidebar-wrapper {
        width: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-left: 0;
    }
}
/**** Lang ****/
header .lang{
	margin-right 		: 20px;
	position 			: absolute;
	right 				: 0;
	top 				: 0;
	vertical-align 		: top;
	z-index 			: 1;
}
header .lang:hover {
	width:195px;
}
header .lang ul{
	display 			: inline;
	display 			: inline-block;
	background:#324a5b;
	width:195px;
	float:right;
	margin-right: -15px;
  	margin-top: 3px;
	display 			: none;
}
header .lang:hover ul{
	display 			: block;
}
header .curlang {
	float:right;
    transition: color 0.1s linear;
}
header .curlang a {
	color 				: #fff;
	line-height 		: 42px;
	text-decoration 	: none;
	text-transform 		: uppercase;
	float: right;
}
header .lang:hover .curlang {
	color : #f09100;
}
header .curlang a span{
	background 			: url(../images/drapeaux.png) no-repeat 0 0;
	display 			: block;
	float 				: left;
	margin-right 		: 10px;
	height 				: 42px;
	width 				: 43px;
}
header a.en.curlang span{
	background-position: 0 -42px;
}
header a.de.curlang span{
	background-position: 0 -168px;
}
header .lang ul li {
	float: left;
	width: 55px;
	margin: 7px 5px;
}
header .lang ul li a{
	color 				: #fff;
	line-height 		: 20px;
	text-decoration 	: none;
	text-transform 		: uppercase;
	display:block;
    transition: color 0.1s linear;
}
header .lang ul li a span{
	background 			: url(../images/flags.png) no-repeat 0 0;
	display 			: block;
	float 				: left;
	box-sizing : border-box;
	margin-right 		: 5px;
	height 				: 20px;
	width 				: 30px;
}
header .lang ul li:hover a{
	color : #f09100;
	}
header .lang ul li:hover a span{
	border 				: 1px solid #fff;
	margin: 0;
	margin-right: 4px;
}
header .lang p{
	color 				: #fff;
	display 			: none;
	font-family 		: "Gill Sans MT", Arial;
	font-size 			: 1.1em;
	margin-right 		: 10px;
	margin-top 			: 16px;
	text-transform 		: uppercase;
	vertical-align 		: top;
}
header .lang:hover p{
	display 			: inline;
	display 			: inline-block;
}

/* flags Header */

header .lang ul li.fr a span {
	background-position: -65px -64px;
}
header .lang ul li.en a span {
	background-position: -97px -64px;
}
header .lang ul li.it a span {
	background-position: -66px -93px;
}
header .lang ul li.es a span {
	background-position: -33px -64px;
}
header .lang ul li.de a span {
	background-position: -161px -34px;
}
header .lang ul li.se a span {
	background-position: -1px -151px;
}
header .lang ul li.nl a span {
	background-position: -1px -122px;
}
header .lang ul li.pl a span {
	background-position: -97px -122px;
}
header .lang ul li.ch a span {
	background-position: -1px -34px;
}
header .lang ul li.be a span {
	background-position: -97px -5px;
}
header .lang ul li.ma a span {
	background-position: -129px -92px;
}
header .lang ul li.tn a span {
	background-position: -97px -151px;
}
header .lang ul li.dz a span {
	background-position: -1px -64px;
}
header .lang ul li.my a span {
	background-position: -161px -92px;
}
header .lang ul li.cz a span {
	background-position: -129px -34px;
}
header .lang ul li.ca a span {
	background-position: -161px -5px;
}
header .lang ul li.ca-qc a span {
	background-position: -161px -151px;
}
header .lang ul li.no a span {
	background-position: -33px -121px;
}
header .lang ul li.co a span {
	background-position: -65px -34px;
}
header .lang ul li.th a span {
	background-position: -65px -151px;
}
header .lang ul li.cn a span {
	background-position: -33px -34px;
}
header .lang ul li.vn a span {
	background-position: -129px -151px;
}
header .lang ul li.bg a span {
	background-position: -129px -5px;
}
header .lang ul li.cy a span {
	background-position: -97px -34px;
}
header .lang ul li.gr a span {
	background-position: -129px -64px;
}
header .lang ul li.hr a span {
	background-position: -161px -64px;
}
header .lang ul li.id a span {
	background-position: -33px -93px;
}
header .lang ul li.hu a span {
	background-position: -1px -93px;
}
header .lang ul li.lu a span {
	background-position: -97px -93px;
}
header .lang ul li.at a span {
	background-position: -65px -5px;
}
header .lang ul li.pt a span {
	background-position: -129px -121px;
}
header .lang ul li.ro a span {
	background-position: -161px -121px;
}
header .lang ul li.al a span {
	background-position: -33px -5px;
}
header .lang ul li.sk a span {
	background-position: -33px -151px;
}
header .lang ul li.np a span {
	background-position: -66px -119px;
}
#sidebar-wrapper .lang ul li{
	display 			: none;
	float: left;
	width:31px;
	margin-right:5px;
}
#sidebar-wrapper .lang ul li.active, #sidebar-wrapper .lang:hover ul li{
	display 			: block;
}
#sidebar-wrapper .lang ul li a{
	color 				: #fff;
	line-height 		: 42px;
	text-decoration 	: none;
	text-transform 		: uppercase;
}
#sidebar-wrapper .lang ul li:hover a.fr span{
	background-position : -2px -2px;
}
#sidebar-wrapper .lang ul li:hover a span{
	border 				: 2px solid #fff;
}
#sidebar-wrapper .lang{
	margin-left 		: 10px;
	float 				: left;
	height 				: 30px;
	position 			: relative;
	width 				: 31px;
}
#sidebar-wrapper .lang:hover {
	position: absolute;
	right:60px;
	width:159px;
}
#sidebar-wrapper .lang ul{
	position 			: absolute;
	top 				: -10px;
	right: -10px;
	padding: 10px 5px 10px 10px;
}
#sidebar-wrapper .lang:hover ul{
	background-color    : #2b3340;
	border: 1px solid #415065;
	padding: 9px 4px 9px 9px;
}
#sidebar-wrapper .lang ul li a{
	line-height 		: 30px;
}
#sidebar-wrapper .lang ul li a span{
	background 			: url(../images/drapeaux-min.png) no-repeat 0 0;
	display 			: block;
	float 				: left;
	height 				: 30px;
	width 				: 31px;
}
#sidebar-wrapper .lang ul li.fr a span{
	background-position : 0 0;
}
#sidebar-wrapper .lang ul li.en a span{
	background-position : 0 -30px;
}
#sidebar-wrapper .lang ul li.it a span{
	background-position : 0 -60px;
}
#sidebar-wrapper .lang ul li.es a span{
	background-position : 0 -90px;
}
#sidebar-wrapper .lang ul li.de a span{
	background-position : 0 -120px;
}
#sidebar-wrapper .lang ul li.se a span{
	background-position : 0 -150px;
}
#sidebar-wrapper .lang ul li.nl a span{
	background-position : 0 -180px;
}
#sidebar-wrapper .lang ul li.pl a span{
	background-position : 0 -210px;
}
#sidebar-wrapper .lang ul li.ch a span{
	background-position : 0 -240px;
}
#sidebar-wrapper .lang ul li.be a span{
	background-position : 0 -270px;
}
#sidebar-wrapper .lang ul li.ma a span{
	background-position : 0 -300px;
}
#sidebar-wrapper .lang ul li.tn a span{
	background-position : 0 -330px;
}
#sidebar-wrapper .lang ul li.dz a span{
	background-position : -31px 0;
}
#sidebar-wrapper .lang ul li.my a span{
	background-position : -31px -30px;
}
#sidebar-wrapper .lang ul li.cz a span{
	background-position : -31px -60px;
}
#sidebar-wrapper .lang ul li.ca a span{
	background-position : -31px -90px;
}
#sidebar-wrapper .lang ul li.ca-qc a span{
	background-position : -31px -120px;
}
#sidebar-wrapper .lang ul li.no a span{
	background-position : -31px -150px;
}
#sidebar-wrapper .lang ul li.co a span{
	background-position : -31px -180px;
}
#sidebar-wrapper .lang ul li.th a span{
	background-position : -31px -210px;
}
#sidebar-wrapper .lang ul li.cn a span{
	background-position : -31px -240px;
}
#sidebar-wrapper .lang ul li.vn a span{
	background-position : -31px -270px;
}
#sidebar-wrapper .lang ul li.bg a span{
	background-position : -31px -300px;
}
#sidebar-wrapper .lang ul li.cy a span{
	background-position : -31px -330px;
}
#sidebar-wrapper .lang ul li.gr a span{
	background-position : -62px 0;
}
#sidebar-wrapper .lang ul li.hr a span{
	background-position : -62px -30px;
}
#sidebar-wrapper .lang ul li.id a span{
	background-position : -62px -60px;
}
#sidebar-wrapper .lang ul li.hu a span{
	background-position : -62px -90px;
}
#sidebar-wrapper .lang ul li.lu a span{
	background-position : -62px -120px;
}
#sidebar-wrapper .lang ul li.at a span{
	background-position : -62px -150px;
}
#sidebar-wrapper .lang ul li.pt a span{
	background-position : -62px -180px;
}
#sidebar-wrapper .lang ul li.ro a span{
	background-position : -62px -210px;
}
#sidebar-wrapper .lang ul li.al a span{
	background-position : -62px -240px;
}
#sidebar-wrapper .lang ul li.sk a span{
	background-position : -62px -270px;
}
#sidebar-wrapper .lang ul li.np a span{
	background-position : -62px -300px;
}
@media screen and (max-width: 1500px) {
	header .lang{
		margin-right 		: 0;
		right 				: 5%;
		top 				: 15px;
	}
	header .lang:hover p{
		display 			: none;
	}
}
/**** Sous-menu ****/
header .sub-menu{
	left 				: 0;
	position 			: absolute;
	z-index 			: 10000;
}
.sub-menu{
	background 			: #f0f0f0;
	width 				: 100%;
}
.sub-menu .navbar-collapse{
	padding 			: 0;
}
.sub-menu .navbar-default {
	background 				: none;
	border 					: none;
	min-height 				: 0;
	margin 					: 0;
}
.sub-menu .navbar-nav{
	width 					: 100%;
}
.sub-menu .navbar-brand{
	display 				: none;    
	font-family 			: "Gill Sans MT",Arial;
}
.sub-menu ul li{
	padding 			: 0;
	height 				: 100%;
}
header .navbar-default .navbar-nav li .sub-menu ul li a, .sub-menu ul li a{
	color 				: #676767;
	font-family 		: "Gill Sans MT", Arial!important;
	font-size 			: 14px;
	padding 	 		: 10px 20px;
	min-height: 60px;
	text-align 			: center;
	text-decoration 	: none;
    text-transform 		: none;
	width 				: 100%;
}
.sub-menu .navbar-default .navbar-toggle{
	border 				: none;
	border-radius 		: 0;
}
.sub-menu .navbar-default .navbar-header{
	margin-right 		: 7px;
}
.sub-menu .navbar-default .navbar-toggle.collapsed:hover, .sub-menu .navbar-default .navbar-toggle:focus, .sub-menu .navbar-default .navbar-toggle {
	background-color	: #008DC6;
}
.sub-menu .navbar-default .navbar-toggle.collapsed{
	background-color	: transparent;
}
.sub-menu .navbar-default .navbar-toggle.collapsed:hover .icon-bar,  .sub-menu .navbar-default .navbar-toggle .icon-bar {
	background-color 	: #fff;
}
.sub-menu .navbar-default .navbar-toggle.collapsed .icon-bar {
	background-color 	: #008DC6;
}
@media screen and (max-width: 768px) {
	.sub-menu .navbar-nav{
		margin 					: 0;
	}
	.sub-menu .navbar-brand{
		display 			: block;
	}
	.sub-menu ul li{
		padding 			: 0;	
		width 				: 100%;
		height 				: auto;
	}
	.sub-menu ul li a{
		color 				: #676767;
		font-family 		: "Gill Sans MT", Arial;
		font-size 			: 1.636em;
		padding 	 		: 10px 2%!important;
		text-align 			: left;
		text-decoration 	: none;
		width 				: 100%;
	}
}
@media screen and (max-width: 1500px) {
	.sub-menu ul li a{	
		padding 	 		: 10px 15%;
	}
	.formCatalogueBlog p, .formCatalogue p, .formCatalogueLiner p, .formCatalogueChauffage p, .formCatalogueSecurite p {
		font-size 			: 1.3em!important;
	}
}
@media screen and (max-width: 1300px) {
	.sub-menu ul li a{	
		padding 	 		: 20px 10%;
	}
}
@media screen and (max-width: 910px) {
	.sub-menu ul li a{	
		padding 	 		: 20px 2%;
	}
}

.sub-menu ul li span{
	line-height 		: normal;
	display 			: inline-block;
	vertical-align 		: middle;
}
.sub-menu .navbar-default .nav-justified > li > a:hover, .sub-menu .navbar-default .nav-justified > .active > a, 
.sub-menu .navbar-default .nav-justified > .active > a:hover, .sub-menu .navbar-default .nav-justified > .active > a:focus ,.sub-menu .navbar-default .navbar-nav > li > a:hover, .sub-menu .navbar-default .navbar-nav > .active > a, 
.sub-menu .navbar-default .navbar-nav > .active > a:hover, .sub-menu .navbar-default .navbar-nav > .active > a:focus{
	background 			: #dedede!important;
	color 				: #464646!important;
}

/********** Breadcrumb ***********/

.breadcrumbs {
  font-family: 'Gill Sans MT';
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 20px;
}

.breadcrumbs .breadcrumb, .breadcrumbs .bread-label {
  float: left;
  padding: 20px 0 0;
  margin: 0;
}

.breadcrumbs .breadcrumb {
  margin-left: 5px;
  background: transparent;
}
/**** BX slider ****/
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper li{
	overflow 			: hidden;
}
@media screen and (max-width: 1200px) {
	.bx-wrapper li:first-child > img {
	    margin-top: 0;
	}
}
.bx-wrapper img {
	width: 100%;
	display:block;
}
@media screen and (max-width: 767px) {
	.bx-wrapper img {
		width: initial;
		margin-left: 0 !important;
	}
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 40px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../plugins/jquery/bxslider/images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	color 			: #fff;
	display 		: block;
	font-family 	: 'Gill Sans MT', Arial;
	font-size 		: 1.2em;
	font-style 		: italic;
	width 			: 30px;
	height 			: 10px;
	margin 			: 0 5px;
	outline 		: 0;
	text-decoration : none;
}
.bx-wrapper .bx-pager.bx-default-pager a span {
	padding-left  	: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	color 			: #f09100;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	display 	: block;
	left 		: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	padding-left 	: 28px;
}
.bx-wrapper .bx-prev span{
	background 		: url(../images/fleches-slider.png) no-repeat 0 0;
	display 		: block;
	float  			: left;
	height 			: 12px;
	line-height 	: 10px;
	padding-left 	: 20px;
	width 			: 11px;
}

.bx-wrapper .bx-next {
	display 	: block;
	right 		: 0;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.6);
	padding-right 	: 28px;
}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
	background-color: rgb(60, 130, 177);
	background-color: rgba(60, 130, 177, 0.8);
}
.bx-wrapper .bx-next span{
	background 		: url(../images/fleches-slider.png) no-repeat 24px -12px;
	display 		: block;
	float  			: right;
	height 			: 12px;
	line-height 	: 10px;
	padding-right 	: 36px;
	width 			: 11px;
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	color: #a8a8a8;
	font-family: 'Gill Sans MT', Arial;
	font-size 		: 1.1em;
	font-style: italic;
	position: absolute;
	top: 25%;
	margin-top: -16px;
	outline: 0;
	width: 80px;
	height: 85px;
	padding-top 		: 35px;
	text-decoration: none;
}
.bx-wrapper .bx-controls-direction a:hover {
	color: #fff;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../plugins/jquery/bxslider/images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../plugins/jquery/bxslider/images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

.slider{
	position 			: relative;
}
.btn {
    font-family: "Gill Sans MT"
	}
.buttoncompl {
	margin-bottom:10px;
}
.bxslidercompl {
	width:100%;
}
.bxslidercompl ul {
	width:100%;
}
.bxslidercompl ul li {
	width:100%;
}
.content-slide{
	position 			: absolute;
	top 				: 0;
	height 				: 100%;
	left 				: 0;
	width 				: 100%;
}
.content-slide .encadre{
	left 				: 37.5%;
    position 			: absolute;
    text-align 			: center;
    top 				: 20%;
    width 				: 25%;
}
.content-slide .content-encadre{
	margin 				: 0 auto;
    max-width 			: 513px;
    position 			: relative;
    width 				: 85%;
}
.content-slide .encadre img{
	width 					: 100%;
}
.content-slide .encadre h1, .content-slide .encadre span {
	color 				: #fff;
    font-family 		: "Gill Sans MT",Arial;
    font-size 			: 3em;
    left 				: -100%;
    line-height 		: 1.2em;
    position 			: absolute;
    text-align 			: center;
    text-transform 		: uppercase;
    top 				: 17%;
    width 				: 300%;
}
.content-slide .encadre .spe {
    font-size:1.7em;
    text-transform: none;
    top:32%;
}
.content-slide .encadre .sepWhite{
		background-color 	: #fff;
		height 				: 4px;
		left 				: 50%;
		margin-left 		: -39px;
		position 			: absolute;
		top 				: 60%;
		width 				: 79px;
}
.content-slide .encadre .desc{
		color 				: #fff;
		left 				: 0;	
		line-height 		: 2.2em;
		max-width 			: 513px;
		padding 	 		: 0 5%;
		position 			: absolute;
		top 				: 70%;
    	width 				: 100%;
}
.content-slide .encadre .desc p{
		font-family 		: 'Gill Sans MT', Arial;
		font-size 			: 1.4em;
		font-style 			: italic;
		text-align 			: center;
		width 				: 100%;
}
.slider .txt-add {
		position			: absolute;
		bottom				: 20px;
		background			: rgba(250, 151, 0, 0.75);
		display				: block;
		padding				: 10px 15px 10px 15px;
    font-family: 'Gill Sans MT',Arial;
		font-weight			: bold;
		font-size			: 2.5em;
		line-height			: 1.8em;
		color				:#fff;
		z-index				:100;
}
@media screen and (max-width: 1600px) {
	.content-slide .encadre h1, .content-slide .encadre span{
		font-size 			: 3em;
		top 				: 19%;
	}
    .content-slide .encadre .spe {
        font-size:1.7em;
        top:35%;
    }
	.content-slide .encadre .desc p{
		font-size 			: 1.1em;
	}
	.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
		bottom 				: 20px;
	}
	.slider .txt-add {
		font-size			: 2em;
		line-height			: 1.4em;
		padding				: 10px 15px 10px 15px;
	}
}
@media screen and (max-width: 1370px) {
	.content-slide .encadre h1, .content-slide .encadre span{
		font-size 			: 2em;
		top 				: 20%;
	}
    .content-slide .encadre .spe {
        font-size:1.2em;
        top:35%;
    }
	.content-slide .encadre .sepWhite{
			top 				: 57%;
	}
	.content-slide .encadre .desc{
			top 				: 65%;
	}
	.slider .txt-add {
		font-size			: 1.5em;
		line-height			: 1.3em;
		bottom				: 10px;
	}
}
@media screen and (max-width: 1275px) {
	.content-slide .encadre .desc p{
		font-size 			: 1em;
	}
	.content-slide .encadre .desc{	
		line-height 		: 1.5em;
		top 				: 65%;
	}
}
@media screen and (max-width: 1000px) {
	.bx-wrapper .bx-controls-direction a {
	    height 				: 50px;
	    padding-top 		: 19px;
	    width 				: 70px;
	}
	.bx-wrapper .bx-controls-direction a span{
	   text-indent 			: -99999px;
	}
	.bx-wrapper .bx-prev {
	    padding-left: 30px;
	}
	.bx-wrapper .bx-next {
	    padding-right: 30px;
	}
	.content-slide .encadre{
		left 				: 35%;
	    width 				: 30%;
	}
	.bx-default-pager{
		display 			: none;
	}
	.slider .txt-add {
		font-size 			: 1em;
	}
}
@media screen and (max-width: 880px) {
	
	.content-slide .encadre{
		left 				: 33%;
		top 				: 7%;
	    width 				: 36%;
	}
	.bx-default-pager{
		display 			: none;
	}
}
@media screen and (max-width: 730px) {
	.bx-wrapper .bx-next, .bx-wrapper .bx-prev{
		display 			: none;
	}
}
@media screen and (max-width: 768px) {
	.bx-wrapper img{
		max-width 			: none;
		height 				: 250px;
	}
	.content-slide .encadre img {
	    height 				: auto!important;
	    margin-left 		: 0;
	 }
	.slider .txt-add {
		position:relative;
		float:left;
		font-size 			: 1em;
		width:100%;
		text-align:center;
		bottom:auto;
	}
}
@media screen and (min-width: 500px) and (max-width: 768px){
	.content-slide  {
		height 				: 250px;
	}
	.content-slide .encadre {
		left 				: 25%;
		width 				: 50%;
	 }
}
@media screen and (max-width: 499px) {
	.content-slide .encadre {
		left 				: 15%;
		width 				: 70%;
		top 				: 20%;
	 }
}
@media screen and (max-width: 380px) {
	.content-slide .encadre h1, .content-slide .encadre span{
		font-size 			: 1.3em;
	}
	.content-slide .encadre .sepWhite{
		top 				: 40%;
	}
	.content-slide .encadre .desc{
		top 				: 50%;
	}
}
@media screen and (max-width: 310px) {
	.content-slide .encadre{
		display 			: none;
	}
}
/**** Container ****/
.contentHome {
	padding-bottom 			: 50px;
}
.contentHome h1{
	color 					: #a8a8a8;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 2em;
	line-height 			: 40px;
	padding 				: 60px 10%;
	text-align 				: center;
	text-transform 			: uppercase;
}

.contentHome h1 strong{
	color 					: #000;
}
@media screen and (max-width: 750px) {
	.contentHome h1{
		font-size 			: 1.4em;
		line-height 		: normal;
		padding 			: 30px 10%;
	}
}
.contentHome .blocHome.spe{
    display: none;
}
@media screen and (max-width: 450px) {
	.contentHome h1{
		font-size 			: 1.2em;
		padding 			: 30px 2%;
	}
}
.contentHome .blocHome{
	margin-bottom 			: 10px;
	text-align 				: center;
}
.contentHome .blocHome .content{
	margin: 0 auto;
    max-width: 360px;
    position: relative;
}
.contentHome .blocHome .content .degrade{
	height 					: 100%;
	left 					: 0;
	position 				: absolute;
	top 					: 0;
	width 					: 100%;
}
.contentHome .blocHome .content:hover .degrade{
	background 				: url(../images/degrade-hover-blocs.png) no-repeat 0 0;
}
.contentHome .blocHome img{
	max-width: 360px;
    width: 100%;
    display 				: block;
}
.contentHome .blocHome h2,.contentHome .blocHome h3{
	bottom 					: 30%;
	color 					: #fff;
	font-family 			: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 				: 1.364em;
	position 				: absolute;
	text-transform 			: uppercase;
	width 					: 100%;
}
.contentHome .blocHome .traits-img-top{
	background 				: #fff;
	left 					: 10%;
	height 					: 1px;
	position 				: absolute;
	top 					: 20%;
	width 					: 80%;
}
.contentHome .blocHome .traits-img-bottom{
	background 				: #fff;
	bottom 					: 20%;
	height 					: 1px;
	position 				: absolute;
	right 					: 10%;
	width 					: 80%;
}
.contentHome .blocHome .traits-img-left{
	background 				: #fff;
	top 					: 10%;
	height 					: 80%;
	position 				: absolute;
	left 					: 15%;
	width 					: 1px;
}
.contentHome .blocHome .traits-img-right{
	background 				: #fff;
	top 					: 10%;
	height 					: 80%;
	position 				: absolute;
	right 					: 15%;
	width 					: 1px;
}
@media screen and (max-width: 450px) {
	.contentHome .blocHome h2{
		font-size 			: 1.2em;
	}
}
@media screen and (max-width: 500px) {
	.contentHome .col-md-3{
		width 				: 100%;
	}
    .contentHome .blocHome.spe{
        display: block;
    }
}
/**** conseils-home ****/
.fondGris{
	background-color 	: #EEEEEE;
}
.conseils-home {
	padding 			: 60px 0;
}
.conseils-home h2{
	color 				: #000;
	font-family 		: "Gill Sans MT", Arial;
	font-size 			: 2.5em;
	line-height 		: 1.6em;
	text-align 			: center;
	text-transform 		: uppercase;
}
.conseils-home .sep-title{
	background 			: #000;
	height 				: 3px;
	margin 				: 30px auto 70px;
	width 				: 170px;
}
@media screen and (max-width: 450px) {
	.conseils-home h2{
		font-size 			: 1.8em;
	}
}
.conseils-home .blocHome{
	margin-bottom 			: 10px;
}

.conseils-home .blocHome .content{
	margin: 0 auto;
    max-width: 360px;
    position: relative;
}
.conseils-home .blocHome .content .hover{
	height 					: 100%;
	left 					: 0;
	position 				: absolute;
	top 					: 0;
	width 					: 100%;
}
.conseils-home .blocHome .content:hover .hover.blue{
	background 				: #307cb5;
}
.conseils-home .blocHome .content:hover .hover.gray{
	background 				: #404040;
}
.conseils-home .blocHome .content:hover .hover.orange{
	background 				: #f09100;
}
.conseils-home .blocHome .content:hover .hover.blue-light{
	background 				: #5795bd;
}
.conseils-home .blocHome img{
	max-width: 360px;
    width: 100%;
}
.conseils-home .blocHome p.libelle{
	color 					: #fff;
	display 				: block;
	font-family 			: "Gill Sans MT", Arial;
	font-style				: italic;
	font-weight				: bold;
	font-size 				: 1.5em;
	margin  				: 60px 8% 15px;
}
.conseils-home .blocHome h3{
	color 					: #fff;
	display 				: block;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 2.3em;
	margin  				: 0 8% 15px;
	text-transform 			: uppercase;
}
.conseils-home .blocHome div.desc p{
	display 				: block;
	font-family 			: "Gill Sans MT", Arial;
	font-style				: italic;
	font-weight				: bold;
	font-size 				: 1.5em;
	margin  				: 0 8% 15px;
}
.conseils-home .blocHome div.icone{
	bottom 					: 25%;
	left 					: 0;
	position 				: absolute;
	text-align 				: center;
	width 					: 100%;
}
.conseils-home .blocHome div.icone img{
	width 					: auto;
}
@media screen and (min-width: 1470px) and (max-width: 1740px) {
	.conseils-home .blocHome div.icone{
		bottom 					: 15%;
	}
}
@media screen and (min-width: 590px) and (max-width: 700px) {
	.conseils-home .blocHome div.icone{
		bottom 					: 15%;
	}
}
@media screen and (min-width: 992px) and (max-width: 1469px) {
	.conseils-home .blocHome div.icone{
		bottom 					: 10%;
	}
	.conseils-home .blocHome div.icone img{
		width 					: 20%;
	}
	.conseils-home .blocHome h3 {
		font-size 				: 1.8em;
	}
}
@media screen and (min-width: 500px) and (max-width: 589px) {
	.conseils-home .blocHome div.icone{
		bottom 					: 10%;
	}
	.conseils-home .blocHome div.icone img{
		width 					: 20%;
	}
}
.conseils-home .blocHome .content .hover.blue div.desc p{
	color 					: #80b6dd;
}
.conseils-home .blocHome .content .hover.gray div.desc p{
	color 					: #f09100;
}
.conseils-home .blocHome .content .hover.orange div.desc p{
	color  					: #000;
}
.conseils-home .blocHome .content .hover.blue-light div.desc p{
	color  					: #fff;
}
@media screen and (max-width: 769px) {
	.conseils-home .blocHome p.libelle{
		font-size			: 1.2em;		
	}
	.conseils-home .blocHome h3{
		font-size			: 1.8em;
	}
	.conseils-home .blocHome div.desc p{
		font-size			: 1.2em;
	}
}
@media screen and (max-width: 500px) {
	.conseils-home .col-xs-6{
		width 				: 100%;
	}
	.conseils-home .blocHome p.libelle{
		font-size			: 1.5em;		
	}
	.conseils-home .blocHome h3{
		font-size			: 2.3em;
	}
	.conseils-home .blocHome div.desc p{
		font-size			: 1.5em;
	}
}
/**** actus-home ****/
.actus-home {
	padding 			: 60px 0 30px;
}
.sous-page.page-base .actus-home {
	padding 			: 0 0 30px;
}
.sous-page.page-base .actus-home .actu{
	padding 			: 10px 15px 0;
}
.actus-home h2{
	color 				: #000;
	font-family 		: "Gill Sans MT", Arial;
	font-size 			: 2.5em;
	line-height 		: 1.6em;
	text-align 			: center;
	text-transform 		: uppercase;
}
.actus-home .sep-title{
	background 			: #000;
	height 				: 3px;
	margin 				: 30px auto 70px;
	width 				: 170px;
}
@media screen and (max-width: 450px) {
	.actus-home h2{
		font-size 			: 1.8em;
	}
}
.actus-home .actu{
	background 				: #fff;
	margin-bottom 			: 30px;
}
.actus-home .actu h3{
	margin-bottom 			: 30px;
}
.actus-home .actu ul {
    padding-left:40px;
    margin-bottom:16px;
    font-size: 1.7em;
    color: #5b5b5b;
    font-family: "Gill Sans MT", Arial;
}
.actus-home .actu ul li {
    list-style:disc;
}
.sous-page.page-base .actus-home .foire h3{
	color 					: #000;
	font-family 			: 'Gill Sans MT', Arial;
	font-size 				: 2em;
	text-decoration 		: none;
}
.actus-home .actu h3{
	color 					: #000;
	font-family 			: 'Gill Sans MT', Arial;
	font-size 				: 2.4em;
	text-decoration 		: none;
	margin-top: 15px;
}
.actus-home .actu h3 a:hover{
	color 					: #f09100;
}
.actus-home .actu p.date{
	color 					: #b4b4b4;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.5em;
	margin-left 			: 5px;
	margin-bottom 			: 30px;
	text-transform 			: uppercase;
}
.actus-home .actu .description p{
	color 					: #5b5b5b;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.7em;
	line-height 			: 1.5em;
	margin-bottom 			: 15px;
	margin-top 				: 0;
	text-align: justify;
}
.actus-home .actu .description p strong{
	font-family 			: "Gill Sans MT", Arial;
}
.actus-home .actu a.suite{
	color 					: #f09100;
	float 					: left;
	font-family 			: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 				: 1.9em;
	margin-bottom 			: 25px;
	padding-bottom 			: 5px;
	position 				: relative;
	text-decoration 		: none;
	text-transform 			: uppercase;
}
.actus-home .actu a.suite .underline{
	bottom 					: 0;
	display 				: block;
	height 					: 2px;
	left 					: 0;
	position 				: absolute;
	width 					: 100%;
}
.actus-home .actu a.suite:hover .underline{
	background 				: #f09100;
}
/**** reseaux-sociaux ****/
.reseaux-sociaux{
	background 				: #55acc7;
	padding 				: 20px;
	width 					: 100%;
	z-index: 11;
}
.reseaux-sociaux.rsotherlang{
	background-color:#ffffff;
}
.reseaux-sociaux .col-md-2-5{
	position 				: relative;
}
.template1 .reseaux-sociaux{
	background 			 	: #dfdfdf url(../images/coin-enveloppe.png) no-repeat top right;
	margin-top 				: 0;
	width 					: 100%;
	padding			 		: 60px 0 40px;
}
.reseaux-sociaux h3{
	color 					: #fff;
	font-family 			: "Gill Sans MT", Arial;	
	font-size 				: 1.7em;
	line-height 			: 64px;
	text-transform 			: uppercase;
	text-align 				: center;
}
.reseaux-sociaux h3 span{
	display 				: inline-block;
	vertical-align 			: middle;
	line-height 			: 1.2em;
}
.reseaux-sociaux span.enveloppe-newsletter{
	background 				: url(../images/enveloppe-newsletter.png) no-repeat center center;
	display 				: block;
	height 					: 84px;
	left 					: -55px;
	position 				: absolute;
	top 					: -60px;
	width 					: 96px;
    z-index: 20;
}
.template1 .reseaux-sociaux h3{
	color 					: #7f7f7f;
	font-family 			: "Gill Sans MT", Arial;	
	font-size 				: 2em;
	line-height 			: 1.8em;
	margin 					: 0 60px 30px;
	text-transform 			: uppercase;
	text-align 				: center;
}
.template1 .reseaux-sociaux  #mc_embed_signup{	
	margin 					: 0 10%;
}
.template1 .reseaux-sociaux input#mce-EMAIL, .template1 .reseaux-sociaux input#mce-EMAIL:focus, .template1 .reseaux-sociaux input#mce-EMAIL:hover{
	background 				: #fff url(../images/icone-traits.png) no-repeat 20px 18px;
	border 					: 0;
	font-family 			: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 				: 1.7em;
	height 					: 64px;
	line-height 			: 64px;
	padding 				: 0 10px 0 90px;
	width 					: 100%;
	text-transform 			: uppercase;
}
.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover{
	background 				: url(../images/icone-traits-blanc.png) no-repeat 20px 18px;
	border 					: 3px solid #fff;
	color 					: #fff;
	font-family 			: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 				: 1.7em;
	height 					: 64px;
	line-height 			: 64px;
	padding 				: 0 10px 0 90px;
	width 					: 100%;
	text-transform 			: uppercase;
}
.reseaux-sociaux input#mce-EMAIL::-webkit-input-placeholder, .reseaux-sociaux input#mce-EMAIL:focus::-webkit-input-placeholder,
 .reseaux-sociaux input#mce-EMAIL:hover::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.reseaux-sociaux input#mce-EMAIL:-moz-placeholder, .reseaux-sociaux input#mce-EMAIL:focus:-moz-placeholder,
 .reseaux-sociaux input#mce-EMAIL:hover:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color:    #fff;
   opacity:  1;
}
.reseaux-sociaux input#mce-EMAIL::-moz-placeholder, .reseaux-sociaux input#mce-EMAIL:focus::-moz-placeholder,
 .reseaux-sociaux input#mce-EMAIL:hover::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color:    #fff;
   opacity:  1;
}
.reseaux-sociaux input#mce-EMAIL:-ms-input-placeholder, .reseaux-sociaux input#mce-EMAIL:focus:-ms-input-placeholder,
 .reseaux-sociaux input#mce-EMAIL:hover:-ms-input-placeholder{ /* Internet Explorer 10+ */
   color:    #fff;
}
.template1 input#mce-EMAIL::-webkit-input-placeholder, .template1 .reseaux-sociaux input#mce-EMAIL:focus::-webkit-input-placeholder,
 .template1 .reseaux-sociaux input#mce-EMAIL:hover::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a4a4a4;
}
.template1 input#mce-EMAIL:-moz-placeholder, .template1 .reseaux-sociaux input#mce-EMAIL:focus:-moz-placeholder,
 .template1 .reseaux-sociaux input#mce-EMAIL:hover:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
   color:    #a4a4a4;
   opacity:  1;
}
.template1 input#mce-EMAIL::-moz-placeholder, .template1 .reseaux-sociaux input#mce-EMAIL:focus::-moz-placeholder,
 .template1 .reseaux-sociaux input#mce-EMAIL:hover::-moz-placeholder{ /* Mozilla Firefox 19+ */
   color:    #a4a4a4;
   opacity:  1;
}
.template1 input#mce-EMAIL:-ms-input-placeholder, .template1 .reseaux-sociaux input#mce-EMAIL:focus:-ms-input-placeholder,
 .template1 .reseaux-sociaux input#mce-EMAIL:hover:-ms-input-placeholder{ /* Internet Explorer 10+ */
   color:    #a4a4a4;
}

.template1 input#mce-EMAIL, .template1 .reseaux-sociaux input#mce-EMAIL:focus, .template1 .reseaux-sociaux input#mce-EMAIL:hover{
	color 					: #a4a4a4;
	margin-bottom 			: 18px;
}
.template1 .reseaux-sociaux input#mc-embedded-subscribe{
	background 				: #f09100 url(../images/icone-avion-papier.png) no-repeat 18px 13px;
	border 					: 0;
	color 					: #fff;
	font-family 			: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 				: 1.7em;
	height 					: 64px;
	line-height 			: 64px;
	padding 				: 0 10px 0 10px;
	text-align 				: center;
	width 					: 100%;
	text-transform 			: uppercase;
	min-width 				: 0;
}
.reseaux-sociaux input#mc-embedded-subscribe{
	background 				: #3f8195 url(../images/icone-avion-papier-bleu.png) no-repeat 18px 13px;
	border 					: 0;
	color 					: #fff;
	font-family 			: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 				: 1.7em;
	height 					: 64px;
	line-height 			: 64px;
	margin-bottom 			: 0;
	padding 				: 0 10px 0 10px;
	text-align 				: center;
	width 					: 100%;
	text-transform 			: uppercase;
}
.template1 input#mc-embedded-subscribe{
	margin-bottom 			: 25px;
}
.reseaux-sociaux input#mc-embedded-subscribe:hover{
	background 				: #c9c9c9 url(../images/icone-avion-papier-hover.png) no-repeat 18px 13px;
}
.reseaux-sociaux input#mc-embedded-subscribe:hover{
	background 		 		: #fff url(../images/icone-avion-papier-bleu.png) no-repeat 18px 13px;
	color 					: #55acc7;
}
.reseaux-sociaux .icones-reseaux{
	display 				: block;
}
.reseaux-sociaux .icones-reseaux a{
	display 				: block;
	float 					: right;
	margin 					: 11px 10px 11px 0;
	width 					: 100%;
	height 					: 42px;
	width 					: 42px;
}
.newsletter-reseaux.reseaux-sociaux h3 {
	color 					: #303641;
	line-height 			: 2em;
	text-align 				: left;
	text-transform 			: none;
	padding-left 			: 116px;
	padding-right 			: 40px;
}
.newsletter-reseaux.reseaux-sociaux p {
	color 					: #fff;
    font-family 			: 'Gill Sans MT', Arial;
	font-size 				: 1.4em;
	line-height 			: 1.8em;
	margin-bottom 			: 30px;
	padding-left 			: 116px;
	padding-right 			: 40px;
}
.newsletter-reseaux.reseaux-sociaux .icones-reseaux a {
	height 					: 65px;
	width 					: 20%;
	margin 					: 0;
	display: block;
    float: left;
}
.newsletter-reseaux.reseaux-sociaux .icones-reseaux p{
	color 					: #8e8e8e;
	text-align 				: left;
}
.newsletter-reseaux.reseaux-sociaux .icones-reseaux .col-md-3{
	padding 				: 0;
}
.newsletter-reseaux.reseaux-sociaux .mc-field-group {
	margin 					: 0 20% 30px;
	width 					: 60%;
}
.newsletter-reseaux{
	padding 				: 70px 0 40px;
	position 				: relative;
}
.newsletter-reseaux .fondWhite{
	background 				: #fff;
	height 					: 100%;
	width 					: 50%;
	position 				: absolute;
	right 					: 0;
	top 					: 0;
}
.newsletter-reseaux.reseaux-sociaux span.enveloppe-newsletter {
	float 					: left;
	left 					: auto;
	position 				: relative;
	top 					: auto;
	margin-right 			: 20px;
}
.newsletter-reseaux.reseaux-sociaux span.monde-reseaux {
	background 				: url("../images/monde-reseaux.png") no-repeat center center;
    display 				: block;
    float 					: left;
    height 					: 75px;
    position 				: relative;
    width 					: 75px;
    margin-right 			: 20px;
    margin-left 			: 50px;
}
.newsletter-reseaux.reseaux-sociaux input.button {
	min-width 				: 0;
}
@media screen and (min-width: 992px) {
	.reseaux-sociaux .col-md-2-5{
		float 				: left;
		padding 	 		: 0 15px;
		width 				: 20.8333%;
	}
}
@media screen and (max-width: 1089px) {
	.reseaux-sociaux #mc_embed_signup .col-md-6{
		width 				: 100%;
	}
}
@media screen and (max-width: 1550px) {
	.template1 .reseaux-sociaux input#mce-EMAIL, .template1 .reseaux-sociaux input#mce-EMAIL:focus, .template1 .reseaux-sociaux input#mce-EMAIL:hover {
		font-size 			: 1.5em;
	}
}
@media screen and (max-width: 1300px) {
	.template1 .reseaux-sociaux input#mce-EMAIL, .template1 .reseaux-sociaux input#mce-EMAIL:focus, .template1 .reseaux-sociaux input#mce-EMAIL:hover {
		font-size 			: 1.2em;
		padding 			: 0 10px 0 60px;
	}
}
@media screen and (max-width: 992px) {
	.newsletter-reseaux.reseaux-sociaux .icones-reseaux{
		background 			: #fff;
		margin-bottom 		: 30px;
		padding 			: 30px;
	}
	.newsletter-reseaux{
		padding-bottom 		: 0;
	}
	.newsletter-reseaux.reseaux-sociaux .col-md-6{
		padding-bottom 		: 30px;
	}
	.newsletter-reseaux.reseaux-sociaux span.monde-reseaux {
		margin-left 		: 0;
	}
	.newsletter-reseaux .fondWhite{
		display 			: none;
	}
	.reseaux-sociaux .icones-reseaux .row{
		text-align 			: center;
	}
	.reseaux-sociaux .icones-reseaux a {
		display 			: inline-block;
		float 				: none;
	}
	.reseaux-sociaux input#mc-embedded-subscribe{
		margin-top 			: 11px;
	}
}
.template1 .reseaux-sociaux .icones-reseaux{
	display 				: block;
	width 					: 100%;
	height 					: 75px;
}
.template1 .reseaux-sociaux .icones-reseaux a{
	display 				: block;
	width 					: 20%;
	height 					: 75px;    
	margin 					: 0;
	float:left;
}
.template1 .reseaux-sociaux .icones-reseaux .col-md-3{
	padding 				: 0;
}
.template1 .reseaux-sociaux .icones-reseaux a.facebook, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.facebook{
	background 				: #507cbe url(../images/icone-facebook.png) no-repeat center center;
}
.template1 .reseaux-sociaux .icones-reseaux a.twitter, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.twitter{
	background 				: #63cdf1 url(../images/icone-twitter.png) no-repeat center center;
}
.template1 .reseaux-sociaux .icones-reseaux a.google-plus, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.google-plus{
	background 				: #4d4f54 url(../images/icone-google-plus.png) no-repeat center center;
}
.template1 .reseaux-sociaux .icones-reseaux a.youtube, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.youtube{
	background 				: #f16261 url(../images/icone-youtube.png) no-repeat center center;
}
.template1 .reseaux-sociaux .icones-reseaux a.instagram, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.instagram{
	background 				: #d83477 url(../images/icone-instagram.png) no-repeat center center;
}
.template1 .reseaux-sociaux .icones-reseaux a.linkedin, .newsletter-reseaux.reseaux-sociaux .icones-reseaux a.linkedin{
	background 				: #0077b5 url(../images/icone-linkedin.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.facebook{
	background 				: #507cbe url(../images/icone-facebook-min.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.twitter{
	background 				: #63cdf1 url(../images/icone-twitter-min.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.google-plus{
	background 				: #4d4f54 url(../images/icone-google-plus-min.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.youtube{
	background 				: #f16261 url(../images/icone-youtube-min.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.linkedin{
	background 				: #0077b5 url(../images/icone-linkedin-min.png) no-repeat center center;
}
.reseaux-sociaux .icones-reseaux a.instagram{
	background 				: #d83477 url(../images/icone-instagram-min.png) no-repeat center center;
}
@media screen and (min-width: 1461px) and (max-width: 1570px) {
	.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover{
		font-size 				: 1.5em;
	}
}
@media screen and (min-width: 992px) and (max-width: 1460px) {
	.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover{
		font-size 				: 1.2em;
	}
}
@media screen and (min-width: 992px) and (max-width: 1260px) {
	.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover{	
		padding 				: 0 10px 0 60px;
	}
}
@media screen and (max-width: 700px){
	.newsletter-reseaux.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover {
		font-size 				: 1.3em;
	}
	.newsletter-reseaux.reseaux-sociaux .mc-field-group {
	    margin: 0;
	    width: 100%;
	}
}
@media screen and (max-width: 450px){
	.reseaux-sociaux input#mce-EMAIL, .reseaux-sociaux input#mce-EMAIL:focus, .reseaux-sociaux input#mce-EMAIL:hover{	
		font-size 				: 1.2em;
		padding 				: 0 10px 0 60px;
	}
}
/**** Image Top ****/
.image-top{
	max-height 					: 415px;
	overflow 					: hidden;
	position 					: relative;
	width 						: 100%;
}
.image-top .content-top{
	height 						: 60%;
	left 						: 30%;
	top 						: 20%;
	position 					: absolute;
	width 						: 40%;
}
.image-top img{
	float 						: left;
	max-width 					: 100%;
}
.image-top h1{
	color 					: #fff;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 3.2em;
	left 					: 0;
	margin-left 			: 6%;
	text-align 				: center;
	text-transform 			: uppercase;
	position 				: absolute;
	top 					: 50%;
	width 					: 88%;
}
.image-top .traits-img-top{
	background 				: #fff;
	left 					: 0;
	height 					: 1px;
	position 				: absolute;
	top 					: 15%;
	width 					: 100%;
}
.image-top .traits-img-bottom{
	background 				: #fff;
	bottom 					: 15%;
	height 					: 1px;
	position 				: absolute;
	left 					: 0;
	width 					: 100%;
}
.image-top .traits-img-left{
	background 				: #fff;
	top 					: 0;
	height 					: 100%;
	position 				: absolute;
	left 					: 4%;
	width 					: 1px;
}
.image-top .traits-img-right{
	background 				: #fff;
	top 					: 0;
	height 					: 100%;
	position 				: absolute;
	right 					: 4%;
	width 					: 1px;
}
@media screen and (max-width: 1500px) {
	.image-top h1{
		font-size 					: 2.4em;
	}
	.image-top .content-top{
		left 						: 20%;
		top 						: 20%;
		width 						: 60%;
	}
}
@media screen and (max-width: 800px) {
	.image-top .content-top{
		height 						: 90%;
		left 						: 5%;
		top 						: 5%;
		position 					: absolute;
		width 						: 90%;
	}
	.image-top h1{
		font-size 					: 1.8em;
	}
    .image-top .traits-img-top{
        display: none;
    }
    .image-top .traits-img-bottom{
        display: none;
    }
    .image-top .traits-img-left{
        display: none;
    }
    .image-top .traits-img-right{
        display: none;
    }
}
/**** List Pages ****/
section.page{
	position 					: relative;
	overflow: hidden;
}
.page .title-float .pointilles-haut{
	background 					: url(../images/pointilles.png) no-repeat center center;
	height 						: 150px;
	margin 						: 20px auto 0;
	width 						: 3px;
	z-index:125;
}
.page .title-float .pointilles-bas{
	background 					: url(../images/pointilles.png) no-repeat center center;
	height 						: 120px;
	margin 						: 0 auto 20px;
	width 						: 3px;
}
.page.first .title-float .pointilles-haut{
	height 						: 46px;
}
.page.first .title-float .pointilles-bas{
	height 						: 200px;
}
#section2147.page.first .title-float .pointilles-bas{
	height 						: 190px;
}
.page.first{
	background-color 			: #fff!important;
}
.page.first.fondGris .content{
	background-color 			: #f1f0f0;
}
.page.first .container{
	position 					: relative;
}
.page.first .title-float{
	position 					: absolute;
	margin-left 				: 0;
	margin-top 					: 0;
	max-width 					: 40%;
	right 						: 55%;
	top 						: -274px;
	width 						: 45%;
}
.page .title-float{
	margin : -100px auto 0;
    position: relative;
    width: 80%;
    z-index: 20;
}
.page .title-float .contour-title {
    line-height: 3.5em;
    margin: 0 auto 0; 
	padding 					: 20px 0;
}
.page .title-float h2{
	border 						: 3px solid #b2b2b2;
	color 						: #000;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 2em;
	padding 					: 25px 40px;
	text-align 					: center;
	text-transform 				: uppercase;
}
.page .bloc-title{
	min-height 					: 310px;
}
.btns-actions {
	margin 						: 75px 0;
}
.btns-actions > div.col-md-4{
	padding 					: 0;
}
.btns-sep .btns-actions > div.col-md-4{
	padding 					: 0 15px;
}
.btns-actions > div > a{
	border 						: 1px solid #c5c5c5;
	color 						: #f09100;
	display 					: block;
	padding 					: 15px 10px;
	text-align 					: center;
	text-decoration 			: none;
	width 						: 100%;
}
.btns-actions > div > a > span.icone{
	display 					: block;
	margin 						: 0 auto 15px;
}
.btns-actions > div > a > span.catalogue{
	background 					: url(../images/icone-enveloppe.png) no-repeat center center;
	height 						: 38px;
	width 						: 39px;
}
.btns-actions > div > a:hover > span.catalogue{
	background 					: url(../images/icone-enveloppe-hover.png) no-repeat center center;
}
.btns-actions > div > a > span.point-vente{
	background 					: url(../images/icone-compass.png) no-repeat center center;
	height 						: 38px;
	width 						: 38px;
}
.btns-actions > div > a:hover > span.point-vente{
	background 					: url(../images/icone-compass-hover.png) no-repeat center center;
}
.btns-actions > div > a > span.contact{
	background 					: url(../images/icone-bubbles.png) no-repeat center center;
	height 						: 38px;
	width 						: 42px;
}
.btns-actions > div > a:hover > span.contact{
	background 					: url(../images/icone-bubbles-hover.png) no-repeat center center;
	height 						: 38px;
	width 						: 42px;
}
.btns-actions > div > a > span.libele{
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.3em;
	line-height 				: 1.5em;
	text-transform 				: uppercase;
}
.btns-actions > div > a:hover{
	background 					: #55acc6;
	color 						: #fff;
}
.page.first .content{
	padding-top					: 150px;
	position 					: relative;
}
.page .content{
	overflow 					: hidden;
	z-index 					: 10;
}
.page .content{
	padding-bottom 				: 100px;
}
.presse-medias.page .content{
	padding-bottom 				: 0;
}
.page.fondGris, .page .fondGris{ 
	background 					: #f1f0f0;
}
.page .content .background{
	left 						: 0;
	position 					: absolute;
	top 						: 0;
	max-width 					: 100%;
}
.presse-medias .sous-page{
	margin-bottom 				: 30px;
}
.sous-page .img-label{
	position 					: absolute;
	left 						: -99px;
	top 						: 5px;
}
.sous-page .imgLeft .img-label{
	left 						: auto;
	position 					: absolute;
	right 						: 0;
	top 						: -30px;
}
.sous-page h3{
	color 						: #575757;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 2.8em;
	margin 	 					: 20px 0 20px 0;
	z-index:25;
}
.sous-page.page-base h3 {
    font-family 				: 'Gill Sans MT',Arial;
    font-size 					: 1.4em;
}
.sous-page h4{
	color 						: #848484;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 3em;
	margin 	 					: 20px 0 20px 0;
}
.sous-page.template6 h3{
	margin 	 					: 20px 0 20px 0;
}
.sous-page .imgLeft h3.titre-label{
	margin-right 				: 99px;
}
@media screen and (max-width: 1500px) {
	.sous-page .img-label{
		position 					: absolute;
		left 						: 0;
		top 						: 5px;
	}
	.sous-page h3.titre-label{
		margin-left 				: 99px;
	}
	.sous-page .imgLeft h3.titre-label{
		margin-left 				: 46px;
	}
}
@media screen and (max-width: 1500px) {
	.sous-page .img-label{
		position: relative;
		float: left;
		margin-right: 20px;
	}
	.sous-page .imgLeft .img-label{
		top 						: -45px;
	}
}
.sous-page p{
	color 						: #636363;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	line-height 				: 1.8em;
	margin 	 					: 0 0 20px 0;
}
p.noresult{
	color 						: #fff;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	line-height 				: 1.8em;
}
.sport-bien-etre-magiline .sous-page p {
	margin-top 					: 30px;
}
.sous-page p.decal46, .sous-page.template6 p.decal46, .sous-page a.button.decal46, .sous-page h3.decal46, .decal46 {
	margin-left					: 46px;
}
.sous-page p.description{
	color 						: #636363;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.2em;
	margin-left 				: 0;
	margin-top 					: 15px;
	text-align 					: center;
}
.sous-page.template6 p{
	margin 	 					: 0 0 20px 0;
}
.sous-page p strong{
	color 						: #000000;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
}
.sous-page p.precision{
	background 					: url(../images/icone-heart.png) no-repeat left center;
	color 						: #55acc6;
	margin 	 					: 0 0 20px;
	padding-left 				: 46px;
}
.sous-page p.precision strong{
	color 						: #55acc6;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-weight 				: bold;
}
.sous-page a.button, input.button{
	border 						: 3px solid #55acc6;
	color 						: #000;
	float 						: left;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	display 					: block;
	height 						: 70px;
	line-height 				: 64px;
	margin-bottom 				: 40px;
	margin-right 				: 30px;
	padding 					: 0 10px;
	text-align 					: center;
	text-decoration 			: none;
	text-transform 				: uppercase;
	min-width 					: 270px;
}
@media (max-width:1200px) {
    .sous-page a.button, input.button {
        font-size:1.1em;
    }
}
input.send-button{
	margin-right 				: 0;
	min-width					: 0;
	width 						: 100%;
	max-width 					:270px;
}
.sous-page a.button:last-child{
	margin-right 				: 0;
}
.reseau-points-de-vente .sous-page{
	text-align 					: center;
}
.reseau-points-de-vente .sous-page p{
	text-align 					: left;
}
.reseau-points-de-vente .sous-page a.button{
	float 						: none;
	margin 						: 0 auto;
	display 					: inline;
	display 					: inline-block;
}
.sous-page .content-bassin a.button{
	border 						: 3px solid #55acc6;
	color 						: #000;
	float 						: left;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.em;
	display 					: block;
	height 						: 60px;
	line-height 				: 54px;
	margin-bottom 				: 20px;
	margin-left 	 			: 0;
	padding 					: 0 10px;
	text-align 					: center;
	text-decoration 			: none;
	text-transform 				: uppercase;
	width 						: 100%;
	min-width 					: 0;
}
@media (max-width: 992px) {
	.sous-page a.button.pull-right{
		float 						: left!important;
	}
}
.sous-page a.button span{
	display 					: inline-block;
	line-height 				: 1.2em;
    vertical-align 				: middle;
}
.presentation-valeurs-engagements .sous-page a.button{
	margin 						: 50px 0 0;
}
.sous-page a.button:hover, input.button:hover{
	background 					: #55acc6;
	color 						: #fff;
}
@media (min-width: 992px) {
	.sous-page .imgLeft .col-md-6{
		float 						: right;
	}
	.sous-page.template5 .col-md-3, .sous-page.template5 .col-md-9{
		float 						: right;
	}
}
@media (max-width: 450px) {
	.sous-page a.button{
		width 						: 100%;	
		margin-left 	 			: 0!important;
	}
	.sous-page a.button{
		margin-right 				: 0;
	}
	.illustration .decal46{
		margin-left 				: 0!important;
	}
}
.sous-page .illustration{
	text-align 					: center;
}

.sous-page .illustration img{
	max-width 					: 100%;
	margin-bottom 				: 40px;
}
.sous-page .bloc-tpl{
	text-align 					: center;
}
.sous-page .bloc-tpl .content-img{
	width 						: 100%;
}
.sous-page .bloc-tpl p{
	color 						: #303641;
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	padding 					: 0 15px; 
}
.sous-page .content-img{
	float 						: left;
	margin 						: 20px 0 20px;
	text-align 					: center;
	max-width 						: 100%;
	position 					: relative;
}
.reseau-points-de-vente .sous-page .content-img{
	width 						: 100%;
}
.sous-page .content-img h4{
	color 						: #000;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.2em;
}
.label-list:nth-child(5) {
	clear 						:both;
}
.presse-medias .sous-page h4{
	color 						: #000;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.5em;
	margin-bottom 				: 5px;
	margin-top 					: 50px;
	text-transform 				: uppercase;
}
.sous-page .decal-image{
	margin-left 				: 46px;
}
@media (max-width: 992px) {
	.sous-page .decal-image{
		margin-left 			: 0;
	}
	.sous-page h3 {
	    margin: 20px 0 20px 0;
	}
	.sous-page p {
	    margin: 0 0 20px 0;
	}
	.sous-page p.precision {
	    padding-left: 46px;
	}
	.page .title-float {
    	margin-top 	: 0!important;
    }
	.page .title-float .pointilles-haut {
		height 						: 46px!important;
	}
	.page .title-float h2 {
    	font-size: 1.5em;
    }
    .page .content {
	    padding-top: 20px!important;
	}
	.page .title-float .pointilles-haut{
		height 						: 46px;
		display:none;
	}
	.page .title-float .pointilles-bas{
		height 						: 235px;
		display:none;
	}
}
.sous-page .content-img img{
	max-width 					: 100%; 
}
.sous-page .content-img #schemaInnos img {
    max-width 					: none;
}
.innovations-en-images .sous-page .content-img {
	float 						: right;
	margin-left 				: 100px;
}
#schemaInnos{
	overflow 					: hidden;
    position 					: relative;
}
#schemaInnos div.innosTechniques{
	position 					: absolute;
}
.video-container {
    position: relative;
    padding-bottom: 45%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin: 0 20%;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.sous-page .content-img .traits-img-top, .carousel-inner .traits-img-top{
	background 				: #fff;
	left 					: 3%;
	height 					: 1px;
	position 				: absolute;
	top 					: 10%;
	width 					: 94%;
}
.sous-page .content-img .traits-img-bottom, .carousel-inner .traits-img-bottom{
	background 				: #fff;
	bottom 					: 10%;
	height 					: 1px;
	position 				: absolute;
	right 					: 3%;
	width 					: 94%;
}
.sous-page .content-img .traits-img-left, .carousel-inner .traits-img-left{
	background 				: #fff;
	top 					: 5%;
	height 					: 90%;
	position 				: absolute;
	left 					: 6%;
	width 					: 1px;
}
.sous-page .content-img .traits-img-right, .carousel-inner .traits-img-right{
	background 				: #fff;
	top 					: 5%;
	height 					: 90%;
	position 				: absolute;
	right 					: 6%;
	width 					: 1px;
}
.list-bassins{
	margin-top 				: 20px;
}
.list-bassins .content-bassin, .equipements-magiline .content-bassin, .elem-sous-pages .content-bassin{
	background-color 		: #f3f3f3;
	position 				: relative;
	margin 					: 0 auto 30px;
}
.list-equipements .content-equipement p{
	color 					: #636363;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.3em;
	line-height 			: 1.2em;
	margin-left 			: 0;
	text-align 				: center;
}
.list-equipements .content-equipement p.title{
	color 					: #000;
	font-family 			: "Gill Sans MT", Arial;
	font-weight				: bold;
	margin-left 			: 0;
	margin-bottom 			: 0;
}
.list-equipements .content-equipement a.button{
	float 					: none;
	margin 					: 0 auto 20px;
	min-width 				: 0;
	width 					: 100%;
}
.list-bassins img, .equipements-magiline img, .elem-sous-pages img{    
	vertical-align 			: bottom;
	width 					: 100%;
	max-width				: 100%;
}
.list-bassins .center, .equipements-magiline .center, .elem-sous-pages .center{
	text-align 				: center;
	min-height 				: 200px;
}
.list-bassins img.noredim, .equipements-magiline img.noredim, .elem-sous-pages img.noredim{
	margin-top 				: 20px;
	width 					: auto;
}
.colonnes-4 .content-bassin{
	background-color 		: #f3f3f3;
	height 					: 250px;
	text-align 				: center;
}
.colonnes-4 .content-bassin:hover{
	background-color 		: #55acc6;
}
.colonnes-4 .content-bassin img{
	margin-top 				: 20px;
	vertical-align 			: middle;
	width 					: auto;
}
.colonnes-4 .content-bassin a.libelle-img{
	color 					: #000;
	position 				: absolute;
	bottom 					: 0;
	left 					: 0;
}
.elem-page.content-bassin img{
	max-width 				: 100%;
}
.elem-page.content-bassin{
	background-color 		: #f3f3f3;
	text-align  			: center;
	position 				: relative;
	max-width 				: 450px;
	margin 					: 0 auto 30px;
}
.list-bassins a, .equipements-magiline a,.elem-sous-pages a, .bassin-cont{
	display 				: block;
	position 				: relative;
	text-decoration 		: none;
}
.equipements-magiline .list-equipements-min{
	margin-left 			: -10px;
	margin-right 			: -10px;
}
.list-bassins a.libelle-img, .equipements-magiline a.libelle-img, .elem-sous-pages a.libelle-img{
	background-color 		: #f3f3f3;
	color 					: #7f7f7f;
	display 				: block;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.4em;
	height 					: 50px;
	line-height 			: 50px;
	margin 					: 0;
	width 					: 100%;
	padding 				: 0 15px;
}
.list-bassins span.span-img, .equipements-magiline span.span-img, .elem-sous-pages span.span-img{
	background-color 		: #f3f3f3;
	color 					: #7f7f7f;
	display 				: block;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.4em;
	height 					: 50px;
	line-height 			: 50px;
	margin 					: 0;
	width 					: 100%;
	padding 				: 0 15px;
}
.list-bassins .content-bassin .degrade,.elem-sous-pages .degrade{
	display 				: block;
	height 					: 100%;
	left 					: 0;
	position 				: absolute;
	top 					: 0;
	width 					: 100%;
}
.equipements-magiline .list-equipements h4{
	border 					: 3px solid #55acc6;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.261em;
	margin-bottom 			: 20px;
	padding 				: 20px;
	text-transform 			: uppercase;
    display: inline-block;
}
.image-tpl .content-img{
	margin-bottom 			: 40px;
}
.image-tpl h4{
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1em;
	text-transform 			: uppercase;
}
.list-bassins .content-bassin:hover .degrade, .elem-sous-pages .content-bassin:hover .degrade{
	background 				: rgba(85,172,198,0.5);
}
.list-bassins a.libelle-img:hover,.list-bassins .content-bassin:hover a.libelle-img, .list-bassins .content-bassin:hover,
.equipements-magiline a.libelle-img:hover, .equipements-magiline .content-bassin:hover a.libelle-img, .equipements-magiline .content-bassin:hover,
.elem-sous-pages a.libelle-img:hover, .elem-sous-pages .content-bassin:hover a.libelle-img,  .elem-sous-pages .content-bassin:hover, .list-bassins .content-bassin:hover span.libelle-img{
	background-color 		: #55acc6;
	color 					: #fff;
}
.equipements-magiline .content-bassin.withText:hover{
	background 		 		: none;
}
.list-bassins a.libelle-img span,
.equipements-magiline a.libelle-img span, .elem-sous-pages a.libelle-img span, .list-bassins span.span-img span,
.equipements-magiline span.span-img span, .elem-sous-pages span.span-img span{    
	display 				: inline-block;
	line-height 			: normal;
	vertical-align 			: middle;
}
.list-bassins span.libelle-img {
	display 				: block;
	vertical-align 			: middle;
	background-color 		: #f3f3f3;
	color 					: #7f7f7f;
	font-family 			: "Gill Sans MT", Arial;
	font-size 				: 1.4em;
	height 					: 50px;
	line-height 			: 50px;
	margin 					: 0;
	width 					: 100%;
	padding 				: 0 15px;
	position 				: relative;
	text-decoration 		: none;
}
.traits-img-top{
	background 				: #fff;
	left 					: 3%;
	height 					: 1px;
	position 				: absolute;
	top 					: 10%;
	width 					: 94%;
}
.traits-img-bottom{
	background 				: #fff;
	bottom 					: 10%;
	height 					: 1px;
	position 				: absolute;
	right 					: 3%;
	width 					: 94%;
}
.traits-img-left{
	background 				: #fff;
	top 					: 5%;
	height 					: 90%;
	position 				: absolute;
	left 					: 6%;
	width 					: 1px;
}
.traits-img-right{
	background 				: #fff;
	top 					: 5%;
	height 					: 90%;
	position 				: absolute;
	right 					: 6%;
	width 					: 1px;
}
@media screen and (max-width: 600px) {
	.list-bassins .col-md-6{
		width 					: 100%;
	}
}
@media screen and (max-width: 1000px) {

	.page .title-float, .page.first .title-float{
		margin 						: 0 auto;
		max-width 					: 100%;
		position 					: relative;
		right 						: auto;
		top 						: auto;
		width 						: 100%;
	}
	.page .title-float .contour-title{
		max-width 					: 100%;
		padding 					: 20px;
		width 						: 100%;
	}
	.page .title-float .pointilles-bas{
		margin-bottom 				: 20px;
	}
	.page .content{
		padding-top					: 140px;
	}
	.page .title-float h2{
		width 						: 100%
	}
}
@media screen and (max-width: 992px) {
	.page .content {
	    padding-bottom: 20px!important;
	}
	.sous-page {
	    padding-bottom: 20px!important;
	}
	.equipements-magiline .list-equipements{
		margin-left 			: 0;
		margin-right 			: 0;
	}
}
/**** Slider ****/
#carouselImg{
	margin-left 				: 46px;
}
#slider, #carousel-bounding-box{
	max-width 					: 883px;
}
#slider-thumbs{
	padding 					: 0;
}
#slider-thumbs .list-inline{
	font-size 					: 0;
	margin-left 				: 0;
}
#slider-thumbs .list-inline li{
	padding 					: 0;
}
#slider-thumbs .list-inline li{
	width 					: 20%;
}
#slider-thumbs .list-inline li a.selected img {
	opacity:1;
}
#slider-thumbs .list-inline li a img {
	opacity:0.5;
}
@media screen and (max-width: 992px) {
	#carouselImg{
		margin-left 				: 0;
	}
}

/**** Labels ****/
.brevets-labels .content-img{
	margin 							: 50px 0;
}
.labels-list .content-img{
	text-align 						: center;
	width 							: 100%;
}
.labels-list h3{
	color 							: #55acc6;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.4em;
	text-align 						: center;
	width 							: 100%;
}
.labels-list p{
	color 							: #8c8c8c;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.4em;
	margin-bottom 					: 30px;
}
.labels-list div.encadre{
	margin-top 						: 15px;
	text-align 						: center;
}
.labels-list div.encadre span{
	border 							: 3px solid #d8d7d8;
	color 							: #55acc6;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.4em;
	padding 						: 10px;
	text-align 						: center;
	display 						: block;
}
@media screen and (max-width: 992px) {
	.labels-list .label-list:nth-child(2n+1) {
			clear 					: both;
	}
}

/**** Presses ****/
.presse-medias{
	padding-bottom 					: 100px;
}
.contact-presse{
	background 						: url(../images/enveloppe-presse.png) no-repeat center left;
	margin-left 					: -50px;
	padding-left 					: 50px;
}
.list-presses{
	background 						: #303641;
	margin-bottom 					: 50px;
}
.list-presses .presse{
	background 						: #252a32;
	margin 							: 25px 0;
	padding 						: 15px;
}
.list-presses .presse img{
	max-width 						: 100%;
}
.list-presses .date{
	color 							: #55acc6;
	display 						: block;
	font-family 					: 'Gill Sans MT', Arial;
	font-weight						: bold;
	font-size 						: 1.4em;
	margin-bottom 					: 10px;
	margin-top 						: 15px;
}
.list-presses h5{
	color 							: #859abb;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.6em;
	margin-bottom 					: 10px;
}
.list-presses p{
	color 							: #fff;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.3em;
	line-height 					: 1.5em;
}
.list-presses a.button{
	border 						: 3px solid #55acc6;
	color 						: #fff;
	float 						: left;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	display 					: block;
	height 						: 60px;
	line-height 				: 54px;
	margin-top 					: 62px;
	padding 					: 0 10px;
	position 					: relative;
	text-align 					: left;
	text-decoration 			: none;
	text-transform 				: uppercase;
	width 						: 100%;
}
.list-presses a.button .pdf{
	background 					: url(../images/icone-pdf.png) no-repeat center center;
	display 					: block;
	height 						: 17px;
	right 						: 10px;
	position 					: absolute;
	top 						: 18px;
	width 						: 44px;
}
.list-presses a.button:hover{
	background 					: #55acc6;
}
.list-presses-bis .presse{
	background 						: #f0f0f0;
	margin 							: 25px 0;
	padding 						: 15px;
}
.list-presses-bis .presse img{
	max-width 						: 100%;
}
.list-presses-bis .date{
	color 							: #55acc6;
	display 						: block;
	font-family 					: 'Gill Sans MT', Arial;
	font-weight						: bold;
	font-size 						: 1.4em;
	margin-bottom 					: 10px;
	margin-top 						: 15px;
}
.list-presses-bis h5{
	color 							: #859abb;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.6em;
	margin-bottom 					: 10px;
}
.list-presses-bis p{
	color 							: #777;
	font-family 					: 'Gill Sans MT', Arial;
	font-size 						: 1.3em;
	line-height 					: 1.5em;
}
.list-presses-bis a.button{
	border 						: 3px solid #55acc6;
	color 						: #777;
	float 						: left;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	display 					: block;
	height 						: 60px;
	line-height 				: 54px;
	margin-top 					: 62px;
	padding 					: 0 10px;
	position 					: relative;
	text-align 					: left;
	text-decoration 			: none;
	text-transform 				: uppercase;
	width 						: 100%;
}
.list-presses-bis a.button .pdf{
	background 					: url(../images/icone-pdf.png) no-repeat center center;
	display 					: block;
	height 						: 17px;
	right 						: 10px;
	position 					: absolute;
	top 						: 18px;
	width 						: 44px;
}
.list-presses-bis a.button:hover{
	background 					: #55acc6;
	color 					: #fff;
}
.list-presses-bis nav {
	text-align				: center;
}
.list-presses-bis nav .pagination li a {
	color:#55acc6;
	font-family				: "Gill Sans MT", Arial!important;
}
.list-presses-bis nav .pagination li a.active {
	background 				: #55acc6;
	color 					: #fff;
}
@media (max-width: 992px) {
	.list-presses{
		text-align 				: center;
	}
}
/**** Formulaire Catalogue ****/
.formCatalogueBlog, .formCatalogue, .formCatalogueLiner, .formCatalogueChauffage, .formCatalogueSecurite, .formCatalogueSpa{
	background 					: #55acc6 url(../images/flag-leads.png) no-repeat top right;
	padding 					: 30px 20px 20px;
}
.formCatalogueBlog p, .formCatalogue p, .formCatalogueLiner p, .formCatalogueChauffage p, .formCatalogueSecurite p, .formCatalogueSpa p{
	color 						: #303641;
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.4em;
	line-height 				: 1.2em;
	margin-bottom 				: 10px;
	margin-left 				: 0;
	text-align 					: right;
}
.formCatalogueBlog input, .formCatalogue input, .formCatalogueLiner input, .formCatalogueChauffage input, .formCatalogueSecurite input, .formCatalogueSpa input,
.formCatalogueBlog select, .formCatalogue select, .formCatalogueLiner select, .formCatalogueChauffage select, .formCatalogueSecurite select, .formCatalogueSpa select{
	border 						: none;
	-webkit-border-radius		: 2px;
	-moz-border-radius			: 2px;
	border-radius 				: 2px;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.1em;
	height 						: 30px;
	margin-bottom 				: 10px;
	padding 					: 2px 5px 0 5px;
	text-transform 				: uppercase;
	width 						: 100%;
	line-height 				: 30px;
}
.formCatalogueBlog input[type="checkbox"], .formCatalogue input[type="checkbox"], .formCatalogueLiner input[type="checkbox"], .formCatalogueChauffage input[type="checkbox"], .formCatalogueSecurite input[type="checkbox"], .formCatalogueSpa input[type="checkbox"] {
    width:13px;
}
.formCatalogueBlog .checkbox label, .formCatalogue .checkbox label, .formCatalogueLiner .checkbox label, .formCatalogueChauffage .checkbox label, .formCatalogueSecurite .checkbox label, .formCatalogueSpa .checkbox label {
    font-size:1.1em;
    line-height:18px;
    text-align:justify;
}
.formCatalogueBlog .checkbox label a, .formCatalogue .checkbox label a, .formCatalogueLiner .checkbox label a, .formCatalogueChauffage .checkbox label a, .formCatalogueSecurite .checkbox label a, .formCatalogueSpa .checkbox label a {
    display:inline;
}
.formCatalogueBlog .submit, .formCatalogue .submit, .formCatalogueLiner .submit, .formCatalogueChauffage .submit, .formCatalogueSecurite .submit, .formCatalogueSpa .submit{
	background 					: #f09100;
	border 						: none;
	color 						: #fff;
	font-size 					: 1.2em;
	height 						: 35px;
}
.formCatalogueBlog .submit:hover, .formCatalogue .submit:hover,.formCatalogueLiner .submit:hover, .formCatalogueChauffage .submit:hover, .formCatalogueSecurite .submit:hover, .formCatalogueSpa .submit:hover{
	background 					: #3f8ea5;
}

.magiline-recrute .content, .votre-partenaire-magiline .content, .renovation-piscine .content, .domotique-au-service-de-votre-piscine .content {
	overflow 					: visible;
}
@media screen and (min-width: 1171px) and (max-width: 1350px) {
	.formCatalogueBlog input, .formCatalogue input, .formCatalogueLiner input, .formCatalogueChauffage input, .formCatalogueSecurite input, .formCatalogueSpa input,
.formCatalogueBlog select, .formCatalogue select, .formCatalogueLiner select, .formCatalogueChauffage select, .formCatalogueSecurite select, .formCatalogueSpa select{
		font-size 				: 0.9em;
	}
}
@media screen and (min-width: 992px) and (max-width: 1170px) {
	.formCatalogueBlog input, .formCatalogue input, .formCatalogueLiner input, .formCatalogueChauffage input, .formCatalogueSecurite input, .formCatalogueSpa input,
.formCatalogueBlog select, .formCatalogue select, .formCatalogueLiner select, .formCatalogueChauffage select, .formCatalogueSecurite select, .formCatalogueSpa select{
		font-size 				: 0.7em;
	}
}
/**** Magiline recrute ****/
.magiline-recrute .content-img, .votre-partenaire-magiline .content-img, .renovation-piscine .content-img{
	margin-top 					: -15px;
}
.renovation-piscine a.button.autre{
	border 						: none;
	color 						: #fff;
	background 					: url(../images/btn-magasin-piscine.jpg) no-repeat center center;
	max-width 					: 648px;
	text-align 					: left;
}
.renovation-piscine a.button.autre span{
	background 					: url(../images/icone-point-map.png) no-repeat 20px center;
	padding-left 				: 70px;
}

@media (max-width: 760px) {
	.renovation-piscine a.button.autre span{
		font-size 				: 0.8em;
	}
}
/**** Piscine en kit ou cle en main ****/
.sous-page .budget{
	text-align 					: center;
	width 						: 100%;
}
.sous-page .budget a.button{
	background 					: url(../images/icone-budget.png) no-repeat 25px center;
	display 					: inline;
	display 					: inline-block;
	float 						: none;
	min-width 					: none;
	padding 					: 0 15px 0 90px;
}
.sous-page .budget a.button:hover{
	background 					: #55acc6 url(../images/icone-budget-hover.png) no-repeat 25px center;
}
.blocFormule{
	background 					: #55acc6;
	margin-bottom 				: 20px;
}
.blocFormule h3{
	background 					: #4495ad url(../images/rond-aide-3.png) no-repeat 30px center;
	color 						: #fff;
	font-family 				: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 					: 1.3em;
	margin-bottom 				: 0;
	padding 					: 30px 20px 30px 140px;
	text-transform 				: uppercase;
}
.blocFormule.piscine-en-kit h3{
	background 					: #2e6c7e url(../images/rond-aide-1.png) no-repeat 30px center;
}
.blocFormule.piscine-en-kit{
	background 					: #3b7e92;
}
.blocFormule.piscine-en-kit .contentFormule p.temoignage, .blocFormule.piscine-en-kit .contentFormule p.nom-temoin {
	color 						: #26505d;
}
.blocFormule.kit-assiste h3{
	background 					: #204f5d url(../images/rond-aide-2.png) no-repeat 30px center;
}
.blocFormule.kit-assiste{
	background 					: #2b6272;
}
.blocFormule.kit-assiste .contentFormule p.temoignage, .blocFormule.kit-assiste .contentFormule p.nom-temoin {
	color 						: #153842;
}
.blocFormule .contentFormule{
	padding 					: 30px 30px;
}
.blocFormule .contentFormule p{
	color 						: #fff;
	font-size 					: 1.3em;
}
.blocFormule .contentFormule p.precision{
	background 					: url("../images/icone-heart-blanc.png") no-repeat left center;
    padding-left 				: 60px;
}
.blocFormule .contentFormule p.temoignage {
    background 					: url("../images/icone-bulles.png") no-repeat left center;
    color 						: #2d697b;
    font-family 				: 'Gill Sans MT', Arial;
	font-style					: italic;
    margin-bottom 				: 5px;
    padding-left 				: 60px;
}
.blocFormule .contentFormule p.nom-temoin {
    color 						: #1b5769;
    font-family 				: 'Gill Sans MT', Arial;
	font-style					: italic;
    margin-bottom 				: 0;
   	text-align 					: right;
}
.blocFormule a.btnSavoirPlus{
	display 					: block;
	position 					: relative;
	width 						: 100%;
}
.blocFormule a.btnSavoirPlus img {
	display 					: block;
    width 						: 100%;
}
.blocFormule a.btnSavoirPlus span {
	color 						: #fff;
	display 					: block;
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.4em;
	left 						: 0;
	position 					: absolute;
	top 						: 50%;
	margin-top 					: -6px;
	text-align 					: center;
	text-transform 				: uppercase;
	width 						: 100%;
}
.guide-achat-piscine .content{
	overflow 					: visible;
}
.twelve-step-buying-guide .content {
	overflow: visible;
}
.kaufberatung-in-12-schritten .content {
	overflow: visible;
}
.content-guide{
	background 					: #fff;
	padding 					: 20px;
	position 					: relative;
	text-align 					: center;
	margin-bottom 				: 30px;
}
.content-guide .content-hover{
	display 					: none;
	position 					: absolute;
	bottom 						: 100%;
	left 						: 0;
	padding-bottom 				: 25px;
}
.content-guide .content-hover-fond{
	background 					: #55acc6;
	padding 					: 20px;
	position 					: relative;
	text-align 					: left;
	-moz-border-radius 			: 5px;
    -webkit-border-radius 		: 5px;
    border-radius 				: 5px;
    z-index 					: 40000;
     -webkit-box-shadow 		: 0px 0px 9px rgba(0,0,0,0.1);
    -moz-box-shadow 			: 0px 0px 9px rgba(0,0,0,0.1);
    box-shadow 					: 0px 0px 9px rgba(0,0,0,0.1);
    -webkit-transition 			: 1s; /* For Safari 3.1 to 6.0 */
    transition 					: 1s;
}
.content-guide .content-hover .fleche-bas{
	background 					: url(../images/icone-fleche-bas.png) no-repeat center center;
	display 					: block;
	position 					: absolute;
	bottom 						: -16px;
	height 						: 16px;
	left 						: 50%;
	margin-left 				: -8px;
	width 						: 16px;
}
.content-guide:hover .content-hover{
	display 					: block;
}
.content-guide .content-hover p{
	color 						: #fff;
	font-family 				: 'Gill Sans MT', Arial;
}
.content-guide .content-hover a{
	background 					: url(../images/icone-fleche.png) no-repeat center right;
	color 						: #fff;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	padding-right 				: 20px;
	text-decoration 			: none;
	text-transform 				: uppercase;
}
.content-guide:hover{
	background 					: #303641;
}
.content-guide .etape{
	color 						: #e0e0e0;
	font-family 				: "Gill Sans MT", Arial;
	font-style					: italic;
	font-weight					: bold;
	text-transform				: uppercase;
	font-size 					: 3.5em;
}
.content-guide h3{
	color 						: #010101;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.2em;
	line-height 				: 1.4em;
	text-transform 				: uppercase;
}
.content-guide:hover h3{
	color 						: #55acc5;
}
.content-guide .icone-carre{
	background 					: url(../images/icone-carre.png) no-repeat center center;
	display 					: block;
	height 						: 49px;
	margin 						: 20px auto 30px;
	width 						: 48px;
}
.content-guide .icone-echelle{
	background 					: url(../images/icone-echelle.png) no-repeat center center;
	display 					: block;
	height 						: 46px;
	margin 						: 20px auto 30px;
	width 						: 52px;
}
.content-guide .icone-revetement{
	background 					: url(../images/icone-revetement.png) no-repeat center center;
	display 					: block;
	height 						: 57px;
	margin 						: 20px auto 30px;
	width 						: 48px;
}
.content-guide .icone-margelle{
	background 					: url(../images/icone-margelle.png) no-repeat center center;
	display 					: block;
	height 						: 48px;
	margin 						: 20px auto 30px;
	width 						: 48px;
}
.content-guide .icone-fond{
	background 					: url(../images/icone-fond.png) no-repeat center center;
	display 					: block;
	height 						: 48px;
	margin 						: 20px auto 30px;
	width 						: 48px;
}
.content-guide .icone-filtration{
	background 					: url(../images/icone-filtration.png) no-repeat center center;
	display 					: block;
	height 						: 50px;
	margin 						: 20px auto 30px;
	width 						: 50px;
}
.content-guide .icone-traitement{
	background 					: url(../images/icone-traitement.png) no-repeat center center;
	display 					: block;
	height 						: 52px;
	margin 						: 20px auto 30px;
	width 						: 55px;
}
.content-guide .icone-domotique{
	background 					: url(../images/icone-domotique.png) no-repeat center center;
	display 					: block;
	height 						: 59px;
	margin 						: 20px auto 30px;
	width 						: 55px;
}
.content-guide .icone-chauffage{
	background 					: url(../images/icone-chauffage.png) no-repeat center center;
	display 					: block;
	height 						: 57px;
	margin 						: 20px auto 30px;
	width 						: 37px;
}
.content-guide .icone-securite{
	background 					: url(../images/icone-securite.png) no-repeat center center;
	display 					: block;
	height 						: 49px;
	margin 						: 20px auto 30px;
	width 						: 30px;
}
.content-guide .icone-nettoyage{
	background 					: url(../images/icone-nettoyage.png) no-repeat center center;
	display 					: block;
	height 						: 66px;
	margin 						: 20px auto 30px;
	width 						: 50px;
}
.content-guide .icone-courant{
	background 					: url(../images/icone-courant.png) no-repeat center center;
	display 					: block;
	height 						: 39px;
	margin 						: 20px auto 30px;
	width 						: 42px;
}
.content-guide .icone-ph{
	background 					: url(../images/icone-ph.png) no-repeat center center;
	display 					: block;
	height 						: 59px;
	margin 						: 20px auto 30px;
	width 						: 40px;
}
.content-guide .icone-balai{
	background 					: url(../images/icone-balai.png) no-repeat center center;
	display 					: block;
	height 						: 68px;
	margin 						: 20px auto 30px;
	width 						: 44px;
}
.content-guide .icone-temperature{
	background 					: url(../images/icone-temperature.png) no-repeat center center;
	display 					: block;
	height 						: 52px;
	margin 						: 20px auto 30px;
	width 						: 20px;
}
.content-guide .icone-niveau-eau{
	background 					: url(../images/icone-niveau-eau.png) no-repeat center center;
	display 					: block;
	height 						: 61px;
	margin 						: 20px auto 30px;
	width 						: 55px;
}
.content-guide .icone-tirelire{
	background 					: url(../images/icone-tirelire.png) no-repeat center center;
	display 					: block;
	height 						: 31px;
	margin 						: 20px auto 30px;
	width 						: 60px;
}
.content-guide .icone-tel-distance{
	background 					: url(../images/icone-tel-distance.png) no-repeat center center;
	display 					: block;
	height 						: 54px;
	margin 						: 20px auto 30px;
	width 						: 33px;
}
.content-guide .icone-doigt-oeil{
	background 					: url(../images/icone-doigt-oeil.png) no-repeat center center;
	display 					: block;
	height 						: 63px;
	margin 						: 20px auto 30px;
	width 						: 51px;
}
.content-guide .icone-autonome{
	background 					: url(../images/icone-autonome.png) no-repeat center center;
	display 					: block;
	height 						: 73px;
	margin 						: 20px auto 30px;
	width 						: 72px;
}
.btn-config{
	display 					: block;
	position 					: relative;
	width 						: 100%;
}
.btn-config img{
	width 						: 100%;
	display 					: block;
}
.btn-config span{
	background 					: url(../images/icone-cle.png) no-repeat center left;
	color 						: #fff;
	display 					: block;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 2.5em;
	line-height 				: 1.6em;
	padding-left 				: 130px;
	position 					: absolute;
	top 						: 0;
	left 						: 0;
	width 						: 80%;	
	margin 						: 0 10%;
}
@media (max-width: 1150px) {
	.btn-config span{
		font-size 				: 2em;
	}
}
@media (max-width: 700px) {
	.btn-config span{
		font-size 				: 1.5em;
	}
}
@media (max-width: 500px) {
	.btn-config span{
		font-size 				: 1.2em;
	}
}
/**** Liste Projet ****/
.list-projets{
	border-left 				: 2px solid #d5d5d5;
	padding 					: 30px 0 0 40px;
}
.content-projets{
	padding 					: 30px 0 0 40px;
}
.content-projets img{
	max-width 					: 100%;
}
.content-projets .button{
	margin-top 					: 30px;
}
.list-projets .projet{
	position 					: relative;
	margin-bottom 				: 100px;
}
.list-projets .projet:last-child{
	margin-bottom 				: 0;
}
.list-projets img{
	max-width 					: 100%;
}
.list-projets .nbrEtape{
	background 					: url(../images/icone-ellipsis.png) no-repeat center center;
	color 						: #fff;
	display 					: block;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.5em;
	height 						: 51px;
	left 						: -53px;
	line-height 				: 53px;
	text-align 					: center;
	position 					: absolute;
	top 						: 2px;
	width 						: 52px;
}
.list-projets .en-savoir-plus{
	background 					: #cacaca;
  	border-radius 				: 50%;
  	color 						: #fff;
  	display 					: block;
    font-family 				: 'Gill Sans MT', Arial;
    font-size 					: 1.2em;
	height 						: 100px;
	left 						: -150px;
	line-height 				: 100px;
	margin-top 					: -60px;
	padding 					: 0 10px;
	position 					: absolute;
	text-align 					: center;
	top 						: 50%;
	width 						: 100px;
}
.list-projets .en-savoir-plus span{
	display 					: inline-block;
	line-height 				: 1.2em;	
	vertical-align 				: middle;
}
.list-projets .en-savoir-plus:hover{
	background 					: #55acc6;
}
.list-projets h3{
	color 						: #7d8c90;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1.5em;
	text-transform 				: uppercase;
}
@media screen and (max-width: 992px) {
	.list-projets .en-savoir-plus{
		left 					: auto;
		margin-top 				: 20px;
		position 				: relative;
		top 					: auto;
	}
}
/**** Contact ****/
.secField{
	display 					: none;
}
.formPage h2{
	color 						: #6a6969;
	display 					: inline-block;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
    font-size 					: 1.3em;
    line-height 				: 50px;
	text-transform 				: uppercase;
}
.formPage h2 span{
	display 					: inline-block;
	vertical-align 				: middle;
	line-height 				: 1.3em;
}
.formPage span.etape{ 
	border 						: 3px solid #55acc6;
  	border-radius 				: 50%;
  	color 						: #6a6969;
	display 					: inline-block;
	float 						: left;
    font-family 				: 'Gill Sans MT', Arial;
	font-weight					: bold;
    font-size 					: 1.3em;
    height 						: 50px;
    line-height 				: 44px;
    margin-right 				: 15px;
    text-align 					: center;
	text-transform 				: uppercase;
    width 						: 50px;
}
.formPage fieldset{
	margin 		 				: 20px 0 50px 65px;
}
.form-imagi-brochure.formPage fieldset, .form-imagi-client.formPage fieldset{
	margin 		 				: 20px 0 50px 0;
}
.form-imagi-brochure, .form-imagi-client{
	margin-top 					: 50px;
}
.form-imagi-client h2{
	color 						: #55acc6;
}
.form-imagi-client.formPage fieldset label, 
.form-imagi-client.formPage fieldset span,
.form-imagi-client.formPage fieldset p em {
	color 						: #bfc8d9;
}
.form-imagi-client.formPage fieldset input[type="text"], 
.form-imagi-client.formPage fieldset select, 
.form-imagi-client.formPage fieldset textarea, 
.form-imagi-client.formPage fieldset input[type="tel"], 
.form-imagi-client.formPage fieldset input[type="email"],
.form-imagi-brochure.formPage fieldset input[type="text"], 
.form-imagi-brochure.formPage fieldset select, 
.form-imagi-brochure.formPage fieldset textarea, 
.form-imagi-brochure.formPage fieldset input[type="tel"], 
.form-imagi-brochure.formPage fieldset input[type="email"] {
    border 						: 3px solid #e4e4e4;
    background 					: none;
}
.form-imagi-client.formPage fieldset input[type="text"], 
.form-imagi-client.formPage fieldset select, 
.form-imagi-client.formPage fieldset textarea, 
.form-imagi-client.formPage fieldset input[type="tel"], 
.form-imagi-client.formPage fieldset input[type="email"]{	
    color 						: #bfc8d9;
}
.form-imagi-client.formPage fieldset input[type="text"]:required, 
.form-imagi-client.formPage fieldset input[type="tel"]:required, 
.form-imagi-client.formPage fieldset input[type="email"]:required {
    background: url("../images/asterisk.png") no-repeat scroll 98% center;
}
.form-imagi-client.formPage fieldset label.checked:before {
	background 					: #23272f;
}

.form-imagi-client.formPage fieldset input[type="checkbox"]:checked + label.checked:before {
    background-color 			: #23272f;
    border 						: 1px solid #55acc6;
    color 						: #55acc6;
    content 					: "✓";
    font-size 					: 30px;
    line-height 				: 13px;
    text-align 					: center;
}
.form-imagi-client.formPage fieldset select:required,
.form-imagi-brochure.formPage fieldset select:required {
    background: url("../images/asterisk.png") no-repeat scroll 92% center;
}
.form-imagi-client.formPage fieldset .submit input {
	color 						: #fff;
}
.form-imagi-client{
	margin-left 				: 50px;
}
.form-imagi-brochure{
	margin-right 				: 50px;
}
.contact-imagi .fondForm{
	background 					: #303641;
	height 						: 100%;
	position 					: absolute;
	right 						: 0;
	top 						: 0;
	width 						: 50%;
}
@media (max-width: 992px) {
	.contact-imagi .fondForm{
		bottom 						: 0;
		height 						: 50%;
		top 						: auto;
		width 						: 100%;
	}
}
.formPage fieldset label, .formPage fieldset span{
	color 						: #636363;
	display 				 	: inline;  
	display 				 	: inline-block;  
    font-family 				: 'Gill Sans MT', Arial;
    font-size 					: 1.4em;
    margin 		 				: 0 20px 0 0;
}
.formPage fieldset span{
	margin-right 				: 0;
}
.formPage fieldset span.red{
	color 						: #dc4f1d;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
    font-size 					: 1.3em;
}
.formPage fieldset label.check{
	display 				 	: inline;
	display 					: inline-block;  
    cursor 						: pointer;  
    position 					: relative;  
    padding-left 				: 30px;  
}
.formPage fieldset .radio{
	display 					: none;
}
.formPage fieldset label.check:before {
	border 						: 1px solid #b7b7b7;  
	border-radius 				: 11px;  
    content 					: "";
	display 				 	: inline;  
    display 					: inline-block;  
      
    width 						: 22px;  
    height 						: 22px;  
      
    margin-right 				: 11px;  
    position 					: absolute;  
    left 						: 0;  
    bottom 						: -2px;  
    background-color 			: #cbcbcb;  
}  
.formPage fieldset input[type=radio]:checked + label.check:before { 
	background-color 			: #fff;  
	border 						: 1px solid #55acc6;  
    content 					: "\2022";  
    color 						: #55acc6;  
    font-size 					: 48px;
    line-height 				: 19px;
    padding-left 				: 0;
    text-align 					: center;
} 
.formPage fieldset input[type=text], .formPage fieldset select,
.formPage fieldset textarea, .formPage fieldset input[type=tel],
.formPage fieldset input[type=email]{
	border 						: 3px solid #55acc6;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.4em;
	height 						: 54px;
	padding 					: 0 15px;
	width 						: 100%;
}
.formPage fieldset label.required{
	background 					: url(../images/asterisk.png) no-repeat 98% top;
	padding-right 				: 2%;
}
.formPage fieldset input[type=text]:required,
.formPage fieldset input[type=tel]:required,
.formPage fieldset input[type=email]:required{
	background 					: #fff url(../images/asterisk.png) no-repeat 98% center;
	padding-right 				: 4%;
}
.formPage fieldset textarea:required{
	background 					: #fff url(../images/asterisk.png) no-repeat 99% 20px;
	padding-right 				: 2%;
}
.formPage fieldset select:required{
	background 					: #fff url(../images/asterisk.png) no-repeat 95% center;
}
@media (max-width: 780px) {
	.formPage fieldset input[type=text]:required,
	.formPage fieldset input[type=tel]:required,
	.formPage fieldset input[type=email]:required{
		background 					: #fff url(../images/asterisk.png) no-repeat 94% center;
		padding-right 				: 8%;
	}
	.formPage fieldset textarea:required{
		background 					: #fff url(../images/asterisk.png) no-repeat 97% 20px;
		padding-right 				: 4%;
	}
	.formPage fieldset select:required{
		background 					: #fff url(../images/asterisk.png) no-repeat 90% center;
	}
}
input:after { content:"*"; }
.formPage .submitted fieldset input[type=text]:invalid, .formPage .submitted  fieldset input[type=tel]:invalid,
.formPage .submitted fieldset select:invalid, .formPage .submitted  fieldset input[type=email]:invalid,
.formPage .submitted fieldset textarea:invalid, #formSearchDistrib.submitted fieldset input:invalid{
	border-color 				: #dc4f1d;
	box-shadow 					: none;
}
.formPage fieldset input[type=checkbox]{
	display 					: none;
}
.formPage fieldset label.checked:before {
	border 						: 1px solid #b7b7b7;  
    content 					: "";
	display 				 	: inline;  
    display 					: inline-block;  
      
    width 						: 22px;  
    height 						: 22px;  
      
    margin-right 				: 50px;  
    position 					: absolute;  
    left 						: 15px;  
    top 						: 8px;  
    background-color 			: #cbcbcb;  
}  
.formPage fieldset label.checked{
	margin-top 					: 10px;
	margin-left 				: 30px;
	line-height 				: 20px;
}
.formPage fieldset input[type=checkbox]:checked + label.checked:before { 
	background-color 			: #fff;  
	border 						: 1px solid #55acc6;  
    content 					: "\2713";  
    color 						: #55acc6;  
    font-size 					: 30px;
    line-height 				: 13px;
    text-align 					: center;
} 
.formPage fieldset select:focus{
	background-color 			: #b2b1b2;
	border-color 				: #b2b1b2;
}
.formPage fieldset select:focus option{
	background-color 			: #fff;
}
.formPage fieldset textarea{
	height 						: 150px;	
	padding 					: 15px 15px;
}
.formPage fieldset .col-md-6{
	height 						: 60px;
	margin-bottom 				: 15px;
}
.formPage fieldset .col-md-12{
	margin-bottom 				: 15px;
}
.formPage fieldset .col-md-6.firstLine{
	height 						: 30px;
}
.formPage fieldset .submit{
	text-align 					: center;
}
.formPage fieldset .submit input{
	background 					: none;
	display 					: initial;
	float 	 					: none;
	margin-bottom 				: 0;
}
.formPage fieldset .submit input:hover{
	background 					: #55acc6;  
}
.formPage fieldset p em{
	font-family 			: "Gill Sans MT", Arial;
	font-style				: italic;
	font-weight				: bold;
	text-transform			: uppercase;
	font-size 					: 0.8em;
	text-transform 				: uppercase;
}
/*** Validation Formulaires ****/
.sous-page p.alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.sous-page p.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.sous-page p.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}
/**** Page de base ****/
.content.page-base{
	padding 					: 100px 0;
}
.content.page-base .content-images{
	text-align 					: center;
}
.content.page-base img{
	max-width 					: 100%;
}
.content.page-base h2{
    color: #575757;
    font-family: "Gill Sans MT", Arial;
    font-size: 3em;
    margin: 20px 0 20px 0;
}
.content.page-base p{
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	line-height 				: 1.5em;
	margin-bottom 				: 15px;
}
.content.page-base ul, .content.page-base ol{
	margin 		 				: 0 15px 15px;
}
.content.page-base li{

	color 						: #636363;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	line-height 				: 1.5em;
	list-style-type 			: disc;
	list-style-position 		: inside;
}
.content.page-base ol li{
    list-style-type: decimal;
}
.content.page-base p strong{
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size 					: 1em;
	max-width 					: 100%;
}
/*** Catalogues ****/
.introtext p{
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.4em;
	text-transform 				: uppercase;
	margin 						: 30px 0;
}
.template60 .sous-page h2, .template29 .sous-page h2, .template48 .sous-page h2{
	color 						: #000;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.8em;
	text-transform 				: uppercase;
	padding-bottom 				: 20px;
	text-align 					: center;
}
.template29 hr, .template60 hr, .template48 hr{
	background-color			: #000;
	height 						: 3px;
	margin 						: 0 auto 30px;
	width 						: 100px;
}
.innovations-en-images p.precision{
	background 					: url("../images/icone-infos.png") no-repeat center left;
	color 						: #303641;
	position 					: absolute;
	bottom 						: -100px;
	text-align 					: left;
}
.innovations-en-images .sous-page .content-img{
	margin-bottom 			: 100px;
}
@media (max-width: 992px) {
	.innovations-en-images .sous-page h3, .innovations-en-images .sous-page p {
		width 					: 100%;
		clear 					: both;
	}
}
.modal{
	z-index: 500000;
}
.modal-video .modal-content {
    box-shadow: none;
    background: none;
    border: 0;
}
.modal-video iframe{
	height 						: 350px;
	width 						: 100%;
}
.modal-content h4{
	color 						: #000;
	margin-bottom				: 0;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.5em;
	text-align 					: left;
	text-transform 				: uppercase;
}
.modal-content p{
	color 						: #636363;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.3em;
	line-height 				: 1.5em;
	text-align 					: left;
}
.modal-content img,.modal-content iframe{
	display 					: block;
	max-width 					: 100%;
	margin 						: 0 auto 15px;
}
.modal-content .thumbnail img {
	margin: 0;
}
.modal-content .thumbnail {
}
.domotique-imagi .projet{
	margin-bottom 				: 30px;
}
/**** Points de vente ****/
.contenu{
	margin 						: 30px 0 10px;
}
.contenu.fondGris {
	padding: 30px 0 10px;
	margin: 0;
}
.contenu p{
	color 						: #636363;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	line-height 				: 1.8em;
	margin 	 					: 0 0 20px 0;
}
.contenu p{
	color 						: #636363;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	line-height 				: 1.8em;
	margin 	 					: 0 0 20px 0;
}
.contenu p strong{
	color 						: #000000;
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
}
.list-regions{
	padding-bottom 				: 30px;
}
.search-distrib{
	padding 					: 30px 0 0;
}
.search-distrib span.etape, .template61 span.etape, .template62 span.etape{ 
	border 						: 3px solid #55acc6;
  	border-radius 				: 50%;
  	color 						: #6a6969;
	display 					: inline-block;
	float 						: left;
    font-family 				: 'Gill Sans MT', Arial;
	font-weight					: bold;
    font-size 					: 1.3em;
    height 						: 50px;
    line-height 				: 44px;
    margin-right 				: 15px;
    text-align 					: center;
	text-transform 				: uppercase;
    width 						: 50px;
}
.search-distrib h2, .template61 h2, .template62 h2{
	color 						: #6a6969;
	display 					: block;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
    font-size 					: 1.3em;
    min-height 					: 25px;
    line-height 				: 50px;
	text-transform 				: uppercase;
	padding-bottom: 20px;
}
.search-distrib h2 span{
	display 					: inline-block;
	vertical-align 				: middle;
	line-height 				: 1.3em;
}
#formSearchDistrib fieldset{
	margin 						: 20px 0 20px 65px;
}
#formSearchDistrib fieldset input[type=text], #formSearchDistrib fieldset  select{
	border 						: 3px solid #55acc6;
    font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.4em;
	height 						: 54px;
	padding 					: 15px;
	width 						: 100%;
}
#formSearchDistrib fieldset input, #formSearchDistrib fieldset select{
	margin-bottom 				: 20px;
}
#formSearchDistrib fieldset select:focus{
	background-color 			: #b2b1b2;
	border-color 				: #b2b1b2;
}
#formSearchDistrib fieldset select:focus option{
	background-color 			: #fff;
}
#formSearchDistrib fieldset input[type=submit]{
	background 					: none;
	line-height 				: 51px;
	height 						: 54px;
	max-width 					: 100%;
	padding 					: 0 10px;
	width 						: 100%;
}
#formSearchDistrib fieldset input[type=submit]:hover{
	background 					: #55acc6
}
#container-map{
	margin 	 					: 30px 0 30px 65px;
}
.template36 #container-map, .template55 #container-map{
	margin 	 					: 0 50px;
}
#container-map #map-canvas{
	height 						: 400px;
	width 						: 100%;
}
#container-map #map-iframe{
	height 						: 400px;
	width 						: 100%;
}

.region-point-vente{
	background 					: #fff;
	border 						: 1px solid #b2b1b2;
	cursor 						: pointer;
	margin 	 					: 30px 0 0;
	padding 					: 10px;
	width 						: 100%;
}
.region-point-vente:hover{
	background 					: #55acc6;
}
.region-point-vente .icone-point-vente{
	background 					: url(../images/icone-point-vente.png) no-repeat center center;
	display 					: block;
	height 						: 28px;
	margin 						: 30px auto;
	width 						: 28px;
}
.region-point-vente h3{
	color 						: #b3b3b3;
    font-family 				: 'Gill Sans MT', Arial;
	font-weight					: bold;
	font-size 					: 1.3em;
	line-height 				: 1.5em;
	margin-bottom 				: 30px;
	text-align 					: center;
	text-transform 				: uppercase;
	width 						: 100%;
}
.region-point-vente h3 a{
	color 						: #b3b3b3; 
	text-decoration 			: none;
}
.region-point-vente:hover h3 a{
	color 						: #fff; 
}
#result-search-distrib{
	background 					: #303641;
	margin-top 					: 60px;
	padding 					: 70px 0 30px;
}
#result-search-distrib h3{
	color 						: #55acc6;
    font-family 				: 'Gill Sans MT', Arial;
    font-size 					: 2.5em;
    margin-bottom 	 			: 40px;
}
#result-search-distrib h4{
	color 						: #55acc6;
    font-family 				: 'Gill Sans MT', Arial;
    font-size 					: 2em;
    margin-bottom 	 			: 40px;
}
#result-search-distrib h5{
	color 						: #55acc6;
    font-family 				: 'Gill Sans MT', Arial;
    font-size 					: 1.7em;
    margin-bottom 	 			: 40px;
}
#result-search-distrib .button{
	border 						: 3px solid #fff;
    color 						: #fff;
    display 					: block;
    font-family 				: "Gill Sans MT",Arial;
    font-size 					: 1.4em;
    height 						: 70px;
    line-height 				: 64px;
    width 						: 100%;
    padding 					: 0 2%;
    text-align 					: center;
    text-decoration 			: none;
    text-transform 				: uppercase;
	position 					: relative;
}

#result-search-distrib .button:hover{
	background 					: #55acc6;
	border 						: 3px solid #55acc6;
}
#result-search-distrib .lienDistrib {
    margin-bottom 				: 40px;
	position 					: relative;
}
#result-search-distrib .alentours .lienDistrib .search-distrib-map {
	background 					: #fff;
	width 						: 100%;
	padding 					: 15px;
	left 						: 0;
	top 						: 70px;
	position 					: absolute;
	display 					: none;
	color 						: #D4D4D4;
	z-index 					: 10;
}
#result-search-distrib .alentours .lienDistrib .search-distrib-map p {
	font-size 					: 1.2em;
	line-height					: 1.4em;
	font-family 				: 'Gill Sans MT', Arial;
	text-align					: left;
	color 						: #808080;
	text-transform 				: initial;
}
#result-search-distrib .alentours .lienDistrib:hover .search-distrib-map {
	display 					: block;
}
#result-search-distrib .lienDistrib .search-distrib-map {
	background 					: #fff;
	width 						: 100%;
	padding 					: 15px;
	position 					: relative;
	display 					: block;
	color 						: #D4D4D4;
	z-index 					: 10;
}
#result-search-distrib .lienDistrib .search-distrib-map p {
	font-size 					: 1.2em;
	line-height					: 1.4em;
	font-family 				: 'Gill Sans MT', Arial;
	text-align					: left;
	color 						: #808080;
	text-transform 				: initial;
}
#result-search-distrib .lienDistrib .search-distrib-map p strong {
    color:#000000;
}
/**** Realisations ****/
.realisations-piscine img{
	display 					: block;
	margin 						: 15px 0;
}
.realisations-piscine .content-img{
	position 					: relative;
}
.realisations-piscine .fond-opaque{
    /*background 					: rgba(0,0,0,0.2);*/
    display 					: block;
    height 						: 100%;
    left 						: 0;
    width 						: 100%;
    position 					: absolute;
    top 						: 0;
}
.realisations-piscine .region{
    right 						: 10px;
    position 					: absolute;
    bottom 						: 10px;
}
.realisations-piscine .region p{
	background 					: #fff;
    border-radius 				: 10px;
    color 						: #55acc6;
    margin 						: 0;
    padding 					: 3px 15px;
    text-transform 				: uppercase;
}
.realisations-piscine p.description{
	bottom 						: 30px;
    color 						: #55acc6;
    left 						: 30px;
    margin 						: 0;
    max-width 					: 60%;
    text-transform 				: uppercase;
    opacity 					:0;
    position 					: absolute;
    transition 					: visibility 0s linear 0.2s,opacity 0.2s linear;
    visibility 					: hidden;
}
.realisations-piscine .content-img a:hover{
	cursor 						: url(../images/icone-plus-rea.png), pointer;
}
.realisations-piscine .content-img:hover p.description{ 
  	opacity 					: 1;
 	transition-delay 			: 0s;
 	visibility 					: visible;
}
.realisations-piscine .content-img:hover .fond-opaque{
 	background 					: rgba(0,0,0,0.2) url('../images/fond-degrade-coin-bas-gauche.png') no-repeat bottom left;
}
.realisations-piscine .modal-content{
	background 					: none;
	border 						: none;
	border-radius 				: 0;
	box-shadow 					: none;
}
.realisations-piscine .modal-dialog {
	max-width 					: 1000px;
    width 						: 70%;
}
.realisations-piscine .modal-header {
    border-bottom 				: 0;
}
.realisations-piscine .modal-body{
	background-color 			: #fff;
}
.realisations-piscine .modal-body img{
	margin 						: 0;
}
.realisations-piscine button.close, .modal-video button.close{
	opacity 					: 1;
	position 					: absolute;
	right 						: -28px;
	top 						: 0; 
}
.realisations-piscine button.close span, .modal-video button.close span{
	background 					: url(../images/btn-close-popup.png) no-repeat center center;
	display 					: block;
	height 						: 25px;
	text-indent 				: -99999px;
	width 						: 25px;
}
/**** iMAGI ****/
span.blue, .magiline-invente-la-piscine-intelligente h3{
	color 						: #55acc6;
}
.magiline-invente-la-piscine-intelligente .illustration{
	margin-top 					: 40px;
} 
/**** Template36 : point de vente distributeur ****/
.template36 h2, .template55 h2{
	color 						: #000000;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
    font-size 					: 1.5em;
    margin-bottom 				: 20px;
}
.template36 h3, .template55 h3{
	color 						: #000000;
    font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
    font-size 					: 1.3em;
    margin-bottom 				: 20px;
}
.template36 .contenu ul{
	margin 		 	 			: 0 0 20px 20px;
}
.template36 .contenu li{
	color 						: #636363;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	line-height 				: 1.6em;
	margin 	 					: 0;
	list-style-type 			: disc;
	list-style-position 		: inside;
}
#container-map{
	border 						: 5px solid #fff;
}
.infosDistrib{
	padding 					: 60px 0;
	position 					: relative;
}
.infosDistrib h2{
	color 						: #787878;
	line-height 				: 1.5em;
	margin 						: 0;
}
.infosDistrib p{
	color 						: #acacac;
	font-family 				: 'Gill Sans MT';
	font-size 					: 1.3em;
	line-height 				: 1.5em;
	margin 						: 0;
}
.infosDistrib p strong{
	font-family 				: "Gill Sans MT", Arial;
	font-weight				: bold;
}
.infosDistrib .adresse{
	margin-bottom 				: 20px;
}
.infosDistrib a{
	color 						: #55acc6;
	text-decoration 			: none;
}
.infosDistrib a:hover{
	color 						: #000;
}
.infosDistrib .facebook {
    color:#507cbe;
    display:inline-block;
    margin: 20px 0 0 0;
    font-size:1.3em;
    line-height:30px;
}
.infosDistrib .facebook span {
    background : #507cbe url(../images/icone-facebook.png) no-repeat center center;
    height: 30px;
    width: 30px;
    background-size:10px;
    display: block;
    float:left;
    margin: 0 10px 0 0;
}
.infosDistrib .slider{
	margin 						: 30px 0;
}
.infosDistrib .fondBlue{
	background 					: #55acc7;
    height 						: 100%;
    position 					: absolute;
    right 						: 0;
    top 						: 0;
    width 						: 50%;
}
.infosDistrib .bx-wrapper .bx-controls-direction a {
    color 						: #a8a8a8;
    font-family 				: 'Gill Sans MT',Arial;
    font-size 					: 1.1em;
    font-style 					: italic;
    height 						: 50px;
    margin-top 					: -16px;
    outline 					: 0 none;
    padding-top 				: 19px;
    position 					: absolute;
    text-decoration 			: none;
    top 						: 25%;
    width 						: 70px;
}
.distrib-player-container {
    padding:60px 0;
    background-color:#324a5b;
}
.main-distrib-player {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.vjs-playlist img {
	min-height: 65px;
}
.main-distrib-player .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text, .main-distrib-player .vjs-playlist .vjs-up-next-text {
    font-size: 14px;
    padding-left: 30px;
    margin: 0.6rem;
    text-transform: initial;
}
.main-distrib-player .vjs-playlist .vjs-selected .vjs-playlist-now-playing-text{
    color: #f09200;
}
.main-distrib-player .vjs-playlist .vjs-selected {
    background-color: #1c2933;
}
.main-distrib-player .video-js,.main-distrib-player .playlist-container {
 position:relative;
 min-width:200px;
 min-height:150px;
 height:0
}
.main-distrib-player .vjs-playlist-vertical .vjs-playlist-thumbnail-placeholder {
    height:65px;
}
.main-distrib-player .vjs-playlist-vertical .vjs-playlist-item {
    margin-bottom:2px;
}
.main-distrib-player .fix-width {
 -webkit-box-flex:3;
 -ms-flex:3 1 70%;
 flex:3 1 70%;
}
.main-distrib-player .playlist-container {
 -webkit-box-flex:1;
 -ms-flex:1 1 30%;
 flex:1 1 30%;
 box-sizing: border-box;
}
.main-distrib-player .playlist-container .vjs-playlist {
 margin:0;
 position:absolute;
 top:0;
 bottom:0;
 left:0;
 right:0;
}
.home-reviews #slider-prev {
	width: 100%;
	height: 20px;
	margin:10px 0;
	display: block;
	background: url('../images/review-prev.png') no-repeat center;
	cursor: pointer;
}
.home-reviews #slider-next {
	width: 100%;
	height: 20px;
	margin-top:10px;
	display: block;
	background: url('../images/review-next.png') no-repeat center;
	cursor: pointer;
}
.infosDistrib .bx-wrapper .bx-controls-direction a span, .home-reviews .bx-wrapper .bx-controls-direction a span {
    text-indent 				: -99999px;
}
.infosDistrib .bx-wrapper .bx-next, .home-reviews .bx-wrapper .bx-next {
    padding-right 				: 30px;
}
.infosDistrib .bx-wrapper .bx-prev, .home-reviews .bx-wrapper .bx-prev {
    padding-left 				: 30px;
}
.infosDistrib .reviews {
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 15px;
}
.home-reviews {
	margin-bottom: 30px;
}
.home-reviews h3 {
	font-size:2.4em;
	text-align:center;
    font-family: 'Gill Sans MT';
}
.home-reviews .reviews {
	padding: 15px;
	position:initial;
}
.infosDistrib .reviews .media-body {
width:100%;
position:relative;
display: block;
}
.infosDistrib .reviews p.review, .home-reviews .reviews p.review {
	padding: 0 25px;
	background-image: url(../images/quotes-first.png), url(../images/quotes-last.png);
	background-position: top left, right bottom;
	background-size: 3%, 3%;
	background-repeat: no-repeat;
	text-align: justify;
	margin-bottom: 15px;
}
.home-reviews .reviews p.review {
	font-size:1.7em;
	line-height:initial;
	color:#7f7f7f;
    font-family: "Gill Sans MT", Arial;
}
.infosDistrib .reviews p.author, .home-reviews .reviews p.author {
	color:#636363;
	text-align: right;
}
.home-reviews .reviews p.author {
    font-family: "Gill Sans MT", Arial;
	font-weight				: bold;
	font-size:15px;
}
.infosDistrib .reviews .media, .home-reviews .reviews .media {
	margin-top:0;
	padding-top:15px;
	display:block;
}
.infosDistrib .reviews button, .home-reviews .reviews button {
    font-family: 'Gill Sans MT';
}
.modal-review p {
	text-align: justify;
	margin: 0 0 10px;
	color: #acacac;
}
.modal-review p.author {
	text-align: right;
	color: #636363;
}
.demande-catalogue-pv img{
	max-width 					: 100%;
}
.demande-catalogue-pv h2{
	color 						: #fff;
    font-family 				: 'Gill Sans MT';
    font-size 					: 2.4em;
    margin 						: 0 0 20px;
}
.demande-catalogue-pv a.button{
	border 						: 3px solid #fff;
	color 						: #fff;
	float 						: left;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
	display 					: block;
	line-height 				: 1.5em;
	margin-bottom 				: 40px;
	margin-right 				: 30px;
	padding 					: 15px 10px;
	text-align 					: center;
	text-decoration 			: none;
	text-transform 				: uppercase;
	min-width 					: 270px;
}
.demande-catalogue-pv a.button:hover{
	background 					: #fff;
	color 						: #55acc6;
}
@media (max-width: 992px) {
	.infosDistrib .fondBlue{
		display 				: none;
	}
	.demande-catalogue-pv{
		background 				: #55acc7;
	}
	.demande-catalogue-pv {
		margin-top 				: 30px;
		padding-top 			: 30px;
		margin-bottom 			: 30px;
	}
	.infosDistrib {
		padding-bottom 			: 0;
	}
}
/**** Abrisud ****/
.abrisud {
	margin : 0 auto;
	max-width : 820px;
}
.abrisud a {
   max-width : 100%;
}
.abrisud .abris a {
    display: block;
    float: left;
    height: 194px;
    width: 151px;
}
.abrisud .abris a:hover, .template67 .col-right a:hover {
    background-position: left bottom;
}
.abrisud .abris .abri {
    height: 160px;
    width: 142px;
}
.abrisud .abris .plat {
    background: url("../images/abris/abri_plat.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 4px;
}
.abrisud .abris .bas {
    background: url("../images/abris/abri_bas.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 4px;
}
.abrisud .abris .haut {
    background: url("../images/abris/abri_haut.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 4px;
}
.abrisud .abris .panoramique {
    background: url("../images/abris/abri_panoramique.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.abrisud a.catalogue_gratuit {
    background: url("../images/abris/catalogue.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 314px;
    width: 190px;
}
.abrisud a.demande_devis {
    background: url("../images/abris/devis.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 150px;
    margin-bottom: 20px;
    margin-top: 4px;
    width: 292px;
}
.abrisud a.prix_fabricant {
    background: url("../images/abris/prix_fabricant2.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 150px;
    margin-bottom: 20px;
    margin-top: 4px;
    width: 288px;
}
.abrisud .header {
    background: url("../images/abris/header.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 110px;
    margin-bottom: 20px;
    width: 820px;
}
.abrisud .footer {
    background: url("../images/abris/footer.gif") no-repeat center center;
    display: block;
    height: 100px;
    width: 820px;
}
.abrisud .col-left {
    margin-right: 10px;
}
.abrisud .col-left, .abrisud .col-right {
    float: left;
}
/**** Foire Questions ***/
.content.page-base .foire-questions h2{
	margin 						: 0;
}
.content.page-base .foire-questions h4{
	font-size 					: 1.4em;
}
/*** Plan du site ****/
.plansite a{
	font-size 					: 1.4em;
	text-transform 				: uppercase;
}
.content.page-base .plansite li{
	list-style-type 			: none;
	font-size 					: 1em;
}
.content.page-base .plansite li a{
	margin-bottom 				: 0;
    font-family 				: 'Gill Sans MT', Arial;
}
.plansite .level1 a{
	border-bottom 				: 1px solid #fff;
    display 					: block;
	font-family 				: "Gill Sans MT", Arial;
    padding 					: 5px 0;
    text-transform 				: uppercase;
    margin-bottom 				: 15px;
}
.plansite .level1 .level2 a{
	border-bottom 				: 0;
	color 						: #636363;
    display 					: block;
	font-size 					: 1.4em;
    font-family 				: 'Gill Sans MT', Arial;
    padding 					: 5px 0;
    text-transform 				: uppercase;
}/*
.content.page-base ul.sitemap > li > a{
    border-bottom 				: 1px solid #fff;
    display 					: block;
    padding-bottom 				: 5px;
}

.content.page-base ul.sitemap li{
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.4em;
}
.content.page-base ul.sitemap li ul li{
	font-size 					: 1em;
	clear 						: both;
}
.content.page-base ul.sitemap li a{
	text-transform 				: uppercase;
}
.content.page-base ul.sitemap > li > ul > li{
    width 						: 20%;
    float 						: left;
    margin 						: 0 5%;
}
.content.page-base ul.sitemap > li > ul > li > ul > li{
    font-family: 'Gill Sans MT';
}*/
/**** Google maps ****/
.gm-style-iw {
    overflow: visible !important;
    height: auto !important;
    width: auto !important;
}
.gm-style-iw div {
	overflow: visible !important;
}
/**** Recherche ****/
.page-recherche h2 {
    margin-top:30px;
}
.page-recherche .results-count {
    line-height:29px;
    margin:20px 0;
}

#search-result .sous-page h2 {
	color 						: #000;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.8em;
	text-transform 				: uppercase;
	padding-bottom 				: 20px;
	text-align 					: center;
}
#search-result .search-empty {
	margin-top:50px;
	margin-bottom:50px;
	text-align:center;
}
#search-result hr{
	background-color			: #000;
	height 						: 3px;
	margin 						: 0 auto 30px;
	width 						: 100px;
}
#search-result .result{
	margin-bottom:30px;
}
#search-result .result:nth-child(odd){
	clear:both;
}
#search-result .result img {
	display: block;
	margin:10px auto;
	max-width:100%;
	max-height: 150px;
}
#search-result .result p {
    font-size: 12px;
    text-align: justify;
}
#search-result .result h3 {
    font-size: 18px;
    margin: 10px 0;
}
#search-result nav {
	text-align				: center;
}
#search-result nav .pagination li a {
	color:#55acc6;
	font-family				: "Gill Sans MT", Arial!important;
}
#search-result nav .pagination li a.active {
	background 				: #55acc6;
	color 					: #fff;
}
/**** Tags ****/
._zbo_tag{
	position 				: absolute;
	bottom 					: 0;
	left 					: 0;
}
/**** Tradedoubler****/
img.tradedoubler{
	left 					: 0;
	position 				: absolute;
	top 					: 0;
}
/**** Footer ****/
.template1 footer{ 
	margin-top 					: 110px;
}
footer{
	background  				: #324a5b;
	padding-top 				: 110px;
	z-index: 11;
}
footer .bloc-footer span.f-title{
	margin-bottom 				: 40px;
	display:block;
}
footer .bloc-footer span.f-title a{
	color 						: #55acc6;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1.6em;
	text-transform 				: uppercase;
	text-decoration 			: none;
}
footer .bloc-footer span.f-title a.orange{
	color 						: #f09100;
}
footer .bloc-footer span.f-title a.orange:hover{
	color 						: #55acc6;
}
footer .bloc-footer span.f-title a:hover{
	color 						: #f09100;
}
footer .bloc-footer ul{
	margin-bottom 				: 110px;
}
footer .bloc-footer ul li {
	margin-bottom 				: 30px;
}
footer .bloc-footer ul li a{
	color 						: #fff;
	font-family 				: 'Gill Sans MT', Arial; 
	font-size 					: 1.6em;
	text-decoration 			: none;
}
footer .bloc-footer ul li a:hover{
	color 						: #f09100;
}
footer .bloc-footer:nth-child(5) {
	clear:both;
}
.copyright{
	color 						: #55acc6;
	font-family 				: 'Gill Sans MT', Arial;
	font-weight: bold;
	font-size 					: 1.1em;
	text-align 					: center;
	text-transform 				: uppercase;
}
.copyright a{
	color 						: #f09100;
	font-family 				: "Gill Sans MT", Arial;
	font-size 					: 1em;
	text-transform 				: uppercase;
	text-decoration 			: none;
}
.copyright a:hover{
	color 						: #55acc6;
}
.extra-links-parent {
	text-align:center;
	margin: 30px 0;
	max-width: 100%;
}
.extra-links-child {
	display: inline-block;
	max-width: 100%;
}
a.sitemap{
	background-color 			: #3a5568;
	color 						: #fff;
	display 					: block;
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	height 						: 76px;
	margin 						: 20px 0;
	padding 					: 15px 20px;
	text-transform 				: uppercase;
	width 						: 330px;
	text-align					: center;
	float: left;
	max-width: 100%;
}
a.sitemap span{
	display 					: block;
	line-height 				: 48px;
}
a.sitemap:hover{
	background-color 			: #283a47;
}
a.sitemap span.icone-map{
	background 					: url(../images/icone-plan-site.png) no-repeat center center;	
	height 						: 48px;
	margin-right 				: 30px;
	width 						: 48px;
	float						: left;
}
a.dev-dr{
	background-color 			: #3a5568;
	color 						: #f09100;
	display 					: block;
	font-family 				: 'Gill Sans MT', Arial;
	font-size 					: 1.2em;
	height 						: 76px;
	margin 						: 20px 0;
	padding 					: 15px 20px;
	text-transform 				: uppercase;
	width 						: 330px;
	text-align					: center;
	float: left;
	max-width: 100%;
}
a.dev-dr span{
	display 					: block;
	line-height 				: 48px;
}
a.dev-dr:hover{
	background-color 			: #283a47;	
}
a.dev-dr span.icone-dr{
	background 					: url(../images/icone-devenez-dr.png) no-repeat center center;	
	height 						: 40px;
	margin-right 				: 10px;
	width 						: 40px;
	background-size: 83%;
	float						: left;
}
@media (min-width: 768px) {
	a.sitemap{
		margin: 20px;
		font-size: 1.6em;
	}
	a.dev-dr{
		margin: 20px;
		font-size: 1.6em;
	}
	a.dev-dr span.icone-dr{
		background 					: url(../images/icone-devenez-dr.png) no-repeat center center;	
		height 						: 48px;
		margin-right 				: 30px;
		width 						: 48px;
		background-size: 100%;
		float						: left;
	}
}
/**** Page 404 ****/
#page404 {
	padding-top:75px;
	padding-bottom:50px;
}
#page404 h1 {
  color: #000;
  font-family: "Gill Sans MT", Arial;
  font-size: 10em;
  line-height: 1.6em;
  text-align: center;
  text-transform: uppercase;
}
#page404 h2 {
  color: #000;
  font-family: "Gill Sans MT", Arial;
  font-size: 2.5em;
  line-height: 1.6em;
  text-align: center;
  text-transform: uppercase;
}
#page404 .sep-title {
  background: #000;
  height: 3px;
  margin: 30px auto 40px;
  width: 170px;
  }

/**** event-page ****/
.event-title {
	color: #fff;
	background: #f7901e;
    font-family: "Gill Sans MT", Arial;
    font-size: 2.5em;
	text-align: center;
    text-transform: uppercase;
    width: 100%;
	padding: 30px;
	margin: 120px 0;
}

.event-subtitle {
	display: block;
	color: #fff;
	border: 2px solid #b3b3b3;
	background: transparent;
	text-align: center;
    text-transform: uppercase;
	padding: 20px;
    color: #575757;
    font-family: "Gill Sans MT", Arial;
    font-size: 2.8em;
    margin: 20px 0 20px 0;
}

.event-subtitle h2 {
}

.sous-page p.event-strong {
	font-size: 2.6em;
	color: #324a5b;
	margin-top:20px;
}

#event-page .decal-image {
	margin-bottom: 20px;
}

@media screen and (max-width: 992px) {
  .affix3{
	  position:initial !important;
  }
  .affix3spe{
	  position:initial !important;
  }
  .affix4{
	  position:initial !important;
  }
  .affix5{
	  position:initial !important;
  }
  .affix6{
	  position:initial !important;
  }
  .affix7{
	  position:initial !important;
  }
  .sticky-placeholder {
  	display: none;
  }
  #affix2 {
  	top: 79px !important;
  }
}

/***** retargeting *****/
.retargeting {
position:absolute;
bottom:-13px;
}

#placedesleads_form_js {
	width: 100% !important;
	font-size : 1.4em;
	
	margin-bottom: 80px;
}

#placedesleads_form_js form {
	background-color: transparent !important;
}

#placedesleads_form_js .placedesleads_bloc {
    border-width: 0  !important;
    border-radius: 0 !important;
    border-color: #000000 !important;
    background-color: transparent !important;
    border-style: none !important;
}

#placedesleads_form_js textarea, #placedesleads_form_js input, #placedesleads_form_js select {
	border: 3px solid #55acc6 !important;
    font-family: 'Gill Sans MT', Arial !important;
    font-size: 1.4em !important;
    height: 54px !important;
    padding: 0 15px !important;
    width: 100% !important;
	border-radius: 0 !important;
}

#placedesleads_form_js td:nth-child(1) {
    width: 30% !important;
}

#placedesleads_form_js td:nth-child(2) {
    width: 70% !important;
	padding: 5px !important;
}

#placedesleads_form_js label {
    color: #636363 !important;
    display: inline !important;
    display: inline-block !important;
    font-family: 'Gill Sans MT', Arial !important;
    font-size: 1.4em !important;
    margin: 0 20px 0 30px !important;
	font-weight: normal !important;
}

#placedesleads_form_js .placedesleads_buttons table td.placedesleads_right input[type=submit] {
	background: transparent !important;
	color: #000000 !important;
	margin-top:20px;
}

#placedesleads_form_js .placedesleads_buttons table td.placedesleads_right input[type=submit]:hover {
    background: #55acc6 !important;
}

#placedesleads_form_js .placedesleads_page {
	width : 80% !important;
	max-width: 100%;
	margin: 0 auto !important;
}

#placedesleads_group_form_loading_div {
	margin-bottom: 100px !important;
}

@media (max-width: 768px) {
	#placedesleads_form_js td {
		display: block;
	}
	#placedesleads_form_js td:nth-child(1) {
		width: 100% !important;
	}

	#placedesleads_form_js td:nth-child(2) {
		width: 100% !important;
		padding: 5px !important;
	}
	#placedesleads_form_js label {
		margin: 10px 0 0 !important;
	}
}

.template61  .title-dr,.template62  .title-dr {
	margin: 20px auto 40px;
	border: 3px solid #636363;
	display: block;
	padding: 25px 100px;
    font-family: "Gill Sans MT";
	max-width:650px;
	text-align:center;
}

.template61  .title-dr h1,.template62  .title-dr h1, .template61  .title-dr h2,.template62  .title-dr h2 {
	font-size: 23px;
	line-height: 28px;
	padding: 0;
	color: #6a6969;
    display: block;
    font-family: "Gill Sans MT", Arial;
	font-weight				: bold;
    min-height: 25px;
    text-transform: uppercase;
}

.template61 .fondGris,.template62 .fondGris {
	padding-bottom: 40px;
}

.step-row {
	padding: 40px 0;
}

.dev-dist-color {
	margin-top: 15px;
	margin-bottom: 15px;
}

.dev-dist-color  .caption {
	background: #3C82B1;
	padding: 20px 30px;
	width: 100%;
}

.dev-dist-color  .caption p{
	color: #ffffff;
	margin: 0;
}

.dev-dist-color  .caption h3{
	color: #ffffff;
	background: url('../images/title-bg-dist.gif') repeat-x center;
	display: block;
}

.dev-dist-color  .caption h3 span {
	display: inline-block;
	padding: 0 20px;
	margin: 0 auto;
}

.dev-dist-color:nth-child(1)  .caption{
	background: #4bc1e1;
}

.dev-dist-color:nth-child(2)  .caption{
	background: #98a4af;
}

.dev-dist-color:nth-child(3)  .caption{
	background: #00add8;
}

.dev-dist-color:nth-child(4)  .caption{
	background: #818da5;
}

.dev-dist-color:nth-child(5)  .caption{
	background: #4d86a0;
}

.dev-dist-color:nth-child(6)  .caption{
	background: #535b6e;
}

.dev-dist-color:nth-child(7)  .caption{
	background: #33647f;
}

.dev-dist-color:nth-child(8)  .caption{
	background: #253746;
}

.dev-dist-color:nth-child(1)  .caption h3 span{
	background: #4bc1e1;
}

.dev-dist-color:nth-child(2)  .caption h3 span{
	background: #98a4af;
}

.dev-dist-color:nth-child(3)  .caption h3 span{
	background: #00add8;
}

.dev-dist-color:nth-child(4)  .caption h3 span{
	background: #818da5;
}

.dev-dist-color:nth-child(5)  .caption h3 span{
	background: #4d86a0;
}

.dev-dist-color:nth-child(6)  .caption h3 span{
	background: #535b6e;
}

.dev-dist-color:nth-child(7)  .caption h3 span{
	background: #33647f;
}

.dev-dist-color:nth-child(8)  .caption h3 span{
	background: #253746;
}

.temoignages {
	padding: 20px 0;
}

.temoignages .tem {
	padding-bottom: 25px;
}

.temoignages .tem .caption {
	
}

.temoignages .tem-img {
	padding-bottom: 25px;
}

.temoignages .tem .caption {
	position: relative;
	background: #ffffff;
	height: 100%;
	padding: 10px 40px;
}

.temoignages .tem .caption p {
	font-family: 'Gill Sans MT', Arial;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 10px 0;
}

.temoignages .tem .caption .buble {
	position: absolute;
	right: -15px;
	top:-15px;
	background:url('../images/tem-buble.png');
	width: 41px;
	height: 39px;
	z-index: 10;
}

.form-dev-dist form .input-group {
	width: 100%;
	margin-bottom: 15px;
	font-size: 1.4em;
	font-family: Gill Sans MT, Arial;
	line-height: 54px;
}

.form-dev-dist form .input-group textarea {
	border: 3px solid #55acc6;
	min-height: 200px;
}

.form-dev-dist form .input-group textarea:required {
    background: #fff url(../images/asterisk.png) no-repeat right 20px center;
    padding-right: 30px;
}

.form-dev-dist form .input-group input[type=text]{
	border: 3px solid #55acc6;
	height: 54px;
}

.form-dev-dist form .input-group input[type=radio]{
	margin: 20px 0 20px -20px;
}

.form-dev-dist form .input-group input:after{
	content: "";
}

.form-dev-dist form .input-group input:required {
    background: #fff url(../images/asterisk.png) no-repeat right 20px center;
    padding-right: 30px;
}

.form-dev-dist form .input-group.required {
    background: url(../images/asterisk.png) no-repeat right 20px center;
    padding-right: 30px;
}

.form-dev-dist form  input[type=submit]{
	border: 3px solid #55acc6;color: #000;
    font-family: "Gill Sans MT", Arial;
    font-size: 1.4em;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-right: 0;
    min-width: 0;
    width: 100%;
    max-width: 270px;
    background: none;
    display: initial;
    float: none;
    height: 70px;
    line-height: 64px;
	border-radius: 0;
	margin: 40px auto 0;
	display: block;
}

.form-dev-dist form  input[type=submit]:hover{
    background: #55acc6;
    color: #fff;
}

.form-dev-dist .alert p {
	font-size: 1.2em;
	line-height: normal;
	margin: 5px;
	text-align: center;
}

@media (min-width: 768px) {
	.temoignages .tem {
		height: 100%;
	}
}

@media (min-width: 992px) {
}

@media (min-width: 1200px) {

	.temoignages .tem .caption p {
		font-family: 'Gill Sans MT', Arial;
		font-size: 1.3em;
		line-height: 1.4em;
		margin: 0 0 10px 0;
	}
	
}

/*** ESPACE PRESSE ***/

#frame-wrap {
    max-width: 1390px;
	width: 100%;
    max-height: 870px;
	height: 100%;
    padding: 0;
    overflow: hidden;
	margin: 0 auto;
}
.frame {
    -ms-zoom: 0.5;
    -ms-transform-origin: 0 0;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0px 50px;
    -o-transform: scale(0.5);
    -o-transform-origin: 0px 50px;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}
.frame {
	width: 1390px;
	height: 870px;
    overflow: hidden;
}
.communiques .communique {
	background: #ffffff;
	padding: 20px;
	margin-bottom: 30px;
}
.communiques .communique h3 {
	font-size: 16px;
	line-height: 22px;
	color: #7f7f7f;
	font-weight: bold;
    font-family: "Gill Sans MT", Arial;
	margin: 10px 0;
}
.communiques .communique h3 a {
	color: #7f7f7f;
}
.communiques .communique img {
	margin: 10px auto 0;
}
.communiques .communique .date {
	font-size: 14px;
	color: #7f7f7f;
	font-weight: bold;
    font-family: "Gill Sans MT", Arial;
}
.rp-link {
	display: block;
	padding: 30px;
	background-color: #324a5b;
	text-align: center;
	font-size: 2em;
	color: #ffffff;
    font-family: "Gill Sans MT", Arial;
	margin-top: 40px;
}
.rp-link:hover {
	background-color: #446379;
	text-decoration: none;
	color: #ffffff;
}

.cookie-use {
	font-size: 13px;
	font-family: 'Gill Sans MT', arial;
	padding: 15px 0;
}
.cookie-use .container-fluid {
	padding: 0;
}

/*** PAGE EVENT 2018 ***/
.event-title-2018{
    font-weight: bold;
	text-transform: uppercase;
    text-align:center;
    font-size: 2.6em;
    color: #324a5b;
    margin-top: 20px;
    margin-bottom:40px;
}
.sous-page p.event-block-2018, .sous-page a.event-block-2018 {
    width:100%;
    display:block;
    background-color: #f28d00;
    padding:10px;
    text-align:center;
    font-size: 1.8em;
    color:#ffffff;
	text-transform: uppercase;
    margin-bottom:40px;
    line-height: 1.5em;
}
.sous-page p.event-block-2018 strong, .sous-page a.event-block-2018 strong {
    font-weight:bold;
    color: #ffffff;
}
.sous-page .event-block-content-2018 {
    padding:40px;
    text-align: justify;
    font-size:1.1em;
}
.sous-page .event-block-content-2018 h2 {
    color: #003154;
	text-transform: uppercase;
    font-size: 2em;
    margin:0 0 20px 0;
    text-align: center;
}
.sous-page .event-ban-2018 {
    margin:0 0 40px;
}
@media (min-width: 992px) {
    .sous-page .event-ban-2018 {
        margin:40px 0;
    }
}

/* rs affix bar */
.rs-affix-bar {
    width:45px;
    left: 0;
    position:absolute;
    z-index:200;
    padding-top:30px;
}
.rs-affix-bar.affix {
    position: fixed;
    top:0;
    padding-top:30px;
}
.rs-affix-bar.affix-bottom {
    padding-top:30px;
}
.rs-affix-bar a {
    width: 45px;
    height: 45px;
    margin-bottom:2px;
    display:block;
    font-size: 25px;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
}
.rs-affix-bar a:hover {
    line-height: 43px;
    border: 1px solid;
}
.rs-affix-bar a.facebook {
    background-color:#3b5998;
    border-color:#3b5998;
}
.rs-affix-bar a.facebook:hover {
    background-color:#ffffff;
    color:#3b5998;
    border-color:#3b5998;
}

.rs-affix-bar a.twitter {
    background-color:#00aced;
    border-color:#00aced;
}
.rs-affix-bar a.twitter:hover {
    background-color:#ffffff;
    color:#00aced;
    border-color:#00aced;
}

.rs-affix-bar a.linkedin {
    background-color:#0077b5;
    border-color:#0077b5;
}
.rs-affix-bar a.linkedin:hover {
    background-color:#ffffff;
    color:#0077b5;
    border-color:#0077b5;
}

.rs-affix-bar a.youtube {
    background-color:#ff0000;
    border-color:#ff0000;
}
.rs-affix-bar a.youtube:hover {
    background-color:#ffffff;
    color:#ff0000;
    border-color:#ff0000;
}

.rs-affix-bar a.instagram {
    background-color:#d83477;
    border-color:#d83477;
}
.rs-affix-bar a.instagram:hover {
    background-color:#ffffff;
    color:#d83477;
    border-color:#d83477;
}
#modalDevis .modal-content{
  border-radius: 0;
}
#modalDevis .modal-content p{
    font-family: "Gill Sans MT", Arial;
    font-size: 1.6em;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 10px;
    color: #222;
}
#modalDevis .modal-header{
  border: 0;
}
#modalDevis .modal-footer{
  border: 0;
  text-align: center;
    margin-bottom: 20px;
}
#modalDevis .modal-footer .btn{
      text-transform: uppercase;
    border-radius: 0;
    width: 30%;
    margin: 0 5%;
    text-align: center;
    border: 2px solid #55acc6;
    height: 50px;
    background: #fff;
    color: #000;
    font-size: 1.6em;
}
#modalDevis .modal-footer .btn:hover, #modalDevis .modal-footer .btn:focus{
    background: #55acc6;
    color: #fff;
}