/* =Formulaire
-------------------------------------------------------------- */

form#admin { margin-top:30px; }
form#admin h2 { margin:40px 0 20px 0; }
form#admin .box {
	overflow:hidden;
	padding:0 20px 20px 20px;
}
form#admin .box + .box {
	padding:20px;
	border-top:1px solid #d8d8d8;
}
form#admin .box .label {
	width:100%;
	font-size:14px;
	color:#41403e;
	font-weight:bold;
}
form#admin .box .form {
	width:100%;
	margin-top:10px;
}
form#admin .box .form ul,
form#admin .box .form p {
	margin-top:10px;
	font-size:12px;
	clear:both;
}

form#admin .aide {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 20px; height: 20px;
	line-height: 20px;
	background-color: #404040;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	font-style: normal;
	font-weight: 700;
}
form#admin .aide span {
	position: absolute;
	bottom:100%; left:100%;
	padding: 10px;
	display: none;
	color: #fff;
	background-color: rgba(0,0,0,.7);
	white-space: nowrap;
	border-radius: 5px;
}
form#admin .aide:hover span {
	display: block;
}

/* =Form
-------------------------------------------------------------- */
/* cke_corps */
#cke_corps { margin:0 auto; }

/* Général */
form#admin input[type="text"],
form#admin input[type="email"],
form#admin input[type="password"],
form#admin textarea,
form#admin select {
	width:100%;
	padding:3px 5px;
	border:1px solid #bec5d5;
}

form#admin input[type="radio"],
form#admin input[type="checkbox"] {
	float:left;
	margin-top:2px;
	margin-bottom:5px;
	clear:both;
}
form#admin input[type="radio"] + label,
form#admin input[type="checkbox"] + label {
	float:left;
	margin-left:5px;
}



/* datepicker */
form#admin input.date  { float:left; width:100px; }
form#admin input.time  { width:50px; }
form#admin img.ui-datepicker-trigger,
form#admin input.time,
form#admin input.addPeriode {
	float:left;
	margin-left:5px;
	clear:none;
}
form#admin input.comment {
	display:block;
	margin-top:5px;
}

/* Submit */
#submit input {
	border:1px solid #b82d30;
	background:#b82d30;
	color:#fff;
	font-weight:bold;
	padding:3px 5px;
	cursor:pointer;
	-webkit-box-shadow:inset 0px 0px 1px 0px #fff;
	   -moz-box-shadow:inset 0px 0px 1px 0px #fff;
			box-shadow:inset 0px 0px 1px 0px #fff;
}
#submit input:hover { background:#80191a; }

/* Action File */
form#admin input.actionOrdinateur,
form#admin input.actionURL,
form#admin input.actionFotolia,
form#admin input.actionBibliotheque {
	height:25px;
	padding:0 10px 0 25px;
	margin-right:5px;
	border:1px solid #000;
	background:#aebcbf;
	background:url('/imgs/keeoWeb/sprite-image.jpg') 0 0 no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
	overflow:hidden;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
form#admin input.actionOrdinateur[type="button"] {
	background-position:-5px 0;
}
form#admin input.actionURL[type="button"] {
	background-position:-115px 0;
}
form#admin input.actionFotolia[type="button"] {
	background-position:-225px 0;
}
form#admin input.actionBibliotheque[type="button"] {
	background-position:-370px 0;
}

/* File */
form#admin .insertHtml { margin-top:20px; }
form#admin .file {
	display:inline-block;
	position:relative;
	width:150px;
	min-height:210px;
	margin-right:15px;
	margin-bottom:15px;
	padding:5px;
	border:1px solid #e4e4e4;
	background:#fff;
	text-align:center;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
form#admin  .placeholder {
	display:inline-block;
	width:150px;
	min-height:210px;
	margin:0 15px 15px 0;
	border:1px solid #ababab;
	background:#ccc;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
form#admin .file h3 {
	margin:10px 0;
	font-size:15px;
}
form#admin .file div {
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
}
form#admin .file div img {
	cursor:pointer;
}

/*
form#admin .file div.h3 {
	position:relative;
	bottom:auto;
	left:auto;
	right:auto;
	margin:10px 0;
	text-align:center;
	overflow:hidden;
	border:1px solid #ababab;
	font-size:15px;
}
form#admin .file div.h3 input {
	float:left;
	border:0;
	height:20px;
}
form#admin .file div.h3 input[type="text"] {
	width:110px;
}
form#admin .file div.h3 input[type="button"] {
	width:25px;
	background:#ababab;
	color:#fff;
	float:right;
}
*/

/* =Erreur
-------------------------------------------------------------- */

form#admin #error {
	margin-bottom:30px;
}
form#admin .error {
	color:red;
}
form#admin input.error,
form#admin textarea.error,
form#admin select.error {
	border:1px solid red;
}

/* =Popup
-------------------------------------------------------------- */
#formPopUp {
	background:#f1f1f1;
	overflow:hidden;
}
#formPopUp h2 {
	margin:10px 20px;
	color:#CE1316;
}
#formPopUp .blockForm {
	margin:10px 20px;
	overflow:hidden;
	position:relative;
}
#formPopUp .floatLeft {
	float:left;
	clear:none;
	overflow:hidden;
	width:160px;
	min-height:90px;
}
#formPopUp .floatLeft div {
	margin-top:2px;
	overflow:hidden;
}
#formPopUp  .floatLeft.large {
	width:300px;
}
#formPopUp  .floatLeft input {
	float:left;
	margin-top:2px;
}
#formPopUp  .floatLeft label {
	position:relative;
	display:block;
	float:left;
	margin-left:5px;
	padding-left:20px;
	cursor:pointer;
	font-weight:bold;
	font-size:12px;
	width:130px;
	vertical-align:top;
	height:16px;
	line-height:16x;
}
#formPopUp  .floatLeft label img {
	position:absolute;
	bottom:0; left:0;
}
#formPopUp  .floatLeft.large label {
	margin-right:10px;
	width:100px;
}
#formPopUp .floatLeft.large select,
#formPopUp .floatLeft.large input {
	width:60%;
	padding:0 5px;
	border:1px solid #bec5d5;
}
#formPopUp .blockButton {
	margin:10px 20px;
	overflow:hidden;
}

#formPopUp .insertHtmlBibliotheque,
#formPopUp .insertHtmlFotolia {
	margin:15px 0 15px 15px;
	text-align:center;
}
#formPopUp .insertHtmlBibliotheque .img,
#formPopUp .insertHtmlFotolia .img {
	cursor:url("/javascript/highslide/graphics/zoomin.cur"), pointer;
}

/* File */
#formPopUp .file {
	display:inline-block;
	position:relative;
	width:150px;
	min-height:210px;
	margin-right:15px;
	margin-bottom:15px;
	padding:5px;
	border:1px solid #e4e4e4;
	background:#fff;
	text-align:center;
	overflow:hidden;
	-webkit-border-radius:10px;
	   -moz-border-radius:10px;
			border-radius:10px;
}
#formPopUp .file h3 {
	margin:10px 0;
	font-size:15px;
}
#formPopUp .file div {
	position:absolute;
	bottom:10px;
	left:0;
	right:0;
	text-align:center;
}

/* =Captcha
-------------------------------------------------------------- */
#admin .antirobot_checkbox { display:block; overflow:hidden; }
#admin .antirobot_checkbox input { clear:none !important; }
#admin .antirobot_checkbox input + input { margin-left:10px; }
#admin .antirobot_question { color:red; }


/* =Colonne
-------------------------------------------------------------- */
.col_eq2 {
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
}
.col_eq3 {
	-webkit-columns:3;
	-moz-columns:3;
	columns:3;
	-webkit-column-gap:30px;
	-moz-column-gap:30px;
	column-gap:30px;
}