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

/* ================================================
  Fichier    :   custom.css         
  Application:   basic Template     
                 Pour la gestion du template

  Auteur     :   . Ricardo Bandeira
  Version    :   1 
  Date       :   19/02/2021 

  Notes     :
                * tpl est la désignation de template 
                  et sera utilisé pour désigner les blocs de position (les sections du template) 
								* norme BEM Bloc__Element-name_modificateur-name_modificateur-valeur 
								exemple: .tpl__inner
								block-name__elem-name_mod-name_mod-val


	Ref. couleur : #1c1c1c

	// Index des sections:
	@grp Tags de base
	@grp Classes
	
	@grp Global ---- pour toutes les pasges ou des éléments en général 
	@grp Zone de Override

	@grp Header

	@grp wrapper

	@grp Accueil

	@grp MainContent

	@grp presentation
	@grp Agence
	@grp Projets
	@grp Liste Terrains
	@grp Ligere Architecteurs 
	@grp DccFormation 
	
	@grp Page_Erreur 

	
	@grp Articles (maincontent)
	@grp bl_slideshow_article

	
	@grp Pied de Page (ppg) 

	@grp Responsive Media queries
	@grp RESPONSIVE


RAPPEL
	https://docs.joomla.org/Using_the_Page_Class_Suffix_in_Template_Code

TEMPLATING WITH K2 components and so on... 
	https://getk2.org/documentation/tutorials/item/174-templating-with-k2-and-the-concepts-of-sub-templates
	https://getk2.org/documentation/tutorials/174-templating-with-k2-and-the-concepts-of-sub-templates


47.225263557572134, -1.6389032989020889
https://www.google.fr/maps/place/6+Rue+Gustave+Eiffel,+44800+Saint-Herblain/@47.225147,-1.6418001,17z/data=!3m1!4b1!4m5!3m4!1s0x4805eccbdeafaf8f:0x5dca66ca8cced0cc!8m2!3d47.225147!4d-1.6396114
https://www.google.com/maps/dir//6+Rue+Gustave+Eiffel,+44800+Saint-Herblain/data=!4m6!4m5!1m1!4e2!1m2!1m1!1s0x4805eccbdeafaf8f:0x5dca66ca8cced0cc?sa=X&ved=2ahUKEwjruJ78s7jyAhUS8BoKHWs-DhUQwwV6BAgOEAM

6 Rue Gustave Eiffel, 44800 Saint-Herblain

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

	
/* ==============================================================================
   @grp Fontface                                                             
============================================================================== */



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


/* ==============================================================================
   @grp Tags de base                                                             
============================================================================== */

:root { 
	--rougeAcc: rgba(187,37,47,1);
	--bleuLigere: rgb(0, 47, 85);
	--bleuLigereHexa: #002D54; /*  #002f55 */
}

	*{
		outline:none;

		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box; /* Pour forcer le BOX-MODEL: padding and border are included in the width and height*/
				
		overflow-wrap: break-word; /* A Vérifier.... */
	}
	html { scroll-behavior: smooth; }
	html,body{ width:100%; height:100%; }
	body {
		font-family: 'Arial', Helvetica, sans-serif;
		font-family: 'Arial', Helvetica, sans-serif;
		color:#666;
		font-size:16px;
	}
	*::-moz-selection,
	*::-webkit-selection,
	*::selection,
	::selection {
		background: var(--rougeAcc);
		color: #FFFFFF;
		text-shadow: none;
	}
	
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		font-family: inherit;
		font-weight: bold;
		line-height: 26px;
	}	
	
	h1 {
		font-size: 42px;
		
		text-transform: uppercase;
		padding: 15px 5px;
	}
	
	div.itemHeader h2.itemTitle, /* pour K2 */
	h2{
		font-size:24px;
		font-weight:400;
		text-align: center;
		letter-spacing:2px;
		color:#737373;
		text-transform:uppercase;
		padding: 25px 10px;
		transition: all 0.2s ease-in-out;
	}
	h2::after {
		content: " ";
		display: block;
		background-color: #737373;
		height: 2px;
		width: 100px;
		margin: 10px auto 0 auto;
		transition: all 0.2s ease-in-out;
	}
	h2:hover{ 
		color:#404040;
		transition: all 0.2s ease-in-out;
	}
	h2:hover::after{
		width:200px;
		background-color:#404040;
		height:1px;
		margin-bottom:1px;
		transition: all 0.2s ease-in-out;
	}

	h3{ 
		
	}
	h4{ }
	h5{ }
	h6{ }
	
	p{
		letter-spacing: 1px;
		font-weight: 300;
		line-height: 28px;
		margin: 0 0 9px;
	}	
	ul{ }
	ul li{ 
		margin-left:30px;
	}

	
	p.blue::selection {
		background: #099;
		color: #1e1e1e;
	}
	
	
	
	a:link,
	a:visited{
		font-weight: bold;
		color: #666;/*066  5bfb70*/
		text-decoration: none;
	}	
	a:hover,
	a:active{
		color: #333;
		text-decoration: none;
	}	
	
	
/* @grp Tags de base  (FIN)
============================================================================== */











/* ==============================================================================
   @grp Classes                                                                  
============================================================================== */
	/* couleurs Texte et Background */
		.txt_blanc{ color:#FFF; }
		.txt_rouge{ color:#F00; }
		.txt_bleu { color:#09C; }
		.txt_vert { color:#093; }
		.txt_orange{ color:#F90; }
		.txt_jaune{ color:#FF3; }
		.txt_gris_80{ color:#CCC; }
		.txt_gris_60{ color:#999; }
		.txt_gris_40{ color:#666; }
		.txt_gris_20{ color:#333; }
		
		
		
		.bg_Bleu_Ligere{ 
			background-color: var(--bleuLigere); 
		}
		.bg_rouge{ background-color:#F00; }
		.bg_bleu { background-color:#09C; }
		.bg_vert { background-color:#093; }
		.bg_orange { background-color:#F90; }
		.bg_noir { background-color:#000; }
		.bg_gris_80{ background-color:#CCC; }
		.bg_gris_60{ background-color:#999; }
		.bg_gris_40{ background-color:#666; }
		.bg_gris_20{ background-color:#333; }
	
	
	/* positionnement */
		.deuxColonnes {
			display: flex;
			justify-content: space-around;
		}
		.deuxColonnes > div{
			width:45%;
		}
		.droite,.right{float:right;}
		.gauche,.left{float:left;}
		.clear{	clear:both; }
		.clearFix{
			display:block;
			clear:both;
			height:0;
		}

		.clearD{	clear:right; }
		.clearG{	clear:left; }
	
	/* visibilité */
		.cache{ display:none; }
		.inactif{ background:#666; color:#999;}
		.actif{ background:#CF0; color:#999;}
	
	/* marges externes */
		.mg_10{ margin:10px; }
		.mg_20{ margin:10px; }
		.mg_30{ margin:10px; }
		.mg_40{ margin:10px; }
		.mgh_10{ margin-top:10px; }	
		.mgh_20{ margin-top:20px; }	
		.mgh_30{ margin-top:30px; }	
		.mgh_40{ margin-top:40px; }	
		
		
	/* marges externes */
		.pad_10{ padding:10px; }
		.pad_20{ padding:20px; }
		.pad_30{ padding:30px; }
		.pad_40{ padding:40px; }
		
		
	/* taille texte */
		.txt_h10 { font-size:10px; }



/* #articleLigereArchitecteurs */
	.txt__intro {
		position:relative;
		min-height: 260px;
	}
	
	.txt__suite{ 
		display: block;
		transition: all 0.2s ease-in;
	}
	.txt__suite.closed { 
		display: none;
		transition: all 0.2s ease-in;
	}
	
	.txt__intro .btn__action_lire-suite {
		position: absolute;
		right: 0;
		bottom: 0;
		color: #fff;
	}
	.btn__action_lire-suite{
		background: transparent;
		text-align: center;
		color: #fff;
		width: 30%;
		min-width: 150px;
		margin: 0 0 0 auto;
		border: none;
		border-radius: 4px;
		transition: all 0.2s ease-in;
	}
	.btn__action_lire-suite:hover,
	.btn__action_lire-suite:active,
	.btn__action_lire-suite:focus{
		background-color: #085491;
		color: #fff;
		transition: all 0.2s ease-in;
	}
	.action_contact {	margin-top: 50px; }
	#articleLigereArchitecteurs .btn__action_contactez-nous {
		background-color: #fff;
		border-radius: 4px;
		border: 2px #fff solid;
		color: #002f55;
		transition: all 0.3s ease-in;
	}	
	#articleLigereArchitecteurs .btn__action_contactez-nous:hover {
		background-color: transparent;
		border: 2px #fff solid;
		color: #fff;
		transition: all 0.3s ease-in;
	}



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






/* ==============================================================================
   @grp Zone de Override                                                         
============================================================================== */
	#system-message-container {
		position: fixed;
		top: 150px;
		width: 81%;
		z-index: 500;
		left: 40px;
	}
	.itemBackToTop{ display:none; }
	.scrollToTop {
		/*
		background: rgba(0, 0, 0, 0.8) url("/plugins/system/scrolltock/images/arrow_up.png") no-repeat scroll center center;
		background: rgba(0, 0, 0, 0.0) url("/images/Design/to_Top.png") no-repeat scroll center center;
		background: rgba(0, 0, 0, 0.0);
		background: rgba(0, 0, 0, 0.0) url("/images/_Design/to_Top.png") no-repeat scroll center center;
		bottom: 20px;
		display: none;
		font-weight: bold;
		height: 50px;
		padding: 10px;
		position: fixed;
		right: 20px;
		text-align: center;
		text-decoration: none;
		width: 50px;
		text-indent: -999px;
		overflow: hidden;
		*/
		background:  rgba(255,255,255, 0.6) url("/images/_Design/fleche_Top.png") no-repeat scroll center center;
		z-index:1400px
	}
	.scrollToTop:hover{ 
		background: rgb(0, 0,0,0.5) url("/images/_Design/fleche_Top_hover.png") no-repeat scroll center center;
		opacity:1;
	}
	
	.animate {
		overflow: hidden;
	}
	.camera_prevThumbs, 
	.camera_nextThumbs,
	.camera_prev, .camera_next,
	.camera_commands,
	.camera_thumbs_cont {
		background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
	}
	/* Pour le fond du Titre du Slideshow   */
	#camera_wrap_110 .camera_caption > div {
		border-radius:0;
		font-family: Arial, Helvetica, sans-serif;
		font-size:16px;
	}

	/* ==== Mediabox CK ============= */
	#mbMedia {
		cursor: pointer;
	}
	#mbCenter, #mbToolbar {
		border-radius: 0px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	#mbImage, #mbMedia {
		position: relative;
		left: 0;
		top: 0;
		box-sizing: border-box;
		height: 100%;
		font-family: Arial, Helvetica, sans-serif;
		padding: 0;
	}
	#mbTitle, #mbPrevLink, #mbNextLink, #mbCloseLink, #mbPlayLink, #mbPauseLink, #mbZoomMinus, #mbZoomValue, #mbZoomPlus {
		color: #fff;
	}
	
	/* ==== JUX Portfolio ============= */
		.nivo-lightbox-wrap {
			left: 10%;
			right: 10%;
			top: 5%;
			bottom: 5%;
		}

	/* ==== BOOTSTRAP ============= */
		.row {
			/*
			--bs-gutter-x: 1.5rem;
			--bs-gutter-y: 0;
			*/
			display: flex;
			justify-content:space-between;
			flex-wrap: wrap;
			margin:0;
		}


/* @grp Zone de Override  (FIN) 
============================================================================== */





/* ==============================================================================
   @grp Global                                                                  
============================================================================== */
	#tpl_top_content,
	#tpl_top,
	#maincontent{
		padding: 0 25px 50px;
	}
	
	#tpl_top_content { padding: 40px 25px 50px;	}
	#tpl_top { 	 }
	

	.tpl__inner{
		max-width: 1280px;
		width:95%;
		margin: 0 auto;
	}


	#tpl_top_content,
	body.pg_Dcc_Formations #tpl_top_content{ 
		background:none; 
	}
	

	.tpl__inner{
		max-width: 1480px;
		width: 95%;
		margin: 0 auto;
		padding: 50px 5%;
	}
	body.pg_Accueil #maincontent .tpl__inner{
		padding: 0px 5%;
	}

	body.pg_Accueil #maincontent #id_photo_equipe img {
		width: 100%;
		margin: 0 auto;
	}

	#id_texte_carte {
		text-align: justify;
		width: 80%;
		max-width: 1024px;
		margin: 0 auto;
	}	


	#tpl_liens { padding: 40px 0px; }	
	

	#tpl_contactez-nous h2,
	#tpl_savoir-faire h2{ color:#666;	}

	#tpl_agence h3:hover,
	#tpl_equipe h3:hover,
	#tpl_projets h3:hover,
	#tpl_savoir-faire h3:hover,
	#tpl_liens h3:hover,
	#tpl_contactez-nous h3:hover,
	#tpl_carte h3.tck-module-title:hover {
		color:#404040;
	}

	
	#tpl_savoir-faire h2::after,
	#tpl_contactez-nous h2::after{ background-color:#666;	}

	#tpl_projets h3:hover::after,
	#tpl_liens h3:hover::after,
	#tpl_savoir-faire h3:hover::after,
	#tpl_contactez-nous h3:hover::after,
	#tpl_carte h3.tck-module-title:hover::after	{
		width: 100px;
		background-color: #404040;
		transition: all 0.3s ease-in-out;
	}
	#tpl_savoir-faire h3:hover,
	#tpl_contactez-nous h3:hover { color:#242424; }
	#tpl_savoir-faire h3:hover::after,
	#tpl_contactez-nous h3:hover::after{ background-color:#242424; }
	

	/* Gestion des Backgrounds ====================================================================  */
		#tpl_top_content{ background-image: url(/images/_Design/bg_Spacer_02.jpg); }
		#tpl_spacer_top{ background-image: url(/images/_Design/bg_Spacer_02.jpg); }
		#tpl_spacer_bottom{ background-image: url(/images/_Design/bg_Spacer_02.jpg); }
		
		body.pg_Accueil #tpl_top_content { background-image: url(/images/_Design/Backgrounds/bg_Acc_Accueil_laptop_01.jpg); }	
		body.pg_Accueil #tpl_spacer_top { background-image: url(/images/_Design/Backgrounds/bg_Acc_Accueil_laptop_02.jpg); }
		
		body.pg_Projets.Architecture #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Architecture_laptop.jpg);  }
		body.pg_Projets.Urbanisme #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Urbanisme_laptop.jpg);	}
		body.pg_Projets.Paysage #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Paysage_laptop.jpg); }
		
		body.pg_Projets.Architecture_Interieur #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Architecture-Interieur_laptop.jpg); }
		body.pg_Projets.Communication #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Communication.jpg);}
																			

		body.pg_Ligere #tpl_spacer_top{ background-image: url(/images/_Design/bg_Spacer_Ligere.jpg); }

		body.pg_Dcc_Formations #tpl_savoir-faire,
		body.pg_Dcc_Formations #tpl_contactez-nous,
		body.pg_Dcc_Formations #tpl_call-to-action_dcc{
			background-image: url(/images/_Design/bg_Contact_Dcc_01.jpg);
		}

		
		
		#tpl_top_content,
		#tpl_savoir-faire,
		#tpl_contactez-nous,
		body.pg_Dcc_Formations #tpl_call-to-action_dcc,
		#tpl_spacer_top,
		#tpl_spacer_bottom{
				background-attachment: fixed;
				background-repeat:no-repeat;
				background-position: 50% 50%;
				-webkit-background-size: cover;
				background-size: cover;
		}

	/* Gestion des Backgrounds ===============================================================(FIN)  */

		#tpl_spacer_top,
		#tpl_spacer_bottom{
			min-height:500px;
		}


	#tpl_call-to-action_acc { background-image: none; }




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


/* ==============================================================================
   @grp Header                                                                   
============================================================================== */
	#wrapper_header {
		position: fixed;
		left: 0;
		right: 0;

		background: rgba(255,255,255,0.90);

		height: 85px;
		padding: 0;
		transition:all 0.3s ease-in;
		z-index: 2500;
	}
	#wrapper_header .tpl__inner{
		display:flex;
		justify-content:space-between;
		position:relative;
		max-width:1280px;
		width:95%;
		height: 94%;
		padding: 2px 0 0 0;
		transition:all 0.3s ease-in;
	}
	#tpl_main_logo{
		width: 28%;
		height: auto;
		max-width: 400px;
		max-height:70px;
		z-index:10;
		transition: all 0.3s ease-in;
	}
	#tpl_main_logo *{		
		height:100%;
		max-height:70px;
	}
	#mainLogo,
	#mainLogoLigere {
		width: 100%;
		height: 100%;
		max-width: 350px;
		max-height:70px;
		transition:all 0.3s ease-in;
	}
	body.pg_Ligere #wrapper_header { background: rgba(255,255,255,1); }
	
	#wrapper_header.menuReduce{
		height: 60px;
		transition:all 0.3s ease-in;
	}
	
	#wrapper_header.menuReduce #tpl_main_logo,
	#wrapper_header.menuReduce #mainLogo,
	#wrapper_header.menuReduce #mainLogoLigere{
		transition:all 0.3s ease-in;
	}
	#mainLogo a,
	#mainLogoLigere a{
		display:block;
		background-image: url(/images/_Design/logo-entete-agencecitteclaes.svg);
		background-repeat: no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
	}
	#mainLogoLigere a{
		background-image: url(/images/_Design/logo-entete-ligere.svg); 
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	body.pg_Ligere #mainLogo a{ background-image: url(/images/_Design/logo-entete-ligere.svg); }
	body.pg_Dcc_Formations #mainLogo a{ background-image: url(/images/_Design/logo-entete-ddcformations.svg); }
	
	
	#tpl_header_tool {
		position: absolute;
		top: 0;
		right: 0;
	}
		

	.breadcrumb {
		padding: 0;
		margin-bottom: 0px;
		background-color: transparent;
		border-radius: 0;
	}
	#tpl_fil_ariane {
		font-size: 13px;
		border-top: 1px #f4f4f4 solid;
		
	}
	#tpl_fil_ariane > div.inner {
		width: 95%;
		max-width: 1280px;
		margin: 0 auto;
		padding: 0;
	}	
	#tpl_fil_ariane .breadcrumb {
		padding: 0;
		margin: 0;
	}
	#tpl_fil_ariane li{
		margin-left:0;
	}
	.divider.icon-location{		display:none;	} /* Pour masquer l'icone Map */

	#tpl_fil_ariane .breadcrumb > .active {
		color: #2d2c2c;
		font-weight: 400;
	}	
	#tpl_fil_ariane a{font-weight: 300;}
	
	
	
	#tpl_main_menu {
		position: relative;
		width: 70%;
		z-index:1;
	}
	#tpl_main_menu ul.menu {
		display: flex;
		justify-content: space-between;
	}
	#tpl_main_menu > div.inner {
		position:relative;
		padding: 18px 0 0 0;
		transition:all 0.3s ease-in;
	}
	#wrapper_header.menuReduce #tpl_main_menu > div.inner {
		padding: 8px 0 0 0; 
		transition:all 0.3s ease-in;
	}
	#wrapper_header.menuReduce #tpl_main_menu {
		
	}
	
	#tpl_main_menu ul.menu > li > a:link,
	#tpl_main_menu ul.menu > li > span.separator,
	#tpl_main_menu ul.nav > li > a:link,
	#tpl_main_menu ul.nav > li > span.separator,
	#tpl_main_menu ul.maximenuck > li > a:link,
	#tpl_main_menu ul.maximenuck > li > span.separator {
		display: block;
		background-color:transparent;
		color: #686868;
		font-size:14px;
		text-align:center;
		margin: 0;
		padding: 7px 8px 7px 8px;
	}
	#tpl_main_menu ul.menu > li > a:visited,
	#tpl_main_menu ul.maximenuck > li > a:visited{
		background-color:transparent;
		color: #686868;
	}
	
	#tpl_main_menu ul.menu > li.active > a,
	#tpl_main_menu ul.menu > li.active > span.separator,
	#tpl_main_menu ul.nav > li.active > a,
	#tpl_main_menu ul.nav > li.active > span.separator,
	#tpl_main_menu ul.maximenuck > li.active > a,
	#tpl_main_menu ul.maximenuck > li.active > span.separator,
	#tpl_main_menu ul.menu > li > a:hover,
	#tpl_main_menu ul.menu > li > a:focus
	#tpl_main_menu ul.nav > li > a:hover,
	#tpl_main_menu ul.maximenuck > li > a:hover,
	#tpl_main_menu ul.maximenuck > li > a:focus{
		color: #242424;
	}
	#tpl_main_menu .nav.menu:hover{
		background:none;
	}


	/* HACK pour changer le menu liste de terrains*/	
		body.pg_Ligere #tpl_main_menu ul.menu li.item-354,
		body.pg_Ligere.pg_ListeTerrains #tpl_main_menu ul.menu li.item-324 { display: none; }

		body.pg_Ligere #tpl_main_menu ul.menu li.item-324,
		body.pg_Ligere.pg_ListeTerrains #tpl_main_menu ul.menu li.item-354 { display: block; }
		
	
	
	/* Ligère - Menu Phone ===============================*/
		#tpl_main_menu ul.menu__ligere-phone {
			display: block;
			position: relative;
		}
		.menu__phone {
			position: absolute;
			right: 0;
			top: 50px;
			transition:all 0.3s ease-in;
		}
		.menu__ligere-phone {
			display: block;
			position: relative;
		}
		.menuReduce .menu__phone { 
			top: 43px;
			transition:all 0.3s ease-in;
		}



	/* lien Accueil */
		#tpl_main_menu .mnuMainLogo,
		#tpl_main_menu  .mnuMainLogo_Ligere,
		#tpl_main_menu  .mnuMainLogo_Dcc {
			display: block;
			background-image: url(/images/_Design/logo-entete-agencecitteclaes.png);
			background-repeat: no-repeat;
			background-size: contain;
			width: 100%;
			height: 100%;
		}
	
	.contactPhoneLigere,
	.contactPhone{
		background-color: var(--bleuLigere);
		color:#FFF;
		font-size:15px;

		padding:4px 10px;
		margin-top: 3px;
		border-radius:20px;
		cursor:pointer;
	}
	
	.nav-header.contactPhoneLigere,
	span.nav-header.contactPhoneLigere{
		color: #fff;
		text-shadow: unset !important;
	}



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




/* ==============================================================================
   @grp wrapper                                                                  
============================================================================== */
	#wrapper{ padding:84px 0 0 0; }
	body.pg_Accueil #wrapper{ padding:0px 0 0 0; }
	
	#wrapper > div.inner,
	#wrapper > div.container,
	#wrapper > div.tck-container {
		max-width: none;
	}

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






/* ==============================================================================
   @grp Bandeau CallToAction                                                     
============================================================================== */
	#bandeau_callTO_Ligere,
	#bandeau_callTO_Acc,
	#bandeau_callTO_Dcc {
		position: relative;
		height: 150px;
		width: 100%;
		padding: 10px 0px;
	}
	
	#bandeau_callTO_Ligere {	
	  height: auto;
	}
	
	.btn-LogoLigere {
		display: inline-block;
		background-color: transparent;
		background-image: url(/images/_Design/logo-bt-ligere-blanc.png);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 100%;
		
		width: 190px;
		height: 60px;
		
		border: 0px #fff solid;
		transition:all 0.5s ease-in-out;
	}
	
	#bandeau_callTO_Ligere > div,
	#bandeau_callTO_Acc > div,
	#bandeau_callTO_Dcc > div{
		position:absolute;
		left: -74%;
		background-color: var(--bleuLigere);
		width:85%;
		padding:20px 10px 20px 10px;
		
		box-shadow: 7px 8px 6px -2px rgba(40,40,65,0.3);	
			transition:all 0.5s ease-in-out;
	}
	#bandeau_callTO_Acc > div{ background-color:#999; }
	#bandeau_callTO_Dcc > div{ background-color:#FFF; }
	
	#bandeau_callTO_Ligere > div {
		padding: 0 15px;
	}
	
	/* pour le positionnement en Javascript
		#bandeau_callTO_Ligere > div.posOrigine,
		#bandeau_callTO_Acc > div.posOrigine,
		#bandeau_callTO_Dcc > div.posOrigine{
			left: -75% !important;
			transition:all 0.5s ease-in-out;
		} */
		#bandeau_callTO_Ligere > div.posRight,
		#bandeau_callTO_Acc > div.posRight,
		#bandeau_callTO_Dcc > div.posRight{
			left: 0 !important;
			transition:all 0.5s ease-in-out;
		}
	
	/*
		#bandeau_callTO_Ligere > div.posOrigine,
		#bandeau_callTO_Acc > div.posOrigine,
		#bandeau_callTO_Dcc > div.posOrigine{
			left: -75% !important;
			transition:all 0.5s ease-in-out;
		}
		*/
		#bandeau_callTO_Ligere:hover > div.posRight,
		#bandeau_callTO_Acc:hover > div.posRight,
		#bandeau_callTO_Dcc:hover > div.posRight{
			left: 0 !important;
			transition:all 0.5s ease-in-out;
		}
	#bandeau_callTO_Ligere > div p,
	#bandeau_callTO_Acc > div p,
	#bandeau_callTO_Dcc > div p {
		text-align: right;
		font-size: 19px;
		letter-spacing: 1px;
		color: #FFF;
	}

	#bandeau_callTO_Dcc > div p{ 
		color:var(--rougeAcc);
	}
	#bandeau_callTO_Ligere .btn,
	#bandeau_callTO_Acc .btn,
	#bandeau_callTO_Dcc .btn {
		font-size: 18px;
		letter-spacing: 2px;
		margin: 0 20px;
		padding: 8px 47px;
		border-radius: 0px;
	}
	#bandeau_callTO_Acc .btn,
	#bandeau_callTO_Dcc .btn {
		background-color:var(--rougeAcc);
		color:#FFF;
	}
	#bandeau_callTO_Ligere > div p{
		margin:0;
		padding:0;
	}
	#bandeau_callTO_Ligere .btn{
		margin: 0 0px 0 40px;
		padding: 0;
	}

.btn-LogoLigere:hover {
	background-color: transparent;
	background-image: url(/images/_Design/logo-bt-ligere-blanc.png);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 95%;
}



	#bandeau_callTO_Ligere:hover > div,
	#bandeau_callTO_Acc:hover > div,
	#bandeau_callTO_Dcc:hover > div{
		left:0;
		transition:all 0.3s ease-in-out;
	}
	#tpl_call-to-action_dcc {
		position: relative;
		height: 200px; 
		background-image: url(/images/_Design/bg_Savoir-faire_01.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
	}
	#tpl_call-to-action_dcc > div.inner {
		position: relative;
		width: 100%;
		height: 150px;
		/* transform:translate(-75%,0); */
		transition:all 0.3s ease-in-out;
	}
	#tpl_call-to-action_dcc > div.inner:after{
		clear:both;
		display:block;
		content:"";
		height:auto;
	}
	
/* =========================================  */	
#bandeau_callTO_Ligere > div {
	position: relative;
	height: 60px;
}
#bandeau_callTO_Ligere > div .btn-callTo {
	position: absolute;
	left: 0;
	right: 0;
	width:100%;
	height:100%;
}
.btn-callTo a,
#bandeau_callTO_Ligere .btn{
	background: none;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
#bandeau_callTO_Ligere > div:hover p {
	color: #cec4c4;
}
#bandeau_callTO_Ligere > div p {
	margin: 0;
	padding: 0;
	float: right;
}
.btn-LogoLigere {
	display: inline-block;
	background: none;
	width: 100%;
	height: 60px;
	border: 0px #fff solid;
	transition: all 0.5s ease-in-out;
}
.btn-LogoLigere:hover { }
/* =========================================  */	



/* @grp Bandeau CallToAction  (FIN)
============================================================================== */







/* ==============================================================================
   @grp Accueil                                                                  
============================================================================== */

	.blocOngletsAcc {
		display: flex;
		justify-content: space-between;
	}
	#ongletsDccLA{
		display:flex;
		justify-content:center;
	}
	
	
	#ongletsAcc,
	#ongletsDcc,
	#ongletsLiens {
		display: flex;
		justify-content: space-around;
		padding: 200px 0 100px 0;
	}
	#ongletsAcc .onglet,
	#ongletsLiens .onglet{
		display:block;
		position:relative;
		overflow: hidden;
		box-shadow: 0px 0px 10px 2px rgba(40,40,65,0.3);
		transition:all 0.35s ease-out;
	}
	#ongletsAcc .onglet{
		width:18%;
	}
	#ongletsAcc .onglet a, #ongletsLiens .onglet a {
		display: block;
		width: 100%;
		height: 100%;
	}
	#ongletsAcc .onglet img,
	#ongletsLiens .onglet img{
		width:100%;
		height:auto;
		transform:scale(1.05,1.05);
		opacity:1;
		transition:all 0.35s ease-out;
	}
	#ongletsAcc .onglet:hover img,
	#ongletsLiens .onglet:hover img{
		background-color:#000;
		transform:scale(1.1,1.1);
		opacity:0.8;
		
		transition:all 0.35s ease-out;
	}
	#ongletsLiens { padding-top: 80px; 	}
	
	
	#ongletsAcc figure[class*="effectck"], 
	#ongletsDcc figure[class*="effectck"],
	#ongletsLiens figure[class*="effectck"]{
		display: block;
		position: relative;
		text-align: center;
		cursor: pointer;
		margin: 10px 1%;
		will-change: transform;
		overflow: hidden;
		box-shadow: 0px 0px 10px 2px rgba(40,40,65,0.3);
		transition:all 0.35s ease-out;
	}
	#ongletsAcc figure[class*="effectck"]:hover, 
	#ongletsDcc figure[class*="effectck"]:hover,
	#ongletsLiens figure[class*="effectck"]:hover{
		box-shadow: 0px 0px 14px 3px rgba(40,40,65,0.5);
		transition:all 0.35s ease-out;
	}
	
	
	#ongletsAcc figure[class*="effectck"].effectck-3 ,
	#ongletsDcc figure[class*="effectck"].effectck-3,
	#ongletsLiens figure[class*="effectck"].effectck-3 {
		padding: 0px;
	}
	
	#ongletsAcc figure[class*="effectck"].effectck-3 figcaption, 
	#ongletsAcc figure[class*="effectck"].effectck-3 figcaption,
	#ongletsDcc figure[class*="effectck"].effectck-3 figcaption, 
	#ongletsDcc figure[class*="effectck"].effectck-3 figcaption, 
	#ongletsLiens figure[class*="effectck"].effectck-3 figcaption, 
	#ongletsLiens figure[class*="effectck"].effectck-3 figcaption {	
		color: #242424;
		height: 100%; 
		transition:all 0.35s ease-out;
	}
	
	#ongletsAcc figure[class*="effectck"].effectck-3 img, 
	#ongletsDcc figure[class*="effectck"].effectck-3 img,
	#ongletsLiens figure[class*="effectck"].effectck-3 img {
		/*box-shadow: 0px 0px 10px 2px rgba(40,40,65,0.3);*/
		/*min-height:100%;*/
	}
	
	#ongletsAcc figure[class*="effectck"].effectck-3:hover img,
	#ongletsDcc figure[class*="effectck"].effectck-3:hover img,
	#ongletsLiens figure[class*="effectck"].effectck-3:hover img{
		transform:scale(1.1,1.1);
		transition:all 0.5s ease-in-out;
	}
	
	
	#ongletsAcc figure[class*="effectck"].effectck-3:hover figcaption,
	#ongletsLiens figure[class*="effectck"].effectck-3:hover figcaption  {
		height: 100%;
		transition:all 0.5s ease-in-out;
	}
	#ongletsAcc figure[class*="effectck"].effectck-3 [class*="title"],
	#ongletsLiens figure[class*="effectck"].effectck-3 [class*="title"]  {
		font-size:18px;
		padding-top: 25px;
		padding-bottom: 10px;
		padding-top: 50%;
		padding-bottom: 10px;
	}
	#ongletsAcc figure[class*="effectck"].effectck-3 p,
	#ongletsDcc figure[class*="effectck"].effectck-3 p  {
		font-size: 12px;
		color:#666;
		text-transform: none !important;
		line-height: 14px;
		letter-spacing: 2px;
		text-align: justify;
		margin: 0;
	}
	
	#ongletsAcc figure[class*="effectck"].effectck-3 .btn,
	#ongletsDcc figure[class*="effectck"].effectck-3 .btn,
	#ongletsLiens figure[class*="effectck"].effectck-3 .btn {
		background-color:#FFF;
		border-radius:5px;
		margin-top:10px;
	}
	#ongletsDcc figure[class*="effectck"].effectck-3 .btn,
	#ongletsLiens figure[class*="effectck"].effectck-3 .btn {
		margin-top: 35px;
		background-color: #666;
		color: #fff;
	}
	#ongletsDcc figure[class*="effectck"].effectck-3 .btn:hover,
	#ongletsLiens figure[class*="effectck"].effectck-3 .btn:hover{
		background-color: #333;
	}	
	
	
	
	/* =========================================================== */
	
	.effectck-3 figcaption {
	position: relative;
}
.effectck-3 figcaption div.title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* doublon */
		padding-top: 130px;/*45%;*/
		padding-bottom: 10px;
}
.effectck-3 figcaption div.desc {
	/* position: absolute; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 180px 10px 0 10px;
}
.effectck-3 figcaption a{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.effectck-3 figcaption a span.btn {
	position: absolute;
	left: 0;
	right: 0;
	width: 50%;
	margin: 0 auto;
	bottom: 30px;
}
	
	
	
	/* =========================================================== */





	/* =========================================================== */
	/* Présentation Agence Équipe                                  */
		#bloc-presentation-agence {
			text-align: center;
			width: 100%;
			margin: 0 auto;
			max-width: 1480px;
		}
		#id_agence-equipe {
			max-width: 1024px;
			margin: 0 auto;
			width: 80%;
		}		
		
		/* 	#bloc-presentation-agence div > div.inner */
		#id_texte_agence > .inner,
		#id_texte_equipe > .inner{
			padding: 0px;
		}
		#bloc-presentation-agence p{
			text-align: justify;
		}
		
		#id_titre_agence,
		#id_titre_equipe {
			margin: 0px auto 0 auto;
		}

/*
		#id_texte_agence,
		#id_texte_equipe,
		#id_btn_dcc,
		#id_texte_carte,
		#id_btn_agence > div,
		#id_btn_equipe > div,
		#id_btn_dcc > div,
		#id_texte_carte > div{
			position:relative;
			text-align: justify;
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
		}
*/
		#id_btn_dcc,
		#id_btn_dcc > div{
			width: 100%;
		}
		#id_texte_agence > div,
		#id_texte_equipe > div,
		#id_btn_dcc > div {
			position: relative;
		}

	#id_btn_voir-carte h3,
		#id_btn_agence h3,
		#id_btn_equipe h3,
		#id_btn_dcc h3{ 
			position: relative;
			background: transparent;
			text-align: center;
			color: #262626;
			width: 30%;
			min-width: 150px;
			margin: 0 0 0 auto;
			border:none;
			border-radius: 0;
			transition: all 0.2s ease-in;
		}



		/* Flèche H3 */
		#id_btn_agence h3 span.ui-icon-triangle-1-e,
		#id_btn_equipe h3 span.ui-icon.ui-icon-triangle-1-e,
		#id_btn_dcc h3 span.ui-icon-triangle-1-e {
			display:none;
			border-color: transparent transparent transparent #0d0c0c;
			transition: all 0.2s ease-in;
		}
		#id_btn_agence h3 span.ui-icon-triangle-1-e,
		#id_btn_equipe h3 span.ui-icon.ui-icon-triangle-1-e,
		#id_btn_dcc h3 span.ui-icon-triangle-1-e,{			border-color: transparent; }


		#id_btn_agence h3 span.ui-icon-triangle-1-s,
		#id_btn_equipe h3 span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_dcc h3 span.ui-icon.ui-icon-triangle-1-s{
			display:none;
			border-color: #0d0c0c transparent transparent transparent;
			transition: all 0.2s ease-in;
		}
		#id_btn_agence h3 span.ui-icon-triangle-1-s,
		#id_btn_equipe h3 span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_dcc h3 span.ui-icon.ui-icon-triangle-1-s{ border-color: transparent transparent transparent; }
		
		
		#tpl_carte h3:hover span.itemtitleck,
		#id_btn_agence h3:hover,
		#id_btn_equipe h3:hover,
		#id_btn_dcc h3:hover 
		#id_btn_voir-carte h3:hover{
			background-color: #535353;
			color: #fff;
			transition: all 0.2s ease-in;
		}
		#id_btn_agence h3:hover span.ui-icon-triangle-1-e,
		#id_btn_equipe h3:hover span.ui-icon.ui-icon-triangle-1-e,
		#id_btn_dcc h3:hover span.ui-icon-triangle-1-e,
		#id_btn_voir-carte h3:hover span.ui-icon-triangle-1-e{
			border-color: transparent transparent transparent #FFF;
		}
		#id_btn_agence h3:hover span.ui-icon-triangle-1-e,
		#id_btn_equipe h3:hover span.ui-icon.ui-icon-triangle-1-e,
		#id_btn_voir-carte h3:hover span.ui-icon.ui-icon-triangle-1-e{		border-color: transparent; }


		#id_btn_agence h3:hover span.ui-icon-triangle-1-s,
		#id_btn_equipe h3:hover span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_dcc h3:hover span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_voir-carte h3:hover span.ui-icon.ui-icon-triangle-1-s{
			border-color: #FFF transparent transparent transparent;
		}
		#id_btn_agence h3:hover span.ui-icon-triangle-1-s,
		#id_btn_equipe h3:hover span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_dcc h3:hover span.ui-icon.ui-icon-triangle-1-s,
		#id_btn_voir-carte  h3:hover span.ui-icon.ui-icon-triangle-1-s{ border-color: transparent; }

		
		#id_btn_agence .ui-accordion-content,
		#id_btn_equipe .ui-accordion-content,
		#id_btn_dcc .ui-accordion-content,
		#id_btn_voir-carte .ui-accordion-content  {
			background-color: transparent;
			padding: 10px 15px;
			border:none;
		}
		#id_btn_agence .ui-accordion-content p,
		#id_btn_equipe .ui-accordion-content p,
		#id_btn_dcc .ui-accordion-content p,
		#id_btn_voir-carte  .ui-accordion-content p{
			background-color: transparent;
		}
		#id_btn_dcc #ui-id-2 {
			border-top: 1px #ddd solid;
		}

	
	
		
	#id_btn_equipe::after {
		display: block;
		content: " ";
		clear: both;
	}	
		#id_btn_equipe::after {
			clear: both;
			content: " ";
			display: block;
			height: 90px;
		}
		
	/* =========================================================== */
	/* Carte                                                       */
		#row_id_carte{ }
		#id_btn_voir-carte{ }
		#id_btn_voir-carte h3::after{
				
		}
		#id_btn_voir-carte h3{ border:none; }

/*
		#id_btn_voir-carte h3 span.itemtitleck {
			display: block;
			background-color: #dbdbdb;
			text-align: center;
			width: 50%;
			margin: 0 auto;
			padding: 5px;
			border-radius: 15px;
		}
		#id_btn_voir-carte h3:hover span.itemtitleck {
			background-color: #828282;
		}
		*/

		#id_btn_voir-carte h3:hover svg path { stroke: #fff; }
		#id_btn_voir-carte h3 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-s,
		#id_btn_voir-carte h3 span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e{
			display:none;
			border-color:transparent;
		}
		#id_btn_voir-carte .ui-accordion-content,
		#id_btn_voir-carte .ui-accordion .ui-accordion-content {
			padding: 0;
			overflow: auto;
		}


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


/* ==============================================================================
   @grp Projets                                                                  
============================================================================== */
	#tpl_projets {
		margin: 0 auto;
		padding: 0px 10px;
	}
	#tpl_projets div.jux_portfolio_pro-filters,
	#tpl_top_projets div.jux_portfolio_pro-filters  {
		max-width: 1280px;
		margin: 0 auto;
	}
	
	#tpl_projets img,
	#tpl_top_projets img  {
		/*
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		*/
		opacity: 1;
		transition:all 0.5s ease-in-out;
	}
	body.pg_Ligere #tpl_projets img { filter: grayscale(0%); }
	
	#tpl_projets .juxp-img:hover img,
	#tpl_projets img:hover,
	#tpl_top_projets .juxp-img:hover img,
	#tpl_top_projets img:hover{
		opacity: 0.5;
		transition:all 0.2s ease-in-out;
	}
	/* bandeau des liens */
		.hover-2 { background: rgba(187, 36, 48,1); }
		.hover-2 .juxp-icon { 
			background: rgba(187, 36, 48,0.5);
			opacity: 1;
		}
		.hover-2:hover .juxp-img img {
			opacity: 1;
			box-shadow: none;
			background: rgba(187, 36, 48,0.5);
			/*box-shadow: inset 0px 0px 22px 4px rgba(57, 19, 19, 0.6);*/
		}		
		.juxp-content:hover .juxp-img img {
			transform: scale(1.05, 1.05);
			transition: all 0.5s ease;
		}	
		.jux-tag-item h4,
		.jux-tag-item h4 a,
		.jux-title-hv a.cs-title { }
		
		.juxp-filters li a{
			background-color: #FFF;
		}
		
		.juxp-filters li a.active { /*.juxp-filters li a.selected*/
			background:  rgba(187, 36, 48,1);
			color: #fff;
			border-radius: 2px;
			border: 1px solid #515252c4;
			transition: all 0.1s ease;
		}
		.juxp-filters li a:hover {
			border-color: #555;
			color: #fff;
			background: #666666;
		}
		
		.juxp-filters li a.active:hover /*.juxp-filters li a.selected:hover*/		 { background:  rgba(187, 36, 48,1);}


		.btn.btn-proj{
			background-color:#666;
			color:#FFF;
			border-radius:0;
			
		}
		
		
		/*  Pour masquer la châine  */
			#tpl_top_projets .hover-2 .juxp-icon .juxp-link,
			#tpl_projets .hover-2 .juxp-icon .juxp-link,
			#tpl_savoir-faire .hover-2 .juxp-icon .juxp-link {
				display: none;
			}
			
			#tpl_top_projets .hover-2 .juxp-icon,
			#tpl_projets .hover-2 .juxp-icon,
			#tpl_savoir-faire  .hover-2 .juxp-icon{
				/*background: none;*/
				width:100%;
				padding: 0;
			}
			
			#tpl_top_projets .hover-2 .juxp-icon .juxp-zoom,
			#tpl_projets .hover-2 .juxp-icon .juxp-zoom,
			#tpl_savoir-faire .hover-2 .juxp-icon .juxp-zoom{
				right: auto;
				width: 100%;
				height: 100%;
				border-radius: 0;
				background-color: transparent;
				padding: 0;
			}

			
			#tpl_top_projets .hover-2 .juxp-zoom:hover,
			#tpl_projets .hover-2 .juxp-zoom:hover,
			#tpl_savoir-faire .hover-2 .juxp-zoom:hover{
				background-color:transparent;
			}
			#tpl_top_projets .hover-2 .juxp-icon .juxp-zoom a,
			#tpl_projets .hover-2 .juxp-icon .juxp-zoom a,
			#tpl_savoir-faire .hover-2 .juxp-icon .juxp-zoom a{
				display:block;
				width:100%;
				height:100%;
				padding:5px 10px;
			}
			.jux-description p {
				line-height: 23px;
				font-size: 14px;
				margin-bottom: 0;
				padding-bottom: 2px;
			}
			
			
			/* Page projets */
			.col-lg-6 {	width: 50%; }
			.projet__container .col-lg-6 img{ 
				display:block;
				width:60%;
				margin:0 auto;
				margin:0 auto 0 12%;
			}

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










/* ==============================================================================
   @grp Formulaire de Contact                                                    
============================================================================== */
	#tpl_contactez-nous > .tpl__inner {
		min-height: 350px;
		padding: 50px 80px;
	}
	.contact_Form .coordonnees {
		/* Pour le texte des coordonnées */
		
	}

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






/* ==============================================================================
   @grp MainContent                                                    
============================================================================== */
	#maincontent{
		background:#FFF;
		text-align:justify;
		padding: 50px 0 50px 0;
	}
	#maincontent > div.inner{
		
	}
	#maincontent .itemFullText{
		max-width:1024px;
		margin:0 auto;
	}
	#maincontent .itemFullText > h3{
		font-weight:300;
		padding:35px 0 20px 0;
	}
	#maincontent .itemToolbar{ 
		display:none;
	}
	body.pg_Accueil #maincontent{
		background: #fff;
		padding: 50px 0 50px 0;
	}
	body.pg_Dcc_Formations #maincontent {
		padding: 0;
	}
	body.pg_Dcc_Formations #tpl_projets > .inner {
		padding-top: 0;
		padding-bottom: 10px;
	}
	body.pg_Ligere #maincontent{
		background-image: url(/images/_Design/bg_Ligere_01.jpg);
		background-color: var(--bleuLigere);
		background-position:50% 50%;
		background-attachment:fixed;
		background-repeat:no-repeat;
		background-size:cover;
		padding: 50px 0;
	}
	body.pg_ListeTerrains #maincontent {
		background: #fff;
		padding: 50px 0;
	}
	div.itemSocialSharing {
		padding: 20px 0 25px 50px;
	}
	div.itemNavigation {
		display: flex;
		justify-content: center;

		padding: 20px 0 25px 50px;
		margin: 0 0 24px 0;
		background: #ffffff;
		border-radius: 0px;
		border-bottom: 1px #eee solid;
	}
	div.itemNavigation {
		display: grid;
		grid-template-columns: 1fr 2fr 2fr;
		grid-template-rows: 1fr;
		gap: 4px 4px;
		grid-template-areas:
			". . .";
	}	
	div.itemNavigation span {
		
	}

	.fa-chevron-left::before,
	.fa-chevron-right::before{
		font-family: "FontAwesome";
	}



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





/* ==============================================================================
   @grp Savoir-Faire                                                              
============================================================================== */

	#tpl_contactez-nous,
	#tpl_savoir-faire,
	#tpl_call-to-action_dcc {
		background-image: url(/images/_Design/bg_Savoir-faire_01.jpg);
		background-attachment:fixed;
		background-size:cover;
		background-repeat:no-repeat;
		padding-top:50px;
	}
	#tpl_contactez-nous{
		position:relative;
		background-color: rgba(255,255,255,0.5);
		overflow:hidden;
	}
	
	body.pg_Ligere .juxp-item {	padding: 5px;	}
	
	
	#grille_Savoir-faire {
		width: 100%;
		min-height: 300px;
		display: wrap;
	
	}
	
	.row_Savoir-faire {
		width: 95%;
		margin: 5px auto;
		display: flex;
		justify-content: space-evenly;
	}
	.tab_image {
		box-sizing: border-box;
		text-align: center;
		text-transform: uppercase;
		font-weight: 400 !important;
		font-size: 14px;
		width: 220px;
		height: 180px;
		margin: 5px;
		padding: 80px 15px;
		border: 1px #666 solid;
	}
	
	.tab_image:hover {
		background:rgba(255,255,255,0.8);
	}
	#tpl_savoir-faire .hover-2 {
		background-color: transparent;
		border: none #606060 solid;
	}
	
	/* ============================================ 
	 Mise en forme pour le lightbox JUX             
	 ============================================  */
			/* pour masquer le titre dans Savoir-faire */
			#tpl_savoir-faire .jux-title-hv {
				display: none;
			}
		.jux-lightbox2 {
			background-image: url(/images/_Design/bg_ligthbox.png);
			background-size: cover;
			background-position: 50% bottom;
			background-attachment:scroll;
			display:flex;
		}
		.jux-lightbox2 .jux-media { margin: auto; }
		.jux-title_tag{
			background-color: #c0252a;
		}
		.jux-title {
			color: #FFF;
			padding: 12px 10px 5px 10px;
			text-transform: uppercase;
			font-weight: 100;
		}



	.jux-layerslideshow-container.jux-layerslideshow-responsive {
		max-width: 1024px;
	}
	.tp-bannershadow.tp-shadow3 {
		max-width: 800px !important;
		margin: 0 106px;
	}

/* @grp Savoir-Faire  (FIN)
============================================================================== */





/* ==============================================================================
   @grp Ligere Architecteurs                                                     
============================================================================== */
	#articleLigereArchitecteurs {
		color: #FFF;
		text-align:justify;
		padding: 50px 0 68px;
	}
	.txt_Intro_Ligere { padding: 0 2.5% 30px 2.5%; }
	#articleLigereArchitecteurs .deuxColonnes div img {
		width: 70%;
	}	
	#articleLigereArchitecteurs h3 { text-align: left;	}

	.bandeauFixeLigere {
		min-height: 80px;
		color:#FFF;
		padding: 0px 0 60px;
	}
	.bandeauFixeLigere div.texte_gauche_ligere {
		text-align: right;
		padding: 28px 0;
	}
	.flecheVoirTerrains a {
		display: block;
		background-image: url(/images/_Design/fleche_Bas_blanc.png);
		background-repeat: no-repeat;
		background-position: 50%;
	}
	
	/* Liste Terrains ============================================== */
	.gkNspPM-Portfolio2 .gkPortfolioCategories {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.gkNspPM-Portfolio2 .gkPortfolioCategories li {
		color: #3a3636;
		cursor: pointer;
		float: left;
		font-size: 13px;
		height: 38px;
		line-height: 24px;
		margin: 0 10px 0 0;
		padding: 7px 16px;
		text-transform: uppercase;
		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out;
		-o-transition: all .3s ease-out;
		transition: all .3s ease-out;
		background: rgba(255,255,255,0.5);
		border: 1px #fff solid;
	}
	.gkNspPM-Portfolio2 .gkPortfolioCategories li:hover {
		transition: all .3s ease-out;
		background: rgba(255,255,255,1);
		border: 1px #ccc solid;
		color:#666;
	}

		#k2ModuleBox148 ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-around;
			background-color: rgba(255,255,255,0.5);
			padding: 20px 10px;
		}
		#k2ModuleBox148 li {
			width: 24%;
			margin: 5px 2px;
		}
		div.k2ItemsBlock ul li.odd,
		div.k2ItemsBlock ul li.even {
			background-color: #f0eeee;
			padding: 6px;
		}
		div.k2ItemsBlock ul li.even {
			background-color: #e2e2e2;
		}
		#k2ModuleBox148 .moduleItemTitle {
			display: block;
			background-color: #3e566c;
			color: #FFF;
			text-transform: uppercase;
			letter-spacing: 2px;
			padding: 10px 5px 9px;
			margin: 0;
		}
		#k2ModuleBox148 .moduleItemIntrotext {
			margin: 0;
			padding: 4px;
			border: 1px #c8c6c6 solid;
		}
		#k2ModuleBox148 .moduleItemIntrotext {
			margin: 0;
			padding: 4px;
			border: 1px #c8c6c6 solid;
			min-height: 350px;
		}
		.moduleItemReadMore {
			display: block;
			background-color: #bfbfbf;
			padding: 10px 15px;
			text-align: center;
			border-radius: 14px;
			width: 48%;
			margin: 5px 0 5px 52%;
		}
		
		
		#Les_Architecteurs_Dot_com{
			width:100%;
			max-width:580px;
			margin-left: auto;
			margin-right: auto;
		}
		#Les_Architecteurs_Dot_com div.images{ width:100%; }
		
		#Les_Architecteurs_Dot_com img,
		#Les_Architecteurs_Dot_com div.images a{ 
			display:block;
			width:100%;
			height:100%;
			margin:0 auto;
		}
		#Les_Architecteurs_Dot_com div.texte { text-align: center; }



/* @grp Ligere Architecteurs  (FIN)
============================================================================== */








/* ==============================================================================
   @grp Liste Terrains                                                           
============================================================================== */
	body.pg_Ligere #tpl_liste_terrains,
	body.pg_Ligere #tpl_savoir-faire,
	body.pg_Ligere #tpl_contactez-nous{
		background-image: url(/images/_Design/bg_Ligere_Liste_Terrains.jpg);
	}
	 body.pg_Ligere #tpl_liste_terrains {
			background: url(/images/_Design/Backgrounds/bg_Ligere_Liste_Terrains.jpg);
	 }
	body.pg_Ligere #tpl_liste_terrains { background: #e3e3e3; }

	#tpl_liste_terrains .nspHeader{
		font-size: 18px;
	}
	#tpl_liste_terrains .nspCol4 {
		padding: 0 10px 20px !important;
		min-height: 500px;
		position: relative;
		margin-bottom: 40px;
	}
	#tpl_liste_terrains .nspInfo {
		
	}
	#tpl_liste_terrains a.readon {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	/* Liste Terrains */
		#tpl_liste_terrains .nspArt {  }
		#tpl_liste_terrains p.nspText {
			font-size: 14px;
			line-height: 20px;
			text-align: justify;
		}
	

/* @grp Liste Terrains  (FIN) 
============================================================================== */



	





/* ==============================================================================
   @grp DccFormation                                                             
============================================================================== */
	body.pg_DccFormations{}
	body.pg_DccFormations #tpl_top_content {
		padding: 80px 0;
	}

	body.pg_Dcc_Formations #tpl_projets {
		margin: 0 auto;
		padding: 0px 10px 50px 10px;
	}

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




/* ==============================================================================
   @grp Page_Erreur                                                              
============================================================================== */
	#bgPageErreur{
		background-image:url(/images/_Design/bg_Page_Erreur.jpg);
		
	}
	blockquote {
		padding: 0 0 0 15px;
		margin: 0 0 18px;
		border-left: 5px solid #eee;
		display: block;
		height: 150px;
		background: #555;
	}
	#codePgErreur .label.label-inverse {
		float:left;
		font-size: 35px;
		display: block;
		line-height: 100px;
		width:150px;
	}
/* @grpPage_Erreur  (FIN)
============================================================================== */

/* ==============================================================================
   @grp Debug                                                             
============================================================================== */
	#scrollDebug{ 
		position:fixed;
		bottom:60px;
		right:10px;
		background-color:#FFF;
		font-size:12px;
		min-width:10px;
		min-height:20px;
		padding:5px;
		border:2px red solid;
		z-index:2000;
	}


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




/* ==============================================================================
   @grp Presentation                                                             
============================================================================== */

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






/* ==============================================================================
   @grp Articles                                                                 
============================================================================== */


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






/* ==============================================================================
   @grp Pied de Page (ppg)                                                       
============================================================================== */
	#foot_wrapper {
		background-color: #353535;
		min-height: 350px;
		color: #eee;
	}
	
	
	/* FOOTER - Gestion du FLEX pour menus===================== */
		#foot_wrapper > div.inner {
			display: flex;
			justify-content: space-between;
			flex-wrap: wrap;
		}
		#tpl_footer_plan_site,
		#tpl_footer_plan_acc,
		#tpl_footer_plan_ligere,
		#tpl_footer_plan_dcc,
		#tpl_footer_plan_divers	{
			display: inline-block;
			flex:1;
		}
		#tpl_footer_plan_acc,
		#tpl_footer_plan_ligere,
		#tpl_footer_plan_dcc,
		#tpl_footer_plan_divers	{
			flex: 1;
		}
		
		/* COORDONNEES Gestion de l'aspect  ========= */
			#tpl_footer_adresse {
				flex: 1 1 100%;
				position: relative;
				margin: 0;
				padding: 10px 0 50px;
			}

		/* COORDONNEES Gestion de l'aspect  ========= */
			.coordonnees__adresse {
				display: flex;
				flex-wrap: wrap;
			}
			.coordonnees__adresse {
				/* width: 80%; */
				/* max-width: 550px; */
				flex-basis: 85%;
				flex-grow: auto;
				flex-shrink: 1;
			}			
			.coordonnees__adresse_titre {
				flex-basis: 100%;
			}
			.coordonnees__adresse_gauche,
			.coordonnees__adresse_droite {
				width: 50%;
			}			
			#footer_adresse p {
				margin: 0 0 0px 0;
				padding: 2px;
				line-height: 19px;
			}
			#foot_wrapper a:hover {
				background: none;
				color: #D9D9D9;
			}

			#foot_wrapper .nav > li > a {
				position: relative;
				display: block;
				padding: 10px 15px;
			}
			#footer_adresse.tck-cols {
				display: flex;
				flex-wrap: wrap;
				justify-content: left;
				box-sizing: border-box;
			}
			.logo_Footer,
			.coordonnees__logo-footer {
				flex-basis: 10%;
				background-image: url(/images/_Design/logo-foot-acc.png);
				background-repeat: no-repeat;
				/* width: 10%;  Remplacé par flex-basis */
				min-width: 80px;
				height: 85px;
			}			
			.logo_Footer a,
			.coordonnees__logo-footer a{
				display: block;
				width: 100%;
				height: 100%;
			}
			
			body.pg_Ligere .logo_Footer,
			body.pg_ListeTerrains .logo_Footer {	background-image: url(/images/_Design/logo-foot-ligere.png); }
			
			body.pg_Dcc_Formations .logo_Footer { 
				background-image: url(/images/_Design/logo-foot-dcc.png); 
			}
			body.pg_Ligere .logo_Footer:hover{	background-image: url(/images/_Design/logo-foot-ligere.png); }
			body.pg_Dcc_Formations .logo_Footer:hover { 	background-image: url(/images/_Design/logo-foot-dcc.png); }
			

	
	
	
	#foot_wrapper h3{ font-size:14px; }
	#foot_wrapper .nav li a { font-size: 12px; }
	

	/* 
	================================================================
		Pour masquer les liens Réseaux Sociaux  
		A CORRIGER OU COMPLETER
	================================================================
	*/
		#foot_wrapper #tpl_footer_plan_divers .social_Acc,
		#foot_wrapper #tpl_footer_plan_divers .social_Dcc,
		#foot_wrapper #tpl_footer_plan_divers .social_Ligere{ display: none; }
	
	
	/* Pour masquer les LI des pages Ligère etc */
		#foot_wrapper .menu,
		#foot_wrapper .nav { display: block; }	

	/* Pour afficher  les LI des pages Ligère etc */
	body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .social_Acc,
	body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .social_Acc,
	body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .social_Acc,
	body.pg_Dcc_Formations #foot_wrapper #tpl_footer_plan_divers .social_Dcc,
	body.pg_Ligere #foot_wrapper #tpl_footer_plan_divers .social_Ligere{ display: block; }





	/* Pour masquer les LI des pages Ligère etc */
		body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-382,
		body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-382,
		body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-382,
		body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-383,
		body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-383,
		body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-383,
		
		body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-384,
		body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-384,
		body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-384{	display:none; }


/* @grp Pied de Page (ppg)
============================================================================== */






/* ( @grp RESPONSIVE ) ============================================================================================================================================================= */




/* ==============================================================================
   @grp Responsive Media queries                                                 
============================================================================== */
	@media screen and (max-width: 1480px) {
		
	
	} /* < 1480 (FIN )*/

	@media screen and (max-width: 1200px) {
			
				
				
	
	} /* < 1200 (FIN )*/


	@media screen and (max-width: 1100px) {
		#wrapper_header{ 
			height: 70px;
			transition: all 0.3s ease-in;
		}
		#wrapper_header.menuReduce{
			height: 50px;
			transition:all 0.3s ease-in;
		}
		.menuReduce .menu__phone {
			top: 33px;
			transition: all 0.3s ease-in;
		}

		#ongletsAcc .onglet,
		#ongletsLiens .onglet {
			flex-basis: 30%;
			transition: all 0.35s ease-out;
		}



		/* FOOTER ============================ */
			.coordonnees__adresse_gauche p span,
			.coordonnees__adresse_droite p span {
				display: block;
			}
		
	
	} /* < 1100 (FIN )*/
	
	
	@media screen and (max-width: 1025px) {
		/* Phone Ligere */
			.menu__phone {
				position: absolute;
				right: 0;
				top: 50px;
				transition:all 0.3s ease-in;
			}			
			.menuReduce .menu__phone {
				position: absolute;
				right: 0;
				top: 32px;
				transition:all 0.3s ease-in;
			}			
		
	
	
	} /* < 1025 (FIN )*/
	
	
	@media screen and (max-width: 950px) { /* (min-width: 759px) and            */
	
		#wrapper_header{ 
			height: 60px;
			transition: all 0.3s ease-in;
		}
		#wrapper_header .tpl__inner{
			width: 100%;
			padding: 5px 5px;
		}
		
		#tpl_main_logo,
		#mainLogo,
		#mainLogoLigere {
			transition: all 0.3s ease-in;
		}
		
		#tpl_main_menu > div.inner { padding: 6px 0 0 0; }
		#tpl_main_menu ul.menu > li > a,
		#tpl_main_menu ul.menu > li > a:link{
			font-size: 0.75rem;
			padding: 6px 4px;
		}
		
		/* Phone Ligere */
			.menu__phone {
				top: 34px;
				transition: all 0.3s ease-in;
			}
			.menuReduce .menu__phone {
				top: 32px;
				transition:all 0.3s ease-in;
			}			

			.txt__intro {
				position:relative;
				min-height: 320px;
			}

		
		body.pg_Ligere  #wrapper,
		body.pg_Dcc_Formations  #wrapper { padding: 80px 0 0 0; }

		
		/* menuReduce */
			#wrapper_header.menuReduce{
				height: unset;
				height: 50px;
				transition: all 0.3s ease-in;
			}
			#wrapper_header.menuReduce > div.inner { 
				width:100%;
				padding: 2px 5px;
			}

			#wrapper_header.menuReduce #tpl_main_menu > div.inner { padding: 3px 0 0 0;	transition: all 0.3s ease-in;}
		
		/* Wrapper */
			#wrapper { padding: 80px 0 0 0; }

		/* CallToAction */
			#bandeau_callTO_Ligere > div p,
			#bandeau_callTO_Acc > div p,
			#bandeau_callTO_Dcc > div p { 
				font-size: 17px;
				letter-spacing: normal;
			}
			
		/* JUX portfolio */
			.hover-2:hover .info-content .jux-title-hv {	transform: translate3d(0,-5px,0); }
			.jux-title-hv a.cs-title {
				font-size: 13px !important;
				line-height: 18px;
				display: inline-block;
			}
			.hover-2 .juxp-icon {
				padding-top: 10px;
				padding-bottom: 10px;
				height: 30px;
				transform: translate3d(0, 100%, 0);
			}	
			#tpl_top_projets .hover-2 .juxp-icon .juxp-zoom a,
			#tpl_projets .hover-2 .juxp-icon .juxp-zoom a,
			#tpl_savoir-faire .hover-2 .juxp-icon .juxp-zoom a { padding: 0px 10px; }
			.hover-2 .fa { padding: 0px 8px;}
			
			
				
			#ongletsAcc, #ongletsDcc, #ongletsLiens { padding: 130px 0 50px 0; }	
			#bandeau_callTO_Ligere > div.inner p { font-size: 15px; }	
			.juxp-filters li.next { margin-left: 0px; }
			#ongletsLiens { padding: 40px 0 20px 0; }
		

		/* Agence Équipe */
			#id_agence-equipe { width: 80%; }

		


			div.itemNavigation span.itemNavigationTitle {	font-size: 14px; }
			
			
		/* Les Spacers */
			#tpl_spacer_top, 
			#tpl_spacer_bottom { min-height: 350px; }	
			
		/* LIGERE */
		/* liste terrains*/
			#tpl_liste_terrains .nspHeader {	font-size: 15px; }
			#tpl_liste_terrains > div.inner {
				 width:100%;
				 margin:0;
				 padding: 50px 5px;
			}
			#Les_Architecteurs_Dot_com img { width: 80%; }			

		/* ongletsLiens */
			#ongletsLiens .onglet {	width: 30%; }
			
			
		/* Pied de page */

			#foot_wrapper #tpl_footer_adresse h4 { 
				font-size: 16px; 
				line-height: 24px;
				/*padding: 10px 0 30px;*/
			}
			#foot_wrapper #tpl_footer_adresse p {
				font-size: 13px;
				line-height: 17px;
			}
			#foot_wrapper h3 { font-size: 12px; }
			#foot_wrapper > div.inner {
				width: 100%;
				padding: 25px 2%;
			}
			#tpl_footer_plan_site,
			#tpl_footer_plan_acc,
			#tpl_footer_plan_ligere,
			#tpl_footer_plan_dcc,
			#tpl_footer_plan_divers {
				display: inline-block;
				flex: unset;
				width: 19%;
			}
			#foot_wrapper li { margin-left: 5px; }
			#foot_wrapper .nav li a { 
				font-size: 11px; 
				padding: 2px;
			}
			
			body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .social_Acc img,
			body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .social_Acc img,
			body.pg_Dcc_Formations #foot_wrapper #tpl_footer_plan_divers .social_Dcc img,
			body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .social_Acc img,
			body.pg_Ligere #foot_wrapper #tpl_footer_plan_divers .social_Ligere img{ width:30px; }
			
			body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img,
			body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img{ width:82%; }
			
			body.pg_Projets #maincontent > .inner {
				padding-left:15px;
				padding-right:15px;
			}
			
			
			/* Liste Terrains */
				#tpl_liste_terrains .nspArt { width: 33%; }
				#tpl_liste_terrains p{ }

	} /* < 950px (FIN) */
	
	@media screen and (max-width: 758px) { /* (min-width: 525px) and    */
			
			html,body{ 
				width:auto;
				height:auto;
			}
			.jux-lightbox2 {
				flex-direction: column;
			}	
		
			/* HEADER */
				#wrapper_header{ height:60px; }
				
				#wrapper_header .tpl__inner {
					width: 100%;
					padding: 5px 0px;
				}
				#wrapper_header.menuReduce > div.inner {
					padding-left: 0;
					padding-right:0;
				}			
				#tpl_main_menu ul.menu {
					background-color: rgba(255,255,255,1);
					margin-top:5px;
				}
				#tpl_main_menu .nav.menu:hover {
					background-color: rgba(255,255,255,1);
				}
				#wrapper_header .tpl__inner {
					display: grid; 
					grid-template-columns: 1fr 1fr 1fr 1fr; 
					/* grid-template-rows: 60px; */
					gap: 0px 0px; 
				}
				#tpl_main_logo { 
					grid-area: 1 / 1 / 3 / 3; 
					width:100%;
					max-height: 49px;
					padding-left:3px;
				}
				#tpl_main_menu { 
					grid-area: 1 / 1 / 2 / 5; 
					width:100%;
				}
				#tpl_main_menu ul.menu > li > a,
				#tpl_main_menu ul.menu > li > a:link{
					font-size: 10px;
					padding: 3px 2px;
					letter-spacing: normal;
					text-align:left !important;
				}
				#tpl_main_menu ul.menu li li a,
				#tpl_main_menu ul.menu li li span.separator,
				#tpl_main_menu ul.nav li li a,
				#tpl_main_menu ul.nav li li span.separator,
				#tpl_main_menu ul.maximenuck li li a,
				#tpl_main_menu ul.maximenuck li li span.separator{
					display: block;
					padding-top: 2px;
					padding-right: 5px;
					padding-bottom: 4px;
					padding-left: 2px;
				}/*  579057  */
				#tpl_main_menu ul.menu {
					display: flow-root;
				}
				#tpl_main_menu ul.menu li,
				#tpl_main_menu ul.nav li,
				#tpl_main_menu ul.maximenuck li {
					padding: 0 0 0 10px;
				}
				#tpl_main_menu ul.menu li ul.nav-child { width: 97% !important; }
				#tpl_main_menu ul.menu li:hover{ background-color:#eee; }

				/* Phone Ligere */
					.menu__phone {
						position: absolute;
						right: 0;
						top: 34px;
						transition: all 0.3s ease-in;
					}
					.menuReduce .menu__phone {
						position: absolute;
						right: 0;
						top: 27px;
						transition:all 0.3s ease-in;
					}			
					#tpl_main_menu ul.menu__ligere-phone,
					#tpl_main_menu ul.menu__ligere-phone:hover,
					#tpl_main_menu ul.menu__ligere-phone li:hover,
					#tpl_main_menu ul.nav.menu.menu__ligere-phone:hover{	background-color: transparent; }


				.txt__intro { min-height: 360px;}


		
		/* Accueil Onglet */
			#ongletsAcc { 
				flex-wrap: wrap; 
				padding: 55px 0 30px 0;
			}
			#ongletsAcc .onglet {	
				width: 28%; 
				margin:10px 0;
				
			}

		/* CallToAction */
			#bandeau_callTO_Ligere,
			#bandeau_callTO_Acc,
			#bandeau_callTO_Dcc {
				height: 120px;
				padding: 5px 0px;
			}
			#bandeau_callTO_Ligere > div.inner p,
			#bandeau_callTO_Acc > div p,
			#bandeau_callTO_Dcc > div p { 
				font-size: 13px;
				letter-spacing: normal;
			}
			#bandeau_callTO_Ligere > div.inner p img,
			#bandeau_callTO_Acc > div p img,
			#bandeau_callTO_Dcc > div p img{  width: 30%; }
			
			
			.tpl__inner{
				max-width: none;
				width: 100%;
				padding: 30px 15px;
			}
			#tpl_top_content .tpl__inner {
				padding: 30px 0px;
			}
			body.pg_Accueil #maincontent { padding-bottom:0; }
			body.pg_Accueil #maincontent .tpl__inner{	
				padding: 0px 0px;
			}
			
			
			/* Page projets */
				.col-lg-6 {	width: inherit; }
				.col-sm-4 {	width: 33.3%; }			
				.col-sm-8 {	width: 66.69%; }
				/* articles  < précédents | suivants >  */	
				div.itemNavigation {
					padding: 0;
					display: flex;
					flex-wrap: wrap;
				}
				div.itemNavigation span.itemNavigationTitle{ 
					display:block;
					letter-spacing:2px;
					width:100%;
					text-align:left;
				}
			
			
			#tpl_savoir-faire #jux-portfolio-item-content {
				display: flex;
				justify-content: space-between;
			}			
			#tpl_contactez-nous > .tpl__inner {
				padding-left:50px;
				padding-right:50px;
			}

			/* Carte Agence */
				#tpl_carte > .tpl__inner{ 
					width:100%;
					padding-left:0;
					padding-right:0;
				}			
				#tpl_liste_terrains .nspArt { width: 50%; }
				#tpl_liste_terrains p{
					
				}

				/* Gestion des liens Mention légales */
					body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-337,
					body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-337,
					body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-337,
					body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-338,
					body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-338,
					body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-338{
						width:49%;
					}
					body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-337,
					body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-337,
					body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-337{
						margin-left:0;
					}
			
				/* Gestion du lien ORDRE des ARCHITECTES */
					body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-386,
					body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-386,
					body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-386{
						width:60%;
					}
					body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .item-386 img,
					body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .item-386 img,
					body.pg_Projets #foot_wrapper #tpl_footer_plan_divers .item-386 img{
						width:60%;
					}
			



			
	} /* < 758px (FIN) */
	
	
	@media screen and (max-width: 650px) {
			h2 {
				padding: 10px 5px 5px;
				line-height: 23px;
				letter-spacing: initial;
			}
			#bandeau_callTO_Ligere > div.inner p,
			#bandeau_callTO_Acc > div p,
			#bandeau_callTO_Dcc > div p { 
				font-size: 12px;
				letter-spacing: normal;
			}
			#bandeau_callTO_Ligere > div.inner p img,
			#bandeau_callTO_Acc > div p img,
			#bandeau_callTO_Dcc > div p img{
				width: 20%; 
			}
			#bandeau_callTO_Ligere, #bandeau_callTO_Acc, #bandeau_callTO_Dcc { height: 70px; }
			#id_agence-equipe,
			#id_texte_carte { width: 95%; }
			
			#tpl_contactez-nous > .tpl__inner {
				padding-left: 20px;
				padding-right: 20px;
			}

			.txt__intro { min-height: inherit;}
			.txt__intro .btn__action_lire-suite { 
				position: relative; 
				left:60%;
				width: 38%;
			}
			
	} /* < 650px (FIN) */
	
	@media screen and (max-width: 640px) {
		
		/* Pour corriger la déclaration de CK */
			#id_agence-equipe,
			#id_texte_carte {
				width: 95% !important;  /* !!! Pour corriger la déclaration de CK */
				margin: 0 auto !important;
			}

			#foot_wrapper > div.inner {
				display: block;
			}
			.logo_Footer,
			.coordonnees__logo-footer { flex-basis: 8%; }
			.coordonnees__adresse {	flex-basis: 84%;}
			
			#tpl_footer_plan_acc,
			#tpl_footer_plan_site,
			#tpl_footer_plan_ligere,
			#tpl_footer_plan_dcc{ display:none; }
			#tpl_footer_plan_divers{
				width:100%;
			}
			#tpl_footer_plan_divers ul.menu,
			#tpl_footer_plan_divers ul.nav{
				display: flex;
				justify-content: space-between;
				flex-wrap: wrap;
			}
			body.pg_Accueil #tpl_footer_plan_divers ul.menu,
			body.pg_Dcc_Formations #tpl_footer_plan_divers ul.nav{
				display: flex;
				justify-content: center;
				flex-wrap: wrap;
			}
			#tpl_footer_plan_divers ul.menu li:nth-child(1),
			#tpl_footer_plan_divers ul.menu li:nth-child(2){}
			body.pg_Accueil #tpl_footer_plan_divers ul.menu li:nth-child(1),
			body.pg_Mention-Legale #tpl_footer_plan_divers ul.menu li:nth-child(2) {
				width: 50%;
				margin: 0;
				text-align: center;
			}
			

			body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img,
			body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img {	width: 82%; }	

			/* Page projets */
				.col-lg-6{	width: inherit; }
				.col-sm-4{	width: inherit; }
				.col-sm-8{	width: inherit; }
				
				.projet__container .row{ display:block;	}
				.projet__container .col-lg-6 img{ 
					width:40%;
					margin:0 auto 30px auto;
				}
			
			/* Page Ligère */
				#articleLigereArchitecteurs .deuxColonnes { display:block; }
				#articleLigereArchitecteurs .deuxColonnes div{	width:100%; }
				#articleLigereArchitecteurs .deuxColonnes p { margin-left: 50px; }
				#articleLigereArchitecteurs .deuxColonnes div img {	width: 48%; }
				#articleLigereArchitecteurs .deuxColonnes h3 {
					letter-spacing:2px;
					padding: 5px 0 20px 0;
				}
				body.pg_Ligere #maincontent{ padding:0; }
				body.pg_Ligere #maincontent > .inner { padding: 10px 10px; }
				body.pg_Ligere #k2Container { 
					padding: 0 0 10px 0;
					margin-bottom:0;
				}


		
	} /* de 525 à 640 */
	
	
	@media screen and (max-width: 525px) {

		/* Gestion des Backgrounds ====================================================================  */
			#tpl_top_content { padding: 0 5px; }

			body.pg_Accueil #tpl_top_content { background-image: url(/images/_Design/Backgrounds/bg_Acc_Accueil_mobile_01.jpg); }
			

			body.pg_Accueil #tpl_spacer_top { 
				background-image: url(/images/_Design/Backgrounds/bg_Acc_Accueil_mobile_02.jpg); 
				background-position-x: 30%;
			} 

			#tpl_spacer_bottom{ background-attachment:scroll; }
			body.pg_Projets.Architecture #tpl_spacer_bottom {
				background-image: url(/images/_Design/Backgrounds/bg_Projets_Architecture_mobile.jpg);
				background-position-x: 30%;
			}
			body.pg_Projets.Urbanisme #tpl_spacer_bottom {  background-image: url(/images/_Design/Backgrounds/bg_Projets_Urbanisme_mobile.jpg);	}
			body.pg_Projets.Paysage #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Paysage_mobile.jpg); }
			body.pg_Projets.Architecture_Interieur #tpl_spacer_bottom {  background-image: url(/images/_Design/Backgrounds/bg_Projets_Architecture-Interieur_mobile.jpg);  }
			body.pg_Projets.Communication #tpl_spacer_bottom { background-image: url(/images/_Design/Backgrounds/bg_Projets_Communication.jpg); }
			
			
			
		/* Gestion des Backgrounds ===============================================================(FIN)  */
		
		
		
			body.pg_Dcc_Formations #tpl_top_content {	padding: 40px 25px 50px; }			
			
		/* Gestion Onglets ====================================================================  */
			.onglet__archi,
			.onglet__urbanisme,
			.onglet__paysage,
			.onglet__archi-interieure,
			.onglet__communication{
				overflow: hidden;
			}
			.onglet__archi a,
			.onglet__urbanisme a,
			.onglet__paysage a,
			.onglet__archi-interieure a,
			.onglet__communication a{
				display:block;
				width:50%;
				background-size: contain;
				background-position: 50% 50%;
				background-repeat: no-repeat;			
			}
			.onglet__archi a{	background-image:url(/images/_Design_Onglets/onglet-acc-architecture-mini.jpg);	}
			.onglet__urbanisme a{	background-image:url(/images/_Design_Onglets/onglet-acc-urbanisme-mini.jpg);	}
			.onglet__paysage a{	background-image:url(/images/_Design_Onglets/onglet-acc-paysage-mini.jpg);	}
			.onglet__archi-interieure a{	background-image:url(/images/_Design_Onglets/onglet-acc-architecture-interieure-mini.jpg);	}
			.onglet__communication a{	background-image:url(/images/_Design_Onglets/onglet-acc-communication-mini.jpg);	}
			
			.onglet__archi img,
			.onglet__urbanisme img,
			.onglet__paysage img,
			.onglet__archi-interieure img,
			.onglet__communication img{
				 display:none;
			}	
			
			#ongletsAcc .onglet {
				background-color: #fff;
				width: 45%;
				height: 121px;
				margin: 10px 0 0 0;
				padding: 0;
			}		
			#ongletsAcc .onglet img{
				position: relative;
				top: 0;
			}		
		/* Gestion Onglets ===============================================================(FIN)  */
		
		
			#id_texte_agence,
			#id_texte_equipe {
				padding-left:5px;
				padding-right:5px;
			}
			#id_btn_agence,
			#id_btn_equipe{
				padding-right:15px;
			}
			#id_btn_equipe::after { height: 40px; }			
			
			body.pg_Accueil #maincontent { padding-bottom: 0; }


			#tpl_contactez-nous { 
				padding-top:0;
				padding-bottom:0;
			}
			#tpl_contactez-nous > .tpl__inner {
				min-height: 350px;
				padding-top:20px;
				padding-bottom:20px;
			}
			
			
			#tpl_liens { padding: 0px; }
			#ongletsLiens {	padding: 10px 0 20px 0; }
			
			
			/* Liste Terrains */
				#tpl_liste_terrains .nspArt { width: 100%; }
				#tpl_liste_terrains p{ }
			
			
			
			#foot_wrapper #tpl_footer_adresse h4 { 
				font-size: 15px;
				line-height: 13px;
				padding:5px 2px; 
			}
			
			#foot_wrapper #tpl_footer_adresse p {
				font-size: 12px;
				line-height: 13px;
			}	
			.logo_Footer,
			.coordonnees__logo-footer { flex-basis: 8%; }
			.coordonnees__adresse {	flex-basis: 80%;}
			
			#foot_wrapper .menu .item-337,
			#foot_wrapper .menu .item-338{ margin-bottom:10px; }
			body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img,
			body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img { width: 60%; }			


	} /* < 524px (FIN) */
	
	
	@media screen and (max-width: 480px) {
		p,
		#bloc-presentation-agence p {
			font-size: 14px; 
			line-height:21px;
		}
		#id_btn_voir-carte h3, #id_btn_agence h3, #id_btn_equipe h3, #id_btn_dcc h3 {
			font-size:14px;
			line-height:22px;
			width: 20%;
			min-width: 120px;
			margin-bottom:10px;
			padding:2px;
			
			transition: all 0.2s ease-in;
		}
		#id_btn_equipe::after {
			height: 30px;
		}
		
		.tpl__inner {
			padding-top: 30px;
			padding-bottom: 10px;
		}

		
		/* FORMULAIRE de Contact */
			#tpl_contactez-nous > .tpl__inner {
				padding-left: 10px;
				padding-right: 20px;
			}

			#articleLigereArchitecteurs .deuxColonnes p { margin-left: 10px; }

			.logo_Footer {
				background-size: 100%;
				width: 10%;
				min-width: 60px;
				height: 65px;
			}
			body.pg_Accueil #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img,
			body.pg_Mention-Legale #foot_wrapper #tpl_footer_plan_divers .OrdreArchitectes.social_Acc img { 
				width: 65%;
				min-width:150px;
			}
			

	} /* < 480px (FIN) */
	
	
	
	
	@media screen and (max-width: 470px) {
		/* TAGS */
			p{
				font-size:12px;
				line-height:16px;
				letter-spacing:normal;
			}
			h2{ font-size:20px !important; }
			h2::after { 
				margin: 5px auto 0 auto;
				transition: all 0.2s ease-in-out;
			}
		
		
		#tpl_main_menu ul.menu {
			display: flow-root;
		}
		#tpl_main_menu ul.menu li,
		#tpl_main_menu ul.nav li,
		#tpl_main_menu ul.maximenuck li {
			padding: 0 0 0 10px;
		}
		#tpl_main_menu ul.menu li ul.nav-child { width: 97% !important; }
		#tpl_main_menu ul.menu li:hover{ background-color:#eee; }
		#tpl_main_menu ul.nav.menu.menu__ligere-phone li:hover {background-color:transparent; }
			
		#bandeau_callTO_Ligere > div p b,
		#bandeau_callTO_Acc > div p b,
		#bandeau_callTO_Dcc > div p b {
			display: block;
		}
		#articleLigereArchitecteurs h3 { 
			text-align: left;
			font-size:20px;
		}

		.btn.btn__action_contactez-nous.scrollTo {
			display: block;
			padding-top: 2px;
			padding-bottom: 2px;
			width: 90%;
		}

		#tpl_footer_adresse {
			padding-bottom:20px;
		}
		.coordonnees__adresse_gauche {
			border-bottom:1px #666 solid;
			padding-bottom: 10px;
		}
		.coordonnees__adresse_gauche,
		.coordonnees__adresse_droite {
			flex-basis: 80%;
			padding-left: 5%;
			padding-top: 10px;
		}
		

	} /* < 470px (FIN) */
	
	
	@media screen and (max-width: 320px) {
		
		#ongletsLiens {	display: block; }
		#ongletsLiens .onglet {
			width: 80%;
			margin: 20px auto;
		}		
		
		.txt__intro .btn__action_lire-suite { 
			position: relative; 
			left:50%;
			width: auto;
		}
		
		#foot_wrapper > div.inner {
			padding-left:2px;
			padding-right:2px;
		}
		
		.logo_Footer {
			width: 50px;
			height: 54px;
		}
		#foot_wrapper #tpl_footer_adresse p {
			font-size: 11px;
			line-height: 12px;
		}
	} /* < 320px (FIN) */
		


@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
		#tpl_top_content,
		#tpl_spacer_top,
		#tpl_savoir-faire,
		#tpl_contactez-nous,
		#tpl_spacer_bottom{ background-attachment: scroll !important; }
		
		#tpl_main_menu span.nav-header.contactPhoneLigere,
		.nav-header.contactPhoneLigere, 
		span.nav-header.contactPhoneLigere {
			background-color: #002D54 !important;
			color: #fff !important;
			text-shadow: none !important;
		}


	}

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