@viewport {
  width: device-width;
  zoom: 1; }
* {
  box-sizing: border-box; }

html {
  margin: 0px;
  padding: 0px;
  background: #FFF; }
  html a {
    color: #aa37b9;
    text-decoration: none; }
    html a:hover {
      text-decoration: underline; }
  html body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
    color: #000;
    background: #FFF;
    font-size: 12px; }
  html select {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; }
  html input {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; }
  html textarea {
    font-family: 'Roboto', sans-serif;
    font-weight: 300; }
  html .transition {
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease; }
  html .verticalMiddle {
    top: 100%;
    position: absolute; }
  html .horizontalMiddle {
    left: 100%;
    position: absolute; }
  html :focus {
    outline: 0; }
  html img {
    border: none; }
  html .multiline {
    display: block;
    /* Fallback for non-webkit */
    display: -webkit-box;
    max-width: 400px;
    height: 40px;
    line-height: 20px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis; }
  html .middBox {
    display: table;
    width: 100%;
    height: 100%; }
    html .middBox .middBoxC {
      display: inline;
      display: table-cell;
      vertical-align: middle; }
  html .clear {
    clear: both; }

#contrat.openNotifications #colRight {
  right: 0px; }
#contrat #notificationsButton {
  cursor: pointer; }
#contrat #colLeft {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #FFF;
  overflow: hidden;
  overflow-y: scroll; }
#contrat #colRight {
  position: absolute;
  top: 0px;
  right: -500px;
  width: 500px;
  bottom: 0px;
  background-color: #7c7c7c;
  overflow: hidden;
  overflow-y: scroll;
  border-left: 2px solid #aa37b9; }
#contrat #messageShow {
  background-color: #aa37b9;
  padding: 30px;
  font-size: 14px;
  line-height: 18px; }
#contrat .bigTitre {
  font-size: 45px;
  padding: 30px;
  font-weight: 700;
  text-align: center;
  background-color: #2a2a2a;
  color: #FFFFFF;
  font-size: 30px;
  text-transform: uppercase; }
  #contrat .bigTitre font {
    color: #aa37b9; }
  #contrat .bigTitre small {
    font-size: 16px; }
#contrat .contratBox {
  padding: 20px;
  background-color: #b0b0b0; }
  #contrat .contratBox:nth-child(2n):not(.hide) {
    background-color: #cccccc; }
  #contrat .contratBox.hide {
    display: none; }
#contrat #my-demande {
  padding: 20px; }
  #contrat #my-demande #my-demande-content table {
    width: 100%;
    border: 2px solid #7c7c7c; }
    #contrat #my-demande #my-demande-content table tr:first-child {
      font-weight: 700;
      background-color: #CCCCCC;
      text-transform: uppercase;
      border-top: none; }
      #contrat #my-demande #my-demande-content table tr:first-child td {
        border-top: none; }
    #contrat #my-demande #my-demande-content table td {
      border-top: 1px solid #CCCCCC;
      padding: 5px; }
#contrat #my-promesses table {
  width: 350px;
  border: 2px solid #7c7c7c; }
  #contrat #my-promesses table tr:first-child {
    font-weight: 700;
    background-color: #DDDDDD;
    text-transform: uppercase;
    border-top: none; }
    #contrat #my-promesses table tr:first-child td {
      border-top: none; }
  #contrat #my-promesses table td {
    border-top: 1px solid #DDDDDD;
    padding: 5px; }
#contrat #my-salles {
  padding: 20px; }
  #contrat #my-salles #my-salles-content {
    position: relative;
    width: 100%; }
    #contrat #my-salles #my-salles-content #my-salles-liste {
      width: 100%; }
      #contrat #my-salles #my-salles-content #my-salles-liste .my-salles-liste {
        padding: 10px;
        background-color: #DDD;
        text-transform: uppercase; }
        #contrat #my-salles #my-salles-content #my-salles-liste .my-salles-liste .my-salles-liste-titre {
          font-weight: 700;
          margin-bottom: 10px; }
        #contrat #my-salles #my-salles-content #my-salles-liste .my-salles-liste .my-salles-liste-plages {
          font-size: 11px;
          background-color: #FFF;
          width: 100%; }
          #contrat #my-salles #my-salles-content #my-salles-liste .my-salles-liste .my-salles-liste-plages .my-salles-liste-plage td {
            padding: 10px; }
#contrat #my-prix {
  padding-top: 20px; }
  #contrat #my-prix table {
    width: 100%;
    border: 2px solid #7c7c7c; }
    #contrat #my-prix table.resultat {
      border-top: 0px; }
    #contrat #my-prix table input, #contrat #my-prix table select {
      width: 100%;
      text-align: right; }
    #contrat #my-prix table tr:first-child {
      font-weight: 700;
      background-color: #DDDDDD;
      text-transform: uppercase;
      border-top: none; }
      #contrat #my-prix table tr:first-child td {
        border-top: none; }
    #contrat #my-prix table tr.myPrixLine {
      display: none; }
      #contrat #my-prix table tr.myPrixLine.show {
        display: table-row; }
    #contrat #my-prix table tr td {
      border-top: 1px solid #DDDDDD;
      padding: 5px; }
      #contrat #my-prix table tr td.tableSalleSalle {
        width: 150px; }
      #contrat #my-prix table tr td.tableTypeUnitaireSalle, #contrat #my-prix table tr td.tableTypeUnitaireSalleTR {
        width: 70px; }
      #contrat #my-prix table tr td.tableNombreSalle, #contrat #my-prix table tr td.tableNombreSalleTR {
        width: 50px;
        text-align: center; }
      #contrat #my-prix table tr td.tableUnitaireSalle, #contrat #my-prix table tr td.tableUnitaireSalleTR {
        width: 110px;
        text-align: center; }
      #contrat #my-prix table tr td.tableUnitaireSalle input {
        width: 85px !IMPORTANT; }
      #contrat #my-prix table tr td.tableTotalSalle, #contrat #my-prix table tr td.tableTotalSalleTR {
        width: 100px;
        text-align: right; }
      #contrat #my-prix table tr td.tableDescSalle input {
        text-align: left !IMPORTANT; }
#contrat #my-devis {
  text-align: center; }
  #contrat #my-devis #my-devis-retour {
    display: none;
    text-align: center;
    margin-bottom: 40px; }
    #contrat #my-devis #my-devis-retour.show {
      display: block; }
  #contrat #my-devis #my-devis-validation {
    display: none;
    max-width: 600px;
    margin: 0px auto; }
    #contrat #my-devis #my-devis-validation.show {
      display: block; }
  #contrat #my-devis #my-devis-isAcompte {
    display: none; }
    #contrat #my-devis #my-devis-isAcompte.show {
      display: block; }
  #contrat #my-devis #my-devis-button-validate {
    margin-top: 40px;
    text-align: center; }
#contrat #my-buttons {
  text-align: center; }
  #contrat #my-buttons #my-buttons-annuler, #contrat #my-buttons #my-buttons-brouillon, #contrat #my-buttons #my-buttons-envoyer, #contrat #my-buttons #my-buttons-pdf, #contrat #my-buttons #my-buttons-pdf-signe, #contrat #my-buttons #my-buttons-modifier, #contrat #my-buttons #my-buttons-valider {
    display: inline-block;
    padding: 10px;
    text-transform: uppercase;
    margin: 5px;
    background-color: #DDD;
    color: #404143;
    cursor: pointer; }
    #contrat #my-buttons #my-buttons-annuler:hover, #contrat #my-buttons #my-buttons-brouillon:hover, #contrat #my-buttons #my-buttons-envoyer:hover, #contrat #my-buttons #my-buttons-pdf:hover, #contrat #my-buttons #my-buttons-pdf-signe:hover, #contrat #my-buttons #my-buttons-modifier:hover, #contrat #my-buttons #my-buttons-valider:hover {
      background-color: #BBB;
      color: #aa37b9;
      text-decoration: none; }

#espace-notificationsTmp {
  font-size: 12px; }
  #espace-notificationsTmp h3 {
    color: white;
    background-color: #404143;
    padding: 10px;
    text-transform: uppercase;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    margin: 0px; }
  #espace-notificationsTmp #espace-notificationsTmp-message {
    width: 100%;
    height: 82px;
    position: relative;
    border-bottom: 2px solid #404143; }
    #espace-notificationsTmp #espace-notificationsTmp-message #espace-notificationsTmp-message-input {
      padding-right: 60px; }
      #espace-notificationsTmp #espace-notificationsTmp-message #espace-notificationsTmp-message-input textarea {
        height: 80px;
        width: 100%;
        border: none;
        resize: none;
        margin: 0px;
        padding: 10px; }
    #espace-notificationsTmp #espace-notificationsTmp-message #espace-notificationsTmp-message-button {
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      width: 60px;
      background-color: #404143;
      color: white;
      font-size: 40px;
      text-align: center;
      border-left: 2px solid #404143;
      border-right: 2px solid #404143;
      padding-top: 15px;
      cursor: pointer; }
      #espace-notificationsTmp #espace-notificationsTmp-message #espace-notificationsTmp-message-button:hover {
        color: #404143;
        background-color: #aa37b9; }
  #espace-notificationsTmp table {
    width: 100%;
    background-color: #cccccc;
    color: #404143; }
    #espace-notificationsTmp table tr.classIsMore-1:hover {
      background-color: white; }
      #espace-notificationsTmp table tr.classIsMore-1:hover td .envelope.isAdmin-1 {
        color: #aa37b9; }
    #espace-notificationsTmp table tr:first-child td {
      border-top: none;
      text-transform: uppercase;
      font-family: "Roboto Condensed", sans-serif;
      font-weight: 700;
      background-color: #404143;
      color: white;
      cursor: normal; }
      #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-date {
        width: 100px; }
      #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope {
        width: 50px;
        cursor: pointer;
        text-align: center; }
        #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope:hover {
          background-color: white;
          color: #404143; }
        #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope.on {
          background-color: #aa37b9;
          color: #404143; }
          #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope.on i:nth-child(1) {
            display: none; }
          #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope.on i:nth-child(2) {
            display: inline-block; }
        #espace-notificationsTmp table tr:first-child td#espace-notificationsTmp-envelope i:nth-child(2) {
          display: none; }
    #espace-notificationsTmp table tr:nth-child(2) td {
      border-top: none; }
    #espace-notificationsTmp table tr.hide {
      display: none; }
    #espace-notificationsTmp table tr td {
      border-top: 1px dashed #404143;
      padding: 10px 5px;
      vertical-align: top; }
      #espace-notificationsTmp table tr td.notification-date {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 11px; }
      #espace-notificationsTmp table tr td.notification-deplie.show .myTitre {
        font-weight: 700; }
      #espace-notificationsTmp table tr td.notification-deplie.show .myMore {
        display: block; }
      #espace-notificationsTmp table tr td.notification-deplie.classIsMore-1 {
        cursor: pointer; }
      #espace-notificationsTmp table tr td.notification-deplie .myTitre {
        text-transform: uppercase;
        font-family: "Roboto Condensed", sans-serif; }
        #espace-notificationsTmp table tr td.notification-deplie .myTitre b {
          font-weight: 700; }
      #espace-notificationsTmp table tr td.notification-deplie .myMore {
        padding-top: 5px;
        display: none; }
        #espace-notificationsTmp table tr td.notification-deplie .myMore .myMoreTexte a {
          font-weight: 700; }
          #espace-notificationsTmp table tr td.notification-deplie .myMore .myMoreTexte a:hover {
            text-decoration: underline; }
        #espace-notificationsTmp table tr td.notification-deplie .myMore .myMore-link {
          padding: 4px;
          font-family: "Roboto Condensed", sans-serif;
          font-weight: 700;
          background-color: #404143;
          color: white;
          float: left;
          margin-top: 5px;
          margin-right: 5px; }
          #espace-notificationsTmp table tr td.notification-deplie .myMore .myMore-link:hover {
            color: #404143;
            background-color: #aa37b9; }
            #espace-notificationsTmp table tr td.notification-deplie .myMore .myMore-link:hover font {
              color: white; }
          #espace-notificationsTmp table tr td.notification-deplie .myMore .myMore-link font {
            color: #aa37b9; }
      #espace-notificationsTmp table tr td.type-message .envelope {
        display: inline-block; }
      #espace-notificationsTmp table tr td.espace-notificationsTmp-action {
        text-align: center; }
      #espace-notificationsTmp table tr td .envelope {
        display: none; }
        #espace-notificationsTmp table tr td .envelope.isAdmin-1 {
          color: white; }

		  
.header-menu-titre a span{
	
	margin-right:5px;
	color:#FFF;
	border-radius:20px;
	text-align:center;
	padding:2px 5px;
	
}

.header-menu-titre a span.orange{
	
	background-color:#f39c12;
	
}
.header-menu-titre a span.ok{
	
	background-color:#00a65a;
	
}
.header-menu-titre a span.blue{
	
	background-color:#00c0ef ;
	
}

.header-menu-titre a:hover span{
	
	text-decoration:none;
	
}
		  
/*# sourceMappingURL=style.css.map */