@import url(https://fonts.googleapis.com/css?family=Jura:600,400|Roboto+Condensed:400,700|Open+Sans:400,600);


/* Fonts uses
	font-family: 'Jura', sans-serif;
	font-family: 'Roboto Condensed', sans-serif;
	font-family: 'Open Sans', sans-serif;
*/

* {
	margin:0;
	padding:0;
}
body {
	background-color:#005b9d;
	min-width:990px;
}

#global {
	
}

a {
	color:inherit;
}

ul, li {
	list-style:none;
}

h1,
.h1_like {
	font-family: 'Roboto Condensed', sans-serif;
	text-transform:uppercase;
	font-weight:700;
	color:#005b9d;
	font-size:35px;
}
h1 span,
.h1_like span { color:#5bc7d8 }

h2,
.h2_like {
	font-family: 'Roboto Condensed', sans-serif;
	/*text-transform:uppercase;*/
	font-weight:700;
	color:#5bc7d8;
	font-size:20px;
}
h2 span,
.h2_like span { color:#005b9d; font-weight:300; }

h2 a{
	text-decoration: none;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
h2 a:hover{color:#f96514};



h3 span,
.h3_like span { 
	color:#5bc7d8; 
	font-weight:700; 
}
/* bizarre si on remonte ca casse les h3 du footer */
h3,
.h3_like {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	color:#005b9d;
	font-size:16px;
}

p {
	font-family: 'Open Sans', sans-serif;
	color:#005b9d;
	font-size:13px;
}

figure {
	overflow:hidden;
}

/* CLASS - BLOCKS
----------------------------------------------------- */
/* > Flux ---------------------------- */
.left { float:left; }
.right { float:right !important; }
.clearleft { clear:left; }
.clearight { clear:right; }
.clear { display:block; clear: both; height: 0; }
.clearfix { display:block; }
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* > Séparateurs ----------------------------- */
.shadow_divide {
	clear:both;
	min-height:60px;
	background-image:url(../images/common/sep_shadow_990_horiz.png);
	background-position:center 30px;
	background-repeat:no-repeat;
}
.border_divide {
	clear:both;
	margin-bottom:10px;
	border-bottom:#e3e0de 1px solid;
}

/* > Block (base 990px) ---------------------- */
.content_990 { /*position:relative;*/ width:990px; margin:0 auto; }
.content_990_20 { position:relative; width:950px; margin:0 auto; padding:20px; }
.content_990_30 { position:relative; width:930px; margin:0 auto; padding:30px; }

.content_750 { position:relative; width:750px; margin:0; }
.content_750_20 { position:relative; width:710px; margin:0; padding:20px; }
.content_750_30 { /*position:relative;*/ width:690px; margin:0; padding:30px; }

.content_990.shadow_divide { padding-top:50px; }
.content_990_20.shadow_divide { padding-top:60px; }
.content_990_30.shadow_divide { padding-top:80px; <}

.w200 { width:200px; }
.w230_15 { width:200px; padding:15px; } /* > 1/4 marge 15   */
.w280 { width:280px; }

.w300 { width:300px; } /* > 1/3 marge 30   */
.w310 { width:310px; } /* > 1/3 marge 20   */
.w330 { width:330px; } /* > 1/3 sans marge */
.w350 { width:350px; }

.w420 { width:420px; }
.w430 { width:430px; }
.w440 { width:440px; }
.w450 { width:450px; } /* > 1/2 marge 30   */
.w465 { width:465px; } /* > 1/2 marge 20   */
.w495 { width:495px; } /* > 1/2 sans marge */

.w520 { width:520px; }

.w600 { width:600px; } /* > 2/3 marge 30   */
.w620 { width:620px; } /* > 2/3 marge 20   */
.w660 { width:660px; } /* > 2/3 sans marge */

.w700 { width:700px; }

.w300_20 { width:260px; padding:20px; } /* > 1/3 padding 20   */

/* > Break hauteur -------------------------- */
.hspace_5 { clear:both; height:5px; }
.hspace_10 { clear:both; height:10px; }
.hspace_20 { clear:both; height:20px; }
.hspace_30 { clear:both; height:30px; }
.hspace_50 { clear:both; height:50px; }

.clear_h8{height: 8px; clear: both;}
.clear_h10{height: 10px; clear: both;}
.clear_h15{height: 15px; clear: both;}
.clear_h20{height: 20px; clear: both;}
.clear_h25{height: 25px; clear: both;}
.clear_h30{height: 30px; clear: both;}

.valig_mid,
.valign_mid,
.valign_middle,
.valign_milieu
{
	vertical-align: middle;
}


/* > Position */
.pos_bottom0{position: absolute;bottom:0;}
.pos_bottom25{position: absolute;bottom:25px;}

/* > Margin (base 990px) ---------------------- */
.margt0 { margin-top:0; }
.margt3 { margin-top:3px; }
.margt5 { margin-top:5px; }
.margt6 { margin-top:6px; }
.margt10 { margin-top:10px; }
.margt15 { margin-top:15px; }
.margt20 { margin-top:20px; }
.margt30 { margin-top:30px; }
.margt40 { margin-top:40px; }
.margt50 { margin-top:50px; }
.margt60 { margin-top:60px; }
.margt70 { margin-top:70px; }
.margt72 { margin-top:72px; }
.margt95 { margin-top:95px; }
.margt150 { margin-top:150px; }
.margl10 { margin-left:10px; }
.margl20 { margin-left:20px; }
.margl30 { margin-left:30px; }
.margl40 { margin-left:40px; }
.margl50 { margin-left:50px; }
.margl280 { margin-left:280px; }
.margr5 { margin-right:5px; }
.margr10 { margin-right:10px; }
.margr20 { margin-right:20px; }
.margr30 { margin-right:30px; }
.margr40 { margin-right:40px; }
.margr50 { margin-right:50px; }
.margb0 { margin-bottom:0; }
.margb10 { margin-bottom:10px; }
.margb15 { margin-bottom:15px; }
.margb20 { margin-bottom:20px; }
.margb30 { margin-bottom:30px; }
.margb40 { margin-bottom:40px; }
.margb50 { margin-bottom:50px; }
.margauto { margin:0 auto }
.pad0{padding:0px!important;}
.padt10{padding-top:10px;}
.padt10I{padding-top:10px!important;}
.padt20{padding-top:20px;}
.padt30{padding-top:30px;}
.padt40{padding-top:40px;}
.padt50{padding-top:50px;}
.padb10{padding-bottom:10px;}
.padb10I{padding-bottom:10px!important;}
.padb20{padding-bottom:20px;}
.padb30{padding-bottom:30px;}
.padb40{padding-bottom:40px;}
.padb50{padding-bottom:50px;}
.padl10{padding-left:10px;}
.padl20{padding-left:20px;}
.padl30{padding-left:30px;}
.padl40{padding-left:40px;}
.padl50{padding-left:50px;}
.padl80{padding-left:80px;}
.padr5{padding-right:5px;}
.padr10{padding-right:10px;}
.padr20{padding-right:20px;}
.padr30{padding-right:30px;}
.padr40{padding-right:40px;}
.padr50{padding-right:50px;}

.text_center{ text-align: center;}
.text_left{ text-align: left;}
.text_right{ text-align: right;}



/* > border ------------------------------------- */
.border { border:1px solid #ededed; padding:20px; }
.border_bottom { border-bottom:#e9e6e5 1px solid; padding-bottom:20px; }
.border_top { border-top:#e9e6e5 1px solid; padding-top:20px; }
.noborder { border:none; }


/* > CLASS LIENS
-------------------------------------------------------------------------------------------------------------------------------- */
.btn_t1 {
	height:40px;
	line-height:40px;
	padding:0 20px;
	border-radius:10px;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/common/bg_link_1.gif) 0 0 repeat-x;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#fff;
}
a:hover > .btn_t1,
.btn_t1:hover { background:url(../images/common/bg_link_1.gif) 0 -40px repeat-x; }
.btn_t2 {
	height:40px;
	line-height:40px;
	padding:0 20px;
	border-radius:10px;
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	background:url(../images/common/bg_link_2.gif) 0 0 repeat-x;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	font-size:16px;
	color:#fff;
	cursor: pointer;
}
a:hover > .btn_t2,
.btn_t2:hover { background:url(../images/common/bg_link_2.gif) 0 -40px repeat-x; }
.btn_t1.btn_mini, .btn_t2.btn_mini {
	height:30px;
	line-height:30px;
	font-size:14px;
	padding:0 10px;
}
.anchor_arrow {
	display:inline-block;
	width:30px;
	height:25px;
	overflow:hidden;
}
.anchor_arrow img { margin:0; }
.anchor_arrow:hover img { margin-top:-25px; }
.link_thumb {
	background:#005B9D;
	display:inline-block;
}
.link_thumb img,
.content_thumb img {
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
	vertical-align:middle;
	max-width:100%;
	max-height:140px;
}
.link_thumb:hover img,
a:hover .link_thumb img { opacity:.3; }

.content_thumb { display:table-cell; vertical-align:middle; text-align:center; }
.content_thumb:hover img,
a:hover .content_thumb img { opacity:.5; }

._page{ 
	background:#fff url(../images/header_3.gif) 0px 175px repeat-x;
}

.page_01 {
	clear:both;
	width:950px;
	/*width:990px;*/
	margin:0 auto;
	padding:0 20px;
}
.page_02 {
	clear:both;
	width:950px;
	margin:0 auto;
	padding:20px;
	background:#fff;
}
.caroussel{
	clear:both;
	width:950px;
	margin:0 auto;
	padding:20px;
	background:#fff;	
}

.block_550 { width:550px; }
.block_430 { width:430px; }
.block_490 { width:490px; }
.block_370 { width:370px; }
.block_364 { width:364px; }
.block_270 { width:270px; }
.block_320 { width:320px; }
.block_420 { width:420px; }
.block_527 { width:527px; }
.block_380 { width:380px; }

.block_h_50, 
.block_h_50.clear { height:50px; }

.col_left {	float:left;}
.col_right { float:right;}

.add_sep {
	background-image:url(../images/index/index_2.png);
	background-position:center top ;
	background-repeat:no-repeat;
}

/* CLASS - lien
----------------------------------------------------- */
.lien_t_1 {
	display:inline-block;
	text-decoration:none;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color:#5bc7d8;
	background:url(../images/index/index_4.png) right center no-repeat;
	padding:2px 22px 4px 0;
	transition:all .2s linear;
	-webkit-transition:all .2s linear;
	-moz-transition:all .2s linear;
	-o-transition:all .2s linear;
	
}
.lien_t_1:hover {
	color:#005b9d;
	padding:2px 25px 4px 0;
}

/* HEADER
----------------------------------------------------- */
.bache #header {
	background:url(../images/header_1.gif) #fff bottom left repeat-x;
	background-size: contain;
	z-index: 3;
	
	/* -- Annulation des styles -- */
	height:auto;
}

.bache #header #slogan{
	color: #005b9d;
}
.bache #header #slogan span{
    color: #5bc7d8;
}
.bache #header #slogan,
.bache #header h1 {
	font-family: 'Jura', sans-serif;
	display:inline-block;
	padding:12px 0;
	font-size:42px;
	line-height:35px;
	width:435px;
	float:left;
	font-weight:400;
	text-transform:none;
}
.bache #header #slogan span,
.bache #header h1 span {
	display:inline-block;
	font-size:25px;
}
.bache #header #slogan img,
.bache #header h1 img {
	float:left;
	margin-right:20px;
	vertical-align:text-top;
}

.bache #header #header_droite {
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-block;
	line-height:40px;
	height:40px;
	float:right;
	color:#fff;
	font-weight:200;
	/*width:515px;*/
}

.bache #header .page_01 > div {
	font-family: 'Roboto Condensed', sans-serif;
	display:inline-block;
	/*
	background:#fe7200;
	border-radius:20px;
	*/
	line-height:40px;
	/*padding:0 15px;*/
	/*margin:40px 0;*/
	height:40px;
	float:right;
	color:#fff;
	font-weight:200;
}
/*
.bache #header .page_01 > div img {
	vertical-align:middle;
	margin-right:5px;
}
*/
.bache #header .page_01 > div strong { font-weight:700; }

/*header 01*/
.bache #header_1 		 { height:140px; }
.bache #header_1.page_01 { width:990px; padding:0; }
.bache #header_1 #rassurance{
	/*width:322px; */
	height:30px; 
	/*
	height:20px; 
	*/

}
.bache #header_1 #rassurance a{
	display:inline-block;
	/*width:65px;*/
	width:32px;
	height:30px;
	overflow:hidden;
}
.bache #header_1 #rassurance a:hover img { margin-top:-30px; }

.bache #header_1 .right .right {
	
	/* -- Annulation des styles -- */
	width:auto;
}

/*
.bache #header_1 .right .right a {
	display:inline-block;
	width:32px;
	height:30px;
	overflow:hidden;
}
*/
/* .bache #header_1 .right .right a:hover img { margin-top:-30px; }*/
.bache #header_1 #block_panier{
	position:relative;
	margin-top:10px;
	height:100px;
	/*width:165px;*/
	width:170px;
	/*margin-right: -15px;*/
	/*float: right;*/
}
.bache #header_1 .right > .left {
	position:relative;
	margin-top:10px;
	height:100px;
	/*width:165px;*/
	width:170px;
}

.bache #header_1 .ombrage{
	padding:20px 9px 10px 9px;
	margin:0;
	height:35px;
	line-height:35px;
	background:url(../images/header/header_3.png) center bottom no-repeat;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
	font-size:14px;
	color:#005b9d;
}
.bache .sous_ombrage{
	/*padding:5px 10px 10px 36px;*/
	padding:8px 10px 10px 36px;
	margin:0;
	height:25px;
	line-height:25px;
}
.bache .soustotal{
	padding:3px 10px 10px 36px;
	margin:0;
	height:25px;
	line-height:25px;	
}
.bache #header_1 .telephone{
	display:inline-block;
	margin:3px 0 0 -8px;
	padding:0 8px;
	color:#fff;
	height:20px;
	line-height:20px;
	border-radius:15px;
	background-color:#f96514;
}

.bache #header_1 .right > .left p.sous_ombrage,
.bache #header_1 .right > .left p.soustotal {
	
	/* -- Annulation des styles -- */
	padding:8px 10px 10px 36px;
	margin:0;
	height:25px;
	background:none;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	line-height:14px;
}

.bache #header_1 .right > .left p strong {
	display:inline-block;
	margin:3px 0 0 -8px;
	padding:0 8px;
	color:#fff;
	height:20px;
	line-height:20px;
	border-radius:15px;
	background-color:#f96514;
}
.bache #header_1 .right > .left p a { 
	display:block; 
	text-decoration:none;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.bache #header_1 .right > .left p a:hover { color:#f96514; }
.bache #header_1 .right > .left p span,
.bache #header_1 .right > .left li span {
	display:inline-block;
	float:right;
	color:#f96514;
}
.bache #header_1 .right > .left p img { margin:0 8px 0 0; vertical-align:middle; }
/*
#header_1 .right > .left .font_roboto_12_bleu {
	font-family: 'Roboto', sans-serif; font-size:12px;
	padding:8px 0;
	font-weight:300;
	height:15px;
	line-height:normal;
	background:none;
}
*/
.bache #header_1 .right #block_sav p { line-height:14px; }
.bache #header_1 .right #block_sav p.font_roboto_12_bleu { padding-left:40px; }
.bache #header_1 .right #block_panier p strong {
	margin:-5px 5px 0 -20px;
	text-align:center;
	width:35px;
	padding:0;
	float:left; 
}
.bache #header_1 .right #block_panier > p a { background:url(../images/common/arrow_mini_down.png) 135px 15px no-repeat }
.bache #header_1 .right #block_panier:hover > p a { background-image:url(../images/common/arrow_mini_up.png) }
.bache #header_1 .right #block_panier:hover > p { background:none; }

/* > ouverture panier ----------------------------------------------------------------- */
.bache #block_panier { z-index:2; margin-left:0px; margin-right:0px; }
.bache #block_panier:hover { background:url(../images/header/panier_open_1.png) right 0 no-repeat; }
.bache #block_panier:hover #block_panier_open { display:block; }
.bache #block_panier_open {
	display:none;
	position:absolute;
	right:0;
	top:54px;
	width:495px;
	padding:20px 0 0 0;
	background:url(../images/header/panier_open_2.png) 0 0 no-repeat;
}
.bache #block_panier_open ul { 
	background:url(../images/header/panier_open_3.png) 0 0 repeat-y;
	padding:0 20px;
}
.bache #block_panier_open ul li {
	border-bottom:#f0f0f0 1px solid;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#005b9d;
}
.bache #block_panier_open ul li a { 
	display:block; 
	padding:10px 0; 
	text-decoration:none;
	-webkit-transition:color .2s linear;
	-moz-transition:color .2s linear;
	-o-transition:color .2s linear;
	transition:color .2s linear;
}
.bache #block_panier_open ul li a:hover { color:#f96514; }
.bache #block_panier_open ul li strong { display:inline-block; width:310px; }
.bache #block_panier_open ul li span { width:125px; text-align:right; }
.bache #header_1 .right #block_panier #block_panier_open p {
	background:url(../images/header/panier_open_4.png) 0 bottom no-repeat;
	font-weight:300;
	line-height:25px;
	padding:0 20px;
	height:35px;
}


/* HEADER - menu
----------------------------------------------------- */
.bache #menu {
	clear:both;
	background:#005b9d;
	
	/* -- Annulation des styles -- */
	height:47px;
}
.bache #menu > ul {
	font-family: 'Roboto Condensed', sans-serif;
	text-align:center;
}
.bache #menu > ul > li {
	display:inline-block;
	background-image:url(../images/header_2.gif);
	background-position:left center;
	background-repeat:no-repeat;
	/*margin-left: 6px; */
	/* Ajuster si nouveau menu */
}
.bache #menu > ul > li:first-child{
	background-image:none;
}

.bache #menu > ul > li a {
	display:block;
	/*text-transform:uppercase;*/
	text-decoration:none;
	font-size:14px;
	color:#fff;	
	padding:15px 20px;
	/*padding:15px 23px;*/
	transition:background-color .3s linear;
	-webkit-transition:background-color .3s linear;
	-moz-transition:background-color .3s linear;
	-o-transition:background-color .3s linear;
	
	/* -- Annulation des styles -- */
	line-height:inherit;
	background:none;
}
.bache #menu > ul > li a:hover{
	background-color:#2f8acd;
}
.bache #menu > ul > li a.active {
	background-image:url(../images/header_4.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}

/* CONTENT
----------------------------------------------------- */
.content {
	clear:both;
	background:#fff url(../images/header_3.gif) left top repeat-x;
}

.page_02 h1 { margin:30px 0; }
.page_02 h2 { margin:20px 0; }
.page_02 h3 { margin:20px 0; }
.page_02 p { margin:20px 0; }

.page_02 header h1 { margin:30px 0 10px 0; }
.page_02 header h2 { margin:10px 0 20px 0; }
.page_02 .fade_delay { margin:30px 0 0 0; }

#demande_devis { padding:20px; }
#form_devis_page fieldset.wp50,
#form_devis_page fieldset.wp50 {
	width:45%;
/*	display:block;
	width:240px; float:left */
}
#form_devis_page fieldset.wp100 {
	display:block; width:auto;
}
#form_devis_page fieldset.wp50 input,
#form_devis_page fieldset.wp50 select {
	width:65%; float:right;
}
#form_devis_page #message { 
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

/* CONTENT - Images, figure, et class photos...
-------------------------------------------------------- */
figure.fade_delay { min-height:580px; }
figure.fade_delay img { display:none; }
figure.fade_delay img.col_left,
figure.fade_delay img.col_right { width:205px; margin-top:20px; }



/* */

.nav_intern li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:18px;
	border-top:#ddd 1px solid;
}
.nav_intern li a {
	display:block;
	text-decoration:none;
	color:#005b9d;
	padding:10px;
	transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
}
.nav_intern li a:hover {
	color:#5bc7d8;
	background:#f4f4f4;
}

/* CONTENT - listes
----------------------------------------------------- */
ul.list_type_1 {
	font-family: 'Open Sans', sans-serif;
	font-size:13px;
	color:#005b9d;
}
ul.list_type_1 li {
	list-style:disc;
	padding-left:10px;
	margin:5px 0 0 20px;
}


/* ACCUEIL
----------------------------------------------------- */
#page_accueil h2 { font-size:30px; }

#home_1 {
	background:#fff;
	padding:20px;
	position:relative;
	height:330px;
	width:950px;
}
/* SLIDER */
.bulle_slider{
	position:absolute;
	width:350px;
	height:350px;
	top:-40px;
	right:100px;
	padding-left: 130px;
	text-align:left;
	/*z-index:1;*/
	/*margin:0 400px;*/
	background:url(../images/index/bulle.png) center no-repeat;
	font-family: 'Roboto Condensed', sans-serif;

}

.loading {
    background: #fff url('../images/slider/preloader.gif') center no-repeat;
    width: 100%;
    height: 100%;
}

#slider_fiche.loading {
	background: #fff url('../images/slider/preloader.gif') center no-repeat;
	height: 400px;
}
/*
#slider_fiche.loading .slides {
	display: none;
}
*/

.flex-direction-nav .flex-prev {
	top:50%;
	left:30px;
	z-index: 3;
}
.flex-direction-nav .flex-next{
	top:50%;
	right:30px;
	z-index: 3;
}


.flex-direction-nav .flex-prev img,
.flex-direction-nav .flex-next img{
	position: relative!important;
}

.bulle_slider h1{
	color: #fff;
	font-size: 55px;
	padding-top: 90px;
	font-weight: bold;
}
.slider_a_partir{
	color: #fff;
	font-size: 18px;
	padding-top: 10px;
}
.slider_prix{
	color: #eb5c0e;
	font-size: 45px;
}

#home_1 .h_group {
	position:absolute;
	text-align:center;
	z-index:1;
	width:470px;
	height:330px;
	margin:0 240px;
	background:url(../images/index/index_1.png) center no-repeat;
}
#home_1 .h_group h1 { font-size:30px; margin:110px 0 0; }
#home_1 .h_group h1 span { color:#fff; font-size:55px; }
#home_1 .h_group p { font-size:24px; }
#home_1 img { position:absolute; z-index:0; }

#index_cirle_list { }

#index_cirle_list li { 
	display:inline-block;
	vertical-align:middle;
}
#index_cirle_list li > img {
	margin:0 5px;
}
#index_cirle_list li.circle {
	background:url(../images/index/index_3.png) center no-repeat;
	width:160px;
	height:160px;
	text-transform:uppercase;
	text-align:center;
}
#index_cirle_list li.circle span {
	display:block;
	padding:40px 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	color:#5bc7d8;
}
#index_cirle_list li.circle span strong{
	font-weight:700;
	font-size:20px;
	color:#005b9d;
}

/* INDEX CARROUSEL*/
.content_990_20 {
    position: relative;
    width: 950px;
    margin: 0 auto;
    padding: 20px;
}
.content_thumb{
	vertical-align: middle;
    text-align: center;
}
.prix {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    color: #f96514;
}
.prixbarre {
    text-decoration: line-through;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    color: #7f7f7f;
}

.btn_t1.btn_mini, .btn_t2.btn_mini {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
}
.btn_t2 {
    height: 40px;
    line-height: 40px;
    padding: 0 20px;
    border-radius: 10px;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    background: url(../images/common/bg_link_2.gif) 0 0 repeat-x;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
}

/**** LISTE TYPE 1 (ACCUEIL > carrousel) ****/
.list_produit_1{
	width: 970px;
    margin: 20px -9px 0 -9px;
}
.list_produit_1 .promo_content{
	position: absolute;
    display: block;
    width: 190px;
    z-index: 2;
    top: 110px;
}
.list_produit_1 li{
	position: relative;
    width: 230px;
    float: left;
    /*margin: 4px 10px;*/
    
    
    /*
    margin-left:5px;
    margin-right:5px;
    */
    
}
.list_produit_1 li a { 
	/*display:inline-block; */
	display:block; 
	text-decoration:none; 
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 4px;
	border: #e9e9e9 1px solid;
}
.list_produit_1 .list_produit_1 { width:970px; margin:20px -9px 0 -9px; }
.list_produit_1 hr { display:block; background:#e5e5e5; border:none; height:1px; margin:20px 0; }
.list_produit_1 span.vente_flash { margin:15px -15px; }
.list_produit_1 span.vente_flash img { left:-15px; }
.list_produit_1 li > a { display:block;  padding:20px 15px; }
.list_produit_1 li a span.text_center { 
	display:block;
	height:65px;
	overflow:hidden;
	margin-bottom:5px;
}
.list_produit_1 li a span.text_center strong { display:block; }
.list_produit_1 li a span.content_thumb { width:190px; height:140px; line-height:140px; display:block; }
.list_produit_1 li .btn_t2 { display:inline-block; padding:0 10px; height:30px; line-height:30px; }
.list_produit_1 li a:hover { 
	border-width:5px; 
	margin-top: 0px;
    margin-left:1px;
    margin-right:1px;
}
.list_produit_1 li:hover .font_roboto_16_cyan,
.list_produit_1 li:hover .font_roboto_12_bleu,
.list_produit_1 li:hover .font_roboto_14_bleu { 
	color:#f96514; 
}
.list_produit_1 .prixbarre, 
.list_produit_1 .prix { 
	display:block;
	width:155px;
	height:auto;
	clear:left;
	float:left;
	text-align:left;
}
.sep{
	background-color: #e9e9e9;
	height: 1px;
	/*width:95%;*/
	width:189px;
	margin: 10px auto;
}


.vente_flash{
	display: block;
    position: relative;
    background: #f96514;
    line-height: 30px;
    height: 30px;
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 600;
    font-size: 14px;
    padding: 0 0 0 30px;
    text-align: center;
    margin: 30px 0 20px 0;
}
/* article slider */
/*flex-viewport*/
#article-slider { 
	height:350px; 
	padding-left: 0px;
}
#article-slider.loading {
    background: #fff url('../images/slider/preloader.gif') center no-repeat;
    width: 100%;
    height: 100%;
}

.article_list_carousel { 
	margin:0 auto;
	/*width:900px;*/
	width:950px;
	height:350px;
	position:relative;
}
.article_list_carousel .flex-viewport {
	width:900px; 
	height:350px; 
	margin-top:0px;
	margin-right:0px;
	margin-bottom:10px;
	margin-left:10px;
	padding-top: 20px;
	padding-right:10px;
	padding-left:10px;
}

.article_list_carousel .flex-direction-nav .flex-prev {
	top:50%;
	left:-10px;
	z-index: 3;
}
.article_list_carousel .flex-direction-nav .flex-next{
	top:50%;
	right:-10px;
	z-index: 3;
}

.flexslider .slides img{
	display: initial;
}


.loading .flex-viewport{
	/*max-height:350px;*/
}


.sep_blanc_20{
	background-color: #fff;
	height: 20px;
}

/* ASIDES
-------------------------------------------- */
#block_aside_2 figure{
	background-color: #fff;
}
#block_aside_1 {
	margin:30px 0;
	border:#e3f3f5 1px solid;
	border-radius:20px 20px 20px 0;
	height:365px;
}
#block_aside_1 h2,
#block_aside_1 .nav_intern {
	clear:right;
	width:240px;
	margin:20px 20px 0 0;
	float:right;
}
#block_aside_1 h2 { font-size:25px; }
#block_aside_1 .col_left {
	width:260px;
	border-radius:20px 0 20px 0;
}

#block_aside_2 {
	margin:30px 0;
	background:#5bc7d8;
	border-radius:0 20px 0 20px;
	height:365px;
}
#block_aside_2 h2 { margin:20px; color:#fff; }
#block_aside_2 h2 span { color:#005b9d;  }
#block_aside_2 p { 
	margin:0 20px; 
	color:#fff; 
	line-height: 16px;
}

#block_aside_2 .lien_t_1 {
	color:#fff;
	float:right;
	margin:10px 20px;
}
#block_aside_2 .lien_t_1:hover{
	color:#005b9d;
	margin-right:15px;
}
#block_aside_2 figure{
	border-radius:0 20px 0 0;
}

/* ARIANNE 
-------------------------------------------- */
#breadcrumb {
	margin:10px;
	height:40px;
	width:950px;
}
.page_02 #breadcrumb { margin:0 }
#breadcrumb ul {
	/*background:url(../images/breadcrumb_1.gif) top left repeat-x;*/
	/*border:#dedede 1px solid;*/
	/*border-radius:20px;*/
	overflow:hidden;
	transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
}
#breadcrumb ul:hover{
	/*border-color:#005b9d;*/
	/*box-shadow:#c3c3c3 0 0 5px;*/
}
#breadcrumb li { 
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
	line-height:40px;
	color:#005b9d;
}
#breadcrumb li > span {
	position:relative;
	padding:0 10px 0 10px;
}
#breadcrumb li a {
	position:relative;
	z-index:0;
	display:block;
	padding:0 25px 0 15px;
	background:url(../images/breadcrumb_2.gif) right center no-repeat;
}
#breadcrumb li:after {
	display:block;
	width:22px;
	height:40px;
	margin-left:
}
#breadcrumb li a img { vertical-align:middle; margin-top:-5px; }
/*
#breadcrumb li a:hover {
	background:url(../images/breadcrumb_4.gif) right center no-repeat;
}
*/

nav#breadcrumb {
    margin: 0 auto;
    width: 990px;
    /*width: 950px;*/
    height: 40px;
    background: url(../images/header/breadcrumb_1.gif) repeat-x;
}
#breadcrumb li {
    position: relative;
    z-index: 0;
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    color: #005B9D;
    line-height: 40px;
}

#breadcrumb li:before {
    position: relative;
    z-index: 1;
    content: "";
    display: inline-block;
    float: left;
    width: 20px;
    height: 40px;
    margin-left: -20px;
    background-image: url(../images/header/breadcrumb_2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}

#breadcrumb li span { display:inline-block; margin-left:10px; }

#breadcrumb li a {
    position: relative;
    z-index: 1;
    display: inline-block;
    padding: 0 25px 0 10px;
    text-decoration: none;
    color: #fff;
    height: 40px;
    line-height: 40px;
    background-image: url(../images/header/breadcrumb_1.gif);
    background-position: 0 -40px;
    background-repeat: repeat-x;
}
#breadcrumb li a:before {
	content:"";
	display:inline-block;
	float:left;
	width:20px;
	height:40px;
	margin-left:-30px;
	background-image:url(../images/header/breadcrumb_2.png);
	/*background-position: 0 -40px;*/
	background-position: 0 -120px;
	background-repeat:no-repeat;
}
#breadcrumb li:first-child:before, #breadcrumb li:first-child a:before { display:none; }

#page_categorie #breadcrumb ul li:first-child a,
#page_produit_liste #breadcrumb ul li:first-child a,
#page_produit_fiche #breadcrumb ul li:first-child a {
	background-position: 0 -40px;
}

#page_categorie #breadcrumb ul li a,
#page_produit_liste #breadcrumb ul li a,
#page_produit_fiche #breadcrumb ul li a{
    background-position: 0 -120px;
}

#page_categorie #breadcrumb ul li a:hover, 
#page_produit_liste #breadcrumb ul li a:hover, 
#page_produit_fiche #breadcrumb ul li a:hover, 
#breadcrumb li a:hover:before{ 
	background-position:0 -80px; 
}



/* // ARIANE */


#zone_contact  { position:relative; }

.overlay {
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	background:rgba(255,255,255,0.7);
}
.block_erreur,
.block_validation {
	margin:50px auto;
	width:410px;
	padding:20px;
	text-align:center;
	background:#5BC7D8;
	border-radius:20px;
}
.block_validation {
	background:#005B9D;
}
.block_erreur p {
	color:#005B9D;
	font-size:14px;
	margin-bottom:20px;
	font-weight:bold;
}
.block_validation p {
	color:#fff;
	font-size:16px;
	margin-bottom:20px;
	font-weight:bold;
}
.block_erreur p em {
	display:none;
}
.block_erreur a.valid,
.block_validation a.valid {
	display:inline-block;
	height:35px;
	line-height:35px;
	border:#fff 1px solid;
	color:#fff;
	padding:0 20px;
	border-radius:10px;
	font-family: 'Open Sans', sans-serif;
	text-decoration:none;
	font-weight:700;
	font-size:18px;
	transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
}
.block_validation a.valid {
	background:#5BC7D8;
}
.block_erreur a.valid:hover,
.block_validation a.valid:hover {
	color:#005B9D;
	background:#fff;
}

/* FORMULAIRE
----------------------------------------------------- */
form {}
#page_contact fieldset {
	width:440px;
}
#zone_contact{padding-left: 10px; padding-right: 10px;}
label {
	clear:both;
	display:block;
	/*width:100%;*/
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	color:#464546;
	padding:20px 0 0 0;
}
label.inline_label { margin-right:5px; vertical-align:middle }
label.inline_label input { margin-right:5px; vertical-align:middle }
label span { color:#5bc7d8; }
fieldset label {
	/*height:30px;
	line-height:30px;
	/*font-size:14px;*/
	display:block;
	padding:0;
}
label.block_label {
	height:30px;
	line-height:30px;
	margin-bottom:10px;
}
fieldset input[type=text],
fieldset input[type=tel],
fieldset textarea {
	font-family: 'Open Sans', sans-serif;
	border:#ddd 1px solid;
	margin:0 0 10px 0;
	padding:0 10px;
	font-size:12px;
	width:325px;
	height:28px;
	float:right;
	color:#999;
	transition:all .3s linear;
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
}
fieldset input:hover,
fieldset textarea:hover,
fieldset input:focus,
fieldset textarea:focus {
	border-color:#5bc7d8;
	color:#666;
}
fieldset input.error_field,
fieldset textarea.error_field {
	border-color:#9d0029;
	color:#9d0029;
}
fieldset textarea { 
	padding:5px 10px;
	height:108px;
}
#fillme { display:none; }
input.submit{
	background-image:url(../images/bg_submit.gif);
	background-position: -10px 0;
	background-repeat: no-repeat;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	color:#fff;
	/*width:150px;*/
	padding-right:10px;
	width:150px;
	height:40px;
	border:none;
	border-radius:20px;
	float:right
}
input.submit:hover {
	background-position: -10px -40px;
}
/* FOOTER
----------------------------------------------------- */
.bache #footer {
	background:#005b9d url(../images/footer_1.gif) top left repeat-x;
	
	/* -- Annulation des styles -- */
	padding-top:0;
}

.bache #prefooter {
	width:990px;
	margin:0 auto;
	/*margin-left:20px;*/
	padding:25px 0;
	text-align:center;
	
	/* -- Annulation des styles -- */
	background:none;
	min-width:auto;
}
.bache #prefooter li {
	display:inline-block;
	/*margin-left:60px;*/
	margin-left:35px;
}
.bache #prefooter li:first-child {	margin-left:0; }
.bache #prefooter li > img {
	display:inline-block;
	vertical-align:middle;
}
.bache #prefooter li > p {
	text-align:left;
	display:inline-block;
	vertical-align:middle;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	color:#5bc7d8;
}
.bache #prefooter li > p strong {
	font-weight:700;
	font-size:16px;
	color:#005b9d;
}

.bache #nav_footer {
	padding:30px 0;
	width:990px;
}

.bache #nav_footer > ul { }
.bache #nav_footer > ul > li {
	/*width:190px;*/
	/*width:230px;*/
	width:180px;
	float:left;
	/*margin-left:20px;*/
	margin-left:12px;
}
.bache #nav_footer > ul > li:first-child {
	margin:0;
	/*width:110px;*/
	width:180px;
}
.bache #nav_footer > ul > li h3 {
	color:#fff;
	text-transform:uppercase;
}
.bache #nav_footer > ul > li ul,
.bache #nav_footer > ul > li p {
	font-family: 'Open Sans', sans-serif;
	line-height:14px;
	margin:10px 0;
	font-size:12px;
	color:#fff;
}
.bache #nav_footer > ul > li ul li {
	margin:0 0 2px 0;
}
.bache #nav_footer .reseaux li {
	margin:0 5px 2px 0;
}
.bache #nav_footer > ul > li ul li a {
	text-decoration:none;
}
.bache #nav_footer > ul > li ul li a:hover {
	color:#92eaf8;
}

/* > FONTS / TEXTS
-------------------------------------------------------------------------------------------------------------------------------- */
/* > background ------------------------------------------------- */
.bg_blanc { background-color:#fff; }
.bg_gris { background-color:#f0f0f0; }

/* > couleurs --------------------------------------------------- */
.fc_blanc { color:#fff; }
.fc_gris { color:#868686; }
.fc_noir { color:#393939; }
.fc_bleu { color:#005b9d; }
.fc_cyan { color:#56c9db; }
.fc_vert { color:#64b942; }
.fc_rouge { color:#e40707; }
.fc_orange { color:#f96514; }


/* > font-weight ------------------------------------------------ */
.fw300 { font-weight:300; }
.fw400 { font-weight:400; }
.fw500 { font-weight:500; }
.fw700 { font-weight:700; }
.fw900 { font-weight:900; }
.fwnorm{ font-weight:normal; }
.fwbold{ font-weight:bold; }

/* > block  ------------------------------------------------------------ */
.wp10{width:10%;}
.wp15{width:15%;}
.wp20{width:20%;}
.wp20I{width:20%!important;}
.wp25{width:25%!important;}
.wp30{width:30%;}
.wp35{width:35%;}
.wp40{width:40%;}
.wp50{width:50%;}
.wp60{width:60%;}
.wp70{width:70%;}
.wp80{width:80%;}
.wp90{width:90%;}
.wp100{width:100%;}

/* > textes ------------------------------------------------------ */
.undernone { text-decoration:none; }
.underline { text-decoration:underline; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:none; }
.italic { font-style:italic; }
.text_justify { text-align:justify; }
.text_center { text-align:center; }
.text_right { text-align:right; }
.text_left { text-align:left; }
.lineh_norm { line-height:normal; }
.vcenter { vertical-align:middle; }
.acenter { margin-left:auto; margin-right:auto; }

/* > font-family -------------------------------------------------- */
.font_roboto {font-family: 'Roboto', sans-serif;}
.f8{font-size:8px;}
.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f30{font-size:30px;}
.f40{font-size:40px;}
.font_roboto_12_bleu { font-family: 'Roboto', sans-serif; font-size:12px; color:#005b9d; }
.font_roboto_14_bleu { font-family: 'Roboto', sans-serif; font-size:14px; color:#005b9d; }
.font_roboto_16_bleu { font-family: 'Roboto', sans-serif; font-size:16px; color:#005b9d; }
.font_roboto_20_bleu { font-family: 'Roboto', sans-serif; font-size:20px; color:#005b9d; }

.font_roboto_16_blanc { font-family: 'Roboto', sans-serif; font-size:16px; color:#fff; }

.font_roboto_10_gris { font-family: 'Roboto', sans-serif; font-size:10px; color:#6f6f6f; }
.font_roboto_12_gris { font-family: 'Roboto', sans-serif; font-size:12px; color:#6f6f6f; }
.font_roboto_14_gris { font-family: 'Roboto', sans-serif; font-size:14px; color:#6f6f6f; }
.font_roboto_16_gris { font-family: 'Roboto', sans-serif; font-size:16px; color:#6f6f6f; }

.font_roboto_12_violet { font-family: 'Roboto', sans-serif; font-size:12px; color:#625eb2; }

.font_roboto_12_orange { font-family: 'Roboto', sans-serif; font-size:12px; color:#f96514; }
.font_roboto_14_orange { font-family: 'Roboto', sans-serif; font-size:14px; color:#f96514; }

.font_roboto_12_turquoise { font-family: 'Roboto', sans-serif; font-size:12px; color:#78cea6; }

.font_roboto_12_bleuclair { font-family: 'Roboto', sans-serif; font-size:12px; color:#009ad9 }

.font_roboto_12_cyan { font-family: 'Roboto', sans-serif; font-size:12px; color:#33b4c8; }
.font_roboto_14_cyan { font-family: 'Roboto', sans-serif; font-size:14px; color:#33b4c8; }
.font_roboto_16_cyan { font-family: 'Roboto', sans-serif; font-size:16px; color:#5bc7d8; }
.font_roboto_20_cyan { font-family: 'Roboto', sans-serif; font-size:20px; color:#5bc7d8; }

.font_roboto_12_noir { font-family: 'Roboto', sans-serif; font-size:12px; color:#393939; }
.font_roboto_14_noir { font-family: 'Roboto', sans-serif; font-size:14px; color:#464546; }
.font_roboto_16_noir { font-family: 'Roboto', sans-serif; font-size:16px; color:#393939; }

.font_robcond_16_blanc { font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#fff }
.font_robcond_24_blanc { font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#fff }
.font_robcond_40_blanc { font-family: 'Roboto Condensed', sans-serif; font-size:40px; color:#fff }

.font_robcond_18_cyan { font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#5bc7d8; }
.font_robcond_20_cyan { font-family: 'Roboto Condensed', sans-serif; font-size:20px; color:#5bc7d8; }
.font_robcond_24_cyan { font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#5bc7d8; }

.font_robcond_14_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:14px; color:#005b9d; }
.font_robcond_16_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#005b9d; }
.font_robcond_18_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:18px; color:#005b9d; }
.font_robcond_20_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:20px; color:#005b9d; }
.font_robcond_24_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#005b9d; }
.font_robcond_30_bleu { font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:#005b9d; }

.font_robcond_30_violet { font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:#625eb2 }

.font_robcond_30_orange { font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:#f96514 }
.font_robcond_36_orange { font-family: 'Roboto Condensed', sans-serif; font-size:36px; color:#f96514 }

.font_robcond_24_turquoise { font-family: 'Roboto Condensed', sans-serif; font-size:24px; color:#78cea6 }
.font_robcond_30_turquoise { font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:#78cea6 }

.font_robcond_30_bleuclair { font-family: 'Roboto Condensed', sans-serif; font-size:30px; color:#009ad9 }

.font_open_sans{ font-family: 'Open Sans', sans-serif;}

/* > links ---------------------------------------------------------- */
.link_gris_bleu { color:#6f6f6f; }
.link_noir_bleu { color:#464546; }
.link_violet_bleu { color:#625eb2 }
.link_orange_bleu { color:#f96514 }
.link_turquoise_bleu { color:#78cea6 }
.link_bleuclair_bleu { color:#009ad9 }
.link_bleu_orange { color:#005b9d }
.link_cyan_bleu { color:#33b4c8;}

.link_noir_bleu:hover,
.link_gris_bleu:hover,
.link_violet_bleu:hover,
.link_orange_bleu:hover,
.link_turquoise_bleu:hover,
.link_bleuclair_bleu:hover,
.link_cyan_bleu:hover { color:#005b9d }

.link_bleu_orange:hover { color:#f96514 }


/* > ERROR
-------------------------------------------------------------------------------------------------------------------------------- */
.error {
	background:#DB4604;
	padding:10px 20px;
}
.error p {
	margin:0;
	color:#fff;
	font-size:16px;
	line-height:16px;
	text-align:center;
	font-weight:bold;
}
.error p em { display:none; }


/* / VOLET ROULANT
--------- */
.titre_orange{
	color:#f96514;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
	margin-top:5px!important;
	margin-bottom:5px!important;
}
h3.titre_bleu{
	margin-top:0px;
	margin-bottom:10px;
}
.bg_form{
	/*background: url('../images/piscine_volet_roulant/bg_form.png') no-repeat;*/
	background:#fff url('../images/piscine_volet_roulant/bg_form.gif') 0 bottom repeat-x;
	border:#dedede 1px solid;
	padding-left:15px;
	padding-top:10px;
	padding-bottom: 10px;
	margin-top:27px;
}
.input_150 input {width:150px; margin-right: 10px; box-sizing:border-box;}

.textarea_440 textarea{
	width: 448px;
	height:90px;
	float:left;
}
input.submit_volet{
	cursor: pointer;
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	transition: color .3s ease-in;
}
.obligatoire{
	padding-top: 15px!important;
}

.errorfield{
	background:#f96514;
}
.bt_lien{
	color:#005b9d; 
	text-decoration: none; 
	font-family: 'Roboto Condensed', sans-serif;
	-webkit-transition: color .3s ease-in;
	-moz-transition: color .3s ease-in;
	-o-transition: color .3s ease-in;
	transition: color .3s ease-in;
}
.bt_lien:hover{color:#f96514;}
.error{ color:#FFF; font-family: 'Roboto Condensed', sans-serif;}
.cacher{visiblity:hidden; display:none;}
.afficher{visiblity:visible; display:block;}

.result{width:100%;height:150px;}


/* --> FICHE ARTICLE */

.page_categorie {
    clear: both;
    width: 950px;
    margin: 0 auto;
    padding: 20px;
    background: #fff;
}

.page_categorie h1 { 
	/*margin:20px 0; */
	margin: 10px 0;
}

.categorie_texte{
	margin: 0px 0 40px 20px;
}

.page_categorie header h2 {
    margin-bottom: 20px;
}

.page_categorie h3 {
    margin: 20px 0;
}

#filter_form_top {
    margin: 10px 0 20px 0;
}
.filter_zone {
    display: block;
    background: #efefef;
    border-radius: 10px;
    padding: 10px;
    height: 25px;
}
.filter_zone fieldset > a.set_block {
    margin-left: 20px;
}
.filter_zone fieldset > a {
    display: inline-block;
    width: 40px;
    height: 30px;
    overflow: hidden;
    margin-top: -2px;
}
.filter_zone fieldset > a.active img, .filter_zone fieldset > a:hover img {
    margin-top: -30px;
}
.filter_zone fieldset > a.set_line img {
    margin-left: -40px;
}
.filter_zone ul {
    float: right;
    margin: 2px 0;
}
.filter_zone li {
    display: inline;
}
.filter_zone li a {
    display: inline-block;
    text-decoration: none;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 11px;
    color: #393939;
}

.filter_zone li a:hover { color:#5bc7d8; background-color:#fff }
.filter_zone li a.active { color: #fff; background-color: #5bc7d8;}
.filter_zone li a.prev { background-image: url(../images/categorie/sprite_filterzone.png); background-position: -80px top; }
.filter_zone li a.next { background-image: url(../images/categorie/sprite_filterzone.png); background-position: -100px top; }
.filter_zone li a.prev:hover { background-position:-80px bottom; background-color:transparent; }
.filter_zone li a.next:hover { background-position:-100px bottom; background-color:transparent; }
.filter_zone li a.prev.disabled { background-position:-80px center; }
.filter_zone li a.next.disabled { background-position:-100px center; }
.filter_zone li a.prev.disabled:hover,
.filter_zone li a.next.disabled:hover{ background-color:transparent; }

.bt_calculer{
	-webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
.bt_calculer:hover{
	opacity: 0.8;
}
.bg_prix{
	background: url('../images/categorie/bg_prix.png') no-repeat;
	width:234px;
	height: 115px;
	color: #005b9d;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 25px;
	/*padding-left:40px;*/
	padding-left:20px;
	box-sizing:border-box;
}
.bg_prix_cat{
	width:234px;
	height: 115px;
	color: #005b9d;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	margin-bottom: 20px;
	padding-top: 25px;
	padding-left:90px;
	box-sizing:border-box;
}
.bg_prix span,
.bg_prix_cat span{
	color:#fe7200; 
	font-weight: bold;
	font-size: 35px;
	margin-top: 3px;
	display: block;
}
.bg_prix_cat sup,
.bg_prix sup {
	vertical-align: super;
	font-size: 20px;
}

#page_categorie .btn_t2 {
	width:56px; 
	height: 46px;
	padding-top: 8px;
	padding-left: 25px;
	border-radius: 25px;
	box-sizing:border-box;
	background: orange; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fd7200, #bd5500); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fd7200, #bd5500); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fd7200, #bd5500); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fd7200, #bd5500); /* Standard syntax */
    -webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
#page_produit_fiche .btn_t2 a,
#page_produit_liste .btn_t2 a,
#page_categorie .btn_t2 a{
	text-decoration: none;
	font-size: 18px;
}
#page_produit_fiche .btn_t2 a:hover,
#page_produit_liste .btn_t2 a:hover,
#page_categorie .btn_t2 a:hover{
	/*color:#005b9d;*/
}
#page_produit_fiche .btn_t2:hover,
#page_produit_liste .btn_t2:hover,
#page_categorie .btn_t2:hover{
	opacity: 0.8;
	background: blue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#5bc7d8, #005b9d); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#5bc7d8, #005b9d); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#5bc7d8, #005b9d); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#5bc7d8, #005b9d); /* Standard syntax */
}

#page_produit_fiche .btn_t2,
#page_produit_liste .btn_t2 {
	width:233px; 
	height: 46px;
	font-size: 18px;
	text-align: center;
	padding-top: 8px;
	padding-left: 25px;
	border-radius: 14px;
	box-sizing:border-box;
	background: orange; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fd7200, #bd5500); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fd7200, #bd5500); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fd7200, #bd5500); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fd7200, #bd5500); /* Standard syntax */
    -webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}

#page_produit_fiche #produit_formes_hors_standard .btn_t2{
	width: 144px;
}


/* Animation zoom avec opacité et effet */
.fig_scale > a img{
	overflow: hidden;
	background-color: #005b9d;
}
.fig_scale > a img{
	display: block;
	width: 100%;
	 -webkit-transition:all .3s linear;
	-moz-transition:all .3s linear;
	-o-transition:all .3s linear;
	transition:all .3s linear;
}
.fig_scale a:hover img{
	transform:scale(1.1);
	opacity: 0.4;
}

.img_mini{
	float:left;
	padding-right: 6px;

}

.produit_texte{
	font-family: 'Open Sans', sans-serif;
	color:#005b9d;
}
.produit_texte h3 {font-size: 14px; font-weight: bold; margin-bottom: 5px!important; }
.produit_texte p {font-size: 12px; line-height: 15px;}

.produit_decoupe{
	float: left;
	padding-right: 10px;
	font-family: 'Open Sans', sans-serif;
	color:#005b9d;
	width:23%;
	text-align: center;
	vertical-align: bottom;
}
.produit_decoupe h3{
	text-transform: uppercase;
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
}
.produit_decoupe span{
	font-size: 12px;
}
.produit_decoupe .prix{
	font-family: 'Roboto Condensed', sans-serif;	
	font-size: 25px;
	color: #fe7200;
	margin-top: 10px;
}
.produit_decoupe img {
	max-width:200px;
	max-height:140px;
}
#produit_formes{
	height:340px;
}
#produit_decoupe {
	height:165px;
}

#produit_enrouleur{
	height:180px;	
}
#produit_coloris{
	height:180px;	
}
#produit_coloris div{
	font-family: 'Open Sans', sans-serif;
	color:#005b9d;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 37px;
	font-weight: bolder;
}
#produit_coloris img{
	float:left;
	max-width:200px;
	margin-bottom:20px;
}

/* > FORMES */
#produit_formes label,
#produit_formes_standard label,
#produit_formes_hors_standard label{
	width:20%!important;
	float: left;
	text-align: center;
	clear: none;
}	

#produit_formes h2,
#produit_formes_standard h2,
#produit_formes_hors_standard h2{
	color: #005b9d;
}
#produit_formes_standard{
	height:180px;
}
#produit_formes_hors_standard{
	height: 300px;
}
#produit_formes_standard label input,
#produit_formes_hors_standard label input{
	margin-top: 15px;
}
#page_produit_fiche #produit_formes_hors_standard .btn_t2{
	margin-top: 100px;
	width: 144px!important;
	margin-left:40px;
}

/* FlexSlider fiche produit */
#slider_fiche .slides li img{
	width:520px;/* Fixed taille photo si dépasse */
}
.flex-control-thumbs li{
	float: left;
	margin-right: 4px;
	border-box:border-sizing;
	cursor:pointer;
}
.flex-control-thumbs li img {
	max-width:100px;
}



.add_sep_produit {
	background-image:url(../images/produit/sep_gris.png);
	background-position:center top ;
	background-repeat:no-repeat;
}

/* > DIMENSIONS */

.bg_carnet{
	background-image: url('../images/produit/carnet.jpg');
	background-repeat:no-repeat;	
	width: 408px;
	height: 427px;
}

#produit_dimensions h2{
	margin-top:50px;
	color:#005b9d;
}

#produit_dimensions input[type="text"]{
	border: 1px solid #cecece;
	width:143px;
	height: 33px;
	padding:5px;
	font-size: 18px;
	color:#005b9d;
}

#produit_dimensions label{
	color:#005b9d;
	font-weight: bold;
	font-size: 16px;
}

#page_produit_fiche #produit_dimensions .btn_t2{
	width: 182px;
}

#page_produit_fiche input.error_field {
	border-color:#D43100;
}


#bav_barre_produit img{
	/*display: block;*/
	vertical-align:bottom;
	font-size: 0;
}

/* > OPTIONS */

#produit_options h2{
	margin-top:10px; /*margin-top:50px;*/
	color:#005b9d;
}

#produit_options label{
	float: left;
	width:25%;
	clear:none;
	text-align: center;
	display: block;
}

#produit_options label:hover{
	opacity: 0.8;
	background-color: #e4f6f9;
}

#produit_options .prix{
	min-height: 20px;
}

#produit_options .case_decoupe{
	visibility: hidden;
}

#produit_options .case{
	background: url('../images/options/case.png') no-repeat;
	width:19px;
	height: 19px;
	cursor: pointer;
	margin: 0 auto;
	margin-bottom: 10px;
}
#produit_options .case_on{
	background: url('../images/options/case-on.png') no-repeat;
	width:19px;
	height: 19px;
	cursor: pointer;
	margin: 0 auto;
	margin-bottom: 10px;
}
#produit_options img{
	max-width:200px;
	max-height:140px;
}
/*
#produit_options .case_bleu{
	width:18px; height: 18px;
	position: relative; 
	padding-left: 25px; 
	margin-bottom: 20px;
	cursor: pointer;    
	left:0; top: 2px;
	border: 1px solid #4c678e;
	background: #f8f8f8;
	border-radius: 3px; 
	box-shadow: inset 0 1px 3px rgba(0,0,0,.3); 
	transition: all .2s;
}
*/

#produit_options h3{margin-bottom: 0px; text-transform: uppercase;}
#produit_options span{color:#005b9d; }
#produit_options .prix{ margin-top: 10px;}
#produit_options .Ucase1{text-transform: capitalize!important;}

#produit_options .wp20I h3{margin-bottom: 10px;}

#page_produit_fiche #produit_options .btn_t2{
	width: 144px;
}

/* > RECAPITULATIF */
#produit_recapitulatif h2{color: #005b9d; text-align:left;}
#produit_recapitulatif .forme_recap{
	/*width:100%;
	height:100%*/
}
#produit_recapitulatif .sep_r_v{
	background-image: url(../images/produit/sep_v.png);
    background-position: center 25px;
    background-repeat: no-repeat;
    width:15px; 
	height:205px;
	float: left;
}

#produit_recapitulatif #recap_dimensions td{
	vertical-align: middle;
	color:#005b9d;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 5px;

}
#produit_recapitulatif #recap_dimensions img{
	margin-right: 10px;
}

#produit_recapitulatif #recap_surface{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 25px;
	color:#5bc7d8;
}
#produit_recapitulatif #recap_surface span sup{
	font-size: 16px;
	vertical-align: super;
}

#produit_recapitulatif .recap_prix{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	color: #005b9d;
	text-align: center;
	margin-top: 25px;
}

#produit_recapitulatif #recap_forme{ width:300px; text-align:center;}
#produit_recapitulatif #recap_forme img{ max-width:250px;}
#produit_recapitulatif #recap_dimensions{ width:180px;}
#produit_recapitulatif #recap_surface{ width:180px;}
#produit_recapitulatif .recap_prix{ width:120px;}


#produit_recapitulatif .plus{
	float: right;
	margin-top: -10px;
	margin-right: 70px;
}

#produit_recapitulatif .plus_orange{
	height: 100px;
	line-height: 100px;
	margin:0 10px; /*margin-right: 20px;*/
}
#produit_recapitulatif .plus_orange img{
	margin-top:40px;
}

#produit_recapitulatif #recap_decoupes{
	float:left;
	width:750px; /*width:883px;*/
	margin-top: 40px;
}
#produit_recapitulatif #recap_decoupes img {
	width:100%;
	max-width:200px;
	max-height:140px;
}

#produit_recapitulatif .bt-supprimer{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 12px;
	color:#8a8a8a;
	margin-top: 20px;
}

#produit_recapitulatif #enrouleur_img{
	width:250px;
}
#produit_recapitulatif #enrouleur_img img{
	max-width:200px;
	max-height:140px;
}
#produit_recapitulatif #enrouleur_description{
	width:500px;
	padding-top: 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005b9d;
}
#produit_recapitulatif #enrouleur_description span{
	font-size: 12px;
	font-weight: normal;
}

#produit_recapitulatif #coloris_img{
	width:250px;
}

#produit_recapitulatif #coloris_description{
	width:500px;
	padding-top: 60px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #005b9d;
}

#produit_recapitulatif .recap_total{
	width:100%;
	height: 83px;
	padding-top: 40px;
	background-color: #005b9d;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: bold;
	font-size: 35px;
}

#produit_recapitulatif .recap_total .text_right{
	width:740px;
}
#produit_recapitulatif .recap_total .text_left{
	width:120px;
}

#produit_recapitulatif .telecharger_pdf{
	width:720px;
	height:100px;
	border: #fe7200 2px solid;
	color:#fe7200;
	padding: 20px;
	float: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

#produit_recapitulatif .btn_t2{
	/*width: 164px;*/
	width: 176px;
}

.delai { font-weight:700; color:#5fb02e; line-height:20px; }
.delai img { vertical-align:middle; }

/* > MENTIONS LEGALES */

#page_mentions_legales p{
	text-align: justify;
}
#page_mentions_legales h2 { 
	margin-top: 10px;
	margin-bottom:10px; 
}

/* compte */
#menu-compte { margin-top:0 }
#page_compte_informations #breadcrumb li a::before,
#page_compte_bons #breadcrumb li a::before,
#page_compte_parrainage #breadcrumb li a::before,
#page_compte_identifiant #breadcrumb li a::before,
#page_compte_adresses #breadcrumb li a::before,
#page_compte_commandes #breadcrumb li a::before,
#page_compte_annulation #breadcrumb li a::before { background-position: 0 -40px; }

#page_compte_informations h1,
#page_compte_bons h1,
#page_compte_parrainage h1,
#page_compte_identifiant h1,
#page_compte_adresses h1,
#page_compte_commandes h1,
#page_compte_annulation h1 { text-transform:none; }
/*#page_compte_informations #breadcrumb li a { background-position: 0 -120px; }*/

/* panier */
#panier_paiement h1,
#panier_confirmation h1,
#page_panier_commande h1,
#panier_recapitulatif h1,
#page_panier_coordonnees h1 {
	font-family: "Roboto Condensed",sans-serif;
    font-size: 30px;
    font-weight: 700;
	color: #005b9d;
    text-transform: uppercase;
}

/* ------------- massloader ------------- */
.massloader {
	position: fixed;
	z-index: 1002;
	top: 0; left: 0;
	width: 100%; 
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: #fff;
}
.massloader svg {
	width: 60px;
	height: 15px;
	fill: #f96e22;
}

/* ------------- Téléphones > Indicatifs ------------- */
.indicatif {
	position:relative;
}
.indicatif span.indicatif_val {
	position:absolute;
	left:31%;
	padding:0 0 0 15px;
	line-height:30px;
	color:#5bc7d8;
}
#page_compte_adresses .indicatif span.indicatif_val { left:194px; }
.indicatif.active input[type="text"] {
	padding-left:36px;
}
