/*! HTML5 Boilerplate v5.3.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #1A171B;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ---------------------------------------------------------
--- Reset */

	html { -webkit-tap-highlight-color: transparent; }

	figure { 
		margin: 0; 
/* 		padding: 1em; */
	}
	
	article { position: relative; }
	
	table { 
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	h1 + p,
	h2 + p,
	h3 + p { margin-top: 0; }
	
	p:first-child { margin-top: 0; }
	
	*,
	*:before,
	*:after {
	  -webkit-box-sizing: border-box;
	     -moz-box-sizing: border-box;
	          box-sizing: border-box;
	}
		
	/* max values */
	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	video,
	svg { max-width: 100%; outline:none}

	body > script { display: none !important; }
	
	
/* reset form */

	button,
	input,
	optgroup,
	select,
	textarea {
	  margin: 0;
	  font: inherit;
	  color: inherit;
	}
	
	button {
	  overflow: visible;
	}
	
	button,
	select {
	  text-transform: none;
	}
	
	button,
	html input[type="button"],
	input[type="reset"],
	input[type="submit"] {
	  -webkit-appearance: button;
	  cursor: pointer;
	}
	
	button[disabled],
	html input[disabled] {
	  cursor: default;
	}
	
	button::-moz-focus-inner,
	input::-moz-focus-inner {
	  padding: 0;
	  border: 0;
	}
	
	input {
	  line-height: normal;
	}
	
	input[type="checkbox"],
	input[type="radio"] {
	  -webkit-box-sizing: border-box;
	          box-sizing: border-box;
	  padding: 0;
	}
	
	input[type="number"]::-webkit-inner-spin-button,
	input[type="number"]::-webkit-outer-spin-button {
	  height: auto;
	}
	
	input[type="search"] {
	  -webkit-box-sizing: content-box;
	          box-sizing: content-box;
	  -webkit-appearance: textfield;
	}
	
	input[type="search"]::-webkit-search-cancel-button,
	input[type="search"]::-webkit-search-decoration {
	  -webkit-appearance: none;
	}
	
	legend {
	  padding: 0;
	  border: 0;
	}
	
	textarea {
	  overflow: auto;
	}
	
	optgroup {
	  font-weight: bold;
	}
	
	button,
	[role="button"],
	input,
	label,
	select,
	summary,
	textarea {
	  -ms-touch-action: manipulation;
	      touch-action: manipulation;
	}
	

	input,
	button,
	select,
	textarea {
	  margin: 0;
	  line-height: inherit;
	  border-radius: 0;
	  border: 0;
	}
	
	input[type="text"], input[type="password"],
	textarea, select {
	}
	
	textarea {
	  resize: vertical;
	}
	
	fieldset {
	  min-width: 0;
	  padding: 0;
	  margin: 0;
	  border: 0;
	}
	
	
	input[type="search"] {
	  -webkit-box-sizing: inherit;
	          box-sizing: inherit;
	  -webkit-appearance: none;
	}
	
	/* Formulaire */

	.b-form__grp { 
		display: block; 
		overflow: hidden;
	}
	
	.b-form__grp > * { float: left; }

	.b-form__input,
	.b-form__textarea {
		border: 1px solid #1A171B;
	}



	/* tableaux */

	table th,
	table td {
		/*padding: 1.725em 0;*/
	}


/* ---------------------------------------------------------
--- Typo */

 	html { 
		font-size: .625em; 
		font-size: calc(1em * .625); 
	}
	
	body,
	.body {
		font-weight: normal;
		font-size: 1.6rem;
		line-height: : 1.9rem;
		font-family:"helvetica";
		color:#000;
	}

	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-style: normal;
	}
	
	.bold {
		font-weight: bold;
	}
	
	.bigger { font-size: 1.4em; }
	
	.smaller { font-size: .8em; }

	
	ul {
		list-style-type: none;
		padding: 0;
		margin:0;
	}
	
	
	a {
		text-decoration: none;
	}
	
	input::-webkit-input-placeholder {
	color: #ff4040 !important;
	}
	 
	textarea:-moz-placeholder { /* Firefox 18- */
	input: #ff4040 !important;  
	}
	 
	textarea::-moz-placeholder {  /* Firefox 19+ */
	input: #ff4040 !important;  
	}
	 
	textarea:-ms-input-placeholder {  
	input: #ff4040 !important;  
	}
	
	.clear {
		clear:both;
	}
	
	a {
		color:#000;
		word-wrap: break-word;
	}
	
	a:hover {
		color:#000;
	}
	
	h1 {
		font-size: 1.4rem;
			text-transform: uppercase;		
	}

	
	p {
		line-height:1.3;
			
	}
	
	.underline:hover {
		text-decoration: underline;
	}
	
	.hide {
		display: none;
	}
	
	p {
		padding:0;
		margin:0;
	}

/* ---------------------------------------------------------
--- Layout -- */

	html,
	body { 
		position: relative;
		color:#000;
		height:100%;
		
	}
	
	body { 

	}
	
	header {

	}
	
	
	nav {
	}
	
	footer {
		
	}
	
	

	
	.l-wrapper {
		float:left;
		width:100%;
		height:100%;
	}
	
	.l-main {
		width:100%;
		height:100%;
		margin-left: auto;
		margin-right:auto;
		text-align:center;
		
	}
	
	.content {
		max-height:1200px;
	}
	
	.content img {
		height:100%;
	}
	
	.tools {
		position: fixed;
		right:0;
		top:0;
		width:160px;
		background-color: #999999;
		opacity: 0.9;
		padding:10px;
		z-index:10000;
		
	}
	
	.tools .active {
		opacity: 1;
		cursor: pointer;
	}
	
	.tools .no-active {
		opacity: 0.2;
		cursor: default;
	}
	
	.tools .bloc {
		margin-top:8px;
	}
	
	.tools select {
		font-size: 1.2rem;
		max-width: 90%;
		border: 1px solid #000;
		outline: none;
	}
	
	.tools .fas {
		padding-right:5px;
	}
	
	.tools label {
		font-size: 1.2rem;
		line-height: 1rem;
		display: block;
	}
	
	.tools .compteur {
		font-size: 1.2rem;
	}
	
	.tools .save {
		position: absolute;
		right:10px;
		bottom:30px;
		font-size: 4rem;
	}
	
	.tools .reload {
		position: absolute;
		right:10px;
		top:19px;
		cursor: pointer;
	}
	
	.tools .groupe {
		background-color: rgba(165, 217, 236, 0.5);
		padding:8px;
		padding-top:0px;
	}
	
	.couleur  {
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.couleur div {
		display: inline-flex;
	}
	
	.couleur label {
		padding-right:5px;
	}
	
	.cache {
		width:0;
		height:0;
	}
	
	
	.mire {
		display:none;
		position: fixed;
		left:0;
		top:0;
		width: 100%;
		height:100%;
		z-index:9999;
	}
	
	.grille {
		width:100%;
		height:600px;
	}
	
	.jaune {
		background-color: #FFF166;
	}
	
	.vert {
		background-color: #00ff52;
	}
	
	.bleu {
		background-color: #A5D9EC;
	}
	
	.noir {
		background-color: #000000;
	}
	
	

@media all and (max-width: 680px) {

	
	
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after,
    *:first-letter,
    *:first-line {
        background: transparent !important;
        color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}