body {
	background: url(/images/layout/body.gif) top repeat-x #b7d4b4;
	color: #62747B;
}

h1,h2,h3 {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
}

.headwrap {
	height: 145px;
	width: 1004px;
	margin: 0 auto 10px;
	background: url(/images/layout/headwrap-trans.png) bottom no-repeat;
}

.header {
	position: relative;
}

.login .container_12 {
	margin-top: 10px;
}

.lileft {
	width: 49%;
	float: left;
}

.liright {
	width: 49%;
	float: right;
}

#logokidscool {
	left: 0px;
	position: absolute;
	top: 5px;
	z-index: 2;
}

.logo h1 {
	float: left;
	color: #0Aa5a0;
	text-shadow: 1px 1px #BAE9F8;
	margin-right: 10px;
	margin-top: 15px;
}

.logo h1 a {
	color: #0Aa5a0;
}

.logo h1 a:hover {
	color: #6699cc;
}

p.viewsite {
	margin: 30px 0 0 0;
}

p.viewsite a {
	padding: 7px 11px;
	background: #FF66CC;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	color: #006699;
	text-decoration: none;
	border: 1px solid #FFF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); /* FF3.5+ */
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9);
	/* Saf3.0+, Chrome */
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.9); /* Opera 10.5, IE 9.0 */
}

p.viewsite a:hover {
	background: #F5AADD;
	color: #0099CC;
}

.logged-in {
	background: #d7e946;
	border: 1px solid #FFF;
	color: #003366;
	margin-top: 5px;
	padding: 5px 5px;
	font-size: 12px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

.logged-in a.logout {
	float: right;
	padding-left: 15px;
	background: url(/images/icons/logout-trans.png) left no-repeat;
}

.logged-in a {
	color: #0A05a0;
	font-weight: bold;
	text-decoration: none;
}

.logged-in a:hover {
	color: #6699cc;
	font-weight: bold;
	text-decoration: underline;
}

.nav {
	position: absolute;
	left: 0;
	top: 90px;
	margin: 0 30px;
	font-size: 16px;
	font-weight: bold;
}

.ddsmoothmenu {
	background-color: #4b94d2;
	width: auto;
	float: left;
}

.ddsmoothmenu ul {
	z-index: 100;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	display: inline;
	float: left;
	margin: 0 2px 0 0;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block;
	background: url(/images/layout/nav-a.jpg) bottom repeat-x;
	/*background of menu items (default state)*/
	padding: 12px 18px 13px 18px;
	text-decoration: none;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.1);
	color: #D8EBF3;
}

* html .ddsmoothmenu ul li a {
	/*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a:link,.ddsmoothmenu ul li a:visited {
	color: #D8EBF3;
}

.ddsmoothmenu ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	background: url(/images/layout/nav-a-hover.jpg) bottom repeat-x;
	color: #fff;
}

.ddsmoothmenu ul li a:hover {
	background: url(/images/layout/nav-a-hover.jpg) bottom repeat-x;
	/*background of menu items during onmouseover (hover state)*/
	color: #fff;
}

.ddsmoothmenu ul ul li a {
	background: none;
	font-size: 12px;
}

.ddsmoothmenu ul ul li a.selected {
	/*CSS class that's dynamically added to the currently active menu items' LI A element*/
	color: #fff;
	background: none;
}

.ddsmoothmenu ul ul li a:hover {
	color: #fff;
	background: none;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	position: absolute;
	left: 0;
	display: none; /*collapse all sub menus to begin with*/
	visibility: hidden;
	padding: 0 0 10px 0;
	background: url(/images/layout/dropdown.jpg) #63A0DC;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	display: list-item;
	float: none;
	margin-right: 0;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	width: 160px; /*width of sub menus*/
	padding: 10px 18px;
	margin: 0;
	border-top-width: 0;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/

/* ######### CSS classes applied to down and right arrow images  ######### */
.downarrowclass {
	position: absolute;
	top: 12px;
	right: 7px;
}

.rightarrowclass {
	position: absolute;
	top: 6px;
	right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
}

.main {
	width: 996px;
	margin: 0 auto;
	border: 2px solid #fff;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	/* FF3.6 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5),
		color-stop(1, #ffffff) ); /* Saf4+, Chrome */
	filter: progid:  DXImageTransform.Microsoft.gradient(  startColorstr= 

		'#ffffff', endColorstr=  '#f5f5f5' ); /* IE6,IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5')";
	/* IE8 */
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-top: 25px;
	font-size: 120%;
}

.welcome strong,a {
	color: #6C9637;
	text-decoration: none;
	
}

.memo a
{
	font-size: 10px;
}

th a,td a {
	color: #3399FF;
	text-decoration: none;
}

ul.toolbar {
	margin: 0 0 20px 0;
	padding: 15px 0;
	background: url(/images/layout/whitegrad-trans.png) top no-repeat;
	height: 140px;
	clear: left;
	border: 1px solid #E6E6E6;
	border-left: none;
	border-right: none;
}

ul.toolbar li {
	padding: 0;
	width: 140px;
	height: 140px;
	text-align: center;
}

ul.toolbar li a {
	display: block;
	height: 125px;
	padding: 15px 0 0 0;
	width: 140px;
	background: url(/images/layout/toolbar-a-trans.png) center no-repeat;
	position: relative;
	outline: none;
	text-shadow: 1px 1px #fff;
}

ul.toolbar li a:hover {
	background-position: top;
}

ul.toolbar li a:active {
	background-position: bottom;
	outline: none;
	padding: 16px 0 0 0;
	height: 124px;
}

ul.toolbar li a span {
	display: block;
	position: absolute;
	bottom: 10px;
	width: 140px;
}

ul.toolbar li a:active span {
	bottom: 9px;
}

.content-box {
	background: #fff;
	border: 1px solid #E6E6E6;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	padding: 15px;
	margin-bottom: 30px;
}

.content-boxNotConfirmed {
	background: #fff3d7;
	border: 5px solid #FDBBBA;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	padding: 20px;
	margin-bottom: 30px;
}

.sidebar .content-box {
	font-size: 80%;
}

.sidebar .content-box ul {
	margin-left: 0;
	margin-right: 0;
}

.sidebar .content-box ul li {
	margin-left: 0;
	margin-right: 0;
	list-style: none;
	padding: 5px 0;
	clear: both;
}

.content-box .content-header {
	border-bottom: 1px solid #E6E6E6;
	margin: -20px -20px 20px -20px;
	padding: 15px 20px;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	/* FF3.6 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5),
		color-stop(1, #ffffff) ); /* Saf4+, Chrome */
	filter: progid:  DXImageTransform.Microsoft.gradient(  startColorstr= 

		'#ffffff', endColorstr=  '#f5f5f5' ); /* IE6,IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5')";
	/* IE8 */
	text-shadow: 1px 1px #fff;
}

.content-headerAgain {
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	margin: -20px -20px 20px -20px;
	padding: 15px 20px;
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	/* FF3.6 */
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f5f5f5),
		color-stop(1, #ffffff) ); /* Saf4+, Chrome */
	filter: progid:  DXImageTransform.Microsoft.gradient(  startColorstr= 

		'#ffffff', endColorstr=  '#f5f5f5' ); /* IE6,IE7 */
	-ms-filter:
		"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5')";
	/* IE8 */
	text-shadow: 1px 1px #fff;
}

.content-box .content-header h3 {
	margin-bottom: 0;
}

.sidebar h4 {
	margin-bottom: 10px;
}

.sidebar a.delete,.sidebar a.edit {
	float: right;
}

.sidebar a.delete {
	padding: 2px 0 2px 2px;
}

.sidebar a.edit {
	padding: 4px;
}

h4 {
	color: #555;
}

table {
	border: 1px solid #C4E2F0;
}

th {
	background: url(/images/layout/thead.png) top repeat-x #ECF6FA;
	border: 1px solid #C4E2F0;
	border-right: none;
	color: #333;
	padding: 7px 10px;
	cursor: pointer;
}

th:hover {
	background-position: 0 -8px;
}

thead th {
	background: url(/images/layout/thead.png) top repeat-x #ECF6FA;
	border: 1px solid #C4E2F0;
	border-right: none;
	color: #333;
	padding: 7px 10px;
	cursor: pointer;
	vertical-align: top;
}

thead th:hover {
	background-position: 0 -8px;
}

th.headerSortDown span {
	background: url(/images/layout/desc-trans.png) right no-repeat;
	display: block;
}

th.headerSortUp span {
	background: url(/images/layout/asc-trans.png) right no-repeat;
	display: block;
}

table td {
	border: 1px solid #C4E2F0;
	border-right: none;
	border-top: none;
	vertical-align: top;
	padding: 7px 10px;
}


table td.selected {
	border: 1px solid #C4E2F0;
	border-right: none;
	border-top: none;
	background-color: #A9F9A9;
}

table td.contentSlider {
	text-align: center;
}

table tr.event td.selected {
	background-color: #A9F9A9;
}

table tr.event td {
	background: url(/images/layout/td-trans.png) top repeat-x #F9F9F9;
}

table td.required_text
{
	background-color: #9c60d4 !important;
}

.notice,.error,.success, .savoir {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.notice {
	padding-left: 40px;
	background: url(/images/icons/notice-trans.png) 10px 15px no-repeat
		#FFF6BF;
}

.error {
	padding-left: 40px;
	background: url(/images/icons/error-trans.png) 10px 15px no-repeat
		#FBE3E4;
}

.success {
	padding-left: 40px;
	background: url(/images/icons/success-trans.png) 10px 15px no-repeat
		#ccedab;
}

.savoir {
	padding: 15px 15px 15px 100px;
    background: url(/images/icons/savoir-trans.png) 5px 10px no-repeat #bfdbff;
    min-height: 80px;
    font-size: 16px;
}

.noticeSmall {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #FFF6BF;
	position: relative;
}

.errorSmall {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #FBE3E4;
	position: relative;
}

.successSmall {
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #ccedab;
	position: relative;
}

fieldset {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #fafafa;
	border: 1px solid #e6e6e6;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
}

.welcome .grid_7 a {
	border-bottom: 1px dotted #ccc;
}

label {
	font-style: italic;
	display: block;
	color: #999;
	text-shadow: 1px 1px #fff;
}

input,select {
	margin-bottom: 10px;
}

input,textarea,select {
	border: 1px solid #eee;
	background: #fff;
	padding: 6px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
}

input.required, input.required_text, 
textarea.required, textarea.required_text, 
select.required, select.required_text {
	border: 1px solid #9c60d4;
	background-color: #FFFAFA;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
}

input.Small {
	border: 1px solid #eee;
	background: #fff;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
	margin-bottom: 0px;
}

legend {
	border: 1px solid #e6e6e6;
	background: #fff;
	padding: 3px 8px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

button.button {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	padding: 5px;
	background: transparent;
	cursor: pointer;
}

button.button span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button.gif) 0 0 no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #333;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button:hover span {
	background: transparent url(/images/buttons/button_hover.gif) 0 0
		no-repeat;
}

button.button span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-green {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	padding: 5px;
	background: transparent;
	cursor: pointer;
}

button.button-green span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-green.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button-green:hover span {
	background: transparent url(/images/buttons/button-green_hover.gif) 0 0
		no-repeat;
}

button.button-green span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-green:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}


button.button-blue {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	padding: 5px;
	background: transparent;
	cursor: pointer;
}

button.button-blue span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-blue.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button-blue:hover span {
	background: transparent url(/images/buttons/button-blue_hover.gif) 0 0
		no-repeat;
}

button.button-blue span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-blue:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}


button.button-yellow, a.button-yellow {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 5px;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

button.button-yellow span, a.button-yellow span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-yellow.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button-yellow:hover span , a.button-yellow:hover span {
	background: transparent url(/images/buttons/button-yellow_hover.gif) 0 0
		no-repeat;
}

button.button-yellow span span, a.button-yellow span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-yellow:hover span span , a.button-yellow:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-saveAllPrevisionnel {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	float: right; 
	margin-right: 10px;  
	margin-top: 5px
}

button.button-saveAllPrevisionnel span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-saveAllPrevisionnel.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button-saveAllPrevisionnel:hover span {
	background: transparent url(/images/buttons/button-saveAllPrevisionnel_hover.gif) 0 0
		no-repeat;
}

button.button-saveAllPrevisionnel span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-saveAllPrevisionnel:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}


button.button-orange {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	padding: 5px;
	background: transparent;
	cursor: pointer;
}

button.button-orange span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-orange.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

button.button-orange:hover span {
	background: transparent url(/images/buttons/button-orange_hover.gif) 0 0
		no-repeat;
}

button.button-orange span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

button.button-orange:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

p.link a {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	margin-right: 2px;
}

p.link a span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button.gif) 0 0 no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #333;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

p.link a:hover span {
	background: transparent url(/images/buttons/button_hover.gif) 0 0
		no-repeat;
}

p.link span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

p.link a:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

p.link-yellow {
	overflow: visible;
	width: auto;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
	margin-right: 2px;
}

p.link-yellow a span {
	float: left;
	height: 27px;
	background: transparent url(/images/buttons/button-yellow.gif) 0 0
		no-repeat;
	padding: 0 0 0 8px;
	font: bold 12px/27px Arial, Helvetica, sans-serif;
	text-align: center;
	white-space: nowrap;
	color: #8B652D;
	text-shadow: 1px 1px #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 11px;
}

p.link-yellow a:hover span {
	background: transparent url(/images/buttons/button-yellow_hover.gif) 0 0
		no-repeat;
}

p.link-yellow span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

p.link-yellow a:hover span span {
	background-position: 100% 0;
	padding: 0 12px 0 4px;
}

p.titre {
	background: url(/images/layout/thead.png) top repeat-x #ECF6FA;
	border: 1px solid #C4E2F0;
	color: #333;
	padding: 7px 10px;
	cursor: pointer;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #eaeaea;
	border-left: 1px solid #eaeaea;
	width: 100%;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #eaeaea;
	border-left: none;
	margin-bottom: -1px;
	background: #fcfcfc;
	overflow: hidden;
	position: relative;
	font-size: 12px;
}

ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 18px;
	border: 1px solid #fff;
	outline: none;
}

ul.tabs li a:hover {
	background: #f6f6f6;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.tab_container {
	border: 1px solid #eaeaea;
	border-top: none;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
}

.tab_content {
	padding: 20px;
	font-size: 80%;
}

.popup .footer {
	padding: 10px 0;
}

.footer {
	padding: 30px 0 50px;
	color: #fff;
}

.footer .grid_2 {
	text-align: right;
}

#imrNameTop {
	margin-top: 10px;
	color: #003366;
	text-shadow: 1px 1px #CCFFFF;
	margin-right: 0px;
	font-size: 1.8em;
	text-align: left;
	width: 200px;
}

#imrNameTop a {
	color: #003366;
}

.dropdownSelectCreche {
	border: 1px solid #eee;
	background: #fff;
	padding: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px #fff;
	-webkit-box-shadow: 1px 1px #fff;
	box-shadow: 1px 1px #fff;
	font-size: 1em;
	margin: 0px;
}

#selectCreche {
	
}

.selectSmallGrey {
	border-color: #d2dbe5;
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	font-family: Verdana;
	font-size: 10px;
	background-color: #efefef;
	color: #a7a0a0;
	margin: 0px;
}

.selectSmall {
	border-style: solid;
	border-top-width: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 2px;
	font-family: Verdana;
	font-size: 10px;
	margin: 0px;
}

.layout-slider {
	width: 595px;
	padding-top: 14px;
	padding-bottom: 24px;
	padding-left: 15px;
	padding-right: 16px;
}

.layout-slider-small {
	width: 500px;
	padding-top: 14px;
	padding-bottom: 24px;
	padding-left: 15px;
	padding-right: 16px;
}

.heureSlider {
	width: 100%;
	text-align: center;
}

.textEtablissement {
	width: 636px;
	height: 60px;
	padding: 5px;
}

.enfantContratRegulierContainer {
	background-color: #cdfcf6;
	border: 1px solid #19d43c;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	vertical-align: middle;
}

.enfantContratUrgentContainer {
	background-color: #e7e9ec;
	border: 1px solid #d4d219;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	vertical-align: middle;
}

span.titre {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	padding: 7px 10px;
	color: #555;
	font-size: 15px;
}

span.text12 {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	color: #555;
	font-size: 12px;
}

span.text10 {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	color: #555;
	font-size: 10px;
}

span.hours {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	color: #c023e1;
	font-size: 15px;
}

span.regulier {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	color: #10b42f;
	font-size: 15px;
}

span.urgent {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	color: #1b469e;
	font-size: 15px;
}

span.textFort {
	color: #555555;
}

div.titre {
	font-family: 'UbuntuTitlingBold', Helvetica, 'Helvetica Neue', Arial,
		sans-serif;
	padding: 7px 10px;
	color: #555;
	font-size: 15px;
}

.rouge {
	color: #FF0000;
	font-weight: bold;
}

.vert {
	color: #00AA00;
	font-weight: bold;
}

.blue {
	color: #0000AA;
	font-weight: bold;
}

.orange {
	color: #f99c39;
	font-weight: bold;
}

.badbad {
	display: none;
}

.duplicate {
	border: 3px solid #63d16b;
}

.sliderMaskActive
{
	position: absolute;
	display: block;
	width: 820px;
	height: 460px;
	z-index: 666;
}

.sliderMask
{
	position: absolute;
	display: none;
	width: 0px;
	height: 0px;
}

.borderGreen
{
	border: 3px solid #00AA00;
}

.borderBlue
{
	border: 3px solid #0000AA;
}

.borderOrange
{
	border: 3px solid #e3950c;
}


.yellowBigButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fed897;
	box-shadow: inset 0px 1px 0px 0px #fed897;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6b33d
		), color-stop(1, #d29105));
	background: -moz-linear-gradient(center top, #f6b33d 5%, #d29105 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d',
		endColorstr='#d29105');
	background-color: #f6b33d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #eda933;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #cd8a15;
}

.yellowBigButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d29105
		), color-stop(1, #f6b33d));
	background: -moz-linear-gradient(center top, #d29105 5%, #f6b33d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105',
		endColorstr='#f6b33d');
	background-color: #d29105;
}

.yellowBigButton:active {
	position: relative;
	top: 1px;
}

.greenBigButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a
		), color-stop(1, #5cb811));
	background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a',
		endColorstr='#5cb811');
	background-color: #77d42a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #268a16;
	display: inline-block;
	color: #fff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
}

.greenBigButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811
		), color-stop(1, #77d42a));
	background: -moz-linear-gradient(center top, #5cb811 5%, #77d42a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811',
		endColorstr='#77d42a');
	background-color: #5cb811;
}

.greenBigButton:active {
	position: relative;
	top: 1px;
}

.blueBigButton {
		-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6
		), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(center top, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',
		endColorstr='#1e62d0');
	background-color: #3d94f6;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #1570cd;
}

.blueBigButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0
		), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(center top, #1e62d0 5%, #3d94f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',
		endColorstr='#3d94f6');
	background-color: #1e62d0;
}

.blueBigButton:active {
	position: relative;
	top: 1px;
}

.blueSmallButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow: inset 0px 1px 0px 0px #97c4fe;
	box-shadow: inset 0px 1px 0px 0px #97c4fe;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #3d94f6
		), color-stop(1, #1e62d0));
	background: -moz-linear-gradient(center top, #3d94f6 5%, #1e62d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',
		endColorstr='#1e62d0');
	background-color: #3d94f6;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #337fed;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #1570cd;
}

.blueSmallButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1e62d0
		), color-stop(1, #3d94f6));
	background: -moz-linear-gradient(center top, #1e62d0 5%, #3d94f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',
		endColorstr='#3d94f6');
	background-color: #1e62d0;
}

.blueSmallButton:active {
	position: relative;
	top: 1px;
}

.yellowSmallButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fed897;
	box-shadow: inset 0px 1px 0px 0px #fed897;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6b33d
		), color-stop(1, #d29105));
	background: -moz-linear-gradient(center top, #f6b33d 5%, #d29105 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d',
		endColorstr='#d29105');
	background-color: #f6b33d;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #eda933;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #cd8a15;
}

.yellowSmallButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d29105
		), color-stop(1, #f6b33d));
	background: -moz-linear-gradient(center top, #d29105 5%, #f6b33d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105',
		endColorstr='#f6b33d');
	background-color: #d29105;
}

.yellowSmallButton:active {
	position: relative;
	top: 1px;
}

.graySmallButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #fed897;
	-webkit-box-shadow: inset 0px 1px 0px 0px #fed897;
	box-shadow: inset 0px 1px 0px 0px #fed897;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #a3a3a3
		), color-stop(1, #767676));
	background: -moz-linear-gradient(center top, #a3a3a3 5%, #767676 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a3a3a3',
		endColorstr='#767676');
	background-color: #a3a3a3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #616161;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #a3a3a3;
}

.graySmallButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b3b3b2
		), color-stop(1, #e8e8e8));
	background: -moz-linear-gradient(center top, #b3b3b2 5%, #f6b33d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b2',
		endColorstr='#e8e8e8');
	background-color: #b8b8b8;
}

.graySmallButton:active {
	position: relative;
	top: 1px;
}

.greenSmallButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
	box-shadow: inset 0px 1px 0px 0px #caefab;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a
		), color-stop(1, #5cb811));
	background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a',
		endColorstr='#5cb811');
	background-color: #77d42a;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #268a16;
	display: inline-block;
	color: #fff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #aade7c;
}

.greenSmallButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811
		), color-stop(1, #77d42a));
	background: -moz-linear-gradient(center top, #5cb811 5%, #77d42a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811',
		endColorstr='#77d42a');
	background-color: #5cb811;
}

.greenSmallButton:active {
	position: relative;
	top: 1px;
}

.redSmallButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #433204
		), color-stop(1, #ce0100));
	background: -moz-linear-gradient(center top, #433204 5%, #ce0100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#433204',
		endColorstr='#ce0100');
	background-color: #433204;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d83526;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 10px;
	font-weight: bold;
	padding: 3px 7px;
	text-decoration: none;
	text-shadow: 1px 1px 5px #b23e35;
}

.redSmallButton:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100
		), color-stop(1, #433204));
	background: -moz-linear-gradient(center top, #ce0100 5%, #433204 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100',
		endColorstr='#433204');
	background-color: #ce0100;
}

.redSmallButton:active {
	position: relative;
	top: 1px;
}

.redButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #433204
		), color-stop(1, #ce0100));
	background: -moz-linear-gradient(center top, #433204 5%, #ce0100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#433204',
		endColorstr='#ce0100');
	background-color: #433204;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d83526;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 4px 20px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #b23e35;
}

.redButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100
		), color-stop(1, #433204));
	background: -moz-linear-gradient(center top, #ce0100 5%, #433204 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100',
		endColorstr='#433204');
	background-color: #ce0100;
}

.redButton:active {
	position: relative;
	top: 1px;
}

.redBigButton {
	-moz-box-shadow: inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f29c93;
	box-shadow: inset 0px 1px 0px 0px #f29c93;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #433204
		), color-stop(1, #ce0100));
	background: -moz-linear-gradient(center top, #433204 5%, #ce0100 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#433204',
		endColorstr='#ce0100');
	background-color: #433204;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #d83526;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #b23e35;
}

.redBigButton:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100
		), color-stop(1, #433204));
	background: -moz-linear-gradient(center top, #ce0100 5%, #433204 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100',
		endColorstr='#433204');
	background-color: #ce0100;
}

.redBigButton:active {
	position: relative;
	top: 1px;
}

#boxOverlay {
	z-index: 1555;
	position: fixed;
	top: 0px;
	left: 0px;
	visibility: visible;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	background-color: #000000;
	display: none;
	bottom: 0;
	right: 0;
}

#formBox {
	z-index: 1557;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	background-color: #3b2813;
	overflow: visible;
	padding: 10px;
	text-align: left;
	display: none;
	border-radius: 10px;
}

#sbox-btn-close {
	background: transparent url(../images/closebox.png) no-repeat scroll
		left top;
	border: medium none;
	height: 30px;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	display: block;
}

#contentBox {
	visibility: visible;
	opacity: 1;
	overflow: visible;
	background-color: #FFFFFF;
	clear: both;
	overflow: auto;
	width: 606px;
	display: block;
}

.fc-timegrid-axis-cushion {
    line-height: 13px;
}

.eventPreSelect {
	float: left;
	background-color: #97b8b5;
	border-radius: 5px;
	color: #ffffff;
	padding: 10px 8px;
	font-size: 13px;
	margin: 0 5px 5px 0;
	width: 55%;
	border: 3px solid #008077 !important;
}

.eventValidSelect {
	float: left;
	background-color: #008000;
	border-radius: 5px;
	color: #ffffff;
	padding: 10px 8px;
	font-size: 13px;
	margin: 0 5px 5px 0;
	width: 51%;
	border: 3px solid #008077 !important;
}

.eventNonValid {
	float: left;
	background-color: #800000;
	border-radius: 5px;
	color: #ffffff;
	padding: 10px 8px;
	font-size: 13px;
	margin: 0 5px 5px 0;
	width: 51%;
	border: 3px solid #807700 !important;
}

.eventMembersList
{
	background-color: #055953; 
	border-radius: 5px; 
	padding: 10px 8px; 
	font-size: 13px; 
	margin: 0 5px 5px 0; 
	border: 3px solid #800000 !important;
}

.closeon
{
	position: absolute;
	top: 2px; 
	right: 2px;
  	box-sizing:border-box;
  	width:13px;
  	height:13px;
  	border-width:3px;
  	border-style: solid;
  	border-color:red;
  	border-radius:100%;
  	background-color:red;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  	transition: all 0.3s ease;
  	cursor: pointer;
  	line-height: 4px;
  	font-weight: 300;
  	z-index: 100;
}

.usedCours
{
	position: absolute;
	top: 2px; 
	right: 2px;
  	box-sizing:border-box;
  	width:13px;
  	height:13px;
  	border-width:3px;
  	border-style: solid;
  	border-color:green;
  	border-radius:100%;
  	background-color:green;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  	transition: all 0.3s ease;
  	cursor: pointer;
  	line-height: 4px;
  	font-weight: 300;
  	z-index: 100;
  	background: url(/images/icon/valid2.png) center no-repeat;
}

.excusedCours
{
	position: absolute;
	top: 2px; 
	right: 2px;
  	box-sizing:border-box;
  	width:13px;
  	height:13px;
  	border-width:3px;
  	border-style: solid;
  	border-color:orange;
  	border-radius:100%;
  	background-color:orange;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  	transition: all 0.3s ease;
  	cursor: pointer;
  	line-height: 4px;
  	font-weight: 300;
  	z-index: 100;
  	background: url(/images/icon/alert.png) center no-repeat;
}

.missedCours
{
	position: absolute;
	top: 2px; 
	right: 2px;
  	box-sizing:border-box;
  	width:13px;
  	height:13px;
  	border-width:3px;
  	border-style: solid;
  	border-color:red;
  	border-radius:100%;
  	background-color:red;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
  	transition: all 0.3s ease;
  	cursor: pointer;
  	line-height: 4px;
  	font-weight: 300;
  	z-index: 100;
  	background: url(/images/icon/error.png) center no-repeat;
}

.payeCours 
{
	position: absolute;
	top: 2px;
	right: 2px;
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	/* border-width: 3px; */
	border-style: solid;
	/* border-color: green; */
	border-radius: 100%;
	background-color: green;
  	box-shadow:0px 0px 5px 2px rgba(0,0,0,0.5);
	transition: all 0.3s ease;
	cursor: pointer;
	line-height: 4px;
	font-weight: 300;
	z-index: 100;
	background: url(/images/icon/valid2.png) center no-repeat;
}

.commentCours 
{
	position: absolute;
	top: 22px;
	right: 2px;
	box-sizing: border-box;
	width: 13px;
	height: 13px;
	/* border-width: 3px; */
	border-style: solid;
	/* border-color: green; */
	background-color: green;
	transition: all 0.3s ease;
	cursor: pointer;
	line-height: 4px;
	font-weight: 300;
	z-index: 100;
	background: url(/images/icon/pen2.png) center no-repeat;
}

.homeMade
{
	position: absolute;
	bottom: 2px; 
	right: 2px;
  	box-sizing:border-box;
  	width:14px;
  	height:14px;
  	border-radius:100%;
  	background-color:none;
  	transition: all 0.3s ease;
  	cursor: pointer;
  	line-height: 4px;
  	font-weight: 300;
  	z-index: 100;
  	background: url(/images/icon/home.png) center no-repeat;
}

.hasAttachment
{
	position: absolute;
	top: 2px;
	right: 2px;
	box-sizing: border-box;
	width: 35px;
	height: 35px;
	transition: all 0.3s ease;
	z-index: 100;
	background: url(/images/icon/attachmentFile.png) center no-repeat;
}

.fc-v-event
{
	border-width: 3px  !important; 	
}

.drpdwnPreSelect 
{
	padding: 0;
	margin: 0 0 0 5px;
	width: 95px;
	background-color: gold;
	font-size: 11px;
}

.legendEventTemp {
	width: 20px;
	height: 20px;
	background-color: #97b8b5;
	border: 1px solid #1fa405;
	margin: 3px;
}

.legendEventValid {
	width: 20px;
	height: 20px;
	background-color: #008000;
	border: 1px solid #1fa405;
	margin: 3px;
}

.legendEventTempOther {
	width: 20px;
	height: 20px;
	background-color: #b3a5b5;
	border: 1px solid #1fa405;
	margin: 3px;
}

.legendEventValidOther {
	width: 20px;
	height: 20px;
	background-color: #9740a3;
	border: 1px solid #1fa405;
	margin: 3px;
}

.legendBlackout {
	width: 20px;
	height: 20px;
	background-color: #da2b03;
	border: 1px solid #1fa405;
	margin: 3px;
}

.legendHoraire {
	width: 20px;
	height: 20px;
	background-color: #f3f3f3;
	border: 1px solid #1fa405;
	margin: 3px;
}

.right
{
	float: right;
}

.left
{
	float: left;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

.widthFull
{
	width: 100%;
}

.eventNotice
{
	position: absolute;
	bottom: 2px; 
	right: 3px;
}

.fc-toolbar.fc-header-toolbar 
{
    position: sticky;
    top: 40px;
    z-index: 10;
    background: grey;
}

#headerToolbar
{
    position: sticky;
    top: 0px;
    z-index: 10;
    background: grey;
    text-align: center;
    font-weight: bold;
    color: #fff;
    margin: 0;
    padding: 10px 0;
}

#headerDays
{
    position: sticky;
	top: 77px;
    background: grey;
    margin-top: -21px;
    height: 30px;
    color: #1155aa;
    z-index: 10;
}

#headerLun, #headerMar, #headerMer, #headerJeu, #headerVen, #headerSam, #headerDim
{
 float: left;
 width: 119px;
 text-align: center;
 padding-top: 5px;
}

#headerLun
{
	margin-left: 61px;
}

tr.fc-list-event div.closeon
{
	display: none !important;
}

.popper, .tooltip 
{
  position: absolute;
  z-index: 9999;
  background: #FFC107;
  color: black;
  width: 150px;
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  padding: 10px;
  text-align: center;
}

.style5 .tooltip 
{
  background: #1E252B;
  color: #FFFFFF;
  max-width: 200px;
  width: auto;
  font-size: .8rem;
  padding: .5em 1em;
}

.popper .popper__arrow,
.tooltip .tooltip-arrow 
{
  width: 0;
  height: 0;
  border-style: solid;
  position: absolute;
  margin: 5px;
}

.tooltip .tooltip-arrow,
.popper .popper__arrow {
  border-color: #FFC107;
}
.style5 .tooltip .tooltip-arrow {
  border-color: #1E252B;
}
.popper[x-placement^="top"],
.tooltip[x-placement^="top"] {
  margin-bottom: 5px;
}
.popper[x-placement^="top"] .popper__arrow,
.tooltip[x-placement^="top"] .tooltip-arrow {
  border-width: 5px 5px 0 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  bottom: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.popper[x-placement^="bottom"],
.tooltip[x-placement^="bottom"] {
  margin-top: 5px;
}
.tooltip[x-placement^="bottom"] .tooltip-arrow,
.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px 5px;
  border-left-color: transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  top: -5px;
  left: calc(50% - 5px);
  margin-top: 0;
  margin-bottom: 0;
}
.tooltip[x-placement^="right"],
.popper[x-placement^="right"] {
  margin-left: 5px;
}
.popper[x-placement^="right"] .popper__arrow,
.tooltip[x-placement^="right"] .tooltip-arrow {
  border-width: 5px 5px 5px 0;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  left: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}
.popper[x-placement^="left"],
.tooltip[x-placement^="left"] {
  margin-right: 5px;
}
.popper[x-placement^="left"] .popper__arrow,
.tooltip[x-placement^="left"] .tooltip-arrow {
  border-width: 5px 0 5px 5px;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  right: -5px;
  top: calc(50% - 5px);
  margin-left: 0;
  margin-right: 0;
}

.effect1{
    -webkit-box-shadow: 0 10px 6px -6px #777;
       -moz-box-shadow: 0 10px 6px -6px #777;
            box-shadow: 0 10px 6px -6px #777;
}

/*==================================================
 * Effect 2
 * ===============================================*/
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 3
 * ===============================================*/
.effect3
{
  position: relative;
}
.effect3:before
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}

/*==================================================
 * Effect 4
 * ===============================================*/
.effect4
{
  position: relative;
}
.effect4:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  right: 10px;
  left: auto;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
}

/*==================================================
 * Effect 5
 * ===============================================*/
.effect5
{
  position: relative;
}
.effect5:before, .effect5:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}

/*==================================================
 * Effect 6
 * ===============================================*/
.effect6
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect6:before, .effect6:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect6:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 7
 * ===============================================*/
.effect7
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7:before, .effect7:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect7:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}

/*==================================================
 * Effect 8
 * ===============================================*/
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}


.contenuLeft {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.contenuLeft a {
	font-weight: normal;
}

.contenuLeftBig {
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	vertical-align: middle;
	height: 30px;
}

.contenuRight {
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

.contenuCent, .contenuCenter {
	font-weight: normal;
	text-align: center;
	vertical-align: top;
}

.titreCenter {
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	vertical-align: top;
}

.titreCenterBig {
	font-weight: bold;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	height: 30px;
}

.titreLeft {
	padding-top: 5px;
	padding-right: 15px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.titreRight {
	padding-top: 5px;
	padding-right: 15px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.titreBig
{
	color: #fff;
	font-size: 15px;
}


#myTooltip_tooltip
{
  background-color: #EEE;
  border: 1px solid #000;
  position: absolute;
  display: none;
  z-index: 20000;
  padding: 2px;
  font-size: 12px;
  -moz-border-radius: 6px;
 /* Rounded edges in Firefox */
  font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
}

#myTooltip_tooltipShadow
{
  position: absolute;
  background-color: #555;
  display: none;
  z-index: 10000;
  opacity: 0.7;
  filter: alpha(opacity =   70);
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  -moz-border-radius: 6px;
 /* Rounded edges in Firefox */
  ;
}


#ui-datepicker-div {display: none;}


span.email-ids, span.emailCci-ids 
{
    float: left;
    /* padding: 4px; */
    border: 1px solid #ccc;
    margin-right: 5px;
    margin-bottom: 5px;
    background: #f5f5f5;
    padding: 3px 10px;
    border-radius: 5px;
}

span.cancel-email, span.cancel-emailCci 
{
    border: 1px solid #ccc;
    width: 18px;
    display: block;
    float: right;
    text-align: center;
    margin-left: 20px;
    border-radius: 49%;
    height: 18px;
    line-height: 15px;
    margin-top: 1px;
    cursor: pointer;
}

.email-id-row, .emailCci-id-row 
{
    border: 1px solid #ccc;
}

.email-id-row input ,.emailCci-id-row input 
{
    border: 0; outline:0;
}

span.to-input, span.to-inputCci 
{
    display: block;
    float: left;
    padding-right: 11px;
}

.email-id-row , .emailCci-id-row 
{
    padding-top: 6px;
    padding-bottom: 7px;
    /*margin-top: 23px;*/
}

#contentBox
{
    width: 979px;
}

.content-loading {
    background: white url("/images/loading.gif") no-repeat scroll center center;
    bottom: 0;
    display: none;
    height: 100%;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
    left: 0px;
    right: 0px;
}


ul.postIt , ul.postItDetails  {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

ul.postIt li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:8em;
  width:8em;
  padding:1em;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  transform: rotate(-6deg);
  transition: transform .15s linear;
}

ul.postIt li:nth-child(even) a{
  transform:rotate(4deg);
  position:relative;
  top:5px;
  background:#cfc;
}
ul.postIt li:nth-child(3n) a{
  transform:rotate(-3deg);
  position:relative;
  top:-5px;
  background:#ccf;
}
ul.postIt li:nth-child(5n) a{
  transform:rotate(5deg);
  position:relative;
  top:-10px;
}

ul.postIt li a:hover,ul.postItDetails li a:focus{
  box-shadow:10px 10px 7px rgba(0,0,0,.7);
  transform: scale(1.25);
  position:relative;
  z-index:5;
}

ul.postIt li, ul.postItDetails li{
  margin:1em;
  list-style:none;
}

ul.postItDetails li a{
  text-decoration:none;
  color:#000;
  background:#ffc;
  display:block;
  height:24em;
  width:24em;
  padding:1em;
  box-shadow: 5px 5px 7px rgba(33,33,33,.7);
  transform: rotate(-6deg);
  transition: transform .15s linear;
  margin-top: 6px;
}

.buttonPI 
{
	background-color: #f2f2f2;
	background-image: linear-gradient(to bottom, #f2f2f2, #f2f2f2);
	border: 1px solid #bfbfbf;
	box-shadow: inset 0 1px 0 white, inset 0 -1px 0 #d9d9d9, inset 0 0 0 1px #f2f2f2, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #8c8c8c;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	cursor: pointer;
	display: inline-block;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	padding: 9px 16px 9px;
	margin: 16px 0 0 16px;
	transition: all 20ms ease-out;
	vertical-align: top;
}

.buttonPI-OK 
{
	background-color: #42b0e3;
	background-image: linear-gradient(to bottom, #42b0e3, #2ba9e3);
	border: 1px solid #107db0;
	box-shadow: inset 0 1px 0 #7cd4fc, inset 0 -1px 0 #2696c9, inset 0 0 0 1px #59b7e3, 0 2px 4px rgba(0, 0, 0, 0.2);
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}