/* Generated by Font Squirrel (https://www.fontsquirrel.com) on March 31, 2017 */
@font-face {
    font-family: 'GTWalsheimPro';
    src: url('/fonts/GTWalsheimProBold.eot');
    src: url('/fonts/GTWalsheimProBold.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GTWalsheimProBold.woff2') format('woff2'),
         url('/fonts/GTWalsheimProBold.woff') format('woff'),
         url('/fonts/GTWalsheimProBold.ttf') format('truetype'),
         url('/fonts/GTWalsheimProBold.svg#GTWalsheimProBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'GTWalsheimPro';
    src: url('/fonts/GTWalsheimProLight.eot');
    src: url('/fonts/GTWalsheimProLight.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GTWalsheimProLight.woff2') format('woff2'),
         url('/fonts/GTWalsheimProLight.woff') format('woff'),
         url('/fonts/GTWalsheimProLight.ttf') format('truetype'),
         url('/fonts/GTWalsheimProLight.svg#GTWalsheimProLight') format('svg');
    font-weight: 200;
    font-style: normal;
}


@font-face {
    font-family: 'GTWalsheimPro';
    src: url('/fonts/GTWalsheimProRegular.eot');
    src: url('/fonts/GTWalsheimProRegular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GTWalsheimProRegular.woff2') format('woff2'),
         url('/fonts/GTWalsheimProRegular.woff') format('woff'),
         url('/fonts/GTWalsheimProRegular.ttf') format('truetype'),
         url('/fonts/GTWalsheimProRegular.svg#GTWalsheimProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'GTWalsheimPro';
    src: url('/fonts/GTWalsheimProMedium.eot');
    src: url('/fonts/GTWalsheimProMedium.eot?#iefix') format('embedded-opentype'),
         url('/fonts/GTWalsheimProMedium.woff2') format('woff2'),
         url('/fonts/GTWalsheimProMedium.woff') format('woff'),
         url('/fonts/GTWalsheimProMedium.ttf') format('truetype'),
         url('/fonts/GTWalsheimProMedium.svg#GTWalsheimProMedium') format('svg');
    font-weight: 600;
    font-style: normal;

}

@font-face {
	font-family: 'GTWalsheimProBlack';
	src: url('/fonts/GTWalsheimProBlack.eot');
	src: url('/fonts/GTWalsheimProBlack.eot?#iefix') format('embedded-opentype'),
	url('/fonts/GTWalsheimProBlack.woff2') format('woff2'),
	url('/fonts/GTWalsheimProBlack.woff') format('woff'),
	url('/fonts/GTWalsheimProBlack.ttf') format('truetype'),
	url('/fonts/GTWalsheimProBlack.svg#GTWalsheimProBlack') format('svg');
	font-weight: normal;
	font-style: normal;

}
/*************** STYLE DE BASE  *******************/
html, body
{
	height:100%;
}
body
{
	position:relative;
	margin:0;
	padding:0;
	font-family:GTWalsheimPro;
    font-size:16px;
    color:#000000;
	background:#F7F7F7;
	-webkit-font-smoothing: antialiased;
}

audio, img[_wpro_media_data*='.mp3'].wproFilePlugin
{
	display:block;
	width:100%;
	box-sizing:border-box;
	height:40px;
}

/* STYLE GENERIQUE */
.mainholder
{
	position:relative;
}
.mainctn
{
	position:relative;
	max-width:1580px;
	margin: 0 auto 0 auto;
	padding:0 10px 0 10px;
}

.clear:after
{
	content:"";
	display:block;
	clear:both;
}
.none
{
	display:none; //TODO a revoir car le !important cause des problèmes d'affichage
}

span.checkbox > a
{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:middle;
	width:20px;
	height:19px;
	border-radius:3px;
	background:#848484;
}

span.checkbox > input[type=checkbox]
{
	display:none;
}
span.checkbox > input[type=checkbox]:checked + a:before
{
	content:"";
	position:absolute;
	top:0;left:0;right:0;bottom:0;
	background:url(/template/image/v-white.png) no-repeat center center;
	background-size:60% auto;
}

input::-ms-clear{ display: none; width:0; height:0; }
input::-webkit-input-placeholder 
{
	font-style:normal;
	font-size: 16px;
	font-family: GTWalsheimPro;
	color:#000000;
}
input::-moz-placeholder { /* Firefox 19+ */
  font-style:normal;
	font-size: 16px;
	font-family: GTWalsheimPro;
	color:#000000;
}
input:-ms-input-placeholder { /* IE 10+ */
	font-style:normal;
	font-size: 16px;
	font-family: GTWalsheimPro;
	color:#000000;
}
input:-moz-placeholder { /* Firefox 18- */
	font-style:normal;
	font-size: 16px;
	font-family: GTWalsheimPro;
	color:#000000;
}

.theboxform
{
	position:relative;
}
.theboxform input, .theboxform select, .theboxform .select, span.button, div.button
{
	position:relative;
	float:left;
	box-sizing:border-box;
	height:40px;
	margin-bottom:10px;
	padding:10px 20px 10px 20px;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	border-radius:20px;
	border:1px solid #000000;
	background:transparent;
	outline:none;
}
.theboxform input[type=button], .theboxform input[type=submit],.theboxform input[type=reset], span.button, div.button
{
	padding:10px 10px 10px 10px;
}
.theboxform input.mandatoryFailed, .theboxform select.mandatoryFailed, .theboxform .select.mandatoryFailed
{
	background-color: #FFE3E8;
  	border:2px dotted red;
}
.theboxform input[type=submit]
{
	clear:both;
}
.theboxform input[type=submit], .theboxform input[type=reset], .theboxform input[type=button], span.button, div.button
{
	width:48%;
	font-weight:bold;/*semibold*/
	text-align:center;
	border:none;
	background:#2e3337;
	color:#FFFFFF;
	font-family: GTWalsheimPro;
}
#categoriesNavigationCtn span.button, .navigation span.button
{
width:auto;
}
#addProjet, #addContact, #addOffre
{
	width:auto;
}

.theboxform input[type=submit] + input[type=reset]
{
	margin-left:4%;
}

.theboxform input[type=submit]:hover:not(:disabled), .theboxform input[type=reset]:hover:not(:disabled), .theboxform input[type=button]:hover:not(:disabled),
span.button:hover, div.button:hover, span.button.active, div.button.active,
.theboxform input[type=submit]:focus:not(:disabled), .theboxform input[type=reset]:focus:not(:disabled), .theboxform input[type=button]:focus:not(:disabled),
span.button:focus, div.button:focus
{
	color:#ffffff;
	background:#ED1B54;
}

.theboxform input[type=date]
{
	padding-right:0;	
}

.theboxform input[type=date].empty:before
{
	content:attr(placeholder);
	white-space:nowrap;
	font-style:normal;
	color:#000000;
	font-size: 15px;
}
.theboxform input[type=date].empty:hover:before
{
	display:none;
}

.theboxform .select
{
	display:inline-block;
	overflow:visible;
	background:url(/template/image/cbo.png) no-repeat right 10px center transparent;
	padding:0;
}

.theboxform .select.none
{
	display:none;
}
.theboxform .select.open
{
	z-index:100;
}
.theboxform .select.mandatoryFailed
{
  background-color: #FFE3E8;
  border:1px dotted red;
}
.theboxform .select .options 
{
	position:relative;
	width:100%;
	height:100%;
	max-height:42px;
	z-index:10;
	white-space:nowrap;
	overflow:hidden;
	transition:max-height .5s;
	pointer-events: none;
}

/*.theboxform .select .options:before*/ /*empeche le click lorsque la cbo est fermée*/
/*{
	content:"";
	position:absolute;
	top:0;left:0;bottom:0;right:0;
	z-index:1;
}*/
.theboxform .select.open .options{
	pointer-events: auto;
}

.theboxform .select .options  > .option
{
	position:relative;
	display:none;
	box-sizing:border-box;
	margin:0 30px 0 20px;
	width:auto;
	height:100%;
	text-decoration:none;
	cursor:pointer;
	color:#000000;
}
.theboxform .select .options  > .option > span
{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	font-weight:normal;
	font-size:16px;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;
}
.theboxform .select .options  > .option > span > span{ /* pour le sous texte offre */
	color:#ED1B54;
	font-weight: bold;
}
.theboxform .select .options > .option:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}

.theboxform .select.open .options
{
	position:absolute;
	left:0;
	top:40px;
	width:auto;
	height:auto;
	min-width:100%;
	max-height:600px;
	overflow:auto;
	background:#ffffff;
	border:1px solid #000000;
	white-space:normal;
}
.theboxform .select.open .options:before
{
	content:none;
}

.theboxform .select input[rel=filter]
{
	display:none;
}

.theboxform .select.open input[rel=filter]
{
	display:block!important;
	box-sizing:border-box;
	padding:10px;
	border:1px solid #000000;
	width:100%;
	height:42px;
	background:url(/template/image/loupe.png) no-repeat right 10px center #ffffff;
	background-size:auto 40%;
	color:#474747;
	margin-top:-1px;
}

.theboxform .select.open .options > .option
{
	display:block;
	height:auto;
	margin:0;
	padding:10px 10px 10px 10px;
}

.theboxform .select .options > .option.on
{
	display:block;
}

.theboxform .select:focus,
.theboxform .select:focus .options > .option.on,
.theboxform .select.open .options > .option.on
{
	background:#ED1B54;
	color:#ffffff;
}
.theboxform .select:focus .options > .option.on > span > span,
.theboxform .select.open .options > .option.on > span > span{ /* .on pour lesous texte offre  */
	color: #000000;
}

.theboxform .select select
{
	visibility:hidden;/*important not display none for mandatoryFailed management */
}


@media only screen and (min-width:720px)
{
	.theboxform input, .theboxform select,.theboxform input, span.button, div.button
	{
		margin-bottom:10px;
	}
	.theboxform input[type=submit], .theboxform input[type=reset], .theboxform input[type=button],span.button, div.button
	{
		width:auto;
		min-width:120px;
	}
	.theboxform input[type=submit]:hover:not(:disabled), .theboxform input[type=reset]:hover:not(:disabled),span.button:hover, div.button:hover
	{
		color:#ffffff;
		background:#ED1B54;
	}
	.theboxform input[type=submit] + input[type=reset]
	{
		margin-left:10px;
	}
	
	.theboxform .select.open .options
	{
		white-space:nowrap;
	}
	.theboxform .select.open .options > .option
	{
		height:40px;
		padding:0 10px 0 10px;
	}
}

.fullscreen
{
	position:fixed!important;
	max-width:none!important;
	width:auto!important;
	top:0!important;left:0!important;right:0!important;bottom:0!important;
	height:100%; /*added for mobile*/
	margin:0!important;
	z-index:200!important;
}
.fullscreen:before
{
	position:absolute;
	content:"";
	z-index:-1;
	top:0;left:0;right:0;bottom:0;
	background:#000000;
	opacity:.70;
}
.fullscreen > .theboxform
{
	position:relative;
	box-sizing:border-box;
	width:94%;
	max-width:948px;
	margin:0 auto 0 auto;
	background:#ffffff;
	padding:40px 20px 20px 20px;
	border-radius:15px;
	/*top:20%;
	margin-top:-40px;*/
	top:20px;
	max-height:calc(100% - 40px);/*20px of top and 20px in bottom to equilibrate*/
	overflow:auto;
}
/*@media only screen and (min-width: 720px)
{
	.fullscreen > .theboxform
	{
		top: 5%;
	}	
}*/
@media only screen and (min-width: 1200px)
{
	.fullscreen > .theboxform
	{
    top: 5%;
	}	
}
.fullscreen > .theboxform.allowoverflow
{
	overflow:visible;
}
.fullscreen > .theboxform:before
{
	content:"";
	position:relative;
	display:block;
	margin:-40px -20px 40px -20px;
	padding:20px 40px 20px 60px;
	font-weight:normal;
	font-size:29px;
	color:#ffffff;
	background-color:#2e3337;
	background-repeat:no-repeat;
	background-position:left 20px center;
	background-size:12px auto;
	text-transform: uppercase;
	font-family: GTWalsheimProBlack;
	background-image:url(/template/image/crayon.svg);
	background-size: 23px 25px;
}
.fullscreen > .theboxform .closeWindowAdmin
{
	content:"";
	top:27px;
	right:50px;
	position: absolute;
	width:22px;
	height:22px;
	background-image: url('/template/image/close.svg');
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* CONTAINER MONTAGE */
#preTopHolder
{
	position:relative;
	display:block;
	width:100%;
	background:url(/template/image/deco.png) no-repeat center center #ffffff;
	background-size:cover;
}
#preTopHolder:before
{
	content:"";
	display:block;
	padding-top:33.6%;
}

#theboxpretop
{
	position:absolute;
	display:block;
	left:50%;
	top:0;
	width:34%;
	margin-left:-17%;
	background:url(/template/image/thebox-negatif.png) no-repeat center center;
	background-size:contain;
}
#theboxpretop:before
{
	content:"";
	display:block;
	padding-top:80%;
}

#topHolder
{
	position:relative;
	height:40px;
	padding:25px 0 25px 0;
	background:#ffffff;
}


#topHolder > .mainholder, #topHolder > .mainholder > .mainctn
{
	height:100%;
}
#thebox,#boomerang
{
	display:none;
}
@media only screen and (min-width:720px)
{
	#preTopHolder
	{
		position:relative;
		display:block;
		width:100%;
		height:80px;
		background:#ED1B54;

	}
	
	#preTopHolder:before
	{
		content:none;
		display:block;
		padding-top:33.6%;
	}
	
	#theboxpretop
	{
		position:absolute;
		display:block;
		left:auto;
		right:10px;
		top:50%;
		margin-top:-27px;
		width:115px;
		height:54px;
		background:url(/template/image/thebox-negatif.png) no-repeat center center;
		background-size:contain;
	}
	#theboxpretop:before
	{
		content:none;
	}
}
@media only screen and (min-width:1730px)
{
	#preTopHolder, #theboxpretop
	{
		display:none;
	}
	#topHolder
	{
		border-top:2px solid #0499dd;
	}
	#thebox
	{
		position:absolute;
		display:block;
		left:10px;
		top:50%;
		margin-top:-20px;
		width:81px;
		height:43px;
		background:url(/template/image/thebox.png) no-repeat center left;
		padding-right:30px;	
	}
	#boomerang
	{
		position:absolute;
		display:block;
		box-sizing: content-box;
		right:10px;
		top:50%;
		margin-top:-20px;
		width:212px;
		height:40px;
		background:url(/template/image/boomerang.svg) no-repeat center right;
		background-size: 212px 22px;
		padding-left:20px;
	}
	#thebox:after, #boomerang:before
	{
		content:"";
		position:absolute;
		top:50%;
		margin-top:-14px;
		right:0;
		width:2px;
		height:27px;
		background:url(/template/image/dotvertical.png) no-repeat center center;
	}
	#boomerang:before
	{
		right:auto;
		left:0;
	}
}



#leftPanel img.user
{
	display:block;
	width:88px;
	height:auto;
	border:none;
	margin:20px auto 0 auto;
	cursor:pointer;
}
#leftPanel .lpcontent
{
	position:relative;
}

#pageHolder
{
	margin:0 0 0 0;
}

@media only screen and (min-width:1730px)
{
	#pageHolder, #topHolder > .mainholder
	{
		margin:0 0 0 130px;
	}
}
@media only screen and (min-width:1860px)
{
	#pageHolder, #topHolder > .mainholder
	{
		margin:0 130px 0 130px;
	}
}





/* ENTETE DES PAGES*/
.headCtn
{
	overflow:hidden; /*fait office de divwrapper*/
	margin:50px 0 30px 0; 
}
.headCtn h1
{
	margin:10px 0 30px 0;
	font-size:35px;
}
.headCtn .resume
{
	font-weight:bold;
	overflow:hidden;
}

.headCtn .img
{
	width:100%;
	background:no-repeat center center;
	background-size:cover;
	margin:0 0 20px 0;
}
.headCtn .img:before
{
	content:"";
	display:block;
	padding-top:75%;
}

.headCtn .resume:empty
{
	display:none;
}

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

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

.listElement .img
{
	position:relative;
	display:block;
	float:left;
	width:40%;
	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:75%;
}
.listElement:hover .img
{
	opacity:0.75;
}

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

.listElement h5
{
	margin:0px 0px 10px 0px;
	font-weight:bold;
	color:#000000;
	
}
.listElement .resume
{
	display:block;
	color:#000000;	
}

/* 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
{
    margin:20px 0 30px 0;
	font-weight: bold;
    font-size: 18px;
}

H2
{
    margin:15px 0 25px 0;
    font-weight: bold;
    font-size: 13px;
}

H3
{
    margin:10px 0 20px 0;
    font-weight: bold;
    font-size: 12px;
}

H4
{
    margin:10px 0 10px 0;
    font-weight: normal;
    font-size: 11px;
}

A
{
    text-decoration: underline;
}

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

UL
{
	padding: 0px 0px 7px 13px;
	margin:0px 0px 0px 3px;
}

/* MEDIA QUERIES POUR LE MONTAGE */
@media only screen and (min-width:720px)
{
	
}


/* TABLES */
table P
{
	margin:0px;
	padding:0px;
}

table th
{
	text-align:left;
}

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; /*pour que les images suivent*/
	}
	table td
	{ 
		width:auto!important;
	}
	table img
	{	
		max-width:100%;
		height:auto!important;
	}
	
	table tbody.originaltbody
	{
		display:none;
	}
	table tbody.responsivedtbody
	{
		display:table-row-group;
	}
	
	table.responsived th, table.responsived td
	{
		display:block;
		width:100%!important;
		margin:0px!important;
		padding:0px!important;
		text-align:left;
	}
	
	table.responsived th p, table.responsived td p
	{
		text-align:left;
	}
	
	table tbody.responsivedtbody th, table.responsived th
	{
		border-top:5px solid transparent;
		border-bottom:5px solid transparent;
		margin-bottom:50;
	}	
	
	table tbody.responsivedtbody .thmain
	{	
		text-transform:uppercase;
		border-top:10px solid transparent!important;
		border-bottom:10px solid transparent!important;
	}
	
	table tbody.responsivedtbody .thspan
	{
		display:block!important;
		font-weight:bold;
		margin:10px 0px 5px 0px;
	}
}

/* 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;
}

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

.tableListAdmin
{
	margin:10px;
}
/*-- 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:GTWalsheimPro;
}
/* 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], input[type=button], input[type=date] {
	-webkit-appearance: none; 
    -moz-appearance: none;
    appearance: none;
}

select
{
	padding-left:5px;
	border:1px solid #bbb7b7;
    background-color:#eeeeee ;
    box-sizing:border-box;
    max-width:100%;
	font-family:GTWalsheimPro;
}

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%;
}

.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*/	
}
.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 ********************/

/*Zone admin toutes les mêmes mais typée par ID*/
#tachesCtn .sousprjCtn,
#heuretravailCtn .sousprjCtn,
#projetsListCtn .sousprjCtn,
#contactsListCtn .sousprjCtn,
#offresListCtn .sousprjCtn,
#clientsListCtn .sousprjCtn
{
	box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
	background:#FFFFFF;
	border-radius: 15px;
	margin:15px 15px 15px 0;
}

#projetsListCtn div.headers,
#contactsListCtn div.headers,
#offresListCtn div.headers,
#clientsListCtn div.headers
{
	margin-right: 15px;
}
#projetsListCtn .sousprjCtn > .element:not(.none):not(:has(~ .element:not(.none))),
#contactsListCtn .sousprjCtn > .element:last-child,
#offresListCtn .sousprjCtn > .element:last-child,
#clientsListCtn .sousprjCtn > .element:last-child
{
	border:0!important;
}

input[type=submit]:disabled, input[type=reset]:disabled, input[type=button]:disabled{
	opacity: .5;
}
input[type=submit].waiting:disabled, input[type=reset].waiting:disabled, input[type=button].waiting:disabled{
	color: transparent!important;
	background-color:transparent!important;
	border-color:transparent!important;
	background-image:url(/template/image/spinner.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

a.edit, a.remind, a.ics{
	position: relative;
	display: block;
	box-sizing: border-box;
	width:24px;
	background:url(/template/image/crayon_noir.svg) no-repeat center center;
	background-size:contain;
	z-index:1;
}
a.remind{
	background-image: url(/template/image/mail_noir.svg);
	background-position: center top -2px;
}
a.ics{
	background-image: url(/template/image/calendrier_noir.svg);
	background-position: center top -2px;
}
a.edit:after, a.remind:after, a.ics:after{
	content: "";
	display: block;
	padding-top: 109.0909%;
	background:url(/template/image/crayon_rose.svg) no-repeat center center;
	background-size: contain;
	opacity: 0;
	transition: opacity .5s;
}
a.remind:after{
	background-image: url(/template/image/mail_rose.svg);
	background-position: center top -2px;
}
a.ics:after{
	background-image: url(/template/image/calendrier_rose.svg);
	background-position: center top -2px;
}
a.edit:hover:after, a.remind:hover:after, a.ics:hover:after, a.remind.set:after{
	opacity: 1;
}

.backmsg{
	position:absolute;
	top:100%;
	right:-24px;
	background: green;
	padding: 10px;
	color:#ffffff;
	width:200px;
	border-radius: 5px;
	text-align: center;
	pointer-events: none;
	z-index:2000;
}
.backmsg.unset{
	background-color: orange;
}
.backmsg.error{
	background-color: red;
}

/******** 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; }@charset "UTF-8";
#clientHeaderCtn {
  position: relative;
  padding: 10px 10px 30px 10px;
  margin: 0 -10px 0 -10px;
  color: #000000;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
  background: #ffffff; }

#clientAddCtn,
#contactAddCtn,
#offreAddCtn,
#projetAddCtn,
#produitAddCtn {
  max-width: 908px; }
  #clientAddCtn.fullscreen,
  #contactAddCtn.fullscreen,
  #offreAddCtn.fullscreen,
  #projetAddCtn.fullscreen,
  #produitAddCtn.fullscreen {
    display: block; }
    #clientAddCtn.fullscreen #frmProjetDB:before,
    #contactAddCtn.fullscreen #frmProjetDB:before,
    #offreAddCtn.fullscreen #frmProjetDB:before,
    #projetAddCtn.fullscreen #frmProjetDB:before,
    #produitAddCtn.fullscreen #frmProjetDB:before {
      content: "Editer"; }
    #clientAddCtn.fullscreen .chapter,
    #contactAddCtn.fullscreen .chapter,
    #offreAddCtn.fullscreen .chapter,
    #projetAddCtn.fullscreen .chapter,
    #produitAddCtn.fullscreen .chapter {
      display: none; }
  #clientAddCtn .delete,
  #contactAddCtn .delete,
  #offreAddCtn .delete,
  #projetAddCtn .delete,
  #produitAddCtn .delete {
    display: none; }
  #clientAddCtn.fullscreen .delete.candelete,
  #contactAddCtn.fullscreen .delete.candelete,
  #offreAddCtn.fullscreen .delete.candelete,
  #projetAddCtn.fullscreen .delete.candelete,
  #produitAddCtn.fullscreen .delete.candelete {
    display: block;
    float: right; }
    #clientAddCtn.fullscreen .delete.candelete:hover,
    #contactAddCtn.fullscreen .delete.candelete:hover,
    #offreAddCtn.fullscreen .delete.candelete:hover,
    #projetAddCtn.fullscreen .delete.candelete:hover,
    #produitAddCtn.fullscreen .delete.candelete:hover {
      background: #dd2f2f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#dd0159), to(#dd2f2f));
      background-image: -webkit-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -moz-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -ms-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -o-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: linear-gradient(top, #dd0159, #dd2f2f); }

#clientsFilteringCtn {
  position: relative;
  margin: 30px 0 20px 0; }
  #clientsFilteringCtn #filterNom {
    width: 100%;
  padding-right: 20px;
  background-image: url(/template/image/loupe.svg);
  background-repeat: no-repeat;
  background-size: 23px 23px;
    background-position: 98% 8px;

}
#clientsFilteringCtn #filterNom::placeholder{
  color:#000000;
}

@media only screen and (min-width: 720px) {
  #clientHeaderCtn {
    display: none; } }

@media only screen and (min-width: 1600px) {
  #clientsCtn {
    width: 100%;
    margin-top: 40px; } }

#clientsCtn #projetAddCtn.fullscreen.add span.checkbox.archiving {
  display: none; }

#clientsCtn #projetAddCtn.fullscreen.add .temps {
  display: block; }

#clientsCtn #projetAddCtn.fullscreen.edit span.checkbox.archiving {
  display: block; }

#clientsCtn #projetAddCtn.fullscreen.edit .temps {
  display: none; }

#clientsCtn {
  width: 100%; }
  #clientsCtn .chapter {
    padding-bottom: 5px;
    margin: 40px 5px 20px 5px;
    color: #000000;
    font-size: 29px;
    font-weight: normal;
    font-family: GTWalsheimProBlack;
    text-transform: uppercase;
    }
#clientsCtn #clientAddCtn.fullscreen #frmClientDB .layout-form
{
  margin-bottom:25px;
}
#clientsCtn #clientAddCtn.fullscreen #frmClientDB .select .option,
#clientsCtn #clientAddCtn.fullscreen #frmClientDB input::placeholder
{
color:#000000;
}
  #clientsCtn #clientAddCtn.fullscreen #frmClientDB::before {
    content: "Client";}
  #clientsCtn #contactAddCtn.fullscreen #frmContactDB::before {
    content: "Contact"; }
  #clientsCtn #offreAddCtn.fullscreen #frmOffreDB::before {
    content: "Offre"; }
  #clientsCtn #projetAddCtn.fullscreen #frmProjetDB:before {
    content: "Projet"; }
  #clientsCtn #produitAddCtn.fullscreen #frmProjetDB:before {
    content: "Produit"; }
  #clientsCtn .layout-form .row-title {
    display: inline-block; }
  #clientsCtn .layout-form .row {
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-right: -15px;
    margin-left: -15px;
    margin-top: 10px;
    margin-bottom: 10px;
  width:100%;}

    #clientsCtn .layout-form .row:first-child {
      margin-top: 0; }
    #clientsCtn .layout-form .row .col {
      position: relative;
      -webkit-flex-basis: 0;
      flex-basis: 0;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      width: 100%;
      max-width: 100%;
      padding-right: 15px;
      padding-left: 15px;
      -ms-flex-preferred-size: 0;
      -ms-flex-positive: 1;
    padding-right: 15px}
      @media screen and (max-width: 800px) {
        #clientsCtn .layout-form .row .col {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
        padding-right:0;} }
      #clientsCtn .layout-form .row .col.center {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      #clientsCtn .layout-form .row .col.center-vertical {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center; }
      #clientsCtn .layout-form .row .col.center-horizontal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center; }
  #clientsCtn .layout-form label {
    display: inline-block;
    margin-bottom: .5rem;
  text-transform: uppercase;
  font-family: GTWalsheimProBlack;
  font-size: 20px;
  color:#000000;
  margin-top:10px;}
  #clientsCtn .layout-form input,
  #clientsCtn .layout-form select,
  #clientsCtn .layout-form textarea,
  #clientsCtn .layout-form .select {
    float: none;
    width: 100%;
    margin: 0; }
  #clientsCtn .layout-form textarea {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 120px;
    padding: 10px 10px 10px 10px;
    margin-bottom: 10px;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    background: #ffffff;
    border: 2px solid #dce0e4;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    resize: none; }
  #clientsCtn .layout-form .select.open {
    z-index: 12; }
  #clientsCtn .layout-form .select select {
    display: none;
    height: 0; }

#clientsCtn .chapter,
#categoryCtn .chapter {
  font-size: 29px; }

#clientsCtn .db-statuts,
#categoryCtn .db-statuts {
  position: relative;
  margin: 30px 0 20px 0;
color:#000000;}
  #clientsCtn .db-statuts .statuts,
  #categoryCtn .db-statuts .statuts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
    #clientsCtn .db-statuts .statuts .statut,
    #categoryCtn .db-statuts .statuts .statut {
      margin: 0 5px; }
#clientsCtn .db-statuts .statuts .statut span,
#categoryCtn .db-statuts .statuts .statut span{
      border: 1px solid black;
      border-radius: 10px;
      padding: 0 7px;
    }
      #clientsCtn .db-statuts .statuts .statut:not(:first-child),
      #categoryCtn .db-statuts .statuts .statut:not(:first-child) {
        margin-left: 45px;}
      #clientsCtn .db-statuts .statuts .statut:nth-child(5), #clientsCtn .db-statuts .statuts .statut:last-child,
      #categoryCtn .db-statuts .statuts .statut:nth-child(5),
      #categoryCtn .db-statuts .statuts .statut:last-child {
        font-weight: 800; }

#clientsCtn .db-navigation,
#categoryCtn .db-navigation {
  float: none; }

#clientsCtn .db-filter a,
#categoryCtn .db-filter a {
  color: #000000;
  text-decoration: none; }

#clientsCtn .db-filter .filter-title,
#categoryCtn .db-filter .filter-title {
  padding-bottom: 5px;
  margin: 40px 5px 20px 5px;
  color: #000000;
  font-size: 22px;
  font-weight: 200;
  border-bottom: 2px dashed #b8c2cd; }

#clientsCtn .fiche-detail a,
#categoryCtn .fiche-detail a {
  color: #000000;
  text-decoration: none; }

#clientsCtn .fiche-detail .detail-title,
#categoryCtn .fiche-detail .detail-title {
  padding-bottom: 5px;
  margin: 40px 5px 20px 5px;
  color: #000000;
  font-size: 27px;
  font-weight: normal;
  border-bottom: 2px solid #DEDEDE;
font-family: GTWalsheimProBlack;
text-transform: uppercase;}

#clientsCtn .fiche-detail .detail-more,
#categoryCtn .fiche-detail .detail-more {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-left: -15px; }
  #clientsCtn .fiche-detail .detail-more .more-col,
  #categoryCtn .fiche-detail .detail-more .more-col {
    position: relative;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 15px;
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1; }
    @media screen and (max-width: 800px) {
      #clientsCtn .fiche-detail .detail-more .more-col,
      #categoryCtn .fiche-detail .detail-more .more-col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }
    #clientsCtn .fiche-detail .detail-more .more-col .group,
    #categoryCtn .fiche-detail .detail-more .more-col .group {
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex; }
      #clientsCtn .fiche-detail .detail-more .more-col .group:not(:first-child),
      #categoryCtn .fiche-detail .detail-more .more-col .group:not(:first-child) {
        margin-top: 1em; }
      #clientsCtn .fiche-detail .detail-more .more-col .group .label,
      #categoryCtn .fiche-detail .detail-more .more-col .group .label {
        display: inline-block;
        width: 100%;
        max-width: 150px;
        min-width: 150px;
        color: #000000;
        font-size: 15px;
        font-size: 400;
        word-wrap: none; }
      #clientsCtn .fiche-detail .detail-more .more-col .group .value,
      #categoryCtn .fiche-detail .detail-more .more-col .group .value {
        display: inline-block;
        width: 100%;
        max-width: 300px;
        font-size: 16px;
        font-weight: 500; }


  #clientsCtn .button {
    float:none;
    padding:10px 20px;
    margin:0 0 30px 0;
    display: inline-block;
  }
#clientsCtn .button.none{
  display:none;
}

#clientsCtn .content .navigation,
#categoryCtn .content .navigation {
  float: right;
  margin-top: -15px; }
  #clientsCtn .content .navigation .button,
  #categoryCtn .content .navigation .button {
    margin-left: 15px; }

#clientsCtn .content .list,
#categoryCtn .content .list {
  position: relative;
  margin: 20px 0 20px 0;
  overflow: hidden; }
  @media screen and (min-width: 720px) {
    #clientsCtn .content .list,
    #categoryCtn .content .list {
      -webkit-border-radius: 15px;
      border-radius: 15px; } }
  #clientsCtn .content .list .headers,
  #clientsCtn .content .list .element,
  #categoryCtn .content .list .headers,
  #categoryCtn .content .list .element {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    #clientsCtn .content .list .headers > .col,
    #clientsCtn .content .list .element > .col,
    #categoryCtn .content .list .headers > .col,
    #categoryCtn .content .list .element > .col {
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      min-height: 1px; }
  #clientsCtn .content .list .headers,
  #categoryCtn .content .list .headers {
    color: #ffffff;
    font-size: 17px;
    font-weight: normal;
    background: #2e3337;
    font-family: GTWalsheimProBlack;
    text-transform: uppercase;
    border-radius: 15px;
    padding:20px 10px 20px 10px;

     }
    @media screen and (max-width: 1199px) {
      #clientsCtn .content .list .headers .col:not(:first-child),
      #categoryCtn .content .list .headers .col:not(:first-child) {
        display: none; } }
#clientsCtn .content .list .headers.is-search .col:after
{
  content:"";
  display: block;
  position: absolute;
  right:25px;
  width:1px;
  background-color:#FFFFFF;
  top:0;
  bottom:0;
}
#clientsCtn .content .list .headers.is-search .col:last-child:after
{
  content:none;
}
    #clientsCtn .content .list .headers.is-search .col:nth-child(1),
    #categoryCtn .content .list .headers.is-search .col:nth-child(1) {

      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      display: block;
      padding-left: 12px; }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .headers.is-search .col:nth-child(1),
        #categoryCtn .content .list .headers.is-search .col:nth-child(1) {
          -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%; } }
    @media screen and (min-width: 1200px) {
      #clientsCtn .content .list .headers.is-search .col:nth-child(2),
      #categoryCtn .content .list .headers.is-search .col:nth-child(2) {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%; } }
    @media screen and (min-width: 1200px) {
      #clientsCtn .content .list .headers.is-search .col:nth-child(3),
      #categoryCtn .content .list .headers.is-search .col:nth-child(3) {
        -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%; } }
    @media screen and (min-width: 1200px) {
      #clientsCtn .content .list .headers.is-search .col:nth-child(4),
      #categoryCtn .content .list .headers.is-search .col:nth-child(4) {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%; } }
    @media screen and (min-width: 1200px) {
      #clientsCtn .content .list .headers.is-search .col:nth-child(5),
      #categoryCtn .content .list .headers.is-search .col:nth-child(5) {
        -webkit-flex-basis: 15%;
        -ms-flex-preferred-size: 15%;
        flex-basis: 15%; } }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(1),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(1) {
      -webkit-flex-basis: 30%;
      -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
      padding-left: 30px; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(2),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(2) {
      -webkit-flex-basis: 7%;
      -ms-flex-preferred-size: 7%;
      flex-basis: 7%; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(3),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(3) {
      -webkit-flex-basis: 7%;
      -ms-flex-preferred-size: 7%;
      flex-basis: 7%; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(4),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(4) {
      -webkit-flex-basis: 16%;
      -ms-flex-preferred-size: 16%;
      flex-basis: 16%; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(5),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(5) {
      -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
      flex-basis: 20%; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(6),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(6) {
      -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
      flex-basis: 10%; }
    #clientsCtn .content .list .headers.is-offre .col:nth-child(7),
    #categoryCtn .content .list .headers.is-offre .col:nth-child(7) {
      -webkit-flex-basis: 10%;
      -ms-flex-preferred-size: 10%;
      flex-basis: 10%; }
    #clientsCtn .content .list .headers.is-projet .col:nth-child(1),
    #categoryCtn .content .list .headers.is-projet .col:nth-child(1) {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      padding-left: 30px; }
    #clientsCtn .content .list .headers.is-projet .col:nth-child(2),
    #categoryCtn .content .list .headers.is-projet .col:nth-child(2) {
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }
    #clientsCtn .content .list .headers.is-projet .col:nth-child(3),
    #categoryCtn .content .list .headers.is-projet .col:nth-child(3) {
      -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
      flex-basis: 25%; }
  #clientsCtn .content .list .element,
  #categoryCtn .content .list .element {
    position: relative;
    color: #000000;
    font-size: 16px;
    font-weight: normal;
    border-bottom: 2px solid #DEDEDE; }

#clientsCtn .content .list .element:hover,
#categoryCtn .content .list .element:hover
{
  background-color: #F2F2F2;
  cursor:pointer;
}

#clientsCtn .content .list .element .col:empty,
    #categoryCtn .content .list .element .col:empty {
      padding: 0 !important;
      margin: 0 !important;
      border: none !important; }
      @media screen and (max-width: 859px) {
        #clientsCtn .content .list .element .col:empty,
        #categoryCtn .content .list .element .col:empty {
          display: none; } }
      #clientsCtn .content .list .element .col:empty::before,
      #categoryCtn .content .list .element .col:empty::before {
        content: "" !important; }
    #clientsCtn .content .list .element.none,
    #categoryCtn .content .list .element.none {
      display: none !important; }
    #clientsCtn .content .list .element .col,
    #categoryCtn .content .list .element .col {
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center; }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element .col,
        #categoryCtn .content .list .element .col {
          margin: 0 !important; } }
    #clientsCtn .content .list .element .more,
    #categoryCtn .content .list .element .more {
      position: absolute;
      top: 20px;
      right: 10px;
      z-index: 2; }
#clientsCtn .content .list .element.is-client .col.nom > div, #clientsCtn .content .list .element.is-contact .col.nom > div
{
  font-family: GTWalsheimPro;
  text-transform: uppercase;
  font-weight: bold;
}
#clientsCtn .content .list .element.is-client .col.nom > div span, #clientsCtn .content .list .element.is-contact .col.nom > div span
{
  text-transform: none;
  font-weight: normal;
}
    #clientsCtn .content .list .element.is-client .col:first-child,
    #clientsCtn .content .list .element.is-contact .col:first-child,
    #clientsCtn .content .list .element.is-offre .col:first-child,
    #clientsCtn .content .list .element.is-projet .col:first-child,
    #categoryCtn .content .list .element.is-client .col:first-child,
    #categoryCtn .content .list .element.is-contact .col:first-child,
    #categoryCtn .content .list .element.is-offre .col:first-child,
    #categoryCtn .content .list .element.is-projet .col:first-child {
      padding-left: 40px; }
      #clientsCtn .content .list .element.is-client .col:first-child::before,
      #clientsCtn .content .list .element.is-contact .col:first-child::before,
      #clientsCtn .content .list .element.is-offre .col:first-child::before,
      #clientsCtn .content .list .element.is-projet .col:first-child::before,
      #categoryCtn .content .list .element.is-client .col:first-child::before,
      #categoryCtn .content .list .element.is-contact .col:first-child::before,
      #categoryCtn .content .list .element.is-offre .col:first-child::before,
      #categoryCtn .content .list .element.is-projet .col:first-child::before {
        position: absolute;
        top: 6px;
        left: 0;
        display: inline-block;
        width: 24px;
        height: 22px;
        content: "";
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        background-size: contain; }
#clientsCtn .content .list .element.is-projet .col:first-child::before
{
  top:0;
}
    #clientsCtn .content .list .element.is-client .col:first-child::before,
    #categoryCtn .content .list .element.is-client .col:first-child::before {
      background-image: url(/template/image/client.svg); }
    #clientsCtn .content .list .element.is-contact .col:first-child::before,
    #categoryCtn .content .list .element.is-contact .col:first-child::before {
      background-image: url(/template/image/contact.svg);
    }
    #clientsCtn .content .list .element.is-offre .col:first-child::before,
    #categoryCtn .content .list .element.is-offre .col:first-child::before {
      background-image: url(/template/image/offre.svg); }
    #clientsCtn .content .list .element.is-projet .col:first-child::before,
    #categoryCtn .content .list .element.is-projet .col:first-child::before {
      background-image: url(/template/image/project.svg); }


    #clientsCtn .content .list .element.is-client .nom, #clientsCtn .content .list .element.is-contact .nom,
    #categoryCtn .content .list .element.is-client .nom,
    #categoryCtn .content .list .element.is-contact .nom {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-bottom: 15px;
      border-bottom: 1px solid #e8e8e8; }
      #clientsCtn .content .list .element.is-client .nom span, #clientsCtn .content .list .element.is-contact .nom span,
      #categoryCtn .content .list .element.is-client .nom span,
      #categoryCtn .content .list .element.is-contact .nom span {
        display: block;
        font-size: 14px; }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-client .nom, #clientsCtn .content .list .element.is-contact .nom,
        #categoryCtn .content .list .element.is-client .nom,
        #categoryCtn .content .list .element.is-contact .nom {
          -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
          padding-bottom: 0;
          border-bottom: none; } }
    #clientsCtn .content .list .element.is-client .quoi, #clientsCtn .content .list .element.is-contact .quoi,
    #categoryCtn .content .list .element.is-client .quoi,
    #categoryCtn .content .list .element.is-contact .quoi {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .quoi, #clientsCtn .content .list .element.is-contact .quoi,
        #categoryCtn .content .list .element.is-client .quoi,
        #categoryCtn .content .list .element.is-contact .quoi {
          margin-top: 15px; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .quoi, #clientsCtn .content .list .element.is-contact .quoi,
        #categoryCtn .content .list .element.is-client .quoi,
        #categoryCtn .content .list .element.is-contact .quoi {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-client .quoi, #clientsCtn .content .list .element.is-contact .quoi,
        #categoryCtn .content .list .element.is-client .quoi,
        #categoryCtn .content .list .element.is-contact .quoi {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
    #clientsCtn .content .list .element.is-client .mail, #clientsCtn .content .list .element.is-contact .mail,
    #categoryCtn .content .list .element.is-client .mail,
    #categoryCtn .content .list .element.is-contact .mail {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media screen and (max-width: 859px) {
        #clientsCtn .content .list .element.is-client .mail, #clientsCtn .content .list .element.is-contact .mail,
        #categoryCtn .content .list .element.is-client .mail,
        #categoryCtn .content .list .element.is-contact .mail {
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .mail, #clientsCtn .content .list .element.is-contact .mail,
        #categoryCtn .content .list .element.is-client .mail,
        #categoryCtn .content .list .element.is-contact .mail {
          margin-top: 15px; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .mail, #clientsCtn .content .list .element.is-contact .mail,
        #categoryCtn .content .list .element.is-client .mail,
        #categoryCtn .content .list .element.is-contact .mail {
          -webkit-flex-basis: 40%;
          -ms-flex-preferred-size: 40%;
          flex-basis: 40%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-client .mail, #clientsCtn .content .list .element.is-contact .mail,
        #categoryCtn .content .list .element.is-client .mail,
        #categoryCtn .content .list .element.is-contact .mail {
          -webkit-flex-basis: 20%;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%; } }
    #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
    #categoryCtn .content .list .element.is-client .telephone,
    #categoryCtn .content .list .element.is-contact .telephone {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media screen and (max-width: 859px) {
        #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
        #categoryCtn .content .list .element.is-client .telephone,
        #categoryCtn .content .list .element.is-contact .telephone {
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
        #categoryCtn .content .list .element.is-client .telephone,
        #categoryCtn .content .list .element.is-contact .telephone {
          margin-top: 15px; } }
      @media screen and (min-width: 620px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
        #categoryCtn .content .list .element.is-client .telephone,
        #categoryCtn .content .list .element.is-contact .telephone {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
          -webkit-box-flex: 1;
          -webkit-flex-grow: 1;
          -ms-flex-positive: 1;
          flex-grow: 1; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
        #categoryCtn .content .list .element.is-client .telephone,
        #categoryCtn .content .list .element.is-contact .telephone {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-client .telephone, #clientsCtn .content .list .element.is-contact .telephone,
        #categoryCtn .content .list .element.is-client .telephone,
        #categoryCtn .content .list .element.is-contact .telephone {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
    #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
    #categoryCtn .content .list .element.is-client .mobweb,
    #categoryCtn .content .list .element.is-contact .mobweb {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }
      @media screen and (max-width: 859px) {
        #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
        #categoryCtn .content .list .element.is-client .mobweb,
        #categoryCtn .content .list .element.is-contact .mobweb {
          padding-top: 10px;
          margin-top: 10px;
          border-top: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
        #categoryCtn .content .list .element.is-client .mobweb,
        #categoryCtn .content .list .element.is-contact .mobweb {
          margin-top: 15px; } }
      @media screen and (min-width: 620px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
        #categoryCtn .content .list .element.is-client .mobweb,
        #categoryCtn .content .list .element.is-contact .mobweb {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
        #categoryCtn .content .list .element.is-client .mobweb,
        #categoryCtn .content .list .element.is-contact .mobweb {
          -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-client .mobweb, #clientsCtn .content .list .element.is-contact .mobweb,
        #categoryCtn .content .list .element.is-client .mobweb,
        #categoryCtn .content .list .element.is-contact .mobweb {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
    #clientsCtn .content .list .element.is-offre .col::before,
    #categoryCtn .content .list .element.is-offre .col::before {
      display: block;
      margin-bottom: 3px;
      color: #000000; }
    #clientsCtn .content .list .element.is-offre .info,
    #categoryCtn .content .list .element.is-offre .info {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-bottom: 15px;
      border-bottom: 1px solid #e8e8e8; }
      #clientsCtn .content .list .element.is-offre .info span,
      #categoryCtn .content .list .element.is-offre .info span {
        display: block;
        font-size: 14px; }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .info,
        #categoryCtn .content .list .element.is-offre .info {
          -webkit-flex-basis: 30%;
          -ms-flex-preferred-size: 30%;
          flex-basis: 30%;
          padding-bottom: 0;
          border-bottom: none; } }
    #clientsCtn .content .list .element.is-offre .annee,
    #categoryCtn .content .list .element.is-offre .annee {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .annee,
        #categoryCtn .content .list .element.is-offre .annee {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .annee::before,
          #categoryCtn .content .list .element.is-offre .annee::before {
            content: "Année"; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .annee,
        #categoryCtn .content .list .element.is-offre .annee {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .annee,
        #categoryCtn .content .list .element.is-offre .annee {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .annee,
        #categoryCtn .content .list .element.is-offre .annee {
          -webkit-flex-basis: 7%;
          -ms-flex-preferred-size: 7%;
          flex-basis: 7%; } }
    #clientsCtn .content .list .element.is-offre .type,
    #categoryCtn .content .list .element.is-offre .type {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .type,
        #categoryCtn .content .list .element.is-offre .type {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .type::before,
          #categoryCtn .content .list .element.is-offre .type::before {
            content: "Type"; } }
      @media screen and (max-width: 459px) {
        #clientsCtn .content .list .element.is-offre .type,
        #categoryCtn .content .list .element.is-offre .type {
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .type,
        #categoryCtn .content .list .element.is-offre .type {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .type,
        #categoryCtn .content .list .element.is-offre .type {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .type,
        #categoryCtn .content .list .element.is-offre .type {
          -webkit-flex-basis: 7%;
          -ms-flex-preferred-size: 7%;
          flex-basis: 7%; } }
    #clientsCtn .content .list .element.is-offre .date,
    #categoryCtn .content .list .element.is-offre .date {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .date,
        #categoryCtn .content .list .element.is-offre .date {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .date::before,
          #categoryCtn .content .list .element.is-offre .date::before {
            content: "Date"; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .date,
        #categoryCtn .content .list .element.is-offre .date {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .date,
        #categoryCtn .content .list .element.is-offre .date {
          -webkit-flex-basis: 20%;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .date,
        #categoryCtn .content .list .element.is-offre .date {
          -webkit-flex-basis: 16%;
          -ms-flex-preferred-size: 16%;
          flex-basis: 16%;
          border: none; } }
    #clientsCtn .content .list .element.is-offre .montant,
    #categoryCtn .content .list .element.is-offre .montant {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .montant,
        #categoryCtn .content .list .element.is-offre .montant {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .montant::before,
          #categoryCtn .content .list .element.is-offre .montant::before {
            content: "Montant"; } }
      @media screen and (max-width: 459px) {
        #clientsCtn .content .list .element.is-offre .montant,
        #categoryCtn .content .list .element.is-offre .montant {
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .montant,
        #categoryCtn .content .list .element.is-offre .montant {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .montant,
        #categoryCtn .content .list .element.is-offre .montant {
          -webkit-flex-basis: 20%;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .montant,
        #categoryCtn .content .list .element.is-offre .montant {
          -webkit-flex-basis: 20%;
          -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
          border: none; } }
    #clientsCtn .content .list .element.is-offre .responsable,
    #categoryCtn .content .list .element.is-offre .responsable {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .responsable,
        #categoryCtn .content .list .element.is-offre .responsable {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .responsable::before,
          #categoryCtn .content .list .element.is-offre .responsable::before {
            content: "Resp."; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .responsable,
        #categoryCtn .content .list .element.is-offre .responsable {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .responsable,
        #categoryCtn .content .list .element.is-offre .responsable {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .responsable,
        #categoryCtn .content .list .element.is-offre .responsable {
          -webkit-flex-basis: 10%;
          -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
          border: none; } }
    #clientsCtn .content .list .element.is-offre .statut,
    #categoryCtn .content .list .element.is-offre .statut {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .statut,
        #categoryCtn .content .list .element.is-offre .statut {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-offre .statut::before,
          #categoryCtn .content .list .element.is-offre .statut::before {
            content: "Statut"; } }
      @media screen and (max-width: 459px) {
        #clientsCtn .content .list .element.is-offre .statut,
        #categoryCtn .content .list .element.is-offre .statut {
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 460px) and (max-width: 859px) {
        #clientsCtn .content .list .element.is-offre .statut,
        #categoryCtn .content .list .element.is-offre .statut {
          -webkit-flex-basis: 33.3%;
          -ms-flex-preferred-size: 33.3%;
          flex-basis: 33.3%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 860px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-offre .statut,
        #categoryCtn .content .list .element.is-offre .statut {
          -webkit-flex-basis: 15%;
          -ms-flex-preferred-size: 15%;
          flex-basis: 15%;
          padding-left: 10px;
          border-left: 1px dashed #e8e8e8; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-offre .statut,
        #categoryCtn .content .list .element.is-offre .statut {
          -webkit-flex-basis: 10%;
          -ms-flex-preferred-size: 10%;
          flex-basis: 10%;
          border: none; } }
    #clientsCtn .content .list .element.is-projet .col::before,
    #categoryCtn .content .list .element.is-projet .col::before {
      display: block;
      margin-bottom: 3px;
      color: #000000; }
    #clientsCtn .content .list .element.is-projet .nom,
    #categoryCtn .content .list .element.is-projet .nom {
      -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      padding-bottom: 15px;
      border-bottom: 1px solid #e8e8e8; }
      #clientsCtn .content .list .element.is-projet .nom span,
      #categoryCtn .content .list .element.is-projet .nom span {
        display: block;
        font-size: 14px; }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-projet .nom,
        #categoryCtn .content .list .element.is-projet .nom {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
          padding-bottom: 0;
          border-bottom: none; } }
    #clientsCtn .content .list .element.is-projet .interne,
    #categoryCtn .content .list .element.is-projet .interne {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-projet .interne,
        #categoryCtn .content .list .element.is-projet .interne {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-projet .interne::before,
          #categoryCtn .content .list .element.is-projet .interne::before {
            content: "Id Interne"; } }
      @media screen and (min-width: 460px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-projet .interne,
        #categoryCtn .content .list .element.is-projet .interne {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-projet .interne,
        #categoryCtn .content .list .element.is-projet .interne {
          -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
          border: none; } }
    #clientsCtn .content .list .element.is-projet .type,
    #categoryCtn .content .list .element.is-projet .type {
      -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%; }
      @media screen and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-projet .type,
        #categoryCtn .content .list .element.is-projet .type {
          margin-top: 15px; }
          #clientsCtn .content .list .element.is-projet .type::before,
          #categoryCtn .content .list .element.is-projet .type::before {
            content: "Type"; } }
      @media screen and (min-width: 460px) and (max-width: 1199px) {
        #clientsCtn .content .list .element.is-projet .type,
        #categoryCtn .content .list .element.is-projet .type {
          -webkit-flex-basis: 50%;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%; } }
      @media screen and (min-width: 1200px) {
        #clientsCtn .content .list .element.is-projet .type,
        #categoryCtn .content .list .element.is-projet .type {
          -webkit-flex-basis: 25%;
          -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
          border: none; } }
    #clientsCtn .content .list .element a,
    #clientsCtn .content .list .element .link,
    #categoryCtn .content .list .element a,
    #categoryCtn .content .list .element .link {
      position: relative;
      z-index: 2;
      display: inline-block;
      color: #000000;
      text-decoration: none;
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s;
      cursor: pointer; }

        #clientsCtn .content .list .element a:hover:after,
        #clientsCtn .content .list .element .link:hover:after,
        #categoryCtn .content .list .element a:hover:after,
        #categoryCtn .content .list .element .link:hover:after {
          opacity: 1; }

.onglet-list {
  margin-top: 20px; }
  .onglet-list .onglets .onglet {
    margin: 0 5px; }
    .onglet-list .onglets .onglet:first-child {
      margin-left: 0; }
    .onglet-list .onglets .onglet:last-child {
      margin-right: 0; }

.onglet .onglet-navigation {
  float: right;
  margin-top: -15px;

}

@media only screen and (max-width:800px)
{
  .onglet .onglet-navigation {
    float: none;
    margin-top: 0 ;
  }

}

.onglet .onglet-title {
  padding-bottom: 5px;
  margin: 40px 5px 20px 5px;
  color: #000000;
  font-size: 20px;
  font-weight: normal;
  border-bottom: 2px solid #DEDEDE;
  font-family: GTWalsheimProBlack;
  text-transform: uppercase;}

.onglet .onglet-toolbox .select {
  min-width: 200px; }

#selectCtn.client {
  position: relative;
  outline:none;
}

#selectCtn.client:focus:not(.open) > .ctn{
  background-color:#ED1B54;
}
#selectCtn.client:focus:not(.open) > .ctn > .select > .option.on{
  color:#ffffff;
}


  #selectCtn.client a.nav,
  #selectCtn.client input[rel=filter] {
    display: none; }
  #selectCtn.client .select > .option > span {
    display: inline-block;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle; }
  #selectCtn.client .select > .option:before {
    display: inline-block;
    width: 0;
    height: 100%;
    content: "";
    vertical-align: middle; }
  #selectCtn.client.withnav {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 908px;
    padding-right: 110px;
    margin: 0 0 0 0; }
    @media screen and (min-width: 1720px) {
      #selectCtn.client.withnav {
        margin: 0 310px 0 146px; } }
  #selectCtn.client > .ctn {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 40px;
    margin: 0;
    overflow: visible;
    background: url(/template/image/cbo.png) no-repeat right 10px center;
    border: 1px solid #000000;
    -webkit-border-radius: 20px;
    border-radius: 20px; }
  #selectCtn.client .select {
    position: relative;
    z-index: 11;
    float: left;
    width: 100%;
    max-height: 42px;
    font-size: 0;
    /*to have width in javascript*/
    white-space: nowrap;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s; }
    #selectCtn.client .select:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 1;
      content: ""; }
    #selectCtn.client .select > .option {
      position: relative;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      display: none;
      width: auto;
      height: 40px;
      margin: 0 30px 0 24px;
      color: #000000;
      text-decoration: none;
      cursor: pointer; }
      #selectCtn.client .select > .option > span {
        overflow: hidden;
        font-weight: normal;
        text-align: left;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis; }
  #selectCtn.client.withnav.open {
    width: 100%;
    padding-right: 20px; }
    @media screen and (min-width: 720px) {
      #selectCtn.client.withnav.open {
        padding-right: 110px; }
        #selectCtn.client.withnav.open a.nav {
          display: block; } }
  #selectCtn.client.open .select {
    position: absolute;
    top: 40px;
    left: 0;
    width: auto;
    max-height: 600px;
    min-width: 100%;
    overflow: auto;
    white-space: normal;
    background: #ffffff;
    border: 1px solid #000000; }
    #selectCtn.client.open .select:before {
      content: none; }
  #selectCtn.client.open input[rel=filter] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block !important;
    width: 100%;
    height: 42px;
    padding: 10px;
    margin-top: -1px;
    color: #474747;
    background: url(/template/image/loupe.png) no-repeat right 10px center #ffffff;
    -webkit-background-size: auto 40%;
    background-size: auto 40%;
    border: 1px solid #000000; }
  @media screen and (min-width: 720px) {
    #selectCtn.client.open .select {
      white-space: nowrap; } }
  #selectCtn.client.open .select > .option {
    display: block;
    height: auto;
    padding: 10px 10px 10px 10px;
    margin: 0; }
    @media screen and (min-width: 720px) {
      #selectCtn.client.open .select > .option {
        height: 40px;
        padding: 0 10px 0 10px; } }
  #selectCtn.client .select > .option.on {
    display: block; }
  #selectCtn.client.open .select > .option.on {
    color: #ffffff;
    background: #ED1B54; }
  #selectCtn.client.withnav a.nav {
    position: absolute;
    top: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    border: 1px solid #000000;
    -webkit-border-radius: 50%;
    border-radius: 50%; }
  /*#selectCtn.client.withnav.open a.nav {
    display: none; }*/
  #selectCtn.client.withnav a.nav:hover, #selectCtn.client.withnav a.nav:focus {
    background: #ED1B54;
    border-color: transparent; }
  #selectCtn.client.withnav a.nav:before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:8px;
    height:14px;
    top:50%;
    left:50%;
    margin-top:-7px;
    margin-left:-4px;
    background-image:url(/template/image/arrowBlack.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    content: "";
     }
  #selectCtn.client.withnav a.nav.prev {
    right: -55px; }
    #selectCtn.client.withnav a.nav.prev:before {
      transform:rotate(180deg);
      margin-top:-8px;
       }

    #selectCtn.client.withnav a.nav.prev:hover:before, #selectCtn.client.withnav a.nav.prev:focus:before {
      background-image:url(/template/image/arrowWhite.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
       }
  #selectCtn.client.withnav a.nav.next {
    right: -110px; }
    #selectCtn.client.withnav a.nav.next:before {

       }
    #selectCtn.client.withnav a.nav.next:hover:before, #selectCtn.client.withnav a.nav.next:focus:before {
      background-image:url(/template/image/arrowWhite.png);
      background-size: 100% auto;
      background-repeat: no-repeat;
      }

#produitAddCtn span.checkbox.hebergeur::after,
#produitAddCtn span.checkbox.mail::after,
#produitAddCtn span.checkbox.dns::after,
#produitAddCtn span.checkbox.registrar::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #000000; }

#produitAddCtn span.checkbox.hebergeur.aucun::after,
#produitAddCtn span.checkbox.mail.aucun::after,
#produitAddCtn span.checkbox.dns.aucun::after,
#produitAddCtn span.checkbox.registrar.aucun::after {
  content: "Pas d'infos"; }

#produitAddCtn span.checkbox.hebergeur.infomaniak::after,
#produitAddCtn span.checkbox.mail.infomaniak::after,
#produitAddCtn span.checkbox.dns.infomaniak::after,
#produitAddCtn span.checkbox.registrar.infomaniak::after {
  content: "Infomaniak"; }

#produitAddCtn span.checkbox.hebergeur.autre::after,
#produitAddCtn span.checkbox.mail.autre::after,
#produitAddCtn span.checkbox.dns.autre::after,
#produitAddCtn span.checkbox.registrar.autre::after {
  content: "Autre"; }

#produitAddCtn .row-title {
  font-size: 18px; }

#produitAddCtn .entete {
  text-align: right;
  display: inline-block;
  width: 100%;
  font-weight: 400;
  color: #000000; }

#produitAddCtn .site,
#produitAddCtn .mails,
#produitAddCtn .others,
#produitAddCtn .hebergements {
  border: 1px solid #d0d4d4;
  padding: 5px; }
  #produitAddCtn .site:not(:first-child),
  #produitAddCtn .mails:not(:first-child),
  #produitAddCtn .others:not(:first-child),	
  #produitAddCtn .hebergements:not(:first-child) {
    border-top: 0px; }
  #produitAddCtn .site:last-child .add-button.is-site,
  #produitAddCtn .site .mail:last-child .add-button.is-mail,
  #produitAddCtn .mails:last-child .add-button.is-site,
  #produitAddCtn .mails .mail:last-child .add-button.is-mail,
  #produitAddCtn .others:last-child .add-button.is-other,
  #produitAddCtn .others .other:last-child .add-button.is-other,
  #produitAddCtn .hebergements:last-child .add-button.is-site,
  #produitAddCtn .hebergements .mail:last-child .add-button.is-mail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  #produitAddCtn .site .sousdomaines .item:last-child .add-button.is-sub,
  #produitAddCtn .site .dnsonly .item:last-child .add-button.is-sub,	
  #produitAddCtn .mails .sousdomaines .item:last-child .add-button.is-sub,
  #produitAddCtn .hebergements .sousdomaines .item:last-child .add-button.is-sub {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  #produitAddCtn .site .sousdomaines .item:not(:first-child) .label,
  #produitAddCtn .site .dnsonly .item:not(:first-child) .label,
  #produitAddCtn .mails .sousdomaines .item:not(:first-child) .label,
  #produitAddCtn .hebergements .sousdomaines .item:not(:first-child) .label {
    visibility: hidden; }
  #produitAddCtn .site .mail:not(:first-child) .item .label,
  #produitAddCtn .mails .mail:not(:first-child) .item .label,
  #produitAddCtn .others .other:not(:first-child) .item .label,
  #produitAddCtn .hebergements .mail:not(:first-child) .item .label {
    visibility: hidden; }
  #produitAddCtn .site .princial,
  #produitAddCtn .site .sousdomaines,
  #produitAddCtn .site .mail,
  #produitAddCtn .mails .princial,
  #produitAddCtn .mails .mail,
  #produitAddCtn .others .princial,
  #produitAddCtn .others .other,
  #produitAddCtn .hebergements .princial,
  #produitAddCtn .hebergements .mail {
    margin-bottom: 5px; }
  #produitAddCtn .site .item,
  #produitAddCtn .mails .item,
  #produitAddCtn .others .item,
  #produitAddCtn .hebergements .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 7px 0; }
    #produitAddCtn .site .item:first-child,
    #produitAddCtn .mails .item:first-child,
  	#produitAddCtn .others .item:first-child,
    #produitAddCtn .hebergements .item:first-child {
      margin-top: 0; }
    #produitAddCtn .site .item:last-child,
    #produitAddCtn .mails .item:last-child,
    #produitAddCtn .others .item:last-child,
    #produitAddCtn .hebergements .item:last-child {
      margin-bottom: 0; }
    #produitAddCtn .site .item .label,
    #produitAddCtn .mails .item .label,
    #produitAddCtn .others .item .label,
    #produitAddCtn .hebergements .item .label {
      width: 16%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      margin-right: 1%;
      color: #000000; }
    #produitAddCtn .site .item .input_site,
    #produitAddCtn .site .item .input_mail,
    #produitAddCtn .mails .item .input_site,
    #produitAddCtn .mails .item .input_mail,
    #produitAddCtn .others .item .input_other,
    #produitAddCtn .hebergements .item .input_site,
    #produitAddCtn .hebergements .item .input_mail {
      width: 64%;
      margin-right: 1%; }
    #produitAddCtn .site .item .input_prix,
    #produitAddCtn .mails .item .input_prix,
    #produitAddCtn .others .item .input_prix,
    #produitAddCtn .hebergements .item .input_prix {
      width: 10%; }

@media only screen and (max-width:800px)
{
  #produitAddCtn .hebergements .item, #produitAddCtn .site .item
  {
    display:block;
  }
  #produitAddCtn .hebergements .item > *, #produitAddCtn .site .item > *
  {
    width:100% !important;
    display: block!important;
    margin-top:5px;
  }
}
    #produitAddCtn .site .item .add-button,
    #produitAddCtn .mails .item .add-button,
    #produitAddCtn .others .item .add-button,
    #produitAddCtn .hebergements .item .add-button {
      display: none;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; }
      #produitAddCtn .site .item .add-button img,
      #produitAddCtn .mails .item .add-button img,
      #produitAddCtn .others .item .add-button img,
      #produitAddCtn .hebergements .item .add-button img {
        width: 25px;
        height: 25px; }

#produitAddCtn .hebergements .checkboxes {
  width: 21.33333%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }
  #produitAddCtn .hebergements .checkboxes:nth-child(2) {
    margin-right: 1%; }

#produitAddCtn .hebergements .input {
  width: 18%; }

#produitAddCtn .hebergements .textarea {
  width: 84%; }

#ongletProduitCtn .col-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -10px 5px 20px;
  float: left; }
  #ongletProduitCtn .col-layout .col {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 20px; }
    @media screen and (min-width: 1090px) {
      #ongletProduitCtn .col-layout .col {
        width: 50%; } }
    #ongletProduitCtn .col-layout .col .col-title {
      padding-bottom: 5px;
      margin: 0;
      color: #000000;
      font-size: 18px;
      font-weight: 200;
      margin-bottom: 10px;
      border-bottom: 2px solid #DEDEDE;
    text-transform: uppercase;
    font-family: GTWalsheimProBlack; }
    #ongletProduitCtn .col-layout .col .bloc {
      padding: 5px 0;
      margin: 5px 0; }
      #ongletProduitCtn .col-layout .col .bloc:not(:last-child) {
        border-bottom: 2px solid #DEDEDE; }
      /*#ongletProduitCtn .col-layout .col .bloc > .site {
        padding: 5px; }*/
        #ongletProduitCtn .col-layout .col .bloc > .site:not(:last-child) {
          border-bottom: 1px dashed #b8c2cd; }
      #ongletProduitCtn .col-layout .col .bloc .line {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 5px 0; }

        #ongletProduitCtn .col-layout .col .bloc .line.none {
          display: none; }
        #ongletProduitCtn .col-layout .col .bloc .line.is-mail:not(:first-child) .label,
        #ongletProduitCtn .col-layout .col .bloc .line.is-other:not(:first-child) .label,	
        #ongletProduitCtn .col-layout .col .bloc .line.is-features:not(:first-child) .label {
          visibility: hidden; }
        #ongletProduitCtn .col-layout .col .bloc .line.is-domaine:not(:nth-child(3)) .label{
          visibility: hidden; }
        #ongletProduitCtn .col-layout .col .bloc .line.is-dnsonly + .line.is-dnsonly .label
		{
          visibility: hidden; 
		}
        #ongletProduitCtn .col-layout .col .bloc .line .label {
          word-wrap: none;
          width: 25%;
          text-align: right;
          margin-right: 5%;
        font-weight: bold;}
        #ongletProduitCtn .col-layout .col .bloc .line > .site,
        #ongletProduitCtn .col-layout .col .bloc .line > .mail,
        #ongletProduitCtn .col-layout .col .bloc .line > .other {
          font-weight: 300;
          width: 50%;
          margin-right: 5%; }
        #ongletProduitCtn .col-layout .col .bloc .line > .valeur {
          font-weight: 300;
          width: 70%; }
        #ongletProduitCtn .col-layout .col .bloc .line > .prix {
          font-weight: 300;
          width: 5%;
          text-align: right; }

@media only screen and (max-width:800px)
{
  #ongletProduitCtn .col-layout .col .bloc .line
  {
    display: block;
  }
  #ongletProduitCtn .col-layout .col .bloc .line .label, #ongletProduitCtn .col-layout .col .bloc .line > .valeur,
  #ongletProduitCtn .col-layout .col .bloc .line > .prix,  #ongletProduitCtn .col-layout .col .bloc .line > .site,
  #ongletProduitCtn .col-layout .col .bloc .line > .other, #ongletProduitCtn .col-layout .col .bloc .line > .mail
  {
    width:100%;
    text-align: left;
  }
}

#clientsCtn #produitAddCtn.fullscreen #frmProduitDB:before {
  content: "Produit"; }


#frmProjetDB .layout-form.disabled
{
  opacity:.5;
}

/*SOUS-PROJET*/
#projetAddCtn .sousprojetctn
{

}
#projetAddCtn .sousprojetctn label
{
  display:block;
}

#projetAddCtn .sousprojetctn .sousprojetfieldsctn
{
  display:block;
  position:relative;
  border: 1px solid #d0d4d4;
  padding:5px;
  margin:10px 0 20px 0;
}
#projetAddCtn .sousprojetctn .sousprojetfieldctn
{
  position:relative;
  display:block;
  width:50%;
  margin:10px 0 10px 0;
  overflow:hidden;
  transition:width .5s;
}
#projetAddCtn .sousprojetctn .sousprojetfieldctn.empty
{
  width:0;
}
#projetAddCtn .sousprojetctn .sousprojetfieldctn input[type=text]
{
  display:block;
  float:none;
  width:100%;
  margin:0;
}
#projetAddCtn .sousprojetctn .sousprojetfieldsctn img.add
{
  position:absolute;
  display:block;
  width:25px;
  height:25px;
  left:50%;
  margin-left:20px;
  bottom:22px;
  transition:left .5s;
}
#projetAddCtn .sousprojetctn .sousprojetfieldctn.empty + img.add{
  left:0;
}

/* RETOUCHE DES COLONNES POUR AJOUT DU BOUTON EDIT */
#clientsCtn .content .list .headers{
  position:relative;
  width: calc(100% - 60px - 15px); /*60=width of col.edit et 15=margin of ctn sousprojet */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#clientsCtn .content .list .headers > .col.edit{
  position:absolute;
  width:60px;
  height:100%;
  top:0;left:100%;
  background:#2e3337;
  border-radius: 0 15px 15px 0;
}
#clientsCtn .content .list .element{
  position:relative;
  width: calc(100% - 60px);
}
#clientsCtn .content .list .element .col.edit{
  position:absolute;
  width:60px;
  height:calc(100% + 2px);
  top:0;left:100%;
  border-bottom:2px solid #DEDEDE;
}
#clientsCtn .content .list .headers > .col.edit{
  background:#2e3337;
}
#clientsCtn .content .list .element:first-child .col.edit{
  border-radius: 0 10px 0 0;
}
#clientsCtn .content .list .element:last-child .col.edit{
  height:100%;
  border-bottom:0;
  border-radius: 0 0 15px 0;
}
#clientsCtn .content .list .element .col.edit a.edit{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}
#clientsCtn .content .list .element:hover .col.edit{
  background-color: #F2F2F2;
}


.montant_warning
{
  color:#ED1B54;
}
.montant_warning:after{
  content:"!";
  display: inline-block;
  width:20px;
  height:20px;
  text-align: center;
  border: 2px solid #ED1B54;
  color:#ED1B54;
  border-radius: 50%;
  margin-left:5px;
}#heuretravailHeaderCtn
{
	position:relative;
	font-weight:normal; /*light*/
	font-size:22px;
	color:#000000;
	margin:0 -10px 0 -10px;
	padding:10px 10px 30px 10px;
	text-align:center;
	background:#ffffff;
	text-transform: uppercase;
	font-family: GTWalsheimProBlack;
}

#heuretravailHeaderCtn > span
{
	display:inline-block;	
	font-weight:normal; /*semibold*/
	margin-left:10px;
}
#heuretravailHeaderCtn.revert
{
	font-weight:600; /*semibold*/
}
#heuretravailHeaderCtn.revert > span
{
	font-weight:200; /*light*/
}

#heuretravailHeaderCtn.revert > span.offre{
	font-weight: 600;
	margin-left: 0;
	color:#ED1B54;
}
#heuretravailHeaderCtn.revert > span.offre:after{
	content:"\00a0-\00a0";
	color:#000000;
}

#heuretravailHeaderCtn.me
{
	/*nothing at the moment*/
}

@media only screen and (min-width:720px)
{
	#heuretravailHeaderCtn
	{
		font-size:29px;
		margin:40px 5px	30px 5px;
		padding:0 155px 20px 0;
		text-align:left;
		background:none;
	}
}
/*********************************************************************/
#heureTravailUICtn
{
	padding:20px 0 20px 0;
}
#frmHeureTravailUI_from
{
	width:49%;
	margin-right:1%;
	z-index:9; /*for datetimepicker*/
	text-transform: uppercase;
}
#frmHeureTravailUI_to
{
	width:49%;
	z-index:9; /*for datetimepicker*/
	text-transform: uppercase;
}
#heureTravailUICtn .frmHeureTravailUI_iduser
{
	width:100%;
}

#heureTravailUICtn.user #frmHeureTravailUI_iduser
{
	display:none;
}
@media only screen and (min-width:720px)
{
	#heureTravailUICtn
	{
		padding:0;
		margin-bottom:-20px;
	}
	#frmHeureTravailUI_from, #frmHeureTravailUI_to
	{
		width:10%;
		margin-right:10px;
	}
	
	#heureTravailUICtn .frmHeureTravailUI_iduser
	{
		width:10%;
	}

}
/*********************************************************************/
#addHeureTravailCtn .temps
{
	position:relative;
	float:left;
}

#addHeureTravailCtn .temps:before
{
	content:":";
	position:absolute;
	line-height:40px;
	top:0;left:99px;
}
#addHeureTravailCtn .temps input[type=text]
{
	width:98px;
	margin-right:6px;
}

#heuretravailMainCtn.user #addHeurePlanifieeCtn > input[type=button]
{
	display:none;
}

/***TABLEAU HEURE DE TRAVAIL ***************************************************************/
#heuretravailCtn
{
	position:relative;
}
.heurestravail
{
	position:relative;
	margin:0 -10px 1px -10px;
	overflow:hidden;
}

#heuretravailToCSV
{
	display:none;
}

.heurestravail .headers > div, .heurestravail .heuretravail > div
{
	position:relative;
	display:block;
	float:left;
	box-sizing:border-box;
}
.heurestravail .headers
{
	position:relative;
	font-weight:normal;
	font-size:17px;
	color:#ffffff;
	padding:18px 0 18px 0;
	background: #ED1B54;
	font-family: GTWalsheimProBlack;
	text-transform: uppercase;
	margin-right: 15px;
	border-top-right-radius:15px;
	border-bottom-left-radius:0;
	border-top-left-radius:15px;
}
.heurestravail .heuretravail
{
	position:relative;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	padding:20px 10px 15px 25px;
	background:transparent;
	border-top:2px solid #DEDEDE;
}
.heurestravail .heuretravail:hover
{
	background-color: #F2F2F2;
}

.heurestravail .headers > div
{
	display:none;
}

.heurestravail .description
{
	width:100%;
	padding:0 10px 10px 25px;
}
.heurestravail .heuretravail .description:before
{
	content:"";
	position:absolute;
	left:5px;
	top:6px;
	width:8px;
	height:8px;
	border-radius:50%;
	background:#7f7f7f;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#a9a9a9));
	background-image: -webkit-linear-gradient(top, #7f7f7f,#a9a9a9);
	background-image: -moz-linear-gradient(top, #7f7f7f,#a9a9a9);
	background-image: -ms-linear-gradient(top, #7f7f7f,#a9a9a9);
	background-image: -o-linear-gradient(top, #7f7f7f,#a9a9a9);
	background-image: linear-gradient(top, #7f7f7f,#a9a9a9);
}
.heurestravail .headers .description
{
	display:block;
	padding:0 10px 0px 25px;
}


.heurestravail .responsable
{
	width:30%;
	padding-left:15px;
	border-right:1px solid #c3cbd4;
}
.heurestravail .responsable:empty
{
	visibility:hidden;
}
.heurestravail .heuretravail .responsable:before
{
	content:"Resp.";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:7px;
	color:#000000;
}
	
.heurestravail .responsable a
{
	position:relative;
	color:inherit;
	text-decoration:none;
	z-index:2;
	transition:color .3s;
}
.heurestravail .responsable a:after
{
	content:"";
	position:absolute;
	left:-8px;top:-8px;bottom:-8px;right:-8px;
	background:#ED1B54;
	border-radius:50%;
	z-index:-1;
	opacity:0;
	transition:opacity .3s;
}
.heurestravail .responsable a:hover
{
	color:#ffffff;
}
.heurestravail .responsable a:hover:after
{
	opacity:1;
}

.heurestravail .date
{
	width:30%;
	padding-left:15px;
	border-right:1px solid #c3cbd4;
}

.heurestravail .heuretravail .date:before
{
	content:"Date";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:7px;
	color:#000000;
}

.heurestravail .temps:empty
{
	display:none;
}
/*.heurestravail .temps
{
	width:40%;
	padding-left:15px;
}*/

.heurestravail .heuretravail .temps:before
{
	content:"";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:7px;
	color:#000000;
}
.heurestravail .heuretravail .temps.planifie:before
{
	content:"Planifie";
}
.heurestravail .heuretravail .temps.facturable:before
{
	content:"Facturable";
}
.heurestravail .heuretravail .temps.nonfacturable:before
{
	content:"Non-fact.";
}

.heurestravail .prjhead
{
	margin-bottom:10px;
}
.heurestravail .prjdelimiter > .prjhead{
	margin-top:20px;
	margin-right: 15px;
}
	
.heurestravail .prjhead > span.description
{
	display:block;
	float:left;
	box-sizing:border-box;
	width:100%;
	padding-left:10px;
}
.heurestravail .prjhead.prjtype_10 > span.description:before{
	content:"Offre\00a0-\00a0";
	color: #ED1B54;
}

.heurestravail .prjhead > span.temps, .heurestravail .prjhead > span.solde
{
	display:block;
	float:right;
	box-sizing:border-box;
	width:33%;
	border-right:1px solid #000000;
	transition:border-color .3s;
	padding:0 10px 0 10px;
	text-align:center;
	font-family: GTWalsheimPro;
	font-size: 16px;
}
@media only screen and (min-width:800px)
{
	.heurestravail .prjhead > span.temps, .heurestravail .prjhead > span.solde
	{
		font-family: GTWalsheimPro;
		font-size: 18px;
		font-weight: bold;
	}
}

.heurestravail .prjhead > span.temps.facturable
{
	border-right:0;
}
.heurestravail .prjhead > span.temps.nonfacturable
{
	display:none;
	border-right:0;
}
.heurestravail .prjhead.fulltotal {
	background-color:#FFFFFF;
	color:#000000;
	border-radius:15px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
	margin-right: 15px;
}


.heurestravail .prjhead.fulltotal > span.temps.nonfacturable, .heurestravail .prjhead.fulltotal ~ .prjdelimiter > .prjhead > span.temps.nonfacturable
{
	display:block;
}
.heurestravail .prjhead.fulltotal > span.temps.facturable, .heurestravail .prjhead.fulltotal ~ .prjdelimiter > .prjhead > span.temps.facturable
{
	border-right:1px solid #000000;
}


.heurestravail .prjhead > span.temps:before, .heurestravail .prjhead > span.solde:before
{
	content:"";
	font-weight:bold;/*semibold*/
	display:block;
	margin-bottom:7px;
	text-transform:none;
	transition:color .3s;
}
.heurestravail .prjhead > span.temps.planifie:before
{
	content:"Planifie";
}
.heurestravail .prjhead > span.temps.facturable:before
{
	content:"Facturable";
}
.heurestravail .prjhead > span.temps.nonfacturable:before
{
	content:"Non-fact.";
}

.heurestravail .prjhead > span.solde:before
{
	content:"Solde";
}
.heurestravail .prjhead.fulltotal > span.solde:before
{
	content:"Total";
}

.heurestravail .prjhead > span.solde.red
{
	color:red;
}

.heurestravail .prjdelimiter:hover .prjhead:before
{
	content:none;
}
.heurestravail .prjdelimiter:hover .prjhead > span.temps
{
	/*border-color:#ffffff;*/
}
.heurestravail .prjdelimiter:hover .prjhead > span.temps:before
{
	/*color:#ffffff;*/
}

.heurestravail .heuretravail.sousprjhead
{

	text-decoration:none;
	position:relative;
	display:block;
	padding:20px 10px 20px 25px;
	font-weight:normal; /*semibold*/
	font-family: GTWalsheimProBlack;
	text-transform: uppercase;
	font-size:16px;
	color:#000000;
	text-decoration:none;
	background:#ffffff;
	border-radius: 15px 15px 0 0;
	margin-top:10px;
	border-top:0;
}
@media only screen and (min-width:800px)
{
	.heurestravail .heuretravail.sousprjhead
	{
		font-size:17px;
	}
}
.heurestravail .heuretravail.sousprjhead .description
{
	padding-left: 0;
}
/*.heurestravail .prjhead + .heuretravail.sousprjhead{
	margin-top:5px;
}*/
.heurestravail .heuretravail.sousprjhead.refsousprj{ /*=non-classé*/
	display:none;
}

/*Fais en script*/
/*.heurestravail .sousprjCtn .heuretravail.sousprjhead ~ .sousprjhead.refsousprj
{
	display:block;
}*/
.heurestravail .heuretravail.sousprjhead .description:before
{
	content:none;
}

@media only screen and (min-width:800px)
{
	#heuretravailToCSV
	{
		display:block;
		position:absolute;
		width:38px;
		height:38px;
		top:70px;
		margin-top:-10px;
		right:20px;
		z-index:2;
		background:url(/template/image/excel.svg) no-repeat center center;
	}
	#heuretravailToCSV:hover
	{
		background:url(/template/image/excelOn.svg) no-repeat center center;
	}
	
	.heurestravail
	{
		position:relative;
		margin:20px 0 20px 0;
	}
	
	.heurestravail .heuretravail
	{
		padding:20px 0 20px 0;
	}
	
	.heurestravail .headers > div
	{
		display:block;
		white-space:nowrap;
		overflow:hidden;
		text-overflow:ellipsis;	
	}
	.heurestravail .heuretravail > div:empty:before
	{
		content:"\00a0"!important;/* */
		display:inline;
		margin:0;
		padding:0;
		font-weight:normal;
	}

	.heurestravail .description, .heurestravail .prjhead > span.description
	{
		width:calc(40% - 44px);
		padding:0 10px 0 55px;
	}

	.heurestravail .prjhead > span.description
	{
		padding:0;
	}
	.heurestravail .heuretravail .description:before
	{
		left:24px;
	}
	
	.heurestravail .headers .description
	{
		padding-left:25px;
	}
	.heurestravail .headers .description:before
	{
		left:30px;
	}
	
	.heurestravail .responsable
	{
		width:8%;
		padding:0 10px 0 10px;
		border:none;
	}
	.heurestravail .responsable:empty
	{
		visibility:visible;
	}
	.heurestravail .heuretravail .responsable:before
	{
		content:none;
	}
	.heurestravail .headers .responsable
	{
		overflow:visible;
		border-left: 1px solid #FFFFFF;
		text-align: center;
	}
	
	.heurestravail .date
	{
		width:13%;
		padding:0;
		text-align: center;
		border:none;
	}
	.heurestravail .heuretravail .date:before
	{
		content:none;
	}
	
	.heurestravail .headers .date
	{
		padding:0;
		text-align: center;
		border-left:1px solid #ffffff;
	}

	
	.heurestravail .temps, .heurestravail .temps:empty, .heurestravail .prjhead > span.temps, .heurestravail .prjhead > span.temps.nonfacturable
	{
		display:block;
		width:13%;
		padding:0 10px 0 35px;
	}
	.heurestravail .prjhead > span.temps.nonfacturable, .heurestravail .prjhead > span.temps.planifie
	{
		padding-left: 46px;
	}
	.heurestravail .prjhead > span.temps, .heurestravail .prjhead > span.temps.nonfacturable
	{
		/*border-left:1px solid #000000;*/
		border-right:none!important;
		text-align:left;
	}
	.heurestravail .prjhead > span.col_edit{
		display:block;
		float: right;
		min-height: 10px; /* force affichage de la colone*/
		box-sizing: border-box;
	}
	.heurestravail .prjhead > span.solde
	{
		display:block;
		float:left;
		padding:0 10px 0 0;
		text-align:left;
		border-right:none;
		width: calc(70% - 44px);
	}
	.heurestravail .prjhead > span.solde:before
	{
		display:inline-block;
		margin:0 10px 0 0;
	}
	
	.heurestravail .heuretravail .temps:before, .heurestravail .heuretravail .temps.planifie:before, .heurestravail .heuretravail .temps.facturable:before, .heurestravail .heuretravail .temps.nonfacturable:before
	{
		content:none;
	}
		
	.heurestravail .headers .temps
	{
		border-left:1px solid #ffffff;
		padding:0;
		text-align: center;
	}

	
	.heurestravail .prjhead > span.temps:before, .heurestravail .prjhead > span.temps.planifie:before, .heurestravail .prjhead > span.temps.facturable:before, .heurestravail .prjhead > span.temps.nonfacturable:before
	{
		content:none;
	}
	.heurestravail .prjdelimiter:hover .prjhead:before
	{
		content:"";
		margin-top:-7px;
	}
}
@media only screen and (min-width:1200px)
{
	.heurestravail .description, .heurestravail .prjhead > span.description
	{
		width:calc(53% - 44px);
	}
	.heurestravail .responsable
	{
		width:10%;
	}
	.heurestravail .headers .responsable:before
	{
		direction:ltr;
	}

	.heurestravail .date
	{
		width:7%;
	}
	.heurestravail .temps, .heurestravail .temps:empty, .heurestravail .prjhead > span.temps, .heurestravail .prjhead > span.temps.nonfacturable
	{
		width:10%;
	}
}

.heurestravail .col_edit{
	width:44px;
	padding:0 10px 0 10px;
	min-height: 10px; /*force affichage de la colone*/;
}
.heurestravail .col_edit a.edit{
	display:none;
}
.heurestravail .heuretravail.planifie.canedit .col_edit a.edit,
.heurestravail .heuretravail.realise.canedit .col_edit a.edit
{
	display: block;
}
@media only screen and (max-width:799px){
	.heurestravail .col_edit{
		width:100%;
		margin-top:10px;
		padding-top:5px;
		border-top:1px dashed #c3cbd4;
		text-align: right;
	}
	.heurestravail .heuretravail.planifie.canedit .col_edit a.edit,
	.heurestravail .heuretravail.realise.canedit .col_edit a.edit{
		display: inline-block;
	}
}

/*ACCES AU ARCHIVE */
#heuretravailMainCtn.projet.isarchived .zonebtnctn{
	display:none!important;
	pointer-events: none!important;
}
#heuretravailMainCtn.projet.isarchived #heuretravailHeaderCtn{
	font-style: italic;
}
#ongletsCtn.isarchived > *{
	visibility:hidden!important;
	pointer-events: none!important;
}
#ongletsCtn.isarchived:before{
	content:"FICHE EN ARCHIVE";
	position: absolute;
	display:block;
	visibility:visible!important;
	top:50%;
	left:0;
	transform: translateY(-50%);
	text-transform: uppercase;
	font-family: GTWalsheimProBlack;
	font-size: 24px;
	color:#ED1B54;
}/* Gestion des panels pour le menu */
#mainPanel
{
	position:relative;
	min-height:100%;
	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:130px;
	/*min-width:240px;*/
	--height:100%;
	bottom:0;
	background:url(/template/image/bgLeftPanel.jpg) #000000;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:10;
}

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

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

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

#menuIcone
{
	/*position:relative;*/
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	top:20px;
	left:10px;
	cursor:pointer;
	background:url(/template/image/menuIcone.png) no-repeat center center;/* #297ddd;*/
	background-size:cover;
	/*border-radius:15px;*/
}


#leftPanel a.copy
{
	display:none;
}

/**************************************************/
/*Style pour le menu */
/**************************************************/
#menuMain ul
{
	margin:0px;
	padding:0px;
	font-weight:normal;
	font-size:17px;
	color:#B5B5B5;
}
#menuMain ul.menu0
{
	margin-top:20px;	
}
#menuMain ul.menu0 ul
{
	display:none;	
}

#menuMain li
{
	list-style-type: none;
	background:none;
	padding:0;
	margin:0;
}
#menuMain li > a
{
	position:relative;
	display:block;
	color:#B5B5B5;
	text-decoration:none;
	padding:80px 10px 30px 10px;
	text-align:center;
	background:url(/template/image/sepmenu.png) no-repeat top center;
}
#menuMain li > a:hover, #menuMain li > a.menuselected/*:not(.parent)*/
{
	color:#ffffff;
}
#menuMain li > a:hover:before, #menuMain li > a.menuselected/*:not(.parent)*/:before
{
	content:"";
	position:absolute;
	top:10px;bottom:10px;
	left:0;
	width:4px;
	background-color:#ED1B54;
	border-radius:0 4px 4px 0;
}
#menuMain li > a:hover:after, #menuMain li > a.menuselected/*:not(.parent)*/:after
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	right:0;
	top:50%;
	margin-top:-11px;
	width:11px;
	height:22px;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-right:11px solid #f7f7f7;
}

#menuMain li > a > span
{
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-18px;
	width:37px;
	height:37px;
	background:url(/template/image/menusprite.png) no-repeat;
	background-size:100% auto;
}

#menuMain li:nth-child(6n+1) > a > span
{
	background-position:center 0;
	height:35px;
}
#menuMain li:nth-child(6n+2) > a > span
{
	background-position:center -40px;
}

#menuMain li:nth-child(6n+3) > a > span
{
	background-position:center 0;
	background-image:url(/template/image/myaccountsprite.png);
}
#menuMain li:nth-child(6n+4) > a > span
{
	background-position:center -199px;
}
#menuMain li:nth-child(6n+5) > a > span
{
	background-position:center -160px;
}

#menuMain li:nth-child(6n+1) > a:hover > span, #menuMain li:nth-child(6n+1) > a.menuselected > span
{
	background-position:center -245px;
}
#menuMain li:nth-child(6n+2) > a:hover > span, #menuMain li:nth-child(6n+2) > a.menuselected > span
{
	background-position:center -280px;
}
#menuMain li:nth-child(6n+3) > a:hover > span, #menuMain li:nth-child(6n+3) > a.menuselected > span
{
	background-position:center -120px;
}
#menuMain li:nth-child(6n+4) > a:hover > span, #menuMain li:nth-child(6n+4) > a.menuselected > span
{
	background-position:center -442px;
}
#menuMain li:nth-child(6n+5) > a:hover > span, #menuMain li:nth-child(6n+5) > a.menuselected > span
{
	background-position:center -401px;
}


/**************************************************/
/*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;
	font-size:11px;
	line-height:0px;
	color:black;
	text-decoration:none;
	text-transform:none;
	white-space:nowrap;
	
}

.myArrowAdmin
{
	cursor:pointer;
}

.styleDivArrowAdmin
{
	position:absolute;
	z-index:1;
	margin-left:5px;
	margin-top:5px;
}

.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;
}


/* MEDIA QUERIES */
@media only screen and (min-width:1730px)
{
	#menuIcone
	{
		display:none;
	}
	#leftPanel
	{
		display:block;
		position:fixed;
		box-sizing:border-box;
		top:0;left:0;bottom:0;
		right:auto;
		width:130px;
		overflow:hidden;
		/*left:0;
		width:130px;
		/*height:auto;
		min-width:0;
		min-height:100%;*/
	}
	#leftPanel .scroller
	{
		position:absolute;
		display:block;
		top:0;left:0;right:0;bottom:0;
	}
}#myaccountCtn
{
	position:absolute;
	display:block;
	max-height:0;
	overflow:hidden;
	background:url(/template/image/bgLeftPanel.jpg) #000000;
	z-index:1001;
	transition:max-height .5s;
}
#myaccountCtn.open
{
	max-height:1000px;
}
#myaccountCtn .lnkctn
{
	position:relative;
	display:block;
}
#myaccountCtn .lnkctn a
{
	position:relative;
	display:block;
	color:#B5B5B5;
	text-decoration:none;
	padding:80px 10px 30px 10px;
	text-align:center;
	background:url(/template/image/sepmenu.png) no-repeat top center;
}
#myaccountCtn .lnkctn a:hover
{
	color:#ffffff;
}
#myaccountCtn .lnkctn a:hover:before
{
	content:"";
	position:absolute;
	top:10px;bottom:10px;
	left:0;
	width:4px;
	background-color:#ED1B54;
	border-radius:0 4px 4px 0;
}
#myaccountCtn .lnkctn a:hover:after
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	right:0;
	top:50%;
	margin-top:-11px;
	width:11px;
	height:22px;
	border-top:11px solid transparent;
	border-bottom:11px solid transparent;
	border-right:11px solid #e7ecf0;
}

#myaccountCtn .lnkctn a > span
{
	position:absolute;
	top:30px;
	left:50%;
	margin-left:-18px;
	width:37px;
	height:37px;
	background:url(/template/image/myaccountsprite.png) no-repeat;
	background-size:100% auto;
}

#myaccountCtn .lnkctn a:nth-child(3n+1) > span
{
	background-position:center 0;
}
#myaccountCtn .lnkctn a:nth-child(3n+2) > span
{
	background-position:center -40px;
}
#myaccountCtn .lnkctn a:nth-child(3n+3) > span
{
	background-position:center -80px;
}

#myaccountCtn .lnkctn a:hover:nth-child(3n+1) > span
{
	background-position:center -120px;
}
#myaccountCtn .lnkctn a:hover:nth-child(3n+2) > span
{
	background-position:center -160px;
}
#myaccountCtn .lnkctn a:hover:nth-child(3n+3) > span
{
	background-position:center -200px;
}

/*style pour la fenêtre de login aux couleur de Conchita Plus*/
.btnConchita
{
	padding:5px 17px 5px 17px;
	color:#ffffff;
	background-color:#2e3337;
	font-family:GTWalsheimPro;
	font-size:14px;
	border:0;
}

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

.txtPopupLoginConchita
{
	color:#4e4e4e;
	font-family:GTWalsheimPro;
	font-size:14px;
	table-layout:auto;
}

@media only screen and (max-width:800px)
{
	table.txtPopupLoginConchita tbody, table.txtPopupLoginConchita tbody tr, table.txtPopupLoginConchita td
	{
		display:block;
	}
	
}/*Styles spécifiques du plugin page en T1 */@charset "UTF-8";
#projetHeaderCtn {
  position: relative;
  font-weight: 600;
  /*light*/
  font-size: 22px;
  color: #000000;
  margin: -60px -10px 0 -10px;
  padding: 10px 10px 30px 10px;
  text-align: center;
  background: #ffffff;
  text-transform: uppercase; }

#projetsCtn {
  width: 100%; }
  #projetsCtn .chapter {
    font-weight: 200;
    /*light*/
    font-size: 22px;
    color: #000000;
    margin: 40px 5px	20px 5px;
    padding-bottom: 5px;
    border-bottom: 2px dashed #b8c2cd; }

#projetAddCtn {
  max-width: 908px;
  /*span.checkbox.avecheuretravail {
    position: relative;
    display: block;
    float: left;
    clear: both;
    line-height: 34px;
    margin: 0 0 10px 10px;
  }*/
  /*&.fullscreen span.checkbox.avecheuretravail {
    line-height: normal;
    margin: 0 0 20px 10px;
  }*/ }
  #projetAddCtn.fullscreen #frmProjetDB:before {
    content: "Editer"; }
  #projetAddCtn.fullscreen .chapter {
    display: none; }
  #projetAddCtn .delete {
    display: none; }
  #projetAddCtn.fullscreen .delete.candelete {
    display: block;
    float: right; }
    #projetAddCtn.fullscreen .delete.candelete:hover {
      background: #dd2f2f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#dd0159), to(#dd2f2f));
      background-image: -webkit-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -moz-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -ms-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: -o-linear-gradient(top, #dd0159, #dd2f2f);
      background-image: linear-gradient(top, #dd0159, #dd2f2f); }
  #projetAddCtn span.checkbox.avecheuretravail:after {
    content: "Avec heures planifiées";
    display: block;
    float: right;
    margin: 3px 0 0 5px;
    white-space: nowrap; }
  #projetAddCtn span.checkbox.forfaitmarketing:after {
    content: "Forfait marketing";
    display: block;
    float: right;
    margin: 3px 0 0 5px;
    white-space: nowrap; }
  #projetAddCtn .temps {
    position: relative;
    display: block;
    clear: both;
    margin-bottom: 20px; }
  #projetAddCtn.fullscreen .temps {
    display: none; }
  #projetAddCtn .temps.none {
    display: none; }
  #projetAddCtn .temps:before {
    content: ":";
    position: absolute;
    line-height: 40px;
    top: 0;
    left: 81px; }

/************************************/
#addHeurePlanifieeCtn .temps:before {
  content: ":";
  position: absolute;
  line-height: 40px;
  top: 0;
  left: 96px; }

#projetAddCtn .temps input[type=text] {
  width: 97px;
  margin-right: 4px; }

#addHeurePlanifieeCtn .temps input[type=text] {
  width: 95px;
  margin-right: 4px; }

#addHeurePlanifieeCtn #frmAddHeurePlanifiee {
  display: none; }

#addHeurePlanifieeCtn.fullscreen #frmAddHeurePlanifiee {
  display: block;
  text-align: left; }
  #addHeurePlanifieeCtn.fullscreen #frmAddHeurePlanifiee.none {
    display: none; }
  #addHeurePlanifieeCtn.fullscreen #frmAddHeurePlanifiee:before {
    content: "Heures planifiées"; }

#addHeurePlanifieeCtn.fullscreen > input[type=button] {
  display: none; }

#frmAddHeurePlanifiee_description, #frmAddHeurePlanifiee_idinterne, #frmAddHeurePlanifiee_dateheureplanifiee {
  width: 100%; }

#addHeurePlanifieeCtn .temps {
  position: relative;
  float: left; }

/*
@media only screen and (min-width: 720px) {
  #frmAddHeurePlanifiee_description {
    width: 45%;
    margin-right: 2%;
  }

  #frmAddHeurePlanifiee_idinterne {
    width: 20%;
    margin-right: 2%;
  }

  #frmAddHeurePlanifiee_dateheureplanifiee {
    clear: both;
    width: 16%;
    margin-right: 2%;
  }
}*/
/************************************/
#projetAddCtn span.checkbox.archiving {
  display: none; }

#projetAddCtn.fullscreen span.checkbox.archiving {
  position: relative;
  display: block;
  float: left;
  clear: both;
  margin: 0 0 20px 10px; }
  #projetAddCtn.fullscreen span.checkbox.archiving:before {
    content: "Archiver";
    display: block;
    float: right;
    margin: 3px 0 0 5px;
    white-space: nowrap; }

#frmProjetDB_projet {
  width: 100%; }

#frmProjetDB_idinterne {
  width: 48%;
  margin-right: 4%; }

#frmProjetDB_idtypeprojet, .frmProjetDB_idtypeprojet {
  width: 48%; }

#projetsFilteringCtn {
  position: relative;
  margin: 30px 0 20px 0;
  max-width: 908px; }
  #projetsFilteringCtn #filterNom {
    width: 100%; }
  #projetsFilteringCtn #filterType, #projetsFilteringCtn .filterType {
    width: 48%;
    margin-right: 4%; }
  #projetsFilteringCtn #filterArchiving, #projetsFilteringCtn .filterArchiving {
    width: 48%; }

#projetListCtn {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 -10px 0 -10px; }

.projets {
  position: relative;
  margin: 20px 0 20px 0;
  overflow: hidden; }
  .projets .headers {
    font-weight: normal;
    font-size: 17px;
    color: #ffffff;
    padding: 18px 0 18px 0;
    background: #ED1B54;
     }
  .projets .projet {
    position: relative;
    font-weight: normal;
    font-size: 16px;
    color: #000000;
    padding: 20px 10px 15px 25px;
    background: #ffffff;
    border-top: 1px solid #dde3e8; }
    .projets .projet:nth-child(even) {
      background: #f4f7f8; }
    .projets .projet:before {
      content: "";
      position: absolute;
      left: 5px;
      top: 26px;
      width: 8px;
      height: 8px;
      -webkit-border-radius: 50%;
      border-radius: 50%;
      background: #7f7f7f;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#7f7f7f), to(#a9a9a9));
      background-image: -webkit-linear-gradient(top, #7f7f7f, #a9a9a9);
      background-image: -moz-linear-gradient(top, #7f7f7f, #a9a9a9);
      background-image: -ms-linear-gradient(top, #7f7f7f, #a9a9a9);
      background-image: -o-linear-gradient(top, #7f7f7f, #a9a9a9);
      background-image: linear-gradient(top, #7f7f7f, #a9a9a9); }
    .projets .projet a {
      position: relative;
      display: inline-block;
      color: inherit;
      text-decoration: none;
      z-index: 2;
      -webkit-transition: color .3s;
      -o-transition: color .3s;
      transition: color .3s; }
      .projets .projet a:after {
        content: "";
        position: absolute;
        left: -10px;
        top: -10px;
        bottom: -10px;
        right: -10px;
        background: #ED1B54;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        z-index: -1;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s; }
      .projets .projet a:hover {
        color: #ffffff; }
        .projets .projet a:hover:after {
          opacity: 1; }
  .projets .headers > div {
    display: none; }
  .projets .projet > div {
    position: relative;
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
    .projets .projet > div:empty:before {
      content: "\00a0";
      /* */ }
  .projets .description {
    width: 100%;
    text-align: left; }
  .projets .projet .description {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e8e8e8; }
  .projets .headers .description {
    position: relative;
    display: block;
    padding-left: 25px; }
    .projets .headers .description:before {
      content: "";
      position: absolute;
      left: 5px;
      top: 50%;
      margin-top: -5px;
      width: 14px;
      height: 14px;
      background: url(/template/image/tachesprite.png) no-repeat center 0;
      -webkit-background-size: 100% auto;
      background-size: 100% auto; }
  .projets .identifiant {
    width: 50%;
    font-weight: normal;
    padding: 0;
    border-right: 1px dashed #c3cbd4; }
  .projets .projet .identifiant:before {
    content: "ID";
    font-weight: 600;
    /*semibold*/
    display: block;
    margin-bottom: 7px;
    color: #000000; }
  .projets .type {
    width: 50%;
    font-weight: normal;
    padding-left: 15px; }
  .projets .projet .type:before {
    content: "Type";
    font-weight: 600;
    /*semibold*/
    display: block;
    margin-bottom: 7px;
    color: #000000; }
  .projets .projet .identifiant:empty, .projets .projet .type:empty {
    display: none; }
  .projets .projet .identifiant:empty + .type {
    padding: 0; }

@media only screen and (min-width: 480px) {
  #projetAddCtn .temps {
    float: left;
    clear: none;
    margin-bottom: 0; }
  #projetAddCtn.fullscreen span.checkbox.archiving {
    float: right;
    clear: none;
    text-align: right;
    margin: 0 10px 23px 0; }
    #projetAddCtn.fullscreen span.checkbox.archiving:before {
      content: "Archiver";
      position: absolute;
      top: 2px;
      right: 30px; } }

@media only screen and (min-width: 720px) {
  #projetHeaderCtn {
    display: none; }
  /*#projetsCtn
  {
  	margin-top:40px;
  	width:60%;
  	padding-right:40px;
  }*/
  #projetAddCtn.fullscreen span.checkbox.archiving {
    margin-bottom: 0;
    margin-top: 0; }
  #frmProjetDB_projet {
    width: 58%;
    margin-right: 2%; }
  #frmProjetDB_idinterne {
    width: 20%;
    margin-right: 2%; }
  #frmProjetDB_idtypeprojet, .frmProjetDB_idtypeprojet {
    width: 18%; }
  #projetsFilteringCtn {
    position: relative;
    margin: 60px 0 20px 0; }
    #projetsFilteringCtn #filterNom {
      width: 58%;
      margin-right: 2%; }
    #projetsFilteringCtn #filterType, #projetsFilteringCtn .filterType {
      width: 20%;
      margin-right: 2%; }
    #projetsFilteringCtn #filterArchiving, #projetsFilteringCtn .filterArchiving {
      width: 18%; }
  #projetListCtn {
    margin: 0; }
  .projets {
    -webkit-border-radius: 15px;
    border-radius: 15px; }
    .projets .projet {
      padding: 20px 0 15px 0; }
      .projets .projet:before {
        left: 10px; }
    .projets .headers > div, .projets .projet > div {
      position: relative;
      display: block;
      float: left;
      -webkit-box-sizing: border-box;
      box-sizing: border-box; }
    .projets .description, .projets .projet .description {
      width: 70%;
      padding: 0 10px 0 30px;
      margin: 0;
      border: none; }
    .projets .headers .description {
      padding-left: 50px; }
      .projets .headers .description:before {
        left: 30px; }
    .projets .identifiant {
      width: 16%;
      font-weight: 600;
      /*semibold*/
      text-align: right;
      padding: 0 30px 0 10px;
      border: none; }
    .projets .headers .identifiant {
      font-weight: normal;
      text-align: left;
      padding-left: 30px; }
      .projets .headers .identifiant:before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -7px;
        width: 14px;
        height: 14px;
        background: url(/template/image/tachesprite.png) no-repeat center -80px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto; }
    .projets .type {
      width: 14%;
      font-weight: 600;
      /*semibold*/
      text-align: center;
      padding: 0 10px 0 10px;
      border: none; }
    .projets .headers .type {
      font-weight: normal;
      text-align: left;
      padding-left: 50px;
      border-left: 1px dashed #ffffff; }
      .projets .headers .type:before {
        content: "";
        position: absolute;
        left: 30px;
        top: 50%;
        margin-top: -5px;
        width: 14px;
        height: 14px;
        background: url(/template/image/tachesprite.png) no-repeat center -60px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto; }
    .projets .projet .identifiant:before, .projets .projet .type:before {
      content: none;
      margin: 0; }
    .projets .projet .identifiant:empty, .projets .projet .type:empty {
      display: block; } }

@media only screen and (min-width: 1600px) {
  #projetsCtn {
    margin-top: 40px;
    width: 60%;
    padding-right: 40px; } }

#frmAddHeurePlanifiee .layout-form .row, #projetAddCtn .layout-form .row {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  margin: 15px -15px 15px;
  /*&:first-of-type {
      margin-top: 0;
    }
    &:last-of-type {
      margin-bottom: 0;
    }*/ }
  #frmAddHeurePlanifiee .layout-form .row .col, #projetAddCtn .layout-form .row .col {
    position: relative;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    padding-right: 5px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1; }
    #frmAddHeurePlanifiee .layout-form .row .col.center, #projetAddCtn .layout-form .row .col.center {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    @media screen and (max-width: 800px) {
      #frmAddHeurePlanifiee .layout-form .row .col, #projetAddCtn .layout-form .row .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }

#frmAddHeurePlanifiee .layout-form label, #projetAddCtn .layout-form label {
  display: inline-block;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-bottom: .5rem; }

#frmAddHeurePlanifiee .layout-form input,
#frmAddHeurePlanifiee .layout-form select,
#frmAddHeurePlanifiee .layout-form textarea,
#frmAddHeurePlanifiee .layout-form .select, #projetAddCtn .layout-form input,
#projetAddCtn .layout-form select,
#projetAddCtn .layout-form textarea,
#projetAddCtn .layout-form .select {
  float: none;
  width: 100%;
  margin-bottom: 0; }

#frmAddHeurePlanifiee .layout-form textarea, #projetAddCtn .layout-form textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 120px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 0px;
  color: #000000;
  font-size: 15px;
  font-weight: normal;
  background: #ffffff;
  border: 2px solid #dce0e4;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  outline: none;
  resize: none; }

#frmAddHeurePlanifiee .layout-form .select.open, #projetAddCtn .layout-form .select.open {
  z-index: 12; }

#frmAddHeurePlanifiee .layout-form .select select, #projetAddCtn .layout-form .select select {
  display: none;
  height: 0; }


.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;	
}



@media screen and (min-width: 1720px) {
  #categoriesNavigationCtn {
    margin: 0 310px 0 146px; } }

#categoriesNavigationCtn .category:not(:first-child) {
  margin-left: 10px; }

#categoriesNavigationCtn .button {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 40px;
  min-width: auto;
  padding: 10px 20px;
  margin-bottom: 10px;
  font-size: 15px;
  text-transform: uppercase;
  color: #555555;
  font-weight: bold;
  text-align: center;
  background: #ffffff;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  border:1px solid #555555;
  outline: none;
  cursor: pointer; }
  #categoriesNavigationCtn .button:hover, #categoriesNavigationCtn .button.active {
    color: #ffffff;
    background: #ED1B54;
    border:1px solid #ED1B54;
 }

#categoryCtn #filter .chapter {
  font-size: 20px; }
#categoryCtn #filter .chapter:empty
{
  display: none;
}

#categoryCtn .layout-form .row {
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-right: -10px;
  margin-left: -15px; }
  #categoryCtn .layout-form .row .col {
    position: relative;
    -webkit-flex-basis: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: 100%;
    max-width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1; }
    @media screen and (max-width: 800px) {
      #categoryCtn .layout-form .row .col {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%; } }

#categoryCtn .layout-form label {
  display: inline-block;
  margin-bottom: .5rem; }

#categoryCtn .layout-form input,
#categoryCtn .layout-form select,
#categoryCtn .layout-form textarea,
#categoryCtn .layout-form .select {
  float: none;
  width: 100%; }

#categoryCtn .layout-form textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  height: 120px;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  color: #000000;
  font-size: 16px;
  font-weight: normal;
  background: #ffffff;
  border: 2px solid #dce0e4;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  outline: none;
  resize: none; }

#categoryCtn .layout-form .select.open {
  z-index: 12; }

#categoryCtn .layout-form .select select {
  display: none;
  height: 0; }

#categoryCtn .chapter {

  padding-bottom: 5px;
  margin: 40px 5px 20px 5px;
  color: #000000;
  font-size: 29px;
  font-weight: normal;
  font-family: GTWalsheimProBlack;
  text-transform: uppercase;

}

#categoryCtn #filter{
  margin:35px 0;
}

#categoryCtn .navigation {
  position: relative;
margin-bottom: 40px;}

#categoryCtn .navigation .subcategories.clear .button
{
background:#2e3337;
  color:#FFFFFF;
  text-transform: none;
}
  #categoryCtn .navigation .subcategory:not(:first-child) {
    margin-left: 10px; }
  #categoryCtn .navigation .button {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    height: 40px;
    padding: 10px 20px ;
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: uppercase;
    color: #555555;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    border: none;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    outline: none;
    cursor: pointer;
  border:1px solid #555555;
    }
    #categoryCtn .navigation .button:hover, #categoryCtn .navigation .button.active {
      color: #ffffff;
      background: #ED1B54!important;
      border:1px solid #ED1B54;
    }

#categoryCtn .content #ExportCSV {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
  display: block;
  width:38px;
  height:38px;
  margin-top: -10px;
  background: url(/template/image/excel.svg) no-repeat center center;
  cursor: pointer; }

#categoryCtn .content table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: 83%;
  max-width: 100%;
  margin-bottom: 1rem;
  overflow-x: auto;
  background-color: transparent;
  border-collapse: collapse;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar; }
  #categoryCtn .content table th,
  #categoryCtn .content table td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .75rem .4rem;
    vertical-align: top;
    border-bottom: 2px solid #DEDEDE;
  vertical-align: middle;}
#categoryCtn .content table th
{
  position: relative;
  border:0;
}
#categoryCtn .content table th:before
{
  content:"";
  position: absolute;
  left:-20px;
  top:14px;
  display: block;
  height:30px;
  width:1px;
  background:#FFFFFF;
}

#categoryCtn .content table th:nth-child(1):before
{
  content:none;
}
#categoryCtn .content table
{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
#categoryCtn .content table tbody tr:hover
{
  background:#F2F2F2;
}
    #categoryCtn .content table th:first-child,
    #categoryCtn .content table td:first-child {
      padding-left: 30px;
    border-left: 0;}
    #categoryCtn .content table th:last-child,
    #categoryCtn .content table td:last-child {
      padding-right: .75rem; }
    #categoryCtn .content table th.align-right,
    #categoryCtn .content table td.align-right {
      text-align: right; }
    #categoryCtn .content table th.red,
    #categoryCtn .content table td.red {
      color: red; }
    #categoryCtn .content table tr.total td.red {
      color:yellow;
    }
    #categoryCtn .content table th.total,
    #categoryCtn .content table td.total {
      background-color: #ED1B54;
    color:#FFFFFF;}
    #categoryCtn .content table th.ellipsis div,
    #categoryCtn .content table td.ellipsis div {
      max-width: 500px;
      white-space: nowrap;
      overflow: hidden;
      -o-text-overflow: ellipsis;
      text-overflow: ellipsis;
    font-size: 16px;
    color:#000000;}
#categoryCtn .content table td.ellipsis div:nth-child(1)
{
  font-weight: bold;
  text-transform: uppercase;
}
  #categoryCtn .content table thead {
    color: #ffffff;
    background: #2e3337;
    border-radius: 15px;
    font-size: 17px;
    text-transform: uppercase;
    font-family: GTWalsheimProBlack;
    display: block;
    margin-right: 15px;
     }
    #categoryCtn .content table thead th {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: bottom;
      padding-top: 18px;
      padding-bottom: 18px; }

#categoryCtn .content table tbody
{
  background-color: #ffffff;
  box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 15px;
  margin:10px 15px 20px 0 ;
}
#categoryCtn .content table thead th:first-child {
        -webkit-border-top-left-radius: 20px;
        border-top-left-radius: 20px; }
      #categoryCtn .content table thead th:last-child {
        -webkit-border-top-right-radius: 20px;
        border-top-right-radius: 20px; }
  #categoryCtn .content table tbody tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
     }

    #categoryCtn .content table tbody tr.total {
      font-weight: bold;
    text-transform: uppercase;
    background:#ED1B54;
    color:#FFFFFF;
    border-top-left-radius: 15px;
      border-top-right-radius: 15px;}
#categoryCtn .content table tbody tr.total:hover
{
  background:#ED1B54;
}
#categoryCtn .content table tbody tr:last-child th:first-child, #categoryCtn .content table tbody tr:last-child td:first-child {
      -webkit-border-bottom-left-radius: 20px;
      border-bottom-left-radius: 20px; }
    #categoryCtn .content table tbody tr:last-child th:last-child, #categoryCtn .content table tbody tr:last-child td:last-child {
      -webkit-border-bottom-right-radius: 20px;
      border-bottom-right-radius: 20px; }
#categoryCtn .content table tbody tr:last-child,
#categoryCtn .content table tbody tr:last-child th, #categoryCtn .content table tbody tr:last-child td
{
  border-bottom: 0;
}
  #categoryCtn .content table tbody + tbody {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 2px solid #DEDEDE; }
  #categoryCtn .content table a,
  #categoryCtn .content table .link {
    position: relative;
    z-index: 2;
    display: inline-block;
    color: inherit;
    text-decoration: none;
    -webkit-transition: color .3s;
    -o-transition: color .3s;
    transition: color .3s;
    cursor: pointer; }


.tooltip {
  position: relative;
  width: 20px;
  height: 20px;
  margin: 0 auto; }
  .tooltip:hover .inner {
    display: block; }
  .tooltip .icon {
    width: 20px;
    height: 20px;
    background-image: url(/template/image/info.svg);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain; }
  .tooltip .inner {
    position: absolute;
    top: 50%;
    right: 150%;
    z-index: 2;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 200px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid #cecece;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media screen and (max-width: 640px) {
      .tooltip .inner {
        max-width: 200px; } }

table.hebergement .is-domain-main,
table.hebergement .is-domain-sub {
  font-weight: 300;
  text-align: right; }

table.hebergement .is-domain-sub {
  font-style: italic; }

table.hebergement .is-mail {
  text-align: right;
  font-weight: 300; }

table.hebergement .is-domain-total,
table.hebergement .is-mail-total {
  font-style: italic;
  text-align: right;
  margin: 7px 0; }

table.hebergement .is-total {
  text-transform: uppercase;
  margin-top: 10px;
  text-align: right; }


/*Modif pour new design selon type de suivi*/

/*Offre - liste*/
#categoryCtn .content.offres.offreliste table thead th:nth-child(1),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(1)
{
  width: 40%;
  border-bottom-left-radius: 15px;
  padding-bottom: 15px;
}
#categoryCtn .content.offres.offreliste table tbody tr:nth-child(1)
{
  width: 40%;
}
#categoryCtn .content.offres.offreliste table thead th:nth-child(8)
{
  border-bottom-right-radius: 15px;
  padding-bottom: 15px;
}
#categoryCtn .content.offres.offreliste table thead th:nth-child(8):before
{
  content:none;
}
#categoryCtn .content.offres.offreliste table thead th:nth-child(2),
#categoryCtn .content.offres.offreliste table thead th:nth-child(3),
#categoryCtn .content.offres.offreliste table thead th:nth-child(4),
#categoryCtn .content.offres.offreliste table thead th:nth-child(5),
#categoryCtn .content.offres.offreliste table thead th:nth-child(6),
#categoryCtn .content.offres.offreliste table thead th:nth-child(7),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(2),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(3),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(4),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(5),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(6),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(7)
{
  width: 10%;
}
#categoryCtn .content.offres.offreliste table tbody td:nth-child(5)
{
  padding-right: 4%;
}
#categoryCtn .content.offres.offreliste table tbody td:nth-child(6),
#categoryCtn .content.offres.offreliste table tbody td:nth-child(7)
{
  padding-left: 2%;
}

/*Offre - analyse*/
#categoryCtn .content.offres.offreanalyse table thead th:nth-child(1),
#categoryCtn .content.offres.offreanalyse table tbody th:nth-child(1)
{
  width:25%
}

#categoryCtn .content.offres.offreanalyse table thead tr,
#categoryCtn .content.offres.offreanalyse table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.offres.offreanalyse table th:before
{
  left:30%;
}
#categoryCtn .content.offres.offreanalyse table th
{
  border-bottom: 2px solid #DEDEDE;
}
#categoryCtn .content.offres.offreanalyse table tr:last-child th
{
  border:0;
}

/*Pack - Pack et régie*/
#categoryCtn .content.packs.packregie table thead tr,
#categoryCtn .content.packs.packregie table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.packs.packregie table thead th
{
  text-align: right;
}
#categoryCtn .content.packs.packregie table thead th:nth-child(1),
#categoryCtn .content.packs.packregie table tbody td:nth-child(1)
{
  width:60%;
  text-align: left;
}
#categoryCtn .content.packs.packregie table thead th:nth-child(2)
{
  text-align: left;
}
#categoryCtn .content.packs.packregie table thead th:nth-child(2),
#categoryCtn .content.packs.packregie table thead th:nth-child(3),
#categoryCtn .content.packs.packregie table thead th:nth-child(4),
#categoryCtn .content.packs.packregie table thead th:nth-child(5),
#categoryCtn .content.packs.packregie table tbody td:nth-child(2),
#categoryCtn .content.packs.packregie table tbody td:nth-child(3),
#categoryCtn .content.packs.packregie table tbody td:nth-child(4),
#categoryCtn .content.packs.packregie table tbody td:nth-child(5)
{
  width: 10%;
}
#categoryCtn .content.packs.packregie table thead th:nth-child(3):before,
#categoryCtn .content.packs.packregie table thead th:nth-child(4):before,
#categoryCtn .content.packs.packregie table thead th:nth-child(5):before
{
  left:30%;
}

/*Pack - Suivi de consommation*/
#categoryCtn .content.packs.consosuivi table thead tr,
#categoryCtn .content.packs.consosuivi table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.packs.consosuivi table thead th,
#categoryCtn .content.packs.consosuivi table tbody td
{
  width:7.14%;
  padding-left:10px;
  padding-right:10px;
}
#categoryCtn .content.packs.consosuivi table thead th:nth-child(2):before{
  content:none;
}
#categoryCtn .content.packs.consosuivi table
{
  width:100%;
}
#categoryCtn .content.packs.consosuivi table th
{
  border-bottom: 2px solid #DEDEDE;
}
#categoryCtn .content.packs.consosuivi table tbody tr:nth-child(1) td:last-child
{
  border-top-right-radius:15px;
}

#categoryCtn .content.packs.consosuivi table tbody tr:last-child th:nth-child(1)
{
  border:0;
}
#categoryCtn .content.packs.consosuivi table th:before
{
  left:0;
}

/*Pack - consommation par client*/
#categoryCtn .content.packs.consoclient input[type=date]
{
  text-transform: uppercase;
}
#categoryCtn .content.packs.consoclient table thead tr,
#categoryCtn .content.packs.consoclient table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.packs.consoclient table thead th:last-child
{
  text-align:center;
  width:10%
}

/*Projet*/
#categoryCtn .content.projets.renta table thead tr,
#categoryCtn .content.projets.renta table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.projets.renta table
{
    width:100%;
}
#categoryCtn .content.projets.renta table thead th,
#categoryCtn .content.projets.renta table tbody td
{
  width:7.77%;
}
#categoryCtn .content.projets.renta table thead th:nth-child(1),
#categoryCtn .content.projets.renta table tbody td:nth-child(1),
#categoryCtn .content.projets.renta table thead th:nth-child(2),
#categoryCtn .content.projets.renta table tbody td:nth-child(2)
{
  width:15%;
  text-align: left!important;
}
#categoryCtn .content.projets.renta table thead
{
  font-size:15px;
}
#categoryCtn .content.projets.renta table th,
#categoryCtn .content.projets.renta table td
{
  text-align: center!important;
  white-space: normal;
}
#categoryCtn .content.projets.renta table th:before
{
    left:0;
}

/*Team - semaine + mois + quadrimestre + year*/
#categoryCtn .content.team.week table thead tr,
#categoryCtn .content.team.week table tbody tr,
#categoryCtn .content.team.month table thead tr,
#categoryCtn .content.team.month table tbody tr,
#categoryCtn .content.team.quad table thead tr,
#categoryCtn .content.team.quad table tbody tr,
#categoryCtn .content.team.year table thead tr,
#categoryCtn .content.team.year table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.team.week table,
#categoryCtn .content.team.month table,
#categoryCtn .content.team.quad table,
#categoryCtn .content.team.year table
{
    width:100%;
}
#categoryCtn .content.team.week table thead th,
#categoryCtn .content.team.week table tbody td,
#categoryCtn .content.team.week table tbody th,
#categoryCtn .content.team.month table thead th,
#categoryCtn .content.team.month table tbody td,
#categoryCtn .content.team.month table tbody th,
#categoryCtn .content.team.quad table thead th,
#categoryCtn .content.team.quad table tbody td,
#categoryCtn .content.team.quad table tbody th,
#categoryCtn .content.team.year table thead th,
#categoryCtn .content.team.year table tbody td,
#categoryCtn .content.team.year table tbody th
{
  width:5.55%;
}
#categoryCtn .content.team.week table thead th:before,
#categoryCtn .content.team.month table thead th:before,
#categoryCtn .content.team.quad table thead th:before,
#categoryCtn .content.team.year table thead th:before
{
  left:5px;
}
#categoryCtn .content.team.week table tr.total td,
#categoryCtn .content.team.week table tr.total th,
#categoryCtn .content.team.week table tbody th,
#categoryCtn .content.team.month table tr.total td,
#categoryCtn .content.team.month table tr.total th,
#categoryCtn .content.team.month table tbody th,
#categoryCtn .content.team.quad table tr.total td,
#categoryCtn .content.team.quad table tr.total th,
#categoryCtn .content.team.quad table tbody th,
#categoryCtn .content.team.year table tr.total td,
#categoryCtn .content.team.year table tr.total th,
#categoryCtn .content.team.year table tbody th
{
    border-bottom: 2px solid #DEDEDE;
}
#categoryCtn .content.team.week table tbody tr:last-child th,
#categoryCtn .content.team.month table tbody tr:last-child th,
#categoryCtn .content.team.quad table tbody tr:last-child th,
#categoryCtn .content.team.year table tbody tr:last-child th
{
    border:0;
}

#categoryCtn .content.team.week table tbody tr.total td:last-child,
#categoryCtn .content.team.month table tbody tr.total td:last-child,
#categoryCtn .content.team.quad table tbody tr.total td:last-child,
#categoryCtn .content.team.year table tbody tr.total td:last-child
{
  border-radius:15px;
}

/*Client - contact*/
#categoryCtn .content.clients.contact table thead tr,
#categoryCtn .content.clients.contact table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.clients.contact table
{
    width:100%;
}

#categoryCtn .content.clients.contact table thead th:nth-child(1),
#categoryCtn .content.clients.contact table tbody td:nth-child(1)
{
    width:14%
}
#categoryCtn .content.clients.contact table thead th:nth-child(3),
#categoryCtn .content.clients.contact table tbody td:nth-child(3)
{
  width:14%
}
#categoryCtn .content.clients.contact table thead th:nth-child(2),
#categoryCtn .content.clients.contact table tbody td:nth-child(2)
{
  width: 22%;
}
#categoryCtn .content.clients.contact table thead th:nth-child(7),
#categoryCtn .content.clients.contact table tbody td:nth-child(7)
{
  width: 20%;
}
#categoryCtn .content.clients.contact table thead th:nth-child(4),
#categoryCtn .content.clients.contact table tbody td:nth-child(4),
#categoryCtn .content.clients.contact table thead th:nth-child(5),
#categoryCtn .content.clients.contact table tbody td:nth-child(5),
#categoryCtn .content.clients.contact table thead th:nth-child(6),
#categoryCtn .content.clients.contact table tbody td:nth-child(6)
{
  width: 10%;
}
#categoryCtn .content.clients.contact table tbody td.ellipsis div
{
  text-transform: none;
  font-weight: normal;
  max-width: 340px!important;
}

/*Client - client*/
#categoryCtn .content.clients.client table thead tr,
#categoryCtn .content.clients.client table tbody tr
{
  display: inline-table;
  width:100%
}
#categoryCtn .content.clients.client table
{
  width:100%;
}
#categoryCtn .content.clients.client table tbody td.ellipsis div
{
  text-transform: none;
  font-weight: normal;
  max-width: 350px!important;
}
#categoryCtn .content.clients.client table thead th,
#categoryCtn .content.clients.client table tbody td
{
    width:25%
}
#categoryCtn .content.clients.client table thead th:nth-child(3),
#categoryCtn .content.clients.client table tbody td:nth-child(3)
{
  width: 10%;
}
#categoryCtn .content.clients.client table thead th:nth-child(2),
#categoryCtn .content.clients.client table tbody td:nth-child(2)
{
  width: 15%;
}

/*Produit - hébergement */
#categoryCtn .content.produits.hebergement table thead,
#categoryCtn .content.produits.hebergement table tbody
{
  display:table-row-group;
}
#categoryCtn .content.produits.hebergement table thead th:before
{
  content:none;
}
#categoryCtn .content.produits.hebergement .is-domain-total, #categoryCtn .content.produits.hebergement .is-mail-total, #categoryCtn .content.produits.hebergement .is-total
{
  font-weight: bold;
}

@media only screen and (max-width:800px) {

  #categoryCtn .content table tbody {
    display: table-row-group;
  }

  #categoryCtn .content table thead {
    display: table-header-group;
  }

  #categoryCtn .content table  tbody tr
  {
    white-space: nowrap;
    display: table-row!important;

  }
  #categoryCtn .content table thead th,  #categoryCtn .content table tbody td
  {
    width: auto !important;
  }
}



.suivioffrectn{
  position: relative;
  display: block;
}

.suivioffrectn .bystatutctn{
  display:flex;
  flex-wrap: wrap;
  gap:20px;
  align-items: flex-start;
}
.suivioffrectn .bystatutctn .bystatut{
  flex: 1;
  box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
  background: #FFFFFF;
  border-radius: 15px;
}
.suivioffrectn .bystatutctn .bystatut.statut_1{ /*Brouillon*/
  order:1200;
  flex: 0 0 100%;
  margin-top:40px;
}

.suivioffrectn .bystatutctn .bystatut .head{
  font-weight: normal;
  font-size: 17px;
  color: #ffffff;
  padding: 18px 10px 18px 10px;
  background: #ED1B54;
  font-family: GTWalsheimProBlack;
  text-transform: uppercase;
  border-radius: 15px;
  margin-right: 0;
}
.suivioffrectn .bystatutctn .bystatut a, .suivioffrectn .bystatutctn .bystatut div{
  display:flex;
  flex-wrap: wrap;
  padding:10px;
  gap:5px;
  border-bottom:2px solid #DEDEDE;
  font-weight: normal;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  box-sizing: border-box;
}
.suivioffrectn .bystatutctn .bystatut a:last-child, .suivioffrectn .bystatutctn .bystatut div:last-child{
  border-bottom:0;
}
.suivioffrectn .bystatutctn .bystatut a > span, .suivioffrectn .bystatutctn .bystatut div > span{
  min-height: 10px;
}
.suivioffrectn .bystatutctn .bystatut a > span.client, .suivioffrectn .bystatutctn .bystatut div > span.client{
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width:calc(100% - 1px); /* met une largeur pour forcer le elipsis*/
}
.suivioffrectn .bystatutctn .bystatut a > span.offre, .suivioffrectn .bystatutctn .bystatut div > span.offre{
  width:100%;
}
.suivioffrectn .bystatutctn .bystatut a > span.no, .suivioffrectn .bystatutctn .bystatut div > span.no{
  font-size:15px;
  width: calc(100% - 45px);
}
.suivioffrectn .bystatutctn .bystatut a > span.resp, .suivioffrectn .bystatutctn .bystatut div > span.resp{
  font-size:14px;
  width: 40px;
  text-align: right;
}

.suivioffrectn .bystatutctn .bystatut.statut_1 a > span.client{
  width:35%;
}
.suivioffrectn .bystatutctn .bystatut.statut_1 a > span.offre{
  width:40%;
}

.suivioffrectn .bystatutctn .bystatut.statut_1 a > span.no
{
  width:20%;
  font-size: 16px;
}
.suivioffrectn .bystatutctn .bystatut.statut_1 a > span.resp
{
  width:calc(5% - 20px);
  font-size: 16px;
}

.suivioffrectn .title{
  display:block;
  margin:80px 0 40px 0;
  color: #ffffff;
  font-size: 17px;
  font-weight: normal;
  background: #2e3337;
  font-family: GTWalsheimProBlack;
  text-transform: uppercase;
  border-radius: 15px;
  padding: 20px 10px 20px 10px;
  box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
}

.suivioffrectn #filter{
  max-width: 300px;
}
/*Onglet CSS*/
#ongletsCtn
{
	position:relative;
	outline:none;
}
#ongletsCtn.withnav
{
	margin:0 20px 0 20px;
}

#ongletsCtn > .ctn
{
	display:block;
	overflow:hidden;	
}
#ongletsCtn.withnav:focus:not(.open) > .ctn{
	background-color:#ED1B54;
}
#ongletsCtn.withnav:focus:not(.open) > .ctn > .onglets > .onglet.on{
	color:#ffffff;
}
#ongletsCtn .onglets
{
	position:relative;
	float:left; /*to have width in javascript*/
	white-space:nowrap;
	font-size:0;
}
#ongletsCtn a.nav
{
	display:none;
}

#ongletsCtn input[rel=filter]
{
	display:none;
}
#ongletsCtn .onglets > .onglet > span
{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}
#ongletsCtn .onglets > .onglet:before
{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:100%;
}

#ongletsCtn.user .onglets > .onglet
{
	position:relative;
	display:inline-block;
	box-sizing:border-box;
	width:42px;
	height:42px;
	margin:0 10px 0 0;
	text-decoration:none;
	border:2px solid #555555;
	border-radius:50%;
	cursor:pointer;
	color:#555555;
}

#ongletsCtn.user .onglets > .onglet.on
{
	color:#ffffff;
	border-color:transparent;
	background:#ED1B54;
}
#ongletsCtn.user .onglets > .onglet[data-isme=true]
{
	color:#ED1B54;
}
#ongletsCtn.user .onglets > .onglet.on[data-isme=true]
{
	color:#ffffff;
}

#ongletsCtn.user.withnav a.nav
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	width:8px;
	height:14px;
	top:50%;
	margin-top:-7px;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}

#ongletsCtn.user.withnav a.nav.prev
{
	left:-20px;
	border-right:8px solid #ED1B54;
}
#ongletsCtn.user.withnav a.nav.next
{
	right:-20px;
	border-left:8px solid #ED1B54;
}

#ongletsCtn.projet.withnav
{
	margin:0 0 0 0;
	box-sizing:border-box;
	padding-right:110px;
	max-width:908px;
}	

#ongletsCtn.projet > .ctn
{
	position:relative;
	box-sizing:border-box;
	width:100%;
	height:40px;
	border:1px solid #000000;
	border-radius:20px;
	overflow:visible;
	background:url(/template/image/cbo.png) no-repeat right 10px center;
	margin:0;
}

#ongletsCtn.projet .onglets 
{
	position:relative;
	width:100%;
	max-height:42px;
	z-index:11;
	transition:max-height .5s;
	/*padding-left: 10px;*/
}
#ongletsCtn.projet .onglets:before /*empeche le click lorsque la cbo est fermée*/
{
	content:"";
	position:absolute;
	top:0;left:0;bottom:0;right:0;
	z-index:1;
}

#ongletsCtn.projet .onglets > .onglet
{
	position:relative;
	display:none;
	box-sizing:border-box;
	margin:0 30px 0 10px;
	width:auto;
	height:40px;
	text-decoration:none;
	cursor:pointer;
	color:#000000;
}
#ongletsCtn.projet .onglets > .onglet > span
{
	font-weight:normal;
	text-align:left;
	overflow:hidden;
	text-overflow:ellipsis;	
}

#ongletsCtn.projet.withnav.open
{
	width:100%;
	padding-right:20px;
}
#ongletsCtn.projet.open .onglets
{
	position:absolute;
	left:0;
	top:40px;
	width:auto;
	min-width:100%;
	max-height:600px;
	overflow:auto;
	background:#ffffff;
	border:1px solid #000000;
	white-space:normal;
}
#ongletsCtn.projet.open .onglets:before
{
	content:none;
}

#ongletsCtn.projet.open input[rel=filter]
{
	display:block!important;
	box-sizing:border-box;
	padding:10px;
	border:border:1px solid #000000;
	width:100%;
	height:42px;
	background:url(/template/image/loupe.png) no-repeat right 10px center #ffffff;
	background-size:auto 40%;
	color:#474747;
	margin-top:-1px;
}

#ongletsCtn.projet.open .onglets > .onglet
{
	display:block;
	height:auto;
	margin:0;
	padding:10px 10px 10px 10px;
}

#ongletsCtn.projet .onglets > .onglet.on
{
	display:block;

}
#ongletsCtn.projet.open .onglets > .onglet.on
{
	background:#ED1B54;
	color:#ffffff;
}

#ongletsCtn.projet.withnav a.nav
{
	display:block;
	position:absolute;
	box-sizing:border-box;
	width:40px;
	height:40px;
	top:50%;
	margin-top:-20px;
	border:1px solid #000000;
	border-radius:50%;
}
#ongletsCtn.projet.withnav.open a.nav
{
	display:none;
}
#ongletsCtn.projet.withnav a.nav:hover, #ongletsCtn.projet.withnav a.nav:focus
{
	border-color:transparent;
	background:#ED1B54;
}
#ongletsCtn.projet.withnav a.nav:before
{
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:8px;
	height:14px;
	top:50%;
	left:50%;
	margin-top:-7px;
	margin-left:-4px;
	background-image:url(/template/image/arrowBlack.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#ongletsCtn.projet.withnav a.nav.prev
{
	right:-55px;
}
#ongletsCtn.projet.withnav a.nav.prev:before
{
	transform:rotate(180deg);
	margin-top:-8px;
}
#ongletsCtn.projet.withnav a.nav.prev:hover:before, #ongletsCtn.projet.withnav a.nav.prev:focus:before
{
	background-image:url(/template/image/arrowWhite.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
#ongletsCtn.projet.withnav a.nav.next
{
	right:-110px;
}

#ongletsCtn.projet.withnav a.nav.next:hover:before, #ongletsCtn.projet.withnav a.nav.next:focus:before
{
	background-image:url(/template/image/arrowWhite.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

/*TACHE CSS*/
#tacheHeaderCtn
{
	position:relative;
	font-weight:normal;
	font-size:24px;
	color:#000000;
	margin:0 -10px 0 -10px;
	padding:10px 10px 30px 10px;
	text-align:center;
	background:#ffffff;
	text-transform: uppercase;
	font-family: GTWalsheimProBlack;
}

.zonebtnctn
{
	position:relative;
	margin:0 -10px 0 -10px;
	padding:10px 10px 30px 10px;
	background:#ffffff;
}
#projetArchivingCtn, #addHeurePlanifieeCtn, #showBtnHeuresCtn, #showBtnBackCtn
{
	display:block;
	float:right;
	width:32%; /*recalculate in js*/
	margin-right:2%;
}
#showBtnHeuresCtn
{
	margin-right:0;
}

#projetArchivingCtn > form > input[type=submit], #addHeurePlanifieeCtn > input[type=button], #showBtnHeuresCtn > form > input[type=submit], #showBtnBackCtn > form > input[type=submit]
{
	width:100%;
}

#tacheHeaderCtn > span
{
	display:inline-block;	
	/*font-weight:600;*/ /*semibold*/
	margin-left:10px;
	font-family: GTWalsheimProBlack;
}
#tacheHeaderCtn.revert
{
	font-weight:600; /*semibold*/
}
#tacheHeaderCtn.revert > span
{
	font-weight:200; /*light*/
}

#tacheHeaderCtn.revert > span.offre{
	font-weight: 600;
	margin-left: 0;
	color:#ED1B54;
}
#tacheHeaderCtn.revert > span.offre:after{
	content:"\00a0-\00a0";
	color:#000000;
}
#tacheHeaderCtn.revert > span.raison {
  font-weight: 600;
  margin-left: 0;
}
#tacheHeaderCtn.revert > span.name {
  font-weight: 200;
  margin-left: 0;
}
#tacheHeaderCtn.revert > span.idinterne {
  font-weight: 200;
  color: #000000;
}

#tacheHeaderCtn.me
{
	/*nothing at the moment*/
}

#tacheAddCtn
{
	position:relative;
	margin:20px 0 20px 0;
	width:100%;
	max-width:908px;
}

#tacheAddCtn.fullscreen #frmTachesDB:before
{
	content:"Editer";
}

#addHeureTravailCtn
{
	display:none;
}
#addHeureTravailCtn.fullscreen
{
	display:block;
}
#addHeureTravailCtn.fullscreen #frmTachesHeureTravail:before
{
	content:"Heures de travail";
}

#tacheAddCtn.fullscreen #frmTachesDB_error:before, #addHeureTravailCtn.fullscreen #frmTachesHeureTravail_error:before, #addHeurePlanifieeCtn.fullscreen #frmAddHeurePlanifiee_error:before
{
	content:"Error";
}

#frmTachesDB_error .msg, #frmTachesHeureTravail_error .msg, #frmAddHeurePlanifiee_error .msg
{
	display:block;
	font-weight:600;/*semibold*/
	font-size:15px;
	padding:0 20px 20px 0;
	margin-bottom:20px;
}

#frmTachesDB_idprojet, .frmTachesDB_idprojet /*class for cbosimulator*/
{
	width:100%;
}

#frmTachesDB_idsousprojet, .frmTachesDB_idsousprojet
{
	width:100%;
}
#frmTachesDB_tache
{
	width:100%;
} 
#tacheAddCtn.user #frmTachesDB_tache
{
	width:100%;	
}

#frmTachesDB_iduser, .frmTachesDB_iduser /*class for cbosimulator*/
{
	width:100%;
}

#frmTachesDB_delai
{
	width:100%;
	z-index:9; /*for datetimepicker*/
}
.fullscreen #frmTachesDB_delai
{
	z-index:auto; /*for datetimepicker*/
}

#tacheAddCtn.projet #frmTachesDB_idprojet,
#tacheAddCtn.projet .frmTachesDB_idprojet,
#tacheAddCtn.user #frmTachesDB_iduser,
#tacheAddCtn.user .frmTachesDB_iduser
{
	display:none;
}

#tacheAddCtn .changectn, #tacheAddCtn .changectn a.changeprj, #tacheAddCtn .changectn a.changeuser
{
	display:none;
}
#tacheAddCtn.fullscreen .changectn{
	display:block;
	clear: both;
	padding-right:2px;
	text-align: right;
}
#tacheAddCtn.user.fullscreen .changectn a.changeuser, #tacheAddCtn.projet.fullscreen .changectn a.changeprj{
	display:inline-block;
	color:#ED1B54;
	text-decoration: none;
	margin-bottom:20px;
}
@media only screen and (min-width:720px){
	#tacheAddCtn.user.fullscreen .changectn a.changeuser, #tacheAddCtn.projet.fullscreen .changectn a.changeprj{
		margin-bottom:0;
	}
}

#frmTachesHeureTravail_projet, #frmAddHeurePlanifiee_projet
{
	position:relative;
	display:block;
	font-weight:normal; /*semibold*/
	font-size:16px;
	color:#000000;
	text-transform:uppercase;
	margin:0 0 10px 10px;
	font-family: GTWalsheimProBlack;
}
#frmTachesHeureTravail_tache
{
	position:relative;
	display:block;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	margin:0 0 20px 10px;
}
#frmTachesHeureTravail_totalheuretravail
{
	position:relative;
	display:block;
	font-weight:normal;
	font-size:14px;
	color:#ED1B54;
	margin:0 0 10px 10px;
}
#frmTachesHeureTravail_totalheuretravail:before
{
	content:"Heures déjà effectuées: ";
}

#frmTachesHeureTravail_datetravail
{
	width:100%;
}
#frmTachesHeureTravail_tempsH, #frmTachesHeureTravail_tempsM
{
	width:49.5%;
}  
#frmTachesHeureTravail .hourminutesep
{
	display:block;
	float:left;
	width:1%;
	text-align:center;
	line-height:40px;
	color:#000000;
}
#frmTachesHeureTravail .hourminutesep:before
{
	content:":";
}

#frmTachesHeureTravail span.checkbox.facturablectn
{
	display:block;
	clear:both;
	margin-left:10px;
}

@media only screen and (min-width:480px)
{
	#frmTachesHeureTravail span.checkbox.facturablectn
	{
		clear:none;
		float:left;
		line-height:32px;
	}	
}

#frmTachesHeureTravail span.checkbox.facturablectn:after
{
	content:"Facturable";
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#000000;
}

#frmTachesHeureTravail .statutctn
{
	display:block;
	clear:both;
	margin:30px 0 20px 10px;
}

#frmTachesHeureTravail span.checkbox.isdonectn
{
	float:left;
	margin-right:20px;
}
#frmTachesHeureTravail span.checkbox.isdonectn:after
{
	content:"Tâche terminée";
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#000000;
}
#frmTachesHeureTravail span.checkbox.isverifiedctn
{
	display:none;
}
#frmTachesHeureTravail.controleur span.checkbox.isverifiedctn
{
	display:block;
	float:left;
}

#frmTachesHeureTravail span.checkbox.isverifiedctn:after
{
	content:"Tâche vérifiée";
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
	color:#000000;
}

.uitachesoptions
{
	position:relative;
	display:block;
	margin:20px 0 0 0;
	font-weight:normal;
	font-size:14px;
	color:#000000;
}
.uitachesoptions > div
{
	display:block;
	margin:0 0 10px 0;
}
.uitachesoptions > div > span.txt
{
	display:inline-block;
	vertical-align:middle;
	margin-left:7px;
}

#tachesCtn
{
	position:relative;
	margin-top:20px;
}

.tachesplanifiees
{
	position:relative;
	box-sizing:border-box;
}
.tachesaplanifier
{
	position:relative;
	box-sizing:border-box;
}
.taches
{
	position:relative;
	margin:0 -10px 1px -10px;
	overflow:hidden;
}

.taches .headers
{
	font-weight:normal;
	font-size:17px;
	color:#ffffff;
	padding:18px 0 18px 0;
	background:#ED1B54;
	font-family: GTWalsheimProBlack;
	text-transform: uppercase;
	border-radius:15px;
	margin-right: 15px;
}
.taches .tache
{
	position:relative;
	font-weight:normal;
	font-size:16px;
	color:#000000;
	padding:20px 10px 15px 25px;
	background:transparent;
	border-top:2px solid #DEDEDE;
}

.taches div.tache:first-child
{
	border-top:0;
}
.taches .tache:nth-child(even)
{
	/*background:#f4f7f8;*/
}

.taches .tache:before
{
	content:"";
	position:absolute;
	left:5px;
	top:23px;
	width:11px;
	height:11px;
	border-radius:50%;
	background:#BEBEBE;
}
.taches .tache.past:before
{
	background:#ED1B54;
}
.taches .tache.today:before
{
	background:#2e3337;
}
.taches .tache.new:before
{
	left:1px;
	top:19px;
	width:19px;
	height:19px;
	background:url(/template/image/star.png) no-repeat center center;
	background-size:contain;
}
.taches .tache.done:before
{
	width:16px;
	height:12px;
	top:24px;
	background:url(/template/image/historique.png) no-repeat center center;
	background-size:contain;
}

.taches:not(.controleur) .tache.done
{
	opacity:.7;
}

.taches .tache.verified
{
	opacity:.7;
}

.taches .tache:not(.done) + .tache.done
{
	border-top:2px dotted #565656;
}
.taches.controleur .headers .verifyall {
	font-size: 8px;
	display: block;
	cursor: pointer;
	position: absolute;
	top: 100%;
	right:0;
}
.taches.controleur .tache:not(.verified) + .tache.verified
{
	border-top:2px dotted #565656;
}

.taches .headers
{
	position:relative;
	cursor:pointer;
}
.taches .headers:before
{
	content:"";
	position:absolute;
	right:15px;
	top:50%;
	margin-top:-8px;
	width:9px;
	height:16px;
	background:url(/template/image/chevron.png) no-repeat center center;
	background-size:contain;
	transform:rotate(90deg);
	transition:transform .5s;
}
.taches .headers > div, .taches .tache > div
{
	position:relative;
	display:block;
	float:left;
	box-sizing:border-box;
}
.taches.closed .tache, .taches.closed .prjhead,
.taches.closed .tache, .taches.closed .sousprjCtn
{
	display:none;
}
.taches.closed .headers:before
{
	transform:rotate(0);
}
.taches .headers > div
{
	display:none;
}

.taches .tache > div:empty:before
{
	content:"\00a0";/* */
}
.taches .description
{
	width:100%;
	text-align:left;
}
.taches .tache .description
{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid #e8e8e8;
}
.taches .headers .description
{
	display:block;
	padding-left:25px;
	width:100%;
}

.taches .responsable
{
	width:33%;
	font-weight:normal;
	padding:0;
	border-right:1px dashed #c3cbd4;
}

.taches .tache .responsable:before
{
	content:"Resp.";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:7px;
	color:#000000;
}

.taches .responsable a
{
	position:relative;
	color:inherit;
	text-decoration:none;
	z-index:2;
	transition:color .3s;
}
.taches .responsable a:after
{
	content:"";
	position:absolute;
	left:-10px;top:-10px;bottom:-10px;right:-10px;
	background:#ED1B54;
	border-radius:50%;
	z-index:-1;
	opacity:0;
	transition:opacity .3s;
}
.taches .responsable a:hover
{
	color:#ffffff;
}
.taches .responsable a:hover:after
{
	opacity:1;
}

.taches .delai
{
	width:34%;
	font-weight:normal;
	padding-left:15px;
	border-right:1px dashed #c3cbd4;
}

.taches .tache .delai:before
{
	content:"Délai";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:7px;
	color:#000000;
}
#frmTachesDB_delai
{
	text-transform: uppercase;
}

.taches .statut
{
	width:33%;
	font-weight:normal;
	padding-left:15px;
}

.taches .tache .statut:before
{
	content:"Statut";
	font-weight:600;/*semibold*/
	display:block;
	margin-bottom:3px;
	color:#000000;
}

/*gestion affichage statut*/
/*1. je cache tout*/
.taches .tache .statut > span.checkbox, .taches .tache .statut > a
{
	display:none;
}

/*2. affiche la case a cocher des projets sans suivi des heures de travail pour les taches de l'utilisateur qui ne sont pas encore vérifiée*/
.taches .tache.mine:not(.avecheuretravail):not(.verified) .statut > span.checkbox,
/*2a. affiche pour le controleur la case a cocher des projets sans suivi des heures de travail pour toutes les taches qui ne sont pas encore faite*/
.taches.controleur .tache:not(.avecheuretravail) .statut > span.checkbox
{
	display:block;
	margin-top:-2px;
}

/*3. affiche l'horloge des projets avec suivi des heures de travail pour les taches de l'utilisateur qui ne sont pas encore faite et donc par encore vérifiée*/
.taches .tache.mine.avecheuretravail:not(.done):not(.verified) .statut > a,
/*3a. affiche pour le controleur l'horloge des projets avec suivi des heures de travail pour toutes les taches qui ne sont pas encore faite*/
.taches.controleur .tache.avecheuretravail:not(.done) .statut > a
{
	display:inline-block;
	width:18px;
	height:18px;
	margin-bottom:-5px;
	background:url(/template/image/hour.svg) no-repeat center right;
	background-size:contain;
}
/*4. affiche la case a cocher des projets avec suivi des heures de travail pour les taches de l'utilisateur sont faites mes pas encores vérifiée */
.taches .tache.mine.avecheuretravail.done:not(.verified) .statut > span.checkbox,
/*4a. affiche la case a cocher des projets avec suivi des heures de travail pour toutes les taches sont faites */
.taches.controleur .tache.avecheuretravail.done .statut > span.checkbox
{
	display:block;
	margin-top:-2px;
}
/*fin gestion affichage statut*/

/*gestion affichage Verifie*/
/*1. je cache les span*/
.taches .headers > div.verifie > div, .taches .tache > div.verifie > span
{
	display:none;
}

/*2. affiche la case à cocher pour le controleur uniquement pour les tâches faite des projets avec suivi des heures */
.taches.controleur .tache.done > div.verifie > span.checkbox
{
	display:block;
	margin-top:-2px;
}
.taches.controleur .headers > div.verifie > div{
	position: relative;
	display:block;
	text-align: right;
}
.taches.controleur .headers > div.verifie > div:before{
	content:"";
	display: block;
	position: absolute;
	left:10px;top:0;bottom:0;
	border-left:1px solid #ffffff;
}

/*3. affiche btn action pour les taches non-effectuee*/
.taches .tache:not(.done) > div.verifie > span.actions
{
	position: relative;
	display:block;
	margin-top:5px;
}
/*fin gestion affichage Verifie*/


.taches .verifie
{
	display:block;
	width:100%;
	height:34px;
	padding:10px 0 10px 0;
	font-weight:normal;
	border-top:1px dashed #c3cbd4;
	margin-top:10px;
}

.taches.controleur .tache.done .verifie:before
{
	content:"Verifié";
	font-weight:600;/*semibold*/
	display: inline-block;
	margin-bottom:3px;
	color:#000000;
	margin-right: 5px;
}
.taches.controleur .tache.done > div.verifie > span.checkbox{
	display:inline-block;
}

.tachesaplanifier .taches .description
{
	width:100%;
}
.tachesaplanifier .taches .responsable, .tachesaplanifier .taches .delai
{
	width:auto;
	border:none;
}
.tachesaplanifier .taches .responsable:empty, .tachesaplanifier .taches .delai:empty
{
	display:none;
}
.tachesaplanifier .taches .responsable:empty + .delai
{
	padding:0;
}
.tachesaplanifier .taches .responsable:before, .tachesaplanifier .taches .delai:before
{
	display:inline-block;
	margin-right:10px;
}

.prjhead
{
	position:relative;
	display:block;
	padding:20px 10px 20px 25px;
	font-weight:normal; /*semibold*/
	font-size:18px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	background:#2e3337;
	transition:all .3s;
	margin-bottom:10px;
	font-family: GTWalsheimProBlack;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}
.prjhead.prjtype10:before{
	content:"Offre\00a0-\00a0";
	color: #ED1B54;
}
.prjdelimiter > .prjhead{
	margin-top:20px;
	margin-right: 15px;
}
.sousprjhead
{
	position:relative;
	display:block;
	padding:20px 10px 20px 25px;
	font-weight:normal; /*semibold*/
	font-family: GTWalsheimProBlack;
	text-transform: uppercase;
	font-size:17px;
	color:#000000;
	text-decoration:none;
	background:#ffffff;
	border-radius: 15px 15px 0 0;
	margin-top:10px;

}
.prjdelimiter .sousprjhead.refsousprj,
.headers + .sousprjhead.refsousprj{ /*=non-classé*/
	display:none;
}

.prjdelimiter .sousprjhead ~ .sousprjhead.refsousprj
{
	display:block;
}


.prjdelimiter
{
	position:relative;
	border-radius: 15px;
	margin-bottom: 55px;
}
.taches.closed .prjdelimiter{
	margin-bottom:0;
}
@media only screen and (min-width:720px){
	.taches.closed .prjdelimiter{
		margin-bottom: 55px;
	}
}

.prjdelimiter .sousprjCtn
{
	box-shadow: 7px 7px 11px rgba(0, 0, 0, 0.2);
	background:#FFFFFF;
	border-radius: 15px;
	margin:15px 15px 15px 0;
}
.prjdelimiter:hover
{
	z-index:2;
}
/*.prjdelimiter:last-child:hover
{
	margin-bottom:0;
}*/
.prjdelimiter .tache:hover
{
	background-color:#F2F2F2;
}


@media only screen and (min-width:720px)
{
	
	#ongletsCtn.projet.open .onglets
	{
		white-space:nowrap;
	}
	#ongletsCtn.projet.open .onglets > .onglet
	{
		height:40px;
		padding:0 10px 0 10px;
	}
	
	#ongletsCtn.projet.withnav.open
	{
		padding-right:110px;
	}
	#ongletsCtn.projet.withnav.open a.nav
	{
		display:block;
	}
	
	#tacheHeaderCtn
	{
		font-size:29px;
		margin:40px 5px	30px 5px;
		padding:0 20px 60px 0;
		text-align:left;
    	background:none;
	}

	.zonebtnctn
	{
		position:absolute;
		top:45px;
		right:10px;
		margin:0;
		padding:0;
		background:none;
	}
	
	#projetArchivingCtn, #addHeurePlanifieeCtn, #showBtnHeuresCtn, #showBtnBackCtn
	{
		width:auto!important; /*!important pour éviter recalc in script*/
		margin-right:10px;
	}
	
	#frmTachesDB_idprojet, .frmTachesDB_idprojet /*class for cbosimulator*/
	{
		/*width:35%;
		margin-right:2%;*/
		width:100%;
	}

	#frmTachesDB_tache
	{
		width:64%;
		margin-right:2%;
	}
	#frmTachesDB_tache.short
	{
		width:100%;
		margin-right: 0;
	}
	#tacheAddCtn.user #frmTachesDB_tache
	{
		width:82%;
	}
	#tacheAddCtn.user #frmTachesDB_tache.short{
		width:45%;
		margin-right:2%;
	}

	#frmTachesDB_idsousprojet, .frmTachesDB_idsousprojet
	{
		width:64%;
		margin-right:2%;
	}
	#tacheAddCtn.user #frmTachesDB_idsousprojet, #tacheAddCtn.user .frmTachesDB_idsousprojet
	{
		width:35%;
		margin-right:2%;
	}

	#frmTachesDB_iduser,  .frmTachesDB_iduser /*class for cbosimulator*/
	{
		width:16%;
		margin-right:2%;
	}	
	
	#frmTachesDB_delai
	{
		width:16%;
	}	
	
	#frmTachesHeureTravail_datetravail
	{
		width:150px;
		margin-right:20px;
	}
	#frmTachesHeureTravail_tempsH, #frmTachesHeureTravail_tempsM
	{
		width:80px;
	}
	
	#frmTachesHeureTravail .hourminutesep
	{
		width:auto;
		margin:0 2px 0 2px;
	}
	
	#frmTachesHeureTravail span.checkbox.facturablectn
	{
		margin-left:20px;
	}
	#frmTachesHeureTravail .statutctn
	{
		margin:20px 0 20px 10px;
	}
	
	.uitachesoptions
	{
		margin:40px 10px 0px 10px;
	}
	.uitachesoptions > div
	{
		float:left;
		margin:0 30px 0 0;
	}
	
	#tachesCtn
	{
		margin:0;
	}

	.taches
	{
		position:relative;
		margin:20px 0 20px 0;
		overflow:hidden;
	}
	.taches .tache
	{
		padding:20px 0 20px 0;
	}
	.taches .tache:before
	{
		left:24px;
	}
	
	.taches .tache.new:before
	{
		left:24px;
	}
	.taches .tache.done:before
	{
		left:24px;
	}
	
	.taches .headers
	{
		cursor:default;
	}
	.taches .headers:before
	{
		content:none;
	}
	.taches .headers > div, .taches .tache > div, .taches.closed .tache, .taches.closed .prjhead, .taches.closed .sousprjCtn
	{
		display:block;
	}
	.taches .description, .taches .tache .description
	{
		width:calc(100% - 320px);
		min-height: 10px; /* force le rendu meme si le contenu est à display:none*/
		padding:0 10px 0 55px;
		margin:0;
		border:none;
	}
	.taches .headers .description{
		width:calc(100% - 320px);
		min-height: 10px;
	}

	.taches .responsable
	{
		width:60px;
		min-height: 10px;
		padding:0 10px 0 10px;
		font-weight:600;/*semibold*/
		text-align: center;
		border:none;
	}

	.taches .headers .responsable
	{
		width:60px;
		min-height: 10px;
		direction: rtl;
		text-align:right;
		white-space:nowrap;
		font-weight:normal;
	}
	.taches .delai
	{
		width:100px;
		min-height: 10px;
		padding:0 10px 0 10px;
		font-weight:600;/*semibold*/
		text-align:center;
		border:none;
	}
	.taches .headers .delai
	{
		width:100px;
		min-height: 10px;
		font-weight:normal;
		text-align:center;
		border-left:1px solid #ffffff;
	}
	.taches .statut
	{
		width:60px;
		min-height: 10px;
		padding:0 10px 0 10px;
		font-weight:600;/*semibold*/
		text-align:center;
	}
	.taches .headers .statut
	{
		width:60px;
		min-height: 10px;
		font-weight:normal;
		text-align:center;
		border-left:1px solid #ffffff;
	}

	.taches .verifie
	{
		width:100px;
		height: auto;
		min-height: 10px;
		padding:0 10px 0 10px;
		border-top:0;
		margin:0;
	}
	.taches .headers .verifie{
		width:100px;
		min-height: 10px;
		font-weight:normal;
		text-align:left;
	}
	.taches .tache:not(.done) > div.verifie > span.actions{
		margin:0;
	}
	.taches.controleur .tache.done > div.verifie > span.checkbox{
		display:block;
	}

	.taches .tache .responsable:before, .taches .tache .delai:before, .taches .tache .statut:before, .taches .tache .verifie:before, .taches.controleur .tache.done .verifie:before
	{
		content:none;
		margin:0;
	}
	
	.tachesaplanifier .taches .description
	{
		width:calc(100% - 160px);
		padding:0 10px 0 55px;
		min-height: 10px;
	}
	.tachesaplanifier .taches .responsable
	{
		width:60px;
		min-height: 10px;
		padding:0 10px 0 10px;
	}
	.tachesaplanifier .taches .delai
	{
		width:100px;
		min-height: 10px;
		padding:0 10px 0 10px;
	}
	.tachesaplanifier .taches .verifie{
		position: absolute;
		width: auto;
		right: 5px;
		padding: 0;
	}

	.prjhead
	{
		padding:20px 20px 20px 22px;
	}
	.prjhead:hover:before
	{
		left:10px;
	}
}

@media only screen and (min-width:1200px)
{
	#tacheHeaderCtn
	{
		padding-bottom:20px;
	}

	.zonebtnctn
	{
		top:-5px;
	}
}
@media only screen and (min-width:1600px)
{
	.tachesplanifiees
	{
		float:left;
		width:60%;
		padding-right:40px;
	}
	.tachesaplanifier
	{
		float:left;
		width:40%;
	}

	.tachesaplanifier .taches .headers .responsable
	{
		border:0;
	}
	
	.taches.closed .tache, .taches.closed .prjhead
	{
		display:block;
	}
}
@media only screen and (min-width:1730px)
{
	#ongletsCtn
	{
		margin:0 185px 0 146px;
	}
	#ongletsCtn.withnav
	{
		margin:0 205px 0 166px;
	}
	#ongletsCtn.projet.withnav
	{
		margin:0 310px 0 146px;
	}
		
	#ongletsCtn.projet > .ctn
	{
		width:660px;
	}	
}



/* REDEFINI LES TAILLES POUR AFFICHAGE RAW*/
.tachesplanifiees.raw, .tachesaplanifier.raw
{
	float:none;
	width:100%;
	padding-right:0;
}
.tachesplanifiees.raw .taches .description,
.tachesaplanifier.raw .taches .description{
	width:100%;
	min-height: 10px;
}
.tachesplanifiees.raw .taches .projet,
.tachesaplanifier.raw .taches .projet{
	width:60%;
	min-height: 10px;
}
.tachesplanifiees.raw .taches .projet > a,
.tachesaplanifier.raw .taches .projet > a{
	text-decoration: none;
	color:inherit;
}
.tachesplanifiees.raw .taches .sousprojet,
.tachesaplanifier.raw .taches .sousprojet{
	width:40%;
	min-height: 10px;
}
.tachesplanifiees.raw .taches .responsable,
.tachesaplanifier.raw .taches .responsable{
	clear:both;
}
@media only screen and (min-width:720px){
	.tachesplanifiees.raw .taches .description,
	.tachesaplanifier.raw .taches .description{
		width:calc((100% - 320px) * .45);/*45% de la place restante*/
	}
	.tachesplanifiees.raw .taches .projet,
	.tachesaplanifier.raw .taches .projet{
		width:calc((100% - 320px) * .35);/*35% de la place restante*/
	}
	.tachesplanifiees.raw .taches .sousprojet,
	.tachesaplanifier.raw .taches .sousprojet{
		width:calc((100% - 320px) * .2);/*25% de la place restante*/
	}
	.tachesplanifiees.raw .taches .responsable,
	.tachesaplanifier.raw .taches .responsable{
		clear:none;
	}
}

.taches .tache .verifie .actions a.edit{
	position: absolute;
	display:block;
	top:0;
	right:0;
}
.taches .tache .verifie .actions a.ics, .taches .tache .verifie .actions a.remind{
	display:none;
}
.taches .tache.mine .verifie .actions a.ics{
	position: absolute;
	display:block;
	top:0;
	left:50%;
	transform: translateX(-50%);
}
.taches .tache.mine .verifie .actions a.remind{
	position: absolute;
	display:block;
	top:0;
	left:0;
	transform: none;
}
.taches .tache .verifie .actions a.remind.allow{
	display:block;
}


#frmSetProjetOffre{
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	justify-content: flex-start;
	align-items: center;
	z-index:500;
}
#frmSetProjetOffre:before{
	width: 100%;
	margin:0 0 10px 10px;
	content:"Statut de l'offre\00a0:\00a0";
}
.select.frmSetProjetOffre_idstatut{
	width: 100%;
	float:none;
	margin: 0;
}
@media only screen and (min-width:720px){
	#frmSetProjetOffre{
		position: absolute;
		right:15px;
		display: flex;
		margin-right: 15px;
		justify-content: flex-end;
		align-items: center;
		z-index:150;
	}
	#frmSetProjetOffre:before{
		margin:0;
		width:auto;
		content:"Statut de l'offre\00a0:\00a0";
	}
	.select.frmSetProjetOffre_idstatut{
		float:none;
		margin: 0;
		width: 270px;
	}
}/*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:12px;
    font-weight:normal;
    line-height:normal;
    max-width:300px;
    color:#474747;
}
#formEditUser .policy.error
{
    color:red;
}#weblinksListCtn .listElement .img
{
	float:left;
	width:40%;
}