body {
  margin: 0;
  padding: 0;
  background: url(../images/bg.png) no-repeat center fixed;
  -webkit-background-size: cover;
  /* pour anciens Chrome et Safari */
  background-size: cover;
  /* version standardisée */
  /*opacity: 0.8;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

header {
  background-color: #b29dcc;
  background: url(../images/header_bcg.jpg) no-repeat center;
  -webkit-background-size: cover;
  background-size: cover;
}

.footer-bottom {
  margin: 2em 0;
}

.hide {
  display: none
}

.imgHeader {
  width: auto;
  max-height: 180px;
  margin: 30px 0 30px 0;
}
.logform{
  margin-top: 150px;
}

.sect {
  margin: 5% 2% 2%;
}

.fc-scroller {
  overflow-x: hidden !important;
  overflow-y: hidden !important;
  height: 0px;
}

#calendar {
  background-color: white;
  border-radius: 10px;
}

.fc-center>h2 {
  font-size: 2em !important
}

.fc-nonbusiness {
  background-color: #818487 !important;
}

.fc-icon,
body .fc {
  font-size: 0.8em !important;
}

.newDemandHoliday,
.newRpi {
  border-top: 4px dashed violet;
  border-bottom: 4px dashed violet;
  margin: 35px 0 35px 0;
  padding: 30px 0 30px 0;
}

.newDemandHoliday .form-control {
  display: inline !important;
  width: 61% !important;
}

label textarea {
  vertical-align: middle;
}

li.current {
  background-color: purple;
}

.add {
  color: #89C33F;
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  margin-top: -15px;
  float: right
}

.delete {
  color: red;
  font-size: 18px;
  vertical-align: middle;
  cursor: pointer;
  margin-top: -15px;
  float: right
}

header .dropdown-menu {
  background: url(../images/header_bcg.jpg);
}

.table td,
.table th {
  text-align: center;
}

.waiting {
  background-color: #ffb442;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.valid {
  background-color: #16B84E;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.refuse {
  background-color: red;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.cancellation {
  background-color: #985717;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.canceled {
  background: #fb4400;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.modification {
  background: #DF73FF;
  padding: 8px;
  margin: 0px;
  border-radius: 8px;
  color: white;
  text-align: center;
}

.cyan>span {
  background-color: cyan !important;
  color: black !important;
}

.blue>span {
  background-color: blue !important;
  color: white !important
}

.hello {
  font-size: 12pt;
  font-weight: bold;
  color: #b72a54;
}

div.growlUI {
  background: url(../images/check.png) no-repeat 10px 0px;
  display: none;
  height: 50px;
}

.bgRed {
  background-color: red !important;
}

.bgPink {
  background-color: #E73E01 !important;
}

div.news {
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

div.bootstrap-datetimepicker-widget {
  background-color: silver;
}

.navbar {
  border: none;
}

.navbar-brand {
  padding: 9px 15px;
}

.navbar-fixed-top {
  z-index: 1010
}

.nav>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.dropdown-menu>li>a,
.dropdown-menu>li {
  border-bottom: 3px solid transparent;
}

.nav>li>a:focus,
.nav>li>a:hover,
.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  border-bottom: 3px solid transparent;
  background: none;
}

.navbar a,
.dropdown-menu>li>a,
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-toggle {
  color: #fff;
}

.dropdown-menu {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.nav li {
  border-bottom: transparent 3px solid;
}

.nav li:hover:nth-child(8n+1),
.nav li.active:nth-child(8n+1) {
  border-bottom: #C4E17F 3px solid;
}

.nav li:hover:nth-child(8n+2),
.nav li.active:nth-child(8n+2) {
  border-bottom: #F7FDCA 3px solid;
}

.nav li:hover:nth-child(8n+3),
.nav li.active:nth-child(8n+3) {
  border-bottom: #FECF71 3px solid;
}

.nav li:hover:nth-child(8n+4),
.nav li.active:nth-child(8n+4) {
  border-bottom: #F0776C 3px solid;
}

.nav li:hover:nth-child(8n+5),
.nav li.active:nth-child(8n+5) {
  border-bottom: #DB9DBE 3px solid;
}

.nav li:hover:nth-child(8n+6),
.nav li.active:nth-child(8n+6) {
  border-bottom: #C49CDE 3px solid;
}

.nav li:hover:nth-child(8n+7),
.nav li.active:nth-child(8n+7) {
  border-bottom: #669AE1 3px solid;
}

.nav li:hover:nth-child(8n+8),
.nav li.active:nth-child(8n+8) {
  border-bottom: #62C2E4 3px solid;
}

#inputSearch {
  background-image: url(../images/search.png);
  background-repeat: no-repeat;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}

#ddownSocity {
  background-color: #fff;
  margin: 5px;
  padding: 0 5px;
  border: solid #ccc 1px;
  border-radius: 5px;
  width: 100%;
  max-height: 150px;
  overflow: scroll;
  overflow-x: hidden;
}

#dropdownSocity,
#resize>div:nth-of-type(1),
#resize>.btn-group>button {
  width: 100%;
}

#fos_user_registration_form_dorpi label,
#fos_user_edit_form_dorpi label {
  margin-right: 30px;
  margin-left: 10px;
}

#fos_user_registration_form_dorpi,
.checkboxDP,
#fos_user_edit_form_dorpi {
  text-align: center;
}

.fos_user_profile_edit .btn-group>.btn:last-child:not(:first-child) {
  border-radius: 5px;
  margin-right: .5em;
}

#idmenuAdmin {
  background-color: #E8985C;
}

.insertClient {
  border-left: rgb(204, 204, 204) solid 1px !important;
}

.insertClient:hover {
  background-color: #DBDBDB !important;
}

.menu_level_1 {
  display: none;
  padding: 0 20px;
}

.menu_level_1>li {
  list-style: none;
}

.menu_selected {
  background-color: #A28FBA;
}

#checkfield {
  color: green;
  padding: 7px 10px;
}

.border_red {
  border-color: red;
}

.flash-error {
  color: red;
}

.flash-success {
  color: green;
}

.errorMat {
  border: 2px red solid;
}

#errorMatTxt {
  font-size: 10px;
  color: red;
}

.iconReportHoliday {
  color: #FF960A;
}

/* Page home */

#home .hello h2 {
  text-align: center;
}

#home .newsletter {
  margin-bottom: 2em;
}

.sect {
  margin: 0 2%;
}

#homeLegendCalendar #contenthomeLegendCalendar {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: space-evenly;
}

#homeLegendCalendar h3 {
  text-align: center;
}

#homeLegendCalendar #contenthomeLegendCalendar figure {
  display: flex;
  margin: .5em 1em;
}

#homeLegendCalendar #contenthomeLegendCalendar figure figcaption {
  font-size: 1.1em;
}

#homeLegendCalendar #contenthomeLegendCalendar figure div {
  width: 1.5em;
  height: 1.5em;
  border-radius: 3px;
  margin-right: 1em;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(1) div {
  background-color: #a6D771;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(2) div {
  background-color: #a7e6fd;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(3) div {
  background-color: #8b57b1;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(4) div {
  background-color: #eF9931;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(5) div {
  background-color: #fd3131;
}

#homeLegendCalendar #contenthomeLegendCalendar figure:nth-child(6) div {
  background-color: #979797;
}

#carouselHome .carousel-caption {
  background-color: rgba(0, 0, 0, 0.9);
  padding: 1em 1em 2.25em 1em;
}

#carouselHome .carousel-caption h3 {
  margin-top: 0;
}

#carouselHome .carousel-caption .btn {
  margin-bottom: .5em;
}

#carouselHome img {
  -webkit-filter: grayscale(50%);
  filter: grayscale(50%);
}

/* Page newsletterDetail */

#newsletter #newsletterTabs {
  list-style: none;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

#newsletter #newsletterTabs li {
  margin: 0 1rem;
}

#newsletter #newsletterTabs a {
  color: black;
  font-size: 1.75rem;
}

#newsletter #newsletterTabs a:visited {
  color: black;
}

#newsletter #newsletterTabs a:hover {
  text-decoration: none;
}

#newsletter .carousel {
  height: 80vh;
  overflow: hidden;
}

#newsletter .carousel .carousel-control {
  background-image: none;
  color: black;
}

#newsletter .carousel img {
  margin: auto;
  height: 80vh;
}

/* Page admin partie évènement*/

#AdminAddEvent {
  display: block;
  max-width: 58%;
  margin: 2em auto;
}

.adminItemEvent,
.adminItemEventDisabled {
  display: flex;
}

.adminItemEvent:not(:first-child),
.adminItemEventDisabled:not(:first-child) {
  border-top: 1px solid #ccc;
}

.adminItemEventDisabled {
  color: #ccc;
}

.adminTextEvent {
  width: 100%;
  padding: 1em 0;
}

.adminTextEvent h4 {
  font-size: 1.25em;
  font-weight: bold;
  margin: 0;
  line-height: 1.75rem;
}

.adminTextEvent p {
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 0;
}

.buttonTextEvent {
  max-width: 10%;
}

/* Page edit-event */

#editEvent h4 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
}

.editEventDate {
  display: flex;
  justify-content: space-between;
}

.editEventDate .form-group {
  padding: 0;
}

#editEvent .editEventDate .bootstrap-datetimepicker-widget {
  background-color: #F5F5F5;
  text-transform: capitalize;
}

.editEventPlace {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.editEventPlace .form-group {
  padding: 0;
}

#editEvent .btn-success {
  display: block;
  margin: 2em auto;
  font-weight: bold;
}

.editEventImage {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  justify-content: space-evenly;
  align-items: center;
  height: 9em;
}

.editEventImage .chosenImage {
  border: .5em black solid;
}

.editEventImage figure {
  width: 10em;
  height: auto;
  background: #fff;
  position: relative;
}

.editEventImage img {
  display: block;
  width: 10em;
  height: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  cursor: pointer;
}

/* Modal edit place */

#modalAddPlace .modal-header {
  background-color: #ccc;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

#modalAddPlace .modal-header h4 {
  margin: 0;
}

.modal-header .close {
  padding: 1rem;
  margin: -1rem -1rem -1rem auto;
}

#modalAddPlace p {
  color: red;
}

#modalAddPlace .modal-body button {
  margin: auto;
  text-align: center;
  font-weight: bold;
  width: 11em;
  display: block;
}

#ui-id-1 {
  z-index: 10000;
  max-width: 43em;
}

#ui-id-1 li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

/* Page eventDetail */

#eventDetail {
  margin: 0% 2%;
}

#eventDetail h2 {
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}

#eventDetail #description {
  text-align: center;
}

#eventDetail #dateEvent {
  text-align: center;
  font-style: italic;
  font-weight: bold;
}

#eventDetail #address {
  text-align: center;
  font-weight: bold;
}

#eventDetail #informationPlace {
  text-align: center;
}

#eventDetail #informationPlace span {
  text-decoration: underline;
}

#eventDetail #map {
  height: 30em;
  width: 40em;
  margin: auto;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border: 4px white solid;
}

#eventDetail #map .errorMap {
  text-align: center;
  margin-top: 13em;
}

#eventDetail #dateUpdate {
  text-align: right;
  font-style: italic;
  font-size: .75em;
  margin-top: 2em;
}

#eventDetail #dateUpdate span {
  text-transform: uppercase;
}

/* Page contactCollab */

#contactCollab h2 {
  text-align: center;
}

#contactCollab #tableMeet_wrapper td {
  vertical-align: middle;
}

#contactCollab #tableMeet_wrapper>div:nth-child(1) {
  margin: 2% 0;
}

#contactCollab #tableMeet_wrapper>div:nth-child(1)>div:nth-child(1) {
  padding-left: 10%;
}

#contactCollab #tableMeet_wrapper>div:nth-child(1)>div:nth-child(2) {
  text-align: right;
  padding-right: 10%;
}

#contactCollab .color_1 {
  color: red !important;
}

#contactCollab .color_2 {
  color: orangered !important;
}

#contactCollab .color_3 {
  color: green !important;
}

#contactCollab .color_4 {
  color: rgb(51, 51, 51) !important;
}

/* Page formation */

#formation h2 {
  text-align: center;
  margin-bottom: 2em;
}

#formation .listFormation {
  display: flex;
  justify-content: space-evenly;
}

#formation .name {
  text-align: center;
  font-weight: bold;
}

#formation .link {
  text-align: center;
}

#formation .choices {
  display: flex;
  justify-content: space-between;
  justify-content: space-evenly;
}

#formation .choices button {
  display: block;
}

#formation #modalFalseFormation .modal-body {
  text-align: center;
}

#logomenu{
  width: 145px;
  margin-top: -12px;
}

/*Css Kenny*/

/*Page Bilan RPI*/
.rpiReturn {
  cursor: pointer;
  margin-left: 5%;
  font-size: large;
  color: #f0ad4e;
}

.panel{
  background-color: #ffffffc2;
  border-radius: unset;
  border: unset;
}