@charset "utf-8";
/* CSS Document */
/* Règles communes aux formulaires newPage et pageManager */

/*
body {
	background-color: #390203;
	min-height: 100vh;
}
*/
form.pageManagerForm, form.newPageForm {
	width: 75%;
	margin: 0 auto;
	font-size: 1.1em;
	font-family: "Comic Sans MS", Script, sans-serif;
}

form.pageManagerForm select, form.newPageForm select {
	position: relative;	/* pour le positionnement des icones ? */
	width: 30%;
	padding: 5px;
	border-radius: 5px;
}
form.pageManagerForm input, form.newPageForm input , 
form.pageManagerForm select, form.newPageForm select , 
form.pageManagerForm textArea, form.newPageForm textArea {
	margin-top: .2em;
	background-color: #F8DAC4;
	font-size: 90%;
}

form.pageManagerForm select + a, form.newPageForm select + a {		/* positionnement de l'icone ? */
	position: relative;
	top: .6em;
}

form.pageManagerForm label, form.newPageForm label {
	display: inline-block;
	width: 30%;
	text-align: right;
	margin: 10px;
	background-color: #DCE9E4;
	padding-right: .3em;
}

form.pageManagerForm input[type=text], form.newPageForm input[type=text], 
form.pageManagerForm input[type=password], form.newPageForm input[type=password],
form.pageManagerForm input[type=number], form.newPageForm input[type=number] {
	width: 30%; 
	padding: 5px;
	border-radius: 5px;
}
form.pageManagerForm input[type=number], form.newPageForm input[type=number] {
	width: 7%; 
}

form.pageManagerForm textarea, form.newPageForm textarea {
	width: 45%;
	resize: vertical;
	min-height : 5em;
	max-height : 10em;
	font-size: 1.1em;
	border-radius: 8px;
	vertical-align: middle;
}

form.pageManagerForm input[type=text]:focus, form.newPageForm input[type=text]:focus,
form.pageManagerForm input[type=password]:focus, form.newPageForm input[type=password]:focus,
form.pageManagerForm input[type=number]:focus, form.newPageForm input[type=number]:focus,
form.pageManagerForm select:focus, form.newPageForm select:focus,
form.pageManagerForm textarea:focus, form.newPageForm textarea:focus {
	background: #EEEEEE;
}

form.pageManagerForm .button, form.newPageForm .button {
	font-size: 1em;
	border-radius: 8px;
	padding: 6px;
	margin-left: 55%;
	margin-top: 1.5em;
	margin-bottom: .8em;
	border: 1px solid hsla(279,11%,75%,1.00);
	box-shadow: 0 1px 0 0 hsla(276,30%,67%,1.00) inset;
	background-color: rgba(211,227,237,1.00); /* For browsers that do not support gradients */
	background-image: linear-gradient(#BCB7BF, #E7E5E9, #BCB7BF); /* Standard syntax (must be last) */
}
form.pageManagerForm .button:hover, form.newPageForm .button:hover {
	background-color: hsla(276,2%,48%,1.00); /* For browsers that do not support gradients */
	background-image: linear-gradient(#BDB9BF, #443F47, #BDB9BF); /* Standard syntax (must be last) */
	color: hsla(274,30%,95%,1.00);
}
form.pageManagerForm fieldset, form.newPageForm fieldset {
	margin-left: 2em;
	margin-right: 1em;
	color: #F1EEA4;
}
form.pageManagerForm fieldset label, form.newPageForm fieldset label {
	color: #150483;
}
form.pageManagerForm fieldset.canvasFlag, form.newPageForm fieldset.canvasFlag {
	display: none;
	width: 70%;
}
form.pageManagerForm #tpl_supp, form.newPageForm #tpl_supp {	/* template supplémentaire */
	margin-top: .8em;
	margin-left: 15%;
	display: inline-block;
}
form.pageManagerForm #tpl_sup, form.newPageForm #tpl_sup {	/* suppression template */
	margin-top: .8em;
	margin-left: 15%;
	display: none;
}
		/* ================================ */
		
@media only screen and (max-device-width:1000px) {
	form.pageManagerForm, form.newPageForm {
		width: 100%;
	}
}
@media only screen and (max-device-width:400px) {
}
@media only screen and (max-width:1000px) {
	form.pageManagerForm, form.newPageForm {
		width: 100%;
	}
@media only screen and (max-width:480px) {
}