*,
*:after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
  height: 100%;
}

body{
	height:100%;
	min-width:1024px!important;
	margin: 0;
    padding: 0;
	color:#000!important;
	letter-spacing:-00.1px;
	font-weight:500;
	font-size: 16px;
	line-height: 1.5em !important;
	user-select: none;
    font-family: Calibri, sans-serif !important;
 }
#loading2{
    background-image: url('../../scripts/Formulaire/images/bg.jpg');
}
#conteneur{

   position:fixed;
   background:#cfcfcf;
   bottom:45px;
   top:1%;
   font-size:16px;
   line-height:25px;
   left:10px;
   right:10px;
    box-shadow:
        0 0 1px rgba(0, 0, 0, 0.4),
        0 3px 7px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,0),
        inset 0 -3px 2px rgba(0,0,0,0.25);
		border:none;
    border-radius: 4px;
}
.results{
	margin:auto;
	background:#ECECEC;
	border-radius:5px;
	line-height:30px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

	box-shadow:
        0 0 1px rgba(0, 0, 0, 0.3),
        0 2px 1px rgba(0, 0, 0, 0.2),
        inset 0 1px rgba(255,255,255,0),
       inset 0 -1px 2px rgba(0,0,0,0.15);
}
h3{
    font-size:17px;
    color:#4d5f82;
}
.styliser{
    position:fixed;
    top:33%;
    right:15%;
    left:15%;
    bottom:100px;
    text-align:center;
}
.styliser2{
    margin:auto;
    margin-top:-35px!important;
}
.styliser2 form{
    margin-left:20px!important;
}
#pagination a{
    text-decoration:none;
    margin:7px;color:#4d5f82;
}
#liste{
    right:30px;
    left:30px;
}
#liste li,#list li{
    display:inline-block;
    margin:7px;
    margin-top:0;
}
#liste li a,#list li a{
    text-decoration:none;
    color:#5D5959;
}
#liste li a:hover,#list li a:hover{
    text-decoration:underline;
}

#liste_base_inf li a {
	padding:4px;
	display:inline-block;
	min-width:50px;
	font-weight:bold;
    border-top-right-radius:15px;
	border-bottom-left-radius:15px;
    border-top-left-radius: 5px;
	background:#5d5959;
	font-size:15px!important;
	text-transform:uppercase;
	color:#EEE;
	box-shadow:
	    0 0 1px rgba(0, 0, 0, 0.4),
        0 3px 7px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,0),
        inset 0 -3px 2px rgba(0,0,0,0.25);
}

#liste_base_inf li {
	text-align:center;
	margin-top:7px!important;
}
#liste_base_inf li a:hover{
    box-shadow:none;
    background:#4d5f82!important;
    color:#EEE;
}
#liste_base li a{
    text-decoration:none;
}
#vsd2{
    margin-left:27px;
}
#liste2{
    position:relative;
}
#liste2 ul {
    margin-left:-25px;
}
#liste2 ul ul li{
    margin-left:-25px!important;
}
#liste2 > li >ul >li ul{
    border:solid 1px #ccc;
    margin:5px;
}
#liste2 > li{
    display:block;
    text-transform:uppercase;
    border-bottom:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #ccc;
    margin-left:-30px;
    padding-left:4px;
}


 #liens_docu{
	position:absolute;
	right:5%;
	bottom:10px;
	padding:2px;
	z-index:1;
}

a{
-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
 #liens_docu a{
	margin:15px;
	color:#000;
	text-decoration:none;
	background:#EEE;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
	padding:7px;
	font-size:14px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	box-shadow:
        0 0 1px rgba(0, 0, 0, 0.4),
        0 2px 1px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,0),
        inset 0 -1px 2px rgba(0,0,0,0.25);
}

#liens_docu a:focus,#liens_docu a:hover,a:hover{
	box-shadow:none!important;
}
.shadow-box{
    /*
    box-shadow:
        0 0 1px rgba(0, 0, 0, 0.4),
        0 3px 7px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,0),
        inset 0 -3px 2px rgba(0,0,0,0.25);

     */
    box-shadow:
            0 0 1px rgba(0, 0, 0, 0.4),
            0 1px 2px rgba(0, 0, 0, 0.4),
            inset 0 1px rgba(255,255,255,0),
            inset 0 -1px 2px rgba(0,0,0,0.25);
}
.col{background-color:#eee;}
.ac_results {border:1px solid #333; overflow:hidden; z-index:99999;background:#FFF;}
.ac_results ul {list-style:none; padding:0; margin:0;}
.ac_results li {padding:.1em .4em; display:block; font-size:.9em; line-height:1.3em; overflow:hidden; border-top:1px solid #f1f1f1; color:#222;}
.ac_results li:first-child {border-top:0;}
.ac_loading {background:#FFF url('indicator.gif') right center no-repeat;}
.ac_over {background-color:#eee;}
.cont_recherches{width:99%;margin:auto;border-radius:4px;min-height:180px;margin-bottom:25px;}
#pied{
	position:fixed;
	bottom:1px;
	right:10px;
	left:10px;
	height:40px;
	/*background:url('../../scripts/Formulaire/images/bg.jpg');*/
    /*
	box-shadow:
        0 0 1px rgba(0, 0, 0, 0.4),
        0 3px 7px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);

     */
    box-shadow:
            0 0 1px rgba(0, 0, 0, 0.4),
            0 1px 2px rgba(0, 0, 0, 0.4),
            inset 0 1px rgba(255,255,255,0),
            inset 0 -1px 2px rgba(0,0,0,0.25);
    background: #E5E5E5;
}
#lecteur{
	position:fixed;
	bottom:8.8%;
	width:200px;
	height:40px;
	background:url('../../scripts/Formulaire/images/bg.jpg');
	box-shadow:2px 3px 4px #5d5959 inset;
	border-top-right-radius:15px;
	border-bottom-left-radius:15px;
}
#block_gauche{
	float:left;
    width:40%;
    border:solid 1px #ccc;
    margin:1%;
    height:90%;
    background-color:#eee;
}
#block_droite{
	float:right;
    width:56%;
    margin:1%;
    height:90%;
    background-color:#4d5f82;
}
#nom_programmeur{
	position:fixed;
    max-height:40px;
    z-index:1000;
    width:100%;
    left:0;
    background-color:#fff;
    bottom:0;
    border-top:solid 3px #000;
    box-shadow:1px 2px 3px;
}
#contenu_block_droite{
	height:82%;
    overflow:auto;
    background-color:#fff;
    width:100%;
}

#liste_histo a{
    display:inline-block;
    margin-left:15px;
    margin-right:15px;
    text-decoration:none;
    color:#4d5f82;
    font-weight:bold;
}

#les_rubriques li{
    display:inline-block;
    width:20%;
    height:26px;
}
#les_rubriques li a{
    font-size:20px;
}
#les_rubriques{
    position:relative;
    width:97%;
    margin:auto;
    margin-top:10%;
    text-align:center;
}

#contenu_description_table{
    display:none;
    position:fixed;
    top:45px;
    right:15px;
    left:70%;
    padding:5px;
    overflow:hidden;
    text-align:right;
    max-height:100px;
    font-size:13px;color:#000;
}
#liste_base li a{
    font-size:14pt;
}
#liste_base li {
    font-size:8pt;
}
#liste_base li{
    display:inline-block;margin:15px;
}
/*pagination*/

.pagination {
  height    :20px;
  font      :10px TeXGyreReg;
  width:96%;
    margin: 15px auto auto;
    border-radius:4px;
 }

.results:hover{
	box-shadow: none;
	}
.pagination a {
    background:#fff;
    margin:2px!important;
    padding:.1em .2em;
    text-decoration:none;
	border:solid 1px #4d5f82;
	border-radius:2px;
	font-size:20px;
    color: #4d5f82!important;
}

.pagination a:hover {
    background:#fff;
    border:1px solid #5D5959;
    color:#5D5959;
}

.pagination span.inactive {
    background:#fff;
    border:1px solid #f0f0ff;
    color:#f0f0ff;
    margin:2px;
    padding:.1em .2em;
}

.pagination span.active {
    background:#ccc;
    border:1px solid #5D5959;
    color:#5D5959;
    font-weight:700;
    margin:2px;
    padding:.3em .5em;
}

._cote_doc{
	display:inline-block;
	padding:1px 4px 1px 4px;
	background:#CFCFCF;
	border-top-right-radius:7px;
	border-bottom-left-radius:7px;
	color:#4d5f82;
	font-size:18px;
	font-weight:bold;
	margin-top:8px;

}
.lien_panier{
	text-decoration:none;
	color:#5D5959;
	margin-left:27px;
}
._titres_docs_trouver{
	padding-top:5px;
	font-size:18px;
	color:#333;
	font-weight:bold;
	text-transform : uppercase;
}
::-moz-selection {/* Pour firefox */
    background:#7CB342;
    color:white;
 }

::selection {
   background: #7CB342;
   color:white;
}

select {
      cursor:pointer;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      outline: none;
	  color:#5D5959!important;
	  border-width:1px;
	  font-size:17px;
	  font-weight:400;
	  text-align:left;
    }

	.titre_tooltip{
		background-color:#5D5959;color:#FFF;text-align:center;border-radius:4px;text-transform:uppercase;padding:3px;
	}


.formulaire2 {
    /* taille et position*/
    width: 100%;

    padding: 5px;

    box-shadow:
            0 0 1px rgba(0, 0, 0, 0.4),
            0 1px 2px rgba(0, 0, 0, 0.4),
            inset 0 1px rgba(255,255,255,0),
            inset 0 -1px 2px rgba(0,0,0,0.25);
    /* Styles */
/*
    box-shadow:
            0 0 1px rgba(0, 0, 0, 0.4),
            0 3px 7px rgba(0, 0, 0, 0.4),
            inset 0 1px rgba(255,255,255,1),
            inset 0 -3px 2px rgba(0,0,0,0.25);

 */
    border-radius: 4px;

    background: white;
    background: -moz-linear-gradient(#eeefef, #ffffff 10%);
    background: -ms-linear-gradient(#eeefef, #ffffff 10%);
    background: -o-linear-gradient(#eeefef, #ffffff 10%);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
    background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
    background: linear-gradient(#eeefef, #ffffff 10%);
}
.no-shadow{box-shadow:none!important;}
#searchForm input[type=text],
#searchForm select,
#searchForm input[type=time],
#searchForm input[type=number],input[type=tel]{
    font-size: 13px;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.8);
    /* taille et position */

    padding: 10px 18px 10px 45px;

    /* Styles */
    border: none; /* Rsuppression du contour par default*/
    box-shadow:
        inset 0 0 5px rgba(0,0,0,0.1),
        inset 0 3px 2px rgba(0,0,0,0.1);
    border-radius: 3px;
    color: #777;
    -webkit-transition: color 0.3s ease-out;
    -moz-transition: color 0.3s ease-out;
    -ms-transition: color 0.3s ease-out;
    -o-transition: color 0.3s ease-out;
    transition: color 0.3s ease-out;
}

#formulaire2 .submit {
    /* taille et position */
    width: 65px;
    height: 65px;
    position: absolute;
    top: 17px;
    right: -25px;
    padding: 10px;
    z-index: 2;
    background:#FFF;
    /* Styles */
    /*border-radius: 50%;*/
    box-shadow:
        0 0 2px rgba(0,0,0,0.1),
        0 3px 2px rgba(0,0,0,0.1),
        inset 0 -3px 2px rgba(0,0,0,0.2);
}

#searchForm .submit:after {
    /* taille et position */
    content: "";
   /*.....................
    width: 10px;
    height: 10px;
	*/
    position: absolute;
    top: -2px;
    left: 30px;

    /* Styles */
    background: #ffffff;

    /* Other masks trick */
    box-shadow: 0 62px white, 32px 31px white;
}
button{color:#EEE!important}
#searchForm button {
    /* taille et position*/
    width: 100%;
    height: 100%;
    margin-top: -1px;

    /* Icon styles */
    font-size: 1.4em;
    line-height: 1.75;
    color: white;

    /* Styles */
    border: none; /* Remove the default border */
    /*border-radius: inherit;*/
    background: #5D5959;
    background: -moz-linear-gradient(#5D5959, #4d5f82);
    background: -ms-linear-gradient(#5D5959, #4d5f82);
    background: -o-linear-gradient(#5D5959, #4d5f82);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#5D5959), to(#4d5f82));
    background: -webkit-linear-gradient(#5D5959, #4d5f82);
    background: linear-gradient(#5D5959, #4d5f82);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        0 1px 2px rgba(0,0,0,0.35),
        inset 0 3px 2px rgba(255,255,255,0.2),
        inset 0 -3px 2px rgba(0,0,0,0.1);

    cursor: pointer;
}

#searchForm button:hover,
#searchForm button[type=submit]:focus {
    background: #7CB342;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;

    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#searchForm button:active {
    background: #42A2BC;
    box-shadow:
        inset 0 0 5px rgba(0,0,0,0.3),
        inset 0 3px 4px rgba(0,0,0,0.3);
}
button{background:#4d5f82!important;color:#000!important}
.barre_conteneur{
	color:#000!important;
	font-size:22px;
	font-weight:bold;
	box-shadow:
        0 0 1px rgba(0, 0, 0, 0.4),
        0 3px 7px rgba(0, 0, 0, 0.4),
        inset 0 1px rgba(255,255,255,1),
        inset 0 -3px 2px rgba(0,0,0,0.25);
	z-index:2;
	padding:5px;
}
._barre_fonds{background:url('http://localhost/SCHOOLBASE/Formulaire/images/bg.jpg');}

.submit{box-shadow:none!important;}

.items{
	padding:2px;
	border-top-right-radius:10px;
	border-bottom-left-radius:10px;
}
._lien_admi_ent{position:fixed;top:4px;right:30px;padding:5px;}

.vsd2{
	color:#FFF;
	padding:2px;
	font-size:17px;
	width:20px;
	height:20px;
	text-align:center;
	text-decoration:none;
	margin-top:7px;
	font-weight:bold;
	border-top-right-radius:7px;
	border-bottom-left-radius:7px;
	}
.voir_dossier{margin-left:27px;padding:4px;}
.class_descrip{padding:4px;color:#4d5f82}

@media (max-width: 700px){
  .mot_expli{display:none;}
  #contenu_description_table,#corps_logo{display:none!important;}
  #liens_docu a{box-shadow:none!important;font-size:12px;margin:4px;}
  .submit{height:70px!important;width:70px!important;}

  .resolution{margin-top:30px!important;width:95%;text-align:left;}
  .styliser2{margin-top:30px;}
  .formulaire2{min-width:95%!important;
  }


}
@media(max-width: 800px){
	 #block_droite,#block_gauche{
		 float:none!important;
		 min-height:600px;

		 width:98%;
		 margin:auto;
		 margin-top:18px;
	}
	#block_droite{margin-bottom:20px;}
	#block_gauche{margin-top:60px;}
	._lien_admi_ent{top:40px;left:15px;}

}
@media(max-width:420px){
	#top_menu,.items{display:none!important;}
	#block_gauche{margin-top:80px;}
	._lien_admi_ent a{background:none!important;box-shadow:none!important;color:#5d5959!important;}
}



/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #fff;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }
    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}/*****************************/

.styliserLink{
    padding:5px;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    color:#4d5f82;
    margin: 5px 5px 5px 0;
    background:#EEE;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    text-transform:uppercase;
    box-shadow:
            0 0 1px rgba(0, 0, 0, 0.4),
            0 1px 2px rgba(0, 0, 0, 0.4),
            inset 0 1px rgba(255,255,255,0),
            inset 0 -1px 2px rgba(0,0,0,0.25);
}

.styliserLink2{
    padding:5px;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
    color:#4d5f82;
    margin: 5px 5px 5px 0;
    border-top-right-radius:10px;
    border-bottom-left-radius:10px;
    text-align:center;
    text-transform:uppercase;
}

::-webkit-scrollbar {

}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}​


 .listeClasses ul,.listeClasses2 ul,.listeGestionClasse ul,.listeClasseParent ul,.listeClasseEmploi ul{
     padding: 20px;
 }
.listeClasses li,.listeClasses2 li,.listeGestionClasse li,.listeClasseParent li,.listeClasseEmploi li{
    display:inline-block;
    font-size:18px;
    margin: 4px;
    line-height: 45px!important;
    font-style: italic;
}
.listeClasses li a,.listeClasses2 li a,.listeGestionClasse li a, .listeClasseParent li a,.listeClasseEmploi li a{
    color:#4d5f82;
    text-decoration:none;
    text-transform:uppercase;
    font-weight:bold;
    padding: 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
.listeClasses li a:hover,.listeClasses2 li a:hover{
    color:#5D5959;
}
.listeClasses2 #nom_lecteur_connecter,.listeGestionClasse #nom_lecteur_connecter,.listeClasseParent #nom_lecteur_connecter,.listeClasseEmploi #nom_lecteur_connecter{
    display:none;
}
.listeGestionClasse{


}
.ui-tooltip {
    border: 2px solid white!important;
    background: #111!important;
    color: white!important;
    border-radius: 4px!important;
    font-size: 14px!important;
    font-weight: bold;
}


.listeDepartement{
    padding: 5px;
}
.listeDepartement li{
    display: inline-block;
    margin: 10px;
    text-transform: uppercase;
}
.listeDepartement li a:hover{
    color: #2cb1a0!important;
}
#listeDepartement a{
    text-decoration: none;
    color: #88A0B9;
}

#loading,#loading{
    display: none;
}


.departements_classes23,
.departements_classes3,
.listeClasseParent,
.listeClasses,
.departements_classes2,
.listeClasseEmploi,
.departements_classes,
.listeGestionClasse{
    display: none;
}
.uppercase{
    text-transform: uppercase!important;
}