@charset "utf-8";
/* CSS Document */

body
{
    
    position: relative;
    background-image: url("/img/logo_creil_2bis.jpg");
    width: 100%;
	margin: 0px auto 0px auto;
	min-width:600px;
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-position: top left; 	
   

}
.servFormReponse{ 				/*utilisé dans la page recherche d'une demande*/'
	position: relative;
	display: inline-block;
	top: 75px;
	
	height: auto;
	text-align: center;
	margin: 0 auto;
	z-index: 0;

}
.formReponse, .formEtat
{
	top: 85px;
	position: relative;
	display: inline-block;
	text-align: center;
	min-width: 70%;
	width: 100%
	height: 80%;
	margin: 0 auto;
	text-align: left;
}

.formEtat
{
	background-image: url("/img/PC3.jpg");

}

.help
{
	position: relative;
	margin-right: 9em;
	float: right;
}

.retour
{
z-index: >0;
text-align: center;
font-weight: bold;
margin-top: -165px;
float: right;
}

.texteRetour
{
position: relative;
z-index: 2;

margin-top:1em;
margin-right: 2em;
text-align: right;
font-weight: bold;
color:red;
float: right;

}
.retour a
{
	color: red;
	
	padding-right: 4px;
}
.sectionRecherche{
	position: relative;
	
	background-image: url("/img/bonhomme_recherche.png");
	height: 200%;
	z-index: 3;
	top: 5em;
	left: 2em;
	border: 1px solid;
	padding-top: 2em;
	background-position: top center;
	background-repeat: no-repeat;
}

.Version
{
	position: relative;
	top: 20px;
	margin-top: auto;
	margin-left: 20px;
	font-size: 14px;
	text-align: left;
	margin-left: 15%;
	
	width: 650px;
	height: 600px;
	
	
}


.sectionAcceuil
{
	
	position: absolute;
	top: 20px;
	margin-top: auto;
	margin-left: 0px;
	
	background-image: url("/img/PC2.jpg");
	background-size:100% 100% ;
	background-repeat: no-repeat;
	max-width: 100%;

	
	width: 950px;
	height: 600px;
	
	padding-top: 10px;
	padding-bottom: 40px;

}
.conteneurBouton
{
	display: inline-block;
	position: relative;
	text-align:left;
	margin-left: 10em;
	padding-top: 1em;
	width: 100%;
	z-index: 2;
}

section
{
	top: 75px;
	position: absolute;
	display: inline-block;
	margin-top: 2%;
	left:15%;
	background-image: url("/img/PC.jpg");
	background-size:100% 105% ;
	background-repeat: no-repeat;
	max-width: 120%;
	z-index: 1;
	
	width: 1000px;
	
	padding-top: 40px;
	padding-bottom: 40px;
}

.sectionService
{
	top: 75px;
	position: absolute;
	display: inline-block;
	margin-top: 2%;
	left:15%;
	background-image: url("/img/PC_service.jpg");
	background-size:100% 105% ;
	background-repeat: no-repeat;
	max-width: 120%;
	z-index: 1;
	
	width: 1000px;
	
	padding-top: 40px;
	padding-bottom: 40px;
}
.divReponseHome
{
	position: relative;
	margin-top:5em;
	background: transparent;
	width: 100%;
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	z-index: 3;
}
.divAffichageService
{
	position: relative;
	
	background: transparent;
	
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	z-index: 3;
}

.divAffichageEcole
{
	position: relative;
	margin-top:3em;
	background: transparent;
	width: 100%;
	font-weight: bold;
	font-size: large;
	text-align: center;
	z-index: 3;
}


fieldset
{
	background-color: #e9e7e6;
	padding-top: 1px;
	padding-bottom: 3px;
 	border:1px solid black;
 	width: 60%;
 	margin-left: 30px;
 	margin-right: 30px;
 	margin-top: 15px;
 	
 	border-radius: 5px;
}

legend
{
	 position: relative;
	 top:-8px;
	font-weight: bold;
	padding: 10px 10px;
}

.Envoyer, .Retour, .choixEtat
{
	margin-left: 2.1em;
	margin-bottom: 15px;
	margin-top: 20px;
	width: 10em;
	height: 2em;
	border: 2px solid black;
	border-radius: 5px;
	cursor: pointer;
	display: block;
	float: left;
	box-shadow: 4px 4px 2px #585858;	
}

.choixEtat
{
	width: 200px;
	height: 15em;
	font-weight: bold;

	
}

.Deconnexion
{
	
	height: 70px;
  	width:120px;
  	background-position: right;
  	float: right;
  	padding-right: 2em;
  	
}
.DeconnexionAcceuil
{
	
	height: 60px;
  	width:100px;
  	background-position: bottom right;
  	padding-right: 9em;
  	margin-bottom: 1em;
  	float: right;
  	
}

.sectionAcceuil
{
	
	position: relative;
	text-align: center;
	
	
	background-image: url("/img/PC2.jpg");
	background-size:100% 105% ;
	background-repeat: no-repeat;
	max-width: 100%;

	margin-bottom: 20px;
	width: 950px;
	height: 600px;
	
	padding-top: 40px;
	padding-bottom: 70px;

}

.bouton a {
display:block;
width:200px;
line-height:200px;
text-align:center!important;
border: 4px solid grey;
border-radius: 10px;
vertical-align:middle;
background:url("/img/bonhomme_creation_demande2.png") no-repeat;
background-size: 200px 200px;
box-shadow: -10px 10px 5px grey;
color:white;
text-decoration:none;
float:left;
margin:1em;
}

.alerte-img-texte {
    text-align: left;
    margin-left: 1.8em;
    
}
.img-texte  {
    overflow:auto;
    color:red;
    font-size: 1.3em;
    font-family: script mt;
    display: inline-block;
}
.img-texte img {
    float:right;
    margin-left:7px;
    width:7%;
}
.bouton
{
	margin-top: -4em;
	margin-left: 15em;
}

.bouton a:hover {
border: 2px solid grey;
background:url("/img/bonhomme_creation_demande2.png") no-repeat ;
background-size: 200px 200px;
box-shadow: -20px 20px 5px grey;
background-image:linear-gradient();
}

.bouton2 a {
display:block;
width:200px;
line-height:200px;
text-align:center!important;
border: 4px solid grey;
border-radius: 10px;
vertical-align:middle;
background:url("/img/bonhomme_edition_demandes.png") no-repeat;
background-size: 200px 200px;
box-shadow: 10px 10px 5px grey;
color:white;
text-decoration:none;
float:left;
margin:1em;
}
.bouton2 a:hover {

border: 2px solid grey;
background:url("/img/bonhomme_edition_demandes.png") no-repeat ;
background-size: 200px 200px;
box-shadow: 20px 20px 5px grey;
background-image:linear-gradient();
}

.boutonDemandesCloturees, .boutonDemandesEnCours, 
.boutonDemandesSansReponse, .boutonToutesDemandes, 
.boutonChercherDemande, .boutonDemandesATraiter, .boutonModifDemande
{

background-repeat:no-repeat;
text-decoration:none;
border: 2px solid grey;
height: 200px;
width: 200px;
box-shadow: -10px 10px 5px grey;
margin-right: 15px;
margin-left: 15px;
margin-top: 25px;
border-radius: 15px;
}

.boutonDemandesCloturees
{
	background-image:url('/img/demandesCloturees.png');
}


.boutonDemandesEnCours
{
	background-image:url('/img/demandesEnCours.png');

}

.boutonModifDemande
{
	background-image:url('/img/modifDemande.png');

}

.boutonChercherDemande
{

background-image:url('/img/rechercheDemandes.png');

}

.boutonDemandesSansReponse
{
	background-image:url('/img/demandesSansReponse.png');
	background-color: none;
}

.boutonToutesDemandes
{
	background-image:url('/img/ToutesDemandes.png');
}

.boutonDemandesATraiter
{
	background-image:url('/img/demandesAtraiter.png');
}
.sectionAcceuil .explication
{
	clear: both;
	color: black;
	font-size: 1.5em;
	text-align: center;

}

.conteneur_marquee
{
	display: block;
	margin: 2em auto;
	overflow: hidden;
	position: relative;
	table-layout: fixed;
	width: 680px;
	height: 50px;
	
	font-size: 2em;
}
footer
{
	position: relative;
	height: 5em;
	border:none;
	background-color:#0033A0;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	border-radius: 10px;
	text-align: center;
	color: white;
	font-family: "Trebuchet MS", Segoe, "Segoe UI", "DejaVu Sans",  Verdana, "sans-serif"
}

.footerTextTitle
{
	position: relative;
	line-height: 50px;
	font-size: 1.5em;
	font-weight: bold;	

}

.footerVersion 
{
	color: white;
}

.imageReponseHome
{
	margin-top: 18em;

}


td, th {
    border: 1px solid rgb(190, 190, 190);
    table-layout: fixed; 
    text-align: center;
}

td {
    text-align: center;
    width: 7em;
}

.tdLeftAlign
{
	text-align: left;
	width: 15%;
}

.tdDescription, .tdLeftAlign
{
	
	padding-left: 5px;
	padding-right: 5px;
	
}

.tdDescription{
	text-align: justify;
	width: 50%;
}
.tdDesWithoutRep{
	width: auto;
	text-align: justify;
}

tr:nth-child(even) {
    background-color: #eee;
}
tr:nth-child(odd) {
    background-color: #eef;
}
th[scope="col"] {
    background-color: #696969;
    color: #fff;
    padding: 10px;
}
caption {
    padding: 10px;
    caption-side: top;
    font-size: 20px;
    font-weight: 900;
}

table {
    border-collapse: collapse;
    border: 2px solid rgb(200, 200, 200);
    letter-spacing: 1px;
    font-family: sans-serif;
    font-size: .8rem;
    margin-left: 5px;
    margin-right: 5px;
}

 .tdHomeStates
{
	float: left;
	color: none;
	text-align: center;
}

.affichageEcole
{
	border-radius: 5px;
	font-size: large;
	
}