.inputbox {	
	background: url("images/search_box.png") no-repeat 0 0; 
	background-color: #FFFFFF; 
	border: 1px solid #c0c0c0; 
	color: #333333; 
	padding: 2px; 
	padding-left:20px !important;
	cursor: text;
	width:350px;
	}
.highlight {background: #ffe75f;display:inline-block;padding:2px;}
.result_text     { 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	padding: 10px; 
	padding-left:20px; 
	font-size:1.3em;
	color:#333;
}
.ancien-forum{
	padding:3px 5px !important;
	font-size:0.7em !important;
	margin-bottom:10px;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
.options {color: #005e84; font-size: 0.8em; font-family: Verdana, Helvetica, Arial, sans-serif; }

.retour_arbo_button    {display: inline-block;  width: 175px;  height: 26px; background: url("images/retour_arbo_button.png") no-repeat 0 0; }
.retour_arbo_button:hover { background-position: 0 -26px;}
.retour_arbo_button span { position: absolute; top: -999em;}

.retour_liste_button    {display: inline-block;  width: 188px;  height: 26px; background: url("images/retour_liste_forums_button.png") no-repeat 0 0; }
.retour_liste_button:hover { background-position: 0 -26px;}
.retour_liste_button span { position: absolute; top: -999em;}

.q_rep    {display: inline-block;  width: 53px;  height: 20px; background: url("images/q_rep_button.png") no-repeat 0 0; }
.q_rep:hover { background-position: 0 -20px;}
.q_rep span { position: absolute; top: -999em;}

.search_form table tr td { color: #333333; font-size: 0.9em; 
font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; padding-right:5px; padding-bottom:10px; }

.search_pad { padding-left:50px; }

.sujet_ti {
	color: #005e84;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: 15px;
}

.sujet {
	color: #666;
	font-size: 0.8em;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	margin-left: 15px;
	padding: 5px;
	border: 1px solid #09F;
	display: none;
	margin-right: 15px;
}
.bidule{
	line-height: 5px;
}
.line_space1         {
	color: white;
	line-height: 5px;
	width: 50%;
}
.line_space2         {
	color: white;
	line-height: 15px;
	width: 50px;
}

.bouton_blue187 {
	color: #333;
	display: inline-block;
	height: 28px;
	vertical-align: baseline;
	line-height: 28px;
	font-size: 13px;
	width: 187px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/bouton_blue187_off.png");
}

.bouton_blue187:hover {
	text-decoration: none;
	background-image: url("../images/bouton_blue187.png");
}

.btn2 	   {
	 	   border:1px solid #777777;
		   padding: 2px 10px;
	 	   background: #BDDCFA;
	 	   color: black;
		   -moz-border-radius: 6px;
           -webkit-border-radius: 6px;
		   -khtml-border-radius: 6px;
           border-radius: 6px;
		   text-decoration: none;
		   font-size:12px;
		   font-family: Verdana, Arial, Helvetica, Geneva ;
	 	   }

.btn2:hover {
		   text-decoration: none;
		   background: #fa3c0c;
		   color: black;
		   }
.btn12:visited {
		   text-decoration: none;
		   color: black;
		   }
		   
.btn2_off 	   {
	 	   padding: 2px 10px;
	 	   background: #8d6b05;
	 	   color: black;
		   -moz-border-radius: 4px;
           -webkit-border-radius: 4px;
		   -khtml-border-radius: 4px;
           border-radius: 4px;
		   border:1px solid #111;
		   }

.q_rep_div{
	border:#333333 solid 1px;
	position: relative;
	padding:1px;
	background-color: #FFF;
	width:190px;
	height:55px;
	opacity: 0.8;
	right:18;
	top:0;
	z-index:5;
}

.emot_icons tr td {
	text-align:center;
}

.emot_rep{
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	text-align:left;
	border-top:1px solid #626262;
	width:100%;
	background-color:#cbd7e0;
	padding:3px;
	font-size:0.8em;
	color:#626262;
	margin-top:5px;
}

.mentions_list,.mentions_list tr td{
	color: #333333; font-size: 0.9em; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	padding:5px;
	vertical-align:top;
	border-bottom:solid 1px #AAA;
}
.mentions_list_t{
	color: #333333; font-size: 0.9em; 
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	margin-left:5px;
	font-size:1.2em;
	margin-bottom:10px;
}

.btn3 	   {
	 	   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
		   padding: 2px 10px;
	 	   background: #0181b1;
	 	   color: #fff;
		   -moz-border-radius: 4px;
           -webkit-border-radius: 4px;
		   -khtml-border-radius: 4px;
           border-radius: 4px;

	 	   }

.btn3:hover {
		   text-decoration: none;
		   background: #2ec5fe;
		   color: #222;
		   }
.btn3:visited {
		   text-decoration: none;
		   color: #fff;
		   }
		   
/* bouton bootstrap */
.btn {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  cursor: pointer;
}

/* Effet au survol */
.btn:hover {
  text-decoration: none;
}

/* État focus (accessibilité) */
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* État désactivé */
.btn.disabled, .btn:disabled {
  opacity: 0.65;
  pointer-events: none;
}

/* Couleurs des boutons */
.btn-primary {
  color: #fff !important;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:hover {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}

.btn-secondary:focus, .btn-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-danger:hover {
  color: #fff;
  background-color: #c82333;
  border-color: #bd2130;
}

.btn-danger:focus, .btn-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}

.btn-warning:focus, .btn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}

.btn-info:focus, .btn-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}

.btn-light:focus, .btn-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus, .btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

.btn-link {
  color: #007bff;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:hover {
  color: #0056b3;
  text-decoration: underline;
  background-color: transparent;
  border-color: transparent;
}

.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
  border-color: transparent;
  box-shadow: none;
}

/* Boutons contour */
.btn-outline-primary {
  color: #007bff;
  background-color: transparent;
  border-color: #007bff;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.btn-outline-secondary {
  color: #6c757d;
  background-color: transparent;
  border-color: #6c757d;
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-outline-success {
  color: #28a745;
  background-color: transparent;
  border-color: #28a745;
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.btn-outline-danger {
  color: #dc3545;
  background-color: transparent;
  border-color: #dc3545;
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.btn-outline-warning {
  color: #ffc107;
  background-color: transparent;
  border-color: #ffc107;
}

.btn-outline-warning:hover {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  background-color: transparent;
  border-color: #17a2b8;
}

.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}

.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  background-color: transparent;
  border-color: #f8f9fa;
}

.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}

.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  background-color: transparent;
  border-color: #343a40;
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}

.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

/* Tailles des boutons */
.btn-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 0.5rem;
}		   
		   
.joindre_form_button    {display: inline-block;  width: 61px;  height: 29px; background: url("images/joindre_form_button.png") no-repeat 0 0; }
.joindre_form_button:hover { background-position: 0 -29px;}
.joindre_form_button span { position: absolute; top: -999em;}

.vertical {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	-ms-transform:rotate(270deg);
	-webkit-transform:rotate(270deg);
	transform: rotate(270deg);
}

.button_sv_draft {
   background: #CBD7E0;
   background: -webkit-gradient(linear, left top, left bottom, from(#CBD7E0), to(#65a9d7));
   background: -webkit-linear-gradient(top, #CBD7E0, #7b9ab0);
   background: -moz-linear-gradient(top, #CBD7E0, #7b9ab0);
   background: -ms-linear-gradient(top, #CBD7E0, #7b9ab0);
   background: -o-linear-gradient(top, #CBD7E0, #7b9ab0);
   padding: 2px 11px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   color: black;
   font-size: 0.9em;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   text-decoration: none;
   vertical-align: middle;
   border:1px solid #676767;
   }
.button_sv_draft:hover {
   background: #EEEEEE;
   color: #FF0C00;
   }
.button_sv_draft:active {
   background: #2E54A8;
   color:white;
   }
   
.error{
    text-align:center;
    padding:20px;
}
input[type=text], input[type=password] {
    padding: 5px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size:1em;
}

.sondage_cont{
    border: 1px solid #ccc;
    background-color:#fdfdff;
    border-radius: 10px;
    padding:10px;
    margin:15px 20px;
}

.sond_question{
    font-size:1.2em;
    font-weight:bold;
    margin:10px 10px;
}

.sond_sond{
    color:#cccccc;
    margin-bottom:10px;
}

.sond_options{
    background-color:#fff;
    padding:5px;
    border:1px solid #777777;
    border-radius: 5px;
    margin-bottom:10px;
}

.sond_options:hover{
    background-color:#ffd24c;
    color:#111;
    text-decoration: none;
}

.sond_resultats{
    padding:5px;
    border:1px solid #777777;
    border-radius: 5px;
    margin-bottom:10px;
    background: url(blue.png);
    background-repeat: no-repeat;
}

.centered {
  position: fixed;
  top: 50%;
  left: 70%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.info_window{
      background-color:#FFFFFF;
      display:none;
      opacity: 0.95;
      color:#000000;
      padding:10px;
      font-size:0.75em;
      border:1px solid #555555;
      font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

.dispo_alert{
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   padding:15px;
   background-color:#FFF3CD;
   margin-top:10px;
   font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
   font-size:0.95em;
}

.dispo_amis{
    background-color:#DFF0D8;
    color:#3C763D;
}

.second_choice{
    display:inline-block;
    margin-left:25px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #DDD;
    padding:5px 10px;
}

.second_choice:hover{
    background-color:#ffc926;
}