/*************** FONTS  *******************/
@import url("../fonts/cms_icons/cms_icons.css");

/*************** STYLE DE BASE  *******************/
body
{
	margin:0px;
	padding:0px;
	font-family: "Poppins", sans-serif;
    font-size: 16px;
	line-height: 1.3;
    color:#404041;
	background:#ffffff;
	position:relative;
}
audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

.bgEditor
{
    background-color: #FFFFFF;
}
/* CONTAINERS PRINCIPAUX */
.mainHolder
{
	background:#FFFFFF;
}

.mainContainer
{
	position:relative;
	max-width:1376px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
}

#zoneTop
{
	position:absolute;
	top:0;
	z-index:1;
	width:100%;
}

#zoneTop .logo
{
	display:block;
	background:#ffcc00;
	width:99px;
	height:99px;
	padding:15px 0 0 28px;
	box-sizing:border-box;
	margin-left:10px;
	transition:all 0.3s;
}

body.T6 #zoneTop .logo, body.T7 #zoneTop .logo
{
	background:#00a3b7;
}

body.T5 #zoneTop .logo, body.T6 #zoneTop .logo , body.T7 #zoneTop .logo
{
	padding:30px 0 0 13px;
	width:122px;
	height:122px;
}
body.T7 #zoneTop .logo{
	padding:20px 0 0 13px;
}
#mainPanel.open #zoneTop .logo
{
	display:none;
}

#zoneTop .logo span, #footer .logo span
{
	display:block;
	background-image:url(/template/image/logo.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:41px;
	height:64px;
}

body.T5 #zoneTop .logo span, body.T5 #footer .logo span
{
	background-image:url(/template/image/home/echenard/logo.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:92px;
	height:58px;
}

body.T6 #zoneTop .logo span, body.T6 #footer .logo span
{
	background-image:url(/template/image/home/hauenstein/logo.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:92px;
	height:50px;
}
body.T7 #zoneTop .logo span, body.T7 #footer .logo span
{
	background-image:url(/template/image/home/hubert/logo.png);
	background-repeat:no-repeat;
	background-size:100%;
	width:92px;
	height:81px;
}

#zoneTopInt
{
	height:110px;
	background:#ffcc00;
}

body.T6 #zoneTopInt, body.T7 #zoneTopInt
{
	background:#00a3b7;
}

#zoneTopInt .logo
{
	display:inline-block;
	background-image:url(/template/image/logo-groupe.svg);
	background-repeat:no-repeat;
	background-size:100% auto;
	width:165px;
	height:67px;
	margin-top:22px;
}

.T2 #zoneTopInt .logo
{
	background-image:url(/template/image/logo-batiment.svg);
}
.T3 #zoneTopInt .logo
{
	background-image:url(/template/image/logo-bois.svg);
}
.T4 #zoneTopInt .logo
{
	background-image:url(/template/image/logo-entreprise.svg);
}

body.T5 #zoneTopInt .logo
{
	background-image:url(/template/image/home/echenard/logo-echenard.png);
}
body.T6 #zoneTopInt .logo
{
	background-image:url(/template/image/home/hauenstein/logo-hauenstein.png);
}
body.T7 #zoneTopInt .logo
{
	background-image:url(/template/image/home/hubert/logo-hubert.png);
}

#footer
{
	background:#FFFFFF;
	padding:0 0 50px 0 ;
}

body.T5 #footer div.reseauxSociaux
{
	display: none;
}

#footer .logo
{
	display:block;
	background:#ffcc00;
	width:122px;
	height:122px;
	padding:26px 0 0 38px;
	box-sizing:border-box;
	position:absolute;
	top:-61px;
	left:calc(50% - 61px);
}

body.T6 #footer .logo, body.T7 #footer .logo
{
	background:#00a3b7;
}

body.T5 #footer .logo, body.T6 #footer .logo
{
	padding:30px 0 0 13px;
}
body.T7 #footer .logo
{
	padding:20px 0 0 13px;
}

#footer .mainContainer
{
	padding:147px 10px 0 10px;
}

#footer .cms_icons-enveloppe_2
{
	font-size:13px;
	margin-right:9px;
}

#footer .cms_icons-phone
{
	font-size:13px;
	margin-right:12px;
}

#footer .reseaux{
	position: relative;
	display: block;
}
#footer .reseaux a
{
	position: relative;
	display:inline-block;
	background-repeat:no-repeat;
	background-size:contain;
	background-position: center center;
	width:50px;
	height:50px;
	margin-right:10px;
	margin-top:10px;
}
#footer .reseaux a.instagram{
	background-image:url(/template/image/reseaux/instagram.svg);
}
#footer .reseaux a.linkedin{
	background-image:url(/template/image/reseaux/linkedin.svg);
}
#footer .reseaux a.facebook{
	display:none;
	background-image:url(/template/image/reseaux/facebook.svg);
}

body.T6 #footer .reseaux a.facebook, body.T7 #footer .reseaux a.facebook
{
	display: inline-block;
}
body.T6 #footer .reseaux a.instagram, body.T6 #footer .reseaux a.linkedin,
body.T7 #footer .reseaux a.instagram, body.T7 #footer .reseaux a.linkedin
{
	display: none;
}

#footer .reseaux a:last-child{
	margin-right:0;
}

#footer .cols > div:not(.divwrapper)
{

	box-sizing:border-box;
	border-bottom:1px solid #c6c6c6;
	color:#3c3c3b;
	line-height: 1.684;
	padding-bottom:45px;
}

#footer .cols a
{
	color:#3c3c3b;
}

#footer .cols > div:not(.divwrapper) > div:nth-child(1)
{
	font-weight:Bold;
}

#footer .cols > div:nth-child(4)
{
	border-bottom:0;
}
	
#footer .cols > div:nth-child(2),
#footer .cols > div:nth-child(3)
{
	padding:45px 0 45px 0;
}

#footer .logosFond
{
	text-align:right;
	padding-top:25px;
}

#footer .logosFond a
{
	display:inline-block;
	/*background-image:url(/template/image/logosFond.jpg);*/
	/*background-image:url(/template/image/logosFondOn.jpg);*//*Garder les logos en couleurs*/
	background-repeat:no-repeat;
	background-size:auto 100%;
	width:51px;
	height:57px;
	margin-left:10px;
	
}

/*#footer .logosFond a:hover
{
	background-image:url(/template/image/logosFondOn.jpg);
}*/
#footer .logosFond a.ecoEntreprise
{
	display: none;
}
body.T5 #footer .logosFond a.ecoEntreprise
{
	display: inline-block;
	width:119px;
	height:66px;
	background-image: url(/template/image/eco-entreprise.png);
}
#footer .logosFond a.valais
{
	/*background-position:top right;*/
	width:59px;
	height:59px;
	background-image: url(/template/image/Valais_Excellence.svg);
}

body.T5 #footer .logosFond a.valais, body.T6 #footer .logosFond a.valais, body.T7 #footer .logosFond a.valais
{
	display: none;
}
#footer .logosFond a.entrepriseCitoyenne
{
	/*background-position:top left;*/
	width:43px;
	height:57px;
	background-image: url(/template/image/Logo-entreprise-citoyenne.png);
}

#footer .logosFond a.iso9001
{
	/*background-position:-58px 0;*/
	background-image: url(/template/image/Logo-ISO-9001.png);
}

#footer .logosFond a.iso14001
{
	/*background-position:-117px 0;*/
	background-image: url(/template/image/Logo-ISO-14001.png);
}



#zonePowered
{
	padding:55px 0 0 0!important;
}

#zonePowered
{
	font-family:arial;
	font-size:11px;
	color:#c3c3c3;
	text-decoration:none;
	text-align:right;
}
#zonePowered a
{
	background-image:url(/template/image/boomerang-marketing.svg);
	background-repeat: no-repeat;
	background-size:100% auto;
	display:inline-block;
	width:125px;
	height:10px;
	text-align:right;
}

/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:40px 0 0 0;
}
.headCtn h1
{
	margin:0 0 25px 0;
	font-size:33px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color:#404041;
	line-height: 1.219;
}

.headCtn h1 span.first
{
	/*display:block;*/
	color:#ffcc00;
}
body.T6 .headCtn h1 span.first, body.T7 .headCtn h1 span.first
{
	color:#00a3b7;
}
.headCtn h2 /*resume of the page*/
{
	margin:0;
	padding:0;
	font-size: 16px;
    color:#404041;
	font-weight:600;
  	overflow:hidden;
	font-family: "Poppins", sans-serif;
}

.headCtn .img
{
	display:none;
}


.headCtn h2:empty
{
	display:none;
}

/* LISTES */
.listCtn
{
	position:relative;
}

.listElement
{
	position:relative;
	display:block;
	margin:0 0 20px 0;
	text-decoration:none;
	overflow:hidden;
}

.listElement .more
{
	display:block;
	position:absolute;
	bottom:0;
	right:10px;
	color:#ffcc00;
	font-size:14px;
	transform:rotateZ(45deg)!important;
	transition:all 0.5s;
	
}

body.T6 .listElement .more, body.T7 .listElement .more
{
	color:#00a3b7;
}

.listElement:hover .more
{
	transform:rotateZ(135deg)!important;
}

.listElement .img
{
	position:relative;
	display:block;
	float:left;
	width:100%;
	background:url(/template/image/defaultList.jpg) no-repeat center center;
	background-size:cover;
	transition:opacity 0.5s;
}
.listElement .img:before
{
	content:"";
	display:block;
	padding-top:100%;
}


.listElement .txt
{
	display:block;
	position:relative;
	padding:14px 14px 14px 0;
	overflow:hidden;
}

.listElement:hover
{
	text-decoration:none;
}

.listElement h5
{
	margin:20px 0px 10px 0px;
	color:#404041;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size:23px;
	border-bottom:0;
	transition:all 0.5s;
}
.listElement .resume
{
	display:block;
	color:#404041;	
}

/* ZONE HTML */
.htmlcontent
{
	overflow:hidden;
}
.htmlcontent img
{
	max-width:100%;
	height:auto!important;
}
	
.htmlcontent iframe
{
	max-width:100%;
}

/* STYLE GENERIQUE*/
.divwrapper
{
	clear:both;
}
.lastcol
{
	margin-right:0px!important;
}

H1, H2, H3 /*H3 in html content // H1,H2 in case someone try to use this level in html content */
{
    margin:25px 0 15px 0;
    font-size:23px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
}

H4, H5, H6 /*H4 in html content // H5,H6 in case someone try to use this level in html content */
{
    margin:30px 0 20px 0;
    padding-bottom:7px;
    font-size:17px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	border-bottom:1px solid #ffcc00;
}

body.T6 H4, body.T6 H5, body.T6 H6,
body.T7 H4, body.T7 H5, body.T7 H6
{
	border-bottom:1px solid #00a3b7;
}

A
{
	color:#ffcc00;
    text-decoration:none;
}

body.T6 A, body.T7 A
{
	color : #00a3b7;
}

A:hover
{
	text-decoration:underline;
}

P
{
    margin-top: 14px;
    margin-bottom: 14px;
}

UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
	list-style-type: none;
}


#pagehtmlcontent ul li:before, #intProjet ul li:before , #intProjet li:before ,
.bgEditor ul li:before {
    content: "•";
    color: #ffcc00;
    margin-left: -15px;
    margin-right: 8px;
    font-size: 15px;
	font-family:opensans;
}

body.T6 #pagehtmlcontent ul li:before, body.T6 #intProjet ul li:before , body.T6 #intProjet li:before ,
body.T6 .bgEditor ul li:before,
body.T7 #pagehtmlcontent ul li:before, body.T7 #intProjet ul li:before , body.T7 #intProjet li:before ,
body.T7 .bgEditor ul li:before
{
	color: #00a3b7;
}
#intProjet li::marker
{
	content: none;
}
#intProjet li:before 
{
	margin-left: 0;
}
/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:680px)
{
	.headCtn
	{
		margin:40px 0 0 0; 
	}
	
	.headCtn h1
	{
		margin:0 0 25px 0;
		font-size:43px;
	}
	
	#zoneTopInt
	{
		height:145px;
	}
	
	#zoneTop .logo
	{
		margin-left:0;		
	}
	
	#zoneTopInt .logo
	{
		width:270px;
		height:109px;
		margin-top:17px;
	}

	body.T5 #zoneTopInt .logo
	{
		height:104px;
	}

	body.T6 #zoneTopInt .logo{
		width:314px;
		height:102px;
	}
	body.T7 #zoneTopInt .logo{
		width:228px;
		height:109px;
	}


	#footer .cols > div:nth-child(2), #footer .cols > div:nth-child(3),#footer .cols > div:nth-child(4)
	{
		width:30%;
		float:left;
		border-bottom:0;
		height:75px;
		padding-bottom:0;
	}
	
	#footer .cols > div:nth-child(4)
	{
		width:40%;
	}

	#footer .logosFond
	{
		padding-top:46px;
	}

	#zoneMenuPowered > div
	{
		float:left;
		width:50%;
		padding-top:23px;
	}	
	
	.listCtn
	{
		padding:50px 7% 0 7%;		
	}

	.listElement h5
	{
		margin:30px 0px 10px 0px;
	}
	.listElement .txt
	{
		float:left;
		width:52.55%;
		box-sizing:border-box;
		max-height:255px;
		margin-bottom:25px;
		padding:14px 14px 14px 14px;
	}
	
	.listElement .more
	{
		bottom:10px;
		right:auto;
		left:47%;
		
	}

	.listCtn a .txt
	{
		padding:0 60px 0 0;	
	}
	
	.listElement .img
	{
		float:right;
		width:47.45%;
		z-index:2;
	}
	
	.listElement:after
	{
		content:"";
		display:block;
		position:absolute;
		height:2px;
		background:#e7e7e7;
		bottom:0;
		left:0;
		width:100%;	
		z-index:0;	
	}
	
	.listElement:before
	{
		content:"";
		display:block;
		position:absolute;
		height:2px;
		background:#ffcc00;
		bottom:0;
		left:0;	
		z-index:0;	
		width:0;
		transition:width 0.8s;
	}

	body.T6 .listElement:before, body.T7 .listElement:before
	{
		background: #00a3b7;
	}
	
	.listElement:hover:before
	{
		z-index:1;
		width:100%;	
	}
	
	.listElement:hover h5
	{
		color:#ffcc00;		
	}

	body.T6 .listElement:hover h5, body.T7 .listElement:hover h5
	{
		color: #00a3b7;
	}
	
}

@media only screen and (min-width:1090px)
{
	
	.listElement
	{
		float:right;
		width:50%;
		margin-bottom:120px;
		
	}
	
	.listCtn a.one
	{
		margin-top:0!important;		
		float:left!important;
		margin-bottom:0!important;
		
	}
	
	.listCtn a.one .txt
	{
		padding:0 60px 0 0!important;	
	}
	
	.listCtn a:nth-child(odd)
	{
		margin-top:-100px;		
	}
	
	.listCtn a .txt
	{
		padding:0;
	}
	
	.listCtn a:nth-child(even) .txt
	{
		padding:0 60px 0 0;		
	}
	
	.listCtn a:nth-child(odd) .txt
	{
		padding:0 32px 0 32px;		
	}

	#footer .cols > div:not(.divwrapper)
	{
		width:25%;
		float:left;
		border-right:1px solid #c6c6c6;
		border-bottom:0;
		height:120px;
	}

	body.T5 #footer .cols > div.logosFond
	{
		width:50%;
	}

	#footer .cols > div:nth-child(2),
	#footer .cols > div:nth-child(3)
	{
		padding:10px 0 0 56px;
	}

	#footer .cols > div:nth-child(4)
	{
		border-right:0;
	}

	#footer .logosFond
	{
		padding-top:25px;
	}


}
@media only screen and (min-width:1265px)
{

}

@media only screen and (min-width:1400px)
{
	#footer .mainContainer
	{
		padding:147px 0 0 0;		
	}
}


/* TABLES */
.htmlcontent table
{
	table-layout:fixed;
}

table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
	vertical-align:top;
}

.htmlcontent table th, .bgEditor table th
{
	text-align:left;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	background:#ffcc00;
	
}

body.T6 .htmlcontent table th, body.T6.bgEditor table th,
body.T7 .htmlcontent table th, body.T7.bgEditor table th
{
	background: #00a3b7;
}

.htmlcontent table, .bgEditor table
{
	border:1px solid #e7e7e7;
}

.htmlcontent table.nostyle td, .htmlcontent table.nostyle th, .htmlcontent table.nostyle,
.bgEditor table.nostyle td, .bgEditor table.nostyle th, .bgEditor table.nostyle
{
	border:0;
	padding:0;
	background:none;
	color:#434343;
}

.htmlcontent hr, .bgEditor hr
{
	width: 100%;
	height: 1px;
	background-color: #ebebeb;
	padding: 0;
	margin: 5px 0;
	border: 0;
}

.bgEditor table.nostyle td
{
	border:1px dotted black;
}

.htmlcontent table.nostyle th
{
	font-weight:bold;
}

table tbody.originaltbody
{
	display:table-row-group;
}
table tbody.responsivedtbody
{
	display:none;
}

/* 
MEDIA QUERIES FOR TABLE: max-width = width of htmlcontent
Je le fait dans ce sens pour pas toucher les tables originales (taille et alignement)
*/
@media only screen and (max-width:1200px)
{
	table
	{
		width:100%!important;
		table-layout:fixed;
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table.responsived, table.responsived tbody, table.responsived tr, table.responsived td
	{
		display:block;
		width:100%!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
		
	table tbody.responsivedtbody div.tr
	{
		display:block;
		margin-bottom:20px;
	}
	
	table tbody.responsivedtbody div.tr:after
	{
		content:"";
		display:block;
		padding-top:20px;
		border-bottom:1px dashed #999999;
	}
	table tbody.responsivedtbody div.tr.noth
	{
		margin-bottom:0;
	}
	table tbody.responsivedtbody div.tr.noth:after
	{
		content:none;
	}
	
	table tbody.responsivedtbody div.td
	{
		margin-bottom:5px;
	}
	table tbody.responsivedtbody div.td:after
	{
		content:"";
		display:block;
		clear:both;
	}
	table tbody.responsivedtbody div.td .tdlabel
	{
		display:block;
		float:left;
		clear:both;
		box-sizing:border-box;
		overflow:hidden;
		width:40%;
		padding-right:10px;
		max-width:120px;
		font-weight:bold;
	}
	table tbody.responsivedtbody div.td .tdlabel.asline
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
	}
	table tbody.responsivedtbody div.td + div.td .tdlabel.asline
	{
		margin-top:20px;
		padding-top:20px;
		border-top:1px dashed #999999;
	}
	
	table tbody.responsivedtbody div.td .tdlabel.firstlevel, table tbody.responsivedtbody div.td .tdlabel.firstlevel + .tdlabel
	{
		float:none;
		width:auto;
		padding:0;
		max-width:none;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	 
	table tbody.responsivedtbody div.td .tdlabel.firstlevel:empty
	{
		display:none;
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):after
	{
		content:" : ";
	}
	table tbody.responsivedtbody div.td .tdlabel:not(.firstlevel):empty:after
	{
		content:"\00a0";/* */
	}
	
	table tbody.responsivedtbody div.td .tddata
	{
		display:block;
		overflow:hidden;
	}
}

/* STYLES INVARIABLES */
.desactivatepage /*Pour l'affichage du text "désactivé " dans les listes et les titres des pages */
{
	font-size:11px;
	font-style:italic;
	font-weight:normal;
	color:red;
}

/* MANDATORY FIELD */
.mandatory, .mandatoryCustom /*Style des champs obligatoires. Defini 2 styles, cf mandatory.js */
{
  background-color: #d7d5d5;
}

.mandatoryFailed, .mandatoryCustomFailed /*Style des champs obligatoires lorsqu'un submit à echoué*/
{
  background-color: #FFE3E8;
  border:1px dotted red;
}

.error /*Pour l'affichage des messages erreurs */
{
	color: red;
}

.helpMsg
{
	color:green;
}

/*-- END MANDATORY FIELD --*/

/*-- FIELDSET --*/

legend
{
	font-family: arial;
    font-size: 11px;
    color:black;
}

fieldset
{
	border: 1px solid  #888888;
	margin:6px;
	background-color:#fdfdfd;
}

fieldset table, fieldset div /*margin pour les element dans le fieldset*/
{
	margin: 5px;
}

fieldset table table, fieldset div div, fieldset table div, fieldset div table /*Annule le margin pour les sous-element du fieldset*/
{
	margin: 0px;
}

/*-- FIN FIELDSET --*/
.tdAdmin
{
	width:90px;
	vertical-align:top;
	padding:5px;
	font-size:15px;
}

.tdListAdmin
{
	padding-top:2px;
	padding-bottom:2px;
}

.tableListAdmin
{
	margin:10px;
}
/*Style icone dossier en admin*/
.stdZoneFixed .cms_icons-doc_folder_1 {
	font-size: 17px;
	color: #666;
}
/*-- FORM --*/
form
{
	margin:0px;
	padding:0px;
}

input, textarea
{
    border: 1px solid #bbb7b7;
   	padding-left:5px;
    background-color:#eeeeee ;
	box-sizing:border-box;
    max-width:100%;
	font-family: "Poppins", sans-serif;
    font-size: 14px;
    color:#404041;
}
/* Pour contrer le style IOS par défaut des boutons et champs texte, si il manque des types d'input les rajouter */
input[type=text], input[type=password], input[type=submit] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
	font-family: "Poppins", sans-serif;
    font-size: 14px;
    color:#404041;
}

select
{
	border:0px;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family: "Poppins", sans-serif;
    font-size: 14px;
    color:#404041;
}

input[type=checkbox], input[type=radio]
{ 
  border: none; 
  background-color:transparent;
}
/*-- FIN FORM --*/

.admin_scroll
{
    overflow-y: auto;
    float: left;
    width: 300px;
    position: relative;
    height: 250px;
    background: transparent;
}

.popupBloc
{
	background-image: url('/template/image/admin/bgadmin.gif'); 
	border: #101010 1px solid;
	padding:10px;
	font-family: arial;
    font-size: 11px;
    color:black;
}

.popupTitle
{
	padding-left:10px;
	background-image: url('/template/image/admin/titlebar.gif'); 
	font-family: Arial;
    font-size: 11px;
    color:black;
}

.popupTd
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
}

/*Style pour la navigation*/
.loadmore
{
	text-align:center;
	padding:10px 0px 10px 0px;
	visibility:hidden;
}

.loadmore img
{
	filter:alpha(opacity=50); 
	-moz-opacity:0.50; 
	opacity: 0.50; 
}

/*Style pour le jqDdD*/
.drag
{
	opacity:0.5;
	cursor:move;
}
 .drop
{
	cursor:move;
	outline: 1px dashed black;
}
 .drag a, .drop a
{
	cursor:move;
}

/*************** FIN STYLE DE BASE  *******************/

/*************** ADMIN ZONE ********************/
.hilightZone
{
	outline: 1px solid #aaaaaa;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZone
{
	outline: 1px solid #eeeeee;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image:url(/template/image/admin/bgzone.png);
	margin-bottom:5px;
}

.stdZoneFixed
{
	outline: 1px solid #666666;
	margin:0px ;
	padding:0px ;
	vertical-align:top;
	position:relative; 
	width:100%;
	min-height:60px;
	height:auto !important;
	-height:60px; /*Pour IE 6*/
	background-image: url('/template/image/admin/bgadmin.gif'); 
	margin-bottom:5px;
}
	
.zoneMenu
{
	margin:0px ;
	padding: 0px ;	
	position:absolute; 
	top:-35px;
	left:-1px;
	width:100%;
	z-index:1;
}

.zoneMenuFixed
{
	margin:0px ;
	padding: 0px ;
	position:relative; 
	top:0px;
	left:0px;
	width:100%;
}

.stdZoneFixed table
{
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/	
}

.tblContextMenuTitle
{
	margin:0px ;
	padding: 0px ;
	width:100%;
	background-image: url('/template/image/admin/titlebar.gif'); 
	height:18px;
  	color:#86081D;
  	font-size:11px;
	table-layout:auto!important; /*contré le fixed setté pour le responsive*/
}

.tblContextMenu
{
	border:0px;
	margin:0px ;
	width:100%;
	padding: 0px ;
 	height:19px;
	background-image:url(/template/image/admin/bgmenu.png);
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	font-size:11px;
}
.tblContextMenu table
{
	table-layout:auto; /*contré le fixed setté pour le responsive*/	
	width:auto!important;/*contré le fixed setté pour le responsive*/
}
		
.stdContextMenu
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
}

.stdContextMenuSep
{
	margin:0px ;
	padding: 0px ;
	border:0px;
	height:19px;
	background-image:url(/template/image/admin/bgmenusep.png);
	background-repeat:no-repeat; 
}

  	
.hilightContextMenu
{
	margin:0px ;
	padding: 0px ;
	height:18px;
	background-image:url(/template/image/admin/bgmenusel.png);

}

.stdTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
  	color: #000000;
	font-size: 11px;
}

.hilightTextContextMenu
{
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
	color: #AB0404;
	font-size: 11px;
}
/*************** FIN ADMIN ZONE ********************/

/*************  RETINA ****************************/
/*Style for Screen Hi RES (retina)*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),  
       only screen and (-o-min-device-pixel-ratio: 3/2),  
       only screen and (min--moz-device-pixel-ratio: 1.5),  
       only screen and (min-device-pixel-ratio: 1.5)
{
	#zoneTop .logo span, #footer .logo span
	{
		background-image:url(/template/image/logo@x2.png);
	}

	body.T5 #zoneTop .logo span, body.T5 #footer .logo span
	{
		background-image:url(/template/image/home/echenard/logo@x2.png);
	}

	body.T6 #zoneTop .logo span, body.T6 #footer .logo span
	{
		background-image:url(/template/image/home/hauenstein/logo@x2.png);
	}
	body.T7 #zoneTop .logo span, body.T7 #footer .logo span
	{
		background-image:url(/template/image/home/hubert/logo@x2.png);
	}
	
}

@media only screen and (-webkit-min-device-pixel-ratio: 2.5),  
       only screen and (-o-min-device-pixel-ratio: 5/2),  
       only screen and (min--moz-device-pixel-ratio: 2.5),  
       only screen and (min-device-pixel-ratio: 2.5)
{
	#zoneTop .logo span, #footer .logo span
	{
		background-image:url(/template/image/logo@x3.png);
	}

	body.T5 #zoneTop .logo span, body.T5 #footer .logo span
	{
		background-image:url(/template/image/home/echenard/logo@x3.png);
	}

	body.T6 #zoneTop .logo span, body.T6 #footer .logo span
	{
		background-image:url(/template/image/home/hauenstein/logo@x3.png);
	}
	body.T7 #zoneTop .logo span, body.T7 #footer .logo span
	{
		background-image:url(/template/image/home/hubert/logo@x3.png);
	}
}

/******** CLASS POUR LA FANCYBOY *******************/
.fancybox-container.fbx-nopadding .fancybox-content
{
	padding:0!important;
}
.fancybox-slide{
	font-size: 0;
}
.fancybox-slide:before {
	max-height: 100vh;
}
.fancybox-slide .fancybox-content {
	font-size: 16px;
}
/******** FIN CLASS POUR LA FANCYBOY ****************//*****************//*****************/
/** QapTcha CSS **/
/*****************/
.QapTcha { float:left;margin-top:20px;width:224px;}
.QapTcha .clr{ clear:both; }
.QapTcha .bgSlider { width:202px;height:22px;float:left;background:url('/plugin/captcha/template/images/fondcaptcha.png') no-repeat; }
.QapTcha .Slider { width:47px;height:22px;background:url('/plugin/captcha/template/images/btncaptcha.png') no-repeat;cursor:e-resize;position:relative;top:0;left:0; }
.QapTcha .TxtStatus { width:282px;padding:3px;margin-top:7px;text-align:left;color:#787878;font-family:Verdana;font-size:10px;clear:both; }
.QapTcha .dropSuccess {  background:transparent;color:#4e8b37; }
.QapTcha .dropError { color:#787878; }
.QapTcha .Lock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top left;width:15px;height:17px; }
.QapTcha .unLock { float:left;margin-left:5px;margin-top:2px;background:url('/plugin/captcha/template/images/verrouillage.png') no-repeat top right;width:16px;height:17px; }
.QapTcha .divError { background:red;color:#FFFFFF;width:230px; }#down
{
	display:none;
}

.home .mainContainer
{
	padding:0;
}

.home .padding
{
	margin:20px 0 20px 0;
	position:relative;
}

#entrepriseCtn .img
{
	display:none;
}

#entrepriseCtn .img img
{
	display:none;
}

#entrepriseCtn .padding > div:nth-child(2)
{
	float:left;
	box-sizing:border-box;
	padding:0 10px 0 10px;
}

.home h3
{
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	color:#404041;
	font-size:34px;
	margin:0;
	padding:0 10px 20px 10px;
}

#entrepriseCtn h3
{
	padding-left:0;
}

#entrepriseCtn h2
{
	font-family: "Poppins", sans-serif;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#404041;
	font-size:16px;
	 line-height: 1.684;
}

#entrepriseCtn h3.references
{
	padding:50px 10px 0 10px;
}

.home #entrepriseCtn .encadreJaune
{
	box-sizing:border-box;
	top:-20px;
}

.home .encadreJaune
{
	background:#ffcc00;
	padding:20px 20px 20px 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color:#FFFFFF;
	font-size:17px;
	
    width: 95%;
    margin: -40px auto 0 auto;
}

body.T6.home .encadreJaune, body.T7.home .encadreJaune
{
	background:#00a3b7;
}

#constructionsCtn
{
	position:relative;
}

#constructionsCtn .padding
{
	z-index:1;
}

#constructionsCtn h3.blanc
{
	color:#FFFFFF;
}

#constructionsCtn .padding > div:nth-child(1)
{
	padding:50px 0 50px 0;
	box-sizing:border-box;
	background-color:#404041;
}

#constructionsCtn .img
{
	background:url(/template/image/home/construction.jpg) no-repeat;
	background-size:100%;
}

body.T5 #constructionsCtn .img
{
	background:url(/template/image/home/echenard/travaux-publics.jpg) no-repeat;
	background-size:100%;
}

body.T6 #constructionsCtn .img
{
	background:url(/template/image/home/hauenstein/menuiserie.jpg) no-repeat;
	background-size:100%;
}
body.T7 #constructionsCtn .img
{
	background:url(/template/image/home/hubert/construction.jpg) no-repeat;
	background-size:100%;
}

#constructionsCtn .img:before
{
	content:"";
	display:block;
	padding-top:81.55%;
}

.home .liens
{
	padding:0 10px 0 10px;
}

#constructionsCtn .liens, #infrastructuresCtn .liens
{
	padding-top:30px;
}

#constructionsCtn .liens a, #edificesCtn .liens a, #infrastructuresCtn .liens a
{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size:15px;
	text-transform:uppercase;
	margin-bottom:23px;
	transition: all 0.5s;
}

#edificesCtn .liens
{
	padding-top:60px;
	padding-left:10px;
	padding-right:10px;
}

body.T5 #edificesCtn .liens
{
	padding-top:30px;
}

body.T6 #edificesCtn .liens, body.T7 #edificesCtn .liens
{
	padding-top:10px;
}

#edificesCtn .liens a, #infrastructuresCtn .liens a
{
	color:#404041;
	float:none;
	width:100%;
}

#infrastructuresCtn .liens a
{
	color:#FFFFFF;
}


#constructionsCtn .liens:after
{
	content:"";
	display:block;
	clear:both;
}

#constructionsCtn .liens a, #edificesCtn .liens a , #infrastructuresCtn .liens a
{
	position: relative;
	padding-left: 52px;
	box-sizing: border-box;
}

#constructionsCtn .liens a:before, #edificesCtn .liens a:before , #infrastructuresCtn .liens a:before
{
	content:"";
	position: absolute;
	display:block;
	top:10px;
	left:0;
	width:32px;
	height:3px;
	background:#ffcc00;
	vertical-align:top;
	transition:all 0.3s;
}

body.T6 #constructionsCtn .liens a:before, body.T6 #edificesCtn .liens a:before , body.T6 #infrastructuresCtn .liens a:before
{
	background:#00a3b7;
}
body.T7 #constructionsCtn .liens a:before, body.T7 #edificesCtn .liens a:before , body.T7 #infrastructuresCtn .liens a:before
{
	background:#00a3b7;
}
#infrastructuresCtn .liens
{
	padding-left:18px;
}

#infrastructuresCtn .liens a:before
{
	 margin: 0 20px 0 0;
}

body.T5 #infrastructuresCtn .liens a:before
{
	margin: 0 20px 0 0;
}


#constructionsCtn .liens a:hover:before, #edificesCtn .liens a:hover:before , #infrastructuresCtn .liens a:hover:before
{
	width:15px;
}

#constructionsCtn .liens a:hover, #edificesCtn .liens a:hover , #infrastructuresCtn .liens a:hover
{
	padding-left: 37px;
}

.home #constructionsCtn .encadreJaune
{
	box-sizing:border-box;
}


.home .lineheight
{
	 line-height: 1.684;
	padding:0 10px 0 10px;
}


#edificesCtn .img
{
	background:url(/template/image/home/edifices.jpg) no-repeat;
	background-size:100%;
	
}
body.T5 #edificesCtn .img
{
	background:url(/template/image/home/echenard/edifices.jpg) no-repeat;
	background-size:100%;
}
body.T6 #edificesCtn .img
{
	background:url(/template/image/home/hauenstein/agencement.jpg) no-repeat;
	background-size:100%;
}
body.T7 #edificesCtn .img
{
	background:url(/template/image/home/hubert/menuiserie.jpg) no-repeat;
	background-size:100%;
}

#edificesCtn .img:before
{
	content:"";
	display:block;
	padding-top:81.55%;
}

#edificesCtn .padding > div:nth-child(2)
{
	box-sizing:border-box;
}

.home #edificesCtn .encadreJaune
{
	box-sizing:border-box;
}

#pointsFortsCtn
{
	background:url(/template/image/home/pointsforts.jpg) no-repeat;
	background-size:cover;
	padding-top:50px;
	padding-bottom:100px;
	box-sizing:border-box;
}

body.T5 #pointsFortsCtn {
	background: url(/template/image/home/echenard/points-forts.jpg) no-repeat;
	background-size: cover;
}

body.T6 #pointsFortsCtn {
	background: url(/template/image/home/hauenstein/points-forts.jpg) no-repeat;
	background-size: cover;
}
body.T7 #pointsFortsCtn {
	background: url(/template/image/home/hubert/points-forts.jpg) no-repeat;
	background-size: cover;
}

#infrastructuresCtn
{
	position:relative;
}

#infrastructuresCtn .padding
{
	z-index:1;
}

#infrastructuresCtn h3.blanc
{
	color:#FFFFFF;
}

#infrastructuresCtn .padding > div:nth-child(1)
{
	padding:50px 0 50px 0;
	box-sizing:border-box;
	background-color:#404041;
}

#infrastructuresCtn .img
{
	background:url(/template/image/home/infrastructure.jpg) no-repeat;
	background-size:100%;	
	max-height:915px;
}

body.T5 #infrastructuresCtn .img
 {
	 background:url(/template/image/home/echenard/etudes.jpg) no-repeat;
	 background-size:100%;
 }

body.T6 #infrastructuresCtn .img
{
	background:url(/template/image/home/hauenstein/cuisine.jpg) no-repeat;
	background-size:100%;
}
body.T7 #infrastructuresCtn .img
{
	background:url(/template/image/home/hubert/couverture.jpg) no-repeat;
	background-size:100%;
}

#infrastructuresCtn .img:before
{
	content:"";
	display:block;
	padding-top:81.55%;
}

.home #infrastructuresCtn .encadreJaune
{
	box-sizing:border-box;
}

#pointsFortsCtn .mainContainer > div:nth-child(1)
{
	display:inline-block;
	vertical-align:middle;
}

#pointsFortsCtn .mainContainer > div:nth-child(2)
{
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
}

.home .jaune
{
	color:#ffcc00;
}
body.home.T6 .jaune, body.home.T7 .jaune
{
	color:#00a3b7;
}
.home #pointsFortsCtn h3
{
	font-size:34px;
	font-family:"Poppins", sans-serif;
	font-weight: bold;
	color:#FFFFFF;
}

.home .resumeblanc
{
	color:#FFFFFF;
	 line-height: 1.684;
	padding:0 10px 0 10px;
}


#zoneCenter
{
	padding-bottom:130px;
	background:url(/template/image/bottomInt.jpg) repeat-x bottom #FFFFFF;
	position:relative;
}

#zoneCenter:before
{
	content:"";
	display:block;
	width:50%;
	position:absolute;
	top:0;
	left:50%;
	height:100%;
	z-index:0;
	background:url(/template/image/topInt.png) top left no-repeat;
}


#arianeCtn 
{
	padding:32px 0 24px 0;
}

@media only screen and (min-width:680px){
	#arianeCtn
	{
		border-bottom:1px solid #ebebeb;
	}
}

@media only screen and (min-width:900px)
{
	#zoneCenter .colGauche
	{
		float:left;
		width:52.25%;
		box-sizing:border-box;
		padding:0 3% 0 7%;
	}
	
	#intProjet .col100
	{
		float:none;
		width:100%;		
		padding:0 0 0 0;
	}
	
	#zoneCenter .colDroite
	{
		float:left;
		width:47.75%;
		box-sizing:border-box;
		padding:135px 7% 0 0;
	}	
	
	#arianeCtn 
	{
		margin:0 7% 0 7%;	
	}
	
	#arianeCtn > div:nth-child(1)
	{
		float:left;
		width:70%;
	}
	
	#arianeCtn > div:nth-child(2)
	{
		float:left;
		width:30%;
	}

	#down
	{
		display:block;
		margin:0 auto 0 auto;
		bottom:40px;
		left:50%;
		cursor:pointer;
		position:absolute;
		z-index:10;
	}
	
	#down.cms_icons-chevron_2
	{
		color:#FFFFFF;
		font-size:39px;
		 -webkit-transform: rotate(90deg);
		 transform: rotate(90deg);
		font-weight:normal;
	}
	
	.home .mainContainer
	{
		padding:0 10px 0 10px;
	}
	
	.home .padding
	{
		margin:134px 7% 150px 7%;	
	}
	
	.home #entrepriseCtn .padding
	{
		margin:84px 7% 100px 7%;	
	}
	
	#entrepriseCtn h3.references
	{
		padding:152px 0 0 0;
	}
	
	#entrepriseCtn .img
	{
		display:block;
		background:url(/template/image/home/entreprise.jpg) no-repeat;
		background-size:100%;
		float:left;
		width:50%;
		position:relative;
	}

	body.T5 #entrepriseCtn .img
	{
		background:url(/template/image/home/echenard/entreprise.jpg) no-repeat;
	}
	body.T6 #entrepriseCtn .img
	{
		background:url(/template/image/home/hauenstein/entreprise.jpg) no-repeat;
	}
	body.T7 #entrepriseCtn .img
	{
		background:url(/template/image/home/hubert/entreprise.jpg) no-repeat;
	}
	
	#entrepriseCtn .img img
	{
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}	

	#entrepriseCtn .img:before
	{
		content:"";
		display:block;
		padding-top:80.74%;
	}	
	
	#entrepriseCtn .padding > div:nth-child(2)
	{
		width:50%;
		padding:0 0 0 4%; ;
	}
	
	.home #entrepriseCtn .encadreJaune
	{
		margin-top:50px;
	}
	
	.home h3
	{
		font-size:50px;
		padding:0 0 40px 0;
	}
	body.T6.home h3, body.T7.home h3
	{
		padding:0;
	}
	
	.home .encadreJaune
	{
		padding:70px 110px 65px 77px;	
		font-size:19px;
		width:100%;
		margin:0;
	}
	
	#constructionsCtn
	{
		max-height:915px;
		height:915px;
		background-color:#404041;
	}
	
	#constructionsCtn .mainContainer
	{
		z-index:1;		
	}
	
	#constructionsCtn .padding
	{
		margin:0 7% 0 7%;		
	}
	
	#constructionsCtn:before, #constructionsCtn:after
	{
		content:"";
		display:block;
		height:60px;
		width:100%;
		position:absolute;
		background:#FFFFFF;
		z-index:0;
	}
	
	#constructionsCtn:before
	{
		top:0;
	}
	
	#constructionsCtn:after
	{
		bottom:0;
	}
	
	#constructionsCtn .padding > div:nth-child(1)
	{
		float:left;
		width:60%;	
		padding:180px 17% 120px 0;
		background:transparent;
	}

	body.T5 #constructionsCtn .padding > div:nth-child(1)
	{
		padding:180px 8% 120px 0;
	}

	body.T6 #constructionsCtn .padding > div:nth-child(1)
	{
		padding:180px 12% 120px 0;
	}

	body.T7 #constructionsCtn .padding > div:nth-child(1)
	{
		padding:180px 8% 120px 0;
	}
	
	#constructionsCtn .img
	{
		float:left;
		width:40%;
		max-height:915px;
	}
	
	#constructionsCtn .img:before
	{
		padding-top:155.6%;
	}
	
	.home .liens
	{
		padding:0;
	}
	
	#constructionsCtn .liens, #infrastructuresCtn .liens
	{
		padding-top:40px;
	}
	
	#constructionsCtn .liens a
	{
		float:left;
		width:50%;
	}
	
	.home #constructionsCtn .encadreJaune
	{
		
		width:40%;
		padding:70px 80px 60px 75px;
		position:absolute;
		right:0;
		top:auto;
		bottom:122px;
	}

	.home #edificesCtn .padding
	{
		margin:44px 7% 231px 7%;	
		
	}	

	#edificesCtn h3
	{
		width:50%;
	}	
	
	#edificesCtn .img
	{
		width:50%;
		float:left;
		
	}
	
	#edificesCtn .img:before
	{
		padding-top:80.74%;
	}

	#edificesCtn .padding > div:nth-child(2)
	{
		width:50%;
		float:right;
		padding-left:5%;
		padding-top:47px;
	}

	body.T5 #edificesCtn .padding > div:nth-child(2), body.T6 #edificesCtn .padding > div:nth-child(2), body.T7 #edificesCtn .padding > div:nth-child(2)
	{
		padding-top:0;
	}
	
	.home #edificesCtn .encadreJaune
	{
		width:50%;
		padding:54px 73px 50px 75px;
		position:absolute;
		top:auto;
		bottom:-142px;
	}

	.home.T5 #edificesCtn .encadreJaune{
		bottom:-92px;
	}
	
	#infrastructuresCtn
	{
		max-heigth:868px;
		height:868px;
		background-color:#404041;
	}
	
	#infrastructuresCtn .padding
	{
		margin:0 7% 0 7%;
	}
	
	#infrastructuresCtn:before
	{
		content:"";
		display:block;
		height:60px;
		width:100%;
		position:absolute;
		background:#FFFFFF;
		z-index:0;
		top:0;
	}
	
	#infrastructuresCtn .padding > div:nth-child(1)
	{
		float:right;
		width:60%;	
		padding:180px 0 120px 6.46%;
		background:none;
	}
	
	#infrastructuresCtn .img
	{
		float:left;	
		width:40%;
	}
	
	#infrastructuresCtn .img:before
	{
		padding-top:155.6%;
	}
	
	.home #infrastructuresCtn .encadreJaune
	{
		width:40%;
		padding:44px 55px 48px 54px;
		position:absolute;
		right:auto;
		top:auto;
		bottom:40px;
	}
	

	.appearingchild > .appearingelement /*default from bottom*/
	{
		opacity:0;
		transform:translateY(50px);
	}
	.appearingchild > .appearingelement.fromtop
	{
		transform:translateY(-50px);
	} 
	.appearingchild > .appearingelement.showing
	{
		opacity:1;
		transform:translateY(0);
		transition:transform 0.5s, opacity 0.5s;
	}
}

@media only screen and (min-width:1000px)
{
	
	#pointsFortsCtn .mainContainer > div:nth-child(1)
	{
		width:48%;
		padding-right:5%;
	}
	
	#pointsFortsCtn .mainContainer > div:nth-child(2)
	{
		width:46%;
		padding-right:7%;
	}


}

@media only screen and (min-width:1200px)
{
	.home #entrepriseCtn .encadreJaune
	{
		width:50%;
		position:absolute;
		right:0;
		--top:545px;
		top:445px;
		bottom:auto;
		--padding:70px 110px 65px 77px;
		padding: 20px 20px 20px 20px;	
		margin-top:0;
		
	}

	body.T6 .home h3, body.T7 .home h3
	{
		padding:0;
	}
}

@media only screen and (min-width:1380px)
{
	
	#pointsFortsCtn
	{
		background-size:100% auto;
		max-height:824px;
		height:824px;
		padding-bottom:0;
	}
	
	#pointsFortsCtn .mainContainer > div:nth-child(1)
	{
		width:48%;
		padding-right:15%;
	}

	body.T5 #pointsFortsCtn .mainContainer > div:nth-child(1)
	{
		padding-right: 11%;
	}
	
	#pointsFortsCtn .mainContainer > div:nth-child(2)
	{
		width:36%;
		padding-right:7%;
	}

	body.T5 #pointsFortsCtn .mainContainer > div:nth-child(2)
	{
		padding-right: 0;
	}
	
	.home #pointsFortsCtn h3
	{
		font-size:49px;
	}
}


@media only screen and (min-width:1500px)
{
	#pointsFortsCtn
	{
		padding-top:176px;
	}
	
	#entrepriseCtn .img
	{
		width:61.29%;
	}
	
	#entrepriseCtn .padding > div:nth-child(2)
	{
		width:38.71%;
		padding:60px 0 0 4% ;
	}
	body.T6.home h3
	{
		padding:0 0 40px 0;
	}
	body.T7.home h3{
		padding:0 0 20px 0;
	}

	body.T6 #entrepriseCtn .padding > div:nth-child(2)
	{
		padding:20px 0 0 4% ;
	}
	body.T7 #entrepriseCtn .padding > div:nth-child(2)
	{
		padding:0 0 0 4% ;
	}

	.home #entrepriseCtn .encadreJaune
	{

		top:545px;
		padding:70px 110px 65px 77px;
		
	}
	
	#constructionsCtn .padding > div:nth-child(1)
	{
		width:50%;
	}
	
	#constructionsCtn .img
	{
		width:50%;	
	}
	
	#constructionsCtn .liens, #infrastructuresCtn .liens
	{
		padding-top:90px;
	}

	body.T6 #infrastructuresCtn .liens, body.T7 #infrastructuresCtn .liens
	{
		padding-top:60px;
	}
	
	.home #constructionsCtn .encadreJaune
	{
		
		width:40.49%;
		right:16%;
	}
	
	#edificesCtn h3
	{
		width:30.22%;
	}	
	
	#edificesCtn .img
	{
		width:61.3%;		
	}
	
	#edificesCtn .padding > div:nth-child(2)
	{
		width:38.7%;
	}
	
	.home #edificesCtn .encadreJaune
	{
		right:0;
	}
	
	#infrastructuresCtn .padding > div:nth-child(1)
	{
		width:50%;
		padding:180px 0 120px 16.46%;
	}


	body.T5 #infrastructuresCtn .padding > div:nth-child(1)
	{
		padding:180px 0 120px 10.46%;
	}
	
	#infrastructuresCtn .img
	{
		width:50%;	
	}
	
	.home #infrastructuresCtn .encadreJaune
	{
		width:40.66%;
		padding:64px 55px 68px 54px;
		left:16.72%;
		bottom:126px;
	}
}

.telechargerBrochure
{
	display:block;
	text-align:right;
	width: auto;
	margin: 0;
}
.telechargerBrochure > div
{
	border:1px solid #ffcc00;
	padding:10px 20px 10px 50px;
	display: inline-block;
	position: relative;
}
body.T6 .telechargerBrochure > div, body.T7 .telechargerBrochure > div
{
	border: 1px solid #00a3b7;
}
@media only screen and (min-width:680px){
	.telechargerBrochure > div
	{
		top:10px;
	}
}
@media only screen and (min-width:900px){
	.telechargerBrochure
	{
		width: calc(100% - 14%);
		margin: 0 7% 0 7%;
	}
	.telechargerBrochure > div
	{
		top:80px;
	}
}

.telechargerBrochure a
{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color: #404041;
	display: inline-block;
	position: relative;
}
.telechargerBrochure a:before
{
	content:"";
	background:url(/template/image/brochure-jaune.svg) no-repeat;
	background-size: 100% auto;
	display: inline-block;
	width: 30px;
	height: 30px;
	position: absolute;
	top:-5px;
	left:-40px;
}

/*On cache pour tous sauf Contruction bois, Batiment et Infrastructure*/
.telechargerBrochure
{
	display:none;
}
body.T3 .telechargerBrochure, body.T2 .telechargerBrochure, body.T4 .telechargerBrochure
{
	display: block;
}

/*popup de pub (en inline)*/
#popuppubCtn
{
	display:none;
}

#popuppub
{
	display:block;
	max-width:620px;
	margin:0;
	padding:0;
}

#popuppub img
{
	display:block;
	max-width:100%;
	width:auto!important;
	height:auto!important;

}
#popuppub p:first-child
{
	margin:0;
}

.forAdmin
{
	display: none;
}
body.home.isAdmin .forAdmin{
	display: block;
}
/*Suppression des click*/
body.home a[href='#']{
	cursor: default;
}#galleryimageList .listElement .styleMenuAdmin
{
	position:absolute;
	top:5px;
	left:20px;
}

#galleryimageList
{
	padding:0;
	margin-bottom:30px;
}
#galleryimageListCtn
{
	width:100%;
	overflow:hidden;
	padding:0;
	height: 47.64%;
}

.animated #galleryimageListCtn:before
{
	content:"";
	display:block;
	padding-top:66.94%;
}

#galleryimageListCtn .listElement:before
{
	content:"";
	display:block;
	padding-top:66.94%;
	position:relative;
	height:auto;
	background:none;
	width:auto;

}

.animated  #galleryimageListCtn .listElement:before
{
	display:none;
}

.animated #galleryimageListCtn .listElement
{
	position:absolute;
	left:102%;
	padding:0;
	margin:0;
	border:0;
	visibility:hidden;
	width:100%;
	height:100%;
	top:0;
	transition:all 0.5s;
	z-index:1;
}

.animated #galleryimageListCtn .listElement[rel="1"]
{
	left:-102%;
	z-index:0;
}
.animated #galleryimageListCtn .listElement[rel="0"]
{
	
	left:0;
	top:0;
	width:100%;
	height:100%; 
	visibility:visible;
}

#galleryimageListCtn .listElement .img
{
	position:absolute;
	display:block;
	top:0;
	left:0;
	bottom:0;
	right:0;
	padding:0;
	margin:0;
	width:auto;
	background-size:cover;
	background-position:center center;
}
#galleryimageListCtn .listElement .img:after, #galleryimageListCtn .listElement .img:before
{
	content:"";
	display:none;
}

#gallerywithfancybox
{
	display:none; /*use photoswipe if element not visible*/ 
}


#galleryimageListCtn .listElement .admin
{
	position:absolute;
	display:block;
	width:100%;
	padding:10px;
	box-sizing:border-box;
	bottom:0;
	background:#ffffff;
	z-index:2;
}

#galleryimageListCtn .listElement .admin > a
{
	color:#000000;
	text-decoration:none;	
}

.galleryimageInner
{
	position:relative;
	display:block;
	max-width:100%;
	margin-bottom:20px;
}

/* MEDIA QUERIES*/ 
@media only screen and (min-width:641px)
{
	.animated #galleryimageListCtn:before
	{
		padding-top:140.23%;
	}
	#galleryimageList .listElement
	{
		float:left;
		margin-bottom:20px;
	}
	#galleryimageList .listElement .img
	{
		float:none;
		width:100%;
		z-index:0;
	}
	
	#galleryimageList .listElement:after
	{
		display:None;
	}
	
	#gallerywithfancybox
	{
		display:block; /*use fancybox if element is visible*/ 
	}	
	
	#galleryimageList
	{
		padding:0;
	}
	
	.animated #galleryimageListCtn .listElement
	{
		width:31%;
		height:25%;
		top:74.8%;
	}
	/*La grande*/
	.animated #galleryimageListCtn .listElement[rel="0"]
	{
		width:100%;
		height:47.64%;
		top:0;
		left:0;
		visibility:visible;	
	}
	.animated #galleryimageListCtn .listElement[rel="1"]
	{
		left:0;
		top:50%;
		width:48.5%;
		visibility:visible;	
		height:22.43%;
	}
	.animated #galleryimageListCtn .listElement[rel="2"]
	{
		left:51.5%;
		top:50%;
		width:48.5%;
		visibility:visible;	
		height:22.43%;
	}
	.animated #galleryimageListCtn .listElement[rel="3"]
	{
		left:0;
		width:48.5%;
		visibility:visible;
		bottom:0;	
		height:22.43%;
	}
	
	.animated #galleryimageListCtn .listElement[rel="4"]
	{
		left:51.5%;
		width:48.5%;
		visibility:visible;
		bottom:0;	
		height:22.43%;
	}
}
/* Style pour plugin langsite */
.langsite
{
   color: #000000;
   text-decoration: none;
}

.langsiteActiv
{
   color: #888888;
   text-decoration: none;
}
/*Style pour les mentions legales */
a.mentionslegales
{
	text-decoration:none;
}
#mentionslegalesContentCtn span, #mentionslegalesContentCtn span a
{
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	transition: left 0.2s linear;
}
#mainPanel.open
{
	width:100%;
	height:100%;
	left:0;
}

#leftPanel
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	top:0px;
	right:100%;
	width:80%;
	min-width:240px;
	height:100%;
	background: #ffcc00;
	overflow-x:hidden;
	overflow-y:auto;
	padding-top: 0;
}
body.T6 #leftPanel, body.T7 #leftPanel
{
	background:#00a3b7;
}

#leftPanel #menuMain, #leftPanel #menuT5Main, #leftPanel #menuT6Main, #leftPanel #menuT7Main
{
	padding: 0 10px 0 20px;
}

#leftPanel.scrolling
{
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
	z-index: 15;
}

.nooverflow
{
	width:100%;
	height:100%;
	overflow:hidden;
}

.neutralizer
{
	position:absolute;
	top: -109px;
	left:0px;
	bottom:0px;
	right:0px;
	cursor:pointer;
	z-index:1000;
}

#mainPanel.open #menuIcone
{
	top:25px;
	left:10px;
	width:20px;
	height:22px;
	 background-color: #FFCC00;
	border-radius:50%;
	padding:8px 10px 10px 10px;
}

body.T6 #mainPanel.open #menuIcone, body.T7 #mainPanel.open #menuIcone
{
	background:#00a3b7;
}

#mainPanel.open #top 
{
	left:100%;
}

#menuIconeDesktop, #menuIcone
{
	display:block;
	position:absolute;
	text-decoration:none;
	top:40px;
	right:10px;
	z-index:3;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	width: 57px;
  	height: 30px;
}


#menuIconeDesktop > span, #menuIconeDesktop > .nav-icon,
#menuIcone > span, #menuIcone > .nav-icon
{
	display:inline-block;
	cursor:pointer;
}

.nav-icon {
  width: 57px;
  height: 30px;
  position: relative;
	display:block;

  cursor: pointer;
  /* to center */
  margin: 0 auto;
  float: none;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;

}

#mainPanel.open #menuIcone .nav-icon
{
	width:20px;
	height:20px;
}

#menuIcone .nav-icon
{
	width: 57px;
	height: 30px;
}

.nav-icon > span {

  top: 11px;
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #FFFFFF;
  opacity: 1;
  left: 0;
}

.nav-icon > span:before,
.nav-icon > span:after {
  content: "";
  position: absolute;
   height: 2px;
  width: 100%;
  background-color: #ffffff;
  -webkit-transition: all 0.3s;
transition: all 0.3s;
}

.nav-icon > span:after
{
	width:70.1%;
	left:auto;
	right:0;
}

#mainPanel.open #menuIcone .nav-icon > span,
#mainPanel.open #menuIcone .nav-icon > span:before,
#mainPanel.open #menuIcone .nav-icon > span:after
{
	background-color:#FFFFFF;
}


.nav-icon > span:before {
  -webkit-transform: translateY(-1em);
	        transform: translateY(-1em);
	top:3px;
}

#menuIcone .nav-icon > span:before
{
	top:3px;
}

.nav-icon > span:after {
  -webkit-transform: translateY(1em);
	        transform: translateY(1em);
	top:-3px;
}

#menuIcone .nav-icon > span:after
{
	top:-3px;
}

/* OPENED */

.nav-icon.open, #mainPanel.open #menuIcone .nav-icon {
  -webkit-transform: rotate(45deg);
	        transform: rotate(45deg);
}

.nav-icon.open > span:before , #mainPanel.open #menuIcone .nav-icon > span:before{
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
}

.nav-icon.open > span:after{
  -webkit-transform: rotate(90deg);
	        transform: rotate(90deg);
	top:0;
}

#mainPanel.open #menuIcone .nav-icon > span:after 
{
	display:none;
}
/* FIN Effet ouverture et fermeture icone menu */

#leftPanel a.copy
{
	display:none !important;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
	
#menuMain ul,
#menuT5Main ul,
#menuT6Main ul,
#menuT7Main ul
{
	margin:0px;
	padding:0px;
	font-family: "Poppins", sans-serif;
	font-size:18px;
	color:#fff;
	z-index:100;/*utilisé pour que le menu passe sur les zones d'admin*/
	position:relative;
}

#menuMain li,
#menuT5Main li,
#menuT6Main li,
#menuT7Main li

{
	list-style-type: none;
	padding-bottom:0px; /*compense le li de base*/
}
#menuMain li.menu0,
#menuT5Main li.menu0 ,
#menuT6Main li.menu0 ,
#menuT7Main li.menu0 {
	display: block;
	padding:10px 0 10px 0;
	border-top:1px solid #fcd65a;
	position:relative;
	
}

#menuT6Main li.menu0, #menuT7Main li.menu0
{
	border-top: 1px solid rgba(255,255,255,0.5);
}

#menuMain li.menu0 a.menu0,
#menuT5Main li.menu0 a.menu0,
#menuT6Main li.menu0 a.menu0,
#menuT7Main li.menu0 a.menu0
{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size:25px;
}

#menuMain ul.menu0 > li:first-child,
#menuT5Main ul.menu0 > li:first-child,
#menuT6Main ul.menu0 > li:first-child,
#menuT7Main ul.menu0 > li:first-child
{
	border:0;
}

#menuMain li > a,
#menuT5Main li > a,
#menuT6Main li > a,
#menuT7Main li > a
{
	color:#fff;
	text-decoration:none;
	outline:none;
	font-family: "Poppins", sans-serif;
	font-size:18px;
	display: inline-block;
}

#menuMain ul.menu0,
#menuT5Main ul.menu0 ,
#menuT6Main ul.menu0,
#menuT7Main ul.menu0 {
	min-height:50px;
}
#menuMain ul.menu0 ul,
#menuT5Main ul.menu0 ul,
#menuT6Main ul.menu0 ul,
#menuT7Main ul.menu0 ul
{
	display:none;	
}

#menuMain a.menu0,
#menuT5Main a.menu0,
#menuT6Main a.menu0,
#menuT7Main a.menu0
{
	padding-left: 0;
	padding-bottom: 7px;
 	display: block; /* Corrige le probleme du premier niveau sur IE */
}
#leftPanel #menuMain a.menu0,
#leftPanel #menuT5Main a.menu0,
#leftPanel #menuT6Main a.menu0,
#leftPanel #menuT7Main a.menu0
{
	font-size: 19px;
}
#leftPanel #menuMain a.menu1,
#leftPanel #menuT5Main a.menu1,
#leftPanel #menuT6Main a.menu1,
#leftPanel #menuT7Main a.menu1
{
	font-size: 17px;
}
#leftPanel #menuMain a.menu2,
#leftPanel #menuT5Main a.menu2,
#leftPanel #menuT6Main a.menu2,
#leftPanel #menuT7Main a.menu2
{
	font-size: 15px;
}
/*1er niveau: Effet rollover et actif des liens*/
#menuMain a.menu0:hover, #menuMain a.menu0.menuselected, #menuMain li.open a.menu0,
#menuT5Main a.menu0:hover, #menuT5Main a.menu0.menuselected, #menuT5Main li.open a.menu0,
#menuT6Main a.menu0:hover, #menuT6Main a.menu0.menuselected, #menuT6Main li.open a.menu0,
#menuT7Main a.menu0:hover, #menuT7Main a.menu0.menuselected, #menuT7Main li.open a.menu0
{
	color:#FFFFFF;
}


/*2ème niveau: Couleur des ul*/
#menuMain li.menu0 ul,
#menuT5Main li.menu0 ul,
#menuT6Main li.menu0 ul,
#menuT7Main li.menu0 ul
{
	padding: 15px 15px 15px 30px;
	position: relative;
	margin-right: 0;
}

#menuMain li.menu1,
#menuT5Main li.menu1,
#menuT6Main li.menu1,
#menuT7Main li.menu1
{
	display: block;
	margin-right:20px;
}
#menuMain li.menu0 ul a,
#menuT5Main li.menu0 ul a,
#menuT6Main li.menu0 ul a,
#menuT7Main li.menu0 ul a
{
	display: inline-block;/*Permet que le lien fasse toute la largeur du li*/
	padding: 8px 0;
	margin-bottom: 0;
	font-size: 18px;
	color:#ffffff;
	
}

#menuMain ul.menu1 li > a:hover, #menuMain ul.menu1 li > a.menuselected,
#menuT5Main ul.menu1 li > a:hover, #menuT5Main ul.menu1 li > a.menuselected,
#menuT6Main ul.menu1 li > a:hover, #menuT6Main ul.menu1 li > a.menuselected,
#menuT7Main ul.menu1 li > a:hover, #menuT7Main ul.menu1 li > a.menuselected
{
	color:#fff;
	text-decoration:none;
}


/*3ème niveau: style de sous-menu*/
#menuMain li.menu1 ul,
#menuT5Main li.menu1 ul,
#menuT6Main li.menu1 ul,
#menuT7Main li.menu1 ul
{
	padding: 0;
}

/*3ème niveau: style des li*/
#menuMain li.menu1 ul li,
#menuT5Main li.menu1 ul li,
#menuT6Main li.menu1 ul li,
#menuT7Main li.menu1 ul li
{
	width:100%;
	margin-bottom:7px;
}

#menuMain a.menu2, #menuT5Main a.menu2, #menuT6Main a.menu2, #menuT7Main a.menu2
{
	display:block;
	text-decoration:none;
	margin-left: 0;
	border-bottom: 0;
	text-transform: none;
	padding: 10px 0;
}

/**************************************************/
/*Style pour le menuBottom */
/**************************************************/
#menuFondMain ul, #menuFondT5Main ul, #menuFondT6Main ul , #menuFondT7Main ul
{
	display:block;
	position:relative;
	padding:0px 0 5px 0;
	color:#3c3c3b;
	font-size:12px;
	z-index:2;
}
#menuFondMain ul.menu0, #menuFondT5Main ul.menu0, #menuFondT6Main ul.menu0, #menuFondT7Main ul.menu0
{
	display:block;
	position:relative;
	font-size:0;
	text-align:left;
	padding:0;
	background:none;
	
}

#menuFondMain li, #menuFondT5Main li, #menuFondT6Main li, #menuFondT7Main li
{
	display:block;
	position:relative;
	list-style-type:none;
	padding:0px;
	background:none;
}
#menuFondMain li.menu0, #menuFondT5Main li.menu0, #menuFondT6Main li.menu0, #menuFondT7Main li.menu0
{
	display:block;
	text-align:left;
	vertical-align:middle;
	padding:10px 25px 10px 25px;
	border-top:1px solid #dddddd;
	
}

#menuFondMain li.menu0:last-child, #menuFondT5Main li.menu0:last-child, #menuFondT6Main li.menu0:last-child, #menuFondT7Main li.menu0:last-child
{
	border-bottom:1px solid #dddddd;
}

#menuFondMain li > a, #menuFondT5Main li > a, #menuFondT6Main li > a, #menuFondT7Main li > a
{
	display:block;
	position:relative;
	color:#9e9e9d;
	text-decoration:none;
	padding:0 10px 0 10px;
}

#menuFondMain li.menu0:last-of-type > a,
#menuFondT5Main li.menu0:last-of-type > a,
#menuFondT6Main li.menu0:last-of-type > a,
#menuFondT7Main li.menu0:last-of-type > a
{
	padding-right:0;
}

#menuFondMain li.menu0:last-child,
#menuFondT5Main li.menu0:last-child,
#menuFondT6Main li.menu0:last-child,
#menuFondT7Main li.menu0:last-child
{
	border-right:0!important;
}

#menuFondMain li.menu0 ul,
#menuFondT5Main li.menu0 ul,
#menuFondT6Main li.menu0 ul,
#menuFondT7Main li.menu0 ul
{
	margin-left:20px;
}

#menuFondMain ul.menu1 li > a,
#menuFondT5Main ul.menu1 li > a,
#menuFondT6Main ul.menu1 li > a,
#menuFondT7Main ul.menu1 li > a
{
	min-width:140px;
	padding:10px 0 0 10px;
}

#menuFondMain a.menu0, #menuFondT5Main a.menu0, #menuFondT6Main a.menu0, #menuFondT7Main a.menu0
{
	font-size:12px;
}

/**************************************************/
/*Style pour le menu d'admin*/
/**************************************************/
div.styleMenuAdmin 
{
	display:none; 
	position:absolute;
	padding: 0px;
	background-color:#f5f5f5;
	border:1px solid #999999;
	z-index:200;
	font-size:11px;
}

div.styleMenuAdmin div
{
	padding:2px 5px 2px 5px;
}

div.styleMenuAdmin div:hover
{
	background-color:#dddddd;
}

div.styleMenuAdmin a
{
	font-family:Arial!important;
	font-size:11px!important;
	line-height:0px!important;
	color:black!important;
	text-decoration:none!important;
	text-transform:none!important;
	white-space:nowrap!important;
	
}

.myArrowAdmin
{
	cursor:pointer;

}

.styleDivArrowAdmin
{
	float:left;
	padding-right:5px;
	padding-top:0px;
	
}

#menuFondMain .styleDivArrowAdmin, #menuFondT5Main .styleDivArrowAdmin, #menuFondT6Main .styleDivArrowAdmin, #menuFondT7Main .styleDivArrowAdmin
{
	position:absolute;
	z-index:2;
}

.styleDivArrowAdmin.first
{
	float:none!important;
}

/*Classe pour cacher un niveau de menu, Ex. pour menu 2 niveaux déroulant on cache les ul.menu0*/
.hideLevel
{
	padding:0px;
	margin:0px;
	width:0px;
	height:0px;
}

.mainHolder #fullMenuHoder {
	display: none;
}

#fullMenuHoder .close, #leftPanel .close {
	width: 30px;
	height: 30px;
	display: inline-block;
	position: absolute;
	right: 45px;
	top: 50px;
	cursor: pointer;
}
#leftPanel .close {
	right: 20px;
	top: 25px;
}

#menuIconeDesktop {
	display: none;
}

#rightPanel {
	background-color: #ffcc00;
	width: 100%;
	max-width: 0;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;
	overflow: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 102;
	padding: 135px 0 50px 0;
}
body.T6 #rightPanel, body.T7 #rightPanel
{
	background-color:#00a3b7;
}
#rightPanel.open {
	max-width: 600px;
	padding: 90px 0 50px 0;
	overflow:visible;
}

#rightPanel .content {
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	-moz-transition: opacity 0.4s;
	-ms-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
#rightPanel.open .content {
	opacity: 1;
}
#rightPanelClose {
	position: absolute;
	right: 60px;
	top: 55px;
	cursor: pointer;
}
#rightPanelClose span:after{
	display:none;
}

/* MEDIA QUERIES */
@media only screen and (min-width:641px)
{
	/**************************************************/
	/*Style pour le menuBottom */
	/**************************************************/
	#menuFondMain ul, #menuFonT5dMain ul, #menuFonT6dMain ul, #menuFonT7dMain ul
	{
		display:none;
		position:absolute;
		margin:0 0 0 30px;
		z-index:1;
	}
	
	#menuFondMain ul.menu0, #menuFondT5Main ul.menu0, #menuFondT6Main ul.menu0, #menuFondT7Main ul.menu0
	{
		padding:0;
		
	}
	
	#menuFondMain li.menu0, #menuFondT5Main li.menu0, #menuFondT6Main li.menu0, #menuFondT7Main li.menu0
	{
		display:inline-block;
		padding:0 0 0 0;
		border-right:1px solid #9e9e9d;
		border-top:0;
	}
	
	#menuFondMain li.menu0:last-child, #menuFondT5Main li.menu0:last-child, #menuFondT6Main li.menu0:last-child, #menuFondT7Main li.menu0:last-child
	{
		border:0;
	}
	
	#menuFondMain li:first-child  > a, #menuFondT5Main li:first-child  > a, #menuFondT6Main li:first-child  > a, #menuFondT7Main li:first-child  > a
	{
		margin:0 8px 0 0;
		
	}
	#menuFondMain li > a, #menuFondT5Main li > a, #menuFondT6Main li > a, #menuFondT7Main li > a
	{
		margin:0 8px 0 8px;
		padding:0;
	}
	
	#menuFondMain li.menu0 ul, #menuFondT5Main li.menu0 ul, #menuFondT6Main li.menu0 ul, #menuFondT7Main li.menu0 ul
	{
		background:#9e9e9d;
		border:1px solid #FFFFFF;
		margin-left:0;
	}
	
	#menuFondMain ul.menu1 li > a, #menuFondT5Main ul.menu1 li > a, #menuFondT6Main ul.menu1 li > a, #menuFondT7Main ul.menu1 li > a
	{
		color:#FFFFFF;
	}
		
	#menuFondMain ul.menu1 li > a:hover, #menuFondMain ul.menu1 li > a.menuselected:not(.parent),
	#menuFondT5Main ul.menu1 li > a:hover, #menuFondT5Main ul.menu1 li > a.menuselected:not(.parent),
	#menuFondT6Main ul.menu1 li > a:hover, #menuFondT6Main ul.menu1 li > a.menuselected:not(.parent),
	#menuFondT7Main ul.menu1 li > a:hover, #menuFondT7Main ul.menu1 li > a.menuselected:not(.parent)
	{
		color:#FFFFFF;
	}
}

@media only screen and (min-width:900px)
{
	#menuFondMain ul, #menuFondT5Main ul, #menuFondT6Main ul, #menuFond7Main ul
	{
		margin:10px 0 0 0;
	}
}


@media only screen and (min-width:1000px)
{

	#leftPanel
	{
		display:none;
	}
	#menuIconeDesktop
	{
		display:block;
	}

	#menuIcone
	{
		display:none;
	}
	
	#menuIconeDesktop, #menuIcone
	{
		top:40px;
	}
	
	#zoneTopInt #menuIconeDesktop, #zoneTopInt #menuIcone
	{
		top:70px;		
	}
	
	#menuIconeDesktop > span
	{
		margin:0 0 0 12px;
		vertical-align:top;
		display:inline-block;
	}

	/**************************************************/
	/*Style pour le menu simple horizontal et vertical*/
	/**************************************************/
	/*REMARQUE: la notion ">" est indiquée dans les styles pour que les menu d'admin ne prenne pas le style des ul/li qui les contiennent */
	#menuMain ul.menu0,
	#menuT5Main ul.menu0,
	#menuT6Main ul.menu0,
	#menuT7Main ul.menu0
	{
		margin-left:60px;		
	}
	
	#leftPanel #menuMain, #leftPanel #menuT5Main , #leftPanel #menuT6Main, #leftPanel #menuT7Main
	{
		padding: 0 30px;
	}
	
	#leftPanel #menuMain a.menu0, #leftPanel #menuT5Main a.menu0, #leftPanel #menuT6Main a.menu0, #leftPanel #menuT7Main a.menu0
	{
		font-size: 25px;
	}
	#leftPanel #menuMain a.menu1, #leftPanel #menuT5Main a.menu1, #leftPanel #menuT6Main a.menu1, #leftPanel #menuT7Main a.menu1
	{
		font-size: 18px;
	}
	#leftPanel #menuMain a.menu2, #leftPanel #menuT5Main a.menu2, #leftPanel #menuT6Main a.menu2, #leftPanel #menuT7Main a.menu2
	{
		font-size: 16px;
	}

	#menuMain, #menuT5Main, #menuT6Main, #menuT7Main {
		margin-top: 45px;
	}
	
	#menuMain a, #menuT5Main a, #menuT6Main a, #menuT7Main a
	{
		max-width:290px;
	}
	
	#menuMain li.menu0, #menuT5Main li.menu0, #menuT6Main li.menu0, #menuT7Main li.menu0
	{
		padding-bottom: 10px;
		padding-top:10px;
	}
	
	#menuMain li.menu0:after, #menuMain li.menu0.menuselected:after, #menuMain li.menu0.open:after,
	#menuT5Main li.menu0:after, #menuT5Main li.menu0.menuselected:after, #menuT5Main li.menu0.open:after,
	#menuT6Main li.menu0:after, #menuT6Main li.menu0.menuselected:after, #menuT6Main li.menu0.open:after,
	#menuT7Main li.menu0:after, #menuT7Main li.menu0.menuselected:after, #menuT7Main li.menu0.open:after
	{
		display:none;
	}
	
	#menuMain a.menu0:hover, #menuMain a.menu0.menuselected, #menuMain li.open a.menu0,
	#menuT5Main a.menu0:hover, #menuT5Main a.menu0.menuselected, #menuT5Main li.open a.menu0,
	#menuT6Main a.menu0:hover, #menuT6Main a.menu0.menuselected, #menuT6Main li.open a.menu0,
	#menuT7Main a.menu0:hover, #menuT7Main a.menu0.menuselected, #menuT7Main li.open a.menu0
	{
		color: #ffffff;
	}
	
	#menuMain ul.menu0:after, #menuT5Main ul.menu0:after, #menuT6Main ul.menu0:after, #menuT7Main ul.menu0:after
	{
		content:"";
		display:block;
		clear:both;
	}
	
	#menuMain li , #menuT5Main li, #menuT6Main li, #menuT7Main li
	{
		list-style-type: none;
		padding-bottom:0px; /*compense le li de base*/
	}
	
	#menuMain a.menu0 , #menuT5Main a.menu0, #menuT6Main a.menu0, #menuT7Main a.menu0
	{
		text-align: left;
	}
	
	
	/*2ème niveau : Style des liens "off" */
	#menuMain li.menu0 ul li > a.menu1, #menuT5Main li.menu0 ul li > a.menu1, #menuT6Main li.menu0 ul li > a.menu1, #menuT7Main li.menu0 ul li > a.menu1
	{
		margin-left: 0;
		position: relative;
	}
	#menuMain li.menu1 ul, #menuT5Main li.menu1 ul, #menuT6Main li.menu1 ul, #menuT7Main li.menu1 ul
	{
		margin-left: 20px;
	}
}
#myaccountCtn
{
	display:none;
}
@media only screen and (min-width:1200px)
{
	#myaccountCtn
	{
		display:block;
		position:absolute;
		top:40px;
		right:0;
		z-index:5;
	}
	#myaccountCtn h5
	{
		margin:0px;
		padding:0px;
		font-size:15px;
		font-weight:bold;
		color:#ffffff;
		background:#000000;
		width:14px;
		padding:10px;
		text-align:center;
		word-break:break-all;
		float:left;
	}
	
	#myaccountCtn .infos
	{
		background:#dcdcdc;
		float:left;
		font-size:15px;
		max-width:0;
		max-height:187px;
		overflow:hidden;
		transition:max-width 0.3s, max-height 0.5s;
	}
	#myaccountCtn:hover .infos
	{
		max-width:300px;
		max-height:750px;
		padding:10px;
		border:1px solid #000000;
	}
	
	#myaccountCtn .infos .myAccountPart
	{
		margin-bottom:15px;
	}
	
	#myaccountCtn .infos .myAccountPart.first .title
	{
		font-weight:normal;
	}
	
	#myaccountCtn .infos .title
	{
		font-weight:bold;
		margin-bottom:10px;
	}
	
	#myaccountCtn .infos a
	{
		position:relative;
		display:block;
		margin:7px 0 7px 1px;
		padding-left:10px;
		text-decoration:none;
		color:#000000;
		transition:margin-left .2s;
	}
	#myaccountCtn .infos a:hover
	{
		margin-left:10px;
	}
	#myaccountCtn .infos a:before
	{
		position:absolute;
		display:block;
		left:0;
		top:50%;
		margin-top:-.5em;
		font-size:8px;
	}
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	height:20px!important;
	color:#FFFFFF!important;
	background-color:#000000!important;
	font-family:Helvetica!important;
	font-size:12px!important;
	font-weight: bold!important;
	border-radius: 10px!important;
	box-sizing: border-box!important;
	padding:0 8px!important;
	border:0!important;
}

.tdLogin
{
	padding:5px 10px 5px 10px;
	vertical-align:top;
	padding-left:18px;
}

.tdLogin #password, .tdLogin #login
{
	background-color:#EAEAEA;
	height:20px!important;
	border-radius: 10px!important;
	border:0!important;
}
.txtPopupLoginConchita .popupTd::first-letter
{
	text-transform: uppercase;
}
.txtPopupLoginConchita .popupTd
{
	vertical-align:middle;
}

.txtPopupLoginConchita
{
	color:#000000;
	font-weight: bold;
	font-family:Helvetica!important;
	font-size:12px!important;
}#newsListCtn .listElement .date
{
	position:absolute;
	bottom:5px;
	color:#404041;
	left:0;
	font-size:10px;
	z-index:3;
}


@media only screen and (min-width: 1090px)
{
	#newsListCtn .listElement 
	{
		float:left;
	}
	
	#newsListCtn a:nth-child(odd), #newsListCtn a:nth-child(even)
	{
		margin-top:0;
	}
	
	#newsListCtn a:nth-child(even) .date
	{
		left:10px;
	}
	
	#newsListCtn a:nth-child(even) .txt
	{
		padding-left:10px;
		
	}
}
/*Styles spécifiques du plugin page en T1 */#printsendCtn
{
	position:relative;
	display:block;
	text-align:right;
	width:100%;
}

#printsendCtn:after
{
	content:"";
	display:block;
	clear:both;
}
#printsendCtn > a
{
	display:inline-block;
	margin-right:10px;
	opacity:.5;
	transition:opacity .5s;
	/*color:#d9d8d8;*/
	color:#404041;
}
#printsendCtn > a:hover
{
	opacity:1;
	color:#ffcc00;
	text-decoration:none;
}

body.T6 #printsendCtn > a:hover, body.T7 #printsendCtn > a:hover
{
	color:#00a3b7;
}

#printsendCtn > a:before
{
	font-size:15px;
}

#printsendCtn a:nth-child(1), #printsendCtn a:nth-child(2), #printsendCtn a:nth-child(3)
{
	display:none;
}

@media only screen and (min-width:680px)
{
	#printsendCtn a:nth-child(1), #printsendCtn a:nth-child(2), #printsendCtn a:nth-child(3)
	{
		display:inline-block;
	}
}/*Edition*/
#projetsEdit td
{
	vertical-align:top;
}

#projetsEdit td.tdAdmin
{
	font-weight:Bold;
	color:#000000;
}

#projetsEdit div
{
	padding-bottom:5px;
}

#projetsEdit .cms_icons-croix_3
{
	color:red;
	margin-left:10px;
	cursor:pointer;
}

#projetsEdit .cms_icons-plus_1
{
	cursor:pointer;
	color:green;
	font-size:12px;
}

#projetsEdit .cms_icons-plus_1:before
{
	font-size:19px;
	margin-right:10px;
}

#projetsEdit .entete
{
	width:370px;
}

#projetsEdit .description
{
	width:370px;
}

#projetsEdit legend
{
	font-family: "Poppins", sans-serif;
    font-size: 14px;
    color:#404041;
}

#projetsEdit i
{
	color:#AAAAAA;
}

#projetsEdit table tr td >div:nth-child(1)
{
	border-top:1px dotted #404041;
	margin-top:10px;
	padding:20px 0 10px 0;
}

#projetsEdit table tr:nth-child(1) td >div:nth-child(1)
{
	padding:0;
	margin:0;
	border:0;
}

/*Affichage*/
#projets .bloc
{
	border-bottom:1px solid #e7e7e7;
	padding-bottom:26px;
	margin-bottom:10px;
}


#projets .titre
{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	color:#404041;
	font-size:23px;
	padding:20px 0 5px 0;
}

#projets .bloc > div:nth-child(1)
{
	/*padding-top:0;*/
}

#projets h2
{
	margin:0px;
	padding:0px;
	font-family: "Poppins", sans-serif;
    font-size: 16px;
	font-weight: normal;
    color:#404041;
}

#projets .bloc .entete
{
	font-weight:bold;
	padding-top:10px;	
}


#projets .bloc.OC .description
{
	padding-top:10px;
}

#projets .bloc.OC:after
{
	content:"";
	display:block;
	clear:both;
}

#projets .bloc.DT .description > div
{
	padding-left:15px;
}
#projets .bloc.DT .description > div:before
{
	content: "•";
    color: #ffcc00;
    margin-left: -15px;
    margin-right: 8px;
    font-size: 15px;
	font-family:opensans;
	box-sizing:border-box;
	display:block;
	position:absolute;
}

body.T6 #projets .bloc.DT .description > div:before, body.T7 #projets .bloc.DT .description > div:before
{
	color:#00a3b7;
}

/* Recherche */
.FormSearch
{
	padding: 25px 25px 50px 25px;
	border-bottom: 2px solid #f3f3f3;
	margin-bottom:30px;
}

.home .FormSearch
{
	padding: 25px 10px 0 10px;
	margin-top:0px;
	border-bottom:0;
	margin-bottom:100px;
}

.FormSearch .combo
{
	padding:0 50px 0 50px ;
	height:0;
	border:0;
	background-color:#FFFFFF;
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	background-image:url(/template/image/arrow.png);
	background-repeat:no-repeat;
	background-position:95% center;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
	
}


.FormSearch .combo.Visible
{
	height: 81px;
	border: 2px solid #dedede;
	margin-bottom:20px;
}

.FormSearch select, .FormSearch input[type=text]
{
	display: block;
	float:right;
	width: 120%!important;
	padding:0 50% 0 20px ;
	height: 81px;
	color: #000000;
	font-size: 23px;
	font-family: "Poppins", sans-serif;
	font-weight: 200;
	position:absolute;
	top:0;
	left:0;
	background:transparent;
	outline : none;

}
.FormSearch select option
{
	font-size:15px;
	font-family: "Poppins", sans-serif;
}

.FormSearch select::-ms-expand {
	display: none;
}

.FormSearch select
{
	max-width:none;
}
.FormSearch select.cbxsubcat
{
	display:none;
}
.FormSearch input[type=text]
{
	margin-right: 0;
}

.FormSearch input[type=submit]
{
	display: block;
	width: 60%;
	height:72px;
	border:0px;
	padding:0px;
	color: #ffffff;
	font-size: 20px;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	cursor:pointer;
	background-color: #ffcc00;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	margin:0 auto 0 auto;
}
body.T6 .FormSearch input[type=submit], body.T7 .FormSearch input[type=submit]
{
	background-color:#00a3b7;
}

/*On cache la première combo pour les sociétés filles*/
body.T5 .FormSearch > div:nth-child(1),
body.T6 .FormSearch > div:nth-child(1),
body.T7 .FormSearch > div:nth-child(1)
{
	display: none;
}
body.T5 .FormSearch > div:nth-child(2),
body.T6 .FormSearch > div:nth-child(2),
body.T7 .FormSearch > div:nth-child(2)
{
	width: 100%;
}
.clear:after
{
	content:"";
	display:block;
	clear:both;
}

#projets .bloc.resume p
{
	margin:5px 0 5px 0;
}
#projetsEdit .indications
{
	font-style: italic;
	color:green;
	font-size: 11px;
	display: block;
	margin:10px 0 10px 0;
}

#projetsEdit input[type=button]
{
	background: #000000;
	color:#FFFFFF;
	cursor: pointer;
}

@media only screen and (min-width:700px), print
{

	.FormSearch select, .FormSearch input[type=text]
	{

		padding:0 30% 0 50px ;
	}

	#projets .bloc .description > div span:nth-child(1)
	{
		display:inline-block;
		vertical-align:top;
		width:70%;
		box-sizing:border-box;
	}
	
	#projets .bloc .description > div span:nth-child(2)
	{
		display:inline-block;
		vertical-align:top;
		width:30%;
		text-align:right;
		box-sizing:border-box;
	}
	
	
	#projets .bloc.OC .entete
	{
		float:left;
		width:35%;
		padding-right:10px;
		box-sizing:border-box;
	}	
	
	#projets .bloc.OC .description
	{
		float:left;
		width:calc(65% - 20px);
	}

	/*Recherche*/
	.FormSearch .combo
	{
		width:47.15%;
		float:left;		
	}
	
	.FormSearch
	{
		margin-bottom:80px;
	}
	
	.FormSearch .combo:nth-child(1)
	{
		margin-right:4.7%;
	}	
	
	.FormSearch .combo.Visible
	{
		margin-bottom:50px;
	}
	
	.FormSearch input[type=submit]
	{
		width: 23.5%;
	}
}

@media only screen and (min-width:900px)
{
	.home .FormSearch
	{
		padding: 25px 0 0 0;
		margin-bottom:0;
		margin-top:40px;
	}
}

/* ******************************************************************************** */
/*							Impression d'une prestation 						*/
/* ******************************************************************************** */
#bodyprintprojets
{
	font-family: "Poppins", sans-serif;
    font-size: 13px;
    color:#231f20;
	line-height:normal;
}

#bodyprintprojets #zoneCenter
{
	background:none;
	padding-bottom:0;
}

#bodyprintprojets #zoneCenter:before
{
	display:none;
}

#bodyprintprojets #zoneCenter .colGauche
	{
		float:left;
		/*width:52.25%;*/
		width:65%;
		box-sizing:border-box;
		padding:0 40px 0 60px;
		box-sizing: border-box;
	}
	
#bodyprintprojets #zoneCenter .colDroite
	{
		float:left;
		/*width:47.75%;*/
	width:calc(35% - 40px);
	margin-right: 40px;
		box-sizing:border-box;
		/*padding:135px 0 0 0;
		padding:0;*/
	}
#bodyprintprojets #projets .entete
{
font-weight: normal;
	padding-top:0;
}
	#bodyprintprojets #projets .titre
	{
		font-size:13px;
		padding: 0 0 0 0;
		page-break-inside:avoid;
		position: relative;
	}
#bodyprintprojets #projets .bloc.general .titre
{
	padding-top:20px;
}
#bodyprintprojets #projets .bloc.general .titre.first
{
	padding-top:0;
	margin-top:0;
}
#bodyprintprojets #projets .bloc:not(.general) .titre:before
{
	content:"";
	display:block;
	width:14px;
	height:14px;
	border-radius: 50%;
	background-color:#ffcc00;
	position: absolute;
	left:-27px;
	top:0px;
}

#bodyprintprojets.T6 #projets .bloc:not(.general) .titre:before,
#bodyprintprojets.T7 #projets .bloc:not(.general) .titre:before
{
	background-color:#00a3b7;
}

#bodyprintprojets #projets .bloc.general .titre
{
	color:#ffcc00;
}
#bodyprintprojets.T6 #projets .bloc.general .titre,
#bodyprintprojets.T7 #projets .bloc.general .titre
{
	color:#00a3b7;
}

#bodyprintprojets #projets .Divpuces .bloc .description > div,
#bodyprintprojets #projets .bloc.resume,
#bodyprintprojets #projets .bloc.DT,
#bodyprintprojets #projets .bloc,
#bodyprintprojets #projets h2
{
	font-family: "Poppins", sans-serif !important;
	font-weight: 200!important;
	color:#231f20!important;

}
#bodyprintprojets #projets .bloc .description
{
	padding-top:0;
}
#bodyprintprojets #projets .bloc .description > div:before, #bodyprintprojets #projets div.bloc ul li:before
{
	color:#000000!important;
}
#bodyprintprojets #projets .bloc .description > div
{
	padding-top:1px;
	padding-bottom:1px;
}
	#bodyprintprojets #projets .bloc
	{
		margin-bottom:0;
		margin-bottom:20px;
		border:0;
	}
#bodyprintprojets #projets .Divpuces
{
	border-left: 1px solid #000000;
	padding-left: 20px;
}
	
	#bodyprintprojets #projets .bloc.DT
	{
		page-break-inside:avoid;
	}
	
	#bodyprintprojets #projets h2
	{
	font-size: 13px;
	}
	
	#bodyprintprojets #projets .bloc > div:nth-child(1)
	{
		margin-top:15px;
	}
	
	#bodyprintprojets #projets .bloc > div.MO:nth-child(1)
	{
	padding-top:0;
	}
	
	#bodyprintprojets .logosPrint
	{
		position:absolute;
		top:600px;
		left:0;
	}
	
	#bodyprintprojets .logosPrint img
	{
		width:40px;
	}
#bodyprintprojets .blocEntete
{
	width: 100%;
	margin-top: -60px;
}
#bodyprintprojets .blocEntete #divFirstAccroche .listElement:before,
#bodyprintprojets .blocEntete #divFirstAccroche .listElement:after
{
	content:none;
}
#bodyprintprojets .blocEntete #divFirstAccroche .listElement
{
	width: 100%;
}
#bodyprintprojets .blocEntete #divFirstAccroche .listElement .img
{
	width: calc(100% - 40px);
	z-index: 0;
	margin-right: 40px;
}
#bodyprintprojets .blocEntete #divFirstAccroche .listElement .img:before
{
	padding-top: 66.94%;
}
#bodyprintprojets #projets .blocEntete  .bloc.general
{
	padding-bottom: 0;
}
#bodyprintprojets .blocEntete .bloc.general, #bodyprintprojets .blocEntete #divFirstAccroche
{
	float: left;
	width:50%;
}
	#bodyprintprojets #zoneGallery .loadmore
	{
		display:none;
	}
	#bodyprintprojets #zoneGallery #galleryimageList
	{
		margin-bottom:0;
	}
	#bodyprintprojets #zoneGallery #galleryimageListCtn .listElement
	{
		float:left;
		width:48.5%;
		margin-right:3%;
		page-break-inside:avoid;
	}
	#bodyprintprojets #zoneGallery #galleryimageListCtn .listElement:nth-child(2n + 3)
	{
		margin-right:0;
	}

	#bodyprintprojets #zoneGallery #galleryimageListCtn .listElement:first-child,
	#bodyprintprojets #zoneGallery.dispopdf_largeimg #galleryimageListCtn .listElement
	{
		float:none;
		width:100%;
		margin-right:0;
	}

	#headerprint
	{
		background-color:#e7e7e8;
		padding-top: 40px;
		padding-bottom: 40px;
		width:calc(100% - 50px);
		padding-left:50px;
	}
	#headerprint > div:nth-child(1)
	{
		float:left;
		width:200px;
	}
	#headerprint > div:nth-child(2)
	{
		float:left;
		color: #231f20;
	}
#headerprint > div:nth-child(2) > div:nth-child(1)
	{
		text-transform: uppercase;
	font-family: "Poppins", sans-serif;
	font-weight: 600;
		font-size: 21px;
	margin-top:10px;
	}
#headerprint > div:nth-child(2) > div:nth-child(2)
{
	font-size: 21px;
	font-family: "Poppins", sans-serif;
	font-weight: 200;
}
	#headerprint img
	{
		height:57px;
	}
	
	#footerprint
	{
		display:block;
		font-size: 11px;
   		color:#231f20;
		font-family: "Poppins", sans-serif;
		font-weight: 200;
		background-color:#e7e7e8;
		padding-top: 20px;
		padding-bottom: 20px;
		width:calc(100% - 100px);
		padding-left: 50px;
		padding-right: 50px;
	}
		
	#footerprint .logos img
	{
		display: inline-block;
		margin-left: 15px;
		width:40px;
	}
	#footerprint .logos img.excellence
	{
		width: auto;
		height: 50px;
	}

	body.T5 #footerprint .logos img.excellence,
	body.T6 #footerprint .logos img.excellence,
	body.T7 #footerprint .logos img.excellence
	{
		display:none;
	}
	#footerprint .logos img.citoyen
	{
		width: auto;
		height: 45px;
	}
	#footerprint .logos img.ecoentreprise
	{
		width: auto;
		height: 50px;
	}
#footerprint .logos img.gsa
{
	width: auto;
	height: 25px;
	margin-bottom: 13px;
}
	#footerprint > div:nth-child(1)
	{
		float:left;
		width:40%;
	}
#footerprint > div.adresse > div:nth-child(1)
{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	padding-bottom: 3px;
}
#footerprint > div.adresse > div:nth-child(2), #footerprint > div.adresse > div:nth-child(3)
{
	float:left;
	padding-right: 10px;
}

	#footerprint > div:nth-child(2)
	{
		float:left;
		width:60%;
		text-align: right;
	}

#footerprint > div:nth-child(2) img:nth-child(1)
{
	margin-right: 30px;
}

#footerprint.T3 > div:nth-child(2) img:nth-child(1)
{
	margin-right: 0;
}
#footerprint.T3 > div:nth-child(2) img:nth-child(2)
{
	margin-right: 20px;
}
/*Style pour la protection des données */
#disclaimerCtn
{
	position:fixed;
	display:block;
	left:0;bottom:0;right:0;
	opacity:1;
	background:rgba(0,0,0,0.6);/*#656464;*/
	z-index:1000;
	overflow:hidden;
	transition:max-height .5s;
	height: 100vh;
}
#disclaimerCtn.hide
{
	max-height:0;
}
#disclaimerCtn .disclaimer
{
	position:relative;
	display:block;
	box-sizing:border-box;
	padding:20px 30px 20px 30px;
	margin:0 auto 0 auto;
	font-size:.9em;
	line-height:1.5em;
	background: #FFFFFF;
	color:#000000;
	border-radius: 5px;
	position: absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	width:90%;
}

#disclaimerCtn .disclaimer h2
{
	font-size: 1.5em;
}

#disclaimerCtn .disclaimer .txt
{
	margin-bottom:20px;
}

#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
{
	position:relative;
	display:block;
	box-sizing:border-box;
	width:100%;
	padding:7px 10px 7px 10px;
	text-align:center;
	background:#ffcc00;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	transition:background .5s;
	text-transform:uppercase;
	margin-top:20px;
}

body.T6 #disclaimerCtn .disclaimer .close,
body.T6 #protectiondonneesContentCtn .save input[type=submit],
body.T7 #disclaimerCtn .disclaimer .close,
body.T7 #protectiondonneesContentCtn .save input[type=submit]
{
	background:#00a3b7;
}

#disclaimerCtn .disclaimer .close:hover
{
	background:#ffcc00;
}
body.T6 #disclaimerCtn .disclaimer .close:hover, body.T7 #disclaimerCtn .disclaimer .close:hover
{
	background:#00a3b7;
}
@media only screen and (min-width:640px)
{

	#disclaimerCtn .disclaimer
	{
		max-width:1280px;
		padding:10px 50px 50px 50px;
		font-size:1.2em;
	}
	#disclaimerCtn .disclaimer .txt
	{
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer a.read
	{
		display:inline-block;
		margin-bottom:0;
	}
	#disclaimerCtn .disclaimer .close, #protectiondonneesContentCtn .save input[type=submit]
	{
		width:auto;
		display: inline-block;
		margin:40px 20px 0 0;
	}
}

#protectiondonneesContentCtn .save
{
	margin-top:40px;
}

#protectiondonneesContentCtn .save input[type=submit]
{
	padding:10px;
	cursor: pointer;
}

#protectiondonneesContentCtn .sousTitre, #mentionslegalesContentCtn .sousTitre
{
	text-decoration:underline;
	margin-top: 15px;
}
#protectiondonneesContentCtn .activateCookie
{
	padding:15px 0 15px 10px ;
	font-weight: bold;
	text-transform: uppercase;

	margin:30px 0 50px 0;
	border-bottom: 2px solid #DEDEDE;
	background-color: #eeeeee;
}
#protectiondonneesContentCtn .activateCookie input
{
	width:20px;
	height:20px;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

#protectiondonneesContentCtn UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
	list-style-type: none;
}


#protectiondonneesContentCtn ul li:before
{
	content: "•";
	margin-left: -15px;
	margin-right: 8px;
	font-size: 19px;
}

#protectiondonneesContentCtn a
{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: inline-block;
	width:100%;
	box-sizing: border-box;
}.ressourceDIV
{
	margin:15px 5px 5px 5px;
}
.ressourceTable
{
	width:100%;
	border-collapse:collapse;
	border-right:solid 1px #EEEEEE;	
	border-left:solid 1px #EEEEEE;
}

.ressourceTD
{
	border-top:solid 1px #EEEEEE;	
	border-bottom:solid 1px #EEEEEE;
	padding:3px;
}

.ressourceBtnSearch
{
	height:20px;	
}



/*STYLE POUR LA ZONE DE RECHERCHE*/
#searchCtnAPI
{
	padding:0 0 30px 60px;
	border-bottom:1px solid #fcd65a;
	width:340px;
}

body.T6 #searchCtnAPI, body.T7 #searchCtnAPI
{
	border-bottom: 1px solid rgba(255,255,255,0.5);
}

#leftPanel #searchCtnAPI
{
	padding:0 0 10px 20px;
	margin-bottom:20px;
}


#cse-search-box-api
{
	display:block;
	position:relative;
	padding-right:40px;
}

#leftPanel #cse-search-box-api
{
	padding:20px 60px 20px 20px;
} 

#cse-search-box-api input[type=text]
{
	display:block;
	box-sizing:border-box;
	width:100%;
	height:27px;
	font-size:23px;
	font-family: "Poppins", sans-serif;
	font-weight: bold;
	font-style: italic;
	color:#feebae;
	background:transparent;
	border:0;
	border-right:0;
	border-radius:10px 0 0 10px;
	outline:0;
	margin-left:35px;
}

body.T6 #cse-search-box-api input[type=text], body.T7 #cse-search-box-api input[type=text]
{
	color:rgba(255,255,255,0.5);
}

#leftPanel #cse-search-box-api input[type=text]
{
	font-size:19px;
}

#cse-search-box-api input[type=text].placeholder
{
	color:#feebae;
}

body.T6 #cse-search-box-api input[type=text].placeholder, body.T7 #cse-search-box-api input[type=text].placeholder
{
	color:rgba(255,255,255,0.5);
}
#cse-search-box-api input[type=text]::-ms-clear{ display: none; width:0; height:0; }

#cse-search-box-api .submit
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	box-sizing:border-box;
	background:transparent;
	border:0;
	border-left:0;
	border-radius: 0;
	cursor:pointer;
	outline:0;
	text-align:center;
	font-size:0; /*to avoid moving the :before position*/
	overflow:hidden;
	color:#feebae;

}

body.T6 #cse-search-box-api .submit, body.T7 #cse-search-box-api .submit
{
	color:rgba(255,255,255,0.5);
}

#leftPanel #cse-search-box-api .submit
{
	top:20px;
} 

#cse-search-box-api .submit:before
{
	position:relative;
	display:inline-block;
	font-size:27px;
}

#cse-search-box-api input[type=submit]
{
	display:block;
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	padding:0;
	margin:0;
	background:none;
	border:none;
}

/*STYPE POUR LES RESULTATS DE RECHERCHE*/
#searchapiResultsCtn
{
	position:relative;
	display:block;
}
#searchapiResultsCtn .headCtn
{
	display:block;
	padding-bottom:10px;
	margin-bottom:40px;
	border-bottom:1px solid #cacaca;
}
#searchapiResultsCtn .headCtn .count
{
	display:block;
	font-weight:normal;
	margin-top:30px;
}

#searchapiResultsCtn .noresult
{
	font-style:italic;
}

#searchapiResultsCtn .results
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .results .result
{
	display:block;
	margin-bottom:40px;
	color:inherit; /*keep color of text, not of a*/
	text-decoration:none;
	line-height:normal;
}

#searchapiResultsCtn .results .result .title
{
	display:block;
	font-weight:bold;
	font-size:1.1em;
	padding:0;
	margin:0 0 5px 0;
	border:none;
}
#searchapiResultsCtn .results .result .link
{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	font-size:.85em;
	color:#006621;
	margin:0 0 10px 0;
}
#searchapiResultsCtn .results .result .data
{
	display:block;
}
#searchapiResultsCtn .results .result .data:after
{
	content:"";
	display:block;
	clear:both;
}

#searchapiResultsCtn .results .result .data .img
{
	display:block;
	float:left;
	width:40%;
	margin-right:10px;
	margin-bottom:5px;
}
#searchapiResultsCtn .results .result .data .txt
{
	display:inline;
}
#searchapiResultsCtn .results .result .data .img img
{
	display:block;
	width:100%;
	height:auto;
	border:none;
}
#searchapiResultsCtn .results .result .data .img:empty
{
	display:none;
}
#searchapiResultsCtn .results .result .data .img:empty + .txt
{
	width:100%;
}

#searchapiResultsCtn .results .result .data .txt .snippet br
{
	display:none;
}

#searchapiResultsCtn .results .result .data .txt .format
{
	display:block;	
}

#searchapiResultsCtn .steps
{
	display:block;
	margin:20px 0 20px 0;
}

#searchapiResultsCtn .steps a
{
	display:inline-block;
	padding:5px;
	text-decoration:none;
}

#searchapiResultsCtn .steps a.bolder
{
	font-weight:bold;
}

@media only screen and (min-width:641px)
{
	#searchapiResultsCtn .results .result .data .img
	{
		width:20%;
		margin-right:2%;
		margin-bottom:0;
	}
	#searchapiResultsCtn .results .result .data .txt
	{
		float:left;
		width:78%;
	}
}/*Style pour le lien sur le plan du site*/
.sitemap
{
	color:#5E0404;
	text-decoration:none;
}

/* Style pour le plan du site */
.sm0
{
    FONT-SIZE: 16px;
    COLOR: #ffcc00;
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;

}

.sm1
{
    FONT-SIZE: 14px;
    COLOR: #ffcc00;
    MARGIN-BOTTOM: -2px;
    MARGIN-TOP: -2px;
    MARGIN-LEFT: 20px;

}

.sm2
{
    FONT-SIZE: 12px;
    COLOR: #ffcc00;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 40px;

}

.sm3
{
    FONT-SIZE: 10px;
    COLOR: #ffcc00;
    MARGIN-BOTTOM: -4px;
    MARGIN-TOP: -4px;
    MARGIN-LEFT: 60px;
}

body.T6 .sm0,
body.T6 .sm1,
body.T6 .sm2,
body.T6 .sm3,
body.T7 .sm0,
body.T7 .sm1,
body.T7 .sm2,
body.T7 .sm3
{
    color:#00a3b7;
}/*Style pour le montage*/
#sliderCtn
{
	position:relative;
	width:100%;
	overflow:hidden;
	margin-bottom:20px;
	max-width:1920px;
	margin:0 auto 0 auto;
	max-height:700px;
	
}

.home #sliderCtn:before
{
	content:"";
	display:block;
	padding-top:168%;
}

.home #sliderCtn:after
{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(/plugin/slider/template/images/logoDeneriaz.png) no-repeat;
	backgrouns-size:100% auto;
	z-index:1;
}

#sliderCtn:hover .sliderElementCtn:before
{
	opacity:0;
}

#sliderCtn:hover .sliderElement
{
	/*transform: scale(1.1);*//*Effet de zoom sur le slider*/
}

.home .sliderElementCtn:before
{
	content:"";
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:10;
	background:#2d2d2d;
	opacity:0.4;
	transition:opacity 0.5s;
}

#sliderCtn .sliderElementCtn
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background:url(/template/image/loading.gif) no-repeat center center;
	z-index:1;
}
#sliderCtn .sliderElementCtn .sliderElement
{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	display:none;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	transition:transform 0.5s;

}
#sliderCtn .sliderElementCtn .sliderElement.current
{
	display:block;
	top:0;
	left:0;
	opacity:1!important; /*pour éviter de voir le fond pendant animation*/
}
#sliderCtn .cursor
{
	cursor:default;
}
/*Style pour les slogan*/
#sliderCtn .slogan, #sliderCtn .slogan.empty
{
	display:none;
}
/*Style pour les flèches*/
#sliderCtn .arrow
{
	display:none;
}

#sliderCtn #mySlogan h1 .big
{
	display:none;
}

#sliderCtn #mySlogan
{
	display:block;	
	position:absolute;
	top:50%;
	left:10px;
	z-index:4;
	width:100%;
}

#sliderCtn #mySlogan h1
{
	padding:0 10px 0 0;
	margin:0;	
	color:#ffffff;
	font-size:24px;
	font-family:"Poppins", sans-serif;
	font-weight: bold;
}

#sliderCtn #mySlogan .mainContainer
{
	background:transparent;
}

#sliderCtn #mySlogan .jaune
{
	color:#ffcc00;
}
body.T6 #sliderCtn #mySlogan .jaune,
body.T7 #sliderCtn #mySlogan .jaune
{
	color:#00a3b7;
}

/*Style pour les puces de navigation*/
#sliderCtn #bullets {
	display:block;	
	position:absolute;
	bottom:-50px;
	left:5px;
	z-index:5;
}

#sliderCtn #bullets:before
{
	content:"";
	display:block;
	width:1px;
	position:absolute;
	top:0;
	bottom:0;
	left:7px;
	background:#727373;
	z-index:0;
}

#sliderCtn #bullets a {
	display:block;
	width:9px;
	height:9px;
	background: #fff;
	border-radius: 5px;
	text-indent:-9999px;
	border:0;
	margin:0 0 11px 0 ;
	position:relative;
	z-index:10;
	margin-left:3px;
}
#sliderCtn #bullets a:last-child {
	margin-bottom: 0;
}
#sliderCtn #bullets a.active {
	background-color: #ffcc00;
	border-radius: 8px;
	width:15px;
	height:15px;
	margin-left:0 ;
}

body.T6 #sliderCtn #bullets a.active, body.T7 #sliderCtn #bullets a.active
{
	background-color:#00a3b7;
}

@media only screen and (min-width:680px)
{
	#sliderCtn
	{
		max-height:1080px;
	}
	
	.home #sliderCtn:before
	{
		padding-top:49.84%;
	}
	
	#sliderCtn #mySlogan h1 .big
	{
		display:block;
	}
	
	#sliderCtn #mySlogan h1 .small
	{
		display:none;
	}
	
	#sliderCtn #mySlogan
	{
		top:30%;
		
	}
	
	#sliderCtn #mySlogan h1
	{
		font-size:29px;
	}
	
	#sliderCtn #bullets {
		bottom:-25%;
		left:15px;
	}
	
	/*Style pour les flèches*/
	#sliderCtn .arrow
	{
		position:absolute;
		top:45%;
		display:block;
		width:30px;
		height:30px;
		font-size: 29px;
		color: rgba(255, 255, 255, 0.5);
		border:0;
		cursor:pointer;
		z-index:2;
		opacity:0;
		visibility:hidden;
		transition:all .5s;
	}
	#sliderCtn:hover .arrow
	{
		visibility:visible;
		opacity:1;
		text-decoration:none;
	}
	#sliderCtn .arrow:hover {
		color: rgba(255, 255, 255, 0.8);
	}
	#sliderCtn .sliderNext
	{
		right:10px;
		background-position:-30px 0;
	}
	#sliderCtn .sliderPrev {
		transform: rotateZ(180deg);
	}
	#sliderCtn .sliderBack
	{
		left:10px;
	}
}

@media only screen and (min-width:900px)
{
	#sliderCtn #mySlogan h1
	{
		font-size:44px;
	}
}

@media only screen and (min-width:1150px)
{
	#sliderCtn #mySlogan h1
	{
		font-size:54px;
	}
}

@media only screen and (min-width:1500px)
{
#sliderCtn #mySlogan
	{
		top:50%;
		left:0;
	}
}

@media only screen and (min-width:1700px)
{
	#sliderCtn #bullets {
		
		bottom:-100px;
		
	}
}
/*Style pour la recherche des personnes*/
.tableauUser
{
border-collapse:collapse;
padding:4px;
}

.tableauUser td
{
border:1px solid #CDCDCD;
}

.enteteUser
{
font-weight:bold;
}
#formEditUser .policy
{
    display:block;
    margin:5px 0px 10px 0px;
    font-size:11px;
    font-weight:normal;
    line-height:normal;
    max-width:300px;
    color:#474747;
}
#formEditUser .policy.error
{
    color:red;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}#youarehereCtn
{
	display:none;
}

@media only screen and (min-width:680px)
{
	#youarehereCtn
	{
		font-size:13px;
		color:#404041;
		display:block;
	}
	
	#youarehereCtn .header
	{
		position:relative;
		display:inline-block;
		vertical-align: middle;
		color:#ffcc00;
	}
	body.T6 #youarehereCtn .header, body.T7 #youarehereCtn .header
	{
		color:#00a3b7;
	}
	#youarehereCtn .header:before
	{
		display:inline-block;
		vertical-align:middle;
		font-size:11px;
		margin-right:5px;
		margin-top:-2px;
	}
	
	#youarehereCtn a
	{
		display:inline-block;
		vertical-align: middle;
		color:#404041;
		font-size:13px;
		text-decoration:none;
	}
	#youarehereCtn .separator
	{
		display:inline-block;
		vertical-align: middle;
		color:#404041;
		margin: 4px 5px 0 5px;
		font-size: 8px;
	}
}