@charset "UTF-8";
@namespace h 'http://www.w3.org/1999/xhtml/';
@namespace epub 'http://www.idpf.org/2007/ops';
@namespace svg "http://www.w3.org/2000/svg";

	@font-face {font-family:'CanSlab';font-style:normal;font-weight:normal;src : url("../font/CanSlab-Regular.otf");}
	@font-face {font-family:'CanSlab';font-style:normal;font-weight:bold;src : url("../font/CanSlab-Bold.otf");}
	@font-face {font-family:'CanSlab';font-style:italic;font-weight:normal;src : url("../font/CanSlab-Italic.otf");}
	@font-face {font-family:'CanSlab';font-style:italic;font-weight:bold;src : url("../font/CanSlab-BoldItalic.otf");}

	@font-face {font-family:'CanSlab-Light';font-style:normal;font-weight:normal;src : url("../font/CanSlab-Light.otf");}
	@font-face {font-family:'CanSlab-Light';font-style:italic;font-weight:normal;src : url("../font/CanSlab-LightItalic.otf");}
	@font-face {font-family:'CanSlab-Light';font-style:normal;font-weight:bold;src : url("../font/CanSlab-SemiBold.otf");}

	@font-face {font-family:'CanSlab-Medium';font-style:normal;font-weight:normal;src : url("../font/CanSlab-Medium.otf");}
	@font-face {font-family:'CanSlab-Medium';font-style:normal;font-weight:bold;src : url("../font/CanSlab-MediumItalic.otf");}
	@font-face {font-family:'CanSlab-SemiBold';	font-style:normal;font-weight:normal;src : url("../font/CanSlab-SemiBold.otf");	}
	@font-face {font-family:'CanSlab-SemiBold';font-style:normal;font-weight:bold;src : url("../font/CanSlab-SemiBoldItalic.otf");	}

	@font-face {font-family:'Simplon CNDP';font-style:normal;font-weight:normal;src : url("../font/SimplonCNDP-Medium.otf");}
	@font-face {font-family:'Roboto-Condensed';font-style:normal;font-weight:normal;src : url("../font/RobotoCondensed-Regular.otf");}
	@font-face {font-family:'Roboto-Condensed';font-style:italic;font-weight:normal;src : url("../font/RobotoCondensed-Italic.otf");}
	@font-face {font-family:'Roboto-Condensed';font-style:normal;font-weight:bold;src : url("../font/RobotoCondensed-Bold.otf");}
	@font-face {font-family:'Roboto-Condensed';font-style:italic;font-weight:bold;src : url("../font/RobotoCondensed-BoldItalic.otf");}
	@font-face {font-family:'Roboto-Condensed-Light';font-style:normal;font-weight:normal;src : url("../font/RobotoCondensed-Light.otf");	}
	@font-face {font-family:'Roboto-Condensed-Light';font-style:italic;font-weight:normal;src : url("../font/RobotoCondensed-LightItalic.otf");	}
	@font-face {font-family:'Roboto';font-style:normal;font-weight:normal;src : url("../font/Roboto-Regular.otf");}
	@font-face {font-family:'Roboto';font-style:italic;	font-weight:normal;	src : url("../font/Roboto-Italic.otf");	}
	@font-face {font-family:'Roboto-Medium';font-style:normal;font-weight:normal;src : url("../font/Roboto-Medium.otf");}
	@font-face {font-family:'Roboto';font-style:normal;	font-weight:bold;src : url("../font/Roboto-Bold.otf");}
	@font-face {font-family:'Roboto-Medium';font-style:italic;font-weight:normal;src : url("../font/Roboto-MediumItalic.otf");}
	@font-face {font-family:'Roboto';font-style:italic;font-weight:bold;src : url("../font/Roboto-BoldItalic.otf");	}
	@font-face {font-family:'Roboto-Light';font-style:normal;font-weight:normal;src : url("../font/Roboto-Light.otf");}
	@font-face {font-family:'Roboto-Light';font-style:italic;font-weight:normal;src : url("../font/Roboto-LightItalic.otf");}
	@font-face {font-family:'Roboto-Black';font-style:normal;font-weight:normal;src : url("../font/Roboto-Black.otf");}
	@font-face {font-family:'Roboto-Black';font-style:italic;font-weight:normal;src : url("../font/Roboto-BlackItalic.otf");}

:root{
    --grisClair:rgba(190,190,190,1);
    --grisMoyen:rgba(175,175,175,1);
    --grisFonce:rgb(37, 37, 38);
    --grisFonce1:rgb(47, 47, 48);
    --grisFonce2:rgb(57, 57, 58);
    --jaune:rgba(229,153,1,1.00);
    --jauneFond:rgb(208, 142, 6);
    --rouge:rgb(241, 80, 51);
    --rougeTexte:rgb(241, 80, 51);
    --bleu:rgba(53,138,159,1.00);
    --bleuClair:rgba(65,174,201,1.00);
    --bleuHover:rgba(118,217,240,1.00);
    --bleu2:rgb(94, 193, 210);
    --vert:rgb(165, 201, 0);
    --fondGrisFonce:rgba(36,36,36,1);
    --fondGrisMoyen:rgba(30,30,30,0.8);
    --btnTexte:rgba(237,237,237,1.00);
    --btnFond:rgba(17,17,17,1.00);
    --btnTexteHover:rgba(255,255,255,1.00);
    --btnFondHover:rgba(90,90,90,1.00);
    --texte:rgba(190,190,190,1);}
    --fondNoir:rgba(18,18,18,1.00);
    --fondTableau:rgba(96,95,95,1.00);
}
    

html {
	/*box-sizing:border-box;*/
	/*font-size:62.5%;*/
	font-size:100%;
	}
	
body {
	/*box-sizing:border-box;*/
	font-family: 'Roboto', 'CanSlab', sans-serif;
	font-size: 1rem;
	background-color:rgba(31,30,27,1.00);/*rgb(137,134,127)*/
	text-align: left;
	word-wrap: break-word;
	padding:0;
	margin:0;
	}
	
code{font-family:'CanSlab';font-size:1.02rem;letter-spacing:.01rem;}


.site-header{
		background-color:rgb(206,198,180);
		-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
		box-shadow:0 2px 4px rgba(0,0,0,.5);
		/*height:85px;*/
		vertical-align:baseline;
		}
	.logo-container{position:absolute;
		padding-top:25px;
		height:50px;
		}
	img.custom-logo {
		height:50px!important;
		width:auto;
		}
	section.intro {
        box-sizing:border-box;
		position:absolute;right:10%;left:10%;
		top:140px; /* 180 px*/
		background-color:rgba(255,255,255,.8);
		width:auto;
		min-height:300px;
		padding:2em;
		padding-top:4em;
		-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
		box-shadow:0 2px 4px rgba(0,0,0,.5);
		text-align:center;
		}
        
        #epubworkshop .intro .rem{padding-top:1rem;text-align:center;}
        #epubworkshop .intro .label{font-family:Roboto-Condensed,sans-serif;color:white;}

        /* --- version --- */
        a.version{
            position:absolute;
            font-family:Roboto-Condensed-Light;
            font-size:0.8rem;
            letter-spacing: 1px;
            color:var(--texte)!important;
            bottom:10px;left:20px;
            border:0!important; 
            text-transform:none;
        }
        a.version::before{content:"version";margin-right:.5rem;}


			
	section.page {
		position:absolute;
        right:15%;
        left:15%;
		top:140px;
        width:auto;
		background-color:var(--fondGrisMoyen);
		/*min-height:300px;*/
		padding:2em;
		padding-top:3em;
		-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
		box-shadow:0 2px 4px rgba(0,0,0,.5);
		text-align:left;
		}
		
		
					
		header.entete img{
			width:3em;
			height:auto;
			background-color:rgb(203,68,43);
			display:inline-block;
			margin-right:1.25em;
			}
			
		header.entete .picto-script{
			background-color:var(--jauneFond);
			}
		header.picto-script:hover{
			background-color:rgb(248,172,20)!important;
			}

        .ctrl header.entete .picto-script{
			background-color:var(--grisFonce);
			}
		.ctrl header.entete .picto-script:hover{
			background-color:var(--fondGrisMoyen);
			}

.ctrl{color:var(--texte)}

			
		header.entete .picto-recup{background-color:var(--bleu);vertical-align:text-bottom;}
		header.entete .picto-recup:hover{background-color:var(--bleuHover);}

		header.entete .picto-next{background-color:var(--btnFond);color:var(--btnTexte);width:1.5em;float:right;border:1px solid #FFF;}
		header.entete .picto-next:hover{background-color:var(--btnFondHover);color:var(--btnTexteHover);}

		header.entete .picto-preview{background-color:rgba(102,145,5,1.00);vertical-align:text-bottom;}
		.picto-preview:hover{background-color:rgba(140,199,7,1.00)!important;}


		header.entete h1{display:inline-block;vertical-align:middle;}
		.invisible {display:none!important;}
		.zone {margin:0;padding:0;display:block;vertical-align:top;}
	
		.ima-header img{
		/*	-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
			box-shadow:0 2px 4px rgba(0,0,0,.5);
			width:100%;*/
			}


	
		.page h2 {margin:0; margin-top:2rem;margin-bottom:.5rem;}

		.zone>h2 {border:none;margin-left:0}
		
		.picto-file{
			width:3em!important;
			height:auto;
			}
		.get-file{
			background-color:rgb(75, 155, 169)!important;
			/*display:block;
			float:left;
			vertical-align:middle;
			text-align:center;
			margin-bottom:1em;
			padding:0.5em;
			width:6em;height:6em;
			margin-right:2em;
			*/
			}
		.get-file img {
			vertical-align:middle;
			}
		.get-file span  {
			display:inline-block;
			vertical-align:middle;
			margin-left:1em;
			text-decoration:none;
			font-weight:bold;
			color:#fff;
			}
			
	
section, div, details {display:block;margin:0;padding:0;}
		
	h1 {
	font-size:1.5em;
	margin-top:0.25em;
	margin-bottom:1em;
	font-weight:normal;
	margin-left:0;
	}
	
	h2 {
	font-size:1.15em;
	font-weight:normal;
    padding-top:0;
	/*border-left-width:0.35em;padding-left:0.75em;
	border-left-style:solid;*/
	}
	
	/* #page-mnu-1 h2 {border-color:#E87400;}*/
	#page-mnu-0 h2 {border-color:#CCCC00;}
	#page-mnu-1 h2 {border-color:#CC0066;}
	#page-mnu-2 h2 {border-color:#709FCF;}
	#page-mnu-3 h2 {border-color:#E87400;}
	#page-mnu-4 h2 {border-color:#C1C100;}

    h3 {
	font-family:"Roboto-Condensed";
	font-size:1.2rem;
	font-weight:normal;
	margin-top:2rem!important;
        margin-bottom:1rem!important;
	border-bottom:1px solid;
    /*padding-bottom:.25rem;*/
	}
    /*h3 span::before{content:'\0025A3';margin-right:.5rem;}*/
    h3 span{
        display:inline-block;
        padding-top:2px;
        padding-bottom:2px;
        margin:0;
        border-radius:0 .5rem 0 0;
        padding-left:.5rem;
        padding-right:.6rem;
    }

    .zone-choix {
        margin-top:2rem!important;
        padding-top;2rem!important;
        padding-bottom:2rem;
        /*padding-left:1rem;padding-right:1rem;*/
        /*border-radius:1rem;*/
        /*border:2px solid rgba(100,167,0,1.00);*/
    }

	
	.livreencours {font-family:'Roboto';}

    .preview-maker h1.titre{color:var(--vert);}
    .preview-maker .livreencours{font-family:'Roboto';color:rgba(110,167,0,1.00);}
    .preview-maker h3 {border-color:rgba(110,167,0,1.00)}
    .preview-maker h3::before {color:rgba(110,167,0,1.00)}
    .preview-maker h3 span{background-color:rgba(165,201,0,1.00);color:black;}
    .preview-maker input[type='text']{border-color:rgba(110,167,0,1.00);border:1px solid;color:rgba(110,167,0,1.00);border-radius:5px;padding:2px;padding-left:.5rem;}
    .preview-maker .link {border-color: rgb(110,167,0);color:inherit;}
    .preview-maker ul{margin:0;padding:0}
    .preview-maker li{color:var(--texte);margin-left:3.5rem;text-indent:-2.8rem;line-height:140%;margin-bottom:.75rem;}
    .preview-maker li label{color:var(--texte);}

    .preview-maker #lblchkPage {display:block!important;margin-top:1.2rem;margin-left:1rem;}
    .preview-maker #lblchkPageDebut{display:block!important;margin-top:1rem;margin-left:3.8rem;text-indent:-2.8rem;color:rgba(74,74,74,1.00);font-style:italic}

    .scripting .livreencours{font-family:'Roboto';color:var(--jaune);display:block;}
    .scripting h1.titre{color:rgb(248, 172, 20);}
    .scripting h3, .scripting .zone-choix,.scripting .link-btn {border-color:rgb(248,172,20)}
    .scripting h3::before {color:rgb(248,172,20)}
    .scripting li label{color:var(--texte);}
    .scripting li b{font-family:Roboto-Medium;font-weight:normal;color:var(--jaune);}
    .scripting form h3:first-child{margin-top:1.25rem;}
    .scripting h3 span{background-color:var(--jaune);color:black;}
    .scripting .zone-choix{border:none!}
    .scripting code{color:rgba(255,118,1,1.00);letter-spacing:1px;}
    .scripting .link-btn{color:var(--texte);}
    .scripting .link-btn:hover{background-color:rgb(248,172,20);color:var(--btnTexteHover);}
  
    a.ctrl{display:inline-block;width:24px;height:26px;margin-left:1rem;background-image:url("../ima/ctrl0.png");background-repeat: no-repeat;background-size: contain;background-position: 0 6px;}
    a.ctrl:hover{background-image:url("../ima/ctrl1.png");}

    .ctrl .livreencours {font-family:'Roboto';color:white;margin-left:1rem;}
    .ctrl h2 {margin-left:4rem;}

    .ctrl ul.lst li label{display:inline-block;width:9rem;}
    .ctrl ul.lst-titre li label{display:inline-block;}

    .crtl h3.titre{color:white!important;}

    .ctrl table {
        background-color:var(--grisFonce1);
        /*color:var(--texte);*/
        border-collapse: collapse;
        font-family:Roboto-Condensed-Light;
        }
    .ctrl td {
        padding-left:10px;padding-right:10px;
        padding-top:5px;padding-bottom:5px;
        vertical-align: top;
        font-family:Roboto-Light;
        font-size:0.95rem;
        line-height:140%;
        }
    .ctrl th, .ctrl thead td {
        padding-left:10px;padding-right:10px;
        padding-top:8px;padding-bottom:8px;
        vertical-align:middle;
        font-family:Roboto-Condensed;
        font-weight:normal;
        background-color:var(--fondGrisFonce);
        }
    .ctrl .tab-pagebreak tbody tr<td:nth-child(1) {text-align:left;width:30rem!important}
    .ctrl .tab-pagebreak tbody tr<td:nth-child(2) {text-align:center;width:6rem}
    .ctrl .tab-pagebreak tbody tr<td:nth-child(3) {text-align:center!important;width:6rem}
    .ctrl .tab-pagebreak tbody tr<td:nth-child(4) {text-align:center!important;width:2rem;}

    .center{text-align:center!important;}

    td.success{color:rgb(165, 201, 0)!important}
    td.fail{color:rgb(241, 80, 51)!important;font-weight:bold;}

    /*.ctrl tr>td:first-child{color:var(--grisClair);font-family:Roboto-Light;}*/

    /*.ctrl .tab-pagebreak tr>td:nth-child(2){font-family:Roboto-Light;text-align:center;}*/
    /*.ctrl .tab-pagebreak thead tr>th {font-family:Roboto-Condensed;font-weight:normal;background-color:var(--fondGrisFonce);}*/
    /*.ctrl tr:nth-child(odd){background-color:var(--grisFonce2);}*/
   /* .ctrl tr.tab-total td {color:white;border-top:2px solid grey;}*/

/*PHP*/
.xdebug-error {color:black;font-size:0.9rem;}
.xe-notice{}

    input[type=checkbox] {
        appearance: none;
        position: relative;
        width: 1rem;
        height: 1rem;
        border: 1px solid var(--grisMoyen);
        /* Ajuste la position de la case à cocher sur la ligne de base du texte */
        vertical-align: -4px;
        /* On définit ici afin que le mode de contraste élevé de Windows puisse surcharger */
        color: var(--grisClair);
        margin-right:1.5rem;
        }
	
        input[type="checkbox"]::before {
            content: "✔";
            position: absolute;
            font-size: 1.2em;
            right: -1px;
            top: -0.3rem;
            visibility: hidden;
            color:grey;
        }

        .scripting input[type="checkbox"]::before {
          content: "✔";
          position: absolute;
          font-size: 1.2em;
          right: -1px;
          top: -0.3rem;
          visibility: hidden;
            color:var(--jaune);
        }
       .preview-maker input[type="checkbox"]::before {
          content: "✔";
          position: absolute;
          font-size: 1.2em;
          right: -1px;
          top: -0.3rem;
          visibility: hidden;
            color:var(--vert);
        }
        .preview-maker input[type="text"] {
            box-sizing: border-box;
            appearance: none;
            background-color:transparent;
            color:var(--vert);
            padding-left:.25rem;
            padding-right:.25rem;
            }

        input[type="checkbox"]:checked::before {
          /* On utilise `visibility` plutôt que `display` pour éviter le
             recalcul de la disposition */
          visibility: visible;
        }

        input[type="checkbox"]:disabled {
          border-color: black;
          background: #ddd;
          color: gray;
        }

        ul.list-champs {list-style:none;margin:0!important;padding:0;!}
        ul.list-champs li {line-height:145%;padding-bottom:0.5rem;margin-left:5.5rem;text-indent: -2.75rem;}

    .entete{display: flex; flex-flow: row;flex-wrap: nowrap;flex-direction: row;align-item:baseline;align-content: space-between;}
    .entete a{flex-grow:1;}

    #epubworkshop .entete a[href]{border:none!important;text-transform:none!important;}
    #epubworkshop .link-btn[href]{border-style:solid!important;border-width:2px;text-transform:none!important;}

    .entete h1 { flex-grow:1; }
    .entete>a:last-of-type{flex-grow:12;}

    .depot h1.titre{color:var(--rougeTexte);}
    .depot .defaulttexte{color:var(--grisClair);}
     label.info {font-family:Roboto;color:var(--grisClair);line-height:150%}
    .depot label span{font-family:Roboto-Medium;letter-spacing:}
    .depot .link-btn:hover{background-color:#cb442b;color:white;}
    .depot .link-btn {border-color:#cb442b;color:var(--grisClair);}
    .depot #btn-download{/*opacity:0;*/}
    .depot #lblfile{width:13rem;text-align:center;font-family:Roboto;margin-top:1.5rem;margin-bottom:1rem;}
    .depot #output{color:var(--texte);display:block;line-height:140%;font-family:Roboto-Light;font-weight:normal;letter-spacing:1px;}


    .recup .warning .titre{background-color:var(--bleu);color:white;}
    .recup .titre{color:var(--bleuClair);}
    .recup .warning .color{color:var(--bleuClair);}

	label {
		display:inline-block;
		font-family:'Roboto Light',sans-serif;
		padding-right:0.5em;padding-left:0.5em;
		font-size:1rem;
		margin-right:1.25em;
		}

    .zone-choix label {
        font-family:'Roboto', sans-serif;
        padding-right:0!important;
        padding-left:0!important;
        font-size:1rem;
        margin-right:0!important;
    }

	
	input[type|=text], select  {
		display:inline-block!important;
		font-family:'CanSlab', 'Roboto-Light',sans-serif;
		letter-spacing:0.04em;
		font-size:1rem;
		color:#D75600;
		}
		
	input[type=date] {
		font-family:CanSlab, 'Roboto-Light',sans-serif;
		letter-spacing:0.04em;
		font-size:1rem;
		color:#D75600!important;
		}
	textarea{
		font-family:CanSlab, 'Roboto-Light',sans-serif;
		letter-spacing:0.04em;
		font-size:1.1rem;
		color:#D75600!important;
	}

	.image-principale{
		display:block;
		box-sizing:border-box;
		background-image:url('../ima/Rouages.jpg');
		width:100%;		
		height:calc(100% - 5.5em);
		height:95%;
		}

	.header {
		display:flex;
		width: 100%;
		height:auto;
		min-height:3.5em;
		padding:0;
		/*padding-bottom:0.25em;/
		margin-left: 0;
		margin-right: 0;
		margin-top: 0.75em;
		/*margin-bottom:1em;*/
		/*border-bottom: 1px #E9E9E9 solid;*/
		vertical-align:text-top;
		background-color:#fff;
		}
	
	.menu {
		display:table-cell;
		font-family: 'Roboto-Light', sans-serif, "Courier New", Courier, monospace ;
		font-size:1em;
		height:100%;
		min-height:5em;
		width: auto;
		min-width:4.35em;
		color: #BABABA;
		margin-left:0;
		margin-right:0;
		border-right: 0.01em #CCCCCC solid;
		border-left: 0.01em #CCCCCC solid;
		padding-left: 0.8em;
		padding-right: 0.8em;
		padding-top:0.7em;
		padding-bottom:0.7em;
		text-align: center;
		text-decoration: none;
		vertical-align:text-bottom;
		}
	
	.malbarre{
		display:inline-table;
		width:auto;		
		/*height:100%;*/
		/*min-height:3.5em;*/
		text-align:left;
		margin-top:auto;margin-bottom:0;
		}

	#logo {
		display:inline-block;
		width:auto;
		font-family:"CanSlab-Light";
		padding:0;
		margin-top:auto;
		margin-bottom:auto;
		margin-right:2em;
		padding-bottom:0.25em;
	}
		
	#logo span {text-decoration: none!important;}
	#logo a, #logo a:link {text-decoration: none!important;}
	#a {color: #CACA00;font-size: 2em;}

	#mot1 {
		display:inline-block;
		line-height:1.3em;	
		color: #666666;
		font-size: 1.5em;
		margin:0!important;	
		padding:0!important;
		padding-right:0;
		width:auto;
		}
	#mot1:first-letter{
		color: #CACA00!important;
		font-size: 1.4em;
		display:inline-block;
		margin:0!important;
		padding:0!important;
		}
	#mot2 {	
		line-height:1.3em;	
		color: #CCCCCC;
		font-size:1.5em;
		display:inline-block;
		margin:0!important;	
		padding:0!important;
		width:auto;
		}
	#mot2:first-letter{
		color: #E87400;
		font-size: 1.4em;
		margin:0!important;	
		padding:0!important;
		}
	#mot1, #mot2 {
		text-align:left;
		}

	#mnu-0:target {color: #fff;background-color:#CCCC00!important;border-color:#CCCC00;}
	#mnu-1:target {color: #fff;background-color:#CC0066!important;border-color:#CC0066;}
	#mnu-2:target {color: #fff;background-color: #709FCF;border-color:#709FCF;}	
	#mnu-3:target {color: #fff;background-color: #E87400;border-color:#E87400;}
	#mnu-4:target {color: #fff; background-color: #C1C100;border-color:#C1C100;}

	#mnu-0:hover {color: #fff;background-color:#CCCC00!important;border-color:#CCCC00;}
	#mnu-1:hover {color: #fff;background-color:#CC0066!important;border-color:#CC0066;}
	#mnu-2:hover {color: #fff;background-color: #709FCF;border-color:#709FCF;}	
	#mnu-3:hover {color: #fff;background-color: #E87400;border-color:#E87400;}
	#mnu-4:hover {color: #fff; background-color: #C1C100;border-color:#C1C100;}
		
	section#page-mnu-0 {border-color:#CCCC00;border-top-width:4px;border-top-style:solid;margin-top:0;padding-top:1em;}
	section#page-mnu-1 {border-color:#CC0066;border-top-width:4px;border-top-style:solid;margin-top:0;padding-top:1em;}
	section#page-mnu-2 {border-color:#709FCF;border-top-width:4px;border-top-style:solid;margin-top:0;padding-top:1em;}
	section#page-mnu-3 {border-color:#E87400;border-top-width:4px;border-top-style:solid;margin-top:0;padding-top:1em;}
	section#page-mnu-4 {border-color:#C1C100;border-top-width:4px;border-top-style:solid;margin-top:0;padding-top:1em;}


	.selectfile {
        box-sizing:border-box;
        width:100%;
        margin-left:1em;
        margin-bottom:1em;margin-top:1em;
        display:block;
        font-family:'Roboto-Light', sans-serif ;
	}
	
	
	#page-mnu-0 legend {color:#CCCC00!important;}
	#page-mnu-1 legend {color:#CC0066!important;}
	#page-mnu-2 legend {color:#709FCF!important;}	
	#page-mnu-3 legend {color:#E87400!important;}
	#page-mnu-4 legend {color:#C1C100!important;}

	
	legend {
		font-family:'Roboto',sans-serif;
		font-size:0.98em;
		font-weight:normal;
		margin-top:0.15em;
		padding-left:0em;
		padding-right:0.25em;
		}
	
	fieldset {
		display:block;
		padding-top:0.5em;
		padding-left:1.5em;
		margin-top:0.25em;
		margin-left:0.30em;
		margin-right:0.30em;
		border-color:#CCCCCC;
		border-style:solid;
		border-width:1px;
		vertical-align:top;
		}
		.colonne {
		columns:auto 4;
		column-fill:balance;
		grid-row-gap: 1em;
		column-gap:2rem;
				}
	
	.barre-onglet {
		display:inline-block;	
		padding:0;
		width:100%;
		height:auto;
		background-color:white;
		margin-top:1em;
		margin-bottom:-1px;
		}
	
	.onglet {
		display:inline-block;
		font-size:1em;
		padding-left:0.75em;
		padding-right:0.75em;
		padding-top:0.3em;
		padding-bottom:0.3em;
		margin-bottom:0;
		margin-left:0;
		margin-right:0;
		border-top-width:1px;
		border-left-width:1px;
		border-right-width:1px;
 		border-top-style:solid;
		border-left-style:solid;
		border-right-style:solid;
		border-color:#ccc;
		background-color:#F9f9f9;
		border-bottom:0;
		}
		
		#label1 {
			border-bottom-width:1px;
			border-bottom-color:#f9f9f9;
			border-bottom-style:solid;
			background-color:#f9f9f9;
		}
		#label2,#label3,#label4 {
			border-bottom-style:solid;
			border-top-width:1px;
			border-left-width:1px;
			border-right-width:1px;
 			border-top-style:solid;
			border-left-style:solid;
			border-right-style:solid;
			border-color:#CCCCCC;
			background-color:#fff;
			color:#ccc;
			}

	.tabpanel {
		display:block;
		box-sizing:border-box;
		margin:0;
		padding:1em;
		width:100%;
		font-size:1.15rem;	
		background-color:#F9F9F9;
		border:1px #CCCCCC solid;
		}

	
	.col-tab{
	display:table-cell;
	position:relative;
	/*float:left;*/
	min-width:10em;
	margin-right:0.5em;
	margin-top:0.55em;
	margin-bottom:0.75em;
	padding-bottom:0.75em;
	vertical-align:top;
	}
	.col-hfixed{
	height:360px;
	}
	.col-2{
	column-count:2;
	}
	.col-tabx{
	position:relative;
	margin-top:0;
	min-width:10em;
	margin-right:0.5em;
	padding-top:0.75em;
	padding-bottom:1em;
	vertical-align:top;
	}
	.col-tabx+.col-tabx{margin-top:0.95em;}


	.zone-onglet{
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:0;
	margin-left:0;
	margin-right:0;
	margin-top:1em;
	position:absolute;
	}
	
	#tabs {}
	
	#tabcontent {
	display:block;
	box-sizing:border-box;
	background-color:#fff;
	width:100%;
	height:auto;
	min-height:450px;
	/*border:1px solid #999;*/
	margin-top:0;
	margin-left:0;
	margin-right:0;
	overflow:visible;
	padding:0em;
	border-top-right-radius:6px;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	}
	
	.barre-bouton {
		display:block;
		margin-top:1em;
		padding:0.25em;
		margin-bottom:0;
		}
	
#epubworkshop .btn {
		display:block;
		font-family:'Roboto-Light',sans-serif ;
		font-weight:normal;
		color:var(--btnTexte)!important;
		font-size:1em;
		letter-spacing:0.05em;
		padding:0.35em;
		width:9em;
		background-color:var(--btnFond);
		border:1px #D1D1D1 solid;
		margin-left:0;
		margin-right:0.5em;
        border-radius:.25rem;
        
		}
#epubworkshop .btn:hover {
        background-color:rgba(90,90,90,1.00)/*var(--btnFondHover)*/;
        color:#FFF;/*var(--btnTexteHover)!important*/;
        font-weight:normal;
    }
	
	.btn2 {
		display:block;
		font-family:'Roboto-Condensed-Light',sans-serif ;
		font-weight:bold;
		font-size:1em;
		color:#fff;
		letter-spacing:0.05em;
		padding:0.35em;
		width:9em;
		background-color:rgb(203,68,43);
		border:0px #999999 solid;
		margin-left:0;
		margin-right:0.5em;
		/*-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
		box-shadow:0 2px 4px rgba(0,0,0,.5);*/

		}
	.btn2:hover {background-color:#333;color:#fff;font-weight:bold;}
	
		.btn-jaune {
		display:block;
		font-family:'Roboto-Condensed-Light',sans-serif ;
		font-weight:bold;
		font-size:1em;
		color:#fff;
		letter-spacing:0.05em;
		padding:0.25em;
		width:9em;
		background-color:rgb(248,172,20);
		border:0px #999999 solid;
		margin-left:0;
		margin-right:0.5em;
		/*-webkit-box-shadow:0 2px 4px rgba(0,0,0,.5);
		box-shadow:0 2px 4px rgba(0,0,0,.5);*/
		}
	.btn-jaune:hover {background-color:#333;color:#fff;font-weight:bold;}
	
	.btn-bleu {
		display:block;
		font-family:'Roboto-Condensed-Light',sans-serif ;
		font-weight:bold;
		font-size:1em;
		color:#fff;
		letter-spacing:0.05em;
		padding:0.25em;
		width:9em;
		background-color:rgb(75, 155, 169);
		border:0px #999999 solid;
		margin-left:0;
		margin-right:0.5em;
		}
	.btn-bleu:hover {background-color:#333;color:#fff;font-weight:bold;}


	.btn-intro, .btn-intro[href] {
		display:inline-block;
		font-family:'Roboto-Condensed-Light',sans-serif ;
		font-weight:normal;
		font-size:1em;
		letter-spacing:0.05em;
		width:11em;
		padding:1em;
		background-color:#E6E6E6;
		border:0px #999999 solid;
		margin-left:0;
		margin-right:8%;
        margin-bottom:.25rem;
		text-align:center;
		color:#fff;
		text-decoration:none;
		}
	.btn-intro img{
		width:8em;
		height:auto;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	.btn-intro span{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		}
	
	
	.btn-intro3, .btn-intro3[href] {
		display:inline-block!important;
		font-family:'Roboto-Light',sans-serif;
		font-weight:normal!important;
		font-size:.9rem;
		letter-spacing:0.05em;
		width:10rem;
        height:8rem;
		padding:.5rem;
		background-color:var(--bleu);
		border:0px #999999 solid;
		margin-left:0;
		margin-right:2rem;
        margin-bottom:1rem;
		text-align:center;
        vertical-align: top;
		color:#fff!important;
		text-decoration:none;
		}
	.btn-intro3 img{
		width:4em;
		height:auto;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		}
	.btn-intro3 span{
		display:block;
		text-align:center;
		margin-left:auto;
		margin-right:auto;
		font-weight:bold;
		}
	.btn-intro3:hover, .btn-intro3[href]:hover  {
		background-color:var(--bleuHover);
		color:#000!important;
		font-weight:bold;
		}
	
	#btndepot {background-color:rgb(203,68,43);}
	#btnscript {background-color:rgb(248,172,20);}
	#btnrecup {background-color:rgb(75, 155, 169);}

	.btn-intro:hover, .btn-intro[href]:hover {background-color:#333!important;color:#fff!important;font-weight:bold;}
	.orange {background-color:#E87400!important;color:#fff;}
	.orange:hover{background-color:#000!important;color:#fff;font-weight:bold;}
	
	.red {background-color:#CC0066!important;color:#fff;}
	.red:hover {background-color:#FF0080!important;color:#fff;font-weight:bold;}
	
	.marron {background-color:#CC9900!important;color:#fff}
	.red:hover {background-color:#FF0080!important;color:#fff;font-weight:bold;}

	.vert {background-color: #C1C100;color:#fff}
	.red:hover {background-color:#FF0080!important;color:#fff;font-weight:bold;}
	.bleu {background-color: #709FCF;color:#fff}
	.red:hover {background-color:#FF0080!important;color:#fff;font-weight:bold;}

	.default:after{
	content:"\2022"; /* bullet : &#8226 */
	color:#CC0000;
	font-size:1.2rem;
	margin-left:0.25em;
	}



	input[type=file], .input-file {color:#003366} 


	ul.respedito {margin-top:1em;margin-bottom:0.5em;}
	ul.auteurs {margin-left:1.85em;margin-top:1em;margin-bottom:0.5em;}
	ul.concepteurs {margin-top:1em;margin-bottom:0.5em;}
	ul.checkbox{margin-left:0.25em;}
	
	aside.affiche{
        display:block;
        background-color:transprent;
        font-family:monospace,sans-serif;
        font-size:80%;
        line-height:100%;
        position:absolute;
        top:15rem;
        bottom:auto;
        left:auto;
        right:1rem;
        min-height:5rem;
        padding:1em;
        border:1px #E87400 solide;
	}
	


    table td {padding:0.15em;}

    .liste {font-size:1em;line-height:90%;}
	
	/*input[type=checkbox] {
        -webkit-appearance: none;
        appearance: none;
        margin-right:0.5em;
        margin-left:-1.3em;
        color: bleu;
        display:inline-block;
        border:1px solid red;
        width:18px;height:18px;
        }*/
 






textarea {height:100px;width:98%;}
	
	input[type=file] {font-family: 'Roboto',sans-serif;font-size:0.95rem;	margin-right:1em;}
	
	.bande {
	background-color:#FAFAFA;
	padding:0.25em;
	padding-left:1em;
	color:#000;
	margin-top:0;
	position:absolute!important;
	top:3em;
	bottom:auto;
	left:1.5em;right:1.5em;
	}
	
	.titrefonction {display:inline-block;padding:0.35em;border-bottom: dotted 1px #000;}
	.retourCode {font-family:monospace;font-size:1em;padding-left:0.35em;}

	xaside{
 		position:absolute;
 		background-color:#FFFFCC;
 		padding:1em;
 		font-family:sans-serif;
 		margin-top:1em;
 		margin-bottom:1em;
 		bottom:2em;
 		right:2em;
 		top:auto;
		}
		
	.liste {padding-bottom:0.5em;padding-top:0.5em;margin-bottom:0;margin-top:0;}
	
	.niv1 {background-color:#222;color: #fff;font-family:'Roboto-Light', sans-serif!important; display:inline-block;width:1em;height:1em;text-align:center;	}
	

    ol {margin:0;padding:0;padding-left:0.6em;list-style-type:decimal;list-style-position:outside;}
	ol li {font-size:0.95rem;font-family:'CanSlab-Light';margin-bottom:0.25em;}
	ul li {list-style:none;margin-bottom:0.25em;}
		
	.bloc-encastre {
		display:inline-block;
		box-sizing:border-box;
		width:250px;
		margin-left:1em;
		margin-right:0;
		padding:1.25em;border: 1px #CCCCCC solid;
		vertical-align:top;	
		min-height:12em;
		}

	.bloc-encastre-double {
		display:inline-block;
		box-sizing:border-box;
		width:520px;
		margin-left:1em;
		margin-right:0;
		padding:1.25em;border: 1px #CCCCCC solid;
		vertical-align:top;	
		min-height:12em;
		}

			
	.bloc-encastre2 {
		display:inline-block;
		box-sizing:border-box;
		width:520px;
		margin-left:1em;
		margin-right:0;
		padding:1.25em;border: 1px #CCCCCC solid;
		vertical-align:top;	
		min-height:12em;
		margin-top:1.5em;
		}
		
	#download {width:400px;}
	
	@media (max-width: 768px){
		/*#logo {display:block}*/
		/*#menu-barre{text-align:left;float:none;margin-left:0;margin-right:0;width:100%;padding:0.5em!important;display:block}*/
		/*a.menu {display:block!important;width:100%;border:1px #CCCCCC solid!important;background-color:#F7F7F7;vertical-align:central!important}
		.menu-bloc {display:block;float:none}*/
        section.page{right:1%!important,left:1%!important;}
        #affiche{display:none;}
	}
	
	@media (min-width: 768px){
	.menu-summary {display:none;}
	.menu-bloc {display:inline-block;float:right}
}
	@media (min-width: 1024px){
	.menu-summary {display:none;}
	}

	
	
	

form, fieldset {padding:0;border:none}

.form-soustitre {
    font-family:Roboto, sans-serif;
    background-color:rgba(181,0,2,1.00);color:white;padding-top:4px;padding-bottom:4px;padding-left:.5rem;padding-right:.5rem;
    margin-top:2.5rem;border:none;margin-left:0;
}
.form-soustitre:first-child{margin-top:0;}

li.coche::before {content:"\0025A2";margin-right:1rem;font-family:Roboto;font-size:1.2rem;}
li.coche{margin-left:-1rem;}

.link {text-decoration:none;color:inherit;border-bottom:2px dotted rgba(255,118,0,1.00);}
.link:hover {border-bottom:2px solid var(--vert);}

.bold {font-weight:bold;}
.label {font-family:Roboto!important;font-weight:normal;}
.warning{margin-top:1rem;padding:1rem;}
.warning .titre{
    display:inline-block;
    font-family:Roboto-Light;
    font-size:.8rem;
    letter-spacing: 1px;
    padding-top:2px;padding-bottom:2px;padding-left:1rem;padding-right:1rem;
    border-radius:1rem;
    background-color:rgba(167,0,2,1.00);color:white;margin-bottom:1rem;
}
.warning .texte {
    font-family:Roboto-Light;
    letter-spacing: 1px; 
    color:var(--texte);
    line-height:160%!important;
    font-size:.92rem;
    margin-top:0;
    margin-bottom:0;
    margin-left:1rem;
}

.link-btn {
    display:inline-block;
    border:2px solid;
    padding-top:4px;padding-bottom:4px;padding-left:1rem;padding-right:1rem;
    border-radius:1rem;
    width:auto;
    text-decoration: none;
    color:black;
}