/**
 * Style non présent dans la charte graphique initiale
 * @author Julien Pommier (Idoine)
 * @since 11/05/2015
 */

/*** Infobulles d'aide ***/
.help_input {
	background: url("../img/administrateur.png") no-repeat scroll 0 3px transparent;
	display: inline-block;
	height: 20px;
	margin-left: 10px;
	padding-top: 3px;
	position: relative;
	vertical-align: top;
	width: 24px;
}

.help_info {
    background: url("../img/information.png") no-repeat scroll 0 3px transparent;
    display: inline-block !important;
    height: 40px;
    margin-left: 10px;
    padding-top: 3px;
    position: relative;
    vertical-align: top;
    width: 24px;
}

/* Mot de passe oublié */
.mdpoublie-form {
	width : 400px;
}
.mdpoublie-form label {
	font-size  	: 1.2em;
	cursor 		: default;
}
.mdpoublie-form input[type=text] {
	border 		: 1px solid #8A8888;
	font-size 	: 1.16em;
	margin 		: 0 !important;
	padding 	: 10px !important;
	width		: 100%;
	display 	: block;
}
.mdpoublie-form .form-row:nth-child(3) {
	background  	: #e0e0e0;
	border-radius 	: 4px;
	padding 		: 4px;
}
.mdpoublie-form .form-row:nth-child(3) input[type=text] {
	width : 180px !important;
}

.mdpoublie-form input[type=submit] {
	padding			: 10px 25px !important;
	font-size 		: 1.3em;
}

/* Bouton afficher + */
span.no-more {
	padding		: 0 10px !important;
	cursor 		: default !important;
}
.btn-label-icon.no-more::before {
	background	: none !important;
}

/**
 * Bouton remonter en haut de page
 */
#header-top {
	background-image	: url("../img/gototop.png");
	bottom				: 120px;
	cursor				: pointer;
	height				: 60px;
	position			: fixed;
	right				: 10px;
	width				: 60px;
}

/**
 * Classes pour les coordonnées des établissements (page inscription collectivité)
 */

#tooltip{
	position:absolute;
	border:1px solid #b6b6b6;
	background:#222533;
	padding: 0.5em;
	color: #fff;
	font-size: 1.1em;
	font-family: inherit;
	display:none;}
.tooltip img {vertical-align:middle;}
a.tooltip {display:inline !important}

.todo {
	background-color: #ffd5a9;
}
.ok {
	background-color: #92bb35;
}

.clearButton{
	border: none;
	background: none;
	font-size: 15px;
	cursor: pointer;
	color: #888;
}

.popupfontsize{
	font-size: 1.3em !important
}

.edit-btn{
	width: 16px;
	height: 16px;
}

.select-all{
	height: 40px !important;
}


.op-flex {
	display: flex;
	margin-bottom: 1em;
	font-size: 1.2em;
	text-decoration: underline;
}
.op-justify-between{
	justify-content: space-between;
}

/**
 * Classes génériques
 */
.bcg {background-color: #ccc !important;}
.bcw {background-color: white;}
.cd		{ cursor			: default;}
.ch		{ cursor			: help;}
.cor	{ color				: orangered;}
.cg		{ color				: #555;}
.cp		{ cursor			: pointer !important;}
.cr		{ color				: Red;}
.cw		{ color				: White;}
.cgreen	{ color				: green;}
.center { text-align 		: center;}
.db		{ display			: block !important;}
.di		{ display			: inline;}
.dib	{ display			: inline-block;}
.dn		{ display			: none;}
.fl 	{ float				: left;}
.fr 	{ float				: right;}
.ffi	{ font-family 		: inherit !important;}
.fsi 	{ font-size			: inherit !important;}
.fs0_8em{ font-size			: 0.8em !important;}
.fs1_0em{ font-size			: 1.0em;}
.fs1_2em{ font-size			: 1.2em;}
.fs1_3em{ font-size			: 1.3em;}
.fs11px	{ font-size			: 11px;}
.fs12px	{ font-size			: 12px;}
.fs13px	{ font-size			: 13px;}
.fwn	{ font-weight		: normal;}
.fwb	{ font-weight		: bold;}
.flex 	{ display: flex; flex-wrap: wrap; justify-content: center;}
.h40	{ height			: 40px;}
.h100	{ height			: 100px;}
.h400	{ height			: 400px;}
.left0i	{ left 				: 0 !important;}
.lh2 	{ line-height: 2em;}
.m0 	{ margin 			: 0;}
.m-auto { margin 			: 0 auto;}
.mb-5	{ margin-bottom		: -5px !important;}
.mb0	{ margin-bottom		: 0 !important;}
.mb5	{ margin-bottom		: 5px !important;}
.mb10	{ margin-bottom		: 10px;}
.mb20	{ margin-bottom		: 20px;}
.ml5	{ margin-left		: 5px;}
.ml10	{ margin-left		: 10px;}
.ml17	{ margin-left		: 17px;}
.ml300	{ margin-left		: 300px;}
.ml320	{ margin-left		: 320px;}
.mlm170 { margin-left		: -170px;}
.mr5	{ margin-right		: 5px;}
.mr10	{ margin-right		: 10px;}
.mr30	{ margin-right		: 30px;}
.mt0	{ margin-top 		: 0; }
.mt5	{ margin-top 		: 5px; }
.mt10	{ margin-top 		: 10px; }
.mt15	{ margin-top 		: 15px; }
.no-borders { border: 0; }
.pii 	{ position			: initial !important;}
.pinhi 	{ position			: inherit !important;}
.pfi 	{ position			: fixed !important;}
.pui 	{ position			: unset !important;}
.psi 	{ position			: static !important;}
.pf 	{ position			: fixed;}
.pr		{ position			: relative;}
.p5		{ padding			: 5px !important;}
.p10	{ padding			: 10px !important;}
.p15	{ padding			: 15px !important;}
.pb5	{ padding-bottom	: 5px;}
.pb8	{ padding-bottom	: 8px;}
.pb10	{ padding-bottom	: 10px;}
.pb20	{ padding-bottom	: 20px;}
.pb30	{ padding-bottom	: 30px;}
.pb50	{ padding-bottom	: 50px;}
.pb60	{ padding-bottom	: 60px;}
.pb70	{ padding-bottom	: 70px;}
.pb80	{ padding-bottom	: 80px !important;}
.pb90	{ padding-bottom	: 90px;}
.pb100	{ padding-bottom	: 100px;}
.pb120	{ padding-bottom	: 120px;}
.pl5	{ padding-left		: 5px;}
.pl10	{ padding-left		: 10px;}
.pl30	{ padding-left		: 30px;}
.pl90	{ padding-left		: 90px;}
.pr5	{ padding-right		: 5px;}
.pr30   { padding-right		: 30px;}
.pt0	{ padding-top		: 0 !important;}
.pt3	{ padding-top		: 3px !important;}
.pt4	{ padding-top		: 4px !important;}
.pt5	{ padding-top		: 5px !important;}
.pt10	{ padding-top		: 10px;}
.pt20	{ padding-top		: 20px;}
.pt40	{ padding-top		: 40px;}
.pt50	{ padding-top		: 50px;}
.pt80	{ padding-top		: 80px;}
.tac 	{ text-align		: center;}
.left 	{ text-align 		: left;}
.tar 	{ text-align		: right;}
.tdu	{ text-decoration	: underline;}
.vab	{ vertical-align	: bottom;}
.vam	{ vertical-align	: middle;}
.vat	{ vertical-align	: top;}
.vh		{ visibility		: hidden;}
.vv		{ visibility		: visible;}
.w15p	{ width				: 15%;}
.w20p	{ width				: 20%;}
.w24p	{ width				: 24%;}
.w25p	{ width				: 25%;}
.w30p	{ width				: 30%;}
.w33p	{ width				: 33%;}
.w40p	{ width				: 40%;}
.w70p	{ width				: 70%;}
.w75p	{ width				: 75%;}
.w80p	{ width				: 80%;}
.w100p	{ width				: 100%;}
.w40	{ width				: 40px !important;}
.w100	{ width				: 100px !important;}
.w150	{ width				: 150px !important;}
.w200	{ width				: 200px !important;}
.w250	{ width				: 250px !important;}
.w300	{ width				: 300px !important;}
.w350	{ width				: 350px !important;}
.w400	{ width				: 400px !important;}
.w500	{ width				: 500px !important;}
.w600	{ width				: 600px !important;}
.w700	{ width				: 700px !important;}
.w800	{ width				: 800px !important;}
.w850	{ width				: 850px !important;}
.wspn    { white-space: normal !important;}
.wspw    { white-space: nowrap !important;}
.zi1	{ z-index			: 1;}
.zi10	{ z-index			: 10;}
.zimax	{ z-index			: 99999;}