@charset "utf-8";
/* CSS Document */
	/* Reset */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blocquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, 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, menu, nav, output, ruby, section, summary, time, mark, audio, video, .bloc, .pub, .pubwm, .warningbox {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
	details, figcaption, footer, header, hgroup, menu, nav, section, label, .wrapper, aside, .ariane, .pub, .pubwm, .sky { display:block; }
	body { line-height:1;}
	ol, ul { list-style:none;}
	blocquote {display:block; font-style:italic; margin:0 0 2rem 2rem; padding:0.5rem; background:hsl(75, 80%, 96%);}
	table {border-collapse:collapse; border-spacing:0;}
	body {-webkit-text-size-adjust:none;}
/* end Reset */

/* Box Model */
	header, section, article, aside, footer, fieldset, figure, figcaption, .logo, #logo, .wrapper, form, img, .image, .fit, .image.fit, .actions, .box, .result, .alt, .encartleft, .encartright, .pub, .pubwm, .minipub, .row, .rowblue .bloc, pre, code, .warningbox, .bar, .ariane, .recherche, .sky {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
/* end box model */
	
/* flex elements 
	header {-webkit-flex:0 0 6.6875rem;	-moz-flex:0 0 6.6875rem; -ms-flex:0 0 6.6875rem; flex:0 0 6.6875rem;}
	footer {-webkit-flex:0 0 2.5rem; -moz-flex:0 0 2.5rem; -ms-flex:0 0 2.5rem; flex:0 0 2.5rem;}
/* end flex element */	

/* General */
	html {height:100%; font-family:'Open Sans', sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
	body {min-width:20rem;}
	
	header {background:url(../images/ruban.png) repeat-x white; color:white; height:6.6875rem; }
	
	#logo{min-width:18.75rem; max-width:26.25rem; width:100%;height:3.75rem;font-size:0; margin:0 auto; padding:0 2.5rem;}
	.logo {height:6.25rem; min-width:15rem; max-width:26.25rem; width:100%;}
	
	section {background:transparent; margin-bottom:1rem;}
	.wrapper {width:100%;max-width:68rem; margin:0 auto;vertical-align:top;}
	article {padding:0.5rem; background:white; border:1px solid hsla(201, 8%, 84%, 0.75); box-shadow:0 0 .5rem hsla(201, 8%, 84%, 0.75); width:100%; max-width:48rem;}
	aside {vertical-align:top;margin-top:1rem; margin-left:.75em;}
	footer { width:100%; margin:auto; background:hsl(75,75%,75%); border-top:1px solid gray; border-bottom:1px solid gray; color:hsl(75,100%,20%);}
	footer p{ font-size:0.8rem; text-align:center; margin:.5rem;}
	
	a:link, a:visited,a:hover, a:active { color:hsla(201, 100%, 56%, 1); text-decoration:none;}
	a:hover { text-decoration:underline;}
	
	b { font-weight:600;}
	strong { font-weight:600;}
	em { font-style:italic; font-weight:500;}
	i {font-style:italic;}
	.italic {font-style:italic;}
	
	h1, h2, h3, h4, h5, h6, p {color:hsl(75, 25%, 25%); font-family:"Open Sans", sans-serif; line-height:1.625; margin:1rem; }
	h2, h3, h4, h5, h6 { font-weight:400; color:hsl(75, 70%, 47%);}
	h1 {font-size:2rem;font-weight:400; text-align:center; margin-top:1rem;}
	h2 {font-size:1.6rem;}
	/* form h2 {display:block; text-align:center;} */
	h3 {font-size:1.4rem;}
	h4 {font-size:1.3rem;}
	h5 {font-size:1.2rem;}
	h6 {font-size:1.1rem;}
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:inherit; text-decoration:none;}
	
	p {font-size:1rem; font-weight:400; text-align:justify;}
	p.small, .spsmall {font-size:0.75rem; font-weight:300;}
	
	pre, code {min-width:20rem; max-width:45rem;}
	fieldset {border:1px solid lightgray; background:hsla(75, 77%, 96%, 0.5); margin-bottom:1rem; border-radius:.3125rem; padding:.5rem .5rem 0 .5rem;}
	label {font-size:0.9rem; text-align:right; font-style:italic; font-weight:400; /* padding-top:0.325rem; */}
	.label {font-size:0.9rem; text-align:right; font-style:italic; font-weight:400;}
	.pub {width:100%; margin:1rem auto; z-index:-1000000; overflow:hidden; text-align:center !important;}
	.pubwm {width:100%; max-width:342px; margin:.5rem auto;padding:2px; z-index:-1000000; overflow:hidden; text-align:center!important;}
	.minipub { margin-bottom:1rem;}
	.sky {margin:0 auto; z-index:-1000000; overflow:hidden; text-align:center !important;}
	.row {background:transparent; border-bottom:1px solid hsla(0, 0%, 83%, 0.5); margin:0; padding:0;}
	
	.row:nth-child(odd) { background:hsla(75, 77%, 94%, 1);}
	.rowblue {background:hsla(201, 77%, 90%, 1); border-bottom:1px solid hsla(0, 0%, 80%, 0.5); padding:0.25rem 0;}
	.row:first-child, .rowblue:first-child {border-top:1px solid hsla(0, 0%, 80%, 0.5);}
	.row:last-child, .rowblue:last-child {margin-bottom:1rem;}
	.rowblue:nth-child(even) {background:hsla(201, 100%, 96%, 1);}
	
	.bar {width:100%; vertical-align:top!important; margin:0; padding:.5rem;}
	.ariane {vertical-align:top; width:100%;margin:0; padding:0 .5rem; background:hsl(75,100%,94%); border:1px solid hsl(75,100%,80%); border-radius: 0.3125rem;}
	.recherche {display:inline-block; vertical-align:top; float:right; margin:0; padding:0 .5rem; width:7.5rem; border:1px solid hsl(207,100%,80%); border-radius: 0.3125rem;}
	.bloc {display:inline-block; width:100%; vertical-align:top; background:transparent;}
	.clear { clear:both;}
	.borderleft {border-left:1px solid lightgray; padding-left:0.5rem;} /* A vérifier */
	.borderright{ border-right:1px solid lightgray; padding-right:0.5rem;} /* A vérifier */
	.bttc {background:white; margin:0 auto; padding:.75rem; text-align:center;}
	.resultat {color:blue!important;font-weight:600;}
	.message{border-radius:0.375em; border:1px solid hsla(0, 50%, 80%, 0.75); margin-bottom:1rem; padding:1.5rem; color:red; text-align:center;}
	.warning{ background:url(https://www.calculartodo.com/images/warning.png) no-repeat #fff6d6; color:hsla(48, 100%, 25%, 1); font-style:italic; border-left:0.1875rem solid hsla(48, 100%, 40%, 1);  margin:0.375rem 0 0.375rem 0;padding:0.375rem 0.375rem 0.375rem 3.75rem; min-height:3rem;}
	.note{ background:url(https://www.calculartodo.com/images/note.gif) no-repeat hsla(75, 100%, 92%, 1); hsla(201, 100%, 25%, 1); font-style:italic; border-left:0.1875rem solid hsla(75, 100%, 40%, 1); margin:0.375rem 0;padding:0.375rem 0.375rem 0.375rem 3.75rem; min-height:3rem;}
	.petitenote{background-color:hsla(75, 100%, 90%, .3);color:hsl(120, 100%, 30%); border:1px solid hsl(75, 50%, 90%); padding:.75rem; font-size:.75rem;}
	.libselect { background:white; border:1px solid lightgray; padding:0.185rem;}
	.liste ol {counter-reset: liste;}
	.liste li {list-style-type: none;counter-increment: liste;margin-bottom:1rem;text-indent:-3.9375rem;padding-left:3.9375rem;}
	.liste li:before {content: counter(liste);padding: .3125rem .625rem; margin:1rem; vertical-align:top; color:#555; border:.125rem solid #c2f81d; -moz-border-radius:1.5rem; border-radius:1.5rem; font-weight:600;}
	[data-tip]{position: relative;}
	[data-tip]:hover:before{content:attr(data-tip); position:absolute; padding:0 .5rem; height:1.75rem; line-height:1.75rem; background-color:rgba(0, 0, 0, 0.8); left:5rem; top:-18.75rem; font-size:0.875rem; border-radius:0.3125rem; white-space:nowrap;color:#fff; font-size: .6875rem;}
	.list {width:100%;text-align:left !important;}

	.fa {color:hsla(201, 100%, 56%, 1); padding-right:1rem;}
	.fa:hover {color:#a1cc24;}
	
	.formulation{background:hsla(75, 100%,96%,1); outline:1rem solid hsla(75, 100%,96%,1); margin-bottom:2rem;}
	p.formule{font-size:larger; font-weight:600; color:hsl(201, 36%, 36%); text-align:center; margin:1rem;}
	span.formule { border:1px solid lightgray; padding:0.75rem; background:lightyellow;}
	#flags { display:block; position:absolute; top:0; right:.3125rem; height:6.25rem;} /* display:flex; */
	#flags p {margin:auto; line-height:1;}
	#pad { background:hsla(75, 100%, 94%,.5); padding:0 1em; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border-radius: 0.3125rem; border:1px solid darkgray; box-shadow: 0 0 8px -4px hsl(201, 100%, 56%); color: black; outline:0; margin:0.25rem 0; padding:0.25rem; text-decoration: none; width: 100%; font-size:1rem;}
	#pad textarea{ text-align:left;}

	sub {font-size:0.8rem; position:relative; top:0.5rem;}
	sup {font-size:0.8rem; position:relative; top:-0.5rem;}
	hr {border:0; border-bottom:1px solid hsla(201, 8%, 84%, 0.75); margin:1rem 0;}
	.label {color:hsl(201, 25%, 25%); display:block; font-size:1rem; font-weight:500; height:2em; text-align:right; vertical-align:baseline!important;}
	.valign-top {vertical-align:top !important;}
	.valign-middle {vertical-align:middle !important;}
	.valign-baseline  {vertical-align:baseline !important;}
	.valign-bottom {vertical-align:bottom !important;}
	.align-left, .align-left-center, .align-left-right {text-align:left !important;}
	.align-center, .align-center-left, .align-center-right {text-align:center !important;}
	.align-right, .align-right-left, .align-right-center {text-align:right !important;}
@media screen and (min-width:48rem)	{
	.align-center-left, .align-right-left {text-align:left !important;}
	.align-left-center, .align-right-center {text-align:center !important;}
	.align-left-right, .align-center-right {text-align:right !important;}
}
	
	.margin-left {margin-left:1rem !important;}
	.margin-right {margin-right:1rem !important;}
	.margin-auto {margin:auto !important;}
	.blue {color:hsla(201, 100%, 56%, 1);}
	.darkblue {color:hsla(220, 100%, 27%, 1);}
	.red {color:hsla(0, 100%, 56%, 1);}
	.gray {color:hsla(0, 0%, 56%, 1);}
	.green {color:hsla(75, 100%, 56%, 1);}
	.orange {color:hsla(33, 100%, 56%, 1);}}
	.bold, bold  {font-weight:600;}
	.bglightgreen { background:hsla(75, 75%, 87%,1)!important;}
	.bglightblue { background:hsla(201, 75%, 87%,1)!important;}
	.noborder { border:none!important;}
	.bghighlight { background-color:hsla(75,100%,80%,.15);}
	.form_slider{border-top:1px solid #9d9c99;border-left:1px solid #9d9c99;border-bottom:1px solid #eee;border-right:1px solid #eee;background-image:url(../salud/imagessante/imccolor.png);background-color:#fff;height:50px;position:absolute;bottom:0px;}

/* end General */
	
/* Grid */
	.u1, .u2, .u3, .u4, .u5, .u6, .u7, .u8, .u9, .u10, .u11, .u12 {display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0.5rem .125rem; margin:0; border:0; vertical-align:baseline;}
	.uu1, .uu2, .uu3, .uu4, .uu5, .uu6, .uu7, .uu8, .uu9, .uu10, .uu11, .uu12 {display:inline-block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:0.5rem .125rem; margin:0; border:0; vertical-align:top; width:calc(100% - 0.25rem); text-align:center;}
	
	.u1 {width:calc(8.3333333333% - 0.25rem);}
	.u2 {width:calc(16.6666666667% - 0.25rem);}
	.u3 {width:calc(25% - 0.25rem);}
	.u4 {width:calc(33.3333333333% - 0.25rem);}
	.u5 {width:calc(41.6666666667% - 0.25rem);}
	.u6 {width:calc(50% - 0.25rem);}
	.u7 {width:calc(58.3333333333% - 0.25rem);}
	.u8 {width:calc(66.6666666667% - 0.25rem);}
	.u9 {width:calc(75% - 0.25rem);}
	.u10 {width:calc(83.3333333333% - 0.25rem);}
	.u11 {width:calc(91.6666666667% - 0.25rem);}
	.u12 {width:calc(100% - 0.25rem);}

@media screen and (min-width:48rem)	{
	.uu1 {width:calc(8.3333333333% - 0.25rem);}
	.uu2 {width:calc(16.6666666667% - 0.25rem);}
	.uu3 {width:calc(25% - 0.25rem);}
	.uu4 {width:calc(33.3333333333% - 0.25rem);}
	.uu5 {width:calc(41.6666666667% - 0.25rem);}
	.uu6 {width:calc(50% - 0.25rem);}
	.uu7 {width:calc(58.3333333333% - 0.25rem);}
	.uu8 {width:calc(66.6666666667% - 0.25rem);}
	.uu9 {width:calc(75% - 0.25rem);}
	.uu10 {width:calc(83.3333333333% - 0.25rem);}
	.uu11 {width:calc(91.6666666667% - 0.25rem);}
	.uu12 {width:calc(100% - 0.25rem);}
}
	
/* end Grid */

/* Form */
	form {margin:0;}
	
	label {color:hsl(201, 25%, 25%); display:block; font-size:1rem; font-weight:500; height:2em; text-align:right; vertical-align:baseline!important;}
	
	input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea {
	-moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; appearance: none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; background: white; border-radius: 0.3125rem; border:1px solid darkgray; box-shadow: 0 0 8px -4px hsl(201, 100%, 56%); color: black; display: block; outline:0; margin:0.125rem 0; padding:0.125rem; text-decoration: none; width: 100%; font-size:0.9rem; text-align:center; vertical-align:baseline!important;
	}
	input[type="text"]:invalid, input[type="number"]:invalid, input[type="password"]:invalid, input[type="email"]:invalid, input[type="tel"]:invalid, input[type="search"]:invalid, input[type="url"]:invalid, select:invalid, textarea:invalid {box-shadow: none;}
	input[type="text"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="url"]:focus, select:focus, textarea:focus {border-color: hsl(201, 100%, 56%); box-shadow: 0 0 0.75rem -0.25rem hsl(201, 100%, 56%);}
	
	.wrapper select {text-decoration: none; display: block; position: relative;}
	.wrapper select:before {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: FontAwesome; font-style: normal; font-weight: normal; text-transform: none !important;}
	.wrapper select:before {color: hsla(75, 8% ,84%, 0.75); content: '\f078'; display: block; height: 2.75rem; line-height: 2.75rem; pointer-events: none; position: absolute; right: 0; text-align:left; padding-left:1rem; top: 0; width: 2.75rem;}
	/*.wrapper select:before {content:"\25b2";}*/
	.wrapper select {background:white url(https://www.calculartodo.com/images/arrow-down150.png) right no-repeat; background-size: 1.2rem; background-position-x: right .375rem;}
	.wrapper select select::-ms-expand {display: none;}
	
	textarea {padding: 0.25rem; text-align:center;}
	
	.wrapper input[type="checkbox"], .wrapper input[type="radio"] {-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; display:block; float:left; margin-right:-2rem; opacity:0; width:1rem; z-index:-1;}
	.wrapper input[type="checkbox"] + label, .wrapper input[type="radio"] + label {text-decoration:none; color:hsl(201, 25%, 25%); cursor:pointer; display:inline-block; font-size:.9rem; font-weight:400; padding:0.375rem 0.75rem 1rem 2.4rem;position:relative;}
	.wrapper input[type="checkbox"] + label:before, .wrapper input[type="radio"] + label:before { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important; }
	.wrapper input[type="checkbox"] + label:before, .wrapper input[type="radio"] + label:before { background:#ffffff; border-radius:0.3125rem; border:solid 1px hsla(201, 8%, 84%, 0.75); content:''; display:inline-block; height:1.4rem; left:0; line-height:1.3rem; position:absolute; text-align:center; top:0; width:1.4rem; }
	.wrapper input[type="checkbox"]:checked + label:before, .wrapper input[type="radio"]:checked + label:before {background:hsl(201, 25%, 25%); border-color:hsl(201, 25%, 25%); color:#ffffff; content:'\f00c';}
	.wrapper input[type="checkbox"]:focus + label:before, .wrapper input[type="radio"]:focus + label:before {border-color:hsla(201, 100%, 56%, 1); box-shadow:0 0 0 1px hsla(201, 100%, 56%, 1);}
	.wrapper input[type="checkbox"] + label:before {border-radius:0.3125rem;}
	
	input[type="radio"] + label:before {border-radius:100%;}
	
	.wrapper input[type="checkbox"], .wrapper input[type="radio"] {-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; display:block; float:left; margin-right:-2rem; opacity:0; width:1rem; z-index:-1;}
	.wrapper input[type="checkbox"] + label, .wrapper input[type="radio"] + label {text-decoration:none; color:hsl(201, 25%, 25%); cursor:pointer; display:inline-block; font-size:.9rem; font-weight:400; padding:0.375rem 0.75rem 1rem 2.4rem;position:relative;}
	.wrapper input[type="checkbox"] + label:before, .wrapper input[type="radio"] + label:before { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important; }
	.wrapper input[type="checkbox"] + label:before, .wrapper input[type="radio"] + label:before { background:#ffffff; border-radius:0.3125rem; border:solid 1px hsla(201, 8%, 84%, 0.75); content:''; display:inline-block; height:1.4rem; left:0; line-height:1.3rem; position:absolute; text-align:center; top:0; width:1.4rem; }
	.wrapper input[type="checkbox"]:checked + label:before, .wrapper input[type="radio"]:checked + label:before {background:hsl(201, 25%, 25%); border-color:hsl(201, 25%, 25%); color:#ffffff; content:'\f00c';}
	.wrapper input[type="checkbox"]:focus + label:before, .wrapper input[type="radio"]:focus + label:before {border-color:hsla(201, 100%, 56%, 1); box-shadow:0 0 0 1px hsla(201, 100%, 56%, 1);}
	.wrapper input[type="checkbox"] + label:before {border-radius:0.3125rem;}
	
	input[type="radio"] + label:before {border-radius:100%;}
	.labelradio {height:1.2rem; padding-bottom:0!important;}
	
	::-webkit-input-placeholder {color:#9fa3a6 !important; opacity:1.0;}
	:-moz-placeholder {color:#9fa3a6 !important; opacity:1.0;}
	::-moz-placeholder {color:#9fa3a6 !important; opacity:1.0;}
	:-ms-input-placeholder {color:#9fa3a6 !important; opacity:1.0;}
	.formerize-placeholder {color:#9fa3a6 !important; opacity:1.0;}
	wrapper label, wrapper .label {font-size:0.9rem;}

/* end Form */
	
/* Button */
	input[type="submit"], input[type="reset"], input[type="button"], button, .button {-moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; appearance:none; -moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out;
	background-color:transparent; background-image:linear-gradient(hsl(75, 100%, 95%), hsl(75, 91%, 50%)); color:hsl(75, 100%, 100%)!important; cursor:pointer; display:inline-block; font-family:"Open Sans", sans-serif; font-size:1rem; font-weight:600; height:1.625rem; letter-spacing:0.075em; line-height:1.5rem; padding:0 1rem; text-align:center; text-decoration:none; text-transform:initial; white-space:nowrap; margin:0.25rem; border:1px solid #a5a5a5; border-radius:.8125rem; box-shadow:2px 2px 2px #ddd;}
	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover {background-image:linear-gradient(white, hsl(75, 91%, 70%));}
	input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .button:active {background-image:linear-gradient(white, hsl(75, 91%, 85%)); margin-top:0.375rem; margin-bottom:0.125rem; box-shadow:3px 1px 3px #ddd; }
	input[type="submit"].icon:before, input[type="reset"].icon:before, input[type="button"].icon:before, button.icon:before, .button.icon:before {margin-right:0.5rem;}
	input[type="submit"].fit, input[type="reset"].fit, input[type="button"].fit, button.fit, .button.fit {display:block; margin:0 0 1rem 0; width:100%;}
	input[type="submit"].small, input[type="reset"].small, input[type="button"].small, button.small, .button.small {font-size:0.8rem;}
	input[type="submit"].big, input[type="reset"].big, input[type="button"].big, button.big, .button.big {font-size:1rem; height:3.65rem; line-height:3.65rem;}
	input[type="submit"].special, input[type="reset"].special, input[type="button"].special, button.special, .button.special {background-color:hsla(201, 100%, 56%, 1); box-shadow:none; color:hsl(201, 100%, 56%) !important;}
	input[type="submit"].special:hover, input[type="reset"].special:hover, input[type="button"].special:hover, button.special:hover,  .button.special:hover { background-color:hsl(0, 88%, 72%);}
	input[type="submit"].special:active,  input[type="reset"].special:active,  input[type="button"].special:active,  button.special:active,  .button.special:active { background-color:hsl(0, 87%, 66%); }
	input[type="submit"].disabled, input[type="submit"]:disabled, input[type="reset"].disabled, input[type="reset"]:disabled, input[type="button"].disabled, input[type="button"]:disabled, button.disabled, button:disabled, .button.disabled, .button:disabled {-moz-pointer-events:none; -webkit-pointer-events:none; -ms-pointer-events:none; pointer-events:none; opacity:0.25;}
	input[type="submit"], input[type="reset"], input[type="button"], button, .button { text-shadow:#888 1px 1px, #888 -1px -1px, #888 -1px 1px, #888 1px -1px, #777 1px 1px 3px;}
	.readonly {border:1px solid lightgray!important; background-color:#eee!important; color:#555!important; box-shadow:none!important;}
	.readonly:hover, .readonly:focus  {box-shadow:none!important;}
	
/* end Button */

/* Box */
	.box {border-radius:0.375em; border:1px solid hsla(201, 8%, 84%, 0.75); margin-bottom:2rem; padding:1.5rem;}
	.box > :last-child, .box > :last-child > :last-child, .box > :last-child > :last-child > :last-child {margin-bottom:0;}
	.box.alt {border:0; border-radius:0; padding:0;}
/* end Box */

/* warningbox */
	.warningbox {background-color:white; border:2px solid darkorange; color:darkorange; font-size:1rem; font-weight:500; text-align:center; padding:1.2rem; border-radius:.3125rem; margin-bottom:1rem;}
/* end warningbox */

/* Cellule */
	.cellule{display:inline-block; border:1px solid gray; border-radius:0.3125rem; background-color:hsla(75,100%,90%,.5); text-align:center; margin:.25rem; padding:.25rem 1rem;}
	.block { display:block; width:50%; margin:auto!important;}
/* end cellule */

/* Result */
	.result {background:hsla(201, 100%, 96%, 1); border-radius:0.375em; border:1px solid hsla(201, 100%, 50%, 0.75); margin:1rem; padding:1rem; text-align:center;}
	.result > :last-child, .result > :last-child > :last-child, .result > :last-child > :last-child > :last-child {margin-bottom:0;}
	.result.alt {border:0; border-radius:0; padding:0;}
	.Style1{color:#00f;font-weight:600}
/* end Result */

/* Icon */
	.icon {text-decoration:none; border-bottom:none; position:relative;}
	.icon:before {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important;}
	.icon > .label {display:none;}
/* end Icon */

/* Image */
	.image {border-radius:0.375rem; border:1px solid hsla(201, 8%, 84%, 1); padding:0.3125rem; display:inline-block; position:relative; box-shadow:.25rem .25rem .5rem hsla(201, 8%, 84%, 1);}
	.image img {border-radius:0.375rem; display:block;}
	.image img:after { width:100%; margin:auto; content: attr(alt); text-align:center;}
	/*.image.left, .image.right {max-width:40%; margin:.5rem;}*/
	.image.left img, .image.right img { width:100%; }
	.image.left {float:left; padding:.325rem; top:0.25rem; margin-right:1rem; margin-bottom:1rem;}
	.image.right {float:right; padding:.325rem; top:0.25rem; margin-left:1rem: margin-bottom:1rem;}
	.image.fit {display:block; margin:0 0 1rem 0; width:100%;}
	.image.fit img { width:100%; }
	.image.main {display:block; margin:0 0 2rem 0; width:100%;}
	.image.main img { width:100%; }
	.image.legend { text-align:center; font-style:oblique; font-size:1rem;}
	.legend{ text-align:center; padding-bottom:0.5rem; margin-bottom:1rem; border-bottom:1px solid lightgray;}

	figure {display:inline-block; position:relative; margin-bottom:1rem!important; padding:0.3125rem; background-image:linear-gradient(150deg, hsla(75, 30%,96%,.6), hsla(75, 20%, 92%,.6)); border-radius:0.375rem; border:1px solid hsla(201, 8%, 84%, 1); box-shadow:.25rem .25rem .5rem hsla(201, 8%, 84%, 1);}
	figcaption { padding:.5rem 0; text-align:center; font-style:oblique; font-size:1rem;}
	figcaption p { text-align:center;}
	figure .image, figure img {border-radius:0; border:1px solid hsla(201, 8%, 84%, 1); padding:0; box-shadow:none; width:100%; }
	figure.left, figure.right {display:block; float:none; max-width:calc(50% - 1rem); min-width:18rem; margin:auto;}
	figure legend {border:1px solid lightgray; background:white; padding:.5rem;}
	
	a.image {overflow:hidden;}
	a.image img {-moz-transition:-moz-transform 0.2s ease; -webkit-transition:-webkit-transform 0.2s ease; -ms-transition:-ms-transform 0.2s ease; transition:transform 0.2s ease;}
	a.image:hover img {-moz-transform:scale(1.075); -webkit-transform:scale(1.075); -ms-transform:scale(1.075); transform:scale(1.075);}
/* end Image */

/* List */
	.wrapper dl {margin:0 0 2rem 0;line-height:1.625;color:hsl(213,100%,30%);}
	.wrapper dl dt {display:block; font-weight:600; margin:0 0 1rem 0;}
	.wrapper dl dd {margin-left:2rem;}

	.wrapper ul {list-style:disc; margin:0 0 2rem 0; padding-left:2rem;line-height:1.625;color:hsl(213,100%,30%);}
	.wrapper ul li {padding:0.5rem; font-weight:400;}
	.wrapper ul li::before { content: none; }
	
	.wrapper ol { margin:0 0 2em 0; padding-left:2rem; line-height:1.625;color:hsl(213,100%,30%);}
	.wrapper ol li { padding-left:0.25rem;}
	.wrapper ol { counter-reset: count;}
	.wrapper ol li { list-style-type: none; counter-increment: count; margin-bottom: 2rem; font-weight:300; }
	.wrapper ol li:before { content: counter(count); padding: .25rem .75rem; margin-right: .75rem; vertical-align: top; background: hsl(75, 75%, 95%); border:2px solid hsl(75, 100%, 50%); -moz-border-radius: 6rem; border-radius: 6rem; font-weight:600; font-size: 1rem; color: black;	}

	ul.alt {list-style:none; padding-left:0;}
	ul.alt li { border-top:solid 1px hsla(201, 8%, 84%, 0.75); padding:0.5rem 0; }
	ul.alt li:first-child { border-top:0; padding-top:0; }
	ul.icons {cursor:default; list-style:none; padding-left:0;}
	ul.icons li { display:inline-block; padding:0 1rem 0 0; }
	ul.icons li:last-child { padding-right:0; }
	ul.icons li .icon { color:inherit; }
	ul.icons li .icon:before { font-size:1rem; }
	ul.contact {list-style:none; padding:0;}
	ul.contact li { text-decoration:none; border-top:1px solid hsla(201, 8%, 84%, 0.75); margin:1.5rem 0 0 0; padding:1.5rem 0 0 3em; position:relative; }
	ul.contact li:before { -moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-family:FontAwesome; font-style:normal; font-weight:normal; text-transform:none !important; }
	ul.contact li:before { color:hsla(201, 100%, 56%, 1); display:inline-block; font-size:1.5rem; height:1.125rem; left:0; line-height:1.125rem; position:absolute; text-align:center; top:1rem; width:1.5rem; }
	ul.contact li:first-child { border-top:0; margin-top:0; padding-top:0; }
	ul.contact li:first-child:before { top:0; }
	ul.contact li a { color:inherit; }
	ul.actions {cursor:default; list-style:none; padding-left:0;}
	ul.actions li { display:inline-block; padding:0 1rem 0 0; vertical-align:middle; }
	ul.actions li:last-child { padding-right:0; }
	ul.actions.small li { padding:0 0.5rem 0 0; }
	ul.actions.vertical li { display:block; padding:1rem 0 0 0; }
	ul.actions.vertical li:first-child { padding-top:0; }
	ul.actions.vertical li > * { margin-bottom:0; }
	ul.actions.vertical.small li { padding:0.5rem 0 0 0; }
	ul.actions.vertical.small li:first-child { padding-top:0; }
	ul.actions.fit { display:table; margin-left:-1rem; padding:0; table-layout:fixed; width:calc(100% + 1rem); }
	ul.actions.fit li { display:table-cell; padding:0 0 0 1rem; }
	ul.actions.fit li > * { margin-bottom:0; }
	ul.actions.fit.small { margin-left:-0.5rem; width:calc(100% + 0.5rem); }
	ul.actions.fit.small li { padding:0 0 0 0.5rem; }
	ul.pagination {cursor:default; list-style:none; padding-left:0;}
	ul.pagination li { display:inline-block; padding-left:0; vertical-align:middle; }
	ul.pagination li > .page { -moz-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; -webkit-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; -ms-transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; transition:background-color 0.2s ease-in-out, color 0.2s ease-in-out; border-bottom:0; border-radius:0.375em; display:inline-block; font-size:0.8rem; font-weight:600; height:2rem; line-height:2rem; margin:0 0.125rem; min-width:2rem; padding:0 0.5rem; text-align:center; }
	ul.pagination li > .page.active { background-color:hsla(201, 100%, 56%, 1);  color:white !important; }
	ul.pagination li > .page.active:hover {  background-color:#f67878;  }
	ul.pagination li > .page.active:active {  background-color:#f45c5c;  }
	ul.pagination li:first-child { padding-right:0.75rem; }
	ul.pagination li:last-child { padding-left:0.75rem; }
@media screen and (max-width:48rem) {
	ul.pagination li:nth-child(n+2):nth-last-child(n+2) { display:none; }
	ul.pagination li:first-child { padding-right:0; }
}
/* end List */

/* Table */
	.table-wrapper {-webkit-overflow-scrolling:touch; overflow-x:auto;}
	table {margin:0 0 2rem 0; width:100%; font-size:.9rem;}
	table tbody tr {border:solid 1px hsla(201, 8%, 84%, 0.75); border-left:0; border-right:0;}
	table tbody tr:nth-child(2n + 1) { background-color:hsla(197, 16%, 92%, 0.25); }
	
	table tbody tr:nth-child(odd) { background-color:hsla(201, 77%, 90%, 1); } /* hsla(83, 77%, 90%, 1) */
	table tbody tr:nth-child(even) { background-color:hsla(201, 100%, 96%, 1); } /* hsla(75, 100%, 96%, 1) */
	
	table td {padding:.5rem 0.25rem;}
	table.alternate td {text-align:right; padding-right:0.25rem; } 
	table td:first-child {text-align:right; padding-right:0.25rem; }
	table td:nth-child(2) {text-align:right; padding-right:0.25rem; color:blue; font-weight:600;}
	table th {color:hsl(201, 25%, 25%); font-size:0.9rem; font-weight:600; padding:.75rem ; text-align:center;}
	table thead {border-bottom:2px solid hsla(201, 8%, 84%, 0.75);}
	table thead th { text-align:center;}
	table tbody td { font-size:.9rem;}
	table tfoot {border-top:2px solid hsla(201, 8%, 84%, 0.75);}
	table.alt {border-collapse:separate;}
	table.alt tbody tr td { border:1px solid hsla(201, 8%, 84%, 0.75); border-left-width:0; border-top-width:0; }
	table.alt tbody tr td:first-child { border-left-width:1px; }
	table.alt tbody tr:first-child td { border-top-width:1px; }
	table.alt thead { border-bottom:0; }
	table.alt thead th { text-align:center;}
	table.alt tfoot { border-top:0; }
	table .libelle { font-weight:600; text-align:right;}
	
	.rightleft td:nth-child(2) {text-align:left!important; padding-left:0.25rem!important;}
	.fixed {table-layout:fixed;}
	
	
/* end Table */	

/* @media */

@media screen and (min-width:48rem) {
	body {height:100%; width:100%; padding:0; margin:0; overflow-y:auto;}
	article {display:inline-block;width:48rem;}
	aside {display:inline-block; margin-top:1px; max-width:20rem;}
	h1 {font-size:2.5rem; text-align:center;}
	h2 {font-size:1.8rem;}
	h3 {font-size:1.4rem;}
	h4 {font-size:1.3rem;}
	h5 {font-size:1.2rem;}
	h6 {font-size:1.1rem;}
	p {font-size:1rem;}
	p.small {font-size:0.85rem;}

	.bloc {width:-moz-calc(50% - .5rem); width:-webkit-calc(50% - .5rem); width:-o-calc(50% - .5rem); width:calc(50% - .5rem);}
	.bloc:nth-child(even) {padding-right:0.25rem;}
	.bloc:nth-child(odd) {padding-left:0.25rem;}
	.left {float:left;}
	.right {float:right;}
	figure {display:block; margin:auto;} 
	figure.left, figure.right {display:inline-block; width:calc(50% - 1rem); max-width:100%;}
	figure.left {float:left; margin-right:1rem;}
	figure.right {float:right; margin-left:1rem;}
	
	wrapper label, wrapper .label {font-size:1rem;}
	.sky {position:relative; margin:0;}

}

/* Navigation */
	.nav {width:17rem; background:white; height:100%; overflow:auto; position:fixed; top:0; left:-25rem; z-index:500; -webkit-transition:0.5s; transition:0.5s; box-shadow:0.3125rem 0 0.3125rem hsla(201, 8%, 84%, 1);}
	.nav h2 {border-bottom:2px solid hsla(201, 100%, 56%, 1); display:inline; font-size:1.25rem; text-transform:initial; margin:0.8rem 6.5rem; }
	.nav ul li {padding-left:0;}
	.nav ul li a {display:block; font:300 14px/30px 'Open Sans', sans-serif; color:black; text-decoration:none; border-bottom:1px solid #eee; text-align:left; margin:0 0.625rem;}
	.nav ul li a:hover {color:hsla(201, 100%, 56%, 1); text-decoration:underline;}
	.nav ul li label {display:block; font:400 14px/30px 'Open Sans', sans-serif; color:black; cursor:pointer; background:white; border-bottom:1px solid #eee; text-transform:uppercase; text-align:left;
	-webkit-transition:0.5s; transition:0.5s;  margin:0 0.625rem; }
	.nav ul li label:after {content:""; display:block; width:0.375rem; height:0.375rem; border:3px solid #a1cc24; border-color:transparent transparent #a1cc24 #a1cc24; float:right; margin-top:0.5625rem; margin-right:0.5625rem; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition:0.5s; transition:0.5s;}
	.nav ul li ul li label {display:block; font:400 14px/30px 'Open Sans', sans-serif; color:hsla(201, 100%, 56%, 1); cursor:pointer; background:white; border-bottom:1px solid #eee; text-transform:initial; text-align:left;}
	.nav ul li ul li label:after {border-color:transparent transparent hsla(201, 100%, 56%, 1) hsla(201, 100%, 56%, 1);}
	
	.nav ul li label {color:#9ace00;}
	.nav ul li label:hover {color:hsla(201, 100%, 56%, 1); background:white;}
	
	.nav input {position:absolute; left:-9999px; display:none;}
	
	.nav ul > li > a {padding:0.375rem 0.3125rem;}
	.nav ul ul > li > a {padding:0.375rem 0.625rem 0.375rem 0.625rem;}
	.nav ul ul ul > li > a {padding:0.375rem 0.625rem 0.375rem 0.9375rem;}
	.nav ul ul ul ul > li > a {padding:0.375rem 0.625rem 0.375rem 1.25rem;}
	
	.nav ul > li > label {padding:0.375rem 0.3125rem;}
	.nav ul ul > li > label {padding:0.375rem 0.3125rem 0.375rem 0.625rem;}
	.nav ul ul ul > li > label {padding:0.375rem 0.3125rem 0.375rem 0.9375rem;}
	.nav ul ul ul ul > li > label {padding:0.375rem 0.3125rem 0.375rem 1.25rem;}
	
	.nav ul {padding:0; margin:0; list-style:none;}
	.nav ul ul {position:relative; max-height:0; overflow:hidden; -webkit-transition:0.4s; transition:0.4s;}
	.nav ul input:checked ~ ul {max-height:2160px; transition:1s; -webkit-transition:1s;}
	
	.nav ul input:checked + label {color:hsla(201, 100%, 56%, 1)/*#5f7226*/;}
	.nav ul input:checked + label:hover {color:hsla(201, 100%, 56%, 1);}
	
	.nav ul input:checked + label {background:white; padding-left:1.25rem;}
	.nav ul ul input:checked + label {background:white; padding-left:1.875rem;}
	.nav ul ul ul input:checked + label {background:white; padding-left:2.5rem;}
	
	.nav ul input:checked + label:after {border-color:transparent transparent #6f852c #6f852c; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
	.nav ul ul input:checked + label:after {border-color:transparent transparent hsla(201, 100%, 56%, 1) hsla(201, 100%, 56%, 1);}
	.nav ul li ul li input:checked + label:after {border-color:transparent transparent #006399 #006399;}
	
	.nav ul:after {content:""; display:block; width:1px; height:100%; background:white; position:absolute; top:0; left:0;}
	.nav ul ul:after {width:0.3125rem; background:hsla(199,100%,44%,1);} 
	.nav ul ul ul:after {width:0.625rem; background:hsla(199,100%,44%,0.7);}
	.nav ul ul ul ul:after {width:0.625rem; background:hsla(199,100%,44%,0.5);}
	
	#navopenclose {position:absolute; left:-9999px; display:none;}
	.navopenclose span {position:absolute; left:-9999px;}
	.navopenclose {content:""; display:block; width:1.875rem; height:0.75rem; border:0.3125rem solid black; border-width:0.25rem 0; position:fixed; left:0.625rem; top:0.625rem; cursor:pointer; z-index:500; -webkit-transition:0.5s; transition:0.5s;}
	.navopenclose:before,
	.navopenclose:after {content:""; display:block; width:1.875rem; height:0.25rem; background:#000; position:absolute; left:0; top:0.25rem;}
	
	#navopenclose:checked ~ .nav {left:0;}
	#navopenclose:checked ~ .navopenclose {left:17.5rem; border-color:transparent; background:#c00; border-radius:1.875rem;}
	
	#navopenclose:checked ~ .navopenclose:before {background:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	#navopenclose:checked ~ .navopenclose:after {background:#000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
	
	.nav {z-index:500000;}
	.navopenclose {z-index:500000;}
	#navopenclose:checked ~ .navopenclose {right:17.5rem; border-color:transparent; background:transparent; border-radius:0;}
	
	#navopenclose:checked ~ .navopenclose:before {background:#000; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	#navopenclose:checked ~ .navopenclose:after {background:#000; -webkit-transform:rotate(135deg); transform:rotate(135deg);}
	
	
	#nav .toggle {text-decoration:none; -moz-transition:left 0.5s ease; -webkit-transition:left 0.5s ease; -ms-transition:left 0.5s ease; transition:left 0.5s ease; -webkit-tap-highlight-color:hsla(0, 0%, 100%, 0.92); border:0; display:block; height:5rem; left:26rem; line-height:6.25rem; outline:0; overflow:hidden; position:absolute; text-align:center; text-indent:5rem; top:0; width:3.125rem; z-index:10000;}
	
	#nav .toggle:before {-moz-osx-font-smoothing:grayscale; -webkit-font-smoothing:antialiased; font-style:normal; font-weight:normal; text-transform:none !important; content:''; font-size:2rem; left:0.625rem; position:absolute; text-indent:0; top:0; color:#444; margin-left:0; margin-top:0; z-index:10000;}
	
	#nav .toggle:after 	{ background:none; content:''; height:3.125rem; position:absolute; top:20.3125rem; left:-1px; width:3.125rem;}
	
	#nav.inactive {margin-left:-26rem;}
/* end Nav */

/* Back to top */
	a#BackToTop{ border-radius:0.125rem; padding:0.3125rem .5rem .5625rem; font-size:.75rem; text-align:center; color:#fff; background:hsla(0, 0%, 0%, 0.5); position:fixed; right:1rem; opacity:1; z-index:99999; transition:all ease-in 0.2s; backface-visibility: hidden;  -webkit-backface-visibility: hidden; text-decoration: none; border:1px solid hsla(0, 0%, 100%, 0.5); }
	a#BackToTop:before{ content: "\25b2"; }
	a#BackToTop:hover{ background:hsla(0, 0%, 0%, 1); transition:all ease-in 0.2s;}
	a#BackToTop.BtTinvisible{top:-2rem; opacity:0; transition:all ease-in 0.5s;}
	a#BackToTop.BtTvisible{ top:1rem; opacity:1;}
@media screen and (min-width:48rem) {
	a#BackToTop{ border-radius:0.25rem; padding:0.625rem 1rem 1.125rem; font-size:1.5rem; right:2rem; }
	a#BackToTop.BtTinvisible{ top:-2rem; }
	a#BackToTop.BtTvisible{ top:2rem; }
}
/* end back to top */