@CHARSET "UTF-8";


/*_________________CSS POUR LA STRUCTURE DE BASE AVEC CES ELEMENTS_________________*/
/*BODY*/
/*BALISES de base*/
/*BALISES de lien*/
/*BASIC*/
  /****hors connexion*/
  /****style seul*/
  /****bloc de base*/
/*ESPACE interligne DIV*/
/*HEADER avec logo*/
/*BANNIERE titre*/
/*MENU*/
/*MENU FICHE*/
/*FOOTER*/
/*ELEMENTS de base*/
  	/****boutons */
  	/****lien <a */
  	/****Definition de bloc standard et titre*/
  	/****popup / popin */
  	/***message d'erreur*/

/*_________________CSS POUR LES ELEMENTS DES PAGES - hérité de la structure de base_________________*/
/*NON CONNECTE*/
/*MENTIONS LEGALES*/
/*DATATABLES*/
    /*table base*/
    /*table head*/
    /*table body*/
/*DATE ET TIME PICKER*/
/*PLAN*/
/*EVALUATION*/

/*_________________CSS DEBUG_________________*/
/*FOCUS */
/*TAILLE : test couleur */

/*TAILLE BASE ****************************************************************************************************************************/
/*TAILLE TABLETTE ************************************************************************************************************************/
/*TAILLE SMARTPHONE **********************************************************************************************************************/




/*BODY*/
    body{
    	background-color: #FFFFFF;
        color : #000000;
    	font-size:14px;
    	font-family:Arial, Helvetica, sans-serif;
        margin: auto;
    	font-weight:normal;
    }

    #watermark {
        font-size: 50px;
        line-height: 4;
        position: fixed;
        z-index: 99999999;
        top: 0;
        left: 11%;
        display: none;
        width: 200%;
        height: 100%;
        margin: 0;
        user-select: none;
        transform: rotate(-30deg);
        transform-origin: 0 200%;
        word-wrap: break-word;
        pointer-events: none;
        color: rgba(128, 128, 128, 0.1);
    }

    #watermark span {
        margin-left: 50px;
    }

    #ribbonTest {
        font-size: 25px;
        position: fixed;
        z-index: 998;
        top: 94px;
        right: -65px;
        display: none;
        width: 350px;
        transform: rotate(45deg);
        text-align: center;
        pointer-events: none;
        opacity: 0.5;
        color: #F0F0F0;
        background-color: #EE4433;
    }

    .base-test #watermark, .base-test #ribbonTest {
        display: block;
    }



/*BALISES de base*/
    input[type='password']::-ms-reveal,
    input[type='password']::-ms-clear{
        display: none;
    }

    label {
        display: block;
        float: left;
    	font-weight:normal;
        margin-top: 2px;
    }
    label:not[.auto]{
        min-width: 80px !important;
    }
    label.auto{
        min-width: auto;
    	max-width: auto;
    }
    label.minii {
        min-width: 20px;
        max-width: 20px;
    }
    label.mini {
        min-width: 40px;
        max-width: 40px;
    }
    label.long {
        min-width: 150px;
        max-width: 150px;
    }
    label.moyen {
        min-width: 200px;
        max-width: 200px;
    }
    label.w65 {
        min-width: 65px;
        max-width: 65px;
    }
    label.w85 {
        min-width: 85px;
        max-width: 85px;
    }
    label.obligatoire > span {
        background-color: #F7F722;
    }
    input {
        display: block;
        float: left;
        min-width: 20%;
        max-width: 47%;
        height: 24px;
    }
    select {
        min-width: 20%;
        max-width: 47%;
        height: 24px;
    }
    input.mini {
        min-width: 20px;
        max-width: 45px;
    }
    input.moyen {
        min-width: 150px;
        max-width: 150px;
    }
    input.long {
        min-width: 200px;
        max-width: 200px;
    }
    input.annee,
    input.date {
        min-width: 80px;
        max-width: 80px;
    }
    input.heure {
        min-width: 50px;
        max-width: 50px;
    }
    input.note{
        text-align:right;
        max-width: none;
        width:60px;
    }

    input[type="checkbox"]{
    	margin-top:-2px;
    	min-width: auto;
    }

    input[type="radio"]{
    	margin: -2px 5px 0px 5px;
    }
	input[type="checkbox"].mt0{ margin-top:0; }
    input[type="checkbox"].mt2{ margin-top:2px; }
    input[type="checkbox"].mr20{ margin-right:20px; }
    input[type="checkbox"].mr40{ margin-right:40px; }

    label.w10,
    input.w10 {
        min-width: 10px;
        max-width: 10px;
    }

    button[disabled], button[disabled]:hover{
	   background-color: #abd0e3 !important;
       color: #FFFFFF !important;
    }

/*BALISES de lien*/
    a{
    	color:#067cb6;
    	text-decoration:underline;
    }
    a,
    a:ACTIVE,
    a:VISITED{
    	text-decoration: none;
    	color: #000000;
    }
    a:HOVER{
    	text-decoration: underline;
    	color: #000000;
    }

/*BASIC*/
  /****style seul*/
    .media_visu{ display: none; }
    .absolute { position:absolute; }
    .txtb { font-weight: bold; }
    .txtc { text-align: center; }
    .txtr { text-align: right; }
    .txti { font-style: italic; }
    .txtu { text-decoration: underline; }

    .ft9{ font-size:9px; }
    .ft10{ font-size:10px; }
    .ft12{ font-size:12px; }
    .ft14{ font-size:14px; }
    .ft16{ font-size:16px; }
    .ft20{ font-size:20px !important;}

    .fcolor{ color : #067cb6; }

    .fll{ float:left; }
    .flr{ float:right; }

    .mtm2{ margin-top: -2px; }
    .mt0{ margin-top: 0 !important;}
    .mt2{ margin-top: 2px; }
    .mt3{ margin-top: 3px; }
	.mt4{ margin-top: 4px; }
    .mt10{ margin-top: 10px; }
    .mt20{ margin-top: 20px; }

	.mb5{ margin-bottom: 5px; }
	.mb30{ margin-bottom: 30px; }
	.mb40{ margin-bottom: 40px; }
    .mb60{ margin-bottom: 60px; }

    .ml0{ margin-left: 0px !important; }
    .ml2{ margin-left: 2px; }
    .ml3{ margin-left: 3px; }
    .ml4{ margin-left: 4px; }
    .ml5{ margin-left: 5px; }
	.ml6{ margin-left: 6px; }
    .ml8{ margin-left: 8px; }
    .ml10{ margin-left: 10px; }
    .ml12{ margin-left: 12px; }
    .ml18{ margin-left: 18px; }
    .ml20{ margin-left: 20px; }
    .ml40{ margin-left: 40px; }
    .ml55{ margin-left: 55px; }
    .ml80{ margin-left: 80px; }
    .ml94{ margin-left: 94px; }
    .ml148{ margin-left: 148px; }

    .mlp2{ margin-left: 2%; }
	.mlp5{ margin-left: 5%; }
    .mlp8{ margin-left: 8%; }
    .mlp10{ margin-left: 10%; }
    .mlp16{ margin-left: 16%; }
    .mlp18{ margin-left: 18%; }
    .mlp25{ margin-left: 25%; }
    .mlp33{ margin-left: 33%; }

    .mr2{ margin-right: 2px; }
	.mr5{ margin-right: 5px; }
    .mr8{ margin-right: 8px; }
	.mr10{ margin-right: 10px; }
    .mr20{ margin-right: 20px; }
    .mr30{ margin-right: 30px; }
    .mr40{ margin-right: 40px; }
    .mr50{ margin-right: 50px; }
    .mr80{ margin-right: 80px; }
    .mr96{ margin-right: 96px; }

    .mr-70{ margin-right: -70px; }

    .r20{ right: 20px; }

    .pad0{ padding : 0; }
    .pad20{ padding : 20px; }

    .h1{ height: 1px; }
    .h100{ height: 100px; }
    .h160{ height: 160px; }

    .w10{ width: 10px; }
    .w18{ width: 18px; }
    .w30{ width: 30px; }
	.w40{ width: 40px; }
    .w50{
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }
    .w54{ width: 54px; }
    .w60{ width: 60px; }
    .w80{
        width: 80px;
        min-width: 80px;
        max-width: 80px;
    }
    .w84{ width: 84px; }
    .w90{ width: 90px; }
    .w100{ width: 100px; }
    .w110{ width: 110px; }
    .w120{ width: 120px; }
    .w135{ width: 135px; }
    .w160{ width: 160px; }
    .w180{ width: 180px; }
    .w200{ width: 200px; }
    .w290{ width: 290px; }
    .w300{ width: 300px; }
    .w354{ width: 354px; }
    .w360{ width: 360px; }


    .mwnone{ max-width: none; }
    .mw640{ max-width: 640px; }

    .w10p{ width:10%; }
    .w34p{ width:34%; }
    .w40p{ width:40%; }
    .w49p{ width:49%; }
    .w50p{ width:50%; }
    .w70p{ width:70%; }
    .w80p{ width:80%; }
	.w90p{ width:90%; }
    .w100p{ width:100%; }
    .w100pi{ width:100% !important;}
    .w40vw{ width: 40vw }

    .pointer{ cursor:pointer; }
    .dsn{ display:none; }
    .dsib{ display: inline-block; }
	.dsif{ display: inline-flex; }
	.dsf{ display: flex; }
    .justify_space_around{justify-content: space-around}
    .align_items_center{align-items: center}
    .flex_wrap{flex-wrap: wrap}
    .f1{ flex: 1; }
	.dsfg0{ flex-grow: 0; }
	.dsfg1{ flex-grow: 1; }
    .clear{ clear: left; }
    .scrolly{ overflow-y: scroll; }
    .bctrans{ background-color : transparent; }

    .breakword{ word-wrap: break-word;}

  /****hors connexion*/
    .hc_contenu div,
    .motdepasse div {
        min-width: 400px;
    }
    .motdepasse .flex_centre div,
    .motdepasse .flex_centre div input {
        max-width: 300px;
        min-width: 300px;
        width: 300px;
    }
    .motdepasse .flex_centre div.w100p{
        min-width: 100%;
        max-width: 100%;
    }
    .hc_contenu select,
    .hc_contenu input,
    .motdepasse input{
        min-width: 75%;
        max-width: 75%;
    }
    .hc_contenu .hc_titre,
    .hc_contenu .hc_titre_index{
        font-size : 34px;
    }
    #lienmdpperdu,
    #lienaide,
    #lienretour{
		text-decoration: underline;
    }

    #lienaide{
	   margin-bottom: 50px;
    }

    a.button {
        -webkit-appearance: button;
        -moz-appearance: button;
        appearance: button;

        text-decoration: none;
        color: initial;
        display: inherit;
    }

  /****bloc de base*/
    pre{
    	font-family: Arial, Helvetica, sans-serif;
        background-color : #F7F7F7;
        color:#000000;
        border : none;

        white-space: pre-wrap;
        word-break: normal;
        word-break: break-all;
        word-break: keep-all;
    }

    .container{  width: 100%; }
    div.container .row{
        background-color : #F7F7F7;
    }
    .jumbotron,
    .container .jumbotron {
        background-color : #F7F7F7;
        color:#000000;
        margin: 0;
        padding: 10px 30px;
    }
    .jumbotron .jumbotron{
        padding: 0;
    }
    .jumbotron .titre,
    .container .jumbotron .titre {
        background-color : #F7F7F7;
        color:#000000;
    }

    .container_ens select { min-width: 160px; }
    .container select.w80{ min-width: 80px; }

    .onglet_contenu .jumbotron,
    .onglet_contenu.container .jumbotron {
        padding: 10px;
    }
    .onglet_contenu .sep {
        height: 2px;
        line-height: 2px;
        margin: 0 0 10px;
    }
    .onglet_contenu .titre{     top: -6px; }
    .onglet_contenu .titre h2{ font-size : 12px; }
    .onglet_contenu .titre h3{ font-size : 10px; }

    .flex_centre {
        clear: both;
        display: -webkit-flex; /* Safari a encore besoin du préfixe */
        -webkit-justify-content: center; /* Safari a encore besoin du préfixe */
        -webkit-align-items: center; /* Safari a encore besoin du préfixe */

        -ms-flex-pack: center; /* Pour IE 10, qui prend en charge une ancienne syntaxe */
        -ms-flex-align: center; /* Pour IE 10, qui prend en charge une ancienne syntaxe */

        display: flex; /* Pour Google Chrome, Opera et Firefox dernières versions, ainsi que pour IE 11 */
        justify-content: center; /* Pour Google Chrome, Opera et Firefox dernières versions, ainsi que pour IE 11 */
        align-items: center; /* Pour Google Chrome, Opera et Firefox dernières versions, ainsi que pour IE 11 */
    }
    .flex_centre.dsn{
        display:none !important;
    }
    .flex_centre label.centrer_label{
		margin-top: auto;
    	margin-bottom: auto;
    }

    .champs_recherche {
		height: 24px;
    }

	#search {
	    margin-bottom: 10px;
	}

/*ESPACE interligne DIV*/
    .espace,
    .espace_h2,
    .espace_h4,
    .espace_h6,
    .espace_h8,
    .espace_h10,
    .espace_h20,
    .espace_h30,
    .espace_h40,
    .espace_h50,
    .espace_h60{
        clear: both;
        width: 100%;
    }
    .espace_h2 { height: 2px; }
    .espace_h4 { height: 4px; }
    .espace_h6 { height: 6px; }
    .espace_h8 { height: 8px; }
    .espace_h10 { height: 10px; }
    .espace_h20 { height: 20px; }
    .espace_h30 { height: 30px; }
    .espace_h40 { height: 40px; }
    .espace_h50 { height: 50px; }
    .espace_h60 { height: 60px; }


/*HEADER avec logo*/
    header{
    	height:82px;
    	line-height:82px;
    }

    header .logo{
        cursor: pointer;
    }

    header .lienlogo:HOVER,
    header .lienlogo:VISITED,
    header .lienlogo:LINK{
        text-decoration:none;
    }


/*BANNIERE titre*/
    h1.home{
        color : #FFFFFF;

    	font-family:Arial, Helvetica, sans-serif;
    	font-size:16px;
    	text-align:center;

    	margin:0;

    	height:60px;
    	line-height:120px;
        overflow: hidden;

    	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2N2NiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjliYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    	background: -moz-linear-gradient(top,  #067cb6 0%, #269bc1 100%); /*FF3.6+*/
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067cb6), color-stop(100%,#269bc1)); /*Chrome,Safari4+*/
    	background: -webkit-linear-gradient(top,  #067cb6 0%,#269bc1 100%); /*Chrome10+,Safari5.1+*/
    	background: linear-gradient(to bottom,  #067cb6 0%,#269bc1 100%); /*W3C*/
    }

    h1.homelignes{
        line-height: 18px;

        position: absolute;
        top:10px;
        margin-left: 10%;
        width: 80%;
        min-height: 50px;
    }

    span.bullet{
    	display:inline-block;
    	vertical-align:middle;

    	width: 6px;
    	height: 6px;

    	-webkit-border-radius: 3px;
    	border-radius: 3px;
    }

    span.bullet.one{ background-color : #067cb6; }
    span.bullet.two{ background-color: #FFFFFF; }
    span.bullet.three{ background-color : #EEEEEE; }

    span.bullet.marginleft{ margin-left:7px; }
    span.bullet.marginright{ margin-right:7px; }

/*MENU*/
    .navbar{
        background-color : #F7F7F7;
        background-color : transparent;
        font-size:19px;
        margin-bottom: 0px;
        min-height: 42px;
    }
    .navbar-nav {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .navbar-collapse{
        padding-left: 10%;
        padding-right: 10%;
        background-color : #FFFFFF;
    }
    .navbar-default ul.navbar-nav li{
        background-color : #FFFFFF;
        font-weight: bold;
        text-align: center;
        height: 42px;
    }
    .navbar-nav > li > span{
        color : grey;
        padding-bottom: 8px;
        padding-top: 8px;
    }

    .navbar-nav > li > span {
        padding-bottom: 15px;
        padding-top: 15px;
        position: relative;
        top: 15px;
    }
    .navbar-nav > li > span{ top: 8px; }
    ul.navbar-nav li.firstlevel span:HOVER,
    ul.navbar-nav li.firstlevel span.actif,
    ul.navbar-nav li span:HOVER ,
    ul.navbar-nav li.actifeleve span{
        color : #067cb6;
        cursor:pointer;
        text-decoration : none;
    }
    .barrefooter a,
    .barrefooter a:HOVER,
    .barrefooter a.actif {
        color : #FFFFFF;
    }

/*MENU FICHE*/
    #navbar_fiche.navbar{ min-height: 32px; }
    #navbar_fiche .navbar-nav{
        margin-left: 10%;
        width: 80%;
    }
    #navbar_fiche span{
        font-size:14px;
        font-weight: normal;
    }
    #navbar_fiche .navbar-nav > li > span {
        padding-bottom: 5px;
        padding-top: 5px;
    }
    #navbar_fiche ul.navbar-nav li{
        width: 16%;
        height: 44px;
    }
    .navbarfiche,
    #navbar_fiche ul{
        border: medium none;
        min-height: 0;
    }
    li:focus{
        outline: 0;
    }
    .partie_enregistrement{
        display: inline;
    }

    .fiche_eleve_haut,
    .fiche_resp_haut{
		width: 130px;
    }
    .fiche_resp_bas_gauche{
		width: 165px;
    }
	.fiche_resp_bas_droite{
		width: 130px;
	}

	/*Partie alignement des boutons dans liste élèves et liste cours*/
    #label_recherche, #label_dept, #label_cours{
	    width: 85px;
    }

	#bouton_affichertout {
	    margin-left: 55px;
	    min-width: 160px;
	}

	#departement {
	    max-width: 160px;
	}

	#entete_recherche .titrechpcours.dsfg1,
	#entete_recherche .dsf.dsfg1{
	    justify-content: flex-end;
	}

	#partie_ajout_absrapide,
	#bouton_partie_ajout_absrapide{
		margin-right: 5px;
	}

	/*** Bouton 'Envoyer E-Mail*/
	#bouton_mail, #choix_ens button {
	    min-width: 135px;
	}

	#choix_ens {
		z-index: 1;
	    position: absolute;
	    min-width: 135px;
	    max-width: 135px;
	    padding-left: 0px;
		background-color: aliceblue;
	}

	#choix_ens li {
	    list-style-type: none;
	}

	#eleve_email_deux {
	    margin-bottom: 0px;
	}

	/*********** Partie page e-mail*/
	#lab_expe,
	#lab_dest,
	#lab_coche,
	#lab_cc,
	#lab_cci,
	#lab_objet{
		width: 98px;
	}

	.champs_mail{
		background-color: #f0f0f0;
		border: 1px #ccc solid;
		padding-left: 5px;
	}

	.champs_mail_spe{
		width: 100%;
		max-width: 100%;
		word-wrap: normal;
		text-overflow: ellipsis;
	}

	/*** Bloc Destinataire*/
	#ens_dest1{
		padding-left: 5px;
	}

	#mail_nb_dest{
		white-space: nowrap;
		width: 340px;
		min-width: 340px;
	}

	#modif_mail_dest,
	#table_destinataire {
	    border: none !important;
	    width: 100%;
	}

	#table_destinataire tbody {
	    display: flex;
	    flex-wrap: wrap;
		justify-content: center;
	}

	#table_destinataire tr {
	    margin-left: -1px;
	    margin-top: -1px;
	}

	/*** Bloc Checkbox*/
	#ens_check_expe label {
	    margin-top: 0;
	}

	#accuse_de_reception {
	    margin-left: 18px;
	}

	/*** Bloc Objet et PJ*/
	#mail_objet {
	    background-color: #FFF;
	}

	#liste_des_pieces_jointes {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: flex-start;
	}

	/*** Popup import PJ*/
	.import_prof_doc_input {
		float: none;
		margin: auto;
		min-width: 380px !important;
		height: auto;
		line-height: normal;
		outline: none;
		border: 2px solid gray;
		border-radius: inherit;
	 }

	/*** Bloc tinymce > Par défaut tinymce est à 200px*/
	.tox.tox-tinymce {
		min-height: 350px !important;
		max-height: 100% !important;
	}

	/*** Popup envoi*/
	/* Le loader */
	.loader{
	    display: inline-block;
	    z-index: 1;
	    width: 90px;
	    height: 90px;
	    border: 16px solid #f3f3f3;
	    border-radius: 50%;
	    border-top: 16px solid #067cb6;
	    -webkit-animation: spin 2s linear infinite;
	    animation: spin 2s linear infinite;
	}

	#btnValiderEchec {
		margin-left: auto;
		margin-right: auto;
	}

		/* Validation */
	.checkmark::after {
	    content: "\2713";
	    color: green;
	    font-size: 90px;
	}

	/*Echec de validation*/
	.cross::after {
	    content: "X";
	    color: red;
	    font-size: 90px;
	}


	/* Safari */
	@-webkit-keyframes spin {
	  0% { -webkit-transform: rotate(0deg); }
	  100% { -webkit-transform: rotate(360deg); }
	}

	@keyframes spin {
	  0% { transform: rotate(0deg); }
	  100% { transform: rotate(360deg); }
	}



/*FOOTER*/
    footer {
        font-style: italic;

        z-index: 1;
        position: fixed;

        width: 100%;

        bottom: 0;

    	background: #343434;
    }

    footer .barrefooter{
    	background-color: #343434;
    	color : #FFFFFF;

        height: 30px;
    }

    footer .barrefooter p{
    	color : #FFFFFF;

    	font-size:10px;

    	margin:0;
    	padding:7px 0;
    }


/*ELEMENTS de base*/

    .bordure-interieur,
    .messageCheckbox{
		outline: none;
    }

  /****boutons */
    .btn-connexion,
    .btn-index,
    .btn-basic,
    a.btn-basic,
    .btn-fleche{
    	background-color: #067cb6;
    	color: #FFFFFF !important;
    	border-color: #FFFFFF !important;
    	border-style: none;

        font-size:10px;

    	-webkit-transition: all 0.5s ease;
    	-moz-transition: all 0.5s ease;
    	-ms-transition: all 0.5s ease;
    	-o-transition: all 0.5s ease;
    	transition: all 0.5s ease;
        padding : 0 4px;
    }
    .btn-basic,
    a.btn-basic{
        font-size:14px;
        padding : 2px 14px;
        margin-bottom:1px;
    }
    td .btn-basic{
        font-size:10px;
        padding : 0px 4px;
        margin-top:1px;
        margin-bottom:1px;
    }
    .btn-connexion,
    .btn-index{
        font-size:18px;
        width:400px;
        padding-top:4px;
        padding-bottom:4px;
    }
    .btn-fleche{
    	background-color: transparent;
    }

    .btn-connexion:hover,
    .btn-index:hover,
    .btn-basic:hover,
    .btn-basic-active,
    a.btn-basic:hover,
    .btn-fleche:hover{
    	background-color: #FFFFFF !important;
    	color: #067cb6 !important;
    	border: 2px outset #067cb6;

    	border-style: none;
        text-decoration : none;
    }

    .btn-connexion:active,
    .btn-index:active,
    .btn-basic:active,
    a.btn-basic:active,
    .btn-fleche:active{
    	border-style: none;
        text-decoration : none;
    	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
      	box-shadow: inset 0 3px 5px rgba(0,0,0,.25);
    }

    a.btn-basic{
        padding : 2px 4px;
        border : 2px outset;
    	border-style: none;
        cursor: pointer;
    }

    a.btn-basic:FOCUS,
    button.btn-basic:FOCUS {
    	background-color: #FFFFFF;
    	color: #067cb6 !important;
    	border: 2px outset #067cb6;
    	border-style: none;
    }

    .recap_eleve_suivant .btn-basic,
    .btn-basic.btn-etape-next,
    .btn-etape {
        white-space: nowrap;
        width: auto !important;
    }
  /****lien <a */
    a.lien{
        cursor : pointer;
        color:#067cb6;
    }

  /****Definition de bloc standard et titre*/
    .bord{
    	border:1px solid #067cb6;
    }

    .sep,
    .sepeval{
    	border-bottom:1px solid #067cb6;
    	position:relative;

    	height:10px;
    	line-height:10px;
        margin:10px 0 20px;
    }

    .sep.milieu{
        left: 46%;
        position: absolute;
        width: 8%;
    }

    .sepeval{
        height: 8px;
        line-height: 8px;
        margin: 6px 0 8px;
    }

    .sep_note{
    	border-bottom:1px solid #067cb6;
    	position:relative;

    }

    .titre {
        background-color: #FFFFFF;
        position: absolute;

        height: 20px;
        line-height: 20px;
        left: 0;
        top: 0;
    }
	 .titre_center {
        background-color: #FFFFFF;
        position: absolute;

	 	max-width: 7.5%;
        min-width: 7.5% !important;
	 	left: 46%;
    }
    div.container .row .titre {
        background-color: #F7F7F7;
    }

    .col-md-12{
        margin-right:0;
    }

    .titre h2,
    .titre_center h2,
    .titre h3{
    	color: #067cb6;

    	font-size:20px;
    	text-transform:uppercase;
        text-transform: none;
    	vertical-align:text-bottom;

    	margin:0;
    	padding-right:15px;
    }

    .titre_center h2{
       padding-right:0px;
    }

    .titre h3 {
    	font-size:12px;
    	padding-right:10px;
        height: 15px;
        line-height: 15px;
    }

    .titreinfo {
        float : left;
        width :130px;
    }
    .titreinfo84 {
        float : left;
        width : 125px;
    }

    .titreinfo180{
        float : left;
        width :180px;
    }

    .lessites label{
        display:none;
    }

	#boutons_mdp{
        padding-bottom: 30px;
	}


/*   ***popup / popin */
    .poppagegrise{
        background-color: #C4C4C4;

        display: none;
        position: fixed;
        opacity: 0.7;

        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
        left: 0;
        top: 0;

        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .popcontenu {
        background: #FFFFFF none repeat scroll 0 0;
        background-color: transparent;

        display: none;

        font-size:14px;

        padding: 1%;
        margin-left: 9%;
        width: 80%;

        position: fixed;
        top: 50%;
        transform: translateY(-50%);
    }

    #contenuPopinPage > * {
        max-height: CALC(100vh - 160px);
        overflow: auto;
        padding: 0;
    }

    #contenuPopinPage {
        opacity: 0;
        transition: opacity 0.2s;
    }

    .popcontenuForce {
        background: #FFFFFF none repeat scroll 0 0;
    }
    .popcontenu h1{
        font-size:18px;
    }

    .popcontenu1 { z-index: 51; }
    .poppagegrise2 { z-index: 60; }
    .popcontenu2 {
        z-index: 61;
        width: 70%;
        margin-left: 14%;
    }

    .popcontenu1 h2,
    .popcontenu2 h2,
    .titre_eval{
        color: #067cb6;
        margin: 0;
        padding: 0;
    }


    .poppagegrise1 { z-index: 50; }

    .poppagegriseQuestion,
    .poppagegriseErreur,
    .poppagegriseInformation,
    .poppagegriseInformationOK,
    .poppagegriseNavigateur{
        z-index: 100;
    }
    .popcontenuQuestion,
    .popcontenuErreur,
    .popcontenuInformation,
    .popcontenuInformationOK,
    .popcontenuNavigateur{
        z-index: 101;
    }

    .aide{
        border: 1px solid #067cb6;
        overflow: auto;

        width: 80%;
        height: 300px;

        margin-left: 10%;
        padding : 0 6%
    }


/*   **message d'erreur */
    .msgerreur {
        position: absolute;

        font-size: 12px;
        font-style: italic;
        font-weight: normal;
        text-align: center;

        width: 38%;

        margin-top: -40px;
        margin-left: 0;

        display: none;
    }


/*NON CONNECTE*/
    .nonconnecte label{  min-width:100px; }


/*MENTIONS LEGALES*/
    .mentions{
        display:none;
        background:  #FFFFFF none repeat scroll 0 0;
        border-radius: 10px;
        box-shadow: 16px 16px 20px #404c5d;
        padding: 4%;
        padding-top: 2%;
        position: absolute;
        top: 20%;
        width: 81%;
        z-index:101;
        margin-left: -2%;
        left: 11%;
    }
    .mentions .titre{
        background:  #FFFFFF;
    }
    .mentionbouton:HOVER{
    	text-decoration:underline;
    }

/*DATATABLES*/
    /*table base*/
	.dataTable{
		cursor: pointer;
	}
    .dataTables_scrollHeadInner,
    .dataTable{
        clear: left;
        font-size:12px;
        min-width:100%;
        width:100%;
        max-width:100%;
    }
    .dataTables_scrollHead thead{
        font-size:14px;
    }
    .dataTables_scrollHeadInner,
    .dataTables_scrollBody{
        overflow-x: hidden;
        overflow-y: scroll;
    }
    .dataTables_filter{
        position: relative;
    }
    .dataTables_filter input{
        min-width: 160px;
    	max-width: 160px;
    }
    .dataTable  thead tr td[data-column-index]{
        cursor:pointer;
    }
    .dataTables_info{
        display:none;
    }

    /*table head*/
    .dataTables_wrapper thead tr{
        text-align:center;
        color: #FFF;
        border-right: 1px solid #067cb6;
        border-bottom: 1px solid #EEEEEE;
    	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzA2N2NiNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNjliYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    	background: -moz-linear-gradient(top,  #067cb6 0%, #269bc1 100%); /*FF3.6+*/
    	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#067cb6), color-stop(100%,#269bc1)); /*Chrome,Safari4+*/
    	background: -webkit-linear-gradient(top,  #067cb6 0%,#269bc1 100%); /*Chrome10+,Safari5.1+*/
/*     	background: -o-linear-gradient(top,  #067cb6 0%,#269bc1 100%); Opera 11.10+ */
/*     	background: -ms-linear-gradient(top,  #067cb6 0%,#269bc1 100%); IE10+ */
    	background: linear-gradient(to bottom,  #067cb6 0%,#269bc1 100%); /*W3C*/
    }
    .dataTables_wrapper thead tr td{
        border-right : 1px solid #CECECE;
        vertical-align: middle;
    }

    /*table body*/
    .dataTables_scrollHeadInner thead tr,
    .dataTable tbody tr{
        height:24px;
    }
    .dataTable tbody tr td{
        border-right : 1px solid #CECECE;
    }
    .dataTable tbody tr.even{
        background-color: #FFFFFF;
    }
    .dataTable tbody tr.odd{
        background-color: #EEEEEE;
    }
    .dataTable tbody tr:hover,
    .dataTable tbody tr.selected{
        color: #EEEEEE;
        background-color: #067cb6;
    }
	.dataTable tbody tr:hover td select {
	    color: #000000;
	}
    .dataTable tbody tr:hover input{
        color: #000000;
    }
    .dataTable input.w100p{
        width : 100%;
        max-width : 100%;
    }
	span.highlight  {
  		background-color: #F7F722;
	}
/*DATATABLE Recherche*/
	.recherchedept label,
    .rechercheclasse label,
    .recherchecours label,
    .recherchedept select,
    .rechercheclasse select,
    .recherchecours select,
    .recherchecours input{
		margin-top: 0px;
	}

/*SPECIFIQUE extranet Réinscription      ***************************** */
td#colonne_POID, td[id^=cellule_POIDS_]{
    min-width: 66px;
}

/*DATE ET TIME PICKER*/
    .timeEntry-control{
        margin-top: 2px;
    }

    .timepicker{
		background-color: #F7F7F7;
    }

    .timepicker-hour, .timepicker-minute{
		background-color: #FFFFFF;
    	padding: 1px 2px 1px 2px;
    	border: 1px solid #e1e1e1;
    }

    .picker-switch, .accordion-toggle{
		background-color: #067cb6;
    	width: 30px;
    	height: 22px;
    	float: right;
    	margin-top: -4px;
    	margin-right: -4px;
    }
    .closeText::before{
		color: #FFFFFF;
    	content: 'X';
    }
	.closeText{
    	margin-top: -6px;
   		margin-left: 2px;
    }
    .contentPlus, .contentMoins{
		width: 22px;
    	border: 1px solid #e1e1e1;
    }

    .contentPlus::before{
		content: '+';
    	font-weight: bold;
    }
 	.contentMoins::before{
		content: '-';
    	font-weight: bold;
    }

/*PLAN*/
    .iconeGd {
        float: left;
        height: 30px;
        width: 30px;
    }
/*SUIVI*/
    .ficheelevesuivi .partie_note label.separnote {
        min-width: 10px;
        max-width: 10px;
    }
	.titrechpcours {
		display: flex;
		justify-content: center;
	}
    .labeltitrechpcours {
		margin-top: unset;
    }
    #suivi_ha{
		margin-top: 0px;
    }
	#suivi_moyenne_note {
	    max-width: 45px;
	}

/*EVALUATION*/
    .evaluationbloc{
       border-left : 1px solid #067cb6;
       font-size:11px;
       padding:0;
    }
    .evaluationblocinterieur{
       background-color: #F7F7F7;
       padding:4px;
    }
    .evaluationbloc .titre{
        height:10px;
    }
    .evaluation .titreeval{
        color: #067cb6;

        float:left;
        font-size:12px;
        font-weight:bold;
        margin-right:20px;
    }
    .evaluation .titrecritere{
        color: #067cb6;

        float:left;
        font-size:12px;
        font-style:italic;
    }
    .evaluation .jumbotron{
        margin-left:80px;
        padding-top : 0;
        padding-bottom : 0;
    }

    .evaluation .intitulenote{
        clear:left;
        margin-top:3px;
        width:90px;
    }
    .evaluation .resultnote{
        float:left;
        margin-top:2px;
        width:200px;
    }

/*PREINSCRIPTION*/
    .preinscription textarea{
	    resize: vertical;
    }
 	textarea.fixe{
	    resize: none;
    }

/*POPUP / POPIN */
    .popcontenu{
        margin-left: 3%;
        width: 92%;
    }

/*DOCUMENT*/

	.import_doc_input{
	   max-width: 100%;
	}

	#fichierImport:required,
	#fichierImportProf:required{
	   box-shadow: none;
	}

	.input-editable{
	   border: medium none;
	   position: relative;
	   left: 1px;
	   margin-top: 1px;
	   height: 22px;
	   margin-right: -300px;
        width: 300px;
        max-width: calc(47% - 18px);
        min-width: calc(20% - 18px);

	}

	#responsable1_adresse2,
    #responsable1_adresse3,
    #responsable2_adresse2,
    #responsable2_adresse3,
    #responsable_adresse2,
    #responsable_adresse3,
    #eleve_adresse2,
    #eleve_adresse3,
    #reinsc_eleve_adresse2,
    #reinsc_eleve_adresse3,
    #etudiant_adresse2,
    #etudiant_adresse3{
       margin-left: 125px;
    }

    #ligneaddr1{
       margin-left: 0px;
   	   min-width: 20%;
       max-width: 47%;
    }


	.usager_fiche_eleve .checkpartage{
	    margin-left: 10px !important;
	}

/*FACTURATION*/
    #label_montantapaysouh_cotisation,
    #label_montantapaysouh_location{
       max-width: 205px;
    }

	td[id^="cellule_MONTANT_"]{
		text-align: right;
	}

    .bloc_sso{
		max-width: 400px;
	    text-align: center;
    }

    #lien_fc:hover > img:FIRST-OF-TYPE{
	   display : none !important;
    }


    #lien_fc:hover > img:LAST-OF-TYPE{
       display : inherit !important;
    }

/* REINSCRIPTION - DOCUMENTS */
#docs_reinscription{
    margin: auto;
    width: max-content;
    text-align: left;
}

/* STEPPER */
.stepper-wrapper {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    white-space: nowrap;
    text-transform: capitalize;
}
.stepper-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

@media (max-width: 768px) {
    .stepper-item {
        font-size: 12px;
    }
}

.stepper-item::before {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: -50%;
    z-index: 2;
}

.stepper-item::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #ccc;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 2;
}

.stepper-item .step-counter {
    position: relative;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ccc;
    margin-bottom: 6px;
    cursor: pointer;
}

.stepper-item.active {
    font-weight: bold;
}

.stepper-item.termine .step-counter {
    background-color: #067cb6;
}

.stepper-item.termine:not(.active)::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #067cb6;
    width: 100%;
    top: 20px;
    left: 50%;
    z-index: 3;
}

.stepper-item:first-child::before {
    content: none;
}
.stepper-item:last-child::after {
    content: none;
}

.accueil_blocs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 25px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    width: min-content;
    border: 1px solid #067cb6;
}

.card .card-header {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    background: #067cb6;
    height: 50px;
}

.card .card-header .card-title {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.card .card-header .card-title-text{
    display: flex;
    flex-direction: column;
}

.card .card-header i {
    font-size: 10px;
    margin-top: 5px;
    line-height: 0;
}

.card .card-header * {
    font-size: 20px;
    margin: 0;
    color: #FFFFFF;
    fill: #FFFFFF;
}

.card .card-body .btn-basic {
    margin: 0 !important;
    color: #067cb6 !important;
    border: 1px solid #067cb6 !important;
    background: #FFFFFF !important;
    height: 40px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 360px !important;
}

.card .card-body .btn-basic:not(:disabled):hover {
    color: #FFFFFF !important;
    background: #067cb6 !important;
}

.card .card-body .btn-basic i {
    font-size: 10px;
}

.card .card-body .btn-basic:disabled {
    background: #abd0e3 !important;
    color: #FFFFFF !important;
}
.pc_dsn{ display: none; }


.accueil_prenom{
    margin-top: 10px;
    margin-bottom: 10px;
}

header .logo{
	height: 78px;
	width: 10%;
	object-fit: contain;
}
header #logo_site{
	margin-right: 0.5%;
	height: 78px;
	width: 9%;
	object-fit: contain;
}

header .lienlogo{
	height: 82px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/*TAILLE TABLETTE ************************************************************************************************************************/
    @media screen and (max-width:1100px){

        header{ height:70px; }

		header .logo, header #logo_site{
			height: 66px;
		}

		header .lienlogo{
			height: 70px;
		}

        h1{ font-size:16px; }
        h2{ font-size:14px; }

	/*BASIC         */
        img.w54{  width:30px; }

        .ml20{ margin-left:10px; }
        .mlp18{ margin-left: 12%; }

        .w180{ width: 130px; }

        .espace_h60{ height:30px; }

	/*BANNIERE titre           */
    	h1.home{
    		height:auto;
    		line-height:normal;
    	}

    /*DEFINITION DE BLOC STANDARD ET TITRE  */
        .sep{
        	height:10px;
        	line-height:10px;
            margin:10px 0 20px;
        }

        .titre,
        .titre h2 {
            font-size:14px;
        }
		/*CONTAINER      */
        .container,
        .container pre{
            font-size:10px;
        }
        .container pre.ft10{
            font-size:9px;
        }
        .container .navbar-nav{  font-size:14px; }

        .aide {
            font-size:10px;
            height:250px;
        }

		/*MENU      */
        #navbar_fiche ul.navbar-nav li{
            width:16%;
        }
		.navbar-collapse{
       		padding-left: 0;
        	padding-right: 0;
    	}

		/*DATATABLES      */
        .dataTables_filter input{
            min-width: 160px;
        }
        .dataTables_scrollHeadInner thead tr,
        .dataTable tbody tr{
            height : 24px;
        	font-size: 9px;
        }

        /*SPECIFIQUE*/
		#coursprecedent_ajout_absrapide_text,
        #coursactuel_ajout_absrapide_text,
        #coursprochain_ajout_absrapide_text{
			overflow: auto;
        }

		.timeEntry-control{
            margin-top : -5px;
        }

		button#bouton_fermer_evaluation_pop2{
			z-index: 2;
        	position: relative;
        }

        #evaluation_pop2 > div > .row > .evaluationbloc{
			padding-top: 20px;
        }

        #bloc_identite > div > .ml80,
        #bloc_souhaite_reinscrire .ml80{
            margin-left: auto;
        }

        #eleve_nom_urgence,
        #colonnegaucheidentite{
            width: 100%;
        }


		input[type="checkbox"].mt0{height:0; }
		#bloc_adresse input[type="checkbox"]{
	    	min-width: 20px;
	    	max-width: 20px;
	    }

		.input-editable{
	       border: medium none;
	       position: relative;
	       left: 1px;
	       margin-top: 1px;
	       height: 22px;
	       margin-right: -300px;
 	       width: 382px;
		   max-width: calc(47% - 25px);
		   min-width: calc(20% - 25px);
	    }

		.titreinfo {
		    float: left;
		    margin-left: 0px;
		    width: auto;
		}

		/*SPECIFIQUE extranet Préinscription      ***************************** */
		.preinscription_fiche .ml80{
            margin-left: 0;
        }

		/* Partie e-mail   ***************************************************** */
		#label_recherche, #label_dept, #label_cours {
		    width: 65px;
		}

		#div_bouton_affiche {
		    margin-bottom: 10px;
		}

		/*** Popup import PJ*/
		.import_prof_doc_input {
			min-width: 200px !important;
			border: none;
		}

		/*** Bloc tinymce > faire disparaître la bar de resize*/
		.tox-statusbar {
		    display: none !important;
		}

		/*FACTURATION*/
        #label_montantapaysouh_cotisation,
	    #label_montantapaysouh_location{
            max-width: 175px;
	    	width: 175px;
	    }

        #cotisation_montant_ttfact,
        #cotisation_montant_ttreg,
        #cotisation_montant_solde,
        #location_montant_ttfact,
        #location_montant_ttreg,
        #location_montant_solde{
           text-align: right;
        }
    }

    /*TAILLE TABLETTE PORTRAIT **********************************************************************************************************************/
    @media screen and (max-width:845px){
 		#recherche_by {
		    display: flex;
		    flex-direction: column;
		}

		#label_classe {
		    width: 65px;
			max-width: 65px;
		}

		select#classe, #label_classe {
		    margin-top: 5px;
		}

		#div_bouton_affiche {
		    display: flex;
		    width: 100% !important;
			margin: 10px 0 10px 0;
		}

		#bouton_affichertout {
		    margin-left: 0;
			min-width: unset;
		}

		#bouton_affichertout, #btnListVosEleves {
		    margin-top: 10px;
		}

		#ensemble_mail_dest{
			display: block;
		}

		#informations_by {
			flex-direction: column;
		}

		#informations_by #bouton_fiche_cours {
		    justify-content: left;
		}

        .pc_dsn{ display: block; }

        .stepper-wrapper .step-name span {
            display: none;
        }
    }







/*TAILLE SMARTPHONE **********************************************************************************************************************/
    @media screen and (max-width:599px){
        .media_retour{ clear: left; }
        .media_dsn{ display: none; }
        .media_visu,
        .media_dspb{
            display : block;
        }

        body{ font-size:12px; }

        h1 { font-size:20px; }
        h2{ font-size:12px; }

        .titre h3 {
        	font-size:16px;
        }
        .ft12 {
            font-size: 12px;
        }

	/*BALISES de base         */
        label {
            min-width: 44px;
            margin-bottom:0;
        }
        label.w10{
            min-width: 4px;
            max-width: 4px;
        }
        label.mini { min-width: 24px; }

        input,
        select {
            font-size:16px;
            height: 34px;
            width:50%;
        }

        input.mini{
            min-width: 50px;
            max-width: 50px;
        }
        input.note { width: 26px; }
        input.mr40[type="checkbox"]{ margin-right:10px; }
        input.w160[type="checkbox"]{
            max-width: 10px;
            min-width: 10px;
            width: 10px;
        }

		input[type="checkbox"].mt0{height: 22px}

        input.annee,
        input.date {
            min-width: 58px;
            max-width: 58px;
        }
        img.w54{  width:30px; }

	/*BASIC         */
        .mr20{ margin-right:10px; }
        .mr40{ margin-right:30px; }
        .mr80{ margin-right:40px; }

        .ml20{ margin-left:10px; }
        .ml40{ margin-left:20px; }
        .ml80{ margin-left:30px; }

        .w54{  width: 28px }
        .w84{ width:62px; }
        .w90{ width:70px; }
        .w110{ width:70px; }
        .w120{ width:80px; }
        .w160{  width:80px; }

	/*HEADER         */
        header{
        	height:66px;
        }
        header .logo{
			height: 60px;
			width: 16%;
			object-fit: contain;
        }
        header #logo_site{
            margin-right: 0.5%;
			height: 60px;
			width: 14%;
			object-fit: contain;
        }

		header .lienlogo{
			height: 66px;
			display: flex;
			justify-content: space-between;
			align-items: center;
		}

	/*BANNIERE titre           */
         h1.homelignes{
            font-size : 12px;

            padding: 0px;
            position: absolute;
            top:0px;
            margin-left: 16%;
            width: 69%;
            min-height: 66px;
        }

	/*ESPACE interligne DIV         */
        .espace_h10{ height:4px; }
        .espace_h20{ height:10px; }
        .espace_h30{ height:20px; }
        .espace_h40{ height:20px; }
        .espace_h60{ height:30px; }

    /*DEFINITION DE BLOC STANDARD ET TITRE  */
        .sep{
        	height:8px;
        	line-height:8px;
            margin:10px 0 12px;
        }
        .titre,
        .titre h2 {
            font-size:12px;
        }
        .titreinfo {
            float : left;
            width : 120px;
        }
        .titreinfo84 {
            float : left;
            width : 60px;
        }

    /*BLOC DE BASE    */
        .container,
        .container pre{
            font-size:8px;
        }
        .jumbotron,
        .container .jumbotron {
            padding: 2px;
            font-size:16px;
        }
        .container pre {
            padding: 8px 0 0;
            white-space: pre-wrap;
            word-wrap: break-word;
        }
        .container pre.ft10{
            font-size:11px;
        }
        .container .mr20no{
            margin-right:0px;
        }
        .container .mini_moncompte {
            float:left;
            clear: left;
            margin-left: 10px;
            margin-top: 10px;
        }
         .container .col-md-12{
            padding-left:7px;
            padding-right:7px;
        }

        .container .jumbotron div.blocinfo div.fll {
            height: 12px;
        }

        .container input:not([type="button"]),
        .container select,
        .container textarea {
            padding: 2px;
            margin-bottom: 2px;
        }
        .container select {
            min-width: 90px;
            padding: 0px;
        }
        .container select.w80 {
            max-width: 130px;
            min-width: 60px;
        }
        .container select.w200{
            max-width: 90px;
            min-width: 90px;
            width: 90px;
        }
        .container select.w54{
            min-width:50px;
        }
        .onglet_contenu .titre{
             top: -4px;
             height: 8px;
        }
        .onglet_contenu .titre h2{ font-size:16px; }
        .onglet_contenu .jumbotron, .onglet_contenu.container .jumbotron {
            padding: 2px;
        }
        .onglet_contenu .sep {
            margin: 0 0 10px;
        }
	    .champs_recherche {
			height: 34px;
	    }
	/*MENU         */
        .navbar{  min-height: 38px; }
        .navbar-nav {
            width: 100%;
        	display: inherit;
        }
        .navbar-toggle{ padding: 8px 15px;}

        .container .navbar-nav{  font-size:11px; }
        .navbar-nav > li > a,
        #navbar_fiche > li > a {
            line-height: 10px;
        }
        #navbar_fiche ul.navbar-nav li{
            width:60%;
            text-align: left;
            height:40px;
        }
        .navbar-default ul.navbar-nav li{
            min-height:40px;
        }
        .navbar-nav li span{
            font-size:18px;
            margin-top:15px;
            margin-bottom:15px;
            padding:0;
        }
        #navbar_fiche .navbar-nav > li > span{
            font-size:18px;
            margin :0px;
            padding: 0px;
        }
	/*MENTIONS         */
        .mentions {
            top: 5%;
        }

  	/*BOUTONS  */
        .btn-connexion,
    	.btn-index,
        .btn-basic,
        a.btn-basic,
        .btn-fleche,
        .btn-connexion:hover,
    	.btn-index:hover,
        .btn-basic:hover,
        .btn-basic-active,
        a.btn-basic:hover,
        .btn-fleche:hover,
        a.btn-basic:FOCUS,
        button.btn-basic:FOCUS{
        	background-color: #067cb6 !important;
        	color: #FFFFFF !important;
        	border-color: #FFFFFF !important;
        }

        .btn-connexion,
    	.btn-index:hover,
        .btn-basic,
        a.btn-basic,
        .btn-fleche{
            font-size: 18px;
        }
        .lessites .btn-basic{
            float: left;
            font-size: 12px;
            margin-right: -6px;
            padding: 4px;
        }
        .btn-basic,
        a.btn-basic{
            margin-right:10px;
            margin-bottom:10px;
            padding: 6px;
        }
        .tab_fermer.btn-basic{
            height: 30px;
            width: 30px;
            margin: 0;
            padding: 3px;
        }
        .accueil_abs .btn-basic,
        .ficheelevesuivi .btn-basic,
        .ficheeleveabs .btn-basic,
        .ficheeleverep .btn-basic,
        .ficheeleveabsence .btn-basic,
        .ficheeleverepertoire .btn-basic,
        .popcontenu2 div .btn-basic{
            margin: 0;
            width: 100%;
            padding: 6px;
        }
        .ficheeleveabs .btn-basic,
        .ficheeleverep .btn-basic {
            margin-bottom: 4px;
        }
        #evaluation_pop2 .pad20{
            padding:0;
        }

	/*AIDE         */
        .aide {
            font-size:10px;
            height:200px;
        }
        .aide_accessibilite div.aide{
            margin-left: 4px;
            width: 280px;
            height: 190px;
        }

	/*DATATABLES      */
        .dataTable{
            font-size:14px;
        }
        .dataTable thead tr,
        .dataTable tbody tr {
            height: 30px;
        }
        .dataTable tbody tr input {
            height: 30px;
            font-size:14px;
        }
        .dataTable tbody tr input[type="checkbox"] {
            width: 50px;
        }
        .dataTables_filter input{
            min-width: 80px;
        }
        .dataTables_scrollHead thead{
            width: 100%;
            position: absolute;
            position: fixed;
        }
        .dataTables_scrollBody tbody{
            width: 98%;
        }
        .dataTable tbody tr td{
            min-width:40px;
            max-width:80px;
        }
        .dataTable tbody tr td{
            word-wrap: break-word;
        }
        #table_abs_eleve_filter{
            display:none;
        }
        .dataTables_wrapper{
            padding:2%;
        }

	/*DATATABLES recherche      */
        .dataTables_filter label,
        .dataTables_filter input{
            min-width: 100%;
            max-width: 100%;
            margin-left:0;
            font-size:16px;
        }
        #entete_recherche{
            font-size:16px;
        }
        #entete_recherche .boutons_recherche{
            width: 100%;
            float:left;
        }
        #boutons_absence_rapide button.btn-basic{
            margin: 0;
            width: 49%;
            margin-right:1%;
        }
        #boutons_absence_rapide button.btn-basic.ml20{
            margin-right:0;
            margin-left:1%;
        }
        #boutons_mdp button.btn-basic,
        #entete_recherche .boutons_recherche button{
            margin: 0;
            width: 49%;
        }
		#bouton_partie_ajout_absrapide{
			width: 100% !important;
        }
        #entete_recherche .placementvide{
            height:1px;
            max-width: 49%;
            min-width: 49%;
            float: left;
        }
        #entete_recherche .nbenreg_recherche{
            margin-bottom : 10px;
        }
        .recherchecours,
        .recherchedept{
            min-width: 100%;
        }
        .recherchedept label,
        .rechercheclasse label,
        .recherchecours label,
        .recherchedept select,
        .rechercheclasse select,
        .recherchecours select,
        .recherchecours input{
            min-width: 96%;
            max-width: 96%;
            margin-left:2%;
            font-size:16px;
        }
        .rechercheclasse{
            width:100%;
        }


	/*SPECIFIQUE           */
        /*popin*/
/*         .popcontenuInformation,     */
        .popcontenuErreur,
        .popcontenuQuestion,
        .popcontenuNavigateur{
            font-size : 16px;
            padding: 0;
            padding-top: 20px;
        }
        .popcontenuInformation button,
        .popcontenuErreur button,
        .popcontenuQuestion button,
        .popcontenuNavigateur button{
            font-size : 18px;
            padding-top : 10px ;
            padding-bottom : 10px ;
            margin-top : 15px;
            margin-bottom : 0px;
            min-width: 100%;
            max-width: 100%;
        }
        .popcontenuQuestion button{
            margin: 0;
            min-width: 49%;
            max-width: 49%;
            margin-right:1%;
            float: left;
        }
        .popcontenuQuestion #btnAnnulerQuestion{
            margin-right:0;
            margin-left:1%;
        }

        .popcontenuInformation .titrepopin,
        .popcontenuErreur .titrepopin,
        .popcontenuQuestion .titrepopin,
        .popcontenuNavigateur .titrepopin{
            display : none;
        }

        .popcontenuInformation .espace_h10,
        .popcontenuErreur .espace_h10,
        .popcontenuQuestion .espace_h10,
        .popcontenuNavigateur .espace_h10{
            height: 0;
        }
        .popcontenu,
        .popcontenu .jumbotron{
            padding:0;
        }
        .popcontenu .blocinfo{
            padding:4px;
        }
        .popcontenuQuestion .textequestion{
            padding-top:20px;
            padding-bottom:20px;
        }
        .popcontenu{
            padding-bottom: 20px;
        }

        /*hors connexion*/
        .hc_contenu,
        .motdepasse{
            width : 70%;
            margin-left: 16%;
            font-size : 12px;
        }
        .hc_contenu div,
        .motdepasse div {
            min-width: 100%;
            max-width: 100%;
        }
        .hc_contenu select,
        .hc_contenu input,
        .motdepasse input {
            font-size : 16px;
        }
        .hc_contenu select,
        .hc_contenu input,
        .motdepasse input{
            height : 34px;
            min-width: 100%;
            max-width: 100%;
        }
        .hc_contenu .txtb,
        .motdepasse .txtb{
            float:none;
            color:grey;
            font-weight: normal;
        }
        .hc_contenu .espace_h8{
            height: 16px;
        }
        .hc_contenu .espace_h20{
            height: 16px;
        }
        .hc_contenu .espace_h40{
            height: 22px;
        }
        .hc_contenu .espace_h60{
            height: 20px;
        }
        .hc_contenu .hc_titre{
            display : none;
        }
        .hc_contenu .hc_titre_index{
            font-size: 20px
        }
        .hc_contenu .btn-connexion,
        .hc_contenu .btn_index{
            font-size : 18px;
            padding-top : 10px ;
            padding-bottom : 10px ;
            margin-top : 15px;
            margin-bottom : 15px;
            min-width: 100%;
            max-width: 100%;
        }
        .hc_contenu .hc_lien .ft10{
            font-size : 14px;
        }
        /*hors connexion : aide*/
        .hc_contenu_aide,
        .hc_contenu_aide .aide{
            width : 98%;
            margin-left: 1%;
            font-size : 12px;
        }
        .hc_contenu_aide .aide{
            height: 260px;
            border-radius: 4px;
        }
        .hc_contenu_aide .espace_h20{
            height: 20px;
        }
        .hc_contenu_aide button{
            margin: 0;
            min-width: 49%;
            max-width: 49%;
            margin-right:1%;
            margin-top:20px;
            float: left;
        }
        .hc_contenu_aide .texte_accessibilite{
            font-size : 14px;
            width : 50%;
            margin-left: 16%;
            margin-top: 2px;
        }
        .hc_contenu_aide .coche_accessibilite{
            margin-left: 0px;
            width:28px;
            height:28px;
        }
        .hc_contenu_aide .hc_lien .ft10{
            font-size : 14px;
        }

        /*change mdp - connecté*/
        .motdepasse .blocinfo{
            font-size : 12px;
            min-width: 100%;
            max-width: 100%;
            margin:0;
            padding:0;
        }
        .motdepasse .w200{
            width: 300px;
        }
        /*accueil*/
        .accueil_prenom{
            font-size: 14px;
            position: absolute;
            top: 68px;
            height: 53px;
            display: flex;
            align-items: center;
            margin: 0 16%;
            justify-content: center;
            width: 68%;
        }
        .accueil_cours{
            font-size: 12px;
            width: 100%;
        }
        .accueil_cours div.ml20{
            margin-left : 0;
            margin-right : 4px;
        }
        .accueil_cours .accueil_coursdetail{
            float : none;
            font-size: 12px;
            margin-bottom:2px;
        }
        .accueil_cours img{
            width: 50px;
        }
        .accueil_cours .accueil_courstype   {
            display: none;
        }
        #coursprecedent_date_debut,
        #coursactuel_date_debut,
        #coursprochain_date_debut{
            float : none;
        }
        .accueil_coursm0{
            margin-left : 0;
        }
        .accueil_cours .btn-basic{
            float: right;
            margin-top: 6px;
            width: 80px;
            padding: 0;
        }
        .lessites label{
        	border: 1px outset #067cb6;
            float: left;
            font-size: 12px;
            height: 26px;
            margin-right: -6px;
            margin-top: -1px;
            padding: 4px;
            display:block;
        }

      /**Absence rapide*/
        .absencerapide {
            font-size: 14px;
        }
        .absencerapide label{
            margin-top: 0;
        }
        .absencerapide h2{
            font-size: 18px;
            margin-top: 6px;
        }
        .absencerapide .espace_h20{
            heigth : 0;
        }
        .absencerapide .blocinfo{
            margin-bottom: 8px;
        }
        .absencerapide label{
            margin-top: 2px;
        }
        .absencerapide select.w200{
            max-width : 260px;
            min-width : 260px;
        }

      /**Fiche cours*/
        .fichecours{
            font-size:14px;
        }

      /**Fiche eleve*/
        .ficheeleve .jumbotron .w50p{
            width: 100%;
            margin-top: 20px;
        }
        .ficheeleve .jumbotron .flr{
            float : left;
            margin-bottom: 40px;
        }
        .ficheeleve .titreinfo84{
            width: 100px;
        }
        .ficheeleve .espace_h8{
            margin-bottom: 20px;
        }

        #responsable1_adresse2,
        #responsable1_adresse3,
        #responsable2_adresse2,
        #responsable2_adresse3,
        #responsable_adresse2,
        #responsable_adresse3,
        #eleve_adresse2,
        #eleve_adresse3,
        #reinsc_eleve_adresse2,
        #reinsc_eleve_adresse3,
        #etudiant_adresse2,
        #etudiant_adresse3{
       	    min-width: calc(90% - 101px);
        	margin-left: 8px;
        }


        #ligneaddr1{
	       margin-left: 8px;
           max-width: none;
        }

      /**Fiche eleve - all*/

      /**Fiche suivi*/
        .ficheelevesuivi .mlp18{
            margin-left: 0;
            width: 100%;
        }
        .ficheelevesuivi .txtc{
            float:left;
            text-align:left;
            width: 100%;
        	display: unset;
        }
        .ficheelevesuivi .txtc .mr20{
            margin-left: 2%;
        }
        .ficheelevesuivi #suivi_message_calcul_moyenne{
            font-size:12px;
        }
        .ficheelevesuivi #infos_suivi{
            text-align: center;
        }
        .ficheelevesuivi #table_evaluation_wrapper{
            padding : 0;
        }

      /**Fiche absence*/

      /**Fiche repertoire*/
        .ficheeleveabsence .recherchecoursm label{
            min-width: 50px;
            max-width: 50px;
            margin-top: 4px;
        }
        .ficheeleveabsence h2,
        .ficheeleverepertoire h2,
        .ficheelevehistorique h2{
            margin-top: 8px;
            font-size: 18px;
        }

		#evaluation_pop2 h2{
            font-size: 18px;
        }


        .ficheelevesuivi label,
        .ficheelevesuivi span,
        .ficheelevesuivi select,
        .ficheelevesuivi select.w54,
        .ficheelevesuivi select.w80,
        .ficheelevesuivi input,
        .ficheeleveabsence label,
        .ficheeleveabsence label.mini,
        .ficheeleveabsence select,
        .ficheeleveabsence input,
        .ficheeleveabsence .mlp10,
        .ficheeleveabsence .w110 ,
        .ficheeleveabsence .w120 ,
        .ficheeleverepertoire label,
        .ficheeleverepertoire .mlp10,
        .ficheeleverepertoire input,
        .ficheeleverepertoire textarea,
        .ficheelevehistorique label,
        .ficheelevehistorique span,
        .ficheelevehistorique select,
        .ficheelevehistorique input,
        .ficheelevehistorique .mlp8,
        .blocevalhisto label,
        .blocevalhisto select,
        .blocevalhisto input{
            min-width: 96%;
            max-width: 96%;
            margin-left:2%;
        }






        .ficheelevesuivi .partie_note span,
        .ficheelevesuivi .partie_note input.mini,
        .ficheelevehistorique .partie_note input.mini,
        .blocevalhisto .partie_note input.mini  {
            min-width: 58px;
            max-width: 58px;
        }
        .ficheelevehistorique input.annee{
            min-width: 96px;
            max-width: 96px;
        }
        .ficheeleveabsence input.annee,
        .ficheeleveabsence input.date,
        .ficheeleverepertoire input.annee,
        .ficheeleverepertoire input.date,
        .ficheelevehistorique input.date,
        .evaluationblocinterieur input.date{
            min-width: 96px;
            max-width: 96px;
        }
        .ficheeleveabsence input.heure,
        .ficheeleverepertoire input.heure,
        .ficheelevehistorique input.heure{
            min-width: 58px;
            max-width: 58px;
        }
        .ficheelevehistorique .partie_note label.minii{
            min-width: 10px;
            max-width: 10px;
        }
        .ficheeleveabsence #absence_date_courrier{
            margin-left: 8px;
        }
        .ficheelevesuivi input[type="checkbox"],
        .ficheeleveabsence input[type="checkbox"],
        .ficheelevehistorique input[type="checkbox"]{
            min-width: 50px;
            max-width: 50px;
            margin-left: 0;
        }
        .ficheeleveabsence textarea.mlp10,
        .ficheelevehistorique textarea,
        .ficheelevehistorique label.commentaire{
            min-width: 92%;
            max-width: 92%;
            margin-left:4%;
        }
        .ficheeleveabsence .espace_h2,
        .ficheeleveabsence .espace_h20{
            height:0;
        }
        .ficheelevesuivi .espace_h10{
            height:20px;
        }
        .ficheelevesuivi .blocinfo{
            margin-left:2%;
        }




        #boutons_suivi,
        #partie_ajout_eval{
            margin-bottom:40px;
        }

	/*EVALUATION      */
        .evaluation .jumbotron{
            padding: 4px;
            margin-left: 10px;
        }
        .evaluation .titreeval{
            font-size:10px;
            margin-right:10px;
        }
        .evaluation .titrecritere{  font-size:10px; }
        .evaluation .intitulenote{  width:50px; }
        .evaluation .resultnote{
            max-width: 90px;
            min-width: 90px;
            width: 90px;
        }
        .evaluationbloc{
            display: inline-block;
        }
        .evaluationbloc label{
            font-size:14px;
            width: 110px;
            margin-top: 6px;
        }
        .evaluationbloc span{
            font-size:14px;
            margin-top: 6px;
        }
        .evaluationbloc input[type="checkbox"]{
          margin-left: -8px;
        }
        .evaluationbloc .textarea{
            width: 100%;
        }
        .evaluationbloc .espace_h2,
        .evaluationbloc .espace_h4{
            height:0;
        }
        .evaluationbloc label,
        .evaluationbloc input.long,
        .evaluationbloc select,
        .evaluationbloc textarea{
            min-width: 100%;
            max-width: 100%;
        }
        .evaluationbloc textarea{
            font-size:14px;
        }


        .blocevalhisto input[type="checkbox"]{
            min-width: 50px;
            max-width: 50px;
            margin-left: 0;
        }
        .blocevalhisto textarea{
            min-width: 96%;
            max-width: 96%;
            margin-left:2%;
        }
        .blocevalhisto .fll.mlp2,
        .blocevalhisto .w40p{
            min-width: 96%;
            margin-left:0;
        }

        .timeEntry-control{
            margin-top : 0px;
            margin-left : 2%;
            float: left;
        }

        #div_champs_params{
            width: 100%;
        }

	/*DATATABLES recherche      */
        .dataTables_filter label,
        .dataTables_filter input{
            min-width: 100%;
            max-width: 100%;
            margin-left:0;
            font-size:16px;
        }




        .titre_fiche{
            float: left;
            position: absolute;
            left: 16%;
            top: 52px;
            width: 70%;
        }

        .titre_fiche .ft12{
            font-size:16px;
            margin-left: 2%;
            position: absolute;
        }

        button.media_flecheleft,
        button.media_flecheright{
        	background-color: #067cb6;
        	color: #FFFFFF !important;
        	border-color: #FFFFFF !important;
        	border-style: none;
            font-size:50px;

            border-radius: 4px;
            height: 72px;
            opacity: 0.33;
            position: fixed;
            top: 44%;
            width: 30px;
            z-index: 999999;
            left: 0;
            padding-top: 22px;

            left: 0%;
        }

        button.media_flecheright{
           left: 90%;
        }

        button.media_flecheleft img,
        button.media_flecheright img {
            height: 66px;
            width: 28px;
        }
        button.media_flecheleft img {
            margin-left: -8px;
            margin-top: -20px;
        }
        button.media_flecheright img {
            margin-left: -1px;
            margin-top: -20px;
        }
        .partie_navigation .partie_enregistrement{
            position : absolute;
            top: 104px;
            right: 3%;
            font-size: 14px;
        }

        #ongletContenu{
            margin-top: 6px;
        }
        .navbar{
            border: none;
        }
        .navbar-toggle.ml40{
            margin-left: 1%;
        }
        #bouton_nav_eleve.navbar-toggle{
            position: absolute;
            top: 0;
            margin-left: 85%;
        }

        #navbar_fiche.navbar{ min-height: 32px; }
        #navbar_fiche .navbar-nav{
            margin: 7.5px -15px;
            width: 100%;
        }
        #navbar_fiche span{
            font-size:18px;
            font-weight: bold;
        }
        #navbar_fiche .navbar-nav > li > span {
            font-size: 18px;
            margin-top: 15px;
            margin-bottom: 15px;
            padding: 0;
            font-weight: bold;
            font-size: 14px;
        }
        #navbar_fiche ul.navbar-nav li{
            width: 60%;
            text-align: left;
        }
        .navbar-header button{
            margin-bottom: 15px;
        }
        .navbar-default .navbar-collapse,
        .navbar-default .navbar-form{
            float:left;
            width:50%;
            margin-left: -2%;
            border : none;
            padding-right: 5%;
            padding-left: 10%;
            height: 310px;
        }
        .navbar-usager{
            width: 55% !important;
        }
        .navbar-collapse ul.navbar-nav li {
        	margin-left  : 30px;
            width: 90%;
            text-align: left;
        }
        .navbar-collapse{
            margin-left: 0%;
        }
		#menuaccueil,
    	#menufamille,
    	#menueleve,
    	#menucours,
    	#menudeplanning,
    	#menudeconnexion,
    	#menumotdepasse,
    	#menuaccessibilite{
			width: 90%;
    	}
        .navbar-default,
        .navbar-header-entete{
/*             couleur bootstrap */
            border-bottom : 1px solid #e7e7e7;
        }

        .input-editable{
           border: medium none;
           position: relative;
           left: 1px;
           margin-top: 1px;
           height: 20px !important;
           margin-right: -600px;

        	max-width: calc(90% - 25px);
		    min-width: calc(90% - 25px);
		    width: calc(90% - 18px);
        }

    /*SPECIFIQUE extranet Préinscription      ***************************** */
        .preinscription_fiche{
			margin-top: 15px
        }

        .preinscription_fiche .btn-basic.w360{
            width: 97%;
            height: 24px;
            font-size: 16px;
            padding-top: 2px;
            margin-left: 0;
            margin-right: 0;
        }

        .preinscription_fiche .fll,
        .preinscription_fiche .fll.w50p,
        .preinscription_fiche .flr.w50p{
			width: 100%;
        }

		.preinscription_fiche .titreinfo84{
			width: 94px;
        }

        .preinscription_fiche input.mini{
        	min-width: 25px;
			max-width: 25px;
        }

        .preinscription_fiche .jumbotron,
        .preinscription_fiche .container .jumbotron,
        .preinscription_fiche input,
        .preinscription_fiche select {
            font-size: 12px;
        }
        .preinscription_fiche input,
        .preinscription_fiche select {
            height: 22px;
            margin-left: 8px;
        }
        .preinscription_fiche .ficheeleve .jumbotron .w50p{
            margin-top: 8px;
        }
        .preinscription_fiche .mlp8,
        .preinscription_fiche .ml4,
        .preinscription_fiche .ml80,
        .preinscription_fiche .ml148{
            margin-left: 8px;
        }
        .preinscription_fiche .ml20{
			margin-left: 8px;
        }
        .preinscription_fiche .ml12{
            margin-left: 16px;
        }
        .preinscription_fiche .ml18{
            margin-left: -8px;
        }
        .preinscription_fiche label.w160,
        .preinscription_fiche .w300,
        .preinscription_fiche input.w110{
            width: 90%;
            max-width: 90%;
            min-width: 90%;
        }

        .preinscription_fiche .ml12 input.w110{
            width: 94%;
            max-width: 94%;
            min-width: 94%;
        }

        .preinscription_fiche .jumbotron .flr {
            margin-bottom: 10px;
        }

        .preinscription_fiche .container{
            margin: 0;
        }

		.preinscription_fiche #lib_eleve_date_naissance{
            width: 120px;
            max-width: 120px;
            min-width: 120px;
        }
		.preinscription_fiche #eleve_date_naissance{
            width: 90px;
            max-width: 90px;
            min-width: 90px;
        }

        .preinscription_fiche #lib_eleve_partage_coordonnees,
        .preinscription_fiche #lib_eleve_droit_image,
        .preinscription_fiche #lib_eleve_autorisation_sortie,
        .preinscription_fiche #eleve_lieu_naissance{
            width: auto;
            max-width: inherit;
            min-width: inherit;
        }


	/*SPECIFIQUE extranet Usager      ***************************** */
        .accueil_usager .btn-basic.w360{
            width: 97%;
            height: 24px;
            font-size: 16px;
            padding-top: 2px;
            margin-left: 0;
            margin-right: 0;
        }
        .accueil_usager .ft14{
            font-size: 12px;
        }
        .accueil_usager .accueil_prenom{
            margin-left: 60px;
        }
        .usager_fiche_famille .ml80,
        .usager_fiche_eleve .ml80{
            margin-left: 4px;
        }
        .usager_fiche_famille .jumbotron,
        .usager_fiche_famille .container .jumbotron,
        .usager_fiche_famille input,
        .usager_fiche_famille select,
        .usager_fiche_eleve .jumbotron,
        .usager_fiche_eleve .container .jumbotron,
        .usager_fiche_eleve input,
        .usager_fiche_eleve select,
        .usager_fiche_etudiant .jumbotron,
        .usager_fiche_etudiant .container .jumbotron,
        .usager_fiche_etudiant input,
        .usager_fiche_etudiant select {
            font-size: 12px;
        }
        .usager_fiche_famille input,
        .usager_fiche_famille select,
        .usager_fiche_eleve input,
        .usager_fiche_eleve select,
        .usager_fiche_etudiant input,
        .usager_fiche_etudiant select{
            height: 22px;
            margin-left: 8px;
        }
        .usager_fiche_famille .ficheeleve .jumbotron .w50p,
        .usager_fiche_eleve .ficheeleve .jumbotron .w50p,
        .usager_fiche_etudiant .ficheeleve .jumbotron .w50p{
            margin-top: 8px;
        }
        .usager_fiche_famille .mlp8,
        .usager_fiche_famille .ml4,
        .usager_fiche_famille .ml80,
        .usager_fiche_famille .ml94,
        .usager_fiche_famille .ml148,
        .usager_fiche_eleve .mlp8,
        .usager_fiche_eleve .ml4,
        .usager_fiche_eleve .ml80,
        .usager_fiche_eleve .ml94,
        .usager_fiche_eleve .ml148,
        .usager_fiche_etudiant .mlp8,
        .usager_fiche_etudiant .ml4,
        .usager_fiche_etudiant .ml80,
        .usager_fiche_etudiant .ml94,
        .usager_fiche_etudiant .ml148{
            margin-left: 13px;
        }
        .usager_fiche_famille .ml12{
            margin-left: 16px;
        }
        .usager_fiche_famille .ml18,
        .usager_fiche_etudiant .ml18{
            margin-left: 0px;
        }
        .usager_fiche_famille label.w160,
        .usager_fiche_famille .w300,
        .usager_fiche_famille input.w110,
        .usager_fiche_eleve label.w160,
        .usager_fiche_eleve .w300,
        .usager_fiche_eleve input.w110,
        .usager_fiche_eleve select.situafam,
        .usager_fiche_etudiant label.w160,
        .usager_fiche_etudiant .w300,
        .usager_fiche_etudiant input.w110,
        .usager_fiche_etudiant .w200{
            width: 90%;
            max-width: 90%;
            min-width: 90%;
        }
        .usager_fiche_famille .ml12 input.w110{
            width: 94%;
            max-width: 94%;
            min-width: 94%;
        }
        .usager_fiche_eleve .jumbotron .fll.mlp8.w360{
            width: 100%;
            max-width: 100%;
            min-width: 100%;
        }
        .usager_fiche_eleve label.w160{
            width: 160px;
            max-width: 160px;
            min-width: 160px;
        }
        .usager_fiche_famille .ficheeleve .jumbotron .flr,
        .usager_fiche_eleve .ficheeleve .jumbotron .flr {
            margin-bottom: 10px;
        }

        .usager_fiche_famille .ficheeleve.container,
        .usager_fiche_eleve .ficheeleve.container {
            margin: 0;
        }
        .popcontenu1 .ficheelevecours h2{
            margin-top: 8px;
            font-size: 18px;
        }
        .ficheeleve .jumbotron .sep_note.w50p {
            max-width: 50%;
            min-width: 50%;
        }
        .usager_fiche_famille .row,
        .usager_fiche_eleve .row{
/*             margin : 0px;    */
        }
        .usager_fiche_famille .w50p .row,
        .usager_fiche_eleve .w50p .row{
            max-width: 100%;
            min-width: 100%;
        }
        .usager_fiche_famille .element_modif,
        .usager_fiche_eleve .element_modif{
            margin-bottom: 20px;
        }
        .usager_fiche_famille #sousmenu_famille .btn-basic,
        .usager_fiche_famille #sousmenu_famille .btn-basic-active,
        .usager_fiche_eleve .btn-basic,
        .usager_fiche_eleve .btn-basic-active{
            font-size: 16px;
            width: 98px;
            padding: 2px;
            margin: 3px;
        }
        .usager_fiche_facturation .btn-basic,
        .usager_fiche_facturation .btn-basic-active{
            font-size: 14px;
            width: 150px;
            padding: 2px;
            margin: 3px;
        }
        .usager_fiche_eleve .btn-basic-active,
        .usager_fiche_facturation .btn-basic-active{
        	background-color: #FFFFFF !important;
        	color: #067cb6 !important;
        	border: 2px outset #067cb6;

        	border-style: none;
            text-decoration : none;
        }
        .usager_fiche_eleve .titrepartage{
            width: 246px;
            max-width: 246px;
            min-width: 246px;
        }
        .usager_fiche_eleve .checkpartage{
            margin: 0;
        }
        .usager_fiche_eleve .ficheeleve .jumbotron .element_modif{
            margin-left: 50%;
        }
        .usager_fiche_facturation .titremontant{
            width: 166px;
			max-width: 166px;
			min-width: 166px;
			margin-left: 10px;
        }
        .usager_fiche_facturation .detailmontant{
            font-size:12px;
        }
        .usager_fiche_facturation .detailmontant label{
            max-width: 166px;
            margin-left: 10px;
        }
        .usager_fiche_facturation .detailmontant .mini {
            width: 40px;
            max-width: 40px;
            min-width: 40px;
        }
        .usager_fiche_facturation .detailmontant .flex_centre{
            display: inline;
        }
        .usager_fiche_facturation .detailmontant .devise{
            width: 34px;
            max-width: 34px;
            min-width: 34px;
        }
        .usager_fiche_facturation .detailmontant label.paiement{
            width: 166px;
            max-width: 166px;
            min-width: 166px;
            margin-left: 10px;
        }
        .usager_fiche_facturation .detailmontant input.paiement{
            font-size: 12px;
            height: 22px;
            max-width: 60px;
            min-width: 60px;
            width: 60px;
        }
        .usager_fiche_facturation .mr10.paiement{
            margin-right:4px;
        }
        .usager_fiche_facturation .btn-basic.btnfact{
            margin-left: 20%;
            width: 60%;
            padding: 6px;
            font-size: 16px;
        }

		/*Partie bouton mail      ***************************** */
		#entete_recherche {
		    flex-direction: column-reverse;
		}

		#entete_recherche .boutons_recherche {
		    flex-grow: 1;
			width: unset;
		}
		#entete_recherche .boutons_mail {
		    text-align: center;
		    margin-top: 10px;
		}
		#entete_recherche .dsf.dsfg1 {
		    justify-content: center;
		}
		#btnListVosEleves {
		    width: unset !important;
		}
		#partie_ajout_absrapide	{
		    flex-grow: 0;
		}

		#div_bouton_affiche {
		    display: flex;
		    width: 100% !important;
		    justify-content: space-evenly;
		}

		#entete_recherche #bouton_cours{
			justify-content: center;
		}

		#bouton_affichertout,
		#btnListVosEleves,
		#bouton_partie_ajout_absrapide {
		    margin: 10px 0 0 0;
		}

		.nbenreg_recherche.flr.mt10 {
		    margin-right: 10px;
		}

		#mail_valider{
			margin-bottom: 40px;
		}

		#informations_by #bouton_fiche_cours {
		    justify-content: space-around;
		}

		#mail_nb_dest{
			white-space: nowrap;
			width: 130px;
			min-width: 130px;
		}

		#lab_expe,
		#lab_dest,
		#lab_cc,
		#lab_cci,
		#lab_objet {
		    padding-top: 7px;
		}

		#bouton_modifier_dest {
		    width: 130px;
			margin-bottom: 0;
		}

		#ensemble_mail_dest{
			display: flex;
			flex-flow: column;
		}

		#ens_check_expe label {
		    margin-top: 2px;
		}

		#ens_dest1{
			margin-top: 10px;
			padding-left: 0px;
		}

		.import_prof_doc_input {
			margin: auto;
			min-width: 300px;
			width: 300px;
			max-width: 300px;
			padding: 0;
			border: none;
		}

		.france_connect_titre{
	       display: none;
		}

        .publik_titre{
            display: none;
         }

        .stepper-wrapper .step-name {
            display: none;
        }

        .w40vw{ width: 95vw }

        #div_docs_famille, #div_docs_recap_famille,
        #div_docs_eleve, #div_docs_recap_eleve,
        #eleve_reinscription_cours #div_cours, #recap_reinsc_eleve_reinscription_cours #div_cours {
            width: 100%;
            margin: auto;
        }
}

/*     *:FOCUS, */
/*     *:before,  */
/*     *:after{     */
/*         border : 4px solid pink; */
/*     	background-color: blue;    */
/*     	color: red;       */
/*     } */


/* /*   DEBUG FOCUS - UTILE POUR L'ACESSIBILITE */     */
/* /*     *:FOCUS{ */ */
/* /*     	background-color: #00008B;    */ */
/* /*     	color: #FF00FF;   */ */
/* /*     }     */ */

/* /*   DEBUG TAILLE - POUR LA GESTION DE 4 TAILLES DIFFERENTES (pc/tablette/smartphone) - hérité de la structure de base et des pages     */ */
/*TAILLE BASE ***************************************************************************************************************************     */
/*     body,     */
/*     .navbar, */
/*     .container{ */
/*         background-color: green; */
/*     }     */
/* /*TAILLE TABLETTE ***********************************************************************************************************************     */ */
/*     @media screen and (max-width:1100px){         */
/*         body,     */
/*         .navbar,     */
/*         .container{ */
/*             background-color: yellow; */
/*          }      */
/*     } */
/* /*TAILLE SMARTPHONE *********************************************************************************************************************     */ */
/*     @media screen and (max-width:600px){         */
/*         body, */
/*         .navbar,     */
/*         .container{ */
/*             background-color: purple; */
/*         }              */
/*     } */