/*
Theme Name: Chagouri-vitrine
Theme URI: 
Author: Joël GASPAR
Author URI: 
Description: Site vitrine de CHAGOURI GROUP
Requires at least: WordPress 5.0
Version: courrante
*/



/* ********************************* HOME IMG/VIDEO ********************************* */
.jg-home-accroche		{ position: absolute; top: 71px; bottom: 0; left:0; right: 0; z-index:2; }
.jg-home-accroche-r-p2	{ color:white;  }
.jg-home-accroche-bg	{ background-color:rgba(0,0,0,0.7);}
.jg-home-accroche-bg2	{ background-color:white;  }

.jg-home-video-r		{ margin-top:0px; padding:0px; width:100%; object-fit:cover; object-position:50%;
								position: absolute; top:71px; left:0; z-index:1; }					
								
.jg-home-video-play		{ position: absolute; width:50%; top:17%; left:24%; right:24%;/*pour la version arabe*/ bottom:0%; }

.jg-bahae-p				{ font-family:'Aligot de Mirabelle', Georgia, serif; font-size:20px; line-height:0px; color:white; font-weight:bold; text-align:center; transition:all 0.3s;}
.jg-bahae-p-little		{ font-family:'Aligot de Mirabelle', Georgia, serif; font-size:15px; line-height:0px; color: rgb(207,128,45); text-align:center; }

.jg-bahae-p				{ font-family:'Aligot de Mirabelle', Georgia, serif; font-size:180px; line-height:80px; padding-right:20px; padding-left:20px; padding:0px 20px; color:white; font-weight:bold; text-align:center; transition:all 0.3s;}
.jg-bahae-p-little		{ font-family:'Aligot de Mirabelle', Georgia, serif; font-size:80px; line-height:15px; color: rgb(207,128,45); text-align:center; padding:0px 20px; }
.jg-bahae-margin 		{ padding-top:250px; }


/* .jg-home-triangle		{ position: absolute; z-index: 3; width:100%; top: 765px; } */
.jg-home-triangle		{ position: absolute; z-index: 3; width:100%; top: 765px; height:100px; background-image:url("ressources/custom/img/home-bottom-triangle-small.png"); background-size:100% auto; background-repeat:no-repeat;  }





/* ********************************* NOTRE GROUPE **********************************/
.bg-group-anchor			{ height:150px; margin-top: 709px; }		
.jg-group-margin-bottom		{ margin-bottom:-50px; }
.jg-group					{ z-index: 3; }
.jg-groupe-logo-wn			{ width:65%;  margin: 0% 0px; }
.jg-groupe-bottom-triangle1			{ width:66%; margin-top:20px; }
.jg-groupe-bottom-triangle2			{ width:50%; }
div.jg-c-p div.jg-group-fondatrice	{ margin-top:-15px; margin-bottom:-20px;}
.jg-groupe-name						{ width:60%; height:auto;  }
.jg-group-m-signature				{ z-index:3; }
.jg-logo-bg							{ background-image:url("ressources/custom/img/chagouri-group-logo-rose-trsp.png"); background-size:100% auto; background-position:center; background-repeat:no-repeat; }





/* ********************************* NOS ACTIVITES 2 **********************************/

/*
.jg-bgc-activity 					{ background: linear-gradient(135deg, rgba(255, 176, 92, 1) 41%, rgba(255, 176, 92, 0.20) 75%, white 95%); }
.jg-bgc-activity 					{ background: linear-gradient(135deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.10) 80%, rgba(255, 176, 92, 0.7) 100%); }
.jg-bgc-activity 					{ background: linear-gradient(165deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.20) 85%, rgba(255, 176, 92, 1) 100%); }
.jg-bgc-activity 					{ background: linear-gradient(182.5deg, rgba(255, 176, 92, 0.20) 89.5%, rgba(255, 176, 92, 1) 89.6%, rgba(255, 176, 92, 1) 100%); }

.jg-bgc-activity 					{ background: linear-gradient(165deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.20) 85%, rgba(255, 176, 92, 1) 100%); }
.jg-bgc-activity 					{ background: linear-gradient(135deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.10) 80%, rgba(255, 176, 92, 0.7) 100%); }
.jg-bgc-activity 					{ background: linear-gradient(135deg, rgba(255, 176, 92, 0.2) 38%, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.20) 75%, white 95%); }
*/
/*.jg-bgc-activity 					{ background: linear-gradient(165deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.0) 85%, rgba(255, 176, 92, 0.7) 100%); }*/
.jg-bgc-activity 					{ background: linear-gradient(165deg, rgba(255, 176, 92, 0.20) 55%, rgba(255, 176, 92, 0.2) 85%, rgba(255, 176, 92, 01) 100%); }

.bg-activities-anchor				{ height:110px; }
div.jg-act-height					{ height: 550px; }
.jg-act-section-marge				{ margin-top:-30px; margin-bottom:-0px; background-image: url("./ressources/custom/img/activites-img-600.jpg"); background-repeat:no-repeat; background-size:40%; background-position:0px 0px; background-attachment: fixed; }
.jg-act-side-margin					{ margin-left:25%; margin-right:2.5%; margin-top:-500px; margin-bottom:14%; transition-property:all; transition-duration:0.5s; }
.jg-act-triangle					{ width:100%; height:80px; background-image:url("./ressources/custom/img/activite-top-triangle-small.png"); background-size:100% auto; background-repeat:no-repeat; }
.jg-act-title						{ padding:0px; }
div.jg-act-content-bg				{ margin: 0px 30px; padding-bottom:20px; border-top:2px rgb(207,128,45) SOLID; border-left:2px rgb(207,128,45) SOLID; background-color:rgba(255,255,255,1); }
.jg-act-content-margin				{ padding:0px;  }






/* ********************************* NOS MARQUES **********************************/
.bg-marques-anchor					{ height:110px; }		
.jg-marques-title					{ padding:0px; }
.jg-marques-bahae-p 					{ font-family:'Aligot de Mirabelle', Georgia, serif;  font-size:146px; line-height:80px;  color: rgb(207,128,45); text-transform:none; font-weight:bold; z-index:1; transition:all 0.3s;}
.jg-marques-title-p					{ font-family: 'Lora', Georgia, serif; font-size:1em; line-height:1em; padding:0px; }
.jg-marque-logo-img					{ width:0px; }

div.jg-marque-triangles-fashion		{ width:100%; height:42px; background-image:url("./ressources/custom/img/marques-separation.png"); background-size:100% auto; background-repeat:no-repeat;  }
div.jg-marque-triangles-shoes		{ width:100%; height:40px; margin-top: -40px; background-image:url("./ressources/custom/img/marques-separation-shoes.png"); background-size:100% auto; background-repeat:no-repeat; }
div.jg-marque-triangles-cos			{ width:100%; height:42px; margin-top: 20px; background-image:url("./ressources/custom/img/marques-separation.png"); background-size:100% auto; background-repeat:no-repeat; }

.jg-marque-side-margin				{ margin-left:0px; margin-right:0px; }
.jg-marque-img						{ width:66%; padding:10px; background-color:white; z-index: 2; }
.jg-marque-img-fashion				{ margin-left:-88.3%;	 }
.jg-marque-img-shoes				{ margin-right:-85%; }
.jg-marque-img-cos					{ margin-left:-65%; }


.jg-marque-fashion-top				{ margin-top: 18px;}
.jg-bgc-fashion						{ background-color: rgba(250,244,240,1); background-color: rgba(245,233,225,1); } 
.jg-bgc-fashion-logo				{ background: radial-gradient( white 10%, rgba(250,244,240,1) 70% ); background: radial-gradient( white 10%, rgba(245,233,225,1) 70% ); }
.jg-bgc-fashion-txt 					{ background-color: rgba(253,252,251,1); background-color:white; }
.jg-marque-fashion-brd-top 			{ border-top:rgba(171,134,82,1) 2px SOLID; border-right:rgba(171,134,82,1) 2px SOLID; border-left:rgba(171,134,82,1) 2px SOLID; margin-top: 18px; }
.jg-marque-fashion-brd-bottom		{ border-bottom:rgba(171,134,82,1) 2px SOLID; border-right:rgba(171,134,82,1) 2px SOLID; border-left:rgba(171,134,82,1) 2px SOLID; } 


.jg-marque-shoes-top				{ margin-top: 18px;}
.jg-bgc-shoes-txt					{ background-color: rgb(253,250,243); background-color: rgba(248,236,214,1); background-color: rgba(251,244,230,1); } 		
.jg-marque-shoes-brd-top 			{ border-top:rgb(235,188,100) 2px SOLID; border-right:rgb(235,188,100) 2px SOLID; border-left:rgb(235,188,100) 2px SOLID; margin-top: 18px; }
.jg-marque-shoes-brd-bottom			{ border-bottom:rgb(235,188,100) 2px SOLID; border-right:rgb(235,188,100) 2px SOLID; border-left:rgb(235,188,100) 2px SOLID; }




.jg-marque-cos-top					{ margin-top: 18px;}
.jg-bgc-cos							{ background-color: rgba(235,240,240,1); } 	
.jg-bgc-cos-logo					{ background: radial-gradient( white 10%, rgba(235,240,240,1) 70% ); } 
.jg-bgc-cos-txt						{ background-color:rgba(250,250,250,1); background-color:white; } 	
.jg-marque-cos-brd-top 				{ border-top:rgb(180,180,180) 2px SOLID; border-right:rgb(180,180,180) 2px SOLID; border-left:rgb(180,180,180) 2px SOLID; margin-top:10px; }
.jg-marque-cos-brd-mdl				{ border-right:rgb(180,180,180) 2px SOLID; border-left:rgb(180,180,180) 2px SOLID; }
.jg-marque-cos-brd-bottom			{ border-bottom:rgb(180,180,180) 2px SOLID; border-right:rgb(180,180,180) 2px SOLID; border-left:rgb(180,180,180) 2px SOLID; }


.jg-marques-bg						{ background-size: 50%; background-position: top right; background-repeat: no-repeat; }
.jg-marques-bg-fashion				{ background-image:url("./ressources/custom/img/Bahae-fashion-ex-1700.webp"); background-size:37%; background-position:right -10px; }
.jg-marques-bg-shoes				{ background-image:url("./ressources/custom/img/Bahae-Shoes-ex-1700.webp");  background-position: top left; }
.jg-marques-bg-cosmetics			{ background-image:url("./ressources/custom/img/Bahae-Cosmetics-ex-1700.webp"); background-size: 100%; }

.jg-marques-content-margin-fashion	{ margin-top:10%; }
.jg-marques-content-margin-shoes	{ margin-top:10%; }
.jg-marques-content-margin-cos		{ margin-top:35%; }
.jg-marques-content-fashion 			{ margin-left:5%; margin-right:-30%; }
.jg-marques-content-shoes 			{ margin-left:-20%; margin-right:5%; }
.jg-marques-content-cos 				{ margin-left:5%; margin-right:-25%; }

.jg-marques-accroche-fashion		{ padding:4%; padding-bottom:2%; text-align:center; text-transform:uppercase; }
.jg-marques-accroche-shoes			{ padding:4%; padding-bottom:2%; text-align:center; text-transform:uppercase; }
.jg-marques-accroche-cos			{ padding:4%; padding-bottom:2%; text-align:center; text-transform:uppercase; }

.jg-marques-accroche				{ width:66%; font-size:1.3em; padding:0px 10px; text-transform:uppercase; text-align: center; }


.jg-marques-date					{ width:66%;  padding:0px 10px; z-index: 1; }
.jg-marques-date-fashion			{ margin-bottom:55px; margin-top: -1px; }
.jg-marques-date-cos				{ width:66%;  padding:0px 10px; z-index: 1; }

.jg-marques-detail					{ padding:4%; padding-top:0%; margin-top: -1px; }
.jg-marques-detail-fashion 			{ padding-right:51.6%; }
.jg-marques-detail-shoes			{ padding-left:45.4%; }
.jg-marques-detail-cos				{ padding-right:39.4%; }
.jg-marques-detail-margin			{ margin-bottom:55px; }


/*
.jg-marques-content-fashion-ar		{ margin-left:-95%; margin-right:70%; }
.jg-marque-img-fashion-ar			{ margin-right:-203%; }
.jg-marques-content-shoes-ar		{ margin-left:80%; margin-right:-95%; }
.jg-marque-img-shoes-ar				{ margin-left:-203%; }
.jg-marques-content-cos-ar			{ margin-left:-95%; margin-right:75%; }
.jg-marque-img-cos-ar				{ margin-right:-203%; }
*/


/* ********************************* CONTACTEZ-NOUS **********************************/
.bg-contact-anchor				{ height:42px; }

.jg-contact-form-border			{ padding-top:101px; }

.jg-contact-form-content		{ border: 2px solid rgb(204,191,177);  padding-right:47.85%; position:absolute; left: 2%; right: 2%; }
.jg-contact-form-content		{ border: 2px solid rgb(235,235,235);  padding-right:47.85%; position:absolute; left: 2%; right: 2%; }
/* .jg-contact-form-content		{ border: 2px solid #f7f7f7; padding-right: 97%; margin-left: -97%; margin-right: 3%; } */

.jg-contact-p1					{ font-size:2em; line-height:1em; color:white; font-weight:bold; text-align:center; padding-top: 20px; }
.jg-contact-p2					{ font-size:1em; line-height:1em; color:white; text-align:center; padding-bottom: 20px; }

.jg-contact-bg-calque-black		{ height:100%; background: linear-gradient(rgba(0,0,0,1),rgba(31,13,8,1));}
.jg-contact-bg-calque-black-form{ height:100%; background: linear-gradient(rgba(20,9,6,1),rgba(61,38,25,1)); background: linear-gradient(rgba(20,9,6,1),rgba(29,12,7,1)); }
.jg-contact-bg					{ height:100%; background-image:url("./ressources/custom/img/contact-bg-img.webp"); background-size:100% auto; background-position:center; background-repeat:no-repeat; }
.jg-contact-bg-calque-grey 		{ height:100%; background: linear-gradient( rgba(255,255,255,0.7), rgba(255,255,255,0)); }
.jg-contact-bg-calque-orange	{ height:100%; background: linear-gradient( rgba(207,128,45,0), rgba(207,128,45,0.69)); }
 

 
.jg-contact-form-margin			{ padding: 23px 12% 37px 0%; }
/* .jg-contact-form-margin		{ padding:30px 12% 30px 0%; margin-top: -208px; } */

.jg-contact-form-bg				{ padding: 0px 15px 10px; background-color:rgba(255,255,255,0.3); background-color:rgb(220,220,220); background-color:rgb(204,191,177); background-color:rgb(235,235,235); }
.jg-contact-form-bg p			{ padding:0px; }


/*
.jg-contact-form-margin-ar		{ padding: 30px 0% 30px 12%; }
.jg-contact-form-content-ar 		{ padding-left: 47.85%; padding-right: 0%; }
.jg-contact-form-bg-ar 			{ padding-top:15px; }
*/


/* NINJA FORM CLASSSES CUTOMIZABLES - SEE DOCUMENTATION */

.nf-field-container					{ margin-bottom:0px !important; }

.field-wrap 						{ margin-bottom:0px !important; }

/* .field-wrap label 				{ color:white; font-weight:normal; } */

/* .nf-form-content .ninja-forms-field 	{ font-family:'Hind Madurai', Georgia, serif; font-size:0.8em; border-radius: 0px; padding: 15px 10px 10px; } */
.email-wrap .ninja-forms-field 		{ font-family:'Hind Madurai', Georgia, serif; border: 0px solid #c4c4c4 !important; font-size:0.8em !important; padding:5px 15px !important; height: 30px !important;}
.textbox-wrap .ninja-forms-field 	{ font-family:'Hind Madurai', Georgia, serif; border: 0px solid #c4c4c4 !important; font-size:0.8em !important; padding:5px 15px !important; height: 30px !important; border-radius:0px; }
.textarea-wrap .ninja-forms-field 	{ font-family:'Hind Madurai', Georgia, serif; border: 0px solid #c4c4c4; font-size: 1em;  padding:15px 15px 10px; height: 220px; }
/* .submit-wrap .ninja-forms-field 		{ font-family:'Hind Madurai', Georgia, serif; border: 0px solid #c4c4c4; background-color: rgba(69,46,35,1); padding:10px;  } */
/* .submit-wrap 						{ font-family:'Hind Madurai', Georgia, serif; border: 0px solid #c4c4c4; background-color: rgba(69,46,35,1); padding:10px;  } */

.ninja-forms-req-symbol 				{ display: none; }
.nf-form-fields-required 			{ display: none; }

/* les id des fields changent en PROD... => .field-wrap input[type=button] ... */
/* #nf-field-14						{ width:100% !important; } */


/* CUSTOM CLASSSES REFERENCED IN NINJA FORM ADMINISTRATION CONSOLE */
.jg-contact-submit-container		{ margin-top: -15px; }
.jg-contact-submit-button			{ background-color:rgba(69,46,35,1) !important;  border:1px rgba(69,46,35,0.5) SOLID !important; color:rgb(255,255,255,0.6); font-size:1em !important; font-weight:bold; transition:all .5s; }
.jg-contact-submit-button:hover		{ background-color:rgba(69,46,35,0.5) !important; border:1px rgba(69,46,35,0.5) SOLID; color:rgb(0,0,0,0.8) !important; transition: all .5s; }


/* OTHERS TEST... */
.field-wrap input[type=button]		{ width:100% !important; } 

.nf-error-wrap						{ margin-bottom:10px; }
.nf-error-msg						{ margin-left:15px; }

.nf-response-msg					{ padding-top: 80px; padding-bottom: 80px; }
.nf-response-msg p 					{ color: white; text-align:center; font-size: 1.3em; padding: 0px; }
/* .nf-error div.nf-error-msg 			{ color: #e2ecfb; padding-left: 10px; padding-top: 5px; } */
/* .nf-form-errors div.nf-error-msg 		{ color: #e2ecfb; padding-left: 10px; padding-top: 5px; } */

.nf-error.field-wrap .nf-field-element:after { height:28px !important; width:28px !important; line-height:28px !important; }
	
/* Sans effet aparent ...*/
.nf-field-label						{ margin-bottom:0px !important; }


/* ********************************* FOOTER **********************************/
div.jg-social-network-margin	{ padding:50px 25%; }
.jg-footer-title-sn				{ color:white;  padding-bottom:25px; text-transform:uppercase; font-weight:bold; font-size: 1.2em;}
.jg-footer-content-sn			{ color:white; padding:0px; font-size: 0.8em; line-height: 0.8em; }
.jg-footer-bg-calque-black 		{ background-color: rgba(31,12,8,1);}
.jg-footer-bg-calque-grey 		{ background-color: rgba(255,255,255,0.1); } 
.jg-footer-bg-calque-orange		{ background-color: rgba(207,128,45,0.1);  } 
div.jg-footer-margin			{ padding: 20px 10px; }
.jg-footer-logo					{ width:150px; margin: 20px 0px; }
.jg-footer-title				{ color:white; padding-top:20px; padding-bottom: 5px; text-transform:uppercase; }
.jg-footer-content				{ color:rgba(244,217,193,1); font-size:0.8em; line-height:1.1em; text-align: inherit; }
div.jg-footer-liner-margin		{ margin: 0px 10%; }
.jg-footer-liner				{ border-bottom: 1px rgba(244,217,193,1) SOLID; }
.jg-footer-icone				{ width:32px;  }



/* ******************************************************************************* */
/* ************************* CHAGOURI COMMONS ************************************ */
/* ******************************************************************************* */

div.jg-c div.jg-liner			{ border-bottom: 2px rgb(207,128,45) SOLID; }
div.jg-c-p div.jg-liner		{ border-bottom: 2px rgb(207,128,45) SOLID; }



/* ************************* TITRES ********************************************** */
html 	{ font-family:'Hind Madurai', Georgia, serif; color:rgb(129, 77,31); }
body 	{ font-family:'Hind Madurai', Georgia, serif; color:rgb(129, 77,31); }


h1  		{ font-family:'Lora', Georgia, serif; color:rgb(207,128,45); }
h2  		{ font-family:'Lora', Georgia, serif; color:rgb(129, 77,31); }
h3  		{ font-family:'Lora', Georgia, serif; color:rgb(129, 77,31); }

h5  		{ font-family:'Lora', Georgia, serif; color:rgb(129, 77,31); }
h6  		{ font-family:'Lora', Georgia, serif; color:rgb(129, 77,31); }
p 		{ font-family:'Hind Madurai', Georgia, serif; color:rgb(129, 77,31);  }
sup 		{ /*vertical-align: super;*/ margin-top:-15px; font-size:50%;  line-height:100%; /*font-size: .7em; line-height: .8em;*/  } 


@font-face {
	font-family: "Aligot de Mirabelle";
	font-weight: bold;
	/*font-display: swap;*/
	src: url('./ressources/custom/Aligot-de-Mirabelle.ttf');
}
@font-face {
	font-family: "Lora";
	font-weight: regular;
	/*font-display: swap;*/
	src: url('./ressources/custom/Lora-VariableFont_wght.ttf');
}
@font-face {
	font-family: "Hind Madurai";
	font-weight: regular;
	/*font-display: swap;*/
	src: url('./ressources/custom/HindMadurai-Regular.ttf');
}
@font-face {
	font-family: "Hind Madurai";
	font-weight: bold;
	/*font-display: swap;*/
	src: url('./ressources/custom/HindMadurai-Bold.ttf');
}





/* ************************* COULEURS DE POLICES *************************************** */
.jg-pc-logo-min 		{ color: rgb(207,128,45); }
.jg-pc-logo-max 		{ color: rgb(129, 77,31); }


.jg-pc1-min 			{ color: rgb(171,134,82); }	/*Bronze*/
.jg-pc1-max 			{ color: rgb(123,79,41); }

.jg-pc2-min 			{ color: rgb(235,188,100); }/*OR*/
.jg-pc2-max 			{ color: rgb(178,143,51); }

.jg-pc3-min 			{ color: rgb(180,180,180); }/*Gris*/
.jg-pc3-max 			{ color: rgb(139,139,139); }


/* Par color.adobe.com 
.jg-pc-logo-max 	{ color: rgb(140, 86,38); }
.jg-pc-logo-min 	{ color: rgb(217,128,50); }
.jg-pc-logo-max1	{ color: rgb(191,120,57); }
.jg-pc-logo-min1	{ color: rgb(217,172,132); }
*/



/* ************************* COULEURS DE BACKGROUND ************************************ */

.jg-bgc-logo-min 		{ background-color: rgb(207,128,45); }
.jg-bgc-logo-max 		{ background-color: rgb(129, 77,31); }
.jg-bgc-logo-min-light	{ background-color: rgba(253,248,244,1); } /*COURRANTE*/


.jg-bgc-white 		{ background-color: WHITE; }
.jg-bgc-black 		{ background-color: BLACK; }
.jg-bgc-grey 		{ background-color: rgba(0,0,0,0.05); }



/* ************************* LIENS ****************************************************** */

.jg-lien      			{ color:rgb(207,128,45); } 
.jg-lien:hover 		{ color:rgb(129, 77,31); } 

.jg-lien-bg     		{ color:rgb(129, 77,31); } 
.jg-lien-bg:hover 	{ background-color:rgb(129, 77,31); } 

.jg-lien-bg-cl    	{ background-color:rgba(255,255,255,0.6); } 
.jg-lien-bg-cl:hover{ background-color:rgb(129, 77,31); } 

.jg-lien-icon      	{ overflow-wrap:break-word; } 
.jg-lien-icon:hover 	{ background-color:rgb(129, 77,31); } 







/* ************************************************************************************** */
/* ************************* RESPONSIVE DESIGN ****************************************** */
/* ************************************************************************************** */

/*****************************************
	Taille écran bureau 			1600 
	Taille écran portable			1350
	Taille écran tablette			950
	Taille écran TEL XXL retourné	810
	Taille écran TEL XL retourné	725
	Taille écran TEL M retourné		560
	Taille écran Tel XL				375
	Taille écran TEL M				300
/*****************************************/





@media only screen and (min-width:1500px)  {
	.jg-bahae-margin 		{ padding-top:270px; }
	.jg-bahae-p				{ font-size:250px; line-height:120px; transition:all 0.3s;}
}

@media only screen and (max-width:1330px)  {
	.jg-contact-bg-calque-black-form{ background: linear-gradient(rgba(20,9,6,1),rgba(61,38,25,1));  }

}

@media only screen and (max-width:1238px)  {
	 /*.jg-contact-form-margin		{ margin-top:-255px; }*/  /* = -101 - 155px */
}



@media only screen and (max-width:1100px)  {
	.jg-bahae-margin 			{ padding-top:200px; }
	
	.jg-marques-bg-fashion		{ background-image:url("./ressources/custom/img/Bahae-fashion-ex-1100.webp");  }
	.jg-marques-bg-cosmetics	{ background-image:url("./ressources/custom/img/Bahae-Cosmetics-ex-1100.webp");  }
	.jg-contact-bg-calque-black-form{ background: linear-gradient(rgba(20,9,6,1),rgba(29,12,7,1)); }

}

@media only screen and (max-width:1050px)  {		
	.jg-marque-img-l 			{ margin-left: -70%; }
	.jg-marques-accroche 		{ font-size: 1.1em; padding-top:0px;}
}

@media only screen and (max-width:1000px)  {
	.jg-bahae-p				{ font-size:130px; line-height:63px; padding-right:15px; padding-left:15px; transition:all 0.3s;}
	.jg-bahae-p-little		{ font-size:58px; }
	.jg-contact-bg			{ background-size: auto 100%; }
	.jg-contact-bg-calque-black-form{ background: linear-gradient(rgba(20,9,6,1),rgba(29,12,7,1)); }

}


@media only screen and (max-width:950px)  {
	.jg-bahae-margin 			{ padding-top:160px; }

	.jg-act-section-marge		{ background-attachment: initial; }

	.jg-marque-cos-top 			{ margin-top:-10px; }
	.jg-marques-accroche-cos 	{ text-align:left; }
	.jg-marques-date-cos 		{ padding-bottom: 18px; }
	/* .jg-marque-img-cos			{ margin-left:-20%; } */
	/* .jg-marque-img 				{ padding:10px 25%; } */
	/* .jg-marques-accroche 		{ padding:0px 25%; } */
	/* .jg-marques-date 			{ padding:0px 25% 20px; } */
}

@media only screen and (max-width:940px)  {
	.jg-act-side-margin		{ margin-bottom:0px;  }
}


@media only screen and (max-width:890px)  {
	.jg-groupe-name 				{ width: 30%; }
	.jg-contact-bg-calque-black-form{ background: linear-gradient(rgba(20,9,6,1),rgba(61,38,25,1));  }

}

@media only screen and (max-width:874px)  {
	.jg-bgc-activity 			{ background:transparent; }
}

@media only screen and (max-width:860px)  {
	.jg-marques-accroche 		{ font-size: 1em; }
}

@media only screen and (max-width:835px)  {
	.nf-response-msg		{ padding-top: 20px; padding-bottom: 20px; }
	.jg-marques-date-cos 	{ padding-bottom:40px; }
}

@media only screen and (max-width:810px)  {
	.jg-bahae-margin 			{ padding-top:100px; }
}

@media only screen and (max-width:801px)  {
	.jg-act-section-marge		{ background-size:50%;  }
	.jg-act-side-margin			{ margin-left:30%;  }
	
	.jg-marques-bg-fashion		{ background-size:43%; background-position:110% -10px; }
	.jg-marques-accroche 		{ font-size: 0.9em; }
	.jg-marque-img 				{ padding-bottom:0px; }
	.jg-marques-date 			{ font-size: 0.8em; padding-bottom: 18px; }
	.jg-marques-date-cos 		{  font-size: 0.8em; padding-bottom:48px; }
}


@media only screen and (max-width:728px)  {	
	.jg-bahae-margin 		{ padding-top:100px; }
	.jg-bahae-p				{ font-size:100px; line-height:50px; padding-right:10px; padding-left:10px; transition:all 0.3s;}
	.jg-bahae-p-little		{ font-size:42px; }

	div.jg-c-p div.jg-group-fondatrice { margin-bottom: -15px; }

	div.jg-act-content-bg		{ padding-bottom: 10px; }
	.jg-act-side-margin 		{ margin-bottom: 16%; }	
	.jg-marques-bahae-p 		{ font-size:116px; line-height: 70px; }
	.jg-marques-title-p			{ font-size:0.8em; }

	.jg-marque-img-r 			{ margin-right: -65%; }
}

@media only screen and (max-width:660px)  {	
	 .jg-marque-img 	{ padding-top:25px; }	 
	.jg-marques-date 	{ padding-bottom:25px; }
}

@media only screen and (max-width:650px)  {	
	.jg-marques-content-margin-fashion 	{ margin-top:0%; }
	/* .jg-marque-img 						{ padding-top:20px; } */
	.jg-marques-date 		{ padding-bottom:40px; }
	.jg-marques-date-cos 	{ padding-bottom:38px; }
	.jg-marque-img-cos		{ padding-top:20px; }

}

/* Taille écran Téléphone XL - IPhone X*/ /* Tel retourner: width = 600px */ 
@media only screen and (max-width:616px)  {
	.jg-bgc-logo-min-light		{ background-color: rgba(255, 176, 92, 0.20); }
	
	.jg-act-section-marge 		{ background-size:100%; background-position:0px 0px; }
	.jg-act-side-margin 			{ margin-top:-50px; margin-bottom: 7%; margin-left:0%; margin-right:0%;	}


	div.jg-marque-triangles-shoes		{ background-image:url("./ressources/custom/img/marques-separation-mobile-shoes.png"); margin-top:0px; }
	
	.bg-marques-anchor 					{ height: 55px; }
	.jg-marques-bahae-p 					{ font-size:110px; line-height: 60px; }
	.jg-marques-content-margin-fashion 	{ margin-top:120%; }
	.jg-marques-content-margin-shoes	{ margin-top:65%; }
	.jg-marques-content-margin-cos		{ margin-top:50%; }
	.jg-marques-accroche 				{ width:100%; font-size:1em; padding:5px 0px; }


	.jg-marque-img-fashion 			{ margin-left:0%; }
	.jg-marque-img-shoes 			{ margin-right:0%; }
	.jg-marque-img-cos 				{ margin-left:0%; }

	.jg-marque-fashion-top 			{ margin-top: 0px; }
	.jg-marque-shoes-top 			{ margin-top: 0px; }
	.jg-marque-cos-top 				{ margin-top: 0px; }
	
	.jg-marques-bg-fashion			{ background-size:100%; background-image:url("./ressources/custom/img/Bahae-fashion-ex-617.jpg"); }
	.jg-marques-bg-shoes			{ background-size:100%; background-image:url("./ressources/custom/img/Bahae-Shoes-ex-617.jpg"); }
	.jg-marques-bg-cosmetics		{ background-size:150%; background-image: url(./ressources/custom/img/Bahae-Cosmetics-ex-mobile-617.jpg);}
	
		
	.jg-marques-content-fashion 	{ margin-left:30px;  margin-right:30px; }
	.jg-marques-accroche-fashion{ padding:15px 25px; text-align:center;}
	.jg-marques-detail-fashion 	{ padding:0px 25px 15px; }

	.jg-marques-content-shoes 	{ margin-left:30px;  margin-right:30px; }
	.jg-marques-accroche-shoes 	{ padding:15px 25px; text-align:center;}
	.jg-marques-detail-shoes 	{ padding:15px 25px; }

	.jg-marques-content-cos 		{ margin-left:30px;  margin-right:30px; }
	.jg-marques-accroche-cos 	{ padding:15px 25px; text-align:center;}
	.jg-marques-detail-cos 		{ padding:0px 25px 15px; }
	/* .jg-marques-detail-1 	{ padding:2% 4% 0% 4%; } */
	
	.jg-marque-img 				{ width: 85%; }
	.jg-marque-img-l 			{ margin-left: 0%; }
	.jg-marque-img-r			{ margin-right:0%; }
	.jg-marques-detail-margin 	{ margin-bottom: 0px; }
	.jg-marques-date			{ width:100%; margin-bottom:0px; }

	
	.jg-marque-shoes-brd-top 		{ border-top:rgb(250,242,228) 0px SOLID; border-right:rgb(250,242,228) 0px SOLID; border-left:rgb(250,242,228) 0px SOLID; }
	.jg-marque-shoes-brd-bottom		{ border-bottom:rgb(250,242,228) 0px SOLID; border-right:rgb(250,242,228) 0px SOLID; border-left:rgb(250,242,228) 0px SOLID; }

/*	.jg-marque-cos-brd-top 			{ border-top:rgb(240,240,240) 0px SOLID; border-right:rgb(240,240,240) 0px SOLID; border-left:rgb(240,240,240) 0px SOLID; }
	.jg-marque-cos-brd-mdl			{ border-right:rgb(240,240,240) 0px SOLID; border-left:rgb(240,240,240) 0px SOLID; }
	.jg-marque-cos-brd-bottom		{ border-bottom:rgb(240,240,240) 0px SOLID; border-right:rgb(240,240,240) 0px SOLID; border-left:rgb(240,240,240) 0px SOLID; }
*/


	.jg-contact-p1 					{ font-size: 1.7em; }	
	.jg-contact-form-border	 		{ margin-left: 0%; padding:25px 6% 25px;} 
	.jg-contact-form-content 		{ padding-right: 0px; position:relative; left:0%; right:0%;}
	.jg-contact-form-margin			{ margin-top:0px; padding:0px 6%;}
	.jg-contact-bg-calque-black-form{ height: 100%; background-color: rgba(31,13,8,1);
										background-size: auto 100%; background-position: center 0%; background-repeat: no-repeat; }
	.jg-contact-bg					{ background-image:unset; }
	.jg-contact-form-bg 				{ padding: 0px; background-color: rgba(255,255,255,0.0); }
	.jg-footer-title 				{ font-weight: bold; }
	div.jg-social-network-margin	{ padding:50px 10%; }	
}

/* Taille écran Téléphone XL - IPhone X*/ /* Tel retourner: width = 600px */ 
@media only screen and (max-width:600px)  {
	.jg-home-video-r 		{ top:55px; }
	.jg-home-accroche		{ top:55px; }
	/* .jg-bahae-p				{ font-size:80px; line-height:35px; padding-top:80px; padding-right:8px;  padding-left:8px; } */

	.jg-bahae-margin 		{ padding-top:80px; }
	.jg-bahae-p				{ font-size:80px; line-height:35px; transition:all 0.3s;}
	.jg-bahae-p-little		{ font-size:42px; }

}

@media only screen and (max-width:540px)  {
	/* .jg-bahae-p			{ font-size:70px; line-height:30px; padding-top:80px; padding-right:8px;  padding-left:8px; } */
	.jg-bahae-p				{ font-size:70px; padding-right:8px;  padding-left:8px; }
}

/* Taille écran Téléphone M - IPhone 5 */
@media only screen and (max-width:430px)  {
	.jg-bahae-margin 		{ padding-top:40px; }
	.jg-bahae-p				{ font-size:70px; line-height:25px; }

	.jg-home-accroche		{ top: 118px; }
	.jg-home-video-r		{ top: 118px; }	
	
	.jg-act-side-margin 		{ margin-top: -100px; }
}

@media only screen and (max-width:350px)  {
	/* .jg-bahae-p				{ font-size:60px; line-height:25px; padding-top:20px; padding-right:8px;  padding-left:8px; } */
	.jg-bahae-margin 		{ padding-top:25px; }
	.jg-bahae-p				{ font-size:60px; }

	.jg-act-side-margin 		{ margin-top: -200px; }
}