html { background-color:#262633; }
body {
	/*background-image:url("../img/texture/xxx.png"); background-color:white;
	background-image:url("../img/texture/stardust.png"); background-color:#e8ebeb;
	background-image:url("../img/texture/stardust.png"); background-color:#f7f9fa;
	background-image:url("../img/texture/subtlenet.png"); background-color:#f7f9fa;
	background-image:url("../img/texture/tileable-wood-colored.png"); background-color:#734544;
	background-image:url("../img/texture/brick-wall.png"); background-color:#fcfdff;
	background-image:url("../img/texture/flowers.png"); background-color:#fcfeff;
	background-image:url("../img/texture/shattered2.png");
	background-image:url("../img/texture/skulls.png"); background-color:#5e5d5d;
	background-image:url("../img/texture/xv.png"); background-color:#494a4f;
	background-image:url("../img/texture/shattered.png"); background-color:black;
	background-image:url("../img/texture/purty-wood.png"); background-color:#fcfeff;
	background-image:url("../img/texture/clean-gray-paper.png"); background-color:#588a8c;
	background-image:url("../img/texture/clean-gray-paper.png"); background-color:#005278;
	background-image:url("../img/texture/clean-gray-paper.png"); background-color:white;
	background-image:url("../img/texture/cardboard-flat.png"); background-color:#87632c;
	background-image:url("../img/texture/double-lined.png"); background-color:#f2f6fc;
	background-image:url("../img/texture/flowers.png"); background-color:#288494;
	background-image:url("../img/texture/flowers.png"); background-color:#6693a1;
	background-image:url("../img/texture/flowers.png"); background-color:black;
	background-image:url("../img/texture/lined-paper.png"); background-color:#fcfeff;
	background-image:url("../img/texture/soft-wallpaper.png"); background-color:#2e2e2d;
	background-image:url("../img/texture/soft-wallpaper.png"); background-color:#262633;
	background-image:url("../img/texture/soft-wallpaper-courbed.png"); background-color:white;
	background-image:url("../img/texture/stucco.png"); background-color:#f7f9fa;*/
	/*background-image:url("../img/texture/stucco.png"); background-color:white;
	background-image:url("../img/texture/subtle-grunge.png"); background-color:#f7f9fa;
	background-image:url("../img/jakob-braun-LmGT_iY-ykc-unsplash.jpg"); background-color:#f7f9fa;
	background-image:url("../img/tim-mossholder-0Qvaxzh3VBo-unsplash.jpg"); background-color:#f7f9fa;
	background-image:unset; background-color:#f9f9f9;
	background-image:url("../img/kelly-sikkema-Oz_J_FXKvIs-unsplash.jpg"); background-color:#f7f9fa; background-size:100%; background-position-y:400px;
	background-image:url("../img/bg2_2560x1600_lightgrey.jpg"); background-color:#f7f9fa;*/
	background-image:linear-gradient(90deg, transparent 25%, white 40%), url("../img/texture/stucco.png"); background-color:#f7f9fa; background-position-y:400px;
	/*min-height:100vh;*/ font-family:Calibri,Sans; /*color:#262633;*/ color:#383f4e;
	}

header#appHdr { position:relative; z-index:100; top:0; display:flex; /*grid-template-columns:200px auto 100px;*/ width:100%; height:120px; align-items:center; /*padding-bottom:20px;*/ transition:1.2s; }
header#appHdr {
	background-image:url("../img/texture/subtlxxenet.png"); background-color:#f7f9fa;
	background-color:#f5f6f8;
	background-color:transparent; background-image:url("../img/thin_border3.png"), linear-gradient(to top, transparent 0% 30px, white 30px 100%);
	background-repeat:repeat; background-position:bottom;
	background-color:white;
	box-shadow: 0 1px 2px 0 rgba(103,110,144,.1),0 2px 2px 0 rgba(103,110,144,.05),0 4px 4px 0 rgba(103,110,144,.08),0 8px 8px 0 rgba(103,110,144,.05),0 12px 15px 0 rgba(103,110,144,.04);
	/*box-shadow: 10px 8px 8px red;*/
	}
header#appHdr #homeLink { background-image:url('../img/logo/dartagnan_logo_fevr24_final_XXpc.svg'); background-position:20% 50%; background-repeat:no-repeat; height:100%; }
header#appHdr #homeLink a { display:block; background-color:transparent; height:100%; width:100%; font-size:0px; }
header#appHdr nav { font-family:ScrapCasual,Calibri,Sans; font-weight:bold; color:black; }
header#appHdr nav ol { }
header#appHdr #toolset { text-align:center; }

header#appHdr nav { /*margin:3em;*/ vertical-align:middle;  }
header#appHdr nav * { text-decoration:none; }
/*header#appHdr nav ol li:not(:first-child):before { content:"▪ "; color:#08a; }*/

header#appHdr.reducedHdr { height:120px !important; }
header#appHdr.reducedHdr #homeLink { width:20%; background-size:20%; }
header#appHdr.expandedHdr nav { /*width:50%;*/ font-size:12pt; }
header#appHdr.expandedHdr nav ol { /*display:flex;*/ justify-content:flex-start; text-align:left; }
header#appHdr.expandedHdr nav ol > li { display:inline-block; padding:1em; min-width:12em; /*border:grey 1px solid; border-radius:0.2em;*/ /*text-transform:uppercase;*/ font-weight:normal; }

header#appHdr.expandedHdr { height:120px; background-image:unset; }
header#appHdr.expandedHdr #homeLink { width:40%; background-size:contain; /*20%;*/ }
header#appHdr.expandedHdr #langBtn { width:31.5px; height:33.5px; }
menu#langMenu li#listItemLang { width:8em;  margin-left:20em; display:inline-block; }
header#appHdr.expandedHdr menu#langMenu { font-size:10pt; }
header#appHdr.expandedHdr0 #langBtn { width:42px; height:45px; margin-left:0px; }
header#appHdr.expandedHdr0 #homeLink { width:40%; background-size:40%; }
header#appHdr.expandedHdr0 menu#langMenu { font-size:12pt; }

header#appHdr.expandedHdr0 nav { /*width:50%;*/ font-size:16pt; }
header#appHdr.expandedHdr0 nav ol { display:block !important; text-align:left; }
header#appHdr.expandedHdr0 nav ol > li { display:block; padding:0.2em; /*border:grey 1px solid; border-radius:0.2em;*/ /*text-transform:uppercase;*/ font-weight:normal; }

header#appHdr.expandedHdr0 { height:70vh !important; background-image:/*linear-gradient(transparent 75%, white),*/ linear-gradient(100deg, white 25%, transparent 50%), url("../img/chuttersnap-z8lvJsoOUvo-unsplash.jpg"); background-position:50% 50%; }
/* road-trip-with-raj-1L0CtpofE6c-unsplash */
/* sydney-rae-i0kQM6OdeVc-unsplash */
/* chuttersnap-z8lvJsoOUvo-unsplash */
/* sabri-tuzcu-BbY__DT0ou0-unsplash */

button#langBtn { display:inline; cursor:pointer; background-color:transparent; border:0px; background-image:url('../img/dartagnan_iconset.svg#icon_language'); background-repeat:no-repeat; background-size:contain;/*background-position:-200px -11px; width:3.3em; height:3.1em;*/ width:31.5px; height:33.5px; vertical-align:middle; }
button#langBtn:hover { /*invert(0.667) sepia(1) hue-rotate(192deg);*/ /*invert(0.667) saturate(0.8) saturate(100%) brightness(1)*/ filter:url('#blackToBlue'); }
menu#langMenu { position:absolute; padding:0.5em; width:8em; border:1px lightgrey solid; border-radius:0.5em; background-color:white; }
menu#langMenu li { list-style-type:none; display:block; width:100%; padding:0.2em 0px; margin:0px; border:0px blue dashed; }
menu#langMenu li:hover { background-color:#ddc17b; cursor:pointer; }

main { display:grid; grid-template-columns:42% auto; font-family:Calibri,Sans; font-size:10pt; width:80%; margin:auto; }
main > div { display:block; vertical-align:top; margin:0.5em; }
main h1 { margin:1em 0px 0.2em 0px; font-weight:normal; font-family:ScrapCasual; font-size:2.5em; }


			main h3 { font-family:Calibri; text-align:left; margin:1em 0 0 0; }
			main h4 { font-family:Calibri; text-align:left; margin:1em 0 0 0; }
			main p:not(.alternate_version) { font-family:Calibri; font-size:10pt; text-align:left; margin:0.5em 0; }
			main blockquote { font-family:Calibri; font-size:10pt; text-align:left; margin:0em auto; }
			main address { display:inline; } 


main .pageIllustration { min-height:85vh; background-position:top right; background-repeat:no-repeat; background-size:contain; /*margin-top:4em;*/ }
main #pageTextContent { padding-top:3em; padding-left:1em; margin-bottom:5em; position:relative; }

main .page-home { background-image:url('../img/logo/dartagnan_logo_fevr24_final_mono.png'); }
main .page-projets { background-image:url('../img/9661665fa1a730ab4385a84a001f0739_262633.png'); }
main .page-expert { background-image:url('../img/uml.png'); }
main .page-catalog { background-image:url('../img/Rosie_262633_500x663_NoText.png'); }
main .page-recrut { background-image:url('../img/roulement.png'); }
main .page-contact { background-image:url('../img/cubista_low.png'); }
main .page-cyrano { /*background-image:url('../img/Meissionier3.png');*/ background-image:url('../img/cyrano/cyranoScanned_texturedShadowed32pc_r10deg_80pc.png'); /*background-size:60%;*/ }
main .page-inge { background-image:url('../img/roulement.png'); }

main .page-legal { background-image:url('../img/dart_punched.png'); }
main .page-cgv { background-image:url('../img/dart_punched.png'); }
main .page-charteGraph { background-image:url('../img/cubista_low.png'); }
main .page-privacy { background-image:url('../img/xxxxx.png'); }

main .page-cgi { background-image:url('../img/roulement.png'); }
main .page-semantic { background-image:url('../img/uml.png'); }
main .page-systnum { background-image:url('../img/dart_punched.png'); }
main .page-misc { background-image:url('../img/cubista_low.png'); }



footer { /*position:relative; z-index:100; top:-20px;*/ min-height:150px; text-align:center; filter:invert(0); padding-bottom:2em; color:white; }
footer { background-image:url("../img/border5_80pc.png"), linear-gradient(to bottom, transparent 0% 30px, black 30px 100%); background-repeat:repeat-x; background-position:top; padding-top:1.5em; }
footer p { font-size:8pt; }
footer img { filter:brightness(0) invert(1); }
footer a:hover { color:#0088aa; }
	
.subfoot { display:inline-block; vertical-align:middle; /*grid-template-columns:auto auto auto auto auto auto auto;*/ /*max-width:90%;*/ margin:2em auto;font-size:8pt;padding:1em;text-align:left;text-decoration:none;color:white;text-transform:uppercase; }
.subfoot ol { display:table-cell; list-style-type:none; /*padding:2em;*/ width:14em; padding:0px 2em; margin-top:0px; }
.subfoot ol li { margin-bottom:0.2em; }
.subfoot ol>span { display:inline-block;font-size:10pt;font-weight:bold;margin-bottom:1em; }
.subfoot a { text-decoration:none; }
.subfoot .col_width { width:230px; }
.subfoot .col_width:has(+ .col_width) { border-right:1px #555 solid; }

.alternate_version { font-size:12pt; font-family:Courrier,Calibri,Sans; font-weight:normal; display:inline-block; background:ButtonFace; /*background:linear-gradient(0deg, #217389 0%, #16bce5 100%);*/ /*background-image:url("../img/dartagnan_iconset.svg#icon_pdf"); line-height:1.5em; background-size:32px 32px; background-repeat:no-repeat; background-position:2px 50%; padding-left:32px;*/ border:1px ButtonBorder solid; /*border:1px #16bce5 solid;*/ border-radius:0.3em; margin:0em; }
.alternate_version a { display:inline-block; height:100%; width:100%; padding:0.2em 1.5em 0.2em 0.25em; text-decoration:none; color:auto; }
.alternate_version a:hover { color:lightgrey; }
.printable_legal { display:none; font-size:6pt; font-family:Calibri,Sans; margin:2em; }



.blockAA { min-height:35em; width:100%; background-color:transparent; background-repeat:no-repeat; border-bottom:0px lightgrey solid; padding-left:40%; padding-right:20%; padding-top:5em; margin:0px; overflow:hidden; }
.illustrCyrano {
	background-image:url('../img/cyrano/cyranoScanned_texturedShadowed32pc_r10deg_80pc.png'); font-family:Serif;
	background-image:linear-gradient(90deg, transparent 25%, white 40vw), url('../img/texture_alt/aaaa.jpg');
	/*background:image('app-res/img/cyrano/cyranoScanned_texturedShadowed32pc.png')*/
	/*background-position-x: calc(40% - 400px);
	background-position-y: -30px;*/
	}
.illustrInge { background-image:url('../img/roulement2.png'); /*background-color:#d1ca9d;*/ background-color:#2e3561; color:#d9d9cc; /*color:#252532;*/
	/*background-position-x: calc(40% - 400px);*/
	background-position-x: 9%;
	/* linear-gradient(90deg, #d1ca9d 0%, black 100%),  */
	}
.illustrSW { background-image:linear-gradient(90deg, transparent 25%, white 40%), url('../img/texture_alt/bbbb.png'); font-family:monospace;
	/*background-position-x: calc(40% - 400px);*/
	}
.blockBluePrint { font-family:monospace; }


.blockAA div.blockIllustration { /*position:absolute; z-index:0;*/ display:inline-block; vertical-align:top; width:40%; height:100%; text-align:right; }
.blockAA div.blockIllustration img { /*position:sticky; z-index:0;*/ width:90%; }
.blockAA div.blockText { display:inline-block;vertical-align:top;max-width:40%;margin-left:5em;margin-top:5em; }
.blockAA p { margin:0.5em 0px;font-style:italic;text-align:justify; }
.blockAA p.blockTitle { font-size:2.2em; }

.plumWriting { margin:0.1em; font-size:1.2em; /*font-weight:bold;*/ /*color:#cdb16c;*/ font-style:italic; font-family:Serif; /*text-align:center;*/ }


			
			
.socialNetworkList { display:inline-block; vertical-align:middle; max-width:200px; margin:1em auto; }
.socialNetworkList li { display:inline-block; width:48px; height:48px; margin:0.1em; background-color:transparent; }
.socialNetworkList li a { display:block; width:100%; height:100%; background-size:contain; background-position:50% 50%; background-repeat:no-repeat; }
.socialNetworkList li a[alt=Facebook] { background-image:url("../img/dartagnan_iconset.svg#icon_facebook"); filter:invert(1); }
.socialNetworkList li a[alt=Youtube] { background-image:url("../img/dartagnan_iconset.svg#icon_youtube"); filter:invert(1); }
.socialNetworkList li a[alt=Linkedin] { background-image:url("../img/dartagnan_iconset.svg#icon_linkedin"); filter:invert(1); }
.socialNetworkList li a[alt=Twitter] { background-image:url("../img/dartagnan_iconset.svg#icon_twitter"); filter:invert(1); }
.socialNetworkList li a[alt=Instagram] { background-image:url("../img/dartagnan_iconset.svg#icon_instagram"); filter:invert(1); }
.socialNetworkList li a[alt=FluxRSS] { background-image:url("../img/dartagnan_iconset.svg#icon_rss"); filter:invert(1); }
.socialNetworkList li a:hover { filter:url('#blackToBlue'); }
.socialNetworkList li span { display:none; }

