@charset "UTF-8";
/* CSS Document */

/* EMMANUEL BARDOU pour NEOSBAM, Novembre 2019. */

/*TYPOGRAPHIE : DECLARATIONS INITIALES ================================================================================================================================================= */

/* DECLARATION DES POLICES ************************************************************************************************************************************************************* */

	/*Merriweather Sans Regular*/
	@font-face 
	{font-family: 'merriweather_sansregular';
	 src: url('typos/MerriweatherSans-Regular.woff2') format('woff2'), 
		  url('typos/MerriweatherSans-Regular.woff') format('woff'), 
		  url('typos/MerriweatherSans-Regular.otf') format("opentype");
	 font-weight: normal;
	 font-style: normal; }

	/*Merriweather Sans Light*/
	@font-face 
	{font-family: 'merriweather_sanslight';
	 src: url('typos/MerriweatherSans-Light.woff2') format('woff2'), 
		  url('typos/MerriweatherSans-Light.woff') format('woff'), 
		  url('typos/MerriweatherSans-Light.otf') format("opentype");
	 font-weight: normal;
	 font-style: normal; }


	/*FF Market PRO Regular*/
	@font-face 
	{font-family: 'ff-market-web';
	 src: url('typos/ff-market-web-normal400.woff2') format('woff2'), 
		  url('typos/ff-market-web-normal400.woff') format('woff'), 
		  url('typos/ff-market-web-normal400.otf') format("opentype");
	 font-weight: 400;
	 font-style: normal; }


	/*HWT Artz*/
	@font-face 
	{font-family: 'hwt-artz';
	 src: url('typos/HWT-Artz-Regular.woff2') format('woff2'), 
		  url('typos/HWT-Artz-Regular.woff') format('woff'), 
		  url('typos/HWT-Artz-Regular.otf') format("opentype");
	 font-weight: 700;
	 font-style: normal; }

/*PROPRIETES GENERALES ET COMMUNES ===================================================================================================================================================== */

	/*Propriétés communes à tous les éléments*/
	* { padding:0; margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; }

	/*Propriétés communes à tous les liens*/
	a { background-color:transparent; text-decoration:none; outline:none; }

	/*Propriétés communes aux Input et Textarea*/
	input, textarea { border: none; }

	/*Propriétés communes à tous les liens visités*/
	a:visited, p:visited { text-decoration:none; }

	/*Propriétés communes à tous les éléments STRONG, EM ou H...*/
	strong, em, h1, h2, h3 { font-weight: normal; }

	/*Propriétés communes à toutes les images*/
	a img { border:0; background-color:transparent; }

	/*Propriétés communes à tous les documents HTML*/
	html { margin:0; padding:0; width:100%; }

	/*Propriétés communes à tous les corps de pages*/
	body { margin:0; width:100%; padding:0; }

	/*Propriétés des Listes par Défaut*/
	ul { list-style-type:disc; -webkit-margin-before:0em; -webkit-margin-after:0em; -webkit-margin-start:0px; -webkit-margin-end:0px; -webkit-padding-start:0px;}

	/*Propriétés communes à toutes les div et ul*/
	a, figure, div, ul, h1 { background-repeat:no-repeat ; background-size: cover; background-position: center; } 

	/*Modes d'affichage **************************************************************************************************************************************************************** */

	/*Blocks*/
	.disp_block { display:block; }

	/*Inline Blocks*/
	.disp_inlineblock { display:inline-block; }

	/*Inline Blocks*/
	.disp_inline { display:inline; }

	/*Invisible*/
	.disp_none { display:none; }

	/*Type de position ***************************************************************************************************************************************************************** */

	/*Eléments à position relative*/
	.ptype_rel { position:relative; }

	/*Eléments à position absolue*/
	.ptype_abs { position:absolute; }

	/*Eléments à position fixe*/
	.ptype_fxd { position:fixed; }

	/*Eléments visibles en fonction de la définition *********************************************************************************************************************************** */

		/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px ----------------------------------------------------------------------------------------------------------- */
		@media all and (min-width: 1490px)
		{.vsb_onlydesk 			{ display:block; }
		 .vsb_onlylap 			{ display:none; }
		 .vsb_onlysmart 		{ display:none; }
		 .vsb_onlywatch 		{ display:none; }
		 .vsb_onlysmartlapdesk 	{ display:block; }
		 .vsb_onlylapdesk 		{ display:block; }
		 .vsb_onlysmartwatch 	{ display:none;}}

		/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ------------------------------------------------------------------------------------- */
		@media all and (min-width: 1024px) and (max-width: 1489px)
		{.vsb_onlydesk 			{ display:none; }
		 .vsb_onlysmart 		{ display:none; }
		 .vsb_onlywatch 		{ display:none; }
		 .vsb_onlylapdesk 		{ display:block; }
		 .vsb_onlylap 			{ display:block; }
		 .vsb_onlysmartlapdesk 	{ display:block; }
		 .vsb_onlysmartwatch 	{ display:none; }}

		/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px ---------------------------------------------------------------------------------- */
		@media all and (min-width: 320px) and (max-width: 1023px)
		{.vsb_onlysmart 		{ display:block; }
		 .vsb_onlywatch 		{ display:none; }
		 .vsb_onlydesk 			{ display:none; }
		 .vsb_onlylap 			{ display:none; }
		 .vsb_onlysmartwatch 	{ display:block; }
		 .vsb_onlylapdesk 		{ display:none; } 
		 .vsb_onlysmartlapdesk 	{ display:block; }}

		/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px ---------------------------------------------------------------------------------------- */
		@media all and (min-width: 100px) and (max-width: 319px)
		{.vsb_onlysmart 		{ display:none; }
		 .vsb_onlywatch 		{ display:block; }
		 .vsb_onlydesk 			{ display:none; }
		 .vsb_onlylap 			{ display:none; }
		 .vsb_onlysmartwatch 	{ display:block; }
		 .vsb_onlylapdesk 		{ display:none; } 
		 .vsb_onlysmartlapdesk 	{ display:none; }}

	/*Tests CSS de visibilité, taille et disposition de balises par coloration sommaire ************************************************************************************************ */
	.colortest_red 		{ background-color:red; 		}
	.colortest_green 	{ background-color:limegreen; 	}
	.colortest_blue 	{ background-color:cadetblue; 	}
	.colortest_orange 	{ background-color:darkorange; 	}


/*TYPOGRAPHIE OPERATIONNELLE ; ========================================================================================================================================================= */


/*Déclaration des Familles, Graisses et Styles Typographiques auprès des classes de typos ********************************************************************************************** */

/*Paramétrage de Input Mono Compressed Regular*/
.ftype_mecane_h1 
{font-family: 'input-mono-compressed', 'monospace'; font-weight: 400; font-style: normal;}

/*Paramétrage Merriweather Sans Regular*/
.ftype_h2form, .ftype_label_vignette, .ftype_accroches, .ftype_p_fdclair, .ftype_p_safezone, .ftype_labelbt_fdfonce  
{font-family: 'merriweather_sansregular', 'sans-serif'; font-weight: normal; font-style: normal;}

/*Paramétrage Merriweather Sans Light*/
.ftype_labelbt_fdclair, .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce
{font-family: 'merriweather_sanslight', 'sans-serif'; font-weight: normal; font-style: normal;}

/*Paramétrage de FF Market PRO Regular*/
.ftype_manuaire_h1 
{font-family: 'ff-market-web', 'sans-serif'; font-weight: 400; font-style: normal;}


/*Déclaration de Tailles Typographiques Communes *************************************************************************************************************************************** */

	/*Fixation de la valeur de 1rem à une valeur aboslue de 16 pixels correspondant à la taille de typo par défaut des navigateurs */
	html { font-size:16px }

	/*ALL DEVICES ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	@media all
		{	
		/*Terme défini (équiv 26px pour 1rem = 16px)*/
		.fsize_terme_defini
		{ font-size: 1.625rem; }
		}

		/*Texte Annonce (équiv 26px pour 1rem = 16px)*/
		.fsize_annonce
		{ font-size: 1rem; }

	/*DESKTOPS + LAPTOPS + SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px ---------------------------------------------------------------------------------------- */
	@media all and (min-width: 320px)
		{
		/*Titre H1 Zone “Références“ (équiv 25px pour 1rem = 16px)*/
		.fsize_titre_references	
		{ font-size: 1.563rem; }	
		}

	/*DESKTOPS + LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px)
		{	
		/*Titre H1 Zone “Pourquoi NEOSBAM“ (équiv 26px pour 1rem = 16px)  */
		.fsize_titre_pourquoineo 	
		{ font-size: 1.625rem; }
			
		/*Titre H1 Zone “Contact“ (équiv 37px pour 1rem = 16px) */
		.fsize_titre_contact 	
		{ font-size: 2.313rem; }	
			
		/*Corps de Texte Standard et Labels Boutons (équiv 12px pour 1rem = 16px) */
		.fsize_body_standard, .fsize_labels_bt 	
		{ font-size: 0.75rem; }
			
		/*Corps de texte minimal (équiv 11px pour 1rem = 16px) */
		.fsize_body_minimum
		{ font-size: 0.688rem; }	
		}

	/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1490px)
		{
		/*Titre H1 Safe Zone (équiv 36px pour 1rem = 16px) */
		.fsize_titre_safezone	
		{ font-size: 2.25rem; }
			
		/*Titre H1 Zone “Prestations“ (équiv 25px pour 1rem = 16px)*/
		.fsize_titre_prestations	
		{ font-size: 1.563rem; }
			
		/*Accroche Safe Zone (équiv 18px pour 1rem = 16px)*/ 	
		.fsize_accroches 
		{ font-size: 1.125rem; }
		}
	
	/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px) and (max-width: 1489px)
		{	
		/*Titre H1 Safe Zone (équiv 28px pour 1rem = 16px)*/
		.fsize_titre_safezone	
		{ font-size: 1.75rem; }
			
		/*Titre H1 Zone “Prestations“ (équiv 27px pour 1rem = 16px) */
		.fsize_titre_prestations	
		{ font-size: 1.688rem; }
			
		/*Accroche Safe Zone (équiv 16px pour 1rem = 16px)*/	
		.fsize_accroches 
		{ font-size: 1rem; }	
		}


	/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------------------------------------------------------------------------------------- */
	@media all and (min-width: 320px) and (max-width: 1023px)
		{	
		/*Titre H1 Zone “Prestations“ (équiv 30px pour 1rem = 16px) */
		.fsize_titre_prestations, .fsize_titre_contact	
		{ font-size: 1.875rem; }
			
		/*Titre H1 Safe Zone (équiv 26px pour 1rem = 16px)*/
		.fsize_titre_safezone	
		{ font-size: 1.625rem; }
			
		/*Titre H1 Zone “Pourquoi NEOSBAM“ (équiv 24px pour 1rem = 16px)*/
		.fsize_titre_pourquoineo	
		{ font-size: 1.5rem; }
			
		/*Accroche Safe Zone (équiv 18px pour 1rem=16px)*/ 	
		.fsize_accroches 
		{ font-size: 1.125rem; }
			
		/*Corps de Texte Standard et Labels Boutons (équiv 16px pour 1rem = 16px)*/
		.fsize_body_standard, .fsize_labels_bt 	
		{ font-size: 1rem; }
			
		/*Corps de texte minimal (équiv 14px pour 1rem = 16px)*/
		.fsize_body_minimum
		{ font-size: 0.875rem; }
		}

	/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------------------------------------------------------------------------------------- */
	@media all and (min-width: 100px) and (max-width: 319px)
		{	
		/*Titre H1 Zone “Prestations“ (équiv 23px pour 1rem = 16px) */
		.fsize_titre_prestations, .fsize_titre_contact	
		{ font-size: 1.438rem; }
			
		/*Titre H1 Zone “Pourquoi NEOSBAM“ et Titre Safe Zone (équiv 19px pour 1rem = 16px)*/
		.fsize_titre_pourquoineo, .fsize_titre_safezone, .fsize_titre_references	
		{ font-size: 1.188rem; }
			
		/*Accroche Safe Zone (équiv 15px pour 1rem = 16px)*/ 	
		.fsize_accroches 
		{ font-size: 0.938rem; }
			
		/*Corps de Texte Standard (équiv 14px pour 1rem = 16px)*/
		.fsize_body_standard 	
		{ font-size: 0.875rem; }
			
		/*Labels Boutons et corps de texte minimal (équiv 13px pour 1rem = 16px)*/
		.fsize_labels_bt, .fsize_body_minimum
		{ font-size: 0.813rem; }	
		}

/*Déclaration de Couleurs Typographiques Communes ************************************************************************************************************************************** */

	/*Couleur mixte blanc/noir label bouton contact*/
		
		/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px ---------------------------------------------------------------------------------- */
		@media all and (min-width: 320px) and (max-width: 1023px)
		{.fcolor_mixte_labelbtcontact { color: rgb(0,0,0); }}


		/*DESKTOPS + LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ------------------------------------------------------------------------------------------------- */
		@media all and (min-width: 1024px)
		{.fcolor_mixte_labelbtcontact { color: rgb(255,255,255); }}


		/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------------------------------------------------------------------------------------- */
		@media all and (min-width: 100px) and (max-width: 319px)
		{.fcolor_mixte_labelbtcontact { color: rgb(255,255,255); }}

	/*Couleur mixte bleu sarcelle clair/bleu des mers du sud texte fidélisation*/

		/*DESKTOPS + LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ------------------------------------------------------------------------------------------------- */
		@media all and (min-width: 1024px)
		{.fcolor_mixte_txtfidelisation { color: rgb(0,214,214); }}

		/*SMARTPHONES + WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 1023 px ------------------------------------------------------------------------- */
		@media all and (min-width: 100px) and (max-width: 1023px)
		{.fcolor_mixte_txtfidelisation { color: rgb(0,161,161); }}

	/*Blanc Pur*/
	.fcolor_blanc
	{ color: rgb(255,255,255); }

	/*Bleu Sarcelle Clair*/
	.fcolor_bleu_sarc_cl
	{ color: rgb(0,214,214); }

	/*Bleu des Mers du Sud*/
	.fcolor_bleu_mds
	{ color: rgb(0,161,161); }

	/*Saumon Soutenu*/
	.fcolor_saumon_st
	{ color: rgb(255,112,54); }

	/*Gris Clair 1 H2 Contact*/
	.fcolor_gris_cl1
	{ color: rgb(226,226,226); }

	/*Gris Clair 2 H1 Typos Manuaire*/
	.fcolor_gris_cl2
	{ color: rgb(216,216,216); }

	/*Gris Clair 3 Body Fond Foncé*/
	.fcolor_gris_cl_3
	{ color: rgb(170,170,170); }

	/*Gris Clair 4 Sous Titre Contact*/
	.fcolor_gris_cl_4
	{ color: rgb(191,191,191); }

	/*Gris Moyen 1 Body Fond Clair*/
	.fcolor_gris_my1
	{ color: rgb(104,104,104); }

	/*Gris Moyen 2 Typo Définition Terme*/
	.fcolor_gris_my2
	{ color: rgb(132,132,132); }

	/*Gris Anthracite Label Boutons*/
	.fcolor_gris_anth
	{ color: rgb(51,51,51); }

	/*Noir Pur*/
	.fcolor_noir
	{ color: rgb(0,0,0); }



/*PARAGRAPHES ========================================================================================================================================================================== */

	/*ALL DEVICES*/
		/*Centrage titre contact */
		.ftype_h1contact { text-align: center; }

	/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1490px)
		{
			/*Centrage titre prestation */
			.ftype_h1prest, .ftype_p_safezone { text-align: center; }
			/*Typo Logo COF*/
			.ftype_cof {font-family: 'hwt-artz', 'sans-serif'; font-weight: 700; font-style: normal; font-size: 4rem; color: rgb(33,33,33); text-align: center;}
		}

	/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px) and (max-width: 1489px)
		{	
			/*Alignement à gauche titre prestation */
			.ftype_h1prest { text-align: left; }
			.ftype_p_safezone { text-align: center; }
			/*Typo Logo COF*/
			.ftype_cof {font-family: 'hwt-artz', 'sans-serif'; font-weight: 700; font-style: normal; font-size: 4rem; color: rgb(33,33,33); text-align: center;}
		}

	/*WATCHS + SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure ou égale à 1023 px ------------------------------------------------------------------- */
	@media all and (min-width: 320px) and (max-width: 1023px)
		{
			/*Centrage titre prestation */
			.ftype_h1prest { text-align: center; }
			.ftype_p_safezone { text-align: justify; }
		}

	/*DESKTOPS + LAPTOPS + SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px ---------------------------------------------------------------------------------------- */
	@media all and (min-width: 320px)
		{
		/*Justification globale des paragraphes*/
		.ftype_mecane_h1, .ftype_terme_defini, .ftype_h2form, .ftype_p_fdclair, .ftype_labelbt_fdfonce .ftype_labelbt_fdmixte,
		.ftype_labelbt_fdclair, .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce, .ftype_definition_terme  
		{ text-align: justify; }
			
		/*Centrage Accroche et Paragraphe Safe Zone*/
		.ftype_accroches, .ftype_label_vignette
		{ text-align: center; }	
		}

	/*DESKTOPS + LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px)
		{	
		/*Interlignage par défaut (équiv 17px pour 1rem = 16px) */
		.ftype_terme_defini, .ftype_h2form, .ftype_label_vignette, .ftype_p_fdclair, .ftype_labelbt_fdfonce, .ftype_labelbt_fdmixte,
		.ftype_labelbt_fdclair, .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce, .ftype_definition_terme, .ftype_p_safezone  
		{ line-height: 1.063rem; }
			
		/*Interlignage Accroche (équiv 24px pour 1rem = 16px) */
		.ftype_accroches
		{ line-height: 1.4rem; }
			
		/*Interlignage Titres H1 Manuaires (équiv 29px pour 1rem = 16px) */
		.ftype_manuaire_h1
		{ line-height: 1.813rem; }
			
		/*Interlignage Titres H1 Mécanes (équiv 28px pour 1rem = 16px) */
		.ftype_mecane_h1 
		{ line-height: 1.9rem; }
			
		}
	


	/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------------------------------------------------------------------------------------- */
	@media all and (min-width: 320px) and (max-width: 1023px)
		{
		/*Interlignage par défaut (équiv 22px pour 1rem = 16px) */
		.ftype_terme_defini, .ftype_h2form, .ftype_label_vignette, .ftype_p_fdclair, .ftype_labelbt_fdfonce, .ftype_labelbt_fdmixte,
		.ftype_labelbt_fdclair, .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce, .ftype_definition_terme, .ftype_p_safezone
		{ line-height: 1.375rem; }
			
		/*Interlignage Accroche (équiv 23px pour 1rem = 16px) */
		.ftype_accroches
		{ line-height: 1.438rem; }
			
		/*Interlignage Titres H1 Manuaires (équiv 33px pour 1rem = 16px) */
		.ftype_manuaire_h1
		{ line-height: 2.063rem; }
			
		/*Interlignage Titres H1 Mécanes (équiv 28px pour 1rem = 16px) */
		.ftype_mecane_h1 
		{ line-height: 1.75rem; }
			
		/*Typo Logo COF*/
		.ftype_cof {font-family: 'hwt-artz', 'sans-serif'; font-weight: 700; font-style: normal; font-size: 2rem; color: rgb(33,33,33); text-align: center;}
		}


	/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------------------------------------------------------------------------------------- */
	@media all and (min-width: 100px) and (max-width: 319px)
		{	
		/*Justification des paragraphes*/
		.ftype_mecane_h1, .ftype_terme_defini, .ftype_h2form, .ftype_label_vignette, .ftype_p_fdclair, .ftypeo_labelbt_fdfonce, .ftype_labelbt_fdmixte,
		.ftype_labelbt_fdclair, .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce, .ftype_definition_terme, .ftype_accroches, .ftype_p_safezone
		{ text-align: left; }
			
		/*Interlignage par défaut (équiv 19px pour 1rem = 16px) */
		.ftype_terme_defini, .ftype_h2form, .ftype_label_vignette, .ftype_p_fdclair,
		 .ftype_inputs_form, .ftype_small_pdp, .ftype_p_fdfonce, .ftype_definition_terme, .ftype_p_safezone
		{ line-height: 1.188rem; }
			
		/*Interlignage Accroche et labels boutons (équiv 18px pour 1rem = 16px) */
		.ftype_accroches, .ftype_labelbt_fdclair, .ftype_labelbt_fdfonce
		{ line-height: 1.125rem; }
			
		/*Interlignage Titres H1 Manuaires (équiv 29px pour 1rem = 16px) */
		.ftype_manuaire_h1
		{ line-height: 1.813rem; }
			
		/*Interlignage Titres H1 Mécanes (équiv 23px pour 1rem = 16px) */
		.ftype_mecane_h1 
		{ line-height: 1.438rem; }
		}


/*ATTRIBUTS DE FORMES ================================================================================================================================================================== */

	/*ALL DEVICES ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	@media all
		{
		/*Arrondis du bouton Envoyer et des Inputs*/
		.shape_bt_envoi, .shape_inputs
		{ border-radius: 12px; resize: none;}
		
		/*Couleur et Epaisseur Bord Inférieur Menu Permanent */
		.shape_menu_statique
		{ border-bottom-color:RGB(234,234,234); border-bottom-width:1px; }
			
		/*Couleur Séparateurs Références */
		.shape_separateurref
		{ background-color:RGB(205,205,205); }
			
		/*Couleur Séparateurs Contact */
		.shape_separateurcontact
		{ background-color:RGB(60,60,60); }

		/*Couleur Zone Pied de Page*/
		.shape_footer
		{ background-color:RGB(0,161,161); }

		/*Couleur Zone Prestations et Contact */
		.shape_prestationcontact
		{ background-color:RGB(15,15,15); }

		/*Couleur Zone Pourquoi NEOSBAM*/
		.shape_pourquoineo
		{ background-color:RGB(247,247,247); }

		/*Couleur Menu Permanent et Références */
		.shape_menu_statique, .shape_ref
		{ background-color:RGB(255,255,255); }
		}

	/*DESKTOPS + LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px)
		{
		/*Rayon d'Arrondi des Angles*/
		.shape_prestationcontact, .shape_pourquoineo, .shape_slider, .shape_ref
		{ border-radius: 8px; }
		
		/*Couleur d'Arrière plan Slider*/
		.shape_slider
		{ background-color:RGB(255,255,255); }

		/*Couleur et Epaisseur de Contour Zones Pourquoi NEOSBAM, Slider et Références*/
		.shape_pourquoineo, .shape_ref, .shape_slider
		{ border-style:solid; border-color: rgb(234,234,234); border-width:1px; }
			
		/*Couleur Arrière Plan Marges Externes*/
		.shape_body
		{ background-color:RGB(242,242,242); }
			
		/*Couleur Zone Bannière*/
		.shape_header
		{ background-color:RGB(0,161,161); }
		}

	/*SMARTPHONES + WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 1023 px ----------------------------------------------------------------------------- */
	@media all and (min-width: 100px) and (max-width: 1023px)
		{	
		/*Rayon d'Arrondi des Angles*/
		.shape_prestationcontact, .shape_pourquoineo, .shape_slider, .shape_ref
		{ border-radius:none; }
			
		/*Couleur d'Arrière plan Slider*/
		.shape_slider
		{ background-color:RGB(252,252,252); }

		/*Epaisseur et Couleur de Contour Zones Pourquoi NEOSBAM, Slider et Références*/
		.shape_pourquoineo, .shape_slider, .shape_ref
		{ border-color:none; border-width:0px; }
			
		/*Couleur Zone Bannière*/
		.shape_header
		{ background-color:RGB(255,255,255); border-bottom-color:RGB(205,205,205); border-bottom-width: 1px;  }
			
		/*Couleur Arrière Plan Marges Externes*/
		.shape_body
		{ background-color:none; }
		}


/*IMAGES =============================================================================================================================================================================== */

	
	
	/*@x1 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	@media screen 
		
		/* DEVICE PIXEL RATIO <= 1.49 */
		and (-webkit-max-device-pixel-ratio: 1.49) /* Si navigateurs basés sur Webkit */
		,(max--moz-device-pixel-ratio: 1.49)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(max-resolution: 1.49dppx)  /* Ou méthode standard */
		,(max-resolution: 154dpi)  /* Ou si non support de dppx */
		{

			/*Vignettes Références *********************************************************************************** */
			.img_cof				{ background-image: url("images/png@x1/logo_cof@1x.png"); 							}
			
			/*Boutons ************************************************************************************************ */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_btemailform			{ background-image: url("images/png@x1/bt_email_form_omni@1x.png"); 		}
				 .img_bttelform				{ background-image: url("images/png@x1/bt_tel_form_omni@1x.png"); 			}
				 .img_btscrolldown_fdfonce	{ background-image: url("images/png@x1/bt_scrolldown_fdclair_omni@1x.png"); }
				 .img_btscrolldown_fdclair	{ background-image: url("images/png@x1/bt_scrolldown_fdfonce_omni@1x.png"); }
				 .img_btscrolldown_mini		{ background-image: url("images/png@x1/bt_scrolldown_mini_omni@1x.png");  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_btcontact		{ background-image: url("images/png@x1/bt_contact_lapdesk@1x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x1/fond_cta_lapdesk@1x.png"); 				  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_btcontact		{ background-image: url("images/png@x1/bt_contact_smart@1x.png"); 					}
				 .img_btcta			{ background-image: url("images/png@x1/fond_cta_smart@1x.png"); 				  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px ---------------*/
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_btplus		{ background-image: url("images/png@x1/bt_plus_watchsmart@1x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x1/fond_cta_watch@1x.png"); 				  } }
			
			/*Pictogrammes ******************************************************************************************* */
			
				.img_pictocontact 	{ background-image: url("images/png@x1/picto_contact_smartlapdesk@1x.png"); 		}
				.img_pictopresta 	{ background-image: url("images/png@x1/picto_prestations_smartlapdesk@1x.png"); 	}
			
			/*Illustrations ****************************************************************************************** */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_leftillus		{ background-image: url("images/png@x1/entrepreneuse@x1.png"); 					  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------- */
				@media all and (min-width: 1490px)
				{.img_centerillus	{ background-image: url("images/png@x1/illus_desktop@1x.png"); 					  } 
				 .img_righttillus	{ background-image: url("images/png@x1/entrepreneur@x1.png"); 					  }
				 .img_body 			{ background-image: url("images/png@x1/logo_arp_lapdesk@1x.png"),
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png") ; 				  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_rightillus	{ background-image: url("images/png@x1/illus_laptop@1x.png"); 					  } 
				 .img_body 			{ background-image: url("images/png@x1/logo_arp_lapdesk@1x.png"),
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png"), 
					 									url("images/png@x1/logo_arp_lapdesk@1x.png") ; 				  }}
			
			/*Logos NEOSBAM & EB ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_logoebpdp		{ background-image: url("images/png@x1/logo_eb_pdp_omni@1x.png"); 					}
				 .img_logoneopdp	{ background-image: url("images/png@x1/logo_neosbam_pdp_omni@1x.png"); 			  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_logoneoarp	{ background-image: url("images/png@x1/logo_arp_lapdesk@1x.png"); 					}
				 .img_logoneoban	{ background-image: url("images/png@x1/logo_neosbam_lapdesk@1x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_logoneoban	{ background-image: url("images/png@x1/logo_neosbam_smart@1x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_logoneoban	{ background-image: url("images/png@x1/logo_neosbam_watch@1x.png"); 			  } }
			
			/*Eléments de titres ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_puce			{ background-image: url("images/png@x1/puce_omni@1x.png"); 						  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------- */
				@media all and (min-width: 1490px)
				{.img_panneaupqneo	{ background-image: url("images/png@x1/pan_pourquoi_desktop@1x.png"); 			  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_panneaupqneo	{ background-image: url("images/png@x1/pan_pourquoi_laptop@1x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_panneaupqneo	{ background-image: url("images/png@x1/pan_pourquoi_smart@1x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_panneaupqneo	{ background-image: url("images/png@x1/pan_pourquoi_watch@1x.png"); 			  } }
			
			/*Textes Bitmap ****************************************************************************************** */
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_libelletel    {background-image: url("images/png@x1/numtellapdesk@1x.png"); 					  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_libelletel    {background-image: url("images/png@x1/numtelsmart@1x.png"); 					  } }
					
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_libelletel    {background-image: url("images/png@x1/numtelwatch@1x.png"); 					  } }

		}


	/*@x2 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	@media screen
		
		/*DEVICE PIXEL RATIO >= 1.5*/
		and (-webkit-min-device-pixel-ratio: 1.5) /* Si navigateurs basés sur Webkit */
		,(min--moz-device-pixel-ratio: 1.5)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(min-resolution: 1.5dppx)  /* Ou méthode standard */
		,(min-resolution: 155dpi)  /* Ou si non support de dppx */
		
		/*ET DEVICE PIXEL RATIO <= 2.49*/
		and (-webkit-max-device-pixel-ratio: 2.49) /* Si navigateurs basés sur Webkit */
		,(max--moz-device-pixel-ratio: 2.49)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(max-resolution: 2.49dppx)  /* Ou méthode standard */
		,(max-resolution: 248dpi)  /* Ou si non support de dppx */
		
		{
			
			/*Vignettes Références *********************************************************************************** */
			.img_cof				{ background-image: url("images/png@x2/logo_cof@2x.png"); 							}
			
			/*Boutons ************************************************************************************************ */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_btemailform			{ background-image: url("images/png@x2/bt_email_form_omni@2x.png"); 		}
				 .img_bttelform				{ background-image: url("images/png@x2/bt_tel_form_omni@2x.png"); 			}
				 .img_btscrolldown_fdfonce	{ background-image: url("images/png@x2/bt_scrolldown_fdclair_omni@2x.png"); }
				 .img_btscrolldown_fdclair	{ background-image: url("images/png@x2/bt_scrolldown_fdfonce_omni@2x.png"); }
				 .img_btscrolldown_mini		{ background-image: url("images/png@x2/bt_scrolldown_mini_omni@2x.png");  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_btcontact		{ background-image: url("images/png@x2/bt_contact_lapdesk@2x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x2/fond_cta_lapdesk@2x.png"); 				  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_btcontact		{ background-image: url("images/png@x2/bt_contact_smart@2x.png"); 					}
				 .img_btcta			{ background-image: url("images/png@x2/fond_cta_smart@2x.png"); 				  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_btplus		{ background-image: url("images/png@x2/bt_plus_watchsmart@2x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x2/fond_cta_watch@2x.png"); 				  } }
			
			/*Pictogrammes ******************************************************************************************* */
			
				.img_pictocontact 	{ background-image: url("images/png@x2/picto_contact_smartlapdesk@2x.png"); 		}
				.img_pictopresta 	{ background-image: url("images/png@x2/picto_prestations_smartlapdesk@2x.png"); 	}
			
			/*Illustrations ****************************************************************************************** */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_leftillus		{ background-image: url("images/png@x2/entrepreneuse@2x.png"); 					  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------- */
				@media all and (min-width: 1490px)
				{.img_centerillus	{ background-image: url("images/png@x2/illus_desktop@2x.png"); 					  } 
				 .img_rightillus	{ background-image: url("images/png@x2/entrepreneur@2x.png"); 					  } 
				 .img_body 			{ background-image: url("images/png@x2/logo_arp_lapdesk@2x.png"),
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png") ; 				  }	}
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_rightillus	{ background-image: url("images/png@x2/illus_laptop@2x.png"); 					  }
				 .img_body 			{ background-image: url("images/png@x2/logo_arp_lapdesk@2x.png"),
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png"), 
					 									url("images/png@x2/logo_arp_lapdesk@2x.png") ; 				  }}
			
			/*Logos NEOSBAM & EB ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_logoebpdp		{ background-image: url("images/png@x2/logo_eb_pdp_omni@2x.png"); 					}
				 .img_logoneopdp	{ background-image: url("images/png@x2/logo_neosbam_pdp_omni@2x.png"); 			  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_logoneoarp	{ background-image: url("images/png@x2/logo_arp_lapdesk@2x.png");				    }
				 .img_logoneoban	{ background-image: url("images/png@x2/logo_neosbam_lapdesk@2x.png");			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_logoneoban	{ background-image: url("images/png@x2/logo_neosbam_smart@2x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_logoneoban	{ background-image: url("images/png@x2/logo_neosbam_watch@2x.png"); 			  } }
			
			/*Eléments de titres ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_puce			{ background-image: url("images/png@x2/puce_omni@2x.png"); 						  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490px ---------------------------------- */
				@media all and (min-width: 1490px)
				{.img_panneaupqneo	{ background-image: url("images/png@x2/pan_pourquoi_desktop@2x.png"); 			  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489px ----------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_panneaupqneo	{ background-image: url("images/png@x2/pan_pourquoi_laptop@2x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_panneaupqneo	{ background-image: url("images/png@x2/pan_pourquoi_smart@2x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_panneaupqneo	{ background-image: url("images/png@x2/pan_pourquoi_watch@2x.png"); 			  } }
			
			/*Textes Bitmap ****************************************************************************************** */
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_libelletel    {background-image: url("images/png@x2/numtellapdesk@2x.png"); 					  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_libelletel    {background-image: url("images/png@x2/numtelsmart@2x.png"); 					  } }
					
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_libelletel    {background-image: url("images/png@x2/numtelwatch@2x.png"); 					  } }

		
		}

	/*@x3 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	@media screen 
		
		/*DEVICE PIXEL RATIO >= 2.5*/
		and (-webkit-min-device-pixel-ratio: 2.5) /* Si navigateurs basés sur Webkit */
		,(min--moz-device-pixel-ratio: 2.5)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(min-resolution: 2.5dppx)  /* Ou méthode standard */
		,(min-resolution: 249dpi)  /* Ou si non support de dppx */
		
		/*ET DEVICE PIXEL RATIO <= 3.49*/
		and (-webkit-max-device-pixel-ratio: 3.49) /* Si navigateurs basés sur Webkit */
		,(max--moz-device-pixel-ratio: 3.49)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(max-resolution: 3.49dppx)  /* Ou méthode standard */
		,(max-resolution: 480dpi)  /* Ou si non support de dppx */
		
		{
			
			/*Vignettes Références *********************************************************************************** */
			.img_cof				{ background-image: url("images/png@x3/logo_cof@3x.png"); 							}
			
			/*Boutons ************************************************************************************************ */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_btemailform			{ background-image: url("images/png@x3/bt_email_form_omni@3x.png"); 		}
				 .img_bttelform				{ background-image: url("images/png@x3/bt_tel_form_omni@3x.png"); 			}
				 .img_btscrolldown_fdfonce	{ background-image: url("images/png@x3/bt_scrolldown_fdclair_omni@3x.png"); }
				 .img_btscrolldown_fdclair	{ background-image: url("images/png@x3/bt_scrolldown_fdfonce_omni@3x.png"); }
				 .img_btscrolldown_mini		{ background-image: url("images/png@x3/bt_scrolldown_mini_omni@3x.png");  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_btcontact		{ background-image: url("images/png@x3/bt_contact_lapdesk@3x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x3/fond_cta_lapdesk@3x.png"); 				  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_btcontact		{ background-image: url("images/png@x3/bt_contact_smart@3x.png"); 					}
				 .img_btcta			{ background-image: url("images/png@x3/fond_cta_smart@3x.png"); 				  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_btplus		{ background-image: url("images/png@x3/bt_plus_watchsmart@3x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x3/fond_cta_watch@3x.png"); 				  } }
			
			/*Pictogrammes ******************************************************************************************* */
			
				.img_pictocontact 	{ background-image: url("images/png@x3/picto_contact_smartlapdesk@3x.png"); 		}
				.img_pictopresta 	{ background-image: url("images/png@x3/picto_prestations_smartlapdesk@3x.png"); 	}
			
		/*Illustrations ****************************************************************************************** */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_leftillus		{ background-image: url("images/png@x3/entrepreneuse@3x.png"); 					  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------- */
				@media all and (min-width: 1490px)
				{.img_centerillus	{ background-image: url("images/png@x3/illus_desktop@3x.png")  ; 					  } 
				 .img_righttillus	{ background-image: url("images/png@x3/entrepreneur@3x.png"); 					  }
				 .img_body 			{ background-image: url("images/png@x3/logo_arp_lapdesk@3x.png"),
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png") ; 				  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_rightillus	{ background-image: url("images/png@x3/illus_laptop@3x.png"); 					  } 
				 .img_body 			{ background-image: url("images/png@x3/logo_arp_lapdesk@3x.png"),
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png"), 
					 									url("images/png@x3/logo_arp_lapdesk@3x.png") ; 				  } }
			
			/*Logos NEOSBAM & EB ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_logoebpdp		{ background-image: url("images/png@x3/logo_eb_pdp_omni@3x.png"); 					}
				 .img_logoneopdp	{ background-image: url("images/png@x3/logo_neosbam_pdp_omni@3x.png"); 			  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_logoneoarp	{ background-image: url("images/png@x3/logo_arp_lapdesk@3x.png"); 					}
				 .img_logoneoban	{ background-image: url("images/png@x3/logo_neosbam_lapdesk@3x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_logoneoban	{ background-image: url("images/png@x3/logo_neosbam_smart@3x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_logoneoban	{ background-image: url("images/png@x3/logo_neosbam_watch@3x.png"); 			  } }
			
			/*Eléments de titres ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_puce			{ background-image: url("images/png@x3/puce_omni@3x.png"); 						  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490px ---------------------------------- */
				@media all and (min-width: 1490px)
				{.img_panneaupqneo	{ background-image: url("images/png@x3/pan_pourquoi_desktop@3x.png"); 			  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489px ----------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_panneaupqneo	{ background-image: url("images/png@x3/pan_pourquoi_laptop@3x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_panneaupqneo	{ background-image: url("images/png@x3/pan_pourquoi_smart@3x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_panneaupqneo	{ background-image: url("images/png@x3/pan_pourquoi_watch@3x.png"); 			  } }
			
			/*Textes Bitmap ****************************************************************************************** */
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_libelletel    {background-image: url("images/png@x3/numtellapdesk@3x.png"); 					  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_libelletel    {background-image: url("images/png@x3/numtelsmart@3x.png"); 					  } }
					
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_libelletel    {background-image: url("images/png@x3/numtelwatch@3x.png"); 					  } }

		}


	/*@x4 ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	@media screen 
		
		/* DEVICE PIXEL RATIO >= 3.5 */
		and (-webkit-min-device-pixel-ratio: 3.5) /* Si navigateurs basés sur Webkit */
		,(min--moz-device-pixel-ratio: 3.5)  /* Ou si anciens navigateurs Firefox (avant Firefox 16) */
		,(min-resolution: 3.5dppx)  /* Ou méthode standard */
		,(min-resolution: 481dpi)  /* Ou si non support de dppx */
		{

			/*Vignettes Références *********************************************************************************** */
			.img_cof				{ background-image: url("images/png@x3/logo_cof@3x.png"); 							}
			
			/*Boutons ************************************************************************************************ */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_btemailform			{ background-image: url("images/png@x4/bt_email_form_omni@4x.png"); 		}
				 .img_bttelform				{ background-image: url("images/png@x4/bt_tel_form_omni@4x.png"); 			}
				 .img_btscrolldown_fdfonce	{ background-image: url("images/png@x4/bt_scrolldown_fdclair_omni@4x.png"); }
				 .img_btscrolldown_fdclair	{ background-image: url("images/png@x4/bt_scrolldown_fdfonce_omni@4x.png"); }
				 .img_btscrolldown_mini		{ background-image: url("images/png@x4/bt_scrolldown_mini_omni@4x.png");  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_btcontact		{ background-image: url("images/png@x4/bt_contact_lapdesk@4x.png"); 				}
				 .img_btcta			{ background-image: url("images/png@x4/fond_cta_lapdesk@4x.png"); 				  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_btcontact		{ background-image: url("images/png@x4/bt_contact_smart@4x.png"); 					}
				 .img_btcta			{ background-image: url("images/png@x4/fond_cta_smart@4x.png"); 				  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_btplus		{ background-image: url("images/png@x4/bt_plus_watchsmart@4x.png"); 				}
		         .img_btcta			{ background-image: url("images/png@x4/fond_cta_watch@4x.png"); 				  } }
			
			/*Pictogrammes ******************************************************************************************* */
			
				.img_pictocontact 	{ background-image: url("images/png@x4/picto_contact_smartlapdesk@4x.png"); }
				.img_pictopresta 	{ background-image: url("images/png@x4/picto_prestations_smartlapdesk@4x.png"); }
			
			/*Illustrations ****************************************************************************************** */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_leftillus		{ background-image: url("images/png@x4/entrepreneuse@4x.png"); 					  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------- */
				@media all and (min-width: 1490px)
				{.img_centerillus	{ background-image: url("images/png@x4/illus_desktop@4x.png"); 					  } 
				 .img_righttillus	{ background-image: url("images/png@x4/entrepreneur@4x.png"); 					  }
				 .img_body 			{ background-image: url("images/png@x4/logo_arp_lapdesk@4x.png"),
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png") ; 				  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_rightillus	{ background-image: url("images/png@x4/illus_laptop@4x.png"); 					  }
				 .img_body 			{ background-image: url("images/png@x4/logo_arp_lapdesk@4x.png"),
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png"), 
					 									url("images/png@x4/logo_arp_lapdesk@4x.png") ; 				  } }
			
			/*Logos NEOSBAM & EB ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_logoebpdp		{ background-image: url("images/png@x4/logo_eb_pdp_omni@4x.png"); 				    }
				 .img_logoneopdp	{ background-image: url("images/png@x4/logo_neosbam_pdp_omni@4x.png"); 			  } }
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024px ------------------------ */
				@media all and (min-width: 1024px)
				{.img_logoneoarp	{ background-image: url("images/png@x4/logo_arp_lapdesk@4x.png"); 					}
				 .img_logoneoban	{ background-image: url("images/png@x4/logo_neosbam_lapdesk@4x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_logoneoban	{ background-image: url("images/png@x4/logo_neosbam_smart@4x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_logoneoban	{ background-image: url("images/png@x4/logo_neosbam_watch@4x.png"); 			  } }
			
			/*Eléments de titres ************************************************************************************* */
			
				/*ALL DEVICES ---------------------------------------------------------------------------------------- */
				@media all
				{.img_puce			{ background-image: url("images/png@x4/puce_omni@4x.png"); 						  } }
			
				/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490px -----------------------------------*/
				@media all and (min-width: 1490px)
				{.img_panneaupqneo	{ background-image: url("images/png@x4/pan_pourquoi_desktop@4x.png"); 			  } }
			
				/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489px ----------- */
				@media all and (min-width: 1024px) and (max-width: 1489px)
				{.img_panneaupqneo	{ background-image: url("images/png@x4/pan_pourquoi_laptop@4x.png"); 			  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_panneaupqneo	{ background-image: url("images/png@x4/pan_pourquoi_smart@4x.png"); 			  } }
			
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319px --------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_panneaupqneo	{ background-image: url("images/png@x4/pan_pourquoi_watch@4x.png"); 			  } }
			
			/*Textes Bitmap ****************************************************************************************** */
			
				/*LAPTOPS + DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px ----------------------- */
				@media all and (min-width: 1024px)
				{.img_libelletel    {background-image: url("images/png@x4/numtellapdesk@4x.png"); 					  } }
			
				/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------- */
				@media all and (min-width: 320px) and (max-width: 1023px)
				{.img_libelletel    {background-image: url("images/png@x4/numtelsmart@4x.png"); 					  } }
					
				/*WATCHS pour une largeur de fenêtre supérieure ou égale à 100px et inférieure à 319 px -------------- */
				@media all and (min-width: 100px) and (max-width: 319px)
				{.img_libelletel    {background-image: url("images/png@x4/numtelwatch@4x.png"); 					  } }


		}

/*MISE EN PAGE ========================================================================================================================================================================= */

	
	

	/*DESKTOPS pour une largeur de fenêtre supérieure ou égale à 1490 px --------------------------------------------------------------------------------------------------------------- */
	@media all and (min-width: 1490px)
	{
		
		/*ELEMENTS COMMUNS A LA PAGE **************************************************** */
		.sizepos_backbody {	background-size:521px 409px; background-repeat:no-repeat;
					 		background-origin: content-box; 
							background-position:left 2.03% top 258px, left 97.4% top 658px,
							left 2.03% top 1058px, left 97.4% top 1458px, 
							left 2.03% top 1858px, left 97.4% top 2258px, 
							left 2.03% top 2658px, left 97.4% top 3058px ; 					}
		
		/*Boutons Scrolldown Textuel*/
		.sizepos_labelbtscrolldowntxt 	{ width:70px;  height:13px;  top:0px;   left:0px;   }
		.sizepos_pictobtscrolldowntxt	{ width:25px;  height:10px;  top:21px;	left:22px;	}
	
		/*Call to action*/
		.sizepos_labelbtcta 			{ width:114px; height:14px;  top:15px;  left:30px;  }
		
		/*Boutons de contrôle classiques de type contact, téléphone, envoyer*/
		/*Eléments communs*/
		.sizepos_labelbtcontrole		{ width:74px;  height:30px;  top:16px;  left:25px;  }
		.sizepos_habillagebtcontrole	{ width:65px;  height:48px;  top:0px;   left:99px;  }
		/*Eléments spécifiques*/
		
		
		/*CONTENU PAGE ******************************************************************* */
		/*Commun Contenu     */
		/*Spécifique Contenu */
		.sizepos_contenupage 			{ width:1442px;	height:1750px;  top:0px;  margin:auto;}
		
			/*SLIDER ********************************************************************* */
			/*Commun Slider    */
		
				/*Ligne Horizontale 1*/
		
			/*Spécifique Slider*/
			.sizepos_zoneslider 		{ width:1440px;height:770px; top:4px;   margin:auto;}
			.sizepos_slider 			{ width:1233px;height:487px; top:70px;  margin:auto;}
			.sizepos_illustration1 		{ width:327px; height:487px; top:0px;   left:0px;   z-index:2; }
			.sizepos_contenuslider 		{ width:579px; height:487px; top:0px;	left:322px; z-index:3; }
			.sizepos_headerslider 		{ width:673px; height:66px;  top:74px;  left:-47px; z-index:1; }
			.sizepos_titreaccroche 		{ width:673px; height:66px;  top:0px;   left:0px;  	}
			.sizepos_txtvisibilite 		{ width:195px; height:32px;  top:7px;   left:-2px;  }
			.sizepos_txtacquisition 	{ width:215px; height:32px;  top:7px;   left:185px; }
			.sizepos_txtfidelisation	{ width:300px; height:32px;  top:7px;   left:410px; }
			.sizepos_txtprecisionacr	{ width:554px; height:20px;  top:42px;  left:58px;  }
			.sizepos_centreslider 		{ width:579px; height:123px; top:159px; left:0px;  	}
			.sizepos_illustration3 		{ width:249px; height:68px;  top:0px;   left:175px; }
			.size_pos_logocof 			{ width:236px;  height:232px;  top:-100px;   left:170px;}
			.sizepos_txtprincipalslider { width:700px; height:30px;  top:260px;  left:50px; 	}
			.sizepos_txt_logo_cof       { width:900px; height:60px;  top:200px;  left:-20px; 	}
			.sizepos_footerslider 		{ width:242px;  height:48px; top:470px; left:210px; }
			.sizepos_btcta1 			{ width:148px; height:48px;  top:0px;   left:5px; 	}
			.sizepos_btinfos2 			{ width:68px;  height:32px;  top:8px;   left:174px; }
			.sizepos_illustration2 		{ width:327px; height:487px; top:0px;	left:906px;	}
		
			/*CONTACT ******************************************************************** */
			/*Commun Contact     */
			.sizepos_puces				{ width:0px;   height:0px;   top:0px;   left:0px;   }
			/*Spécifique Contact */
			.sizepos_zonecontact		{ width:1442px;height:950px; top:780px;left:0px;   }
			.sizepos_contact			{ width:684px; height:700px; top:98px; left:379px; }
			.sizepos_headercontact		{ width:684px; height:78px;  top:19px;  left:0px;   }
			.sizepos_titrecontact		{ width:219px; height:33px;  top:30px;  left:185px; }
			.sizepos_pictocontact		{ width:93px;  height:77px;  top:0px;   left:423px; }
			.sizepos_txtsolutionscontact{ width:204px; height:18px;  top:55px;  left:191px; }
			.sizepos_telephone			{ width:684px; height:67px;  top:143px; left:0px;   }
			.sizepos_headertelephone	{ width:160px; height:15px;  top:15px;  left:0px;   }
			.sizepos_puce1				{ width:12px;  height:12px;  top:2px;   left:0px;   }
			.sizepos_h2telephone		{ width:138px; height:14px;  top:0px;   left:24px;  }
			.sizepos_numerotelephone	{ width:166px; height:48px;  top:0px;   left:190px; }
			.sizepos_habillagebttel		{ width:65px;  height:48px;  top:0px;   left:0px;   }
			.sizepos_libelletelephone	{ width:92px;  height:15px;  top:17px;  left:80px;  }
			.sizepos_footertelephone	{ width:684px; height:1px;   top:66px;  left:0px;   }
			.sizepos_message			{ width:684px; height:458px; top:238px; left:0px;   }
			.sizepos_headermessage		{ width:318px; height:15px;  top:0px;   left:0px;   }
			.sizepos_puce2				{ width:12px;  height:12px;  top:2px;   left:0px;   }
			.sizepos_h2message			{ width:294px; height:14px;  top:0px;   left:24px;  }
			.sizepos_formulairemessage	{ width:684px; height:424px; top:-70px;   left:0px;  }
			.sizepos_champnom			{ width:291px; height:52px;  top:0px;   left:0px;  
										  padding-left: 18px;padding-top: 0px; 
				                          padding-right: 18px; 								}
			.sizepos_champprenom		{ width:309px; height:52px;  top:0px;   left:339px; 
										  padding-left: 18px;        padding-top: 0px; 
										  padding-right: 18px;                              }
			.sizepos_champemail			{ width:648px; height:52px;  top:64px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 0px; 
										  padding-right: 18px;  							}
			.sizepos_champmessage		{ width:648px; height:204px; top:128px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 15px; 
										  padding-right: 18px; 		 padding-bottom: 15px; 	}
			.sizepos_recaptcha			{ width:287px;  height:204px; top:374px;   left:270px;  }
			.sizepos_btenvoiform		{ width:100px;  height:47px;  top:374px;  left:584px;}
			.sizepos_footermessage		{    												}
			.sizepos_footercontact		{   											    }
		
					
	}

	/*LAPTOPS pour une largeur de fenêtre supérieure ou égale à 1024 px et inférieure à 1489 px ---------------------------------------------------------------------------------------- */
	@media all and (min-width: 1024px) and (max-width: 1489px)
	{
		
		
		/*ELEMENTS COMMUNS A LA PAGE **************************************************** */
		.sizepos_backbody {	background-size:521px 409px; background-repeat:no-repeat;
					 		background-origin: content-box; 
							background-position:left 0.03% top 258px, left 98% top 658px,
							left 0.03% top 1058px, left 98% top 1458px, 
							left 0.03% top 1858px, left 98% top 2258px, 
							left 0.03% top 2658px, left 98% top 3058px ; 					}
		
		/*Boutons Scrolldown Textuel*/
		.sizepos_labelbtscrolldowntxt 	{ width:70px;  height:13px;  top:0px;   left:0px;   }
		.sizepos_pictobtscrolldowntxt	{ width:25px;  height:10px;  top:21px;	left:22px;	}
	
		/*Call to action*/
		.sizepos_labelbtcta 			{ width:114px; height:14px;  top:15px;  left:25px;  }
		
		/*Boutons de contrôle classiques de type contact, téléphone, envoyer*/
		/*Eléments communs*/
		.sizepos_labelbtcontrole		{ width:74px;  height:30px;  top:16px;  left:25px;  }
		.sizepos_habillagebtcontrole	{ width:65px;  height:48px;  top:0px;   left:99px;  }
		/*Eléments spécifiques*/
		
		
		/*CONTENU PAGE ******************************************************************* */
		/*Commun Contenu     */
		/*Spécifique Contenu */
		.sizepos_contenupage 			{ width:1000px;	height:1500px;  top:0px;  margin:auto;}
		
			/*SLIDER ********************************************************************* */
			/*Commun Slider    */
		
				/*Ligne Horizontale 1*/
		
			/*Spécifique Slider*/
			.sizepos_zoneslider 		{ width:998px; height:700px; top:4px;   margin:auto;}
			.sizepos_slider 			{ width:868px; height:370px; top:47px;  margin:auto;}
			.sizepos_illustration1 		{ width:260px; height:385px; top:-5px;  left:0px;   z-index:2; }
			.sizepos_contenuslider 		{ width:396px; height:427px; top:-4px;	left:115px; z-index:3; }
			.sizepos_headerslider 		{ width:396px; height:110px; top:40px;  left:0px; z-index:1; }
			.sizepos_titreaccroche 		{ width:396px; height:110px; top:0px;   left:0px;  	}
			.sizepos_txtvisibilite 		{ width:147px; height:27px;  top:0px;   left:109px;  }
			.sizepos_txtacquisition 	{ width:182px; height:27px;  top:32px;  left:0px; }
			.sizepos_txtfidelisation	{ width:204px; height:27px;  top:32px;  left:175px; }
			.sizepos_txtprecisionacr	{ width:338px; height:38px;  top:72px;  left:26px;  }
			.sizepos_centreslider 		{ width:356px; height:48px;  top:169px; left:16px;  	}
			.sizepos_illustration3 		{ width:249px; height:68px;  top:0px;   left:200px; }
			.size_pos_logocof 			{ width:236px;  height:232px;  top:-100px;   left:185px;}
			.sizepos_txtprincipalslider { width:700px; height:30px;  top:260px; left:40px; 	}
			.sizepos_txt_logo_cof       { width:900px; height:60px;  top:200px; left:-20px; 	}
			.sizepos_footerslider 		{ width:242px;  height:48px; top:470px; left:240px; }
			.sizepos_btcta1 			{ width:148px; height:48px;  top:0px;   left:0px; 	}
			.sizepos_btinfos2 			{ width:68px;  height:32px;  top:8px;   left:174px; }
			.sizepos_illustration2 		{ width:170px; height:225px; top:60px;	left:685px;	}
		
			/*CONTACT ******************************************************************** */
			/*Commun Contact     */
			.sizepos_puces				{ width:0px;   height:0px;   top:0px;   left:0px;   }
			/*Spécifique Contact */
			.sizepos_zonecontact		{ width:1000px;height:770px; top:710px;left:0px;   }
			.sizepos_contact			{ width:593px; height:700px; top:70px; left:203px; }
			.sizepos_headercontact		{ width:330px; height:78px;  top:19px;  left:120px;   }
			.sizepos_titrecontact		{ width:219px; height:33px;  top:14px;  left:0px; }
			.sizepos_pictocontact		{ width:93px;  height:77px;  top:0px;   left:236px; }
			.sizepos_txtsolutionscontact{ width:204px; height:18px;  top:55px;  left:4px; }
			.sizepos_telephone			{ width:593px; height:67px;  top:143px; left:0px;   }
			.sizepos_headertelephone	{ width:160px; height:15px;  top:15px;  left:0px;   }
			.sizepos_puce1				{ width:12px;  height:12px;  top:2px;   left:0px;   }
			.sizepos_h2telephone		{ width:138px; height:14px;  top:0px;   left:24px;  }
			.sizepos_numerotelephone	{ width:166px; height:48px;  top:0px;   left:190px; }
			.sizepos_habillagebttel		{ width:65px;  height:48px;  top:0px;   left:0px;   }
			.sizepos_libelletelephone	{ width:92px;  height:15px;  top:17px;  left:80px;  }
			.sizepos_footertelephone	{ width:593px; height:1px;   top:66px;  left:0px;   }
			.sizepos_message			{ width:593px; height:458px; top:238px; left:0px;   }
			.sizepos_headermessage		{ width:318px; height:15px;  top:0px;   left:0px;   }
			.sizepos_puce2				{ width:12px;  height:12px;  top:2px;   left:0px;   }
			.sizepos_h2message			{ width:294px; height:14px;  top:0px;   left:24px;  }
			.sizepos_formulairemessage	{ width:593px; height:424px; top:-80px;   left:0px;  }
			.sizepos_champnom			{ width:254px; height:52px;  top:0px;   left:0px;  
										  padding-left: 18px;padding-top: 0px; 
				                          padding-right: 18px; 								}
			.sizepos_champprenom		{ width:254px; height:52px;  top:0px;   left:303px; 
										  padding-left: 18px;        padding-top: 0px; 
										  padding-right: 18px;                              }
			.sizepos_champemail			{ width:557px; height:52px;  top:64px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 0px; 
										  padding-right: 18px;  							}
			.sizepos_champmessage		{ width:557px; height:204px; top:128px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 15px; 
										  padding-right: 18px; 		 padding-bottom: 15px; 	}
			.sizepos_recaptcha			{ width:287px;  height:204px; top:374px;   left:180px;  }
			.sizepos_btenvoiform		{ width:100px;  height:47px;  top:374px;  left:493px;}
			.sizepos_footermessage		{    												}
			.sizepos_footercontact		{   											    }
					
	}

	/*SMARTPHONES pour une largeur de fenêtre supérieure ou égale à 320 px et inférieure à 1024px -------------------------------------------------------------------------------------- */
	@media all and (min-width: 320px) and (max-width: 1023px)
	{
		
		/*ELEMENTS COMMUNS A LA PAGE **************************************************** */
		.sizepos_backbody {	}
		
		/*Boutons Scrolldown Textuel*/
		.sizepos_labelbtscrolldowntxt 	{ width:120px;  height:13px;  top:0px;   left:0px;   }
		.sizepos_pictobtscrolldowntxt	{ width:25px;  height:10px;  top:32px;	left:32px;	}
	
		/*Call to action*/
		.sizepos_labelbtcta 			{ width:150px; height:14px;  top:20px;  left:65px;  }
		
		/*Boutons de contrôle classiques de type contact, téléphone, envoyer*/
		/*Eléments communs*/
		.sizepos_labelbtcontrole		{ width:74px;  height:30px;  top:14px;  left:29px;  }
		.sizepos_habillagebtcontrole	{ width:65px;  height:48px;  top:0px;   left:115px; }
		/*Eléments spécifiques*/
		
		
		/*CONTENU PAGE ******************************************************************* */
		/*Commun Contenu     */
		/*Spécifique Contenu */
		.sizepos_contenupage 			{ width:100%;	height:900px;  top:0px;  margin:auto;}
		
			/*SLIDER ********************************************************************* */
			/*Commun Slider    */
		
				/*Ligne Horizontale 1*/
		
			/*Spécifique Slider*/
			.sizepos_zoneslider 		{ width:100%;  height:680px; top:0px;   }
			.sizepos_slider 			{ width:287px; height:680px; top:0px;   margin:auto; }
			.sizepos_illustration1 		{ width:0px;   height:385px; top:-5px;  left:0px;   z-index:2; }
			.sizepos_contenuslider 		{ width:287px; height:492px; top:-30px;	left:0px; z-index:3; }
			.sizepos_headerslider 		{ width:287px; height:120px; top:40px;  left:0px; z-index:1; }
			.sizepos_titreaccroche 		{ width:287px; height:120px; top:0px;   left:0px;  	}
			.sizepos_txtvisibilite 		{ width:147px; height:27px;  top:0px;   left:-4px; }
			.sizepos_txtacquisition 	{ width:182px; height:27px;  top:0px;  left:130px;   }
			.sizepos_txtfidelisation	{ width:204px; height:27px;  top:32px;  left:50px; }
			.sizepos_txtprecisionacr	{ width:287px; height:38px;  top:76px;  left:0px;  }
			.sizepos_centreslider 		{ width:287px; height:105px; top:190px; left:0px; }
			.sizepos_illustration3 		{ width:0px;   height:0px;   top:0px;   left:165px; }
			.size_pos_logocof 			{ width:236px;  height:232px;  top:-100px;   left:25px;}
			.sizepos_txtprincipalslider { width:350px; height:30px;  top:260px; left:-35px; 	}
			.sizepos_txt_logo_cof       { width:900px; height:60px;  top:200px; left:-20px; 	}
			.sizepos_footerslider 		{ width:242px;  height:48px; top:550px; left:0px; }
			.sizepos_btcta1 			{ width:254px; height:64px;  top:4px;   left:16px; 	}
			.sizepos_btinfos2 			{ width:90px;  height:32px;  top:95px;   left:95px; }
			.sizepos_illustration2 		{ width:0px;   height:225px; top:60px;	left:685px;	}
		
			/*CONTACT ******************************************************************** */
			/*Commun Contact     */
			.sizepos_puces				{ width:0px;   height:0px;   top:0px;   left:0px;   }
			/*Spécifique Contact */
			.sizepos_zonecontact		{ width:100%;height:860px; top:675px;left:0px;   }
			.sizepos_contact			{ width:287px; height:700px; top:60px; margin:auto; }
			.sizepos_headercontact		{ width:287px; height:85px;  top:19px;  left:0px;   }
			.sizepos_titrecontact		{ width:175px; height:27px;  top:25px;  left:0px; }
			.sizepos_pictocontact		{ width:93px;  height:77px;  top:0px;   left:194px; }
			.sizepos_txtsolutionscontact{ width:160px; height:40px;  top:40px;  left:4px; }
			.sizepos_telephone			{ width:287px; height:82px;  top:138px; left:0px;   }
			.sizepos_headertelephone	{ width:287px; height:20px;  top:15px;  left:0px;   }
			.sizepos_puce1				{ width:12px;  height:12px;  top:4px;   left:0px;   }
			.sizepos_h2telephone		{ width:194px; height:20px;  top:0px;   left:24px;  }
			.sizepos_numerotelephone	{ width:200px; height:48px;  top:56px;   left:0px; }
			.sizepos_habillagebttel		{ width:65px;  height:48px;  top:0px;   left:0px;   }
			.sizepos_libelletelephone	{ width:150px;  height:20px;  top:17px;  left:80px;  }
			.sizepos_footertelephone	{ width:287px; height:1px;   top:130px;  left:0px;   }
			.sizepos_message			{ width:287px; height:458px; top:290px; left:0px;   }
			.sizepos_headermessage		{ width:287px; height:20px;  top:0px;   left:0px;   }
			.sizepos_puce2				{ width:12px;  height:12px;  top:4px;   left:0px;   }
			.sizepos_h2message			{ width:240px; height:40px;  top:0px;   left:24px;  }
			.sizepos_formulairemessage	{ width:287px; height:510px; top:-150px;   left:0px;  }
			.sizepos_champnom			{ width:251px; height:52px;  top:0px;   left:0px;  
										  padding-left: 18px;padding-top: 0px; 
				                          padding-right: 18px; 								}
			.sizepos_champprenom		{ width:251px; height:52px;  top:64px;   left:0px; 
										  padding-left: 18px;        padding-top: 0px; 
										  padding-right: 18px;                              }
			.sizepos_champemail			{ width:251px; height:52px;  top:128px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 0px; 
										  padding-right: 18px;  							}
			.sizepos_champmessage		{ width:251px; height:204px; top:192px;   left:0px; 
										  padding-left: 18px; 		 padding-top: 15px; 
										  padding-right: 18px; 		 padding-bottom: 15px; 	}
			.sizepos_recaptcha			{ width:287px;  height:204px; top:438px;   left:0px;  }
			.sizepos_btenvoiform		{ width:100px;  height:47px;  top:525px;  left:97px;}
			.sizepos_footermessage		{    												}
			.sizepos_footercontact		{   											    }
					
	}