@charset "utf-8";
/* CSS Document */



            body {
                margin:20px ; 
                padding: 0px; 
				background: url(../images/background2.jpg) repeat-x top ;
				top:90px
            }
			 input {
                border:1px groove #F5F5F5 ; 
                padding: 3px; 
				background:   transparent;
				width:97%}
				
			.select {
                border:1px groove #F5F5F5 ; 
                padding: 3px; 
				background: transparent ; /**/
				width:100%
            }
			.selectdumenu {
				font-size: 1em;
				font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
				font-weight: bold;
				line-height: 1.5;
				margin: 0.5em 0 0 0;
				height: auto;
				border: 0;
				-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  
				text-align: left;
				padding: 0.6em 2.1em 0.5em 1em;
				display: block;
				line-height: 1.4;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap; color:orange;
				background:url(../images/bg.png) #FFF repeat-x top;
				cursor: pointer;
						}
			.roundtop {-moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; border-radius:10px 10px 0px 0px;}
			.roundbottom {-moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; border-radius: 0px 0px 10px 10px;}
			.cellule{
			color: #666666;font-size:14px; background:#efefef /*#E1E1E1 #F3F3F3*/
			}
			.sauver{
			color: #FFF;font-size:14px; background: #284b9d
			}
			.continuer{
			color: #FFF;font-size:14px; background: #f9c202
			}
            .wrapper-scroll {
                -webkit-overflow-scrolling: touch;
                overflow-scrolling: touch;
                overflow: visible;
                position: absolute;
                top: 90px;
                bottom: 0;
                left: 0;
                right: 0;
				margin:28px
            }

            .content {
                width: 3862px;
                width: -moz-max-content;
                width: -webkit-max-content;
                width: -o-max-content;
                width: -ms-max-content;
                width: max-content;
            }

            h1 {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1.5em;
                color: #666
            }
			 h2 {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1em;
                 color: #999999
            }
			            h1 {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1.5em;
                color: #666
            }
			.texte {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1em;
                 color: #000
            }
			.textepti {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 11px;
                 color: #000
            }
			.texteGris {
                font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
                font-size: 1em;
                 color: #666666
            }
			

            .section {
                float: left;
                overflow: hidden;
                width: 750px;
                margin: 0 1.2em 0 0;
				font-family: 'Segoe UI Light', 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
				font-size:1em
            }

            .article {
                float: left;
                width: 15em;
                height: 7em;
                margin: .2em;
                background-color: #C40C20; border:1px solid #333; -webkit-border-radius:1px;
                cursor:pointer;
                 color:white
            }
			

            .section:nth-child(1) .article {
                background-color: #E1E1E1; background:url(../images/gradient-orange2.png) #F5F5F5  top repeat-x ;
            }

            .section:nth-child(2) .article {
    background-color: #284b9d;
            }

            .section:nth-child(3) .article {
                background-color: #f9c202; 
            }
            .section:nth-child(4) .article {
                background-color: #F2F2F2; background:url(../images/gradient-orange.png) white repeat-x
            }
            .section:nth-child(5) .article {
                background-color: #F9A02E; background:url(../images/gradient-orange.png) white repeat-x
            }
      
  .print {
                display:none
            }

/* Conteneur global */
#elo-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 350px;
  z-index: 9999;
  font-family: sans-serif;
}

/* Bouton pour réduire/ouvrir */
#elo-toggle {
  background-color: #222;
  color: white;
  padding: 8px 12px;
  border: none;
  border-radius: 5px 5px 0 0;
  cursor: pointer;
  width: 100%;
  text-align: left;
}

/* Boîte du chat */
#elo-bot {
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0 0 5px 5px;
  max-height: 400px;
  overflow-y: auto;
  box-shadow: 0 4px 10px rgba(0,0,0,0.2);
}

/* Pour BotUI */
.botui-container {
  padding: 10px;
}