/*------------------------------------------------------------------------------------*/
/*MENU--------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------

RESET : [###RESET###]

DEFAULT : [###DEFAULT###]
-- styles de textes
-- formulaires
-- tableaux

STRUCTURE : [###STRUCTURE###]
-- zone vierge
-- sections texte / image
-- sidebar
-- blocs 3 colonnes

BIBILO : [###BIBLIO###]
-- Quick Contact
-- Quick Jump
-- Bloc type

PAGE D'ACCUEIL : [### ACCUEIL ###]
-- menutop [GRENAT]
-- carousel [SAPHIR]
-- benefices-clés [TOPAZE]
-- temoignage client [DIAMANT]
-- actualites [TOURMALINE]
-- references [EMERAUDE]
-- footer [GRANIT]

PAGE INTERIEURE : [### INTERIEURE ###]
-- bandeau [FLUORINE]
-- intranav [PERIDOT]
-- titre [CITRINE]
-- intro [AMETHYSTE]
-- principale [CRISTAL]
-- box-liens [SPHENE]
-- volet dynamiques [AMBRE]
-- captures d'ecran [AIGUEMARINE]
-- links horizontaux [ANTHRACITE]
-- blocs fonctionnalites [QUARTZ]
-- blocs calendrier [TURQUOISE]
-- volets depliables faq [LAPIS]
-- contact-temoignage [RUBIS]
-- filtres horizontaux [GOSHENITE]
-- evenements [RUBELLITE]
-- listing [DANBURITE]
-- clients [CLIENTS]

PAGE BLOG/ACTUALITES : [### BLOG ###]
-- menu mobile [HELIODORE]
-- actualites [ZIRCON]
-- pagination [ZIRCONIUM]

PAGE LIGHTBOX : [### LIGHTBOX ###]

PAGE FAQ : [### FAQ ###]


*/

/*------------------------------------------------------------------------------------*/
/*RESET----------------------------------------------------------------[###RESET###]--*/
/*------------------------------------------------------------------------------------*/

@charset "UTF-8";


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: top;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}

input,select,option,textarea{border:0; margin:0; padding:0; box-sizing:border-box;}


/*------------------------------------------------------------------------------------*/
/*DEFAULT------------------------------------------------------------[###DEFAULT###]--*/
/*------------------------------------------------------------------------------------*/

.responsive-stamp{
	background-color:green;
	color:#ffffff;
	height:25px;
	line-height:25px;
	padding:0 15px;
	font-size:11px;
	font-weight:bold;
	position:absolute;
	top:0;
	right:0;
	z-index:1000;
	display:none;
}
.responsive-stamp.large{ display:none;}
.responsive-stamp.tablette{ display:none;}
.responsive-stamp.mobile{ display:none;}

#spip-admin{ top:inherit; bottom:0; right:0;}

body{font-family: 'Open Sans', sans-serif;}

img{
	vertical-align:middle;
	max-width:100%;
	height:auto;
}

.clear{float:none; display:block; clear:both; overflow:hidden; height:0;}
.hide{display:none;}
.left{float:left;}
.right{float:right;}
.mtop{margin-top:15px;}
.first{margin-top:0; padding-top:0;}
.mobonly{display:none;}

.toleft{text-align:left;}
.toright{text-align:right;}
.centrer{text-align:center;}


.container{
	width:1000px;
	margin:0 auto;
	position:relative;
}

h1{
	font-weight:bold;
	font-size:48px;
	line-height:normal;
	color:#000000;
	text-transform:uppercase;
}

h1 strong{color:#ea7d1e;}

h2{
	font-weight:bold;
	font-size:32px;
	line-height:normal;
	color:#ea7d1e;
}

h3{
	font-weight:bold;
	font-size:24px;
	line-height:28px;
	color:#000000;
	margin-top:40px;
}
h3:first-child{margin-top:0;}

h4{
	font-weight:bold;
	font-size:18px;
	line-height:22px;
	color:#ea7d1e;
	margin-top:25px;
}

h4:first-child{margin-top:0;}

h5{
	font-weight:bold;
	font-size:16px;
	line-height:20px;
	color:#333333;
	margin-top:20px;
}

h5:first-child{margin-top:0;}

p{
	font-size:16px;
	line-height:22px;
	color:#555555;
	margin-top:20px;
}
p:first-child{margin-top:0;}

p.erreur{
	color:red;
	font-weight:bold;
}

p.congrats{
	color:#333333;
	font-weight:bold;
	background-color:#f0f0f0;
	border-radius:10px;
	background-image:url(../img/tab-check-essential.png);
	background-repeat:no-repeat;
	background-position:10px center;
	padding:10px 10px 10px 40px;
	
}

strong{font-weight:bold;}

a{ color:#000000;}
a:hover{ color:#ea7d1e;}

a.bouton{
	display:inline-block;
	background-color:#ea7d1e;
	padding:8px 15px;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
}

a.bouton:hover{background-color:#575757;}

a.bouton.gris{background-color:#777777;}
a.bouton.gris:hover{background-color:#575757;}

a.bouton.retour{

    background-image: url("../img/retourfleche.gif");
    background-position: 12px center;
    background-repeat: no-repeat;
    padding: 10px 15px 10px 28px;
	border:none;
}

a.bouton.large{

    padding: 10px 35px;

}

textarea{
	font-family: 'Open Sans', sans-serif;
	background-color:#ffffff;
	border:1px solid #9f9f9f;
	width:100%;
	padding:10px;
	min-height:150px;
	color:#333333;
}

input,select{font-family: 'Open Sans', sans-serif; color:#333333;}

.spip_documents_left{display:inline-block; float:left; margin-right:20px; margin-bottom:10px;}
.spip_documents_right{display:inline-block; float:right; margin-left:20px; margin-bottom:10px;}
.spip_documents_center{ display:block; text-align:center;}

table.spip{ width:auto; margin-top:20px;}

table.spip caption{
	font-weight:bold;
	font-size:24px;
	line-height:28px;
	color:#ea7d1e;
	margin-top:30px;
	margin-bottom:20px;
}

table.spip td{ vertical-align:middle;}

.bloc{ overflow:hidden;}

ul{margin-top:20px; text-align:left;}
ul:first-child{margin-top:0;}

li{
	font-size:14px;
	line-height:18px;
	color:#555555;
	margin-top:10px;
	background-image:url(../img/puceli.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:20px;
}
li:first-child{margin-top:0;}

li ul:first-child{margin-top:10px;}
li li{
	font-size:13px;
	color:#777777;
	margin-top:2px;
	background-image:url(../img/actu-fleche.gif);
	padding-left:12px;
}

.sliderkit li{ margin:0; padding:0; background:none;}
form li{ margin:0; padding:0; background:none;}
.checklist li{ background-image:url(../img/checkli.png); padding-left:32px; background-position:left 1px;}


div.boutons table a{
	display:inline-block;
	background-color:#ea7d1e;
	padding:8px 15px;
	color:#ffffff;
	text-decoration:none;
	border-radius:10px;
	font-size:16px;
	font-weight:bold;
	margin-top:5px;
}
div.boutons table a:hover{background-color:#575757;}


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

form{text-align:left; margin-top:30px;}
form:first-child{margin-top:0;}


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

form ul.two{font-size:0;}

form ul.two li{	
	display:inline-block;
	width:calc((100% - 20px) / 2);
}

form ul.two li:first-child{
	margin-right:20px;
}

form li label{
	display:inline-block;
	font-size:12px;
	line-height:20px;
	color:#999999;
	font-weight:normal;
	text-transform:uppercase;
	position:relative;
	letter-spacing:1px;
}
form li.erreur label{ color:red; font-weight:bold;}


form li input{
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	color:#333333;
	display:block;
	width:100%;
	padding:0 10px;
	height:38px;
	line-height:38px;
	background-color:#ffffff;
	border: 1px solid #9c9c9c;
}

form li.obligatoire input{box-shadow:5px 0px 0px #ea7d1e inset;}

form li select{
	font-family: 'Open Sans', sans-serif;
	display:block;
	font-size:14px;
	color:#333333;
	width:100%;
	padding:0 10px;
	height:38px;
	line-height:38px;
	background-color:#ffffff;
	border: 1px solid #9c9c9c;
}

form li select[disabled]{
	color:#777777;
	background-color:#f0f0f0;
}


form li.obligatoire select{box-shadow:5px 0px 0px #ea7d1e inset;}

form li select option{
	font-size:14px;
	padding:10px;
	color:#333333;
}


form li textarea{
	font-family: 'Open Sans', sans-serif;
	display:block;
	color:#333333;
	font-size:14px;
	width:100%;
	min-height:200px;
	padding:10px;
	background-color:#ffffff;
	border: 1px solid #9c9c9c;
}

form li.obligatoire textarea{box-shadow:5px 0px 0px #ea7d1e inset; padding:10px 10px 10px 15px;}

form p.obligatoire{
	color:#777777;
	font-size:14px;
	line-height:20px;
	margin-top:15px;
	font-style:italic;
	border-left:5px solid #ea7d1e;
	padding-left:10px;
}

form .submit{
	text-align:right;
	margin-top:10px;
}

form .submit input{
	font-family: 'Open Sans', sans-serif;
	display:inline-block;
	background-color:#ea7d1e;
	padding:10px 15px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	border-radius:10px;
}

/* TABLEAUX ------------------------------------------------------------------*/

table{ border-collapse:separate; border-spacing:3px; width:100%;}

table tr{background-color:#eeeeee;}
table tr:nth-child(2n){background-color:#ffffff;}
table tr.orange{background-color:#ea7d1e;}


table thead{background-color:#3c3c48; color:#ffffff;}
table thead tr{background-color:#3c3c48; color:#ffffff;}
table thead th{padding:15px 10px;  text-align:center; font-size:14px; line-height:20px; font-weight:bold;}

table thead th.community{background-color:#978070;}
table thead th.entry{background-color:#ea9f1e;}
table thead th.pro{background-color:#c45443;}

table td{ padding:15px 10px; text-align:center; font-size:14px;}
table td:first-child{text-align:left;}

/*------------------------------------------------------------------------------------*/
/*STRUCTURE--------------------------------------------------------[###STRUCTURE###]--*/
/*------------------------------------------------------------------------------------*/

/* ZONE VIERGE -----------------------------------------------------------------*/

#mythril .zone-vierge-verre{
	padding:40px 0;	
	border-top:2px solid #e0e0e0;
	border-bottom:2px solid #e0e0e0;
}

#mythril .zone-vierge-verre.grey{
	padding:40px 0;	
	border-top:0;
	border-bottom:0;
	background-color:#f0f0f0;
	
}


#mythril .souszone{
	padding-top:40px;
	margin-top:40px;
	border-top:1px solid #d9d9d9;
}
#mythril .souszone:first-child{padding-top:0; margin:0; border:none;}


/* SECTIONS TEXTE/IMAGE --------------------------------------------------------*/

#mythril .section{
	background-color:#ffffff;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid #d9d9d9;
	text-align:center;
}

#mythril .section:last-child{
	border-bottom:0;
	margin-bottom:0;
	padding-bottom:0;
}

#mythril .center{
	display:inline-block;
	max-width:100%;
}

#mythril .division,
#mythril .texteencadre-spip{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	padding-left:30px;
}

#mythril .troiscol{
	margin:40px 0;
}

#mythril .troiscol .texteencadre-spip{
	text-align:center;
	width:32%;
	padding:15px;
	border-right:1px solid #d0d0d0;
}

#mythril .troiscol .texteencadre-spip:last-child{border-right:0;}

#mythril .division:first-child,
#mythril .texteencadre-spip:first-child{padding:0 40px 0 0;}


#mythril .fondgris{
	display:block;
	padding: 30px;
	border-radius:25px;
	background-color:#ededed;
	margin-top:30px;
}


#mythril .division img,
#mythril .texteencadre-spip img{
	width:auto;
	max-width:none;
}



#mythril .division.hidden{display:none;}


/* SIDEBAR ---------------------------------------------------------------------*/


#mythril .main{display:table-cell; padding:40px 30px 40px 0; width:100%;}

#mythril .sidebar{
	display:table-cell;
	background-color:#ffffff;
	background-image:url(../img/sidebar.png);
	background-repeat:repeat-y;
	padding:45px 0 30px 15px;
}

#mythril .sidebar .barriere{width:200px;}

/* BLOCS 3 COL ---------------------------------------------------------------------*/

#mythril .blocs3col{
	display:inline-block;
	width:calc((100% - 160px) / 3);
	padding:20px;
	margin-left:20px;
	margin-bottom:20px;
	text-align:center;
	font-size:14px;
}

#mythril .blocs3col:nth-child(3n-2){margin-left:0}

/*------------------------------------------------------------------------------------*/
/*BIBLIO--------------------------------------------------------------[###BIBLIO###]--*/
/*------------------------------------------------------------------------------------*/

/* QUICK CONTACT ---------------------------------------------------------------------*/

#mythril .quickcontact{
	width:100%;
	text-align:left;
}
#mythril .quickcontact h5.titre{
	font-weight:bold;
	color:#ffffff;
	font-size:16px;
	background-color:#ea7d1e;
	height:35px;
	line-height:35px;
	border-radius:10px 10px 0 0;
	display:inline-block;
	padding:0 10px;
}

#mythril .quickcontact .shortfield{border:3px solid #ea7d1e;}
#mythril .quickcontact .shortfield div{ overflow:hidden;}
#mythril .quickcontact .shortfield div input{
	width:100%;
	padding:0 10px;
	height:40px;
	color:#44525a;
	
}
#mythril .quickcontact .shortfield a{
	display:block;
	float:right;
	height:40px;
	line-height:40px;
	color:#ffffff;
	text-decoration:none;
	padding:0 15px;
	background-color:#383838;
}

/* QUICK CONTACT NEWSLETTER ----------------------------------------------------------*/

#mythril .quickcontact.newsletter{
	padding-top:100px;
	background:none;
	width:100%;
	background-image:url(../img/inscription-newsletter.png);
	background-repeat:no-repeat;
	background-position:top center;
}

#mythril .quickcontact.newsletter .shortfield{
	border:0;
}

#mythril .quickcontact.newsletter .shortfield a{
	border:0;
	height:34px;
	line-height:34px;
	background-color:#77777f;
	font-weight:bold;
	font-size:18px;
}

#mythril .quickcontact.newsletter div input{
	height:34px;
	line-height:34px;
	padding:0 10px;
}

#mythril .quickcontact.newsletter h5.titre{
	color:#555656;
	font-size:16px;
	letter-spacing:1px;
	text-transform:uppercase;
	font-weight:normal;
	background:none;
	padding:0;
	height:auto;
	line-height:normal;
	margin-bottom:3px;
	margin-top:5px;
}

#mythril .sidebar .quickcontact.newsletter h5{font-size:14px;}

#mythril .sidebar .quickcontact.newsletter .shortfield{border:3px solid #d7d7d7;}



/* QUICK JUMP -------------------------------------------------------------------*/

#mythril .quickjump{ text-align:center;}
#mythril .quickjump form { display:inline-block; padding:0 10px; margin:10px; text-align:center; font-size:0;}
#mythril .quickjump select { display:inline-block; height:40px; background-color:#ffffff; margin:3px;}
#mythril .quickjump select option{padding:7px;}

/* BLOC TYPE --------------------------------------------------------------------*/

#mythril .bloctype{
	text-align:center;
	background-color:#ffffff;
	margin-top:30px;
}

#mythril .bloctype:first-child{margin-top:0;}

#mythril .bloctype>.titre{
	background-color:#333333;
	padding:15px 0;
	color:#ffffff;
}

#mythril .bloctype>.content{padding:20px;}

#mythril .bloctype>.content p.image img{ max-width:100%; height:auto;}

#mythril .sidebar .bloctype{
	background:none;
	text-align:left;
}

#mythril .sidebar .bloctype.separ{

margin-top:30px;
padding-top:30px;
border-top:1px solid #e1e1e1;

}

#mythril .sidebar .bloctype>.titre{
	background-color:rgbA(0,0,0,0.07);
	border-radius:5px;
	padding:15px 0;
	color:#848484;
	text-transform:uppercase;
	font-style:italic;
	font-size:15px;
	text-align:center;
	position:relative;
}

#mythril .sidebar .bloctype>.titre:after{
	position:absolute;
	content:"";
	background-image:url(../img/sideblocbulle.png);
	width:25px;
	height:12px;
	top:100%;
	left:10%;
}

#mythril .sidebar .bloctype>.content{
	margin-top:20px;
	background:none;
	padding:0 0 0 10px;
}


#mythril .sidebar .bloctype>.content p{
	color:#333333;
	font-size:14px;
	line-height:16px;
	margin-top:10px;
}

#mythril .sidebar .bloctype>.content div.texteencadre-spip{ margin-top:10px;}

#mythril .sidebar .bloctype>.content a{
	color:#ea7d1e;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	padding:0;
	background:none;
	text-decoration:none;
}

#mythril .sidebar .bloctype>.content a::after{
	content:"";
	display:inline-block;
	background-image:url(../img/lienkfleche.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:4px;
	height:8px;
	margin-left:5px;
}
#mythril .sidebar .bloctype>.content .spip_documents a::after{display:none;}


#mythril .sidebar .bloctype>.content a.plus{color:#999999;}
#mythril .sidebar .bloctype>.content a.plus::after{background-image:url(../img/actu-fleche.gif);}

/* BLOC TYPE CONTACT -----------------------------------------------------------*/

#mythril .sidebar .bloctype .contact {
	text-align:center;
	padding-top:100px;
	background-repeat:no-repeat;
	background-position:top center;
}
#mythril .sidebar .bloctype .contact .titre{
	font-size:14px;
	color:#555555;
	font-weight:200;
	text-transform:uppercase;
	letter-spacing:1px;
	background:none;
	margin:0;
	padding:0;
}

#mythril .sidebar .bloctype .contact .content p{
	color:#555555;
	font-size:20px;
	line-height:24px;
	font-weight:bold;
	margin-top:10px;
}
#mythril .sidebar .bloctype .contact .content p a{
	text-decoration:none;
	color:#555555;
}



#mythril .sidebar .bloctype .telephone {
	background-image:url(../img/pavetelicon.png);
}
#mythril .sidebar .bloctype .adresse {
	background-image:url(../img/paveadricon.png);
}

/* BLOC TYPE TELEPHONE ---------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
/*ACCUEIL----------------------------------------------------------[### ACCUEIL ###]--*/
/*------------------------------------------------------------------------------------*/

/*MENUTOP [GRENAT]*/

#zone-menutop-grenat{
	background-color:#3c3c48;
	padding:20px 0;
	background-image:url(../img/bandeau-logo-bg.jpg);
	background-repeat:no-repeat;
	background-position:calc(50% - 540px) center;
	border-bottom:6px solid #ea7d1e;
}

#zone-menutop-grenat .logo{
	display:table-cell;
	vertical-align:middle;
	width:242px;

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

#zone-menutop-grenat .logo a{display:inline-block;}
#zone-menutop-grenat .logo img{display:block;}

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

#zone-menutop-grenat .rightside{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	width:100%;

}

#zone-menutop-grenat .annexe{ margin-bottom:30px;}

#zone-menutop-grenat .annexe #formulaire_recherche{display:inline-block; vertical-align:middle; position:relative;}
#zone-menutop-grenat .annexe #formulaire_recherche label{display:none;}
#zone-menutop-grenat .annexe #formulaire_recherche input{
	width:170px;
	height:29px;
	line-height:29px;
	padding:0 10px;
	background-color:#77777f;
	border:1px solid #9e9ea4;
	color:#ffffff;
}

#zone-menutop-grenat .annexe #formulaire_recherche input.submit{
	position:absolute;
	width:26px;
	height:25px;
	padding:0;
	right:2px;
	top:2px;
	background-image:url(../img/search-submit.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	cursor:pointer;
	margin:0;
}

#zone-menutop-grenat .annexe a.contact{
	font-size:14px;
	display:inline-block;
	vertical-align:middle;
	height:33px;
	line-height:33px;
	background-color:#ea7d1e;
	text-decoration:none;
	color:#ffffff;
	font-weight:bold;
	border-radius:10px;
	padding:0 15px;
	margin:10px 0;
}

#zone-menutop-grenat .annexe a.telephone{
	display:inline-block;
	vertical-align:middle;
	height:35px;
	line-height:35px;
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	margin:10px 0;
}

#zone-menutop-grenat .annexe a.client{
	display:inline-block;
	vertical-align:middle;	
	color:#c9c9c9;
	font-size:13px;
	text-decoration:none;
	padding:0 0 0 20px;
	background-image:url(../img/menutop-client-icone.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	margin:10px 0;
}

#zone-menutop-grenat .annexe a.flag{
	display:inline-block;
	vertical-align:middle;
	margin:0 3px;
}

#zone-menutop-grenat .annexe .sep{
	display:inline-block;
	vertical-align:middle;	
	width:1px;
	height:37px;
	background-color:#6d6d76;
	margin:10px 12px;
}

#zone-menutop-grenat ul.menu{
	text-align:right;
	margin:0;
}

#zone-menutop-grenat ul.menu>li{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	margin-left:12px;
	padding:0;
	background:none;
	margin-top:0;
}

#zone-menutop-grenat ul.menu>li a,
#zone-menutop-grenat ul.menu>li span{
	font-size:18px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	height:35px;
	line-height:35px;
	
}

#zone-menutop-grenat ul.menu>li a:hover{color:#ea7d1e;}
#zone-menutop-grenat ul.menu>li span:hover{color:#ea7d1e;}

#zone-menutop-grenat ul.menu>li .survol{
	padding-right:15px;
	background-image:url(../img/menu-fleche.gif);
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
}

#zone-menutop-grenat ul.menu ul{
	display:none;
	position:absolute;
	z-index:10;
	background-image:linear-gradient(to top,#3c3c48,#4f4f5a);
	text-align:left;
	padding:7px 15px;
	border:1px solid #9e9ea4;
	margin:0;
}


#zone-menutop-grenat ul.menu ul>li{
	white-space:nowrap;
	display:block;
	padding:0;
	background:none;
	margin-top:0;
} 

#zone-menutop-grenat ul.menu ul>li a{
	font-size:16px;
	border-top:1px solid #9e9ea4;
} 

#zone-menutop-grenat ul.menu ul>li:first-child a{
	border-top:0;
} 

/* FIN MENUTOP [GRENAT]*/

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

/* CAROUSEL [SAPHIR] */

#zone-carousel-saphir{width:100%; text-align:center; background-color:#f0f0f0;}

#zone-carousel-saphir .sliderkit{width:100%; }

#zone-carousel-saphir .sliderkit-panels{width:100%; background-color:#ffffff; height:312px; background-image:linear-gradient(to bottom,#f2f2f2,#fefefe); background-repeat:repeat-x;}
#zone-carousel-saphir .sliderkit-panel{
	width:100%; 
	height:312px;
	background-repeat:no-repeat;
	background-position:left center,right center;
}
#zone-carousel-saphir .sliderkit-panel .container{
	height:312px;
	line-height:312px;
	background-image:url(../img/carousel-bg.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	font-size:0;

}

#zone-carousel-saphir .sliderkit-panel .texte{
	display:inline-block;
	vertical-align:middle;	
	padding-right:0;
	text-align:center;
	line-height:normal;
	width:350px;
}

#zone-carousel-saphir .sliderkit-panel .texte h3{
	font-size:32px;
	color:#555656;
	text-transform:uppercase;
	font-weight:normal;
}

#zone-carousel-saphir .sliderkit-panel .texte h3 strong{font-weight:bold;}

#zone-carousel-saphir .sliderkit-panel .texte p{
	font-size:16px;
	color:#555555;
	margin-top:15px;
}

#zone-carousel-saphir .sliderkit-panel .texte p.link{margin-top:30px;}


#zone-carousel-saphir .sliderkit-panel .texte p em{font-style:italic;}

#zone-carousel-saphir .sliderkit-panel .texte a.bouton{
	display:inline-block;
	border:1px solid #ffffff;
	box-shadow:0 0 0 1px #ea7d1e;
	height:44px;
	line-height:44px;
	background-color:#e97d1e;
	background-image:url(../img/carousel-bouton-bg.jpg);
	background-repeat:repeat-x;
	padding:0 15px;
	font-size:18px;
	font-weight:bold;
	position:relative;
}

#zone-carousel-saphir .sliderkit-panel .texte a.bouton:before{
	position:absolute;
	content:"";
	background-image:url(../img/doigt.png);
	width:51px;
	height:35px;
	left:-62px;
	top:5px;
}

#zone-carousel-saphir .sliderkit-panel .image{
	display:inline-block;
	vertical-align:middle;	
	padding-right:50px;
	text-align:center;
	line-height:normal;
	max-width:calc(100% - 400px);
}


#zone-carousel-saphir .sliderkit-nav{
	width:100%;
	position:relative;
	background-color:#d8d8d8;
	padding:25px 0;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip{
	width:100% !important;
	height:auto !important;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip ul{
	width:100% !important;
	height:auto !important;
	font-size:0;
	text-align:center;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li{
	display:inline-block;
	vertical-align:middle;
	float:none;
	padding:0;
	margin:0;
	background:none;
	
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip li a{
	display:block;
	width:135px;
	height:39px;
	line-height:39px;
	background-color:#ffffff;
	color:#595959;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	border-radius:10px;
	margin:5px;
}

#zone-carousel-saphir .sliderkit-nav .sliderkit-nav-clip .sliderkit-selected a{
	background-color:#3c3c48;
	color:#ffffff;

}


/* FIN CAROUSEL [SAPHIR] */

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

/* ZONE BENEFICES CLES [TOPAZE] */

#zone-benefices-topaze{

	background-repeat:no-repeat;
	background-position:right center;
	background-color:#eaebed;
	background-image:url(../img/blocs-valeurs-bg.jpg);
	background-size:cover

}

#zone-benefices-topaze {padding:30px 0 50px 0;}

#zone-benefices-topaze .benef_pave{
	float:left;
	padding:15px;
	width:28%;
	height:95px;
	background-color:rgbA(255,255,255,0.9);
	background-image:url(../img/blocs-valeurs-check.png);
	background-repeat:no-repeat;
	background-position:98% 8%;
	margin-right:34px;
	margin-top:65px;
	border-radius:10px;
	position:relative;
}

#zone-benefices-topaze .benef_pave:before{
	position:absolute;
	content:"";
	background-image:url(../img/blocs-valeurs-bulle.png);
	background-repeat:no-repeat;
	width:57px;
	height:45px;
	top:-45px;
	left:25px;

}

#zone-benefices-topaze .benef_pave:nth-child(3n){margin-right:0;}

#zone-benefices-topaze .benef_pave h4{
	color:#000001;
	font-weight:bold;
	font-size:20px;
	margin:0;
}

#zone-benefices-topaze .benef_pave p{
	margin-top:5px;
	color:#555555;
	font-size:14px;
	line-height:normal;
}

/* FIN BENEFICES CLES [TOPAZE] */

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

/* TEMOIGNAGE [DIAMANT] */

#zone-temoignage-diamant{ background-color:#ffffff; padding:40px 0}

#zone-temoignage-diamant .logo{
float:left;
max-width:25%;
margin-right:30px;

}
#zone-temoignage-diamant .logo img{max-width:100%; height:auto;}
#zone-temoignage-diamant .cadre{
	overflow:hidden;
	padding:10px 95px;
	background-image:url(../img/temleft.jpg) ,url(../img/temright.jpg);
	background-repeat:no-repeat;
	background-position:left center,right center;
}

#zone-temoignage-diamant .cadre p{ font-size:22px; font-style:italic; line-height:26px; color:#555555;}
#zone-temoignage-diamant .cadre p.signature{ font-style:normal; font-weight:bold;}

/* FIN TEMOIGNAGE [DIAMANT] */

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

/* ACTUALITES [TOURMALINE] */

#zone-actualites-tourmaline{background-color:#e5e5e5; padding:40px 0; margin-top:40px; position:relative;}

#zone-actualites-tourmaline .container{ position:static;}

#zone-actualites-tourmaline h3{
	position:absolute;
	top:-42px;
	font-size:30px;
	font-style:italic;
	font-weight:normal;
	background-color:#e5e5e5;
	color:#ffffff;
	padding:15px 20px 5px 20px;
	text-transform:uppercase;
	
}

#zone-actualites-tourmaline .actualites .actu{
	float:left; 
	width:305px;
	height:140px;
	margin-left:25px;
	background-color:#ffffff;
	border-radius:10px;
	padding:20px;
}

#zone-actualites-tourmaline .actualites .actu h4{
	color:#555555;
	font-size:16px;
	line-height:18px;
	margin:0;
}
#zone-actualites-tourmaline .actualites .actu p{ margin-top:10px; font-size:13px; line-height:normal;}



#zone-actualites-tourmaline .actualites .actu:first-child{margin-left:0;}

#zone-actualites-tourmaline .actualites .actu a.icone{
	display:block;
	float:left;
	margin-right:15px;
	width:80px;
}

#zone-actualites-tourmaline .actualites .actu a.icone img{
	max-width:100%;
	height:auto;
}

#zone-actualites-tourmaline .actualites .actu .cadre{overflow:hidden;}

#zone-actualites-tourmaline .actualites .actu .cadre p.suite{text-align:right;	}
#zone-actualites-tourmaline .actualites .actu .cadre p.suite a{
	font-size:16px;
	color:#b7b7b7;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../img/actu-fleche.gif);
	background-repeat:no-repeat;
	background-position:10px center;
	padding-left:20px;
	font-style:italic;
}


#zone-actualites-tourmaline .actualites .contact{
	float:left; 
	width:250px;
	margin-left:35px;
}

/* FIN ACTUALITES [TOURMALINE] */

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

/* LOGOS REFERENCES [EMERAUDE] */

#zone-references-emeraude{width:100%; padding:40px 0;}

#zone-references-emeraude .sliderkit{width:100%;}
#zone-references-emeraude .sliderkit-panels{
	width:90%;
	width:calc(100% - 40px);
	position:relative;
	left:20px;
	height:120px;
	line-height:120px;
}

#zone-references-emeraude .sliderkit-panel{ width:100%; height:120px; text-align:center; z-index:50; font-size:0; }
#zone-references-emeraude .sliderkit-panel div{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	padding:15px;
	width:140px;
	height:90px;
	line-height:90px;
}

#zone-references-emeraude .sliderkit-panel div img{
	max-width:100%;
	max-height:100%;
}

#zone-references-emeraude .sliderkit-go-prev{
	position:absolute;
	left:-20px;
	z-index:100;
}

#zone-references-emeraude .sliderkit-go-prev a{
	display:block;
	width:20px;
	height:120px;
	background-image:url(../img/carousel-ref-prev.png);
	outline:none;
}

#zone-references-emeraude .sliderkit-go-next{
	position:absolute;
	right:-20px; 
	z-index:100;
}

#zone-references-emeraude .sliderkit-go-next a{
	display:block;
	width:20px;
	height:120px;
	background-image:url(../img/carousel-ref-next.png);
	outline:none;
}

#zone-references-emeraude-mobile{display:none;}

/* FIN LOGOS REFERENCES [EMERAUDE] */

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

/* ZONE FOOTER [GRANIT] */

#zone-footer-granit{background-color:#3c3c48; padding:40px 0 50px 0;}

#zone-footer-granit .col-miniplan{float:left; width:calc((100% - 45px) / 4); margin-left:15px;}
#zone-footer-granit .col-miniplan:first-child{margin-left:0;}

#zone-footer-granit .col-miniplan .logo img{max-width:100%; height:auto;}



#zone-footer-granit .col-miniplan p.telephone a.bouton{
	background-color:#50505b;
	background-image:url(../img/footer-tel-icon.jpg);
	background-repeat:no-repeat;
	background-position:10px center;
	display:inline-block;
	font-weight:bold;
	height:49px;
	line-height:49px;
	padding:0 20px 0 60px;
	border-radius:10px;
	text-decoration:none;
	color:#ffffff;
	font-size:16px;
}

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

#zone-footer-granit .col-miniplan p.newsletter a.bouton{
	background-color:transparent;
	background-image:url(../img/footer-news-icon.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	display:inline-block;
	font-weight:normal;
	text-transform:uppercase;
	height:auto;
	line-height:normal;
	padding:15px 0 15px 45px;
	border-radius:0;
	text-decoration:none;
	color:#b3b3b3;
	font-size:15px;
}


#zone-footer-granit .col-miniplan p.newsletter a.bouton:hover{color:#ffffff;}
#zone-footer-granit .col-miniplan h5{
	font-weight:bold;
	font-size:16px;
	color:#dddddd;
	margin-top:15px;
}

#zone-footer-granit .col-miniplan h5:first-child{margin-top:0;}
#zone-footer-granit .col-miniplan p{
	font-size:14px;
	color:#b3b3b3;
	margin-top:5px;
	line-height:18px;
}

#zone-footer-granit .col-miniplan h5+p{margin-top:15px;}
#zone-footer-granit .col-miniplan p.newsletter+h5+p{margin-top:8px;}

#zone-footer-granit .col-miniplan ul{margin-top:15px;}

#zone-footer-granit .col-miniplan li{
	font-size:14px;
	color:#c7cbce;
	margin-top:10px;
	line-height:18px;
}


#zone-footer-granit .col-miniplan a{
	color:#b3b3b3;
	text-decoration:none;
	display:inline-block;
}

#zone-footer-granit .col-miniplan a:hover{color:#ffffff;}

#zone-footer-granit .reseaux{
	margin-top:10px;
	font-size:0;
	background-color:#50505b;
	border-radius:10px;
	padding:20px;
	text-align:center;
	width:70%;
	background-repeat:no-repeat;
	background-position:center 15px;
	padding-top:65px;
}


#zone-footer-granit .reseaux a{display:inline-block; margin-left:5px; margin-bottom:5px;}
#zone-footer-granit .reseaux a:first-child{margin-left:0; position:relative;}

#zone-footer-granit .reseaux a:first-child:before{
	position:absolute;
	content:"";
	background-image:url(../img/footer-reseaux-fleche.jpg);
	width:21px;
	height:24px;
	top:12px;
	left:-24px;
}

#zone-footer-granit .quickcontact{
	background:none;
	padding:0;
	width:100%;
}


/* FIN ZONE FOOTER [GRANIT] */


/*------------------------------------------------------------------------------------*/
/*PAGE INTERIEURE-------------------------------------------------[###INTERIEURE###]--*/
/*------------------------------------------------------------------------------------*/

/* ZONE BANDEAU [FLUORINE] */

#zone-bandeau-fluorine{
	height:187px;
	line-height:187px;
	background-color:#ffffff;
	background-position:center;
	text-align:right;
	border-bottom:1px solid #bfbfbf;
}

#zone-bandeau-fluorine .division{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
	margin:0 15px;
}

#zone-bandeau-fluorine .division.contact{width:300px;}

/* FIN ZONE BANDEAU [FLUORINE] */

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

/* ZONE INTRANAV [PERIDOT] */

#zone-intranav-peridot{
	text-align:center;
	padding:20px 0;
	background-color:#ffffff;
	width:100%;
}

#zone-intranav-peridot.active{
	position:fixed;
	z-index:9999;
	top:0;
	border-bottom:1px solid #bfbfbf;
	
}

#zone-intranav-peridot a{
	display:inline-block;
	margin:15px;
	padding-right:15px;
	background-image:url(../img/intranav.gif);
	background-repeat:no-repeat;
	background-position:center right;
	font-size:18px;
	color:#777777;
	text-decoration:none;
}

/* FIN ZONE INTRANAV [PERIDOT] */

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

/* ZONE TITRE [CITRINE] */

#zone-titre-citrine{
	text-align:center;
	padding:40px 0;
}

/* FIN ZONE TITRE [CITRINE] */

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

/* ZONE INTRO [AMETHYSTE] */

#zone-intro-amethyste{
	padding:40px 0;
}

#zone-intro-amethyste.besoin{
	background-image:url(../img/intro-bg.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border-bottom:1px solid #bfbfbf;
}

#zone-intro-amethyste .intro{ text-align:center;}

#zone-intro-amethyste .intro p{ font-size:18px; line-height:24px;}

#zone-intro-amethyste .intro-boutons{ margin-top:25px;}

#zone-intro-amethyste .intro-boutons a{
	display:inline-block;
	background-color:#ea7d1e;
	border-radius:10px;
	padding:8px 20px;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-decoration:none;
	margin:0 5px 20px 5px;
	vertical-align:top;
}



#zone-intro-amethyste .intro-boutons a:last-child{margin:0 5px;}

#zone-intro-amethyste .intro-boutons a.contact{
	background-color:#3c3c48;
}

/* FIN ZONE INTRO [AMETHYSTE] */

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

/* ZONE PRINCIPALE [CRISTAL] */

#zone-principale-cristal{background-color:#ffffff; position:relative;}

#zone-principale-cristal #besoins-endlinks{
	background-color:#eaeaea;
	border-radius:20px;
	padding:40px 30px;
	margin-top:30px;
	text-align:center;
}

#zone-principale-cristal #besoins-endlinks .bloctype.download{
	border:1px solid #afafaf;
	width:350px;
	padding:0;
}

#zone-principale-cristal #besoins-endlinks .bloctype.download a.logo{
	display:block;
	padding:40px 0;
}

#zone-principale-cristal #besoins-endlinks .bloctype.download a.link{
	display:block;
	background-color:#5a5a5a;
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	font-size:18px;
	
}

#zone-principale-cristal #besoins-endlinks .bloctype.download a.link span{
	display:inline-block;
	background-image:url(../img/telecharger-icone.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:15px 0 15px 45px;
}


#zone-principale-cristal #besoins-endlinks .bloctype.contact{ background:none; text-align:left;}

#zone-principale-cristal #besoins-endlinks .bloctype.contact .titre{
	background:none;
	padding:0;
}
#zone-principale-cristal #besoins-endlinks .bloctype.contact .content{
	background-color:#ffffff;
	padding:10px;
	border:1px solid #afafaf;
	position:relative;
	margin-top:10px;
	
}

#zone-principale-cristal #besoins-endlinks .bloctype.contact .content textarea{
	background:none;
	padding:0;
	border:none;
	resize: none;
	width:250px;
	min-height:100px;
	font-size:13px;
	line-height:16px;
}

#zone-principale-cristal #besoins-endlinks .bloctype.contact .content .fauxsubmit{margin-top:10px;}
#zone-principale-cristal #besoins-endlinks .bloctype.contact .content .fauxsubmit a{
	background-color:transparent;
	background-image:url(../img/send-icone.png);	
	background-repeat:no-repeat;
	background-position:left center;
	color:#949494;
	font-style:italic;
	padding: 0 0 0 25px;
}



/* FIN ZONE PRINCIPALE [CRISTAL] */

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

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

#zone-box-liens-sphene{
	padding:40px 0;
	background-color:#808a94;
	text-align:center;
}

#zone-box-liens-sphene .division{
	display:inline-block;
	margin:0 15px;
}

#zone-box-liens-sphene .division .bloctype{background-color:#f9f9fa;}

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

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

/* ZONE VOLETS DYNAMIQUES [AMBRE] */

#zone-volets-ambre{
	background-color:#ededed;
	padding:20px 0 40px 0;
}

#zone-volets-ambre .sliderkit{ margin-top:35px;}

#zone-volets-ambre .sliderkit .sliderkit-panels{ overflow:hidden; padding:10px; background-color:#ffffff;}

#zone-volets-ambre .sliderkit .sliderkit-panel{
	position:relative;
	overflow:visible;
}


#zone-volets-ambre .sliderkit .sliderkit-panel .image{
	float:right;
}
#zone-volets-ambre .sliderkit .sliderkit-panel .texte{
	overflow:hidden;
	padding:35px;
}
#zone-volets-ambre .sliderkit .sliderkit-nav{
	position:relative;
	float:left;
	width:20%;
}

#zone-volets-ambre .sliderkit .sliderkit-nav ul{
	text-align:center;
}

#zone-volets-ambre .sliderkit .sliderkit-nav ul li{
	display:block;
	float:none;
	padding:30px;
	position:relative;
	margin:0;
	background:none;
}


#zone-volets-ambre .sliderkit .sliderkit-nav ul li a{ outline:none;}

#zone-volets-ambre .sliderkit .sliderkit-nav ul li span{display:block;}

#zone-volets-ambre .sliderkit .sliderkit-nav ul li span.label{
	color:#a4a4a5;
	font-weight:600;
	font-style:italic;
	font-size:20px;
	margin-top:12px;
	text-decoration:none;
}

#zone-volets-ambre .sliderkit .sliderkit-nav ul li.sliderkit-selected{background-color:#ffffff;}
#zone-volets-ambre .sliderkit .sliderkit-nav ul li.sliderkit-selected span.label{ color:#777778;}
#zone-volets-ambre .sliderkit .sliderkit-nav ul li.sliderkit-selected span.label b{ color:#ea7d1e;}

#zone-volets-ambre h3{color:#4b4a4d; margin:0;}

#zone-volets-ambre h4{
	font-size:16px;
	font-weight:bold;
	color:#f06101;
	margin-top:15px;
}

/* FIN ZONE VOLETS DYNAMIQUES [AMBRE] */

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

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

#zone-captures-aiguemarine{ padding:40px 0;}

#zone-captures-aiguemarine h2{ text-align:center;}

#zone-captures-aiguemarine .sliderkit{width:100%; margin-top:40px; font-size:0; }

#zone-captures-aiguemarine .sliderkit-panels{
	width:700px;
	height:471px;
	background-image:url(../img/captures-ecran.png);
	display:inline-block;
	vertical-align:middle;
}

#zone-captures-aiguemarine .sliderkit-panel{ width:100%; height:500px; position:relative; text-align:center;}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav{
	position:relative;
	display:inline-block;
	width:300px;
	vertical-align:middle;
}



#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul{
	text-align:center;
	font-size:0;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:90px;
}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul li{
	display:inline-block;
	float:none;
	border:1px solid #d3d3d3;
	margin-bottom:15px;
}

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

#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip ul li.sliderkit-selected{border:1px solid #ea7d1e;}

#zone-captures-aiguemarine .sliderkit .sliderkit-nav-clip a{outline:none; border:3px solid #ffffff;}

#zone-captures-aiguemarine .sliderkit-panel .capture{
	width:531px;
	height:333px;
	margin-top:25px;
	margin-left:86px;
	position:relative;
	background-color:#000000;
}

#zone-captures-aiguemarine .sliderkit-panel .capture a:hover.colorbox-zoom::after{
	display:block;
	content:"";
	width:85px;
	height:85px;
	position:absolute;
	background-image:url(../img/loupe.png);
	background-repeat:no-repeat;
	top:15px;
	right:15px;
	
}

#zone-captures-aiguemarine .sliderkit-panel .capture:after{
	position:absolute;
	content:"";
	background-image:url(../img/captures-ecran-ombre.png);
	width:531px;
	height:333px;
	top:0;
	left:0;
	pointer-events:none;
}
#zone-captures-aiguemarine p.description{
	display:inline-block;
	color:#ffffff;
	background-color:rgbA(0,0,0,0.7);
	border-radius:15px;
	padding:10px 15px;
}



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

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

/* ZONE LINKS HORIZONTAUX [ANTHRACITE] */

#links-horizontaux-anthracite{
	background-color:#878787;
	text-align:left;
	font-size:0;
	background-image:url(../img/pixel.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}



#links-horizontaux-anthracite a{
	font-size:14px;
	display:inline-block;
	width:calc((100% - 4px) / 3);
	height:80px;
	line-height:80px;
	text-align:left;
	text-decoration:none;
	text-align:center;
	border-left:1px solid #ffffff;
	border-bottom:1px solid #ffffff;
	background-color:#7a7a7a;
}

#links-horizontaux-anthracite a:hover{
	background-color:#ea7d1e;
}


#links-horizontaux-anthracite a span.center{
	display:inline-block;
	font-weight:bold;
	line-height:normal;
	vertical-align:middle;
}
#links-horizontaux-anthracite a span.image{display:table-cell; vertical-align:top; padding-right:10px;}
#links-horizontaux-anthracite a span.texte{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	color:#ffffff;
}

#links-horizontaux-anthracite a span i{
	font-style:italic;
	font-size:18px;
	font-weight:normal;
	
}


#links-horizontaux-anthracite a:nth-child(3n){ border-right:1px solid #ffffff;}

#links-horizontaux-anthracite a:last-child{ border-right:1px solid #ffffff;}

#links-horizontaux-anthracite a.ext{
	background-image:url(../img/link-ext.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
}


/* FIN ZONE LINKS HORIZONTAUX [ANTHRACITE] */

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

/* ZONE PAVES FONCTIONNALITES [QUARTZ] */

#zone-paves-fonctionnalites-quartz{
	padding:80px 0 0 0;
	background-color:#ffffff;
	font-size:0;
}

#zone-paves-fonctionnalites-quartz .blocs3col{
	background-color:#ffffff;
	border:1px solid #8a8a8a;
    margin-bottom: 50px;
    margin-left: 50px;
    padding: 25px;
    width: calc((100% - 256px) / 3);
	height:230px;
	line-height:230px;
	position:relative;

}

#zone-paves-fonctionnalites-quartz .blocs3col .centrer{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}

#zone-paves-fonctionnalites-quartz .icone{
	left: calc(50% - 50px);
    position: absolute;
    top: -50px;
}


#zone-paves-fonctionnalites-quartz .blocs3col h5{
	margin-top:15px;
	font-size:24px;
	line-height:28px;
	font-weight:bold;
}

#zone-paves-fonctionnalites-quartz .blocs3col p{
	font-size:16px;
	line-height:20px;
}
/* FIN ZONE PAVES FONCTIONNALITES [QUARTZ] */

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

/* ZONE PAVES CALENDRIER [TURQUOISE] */

#zone-paves-calendrier-turquoise{
	padding:40px 0;
}

#zone-paves-calendrier-turquoise h2{
	color:#333333;
	background-image:url(../img/calendrier-ico.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:30px 0 30px 80px;
}


#zone-paves-calendrier-turquoise .blocs-calendrier{
	font-size:0;
	background-color:#ededed;
	padding:35px 35px 10px 35px;
	border-radius:20px;
	margin-top:15px;
}


#zone-paves-calendrier-turquoise .blocs3col{
	background-color:#ffffff;
	padding:10px;
	width: calc((100% - 110px) / 3);
	margin-left:25px;
	margin-bottom:25px;
}


#zone-paves-calendrier-turquoise .image{
	width:100%;
	text-align:center;
	overflow:hidden;
}


#zone-paves-calendrier-turquoise .contenu{
	height:190px;
	line-height:190px;
}

#zone-paves-calendrier-turquoise .contenu .centrer{
	display:inline-block;
	vertical-align:middle;
	line-height:normal;
}



#zone-paves-calendrier-turquoise h5{
	font-size:20px;
	color:#000000;

}
#zone-paves-calendrier-turquoise .contenu .date{
	color:#ea7d1e;
	font-style:italic;
	font-size:16px;
	font-weight:bold;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	padding:5px 0;
	margin-top:10px;
}
#zone-paves-calendrier-turquoise .contenu .date span{
	background-image:url(../img/time-icon-orange.png);
	background-repeat:no-repeat;
	padding-left:30px;
}

#zone-paves-calendrier-turquoise .contenu .infos{
	color:#777777;
	margin-top:10px;
	font-size:14px;
}
#zone-paves-calendrier-turquoise .contenu .infos span{
	display:inline-block;
}

#zone-paves-calendrier-turquoise .contenu .infos span::before{
	content:"  |  ";
}

#zone-paves-calendrier-turquoise .contenu .infos span:first-child::before{
	content:"";
}
#zone-paves-calendrier-turquoise .boutons a.detail{
	color:#999999;
	font-size:16px;
	font-weight:bold;
	background-image:url(../img/actu-fleche.gif);
	background-repeat:no-repeat;
	background-position:right 8px;
	padding-right:12px;
	text-decoration:none;
}

#zone-paves-calendrier-turquoise .boutons{height:85px;}
#zone-paves-calendrier-turquoise .boutons p{ margin-top:5px;}

#zone-paves-calendrier-turquoise .boutons a.bouton{
	color:#ffffff;
	background-color:#ea7d1e;
	padding:10px 50px;
}

/* FIN ZONE PAVES CALENDRIER [TURQUOISE] */

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

/* ZONE FONCTIONNALITES TABLEAU [FONCTAB] */

#zone-fonctionnalites-tableau{
	padding:40px 0 40px 0;

}
#zone-fonctionnalites-tableau h2{ text-align:center;}
#zone-fonctionnalites-tableau table{margin-top:30px;}

/* ZONE FONCTIONNALITES TABLEAU [FONCTAB]] */

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

/* ZONE VOLETS DEPLIABLES [LAPIS] */


#zone-volets-lapis{
	padding:40px 0;
	background-color:#ededed;
}


#zone-volets-lapis a.volet{
	display:block;
	background-color:#ffffff;
	padding:20px;
	margin-top:15px;
	color:#555555;
	text-decoration:none;
	position:relative;
	border-left:5px solid #ea7d1e;
	font-size:24px;
	font-weight:bold;
}

#zone-volets-lapis.faq a.volet{
	padding:20px 40px 20px 60px;
	background-image:url(../img/faq.jpg);
	background-repeat:no-repeat;
	background-position:10px center;
	font-weight:normal;
	font-size:16px;
	border:none;
}

#zone-volets-lapis a.volet:after{
	position:absolute;
	content:"";
	width:27px;
	height:27px;
	background-image:url(../img/volet-off.gif);
	background-repeat:no-repeat;
	right:15px;
	top:calc(50% - 14px);
}

#zone-volets-lapis a.volet.active:after{
	background-image:url(../img/volet-on.gif);
}

#zone-volets-lapis .volet-content{padding:20px; font-size:14px; line-height:18px; color:#777777;}

#zone-volets-lapis h2{
	color:#000000;
	font-size:40px;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	padding-bottom:30px;
	text-transform:none;
}

#zone-volets-lapis h2 strong{color:#ea7d1e;}

#zone-volets-lapis img.spip_documents{
	border:3px solid #ffffff;
}


/* FIN ZONE VOLETS DEPLIABLES  [LAPIS] */

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

/* ZONE CONTACT + TEMOIGNAGE  [RUBIS] */
#zone-contact-temoignage-rubis{
	padding:40px 0;
}

#zone-contact-temoignage-rubis .temoignage{
	float:right;
	width:35%;
	margin-left:70px;
	text-align:center;
	margin-top:50px;
}

#zone-contact-temoignage-rubis .temoignage h4{
	margin-top:30px;
	font-weight:bold;
	font-size:28px;
	color:#4d4d4;
}

#zone-contact-temoignage-rubis .temoignage p{
	font-style:italic;
	margin-top:20px;
	color:#777777;
	font-size:16px;
	line-height:20px;
}

#zone-contact-temoignage-rubis .temoignage p.signature{
	font-style:normal;
	font-weight:bold;
	color:#4d4d4d;
	font-size:16px;
}

#zone-contact-temoignage-rubis .contact{overflow:hidden;}

#zone-contact-temoignage-rubis .contact h2{
	color:#333333;
	font-size:38px;
	font-weight:bold;
	text-transform:none;


}

/* FIN ZONE CONTACT + TEMOIGNAGE  [RUBIS] */

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

/* ZONE FILTRES HORIZONTAUX [GOSHENITE] */

#zone-filtres-goshenite{padding:20px 0; background-color:#e5e5e5;}
#zone-filtres-goshenite select{color:#333333; font-size:14px; border:3px solid #ffffff;}
#zone-filtres-goshenite select option[disabled]{color:#777777;}

/* FIN ZONE FILTRES HORIZONTAUX [GOSHENITE] */

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

/* ZONE EVENEMENTS [RUBELLITE] */

#zone-evenements-rubellite{padding:70px 0;}

#zone-evenements-rubellite .evenement{ margin-top:100px;}
#zone-evenements-rubellite .evenement:first-child{ margin-top:0;}

#zone-evenements-rubellite .evenement>.image{width:250px; float:left; margin-right:30px;}
#zone-evenements-rubellite .evenement>.image img{width:100%; height:auto;}

#zone-evenements-rubellite .evenement>.contenu{ overflow:hidden;}

#zone-evenements-rubellite .evenement>.contenu>.date{
	display:inline-block;
	margin-right:15px;
	background-color:#ebebeb;
	padding:10px 20px 10px 40px;
	vertical-align:middle;
	border-radius:10px;
	color:#6d6d70;
	font-style:italic;
	font-size:16px;
	background-image:url(../img/time-icon.png);
	background-repeat:no-repeat;
	background-position:7px center;
	position:relative;
}

#zone-evenements-rubellite .evenement>.contenu>.date::after{
	position:absolute;
	content:"";
	background-image:url(../img/time-bulle.png);
	width:19px;
	height:9px;
	top:100%;
	left:15%;

}

#zone-evenements-rubellite .evenement>.contenu>.tags{
	display:inline-block;
	vertical-align:middle;
	color:#ea7d1e;
	font-weight:600;
	font-size:16px;


}
#zone-evenements-rubellite .evenement>.contenu>h3{ margin-top:15px; font-size:28px; color:#000000;}

#zone-evenements-rubellite .evenement>.contenu>p{ font-size:16px; line-height:20px;}


#zone-evenements-rubellite .evenement>.contenu>.details{ margin-top:25px;}
#zone-evenements-rubellite .evenement>.contenu>.details a{ margin-right:10px;}

#zone-evenements-rubellite .evenement>.contenu>.infos{
	margin-top:15px;
	line-height:30px;
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	padding:8px 0;
	color:#555555;
}


#zone-evenements-rubellite .evenement>.contenu>.infos span{
	display:inline-block;
	margin-right:30px;
}

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

/* ZONE LISTE FONCTIONNALITES [DANBURITE] */

#zone-listing-danburite{padding:40px 0; background-color:#ffffff;}

#zone-listing-danburite h2{
	color:#333333;
	font-size:38px;
	text-transform:none;
}

#zone-listing-danburite .groupe{ background-color:#ededed; padding:20px 20px 20px 0; margin-top:25px; margin-bottom:50px;}
#zone-listing-danburite .groupe:first-child{margin-top:0;}

#zone-listing-danburite .groupe h5{
	font-size:18px;
	font-weight:bold;
	background-color:#ea7d1e;
	color:#ffffff;
	padding:15px;
	width:30%;
	float:left;
	position:relative;
	left:-15px;
	margin-right:15px;
	margin-top:0;
	border-radius:20px;
}
#zone-listing-danburite .groupe ul{overflow:hidden; margin:0;}
#zone-listing-danburite .groupe li{
	background-color:#ffffff;
	padding:15px 15px 15px 40px;
	margin-top:15px;
	line-height:24px;
	background-image:url(../img/foncli.png);
	background-repeat:no-repeat;
	background-position:15px 22px;
	font-size:18px;
	
}

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


/* FIN ZONE LISTE FONCTIONNALITES [DANBURITE] */

/*------------------------------------------------------------------------------------*/
/*PAGE BLOG-------------------------------------------------------------[###BLOG###]--*/
/*------------------------------------------------------------------------------------*/

/* ZONE MENU MOBILE [HELIODORE] */

#zone-menu-heliodore{padding:20px 0; background-color:#e5e5e5; display:none;}
#zone-menu-heliodore select{color:#333333; font-size:14px; border:3px solid #ffffff;}
#zone-menu-heliodore select option[disabled]{color:#777777;}


/* FIN ZONE MENU MOBILE [HELIODORE] */

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

/* ZONE ACTUALITES [ZIRCON] */

#zone-actualites-zircon{padding:0; position:relative;}

#zone-actualites-zircon .actualite{
	margin-top:40px;
	padding-top:40px;
	border-top:1px solid #7e7e7e;
	
}

#zone-actualites-zircon .actualite:first-child{
	margin-top:0;
	padding-top:0;
	border:none;
	
}

#zone-actualites-zircon .actualite .titre .date{
	display:table-cell;
	vertical-align:top;
	
}

#zone-actualites-zircon .actualite .titre .date div{
	color:#ffffff;
	text-align:center;
	height:70px;
	width:70px;
	background-color:#ea7d1e;
	border-radius:35px;
	position:relative;
}

#zone-actualites-zircon .actualite .titre .date div::after{
	position:absolute;
	content:"";
	background-image:url(../img/actudatebulle.png);
	width:28px;
	height:28px;
	left:-3px;
	top:-3px;
	
}

#zone-actualites-zircon .actualite .titre .date .num{
	display:inline-block;
	font-size:26px;
	line-height:26px;
	font-weight:bold;
	margin-top:15px;
}

#zone-actualites-zircon .actualite .titre .date .mois{
	display:inline-block;
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	text-transform:uppercase;
}

#zone-actualites-zircon .actualite .titre h4{
	display:table-cell;
	vertical-align:middle;
	width:100%;
	padding-left:20px;
	font-size:32px;
	line-height:36px;
	color:#000000;
}

#zone-actualites-zircon .actualite .titre h4 a{
	color:#333333;
	text-decoration:none;
}


#zone-actualites-zircon .infos{
	margin-top:20px;
	font-size:14px;
	color:#777777;
	font-style:italic;
}

#zone-actualites-zircon .infos .date{
	background-image:url(../img/calendrier-icone.png);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding:5px 0 5px 30px;
}

#zone-actualites-zircon .infos .tags{margin-left:20px;}

#zone-actualites-zircon .infos .tags strong{font-style:normal;}
#zone-actualites-zircon .infos .tags a{ text-decoration:none; color:#777777;}
#zone-actualites-zircon .infos .tags a::before{content:"  |  ";}
#zone-actualites-zircon .infos .tags a:nth-child(2)::before{content:"";}


#zone-actualites-zircon .image{
	margin-top:15px;
	border:2px solid #c8c8c8;
}

#zone-actualites-zircon .image a{
	border:3px solid #ffffff;
	display:block;
}
#zone-actualites-zircon .actualite .image img{
	display:block;
	width:100%;
	height:auto;
	
}

#zone-actualites-zircon .chapeau{ margin-top:10px; font-size:16px; line-height:22px; color:#777777;}

#zone-actualites-zircon .maintext{ padding:40px 0 30px 0;}

#zone-actualites-zircon .detail{ text-align:right; margin-top:10px;}
#zone-actualites-zircon .detail a{ background-color:#575757; padding:12px 30px;}
#zone-actualites-zircon .detail a:hover{ background-color:#ea7d1e;}
#zone-actualites-zircon .detail a.retour{padding:12px 30px 12px 38px; background-position:18px center;}

#zone-actualites-zircon .menufiltre li{
	padding:0;
	margin:0;
	background:none;
}

#zone-actualites-zircon .menufiltre li a{
	display:block;
	background-color:#ffffff;
	border:1px solid #e5e5e5;
	padding:10px;
	margin-top:10px;
	text-decoration:none;
	color:#8c8c8c;
	font-size:16px;
	font-weight:bold;
}

#zone-actualites-zircon .menufiltre li.selected a{
	background-color:#f4f4f4;
	color:#575757;
	box-shadow: 5px 0px 0px 0px #ea7d1e inset;
	padding:10px 10px 10px 15px;

}


#zone-actualites-zircon .menufiltre li:first-child a{margin-top:0;}

#zone-actualites-zircon .actu-retour{border: 1px solid #ea7d1e; }
#zone-actualites-zircon .actu-retour a{
	background-color: #ea7d1e;
    background-image: url("../img/retourfleche.gif");
    background-position: 9px center;
    background-repeat: no-repeat;
    border: 2px solid #ffffff;
    color: #ffffff;
    display: block;
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0 15px 24px;
    text-decoration: none;
}


/* FIN ZONE ACTUALITES [ZIRCON] */

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

/* ZONE PAGINATION [ZIRCONIUM] */

#zone-pagination-zirconium{padding:10px 0; text-align:center; background-color:#f1f1f1; margin:40px 0;}

#zone-pagination-zirconium .pagination{ text-transform:uppercase; font-size:24px;}

#zone-pagination-zirconium .pagination span{
	color:#777777;
	font-weight:200;
	text-transform:uppercase;
	font-size:24px;
}

#zone-pagination-zirconium .pagination span strong{font-weight:200;}
#zone-pagination-zirconium .pagination span a{ text-decoration:none; color:#777777;}
#zone-pagination-zirconium .pagination span.sep{display:none;}
#zone-pagination-zirconium .pagination span.disabled{ visibility:hidden;}

#zone-pagination-zirconium .pagination .prev{
	float:left;
	padding:15px 15px 15px 35px;
	background-image:url(../img/actuprev.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#zone-pagination-zirconium .pagination .next{
	float:right;
	padding:15px 35px 15px 15px;
	background-image:url(../img/actunext.png);
	background-repeat:no-repeat;
	background-position:right center;
}

#zone-pagination-zirconium .pagination .pages{ display:inline-block;}

#zone-pagination-zirconium .pagination .pages strong,
#zone-pagination-zirconium .pagination .pages a{
	display:inline-block;
	padding:15px;
}

#zone-pagination-zirconium .pagination .pages strong.on{
	font-weight:bold;
	color:#ea7d1e;
}


/* FIN ZONE PAGINATION [ZIRCONIUM] */

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


/* ZONE CLIENTS [CLIENTS] */

#zone-clients{ padding:60px 0; }

#zone-clients .client{
	margin-top:50px;
	padding-top:50px;
	border-top:1px solid #e5e5e5;
}

#zone-clients .client h5{color:#ea7d1e; display:inline-block; position:relative;}
#zone-clients .client h5:after{
	content:"";
	position:absolute;
	background-image:url(../img/talk.png);
	width:35px;
	height:32px;
	right:-40px;top:-10px;
}

#zone-clients .client .citation{font-style:italic; margin-top:15px;}


#zone-clients .client:first-child{
	margin-top:0;
	padding-top:0;
	border-top:none;
}

#zone-clients .client .logotab{
	display:table-cell;
	padding-right:30px;
}

#zone-clients .client .logo{
	width:220px;
	height:90px;
	line-height:90px;
	border:3px solid #e5e5e5;
	border-radius:20px;
	padding:20px;
	text-align:center;
	
}

#zone-clients .client .logo img{
	max-height:100%;
	vertical-align:middle;
}

#zone-clients .client .texte{
	display:table-cell;
	vertical-align:middle;
}



#zone-clients .client .texte .signature{font-weight:bold;}
#zone-clients .client .texte .download{ margin-top:20px;}

/* FIN ZONE CLIENTS [CLIENTS] */


/*------------------------------------------------------------------------------------*/
/*LIGHTBOX----------------------------------------------------------[###LIGHTBOX###]--*/
/*------------------------------------------------------------------------------------*/

body#mythril.lightbox{ background-color:#3c3c48;}

#zone-lightbox{
	border-top:15px solid #ea7d1e;
	background-image:url(../img/shadow.png) ,url(../img/lightbox-bg.jpg);
	background-size:auto auto, 100% auto;
	background-position:top,top;
	background-repeat:repeat-x,no-repeat;
	padding-bottom:50px;
}

#zone-lightbox .logo{
text-align:center;
padding:40px 0;
}

#zone-lightbox .content{
	width:700px;
	max-width:calc(85% - 50px);
	padding:25px;
	border:6px solid #dedede;
	background-color:#ffffff;
	margin:0 auto;
	text-align:center;
}

/*------------------------------------------------------------------------------------*/
/*FAQ--------------------------------------------------------------------[###FAQ###]--*/
/*------------------------------------------------------------------------------------*/

#zone-faq{padding:40px 0;}

#zone-faq .faq{
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #e0e0e0;
	background-image:url(../img/faq.jpg);
	padding-left:55px;
	background-repeat:no-repeat;
	background-position:left 2px;
}

#zone-faq .faq:last-child{
	border-bottom:0;

}