/* CSS reset */

html {
  font-family: 'Libre Franklin', sans-serif;color:#000;
  -ms-text-size-adjust: 100%; /* Prevent iOS text size adjust after orientation change while allowing user zoom */
  -webkit-text-size-adjust: 100%; /* Prevent iOS text size adjust after orientation change while allowing user zoom */
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
a, em, img, strong, sub, sup,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
	text-align:left;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse;border-spacing: 0; }
textarea { overflow: auto; }

img {max-width: 100%;height:auto;}
img {-ms-interpolation-mode: bicubic;}

a {font-size:1em;color:#000;text-decoration: none;background-color: transparent; }
a:hover {color: #339a96; }

h1 {font-size:1.2em;line-height:1.3;padding:2px 0;}
h2 {font-size:1.1em;line-height:1.3;padding:2px 0;}
h3 {font-size:0.9em;line-height:1.3;padding:2px 0;}

p {font-size:0.9em;line-height:1.5;}
p.medium {font-size:1em;line-height:1.5;}
p.zzero {font-size:0;}

/* Définitions */

body {background-color:#fff;}
.clearfloat {clear:both;}
.f-nav {position:fixed;width:100%;top:0;z-index:1040;}


/* BEGIN : header */

#header_conteneur {min-width:320px;text-align:center;background-color:#000}
#header {margin:0 auto;text-align:center;max-width:1350px;background-color:#000}

#header .logo-zone {position:relative;width:96%;margin:0 auto;text-align:center;padding:20px 0 15px;}

#header .logo {text-align:center;} 
#header .logo a {display:inline-block;}
#header .logo img {width:170px;vertical-align:middle;}
#header .logo.dinec img {width:79px;}
#header .logo-zone .label-portal {display:inline-block;margin:0 10px 0 20px;vertical-align:middle;}
#header .logo-zone .label-portal h1 {text-align:left;color:#fff;line-height:1;font-size:1em;font-weight:600;}
#header .logo-zone .label-portal.priceOnlyLogout {float:right;}
#header .logo-zone .label-portal.priceOnlyLogout a {color:#fff;}
#header .logo-zone .logo.dinec .label-portal {margin-top:10px;}
#header .logo-zone .logo.custom .label-portal {margin-top:10px;}

#header_conteneur nav {margin:0 auto;max-width:1350px;margin-top:141px;} 					/* ajustement nécessaire à cause du header fixed */
#conteneur-toggle-menu {position:fixed;z-index:1040;width:100%;top:0;margin-top:103px;} 		/* ajustement nécessaire à cause du header fixed */

#menu ul {margin: 0;padding: 0;}
#menu .main-menu {display: none;}
#tm:checked + .main-menu {display: block;margin-bottom:-115px;}								/* ajustement nécessaire à cause du header fixed */

#menu input[type="checkbox"], 
#menu ul span.drop-icon {display: none;}

#menu li, 
#toggle-menu, 
#menu .sub-menu {border-style: solid;border-color: #ccc;}

#menu li, 
#toggle-menu {border-width: 0 0 1px;}

/*#menu .sub-menu {background-color: #777;border-width: 1px 0 0;margin: 0 1em;}*/
#menu .sub-menu {border-width: 1px 0 0;margin: 0 1em;}
#menu .sub-menu li:last-child {border-width: 0;}

#menu li, 
#toggle-menu, 
#menu a {position: relative;display: block;color: white;text-shadow: 1px 1px 0 rgba(0, 0, 0, .125);cursor:pointer;}

#menu {background-color: #000;}
#toggle-menu {background: #000;}

#toggle-menu, 
#menu a {padding: 1em 1.5em;}

#menu a {transition: all .125s ease-in-out;-webkit-transition: all .125s ease-in-out;}
/*#menu a:hover {background-color: white;color: #000;}*/
#menu .sub-menu {display: none;}
#menu input[type="checkbox"]:checked + .sub-menu {display: block;}
/*#menu .sub-menu a:hover {background-color: #ddd; color: #000;}*/

#toggle-menu .drop-icon, 
#menu li label.drop-icon {position: absolute;right: 0;top: 0;width:100%;text-align:right;}

#menu label.drop-icon, #toggle-menu span.drop-icon {padding: 1em;font-size:1em;text-align: center;background-color: rgba(0, 0, 0, .125);text-shadow: 0 0 0 transparent;color: rgba(255, 255, 255, .75);}
#toggle-menu span.drop-icon.mm {padding:8px 1em 7px;background-color:transparent;text-align:right;}
#toggle-menu span.drop-icon.mm img {width:30px;}


#search {margin:3px 0 0 0;margin-top:15px;background-color:#333;border-bottom:solid 1px #ccc;} 
#search form {padding:0;margin:0;}
#search input {vertical-align:top;font-size:0.9em;}
#search input[type="text"] {text-align:center;width:calc(100% - 38px);height:23px;padding:2px;background:#333;border:0;margin:0;color:#ddd;}
#search input[type="submit"] {padding:2px 5px 2px 5px;width:34px;height:27px;border:0;color:#ddd;cursor:pointer;margin:0;background:#333 url(images/search-btn-white.svg) center 2px no-repeat;}
#search input[type="submit"]::-moz-focus-inner {border:0;}
#search input[type="submit"]:focus {background:#333 url(images/search-btn-white.svg) center 2px no-repeat;}
		
@media only screen and (min-width: 420px) {
	#header .logo img {width:230px;}
	#header .logo.dinec img {width:106px;}
	#header .logo.custom img {width:auto;}
}	
@media only screen and (min-width: 510px) {
	
	#header .logo-zone .label-portal h1 {font-size:1.2em;}
	#header .logo img {width:325px;}
	#header .logo.dinec img {width:148px;}
	#header .logo.custom img {}
	#header .logo-zone .label-portal {margin:0 20px 0;}
	#header .logo-zone .logo.dinec .label-portal {margin-top:17px;}
	#header .logo-zone .logo.custom .label-portal {margin-top:10px;}
	#header_conteneur nav {margin-top:154px;} 			/* ajustement nécessaire à cause du header fixed */
	#conteneur-toggle-menu {margin-top:116px;} 			/* ajustement nécessaire à cause du header fixed */
	#tm:checked + .main-menu {margin-bottom:-128px;}	/* ajustement nécessaire à cause du header fixed */	
}

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

#header_conteneur {min-width:320px;text-align:center;background-color:#000;position:fixed;z-index:1040;width:100%;top:0;}
#header {position:relative;z-index:unset;width:auto;top:unset;}
#header .logo {text-align:left;}
#header_conteneur nav {margin-top:0;}
#conteneur-toggle-menu {position:relative;z-index:unset;width:auto;top:unset;margin-top:0;}

  #tm:checked + .main-menu {margin-bottom:0;}
  #menu .main-menu {display: inline-block;margin-left:4%;}

  #toggle-menu, 
  #menu label.drop-icon {display: none;}

  #menu ul span.drop-icon {display: inline-block;}
  #menu ul .sub-menu {box-shadow: 0px 0px 10px #000;}
  #menu li {float: left;border-width: 0 1px 0 0;}
  #menu li.last {border-width:0;}
  #menu li.last a {padding: 0.5em 1.5em;}
  #menu a:hover {background-color: white;color: #000;}
  #menu .sub-menu li {float: none;}
  #menu .sub-menu {border-width: 0;margin: 0;position: absolute;top: 100%;left: 0;width: 12em;z-index: 3000;}
  #menu .sub-menu {background-color: #777;}
  #menu .sub-menu a:hover {background-color: #ddd; color: #000;}
	
  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {display: none;}

  #menu .sub-menu li {border-width: 0 0 1px;}
  #menu .sub-menu .sub-menu {top: 0;left: 100%;}
  #menu .sub-menu .drop-icon {position: absolute;top: 0;right: 0;padding: 1em;}
  #menu li:hover > input[type="checkbox"] + .sub-menu {display: block;}
  

	#header .logo-zone {width:92%;padding-bottom:15px;}
	
	#search {float:right;margin:3px 0 0 0;}
	#search input[type="text"] {width:120px;}
	#search input[type="submit"] {width:30px;}
}
/* END   : header */




#conteneur {min-width:320px;margin:0 auto;text-align:center;background-color:#fff;max-width:1350px;min-height:calc(100vh - 84px - 43px - 26px);} 
#conteneur {margin-top:114px;} /* ajustement nécessaire à cause du header fixed */
@media only screen and (min-width: 480px) { 
	#conteneur {margin-top:127px;} 
}
#contenu {width:92%;padding:25px 4%;margin:0 auto;}
#contenu h2 {text-align:center;color:#cc0000;padding:20px 0 0;}
#contenu h2.black {color:#000;}

#contenu #msgDNCaccess {background-color:#cc0000;border:solid 1px #fff;font-size:1.2em;line-height:1.2;font-weight:bold;text-align:center;padding:5px;color:#fff;}
#contenu #msgDNCaccess a {color:#fff;}
#contenu #msgDNCaccess a:hover {color:#000;}

#contenu div.document {display:inline-block;width:98%;margin:30px 1% 0;text-align:left;vertical-align:top;}
#contenu a.vignette {display:inline-block;border:solid 1px #ddd;width:100%;text-align:center;} /*width:calc(100% - 42px);*/
#contenu a.vignette:hover {color:#777;}
#contenu a.vignette img {max-width:94%;padding:3%;padding-bottom:1%;height:auto;vertical-align:baseline;}
#contenu a.vignette .titre {margin:5px 3% 0;line-height:1.2;max-width:94%;padding:10px 0;border:solid 1px #fff;border-top:solid 1px #ddd;font-size:0.8em;text-align:center;}

#contenu a.vignetteHome {display:inline-block;width:100%;text-align:center;}
#contenu a.vignetteHome .titre {margin:0 3% 5px;line-height:1.2;padding:10px 10px 50px;font-size:1em;text-align:center;color:#000;}
#contenu a.vignetteHome .arrow-bt {margin:5px 3% 0;padding:50px 10px 0 0;text-align:center;color:#000;}
.arrow {
  border: solid black;
  border-width: 0 8px 8px 0;
  display: inline-block;
  padding: 8px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

@media only screen and (min-width: 500px) { #contenu div.document {width:48%;} }
@media only screen and (min-width: 800px) { #contenu div.document {width:31.3%;} }
@media only screen and (min-width: 1090px) { #contenu div.document {width:23%;} }

/*
#contenu div.document div.bts {display:inline-block;vertical-align:top;width:40px}
#contenu div.document div.bts a {display:inline-block;padding:5px 0 0;background-color:#ddd;border:solid 1px #ddd;text-align:center;width:100%;}
*/

#t-connexion form {margin:20px 0 40px;}
#t-connexion table {margin:0 auto;}
#t-connexion table td {padding:5px;}
#t-connexion table td.login-icon {text-align:center;}
#t-connexion table td.login-icon img {width:60px;}
#t-connexion table td a {display:block;width:179px;margin-top:10px;text-align:center;font-size:0.85em;font-style:italic;}
#t-connexion table td label {font-size:1em;font-weight:500;}
#t-connexion table td input[type="text"],#t-connexion table td input[type="password"] {text-align:center;width:175px;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
#t-connexion table td input[type="submit"] {width:179px;padding:5px 1px 5px 1px;background-color:#000; border:1px solid #000;color:#fff;cursor:pointer;margin:0;font-size:1em;}
#t-connexion table td input[type="submit"]::-moz-focus-inner {border:0;}
#t-connexion table td input[type="submit"]:focus {background-color:#777;color:#fff;}

#liveAlertPlaceholder2 {max-width:500px;margin:30px auto 0;}
#czCategoryMenu {text-align:center;}
#czCategoryMenu select {text-align:left;width:auto;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
#czCategoryMenu select.Off {display:none;}
.czformZone .czform.Off {display:none;}
.czformZone form {margin:20px 0 40px;}
.czformZone table {margin:0 auto;}
.czformZone table td {padding:5px;vertical-align:middle;text-align:center;}
.czformZone table td.smlabel {text-align:center;width:180px}
.czformZone table td.smlabelSmall {text-align:center;width:100px}
.czformZone table td.smlabelPrice {text-align:center;width:120px;}
.czformZone table td.czPrice div.thePrice {border:solid 1px #000;width:calc(100% - 2px);font-size:1em;font-weight:bold;text-align:center;height:28px;line-height:28px;min-width:120px;}
.czformZone table td.czPrice div.btPrice {text-align:center;background-color:#000; border:1px solid #000;color:#fff;cursor:pointer;margin:0;font-size:1em;font-weight:bold;height:28px;line-height:28px;min-width:80px;}
.czformZone table td.czPrice div.Off {display:none;}

#czCategoryMenu select option {
  background: #fff;
}


.czformZone table td label {font-size:1em;font-weight:500;}
.czformZone table td input[type="text"] {text-align:center;width:175px;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
.czformZone table td select {text-align:left;width:175px;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
.czformZone table td select.msWauto {width:auto;}
.czformZone table td select.msSmall {width:100px;text-align:center;}
.czformZone table td select.msDim {text-align:center;}

#t-request form {margin:20px 0 40px;}
#t-request table {margin:0 auto;}
#t-request table td {padding:5px;vertical-align:middle;}
#t-request table td.smlabel {text-align:center;}
#t-request table td.tlabel {text-align:right;}
#t-request table td.tdescription {padding-left:30px;}

#t-request table td label {font-size:1em;font-weight:500;}
#t-request table td input[type="text"],#t-request table td input[type="email"] {text-align:left;width:175px;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
#t-request table td select {text-align:left;width:175px;padding:5px 1px 5px 1px;background-color:#fff; border:1px solid #000; margin:0;color:#000;font-size:1em;}
#t-request table td select.msWauto {width:auto;}
#t-request table td input[type="submit"] {width:179px;padding:5px 1px 5px 1px;background-color:#000; border:1px solid #000;color:#fff;cursor:pointer;margin:0;font-size:1em;}
#t-request table td input[type="submit"]::-moz-focus-inner {border:0;}
#t-request table td input[type="submit"]:focus {background-color:#777;color:#fff;}

#t-meeting table {margin:0 auto;border:solid 1px #333;}
#t-meeting table td {border:solid 1px #333;}
#t-meeting table td.titre {font-size:1em;font-weight:500;text-align:center;background-color:#777;color:#fff}
#t-meeting table td.ligneC {font-size:1em;text-align:center;padding:5px;}
#t-meeting table td.ligneL {font-size:1em;text-align:left;padding:5px;}
#t-meeting table td form {text-align:center;}
#t-meeting table td input[type="submit"] {padding:5px 10px 5px 10px;background-color:#000; border:1px solid #000;color:#fff;cursor:pointer;margin:0;font-size:1em;}
#t-meeting table td input[type="submit"]::-moz-focus-inner {border:0;}
#t-meeting table td input[type="submit"]:focus {background-color:#777;color:#fff;}
#t-meeting table td select {text-align:left;width:175px;padding:5px 1px 5px 1px;border:1px solid #000; margin:0;color:#000;font-size:1em;}
#t-meeting table td select.msWauto {width:auto;}
#t-meeting table td select.noBorder {border:0;}
#t-meeting .instructs {margin:0 auto;font-size:0.85em;line-height:1.2;width:903px;padding:5px 10px;}

#t-orderform table {margin:0 auto;border:solid 1px #333;}
#t-orderform table td {border:solid 1px #333;}
#t-orderform table td.titre {font-size:1em;font-weight:500;text-align:center;background-color:#777;color:#fff}
#t-orderform table td.ligneC {font-size:1em;text-align:center;padding:5px;}
#t-orderform table td.ligneL {font-size:1em;text-align:left;padding:5px;}
#t-orderform table td form {text-align:center;}
#t-orderform table td input[type="submit"] {padding:5px 10px 5px 10px;background-color:#000; border:1px solid #000;color:#fff;cursor:pointer;margin:0;font-size:1em;}
#t-orderform table td input[type="submit"]::-moz-focus-inner {border:0;}
#t-orderform table td input[type="submit"]:focus {background-color:#777;color:#fff;}
#t-orderform table td select {text-align:left;width:175px;padding:5px 1px 5px 1px;border:1px solid #000; margin:0;color:#000;font-size:1em;}
#t-orderform table td select.msWauto {width:auto;}
#t-orderform table td select.noBorder {border:0;}
#t-orderform .instructs {margin:0 auto;font-size:0.85em;line-height:1.2;width:903px;padding:5px 10px;}
#t-orderform .conteneurInfos {margin:5px;}
#t-orderform .conteneurInfos h4 {font-size:0.9em;margin:3px 0;}
#t-orderform .conteneurInfos div {width:180px;border:solid 1px #999;padding:5px;margin-bottom:10px;}
#t-orderform .conteneurInfos select {width:180px;border:solid 1px #999;margin-bottom:10px;}

/* MySQL inline edit styles */
.bg-success {background-color:#dff0d8;}
.bg-danger {background-color:#f2dede;}

/* Breadcrumb */
ul.breadcrumb {padding: 10px 16px;margin-top:20px;list-style: none;background-color: #eee;}

/* Display list items side by side */
ul.breadcrumb li {display: inline-block;font-size:1em;}

/* Add a slash symbol (>) before/behind each list item */
ul.breadcrumb li+li:before {padding:10px;color:#000;content: ">";}	/*content: ">\00a0";*/





.tabs {margin-top:20px;}
.tabs label {order: 1; display: block;	padding:10px; background: #ddd; color:#000; text-align:center; font-weight: 600;width:calc(100% - 20px);}
.tabs .tab {flex-grow: 1;width: 100%;margin-top:10px;margin-bottom:30px;background: #fff;}
.tabs input[type="radio"] {	display: none; }

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

	.tabs {	display: flex;flex-wrap: wrap; margin-top:20px;	}
	.tabs label { padding:18px;cursor: pointer;transition: background ease 0.2s; width:calc(100% / 3 - 36px - 2px);border-right:solid 1px #fff;border-left:solid 1px #fff;}
	.tabs .tab { order: 99; display: none; }
	.tabs input[type="radio"]:checked + label { background: #777; color:#fff; }
	.tabs input[type="radio"]:checked + label:after {
		content: '';
		position:absolute;
		border-style:solid;
		border-width: 20px 20px 0;
		border-color: #777 transparent;
		display:block;
		width:0;
		z-index:1;
		margin-left:calc(92% / 3 / 2 - 18px - 20px);
		margin-top: 18px;
	}

	.tabs input[type="radio"]:checked + label + .tab { display: block; }
}
@media only screen and (min-width: 1337px) { .tabs input[type="radio"]:checked + label:after { margin-left:169px; } }


#footer_conteneur {text-align: right;background-color: #333;padding: 5px 6% 5px 10px;}
#footer_conteneur a {color:#fff;font-size: 0.8em;}

.cookie-consent-banner {z-index:99999;position:fixed;width:calc(100% - 20px);padding:10px;right:0px;bottom:0px;background-color:#ddd;border-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:2px -4px 10px 0px #888;}
.cookie-consent-banner-i {min-width:320px;margin:0 auto;font-family:Verdana, Geneva, "DejaVu Sans", sans-serif;font-size:12px;text-align:center;}
.cookie-consent-banner h3 {font-size:1.3em;font-weight:bold;color:#000;text-align:center;}
.cookie-consent-banner p {margin:2px 10px 8px;font-size:1.1em;color:#000;text-align:center;}
.cookie-consent-banner p a {font-size:1em;color:#000;text-decoration:underline;}
.cookie-consent-banner button {margin:0 0 3px;padding:5px 20px;background-color:#efefef;color:#000;border:solid 1px #000;border-radius:5px;}
#btn-accept-all {cursor:pointer;padding:5px 20px;background-color:#000;color:#fff;border:solid 1px #000;}
.cookie-consent-options {text-align:center;}
.cookie-consent-options label {color:#000;font-size:1em;}
.cookie-consent-options label input {width:20px;border-radius:5px;}