/*-----------------------------------------------------------------------------------*/
/*RESPONSIVE AJUST --------------------------------------------------[Tablette 768]--*/
/*-----------------------------------------------------------------------------------*/

@media (min-width: 768px) and (max-width: 1020px) {



.responsive-stamp{display:none;}
.responsive-stamp.tablette {display:block; display:none;}
.container{
	width:90%;
	width:calc(100% - 60px);
	padding:0 30px;
}


h2 br{display:none;}


/* STRUCTURE ------------------------------------------------------------------*/

#mythril .sidebar{
	display:block;
	float:none;
	width:100%;
	padding:30px 0 50px 0;
	text-align:center;
	margin:0;
	background:none;
	border-top:1px solid #d9d9d9;
}

#mythril .sidebar .barriere{width:100%;}
#mythril .main{display:block; width:100%; padding:40px 0;}

#mythril .blocs3col{width:calc((100% - 129px) / 2); margin-left:25px;}
#mythril .blocs3col:nth-child(3n-2){margin-left:25px;}
#mythril .blocs3col:nth-child(2n-1){margin-left:0;}

#mythril .sidebar .bloctype > .titre{ display:inline-block; padding:15px 20px;}


/* FORMULAIRES ------------------------------------------------------------------*/

form ul{ margin:0;}

form ul li{margin-top:15px;}
form li:first-child{margin-top:15px;}

form ul.two li{	
	display:inline-block;
	width:100%;
	margin-top:15px;
}

form ul:first-child li:first-child{margin-top:0;}

/* BIBLIO ------------------------------------------------------------------*/


#mythril .quickcontact.newsletter{
	max-width:300px;
	margin:0 auto;
	display:block;
	text-align:center;	
}

#mythril .quickcontact.newsletter h5.titre{
	font-size:20px;
	margin-bottom:10px;
}

/*------------------------------------------------------------------------------------*/



/*[GRENAT]*/

#zone-menutop-grenat{background-color:#ffffff; padding:0;}
#zone-menutop-grenat .container{ padding:0; width:100%;}

#zone-menutop-grenat div.logo{display:none;}


#zone-menutop-grenat div.logomobile{
	display:block;
	padding:30px 0;
	text-align:center;
}

#zone-menutop-grenat div.logo a.logo img{
	width:100%;
	height:auto;
	max-width:436px;

}

#zone-menutop-grenat .rightside{
	display:block;
	vertical-align:middle;
	text-align:center;
	width:100%;
	background-color:#ffffff;
}

#zone-menutop-grenat .annexe{
	width:100%;
	background-color:#3c3c48;
	padding: 10px 0;
	margin:0;
}


#zone-menutop-grenat ul.menu{
	display:block;
	width:100%;
	background-color:#555656;
	padding:10px 0;
	margin:0;
	text-align:center;
}

/*FIN [GRENAT]*/

/*------------------------------------------------------------------------------------*/

/* CAROUSEL [SAPHIR] */

#zone-carousel-saphir .sliderkit-panels{height:400px;}
#zone-carousel-saphir .sliderkit-panel{height:400px; background:none !important;}
#zone-carousel-saphir .sliderkit-panel .container{height:400px; line-height:400px;}

/* FIN CAROUSEL [SAPHIR] */

/*-----------------------------------------------------------------------------------*/

/* BENEFICES [TOPAZE]*/

#zone-benefices-topaze .benef_pave{
	margin-right:0;
	width:42%;
	width:calc(50% - 45px);
	margin-top:60px;
}
#zone-benefices-topaze .benef_pave:nth-child(2n){margin-left:30px;}



/*FIN [TOPAZE]*/

/*-----------------------------------------------------------------------------------*/

/* TEMOIGNAGE [DIAMANT] */

#zone-temoignage-diamant .cadre{
	padding:10px 45px;
	background-size:26px 29px;
}

#zone-temoignage-diamant p.temoignage{ font-size:18px; font-style:italic; line-height:24px; color:#555555;}

/* FIN TEMOIGNAGE [DIAMANT] */

/*-----------------------------------------------------------------------------------*/

/* ACTUALITES [TOURMALINE] */

#zone-actualites-tourmaline .actualites .actu{
	width:calc(50% - 170px);
	height:auto;
}

#zone-actualites-tourmaline .actualites .contact{width:200px; text-align:center;}


#zone-actualites-tourmaline .actualites .quickcontact{
	text-align:center;
	background-position:top center;
}

#zone-actualites-tourmaline .actualites .quickcontact .shortfield{
	position:relative;
	margin-top:10px;
}

#zone-actualites-tourmaline .actualites .quickcontact .shortfield a{
	position:absolute;
	top:50px;
	padding:0;
	width:100px;
	left:50%;
	margin-left:-50px;
}

#zone-actualites-tourmaline .actualites .quickcontact .shortfield div{
	margin-bottom:65px;
}

#zone-actualites-tourmaline .actualites .actu a.icone{
	display:block;
	float:none;
	max-width:100%;
	margin-right:0;
}

#zone-actualites-tourmaline .actualites .actu .cadre{ margin-top:15px;}



/* FIN ACTUALITES [TOURMALINE] */

/*------------------------------------------------------------------------------------*/

/* LOGOS REFERENCES [EMERAUDE] */

#zone-references-emeraude .sliderkit-panel div{ width:17%; padding:1%;}



/* FIN LOGOS REFERENCES [EMERAUDE] */

/*------------------------------------------------------------------------------------*/

/* FOOTER [GRANIT] */

#zone-footer-granit .col-miniplan{
	width:100%;
	float:none;
	margin:50px 0 0 0;
	padding-top:50px;
	text-align:center;
	border-top:1px solid rgbA(255,255,255,0.1);
}

#zone-footer-granit .col-miniplan:first-child{
	margin:0;
	padding:0;
	border:none;
}

#zone-footer-granit .col-miniplan p.newsletter{margin-bottom:30px;}

#zone-footer-granit .col-miniplan p.newsletter a.bouton{font-size: 20px;}


#zone-footer-granit .col-miniplan p.telephone{margin-bottom:30px;}


#zone-footer-granit .reseaux{
	margin:10px auto 0 auto;
}




/* FIN FOOTER [GRANIT] */

/*-----------------------------------------------------------------------------------*/

/* ZONE PRINCIPALE [CRISTAL] */


#zone-principale-cristal #besoins-endlinks .bloctype.contact .content textarea{

	width:auto;
	min-height:120px;
	font-size:13px;
	line-height:16px;
}

#zone-principale-cristal #besoins-endlinks .bloctype.contact .content .fauxsubmit{margin-top:5px;}
#zone-principale-cristal #besoins-endlinks .bloctype.contact .content .fauxsubmit a{
	font-size:24px;
	line-height:38px;
	font-weight:bold;
}

/* FIN ZONE PRINCIPALE [CRISTAL] */


/*-----------------------------------------------------------------------------------*/

/* ZONE BOX-LIENS HORIZONTAUX [SPHENE] */

#zone-box-liens-sphene .division{
	display:block;
	margin:30px auto 0 auto;
	width:70%;
}

#zone-box-liens-sphene .division:first-child{margin:0 auto;}

/* FIN ZONE BOX-LIENS HORIZONTAUX [SPHENE] */

/*-----------------------------------------------------------------------------------*/

/* ZONE VOLETS DYNAMIQUES [AMBRE] */

#zone-volets-ambre .sliderkit .sliderkit-panel span.spip_documents{max-width:40%;}
#zone-volets-ambre .sliderkit .sliderkit-panel .image{max-width:40%;}
#zone-volets-ambre .sliderkit .sliderkit-panel .spip_documents img{max-width:200px;}

/* FIN ZONE VOLETS DYNAMIQUES [AMBRE] */

/*------------------------------------------------------------------------------------*/

/* ZONE CAPTURES D'ECRAN [AIGUEMARINE] */

#zone-captures-aiguemarine .sliderkit-panels{
    display: block;
    margin: 0 auto;
}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav{
	position:relative;
	display:block;
	width:auto;
	margin-top:30px;
}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip{
	overflow-x:scroll;
}
#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul{
	white-space:nowrap;
}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul li{margin-left:10px;}
#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul li:nth-child(2n){margin-left:10px;}

/* FIN ZONE CAPTURES D'ECRAN [AIGUEMARINE] */

/*-----------------------------------------------------------------------------------*/

/* ZONE LINKS HORIZONTAUX [ANTHRACITE] */

/*------------------------------------------------------------------------------------*/

#links-horizontaux-anthracite a{width:calc((100% - 3px) / 2);}
#links-horizontaux-anthracite a:nth-child(3n){ border-right:0;}
#links-horizontaux-anthracite a:last-child{ border-right:1px solid #ffffff;}
#links-horizontaux-anthracite a:nth-child(2n){ border-right:1px solid #ffffff;}

/* FIN ZONE LINKS HORIZONTAUX [ANTHRACITE] */

/*------------------------------------------------------------------------------------*/

/* ZONE MENU MOBILE [HELIODORE] */

#zone-menu-heliodore{display:block;}

/* FIN ZONE MENU MOBILE [HELIODORE] */

/*------------------------------------------------------------------------------------*/

/* ZONE ACTUALITES [ZIRCON] */

#zone-actualites-zircon .menufiltre{display:none;}
#zone-actualites-zircon .quickcontact{ margin:0;}

#zone-actualites-zircon .actu-retour{ display:inline-block;}
#zone-actualites-zircon .actu-retour a{padding: 15px 10px 15px 24px;}
/* FIN ZONE ACTUALITES [ZIRCON] */

/*------------------------------------------------------------------------------------*/

/* ZONE PAGINATION [ZIRCONIUM] */

#zone-pagination-zirconium .pagination .prev{display:none;}
#zone-pagination-zirconium .pagination .next{display:none;}

/* FIN ZONE PAGINATION [ZIRCONIUM] */

/*------------------------------------------------------------------------------------*/

/* ZONE EVENEMENTS [RUBELLITE] */

#zone-evenements-rubellite .evenement>.image{width:180px; float:left; margin-right:30px;}

/* FIN ZONE EVENEMENTS [RUBELLITE] */

/*------------------------------------------------------------------------------------*/

/* ZONE LISTE FONCTIONNALITES [DANBURITE] */

#zone-listing-danburite .groupe{padding:25px;}

#zone-listing-danburite .groupe li:first-child{margin-top:25px;}

#zone-listing-danburite .groupe h5{

	width:50%;
	float:none;
	left:-40px;
}

/* FIN ZONE LISTE FONCTIONNALITES [DANBURITE] */

/*------------------------------------------------------------------------------------*/

/* ZONE PAVES CALENDRIER [TURQUOISE] */

#zone-paves-calendrier-turquoise .blocs3col{
	margin-left: 30px;
    width: calc((100% - 70px) / 2);
	margin-bottom:30px;
}
#zone-paves-calendrier-turquoise  .blocs3col:nth-child(2n) { margin-left:30px;}

/* FIN ZONE PAVES CALENDRIER [TURQUOISE] */