/* CSS Document */

/* ================================================
  Fichier    :   custom.css    
  Application:   PY-MANUFACTURE.COM
                 Pour la gestion du template
                 Côté SITE
								
  Remarques  :   . s'intègre avec template creator CK  
								!  ATTENTION: 
								Nous utilisons pour ce template la classe de page
								et nous avons été obligés de l'injecter dans le fichier index.php
								à cause de la page "Boutique"
								
								
  Auteur     :   . Ricardo Bandeira
  Version    :   1  
  Date       :   01/03/2019


	Couleurs base : #49210f (Marron)

	// Index des sections:
	@grp Tags de base
	@grp Classes
	
	@grp Global ---- pour toutes les pages ou des éléments en général 
	
	@grp Zone de Override 
	
	@grp Header | Menu
	
	@grp Wrapper
	
	@grp Accueil
	
	@grp MainContent
	
	@grp Actualites
	@grp Ethique
	@grp Objets
	@grp Boutique
	
	@grp Contact
	@grp Formulaires

	@grp Footer 
	@grp Pied de Page (ppg) 
	
	@grp Responsive Media queries
	============================================================
	
	RAPPEL
	https://docs.joomla.org/Using_the_Page_Class_Suffix_in_Template_Code

================================================ */


/* ==============================================================================
   @grp Fontface                                                             
============================================================================== */
	@font-face {
    font-family: 'geosanslightregular';
    src: url('../fonts/geosanslight-webfont.ttf') format('ttf'),
				 url('../fonts/geosanslight-webfont.woff2') format('woff2'),
         url('../fonts/geosanslight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	}
/* @grp Fontface  (FIN)
============================================================================== */

#cookiesck {
	position: relative;
	bottom: 0;
	z-index: 1;
	min-height: 70px;
	box-sizing: border-box;
	width: 100%;
	background: #FFF;
	padding: 15px 100px;
	margin: 0 auto;
}


/* ==============================================================================
   @grp Tags de base                                                             
============================================================================== */
	*{ 
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		margin:0px;
		padding:0px;
		outline:none;
		overflow-wrap: break-word; /* A Vérifier.... */
	}

	html,body{ 
		width:100%; height:100%;
	}
	body {
		font-family:'geosanslightregular',Arial, Helvetica, sans-serif;
		/*font-size:14px;*/
		font-weight:300;
		color:#242424;
	}
	body,
	#tpl_bloc_footer {
		background-image:url(/images/Templates/bg_papier.jpg);
		background-attachment:fixed;
	}
		html,body{
		margin:0;
		padding:0;
		box-sizing:border-box;
	}

	/* gestion de SELECTION de texte dans la page */
	*::-moz-selection,
	*::-webkit-selection,
	*::selection,
	::selection {
		background: #242424;/* SELECTION */
		color: #FFFFFF;
	}
	
	/* ===== Les principaux Tags  =================================== */
	h1,
	h2,
	h3,
	h4,
	h5,
	h6{
		font-family:'geosanslightregular',Arial, Helvetica, sans-serif;
		letter-spacing: 10px;
	}
	h1{
		font-size:36px;
		text-transform:uppercase;
		font-weight:700 !important;
	}
	h2{
		font-size:30px;
		text-transform:uppercase;
		font-weight:700 !important;
	}
	h3 {
		font-size: 20px;
		font-weight: 700 !important;
		text-transform: uppercase;
	}
	

	
	
	p{
		font-size:20px;
		font-weight:300 !important;
	}
	ul{ 
		margin-left:30px; 
	}
	li {
		font-size: 20px !important;
		line-height: 30px;
	}

	/* ==== LIENS ======== */
	a:link,
	a:visited{
		text-decoration:none;
		color: #b0b0b0;
		font-weight:bold;
	}
	a:hover,
	a:active{
		text-decoration:underline;
	}	
	a:focus{ border:none; }
	
	input {
		background: none !important;
		color:#333 !important;;
	}
	input:hover,
	input:focus {
		background: #FFF !important;
		color:#242424;
	}
	
	
/* @grp Tags de base  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Classes                                                                  
============================================================================== */
	/* positionnement */
		.droite{float:right;}
		.gauche{float:left;}
		.clear{	clear:both; }
		.clearD{	clear:right; }
		.clearG{	clear:left; }
		.clear,
		.clearG,
		.clearD{
			display:block;
			height:0;
		}
	
	/* visibilité */
		.cache{ display:none; }
		.inactif{ background:#666; color:#999;}
		.actif{ background:#CF0; color:#999;}
	
	/* marges externes */
		.mg_10{ margin:10px; }
		.mg_20{ margin:10px; }
		.mg_30{ margin:10px; }
		.mg_40{ margin:10px; }
		.mgh_10{ margin-top:10px; }	
		.mgh_20{ margin-top:20px; }	
		.mgh_30{ margin-top:30px; }	
		.mgh_40{ margin-top:40px; }	
		
		.marg_haut_x1{ 	margin-top:150px; }
		.marg_haut_x2{ 	margin-top:300px; }

		
		
	/* marges externes */
		.pad_10{ padding:10px; }
		.pad_20{ padding:20px; }
		.pad_30{ padding:30px; }
		.pad_40{ padding:40px; }
		
	/* couleurs */
		.txt_rouge{ color:#F00; }
		.txt_bleu { color:#09C; }
		.txt_vert { color:#093; }
		.txt_orange{ color:#F90; }
		
		.bg_rouge{ background:#F00; }
		.bg_bleu { background:#09C; }
		.bg_vert { background:#093; }
		.bg_orange { background:#F90; }
		.bg_noir { background:#000; }
		
	/* couleurs */
		.bord_bottom{	border-bottom:1px #d4d0d0 solid; }
		
		
		
	/* taille texte */
		.txt_h10 { font-size:10px; }
		
	/* Classe pour gérer une div en Debug info*/
	#debug_Info,
	#debug{
		position:fixed;
		top:0px;
		right:70px;
		background:#C60;
		color:#CCC;
		padding:5px 10px;
		z-index:2000;
	}
	
	/* Classe pour gérer Le maincontent */
	.main_Conteneur{
		max-width:1280px;
		margin: 0 auto;
		padding: 50px 10% 20px 10%;
	}
	.main_Conteneur_Large{
		
	}
.tab_Descript {
	display: flex;
	justify-content: space-between;
}
.tab_Descript div:first-child {
	width: 35%;
	text-align: right;
}
.tab_Descript div:last-child{
	width:55%;
}
/* @grp Classes  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Zone de Override                                                         
============================================================================== */

	/* =====  Override de Image Effect CK ==================== */
	.imageeffectck.fadeck { transition:all 1s;	}
	figure.fadeck:hover img, 
	figure.effectck-fadeck:hover img { /* transparence et echelle image */
		opacity: 0.5;
		-ms-transform: scale(1.2,1.2);
		-webkit-transform: scale(1.2,1.2); 
		transform: scale(1.2,1.2);
		transition:all 0.6s;
	}
	figure.fadeck img,
	figure.effectck-fadeck img { transition:all 1s;	}
	figure.fadeck figcaption,
	figure.effectck-fadeck figcaption {
		padding: 1em;
		height: 100%;
		background: rgba(225,12,102,0.7);
		color: #fff;
	}
	figure.fadeck figcaption > div,
	figure.effectck-fadeck figcaption > div {
		padding: 20px 0;
		text-align: left;
	}
	figure.fadeck .imageeffectck_title, 
	figure.fadeck .imageeffectck_title,
	figure.effectck-fadeck .imageeffectck_desc.icon-links a,
	figure.effectck-fadeck .imageeffectck_desc.icon-links a{ margin: 20px auto 10px 0;}
	.imageeffectck.fadeck:hover { /* Ombre */
		padding: 0;
		-moz-box-shadow: 2px 2px 10px 0px #656565;
		-webkit-box-shadow: 2px 2px 10px 0px #656565;
		-o-box-shadow: 2px 2px 10px 0px #656565;
		box-shadow: 2px 2px 10px 0px #656565;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
		-ms-transform: scale(1.025, 1.025);
		-webkit-transform: scale(1.025, 1.025); 
		transform: scale(1.025, 1.025);
		transition:all 0.3s;
	}
	
	/* Pour corriger un décalage dû au UL dans le module K2*/
	#bl_services .k2ItemsBlock > ul { padding: 0; }


	/* ===== Override de ScrollToTop CK ==================== */
	.scrollToTop {
		background:rgba(255, 255, 255, 0.2) url("/images/Templates/fleche.png") no-repeat scroll center center;
		bottom: 20px;
		display: none;
		font-weight: bold;
		height: 50px;
		padding: 10px;
		position: fixed;
		right: 20px;
		text-align: center;
		text-decoration: none;
		width: 50px;
		text-indent: -999px;
		overflow: hidden;
		border:1px #999999 solid;
		opacity:0.3;
		transition:all 0.5s;
	}
	.scrollToTop:hover{ 
		background: rgba(128, 128, 128, 0.4) url("/images/Templates/fleche_hover.png") no-repeat scroll center center;	
		opacity:1;
		transition:all 0.2s;
	}
		
	div.itemBackToTop {
		text-align: right;
		display: none;
		transition:all 0.5s;
	}
	/* ===== Pagebuilder CK ==================== */
	.animate { overflow: hidden;	}
	
	/* ===== SLIDESHOW CK ==================== */
	/* Override le fond de la flèche du Slideshow CK */
	.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
		background: transparent;
		background:rgba(0,0,0,0.4);
	}

	.camera_prevThumbs, 
	.camera_nextThumbs,
	.camera_prev, .camera_next,
	.camera_commands,
	.camera_thumbs_cont {	
		background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  }
	.camera_amber_skin .camera_commands > .camera_stop {
		background-position: -120px -120px;
	}
	.camera_amber_skin .camera_commands > .camera_play {
		background-position: -80px -120px;
	}
	.camera_amber_skin .camera_prev > span {  background-position: 0 -120px; }
	.camera_amber_skin .camera_next > span {  background-position: -40px -120px; }
	#camera_wrap_110 .camera_caption > div { /* Pour le fond du Titre du Slideshow   */
		border-radius:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
	}
	div.itemListCategory {
		background: none;
		border: none;
		border-radius: 0px;
		margin: 0 0 24px;
		padding: 8px;
	}
	#k2Container {
		padding: 0 0 0px 0;
		margin-bottom: 0;
	}
	.form-control{
		background:none;
		background-color:transparent;
	}
/* @grp Zone de Override  (FIN) 
============================================================================== */





/* ==============================================================================
   @grp Global                                                                   
============================================================================== */
	#home_actualites h3,
	#bl_realisations h3{
	
	}
  /* Gestion des blocs en général */
  #tpl_actualites,
  #tpl_association,
  #tpl_footer{
    padding: 20px 5%;
  }
  #tpl_actualites .inner,
  #tpl_association .inner,
  #tpl_footer .inner{
    background:none;
    max-width:1200px;
    margin:0 auto;
  }
	.bt_contactez-nous,
	.bt_ensavoir_plus{
		font-size:16px;
	}
	.bt_contactez-nous a,
	.bt_ensavoir_plus, 
	a.bt_ensavoir_plus {
		display: block;
		text-transform: uppercase;
		border: 2px #fb5f0f solid;
		text-align: center;
		font-weight: 100;
	}
	.bt_contactez-nous a:link,
	.bt_contactez-nous a:visited,
  #zone_bt_ensavoir_plus a:link,
  #zone_bt_ensavoir_plus a:visited {
    padding: 20px 25px;
    font-size: 17px;
    color: #49210f;
    min-width: 250px;
  }
	.bt_contactez-nous a:hover,
	.bt_contactez-nous a:active,
	.bt_ensavoir_plus:hover,
	.bt_ensavoir_plus:active,
  #zone_bt_ensavoir_plus a:hover,
  #zone_bt_ensavoir_plus a:active {
		background: #eaeaea;
  }
	.bt_contactez-nous a:link,
	.bt_contactez-nous a:visited{
		color:#f7f7f7;
		border-color:#F7F7F7;
	}
	.bt_contactez-nous a:hover,
	.bt_contactez-nous a:active{
		background: rgba(0,0,0,0.6);
  }
	.bt_contactez-nous {
		width:25%;
    min-width: 250px;
		margin:20px auto;
	}
	#nos_Sponsors div a.bt_ensavoir_plus {
		max-width: 250px;
		margin: 20px auto;
	}
  
  a.bt_EnSavoirPlus {
    display: inline-block;
    background: #f7f7f7;
    text-align: center;
    color: #fb5f0f;
    min-width: 210px;
    padding: 13px 15px;
    border: 1px #fb5f0f solid;
  }
  a.bt_EnSavoirPlus:hover {
    background: #eaeaea;
    cursor:pointer;
  }

/* @grp Global  (FIN)
============================================================================== */





/* ==============================================================================
   @grp  Header | Menu                                                            
============================================================================== */
	#tpl_main_header {
		position: relative;
	}
	#tpl_main_header  section > .inner{
		display:block;
	}
	#tpl_main_header {
		background-image: url(/images/Templates/bg_menu_accueil.jpg);
		background-repeat:no-repeat;
		background-attachment:scroll;
		background-size:cover;
		min-height: 250px;
		margin: 0 auto;
		z-index:1500;
	}
	#tpl_main_header > .inner{
		position:relative;
		display:block;
	}
	body.pg_Accueil #tpl_main_header { background-image: url(/images/Templates/bg_menu_accueil.jpg); }
	body.pg_Ethique #tpl_main_header { background-image: url(/images/Ethique/bg_menu_ethique.jpg);	}
	body.pg_Boutique #tpl_main_header { background-image: url(/images/Objets/Coquetier/bg_menu_objet.jpg); }
	
	body.pg_mentions_legales #tpl_main_header { background-image: url(/images/Templates/bg_menu_mentions.jpg); }
	body.pg_rgpd #tpl_main_header { background-image: url(/images/Templates/bg_menu_rgpd.jpg); }
	body.pg_cgdv #tpl_main_header { background-image: url(/images/Templates/bg_menu_cgdv.jpg); }
	body.pg_faq #tpl_main_header { background-image: url(/images/Templates/bg_menu_faq.jpg); }

	body.pg_Objets.Banc #tpl_main_header { background-image: url(/images/Objets/Banc/bg_menu_banc.jpg); }
	body.pg_Objets.Coquetier #tpl_main_header { background-image: url(/images/Objets/Coquetier/bg_menu_coquetier.jpg); }
	body.pg_Objets.Etagere #tpl_main_header { background-image: url(/images/Objets/Etagere/bg_menu_etagere.jpg); }
	body.pg_Objets.Evier #tpl_main_header { background-image: url(/images/Objets/Evier/bg_menu_evier.jpg); }
	body.pg_Objets.Brillor #tpl_main_header { background-image: url(/images/Objets/Fauteuil/bg_menu_fauteuil.jpg); }
	body.pg_Objets.Planche #tpl_main_header { background-image: url(/images/Objets/Planche/bg_menu_planche.jpg); }
	body.pg_Objets.Range-oeufs #tpl_main_header { background-image: url(/images/Objets/Range-oeufs/bg_menu_range_oeufs.jpg); }
	
	
	
	
	body.pg_Accueil #tpl_main_header {
		min-height: 980px;
	}

#logo_header {
	position: relative;
	background-image: url(/images/Templates/logo_full_blanc.svg);
	background-repeat: no-repeat;
	background-position: 50% 40px;
	width: 70% !important;
	height: 290px;
	margin: 0 auto;
	background-size: 45%;
}	

	#tpl_main_header div.mod-languages ul {
		max-width: 300px;
		height: 25px;
		float: right;
		margin: 0 5% 0 0;
		width: 100px;
	}
	#tpl_main_header div.mod-languages li {
		display: block;
		float: left;
		text-align: center;
		margin: 0 10px 0 0;
		width: 40%;
	}
	#tpl_main_header .mod-languages li.lang-active a:link,
	#tpl_main_header .mod-languages li.lang-active a:visited {
		text-align:center;
	}
	#tpl_main_header div.mod-languages{
		opacity:0.5;
		transition:all 1s;
	}
	#tpl_main_header div.mod-languages:hover{
		opacity:1;
		transition:all 0.2s;
	}
	
	#tpl_main_header div.mod-languages li.lang-active{
		border-bottom:0px #b0b0b0 solid;
	}
	#tpl_main_header div.mod-languages li a{ color:#999;	}
	#tpl_main_header div.mod-languages li.lang-active a{ color:#fff;	}
	

	#tpl_main_menu {
		margin-top: 120px;
	}
	/* ===========================================
	   MAXI MENU 
	=========================================== */
	div#Menu_Nav_Principal ul.maximenuck{
		display: flex !important;
		justify-content: space-between !important;
		border:none;
		box-shadow:none;
	}
	#Menu_Nav_Principal .floatck { 
	/* PERMET DE GARDER LE MENU OUVERT  ================================================================================= */
		/*display: block !important;*/
	}
	.maxiroundedcenter { padding: 100px 0 0 0; }
	

	/* Positionnement du menu et du maxiFancy
	en hauteur              */
	div#Menu_Nav_Principal .maxiFancybackground {	top: 58px;	}
	
	div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
	div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
		font-size: 32px;
		text-transform: uppercase;
		line-height: 55px;
		letter-spacing: 23px;
	}
	#tpl_main_header .maximenuck label{
	color: #fff;
}


	.link_Title_Main {
		width: 30%;
		margin: 0 auto !important;
	}
	.link_Title_Main > a:link,
	.link_Title_Main > a:visited{
		text-align:center;
		width:100%;
	}
	.link_Title_Main > a span {
		text-align: center;
		width: 100%;
		margin: 0 auto !important;
	}	

	
	div#Menu_Nav_Principal li.maximenuck.level1.link_Title_Main > div.floatck{
		width: 100% !important;
		left: 10px;
	}

	/* sous-MENU OBJET ================  */
	div#Menu_Nav_Principal ul.maximenuck li.maximenuck.level1,
	div#Menu_Nav_Principal ul.maximenuck li.maximenuck.level1:hover,
	div#Menu_Nav_Principal ul.maximenuck li.maximenuck.level1.active {
		border: none !important;
		background:none !important;
		border-radius: 0px !important;
	}

	div#Menu_Nav_Principal.maximenuckh ul.maximenuck {
		background: none;
		height: 42px;
	}
	div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > div.floatck{
		/*border:none;*/
		top:42px;
	}
	
	div#Menu_Nav_Principal ul.maximenuck2 li.maximenuck.level2.link_Title_level-01{ /* REVENIR ================================================================================= */
		background: none !important;
		width: 50% !important;
		/*border-bottom:1px #666 solid;*/
		margin:0;
	}
	div#Menu_Nav_Principal ul.maximenuck2 li.maximenuck.level2.link_Title_level-01:hover{
		background:rgba(255,255,255,0.5) !important;
	}

	/* sous-MENU IMAGE OBJET ================  */
	div#Menu_Nav_Principal li.maximenuck.level2.link_Title_level-01 > div.floatck {
		/*background:rgba(255,255,255,0.2)!important;*/
		width: auto !important;
		height:100% !important;
		margin-left:30% !important;
		padding:0px !important;
	}
	div#Menu_Nav_Principal .level3.link_Image > .floatck {
		/*width: 20% !important;*/
	}
	div#Menu_Nav_Principal .maximenuck.maximenuckmodule.level3.link_Image {
		padding: 0 !important;
	}
	/* Position du sous-menu IMAGE OBJET ================  */
	.floatck { 
		left: 10px;
		margin-top: 0px !important; 
	}


	
/* @grp Header | Menu  (FIN)
============================================================================== */


/* ==============================================================================
 @grp Wrapper                                                             
============================================================================== */
	#wrapper {
		max-width: 2000px;
		margin: 0 auto;
		overflow: hidden;
	}
/* @grp Header | Menu  (FIN)
============================================================================== */


/* ==============================================================================
 @grp Accueil                                                             
============================================================================== */
	/* Pour permettre un lien sur le logo des 3 images à l'accueil */
	body.pg_Accueil #logo_header .spacer_Logo{
		display:none;
	}
	
	#nav_Scroll *{
		box-sizing:border-box;
		padding:0;
		margin:0;
	}
	#nav_Scroll{
		position:absolute !important;
		top: 20px;
		right: 0;
		left:auto;
		width: 40px;
		min-height: 100px;
		z-index:105;
	}
	#nav_Scroll .moduletable {
		position: relative;
		height: 100%;
	}
	#nav_Scroll_menu {
		position: absolute;
		right: 0px;
		transition: all 1s;
		z-index: 150;
	}	
	#nav_Scroll_menu.nav > li {
		position: relative;
		display: block;
		text-align:right;
		width: 40px;
		height: 15px;
		padding:0;
		margin:0;
	}
	#nav_Scroll_menu.nav > li a.go_Tomenu{
		content:"menu";
		font-size:9px;
		color:#FFF;
	}
	
	
	#nav_Scroll_menu.nav > li a:link,
	#nav_Scroll_menu.nav > li a:visited {
		display: block;
		position: absolute;
		background:none;
		line-height:0;
		right: 0;
		width: 25px;
		transition: all 0.1s;
	}
	#nav_Scroll_menu.nav > li a:hover,
	#nav_Scroll_menu.nav > li a:active{
		background:none;
		width:35px;
		outline:none;
		transition: all 0.2s;
	}
	#nav_Scroll_menu.nav > li a:focus{ 	background:none; outline:none;  }

	#nav_Scroll_menu.nav > li.active a:hover,
	#nav_Scroll_menu.nav > li.active a:link{
		background:none;
		width:40px;
		transition: all 0.2s;
	}
	#nav_Scroll_menu.nav > li > a > img {
		background:none;
		max-width: auto !important;
		width: 100%;
		height: 15px;
	}
	.spacer_Logo { 
		display: block;
		width: 50%;
		margin: 0 auto;
		height: 100%;
		position: absolute;
		left: 25%;
	}
	#logo_White .spacer_Logo{
		height: 50%;
	}
	.spacer_Logo:focus{
		outline:none;
	}
	
	#logo_White,
	#img_Head_A,
	#img_Head_B,
	#img_Head_C,
	header{
		max-width:2000px;
		background-size:cover;
	}
	
	#logo_White,
	#img_Head_A,
	#img_Head_B,
	#img_Head_C{
		background-attachment:fixed;
		width:100%;
		height:1000px;
		margin:0 auto;
	}
	
	#logo_White { background-image: url(/images/Templates/logo_full_blanc.svg); }
	#logo_Black { background-image: url(/images/Templates/logo_full_noir.svg); }
	
	#logo_White,
	#logo_Black {
		background-repeat: no-repeat;
		background-size: 65%;
		background-position:50% 80px;
		z-index: 100;
	}
	
	#logo_White{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	#logo_White > div{
		position:relative;
	}
	
	#logo_Black {
		background-attachment:scroll;
		/*background-position:50% 25%;*/
		width:100%;
		min-height:600px;
		margin:0 auto;
	}
		
	#img_Head_A{ background-image:url(/images/Templates/bg_accueil_1.jpg); }
	#img_Head_B{ 
		background-image:url(/images/Templates/bg_accueil_2.jpg);
		background-attachment:scroll;
	}
	#img_Head_C{ background-image:url(/images/Templates/bg_accueil_3.jpg);}
	.img_Header{}


	.txt_Presentation_LGV {
		max-width: 1280px;
		padding: 50px 5% 150px 5%;
		margin: 0 auto;
	}
	.txt_Presentation_LGV > div {
		padding: 0px 0px 0px 30px;
		margin-left: 17.7%;
		border-left: 1px #242424 solid;
	}
	.txt_Presentation_LGV > div p {
		line-height: 21px;
	}
	.txt_Presentation_LGV > div p:first-child{
		padding-top: 0;
	}
	.txt_Presentation_LGV > div p:last-child {
		padding-bottom: 0;
	}
	.bt_fleche_Bas {
		display:block;
		background: rgba(106,109,124,0.8) url(/images/Templates/fleche_bas.png) no-repeat;
		width: 77px;
		height: 54px;
		margin: 20px auto;
		text-indent: -900px;
		overflow: hidden;
	}
	.bt_fleche_Bas a:link,
	.bt_fleche_Bas a:visited{
		display:block;
		width: 77px;
		height: 54px;
		margin: 0px auto;
	}
	






/* ==============================================================================
   @grp MainContent                                                             
============================================================================== */
	#maincontent {
		max-width: 1280px;
		margin: 0 auto;
		padding: 50px 10% 20px 10%;
	}
	#logo_Main_PY-Manufacture {
		width: 40%;
		max-width: 1280px;
		margin: 0 auto;
		padding:70px 0;
	}
	body.pg_mentions_legales #maincontent {
		font-size: 14px;
		font-family: 'Muli', Arial, Helvetica, sans-serif;
		font-weight: 100 !important;
		letter-spacing: 1px;
	}


/* @grp Maincontent  (FIN)
============================================================================== */







/* ==============================================================================
   @grp Actualites                                                             
============================================================================== */
	/* ACTUALITES */	
	#tpl_actualites {
		background: #6a6e7c;
	}
	/* pour le positionnement du lien fleche ... scrollTo*/
	#tpl_actu {
		position: absolute;
		bottom: 0;
		height: 0px;
		background: #0F3;
		z-index: 1500;
		width: 50px;
	}
	
/* @grp Actualites  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Ethique                                                             
============================================================================== */
	body.pg_Ethique #tpl_main_header {
		background-image: url(/images/Ethique/bg_menu_ethique.jpg);
	}
	body.pg_Ethique #maincontent{	
		max-width: 2000px; 
		padding-left:0;
		padding-right:0;
	}


/* @grp Ethique  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Objets                                                             
============================================================================== */
	#row_typo_objet_top{}
	#row_typo_objet_suite{}
	.row_typo_objet{
		
	}
/* PAGES Objets avec logo centré et fixe*/
	body.pg_Objets #wrapper{ 
		max-width:2000px; 
	}
	body.pg_Objets #maincontent{
		padding:0;
		max-width:2000px;
		z-index:-1;
	}
	body.pg_Objets #maincontent > .inner{
		z-index:-1;
	}
	body.pg_Objets #maincontent > #tpl_bloc_footer{
		z-index:1500;
	}
	#logo_objets {
		position: fixed;
		top: 0;
		left: 5%;
		right: 5%;
		/*background-image: url(/images/Templates/logo_full_noir.svg);*/
		background-repeat: no-repeat;
		background-position: 50% 40px;
		background-size: 42.4%;
		width: 70% !important;
		height: 400px;
		margin: 0 auto;
		z-index: 1000;
	}
	#vitrine_Objet {
		position: relative;
		padding: 200px 0 0px 0;
		max-width: 1420px;
		margin: 0 auto;
		z-index: 100;
	}
	.pgb_Objet,
	#pgb_Objet{
		max-width:1420px;
		max-width:1540px;
		margin:0 auto;
	}
	.pgb_Objet .row_line,
	#pgb_Objet .row_line{ 
		position:relative; 
		padding: 150px 0 0 0;
	}
	.typo_Objet{
		position: absolute;
		bottom: -250px;
		left: 0;
		height: 500px;
		width: 100%;
	}
	.typo_Objet img{ height:0; }
	#image_full{ }
	/* ===================================================================
	Déclaration des classes selon l'objet */
		#typo_Coquetier{
			background-image:url(/images/Objets/Coquetier/Typo_Coquetier.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	
		#typo_Fauteuil{
			background-image:url(/images/Objets/Fauteuil/Typo_Fauteuil.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
			}
	
		#typo_Banc{
			background-image:url(/images/Objets/Banc/Typo_Banc.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	
		#typo_Etagere{
			background-image:url(/images/Objets/Etagere/Typo_Etagere.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	
		#typo_Evier{
			background-image:url(/images/Objets/Evier/Typo_Evier.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	
		#typo_Planche{
			background-image:url(/images/Objets/Planche/Typo_Planche.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	
		#typo_Range-Oeufs{
			background-image:url(/images/Objets/Range-oeufs/Typo_Range-oeufs.svg);
			background-repeat:no-repeat;
			background-position:0 50%;
		}
	/* =================================================================== */


	
	#fleur_de_vie {
		position: absolute;
		top: -500px;
		bottom: 0px;
		background: url(/images/Templates/fleur_vie.svg) repeat-y;
		background-repeat:repeat-y;
		/* background-size:cover; */
		background-size:105%;
		background-position:right top;
		border-right: none;
		width: 50%;
		z-index:-1;
	}
	
	/* ANIMATION SOLEIL LUNE */
	
	/* SOLEIL */
	#anim_Container{
		position:fixed;
		top:250px;
		width:1400px;
		height:1400px;
		z-index:105;
	}
	#anim_Lune,
	#anim_Soleil{
		position:absolute;
		top: 0;
		left: 0;
		background: url(/images/Templates/Animation-Soleil.png);
		background-repeat:no-repeat;
		background-size: 100% 100%;
		background-position: 0px 0px;
		
		text-indent:-99999px;
		overflow:hidden;
		
		transform: translate(0px, 0px) rotate(0deg) scale(1, 1);
		transform-origin: 50% 50% 0px;
		
		
		max-width:1400px;
		max-height:1400px;
		width: 100%;
		height: 100%;
		
		margin: 0px;
		z-index:-1;
	}
	#anim_Container,
	#anim_Lune,
	#anim_Soleil{
		/* border:1px #666 solid; */
	}
	#presentation_Objet{}

	



/* @grp Objets  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Boutique                                                             
============================================================================== */
	body.pg_Boutique #tpl_main_header {
		background-image: url(/images/Boutique/bg_menu_boutique.jpg);
	}

/* @grp Boutique  (FIN)
============================================================================== */




/* ==============================================================================
   @grp Formulaires                                                            
============================================================================== */
.rsformProgressBar {
	height: 2px;
	background: #000;
	margin: 0px !important;
}

h3.titre_Produit{
	text-align:center;
}
h3.titre_Produit span {
	display: block;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
	line-height: 12px;
}
div.fiche_image_produit{
	width: 100%;
	margin: 0 auto 20px auto;
}
div.fiche_image_produit img{	width:100%; }
#rsform_4_page_0 > div:nth-child(2){
	
}
#rsform_4_page_0 > div:nth-child(2) > div.col-sm-4{
	padding:12px;
}
#rsform_4_page_0 > div:nth-child(2) > div.col-sm-4 .form-group.rsform-block label {
	display: block;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 5px;
	/*max-width: 50%;*/
}
#rsform_4_page_0 > div:nth-child(2) > div.col-sm-4 .form-group.rsform-block .formControls {
	/*max-width: 50%;*/
}
#rsform_4_page_0 > div:nth-child(2) > div.col-sm-4 .form-group{
	width: 40%;
	float:left;
	margin:0 15px;
}
.fiche_descriptif {
	letter-spacing: 2px;
	font-size: 15px;
	line-height: 20px;
	min-height: 60px;
}
#rsform_4_page_0 > div:nth-child(3) label{
	font-weight: 900;
}

#rsform_4_page_0 input {
	font-weight: 900 !important;
	color: #242424 !important;
	background: none;
}
.form-group.rsform-block.rsform-block-total {
	display:none;
	position: fixed;
	min-height: 80px;
	background: #fff;
	top: 0;
	right: 0;
	width: 250px;
	padding: 20px;
	z-index: 100;
}


	#rsfp-counter-27 {
		font-size: 11px;
		padding: 0;
		margin-top: -35px;
		margin-left: 10px;
	}
	.bt_Noir{ 		background:#000 !important; 	}
	.bt_Noir,
	button.btn::-moz-focus-inner,
	input.btn[type="submit"]::-moz-focus-inner {
		padding: 10px 20px;
		font-size: 16px !important;
	}
.bt_Noir,
button.btn, input.btn[type="submit"] {
	font-size: 22px !important;
	font-weight: 300 !important;
	padding: 10px 20px !important;
}
.btn-success{
	border-radius:0 !important;
}

button:active,
.btn-success:active,
.btn-success.active,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
	border-radius:0 !important;
	color: #242424 !important;
	background-color: #FFF !important;
	*background-color: #FFF !important;
}
.bt_Noir{
	background:#000 !important;
	color:#FFF !important;
}
.bt_Noir:hover{
	background-color: #FFF !important;
	color:#242424 !important;
}
	
#ENVOYER {
	float: right;
}

/* @grp Formulaires  (FIN)
============================================================================== */

/* ==============================================================================
   @grp  Contact                                                            
============================================================================== */
	  #tpl_form_contact > .inner {
		max-width: 1280px;
		margin: 0 auto;
		padding: 20px 5%;
	}
	

/* @grp Contact  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Footer                                                            
============================================================================== */
	#tpl_bloc_footer {
		max-width: 2000px;
		margin: 0 auto;
		padding:0;
		z-index:100;
	}
	#tpl_bloc_footer > .inner {
		max-width: 1800px;
		margin: 0 auto;
		padding: 50px 5%;
	}
	#tpl_bloc_footer h3 {
		font-size: 15px;
		font-family: 'Muli', Arial, Helvetica, sans-serif;
		font-weight: 900 !important;
		text-transform: uppercase;
		letter-spacing: 2px;
	}

	#tpl_bloc_footer ul.nav.menu li {
		margin-left:0;
		
	}
	#tpl_bloc_footer ul.nav.menu li a {
		line-height: 25px;
		font-family: 'Muli', Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 100;
		color: #333;
		padding: 10px 0;
	}
/* @grp Footer  (FIN)
============================================================================== */






/* ============================================================================== (RESPONSIVE) ============================================================================== */





/* ==============================================================================
   @grp Responsive Media queries                                                 
============================================================================== */

/*
	@media screen and (min-height: 900px) and (min-width: 2000px){
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:1200px;
		}
		
	}*/
	/* < 1200 et 2000 (IMAC 27 ) (FIN )*/


/* Responsive VERTICAL */
	@media screen  and (min-width: 800px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			/* height:800px; */
		}
		
	} /* < 800 (FIN )*/
	
	
	@media screen and (max-height: 600px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			/* height:600px; */
		}
		#tpl_main_logo {
			min-height: 150px;
		}
	} /* < 600 (FIN )*/
	
	@media screen and (max-height: 400px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			/* height:400px; */
		}
		#logo_White {
			background-size: 45%;
		}
	} /* < 400 (FIN )*/




/* Responsive HORIZONTAL */
	@media screen and (min-width: 2000px) {
		#logo_White {
			height: 800px;
		}
	} /* < 1200 (FIN )*/
	@media screen and (max-width: 1300px) {
		
	} /* < 1300 (FIN )*/
	
	@media screen and (max-width: 1200px) {
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
			font-size: 28px;
			letter-spacing: 18px;
		}
	} /* < 1200 (FIN )*/
	
	@media screen and (max-width: 1050px) {
		
	} /* < 1025 (FIN )*/
	
	@media screen and (max-width: 1024px) { /*  (min-width: 951px) and          */
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
			font-size: 25px;
			letter-spacing: 16px;
		}
		#logo_header {
			width: 100%;
			background-size: 70%;
		}
		
		
	} /* < 1025 (FIN )*/
	
	@media screen and (max-width: 950px) { /* (min-width: 759px) and            */
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
			font-size: 24px;
			letter-spacing: 10px;
		}
		#logo_objets {
			position: relative;
			left:0;
			right:0;
			height:220px;
		}
		#vitrine_Objet {
			padding: 10px 0 0px 0;
		}
		.maxiroundedcenter {
			padding: 0px 0 0 0;
		}
		body.pg_Accueil #tpl_main_header { min-height: 700px; }
	} /* < 950px (FIN) */
	
	
	
	@media screen and (max-width: 850px) { 
		
		#logo_White{ 
			height:540px; 
			background-position: 50% 15px;
		}
		
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:540px;
			background-size:120%;
			background-position:0px 0px; 
			background-repeat:no-repeat;
		}
		#img_Head_C{background-size:100%; }
		#img_Head_A{ 
			/*background-image:url(/images/Templates/bg_accueil_1_phone.jpg); */
		}
		#img_Head_B{ 
			/*background-image:url(/images/Templates/bg_accueil_2_phone.jpg);*/
			
		}
		#img_Head_C{ /*background-image:url(/images/Templates/bg_accueil_3_phone.jpg); */}
		

	} /* < 850px (FIN) */
	
	
	
	
	@media screen and (max-width: 758px) { /* (min-width: 525px) and    */
		h2 { font-size: 22px; }
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
			font-size: 23px;
			letter-spacing: 6px;
		}
		.main_Conteneur {
			margin: 0 auto;
			padding: 10px;
		}
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:460px;
		}
		


	} /* < 758px (FIN) */
	
	
	@media screen and (max-width: 640px) { 
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:418px;
		}		

	} /* < 640px (FIN) */
	
	@media screen and (max-width: 580px) {
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator span.titreck, 
		div#Menu_Nav_Principal.maximenuckh ul.maximenuck li.maximenuck.level1 > a span.titreck {
			font-size: 20px;
			letter-spacing: 2px;
		}

		#tpl_main_logo {
			min-height: 150px;
		}
		#logo_header {
			background-size: 100%;
			height: 230px;
		}
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:360px; 
		}


	} /* < 580px (FIN) */
	
	@media screen and (max-width: 480px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:289px;
		}
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			background-attachment:scroll;
		}

		
	} /* < 480px (FIN) */



	@media screen and (max-width: 400px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:250px; 
		}
		
	} /* < 400px (FIN) */

	@media screen and (max-width: 320px) {
		#logo_White,
		#img_Head_A,
		#img_Head_B,
		#img_Head_C{
			height:220px;
		}
		
	} /* < 320px (FIN) */

/* @grp Responsive Media queries  (FIN) ====================================== */